body .home-banner1 { padding-top: 220px; padding-bottom: 120px; max-height: 100%; }
.btn_box { display: flex; justify-content: center; }
.home-banner .home-banner-np1 p.banner-par { width: 75% !important; }
.home-banner1 .btn_box a.bnr-bttn { display: block; margin-bottom: 0; }
.subhead { font-size: 20px; font-weight: 600; }
.intro_box { box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; border: 1px solid #d5d5d5; border-radius: 10px; }

.rpad-tb { padding: 0 !important; }
.bg-lg {background: #f7f7f7;}
.brd-bx {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;overflow: hidden;margin: 0;justify-content: center;}
.brd-bx li {display: inline-block;width: calc(100% / 3 - 0px);position: relative;padding: 20px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;}
.brd-3box.brd-bx li:nth-child(n+4), .brd-3box.brd-bx li:nth-child(n+5) {border-bottom: none;}
.brd-3box.brd-bx li:nth-child(n+5){border-right: 1px solid #ccc;}
.brd-3box.brd-bx li:nth-child(3n), .brd-3box.brd-bx li:nth-child(6n) {border-right: none;}
.brd-bx li:nth-child(n+6) {border-bottom: none;}
.brd-bx li:nth-child(5n) {border-right: none;}
.brd-bx span {display: block;margin-top: 15px;}
.center-cnt {text-align: center;padding: 50px 0 0 0;}

.bx-n {transition:all 0.2s ease 0s;border:1px solid #EAEAEA;border-radius: 10px; padding: 38px 36px !important;}
.bx-n:hover {box-shadow: 0px 24px 24px 0px #0B4C7166;}
.bx-n h3 {position:relative;padding-right:60px;font-size: 25px;font-weight: bold;color:#34313f !important;}
.bx-n h3 a{color:#0b4c71 !important;}
.bx-n svg {position:absolute;right:0;top:-4px;width: 45px;height: 50px;fill:#d76f27 !important;}

.whitbx ul.box-pnt2 { margin: 0 -10px; justify-content: center; } 
.box-pnt2 { padding: 0; display: flex; flex-wrap: wrap; } 
.whitbx ul.box-pnt2 li { width: calc(16.28% - 20px); margin: 10px; }
.box-pnt2 li { display: inline-block; padding: 12px !important; border: 1px solid #c1c1c1; margin: 10px; width: calc(19% - 10px); text-align: center; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; align-items: center; background-color: #fff; font-size: 16px; line-height: 1.4; font-weight: 600; } 
.box-pnt2 img { display: block; margin: auto; margin-bottom: auto; margin-bottom: 16px; width: 50px; height: 50px; } 
.box-pnt2 li:hover { border-color: #0b4c71; }

.category-box { width: 220px; background: #fff; border: 1px solid #ddd; /* border-radius: 12px; */ box-shadow: 0 4px 10px rgba(0,0,0,0.05); cursor: pointer; transition: all 0.4s ease-in-out; } 
.category-box .main-title, .category-box .sub-description { transition: opacity 0.4s ease, transform 0.4s ease; }
.category-box:hover .main-title { opacity: 1; transform: translateY(0px); } 
.category-box .sub-description { opacity: 0; transition: all 0.2s; transform: translateY(0px); } 
.category-box:hover .sub-description { opacity: 1; transform: translateY(0); position: relative; bottom: 0px; }
.box-pnt2 li p {font-size: 12px; font-weight: 400; margin-top: 5px;}

.workflow-section .flex-container .workflow-item { flex: 0 0 25%; padding: 10px 29px; position: relative; } .workflow-section .flex-container .workflow-item:after { content: ''; position: absolute; /* width: 30%; */ background: url(https://www.team4ecom.com/images/right-new_1.svg); top: 20%; right: -11%; transform: translate(-50%, -50%); background-size: cover; font-weight: 600; font-size: 44px; /* margin-left: 67px; */ height: 35px; width: 35px; } .workflow-section .flex-container .workflow-item:last-child::after { display: none; } .workflow-section .flex-container figure { height: 80px; width: 80px; background-color: #0b4c71; margin: auto; padding: 20px; border-radius: 50%; } .workflow-section .flex-container figure img { margin: 0px; height: 100%; width: 100%; /* filter: invert(1) */ }

.workflow-section .flex-container {
      display: flex;
      flex-wrap: wrap;
    }

.workflow-item p { font-size: 22px; font-family: 'Unica One'; color: #393836; text-transform: uppercase; line-height: normal; margin-top: 20px; }
details { border: none; padding: .75em .75em 0; margin-top: 10px; border-bottom: 1px solid #d4d4d4; } summary { color: #333; margin: -.75em -.75em 0; padding: .75em; color: #fff; cursor: pointer; font-family: 'Unica One'; text-transform: uppercase; font-size: 28px; } details[open] { padding: .75em; } details[open] summary { margin-bottom: 10px; } details { padding: .75em .75em 0; margin-top: 10px; } summary { margin: -.75em -.75em 0; padding: .75em; color: #fff; cursor: pointer; } summary { color: #333; } details[open] { padding: .75em; } details[open] summary { margin-bottom: 10px; }
.txt-lft {
      text-align: left;
    }

    .faq-q {
      display: inline;
      font-size: 28px;
      color: #333 !important;
    }

    .cta-band {background: #0b4c71;color: #fff;text-align: center;}
/* .cta-band a {background: #d76f27;padding: 10px 20px;border-radius: 50px;color: #fff !important;display: inline-block;text-transform: uppercase;} */
.cta-band a.bnr-bttn { background-color: #d76f27; display: inline-block; padding: 5px 20px; text-transform: uppercase; color: #FFFFFF; border-radius: 40px; font-family: 'Unica One'; font-size: 22px; margin-top: 20px; }
ul.pnt-dg li {font-family:'Unica One' !important;}
.pnt-dg { padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; justify-content: center;}
.pnt-dg li {display: inline-block;padding: 10px 20px;width: 31%; background:#efeeee;margin-bottom: 20px;text-align: center;margin-right: 20px;border-radius: 7px;font-size: 22px;text-transform: uppercase;transition-duration: 0.3s;}
.pnt-dg li:hover {background: #0b4c71; color: #fff;}
.logo_sec img {
  max-height: 40px;
  max-width: 130px;
  object-fit: contain;
}
.logo_sec .shadow-sm { display: flex; justify-content: center; }
.swiper-slide .tstbox img { width: auto !important; }

.home-banner .swiper-slide { padding-top: 220px !important; padding-bottom: 120px !important; }
body .home-banner { padding: 0 !important; }
.home-banner a.bnr-bttn { margin-bottom: 0 !important; }
.cta-band-texture {
    background: url(https://team4ecom.nddw.com/images/cta-bg.jpg) no-repeat center top / cover #0b4c71 !important;
}


.ourworkflow{background-color: #2e2e2e; padding:50px 0;text-align: center;color: #fff;}
.ourworkflow * {color: #bebebe !important;}
.ourworkflow h2{color: #fff !important;line-height: 1.4;margin-top: 0 !important;}
.orngeClr{color: #e98c52 !important;}
.hgl-bx .devider-line2 .org-2 {
 left: 0px;
}
.hgl-bx .devider-line2 .purp-2 {
left: 50px;
}	

.hgl-bx .devider-line2 {
  width: 18%;
  position: relative;
  display: block !important;margin-top: 7px !important;
}
.counterblocks .tab-steps {position: relative;list-style: none;padding-left: 0;min-height: 220px;width: 100%;margin: 50px 0;}
.counterblocks .tab-steps-list {list-style: none;padding-left: 0;width: 100%;display: flex;justify-content: center; margin-top: -80px; margin-bottom: 20px;}
.counterblocks .tab-steps-list li {position: relative;list-style: none;counter-increment: li;cursor: pointer;background: transparent !important;margin: 0;padding: 0;width: 10%;color: #fff !important;}
.counterblocks .tab-steps-list li.active {opacity: 1;}
.counterblocks .tab-steps-list li.active:after {background: #144b6f;width: 100%;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.counterblocks .tab-steps-list li:before {content: counter(li);margin: auto;width: 40px;height: 40px;display: block;border-radius: 50%;background-color: #c2c2c2;border: solid 1px #c2c2c2;line-height: 39px;position: relative;z-index:1;}
.counterblocks .tab-steps-list li:after {content: "";position: absolute;width: 100%;height: 4px;background: #c2c2c2;top: 20px;left:0;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.counterblocks .tab-steps-list li.active:before{background: #144b6f;border-color:#144b6f;}
.counterblocks .tab-steps-list li.active:after {content: "";position: absolute;width: 100%;height: 4px;background: #144b6f;top: 20px;left:0;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.counterblocks .tab-steps>li {-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;width: 100%;background: transparent !important;padding: 0;opacity: 0;height: 0;}
.counterblocks .tab-steps>li.active { opacity: 1;}
.counterblocks .tab-steps-blocks {position: relative;}

.counterblocks .tab-steps-description {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.counterblocks .tab-steps-description .tab-steps-imgs{max-width: 300px;}
.counterblocks .tab-steps-description .tab-steps-imgs img{max-width: 220px}
.counterblocks .tab-steps-description .tab-steps-contnt{max-width: calc(100% - 300px);text-align: left;flex: auto;}
.counterblocks .tab-steps-description .tab-steps-contnt h2 {font-size: 24px;font-weight: 600;color: #fff !important;}

.case-sect .swiper-slide { border-radius: 10px; height: 350px; overflow: hidden; }
.case-sect .swiper-slide a {width: 100%; height: 100%; }
.case-sect .swiper-slide img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.case-sect .img_overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 75%); }
.case-sect .content_sec { position: relative; z-index: 2; height: 100%; width: 100%; padding: 20px; display: flex; height: 100%; gap: 20px; flex-direction: column; justify-content: space-between; }
.case-sect .swiper-slide .category p { font-size: 15px; color: #103873; font-weight: 600; background: #fff; border-radius: 10px; line-height: 1.6em; padding-inline: 10px; padding-bottom: 2px; width: min-content; }
.storyhead { font-weight: 700; font-size: 21px; color: #fff; text-align: start; }
.story_stat { border: 1px solid #F69321; border-radius: 10px; padding: 10px; height: 100%; }
.statHead { font-family: 'Unica One'; font-size: 26px; color: #fff; }
.statPara { font-size: 13px; color: #fff; line-height: 1.6em; font-weight: 500; }
.case-sect .swiper-button-prev-1, .case-sect .swiper-button-next-1 { width: 45px; height: 45px; background: #D76F27; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; } 
.case-sect .swiper-button-next-1 { right: -60px; }
.case-sect .swiper-button-prev-1 { left: -60px; } 
.case-sect .swiper-button-disabled { background: #5F5F5F; }


@media (max-width:767px) {
.inner-banner.newpad {padding: 120px 0 30px !important;}
.colwrap{flex-direction: column;}
.colwrap .banner-contents{width: 100%;padding: 0;}
ul.staticns {margin-top: 25px;}
ul.staticns li {padding-right: 10px;margin-right: 10px;width: calc(50% - 10px) !important;margin-bottom: 25px;}
ul.staticns li img {width: 37px;}
ul.staticns li h4 {font-size: 20px;width: calc(100% - 37px);}
ul.staticns li:nth-child(even) {margin-right: 0;padding-right: 0;}
.banner-forms {margin-top: 30px; width: 100%;}
.inrbnr1 .style-font {font-size: 15px;line-height: 1.6;}
.customtabs{background-color: #fff;}
.cta-band .pont-dg li {width: calc(100% / 1 - 0px) !important;}

.counterblocks .tab-steps{margin: 30px 0 50px 0;min-height: 400px;}
.counterblocks .tab-steps-list li {width: 23%;}
.counterblocks .tab-steps-description {flex-direction: column;}
.counterblocks .tab-steps-description .tab-steps-imgs {max-width: 100%;}
.counterblocks .tab-steps-description .tab-steps-imgs img{max-width: 150px;}
.counterblocks .tab-steps-description .tab-steps-contnt {max-width: 100%;text-align: center;margin-top: 30px;}
.counterblocks .tab-steps>li{height: auto;display: none;}
.counterblocks .tab-steps>li.active {display: block;}
.whitbx ul.box-pnt2 li {width: calc(50% - 20px);}
.sliderconatiner {text-align: center;}
.sliderconatiner .col-md-3{margin-bottom: 20px}
.mobcontain .mobimg{display: none;}
.bg-lg.rpad-tb.rightbg:after{display: none;}
.mobcontain ul.number-list li::before{display: none;}
.cta-band .ctacontent{border-radius: 0px !important;}
ul.number-list li {padding: 15px;}
}


.cat_scroll { max-height: 54px; overflow: hidden; }
.cat_scroll_box { transform: translateY(0); transition: all 0.3s; }
.category-box:hover .cat_scroll_box { transform: translateY(-50px); }
.category-box { max-height: 145px; }
.category-box:hover .sub-description { opacity: 1; }

@media (min-width:767px) and (max-width:992px)  { 
  body .home-banner .swiper-slide { padding: 135px 0 90px !important; }
}


@media (max-width:767px) { 

  .new-heading-50 { font-size: 40px; }
  body .heading-35, h2 { font-size: 35px; }
  .heading-30, h3 { font-size: 30px !important; }
  .subhead { font-size: 18px; }
  body .home-banner .swiper-slide { padding: 115px 0 50px !important; }
  .banner-par { font-size: 18px !important; }
  .home-banner .home-banner-np1 p.banner-par { width: 100% !important; }
  .home-banner a.bnr-bttn { font-size: 20px !important; padding-inline: 30px !important; }
  .pnt-dg li { width: 100% !important; margin-right: 0px !important; }

  .brd-bx li {width: calc(100% / 1 - 0px);border:1px solid #CCCCCC;border-bottom:none;}
  .brd-bx li:nth-child(2n) {border-right: 1px solid #CCCCCC !important;}
  .brd-bx li:nth-child(n+6) {border-bottom: none;}
  .brd-bx li:nth-child(10) {border-bottom: 1px solid #CCCCCC;}
  .brd-bx li {width: calc(100% / 1 - 0px) !important;}
  .brd-3box.brd-bx li:nth-child(n+4){border-bottom: none !important;}
  .brd-3box.brd-bx li:nth-child(n+6){border-bottom: solid 1px #ccc !important;}
  .brd-3box.brd-bx li:nth-child(3n) { border-right: 1px solid #CCCCCC !important; }
  ul.tab-steps-list { position: relative; top: 50px; }
  .ourworkflow { padding-bottom: 80px; }
  .cta-band h3 { font-size: 26px !important; min-width: 100% !important; }
  .faq-q { font-size: 27px !important; }
}
@media(max-width:1250px) {
  .case-sect .swiper-button-next-1 { right: -30px; }
  .case-sect .swiper-button-prev-1 { left: -30px; }
}
@media(max-width:786px) { 
  .case-sect .container { padding: 0; }
  .case-sect .swiper-button-prev-1, .case-sect .swiper-button-next-1 { height: 35px; width: 35px; }
  .case-sect .swiper-button-prev-1 svg, .case-sect .swiper-button-next-1 svg { width: 15px; }
  .case-sect .swiper-button-next-1 { right: -18px; }
  .case-sect .swiper-button-prev-1 { left: -18px; }
  .statPara { font-size: 12px; color: #fff; line-height: 1.3em; font-weight: 500; }
  .storyhead { line-height: 1.32em; }
}