.mechanical-design{justify-content:center;align-items:center;flex-direction:row;padding-bottom:clamp(193px,10vw,950px);padding-top:clamp(55px,2vw,950px);background-color:#fff}.mechanical-design .mechnical-design-header-container{padding-left:clamp(94px,5vw,950px);padding-right:clamp(95px,5vw,950px);display:flex;justify-content:space-between}.mechanical-design .mechnical-design-header-container .mechnical-image-container{margin-right:clamp(350px,20vw,3500px)}.mechanical-design .mechnical-design-header-container .mechnical-image-container img{width:clamp(111px,8vw,2500px);height:clamp(111px,8vw,2500px)}.mechanical-design .header-container{display:flex;flex-direction:column;margin-bottom:clamp(78px,5vw,650px);padding-left:clamp(94px,5vw,950px);padding-right:clamp(95px,5vw,950px)}.mechanical-design .title{font-family:Inter!important;font-weight:800;font-style:Extra Bold;font-size:clamp(40px,3vw,850px);letter-spacing:0;text-align:left;margin-bottom:clamp(30px,2vw,950px)}.mechanical-design .description-container{display:flex;justify-content:space-between}.mechanical-design .description-container .left-description{font-family:Montserrat!important;font-weight:500;font-size:clamp(14px,1vw,350px);max-width:clamp(500px,30vw,2500px);color:#021f2e}.mechanical-design .description-container .right-description{font-family:Montserrat!important;font-weight:500;font-size:clamp(14px,1vw,350px);letter-spacing:0;color:#021f2e;max-width:clamp(453px,28vw,2500px)}.mechanical-design .flex-container{padding:clamp(55px,3vw,920px) clamp(94px,1vw,2500px) clamp(64px,4vw,220px) clamp(94px,5vw,2500px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,2vw,350px);align-items:stretch;background-image:url(/assets/images/services/mechnical/mechnicaltestingbackground.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.mechanical-design .flex-container .card{background-color:#021f2e;border:.56px solid #d77d46;width:clamp(405px,35vw,2500px);height:clamp(472px,35vw,2500px);padding:clamp(18px,1.5vw,240px) clamp(31px,2vw,240px) clamp(33px,2.5vw,240px);border-radius:.5rem;color:#fff;transition:background-color .3s ease,color .3s ease;box-sizing:border-box;width:100%}.mechanical-design .flex-container .card:hover{background-color:#ec8445;color:#fff}.mechanical-design .flex-container .card:hover .text{color:#fff}.mechanical-design .flex-container .card .number{font-size:clamp(96px,4vw,250px);color:#fff;opacity:15%}.mechanical-design .flex-container .card .number,.mechanical-design .flex-container .card .title{font-family:Montserrat!important;font-weight:700;line-height:100%;letter-spacing:0;vertical-align:middle}.mechanical-design .flex-container .card .title{margin-top:clamp(93px,5vw,350px);font-size:clamp(24px,1.5vw,450px);margin-bottom:0;min-width:fit-content}.mechanical-design .flex-container .card .text{font-family:Montserrat!important;font-weight:500;font-style:Medium;font-size:clamp(14px,1vw,350px);letter-spacing:0;vertical-align:middle}@media(min-width:320px)and (max-width:767px){.mechanical-design{flex-direction:column;padding:clamp(20px,4vw,40px) clamp(20px,4vw,40px) 0 clamp(20px,4vw,80px)}.mechanical-design .mechnical-design-header-container{flex-direction:column;align-items:center;padding-left:0;padding-right:0}.mechanical-design .mechnical-design-header-container .mechnical-image-container{margin-right:0;margin-bottom:clamp(16px,4vw,24px)}.mechanical-design .mechnical-design-header-container .mechnical-image-container img{width:clamp(48px,10vw,64px);height:clamp(48px,10vw,64px);display:block;margin:0 auto}.mechanical-design .header-container{padding-left:0;padding-right:0;margin-bottom:clamp(20px,5vw,30px)}.mechanical-design .header-container .title{font-size:clamp(24px,4vw,32px);text-align:left;margin-bottom:clamp(16px,4vw,24px)}.mechanical-design .description-container{flex-direction:column;gap:clamp(20px,5vw,30px);align-items:center;padding-left:0;padding-right:0}.mechanical-design .description-container .left-description,.mechanical-design .description-container .right-description{font-size:clamp(12px,3vw,16px)}.mechanical-design .flex-container{padding:clamp(30px,5vw,50px) clamp(20px,4vw,40px) clamp(30px,5vw,50px) clamp(20px,5vw,50px);grid-template-columns:1fr;gap:clamp(20px,5vw,30px)}.mechanical-design .flex-container .card{max-width:100%;height:clamp(200px,60vw,300px);padding:clamp(16px,4vw,24px);margin:0 auto}.mechanical-design .flex-container .card .number{font-size:clamp(32px,6vw,40px)}.mechanical-design .flex-container .card .title{font-size:clamp(16px,3.5vw,20px);margin-top:clamp(16px,4vw,24px);text-align:center}.mechanical-design .flex-container .card .text{font-size:clamp(12px,3vw,16px)}}