Files
Global-Jain/public/css/frontend/custom-utilities.css

221 lines
2.8 KiB
CSS
Raw Normal View History

2025-11-05 10:37:10 +05:30
.cursor-none {
cursor: default !important;
}
/* Bootstrap 4 classes */
.mr-3 {
margin-right: 0.75rem;
}
.mr-8 {
margin-right: 2rem;
}
.mr-7 {
margin-right: 1.75rem;
}
.mr-15 {
margin-right: 3.75rem;
}
.text-right {
text-align: right;
}
.opacity-80 {
opacity: 0.8;
}
/* Font color css */
.fc-white,
.fc-hover-white:hover,
.fc-hover-white.active {
color: #ffffff;
}
.fc-black,
.fc-hover-black:hover {
color: #101014;
}
.fc-light-gray,
.fc-hover-light-gray:hover {
color: #7b7b88;
}
.fc-dark-gray,
.fc-hover-dark-gray:hover {
color: #666666 !important;
}
.fc-dark-blue,
.fc-hover-dark-blue:hover {
color: #475eab;
}
.fc-blue,
.fc-hover-blue:hover {
color: #038cb7;
}
.fc-yellow,
.fc-hover-yellow:hover {
color: #d2df43;
}
/* Background color css */
.bg-blue {
background: #038cb7;
}
.bg-light-gray {
background: #f7f7f7;
}
.bg-light-blue {
background: #f5f6ff;
}
.bg-light-blue1 {
background-color: #f3f7f9;
}
.bg-dark-blue {
background: #475eab;
}
.bg-hover-dark-blue:hover,
.bg-hover-dark-blue.active {
background: #475eab !important;
}
.bg-gradient-blue {
background-image: linear-gradient(to right, #475eab, #038cb7);
}
/* border colours css */
.border-gray {
border-color: #ececec;
}
/* Border radius css */
.rounded-25 {
border-radius: 25px;
}
.rounded-15 {
border-radius: 15px;
}
.rounded-10 {
border-radius: 10px;
}
.rounded-5 {
border-radius: 5px;
}
/* Margin and padding class */
.pt-60 {
padding-top: 60px;
}
.pb-60 {
padding-bottom: 60px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-60 {
margin-bottom: 60px;
}
/* Box-shadow css */
.shadow1 {
box-shadow: 0 3px 6px rgba(71, 94, 171, 0.4);
-webkit-box-shadow: 0 3px 6px rgba(71, 94, 171, 0.4);
-o-box-shadow: 0 3px 6px rgba(71, 94, 171, 0.4);
-ms-box-shadow: 0 3px 6px rgba(71, 94, 171, 0.4);
-moz-box-shadow: 0 3px 6px rgba(71, 94, 171, 0.4);
}
/* height css */
.h-55 {
height: 55px;
}
/* Text transform style */
.text-transform-none {
text-transform: none !important;
}
@media (max-width: 1399px) {
.h-55 {
height: 45px;
}
.pt-60 {
padding-top: 40px;
}
.pb-60 {
padding-bottom: 40px;
}
.mb-50 {
margin-bottom: 40px;
}
.mb-60 {
margin-bottom: 40px;
}
}
@media (max-width: 991px) {
.pt-60 {
padding-top: 30px;
}
.pb-60 {
padding-bottom: 30px;
}
.mb-50 {
margin-bottom: 30px;
}
.mb-60 {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.pt-60 {
padding-top: 20px;
}
.pb-60 {
padding-bottom: 20px;
}
.mb-50 {
margin-bottom: 20px;
}
.mb-60 {
margin-bottom: 20px;
}
}