@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --black-color: #000000;
    --back-color: #FCEFE7;
    --main-color: #FF8410;
    --second-main-color: #2876BC;
}

html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;

}

* {
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lexend", sans-serif;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 0 !important;
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

a {
    text-decoration: none !important;
}

.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

input {
    outline: none !important;
    box-shadow: none !important;
}

figure {
    margin: 0 !important;
}

.main-hell-head {
    align-items: center;
    gap: 10px;
}

.navbar-nav li a {
    padding: 0 !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: #E8E8E8;
}

header {
    box-shadow: 0px 1px 10px 0px #0000001A;
    background-color: var(--second-main-color);

}

.navbar>.container {
    position: relative;
    padding: 12px 0 12px 0;
}

.navbar-nav {
    gap: 18px;
    margin-right: 50px;
}

nav.navbar {
    padding: 0;
    background-color: var(--second-main-color);
}

.navbar-nav li a.active {
    color: white !important;
    /* text-decoration: underline !important; */
}

.navbar-expand-lg .navbar-collapse {
    margin-left: 10px;
}

.navbar-brand {
    /* background-color: white; */
    /* padding: 21px 0; */
    /* margin-right: 30px !important; */
    /* position: absolute;
    left: 0;
    top: 0; */
}

.navbar-brand img {
    width: 100%;
    max-width: 150px;
    /* height: 50px; */
    object-fit: contain;
}

.btn-comn-head {
    display: inline-block;
    width: 97px;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    letter-spacing: 0.01em;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 50px;
    text-transform: capitalize;
}

.btn-comn-head.white-btn {
    background-color: white;
    color: var(--second-main-color);
}

.btn-comn-head.outline {
    background-color: transparent;
    color: white;
    border-color: white;
}

/* bottom-nav-------------------------- */
.botm-nav {
    padding: 1px 0 21px 0;
    /* margin-left: 165px; */

}

input.form-control.search-country {
    border: 0.5px solid #FF8410;
    color: #776E71;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    padding: 13px 17px 13px 46px;
    border-radius: 60px;
    background-color: #FFFFFF;
    max-width: 232px;
}

.inner-inputs {
    position: relative;
}

.inner-inputs i {
    position: absolute;
    top: 50%;
    color: var(--second-main-color);
    font-size: 20px;
    left: 20px;
    transform: translateY(-50%);
}

.iner-serchs {
    gap: 24px;
    align-items: center;
}

.inner-inputs.search-main-stock input.form-control.search-country {
    width: 464px;
    max-width: 100%;
}

.btn-posis {
    position: absolute;
    top: 50%;
    color: var(--second-main-color);
    font-size: 20px;
    right: 0px;
    height: 100%;
    border-radius: 0 60px 60px 0;
    background-color: var(--main-color);
    padding: 10px 21px;
    border: 0;
    display: flex;
    align-items: center;
    transform: translateY(-50%);
}

.search-main-stock.inner-inputs i {
    position: unset;
    transform: unset;
    color: white;
}

.message p {
    color: var(--main-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    letter-spacing: 0.01em;
    text-align: center;
    margin: 0;
}

.message .d-flex {
    align-items: center;
}

.icons-main {
    align-items: center;
    gap: 7px;
}

.inner-bell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    border-radius: 100px;
    border: 1px solid #F0F0F0;
    background-color: #FAFAFA;
}

.inner-bell i {
    color: var(--main-color);
    font-size: 23px;
}

.comn-btn {
    color: white;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.36px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    text-align: center;
    padding: 18px 30px;
    border-radius: 50px;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    min-width: 199px;
    cursor: pointer;
}

.comn-btn-user {
    color: white;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.36px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    text-align: center;
    padding: 18px 30px;
    border-radius: 50px;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    min-width: 199px;
    cursor: default;
}

.botm-nav {
    /* gap: 25px; */
    justify-content: center;
}

.inner-banner {
    background-image: url(../assets/banner\ \(2\).png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 195px;
    padding-bottom: 250px;
    /* background-attachment: fixed; */
}

.inner-banner-wrapper {
    max-width: 680px;
    margin-left: auto;
}

.inner-banner-wrapper h6 {
    color: var(--main-color);
    font-size: 22px;
    font-style: italic;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    margin-bottom: 15px;
}

.inner-banner-wrapper h1 {
    color: white;
    font-size: 66px;
    font-weight: 700;
    line-height: 82.5px;
    text-align: center;
    margin-bottom: 21px;

}
.inner-banner-wrapper h3 {
    color: white;
    font-size: 66px;
    font-weight: 700;
    line-height: 82.5px;
    text-align: center;
    margin-bottom: 21px;

}
.inner-banner-wrapper p {
    margin-bottom: 60px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    text-align: center;

}

.comn-btn.blue-btn {
    background-color: var(--second-main-color);
    border-color: var(--second-main-color);
}

.buttons-banner {
    justify-content: center;
    gap: 20px;
}

.inner-banner-all .slick-dots {
    border-radius: 50px;
    bottom: -236px !important;
    transform: translateY(-50%);
    right: 47%;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    display: flex !important;
    align-items: center;
    width: fit-content !important;
    justify-content: center;
    gap: 9px;
}

.inner-banner-all .slick-dots li {
    position: relative;
    display: inline-block;
    width: fit-content !important;
    height: auto !important;
    margin: 0 0px !important;
    padding: 0;
    cursor: pointer;
}

.inner-banner-all .slick-dots li button {
    font-size: 0 !important;
    width: 12px;
    height: 8px;
    background-color: white;
    border-radius: 50px;
    font-size: 0 !important;
    width: 12px !important;
    height: 12px !important;
    background-color: white;
    border-radius: 50px;
    transition: all 0.4s ease-out;
}

.inner-banner-all .slick-dots li.slick-active button {
    width: 12px !important;
    height: 12px !important;
    background-color: var(--main-color);
    border-radius: 50px !important;
    transition: all 0.4s ease-out;
}

.comn-head-all-sec {
    max-width: 1117px;
    margin: auto;
}

.comn-head-all-sec h6 {
    color: var(--main-color);
    font-size: 30px;
    margin-bottom: 30px;
    font-style: italic;
    font-weight: 600;
    line-height: 30px;
    text-align: center;

}

.comn-head-all-sec h3 {
    color: #000000;
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    text-align: center;
    margin-bottom: 30px;
}
.comn-head-all-sec h1 {
    color: #000000;
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    text-align: center;
    margin-bottom: 30px;
}
.comn-head-all-sec p {
    color: #000000B2;
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    text-align: center;

}

.comn-padd {
    padding-top: 110px;
    padding-bottom: 110px;
    position: relative;
}

.upper-main-logo figure {
    width: 90px;
    height: 90px;
    margin: auto !important;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF841014;
}

.upper-main-logo {
    text-align: center;
}

.inner-card-benifts {
    box-shadow: 0px 4px 25px 0px #0000000D;
    border-radius: 10px;
    height: 100%;
    padding: 24px;
}

.upper-main-logo h4 {
    color: #000000;
    font-size: 27px;
    font-weight: 600;
    line-height: 33.75px;
    text-align: center;
    margin-bottom: 14px;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.upper-main-logo p {
    color: #000000B2;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.cards-main-benifits {
    margin-top: 50px;
    margin-bottom: 50px;
}

.vector-last {
    position: absolute;
    bottom: -56px;
    width: 100%;
    z-index: 99;
    user-select: none;
}

.vector-last img {
    width: 100%;
}

.dscover {
    background-color: #E8EFBD;
}

.inner-discover-card figure {
    padding-bottom: 74%;
    position: relative;
}

.inner-discover-card figure img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.inner-discover-card {
    background-color: white;
    box-shadow: 0px 4px 25px 0px #0000000D;
    border-radius: 10px;
    overflow: hidden;
}

.body-discover h6 {
    color: var(--black-color);
    font-size: 26px;
    font-weight: 600;
    line-height: 32.5px;
    text-align: center;
    margin-bottom: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.body-discover p {
    color: #000000B2;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.body-discover {
    padding: 25px 10px;
}

.gree-vector-last {
    position: absolute;
    bottom: -2px;
    width: 100%;
    z-index: 99;
    user-select: none;
}

.foot-img {
    position: absolute;
    top: 0;
    width: 100%;

}

.footer-wrapper {
    position: relative;
}

.footer-disc a {
    color: white;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    text-align: left;
    text-decoration: none;
    padding-bottom: 21px;
    display: block;
}

.footer-disc p {
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;

}

.footer-wrapper {
    padding-top: 150px;
    background-color: black;
}

.insta {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #301d0a;
    border-radius: 50px;
    color: #FF8410;
}

.insta a {
    color: #FF8410;
}

.media-icons {
    gap: 16px;
}

.quick-links {
    padding-left: 30px;
}

.quick-link-two {
    gap: 50px;
}

.quick-link-heading {
    color: white;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;

}

.foot-img img {
    width: 100%;
}

.quick-link-two ul li a {
    color: #EEEFF4;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    display: inline-block;
    text-transform: capitalize;

}

.footer-signup .location-main p {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    color: #EEEFF4;
    margin-bottom: 20px;
}

.locatin-foot a {
    color: #EEEFF4;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    margin-bottom: 20px;
}

.locatin-foot {
    align-items: start;
    gap: 10px;
}

.locatin-foot i {
    color: var(--second-main-color);
}

.footer-bottom {
    padding: 18px 0 25px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.185);
}

.innersec-footer {
    justify-content: space-between;
    align-items: center;
}

.innersec-footer p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #D9DBE1;
    margin: 0;
}

.padd-b-main {
    padding-bottom: 65px;
}

.browse .comn-head-all-sec {
    max-width: 900px;
}

.upper-brwse-main {
    justify-content: space-between;
    align-items: center;
}

.m-unset {
    margin: unset !important;
}

.main-fig-card-crou {

    position: relative;
    padding-bottom: 66%;


}

.main-fig-card-crou img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}

.main-one-card {
    width: 100%;
    max-width: 370px;

    border: 1px solid #CCCBCB;
    border-radius: 9px;
    overflow: hidden;

}

.slick-current.slick-active .main-one-card {
    box-shadow: 0px 4px 25px 0px #00000021;
}

.inner-card-body-browse {
    padding: 20px;
}

.time {
    align-items: center;
    gap: 5px;
    position: relative;
}

.time p {
    color: #797878;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;

}

.locatio-time {
    gap: 24px;
}

.time:not(:last-child):before {
    content: "";
    border: 1px solid #DFDFDF;
    position: absolute;
    width: 0;
    height: 80%;
    right: -12px;

}

.inner-card-body-browse h5 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    margin-bottom: 16px;
    margin-top: 15px;
}

.details-main-end {
    align-items: center;
    justify-content: space-between;
    border-top: 1px dashed #CCCBCB;
    padding-top: 15px;
}

.details-main-end h6 {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;

}

.details-main-end a {
    color: var(--main-color);
    font-size: 15px;
    font-weight: 700;
    line-height: 18.15px;
    text-align: left;
    text-transform: uppercase;
}

.upper-card-wrapper-discover {
    padding-left: 10px;
    padding-right: 10px;
}

.crousel-cards-main-browse-two .slick-list {
    padding: 20px 0;
}


/* .slick-dots {
    position: absolute;
    bottom: -65px;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
} */




.main-cont-fluid .slick-dots {
    border-radius: 50px;
    bottom: -65px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: auto;
    /*  */
    left: 39%;
    transform: translate(-50%);
}

.main-cont-fluid .slick-dots li {
    position: relative;
    display: inline-block;
    width: fit-content !important;
    height: auto !important;
    margin: 0 0px !important;
    padding: 0;
    cursor: pointer;
}

.main-cont-fluid .slick-dots li button {
    font-size: 0 !important;
    width: 12px;
    height: 8px;
    background-color: white;
    border-radius: 50px;
    font-size: 0 !important;
    width: 12px !important;
    height: 12px !important;
    background-color: #B6B6B6;
    border-radius: 50px;
    transition: all 0.4s ease-out;
}

.main-cont-fluid .slick-dots li.slick-active button {
    width: 12px !important;
    height: 12px !important;
    background-color: var(--main-color);
    border-radius: 50px !important;
    transition: all 0.4s ease-out;

}

.slick-dots li button:before {
    color: transparent;
}

.slick-dots li.slick-active button:before {
    color: transparent;
}

.slick-prev {
    right: 70px;
    left: unset;
    top: unset;
    bottom: 0;
}

.slick-next {
    right: 0px;
    top: unset;
    bottom: 0;
}

.slick-prev,
.slick-next {
    margin-right: calc((100% - 1320px) / 1);
    bottom: -29% ! IMPORTANT;
}

.browse.comn-padd {
    overflow: hidden;
}

.psdd-b-main {
    padding-bottom: 150px;
}

.upper-sec {
    position: relative;
}

.how-work .inner-card-benifts {
    background-color: white;
    padding: 47px 20px 37px 20px;
    position: relative;
}

.how-work .upper-main-logo figure {
    position: absolute;
    top: -43px;
    transform: translateX(-50%);
    LEFT: 50%;
}

.how-work .upper-main-logo figure {
    background-color: #F9F6C2;
}

.dscover.how-work {
    padding-bottom: 170px;
}

.crousel-cards-main-browse-two .main-one-card {
    max-width: 100%;
}

.card-testimonial-sec {
    border: 1px solid #EFF0F6;
    box-shadow: 0px 5px 25px 0px #080F3412;
    padding: 50px;
    border-radius: 10px;
}

.testi-text {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
    text-align: left;
    margin-bottom: 28px;
}

.card-testimonial-sec  .testimonial-text {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-testimonial-sec .testi-text span{
    display: inline-block
}
.card-testimonial-sec .testi-text .read-more{
    color:var(--main-color);
    display: inline-block!important;
}

.card-testimonial-sec h4 {
    color: #101010;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    margin-bottom: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.name-pro h6 {
    color: #101010;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    margin-bottom: 7px;

}

.name-pro p {
    color: #666666;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;

}

.usertesti figure {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    overflow: hidden;

}

.breeds_check {
    height: 140px;
    transition: height 0.5s ease-in-out;
    overflow: hidden;
}

.usertesti figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.usertesti {
    align-items: center;
    gap: 20px;
}

.main-cont-fluid .crousel-cards-main-browse-two .slick-dots {

    width: 100%;
}

.main-cont-fluid .crousel-cards-main-browse-two .slick-prev {
    display: none !important;
}

.main-cont-fluid .crousel-cards-main-browse-two .slick-next {
    top: 50%;
}

.slick-next:before {
    content: "\f054" !important;
    font-weight: 900 !important;
    font-family: "Font Awesome 6 free" !important;
}

.slick-prev,
.slick-next {
    width: 56px;
    height: 56px;
    border-radius: 100px;
    box-shadow: 0px 4px 4px 0px #0C046633;


}

.slick-next {
    background-color: var(--main-color);
}

.slick-prev {
    border: 2px solid var(--main-color);
}

.slick-prev:before {
    content: "\f053" !important;
    font-weight: 900 !important;
    font-family: "Font Awesome 6 free" !important;
    color: var(--main-color);
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background-color: var(--main-color);
}

.slick-prev:hover,
.slick-prev:focus {
    color: white !important;
    background-color: transparent;
}

.slick-prev:hover:before,
.slick-prev:hover:focus {
    color: var(--main-color);
}

.inner-main-npt-search {
    max-width: 744px;
    margin: auto;
    width: 100%;
}

.inner-main-npt-search input {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    padding: 28px 180px 28px 39px;
    border-radius: 50px;
}

.btn-search {
    position: absolute;
    right: 16px;
    transform: translateY(-50%);
    TOP: 49%;
}

.inner-main-npt-search {
    position: relative;
}

.btn-search {
    max-width: 199px;
    width: 100%;
}


/* login ------------- */



/* logn------------------ */

.login-mg-main {
    min-height: 100vh;
    margin: 0;
    height: 100%;
}

.login-mg-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo-login {
    margin-bottom: 30px;
    font-size: 53.07px;
    font-weight: 400;
    line-height: 68.52px;
    text-align: left;

}
/* 
.inner-login-wrapper h2 {
    color: #111;
    font-size: 36px;
    font-weight: 500;
    line-height: 43.48px;
    text-align: left;
    margin-bottom: 31px;
} */

.inner-login-wrapper h1 {
    color: #111;
    font-size: 36px;
    font-weight: 500;
    line-height: 43.48px;
    text-align: left;
    margin-bottom: 31px;
}




.main-inp-div {
    margin-bottom: 25px;
}

.main-inp-div label {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.86px;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 13px;
    color: var(--small-heading);
}

.main-inp-div input {
    border: 1.5px solid #DCDCDC;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.86px;
    text-align: left;
    color: var(--small-heading);
    padding: 18px;
    border-radius: 10px;
}

.main-inp-div .form-control::placeholder {
    color: #1111115e !important;

}

.inner-login-page {
    padding-left: 150px;
    max-width: 640px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.forgot-pass {
    font-size: 16px;
    font-weight: 500;
    line-height: 21.86px;
    text-align: left;
    color: #4B5048;
    line-height: normal;
    text-transform: capitalize;
    display: inline-block;
    width: 100%;
    text-align: end;
    text-decoration: none;

}

.remember-main-marg {
    margin-top: 5px !important;
    margin-bottom: 31px;
}

.remember-main-marg label {
    color: #111;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    line-height: 21.86px;
    text-align: left;

}

.login-button-page {
    width: 100%;
    border-radius: 50px;
    background: var(--main-color);
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 24.59px;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    border: 1px solid var(--btn-bg-color);
}

.back-home a {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.back-home {
    display: flex;
    align-items: center;
    gap: 9px;
    position: relative;
    top: 0px;
    padding-left: 109px;
    margin-bottom: 10px;
    margin-top: 46px;
}

.not-yet {
    color: #828282;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: center;


}

.not-yet a {
    color: #373737;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: left;

}

.not-yet {
    margin-top: 24px;
}

.login-amin {
    overflow: hidden;
}

.lost-pass h2 {
    margin-bottom: 16px;
}

.lost-pass p {
    color: #111111;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    margin-bottom: 32px;
}










/* my profile --------------------- */



.profile-img-john {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border: 2px solid var(--main-color);
    border-radius: 100px;
    font-family: 'NexaBold';
    color: var(--main-color);
    font-size: 35px;
    margin: 0;
    font-weight: 600;

}


.my-profile-name {
    align-items: center;
    padding: 15px 10px 15px 20px;
    gap: 10px;
    cursor: pointer;
    text-decoration: none;
}

.pofile-names ul li.active {
    background-color: var(--main-color) !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.my-profile-name figure {
    width: 25px;
    height: 25px;
    margin: 0;
}

.pofile-names ul li.active p {
    color: white;
}

.my-profile-name p {
    font-size: 16px;
    line-height: 21.86px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 21.86px;
    margin: 0;
    color: #111111;
    text-decoration: none;
}

.inner-left-tabs {
    border-radius: 8px;
    background: #F4F4F4;
    overflow: hidden;
}

.inner-my-profie {
    border-radius: 5px;
    background: #f7f7f7;
    padding: 37px 81px;
    min-height: 417px;
}

.upper-main-back-coor {
    background-color: #F4F4F4;
}


.inner-img-crou-one {
    position: relative;
    padding-bottom: 72%;
}

.inner-img-crou-one img {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    object-fit: contain;
}

.img-sec-main .inner-img-crou-sec {
    position: relative;
    padding-bottom: 30%;
}

.img-sec-main .inner-img-crou-sec img {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    object-fit: contain;
}

.edit-profile-main {
    background-color: #F4F4F4;
    padding: 40px;
    border-radius: 10px;
}

.profile-img {
    width: 108px;
    height: 108px;
    border-radius: 100%;

    overflow: hidden;
    flex: none;
    margin: 0;
}

.profile-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.detail-profile h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24.2px;
    text-align: left;
    margin-bottom: 12px;
    color: #111111;
}

.game-id {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    margin-bottom: 11px;
}

.email-ddet {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 18px;
}

.email-ddet i {
    color: #666666;
    font-size: 20px;
}


.email-ddet a,
.email-ddet p {
    color: #666666;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: left;
}

.location-ddet {
    display: flex;
    align-items: center;
    gap: 13px;
}

.location-ddet i {
    color: white;
    font-size: 15px;
}

.main-back {
    background-color: #eaeaea;
}

.main-head-pro {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    line-height: 25.82px;
    text-align: left;
    margin-bottom: 22px;
}

.special-adv {
    background-color: #cccccc;
    padding: 5px 10px;
    margin-bottom: 20px;
}

.special-adv p {
    font-size: 18px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
}

.img-td img {
    max-width: 50px;
}

.w-lot {}

.w-lot p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 400px;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    margin: 0;
}

.upper-my-tournament-table tr td {
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    margin: 0;
    vertical-align: top;
    padding: 10px;
}

.upper-my-tournament-table tr th {
    vertical-align: top;
    padding: 10px;
}

.w-400 {
    width: 400px;
}

.w-fiv {
    width: 50px;
}

.nav-pills .nav-link {
    padding: 0 !important;
}

.uuper-namne-tag {
    align-items: center;
    gap: 15px;
    padding: 30px 5px 22px 30px;
}

.profile-name {

    font-size: 24px;
    font-weight: 500;
    line-height: 30.98px;
    text-align: left;

    margin: 0;
}

.gap-main {
    gap: 28px;
}

.profile-pic input {
    display: none;
}

.profile-pic .-label {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--main-color);
    z-index: 10000;
    color: #fafafa;
    transition: background-color 0.2s ease-in-out;
    border-radius: 100px;
    margin-bottom: 0;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.profile-pic {
    color: transparent;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease;
    width: 112px;
    height: 112px;
    border-radius: 100px;
}

.profile-pic .profile-img {
    width: 115px;
    height: 115px;
}

.upper-form-main {
    gap: 26px;
    flex-direction: column;
}

.comn-inpt-main label {
    color: #111111;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    margin-bottom: 8px;
}

.comn-inpt-main input.form-control {
    border: 1px solid #E0E0E0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #666666;
    padding: 12px 16px;
    border-radius: 10px;
}

.comn-inpt-main {
    margin-bottom: 24px;
}

.change-pass .get-header-btn {
    width: 196px;
}

.upper-edit-pro {
    justify-content: space-between;
}

.main-back-fig {
    background-color: #EDEDED;
    width: 56px;
    height: 56px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-fir-dash {
    background-color: white;
    padding: 19px 16px;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    max-width: 274px;
    width: 100%;
}

.total-text {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    margin-bottom: 10px;
}

.total-num {
    color: #111111;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: left;

}

.card-fir-dash {
    gap: 10px;
    align-items: center;

}

.cards-main-dashboard {
    gap: 31px;
}

.input-pass-show {
    position: relative;
}

.input-pass-show i {
    position: absolute;
    transform: translateX(-50%);
    top: 33%;
    cursor: pointer;
    right: 0;
}

.table-main-listng table {
    width: 100%;
}

.table-main-listng table tr th {
    padding: 18px 10px 18px 30px;
    background-color: #2876BC;
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    text-align: left;

}

.tabe-img-li {
    width: 84px;
    height: 50px;
    border-radius: 10px;
    object-fit: cover;
}

tr {
    border: 1PX SOLID #D7D7D7;


}

.table-main-listng table tr td {
    padding: 15px 10px 15px 30px;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;

}

.active-btn-tabel {
    background-color: #228400;
    padding: 10px 10px;
    border-radius: 50px;
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: center;
    border: 1px solid transparent;
    width: 100%;
    max-width: 86px;
}

.sold-btn-tabel {
    background-color: #C70000;
    padding: 10px 10px;
    border-radius: 50px;
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    width: 100%;
    max-width: 86px;
    text-align: center;
    border: 1px solid transparent;
}

.mask-g-amin {
    position: relative;
    padding-bottom: 67%;


}

.mask-g-amin img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.location-main {
    align-items: center;
    gap: 5px;
}

.location-main p {
    color: #797878;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: left;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cards-main-wanted h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.cards-main-wanted-home h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.cards-main-wanted.cards-main-wanted-home {
    display: block;
}


.upper-main-card {
    margin-top: 13px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px dashed #CCCBCB
}

.upper-rate-favour {
    justify-content: space-between;
    align-items: center;
    display: flex;
    padding-top: 13px;
}

.upper-rate-favour h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    color: #333333;
}

.upper-rate-favour a {
    color: var(--main-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    text-align: left;

}

.upper-main-wrap-card {
    padding: 13px;
    background-color: white;
    box-shadow: 0px 4px 14px 0px #00000017;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.cards-main-wanted {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 14px 0px #00000017;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wanted-text {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 6px 13px;
    background-color: var(--main-color);
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14.52px;
    letter-spacing: 0.02em;
    text-align: left;
    color: white;
    text-transform: uppercase;
}

.like-icon {
    background-color: #FDE1C7;
    width: 26px;
    height: 26px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 15px;
}

.like-icon i {
    color: var(--main-color);
    font-size: 14px;
}

.wrap-progress-main {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 13px;
}

.wrap-progress-main p {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: left;

}

.border-btn {
    border: 1px solid #FF8410;
    color: var(--main-color);
    padding: 15px 33px;
    font-size: 15px;
    font-weight: 500;
    line-height: 18.15px;
    text-align: center;
    border-radius: 50px;
    white-space: nowrap;

}

.progress {
    width: 100%;
}

.main-upper-progg-flfex {
    width: 100%;
}

.progress-main-bar {
    gap: 52px;
}

.progress,
.progress-stacked {
    background-color: #D9D9D9;
}

.progress-bar {
    background-color: #2876BC;
}

.inner-plan-card {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 38px 31px 31px 31px;
}

.inner-plan-card h6 {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.78px;
    text-align: left;
    margin-bottom: 8px;
}

.inner-plan-card h3 {
    color: var(--main-color);
    font-size: 42px;
    font-weight: 600;
    line-height: 50.83px;
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #949494;
}

.inner-plan-card h3 span {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.78px;
    text-align: left;

}

.list-plan ul li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 30px;
}

.list-plan {
    padding-top: 20px;
}

.list-plan ul li img {
    padding-top: 5px;
}

.list-plan ul li p {
    color: #6A6A6A;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin: 0;

}

.mt-buy-plan {
    margin-top: 70px;
}

.white-botm-amin {
    position: absolute;
    width: 100%;
    bottom: -44px;
    z-index: 99;
}

.prof-main {
    position: relative;
}

.pofile-names ul li.active a figure img {

    filter: brightness(0) saturate(100%) invert(100%) sepia(100%)
}

.select-short {
    border: 1px solid #E0E0E0;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    padding: 15px 21px;
    border-radius: 50px;
    max-width: 252px;
}

.short-by-main {
    align-items: center;
    gap: 10px;
    justify-content: end;
    width: 100%;
}

.short-by-main h6 {

    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    letter-spacing: 0.01em;
    text-align: center;

}
.short-by-main-new  h6{
    white-space:nowrap;
}
.show_iner_search{
    min-width: 200px;
    margin-right:15px;
}

.upper-head-main-recent {
    justify-content: space-between;
    align-items: center;
}

.main-revrs {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    letter-spacing: 0.01em;
    text-align: left;

}

.upper-head-main-recent {
    margin-bottom: 15px;
}

.main-revrs a {
    color: #2876BC;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    letter-spacing: 0.01em;
    text-align: left;

}

.inner-main-filter {
    border: 1px solid #E5F3FF;
    border-radius: 10px;
    padding: 22px;
}

.head-list {
    color: #2876BC;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.78px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-bottom: 38px;
}

.acc-button-main {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    letter-spacing: 0.01em;
    padding: 0;
    border: 0;

}

.inner-main-filter .accordion-header {
    border: 0;
}

.inner-main-filter .acc-button-main.accordion-button:not(.collapsed) {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}

.inner-main-filter .accordion-item {
    border: 0;
    border-bottom: 1px solid #E2E2E2;
    border-radius: 0;
    padding-bottom: 22px;
    margin-bottom: 25px;
}

.inner-check-main {
    padding: 22px 0 0px 0;
}

.comn-label label {
    font-size: 15px;
    font-weight: 400;
    line-height: 18.15px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #666666;
}

.comn-label {
    margin-bottom: 16px;
}

.select-type {
    color: #666666;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-bottom: 22px;
}

.inner-main-filter .form-check-input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.inner-main-filter .accordion-button::after {
    content: "\2b";
    font-weight: 900;
    font-family: "Font Awesome 6 free";
    background-image: none ! IMPORTANT;

}

.inner-main-filter .accordion-button:not(.collapsed)::after {
    content: "\f068";
    transform: none;
}

.see-more {
    cursor: pointer;
    align-items: center;
    gap: 5px;
}

.see-more p {
    color: #2876BC;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    letter-spacing: 0.01em;
    text-align: left;

}

.see-more i {
    color: #2876BC;
    font-size: 13px;
}

.gir-detail {
    background: #FFFFFF;
    box-shadow: 0px 4px 24px 0px #0000000D;
    padding: 33px 25px;
    border-radius: 10px;
}

.near-town i {
    color: #2876BC;
    font-size: 15px;
}

.near-town p {
    font-size: 20px;
    font-weight: 500;
    line-height: 24.2px;
    text-align: left;
    color: black;
}

.near-town p span {
    color: #666666;
    font-size: 20px;
    font-weight: 400;
    line-height: 24.2px;
    text-align: left;

}

.near-town {
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.head-detail-inner {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    text-align: left;

}

.upper-days-town {
    justify-content: space-between;
    flex-wrap: wrap;
    gap:20px;
    margin-top:10px;
}

.like-unike {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 100px;
    background-color: #FDE1C7;
}

.like-unike i {
    color: var(--main-color);
}

.fig-amin-crou figure {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 65%;
}

.fig-amin-crou figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
}

.upper-link-like {
    margin-bottom: 30px;
}

.name-date h6 {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    line-height: 26.63px;
    text-align: left;
    margin-bottom: 17px;
}

.name-date h6 span {
    font-size: 22px;
    font-weight: 400;
    line-height: 26.63px;
    text-align: left;

}

.name-date p {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;

}

.prof-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: #FDE1C7;
    overflow: hidden;

}

.prof-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.liste-by {
    gap: 12px;
    margin-top: 60px;
    margin-bottom: 30px;
    align-items: center;
}

.detail-view-list {
    padding-bottom: 40px;
}

.detail-view-list .location-main p {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;

}

.detail-view-list .location-main img {
    width: 22px;
}

.comn-btn.outline-btn {
    border: 1px solid var(--main-color);
    background-color: transparent;
    color: var(--main-color);
}

.comn-btn.outline-btn-white {
    border: 1px solid white;
    background-color: transparent;
    color: white;
}

.comn-btn.outline-btn-white {
    border: 1px solid #676767;
    background-color: transparent;
    color: #676767;
}

.locatin-map {
    margin-top: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.inner-table-one table {
    width: 100%;
    box-shadow: 0px 4px 24px 0px #00000008;
    border-radius: 10px;
    overflow: hidden;
}

.inner-table-one table tr th {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: left;
    padding: 11px 10px 11px 15px;
    background-color: #D3EAFF;
    border: 0;
}

.inner-table-one table tr {
    border-top: 1px solid #F2F2F2 !important;
    border: 0;
}

.inner-table-one table tr td {
    padding: 11px 10px 11px 15px;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.94px;
    text-align: left;
    vertical-align: top;
}

.seemore_custom {
    max-height: 380px;
    overflow: hidden;
    transition: height 0.3s ease;
    /* Optional: smooth transition */
}

.seemore_custom.expanded {
    height: 100%;
    max-height: 100%;
}

.inner-table-one {
    margin-bottom: 25px;
}

.specification table tr td p {
    color: #838383;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    margin-bottom: 4px;
}

.specification table tr td h6 {

    font-size: 12px;
    font-weight: 600;
    line-height: 14.52px;
    text-align: left;
    color: #191C1F;
    word-break: break-word;
}

.specification table {
    table-layout: fixed;
}

.specification table tr:nth-child(odd) {
    background-color: #F2F2F2;
}

.add-info h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 26.63px;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 16px;
    padding-top: 10px;
}

.add-info p {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
word-break: break-word;
}

.crousel-datail-img .slick-dots {
    bottom: 20px;
}

.crousel-datail-img .slick-dots li.slick-active button {
    width: 12px !important;
    height: 12px !important;
    background-color: var(--main-color);
    border-radius: 50px !important;
    transition: all 0.4s ease-out;
}

.crousel-datail-img .slick-dots li {
    position: relative;
    display: inline-block;
    width: fit-content !important;
    height: auto !important;
    margin: 0 0px !important;
    padding: 0;
    cursor: pointer;
}

.crousel-datail-img .slick-dots li button {
    font-size: 0 !important;
    width: 12px;
    height: 8px;
    background-color: white;
    border-radius: 50px;
    font-size: 0 !important;
    width: 12px !important;
    height: 12px !important;
    background-color: white;
    border-radius: 50px;
    transition: all 0.4s ease-out;
}

.crousel-datail-img .slick-dots {
    border-radius: 50px;

    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    display: flex !important;
    align-items: center;

    justify-content: center;
    gap: 9px;
}

.inner-contact-us {
    background-color: #F5F5F5;
    max-width: 1294px;
    margin: auto;
    padding: 50px 56px;
    border-radius: 8px;

}

.contact-us-head {
    font-size: 32px;
    font-weight: 600;
    line-height: 38.73px;
    text-align: center;
    color: #111111;
    margin-bottom: 45px;
    font-family: "Inter", sans-serif !important;
}

.comn-inpt-clas label {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: left;
    margin-bottom: 9px;
}

.comn-inpt-clas input {
    border: 1.5px solid #B4B4B4;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    padding: 20px 18px;
}

.comn-inpt-clas {
    margin-bottom: 34px;
    margin-top: 0;
}

.comn-inpt-clas textarea.form-control {
    border: 1.5px solid #B4B4B4;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    padding: 20px 18px;
    height: 148px;
}

.send-btn {
    background-color: var(--main-color);
    border-radius: 50px;
    border: 1px solid var(--main-color);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.36px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    text-align: center;
    padding: 18px 33px;
}

.contactus-amin {
    background-color: #F8F8F8;
    padding: 52px 97px;
    margin-top: 70px;
    border-radius: 8px;
    margin-bottom: 70px;
}

.contact-main-head {
    color: #000000;
    font-size: 32px;
    font-weight: 600;
    line-height: 38.73px;
    text-align: center;
    margin-bottom: 16px;
}

.text-main-contatc-main {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    margin-bottom: 50px;
}

.icon-email-icon {
    background-color: #FFEBD8;
    width: 58px;
    height: 58px;
    border-radius: 100px;
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.maincontact-one-card h5 {
    color: #111111;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.78px;
    text-align: center;
    margin-bottom: 18px;
}

.maincontact-one-card p {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    margin-bottom: 25px;
}

.maincontact-one-card a {
    text-decoration: underline !important;
    font-size: 14px;
    display: block;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #666666;
}

.ul-amin-list li {
    display: flex;
    justify-content: space-between;

    padding-bottom: 14px;
    padding-top: 14px;
}

.ul-amin-list li:not(:last-child) {
    border-bottom: 1px solid #666666;
}

.head-open-hrs {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    margin-bottom: 70px;
}

.oopen-hrs-amin h5 {
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    line-height: 29.05px;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 12px;
}

.oopen-hrs-amin {
    padding: 59px 33px;
    background-color: #FFEEDE;
    border-radius: 22px;
    height: 100%;
}

.banner-inner-page {
    background-image: url(../assets/c.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 91px 0 122px 0;
    position: relative;
}

.inner-main-get {
    justify-content: space-between;
    z-index: 1;
    position: relative;
}
.banner-inner-page:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #00000082;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.text-banner--inner-pge {
    max-width: 655px;
}

.text-banner--inner-pge p {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    text-align: left;

}

.get-head p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: left;
    margin-bottom: 9px;
}

.get-head h2 {
    color: #FFFFFF;
    font-size: 50px;
    font-weight: 600;
    line-height: 60.51px;
    letter-spacing: 0.01em;
    text-align: left;
    padding-bottom: 26px;
}
.get-head h1 {
    color: #FFFFFF;
    font-size: 50px;
    font-weight: 600;
    line-height: 60.51px;
    letter-spacing: 0.01em;
    text-align: left;
    padding-bottom: 26px;
}

.banner-inner-page .about-us-amin {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    text-align: left;

}

.empower {
    background-image: url(../assets/c2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.empower-main h6 {
    color: var(--main-color);
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: center;
    font-family: "Inter", sans-serif;
}

.empower-main h3 {
    color: white;
    font-size: 36px;
    font-weight: 600;
    line-height: 59px;
    letter-spacing: 0.01em;
    text-align: center;
    max-width: 665px;
    margin: auto;
    margin-bottom: 22px;
}

.empower-main p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 33px;
    text-align: center;
    margin-bottom: 50px;
}

.empower-main {
    max-width: 809px;
    margin: auto;
}

.card-empower-one {
    align-items: center;
    gap: 20px;
    max-width: 310px;
}

.uper-empower-main h5 {
    color: white;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    margin-bottom: 9px;
}

.uper-empower-main p {
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;

}

.empower-amin-cards {
    max-width: 809px;
    margin: auto;
}

.marg-t-btn {
    margin-top: 60px;
}

.empower .comn-btn {
    max-width: 207px;
    width: 100%;
}

.about-simplyfy .upper-main-logo h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;


}

.about-simplyfy .upper-main-logo p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.about-simplyfy .inner-card-benifts {
    border: 1px solid #D3D3D3;
}

.learn-more {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.36px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--main-color);
    margin-top: 25px;
    display: inline-block;
}

.upper-main-logo {
    flex-direction: column;
    justify-content: space-between;
}

.text-invo-amin {
    color: #000000B2;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin-bottom: 24px;
}

.inner-revo-flex h6 {
    color: var(--main-color);
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: left;
    font-family: "Inter", sans-serif;
}

.inner-revo-flex h3 {
    color: #101010;
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    text-align: left;
    margin-bottom: 17px;
}

.cards-percng {
    gap: 40px;
    max-width: 426px;
}

.img-ratio {
    position: relative;
    padding-bottom: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.img-ratio img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-big-ratio {
    position: relative;
    padding-bottom: 51%;
    border-radius: 8px;
    overflow: hidden;
}

.img-big-ratio img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inner-revo-left {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.email-simpli {
    gap: 15px;
    align-items: center;
}

.email-simpi-amin h6 {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px;
    text-align: left;

}

.email-simpi-amin a {
    color: #000000B2;
    font-size: 14px;
    font-weight: 400;
    line-height: 20.94px;
    text-align: left;

}

.inner-simp-righ {
    flex-wrap: wrap;
}

.wrapper-amin-sec-bout h3 {
    color: #000000;
    font-size: 36px;
    font-weight: 600;
    line-height: 59px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-bottom: 20px;
}

.wrapper-amin-sec-bout p {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;

}

.inner-main-term-cond h5 {
    color: #000000;
    margin-bottom: 22px;
    font-size: 22px;
    font-weight: 500;
    line-height: 26.63px;
    text-align: left;

}

.inner-main-term-cond p {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    margin-bottom: 30px;
}

.inner-main-term-cond h6 {
    color: #221F20;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.78px;
    text-align: left;
}

.term-cond {
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    color: #FFFFFF;

}

.fq-head {
    color: #101010;
    margin-bottom: 48px;
    font-size: 36px;
    font-weight: 600;
    line-height: 43.57px;
    text-align: center;

}

.faq-main .accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border-bottom: 2px solid #EDEDED;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-top: 20px;

}

.faq-main .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--main-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    text-align: left;
    box-shadow: none;

}

.faq-main .accordion-button {
    padding: 0;
    padding-bottom: 18px;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    text-align: left;
    box-shadow: none;
}

.faq-main .accordion-body {
    padding: 0;
}

.text-acc {
    padding-bottom: 32px;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;

}

.faq-main .accordion-item::before {
    content: "";
    height: 100%;
    position: absolute;
    border: 2px solid #E0E0E0;
    left: -21px;
    border-radius: 0 4px 4px 0;
    height: 58%;
    top: 50%;
    transform: translateY(-50%);
}

.faq-main .accordion-item {
    position: relative;
}

.faq-main .accordion-button::after {
    content: "\2b";
    font-weight: 900;
    font-family: "Font Awesome 6 free";
    background-image: none ! IMPORTANT;

}

.faq-main .accordion-button:not(.collapsed)::after {
    content: "\f068";
    transform: none;
}

.faq-main .accordion-collapse.collapse.show::before {
    border-color: var(--main-color);
}

.faq-main .accordion-collapse.collapse.show .accordion-body::before {
    border-color: var(--main-color);
}

.navigation-rout .cont-back a:not(:last-child)::before {
    content: "\f054";
    position: absolute;
    font-weight: 900;
    right: -15px;
    top: 1px;
    font-family: "Font Awesome 6 free";
    font-size: 13px;
}

.navigation-rout a {
    position: relative;
    font-size: 15px;
    font-weight: 400;
    line-height: 18.15px;
    text-align: left;
    color: #101010;
}

.cont-back {
    display: flex;
    gap: 25px;
}

.navigation-rout {
    padding: 25px 0;
    background-color: #95C8F5;
}



.imges-gid {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 30px;
}

.imges-gid figure {
    position: relative;
    padding-bottom: 100%;
    border-radius: 10px;
    overflow: hidden;
    transition: transform .5s ease;
}

.imges-gid figure:nth-child(even) {
    margin-bottom: 0px !important;
    /* top: 14px; */

}

.img-with-grid figure {
    position: relative;
    padding-bottom: 48%;
    border-radius: 10px;
    max-width: 303px;
    margin: auto !important;
    margin-top: 25px !important;
    overflow: hidden;
}

.img-with-grid figure img {
    position: absolute;
    border-radius: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: transform .5s ease;
}

.img-with-grid figure:hover img {
    transform: scale(1.2);
}

.imges-gid figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s ease;
}

.imges-gid figure:hover img {
    transform: scale(1.2);

}

.inner-about-sec {
    display: flex;
    align-items: center;
    height: 100%;
}

.inner-discover-card {
    height: 100%;
}

.navbar .icons-main.desktop {
    display: none !important;
}

/* new---------------- */

.cattel-list-open {
    width: 100%;
}

.browse .main-cont-fluid .slick-dots {
    left: 3%;
}

.upper-eye-div {
    position: relative;
}

.register_form_eye {
    position: absolute;
    right: 25px;
    transform: translateY(-50%);
    top: 50%;
    cursor: pointer;
}

@media (min-width: 576px) {
    .main-cont-fluid {
        margin-left: calc((100% - 500px) / 2);
        padding-top: 50px;
    }

    .slick-prev,
    .slick-next {
        margin-right: calc((100% - 500px) / 2);
        bottom: -29% ! IMPORTANT;
    }
}

@media (min-width: 768px) {
    .main-cont-fluid {
        margin-left: calc((100% - 700px) / 2);
        padding-top: 50px;
    }

    .slick-prev,
    .slick-next {
        margin-right: calc((100% - 700px) / 2);
        bottom: -29% ! IMPORTANT;
    }
}

@media (min-width: 992px) {
    .main-cont-fluid {
        margin-left: calc((100% - 940px) / 2);
        padding-top: 50px;
    }

    .slick-prev,
    .slick-next {
        margin-right: calc((100% - 940px) / 2);
        bottom: -29% ! IMPORTANT;
    }
}

@media (min-width: 1200px) {

    .main-cont-fluid {
        margin-left: calc((100% - 1150px) / 2);
        padding-top: 50px;
    }

    .slick-prev,
    .slick-next {
        margin-right: calc((100% - 1109px) / 2);
        bottom: -29% ! IMPORTANT;
    }
}

@media (min-width: 1920px) {

    .main-cont-fluid {
        margin-left: calc((100% - 1320px) / 2);
        padding-top: 50px;
    }

}


.row.remember-main-marg .form-check-input {
    width: 20px;
    height: 19px;
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-item.dropdown .nav-link.dropdown-toggle::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-size: 12px;
    font-weight: 900;
    border: none;
    vertical-align: middle;
}

ul.dropdown-menu {
    background: #fff;
}

ul.dropdown-menu li {
    padding: 5px
}

ul.dropdown-menu li a {
    color: #000;
}

.inner-login-page .main-inp-div {
    position: relative;
}

.inner-login-page .error {
    position: absolute;
    left: 14px;
    font-size: 14px;
}

.inner-page-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 150px;
    padding-bottom: 150px;
    position: relative;
}

.inner-page-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    width: 100%;
    background-color: #00000060;
}

.inner-page-banner .heading-text {
    text-align: center;
    position: relative;
    z-index: 99;
}

.inner-page-banner .heading-text h2 {
    color: white;
    font: bold 53px/42px "Lexend", sans-serif;
    margin-bottom: 14px;
}

.inner-page-banner .heading-text p {
    margin-bottom: 0;
    color: #FFFFFF;
    font: 400 18px/23px "Lexend", sans-serif;
}


.register_password {
    position: relative;
}

/* .register_form_eye {
    position: absolute;
    right: 25px;
    top: 47%;
    bottom: 50%;
    width: 30px;
    height: 30px;

} */
.uuper-namne-tag .fa-bars {
    display: none;
}

.file-preview-item {
    position: relative;
    width: 137px;
    height: 106px;
    margin-bottom: 15px;
}

.file-preview-item img {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
}

.file-preview-item video {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
}

.table-main-listng table tr th {
    text-transform: capitalize;
}

.back-to-login a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    color: black;
    gap: 13px;
}

/* .custom-checkbox input[type="checkbox"]:checked+label span a{
    color: var(--main-color);
} */

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    margin: 0 !important;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 6px !important;
    padding: 10px 13px !important;
    border: 1px solid #E0E0E0 !important;
    width: 100%;
    font-size: 16px !important;
    color: #11111150;
    line-height: 21.78px !important;
    font-weight: 400 !important;
    font-family: "Inter", sans-serif;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 0 !important;
    margin-right: 3px !important;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 22px !important;
}



/* Hide the default checkbox */
.wrapper input[type="checkbox"] {
    display: none;
}

/* Style the label to look like a heart icon */
.wrapper label {
    cursor: pointer;
}

/* Initially show the heart as unfilled */
label .fa-heart {
    color: var(--main-color);
    /* Or any color you prefer for the unfilled heart */
    transition: color 0.3s ease;
}

/* When the checkbox is checked, change the heart color */
.wrapper input[type="checkbox"]:checked+label .fa-heart {
    color: red;
    /* Or any color you prefer for the filled heart */
}

.like-icon {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 3px 0px #3647671A;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    cursor: pointer;
}

.upper-righ-btn {
    margin-bottom: 60px;
}

.like-icon i {
    font-size: 15px;
    color: var(--main-color);
}

.tags-main-back {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: 4px;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* 
    padding-bottom: 15px;
    margin-bottom: 14px; */
    /* height: 67px; */
}

.loct-upper {
    border-top: 1px dashed #CCCBCB;
    padding-top: 15px;
    margin-top: 14px;
}

.first-tag-main {
    background-color: var(--main-color);
    padding: 4px;
    border-radius: 4px;

}

.first-tag-main p {
    color: white;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: left;
    margin: 0;
}

.empower .comn-btn.outline-btn-white {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.text-invo-amin.par-main-line {
    line-height: 32px;
}

.vector-last.about-cut {
    bottom: -70px;
}

.vector-last.about-cut img {
    width: 100%;
}

.ul-amin-list p {
    font-size: 18px;
    font-weight: 500;
    line-height: 21.78px;
    text-align: right;
    color: #3C3C3C;
}

.mgs-ba img {
    max-width: 20px;
}

.wanted-text.wanted {
    background-color: var(--second-main-color);
}

.inner-card-benifts:hover {
    border-color: transparent;
}

.navigation-rout a.active {
    font-weight: 600;
}

.like-absol {
    position: absolute;
    right: 15px;
    top: 15px;
}

.comn-inpt-main textarea.form-control {
    border: 1px solid #E0E0E0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #666666;
    padding: 12px 16px;
    border-radius: 10px;
}

.sold-btn-tabel.view-offer-amin {
    width: 100%;
    background-color: var(--main-color);
    max-width: 100%;
}

.view-off table {
    width: 100%;
}

.view-off table tr th {
    padding: 9px 5px;
}

.view-off table tr td {
    padding: 9px 5px;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
}

.view-off {
    overflow-y: auto;
}

.solid-btn {
    border: 1px solid #FF8410;
    color: white;
    padding: 15px 33px;
    font-size: 15px;
    font-weight: 500;
    line-height: 18.15px;
    text-align: center;
    background-color: var(--main-color);
    border-radius: 50px;
    margin-right: 5px;
    white-space: nowrap;
}

.fig-amin-crou figure video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#loader {
    position: fixed;
    background: rgba(0, 0, 0, 0.2);
    /* border-radius: 16px; */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.541);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.inner-flex-loader {
    height: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;

}

#loader img {
    animation: zoom-in-zoom-out 2s ease-out infinite;
    width: 56px;

}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

.mask-g-amin video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer-disc img {
    max-width: 137px;
    width: 100%;
}

.inner-login-page .upper-eye-div .error {
    left: 0px;

}

.btn-table-w {
    width: 170px;
}

.delete-btn {
    position: absolute;
    top: -3px;
    right: -4px;
    border-radius: 100%;
    background: red;
    font-size: 13px;
    color: white;
    border: none;
}

.preview-img,
.preview-video {
    max-width: 150px;
    max-height: 150px;
    object-fit: cover;
    border: 1px solid #ccc;
}

.paginat-main span.relative.z-0.inline-flex.rtl\:flex-row-reverse.shadow-sm.rounded-md span {
    background-color: transparent !important;
    display: inherit;
}

.paginat-main span.relative.z-0.inline-flex.rtl\:flex-row-reverse.shadow-sm.rounded-md {
    display: flex !important;
    width: 100%;
    gap: 12px;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    box-shadow: none !important;
}

.paginat-main span.relative.z-0.inline-flex.rtl\:flex-row-reverse.shadow-sm.rounded-md a {
    background-color: transparent !important;
}

.paginat-main svg.w-5.h-5 {
    width: 24px !important;
}

.paginat-main p.text-gray-700 {
    text-align: center;
    color: var(--main-color) !important;
}

.paginat-main .flex.justify-between.flex-1.sm\:hidden {
    display: flex;
    justify-content: center;
    margin-bottom: 11px;
    gap: 5px;
    display: none;
}

.paginat-main .flex.justify-between.flex-1.sm\:hidden span {
    background-color: transparent !important;
}

.paginat-main .flex.justify-between.flex-1.sm\:hidden a {
    background-color: transparent !important;
}

.paginat-main {
    margin-top: 20px;
}

.paginat-main .text-gray-700 {
    color: var(--main-color) !important;
}

.upper-flex-main-all {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.unread_notification {
    position: absolute;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -9px;
    color: #2876bc;
    left: 31px;

}

.unread_notification p {
    width: 28px;
    flex: 0 0 28px;
    height: 28px;
    font-size: 11px;
    font-weight: 700;
    background: #fff;
    box-shadow: 0 0 15px rgba(0 0 0 / 20%);
    padding: 4px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile_color {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -10px;
    left: 21px;
    font-size: 16px;
    font-weight: 700;
    color: var(--main-color) !important;

}

.message {
    position: relative;
}

.dis-n-web {
    display: none;
}

.sumsub-sec {
    padding-bottom: 25px;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 25px;
}

.sumsub-sec p {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 14px;
}

.sumsub-sec h3 {
    font-size: 27px;
}

.table-offer-main tr td {
    font-size: 14px;
    padding: 18px 10px ;
    vertical-align: middle;
}

.main-w-offer {
    width: 200px;
}

.span-perhead {
    position: absolute;
    top: 0;
}

.upper-div-amin span {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    font-size: 12px;

}

.upper-div-amin input {
    padding-right: 40px;
}

.upper-div-amin {
    position: relative;
}
.orange-btn-main{
    display: inline-block;
    width: fit-content;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    letter-spacing: 0.01em;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 50px;
    text-transform: capitalize;
    background-color: var(--main-color);
    color: white;
}
.my-profile-name i{
font-size: 22px;
color: var(--main-color);
}
.desktop-none-map{
    display: none;
}
.mobile-none-map{
    display: block;
}

p.detail-txt {
    position: absolute;
    bottom: -14px;
    font-size: 10px;
    /* -webkit-line-clamp: 1; */
}
.upper-div-amin p.error-message{
    position: absolute;
    bottom: -15px;
    font-size: 11px;

}

.unread-badge {
    background-color: #ff0000;
    color: white;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 12px;
    margin-left: 10px;
}
.listing_thumbnail{
    width: 50px;
    border-radius: 50%;
    height: 50px;
}

.notificationParentElement {
    position: relative;
    width: 100%;
    background-color: #333;
    padding: 10px;
    color: white;
}

/* Notification style */
.notification {
    position: absolute;
    top: 85px;
    right: 10px;
    background-color: #b3dbfc;
    color: #000000;
    padding: 10px;
    border-radius: 8px;
    width: 250px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    opacity: 0;
    transform: translateY(-20px);
    animation: slideIn 0.5s ease-out forwards, fadeOut 0.5s ease-in forwards 4.5s;
    transition: all 0.3s ease;
    z-index: 44444;
}
#chat-list{
    height: 64vh;
    overflow: auto;
}
/* Animation for sliding in */
@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fade out animation after 5 seconds */
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.notificationSender {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

.productNameClass{
    color: black;
}
.cst_side_toggle{
    display: none;
}
.inner-banner {
    position: relative;
}
.inner-banner:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #00000085;
    z-index: 0;
}
.inner-banner-all{
    position: relative;
    z-index: 1;
}
.verified_index {
    position: absolute !important;
    right: 15px !important;
    top: 15px !important;
    width: 24px !important;
    height: 24px !important;
    left: unset !important;
}

.cst_header_outer {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.cs_srch_sort_outer .select-short{
    min-width: 250px;
}
.cs_srch_sort_outer .search-country {
    min-width: 340px;
}

.cs_srch_sort_outer .show_iner_search{
    margin-right:0;
}
.cs_srch_sort_outer{
    align-items: flex-start;
}
.cs_srch_sort_row {
    gap: 10px;
    flex-wrap:wrap;
    flex-direction: column;
    align-items: flex-end;
}

/* Updated styles for larger and centered logo DBF-156*/
.logo-login {
    text-align: center;
    margin-bottom: 30px;
}

.logo-login a {
    display: inline-block;
}

.logo-login img {
    width: 150px; /* Increased from default size - adjust this value as needed */
    max-width: 100%;
    height: auto;
}

/* Responsive adjustment for smaller screens */
@media (max-width: 768px) {
    .logo-login img {
        width: 150px;
    }
}
.logo-login a {
    display: inline-block;
}

.logo-login img {
    width: 150px; /* Increased from default size - adjust this value as needed */
    max-width: 100%;
    height: auto;
}

/* Responsive adjustment for smaller screens */
@media (max-width: 768px) {
    .logo-login img {
        width: 150px;
    }
}