 .case-results-sec .coman-title {   position: relative;   padding-top: 0px !important;   margin-bottom: 30px !important; } .case-results-sec {   text-align: center; } .case-results-block {   display: flex;   justify-content: center;   align-self: center;   height: 100%;   background: #253573;   position: relative; } .case-results-block-inn {   align-self: center;   background: #253573;   padding: 90px 45px;   width: 100%; } .case-results-block:hover .case-results-block-inn, .case-results-block:focus .case-results-block-inn {   position: absolute;   top: 50%;   -moz-transform: translate(0, -50%);   -o-transform: translate(0, -50%);   -ms-transform: translate(0, -50%);   -webkit-transform: translate(0, -50%);   transform: translate(0, -50%); } .case-results-block h2 {   color: #e0b05f;   font-size: 14px;   font-family: "Mona Sans", sans-serif;   text-transform: uppercase;   margin-bottom: 17px;   font-weight: bold; } .case-results-block h3 {   color: #fff;   font-size: 42px;   text-transform: capitalize;   margin-bottom: 15px;   font-weight: bold; } .case-results-block h4 {   color: #6198cb;   font-size: 16px;   font-family: "Mona Sans", sans-serif;   text-transform: uppercase;   margin-bottom: 17px;   padding-bottom: 20px;   font-weight: bold;   position: relative;   line-height: normal; } .case-results-block h4::after {   content: "";   position: absolute;   left: 0px;   right: 0px;   margin: auto;   bottom: 0px;   background: #e0b05f;   width: 50px;   height: 1px; } .case-results-block p {   margin: 0px;   color: #fff;   height: 62px;   overflow: hidden; } .case-results-block:hover .case-results-block-inn, .case-results-block:focus .case-results-block-inn, .case-results-block:hover, .case-results-block:focus {   background: #6198cb;   z-index: 1; } .case-results-block:hover h3, .case-results-block:focus h3, .case-results-block:hover h2, .case-results-block:focus h2, .case-results-block:hover h4, .case-results-block:focus h4, .case-results-block:hover h5, .case-results-block:focus h5 {   color: #fff; } .case-results-block:hover p, .case-results-block:focus p {   display: block !important;   color: #fff;   height: auto;   overflow: visible; } .case-results-block:hover h4::after, .case-results-block:focus h4::after {   background: #fff; } @media (max-width: 1900px) {   .case-results-block h3 {     font-size: 40px;   }   .case-results-block-inn {     padding: 80px 40px;   } } @media (max-width: 1800px) {   .case-results-block h3 {     font-size: 38px;   }   .case-results-block-inn {     padding: 76px 38px;   } } @media (max-width: 1700px) {   .case-results-block-inn {     padding: 76px 38px;   }   .case-results-block h3 {     font-size: 37px;   } } @media (max-width: 1600px) {   .case-results-block-inn {     padding: 70px 35px;   }   .case-results-block h3 {     font-size: 35px;   } } @media (max-width: 1500px) {   .case-results-block-inn {     padding: 64px 32px;   }   .case-results-block h3 {     font-size: 35px;     margin-bottom: 14px;   }   .case-results-block p {     height: 50px;   } } @media (max-width: 1400px) {   .case-results-block-inn {     padding: 60px 30px;   }   .case-results-block h2 {     font-size: 12px;     margin-bottom: 14px;   }   .case-results-block h3 {     font-size: 30px;     margin-bottom: 14px;   }   .case-results-block h4 {     font-size: 14px;   }   .case-results-block p {     height: 50px;   } } @media (max-width: 1300px) {   .case-results-block-inn {     padding: 50px 25px;   }   .case-results-block h2 {     font-size: 12px;     margin-bottom: 14px;   }   .case-results-block h3 {     font-size: 30px;     margin-bottom: 14px;   }   .case-results-block h4 {     font-size: 14px;   }   .case-results-block p {     height: 50px;   } } @media (max-width: 1200px) {   .case-results-block-inn {     padding: 50px 25px;   }   .case-results-block h2 {     font-size: 12px;     margin-bottom: 12px;   }   .case-results-block h3 {     font-size: 30px;     margin-bottom: 12px;   }   .case-results-block h4 {     font-size: 13px;   }   .case-results-block p {     height: 50px;   } } @media (max-width: 1100px) {   .case-results-block-inn {     padding: 50px 25px;   }   .case-results-block h2 {     font-size: 10px;     margin-bottom: 10px;   }   .case-results-block h3 {     font-size: 30px;     margin-bottom: 10px;   }   .case-results-block h4 {     font-size: 12px;   }   .case-results-block p {     height: 50px;   } } @media (max-width: 991px) {   .case-results-block-inn {     padding: 40px 20px;   }   .case-results-block h2 {     font-size: 10px;   }   .case-results-block h3 {     font-size: 30px;   }   .case-results-block h4 {     font-size: 12px;   }   .case-results-block p {     height: 50px;   } } @media (max-width: 768px) {   .case-results-block-inn {     padding: 40px 20px;   }   .case-results-block h2 {     font-size: 10px;   }   .case-results-block h3 {     font-size: 30px;   }   .case-results-block h4 {     font-size: 12px;   }   .case-results-block p {     height: 50px;   } } @media (max-width: 576px) {   .case-results-block-inn {     padding: 40px 20px;   }   .case-results-block h2 {     font-size: 10px;   }   .case-results-block h3 {     font-size: 30px;   }   .case-results-block h4 {     font-size: 12px;   }   .case-results-block p {     height: auto;     overflow: visible;     font-size: 11px;   }   .case-results-block {     height: auto;   }   .case-results-block:hover .case-results-block-inn, .case-results-block:focus .case-results-block-inn {     position: relative;     top: 0;     -moz-transform: none;     -o-transform: none;     -ms-transform: none;     -webkit-transform: none;     transform: none;   } }