Listing Style Four
All Brands Available 02-Feb-2026
$123 - $4321
Description
Listing Style Four
All Brands Available 02-Feb-2026
4.0/5
0 View
$123 – $4321
Description
.elementor-3509 .elementor-element.elementor-element-f13ea17{–display:flex;–flex-direction:column;–container-widget-width:100%;–container-widget-height:initial;–container-widget-flex-grow:0;–container-widget-align-self:initial;–flex-wrap-mobile:wrap;–padding-top:60px;–padding-bottom:60px;–padding-left:0px;–padding-right:0px;}.elementor-3509 .elementor-element.elementor-element-e839aa1{–display:flex;–flex-direction:row;–container-widget-width:initial;–container-widget-height:100%;–container-widget-flex-grow:1;–container-widget-align-self:stretch;–flex-wrap-mobile:wrap;–gap:0px 0px;–row-gap:0px;–column-gap:0px;–padding-top:20px;–padding-bottom:50px;–padding-left:0px;–padding-right:0px;}.elementor-3509 .elementor-element.elementor-element-b6c946b{–display:flex;–flex-direction:column;–container-widget-width:100%;–container-widget-height:initial;–container-widget-flex-grow:0;–container-widget-align-self:initial;–flex-wrap-mobile:wrap;–margin-top:0px;–margin-bottom:0px;–margin-left:0px;–margin-right:30px;}.elementor-3509 .elementor-element.elementor-element-9937d77 > .elementor-widget-container{margin:-14px 0px 0px 0px;}.elementor-3509 .elementor-element.elementor-element-bfca43b > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-3509 .elementor-element.elementor-element-2d72f3e > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-3509 .elementor-element.elementor-element-ef46ae4{–display:flex;–flex-direction:column;–container-widget-width:100%;–container-widget-height:initial;–container-widget-flex-grow:0;–container-widget-align-self:initial;–flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-3509 .elementor-element.elementor-element-f13ea17{–content-width:1300px;}.elementor-3509 .elementor-element.elementor-element-e839aa1{–content-width:1300px;}.elementor-3509 .elementor-element.elementor-element-b6c946b{–width:66.6666%;}.elementor-3509 .elementor-element.elementor-element-ef46ae4{–width:33.3333%;}}
#listing_img_slider {
position: relative;
max-width: 100%;
margin: 0;
padding: 0;
}
.listing-gallery-grid {
position: relative;
overflow: hidden;
padding: 0;
background: #fff;
min-height: 540px;
}
.listing-gallery-grid .gallery-grid-list {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 320px);
gap: 8px;
padding: 0;
margin: 0;
transition: transform 0.35s ease;
will-change: transform;
}
.listing-gallery-grid .gallery-grid-list.is-current {
transform: translateX(0);
}
.listing-gallery-grid .gallery-grid-list.from-left {
transform: translateX(-40px);
}
.listing-gallery-grid .gallery-grid-list.from-right {
transform: translateX(40px);
}
.listing-gallery-grid .gallery-grid-list.slide-out-left {
transform: translateX(-40px);
}
.listing-gallery-grid .gallery-grid-list.slide-out-right {
transform: translateX(40px);
}
.listing-gallery-grid .gallery-grid-list.slide-in {
transform: translateX(0);
}
.gallery-item {
position: relative;
overflow: hidden;
border-radius: 0;
cursor: pointer;
min-height: 100%;
}
/* First image – large on left */
.gallery-item:nth-child(4n+1) {
grid-column: 1 / 3;
grid-row: 1 / 3;
}
/* Second image – top right first column */
.gallery-item:nth-child(4n+2) {
grid-column: 3 / 4;
grid-row: 1 / 2;
}
/* Third image – top right second column */
.gallery-item:nth-child(4n+3) {
grid-column: 4 / 5;
grid-row: 1 / 2;
}
/* Fourth image – bottom right spanning 2 columns */
.gallery-item:nth-child(4n+4) {
grid-column: 3 / 5;
grid-row: 2 / 3;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.gallery-item:hover img {
transform: scale(1.05);
}
.gallery-nav {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
gap: 10px;
z-index: 10;
}
.gallery-nav-btn {
background: #fff;
border: none;
width: 48px;
height: 48px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 20px;
color: #333;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.gallery-nav-btn:hover {
background: #f8f9fa;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.gallery-nav-btn:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.elementor-masonary-gallery-wrapper .gallery-item img {
border-radius: 0px;
}
@media (max-width: 1024px) {
.listing-gallery-grid { min-height: 500px; }
.listing-gallery-grid .gallery-grid-list {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 250px);
}
.gallery-item:nth-child(4n+1) {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.gallery-item:nth-child(4n+2),
.gallery-item:nth-child(4n+3) {
grid-column: 2 / 3;
grid-row: auto;
}
.gallery-item:nth-child(4n+4) {
grid-column: 1 / 3;
grid-row: auto;
}
}
@media (max-width: 768px) {
.listing-gallery-grid { min-height: auto; }
.listing-gallery-grid .gallery-grid-list {
grid-template-columns: 1fr;
grid-template-rows: repeat(4, 200px);
}
.gallery-item:nth-child(4n+1),
.gallery-item:nth-child(4n+2),
.gallery-item:nth-child(4n+3),
.gallery-item:nth-child(4n+4) {
grid-column: 1 / 2;
grid-row: auto;
}
}
Listing Style Four
All Brands Available
4.0/5
0 View
$123 – $4321
Description
#listing_img_slider {
position: relative;
max-width: 100%;
margin: 0;
padding: 0;
}
.listing-gallery-grid {
position: relative;
overflow: hidden;
padding: 0;
background: #fff;
min-height: 540px;
}
.listing-gallery-grid .gallery-grid-list {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 320px);
gap: 8px;
padding: 0;
margin: 0;
transition: transform 0.35s ease;
will-change: transform;
}
.listing-gallery-grid .gallery-grid-list.is-current {
transform: translateX(0);
}
.listing-gallery-grid .gallery-grid-list.from-left {
transform: translateX(-40px);
}
.listing-gallery-grid .gallery-grid-list.from-right {
transform: translateX(40px);
}
.listing-gallery-grid .gallery-grid-list.slide-out-left {
transform: translateX(-40px);
}
.listing-gallery-grid .gallery-grid-list.slide-out-right {
transform: translateX(40px);
}
.listing-gallery-grid .gallery-grid-list.slide-in {
transform: translateX(0);
}
.gallery-item {
position: relative;
overflow: hidden;
border-radius: 0;
cursor: pointer;
min-height: 100%;
}
/* First image – large on left */
.gallery-item:nth-child(4n+1) {
grid-column: 1 / 3;
grid-row: 1 / 3;
}
/* Second image – top right first column */
.gallery-item:nth-child(4n+2) {
grid-column: 3 / 4;
grid-row: 1 / 2;
}
/* Third image – top right second column */
.gallery-item:nth-child(4n+3) {
grid-column: 4 / 5;
grid-row: 1 / 2;
}
/* Fourth image – bottom right spanning 2 columns */
.gallery-item:nth-child(4n+4) {
grid-column: 3 / 5;
grid-row: 2 / 3;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.gallery-item:hover img {
transform: scale(1.05);
}
.gallery-nav {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
gap: 10px;
z-index: 10;
}
.gallery-nav-btn {
background: #fff;
border: none;
width: 48px;
height: 48px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 20px;
color: #333;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.gallery-nav-btn:hover {
background: #f8f9fa;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.gallery-nav-btn:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.elementor-masonary-gallery-wrapper .gallery-item img {
border-radius: 0px;
}
@media (max-width: 1024px) {
.listing-gallery-grid { min-height: 500px; }
.listing-gallery-grid .gallery-grid-list {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 250px);
}
.gallery-item:nth-child(4n+1) {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.gallery-item:nth-child(4n+2),
.gallery-item:nth-child(4n+3) {
grid-column: 2 / 3;
grid-row: auto;
}
.gallery-item:nth-child(4n+4) {
grid-column: 1 / 3;
grid-row: auto;
}
}
@media (max-width: 768px) {
.listing-gallery-grid { min-height: auto; }
.listing-gallery-grid .gallery-grid-list {
grid-template-columns: 1fr;
grid-template-rows: repeat(4, 200px);
}
.gallery-item:nth-child(4n+1),
.gallery-item:nth-child(4n+2),
.gallery-item:nth-child(4n+3),
.gallery-item:nth-child(4n+4) {
grid-column: 1 / 2;
grid-row: auto;
}
}
Listing Style Four
All Brands Available 02-Feb-2026
4.0/5
0 View
$123 – $4321
Description
.elementor-3509 .elementor-element.elementor-element-f13ea17{–display:flex;–flex-direction:column;–container-widget-width:100%;–container-widget-height:initial;–container-widget-flex-grow:0;–container-widget-align-self:initial;–flex-wrap-mobile:wrap;–padding-top:60px;–padding-bottom:60px;–padding-left:0px;–padding-right:0px;}.elementor-3509 .elementor-element.elementor-element-e839aa1{–display:flex;–flex-direction:row;–container-widget-width:initial;–container-widget-height:100%;–container-widget-flex-grow:1;–container-widget-align-self:stretch;–flex-wrap-mobile:wrap;–gap:0px 0px;–row-gap:0px;–column-gap:0px;–padding-top:20px;–padding-bottom:50px;–padding-left:0px;–padding-right:0px;}.elementor-3509 .elementor-element.elementor-element-b6c946b{–display:flex;–flex-direction:column;–container-widget-width:100%;–container-widget-height:initial;–container-widget-flex-grow:0;–container-widget-align-self:initial;–flex-wrap-mobile:wrap;–margin-top:0px;–margin-bottom:0px;–margin-left:0px;–margin-right:30px;}.elementor-3509 .elementor-element.elementor-element-9937d77 > .elementor-widget-container{margin:-14px 0px 0px 0px;}.elementor-3509 .elementor-element.elementor-element-bfca43b > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-3509 .elementor-element.elementor-element-2d72f3e > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-3509 .elementor-element.elementor-element-ef46ae4{–display:flex;–flex-direction:column;–container-widget-width:100%;–container-widget-height:initial;–container-widget-flex-grow:0;–container-widget-align-self:initial;–flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-3509 .elementor-element.elementor-element-f13ea17{–content-width:1300px;}.elementor-3509 .elementor-element.elementor-element-e839aa1{–content-width:1300px;}.elementor-3509 .elementor-element.elementor-element-b6c946b{–width:66.6666%;}.elementor-3509 .elementor-element.elementor-element-ef46ae4{–width:33.3333%;}}
#listing_img_slider {
position: relative;
max-width: 100%;
margin: 0;
padding: 0;
}
.listing-gallery-grid {
position: relative;
overflow: hidden;
padding: 0;
background: #fff;
min-height: 540px;
}
.listing-gallery-grid .gallery-grid-list {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 320px);
gap: 8px;
padding: 0;
margin: 0;
transition: transform 0.35s ease;
will-change: transform;
}
.listing-gallery-grid .gallery-grid-list.is-current {
transform: translateX(0);
}
.listing-gallery-grid .gallery-grid-list.from-left {
transform: translateX(-40px);
}
.listing-gallery-grid .gallery-grid-list.from-right {
transform: translateX(40px);
}
.listing-gallery-grid .gallery-grid-list.slide-out-left {
transform: translateX(-40px);
}
.listing-gallery-grid .gallery-grid-list.slide-out-right {
transform: translateX(40px);
}
.listing-gallery-grid .gallery-grid-list.slide-in {
transform: translateX(0);
}
.gallery-item {
position: relative;
overflow: hidden;
border-radius: 0;
cursor: pointer;
min-height: 100%;
}
/* First image – large on left */
.gallery-item:nth-child(4n+1) {
grid-column: 1 / 3;
grid-row: 1 / 3;
}
/* Second image – top right first column */
.gallery-item:nth-child(4n+2) {
grid-column: 3 / 4;
grid-row: 1 / 2;
}
/* Third image – top right second column */
.gallery-item:nth-child(4n+3) {
grid-column: 4 / 5;
grid-row: 1 / 2;
}
/* Fourth image – bottom right spanning 2 columns */
.gallery-item:nth-child(4n+4) {
grid-column: 3 / 5;
grid-row: 2 / 3;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.gallery-item:hover img {
transform: scale(1.05);
}
.gallery-nav {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
gap: 10px;
z-index: 10;
}
.gallery-nav-btn {
background: #fff;
border: none;
width: 48px;
height: 48px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 20px;
color: #333;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.gallery-nav-btn:hover {
background: #f8f9fa;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.gallery-nav-btn:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.elementor-masonary-gallery-wrapper .gallery-item img {
border-radius: 0px;
}
@media (max-width: 1024px) {
.listing-gallery-grid { min-height: 500px; }
.listing-gallery-grid .gallery-grid-list {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 250px);
}
.gallery-item:nth-child(4n+1) {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.gallery-item:nth-child(4n+2),
.gallery-item:nth-child(4n+3) {
grid-column: 2 / 3;
grid-row: auto;
}
.gallery-item:nth-child(4n+4) {
grid-column: 1 / 3;
grid-row: auto;
}
}
@media (max-width: 768px) {
.listing-gallery-grid { min-height: auto; }
.listing-gallery-grid .gallery-grid-list {
grid-template-columns: 1fr;
grid-template-rows: repeat(4, 200px);
}
.gallery-item:nth-child(4n+1),
.gallery-item:nth-child(4n+2),
.gallery-item:nth-child(4n+3),
.gallery-item:nth-child(4n+4) {
grid-column: 1 / 2;
grid-row: auto;
}
}
Listing Style Four
All Brands Available
4.0/5
0 View
$123 – $4321
.view_map {
display: none;
}
input[type=”checkbox”] {
width: 3% !important;
}
.check_text {
position: relative;
top: -32px;
left: 22px;
}
form input.btn.btn-block {
color: #fff;
font-size: 16px;
font-weight: 600;
}
.style4-listing_action_btn {
padding: 0 !important;
}
.action-buttons-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
background: #fff;
border-radius: 8px;
overflow: hidden;
border: 1px solid #f0f0f0;
}
.action-btn-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px 20px;
text-decoration: none;
color: #666;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
transition: all 0.3s ease;
cursor: pointer;
background: #fff;
}
.action-btn-item:nth-child(even) {
border-right: none;
}
.action-btn-item:nth-last-child(-n+2) {
border-bottom: none;
}
.action-btn-item:hover {
background: #f8f9fa;
color: #38ccff;
}
.action-btn-icon {
font-size: 32px;
margin-bottom: 10px;
color: #999;
transition: color 0.3s ease;
}
.action-btn-item:hover .action-btn-icon {
color: #38ccff;
}
.action-btn-text {
font-size: 12px;
font-weight: 600;
text-align: center;
color: #666;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: color 0.3s ease;
}
.action-btn-item:hover .action-btn-text {
color: #38ccff;
}
@media (max-width: 768px) {
.action-btn-item {
padding: 20px 15px;
}
.action-btn-icon {
font-size: 28px;
margin-bottom: 8px;
}
.action-btn-text {
font-size: 11px;
}
}
Share This
Email to Friends
Write a Review
Report
Description
#listing_img_slider {
position: relative;
max-width: 100%;
margin: 0;
padding: 0;
}
.listing-gallery-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 320px);
gap: 8px;
padding: 0;
background: #fff;
min-height: 640px;
}
.gallery-item {
position: relative;
overflow: hidden;
border-radius: 0;
cursor: pointer;
min-height: 100%;
}
/* First image – large on left */
.gallery-item:nth-child(4n+1) {
grid-column: 1 / 3;
grid-row: 1 / 3;
}
/* Second image – top right first column */
.gallery-item:nth-child(4n+2) {
grid-column: 3 / 4;
grid-row: 1 / 2;
}
/* Third image – top right second column */
.gallery-item:nth-child(4n+3) {
grid-column: 4 / 5;
grid-row: 1 / 2;
}
/* Fourth image – bottom right spanning 2 columns */
.gallery-item:nth-child(4n+4) {
grid-column: 3 / 5;
grid-row: 2 / 3;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.gallery-item:hover img {
transform: scale(1.05);
}
.gallery-nav {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
gap: 10px;
z-index: 10;
}
.gallery-nav-btn {
background: #fff;
border: none;
width: 48px;
height: 48px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 20px;
color: #333;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.gallery-nav-btn:hover {
background: #f8f9fa;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.gallery-nav-btn:disabled {
opacity: 0.4;
cursor: not-allowed;
}
@media (max-width: 1024px) {
.listing-gallery-grid {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 250px);
min-height: 500px;
}
.gallery-item:nth-child(4n+1) {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.gallery-item:nth-child(4n+2),
.gallery-item:nth-child(4n+3) {
grid-column: 2 / 3;
grid-row: auto;
}
.gallery-item:nth-child(4n+4) {
grid-column: 1 / 3;
grid-row: auto;
}
}
@media (max-width: 768px) {
.listing-gallery-grid {
grid-template-columns: 1fr;
grid-template-rows: repeat(4, 200px);
min-height: auto;
}
.gallery-item:nth-child(4n+1),
.gallery-item:nth-child(4n+2),
.gallery-item:nth-child(4n+3),
.gallery-item:nth-child(4n+4) {
grid-column: 1 / 2;
grid-row: auto;
}
}
Listing Style Four
All Brands Available 02-Feb-2026
4.0/5
0 View
$123 – $4321
.view_map {
display: none;
}
input[type=”checkbox”] {
width: 3% !important;
}
.check_text {
position: relative;
top: -32px;
left: 22px;
}
form input.btn.btn-block {
color: #fff;
font-size: 16px;
font-weight: 600;
}
.style4-listing_action_btn {
padding: 0 !important;
}
.action-buttons-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
background: #fff;
border-radius: 8px;
overflow: hidden;
border: 1px solid #f0f0f0;
}
.action-btn-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 15px 20px;
text-decoration: none;
color: #666;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
transition: all 0.3s ease;
cursor: pointer;
background: #fff;
}
.action-btn-item:nth-child(even) {
border-right: none;
}
.action-btn-item:nth-last-child(-n+2) {
border-bottom: none;
}
.action-btn-item:hover {
background: #f8f9fa;
color: #38ccff;
}
.action-btn-icon {
font-size: 32px;
margin-bottom: 10px;
color: #999;
transition: color 0.3s ease;
}
.action-btn-item:hover .action-btn-icon {
color: #38ccff;
}
.action-btn-text {
font-size: 12px;
font-weight: 600;
text-align: center;
color: #666;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: color 0.3s ease;
}
.action-btn-item:hover .action-btn-text {
color: #38ccff;
}
@media (max-width: 768px) {
.action-btn-item {
padding: 20px 15px;
}
.action-btn-icon {
font-size: 28px;
margin-bottom: 8px;
}
.action-btn-text {
font-size: 11px;
}
}
Share This
Email to Friends
Write a Review
Report
Description
.elementor-3509 .elementor-element.elementor-element-f13ea17{–display:flex;–flex-direction:column;–container-widget-width:100%;–container-widget-height:initial;–container-widget-flex-grow:0;–container-widget-align-self:initial;–flex-wrap-mobile:wrap;–padding-top:60px;–padding-bottom:60px;–padding-left:0px;–padding-right:0px;}.elementor-3509 .elementor-element.elementor-element-57f16a4{–display:flex;–flex-direction:row;–container-widget-width:initial;–container-widget-height:100%;–container-widget-flex-grow:1;–container-widget-align-self:stretch;–flex-wrap-mobile:wrap;–gap:0px 0px;–row-gap:0px;–column-gap:0px;–padding-top:10px;–padding-bottom:20px;–padding-left:0px;–padding-right:0px;}.elementor-3509 .elementor-element.elementor-element-deff261{–display:flex;–flex-direction:column;–container-widget-width:100%;–container-widget-height:initial;–container-widget-flex-grow:0;–container-widget-align-self:initial;–flex-wrap-mobile:wrap;}.elementor-3509 .elementor-element.elementor-element-9937d77 > .elementor-widget-container{margin:-14px 0px 0px 0px;}.elementor-3509 .elementor-element.elementor-element-bfca43b > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-3509 .elementor-element.elementor-element-2d72f3e > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-3509 .elementor-element.elementor-element-ba11689{–display:flex;–flex-direction:column;–container-widget-width:100%;–container-widget-height:initial;–container-widget-flex-grow:0;–container-widget-align-self:initial;–flex-wrap-mobile:wrap;}.elementor-3509 .elementor-element.elementor-element-e839aa1{–display:flex;–flex-direction:row;–container-widget-width:initial;–container-widget-height:100%;–container-widget-flex-grow:1;–container-widget-align-self:stretch;–flex-wrap-mobile:wrap;–gap:0px 0px;–row-gap:0px;–column-gap:0px;–padding-top:20px;–padding-bottom:50px;–padding-left:0px;–padding-right:0px;}.elementor-3509 .elementor-element.elementor-element-b6c946b{–display:flex;–flex-direction:column;–container-widget-width:100%;–container-widget-height:initial;–container-widget-flex-grow:0;–container-widget-align-self:initial;–flex-wrap-mobile:wrap;}.elementor-3509 .elementor-element.elementor-element-ef46ae4{–display:flex;–flex-direction:column;–container-widget-width:100%;–container-widget-height:initial;–container-widget-flex-grow:0;–container-widget-align-self:initial;–flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-3509 .elementor-element.elementor-element-f13ea17{–content-width:1300px;}.elementor-3509 .elementor-element.elementor-element-57f16a4{–content-width:1300px;}.elementor-3509 .elementor-element.elementor-element-deff261{–width:66.6666%;}.elementor-3509 .elementor-element.elementor-element-ba11689{–width:33.3333%;}.elementor-3509 .elementor-element.elementor-element-e839aa1{–content-width:1300px;}.elementor-3509 .elementor-element.elementor-element-b6c946b{–width:66.6666%;}.elementor-3509 .elementor-element.elementor-element-ef46ae4{–width:33.3333%;}}
#listing_img_slider {
position: relative;
max-width: 100%;
margin: 0;
padding: 0;
}
.listing-gallery-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 320px);
gap: 8px;
padding: 0;
background: #fff;
min-height: 640px;
}
.gallery-item {
position: relative;
overflow: hidden;
border-radius: 0;
cursor: pointer;
min-height: 100%;
}
/* First image – large on left */
.gallery-item:nth-child(4n+1) {
grid-column: 1 / 3;
grid-row: 1 / 3;
}
/* Second image – top right first column */
.gallery-item:nth-child(4n+2) {
grid-column: 3 / 4;
grid-row: 1 / 2;
}
/* Third image – top right second column */
.gallery-item:nth-child(4n+3) {
grid-column: 4 / 5;
grid-row: 1 / 2;
}
/* Fourth image – bottom right spanning 2 columns */
.gallery-item:nth-child(4n+4) {
grid-column: 3 / 5;
grid-row: 2 / 3;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.gallery-item:hover img {
transform: scale(1.05);
}
.gallery-nav {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
gap: 10px;
z-index: 10;
}
.gallery-nav-btn {
background: #fff;
border: none;
width: 48px;
height: 48px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 20px;
color: #333;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.gallery-nav-btn:hover {
background: #f8f9fa;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.gallery-nav-btn:disabled {
opacity: 0.4;
cursor: not-allowed;
}
@media (max-width: 1024px) {
.listing-gallery-grid {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 250px);
min-height: 500px;
}
.gallery-item:nth-child(4n+1) {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.gallery-item:nth-child(4n+2),
.gallery-item:nth-child(4n+3) {
grid-column: 2 / 3;
grid-row: auto;
}
.gallery-item:nth-child(4n+4) {
grid-column: 1 / 3;
grid-row: auto;
}
}
@media (max-width: 768px) {
.listing-gallery-grid {
grid-template-columns: 1fr;
grid-template-rows: repeat(4, 200px);
min-height: auto;
}
.gallery-item:nth-child(4n+1),
.gallery-item:nth-child(4n+2),
.gallery-item:nth-child(4n+3),
.gallery-item:nth-child(4n+4) {
grid-column: 1 / 2;
grid-row: auto;
}
}
Listing Style Four
All Brands Available
4.0/5
0 View
$123 – $4321
.view_map {
display: none;
}
input[type=”checkbox”] {
width: 3% !important;
}
.check_text {
position: relative;
top: -32px;
left: 22px;
}
form input.btn.btn-block {
color: #fff;
font-size: 16px;
font-weight: 600;
}
.style4-listing_action_btn {
padding: 0 !important;
}
.action-buttons-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
background: #fff;
border-radius: 8px;
overflow: hidden;
border: 1px solid #f0f0f0;
}
.action-btn-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 15px 20px;
text-decoration: none;
color: #666;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
transition: all 0.3s ease;
cursor: pointer;
background: #fff;
}
.action-btn-item:nth-child(even) {
border-right: none;
}
.action-btn-item:nth-last-child(-n+2) {
border-bottom: none;
}
.action-btn-item:hover {
background: #f8f9fa;
color: #38ccff;
}
.action-btn-icon {
font-size: 32px;
margin-bottom: 10px;
color: #999;
transition: color 0.3s ease;
}
.action-btn-item:hover .action-btn-icon {
color: #38ccff;
}
.action-btn-text {
font-size: 12px;
font-weight: 600;
text-align: center;
color: #666;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: color 0.3s ease;
}
.action-btn-item:hover .action-btn-text {
color: #38ccff;
}
@media (max-width: 768px) {
.action-btn-item {
padding: 20px 15px;
}
.action-btn-icon {
font-size: 28px;
margin-bottom: 8px;
}
.action-btn-text {
font-size: 11px;
}
}
Share This
Email to Friends
Write a Review
Report
.reviews-list {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 20px;
}
.review-card {
background: #fff;
border-radius: 8px;
padding: 20px;
border: 1px solid #f0f0f0;
transition: all 0.3s ease;
}
.review-card:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.review-header {
display: flex;
gap: 12px;
margin-bottom: 15px;
}
.review-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
background: #ddd;
flex-shrink: 0;
overflow: hidden;
}
.review-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.review-info {
flex: 1;
}
.review-author {
font-weight: 600;
color: #333;
font-size: 14px;
display: flex;
gap: 10px;
align-items: center;
}
.review-author-link {
color: #007bff;
text-decoration: none;
}
.review-author-link:hover {
text-decoration: underline;
}
.review-count {
font-size: 12px;
color: #999;
}
.review-date {
font-size: 12px;
color: #999;
margin-top: 2px;
}
.review-rating {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 12px;
}
.review-stars {
display: flex;
gap: 2px;
color: #ffc107;
}
.review-stars i {
font-size: 12px;
}
.review-score {
background: #ffc107;
color: #333;
padding: 2px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
}
.review-content {
color: #666;
font-size: 14px;
line-height: 1.6;
margin-bottom: 15px;
}
.review-actions {
display: flex;
gap: 20px;
flex-wrap: wrap;
padding-top: 15px;
border-top: 1px solid #f0f0f0;
font-size: 13px;
}
.review-action-btn {
display: flex;
align-items: center;
gap: 5px;
color: #007bff;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
}
.review-action-btn:hover {
color: #0056b3;
}
.review-action-btn i {
font-size: 14px;
}
.review-action-btn.interesting { color: #007bff; }
.review-action-btn.lol { color: #ffc107; }
.review-action-btn.love { color: #dc3545; }
.review-action-btn.report { color: #ff5a3c; }
.owner-response {
background: #f9f9f9;
padding: 12px;
border-radius: 6px;
margin-top: 15px;
border-left: 4px solid #007bff;
}
.owner-response h4 {
font-size: 13px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
}
.owner-response time {
display: block;
font-size: 12px;
color: #999;
margin-bottom: 8px;
}
.owner-response p {
font-size: 13px;
color: #666;
margin: 0;
line-height: 1.5;
}
.write-review-section {
background: #f9f9f9;
padding: 30px;
border-radius: 8px;
}
.write-review-title {
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.rating-selector {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
.rating-selector i {
font-size: 24px;
color: #ddd;
cursor: pointer;
transition: all 0.3s ease;
}
.rating-selector i:hover,
.rating-selector i.selected {
color: #ffc107;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
font-size: 13px;
font-weight: 600;
color: #333;
margin-bottom: 6px;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 13px;
font-family: inherit;
color: #666;
}
.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
.form-group textarea {
resize: vertical;
min-height: 100px;
}
.form-hint {
font-size: 12px;
color: #999;
margin-top: 4px;
}
.submit-btn {
padding: 10px 24px;
background: #007bff;
color: #fff;
border: none;
border-radius: 4px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: all 0.3s ease;
}
.submit-btn:hover {
background: #0056b3;
}
@media (max-width: 768px) {
.write-review-section {
padding: 20px;
}
.review-actions {
gap: 12px;
}
}
/* Reviews Container */
.reviews-container {
margin-top: 30px;
}
/* Review Count Heading */
.reviews-count-heading {
font-size: 20px;
font-weight: 700;
color: #333;
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 3px solid #38ccff;
}
/* Individual Review Cards */
.review-item {
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 8px;
padding: 25px;
margin-bottom: 20px;
transition: all 0.3s ease;
}
.review-item:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.review-header-flex {
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 15px;
}
.review-avatar-img {
width: 50px;
height: 50px;
border-radius: 50%;
background: #e0e0e0;
overflow: hidden;
flex-shrink: 0;
}
.review-avatar-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.review-header-info {
flex: 1;
}
.review-author-name {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 5px;
}
.review-date-time {
font-size: 13px;
color: #999;
}
.review-rating-display {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}
.review-stars-display {
display: flex;
gap: 3px;
color: #ffc107;
font-size: 16px;
}
.review-rating-number {
font-weight: 600;
color: #333;
font-size: 14px;
}
.review-title-text {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 10px;
}
.review-content-text {
font-size: 14px;
color: #666;
line-height: 1.6;
}
/* No Reviews Message */
.no-reviews-msg {
text-align: center;
padding: 40px 20px;
background: #f9f9f9;
border-radius: 8px;
margin-bottom: 30px;
}
.no-reviews-msg p {
color: #999;
font-size: 15px;
margin: 0;
}
/* Write Review Form */
.write-review-form {
background: #f9f9f9;
padding: 35px;
border-radius: 8px;
margin-top: 30px;
}
.write-review-heading {
font-size: 20px;
font-weight: 700;
color: #333;
margin-bottom: 25px;
}
.form-group-custom {
margin-bottom: 20px;
}
.form-label-custom {
display: block;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
}
.rating-stars-input {
display: flex;
gap: 8px;
margin-bottom: 5px;
}
.rating-stars-input i {
font-size: 28px;
color: #ddd;
cursor: pointer;
transition: all 0.2s ease;
}
.rating-stars-input i:hover,
.rating-stars-input i.active {
color: #ffc107;
transform: scale(1.1);
}
.form-input-custom {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
font-family: inherit;
color: #333;
transition: all 0.3s ease;
}
.form-input-custom:focus {
outline: none;
border-color: #38ccff;
box-shadow: 0 0 0 3px rgba(56, 204, 255, 0.1);
}
.form-textarea-custom {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
font-family: inherit;
color: #333;
min-height: 120px;
resize: vertical;
transition: all 0.3s ease;
}
.form-textarea-custom:focus {
outline: none;
border-color: #38ccff;
box-shadow: 0 0 0 3px rgba(56, 204, 255, 0.1);
}
.submit-review-btn {
padding: 12px 35px;
background: #38ccff;
color: #fff;
border: none;
border-radius: 4px;
font-weight: 600;
font-size: 15px;
cursor: pointer;
transition: all 0.3s ease;
}
.submit-review-btn:hover {
background: #2cb5e0;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
.submit-review-btn:disabled {
background: #ccc;
cursor: not-allowed;
transform: none;
}
.review-success-msg,
.review-error-msg {
padding: 12px 20px;
border-radius: 4px;
margin-bottom: 20px;
font-size: 14px;
}
.review-success-msg {
background: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.review-error-msg {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.login-required-msg {
text-align: center;
padding: 30px 20px;
background: #fff3cd;
border: 1px solid #ffeaa7;
border-radius: 8px;
color: #856404;
}
.login-required-msg a {
color: #38ccff;
text-decoration: none;
font-weight: 600;
}
.login-required-msg a:hover {
text-decoration: underline;
}
No reviews yet. Be the first to review!
Write a Review
jQuery(document).ready(function($) {
// Star rating interaction
$(‘.rating-stars-input i’).on(‘click’, function() {
var rating = $(this).data(‘rating’);
$(‘#review-rating-value’).val(rating);
$(‘.rating-stars-input i’).removeClass(‘active fas’).addClass(‘far’);
$(this).prevAll().addBack().removeClass(‘far’).addClass(‘fas active’);
});
// Form submission
$(‘#custom-review-form’).on(‘submit’, function(e) {
e.preventDefault();
var rating = $(‘#review-rating-value’).val();
if (rating == 0) {
$(‘#review-messages’).html(‘Please select a rating’);
return false;
}
var formData = $(this).serialize();
var submitBtn = $(‘.submit-review-btn’);
submitBtn.prop(‘disabled’, true).text(‘Submitting…’);
$(‘#review-messages’).html(”);
$.ajax({
url: ‘https://webmasterdriver.net/olomo/wp-admin/admin-ajax.php’,
type: ‘POST’,
data: formData,
success: function(response) {
if (response.success) {
$(‘#review-messages’).html(” + response.data.message + ”);
$(‘#custom-review-form’)[0].reset();
$(‘#review-rating-value’).val(0);
$(‘.rating-stars-input i’).removeClass(‘active fas’).addClass(‘far’);
setTimeout(function() {
location.reload();
}, 2000);
} else {
$(‘#review-messages’).html(” + response.data.message + ”);
}
submitBtn.prop(‘disabled’, false).text(‘Submit Review’);
},
error: function() {
$(‘#review-messages’).html(‘An error occurred. Please try again.’);
submitBtn.prop(‘disabled’, false).text(‘Submit Review’);
}
});
});
});
.author-listing-details {
text-align: center;
padding: 30px 20px !important;
}
.author-profile-header {
margin-bottom: 25px;
}
.author-avatar-wrapper {
width: 120px;
height: 120px;
margin: 0 auto 20px;
border-radius: 50%;
background: linear-gradient(135deg, #ff7f3f 0%, #ff5a3c 100%);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.author-avatar-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.author-name-display {
font-size: 22px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
}
.view-profile-btn {
display: inline-block;
padding: 10px 30px;
background: #38ccff;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
font-size: 14px;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.view-profile-btn:hover {
background: #2cb5e0;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
.contact-info-divider {
text-align: left;
margin-top: 25px;
padding-top: 20px;
border-top: 2px solid #f0f0f0;
}
.contact-info-title {
font-size: 16px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 3px solid #38ccff;
display: inline-block;
}
.contact-info-list {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.contact-info-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 0;
border-bottom: 1px solid #f0f0f0;
}
.contact-info-item:last-child {
border-bottom: none;
}
.contact-icon {
color: #38ccff;
font-size: 18px;
width: 24px;
text-align: center;
flex-shrink: 0;
margin-top: 2px;
}
.contact-details {
flex: 1;
}
.contact-details-label {
font-size: 12px;
color: #999;
margin-bottom: 4px;
display: block;
}
.contact-details-value {
color: #666;
font-size: 14px;
text-decoration: none;
word-break: break-word;
}
.contact-details-value a {
color: #38ccff;
text-decoration: none;
transition: color 0.3s ease;
}
.contact-details-value a:hover {
color: #2cb5e0;
text-decoration: underline;
}
.social-links-section {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f0f0f0;
}
.social-links {
display: flex;
gap: 10px;
justify-content: flex-start;
flex-wrap: wrap;
}
.social-icon {
width: 30px;
height: 30px;
border-radius: 50%;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
color: #666;
text-decoration: none;
transition: all 0.3s ease;
font-size: 16px;
}
.social-icon:hover {
background: #38ccff;
color: #fff;
transform: translateY(-3px);
}
@media (max-width: 768px) {
.author-listing-details {
padding: 20px !important;
}
.author-avatar-wrapper {
width: 100px;
height: 100px;
}
.author-name-display {
font-size: 18px;
}
}
admin
View Profile
CONTACT INFO
.claim-section {
text-align: center;
padding-top: 10px;
border-top: 1px solid #f0f0f0;
margin-top: 10px;
}
.claim-text {
font-size: 13px;
color: #666;
margin-bottom: 12px;
}
.btn-claim {
display: inline-block;
padding: 10px 24px;
background: #38ccff;
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 13px;
border-radius: 4px;
border: none;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-claim:hover {
background: #2cb5e0;
color: #fff;
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
Own Or Work Here?
Claim Now!
.sidebar-section {
padding: 20px;
}
Share Listing
Send Message
I have read and agree to Terms & Conditions
Your request has been submitted successfully. Now you are enabled to communicate via Chat Window in your dashboard's Inbox Panel. Thank you!
Report This Listing
Please indicate what problem has been found!
I have read and agree to Terms & Conditions
Email to Friend
I have read and agree to Terms & Conditions
Claim Listing
I have read and agree to Terms & Conditions
.related-listings-list {
padding: 20px !important;
}
.related-listings-title {
font-size: 16px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 3px solid #38ccff;
display: inline-block;
}
.related-listing-item {
display: flex;
gap: 12px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.related-listing-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.related-listing-thumb {
width: 80px;
height: 80px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
}
.related-listing-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.related-listing-info {
flex: 1;
display: block;
flex-direction: column;
justify-content: space-between;
}
.related-listing-title-link {
color: #333;
text-decoration: none;
font-weight: 600;
font-size: 14px;
line-height: 1.4;
margin-bottom: 8px;
display: block;
transition: color 0.3s ease;
}
.related-listing-title-link:hover {
color: #38ccff;
}
.related-listing-rating {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.related-listing-stars {
display: flex;
gap: 2px;
color: #ffa500;
font-size: 12px;
}
.related-listing-stars i {
font-size: 12px;
}
.related-listing-rating-text {
font-size: 13px;
font-weight: 600;
color: #333;
}
.related-listing-reviews {
font-size: 12px;
color: #999;
}
.related-listing-price {
font-size: 14px;
font-weight: 700;
color: #333;
letter-spacing: 0.5px;
}
.reviews-list {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 20px;
}
.review-card {
background: #fff;
border-radius: 8px;
padding: 20px;
border: 1px solid #f0f0f0;
transition: all 0.3s ease;
}
.review-card:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.review-header {
display: flex;
gap: 12px;
margin-bottom: 15px;
}
.review-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
background: #ddd;
flex-shrink: 0;
overflow: hidden;
}
.review-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.review-info {
flex: 1;
}
.review-author {
font-weight: 600;
color: #333;
font-size: 14px;
display: flex;
gap: 10px;
align-items: center;
}
.review-author-link {
color: #007bff;
text-decoration: none;
}
.review-author-link:hover {
text-decoration: underline;
}
.review-count {
font-size: 12px;
color: #999;
}
.review-date {
font-size: 12px;
color: #999;
margin-top: 2px;
}
.review-rating {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 12px;
}
.review-stars {
display: flex;
gap: 2px;
color: #ffc107;
}
.review-stars i {
font-size: 12px;
}
.review-score {
background: #ffc107;
color: #333;
padding: 2px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
}
.review-content {
color: #666;
font-size: 14px;
line-height: 1.6;
margin-bottom: 15px;
}
.review-actions {
display: flex;
gap: 20px;
flex-wrap: wrap;
padding-top: 15px;
border-top: 1px solid #f0f0f0;
font-size: 13px;
}
.review-action-btn {
display: flex;
align-items: center;
gap: 5px;
color: #007bff;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
}
.review-action-btn:hover {
color: #0056b3;
}
.review-action-btn i {
font-size: 14px;
}
.review-action-btn.interesting { color: #007bff; }
.review-action-btn.lol { color: #ffc107; }
.review-action-btn.love { color: #dc3545; }
.review-action-btn.report { color: #ff5a3c; }
.owner-response {
background: #f9f9f9;
padding: 12px;
border-radius: 6px;
margin-top: 15px;
border-left: 4px solid #007bff;
}
.owner-response h4 {
font-size: 13px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
}
.owner-response time {
display: block;
font-size: 12px;
color: #999;
margin-bottom: 8px;
}
.owner-response p {
font-size: 13px;
color: #666;
margin: 0;
line-height: 1.5;
}
.write-review-section {
background: #f9f9f9;
padding: 30px;
border-radius: 8px;
}
.write-review-title {
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.rating-selector {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
.rating-selector i {
font-size: 24px;
color: #ddd;
cursor: pointer;
transition: all 0.3s ease;
}
.rating-selector i:hover,
.rating-selector i.selected {
color: #ffc107;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
font-size: 13px;
font-weight: 600;
color: #333;
margin-bottom: 6px;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 13px;
font-family: inherit;
color: #666;
}
.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
.form-group textarea {
resize: vertical;
min-height: 100px;
}
.form-hint {
font-size: 12px;
color: #999;
margin-top: 4px;
}
.submit-btn {
padding: 10px 24px;
background: #007bff;
color: #fff;
border: none;
border-radius: 4px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: all 0.3s ease;
}
.submit-btn:hover {
background: #0056b3;
}
@media (max-width: 768px) {
.write-review-section {
padding: 20px;
}
.review-actions {
gap: 12px;
}
}
/* Reviews Container */
.reviews-container {
margin-top: 30px;
}
/* Review Count Heading */
.reviews-count-heading {
font-size: 20px;
font-weight: 700;
color: #333;
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 3px solid #38ccff;
}
/* Individual Review Cards */
.review-item {
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 8px;
padding: 25px;
margin-bottom: 20px;
transition: all 0.3s ease;
}
.review-item:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.review-header-flex {
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 15px;
}
.review-avatar-img {
width: 50px;
height: 50px;
border-radius: 50%;
background: #e0e0e0;
overflow: hidden;
flex-shrink: 0;
}
.review-avatar-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.review-header-info {
flex: 1;
}
.review-author-name {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 5px;
}
.review-date-time {
font-size: 13px;
color: #999;
}
.review-rating-display {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}
.review-stars-display {
display: flex;
gap: 3px;
color: #ffc107;
font-size: 16px;
}
.review-rating-number {
font-weight: 600;
color: #333;
font-size: 14px;
}
.review-title-text {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 10px;
}
.review-content-text {
font-size: 14px;
color: #666;
line-height: 1.6;
}
/* No Reviews Message */
.no-reviews-msg {
text-align: center;
padding: 40px 20px;
background: #f9f9f9;
border-radius: 8px;
margin-bottom: 30px;
}
.no-reviews-msg p {
color: #999;
font-size: 15px;
margin: 0;
}
/* Write Review Form */
.write-review-form {
background: #f9f9f9;
padding: 35px;
border-radius: 8px;
margin-top: 30px;
}
.write-review-heading {
font-size: 20px;
font-weight: 700;
color: #333;
margin-bottom: 25px;
}
.form-group-custom {
margin-bottom: 20px;
}
.form-label-custom {
display: block;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
}
.rating-stars-input {
display: flex;
gap: 8px;
margin-bottom: 5px;
}
.rating-stars-input i {
font-size: 28px;
color: #ddd;
cursor: pointer;
transition: all 0.2s ease;
}
.rating-stars-input i:hover,
.rating-stars-input i.active {
color: #ffc107;
transform: scale(1.1);
}
.form-input-custom {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
font-family: inherit;
color: #333;
transition: all 0.3s ease;
}
.form-input-custom:focus {
outline: none;
border-color: #38ccff;
box-shadow: 0 0 0 3px rgba(56, 204, 255, 0.1);
}
.form-textarea-custom {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
font-family: inherit;
color: #333;
min-height: 120px;
resize: vertical;
transition: all 0.3s ease;
}
.form-textarea-custom:focus {
outline: none;
border-color: #38ccff;
box-shadow: 0 0 0 3px rgba(56, 204, 255, 0.1);
}
.submit-review-btn {
padding: 12px 35px;
background: #38ccff;
color: #fff;
border: none;
border-radius: 4px;
font-weight: 600;
font-size: 15px;
cursor: pointer;
transition: all 0.3s ease;
}
.submit-review-btn:hover {
background: #2cb5e0;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
.submit-review-btn:disabled {
background: #ccc;
cursor: not-allowed;
transform: none;
}
.review-success-msg,
.review-error-msg {
padding: 12px 20px;
border-radius: 4px;
margin-bottom: 20px;
font-size: 14px;
}
.review-success-msg {
background: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.review-error-msg {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.login-required-msg {
text-align: center;
padding: 30px 20px;
background: #fff3cd;
border: 1px solid #ffeaa7;
border-radius: 8px;
color: #856404;
}
.login-required-msg a {
color: #38ccff;
text-decoration: none;
font-weight: 600;
}
.login-required-msg a:hover {
text-decoration: underline;
}
No reviews yet. Be the first to review!
Write a Review
.author-listing-details {
text-align: center;
padding: 30px 20px !important;
}
.author-profile-header {
margin-bottom: 25px;
}
.author-avatar-wrapper {
width: 120px;
height: 120px;
margin: 0 auto 20px;
border-radius: 50%;
background: linear-gradient(135deg, #ff7f3f 0%, #ff5a3c 100%);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.author-avatar-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.author-name-display {
font-size: 22px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
}
.view-profile-btn {
display: inline-block;
padding: 10px 30px;
background: #38ccff;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
font-size: 14px;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.view-profile-btn:hover {
background: #2cb5e0;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
.contact-info-divider {
text-align: left;
margin-top: 25px;
padding-top: 20px;
border-top: 2px solid #f0f0f0;
}
.contact-info-title {
font-size: 16px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 3px solid #38ccff;
display: inline-block;
}
.contact-info-list {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.contact-info-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 0;
border-bottom: 1px solid #f0f0f0;
}
.contact-info-item:last-child {
border-bottom: none;
}
.contact-icon {
color: #38ccff;
font-size: 18px;
width: 24px;
text-align: center;
flex-shrink: 0;
margin-top: 2px;
}
.contact-details {
flex: 1;
}
.contact-details-label {
font-size: 12px;
color: #999;
margin-bottom: 4px;
display: block;
}
.contact-details-value {
color: #666;
font-size: 14px;
text-decoration: none;
word-break: break-word;
}
.contact-details-value a {
color: #38ccff;
text-decoration: none;
transition: color 0.3s ease;
}
.contact-details-value a:hover {
color: #2cb5e0;
text-decoration: underline;
}
.social-links-section {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f0f0f0;
}
.social-links {
display: flex;
gap: 10px;
justify-content: flex-start;
flex-wrap: wrap;
}
.social-icon {
width: 30px;
height: 30px;
border-radius: 50%;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
color: #666;
text-decoration: none;
transition: all 0.3s ease;
font-size: 16px;
}
.social-icon:hover {
background: #38ccff;
color: #fff;
transform: translateY(-3px);
}
@media (max-width: 768px) {
.author-listing-details {
padding: 20px !important;
}
.author-avatar-wrapper {
width: 100px;
height: 100px;
}
.author-name-display {
font-size: 18px;
}
}
admin
View Profile
CONTACT INFO
.claim-section {
text-align: center;
padding-top: 10px;
border-top: 1px solid #f0f0f0;
margin-top: 10px;
}
.claim-text {
font-size: 13px;
color: #666;
margin-bottom: 12px;
}
.btn-claim {
display: inline-block;
padding: 10px 24px;
background: #38ccff;
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 13px;
border-radius: 4px;
border: none;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-claim:hover {
background: #2cb5e0;
color: #fff;
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
Own Or Work Here?
Claim Now!
.sidebar-section {
padding: 20px;
}
Share Listing
Send Message
I have read and agree to Terms & Conditions
Your request has been submitted successfully. Now you are enabled to communicate via Chat Window in your dashboard's Inbox Panel. Thank you!
Report This Listing
Please indicate what problem has been found!
I have read and agree to Terms & Conditions
Email to Friend
I have read and agree to Terms & Conditions
Claim Listing
I have read and agree to Terms & Conditions
.related-listings-list {
padding: 20px !important;
}
.related-listings-title {
font-size: 16px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 3px solid #38ccff;
display: inline-block;
}
.related-listing-item {
display: flex;
gap: 12px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.related-listing-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.related-listing-thumb {
width: 80px;
height: 80px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
}
.related-listing-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.related-listing-info {
flex: 1;
display: block;
flex-direction: column;
justify-content: space-between;
}
.related-listing-title-link {
color: #333;
text-decoration: none;
font-weight: 600;
font-size: 14px;
line-height: 1.4;
margin-bottom: 8px;
display: block;
transition: color 0.3s ease;
}
.related-listing-title-link:hover {
color: #38ccff;
}
.related-listing-rating {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.related-listing-stars {
display: flex;
gap: 2px;
color: #ffa500;
font-size: 12px;
}
.related-listing-stars i {
font-size: 12px;
}
.related-listing-rating-text {
font-size: 13px;
font-weight: 600;
color: #333;
}
.related-listing-reviews {
font-size: 12px;
color: #999;
}
.related-listing-price {
font-size: 14px;
font-weight: 700;
color: #333;
letter-spacing: 0.5px;
}
Hey, Welcome Back!
Do not have an account? Signup Here
Sign Up
I agree to the Terms & conditions.
Already have an account? Sign In
Forgot Password
.services-grid {
display: block;
}
.servicename {
display: flex;
}.servicename span.service-icon {
margin-right: 10px;
}.siginincontainer a.btn.outline-btn.btn-sm {
border: none;
color: #fff;
padding: 10px 18px;
}
.reviews-list {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 20px;
}
.review-card {
background: #fff;
border-radius: 8px;
padding: 20px;
border: 1px solid #f0f0f0;
transition: all 0.3s ease;
}
.review-card:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.review-header {
display: flex;
gap: 12px;
margin-bottom: 15px;
}
.review-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
background: #ddd;
flex-shrink: 0;
overflow: hidden;
}
.review-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.review-info {
flex: 1;
}
.review-author {
font-weight: 600;
color: #333;
font-size: 14px;
display: flex;
gap: 10px;
align-items: center;
}
.review-author-link {
color: #007bff;
text-decoration: none;
}
.review-author-link:hover {
text-decoration: underline;
}
.review-count {
font-size: 12px;
color: #999;
}
.review-date {
font-size: 12px;
color: #999;
margin-top: 2px;
}
.review-rating {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 12px;
}
.review-stars {
display: flex;
gap: 2px;
color: #ffc107;
}
.review-stars i {
font-size: 12px;
}
.review-score {
background: #ffc107;
color: #333;
padding: 2px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
}
.review-content {
color: #666;
font-size: 14px;
line-height: 1.6;
margin-bottom: 15px;
}
.review-actions {
display: flex;
gap: 20px;
flex-wrap: wrap;
padding-top: 15px;
border-top: 1px solid #f0f0f0;
font-size: 13px;
}
.review-action-btn {
display: flex;
align-items: center;
gap: 5px;
color: #007bff;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
}
.review-action-btn:hover {
color: #0056b3;
}
.review-action-btn i {
font-size: 14px;
}
.review-action-btn.interesting { color: #007bff; }
.review-action-btn.lol { color: #ffc107; }
.review-action-btn.love { color: #dc3545; }
.review-action-btn.report { color: #ff5a3c; }
.owner-response {
background: #f9f9f9;
padding: 12px;
border-radius: 6px;
margin-top: 15px;
border-left: 4px solid #007bff;
}
.owner-response h4 {
font-size: 13px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
}
.owner-response time {
display: block;
font-size: 12px;
color: #999;
margin-bottom: 8px;
}
.owner-response p {
font-size: 13px;
color: #666;
margin: 0;
line-height: 1.5;
}
.write-review-section {
background: #f9f9f9;
padding: 30px;
border-radius: 8px;
}
.write-review-title {
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.rating-selector {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
.rating-selector i {
font-size: 24px;
color: #ddd;
cursor: pointer;
transition: all 0.3s ease;
}
.rating-selector i:hover,
.rating-selector i.selected {
color: #ffc107;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
font-size: 13px;
font-weight: 600;
color: #333;
margin-bottom: 6px;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 13px;
font-family: inherit;
color: #666;
}
.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
.form-group textarea {
resize: vertical;
min-height: 100px;
}
.form-hint {
font-size: 12px;
color: #999;
margin-top: 4px;
}
.submit-btn {
padding: 10px 24px;
background: #007bff;
color: #fff;
border: none;
border-radius: 4px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: all 0.3s ease;
}
.submit-btn:hover {
background: #0056b3;
}
@media (max-width: 768px) {
.write-review-section {
padding: 20px;
}
.review-actions {
gap: 12px;
}
}
/* Reviews Container */
.reviews-container {
margin-top: 30px;
}
/* Review Count Heading */
.reviews-count-heading {
font-size: 20px;
font-weight: 700;
color: #333;
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 3px solid #38ccff;
}
/* Individual Review Cards */
.review-item {
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 8px;
padding: 25px;
margin-bottom: 20px;
transition: all 0.3s ease;
}
.review-item:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.review-header-flex {
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 15px;
}
.review-avatar-img {
width: 50px;
height: 50px;
border-radius: 50%;
background: #e0e0e0;
overflow: hidden;
flex-shrink: 0;
}
.review-avatar-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.review-header-info {
flex: 1;
}
.review-author-name {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 5px;
}
.review-date-time {
font-size: 13px;
color: #999;
}
.review-rating-display {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}
.review-stars-display {
display: flex;
gap: 3px;
color: #ffc107;
font-size: 16px;
}
.review-rating-number {
font-weight: 600;
color: #333;
font-size: 14px;
}
.review-title-text {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 10px;
}
.review-content-text {
font-size: 14px;
color: #666;
line-height: 1.6;
}
/* No Reviews Message */
.no-reviews-msg {
text-align: center;
padding: 40px 20px;
background: #f9f9f9;
border-radius: 8px;
margin-bottom: 30px;
}
.no-reviews-msg p {
color: #999;
font-size: 15px;
margin: 0;
}
/* Write Review Form */
.write-review-form {
background: #f9f9f9;
padding: 35px;
border-radius: 8px;
margin-top: 30px;
}
.write-review-heading {
font-size: 20px;
font-weight: 700;
color: #333;
margin-bottom: 25px;
}
.form-group-custom {
margin-bottom: 20px;
}
.form-label-custom {
display: block;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
}
.rating-stars-input {
display: flex;
gap: 8px;
margin-bottom: 5px;
}
.rating-stars-input i {
font-size: 28px;
color: #ddd;
cursor: pointer;
transition: all 0.2s ease;
}
.rating-stars-input i:hover,
.rating-stars-input i.active {
color: #ffc107;
transform: scale(1.1);
}
.form-input-custom {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
font-family: inherit;
color: #333;
transition: all 0.3s ease;
}
.form-input-custom:focus {
outline: none;
border-color: #38ccff;
box-shadow: 0 0 0 3px rgba(56, 204, 255, 0.1);
}
.form-textarea-custom {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
font-family: inherit;
color: #333;
min-height: 120px;
resize: vertical;
transition: all 0.3s ease;
}
.form-textarea-custom:focus {
outline: none;
border-color: #38ccff;
box-shadow: 0 0 0 3px rgba(56, 204, 255, 0.1);
}
.submit-review-btn {
padding: 12px 35px;
background: #38ccff;
color: #fff;
border: none;
border-radius: 4px;
font-weight: 600;
font-size: 15px;
cursor: pointer;
transition: all 0.3s ease;
}
.submit-review-btn:hover {
background: #2cb5e0;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
.submit-review-btn:disabled {
background: #ccc;
cursor: not-allowed;
transform: none;
}
.review-success-msg,
.review-error-msg {
padding: 12px 20px;
border-radius: 4px;
margin-bottom: 20px;
font-size: 14px;
}
.review-success-msg {
background: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.review-error-msg {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.login-required-msg {
text-align: center;
padding: 30px 20px;
background: #fff3cd;
border: 1px solid #ffeaa7;
border-radius: 8px;
color: #856404;
}
.login-required-msg a {
color: #38ccff;
text-decoration: none;
font-weight: 600;
}
.login-required-msg a:hover {
text-decoration: underline;
}
No reviews yet. Be the first to review!
Write a Review
jQuery(document).ready(function($) {
// Star rating interaction
$(‘.rating-stars-input i’).on(‘click’, function() {
var rating = $(this).data(‘rating’);
$(‘#review-rating-value’).val(rating);
$(‘.rating-stars-input i’).removeClass(‘active fas’).addClass(‘far’);
$(this).prevAll().addBack().removeClass(‘far’).addClass(‘fas active’);
});
// Form submission
$(‘#custom-review-form’).on(‘submit’, function(e) {
e.preventDefault();
var rating = $(‘#review-rating-value’).val();
if (rating == 0) {
$(‘#review-messages’).html(‘Please select a rating’);
return false;
}
var formData = $(this).serialize();
var submitBtn = $(‘.submit-review-btn’);
submitBtn.prop(‘disabled’, true).text(‘Submitting…’);
$(‘#review-messages’).html(”);
$.ajax({
url: ‘https://webmasterdriver.net/olomo/wp-admin/admin-ajax.php’,
type: ‘POST’,
data: formData,
success: function(response) {
if (response.success) {
$(‘#review-messages’).html(” + response.data.message + ”);
$(‘#custom-review-form’)[0].reset();
$(‘#review-rating-value’).val(0);
$(‘.rating-stars-input i’).removeClass(‘active fas’).addClass(‘far’);
setTimeout(function() {
location.reload();
}, 2000);
} else {
$(‘#review-messages’).html(” + response.data.message + ”);
}
submitBtn.prop(‘disabled’, false).text(‘Submit Review’);
},
error: function() {
$(‘#review-messages’).html(‘An error occurred. Please try again.’);
submitBtn.prop(‘disabled’, false).text(‘Submit Review’);
}
});
});
});
.author-listing-details {
text-align: center;
padding: 30px 20px !important;
}
.author-profile-header {
margin-bottom: 25px;
}
.author-avatar-wrapper {
width: 120px;
height: 120px;
margin: 0 auto 20px;
border-radius: 50%;
background: linear-gradient(135deg, #ff7f3f 0%, #ff5a3c 100%);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.author-avatar-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.author-name-display {
font-size: 22px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
}
.view-profile-btn {
display: inline-block;
padding: 10px 30px;
background: #38ccff;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
font-size: 14px;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.view-profile-btn:hover {
background: #2cb5e0;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
.contact-info-divider {
text-align: left;
margin-top: 25px;
padding-top: 20px;
border-top: 2px solid #f0f0f0;
}
.contact-info-title {
font-size: 16px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 3px solid #38ccff;
display: inline-block;
}
.contact-info-list {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.contact-info-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 0;
border-bottom: 1px solid #f0f0f0;
}
.contact-info-item:last-child {
border-bottom: none;
}
.contact-icon {
color: #38ccff;
font-size: 18px;
width: 24px;
text-align: center;
flex-shrink: 0;
margin-top: 2px;
}
.contact-details {
flex: 1;
}
.contact-details-label {
font-size: 12px;
color: #999;
margin-bottom: 4px;
display: block;
}
.contact-details-value {
color: #666;
font-size: 14px;
text-decoration: none;
word-break: break-word;
}
.contact-details-value a {
color: #38ccff;
text-decoration: none;
transition: color 0.3s ease;
}
.contact-details-value a:hover {
color: #2cb5e0;
text-decoration: underline;
}
.social-links-section {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f0f0f0;
}
.social-links {
display: flex;
gap: 10px;
justify-content: flex-start;
flex-wrap: wrap;
}
.social-icon {
width: 30px;
height: 30px;
border-radius: 50%;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
color: #666;
text-decoration: none;
transition: all 0.3s ease;
font-size: 16px;
}
.social-icon:hover {
background: #38ccff;
color: #fff;
transform: translateY(-3px);
}
@media (max-width: 768px) {
.author-listing-details {
padding: 20px !important;
}
.author-avatar-wrapper {
width: 100px;
height: 100px;
}
.author-name-display {
font-size: 18px;
}
}
admin
View Profile
CONTACT INFO
.claim-section {
text-align: center;
padding-top: 10px;
border-top: 1px solid #f0f0f0;
margin-top: 10px;
}
.claim-text {
font-size: 13px;
color: #666;
margin-bottom: 12px;
}
.btn-claim {
display: inline-block;
padding: 10px 24px;
background: #38ccff;
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 13px;
border-radius: 4px;
border: none;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-claim:hover {
background: #2cb5e0;
color: #fff;
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
Own Or Work Here?
Claim Now!
.sidebar-section {
padding: 20px;
}
Share Listing
Send Message
I have read and agree to Terms & Conditions
Your request has been submitted successfully. Now you are enabled to communicate via Chat Window in your dashboard's Inbox Panel. Thank you!
Report This Listing
Please indicate what problem has been found!
I have read and agree to Terms & Conditions
Email to Friend
I have read and agree to Terms & Conditions
Claim Listing
I have read and agree to Terms & Conditions
.related-listings-list {
padding: 20px !important;
}
.related-listings-title {
font-size: 16px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 3px solid #38ccff;
display: inline-block;
}
.related-listing-item {
display: flex;
gap: 12px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.related-listing-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.related-listing-thumb {
width: 80px;
height: 80px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
}
.related-listing-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.related-listing-info {
flex: 1;
display: block;
flex-direction: column;
justify-content: space-between;
}
.related-listing-title-link {
color: #333;
text-decoration: none;
font-weight: 600;
font-size: 14px;
line-height: 1.4;
margin-bottom: 8px;
display: block;
transition: color 0.3s ease;
}
.related-listing-title-link:hover {
color: #38ccff;
}
.related-listing-rating {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.related-listing-stars {
display: flex;
gap: 2px;
color: #ffa500;
font-size: 12px;
}
.related-listing-stars i {
font-size: 12px;
}
.related-listing-rating-text {
font-size: 13px;
font-weight: 600;
color: #333;
}
.related-listing-reviews {
font-size: 12px;
color: #999;
}
.related-listing-price {
font-size: 14px;
font-weight: 700;
color: #333;
letter-spacing: 0.5px;
}
Hey, Welcome Back!
Do not have an account? Signup Here
Sign Up
I agree to the Terms & conditions.
Already have an account? Sign In
Forgot Password
.services-grid {
display: block;
}
.servicename {
display: flex;
}.servicename span.service-icon {
margin-right: 10px;
}.siginincontainer a.btn.outline-btn.btn-sm {
border: none;
color: #fff;
padding: 10px 18px;
}
.reviews-list {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 20px;
}
.review-card {
background: #fff;
border-radius: 8px;
padding: 20px;
border: 1px solid #f0f0f0;
transition: all 0.3s ease;
}
.review-card:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.review-header {
display: flex;
gap: 12px;
margin-bottom: 15px;
}
.review-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
background: #ddd;
flex-shrink: 0;
overflow: hidden;
}
.review-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.review-info {
flex: 1;
}
.review-author {
font-weight: 600;
color: #333;
font-size: 14px;
display: flex;
gap: 10px;
align-items: center;
}
.review-author-link {
color: #007bff;
text-decoration: none;
}
.review-author-link:hover {
text-decoration: underline;
}
.review-count {
font-size: 12px;
color: #999;
}
.review-date {
font-size: 12px;
color: #999;
margin-top: 2px;
}
.review-rating {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 12px;
}
.review-stars {
display: flex;
gap: 2px;
color: #ffc107;
}
.review-stars i {
font-size: 12px;
}
.review-score {
background: #ffc107;
color: #333;
padding: 2px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
}
.review-content {
color: #666;
font-size: 14px;
line-height: 1.6;
margin-bottom: 15px;
}
.review-actions {
display: flex;
gap: 20px;
flex-wrap: wrap;
padding-top: 15px;
border-top: 1px solid #f0f0f0;
font-size: 13px;
}
.review-action-btn {
display: flex;
align-items: center;
gap: 5px;
color: #007bff;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
}
.review-action-btn:hover {
color: #0056b3;
}
.review-action-btn i {
font-size: 14px;
}
.review-action-btn.interesting { color: #007bff; }
.review-action-btn.lol { color: #ffc107; }
.review-action-btn.love { color: #dc3545; }
.review-action-btn.report { color: #ff5a3c; }
.owner-response {
background: #f9f9f9;
padding: 12px;
border-radius: 6px;
margin-top: 15px;
border-left: 4px solid #007bff;
}
.owner-response h4 {
font-size: 13px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
}
.owner-response time {
display: block;
font-size: 12px;
color: #999;
margin-bottom: 8px;
}
.owner-response p {
font-size: 13px;
color: #666;
margin: 0;
line-height: 1.5;
}
.write-review-section {
background: #f9f9f9;
padding: 30px;
border-radius: 8px;
}
.write-review-title {
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.rating-selector {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
.rating-selector i {
font-size: 24px;
color: #ddd;
cursor: pointer;
transition: all 0.3s ease;
}
.rating-selector i:hover,
.rating-selector i.selected {
color: #ffc107;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
font-size: 13px;
font-weight: 600;
color: #333;
margin-bottom: 6px;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 13px;
font-family: inherit;
color: #666;
}
.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
.form-group textarea {
resize: vertical;
min-height: 100px;
}
.form-hint {
font-size: 12px;
color: #999;
margin-top: 4px;
}
.submit-btn {
padding: 10px 24px;
background: #007bff;
color: #fff;
border: none;
border-radius: 4px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: all 0.3s ease;
}
.submit-btn:hover {
background: #0056b3;
}
@media (max-width: 768px) {
.write-review-section {
padding: 20px;
}
.review-actions {
gap: 12px;
}
}
/* Reviews Container */
.reviews-container {
margin-top: 30px;
}
/* Review Count Heading */
.reviews-count-heading {
font-size: 20px;
font-weight: 700;
color: #333;
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 3px solid #38ccff;
}
/* Individual Review Cards */
.review-item {
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 8px;
padding: 25px;
margin-bottom: 20px;
transition: all 0.3s ease;
}
.review-item:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.review-header-flex {
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 15px;
}
.review-avatar-img {
width: 50px;
height: 50px;
border-radius: 50%;
background: #e0e0e0;
overflow: hidden;
flex-shrink: 0;
}
.review-avatar-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.review-header-info {
flex: 1;
}
.review-author-name {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 5px;
}
.review-date-time {
font-size: 13px;
color: #999;
}
.review-rating-display {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}
.review-stars-display {
display: flex;
gap: 3px;
color: #ffc107;
font-size: 16px;
}
.review-rating-number {
font-weight: 600;
color: #333;
font-size: 14px;
}
.review-title-text {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 10px;
}
.review-content-text {
font-size: 14px;
color: #666;
line-height: 1.6;
}
/* No Reviews Message */
.no-reviews-msg {
text-align: center;
padding: 40px 20px;
background: #f9f9f9;
border-radius: 8px;
margin-bottom: 30px;
}
.no-reviews-msg p {
color: #999;
font-size: 15px;
margin: 0;
}
/* Write Review Form */
.write-review-form {
background: #f9f9f9;
padding: 35px;
border-radius: 8px;
margin-top: 30px;
}
.write-review-heading {
font-size: 20px;
font-weight: 700;
color: #333;
margin-bottom: 25px;
}
.form-group-custom {
margin-bottom: 20px;
}
.form-label-custom {
display: block;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
}
.rating-stars-input {
display: flex;
gap: 8px;
margin-bottom: 5px;
}
.rating-stars-input i {
font-size: 28px;
color: #ddd;
cursor: pointer;
transition: all 0.2s ease;
}
.rating-stars-input i:hover,
.rating-stars-input i.active {
color: #ffc107;
transform: scale(1.1);
}
.form-input-custom {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
font-family: inherit;
color: #333;
transition: all 0.3s ease;
}
.form-input-custom:focus {
outline: none;
border-color: #38ccff;
box-shadow: 0 0 0 3px rgba(56, 204, 255, 0.1);
}
.form-textarea-custom {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
font-family: inherit;
color: #333;
min-height: 120px;
resize: vertical;
transition: all 0.3s ease;
}
.form-textarea-custom:focus {
outline: none;
border-color: #38ccff;
box-shadow: 0 0 0 3px rgba(56, 204, 255, 0.1);
}
.submit-review-btn {
padding: 12px 35px;
background: #38ccff;
color: #fff;
border: none;
border-radius: 4px;
font-weight: 600;
font-size: 15px;
cursor: pointer;
transition: all 0.3s ease;
}
.submit-review-btn:hover {
background: #2cb5e0;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
.submit-review-btn:disabled {
background: #ccc;
cursor: not-allowed;
transform: none;
}
.review-success-msg,
.review-error-msg {
padding: 12px 20px;
border-radius: 4px;
margin-bottom: 20px;
font-size: 14px;
}
.review-success-msg {
background: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.review-error-msg {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.login-required-msg {
text-align: center;
padding: 30px 20px;
background: #fff3cd;
border: 1px solid #ffeaa7;
border-radius: 8px;
color: #856404;
}
.login-required-msg a {
color: #38ccff;
text-decoration: none;
font-weight: 600;
}
.login-required-msg a:hover {
text-decoration: underline;
}
No reviews yet. Be the first to review!
Write a Review
.view_map {
display: none;
}
input[type=”checkbox”] {
width: 3% !important;
}
.check_text {
position: relative;
top: -32px;
left: 22px;
}
form input.btn.btn-block {
color: #fff;
font-size: 16px;
font-weight: 600;
}
.style4-listing_action_btn {
padding: 0 !important;
}
.action-buttons-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
background: #fff;
border-radius: 8px;
overflow: hidden;
border: 1px solid #f0f0f0;
}
.action-btn-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px 20px;
text-decoration: none;
color: #666;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
transition: all 0.3s ease;
cursor: pointer;
background: #fff;
}
.action-btn-item:nth-child(even) {
border-right: none;
}
.action-btn-item:nth-last-child(-n+2) {
border-bottom: none;
}
.action-btn-item:hover {
background: #f8f9fa;
color: #38ccff;
}
.action-btn-icon {
font-size: 32px;
margin-bottom: 10px;
color: #999;
transition: color 0.3s ease;
}
.action-btn-item:hover .action-btn-icon {
color: #38ccff;
}
.action-btn-text {
font-size: 12px;
font-weight: 600;
text-align: center;
color: #666;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: color 0.3s ease;
}
.action-btn-item:hover .action-btn-text {
color: #38ccff;
}
@media (max-width: 768px) {
.action-btn-item {
padding: 20px 15px;
}
.action-btn-icon {
font-size: 28px;
margin-bottom: 8px;
}
.action-btn-text {
font-size: 11px;
}
}
Share This
Email to Friends
Write a Review
Report
.author-listing-details {
text-align: center;
padding: 30px 20px !important;
}
.author-profile-header {
margin-bottom: 25px;
}
.author-avatar-wrapper {
width: 120px;
height: 120px;
margin: 0 auto 20px;
border-radius: 50%;
background: linear-gradient(135deg, #ff7f3f 0%, #ff5a3c 100%);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.author-avatar-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.author-name-display {
font-size: 22px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
}
.view-profile-btn {
display: inline-block;
padding: 10px 30px;
background: #38ccff;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
font-size: 14px;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.view-profile-btn:hover {
background: #2cb5e0;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
.contact-info-divider {
text-align: left;
margin-top: 25px;
padding-top: 20px;
border-top: 2px solid #f0f0f0;
}
.contact-info-title {
font-size: 16px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 3px solid #38ccff;
display: inline-block;
}
.contact-info-list {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.contact-info-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 0;
border-bottom: 1px solid #f0f0f0;
}
.contact-info-item:last-child {
border-bottom: none;
}
.contact-icon {
color: #38ccff;
font-size: 18px;
width: 24px;
text-align: center;
flex-shrink: 0;
margin-top: 2px;
}
.contact-details {
flex: 1;
}
.contact-details-label {
font-size: 12px;
color: #999;
margin-bottom: 4px;
display: block;
}
.contact-details-value {
color: #666;
font-size: 14px;
text-decoration: none;
word-break: break-word;
}
.contact-details-value a {
color: #38ccff;
text-decoration: none;
transition: color 0.3s ease;
}
.contact-details-value a:hover {
color: #2cb5e0;
text-decoration: underline;
}
.social-links-section {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f0f0f0;
}
.social-links {
display: flex;
gap: 10px;
justify-content: flex-start;
flex-wrap: wrap;
}
.social-icon {
width: 30px;
height: 30px;
border-radius: 50%;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
color: #666;
text-decoration: none;
transition: all 0.3s ease;
font-size: 16px;
}
.social-icon:hover {
background: #38ccff;
color: #fff;
transform: translateY(-3px);
}
@media (max-width: 768px) {
.author-listing-details {
padding: 20px !important;
}
.author-avatar-wrapper {
width: 100px;
height: 100px;
}
.author-name-display {
font-size: 18px;
}
}
admin
View Profile
CONTACT INFO
.claim-section {
text-align: center;
padding-top: 10px;
border-top: 1px solid #f0f0f0;
margin-top: 10px;
}
.claim-text {
font-size: 13px;
color: #666;
margin-bottom: 12px;
}
.btn-claim {
display: inline-block;
padding: 10px 24px;
background: #38ccff;
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 13px;
border-radius: 4px;
border: none;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-claim:hover {
background: #2cb5e0;
color: #fff;
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
Own Or Work Here?
Claim Now!
.sidebar-section {
padding: 20px;
}
Share Listing
Send Message
I have read and agree to Terms & Conditions
Your request has been submitted successfully. Now you are enabled to communicate via Chat Window in your dashboard's Inbox Panel. Thank you!
Report This Listing
Please indicate what problem has been found!
I have read and agree to Terms & Conditions
Email to Friend
I have read and agree to Terms & Conditions
Claim Listing
I have read and agree to Terms & Conditions
.related-listings-list {
padding: 20px !important;
}
.related-listings-title {
font-size: 16px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 3px solid #38ccff;
display: inline-block;
}
.related-listing-item {
display: flex;
gap: 12px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.related-listing-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.related-listing-thumb {
width: 80px;
height: 80px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
}
.related-listing-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.related-listing-info {
flex: 1;
display: block;
flex-direction: column;
justify-content: space-between;
}
.related-listing-title-link {
color: #333;
text-decoration: none;
font-weight: 600;
font-size: 14px;
line-height: 1.4;
margin-bottom: 8px;
display: block;
transition: color 0.3s ease;
}
.related-listing-title-link:hover {
color: #38ccff;
}
.related-listing-rating {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.related-listing-stars {
display: flex;
gap: 2px;
color: #ffa500;
font-size: 12px;
}
.related-listing-stars i {
font-size: 12px;
}
.related-listing-rating-text {
font-size: 13px;
font-weight: 600;
color: #333;
}
.related-listing-reviews {
font-size: 12px;
color: #999;
}
.related-listing-price {
font-size: 14px;
font-weight: 700;
color: #333;
letter-spacing: 0.5px;
}
Hey, Welcome Back!
Do not have an account? Signup Here
Sign Up
I agree to the Terms & conditions.
Already have an account? Sign In
Forgot Password
.services-grid {
display: block;
}
.servicename {
display: flex;
}.servicename span.service-icon {
margin-right: 10px;
}.siginincontainer a.btn.outline-btn.btn-sm {
border: none;
color: #fff;
padding: 10px 18px;
}
.reviews-list {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 20px;
}
.review-card {
background: #fff;
border-radius: 8px;
padding: 20px;
border: 1px solid #f0f0f0;
transition: all 0.3s ease;
}
.review-card:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.review-header {
display: flex;
gap: 12px;
margin-bottom: 15px;
}
.review-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
background: #ddd;
flex-shrink: 0;
overflow: hidden;
}
.review-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.review-info {
flex: 1;
}
.review-author {
font-weight: 600;
color: #333;
font-size: 14px;
display: flex;
gap: 10px;
align-items: center;
}
.review-author-link {
color: #007bff;
text-decoration: none;
}
.review-author-link:hover {
text-decoration: underline;
}
.review-count {
font-size: 12px;
color: #999;
}
.review-date {
font-size: 12px;
color: #999;
margin-top: 2px;
}
.review-rating {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 12px;
}
.review-stars {
display: flex;
gap: 2px;
color: #ffc107;
}
.review-stars i {
font-size: 12px;
}
.review-score {
background: #ffc107;
color: #333;
padding: 2px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
}
.review-content {
color: #666;
font-size: 14px;
line-height: 1.6;
margin-bottom: 15px;
}
.review-actions {
display: flex;
gap: 20px;
flex-wrap: wrap;
padding-top: 15px;
border-top: 1px solid #f0f0f0;
font-size: 13px;
}
.review-action-btn {
display: flex;
align-items: center;
gap: 5px;
color: #007bff;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
}
.review-action-btn:hover {
color: #0056b3;
}
.review-action-btn i {
font-size: 14px;
}
.review-action-btn.interesting { color: #007bff; }
.review-action-btn.lol { color: #ffc107; }
.review-action-btn.love { color: #dc3545; }
.review-action-btn.report { color: #ff5a3c; }
.owner-response {
background: #f9f9f9;
padding: 12px;
border-radius: 6px;
margin-top: 15px;
border-left: 4px solid #007bff;
}
.owner-response h4 {
font-size: 13px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
}
.owner-response time {
display: block;
font-size: 12px;
color: #999;
margin-bottom: 8px;
}
.owner-response p {
font-size: 13px;
color: #666;
margin: 0;
line-height: 1.5;
}
.write-review-section {
background: #f9f9f9;
padding: 30px;
border-radius: 8px;
}
.write-review-title {
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.rating-selector {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
.rating-selector i {
font-size: 24px;
color: #ddd;
cursor: pointer;
transition: all 0.3s ease;
}
.rating-selector i:hover,
.rating-selector i.selected {
color: #ffc107;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
font-size: 13px;
font-weight: 600;
color: #333;
margin-bottom: 6px;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 13px;
font-family: inherit;
color: #666;
}
.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
.form-group textarea {
resize: vertical;
min-height: 100px;
}
.form-hint {
font-size: 12px;
color: #999;
margin-top: 4px;
}
.submit-btn {
padding: 10px 24px;
background: #007bff;
color: #fff;
border: none;
border-radius: 4px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: all 0.3s ease;
}
.submit-btn:hover {
background: #0056b3;
}
@media (max-width: 768px) {
.write-review-section {
padding: 20px;
}
.review-actions {
gap: 12px;
}
}
/* Reviews Container */
.reviews-container {
margin-top: 30px;
}
/* Review Count Heading */
.reviews-count-heading {
font-size: 20px;
font-weight: 700;
color: #333;
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 3px solid #38ccff;
}
/* Individual Review Cards */
.review-item {
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 8px;
padding: 25px;
margin-bottom: 20px;
transition: all 0.3s ease;
}
.review-item:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.review-header-flex {
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 15px;
}
.review-avatar-img {
width: 50px;
height: 50px;
border-radius: 50%;
background: #e0e0e0;
overflow: hidden;
flex-shrink: 0;
}
.review-avatar-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.review-header-info {
flex: 1;
}
.review-author-name {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 5px;
}
.review-date-time {
font-size: 13px;
color: #999;
}
.review-rating-display {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}
.review-stars-display {
display: flex;
gap: 3px;
color: #ffc107;
font-size: 16px;
}
.review-rating-number {
font-weight: 600;
color: #333;
font-size: 14px;
}
.review-title-text {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 10px;
}
.review-content-text {
font-size: 14px;
color: #666;
line-height: 1.6;
}
/* No Reviews Message */
.no-reviews-msg {
text-align: center;
padding: 40px 20px;
background: #f9f9f9;
border-radius: 8px;
margin-bottom: 30px;
}
.no-reviews-msg p {
color: #999;
font-size: 15px;
margin: 0;
}
/* Write Review Form */
.write-review-form {
background: #f9f9f9;
padding: 35px;
border-radius: 8px;
margin-top: 30px;
}
.write-review-heading {
font-size: 20px;
font-weight: 700;
color: #333;
margin-bottom: 25px;
}
.form-group-custom {
margin-bottom: 20px;
}
.form-label-custom {
display: block;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
}
.rating-stars-input {
display: flex;
gap: 8px;
margin-bottom: 5px;
}
.rating-stars-input i {
font-size: 28px;
color: #ddd;
cursor: pointer;
transition: all 0.2s ease;
}
.rating-stars-input i:hover,
.rating-stars-input i.active {
color: #ffc107;
transform: scale(1.1);
}
.form-input-custom {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
font-family: inherit;
color: #333;
transition: all 0.3s ease;
}
.form-input-custom:focus {
outline: none;
border-color: #38ccff;
box-shadow: 0 0 0 3px rgba(56, 204, 255, 0.1);
}
.form-textarea-custom {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
font-family: inherit;
color: #333;
min-height: 120px;
resize: vertical;
transition: all 0.3s ease;
}
.form-textarea-custom:focus {
outline: none;
border-color: #38ccff;
box-shadow: 0 0 0 3px rgba(56, 204, 255, 0.1);
}
.submit-review-btn {
padding: 12px 35px;
background: #38ccff;
color: #fff;
border: none;
border-radius: 4px;
font-weight: 600;
font-size: 15px;
cursor: pointer;
transition: all 0.3s ease;
}
.submit-review-btn:hover {
background: #2cb5e0;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
.submit-review-btn:disabled {
background: #ccc;
cursor: not-allowed;
transform: none;
}
.review-success-msg,
.review-error-msg {
padding: 12px 20px;
border-radius: 4px;
margin-bottom: 20px;
font-size: 14px;
}
.review-success-msg {
background: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.review-error-msg {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.login-required-msg {
text-align: center;
padding: 30px 20px;
background: #fff3cd;
border: 1px solid #ffeaa7;
border-radius: 8px;
color: #856404;
}
.login-required-msg a {
color: #38ccff;
text-decoration: none;
font-weight: 600;
}
.login-required-msg a:hover {
text-decoration: underline;
}
No reviews yet. Be the first to review!
Write a Review
jQuery(document).ready(function($) {
// Star rating interaction
$(‘.rating-stars-input i’).on(‘click’, function() {
var rating = $(this).data(‘rating’);
$(‘#review-rating-value’).val(rating);
$(‘.rating-stars-input i’).removeClass(‘active fas’).addClass(‘far’);
$(this).prevAll().addBack().removeClass(‘far’).addClass(‘fas active’);
});
// Form submission
$(‘#custom-review-form’).on(‘submit’, function(e) {
e.preventDefault();
var rating = $(‘#review-rating-value’).val();
if (rating == 0) {
$(‘#review-messages’).html(‘Please select a rating’);
return false;
}
var formData = $(this).serialize();
var submitBtn = $(‘.submit-review-btn’);
submitBtn.prop(‘disabled’, true).text(‘Submitting…’);
$(‘#review-messages’).html(”);
$.ajax({
url: ‘https://webmasterdriver.net/olomo/wp-admin/admin-ajax.php’,
type: ‘POST’,
data: formData,
success: function(response) {
if (response.success) {
$(‘#review-messages’).html(” + response.data.message + ”);
$(‘#custom-review-form’)[0].reset();
$(‘#review-rating-value’).val(0);
$(‘.rating-stars-input i’).removeClass(‘active fas’).addClass(‘far’);
setTimeout(function() {
location.reload();
}, 2000);
} else {
$(‘#review-messages’).html(” + response.data.message + ”);
}
submitBtn.prop(‘disabled’, false).text(‘Submit Review’);
},
error: function() {
$(‘#review-messages’).html(‘An error occurred. Please try again.’);
submitBtn.prop(‘disabled’, false).text(‘Submit Review’);
}
});
});
});
.view_map {
display: none;
}
input[type=”checkbox”] {
width: 3% !important;
}
.check_text {
position: relative;
top: -32px;
left: 22px;
}
form input.btn.btn-block {
color: #fff;
font-size: 16px;
font-weight: 600;
}
.style4-listing_action_btn {
padding: 0 !important;
}
.action-buttons-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
background: #fff;
border-radius: 8px;
overflow: hidden;
border: 1px solid #f0f0f0;
}
.action-btn-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px 20px;
text-decoration: none;
color: #666;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
transition: all 0.3s ease;
cursor: pointer;
background: #fff;
}
.action-btn-item:nth-child(even) {
border-right: none;
}
.action-btn-item:nth-last-child(-n+2) {
border-bottom: none;
}
.action-btn-item:hover {
background: #f8f9fa;
color: #38ccff;
}
.action-btn-icon {
font-size: 32px;
margin-bottom: 10px;
color: #999;
transition: color 0.3s ease;
}
.action-btn-item:hover .action-btn-icon {
color: #38ccff;
}
.action-btn-text {
font-size: 12px;
font-weight: 600;
text-align: center;
color: #666;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: color 0.3s ease;
}
.action-btn-item:hover .action-btn-text {
color: #38ccff;
}
@media (max-width: 768px) {
.action-btn-item {
padding: 20px 15px;
}
.action-btn-icon {
font-size: 28px;
margin-bottom: 8px;
}
.action-btn-text {
font-size: 11px;
}
}
Share This
Email to Friends
Write a Review
Report
.author-listing-details {
text-align: center;
padding: 30px 20px !important;
}
.author-profile-header {
margin-bottom: 25px;
}
.author-avatar-wrapper {
width: 120px;
height: 120px;
margin: 0 auto 20px;
border-radius: 50%;
background: linear-gradient(135deg, #ff7f3f 0%, #ff5a3c 100%);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.author-avatar-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.author-name-display {
font-size: 22px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
}
.view-profile-btn {
display: inline-block;
padding: 10px 30px;
background: #38ccff;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
font-size: 14px;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.view-profile-btn:hover {
background: #2cb5e0;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
.contact-info-divider {
text-align: left;
margin-top: 25px;
padding-top: 20px;
border-top: 2px solid #f0f0f0;
}
.contact-info-title {
font-size: 16px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 3px solid #38ccff;
display: inline-block;
}
.contact-info-list {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.contact-info-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 0;
border-bottom: 1px solid #f0f0f0;
}
.contact-info-item:last-child {
border-bottom: none;
}
.contact-icon {
color: #38ccff;
font-size: 18px;
width: 24px;
text-align: center;
flex-shrink: 0;
margin-top: 2px;
}
.contact-details {
flex: 1;
}
.contact-details-label {
font-size: 12px;
color: #999;
margin-bottom: 4px;
display: block;
}
.contact-details-value {
color: #666;
font-size: 14px;
text-decoration: none;
word-break: break-word;
}
.contact-details-value a {
color: #38ccff;
text-decoration: none;
transition: color 0.3s ease;
}
.contact-details-value a:hover {
color: #2cb5e0;
text-decoration: underline;
}
.social-links-section {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f0f0f0;
}
.social-links {
display: flex;
gap: 10px;
justify-content: flex-start;
flex-wrap: wrap;
}
.social-icon {
width: 30px;
height: 30px;
border-radius: 50%;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
color: #666;
text-decoration: none;
transition: all 0.3s ease;
font-size: 16px;
}
.social-icon:hover {
background: #38ccff;
color: #fff;
transform: translateY(-3px);
}
@media (max-width: 768px) {
.author-listing-details {
padding: 20px !important;
}
.author-avatar-wrapper {
width: 100px;
height: 100px;
}
.author-name-display {
font-size: 18px;
}
}
admin
View Profile
CONTACT INFO
.claim-section {
text-align: center;
padding-top: 10px;
border-top: 1px solid #f0f0f0;
margin-top: 10px;
}
.claim-text {
font-size: 13px;
color: #666;
margin-bottom: 12px;
}
.btn-claim {
display: inline-block;
padding: 10px 24px;
background: #38ccff;
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 13px;
border-radius: 4px;
border: none;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-claim:hover {
background: #2cb5e0;
color: #fff;
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 204, 255, 0.3);
}
Own Or Work Here?
Claim Now!
.sidebar-section {
padding: 20px;
}
Share Listing
Send Message
I have read and agree to Terms & Conditions
Your request has been submitted successfully. Now you are enabled to communicate via Chat Window in your dashboard's Inbox Panel. Thank you!
Report This Listing
Please indicate what problem has been found!
I have read and agree to Terms & Conditions
Email to Friend
I have read and agree to Terms & Conditions
Claim Listing
I have read and agree to Terms & Conditions
.related-listings-list {
padding: 20px !important;
}
.related-listings-title {
font-size: 16px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 3px solid #38ccff;
display: inline-block;
}
.related-listing-item {
display: flex;
gap: 12px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.related-listing-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.related-listing-thumb {
width: 80px;
height: 80px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
}
.related-listing-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.related-listing-info {
flex: 1;
display: block;
flex-direction: column;
justify-content: space-between;
}
.related-listing-title-link {
color: #333;
text-decoration: none;
font-weight: 600;
font-size: 14px;
line-height: 1.4;
margin-bottom: 8px;
display: block;
transition: color 0.3s ease;
}
.related-listing-title-link:hover {
color: #38ccff;
}
.related-listing-rating {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.related-listing-stars {
display: flex;
gap: 2px;
color: #ffa500;
font-size: 12px;
}
.related-listing-stars i {
font-size: 12px;
}
.related-listing-rating-text {
font-size: 13px;
font-weight: 600;
color: #333;
}
.related-listing-reviews {
font-size: 12px;
color: #999;
}
.related-listing-price {
font-size: 14px;
font-weight: 700;
color: #333;
letter-spacing: 0.5px;
}
Hey, Welcome Back!
Do not have an account? Signup Here
Sign Up
I agree to the Terms & conditions.
Already have an account? Sign In
Forgot Password
No reviews yet. Be the first to review!
Write a Review
.view_map { display: none; } input[type="checkbox"] { width: 3% !important; } .check_text { position: relative; top: -32px; left: 22px; } form input.btn.btn-block { color: #fff; font-size: 16px; font-weight: 600; } .style4-listing_action_btn { padding: 0 !important; } .action-buttons-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; background: #fff; border-radius: 8px; overflow: hidden; border: 1px solid #f0f0f0; } .action-btn-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 20px; text-decoration: none; color: #666; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; transition: all 0.3s ease; cursor: pointer; background: #fff; } .action-btn-item:nth-child(even) { border-right: none; } .action-btn-item:nth-last-child(-n+2) { border-bottom: none; } .action-btn-item:hover { background: #f8f9fa; color: #38ccff; } .action-btn-icon { font-size: 32px; margin-bottom: 10px; color: #999; transition: color 0.3s ease; } .action-btn-item:hover .action-btn-icon { color: #38ccff; } .action-btn-text { font-size: 12px; font-weight: 600; text-align: center; color: #666; text-transform: uppercase; letter-spacing: 0.5px; transition: color 0.3s ease; } .action-btn-item:hover .action-btn-text { color: #38ccff; } @media (max-width: 768px) { .action-btn-item { padding: 20px 15px; } .action-btn-icon { font-size: 28px; margin-bottom: 8px; } .action-btn-text { font-size: 11px; } }
Share This
Email to Friends
Write a Review
Report
admin
View Profile
CONTACT INFO
Own Or Work Here?
Claim Now!
Share Listing
Send Message
I have read and agree to Terms & Conditions
Your request has been submitted successfully. Now you are enabled to communicate via Chat Window in your dashboard's Inbox Panel. Thank you!
Report This Listing
Please indicate what problem has been found!
I have read and agree to Terms & Conditions
Email to Friend
I have read and agree to Terms & Conditions
Claim Listing
I have read and agree to Terms & Conditions
.related-listings-list { padding: 20px !important; } .related-listings-title { font-size: 16px; font-weight: 700; color: #333; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 3px solid #38ccff; display: inline-block; } .related-listing-item { display: flex; gap: 12px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; } .related-listing-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .related-listing-thumb { width: 80px; height: 80px; border-radius: 8px; overflow: hidden; flex-shrink: 0; } .related-listing-thumb img { width: 100%; height: 100%; object-fit: cover; } .related-listing-info { flex: 1; display: block; flex-direction: column; justify-content: space-between; } .related-listing-title-link { color: #333; text-decoration: none; font-weight: 600; font-size: 14px; line-height: 1.4; margin-bottom: 8px; display: block; transition: color 0.3s ease; } .related-listing-title-link:hover { color: #38ccff; } .related-listing-rating { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .related-listing-stars { display: flex; gap: 2px; color: #ffa500; font-size: 12px; } .related-listing-stars i { font-size: 12px; } .related-listing-rating-text { font-size: 13px; font-weight: 600; color: #333; } .related-listing-reviews { font-size: 12px; color: #999; } .related-listing-price { font-size: 14px; font-weight: 700; color: #333; letter-spacing: 0.5px; }
No reviews yet. Be the first to review!
Write a Review
You must be logged in to submit a review.