edited layout

This commit is contained in:
mesafal
2025-02-20 14:05:38 +05:45
parent d481aafc70
commit 6499126478
11 changed files with 129 additions and 68 deletions

View File

@ -13,8 +13,9 @@ Version: 1.0.0
--white: #fff;
--theme: #ffcc26;
--theme2: #005cb5;
--sec: #f39c12;
--header: #0c142e;
--text: #77797e;
--text: #77797e;
--ratting: #ffa128;
--border: #E3E3E3;
--border2: #242449;
@ -378,7 +379,7 @@ span {
}
.about-wrapper .about-content h4 {
text-transform: uppercase;
color: var(--theme);
color: #000;
font-weight: 400;
margin-bottom: 20px;
}
@ -1068,7 +1069,8 @@ span {
}
.contact-section-1 {
margin-bottom: -80px;
/* margin-bottom: -80px; */
margin-top: 10px;
position: relative;
z-index: 9;
}
@ -1185,6 +1187,10 @@ span {
gap: 25px;
justify-content: center;
}
.cta-cheap-rental .social-icon{
display: none !important;
}
}
.cta-cheap-rental .cta-cheap-rental-left {
display: flex;
@ -1209,7 +1215,7 @@ span {
font-size: 18px;
}
}
.cta-cheap-rental .social-icon {
.social-icon {
gap: 15px;
position: relative;
z-index: 9;
@ -1219,7 +1225,7 @@ span {
margin-top: 20px;
}
}
.cta-cheap-rental .social-icon a {
.social-icon a {
width: 40px;
height: 40px;
line-height: 40px;
@ -1232,7 +1238,7 @@ span {
background-color: var(--white);
border-radius: 50%;
}
.cta-cheap-rental .social-icon a:hover {
.social-icon a:hover {
background-color: var(--theme);
color: var(--white);
}
@ -1357,6 +1363,23 @@ span {
border: none;
border-radius: 10px;
}
.hero-content .pickup-btn{
background-color: var(--sec);
transition: all 0.3s ease;
height: 65px;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
color: var(--white);
padding: 0 40px;
border: none;
border-radius: 10px;
margin-top: 10px;
}
/* .hero-content.pickup-btn:hover {
background-color: var(--sec);
} */
.pickup-wrapper .pickup-items .pickup-btn:hover {
background-color: var(--theme2);
}
@ -1468,7 +1491,7 @@ span {
}
.faq-content .accordion-item .accordion-header .accordion-button {
font-weight: 600;
color: var(--theme);
color: var(--sec);
letter-spacing: -0.2px;
border: 0;
border-radius: 0;
@ -2158,38 +2181,38 @@ span {
flex-wrap: wrap;
}
}
@media (max-width: 991px) {
/* @media (max-width: 991px) {
.galley-wrapper-2 .gallery-items {
width: 48.5%;
}
}
} */
@media screen and (max-width: 580px) {
.galley-wrapper-2 .gallery-items {
/* .galley-wrapper-2 .gallery-items {
width: 95%;
}
.galley-wrapper-2 .gallery-items .g-items {
} */
/* .galley-wrapper-2 .gallery-items .g-items {
margin: 10px;
}
.galley-wrapper-2 .gallery-items .g-items:not(:last-child) {
} */
/* .galley-wrapper-2 .gallery-items .g-items:not(:last-child) {
margin-bottom: 25px;
}
} */
}
.galley-wrapper-2 .gallery-items .g-items {
position: relative;
width: 100%;
object-fit: cover;
height: 100%;
margin: 25px;
/* margin: 25px; */
overflow: hidden;
}
@media (max-width: 991px) {
/* @media (max-width: 991px) {
.galley-wrapper-2 .gallery-items .g-items {
margin: 20px;
}
}
} */
@media (max-width: 470px) {
.galley-wrapper-2 .gallery-items .g-items {
margin: 10px;
/* margin: 10px; */
}
}
.galley-wrapper-2 .gallery-items .g-items img {
@ -2825,6 +2848,15 @@ span {
.header-top-section {
display: none;
}
.footer-section .social-icon{
display: flex !important;
}
}
@media (min-width: 991px) {
.footer-section .social-icon{
display: none !important;
}
}
.header-top-section::before {
position: absolute;
@ -2925,6 +2957,10 @@ span {
.header-top-wrapper .header-top-right .social-icon a {
color: var(--white);
font-size: 14px;
background-color: var(--theme);
width: 30px;
height: 30px;
line-height: 30px;
}
.header-top-wrapper.style-2 .contact-list li {
color: #8e94a5;
@ -3060,7 +3096,7 @@ span {
background-color: var(--white);
box-shadow: var(--box-shadow);
z-index: 999;
border-bottom: 3px solid var(--theme);
border-bottom: 5px solid var(--theme);
}
.header-1 .container-fluid {
padding: 0 60px;
@ -3489,7 +3525,7 @@ span {
.offcanvas__wrapper {
position: relative;
height: 100%;
padding: 30px 30px;
padding: 0 30px;
}
.offcanvas__wrapper .offcanvas__content .text {
color: var(--text);
@ -4394,12 +4430,21 @@ span {
width: 100%;
height: 100%;
}
.hero-3 {
position: relative;
width: 100%;
height: 90vh !important;
height: 100% !important;
}
@media (min-width:992px) {
.hero-3 {
position: relative;
width: 100%;
height: 80vh !important;
}
}
@media (max-width: 991px) {
.hero-3 .array-button {
display: none;
@ -5370,7 +5415,7 @@ input.main-search-input::placeholder {
margin-bottom: 5px;
}
.section-title span {
color: var(--theme);
color: #f39c12;
margin-bottom: 10px;
display: inline-block;
font-weight: 500;
@ -7095,7 +7140,7 @@ input.main-search-input::placeholder {
color: var(--header);
}
.testimonial-wrapper-2 .testimonial-single-items .testimonial-content .name-job .job {
color: var(--theme);
color: var(--sec);
/* margin: 0; */
font-size: 14px;
line-height: 1.6;