/*more-details*/
.case-study-detail-technology-wrap.wpweb-case-study-detail-technology-wrap {padding: 60px 0;}
.case-study-detail-technology-wrap .case-study-detail-main { border-radius: 30px; padding: 55px 60px;}
.case-study-detail-technology-wrap .case-study-detail-main:first-child {margin-bottom: 0px;}
.case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-right figure { border: 10px solid #f0f0f0; border-radius: 20px; height: 415px; width: 592px; margin-left: auto; overflow: hidden;}
.case-study-detail-technology-wrap .case-study-detail-main .case-study-inner { align-items: center; }
.case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-left { width: calc(100% - 592px); background: #fff; text-align: center;}
.case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-right { width: 592px; }
.case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-right figure img { height: 100%; width: 100%; object-fit: cover; }
.case-study-detail-technology-wrap .case-study-detail-main .case-study-inner.left-content .case-study-left {padding: 25px 30px 30px 30px;box-shadow: 1.928px 2.298px 31.5px 3.5px rgba(21, 21, 21, 0.06);border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-left h2 {color: #000;}
.case-study-detail-technology-wrap .case-study-detail-main .case-study-inner.right-content .case-study-left { padding: 25px 30px 30px 30px; box-shadow: 1.928px 2.298px 31.5px 3.5px rgba(21, 21, 21, 0.06); border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section { justify-content: flex-start; gap: 12px; margin: 0; }
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap {padding: 10px; width: calc(33.33% - 10px); border: 1px solid #ddd; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 10px; }
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap:hover figure { background-color: transparent; }
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap figure img { height: 40px;}
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap .figures-icon-image, .case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap .figures-icon-image img { display: block;}

@media(max-width:1199px) {
    .case-study-detail-technology-wrap .case-study-detail-main { padding: 35px 40px;}
    .case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-left { width: calc(100% - 475px); }
    .case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-right { width: 475px; }
    .case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-right figure { border: 10px solid #f0f0f0; height: 400px; width: 475px; }
    .case-study-detail-technology-wrap .case-study-detail-main .case-study-inner.left-content .case-study-left { padding: 25px 20px 30px 20px; }
    .case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap { width: calc(50% - 6px); }
}
@media(max-width:992px) {
	/*more-details*/
    .case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-left, .case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-right { width: 100%; }
    .case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-left { margin-bottom: 15px; }
    .case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-left { border-radius: 10px !important; padding: 25px 20px 30px 20px; }
    .case-study-detail-technology-wrap .case-study-detail-main .case-study-inner.right-content { padding-top: 0px; flex-direction: column-reverse; }
    .case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-right figure { border: 5px solid #f0f0f0; width: auto; }
}
@media(max-width:767px) {
	/*more-details*/
    .case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-right figure { border: 5px solid #f0f0f0; height: 215px; }
    .case-study-detail-technology-wrap { padding-bottom: 40px; } 
    .case-study-detail-wrap .case-study-inner.left-content .figures-section .figures-wrap:last-child {margin-bottom: 0;}
    .case-study-detail-wrap .case-study-detail-main:first-child, .case-study-detail-technology-wrap .case-study-detail-main:first-child { margin-bottom: 00px;}    
    .case-study-detail-wrap.wpweb-case-study-detail-wrap { padding: 40px 0; }
    .case-study-detail-technology-wrap.wpweb-case-study-detail-technology-wrap { padding: 40px 0; }
    .case-study-detail-technology-wrap .case-study-detail-main { padding: 20px; }
    .case-study-detail-technology-wrap .case-study-detail-main .case-study-inner.right-content .case-study-left {
    padding: 15px;}
    .case-study-detail-wrap.wpweb-case-study-detail-wrap + .case-study-detail-technology-wrap.wpweb-case-study-detail-technology-wrap { padding-top: 0;	}
    .case-study-detail-technology-wrap .case-study-detail-main .case-study-inner .case-study-right { display: none;}

}
/* title as hover tooltip */
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap[data-tooltip] { position: relative; overflow: visible; }
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap[data-tooltip]::before,
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap[data-tooltip]::after { position: absolute; top: 100%; left: 50%; opacity: 0; visibility: hidden; pointer-events: none; z-index: 5; transition: opacity 200ms ease, transform 200ms ease; }
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap[data-tooltip]::after { content: attr(data-tooltip); transform: translate(-50%, 4px); background-color: #1c1c1c; color: #fff; font-size: 13px; font-weight: 500; line-height: 18px; padding: 7px 12px; border-radius: 8px; white-space: nowrap; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap[data-tooltip]::before { content: ""; transform: translate(-50%, -2px); border: 6px solid transparent; border-bottom-color: #1c1c1c; }
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap[data-tooltip]:hover::after,
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap[data-tooltip]:focus-within::after { opacity: 1; visibility: visible; transform: translate(-50%, 8px); }
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap[data-tooltip]:hover::before,
.case-study-detail-technology-wrap .case-study-inner .case-study-left .figures-section .figures-wrap[data-tooltip]:focus-within::before { opacity: 1; visibility: visible; transform: translate(-50%, 2px); }
