.all-in-one .row { row-gap: 90px;}

.all-in-one h3 { padding-bottom: 100px;}

.all-in-one .main-box .inner-box { border-radius: 20px; padding: 20px; box-shadow: 0 10px 60px 0px rgba(0, 0, 0, 0.08); }

.all-in-one .main-box .inner-box > a { display: grid; place-content: center; width: 100px; height: 100px; border-radius: 100%; background-color: #5B72EE; margin-top: -80px; box-shadow: 0 10px 40px 0px rgba(0, 0, 0, 0.06); }

.all-in-one .main-box .inner-box .calender { background-color: var(--primary-color); }

.all-in-one .main-box .inner-box .users { background-color: #29B9E7; }

.all-in-one .main-box .inner-box h4 { padding: 25px 0 10px 0; transition: all 0.3s ease-in; }

.all-in-one .main-box .inner-box h4:hover { color: var(--primary-color); }


@media (max-width:1399px) {
    
}

@media (max-width:1199px) {

.all-in-one .main-box .inner-box { min-height: 277px; }

}

@media (max-width:991px) {

.all-in-one .main-box .inner-box { min-height: 247px; }

}

@media (max-width:767px) {

.all-in-one h3 { padding-bottom: 80px;}

.all-in-one .main-box .inner-box { min-height: 242px; }

.all-in-one .main-box .inner-box a { width: 80px; height: 80px; margin-top: -60px;}

.all-in-one .main-box .inner-box a img { width: 30px;}

.all-in-one .main-box .inner-box .document img { width: 25px;}

.all-in-one .row { row-gap: 70px;}

}

@media (max-width:575px) {
    
.all-in-one .main-box .inner-box { min-height: unset; }

.all-in-one h3 { padding-bottom: 70px;}
    
}

@media (max-width:430px) {
    
}