/*
Theme Name: Alep Digital
Theme URI: https:alepdigital.com
Author: Manish Tandukar
Description: Theme for Alep Digital  
Version: 1.0
*/
/* html {
  scroll-behavior: smooth;
} */

body {
  font-family: "Poppins", sans-serif !important;
  color: #565656 !important;
}

p {
  line-height: 25px;
  margin-bottom: 10px;
}

.bg-header-blue,
.sticky.header-appear .header-dark,
.sticky .header-dark.header-always-fixed-scroll {
  background-color: #0497e3 !important;
}

.bg-yellow {
  background-color: #ffbe0d;
}

.bg-1 {
  background-color: #e1eeff;
}

.bg-2 {
  background-color: #f6f6f6;
}

.bg-blue {
  background-color: #11b2ff;
}

.text-grey {
  color: #565656;
}

.text-grey-1 {
  color: #727272;
}

.text-blue {
  color: #0497e3;
}

.text-green-alt {
  color: #5adfc0;
}

.text-orange {
  color: #e7753f;
}

.text-yellow {
  color: #ffbe0d;
}

.font-24px {
  font-size: 24px;
}

.font-26px {
  font-size: 26px;
}

.xs-w-64px {
  width: 64px;
}

.mt-50px-minus {
  margin-top: -50px;
}

.mb-60px-minus {
  margin-bottom: -60px;
}

.mt-170px-minus {
  margin-top: -170px;
}

.mt-200px-minus {
  margin-top: -200px;
}

.padding-200px-top {
  padding-top: 200px;
}

.padding-130px-top {
  padding-top: 130px !important;
}

.l-more {
  background-color: #ffbe0d;
  color: #212121;
  padding: 7px 30px;
  border-radius: 30px;
  font-weight: 600;
  display: inline-block;
}

.l-more:hover {
  background-color: #fff;
  color: #212121;
}

.post-details a.l-more:hover {
  background-color: #000;
  color: #fff;
}

.l-more-contact {
  padding: 7px 15px;
  color: #000 !important;
}

.l-more-contact:hover {
  background-color: #212121;
  color: #fff !important;
}

.l-more-success {
  padding: 3px 18px;
}

.bd-rt-grey {
  border-right: 1px solid #727272;
}

header .navbar .navbar-brand img,
header.side-menu .logo img,
header .sidebar-nav-menu .navbar-brand img {
  max-height: 50px !important;
}

.navbar .navbar-nav .nav-link {
  font-size: 16px;
  line-height: 20px;
}

ul#menu-main-menu li.current-menu-item a {
  color: #ffbe0d !important;
}

.default-logo,
.alt-logo,
.mobile-logo {
  height: 50px;
}

.client-logo-style-03 img {
  width: 70%;
}

.hp-tabs .list-style-05 li {
  margin-bottom: 0;
}

.bg-extra-dark-yellow {
  background-color: #ffbe0d;
}

.hp-tabs ul li a {
  font-size: 18px;
  color: #565656;
}

.tab-style-01.hp-tabs .nav-tabs > li.nav-item .tab-border {
  height: 4px;
  margin-top: 10px;
}

.hp-tabs .nav-tabs > li.nav-item > a.nav-link.active,
.hp-tabs .nav-tabs > li.nav-item > a.nav-link.active:hover,
.hp-tabs .nav-tabs > li.nav-item > a.nav-link:hover {
  color: #fff;
  line-height: 20px;
  background-color: #ffbe0d;
  padding: 20px;
  border-radius: 10px;
  font-size: 16px;
}

.hp-tabs .nav-tabs > li.nav-item > a.nav-link {
  color: #747474;
  line-height: 20px;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  font-size: 16px;
  width: 172px;
}

.hp-tab-image {
  display: block;
  margin: auto;
  background: #f6f5f5;
  padding: 10px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.hp-tab-image-hov {
  display: block;
  margin: auto;
  background: #f6b605;
  padding: 10px;
  border-radius: 50%;
  margin-bottom: 20px;
  display: none;
}

.hp-tabs .nav-tabs > li.nav-item > a.nav-link.active .hp-tab-image,
.hp-tabs .nav-tabs > li.nav-item > a.nav-link.active:hover .hp-tab-image,
.hp-tabs .nav-tabs > li.nav-item > a.nav-link:hover .hp-tab-image {
  display: none;
}

.hp-tabs .nav-tabs > li.nav-item > a.nav-link.active .hp-tab-image-hov,
.hp-tabs .nav-tabs > li.nav-item > a.nav-link.active:hover .hp-tab-image-hov,
.hp-tabs .nav-tabs > li.nav-item > a.nav-link:hover .hp-tab-image-hov {
  display: block;
}

.story {
  border: 2px solid #0497e3;
  border-radius: 10px;
}

.story img {
  border-radius: 10px 10px 0 0;
}

.hp-story img {
  height: 120px;
}

.story a {
  font-size: 14px;
  color: #000;
  font-weight: 600 !important;
  text-align: center;
  display: block;
  margin: 0 15px 15px 15px;
}

.story:hover {
  background-color: #0497e3;
  /* box-shadow: 0px 0px 11px 1px #0ceeeb; */
}

.story h6 {
  padding: 15px 15px 15px;
  line-height: 22px;
  margin-bottom: 5px;
}

.story:hover h6 {
  color: #fff !important;
}

.story:hover a {
  background-image: linear-gradient(to right, #fff, #fff);
  color: #212121 !important;
}

.hp-career {
  background-size: cover;
  background-repeat: no-repeat;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea {
  background-color: #f5f5f5;
  border: none !important;
  border-radius: 30px;
  padding: 8px 25px 8px;
}

.c-form {
  border: 1px solid #0497e3;
  padding: 30px;
  border-radius: 30px;
}

footer a {
  color: #565656 !important;
}

.ad-social-icons.large-icon a {
  font-size: 26px;
  width: 15px;
  height: 15px;
}

.ad-social-icons.large-icon i {
  color: #0497e3;
}

.offer-icons img {
  background-color: #ffbe0d;
  padding: 20px;
  border-radius: 15px;
}

/*****demand generation******/
.d-s2-text-fx {
  position: relative;
  margin-top: -26%;
}

.dv2-s2-text-fx {
  position: relative;
  margin-top: -38%;
}

.act-s2-text-fx {
  margin-top: -48%;
}

.dg-content {
  position: relative;
  margin-top: -17%;
  border-radius: 30px;
  padding: 60px;
  box-shadow: 0px 0px 11px 1px #ccc;
  margin-bottom: 10px;
}

.dg-content-v2 {
  position: relative;
  margin-top: -10%;
  border-radius: 30px;
  padding: 60px;
  box-shadow: 0px 0px 11px 1px #ccc;
  margin-bottom: 10px;
}

.ins-sales-content {
  margin-top: -5%;
  border-radius: 100px;
}

ul.dg-nav li {
  list-style: none;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  padding: 10px 25px;
  /* margin-right: 30px; */
}

/* ul.dg-nav li:first-child {
  padding-left: 0;
} */

ul.dg-nav li:last-child {
  margin-right: 0;
}

.dg-nav-container .fixed ul.dg-nav li:last-child {
  padding-right: 74px;
}

ul.dg-nav li a {
  color: #212121;
  padding-bottom: 15px;
}

ul.dg-nav li a.active-t,
xul.dg-nav li.active-t {
  /* background-color: #0497e4; */
  border-bottom: 4px solid #0497e4;
  /* background-color: #0497e3;
  color: #fff; */
  font-weight: 600;
}

.fixed {
  position: fixed;
  top: 0;
  z-index: 2;
  height: 80px;
}

.dg-nav-container {
  background-color: #fff;
  width: 100%;
  text-align: center;
}

.circle-inner-text {
  margin-top: -154px;
  position: absolute;
  left: 55px;
}

.circle-inner-text h3 {
  font-size: 26px !important;
}

.circle-inner-text span {
  font-size: 16px !important;
  line-height: 20px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0497e3;
  border-color: #0497e3 !important;
}

/* .swiper-pagination-bullet {
  background: #222;
  border-radius: 0;
  height: 8px;
  width: 44px;
  border: 2px solid #222;
  transform: skew(-20deg);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #e7753f;
  border-color: #e7753f !important;
}

.swiper-slide {
  opacity: 0.4 !important;
  transform: scale(0.9);
}

.swiper-slide.swiper-slide-next {
  opacity: 1 !important;
  transform: scale(1);
} */

/**********/
.content h2 {
  font-size: 20px;
  position: abott;
  position: absolute;
  bottom: 0;
  background: rgba(4, 151, 227, 0.6);
  width: 100%;
  color: #fff;
  font-weight: 600;
  padding: 20px;
  margin-bottom: 0;
  border-radius: 0 0 32px 32px;
  line-height: 28px;
}

.content {
  position: relative;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(4, 151, 227, 0.6);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  border-radius: 32px;
}

.content:hover .content-overlay {
  opacity: 1;
}

.content-image {
  width: 100%;
}
/* 
img {
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
} */

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover h2 {
  display: none;
}

.content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3 {
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 32px;
}

/* .content-details h3 {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
} */

.content-details p {
  color: #fff;
  /* font-size: 0.8em; */
}

.fadeIn-bottom {
  top: 80%;
}

.tab-style-01.os-tabs .nav-tabs > li.nav-item {
  padding: 0 20px !important;
}

.os-tabs ul li a {
  font-size: 16px !important;
  line-height: 22px;
}

input[type="checkbox"] + label {
  color: #565656 !important;
  position: relative;
  top: -4px;
}

.our-team {
  border: none !important;
}

.our-team:hover {
  background-color: transparent !important;
}

.our-team-info {
  background-color: #4abfeb;
  border-radius: 0;
}

.de-test::before {
  content: "";
  background: url(images/test-l.png);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 125px;
  height: 86px;
  z-index: 1;
}

.de-test::after {
  content: "";
  background: url(images/test-r.png);
  position: absolute;
  right: 0px;
  bottom: -20px;
  width: 125px;
  height: 86px;
  z-index: 1;
}

.de-test p {
  position: relative;
  z-index: 9;
}

.abt-us-hero {
  background-position: 80% 10px !important;
}

img.cs-twi {
  background: #ffbe0d;
  padding: 5px 10px;
  border-radius: 10px;
}

.tech-block {
  border: 2px solid #ffbe0d;
  border-radius: 15px;
  padding: 10px 0 30px 0;
  margin-bottom: 40px;
}

.tech-block h3 {
  font-size: 20px;
  line-height: 26px;
}

/* .tech-block img {
  width: 110px;
  height: 90px;
} */

.success-block {
  box-shadow: 0px 0px 11px 1px #ccc;
  padding: 40px 20px;
  border-radius: 15px;
}

.success-block img {
  height: 56px !important;
}

img.success-aside-image {
  height: 60px;
}

/* body.single-success-stories section {
  padding: 0 !important;
} */

.blog-post-image img,
.portfolio-image img {
  width: 100%;
  height: 250px;
}

.hp-accordion .panel-title span {
  font-size: 18px;
  font-weight: 500;
}

.hp-accordion .active-accordion .panel-title span,
.hp-accordion .active-accordion .text-grey {
  color: #0497e3 !important;
}

.hp-accordion .accordion-style-05 .panel .panel-heading.active-accordion {
  background-color: transparent;
  border-bottom-color: transparent !important;
}

.hp-accordion .accordion-style-05 .panel .collapse.show,
.hp-accordion .accordion-style-05 .panel .collapsing {
  background-color: transparent;
}

#wpcf7-f367-o1 .wpcf7-checkbox .wpcf7-list-item {
  display: block;
}

#menu-footer-first-menu,
#menu-footer-second-menu {
  line-height: 22px;
}

.blog-hero-heading p {
  line-height: 50px;
}

.blog-aside-title p {
  line-height: 20px;
}

img.career-icon {
  width: 56px;
  margin-bottom: 10px;
}

.cli-tab-section-container input[type="checkbox"] + label span {
  display: none;
}

.demand-extra-section img {
  width: 100px;
  margin-left: -15px;
}

ul#menu-footer-first-menu li a:before,
ul#menu-footer-second-menu li a:before {
  content: "\e844";
  font-family: feather;
  display: inline;
}

ul#menu-footer-first-menu li a:hover,
ul#menu-footer-second-menu li a:hover,
footer a:hover {
  color: #0497e3 !important;
}

ul.arrow-before li a::before {
  content: "\e844";
  font-family: feather;
  display: inline;
}

/******version 2*************/

/*************inside sales**********/
.inside-four .feature-box {
  display: block;
  text-align: center;
  z-index: 1;
  position: relative;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
}

.ins-our-approach img {
  height: 55px;
  /* width: 63px; */
}

/*********************************/
/*********media queries*********/
/*******************************/

@media screen and (max-width: 767px) {
  .xs-display-none {
    display: none !important;
  }

  .xs-w-100 {
    width: 100% !important;
  }

  .bg-1-mo {
    background-color: #e1eeff;
  }

  .xs-no-pd-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .xs-no-pd-rt {
    padding-right: 0px;
  }

  .xs-no-pd-all {
    padding: 0 !important;
  }

  .xs-no-br br {
    display: none !important;
  }

  .bd-rt-grey {
    border: none;
  }
  .text-xs-center {
    text-align: center;
  }

  .margin-0-top-xs {
    margin-top: 0 !important;
  }

  .margin-1px-right-xs {
    margin-right: 1px !important;
  }

  .margin-6px-top-xs {
    margin-top: 6px;
  }

  .margin-15-left-xs {
    margin-left: 15px !important;
  }

  .margin-15-right-xs {
    margin-right: 15px !important;
  }

  .margin-23px-minus-top {
    margin-top: -23px;
  }

  .margin-0-bottom-xs {
    margin-bottom: 0 !important;
  }

  .margin-25px-top-xs {
    margin-top: 25px;
  }

  .margin-40px-top-xs {
    margin-top: 40px;
  }

  .margin-40px-bottom-xs {
    margin-bottom: 40px;
  }

  .margin-30px-bottom-xs {
    margin-bottom: 30px;
  }

  .padding-0-bottom-xs {
    padding-bottom: 0 !important;
  }
  .padding-40px-top-xs {
    padding-top: 40px !important;
  }

  .padding-15px-left-xs {
    padding-left: 15px !important;
  }

  .line-height-38px-xs {
    line-height: 38px !important;
  }

  .line-height-30px-xs {
    line-height: 30px !important;
  }

  .font-size-24 {
    font-size: 24px !important;
  }

  .left-40px-xs {
    left: 40px !important;
  }

  .hp-story img {
    height: 200px;
  }
  .l-more-contact-mobile {
    padding: 7px 15px;
    font-size: 14px;
  }

  .circle-inner-text {
    margin-top: -133px;
    position: absolute;
    left: 46px;
  }

  ul#menu-footer-second-menu {
    margin-top: -23px;
  }
  .accordion-style-02 .panel .panel-heading {
    border-bottom: none !important;
  }

  .accordion-style-02 .panel .panel-body {
    padding: 0px 20px 30px 0;
  }

  .accordion-style-02 .panel-title span {
    font-size: 18px;
    font-weight: 500;
  }

  #accordion2 .active-accordion .panel-title span,
  #accordion2 .active-accordion .text-grey {
    color: #0497e3 !important;
  }

  .jobs-xs-border {
    border-bottom: 2px solid #313131;
  }

  .career-row-xs {
    padding: 30px 0;
  }

  .de-test::before,
  .de-test::after {
    display: none !important;
  }
}