/*-----------------------------------------------------
#------ MENU SIDEBAR HEADINGS ------------------------
----------------------------------------------------*/
.menu-sidebar-heading {
    position: relative;
    font-size: 45px;
    color: #fff;
    line-height: 45px;
    padding-left: 0px;
    padding-top: 20px;
    z-index: 2;
}
.menu-sidebar-heading:before{
    -webkit-text-stroke-width: .3px;
    -webkit-text-stroke-color: #fff;
    color: transparent;
    font-size: 45px;
    position: absolute;
    top: 0px;
    left: 0;
    max-width: 320px;
    z-index: 1;
}

.menu-sub-heading {
    position: relative;
    font-size: 32px;
    color: #fff;
    line-height: 32px;
    padding-top: 15px;
    z-index: 2;
    font-weight: 500;
}
.menu-sub-heading:before{
    -webkit-text-stroke-width: .3px;
    -webkit-text-stroke-color: #fff;
    color: transparent;
    font-size: 45px;
    position: absolute;
    top: 0px;
    left: 0;
    max-width: 320px;
    z-index: 1;
}
.home-sidebar .menu-sidebar-heading:before{
    content: 'Our successful Brand stories';
}
.who-we-are.menu-sub-heading:before {
    -webkit-text-stroke-width: .3px;
    -webkit-text-stroke-color: #fff;
    color: transparent;
    font-size: 45px;
    position: absolute;
    top: 0px;
    left: 0;
    opacity: .5;
}
.who-we-are.menu-sub-heading:before{
    content: 'MORE IMPACT';
}
.our-team.menu-sub-heading:before{
    content: 'MORE IMPACT';
}
.awards.menu-sub-heading:before{
    content: 'MORE IMPACT';
}
.privacy.menu-sub-heading:before{
    content: 'MORE IMPACT';
}
.menu-sidebar-para{
    font-size: 14px;
    color: #fff;
}
.right-desc-link {
    display: block;
    max-width: 300px;
    float: right;
}
.right-desc-link  h5{
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 5px;
}
.right-desc-link p{
    font-size: 12px;
    line-height: 14px;
    color: #fff;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.menu-sidebar-link {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    margin-top: 15px;
	
}


.menu-sidebar-link > span {
  position: relative;
}
.menu-sidebar-link > span span.link-text {
  opacity: 1;
  margin-left: 8px;
}
.menu-sidebar-link > span:before {
  opacity: 0;
  transition: all 0.2s ease-out;
  width: 116px;
  height: 8px;
  background: url(/wp-content/themes/ontold/images/arrow-right-accent.svg) center center no-repeat;
  background-size: contain;
  content: '';
  left: 0;
  top: 50%;
  margin-top: -4px;
  position: absolute;
}
.menu-sidebar-link:hover, .menu-sidebar-link:focus{
    color: #D12829;
}
.menu-sidebar-link:hover > span:before {
  opacity: 1;
  margin-left: 0;
  transition: all 0.4s ease-out;
}
.menu-sidebar-image {
    position: relative;
    overflow: hidden;
	width:100%;
	height:286px;
/* 	height:auto; */
		
}
.menu-sidebar-image:before {
    content: '';
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    left: 0;
}
.menu-img-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding-left: 30px;
}
.menu-img-caption h5{
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: #fff;
}
.menu-img-caption p{
    font-size: 14px;
    line-height: 16px;
    color: #fff;
}
.menu-sidebar{
    opacity: 0;
    height: 0;
    visibility: hidden;
}
.menu-sidebar.active-sidebar{
    opacity: 1;
    height: auto;
    visibility: visible;
    transition: opacity 2s ease-in-out;
}
/* contact us */
.contact-sidebar menu-sidebar{
	opacity: 1;	
    height: auto;
    visibility: visible;
    transition: opacity 2s ease-in-out;
}
.ctontact-sidaebr-image{
    max-width: 70%;
    height: auto;
    margin-left: 190px;
}
/* end */
.para-two{
  font-size: 14px;
  margin-bottom: 10px;
}
.para-three{
  font-size: 12px;
  font-weight: 300;
}
.menu-sidebar .tablink {
    font-size: 18px;
    color: #fff;
    background: transparent;
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    font-family: 'Roboto';
}
.menu-sidebar .tablink.active, .menu-sidebar .tablink:hover , .menu-item.active a , .menu-tem a:hover{
    color: #fff !important;
    font-weight: 600;
}
.about-sidebar{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.tab-left{
    width: 190px;
    display: flex;
    flex-wrap: wrap;
    align-self: center;
}
.tabright{
    width: calc(100% - 190px);
    padding-left: 30px;
    display: none;
    animation: fadeEffect 1s;
}
.aside-header {
    width: 190px;
    display: block;
    height: 5px;
}
.right-section-header{
    width: calc(100% - 10px);
    padding-left: 30px;
    animation: fadeEffect 1s;
}

/* Go from zero to full opacity */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.object-fit-cover{
    height: 100%;
    object-fit: cover;
}
.text-white{
    color: #fff;
}
.team-wrapper{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
	gap: 7px;
}
.team-wrapper .team-list {
    width: calc(16.6% - 15px);
    margin-bottom: 15px;
}
.team-list img{
	width:100%;
	max-height:130px;
}
.team-desc h5, .award-desc h5 {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    color: #fff;
}
.team-desc p , .award-desc p{
    font-size: 10px;
    line-height: 12px;
    color: #fff;
}

/*---------------------------------------------------------
# AWARD HEADER ----------------------------------------
-------------------------------------------------------*/
.award_space{
	margin:20px 0px;
}
.awards-wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.awards-wrapper .award-list {
    width: calc(25% - 15px);
    margin-bottom: 15px;
}
.award-thumb{
    position: relative;
}
.award-thumb img{
/* 	width:172px; */ 
	max-height:80px;
}
.text-right{
    text-align: right;
}


/*--------------------------------------------------------------
# -------------- SERVICES SIDEBAR -----------------------------
--------------------------------------------------------------*/
.services-sidebar{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#digitalMarketing .menu-sub-heading:before{
    content: 'Our successful Brand stories';
}
#PR .menu-sub-heading:before{
    content: 'Our successful Brand stories';
}
#Design .menu-sub-heading:before{
    content: 'Our successful Brand stories';
}
#Video .menu-sub-heading:before{
    content: 'Our successful Brand stories';
}
#UT .menu-sub-heading:before{
    content: 'Our successful Brand stories';
}
#PublicAffair .menu-sub-heading:before{
    content: 'Our successful Brand stories';
}

/*--------------------------------------------------------------
# -------------- SHOWCASE SIDEBAR -----------------------------
--------------------------------------------------------------*/
.showcase-sidebar{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#caseStudies .menu-sub-heading:before{
    content: 'MORE IMPACT';
}
#clientTestimonials .menu-sub-heading:before{
    content: 'MORE IMPACT';
}

.clients-wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.clients-wrapper .clients-list {
    width: calc(16.66% - 15px);
    margin-bottom: 15px;
}

.case-study-wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.case-study-wrapper .case-study-list {
    width: calc(25% - 15px);
    margin-bottom: 15px;
}
.case-study-thumb img {
    height: 150px;
    width: 100%;
    object-fit: cover;
}
.blur_div {
    background: rgba(0,0,0,.3);
    background-image: none !important;
}





/*--------------------------------------------------------------
# -------------- CARE SIDEBAR -----------------------------
--------------------------------------------------------------*/
/* .care-sidebar{
    display: flex;
    justify-content: space-between;
    width: 100%;
} */

#caseStudies .menu-sub-heading:before{
    content: 'MORE IMPACT';
}
#clientTestimonials .menu-sub-heading:before{
    content: 'MORE IMPACT';
}

.clients-wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.clients-wrapper .clients-list {
    width: calc(16.66% - 15px);
    margin-bottom: 15px;
}

.case-study-wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.case-study-wrapper .case-study-list {
    width: calc(25% - 15px);
    margin-bottom: 15px;
}
.case-study-thumb img {
    height: 150px;
    width: 100%;
    object-fit: cover;
}
.blur_div {
    background: rgba(0,0,0,.3);
    background-image: none !important;
}

/*--------------------------------------------------------------
# -------------- insights main SIDEBAR -----------------------------
--------------------------------------------------------------*/

#Insights .menu-sub-heading:before{
    content: 'MORE IMPACT';
}

#gst .menu-sub-heading:before{
    content: 'MORE IMPACT';
}


/*--------------------------------------------------------------
# -------------- Insights main SIDEBAR -----------------------------
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# -------------- ESG SIDEBAR -----------------------------
--------------------------------------------------------------*/

#esg-sidebar .menu-sidebar-heading:before{
    content: 'Our successful Brand stories';
}






/*--------------------------------------------------------------
# -------------- care SIDEBAR -----------------------------
--------------------------------------------------------------*/

#care-sidebar .menu-sidebar-heading:before{
    content: 'Our successful Brand stories';
}

/*--------------------------------------------------------------
# -------------- INSIGHT SIDEBAR -----------------------------
--------------------------------------------------------------*/


#insights-sidebar .menu-sidebar-heading:before{
    content: 'BUISNESS SOLUTIONS';
}


#blog-sidebar .menu-sidebar-heading:before{
    content: 'KAIZZEN BLOGS';
}



.right-desc-link a {
    color: #fff;
    margin-bottom: 15px;
    font-size: 12px;
}
.align-self-center {
    align-self: center;
}

.krow {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.krow > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.kcol {
  flex: 1 0 0%;
}

.krow-kcols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.krow-kcols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.krow-kcols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.krow-kcols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.krow-kcols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.krow-kcols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.krow-kcols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.kcol-auto {
  flex: 0 0 auto;
  width: auto;
}

.kcol-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.kcol-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.kcol-3 {
  flex: 0 0 auto;
  width: 25%;
}

.kcol-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.kcol-5 {
  flex: 0 0 auto;
  width: 50%;
}

.kcol-6 {
  flex: 0 0 auto;
  width: 50%;
}

.kcol-7 {
  flex: 0 0 auto;
  width: 50%;
}

.kcol-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.kcol-9 {
  flex: 0 0 auto;
  width: 75%;
}

.kcol-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.kcol-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.kcol-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .kcol-sm {
    flex: 1 0 0%;
  }

  .krow-kcols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .krow-kcols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .krow-kcols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .krow-kcols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .krow-kcols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .krow-kcols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .krow-kcols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .kcol-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .kcol-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .kcol-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .kcol-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .kcol-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .kcol-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .kcol-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .kcol-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .kcol-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .kcol-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .kcol-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .kcol-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .kcol-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .kcol-md {
    flex: 1 0 0%;
  }

  .krow-kcols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .krow-kcols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .krow-kcols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .krow-kcols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .krow-kcols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .krow-kcols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .krow-kcols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .kcol-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .kcol-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .kcol-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .kcol-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .kcol-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .kcol-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .kcol-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .kcol-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .kcol-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .kcol-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .kcol-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .kcol-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .kcol-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .kcol-lg {
    flex: 1 0 0%;
  }

  .krow-kcols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .krow-kcols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .krow-kcols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .krow-kcols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .krow-kcols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .krow-kcols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .krow-kcols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .kcol-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .kcol-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .kcol-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .kcol-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .kcol-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .kcol-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .kcol-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .kcol-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .kcol-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .kcol-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .kcol-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .kcol-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .kcol-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .kcol-xl {
    flex: 1 0 0%;
  }

  .krow-kcols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .krow-kcols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .krow-kcols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .krow-kcols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .krow-kcols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .krow-kcols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .krow-kcols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .kcol-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .kcol-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .kcol-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .kcol-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .kcol-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .kcol-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .kcol-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .kcol-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .kcol-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .kcol-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .kcol-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .kcol-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .kcol-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .kcol-xxl {
    flex: 1 0 0%;
  }

  .krow-kcols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .krow-kcols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .krow-kcols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .krow-kcols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .krow-kcols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .krow-kcols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .krow-kcols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .kcol-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .kcol-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .kcol-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .kcol-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .kcol-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .kcol-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .kcol-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .kcol-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .kcol-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .kcol-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .kcol-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .kcol-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .kcol-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}


.mt-5{
  margin-top:  50px;
}
.mt-md-5{
  margin-bottom:  50px;
}

.mb-5{
  margin-top:  50px;
}
.mb-md-5{
  margin-bottom:  50px;
}

@media(max-width: 1023px){
  .menu .left{
    display: none;
  }
}

@media (min-width: 1024px) {
  .menu .left{
    display: flex;
  }
  .mt-lg-2{
    margin-top:  20px;
  }
  .mb-lg-2{
    margin-bottom:  20px;
  }

  .mt-lg-3{
    margin-top:  30px;
  }
  .mb-lg-3{
    margin-bottom:  30px;
  }

  .mt-lg-4{
    margin-top:  40px;
  }
  .mb-lg-4{
    margin-bottom:  40px;
  }

  .mt-lg-5{
    margin-top:  50px;
  }
  .mb-lg-5{
    margin-bottom:  50px;
  }

.menu-item > a {
  position: relative;
}

/* .menu-item > a:before {
  opacity: 0;
  transition: all 0.2s ease-out;
  width: 116px;
  height: 8px;
  background: url(/wp-content/themes/ontold/images/arrow-right-accent.svg) center center no-repeat;
  background-size: contain;
  content: '';
  left: 0;
  top: 50%;
  margin-top: -4px;
  position: absolute;
} */
.menu-item a:hover, .menu-item a:focus{
    color: #D12829;
}
.menu-item a:hover::before {
    opacity: 1;
    transition: all 0.4s ease-out;
}

.menu-item.current > a:before{
  opacity: 1;
  margin-left: 40px;
}
}


@media only screen and (min-device-width: 960px) and (max-device-width: 1160px) {
      .menu .right{
        width: 170px;
      }
      .menu .left {
        width: calc(100% - 170px);
      }
      .menu .right ul li a{
        font-size: 18px;
      }
      .menu-item.active > a:before {
        margin-left: 20px;
      }
      .aside-header {
        width: 170px;
      }
      .right-section-header {
        width: calc(100% - 170px);
        padding-left: 30px;
      }
      .tab-left{
        width: 170px;
      }
      .tabright {
        width: calc(100% - 170px);
      }
      .menu-sidebar .tablink {
        font-size: 16px;
      }
      
}

@media only screen and (min-device-width: 1161px) and (max-device-width: 1280px) {
      
}

@media only screen and (min-device-width: 1281px) and (max-device-width: 1366px){
      
}


@media screen and (max-width:1280px){
      
	.vc_gitem_row {
    min-height: 455px;
}
	
}

@media screen and (max-width:1024px){
	.vc_gitem_row{
		max-height:518px;
		margin-bottom:8px !important;
	}
	
}




/* Responsive new class for whole website */

@media (max-width:1040px){
	.about-section .team-responsive .item{
		width:25% !important;
	}
	.about-section .team-responsive .item .socials-user{
	height: 34px;
    bottom: 15px;
    width: auto;
    left: 0;
	}
	.about-section .team-responsive .item .item_img{
		margin:auto !important;
	}
	.about-section .team-responsive .item .item_name{
		padding:0;
		font-size:13px;
	}
	.about-section .team-responsive .item .item_position{
		padding:0;
		font-size:11px;
		line-height:16px;
	}
}

@media (max-width:930px){
	.only-mobile{
	display:block;
}
	.only-desk{
		display:none;
	}
	
	.team-for-mobile{
	display:block !important;
}
	.team-for-desk{
		display:none;
	}

}




@media (max-width:1280px){
	.du-contact-container{
	height:230px;	
	}
}



/* @media only screen and (min-width: 768px){
	.center-du-para2 p{
		font-size:15px;
		line-height:20px;
	}
} */
/* @media (max-width:1440px){
	.du-banner-cnt {
    margin-left: 8px;
}
} */

@media only screen and (min-width: 992px) {
	.du-banner-cnt {
    margin-left: 30px !important;
}
}
@media only screen and (min-width: 1200px) {
	.du-banner-cnt {
    margin-left: 30px;
}
}













@media (max-width:768px){
	
   .about-section .responsive-title-mobile {
	font-size:30px !important;
	margin-bottom:10px !important
}
	#head-container-about .Responsive-heading-one{
		font-size:17px !important;
		line-height:25px !important;
		padding-bottom:12px !important
	}	
	#head-container-about .responsive-POTW p{
		font-size:15px !important;
		line-height:20px !important;
	}
	.about-section .responsive-para1 p{
		font-size:15px !important;
		line-height:25px !important;
        padding-right:15px !important;
	}
	.about-section.team-responsive{
		
	}
	.about-section .team-responsive .item{
		width:100% !important;
	}
	.about-section .team-responsive .item .item_img{
		margin-bottom:51px !important;
	}
	.about-section .team-responsive .item .socials-user{
	height: 34px;
    bottom: 0;
    width: auto;
    left: 0;
	top:0;
	border-radius:0px !important;
	}
	#testimonial_slider .testimonial-title{
		margin:5px 0px !important;
		padding-left:12px !important;
	}
	#testimonial_slider .testimonial-description{
		padding:12px 0px 12px 12px !important;
		margin:0px !important;
	}
	#testimonial_slider .testimonial-meta{
		padding-left:12px !important;
		font-size:14px;
	}
	.about-section .banner-sub-heading-responsive{
		font-size:17px !important;
		font-weight:500 !important;
		padding: 0px 12px 0px 0px !important;	
	}
	.about-section #insight-grid-sec-resp{
		max-width:100% !important;
		width:100% !important;
/* 		padding:0px 10px; */
		left:0 !important;
		height:auto;
		margin:0;
		padding-left:18px;
	}
	.about-section #insight-grid-sec-resp .overlay-wrapper{
		margin:0 !important;
		height:auto !important;
	}
	.tab-para-section .tab-inner-caption{
		font-size:18px !important;
	}
	.about-section .tab-para-section p {
		font-size:14px !important;
		line-height:22px;
		padding-right:12px;
	}
	
	.about-section .Responsive-heading-gst{
		font-size:18px !important;
		line-height:21px !important;
		padding-bottom:10px;
	}
	.about-section .pdf-flip-book .df-book-stage{
		position:initial !important;
	}
	.about-section .pdf-flip-book{
		margin-left:-8px;
	}
	.about-section .tab-two-pdding .vc_column-inner{
		padding-left:15px !important;
	}
	.about-section .tab-two-pdding.vc_custom_1692476579740{
		padding-left:15px !important;
	}
	.about-section .tab-two-pdding..vc_custom_1692476981429{
		padding-left:15px !important;
	}
	.about-section .exibition-slide-responsive .white{
		right:15px !important;
	}
	.about-section .tabs-care-captio-responsive{
		font-size:17px !important;
	}
	.about-section .tabs-care-second-responsive{
		font-size:15px !important;
		line-height:22px !important;
	}
	.about-section .banner-caption-respons{
		font-size:40px !important;
	}
    .about-section .blog-top-content{
		font-size:30px !important;
		text-align:left !important;
	}
	 .about-section .blog-column-responsive{
		padding:0px 12px !important;
	}
	.about-section .blog-txt-responsive{
		font-size:17px !important;
	}
	.about-section .blog-column-responsive .blog-sngle-img img{
		margin:0px !important;
	}
	.about-section .blog-column-responsive .blog-sngle-img{
		padding-right:20px !important;
		margin:0;
	}
	.about-section .blog-column-responsive .blog-sngle-img figure .vc_single_image-wrapper{
		margin:0 !important;
	}
	.about-section .tab-after:after {
    width: 100% !important;
    right: 0px;
    top: 0;
	left:0;
    }
	.about-section .tab-after .tab-wrapper{
		width:auto !important;
		left: -15px;
	}

	.about-section .tab-after .tab-wrapper .tab button {
      width: 25%;
	  font-size:10px;
	  padding:10px 5px;
    }
	.about-section .tab-after .tab-wrapper .tabcontent h3 {
    font-size: 20px !important;
    margin-bottom: 20px !important;
   }
	.about-section .tab-after .tab-wrapper .tabcontent p{
		font-size:16px !important;
	}
	
	.only-mobile{
	display:block;
   }
	.only-desk{
		display:none;
	}

	.about-section .service-inner-bg:after{
		width:100% !important;
	}
	.about-section .service-inner-bg{
		padding:10px;
		position:relative;
/* 		left:-15px; */
		width:100% !important;
	}
	.about-section .inf-M-img img{
		margin:0 !important;
	}
	
	.about-section .max-width-screen img{
	max-height:100% !important;
}
       #content-studio-box{
	margin:0;
	padding:0;
	left:15px;
      }
	.about-section .pum-container .pum-responsive .vc_single_image-img{
		width:auto !important;
	}	
	
	.about-section .txt-colm{
		padding-left:20px !important;
	} 
	.txt-clm-2{
		padding-left:0px !important;
	}
	.img-clm img{
		margin-left:20px !important;
	}
	.banner-socials {
    display:none;
}
	.about-section .team-wht .white{
		right:15px !important;
	}
	
/* 	dubai */
	
	.hide-DU-on-mobile {
		display:none !important;
	}
	.hide-DU-on-desktop {
	display:block !important;
}
	.dual-clar-du-heading{
		font-size:35px !important;
		line-height:37px !important;
	}
/* 	.du-banner-contnt p{
		color:#fff !important;
	} */
	.button-size-increase .connect-w-us a{
		font-size:15px !important;
	}
	.head-respons-DU{
		text-align:left!important;
	}
	.about-section .center-du-para p{
	text-align: justify!important;
    font-size: 15px !important;
    line-height: 22px !important;
    padding-right: 22px !important
	}
	
	.about-section .center-du-para2 p{
		text-align: justify!important;
    font-size: 15px !important;
    line-height: 22px !important;
    padding-right: 30px !important
	}
	.about-section .col-pad-du-o .du-col .vc_column-inner{
		padding:0 !important;
	}
	.about-section .heading-animate {
    left: 0;
    padding-left: 0px !important;
    font-weight: 700;
    font-size: 25px !important;
		position:initial;
}
	.heading-animate:before{
		width:0;
		height:0;
		visibility:hidden;
	}
	.dscr-more {
    font-size: 14px;
}
	.about-section .du-hwr-image img{
		width:350px !important;
		margin:auto;
		display:none;
	}
	.offices-wrap {
    margin: 5px 0px 5px -12px !important;
		min-height:165px !important;
		padding-top:15px !important;
}
	.offices-wrap p{
		line-height:18px;
		font-weight:500 !important;
	}
	.offices-wrap .contact-detail br{
		display:none;
	}
	.about-section .addrss-DU .vc_column-inner{
		padding:0 !important;
	}
	.cstm-footer-du .cstm-footer-du-head{
		font-size:22px !important;
	}
	 .cstm-footer-du-head1 {
		font-size:12px !important;
		line-height:25px !important;
	}
	.cstm-footer-du-head2 {
		font-size:12px !important;
		line-height:25px !important;
		padding-right:18px;
	}
	.show-services-hove{
		left:0!important;
	}
	.services-icon-container .show-service-last-container{
		right:0 !important;
		left:0;
	}
	.zero-padding-DU .vc_column_container>.vc_column-inner{
		padding-left:0px !important;
/* 		width:100% !important; */
	}
	.case-stdy-containetr .case-stdy-image .vc_single_image-wrapper{
		padding:0 !important;
		margin:auto !important;
	}
	.case-stdy-show-more-DU{
		font-size:16px !important;
	}
	.du-banner-contnt p{
		font-weight:700;
        padding-right: 18px;
        padding-left: 5px;
	}
	.du-hwr-image{
		text-align:center !important;
	}
	.zero-padding-dub{
		height:20px !important;
	}
	
	
	.movile-du-servives-container{
    margin: 0;
    padding: 0;
		position:relative;
		left:-7px;
  }
  .movile-du-servives-container .du-services-row{
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .movile-du-servives-container .du-services-row .du-services{
  display: block;
  background: #e90809;
  padding: 10px 5px 5px 5px;
  border-radius: 2px;
  border: 1px solid #fff;
  height:102px;
  text-align:center;
  margin:2px;
  transition:0.5s ease-in-out;
 }
	.movile-du-servives-container .du-services-row .du-services:hover {
		background-color:#3F484D;
	}
/* 	.movile-du-servives-container .du-services-row .du-services a:hover{
		color:#fff;
	} */
 .movile-du-servives-container .du-services-row .du-services img{
 width: 40px;
 height: 40px;
}
.movile-du-servives-container .du-services-row .du-services a{
    font-size: 10px;
    text-decoration: none;
    color: #fff;
	display:block;
	padding-top: 5px;
    font-weight: 700;
}
	.hide-Du-mobile-v{
	display:block !important;
}
	.hide-this-section-mobile-DU{
		display:none;
	}
	
	.footer-txt-form-desk{
		display:none;
	}
	.footer-txt-form-mobile{
		display:block !important;
	}
	.footer-DU-padding{
		padding-top:50px !important;
		padding-bottom:50px !important;
	}
	.button-size-increase{
		padding:15px 0px !important;
	}
	
/* 	case study */
	
	    .Du-mobile-case-study-container{
        margin: 0;
        padding: 0;
			position:relative;
			left:-7px;
    }
    .Du-mobile-case-study-container .Du-mobile-su-container{
    display: flex;
    align-items: center;
    width: 100%;
}
.Du-mobile-su-container .Du-mobile-case-pr{
   position: relative;
}
.Du-mobile-su-container .Du-mobile-case-pr img{
  display: block;
  width: 100%;
  height: auto;
	background-color:#fff;
}
.Du-case-stdu-overly{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #05050580;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.Du-mobile-case-pr:hover .Du-case-stdu-overly{
    height:100%;
}
.Du-case-stdu-overly a{
  color: white;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
	font-weight:700;
	width:100%;
}
	
	.L-asia-UA{
		padding-left:0px !important;
		max-width:98vw;
	}
	.phone-left-m{
	margin-left:5px !important;
}
	
	.left-animate-line{
		padding-left:0px !important;
		left:0 !important;
	}	
	.left-animate-line:before{
		content:'';
		width:0 !important;
		height:0 !important;
	}
	.left-animate-line2{
		padding-left:70px !important;
	}
	.page-id-5249 .top_panel .logo {
		margin:0;
	}
	
	.industry-container .industry-sub-container .section_content .item{
		margin-bottom:20px;
	}
	
	.industry-container .industry-sub-container .section_content .item .item-logo{
		height:45px;
	}
	
	.industry-container .industry-sub-container .section_content .item .text{
		padding:0;
		min-height:45px;
	}
	.hide-case-deskTop{
	display:block !important;
}
	
	.top_panel .logo{
		margin:0px !important;
	}	
	
	
	
	
	
	
	
	
	
	
	
	
}


























.team .item_img .sq_parent .sq_wrap{
	height:auto !important;
}
.about-section .tab-two-pdding p .d-space{
		height:10px !important;
	    display:block;
	}
	
.only-mobile{
	display:none;
}
.about-section .services-col-responsive{
		padding:0px 15px !important
	}


.about-section .service-inner-bg{
	padding:15px;
}
.about-section .max-width-screen img{
	width:100% !important;
	height:450px !important;
}

#content-studio-box{
	height:100% !important;
}
.txt-clm-2{
		padding-left:30px !important;
	}




.team-for-mobile{
	display:none;
}


.team-slider-container{
                    width: 100%;
                    margin: 0;
	    background: #f0f0f0;
    padding: 15px;
                }
                .team-slider-container .team-image img{
                  width: 100%;
                  height: auto;
					margin:0!important;
                }
                .team-slider-container .team-details{
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }
                .team-slider-container .team-details .team-name{
                    padding: 5px 0px;
                }
                .team-slider-container .team-details .team-name h4{
                    font-size: 14px;
                    font-weight: 600;
                    font-family: 'Roboto';
                    color: #000;
                }
                .team-slider-container .team-details .team-name p{
                    font-size: 11px;
                    font-weight: 400;
                    font-family: 'Roboto';
                    color: #313131;
                    line-height: 20px;
                }
                .team-slider-container .team-details .team-social{
                  padding: 5px 0px;
                }
                .team-slider-container .team-details .team-social img{
                  max-width: 25px;
                  height: 25px;
                }



/* Dubai Page //////////////////////////////////////////*/

.hover-image-box {
	display: flex;
	align-items: center;
	gap: 9px;
	width:100%;
}
.hover-image-box img{
	width:40px;
	height:40px;
} 
/* .box_1:hover + .box_2 {
	widows:240px;	
} */
.button-size-increase .connect-w-us a {
	font-size: 25px;
    text-align: center;
    margin: auto;
    display: block;
    color: #c30019;
    font-weight: bold;
    background-color: #fff;
    padding: 13px 30px;
/*     border-radius: 5px; */
    max-width: fit-content;
}
    


.button-size-increase .connet-w-us a {
	font-size:30px !important;
	font-weight:bold;
}

.services-icon-container {
   display: flex;
	width:100%;
   align-items: center;
   justify-content: center;
   margin: auto;
   background:#e90809 !important;
   padding: 25px !important;
	margin:7px auto;
}
.show-services-hove{
	display:none;
      background-color:#3F484D;
      padding: 25px;
      align-items: center;
      margin: auto;
      width: 100% ;
	position:absolute;
	bottom:7px;
	left:13px;
	transition: 0.7s ease-in-out;
 }

.show-service-last-container img{
	width: 40px;
    height: 40px;
}
.show-service-last-container h6{
        color: #fff;
    font-size: 14px;
    font-weight: 700;
    /* margin: auto; */
    width: 70%;
}
.show-service-last-container p{
	color: #fff;
    font-size: 12px;
    line-height: 16px;
    /* padding: 8px 0px; */
    padding-top: 8px;
}
.services-icon-container .show-service-last-container{
	display:none;
      background-color:#3F484D;
      padding: 25px;
      align-items: center;
      margin: auto;
      width: 100% ;
	position:absolute;
	bottom:0 !important;
	right:-3px !important;
}

.services-icon-container:hover  .show-service-last-container{
	display:block;
	width:400px;
	z-index:999;
	transition: 0.7s ease-in-out;
}

.services-icon-container:hover  .show-services-hove {
	display:block;
	width:400px;
	z-index:999;
	transition: 0.7s ease-in-out;
}
 
.show-services-hove h6 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
	width:70%;
}
.show-services-hove p{
  color: #fff;
  font-size: 12px;
	line-height:16px;
	padding-top:8px;
}
/* .show-services-hove a{
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
} */





.more-srvc-container .services-icn img {
	width:40px;
	height:40px !important;
	position: relative;
    left: 44%;
}
.more-srvc-container {
	flex-direction:column;
	transition:0.8s;
}


.more-srvc-container .services-txt a {
  font-size: 16px !important;
  color:#fff;
  text-decoration:none;
  position: relative;
  left: 33%;
  font-weight:bold;
}


.services-icn img {
  width: 50px;
  height: 50px !important;
}
.services-txt h6 {
  font-size: 13px !important;
  color:#fff;
  text-transform:capitalize;
}

.dscr-more {
    font-size: 25px;
    font-weight: bold;
    color: #484747;
    text-transform: capitalize;
}
.awrd-title .title {
	color:#fff !important;
	text-align:center;
}
.awrd-title .item .item-logo img {
    background: #fff;
    width: 60px;
    height: 60px !important;
    padding: 15px;
    border-radius: 8px;
}
.awrd-title .item .text {
    justify-content: flex-end !important;
    font-size: 18px !important;
    color: #fff !important;
}
.awrd-title .section_content {
    left: 50px;
}


.map-image-1{
	position: relative;
    left: 29%;
    top: -84px;
}
.map-image-2{
	position: relative;
    left: 15%;
    top: -45px;
}

.hover-map {
	display:none;
    padding: 16px;
    background-color: #d0001b;
    max-width: fit-content;
    margin-left: 15px;
	border-radius:5px;
	position:absolute;
	bottom:128px;
	left:35%;
}
.hover-map2{
	display:none;
    padding: 16px;
    background-color: #d0001b;
    max-width: fit-content;
    margin-left: 15px;
	border-radius:5px;
	position:absolute;
	top:-170px;
	left:21%;
}
.hover-map h3 {
	color:#fff;
}
.hover-map p {
	color:#fff;
}
.hover-map2 h3 {
	color:#fff;
}
.hover-map2 p {
	color:#fff;
}
.map-image-1:hover + .hover-map {
	display:block;
}
.map-image-2:hover + .hover-map2 {
	display:block;
}

.cstom-footer {
	display:flex;
	width:100% !important;
}
.col-f-1 {
	width:60%;
}
.col-f-2 {
	width:40%;
}
.footer-gptw a img {
	margin:auto;
	float:right;
    max-width: 130px;
}

.heading-animate{
	position:relative;
	left:15%;
	padding-left:25px;
	font-weight:700;
}


.heading-animate:before{
	content: '';
    width: 100px;
    height: 4px;
    background: #d0001b;
    left: -15%;
    position: absolute;
    top: 50%;
}
.offices-wrap{
/* 	background: #610c46;*/
    padding: 30px 15px 15px 15px;
    border-radius: 7px;
	min-height:250px;
	background-image: linear-gradient(1deg, #c30019 0%, #610c46 100%), linear-gradient(176deg, #c30019 0%, #610c46 100%);
/* 	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
/* 	transition:0.7s ease; */
}

.du-bg-grediant{
	background-image: linear-gradient(1deg, #c30019 0%, #610c46 100%), linear-gradient(176deg, #c30019 0%, #610c46 100%);
}

.offices-wrap:hover{
	background:#610c46;;
}

.offices-wrap h3{
	font-size: 22px;
    padding: 3px 0px;
	color:#fff;
}
.offices-wrap p{
	padding: 15px 0px 5px 0px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
}
.offices-wrap .contact-detail{
	padding:3px 0px;
}
.offices-wrap .contact-detail a{
	 font-size: 13px;
    font-weight: 600;
	color:#fff;
}
.du-banner-contnt p{
	color:#fff;
	font-size:16px;
	font-weight:500;
}
.du-hwr-image img {
/* 	border-radius:20px !important; */
    width:500px !important;
}

.dual-clar-du-heading{
	font-weight:900;
	line-height:63px;
	position:relative;
	left:16%;
}
.dual-clar-du-heading:before{
	content:'';
	background:url('https://kaizzencomm.com/wp-content/uploads/2023/08/stamp1.png');
	position:absolute;
	right:59%;
	bottom:0;
	width:100%;
	height:100%;
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	animation: stampAnimation 5s ease-in-out infinite;
    animation-delay: 0s; 
}

@keyframes stampAnimation {
    0% {
        transform: scale(0.5) rotate(90deg) translateX(-100%);
        opacity: 0;
    }
    25% {
        transform: scale(1) rotate(0deg) translateX(0);
        opacity: 1;
    }
    75% {
        transform: scale(1) rotate(0deg) translateX(0);
        opacity: 1;
    }
    100% {
/*         transform: scale(0.5) rotate(45deg) translateX(-100%); */
        opacity: 0;
    }
}


.dual-clar-du-heading strong{
	font-weight:900;
	color:#e90809;
}



.case-stdy-row{
	
}
.case-stdy-containetr {
  position: relative;
	height:100%;
	padding:0px !important;
}
.case-stdy-containetr .case-stdy-image img{
	padding:0;
	margin:0;
	background-color: #fff;
}

.case-stdy-overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #00000080;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.case-stdy-containetr:hover .case-stdy-overlay {
  bottom: 0;
  height: 100%;
}

.c-stdy-text a{
  color: #fff;
  font-size: 22px;
	font-weight:bold;
  text-decoration:none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
	width:100%;
}

 .hide-DU-on-desktop {
	display:none;
}

.du-banner-cnt{
	position:relative;
}
.Du-band img{
	position:absolute;
	left:0;
	top:0;
}

.page-id-5249 .footer{
	display:none;
}

.page-id-5249 .head_btn{
	display:none;
}
.page-id-5249 .top_panel .logo{
	position:fixed;
	z-index:999;
}

.hide-Du-mobile-v{
	display:none;
}
.footer-txt-form-mobile{
	display:none;
}
.footer-DU-padding{
		padding-top:100px;
		padding-bottom:100px;
	    background-image: linear-gradient(1deg, #c30019 0%, #610c46 100%), linear-gradient(176deg, #c30019 0%, #610c46 100%);
	}
	

.button-size-increase{
	padding:35px 0px
}
.phone-left-m{
	margin-left:45px;
}

.hover-image-box .view-all-du-srvc {
	 width: inherit;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
	width:30%;
	}	

.services-icon-container .services-icn{
	width:30%;
}
.services-icon-container .services-txt{
	width:70%;
}


.du-contact-container{
	min-height:200px;
	padding:0px 10px;
	position:relative;
	border-right:1px solid #adabab;
}

/* .du-contact-container:not(first-child){
	border-right:1px solid #adabab;
} */


.du-email-contact-container{
	position:absolute;
	bottom:0;
	
}
/* .du-contact-container:nth-last-child(6){
	border-left:1px solid #000;
} */
.du-contact-container .du-contaci-caption-container h5{
	font-size: 28px;
    color: #000000ad;
    padding: 5px 0px 10px 0px;
}
.du-contact-container p{
	font-size: 13px;
    font-weight: 300;
    color: #000000a3;;
    padding: 5px 0px 12px 0px;
}
.du-contact-container .du-email-contact-container span{
	font-size: 12px;
    font-weight: 400;
    color: #606060;
	line-height:17px;
}

.du-contact-container .du-email-contact-container .du-email-id2  a{
	margin-left:5px;
}
.left-animate-line{
	position:relative;
	left:10%;
}
.left-animate-line:before{
	content:'';
	width:100px;
	height:4px;
	background:#d0001b;
	position:absolute;
	top:50%;
	left:-10%;
}
.left-animate-line2{
	position:relative;
	left:10%;
}
.left-animate-line2:before{
	content:'';
	width:100px;
	height:4px;
	background:#fff;
	position:absolute;
	top:50%;
	left:-10%;
}
.industry-container .industry-sub-container{
	padding:0px;
}
.industry-container .industry-sub-container .title{
	display:none;
}
.industry-container .industry-sub-container .link{
	display:none;
}

/* .paddin-0-du>.vc_column-inner {
	padding-left:0 !important;
} */

.du-banner-cnt{
	margin-left:-30px;
}
.mr-DU-top{
	margin-top:-50px;
}

.hide-case-deskTop{
	display:none;
}
.L-asia-UA{
	padding-left:15px;
}