:root{
  --mobile-bg-color:#fff;
}

/*=========== Case Study Hero ===========*/
.case_study_hero { padding: 215px 0 120px; background: #FFFFFF; }
.case_study_hero .title_col { display: flex; flex-flow: wrap; padding-bottom: 35px; }
.case_study_hero .title { width: 60%; }
.case_study_hero .content { width: 40%; padding-left: 20px; font-size: 27px; color: #000000; opacity: 0.5; max-width: 500px; }
.case_study_hero .title h1 { color: #0e0e0e; font-size: 80px; font-weight: 400; line-height: .9; }
.case_study_hero .image img { width: 100%; display: block; height: 786px; object-fit: cover; }
.case_study_hero .bottom_col { padding-top: 57px; display: flex; flex-flow: wrap; justify-content: space-between; }
.case_study_hero span.sub_title { color: #0E0E0E; font-size: 30px; font-weight: 300; line-height: 1; display: inline-block; padding-bottom: 28px; }
.case_study_hero .bottom_left h2 { font-size: 60px; line-height: 74px; font-weight: 400; }
.case_study_hero .bottom_left h2 a { font-weight: 400; color: #0e0e0e; text-decoration: none; }
.case_study_hero .bottom_left { width: 60%; padding-right: 20px; }
.case_study_hero .bottom_right { width: 40%; display: flex; justify-content: end; }
.case_study_logo img { display: block; }

/*=========== Case Study Principal ===========*/
.case_study_principal { padding: 170px 0 50px; background: #FFFFFF; }
.case_study_principal .title_col { display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; }
.case_study_principal .title { width: 50%; padding-right: 20px; }
.case_study_principal .taglist_col { width: 50%; display: flex; justify-content: right; }
.case_study_principal span.sub_title { font-size: 25px; color: #0E0E0E; opacity: 0.5; display: inline-block; padding-bottom: 8px; }
.case_study_principal .title h2.h1 { font-size: 80px; line-height: 0.9; font-weight: 400; }
.case_study_principal .tag_list ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.case_study_principal .tag_list ul li { display: inline-block; margin: 0 20px 10px 0; }
.case_study_principal .tag_list ul li a { text-decoration: none; color: #0E0E0E; transition: all 0.4s ease; font-size: 20px; line-height: 1; font-weight: 300; border: 1px solid #000000; border-radius: 60px; padding: 12px 20px; display: inline-block; }
.case_study_principal .tag_list ul li a:hover { color: #fff; background: #000; }
.case_study_principal .box_img a { display: block; height: 875px; overflow: hidden; position: relative; }
.case_study_principal .box_img a img { bottom: 0; display: block; height: 100%; left: 0; object-fit: cover; position: absolute; right: 0; top: 0; transition: all 1s ease; width: 100%; }
.case_study_principal .box_img a:hover img { transform: scale(1.2); }
.case_study_principal .box_content { padding-top: 25px; }
.case_study_principal .author_name { color: #8390A0; font-size: 25px; font-weight: 400; display: inline-block; line-height: 1; padding-bottom: 10px; opacity: 0.5; }
.case_study_principal .inner_box h3 { font-weight: 400; font-size: 40px; line-height: 1; }
.case_study_principal .inner_box h3 a { color: #0E0E0E; text-decoration: none; font-weight: 400; }
.case_study_principal .box_tag ul { list-style: none; margin-bottom: 0; padding-left: 0; }
.case_study_principal .box_tag ul li { display: inline-block; margin: 0 4px 10px 0; }
.case_study_principal .box_tag ul li a { text-decoration: none; transition: all 0.4s ease; color: #0E0E0E; font-size: 20px; font-weight: 300; line-height: 1; padding: 12px 18px; border: 1px solid #000000; border-radius: 60px; display: block; }
.case_study_principal .box_tag ul li a:hover { color: #fff; background: #000; }
.case_study_principal .inner_box_col { display: flex; flex-flow: wrap; margin: 0 -15px; padding-top: 50px; }
.case_study_principal .inner_box { width: calc(100% / 2 - 30px); margin: 15px; }
.case_study_principal .inner_box:nth-child(n +2) { margin-bottom: 100px; }

/*=========== General Info ===========*/
.general_info { padding-bottom: 65px; background-color: #FFFFFF; }
.general_info .image img { display: block; height: 845px; object-fit: cover; width: 100%; }
.general_info_row { display: flex; flex-flow: wrap; align-items: center; padding-top: 50px; }
.general_info .left_part { width: 40%; }  
.general_info .right_part { width: 60%; padding-left: 200px; }
.general_info .left_cover { max-width: 636px; }
.general_info .logo img { display: block; }
.general_info .info_col { display: flex; flex-flow: wrap; padding: 10px 0 20px; margin: 0 -15px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.general_info .info_box { width: calc(100% / 3 - 30px); margin: 15px; }
.general_info span.box_title { font-size: 15px; font-weight: 400; color: #0E0E0E; opacity: 0.5; line-height: 1; display: block; }
.general_info span.box_content { display: block; color: #0E0E0E; font-size: 15px; font-weight: 400; line-height: 1; padding-top: 10px; }
.general_info_tag { margin: 0 -15px; }
.general_info_tag ul { padding-left: 0; margin-bottom: 0; list-style: none; }
.general_info_tag ul li { display: inline-block; margin: 0 5px 10px 0; }
.general_info_tag ul li a { text-decoration: none; transition: all 0.4s ease; font-size: 20px; color: #0E0E0E; font-weight: 300; border: 1px solid #000000; border-radius: 60px; padding: 8px 20px; display: inline-block; }
.general_info_tag ul li a:hover { color: #fff; background: #000; }
.general_info span.caption { color: #C0C0C0; font-size: 25px; font-weight: 400; line-height: 1; display: inline-block; padding-bottom: 15px; }
.general_info .title h1 { font-size: 80px; line-height: 0.9; font-weight: 400; margin-bottom: 22px; }
.general_info .richtext { color: #0E0E0E; font-weight: 300; font-size: 20px; line-height: 1.1; }
.general_info .title { max-width: 753px; }

/*=========== Problematic ===========*/
.problematic { padding: 80px 0 140px; background-color: #FFFFFF; }
.problematic span.sub_title { color: #C0C0C0; display: inline-block; padding-bottom: 15px; font-size: 25px; line-height: 1; font-weight: 400; }
.problematic .title h2 { font-size: 80px; line-height: 0.9; font-weight: 400; }
.problematic .content { color: #0E0E0E; font-weight: 300; line-height: 1.1; font-size: 20px; }
.problematic .object_title h3 { font-size: 40px; line-height: 1; font-weight: 400; color: #000000; }
.problematic .object-list_col { padding-top: 40px; }
.problematic .object_list { padding-top: 10px; }
.problematic .object_list ul { margin-bottom: 0; list-style: none; }
.problematic .object_list ul li { color: #000000; font-size: 25px; font-weight: 400; margin-bottom: 15px;   margin-bottom: 20px; line-height: 1; }
.problematic .object_list ul li:last-child { margin-bottom: 0; }

/*=========== Solution Section ===========*/
.solution { background: #95BFBC; padding: 140px 0; }
.solution span.sub_title { color: #0E0E0E; font-size: 25px; line-height: 1; font-weight: 400; display: inline-block; padding-bottom: 15px; }
.solution_title h2.h1 { font-size: 80px; font-weight: 400; line-height: 0.9; max-width: 935px; }
.solution_col { display: flex; flex-flow: wrap; padding-top: 120px; margin: 0 -20px; }
.solution_box { width: calc(100% / 3 - 20px); margin: 10px; position: relative; border-right: 1px solid rgba(0, 0, 0, 0.5); }
.solution_box:nth-child(3n + 3) { border-right: none; }
.solution .box_title h3 { color: #0E0E0E; font-size: 40px; font-weight: 400; line-height: 1; margin-bottom: 0; }
.solution span.box_sub_title { color: #0E0E0E; opacity: 0.5; font-weight: 400; font-size: 25px; line-height: 1; display: inline-block; padding-top: 6px; }
.solution .box_content { color: #0E0E0E; font-weight: 300; font-size: 20px; line-height: 1.1; max-width: 468px; padding: 180px 17px 0 0; }
.solution .box_content p { margin: 0; }

/*=========== Functionality ===========*/
.functionality { padding: 130px 0 230px; background: #F2F2F2; }
.functionality .title { padding-bottom: 100px; }
.functionality span.sub_title { color: #8390A0; font-size: 25px; font-weight: 400; line-height: 1; display: inline-block; padding-bottom: 15px; }
.functionality h2.h1 { font-size: 80px; font-weight: 400; line-height: 0.9; }
.functionality_col { display: flex; flex-flow: wrap; align-items: center; margin-bottom: 120px; }
.functionality_col:last-child { margin-bottom: 0; }
.functionality_col:nth-child(even) { flex-direction: row-reverse; }
.functionality .left_part { width: 50%; padding-right: 50px; }
.functionality .right_part { width: 50%; padding-left: 100px; }
.functionality_col:nth-child(even) .right_part { padding: 0 100px 0 0; }
.functionality_image img { display: block; }
.functionality span.inner_subtitle { color: #0E0E0E; font-weight: 400; font-size: 25px; opacity: 0.5; line-height: 1; display: inline-block; padding-bottom: 6px; }
.functionality .inner_title h3 { font-size: 40px; font-weight: 400; line-height: 1; }
.functionality .content { color: #000000; font-size: 20px; font-weight: 300; line-height: 1.1; }
.functionality_col:nth-child(even) .left_part { padding: 0 0 0 50px; }

/*=========== Video Section ===========*/
.video_section { padding: 86px 0; background: #F2F2F2; position: relative; }
.video_row { margin: 0 auto; max-width: 1500px; }
.video_image { overflow: hidden; }
.video_image img { width: 100%; height: 892px !important; display: block; object-fit: cover; transition: all 1s ease; }
.video_cover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.video_cover a { transition: all 0.4s ease; }
.video_cover a span.video_btn svg { width: 115px; height: 118px; display: block; object-fit: cover; }
.video_cover a span.video_btn svg path { transition: all 0.4s ease; fill: #ECECEC; }
.video_cover a:hover span.video_btn svg path { fill: #000; }
.video_row:hover .video_image img { transform: scale(1.2); }

/*=========== Counter Section ===========*/
.counter { background: #F2F2F2; padding: 260px 0 75px; }
.counter_row { display: flex; flex-flow: wrap; }
.counter_left { width: 45%; padding-right: 50px; }
.counter_right { width: 55%; }
.counter span.sub_title { color: #C0C0C0; font-size: 25px; font-weight: 400; line-height: 1; display: inline-block; padding-bottom: 15px; }
.counter_title h2.h1 { font-size: 80px; font-weight: 400; line-height: 0.9; max-width: 640px; }
.counter_box_col { display: flex; flex-flow: wrap; }
.counter_box { width: calc(100% / 2 - 56px); margin: 28px; }
.counter_box .counter_col { display: flex; }
.counter_box span.counter_number { font-size: 120px; line-height: 1; color: #0E0E0E; font-weight: 400; }
.counter_box span.counter_text { display: block; color: #0E0E0E; font-size: 30px; line-height: 1; font-weight: 500; padding-top: 15px; max-width: 350px; }
.counter_box span.counter_sign { font-size: 120px; line-height: 1; font-weight: 400; color: #0E0E0E; text-transform: capitalize; }

/*=========== Features ===========*/
.features { padding: 150px 0; }
.features_row { display: flex; flex-flow: wrap; }
.features_left { width: 40%; }
.features_right { width: 60%; padding-left: 65px; }
.features_col { display: flex; flex-flow: wrap; }
.features_box { width: calc(100% / 2 - 24px); margin: 12px; }
.features_icon { padding-bottom: 8px; }
.features_icon img { height: 31px; width: 31px; border-radius: 50%; object-fit: cover; display: block; }
.features_box h4 { font-size: 20px; font-weight: 400; line-height: 1; margin-bottom: 20px; }
.features_content { font-size: 15px; color: #000000; opacity: 0.5; line-height: 1.1; font-weight: 300; }
.features span.sub_title { color: #C0C0C0; font-size: 25px; font-weight: 400; line-height: 1; display: inline-block; padding-bottom: 20px; }
.features_title h2.h1 { font-size: 80px; line-height: 0.9; font-weight: 400; }

/*=========== Client Review ===========*/
.cient_review { background: #F2F2F2; padding: 160px 0 250px; }
.cient_review_row { max-width: 1285px; margin: 0 auto; }
.cient_review h3 { font-size: 40px; line-height: 1; font-weight: 400; margin-bottom: 10px; }
.cient_review .content { color: #0E0E0E; opacity: 0.4; font-size: 40px; line-height: 1; }
.cient_review .author_col { display: flex; flex-flow: wrap; align-items: center; gap: 16px; }
.cient_review .auhtor_img img { width: 50px; height: 50px; border-radius: 50%; display: block; object-fit: cover; }
.cient_review span.author_name { color: #0E0E0E; font-size: 25px; font-weight: 400; line-height: 1.2; display: block; }
.cient_review span.designation { display: block; color: #0E0E0E; opacity: 0.5; font-size: 25px; line-height: 1.2; }

/*=========== Methodology ===========*/
.methodology { background: #000000; padding: 150px 0; }
.methodology span.sub_title { color: #C0C0C0; font-size: 25px; line-height: 1; font-weight: 400; display: inline-block; padding-bottom: 15px; }
.methodology h2.h1 { color: #FFFFFF; font-size: 80px; line-height: 0.9; font-weight: 400; max-width: 800px; }
.methodology_col { display: flex; flex-flow: wrap; margin: 0 -24px; max-width: 1425px; padding-top: 30px; }
.methodology_box { width: calc(100% / 3 - 24px); margin: 12px; background: #181818; border-radius: 10px; padding: 30px; }
.methodology_box h4 { color: #FFFFFF; font-size: 25px; line-height: 1; font-weight: 400; margin-bottom: 15px; }
.methodology .box_content { color: #FFFFFF; opacity: 0.5; font-size: 15px; font-weight: 300; line-height: 1.1; }
.methodology .box_content p { margin: 0; }
.methodology_cover { display: flex; flex-flow: wrap; }
.methodology_left { width: 50%; padding-right: 30px; }
.methodology_right { width: 50%; }
.methodology_box.style_two { width: calc(100% / 2 - 24px); }
.methodology_left h2.h1 { max-width: 590px; }
.methodology_cover .style_two_col { display: flex; flex-flow: wrap; }
.methodology_box.style_two .box_content { color: #ECECEC; line-height: 1.1; }
.methodology_box.style_two ul { padding-left: 26px; }
.methodology_box.style_two h4 { font-weight: 500; }

/*=========== Case Study Principal V2 ===========*/
.case_study_principal_v2 { padding: 130px 0 100px; background: #F2F2F2; }
.case_study_principal_v2 .title_col { display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; }
.case_study_principal_v2 .title { width: 50%; padding-right: 20px; }
.case_study_principal_v2 .tag_list_cover { width: 50%; display: flex; justify-content: right; }
/* .case_study_principal_v2 .tag_list { width: 50%; display: flex; justify-content: end; } */
.case_study_principal_v2 span.sub_title { font-size: 25px; color: #0E0E0E; opacity: 0.5; display: inline-block; padding-bottom: 8px; line-height: 1; }
.case_study_principal_v2 .title h2.h1 { font-size: 80px; line-height: 0.9; font-weight: 400; }
.case_study_principal_v2 .tag_list ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.case_study_principal_v2 .tag_list ul li { display: inline-block; margin: 0 20px 10px 0; }
.case_study_principal_v2 .tag_list ul li a { text-decoration: none; color: #0E0E0E; transition: all 0.4s ease; font-size: 20px; line-height: 1; font-weight: 300; border: 1px solid #000000; border-radius: 60px; padding: 10px 20px; display: inline-block; }
.case_study_principal_v2 .tag_list ul li a:hover { color: #fff; background: #000; }
.case_study_principal_v2 .box_img a { display: block; height: 875px; overflow: hidden; position: relative; }
.case_study_principal_v2 .box_img a img { bottom: 0; display: block; height: 100%; left: 0; object-fit: cover; position: absolute; right: 0; top: 0; transition: all 1s ease; width: 100%; }
.case_study_principal_v2 .box_img a:hover img { transform: scale(1.2); }
.case_study_principal_v2 .box_content { padding-top: 25px; }
.case_study_principal_v2 .author_name { color: #0E0E0E; font-size: 25px; font-weight: 400; display: inline-block; line-height: 1; padding-bottom: 10px; opacity: 0.5; }
.case_study_principal_v2 .inner_box h3 { font-weight: 400; font-size: 40px; line-height: 1; }
.case_study_principal_v2 .inner_box h3 a { color: #0E0E0E; text-decoration: none; font-weight: 400; }
.case_study_principal_v2 .box_tag ul { list-style: none; margin-bottom: 0; padding-left: 0; }
.case_study_principal_v2 .box_tag ul li { display: inline-block; margin: 0 4px 10px 0; }
.case_study_principal_v2 .box_tag ul li a { text-decoration: none; transition: all 0.4s ease; color: #0E0E0E; font-size: 20px; font-weight: 300; line-height: 1; padding: 12px 18px; border: 1px solid #000000; border-radius: 60px; display: block; }
.case_study_principal_v2 .box_tag ul li a:hover { color: #fff; background: #000; }
.case_study_principal_v2 .inner_box_col { display: flex; flex-flow: wrap; margin: 0 -15px; padding-top: 50px; }
.case_study_principal_v2 .inner_box { width: calc(100% / 2 - 30px); margin: 15px; }



@media (min-width:768px){
.general_info_tag .splide { visibility: visible !important; }  
.general_info_tag .splide__list { display: inline-block !important; }  
  
.case_study_principal .splide { visibility: visible !important; } 
.case_study_principal .tag_list ul { display: inline-block; }  
      
.case_study_principal_v2 .tag_list .splide { visibility: visible !important; }
.case_study_principal_v2 .tag_list ul { display: inline-block !important; }  
}


/*=========== Responsive ===========*/
@media (max-width:1650px){
.counter_box span.counter_number { font-size: 100px; } 
.counter_box span.counter_sign { font-size: 100px; }  
}

@media (max-width:1500px){
.counter_box span.counter_number { font-size: 85px; } 
.counter_box span.counter_sign { font-size: 85px; }  
}

@media (max-width:1300px){
.counter_box span.counter_number { font-size: 80px; }
.counter_box span.counter_sign { font-size: 80px; }  
}

@media (max-width:1250px){
.general_info .left_part { width: 50%; }
.general_info .right_part { width: 50%; padding-left: 80px; }  
}

@media (max-width:1200px){
.case_study_principal { padding: 100px 0 50px; } 
  
.counter { padding: 180px 0 60px; }  
.counter_left { width: 100%; padding: 0 0 30px; }
.counter_right { width: 100%; }    
}

@media (max-width:1150px){
.methodology_left { width: 100%; padding: 0 0 30px; }
.methodology_right { width: 100%; }  
}

@media (max-width:1024px){
.case_study_hero { padding-bottom: 80px; }  
.case_study_hero .title h1 { font-size: 70px; }  
  
.case_study_principal .title h2.h1 { font-size: 70px; }  
.case_study_principal .box_img a { height: 400px; }
.case_study_principal .inner_box:nth-child(n +2) { margin-bottom: 50px; }  
  
.general_info .title h1 { font-size: 70px; }
  
.problematic { padding: 80px 0; }
.problematic .title h2 { font-size: 70px; } 
  
.solution_title h2.h1 { font-size: 70px; } 
  
.functionality { padding: 100px 0; }  
.functionality h2.h1 { font-size: 70px; }  
.functionality .right_part { padding-left: 80px; }
.functionality_col:nth-child(even) .right_part { padding: 0 100px 0 0; }
  
.counter { padding: 150px 0 60px; }    
.counter_title h2.h1 { font-size: 70px; max-width: 100%; }  
  
.features { padding: 130px 0; }  
.features_title h2.h1 { font-size: 70px; } 
.features_right { padding-left: 50px; } 
  
.methodology { padding: 100px 0; }  
.methodology h2.h1 { font-size: 70px; } 
  
.case_study_principal_v2 .title h2.h1 { font-size: 70px; }  
.case_study_principal_v2 .box_img a { height: 400px; }  
}

@media (max-width:991px){
.case_study_hero { padding: 160px 0 30px; }  
.case_study_hero .title_col { padding-bottom: 40px; }    
.case_study_hero .title { width: 100%; }
.case_study_hero .content { width: 100%; padding: 0; }  
.case_study_hero .title h1 { font-size: 60px; } 
.case_study_hero .bottom_col { padding: 30px 30px 0; flex-direction: column-reverse; }
.case_study_hero .bottom_left { width: 100%; padding: 25px 0 0; }
.case_study_hero .bottom_right { width: 100%; justify-content: flex-start; }  
.case_study_hero span.sub_title { font-size: 25px; }
.case_study_hero .bottom_left h2 { font-size: 40px; line-height: 54px; } 
  
.case_study_principal { padding: 60px 0 50px; }  
.case_study_principal .title h2.h1 { font-size: 60px; }  
.case_study_principal .title { width: 100%; padding: 0; }
.case_study_principal .taglist_col { width: 100%; justify-content: flex-start; }  
.case_study_principal .tag_list ul li { margin-right: 15px; }  
.case_study_principal .inner_box { width: 100%; margin: 0 0 30px; }  
.case_study_principal .inner_box:nth-child(n +2) { margin-bottom: 30px; } 
.case_study_principal .inner_box_col { margin: 0; }    
  
.general_info { margin-top: 80px; }  
.general_info .image img { height: 600px; }  
.general_info_row { flex-direction: column-reverse; }
.general_info .left_part { width: 100%; }
.general_info .right_part { width: 100%; padding: 0 0 30px; }
.general_info .title h1 { font-size: 60px; }  
  
.problematic .title h2 { font-size: 60px; }  
  
.solution { padding: 80px 0; } 
.solution_title h2.h1 { font-size: 60px; } 
.solution_col { padding-top: 70px; margin: 0; } 
.solution_box { width: calc(50% - 20px); }
.solution_box:nth-child(n-2) { border-right: 1px solid rgba(0, 0, 0, 0.5); }
.solution_box:nth-child(even) { border-right: none; }
.solution .box_title h3 { font-size: 30px; }
.solution span.box_sub_title { font-size: 20px; }
.solution .box_content { padding-top: 140px; }  
  
.functionality { padding: 80px 0 60px; }
.functionality .title { padding-bottom: 60px; }
.functionality h2.h1 { font-size: 60px; }
.functionality_col { flex-direction: column-reverse; margin-bottom: 60px; }
.functionality_col:nth-child(even) { flex-direction: column-reverse; }
.functionality .left_part { width: 100%; padding-top: 50px; }
.functionality .right_part { width: 100%; padding-left: 0; }
.functionality_col:nth-child(even) .right_part { padding: 0; }  
.functionality_image { display: flex; justify-content: center; }  
.functionality_col:nth-child(2n) .left_part { padding: 50px 0 0; }  
  
.video_section { padding: 60px 0; }    
.video_image img { height: auto !important; }  
  
.counter { padding: 100px 0 60px; }  
.counter_title h2.h1 { font-size: 60px; } 
  
.features { padding: 80px 0; }
.features_left { width: 100%; }
.features_right { width: 100%; padding: 20px 0 0; }
.features_title h2.h1 { font-size: 60px; }  
  
.cient_review { padding: 100px 0 150px; }
.cient_review h3 { font-size: 32px; }
.cient_review .content { font-size: 32px; }   
  
.methodology h2.h1 { font-size: 60px; }
.methodology_box { width: calc(50% - 24px); } 
    
.case_study_principal_v2 .title h2.h1 { font-size: 60px; }  
.case_study_principal_v2 .title { width: 100%; padding: 0; }
.case_study_principal_v2 .tag_list_cover { width: 100%; justify-content: flex-start; }
/* .case_study_principal_v2 .tag_list { width: 100%; justify-content: flex-start; }   */
.case_study_principal_v2 .tag_list ul li { margin-right: 15px; }  
.case_study_principal_v2 .inner_box { width: 100%; margin: 0 0 30px; }
.case_study_principal_v2 .inner_box_col { margin: 0; }  
}

@media (max-width:767px){
.case_study_hero { padding: 150px 0 0; }
.case_study_hero .container { padding: 0; }
.case_study_hero .title_col { padding: 0 20px 30px; }
.case_study_hero .title h1 { font-size: 40px; margin-bottom: 15px; }
.case_study_hero .image img { height: auto; }
.case_study_hero span.sub_title { font-size: 20px; font-weight: 400; }
.case_study_hero .bottom_left h2 { font-size: 25px; line-height: 1; }
.case_study_hero .case_study_logo img { max-width: 126px; }
  
.case_study_principal { padding: 40px 0; overflow: hidden; }    
.case_study_principal .box_img a { height: 330px; }
.case_study_principal .author_name { font-size: 20px; color: #0E0E0E; }
.case_study_principal .inner_box h3 { font-size: 24px; margin-bottom: 20px; }
.case_study_principal .box_tag ul li a { font-size: 15px; padding: 10px 15px; }
.case_study_principal .inner_box_col { padding-top: 80px; }
.case_study_principal span.sub_title { font-size: 20px; }
.case_study_principal .title h2.h1 { font-size: 30px; }
.case_study_principal .tag_list ul li { margin-right: 5px; }
.case_study_principal .tag_list ul li a { font-size: 15px; padding: 10px 15px; } 
.case_study_principal .box_content { padding-top: 30px; }
   
.general_info { padding-bottom: 40px; }  
.general_info_row { padding-top: 60px; } 
.general_info .richtext { font-size: 15px; }  
.general_info span.caption { padding-bottom: 20px; }  
.general_info .title h1 { font-size: 30px; margin-bottom: 25px; } 
.general_info .content { font-size: 15px; }  
.general_info .info_box { width: 100%; margin: 0 0 25px; }
.general_info .info_col { margin: 0 0 35px; padding-top: 30px }
.general_info_tag { margin: 0; }
.general_info_tag ul li a { font-size: 15px; padding: 8px 15px; }
.general_info .left_cover { max-width: 100%; }
.general_info .title { max-width: 100%; }   
.general_info .image img { height: 581px; } 
  
.problematic { padding: 60px 0; }  
.problematic .title h2 { font-size: 30px; }
.problematic .content { font-size: 15px; }
.problematic .object_list ul { padding-left: 30px; }
.problematic .object_list ul li { font-size: 20px; } 
  
.solution { padding: 60px 0 30px; }
.solution_title h2.h1 { font-size: 30px; }
.solution_col { padding-top: 40px; }
.solution_box { width: 100%; margin: 0 0 50px; border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.5); padding-bottom: 25px; }
.solution_box:last-child { border-bottom: none; }
.solution_box:nth-child(n-2) { border-right: 0; }
.solution .box_title h3 { font-size: 24px; }
.solution .box_content { padding-top: 50px; font-size: 15px; max-width: 100%; } 
 
.functionality { padding: 0 0 50px; }  
.functionality .title { padding: 80px 30px 45px; background: var(--mobile-bg-color); }
.functionality span.sub_title { padding-bottom: 20px; }  
.functionality h2.h1 { font-size: 30px; }
.functionality_col { margin-bottom: 45px; }
.functionality .left_part { padding: 40px 0 0; }
.functionality span.inner_subtitle { font-size: 20px; padding-bottom: 12px; }
.functionality .inner_title h3 { font-size: 24px; }
.functionality .content { font-size: 15px; } 
.functionality_col:nth-child(2n) .left_part { padding: 35px 0 0; } 
.functionality .container { padding: 0; }
.functionality_cover { padding: 0 30px; padding: 70px 30px 0; }  
 
.video_section { margin-top: 75px; background: var(--mobile-bg-color); }  
.video_section .container { padding: 0; }  
.video_cover a span.video_btn svg { width: 61px; height: 61px; } 
  
.counter { padding: 60px 0; background: var(--mobile-bg-color); }
.counter_title h2.h1 { font-size: 30px; margin-bottom: 5px; }
.counter_box { width: 100%; margin: 0 0 45px; }
.counter_box:last-child { margin-bottom: 0; }  
.counter_box span.counter_number { font-size: 60px; }
.counter_box span.counter_sign { font-size: 60px; }  
.counter_box span.counter_text { font-size: 20px; max-width: 100%; padding-top: 20px; }  
  
.features { padding: 60px 0 75px; }
.features_title h2.h1 { font-size: 30px; margin-bottom: 20px; }
.features_box { width: 100%; margin: 0 0 12px; }
.features_content p { margin: 0; }  
  
.cient_review { padding: 60px 0 90px; background: #fff; }
.cient_review h3 { font-size: 24px; margin-bottom: 15px; }
.cient_review .content { font-size: 24px; }
.cient_review span.author_name { font-size: 20px; }
.cient_review span.designation { font-size: 20px; } 
.cient_review .author_col { padding-top: 15px; }  
  
.methodology { padding: 60px 0; }
.methodology h2.h1 { font-size: 30px; }
.methodology_col { margin: 0; max-width: 100%; padding-top: 45px; }
.methodology_box { width: 100%; margin: 0 0 24px; }
.methodology_box h4 { font-size: 20px; }
.methodology_box:last-child { margin-bottom: 0; }
.methodology span.sub_title { padding-bottom: 22px; }  
.methodology_box.style_two { width: 100%; margin: 0 0 24px; }  
.methodology_box.style_two:last-child { margin-bottom: 0; }    
     
.case_study_principal_v2 { background: var(--mobile-bg-color); padding-bottom: 0; }  
.case_study_principal_v2 .box_img a { height: 310px; }
.case_study_principal_v2 .author_name { font-size: 20px; }
.case_study_principal_v2 .inner_box h3 { font-size: 24px; margin-bottom: 25px; }
.case_study_principal_v2 .box_tag ul li { margin: 0 2px 10px 0; }
.case_study_principal_v2 .box_tag ul li a { font-size: 15px; padding: 10px 15px; }
.case_study_principal_v2 .inner_box_col { padding-top: 90px; }
.case_study_principal_v2 span.sub_title { font-size: 20px; padding-bottom: 12px; }
.case_study_principal_v2 .title h2.h1 { font-size: 30px; }
.case_study_principal_v2 .tag_list ul li { margin-right: 5px; }
.case_study_principal_v2 .tag_list ul li a { font-size: 15px; padding: 10px 15px; }  
.case_study_principal_v2 .box_content { padding-top: 35px; } 
.case_study_principal_v2 .tag_list_cover { display: block; }  
}
}