/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 08 2026 | 09:10:24 */
.blue-list,
.list-one li {
  position: relative
}

.cust-heading,
.cust-para,
.p20 {
  line-height: 26px
}

.cus-z a {
  box-shadow: 7px 7px 10px 0 #0d0a18
}

.font-semibold {
  font-weight: 500 !important
}

ul.blue-list {
  list-style: none;
  padding-left: 25px !important
}

p {
  margin-bottom: 0
}

.p20 {
  font-size: 20px;
  color: #1a1446;
  font-weight: 400
}

.pb16 {
  padding-bottom: 16px
}

.pb20 {
  padding-bottom: 20px
}

.pb28 {
  padding-bottom: 28px
}

.case-study .elementor-post .elementor-post__read-more {
  padding: 15px 70px;
  border-radius: 10px;
  font-weight: 400;
  display: inline-block
}

.case-study .elementor-post:first-child .elementor-post__read-more {
  background-color: #613389;
  color: #fff
}

.case-study .elementor-post:nth-child(2) .elementor-post__read-more {
  background-color: #5aeaff;
  color: #1a1446
}

.case-study .elementor-post:nth-child(3) .elementor-post__read-more {
  background-color: #00a7e1;
  color: #fff
}

.list-one li {
  padding-bottom: 16px !important;
  list-style: none !important
}

.list-one li:last-child {
  padding-bottom: 0 !important
}

.list-one li::after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  left: -25px;
  top: 9px;
  background-color: #00a8e0
}

@media (min-width:1700px) {
  .pl24>.elementor-widget-container {
    padding-left: 24px !important
  }
}

@media only screen and (min-width:1661px) {
  .what-it-incl {
    background-size: 96% 86% !important
  }
}

@media only screen and (max-width:1660px) and (min-width:1480px) {
  .include-parent .what-it-incl {
    background-size: 96% 67% !important
  }
}

@media only screen and (max-width:1479px) and (min-width:1400px) {
  .include-parent .what-it-incl {
    background-size: 93% 70% !important
  }
}

@media only screen and (max-width:1399px) and (min-width:1280px) {
  .include-parent .what-it-incl {
    background-size: 96% 70% !important
  }
}

@media only screen and (max-width:1279px) and (min-width:1025px) {
  .include-parent .what-it-incl {
    background-size: 96% 70% !important
  }
}

.cust-heading {
  font-size: 22px;
  color: #000;
  font-weight: 600;
  padding-bottom: 20px
}

.cust-para {
  font-size: 17px;
  font-weight: 400;
  color: #000;
  padding-bottom: 30px
}

.list-font {
  font-size: 16px;
  line-height: 25px;
  color: #000
}

@media only screen and (min-width:1560px) {

  .cust-heading,
  .cust-para {
    line-height: 36px !important;
    color: #000
  }

  .cust-heading {
    font-size: 30px !important;
    font-weight: 600;
    padding-bottom: 20px !important
  }

  .cust-para {
    font-size: 26px !important;
    font-weight: 400;
    padding-bottom: 30px !important
  }

  .list-one li {
    font-size: 24px !important;
    line-height: 35px !important
  }

  .list-font {
    width: 100%
  }

  .list-fonta {
    width: 100%;
    max-width: 600px
  }
}

@media only screen and (max-width:1300px) and (min-width:1025px) {
  .layout-setup {
    padding-left: 80px;
    padding-right: 80px
  }
}

@media only screen and (max-width:1024px) and (min-width:820px) {
  .layout-setup {
    padding-left: 60px;
    padding-right: 60px
  }
}

@media only screen and (max-width:819px) and (min-width:768px) {
  .layout-setup {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media only screen and (max-width:767px) {
  .layout-setup {
    padding-left: 24px;
    padding-right: 24px
  }
}

@media only screen and (max-width:1660px) and (min-width:1301px) {
  .layout-setup {
    padding-left: 100px;
    padding-right: 100px
  }
}

@media only screen and (max-width:1680px) and (min-width:1025px) {

  .what-is-it,
  .what-it-incl {
    position: relative;
  }

  .what-it-incl {
    background-position: center center !important;
    justify-content: center !important
  }

  .benefits,
  .what-is-it {
    background-position: left center
  }

  .what-it-incl h4 {
    font-size: 24px !important;
    line-height: 28.9px !important
  }

  .satisfactionz h3 {
    font-weight: 600 !important
  }

  .different-maes .e-con-inner {
    padding-top: 70px !important;
    padding-bottom: 70px !important
  }

  .benefits,
  .what-is-it .elementor-widget-container,
  .what-it-incl .elementor-widget-container {
    padding-top: 20px !important
  }

  .benefits {
    justify-content: center !important
  }

  .benefits h4 {
    padding-left: 10px
  }

  .list-one li::after {
    width: 10px !important;
    height: 10px !important;
    left: -20px !important
  }

  body .offer-sectionz h3.elementor-image-box-title {
    font-size: 22px !important
  }

  .cus-z a,
  .cus-zz a {
    border-radius: 5px !important
  }

  .banner-left-col {
    padding-left: 0;
    padding-right: 0
  }

  .feelz {
    padding-bottom: 60px
  }

  .delivery-banner {
    min-height: 550px !important
  }

  .posts-read .elementor-post__read-more {
    font-size: 18px !important;
    padding: 14px 28px !important
  }

  .posts-read .elementor-post__excerpt p {
    font-size: 18px !important
  }

  .posts-read .elementor-post__excerpt,
  .posts-read .elementor-post__title {
    margin-bottom: 20px !important
  }

  .offer-sectionz .elementor-image-box-description {
    font-size: 17px !important
  }

  .case-styz .e-con-inner,
  .offer-sectionz {
    padding-top: 60px !important
  }

  .posts-read .elementor-post__title a {
    font-size: 26px !important
  }

  .offer-sectionz .e-con-inner {
    gap: 30px;
    padding-bottom: 0;
    padding-top: 0 !important
  }

  .what-offer-section {
    padding-bottom: 30px
  }

  .posts-read .elementor-posts {
    gap: 50px !important
  }

  .let-takz .elementor-heading-title {
    font-size: 20px !important
  }

  .cus-z a {
    font-size: 24px !important;
    padding: 16px 65px !important
  }

  .cus-zz a {
    font-size: 18px !important;
    padding: 16px 26px !important
  }

  .ptpb-100 {
    padding-top: 100px;
    padding-bottom: 100px
  }

  .minoriy-text p {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 20px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
  }

  .we-do-iz a {
    font-size: 24px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important
  }

  .compiz .e-con-inner {
    padding-bottom: 50px
  }

  .individualp p,
  .seven-cors p {
    font-size: 18px;
    line-height: 28px
  }

  .msn-our .elementor-widget-container {
    margin-bottom: 30px !important
  }

  .makes-us-different .e-con-inner {
    padding-top: 70px
  }

  .makes-us-heading .elementor-widget-container {
    padding-bottom: 40px !important
  }
}

@media only screen and (max-width:480px) {
  .teams-cta a {
    box-shadow: 4px 4px 6px 0 #000000CC;
    z-index: 999 !important
  }

  .what-offer-section figure.elementor-image-box-img img {
    justify-content: flex-start;
    display: flex;
    height: 80px;
    width: auto
  }

  .what-offer-section figure.elementor-image-box-img {
    min-height: auto !important;
    margin-bottom: 0 !important
  }

  .minoriy-text p {
    padding-bottom: 20px
  }

  .blue-list .list-one li,
  .list-one li {
    font-size: 16px !important
  }

  .case-study .elementor-post .elementor-post__read-more {
    padding: 14px 34px !important
  }

  .cust-heading {
    font-size: 18px;
    line-height: 26px
  }

  .cust-para {
    font-size: 16px;
    line-height: 26px
  }

  .blue-list .list-one li {
    line-height: 26px;
    padding-bottom: 12px !important
  }

  .banner-left-col {
    padding-left: 0 !important
  }

  .benefits.layout-setup {
    padding-left: 0;
    padding-right: 0
  }

  .cust-heading,
  .cust-para,
  .list-font {
    margin-left: 20px;
    margin-right: 20px
  }
}

@media only screen and (min-width:1680px) {
  .accent-n .type-case_study .elementor-post__read-more {
    padding: unset !important;
    font-size: 20px !important
  }
}

.container-1300 {
  width: 100%;
  max-width: 1300px !important;
  margin: 0 auto
}

@media only screen and (min-width:1025px) {
  .delivery-banner {
    z-index: -3;
    position: relative
  }

  .delivery-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    z-index: -3;
    opacity: 1;
    background: url('/wp-content/uploads/2025/01/square-bg-blue.webp') 0 0/contain no-repeat
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .what-offer-section figure.elementor-image-box-img img {
    justify-content: flex-start;
    display: flex;
    height: 80px;
    width: auto
  }

  .individualp br {
    display: none
  }

  .minoriy-text p {
    padding-bottom: 20px
  }

  .what-offer-section figure.elementor-image-box-img {
    min-height: auto !important;
    margin-bottom: 0 !important
  }

  .delivery-banner {
    z-index: -3;
    position: relative
  }

  .delivery-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -3;
    opacity: 1;
    background: url('/wp-content/uploads/2025/01/square-bg-blue.webp') 0 0/50% 100% no-repeat
  }

  .powered-by {
    width: 100%;
    max-width: 200px !important;
    height: auto
  }
}

@media only screen and (max-width:767px) {
  .delivery-banner {
    z-index: -3;
    position: relative
  }

  .delivery-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -3;
    background: url('/wp-content/uploads/2025/01/square-bg-blue.webp') bottom/100% 64% no-repeat;
    opacity: .8
  }
}

@media only screen and (min-width:1681px) {
  .makes-us-heading h2 {
    font-size: 70px !important
  }

  .seven-cors p {
    font-size: 24px !important;
    line-height: 36px
  }

  .mb-client h2 {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
  }

  .satisfactionz h3 {
    font-size: 30px !important
  }
}

@media only screen and (max-width:1680px) and (min-width:1025px) {
  .delivery-banner::before {
    background-size: 70% !important
  }

  .solution-industary h1 {
    width: 100%;
    max-width: 300px !important
  }

  .banner-left-col p {
    font-size: 46px !important;
    line-height: 56px !important
  }

  .all-hm-button .case-study-button {
    width: 100%;
    max-width: 170px;
    margin: 0 auto;
    border-radius: 5px !important
  }

  .serve-you {
    padding-top: 20px !important
  }

  .accent-n .elementor-post__excerpt p {
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 600 !important
  }

  body .accent-n .elementor-post__read-more {
    font-size: 16px !important;
    line-height: 18.5px !important;
    padding: unset !important
  }

  .banner-heading h1 {
    font-size: 42px !important;
    line-height: 54px !important
  }
}

@media (min-width:1440px) {
  .banner-heading {
    margin-top: 20px !important;
    margin-bottom: 20px !important
  }
}

@media (min-width:1680px) {

  .everything-p p,
  .plan-paragraph p {
    font-size: 24px !important;
    line-height: 34px !important
  }

  .help-discover p,
  .plan-heading h3 {
    font-size: 28px !important;
    line-height: 36px !important
  }
}

@media (min-width:1025px) and (max-width:1680px) {
  .heading-h1-format h1 {
    font-size: 50px !important;
    line-height: 60px !important
  }
}

h3.cust-heading {
  margin-top: unset;
  margin-bottom: unset;
}

h2.cust-heading {
  margin-top: unset;
  margin-bottom: unset;
}

@media (min-width:1680px) {
  .what-is-it h2 {
    font-size: 30px !important;
  }

  .what-is-it .elementor-widget-container {
    padding-bottom: 40px !important;
  }

  .what-is-it {
    justify-content: center;
  }

  .is-it-whatt-font h2 {
    font-size: 30px !important;
  }

  .benefits {
    padding-bottom: 40px !important;
  }
}

@media (max-width:1024px) and (min-width:768px) {
  .what-is-it h2 {
    font-size: 20px !important;
    line-height: 32px !important;
  }

  .is-it-whatt-font h2 {
    font-size: 20px !important;
    line-height: 32px !important;
  }
}

@media (max-width:1679px) and (min-width:1025px) {
  .what-is-it h2 {
    font-size: 20px !important;
  }

  .is-it-whatt-font h2 {
    font-size: 20px !important;
  }
}

@media (min-width:1025px) {
  .what-is-it .elementor-widget-container {
    padding-left: unset !important;
  }

}

@media (max-width:1680px) {
  body .box-image-insight .posts-sbu-head p {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 22px;
    text-transform: unset !important;
    color: #002b49 !important;
  }
}

@media (min-width:1681px) {
  body .box-image-insight .posts-sbu-head p {
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 30px;
    text-transform: unset !important;
    color: #002b49 !important;
  }
}


@media only screen and (max-width: 390px) {
    .delivery-banner::before {
        background-size: 100% 100% !important;
    }
}