/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css');
body {
/*   font-family: 'DejaVu Sans'; */ 
font-family: 'Poppins', sans-serif;

}
p {
   /*    font-family: 'DejaVu Sans'; */
   font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 400;
}
a {
  color: #2A3033;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  outline: none;
  text-decoration: none;
}
a:hover
{
     color: #ff6126;
}
@media (min-width: 1200px)
{
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px;
}
}
/*********Header css***********/
header {
    border-bottom: 1px solid #eee;
    height: 4rem;
}
.burger-wrapper {
  cursor: pointer;
}
#meny {
    background: #000;
    width: 100%;
    height: 100vh;
    position: fixed;
    right: 0;
    transition-timing-function: cubic-bezier(10,2,3,1);
    transform: translateX(100%);
    top: 0;
    z-index: 0;
    transition: 0.5s;
}
nav#meny.closed-nav {
    transform: translateX(100%)!important;
}
.closes-burger div {
    transform: none!important;
    opacity: 1!important;
}
#menyAvPaa {
    display: none;
}

nav#meny.open {
    transform: translateX(0rem);
}
#burger.ss div {
    transform: none!important;
    opacity: 1!important;
}
#burger {
    position: absolute;
    cursor: pointer;
    width: 3rem;
    height: 1.5rem;
    right: 1rem;
         top: 3.1rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
div#cursor.inverse {
    opacity: 0;
}
#burger > div {
    height: 2px;
    background-color: #fff;
    transition: 0.5s;
    z-index: 999;
}

#menyAvPaa:checked ~ #burger > div {
  background-color: #fff;
}

/*#menyAvPaa:checked ~ #burger > div:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}
#menyAvPaa:checked ~ #burger > div:nth-child(2) {
    opacity: 0;
}
#menyAvPaa:checked ~ #burger > div:nth-child(3) {
    transform: translateY(-15px) rotate(-45deg);
}*/
#burger.cross > div:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}
#burger.cross > div:nth-child(2) {
    opacity: 0;
}
#burger.cross > div:nth-child(3) {
    transform: translateY(-15px) rotate(-45deg);
}
.c-nav-items {
    display: flex;
    justify-content: flex-end;
    padding-right: 100px;
    align-items: center;
}
.c-nav-items a {
  margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 30px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}
.c-nav-items img.phone-ico {
    width: 23px;
    margin-right: 8px;
}
.c-nav-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.header-main
{
  position: relative;
    padding-top: 20px;
}
header {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 9999;
    border: navajowhite;
}
ul.WrapPrimaryNav {
/*position: absolute;
    top: 50%;
    margin: 0px;
    transform: translateY(-50%);
    width: 100%;*/
    text-align: center;
}
.PrimaryNav {
    display: flex;
    align-items: center;
    justify-content: center;
    /* vertical-align: middle; */
    height: 100%;
}
.menu-links:hover {
    color: #FF6126;
}

.menu-links img {
    width: 30px;
    margin-right: 10px;
}
.WrapPrimaryNav li a {
    display: block;
    font-size: 30px;
    line-height: 50px;
    letter-spacing: -0.08rem;
    color: #fff;
}
.WrapPrimaryNav {
    padding-left: 0px;
}
.WrapPrimaryNav li {
    list-style-type: none;
    margin-bottom: 10px;
}
.banner {
    /*width: 100vw;
    height: 100vh;
    align-items: center;
    background: url(../img/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
        position: relative;
            background-position: center;*/
            padding-top: 0px;
    position: relative;
    height: 100vh;
}
.carousel-container{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: -20px;
    left: 0px;
    right: 0px;
}
.carousel-container h1 {
    color: #fff;
    font-weight: 600;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    font-size: 37px;
}
.carousel-container h1 span{
 color: #FF6126;
}
.c-nav-items a.menu-btn {
    border: 4px solid #FF6126;
    border-radius: 50px;
    padding: 10px 37px;
}

.c-nav-items a.menu-btn:hover {
   background: #FF6126;
}
.four-grid-banner ul li {
    display: inline-block;
    padding-right: 15px;
    border-bottom: 2px solid #ddd;

}
.grid-box img {
    float: left;
    width: 50px;
}
.grid-box h4, .grid-box p {
    color: #fff;
    padding-left: 60px;
}
.grid-box h4 {
    font-size: 16px;
    font-weight: 600;
}
.grid-box p{
    font-size: 14px;
    font-weight: 300;
}

.carousel-container2 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
       bottom: 100px;
    left: 0px;
    right: 0px;
}
.four-grid-banner ul {
    padding-left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
.four-grid-banner ul li {
    display: inline-block;
    padding-right: 15px;
}
.four-grid-banner ul li:hover {
    border-bottom: 2px solid #fff;
}
.about-title {
    color: #000;
    font-weight: 700;
}
.about-title span{
    color: #FF6126;
}
.about-box {
    max-width: 600px;
    padding-left: 10px;
    padding-right: 10px;
}
.about-title {
    color: #000;
    font-weight: 700;
    font-size: 29px;
    margin-bottom: 20px;
}
.about-box p {
    line-height: 28px;
}
.btn-read {
    font-size: 20px;
    color: #000;
    position: relative;
    padding-left: 25px;
}
.btn-read:hover
{
    color: #000;
}
.read-more-btn {
    margin-bottom: 0px;
}
.btn-read:before {
    content: '';
    position: absolute;
    background: #ff6126;
    width: 50px;
    height: 50px;
    z-index: -1;
    border-radius: 50%;
    left: 0px;
    top: -12px;
}

.btn-read:after {
    content: url(../img/arrow-right.png);
    position: absolute;
    right: -40px;
    top: -3px;
}
.about-box .read-more-btn {
    margin-top: 40px;
    margin-bottom: 50px!important;
}
.talk-about-gredient {
    padding: 80px 0px;
    margin-top: 80px;
    position: relative;
}
.graphic-spot {
    position: absolute;
    right: 0px;
    top: -280px;
    z-index: 10;
}
.talk-about-gredient {
   /* background: url(../img/digital-mesh-gradient-bg2.png);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 200px;
    padding-top: 0px;
}
.main-title {
    color: #000;
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 40px;
}
.main-title span{
color: #ff6126;
    }
.digital-about p {
    font-size: 17px;
    padding-top: 16px;
    padding-bottom: 16px;
}
section
{
    padding: 60px 0px;
}
section.digital-journey {
    padding: 0px;
}
.testimonial {
    background: url(../img/mid-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 100px 0px;
}
.slider-box-black {
    background: #0000008a;
    padding: 50px;
}
.testimonial-item h2 {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    margin-bottom: 40px;
}
.testimonial-item p {
    color: #fff;
    font-size: 16px;
}
.testimonial-item {
    padding: 90px 0px;
}
.testimonial-item .btn-read {
    color: #fff;
    font-size: 16px;
}
.testimonial-item .btn-read:after {
    filter: brightness(0) invert(1);
    top: 0px;
}
.testimonial-item p {
    color: #fff;
    font-size: 18px;
    max-width: 540px;
    font-weight: 400;
    font-family: 'DejaVu Sans Condensed';
    padding-left: 60px;
}
.testimonial .swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    border-radius: 0px;
    background: #fff;
    opacity: 0.8;
}
.testimonial .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    opacity: 1;
}
.testimonial .swiper-horizontal>.swiper-pagination-bullets, .testimonial .swiper-pagination-bullets.swiper-pagination-horizontal
  {
    bottom: 50%;
    right: -40px;
    width: auto;
        left: auto;
}
.testimonial .swiper-pagination {
    transform: rotate(270deg);
}
section.bg-black {
    background: #000;
    padding: 50px 0px;
}
.bg-black h2 {
    color: #ffff;
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 0px;
}
.btn-orange {
    border: 4px solid #FF6126;
    border-radius: 50px;
    padding: 12px 37px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.btn-orange:hover
{
    background: #FF6126;
    color: #fff;
}
.float-right-show {
    text-align: right;
    padding-right: 120px;
}
footer#footer {
    background: #000;
}
.social-links li {
    display: inline-block;
    margin-right: 5px;
}
.social-links li img {
    filter: brightness(0) invert(1);
    background: transparent;
    width: 25px;
    height: 25px;
    object-fit: contain;
}
.social-links {
    padding-left: 0px;
}
.top-footer {
    padding: 50px 0px;
}
.widget-title {
    color: #fff;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 600;
}
.top-footer p, .top-footer a {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 400;
}
.top-footer a:hover
{
opacity: 1;
}
ul.quick-links {
    padding-left: 0px;
}
.quick-links li{
display: block;
margin-bottom: 10px;
}
.visible-hidden
{
    visibility: hidden;
}
/*.social-center {
    display: flex;
    align-items: center;
}*/
.copyright p {
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
     opacity: 0.7;
}
.privacy-txt a {
    color: #fff;
    font-size: 14px;
    opacity: 0.7;
}
.privacy-txt a:hover
{
color: #FF6126;
}
.privacy-txt {
    position: absolute;
    right: 0px;
    top: -4px;
}
.bottom-bar.copyright {
    padding: 20px;
}
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color:#EBEBEC;
  border-radius: 3px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #FF6126; 
  border-radius: 3px;
}
.sub-title {
    color: #ff6126;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0px;
}
.main-h2-title {
    color: #000;
    font-weight: 700;
    font-size: 29px;
    margin-bottom: 40px;
}
.main-h2-title span{
  color: #ff6126;  
}
.box-services {
    max-width: 830px;
   /* padding-left: 50px;*/
       padding-left: 25px;
    padding-right: 25px;
}
.box-services .box-w {
       padding: 30px 20px 30px 20px;
}
.box-services img {
    width: 80px;
    margin-bottom: 25px;
}
.box-services .col-md-4:nth-child(1)
{
background: #fed6c6;
}
.box-services .col-md-4:nth-child(3)
{
background: #fed6c6;
}
.box-services .col-md-4:nth-child(5)
{
background: #fed6c6;
}
.box-w h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}
.box-w p {
    font-size: 14px;
    margin-bottom: 0px;
}
.client-logo {
    padding: 30px 0px 0px;
}
section.services-sec {
    padding: 50px 0px 20px;
}
section.case-studies-sec {
    /*background: url(../img/digital-mesh-gradient-bg2.png);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
        position: relative;
   /*     padding-top: 0px;*/
}
/*section.case-studies-sec:before {
    content: "";
    background: rgb(255 237 229);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}*/
.case-studies-details {
    padding-left: 135px;
}
ul.tagline {
    padding-left: 0px;
}
ul.tagline li {
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
    text-transform: uppercase;
}
.title-case {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 15px;
}
.case-studies-details p {
    font-size: 16px;
    margin-bottom: 40px;
}
.case-logo-box {
    width: 100%;
    margin-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
section.team-section {
    padding: 0px;
    position: relative;
}
.case-studies-box .box {
    padding: 15px;
    text-align: center;
    margin-bottom: 20px;
}
.case-studies-box .box img {
    width: 45px;
    margin-bottom: 20px;
}
.case-studies-box .box h5 {
    font-size: 18px;
    font-weight: 600;
}
.case-studies-box .box p{
    font-size: 14px;
}
.case-studies-box
{
    margin-left: 0px;
    margin-right: 50px;
}
.case-studies-box .col-md-4 .box:hover {
    background: #e8e7e6;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*.case-studies-box .col-md-4:nth-child(2) .box{
    background: #e8e7e6;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}*/
section.team-section:after {
    content: '';
    background: #00000082;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}
.play-ico {
    width: 60px;
}
.middle h3 {
        text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 1;
    width: 100%;
    font-weight: 600;
    font-size: 25px;
}
.middle h3 a{
color: #fff;
}
.team-img {
    width: 100%;
}
.digital-journey .col-md-6.col-lg-6.pl-0 img {
    width: 100%;
}
.services-full-w .col-md-4.pl-0 img {
    width: 100%;
}
.speak-box > div {
    display: flex;
    align-items: center;
    width: 100%;
}
.speak-box > div h3 {
    font-size: 22px;
    font-weight: 600;
    float: left;
        width: 100%;
}
.speak-box > div img {
    width: 120px;
}
.speak-box {
    background: #e0e0e0;
    padding: 35px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        max-width: 370px;
    margin: 0 auto;
}
.speak-details {
    font-size: 14px;
    margin-top: 22px;
}
.speak-rows-boxes .col-md-4:nth-child(2) .speak-box {
    background:#ffddd0;
    margin-top: 130px;
}
section.galery-three {
   /* background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;*/
    margin-top: -240px;
    padding-top: 300px;
    position: relative;
       /* z-index: -1;*/
       padding-bottom: 30px;
}
.h-full:after {
    content: '';
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 76px;
    z-index: -1;
    background-position: center center;
    opacity: 21%;
}
.h-full {
    position: relative;
}
/*section.galery-three:after {
    content: url(../img/bottom-line.png);
    position: absolute;
    top: -80px;
    z-index: -1;
    right: 0px;
}*/
.blog-grids-three img {
       height:50vh;
    width: 100%;
    object-fit: cover;
}
section.insight-blog {
    background: #000;
}
.gallery-three-box {
    padding-bottom: 60px;
}
.white
{
    color: #fff!important;
}
.insight-blog h4 {
    color: #fff;
    font-weight: 600;
    font-size: 29px;
}
.insight-blog h4 span{
 color: #ff6126;
    }
section.our-value {
    padding-bottom: 0px;
}
.insight-blog .sub-title {
    margin-bottom: 25px;
}
.testimonial span.swiper-pagination-bullet {
    display: inline-block!important;
        margin: 3px!important;
}
.testimonial .swiper-pagination {
    right: -40px;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FF6126!important;
}
span.swiper-pagination-bullet
{
    width: 15px;
    height: 15px;
    background: #ddd;
    opacity: 1;
}
.insight-blog {
    padding-bottom: 60px;
    padding-top: 50px;
}
section.insight-blog {
    padding-top: 90px;
}
.insight-blog .swiper-slide img {
    position: relative;
}
.blog-insight-text {
    text-align: left;
    position: absolute;
        bottom: 15%;
    left: 5%;
/*   transform: translate(-40%, -75%);*/
    color: #fff;
    z-index: 1;
    width: 60%;
    font-weight: 600;
    opacity: 1;
}
.blog-insight-text .btn-read:after
{
    filter: brightness(0) invert(1);
}
.insight-blog .swiper-slide.swiper-slide-active .blog-insight-text
{
opacity: 1;
}
.blog-insight-text h3 {
    font-size: 20px;
    text-align: left;
    font-weight: 600;
}
.blog-insight-text h3 {
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    margin-bottom: 30px;
}
.blog-insight-text .btn-read {
    color: #fff;
    font-size: 16px;
}
.logo-item {
    text-align: center;
}


/********Animation css*********/
@keyframes float {
    0% {
        /*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
        transform: translatey(0px);
    }
    50% {
      /*  box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);*/
        transform: translatey(-20px);
    }
    100% {
        /*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
        transform: translatey(0px);
    }
}
@keyframes float2 {
    0% {
        /*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
        transform: translatey(0px);
    }
    50% {
      /*  box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);*/
        transform: translatey(-50px);
    }
    100% {
        /*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
        transform: translatey(0px);
    }
}
.speak-box {
    transform: translatey(0px);
    animation: float 2s ease-in-out infinite;
}
.speak-rows-boxes .col-md-4:nth-child(2) .speak-box {
   transform: translatey(0px);
    animation: float2 2s ease-in-out infinite;
}
.swiper-button-prev:after
{
    content: url('../img/arrow-top.png');
}
.swiper-button-next:after
{
    content: url('../img/arrow-bottom.png');
}
.case-studies-slider .swiper-button-prev {
    right: 0px;
    left: unset;
    top: 50%;
}
.case-studies-slider .swiper-button-next {
    right: 0px;
    top: 60%;
}

/*******Down Arrow css**********/
@keyframes jumpInfinite {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 20px;
  }
  100% {
    margin-top: 0;
  }
}
.down-arrow {
  animation: jumpInfinite 1.5s infinite;
}
.down-arrow {
    position: absolute;
    top: 20px;
    left: calc(50% - 14px);
    width: 26px;
    height: 26px;
}
.talk-about-gredient .down-arrow {
    top: 83%;
}


svg#play {
width: 75px;
    cursor: pointer;
    transform-origin: 50% 50%;
        animation: float 5s ease-in-out infinite;
}
}

svg#play #triangle {
  fill:rgba(22,22,22,0);
  transition:500ms;
  transform-origin: 50% 50%;
}
svg#play:hover #triangle {
  fill:#ff6126;
  transform-origin: 50% 50%;
}

 svg #lineOne, svg #lineTwo {
  transform-origin: 50% 50%;
  transition: 1s;
} 

 svg:hover #lineOne {
  transform: rotate(260deg);
   -webkit-transform: rotate(260deg);
-moz-transform: rotate(260deg);
-o-transform: rotate(260deg);
   transform-origin: 50% 50%;
} 

 svg:hover #lineTwo {
  transform: rotate(-415deg);
   transform-origin: 50% 50%;
} 

/******Wave css*******/
@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

.hero-waves {
  display: block;
  margin-top: 60px;
  width: 100%;
  height: 90px;
  z-index: 5;
  position: relative;
      transform: rotate(180deg);
}

.wave1 use {
  animation: move-forever1 10s linear infinite;
  animation-delay: -2s;
}

.wave2 use {
  animation: move-forever2 8s linear infinite;
  animation-delay: -2s;
}

.wave3 use {
  animation: move-forever3 6s linear infinite;
  animation-delay: -2s;
}
@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }

  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

.talk-about-gredient {
position: relative;
}
/*section.talk-about-gredient:before
{
    content: "";
    background: rgb(255 237 229);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}*/
.digital-about {
    padding-top: 0px;
}

.WrapPrimaryNav li {
    opacity: 0;
    transform: translateY(-5px);
    transition: all 0.44s cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.open .WrapPrimaryNav li {
    opacity: 1;
    transform: translateY(5px);
}


/***********Responsive css********/
@media(max-width:767px)
{
.c-nav-content {
    display: block;
}
.c-nav-items {
    display: none;
}
#burger {
    top: 25px;
}
.carousel-container h1 {
    font-size: 25px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.four-grid-banner ul {
    display: block;
}
.carousel-container2 {
   /* position: unset;*/
    display: unset;
}
/*.carousel-container {
    position: unset;
    }*/
    .digital-journey .col-md-6.col-lg-6.pl-0 {
    padding-right: 0px;
}
.about-box {
    padding: 0px;
    margin-top: 20px!important;
}
	.industry-brand-team .about-box {
    padding-right: 0px;
}
.about-title {
    font-size: 25px;
    margin-bottom: 20px;
}
.main-title {
    font-size: 25px;
    margin-bottom: 25px;
}
.testimonial-item h2 {
    font-size: 30px;
    margin-bottom: 35px;
}
.main-h2-title {
    font-size: 20px;
    margin-bottom: 25px;
}
.testimonial-item p {
    padding-left: 0px;
    margin-top: 50px;
}
.testimonial .swiper-pagination {
    transform: rotate(360deg);
}
.testimonial .swiper-horizontal>.swiper-pagination-bullets, .testimonial .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0%;
    right: 0px;
    width: auto;
    left: 0px;
}
.testimonial-item {
    padding-bottom: 40px;
}
.services-full-w .col-md-4.pl-0 {
    padding-left: 15px!important;
}
.box-services {
    padding-left: 15px;
    padding-right: 15px;
}
/* .client-logo {
    padding-top: 0px;
} */
.case-studies-details {
    padding-left: 0px;
    padding-bottom: 60px;
}
.case-studies-box {
    margin-left: 0px;
    margin-right: 0px;
}
.case-studies-slider .swiper-button-prev {
    right: 0px;
    left: 35%;
    top: unset;
    bottom: 0%;
        transform: rotate(270deg);
}
.case-studies-slider .swiper-button-next {
    right: 35%;
    top: unset;
    bottom: 0%;   
    transform: rotate(270deg);
}
.middle h3 {
    font-size: 18px;
    line-height: 35px;
    padding: 20px;
}
svg#play {
    width: 36px;
    top: 20px;
    position: relative;
}
.speak-rows-boxes .col-md-4:nth-child(2) .speak-box {
    margin-top: 50px;
    margin-bottom: 20px;
}
.blog-grids-three img {
    padding-bottom: 30px;
}
.insight-blog h4 {
    font-size: 18px;
}
.blog-insight-text h3 {
    font-size: 14px;
}
.blog-insight-text {
    width: 80%;
    padding: 0px;

}
.blog-insight-text {
    left: 10%;
    bottom: 20%;
    transform: none;
}
.bg-black h2 {
    font-size: 18px;
    margin-bottom: 45px;
}
.widget-title {
    margin-top: 25px;
}
.widget-title {
    margin-bottom: 15px;
    font-size: 20px;
}
.widget-title.visible-hidden {
    display: none;
}
.privacy-txt {
    position: relative;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 10px;
}
.top-footer {
    padding-bottom: 20px;
}
.WrapPrimaryNav li a {
    font-size: 25px;
    line-height: 35px;
}
}

.slides-banner-mobile .swiper-slide {
    border-bottom: 1px solid #ddd;
}
.slides-banner-mobile .swiper-slide.swiper-slide-active {
    border-bottom: 2px solid #fff;
}

.body-overflow {
    overflow: hidden;
}
@media(max-width: 991px)
{
    .desktop-banner-lists
    {
display: none!important;
    }
    .slides-banner-mobile 
{
        display: block!important;
}
}
.slides-banner-mobile 
{
    display: none;
}
@keyframes a9 {
  0%   {transform: translate(-10px)}
  100% {transform: translate( 5px)}
}
.btn-read:after {
    animation: a9 .8s infinite linear alternate;
}
.testimonial {
    background: url(../img/mid-bg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: 102vh;
    width: 100%;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}



/********Full width********/
@media (min-width: 992px)
{
section#scroll-nexts {
    min-height: 100vh;
}
/*section.services-sec {
    min-height: 100vh;
}*/
section.talk-about-gredient {
    padding-top: 70px;
    margin-top: 25px;
}
/*section.case-studies-sec {
    min-height: 100vh;
}*/
/*section.our-value {
    min-height: 100vh;
}*/
/*section.insight-blog {
    min-height: 100vh;
}*/
/*.case-studies-sec .full-w {
    display: flex;
    flex-direction: column;
    justify-content: center;
}*/
.talk-about-gredient .down-arrow {
    bottom: 0px;
    top: 93%;
    z-index: 9;
}
.digital-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}
}

.carousel-container h1 {
    padding-top: 80px;
}
.insight-blog .swiper-slide img {
    width: 100%;
}
.slides-3 {
    max-height: 300px;
}
.slides-1 {
 height: 700px;
}
@media (max-width: 767px)
{
 .slides-3 {
    max-height:100%;
}
.slides-1 {
 max-height: 100%;
}   
.graphic-spot {
    display: none;
}
.down-arrow {
    top: unset;
}
.box-services .col-md-6:nth-child(3) {
    background: #fff;
}
.box-services .col-md-6:nth-child(4)
{
   background: #fed6c6;
}
}


/*********Zoom services box css**********/
/******for 80% zoom **********/
 @media (min-width:1700px) and (max-width:1799px)
 {
.box-services .col-md-6 {
    flex: 0 0 33%;
    max-width: 33%;
}
.box-services {
    max-width: 1000px;
}
.box-services .col-md-6:nth-child(3) {
    background: #fff;
}
.box-services .col-md-6:nth-child(4) {
    background: #fed6c6;
}
 }
 /******for 75% zoom **********/

 @media (min-width:1800px) and (max-width:1899px)
 {
.box-services .col-md-6 {
    flex: 0 0 33%;
    max-width: 33%;
}
.box-services {
    max-width: 1000px;
}
.box-services .col-md-6:nth-child(3) {
    background: #fff;
}
.box-services .col-md-6:nth-child(4) {
    background: #fed6c6;
}
 }
  /******for 67% zoom **********/

 @media (min-width:1900px) and (max-width:2051px)
 {
.box-services .col-md-6 {
    flex: 0 0 33%;
    max-width: 33%;
}
.box-services {
    max-width: 1000px;
}
.box-services .col-md-6:nth-child(3) {
    background: #fff;
}
.box-services .col-md-6:nth-child(4) {
    background: #fed6c6;
}
 }
 /******for 50% zoom **********/

 @media (min-width:2052px) and (max-width:2732px)
 {
.box-services .col-md-6 {
    flex: 0 0 33%;
    max-width: 33%;
}
.box-services {
    max-width: 1000px;
}
.box-services .col-md-6:nth-child(3) {
    background: #fff;
}
.box-services .col-md-6:nth-child(4) {
    background: #fed6c6;
}
 }
 /******for 33% zoom ********/

 @media (min-width:2733px) and (max-width:4102px) 
  {
.box-services .col-md-6 {
    flex: 0 0 33%;
    max-width: 33%;
}
.box-services {
    max-width: 1000px;
}
.box-services .col-md-6:nth-child(3) {
    background: #fff;
}
.box-services .col-md-6:nth-child(4) {
    background: #fed6c6;
}
 }
 /******for 25% zoom********/

 @media (min-width:4103px) and (max-width:5464px)
 {
.box-services .col-md-6 {
    flex: 0 0 33%;
    max-width: 33%;
}
.box-services {
    max-width: 1000px;
}
.box-services .col-md-6:nth-child(3) {
    background: #fff;
}
.box-services .col-md-6:nth-child(4) {
    background: #fed6c6;
}
 }
.insight-blog .btn-read:after {
    top: 3px;
}


/*******Read More animation css*******/
.cta {
    position: relative;
    margin: auto;
    padding: 15px 26px;
    transition: all .2s ease;
}
.cta:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    background:#ff6126;
    width: 56px;
    height: 56px;
    transition: all 0.3s ease;
}
.cta span {
    position: relative;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: 0px;
/*    text-transform: uppercase;*/
    vertical-align: middle;
    color: #000;
}
.cta:hover span {
    color: #fff;
}
.cta svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #111;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}
.cta:hover:before {
    width: 100%;
    background: #ff6126;
}
.cta:hover svg {
    transform: translateX(0);
        stroke: #fff;
}
  .cta:active {
    transform: scale(0.96);
}
.slider-box-black .cta span {
    color: #fff;
}
.slider-box-black .cta svg
{
 stroke: #fff;
}
.insight-blog .cta span {
    color: #fff;
    font-size: 18px;
}
.insight-blog .cta svg {
 stroke: #fff;
}

.insight-blog .overlay {
    position: absolute;
    width: 100%;
    top: 0px;
    height: 100%;
       background: #00000040;
    opacity: 1;
    transition: .3s ease;
}
.insight-blog .swiper-slide:hover .overlay {
opacity: 1;
 background: #ff612694;
    }

.insight-blog {
    position: relative;
}
   .insight-blog .swiper-slide {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.circle {
    background: #ff6126;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: fixed;
    transform: translate3d(-50%,-50%,0);
    transition: transform 0.2s cubic-bezier(.02,1.23,.79,1.08);
    top: 0px;
    z-index: 1;
    padding: 14px 7px;
    font-size: 15px;
    color: #fff;
    cursor: none;
     opacity: 0; 
}
.insight-blog .circle.click
{
    opacity: 1!important;
}




/*********Header MEnu Oval********/

 .has-offcanvas {
     position: fixed;
}
 .rows {
     /*margin-left: auto;
     margin-right: auto;
     padding-right: 30px;
     padding-left: 30px;
     width: 1150px;
     max-width: 100%;*/
         position: absolute;
    right: 45px;
    top: 30px;
}
 .header {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 3;
     width: 100%;
     padding: 15px 0;
}
 .header-row {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: flex-end;
}
.hamburger-toggle {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    appearance: none;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    outline: none;
       right: 30px;
    top: 15px;
}
 .hamburger-menu {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     justify-content: space-between;
     width: 30px;
     height: 20px;
}
 .line {
     display: block;
     width: 100%;
     height: 2px;
     background-color: #fff;
         transition: 0.5s;
}
 .line--middle {
     width: 100%;
}
 .line--bottom {
     width: 100%;
}
 .hamburger-toggle__circle {
     width: 60px;
     height: 60px;
     fill: #000;
     pointer-events: none;
     transform: scale(1) translateZ(1%, 1%, 0);
     transform-origin: center;
     transition: transform 0.5s;
}
 .has-offcanvas .hamburger-toggle__circle {
     transform: scale(75) translate3d(1%, 1%, 0);
}
 .offcanvas {
     position: fixed; 
     top: 0;
     left: 0;
     z-index: 2;
/*      display: flex; */
     align-items: center;
     justify-content: center;
     width: 100%;
     min-height: 100vh;
     pointer-events: none;
     opacity: 0;
     transform: translateY(20px);
     transition: opacity 0.5s, transform 0.3s;
}
nav.offcanvas-nav {
    height: 100vh;
    overflow-y: scroll;
}
 .has-offcanvas .offcanvas {
     pointer-events: auto;
     opacity: 1;
     transform: none;
}
 .offcanvas-nav__list {
     list-style: none;
     margin: 0;
     padding: 0;
}
.offcanvas-nav__item a:hover {
    color: #fff;
}
 .offcanvas-nav__item {
/*      font-size: 28px; */
     text-align: center;
}

/*  .offcanvas-nav__item + .offcanvas-nav__item {
     margin-top: 15px;
} */
 .offcanvas-nav__link {
     color: #fff;
     text-decoration: none;
     font-size: 20px;
    font-family: 'Poppins', sans-serif;
}
 .toggle-circle {
     position: fixed;
    /* left: 0;*/
     top: 0;
     z-index: 1;
     width: 100%;
     height: 90px;
     padding: 15px 0;
}
 .toggle-circle .rows {
     text-align: end;
}
.has-offcanvas span.line.line--top {
    transform: translateY(4px) rotate(45deg);
    width: 100%;
}
.has-offcanvas span.line.line--middle {
    opacity: 0;
}
.has-offcanvas span.line.line--bottom {
    transform: translateY(-14px) rotate(-45deg);
    width: 100%;
}
 .has-offcanvas .c-nav-items .phone-ico {
    opacity: 0;
}
/************End******************/

/*******Bg Opacity*********/

section.talk-about-gredient:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 21%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: 100% 100%;
    background-position: bottom center;
}
section.case-studies-sec:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 21%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: 100% 100%;
    background-position: bottom center;
}



@media screen and (min-width:1200px) and (max-width:1499px)
{
.four-grid-banner ul {
    position: relative;
    top: 60px;
}
}
/******for 90% zoom **********/
@media screen and (min-width:1500px) and (max-width:1699px)
 {
.four-grid-banner ul {
    position: relative;
    top: 100px;
}
 }
 /******for 80% zoom **********/
 @media (min-width:1700px) and (max-width:1799px)
 {
.four-grid-banner ul {
    position: relative;
    top: 110px;
}
 }
 /******for 75% zoom **********/

 @media (min-width:1800px) and (max-width:1899px)
 {
.four-grid-banner ul {
    position: relative;
    top: 130px;
}
 }
  /******for 67% zoom **********/

 @media (min-width:1900px) and (max-width:2051px)
 {
.four-grid-banner ul {
    position: relative;
    top: 160px;
}
 }

 /******for 50% zoom **********/

 @media (min-width:2052px) and (max-width:2732px)
 {
.four-grid-banner ul {
    position: relative;
    top: 260px;
}
 }
 /******for 33% zoom ********/

 @media (min-width:2733px) and (max-width:4102px) 
  {
.four-grid-banner ul {
    position: relative;
     top: 320px;
}
 }
 /******for 25% zoom********/

 @media (min-width:4103px) and (max-width:5464px)
 {
.four-grid-banner ul {
   position: relative;
     top: 320px;
}
 }

 .page {
  width: 100%;
  /*   height: calc(100vh - 1rem); */
  position: relative;
  /*   background-color: #333333; */
  background-color: #fff;
  position: abosolute;
/*   overflow: hidden; */
}










.threshold {
  position: sticky;
  width: 100%;
  height: 1px;
  background-color: red;
  z-index: 9999999999;
}
.threshold --top {
    top: 50%;
  }

.text {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

.locker .image  {
  opacity: 0;
  transition: all .5s ease;
}
.locker .image.active {
    opacity: 1;
  }


.locker {
/*  outline: 1px solid #cdcdcd;*/
/*  outline-offset: -1px;*/
  position: relative;
 /* display: grid;*/
  /*grid-template-columns: [full-start] minmax(4.2rem, 1fr) [center-start] repeat(12, [col-start] minmax(min-content, 8rem) [col-end]) [center-end] minmax(4.2rem, 1fr) [full-end];*/
}
.locker__image {
    position: relative;
    /*grid-column: col-start 2 / col-end 6;*/
}
.locker a.cta {
    /* display: inline-flex; */
    margin: 0px;
    max-width: 190px;
}
   .locker img {
    width: 100%;
   /* height: 70vh;*/
    position: absolute;
    transition: all 1s ease;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 33px 35px;
}
.testi-area {
    padding: 0px 0px;
}
  .locker__section h2 {
    color: #ff6126;
    font-weight: 600;
    font-size: 34px;
    margin-bottom: 20px;
}
.locker__section {
    padding: 0px 50px;
}
  .locker__container {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    //background-color: #ccc;
  }
 .locker__content {
    grid-column: col-start 8 / center-end;
    
  }
 .locker__section {
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
/*    border-top: 1px solid #cdcdcd;*/
}
    .locker:first-child {
        border: none;
    }
#message {
  position: fixed;
  top: 20px;
  left: 20px;
  background-color: white;
  height: auto;
  padding: 10px 20px;
  z-index: 900;
}


.shadow-img {
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 33px 35px;
}
.testimonials h2 {
   /* color: #ff6126;*/
    margin-bottom: 15px;
}
.block-wise p {
    margin-bottom: 35px;
}
.block-wise {
 /*    margin-bottom: 50px; */
    height: 100vh;
}
.pd-space {
    padding: 40px;
}
.blue-block
{
        background: #21212f;
    padding: 30px;
    border-radius: 30px;
}
.blue-block h2, .blue-block p
{
    color: #fff;
}
.blue-block .cta span {
    color: #fff;
}
.blue-block .cta svg
{
    stroke: #fff;
}




  :root {
      --dark-green: #9cc675;
      --dark-yellow: #e89a3d;
      --extra-light-brown:#fdf0d7;
      --light-brown: #ecd5ab;
      --dark-brown:#915b40;
      --light-yellow:#f8e3a8;
      --light-red:#f3ac99;
      --light-teal:#a6c8cc;
      --light-gray:#ddd5d6;

      --default-color: #a6c8cc;
      --secondry-color:   #e89a3d;
    }
    .colored-container .swiper-container {
      width: 100%;
      height: 100%;
      
    }
   .colored-container  .swiper-slide {
      font-size: 18px;
      color:#fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0px 60px;
    }
 /*   .colored-container .verticle-animation .swiper-slide {
    height: auto!important;
}*/
    .colored-container .parallax-bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 130%;
      height: 100%;
      -webkit-background-size: cover;
      background-size: cover;
      background-position: center;
    }
   
    .colored-container .swiper-slide .subtitle {
      padding-left: 60px;
     
    }
    
.colored-container .swiper-container {
    overflow: hidden;
}
    .colored-container {
      /*width: 100%;
      height: 80vh;*/
      position: relative;
          width: 1040px;
    height: 500px;
    margin: 0 auto;
     /* background: #fff;*/

    }
    .halfbox h2 {
    color: #fff;
}
.halfbox p{
    color: #fff;
}
    .colored-container .halfbox {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #000000a8;
    width: 60%;
    height: 100%;
    padding:50px 50px;
    box-sizing: border-box;
    }
    .colored-container .slidebox {
      position: relative;
     /* width: 450px;*/
    }
  .colored-container .swiper-wrapper {
    width: 115%;
}
  .colored-container .bordered-img {
    width: 420px;
    position: relative;
  }

  .colored-container .bordered-img img{
    width: 100%;
    height: 100%;
    padding: 2px;
  }

.colored-container .bordered-img:before, .colored-container .bordered-img:after {
    content: '';
    border: 8px solid #fff;
    width: 100%;
    height: 96%;
    position: absolute;
    display: block;
  }
 .colored-container .bordered-img:after {
  border-color: #ff6126;
    top: 0;
    /* left: 2px; */
    width: 29%;
    right: -10px;
    border-left-width: 0;
 }

 .colored-container .title {
  font-size: 30px;
  
    text-transform: uppercase;
    position: relative;
    
    letter-spacing: 3px;
    font-weight: bold;
    margin-left: 18px;
    color: #000;

 }
  .colored-container .title >span {
    color: #ff6126;
    margin-right: 15px;
  }

  .colored-container .tag-box {
    --size: 110px;
    background: #ff6126;
    /*color: var(--dark-brown);*/
    border: 5px solid #fff;
    width: var(--size);
    height: var(--size);
    position: absolute;
    left: -50px;
    top: 70px;
    font-size: 30px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    box-shadow: 0 0 22px #00000029;
  }

.colored-container .swiper-slide .subtitle {
    font-size: 18px;
    color: #888;
    font-weight: 300;
    padding: top;
    margin: 15px 0;
    margin-bottom: 50px;
}
.colored-container a.cta {
    position: absolute;
    z-index: 2;
    top: 400px;
    left: 60px;
}
/*.colored-container .content-box {
    position: absolute;
    left: -125%;
    width: 100%;
    bottom: 20%;
    text-align: left;
}
*/
.colored-container .btn.btn-main {
  background: var(--secondry-color);
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  border:none;
  position: relative;
  padding: 15px 40px;

}
.colored-container .btn.btn-main:before {
  content: '';
  width: 5px;
  background: var(--dark-brown);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.colored-container .slider-nav-wrapper {
    width: 10%;
    position: absolute;
   top: 85%;
    margin: auto;
    left: 0;
    right: 0;
}

.colored-container .swiper-button-next, .colored-container .swiper-button-prev {
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background: var(--secondry-color);
    padding: 0px;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-position: center;
    padding: 3px;
    box-shadow: bord;
    box-sizing: border-box;
    background-size: 17px !important;
}

.verticle-animation .swiper-slide {
  display: flex;
  justify-content: flex-end;
}

.colored-container .slidebox {
  margin-right: 100px;
  margin-top: 0px;
}

.colored-container .swiper-pagination  {
  position: absolute;
  left: 0;
  right: inherit !important;
}

.colored-container .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
   
    border-radius: 0;
    opacity: 1;
    margin: 14px 0 !important;
    transition: all .3s;
}

.colored-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000000;
    width: 30px;
}

.team-info .team-info-item {
    font-size: 22px;
     padding: 40px 100px 29px 20px;
    display: none;
    position: absolute;
}

.team-info .team-info-item.active {
  display: block;
}


@-webkit-keyframes team-info-item {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}


.team-info-item.active .heading, .team-info-item.active .content{
  -webkit-animation-name: team-info-item;
  animation-name: team-info-item;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0s;
  
}
.team-info-item.active .content p {
font-weight: 300;
}
.team-info-item.active .content {
  -webkit-animation-delay: .2s;
}
.verticle-animation .swiper-slide {
    cursor: grab;
}
 
.colored-container .cta span {
    color: #fff;
}
.colored-container .cta svg
{
    stroke: #fff;
}
.halfbox p {
    margin-bottom: 35px;
}


#cursor {
    position: fixed;
    top: -5px;
    left: -5px;
    width: 20px;
    height: 20px;
    background-color: #FF6126;
    border-radius: 50%;
    pointer-events: none;
    z-index: 10;

}

#cursor-border {
  --size: 50px;
  position: fixed;
  top: calc(var(--size) / -2);
  left: calc(var(--size) / -2);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
     /* mix-blend-mode: lighten!important;*/
  /*box-shadow: 0 0 0 1px white;*/
  pointer-events: none;
  transition: top 0.15s ease-out, left 0.15s ease-out, width 0.15s ease-out,
    height 0.15s ease-out, background-color 0.15s ease-out;
  z-index: 10;
}

/*********Menu Click*********/
/*.had-offcanvas .offcanvas {
    opacity: 0;
}
.had-offcanvas .hamburger-toggle__circle {
    transform: none;
}
.had-offcanvas span.line.line--middle {
    opacity: 1;
}
.had-offcanvas span.line.line--top
{
    transform: none;
}
.had-offcanvas span.line.line--bottom {
   transform: none;
}*/


.slides-bx {
    /* box-shadow: 0px 118px 199px #E4E4EC; */
    box-shadow: 0px 1px 12px #ddd;
    -webkit-box-shadow: 0px 1px 12px #ddd;
-moz-box-shadow: 0px 1px 12px #ddd;
    margin: 20px;
    padding: 0px;
    background: #fff;
}
.slides-bx .col-md-5 {
    padding: 0px;
}
.slide-digital {
    overflow: unset!important;
}
.slide-digital .swiper-slide.swiper-slide-next {
    margin-left: 0%;
}
.slide-digital .swiper-slide {
    width: 950px;
    /*margin-left: -4%;*/
}

.slides-bx .col-md-7 {
        padding: 0px 35px;
}
.slides-bx h2 {
    color: #000;
    margin-bottom: 15px;
    font-size: 25px;
    width: 90%;
}
.slides-bx p {
    font-size: 14px;
}
.testimonials .read-more-btn {
    text-align: right;
    margin-top: 35px;
    position: relative;
}
.testimonials .read-more-btn:before {
    content: '';
    background: #ff6126;
    width: 50%;
    height: 1px;
    position: absolute;
    left: 0px;
    top: 15px;
}
.testimonials {
   /* height: 100vh;*/
    position: relative;
    padding: 0px;
}
.middle-slide {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.testimonials h2 span {
    color: #ff6126;
}
.testimonials .swiper-slide {
    cursor: grab;
}
.swiper-wrapper.ss {
    margin-top: 50px;
}
.foo-logo {
    width: 70%;
    margin-bottom: 30px;
}
.foo-partner-logo .col-3 {
    padding-right: 0px;
}
.foo-partner-logo {
    margin-top: 35px;
}
.slides-bx h2 span {
    color: #ff6126;
}
.slides-bx h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
.slide-digital .swiper-slide {
       padding-top: 0px;
       padding-bottom: 80px;
}
.box-services .col-md-4 {
    padding: 0px;
}
.services-sec .main-h2-title {
    margin-bottom: 20px;
}
section.case-studies-sec {
    padding-bottom: 0px;
}
.our-value .main-h2-title {
    margin-bottom: 0px;
}
.value-titles {
    padding-left: 60px;
    padding-right: 0px;
}
section.talk-about-gredient {
    padding-bottom: 0px;
}




.slides-bx .col-md-5 img {
    height: 340px;
    width: 100%;
    object-fit: cover;
}
.digital-middle2 .main-title {
    margin-bottom: 15px;
}


.vector-line:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 4%;
  /*  z-index: 1;*/
    background: url(../img/foo-line-design.png);
    background-size: cover;
    background-position: top center;
}
.vector-line{
position: relative;
}




.modal.fade .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(.5);transform: translate(0,0)scale(.5);}
.modal.show .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(1);transform: translate(0,0)scale(1);}


.modal-header {
    padding: 0px;
    border: none;
}
.modal-dialog.modal-dialog-centered.modal-dialog-zoom {
    max-width: 700px;
}
.modal-body {
    padding: 0px;
}
.modal button.close {
    padding: 0px!important;
    background: transparent;
    color: #ff6126;
    font-size: 60px;
    opacity: 1;
    font-weight: 300;
    margin: 0px!important;
    position: absolute;
    right: -40px;
    z-index: 1;
    top: -30px;
    text-shadow: none;
}
.modal-content {
    background: transparent;
}
.modal video {
    border: 3px solid #ff6126;
}


/********Video Sec*******/
.banner .bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: url(../img/banner.jpg);
}
.banner video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}
.banner .overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
/*  background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);
  background-size: 3px 3px;*/
  background: #00000069;
/*  z-index: 2;*/
}


/********About page*******/
.internal-banner {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    height: 100vh!important;
}
.internal-banner .overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
}
.about-digital-gredient{
    position: relative;
}
/* .about-digital-gredient:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	 background: url(/wp-content/uploads/2023/06/vector-faded-min.png);
    background-size: cover;
    background-position: center center;
} */
.about-digital-gredient {
    padding: 100px 0px;
}
.gallery-about {
    padding-top: 30px;
}
.title-h3 {
    font-size: 25px;
    font-weight: 700;
}
.dedicated-team-expert .title-h3 {
margin-bottom: 40px;
}
.title-h3 span{
    color: #ff6126;
}
.dedicated-team-expert {
/*     padding-top: 0px;
    margin-top: -50px; */
    padding-bottom: 15px;
}
.about-team-industry {
    position: relative;
    margin-top: 30px;
}
.about-team-industry:after {
    content: '';
    background: #00000082;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}
.box-mission h4 {
    font-size: 25px;
    font-weight: 700;
        margin-bottom: 20px;
}
.box-mission span{
    color: #ff6126;
}
.box-mission {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    text-align: center;
    width: 50%;
}
.boxes-main-mission, .boxes-main-vision {
    position: relative;
}
.box-vision {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-60%, -50%);
    text-align: center;
    width: 50%;
}
.box-vision h4 {
    font-size: 25px;
    font-weight: 700;
        margin-bottom: 20px;
}
.box-vision span{
    color: #ff6126;
}
.mission-sec .flag-icon {
    width: 80px;
    margin-bottom: 20px;
}
.vm-bx-row .circle-middle-bx {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 29%;
}
.vm-bx-row {
    position: relative;
    margin-top: 20px;
}
.value-left img {
    margin-bottom: 15px;
}
.about-speak-bx h5 img {
    width: 180px;
    margin-left: 20px;
}
.about-speak-bx h5 {
    position: relative;
    display: flex;
    align-items: flex-end;
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
}
/*.about-speak-bx h5:after {
    content: '';
    background: #ff6126;
    width: 45%;
    height: 1px;
    position: absolute;
    top: 33px;
    right: 25px;
}*/
.about-speak-bx p {
    font-size: 13px;
}

.leadership-bg-gredient:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    opacity: 21%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: cover;
    background-position: top center;
}
.leadership-bg-gredient {
    position: relative;
    padding-top: 60px;
}
.team-three-grids {
    position: relative;
}
.team-three-grids:before {
    content: '';
    position: absolute;
    background: #ff6126;
    width: 100%;
    height: 50%;
    bottom: 100px;
}
.sam-profile {
    position: relative;
    top: -6px;
}
.social-ico {
    padding-left: 0px;
}
.social-ico li {
    display: inline-block;
    margin: 3px;
}
.social-ico li img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}
.member-grids {
    text-align: center;
}
.leaderhip-team {
    padding: 0px;
}
.profile-name {
    color: #000;
    font-size: 20px;
    margin-bottom: 4px;
}
.profile-role {
    font-size: 16px;
    color: #000;
}
.btn-orange-border {
    border: 2px solid #ff6126;
    padding: 12px 30px;
    color: #000;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
}
.btn-orange-border:hover {
    background: #ff6126;
    color: #fff;
}
.view-team-btn.btn-orange-border {
    margin-top: 25px;
    display: inline-block;
}
.client-logo.client-about {
    padding-bottom: 60px;
}
@media (min-width: 1100px) and (max-width: 1199px)
{
 .team-three-grids:before {
    bottom: 136px;
}
.sam-profile {
    top: -2px;
}
}
@media (min-width: 992px) and (max-width: 1099px)
{
 .team-three-grids:before {
    bottom: 136px;
}
.sam-profile {
    top: -2px;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
 .team-three-grids:before {
    bottom: 84px;
}
.sam-profile {
    top: -2px;
}
}
.testi-slider-left h6 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}
.testi-slider-left .title-name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}
.testi-slider-left .role-name {
    font-size: 16px;
    margin-bottom: 0px;
}
.testi-slider-left blockquote {
    padding-left: 30px;
    border-left: 2px solid #ff5e1f78;
    margin-top: 40px;
    margin-bottom: 16px;
}
.cl-testimonial-slider {
    height:400px;
}
@media (min-width: 992px)
{
   .cl-testimonial-slider .swiper-pagination {
    text-align: right!important;
    left: unset!important;
    width: auto;
    right: -75px;
/*     top: -16px; */
    position: absolute!important;
}
}
.testi-slider-left {
    padding-right: 70px;
}
.cl-testimonial-slider {
    padding-right: 40px;
    padding-top: 15px;
}
.cl-testimonial-slider span.swiper-pagination-bullet {
    display: inline-block!important;
        margin: 3px!important;
}
.cl-testimonial-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000!important;
}
.cl-testimonial-slider span.swiper-pagination-bullet
{
       width: 35px!important;
    height: 6px!important;
    background: #ddd;
    opacity: 1;
}
.cl-testimonial-slider .swiper-pagination-bullet {
    width: 40px!important;
    height: 4px!important;
    border-radius: 0px;
    background: #ddd!important;
    opacity: 1;
}
.cl-testimonial-slider .swiper-pagination {
    transform: rotate(270deg);
}
.client-testimonials {
    position: relative;
    padding-bottom: 0px;
        padding-top: 80px;
}
.client-testimonials:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
   width: 100%;
    height: 100%;
    opacity: 18%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: 100% 100%;
    background-position: bottom center;
}
.client-testimonials .swiper-slide {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
/******Branding Page*********/
.internal-banner.height-full
{
    height: 100vh!important;
}
.internal-banner.height-full .overlay
{
  height: 100vh!important;   
}
.banner-sub {
    color: #fff;
    font-size: 18px;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    padding-top: 20px;
}
.dedicated-team-brand {
    position: relative;
    padding-top: 85px;
}
.dedicated-team-brand:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 21%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: cover;
    background-position: top center;
}
.beyond-img:after {
    content: '';
    position: absolute;
    background: #FF6126;
    top: 20px;
    width: 70%;
    height: 1px;
    right: 0px;
}
.beyond-img {
    position: relative;
}
.digital-beyond-ads h5 {
    font-size: 18px;
    color: #000;
    margin-top: 20px;
    font-weight: 700;
}
.beyond-img {
    width: 80%;
}
.industry-brand-team .about-box {
    max-width: 610px;
    padding-left: 0px;
    padding-right: 50px;
    margin: 0 0px 0 auto;
}
.industry-brand-team {
    padding-top: 40px;
}
.industry-brand-team .title-h3 {
    margin-bottom: 20px;
}
.client-logo.client-branding {
    padding-top: 0px;
}
.bx-shadow-img
{
    box-shadow: 0px 2px 10px #00000042;
    -webkit-box-shadow: 0px 2px 10px #00000042;
    -moz-box-shadow: 0px 2px 10px #00000042;
}
.brand-blurb-grids {
    text-align: center;
    background: #E9E9E9;
    padding: 40px 10px;
    box-shadow: 0px 4px 14px #00000042;
        -webkit-box-shadow: 0px 4px 14px #00000042;
    -moz-box-shadow: 0px 4px 14px #00000042;
    margin-top: 30px;
	margin-bottom:30px;
    position: relative;
}
.brand-blurb-grids .ico {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 50px;
    border: 1px solid #ddd;
}
.brand-blurb-grids .ico img {
  /*  position: relative;
    top: 20px;*/
    padding: 18px;
}
.brand-four-bx h5 {
    font-size: 18px;
    margin-top: 20px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 600;
}
.brand-four-bx p {
    font-size: 13px;
    margin-bottom: 0px;
    max-width: 320px;
    margin: 0 auto;
}
.brand-blurb-grids:hover {
    background: #fed6c6;
}
.brand-blurb-grids:hover .ico {
    background: #ff6126;
    border: 1px solid #ff6126;
}
.brand-stategy-black {
    background: #000;
    padding: 40px;
    box-shadow: 0px 3px 20px #00000042;
    -webkit-box-shadow: 0px 3px 20px #00000042;;
    -moz-box-shadow: 0px 3px 20px #00000042;
}
@media screen and (min-width: 1200px) {
  .wide {
    overflow: hidden;
    width: auto;
    margin: 20px 0 20px 15px;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc((100% - 1320px) / 2);
    max-width: none;
  }
  .wide .row {
    flex: 1 0 0;
  }
  .contains-wide-row .l {
    width: 50%;
    max-width: 380px;
  }
  .wide .r {
    width: auto;
    flex: 1 0 0;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1270px) {
  .wide {
    margin-left: calc((100% - 1280px) / 2);
  }
}
@media screen and (max-width: 1269px) and (min-width: 1200px) {
  .wide {
    margin-left: calc((100% - 1200px) / 2);
  }
}
.col-right-four-brand.wide-right.r {
    padding-right: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
        margin-left: 45px;
}
/*.contain-width {
    padding-right: 40px;
}*/
.brand-stategy-black h3 {
    font-size: 20px;
    color: #fff;
}
.brand-stategy-black p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
}
.strategy-list {
    padding-left: 20px;
}
.strategy-list li {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
}
.strategy-list li::marker {
    color:#fff;
}
.brand-stategy-black h3:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background-color: #ff6126;
    left: 10px;
    position: relative;
}
.brand-stategy-black h3 {
    position: relative;
    margin-bottom: 20px;
    text-align: left;
    display: flex;
    align-items: center;
}
.brand-stategy-black {
    position: relative;
    min-height: 680px;
   /* margin-top: 20px;
    margin-bottom: 20px;*/
}
.brand-stategy-black:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 4%;
    /* z-index: 1; */
    background: url(../img/foo-line-design.png);
    background-size: cover;
    background-position: top center;
}
.brand-stategy-black .middle-bx{
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(10%, -50%);
    width: 80%;
        z-index: 1;
}
.middle-bx .btn-black-row .btn-orange-border {
    color: #fff;
}
.brand-stategy-black .ico {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 0%;
    left: 15%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 50px;
    border: 1px solid #000;
}
.brand-stategy-black .ico img {
    padding: 18px;
}
.brand-stategy-black .btn-black-row {
    margin-bottom: 0px;
    margin-top: 60px;
}

section.brand-case-studies:after {
    content: "";
    position: absolute;
    top: -95px;
    left: 10%;
    width: 80%;
    height: 100%;
    opacity: 21%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
   background-size: 100% 100%;
        background-position: bottom center;
}
section.brand-case-studies{
position: relative;
}
.brnading-right-slide {
    padding-right: 0px;
    padding-left: 0px;
}
section.brand-case-studies:before {
    content: '';
    position: absolute;
    background: #fed6c6;
    width: 45%;
    height: 60%;
    top: 0px;
}
.brand-case-orange .title-h3 {
    margin-bottom: 25px;
}
.branding-case-studies img {
    width: 100%;
}
.dedicated-team-brand .bx-shadow-img {
    width: 100%;
}
.brand-case-orange {
    max-width: 265px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0 0px 0 auto;
    padding-top: 0px;
}
.brand-case-studies .container-fluid {
    margin-top: 40px;
}
.branding-case-studies {
    padding: 10px 0px 0px 0px;
}
.case-branding-details img {
    padding: 0px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19);
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19); 
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19);
    }
    .branding-case-studies .case-brand-details {
    padding-left: 25px;
    padding-top: 25px;
}
.branding-case-studies .case-brand-details .title {
    font-size: 25px;
    margin-bottom: 5px;
    font-weight: 600;
    display: flex;
    justify-content: flex-start;
        align-items: center;
}
.branding-case-studies .case-brand-details .excerpt {
    font-size: 14px;
}
.case-brand-details .title {
    position: relative;
}
.branding-case-studies .case-brand-details .title:after
{
         content: "";
    flex-grow: 1;
    height: 1px;
    background-color: #ff6126;
}
.case-brand-details .title span {
    padding-right: 10px;
}
.three-box-king .blurbs img {
    width: 60px;
}
.three-box-king .blurbs h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.three-box-king .blurbs h4:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background-color: #ff6126;
    left: 10px;
    position: relative;
}
.three-box-king .blurbs {
    margin-bottom: 50px;
}
.left-block .blurbs {
    padding-right: 30px;
}
.right-block .blurbs {
    padding-left: 30px;
}
.brand-king-sec .middle-block-img {
    position: relative;
    margin-top: -45px;
}
.brand-king-sec .middle-block-img:after {
    content: '';
    background: #ff6126;
    width: 90%;
    height: 100%;
    position: absolute;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, 7%);
    bottom: 0px;
}
.three-box-king {
    padding-top: 40px;
    position: relative;
}
.three-box-king:after {
    content: "";
    position: absolute;
    top: 62%;
    width: 100%;
    height: 100%;
    opacity: 21%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: 100% 100%;
    background-position: bottom center;
    left: 50%;
    transform: translate(-50%, -50%);
}
.three-box-king p {
    font-size: 15px;
}
.three-box-king .middle-block-img {
    box-shadow: 0px 4px 14px #00000042;
    -webkit-box-shadow: 0px 4px 14px #00000042;
    -moz-box-shadow: 0px 4px 14px #00000042;
}
.black-perth-branding {
    background: #000;
    position: relative;
        z-index: 2;s
}
.black-perth-branding .title-h3 {
    color: #fff;
}
.black-perth-branding p{
    color: #fff;
}
.black-perth-branding  a {
    color: #fff;
}
.black-perth-branding .perth-btn-row {
    margin-top: 50px;
}
section.black-perth-branding:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 4%;
    z-index: -1;
    background: url(../img/foo-line-design.png);
    background-size: cover;
    background-position: top center;
}
.faq-sec .title-h3 {
    margin-bottom: 20px;
}
.accordion .card{
    margin-bottom: 25px;
    border: none;
    background: #fff;
    box-shadow:0px 0px 10px #00000042;
    -webkit-box-shadow: 0px 0px 10px #00000042;
    -moz-box-shadow:0px 0px 10px #00000042;
}
.accordion .card-header {
    border: none;
    background: #E9E9E9;
    padding: 0px;
}
.accordion .card-header .btn-link {
    width: 100%;
    text-align: left;
    padding: 20px;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    padding-left: 70px;
	    min-height: 100px;
}
.accordion .fa.fa-plus {
    content: url(../img/circle-plus-solid.svg);
    position: absolute;
    left: 25px;
    width: 22px;
    top: 39px;
        filter: invert(52%) sepia(18%) saturate(7098%) hue-rotate(342deg) brightness(98%) contrast(106%);
}
.accordion .fa.fa-minus
{
  content: url(../img/circle-minus-solid.svg);
    position: absolute;
    left: 25px;
    width: 22px;
    top: 22px;
        filter: invert(52%) sepia(18%) saturate(7098%) hue-rotate(342deg) brightness(98%) contrast(106%);  
}
.accordion .btn:focus
{
    box-shadow: none;
}
.faq-sec .accordion {
    margin-top: 50px;
}
.faq-sec {
    padding-bottom: 0px;
    padding-top: 80px;
}
.client-testimonials.brand-testi-pb {
    padding-bottom: 60px;
}
.branding-case-studies .swiper-slide {
    cursor: grab;
}
.brand-blurb-grids:hover .ico img {
    filter: brightness(0) invert(1);
}
.Brand-strategy-sec .nav-link.active .brand-blurb-grids .ico img {
    filter: brightness(0) invert(1);
}
.Brand-strategy-sec .nav-link.active .brand-blurb-grids .ico {
    background: #ff6126;
    border: 1px solid #ff6126;
}
/*********Video Production page css*******/
.mesh-gredient-video:before {
    background: url(../img/mesh-gradient-video.png);
    background-size: cover;
    background-position: top center;
       opacity: 100%;
}
.video-production-brand {
    margin-top: -190px;
}
.video-production-brand .contain-width {
    padding-right: 0px;
}
.video-production-brand .col-right-four-brand.wide-right.r {
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
}
.video-production-brand .contain-width p {
    margin-bottom: 0px;
}
.about-digital-gredient.mesh-gredient-video {
    padding-bottom: 140px;
}
.Brand-strategy-sec .nav-link {
    border: none!important;
    padding: 0px;
}
.brand-four-bx .nav-link.active .brand-blurb-grids {
    background: #fed6c6;
}
.brand-four-bx {
    border-bottom: none;
}
.video-branding-logo {
    padding-top: 0px;
    padding-bottom: 60px;
}
section.video-box-sec {
    background: #fed6c6;
}


/*******Timeline css*********/

.timeline {
    padding: 50px 0;
    position: relative;
    margin-top: 35px;
}

.timeline-nodes {
   padding-bottom: 100px;
    position: relative;
}

.timeline-nodes:nth-child(odd) {
  flex-direction: row-reverse;
}

.timeline p {
  padding: 10px 0px;
  font-size: 15px;
}

.timeline-content h5 {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 700;
    color: #000;
}

.timeline-content ul {
  padding-left: 20px;
}

/* .timeline-date img {
  height: 100%;
} */

.timeline::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    border-left: 7px solid #D8D8D8;
    height: 100%;
    /* z-index: 1; */
    overflow: hidden;
    transform: translateX(-50%);
    top: 0px;
    border-radius: 10px;
}
.timeline-nodes:nth-child(odd) h3,
.timeline-nodes:nth-child(odd) p {
  text-align: left;
}

.timeline-nodes:nth-child(odd) .timeline-date {
  text-align: right;
}

.timeline-nodes:nth-child(even) .timeline-date {
  text-align: left;
}

.timeline-image {
  position: relative;
  z-index: 1;
}
/*
.timeline-image::before {
  content: "";
  width: 62px;
  height: 62px;
  border: 2px solid #d6111e;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #d6111e;
  z-index: 1;
}*/

.timeline-image img {
  position: relative;
  z-index: 100;
    top: -3px;
}
/*
.timeline-content {
  margin-top: 40px;
}*/

.timeline-image {
  top: -100px;
}

/*.timeline-2 .timeline-content {
  margin-top: 100px;
}

.timeline-3 .timeline-content {
  margin-top: 80px;
}

.timeline-5 .timeline-content {
  margin-top: 80px;
}*/


/*small device style*/

@media (max-width: 767px) {
  .timeline-nodes:nth-child(odd) h3,
  .timeline-nodes:nth-child(odd) p {
    text-align: left
  }
  .timeline-nodes:nth-child(odd) {
    flex-direction: row;
  }
  .timeline::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 4%;
    width: 0;
    border-left: 10px solid #F4F5F5;
    height: 100%;
    z-index: 1;
    transform: translateX(-50%);
  }
  .timeline p {
    font-size: 14px;
  }
  .timeline-image {
    position: absolute;
    left: 0%;
    top: 60px;
    /*transform: translateX(-50%;);*/
  }
  .timeline-nodes:nth-child(even) .timeline-date {
    text-align: left;
  }
  .timeline-image::before {
    width: 65px;
    height: 65px;
  }
/*  .timeline-2 .timeline-content {
    margin-top: 20px;
}
.timeline-content {
    margin-top: 20px;
}
.timeline-3 .timeline-content {
    margin-top: 20px;
}
.timeline-5 .timeline-content {
    margin-top: 20px;
}*/
}


/*extra small device style */

@media (max-width: 575px) {
  .timeline::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 7%;
  }
  .timeline-image {
    position: absolute;
    left: -2%;
  }
  .timeline-image::before {
    width: 60px;
    height: 60px;
  }
}
.timeline-date {
    position: relative;
}
.timeline-date:after {
    content: '';
    position: absolute;
    background: #fed6c6;
    width: 50%;
    height: 120%;
    top: -30px;
    right: -32px;
    z-index: -1;
}
.timeline-nodes:nth-child(odd) .timeline-date {
    padding-right: 30px;
}
.timeline-nodes:nth-child(odd) .timeline-date:after {
    right: 0px;
}
.timeline-nodes
{
    position: relative;
}
/* .timeline-nodes:after {
    content: "";
    position: absolute;
    top: 0%;
    width: 100%;
    height: 100%;
    opacity: 60%;
    z-index: -1;
    background: url(../img/process-video-bg.png);
    background-size: 100% 100%;
    background-position: bottom center;
} */
.timeline-nodes:after {
    content: "";
    position: absolute;
    top: 0%;
    width: 100%;
    height: 100%;
    opacity: 10%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: 100% 100%;
    background-position: bottom center;
}
.timeline-sec {
    padding-bottom: 0px;
}
.timeline {
    padding-bottom: 0px;
}

/************Responsive css**********/

@media (min-width:768px) and (max-width: 1199px)
{
    .c-nav-logo {
    width: 30%;
}
.c-nav-logo img {
    width: 80%;
}
 .col-right-four-brand.wide-right.r {
    margin-left: 0px;
}
.brand-stategy-black .middle-bx {
    position: relative;
    width: 100%;
    left: 0px;
    top: 0px;
    transform: none;
}
.brand-stategy-black {
    height: 100%;
}
.brand-stategy-black {
    height: 100%;
    padding: 70px 20px;
}
.container.wide {
    max-width: 100%;
}
.timeline-date:after {
    top: -15px;
    right: -15px!important;
}
.timeline-nodes:nth-child(odd) .timeline-date {
    padding-right: 0px;
}
.cl-testimonial-slider .swiper-pagination {
    right: -35px;
}
}
@media (min-width:768px) and (max-width: 992px)
{
.three-box-king:after {
    width: 100%;
}
section.digital-journey {
    padding-top: 40px;
}
.slide-digital.testimonials .swiper-slide {
    width: 100%;
}
.case-studies-details {
    padding-left: 0px;
}
.value-titles {
    padding-left: 0px;
}
.blog-insight-text h3 {
    font-size: 16px;
}
.insight-blog .cta span {
    font-size: 14px;
}
.blog-insight-text {
    bottom: 15%;
    transform: none;
    left: 0%;
}
 .box-vision h4, .box-mission h4 {
    font-size: 20px;
    margin-bottom: 7px;
}
.box-vision p, .box-mission p{
    font-size: 12px;
}
.box-vision {
    width: 68%;
    top: 40%;
}
.box-mission{
    width: 68%;
    top: 40%;
}
.about-speak-bx h5 img {
    width: 80px;
}
/* .cl-testimonial-slider {
    height:360px!important;
} */
}
@media (max-width:767px)
{
    .toggle-circle .rows {
    top: 15px!important;
}
.hamburger-toggle
{
    top: 0px!important;
}
.c-nav-logo img {
    width: 150px;
    margin-top: 12px;
}
.banner {
    height: 70vh;
}
.banner video
{
  height: 70vh;  
}
.swap-cols {
    display: flex;
    flex-direction: column-reverse;
}
.banner .bg-video-wrap {
    height: 70vh;
}
.banner .overlay
{
  height: 70vh;  
}
.about-box .read-more-btn {
    margin-top: 40px;
    margin-bottom: 50px!important
}
.logo-digital-sec {
    margin-bottom: 30px;
}
.slide-digital.testimonials .swiper-slide {
    width: 100%;
}
section.talk-about-gredient {
    margin-top: 35px;
}
.slides-bx h2 {
    font-size: 20px;
    margin-bottom: 10px;
    width: 100%!important;
}
.slides-bx .col-md-7 {
    padding: 20px 20px;
}
section.services-sec {
    padding: 10px 0px 20px;
}
.services-full-w .m-space {
    margin-bottom: 30px;
    margin-top: 15px;
	
}
.title-case {
    font-size: 20px;
}
section.case-studies-sec {
    padding-bottom: 40px;
}
.value-titles {
    padding-left: 15px;
    padding-right: 15px;
}
.speak-rows-boxes {
    margin-top: 60px;
}
section.galery-three {
    margin-top: 0px;
    padding-top: 30px;
    position: relative;
    padding-bottom: 30px;
}
section.galery-three .container-fluid {
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.gallery-three-box {
    padding-bottom: 30px;
}
section.insight-blog {
    padding-top: 50px;
}
.blog-grids-three img {
    height: 60vh;
    margin-bottom: 0px;
}
.speak-box > div h3 {
    font-size: 20px;
}
.insight-blog .cta span {
    font-size: 16px;
}
.bottom-bar.copyright {
    padding: 0px;
}
.modal button.close {
    right: 0px;
    top: -55px;
}
.offcanvas-nav__link {
    font-size: 20px;
}
.about-digital-gredient .gallery-about {
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.about-digital-gredient {
    padding: 50px 0px;
}
.mission-sec .col-lg-5.col-md-5.pl-0 {
    padding-left: 15px!important;
}
.mission-sec .col-lg-5.col-md-5.pr-0 {
    padding-right: 15px!important;
}
.vm-bx-row .circle-middle-bx {
    display: none;
}
section.mission-sec {
    padding-bottom: 0px;
}
section.our-value-sec {
    padding-bottom: 0px;
}
.team-three-grids:before {
    content: '';
    position: absolute;
    background: #ff6126;
    width: 100%;
    height: 100%;
    bottom: 0px;
}
.client-testimonials:after {
    width: 100%;
    height: 100%;
}
.testi-slider-left {
    padding-right: 0px;
}
.testi-slider-left h6 {
    font-size: 22px;
    margin-bottom: 10px!important;
}
.cl-testimonial-slider {
    padding-right: 0px;
}
.cl-testimonial-slider .swiper-pagination {
    transform: none;
    bottom: 0px!important;
    top: unset;
}
.testi-slider-left blockquote {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0px;
    font-size: 14px;
	    margin-bottom: 10px;
}
	.testi-slider-left .role-name {
    margin-bottom: 10px;
}
.cl-testimonial-slider {
    margin-bottom: 30px;
    height: 100%;
}
.testi-slider-left .title-name {
    font-size: 18px;
}
.testi-slider-left .role-name{
    font-size: 14px;
}
.client-testimonials {
    padding-top: 30px;
}
.client-logo.client-about {
    padding-bottom: 30px;
    padding-top: 30px;
}
.boxes-main-vision {
    margin-bottom: 0px;
}
.title-h3 {
    font-size: 20px;
}
.dedicated-team-expert {
    margin-top: 0px;
}
.banner-title br {
    display: none;
}
.carousel-container h1 {
    padding-top: 0px;
}
.dedicated-team-brand {
    padding-top: 50px;
}
.digital-beyond-ads {
    margin-bottom: 30px;
}
.industry-brand-team .col-md-6.col-lg-6.pr-0 {
    padding-right: 15px!important;
}
.col-right-four-brand.wide-right.r {
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 30px;
}
.brand-stategy-black h3 {
    margin-bottom: 20px;
	    display: block;
}
.brand-stategy-black {
    height: 100%;
}
.brand-stategy-black .middle-bx {
    position: relative;
    transform: none;
    margin-right: 0px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.brand-four-bx h5 {
    font-size: 15px;
    margin-bottom: 10px;
}
.brand-four-bx p {
    font-size: 11px;
}
.brand-blurb-grids {
    min-height: 270px!important;
}
	.brand-blurb-grids {
    font-size: 13px!important;
}
section.brand-case-studies:before
{
    content: none;
}
section.brand-case-studies:after {
    width: 100%;
    left: 0%;
}
.brand-case-orange {
    margin-left: 0px;
}
.brand-case-studies .container-fluid {
    margin-top: 0px;
}
section.Brand-strategy-sec {
    padding-bottom: 0px;
}

.col-right-four-brand.wide-right.r {
    padding-bottom: 0px;
}
.branding-case-studies .case-brand-details .title {
    font-size: 20px;
}
.brnading-right-slide {
    padding-right: 15px;
    padding-left: 15px;
}
.brand-case-orange {
    margin-left: 0px;
    width: 100%;
    max-width: 100%;
}
.brand-case-orange .title-h3 br {
    display: none;
}
.brand-case-orange p br {
    display: none;
}
.branding-case-studies .case-brand-details {
    padding-left: 0px;
    padding-top: 30px;
    margin-bottom: 70px;
}
section.brand-king-sec {
    padding-top: 0px;
    padding-bottom: 0px;
}
.three-box-king:after {
    width: 100%;
}
.middle-block-img {
    margin-top: 0px!important;
    margin-bottom: 80px;
}
.right-block .blurbs {
    padding-left: 10px;
    padding-right: 10px;
}
.left-block .blurbs {
    padding-right: 10px;
    padding-left: 10px;
}
.black-perth-branding .title-h3 {
    margin-bottom: 20px;
}
.industry-brand-team {
    padding-top: 0px;
}
.black-perth-branding .industry-brand-team .about-box {
    max-width: 100%;
    padding-right: 0px;
    margin-bottom: 30px;
}
.faq-sec {
    padding-top: 60px;
}
.accordion .card-header .btn-link {
    font-size: 16px;
}
.accordion .card-body p, .accordion .card-body {
    font-size: 14px;
}
.faq-sec .accordion {
    margin-top: 20px;
}
.internal-banner.height-full {
    height:70vh!important;
}
.internal-banner.height-full .overlay
{
   height: 70vh!important; 
}
.internal-banner
{
   height: 70vh!important;  
}
.internal-banner .overlay
{
   height: 70vh!important;  
}
.banner-sub {
    font-size: 16px;
    padding-top: 0px;
}
.video-branding-logo {
    padding-top: 40px;
    padding-bottom: 40px;
}
/* .timeline-date img {
    height: 100%;
} */
.timeline-date:after {
    height: 120%;
    top: -15px;
    right: -15px!important;
    width: 50%;
}
.timeline-content h5 {
    font-size: 20px;
    margin-top: 35px;
}
.timeline-nodes:nth-child(odd) .timeline-date {
    padding-right: 0px;
}
.timeline-nodes {
    padding-bottom: 50px;
}
}
@media (max-width: 480px)
{
    .box-vision h4, .box-mission h4 {
    font-size: 20px;
    margin-bottom: 7px;
}
.box-vision p, .box-mission p{
    font-size: 12px;
}
.box-vision {
    width: 68%;
    top: 50%;
}
.box-mission{
    width: 68%;
    top: 50%;
}
.mission-sec .flag-icon {
    width: 55px;
    margin-bottom: 5px;
}
}
@media (min-width: 768px)
{
    .brand-case-studies .swiper-pagination {
    display: none;
}
    .galery-three .swiper-pagination {
    display: none;
}
.insight-blog .swiper-pagination {
    display: none;
}
.gallery-three-box .swiper-pagination {
    display: none;
}
}

.box-process h4 {
    font-size: 16px;
    margin-top: 18px;
    margin-bottom: 12px;
}
.box-process p {
    font-size: 13px;
}
.box-process {
    padding: 15px 15px;
    box-shadow: 0px 4px 9px #00000042;
    -webkit-box-shadow: 0px 4px 9px #00000042;
    -moz-box-shadow: 0px 4px 9px #00000042;
    background: #E9E9E9;
	min-height:300px;
}
.box-process:hover
{
        background: #fed6c6;
}
.col:nth-child(odd) .box-process {
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.col:nth-child(even) .box-process {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.full-process-bar {
    margin-top: 40px;
    margin-bottom:80px;
    position: relative;
}
.full-process-bar:after {
    content: '';
    position: absolute;
    background: #ff6126;
    width: 100%;
    height: 20px;
    top: 50%;
    z-index: -1;
}
.img-border-right
{
    position: relative;
}
.img-border-right:after {
    content: '';
    position: absolute;
    background: #fed6c6;
    width: 55%;
    height: 130%;
    top: -35px;
    right: 0px;
    z-index: -1;
}
.img-border-right img {
    width: 90%;
}
@media (max-width: 767px)
{
    .full-process-bar:after {
        content: none;
}
.box-process {
    margin-bottom: 30px;
}
.full-process-bar {
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
}
.img-border-right:after {
    content: '';
    position: absolute;
    background: #fed6c6;
    width: 50%;
    height: 115%;
    top: -8%;
    right: 10px;
    z-index: -1;
}
section.seo-process-sec.pt-0 {
    margin-top: 50px;
    padding-bottom: 50px;
}
section.brand-king-sec.brand-king-digital {
    padding-top: 60px;
    padding-bottom: 30px;
}
.team-member-area .float-right-btn {
    text-align: center;
    margin-top: 30px;
}
.team-member-area.black-bg-color .float-right-btn a
{
        float: unset!important;
    text-align: center;
}
}
.black-bg-color
{
    background: #000;
}
.team-member-area .float-right-btn a {
    float: right!important;
}
.team-member-area .title-h3 {
    margin-bottom: 30px;
}

.content-team {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: auto;
    /* overflow: hidden; */
    margin-bottom: 40px;
}

.content-team .content-overlay {
      background: rgb(0 0 0 / 57%);
  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;
}
.team-grids--rows {
    margin-top: 40px;
}
.content-team:hover .content-overlay{
  opacity: 1;
}

/*.content-image{
  width: 100%;
}*/

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 90%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-55%, -50%);
  -moz-transform: translate(-55%, -50%);
  transform: translate(-55%, -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-team .content-details
{
	display:none;
} */
.content-team:hover .content-details.bottom-social {
    opacity: 0;
}
section.blog--section {
    display: none;
}
.post-grid-spacing {
    padding-bottom: 60px;
}
@media (max-width:767px)
{
	.team-box.post-grid {
    margin-top: 0px;
}
}
.content-team:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details p{
  color: #fff;
  font-size: 20px;
}

.fadeIn-bottom{
  top: 80%;
}
.person-title-left {
    color: #fff;
    position: absolute;
    bottom: 50px;
    left: -25px;
    width: 35%;
}
.person-title-left h4 {
    font-size: 25px;
    font-weight: 600;
	text-shadow: 1px 1px 10px #000, 1px 1px 10px #000000;
}
/* .wrapv {
    z-index: 5;
    position: absolute;
    display: block;
    bottom: 60%;
    right: -5px;
    height: auto;
    bottom: 45%;
}   */
/* .vertical {
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    transform-origin: right top 0;
    color: #fff;
    white-space: nowrap;
    cursor: vertical-text;
    direction: rtl;
    z-index: 11;
    background-color: #000;
    font-size: 15px;
} */
/* .vertical:before {
    content: '';
    background: #ff6126;
    position: absolute;
    left: -66px;
    width: 50px;
    height: 2px;
    bottom: 11px;
    z-index: -1;
} */
.wrapv {
    -moz-transform: rotate(-90deg) translateY(0.5em);
    -ms-transform: rotate(-90deg) translateY(0.5em);
    -webkit-transform: rotate(-90deg) translateY(0.5em);
    transform: rotate(-90deg) translateY(0.5em);
    display: inline-block;
    font-family: sans-serif;
    /* font-size: 1.4em; */
    /* font-weight: bold; */
    line-height: 0;
    margin: 0 0 1em;
/*     text-transform: uppercase; */
    white-space: nowrap;
    border-right: dotted;
    color: #fff;
    right: -10px;
    width: 0%;
    /* top: 274px; */
    position: absolute;
    bottom: 55px;
}
.vertical {
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    transform-origin: right top 0;
    right: 0%;
    color: #fff;
    white-space: nowrap;
    cursor: vertical-text;
    position: absolute;
    display: block;
    height: auto;
    direction: rtl;
    z-index: 11;
    background-color: red;
    font-size: 15px;
}
.vertical:before {
    content: '';
    background: #ff6126;
    position: absolute;
    left: -26px;
    width: 50px;
    height: 1px;
    bottom: 35px;
    z-index: -1;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.content-team:hover .content-details.bottom-social {
    top: 90%;
    left: 80%;
}
.content-details .social-ico a {
    opacity: 1;
    margin: 5px;
}


.content-image {
    width: 100%;
}

.inner_content h1,.inner_content h2,.inner_content h3,.inner_content h4,.inner_content h5,.inner_content h6{ font-weight: 700; }
.inner_content h1 span,.inner_content h2 span,.inner_content h3 span,.inner_content h4 span,.inner_content h5 span,.inner_content h6 span {
    color: #ff6126;
}


/**************Menu css accordian 01 jun23 ************/
@media (max-width:980px)
{
  .sidebar-nav ul {
	 list-style-type: none;
	 padding-left: 0;
}
 .sidebar-nav ul li {
/* 	     border-top: 1px dotted #ffffff63; */
	 position: relative;
	 width: 100%;
	 user-select: none;
	 -webkit-user-select: none;
}
 .sidebar-nav ul li a {
	 color: #fff;
	 padding: 7px 0;
	 display: inline-block;
/* 	 width: calc(100% - 50px); */
}
 .sidebar-nav ul li a:hover {
	 text-decoration: none;
	 border-bottom: 0;
}
 .sidebar-nav ul li a.menu-toggle {
/* 	 position: relative;
	 width: 50px; */
	 position: absolute;
        width: auto;
    right: 55px;
	 text-align: center;
	 border-bottom: 0;
	 vertical-align: top;
	    padding: 0px;
    top: 10px;
    line-height: 20px;
}
	a.menu-toggle.rotate {
    padding: 0px!important;
}
	a.menu-toggle {
    padding: 0px!important;
}
 .sidebar-nav ul li a.menu-toggle:after {
	 top: 0px;
	 position: relative;
	 right: 0;
	 text-align: middle;
	 font-family: FontAwesome;
	 font-size: 20px;
	 content: "\f067";
	 color:#fff;
}
 .sidebar-nav ul li a.menu-toggle:focus, .sidebar-nav ul li a.menu-toggle:hover, .sidebar-nav ul li a.menu-toggle:visited, .sidebar-nav ul li a.menu-toggle:link {
	 border-bottom: 0;
	 text-decoration: none;
}
 .sidebar-nav ul li a.menu-toggle.rotate:after {
	  content: "\f068";
/* 	 transform: rotate(180deg); */
	/* right: 1px;
	 */
}
 .sidebar-nav ul.sub-menu {
	 display: none;
	 font-size: 14px;
	     padding-left: 0px;
}
 .sidebar-nav ul.sub-menu li {
	 padding-left: 20px;
}
 nav.nav.offcanvas-nav {
   justify-content: center;
    flex-direction: column;
/* 	 align-items:center; */
}
ul.offcanvas-nav__list {
    width: 100%;
    margin: 0 auto;
    overflow: auto;
}
.sidebar-nav ul.sub-menu li a {
    font-size: 16px;
	color: #ddd!important;
}
.sidebar-nav ul.sub-menu li li a {
/*     font-size: 14px; */
    color: #fff;
/*     background: #b39c9c4f; */
    padding:10px 0px;
}
.header-toggle-menuon nav.offcanvas-nav {
    height: 80vh;
    overflow: auto;
}
.header-toggle-menuon .Site-interface {
    margin-top: 100px!important;
    display: inline-block;
    width: 100%;
}
.header-toggle-menuon  .offcanvas { 
	    top: 100px;
} 
}
@media (max-width:980px)
{
	.offcanvas-nav__link {
    font-weight: 600;
}
	ul.offcanvas-nav__list {
    width: 100%;
}
	.sidebar-nav ul.sub-menu li {
    padding-left: 0px;
}
	.header-toggle-menuon .Site-interface {
    margin-top: 60px!important;
}
	nav.nav.offcanvas-nav {
    justify-content: flex-start;
}
/* 	.sidebar-nav ul.sub-menu li li {
    background: #dddddd59;
    padding: 10px;
} */
	div#cursor {
    display: none;
}
	.offcanvas-nav__item {
    text-align: left;
    padding-left: 20px;
}
}
/***********End Mobile menu**********/
.about-digital-gredient.mesh-gredient-video.pb-50 {
    padding-bottom: 60px;
}
ul#myTab {
    margin-top: 20px;
}

/* New CSS */

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 90%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-55%, -50%);
  -moz-transform: translate(-55%, -50%);
  transform: translate(-55%, -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-team:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details p{
  color: #fff;
  font-size: 20px;
}

.fadeIn-bottom{
  top: 80%;
}
.person-title-left {
    color: #fff;
    position: absolute;
    bottom: 50px;
    left: -25px;
    width: 35%;
}
.person-title-left h4 {
    font-size: 25px;
    font-weight: 600;
}
/* .wrapv {
    z-index: 5;
    position: absolute;
    display: block;
    bottom: 60%;
    right: -5px;
    height: auto;
    bottom: 45%;
}  
.vertical {
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    transform-origin: right top 0;
    color: #fff;
    white-space: nowrap;
    cursor: vertical-text;
    direction: rtl;
    z-index: 11;
    background-color: #000;
    font-size: 15px;
}
.vertical:before {
    content: '';
    background: #ff6126;
    position: absolute;
    left: -66px;
    width: 50px;
    height: 2px;
    bottom: 11px;
    z-index: -1;
} */
.content-team:hover .content-details.bottom-social {
    top: 90%;
    left: 80%;
}
.content-details .social-ico a {
    opacity: 1;
    margin: 5px;
}


.content-image {
    width: 100%;
}

.btn-black-text a {
    color: #000;
}
.btn-black-text {
    margin-top: 45px;
}
.choose-web-design-expert {
    position: relative;
}
.choose-web-design-expert:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 21%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: cover;
    background-position: center center;
}
.web-choose-box > div {
    margin-bottom: 25px;
}
.web-choose-box {
    background: #e0e0e0;
    padding: 35px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    max-width: 370px;
    margin: 0 auto;
    margin-bottom: 55px;
}
.choose-box-space {
    margin-top: 100px;
}
.web-choose-box h3 {
    font-size: 20px;
}
.web-choose-box:hover {
    background: #fed6c6;
}
.web-choose-box > div img {
    float: right;
}
.bg-black
{
    background: #000;
}
.web-choose-box > div img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}
.web-slide-desc p {
    color: #fff!important;
}
.web-slide-desc {
    margin-top: 25px;
}
.web-design-works .swiper-button-prev:after
{
    content: url('../img/circle-arrow-left.png');
}
.web-design-works .swiper-button-next:after
{
    content: url('../img/circle-arrow-right.png');
}
.web-design-works .swiper-button-next {
    left: 70px!important;
}
/*.web-design-works .swiper-button-next, .web-design-works .swiper-button-prev {
    top: 40%;
}*/
.project-web-logo {
    position: absolute;
    bottom: 0px;
}
.web-design-works.bg-black {
    padding-bottom: 0px!important;
    padding-top: 100px;
}

.counter-box h4 {
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 10px;
}
.counter-box p {
    color: #fff;
    max-width: 75%;
}
section.counter-section {
    background: #ff6126;
    margin-top: -35px;
    padding-top: 100px;
}
section.visit-us-form-sec {
    background: url(/wp-content/uploads/2023/06/web-gredient-contact-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.address-bx {
    margin-top: 20px;
    margin-bottom: 20px;
}
.phone-bx p {
    margin-bottom: 0px;
}
.visit-us-form-sec ul.social {
    margin: 0;
    padding: 0;
    width: 100%;
}
.visit-us-form-sec ul.social > li {
    display: inline-block;
}
.visit-us-form-sec ul.social > li > a {
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 36px;
    background-color: transparent;
    color: #fff;
    margin: 0 3px 3px 0;
    border: 1px solid #333;
}
.visit-us-form-sec ul.social > li > a img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    /* padding-top: 6px; */
    margin-top: 7px;
}
.visit-us-form-sec .social-bx {
    margin-top: 20px;
}
@media(max-width: 767px)
{
    .project-web-logo {
    position: relative;
    bottom: 0px;
}
.web-design-works.bg-black {
    padding-top: 50px;
}
.web-design-works .swiper-button-next, .web-design-works .swiper-button-prev {
    top: 5%;
}
.web-design-slider {
    padding-top: 30px;
    position: relative;
}
section.counter-section {
    padding-top: 70px;
}
.web-choose-box {
    margin-bottom: 30px;
}
.choose-box-space {
    margin-top: 60px;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
    .web-choose-box h3 {
    font-size: 18px;
}
.web-choose-box > div img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}
.web-choose-box {
    padding: 20px;
}
.web-design-works.bg-black {
    padding-top: 50px;
}
.web-design-works .swiper-button-next, .web-design-works .swiper-button-prev {
    top: 10%;
}
.web-design-slider {
    padding-top: 30px;
    position: relative;
}
}
.title-h4 {
    margin-bottom: 10px;
    font-size: 20px;
}
.black-perth-branding li {
    color: #fff;
}
.choose-box-space a {
    color: #000;
}
.web-capabiilties .web-choose-box {
    min-height: 500px;
}
.form-box {
    padding: 45px;
    background: #fff;
    margin-top: 40px;
}
.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 90px!important;
    resize: none;
	border: none;
	  border-bottom: 1px solid #000!important;
}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
    border: none;
    border-bottom: 1px solid #000;
    padding: 10px 10px 10px 0px;
    color: #000;
}
.gform_wrapper.gravity-theme input:focus-visible {
    outline: none;
    border-bottom: 2px solid #000!important;
}
.gform_wrapper.gravity-theme .gfield textarea.large:focus-visible {
   outline: none;
    border-bottom: 2px solid #000!important;
}
.gform_button {
    background: #ff6126;
    color: #fff;
    border: none;
    padding: 16px 30px;
    border-radius: 50px;
}
.gform_footer.top_label {
    text-align: center;
}
.carrer-speak-bx .about-speak-bx {
    padding: 20px;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.carrer-speak-bx {
    margin-top: 40px;
}
.recuritment-box {
    background: #f6f6f6;
      padding: 50px 40px 50px 40px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 3px 6px;
    -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 3px 6px;
    -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 3px 6px;
/*     max-width: 90%; */
	min-height:430px;
}
.recuritment-box h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.recuritment-box ul {
    padding-left: 20px;
}
.recuritment-box li {
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.ico-box {
    position: absolute;
    top: -35px;
}
.recuritment-space-row {
    padding-top: 40px;
}
.recuritment-box li::marker
{
	    color: #ff6126;
}
section.job-opening-black-sec {
    background:#000;
}
.job-opening-black-sec .list-view h4 {
    color: #fff;
    font-size: 20px;
}
.job-opening-black-sec .list-view li {
    color: #ff6126;
    font-size: 16px;
    margin-bottom: 5px;
}
.job-opening-black-sec .list-view ul {
    padding-left: 0px;
}
.job-opening-black-sec .list-view li::marker {
   color:transparent;
}
.job-open-row {
    padding-top: 40px;
}
.group-img {
    padding-top: 10px;
}
.group-img img{
    margin-top: 30px;
}
.job-opening-black-sec .list-view {
    margin-bottom: 25px;
}
@media (max-width:767px)
{
	.carrer-speak-bx .about-speak-bx {
    margin-bottom: 20px;
}
.recuritment-box {
    margin-bottom: 50px;
    min-height: auto;
    max-width: 100%;
}
	section.hiring-process-sec {
    padding-bottom: 30px;
}
	.slides-1 {
    height: auto;
}
	.dedicated-team-brand .bx-shadow-img {
    margin-top: 40px;
}
	.seo-process-sec .img-border-right {
    margin-top: 30px;
}
	section.insight-blog {
    padding-bottom: 20px;
}
	.cta span {
    font-size: 16px;
}
	.brand-stategy-black {
    margin-bottom: 20px;
}
	.brand-four-bx h5 br {
    display: none;
}
	.about-digital-gredient .gallery-about {
    padding-top: 10px;
    padding-bottom: 10px;
}
	section.video-box-sec {
    margin-bottom: 60px;
}
}
.swiper-button-prev, .swiper-button-next {
    background-image: none;
}


.form-model .modal-content {
    background: #000;
    padding: 35px;
    border: 2px solid #fff;
}
.form-model .gfield_label {
    color: #fff;
}
.form-model .gchoice {
    color: #fff;
}
.form-model .gform_wrapper.gravity-theme .gfield input.large, .form-model .gform_wrapper.gravity-theme .gfield select.large {
    padding: 10px;
}
.form-model .gform_wrapper.gravity-theme .gfield textarea.large
{
	 padding: 10px;
}
.form-model h3 {
    color: #fff;
    font-size: 24px;
    padding-bottom: 20px;
}
/* section.dedicated-team-expert
{
	position:relative;
	background: url(/wp-content/uploads/2023/06/web-gredient-contact-bg.png);
    background-size: cover;
    background-position: top center;
}
 */

.digital-boxs-black .black-bx {
    background: #231f20;
    padding: 30px;
    border-bottom: 2px solid #726c6c;
}
.digital-boxs-black  .black-bx h4 {
    color: #fff;
    font-size: 18px;
	text-align:center;
}
.digital-boxs-black  .black-bx p{
    color: #fff;
    font-size: 14px;
	text-align:center;
}
.digital-boxs-black  .num {
    color: #ddd;
    margin-bottom: 20px;
}
.digital-boxs-black  .black-bx img {
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
}
.digital-boxs-black  .black-bx h4 {
    min-height: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.digital-boxs-black .black-bx {
    min-height: 500px;
}
.digital-boxs-black {
    padding-top: 40px;
    padding-bottom: 20px;
}
footer#footer
{
	position:relative;
}
footer#footer:after {
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    top: -57px;
    position: absolute;
    z-index: -1;
}

.two-column-block .read-more-btn.mt-40 {
    margin-top: 50px;
}
.two-column-block .middle-block-img
{
	position:relative;
}
.two-column-block .middle-block-img:after {
    content: '';
    background: #ffd9cb;
    width: 90%;
    height: 100%;
    position: absolute;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, 7%);
    bottom: 0px;
}
.block-col-right {
    padding-left: 50px;
}
.two-column-block .row:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
}
.two-column-block .block-col-right {
    padding-left: 60px;
}
.two-column-block .row:nth-child(even)  .block-col-right {
    padding-left: 15px;
	padding-right:60px;
}
section.two-column-block .row {
    margin-bottom: 90px;
}
.bg-gredient-two-block
{
	position:relative;
}
section.two-column-block div:last-child {
    padding-bottom: 10px;
}
.bg-gredient-two-block:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 21%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: cover;
    background-position: center bottom;
}
.apply-btn-right {
    text-align: right;
}
@media (max-width:767px)
{
.apply-btn-right {
    text-align: left;
    margin-top: 20px;
}
	.two-column-block .block-col-right {
    padding-left: 20px!important;
    padding-right: 20px!important;
}
	.two-column-block .middle-block-img {
    margin-bottom: 50px!important;
}
	section.two-column-block .row {
    margin-bottom: 50px;
}
	.video-thumb {
       height: 100%!important;
    min-height: 100%!important;
}
	.title-block .name {
    font-size: 14px!important;
}
	.title-block .description {
    font-size: 12px!important;
}
	.title-block .play-ico {
    width: 25px!important;
}
}
section.two-column-block {
    padding-bottom: 0px;
}


.video-selected {
  width: 100%;
  margin: 0 auto;
  }
        
.video-iframe {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  margin-bottom: 10px;
}
        
.video-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
        
.video-thumbnails {
  margin: 0 auto;
  width: 100%;
}

.video-thumb {
  min-height: 200px;
  height: auto;
}

.video-thumb img {
  background-color: #d8d9da;
  width: 100%;
}

.video-thumb iframe {
  display: none;
}

.video-thumb{
  padding:0px;
}

.video-thumb p {
  margin: 0;
  font-size: 12px;
}

.video-thumb p.name {
  margin-top: 5px;
  font-weight: bold;
}
section.video-gallery {
    padding-top: 0px;
	padding-bottom: 0px;
}
section.video-gallery-light {
    padding-bottom: 130px;
}
.video-gallery--top {
    margin-top: -100px;
}
.video-selected {
    padding: 0px;
}
.video-thumb .title-block {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 80%;
}
.title-block .name {
    color: #fff;
    font-size: 20px;
}
.title-block .description {
    color: #fff;
    font-size: 14px;
}
.title-block .play-ico {
    width: 45px;
}
.title-block .play-ico {
    width: 40px;
    background: transparent;
}


/**************New menu css 08 jun 23***********/
.mobile-menu-show {
    display: none;
}
@media (max-width:980px)
{
.mobile-menu-show {
    display: block!important;
}	
	.container.desktop-menu {
    display: none;
}
}
/*********header new**********/
.header.darkHeader {
    background: #000;
}
#cssvmenu {
    width: 100%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    vertical-align: middle;
    height: 100vh;
}
#cssvmenu { overflow: hidden; position:relative; z-index:2; } 
.parent-menu { min-width:300px; float:left; } 
#cssvmenu ul {
    list-style-type: none;
    padding-left: 0px;
}
#cssvmenu ul li a { 
  padding:10px 15px; 
  display:block; 
  color:#fff; 
  font-size: 25px;
  text-decoration:none;font-weight: 700; } 
#cssvmenu ul li a:hover { background-color:#000;color: #FF6126;} 
#cssvmenu ul li:hover > ul { 
    opacity: 1;
  left: 300px; 
  /*-webkit-transition: left 400ms ease-out; 
  -moz-transition: left 400ms ease-out; 
  -ms-transition: left 400ms ease-out; 
  transition: left 400ms ease-out;*/
  transition: all 1s;
   -webkit-transition: all 1s; } 
#cssvmenu ul li > ul { 
    opacity: 0;
  position: absolute; 
  background-color: #000; 
  top: 5px; 
 /* left: -300px; */
  min-width: 300px; 
  z-index: -1; 
  height: 100%; 
 /*-webkit-transition: left 400ms ease-out; 
  -moz-transition: left 400ms ease-out; 
  -ms-transition: left 400ms ease-out; 
  transition: left 400ms ease-out;*/

} 
.child-sub
{
  position:relative;
}
#cssvmenu {
    width: 100%;
}
#cssvmenu ul li > ul a {
    font-size: 16px!important;
    color: #ddd!important;
}
#cssvmenu .result_hover > a
{
color: #FF6126;
}

.menu--socials {
    position: absolute;
    z-index: 9;
    bottom: 0px;
}
.menu-address {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 9;
}
.menu-address h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600!important;
    padding-bottom: 10px;
}
.menu-address p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 8px!important;
}
.container.desktop-menu {
    position: relative;
}
 @media (min-width:2733px) and (max-width:5464px)
 {
	 .has-offcanvas .hamburger-toggle__circle {
     transform: scale(175) translate3d(1%, 1%, 0);
}
}

/***********Blog Page************/
.cl-blog-slider {
    height: 600px;
}
.blog--section
{
	position:relative;
}
.blog--section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 18%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: cover;
    background-position: top center;
}
.blog-box-area .category-title {
    color: #ff6126;
    margin-bottom: 10px;
}
.blog-box-area .blog-title {
    font-size: 20px;
    font-weight: 600;
}.blog-box-area .meta-box {
    font-size: 14px;
}
.blog-box-area .meta-box span{
  color: #ff6126;
}
.blog-box-area .para {
    font-size: 14px;
    padding-bottom: 20px;
}
.right-area .blog-box-area {
    margin-bottom: 30px;
}
.blog--section .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 2px;
    height: 30px;
}
.blog--section .featured-img {
    box-shadow: rgb(0 0 0 / 40%) -2px 2px 6px;
    -moz-box-shadow: rgb(0 0 0 / 40%) -2px 2px 6px;
       -webkit-box-shadow: rgb(0 0 0 / 40%) -2px 2px 6px;
}



/**********Post Grid custom code*********/
select#mobile-filter {
    width: 100%;
      padding: 15px 0px;
    font-size: 16px;
    font-weight: 600;
/*     border: 1px solid #000; */
	color:#000!important;
}
.filter-list {
    padding-left: 0px!important;
}
.filter-list li
{
	display:inline-block;
}
.filter-list li a {
    cursor: pointer;
    padding: 20px 25px;
   font-size: 25px;
    font-weight: 600;
    color: #000;
}
.filter-list li {
    display: inline-block;
}
.filter-list li:last-child {
    margin-right: 0px!important;
}
.filter-item {
    display: inline-block;
    width: 33.33%;
    padding: 15px;
    margin: 0px;
	float: left;
}
.mixitup-control-active {
    color: #ff6126!important
    text-decoration: underline;
}
.items {
    margin-top: 0px;
}
.post-grid p {
    font-size: 14px;
    padding-bottom: 5px;
}
.post-grid img {
    border-radius: 16px;
    margin-bottom: 20px;
}
.post-grid .read-more {
    font-size: 13px;
    font-weight: 600;
    color: #737E8D;
    text-decoration: underline;
}
.filter-blog .filter-list li a {
    padding: 20px 20px;
}
.post-title-grid {
    text-align: left;
    font-size: 18px;
    line-height: 1.2;
}
.post-title-grid a{
   font-size: 18px;
    font-weight: 600;
    color: #000;
}
.post-grid-lists {
    padding-bottom: 0px!important;
    padding-left: 0px!important;
}
.post-grid-lists li {
    list-style-type: none;
    padding-left: 0px;
    text-align: left;
}
.post-grid-lists {
    padding-left: 0px;
}
.post-grid-lists li .cat-text {
    color: #f6006f;
}
.post-grid-lists li {
    list-style-type: none;
    padding-left: 0px;
    text-align: left;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.post-grid-lists span {
    color: #C0C3C6;
}
.post-title-grid a:hover {
    text-decoration: underline;
}
.post-grid .responsive-img-wrapper {
    margin-bottom: 20px;
}
.post-grid .responsive-img-wrapper img {
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: rgb(0 0 0 / 40%) -2px 2px 6px;
    -moz-box-shadow: rgb(0 0 0 / 40%) -2px 2px 6px;
    -webkit-box-shadow: rgb(0 0 0 / 40%) -2px 2px 6px;
}
/* .responsive-img-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 70%;
    border-radius: 16px;
    background-color: #00B49C;
    overflow: hidden;
} */
.responsive-img-wrapper img {
/*     position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center; */
    width: 100%;
/*     height: 100%; */
}

@media only screen and (min-width: 768px) {
    .post-grid-spacing {
        margin-left: -15px;
        margin-right: -15px;
    }
    .filt-container.filt-container-flex {
        display: flex;
        flex-wrap: wrap;
    }
    .post-grid-spacing .filter-item {
        margin-top: 30px;
    }
}

@media (min-width:981px)
{
    .select-menu.mobile {
        display: none;
    }	
}
@media (max-width: 1175px)
{
    ul.filter-list.desktop {
        display: none;
    }
	.select-menu.mobile {
        display: block;
    }
    .post-grid-spacing .select-menu.mobile {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width: 767px)
{
	.blog--section .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
}
	.blog--section .featured-img {
    margin-top: 50px;
    margin-bottom: 50px;
}
	.right-area .blog-box-area {
    padding-bottom: 30px;
}
	.cl-blog-slider {
    height: 100%;
}
    .filter-item {
        width: 100%;
        padding: 0px;
        margin-bottom: 30px;
/* 		   float: inherit; */
    }
	.post-grid-spacing .filt-container.items {
    display: inline-block;
}
    .post-grid-spacing .select-menu.mobile {
        margin-left: 0px;
        margin-right: 0px;
    }
    .post-grid-spacing .filt-container.items {
        margin-top: 30px;
    }
}
.filter.mixitup-control-active {
    color: #ff6126;
    text-decoration: underline;
}
select#mobile-filter {
    border: 1px solid #ff6126!important;
}

/************Blog Details section**********/
section.blog-details-section {
    margin-top: 120px;
}
.blog-details--left .meta li {
    display: inline;
    color: #000;
    font-size: 16px;
}
.blog-details--left ul {
    padding-left: 0px;
}
.blog-details--left .meta li.dot {
    padding-left: 20px;
    padding-right: 20px;
	  font-size: 13px;
}
.blog-details--left .social-links img {
    filter: unset;
}
.blog-details--left  .social-links {
    text-align: right;
}
.author-title img {
    float: left;
    overflow: hidden;
    width: 65px;
    height: 65px;
    object-fit: cover;
}
.author-title .user-name {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
}
.author-title .role-name {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 300;
	    font-size: 14px;
}
.author-title {
    display: flex;
    align-items: center;
}
.author-title > div {
    padding-left: 17px;
}
.post-red-time .meta {
    float: right;
}
.post-red-time img {
    width: 30px;
    margin-left: 10px;
}
.blog-details--left .blog-title {
    font-size: 30px;
}
.meta-cate-social {
    margin-bottom: 10px;
}
.post-publish-author {
    margin-top: 30px;
    margin-bottom: 30px;
}
.featued-img {
    padding-top: 15px;
    padding-bottom: 20px;
}
.blog-details-section h2 {
    font-size: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.blog-details-section h3 {
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.sidebar-area {
    padding-left: 30px;
}
.sidebar-area .blog-box-area .blog-title {
    padding-top: 0px;
    padding-bottom: 0px;
}
.sidebar-area .blog-box-area {
    margin-bottom: 40px;
}
.newsletter-box {
    background: #000;
    padding: 50px 30px;
    margin-top: 60px;
}
.newsletter-box h4 {
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}
.newsletter-box h2 {
    color: #ff6126;
    font-size: 22px;
    text-align: center;
}
.newsletter-box p {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.newsletter-box .ginput_container.ginput_container_email input {
    padding: 10px!important;
    text-align: center;
}
.newsletter-box .gform_button {
    border: 5px solid #ff6126;
    background: transparent;
    padding: 8px 20px;
    min-width: 200px;
}
.newsletter-box .gform_button:hover {
    background: #ff6126;
}
.blog-details--left {
    position: relative;
}
.blog-details--left::before {
    content: '';
    background: #ddd;
    width: 1px;
    height: 100%;
    position: absolute;
    right: -30px;
}
.latest-news-blog h3 {
    padding-bottom: 35px;
    font-size: 25px;
}
.share-post-row {
    display: flex;
    align-items: center;
    padding-top: 30px;
}
.share-post-row h4 {
    font-size: 20px;
}
.share-post-row .social-links {
    margin-left: 40px;
    margin-bottom: 0px;
}
.post-grid .responsive-img-wrapper img {
    height: 200px!important;
    object-fit: cover;
    width: 100%;
}

@media (max-width:767px)
{
section.blog-details-section {
    margin-top: 60px;
}	
	.blog-details--left .social-links {
    text-align: left;
}
	.blog-details--left .blog-title {
    font-size: 28px;
}
	.post-red-time .meta {
    float: unset;
    margin-top: 30px;
}
	.post-publish-author {
    margin-top: 15px;
    margin-bottom: 15px;
}
.sidebar-area {
    padding-left: 0px;
    margin-top: 30px;
    border-top: 1px solid #ddd;
    padding-top: 30px;
}
	section.latest-news-blog {
    padding-top: 0px;
    margin-bottom: 25px!important;
}
	.latest-news-blog .blog-box-area {
    margin-bottom: 45px;
}
	.latest-news-blog .blog-box-area .blog-title {
    padding-bottom: 0px;
}
}

@media (min-width:768px) and (max-width:991px)
{
.blog-details--left .meta li {
    font-size: 10px;
}	
	.newsletter-box {
    padding: 40px 15px;
}
	.newsletter-box .gform_button {
    padding: 8px 10px;
    min-width: auto;
    font-size: 14px;
}
	.cl-blog-slider {
    max-height: 750px;
}
}

@media (max-width:767px)
{
	.cl-blog-slider .swiper-pagination-clickable .swiper-pagination-bullet {
    display: inline-block;
}
	.cl-blog-slider .swiper-pagination {
    bottom: 0px!important;
    top: unset!important;
}
	.post-grid .responsive-img-wrapper img {
    min-height: auto;
    object-fit: cover;
    height: 100%!important;
}
}
.blog-excrpt-details ul {
    padding-left: 20px;
}

/**********Case studies details******************/
.case--detsils-row .title-h3 {
    margin-bottom: 30px;
}
.case-studies--details {
    padding-top: 80px;
    position: relative;
    padding-bottom: 190px;
}
.case-studies--details:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 21%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: cover;
    background-position: bottom center;
}
.growth-box {
    background: #F2F2F2;
    padding: 60px 35px 40px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    text-align: center;
    position: relative;
}
.growth-box p {
    margin-bottom: 0px;
}
.growth-box h4 {
    color: #ff6126;
    font-weight: 700;
    font-size: 30px;
}
.growth-img .arrow-growth {
    position: absolute;
    left: -10px;
    top: -33px;
    width: 70px;
}
.growth-img .circle-growth {
    position: absolute;
    top: -38px;
    right: 20px;
    width: 80px;
}
.growth-row-grid {
    margin-top: -145px;
}
.job-opening-black-sec .list-view li a {
    color: #ff6126;
}
.cae-details-excerpt-sec .row {
    padding-bottom: 50px;
}
section.cae-details-excerpt-sec h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 23px;
}
section .row.single-column span
{
	    color: #ff6126;
}
section.cae-details-excerpt-sec h4 {
    font-weight: 700;
    margin-bottom: 23px;
}
section.cae-details-excerpt-sec h5 {
    font-weight: 700;
    margin-bottom: 23px;
}
section.cae-details-excerpt-sec h6 {
    font-weight: 700;
    margin-bottom: 23px;
}
.testi-partner-logo {
    width: 190px;
    padding-top: 10px;
    height: 50px;
    object-fit: contain;
}
.case-testi-pb {
    padding-bottom: 80px;
}
@media (max-width:767px)
{
.growth-box {
    margin-bottom: 70px;
}	
	.growth-row-grid {
    margin-top: 0px;
}
	.case-studies--details {
    padding-top: 60px;
    position: relative;
    padding-bottom: 60px;
}
	section.growth-sec {
    padding-bottom: 0px;
}
	.growth-row-grid .col-lg-4.col-md-4:last-child .growth-box {
    margin-bottom: 0px;
}
	.two-col-image img {
    margin-bottom: 20px;
}
	.cae-details-excerpt-sec .row {
    padding-bottom: 30px;
}
}
.job-black-sec .middle-bx {
    position: unset;
    transform: none;
}
.brand-stategy-black.job-black-sec {
    height: 100%;
}
.brand-stategy-black.job-black-sec:after {
    z-index: -1;
}
.job-black-sec .gform_wrapper.gravity-theme .gfield_label {
    color: #fff;
}
.job-black-sec .gform_fileupload_rules {
    color: #fff;
}
/********23 jun23*********/
.page-id-821 .client-logo {
    padding-bottom: 30px;
}
.page-id-821 .dedicated-team-expert {
    padding-top: 0px;
    margin-top: -50px;
    padding-bottom: 15px;
}
.client-testimonials {
    padding-bottom: 60px;
}
.page-id-316 .client-logo.video-branding-logo {
    display: none;
}
@media (min-width:992px)
{
	.page-id-316 .team-member-area.black-bg-color {
    padding-top: 80px;
}
	.web-choose-box {
    min-height: 610px;
}
}
.page-id-349 .brand-king-sec .middle-block-img {
    margin-top: 0px;
}
.page-id-349 .three-box-king {
    padding-bottom: 40px;
}
section.dedicated-team-brand.digital-dedicate-team.icon-team-brands {
    padding-bottom: 0px;
}
.icon-team-brands.dedicated-team-brand:before {
    opacity: 0%;
}
strong.font-light {
    font-weight: 500;
    color: #FF6126;
}
.page-id-358 .client-logo {
    padding-bottom: 20px;
}
.brand-blurb-grids {
    min-height: 230px;
}

@media (max-width:767px)
{
	section.two-column-block {
    padding-top: 0px;
}
	.page-id-340 .client-logo {
    padding-bottom: 20px;
    padding-top: 20px;
}
		.page-id-341 .client-logo {
    padding-bottom: 20px;
    padding-top: 20px;
}
	
		.page-id-345 .client-logo {
    padding-bottom: 20px;
    padding-top: 20px;
}
	.case-studies--details .read-more-btn {
    margin-bottom: 50px!important;
}
	.about-digital-gredient.mesh-gredient-video {
    padding-bottom: 50px;
}
	.video-production-brand {
    margin-top: 0px;
}
	.menu--socials {
    position: relative;
}
	.case--detsils-row .read-more-btn.mb-0 {
    margin-bottom: 40px!important;
    margin-top: 30px!important;
}
	section.cae-details-excerpt-sec {
    padding-bottom: 20px;
}
	.banner-title img {
    margin-bottom: 15px;
}
}


/* #cssvmenu ul li a {
    display: inline-block;
}
#cssvmenu ul > li {
	 width: fit-content;
} */

#cssvmenu ul > li.child-sub:hover:before {
    content: '';
    position: absolute;
    top: 0;
    right: -16px;
    width: 50%;
    height: 100vh;
    z-index: 1;
}
#cssvmenu ul > li:nth-child(2) ul.sub-menu > li.child-sub:nth-child(2):hover:before
{
	content:none;
}
#cssvmenu ul > li:nth-child(2) ul.sub-menu > li.child-sub:nth-child(4):hover:before
{
	content:none;
}
#cssvmenu ul > li:nth-child(2) ul.sub-menu > li.child-sub:nth-child(5):hover:before
{
	content:none;
}
#cssvmenu ul > li:nth-child(2) ul.sub-menu > li.child-sub:nth-child(1) > .sub-menu > li.child-sub:last-child:hover:before
{
	content:none;
}

@media (min-width:768px)
{
.page-id-347 .brand-stategy-black {
    position: relative;
        min-height: 650px;
}
	.page-id-348 .brand-stategy-black {
    position: relative;
    min-height: 625px;
}
	.page-id-349 .brand-blurb-grids {
    min-height: 260px;
}
	.page-id-349 .brand-stategy-black {
    min-height: 805px;
}
	.page-id-352 .brand-stategy-black {
    min-height: 690px;
}
	.page-id-354 .brand-stategy-black {
    position: relative;
    min-height: 700px;
}
}
.brand-blurb-grids {
    font-size: 14px;
}
.about-speak-bx ul li {
    font-size: 13px;
    margin-bottom: 5px;
}
.about-speak-bx p {
    margin-bottom: 5px;
}
.about-speak-bx ul {
    padding-left: 15px;
}
.about-speak-bx h5 {
    width: 100%;
}
 section.about-digital-gredient:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 21%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: cover;
    background-position: center bottom;
}
.dedicated-team-brand:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 21%;
    z-index: -1;
    background: url(../img/digital-mesh-gradient-bg2.png);
    background-size: cover;
    background-position: center bottom;
}
.dedicated-team-brand:before{
	content:none;
}
.page-id-346 section.dedicated-team-brand.digital-dedicate-team.icon-team-brands:after {
    content: none;
}
.page-id-346 section.dedicated-team-brand.digital-dedicate-team:after {
    background-size: 100% 100%;
}
.digital-journey .about-box p {
    margin-bottom: 5px;
}


ul.tagline li {
    font-family: 'Poppins', sans-serif;
    color: #000!important;
    font-weight: 400;
}


/*********Css 10 july 23*******/
@media (max-width:767px)
{
	.about-box {
    padding-top: 40px;
}
	.case-studies-box .box h5 {
    font-size: 14px;
}
	.case-studies-box .box p {
    font-size: 10px;
}
	.case-studies-box .box {
    padding: 25px 0px!important;
}
		.slide-digital .swiper-button-prev {
    background: #fff;
			width:25px;
			height:25px;
			border-radius:50px;
/*     padding: 20px; */
}
		.slide-digital .swiper-button-next {
    background: #fff;
				width:25px;
			height:25px;
			border-radius:50px;
/*     padding: 20px; */
}
	.slide-digital .swiper-button-prev:after {
    content: url(/wp-content/uploads/2023/07/img-left-ico.png);
/*     filter: brightness(0) invert(1); */
/*     transform: rotate(271deg); */
}
	.slide-digital .swiper-button-next:after {
    content: url(/wp-content/uploads/2023/07/img-right-ico.png);
/*     filter: brightness(0) invert(1); */
/*     transform: rotate(271deg); */
}
	
	.cl-testimonial-slider .col-lg-4.col-md-4 img {
    width: 180px;
}
	div#luxy {
    position: unset!important;
    top: 0px!important;
    transform: perspective(10px)!important;
    overflow: hidden;
}
	 .aos-animate {
     transform:none !important;
    }
	 .aos-animate {

    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;

    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
		     opacity: 1!important;
		 transition-duration: unset!important;
		  transition-delay: unset!important;
  }
	.aos-init {
    transition-property: none;
		-o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;

    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
		  opacity: 1 !important;
      transform:none !important;
		transition-duration: unset!important;
		    transition-delay: unset!important;
}
	.person-title-left h4 {
    font-size: 18px;
}
	.person-title-left {
    left: -10px;
}
	.wrapv {
    right: -6px;
    font-size: 14px;
}
	.black-perth-branding .industry-brand-team .about-box {
    padding-top: 0px;
}
	.industry-brand-team .about-box {
    padding-right: 0px;
    padding-top: 0px;
    margin-top: 0px!important;
}
	
	.black-perth-branding .perth-btn-row {
    margin-top: 35px;
}
	.perth-btn-row a {
    display: inline-block;
}
	.btn-orange-border {
    font-size: 14px;
}
	.brand-stategy-black {
    height: auto!important;
    min-height: auto;
}
	.team-three-grids:before {
    content: none!important;
}
	.leaderhip-team .leadership-bg-gredient:after {
    height: 100%;
}
	.member-grids {
    padding:0px 30px 30px;
    margin-bottom: 60px;
		    background-image: linear-gradient(180deg,#ffffff00 45%,#ff6126 45%)!important;
}
	.profile-role {
    color: #fff;
}
	.profile-name {
    color: #fff;
}
	.digital-dedicate-team .about-box .read-more-btn {
    margin-bottom: 0px!important;
}
	.page-id-346 section.brand-case-studies {
    padding-bottom: 0px;
}
	.brand-blurb-grids br {
    display: none;
}
	.box-process {
    min-height: 255px!important;
}
	.page-id-359 .client-logo {
    padding-bottom: 20px!important;
    padding-top: 20px!important;
}
	.industry-brand-team .col-md-6.col-lg-6.pr-0 img {
    margin-top: 35px;
}
}
@media (max-width:500px)
{
		.page-id-348 .brand-blurb-grids {
    min-height: 330px!important;
}
	.page-id-349 .brand-blurb-grids {
    min-height: 325px!important;
}
	.page-id-350 .brand-blurb-grids {
    min-height: 330px!important;
}
	.page-id-351 .brand-blurb-grids {
    min-height: 340px!important;
}
	.page-id-352 .brand-blurb-grids {
    min-height: 320px!important;
}
	.page-id-356 .box-process {
    min-height: 340px!important;
}
	.page-id-356 .brand-blurb-grids {
    min-height: 320px!important;
}
}
@media (min-width:768px)
{
	.slide-digital .swiper-button-prev {
		display:none;
}
	.slide-digital .swiper-button-next{
		display:none;
}
}
.member-grids .social-ico {
    display: none;
}
.content-details.fadeIn-bottom {
    display: none;
}
.content-team .content-overlay {
    opacity: 0!important;
}
.three-box-king .blurbs h4 span {
    width: 72%;
}


nav.nav.offcanvas-nav ul li li a.menu-toggle.rotate {
    top: 7px;
}
.sidebar-nav ul.sub-menu li .menu-toggle {
    top: 9px;
}

@media (max-width:767px)
{
	.case-studies-box .box {
    margin-bottom: 0px!important;
}
	.digital-boxs-black .black-bx {
    min-height: auto;
    margin-bottom: 10px;
}
	.digital-boxs-black .num {
    margin-bottom: 0px;
}
	.digital-boxs-black .black-bx h4 {
    min-height: auto;
    font-size: 18px;
    margin-bottom: 15px;
}
	section.team-member-area.black-bg-color {
    padding-bottom: 0px;
}
	.digital-boxs-black .black-bx {
    padding: 20px;
}
	.about-speak-bx {
    background: #e0e0e0;
    padding:30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    max-width: 370px;
    margin: 0 auto;
    margin-bottom: 25px;
}
	.value-left .title-h3 {
    margin-bottom: 25px;
}
	.about-speak-bx h5 {
    font-size: 20px;
    font-weight: 600;
    float: left;
    width: 100%;
}
	.about-speak-bx h5 img {
    width: 125px;
    margin-left: 30px;
}
	.our-value-sec .col-md-4:nth-child(2) .about-speak-bx{
    background: #ffddd0;
}
	.page-id-821 .leadership-bg-gredient {
    padding-top: 30px;
}
	.mobile-show-team {
    display: block!important;
}
	.desktop-show-team
	{
		display:none;
	}
	section.video-gallery-light {
    padding-bottom: 60px;
}
}
.mobile-show-team {
    display: none;
}
@media (min-width:768px)
{
	.page-id-367 .post-grid .responsive-img-wrapper img {
    height: 100%!important;
}
}
@media (min-width:768px) and (max-width:992px)
{
	.post-grid .responsive-img-wrapper img {
    height: 100%!important;
    object-fit: cover;
    width: 100%;
}
}
	@media (min-width:980px)
	{
		.about-box {
    padding-left: 40px;
    padding-top: 40px;
}
	}


/************Profile image**********/
@media (max-width:767px)
{
	.member-grids img {
       margin-bottom: -15px;
    height: 300px;
    object-fit: cover;
}
	.member-grids {
    background-image: none!important;
}
	.team-grid-slide {
    position: relative;
}
	.profile-name {
    padding-top: 10px;
	}
	.profile-role {
    margin-bottom: 0px;
}
	.team-grid-slide:after {
    content: '';
    position: absolute;
    background: #ff6126;
    width: 100%;
    height: 88px;
    bottom: 71px;
}
}

@media (min-width:992px)
{
	.page-id-360 .box-process {
    min-height: 370px;
}
	.blog-box-area .blog-title {
    font-size: 18px;
    min-height: 60px;
}
}

@media (max-width:767px)
{
	.blog-box-area .blog-title {
    font-size: 18px;
}
	.page-id-360 .box-process {
    min-height: 450px!important;
}
	.circle-mobile-middle .circle-middle-bx {
    display: block;
    position: unset;
    margin: 0 auto;
    transform: none;
    width: 100%;
}
}
@media (min-width:768px)
{
	.circle-mobile-middle .circle-middle-bx {
    display: none;
	}
}
@media (max-width:370px)
{
		.page-id-360 .box-process {
    min-height: 500px!important;
}
}
@media (max-width:980px)
{
	.full-process-bar .col {
        flex-grow: unset;
    width: 50%!important;
    flex-basis: unset;
	  margin-bottom: 30px;	
}
	.full-process-bar .col.col1:nth-child(5) {
    width: 100%!important;
}
	.full-process-bar .col.col1:nth-child(5) .box-process
	{
		min-height:auto!important;
	}
}
.full-process-bar .nav-link {
    border: none;
    padding: 0px;
}
.full-process-bar .nav-tabs {
    border-bottom: none;
}

.full-process-bar .nav-link.active .box-process{
    background: #fed6c6;
}
.box-process h4 {
    color: #2A3033;
}

/**********Seo Process Bar css*********/
@media (max-width:341px)
{
	.full-process-bar .box-process {
    min-height: 390px!important;
    margin-bottom: 0px;
}
	.page-id-360 .full-process-bar .box-process {
    min-height: 565px!important;
}
}
@media (max-width: 500px) and (min-width:342px)
{
.full-process-bar .box-process {
    min-height: 385px!important;
    margin-bottom: 0px;
}
	.page-id-354 .full-process-bar .box-process {
    min-height: 350px!important;
    margin-bottom: 0px;
}
	.page-id-352 .full-process-bar .box-process {
    min-height: 300px!important;
    margin-bottom: 0px;
}
	.page-id-360 .full-process-bar .box-process {
    min-height: 550px!important;
}
}

/************Popup css********/
.career-pop-frm .modal-content {
    background: #fff;
    padding: 30px;
}
.career-pop-frm .modal-title {
    text-align: center!important;
    width: 100%;
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
}
.career-pop-frm .gform_wrapper.gravity-theme .career-form .gfield input, .career-pop-frm .gform_wrapper.gravity-theme .career-pop-frm .career-form .gfield textarea {
    border: 1px solid #000!important;
    color: #000;
}
.career-pop-frm .gform_wrapper.gravity-theme .gfield textarea.small {
    height: 80px;
    resize: none;
   border: 1px solid #000!important;
    color: #000;
}
.career-pop-frm textarea:focus-visible {
    outline: none!important;
}
.career-pop-frm .gform_wrapper.gravity-theme .gfield_label {
    font-size: 14px!important;
}
.career-pop-frm .gform_wrapper.gravity-theme .gform_fields
{
	    grid-row-gap: 9px!important;
}
.career-pop-frm .gform_wrapper.gravity-theme .gfield_header_item, .career-pop-frm .gform_wrapper.gravity-theme .gform_fileupload_rules, .career-pop-frm .gform_wrapper.gravity-theme .ginput_complex label {
    font-size: 14px!important;
    margin-top: 2px!important;
}
@media (max-width:767px)
{
.career-pop-frm.modal button.close 
	{
    right: -1px!important;
    top: -1px!important;
    font-size: 45px!important;
    padding: 0px 5px!important;
    background: #ff6126!important;
    height: 40px!important;
    color: #fff!important;
}
}
section.job-opening-black-sec
{
	position:relative;
}
section.job-opening-black-sec:after {
    content: '';
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    bottom: -80px;
    z-index: -1;
}
/*************Boxes Height*********/
@media (max-width:767px)
{
	.accordion .card-header .btn-link {
    min-height: auto;
}
}
@media (min-width:1200px)
{
	.recuritment-box {
    min-height: 560px;
}
	.carrer-speak-bx .about-speak-bx {
    min-height: 240px;
}
}
@media (min-width:992px) and (max-width:1199px)
{
.recuritment-box {
    min-height: 690px;
}	
	.carrer-speak-bx .about-speak-bx {
    min-height: 300px;
}
	.digital-boxs-black .black-bx {
    min-height: 625px;
}
	.box-process {
    min-height: 355px!important;
}
}
@media (min-width:768px) and (max-width:991px)
{
.recuritment-box {
    min-height: 860px;
}	
	.carrer-speak-bx .about-speak-bx {
    min-height: 370px;
}
	.digital-boxs-black .black-bx h4 {
    font-size: 15px;
}
	.accordion .card-header .btn-link {
    min-height: 130px;
}
	.accordion .card-header .btn-link {
    font-size: 15px;
}
	.cl-testimonial-slider .swiper-pagination {
    right: -120px!important;
}
	.three-box-king .blurbs h4 {
    font-size: 16px;
	}
	.industry-brand-team .about-box {
    padding-right: 10px;
}
}

/***********404 page css**********/
.error-banner {
    height: 60vh!important;
}
.error-banner.internal-banner .overlay
{
	 height: 60vh!important;
}
.error-banner .carousel-container h1 {
    padding-top: 0px;
}

.page-id-1290 .banner.internal-banner {
    height: 60vh!important;
}
.page-id-1290 .internal-banner .overlay {
    height: 60vh!important;
}
.page-id-1290 .our-value-sec {
    text-align: center;
}
.page-id-1290 .carousel-container h1 {
    padding-top: 0px;
}

.team-section .middle h3 a {
    display: none;
}
section.team-section .middle h3 span {
    display: none;
}

.page-id-365 .client-logo, .page-id-365 .client-logo {
    padding-top: 20px;
    padding-bottom: 20px;
}
.page-id-366 .client-logo, .page-id-365 .client-logo {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (min-width:992px)
{
	.page-id-352 .three-box-king .blurbs {
    min-height: 390px;
    margin-bottom: 0px;
}
	.page-id-352 .accordion .card-header .btn-link {
    min-height: 120px;
}
}
/********** I Pad responsive css***********/
@media (min-width: 768px) and (max-width: 991px) 
	{
		.video-thumb .title-block {
    top: 35%;
}
		.internal-banner.height-full {
    height: 70vh!important;
}
		.internal-banner.height-full .overlay {
    height: 70vh!important;
}
	.banner {
    height: 70vh!important;
}	
		.banner .bg-video-wrap
		{
		height: 70vh!important;	
		}
		.banner video {
    height: 70vh!important;
}
		.banner .overlay {
    height: 70vh!important;
}		
		.digital-journey .col-md-6.col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
			-ms-flex: 0 0 100%;
}
		.digital-journey .swap-cols {
    display: flex;
    flex-direction: column-reverse;
}
		.about-box {
    max-width: 100%;
}
		.about-box {
    padding-top: 40px;
}
		.logo-digital-sec {
    margin-bottom: 30px;
}
		.digital-journey .col-md-6.col-lg-6.pl-0 {
    padding-right: 0px;
}
		.case-studies-sec .full-w .col-md-6 {
    flex: 0 0 80%;
    max-width: 80%;
			-ms-flex: 0 0 80%;
}
		.slides-1 {
    height: 560px;
}
		.blog-grids-three img {
    height: 25vh;
}
		.speak-box > div img {
    width: 65px;
}
		.top-footer .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
			-ms-flex: 0 0 50%;
}
		.float-right-show {
    padding-right: 0px;
}
		#footer .bg-black .col-md-6.col-lg-6 {
    flex: 0 0 70%;
    max-width: 70%;
			-ms-flex: 0 0 70%;
}
			#footer .bg-black .col-md-6.col-lg-6 {
    flex: 0 0 70%;
    max-width: 70%;
				-ms-flex: 0 0 70%;
}
		#footer .bg-black .col-md-6.col-lg-6.float-right-show {
    flex: 0 0 30%;
    max-width: 30%;
			-ms-flex: 0 0 30%;
}
		.team-member-area .digital-boxs-black .col-lg-3.col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
			-ms-flex: 0 0 50%;
}
		.case-studies-box .box p {
    font-size: 11px;
}
		.btn-orange-border {
    font-size: 14px;
}
		.left-block .blurbs ul.mb-0 {
    padding-left: 0px;
}
		.right-block .blurbs {
    padding-left: 0px;
}
		.left-block .blurbs {
    padding-right: 0px;
}
		.header-toggle-menuon .offcanvas {
    top: 135px!important;
}
		.brand-blurb-grids {
    min-height: 245px;
}
		.page-id-346 .brand-king-sec .left-block {
    min-height: 1000px;
}
		.page-id-346 .brand-king-sec .right-block {
   min-height: 1000px;
}
		.page-id-345 .accordion .card-header .btn-link {
    min-height: 126px;
}
		.brand-blurb-grids br {
    display: none;
}
		.page-id-347 .brand-blurb-grids {
    min-height: 295px;
}
		.page-id-347 .brand-stategy-black {
    position: relative;
    min-height: 830px;
}
		.page-id-348 .brand-blurb-grids {
    min-height: 310px;
}
		.page-id-348 .brand-stategy-black {
    position: relative;
    min-height: 855px;
}
.page-id-348 .brand-king-sec .right-block {
   min-height: 1000px;
}
.page-id-348 .brand-king-sec .left-block {
    min-height: 1000px;
}
	.page-id-349 .brand-blurb-grids {
    min-height: 340px;
}	
		.page-id-349 .brand-stategy-black {
    min-height: 1090px;
}
		.page-id-350 .brand-blurb-grids {
    min-height: 308px;
}
		.page-id-350 .brand-stategy-black {
    min-height: 930px;
}
		.page-id-350 .brand-king-sec .right-block {
   min-height: 1000px;
}
.page-id-350 .brand-king-sec .left-block {
    min-height: 1000px;
}
		.page-id-351 .brand-blurb-grids {
    min-height: 330px;
}
		.page-id-351 .brand-stategy-black {
    min-height: 940px;
}
		.page-id-353 .brand-stategy-black {
    min-height: 765px;
}
		.page-id-352 .brand-blurb-grids {
    min-height: 310px;
}
	.page-id-352 .brand-stategy-black {
    min-height: 960px;
}	
				.page-id-352 .brand-king-sec .right-block {
   min-height: 1050px;
}
.page-id-352 .brand-king-sec .left-block {
    min-height: 1050px;
}
		.page-id-354 .brand-blurb-grids {
    min-height: 310px;
}
		.page-id-354 .brand-stategy-black {
    position: relative;
    min-height: 900px;
}
		.page-id-355 .brand-blurb-grids {
    min-height: 420px;
}
		.page-id-355 .brand-stategy-black {
    min-height: 1175px;
}
		.page-id-356 .brand-blurb-grids {
    min-height: 310px;
}
		.page-id-356 .brand-stategy-black {
    min-height: 900px;
}
		.page-id-356  .accordion .card-header .btn-link {
    min-height: 135px;
}
		.page-id-357 .accordion .card-header .btn-link {
    min-height: 125px;
}
		.page-id-359 .accordion .card-header .btn-link {
    min-height: 130px;
}
		.page-id-360 .brand-blurb-grids {
    min-height: 270px;
}
		.page-id-360 .brand-stategy-black {
    min-height: 780px;
}
		.growth-box {
    min-height: 240px;
}
			.page-id-344 .brand-king-sec .right-block {
   min-height: 770px;
}
.page-id-344 .brand-king-sec .left-block {
       min-height: 770px;
}
		.page-id-347 .brand-king-sec .left-block {
    min-height: 1000px;
}
	.page-id-347 .brand-king-sec .right-block {
    min-height: 1000px;
}
   }



@media (min-width: 992px) and (max-width: 1024px)
{
	.page-id-352 .accordion .card-header .btn-link {
    min-height: 156px;
}
		.page-id-347 .brand-king-sec .left-block {
    min-height: 800px;
}
	.page-id-347 .brand-king-sec .right-block {
    min-height: 800px;
}
	.cl-testimonial-slider .swiper-pagination {
    right: -100px!important;
}
	.team-three-grids:before {
    bottom: 88px!important;
}
	.page-id-344 .brand-king-sec .left-block {
    min-height: 770px;
}
	.page-id-344 .brand-king-sec .right-block {
    min-height: 770px;
}
	.page-id-352 .brand-blurb-grids {
    min-height: 275px;
}
	.page-id-352 .brand-stategy-black {
    min-height: 810px;
}
	.page-id-354 .brand-blurb-grids {
    min-height: 254px;
}
	.page-id-356 .brand-blurb-grids {
    min-height: 270px;
}
}
.page-id-27 .pp-multiple-authors-boxes-wrapper {
	display:none;
}
li.sitemap-item a {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    padding-top: 7px;
    width: 100%!important;
    display: block;
}

ul.social-links.menu--socials {
    position: unset;
}

/**************Video css************/
video.embed-responsive-item {
    max-width: 100%;
}
/* .col-md-12.video-thumbnails {
    display: none;
} */

@media (max-width: 500px) and (min-width: 342px)
{
.page-id-347 .full-process-bar .box-process {
    min-height: 425px!important;
    margin-bottom: 0px;
}
}

@media (max-width:767px)
{
	section.visit-us-form-sec.contact-bg .row {
    display: flex;
    flex-direction: column-reverse;
}
	section.visit-us-form-sec.contact-bg .form-box {
    margin-bottom: 45px;
}
	section.visit-us-form-sec.contact-bg {
    padding-top: 40px;
    padding-bottom: 40px;
}
	.row.video-top-space .video-thumb.col-md-4.col-6:last-child {
    margin: 0 auto;
}
	.page-id-358 section.timeline-sec {
    padding-top: 40px;
}
	.client-logo .swiper-wrapper{
    max-height: 80px;
}
}
.video-thumbnails .title-block .description {
    margin-top: 7px;
}
.video-thumbnails .video-thumb .name {
    display: none;
}

@media (max-width:420px)
{
	
.ginput_recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
}

@media (min-width:768px)
{
	.client-logo .swiper-wrapper {
    max-height: 100px;
}
}
.category .banner.internal-banner {
    background: url(/wp-content/uploads/2023/07/DSC07328-scaled.jpg)!important;
}
.category .banner.internal-banner {
    background: url(/wp-content/uploads/2023/07/DSC07328-scaled.jpg)!important;
    height: 60vh!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
}
.category .banner.internal-banner .overlay {
    height: 60vh!important;
}
.category h2 span,  .category h3 span{
    font-weight: 600!important;
    font-size: 25px;
}
.category h2,  .category h3{
    font-weight: 600!important;
    font-size: 25px;
}
.page-id-364 .client-logo {
    padding-top: 20px;
    padding-bottom: 20px;
}
.menu-address.sec-address {
    right: 210px;
    bottom: 57px;
}
.logo-item img {
    width: 200px;
	object-fit:contain;
}


.video-gallery .swiper-button-prev:after {
    content: url(/wp-content/uploads/2023/12/arrow-right-white-s.png);
		position: relative;
   top: -6px;
    width: 45px;
    height: 45px;
    left: 10px
}
.video-gallery .swiper-button-next:after {
    content: url(/wp-content/uploads/2023/12/arrow-left-white-s1.png);
		position: relative;
   top: -6px;
    width: 45px;
    height: 45px;
    left: 10px;
}
.video-gallery .swiper-button-prev {
    left: 0px;
    background:#0000008c;
    width: 45px;
    height: 45px;
}
.video-gallery .swiper-button-next {
    right: 0px;
    background:#0000008c;
    width: 45px;
    height: 45px;
}
.video-thumbnails {
    padding: 0px;
}
@media (max-width:767px)
{
.video-gallery .swiper-button-prev {
    left: 0;
    width: 30px;
    height: 30px;
}	
.video-gallery .swiper-button-prev:after {
    top: -12px;
    width: 20px;
    height: 20px;
    left: -4px;
    transform: scale(.7);
}
	.video-gallery .swiper-button-next {
    right: 0;
    width: 30px;
    height: 30px;
}	
.video-gallery .swiper-button-next:after {
    top: -12px;
    width: 20px;
    height: 20px;
       left: -2px;
    transform: scale(.7);
}
}
@media (min-width:768px) and (max-width:992px)
{
.video-gallery .swiper-button-prev {
    left: 0;
    width: 30px;
    height: 30px;
	top: 40%;
}	
.video-gallery .swiper-button-prev:after {
    top: -12px;
    width: 20px;
    height: 20px;
    left: -4px;
    transform: scale(.7);
}
	.video-gallery .swiper-button-next {
    right: 0;
    width: 30px;
    height: 30px;
	top: 40%;
}	
.video-gallery .swiper-button-next:after {
    top: -12px;
    width: 20px;
    height: 20px;
       left: -2px;
    transform: scale(.7);
}	
}
.page-id-358 .banner .bg-video-wrap {
    background: url(/wp-content/uploads/2023/12/video-production-bg.jpg);
}