/*===================================Body-Content===================================*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html body {
font-family: "Poppins", sans-serif;
position: relative;
overflow-x: hidden;
font-weight: 300;
}
body::-webkit-scrollbar {
width: 7px;
height: 7px;
background: #e9e9e9;
}
body::-webkit-scrollbar-corner {
display: none;
}
body::-webkit-scrollbar-thumb {
background: #878787;
border-radius: 20px;
}
body::-webkit-scrollbar-track {
border-radius: 20px;
}
body.model-open {
overflow: hidden;
}
a {
text-decoration: none;
transition: 0.3s;
}
h2 {
font-size: 46px;
color: #0F0F10;
font-weight: 700;
}
p {
font-family: "Poppins", sans-serif;
color: #000000;
font-size: 16px;
font-weight: 300;
}
p:empty {
display: none;
}
*:focus-visible {
outline: none;
}
/*===================================Body-Content===================================*/
/*===================================Vendor search button===================================*/
.reply-submit.vendor-search {
display: none;
}
.reply-submt.vendor-search {
display: none;
}
.index-page .header .container {
max-width: 1500px;
}
/*===================================Global-Header===================================*/
.anouncement-bar {
background: #FF0055;
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
.anouncement-bar-txt {
padding: 10px 0;
}
.anouncement-bar-msg {
color: #ffffff;
margin: 0;
font-family: 'CircularStdBook';
font-size: 14px;
}
.anouncement-code {
font-family: 'CircularStdMedium';
font-style: italic;
margin-left: 20px;
}
.header {
--background-color: #ffffff;
color: var(--default-color);
background-color: var(--background-color);
transition: all 0.5s;
z-index: 997;
}
.header .logo img {
max-height: 52px;
width: auto !important;
}
.header .logo h1 {
font-size: 24px;
margin: 0;
font-weight: 600;
color: var(--heading-color);
}
.header .logo span {
color: var(--accent-color);
font-size: 24px;
font-weight: 600;
padding-left: 3px;
}
.header .btn-getstarted,
.header .btn-login {
color: #0E0E0E;
font-size: 14px;
padding: 13px 31px;
margin: 0;
border-radius: 28px;
transition: 0.3s;
border: 1px solid #000000;
line-height: normal;
/* font-family: 'CircularStdMedium';*/
font-weight: 500;
}
.header .btn-getstarted {
margin-left: 8px;
}
.header .btn-getstarted:hover,
.header .btn-login:hover,
.header .btn-getstarted:focus,
.header .btn-login:focus {
background-color: #FF0055;
border-color: #FF0055;
color: #ffffff;
}
.header .btn-getstarted {
background: #FF0055;
border-color: #FF0055;
color: #ffffff;
}
.header .btn-getstarted:hover {
background: #FFF4E3;
border-color: #FFF4E3;
color: #FF0055;
}
@media (max-width: 1200px) {
.header {
padding: 15px 0;
}
.header .logo {
order: 1;
}
.header .navmenu {
order: 3;
}
.desk-menu-btn .btn-getstarted,
.desk-menu-btn .btn-login {
display: none;
}
.mob-menu-btn {
display: flex;
flex-flow: row wrap;
align-items: center;
padding: 0 15px;
position: absolute;
}
}
/* Global Scroll Margin Top
------------------------------*/
section {
scroll-margin-top: 90px;
}
@media (max-width: 1199px) {
section {
scroll-margin-top: 66px;
}
}
/* Home Page Custom Header
------------------------------*/
.index-page .header {
background-color: #ffffff;
width: 100%;
border-bottom: 1px solid #000000;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 1200px) {
.navmenu {
padding: 0;
}
.navmenu ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}
.navmenu li {
position: relative;
}
.navmenu>ul>li {
padding: 40px 15px;
}
.navmenu a,
.navmenu a:focus {
color: #11171B;
font-size: 11px;
font-family: var(--nav-font);
font-weight: 400;
display: flex;
align-items: center;
justify-content: space-between;
transition: 0.3s;
border-bottom: 2px solid transparent;
}
.navmenu a i,
.navmenu a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
transition: 0.3s;
}
.navmenu a i::before {
font-weight: bold !important;
}
.navmenu ul>li:first-child {
padding-left: 0;
}
.navmenu li:last-child {
padding-right: 0;
}
.navmenu li:hover>a,
.navmenu .active,
.navmenu .active:focus {
border-color: #FF0055;
font-weight: 500;
}
.navmenu .dropdown ul {
margin: 0;
padding: 10px 0;
background: var(--nav-dropdown-background-color);
display: block;
position: absolute;
visibility: hidden;
left: 0;
top: 67px;
opacity: 0;
transition: 0.3s;
border-radius: 4px;
z-index: 99;
width: 100%;
min-width: 200px;
background: #ffffff;
padding: 20px 30px;
}
.menus-inr h4 {
font-weight: 700;
color: #0E0E0E;
}
.menus-b {
position: relative;
}
.navmenu .dropdown ul li:not(:last-child) {
margin-bottom: 10px;
}
.navmenu .dropdown ul a {
font-size: 13px;
color: #0E0E0E;
display: inline-block;
line-height: normal;
word-break: break-word;
}
.navmenu .dropdown ul a i {
font-size: 12px;
}
.navmenu .dropdown ul a:hover,
.navmenu .dropdown ul .active:hover,
.navmenu .dropdown ul li:hover>a,
.navmenu .dropdown ul .active {
color: #FF0055;
}
.navmenu .dropdown:hover>ul {
opacity: 1;
visibility: visible;
}
.navmenu .megamenu {
position: static;
}
.navmenu .megamenu ul {
margin: 0;
padding: 10px;
background: var(--nav-dropdown-background-color);
box-shadow: 0px 0px 20px rgba(var(--default-color-rgb), 0.1);
display: block;
position: absolute;
top: 130%;
left: 0;
right: 0;
visibility: hidden;
opacity: 0;
display: flex;
transition: 0.3s;
border-radius: 4px;
z-index: 99;
}
.navmenu .megamenu ul li {
flex: 1;
}
.navmenu .megamenu ul li a,
.navmenu .megamenu ul li:hover>a {
padding: 10px 20px;
font-size: 15px;
color: var(--nav-dropdown-color);
}
.navmenu .megamenu ul li a:hover,
.navmenu .megamenu ul li .active,
.navmenu .megamenu ul li .active:hover {
color: var(--nav-dropdown-hover-color);
}
.navmenu .megamenu:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
}
.navmenu .dd-box-shadow {
box-shadow: 0px 0px 30px rgba(var(--default-color-rgb), 0.15);
}
.mob-menu-btn {
display: none;
}
}
@media (min-width: 1400px) {
.navmenu a,
.navmenu a:focus {
font-size: 14px;
}
}
/* Mobile Navigation */
@media (max-width: 1199px) {
.mobile-nav-toggle {
color: var(--nav-color);
font-size: 28px;
line-height: 0;
margin-right: 10px;
cursor: pointer;
transition: color 0.3s;
}
.navmenu {
padding: 0;
z-index: 9997;
}
.navmenu ul {
display: none;
position: absolute;
inset: 60px 20px 20px 20px;
padding: 10px 0;
margin: 0;
border-radius: 6px;
background-color: #ffffff;
overflow-y: auto;
transition: 0.3s;
z-index: 9998;
box-shadow: 0px 0px 30px rgba(33, 37, 41, 0.1);
list-style: none;
}
.navmenu a,
.navmenu a:focus {
color: var(--nav-dropdown-color);
padding: 10px 20px;
font-family: var(--nav-font);
font-size: 17px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
transition: 0.3s;
}
.navmenu a i,
.navmenu a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
background-color: #e845451a;
}
.navmenu a i:hover,
.navmenu a:focus i:hover {
background-color: #FF0055;
color: #ffffff;
}
.navmenu a:hover,
.navmenu .active,
.navmenu .active:focus {
color: var(--nav-dropdown-hover-color);
}
.navmenu .active i,
.navmenu .active:focus i {
background-color: var(--accent-color);
color: var(--contrast-color);
transform: rotate(180deg);
}
.navmenu .dropdown ul,
.navmenu .megamenu ul {
position: relative;
left: 0;
top: 0;
background: #ffffff;
display: none;
z-index: 99;
padding: 10px 15px;
margin: 10px 20px;
background-color: var(--nav-dropdown-background-color);
transition: all 0.5s ease-in-out;
}
.navmenu .dropdown ul ul,
.navmenu .megamenu ul ul {
background-color: rgba(33, 37, 41, 0.1);
}
.navmenu .dropdown>.dropdown-active,
.navmenu .megamenu>.dropdown-active {
display: block;
background-color: #ffffff;
}
.mobile-nav-active {
overflow: hidden;
}
.mobile-nav-active .mobile-nav-toggle {
color: #fff;
position: absolute;
font-size: 32px;
top: 15px;
right: 15px;
margin-right: 0;
z-index: 9999;
}
.mobile-nav-active .navmenu {
position: fixed;
overflow: hidden;
inset: 0;
background: rgba(33, 37, 41, 0.8);
transition: 0.3s;
}
.mobile-nav-active .navmenu>ul {
display: block;
}
.navmenu .dropdown ul .menus-inr .row.mt-5 {
margin: 0 0 15px !important;
}
.navmenu .dropdown ul .menus-inr .row.mt-5 .col-md-6 {
padding: 0;
}
.navmenu .dropdown ul .menus-inr a {
padding: 5px 10px;
}
}
.header-search-inr {
width: 100%;
height: 100%;
}
.h-icon {
margin-left: 10px;
}
.cart-icon {
position: relative;
}
.cart-bubble {
position: absolute;
background-color: #FF0055;
color: #ffffff;
height: 11px;
width: 11px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 8px;
top: -2px;
right: -2px;
line-height: normal;
}
.desk-menu-btn {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center;
}
.user_location {
max-width: 18px;
display: inline-block;
margin-right: 15px;
}
.user_location svg {
width: 100%;
display: block;
}
.vendor-user {
margin: 0 0 1.5rem;
}
.vendor-user a.btn {
font-size: 14px;
padding: 10px 25px;
margin: 0;
border-radius: 1000px;
transition: 0.3s;
border: 2px solid #FF0055;
line-height: normal;
font-weight: 700;
text-transform: capitalize;
display: inline-block;
background: #FF0055;
color: #ffffff;
}
.vendor-user a.btn:hover {
background: transparent;
border-color: #000000;
color: #000000;
}
.vendor-user a.custom-btn {
background-color: transparent;
color: #000000;
border-color: #000000;
}
.vendor-user a.custom-btn:hover {
background-color: #FF0055;
border-color: #FF0055;
color: #ffffff;
}
/*===================================Global-Header===================================*/
/*===================================Login-Popup===================================*/
.model-popup {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 99;
background: rgba(0, 0, 0, 0.9);
height: 100vh;
display: none;
}
.model-popup-inr {
width: 100%;
height: 100%;
padding: 0 15px;
}
@media (max-width: 600px) {
.model-popup-inr {
max-height: 95%;
}
}
.login-container {
background-color: #FFF4E3;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
padding: 35px;
max-width: 480px;
width: 90%;
text-align: center;
margin: 0 auto;
position: relative;
max-height: calc(100vh - 40px);
overflow-y: scroll;
}
.login-container::-webkit-scrollbar {
width: 7px;
height: 7px
}
.login-container::-webkit-scrollbar-corner {
display: none
}
.login-container::-webkit-scrollbar-thumb {
background: #FF0055;
border-radius: 20px
}
.login-container::-webkit-scrollbar-track {
border-radius: 20px
}
.login-container .close-icon {
position: absolute;
top: 15px;
right: 15px;
line-height: normal;
cursor: pointer;
}
.login-form {
display: flex;
flex-direction: column;
justify-content: center;
}
.login-container h4 {
font-weight: 700;
color: #11171B;
}
.register-form h4 {
font-size: 34px;
}
.login-form p {
color: #11171B;
font-weight: 500;
}
.login-container .input-group {
margin-bottom: 20px;
}
.login-container input {
border-radius: 1000px;
color: #11171B;
border: 2px solid #ffffff;
padding: 13px 30px;
line-height: normal;
font-weight: 500;
font-size: 14px;
width: 100%;
transition: border-color 0.3s ease;
}
.login-container input::placeholder {
color: #11171B;
}
.login-container input:focus {
border-color: #FF0055;
outline: none;
}
.login-container button {
padding: 17px 15px;
border: none;
border-radius: 1000px;
background-color: #FF0055;
color: #fff;
font-size: 14px;
cursor: pointer;
font-weight: 700;
line-height: normal;
transition: background-color 0.3s ease;
}
.login-form p.reg-term {
font-size: 14px;
}
.bottom-text {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 25px;
}
.bottom-text p {
margin: 0;
color: #11171B;
font-size: 14px;
font-weight: 500;
}
.bottom-text a,
.reg-term a {
color: #FF0055;
border-bottom: 1px solid #FF0055;
transition: color 0.3s ease;
cursor: pointer;
}
.bottom-text a:hover,
.reg-term a:hover {
color: #FF0055;
border-color: #FF0055;
}
.bottom-text p.forgot-pass {
margin-bottom: 80px;
}
.bottom-text p.forgot-pass a {
color: #11171B;
border-color: #11171B;
}
.bottom-text p.forgot-pass a:hover {
color: #FF0055;
border-color: #FF0055;
}
.member-txt a {
text-transform: uppercase;
color: #FF0055;
border-bottom: 1px solid #FF0055;
}
.checkbox {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 10px;
}
.checkbox input {
width: 25px;
height: 25px;
margin-right: 10px;
accent-color: #FF0055;
}
.checkbox label {
text-align: left;
color: #11171B;
font-size: 14px;
font-weight: 500;
flex: 1;
}
.bottom-text .vendor-start {
margin-bottom: 15px;
position: relative;
padding-bottom: 15px;
}
.vendor-start::after {
content: "";
width: 78px;
height: 1px;
background: #FF0055;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.login-container .input-group i {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
/* Responsive */
@media screen and (max-width: 600px) {
.login-container {
width: 100%;
border-radius: 0;
padding: 45px 20px;
}
}
.pill-button {
color: #FFF;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
font-size: 14px;
background: #FF0055;
font-family: inherit;
border-radius: 50px;
border: 2px solid #000000;
font-weight: 700;
width: auto;
flex-wrap: nowrap;
white-space: nowrap;
}
/* .pill-button-highlight */
.pill-button-highlight {
display: inline-block;
color: #FF0055;
transition: all 0.2s;
background: #FFF;
border: 1px solid #000000;
border-radius: 50px;
flex-shrink: 1;
flex-grow: 1;
width: 100%;
}
/* .pill-button-selection */
.pill-button-selection {
transition: all 0.2s;
padding-top: 15px;
padding-bottom: 15px;
cursor: pointer;
width: 100%;
flex-shrink: 1;
flex-grow: 1;
justify-content: center;
align-items: center;
}
/*===================================Login-Popup===================================*/
/*===================================Search-Popup===================================*/
.search-mian .field {
max-width: 640px;
border: 1px solid #FF0055;
border-radius: 1000px;
background-color: #FF0055;
padding: 10px;
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.search-mian .field input {
flex: 1;
border: none;
padding: 13px 20px;
border-radius: 1000px;
font-weight: 400;
line-height: normal;
color: #ffffff;
background: transparent;
}
.search-mian .field input::placeholder {
color: #ffffff;
}
.search-mian .field button {
border: none;
border-radius: 0;
background: transparent;
padding: 0;
}
.close-btn {
position: absolute;
top: 50px;
right: 50px;
}
.close-btn button {
background: #FF0055;
border-radius: 1000px;
padding: 6px;
line-height: normal;
width: 45px;
height: 45px;
}
/*===================================Search-Popup===================================*/
/*===================================Scroll-Top-Button===================================*/
.scroll-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: 90px;
z-index: 99999;
background-color: #FFF4E3;
width: 40px;
height: 40px;
border-radius: 4px;
transition: all 0.4s;
}
.scroll-top i {
font-size: 24px;
color: #000000;
line-height: 0;
}
.scroll-top:hover {
background-color: #FF0055;
color: #ffffff;
}
.scroll-top:hover i {
color: #ffffff;
}
.scroll-top.active {
visibility: visible;
opacity: 1;
}
/*===================================Scroll-Top-Button===================================*/
/*===================================Preloader===================================*/
#preloader {
position: fixed;
inset: 0;
z-index: 9999;
overflow: hidden;
background-color: #ffffff;
transition: all 0.6s ease-out;
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
#preloader div {
width: 13px;
height: 13px;
background-color: #FF0055;
border-radius: 50%;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
position: absolute;
left: 50%;
}
#preloader div:nth-child(1) {
left: calc(47% + 8px);
animation: animate-preloader-1 0.6s infinite;
}
#preloader div:nth-child(2) {
left: calc(47% + 8px);
animation: animate-preloader-2 0.6s infinite;
}
#preloader div:nth-child(3) {
left: calc(47% + 32px);
animation: animate-preloader-2 0.6s infinite;
}
#preloader div:nth-child(4) {
left: calc(47% + 56px);
animation: animate-preloader-3 0.6s infinite;
}
@keyframes animate-preloader-1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes animate-preloader-3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes animate-preloader-2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
/*===================================Preloader===================================*/
/*===================================Home-Page===================================*/
.hero {
position: relative;
width: 100%;
min-height: 100vh;
}
.hero .banner-img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
}
.hero::before {
content: "";
background: rgba(0, 0, 0, 0.4);
position: absolute;
inset: 0;
z-index: 2;
}
.hero .container {
position: relative;
z-index: 3;
}
.hero h1 {
font-size: 56px;
font-weight: 600;
color: #ffffff;
text-transform: capitalize;
}
.hero p {
color: #ffffff;
font-size: 18px;
}
.banner-btns {
margin-top: 50px;
}
.banner-btns a.btn {
color: #ffffff;
font-size: 14px;
padding: 18px 48px;
margin: 0;
border-radius: 1000px;
transition: 0.3s;
border: 2px solid #ffffff;
line-height: normal;
font-weight: 500;
margin-right: 10px;
}
.banner-btns a.btn:hover,
.banner-btns a.btn:focus {
background-color: #FF0055;
border-color: #FF0055;
color: #ffffff;
}
.go-down {
position: absolute;
bottom: 25px;
left: 0;
right: 0;
text-align: center;
z-index: 2;
}
.go-down a {
cursor: pointer;
}
.find-vender {
background: #ffffff;
padding: 60px 0;
}
.find-vender p a img {
margin-left: 5px;
}
.home-loc {
margin: 30px -8px 0;
padding: 0;
list-style: none;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.home-loc li {
width: 12.5%;
padding: 0 8px 16px;
}
.home-loc li a {
background: #FFF4E3;
width: 100%;
display: block;
text-align: center;
color: #000000;
border-radius: 6px;
padding: 20px 15px;
line-height: normal;
font-size: 16px;
font-weight: 400;
}
.home-loc li a span {
border-bottom: 2px solid #000000;
}
.home-loc li a:hover {
background: #FF0055;
color: #ffffff;
font-weight: 800;
}
.home-loc li a:hover span {
border-color: #ffffff;
}
.home-loc.listing-loc li {
width: 15%;
}
.home-blog {
padding: 80px 0;
}
.blog-img {
height: 350px;
}
.blog-txt h4 {
font-weight: 600;
}
.read-link {
color: #0F0F10;
font-weight: 500;
}
.read-link:hover {
color: #FF0055;
}
.happy-sec {
margin-bottom: -95px;
}
.happy-inr {
background: #FF0055;
}
.happy-txt .color1,
.happy-txt h2,
.happy-txt p {
color: #ffffff;
}
.home-video {
background: #FFF4E3;
padding: 200px 0 80px;
}
.video-container {
width: 100%;
margin: 0 auto;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
height: 500px;
}
.video-container iframe {
height: 100%;
}
.video-container .video-wrapper {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.video-container video {
width: 100%;
height: 100%;
object-fit: cover;
}
.play-button-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
pointer-events: none;
}
.play-button-wrapper #circle-play {
cursor: pointer;
pointer-events: auto;
}
.video-txt {
display: flex;
flex-flow: row wrap;
align-items: center;
height: 100%;
background: #FF0055;
}
.video-txt h2,
.video-txt p {
color: #ffffff;
}
.story-sec {
padding: 80px 0;
}
.story-sec a.btn {
margin: 0 5px;
}
.story-img1 {
height: 590px;
}
.story-img2 {
height: 215px;
}
.story-img3 {
height: 305px;
}
.story-img4 {
height: 350px;
}
.story-img5 {
height: 125px;
}
.story-img6 {
height: 500px;
}
.testi-col {
padding: 117px 100px;
background: #FFF4E3;
max-height: 500px;
}
.slider-btns {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center;
gap: 20px;
}
.slider-btns a:hover svg circle {
fill: #FF0055;
}
.slider-btns a:hover svg path {
fill: #ffffff;
}
.stars {
margin-bottom: 20px;
}
.stars i {
color: #f5e600;
}
.stars-search i {
color: #f5e600;
}
.testimonial-item p {
line-height: 22px;
}
.testi-name {
margin-top: 50px;
}
.testi-name h5 {
font-size: 24px;
color: #11171B;
font-weight: 700;
}
.testi-name h6 {
color: #000000;
font-weight: 400;
}
.testimonial-item {
position: relative;
}
.testimonial-item::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 68px;
height: 53px;
background-image: url(/public/images/quote-icon.svg);
}
.swiper-pagination {
display: none;
}
.swiper-pagination-bullet-active {
background-color: #FF0055;
}
.trust-sec {
background: #FFF4E3;
}
.home-best-vender {
padding: 60px 0 0;
}
.best-vender {
background: #FFF4E3;
border-radius: 6px;
padding: 52px 50px;
}
.best-vender:hover {
background: #FF0055;
}
.best-vender-img {
margin-bottom: 15px;
}
.best-vender-img svg {
height: auto;
max-width: 60px;
}
.best-vender-txt h5 {
margin: 0;
color: #0F0F10;
font-size: 24px;
font-weight: 400;
}
.best-vender:hover .best-vender-txt h5 {
color: #ffffff;
}
.best-vender:hover .best-vender-img .best-search path {
fill: #ffffff;
}
.best-vender:hover .best-vender-img svg path {
stroke: #ffffff;
}
/*===================================Home-Page===================================*/
/*===================================Custom-Button===================================*/
.color1 {
color: #FF0055;
}
.cir-bold {
font-weight: 600;
}
.custom-btn {
color: #000000;
font-size: 16px;
padding: 13px 50px;
margin: 0;
border-radius: 1000px;
transition: 0.3s;
border: 2px solid #000000;
line-height: normal;
font-weight: 700;
background: transparent;
/*max-height: 55px;
min-height: 55px;*/
text-transform: capitalize;
display: inline-block;
}
.start-btn,
.explore-btn {
color: #ffffff;
border-color: #ffffff;
}
.join-btn svg {
width: 21px;
margin-right: 8px;
}
.join-btn:hover svg path {
fill: #ffffff;
}
.custom-btn:hover,
.custom-btn:focus,
.custom-btn:focus-visible {
background: #FF0055;
border-color: #FF0055;
color: #ffffff;
}
.start-btn:hover,
.explore-btn:hover {
background: #FFF4E3;
border-color: #FFF4E3;
color: #FF0055;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
color: #fff;
background-color: #FF0055;
border-color: #FF0055;
}
.close-btn button:hover {
background: #FF0055;
border-color: #FF0055;
}
/*===================================Custom-Button===================================*/
/*===================================Global-Footer===================================*/
.footer-inr {
border-bottom: 1px solid #0F0F10;
padding-top: 70px;
}
.footer-logo {
margin-bottom: 50px;
max-width: 170px;
}
.footer-inr h5 {
color: #ffffff;
font-weight: 700;
margin-bottom: 20px;
}
.footer-inr ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-social ul {
display: flex;
flex-flow: row wrap;
gap: 20px;
justify-content: flex-end;
}
.footer-social a:hover svg path {
fill: #FF0055;
}
.footer-newsletter form {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
gap: 20px;
}
.footer-newsletter form input {
flex: 1;
background: #FFF4E3;
border: none;
border-radius: 1000px;
color: #ffffff;
padding: 11px 25px;
line-height: normal;
height: auto;
font-weight: 400;
}
.footer-newsletter form input:focus {
background: #FFF4E3;
color: #000000;
box-shadow: none;
}
.footer-newsletter form input::placeholder {
color: #000000;
}
.footer-newsletter form button {
font-size: 14px;
border-radius: 1000px;
padding: 13px 30px;
background-color: #FF0055;
color: #ffffff;
line-height: normal;
border: none;
font-weight: 500;
}
.footer-newsletter form button:hover,
.footer-newsletter form button:focus-visible {
background: #FFF4E3;
border-color: #FFF4E3;
color: #FF0055;
}
.footer-menu .menus {
margin-bottom: 30px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.menus li:not(:last-child) {
margin-bottom: 10px;
}
.menus li a {
color: #0F0F10;
border-bottom: 2px solid transparent;
cursor: pointer;
font-weight: 400;
}
.menus li a:hover,
.menus li a.active {
border-color: #0F0F10;
font-weight: 700;
}
.footer-bottom {
padding: 30px 0;
}
.footer-bottom p {
margin: 0;
color: #0F0F10;
font-weight: 500;
}
.footer-bar {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
width: 100%;
background: #000000;
padding: 6px 0;
}
.footer-bar-msg {
margin: 0;
color: #ffffff;
}
.footer-bar-msg a {
color: #ffffff !important;
cursor: pointer;
font-weight: 700;
text-decoration: underline !important;
}
.footer-bar-msg a:hover {
color: #FF0055 !important;
}
/*===================================Global-Footer===================================*/
/*===================================Listing-Page===================================*/
.listing-main {
padding-top: 60px;
padding-bottom: 30px;
margin-bottom: 70px;
}
.listing-main .row.justify-content-center.mt-5 {
margin-top: 0 !important;
}
.listing-main .page-content {
padding-top: 60px;
padding-bottom: 0;
}
.finderform form {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: 20px;
position: relative;
}
.filter-icon {
display: block;
cursor: pointer;
}
.filter-icon img {
max-width: 35px;
}
.finderform-search {
border: 2px solid #FF0055;
border-radius: 1000px;
padding: 10px;
margin: 0;
flex: 1;
}
.finderform-search .form-group-inr {
padding-left: 10px;
}
.finderform .row>.form-group {
margin: 0;
}
.form-group-inr.input-group {
margin: 0;
}
.finderform .select2-container {
width: 100% !important;
margin: 0 !important;
}
.finderform .select2-container--default .select2-selection--single {
height: auto;
border-radius: 0;
border: none;
background: transparent;
}
.finderform .select2-container .select2-selection--single .select2-selection__rendered {
padding: 0;
line-height: normal;
color: #7F7F7F;
font-weight: 400;
font-size: 14px;
}
.finderform .select2-container--default .select2-selection--single .select2-selection__arrow {
display: none;
}
.finderform .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #7F7F7F;
font-weight: 400;
font-size: 14px;
}
.form-group-inr button {
border-radius: 0;
border: none;
padding: 0;
background: transparent !important;
box-shadow: none !important;
outline: none !important;
}
.form-group-inr button:hover,
.form-group-inr button:focus {
background: transparent;
}
body>.select2-container {
padding-top: 15px;
}
body>.select2-container .select2-dropdown {
border-color: #FFF4E3;
background-color: #FFF4E3;
}
.select2-container .select2-search--dropdown .select2-search__field {
background-color: #FF0055;
border-color: #FF0055;
color: #ffffff;
font-size: 14px;
font-weight: 400;
}
.select2-container .select2-results__option--highlighted[aria-selected] {
background-color: #FF0055;
}
body>.select2-container .select2-results__option {
color: #0F0F10;
font-size: 14px;
font-weight: 400;
}
.form-group-inr input {
border: none;
background: transparent;
padding: 0;
border-radius: 0;
line-height: normal;
color: #000000;
font-size: 16px;
margin: 0 !important;
font-weight: 400;
}
.form-group-inr input::placeholder {
color: #000000;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
width: 7px;
height: 7px
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-corner {
display: none
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
background: #FF0055;
border-radius: 20px
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
border-radius: 20px
}
.listing-main-sec {
border-top: 1px solid #A4A4A4;
padding-top: 80px;
margin: 80px 0 100px;
}
.list-img {
height: 300px;
border-radius: 11px;
overflow: hidden;
}
.list-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.list-txt {
padding-top: 25px;
}
.list-title h4 {
color: #0E0E0E;
font-weight: 700;
}
.list-inr p {
margin: 0;
}
.price-txt {
color: #0E0E0E;
font-weight: 500;
}
.price {
color: #FF0055;
font-weight: 700;
}
.wishlist a {
cursor: pointer;
}
.filter-popup {
position: absolute;
top: calc(100% + 10px);
left: 0;
z-index: 9;
background: #ffffff;
border: 1px solid #e4e4e4;
min-width: 300px;
border-radius: 20px;
padding: 10px 0 20px;
display: none;
}
.filter-top-title {
text-align: center;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
margin: 0 0 15px;
}
.filter-close {
position: absolute;
right: 15px;
top: 15px;
}
.filter-close .btn {
padding: 0;
border: none;
border-radius: 0;
}
.filter-close img {
max-width: 12px;
}
.filter-inr {
padding: 0 30px;
}
.filter-inr:not(:last-child) {
border-bottom: 1px solid #e4e4e4;
padding-bottom: 20px;
margin-bottom: 20px;
}
.filter-inr-title {
font-size: 16px;
font-weight: 600;
color: #000000;
}
.filter-options .form-check {
padding-left: 20px;
min-height: auto;
margin: 0;
}
.filter-options .form-check:not(:last-child) {
margin: 0 0 6px;
}
.filter-options .form-check-input {
width: 11px;
height: 11px;
margin-top: .30em;
margin-left: -20px;
}
.filter-options .form-check-input:checked {
background-color: #FF0055;
border-color: #FF0055;
background-image: none;
}
.filter-options label {
font-size: 14px;
font-weight: 400;
}
/*===================================Listing-Page===================================*/
/*===================================Category-Listing-Page===================================*/
.page-banner .breadcrumb-item.active {
color: #FF0055;
font-weight: 700;
}
/*===================================Category-Listing-Page===================================*/
/*===================================Listing-Detail-Page===================================*/
.list-back-btn {
display: flex;
flex-flow: row wrap;
break-after: column;
}
.list-btn-back {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-start;
color: #11171B;
font-size: 16px;
font-weight: 400;
}
.list-btn-back span {
margin-left: 10px;
border-bottom: 1px solid #11171B;
line-height: normal;
}
.list-btn-back:hover {
color: #FF0055;
}
.list-btn-back:hover svg path {
fill: #FF0055;
}
.list-btn-back:hover span {
border-color: #FF0055;
}
.seperator {
margin-left: 10px;
font-family: 'CircularStdBook';
font-size: 16px;
color: #11171B;
}
.list-detail-images {
/* margin-bottom: -120px; */
padding: 30px 0 50px;
}
.detail-img-main .col-lg-6.col-md-12.col-sm-12 .row:first-child {
min-height: 330px;
}
.detail-img-inr {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.img-big {
height: 383px;
}
.img-small {
height: 141px;
}
.detail-img-inr img {
width: 100%;
height: 100%;
object-fit: cover;
}
.see-btn button.btn:hover {
background-color: #FF0055;
border-color: #FF0055;
color: #ffffff;
}
.list-detail-main {
background: #FFF4E3;
padding: 60px 0 60px;
margin-bottom: 70px;
}
.list-detail-tab {
padding-right: 140px;
position: relative;
}
.list-detail-tab nav {
padding: 0 !important;
background: #FFF4E3 !important;
}
.nav-fixed {
position: fixed;
top: 0;
width: 100%;
max-width: 666px;
}
.list-detail-tab ul.nav {
gap: 35px;
border-bottom: 1px solid #D3C4A4;
width: 100%;
}
.list-detail-tab nav a.nav-link {
padding: 20px 25px 20px 0;
color: #11171B;
border-bottom: 2px solid transparent;
border-radius: 0;
cursor: pointer;
font-weight: 600;
}
.list-detail-tab nav a.nav-link:hover,
.list-detail-tab nav a.nav-link.active {
font-weight: 700;
border-color: #FF0055;
background: transparent;
color: #11171B;
}
.tab-content-main {
padding: 40px 0;
border-bottom: 1px solid #D3C4A4;
}
.list-detail-tab h3 {
font-size: 52px;
color: #11171B;
font-weight: 700;
margin-bottom: 0;
width: 100%;
}
.list-detail-tab a.heart-icon {
position: absolute;
right: 20px;
top: 0;
cursor: pointer;
}
.verify-icon {
max-width: 40px;
/* margin-left: 20px;*/
}
.list-detail-tab i.bi-heart,
.list-detail-tab i.bi-heart-fill {
font-size: 35px;
color: #FF0055;
}
.tab-content-main .stars {
margin: 0 0 10px;
}
.content-des p {
color: #0E0E0E;
margin-bottom: 5px;
}
.list-social {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-flow: row wrap;
gap: 15px;
}
.list-social a {
color: #11171B;
border-bottom: 1px solid #11171B;
line-height: normal;
cursor: pointer;
font-weight: 400;
}
.list-social a:hover,
.list-social a:focus {
border-width: 2px;
font-weight: 500;
}
.tab-content-main h4 {
font-size: 28px;
color: #11171B;
margin-bottom: 20px;
font-weight: 700;
}
.tab-content-main h6 {
color: #0E0E0E;
font-size: 24px;
}
.detail-point h6 {
font-size: 16px;
color: #FF0055;
}
.detail-point p {
color: #0E0E0E;
margin-bottom: 0;
}
.detail-contact {
background-color: #FF0055;
border-radius: 10px;
padding: 20px 30px;
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.detail-con-txt {
margin-left: 20px;
}
.detail-con-txt h5 {
font-size: 22px;
color: #ffffff;
font-weight: 600;
margin: 0 0 10px;
}
.detail-con-txt p {
line-height: normal;
}
.detail-con-txt p a {
color: #E1E1E1;
border-bottom: 1px solid #E1E1E1;
}
.detail-con-txt p a:hover {
color: #FFF4E3;
border-color: #FFF4E3;
}
.contact-des p {
margin-bottom: 2px;
}
.detail-ph {
font-weight: 400;
color: #0E0E0E;
border-bottom: 1px solid #0E0E0E;
line-height: normal;
}
.detail-ph:hover {
border-width: 2px;
font-weight: 500;
}
.contact-des .list-social {
margin: 20px 0 40px;
}
.list-vendor-form {
background-color: #ffffff;
border: 2px solid #FF0055;
border-radius: 10px;
padding: 30px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.list-vendor-form .bottom-text {
margin: 0;
}
.list-vendor-form .bottom-text h6 {
margin: 0;
}
.list-vendor-form h3 {
font-weight: 700;
color: #11171B;
}
.detail-vendor .input-group {
margin-bottom: 15px;
}
.detail-vendor input.form-control,
.detail-vendor select.form-select {
border: 2px solid #FFF4E3;
border-radius: 1000px !important;
background-color: #FFF4E3;
font-size: 14px;
line-height: normal;
padding: 13px 30px;
color: #11171B;
/*max-height: 50px;
min-height: 50px;*/
font-weight: 500;
}
.detail-vendor input::placeholder {
color: #11171B;
}
.detail-vendor .gj-datepicker {
width: 100% !important;
}
.detail-vendor .gj-datepicker button.btn {
display: none;
}
.detail-vendor .form-check {
padding: 0;
display: flex;
flex-flow: row wrap;
align-items: center;
margin-bottom: 15px;
}
.detail-vendor .form-check input {
width: 22px;
height: 22px;
border: 2px solid #FFF4E3;
border-radius: 1000px;
margin: 0;
background-color: #FFF4E3;
background-position: 0px;
background-repeat: no-repeat;
background-size: cover;
}
.detail-vendor .form-check input:checked {
background-color: #FF0055;
}
.detail-vendor .form-check label {
margin-left: 10px;
font-size: 14px;
line-height: normal;
font-weight: 500;
}
.detail-vendor textarea.form-control {
border: 2px solid #FFF4E3;
border-radius: 6px;
background-color: #FFF4E3;
font-weight: 500;
font-size: 14px;
line-height: normal;
padding: 15px 30px;
color: #11171B;
max-height: 130px;
resize: none;
}
.detail-vendor textarea::placeholder {
color: #11171B;
}
.detail-vendor-txt {
margin-bottom: 30px;
}
.detail-vendor-txt p a {
color: #000000;
border-bottom: 2px solid #000000;
font-weight: 700;
}
.detail-vendor-txt p a:hover {
color: #FF0055;
border-color: #FF0055;
}
.submit-btn {
background-color: #FF0055;
color: #ffff;
border: 2px solid #FF0055;
font-weight: 700;
font-size: 14px;
line-height: normal;
width: 100%;
border-radius: 1000px;
padding: 16px 15px;
}
.submit-btn:hover,
.submit-btn:focus-visible {
background: #FFF4E3;
border-color: #FFF4E3;
color: #FF0055;
}
.detail-listing {
padding: 10px 0 50px;
}
.detail-listing .listing-main-sec {
border: none;
padding: 0;
margin: 0;
}
.review-tab .review-overall,
.review-tab .reviews {
margin-bottom: 20px;
}
.review-tab .review-overall .total {
font-size: 14px;
font-weight: 500;
}
.review-tab .reviews .item:not(:last-child) {
margin-bottom: 25px;
}
.review-tab .reviews .col-lg-2 {
width: 10%;
}
.review-tab .reviews .col-lg-10 {
width: 90%;
}
.reviews .photo span {
width: 40px;
height: 40px;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 1000px;
color: #ffffff;
font-weight: 400;
}
.review-tab .reviews .name {
font-weight: 700;
font-size: 18px;
color: #000000;
}
.review-tab .reviews .date-time {
font-weight: 500;
font-size: 14px;
margin-bottom: 5px;
}
.review-tab .review-overall .review i,
.review-tab .reviews .score i {
color: #f5e600 !important;
}
.review-tab .reviews p {
margin: 0;
}
.review-form {
background-color: #ffffff;
border: 2px solid #000000;
border-radius: 10px;
padding: 30px;
}
.review-tab h2 {
font-weight: 700;
font-size: 28px;
color: #11171B;
margin-bottom: 20px;
}
.review-form .form-group {
margin-bottom: 15px;
}
.review-form .form-group label {
font-weight: 500;
font-size: 14px;
color: #11171B;
margin-bottom: 8px;
line-height: normal;
}
.review-form .form-group select {
border: 2px solid #000000;
border-radius: 1000px;
background-color: #FFF4E3;
font-weight: 500;
font-size: 14px;
line-height: normal;
padding: 15px 30px;
color: #11171B;
max-height: 50px;
min-height: 50px;
}
.review-form .form-group textarea {
border: 2px solid #000000;
border-radius: 6px;
background-color: #FFF4E3;
font-weight: 500;
font-size: 14px;
line-height: normal;
padding: 15px 30px;
color: #11171B;
max-height: 130px;
resize: none;
}
.review-form form button.btn {
width: auto;
padding: 18px 65px;
}
.user_rating {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.user_rating .rating {
margin-top: 10px;
}
.user_rating .rating label.star {
margin: 0;
}
#gallery-popup .login-container {
max-width: 1080px;
background: transparent;
border-radius: 0;
overflow: visible;
box-shadow: none;
padding: 0;
width: auto;
max-height: inherit;
position: static;
}
.slideshow-container {
width: 100%;
}
.slideshow-container img {
width: 100%;
border: 5px white solid;
}
.prev {
left: 0;
background: #FF0055;
}
.next {
background: #FF0055;
}
.next:hover,
.prev:hover {
background: #FF0055;
}
#gallery-popup .login-container .close-icon {
background-color: #FFF4E3;
width: 45px;
height: 45px;
border-radius: 1000px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.review-tab .tab-content-main h4 {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
}
.review-tab .tab-content-main h4 a {
font-size: 14px;
color: #11171B;
cursor: pointer;
}
.review-tab .tab-content-main h4 a:hover {
color: #FF0055;
}
/*===================================Listing-Detail-Page===================================*/
/*===================================Dashboard-Pages===================================*/
.dashboard-box .text,
.dashboard-box .number {
line-height: normal;
font-weight: 500;
}
.dashboard-box .number {
font-size: 40px;
margin: 10px 0;
}
.dashboard-box a.btn {
font-size: 14px;
border-radius: 1000px;
padding: 10px 25px;
background-color: #FF0055;
color: #ffffff;
line-height: normal;
border: none;
font-weight: 500;
}
.dashboard-box a.btn:hover {
background: #FFF4E3;
border-color: #FFF4E3;
color: #FF0055;
}
.dashboard-box-3 table tr td {
padding: 10px 15px;
}
.pricing ul.fa-ul {
display: flex;
flex-flow: row wrap;
margin: 0 0 20px;
padding: 0 10px;
align-items: center;
}
.pricing ul li {
font-family: 'CircularStdMedium';
position: relative;
padding-left: 30px;
width: 100%;
}
.pricing ul.fa-ul span.fa-li {
width: auto;
left: 0;
top: 4px;
}
.payment h2 {
font-size: 26px;
font-weight: 700;
}
.payment iframe.zoid-component-frame {
z-index: 1 !important;
}
.payment button.stripe-button-el {
background: transparent;
font-size: 16px;
border-radius: 1000px;
padding: 16px 50px;
border: 2px solid #000000;
line-height: normal;
font-family: 'CircularStdBold';
color: #0F0F10;
}
.payment button.stripe-button-el span {
min-height: auto !important;
padding: 0;
height: auto;
line-height: normal;
background: transparent;
color: inherit;
text-shadow: none;
box-shadow: none;
font-family: inherit;
font-weight: inherit;
}
.payment form p b {
font-family: 'CircularStdBold';
font-weight: normal;
}
.payment form textarea,
.payment form textarea:focus,
.add-listing-form textarea {
border: 2px solid #FFF4E3;
border-radius: 6px;
background-color: #FFF4E3;
font-size: 14px;
line-height: normal;
padding: 15px 30px;
color: #11171B;
max-height: 250px;
resize: none;
min-height: auto;
height: auto !important;
font-weight: 500;
}
.payment form textarea::placeholder,
.add-listing-form textarea::placeholder {
color: #11171B;
}
.payment form button.btn {
background: transparent;
font-size: 16px;
border-radius: 1000px;
padding: 16px 50px;
border: 2px solid #000000;
line-height: normal;
font-family: 'CircularStdBold';
color: #0F0F10;
}
.payment form button.btn:hover,
.payment button.stripe-button-el:hover {
background-color: #FF0055;
border-color: #FF0055;
color: #ffffff;
}
.history-table table.table {
min-width: 966px;
}
.history-table thead tr,
.history-table tbody tr {
border-color: #000000;
border-width: 2px;
}
.history-table thead tr th,
.history-table tbody tr td {
background-color: #FFF4E3;
border-color: #000000;
padding: 5px 5px;
border-width: 2px;
vertical-align: middle;
}
.history-table thead tr th {
background-color: #FF0055;
color: #ffffff;
vertical-align: middle;
}
.history-table tbody tr td {
font-size: 14px;
font-weight: 500;
}
.history-table .btn {
font-size: 13px;
border-radius: 5px;
line-height: normal;
font-weight: 700;
padding: 5px;
border: 2px solid;
background: #FF0055;
border-color: #FF0055;
}
.history-table .btn-warning {
background: #000000;
border-color: #000000;
color: #ffffff;
}
.history-table .btn-secondary {
background: #000000;
border-color: #000000;
}
.history-table .btn-primary {
background: #000000;
border-color: #000000;
}
.history-table .btn:hover,
.history-table .btn:focus {
background: #ffffff;
color: #0F0F10;
border-color: #0F0F10;
}
.history-table td img {
max-width: 120px;
height: 100px;
object-fit: cover;
border-radius: 5px;
}
.badge-primary,
.badge-danger {
background: #000000;
}
a.badge-primary:focus,
a.badge-primary:hover {
color: #000000;
background-color: #FFF4E3;
}
.badge-danger,
.badge-success,
.badge-primary {
font-weight: normal;
line-height: normal;
background: #FF0055;
}
.table-form input.form-control,
.table-form select.form-select,
.add-listing-form input.form-control,
.add-listing-form select.form-select {
border: 2px solid #FFF4E3;
border-radius: 1000px;
background-color: #FFF4E3;
font-size: 14px;
line-height: normal;
padding: 13px 30px;
color: #11171B;
height: auto;
font-weight: 500;
}
.add-listing-form input.form-control::placeholder,
.table-form input.form-control::placeholder {
color: #11171B;
}
.table-form button.btn {
border-radius: 1000px;
width: 50px;
height: 50px;
padding: 0;
background-color: #FF0055;
border-color: #FF0055;
}
.add-listing-form {
background-color: #ffffff;
border: 2px solid #FF0055;
border-radius: 10px;
padding: 30px;
}
.add-listing-form .form-group label {
font-size: 14px;
color: #11171B;
font-weight: 500;
}
.add-listing-form span.btn {
width: 50px;
height: 50px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
padding: 0;
border-radius: 1000px;
background: #000000;
border-color: #000000;
}
.add-listing-form h4 {
font-weight: 700;
font-size: 26px;
color: #0F0F10;
}
.add-listing-form .note-editor {
border: 2px solid #d7d7d7;
border-radius: 6px;
background: #FFF4E3;
overflow: hidden;
}
.add-listing-form .note-editor .note-statusbar {
display: none;
}
.add-listing-form .note-editor .note-toolbar {
background: #FF0055;
}
.add-listing-form .note-editor .note-toolbar button.note-btn {
background-color: #000000;
color: #ffffff;
}
.add-listing-form span.select2-selection {
height: 50px;
border: 2px solid #FFF4E3 !important;
border-radius: 1000px !important;
font-size: 14px !important;
line-height: normal;
padding: 10px 30px;
color: #11171B;
background-color: #FFF4E3;
font-weight: 500;
}
.add-listing-form span.select2-selection span.select2-selection__arrow {
height: 50px;
right: 15px;
}
.add-listing-form span.select2-selection span.select2-selection__rendered {
padding: 0;
color: #11171B;
}
.add-listing-form span.select2-selection span.select2-selection__rendered span.select2-selection__placeholder {
padding: 0;
color: #11171B;
}
.add-listing-form .form-check {
padding: 0;
display: flex;
flex-flow: row wrap;
align-items: center;
margin-bottom: 15px;
}
.add-listing-form .form-check input {
width: 22px;
height: 22px;
border: 2px solid #d7d7d7;
border-radius: 1000px;
margin: 0;
background-color: #FFF4E3;
background-position: 0px;
background-repeat: no-repeat;
background-size: cover;
position: static;
}
.add-listing-form .form-check label {
margin-left: 10px;
font-size: 14px;
line-height: normal;
font-weight: 500;
}
.limit {
font-size: 14px;
color: #FF0055;
font-weight: normal;
font-weight: 500;
}
.add-listing-form form button.btn.btn-primary {
background-color: #FF0055;
border: 2px solid #FF0055;
font-size: 14px;
line-height: normal;
border-radius: 1000px;
padding: 16px 65px;
color: #ffffff;
font-weight: 700;
}
.add-listing-form form button.btn.btn-primary:hover {
background-color: #FFF4E3;
border-color: #FFF4E3;
color: #FF0055;
}
.add-listing-form span.select2-selection.select2-selection--multiple {
padding: 7px 30px;
height: auto;
min-height: 50px;
}
.add-listing-form span.select2-selection.select2-selection--multiple ul.select2-selection__rendered {
padding: 0;
}
.add-listing-form span.select2-selection.select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice {
margin-left: 0;
margin-right: 5px;
}
.add-listing-form .form-check input:checked {
background-color: #FF0055;
}
.listing-data .form-group div,
.listing-data .form-group div span,
.listing-data .form-group div p {
font-size: 14px;
}
.listing-data h4,
.listing-data h4 b {
font-weight: 700;
font-size: 26px;
color: #0F0F10;
}
.listing-data .form-group img.listing-photo-item {
height: 243px;
border-radius: 10px;
}
.history-table.invoice-table tfoot.text-right tr td {
background-color: #FFF4E3;
border: 2px solid #000000 !important;
padding: 10px 15px;
}
.history-table.invoice-table table.table tr td {
font-size: 14px !important;
font-family: 'CircularStdMedium';
font-weight: normal;
color: #000000;
text-transform: capitalize;
}
.history-table.invoice-table .table-bordered th {
font-size: 16px !important;
}
.history-table.invoice-table .table-bordered th b {
font-weight: 700;
}
.invoice-area .invoice-head .iv-right {
text-align: right;
}
.history-table {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
span.select2.select2-container.select2-container--bootstrap {
width: 100% !important;
}
.vendorall-listings img.dashvend-img {
width: 100% !important;
height: 230px !important;
object-fit: cover;
border-radius: 10px;
}
.girls-talk-inrdash .girls-talk-chat {
padding: 20px 0;
margin-bottom: 0px;
border-top: 1px solid #cecece;
border-radius: 0;
}
.girls-talk-inrdash .girls-talk-chat:last-child {
border-bottom: 1px solid #FFF4E3;
}
.girls-talk-inrdash .girls-chat-rgt {
padding: 0;
}
.girls-talk-inrdash .girls-chat-top {
margin: 0 !important;
gap: 15px;
}
.girls-talk-inrdash .girls-chat-top-left {
flex: 1;
}
.girls-talk-inrdash .girls-chat-top-left h5 {
font-weight: 800;
color: #11171B;
}
.girls-talk-inrdash .girls-chat-top-left h5 span.from {
margin-right: 20px;
}
.girls-talk-inrdash a.chat-icon svg {
display: block;
min-height: 17px;
}
.girls-talk-inrdash a.star-icon svg:last-child,
.girls-talk-inrdash a.star-icon.active svg:first-child {
display: none;
}
.girls-talk-inrdash a.star-icon.active svg:last-child {
display: block;
}
.girls-talk-inrdash a.chat-icon svg path {
fill: #cecece;
}
.girls-talk-inrdash a.star-icon:hover svg path,
.girls-talk-inrdash a.star-icon.active svg path {
fill: #FF0055;
}
.girls-talk-inrdash a.bin-icon:hover svg path,
.girls-talk-inrdash a.bin-icon.active svg path {
fill: #FF0055;
}
.girls-chat-top-rgt .msg-reply {
color: #0F0F10;
font-size: 12px;
padding: 5px 20px;
margin: 0;
border-radius: 1000px;
transition: 0.3s;
border: 2px solid #0F0F10;
line-height: normal;
font-family: 'CircularStdBold';
background: transparent;
max-height: 30px;
min-height: 30px;
}
.girls-chat-top-rgt .msg-reply:hover,
.girls-chat-top-rgt .msg-reply:focus,
.girls-chat-top-rgt .msg-reply:focus-visible {
background: #FF0055;
border-color: #FF0055;
color: #ffffff;
}
.swal2-popup {
background: #FFF4E3;
}
.swal2-icon .swal2-success-circular-line-left,
.swal2-icon .swal2-success-circular-line-right {
display: none;
}
.swal2-actions button.swal2-confirm {
color: #0F0F10;
font-size: 16px;
padding: 13px 50px;
margin: 0;
border-radius: 1000px;
transition: 0.3s;
border: 2px solid #000000 !important;
line-height: normal;
background: transparent;
font-weight: 700;
}
.swal2-actions button.swal2-confirm:hover {
background: #FF0055 !important;
border-color: #FF0055 !important;
color: #ffffff;
}
.note-editor.note-frame .note-editing-area .note-editable * {
white-space: normal !important;
background: transparent !important;
}
.girls-talk-inrdash ul.girls-talk-list {
padding: 0;
margin: 0;
}
.service-table table.table {
min-width: auto;
}
/*===================================Dashboard-Pages===================================*/
/*===================================About-Us-Page===================================*/
.about-main {
padding: 70px 0;
position: relative;
z-index: 1;
}
.about-main::before {
content: "";
width: 100%;
height: 600px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #FFF4E3;
z-index: -1;
}
.about-img {
/* height: 620px;*/
position: relative;
z-index: 1;
}
.about-img::after {
content: "";
width: 250px;
height: 205px;
position: absolute;
left: -24px;
bottom: -110px;
background-image: url(/public/images/about-leaf.png);
background-repeat: no-repeat;
background-size: contain;
transform: rotateZ(60deg);
z-index: -1;
}
.about-des {
border-top: 1px solid #B4B4B4;
border-bottom: 1px solid #B4B4B4;
padding: 60px 50px;
}
.about-des>p {
color: #5E5E5E;
margin-bottom: 35px;
}
.about-info h3 {
font-size: 34px;
color: #FF0055;
font-weight: 700;
}
.about-info p {
font-weight: 600;
color: #8C8C8C;
font-size: 22px;
margin: 0;
line-height: normal;
}
/*===================================About-Us-Page===================================*/
/*===================================Inspiration-Page===================================*/
.insp-search {
padding-top: 60px;
}
.insp-search .input-group {
border: 1px solid #000000;
border-radius: 1000px;
padding: 7px;
background-color: #FFF4E3;
max-width: 545px;
margin: 0 auto;
}
.insp-search .input-group input.form-control {
border: none;
padding: 0 20px;
border-radius: 1000px;
background: transparent;
line-height: normal;
font-family: 'CircularStdMedium';
font-size: 14px;
color: #0E0E0E;
}
.insp-search .input-group input::placeholder {
color: #0E0E0E;
}
.insp-search .input-group input:focus {
box-shadow: none;
outline: none;
}
.insp-search .input-group button.btn {
border-radius: 0;
background: no-repeat;
border: none;
padding: 0;
line-height: normal;
width: 38px;
height: 38px;
}
.insp-list {
margin-bottom: -120px;
}
.insp-list-main {
position: relative;
}
.insp-list-img {
height: 380px;
position: relative;
border-radius: 20px;
overflow: hidden;
}
.insp-list-img img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
object-fit: cover;
}
.insp-list-btn {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
display: flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
gap: 15px;
padding: 15px;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
}
.insp-list-main:hover .insp-list-btn {
opacity: 1;
visibility: visible;
}
.insp-list-btn a.btn {
border-color: #FFFFFF;
color: #ffffff;
min-width: 200px;
}
.insp-list-btn a.btn:hover {
border-color: #000000;
background: #FFF4E3;
color: #0F0F10;
}
.insp-list+.testimonials {
padding-top: 185px;
}
/*===================================Inspiration-Page===================================*/
/*===================================Advice-Page===================================*/
.advice-top {
padding: 70px 0;
}
.advice-discover {
padding: 100px 0;
background: #FFF4E3;
}
.discover-list {
padding: 0;
margin: 0 -8px;
list-style: none;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.discover-list li {
padding: 0 8px 16px;
}
.discover-list a {
border: 2px solid #000000;
font-weight: 700;
font-size: 16px;
color: #0F0F10;
background: #ffffff;
display: inline-block;
border-radius: 1000px;
padding: 13px 38px;
line-height: normal;
}
.discover-list a:hover {
background: #FF0055;
color: #ffffff;
border-color: #FF0055;
}
.advice-list-main:not(.last) {
border-bottom: 1px solid #CDCDCD;
padding-bottom: 55px;
margin-bottom: 55px;
}
.advice-list-img {
height: 280px;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.advice-list-img img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
object-fit: cover;
}
.advice-list-title h4 {
font-weight: 500;
color: #0F0F10;
font-size: 22px;
margin-bottom: 15px;
}
.pagination {
text-align: center;
margin-top: 40px;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
border-top: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
padding: 30px 0;
}
.pages {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 100%;
gap: 15px;
}
.page-number {
cursor: pointer;
background-color: #ABABAB;
color: #FFFFFF !important;
border-radius: 1000px;
height: 38px;
width: 38px;
display: flex;
align-items: center;
justify-content: center;
transition: .4s ease;
font-weight: 500;
font-size: 22px;
}
.page-number.active,
.page-number:hover {
background-color: #0F0F10;
}
.pagination button {
padding: 0;
background-color: transparent;
color: #0F0F10;
border: none;
cursor: pointer;
margin: 0 5px;
display: flex;
align-items: center;
justify-content: space-between;
}
.pagination button:hover,
.pagination button:hover a {
color: #FF0055;
}
.pagination button:hover svg path {
fill: #FF0055;
}
.pagination button:disabled {
color: #ABABAB;
cursor: not-allowed;
}
.pagination button:disabled svg path {
fill: #ABABAB;
}
.pagination button:disabled a {
color: #ABABAB;
}
#prevPage {
margin-right: 20px;
}
#nextPage {
margin-left: 20px;
}
.nav-text {
font-weight: 500;
font-size: 22px;
margin: 0 10px;
color: #0F0F10;
}
/*===================================Advice-Page===================================*/
/*===================================Advice-Detail-Page===================================*/
.advice-detail {
padding-top: 60px;
padding-bottom: 60px;
}
.advice-detail-inr p {
font-size: 20px;
}
.advice-detail-img {
margin-bottom: 30px;
}
.advice-detail-point {
background: #FFF4E3;
padding: 50px;
margin-bottom: 40px;
}
.advice-detail-point h3,
.advice-detail-des-inr h3 {
color: #11171B;
margin-bottom: 15px;
font-weight: 700;
}
.detail-point {
list-style: none;
padding: 0;
}
.detail-point li {
padding-left: 15px;
margin-bottom: 9px;
}
.detail-point li a {
font-weight: 500;
color: #11171B;
font-size: 16px;
position: relative;
padding-left: 20px;
display: block;
}
.detail-point li a::before {
content: "";
width: 8px;
height: 8px;
display: block;
background-color: #11171B;
border-radius: 1000px;
position: absolute;
left: 0;
top: 7px;
}
.advice-detail-des p {
color: #5E5E5E;
font-weight: 400;
}
.advice-detail-des-inr {
margin-top: 40px;
}
.advice-detail-des-inr ul {
padding-left: 30px;
}
.advice-detail-des-inr ul li {
font-size: 20px;
color: #5E5E5E;
font-weight: 400;
}
.advice-detail-des-inr ul li:not(:last-child) {
margin-bottom: 15px;
}
.advice-detail-list {
padding-bottom: 80px;
}
.advice-detail-list-main {
border-top: 1px solid #CDCDCD;
padding-top: 50px;
}
/*===================================Advice-Detail-Page===================================*/
/*===================================Contact-Us-Page===================================*/
.contact-sec {
padding: 100px 0;
}
.contact-form form label {
font-size: 14px;
color: #11171B;
font-weight: 500;
}
.contact-form form input.form-control {
border: 2px solid #FFF4E3 !important;
border-radius: 1000px;
background-color: #FFF4E3 !important;
font-weight: 500;
font-size: 14px;
line-height: normal;
padding: 15px 30px;
color: #11171B !important;
max-height: 50px;
height: auto;
min-height: 50px;
}
.contact-form form textarea {
border: 2px solid #FFF4E3 !important;
border-radius: 6px;
background-color: #FFF4E3 !important;
font-weight: 500;
font-size: 14px;
line-height: normal;
padding: 15px 30px;
color: #11171B !important;
max-height: 200px;
resize: none;
}
.contact-form .form-check {
padding: 0;
display: flex;
flex-flow: row wrap;
align-items: center;
margin-bottom: 15px;
min-height: auto;
}
.contact-form .form-check input {
width: 22px;
height: 22px;
border: 2px solid #FFF4E3;
border-radius: 1000px;
margin: 0;
background-color: #FFF4E3;
background-position: 0px;
background-repeat: no-repeat;
background-size: cover;
position: static;
}
.contact-form .form-check label {
margin-left: 10px;
line-height: normal;
flex: 1;
}
.contact-form .btn {
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 10px 20px;
border: 2px solid #FF0055;
background: #FF0055;
color: #ffffff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-transform: none;
border-radius: 1000px;
padding: 13px 50px;
font-size: 16px;
font-weight: 700;
}
.contact-form .btn:hover {
background: #FFF4E3;
border-color: #FFF4E3;
color: #FF0055;
}
.contact-form .form-check input:checked {
background-color: #FF0055;
}
/*===================================Contact-Us-Page===================================*/
/*===================================FAQ-Page===================================*/
.faq h3 {
font-weight: 600;
color: #0F0F10;
}
.faq .panel-inr {
border: 2px solid #FFF4E3;
background-color: #FFF4E3;
border-radius: 12px;
padding: 10px 30px;
}
.faq .panel:last-of-type {
border: none;
}
.faq .panel-body p span {
font-size: 16px !important;
}
.faq h4.panel-title a span {
display: inline-block;
max-width: calc(100% - 2rem);
}
.faq .panel {
border-bottom: 2px solid #ffffff;
}
/*===================================FAQ-Page===================================*/
/*===================================Message-Page===================================*/
.message-detail .head h3 {
color: #11171B;
font-weight: 600;
margin: 0 0 10px;
}
.message-detail .head h3 span.from {
margin-right: 20px;
}
.conversation form.detail-vendor {
box-shadow: 0 8px 8px 11px #00000020;
}
.conversation form.detail-vendor .field {
flex-direction: column;
height: auto;
align-items: flex-end;
padding: 15px 5px;
}
.conversation form.detail-vendor .field textarea {
border: 1px solid #cecece !important;
border-radius: 6px !important;
padding: 10px 15px !important;
font-size: 14px;
min-height: 100px;
color: #11171B !important;
font-weight: 400;
}
.conversation form.detail-vendor .field textarea::placeholder {
color: #a4a4a4;
}
.conversation form.detail-vendor .field button {
padding: 6px 16px;
font-size: 14px;
min-height: auto;
}
.file-label {
align-items: stretch;
cursor: pointer;
display: flex;
justify-content: flex-start;
position: relative;
margin: 0;
}
.file-input {
height: 100%;
left: 0;
opacity: 0;
outline: none;
position: absolute;
top: 0;
width: 100%;
}
.file-label span.file-label {
display: none;
}
.file-cta {
position: absolute;
right: 10px;
top: 35px;
}
.file-name {
font-size: 12px;
color: #000000;
font-weight: 500;
}
/*===================================Message-Page===================================*/
/*===================================Girls-Talk-Page===================================*/
.girls-talk {
background: #FFF4E3;
padding-top: 80px;
padding-bottom: 100px;
}
.girls-talk-pag {
margin-bottom: 60px;
}
.girls-talk-field {
border: 2px solid #ffffff;
background: #ffffff;
border-radius: 10px;
padding: 30px;
display: flex;
flex-flow: row wrap;
}
.girls-list-img span {
display: flex;
background: #2980B9;
width: 50px;
height: 50px;
justify-content: center;
align-items: center;
border-radius: 1000px;
color: #ffffff;
font-size: 22px;
font-weight: 400;
}
.girls-field-inr input {
border: 1px solid #FFF4E3;
border-radius: 1000px;
background-color: #FFF4E3 !important;
font-size: 14px;
line-height: normal;
padding: 14px 30px;
color: #11171B;
height: auto;
font-weight: 500;
}
.girls-field-inr textarea {
border: 1px solid #FFF4E3;
border-radius: 6px;
background-color: #FFF4E3 !important;
font-size: 14px;
line-height: normal;
padding: 20px 30px;
color: #11171B;
max-height: 145px;
resize: none;
font-weight: 500;
}
.girls-field-inr input::placeholder,
.girls-field-inr textarea::placeholder {
color: #0E0E0E;
}
.girls-talk-feature button.accordion-button {
padding: 22px 30px;
}
.feature-inr span {
color: #000000;
font-family: 'CircularStdBold';
font-size: 22px;
}
.feature-count {
margin: 0;
color: #FF0055;
font-size: 18px;
}
.girls-talk-feature .accordion-body {
padding: 22px 30px;
}
.girls-talk-chat {
border: 2px solid #ffffff;
background: #ffffff;
border-radius: 10px;
padding: 30px;
display: flex;
flex-flow: row wrap;
margin-bottom: 20px;
}
.girls-chat-rgt {
flex: 1;
padding-left: 15px;
}
.girls-chat-top {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
}
.girls-chat-top-left h3 {
font-size: 22px;
color: #000000;
margin: 0;
font-weight: 700;
}
.girls-chat-top-left p {
margin: 0;
color: #5E5E5E;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.girls-chat-top-rgt {
display: flex;
flex-flow: row wrap;
gap: 20px;
align-items: center;
}
.girls-chat-top-rgt span {
color: #000000;
font-size: 20px;
font-weight: 500;
}
.girls-chat-bottom {
padding-right: 60px;
padding-left: 66px;
width: 100%;
}
.girls-view-chat a {
font-size: 14px;
color: #FF0055;
font-weight: 500;
}
.girls-comment {
margin-bottom: 30px;
}
.girls-comment:last-of-type {
margin-bottom: 0;
}
.girls-comment-reply {
background: #FFF4E3;
display: flex;
flex-flow: row wrap;
padding: 20px;
border-radius: 10px;
}
.girls-comment-inr {
flex: 1;
padding-left: 15px;
}
.girls-list-img.girls-list-smlimg span {
width: 40px;
height: 40px;
font-size: 16px;
}
.girls-comment-inr h4 {
font-size: 20px;
color: #000000;
margin: 0;
}
.girls-comment-inr p.comment-time {
margin: 0 0 10px;
color: #5E5E5E;
font-size: 14px;
}
.girls-comment-inr p:last-child {
margin: 0;
}
.girls-view-all {
padding-left: 75px;
}
.girls-view-all-cmnt a {
font-size: 16px;
color: #232121;
font-weight: 500;
border-bottom: 1px solid #232121;
}
.girls-talk-pag .pagination {
margin-bottom: 40px;
}
/*===================================Girls-Talk-Page===================================*/
/*===================================Girls-Talk-Detail-Page===================================*/
.talk-detail {
background: #FFF4E3;
padding: 70px 0;
margin-bottom: 60px;
}
.detail-back-btn span {
color: #11171B;
font-size: 16px;
margin-left: 5px;
font-weight: 400;
}
.girls-detail-inr {
border: 2px solid #ffffff;
background: #ffffff;
border-radius: 10px;
padding: 40px 30px;
}
.girls-detail-user,
.girls-reply-inr {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
gap: 15px;
}
.girls-detail-text,
.girls-reply-des {
flex: 1;
}
.girls-user-date {
color: #5E5E5E;
font-size: 16px;
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 10px;
font-weight: 500;
}
.girls-user-date .user {
font-size: 20px;
}
.girls-detail-des h4 {
font-size: 28px;
color: #000000;
margin-bottom: 5px;
font-weight: 500;
}
.girls-detail-des p {
color: #5E5E5E;
}
.girls-detail-like {
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 20px;
}
.girls-detail-like a,
.girls-list-like a {
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 5px;
}
.girls-detail-like span,
.girls-list-like span {
color: #000000;
font-size: 20px;
font-weight: 500;
}
.girls-detail-replies {
padding-top: 40px;
padding-left: 65px;
}
.reply-btn {
color: #000000;
font-size: 14px;
margin-bottom: 25px;
display: inline-block;
font-weight: 500;
}
.girls-reply-des h5 {
color: #000000;
font-size: 20px;
margin: 0 0 2px;
}
.reply-date {
color: #5E5E5E;
font-size: 14px;
margin-bottom: 10px;
display: block;
}
.girls-reply-des p {
color: #5E5E5E;
}
.girls-reply-inr {
margin-bottom: 50px;
}
.reply-form {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
gap: 25px;
}
.reply-form .form-group {
flex: 1;
}
.reply-form textarea.form-control {
min-height: 52px;
height: 52px;
max-height: 52px;
line-height: normal;
resize: none;
border: 1px solid #FFF4E3;
border-radius: 1000px;
padding: 13px 45px;
background: #FFF4E3;
color: #0E0E0E;
font-size: 15px;
font-weight: 500;
}
.reply-form textarea::placeholder {
color: #0E0E0E;
}
.reply-submit button.btn {
padding: 15px 68px;
font-size: 15px;
}
/*===================================Girls-Talk-Detail-Page===================================*/
/*===================================Girls-Talk-Search-Popup===================================*/
.ui-widget.ui-widget-content {
border: 2px solid #d7d7d7;
z-index: 9;
max-height: 312px;
overflow-y: scroll;
}
.ui-widget.ui-widget-content::-webkit-scrollbar {
width: 7px;
height: 7px;
background: #e9e9e9;
}
.ui-widget.ui-widget-content::-webkit-scrollbar-corner {
display: none;
}
.ui-widget.ui-widget-content::-webkit-scrollbar-thumb {
background: #878787;
border-radius: 20px;
}
.ui-widget.ui-widget-content::-webkit-scrollbar-track {
border-radius: 20px;
}
.ui-widget-content .ui-menu-item a.ui-menu-item-wrapper {
display: block;
padding: 10px 20px;
border: none;
}
.ui-widget-content .ui-menu-item a.ui-menu-item-wrapper h6 {
color: #0E0E0E;
font-family: 'CircularStdBold';
font-size: 18px;
}
.ui-widget-content .ui-menu-item a.ui-menu-item-wrapper h5 {
font-size: 16px;
margin: 0;
font-family: 'CircularStdMedium';
color: #FF0055;
}
.ui-widget-content .ui-menu-item a.ui-menu-item-wrapper h5 b {
font-weight: normal;
}
.ui-widget-content .ui-menu-item a.ui-menu-item-wrapper.ui-state-active {
background: #ededed;
}
body .ui-menu .ui-state-focus,
body .ui-menu .ui-state-active {
margin: 0;
}
/*===================================Girls-Talk-Search-Popup===================================*/
.search_top {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
border: 1px solid #FF0055;
border-radius: 1000px;
background-color: #ffffff;
padding: 10px;
margin: 20px auto 40px;
max-width: 746px;
}
.search_top .search-button {
order: 2;
}
.search_top .algolia_search {
flex: 1;
}
.search_top .algolia_search input {
border: none;
background: transparent;
padding: 0;
border-radius: 0;
line-height: normal;
color: #7F7F7F;
font-family: 'CircularStdBook';
font-size: 14px;
margin: 0 !important;
width: 100%;
min-height: 35px;
padding-left: 30px;
}
.listing .listing-item .text .verify-icon {
max-width: 20px;
margin-left: 5px;
}
.detail-insta {
color: #0E0E0E;
line-height: normal;
}
.detail-insta img {
max-width: 18px;
margin-right: 5px;
}
.detail-insta:hover {
font-weight: 500;
}
.listing ol.ais-Hits-list {
margin: 0;
}
.listing ol.ais-Hits-list li.ais-Hits-item {
padding: 0 15px;
border: none;
box-shadow: none;
margin: 0;
width: 25%;
}
.listing #pagination .ais-Pagination-link {
color: #FF0055;
padding: 10px 17px;
font-weight: 600;
border-color: #FF0055;
}
.listing #pagination .ais-Pagination-item--disabled .ais-Pagination-link {
color: #a5abc4;
border-color: #c4c8d8;
}
.listing #pagination .ais-Pagination-item--selected .ais-Pagination-link {
background: #FF0055;
border-color: #FF0055;
color: #ffffff;
}
.listing #pagination .ais-Pagination-link:hover,
.listing #pagination .ais-Pagination-link:focus {
background: #FF0055;
color: #ffffff;
}
.add-listing-form span.select2.select2-container.select2-container--default {
width: 100% !important;
}
.reg-login-form form {
width: 100%;
max-width: 450px;
}
.reg-login-form .form-group {
position: relative;
}
.reg-login-form form label {
font-weight: 500;
font-size: 14px;
color: #11171B;
}
.reg-login-form form input {
border: 2px solid #FFF4E3;
border-radius: 1000px;
background-color: #FFF4E3;
font-weight: 500;
font-size: 14px;
line-height: normal;
padding: 15px 30px;
color: #11171B;
max-height: 50px;
height: auto;
min-height: 50px;
width: 100%;
}
.reg-login-form form i {
position: absolute;
right: 20px;
top: 45px;
cursor: pointer;
}
.reg-login-form button.custom-btn:hover {
background: #FF0055;
}
button.close {
opacity: 1;
text-shadow: none;
}
.swal2-html-container p {
font-weight: 600;
}
.dashvend-list {
margin-top: 30px !important;
}
.dashvend-verified {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin: 0 0 10px;
min-height: 50px;
}
.dashvend-verified span {
display: block;
color: #0F0F10;
font-size: 17px;
text-align: center;
line-height: normal;
white-space: nowrap;
max-width: 150px;
text-overflow: ellipsis;
overflow: hidden;
font-weight: 700;
}
.dashvend-verified:hover span {
white-space: normal;
}
.dashvend-verified .verify-icon {
max-width: 20px;
}
.dashvend-list br {
display: none;
}
.dashvend-status {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: 10px;
padding: 10px 0;
}
.dashvend-status span.badge {
color: #11171B;
border-radius: 8px;
font-size: 14px;
background: transparent;
border: 2px solid #11171B;
line-height: normal;
display: inline-block;
padding: 2px 15px;
font-weight: 700;
}
.dashvend-btn {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 15px;
}
.dashvend-btn a.btn {
border-radius: 1000px;
padding: 8px;
border: none;
width: 36px;
height: 36px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.guide h2 {
font-size: 46px;
text-align: center;
margin: 0 0 2rem;
}
.guide-content h3 {
font-size: 24px;
font-weight: 700;
}
.guide-content h4 {
font-size: 28px;
color: #0F0F10;
font-weight: 700;
}
.guide-content p {
color: #5E5E5E;
margin: 0 0 30px;
font-weight: 400;
}
.guide-content-inr {
padding: 0px 50px;
}
.guide-content .guide-title {
color: #0F0F10;
margin: 0 0 5px;
font-weight: 600;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
gap: 10px;
font-size: 18px;
}
.guide-title img {
max-width: 16px;
}
.guide-content-inr h5 {
text-align: center;
font-weight: 700;
font-size: 18px;
letter-spacing: 2px;
margin: 0 0 30px;
}
.guide-btn {
text-align: center;
}
.photo_item_wrap li .form-group img.img_src {
height: 100%;
object-fit: contain;
}
#messages {
max-height: 325px;
}
.guide-btn a.btn {
font-size: 14px;
border-radius: 1000px;
padding: 10px 25px;
background-color: #FF0055;
color: #ffffff;
line-height: normal;
border: none;
font-weight: 500;
}
.guide-btn a.btn:hover {
background: #FFF4E3;
border-color: #FFF4E3;
color: #FF0055;
}
.autocomplete-suggestions {
background: #fff;
padding: 2px 10px;
border: 2px solid #FF0055;
overflow: hidden;
scroll-behavior: auto;
}
.footer-bottom form.needsclick.klaviyo-form {
padding: 0 !important;
max-width: 100% !important;
}
.footer-bottom form.needsclick.klaviyo-form>.needsclick {
flex-flow: row wrap !important;
min-height: auto !important;
gap: 15px;
}
.footer-bottom form.needsclick.klaviyo-form>.needsclick>.needsclick:first-child {
flex: 1;
}
.footer-bottom form.needsclick.klaviyo-form>.needsclick>.needsclick:first-child>.needsclick {
background: transparent !important;
}
.footer-bottom form.needsclick.klaviyo-form>.needsclick>.needsclick:first-child>.needsclick input {
background: #FFF4E3 !important;
border-radius: 1000px !important;
height: auto !important;
border: 2px solid #FFF4E3 !important;
padding: 13px 20px !important;
font-size: 14px !important;
line-height: normal;
font-family: "Poppins", sans-serif !important;
font-weight: 400 !important;
}
.footer-bottom form.needsclick.klaviyo-form>.needsclick>.needsclick:first-child>.needsclick input::placeholder {
font-family: "Poppins", sans-serif !important;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
}
.footer-bottom form.needsclick.klaviyo-form>.needsclick>.needsclick:last-child>.needsclick {
padding: 0 !important;
}
.footer-bottom form.needsclick.klaviyo-form>.needsclick>.needsclick:last-child>.needsclick button.needsclick {
border-radius: 1000px !important;
height: auto !important;
font-size: 14px !important;
font-weight: 500 !important;
font-family: "Poppins", sans-serif !important;
padding: 14px 27px !important;
letter-spacing: 0 !important;
line-height: normal !important;
}
.about_btn {
display: flex;
flex-flow: row wrap;
gap: 15px;
align-items: center;
justify-content: center;
margin: 0 auto;
}
/*==================16-09-2024==================*/
.finderform-search {
position: relative;
}
.finderform .finder-filter a.filter-icon {
background: #f3f3f3;
padding: 15px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
}
.finderform-search>.row>.form-group:nth-of-type(1) {
width: 50%;
min-width: 50%;
max-width: 50%;
/*padding: 0;*/
outline: none;
box-shadow: none;
}
body input:focus {
outline-width: 0;
}
.finderform-search>.row>.form-group:nth-of-type(1) .form-group-inr.input-group.input-box {
padding-left: 0;
outline: none;
box-shadow: none;
padding-right: 20px;
}
.finderform-search>.row>.form-group:nth-of-type(1) input::placeholder {
font-size: 16px;
font-weight: 500;
font-family: 'Poppins';
color: #000000;
}
.finderform-search>.row>.form-group:nth-of-type(1) input {
font-size: 16px;
font-weight: 500;
font-family: 'Poppins';
color: #000000;
padding-left: 20px;
padding-right: 20px;
outline: none;
box-shadow: none;
}
.finderform-search>.row>.form-group:nth-of-type(2) {
width: 40%;
min-width: 40%;
max-width: 40%;
position: relative;
outline: none;
box-shadow: none;
}
.finderform-search>.row>.form-group:nth-of-type(2) input::placeholder {
font-size: 16px;
font-weight: 500;
font-family: 'Poppins';
color: #000000;
}
.finderform-search>.row>.form-group:nth-of-type(2) .form-group-inr.input-group.input-box {
outline: none;
box-shadow: none;
}
.finderform-search>.row>.form-group:nth-of-type(2) input {
font-size: 16px;
font-weight: 500;
font-family: 'Poppins';
color: #000000;
outline: none;
box-shadow: none;
}
.finderform-search .form-group.col-lg-5.col-sm-12:nth-of-type(2)::before {
height: 45px;
width: 2px;
background: #ff0050;
content: "";
position: absolute;
left: -14px;
top: -10px;
}
.finderform-search .form-group:nth-of-type(3) {
width: 10%;
min-width: 10%;
max-width: 10%;
text-align: left;
float: left;
}
.finderform-search .form-group:nth-of-type(3) .form-group-inr.text-end {
padding: 0;
}
ul#ui-id-1 {
box-shadow: 0px 1px 2px 0px #6B6B6B1A !important;
box-shadow: 0px 3px 3px 0px #6B6B6B17 !important;
box-shadow: 0px 6px 4px 0px #6B6B6B0D !important;
box-shadow: 0px 11px 5px 0px #6B6B6B03 !important;
box-shadow: 0px 18px 5px 0px #6B6B6B00 !important;
border: 1px solid #b7b7b7;
border-radius: 8px;
padding: 25px;
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
ul#ui-id-1 li>div {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
}
ul#ui-id-1 li.ui-menu-item>div:focus,
ul#ui-id-1 li.ui-menu-item>div:hover {
border: 0;
}
ul#ui-id-1 li.ui-menu-item:hover>div,
ul#ui-id-1 li.ui-menu-item:focus>div {
font-weight: 600;
}
ul#ui-id-2 {
box-shadow: 0px 1px 2px 0px #6B6B6B1A !important;
box-shadow: 0px 3px 3px 0px #6B6B6B17 !important;
box-shadow: 0px 6px 4px 0px #6B6B6B0D !important;
box-shadow: 0px 11px 5px 0px #6B6B6B03 !important;
box-shadow: 0px 18px 5px 0px #6B6B6B00 !important;
border: 1px solid #b7b7b7;
border-radius: 8px;
padding: 25px;
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
ul#ui-id-2 li.ui-menu-item>div:focus,
ul#ui-id-1 li.ui-menu-item>div:hover {
border: 0;
}
ul#ui-id-2 li.ui-menu-item:hover>div,
ul#ui-id-1 li.ui-menu-item:focus>div {
font-weight: 600;
}
ul#ui-id-2 li>div {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
}
.finderform .finderform-search>.row .form-group.col-lg-10.col-sm-10 {
float: left;
width: 85%;
min-width: 85%;
max-width: 85%;
}
.finderform .finderform-search>.row .form-group.col-lg-10.col-sm-10 input[type="text"] {
padding-left: 25px;
padding-right: 25px;
font-family: 'Poppins';
}
.finderform .finderform-search>.row .form-group.custom_buttun_wrap.col-lg-2.col-sm-2 {
float: left;
width: 15%;
min-width: 15%;
max-width: 15%;
}
.finderform .finderform-search>.row .form-group.custom_buttun_wrap.col-lg-2.col-sm-2 .form-group-inr.text-end {
padding: 0 0px 0 0;
}
/*================== /16-09-2024-17-09-2024==================*/
/*===============================Media-Quary===============================*/
@media (min-width:0px) and (max-width: 1024px) {
.list-detail-tab {
padding: 0;
}
.block-txt {
padding: 40px 30px;
}
.about-service-inr img {
height: 100%;
object-fit: cover;
}
.nav-fixed {
position: static;
}
.menus-inr h4 {
font-weight: 700;
}
.navmenu li:hover>a,
.navmenu .active,
.navmenu .active1,
.navmenu .active:focus {
color: #FF0055;
}
.list-detail-tab a.heart-icon {
right: 0;
}
}
@media (min-width:0px) and (max-width: 991px) {
.testi-col {
padding: 0;
}
.page-content .row>.col-md-3,
.page-content .row>.col-md-9 {
width: 100%;
}
/* Hide all story images */
.story-sec .story-img {
display: none;
}
/* Hide all story images except .story-img6 */
.story-sec .story-img {
display: none;
}
/* Adjust layout to remove gaps */
.story-sec .row.mb-5 {
margin-bottom: 0;
/* Remove bottom margin */
}
.story-sec .col-lg-4,
.story-sec .col-lg-8 {
display: none;
/* Hide columns that contain hidden images */
}
/* Show only .story-img6 */
.story-sec .col-lg-8 .story-img6 {
display: block;
}
/* Directly target the parent column of .story-img6 to display */
.story-sec .col-lg-8 {
display: block;
width: 100%;
/* Make it full width */
}
.vendorlist-search .col-md-4 {
width: 100%;
}
.vendorlist-search input,
.vendorlist-search select {
margin-bottom: 10px;
}
.best-vender {
margin-bottom: 30px;
}
.footer-newsletter {
margin-bottom: 20px;
}
.finderform-other .form-group-inr {
margin-bottom: 10px;
}
.guide-content-inr {
padding: 0;
}
.detail-img-main .col-lg-6.col-md-12.col-sm-12 .row:first-child {
min-height: auto;
}
.footer-bottom form.needsclick.klaviyo-form {
margin-bottom: 15px !important;
}
}
@media (min-width:0px) and (max-width: 767px) {
.hero h1 {
font-size: 36px;
}
h2 {
font-size: 26px;
}
.container,
.container-sm {
max-width: 100%;
}
.slider-btns {
display: none;
}
.swiper {
padding-bottom: 50px;
}
.swiper-pagination {
display: block;
}
.tab-content-main h3 {
font-size: 28px;
}
.tab-content-main h4 {
font-size: 24px;
gap: 10px;
}
.tab-content-main h6 {
font-size: 18px;
}
.invoice-data ul.invoice-address {
padding: 30px 0 0;
}
.block-txt h3 {
font-size: 22px;
}
.contact-sec {
padding: 70px 0;
}
.about-des {
padding: 60px 15px;
}
.girls-talk-inr {
padding: 30px 20px;
}
.girls-list-text h5 {
font-size: 20px;
}
.talk-detail .girls-reply-box {
position: fixed;
bottom: 0;
width: 100%;
background: #ffffff;
left: 0;
right: 0;
padding: 15px;
z-index: 99;
}
.girls-talk {
padding-top: 50px;
padding-bottom: 40px;
}
.girls-view-chat.mb-3 {
margin: 0 !important;
}
.girls-comment {
margin-bottom: 10px;
}
.reply-submit button.btn {
font-size: 0;
padding: 14px;
}
.girls-reply-box span.hint {
display: none;
}
.reply-submit button.btn::after {
content: "";
background-image: url(/public/images/send-icon.svg);
width: 20px;
height: 20px;
display: block;
background-size: cover;
background-position: center;
}
.girls-detail-inr {
padding: 20px 10px;
}
.add-listing-form .business_gall .col-md-3 {
width: 50%;
}
.add-listing-form .photo_item .delete_photo {
margin-bottom: 15px;
}
.delete_social .row.social_for_count {
margin-bottom: 15px;
}
.list-detail-tab h3 {
font-size: 30px;
width: 100%;
padding-right: 40px;
}
}
@media (min-width:0px) and (max-width: 567px) {
/********* 16-09-2024*********/
.finderform-search>.row>.form-group:nth-of-type(1) {
width: 100%;
min-width: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.finderform-search>.row>.form-group:nth-of-type(1) input#search_text {
padding-left: 18px;
padding-right: 18px;
}
.finderform-search>.row>.form-group:nth-of-type(2) {
width: 100%;
min-width: 100%;
max-width: 100%;
position: relative;
}
.finderform-search .form-group.col-lg-5.col-sm-12:nth-of-type(2)::before {
display: none;
}
.finderform .finderform-search>.row .form-group.col-lg-10.col-sm-10 {
float: left;
width: 100%;
min-width: 100%;
max-width: 100%;
}
.finderform-search>.row>.form-group:nth-of-type(1) input {
padding-left: 20px;
padding-right: 20px;
}
/********* /16-09-2024*********/
.home-loc li {
width: 50%;
}
.banner-btns a.btn {
padding: 18px 32px;
}
.custom-btn {
padding: 16px 22px;
}
.finderform-search {
border-radius: 0;
padding: 0;
border: none;
}
.finderform-search .form-group-inr {
padding: 0 !important;
margin-bottom: 15px;
}
.finderform-other .form-group-inr select {
padding: 10px 55px 10px 20px;
}
.list-detail-tab ul.nav {
gap: 10px;
}
.mySlides {
height: 365px;
}
.nav-text {
font-size: 18px;
margin: 0 5px;
}
.pages {
gap: 10px;
}
.page-number {
height: 30px;
width: 30px;
font-size: 16px;
}
#prevPage {
margin-right: 10px;
}
#nextPage {
margin-left: 10px;
}
.girls-detail-replies {
padding-left: 0px;
}
.reply-form textarea.form-control {
padding: 16px 30px;
}
#header-search {
padding: 0 !important;
}
.form-group-inr.text-end {
display: none;
}
.reply-submit.vendor-search {
display: block;
}
.reply-submt.vendor-search {
display: block;
}
.listing-main .cir-bold {
font-size: 14px;
}
.girls-talk .girls-list-img {
margin-bottom: 15px;
}
.girls-talk .girls-chat-bottom {
padding-right: 0;
padding-left: 0;
}
.girls-user-date .user {
font-size: 16px;
}
.girls-user-date {
font-size: 14px;
}
.girls-detail-des h4 {
font-size: 22px;
}
.girls-talk-inrdash .girls-chat-top {
display: block;
}
.review-tab .reviews .col-lg-2 {
width: 18%;
}
.review-tab .reviews .col-lg-10 {
width: 82%;
}
.girls-talk-inrdash .girls-talk-chat h3 {
font-size: 16px;
}
.girls-talk-inrdash .girls-talk-chat p {
font-size: 12px;
}
.girls-chat-top-rgt .msg-reply {
font-size: 10px;
padding: 4px 14px;
max-height: 24px;
min-height: 24px;
}
.home-loc.listing-loc li {
width: 50%;
}
.search_top .algolia_search input {
padding-left: 10px;
}
.search_top .algolia_search input::placeholder {
font-size: 12px;
}
.listing ol.ais-Hits-list li.ais-Hits-item {
width: 100%;
}
.footer-inr {
padding-bottom: 35px;
}
.footer-menu .menus li {
width: 50%;
}
.footer-social ul {
justify-content: flex-start;
}
.order-sm-last {
order: 6;
}
.footer-bottom p {
font-size: 12px;
text-align: center;
}
.table-form form.vendorlist-search .col-md-3 {
width: 79%;
}
.table-form form.vendorlist-search .col-md-2 {
width: 21%;
}
.photo_for_count .col-md-5,
.social_for_count .col-md-6 {
width: 75%;
}
.photo_for_count .col-md-1,
.social_for_count .col-md-1 {
width: 25%;
}
.finderform form {
flex-direction: column-reverse;
border: 2px solid #FF0055;
border-radius: 20px;
padding: 15px;
align-items: center;
}
.finderform .finder-filter a.filter-icon {
border-radius: 20px;
background-position: left 32px top 50%;
padding: 15px 30px;
}
.finderform .finder-filter a.filter-icon::after {
content: "Filters";
font-size: 16px;
font-weight: 700;
color: #000000;
}
.form-group-inr input {
font-size: 13px;
background: #FFF4E3;
padding: 18px 20px;
line-height: normal;
border-radius: 1000px;
}
.detail-img-main .col-lg-6 .col-lg-3 {
width: 50%;
}
#preloader div:nth-child(1) {
left: calc(42% + 8px);
}
#preloader div:nth-child(2) {
left: calc(42% + 8px);
}
#preloader div:nth-child(3) {
left: calc(42% + 32px);
}
#preloader div:nth-child(4) {
left: calc(42% + 56px);
}
.list-detail-tab nav a.nav-link {
font-size: 12px;
padding: 20px 10px 20px 0;
}
/*.about-img {
height: 210px;
}*/
.vendor-user a.btn {
padding: 10px 16px;
font-size: 12px;
}
}
@media (min-width:568px) and (max-width: 767px) {
.home-loc.listing-loc li {
width: 25%;
}
.home-loc.listing-loc li a {
font-size: 12px;
}
.navmenu ul {
inset: 30px 20px 20px 20px;
}
.mobile-nav-active .mobile-nav-toggle {
top: 0px;
right: 0px;
}
.listing ol.ais-Hits-list li.ais-Hits-item {
width: 50%;
}
.add-listing-form .business_gall .col-md-3 img.listing-photo-item {
height: 270px;
}
.menus li a {
font-size: 12px;
}
.table-form form.vendorlist-search .col-md-3 {
width: 88%;
}
.table-form form.vendorlist-search .col-md-2 {
width: 12%;
}
.photo_for_count .col-md-5,
.social_for_count .col-md-6 {
width: 87%;
}
.photo_for_count .col-md-1,
.social_for_count .col-md-1 {
width: 13%;
}
#preloader div:nth-child(1) {
left: calc(46% + 8px);
}
#preloader div:nth-child(2) {
left: calc(46% + 8px);
}
#preloader div:nth-child(3) {
left: calc(46% + 32px);
}
#preloader div:nth-child(4) {
left: calc(46% + 56px);
}
}
@media (min-width:0px) and (max-width: 991px) {
.girls-comment-reply .girls-comment-inr p {
font-size: 14px;
}
}
@media (min-width: 568px) and (max-width: 991px) {
.home-loc li {
width: 25%;
}
.finderform-search .form-group:nth-of-type(3) button img {
max-width: 30px;
}
.finderform-search .form-group.col-lg-5.col-sm-12:nth-of-type(2)::before {
height: 35px;
top: -7px;
}
/*.about-img {
height: 350px;
}*/
}
@media (min-width:768px) and (max-width: 1024px) {
.hero h1 {
font-size: 48px;
}
h2 {
font-size: 32px;
}
}
@media (min-width:768px) and (max-width: 991px) {
.block-txt h3 {
font-size: 28px;
}
.home-loc.listing-loc li a {
font-size: 14px;
}
.listing ol.ais-Hits-list li.ais-Hits-item {
width: 50%;
}
.vendorlist-search .col-md-4,
.vendorlist-search .col-md-3 {
width: 44% !important;
}
.vendorlist-search .col-md-2 {
width: 12%;
}
.add-listing-form .business_gall .col-md-3 {
width: 25%;
}
.menus li a {
font-size: 14px;
}
}
@media (min-width:992px) and (max-width: 1024px) {
.testi-col {
padding: 0 50px;
}
.vendorall-listings img.dashvend-img {
height: 150px !important;
}
.listing ol.ais-Hits-list li.ais-Hits-item {
width: 33.3333%;
max-width: 33.3333%;
}
.dashboard-box {
padding: 30px 15px;
}
.dashvend-status span.badge {
font-size: 12px;
padding: 4px 6px;
}
.dashvend-verified span {
max-width: 115px;
}
.tab-content-main h3 {
font-size: 28px;
}
}
@media (min-width:992px) and (max-width: 1100px) {
.finderform-search .form-group:nth-of-type(3) button img {
max-width: 30px;
}
}
/*===============================Media-Quary===============================*/