Card icon widht updated

This commit is contained in:
akash 2025-09-17 20:37:36 +05:30
parent be6dc4e716
commit f2424d2ea7
2 changed files with 317 additions and 293 deletions

View File

@ -1,4 +1,3 @@
/** banner-section **/
.banner-section {
@ -281,13 +280,13 @@
position: relative;
display: inline-block;
font-weight: 400;
color: var(--secondary-color);
color: #bc0000;
}
.banner-carousel .content-box h2 span:before {
position: absolute;
content: '';
background: var(--secondary-color);
background: #bc0000;
width: 100%;
height: 4px;
left: 0px;
@ -723,53 +722,48 @@
}
@media (max-width: 1440px) {
.bg-layer.bg-slide-0 {
background-position: left -350px center !important;
}
}
@media (max-width: 1200px) {
.bg-layer.bg-slide-0 {
background-position: left -550px center !important;
}
}
@media (max-width: 1024px) {
.bg-layer.bg-slide-0 {
background-position: left -720px center !important;
}
}
@media (max-width: 992px) {
.bg-layer.bg-slide-0 {
background-position: left -780px center !important;
}
}
@media (max-width: 768px) and (min-width: 500px) {
.bg-layer.bg-slide-0 {
background-position: left -790px center !important;
background-position: left -500px center !important;
}
}
@media screen and (min-width: 500px) and (max-width: 768px) {
.banner-slide:nth-child(1) .custom-content-box.mobile-style, .custom-content-box.with-background, h2 {
font-size: 50px !important;
line-height: 1 !important;
}
.banner-slide:nth-child(1) .custom-content-box.mobile-style .upper-text, .custom-content-box.with-background .upper-text {
font-size: 20px;
}
.banner-slide:nth-child(1) .custom-content-box.mobile-style .theme-btn span, .custom-content-box.with-background .theme-btn span {
font-size: 16px;
padding: 15px 20px !important;
}
}

View File

@ -921,6 +921,7 @@
}
}
@media only screen and (max-width: 1024px) {
.sec-title-2 h2 {
@ -2315,13 +2316,15 @@
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff !important; /* white background */
background: #fff !important;
/* white background */
text-decoration: none;
}
.main-footer .social-links li a i,
.main-footer .social-links li a i::before {
color: #e60000 !important; /* red icon */
color: #e60000 !important;
/* red icon */
font-size: 18px;
line-height: 1;
display: inline-block;
@ -2953,6 +2956,7 @@
}
@media (max-width: 992px) {
.main-menu,
.sticky-header,
.main-header.style-one .outer-container:before {
@ -3298,6 +3302,25 @@
}
}
.custom-content-box.mobile-style {
background: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
.custom-content-box.mobile-style {
top: 190px;
background: white;
border-radius: 15%;
opacity: 0.8;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.custom-content-box.with-background {
top: 170px;
}
}
@media (max-width: 425px) {
.custom-content-box.mobile-style {
/* background: white; */
@ -3392,11 +3415,13 @@
margin-top: 8px;
}
}
@media (max-width: 1024px) and (min-width: 769px) {
.info-block-one {
padding: 30px 7px !important;
}
}
@media (max-width: 768px) {
.blog-details-content .news-block-one .inner-box .lower-content h2 {
font-size: 38px !important;
@ -3410,6 +3435,7 @@
line-height: 23px;
}
}
@media (max-width: 768px) {
.service-details-content h2 {
font-size: 38px !important;
@ -3421,23 +3447,27 @@
font-size: 22px !important;
}
}
@media (max-width: 425px) {
.pb_90 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
@media (max-width: 425px) {
.pt_90 {
padding-top: 30px !important;
}
}
@media (max-width: 425px) {
.sec-pad {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
@media (max-width: 425px) {
.chooseus-section {
padding-top: 30px !important;