.workdiv-banner-section {position: relative;}
.workdiv-banner-section img {display: block; width: 100%; height: 10px;}
.service-title {position: absolute; top: 50%; transform: translateY(-50%); left:0; right: 0; width: 100%; margin: 0 auto;}
.service-title h2 {font-size: 30px; font-weight: normal; color: #2767b2; font-family: 'product_sans_blackregular';text-align: center; }
.service-banner-inner {display: none;}

.workdiv-service-section {padding:30px 0 30px;}
.workdiv-service-section .storydiv-title {text-align: center;}
.workdiv-service-section .top-left-title{font-size: 30px; font-weight: normal; color: #000; font-family: 'product_sans_blackregular'; }
.workdiv-service-section .bar-main {   margin:20px 0 30px;}  
.workdiv-service-section .bar.bar-big {height: 5px; width: 90px; background: #aec6ef; position: relative; border-radius: 30px;margin: 0 auto;}
.workdiv-service-section .bar.bar-big::before {
     content: '';
     position: absolute;
     left: 0;
     top: -2.7px;
     height: 10px;
     width: 10px;
     border-radius: 50%;
     background: #0c5adb;
     -webkit-animation-duration: 3s; 
     animation-duration: 3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-name: MOVE-BG;
     animation-name: MOVE-BG;
}
@keyframes MOVE-BG {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(88px);
       transform: translateX(88px);
    }
}
.workdiv-descr {color: #2e2d2d;font-size: 16px; padding: 10px 0;}

.workdiv-textcover {padding: 10px 0;}
.workdiv-service-inner .product_box{width: calc(33.33% - 30px);padding:20px 30px; margin: 15px;position: relative;background:#f4f7fc;} 
.workdiv-service-inner .product_box::before{content: ''; position: absolute; bottom: 0; right: 0; width:45px ; height: 45px; background: #a9cef8; z-index: 1;transition-duration:500ms, 500ms;}
.workdiv-service-inner .product_box .title{width:80%; padding:0;font-size: 24px; color: #000; font-weight: normal;font-family: 'product_sansbold';line-height: 26px;position: relative; z-index: 2;padding-left: 20px;}
.workdiv-service-inner .product_box .text_holder{text-align: justify;font-size: 16px;font-weight: 400;padding: 10px 0 20px;line-height: 24px;color: #2e2d2d;position: relative; z-index: 2;}
.workdiv-service-inner .product_box:hover .title, .workdiv-service-inner  .product_box:hover .text_holder{color: #fff;}
.textcover-image{position: relative; z-index: 2;width: 20%;}
.workdiv-service-inner .product_box:hover{color: #fff;transition-duration:500ms, 500ms;}
.workdiv-service-inner .product_box:hover::before{ background: #2767b2; width: 100%; height: 100%;}

.workdiv-service-inner .product_box .textcover-image.img{background: url(../images/Wocal-integrity-1.png) no-repeat center 0;position: relative; z-index: 2;}
.workdiv-service-inner .product_box .textcover-image.img1{background: url(../images/Wocal-certricity-2.png) no-repeat center 0;position: relative; z-index: 2;}
.workdiv-service-inner .product_box .textcover-image.img2{background: url(../images/Wocal-inno-3.png) no-repeat center 0;position: relative; z-index: 2;}
.workdiv-service-inner .product_box .textcover-image.img3{background: url(../images/Wocal-ream-4.png) no-repeat center 0;position: relative; z-index: 2;}
.workdiv-service-inner .product_box .textcover-image.img4{background: url(../images/Wocal-account-5.png) no-repeat center 0;position: relative; z-index: 2;}
.workdiv-service-inner .product_box .textcover-image.img5{background: url(../images/Wocal-diversity-6.png) no-repeat center 0;position: relative; z-index: 2;}
.workdiv-service-inner .product_box .textcover-image.img,
.workdiv-service-inner .product_box .textcover-image.img1,
.workdiv-service-inner .product_box .textcover-image.img2,
.workdiv-service-inner .product_box .textcover-image.img3,
.workdiv-service-inner .product_box .textcover-image.img4,
.workdiv-service-inner .product_box .textcover-image.img5{background-size: 60px; height: 60px;}

.product_box:hover .textcover-image.img,
.product_box:hover .textcover-image.img1,
.product_box:hover .textcover-image.img2,
.product_box:hover .textcover-image.img3,
.product_box:hover .textcover-image.img4,
.product_box:hover .textcover-image.img5{background-position: center bottom;}

.culturework-section{margin-bottom: 30px;position: relative; overflow: hidden; padding:40px 0 120px; background:#2769b4 url(../images/service-bg.png) no-repeat center; background-size: cover;}
.culturework-section .overlay{background-color: rgb(24,72,128, .9); height: 100%; width: 100%;position: absolute; top: 0;}
.culturework-section .storydiv-title {text-align: center;    position: relative;}
.culturework-section .top-left-title{font-size: 30px; font-weight: normal; color: #fff; font-family: 'product_sans_blackregular';     position: relative;}
.culturework-section .bar-main {   margin:20px 0 30px;}  
.culturework-section .bar.bar-big {height: 5px; width: 90px; background: #aec6ef; position: relative; border-radius: 30px;margin: 0 auto;}
.culturework-section .bar.bar-big::before {
     content: '';
     position: absolute;
     left: 0;
     top: -2.7px;
     height: 10px;
     width: 10px;
     border-radius: 50%;
     background: #0c5adb;
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-name: MOVE-BG;
     animation-name: MOVE-BG;
}
@keyframes MOVE-BG {
    from {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(88px);
       transform: translateX(88px);
    }
}
.culturework-text.bottom p { color: #a6c8fc; position: relative;font-size: 16px; line-height: 24px;font-weight: 400; text-align: justify;padding-bottom: 20px;}
.culturework-text.bottom {padding: 0 30px;}

.workcounter-section {margin:-120px 0 0px; padding-bottom: 30px; position: relative;}
.workcounter-section-inner { padding: 50px; background:url(../images/about-bg-1.jpg) no-repeat center;background-size: cover; border-radius: 20px;box-shadow:0 0 10px #1e4e9087;}
.workcounter-section ul li {width:33.33%; text-align: center; padding: 10px;}
.workcounter-section .counter-list .digit,
.workcounter-section .workcounter-list .digit span{font-size: 50px; font-family: 'product_sans_blackregular'; font-weight: normal;display: inline-block;margin:0; color: #000;}
.workcounter-section .workcounter-list-title p{color: #000;font-size:34px;font-weight: 700;text-transform:capitalize;margin-bottom:20px;letter-spacing: 0;}
.workcounter-section .workcounter-list-title{margin-left:40px; text-align: left;}
.workcounter-section .workcounter-list-title span{color: #2767b2;font-size:20px;font-weight: 400;text-transform:capitalize;font-family: 'product_sans_lightregular';}



.workculture-hero-slider{ padding: 40px 0;}
.workculture-hero-slider  .text-center{text-align: center;     padding: 30px 0 0;}
.workculture-hero-slider .about-team-title {font-size: 30px;line-height: 34px; font-weight: normal; color: #000; font-family: 'product_sans_blackregular';}
.workculture-hero-slider .bar-main {   margin:20px 0 30px;}  
.workculture-hero-slider .bar.bar-big {height: 5px; width: 90px; background: #aec6ef; position: relative; border-radius: 30px;margin: 0 auto;}
.workculture-hero-slider .bar.bar-big::before {
     content: '';
     position: absolute;
     left: 0;
     top: -2.7px;
     height: 10px;
     width: 10px;
     border-radius: 50%;
     background: #0c5adb;
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-name: MOVE-BG;
     animation-name: MOVE-BG;
}
.workculture-hero-inner .hero-slider-item { background: transparent; border-radius: 20px; max-width:740px;  margin: 0 auto; text-align: center;}
.workculture-hero-inner .imge-content p {color: #606060; font-size: 16px; line-height: 24px;    padding: 30px 0;}
.workculture-hero-inner .about-hero-title { font-size: 18px;font-family: 'product_sans_blackregular'; font-weight: normal;    padding: 25px 0 10px;}
.workculture-hero-inner .about-hero-category span {font-size: 16px; color: #2767b2;  text-transform: uppercase;}
.workculture-hero-inner .about-hero-category { padding-bottom: 40px;}
.workculture-hero-inner.slick-initialized .slick-slide {text-align: center;}
.workculture-hero-inner .slick-dots li button:before {font-size: 40px;}
.workculture-hero-inner .slick-dots li.slick-active button:hover,
.workculture-hero-inner .slick-dots li.slick-active button:before {color: #ed2024;opacity: 1;}
.workculture-hero-inner .slick-dots{bottom: -40px;}
.workculture-hero-inner .imge-content img {border-radius: 20px;}

.workculture-hero-slider .team-testimonial{position: relative;}
.workculture-hero-slider .team-images{position: absolute; border-radius: 100%; overflow: hidden;}
.workculture-hero-slider .top-left {top:0; left: 140px; width: 110px;height: 110px;}
.workculture-hero-slider .top-right {top: 0; right: 0; width: 130px;height: 130px;}
.workculture-hero-slider .left-center {top: 180px; left: 0; width: 90px;height: 90px;}
.workculture-hero-slider .right-center {top: 180px;  right: 100px; width: 110px;height: 110px; }
.workculture-hero-slider .btm-left {top: 320px; left: 0;  width: 130px;height: 130px;}
.workculture-hero-slider .btm-right  {top: 360px; right: 0;  width: 90px;height: 90px;}




@media only screen and (max-width:1100px),(max-width:1199px){
  .workdiv-service-section {padding: 40px 0 30px;}
  .workdiv-service-section .bar-main { margin: 20px 0 20px;}
  .workdiv-service-inner .product_box .title{font-size: 22px;}
  .workculture-hero-slider .top-left {left: 40px;}

}
@media only screen and (max-width:1000px),(max-width:1099px){
  .service-title h2 {font-size: 24px;}
  .workdiv-service-section .top-left-title{font-size: 24px;}
  .workdiv-service-section { padding: 30px 0 30px;}
  .workdiv-descr{padding-bottom: 20px;}
  .workdiv-service-inner .product_box {width: calc(50% - 30px); margin:0 15px 30px;}
  .workdiv-service-inner .product_box .title {padding: 0 20px; text-align: left;font-size: 20px;}
  .culturework-section .top-left-title { font-size: 24px;}
  .workcounter-section .workcounter-list-title p {font-size: 30px;}
  .workcounter-section .workcounter-list-title span{font-size: 18px;}
  .workcounter-section .workcounter-list-title{margin-left: 30px;}
  .workcounter-section-inner {padding: 30px;}
 .workculture-hero-slider {padding: 20px 0;}
 .workculture-hero-slider .top-left {  width: 90px;  height: 90px;}
 .workculture-hero-slider .top-right {width: 100px;  height: 100px;}
 .workculture-hero-slider .btm-left{width: 100px;  height: 100px;}
 .workdigit img {width: 70px;}


}

@media only screen and (max-width:900px),(max-width:999px){
  .culturework-text.bottom {padding: 0 20px;}
  .culturework-text.bottom p{font-size: 14px; padding-bottom: 15px;}
  .workdiv-service-section .bar-main { margin: 20px 0 10px;}
  .workdiv-service-inner .product_box .text_holder{font-size: 14px;}
  .workcounter-section .workcounter-list-title p {font-size: 28px;}
  .workcounter-section .workcounter-list-title span { font-size: 16px;}
  .workculture-hero-slider .about-team-title {font-size: 28px;}

}

@media only screen and (max-width:800px),(max-width:899px){
  .workcounter-section-inner {
    padding: 10px;
}
}

@media only screen and (max-width:700px),(max-width:799px){
  .workcounter-section ul li {
    width: 50%;
    text-align: center;
    padding: 10px;
}
.workculture-hero-slider .team-testimonial{display: none;}
.imge-content{max-width: 500px; margin: 0 auto;}
.workculture-hero-slider .text-center{padding: 10px 0 0 ;}
.workdiv-service-section{padding: 30px 0 20px ;}
}

@media only screen and (max-width:600px),(max-width:699px){
  .workdiv-service-inner .product_box { width:100%;  margin: 0 0 30px 0;}
  .workcounter-section ul li { width: 100%;}
}

@media only screen and (max-width:500px),(max-width:599px){
  .culturework-section{padding: 30px 0 120px;}
}

@media only screen and (max-width:400px), (max-width:499px) {
  .workcounter-section .workcounter-list-title p { font-size: 24px;    margin-bottom: 10px;}
  .workdigit img { width: 60px;}
  .workculture-hero-slider .about-team-title {
    font-size: 22px;
}
}

@media only screen and (max-width:320px), (max-width:399px){
  .workdiv-service-inner .product_box .title{font-size: 16px;}
  .service-title h2 {font-size: 22px;}
  .workdiv-service-section .top-left-title {font-size: 22px;}
  .workdiv-service-section { padding: 20px 0 20px;}
  .workdiv-descr { padding-bottom: 10px;font-size: 14px;}
  .workdiv-service-inner .product_box{margin: 0 0 20px; padding: 10px 20px;}
  .culturework-section .top-left-title {font-size: 22px;}
  
}