*{
    box-sizing: border-box;
     font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        "Open Sans",
        sans-serif;
 }
 .case_content{
  width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
 }
 #hs_cos_wrapper_module_17532944432821{
     width: 100%; 
}
.case_blog_banner{
        width: 100%;
        height: 705px;
position: relative;
      display: flex;
    align-items: center;
    justify-content: center;
    }
    .case_blog_banner::after{
        content:'';
        background-image: url(https://6821776.fs1.hubspotusercontent-na1.net/hubfs/6821776/Gradient%20shape.png);
          position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
      background-size: cover;
    }
.case_blog_banner_text{
      z-index: 2 !important;
    position: relative;
      max-width: 1300px;
    width: 100%;
  opacity:0;
  transition: opacity .5s;
}
.case_blog_banner>img{
      position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.case_blog_banner_text>h1{
  font-weight: 700;
    font-size: 64px;
    line-height: 80px;
    letter-spacing: 0px;
    color: white;
    font-family: Roboto !important;
     max-width: 729px;
    width: 100%; 
    margin-bottom: 35px;
}
.case_blog_banner_text>a{
      font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    font-family: Roboto !important;
    color: white;
    background: #FE7746;
    padding: 18px 76px;
    border-radius: 50px;
}
@media (max-width: 1150px) {
    .case_blog_banner_text{
   padding-left:10px;
    padding-right:10px;
      box-sizing: border-box;
  }
}

.case_blog_container{
  display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    box-sizing: border-box;
    max-width: 100%;
  }
  .post_body_def{
        max-width: 1110px;
    width: 100%;
    margin: 25px auto;
  }
  .post_body_banner{
        background: url(https://6821776.fs1.hubspotusercontent-na1.net/hubfs/6821776/Spadoom%20image/whatwedo-background-primary.webp);
    background-size: cover;
    width: 100%;
    height: 494px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .post_body_banner h1{
   color: white;
    font-weight: 600;
    max-width: 1110px;
    text-align: center; 
  }
     .main_test_block{
        max-width: 1199px;
        width: 100%;
        margin: 127px 0;
        display: flex;
        align-items: stretch;
    }
    .main_test_block>img{
        height: auto;
        max-width: 711px;
        width: 100%;
        object-fit: cover;
      box-sizing: border-box;
      border-radius: 50px 0 0 50px;
    }
    .main_test_block_text{
          border: 1px solid #D9D9D9;
    border-radius: 0 50px 50px 0;
    border-left: none;
        width: 100%;
      box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 54px 90px 55px 74px;
    }
    .main_test_block_text_item{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 28px;
    }
    .main_test_block_text_item>h4{
        font-family: Roboto !important;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0px;
        text-transform: uppercase;
        color: #FE7746;
        margin-bottom: 11px;
    }
    .main_test_block_text_item>p{
          margin: 0;
        font-family: Open Sans !important;
        font-weight: 400;
           font-style: normal;
        font-size: 16px;
      line-height: 21.4px;
        letter-spacing: 0px;
        color: black;
    }
    .main_test_block_text>a{
          margin-top: 15px;
        display: flex;
        align-items: center;
    }
    .main_test_block_text>a>span{
        font-family: Open Sans !important;
        font-weight: 400;
           font-style: normal;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0px;
        text-transform: lowercase;
        color: #FE7746;
        padding-right: 20px;
    }
@media (max-width: 1150px) {
    #hs_cos_wrapper_module_175327484241252{
   padding-left:10px;
    padding-right:10px;
      box-sizing: border-box;
  }
}
@media (max-width: 1050px) {
  .main_test_block{
       flex-direction: column; 
  }
  .main_test_block>img{
        border-radius: 50px;
    max-width: 100%;
    height: 300px;
  }
  .main_test_block_text{
        border-left: 1px solid #d9d9d9;
    border-radius: 50px;
    margin-top: 25px;
        height: fit-content;
  }
}

#hs_cos_wrapper_module_175326276585639{
  width: 100%;
    background: #f6f7f8;
    padding: 105px 0 115px 0;
    display: flex;
  justify-content: center;
}
.counters_cnt{
      max-width: 1123px;
    width: 100%;
  display: flex;
    align-items: stretch;
    justify-content: space-between;
      padding: 36px 23px;
}
.counters_item{
      display: flex;
    flex-direction: column;
    align-items: center;
       justify-content: flex-start;
}
.counters_item span{
  color: #FE7746;
    font-weight: 600;
    font-size: 64px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
}
.counters_item p{
  font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
    max-width: 287px;
    width: 100%;
  color:black;
}
.counters_item:not(:last-child){
border-right: 1px solid #000000;
      padding-right: 56px;
}
@media (max-width: 1150px) {
    #hs_cos_wrapper_module_175326276585639{
   padding-left:10px;
    padding-right:10px;
      box-sizing: border-box;
  }
}
@media (max-width: 890px) {
  .counters_cnt{
        flex-direction: column;
    align-items: center;
  }
  .counters_item:not(:last-child) {
    border-right: none;
    padding-right: 0;
    margin-bottom: 25px;
}
}

#hs_cos_wrapper_module_175326251488632{
     max-width: 1149px;
    width: 100%;
    padding: 37px 0 38px 0; 
}
.feedback_cnt {
  border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #2B3635;
    padding: 59px 34px 53px 34px;
}

.feedback_cnt p{
      font-weight: 400;
    font-size: 32px;
    line-height: 50px;
    letter-spacing: 0px;
    text-align: center;
      margin-bottom: 50px;
  color:black;
}
.feedback_cnt .feedback_sign{
  display: flex;
    align-items: center;
}
.feedback_cnt .feedback_sign img{
     width: 109px;
    height: 109px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 52px; 
}
.feedback_name h5{
      font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #FE7746;
    margin: 0px 0 7px 0;
}
.feedback_name span{
font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #0E2446;
}
@media (max-width: 1150px) {
    #hs_cos_wrapper_module_175326251488632{
   padding-left:10px;
    padding-right:10px;
      box-sizing: border-box;
  }
}
@media (max-width: 500px) {
  .feedback_cnt p{
    font-size: 17px;
    line-height: 28px;
  }
}
#hs_cos_wrapper_module_175326202562620{
 width: 100%;
}
.about_case_block{
        width: 100%;
        display: flex;
        justify-content: center;
        background: #F6F7F8;
        padding: 115px 0;
    }
    .about_case_block_content{
        display: flex;
        align-items: center;
        max-width: 1132px;
        width: 100%;
    }
    .about_case_block_content>img{
        border-radius: 16px;
        max-width: 555px;
        width: 100%;
        object-fit: cover;
    }
    .about_case_block_text{
        padding: 66px 0 42px 83px;
        display: flex;
        flex-direction: column;
    }
    body.single-case-studies .about_case_block_text>h3{
        font-family: Roboto !important;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: 0px;
        margin-bottom: 14px;
        color:#fe7746;
    }
    .about_case_block_text>p{
        font-family: Open Sans !important;
        font-weight: 400;
        font-style: Regular;
        font-size: 18px;
        line-height: 35px;
        letter-spacing: 0px;
      color:black;
    }
@media (max-width: 1150px) {
    #hs_cos_wrapper_module_175326202562620{
   padding-left:10px;
    padding-right:10px;
      box-sizing: border-box;
  }
}
@media (max-width: 1010px) {
  .about_case_block_content>img{
    max-width: 100%;
  }
  .about_case_block_content{
    flex-direction: column;
  }
}


.how_made_cnt{
      display: flex;
    flex-direction: column;
    align-items: center;
  padding:86px 0 85px 0;
  max-width:1149px;
  width:100%;
}
.how_made_title{
      font-weight: 500;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: #FE7746;
    margin: 0 0 89px 0;
}
.how_made_item{
  display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #2B3635;
    border-radius: 20px;
    padding: 57px 54px 69px 46px;
    width: 100%;
}
.how_made_item:not(:last-child){
 margin-bottom:89px; 
}
.how_made_item img{
 width: 76px;
    height: 79px;
    object-fit: contain;
}
.how_made_item h4{
  font-weight: 500;
    font-size: 36px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #0E2446;
    margin-bottom: 35px;
}

.how_made_item p{
      font-weight: 400;
    font-size: 24px;
    line-height: 39px;
    letter-spacing: 0px;
    white-space: pre-wrap;
    color: #818484;
  margin:0;
  color:black;
}
.how_icon_cntr{
  display: flex;
    justify-content: center;
    align-items: center;
    padding: 28px;
    background: #FFF1EC;
    border-radius: 16px;
    margin-bottom: 36px;
}
@media (max-width: 1150px) {
    #hs_cos_wrapper_module_175325024718010{
   padding-left:10px;
    padding-right:10px;
      box-sizing: border-box;
  }
}

#hs_cos_wrapper_module_17532498080297{
      width: 100%;
}
.get_start_case{
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #F6F7F8;
        padding: 106px 10px;
    }
body.single-case-studies .get_start_case>h3{
      font-family: Roboto !important;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 48px;
        line-height: 100%;
        letter-spacing: 0px;
        text-align: center;
        color: #0E2446;
        margin-bottom:71px;
    }
    .get_start_case>a{
       cursor:pointer;
        background: #FE7746;
        padding: 18px 42px;
        border-radius: 50px;
        display: flex;
        justify-content: center;
          font-family: Roboto !important;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0px;
        text-align: center;
        color: #FFFFFF;
    }
#hs_cos_wrapper_module_17532050901764{
     max-width: 1150px;
    width: 100%;
    padding: 84px 0 134px 0; 
}
.case_list{
     display: flex;
    justify-content: space-between;
        align-items: stretch;
      margin: 0 -17px;
}
.case_block_title{
      font-weight: 600;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0f294a;
  margin-bottom: 69px;
}
.case_item img{
      width: 100%;
    object-fit: cover;
    height: 198px;
      border-radius: 8px 0 0 0;
}
.case_item{
      margin: 0 17px;
box-shadow: 0px 5px 9px 0px #00000021;
width:100%;
  max-width: 360px;
      display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.case_item_desc{
      display: flex;
    align-items: flex-end;
  padding-bottom: 25px;
      justify-content: space-between;
}
.case_item_desc p{
  margin: 0;
    padding: 0 19px 0 25px;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #818484;
  max-width: 100%;
    width: 100%;
}
.case_item_desc a{
 height: 46px; 
  margin-right: 23px;
}
.case_item h4{
      padding: 24px 25px 12px 25px;
    color: #0f294a;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
  margin: 0;
}
@media (max-width: 1150px) {
    #hs_cos_wrapper_module_17532050901764{
   padding-left:10px;
    padding-right:10px;
      box-sizing: border-box;
  }
}
  @media (max-width: 850px) {
    .case_list{
      flex-direction: column;
    max-width: 500px;
    margin: 0 auto;
    align-items: center;
    }
    .case_item{
           margin: 0; 
    }
    .case_item:not(:last-child){
        margin-bottom: 15px;  
    }
  }