.progressive-container{ width:95%; margin:0px 0; } .progressive-tech-text-h2 { color: #444; font-size: 38px; margin-bottom:25px; line-height: 1.3; } .progressive-tech-text-p { color: #444; font-size: 22px; line-height: 1.6; } .progressive-card-container{ max-height:620px; overflow: auto; } .progressive-card-container{ padding-right:60px; } .progressive-card{ border-bottom:3px solid #dde0e2; display:flex; margin-top:24px; } .progressive-icon { width:60px; /* text-align:center; */ } .progressive-text { width:100%; padding:0 15px 20px 20px; } .progressive-text-h2{ font-size:22px; color:#444; font-weight:bold; margin-bottom:10px; display: flex; gap: 10px; align-items:center; } .progressive-text-p{ font-size:18px; color:#444; margin-bottom:22px; } .progressive-icon .icon{ font-size:45px; color:#48f; } /* scroll bar */ #style-2::-webkit-scrollbar-track { border-radius: 10px; background: transparent; } #style-2::-webkit-scrollbar { width: 6px; border: 2px solid #e3f1fe; background: transparent; border-radius: 10px; display: block; } #style-2::-webkit-scrollbar-thumb { border-radius: 10px; background:#48f; } @supports(-webkit-overflow-scrolling: touch) { #style-2 { -webkit-overflow-scrolling: touch; } } .progressive-tech-text { margin: auto; width: 80%; !important; } .custom-mobile-app-process-container { margin: 50px auto 0 auto; width:75%; } .custom-mobile-app-process-container img{ width: 100%; !important; border-radius:20px; } @media only screen and (max-width: 1100px) { .progressive-tech-text-h2 { font-size:30px; line-height: 1.3; } .progressive-tech-text-p { font-size:18px; line-height: 1.3; } } .hidden-icon { display:none; } @media only screen and (max-width: 992px) { .progressive-container { margin: 20px auto; width: 95%; !important; } .progressive-tech-text-h2 { font-size: 30px; } .progressive-tech-text-p { font-size: 18px; } .progressive-card-container{ padding-right:8px; } .progressive-text { padding:0px 2px 15px 2px; } .progressive-icon{ display:none; } .hidden-icon { display:block; } .custom-mobile-app-process-container,.progressive-tech-text { width:80%; } } @media only screen and (max-width: 767px) { .custom-mobile-app-process-container,.progressive-tech-text { width:80%; } .progressive-card-container-1{margin-right:20px;}.progressive-icon{ display:block; } .hidden-icon { display:none; } .progressive-container { margin: 20px auto; width: 80%; !important; } .progressive-tech-text-h2 { font-size: 30px; text-align:center; } .progressive-tech-text-p { font-size: 18px; text-align:center; } .progressive-text { width: 100%; padding: 0 5px 0 5px; } .progressive-text-p { font-size: 14px; } .progressive-text-h3 { font-size: 18px; } .progressive-text { width: 100%; padding: 0 15px 20px 20px; } .progressive-card-container { padding-right: 0px; } } @media only screen and (max-width: 520px) { .progressive-tech-text-h2 { font-size: 24px !important; } .progressive-tech-text-p { font-size: 14px; } .progressive-card { padding-bottom:20px; gap:15px; } .progressive-card-container { padding-right: 5px; } .progressive-text { width: 100%; padding: 0 5px 0 5px; } .progressive-icon { width: 45px; } .progressive-icon .icon { font-size: 40px; } .progressive-container{ width:90%; } } .progressive-text-h2 .hidden-icon{ color:#48f; font-size:40px; }
@media only screen and (max-width: 520px) {
  .progressive-text-h2 {font-size: 20px !important;}
}