/* Home banner section style start here */
section.banners-section{position:relative}
.home-banner .common{position:relative}
.home-banner .common img{width:100%}
.home-banner .banner-text{flex-direction:column;align-items:center;height:100%;width:100%;position:absolute;top:0;background:none}
.home-banner .banner-text:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#111827;opacity:0.85}
.home-banner .banner-text .title-wrap{position:relative;z-index:99;text-align:center;margin-bottom:0;padding:0 30px}
.home-banner .banner-text .title-wrap h4{color:var(--bgwhite);justify-content:center}
.home-banner .banner-text .title-wrap h1,
.home-banner .banner-text .title-wrap h2{color:var(--bgwhite);font-size:48px;font-weight:600;line-height:120%;letter-spacing:-1.5px;padding-bottom:16px}
.home-banner .banner-text .title-wrap h1 span,
.home-banner .banner-text .title-wrap h2 span{color:var(--primarycolor)}
.home-banner .banner-text .title-wrap p{color:var(--bgcolorsecondry);font-size:16px;line-height:168%;padding-bottom:35px}
.home-banner .banner-text .title-wrap .btn-primary{color:var(--bgwhite);font-size:18px;font-weight:600;line-height:150%;display:flex;margin:0;gap:7px;padding:12px 0 12px 26px}
.home-banner .banner-text .title-wrap .btn-primary:before{width:47px;height:47px;content:"";border-radius:100%;background:#e6e8ea;position:absolute;left:0;top:0;z-index:-1;opacity:0.15}
.home-banner .banner-text .title-wrap .btn-primary img{width:24px !important;height:24px !important}
.home-banner .banner-text .title-wrap .btn-primary:hover{color:var(--primarycolor)}
.home-banner .banner-text .title-wrap .btn-primary:hover:before{opacity:0.05}

@media screen and (max-width:991px){
  .home-banner .banner-text .title-wrap h1,
  .home-banner .banner-text .title-wrap h2{font-size:36px;letter-spacing:-1px;padding-bottom:12px;}
}
@media screen and (max-width:767px){
  .home-banner .banner-text .title-wrap h1, .home-banner .banner-text .title-wrap h2, .text-center .title-wrap h1, .text-center .title-wrap h2, .text-center .title-wrap p, .text-center .title-wrap h4, .title-wrap.text-center h1, .title-wrap.text-center h2, .title-wrap.text-center p, .title-wrap.text-center h4, .home-banner .banner-text .title-wrap p, .brands-section.text-center .title-wrap h1, .brands-section.text-center .title-wrap h2 {
    text-align: center !important;
}
.home-banner .banner-text .title-wrap .btn-primary:before {width: 35px;height: 35px;top: 6px;}
}
@media (max-width:576px){
  .home-banner .banner-text .title-wrap h1,
  .home-banner .banner-text .title-wrap h2{font-size:26px;letter-spacing:-0.5px;}
  .home-banner .banner-text .title-wrap p{font-size:13px;padding-bottom:15px;}
}
@media (max-width:480px){
  .home-banner .banner-text .title-wrap .btn-primary img{width:20px !important;height:20px !important;}
  .home-banner .banner-text .title-wrap .btn-primary:before {width: 30px;height: 30px;top: 9px;}
  .home-banner .banner-text .title-wrap .btn-primary {font-size: 17px;}
}
@media (max-width:400px){
  .home-banner .banner-text .title-wrap h1,
  .home-banner .banner-text .title-wrap h2{font-size:20px;letter-spacing:-0.5px;}
}
@media screen and (max-width:380px){
  .home-banner .banner-text .title-wrap h1,
  .home-banner .banner-text .title-wrap h2{font-size:18px;}
  .home-banner .banner-text .title-wrap .btn-primary{font-size:13px;}
  .home-banner .banner-text .title-wrap .btn-primary:before {width: 25px;height: 25px;left: 6px;}
}
/* Home banner section style ends here */

/* sub-banner style start here */
.sub-banner img{height:500px}
.sub-banner img{width:100%;object-fit:cover}

@media screen and (max-width:991px){
  .sub-banner img{height:450px;}
}
@media screen and (max-width:767px){
  .sub-banner img{height:400px;}
}
@media (max-width:576px){
  .sub-banner img{height:360px;}
}
@media (max-width:480px){
  .sub-banner img{height:300px;}
  .sub-banner p{display:none;}
}
@media (max-width:400px){
  .sub-banner img{height:250px;}
}
@media (max-width:330px){
  .sub-banner img{height:220px;}
}

/* Professional Benefits styles */
.our-benefits,
.vacany-wrap {padding: 30px;background: #ffffff;border-radius: 0;display: flex;width: 100%;height: 100%;flex-direction: column;transition: 0.3s all ease-in-out;}
.our-benefits:hover {box-shadow: 0 0 10px #ff6c1a inset;transition: .3s all ease-in-out;}
.vacany-wrap {background: #f3f6f9;}
.our-benefits img {margin: 0 0 20px;}
.our-benefits img {width: 50px;height: 50px;object-fit: contain;}
.our-benefits h4 {font-size: 24px;line-height: 30px;color: #252b33;font-weight: 600;margin: 0px 0 10px;padding: 0;}
.our-benefits p {padding-bottom: 0;}

@media screen and (max-width: 1199px) {
    .our-benefits, .vacany-wrap {padding: 20px;}
    .our-benefits img, .vacany-wrap img {width: 40px;height: 40px;}
}
@media screen and (max-width: 991px) {
    .our-benefits h4 {font-size: 20px;}
}
@media screen and (max-width: 767px) {
    .our-benefits img, .vacany-wrap img {margin: 0 0 10px;width: 30px;height: 30px;}
    .our-benefits h4 {font-size: 18px;}
}


.chartcircle-wrapper {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;flex-shrink: 0;overflow: hidden;border-radius: 50%;width: 144px;height: 144px;}
.chartcircle-outer {background: #15011d;}
.chartcircle-outer {position: absolute;top: 0;left: 0;border-radius: 50%;width: 144px;height: 144px;}
.chartcircle-inner-left {clip-path: polygon(0 0,50.2% 0,50.2% 100%,0 100%);-webkit-clip-path: polygon(0 0,50.2% 0,50.2% 100%,0 100%);}
.chartcircle-inner {position: absolute;top: 0;left: 0;}
.chartcircle-inner-left .chartcircle-inner-fill {clip-path: polygon(50% 0,100% 0,100% 100%,50% 100%);-webkit-clip-path: polygon(50% 0,100% 0,100% 100%,50% 100%);}
.chartcircle-inner-fill {background: #ff6c1a;}
.chartcircle-inner-fill {transform: rotate(122.4deg);opacity: 1;position: absolute;top: 0;left: 0;}
.chartcircle-inner-right {clip-path: polygon(50% 0,100% 0,100% 100%,50% 100%);-webkit-clip-path: polygon(50% 0,100% 0,100% 100%,50% 100%);}
.chartcircle-inner {position: absolute;top: 0;left: 0;width: 144px;height: 144px;}
.chartcircle-inner-fill {width: 144px;height: 144px;}
.chartcircle-number {border-radius: 50%;background: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;height: 122px;width: 122px;}
.chartcircle-number {font-weight: 500;font-size: 40px;line-height: 48px;color: #15011d;letter-spacing: .12px;text-transform: uppercase;text-align: center;}
.chartcircle {display: flex;align-items: center;justify-content: center;}
.starbox-bottom {margin: auto;height: 18px;width: 100px;background: #15011d;position: relative;}
.starbox-fill {background: #ff6c1a;width: 80%;height: 100%;animation: starbox-fill 1s linear forwards;}
.starbox {text-align: center;padding: 1rem;}
.starbox-template {width: 102%;height: 113%;background: url(../../assets-new/images/careers/starbox-template-new.svg) no-repeat center;position: absolute;top: -1px;left: -1px;background-size: cover;}
.box-top h3 {font-weight: 600;}
.reviews-box {padding-top: 48px;padding-bottom: 48px;padding-left: 32px;padding-right: 32px;background: #fff;}
.chat-text h4 {font-size: 24px;line-height: 120%;margin-right: 30px;font-weight: 500;}
.rating-box h3 {font-size: 32px;font-weight: 600;line-height: 140%;letter-spacing: -0.5px;color: var(--secondrycolor);margin: 10px 0px;}


.how-we-hire-section .nav-pills .nav-link {width: 100%;background: #f3f6f9;font-size: 14px;color: #252b33;border: 2px dashed #f3f6f9;display: flex;align-items: center;}
.tab-count {width: 25px;height: 25px;border-radius: 32px;background: #ff6c1a;border: 4px solid #ebaf8e;font-size: .875rem;line-height: 1.25rem;font-weight: 600;text-align: center;padding: 0.9375rem;display: flex;align-items: center;justify-content: center;margin-right: 0.5rem;color: #fff;}
.how-we-hire-section .nav-pills .nav-link.active {background: #fff;border: 2px dashed #ff6c1a;color: #252b33;}
.how-we-hire-section .nav-item {width: 23%;margin-right: 2%;margin-bottom: 2%;}
.horizontal-tabs ul {border: none;}
.how-we-hire-section .accordion-item {border: 0;}
.how-we-hire-section .accordion-body {margin-top: 20px;background: #f3f6f9;padding: 20px;border-radius: 4px;}
.how-we-hire-section .accordion-body h3 {padding-bottom: 10px;color: #252b33;}
.how-we-hire-section .accordion-body p {padding-bottom: 10px;}
.our-culture {padding-bottom: 70px;}

@media (max-width:1024px) {
    .rating-box h5 {font-size: 18px;}
}
@media screen and (max-width: 991px) {
    .horizontal-tabs .tab-content>.tab-pane {display: block;opacity: 1;}
    .horizontal-tabs .accordion-item {border: 1px solid #ff6a1a59 !important;background-color: #fff;margin-bottom: 15px!important;}
    .horizontal-tabs .accordion-button:not(.collapsed) {background: #f1f1f1!important;padding-left: 38px!important;}
    .how-we-hire-section .accordion-body {margin-top: 0;background: #fff;padding: 20px;border-radius: 0px;}
    .box-top h3 {text-align: center;}
    .chartcircle {margin: 40px 0px;}
    .chat-text h4 br {display: block;}
    .chat-text h4 {margin-right: 40px;}
    .box-bottom .row {row-gap: 40px;}
    .rating-box h3 {margin: 5px 0px;}
}
@media (max-width:767px) {
    .learn-more-btn a {margin-bottom: 0px;}
    .box-top h3 {font-size: 22px;}
    .chat-text h4 {font-size: 20px;}
    .rating-box h3 {font-size: 28px;line-height: 120%;}
}
@media (max-width:576px) {
    .chartcircle {margin-bottom: 10px;}
    .chartcircle-inner-fill {width: 130px;height: 130px;}
    .chartcircle-wrapper,
    .chartcircle-outer,
    .chartcircle-inner {width: 130px;height: 130px;}
    .chartcircle-number {width: 112px;height: 112px;}
}
@media (max-width:425px) {
    .box-top h3 {font-size: 18px;}
    .chat-text h4 {font-size: 16px;}
    .rating-box h5 {font-size: 16px;}
    .rating-box h3 {font-size: 24px;line-height: 100%;}
    .chat-text h4 {margin-right: 20px;}
}



.technology-card figure {margin-bottom: 35px;}
.technology-card:hover figure img {transform: scale(1.2);}
.technology-card h3 a, .technology-card h3 {color: var(--secondrycolor);font-size: 20px;font-weight: 700;line-height: 150%;padding-bottom: 25px;transition: .3s ease-in-out;}
.technology-card:hover h3 a, .technology-card:hover h3 {color: var(--primarycolor);}
.technology-card p {margin-bottom: 25px;}

@media screen and (max-width: 1199px) {.technology-card h3, .technology-card h3 a {font-size: 18px;padding-bottom: 15px;}}
@media screen and (max-width: 767px) {.technology-card h3, .technology-card h3 a {font-size: 17px;padding-bottom: 10px;}}




.oursparton-text-wrap img {margin: 0 0 20px;}
.oursparton-text-wrap h4 {font-size: 24px;line-height: 30px;color: #252b33;font-weight: 600;margin: 0px 0 10px;padding: 0;}
.oursparton-text-wrap h4 {font-size: 22px;margin: 0px 0 5px;}
.our-benefits p {padding-bottom: 0;}
.oursparton-text-wrap h6 {font-size: 16px;line-height: 20px;color: #ff6c1a;font-weight: 600;margin: 0 0 15px;padding: 0;}
.oursparton img {margin: 0 0 20px;border-radius: 0;}
  .oursparton h3 {font-size: 34px;line-height: 50px;color: #252b33;font-weight: 600;padding: 0;margin: 0;text-align: left;}
  .oursparton {padding: 30px 30px;background: #f3f6f9;border-radius: 0;display: flex;flex-direction: column;width: 100%;height: 100%;min-height: 600px;}
  .oursparton-text-wrap p {padding: 0;}
  .oursparton-text-wrap button {border: 0;padding: 0;background: none;}

  .empTest main h4:first-letter {color: #ff6c1a;}
  .modal-content.empTest {margin-bottom: 20px;background-color: #fff;border-radius: 0;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
  .empTest {border-top: 2px solid #ff6c1a;position: relative;min-height: 270px;}
  .empTest .headTag {text-align: center;position: absolute;top: -18px;width: 100%;left: 0;}
  .empTest .headTag:before {content: "";border-bottom: 16px solid #ff6c1a;border-left: 18px solid transparent;position: relative;top: -30px;}
  .empTest .headTag:after {content: "";border-bottom: 16px solid #ff6c1a;border-right: 18px solid transparent;position: relative;top: -30px;}
  
  .modal-content.empTest .headTag .close,
  .modal-content.empTest .headTag .close:hover,
  .modal-content.empTest .headTag .close:focus {position: absolute;right: -14px;top: 3px;background: #fff;border-radius: 100%;width: 32px;height: 32px;border: 2px solid #ff6c1a;color: #333;cursor: pointer;outline: none;opacity: 1;display: flex;align-items: center;justify-content: center;}
  .empTest .headTag i {display: inline-block;width: 36px;height: 38px;background: #ff6c1a;text-align: center;font-size: 18px;color: #fff;line-height: 46px;}
  .empTest .testimony {text-align: center;font-size: 14px;color: #333;margin: 2em 0 0 0;line-height: 22px;}
  
  .empTest article {position: absolute;width: 100%;left: 0;bottom: -35px;}
  .empTest figure {overflow: hidden;border-radius: 0;border: 5px solid #fff;box-shadow: 0 8px 10px -6px #444;margin: auto;}
  .modal-content.empTest article figure {width: 180px;}
  .empTest figure img {width: 100%;}
  .empTest main {font-size: 12px;color: #444;text-align: left;clear: both;margin: 2em 0 0 0;padding: 0 1em;position: relative;z-index: 9;}
  .empTest main:before,
  .empTest main:after {content: "";display: table;clear: both;}
  .empTest main h4 {font-size: 20px;font-weight: 700;line-height: 36px;float: left;margin: 0;}
  .empTest main h4 small {display: block;color: #000;}
  .empTest main span {float: right;border: 1px solid #ccc;padding: 2px;border-radius: 0;font-size: 14px;text-align: center;line-height: 34px;}
  .empTest main span b {display: block;background: #444;border-radius: 0;min-width: 130px;padding: 10px 0;font-size: 22px;color: #fff;line-height: 26px;}
  .empTest main span.green b {background: #8e9370;color: #fff;}
  @media (max-width: 1199px) {
    .oursparton-text-wrap h4 {font-size: 22px;}
      .our-benefits h4, .oursparton-text-wrap h4 {font-size: 20px;}
      #spartons .owl-theme .owl-nav .owl-prev,
      #spartons .owl-theme .owl-nav .owl-next {top: -90px;}
  }
  @media (max-width: 991px) {
    .oursparton-text-wrap h4 {font-size: 20px;}
      .oursparton-text-wrap h6 {font-size: 14px;margin: 0 0 10px;}
      .oursparton {padding: 25px;min-height: 510px;}
      .oursparton-text-wrap h6 {font-size: 14px;margin: 0 0 10px;}
      .oursparton {padding: 25px;min-height: 510px;}
      .modal-dialog.modal-testimonial {max-width: 700px;}
      .empTest .testimony {margin: 1.5rem 0 0 0;}
      .empTest .testimony p {padding-bottom: 0;font-size: 14px;}
      .empTest main h4 small {font-size: 13px;}
      .empTest main h4 {font-size: 18px;line-height: 30px;}
      .empTest main span b {font-size: 18px;}  
  }
  @media (max-width: 767px) {
    .oursparton-text-wrap h4 {font-size: 18px;}
    .oursparton-text-wrap img {margin: 0 0 10px;width: 30px;height: 30px;}
    .modal-dialog.modal-testimonial {max-width: 95%;}
      .empTest .testimony {margin: 1.5rem 0 0 0;}
      .empTest .testimony p {padding-bottom: 0;font-size: 13px;}
      .empTest main h4 small {font-size: 13px;}
      .empTest main h4 {font-size: 18px;line-height: 30px;}
      .empTest main span b {font-size: 16px;padding: 5px 0;}
      .modal-content.empTest .headTag .close,
      .modal-content.empTest .headTag .close:hover,
      .modal-content.empTest .headTag .close:focus {width: 28px;height: 28px;line-height: 28px;}
  }
@media (max-width: 480px) {
    .empTest article {display: none;}
      .career-vacancy .col-6 {width: 100%;}
      .empTest main {margin: 1em 0 0 0;padding: 0;}
      .empTest main span b {font-size: 15px;min-width: 110px;}
      .modal-content.empTest .headTag .close,
      .modal-content.empTest .headTag .close:hover,
      .modal-content.empTest .headTag .close:focus {padding: 0;right: -5px;}
}

.product-section .scroller__wrapper{--scrolling-gallery-items-visible:3;--scrolling-gallery-items-total:23;--scrolling-gallery-item-duration:30s;@media (max-width:767px){--scrolling-gallery-items-visible:2;--scrolling-gallery-item-duration:20s;}
  @media (max-width:991px){--scrolling-gallery-items-visible:2;--scrolling-gallery-item-duration:20s;}
  @media (max-width:640px){--scrolling-gallery-items-visible:1;--scrolling-gallery-item-duration:20s;}
}

/* Life and Culture start */
.scroller__wrapper.culture.reverse,
.scroller__wrapper.culture{--scrolling-gallery-items-visible:1;--scrolling-gallery-items-total:4;@media (max-width:1440px){--scrolling-gallery-items-visible:1;--scrolling-gallery-item-duration:20s;}}
.scroller__wrapper.culture .scroller__item {width: 100%; padding: 0px 8px;}
.our-culutre-wrap img,
.our-culutre-wrap {width: 100%;}
.scroller__wrapper.culture.reverse .slide-scroller {animation-direction: reverse; margin-top: 14px;}
/* Life and Culture end */