.global_casestudy_banner {   padding-top:clamp(64px, 5.271vw, 72px);   padding-bottom:clamp(32px, 4.1vw, 56px);   background-position:center;   background-size:cover;   background-repeat:no-repeat;   width:100%;   height:632px; } .global_casestudy_banner .container {   height:100%; } .global_casestudy_banner .banner_content_wpr {   display:flex;   justify-content:space-between;   flex-wrap:wrap;   height:100%; } .global_casestudy_banner .banner_content_wpr .top_main_heading {   max-width:704px;   margin-right:auto; } .global_casestudy_banner .banner_content_wpr .top_main_heading>h1 {   color:#FFFFFF;   margin-bottom:16px; } .global_casestudy_banner .banner_content_wpr .top_main_heading>p {   color:#FFFFFF; } .global_casestudy_banner .banner_content_wpr .banner_bottom_points {   width:100%; } .global_casestudy_banner .banner_content_wpr .banner_bottom_points .inner_banner_points {   display:flex;   align-items:flex-end;   justify-content:flex-start;   gap:clamp(24px, 2.343vw, 32px);   height:100%; } .global_casestudy_banner .banner_content_wpr .banner_bottom_points .inner_banner_points .inner_bottom_box {   opacity:0;   transform:translateY(0);   transition:all 300ms ease; } .global_casestudy_banner .banner_content_wpr .banner_bottom_points .inner_banner_points .inner_bottom_box.scrolled {   opacity:1;   transform:translateY(6px); } .global_casestudy_banner .banner_content_wpr .banner_bottom_points .inner_banner_points .inner_bottom_box>h2 {   color:#FFFFFF;   margin-bottom:8px;   font-family:'Sourcesans-Bold' !important; }  .global_casestudy_banner .banner_content_wpr .banner_bottom_points .inner_banner_points .inner_bottom_box>p {   color:#FFFFFF; } .casestudy_key_section {   padding-top:clamp(32px, 4.392vw, 60px);   padding-bottom:clamp(20px, 4.685vw, 64px); } .casestudy_key_section .key_flex_main_wpr {   display:flex;   align-items:stretch;   justify-content:space-between;   gap:clamp(32px, 4.685vw, 64px); } .casestudy_key_section .key_flex_main_wpr .key_left_section {   max-width:560px;   width:100%; } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_profile {   margin-bottom:clamp(24px, 2.343vw, 32px);   text-align:left; } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_profile>img {   height:max-content;   max-height:56px;   width:auto;   display:block; } .casestudy_key_section .key_flex_main_wpr .key_left_section>p {   color:#686F7A;   margin-bottom:clamp(24px, 2.343vw, 32px); } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .top_details_wpr {   display:flex;   gap:16px;   margin-bottom:clamp(16px, 1.757vw, 24px); } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .top_details_wpr .inner_top_details {   width:100%;   min-width:max-content; } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .top_details_wpr .inner_top_details>span {   display:block;   color:#2F3744; } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .top_details_wpr .inner_top_details>p {   margin-top:8px;   color:#686F7A; } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .bottom_details_wpr {   display:flex;   flex-wrap:wrap;   gap:clamp(16px, 1.757vw, 24px); } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .bottom_details_wpr>* {   width:100%; } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .bottom_details_wpr .inner_bottom_details>span {   display:block;   margin-bottom:8px;   color:#2F3744; } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .bottom_details_wpr .inner_bottom_details .inner_bottom_box {   display:flex;   align-items:flex-start;   justify-content:flex-start;   flex-wrap:wrap;   gap:clamp(8px, 1.171vw, 16px); } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .bottom_details_wpr .inner_bottom_details .inner_bottom_box .outer_box_wpr {   padding:clamp(6px, 0.586vw, 8px);   border:1px solid #CCCCCC; } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .bottom_details_wpr .inner_bottom_details .inner_bottom_box .outer_box_wpr>p {   color:#686F7A;   width:max-content; } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .bottom_details_wpr .company_website>a {   color:#2F3744;   transition:all 300ms ease-in;   padding-right:16px;   position:relative; } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .bottom_details_wpr .company_website>a::after {   content:'';   position:absolute;   right:0;   top:50%;   transform:translateY(-50%);   background-image:url(/wp-content/themes/magneto/images/arrow-full-88.svg);   width:8px;   height:8px;   background-repeat:no-repeat;   background-size:cover;   background-position:center; } .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .bottom_details_wpr .company_website>a:hover {   color:#686F7A;   transition:all 300ms ease-in; } .casestudy_key_section .key_flex_main_wpr .key_right_section {   max-width:600px;   width:100%; } .casestudy_key_section .key_flex_main_wpr .key_right_section a {   display:block;   width:100%;   height:100%; } .casestudy_key_section .key_flex_main_wpr .key_right_section .accordion h3 img {   height:12px;   width:12px; } .casestudy_key_section .key_flex_main_wpr .key_right_section img {   width:100%;   height:100%;   max-height:408px; }  .key_flex_main_wpr .key_right_section .accordion_title {   position:relative;   display:flex;   align-items:flex-start;   gap:16px;   cursor:pointer;   padding:16px;   border-top:1px solid #D2D2D7; } .key_flex_main_wpr .key_right_section .accordion .accordion_title:last-of-type {   border-bottom:1px solid #D2D2D7; } .key_flex_main_wpr .key_right_section .accordion_title span {   background-color:#F5F5F7;   width:32px;   height:32px;   display:flex;   align-items:center;   justify-content:center;   border-radius:50px; } .key_flex_main_wpr .key_right_section .accordion_title.open {   border-bottom:1px solid transparent !important; } .key_flex_main_wpr .key_right_section .accordion_content {   padding-bottom:32px;   padding-left:clamp(48px, 4.685vw, 64px);   position:relative;   margin-top:0; } .key_flex_main_wpr .key_right_section .accordion_content .inner_content {   margin-bottom:clamp(12px, 15px, 16px); } .key_flex_main_wpr .key_right_section .accordion_content .inner_content:last-child {   margin-bottom:0; } .key_flex_main_wpr .key_right_section .accordion_content .inner_content :where(p, span) {   color:#686F7A;   font-family:'Raleway-Font';   font-size:clamp(12px, 1.025vw, 14px);   line-height:145%;   letter-spacing:0.25px;   font-weight:500 !important;   margin-bottom:12px;   display:block; } .key_flex_main_wpr .key_right_section .accordion_content .inner_content :where(strong, b) {   color:#686F7A;   font-family:'Raleway-Font';   font-size:clamp(12px, 1.025vw, 14px);   line-height:145%;   letter-spacing:0.1px;   font-weight:700 !important;   display:block;   margin-top:8px;   margin-bottom:8px; } .key_flex_main_wpr .key_right_section .accordion_content .inner_content :where(ul, ol) {   padding-left:20px;   margin-top:12px; } .key_flex_main_wpr .key_right_section .accordion_content .inner_content br {   display:none; } .key_flex_main_wpr .key_right_section .accordion_content .inner_content li {   color:#686F7A;   font-family:'Raleway-Font';   font-size:clamp(12px, 1.025vw, 14px);   line-height:145%;   letter-spacing:0.25px;   font-weight:500;   margin-bottom:8px; } .key_flex_main_wpr .key_right_section .accordion_content .inner_content a {   color:#2F3744; }  .casestudy_image_section {   padding-top:clamp(20px, 4.392vw, 60px);   padding-bottom:clamp(20px, 4.685vw, 64px); } .casestudy_image_section .inner_full_img {   margin-bottom:clamp(40px, 4.685vw, 64px);   display:grid;   grid-template-columns:repeat(2, 1fr); } .casestudy_image_section .inner_full_img .left_line_img_wpr {   max-width:440px;   width:100%;   height:auto;   background-image:url(http://dev.mis.com/wp-content/uploads/2025/04/kgk-line-img-2025.png);   background-position:center;   background-size:cover;   background-repeat:no-repeat; } .casestudy_image_section .inner_full_img .left_line_img_wpr.black_text :where(p, span) {   color:#2F3744 !important; } .casestudy_image_section .inner_full_img .left_line_img_wpr .inner_line_wpr {   padding:clamp(48px, 7.174vw, 98px) clamp(12px, 3.807vw, 52px) clamp(12px, 3.807vw, 52px) clamp(12px, 3.807vw, 52px);   height:100%; } .casestudy_image_section .inner_full_img .left_line_img_wpr .inner_line_wpr>p {   color:#FFFFFF;   margin-bottom:8px; } .casestudy_image_section .inner_full_img .left_line_img_wpr .inner_line_wpr>span {   color:#FFFFFF;   display:block; } .casestudy_image_section .inner_full_img .right_product_img {   max-width:784px;   width:max-content;   height:auto; } .casestudy_image_section .inner_full_img .right_product_img>img {   width:100%;   height:100%; } .casestudy_image_section .inner_half_imgs {   display:flex;   align-items:stretch;   justify-content:space-between;   gap:clamp(8px, 1.171vw, 16px);   width:100%;   overflow:hidden; } .casestudy_image_section .inner_half_imgs .img_wpr_left_side {   width:41%;   max-width:100%; } .casestudy_image_section .inner_half_imgs .img_wpr_right_side {   max-width:100%; } .casestudy_image_section .inner_half_imgs img {   width:auto;   height:100%;   object-fit:cover; }   .casestudy_image_slider_section {   padding-top:clamp(20px, 4.392vw, 60px); } .casestudy_image_slider_section h2 {   margin-bottom:clamp(32px, 4.1vw, 56px);   text-align:center; } .casestudy_image_slider_section .sticky_parent_wpr {   height:310vh;   margin-left:clamp(32px, 5.198vw, 71px); } .casestudy_image_slider_section .sticky_parent_wpr .sticky_inner {   position:sticky;   top:110px;   overflow-x:hidden;   overflow-y:hidden; } .casestudy_image_slider_section .sticky_parent_wpr .horizontal_flex_wpr {   display:flex;   gap:16px; } .casestudy_image_slider_section .sticky_parent_wpr .inner_slider_wpr {   display:block;   min-width:calc(100% - 21%);   height:100%; } .casestudy_image_slider_section .inner_slider_wpr>img {   display:block;   width:100%;   height:calc(100vh - 134px); } .casestudy_image_slider_section .single_cs_img {   width:100%;   min-height:clamp(392px, 46.266vw, 632px);   padding-top:clamp(32px, 4.685vw, 64px);   overflow:hidden; } .casestudy_image_slider_section .single_cs_img>img {   display:block;   width:100%;   height:100%;   object-fit:cover; }   @media (max-width:1199px) {   .casestudy_image_section .inner_full_img .left_line_img_wpr {  max-width:100%;   }   .casestudy_image_section .inner_full_img .right_product_img {  width:auto;   }   .casestudy_image_slider_section .inner_slider_wpr>img {  object-fit:cover;   } } @media (max-width:991px) {   .casestudy_image_section .inner_full_img .right_product_img>img {  object-fit:cover;   }   .casestudy_image_section .inner_half_imgs .img_wpr_left_side {  width:72%;   }   .casestudy_image_slider_section .inner_slider_wpr>img {  object-fit:contain;   } } @media (max-width:767px) {   .casestudy_image_section .inner_full_img {  grid-template-columns:repeat(1, 1fr);  gap:16px;   }   .casestudy_image_section .inner_full_img .left_line_img_wpr {  min-height:360px;   }   .casestudy_image_section .inner_full_img .right_product_img {  min-height:264px;   }   .casestudy_image_section .inner_half_imgs {  flex-wrap:wrap;   }   .casestudy_image_section .inner_half_imgs .img_wpr_left_side {  width:100%;   }   .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .top_details_wpr {  display:flex;  flex-wrap:wrap;   }   .casestudy_key_section .key_flex_main_wpr .key_left_section .company_details_wpr .top_details_wpr .inner_top_details {  width:auto;   }   .global_casestudy_banner .banner_content_wpr .top_main_heading>h1 {  margin-bottom:8px;   }   .global_casestudy_banner .banner_content_wpr .banner_bottom_points {  width:100%;  position:relative;   }   .global_casestudy_banner .banner_content_wpr .banner_bottom_points .inner_banner_points {  width:100%;  background:rgba(0, 0, 0, 0.2);  padding:16px;  position:absolute;  bottom:0;  overflow-x:auto;  height:auto;   }   .global_casestudy_banner .banner_content_wpr .banner_bottom_points .inner_banner_points .inner_bottom_box {  min-width:max-content;  width:100%;   }   .global_casestudy_banner .banner_content_wpr .banner_bottom_points .inner_banner_points::-webkit-scrollbar {  height:1px;  width:auto;   }   .global_casestudy_banner .banner_content_wpr .banner_bottom_points .inner_banner_points::-webkit-scrollbar-track {  background:transparent;  border-radius:4px;   }   .global_casestudy_banner .banner_content_wpr .banner_bottom_points .inner_banner_points::-webkit-scrollbar-thumb {  background:transparent;  border-radius:4px;   }   .global_casestudy_banner .banner_content_wpr .banner_bottom_points .inner_banner_points::-webkit-scrollbar-thumb:hover {  background:transparent;   }   .global_casestudy_banner .banner_content_wpr {  gap:24px;   }   .casestudy_key_section .key_flex_main_wpr {  flex-wrap:wrap;  gap:32px;   }   .casestudy_key_section .key_flex_main_wpr .key_left_section {  max-width:100%;   }   .casestudy_key_section .key_flex_main_wpr .key_right_section {  max-width:100%;   }   .key_flex_main_wpr .key_right_section .accordion_title {  padding:12px;  gap:12px;  align-items:center;   }   .key_flex_main_wpr .key_right_section .accordion_title span {  width:24px;  height:24px;   }   .casestudy_image_slider_section h2 {  text-align:left;   }   .casestudy_image_slider_section .sticky_parent_wpr {  height:100%;  margin-left:0;  position:relative;   }   .casestudy_image_slider_section .sticky_parent_wpr .sticky_inner {  position:static;  padding-bottom:32px;   }   .casestudy_image_slider_section .sticky_parent_wpr .inner_slider_wpr {  min-width:100%;   }   .casestudy_image_slider_section .sticky_parent_wpr .horizontal_flex_wpr {  gap:0;   }   .casestudy_image_slider_section .single_cs_img {  min-height:100%;   }   .casestudy_image_slider_section .single_cs_img>img {  min-height:264px;   }   .casestudy_image_slider_section .inner_slider_wpr>img {  height:100%;   }   .casestudy_image_slider_section .swiper-pagination {  bottom:0;  width:100%;   }   .casestudy_image_slider_section .swiper-pagination-clickable .swiper-pagination-bullet {  background:#2F3744;   } } @media (max-width:575px) {}