.dw-linking {
  color: var(--color-rose);
  box-sizing: border-box;
  position: relative;
  padding-bottom: 0.30em;
  white-space: nowrap;
  line-height: 1.3;

  &::before,
  &::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform-origin: center;
  }

  &::before {
    border-bottom: 0.13em solid var(--color-rose);
    transform: scale3d(0, 1, 1);
  }

  &:hover::before,
  &:hover::after {
    transform: scale3d(1, 1, 1);
    transition: transform 900ms;
  }
}

.dw-linking:hover {
  color: var(--color-rose);
}

.brand-grid img {
  filter: unset;
  opacity: unset;
}

.about-team .img {
  padding-right: 0;
}

.about-team .img img {
  border-radius: 30px;
}

.clients-slider .slick-dotted.slick-slider {
  margin-left: 25px;
  margin-right: 25px;
}

.clients-slider .slick-prev:before,
.clients-slider .slick-next:before {
  font-size: 30px;
  color: #d6b9fd;
}

/* Display sub-services for mobile */
@media (max-width: 992px) {
  .mega-menu .axil-submenu {
    display: block;
  }

  .mega-menu:hover .axil-submenu {
    display: block;
  }

  .sub-services {
    display: block !important;
    /* Override display:none for sub-services */
  }

  .clients-slider .slick-list {
    margin: 0;
  }
}

@media (min-width: 992px) {
  .clients-slider .slick-prev {
    left: -40px;
  }

  .services-submenu {
    min-width: 600px !important;
  }

  .services-submenu>li {
    list-style-type: none;
  }

  .main-service {
    border-bottom: 1px solid gray;
  }

  .about-section {
    padding-top: 100px;
    padding-bottom: 0;
  }
}

@media (min-width: 1400px) {
  section.banner.section.home-banner {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
  }
}

.whatsapp-button {
        display: flex
;
    align-items: center;
    justify-content: center;
  position: fixed;
  bottom: 40px;
  right: 100px;
  z-index: 1000;
  background-color: #25D366;
  /*    padding: 9px 12px;*/
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 61px;
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.whatsapp-button:hover {
  transform: scale(1.1);
}

.whatsapp-button i {
  font-size: 2rem;
}

@media only screen and (max-width: 575px) {
  .whatsapp-button {
    bottom: 60px;
    right: 10px;
    width: 40px;
    height: 40px;
    line-height: 53px;
  }
}

/* Footer */

.footer-widget .social-icons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.875em;
}

.animate.fadein-Right {
  transform: translate(-100px, 0);
}

.footer-widget .social-icons .icon {
  position: relative;
  width: 2.5em;
  height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.footer-widget .social-icons .icon::before {
  content: "";
  position: absolute;
  width: 80%;
  height: 80%;
  border-radius: 100%;
  background: linear-gradient(213deg, rgb(255, 60, 4) -39.81%, rgb(105 36 19) 85.21%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 0;
  transition: .4s;
  z-index: -1
}

.footer-widget .social-icons .icon:hover::before {
  transform: translate(-50%, -50%) scale(1)
}

.footer-widget .social-icons .icon img {
  width: 45%;
  height: 45%
}

.footer-widget .social-icons .icon svg {
  z-index: 1;
  width: 1.375em;
  height: 1.375em
}

.footer-bottom-left ul li,
.footer-bottom-right ul li {
  list-style: none;
  font-size: 1em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.625em;
  position: relative;
  margin-bottom: 0;
  color: white;
}

.footer-bottom-left ul li a,
.footer-bottom-right ul li a {
  font-size: 0.8em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5em;
  color: white;
}

.footer-menu-link ul li a,
.footer-para {
  font-size: 0.90em;
  color: #d5d5d5;
}

.hover-footer li a {
  box-sizing: border-box;
  position: relative;
  padding-bottom: 0.30em;
  white-space: nowrap;
  line-height: 1.3;

  &::before,
  &::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform-origin: center;
  }

  &::before {
    border-bottom: 0.13em solid #ffffff;
    transform: scale3d(0, 1, 1);
  }

  &:hover::before,
  &:hover::after {
    transform: scale3d(1, 1, 1);
    transition: transform 900ms;
  }
}

@keyframes anim {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

/* Logo section */

.our-clients {
  background: radial-gradient(circle at left,
      rgb(254 79 50 / 32%) 0%,
      rgb(152 47 30 / 0%) 51.5%,
      rgba(254, 79, 50, 0) 100%);
}

.our-clients .client-list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  width: 100%
}

@media (min-width:992px) {
  .our-clients .client-list {
    margin-top: 5.3125em;
    margin-bottom: 7.8125em;
    margin: 2.5em 0;
  }
}

@media (min-width:992px) {
  .our-clients .client-list::after {
    content: "";
    height: 1px;
    width: 100%;
    opacity: .58;
    background: linear-gradient(90deg, #fe4f32 0, #ededed 47%, rgb(254, 79, 50) 100%);
    position: absolute;
    right: 0;
    top: 50%
  }
}

@media (max-width:1199.98px) {
  .our-clients .client-list::before {
    content: "";
    width: 1px;
    height: 100%;
    opacity: .58;
    background: linear-gradient(90deg, rgb(254, 79, 50) -23.13%, #fe4f32 27.61%, rgba(20, 20, 24, 0) 127.38%);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(0, 0)
  }
}

.our-clients .client-list-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

@media (min-width:1200px) {
  .our-clients .client-list-item {
    width: 16.66666667%;
    justify-content: center
  }
}

.our-clients .client-list-item:after {
  content: ""
}

@media (min-width:1200px) {
  .our-clients .client-list-item:after {
    position: absolute;
    width: 22.98937em;
    height: 1px;
    left: 8%;
    top: 50%;
    transform: rotate(-90deg) translate(0, 15%);
    opacity: .58;
    background: linear-gradient(90deg, rgba(20, 20, 24, 0) -8.7%, #fe4f32 25.12%, rgba(20, 20, 24, 0) 107.57%)
  }
}

@media (max-width:1199.98px) {
  .our-clients .client-list-item:after {
    opacity: .58;
    background: linear-gradient(90deg, rgba(20, 20, 24, 0) -23.13%, #fe4f32 27.61%, rgba(20, 20, 24, 0) 127.38%);
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
  }
}

.our-clients .client-list-item:last-child:after {
  display: none;
  visibility: hidden
}

.our-clients .client-list .item-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  overflow: hidden
}

.our-clients .client-list .img-wrapper {
  width: 180px;
  height: 110px;
  /*background: #27272e; */
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width:1200px) {
  .our-clients .client-list .item-wrapper {
    padding: 1.5em 0.5em;
    width: 100%;
    transition: all .5s;
  }
}

@media (max-width:1199.98px) {
  .our-clients .client-list .item-wrapper {
    width: 50%;
    padding: 2em 0.5em;
  }
}

@media (min-width:1200px) {
  .our-clients .client-list .item-wrapper .img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s
  }
}

@media (max-width:1199.98px) {
  .our-clients .client-list .item-wrapper .img-wrapper {
    transform: scale(1);
    transition: all .5s
  }
}

@media (min-width:992px) {
  .our-clients .client-list .item-wrapper .img-wrapper img {
    transition: all .5s
  }
}


@media (min-width:992px) {
  .our-clients .client-list .item-wrapper .animated-video {
    width: 100%;
    max-width: 7.73439em;
    display: flex;
    align-items: center;
    justify-content: center
  }
}

@media (min-width:1200px) {
  .our-clients .client-list .item-wrapper:hover .img-wrapper img {
    transform: scale(1.06);
    /* border: 1px solid #fe4f32; */
  }
}

/* Steps */

.btn-outline-orange {
  border-radius: 20px;
  background: transparent;
  border: 1px solid #fe4f32;
  color: #fe4f32;
}
.btn-outline-white {
  border-radius: 20px;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.btn-outline-orange:hover {
  background: linear-gradient(213deg, rgb(255, 60, 4) -39.81%, rgb(105, 36, 19) 85.21%);
  color: #fff;
}
.btn-outline-white:hover {
  background: linear-gradient(213deg, rgb(255, 60, 4) -39.81%, rgb(105, 36, 19) 85.21%);
  color: #fff;
}

.contact-btn:hover svg path {
  fill: #fff;
}

.steps .item-con {
  background: rgba(99, 99, 99, .09);
  border-radius: 15px;
  height: 100%;
  padding: 15px 20px;
  /* display: flex;
  flex-direction: column;
  justify-content: space-between; */
}

.steps h2 {
  font-size: 52px;
}

.steps .item-con h6 {
  font-weight: 500;
  color: rgba(64, 37, 98, .63);
}

/* Brands */

.brands .item-con {
  background: #fff;
  border-radius: 15px;
  height: 100%;
  padding: 10px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.brands h3 span {
  font-size: 60px;
}

/* About */
.about-team h4 {
  font-size: 28px;
}

.creative-branding .about-team p {
  font-size: 16px;
}

/* Grow */
.grow {
  background: radial-gradient(16.52% 16% at 50% 5.83%, #2f2f35 0, #141418 100%);
}

.grow-brand h2 span {
  font-weight: 600;
  font-size: 75px;
  padding-right: 150px;
}

.grow-brand p {
  font-size: 16px;
}

.grow-brand-types ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0px;
  padding-left: 0px;
  margin-top: 20px;

}

.grow-brand-types ul li {
  min-height: 30px;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  margin-right: 5%;
  margin-bottom: 20px;
  box-sizing: border-box;
  transition: all .35s ease-in-out;
  border-left: 3px solid #fe4f32;
}

.grow-brand-types ul li:last-child {
  margin-right: 0;
}

.grow-brand-types ul li p {
  margin-bottom: 0px;
  font-size: 20px !important;
  color: #ffffff;
  line-height: 22px;
  position: relative;
  z-index: 9;
  font-weight: 300;
  font-size: 15px !important;
  padding-left: 15px;
}

.grow-brand-types ul {
  margin-top: 0px;
}

@media screen and (max-width:600px) {

  .grow-brand-types ul li {
    margin-right: 4%;
    width: 100%;
  }

  .grow-brand-types ul li p {
    line-height: 15px;
    min-width: 75px;
    padding-left: 12px;
  }

  .grow-brand-types ul {
    justify-content: left;
  }

  .grow-brand-types ul li::after {
    width: 75px;
    height: 75px;
  }
}


/* Strategy */
.strategy h3 span {
  font-weight: 600;
  font-size: 75px;
  padding-right: 130px;
}

.strategy p {
  font-size: 16px;
}

.strategy-types ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0px;
  padding-left: 0px;
  margin-top: 20px;

}

.strategy-types ul li {
  min-height: 30px;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  margin-right: 5%;
  margin-bottom: 20px;
  box-sizing: border-box;
  transition: all .35s ease-in-out;
  border-left: 3px solid #fe4f32;
}

.strategy-types ul li:last-child {
  margin-right: 0;
}

.strategy-types ul li p {
  margin-bottom: 0px;
  font-size: 20px !important;
  color: #000000;
  line-height: 22px;
  position: relative;
  z-index: 9;
  font-weight: 300;
  font-size: 15px !important;
  padding-left: 15px;
}

.strategy-types ul {
  margin-top: 0px;
}

@media screen and (max-width:600px) {

  .strategy-types ul li {
    margin-right: 4%;
    width: 100%;
  }

  .strategy-types ul li p {
    line-height: 15px;
    min-width: 75px;
    padding-left: 12px;
  }

  .strategy-types ul {
    justify-content: left;
  }

  .strategy-types ul li::after {
    width: 75px;
    height: 75px;
  }
}

.strategy-img {
  animation: 2s ease-out infinite strategy-img;
}

@keyframes strategy-img{
  50% {
    transform: translateY(-1px) scale(1.03);
  }
  0% {
      transform: translateY(0) scale(1);
  }
}

/*  Success Story */

.success-story {
  background: radial-gradient(16.52% 16% at 50% 5.83%, #2f2f35 0, #141418 100%);
}

.success-story p {
  font-size: 16px;
  color: #818181;
}


/* portfolio */

.work-slider-section {
  width: 100%;
  height: auto;
  padding: 0;
}

.work-main-box {
  width: 100%;
  /* min-height: 800px; */
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
}

.work-slider-section .item {
  overflow: hidden;
  position: relative;
}

.work-main-image {
  max-width: 100%;
  /* max-width: 90%; */
  width: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  overflow: hidden;
}

.work-main-image img {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  display: block;
  width: 100%;
  overflow: hidden;
}

.work-slider-section .item:hover .work-main-image img {
  transform: scale(1.1);
}

.work-main-content {
  width: 100%;
  height: auto;
  position: absolute;
  padding: 20px 25px 0px 25px;
  box-sizing: border-box;
  left: 0px;
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 5%, rgb(0 0 0 / 87%) 97%, rgb(0 0 0 / 46%) 167%, rgba(0, 0, 0, 0.54) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 5%, rgb(0 0 0 / 87%) 97%, rgb(0 0 0 / 46%) 167%, rgba(0, 0, 0, 0.54) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.17) 5%, rgb(0 0 0 / 87%) 97%, rgb(0 0 0 / 46%) 167%, rgba(0, 0, 0, 0.54) 100%)
}

.work-main-content h3 {
  font-size: 30px;
  line-height: 25px;
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 10px;
}

.work-main-content p {
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  margin-bottom: 20px;
  letter-spacing: .5px;
}

/* Service Section */


.items {
  width: 100%;
}

.items .slick-track{
  padding: 20px 0;
}

.slick-slide {
  margin: 5px
}
.slick-prev:before,
.slick-next:before
{
  background: linear-gradient(to right, var(--color-rose), #ffad06) !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  font-size: 25px !important;
}

/* Service Page */
.service-banner{
  background: url('../media/banner/service-banner.webp') center / cover no-repeat;
}

.four-blocks h4{
  font-size: 22px;
}

.four-blocks .card{
  height: 300px;
  padding: 15px 20px 20px 20px;
  box-shadow: rgba(155, 33, 2, 0.52) 0px 2px 10px;
  /*box-shadow: -1px 3px 5px #9b210285;*/
}

.video-marketing .right {
  margin-top: 0;
  height: calc(100vh - 13em);
  padding-right: 1.5em;
  padding-bottom: 1em;
  overflow-y: auto;
  max-width: 64.375em;
  margin: 0 auto;
}

.video-marketing .left {

  background: linear-gradient(0deg, rgb(255 60 4 / 18%), rgb(255 60 4 / 25%)), 
          url('../media/testimonial/bg.webp') center / cover no-repeat; 
  /* background: radial-gradient(70.52% 80% at 50% 44.83%, #fe4f32 0, #000000 100%); */
  border-radius: 7px;
  color: white;
  padding: 20px;
}

.ser-steps h2 {
  font-size: 45px;
}

.call-to-action-service {
  background: linear-gradient(0deg, rgb(4 4 4 / 40%), rgb(36 36 36 / 58%)),
      url('../media/banner/service-cta-banner.webp') center right / cover no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 5px !important;
}

/* Email Marketing Page */
.email-banner{
  background: linear-gradient(to left, var(--color-rose), #ff8f00);
  /* background: url('../media/banner/email-banner.webp') center / cover no-repeat; */
}

.marketing-box {
  padding: 20px;
  border-radius: 1.867875em;
  box-shadow: 0 -.093375em .7425em -.1400625em #ff3c04 inset, 0 0 .560375em 0 rgba(255, 255, 255, .1) inset;
  -webkit-backdrop-filter: blur(.5348719954em);
  backdrop-filter: blur(.5348719954em);
}

.call-to-action-email {
  background: linear-gradient(0deg, rgb(4 4 4 / 40%), rgb(36 36 36 / 58%)),
      url('../media/banner/email-cta-banner.webp') center right / cover no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 5px !important;
}

/* CGI Page */
.cgi-banner{
  background: linear-gradient(to bottom, var(--color-rose), #ffad06);
  /* background: url('../media/banner/cgi-banner.webp') center / cover no-repeat; */
}

.call-to-action-cgi {
  background: linear-gradient(0deg, rgb(4 4 4 / 40%), rgb(36 36 36 / 58%)),
      url('../media/banner/cgi-cta-banner.webp') center right / cover no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 5px !important;
}

/* Wordpress Page */
.wordpress-banner{
  background: linear-gradient(to right, var(--color-rose) 0%, var(--color-rose) 0%, #ffad06 55%);
  /* background: url('../media/banner/wordpress-banner.webp') center / cover no-repeat; */
}

.wordpress-four-blocks h4{
  font-size: 20px;
}

.wordpress-four-blocks .row p{
  font-size: 15px;
}

.wordpress-four-blocks .card{
  height: 365px;
  padding: 15px 17px 20px 17px;
  box-shadow: rgba(155, 33, 2, 0.52) 0px 2px 10px;
  /*box-shadow: -1px 3px 5px #9b210285;*/
}
.website-four-blocks h4{
  font-size: 20px;
}

.website-four-blocks .row p{
  font-size: 15px;
}

.website-four-blocks .card{
  height: 300px;
  padding: 15px 17px 20px 17px;
  box-shadow: rgba(155, 33, 2, 0.52) 0px 2px 10px;
  /*box-shadow: -1px 3px 5px #9b210285;*/
}
.web-four-blocks h4{
  font-size: 20px;
}

.web-four-blocks .row p{
  font-size: 15px;
}

.web-four-blocks .card{
  height: 320px;
  padding: 15px 17px 20px 17px;
  box-shadow: rgba(155, 33, 2, 0.52) 0px 2px 10px;
  /*box-shadow: -1px 3px 5px #9b210285;*/
}

.wp-icon{
  width: 64px;
  height: 64px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}


.email .email-box{
  box-shadow: -1px 3px 5px #ff3c0447;
}

/* Privacy */

.privacy h2, .terms h2{
  font-size: 36px;
}

.privacy-li li, .terms-li li{
  padding: 8px 0;
}

.call-to-action-wordpress {
  background: linear-gradient(0deg, rgb(4 4 4 / 40%), rgb(36 36 36 / 58%)),
      url('../media/banner/wordpress-cta-banner.webp') center right / cover no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 5px !important;
}
.call-to-action-brochure {
  background: linear-gradient(0deg, rgb(4 4 4 / 40%), rgb(36 36 36 / 58%)),
      url('../media/banner/brochure-cta-banner.webp') center right / cover no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 5px !important;
}
.call-to-action-logo {
  background: linear-gradient(0deg, rgb(4 4 4 / 40%), rgb(36 36 36 / 58%)),
      url('../media/banner/logo-cta-banner.webp') center right / cover no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 5px !important;
}
.call-to-action-website {
  background: linear-gradient(0deg, rgb(4 4 4 / 40%), rgb(36 36 36 / 58%)),
      url('../media/banner/cta-banner-website.webp') center right / cover no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 5px !important;
}
.call-to-action-web-dev {
  background: linear-gradient(0deg, rgb(4 4 4 / 40%), rgb(36 36 36 / 58%)),
      url('../media/banner/development-cta-banner.webp') center right / cover no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 5px !important;
}
.call-to-action-marketing {
  background: linear-gradient(0deg, rgb(4 4 4 / 40%), rgb(36 36 36 / 58%)),
      url('../media/banner/marketing-cta-banner.webp') center right / cover no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 5px !important;
}
.call-to-action-mobile {
  background: linear-gradient(0deg, rgb(4 4 4 / 40%), rgb(36 36 36 / 58%)),
      url('../media/banner/mobile-cta-banner.webp') center right / cover no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 5px !important;
}
.call-to-action-seo {
  background: linear-gradient(0deg, rgb(4 4 4 / 40%), rgb(36 36 36 / 58%)),
      url('../media/banner/seo-cta-banner.webp') center right / cover no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 5px !important;
}
.call-to-action-social {
  background: linear-gradient(0deg, rgb(4 4 4 / 40%), rgb(36 36 36 / 58%)),
      url('../media/banner/social-cta-banner.webp') center right / cover no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 5px !important;
}