@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comforter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');


p {
    font-family: "Poppins", sans-serif;

}


/* Chatbot Disable Css End */

body {
    font-family: "Nunito", sans-serif !important;
    font-size: 14px;
}

body {
    background-image: url(https://amalsocial.com/assets/frontend/images/Vectorbg3.png);
}

.main .dropdown a:hover {
    border: none !important;
}

#pageid p {
    font-size: 20px !important;
}

.booking-pills .nav-link {
    background-color: #CEEFE5;
    color: #0BB07E;
    margin: 10px;
}
.subscribe-blog button.btn.btn-primary {
    background: #ff007e;
}
.main .dropdown li a {
    font-size: 15px;
}

.main .dropdown a {
    font-size: 26px;
}

.car-pills .nav-link {
    height: 142px;
    width: 195px;
    margin: 10px;
}
.about-wrap{
    padding:60px 0;
}


.vector .pb-3.Freelancers.section_city.blog_mainpage.staycation-section.staycation-sections.background-grey .owl-stage {
  padding-bottom: 0px;
}

.vector .pb-4.blog_mainpage.blog_mainpage2.blog-section.pt-4 {
  margin: 0px !important;
  padding: 30px 0px !important;
}

.vector .pb-4.blog_mainpage.blog_mainpage2.blog-section.pt-4 .mt-3.mb-2.text-end {
  margin: 0px !important;
}

.vector .pb-4.blog_mainpage.blog_mainpage2.blog-section.pt-4 .mb-4.pt-2 {
  margin-bottom: 15px !important;
}

.vector .Freelancers {
  margin: 0px !important;
  padding: 30px 0px !important;
}

.vector .Freelancers.section_city.blog_mainpage.section_citys {
	margin: 0px !important;
	padding: 30px 0px 46px 0px !important;
}

.vector .section_city.section_citys.mt-3 {
  margin: 0px !important;
  padding: 30px 0px !important;
}

.vector .Freelancers.blog_mainpage.spp.mt-4.online-classes {
  margin: 0px !important;
  padding: 30px 0px !important;
  background-color: #fff !important;
}

.vector .Freelancers.section_city.blog_mainpage.section_citys .row {
  margin-bottom: 5px !important;
}
.our_service.PopCat .row {
	margin-bottom: 30px;
}
.vector .Freelancers .owl-stage {
  padding-bottom: 1px !important;
}
.vector section.our_service .heading-stay {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}

.blog_mainpage .searchbar {
  overflow: hidden;
}

.blog_mainpage .searchbar .searchbar-right {
  margin-right: -61px;
  margin-top: -40px;
}

.blog_mainpage .searchbar .searchbar-right #search_offer_cat {
  padding: 11px 18px;
}

.blog_mainpage .searchbar .searchbar-input {
  margin-top: -32px;
}


.carpooling_button-active .btn {
  border: 1px solid #2563eb !important;
  box-shadow: unset !important;
}

.carpooling_button-active .btn:hover {
  background-color: #2563eb;
  color: #fff;
  border: 1px solid #2563eb !important;
}

.carpooling_button-active .text-dark.notranslate {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.carpooling_button-active .card-item.card-item-bg {
	border: 1px solid #ddd !important;
	box-shadow: 0px 4px 4px 0px #0000001A !important;
}

.carpooling_button-active .share-button-bi .bi.bi-share-fill.pt-2.sharelink {
  margin-left: auto !important;
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: block !important;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px;
}

.carpooling_button-active .share-button-bi {
  margin-left: 0px;
}

.about-section .about-content h3 {
    font-family: Recoleta;
    font-weight: 500;
    font-size: 44px;
    line-height: 67px;
}

.about-section p {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px !important;
}

.about-section .container.about-wrap {
    position: relative;
    overflow: hidden;
}

.spacial-offer-catg .city1 .imgggg1 img:nth-child(1), .spacial-offer-catg .city1:hover .imgggg1 img:nth-child(2)  {
  display: block;
}
.spacial-offer-catg .city1:hover .imgggg1 img:nth-child(1), .spacial-offer-catg .city1 .imgggg1 img:nth-child(2) {
  display: none;
}

.container.about-wrap:after {
    content: "";
    position: absolute;
    inset: 0;
    background: url(/public/assets/frontend/images/deepu.png);
    background-position: right;
    filter: brightness(0) saturate(100%) invert(32%) sepia(82%) saturate(1816%) hue-rotate(215deg) brightness(96%) contrast(96%);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: inherit;
}

.about-image img{

    border-radius:10px;

    width:100%;

    height:auto;

    object-fit:cover;

    box-shadow:0 4px 18px rgba(0,0,0,0.12);

}

.about-content h3{

    font-size:32px;

    font-weight:700;

    margin-bottom:15px;

}

.about-content p{

    font-size:16px;

    line-height:28px;

    color:#444;

    margin-bottom:20px;

}

.about-btn{

    background:#FDCF36;

    color:#fff;

    font-weight:600;

    padding:10px 22px;

    font-size:15px;

    border-radius:5px;

    box-shadow:0 3px 10px rgba(0,0,0,.15);

}

.about-btn:hover{

    background:#e1bb2f;

    color:#fff;

}

@media(max-width:992px){

    .about-content{text-align:center;}

}


.main .dropdown2 a {
    font-size: 26px;
    /* border: 2px solid #1111111c; */
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 56px;
}

.section_city .staycations .imggg2 {
    border-radius: 10px 10px 0px 0px !important;
}

.section_city .owl-item.active {
  margin: 0px 10px !important;
}

.Visitors_design .owl-item.active {
	margin: 0px 10px !important;
}

.footer-amal {
    height: 40px;
    text-align: end;
    display: flex;
}

.blog_mainpage div#myTabContent {
    background: #ffff;
    padding: 40px 0px;
    margin: 0 auto;
    width: 100% !important;
    min-width: 100%;
}
.skiptranslate .goog-te-gadget-simple span {
    font-weight: 600;
    border-color: transparent !important;
}

.skiptranslate .goog-te-gadget-simple {
    margin-left: 0px;
    padding: 3px 0px;
    border-radius: 2px;
    border: navajowhite;
    font-family: "Inter", sans-serif !important;
    overflow: hidden;
    font-weight: 500 !important;
    background: none;
}

.skiptranslate .goog-te-gadget-simple span {
    font-family: "Inter", sans-serif !important;
    font-weight: normal;
    font-size: 16px;
    color: #ffff !important;
}

span.indicator {
    display: none;
}

.container {
	width: 1400px;
	margin: 0 auto;
	max-width: 100% !important;
	padding: 0 50px;
}

.py-50 {
    margin-top: 50px;
}

.modal-blog-content {
    width: 800px !important;
    background-color: #F6F6F6;
}

.icon-bi-share {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.city-special-h6 {
    height: 38px !important;
}

.banner .carousel-indicators {
    margin-bottom: -50px;
}

.modal-blog-content input {
    border: none;
    padding: 11px;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal-blog-content label {
    font-size: 12px;
    color: #A1A1A1;
}

.blog-form-check-input[type=radio] {
    border-radius: 50%;
    margin-top: 2px;
    height: 5px !important;
    width: 5px !important;
    margin-right: 5px;
    padding: 8px;
}

.pre-heading {
    border-bottom: 1px solid #A1A1A1;
}

.modal-pre .modal-content {
    background: #F6F6F6;
}

.modal-pre .modal-body {
    background: white;
}


.modal-pre h6 {
    color: black !important;
    font-size: 14px;
}

.modal-pre h5 {
    color: #A1A1A1;
    font-size: 16px;
}

.modal-blog-content .blog-pre {
    background: #00CC33 !important;
    color: white !important;
}

.modal-blog {
    --bs-modal-width: 756px !important;
}

.modal-blog-content .blog-can {
    background: #E7E7E7 !important;
    color: #A1A1A1 !important;
}

.blog-form-check-input:checked {
    background-color: #00CC33;
    border-color: #00CC33;
}

.modal-blog-content input::placeholder {
    color: black !important;
}

.modal-blog-content select {
    border: none;
    padding: 11px;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: black !important;
}


.header ul.icons li span.opt1,
.header ul.icons li span.opt2 {
    display: inline-block;
    margin-top: 5px;
    float: left;
    filter: grayscale(100%);
    margin-top: 2px;
    display: none;
}

.header ul.icons li span.active {
    filter: grayscale(0%);
    z-index: 9999;
    position: relative;
}

.header ul.icons li span.opt2 {
    margin-top: 14px !important;
    margin-left: -4px;
}

.header ul.icons li span.opt1 img,
.header ul.icons li span.opt2 img {
    position: relative;
    border-radius: 0;
    width: 26px;
    height: auto !important;
}

.pet .ui-datepicker .ui-datepicker-prev,
.pet .ui-datepicker .ui-datepicker-next {
    border: 2px solid #444444;
    border-radius: 50%;
}

h4 a {
    color: #000;
    text-decoration: none;
}

.header li.nav-item a.nav-link {
    background: transparent !important;
    padding: 19px 22px;
}

a.text-center.load-more {
	font-size: 14px !important;
	color: #FFF;
	text-decoration: none;
	padding: 8px 26px;
	font-weight: 600;
	display: inline-block;
	border-radius: 5px;
	text-align: center;
	background: none !important;
	background: #000 !important;
}

section.Freelancers.spoffer .imgg img {
    height: auto !important;
    min-height: 100%;
}

section.Freelancers.spoffer .imgg {
    margin-top: 12px;
    height: 200px;
    overflow: hidden;
    border-radius: 6px;
}

section.Freelancers.spoffer a {
    color: #000;
    text-decoration: none;
}

.section_login .nav-tabs li:nth-child(1) button {
    background: #a52a2a2b;
}

.section_login .nav-tabs li:nth-child(2) button {
    background: #e67a9b;
}

.section_login .nav-tabs li:nth-child(3) button {
    background: #7d7ae6;
}


.section_login .nav-tabs li:last-child button {
    background: #7d7ae636;
}

.section_login .nav-tabs .nav-item {
    padding: 0 4px;
}


.header ul.icons li div#google_translate_element {
    margin-top: 4px;
}

body {
    top: 0 !important;
}

body .skiptranslate iframe {
    display: none;
    margin-top: -40px;
}

.header ul.icons li select.goog-te-combo {
    padding: 0 10px;
    height: 34px;
    margin-top: 0px;
    border-radius: 4px;
}

.shopcatlogmodal .modal-dialog.modal-lg {
    max-width: 100% !important;
    height: 100%;
    margin: 0;
    padding-right: 33px;
    background: #333333;
}

.shopcatlogmodal button.btn-close {
    position: fixed;
    right: 0;
    top: 10px;
    z-index: 9;
    background: #fff;
    font-size: 30px;
    margin-top: -19px;
    color: #000;
    height: 59px;
    border-radius: 0;
    opacity: 1;
}

.shopcatlogmodal .modal-content {
    height: 100%;
    border: none;
    border-radius: 0;
}

.shopcatlogmodal h3 {
    padding: 18px 30px;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.blog_mainpage .heart .text {
    height: 50px;
    width: 116px !important;
    position: absolute;
    top: 165px;
    right: 25px;
    margin: auto;
    background: #ffe78ef5;
}

.city_main_section .staycations .heart .text {
	top: 143px;
	right: 0px;
}

.social-icons {
    background-color: #c094a4 !important;
}

.order .img {
    width: 134px;
    margin: auto;
    position: relative;
    z-index: 9;
}

.order .img img {
    height: 118px !important;
    width: 118px !important;
}

.order {


    width: 181px;
    position: absolute;
    right: 10px;
    background: #fff;
    padding: 24px 15px 20px;
    text-align: center;
    box-shadow: 0 0 21px #00000038;
    bottom: 13px;
    margin: auto;
    height: 200px;
}

.order .btn {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #000;
    font-weight: 600;
    padding: 8px 30px;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 20px;
}

.order h4 {
    font-size: 17px !important;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 2px !important;
    padding-top: 0 !important;
}

.order h3 {
    font-size: 22px !important;
    color: #002C0A;
    font-weight: bold;
    margin-bottom: 7px !important;
    position: relative;
    z-index: 9;
    margin-top: -55px;
    padding-bottom: 5px;
}

.order p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.order h6 {
    margin-bottom: 11px !important;
    font-weight: 500;
    position: relative;
    z-index: 9;
    font-size: 14px;
}

.order a {
    color: #002C0A;
    font-weight: 600;
}

.order:after {
    background: #a8def7;
    content: "";
    height: 123px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}



.likedislike_like {
    position: absolute;
    top: -224px;
    right: 5px;
}


.online_detailings .form-check {
    border: none !important;
}

.online_detailings .form-check label.form-check-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.online_detailings label.form-check-label.text-danger.mb-2 {
    margin-top: 10px;
}

.online_detailings .massage_details {
	justify-content: unset !important;
}

.store_singledetail .welcomecomm {
    width: 100%;
    margin: auto;
    background: #0d6efd;
    padding: 21px 10px;
    border-radius: 10px;
    right: 0;
    text-align: center;
}

.store_singledetail .welcomecomm h3 {
    font-size: 26px;
    font-weight: 600;
    color: #fffdfde3;
    margin-bottom: 4px;
}

.banner.stor_img .stp.stap-left {
    position: relative;
}

.col-sm-12.d-flex.gap-1.px-0 {
    justify-content: left;
}

.banner.stor_img .stp.stap-left {
    margin-left: auto !important;
    width: 381px !important;
    top: -299px !important;
}

.banner.stor_img .stp.stap-left {
    position: relative;
    z-index: 9;
    margin: 0px;
    left: 20px !important;
    background-color: #fff !important;
}


.store_singledetail .welcomecomm h1 {
    font-size: 16px;
    color: #fffdfde3;
    font-weight: bold;
    margin-bottom: 0;
}


.greens-community span.singlelogo img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #100f0f;
    margin-bottom: 15px;
    margin-top: 11px;
}

.stp.stap-left .greens-community {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: left;
    gap: 20px;
}


.greens-community h2.text-dark {
    padding: 0px;
    margin: 0px;
    min-height: unset;
    color: #111316 !important;
    text-shadow: unset;
    text-align: start;
    font-size: 18px;
    text-transform: uppercase;
}

.banner.stor_img.newstor .stp {
    width: 656px;
    height: 68% !important;
}

.banner.stor_img .stp .st {
    display: flex;
    flex-direction: column-reverse;
    margin: 0px !important;
}

.banner.stor_img .stp .st h5:after {
    display: none;
}

.banner.stor_img .stp .st .row .col-sm-12.d-flex.gap-1.align-items-center.px-0 {
    margin: 6px 0px;
}

.banner.stor_img .stp .st .row {
    width: 100% !important;
    margin: 0px !important;
}

.banner.stor_img .stp .st h5 {
    margin: 20px 0px 0px !important;
    display: none;
}


.computers_ul li {
    margin-right: 33px;
}

.computers_ul {
    justify-content: start !important;
}

.banner.stor_img.newstor .stp {
    background: #ff8970b3 0% 0% no-repeat padding-box;
    padding: 15px;
    border-radius: 0px;
    text-align: center;
    margin-top: 394px;
    position: relative;
    width: 656px;
    height: 210px;
}


.sweet-alert h2 {
    font-size: 16px !important;
    padding-top: 42px !important;
    margin: 8px 0 !important;
}

.sweet-alert {
    position: relative;
    padding: 25px !important;
    width: 350px !important;
    margin-left: -170px !important;
}

/*
.sweet-alert img {
    height: 50px;
    position: absolute;
    top: -150px;
    left: 0;
    right: 0;
    margin: auto;
} */
.sweet-alert img {
    height: 55px;
    position: absolute;
    top: -106px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
}

a.Loginswal {
    width: 120px;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    display: inherit;
    height: 40px;
    line-height: 40px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    border-radius: 5px;
    margin: auto;
    font-size: 15px;
}

.benefits_prev p {
    background: #f8f8f8;
    padding: 12px 15px;
    margin-bottom: 6px;
    border-radius: 6px;
    border: none !important;
}

.previous_data .form-group {
    background: #f8f8f8;
    padding: 15px !important;
    margin-bottom: 6px;
    border-radius: 6px;
}

.previous_data .form-group h4 {
    font-size: 17px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 5px;
}

.our_service.blogctg .item .imgg11 {
    padding: 15px 15px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.our_service.blogctg .item .imgg11:hover {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%) !important; */
    color: #000;
}

.blog-bg {
    background-color: #F2F2F2;

}

.section_city .new-detail-img .imggg2-img {
    height: 100% !important;
    overflow: hidden;
    position: relative;
    border-radius: 10px 10px 0px 0px;

}

.city_main_section .new-detail-img {
  box-shadow: 0px 4px 4px 0px #0000001A;
  border: 1px solid #ddd;
}

.city_main_section .row.newslist {
}
.city_main_section .row.newslist .row {
  align-items: start;
}

.city_main_section .new-detail-img .w-100.city-news-al {
  max-height: 292px;
}

.city_main_section .new-detail-img .txt {
  padding: 7px 15px;
}

.city_main_section .new-detail-img .txt .icon-bi-share .bi.bi-share-fill.float-end.pt-3.sharelink {
  margin-left: auto !important;
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-content: center;
}

.city_main_section .new-detail-img .txt .text-h3-city {
  min-height: unset !important;
}

.city_main_section .new-detail-img .txt .mt-0.all_city_news-p.px-2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0px !important;
}
.city_main_section .new-detail-img .txt .btn {
  background-color: #fff;
  border: 1px solid #2563eb;
  border-radius: 5px;
  text-align: center;
  padding: 5px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.city_main_section .new-detail-img .txt .btn:hover {
  background-color: #2563EB !important;
  color: #ffffff !important;
}

.imggg-img-city {
  height: unset !important;
  max-height: 292px !important;
}

.staycation-text-h5 {
    padding: 0px 0px 5px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: capitalize !important;
    min-height: 34px !important;
    color: black !important;
    margin-top: 0px !important;
    height: 36px !important;
}

/* all heading  h6 */
.heading-text-h6 {
    letter-spacing: 0px;
    font-size: 24px;
    font-weight: 700;
    color: #000;
}
.Freelancers.section_city.blog_mainpage h6 a {
    font-size: 24px !important;
}
.Freelancers.section_city.blog_mainpage {
    padding: 30px 0;
}
.Freelancers.section_city.blog_mainpage h6 {
    margin: 0 !important;
}

.section_city .offers_img {
    height: 300px !important;
    margin-top: -3px;
    border-radius: 10px 10px 0px 0px;

}

.prices-text-p {
    height: 33px !important;
}

.holiday-text-h6 h6 {
    height: 31px !important;
}


.city_main_section .txt.holiday-text-h6 {
  padding: 7px 15px !important;
}

.city_main_section .txt.holiday-text-h6 .icon-bi-share .bi.bi-share-fill.pt-3.sharelink {
  margin-left: auto !important;
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-content: center;
}

.city_main_section .txt.holiday-text-h6 .stay-buttons.d-flex.gap-2 {
  margin-top: 20px;
  margin-bottom: 8px;
}

.city_main_section .txt.holiday-text-h6 .stay-buttons.d-flex.gap-2 a {
  width: 50%;
  transition: all 0.2s ease-in-out;
}

.city_main_section .txt.holiday-text-h6 .stay-buttons.d-flex.gap-2 a .btn.stay-btn.w-100 {
  width: 100% !important;
  background-color: #ffffff !important;
  border: 1px solid #2563eb !important;
  padding: 10px 5px !important;
  height: unset !important;
}

.city_main_section .txt.holiday-text-h6 .stay-buttons.d-flex.gap-2 .btn.stay-btn.w-100 {
  border: 1px solid #2563eb !important;
  width: 50% !important;
  height: unset !important;
  padding: 10px 5px !important;
}

.city_main_section .txt.holiday-text-h6 .stay-buttons.d-flex.gap-2 a .btn.stay-btn.w-100:hover {
  background-color: #2563EB !important;
  color: #ffffff !important;
  border-radius: 7px;
}

.city_main_section .txt.holiday-text-h6 .stay-buttons.d-flex.gap-2 a:hover {
  background-color: #2563EB !important;
  color: #ffffff !important;
  border-radius: 7px;
}

.city_main_section .txt.holiday-text-h6 .icon-bi-share {
	margin-bottom: 4px;
}


.al-text-dark {
    color: #1F2937;

    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;

}

.al-text-light {
    color: #A1A1A1;
    font-weight: normal;
    font-size: 15px;
    margin-top: 10px;
}

/* searchbar */

.searchbar {
    font-size: 14px;
    font-family: arial, sans-serif;
    color: #202124;
    display: flex;
    z-index: 3;
    height: 47px;
    background: white;
    border: 1px solid #ddd;
    box-shadow: none;
    border-radius: 8px;
    margin: 0 auto;
    width: auto;
}

.searchbar:hover {
    /* box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
    border-color: rgba(223, 225, 229, 0);
    border: 3px solid var(--bs-gray-600); */
}

.searchbar-wrapper {
    flex: 1;
    display: flex;
    padding: 5px 8px 0 14px;
}

.searchbar-left {
    font-size: 14px;
    font-family: arial, sans-serif;
    color: #202124;
    display: flex;
    align-items: center;
    padding-right: 13px;
    margin-top: -5px;
}

.search-icon-wrapper {
    margin: auto;
}
.auto-width-fix {
    width: fit-content;
}
.search-icon {
    margin-top: 0;
    color: #9aa0a6;
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.searchbar-icon {
    display: inline-block;
    fill: currentColor;
    height: 24px;
    line-height: 24px;
    position: relative;
    width: 24px;
}

.searchbar-center {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

.searchbar-input-spacer {
    color: transparent;
    flex: 100%;
    white-space: pre;
    height: 34px;
    font-size: 16px;
}

.searchbar-input {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .87);
    word-wrap: break-word;
    outline: none;
    display: flex;
    flex: 100%;
    margin-top: -37px;
    height: 34px;
    font-size: 16px;
    max-width: 100%;
    width: 100%;
}

.searchbar-right {
    display: flex;
    flex: 0 0 auto;
    margin-top: -5px;
    align-items: stretch;
    flex-direction: row
}

.searchbar-clear-icon {
    margin-right: 12px
}

.voice-search {
    flex: 1 0 auto;
    display: flex;
    cursor: pointer;
    align-items: center;
    border: 0;
    background: transparent;
    outline: none;
    padding: 0 8px;
    width: 2.8em;
}

/* search */
.primary-btn-al {
    border-radius: 0px !important;
    margin-top: -1px;
    background: #0d6efd !important;
    color: #fff !important;
    padding: 10px 18px;
    border: none;

}

/* .primary-btn-al:hover{
    border-radius: 0px !important;
    height: 45px;
    margin-top: -1px;
    background:#0d6efd !important;
    color:#fff !important;
    border:none !important;
} */

.searchbar-right {
    float: right;
    margin-right: -54px;
    margin-top: -36px;
}

.searchbar {
    font-size: 14px;
    font-family: arial, sans-serif;
    color: #202124;
    display: flex;
    z-index: 3;
    height: 47px;
    background: white;
    box-shadow: none;
    border-radius: 6px;
    margin: 0 auto;
    width: auto;
}

/* search end */

/* search bar   */

.our_service .item-text {
    text-align: left !important;
}

.our_service .item-text p {
    text-align: left !important;
}

.offer-details-text {
    color: #760E51 !important;
    font-size: 44px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 16px;
    text-shadow: 0 1px 10px #514545;
}

.offer-details-p {
    color: #000000;
    font-size: 28px;
    font-weight: 500;
    line-height: 44px;
    text-shadow: 0 1px 10px #ffffff;
    margin-bottom: 0;
}

/* ...............header.................. */
/*.sweet-alert {
    background-image: url(https://amalsocial.com/assets/frontend/amal_logo.png);
    background-repeat: no-repeat;
    background-size: 115px;
    background-position: center 25px;
    padding-top: 86px !important;
}
*/
.Nannies .item p i,
.Freelancers .item p i {
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    float: left;
    margin-right: 8px;
}

.motor-banner {
    background-color: #386641 !important;
}

.book_club .events ul li .btnn {
    background: #004E98;
    color: #fff;
    margin: 10px 0px;
    border: none;
    font-size: 14px;
    display: inline-block;
    padding: 9px 22px;
    text-decoration: none;
    border-radius: 5px;
}

header.header.header2 .nav-wrapper button {
    text-align: 7px;
}

.header nav.navbar li.nav-item.home {
    float: left;
    left: 8%;

}

@media (max-width:1399.98px) {
    .header nav.navbar li.nav-item.home {
        left: 1%;
    }
}


.collapse .navbar-collapse {
    width: 100% !important;
}

.header .main {
    background: #2563EB;
    padding: 4px 20px;
}

.section_neighbourhoodform .Neighbourform .form-signin .form-group .sctbtn ul.multiselect-container {
    margin-top: 60px;
    padding: 5px 13px;
}

.clubevents .card-body {
    padding: 0px;
}

.clubevents .card {
    border: none !important;
}

.clubevents .form-group {
    padding: 0px;
    padding-bottom: 7px;
}


.section_neighbourhoodform .Neighbourform .form-signin .btn {
    margin-top: 0;
}

.prelovedsection strong {
    color: #444444 !important;
}

.prelovedsection textarea.form-control {
    box-shadow: unset;
}

.section_neighbourhoodform .Neighbourform .form-signin .form-group .sctbtn {
    display: inline-block;
    margin-left: 7px;
    position: relative;
}

.section_neighbourhoodform .Neighbourform .form-signin .form-group .sctbtn span.multiselect {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 42px;
    border-radius: 13px;
    z-index: 999;
}

.header .nav-wrapper {
    /* margin-top: 12px; */
    text-align: right !important;
}

.header .frntlog {
    height: 100px;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 50px !important;
    height: 50px !important;
}

.header .sl-nav {
    display: inline;
}

.header .sl-nav p {
    font-weight: 600;
    color: black;
    margin: 0px;
}

.header .sl-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 0;
}


.header .sl-nav li ul.languagen {
    display: inline-block;
    margin-top: 13px;
    margin-left: 0;
    transform: inherit;
}

.header .sl-nav li ul.languagen li {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 15px;
    padding: 0 !important;
}

.header .sl-nav li ul.languagen li span.active {
    color: #fb8500;
}

.header .sl-nav li ul.languagen li+li {
    border-left: 1px solid #626262;
    margin-left: 7px;
}




.header ul.icons li.lng:hover ul {
    position: relative;
    width: auto;
    padding: 0;
    box-shadow: none;
    display: inline-block;
    right: inherit;
    top: inherit;
}

.header .sl-nav li ul.language li {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 15px !important;
}
.header .sl-nav li:hover ul {
    position: absolute;
    top: 12px;
    display: block;
    background: #fff;
    width: 130px !important;
    z-index: 23;
    border-radius: 4px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
    overflow: hidden;
    right: 50px;
    padding-left: 10px;
}
.header .sl-nav li ul li {
    height: auto;
}
.col-md-6.menu1:nth-child(2) {
    text-align: -webkit-right;
}
.header .sl-nav li ul li:hover span {
    color: #fb8500;
}

.header .sl-nav li {
    height: 44px;
}

.header .sl-nav p {
    font-weight: 600;
    color: black;
    margin: 0px;
}

.header .sl-nav li:hover .triangle {
    position: absolute;
    top: 15px;
    right: -10px;
    z-index: 10;
    height: 14px;
    overflow: hidden;
    width: 30px;
    background: transparent;
}

.header .sl-nav li:hover .triangle:after {
    content: '';
    display: block;
    z-index: 20;
    width: 15px;
    transform: rotate(45deg) translateY(0px) translatex(10px);
    height: 15px;
    background: #fff;
    border-radius: 2px 0px 0px 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.header .sl-nav li ul li {
    position: relative;
    text-align: left;
    background: transparent;
    padding: 15px 15px;
    padding-bottom: 0;
    z-index: 2;
    font-size: 15px;
    color: #3c3c3c;
}

.header .sl-nav li ul li:last-of-type {
    padding-bottom: 15px;
}

.header .sl-nav li ul li span {
    padding-left: 5px;
}

.header .sl-nav li ul li span:hover,
.sl-nav li ul li span.active {
    color: #002C0A;
}

.header .sl-flag {
    display: inline-block;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    width: 15px;
    height: 15px;
    background: #aaa;
    border-radius: 50%;
    position: relative;
    top: 2px;
    overflow: hidden;
}

.header .sl-nav li ul {
    display: none;
    transform: translate(-19px, 0px);
    margin-top: 30px;
}

.header .sl-nav .language li {
    margin-top: 10px;
    font-size: 14px;
    /* text-align: center; */
    display: block;
    margin: 0;
    padding: 2px 0px !important;
}

.header .sl-nav .language li img {
    height: 15px !important;
    margin-right: 1px;
    margin-top: -1px;
    width: 15px;
    border-radius: 50%;
}

.header .flagg img {
    height: 25px !important;
    width: 25px;
    margin-right: 5px;

}

#hideDiv {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: #fdfdfe;
    text-align: center;
}

#hideDiv img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;

}

.header .flagg {
    width: 100px;
    text-align: left;
}

.header .sl-nav:nth-child(2) li {
    float: right;

}

/* .nav-wrapper button {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
/* padding: 11px 28px;
font-size: 16px;

margin-right: 14px;
border-radius: 7px;
} */

*/ div#under_userc {
    position: absolute;
    bottom: -23px;
}

.nav-wrapper button {
    border: none;
    background: #FF007E;
    font-size: 13px;
    height: 34px;
    padding: 0px 30px;
    border-radius: 25px;
}

@media (max-width: 1399.FGpx) {
    .nav-wrapper button {
        right: 1px;
    }

    .searchbar-right {

        margin-right: -9px;

    }
}

.header.header2 .nav-wrapper button {
    top: 7px;
}

.nav-wrapper button a {
    text-decoration: none;
    color: #fff;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.header {
padding-bottom: 10px;
}*/

.modal-body-icon-d {
    display: flex;
    justify-content: space-evenly;
}

.header.header2 {
    padding-bottom: 0;
}

.header .navbar-brand img {
    width: 107px;
}

.header li.nav-item {
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 5px;
    /* width: 145px; */
    font-size: 18px;
    margin-top: 1px;
    height: 50px;
    padding: 0px 0;
}

/* .header .d-none {
    margin: 8px 16px;
}



.header .d-none img {
    width: 210px;
    position: absolute;
    top: 0px;
    z-index: 9999;
} */
.header .step1 {
    position: relative;
    height: 50px;
    margin: 3px;
}

.header .step2 {
    height: 100px;
    position: absolute;
    z-index: 99;
}

.header .step3 {
    position: absolute;
    height: 35px;
    text-align: center;
    top: 54px;
    left: 108px;
}

.header .step4 {
    position: absolute;
    bottom: -26px;
    z-index: 999;
    left: 1px;
    height: 15px;
}

.header2 .main1 .d-none img {
    width: 110px;
    position: relative;
}

.navbar-collapse {
    flex-basis: auto;
    flex-grow: inherit;
    align-items: center;
    width: 100%;
    justify-content: left;
}

.header .login {
    padding-left: 33px;
    font-size: 20px;
    padding-right: 25px;
    padding-top: 9px;
}

.header .login p {
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
}

.header form {
    position: relative;
}

.header a.nav-link {
    padding: 5px;
    color: white;
    font-weight: 500;
}

/* .header form .dropdown {
border: none;
position: absolute;
right: 27px;
border-radius: 5px;
top: 0px;
/* width: 55px; */
/* text-align: center;
font-size: 24px;
line-height: 34px;
} */


.header2 nav {
    background: #A8DEF7;
    position: relative;
}

.header .flagg {
    margin-left: 0;
    /* margin-top: 12px; */
    padding: 6px 12px;
    border-radius: 2px;
    /* background: white; */
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    height: 34px;
}

.header .dropdown-menu {
    transform: translate(12px, 2px);
    min-width: 83px;
    background: #ffffff;
    border-radius: 14px;
}

.header .dropdown-menu img {
    width: 34px;
}

.header .dropdown-menu li a {
    text-align: start;
}

.header .dropdown-menu li {
    margin-left: 0px !important;
    width: 100% !important;
}

.dropdown-item:focus, .dropdown-item:hover {
     background-color: #f1f1f1 !important;
    color: var(--bs-blue);
}

.header input {
	padding: 8px 31px;
	width: 219px;
	margin-left: 3px;
	border: none;
	margin-right: 15px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #ddd;
    outline: none;
}

.header .dropdown-toggle::after {
    color: #ffffff;
    font-size: 0;
}
.header form a.nav-link {
    font-size: 14px;
    font-weight: 600;
}

.header ul.icons {
    display: flex;
    float: right;
    margin-bottom: 0;
}

.header2 .main1 ul.icons {
    margin: 0px;
}

.header ul.icons img {
    height: 24px;
    /* border-radius: 50%; */
}

.header li.nav-item.home {
    padding: 0 4px;
}

.header .icons li a {
    text-decoration: none;
    color: #ffffff;
}

.header ul.icons li {
    list-style-type: none;
    padding-top: 0px;
    font-size: 26px;
    color: black;
    float: left;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
}

.header ul.icons li p {
    margin: 0px;
}

.header ul.icons li p span {
	background: #fe0101;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	position: absolute;
	top: -1px;
	right: -6px;
	border: 2px solid #fff;
	font-size: 10px;
	line-height: 18px;
	color: #fff;
	font-weight: 600;
	box-shadow: -6px 4px 10px 0 #ddd;
}

.header .sl-nav p {
    font-size: 12px;
}

.stay-buttons a {
    width: 100%;
    /* background: #002C0A;
    color: #fff; */
}

/* .stay-buttons a {
    background: aquamarine;
} */

/* .....................section................. */
/* .banner {
background-image: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.838542) 40.1%, rgba(255, 255, 255, 0) 100%) , url("../images/header_banner.png");
height: 800px;
width: 100%;
background-size: cover;
} */
.banner h1 {
    font-size: 45px;
    font-weight: 600;
}

.banner p {
    padding-top: 31px;
    font-size: 16px;
    line-height: 23px;
    margin: 0px;
}

.banner form {
    position: relative;
    width: 70%;
    padding-top: 11px;
}

.banner form button {
    border: none;
    position: absolute;
    right: -110px;
    border-radius: 5px;
    top: 18px;
    border-radius: 56px;
    padding: 3px 0px !important;
    color: #000;
    text-align: center;
    font-size: 13px;
    line-height: 34px;
}

.banner input {
    padding: 16px 10px;
    width: 100%;
    margin-left: 23px;
    border: none;
    padding-left: 184px;
    border-radius: 28px;
    background: #FFFFFF;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 25%);
}

.banner .input {
    width: 70px;
    position: absolute;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
    top: 19px;
    padding: 6px 9px;
    left: 48px;
    background: #FFFFFF;
    box-shadow: none;
    border-radius: 6px;
}

.banner .location {
    /* width: 147px; */
    position: absolute;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
    top: 19px;
    padding: 6px 9px;
    left: 46px;
    background: #FFFFFF;
    box-shadow: none;
    /* border-radius: 6px; */
}

.banner .line4 {
    height: 36px;
    width: 5px;
    background: #ccc;
    position: absolute;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
    top: 24px;
    /* padding: 6px 9px; */
    left: 150px;
    /* background: #FFFFFF; */
    box-shadow: none;
}

.banner form::placeholder {
    color: #C1C1C1;
}

.banner .carousel-indicators {
    margin-bottom: -50px;
}

.banner .carousel-item {
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.838542) 40.1%, rgba(255, 255, 255, 0) 100%);
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.header nav.navbar {
    padding: 12px 25px !important;
    background: #f4f4f4;
    position: relative;
    border-bottom: 0px solid #d4d6dbbf;
}

.header.header2 nav.navbar {
    padding: 8px 0 !important;
}

section.banner {
    margin-bottom: 0px;
}

.banner .carousel-indicators button {
    border-radius: 11px;
    height: 11px !important;
    width: 11px !important;
    /* /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    border: navajowhite;
    opacity: .5;
    background-color: #ff9e00;
}

.banner .carousel-indicators button.active {
    width: 16px !important;
    height: 16px !important;
    margin-top: -3px;
    opacity: 1;
    background-color: #E7A231;
}

.banner .scrol {
    overflow: hidden;
    position: fixed;
    right: 75px;
    bottom: 12px;
    padding: 7px;
    border-radius: 25px;
    z-index: 9;
    margin-bottom: 0;
    padding: 0;
}

.banner .scrol li {
    list-style-type: none;
    text-align: center;
}

.banner .scrol li img {
    height: 60px;
    border-radius: 50%;
}

.price-text {
    position: relative;
    background: #ffe78ef5;
}

.price-h6 {
    position: absolute;
    right: 0;
    bottom: 204px;
}

.sugbtn-all {
    color: #fff !important;
    background: #9666d4 !important;
    border: none !important;
    padding: 5px 16px;
}

.vector {
    width: 100%;
}

.event_singlepage .vector {
    padding-top: 40px;
    padding-bottom: 60px;
}

.event_single .row {
    align-items: center;
}

.event_single {
    padding: 25px;
    margin-top: 15px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10) !important;
}

.event_single .row .col-md-3:nth-child(3) {
    margin-bottom: auto;
}

.our_service h3 {
    color: #002C0A;
    font-size: 44px;
    padding-top: 37px;
    font-weight: 600;
    position: relative;
}

.our_service .line {
    height: 3px;
    width: 334px;
    border-radius: 10px;
    position: relative;
    background-color: #002C0A;
}

.our_service .line:after {
    background: #E4E4E4;
    position: absolute;
    left: 0px;
    width: 33.33%;
    height: 100%;
    content: "";
    top: 0px;
}

.our_service .line:before {
    background: #E4E4E4;
    position: absolute;
    right: 0px;
    width: 33.33%;
    height: 100%;
    content: "";
    top: 0px;
}

.our_service .our_service_carousel {
    margin-top: 30px;
}

.our_service .item {
    text-align: center;
    width: 100%;
    float: left;
    border-radius: 8px;
}

.our_service .item a {
    text-decoration: none;
    color: black;
}
body .app-section .form-control {
    padding: 0px 10px 0px 84px;
    height: 55px;
    width: 91% !important;
    margin-right: auto;
    border-radius: 0;
    margin-left: 0;
    border-radius: 10px 0 0 10px;
}
.our_service .item p {
    padding-top: 0;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
    font-weight: 400;
}
.whatsapp-btn span {
    font-size: 14px !important;
    color: #000 !important;
}
button.whatsapp-btn {
    padding: 0 8px !important;
    width: 36% !important;
    flex-direction: row-reverse;
    gap: 0;
    top: 11px !important;
    border-radius: 0 10px 10px 0 !important;
}
.our_service .item .imgg11 {
    text-align: center;
    margin: auto;
    padding: 10px 0px;
    min-height: auto !important;
    width: 55px !important;
    height: 55px;
    border-radius: 50% !important;
}
.store_singledetail .banner.stor_img.newstor {
    margin: 0px !important;
    border-radius: 0px !important;
}
.community.our_service.our_serives-banner.popular_categories_data .item img {
    height: 29px !important;
    width: auto !important;
    margin: 5px auto 0px;
}

.our_service .owl-nav button.owl-prev {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #000;
    font-size: 34px;
    position: absolute;
    top: 0;
    left: -40px;
    bottom: 0;
    margin: auto;
}

.our_service .owl-nav button.owl-next {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #000;
    font-size: 34px;
    position: absolute;
    top: 0;
    right: -40px;
    bottom: 0;
    margin: auto;
}

.our_service .owl-nav button span {
    position: absolute;
    top: -12px;
    left: 11px;
    font-size: 33px;
}

.our_service .owl-nav button.owl-next span {
    left: 13px;
}

.our_service .owl-dots {
    display: none;
}

.Freelancers h3 {
    color: #002C0A;
    font-size: 34px;
    padding-top: 10px;
    font-weight: 500;
}

.Freelancers .line {
    height: 3px;
    width: 9%;
    background-color: #002C0A;
    margin: inherit !important;
    float: left;
}

#owl-demo .item {
    margin: 3px;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

.Freelancers .item .lancers1 {
    text-align: center;
}
.search-input-wrapper {
    margin-right: 40px;
}

.Freelancers .lancers1 a {
    text-decoration: none;
    color: white;
}

.Freelancers .lancers1 ul {
    padding: 0;
    margin-bottom: 7px;
    text-align: right;
    display: flex;
    justify-content: space-around;
    margin-top: 5px;
}

.car-bg {
    background-color: #80808066;
}

.Freelancers .item {box-shadow: 0px 4px 4px 0px #0000001A;padding: 10px;}

.owl-stage {
    padding: 20px 0px;
}

section.Freelancers {
    background-color: #F9FAFB;
}

.Freelancers .item h6 {
    font-size: 18px !important;
}

.Freelancers .item p {
    gap: 12px;
}

.Freelancers .item i.bi.bi-geo-alt {
    padding: 10px !important;
    background: #EFF6FF;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: block;
    line-height: 3px;
    color: #2563eb;
    font-size: 13px !important;
    margin: 0px !important;
}
.club_carausel .col-12.blog-content {
	width: 95% !important;
	margin: 6px auto;
}
.Freelancers .item a.btn {
	box-shadow: 0px 0px 3.33px 0px #0000001A;
	text-align: center;
	padding: 7px 11px;
	color: var(--bs-blue);
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0;
	margin-top: 0;
	border-color: var(--bs-btn-hover-border-color);
	color: #fff !important;
	width: 100%;
	background-color: #2563eb !important;
}

.Freelancers .item a.btn:hover {
	color: #fff !important;
	background-color: #000000 !important;
	border-color:#000;
}

.Freelancers .owl-drag .item p {
  margin: 5px 0px !important;
}
.Freelancers .owl-drag .item .lancers1 {
  margin-top: 16px;
}
.Freelancers .owl-drag .item .imgmain {
  margin-bottom: 5px;
}

.heading-freelancers-slider {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.heading-freelancers-slider h4 {
  margin-top: 7px;
}

.heading-staycations-holdays {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.heading-staycations-holdays h4 {
  margin-top: 16px;
}

.heading-my-popup-stores {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.heading-my-popup-stores h4 {
  margin-top: 7px;
}

.Freelancers .lancers1 ul li {
    font-size: 16px;
    background-color: #fff;
    margin: 0 0px;
    border: 1px solid #FFFFFF;
    padding: 0px 6px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    height: 34px;
    line-height: 32px;
    border: none;
    width: 100%;
    text-align: center;
}

section.about_us .team .imgg {
    height: 277px;
    overflow: hidden;
}

section.about_us .team .imgg img {
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    object-fit: cover;
    width: 100%;
}

.Freelancers .lancers1 ul li span {
    display: none;
}

.Freelancers .lancers1 ul li:hover span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 12px;
    margin: auto;
    color: #002a01;
    top: -25px;
    text-align: center;
    font-weight: 500;
}

.Freelancers .lancers1 ul li:hover {
    color: #000;
    border: 1px solid #012d0b;
}

.club-banner {
    background-color: #004E98 !important;
}

.Freelancers.club .item h6 {
    padding-top: 0;
    font-size: 15px;
    text-align: center;
}

.Freelancers .item p .bi-star-fill {
    color: #FFC107;
    font-size: 19px;
    margin-right: 5px;
}

.section_carpooling label {
    margin-top: 0px;
}

.Freelancers .item p {
    margin: 0px;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.Freelancers .item p.loct {
    min-height: 45px;
    line-height: 22px;
}

section.Freelancers {
    padding: 60px;
}

.Freelancers .item .imgmain .img {
	width: 68px;
	position: absolute;
	left: 0;
	overflow: hidden;
	height: 68px;
	top: 0;
	padding: 6px;
	border-radius: 2px;
}

.freelancers-slider .img {
	background-color: #eff6ff;
}

.Freelancers .item {
    margin: 0 0px;
    background: #FFFFFF;
    border-radius: 8px;

}

.Freelancers .item-free {
    border: 1px solid #6e6e6e1c;
}

.Freelancers .item .imgmain {
    position: relative;
    padding-left: 95px;
    min-height: 85px;
    margin-bottom: 0;
    padding-top: 5px;
}

.Freelancers .item p .bi-star-fill {
    color: #FFC107;
    margin-right: 0px;
    font-size: 19px;
}

section.blog_mainpage.blog_mainpage2 {
    margin-bottom: 40px;
}

.four-blog-section .blog2 ul {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  gap: 5px;
  padding: 0px 10px !important;
}
.four-blog-section .blog2 h5 {
  position: absolute;
  bottom: 34%;
  padding: 0px 10px !important;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-content: center;
}
.four-blog-section .blog2 {
  min-height: 353px !important;
 border: 0.4px solid rgba(112, 112, 112, 0.09) !important;
  box-shadow: 0px 1px 4px #70707017;
}
.four-blog-section .blog2 h5 .float-end i {
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: block;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px;
  margin-top: -9px;
}

.four-blog-section .blog2 ul li:last-child i {
  background-color: #fb02001c;
  color: #fb0200;
  border-radius: 50%;
  display: inline-block;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
}
.four-blog-section .blog2 ul li:nth-child(2) i {
  background-color: #0070ff1a;
  color: #0070ff;
  border-radius: 50%;
  display: inline-block;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
}
.four-blog-section .blog2 ul li:first-child i {
  background-color: #2c00ff1f;
  color: #2c00ff;
  border-radius: 50%;
  display: inline-block;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
}
.four-blog-section h6 {
	position: absolute;
	bottom: 23%;
	padding-left: 10px;
}

.heading-four-blog-section {
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.heading-four-blog-section h4 {
 padding: 0px !important;
 margin: 0px !important;
margin-top: 7px !important;
}



.blog_mainpage.blog_mainpage2 .blog2 a {
  display: flex;
  flex-direction: column;
}

.blog-section .blog2.blogg2 {
	border: solid 1px #ddd !important;
	box-shadow: 0px 4px 4px 0px #413F3F1A;
}

.freelancers_carousel {
    position: relative;
}

/* .owl-nav button span {
font-size: 60px;
}*/
.owl-nav button.owl-prev {
    position: absolute;
    top: 0;
    left: -50px;
    bottom: 0;
}

.owl-nav button.owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -50px;
}

.owl-dots {
    display: none;
}

/* ...............................Nannies....................... */
.Nannies h3 {
    color: #002C0A;
    font-size: 34px;
    padding-top: 37px;
    font-weight: 500;
}

.Nannies .line {
    height: 3px;
    width: 9%;
    background-color: #002C0A;
    margin: inherit !important;
    float: left;
}

.Nannies .item {
    background: #7AE6C0;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 8px;
    margin: 15px 0px;
    padding: 15px;
}

.Nannies .item .imgmain {
    position: relative;
    padding-left: 95px;
    min-height: 85px;
    margin-bottom: 0;
    padding-top: 15px;
}

.Nannies .item .imgmain .img {
    width: 80px;
    position: absolute;
    left: 0;
    border-radius: 50%;
    overflow: hidden;
    height: 80px;
    top: 0;
}

.Nannies .item p .bi-star-fill {
    color: #FFC107;
    margin-right: 0px;
    font-size: 19px;
}

.Nannies .item h6 {
    padding-top: 0;
    font-size: 17px;
    margin-bottom: 2px;

}

.Nannies .item h6 .bi {
    color: #FFC107;
    margin-right: 5px;
    font-size: 15px;
}

.Nannies .item p {
    margin: 0px;
    line-height: 24px;
    font-size: 14px;
}

.Nannies .Nannies2 a.btn {
    border: none;
    /* /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    border-radius: 4px;
    padding: 0 5px;
    height: 34px;
    color: #000;
    line-height: 34px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    width: 100%;
}

/*.Nannies .Nannies2 .bi{
font-size: 17px;
background-color: white;
margin-right: 17px;
border: 1px solid #FFFFFF;
padding: 1px 12px;
box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
border-radius: 5px;
}
.Nannies .Nannies2 .bi:hover{
/* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%);
color: white;
}*/

 .Nannies .Nannies2 ul {
    padding: 0;
    margin-bottom: 0;
    text-align: right;
}

.Nannies .Nannies2 ul li {
    font-size: 17px;
    background-color: white;
    margin: 0 0px;
    border: 1px solid #FFFFFF;
    padding: 0px 8px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    height: 34px;
    line-height: 32px;
    border: 1px solid gainsboro;
}

.Nannies .Nannies2 ul li span {
    display: none;
}

.Nannies .Nannies2 ul li:hover span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 12px;
    margin: auto;
    color: #002a01;
    top: -25px;
    text-align: center;
    font-weight: 500;
}

.Nannies .Nannies2 ul li:hover {
    /* /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #000;
    border: 1px solid #012d0b;
}


.Nannies .freelancers_carousel {
    position: relative;
}

.Nannies .owl-nav button span {
    font-size: 60px;
}

.Nannies .owl-nav button.owl-prev {
    position: absolute;
    top: 0;
    left: -50px;
    bottom: 0;
}

.Nannies .owl-nav button.owl-next {
    position: absolute;
    top: 0;
    right: -50px;
    bottom: 0;
}

/* .............................Top Rated Gardeners...................... */
.Gardeners h3 {
    color: #002C0A;
    font-size: 34px;
    padding-top: 37px;
    font-weight: 500;
}

.Gardeners .line {
    height: 3px;
    width: 9%;
    background-color: #002C0A;
    margin: inherit !important;
    float: left;
}

.Gardeners .item {
    background: #FBFFC4;
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.16), inset 2px 2px 0px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    margin: 26px 0px;
    padding: 17px;
}

.Gardeners .item h6 {
    padding-top: 5px;
    font-size: 17px;

}

.Gardeners .item h6 .bi {
    color: #FFC107;
    margin-right: 5px;
    font-size: 15px;
}

.Gardeners .item p .bi {
    font-size: 17px;
    margin-right: 10px;
}

.Gardeners .item p {
    margin: 3px;
    line-height: 1.7;

}

.Gardeners a {
    color: black;
    font-weight: 600;
    padding: 6px 11px;
    /* background: white; */
    /* border: 1px solid #ccc; */
    border-radius: 6px;
    margin-left: 29px;
}

/*.Gardeners .Gardeners2 .bi{
font-size: 17px;
background-color: white;
margin-right: 17px;
border: 1px solid #FFFFFF;
padding: 1px 12px;
box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
border-radius: 5px;
}
.Gardeners .Gardeners2 .bi:hover{
/* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%);
color: white;
}*/

 .Gardeners .Gardeners2 ul {
    padding: 0;
}

.Gardeners .Gardeners2 ul li {
    font-size: 17px;
    background-color: white;
    margin: 0 5px;
    border: 1px solid #FFFFFF;
    padding: 1px 12px;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 5px;
    display: inline-block;
    position: relative;
}

.Gardeners .Gardeners2 ul li span {
    display: none;
}

.Gardeners .Gardeners2 ul li:hover span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 13px;
    margin: auto;
    color: #002a01;
    bottom: -22px;
}

.Gardeners .Gardeners2 ul li:hover {
    /* /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #000;
}

.Gardeners .Gardeners2 {
    text-align: center;
    padding: 10px 0px;
}

.Gardeners .freelancers_carousel {
    position: relative;
}

.Gardeners .owl-nav button span {
    font-size: 60px;
}

.Gardeners .owl-nav button.owl-prev {
    position: absolute;
    top: 0;
    left: -50px;
    bottom: 0;
}

.Gardeners .owl-nav button.owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -50px;
}



/* ......................app............................                */
.first_time.intro {
    display: none;
}

.first_time {
    position: fixed;
    z-index: 9999999;
    background: #00000070;
    width: 100%;
    height: 100%;
    top: 0;
}

.first_time h3 {
    background: #fff;
    position: absolute;
    left: 0;
    text-align: center;
    top: 0;
    right: 0;
    bottom: 0;
    width: 350px;
    height: max-content;
    margin: auto;
    padding: 25px 30px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 10px;
    line-height: 23px;
}

.first_time .clk {
    position: absolute;
    top: 19px;
    font-size: 24px;
    right: 20px;
}

.first_time h3 img {
    height: 50px;
    margin-bottom: 12px;
}

.app {
    margin: 50px 0px;
    padding: 0;
}

.app h2 {
    padding-top: 30px;
    font-weight: 700;
    font-size: 42px;
    line-height: 54px;
    color: #FFFFFF;
}

.app p {
    font-size: 16px;
    padding: 18px 0px;
    text-align: justify;
}


.app h3 {
    color: #fff;
    font-size: 24px;
    padding-top: 20px;
    margin-bottom: 20px;
}

.app form label {
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    left: 15px;
    top: 0;
    border-right: 1px solid #ccc;
    padding-right: 13px;
    height: 34px;
    line-height: 32px;
    bottom: 0;
    margin: auto;
}

section.app.app2 form {
    position: relative;
    max-width: 580px !important;
    margin-left: 190px;
    margin-bottom: 31px;
}

section.app.app2 form select.form-control {
    border: navajowhite;
    width: 100% !important;
    padding: 0 !important;
    height: 100%;
    text-align: center;
    appearance: auto;
    box-shadow: none;
}

section.app.app2 form label.form-label {
    width: 68px;
    border: none;
    border-right: 1px solid #ccc;
    left: 1px;
    text-align: center;
    padding-right: 5px;
}


.app form .buttonn {
    border: none;
    padding: 0 0px;
    border-radius: 7px;
    font-size: 16px;
    color: white;
    height: 52px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: 500;
    background: transparent;
    margin-right: 124px;
}

section.app.app2 .form-control {
    padding: 0px 0px 0px 75px;
    height: 52px;
    font-size: 15px;
    width: 55% !important;
}


section.app.app2 .form-control::placeholder {
    color: #B4B4B4;
}

.app h2 span img {
    height: 60px;
}

.app ul {
    padding: 0px;
    margin-top: 35px;
    display: block;
    width: 100%;
    float: left;
    text-align: center;
}

.app ul li {
    width: 18%;
    list-style: none;
    display: inline-block;
    text-align: center;
}

.app ul li span {
    /* border: 2px solid #fff; */
    height: 60px;
    width: 60px;
    border-radius: 30px;
    text-align: center;
    line-height: 54px;
    display: inline-block;
    margin-bottom: 8px;
}

.app ul li img {
    height: 52px;
}

.app ul li label {
    display: block;
    color: #ffff;
    font-weight: 600;
    font-size: 15px;
}

/* *********************section_login***************************************** */
/* .header2{
background-color: white;
position: relative;
} */

/*.header2 .main {
    background-color: white;
}*/
.header2 .main1 {
    background-color: #c0d8d3;
}

.header2 {
    /* background-color: #BFD8D2;
    border-bottom: 1px solid #ccc; */
    position: relative;
    /* text-align: center; */

}

.header2 input {
    border: 1px solid #ccc;
}

.section_login {
    width: 100%;
    padding: 0 0px 25px;
}

.section_login .form-signin h2 {
    padding-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
}

.section_login .form-signin .form-group {
    text-align: left;
    margin-bottom: 15px;
}

/* .section_login .login1 {
margin: 50px 0px;
} */
.section_login .form-signin .form-group label {
    color: black;
    font-weight: 600;
}

.social a {
    padding: 20px 0;
    width: 100%;
    border-radius: 12px;
    color: #002C0A;
    font-weight: 500;
    margin-bottom: 15px;
    display: inline-block;
    border: 1px solid #eaeaea;
    text-decoration: none;
}

.social a:hover {
    background: #002C0A;
    color: #fff;
    border: 1px solid #002C0A;
}

.social a i {
    font-size: 30px;
    margin-bottom: 10px;
}

.section_login p a {
    color: #002C0A;
    font-weight: 500;
}

.section_login .carousel,
.loginpage .form-signin {
    margin-top: 5%
}

.section_login .into i.fas.fa-eye {
    position: absolute;
    top: 4px;
    right: 10px;
    margin: auto;
    color: #989898;
}

.section_login .form-control {
    height: auto;
    margin-bottom: 15px;
    /* border-bottom: 1px solid #a7a7a759; */
    border-radius: 6px;
    outline: none;
    padding: 10px 15px;
    box-shadow: none;
    color: #002C0A;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    font-weight: 600;
}

.section_login .into {
    position: relative;
}

.section_login .into svg {
    position: absolute;
    right: 11px;
    top: 17px;
}

.section_login .form-signin button {
    /* /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    border: none;
    border-radius: 6px;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 54px;
    /* box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029; */
}

.lgin .modal-body {
    padding: 10px 30px;
    width: 100% !important;
}

div#myTabContent {
    background: #ffff;
    padding: 40px;
    max-width: 700px;
    margin: 0 auto;
}

.section_login .form-signin button:hover {
    opacity: .8;
}
h4.subscribe {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}
.section_login .form-control::placeholder {
    color: #ced1d3;
    font-weight: 400;
    font-size: 14px;
}

.section_login h5 {
    color: #000;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
}

.section_login.forgotpass {
    padding-top: 20%;
}

.section_login h5::after {
    position: absolute;
    background: #d5d5d5;
    content: "";
    height: 1px;
    width: 128px;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 176px;
}

.section_login h5::before {
    position: absolute;
    background: #d5d5d5;
    content: "";
    height: 1px;
    width: 128px;
    left: 176px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
}

.section_login img {
    margin-bottom: 0;
    margin: 0 10px;
    height: 36px;
}

.section_login .form-signin {
    background: #fff;
    padding: 35px 30px;
    width: 100%;
    margin: auto;
    border: 1px solid #eceaea;
    border-radius: 14px;
    margin-top: 20px;
}

.logleft {
    width: 80%;
    margin: 16% auto 0;
}
.nav-item li{
    width: 40% !important;
}
.section_login .log1 {
    padding: 15px 0px;
    font-size: 18px;
    font-weight: 600;
}

.modal-dialog.modal-lg.lgin {
    margin:0 auto;
}

.lgin span.d-flex.mb-4 {
	padding-top: 11px;
}

.lgin .form-group {
	padding: 0px !important;
}

.lgin div#myTabContent {
	padding: 0px;
}

.section_login .nav-tabs .nav-item button {

    font-weight: 600;
    color: #002C0A !important;
    width: 100%;
    height: 45px;
    border-radius: 7px;
    padding: 0px 10px;
    font-size: 16px;
    /* background: #7fe6c2!important; */
}

.first_tab {
    /* background: #7fe6c2!important; */
}

.section_login .form-signin .checkbox a {
    color: #012d0b;
}

.section_login .nav-tabs .nav-item button.active {
    background: #2563eb;
    color: #ffffff !important;
}

.section_login .nav-tabs {
    text-align: center;
    /* background: white; */
    border-radius: 0;
    /* height: 61px; */
    font-size: 16px;
    /* margin-bottom: 20px; */
    width: 100%;
    /* box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029; */
    margin: 11px auto;
    border: none;
}

.section_login .nav-tabs .nav-item {
    width: 40% !important;
    margin: auto;
}

.lgin button.btn-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
}

.section_login .form-signin .form-password {
    position: relative;
}

.section_login .form-signin .form-password svg {
    position: absolute !important;
    top: 38px !important;
    right: 12px !important;
}



/* **********************signup****************** */
.section_signup .form-signin {
    width: 100%;
}

.section_signup .imagefile {
    position: relative;
    float: left;
}

.section_signup .imagefile input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.section_signup .imagefile img {
    width: 146px;
    margin-bottom: 15px;
    margin-left: 0px;
}

.section_signup .imagefile button {
    border: none;
    background-color: #d6e8fe;
    padding: 10px 41px;
    border-radius: 6px;
    font-weight: 700;
}

.section_signup .imagefile h6 {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.section_signup .imagefile .bi {
    font-size: 37px;
    margin-left: 17px;
}

/*   all_categories-section   */
.card-body-all {
    height: 50px !important;
    width: auto !important;
    margin: 0 auto 0px;
    display: block;
    width: 100%;
    border-radius: 25px;
    text-align: center;
    margin: auto;
    padding: 15px 0;
    min-height: 171px !important;
}

.all-categries-service .item-all a {
    text-decoration: none;
    color: black;
}

.item-all p {
    padding-top: 0;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0;
    font-weight: 500;
}

.card-body-all img {
    width: 150px;
    padding: 24px 0 !important;
}

.item-free-border {
    border-radius: 7px;
}

.all_categories-section {
    margin-bottom: 40px;
    margin-top: 35px;
}

.card-all-categoeies {
    text-align: center;
    margin: auto;
    padding: 15px 0;
    min-height: 260px !important;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 25px;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}

.card-all-categoeies:hover {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%) !important; */
    color: #000;

}




/*  end all_categories-section  */
/* *******************single_profile*********************************** */
.single_profile {
    width: 100%;
    padding: 20px 0px;
    margin-bottom: 0px !important;
}

.single_profile h2 {
    font-size: 30px;
    font-weight: 600;
}

.single_profile .imgg {
    height: 280px;
    overflow: hidden;
    margin: 10px 0px;
    position: relative;
}

.single_profile .imgg img {
    height: 100%;
    /*    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 10px;*/
}


.service-card {
    border: 1px solid #E7E7E7;
    border-radius: 10px;
}

.service-card img {
    width: 100%;
}

.service-text h5 {
    color: black !important;
    font-size: 17px !important;
    margin: 0 !important;
}

.service-text-img img {
    height: 41px !important;
}


.service-text h6 {
    color: #2B2C34 !important;
    font-size: 12px !important;
    margin: 0 !important;
}

.service-text2 h6 {
    margin-top: 10px;
    color: black !important;
}

.service-text2 span {
    color: #A1A1A1 !important;
    font-size: 11px;
}

.service-text2 .float-icon {
    color: #A1A1A1 !important;
    font-size: 20px;
}

.freelancer-review-card {
    border: 2px solid #DCDCDC;
    padding: 15px;
    border-radius: 10px;
}

.free-details img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
}

.freelancer-review-card p {
    color: #505050;
    line-height: 29px;
    /* font-weight: 500; */
    font-weight: 600;
}

.freelancer-review-card p i {
    color: #FFDC64 !important;
    font-size: 23px;
}



.single_profile .like i {
    position: absolute;
    right: 13px;
    top: 10px;
    font-size: 20px;
    background: white;
    height: 33px;
    width: 33px;
    text-align: center;
    border-radius: 45px;
}

.single_profile .share {
    position: absolute;
    right: 13px;
    bottom: 10px;
    font-size: 18px;
    background: white;
    height: 33px;
    width: 33px;
    text-align: center;
    line-height: 33px;
    border-radius: 68px;
}



.single_profile .save {
    position: absolute;
    right: 13px;
    bottom: 16px;
    font-size: 20px;
    background: white;
    height: 33px;
    width: 33px;
    text-align: center;
    border-radius: 45px;
}

.single_profile .imggg {
    position: relative;
}

.single_profile .profile {
    background: #f7f7f7;
    padding: 15px 25px;
}

.single_profile .profile li {
    list-style-type: none;
    padding-top: 9px;
    font-size: 16px;
}

.single_profile .profile li .bi {
    margin-right: 19px;
}



.single_profile .profile li img {
    margin-right: 27px;
}

.single_profile .btn {
    border: none;
    background-color: #FBFFC4;
    font-size: 25px;
    font-weight: 600;
    padding: 10px 89px;
    border-radius: 11px;
}

.single_profile span .btnn1 {
    border: none;
    padding: 15px 67px;
    border-radius: 7px;
    margin-top: 20px;
    font-size: 16px;
    /* /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #000;
    /* margin-top: 13px; */
    margin-left: 12px;
}

.single_profile h4 {
    padding-top: 30px;
    font-size: 23px;
    font-weight: 600;
    color: #002C0A;
}

.single_profile .edu li img {
    margin-right: 6px;
    margin-left: -36px;
}

.single_profile .edu {
    position: relative;
    /* border: 1px solid rgba(0, 0, 0, 0.16); */
    border-radius: 10px;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}

.single_profile .edu li {
    list-style-type: none;
    font-size: 16px;
    padding: 12px 13px;
}

.single_profile .item {
    border-radius: 10px;
    padding: 10px 10px;
    margin-top: 15px;
    margin-bottom: 10px;
    background: white;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}

.single_profile .item h5 {
    font-size: 22px;
    font-weight: 600;
    padding-top: 11px;
}

.single_profile .item span .bi {
    color: #FFC107;
    margin-right: 5px;
    font-size: 18px;
}

.single_profile .item p {
    font-size: 16px;
    margin: 0px;
}

.single_profile .item span {
    padding-top: 10px;
}

.single_profile .line {
    height: 3px;
    width: 9%;
    background-color: #002C0A;
    margin: inherit !important;
    float: left;
}

.single_profile .btnn {
    border: none;
    padding: 13px 74px;
    border-radius: 7px;
    margin-top: 20px;
    font-size: 16px;
    background: #00AFB9;
    color: #fff;
    width: 100%;
}

.loved-card {
    /* background: red; */
    padding: 15px;
    border-radius: 10px;
    height: 136px;
    width: 143px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Popular_Residential .item .set .lancers1 ul {
    padding: 0;
    margin-bottom: 0;
    text-align: start !important;
}

.Popular_Residential .item .set .lancers1 ul li {
    font-size: 16px;
    background-color: white;
    margin: 0 0px;
    border: 1px solid #FFFFFF;
    padding: 0px 6px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    height: 34px;
    line-height: 32px;
    width: 35px !important;
    border: none !important;
}


.Popular_Residential .item .set .img span {
    background: #10B981 !important;
    position: absolute;
    right: 23px !important;
    padding: 4px 7px;
    color: #fff !important;
    top: 18px !important;
    border-radius: 4px;
}

.Popular_Residential .item .set .lancers1 a.viewmoresee {
    border: none;
    border-radius: 4px;
    padding: 0 5px;
    height: 34px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    width: 100px;
    color: #325EF1 !important;
    line-height: 34px;
    display: inline-block;
    text-align: start !important;
    text-decoration: none;
    background: transparent !important;
}

.staytypecn {
    color: #000;
    height: 47px;
    padding: 0px 9px !important;
    width: 100%;
    font-size: 17px;
    border-radius: 5px !important;
    border: 2px solid #656262 !important;
}

.al-text-center-btn {
    color: #2563EB;
    padding: 10px 22px;
    border: none;
    font-weight: 600;
    font-size: 16px;
}

.loved-card img {
    height: 74px;
    width: 94px !important;
}

.loved-card-p {
    font-size: 16px;
    display: flex;
    justify-content: center;
    width: 69%;
    /* background: red; */
    align-items: center;
}

.loved-banner {
    background-color: #325EF1 !important;
}

.single_profile .btnn a {
    color: white;
    text-decoration: none;
    font-size: 16px;
}

.single_profile button.btnn1 {
    border: none;
    /* background: #ccc; */
    padding: 12px 49px;
    margin-right: 20px;
    border-radius: 7px;
}

.single_profile button.btnn1 a {
    color: black;
    text-decoration: none;
    font-size: 16px;
}

.single_profile .owl-nav {
    display: none;
    margin: 0px;
}

.single_profile .nanny_profile {
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    background: #fff;
    width: 100%;
    padding: 40px;
}


.family-member-popup .row.img-uplode-box {
  width: 100%;
  padding: 10px 4px;
  gap: 8px;
  display: flex;
  justify-content: start;
}


.family-member-popup .main-uploding-section .button-submit {
  display: flex;
  justify-content: start;
  margin-left: 4px;
}

.family-member-popup .main-uploding-section .button-submit .btnnn1 {
  margin: 0px 0px 0px -11px !important;
  font-size: 13px;
  padding: 12px 37px;
}

.family-member-popup .row.img-uplode-box .uplode-img {
	display: flex !important;
	flex-direction: column;
}

.family-member-popup .row.img-uplode-box .big-img {
  padding: 0px;
  width: 25% !important;
}


.family-member-popup .main-uploding-section {
  margin-left: 9px;
}
.family-member-popup .main-uploding-section .uploding-section h6 {
  margin-bottom: 6px !important;
}

.family-member-popup .modal-body {
  padding: 0px 9px 32px 32px;
}

.family-member-popup .add_visit {
  height: fit-content;
  margin-bottom: 7px;
}

.family-member-popup .row.top-row-box {
  width: 100%;
}


.family-member-popup .row.img-uplode-box .imagefile img {
  width: 64px !important;
  margin: 0 !important;
  height: 56px !important;
}





.allsocial .modal-body .contt li {
    list-style-type: none;
    margin: 10px 0;
}

ul.contt {
    padding: 0;
}

.allsocial .modal-body .contt li .bi {
    font-size: 30px;
    color: white;
}

.allsocial .modal-body .contt li span {
    height: 75px;
    width: 75px;
    text-align: center;
    /* margin: 6px 21px; */
    /* padding: 6px 13px; */
    line-height: 75px;
    display: inline-block;
    background: #7AD0E6;
    border-radius: 50%;
}

.allsocial .modal-body .contt li a {
    text-decoration: none;
    color: black;
}

.allsocial .modal-body .contt .whatsapp {
    margin-left: -44px;
}

.allsocial .modal-content {
    background: transparent;
    border: none;
    position: absolute;
    right: 0px;
}

.allsocial .btn-close1 {
    border: none;
    background: no-repeat;
    color: #ccc;
    font-size: 33px;
}

.allsocial {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 20px;
    margin: auto;
    height: 325px;
    width: 75px;
}

.allsocial .modal-body {
    padding: 0;
}

.single_profile .btnn11 {
    border: none;
    padding: 13px 74px;
    border-radius: 7px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    margin-left: 12px;
    /* color: #000;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
}

.single_profile button.buttonn {
    border: none;
    padding: 13px 74px;
    border-radius: 7px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    margin-left: 12px;
    color: #000;
    /* /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
}


.single_profile .pricce .form-check-input {
    font-size: 20px;
}

.single_profile .pricce .form-check h5 {
    font-size: 16px;
    margin: 0px;
    padding-top: 5px;
}

.single_profile .pricce ins {
    font-size: 17px;
    color: red;
    margin-right: 10px;
    font-weight: 600;
}

.single_profile .pricce del {
    font-size: 16px;
    color: grey;
    margin-right: 8px;
}

.single_profile .pricce .form-check p {
    text-align: justify;
    margin: 0px;
    padding: 1px 0px;
    font-weight: 600;
    color: #002C0A;
}

.single_profile .pricce .btnn {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 10px 31px;
    font-size: 16px;
    margin: 8px 0px;
    /* margin-left: 14px; */
    text-decoration: none;
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #000;
    font-weight: 600;
}

img.appa {
    height: 45px;
}

/* ***************************************Neighbourhoodmain_page**************************** */

.button-neighbourhood {
    background: #235789;
    color: #fff;
    height: 41px;
    padding: 13px 17px 37px 19px !important;
    border-radius: 8px;
}



.Neighbourhoodmain_page {
    width: 100%;
    margin-bottom: 60px;
}

.Neighbourhoodmain_page .banner {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url("../images/naibhourhoodwatch.jpg");
    width: 100%;
    padding: 90px 0px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: right;
    height: 500px;
}

.Neighbourhoodmain_page h2 {
    font-weight: 600;
    font-size: 25px;
    color: #002C0A;
    padding: 18px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Neighbourhoodmain_page h3 {
    font-size: 22px;
    color: #002C0A;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: 10px;
}

.Neighbourhoodmain_page .btn {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    padding: 8px 38px;
    border-radius: 7px;
}

.Neighbourhoodmain_page .btn a {
    color: white;
    text-decoration: none;
}

.Neighbourhoodmain_page .mainpage img {
    border-radius: 10px;
}

.Neighbourhoodmain_page .mainpage {
    margin: 0px;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px #0000001A;
    margin-bottom: 10px;
    height: 365px !important;
}

.Neighbourhoodmain_page .mainpage .imgg {
    height: 200px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #ddd;
    display: flex;
}

.Neighbourhoodmain_page .mainpage ul {
    padding: 0px;
}

.Neighbourhoodmain_page .mainpage ul li {
    list-style-type: none;
    padding: 3px 0px;
}

.Neighbourhoodmain_page .mainpage ul li .bi {
    margin-right: 7px;
    font-size: 16px;
}

.Neighbourhoodmain_page .mainpage h6 {
    padding-top: 5px;
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

.Neighbourhoodmain_page .mainpage h6 .bi {
    color: #FFC107;
    margin-right: 5px;
    font-size: 15px;
}
.full_customize_code .row {
    align-items: center;
}

.full_customize_code .row button.float-end.buttonn {
    margin: 0;
}
a.btn_rttt {
    display: block !important;
    width: fit-content;
    box-shadow: 0px 0px 3.33px 0px #0000001A;
    padding: 8px 20px;
    border-radius: 5px;
}
.Neighbourhoodmain_page .mainpage p .bi {
    font-size: 17px;
    margin-right: 10px;
}

.Neighbourhoodmain_page .mainpage a {
    color: black;
    text-decoration: none;
    margin-bottom: 0px !important;
    display: block;
}

.Neighbourhoodmain_page .mainpage p {
    margin: 15px 0;
    line-height: 20px;
    text-align: justify;
    font-size: 15px;
    height: 45px;
}

.flex_social_gtt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}

.flex_social_gtt ul {
    display: flex;
    align-items: center;
    margin: 0;
}
.full_customize_code ul#myTab {
    justify-content: end;
    margin-bottom: 60px;
}
.full_customize_code .imgg img {
    height: 300px;
    object-fit: cover;
}
.mainpage1.flex_social_gtt a.mb-3 {
    margin: 0 !important;
    color: #2563eb;
    box-shadow: 0px 0px 3.33px 0px #0000001A;
    font-size: 14px;
    padding: 8px 20px;
}
.flex_social_gtt ul li a i {
    color: #2563eb;
}

.flex_social_gtt ul li a {
  background: #fff !important;
  background-color: rgb(255, 255, 255);
  border-radius: 50% !important;
  width: 35px;
  height: 35px;
  line-height: 35px;
  padding: 0 !important;
  text-align: center !important;
  border: 1px solid #2563EB;
  transition: all 0.2s ease-out;
  display: flex !important;
  justify-content: center;
  align-items: center;
}


.elderly_care .spacing_eldery .bi.bi-geo-alt {
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px !important;
  justify-content: center;
  align-items: center;
  margin-top: -5px;
}

.elderly_care .spacing_eldery .bi.bi-stopwatch {
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px !important;
  justify-content: center;
  align-items: center;
  margin-top: -5px;
}

.elderly_care .spacing_eldery p {
  display: flex;
  align-content: center;
}

.spacing_eldery p {
    height: auto !important;
    margin: 15px 0 !important;
}

.spacing_eldery {
    padding: 5px 15px;
    margin-top: 10px;
}
.mainpage a.mb-3 {
    background: #ff007e;
    display: inline;
    padding: 10px 15px;
    border-radius: 19px;
    margin-left: 20px;
}

.Neighbourhoodmain_page .mainpage1 a {
    font-size: 17px;
    background-color: white;
    margin: 0 5px;
    padding: 5px 12px;
    border-radius: 5px;
    display: inline-block;
}

.Neighbourhoodmain_page .mainpage1 a i {
    margin: 0 !important;
}


.elderly_care .mb-3:hover {
  border: 1px solid #2563EB;
}

.elderly_care .mb-3 {
  transition: all 0.2s ease-out;
  border: 1px solid #FFF;
}

.elderly_care .flex_social_gtt ul li a:hover {
  background-color: #2563eb !important;
}


.elderly_care .flex_social_gtt ul li a:hover i {
  color: #fff !important;
}


.Neighbourhoodmain_page .mainpage1 p {
    text-align: center;
    padding: 10px 0px;
    margin: 7px 0 0 0;
}

.Neighbourhoodmain_page li.page-item {

    margin-left: 10px;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border: none;
}

.Neighbourhoodmain_page .page-link:hover {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #000;
}
.align_direct {
    display: flex;
    justify-content: space-between;
}
.Neighbourform {
    background: #f4f4f4;
    padding: 50px 0;
}
.spacing_eldery.corporte p {
    margin: 0 0 10px !important;
}
.align_direct ul {
    display: flex;
}
.Neighbourhoodmain_page .page-link {
    color: black;
    font-size: 20px;
}
li.wishlist_button .dropdown.wishlist a p {
    color: #2563eb;
}
.align_direct ul li i {
    color: #fdb817;
}
li.wishlist_button .dropdown.wishlist a img {
    filter: invert(30%) sepia(111%) saturate(2437%) hue-rotate(203deg) brightness(95%) contrast(97%);
}
li.wishlist_button .dropdown.wishlist a {
    display: flex;
    align-items: center;
}

li.wishlist_button {
    display: flex;
}

li.wishlist_button {
    padding: 8px 20px !important;
    background: #fff;
    border-radius: 51px;
    height: auto !important;
    margin: 0 13px;
}

li.wishlist_button a img {
    width: 19px !important;
    height: 18px !important;
    margin-right: 5px;
}
.Neighbourhoodmain_page .pagination {
    margin-bottom: 50px;
}
.full_customize_code .mainpage {
    height: fit-content !important;
    padding-bottom: 15px;
}
.Neighbourhoodmain_page .nav li button.active {
    background: #235789;
    color: #fff;
    padding: 11px 40px;
    font-size: 14px;
    border: none;
    width: fit-content;
    border-radius: 10px;
    /* box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029; */
}

.Neighbourhoodmain_page .nav li button {
    background: #00AFB9;
    color: #fff;
    padding: 11px 30px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 10px;
    border: none;
    width: fit-content;
    /* box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029; */
}

.Neighbourhoodmain_page .nav {
    margin: 15px 0px;
    border: none;
}

.Neighbourhoodmain_page .nav li {
    margin-right: 19px;
}

.Neighbourhoodmain_page .concern {
    border: 1px solid #ccc;
    padding: 13px;
    float: right;
}

.Neighbourhoodmain_page .imagefile {
    position: relative;
    float: left;
}

.Neighbourhoodmain_page .imagefile input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.Neighbourhoodmain_page .imagefile img {
    width: 146px;
    margin-bottom: 15px;
}

.Neighbourhoodmain_page .imagefile button {
    border: none;
    background-color: #d6e8fe;
    padding: 10px 41px;
    border-radius: 6px;
    font-weight: 700;
}

.Neighbourhoodmain_page .imagefile h6 {
    font-size: 18px;
    font-weight: 500;
}

.Neighbourhoodmain_page .imagefile .bi {
    font-size: 37px;
    margin-left: 17px;
}


.Neighbourhoodmain_page .buttonn {
    border: none;
    /* /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    background: #235789;
    color: #fff;
    padding: 11px 23px;
    margin-top: 20px;
    font-size: 16px;
    border-radius: 10px;
}

.Neighbourhoodmain_page .buttonn a {
    text-decoration: none;
    color: white;
}

.Neighbourhoodmain_page .form-group .btnn11 {
    border: none;
    background: #eae7c4;
    padding: 13px 9px;
    margin-top: 20px;
    width: 200px;
    border-radius: 9px;
    font-size: 16px;
    margin-right: 15px;
    /* color: white; */
}

.Neighbourhoodmain_page .ads {
    background-image: url(../images/banner-home-cleaning.jpg);
    height: 200px;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 8px;
    padding: 20px;
    width: 100%;
    background-size: cover;
    margin: 20px 0px;
    background-repeat: no-repeat;
}


.Neighbourhoodmain_page .ads h5 {
    font-size: 49px;
    font-weight: 600;
    color: #103e25;
    font-family: 'violante';
}

.Neighbourhoodmain_page .ads .imgg {
    height: 131px;
    width: 243px;
    overflow: hidden;
}

.Neighbourhoodmain_page .ads .imgg img {
    height: 125px;
}

.Neighbourhoodmain_page .ads .btnn1 {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    padding: 11px 35px;
    font-size: 16px;
    margin: 10px 0px;
    margin-right: 14px;
    text-decoration: none;
    display: inline-block;
    color: #000;
    border-radius: 7px;
}










/* *****************************section_mycommunity*********************** */
.community {
    width: 100%;
}

.community .banner1 {
    background-image: url("../images/1 (2).png");
    width: 100%;
    padding: 120px 0px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.community h2 {
    font-weight: 600;
    font-size: 39px;
    color: #002C0A;
    padding: 18px 0px;
}

.community .catagories .imgg {
    width: 94px;
    padding: 14px 20px;
    margin: auto;
}

.community .catagories .imgg img {
    height: 80px;
    width: auto;
}

.community h5 {
    font-size: 17px;
    font-weight: 600;
}

.community a {
    text-decoration: none;
    color: black;
}

.community .catagories {
    margin: 28px 0px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}

.free-apply-button {
    background: #00AFB9;
    width: 294px;
    color: #fff;
}

.community .breadcrums {
    font-size: 15px;
    padding: 15px 0px;
}

.community .imgg1 {
    margin: 30px 0px;
    height: 270px;
    overflow: hidden;
    display: block;
}

.tab-pane1 {
    display: none;
}

.community .nav {
    border: none;
    margin: 0px 0px;
    position: relative;
    /* border-bottom: 2px solid #D6D6D6; */
}

.community .secret .nav {
    border-bottom: none;
}

.community .nav .nav-item {
    border: none;
    width: 33.33%;
}

.community .nav .nav-link {
    border: none;
    background: none;
    width: 100%;
}

.community h4 {
    color: #002C0A;
    font-weight: 600;
    font-size: 30px;
    padding-top: 32px;
}


section.community.our_service .mainn {
    background: #a8def7;
    padding: 8px 13px;
}

section.community.our_service .mainn h5 {
    margin-bottom: 0;
}

section.community.our_service .mainn p {
    margin-bottom: 0;
}


.mycommunity-img img {
    height: 100%;

}


.community .mainn1 {
    background: transparent radial-gradient(closest-side at 50% 50%, #1b5440c2 0%, #002c0abf 100%) 0% 0% no-repeat padding-box;
    /* opacity: 0.7; */
    padding: 20px 20px;
}

.community .img1 h3 {
    position: absolute;
    /* z-index: 59; */
    /* top: 208px; */
    right: 0;
    bottom: 0;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 0.8;
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 4px;
    padding: 10px 15px;
    width: 90%;
    margin-bottom: 0;
    font-weight: 500;
    margin: auto;
    left: 0;
}

.community .img1:hover+.member {
    display: block;
    cursor: pointer;
}

.community .member {
    position: absolute;
    top: 20px;
    z-index: 9999;
    height: 80px;
    line-height: 60px;
    width: 100%;
    display: none;
    text-align: center;
    /* visibility: hidden; */
    border-radius: 60px;
}

.community .img1:hover .member {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 38px;
    /* background: #000000 0% 0% no-repeat padding-box;
border-radius: 6px;
opacity: 0.8; */
}


.community .img1 {
    height: 120px;
    overflow: hidden;
    border-radius: 7px;
    position: relative;
    margin-bottom: 4px;
}

.community .img1 img {
    min-height: 100% !important;
}

.community .mainn1 .mainn {
    text-align: center;
    background: #EBF2B9 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    padding: 10px 0px;
    border-radius: 5px;
    opacity: 1;
    margin-top: 0px;
}

/* .community .mainn1 .mainn:hover {
background-color: white!important;
} */




.community .mainn1 .mainn h5 {
    font-size: 20px;
    color: black;
    font-weight: 600;
}

.community .mainn1 .mainn p {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    color: black;
}

.community .mainn1 h2 {
    color: white;
    font-size: 29px;
    font-weight: 600;
    text-align: center;
    padding-top: 100px;
}

.community .mainn1 .btnn1 {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 16px 28px;
    font-size: 16px;
    margin: 10px 0px;
    margin-left: 14px;
    color: #000;
    display: inline-block;
    margin-bottom: 24px;
}

.community .mainn1 .btnn1:hover {
    background: white;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 10px;
    color: black;
}

.community .imggg1 {
    height: 250px;
    overflow: hidden;
    /* box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029; */
    position: relative;
    /* border-radius: 8px; */
}


.community .Notice_Board .imggg1 {
    height: 191px;
}

.community .Notice_Board .imggg1 img {
    min-height: 100%;
}

.community .Notice_Board .upcoming {
    padding: 15px;
    height: 226px;
    position: relative;
    padding-bottom: 50px;
}

.community .upcoming {

    /* opacity: 1; */
    margin-top: 0;
    padding: 20px;
    /* overflow: hidden; */

}

.community .Notice_Board .upcoming a.btnn2 {
    position: absolute;
    bottom: 14px;
    width: 88%;
    left: 0;
    right: 0;
    margin: auto;
}

.community .upcominggg {
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 10px;
    /* display: inline-block; */
    overflow: hidden;
}


.community .upcoming h6 {
    font-weight: 600;
    font-size: 18px;
}

.community .upcoming ul {
    padding: 0px;
}

.community .upcoming li {
    list-style-type: none;
    padding: 2px;
    font-size: 15px;
}

.community .upcoming .bi {
    margin-right: 10px;
}

.community .upcoming .btnn2 {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 8px;
    /* opacity: 1; */
    padding: 10px 20px;
    font-size: 15px;
    /* margin: 47px 0px; */
    /* margin-left: 14px; */
    color: #000;
    display: block;
    font-weight: 500;
}

.community .upcoming .btnn2:hover {
    background: white;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 10px;
    color: black;
}

.community .Notice_Board .upcoming li {
    padding: 0;
}

.community .Notice_Board .upcoming ul {
    margin-bottom: 5px !important;
}





.community .imggg1 h3 {
    position: absolute;
    /* z-index: 59; */
    /* top: 208px; */
    right: 8px;
    bottom: -2px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 0.8;

    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 4px;
    padding: 8px 18px;
}


/* .community .imggg1  h3:hover {
    background: white;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
            border-radius: 10px;
            color: black;
        } */



/* .community img {
    border-radius: 10px;
} */
.community .board {
    background-image: url(../images/46099-[Converted].png);
    box-shadow: inset 4px 4px 0px #00000029, 2px 2px 0px #804513C7;
    border: 2px solid #723B0C;
    border-radius: 8px;
    opacity: 1;
    background-position: center;
    width: 100%;
    margin: 55px 0px 0;
    position: relative;
    padding: 15px 15px 0 15px;
    min-height: 418px;
}

.community .tab-pane {
    position: relative;
}

.community .Helpful {
    position: relative;
    margin: 20px 0px;
}

.community .secret {
    position: relative;
    margin: 31px 0px;
}

.community .nav-link.active h4 {
    color: #002C0A;
    font-weight: 600;
    font-size: 18px;
    padding-top: 0;
}

.community .nav-link.active .line3 {
    background-color: #002C0A;
}

.community .nav-link h4 {
    color: #938f8f;
    font-weight: 600;
    font-size: 18px;
    padding-top: 00;
}

.community .nav-link .line3 {
    background: no-repeat;
}

.community .line3 {
    height: 3px;
    width: 200px;
    position: absolute;
    top: 10px;
    border-radius: 10px;
    position: relative;
    background-color: #002C0A;
}


.community .line2 {
    height: 3px;
    width: 448px;
    position: absolute;
    top: 10px;
    border-radius: 10px;
    position: relative;
    background-color: #002C0A;
}

.community .line2:after {
    background: #E4E4E4;
    position: absolute;
    left: 0px;
    width: 33.33%;
    height: 100%;
    content: "";
    top: 0px;
}

.community .line2:before {
    background: #E4E4E4;
    position: absolute;
    right: 0px;
    width: 33.33%;
    height: 100%;
    content: "";
    top: 0px;
}


.community .vr {
    position: absolute;
    left: -25px;
    opacity: 9;
    color: #002C0A;
    height: 471px;
    top: 2px;
    width: 0.5px;
}

.community .vr a {
    position: absolute;
    top: 487px;
    transform: rotate(-90deg);
    width: 62px;
    left: -33px;
    color: #002C0A;
    font-size: 15px !important;
    text-decoration: underline;

}

.community .vr a:hover {
    /* /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: white;
    transform: rotate(-30deg);
    padding: 0px 4px;
}



.community .board .set {
    width: 100%;
    height: 150px;
    background-size: 100%;
    margin: 12px 0px;
    background-repeat: no-repeat;
}

.community .board .set p {
    font-size: 18px;
    font-weight: 500;
    transform: rotate(-6deg);
    padding: 35px 35px;
    font-family: 'FORTE';
}

.community .board .set2 p {
    transform: rotate(22deg);
}

.community .board .set p.notice-scroll span {
    overflow-y: auto;
    height: 80px;
    overflow-x: hidden;
    display: block;
}

.community .board .set p.notice-scroll a {
    color: #022f0f;
    text-decoration: underline;
    font-size: 16px;
}

.community .mainn2 {
    background: transparent radial-gradient(closest-side at 50% 50%, #1b5440c2 0%, #002c0abf 100%) 0% 0% no-repeat padding-box;
    padding: 53px 0px;
    color: white;
    height: 658px;
    position: relative;
}

.community .mainn2 .imgg11 {
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
    position: absolute;
    left: 0;
    width: 50%;
}

.community .mainn2 p {
    font-size: 16px;
    color: #EDCB38;
    text-align: center;
    padding: 10px 0px;
    font-family: 'Poppins', sans-serif;
}

.community .mainn2 h5 {
    font-size: 42px;
    font-weight: 600;
    padding-top: 87px;
    text-align: center;
}


.community .mainn2 .btn11 {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 10px;
    padding: 14px 41px;
    font-size: 16px;
    color: #000;
    display: inline-block;
    margin-top: 12px;
}

.community .mainn2 .btn11:hover {
    background: white;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 10px;
    color: black;
}

.community .petss {
    padding: 70px 0px;
    position: relative;
    margin-top: 44px;
}


.community .petss .imgg12 {
    margin-top: 60px !important;
}

.community .petss .imgg112 {
    margin-top: -26px !important;
}


.community .petss .imgg11 {
    margin: 11px 0px;
    height: 250px;
    overflow: hidden;
    transition: all 1s;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 8px;

}

.community .petss .imgg11 img {
    height: 100%;
}




.community .petss .imgg11:hover {

    transition: all .3s;
    transform: translateY(-10px);
    border-bottom: 2px solid #002C0A;
}


.community .petss h2 {
    font-size: 42px;
    font-weight: 600;
    padding-top: 60px;
}

.community .petss p {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

.community .petss .btn12 {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 10px;
    padding: 11px 36px;
    display: inline-block;
    font-size: 16px;
    margin-top: 20px;
    color: #000;
}

.community .petss .btn12:hover {
    background: white;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 10px;
    color: black;
}



.community .secret .nav .nav-link.active {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    right: 0px;
    z-index: 99;
    bottom: 0px;
    opacity: 1;
}

.community .tab-content {
    padding: 0px;
}


.community .secret .nav .nav-link.active .img12 {
    border: 4px solid #FFFFFF;
    border-radius: 6px;
    height: 470px;
    display: inline-flex;
}

.community .secret .img12 {
    height: 450px;
    overflow: hidden;
    border-radius: 9px;
    position: relative;
    background: #000000 0% 0% no-repeat padding-box !important;
    border-radius: 10px;
    z-index: 9;

}

.community .secret .nav .nav-link img {

    background: #000000 0% 0% no-repeat padding-box;
    /* border-radius: 10px; */
    opacity: 0.6;
}

.community .secret .nav .nav-link.active img {
    opacity: 1;
}


.community .secret .nav .nav-link {
    border: none;
    /* background: none; */
    /* margin-right: 30px; */
    width: 50%;
    /* margin: 0px; */
    float: left;
    margin-top: 49px;
    /* opacity: 0.6; */
    display: inline-block;
}

.community .secret h2 {
    padding-top: 134px;
}

.community .secret h6 {
    color: #EDCB38;
    font-weight: 500;
    font-size: 18px;
}

.community .secret p {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}

.community .secret a {
    color: #002C0A;
    font-weight: 900;
    font-size: 17px;
    text-decoration: underline;
}

.community .iconnns ul {
    padding: 0px;

    margin-top: 20px;
}

.community .iconnns ul:hover {
    color: black;
}

.community .iconnns ul li {
    list-style-type: none;
    width: 56px;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    margin-right: 15px;
    height: 56px;
    margin-top: 20px;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    line-height: 56px;
    text-align: center;
    border-radius: 50px;
    color: #000;
}

/* .community .iconnns ul li:hover{
         background: white;
        color: black;
    } */
.community .iconnns {
    position: fixed;
    right: 107px;
    z-index: 9999;
    /* bottom: 279px; */
}

.community .iconnns ul li a {
    height: 68px;
    width: 200px;
}

.community .iconnns img {
    height: 30px;
}

.community .iconnns ul li a .bi {
    font-size: 25px;
    color: white;
}

.community .iconnns ul li a .bi:hover {

    color: black;
}


.banner .carousel-item img {
    width: 100%;
    height: 450px !important;
    border-radius: 0px !important;
    object-fit: fill;
}

.community .real_catagories .item {
    /* width: 9%; */
    /* display: inline-block; */
    text-align: center;
    width: 100%;
    float: left;
    margin: 0 0.5%;
    position: relative;
}

.community .real_catagories .item img {
    height: 76px;
    padding: 5px;
    text-align: center;
    border-radius: 11px;
    display: inline-block;
}



.community .real_catagories {
    display: flex;
    margin: 30px 0px;
}

.community .real_catagories .imgg11 {
    border-radius: 8px;
    height: 116px;
    width: 116px;
    overflow: hidden;
    text-align: center;
    margin: auto;
    line-height: 116px;
}


.community .secret .recipe {
    /* border: 7px solid black; */
    position: relative;
}

.community .secret .nav .nav-link.active .recipe::before {
    display: none;
}

.community .secret .nav .nav-link.active .recipe::after {
    display: none;
}

.community .secret .nav .nav-link.active .img12::before {
    display: none;
}

.community .secret .nav .nav-link.active .img12::after {
    display: none;
}

.community .secret .nav .nav-link.active .recipe1::after {
    display: none;
}

.community .secret .nav .nav-link.active .recipe1::before {
    display: none;
}

.community .secret .nav .nav-link.active .recipe2::after {
    display: none;
}









.community .secret .recipe::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    height: 20px;
    width: 20px;
    border-radius: 40px;
    border: 3px solid white;
    background: black;
    z-index: 999;
}

.community .secret .recipe::after {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 20px;
    height: 20px;
    width: 20px;
    border-radius: 40px;
    border: 3px solid white;
    background: black;
    z-index: 99;
}

.community .secret .img12::before {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 20px;
    height: 20px;
    width: 20px;
    border-radius: 40px;
    border: 3px solid white;
    background: black;
    z-index: 1;
}

.community .secret .nav .nav-link.active:last-child {
    margin-top: auto !important;
}

.community .secret .nav-link:last-child {
    margin-top: -47px !important;
    position: relative;
}

.community .secret .img12::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    height: 20px;
    width: 20px;
    border: 2px solid white;
    border-radius: 40px;
    background: black;
}

.community .secret .recipe1::after {
    content: '';
    position: absolute;
    top: 43px;
    right: 29px;
    background: black;
    width: 2px;
    height: 367px;
    z-index: 99;
}

.community .secret .recipe1::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 29px;
    z-index: 999;
    height: 368px;
    background: black;
    width: 2px;
    bottom: 0px;
    margin: auto;
}

.community .secret .recipe2::after {
    content: '';
    position: absolute;
    top: -18px;
    left: 29px;
    height: 2px;
    width: 280px;
    background: transparent;
    height: 488px;
    border: 2px solid #000;
}

/* .recipe2::before {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 29px;
            background: black;
            height: 2px;
            z-index: 1;
            width: 280px;
        } */
.community .secret .recipe2 {
    position: relative;
}

/* ***********************************Grocery************************************ */

.groceryhome .grocerypage .img {
    height: 200px;
}


.grocery .grocerypage-02 {
  padding: 14px;
}
.my-popup-stores .grocerypage {
  padding: 0px !important;
}
.my-popup-stores .grocerypage .btn {
	background: #FF0004 !important;
	color: #fff !important;
	border-radius: 0px 0px 7px 7px !important;
}


.grocery {
    /* background-image: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.7) 40.1%, rgba(255, 255, 255, 0.7) 100%) ,url("../images/Vector.png"); */
    width: 100%;
    background-size: cover;
}

.grocery h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 19px 0px;
}

.grocery h6 {
    padding-top: 43px;
}

.grocery h6 .bi {
    margin-right: 8px;
}

.grocery h4 {
    font-size: 26px;
    color: #002C0A;
    font-weight: 600;
    padding-top: 2px;
}

.grocery p {
    font-size: 16px;
}

.grocery h6 a {
    text-decoration: none;
    margin-right: 15px;
    background: white;
    padding: 7px 15px;
    border-radius: 3px;
    display: inline-block;
    color: #002C0A;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
}

.grocery h3 {
    font-size: 22px;
    color: #002C0A;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 10px;
}

.grocery .btn {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    padding: 8px 38px;
    border-radius: 7px;
    color: #000;
}

.grocery .btn a {
    color: white;
    text-decoration: none;
}

.grocery .grocerypage {
    background: white;
    border-radius: 10px;
    margin: 10px 0px;
    padding: 14px;
box-shadow: 0px 3.26px 3.26px 0px #0000001A;
}

.Freelancers .item p.spt {
    min-height: 50px;
}

.grocery .grocerypage h5 {
    font-size: 18px;
    color: black;
    font-weight: 600;
    padding-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 65%;
}

.grocery .grocerypage p {
    font-size: 14px;
    margin: 0px;
    padding-bottom: 6px;
    min-height: 50px;
}

.grocery .grocerypage ul {
    padding: 0px;
    min-height: 75px;
}

.section_emergancy .catagories .imgg {
    height: 130px;
    overflow: hidden;
}

.section_emergancy .catagories h5 {
    padding: 15px 0px 0;
}

.section_emergancy .catagories .imgg img {
    width: 100%;
    min-height: 100%;
}

.section_emergancy .modal-body.servicess .form-group {
	margin-bottom: 10px;
}

.section_emergancy .modal-body.servicess .form-group label {
	font-size: 14px;
	color: rgb(68, 68, 68);
	font-weight: 500;
	margin-bottom: 4px;
}

.section_emergancy .modal-body.servicess .form-group input {
	color: rgb(102, 102, 102);
	font-size: 13px;
	font-weight: 500;
	border: 1px solid rgba(221, 221, 221, 0.867);
	padding: 7px 5px;
}

.grocery .grocerypage li {
    list-style-type: none;
    font-size: 16px;
}

.grocery .grocerypage li .bi {
    margin-right: 16px;
}

.grocery .grocerypage .img img {
    height: 190px !important;
    width: 100% !important;
    object-fit: cover;
}
.grocery .grocerypage .img {
    height: auto;
    overflow: hidden;
    border-radius: 15px 15px 0px 0px;
}

.grocery .grocerypage .btn {
    border: none;
    width: 100%;
    background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%);
    padding: 10px 10px;
    color: #000;
    border-radius: 7px;
    font-weight: 600;
}

.carpooling_div .tab-pane {
    position: relative;
}

.grocery .grocerypage button a {
    text-decoration: none;
    color: white;
    font-size: 16px;
}

.grocery li.page-item {
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    margin-left: 10px;
    border: none;
}

.grocery .page-link:hover {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #000;
}

.grocery .page-link {
    color: black;
    font-size: 20px;
}

.grocery .pagination {
    margin-bottom: 50px;
}

/* ********************************section_store_singledetail************************* */
select#under_changec {
    background: transparent;
    padding: 0;
    border: navajowhite;
    appearance: auto;
    width: 50%;
    font-size: 16px;
    text-align: center;
    color: white;
}

/*div#under_userc {
    width: 237px;
    position: absolute;
    right: 0;
    top: 78px;
}*/
div#under_userc p {
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    float: left;
    margin: 0;
    margin-right: 5px;
    border-right: 1px solid #043111;
    padding-right: 7px;
    line-height: 13px;
}

.store_singledetail {
    width: 100%;
}

.store_singledetail .viewall {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    margin-right: 10px;
    margin-left: 9px;
    height: 41px;
    padding: 0 47px;
    display: -webkit-inline-box;
    line-height: 41px;
    color: #000 !important;
    border-radius: 4px;
    font-size: 15px;
    margin-top: 5px;
    text-decoration: none;
}

.store_singledetail h2 span {
    width: 70px;
    height: 70px;
    display: inline-block;
    border-radius: 50%;
    background: white;
    text-align: center;
    line-height: 60px;
    margin-right: 12px;
    border: 1px solid #002C0A;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.store_singledetail h2 span img {
    height: 100%;
    width: 100%;
}

.store_singledetail h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 13px 0 13px 90px;
    margin-bottom: 0;
    text-align: left;
    position: relative;
    min-height: 53px;
}

.store_singledetail h2 label {
    font-size: 18px;
    display: block;
    color: #212529;
    font-weight: 400;
}

.community-left-content h3 {
    font-size: 32px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #ffffff;
}

.store_singledetail h6 {
    padding-top: 20px;
}

.store_singledetail h6 .bi {
    margin-right: 4px;
}

.store_singledetail h4 {
    font-size: 26px;
    color: #002C0A;
    font-weight: 600;
    padding-top: 16px;
}

.store_singledetail p {
    font-size: 12px;
}

.store_singledetail h6 a {
    text-decoration: none;
    margin-right: 15px;
    background: none;
    border-radius: 3px;
    color: #002C0A;
}


.store_singledetail .btnnn {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    padding: 8px 38px;
    border-radius: 7px;
    color: #000;
}

.store_singledetail .btnnn a {
    color: white;
    text-decoration: none;
}

.store_singledetail .sales {
    border-radius: 10px;
    margin-top: 20px;
    padding: 7px 8px 13px 8px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    /* height: 100%; */
    position: relative;
}

.row.classbt {
    /* position: absolute;
    width: 100%;
    left: 0;
    margin: auto;
    bottom: 10px; */
}

.store_singledetail .sales .imgg {
    position: relative;
    height: 270px;
    overflow: hidden;
    border-radius: 7px;
}

.buy-store_single .imgg {
	padding: 5px;
	border: 1px solid #dddddd59 !important;
	margin-bottom: 10px;
}

.buy-store_single .like-icon-stores {
	position: absolute;
	top: -237px;
	right: -11px;
	width: 41px;
}


.buy-store_single .row.piece_AED {
  margin: 0px;
  padding: 8px 2px 20px;
}

.buy-store_single .row.piece_AED font {
	padding: 0px !important;
}

.buy-store_single .row.piece_AED .form-select {
  font-size: 14px !important;
}

.buy-store_single p {
	margin-bottom: 3px !important;
}


.buy-store_single p ins span {
  height: 28px;
  line-height: 25px;
}

.buy-store_single .discount-box {
	display: flex;
	align-items: baseline;
	gap: 10px;
}


.buy-store_single .viewmore.w-100.m-0 {
  padding: 8px 0px;
}

.buy-store_single .add_to_cart button.btnn {
  padding: 8px 0px !important;
  background-color: #EFF6FF !important;
  color: #2563eb;
}

.last-button .btnn.w-100.wishlist {
	background: #ff5757 !important;
}

.buy-store_single .icon-bi-share .bi.bi-share-fill.sharelink {
	background-color: #eff6ff;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #2563eb !important;
}

.store_singledetail .sales .btn {
    border: none;
    background-color: #7AD0E6;
    height: 26px;
    width: 26px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 23px;
    padding: 0;
    line-height: 10px;
}

.store_singledetail .sales .btn svg {
    font-size: 12px;
}

.store_singledetail .sales .btn img {
    height: 15px;
}

.store_singledetail .sales h5 {
    font-size: 17px;
    font-weight: 600;
    padding-top: 6px;
}

.store_singledetail .sales ins {
    color: #002C0A;
    text-decoration: none;
    margin: 0px 6px;
    font-weight: 600;
    font-size: 17px;
}

.store_singledetail .sales .imgg img {
    min-height: 100%;
}

.store_singledetail .buy-store_single .imgg {
	height: unset;
}

.store_singledetail .buy-store_single .imgg img {
	max-height: 200px !important;
}

.store_singledetail .sales p .bi {
    font-size: 15px;
}

.store_singledetail .sales p {
    font-size: 14px;
    margin-bottom: 5px;
}

.store_singledetail {
    width: 100%;
    margin-bottom: 0px !important;
}

.store_singledetail .sales p a {
    color: #080808;
    font-weight: 600;
    background: #dddddd;
    font-size: 13px;
    padding: 2px 4px;
    border-radius: 3px;
    text-decoration: none;
    margin-left: 2px;
}

.store_singledetail .btn-close {
    position: absolute;
    top: 7px;
    right: 13px;
}


.store_singledetail .sales1 h5 {
    font-size: 22px;
    font-weight: 600;
    padding-top: 20px;
}

.store_singledetail .sales1 .imgg img {
    border-radius: 7px;
}

.store_singledetail .sales1 p {
    font-size: 14px;
}


.store_singledetail .sales1 button.btnn {
    border: none;
    width: 201px;
    font-weight: 600;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 16px;
}

.store_singledetail .sales1 ins {
    color: #002C0A;
    text-decoration: none;
    margin: 0px 6px;
    font-size: 20px;
    font-weight: 900;
}

.store_singledetail .sales1 .bi {
    font-size: 22px;
}

.store_singledetail .sales1 del {
    font-size: 14px;
}

.store_singledetail .modal-body.sales1 {
    padding: 30px;
}


.store_singledetail .sales del {
    font-size: 14px;
}

.store_singledetail .sales button.btn1 {
    background-color: #7AE6C0;
    border: none;
    position: absolute;
    font-size: 14px;
    padding: 1px 11px;
    border-radius: 8px;
}

.store_singledetail .sales button.btnn {
    border: none;
    width: 100%;
    font-weight: 600;
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 15px;
}

.store_singledetail li.page-item {
    margin-right: 10px;
}

.store_singledetail .page-link:hover {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #000;
}

.store_singledetail .page-link {
    color: black;
    font-size: 20px;
}

.store_singledetail .pagination {
    margin-bottom: 50px;
}

.modal .cart {
    right: 15px;
    height: 100%;
    background: #fff;
    padding: 20px;
    position: fixed;
    margin: auto;
    bottom: 0px;
    top: 0px;
    width: 394px;
    overflow: auto;
    pointer-events: auto;
}

.cart .modal-content {
    border: none;
}

.modal-body .set {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    display: flex;
}

.modal-title {
    font-weight: 600;
}

.modal-body .set .imgg {
    float: left;
    height: 77px;
    width: 74px;
    padding: 10px;
    margin-right: 9px;
    overflow: hidden;
}

.modal-body .set .imgg img {
    height: 50px;
}

.modal-body .set .set1 {
    float: right;
    padding-bottom: 14px;
}

.modal-body .set .set1 h4 {
    font-size: 18px;
    font-weight: 600;
}

.modal-body .set .set1 h6 {
    font-size: 16px;
    padding-top: 11px;
    color: #626262;
}

.modal-body .set .set1 p {
    color: #002C0A;
    font-size: 16px;
    font-weight: 900;
    margin: 0px;
}

.modal-body .imgg .bi {
    padding: 1px 2px;
    background: #ccc;
    font-size: 16px;
    border-radius: 23px;
    color: white;
    margin-left: 3px;
}

.modal-body .set2 h6 {
    font-weight: 900;
    font-size: 20px;
    color: #002C0A;
}

.modal-body .set2 {
    padding: 10px;
    text-align: right !important;
}

.modal-body .imgg1 {
    float: left;
    padding: 10px 15px;
    width: 202px;
}

.modal-body .imgg1 h5 {
    font-size: 19px;
    padding-top: 4px;
}

.modal-body .btn {
    border: none;
    width: 100%;
    padding: 10px 10px;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    margin-top: 25px;
    border-radius: 9px;
    color: #000;
}

.suggestions button.btn.btn-primary {
    color: #fff;
}

.modal-body .btn a {
    color: white;
    text-decoration: none;
    font-size: 18px;
}

.modal-body .btn1 {
    border: 1px solid #ccc;
    width: 100%;
    padding: 10px 10px;
    background: #0b0b0bb0;
    margin-top: 25px;
    border-radius: 9px;
}

.modal-body .btn1 a {
    color: white;
    font-size: 18px;
    text-decoration: none;
}

.modal-body .set .set1 .number {
    float: right;
}

.modal-body .set .set1 .number span {
    padding: 1px 9px;
    background: #7AD0E6;
    font-size: 18px;
    border-radius: 20px;
}

.modal-body .set .set1 .number input {
    width: 30px;
    text-align: center;
    border: none;
}
.imagefile img {
    width: 50px !important;
    margin: 0 !important;
}
.imagefile {
    display: flex;
    align-items: center;
    gap: 11px;
}
.ppp {
    overflow-y: scroll;
}
.Neighbourform .form-group label {
    font-size: 12px;
}
.Neighbourform .form-group input::placeholder {
    color: #444444 !important;
    font-size: 12px !important;
}
.Neighbourform .form-group input, .Neighbourform .form-group select  {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    color: #444444 !important;
    font-size: 12px !important;
    height: 40px;
    margin-top: 4px;
}
.Neighbourform button.btn.btn-lg.btn-block {
    width: fit-content;
    background: #2563eb;
    color: #fff;
    font-size: 14px;
    padding: 8px 47px;
    margin: 30px 10px 6px;
}
.form-group.enable_checkout_dett {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 12px!important;
}

.form-group.enable_checkout_dett span {
    display: flex;
    align-items: center;
    font-size: 0;
}

.form-group.enable_checkout_dett span input {
    height: auto;
    margin: 0 !important;
}
/* *****************************Neighbourhoodform******************************** */
.modal-dialog.modal-lg .form-group {
    padding: 30px 20px;
}

.modal-dialog.modal-lg .form-group label {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
}
.modal-dialog textarea#exampleFormControlTextarea1 {
    height: 100px !important;
    box-shadow: none !important;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 24px;
}
.modal-dialog form label.form-label {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

#moveinmodal .modal-dialog .form-label {
	font-size: 12px;
    color: #444444;
}

#moveinmodal .modal-dialog .form-control {
	color: #212529 !important;
	font-size: 12px;
	padding: 13px 7px !important;
	border: 1px solid #dcdcdc !important;
	border-radius: 8px !important;
	background-color: #fff !important;
	height: 45px;
	box-shadow: none;
}

#moveinmodal .mb-3.big-box {
	width: 100% !important;
}

#moveinmodal form .mb-3.half-box {
	width: 48% !important;
}

#moveinmodal .modal-header {
	padding: 40px 40px 15px;
}

#moveinmodal .modal-body {
	padding: 5px 40px 40px;
}

#moveinmodal .btn.btn-success {
	color: #fff;
    margin-top: 0px;
    background-color: #0779f5;
}

#moveinmodal .modal-dialog textarea.form-control {
	height: 85px;
}

#moveoutmodal .mb-2.big-box {
	width: 100%;
}
#moveinmodal form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}


#moveinmodal .mb-3.small-box {
	width: 31.3%;
}

/* Default: saare mb-3 50% */
#moveinmodal form .mb-3 {
	width: calc(50% - 8px);
	margin-bottom: 0px !important;
}

/* h5 headings full width */
#moveinmodal form h5 {
	width: 100%;
	margin-top: 0px !important;
	margin-bottom: 0px;
    font-size: 15px;
}

/* SECOND LAST .mb-3 (Comments wala) full width */
#moveinmodal form .mb-3:nth-last-of-type(2) {
    width: 100%;
}

/* Checkbox 50% me rahe */
#moveinmodal form .form-check {
    width: calc(50% - 8px);
}

/* Submit button full width */
#moveinmodal form button[type="submit"] {
    width: 100%;
}




#moveoutmodal .modal-dialog .form-label {
	font-size: 12px;
    color: #444444;
    margin-bottom: 5px;
}

#moveoutmodal .btn.btn-primary {
	color: #fff;
	margin: 0px;
}

#moveoutmodal .modal-dialog .form-control {
	color: #212529 !important;
	font-size: 12px;
	padding: 13px 7px !important;
	border: 1px solid #dcdcdc !important;
	border-radius: 8px !important;
	background-color: #fff !important;
	height: 45px;
	box-shadow: none;
}

#moveoutmodal .modal-header {
	padding: 40px 40px 15px;
}

#moveoutmodal .modal-body {
	padding: 5px 40px 40px;
}

#moveoutmodal .btn.btn-success {
	color: #fff;
    margin-top: 0px;
    background-color: #0779f5;
}

#moveoutmodal .modal-dialog textarea.form-control {
	height: 85px;
}

#moveoutmodal form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

#moveoutmodal form .mb-3 {
    width: calc(50% - 8px);
    margin: 0px !important;
}

/* h5 headings full width */
#moveoutmodal form h5 {
	width: 100%;
}

/* SECOND LAST .mb-3 (Comments wala) full width */
#moveoutmodal form .mb-3:nth-last-of-type(2) {
    width: 100%;
}

/* Checkbox 50% me rahe */
#moveoutmodal form .form-check {
    width: calc(50% - 8px);
}

/* Submit button full width */
#moveoutmodal form button[type="submit"] {
    width: 100%;
}
#moveoutmodal form h3 {
	width: 100%;
    font-size: 15px;
    margin: 0px;
}

#moveoutmodal .mb-3.big-box {
	width: 100% !important;
}


#moveoutmodal .mb-2.small-box {
	width: 31.3%;
}


.modal-dialog.modal-lg .form-group textarea {
    box-shadow: none !important;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 24px;
}
.add_visit .col-md-6:nth-child(n+5) {
    width: 100%;
}
.section_neighbourhoodform h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding-bottom: 15px;
}

.section_neighbourhoodform .Neighbourform {
    width: 100%;
    padding-bottom: 30px;
}

.section_neighbourhoodform .Neighbourform .form-signin {
    padding: 30px;
    width: 100%;
    margin: auto;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px #0000001A;
    margin-bottom: 10px;
}
.elderlyform .form-signin .form-group .form-control {
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border: none;
}



.section_neighbourhoodform .Neighbourform .form-signin .imagefile {
    position: relative;
    float: left;
}

.section_neighbourhoodform .Neighbourform .form-signin .imagefile input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.section_neighbourhoodform .Neighbourform .form-signin .imagefile img {
    width: 146px;
    margin-bottom: 15px;
}

.section_neighbourhoodform .Neighbourform .form-signin .imagefile button {
    border: none;
    background-color: #d6e8fe;
    padding: 10px 41px;
    border-radius: 6px;
    font-weight: 700;
}

.section_neighbourhoodform .Neighbourform .form-signin .imagefile h6 {
    font-size: 18px;
    font-weight: 500;
}

.section_neighbourhoodform .Neighbourform .form-signin .imagefile .bi {
    font-size: 37px;
    margin-left: 17px;
}

.section_neighbourhoodform .Neighbourform .form-signin .form-group {
    text-align: left;
    margin-bottom: 20px;
}

.section_neighbourhoodform .Neighbourform .form-signin .form-group select {
    width: 100%;
    /* border: 1px solid #ced4da; */
    padding: 8px 10px;
    border: none;
    border-radius: 5px;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}


/* .section_login .login1 {
margin: 50px 0px;
} */
.section_neighbourhoodform .Neighbourform .form-signin .form-group label {
    color: black;
    font-weight: 600;
}

.section_neighbourhoodform .Neighbourform .form-signin .form-control::placeholder {
    color: #ced1d3;
    font-weight: 400;
    font-size: 14px;
}

.section_neighbourhoodform .Neighbourform .form-signin .btn {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    padding: 9px;
    width: 100%;
    color: #000;
    margin-top: 12px;
}

/* *************************book_club************************************ */
.book_club {
    width: 100%;

}

.Freelancers .item #saveLikeDislike {
	height: 38px;
	width: 38px !important;
	position: absolute;
	top: 10px;
	right: 10px;
}

.book_club h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 19px 0px;
}

.book_club .banner .btn {
    border: none;
    background-color: white;
    padding: 10px 40px;
    border-radius: 6px;
}

.book_club .banner .btn a {
    text-decoration: none;
    color: #000;
}

.book_club .nav {
    margin: 4px 0px;
}

.book_club .nav-item {
    margin-left: 15px;
    border-radius: 10px;
}

.book_club .nav-item .imgg {
    line-height: 50px;
    display: inline-block;
    height: 70px;
    width: auto !important;
    margin: 0 auto 10px;
}

.club-part {
    position: relative;
}

.club-heart {
    position: absolute;
    top: 3px;
    right: 4px;
    background: #ffffff75;
    padding: 5px;
    border-radius: 8px;
}

/*.book_club .nav-item .nav-link.active {
background-color: white;
color: #1B5440;
box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 8px;
padding: 4px 13px;
}*/
.book_club .nav-item .nav-link {
    width: 100%;
    margin: 15px 0px;
    border-radius: 8px;
    padding: 8px;
    color: #181818;
    height: 136px;
}

.owl-item .news_detail .txt {
    height: fit-content !important;
}

.book_club .owl-item.active:nth-child(2).nav-item .nav-link,
.book_club .owl-item.active:nth-child(10) .nav-item .nav-link,
.shopping_catalogue .row div:nth-child(2) .offerss .txt,
.shopping_catalogue .row div:nth-child(8) .offerss .txt {
    /* background: #C4FFE1 !important; */
}

.book_club .owl-item.active:nth-child(3) .nav-item .nav-link,
.book_club .owl-item.active:nth-child(11) .nav-item .nav-link,
.shopping_catalogue .row div:nth-child(3) .offerss .txt,
.shopping_catalogue .row div:nth-child(9) .offerss .txt {
    /* background: #7D7AE6 !important; */
}

.book_club .owl-item.active:nth-child(4) .nav-item .nav-link,
.book_club .owl-item.active:nth-child(12) .nav-item .nav-link,
.shopping_catalogue .row div:nth-child(4) .offerss .txt,
.shopping_catalogue .row div:nth-child(10) .offerss .txt {
    /* background: #FFE368 !important; */
}

.book_club .owl-item.active:nth-child(5) .nav-item .nav-link,
.book_club .owl-item.active:nth-child(13) .nav-item .nav-link,
.shopping_catalogue .row div:nth-child(5) .offerss .txt,
.shopping_catalogue .row div:nth-child(11) .offerss .txt {
    /* background: #e8def8 !important; */
}

.book_club .owl-item.active:nth-child(6) .nav-item .nav-link,
.book_club .owl-item.active:nth-child(14) .nav-item .nav-link,
.shopping_catalogue .row div:nth-child(6) .offerss .txt,
.shopping_catalogue .row div:nth-child(12) .offerss .txt {
    /* background: #7AD0E6 !important; */
}

.book_club .owl-item.active:nth-child(7) .nav-item .nav-link,
.book_club .owl-item.active:nth-child(15) .nav-item .nav-link,
.shopping_catalogue .row div:nth-child(7) .offerss .txt,
.shopping_catalogue .row div:nth-child(13) .offerss .txt {
    /* background: #c094a4 !important; */
}

.staycation-section,
.blog-section,
.popup-section {
    background-color: #ffffff !important;
}


.popup-section .col-6 .mt-3.mb-2.text-end {
  margin: -8px 0px 0px 0px !important;
}

.popup-section .col-6 .pt-0 {
  margin: 0px !important;
}

.blog-section {
	padding-top: 40px !important;
}

.blog-section  .blog2 ul li:last-child {
    margin-left: auto;
    padding: 10px !important;
    background: #EFF6FF;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: block;
    line-height: 3px;
    color: #2563eb !important;
    font-size: 13px;
}


.blog-section  .blog2 ul {
    gap: 11px;
    align-items: center;
}

.popup-section .grocerypage {
    border: solid 0.4px #70707017 !important;
    box-shadow: none !important;
}

.Upcoming_club_event .staycations {
    box-shadow: unset !important;
    border: solid 0.4px #70707017 !important;
}


.book_club .owl-item.active:nth-child(8) .nav-item .nav-link,
.book_club .owl-item.active:nth-child(16) .nav-item .nav-link{
    background: #fdc0bd !important;

}


.book_club .owl-item.active:nth-child(9) .nav-item .nav-link,
.book_club .owl-item.active:nth-child(17) .nav-item .nav-link{
    background: #E67A9B !important;

}

.book_club .nav-pills .nav-link.active {
    /* background-color: #E67A9B !important; */
    /* background-color: white !important; */
    border: 2px solid #1e1d1b;
}

button.btn.back-btn {
    background: #386641;
    color: #fff;
    width: 50%;
    height: 45px;
}

.singlecategories .setright .motorchat {
    background-color: #386641 !important;
}

.Freelancers h4.pt-0,
.blog_mainpage h4,
.section_city h4 {
    color: #000;
    font-size: 24px;
    padding-top: 37px;
    font-weight: 700;
    position: relative;
}

.book_club .freelancers_carousel1 .owl-nav .owl-prev {
    position: absolute;
    top: 0px;
    left: -15px;
    bottom: 0px;
    margin: auto;
    height: 22px;
}

span.d-flex.mb-4 {
    max-width: 700px;
    margin: 0 auto;
    padding-top: 40px;
}

.book_club .freelancers_carousel1 .owl-nav span {
    font-size: 45px;
    color: #124129;
}

.book_club .freelancers_carousel1 .owl-dots {
    display: none;
}

.book_club .freelancers_carousel1 button span {
    top: -27px;
    position: relative;
}

.input-group.input-mobile h4 {
    font-size: 20px;
    font-weight: 600;
}

.book_club .freelancers_carousel1 .owl-nav .owl-next {
    position: absolute;
    top: 0px;
    right: -25px;
    bottom: 0px;
    margin: auto;
    height: 22px;
}



.book_club h2 span button {
    border: none;
    font-size: 16px;
    background: #c1d8d4;
    padding: 10px 22px;
    border-radius: 8px;
}

.book_club li p {
    font-size: 16px;
    font-weight: 500;
}

.book_club .book {
    border-radius: 10px;
    margin-bottom: 31px;
    padding: 7px 8px;
    border: 1px solid rgba(0, 0, 0, 0.16);
}

.book_club .book ul {
    padding: 0px;
}

.book_club .book ul li {
    list-style-type: none;
    font-size: 16px;
    font-weight: 600;
    color: #002C0A;
    padding-bottom: 8px;
}

.book_club .book ul li img {
    margin-right: 14px;
    height: 30px;
    width: 30px;
    border-radius: 40px;
}

.book_club .book h5 {
    font-size: 18px;
    padding-top: 7px;
}

.book_club .clubbook {
    /* background-color: #C4FFE1; */
    padding: 15px 15px;
    border-radius: 10px;
}

.book_club .form-group {
    margin-top: 13px;
}

.book_club .book ul li .bi {
    margin-right: 25px;
    font-size: 18px;
}

.book_club .book .mainpage1 .bi {
    font-size: 17px;
    background-color: white;
    margin-right: 4px;
    border: 1px solid #FFFFFF;
    padding: 1px 12px;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 5px;
}

.book_club .book .imgg1 {
    height: 164px;
    display: inline-flex;
}

.book_club .book .mainpage1 .bi:hover {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #000;
}

.book_club .book .mainpage1 {
    text-align: center;
}

.book_club .events {
    border-radius: 10px;
    margin-bottom: 21px;
    margin: 40px 0px;
    padding: 20px;
    background: #fff;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}

.book_club .events ul {
    position: relative;
    padding: 0px;
    margin: 0px;
}

.book_club .events ul li {
    list-style-type: none;
    margin-bottom: 6px;
    margin-left: 35px;
    font-size: 16px;
    font-weight: 600;
}

.book_club .events ul li p {
    font-size: 14px;
    margin: 0px;
}

.book_club .events ul li .bi {
    font-size: 26px;
    margin-left: -42px;
    position: absolute;
}

.book_club .events h4 {
    font-size: 24px;
    font-weight: 600;
}

.book_club .events ul li p strong {
    font-size: 15px;
    font-weight: 900;
}

.book_club .events button {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #000;
    margin: 10px 0px;
    border: none;
    font-size: 14px;
    padding: 6px 22px;
    border-radius: 5px;
}

.book_club .events span a {
    color: black;
    padding-left: 11px;
}

.book_club .pet {
    /* box-shadow: 3px 5px 11px #626262;
border-radius: 10px;
padding: 15px;
background: white; */
    margin: 24px 0px;
}

.book_club .pet h4 {
    padding-top: 16px;
    font-weight: 600;
}

.book_club .pet li {
    list-style-type: none;
    font-size: 16px;
}

.book_club .pet ul {
    padding: 0px;
}

.book_club .pet img {
    height: 166px;
}

.book_club .pet .button1 {
    border: none;
    text-align: center;
    /* border: 1px solid #ccc; */
    text-decoration: none;
    /* margin-right: 15px; */
    background: white;
    width: 100%;
    border-radius: 7px;
    box-shadow: 1px 1px 0px rgb(0 0 0 / 16%), inset 1px 1px 0px rgb(0 0 0 / 16%);
    padding: 9px 0px;
}

.book_club .pet .button1 .bi {
    margin-right: 8px;
}

.book_club .pet .button1 a {
    text-decoration: none;
    color: #002C0A;
}

.book_club .pet .button2 {
    border: none;
    width: 100%;
    margin-top: 15px;
    padding: 12px;
    background: #004E98;
    color: #fff;
    font-size: 16px;
    border-radius: 9px;
}

.book_club .pet .button2 a {
    text-decoration: none;
    color: white;
}

.modal-join .modal-content {
    background-color: #F6F6F6 !important;
}

.modal-join .form-control {
    border: none;
}

.book_club .modal-content .club button {
    background: #004E98;
    color: #fff;
    border: none;
    font-size: 16px;
    border-radius: 7px;
    padding: 9px 31px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.book_club .modal-content .club .form-control::placeholder {
    color: #ccc;
    font-size: 14px;
}

.book_club .servicess form .btnn {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    padding: 11px 79px;
    margin: auto;
    /* width: 35%; */
    color: #000;
    border-radius: 6px;
    margin-top: 12px;
}

.add_visit .form-group button.btn {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    border: none;
    color: #000;
}

.book_club .calendar {
    /* position: absolute;  */
    /* width: 280px; */
    /* left: 50%; */

    /* margin: -145px 0px 0px -140px; */
    /* background: #fff; */
    margin-top: 12px;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #ccc;
}

.book_club .ui-datepicker-header {
    height: 50px;
    line-height: 50px;
    background: #fff;
    margin-bottom: 10px;
    border: none;
}

.book_club .pet .datepicker {
    padding: 8px;
}


.book_club .ui-datepicker-calendar a.ui-state-default {
    border: none !important;
    margin: 3px auto;
    /* background: #fff !important; */
}

.book_club .ui-datepicker-prev,
.ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: 2px solid #b0aead;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 12px;
}

.book_club .ui-datepicker-prev {
    float: left;
    margin-left: 12px;
}

.book_club .ui-datepicker-prev:after {
    transform: rotate(45deg);
    margin: -43px 0px 0px 8px;
}

.book_club .ui-datepicker-next {
    float: right;
    margin-right: 12px;
}

.book_club .ui-datepicker-next:after {
    transform: rotate(-135deg);
    margin: -43px 0px 0px 6px;
}

.book_club .ui-datepicker-prev:after,
.ui-datepicker-next:after {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #b0aead;
    border-bottom: 2px solid #b0aead;
}

.book_club .ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
    border-color: #5ed1cc;
}

.book_club .ui-datepicker-title {
    text-align: center;
    color: black;
    font-size: 15px;
}

.book_club .ui-datepicker-calendar {
    width: 100%;
    text-align: center;
}

.book_club .ui-datepicker-calendar thead tr th span {
    display: block;
    width: 40px;
    color: #002C0A;
    margin-bottom: 5px;
    font-size: 13px;
}

.book_club .ui-state-default {
    display: block;
    text-decoration: none;
    color: black;
    line-height: 35px;
    height: 40px;
    border-radius: 7px;
    width: 40px;
    font-size: 15px;
    text-align: center;
}

.book_club .ui-state-default:hover {
    background: #1b54404f;
}

.book_club .ui-state-highlight {
    color: black;
}

.book_club .ui-state-active {
    background: #002C0A;
    color: white;
    height: 40px;
    border-radius: 23px;
    width: 40px;
}

.book_club .ui-datepicker-unselectable .ui-state-default {
    color: #eee;
    border: 2px solid transparent;
}

.book_club .imagefile {
    position: relative;
    float: left;
}

.book_club .imagefile input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}

.modal-body.servicess {
    padding: 30px 35px;
}

#exampleModal10 .modal-header {
    padding: 25px 35px;
}

.book_club .imagefile img {
    width: 146px;
    margin-bottom: 15px;
}

.book_club .imagefile button {
    border: none;
    background-color: #d6e8fe;
    padding: 10px 41px;
    border-radius: 6px;
    font-weight: 700;
}

.book_club .imagefile h6 {
    font-size: 15px;
    font-weight: 500;
}

.book_club .imagefile .bi {
    font-size: 37px;
    margin-left: 17px;
}

.book_club .form-control::placeholder {
    font-size: 14px;
}








/* *******************section_carpooling******************************** */
.section_carpooling {
    width: 100%;
    padding: 0px !important;
}

.section_carpooling .mainright {
    /* background: white; */
    padding: 25px 26px;
    border-radius: 10px;
    /* box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029; */
}

.contact-group label {
    color: #A1A1A1;
}



.contact-avail label {
    margin-right: 25px;
}

.contact-group select,
.contact-group input {
    padding: 10px 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 55px;
    width: 100%;
    color: #9CA3AF;
}

.section_carpooling .mainright .user .form-check {
    margin: 13px -5px;
    display: inline-block;
    padding-left: 0px;
}

.section_carpooling .mainright .user .form-check .form-control {
    margin: 24px 0px;
}

.section_carpooling .mainright .user .form-check-input {
    font-size: 21px;
    margin: 1px -3px;
}


.section_carpooling .mainright .user {
    margin-top: 4px;
    display: inline-flex;
    margin-left: 8px;
}

.section_carpooling .mainright .user .form-control {
    margin-top: 15px;
}

.section_carpooling .mainright .user select {
    width: 221px;
}

.section_carpooling .mainright .user label {
    font-size: 14px;
    display: flex;
    margin: 0px 27px;
    font-weight: 600;
    color: #A1A1A1;
}

.booking-details .booking-text span {
    white-space: nowrap;
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-top: 1rem;
    color: #000;
    font-weight: 700;
    margin-right: 20px;
}

.booking-details button {
	background: #0779f5;
	border: none;
	height: auto;
	padding: 8px 15px;
	border-radius: 5px;
	width: fit-content;
	color: #FFF;
	display: flex;
	margin-bottom: 5px;
	justify-content: center;
	align-items: center;
	font-size: 12px;
}

.card-ul li {
    list-style: none;
    margin-left: 5px;
}

.card-item {
    background: #80808030;
    padding: 22px;
    border-radius: 15px;
}

.card-ul li span {
    margin-left: 4px;
}

.booking-details .booking-text p {
    font-weight: 500;
    color: #9CA3AF;
}

.carbon-details {
    border-radius: 10px !important;
    width: 100% !important;
    background: #fff !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 10px !important;
    height: 100px !important;
    padding: 20px !important;
}

.carbon-img img {
    height: 74px;
}

.carbon-info .booking-text {
    margin-left: 15px;
}

.carbon-details .booking-text2 p {
    margin-bottom: 0;
}

.carbon-details .booking-text2 {
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}

.Freelancers .lancers1 a.free-btn {
    background-color: #0B3623;
    color: #fff;
}


.carbon-details .booking-text2 h4 {
    color: #FFBA49;
}

.carbon-details .booking-text2 p {
    color: #9CA3AF;
    font-weight: 400;
}

.carbon-details .booking-text h4 {
    color: #9CA3AF;
    font-weight: 500;
    margin-top: 10px;
}


.carbon-details .carbon-info {
    justify-content: center;
    align-items: center;
}

.rating-flex {
    margin-top: 30px;
    margin-bottom: 30px;
}

.rating-box {
    background: #fff;
    width: 38%;
    margin: auto;
    border-radius: 10px;
    padding: 25px;
}

.rating-icon {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

hr.rating-hr {
    /* color: grey !important; */
    width: 100%;
    border: 1px solid #E7E7E7;
}

.rating-textarea {
    border: 3px solid #E7E7E7;
}

.rating-button {
    margin-top: 15px;
    width: 100%;
    display: flex;
    height: 60px;
}

.rating-button .btn {
    width: 50%;
}

.review {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-top: 25px;
}

.review-img img {
    height: 40px !important;
}

.review-text p {
    font-size: 17px;
    color: #6E6E6E;
}

.review-flex {
    margin: 4px !important;
}

.review-icon i {
    font-size: 22px;
    color: #FFC107;
    margin-right: 10px;
}


.review-icon {
    margin-bottom: 10px;
}

.review-icon .review-star {
    color: #E0E0E0;
}

.review-icon .review-star i {
    color: #E0E0E0 !important;
}


.rating-button .btn1 {
    background: #fff !important;
    font-weight: 500 !important;
    font-size: 20px !important;
}


.rating-button .btn2 {
    background: #FFBA49 !important;
    color: white !important;
    font-weight: 500 !important;
    font-size: 17px !important;
}

.rating-img-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    margin-left: 12px;
    margin-top: 11px;
}

.rating-img-text h4 {
    font-size: 17px;
}

.rating-img-text p {
    font-size: 13px;
    color: #6E6E6E;
}

.rating-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rating-img img {
    height: 60px;
}

.req-details h4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 1rem;
}

.req-details .booking-text p {
    margin-bottom: 2px !important;
}

.loved-indicators {
    width: 56% !important;
}
.booking-textt .text-dark {
	font-size: 16px;
	text-transform: capitalize;
	line-height: 22px;
	font-weight: 400;
}
.booking-details.fix-height-detail {
  height: 194px;
}
.booking-details.fix-height-detail button {
  position: absolute;
  bottom: 7px;
}
.req-details button {
    color: #fff;
    background-color: #FFBA49;
}
#pills-tab .nav-link.active {
	background: #0779f5 !important;
}
.booking-details .active-btn {
	position: absolute;
	bottom: 10px;
}

.booking-details {
	border-radius: 10px;
	width: 100%;
	background: #80808017;
	justify-content: center;
	align-items: center;
	margin: 12px 0px;
	padding: 15px;
	height: 160px;
	position: relative;
}


.section_carpooling .mainright .date select {
    padding: 10px 35px;
    border: 1px solid #F2F2F2;
    border-radius: 10px;
    height: 55px;
    width: 100%;
    color: black;
}

.section_carpooling .mainright .date {
    display: flex;
    margin-top: 0px;
    position: relative;
    justify-content: center;
    flex-direction: column;
}

.section_carpooling .mainright .date label {
    font-size: 16px;
    display: flex;
    margin: 6px 0px;
    font-weight: 600;
}

.section_carpooling .mainright .date form {
    display: flex;
}

.book_club .nav-item .nav-link a {
    text-decoration: none;
    font-size: 13px;
    background-color: #fff;
    color: #000;
    padding: 4px 8px;
    border-radius: 5px;
    font-weight: 500;
}

.book_club .nav-item .nav-link h6 {
    font-size: 15px;
    min-height: 40px;
}

.book_club .nav-item .nav-link a i {
    font-size: 10px;
    -webkit-text-stroke: 0.4px;
    vertical-align: initial;
    margin-left: 2px;
}

.all_list .set:nth-child(1) {
    background-color: #004E98;
}

.all_list .set:nth-child(2) {
    background-color: #004E98;
}

.all_list .set:nth-child(3) {
    background-color: #e8def8;
}

.all_list .set:nth-child(4) {
    background-color: #7AD0E6;
}

.all_list .set:nth-child(5) {
    background-color: #c094a4;
}

.all_list .set:nth-child(6) {
    background-color: #E67A9B;
}

.all_list .set:nth-child(7) {
    background-color: #E8DEF8;
}

.all_list .set:nth-child(8) {
    background-color: #7d7ae6ad;
}




.section_carpooling .main {
    position: relative;
    min-height: 800px;
    padding-left: 530px;
    margin-bottom: 45px;
}

.section_carpooling .main .sidenav .box {
    border-radius: 6px;
    padding: 23px 23px;
    background: #fffffe;
    border: 1px solid#ddd;
    border-radius: 6px;
}
.section_carpooling .main .sidenav {
    position: absolute;
    width: 425px;
    left: 0px;
    top: 0px;
}

.section_carpooling .main .sidenav .imgg {
    /* display: flex; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section_carpooling .main .sidenav .imgg .imgg1 {
    height: 134px;
    width: 134px;
    border-radius: 106px;
}

.section_carpooling .main .sidenav .main1 {
    /* padding-left: 34px; */
    /* background: yellow; */
    width: -webkit-fill-available;
}

.main1 i {
    color: #F59E0B;
}

.section_carpooling .main .mainright .form-check {
    padding-left: 0px;
    padding-top: 11px;
    margin-bottom: 13px;
}

.section_carpooling h2 {
    font-size: 20px;
    font-weight: 600;
}

.section_carpooling .profile {
    padding: 0px;
}

.section_carpooling h2 span {
    font-size: 18px;
    margin-left: 20px;
}

.section_carpooling h2 span .bi {
    color: #FFC107;
}

.section_carpooling .profile li {
    list-style-type: none;
    padding-top: 3px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.section_carpooling .profile li img {
    margin-right: 27px;
}

.section_carpooling .form-check-input {
    font-size: 16px;
    margin-left: 0px;
    margin-right: 3px;
}

.section_carpooling .form-check-label {
    font-size: 16px;
    font-weight: 500;
    color: #CCCCCC;
}

.section_carpooling .mainright .cardetail li .number {
    font-size: 22px;
    font-weight: 500;
}

.car-detail {
    border: 1px solid #F2F2F2;
    padding: 13px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.section_carpooling .edu li img {
    margin-right: 7px;
    margin-left: -45px;
    position: absolute;
}

.section_carpooling h4 {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #A1A1A1;
}

.section_carpooling .edu {
    position: relative;
    /* box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029; */
    border-radius: 10px;
    padding-left: 0;
}

.section_carpooling .edu li {
    list-style-type: none;
    font-size: 16px;
    /* padding: 12px 28px; */
}

.section_carpooling .edu li p {
    margin: 0px;
    font-weight: 600;
    font-size: 16px;
}

.section_carpooling .mainright button.btn {
    border: none;
    background-color: palegoldenrod;
    width: 100%;
    font-weight: 600;
    font-size: 20px;
    padding: 10px;
    margin: 10px 0px;
    color: #000;
}

.flex-user-breadcrumb span {
    color: #2563eb;
}
.section_carpooling .mainright .cardetail {
    padding: 0px;
    position: relative;
}

.section_carpooling .mainright .cardetail li {
    list-style-type: none;
    margin-left: 82px;
}

.section_carpooling .mainright .cardetail li p {
    margin: 0px;
}

.section_carpooling .mainright .cardetail li img {
    position: absolute;
    margin-left: -82px;
}

.section_carpooling .mainright .btnn1 {
    border: none;
    color: #fff;
    padding: 10px 38px;
    border-radius: 6px;
    font-size: 16px;
    width: 100%;
    background: #FFBA49;
    height: 60px;
    margin-bottom: 30px;
}

.section_carpooling .mainright .form-control {
    padding: 10px 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 55px;
    width: 100%;
    color: black;
}

.section_carpooling .mainright .form-control::placeholder {
    color: black;
    font-size: 14px;
}

.ride-modal {
    background: #ffffff;
}

.PostRiderequest  .modal-header .modal-title {
    margin: 25px 0px;
    font-size: 24px;
    font-weight: 600;
    color: #222;
}

.PostRiderequest.ride-modal {
    padding: 30px;
    border-radius: 18px;
    box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.15);
    margin: 40px auto;
}

.PostRiderequest .modal-body.section_carpooling {
    padding: 0px !important;
}

.PostRiderequest .form-group {
}

.PostRiderequest h4 {
    font-size: 14px;
    color: #444;
    margin: 0px;
}

.PostRiderequest .form-group input.form-control {
    background-color: #fff;
    width: 100%;
    padding: 12px 15px !important;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    margin: 8px 0 20px 0;
    font-size: 12px;
}

.modal.show .modal-dialog {
    width: 650px;
}

.PostRiderequest .form-group {
    padding: 0px !important;
}

.PostRiderequest  .modal-header {
    padding: 0px !important;
}

.PostRiderequest .d-flex .form-check {
    display: flex !important;
    align-items: center;
    gap: 6px;
    padding-left: 6px;
}

.PostRiderequest .form-check input.form-check-input.ride-type-radio {
    margin: 0px !important;
}

.PostRiderequest .d-flex .form-check label.form-check-label {
    margin: 0px !important;
    font-size: 15px;
    color: #0a0909;
}

.PostRiderequest  .form-check.form-check-inline {
}

.PostRiderequest .user .form-check.form-check-inline {
    margin: 9px 0px 20px 0px !important;
    padding-left: 1px !important;
    display: flex;
    align-items: center !important;
    gap: 6px;
}

.PostRiderequest .user label.form-check-label {
    font-size: 15px !important;
    color: #0a0909 !important;
    margin: 1px 23px 0px 2px !important;
}

.PostRiderequest .user .form-check-input {
    font-size: 16px !important;
    margin: 0px !important;
}

.PostRiderequest .user {
    margin: 0px !important;
    margin-left: 6px !important;
}

.PostRiderequest .col-md-6 p {
    font-size: 14px;
    color: #444 !important;
    margin: 0px;
    font-weight: 600;
}

.PostRiderequest .col-md-6 input#seats {
    padding: 12px 15px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    margin-top: 8px;
    font-size: 15px;
}

.PostRiderequest .col-md-12 p {
    font-size: 14px;
    color: #444 !important;
    margin: 0px;
    font-weight: 600;
}

.PostRiderequest .col-md-12 .form-control {
    padding: 12px 15px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    margin-top: 8px;
    font-size: 15px;
}

.PostRiderequest .col-md-12 .btnn1 {
    margin-top: 30px;
    width: 100%;
    background: rgb(253, 178, 48);
    padding: 9px;
    font-size: 18px;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    color: rgb(255, 255, 255);
    transition: 0.2s;
    height: 47px !important;
    margin-bottom: 0px !important;
}

.PostRiderequest label.form-check-label.mb-2 strong {
    color: #444;
}

.PostRiderequest .day-row.mb-3.d-flex.align-items-center.gap-3 {
    align-items: center !important;
    gap: 10px !important;
    margin-left: 6px;
}

.PostRiderequest .day-row label.me-2 {
    margin: 0px;
}

#Offer_Ride_request .modal-dialog {
    width: 100% !important;
}

#Offer_Ride_request .modal-body.section_carpooling label.fw-bold.fs-5 {
    margin: 17px 0px 5px;
    font-size: 20px !important;
    font-weight: 400 !important;
}
#Offer_Ride_request .modal-body.section_carpooling label {
    font-size: 16px;
}

#Offer_Ride_request .modal-body.section_carpooling img {
    border-radius: 4px;
}

#Offer_Ride_request .modal-body.section_carpooling .col-md-2 .form-group {
    display: flex;
    justify-content: center;
    margin-top: 54px;
}

.PostRiderequest .day-row button.btn {
    font-size: 15px;
    font-weight: 500;
    padding: 14px 15px;
    margin: 8px 0px 0px !important;
    out-line: none;
    box-shadow: none;
}

.PostRiderequest .day-row {
    padding-left: 6px;
}

.PostRiderequest  .day-row .me-2 {
    margin: 0px !important;
}

.PostRiderequest  .day-row input {
    outline: none;
}

.PostRiderequest label.form-check-label strong {
    color: #444 !important;
}

#Offer_Ride_request .modal-header h1.modal-title {
    margin: 0px;
    font-size: 22px !important;
    font-weight: 700;
}

#Offer_Ride_request .modal-header {
    align-items: flex-start;
}

#Offer_Ride_request .modal-header .btn-close {
    margin: 0px;
}
#Offer_Ride_request .modal-body.section_carpooling label {
    font-size: 16px;
    color: #444 !important;
    margin-bottom: 0px;
}

#Offer_Ride_request .modal-body.section_carpooling .contact-group select, .contact-group input {
    margin-top: 8px;
    font-size: 12px;
    height: 45px;
}

#Offer_Ride_request .modal-body.section_carpooling span.d-flex.gap-2 {
    margin-top: 8px;
}

#Offer_Ride_request .modal-body.section_carpooling label.m-0.me-4.p-0 {
    width: 100%;
    margin-bottom: 29px !important;
}

#Offer_Ride_request .modal-body.section_carpooling .form-group.d-flex.mt-3 {
    margin-top: 11px !important;
    margin-left: 8px;
    display: block !important;
}

#Offer_Ride_request .modal-body.section_carpooling .user {
    gap: 18px;
}

#Offer_Ride_request .modal-body.section_carpooling .row .col-md-12.post-btn.mt-4 {
    margin-top: 0px !important;
}

#Offer_Ride_request .modal-body.section_carpooling .row .col-md-12.post-btn.mt-4 button#checkBtn {
    margin-top: 18px !important;
}

.emirates-flex {
    display: flex;
    gap: 12px;
}

.emirates-flex img {
    margin-top: 8px;
}


.edu .form-group {
    position: relative;
}

.edu .form-group i {
    position: absolute;
    top: 13px;
    left: 10px;
    font-size: 20px;
}

.edu .form-group input::placeholder {
    padding-left: 0px;
}

/* *************************section_emergancy********************************** */


.section_emergancy {
	padding: 30px 30px !important;
}

.section_emergancy .imgg1 {
    height: 200px;
    overflow: hidden;
}

.section_emergancy h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding-bottom: 15px;
}

.section_emergancy .emergancy {
   padding: 13px;
  margin: 5px 0px;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 0px 4px 4px 0px #0000001A;
}

.section_emergancy .emergancy h5 {
    font-size: 20px;
    font-weight: 600;
    padding-top: 9px;
    margin-bottom: 3px;
    padding: 5px 0px;
}

.section_emergancy .emergancy a {
    text-decoration: none;
    color: black;
    font-size: 14px;
}

.section_emergancy .emergancy p {
    margin: 0px;
}

.section_emergancy h4 {
    font-size: 27px;
    padding: 19px 0px;
    color: #002C0A;
    font-weight: 600;
}

.section_emergancy .emergancy ul {
    padding: 0px;
}



.emergancy-contact-alert .emergancy .imgg1 {
  border: 1px solid #ddd !important;
  border-radius: 7px;
}

.emergancy-contact-alert .emergancy ul li i {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px !important;
	color: #2563EB;
}

.emergancy-contact-alert .emergancy ul li {
  display: flex;
  align-items: center;
  gap: 2px;
}

.emergancy-contact-alert .emergancy ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0px 6px;
}

.emergancy-contact-alert .emergancy h5 {
  margin: 9px 0px;
}

.section_emergancy .emergancy li {
    list-style-type: none;
    padding: 2px 0px;
}

.section_emergancy .emergancy li .bi {
    margin-right: 10px;
    font-size: 16px;
}

.section_emergancy .catagories button.btnn {
    border: none;
    width: 100%;
    /* /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    background: #3185FC !important;
    color: #fff;
    padding: 8px 7px;
    border-radius: 4px;
    font-size: 14px;
    margin-top: 12px;
}

.row.popup-form-emergancy-contact-alert {
  margin-top: -32px;
}

.popup-form-emergancy-contact-alert .form-group {
	padding: 15px 0px !important;
}

.popup-form-emergancy-contact-alert .form-group label {
	font-size: 15px !important;
}


.popup-form-emergancy-contact-alert .form-group .add_contact .modal-body .btn {
	font-size: 16px !important;
}

.popup-form-emergancy-contact-alert .form-group .add_contact .modal-body .btn {
	width: 36% !important;
	padding: 6px 8px !important;
	display: flex;
	justify-content: center;
}



/************** modal-body.servicess ****************/
.modal-body.servicess button.btnn {
    border: none;
    background: #004E98;
    padding: 10px 53px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    margin-top: 12px;
    width: 100%;
}

.modal-body.servicess label {
    font-weight: 500;
    margin-top: 0px;
    font-size: 15px;
    margin-bottom: 2px;
}

#exampleModall0 h5 {
    font-size: 21px;
    padding: 2px 0px;
    color: #002C0A;
    font-weight: bold;
}

#exampleModall0 .modal-header {
    padding: 15px 30px;
}

.modal-body.servicess {
    padding: 15px 30px 30px;
}

.modal-body.servicess textarea.form-control {
    height: 85px;
}



.section_emergancy .catagories .imgg {
    /* padding: 14px 20px; */
    margin: auto;
}

.section_emergancy .catagories .imgg img {
    width: auto;
}

.section_emergancy h5 {
    /* font-size: 17px;
    padding: 3px 0px; */
    margin: 0px;
    font-size: 20px;
    padding: 25px 0px;
    font-weight: 600;
}

.section_emergancy a {
    text-decoration: none;
    color: black;
}

.section_emergancy .catagories {
    margin-top: 10px;
    border: 4px solid #d9d9d9;
    /* box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029; */
    border-radius: 10px;
    margin-bottom: 40px;
    text-align: center;
    /* background-color: #fbffc4; */
    padding: 16px;
}

/* ********************************become a service provider************************ */

.becomea_service h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 19px 0px;
}

/* ********************************register_community************************ */

.registercommunity h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 19px 0px;
}

/* ********************carpoolingmainpage************************* */

.carpoolingmainpage {
    background-image: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.7) 40.1%, rgba(255, 255, 255, 0.7) 100%), url("../images/Vector.png");
    width: 100%;
    background-size: cover;
}

/*.carpoolingmainpage .Freelancers .item {
    overflow: hidden;
}
*/

.carpoolingmainpage h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 19px 0px;
}

.carpoolingmainpage .user .form-check {
    /* margin: 13px -5px; */
    display: inline-block;
    padding-left: 0px;
}

.carpoolingmainpage .user .form-check .form-control {
    margin: 24px 0px;
}

.carpoolingmainpage .user .form-check-input {
    font-size: 21px;
    margin: 1px -3px;
}

.carpoolingmainpage .date .bi {
    position: absolute;
    right: 13px;
    top: 5px;
    font-size: 17px;
}

.carpoolingmainpage .user {
    display: inline-flex;
    float: left;
    margin-top: 25px;
}

.rider {
    font-size: 40px;
}

.carpoolingmainpage .user .form-control {
    margin-top: -6px;
}

.carpoolingmainpage .user h6 {
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin: 10px 10px;
}

.carpoolingmainpage .user select {
    width: 221px;
}

.carpoolingmainpage .date h6 {
    font-size: 18px;
    font-weight: 600;
}

.carpoolingmainpage .user label {
    font-size: 14px;
    display: flex;
    margin: 0px 27px;
    font-weight: 600;
}

.carpoolingmainpage .date select {
    width: 198px;
    margin-left: 12px;
    border: none;
    border-radius: 4px;
    padding: 7px 10px;
    /* box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029; */
    height: 39px;
    font-size: 14px;
    color: #9CA3AF;
}

.carpoolingmainpage .date {
    display: flex;
    margin-left: 15px;
    position: relative;
}

.pooling-input {
    position: relative;
}

.pooling-input i {
    position: absolute;
    top: 28%;
    left: 10px;
    font-size: 21px;
}

.pooling-input input::placeholder {
    padding-left: 20px;
    color: #9CA3AF;
}

.car-date {
    display: block;
    /* width: 100%; */
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
}

.carpoolingmainpage .formm1 {
    margin-left: 0;
}

.carpoolingmainpage .date label {
    font-size: 16px;
    display: flex;
    margin: 6px 0px;
    font-weight: 600;
}

.carpoolingmainpage .date form {
    display: flex;
}

.carpoolingmainpage h3 {
    font-size: 22px;
    color: #002C0A;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 10px;
}

.carpoolingmainpage .btn {
    border: none;
    background: #8f79e7;
    padding: 8px 25px;
    border-radius: 7px;
    color: #ffffff;
    height: 50px;

}

.blog-banner {
    background-color: #00CC33 !important;
}

.carpoolingmainpage .btn a {
    color: white;
    text-decoration: none;
}

.Freelancers .item .imgmain .fuell img {
    height: 26px;
    padding: 2px 6px;
    border-radius: 5px;
}

.Freelancers .item .imgmain .fuell {
    position: absolute;
    top: -13px;
    background-color: white;
    display: flex;
    border-radius: 0;
    padding: 2px;
    border-bottom-left-radius: 11px;
    right: -15px;
}

.Freelancers .item .imgmain .fuell .line {
    height: 28px;
    width: 1px;
    background: black;
}

.carpoolingmainpage .mainpage1 a {
    margin: 0px;
    padding: 0px;
}

.carpoolingmainpage .mainpage h6 {
    padding-top: 5px;
    font-size: 17px;
    font-weight: 600;
    padding-left: 14px
}

.carpoolingmainpage .mainpage h6 .bi {
    color: #FFC107;
    margin-right: 5px;
    font-size: 15px;
}

.carpoolingmainpage .mainpage p .bi {
    font-size: 17px;
    margin-right: 10px;
}

.carpoolingmainpage .mainpage a {
    color: black;
    font-weight: 600;
    padding: 6px 11px;
    /* background: white; */
    /* border: 1px solid #ccc; */
    border-radius: 6px;
    margin-left: 29px;
}

.carpoolingmainpage .mainpage p {
    margin: 3px;
    line-height: 1.7;
    padding-left: 14px;
}
 .carpoolingmainpage .mainpage1 ul li {
    font-size: 17px;
    background-color: white;
    margin: 0 5px;
    border: 1px solid #FFFFFF;
    padding: 1px 12px;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 5px;
    display: inline-block;
    position: relative;
}

.carpoolingmainpage .mainpage1 ul {
    padding: 0;
}

.carpoolingmainpage .mainpage1 ul li span {
    display: none;
}

.carpoolingmainpage .mainpage1 ul li:hover span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 13px;
    margin: auto;
    color: #002a01;
    bottom: -22px;
}

.carpoolingmainpage .mainpage1 ul li:hover {
    color: #000;
}

.carpoolingmainpage .mainpage1 {
    text-align: center;
    padding: 10px 0px;
}

.carpoolingmainpage li.page-item {
    margin-left: 10px;
}

.carpoolingmainpage .page-link:hover {
    color: #000;
}

.carpoolingmainpage .page-link {
    color: black;
    font-size: 20px;
}

.carpoolingmainpage .pagination {
    margin-bottom: 50px;
}


.visit {
    width: 100%;
    margin-bottom: 30px;
}

.visit .banner1 .banner {
    width: 100%;
    background-size: 100%;
    height: 500px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

.visit .banner1 h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 25px 0px;
}

.visit .banner1 h2 span {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 3px;
    opacity: 1;
    width: 140px;
    height: 50px;
    text-align: center;
    line-height: 43px;
}

.visit .banner1 h2 span img {
    height: 27px;
}

.visit .banner1 .banner .city {
    width: 650px;
    background: alieblue;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 8px;
    opacity: 0.8;
    height: 300px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
}

.visit .banner1 .banner .city h4 {
    font-family: 'violante';
    letter-spacing: 0px;
    opacity: 1;
    font-size: 40px;
    font-weight: 400;

}

.visit h2 {
    font-weight: 600;
    font-size: 28px;
    color: #002C0A;
    padding: 19px 0px;
}

.visit h2 span .btnn {
    border: none;
    background: #235789;
    font-size: 16px;
    display: inline-block;
    padding: 10px 26px;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
}


.visit .visit1 {
    padding: 10px 10px;
    margin: 6px 0px;
    height: 175px;
    background: #E6AC7A 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 4px;
    opacity: 1;
}

.visit .visit1 img {
    height: 100px;
    width: 100px;
    float: left;
    border-radius: 5px;
    margin-right: 18px;
    object-fit: cover;
}

.visit .visit1 li {
    list-style-type: none;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    margin: auto;
    color: #0E0E0E;
    padding: 18px;
}

.visit .visit1 li p {
    font-size: 15px;
    font-weight: 500;
}

.visit .visit1 ul {
    padding: 0px;
    position: relative;
}

.visit .visit1 button {
    border: none;
    background: #44A13D 0% 0% no-repeat padding-box;
    height: 50px;
    width: 50px;
    border-radius: 48px;
    margin-right: 13px;
    margin-top: 17px;
    color: white;
}

.visit .visit1 span .btnn {
    background: #D13737 0% 0% no-repeat padding-box;
}

.visit .visit1 button .bi {
    font-size: 33px;
    color: black;
}

.visit h4 {
    font-size: 28px;
    padding-top: 18px;
    color: #002C0A;
    font-weight: 600;
}


.visit .mainpage1 {
    margin: 20px 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px #0000001A;
    margin-bottom: 10px;
    height: fit-content;
}

.visit .mainpage1 .imgggg1 {
    height: 208px;
    overflow: hidden;
    /* border-radius: 4px; */
}

.visit .mainpage {
    padding: 20px;
}
.visit.visiter_sec span.float-end a {
    background: #1d4ed8;
    font-size: 14px;
    height: 45px;
    line-height: 22px;
}
.visit .mainpage a.btnn {
    margin-left: 0;
    padding: 9px 39px;
    display: inline-block;
    background: transparent;
    color: #1d4ed8;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 8px;
    width: 100%;
    text-align: center;
    box-shadow: 0px 0px 3.33px 0px #0000001A;
}
.elderly_care div#myTabContent {
    max-width: 100%;
    padding: 0;
}
.visit .mainpage1 .imgggg1 img {

    border-radius: 6px;
}

.visit .mainpage h6 {
    color: #0E0E0E;
    font-size: 17px;
    margin: 0px;
    font-weight: 600;

}

.visit .mainpage p {
    margin: 3px;
}

.visit .mainpage h6 .bi {
    color: #FFC107;
    margin-right: 5px;
    font-size: 15px;
}

.visit .mainpage p .bi {
    font-size: 17px;
    margin-right: 10px;
}

.visit .mainpage a {
    color: black;
    font-weight: 600;
    padding: 6px 11px;
    border-radius: 6px;
    margin-left: 29px;
}

.add_visit .form-group {
    margin: 8px 0px;
    padding: 0 !important;
}
section.add_visit {
    height: 70vh;
    overflow-y: scroll;
}
.add_visit .form-group .form-control {
    border-radius: 8px;
    padding: 8px 10px;
    opacity: 1;
    border: 1px solid #ddd;
    background: #fff !important;
    box-shadow: none;
    outline: none !important;
    height: 45px;
    font-size: 14px;
    color: #979797;
    margin-top: 5px;
}
.add_visit .form-group i.gj-icon.clock {
    top: 13px !important;
    right: 5px;
    font-size: 18px;
    color: blue;
}
.add_visit .form-group textarea {
    width: 100%;
    border-radius: 8px;
    opacity: 1;
    border: none;
    padding: 8px 10px;
    border: 1px solid #ddd;
    background: #fff !important;
    box-shadow: none;
    outline: none !important;
    height: 100px !important;
    margin-top: 5px;
}
label#sbcatv {
    display: none;
}
.checkk.row .form-check {
    margin: 0;
}
.add_visit .form-group label.form-check-label {
    font-size: 15px !important;
}
.checkk.row {
    margin: 10px 0;
    background: #f4f4f4;
    gap: 4px 0px;
    padding: 12px;
    border-radius: 10px;
}

.checkk.row label.form-check-label {
    font-size: 13px;
}
div#locx {
    width: 50%;
}
.add_visit .form-group .form-control::placeholder {
    color: #a7a7a7;
    font-size: 13px;
}

.add_visit .form-group select, .add_visit .form-group textarea {
    color: #fff;
    font-size: 13px;
}

div#loc1 .form-group label, div#locx .form-group label {
    font-size: 15px;
    margin: 5px 0;
    color: #343434;
}
.add_visit .form-group .form-control::placeholder {
    font-size: 14px;
    color: #979797;
}

.add_visit .form-group textarea::placeholder {
    font-size: 14px;
    color: #979797;
}

.add_visit .real_catagories .item {
    width: 9%;
    display: inline-block;
    text-align: center;
    box-shadow: inset 2px 2px 0px #00000000, 2px 2px 0px #00000000;
    padding: 8px;
    background: #fff;
    float: left;
    position: relative;
}


.add_visit .visit_page .item {
    width: 100% !important;
    height: 145px;
}


.add_visit .checkk {
    margin: 10px 0px;
}

.add_visit .checkk input {
    font-size: 18px;
}

.add_visit .checkk .form-check-label {
    font-size: 16px;
}


.add_visit .real_catagories .item img {
    height: 76px;
    padding: 5px;
    text-align: center;
    border-radius: 11px;
    display: inline-block;
}

.add_visit .real_catagories .item p {
    font-size: 14px;
    /* font-weight: 600; */
    text-align: center;
    margin: 0px;
}

.add_visit .real_catagories .item.active {
    background: #103d23;
    color: white;
    border-radius: 7px;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    padding: 8px;
}



.share-data ul {
  gap: 15px;
  padding: 0px;
  margin-bottom: 0px;
  align-content: center !important;
}

.share-data ul li:last-child {
  margin-left: auto !important;
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: block !important;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px;
}

.share-data ul li {
  display: flex !important;
  padding-top:  6px !important;
}
.share-data {
	margin-top: -13px;
}



.add_visit .real_catagories {
    display: flex;
    margin: 30px 0px;
}

.add_visit .real_catagories .imgg11 {
    border-radius: 8px;
    height: 100px;
    /* width: 100px; */
    overflow: hidden;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    text-align: center;
    margin: auto;
    line-height: 100px;
}

.add_visit .imagefile {
    position: relative;
    float: left;
}

.add_visit .imagefile input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.add_visit .imagefile img {
    width: 146px;
    margin-bottom: 15px;
}

.add_visit .imagefile button {
    border: none;
    background-color: #d6e8fe;
    padding: 10px 41px;
    border-radius: 6px;
    font-weight: 700;
}

.add_visit .imagefile h6 {
    font-size: 18px;
    font-weight: 500;
}

.add_visit .imagefile .bi {
    font-size: 27px;
    margin-left: 17px;
}

.add_visit .btnnn1 {
    border: none;
    font-size: 16px;
    padding: 12px 60px;
    border-radius: 7px;
    color: #000;
    margin-bottom: 22px;
}



button.btn.addnew {
    font-size: 14px;
    padding: 10px 30px;
    color: #000;
    display: inline;
    font-weight: 600;
}

button.btn.addnew:hover {
    color: #fff;
}

.Freelancing .banner1 {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url("../images/Freelancing.jpg");
    width: 100%;
    padding: 90px 0px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
}


.Freelancing .banner2 {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url("../images/Freelancing.jpg");
    width: 100%;
    padding: 90px 0px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
}




.Freelancing .inters {
    padding: 35px 0px;
}




.Freelancing .banner1 h2 {
    font-weight: 600;
    font-size: 40px;
    color: white;
}

section.community.Freelancing .side_bar2 {
    padding-left: 0;
    min-height: 370px;
}


.Freelancing .item .lancers1 {
    text-align: center;
}

.Freelancing .lancers1 button {
    border: none;
    border-radius: 8px;
    padding: 9px 42px;
    margin-top: 10px;
    margin-bottom: 13px;
    color: #000;
}

.Freelancing .lancers1 a {
    text-decoration: none;
    color: white;
}



 .Freelancing .item h6 {
    padding-top: 5px;
    font-size: 17px;

}

.Freelancing .item p .bi {
    font-size: 17px;
    margin-right: 10px;
}

.Freelancing .item p {
    margin: 0px;
    line-height: 1.7;
    display: flex;
}

.Freelancing .item .imgg11 {
    background-color: #FF8970;
    padding: 15px 8px;
    min-height: 124px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Freelancing .item .imgg1 {
    height: 200px;
    overflow: hidden;
    margin: 0px;
    position: relative;
}

.Freelancing .item .imgg1 .like {
    position: absolute;
    right: 13px;
    top: 10px;
    font-size: 18px;
    background: white;
    height: 33px;
    width: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 45px;
}

.Freelancing .item .imgg1 .share {
    position: absolute;
    right: 13px;
    bottom: 10px;
    font-size: 17px;
    background: white;
    height: 33px;
    width: 33px;
    text-align: center;
    line-height: 33px;
    border-radius: 68px;
}

.Freelancing .posted {
    padding: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 8px;
    margin: 12px 0px;
}

.Freelancing .posted h6 {
    font-size: 18px;
    color: #0f3d23;
    font-weight: 600;
}

.Freelancing .posted h6 span {
    font-size: 16px;
    color: grey;
    padding-left: 4px;
}

.Freelancing .posted p {
    text-align: justify;
    margin-bottom: 0;
}

.Freelancing .posted .buttonn {
    border: none;
    padding: 9px 33px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    color: #000;
    border-radius: 9px;
    text-decoration: none;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}

.Freelancing .posted .jobb2 a {
    color: #0059c8;
    font-size: 16px;
    margin-right: 10px;
}

.Freelancing .posted .buttonn1 {
    border: none;
    background: #9d1b1bdb;
    padding: 5px 21px;
    font-size: 16px;
    /* margin: 10px 0px; */
    /* width: 100%; */
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    color: white;
    border-radius: 9px;
    text-decoration: none;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}

.Freelancing .posted .buttonn2 {
    border: none;
    background: skyblue;
    padding: 5px 21px;
    font-size: 16px;
    /* margin: 10px 0px; */
    /* width: 100%; */
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
    text-align: center;

    border-radius: 9px;
    text-decoration: none;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}

.Freelancing .posted h4 {
    font-size: 18px;
    color: #0f3d23;
    font-weight: 600;
    padding: 0px;
}

.Freelancing .posted h4 span {
    font-size: 16px;
    color: grey;
    padding-left: 4px;
}



.Freelancing .posted .image {
    height: 58px;
    overflow: hidden;
}

.Freelancing .posted .image img {
    height: 61px;
    width: auto;
}


.section_graphicpage {
    width: 100%;
}


.section_graphicpage h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 19px 0px;
}

.section_graphicpage .item .lancers1 {
    text-align: center;
}

.section_graphicpage .lancers1 button {
    border: none;
    border-radius: 2px;
    padding: 9px 42px;
    margin-top: 10px;
    margin-bottom: 13px;
    color: #000;
}

.section_graphicpage .lancers1 a {
    text-decoration: none;
    color: white;
}

.section_graphicpage .lancers1 .bi {
    font-size: 17px;
    margin-right: 17px;
    border: 1px solid #FFFFFF;
    padding: 1px 7px;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.16), inset 1px 1px 0px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
}

.section_graphicpage .lancers1 .bi:hover {
    color: #000;
}

.section_graphicpage .item h6 {
    padding-top: 5px;
    font-size: 17px;
    padding-left: 14px
}

.section_graphicpage .item p .bi {
    font-size: 17px;
    margin-right: 10px;
}

.section_graphicpage .item p {
    margin: 0px;
    line-height: 1.7;
    padding-left: 14px;
}

.section_graphicpage .item {
    /* margin: 26px 0px; */
    background: #FFFFFF;
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.16), inset 2px 2px 0px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    padding-bottom: 13px;
}

.section_graphicpage li.page-item {
    margin-left: 10px;
}

.section_graphicpage .page-link:hover {
    color: #000;
}

.section_graphicpage .page-link {
    color: black;
    font-size: 20px;
}

.section_graphicpage .pagination {
    margin-bottom: 50px;
}

.web_designer h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding-bottom: 15px;
}

.android_page h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 19px 0px;
}

.VFX_Artistpage h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding-top: 30px;
}

.Photography h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding-bottom: 15px;
}

.Accountant h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 18px 0px;
}

.Digital_marketing h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 19px 0px;
}

.Video_Editing h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding-bottom: 15px;
}

.preloved {
    width: 100%;
}





.preloved h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 19px 0px;
}


.preloved .things {
    margin: 30px 0px;
    border: 1px solid #ccc;
    padding: 17px 17px;
    border-radius: 8px;
}

.preloved .things .imgg1 {
    position: relative;
    height: 179px;
}

.preloved .things button {
    position: absolute;
    border: none;
    background: #7AE6C0;
    border-radius: 7px;
    left: 0px;
    padding: 1px 12px;
}

.preloved .things p {
    margin: 0px;
}

.preloved .things img {
    border-radius: 10px;
}

.preloved .things h5 {
    padding-top: 7px;
}

.preloved .things ul {
    padding: 0px;
}

.preloved .things ul li {
    list-style-type: none;
    padding-top: 7px;
    font-size: 16px;
}

.preloved .things ul li .bi {
    font-size: 17px;
    margin-right: 11px;
}

.preloved .things a {
    background: white;
    padding: 7px 18px;
    border-radius: 9px;
    font-size: 16px;
}

.preloved .things .bi {
    margin-right: 5px;
}

.preloved .apartment {
    box-shadow: 3px 5px 11px #626262;
    border-radius: 10px;
    padding: 15px;
    background: white;
    margin-bottom: 38px;
}

.preloved .apartment img {
    border-radius: 10px;
    height: 166px;
}

.preloved .apartment h4 {
    font-size: 20px;
    font-weight: 600;
    margin-top: -8px;
}

.preloved .apartment ul {
    padding: 0px;
}

.preloved .apartment ul li {
    list-style-type: none;
    font-size: 15px;
}

.preloved .apartment ul li .bi {
    font-size: 16px;
}

.preloved .apartment h6 {
    font-size: 17px;
    margin: 0px;
}

.preloved .apartment span {
    margin-left: 23px;
}

.preloved .apartment button {
    border: none;
    padding: 9px 26px;
    border-radius: 7px;
    margin-top: 10px;
    color: #000;
}

.Freelancers .item .imgmain .img img {
    width: 100%;
    height: 100%;
    border: 2px solid #007BFF;
    background-color: #fff;
}

.freelancers-slider .img img {
	border-radius: 50%;
}

.preloved .apartment button a {
    color: white;
}

.preloved .apartment span {
    margin-top: 13px;
}

.preloved .apartment span a {
    font-size: 15px;
    text-decoration: underline;
}

.preloved .apartment h5 {
    margin: 0px;
    width: 100%;
    font-size: 15px;
    color: #626262;
    text-align: right;
    font-weight: 500;
}

.preloved h3 {
    color: #002C0A;
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0px;
}

.preloved .apartment h6 img {
    height: 25px;
    margin-right: 6px;
}

.elderlyform h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 25px 0px;
}

.elderlyform .form-signin .form-group .form-check label {
    font-weight: 500;
}

.nannycareform h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 19px 0px;
}

.section_realestate h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 22px 0px;
}

.section_realestate .apartment {
    padding: 15px;
    margin-top: -5px;

}

.section_realestate .apartment h4 {
    font-size: 20px;
    font-weight: 600;
    margin-top: -8px;
}

.section_realestate .apartment ul {
    padding: 0px;
}

.section_realestate .apartment ul li {
    list-style-type: none;
    font-size: 15px;
}

.section_realestate .apartment ul li .bi {
    font-size: 16px;
}

.section_realestate .apartment h6 {
    font-size: 17px;

}

.section_realestate .imgggg1 {
    height: 200px;
    overflow: hidden;
    position: relative;

}

.section_realestate .imgggg1 img {
    border-radius: 10px;
    height: 100%;
}

.section_realestate .imgggg1 .price h3 {
    position: absolute;
    z-index: 59;
    /* top: 208px; */
    /* right: 8px;
        bottom: -2px; */
    font-size: 18px;
    text-align: center;
    letter-spacing: 0px;
    color: black;
    opacity: 1;
    background: white;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 4px;
    padding: 8px 18px;
}

.section_realestate .imgggg1:hover+.price {
    display: block;
    cursor: pointer;
}

.section_realestate .apartmentt .price {
    position: absolute;
    top: 20px;
    z-index: 9999;
    height: 80px;
    line-height: 60px;
    width: 91px;
    display: none;
    text-align: center;
}

.section_realestate .apartmentt:hover .price {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.9;
}





.section_realestate .apartmentt {
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 10px;
    overflow: hidden;
}

.section_realestate .apartmentt:hover .apartment {
    color: #000;
}

.section_realestate .apartment span {
    margin-right: 23px;
}

.section_realestate .apartment button {
    border: none;
    padding: 9px 26px;
    border-radius: 7px;
    color: #000;
    margin-top: 10px;
}

.section_realestate .apartment button a {
    color: white;
}

.section_realestate .apartment span {
    margin-top: 13px;
}

.section_realestate .apartment span a {
    font-size: 15px;
    text-decoration: underline;
}

.section_realestate .apartment h5 {
    margin: 0px;
    width: 100%;
    font-size: 15px;
    color: #626262;
    text-align: right;
    font-weight: 500;
}

.section_realestate h3 {
    color: #002C0A;
    font-size: 24px;
    font-weight: 600;
    padding: 25px 0px;
}


.section_realestate h3 span .btnn1 {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    border-radius: 7px;
    padding: 11px 30px;
    color: #000;
    text-align: center;
    font-size: 16px;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
}





.section_realestate .apartment h6 img {
    height: 25px;
    margin-right: 6px;
}

.section_realestate .apartment h6 .imagehover {
    display: none;
}

.section_realestate .apartmentt:hover span img {
    display: none;
}

.section_realestate .apartmentt:hover .imagehover {
    display: inline-block;
}

.section_realestate .catagories {
    margin: 34px 0px;
}


.section_realestate .navitem {

    /* border: 1px solid #ccc; */
    padding: 16px;

    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 6px;
    /* margin: 26px 0px; */
    margin: auto;
    opacity: 0.9;
}

.section_realestate .nav-tabs {
    /* border: none; */
    margin-bottom: 30px;
}

.section_realestate .nav-item {
    /* border: 1px solid #ccc; */
    margin-right: 27px;
    padding: 0px 18px;
}

.section_realestate .line4 {
    height: 29px;
    width: 4px;
    background: #ccc;
    position: absolute;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
    top: -2px;
    left: 126px;
    box-shadow: none;
}



.section_realestate .nav-link {
    border: none;
    color: black;
    font-size: 16px;
}

.section_realestate .nav-link.active {
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #002C0A;
}

.section_realestate .navitem .form-group {
    position: relative;
}

.section_realestate .set1 .bi {
    position: absolute;
    left: 21px;
    top: 9px;
    font-size: 21px;
}

.section_realestate a {
    color: black;
    text-decoration: none;
}

.section_realestate .navitem input {
    padding: 13px 10px;
    border-radius: 22px;
    color: #626262;
    border: 1px solid #ccc;
}

.section_realestate .btnn {
    border: none;
    padding: 2px 30px;
    color: #000;
    border-radius: 21px;
    margin-top: 0px;
    position: absolute;
    display: inline-block;
    width: 125px;
    height: 36px;
    line-height: 20px;
    right: 8px;
    top: 7px;
}

.section_realestate .btnn1 .bi {
    position: inherit;
    margin-right: 10px;
}

.section_realestate .btnn1 {
    padding: 5px 15px;
    margin-right: 15px;
    border-radius: 7px;
    margin-top: 0px;
}


.section_realestate .form-group .bi {
    position: absolute;
    top: 10px;
    left: 13px;
    font-size: 20px;
}



.section_realestate .building {
    display: table-row;
    /* margin: 45px 0px; */
    position: relative;
}

.section_realestate .navitem .form-group {

    position: relative;
    float: left;
    width: 19%;
    padding: 0px 20px
        /* margin: 10px 0px; */

}

.section_realestate .navitem form {
    height: 48px;
    border-radius: 30px;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    position: relative;
    width: 100%;
}

.section_realestate .form-group label {
    position: absolute;
    top: -38px;
    width: 100%;
    color: #002C0A;
    font-size: 15px;
    font-weight: 600;
}

.section_realestate .form-group select {
    border: none;
    margin-top: 0px;
    width: auto;
}

.loc {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
    height: 80px;
    line-height: 60px;
    width: 80px;
    background: white;
    text-align: center;
    border-radius: 60px;
    line-height: 70px;
}

.section_realestate .loc .imgg19 img {
    height: 39px;
    line-height: 39px;
}

.section_realestate .col .imgg:hover {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 6px;
}

.section_realestate .set1 .loc_main {
    display: none;
}


.section_realestate .set1:hover .txt {
    display: none;
}

.section_realestate .set1:hover .loc_main {
    display: block;
    background: #000000db;
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    left: 0;
}

.section_realestate .loc .bi {
    position: absolute;
    left: 28px;
    top: 9px;
    font-size: 21px;
    color: #1B5440;
}

.col:hover+.loc {
    display: block;
    cursor: pointer;
}

.community .imggg1:hover+.jan {
    display: block;
    cursor: pointer;
}

.community .jan {
    position: absolute;
    top: 20px;
    z-index: 9999;
    height: 80px;
    line-height: 60px;
    width: 196px;
    display: none;
    text-align: center;
    border-radius: 60px;
}

.community .imggg1:hover .jan {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.realstate_carousel .item .imgg11 {
    height: 100px;
    width: 100px !important;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    margin-top: 41px;
    background: pink;
    margin: auto;
}

.section_realestate .realstate_carousel .owl-dots {
    display: none;
}

.section_realestate .realstate_carousel .owl-nav {
    display: none;
}

.section_realestate .realstate_carousel .item {
    margin: 32px 0px;
}

.section_realestate .realstate_carousel .item p {
    text-align: center;
}

.section_realestate .detaills {
    display: none;
}

.section_realestate .detaills::after {
    border-top: 0.3em solid;
    content: "";
    position: absolute;
    top: -21px;
    left: 0;
    transform: rotate(180deg);
    border-top: 1.5em solid #02250b;
    border-right: 0.7em solid transparent;
    border-bottom: 0;
    border-left: 12px solid transparent;
    right: 0;
    width: 1px;
    margin: auto;
}


.section_realestate .realstate_carousel .item:hover .detaills {
    display: block;
    position: absolute;
    background-color: pink;
    left: 0px;
    top: 0px;
    height: 200px;
}

.section_realestate .blog {
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 7px;
    transition: 0.9s;
}

.section_realestate .blog:hover {
    border-bottom: 3px solid #002C0A;
    transition: all .3s;
    transform: translateY(-22px);
}


.section_realestate .blog .Blog1 {
    padding: 15px;
    margin-top: -5px;

}


.section_realestate .blog:hover .Blog1 {
    background: #EDCB38 0% 0% no-repeat padding-box;
}


.section_realestate .blog .Blog1 a {
    color: #002C0A;
    text-decoration: underline;
    font-weight: 600;
}

.section_realestate .blog .Blog1 p {
    margin: 3px 0px;
}

.section_realestate .blog .Blog1 h6 {
    color: #002C0A;
    font-weight: 600;
}

.section_realestate .building img {
    border-radius: 10px;
}

.section_realestate .col.building1 {
    height: 516px;
}

.section_realestate .col {
    height: 251px;
    margin-bottom: 11px;
}

.section_realestate .txt {
    position: absolute;
    bottom: 1px;
    left: 17px;
    padding: 10px;
    color: white;
}
.section_realestate .set1 {
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    position: relative
}

.section_realestate .col.col2 {
    width: 50%;
}

.section_realestate .col {
    flex: none;
    width: 25%;
    float: left;
    position: relative;
}

.section_realestate .building h6 {
    font-size: 20px;
    font-weight: 600;
    margin: 0px;
}

.section_realestate .building p {
    margin: 0px;
}

.section_realestate .building .imgg {
    background-image: linear-gradient(rgb(20 19 19) 9%, rgb(0 0 0 / 47%) 99%);
    transition: transform .1s;
    height: 100%;
}

.section_realestate .real_catagories .item {
    width: 10%;
    text-align: center;
    float: left;
    margin: 0 0.5%;
    position: relative;
}

.section_realestate .real_catagories .item img {
    height: 76px;
    padding: 5px;
    text-align: center;
    border-radius: 11px;
    display: inline-block;
}

.section_realestate .real_catagories .item:hover .detaills {
    display: block;
    position: absolute;
    top: 118px;
    z-index: 9;
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    width: 250px;
    padding: 11px;
    border-radius: 9px;
    color: white;
    left: -60px;
    right: 0;
    margin: auto;
}

.section_realestate .real_catagories .detaills p {
    color: #EDCB38;
    margin: 0px;
    font-size: 13px;
    line-height: 20px;
}

.section_realestate .real_catagories .detaills a {
    text-decoration: underline;
    color: white;
}


.section_realestate .real_catagories {
    display: flex;
    margin: 30px 0px;
}

.section_realestate .real_catagories .imgg11 {
    border-radius: 8px;
    height: 94px;
    width: 94px;
    overflow: hidden;
    text-align: center;
    margin: auto;
    line-height: 94px;
}

.section_realestate .real_catagories .item a:hover p {
    display: none;
}

.section_realestate .iconnns {
    position: fixed;
    right: 107px;
}

.section_realestate .iconnns ul {
    padding: 0px;
    margin-top: 20px;
}

.section_realestate .iconnns ul li {
    list-style-type: none;
    width: 56px;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    margin-right: 15px;
    height: 56px;
    margin-top: 20px;
    line-height: 56px;
    text-align: center;
    border-radius: 50px;
    color: #000;
}

.section_realestate .iconnns ul li a {
    height: 68px;
    width: 200px;
}

.section_realestate .iconnns img {
    height: 30px;
}

.breadcrums {
    font-size: 20px;
    padding: 20px 0px;
    font-weight: 600;
    margin: 0px;
}

.breadcrums a {
    text-decoration: none;
    color: black;
}

.breadcrums span {
    color: #002C0A;
}

.my-visitors-section .attachment-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.my-visitors-section .attachment-box .row.attachment-row-box .col-sm-6 {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: start;
  gap: 10px;
}

.my-visitors-section .form-group textarea {
	color: #000 !important;
}
.my-visitors-section {
   margin-bottom: 35px;
}

.attachment-button-box {
  justify-content: start;
  display: flex;
}
.attachment-button-box .btnnn1.text-light {
  font-size: 12px;
  padding: 12px 44px;
  margin-bottom: -7px;
  margin-top: 15px;
}
.my-visitors-section .col-md-6:nth-child(n+5) {
	width: 50%;
}
.my-visit-rendom-box {
	width: 46% !important;
}
.my-visitors-width-section {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 35px;
	background-color: rgb(255, 255, 255);
	margin-bottom: 30px !important;
}
.my-visitors-width-section .form-group select .add_visit .form-group textarea {
	color: #7e7e7e !important;
}

.float-end-directionn {
    display: none;
}

.section_emergancy .banner {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url(../images/naibhourhoodwatch.jpg);
    width: 100%;
    padding: 90px 0px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: right;
    height: 500px;
}

.breadcrums .directionn a {
    margin-left: 3px;
    height: 24px;
    display: inline-block;
    text-align: center;
    width: 24px;
    line-height: 30px;
    border-radius: 3px;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
}

.breadcrums .directionn a .bi {
    font-size: 14px;
}

.side_bar {
    position: relative;
}


.free-modal-content {
    width: 750px !important;
}

.free-side_bar1 {
    max-width: 100% !important;
}

.side_bar1 {
    max-width: 60%;
    border-radius: 10px;
    padding: 26px;
    background: #F6F6F6;
    margin: auto;
}

.side_bar1 .sidenavv1111 form select.form-select {
    margin: 14px 0px;
    border-radius: 4px;
    height: 35px;
    color: #707070;
}

.sidenavv1111 input.radio_gender {
    margin-top: 0 !important;
    margin-right: 6px !important;
    width: 17px;
    height: 17px !important;
    position: relative;
    top: 3px;
}

.sidenavv1111 input.radio_gender+input.radio_gender {
    margin-left: 18px;
}

.side_bar1 .sidenavv1111 form .BUDGET1 {
    justify-content: space-between;

}

.side_bar1 .sidenavv1111 form .BUDGET2 {
    display: inherit;
    align-items: center;
    justify-content: inherit;
}

.side_bar1 .sidenavv1111 form .BUDGET3 {
    padding: 0 12px;
    width: 100%;
    margin: 6px 0px;
    height: 42px;
    text-align: center;
}

.side_bar1 .sidenavv1111 form .BUDGET2 span {
    padding: 18px 0;
    margin-top: 0;
    position: relative;
    top: 15px;
}

.free-label {
    color: #A1A1A1;
}

.side_bar1 .sidenavv1111 form .BUDGET4 {
    color: #fff;
    background: #00AFB9;
    border-radius: 4px;
    padding: 10px 9px;
    text-align: center;
    width: 50%;
    margin: auto;
    border: navajowhite;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 18px;
}

.Freelancing.our_service .item p {
    word-wrap: break-word;
    display: block;
    max-height: 60px;
    overflow: hidden;
    font-weight: 600;
    line-height: 20px;
    margin-top: 15px;
}

.side_bar1 .sidenavv1111 form span {
    padding: 0px 8px;
}

.side_bar1 .sidenavv1111 form h6 {
    color: #063114;
    font-weight: 600;
    font-size: 16px;
}

.side_bar1 .sidenavv1111 form p {
    margin: 0px;
}

.side_bar1 .sidenavv1111 form input {
    margin: 14px 0px;
    border-radius: 8px;
    height: 42px;
    color: #707070;
    border: none;
}

.sidenavv {
    position: fixed;
    top: 430px;
    z-index: 9999;
    left: 24px;
    border-radius: 10px;
    width: 270px;
    height: 433px;
    padding: 20px;
    color: #000;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}


.sidenavv label {
    font-size: 18px;
}

.sidenavv .progress {
    margin: 12px 0px;
}

.sidenavv meter {
    width: 100%;
    height: 28px;
}

.sidenavv .progress-bar {
    background: #ffe273;
    color: black;
    font-weight: 600;
}

.sidenavv .form-group {
    margin: 10px 0px;
}

.sidenavv .form-control {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 8px;
}

.realestate_singlepage .carousel-indicators button {
    width: 79px;
    height: 46px;
    overflow: hidden;

    border: 2px solid #fff;
}

.realestate_singlepage .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -84px;
}

.realestate_singlepage .carousel-indicators button.active {
    border: 2px solid red;
    border-radius: 4px;
}

.realestate_singlepage button.carousel-control-prev {
    background: rgb(43, 45, 46);
    border-radius: 10px;
    opacity: 1;
}

.realestate_singlepage button.carousel-control-next {
    background: rgb(43, 45, 46);
    border-radius: 10px;
    opacity: 1;
}

.realestate_singlepage {
    margin: 40px 0px;
}

.realestate_singlepage .carousel-item img {
    height: 490px;
    border-radius: 10px;
}

.realestate_singlepage .carousel-inner .btnn {
    border: none;
    position: absolute;
    z-index: 9;
    top: 5px;
    right: 109px;
    padding: 6px 15px;
    border-radius: 4px;
}

.realestate_singlepage .carousel-inner .bi {
    margin-right: 10px;
}

.realestate_singlepage .carousel-inner .btnn1 {
    border: none;
    position: absolute;
    z-index: 9;
    top: 5px;
    right: 9px;
    padding: 6px 15px;
    border-radius: 4px;
}

.realestate_singlepage .details .btnn2 {
    border: none;
    padding: 11px 33px;
    font-size: 16px;
    margin: 10px 0px;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #000;
    border-radius: 9px;
    text-decoration: none;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}

.realestate_singlepage .details .btnn3 {
    border: none;
    background: white;
    padding: 11px 33px;
    font-size: 16px;
    margin: 10px 0px;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: black;
    border-radius: 9px;
    text-decoration: none;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}

.realestate_singlepage .details .btnn3:hover {
    color: #000;
}

.realestate_singlepage .details h4 {
    font-size: 22px;
    font-weight: 600;
    margin: 25px 0px;
}

.realestate_singlepage .details .bi {
    margin-right: 5px;
    font-size: 17px;
}

.realestate_singlepage .details p strong {
    margin-left: 9px;
    font-size: 27px;
}

.realestate_singlepage .details p {
    text-align: justify;
    font-size: 18px;
    font-weight: 500;
}

.realestate_singlepage .details ul {
    padding: 0px;
}

.realestate_singlepage .details ul li {
    list-style-type: none;
    font-size: 15px;
}

.realestate_singlepage .details ul li .bi {
    font-size: 16px;
}

.realestate_singlepage .details .prop {
    font-size: 16px;
}


.realestate_singlepage .details h6 {
    font-size: 17px;
    margin: 20px 0px;
}

.realestate_singlepage .details span {
    margin-left: 33px;
}

.realestate_singlepage .details h5 {
    font-size: 26px;
    font-weight: 600;
    padding: 10px 0px;
    color: #002C0A;
}

.realestate_singlepage .property_detail {
    margin-top: 90px;
}

.realestate_singlepage .property_detail h2 {
    font-size: 30px;
    font-weight: 600;
    margin: 15px 0px;
}

.realestate_singlepage .property_detail p {
    font-size: 16px;
    color: #626465;
    font-weight: 600;
}

.realestate_singlepage .property_detail span {

    color: black;
}

.realestate_singlepage .details .owner {
    position: relative;
}

.realestate_singlepage .details .owner li {
    margin-left: 83px;
    font-size: 20px;
    font-weight: 600;
}

.realestate_singlepage .details .owner img {
    position: absolute;
    margin-left: -80px;
}

.realestate_singlepage .details .btn1 button {
    border: none;
    padding: 11px 33px;
    font-size: 16px;
    margin: 10px 0px;
    color: #000;
    border-radius: 7px;
}

.realestate_singlepage .details .btn1 button a {
    text-decoration: none;
    color: white;
}


.realestate_singlepage .apartment1 {
    box-shadow: 3px 5px 11px #626262;
    border-radius: 10px;
    padding: 15px;
    background: white;
    margin-bottom: 38px;
}

.realestate_singlepage .apartment1 img {
    border-radius: 10px;
    height: 166px;
}

.realestate_singlepage .apartment1 h4 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 4px;
}

.realestate_singlepage .apartment1 ul {
    padding: 0px;
}

.realestate_singlepage .apartment1 ul li {
    list-style-type: none;
    font-size: 15px;
}

.realestate_singlepage .apartment1 ul li .bi {
    font-size: 16px;
}

.realestate_singlepage .apartment1 h6 {
    font-size: 17px;
    margin: 0px;
}

.realestate_singlepage .apartment1 span {
    margin-left: 23px;
}

.realestate_singlepage .apartment1 button {
    border: none;
    padding: 9px 26px;
    border-radius: 7px;
    color: #000;
    margin-top: 10px;
}

.realestate_singlepage .apartment1 button a {
    color: white;
    text-decoration: none;
}

.realestate_singlepage .apartment1 span {
    margin-top: 13px;
}

.realestate_singlepage .apartment1 span a {
    font-size: 15px;
    text-decoration: underline;
}

.realestate_singlepage .apartment1 h5 {
    margin: 0px;
    width: 100%;
    font-size: 15px;
    color: #626262;
    text-align: right;
    font-weight: 500;
}

.realestate_singlepage h3 {
    color: #002C0A;
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0px;
    margin-top: 30px;
}

.realestate_singlepage .apartment1 span .bi {
    color: #FFC107;
}

.realestate_singlepage .apartment1 h6 img {
    height: 25px;
    margin-right: 6px;
}

.single_sports h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 19px 0px;
}

.single_sports .sports {
    border-radius: 10px;
    margin: 13px 0px;
    padding: 13px;
    border: 1px solid rgba(0, 0, 0, 0.16);
}

.single_sports .sports .imgg {
    position: relative;
}

.single_sports .sports .imgg .btn1 {
    position: absolute;
    border: none;
    border-radius: 1px;
    padding: 3px 13px;
    background: #7AE6C0;
}

.single_sports .sports h5 {
    font-size: 20px;
    font-weight: 600;
    padding-top: 7px;
}

.single_sports .sports h5 a {
    color: black;
    text-decoration: none;
}

.single_sports .sports ul {
    padding: 0px;
}

.single_sports .sports ul li {
    list-style-type: none;
    font-size: 16px;
    padding-bottom: 4px;
}

.single_sports .sports ul li .bi {
    font-size: 18px;
    margin-right: 10px;
}

.single_sports .sports .mainpage1 .bi {
    font-size: 17px;
    background-color: white;
    margin-right: 17px;
    border: 1px solid #FFFFFF;
    padding: 1px 12px;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 5px;
}

.single_sports .sports .mainpage1 .bi:hover {
    color: #000;
}

.single_sports .sports .mainpage1 {
    text-align: center;
}

.single_sports .sports .mainpage1 p {
    margin: 0px;
}

.single_sports li.page-item {
    margin-left: 10px;
}

.single_sports .page-link:hover {
    color: #000;
}

.single_sports .page-link {
    color: black;
    font-size: 20px;
}

.single_sports .pagination {
    margin-bottom: 50px;
}

.sports_singlepage .details h4 a {
    color: black;
    height: 40px;
    width: 40px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 8px 10px;
}

.sports_singlepage .details li p a {
    color: black;
}

.sports_singlepage .details .btn1 button {
    margin-top: 33px;
}

.sports_singlepage .sports {
    border-radius: 10px;
    margin: 5px 0px;
    padding: 13px;
    border: 1px solid rgba(0, 0, 0, 0.16);
}

.sports_singlepage .sports .imgg {
    position: relative;
}

.sports_singlepage .sports .imgg .btn1 {
    position: absolute;
    border: none;
    border-radius: 1px;
    padding: 3px 13px;
    background: #7AE6C0;
}

.sports_singlepage .sports h5 {
    font-size: 20px;
    font-weight: 600;
    padding-top: 7px;
}

.sports_singlepage .sports ul {
    padding: 0px;
}

.sports_singlepage .sports ul li {
    list-style-type: none;
    font-size: 16px;
    padding-bottom: 4px;
}

.sports_singlepage .sports ul li .bi {
    font-size: 18px;
    margin-right: 10px;
}

.sports_singlepage h3 {
    color: #002C0A;
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0px;
    margin-top: 30px;
}

.sports_singlepage .mainpage1 {
    text-align: center;
    margin-bottom: 11px;
}

.sports_singlepage .mainpage1 a {
    text-decoration: none;
    color: black;
    border: 1px solid #ccc;
    padding: 7px 14px;
    border-radius: 8px;
}

.section_shopping h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 19px 0px;
}

.section_shopping ul {
    border: none;
}

.section_shopping .bannerr1 {
    background-image: url("../images/Banner-1.jpg");
    width: 100%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.section_shopping h2 span img {
    height: 27px;
}

.section_shopping ul li .nav-link.active {
    border: none;
    color: #000;
    padding: 10px 70px;
    margin: 19px 13px;
}

.section_shopping ul li .nav-link {
    color: black;
    background: white;
    border: 1px solid #ccc;
    padding: 10px 70px;
    margin: 19px 0px;
}

.section_shopping ul li {
    margin-right: 31px;
}

.section_shopping ul li .bi {
    font-size: 18px;
    margin-right: 8px;
}

.section_shopping .shop {
    margin: 10px 0px;
    background: #FFFFFF;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 8px;
    padding: 13px;
}

.section_shopping .shop h6 {
    font-size: 18px;
    font-weight: 600;
    padding-top: 5px;
}

.section_shopping .shop h6 a {
    color: black;
    text-decoration: none;
}

.section_shopping .shop p {
    margin: 0px;
}


.section_shopping .shop ul {
    padding: 0px;
}

.section_shopping .shop ul li {
    list-style-type: none;
    font-size: 16px;
    padding-top: 3px;
}

.section_shopping .shop1 button {
    border: none;
    border-radius: 2px;
    padding: 9px 42px;
    color: #000;
}

.section_shopping .shop1 {
    text-align: center;
}

.section_shopping .shop1 button a {
    text-decoration: none;
    color: white;
}

.section_shopping .imgg {
    margin-bottom: 34px;
}

.section_shopping h4 {
    color: #002C0A;
    font-weight: 600;
    padding-top: 23px;
}

.section_shopping .sales {
    border-radius: 10px;
    margin: 9px 0px;
    padding: 7px 8px;
    border: 1px solid rgba(0, 0, 0, 0.16);
}

.section_shopping .sales .imgg1 {
    position: relative;
}

.section_shopping .sales .btn {
    border: none;
    background-color: #7AD0E6;
    height: 39px;
    width: 39px;
    position: absolute;
    right: 10px;
    top: 156px;
    /* font-size: 20px; */
    border-radius: 23px;
}

.section_shopping .sales button.btn1 {
    background-color: #7AE6C0;
    border: none;
    position: absolute;
    font-size: 14px;
    padding: 1px 11px;
    border-radius: 8px;
}

.section_shopping .sales .btn img {
    height: 15px;
}

.section_shopping .sales h5 {
    font-size: 20px;
    font-weight: 600;
    padding-top: 6px;
}

.section_shopping .sales ins {
    color: #002C0A;
    text-decoration: none;
    margin: 0px 6px;
    font-weight: 900;
    font-size: 18px;
}

.section_shopping .sales .imgg1 img {
    border-radius: 7px;
}

.section_shopping .sales p .bi {
    font-size: 18px;
}

.section_shopping .sales p {
    font-size: 14px;
}

.section_shopping .sales p a {
    color: black;
}

.section_shopping .news {
    border: 1px solid #ccc;
    padding: 14px;
    border-radius: 9px;
    margin: 10px 0px;
}

.section_shopping .news h3 {
    font-size: 20px;
    font-weight: 600;
    padding-top: 5px;
}

.section_shopping .news h6 {
    font-size: 15px;
    color: #626262;
}

.section_shopping .news marquee {
    position: relative;
}

.section_shopping .news marquee .bi {
    position: absolute;
    left: 0px;
    font-size: 8px;
    padding-top: 6px;
    color: #002C0A;
}

.section_shopping .news marquee p {
    padding-left: 21px;
}

.shoopingsinglepage .details ul li {
    list-style-type: none;
    font-size: 15px;
    padding: 4px 0px;
}

.shoopingsinglepage .details ul li .bi {
    font-size: 16px;
    margin-right: 10px;
}

.shoopingsinglepage .details .schedule {
    border: 1px solid #ccc;
    padding: 9px 25px;
}

.shoopingsinglepage .details {
    margin-bottom: 29px;
}

.shoopingsinglepage .shop {
    margin: 8px 0px;
}

.shoopingsinglepage h5 {
    padding-top: 41px;
    color: #002C0A;
    font-weight: 600;
}

.shoopingsinglepage h4 {
    padding-top: 0px;
}

.img-fluid-event {
    height: 200px;
    object-fit: cover;
}

.line-hr {
    border: 1px solid #ccc;
}

.list-group-events {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    height: 432px;
    border-radius: 6px;
}

.form-check-al {
    padding-left: 2.5em;
    min-height: 3.5rem;
}

.blog_mainpage .blog2 ul li {
    margin-right: 8px !important;
}

.ms-text-car {
    margin-bottom: 0px;
}

.share-button-bi {
    margin-left: 28px;
}

.blog_mainpage h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 19px 0px;
}


.blog_mainpage .blog1 {
    margin: 0 0px;
    border: 1px solid #ccc;
    padding: 13px;
    border-radius: 8px;
    box-shadow: 5px 6px 8px #ccc;
}

.blog_mainpage .blog1 h4 {
    font-weight: 600;
    font-size: 18px;
}

.blog_mainpage .blog1 img {
    height: 160px;
}

.blog_mainpage .blog1 p {
    margin: 0px;
}

.blog_mainpage .blog1 h6 {
    margin-top: 7px;
}

.blog_mainpage .blog1 .bi {
    border: 1px solid #ccc;
    padding: 5px 8px;
    border-radius: 25px;
    margin-right: 11px;
    display: inline-block;
}

.blog_mainpage .blog1 .bi:hover {
    color: #000;
}

.blog_mainpage .blog1 .btn {
    color: #000;
    padding: 5px 15px;
    margin-top: 5px;
}

.blog_mainpage .blog1 .strong {
    font-size: 16px;
}

.blog_mainpage .blog2 {
    border-radius: 10px;
    position: relative;
    transition: .5s;
    margin: 5px 3px;
}

.blogg2:hover h6 i {
    color: white !important;
}

.blogg2:hover .viewmo {
    color: white !important;
}

.heart img {
	height: 40px !important;
	width: 40px !important;
	position: absolute;
	top: 3px !important;
	right: 4px;
	margin: auto;
}

.blog_mainpage .blog2 h6 {
    font-weight: revert;
    margin-bottom: 0;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 3px;
    margin-top: 15px;
    font-size: 16px;
    height: 28px;
    font-weight: 600;
    min-height: 30px;
}

.all-blog-span {
    margin: 0px;
    font-size: 14px;
    color: #6E6E6E;
    min-height: 84px !important;

}

.blog .blog2 .imgg {
    width: 275px;
    position: absolute;
    left: 12px;
    /* border-radius: 50%; */
    overflow: hidden;
    height: 228px;
    top: 10px;
    border-radius: 5px;
}

.imggg-all-blog {
    padding: 0px 15px 0px 0px;

}

.staycations:hover .imggg1.img2 img, .news_detail:hover .imggg1 img, .item.item-free.item-text:hover .blog2.blogg2 .imgg img, .staycations.staycations-button:hover .imggg1.imggg2 img {
    transform: scale(1.1);
    transition: 1s;
}

.blog_mainpage .blog2 .imgg .bi {
    position: absolute;
    bottom: 8px;
    right: 17px;
    background: white;
    height: 25px;
    width: 25px;
    font-size: 17px;
    line-height: 22px;
    border-radius: 20px;
    text-align: center;
}

.blog_mainpage .blog2 h5 {
    padding: 0px;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    color: #4B5563;
    margin: 0;
}

.blog_mainpage .blog2 ul {
    padding: 0px;
    display: flex;
    margin-bottom: 10px;
    margin-top: 10px;
}

.blog_mainpage .blog2 ul li {
    list-style-type: none;
    margin-right: 18px;
    font-size: 16px;
    color: rgb(156, 157, 172);
}

.blog_mainpage .blog2 ul li .bi {
    margin-right: 5px;
    font-size: 16px;
}

.blog_mainpage .blog2 h4 {
    margin: 0px;
    font-size: 16px;
    color: #9c9dac;
}

.blog_mainpage .blog2 p {
	margin: 0px;
	font-size: 15px;
	color: #6A6A6A !important;
	line-height: 20px;
}

.blog_mainpage .blog-info-text {
    margin-left: 10px;
}
.staycations div {
    min-height: auto !important;
}
.blog_mainpage .blog-info-text h5 {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 23px !important;
}

.blog_mainpage .blog-info img {
    height: 32px;
    width: 32px !important;
}


.Freelancers .item .kmp {
    width: 100%;
    float: left;
}

.Popular_Residential .item .set .lancers1 ul li {
    margin: 0 9px !important;
}

.Freelancers .item .kmp p i:hover span {
    display: block;
    position: absolute;
    top: 0;
    background: #262626;
    color: #fff;
    font-size: 10px;
    padding: 0 6px;
    line-height: 20px;
    border-radius: 3px;
    left: 17px;
}

.Freelancers .item .kmp p img {
    width: 20px;
}

.Freelancers .item .kmp p span {
    display: none;
}

.Freelancers .item .kmp p {
    width: 100%;
    float: left;
    position: relative;
    color: #6E6E6E;
}

.blog_mainpage .blog2 a.read {
    text-decoration: none;
    border: none;
    border-radius: 4px;
    padding: 0 22px;
    height: 34px;
    color: #000;
    line-height: 34px;
    margin-top: 6px;
    font-size: 14px;
    display: inline-block;
}

.blog_mainpage .blogheading {
    text-align: left;
    margin: 25px 0px 10px;
}

.trend-inner-heading {
    padding: 10px 0px 5px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: capitalize !important;
    min-height: 34px !important;
    color: black !important;
}

.blog_mainpage .blogheading h5 {
    font-weight: 600;
    font-size: 24px;
    color: black;
    padding-top: 39px;
    padding-bottom: 20px;

}

.blog_mainpage .blogheading .line {
    width: 115px;
    border: 2px solid #002C0A;
    margin: 15px 00;
}

.blog_mainpage .view {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    padding: 10px 20px;
    font-weight: 600;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
}

.blog_mainpage .bannerr1 {
    background-image: url(../images/Banner-1.jpg);
    width: 100%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 23px 0px;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}

.about_us h2 {
    font-size: 30px;
    color: #002C0A;
    font-weight: 700;
}

.about_us h3 {
    font-size: 30px;
    font-weight: 700;
    padding-top: 40px;
    text-align: left;
    margin-bottom: 40px;
}

.about_us p {
    text-align: justify;
}

section.about_us {
    margin-top: 40px;
    margin-bottom: 60px
}

.about_us p {
    text-align: left;
    height: 50px;
    overflow: hidden;
    margin: 35px 0 0 !important;
    font-size: 16px;
}

.tab-pane h2:nth-of-type(2) {
 margin-bottom: 50px !important;
}
.tab-pane p:nth-of-type(4), .tab-pane p:nth-of-type(5) {
    background-color: #F9FAFB;
    padding: 15px 10px !important;
    margin: 0 !important;
    border-left: 10px solid #2563EB;
}
.about_us p.ps {
    display: none;
}

section.about_us .team h6 {
    text-align: left;
    color: #2563EB;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.font-16{
    font-size: 16px !important;
}
.about_us div#myTabContent {
    background: #ffff;
    padding: 40px;
    margin: 0 auto;
    width: 100% !important;
    max-width: 100% !important;
}

.section_faq h3 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 18px 0px;
}

.section_faq .accordion-button::after {
    content: "+";
    font-size: 27px;
    background-image: none;
    font-weight: 400;
    transform: translateY(-4px);
}

.section_faq .accordion-button:not(.collapsed)::after {
    background-image: none;
    content: "-";
    font-size: 27px;
    font-weight: 400;
    transform: translate(-5px, -4px);
    transform: rotate(0deg);
}

.section_faq .accordion-item {
    margin-top: 10px;
    border: none;
}

.section_faq .accordion-button {
    background-color: #7dd0e5;
    font-weight: 600;
    font-size: 15px;
    padding: 13px 32px;
}

.section_faq .accordion-button:not(.collapsed) {
    color: black;
    box-shadow: none;
    background-color: #7dd0e5;
}

.section_faq .accordion-button:focus {
    z-index: 3;
    border-color: #b8bfc9;
    box-shadow: none;
}

.section_faq .accordion-body {
    padding: 19px 32px;
}

.section_faq .accordion-body p {
    line-height: 1.7;
}

.section_faq .faqq {
    margin: 20px 0px;
}

.section_faq .accordion {
    margin-top: 40px;
}

.section_sevices .sports {

    margin-bottom: 35px;
}

.section_sevices .mainpage1 {
    text-align: center;
}

.section_sevices .mainpage1 button {
    border: none;
    border-radius: 2px;
    padding: 9px 42px;
    margin-top: 10px;
    color: #000;
    margin-bottom: 13px;
}

.section_sevices .mainpage1 a {
    text-decoration: none;
    color: white;
}

.section_sevices .mainpage1 .bi {
    font-size: 17px;
    margin-right: 17px;
    border: 1px solid #FFFFFF;
    padding: 1px 7px;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.16), inset 1px 1px 0px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
}

.section_sevices .mainpage1 .bi:hover {
    color: #000;
}

.section_sevices h3 {
    color: #002C0A;
    font-weight: 600;
    padding-top: 23px;
}

.blog_singlepage h5 {
    font-size: 20px;
    font-weight: 600;
    padding-top: 12px;
    text-align: left;
}

.blog_singlepage p {
    text-align: left;
    font-size: 16px;
    color: #626262;
    margin: 10px 0 0;
}

.blog_singlepage .imgg {
    height: 400px;
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
    border-radius: 15px;
}

.blog_singlepage h3 {
    font-size: 20px;
    color: #002C0A;
}

.blog_singlepage h6 {
    font-size: 18px;
    padding: 10px 0px;

}

.blog_singlepage ul {
    padding: 0px;
    display: flex;
    margin: 0px;
}

.blog_singlepage .inboxrightscroll ul {
    padding-left: 59px;
}

.blog_singlepage .inboxrightscroll ul li form {
    width: 100%;
    padding-right: 100px;
    position: relative;
}

.blog_singlepage .inboxrightscroll ul li form button {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 40px;
    color: #000;
    border: navajowhite;
    border-radius: 4px;
}

.blog_singlepage .inboxrightscroll ul {
    position: relative;
    display: block;
}

.blog_singlepage .inboxrightscroll ul li:first-child {
    position: absolute;
    left: 0;
    height: 42px;
    line-height: 42px;
}

.blog_singlepage .inboxrightscroll ul li form input {
    height: 42px;
}

.blog_singlepage .inboxrightscroll ul li {
    float: inherit;
}

.blog_singlepage ul li {
    list-style-type: none;
    margin-right: 18px;
    font-size: 16px;
    color: rgb(156, 157, 172);
    float: left;
}

.blog_singlepage ul li .bi {
    margin-right: 5px;
    font-size: 16px;
}

.blog_singlepage h6 {
    font-size: 30px;
    padding-top: 45px;
    padding-bottom: 2px;
}

.blog_singlepage .reply {
    margin: 13px 0px;
    border-bottom: 1px solid #ccc;
}

.blog_singlepage .reply .reply1 img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: 10px;
}

.blog_singlepage .reply .reply1 span {
    font-size: 16px;
}

.blog_singlepage .reply .reply1 h6 {
    color: #626262;
    padding-top: 5px;
    font-size: 14px;
}

.blog_singlepage .reply .reply1 a {
    color: #002C0A;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}

.blog_singlepage .commentt {
    margin: 30px 0px;
}

.blog_singlepage .commentt .form-control {
    padding: 15px;
    width: 100%;
    border-radius: 31px;
}

.blog_singlepage .commentt .form-group {
    position: relative;
    padding-right: 175px;
}

.blog_singlepage .commentt form button {
    border: none;
    color: #000;
    padding: 14px 44px;
    position: absolute;
    right: 0px;
    top: 2px;
    border-radius: 28px;
    width: 165px;
}

.blog_singlepage .inboxrightscroll {
    overflow-y: scroll;
    height: 443px;
    overflow-x: hidden;
    margin-top: 45px;
    border: 4px solid #c8c8c8;
    border-radius: 8px;
}

.dashboard .nav {
    margin: 0px;
    border: none;
}

.dashboard {
    margin-bottom: 40px;
}

.dashboard .tab-content {
    background: #e7e7e7;
    padding: 50px 30px;
    border: 1px solid #dadada;
    border-radius: 8px;
}

.dashboard .nav li {
    list-style-type: none;
}

.dashboard .nav .nav-link.active {
    color: #000;
}

.dashboard .nav .nav-link {
    border: none;
    background: #1b54404f;
    padding: 12px 18px;
    border-radius: 8px;
    color: black;
    margin: 1px 0px;

    font-size: 15px;
    font-weight: 600;
    width: 100%;
    padding-left: 49px;
    text-align: left;
}

.dashboard .profilee .imgg {
    text-align: center;
}

.profilee a {
    text-decoration: none;
    color: #000;
    padding: 10px 39px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 18px;
}



.dashboard .nav li .bi {
    position: absolute;
    left: 30px;
    font-size: 18px;
}

.dashboard .profilee {
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    padding: 33px;
    margin: 19px 0px;
    background: #fff;
    border-radius: 20px;
}

.dashboard .profilee form button {
    border: none;
    color: #000;
    padding: 11px 40px;
    margin-top: 20px;
    border-radius: 8px;
}

.dashboard .profilee .imagefile img {
    height: 160px;
    width: 160px;
    border-radius: 75px;
    margin-right: 15px;
}






.dashboard .profilee .imagefile .bi:hover {
    color: #000;
}

.dashboard .profilee .imagefile .bi {
    position: absolute;
    bottom: 13px;
    right: 242px;
    background: white;
    border-radius: 7px;
    font-size: 18px;
    padding: 3px 8px;
}

.dashboard .profilee h5 {
    font-size: 20px;
    font-weight: 600;
    color: #002C0A;
    padding-bottom: 15px;
}

.dashboard .profilee .form-group {
    position: relative;
    padding-left: 150px;
}

.dashboard .profilee label {
    position: absolute;
    font-weight: 600;
    left: 0px;
    font-size: 14px;
}

.dashboard .profilee .form-control {

    width: 100%;
    margin-top: 15px;
}

.dashboard form .form-check {
    display: inline-block;
}

.dashboard .profilee .imagefile {
    position: relative;
    text-align: center;
}

.dashboard .profilee .imagefile input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.dashboard .profilee .imagefile button {
    border: none;
    background: #7dd0e5;
    padding: 6px 17px;
    border-radius: 9px;
    font-weight: 600;
    font-size: 16px;
}

.dashboard .imagefile2 .imgg {
    width: 128px;
    border-radius: 8px;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
}

.dashboard .profilee h6 {
    font-weight: 600;
}

.dashboard .service h4 {
    font-size: 22px;
    font-weight: 600;
    color: #002C0A;
}

.dashboard .service .btn {
    border: none;
    background: #7dd0e5;
    padding: 10px 34px;
    border-radius: 9px;
    font-weight: 600;
    font-size: 16px;
}

.dashboard .catagories .imgg {
    width: 94px;
    height: 94px;
    line-height: 82px;
    background: #c1d8d4;
    padding: 4px;
    overflow: hidden;
    border-radius: 56px;
    border: 1px solid #ccc;
    margin: auto;
}

.dashboard .catagories .imgg img {
    height: 80px;
    width: auto;
}

.dashboard .catagories h5 {
    font-size: 18px;
    font-weight: 600;
}

.dashboard .catagories a {
    text-decoration: none;
    color: black;
}

.dashboard .catagories {
    margin: 21px 14px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px 16px;
    text-align: center;
    background: white;
    position: relative;
}

.dashboard .servicess {
    border: 1px solid #ccc;
    padding: 25px;
    margin: 14px;
    background: #fff;
    box-shadow: 3px 3px 10px #63626236;
}


.visiter-section .mainpage a.btnn:hover {
  border: 1px solid #2563EB;
}
.visiter-section .mainpage a.btnn {
  transition: all 0.2s ease-out;
  border: 1px solid #FFF;
}

.visiter-section .mainpage p i {
  background-color: #EFF6FF;
  color: #2563EB;
  font-size: 13px !important;
  padding: 5px;
  border-radius: 50%;
  display: flex;
  width: 25px;
  height: 25px;
  justify-content: center;
  align-items: center;
}

.visiter-section .mainpage p {
  display: flex;
  gap: 5px;
  align-content: center;
}

.visiter-section .mainpage {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.visiter-section .mainpage h6 {
  margin-bottom: 5px;
}


.Neighbourhood-watch-section .btn_rttt:hover {
  border: 1px solid #2563EB;
}

.Neighbourhood-watch-section .btn_rttt {
  transition: all 0.2s ease-out;
  border: 1px solid #FFF;
}

.dashboard .catagories .nav-link {
    position: absolute;
    right: 18px;
    font-size: 24px;
    border: 1px solid #ccc;
    /* background: #c1d8d4; */
    padding: 0px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 28px;
}

.dashboard .servicess form label {
    font-weight: 600;
    margin-right: 20px;
}

.dashboard .servicess form .form-group .form-check label {
    font-weight: 400;
}

.dashboard .servicess h5 {
    color: #002C0A;
    padding: 10px 0px;
}


.dashboard .form-group select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ced4da;
    border-radius: 6px;
}

.dashboard .servicess form .form-group {
    margin: 9px 0px;
}

.dashboard .servicess form .form-group .form-control::placeholder {
    font-size: 14px;
    color: #626262;
}


.dashboard .servicess form .btnn {
    border: none;
    padding: 11px 79px;
    margin: auto;
    color: #000;
    border-radius: 6px;
    margin-top: 12px;
}

.dashboard .breadcrums {
    font-size: 16px;
}

.dashboard .breadcrums a {
    text-decoration: none;
    color: black;
}

.dashboard .breadcrums span {
    color: #002C0A;
    font-weight: 600;
    /* text-decoration: underline; */
}



.dashboard .service h5 {
    font-size: 20px;
    font-weight: 600;
    padding: 20px 0px;
}

.dashboard .service h5 span {
    color: #002C0A;
}

.dashboard .service .news {
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    padding: 14px;
    border-radius: 9px;
    background-color: white;
    margin: 10px 0px;
}

.dashboard .service .news h3 {
    font-size: 20px;
    font-weight: 600;
    padding-top: 5px;
}

.dashboard .service .news h6 {
    font-size: 15px;
    color: #626262;
}

.dashboard .service marquee {
    position: relative;
}

.dashboard .service marquee .bi {
    position: absolute;
    left: 0px;
    font-size: 8px;
    padding-top: 6px;
    color: #002C0A;
}

.dashboard .service marquee p {
    padding-left: 21px;
}


.dashboard .events {
    border-radius: 10px;
    margin-bottom: 21px;
    position: relative;
    padding: 20px;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
}

.dashboard .events ul {
    position: relative;
    padding: 0px;
    margin: 0px;
}

.dashboard .events ul li {
    list-style-type: none;
}


.dashboard .events ul li p {
    font-size: 14px;
    margin: 0px;
}

.dashboard .events h4 {
    font-size: 24px;
    font-weight: 600;
}

.dashboard .events ul li p strong {
    font-size: 15px;
    font-weight: 900;
}

.dashboard .events button {
    color: #000;
    margin: 10px 0px;
    border: none;
    margin-left: 11px;
    font-size: 14px;
    padding: 6px 22px;
    border-radius: 5px;
}

.dashboard .events span a {
    color: black;
    padding-left: 11px;
}

.dashboard .nanny_profile .imgg {
    height: 280px;
    overflow: hidden;
    margin: 10px 0px;
    position: relative;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    padding: 0;
    border-radius: 12px;
}

.dashboard .nanny_profile h6 {
    padding-top: 12px;
    font-size: 17px;
}

.dashboard .nanny_profile h6 strong {
    font-weight: 600;
    color: #002C0A;
    padding-right: 14px;
}

.dashboard .nanny_profile .nannys {
    padding: 0px;
}

.dashboard .nanny_profile h2 {
    font-size: 23px;
    font-weight: 600;
    padding: 0px;
}

.dashboard .nanny_profile .nannys li {
    list-style-type: none;
    margin: 9px 0px;
    padding: 5px 23px;
    border: 1px solid #ccc;
}

.dashboard .nanny_profile .nannys li .bi {
    font-size: 18px;
    margin-right: 10px;
}

.dashboard .nanny_profile .nannys li a {
    color: black;
    text-decoration: none;
}

.dashboard .service .mainpage a {
    text-decoration: none;
    color: black;
    padding: 0px;
    margin: 0px;
}

.dashboard .nanny_profile h3 {
    font-size: 20px;
    font-weight: 600;
    color: #002C0A;
    padding-top: 12px;
}

.dashboard .nanny_profile p {
    text-align: justify;
}

.dashboard .nanny_profile p b {
    font-size: 18px;
}

.dashboard .nanny_profile tr {

    border-style: hidden;
    line-height: 21px;
}

.dashboard .nanny_profile .table th {
    font-size: 16px;
    font-weight: 600;
}

.dashboard .nanny_profile h5 {
    font-size: 21px;
    font-weight: 600;
    padding: 12px 0px;
    border-bottom: 1px dashed #002C0A;
}

.dashboard .nanny_profile .skills {
    padding: 4px 12px;
    display: inline-block;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 10px;
    width: 50%;
    color: black;
    margin-right: 15px;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
}


.carpoolingservices h4 span button {
    border: none;
    font-size: 16px;
    background: #c1d8d4;
    padding: 10px 22px;
    border-radius: 8px;
}

.carpoolingservices .mainpage img {
    border-radius: 10px;
}

.carpoolingservices .mainpage {
    border-radius: 10px;
    margin: 21px 0px;
    padding: 12px;
    position: relative;
}

.carpoolingservices .fuell img {
    height: 31px;
    padding: 2px 8px;
    border-radius: 5px;
}

.carpoolingservices .mainpage .fuell {
    position: absolute;
    right: 11px;
    bottom: 172px;
    background-color: white;
    display: flex;
    border-radius: 0;
    padding: 4px;
    border-bottom-right-radius: 11px;

}

.carpoolingservices .mainpage .fuell .bi {
    font-size: 21px;
    padding: 0px 6px;
    border-radius: 20px;
    margin-left: 4px;

}

.carpoolingservices .mainpage .fuell .line {
    height: 30px;
    width: 1px;
    background: black;
}

.carpoolingservices .mainpage h6 {
    padding-top: 5px;
    font-size: 17px;
    font-weight: 600;
    padding-left: 14px
}

.carpoolingservices .mainpage h6 .bi {
    color: #FFC107;
    margin-right: 5px;
    font-size: 15px;
}

.carpoolingservices .mainpage p .bi {
    font-size: 17px;
    margin-right: 10px;
}

.carpoolingservices .mainpage a {
    color: black;
    font-weight: 600;
    padding: 6px 11px;
    border-radius: 6px;
    margin-left: 29px;
}

.carpoolingservices .mainpage p {
    margin: 3px;
    line-height: 1.7;
    padding-left: 14px;
}

.carpoolingservices .disable {
    opacity: 0.5;
    background: #c0baba !important;
}

.carpoolingservices .mainpage1 {
    text-align: center;
    margin: 14px 0px;
}

.carpoolingservices .mainpage1 span {
    display: inline-flex;
    border: 1px solid #ccc;
    padding: 3px 10px;
    border-radius: 6px;
    font-weight: 600;
    line-height: 38px;
}

.carpoolingservices .mainpage1 .form-check {
    font-size: 17px;
    margin: 0px 10px;
}

.carpoolingservices .mainpage1 input {
    padding: 14px 38px;
}

.dashboard .calendar {
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #ccc;
}

.dashboard .ui-datepicker-header {
    height: 50px;
    line-height: 50px;
    color: #b0aead;
    background: #e9e5e3;
    margin-bottom: 10px;
}

.dashboard .ui-datepicker-prev,
.ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border: 2px solid #b0aead;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 12px;
}

.dashboard .ui-datepicker-prev {
    float: left;
    margin-left: 12px;
}

.dashboard .ui-datepicker-prev:after {
    transform: rotate(45deg);
    margin: -43px 0px 0px 8px;
}

.dashboard .ui-datepicker-next {
    float: right;
    margin-right: 12px;
}

.dashboard .ui-datepicker-next:after {
    transform: rotate(-135deg);
    margin: -43px 0px 0px 6px;
}

.dashboard .ui-datepicker-prev:after,
.ui-datepicker-next:after {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #b0aead;
    border-bottom: 2px solid #b0aead;
}

.dashboard .ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
    border-color: #5ed1cc;
}

.dashboard .ui-datepicker-title {
    text-align: center;
    color: black;
    font-size: 15px;
}

.dashboard .ui-datepicker-calendar {
    width: 100%;
    text-align: center;
}

.dashboard .ui-datepicker-calendar thead tr th span {
    display: block;
    width: 40px;
    color: #002C0A;
    margin-bottom: 5px;
    font-size: 13px;
}

.dashboard .ui-state-default {
    display: block;
    text-decoration: none;
    color: black;
    line-height: 40px;
    height: 40px;
    border-radius: 7px;
    width: 40px;
    font-size: 15px;
}

.dashboard .ui-state-default:hover {
    background: #1b54404f;
}

.dashboard .ui-state-highlight {
    color: black;
}

.dashboard .ui-state-active {
    background: #002C0A;
    color: white;
    height: 40px;
    border-radius: 23px;
    width: 40px;
}

.dashboard .ui-datepicker-unselectable .ui-state-default {
    color: #eee;
    border: 2px solid transparent;
}


.dashboard h4 {
    font-size: 22px;
    font-weight: 600;
    color: #002C0A;
}

.dashboard .real .fuell {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: white;
    display: flex;
    border-radius: 0;
    padding: 4px;
}

.dashboard .real .fuell .bi {
    font-size: 21px;
    padding: 0px 6px;
    border-radius: 20px;
    margin-left: 4px;

}

.dashboard .real .fuell .line {
    height: 30px;
    width: 1px;
    background: black;
}

.dashboard .blog2 {
    border: 1px solid #ccc;
    padding: 13px;
    border-radius: 8px;
    box-shadow: 5px 6px 8px #ccc;
    margin: 12px 0px;
}

.dashboard .blog2 a {
    color: black;
    text-decoration: none;
}

.dashboard .blog2 h2 {
    font-size: 20px;
    font-weight: 600;
    padding: 4px 0px;
}

.dashboard .blog2 p {
    margin: 0px;
}

.dashboard .blog2 strong {
    color: #626262;
}

.dashboard .blog2 h6 {
    margin: 6px 0px;
}

.dashboard .blog2 .bi {
    border: 1px solid #ccc;
    padding: 5px 8px;
    border-radius: 25px;
    margin-right: 11px;
    display: inline-block;
}

.dashboard .blog2 .bi:hover {
    color: #000;
}

.dashboard .bttn {
    color: #000;
    text-decoration: none;
    padding: 10px 18px;
    border-radius: 7px;
}

.dashboard .nav1 {
    margin: 4px 0px;
    display: inherit;
}

.dashboard .nav1 .nav-item {
    margin-left: 15px;
    list-style-type: none;
}

.dashboard .nav1 img.imgg {
    height: 37px;
    margin-right: 6px;
}

.Freelancers .item .heart {
	display: none;
}

.dashboard .nav1 li .nav-link.active {
    background-color: white;
    color: #1B5440;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    padding: 4px 13px;
    border-radius: 8px;
}

.dashboard .pet .clubbook {
    margin: 15px 0px;
}

.dashboard .nav1 li .nav-link {
    padding: 4px 13px;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    color: black;
}

.dashboard .pet .button1 {
    border: none;
    text-align: center;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    text-decoration: none;
    background: white;
    width: 100%;
    border-radius: 7px;
    padding: 9px 0px;
}

.dashboard .pet .button1 .bi {
    margin-right: 8px;
}

.dashboard .pet .button1 a {
    text-decoration: none;
    color: #002C0A;
}

.dashboard .pet .button2 {
    border: none;
    width: 100%;
    margin-top: 15px;
    padding: 12px;
    color: #000;
    font-size: 16px;
    border-radius: 9px;
}

.dashboard .pet .button2 a {
    text-decoration: none;
    color: white;
}

.dashboard .pet .form-control {
    margin: 12px 0px;
}

.dashboard .pett1 {
    background: #e7e7e7;
    padding: 5px 20px;
    margin: 17px 0px;
    border: none;
}

.dashboard .clubbook {
    background-color: #C4FFE1;
    padding: 15px 15px;
    border-radius: 9px;
}

.dashboard .servicess select {
    width: 100%;
    padding: 8px;
    border-radius: 5px;
    margin: 4px 0px;
    background-color: #fff;
    border: 1px solid #ced4da;
}

.dashboard .buttonn {
    border: none;
    background: #ccc;
    padding: 11px;
    width: 100%;
    color: black;
    border-radius: 6px;
    margin-top: 12px;
}


.dashboard .freeform {
    display: flex;
    padding: 0px;
}

.dashboard .freeform li {
    list-style-type: none;
    padding-top: 10px;
    height: 57px;
    width: 70px;
    overflow: hidden;
}

.dashboard .freeform li img {
    border: 1px solid #ccc;
    padding: 6px;
    margin-right: 14px;
}

.dashboard .lancerr {
    background: #FFFFFF;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 8px;
    padding-bottom: 13px;
}

.dashboard .lancerr .fuell1 {
    position: absolute;
    right: 11px;
    bottom: 142px;
    background-color: white;
    display: flex;
    border-radius: 0;
    padding: 4px;
    border-bottom-right-radius: 11px;

}

.dashboard .lancerr .fuell1 .bi {
    font-size: 21px;
    padding: 0px 6px;
    border-radius: 20px;
    margin-left: 4px;
}

.dashboard .lancerr .fuell1 .line {
    height: 30px;
    width: 1px;
    background: black;
}

.dashboard .apartment {
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 10px;
    padding: 15px;
    background: white;
    margin: 18px 0px;
}


.dashboard .apartment a {
    color: black;
    text-decoration: none;
}

.dashboard .apartment .imgg1 {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.dashboard .apartment img {
    border-radius: 10px;

}

.dashboard .apartment h4 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 6px;
}

.dashboard .apartment ul {
    padding: 0px;
}

.dashboard .apartment ul li {
    list-style-type: none;
    font-size: 15px;
}

.dashboard .apartment ul li .bi {
    font-size: 16px;
    position: inherit;
}

.dashboard .apartment h6 {
    font-size: 17px;
    margin: 0px;
}

.dashboard .apartment span {
    margin-left: 23px;
}

.dashboard .apartment button {
    border: none;
    padding: 9px 26px;
    border-radius: 7px;
    margin-top: 10px;
    color: #000;
}

.dashboard .apartment button a {
    color: white;
}

.dashboard .apartment span {
    margin-top: 13px;
}

.dashboard .apartment span a {
    font-size: 15px;
    text-decoration: underline;
}

.dashboard .apartment h5 {
    margin: 0px;
    width: 100%;
    font-size: 15px;
    color: #626262;
    text-align: right;
    font-weight: 500;
}

.dashboard .apartment h6 img {
    height: 25px;
    margin-right: 6px;
}

.dashboard .imagefile1 {
    position: relative;
    float: left;
}

.dashboard .imagefile1 input {
    position: absolute;
    top: 45%;
    left: 137px;
    opacity: 0;
}

.dashboard .imagefile1 img {
    width: 126px;
    margin-bottom: 15px;
}

.dashboard .imagefile1 button {
    border: none;
    background-color: #d6e8fe;
    padding: 10px 41px;
    border-radius: 6px;
    font-weight: 700;
}

.dashboard .imagefile1 h6 {
    font-size: 18px;
    font-weight: 500;
}

.dashboard .imagefile1 .bi {
    font-size: 26px;
    margin-left: 17px;
}

.dashboard .servicess h6 {
    font-weight: 600;
    font-size: 18px;
}

.freelancerservice_carousel .imgg {
    text-align: center;
    background: #b9cac5;
    height: 100px;
    box-shadow: 0px 0px 2px #15452e;
    width: 100px;
    margin: auto;
    border-radius: 50%;
    line-height: 100px;
}

.freelancerservice_carousel .item .imgg img {
    height: 60px;
    width: auto;
    margin: auto;
    display: inline-block;

}

.freelancerservice_carousel .item {
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff;
}

.freelancerservice_carousel .item h6 {
    text-align: center;
    font-weight: 500;
    padding: 5px 0px;
    border-radius: 10px;
}

.freelancerservice_carousel .owl-nav span {
    background: #ccc;
    padding: 5px 10px;
    font-size: 25px;
}

.freelancerservice_carousel .owl-nav {
    position: relative;
}

.freelancerservice_carousel {
    margin: 20px 0px;
}

.freelancerservice_carousel button.owl-prev {
    position: absolute;
    top: -75px;
}

.freelancerservice_carousel button.owl-next {
    position: absolute;
    right: 0px;
    top: -75px;
}

.freelancerservice_carousel .owl-dots {
    display: none;
}

.dashboard .servicess .btnn11 {
    border: none;
    background: #1b54406b;
    padding: 10px 45px;
    font-weight: 600;
    border-radius: 6px;
    margin-top: 12px;
}

.service .tab-content {
    border: none;
    padding: 0;
}

.dashboard .blogg2 {
    position: relative;
}

.dashboard .blogg2 .blogg1 {
    position: absolute;
    right: 0px;
    bottom: -4px;
    margin: -1px 0px;
}

.dashboard .blogg2 .blogg1 .nav-link {
    padding-left: 24px;
}

.dashboard .singleblog .banner {
    background-image: url("../images/Blog-Page-Banner.jpg");

    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    margin: 16px 0px;
}

.dashboard .singleblog h2 {
    font-size: 25px;
    font-weight: 600;
}

.dashboard .singleblog strong {
    padding-bottom: 10px;
    color: #626262;
    font-size: 15px;
}

.dashboard .singleblog p {
    text-align: justify;
}

.dashboard .singleblog {
    margin-bottom: 50px;
}

.dashboard .commentt {
    margin: 30px 0px;
}

.dashboard .commentt .form-control {
    padding: 15px;
    width: 100%;
    border-radius: 31px;
}

.dashboard .commentt .form-group {
    position: relative;
    padding-right: 175px;
}

.dashboard .commentt form button {
    border: none;
    color: #000;
    padding: 14px 44px;
    position: absolute;
    right: 0px;
    top: 2px;
    border-radius: 28px;
}

.dashboard .post a {
    color: white;
}

.dashboard .post {
    margin: 13px 0px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 11px;
    padding: 10px;
}

.dashboard .post .imgg1 {
    height: 200px;
    overflow: hidden;
}

.dashboard .post h6 {
    position: absolute;
    bottom: 1px;
    padding: 18px 0px;
    width: 94%;
    text-shadow: 0.1em 0.1em 0.2em #00000069;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 7px;
}

.dashboard .post h6:hover {
    background-color: #000000c9;
}

.dashboard ul.footer1 {
    display: flex;
    padding: 0px;
    margin-bottom: 20px;
}

.dashboard .footer1 li {
    list-style-type: none;
    margin-right: 19px;
}

.dashboard .footer1 li img {
    height: 35px;
}

.dashboard .reply {
    margin: 13px 0px;
    border-bottom: 1px solid #ccc;
}

.dashboard .reply .reply1 img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: 10px;
}

.dashboard .reply .reply1 span {
    font-size: 16px;
}

.dashboard .reply .reply1 h6 {
    color: #626262;
    padding-top: 5px;
    font-size: 14px;
}

.dashboard .reply .reply1 a {
    color: #002C0A;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}

.dashboard .carbooking .banner {
    background-image: url("../images/carbanner.jpg");

    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    margin: 16px 0px;
}

.dashboard .carbooking .carservice {
    border: 1px solid #dadada;
    padding: 33px;
    background: #5e6668;
    border-radius: 20px;
    color: white;
    margin-top: -223px;
    margin-left: 44px;
}

.dashboard .carbooking .carservice h6 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}

.dashboard .carbooking .carservice .form-label {
    font-size: 15px;
    font-weight: 600;
    margin-top: 12px;
}

.dashboard .carbooking .carservice button {
    border: none;
    padding: 10px 60px;
    color: #000;
    font-size: 16px;
    margin: 15px 0px;
    border-radius: 7px;
}

.dashboard .carbooking {
    position: relative;
}

.dashboard .carbooking .view {
    border: 1px solid #dadada;
    margin: 20px;
    padding: 33px;
    background: white;
    border-radius: 20px;
}

.dashboard .carbooking .view ul {
    padding: 0px;
    display: flex;
}

.dashboard .carbooking .view li {
    list-style-type: none;
    margin-right: 6px;
}

.dashboard .carbooking .view .bi {
    font-size: 18px;
    color: #FFBF00;
}

.dashboard .carbooking .view h5 {
    font-size: 22px;
    color: #002C0A;
    font-weight: 600;
}

.dashboard .carbooking h1 {
    font-size: 23px;
    text-align: center;
    padding: 30px 0px;
    font-weight: 600;
}

.dashboard .carbooking h1 a {
    color: #002C0A;
}

.dashboard .carbooking .details {
    border: 1px solid #ccc;
    padding: 16px;
    text-align: center;
    margin: 20px 0px;
    border-radius: 9px;
    background: #fff;
}

.dashboard .carbooking .details h5 {
    font-size: 25px;
    font-weight: 600;
}

.dashboard .carbooking .details .bi {
    font-size: 35px;
    color: #002C0A;
}


.dashboard .freelancesingle h4 {
    padding-bottom: 16px;
}

.dashboard .freelancesingle h5 {
    font-weight: 600;
    font-size: 22px;
    padding-top: 13px;
}

.dashboard .freelancesingle .imgg {
    height: 379px;
    overflow: hidden;
}

.dashboard .freelancesingle h6 {
    font-size: 15px;
    padding-top: 11px;
}

.dashboard .freelancesingle h1 {
    font-size: 25px;
    color: #002C0A;
    font-weight: 600;
    text-align: center;
    padding: 21px 0px;
}

.dashboard .freelancesingle h2 {
    font-size: 19px;
    font-weight: 600;
}

.dashboard .freelancesingle .details {
    border: 1px solid #ccc;
    padding: 15px;
    text-align: center;
    background: #fff;
}

.dashboard .freelancesingle ul {
    padding: 0px;
}

.dashboard .freelancesingle li {
    list-style-type: none;
    font-weight: 500;
}

.dashboard .service .intern a {
    color: black;
    text-decoration: none;
}


.dashboard .service .intern h3 {
    font-size: 20px;
    font-weight: 600;
    padding-top: 9px;
}

.dashboard .service .intern {
    background: #FFFFFF;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 9px;
    padding: 17px;
    margin: 13px 0px;
}

.dashboard .service .intern .imgg1 {
    height: 219px;
    overflow: hidden;
}

.dashboard .service .intern .buttonn {
    border: none;
    border-radius: 8px;
    padding: 9px 33px;
    color: #000;
    text-align: center;
    font-size: 16px;
}

.dashboard .freel .nav .nav-link.active {
    background: none;
    color: white;
}

.dashboard .freel .nav .nav-link {
    border: none;
    background: none;
    padding: 0px;
    border-radius: 8px;
    color: black;
    margin-right: 0px;
    font-size: 15px;
    font-weight: 600;
}


.freelancingtab_carousel .imgg {
    text-align: center;
    background: #b9cac5;
    height: 100px;
    box-shadow: 0px 0px 2px #15452e;
    width: 100px;
    margin: auto;
    border-radius: 50%;
    line-height: 100px;
}

.freelancingtab_carousel .item .imgg img {
    height: 60px;
    width: auto;
    margin: auto;
    display: inline-block;
}

.freelancingtab_carousel .item {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
}

.freelancingtab_carousel .item h6 {
    text-align: center;
    font-weight: 500;
    padding: 5px 0px;
    border-radius: 10px;
    color: black;
}

.freelancingtab_carousel .owl-nav span {
    background: #ccc;
    padding: 5px 10px;
    font-size: 25px;
}

.freelancingtab_carousel .owl-nav {
    position: relative;
}

.freelancingtab_carousel button.owl-prev {
    position: absolute;
    top: -94px;
    left: 0px;
}

.freelancingtab_carousel button.owl-next {
    position: absolute;
    right: 0px;
    top: -94px;
}


.dashboard .profilee1 {
    padding: 33px;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    width: 700px;
    margin: auto;
    background: #fff;
    border-radius: 20px;
}

.dashboard .profilee1 .form-control::placeholder {
    font-size: 14px;
}

.dashboard .profilee1 label {
    padding-top: 14px;
    font-weight: 600;
}

.dashboard .profilee1 h5 {
    font-size: 20px;
    font-weight: 600;
    color: #002C0A;
}

.dashboard .profilee1 .btn {
    border: none;
    color: #000;
    padding: 11px 40px;
    margin-top: 20px;
    border-radius: 8px;
}

.dashboard .events .form-control {
    position: absolute;
    left: 134px;
    top: 13px;
    width: 204px;

}

.dashboard .events a {
    font-size: 16px;
    color: black;
    text-decoration: none;
}

.dashboard .events .event1 {
    border-radius: 10px;
    margin: 10px 0px;
    background-color: #fff;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.16);
}

.dashboard .events .event1 .imgg {
    height: 90px;
    overflow: hidden;
}

.dashboard .events .event1 h3 {
    font-size: 18px;
    font-weight: 600;
    padding: 2px 0px;
    margin: 0px;
}

.dashboard .events .event1 li {
    list-style-type: none;
    font-size: 14px;
}

.dashboard .events .event1 li .bi {
    margin-right: 3px;
}

.dashboard .events .event1 a {
    font-size: 15px;
    color: black;
    font-weight: 600;
    text-decoration: underline;
}

.dashboard .events .event1 .button {
    border: 1px solid #ccc;
    padding: 7px;
    margin: 10px 0px;
    width: 100%;
    color: black;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
    border-radius: 9px;
}

.dashboard .events .event1 h6 {
    font-weight: 600;
    font-size: 17px;
    padding-top: 9px;
}

.dashboard .events .event1 p {
    margin: 0px;
    padding-top: 9px;
}

.dashboard .service .btn11 {
    border: none;
    width: 100%;
    color: #000;
    padding: 10px 10px;
    margin-top: 25px;
    border-radius: 9px;
}

.dashboard .carpoolingtab .nav .nav-link.active {
}

.dashboard .carpoolingtab {
    margin: 13px 0px;
}

.dashboard .carpoolingtab .nav .nav-link {
    border: none;
    background: #1b54404f;
    padding: 12px 37px;
    border-radius: 8px;
    color: black;

    font-size: 15px;
    width: auto;
    font-weight: 600;
    margin-right: 25px;
}

.dashboard .carpoolingg .tab-content {
    border: none;
}

.dashboard .carpoolingg .mainpage a {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}

.dashboard .carpoolingg .mainpage .mainpage1 .btnn {
    color: #000;
    padding: 12px 24px;
    margin-right: 13px;
    border-radius: 10px;
}

.dashboard .carpoolingg .mainpage .mainpage1 .btnn2 {
    background: #f70707b0;
    color: white;
    padding: 12px 24px;
    margin-right: 13px;
    border-radius: 10px;
}

.dashboard .imposer h5 {
    font-size: 24px;
    font-weight: 600;
}

.dashboard .imposer p {
    text-align: justify;
}

.dashboard .review {
    margin: 13px 0px;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.dashboard .review img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: 10px;
}

.dashboard .review span {
    font-size: 16px;
}

.dashboard .review h6 {
    color: #626262;
    padding-top: 5px;
    font-size: 14px;
}

.dashboard .review a {
    color: #002C0A;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}


.dashboard .review h6 .bi {
    color: #FFC107;
    margin-right: 5px;
    font-size: 15px;
}

.carpoolingg ul {
    padding: 0px;
}

.carpoolingg ul li {
    list-style-type: none;
    padding: 4px 0px;
    font-weight: 500;
}

.carpoolingg ul li .bi {
    margin-right: 8px;
}

.carpoolingg ul li strong {
    margin-right: 10px;
}

.carpoolingg .mainpage .form-check {
    display: inline-block;
    margin-left: 6px;
}

.carpoolingg h4 span a {
    background-color: #BFD8D2;
    color: black;
    font-size: 14px;
    padding: 11px 20px;
    text-decoration: none;
    border-radius: 10px;
}

.carpoolingservices .form-group p {
    margin-bottom: 12px;
}

.dashboard .section_carpooling {
    background: white;
}

.dashboard .mainpage .mainpage11 {
    text-align: center;
}

.dashboard .mainpage .mainpage11 .bi {
    font-size: 17px;
    background-color: white;
    margin-right: 17px;

    padding: 1px 12px;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 5px;
}

.dashboard .mainpage .mainpage11 .bi:hover {
    color: #000;
}

.dashboard .posted {
    border: 1px solid #ccc;
    padding: 15px;
    margin: 17px 0px;
    border-radius: 10px;
}

.dashboard .posted a {
    color: black;
    text-decoration: none;
}

.dashboard .posted h6 {
    font-weight: 600;
    font-size: 18px;
    padding-top: 8px;
}

.dashboard .posted ul {
    padding: 0px;
}

.dashboard .posted ul li {
    list-style-type: none;
    padding: 2px 0px;
}

.dashboard .posted ul li .bi {
    margin-right: 5px;
}

.dashboard .posted .mainpage1 .btnn {
    padding: 10px 18px;
    color: #000;
    border-radius: 8px;
}

.dashboard .jobb {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 9px;
    margin: 18px 0px;
    position: relative;
    background: #fff;
    display: inline-block;
}

.dashboard .jobb .imgg {
    position: absolute;
    left: 13px;
    height: 80px;
    top: 14px;
    width: 80px;
    border-radius: 40px;
    overflow: hidden;
}

.dashboard .jobb .jobb1 h6 {
    font-weight: 600;
    font-size: 18px;
}

.dashboard .jobb .jobb1 p {
    text-align: justify;
    margin: 0px;
}

.dashboard .jobb .jobb1 {
    padding-left: 87px;
}

.dashboard .jobb .button {
    color: #000;
    float: right;
    text-decoration: none;
    padding: 11px 27px;
    border-radius: 10px;
    margin: 21px 0px;
}

.dashboard .jobb h4 {
    border: 1px solid #ccc;
    padding: 8px 17px;
    margin: 20px 0px;

    display: inline-block;
}

.dashboard .imagefile2 {
    position: relative;

}

.dashboard .imagefile2 input {
    position: absolute;
    top: 45%;
    left: 109px;
    opacity: 0;
    width: 88px;
}

.dashboard .imagefile2 img {
    width: 92px;
    margin-bottom: 11px;
}

.dashboard .imagefile2 button {
    border: none;
    background-color: #d6e8fe;
    padding: 10px 41px;
    border-radius: 6px;
    font-weight: 700;
}

.dashboard .imagefile2 h6 {
    font-size: 14px;
    font-weight: 600;
}

.dashboard .imagefile2 .bi {
    font-size: 26px;
    margin-left: 17px;
}

.dashboard h4 span button .bi {
    margin-right: 10px;
}

.dashboard .cooking .imgg {
    height: 100px;
    width: 100px;
    overflow: hidden;
    margin: auto;

    border-radius: 50px;
}

.dashboard .cooking {
    padding: 18px;
    margin: 19px 0px;
    border: 1px solid #ccc;
    background: #c0d8d3;
    border-radius: 20px;
}

.dashboard .cooking .bi {
    color: #FFC107;
    margin-right: 5px;
    font-size: 15px;
}

.dashboard .cooking h6 {
    font-weight: 600;
    font-size: 18px;
    padding-top: 3px;
}

.dashboard .cooking h5 {
    padding: 0px;
    color: #002C0A;
    font-size: 17px;
    font-weight: 600;
}

.dashboard .cooking ul li .bi {
    color: black;
}

.dashboard .cooking ul {
    padding: 0px;
}

.dashboard .cooking ul li {
    list-style-type: none;
    padding: 2px;
}

.dashboard .cooking a {
    color: black;
    font-weight: 600;
    font-size: 16px;
}

.dashboard .cooking h5 span .bi {
    border: 1px solid #ccc;
    padding: 5px 8px;
    color: black;

}

.dashboard .cooking h5 span {
    padding: 3px 3px;
}

.dashboard .cooking .star {
    display: inline-flex;
    margin: auto;
    text-align: center;
    padding: 0px 10px;
    background: white;
}

.dashboard .cooking .star li .bi {
    color: #FFC107;
}

.dashboard .cooking_singlepage {
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    padding: 33px;
    width: 927px;
    margin: auto;
    background: #fff;
    border-radius: 20px;

}

.dashboard .cooking_singlepage .imgg {
    height: 200px;
    width: 200px;
    overflow: hidden;
    margin: auto;
    border-radius: 104px;
}

.dashboard .cooking_singlepage h4 {
    padding-top: 4px;
    margin: 0px;
}

.dashboard .cooking_singlepage p {
    font-size: 16px;
    margin: 0px;
}

.dashboard .cooking_singlepage p a {
    color: black;
    text-decoration: none;
}

.dashboard .cooking_singlepage p .bi {
    margin-right: 4px;
}

.dashboard .cooking_singlepage .cooking_singlepage1 {
    margin: 12px 0px;
    background: #b3c4bf;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    height: 150px;
}

.dashboard .cooking_singlepage .cooking_singlepage1 h6 {
    font-weight: 600;
    color: #626262;
    font-size: 18px;
}

.dashboard .cooking_singlepage .cooking_singlepage1 h6 .bi {
    margin-right: 10px;
}

.dashboard .cooking_singlepage .star1 {
    display: inline-flex;
}

.dashboard .cooking_singlepage .star1 li {
    list-style-type: none;
}

.dashboard .cooking_singlepage .star1 li .bi {
    font-size: 25px;
    margin-right: 10px;
    color: #626262;
}

.user_dashboard {
    margin: 12px 0px 60px;
}

.user_dashboard .nav {
    border: none;
    margin: 15px 0px;
    position: relative;
    border-bottom: 2px solid #D8D8D8;
    background: #e0e0e0;
}

.user_dashboard .nav li {
    font-size: 17px;
    color: black;
}

.user_dashboard .nav li .nav-link {
    border: none;
    color: black;
    font-weight: 600;
}

.user_dashboard .nav li .nav-link.active {
    border-bottom: 2px solid #093417;
    margin-top: 1px;
    background: #fff
}


.user_dashboard .nav-link.active .line2 {
    background-color: #002C0A;
}

.user_dashboard .nav-link .line2 {
    background: none;
}

.user_dashboard .line2 {
    height: 2px;
    width: 134px;
    position: absolute;
    top: 10px;
    border-radius: 10px;
    position: relative;
    background-color: #002C0A;
}

.user_dashboard .line2:after {
    background: #E4E4E4;
    position: absolute;
    left: 0px;
    width: 33.33%;
    height: 100%;
    content: "";
    top: 0px;
}

.user_dashboard .line2:before {
    background: #E4E4E4;
    position: absolute;
    right: 0px;
    width: 33.33%;
    height: 100%;
    content: "";
    top: 0px;
}

.user_dashboard .userdashbord1 {
    border-radius: 10px;
    padding: 45px;
    margin: 10px 0px;
    border-radius: 5px;
    color: white !important;
}

.user_dashboard .userdashbord1 .imgg {
    overflow: hidden;
    height: auto;
}

.user_dashboard .userdashbord1 img {
    height: 100px;
}

.user_dashboard .userdashbord1 h5 {

    font-size: 24px;
    font-weight: 600;
    padding-top: 20px;
    width: 90px;
    line-height: 1.5;
}

.user_dashboard .userdashbord1 a {
    text-decoration: none;
    color: white;
}

.user_dashboard .userdashbord1:hover a {
    color: #002C0A !important;
}

.user_dashboard .userdashbord1 .imgg .imagehover {
    display: none;
}

.user_dashboard .userdashbord1:hover .imgg img {
    display: none;
}

.user_dashboard .userdashbord1:hover .imgg .imagehover {
    display: inline-block;
}

.user_dashboard .userdashbord1:hover {
    background: #EDCB38 0% 0% no-repeat padding-box;
    color: #002C0A !important;
    opacity: 1;
}

.user_dashboard .chats h6 {
    color: #002C0A;
    text-align: center;
    padding: 19px 0px;
    font-size: 20px;
    font-weight: 600;
}

.user_dashboard .chats {
    margin: 10px 0px;
    background: #a8def7;
    box-shadow: inset 2px 2px 0px #8cd7f9, 2px 2px 0px #8cd7f9;
    border-radius: 5px;
    height: 598px;
    padding: 15px;
    position: relative;
}

.user_dashboard .chats li:hover {
    background: #fff;
}

.chats1 {
    padding: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #ffffff29;
    border-radius: 3px;
}

.user_dashboard .chats ul {
    padding: 0px;
}

.user_dashboard .chats li {
    list-style-type: none;
    display: inline-block;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #ffffff29;
    border-radius: 3px;
    margin: 8px 0px;
    padding: 10px;
    width: 100%;
}

.user_dashboard .chats li .imgg {
    height: auto;
    overflow: hidden;
    margin-right: 13px;
    float: left;
}

.user_dashboard .chats li .imgg img {
    height: 50px;
    border-radius: 5px;
}

.user_dashboard .chats li .chatt h4 {
    font-size: 15px;
    font-weight: 600;
    padding: 0px;
    color: #1B5440;
}

.user_dashboard .chats li .chatt p {
    margin: 0px;
}

.user_dashboard .chats p span a {
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 24px;
    background: #C4FFE1 0% 0% no-repeat padding-box;
    display: inline-block;
    color: black;
    text-decoration: none;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    opacity: 1;
    border-radius: 20px;
    font-size: 14px;
}

.user_dashboard .chats p {
    font-size: 14px;
    color: #979797;
}

.user_dashboard .nav-link.active .line4 {
    background-color: #002C0A;
}

.user_dashboard .nav-link .line4 {
    background: no-repeat;
}

.user_dashboard .line4 {
    height: 3px;
    width: 100px;
    position: absolute;
    top: 10px;
    border-radius: 10px;
    position: relative;
    background-color: #002C0A;
}



.user_dashboard .chats .addicon img {

    height: 60px;
    padding: 10px;
    opacity: 1;
}

.user_dashboard .addicon {
    position: absolute;
    right: 20px;
    bottom: 20px;
    height: 60px;
    background: white;
    width: 60px;
    border-radius: 53px;
    opacity: 1;
}

.user_dashboard .chatt1 {
    overflow-y: auto;
    height: 428px;
    overflow-x: hidden;
}

.user_dashboard p span img {
    height: 24px;
}

.my_booking .breadcrums {
    font-size: 15px;
    padding: 15px 0px;
    font-weight: 600;
    margin: 0px;

}

.my_booking .table {
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    overflow: hidden;
    opacity: 1;
    margin: 10px 0px;
}


.my_booking .table th span {
    border-radius: 2px;
    opacity: 1;
    padding: 20px 0;*/
    text-align: center;
    width: 100%;
    display: block;
    color: #1B5440;
    font-size: 16px;
}

.prelovedsection span.select2-selection.select2-selection--multiple {
    margin-top: 9px;
}

.my_booking .table td {
    padding: 10px !important;
    width: 15%;
    border-right: 1px solid #002C0A;
    text-align: center;
}

.my_booking .table th {
    padding: 10px !important;
    width: 15%;
    border-right: 1px solid #002C0A;
}

.related-article-img {
    width: 50% !important;
}


.my_booking .table td span {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 2px;
    opacity: 1;
    text-align: center;
    width: 100%;
    display: block;
    color: #000000;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
}

.my_booking .table td span .bi {
    font-size: 19px;
    height: 38px;
    width: 38px;
    background: #c0d8d305;
    line-height: 36px;
    border-radius: 30px;
    margin: 11px 6px;
    display: inline-block;
    border: 1px solid #ccc;
}

.my_booking .table td span .bubble {
    background: #c0d8d3;
    padding: 3px 7px;
    border-radius: 55px;
    color: black;
    text-decoration: none;
    margin-left: 3px;
    font-size: 14px;
}

.my_booking .table tr {
    border-bottom: 1px solid #002C0A;
}

.my_booking .table tr:last-child {
    border-bottom: none;
}

.my_booking .table tr td:last-child,
.my_booking .table tr th:last-child {
    border-right: none;
}

.my_booking .Neighbourform {
    margin: 23px 0px;
}

.my_booking .Neighbourform .form-signin {
    background: #EDCB38 0% 0% no-repeat padding-box;
    padding: 27px 45px;
    width: 100%;
    margin: auto;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 8px;
}

.my_booking .Neighbourform .form-signin .imagefile {
    position: relative;
    float: left;
}

.my_booking .Neighbourform .form-signin .imagefile input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.my_booking .Neighbourform .form-signin .imagefile img {
    width: 100px;
    margin-bottom: 15px;
}

.my_booking .Neighbourform .form-signin .imagefile button {
    border: none;
    background-color: #d6e8fe;
    padding: 10px 41px;
    border-radius: 6px;
    font-weight: 700;
}

.my_booking .Neighbourform .form-signin .imagefile h6 {
    font-size: 18px;
    font-weight: 500;
}

.my_booking .Neighbourform .form-signin .imagefile .bi {
    font-size: 19px;
    margin-left: 17px;
}

.my_booking .Neighbourform .form-signin .form-group {
    text-align: left;
    margin-bottom: 20px;
}

.my_booking .Neighbourform .form-signin .form-group select {
    width: 100%;
    border: 1px solid #ced4da;
    padding: 8px 10px;
}

.my_booking .Neighbourform .form-signin .form-group label {
    color: black;
    font-weight: 600;
}

.my_booking .Neighbourform .form-signin .form-control::placeholder {
    color: #ced1d3;
    font-weight: 400;
    font-size: 14px;
}

.my_booking .Neighbourform .form-signin .btn {
    border: none;
    padding: 9px;
    width: 100%;
    color: #000;
    margin-top: 12px;
}

.my_booking .Neighbourform .form-control {
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 8px;
}

.my_booking .Neighbourform img {
    border-radius: 8px;
}


.my_booking .tab-content {
    padding: 0px;
}

.my_booking #regForm {
    background-color: #ffffff;
    padding: 40px 0px 0;
    min-width: 300px;
}

.my_booking h1 {
    text-align: center;
}

.my_booking input {
    padding: 10px;
    width: 100%;
    font-size: 14px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 8px;
}

.my_booking input.invalid {
    background-color: #ffdddd;
}

.my_booking .tab {
    display: none;
}

.my_booking button {
    background-color: #0a3417;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;

    cursor: pointer;
}

.my_booking button a {
    color: white;
    text-decoration: none;
}



.my_booking button:hover {
    opacity: 0.8;
}

.my_booking #prevBtn {
    background-color: #bbbbbb;
    box-shadow: inset 1px 1px 0px #ffffff29, 1px 1px 0px #00000029;
    border-radius: 9px;
    color: black;
    text-align: center;
    font-size: 16px;
    line-height: inherit;
    display: inline-block;
    margin: 21px 13px;
    padding: 14px 78px;

}

.my_booking .stepmain {
    text-align: center;
}

.my_booking .step {
    width: 33.3%;
    margin: auto;
    border: none;
    display: inline-block;
    opacity: 0.5;
    float: left;
    position: relative;
    text-align: center;
}

.my_booking .step+.step::after {
    background: #002C0A;
    height: 2px;
    position: absolute;
    content: "";
    left: -45px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 91px;
}

.my_booking .step a {
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #ffffff29, 1px 1px 0px #00000029;
    border-radius: 5px;
    color: white;
    width: 200px;
    text-align: center;
    font-size: 15px;
    line-height: 48px;
    z-index: 1;
    position: relative;
    height: 48px;
    display: inline-block;
    text-decoration: none;
}

.my_booking .step.active {
    opacity: 1;
}

.my_booking .real_catagories .item {
    text-align: center;
    float: left;
    padding: 4px;
    position: relative;
}

.my_booking .nav-link.active .real_catagories .item {
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    color: white;
    border-radius: 10px;
}
body .listing_user_adds {
    background: #f4f4f4 !important;
    padding: 36px 0;
    border-radius: 15px;
}
.real_catagories .imgg11 img {
    width: 70% !important;
    height: 87% !important;
    filter: invert(31%)sepia(93%)saturate(2459%)hue-rotate(205deg)brightness(92%)contrast(92%);
}
.my_booking .real_catagories .item img {
    height: 76px;
    padding: 5px;
    text-align: center;
    border-radius: 11px;
    display: inline-block;
}

.my_booking .real_catagories .item a {
    color: black;
    text-decoration: none;
    text-align: center;
}


.my_booking .real_catagories {
    display: flex;
    margin: 30px 0px;
}

.my_booking .real_catagories .imgg11 {
    height: 130px;
    width: 140px;
    overflow: hidden;
    text-align: center;
    margin: auto;
    position: relative;
    margin-bottom: 12px;
    background: #F0F8FF !important;
    padding: 34px;
    box-shadow: 0px 4px 4px 0px #00000026;
    border-radius: 16px;
    line-height: 65px !important;
}
div#under_userserv label#sbcats {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 14px;
    margin-bottom: 8px;
}

div#under_userserv select#under_changeserv {
    height: 47px;
    border: 1px solid #b5b5b5;
    box-shadow: none;
}
.my_booking #regForm .nav {
    border: none;
    justify-content: center;
}

.my_booking .tab {
    max-width: 70%;
    margin: auto;
}

.my_booking #regForm .nav p {
    font-weight: 500;
    position: relative;
    font-size: 16px;
}

.my_booking .form-group.under_userserv label {
    font-weight: 600;
    margin-bottom: 4px;
}

.my_booking .nav-link.active .real_catagories .item p {
    color: white;
}

button.buttonnn1 {
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #ffffff29, 1px 1px 0px #00000029;
    border-radius: 9px;
    color: white;
    text-align: center;
    font-size: 16px;
    line-height: inherit;
    display: inline-block;
    margin: 21px 0px;
    padding: 14px 78px;
}

.my_booking h4 {
    font-size: 21px;
    color: #1B5440;
    font-weight: 600;
    padding: 11px 0px;
}

.my_booking .mainn {
    width: 100%;
    display: inline-block;
    margin: 23px 0px;
}

.my_booking .mainn .form-group {
    margin: 21px 0px;
}


.my_booking .mainn select {
    padding: 10px;
    margin: 21px 0px;
    /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 8px;
}

.my_booking .mainn textarea {
    /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 8px;
}

.my_booking .mainn form::placeholder {
    color: #979797;
    font-size: 14px;
}


.my_booking .mainn1 {
    width: 100%;
    display: inline-block;
    margin: 23px 0px;
}

.my_booking .mainn1 .cook {

    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0px;
}

.my_booking .mainn1 .cook h5 {
    font-size: 18px;
    color: #1B5440;
    font-weight: 600;
}

.my_booking .mainn1 .cook h5 span img {
    height: 31px;
}

.my_booking .mainn1 .cook h6 {
    color: #979797;
    font-size: 14px;
}

.my_booking .mainn1 .cook .btnn1 {
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 2px;
    color: white;
    text-decoration: none;
    display: inline-block;
    padding: 9px;
    margin-bottom: 6px;
}

.my_booking .mainn1 .cook p {
    /* color: #979797; */
    font: italic normal normal 14px/24px Lato;
    margin: 0px;
}

.my_booking .textline {
    text-align: left !important;
}

.my_booking .textline .imgg1 img {
    height: 41px;
    border-radius: 4px;
    /* margin-right: 4px; */
}

.my_booking .textline .imgg1 {
    height: 67px;
    width: 67px;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.my_booking .form-check {
    display: inline-block;
    margin: 26px 0px;
}

.my_booking .form-check-input {
    width: 4px;
    margin: 0px 5px;
}

.my_booking .form-check {
    margin-left: 11px;
}

.my_booking .form-check-input {
    width: 17px !important;
    padding: 0px !important;
    height: 17px !important;
    box-shadow: none !important;
    margin-left: 1px !important;
}

.my_booking .add1 .form-check {
    display: inline-block;
    margin: 0px 0px;
}

.my_booking .add1 .form-check-input {
    width: 4px;
    margin: 19px 9px;
}



/* .dashboard .tab-content {
        background: #e7e7e7;
        padding: 50px 30px;
border: 1px solid #dadada;
        border-radius: 8px;
    } */



.my_booking .settings li {
    list-style-type: none;
    margin-bottom: 5px;
}

.my_booking .settings .nav-link.active {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #000;
}

.my_booking .settings .nav-link {
    border: none;
    background: #1b54404f;
    padding: 12px 18px;
    border-radius: 8px;
    color: black;
    margin: 1px 0px;

    font-size: 15px;
    font-weight: 600;
    width: 100%;
    padding-left: 49px;
    text-align: left;
}

.my_booking .settings {
    border-bottom: none;

}




.my_booking .notificationn {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 8px;
    padding: 20px;
    margin: 15px 0px;
}

.my_booking .notificationn .form-check {
    padding: 0px;
}

.my_booking .notificationn .btnn1 {
    background-color: #0a3417;
    color: #ffffff;
    border: none;
    padding: 10px 41px;
    font-size: 17px;
    border-radius: 5px;
}

.my_booking .notificationn .form-group {
    margin: 10px 0px;
}

.my_booking .notificationn .form-check {
    margin-right: 10px;
}


.sidebar {
    height: 466px;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 439px;
    margin: auto;
    text-align: center;
    right: 0px;
    background-color: #174832;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
    padding-top: 47px;
    border-radius: 8px 40px 8px 8px;
}

.sidebar form {
    padding: 0px 30px;

}

.sidebar form label {
    color: white;
}

/* .sidebar a {
                    padding: 8px 8px 8px 32px;
                    text-decoration: none;
                    font-size: 25px;
                    color: #818181;
                    display: block;
                    transition: 0.3s;
                  }

                  .sidebar a:hover {
                    color: #f1f1f1;
                  } */

.sidebar .closebtn {
    position: absolute;
    top: 5px;
    right: 25px;
    font-size: 33px;
    color: white;
    margin-left: 50px;
}

.sidebar .closebtn img {
    height: 29px;
}


.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
}

.openbtn span {
    position: absolute;
    background: #030303;
    font-size: 14px;
    width: 25px;
    border-radius: 50%;
    height: 25px;
    line-height: 25px;
    margin-top: -11px;
    font-weight: 600;
}

/* .openbtn:hover {
                    background-color: #444;
                  } */


.Freelancing .iconnns ul li {
    line-height: 40px;
}

/* select.form-select {
                    margin: 14px 0px;

                    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #ffffff29;
                    border-radius: 4px;
                    padding: 9px;
                    color: #707070;
                } */
.Freelancing button.btnn1 {
    background: #EDCB38 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #ffffff29;
    border-radius: 4px;
    border: none;
    width: 100%;
    padding: 9px;
    font-size: 16px;
    margin-top: 15px;
}





/* ***************************my_inbox******************* */

.inbox_dashboard .chat {
    margin: 10px 0px;
    /* background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #ffffff29, 2px 2px 0px #00000029; */
    border-radius: 5px;
    height: 797px;
    padding: 15px;
    position: relative;
}

.inbox_dashboard .chats11 {
    overflow-y: auto;
    height: 428px;
    overflow-x: hidden;
}

.inbox_dashboard .chat ul {
    padding: 0px;
}

.inbox_dashboard .chat li {
    list-style-type: none;
    display: inline-block;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #ffffff29;
    border-radius: 3px;
    margin: 8px 0px;
    padding: 10px;
    width: 100%;
}

.inbox_dashboard .chat li .imgg {
    /* height: 50px; */
    height: auto;
    overflow: hidden;
    /* padding: 10px; */
    margin-right: 13px;
    /* text-align: center; */
    float: left;
}

.inbox_dashboard .chat li .imgg img {
    height: 50px;
    border-radius: 5px;
}

.inbox_dashboard .chat li .chatts2 h4 {
    font-size: 15px;
    font-weight: 600;
    color: #1B5440;
    /* margin: 0px; */
    padding: 0px;
}

.inbox_dashboard .chat p {
    font-size: 14px;
    color: white;
    margin: 0px;
}

.inbox_dashboard .chat p span a {
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 24px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    display: inline-block;
    color: black;
    text-decoration: none;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    opacity: 1;
    border-radius: 20px;
    font-size: 14px;
}

.inbox_dashboard .chat .addicon1 img {
    height: 60px;
    /* background: white; */
    /* width: 60px; */
    /* border-radius: 53px; */
    padding: 10px;
    opacity: 1;
}


.inbox_dashboard .chat .chatts2 h4 span p {
    color: #000;
}

.inbox_dashboard .addicon1 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    height: 60px;
    width: 60px;
    border-radius: 53px;
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    /* padding: 10px; */
    opacity: 1;
}


.inbox_dashboard .chatinbox {
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #ffffff29, 2px 2px 0px #00000029;
    border-radius: 5px;
    opacity: 0.8;
    height: 760px;
    padding: 18px;
    margin: 29px 8px;
}

.inbox_dashboard .chatinbox li .imgg {
    /* height: 50px; */
    height: auto;
    overflow: hidden;
    /* padding: 10px; */
    margin-right: 13px;
    /* text-align: center; */
    float: left;
}

.inbox_dashboard .chatinbox ul {
    padding: 0px;
}

.inbox_dashboard .chatinbox li .imgg img {
    height: 50px;
    border-radius: 5px;
}

.inbox_dashboard .chatinbox li .chatts2 h4 {
    font-size: 15px;
    font-weight: 600;
    color: #1B5440;
    /* margin: 0px; */
    padding: 0px;
}

.inbox_dashboard .chatinbox li .chatts2 p {
    font-size: 14px;
    color: #979797;
    margin: 0px;
}

.inbox_dashboard .chatinbox li {
    list-style-type: none;
    display: inline-block;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #ffffff29;
    border-radius: 3px;
    margin: 8px 0px;
    padding: 10px;
    width: 100%;
}


.inbox_dashboard .chatinbox .inboxright span.inbox1 {
    font-weight: 600;
    padding-right: 20px;
    color: #0059c8;
    text-align: left;
    padding-left: 19px;
    font-size: 18px;
}

.inbox_dashboard .chatinbox .inboxright .inbox2 p .bi {
    font-size: 23px;
    padding-right: 10px;
}

.inbox_dashboard .chatinbox .inboxright .chatleft p {
    width: 100%;
    margin-top: 7px;
    /* border: 1px solid #e0e0e0; */
    padding: 8px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #ffffff29;
    margin: 1px;
    border-radius: 0px 3px 3px 3px;
    font: italic normal normal 14px/28px Lato;
}

.inbox_dashboard .chatinbox .inboxright .chatleft {
    padding-left: 56px;
    position: relative;
    padding-right: 60px;
    margin-top: 10px;
}

.inbox_dashboard .chatinbox .inboxright .chatright {
    padding-right: 57px;
    position: relative;
    padding-left: 56px;
    margin-top: 10px;
}

.inbox_dashboard .chatinbox .inboxright .chatright .imgg {
    position: absolute;
    right: -9px;
    top: 7px;
    height: 50px;
    width: 50px;
    overflow: hidden;
}

.inbox_dashboard .chatinbox .inboxright .chatright .imgg img {
    height: 39px;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #ffffff29;
    border-radius: 3px;
}


.inbox_dashboard .chatinbox .inboxright .chatleft .imgg {
    position: absolute;
    left: 2px;
    top: 2px;
    height: 50px;
    width: 50px;
    overflow: hidden;
}

.inbox_dashboard .chatinbox .inboxright .chatleft .imgg img {
    height: 39px;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #ffffff29;
    border-radius: 3px;
}







/* .inbox_dashboard .chatinbox .inboxright .chatleft p{
    padding-left: 5px;
    margin: 1px;
    padding-top: 10px;
    border-radius: 0px 3px 3px 3px;
    font: italic normal normal 14px/28px Lato;
} */
.inbox_dashboard .chatinbox .inboxright h6 {
    color: #FFFFFF;
    font-size: 13px;

    padding: 6px 3px;
}

/* .inbox_dashboard .chatinbox .inboxright .chatright p {

    width: 100%;
    background-color: #0056c2;
    margin-top: 7px;

    padding: 8px;

    background: #EDCB38 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #ffffff29;
    border-radius: 3px 0px 3px 3px;
} */

.inbox_dashboard .chatinbox .inboxright .chatright p {
    /* padding-left: 5px;
    padding-top: 10px; */
    color: black;
    margin: 0px;
    background: #EDCB38 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #ffffff29;
    border-radius: 3px 0px 3px 3px;
    direction: rtl;
    padding: 8px;
    font: italic normal normal 14px/28px Lato;
    width: 100%;

    margin-top: 7px;

}

/* .inbox_dashboard .chatinbox .inboxright .chatright1{
    color: #b7b7b7;
font-size: 14px;

    }   */


.inbox_dashboard .chatinbox .inboxrightscroll {
    overflow-y: auto;
    height: 525px;
    overflow-x: hidden;
    margin-bottom: 45px;
}

.inbox_dashboard .chatinbox .inboxright .nochat p {
    color: #0059c8;
    font-size: 25px;
}

.inbox_dashboard .chatinbox .inboxright .nochat {
    padding-top: 10%;
}

.inbox_dashboard .chatinput input.form-control {
    padding: 7px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #ffffff29;
    border-radius: 23px;
}


/* .inbox_dashboard .chatinput{

        margin-top: 13px;
        } */
.inbox_dashboard .chatinput span .fa-paperclip {
    margin-right: 6px;
}

.inbox_dashboard .chatinput span {
    position: absolute;
    top: 5px;
    right: 15px;
    margin-right: 10px;
    font-size: 24px;
}

.inbox_dashboard .addicon2 {
    height: 43px;
    width: 43px;
    border-radius: 53px;
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #ffffff29;
    /* padding: 10px; */
    opacity: 1;
    margin-left: 10px;
}

.inbox_dashboard .addicon2 img {
    height: 43px;
    /* background: white; */
    /* width: 60px; */
    /* border-radius: 53px; */
    opacity: 1;
    padding: 10px;
}

.inbox_dashboard .addicon3 {
    height: 43px;
    width: 43px;
    border-radius: 53px;
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #ffffff29;
    /* padding: 10px; */
    opacity: 1;
    margin: -4px -16px;
}

.inbox_dashboard .addicon3 img {
    height: 43px;
    /* background: white; */
    /* width: 60px; */
    /* border-radius: 53px; */
    opacity: 1;
    padding: 10px;
}

.inbox_dashboard .chatinput input.form-control::placeholder {
    font-size: 14px;
    padding-left: 10px;
    color: #979797;
}

/*
******************************service_provider******************************* */
.service .serv {
    border-bottom: none;
}

.service .real_catagories .item {
    width: 132px;
}


.service .real_catagories .item p {
    font-weight: 500;
    font-size: 15px;
}

.service .servicess {
    border-radius: 6px;
    padding: 25px;
    margin: 14px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}


.service .servicess select {
    width: 100%;
    padding: 9px;
    border: none;
    /* margin-top: 11px; */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}

.service .servicess textarea {
    /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 8px;
}

.service .servicess form label {
    font-weight: 600;
    margin-right: 20px;
}

.service .servicess form .form-group .form-check label {
    font-weight: 400;
}

.service .servicess h5 {
    color: #002C0A;
    padding: 10px 0px;
}


.service .form-group select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ced4da;
    border-radius: 6px;
}

.service .servicess form .form-group {
    margin: 9px 0px;
}

.service .servicess form .form-group .form-control::placeholder {
    font-size: 14px;
    color: #626262;
}


.service .servicess form .btnn {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    padding: 11px 79px;
    margin: auto;
    /* width: 35%; */
    color: #000;
    border-radius: 6px;
    margin-top: 12px;
}

.service .imagefile1 {
    position: relative;
    float: left;
}

.service .imagefile1 input {
    position: absolute;
    top: 45%;
    left: 137px;
    opacity: 0;
}

.service .imagefile1 img {
    width: 126px;
    margin-bottom: 15px;
}

.service .imagefile1 button {
    border: none;
    background-color: #d6e8fe;
    padding: 10px 41px;
    border-radius: 6px;
    font-weight: 700;
}

.service .imagefile1 h6 {
    font-size: 14px;
    font-weight: 600;
}

.service .imagefile1 .bi {
    font-size: 26px;
    margin-left: 17px;
}

.service .blogg2 {
    border: navajowhite;
    float: right;
}

.service .blogg2 .blogg1 {
    border: none;
}

.service .blogg2 .blogg1 button {
    float: right;
    border: none;
    background-color: #0a3417;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    cursor: pointer;
}



/* ***************************profile**************************** */



.profilee_page .profile .banner {
    background-image: url("../images/video_editing.webp");
    width: 100%;
    height: 210px;
    background-size: cover;
    margin: 10px 0px;
}


.profilee_page .profile .banner11 {
    /* margin: auto; */
    width: 120px;
    height: 120px;
    position: relative;
    /* padding: 7px; */
    border-radius: 4px;
    margin: -63px auto 20px;
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #ffffff29, 1px 1px 0px #00000029;
}

.profilee_page .profile .banner11 img {
    height: 120px;

    border: 5px solid #002C0A;

}

.profilee_page .profile p {
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #ffffff29, 2px 2px 0px #00000029;
    color: white;
    padding: 14px;
    margin: 12px 0px;
    text-align: justify;
    border-radius: 3px;
    min-height: 49px;
}

.profilee_page .profile h6 {
    color: #1B5440;
    font-size: 18px;
    margin: 12px 0px;
    font-weight: 600;
}

/* .profilee_page .profile ul {
        padding: 0px;
    } */

.profilee_page .profile ul li {
    list-style-type: none;
    display: flex;
    padding: 12px;
    margin: 10px 0px;
    /* background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box; */
    box-shadow: inset 2px 2px 0px #ffffff29, 2px 2px 0px #00000029;
    border-radius: 3px;
    /* width: 100%; */
    float: left;
    margin-right: 17px;
    line-height: 81px;
    position: relative;
    border: 1px solid #ccc;
}

.profilee_page .profile ul li .imgg {
    height: 84px;
    width: 84px;
    overflow: hidden;
    float: left;
    margin-right: 12px;
}

.profilee_page .profile ul li .imgg img {
    height: 84px;
}

.profilee_page .profile ul li .bi {
    font-size: 25px;
}

.profilee_page .bannerr1 {
    background-image: url("../images/video_editing.webp");
    width: 100%;
    height: 400px;
    background-size: cover;
    margin: 20px 0px;
    border-radius: 4px;
}

.profilee_page .banner11 .bi {
    position: absolute;
    font-size: 17px;
    background: #ffffff;
    bottom: -5px;
    right: -10px;
    height: 38px;
    line-height: 38px;
    width: 38px;
    color: #0a3518;
    border-radius: 30px;
    box-shadow: inset 2px 2px 0px #ffffff29, 2px 2px 0px #00000029;
}

.profilee_page .imagefile {
    position: relative;
    float: left;
}

.profilee_page .imagefile input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.profilee_page .imagefile img {
    width: 100px;
    margin-bottom: 15px;
}

.profilee_page .imagefile .bi {
    font-size: 19px;
    margin-left: 17px;
}
.side_shift {
    background: #ecf3f0;
    padding: 24px;
    border-radius: 10px;
}
.side_shift img.user_img_map {
    width: 100% !important;
    height: 200px !important;
    border-radius: 10px !important;
    margin-bottom: 20px;
    border: 1px solid#ddd;
}
.never_end p {
    margin: 0;
}
.side_shift ul.profile img {
    background: #fff;
    padding: 6px;
    border-radius: 50%;
    border: 1px solid #ddd;
}
.never_end {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.my_booking .servicess {
    border-radius: 6px;
    padding: 25px;
    margin: 20px 0px;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
}
.servicess .form-group input {
    color: #666666;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #dddd;
    box-shadow: none;
}

.my_booking select {
    margin-top: 9px;
    font-size: 13px !important;
    color: #212529 !important;
}

.section_carpooling .mainright .form-control {
    margin-top: 9px;
}

.servicess .motorvehiclesection label.form-label {
    font-size: 14px;
    color: #444444;
}

.motorvehiclesection button.btn.btn-secondary.bg-warning.w-auto {
    margin-left: 0px !important;
    box-shadow: unset;
}

.motorvehiclesection button.btn.btn-primary.bg-warning.w-auto {
    box-shadow: unset;
}


.servicess .step .col-md-4 {
    font-size: 14px;
    color: #444444;
}

.plus-button button.city_test_report.btn.btn-success.form-control {
    width: 7% !important;
}

button.remove_test_report.btn.btn-danger.wall.form-control {
    width: 7% !important;
}

.servicess .mainright button.btn {
    height: 38px;
    width: 23%!important;
    display: flex;
    margin-left: auto !important;
    justify-content: center;
    align-items: center;
    font-size: 17px !important;
}

.servicess .text-end.mt-4 {
    margin: 0px !important;
}

.my_booking.user_ad_post h4 {
    color: #444444;
    margin-top: 0px;
    padding-top: 0px;
}

.section_carpooling .mainright {
    margin: 0px !important;
}

.servicess .form-group input::placeholder {
    color: #666666;
    font-size: 13px;
    font-weight: 500;
}

.servicess .form-group select {
    color: #666666;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #dddd;
    box-shadow: none;
}

.my_booking .form-check {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user_dashboard .form-group.d-flex {
    display: block !important;   /* Bootstrap d-flex override */
    margin-top: 0px !important;
}

.user_dashboard .form-group.d-flex > label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 22px !important;
    margin-top: 4px !important;
}

.user_dashboard .form-group.d-flex > input {
    display: inline-flex !important;
    margin-right: 7px !important;
    margin-left: 10px !important;
    margin-top: 2px !important;
}

.user_dashboard .form-group.d-flex {
    flex-wrap: wrap !important;
}

.my_booking .form-group {
    padding: 5px 0px;
}

.my_booking select {
    width: 100%;
    padding: 10px;
    width: 100%;
    border: none;
    font-size: 14px;

    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 8px;
}

.my_booking .servicess .bi {
    font-size: 26px;
    /* margin-top: 2px; */
    /* margin: 44px 0px; */
}

/* ***************************event_singlepage************************* */

.event_singlepage .event_single {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: none;
}

.event_singlepage .event_single .imgg {
    height: 330px;
    overflow: hidden;
    border: 3px solid #a1a1a169;
    position: relative;
    /* background: #fcfec8b0; */
    /* padding: 25px; */
    border-radius: 9px;
}


.testing-btn {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    height: 50px;
}


.book_club .pet .wait-btn {
    border: none;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 12px;
    background: #004E98;
    /* display: none; */
    color: #fff;
    font-size: 16px;
    border-radius: 9px;
}

button.btn.test-btn1 {
    background: #004E98;
    color: #fff;
    width: 19%;
}


button.btn.test-btn2 {
    border: 1px solid #004E98;
    width: 19%;
    margin-left: 14px;
}



.event_singlepage .event_single .imgg .like {
    position: absolute;
    right: 13px;
    top: 10px;
    font-size: 18px;
    background: white;
    height: 33px;
    width: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 45px;
}

.event_singlepage .event_single .imgg .share {
    position: absolute;
    right: 13px;
    bottom: 10px;
    font-size: 17px;
    background: white;
    height: 33px;
    width: 33px;
    text-align: center;
    line-height: 33px;
    border-radius: 68px;
}


.event_singlepage .event_single .imgg1 {
    height: 445px;
    overflow: hidden;
    /* background: #fcfec8b0; */
    border: 22px solid #fcfec8b0;
    /* padding: 25px; */
}

.event_singlepage .event_single h6 {
    font-size: 20px;
    font-weight: 600;
    color: #052f11;
}

.event_singlepage .event_single p {
    margin: 0px;
    padding: 1px 0px;
}

.event_singlepage .event_single ul {
    padding: 0px;
    display: flex;
    margin-top: 10px;
    gap: 15px;
    justify-content: space-between;
}

.event_single .list-group-events {
    height: 336px !important;
}

.event_single button.btn.joined_today {
    margin: 16px 0px 0px !important;
}

.event_singlepage .event_single li {
    list-style-type: none;
    font-size: 16px;
    padding: 2px 0px;
}

.event_singlepage .event_single li .bi {
    margin-right: 10px;
}

.event_singlepage .form-check.form-check-al {
    display: flex;
    align-items: anchor-center;
    gap: 17px;
    margin-top: 3px;
}

.event_singlepage .list-group-events p {
    font-size: 16px;
    margin: 0px !important;
}

.event_singlepage .row.mt-2 {
    align-items: unset !important;
}

.event_single .join_online {
    font-weight: 500;
    box-shadow: unset !important;
}

.event_single .container {
    width: unset;
}

.event_singlepage .event_single ul li {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    color: #4B5563;
    font-size: 14px;
    font-weight: 400;
}

.event_singlepage .event_single ul li i {
    background: #EFF6FF;
    padding: 10px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    line-height: normal;
    color: #2563eb;
}

.event_singlepage .event_single ins {
    font-size: 15px;
    color: red;
    margin-right: 10px;
    font-weight: 600;
}

.event_singlepage .event_single del {
    font-size: 16px;
    color: grey;
    margin-right: 8px;
}

.event_singlepage .event_single .btnn {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 10px 31px;
    font-size: 16px;
    margin: 8px 0px;
    /* margin-left: 14px; */
    text-decoration: none;
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #000;
    font-weight: 600;
}

.event_singlepage .event_single .btnn1 {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 10px 46px;
    font-size: 16px;
    margin: 17px 0px;
    /* margin-left: 14px; */
    text-decoration: none;
    display: inline-block;
    text-align: center;
    /* width: 100%; */
    color: #000;
    font-weight: 600;
}






.event_singlepage .event_single .form-check-input {
    font-size: 18px;
}

.event_singlepage .event_single .form-check h5 {
    font-size: 14px;
    margin: 0px;
    padding-top: 5px;
}

.event_singlepage .event_single .form-check p >br {
    display: none;
}

.event_singlepage .event_single .form-check p {
    margin: 0px;
    padding: 1px 0px;
    font-weight: 600;
    color: #002C0A;
}

.event_singlepage .mprod {
    /* margin: 20px 0px; */
    position: relative;
}

.event_singlepage .mprod .sm\:hidden {
    float: right;
    position: relative;
    width: 380px;
    display: inline-block;
    height: 40px;
}

.imggg1 img.images-section-city {
    width: 100% !important;
}

.card-item-bg img.images-section-city {
    min-height: 220px;
}

.img-inner-text.d-flex {
    align-items: center;
    margin-top: 10px;
    gap: 9px;
    width: 100% !important;
}

.img-inner-text p.ms-2 {
    margin: 0px !important;
}

.icon-bi-share {
    gap: 7px;
}

a.btn.online-join-btn {
    width: 100%;
}

.online-classes .card-item {
    flex-direction: column-reverse;
}

.online-classes .card-item.card-item-bg.d-flex {
    position: relative;
}

.online-classes i.bi.bi-share-fill.pt-2.sharelink {
    position: absolute;
    top: 8px;
    right: 13px;
    padding: 10px !important;
    background: #EFF6FF;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: block;
    line-height: 3px;
    color: #2563eb !important;
    font-size: 13px;
}

.online-classes .imggg1.width-1{
    margin-top: 15px;
}

.icon-bi-share .text-dark {
    font-size: 16px;
}

.event_singlepage .mprod span {
    padding-top: 7px;
}

.event_singlepage .mprod nav {
    margin: 50px 0px;
}

.event_singlepage .mprod nav .pagination {
	justify-content: center;
 	gap: 6px;
}

.event_singlepage .mprod nav .pagination .page-link {
	border-radius: 50% !important;
	box-shadow: unset;
}


.event_singlepage .mprod nav .pagination li:first-child, .event_singlepage .mprod nav .pagination li:last-child {
  margin: 0px 15px;
}

.event_singlepage .mprod span.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5.rounded-md {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 36px;
    width: 90px;
    padding: 0px !important;
    line-height: 36px;
    text-align: center;
    border: none !important;
}

.event_singlepage .mprod .items-center.px-4.py-2.ml-3 {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 36px;
    text-decoration: none;
    width: 90px;
    padding: 0px !important;
    text-align: center;
    line-height: 36px;
    color: #073114;
    font-weight: 600;
}

.event_singlepage .mprod span.relative.z-0 {
    position: absolute;
    right: 90px;
    top: 0px;
    height: 36px;
    display: inline-block;
    border: none;
    background: white;
    overflow: hidden;
}

svg.w-5.h-5 {
    height: 20px;
}

/* ******************************my_city**************************** */

.section_city .banner {
    background-image: url("../images/citybanner.jpg");
    width: 100%;
    /* padding: 90px 0px; */
    background-size: 100%;
    height: 500px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

.section_city h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 25px 0px;
    display: inline-block;
}

.section_city h2 span {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 3px;
    opacity: 1;
    width: 140px;
    height: 50px;
    text-align: center;
    line-height: 43px;
}

.section_city h2 span img {
    height: 27px;
}

.section_city .banner .city {
    width: 750px;
    background: #000000 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #ffffff29, 2px 2px 0px #00000029;
    border-radius: 6px;
    opacity: 0.8;
    height: 310px;
    color: white;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
}


.section_city .banner .city input {
    padding: 13px 26px;
    width: 100%;
    /* height: 50px; */
    margin-left: 0px;
    border: none;
    padding-left: 32px;
    border-radius: 28px;
    background: #FFFFFF;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 25%);
}

.section_city .banner .city form {
    position: relative;
    width: 100%;
    margin: auto;
    padding-top: 11px;
}

.section_city .banner .city form button {
    border: none;
    position: absolute;
    right: 9px;
    border-radius: 5px;
    top: 17px;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    border-radius: 56px;
    /* padding: 4px 33px; */
    color: #000;
    width: 125px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
}

.section_city .banner .city h4 {
    font-family: 'violante';
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 70px;
    font-weight: 400;
}

.img-shopping {
    height: 45px !important;

}

.img-shoppings img {
    height: 50px;
    width: 50px !important;
    position: absolute;
    top: 259px !important;
    right: 25px !important;
    margin: auto;
}

.section_city .nav {
    border: none;
    margin: 15px 0px;
    position: relative;
    border-bottom: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.section_city .nav li {
    font-size: 15px;
    color: black;
    margin-right: 10px;
}

.section_city .nav li .nav-link {
    padding: 10px 26px;
    margin: 0;
    height: 52px;
    border: none;
    font-size: 16px;
    font-weight: 400;
}

.section_city .city1 {
    /* box-shadow: 0px 0px 17px -3px rgb(0 0 0 / 18%); */
    /*margin: 20px 0;*/
    background: #e7e7e74d;
    border-radius: 10px;
    margin-bottom: 15px;
}
.section_city.blog_mainpage div#myTabContent {
    padding-bottom: 0;
}
.section_city .city1 .imgggg1 {
    height: 100%;
    overflow: hidden;
    position: relative;
    /* border-bottom: 1px solid #ccc; */
    padding: 0px 0;
    text-align: center;
    line-height: 140px;
}

.section_city .city1 .imgggg1 img {
    border-radius: 0;
    width: auto !important;
}

.section_city .city2 {

    /* border-radius: 10px; */
    padding: 0 15px 21px;
    /* background: white; */
    /* box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029; */
    margin-top: 0;

}

.section_city .city2 .btn {
    border-radius: 4px;
    margin-top: 12px;
    width: 100%;
    color: #2563EB !important;
    padding: 5px 5px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px !important;
    gap: 10px;
    background: transparent;
    border: 1px solid;
}

.section_city .city2 h6 {
    color: black;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    height: 63px;
}

.community_blog a.blogviewall {
    background: none;
    box-shadow: unset;
    color: #2563EB !important;
    text-decoration: none;
}

.city_main_section .special_offers .city3-item-free-border {
  border: 1px solid #ddd;
/*   box-shadow: unset; */
}
.city_main_section .special_offers .city3-item-free-border .imgggg1 {
  border-bottom: 1px solid #ddd !important;
  padding: 10px;
}

.city_main_section .special_offers .city3-item-free-border .city2 {
  margin-top: 7px;
  padding: 0px 15px 13px;
}
.city_main_section .special_offers .city3-item-free-border .city2 a .btn:hover {
  background-color: #325ef1;
  color: #ffffff !important;
  border: 1px solid #2563EB;
}
.city_main_section .special_offers .city3-item-free-border .city2 a .btn {
  transition: all 0.2s ease-in-out;
}

.city_main_section .special_offers .city3-item-free-border .city2  .bi.bi-share-fill.pt-2.sharelink {
  margin-left: auto !important;
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: block !important;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px;
}

.city_main_section .special_offers .city3-item-free-border {
  border: 1px solid #ddd;
/*   box-shadow: unset; */
}
.city_main_section .special_offers .city3-item-free-border .imgggg1 {
  border-bottom: 1px solid #ddd !important;
  padding: 10px;
}

.city_main_section .special_offers .city3-item-free-border .city2 {
  margin-top: 7px;
  padding: 0px 15px 13px;
}
.city_main_section .special_offers .city3-item-free-border .city2 a .btn:hover {
  background-color: #325ef1;
  color: #ffffff !important;
  border: 1px solid #2563EB;
}
.city_main_section .special_offers .city3-item-free-border .city2 a .btn {
  transition: all 0.2s ease-in-out;
}

.city_main_section .special_offers .city3-item-free-border .city2  .bi.bi-share-fill.pt-2.sharelink {
  margin-left: auto !important;
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: block !important;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px;
}

.blog_mainpage h4 a.blogviewall {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    opacity: 1;
    padding: 10px 14px;
    font-size: 15px;
    margin-left: 14px;
    color: #000;
    display: inline-block;
    border-radius: 3px;
    border: none;
    float: right;
    margin-top: -5px;
}

.store_singledetail .viewmore.w-100 {
    display: block;
    border: none;
    background: #2563EB;
    margin-right: 10px;
    margin-left: 9px;
    font-size: 15px;
    padding: 10px 0;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
}

.section_city .city2 .btnn.mt-0.sik,
.section_city .city2 .btnn.btnn2.sik {
    background: #9747FE !important;
}

.section_city .city2 .btnn.sik {
    background: black;
    color: #fff;
}

.section_city .city2 .btnn {
    background: #F3A35C;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.5px;
    color: white;
    width: 100%;
    display: block;
    height: 38px;
    line-height: 38px;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    border: none;
    border-radius: 4px;
}

.section_city .city2 .add-to-box .btnn {
    background: black;
}

.section_city .city2 .add-to-box .btnn2 {
    background: #9747FE;
}

.section_city .city2 .btnn ins {
    text-decoration: none;
    font-size: 18px;
}

.section_city .city2 .btnn del {
    color: #EDCB38;
}

/* .section_city .imgggg1 .price h3 {
        position: absolute;
        z-index: 59;

        font-size: 18px;
        text-align: center;
        letter-spacing: 0px;

        color: white;
        opacity: 1;

        border-radius: 4px;
        padding: 8px 31px;
    } */

.section_city .imgggg1:hover+.price {
    display: block;
    cursor: pointer;
}

.section_city .city1 .price {
    position: absolute;
    top: 20px;
    z-index: 9999;
    height: auto;
    line-height: 60px;
    width: auto;
    display: none;
    text-align: center;
}

.section_city .city1:hover .price {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* border-radius: 10px; */
    opacity: 0.9;
    background: #000000 0% 0% no-repeat padding-box;
}


.section_city .price span .bi {
    font-size: 18px;
}

.section_city .price span {
    background: white;
    height: 60px;
    width: 60px;
    display: block;
    border-radius: 30px;
    top: 20px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
}


.section_city .bannerrr1 {
    background-image: url("../images/citybanner_page.jpg");
    width: 100%;
    margin: 20px 0px;
    background-size: 100%;
    height: 350px;
    position: relative;
    background-repeat: no-repeat;
    border-radius: 8px;
    background-position: center;
}

.section_city .bannerrr .discount {
    height: 350px;
    width: 320px;
    /* font-size: 30px; */
    color: white;
    background: #002C0A 0% 0% no-repeat padding-box;
    border-radius: 8px 0px 0px 8px;
    opacity: 0.8;
    text-align: center;
}

.section_city .bannerrr .discount h4 b {
    font-family: 'violante';
    font-size: 37px;
}

.section_city .bannerrr .discount h4 {
    padding: 114px 0px;
    font-size: 34px;
}

.section_city .bannerrr1 .discount {
    height: 350px;
    width: 320px;
    /* font-size: 30px; */
    color: white;
    background: #002C0A 0% 0% no-repeat padding-box;

    border-radius: 0px 8px 8px 0px;
    opacity: 0.8;
    text-align: center;
    position: absolute;
    right: 0px;
}

.section_city .bannerrr1 .discount h4 b {
    font-family: 'violante';
    font-size: 37px;
}

.section_city .bannerrr1 .discount h4 {
    padding: 114px 0px;
    font-size: 34px;
}

/*
.section_city h6 {
    letter-spacing: 0px;
    font-size: 44px;
    font-weight: 600;
    color: #002C0A;
    padding: 15px 0px;
} */


.section_city h6 .dropdown.offerswishlist span {
    display: inline-flex;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid;
}

.section_city h6 .dropdown.offerswishlist {
    font-size: 14px;
    float: right;
    margin-top: -5px;
}

.section_city h6 .dropdown.offerswishlist span img {
    float: left;
    height: 20px;
    margin-right: 5px;
}

.section_city h6 .dropdown.offerswishlist span::after {
    margin-top: 6px;
}

.section_city h6 .dropdown.offerswishlist ul.dropdown-menu.wishlistclass li a {
    padding: 0;
    line-height: 33px;
    display: flex;
}

.section_city h6 .dropdown.offerswishlist ul.dropdown-menu.wishlistclass li a span.dropimg {
    margin-right: 6px;
    background: #edebeb;
    border: navajowhite;
    padding: 7px;
    border-radius: 1px;
}

.section_city h6 .dropdown.offerswishlist ul.dropdown-menu.wishlistclass li a span.dropimgimg {
    margin-right: 0;
}

.section_city h6 .dropdown.offerswishlist ul.dropdown-menu.wishlistclass li .btn {
    background: #ec759a;
    text-align: center;
    display: table;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    border-radius: 2px;
    margin-top: 10px;
    padding: 3px;
}

.section_city .popular {
    background: #7D7AE6 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 4px;
    opacity: 1;
    margin: 20px 0px;
}

.section_city .popular .imgggg1 {
    height: 230px;
    overflow: hidden;
    position: relative;
}

.section_city .popular .imgggg1 img {
    border-radius: 8px;
}


.section_city .popular2 {

    /* border-radius: 10px; */
    padding: 15px;
    /* background: white; */
    /* box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029; */
    margin-top: -5px;

}


.section_city .popular2 h6 {
    color: black;
    font-size: 18px;
    padding: 0px;
    font-weight: 600;
}

.section_city .popular2 .btnn {
    color: white;
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 4px;
    opacity: 1;
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    padding: 8px;
}

.section_city .popular2 .btnn ins {
    text-decoration: none;
    font-size: 18px;
}

.section_city .popular2 .btnn del {
    color: #EDCB38;
}

.section_city .imgggg1 .price h3 {
    position: absolute;
    z-index: 59;
    /* top: 208px; */
    font-size: 23px;
    font-family: 'violante';
    text-align: center;
    letter-spacing: 0px;
    /* color: black; */
    color: white;
    opacity: 1;
    width: 123px;
    top: -36px;
    height: 80px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    /* background: white; */
    /* box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029; */
    border-radius: 4px;
    padding: 8px 31px;
}

.section_city .imgggg1:hover+.price {
    display: block;
    cursor: pointer;
}

/* .section_city .city1 .price {
                position: absolute;
                top: 20px;
                z-index: 9999;
                height: 80px;
                line-height: 60px;
                width: 124px;
                display: none;
                text-align: center;
            } */
.section_city .popular2:hover .price {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.9;
}

/* .section_city .popular:hover .imgggg1{
              background-color: black;
            } */

/* .section_city .price span .bi {
                font-size: 18px;
            }

            .section_city .price span {
                background: white;
                height: 60px;
                width: 60px;
                display: block;
                border-radius: 30px;
                top: 38px;
                position: absolute;
                right: 0px;
                left: 0px;
                margin: auto;
            } */

.section_city .popular2 ul {
    padding: 0px;
}

.section_city .popular2 ul li {
    list-style-type: none;
    padding: 2px 0px;
    font-size: 15px;
}

.section_city .popular2 ul li .bi {
    font-size: 19px;
}


.section_city .popular .imgg19 img {
    height: 35px;
}





.section_city .popular .loc_main {
    display: none;
}


.section_city .popular:hover .loc_main {
    display: block;
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    background: #000000 0% 0% no-repeat padding-box;
    height: 100%;
    width: 100%;
    left: 0;
    opacity: 0.8;
    border-radius: 8px;
}

.section_city .loc .bi {
    position: absolute;
    left: 28px;
    top: 9px;
    font-size: 21px;
    color: #1B5440;
}

.popular:hover+.loc {
    display: block;
    cursor: pointer;
}

.section_city .popularmain {
    position: relative;
}

.section_city .vr {
    position: absolute;
    left: -13px;
    opacity: 9;
    color: #002C0A;
    height: 377px;
    top: 24px;
    width: 0.5px;
}

.section_city .vr a {
    position: absolute;
    top: 388px;
    transform: rotate(-90deg);
    width: 62px;
    left: -33px;
    color: #002C0A;
    font-size: 15px !important;
    text-decoration: underline;

}

.section_city .vr a:hover {
    transform: rotate(-30deg);
    padding: 0px 4px;
    ;
}


.section_city .banne1 {
    background-image: url("../images/dubai-property.jpg");
    width: 100%;
    /* padding: 90px 0px; */
    background-size: 100%;
    height: 500px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

.section_city .offerss {
    margin-bottom: 35px;
    position: relative;
    background: #F2F2F2;
}

.section_city .offerss img {
    height: 300px;
    margin-top: -3px;
    border-radius: 10px 10px 0px 0px;
}

.section_city .offerss .imgg img {
    height: 16px !important;
}

.section_city .offerss .txt {
    /* position: absolute; */
    bottom: 0px;
    right: 0px;
    left: 0px;
    /* text-align: center; */
    margin: auto;
    color: black;
    /* background: #002C0A 0% 0% no-repeat padding-box; */
    border-radius: 1px 0px 0px 1px;
    opacity: 0.9;
    padding: 11px 20px;
    min-height: 75px;
}

.section_city .offerss h5 {
    background: #EB5757;
    padding: 10px 17px;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    margin-top: 13px;
    opacity: 1;
    display: flex;
    justify-content: center;
}

.section_city .offerss .txt p {
    margin-bottom: 0;
    font-size: 12px;
    color: #6E6E6E;
}

.section_city .offerss .txt h6 {
    color: black;
    font-size: 17px;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popularmain .txt .btn {
    background: #9747FE;
    width: 100%;
    color: #fff;
}

.section_city .offerss .imgg1 {
    position: absolute;
    bottom: -27px;
    right: -28px;
    z-index: 9999;
    overflow: hidden;
}

.section_city .offerss .imgg1 img {
    height: 80px !important;
}

.imgg2 {
    position: absolute;
    top: -15px;
    right: -41px;
    z-index: 99;
    overflow: hidden;
}

.section_city .offerss .imgg2 img {
    height: 80px !important;
}

.section_city .offerss .imgg3 img {
    height: 80px !important;
}

.section_city .offerss .imgg3 {
    position: absolute;
    top: 113px;
    right: -41px;
    z-index: 99;
    overflow: hidden;
}


.city_main_section .shopping_catalogue .offerss {
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0px 4px 4px 0px #0000001A;
}

.city_main_section .shopping_catalogue .offerss .txt .icon-bi-share .bi.bi-share-fill.pt-1.sharelink {
  margin-left: auto !important;
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-content: center;
}

.city_main_section .shopping_catalogue .offerss .txt h5 {
  border: 1px solid #2563eb;
  background: #fff;
  color: #2563eb;
  transition: all 0.2s ease-in-out;
}

.city_main_section .shopping_catalogue .offerss .txt h5:hover {
  background-color: #325ef1;
  color: #fff;
  border: 1px solid #2563EB;
}

.staycationlist .txt .offer__price_value {
    font-weight: bold;
    float: right;
    color: #0B3623;
}


.section_city .newss {
    margin: 30px 0px;
}

.section_city .newss .imgg1 {
    height: 500px;
    overflow: hidden;
    opacity: 0.7;
}

.section_city .newss .imgg1 img {
    border-radius: 3px;
}

.section_city .newss .news1 {
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #ffffff29, 2px 2px 0px #00000029;
    border-radius: 8px;
    height: 500px;
    padding: 20px;
    opacity: 0.8;
}

.section_city .newss .news1 h5 {
    color: white;
    text-align: center;
    /* padding: 20px 0px; */
}

.section_city .newss .news1 p {
    background: #FFE368 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #ffffff29;
    border-radius: 4px;
    opacity: 1;
    height: 85px;
    padding: 20px;
    margin: 21px 0px;
}



.section_city .inboxrightscroll {
    overflow-y: auto;
    height: 446px;
    overflow-x: hidden;
    margin-bottom: 6px;
}

.user_dashboard.user_dash2 {
    margin: 0;
}

.user_dashboard.user_dash2 ul.nav {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.user_dashboard.user_dash2 ul.nav a.nav-link {
    background: transparent;
    border-radius: 0;
    color: black;
    padding: 0px 18px 12px 18px;
    font-size: 17px;
}

/* ******************************section chef's***************************************  */
.section_chef .banner1 .banner {
    background-image: url("../images/chef_banner.jpg");
    width: 100%;
    /* padding: 90px 0px; */
    background-size: 100%;
    height: 500px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

.section_chef .banner1 h2 {
    font-weight: 600;
    font-size: 27px;
    color: #002C0A;
    padding: 25px 0px;
}

.section_chef .banner1 h2 span {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 3px;
    opacity: 1;
    width: 140px;
    height: 50px;
    text-align: center;
    line-height: 43px;
}

.section_chef .banner1 h2 span img {
    height: 27px;
}

.section_chef .banner1 .banner .city {
    width: 650px;
    background: alieblue;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 8px;
    opacity: 0.8;
    height: 300px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
}

.section_chef .banner1 .banner .city h4 {
    font-family: 'violante';
    letter-spacing: 0px;
    opacity: 1;
    font-size: 70px;
    font-weight: 400;
    padding: 30px 0px;
}





.section_chef .chef .chef2 .bi {
    margin-right: 5px;

    padding: 5px 8px;
    color: black;
    font-size: 15px;
}

.section_chef .chef .chef1 {
    background: #C094A4 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 8px;
    position: relative;
    opacity: 1;
}

.section_chef .chef .imgggg1 {
    height: 250px;
    overflow: hidden;
    /* border-radius: 6px; */
}

.section_chef .chef .imgggg1 img {
    border-radius: 10px;
}

.section_chef .chef .chef2 {
    padding: 17px;
}

.section_chef .chef .chef2 ul {
    padding: 0px;
}

.section_chef .chef .chef2 ul li {
    list-style-type: none;
    padding: 2px 0px;
    font-size: 16px;
}

.section_chef .chef .chef2 h6 {
    font-size: 18px;
    font-weight: 600;
}

section.chef {
    margin: 30px 0px;
}

.section_chef .chef .chef2 .btnn {
    color: white;
    background: transparent radial-gradient(closest-side at 50% 50%, #1B5440 0%, #002C0A 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    border-radius: 4px;
    opacity: 1;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    padding: 10px;
}

.section_chef .chef .chef2 .svg-inline--fa.fa-utensils {
    margin-right: 5px;
    padding: 0px 8px;
    color: black;
    font-size: 15px;
}



.section_chef .chef .chef1 .star li .bi {
    font-size: 20px;
    color: #edcb38;
}

.section_chef .chef .chef1 .star {
    position: absolute;
    display: flex;
    top: 208px;
    right: 0px;
    height: 33px;
    background: #fff;
    box-shadow: inset 2px 2px 0px #00000029;
    padding: 0px;
    border-radius: 2px 0px 0px 2px;
    opacity: 0.9;
}

.section_chef .chef .chef1 .star li {
    list-style-type: none;
    margin: 0px 4px;
}


/* ********************section_social******************************* */

.social_page {
    margin: 30px 0px;
}

.social_page .postt .imgg1 {
    height: 66px;
    width: 66px;
    overflow: hidden;
    /* position: absolute; */
    border-radius: 60px;
    /* padding-right: 66px; */
    /* left: 0px; */
}

.social_page .postt {
    position: relative;
    /* margin: 30px 0px; */
}

.social_page .postt input {
    /* position: absolute; */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 5px;
    padding: 10px;
}

.social_page .postt .form-group {
    position: absolute;
    width: 100%;
    top: 11px;
    left: 96px;
    padding-right: 320px;
}

.social_page .postt .form-group input::placeholder {
    color: #1B5440;
    font-size: 16px;
    font-weight: 600;
}

.social_page .postt ul li {
    list-style-type: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    margin: 5px 7px;
    height: 53px;
    border-radius: 60px;
    width: 53px;
    line-height: 53px;
    text-align: center;

}

.social_page .postt ul {
    padding: 0px;
    display: flex;
    float: right;
}

.social_page .postt ul li img {
    height: 24px;
}

.social_page .fb_post {
    margin: 25px 0px;
}


.social_page .fb_post1 {
    margin: 25px 0px;
    position: relative;
    padding: 0px 300px;
}


.social_page .fb_post1 .ads_banner {
    position: absolute;
    left: 2px;
    width: 289px;
    text-align: center;
    /* height: 429px; */
    overflow: hidden;

}

/* .social_page .fb_post1 .ads_banner .banner {
    background-image:url(../images/Natural-Facebook-Cover-Photo.webp);
    width: 100%;
    height: 100px;
    padding: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
}


.social_page .fb_post1 .ads_banner .banner li {
    color: white;
    display: inline-flex;
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
}

.social_page .fb_post1 .ads_banner .banner ul {
    padding: 0px;
}
.social_page .fb_post1 .ads_banner .banner .imgg23 {
    height: 40px;
    width: 40px;
    border-radius: 40px;
    overflow: hidden;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
}

.social_page .fb_post1 .ads_banner .banner .imgg23 img {
    height: 42px;
} */



/*
.social_page .fb_post1 .ads_banner img {
    height: 360px;
} */

.social_page .fb_post1 .ads_banner1 {
    position: absolute;
    right: 13px;
    width: 275px;
    overflow: hidden;
}

/* .social_page .fb_post1 .ads_banner1 img {
    height: 360px;
} */

/* .hex {
    position: relative;
    max-width: 100%;
    width: 200px;
  }
  .hex:before {
    content: '';
    display: block;
    padding-bottom: 115%;
  }
  .hex img {
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 115%;
  }
  .hex__shape {
    position: absolute;
    backface-visibility: hidden;
    left: 0;
    height: 100%;
    overflow: hidden;
    top: 0;
    transform: rotate(240deg);
    width: 100%;
  }



  body {
    background-color: #CEE8FF;
  }
  .center {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
  } */

.social_page .fb_post .post {
    background: #7AD0E6 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 8px;
    opacity: 1;
    /* height: 770px; */
    padding: 20px;
    margin: 35px 0px;
}

.social_page .fb_post .post h5 img {
    height: 66px;
    width: 66px;
    overflow: hidden;
    border-radius: 60px;
    line-height: 61px;
    margin-right: 13px;
}

.social_page .fb_post .post h5 {
    font-weight: 600;
    font-size: 20px;
    position: relative;
}

.social_page .fb_post .post h5 span {
    text-align: center;
    position: absolute;
    right: 0px;
    top: 23px;
}

.social_page .fb_post .post ul li {
    list-style-type: none;
    font-size: 14px;
    color: #1B5440;
    margin-right: 15px;
}

.social_page .fb_post .post ul {
    display: flex;
    padding: 0px;
}

.social_page .fb_post .post ul li .bi {
    font-size: 19px;
    color: black;
    margin-right: 5px;
}

.social_page .fb_post .post .imgg11 {
    height: 450px;
    overflow: hidden;
    margin: 20px 0px;
    border-radius: 8px;
}

.social_page .fb_post .post .imgg11 img {
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 8px;

}



.social_page .fb_post .post .imgg {
    height: 450px;
    overflow: hidden;
    margin: 20px 0px;
    border-radius: 8px;
}

.social_page .fb_post .post .imgg img {
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 8px;
    height: 450px;
}

.social_page .fb_post .post p {
    text-align: justify;
}

.social_page .fb_post .post h6 {
    color: #1B5440;
    font-weight: 600;
    font-size: 16px;
}

.social_page .fb_post .post .form-group {
    margin: 25px 0px;
    position: relative;
}

.social_page .fb_post .post .form-group input {
    padding: 12px;
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
}

.social_page .fb_post .post .form-group input::placeholder {
    color: #1B5440;
    font-size: 14px;
    font-weight: 600;
}

.social_page .fb_post .post .form-group .imgg1 {
    position: absolute;
    top: 12px;
    right: 12px;
    text-align: center;
    bottom: 0px;
}

.social_page .fb_post .post .form-group .imgg1 img {
    height: 28px;
    margin-right: 14px;
}


.social_page h4 {
    color: #002C0A;
    font-weight: 600;
}

.social_page .suggest .friends {
    margin: 20px 0px;
    background: #FBFFC4 0% 0% no-repeat padding-box;
    box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029;
    border-radius: 5px;
    padding: 24px;
    text-align: center;
}

.social_page .suggest .friends .imgg12 {
    height: 200px;
    /* width: 248px; */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    overflow: hidden;
    clip-path: polygon(50% 0, 100% 38%, 81% 100%, 19% 100%, 0 38%);
}

.social_page .suggest .friends h6 {
    color: #1B5440;
    padding: 13px 0px;
    margin: 0px;
    font-weight: 600;
    font-size: 18px;
}

.social_page .suggest .friends .btnn1 {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    padding: 10px 22px;
    border-radius: 7px;
    width: 100%;
    font-size: 17px;
    color: #000;
    display: inline-block;
    text-decoration: none;
}


/* ************************Notice Board single page******************************* */

.section_notice .board {
    /* background-image: url("../images/46099-[Converted].png"); */
    box-shadow: inset 2px 2px 0px #804513c7, 2px 2px 0px #804513c7;
    /* border: 0px solid #723B0C; */
    border-radius: 8px;
    opacity: 1;
    background-position: center;
    width: 100%;
    margin: 30px 0px;
    position: relative;
    padding: 20px;
    background: white;
}

.section_notice .board .set {
    width: 100%;
    height: 230px;
    background-size: 100%;
    margin: 12px 0px;
    background-repeat: no-repeat;
}

.section_notice .board .set p {
    font-size: 18px;
    font-weight: 500;
    transform: rotate(-6deg);
    padding: 77px 52px;
    font-family: 'FORTE';
}

.section_notice .set2 p {
    transform: rotate(22deg);
}








/***********************************footer**********************************/

.footer .menu p {
    padding: 4px 0px;
}
a.btt {
    background: #EFF6FF !important;
    border: 1px solid #e7e7e7 !important;
    color: #2563EB !important;
    padding: 9px 10px !important;
    box-shadow: inherit !important;
    border-radius: 10px !important;
    font-size: 13px;
    line-height: 30px;
    width: 85%;
    justify-content: center;
}
.copyright_sec p {
    background: #fff;
    padding: 14px 0;
    font-size: 16px;
    text-transform: uppercase;
}
.footer {
    padding: 50px 0px 0px;
    width: 100%;
    background: #eff6ff !important;
    color: #000;
    position: relative !important;
}
.footer .cont {
    padding: 0px 40x;
}

.footer img.frntlog {
    height: 90px;
}

.footer h2 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 0;
}

.footer a.aps {
    margin-top: 12px;
    background: white;
    color: black;
    text-decoration: none;
    /* border: 1px solid #162b75; */
    display: inline-block;
    width: 100%;
    line-height: 41px;
    height: 46px;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    float: left;
    margin-right: 15px;
}

a.scanbt img {
    width: 80px;
}

a.scanbt {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    margin-top: 6px;
    display: inline-block;
    text-align: center;
}
a.scanbt span {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    padding: 9px 20px;
    border-radius: 30px;
}

.footer a.aps img.appa {
    height: 23px;
    margin-right: 6px;
}

.footer .menu1 ul li a.btt {
    background: white;
    padding: 6px 10px;
    /* display: inline-block; */
    color: black;
    border-radius: 5px;
    width: 230px;
    text-align: center;
    font-size: 15px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}

.socail_media.footer1.mt-3 li a {
    font-size: 17px;
    border: 1px solid;
    width: 40px;
    border-radius: 5px;
    display: block;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #2563eb;
}

.socail_media.footer1.mt-3 li {
    margin: 0px 5px;
}
.footer .cont h3 {
    font-size: 20px;
    font-weight: 600;
}
.contac h3 {
    font-size: 20px;
    font-weight: 600;
}
.footer .cont ul {
    padding: 0px;
}

.footer .contac ul li a {
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 10px;
}
.footer .contac ul li a svg {
    padding: 10px;
    border-radius: 50%;
    font-size: 18px !important;
    color: #1d4ed8;
}

.footer .contac ul li {
    list-style: none;
    font-size: 16px;
    font-family: inter,sans-serif;
}

.footer .contac ul {
    padding: 0;
}

.footer .cont ul li {
    list-style-type: none;
    padding-top: 15px;
}

.footer .cont ul li .bi {
    color: white;
    margin-right: 5px;
}

.footer .cont ul li a {
    color: #000000;
    text-decoration: none;
    line-height: 1.9;
    font-size: 16px;
    font-weight: 500;
}

.footer .menu1 h3 {
    padding-top: 22px;
    font-size: 20px;
    font-weight: 600;
}

.footer .menu1 ul {
    padding: 0px;
}

.footer .menu1 ul li {
    list-style-type: none;
    padding-top: 25px;
}

.footer .menu1 ul li .bi {
    color: white;
    margin-right: 11px;
    font-size: 18px;
}

.footer .menu1 ul li a {
    color: #000000;
    text-decoration: none;
    line-height: 1.9;
    font-size: 16px;
    font-weight: 500;
}

.footer input::placeholder {
    color: #BEBEBE;
}

.footer ul.footer1 {
    display: flex;
    padding: 0px 15px;
    margin-top: 14px;
    font-size: 29px;
}

.footer .footer1 li {
    list-style-type: none;
    margin-right: 19px;
}

.footer .footer1 li img {
    height: 38px;
}


.footer .step1 {
    position: relative;
    height: 96px;
    margin: 3px;
    width: 100%;
    display: block;
}

.footer .step2 {
    height: 80px;
    position: absolute;
    z-index: 99;
}

.footer .step3 {
    position: absolute;
    height: 22px;
    text-align: center;
    top: 46px;
    left: 91px;
}
.download-app h4 {
    font-size: 13px;
    font-weight: 700;
}
.footer .step4 {
    position: absolute;
    bottom: 3px;
    z-index: 999;
    left: 1px;
    height: 13px;
}

.book_club .events h4 a {
    float: right;
    font-size: 14px;
    text-decoration: none;
    height: 35px;
    width: 100px;
    background: #083418;
    color: white;
    font-weight: 500;
    border-radius: 5px;
    line-height: 35px;
    text-align: center;
    padding: 0px;
}

.add_visit .form-group span.input-group-append {
    position: absolute;
    right: 0;
    height: 38px;
    top: 2px;
}

.add_visit .form-group span.input-group-append button {
    height: 100%;
    top: 0;
    margin-top: 0;
    border-radius: 0;
    color: #fff;
}

.section_neighbourhoodform .Neighbourform .form-signin .form-group .form-check.form-check-inline input {
    width: 22px;
    height: 22px;
    margin-right: 5px;
    margin-top: 2px;
}

.section_neighbourhoodform .Neighbourform .form-signin .form-group .form-check.form-check-inline {
    margin-left: 13px;
    margin-right: 0;
}

.section_neighbourhoodform .Neighbourform .form-signin .form-group label span {
    float: right;
    color: #087e30;
}

.section_neighbourhoodform .Neighbourform .form-signin .form-group label {
    display: unset;
}


.nanny_profile .img {
    border: 1px solid #d6d6d6;
    padding: 12px;
    border-radius: 10px;
}

.nanny_profile h5 {
    padding: 0 15px 12px !important;
    margin-bottom: 12px;
    margin-top: 20px;
    font-size: 18px !important;
    color: #03300f;
}





section.register_vendor h2 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
    color: #002d0b;
}

section.register_vendor {
    margin: 60px 0 80px;
}

section.register_vendor .form-group {
    margin-bottom: 12px;
}

section.register_vendor .form-group label {
    font-size: 16px;
    font-weight: 600;
}

section.register_vendor .form-group input {
    height: 45px;
    margin-top: 4px;
}

section.register_vendor button.btn {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    border: navajowhite;
    color: #fff;
    font-size: 16px;
    padding: 14px 58px;
    border-radius: 4px;
    font-weight: 600;
}


section.register_vendor .imagefile {
    border: 1px solid #ced4da;
    height: 130px;
    position: relative;
    border-radius: 6px;
    background: whitesmoke;
    text-align: center;
    overflow: hidden;
}

section.register_vendor .imagefile span {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: 600;
    color: #6c6c6c;
    right: 0;
    background: #fff;
    top: 0;
    font-size: 16px;
    line-height: 129px;
}

section.register_vendor .imagefile input {
    position: absolute;
    left: 0;
    height: 100%;
    opacity: 0;
    z-index: 99;
    width: 100%;
}

section.register_vendor .imagefile img {
    height: 100%;
    z-index: 9999;
    position: relative;
}

.emergancy-contact-alert h4 a.add {
	border: none;
	text-decoration: none;
	float: right;
	background: #ff007e !important;
	border-radius: 50px;
	color: #fff;
	font-size: 15px !important;
	padding: 10px 24px;
}

.add_contact .modal-header {
    padding: 20px 35px;
}

.add_contact .modal-body {
    padding: 20px 35px 35px;
}

.add_contact .modal-body .btn {
   border: none;
  width: 35%;
  padding: 5px 0px;
  margin-top: 25px;
  border-radius: 9px;
  color: #fff;
  font-size: 15px;
}

.add_contact .modal-body label,
.add_contact .modal-body h6 {
    font-weight: 600;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 3px;
}

.add_contact h5 {
    font-size: 27px;
    font-weight: 800;
    color: #002c0a;
}

.add_contact .modal-body input.form-control {
    padding: 10px 15px;
    border-radius: 4px;
    height: 45px;
}

.add_contact .modal-body p span input {
    height: 19px;
    width: 19px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.add_contact .modal-body p span {
    margin-right: 40px;
    line-height: 46px;
    height: 45px;
    display: inline-block;
    padding-left: 35px;
    position: relative;
}

.add_contact .modal-body p {
  line-height: 45px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}


.add_contact .modal-body .imagefile {
    position: relative;
    float: left;
}

.add_contact .modal-body .imagefile input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.add_contact .modal-body .imagefile img {
    width: 130px;
}

.section_emergancy .emergancy .contact-alert-buttton a {
  width: 100%;
  display: block;
  text-align: center;
  padding: 8px;
  color: #2563eb !important;
  border-radius: 4px;
  font-weight: 600;
  border: 1px solid #2563eb !important;
  transition: all 0.2s ease-out;
  box-shadow: 0px 0px 3.33px 0px #0000001A;
}

.section_emergancy .emergancy .contact-alert-buttton a:hover {
	color: #fff !important;
	border-radius: 4px;
	font-weight: 600;
	border: 1px solid #2563eb !important;
	background-color: #2563eb;
}


.popup-emergancy-contact-alert-img {
  display: flex;
  margin-top: 12px;
}

.popup-emergancy-contact-alert-img .col-md-6 {
  width: 40%;
  display: flex;
  align-items: center;
  gap: 18px;
}

.popup-emergancy-contact-alert-img .col-md-6 h6 {
  margin: 0px;
}



.multipleno .multi-field button.remove-field {
    background: #b1594b;
    position: absolute;
    right: 44px;
    top: 0;
    color: #fff;
    height: 38px;
    width: 38px;
    border-radius: 3px;
    border: none;
    font-size: 24px;
}

.multipleno .multi-field {
    padding-right: 90px;
    position: relative;
    margin-bottom: 10px;
}

.multipleno .multi-field button.add-field {
    background: #043212;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    height: 38px;
    width: 38px;
    border-radius: 3px;
    font-size: 18px;
}

.multipleno .multi-field p.whatsapp_avail input {
    position: relative;
    top: 4px;
    width: 16px;
    height: 16px;
}

.multipleno .multi-field p.whatsapp_avail {
    margin-bottom: 5px;
    text-align: right;
}


.multiplenox .multi-fieldx button.remove-fieldx {
    background: #b1594b;
    position: absolute;
    right: 44px;
    top: 0;
    color: #fff;
    height: 38px;
    width: 38px;
    border-radius: 3px;
    border: none;
    font-size: 24px;
}

.multiplenox .multi-fieldx {
    padding-right: 90px;
    position: relative;
    margin-bottom: 10px;
}

.multiplenox .multi-fieldx button.add-fieldx {
    background: #043212;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    height: 38px;
    width: 38px;
    border-radius: 3px;
    font-size: 18px;
}

.multiplenox .multi-fieldx p.whatsapp_availx input {
    position: relative;
    top: 4px;
    width: 16px;
    height: 16px;
}

.multiplenox .multi-fieldx p.whatsapp_availx {
    margin-bottom: 5px;
    text-align: right;
}

.multiplenoxt .multi-fieldxt button.remove-fieldxt {
    background: #b1594b;
    position: absolute;
    right: 44px;
    top: 0;
    color: #fff;
    height: 38px;
    width: 38px;
    border-radius: 3px;
    border: none;
    font-size: 24px;
    text-align: center;
    padding: 0;
}

.multiplenoxt .multi-fieldxt {
    padding-right: 90px;
    position: relative;
    margin-bottom: 10px;
}

.multiplenoxt .multi-fieldxt button.add-fieldxt {
    background: #043212;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    height: 38px;
    width: 38px;
    border-radius: 3px;
    font-size: 18px;
    text-align: center;
    padding: 0;
}

.multiplenoxt .multi-fieldxt p.whatsapp_availxt input {
    position: relative;
    top: 4px;
    width: 16px;
    height: 16px;
}

.multiplenoxt .multi-fieldxt p.whatsapp_availxt {
    margin-bottom: 5px;
    text-align: right;
}






/***************** cart ******************/
.shopping_bag h4.mn {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 20px;
}

.shopping_bag h4.mn a {
    color: #002C0A;
    font-weight: 600;
}

.shopping_bag {
    margin: 50px 0;
}

.shopping_bag .number span {
    cursor: pointer;
}

.shopping_bag .test {
    padding: 0px;
    margin-bottom: 20px;
}

.shopping_bag .test h3 {
    font-size: 30px;
    padding: 15px;
    border-bottom: 1px solid #edeff1;
}

.shopping_bag h5 {
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
}

.shopping_bagin .cartin {
    border: 2px solid #edeff1;
    padding: 30px;
    border-radius: 5px;
}

.shopping_bag .test p {
    padding: 0 20px;
}

.shopping_bagin .cartin h4 {
    font-size: 16px;
    font-weight: 600;
    color: #002C0A;
}

.shopping_bagin .cartin h6 {
    font-size: 14px;
    color: #565656;
}

.shopping_bagin .cartin ul li {
    float: left;
    list-style: none;
    margin-right: 20px;
    position: relative;
    font-size: 14px;
}

.shopping_bagin h3 {
    font-size: 24px;
    font-weight: 600;
    display: flow-root;
    margin-bottom: 15px;
}

.shopping_bag .number .minus {
    border-right: 1px solid #ccc;
}

.shopping_bagin .cartin p {
    text-align: right;
    font-size: 14px;
}

.shopping_bag .number .plus {
    border-left: 1px solid #ccc;
}

.shopping_bagin h3 a.addbtn {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #fff;
    float: right;
    font-size: 14px;
    padding: 10px 24px;
    border-radius: 4px;
    font-weight: 500;
    text-decoration: none;
}

.shopping_bagin .cartin ul.removediv li+li::after {
    background: #cac9c9;
    content: "";
    height: 16px;
    width: 1px;
    position: absolute;
    left: -8px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.shopping_bagin .cartin ul li a.remove {
    color: #f82f2f;
    font-weight: 600;
}

.shopping_bagin .cartin ul li a.save {
    color: #002C0A;
    font-weight: 600;
}

.shopping_bagin .cartin ul {
    padding: 0;
    display: flex;
    margin-top: 15px;
    margin-bottom: 0;
}

.shopping_bagin .cartin .number {
    width: 120px;
    display: inline-block;
    margin-left: 10px;
}

.shopping_bagin .stmain {
    margin-bottom: 20px;
    padding-top: 20px;
}

.stmain+.stmain {
    border-top: 1px solid #e3e3e3;
}

.shopping_bagin {

    padding-right: 380px;
    position: relative;
    min-height: 500px;

}

.shopping_side {
    position: absolute;
    width: 360px;
    right: 0;
    top: 0;
    border: 2px solid #edeff1;
    border-radius: 5px;
}

.shopping_bag .test .contine_btn {
    font-size: 15px;
    color: #222;
    margin-top: 10px;
    text-decoration: underline;
    font-weight: 500;
    display: inline-block;
}

.shopping_bagin .cartin .img {
    width: 130px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
    border-radius: 8px;
    height: 140px;
}

.shopping_bagin .cartin .img img {
    width: 100%;
}

.shopping_bag h2 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: right;
    margin-bottom: 8px;
    font-weight: bold;
    color: #000;
}

.shopping_bag h2 i {
    font-size: 16px;
}

.shopping_bag h2 span {
    font-size: 16px;
    font-weight: 600;
    color: #002C0A;
    margin-left: 15px;
    text-decoration: line-through;
}

.shopping_bag h2 span i {
    font-size: 18px;
}

.section_alberto_right .number {
    margin: 15px 0 40px;
}

.shopping_bag .number .minus,
.shopping_bag .number .plus {
    width: 38px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
    font-size: 21px;
    height: 38px;
    padding: 3px;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.shopping_bag .number input {
    width: 34px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    border: none;
    margin: 0 0;
}

.shopping_bag .test h3 {
    font-size: 24px;
    padding: 15px;
    border-bottom: 1px solid #edeff1;
    font-weight: 600;
}

.shopping_bag .btn {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 16px;
    padding: 10px;
    font-weight: 600;
    border-radius: 6px;
}

.shopping_bag .test ul {
    padding: 0;

}

.shopping_bag .test ul li {
    font-size: 15px;
    padding: 8px 20px;
    margin-bottom: 0;
    font-weight: 500;
    list-style: none;
}

.shopping_bag .test ul li span {
    float: right;
}

.shopping_bag .test2 ul {
    padding: 0;

}

.shopping_bag .test2 ul li {
    font-size: 18px;
    font-weight: 500;
    padding: 15px 20px;
    margin-bottom: 0;
    font-weight: 500;
    list-style: none;
}

.shopping_bag .test2 ul li span {
    float: right;
    color: #a6b0b9;
}

.shopping_bag .test h5,
.shopping_bag .test2 h5 {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
}

.shopping_bag .test h4 span i {
    font-size: 15px;
}

.shopping_bag .test h5 span {
    float: right;
}

.shopping_bag .test2 h5 span {
    float: right;
    color: #a0cb49;
}

.section_fiveleft img {
    width: 100%;
}

.shopping_bag .test .continue {
    padding: 0 20px;
    margin-top: 20px;
}

.shopping_bag .test2 h3 {
    font-size: 24px;
    padding: 15px;
    border-bottom: 1px solid #edeff1;
    border-top: 1px solid #edeff1;
    color: #a0cb49;
}

.shopping_bagin .cartin2 {
    border: 2px solid #edeff1;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
}

.shopping_bagin .cartin2 h3 {
    font-size: 30px;
    margin-bottom: 50px;
}

.shopping_bagin .cartin2 input {
    width: 100%;
    border: 1px solid #ebebeb;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.shopping_bagin .cartin2 .checkbox input {
    width: auto !important;
}

.shopping_bagin .cartin2 input::placeholder {
    color: #a6b0b9;
    font-weight: 500;
    opacity: 1;
}

.shopping_bagin .cartin2 .checkbox img {
    float: right;
}

.shopping_bagin .cartin2 .nams {
    margin: 12px 0 40px;
    padding: 0;
    display: flex;
}

.shopping_bagin .cartin2 .nams li {
    list-style: none;
    width: 31%;
    float: left;
    background: #f8f8f8;
    padding: 6px;
    border: 1px solid #dbdbdb;
    margin: 0 1.15%;
    font-size: 15px;
    position: relative;
}

.shopping_bagin .cartin2 h6 {
    font-size: 18px;
    font-weight: 500;
}

.shopping_bagin .cartin2 h6 span {
    font-size: 16px;
    font-weight: 500;
    color: #a6b0b9;
    margin-left: 15px
}

.shopping_bagin .cartin2 h6 i {
    margin-left: 15px;
    color: #a0cb49;
}

.shopping_bagin .cartin2 .nams li i {
    position: absolute;
    right: -1px;
    background: #fff;
    padding: 9px 15px;
    top: -1px;
    color: #a0cb49;
    font-size: 20px;
}

.shopping_bagin .cartin2 .checkbox1 {
    margin: 15px 0;
    font-weight: 500
}

.shopping_bagin .cartin2 .checkbox1 a {
    color: #1c6ff9;
}

.shopping_bagin nav a.page-link {
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    font-weight: 600;
}

.shopping_bagin nav a.page-link.bt {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #fff !important;
    line-height: 33px !important;
    font-size: 26px;
}

.section_collagepage .collageimage {
    background-image: url(../images/collagebanner.jpg);
    height: 900px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    border-bottom: 1px solid #ccc;
    position: relative;
    overflow: hidden;
}


/*************** jobs *******************/
section.jobs {
    /*background: #fff;*/
    margin: -24px 0;
    padding: 60px 0 80px;
}

.jobs .sethed {
    padding: 20px 25px;
    background: #bfd8d2;
}

.jobs .set {
    border: none;
    padding: 20px 25px;
    border-bottom: 1px solid #bfd8d2;
    background: #fbfbfb;
}

.jobs .sethed h6 {
    font-weight: 600;
    margin-bottom: 0;
    color: #000;
}

.jobs .set h4 {
    font-size: 18px;
    color: #002a01;
    font-weight: 600;
}

.jobs .set h6 {
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0;
}

.jobs form button.btn1 {
    background: #bfd8d2;
    color: #03300f;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    border: navajowhite;
    border-radius: 4px;
    font-size: 18px;
}

.jobs .set h4 svg {
    background: #bfd8d2;
    width: 14px;
    height: 14px;
    text-align: center;
    padding: 6px 6px;
    font-size: 18px !important;
    color: #1c1c1c;
    border-radius: 50%;
    position: absolute;
    margin-top: 0px;
    margin-left: 13px;
    transform: rotate(90deg);
}

.jobs .set h6 span {
    font-weight: 600;
    color: #383838;
}

.jobs .set h4.collapsed svg {
    transform: rotate(0deg);
}

.jobs form .contform {
    padding-right: 54px;
    position: relative;
}

.jobs h2 {
    font-size: 30px;
    font-weight: 600;
    color: #002c0a;
}

.jobs form button.btn.adbtn {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    width: 100%;
    color: #fff;
    text-align: left;
    height: 44px;
    border-radius: 4px;
}

.jobs form input.form-control {
    height: 44px;
    font-size: 14px;
}

.jobs form input.form-control::placeholder {
    color: #ccc;
}

.jobs form button.btn.adbtn svg {
    float: right;
    margin-top: 3px;
}

.jobs .accordion-body {
    padding: 15px 0;
}

.jobs .set .accordion-body h6 {
    font-size: 15px;
    font-weight: 600;
    color: #080808;
    margin-bottom: 5px;
}

.jobs .set .accordion-body ul li {
    color: #626262;
    margin-bottom: 6px;
}

.jobs .set .accordion-body h5 {
    color: #a3a3a3;
    font-size: 17px;
    font-weight: 600;
}

.jobs .set .accordion-body .redbtn {
    padding: 10px 25px;
    background: #bfd8d2;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    margin-right: 10px;
    border-radius: 4px;
    width: 150px;
    display: inline-block;
    text-align: center;
}

.single_jobs .set {
    padding: 0;
    background: transparent;
    border: none;
}

.jobs.single_jobs .set h5 {
    color: #012d0c;
    font-size: 20px;
    font-weight: 600;
}

.single_jobs .bradno a {
    color: #174e38;
}

.single_jobs .bradno {
    font-size: 15px;
    font-weight: 600;
}

.job_set {
    padding: 10px 25px;
    border: 1px solid #bfd8d2;
    background: #fbfbfb;
    margin-bottom: 20px;
}

.our_service.blogctg .item .imgg11 {
    min-height: 145px !important;
}

.job_set p span {
    font-weight: 600;
    width: 201px;
    display: inline-block;
}

.job_set p {
    margin: 10px 0;
}

.single_jobs .intebtn {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    display: block;
    text-decoration: none;
    padding: 12px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 4px;
}

.single_jobs .side_single {
    position: sticky;
    top: 50px;
}

.single_jobs .footer1 li img {
    height: 38px;
}

.single_jobs .footer1 li {
    list-style-type: none;
    margin: 0 7px;
    display: inline-block;
}

.single_jobs .footer1 {
    margin: 30px 0 0;
    padding: 0;
    text-align: center;
}

.header ul.icons li.dropdown a {
    padding: 0;
    margin-top: 4px;
    margin-left: 20px;
}

.header ul.icons li.dropdown img {
    width: 40px;
    height: 40px !important;
    border-radius: 50%;
}

.header ul.icons li.dropdown ul.dropdown-menu a:hover {
    background: white;
    color: #2563eb !important;
}

.header ul.icons li.dropdown ul.dropdown-menu a {
    color: #fff;
    font-size: 14px;
    text-align: left;
    padding: 8px 15px;
    width: 100%;
    margin: 0;
    font-weight: 500;
}

.header ul.icons li.dropdown ul.dropdown-menu li {
    width: 100%;
    padding: .0;
}




.header ul.icons li.dropdown ul.userdropdown {
    background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%);
    border-radius: 3px;
    padding: 0;
    border: navajowhite;
    margin-top: 36px !important;
    width: 150px;
    transform: inherit !important;
    inset: inherit !important;
    top: 8px !important;
    right: -19px !important;
}

.header ul.icons li.dropdown ul.dropdown-menu li+li a {
    border-top: 1px solid #ffffff38;
}



.header ul.icons li.dropdown ul.dropdown-menu a {
  color: #333 !important;
  padding: 15px 16px;
  text-decoration: none;
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  transition: background 0.2s ease;
  background-color: #fff;
}

.header ul.icons li.dropdown ul.userdropdown {
  position: absolute;
  background-color: #fff;
  min-width: 178px;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  z-index: 1;
  margin-top: ;
  overflow: hidden;
}

/*
.toast-top-right {
    top: 12px;
    right: 0;
    left: 0;
    margin: auto;
    display: inline-table;
}

.toast-message {
    background-image: url(https://amalsocial.com/assets/frontend/amal_logo.png) !important;
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: center right;
    padding: 20px 0;
    padding-right: 90px;
}

.toast-top-right {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
 */
/********************* view_tab *************************/
.view_tab .modal-header {
    padding: 20px 30px;
}

.view_tab .modal-body,
.view_tab .modal-footer {
    padding: 15px 30px;
}

.view_tab .modal-header h5 {
    color: #0a3417;
    font-size: 24px;
    font-weight: 600;
}

.view_tab .modal-footer button.btn {
    border-radius: 4px;
    font-size: 14px;
    width: 150px;
}

.view_tab .modal-header button.btn-close {
    background-color: transparent;
}

.view_tab .modal-body tbody table tr:last-child td,
.view_tab .modal-body tbody table tr:last-child th {
    border-bottom: none !important;
}

#profile table tr td span {
    padding: 0 10px;
    min-width: 100px;
}

/* #profile table {
    min-width: 1900px;
} */

.view_tab .subtotal h6+h6 {
    border-top: 1px solid #ccc;
}

.view_tab .subtotal h6 {
    padding: 5px 0;
    margin: 0;
    font-size: 13px;
    font-weight: 400;
}

.view_tab .subtotal h6 b {
    width: 50%;
    display: inline-block;
}

.view_tab .subtotal {
    margin-top: -10px;
    margin-bottom: -10px;
}

.view_tab .modal-header h5 span {
    width: 45px;
    overflow: hidden;
    height: 45px;
    min-width: 45px !important;
    padding: 0 !important;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    line-height: 0;
}

#profile table tr td span img {
    height: 100%;
}



/************ Freelancers.club **************/
section.Freelancers.club .freelancers_carousel {
    text-align: center;
}

section.Freelancers.club img {
    height: 70px;
    width: auto !important;
    margin: 0 auto 10px;
}

/**************** blog ***************/

section.section_city .row {
    align-items: center;
    margin-bottom: 15px;
}
.blog_mainpage.blog_mainpage2 .blog2 a {
    color: #002C0A;
    text-decoration: none;
    /* position: absolute; */
    right: 14px;
    top: 14px;
}

.blog_mainpage.blog_mainpage2 .blog2 .imgg img {
    min-height: 100%;
    object-fit: cover;
}

.blog_mainpage.blog_mainpage2 .blog2 .imgg {
    height: 270px;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}

.blog_mainpage.blog_mainpage2 .blog2 h4 {
    margin-bottom: 10px;
}


.blog_mainpage.blog_mainpage2 .blog2 h6 {
    margin-bottom: 3px;
    margin-top: 15px;
    font-size: 18px;
    height: 28px;
    font-weight: 600;
}
header.header ul.navbar-nav li:nth-child(2) {
    margin-left: 40px;
}
.blog_mainpage.blog_mainpage2 .blog2 h6 .first-text {
    white-space: nowrap;
    width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.blog {
    margin-bottom: 40px;
}

.blog .item {
    padding: 0;
    width: 100%;
}



.preloved1 .item p span {
    margin-left: 8px;
    color: #888;
}

.preloved1 .item p {
    font-weight: 400;
    margin: 0;
    line-height: 24px;
    font-size: 14px;
}

.preloved1 .Gardeners2 ul li span {
    display: block;
    color: #000;
    font-size: 14px;
    height: 14px;
    overflow: hidden;
    padding: 0 0;
}

/*.preloved1 .Gardeners2 ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    margin-top: 10px;
}*/
/*.preloved1 .Gardeners2 ul {
    margin-bottom: 0;
    padding: 4px 0;
    list-style: none;
    margin-top: 10px;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 5px;
    display: inline-block;
}*/
.preloved1 .Gardeners2 ul {
    margin-bottom: 0;
    padding: 4px 0;
    list-style: none;
    margin-top: 10px;
    border: 1px solid #0000004a;
    border-radius: 5px;
    display: inline-block;
    background: rgb(0 0 0 / 10%);
}

.Freelancers.preloved1 .item p .bi-star-fill {
    margin-right: 4px;
    font-size: 18px;
}

.Freelancers.preloved1 .item .imgmain {
    min-height: 102px;
}

.preloved1 .item p.ads {
    min-height: 33px;
    line-height: 15px;
}

.preloved1 .Gardeners2 ul li {
    font-size: 11px;
    font-weight: 500;
    color: #626262;
    width: 50%;
    margin: 0;
    padding: 4px 12px;
    float: left;
    line-height: 14px;
}

/*.preloved1 .Gardeners2 ul li {
    font-size: 11px;
    font-weight: 500;
    color: #626262;
    width: 31.33%;
    margin: 0 .4% 6px;
    padding: 6px 0px;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 5px;
    display: inline-block;
    position: relative;
}*/
.Freelancers.preloved1 .item h6 {
    font-size: 16px;
    max-height: 60px;
    overflow: hidden;
    margin-bottom: 0;
}

.preloved1 a {
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 3px 8px 3px 3px;
    color: #002c0a;
    margin-bottom: 8px !important;
    margin-left: 0;
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: 17px;
    background: #fff;
    text-decoration: none;
}

.preloved1 .item {
    background: white;
}

/*.preloved1 .Gardeners2 ul li:hover span {
    position: relative;
    bottom: inherit;
    color: #fff;
}
*/
section.Freelancers.preloved1 {
    background: #e8def857;
    padding-bottom: 40px;
    padding-top: 10px;
    margin-top: 50px;
}

section.app.app2 {
    background: #FB934A;
    padding: 4px 0 0;
}

section.app.app2:after {
    background-image: url(https://amalsocial.com/assets/frontend/images/Vectorbg3_goldan.png);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    opacity: .7;
}

section.app.app2 .apicon {
    color: black;
    text-decoration: none;
    display: inline-block;
    width: 180px;
    line-height: 41px;
    height: 46px;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    margin-right: 15px;
    font-size: 16px;
    background: white;
}

section.app.app2 img.frntlog {
    height: 490px;
    margin: auto;
}

section.app.app2 .st1 {
    text-align: center;
}


section.app.app2 .apicon img {
    width: 19px;
    margin-right: 5px;
}




/******************* carpooling_div *****************/
.carpooling_div {
    margin-bottom: 60px;
}

/*.carpooling_div .Freelancers .lancers1 ul li {
    padding: 7px 7px;
}*/
.Freelancers.club a {
    text-decoration: none;
    color: #212529;
}

.app2 .ball {
    position: absolute;
    top: 0;
    right: 0;
}


.section_carpooling .mainright .date p {
    color: #A1A1A1;
}

.car-form-check-input:checked {
    background-color: #FFBA49;
    border-color: #FFBA49;
}

.carpooling_div h3 {
    margin-top: 30px;
    font-size: 20px;
    color: #000c;
    margin-bottom: 15px;
    font-weight: 600;
}

.carpooling_div h3 .btn {
    float: right;
}

.carpooling_div ul li.nav-item button.active {
    color: #fff !important;
    background: #FFBA49;
    border-radius: 10px
}
.carpooling_div.carpooling_button-active .col-12 {
    padding: 0;
}

.carpooling_div.carpooling_button-active .col-12 .container {
    padding: 0;
}
.carpooling_div ul li.nav-item button {
    padding: 12px 40px;
    color: #ffffff;
    font-size: 19px;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    background: #e67a9b;
}

.carpooling_div ul {
    margin-bottom: 7px;
    padding-bottom: 1px;
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
    border-bottom: none;
}

.carpooling_div .carpooling_div ul {
    margin-bottom: 7px;
    padding-bottom: 1px;
}

.jobs {
    margin-top: 35px;
}

.carpooling_div .jobs .ust {
    padding-left: 75px;
    position: relative;
    min-height: 56px;
}

.carpooling_div .jobs .ust h6 {
    margin-bottom: 5px;
}

.carpooling_div .jobs .ust span.img {
    width: 55px;
    height: 55px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
}

.carpooling_div .jobs ul li {
    font-size: 17px;
    margin-right: 10px;
    border: 1px solid #FFFFFF;
    padding: 1px 7px;
    box-shadow: 1px 1px 0px rgb(0 0 0 / 16%), inset 1px 1px 0px rgb(0 0 0 / 16%);
    border-radius: 4px;
    list-style: none;
    float: left;
    position: relative;
}

.carpooling_div .jobs ul {
    padding: 0;
}

.carpooling_div .jobs ul li span {
    display: none;
}

.carpooling_div .jobs ul li:hover span {
    display: block;
}

.carpooling_div .jobs ul li:hover {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: white;
}

.carpooling_div .jobs ul li:hover span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 13px;
    margin: auto;
    bottom: -22px;
    color: #002a01;
}



.Freelancers.club .item {
    background: #c094a4;
    box-shadow: none
}

section.app.app2 a.cod {
    color: #fff;
    text-decoration: none;
}

section.app.app2 {
    position: relative;

}

section.app.app2 a.cod {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    position: absolute;
    right: 12px;
    top: 30px;
}


section.app.app2 a.cod img {
    width: 100px;
}

section.app.app2 span.code {
    position: absolute;
    right: 20px;
    top: 20px;
}

.post-ride-checkbox .contact.sociohide {
    display: none;
}

/********** suggestions *************/
.suggestions button.btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
}

.suggestions .modal-body {
    padding: 25px;
}



.suggestions h3 {
    margin-bottom: 15px;
}

.suggestions .form-control {
    margin-bottom: 15px;
    padding: 10px 15px;
    font-size: 14px;
    box-shadow: unset;
}

.suggestions .btn {
    margin-top: 0px;
}

a.sugbtn {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%) !important; */
    margin-right: 10px;
    margin-left: 0;
    height: 34px;
    padding: 0px 30px;
    display: -webkit-inline-box;
    line-height: 34px;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 500;
    color: #2563EB !important;
    background: #fff;
}

a.sugbtn svg {
    font-size: 20px;
}

.blog-section .item-free {
    border: 0px solid #d9d9d9;
    border-radius: 12px;
}

.app .appin {
    border: 1px solid #ebebeb;
    padding: 20px;
    border-radius: 15px;
    height: 100%;
}

.app .appin h3 {
    font-size: 26px;
    padding-top: 5px;
    color: #002c0a;
}

.Freelancers .item {
    box-shadow: 0px 4px 4px 0px #0000001A;
    padding: 0px 0px !important;
}

.Freelancers ul#myTab {
    border: navajowhite;
    position: absolute;
    right: 210px;
    top: 11px;
}

.Freelancers ul#myTab li.nav-item button {
    font-size: 26px;
    padding: 0px 9px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 48px;
    height: 39px;
}

.Freelancers ul#myTab li.nav-item {
    margin-left: 10px;
}

.carpooling_div .Freelancers {
    position: relative;
    /*    margin-bottom: 95px;*/
}

.Freelancers ul#myTab li.nav-item button.active {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #fff !important;
    border: 1px solid #002c0a;
}

.carpooling_div .Freelancers div#gd2 .item .imgmain .img {
    width: 200px;
    height: 138px;
    border-radius: 8px;
}

.carpooling_div .Freelancers div#gd2 .item .imgmain {
    padding-left: 220px;
    padding-top: 0;
}

.carpooling_div .Freelancers div#gd2 .lancers1 a.btn {
    width: 120px;
    float: left;
}

.carpooling_div .Freelancers div#gd2 .Freelancers .item {
    margin: 0px 0px 12px;
}

.carpooling_div .Freelancers div#gd2 .item .imgmain .fuell {
    top: 0;
    border-radius: 5px;
    right: 0;
}

.blogctg .owl-nav.disabled {
    display: block;
}



.Freelancers.topRated .item .imgmain {
    min-height: 95px;
    padding-top: 0;
}

.bargain_detail {
    margin-top: 20px !important;
}

.filtercitydata div .city1, .section_city #contact .row div .staycations, .section_city #event .row div .staycations, .Sight_main .stp {
    height: 100%;
    background: #ffffff;
    padding-bottom: 8px;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px #0000001A;
    overflow: hidden;
}

.section_city #contact .row div .staycations .txt,
.section_city #event .row div .staycations .txt {
    padding: 0 15px;
}

section.our_service.blogctg .owl-item.active:nth-child(2) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(9) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(15) .item .imgg11,
.filtered div:nth-child(2) .item,
.filtered div:nth-child(9) .item,
.owl-item.active:nth-child(2) .item,
.owl-item.active:nth-child(9) .item,
.filtercitydata div:nth-child(2) .city1,
.section_city #contact .row div:nth-child(2) .staycations,
.section_city #event .row div:nth-child(2) .staycations,
.Sight_main .row div:nth-child(2) .stp {
    /* background: #7d7ae6ad !important; */
}

section.our_service.blogctg .owl-item.active:nth-child(3) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(10) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(16) .item .imgg11,
.filtered div:nth-child(3) .item,
.filtered div:nth-child(10) .item,
.owl-item.active:nth-child(3) .item,
.owl-item.active:nth-child(10) .item,
.filtercitydata div:nth-child(3) .city1,
.section_city #contact .row div:nth-child(3) .staycations,
.section_city #event .row div:nth-child(3) .staycations,
.Sight_main .row div:nth-child(3) .stp {
    /* background: #C4FFE1 !important; */
}

section.our_service.blogctg .owl-item.active:nth-child(4) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(11) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(17) .item .imgg11,
.filtered div:nth-child(4) .item,
.filtered div:nth-child(11) .item,
.owl-item.active:nth-child(4) .item,
.owl-item.active:nth-child(11) .item,
.filtercitydata div:nth-child(4) .city1,
.section_city #contact .row div:nth-child(4) .staycations,
.section_city #event .row div:nth-child(4) .staycations,
.Sight_main .row div:nth-child(4) .stp {
    /* background: #FFE368 !important; */
}

section.our_service.blogctg .owl-item.active:nth-child(5) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(13) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(18) .item .imgg11,
.filtered div:nth-child(5) .item,
.filtered div:nth-child(12) .item,
.owl-item.active:nth-child(5) .item,
.owl-item.active:nth-child(12) .item,
.filtercitydata div:nth-child(5) .city1,
.section_city #contact .row div:nth-child(5) .staycations,
.section_city #event .row div:nth-child(5) .staycations,
.Sight_main .row div:nth-child(5) .stp {
    /* background: #7AD0E6 !important; */
}

section.our_service.blogctg .owl-item.active:nth-child(6) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(12) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(19) .item .imgg11,
.filtered div:nth-child(6) .item,
.filtered div:nth-child(13) .item,
.owl-item.active:nth-child(6) .item,
.owl-item.active:nth-child(13) .item,
.filtercitydata div:nth-child(6) .city1,
.section_city #contact .row div:nth-child(6) .staycations,
.section_city #event .row div:nth-child(6) .staycations,
.Sight_main .row div:nth-child(6) .stp {
    /* background: #E6AC7A !important; */
}

section.our_service.blogctg .owl-item.active:nth-child(7) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(13) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(20) .item .imgg11,
.filtered div:nth-child(7) .item,
.filtered div:nth-child(14) .item,
.owl-item.active:nth-child(7) .item,
.owl-item.active:nth-child(14) .item,
.filtercitydata div:nth-child(7) .city1,
.section_city #contact .row div:nth-child(7) .staycations,
.section_city #event .row div:nth-child(7) .staycations,
.Sight_main .row div:nth-child(7) .stp {
    /* background: #E67A9B !important; */
}

section.our_service.blogctg .owl-item.active:nth-child(8) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(14) .item .imgg11,
section.our_service.blogctg .owl-item.active:nth-child(21) .item .imgg11,
.filtered div:nth-child(8) .item,
.filtered div:nth-child(15) .item,
.owl-item.active:nth-child(8) .item,
.owl-item.active:nth-child(15) .item,
.filtercitydata div:nth-child(8) .city1,
.section_city #contact .row div:nth-child(8) .staycations,
.section_city #event .row div:nth-child(8) .staycations,
.Sight_main .row div:nth-child(8) .stp {
    /* background: #E8DEF8 !important; */
}



section.app.app2 .row {
    z-index: 9999;
    position: relative;
}

.carpooling_div nav {
    text-align: center;
}

.carpooling_div nav .flex.justify-between.flex-1 span,
.flex.justify-between.flex-1 a {
    display: inline-block;
    width: 122px;
    border-radius: 4px;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #fff;
    text-decoration: none;
    margin-bottom: 12px;
}

.carpooling_div nav span.relative.z-0.inline-flex.shadow-sm.rounded-md span span,
.carpooling_div nav span.relative.z-0.inline-flex.shadow-sm.rounded-md a {
    color: #002c0a;
    border: 1px solid #002c0a !important;
    margin: 0 2px;
    border-radius: 5px;
    text-decoration: none;
    width: 38px !important;
    padding: 8px 0 !important;
    display: table-caption;
    height: 38px;
    line-height: 17px;
    float: none;
}

.carpooling_div nav span.relative.z-0.inline-flex.shadow-sm.rounded-md {
    box-shadow: none !important;
    width: 168px;
    display: inline-flex;
    margin: auto;
}

.Nannies .Nannies2 {
    margin-top: 10px;
}


/* .................... 11-11-2022 ........................... */
.banner.stor_img {
    height: 352px !important;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%;
}

.banner.stor_img .stp h6 {
    margin-bottom: 0;
    padding-top: 0;
}

.banner.stor_img .stp h6 a {
    color: #002C0A;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    padding: 7px 4px;
    margin: 0
}

.banner.stor_img .stp .st {
    padding: 0px 20px 10px;
    border-radius: 6px;
    position: relative;
    max-width: 100%;
    margin: 16px auto 0;
    background: transparent !important;
}

.banner.stor_img .stp .st h5 span {
    background: #fff;
    z-index: 9;
    position: relative;
    padding: 0 13px;
    font-weight: bold;
}

.banner.stor_img .stp .st h5:after {
    background: #002c0a;
    height: 1px;
    width: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
}

.banner.stor_img .stp .st p {
    padding-top: 0;
}

.banner.stor_img .stp .st {
    background: #FF8970 0% 0% no-repeat padding-box;
    padding: 0px 20px 10px;
    border-radius: 6px;
    position: relative;
    max-width: 100%;
    margin: 16px auto 0;
}



.banner.stor_img .stp {
    background: #ff8970 0% 0% no-repeat padding-box;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    margin-top: 362px;
    position: relative;
    width: 950px;
    height: 245px;
}

/*.banner.stor_img .stp {
    background: #ffffffbd;
    width: 650px;
    padding: 15px 30px;
    border-radius: 10px 10px 0 0;
    position: absolute;
    z-index: 9;
    text-align: center;
    right: 0;
    left: 00;
    bottom: 0;
    height: 285px;

}*/
.banner.stor_img:after {
    /*  background: #0000008c;*/
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
}

section.banner.clubcarousal {
    padding: 0;
    margin-bottom: 0px !important;
}

/*section.banner.clubcarousal .carousel-item {
    height: 350px;
    overflow: hidden;
}*/
section.our_service.blogctg {
    margin-bottom: 30px;
    margin-top: 0;
}

.model_service .modal-body span {
    width: 100% !important;
    height: 42px;
    font-size: 14px;
    line-height: 29px;
    padding: 0 0;
    border-radius: 4px !important;
}

.model_service .modal-body {
    height: 140px;
    padding-top: 40px;
}

span.select2-container.select2-container--default.select2-container--open {
    z-index: 9999;
}

.model_service .modal-body span textarea.select2-search__field {
    padding: 0 10px;
    height: 22px;
}

.model_service button.btn.btn-primary {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    height: 41px;
    padding: 0 26px;
    border: navajowhite;
    border-radius: 4px;
    float: left !important;
}

/*.model_service .modal-footer {
    display: block;
}*/
span.select2-dropdown.select2-dropdown--below {
    margin-top: 5px;
    font-size: 14px;
}

.select2-container--default .select2-results>.select2-results__options {
    border-top: 1px solid #aaa;
}







.my_booking .real_catagories .item .checkcontainer {
    position: relative;
    cursor: pointer;
    float: left;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-right: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.my_booking .real_catagories .item.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.my_booking .real_catagories .item .radiobtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 2px solid #fff;
}

.my_booking .real_catagories .item .checkcontainer input {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    opacity: 0;
    z-index: 999;
}

.my_booking .real_catagories .item input:checked~.radiobtn {
    background-color: #2563eb;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 5px;
}

.my_booking .real_catagories .item .checkcontainer input:checked~.radiobtn:after {
    display: block;

}



.city_add_report .form-group button {
    position: absolute;
    width: 45px;
    right: 0;
    bottom: 3px !important;
    height: 41px;
}

.city_add_report .form-group {
    padding-right: 55px;
    position: relative;
}



.my_booking .breadcrums .btn.addnew {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #fff;
    min-width: 128px;
    float: right;
    margin-top: -12px;
    border-radius: 4px;
    padding: 7px;
}



.store_singledetail .sales ins span {
    background: #ff0000a8;
    font-size: 12px;
    padding: 1px 10px;
    border-radius: 3px;
    float: right;
    color: #fff;
}

.store_singledetail .sales ins span img {
    height: 16px;
    margin-right: 2px;
}

.store_singledetail .modal-body.sales1 ins span img {
    height: 28px;
    margin-right: 8px;
}

.store_singledetail .modal-body.sales1 ins span {
    background: #ff0000a8;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 3px;
    float: right;
    color: #fff;
    line-height: 17px;
}

.store_singledetail .modal_dialog_popup ins span {
	background: #ff0000a8 !important;
    font-size: 11px !important;
    padding: 3px 8px !important;
    border-radius: 3px !important;
    float: right !important;
    color: #fff !important;
    line-height: 12px !important;
    display: flex !important;
    align-items: center !important;
    width: 40% !important;
    margin-top: -8px !important;
    gap: 6px;
    height: 37px !important;
}


.piece_to_cart #variant-select-0 {
	font-size: 13px;
}

.store_singledetail .modal_dialog_popup .modal_popup_img {
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  overflow: hidden;
}

.store_singledetail .modal_dialog_popup .modal_popup_img .w-100 {
  margin-bottom: 5px;
}

.store_singledetail .modal_dialog_popup ins span img {
	font-size: 11px !important;
    color: #fff !important;
    line-height: 12px !important;
}

.store_singledetail .modal_dialog_popup .price-off {
	margin-top: 10px;
}
.store_singledetail .modal_dialog_popup ins {
	color: #002C0A !important;
	text-decoration: none !important;
	margin: 0px 6px !important;
	font-size: 14px !important;
	font-weight: 900 !important;
}


.store_singledetail .modal-body.sales1 h6 {
    padding-top: 0;
}

.shopping_bag .test ul li.checkcontainer {
    position: relative;
    cursor: pointer;
    margin: 10px 20px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.shopping_bag .test ul li.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    z-index: 99;
}

.store_singledetail .modal-body.sales1 button.btnn {
    background-color: #2563EB !important;
    margin-top: 18px;
}

.store_singledetail .modal-body.sales1 p {
    margin-bottom: 0;
}

.store_singledetail .modal-body.sales1 h5 {
    padding-top: 0;
    text-transform: capitalize;
}

.store_singledetail .sales p.mb-0 b,
.store_singledetail .modal-body.sales1 p.mb-0 b {
    color: #fb8500;
}

.shopping_bag .test ul li.checkcontainer .radiobtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #8a8888;
    border-radius: 4px;
    z-index: -1;
}

.shopping_bag .test ul li.checkcontainer input:checked~.radiobtn {
    background-color: #19ae51;
    border: 1px solid #19ae51;
    color: #fff;
    font-weight: 500;
}

.shopping_bag .test ul li.checkcontainer input:checked~.radiobtn:after {
    display: block;

}



/*.shopping_bag .test ul li.checkcontainer input:checked ~ .radiobtn::after {
    background: white;
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    left: 0;
    text-align: right;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius:50%;
    margin: auto;
}
*/
/* section.about_us ul.nav-tabs li:last-child button {
    background: #7ae6c0;
    border-color: #7ae6c0;
}

section.about_us ul.nav-tabs li:nth-child(3) button {
    background: #4dc9e9;
    border-color: #4dc9e9;
}

section.about_us ul.nav-tabs li:nth-child(2) button {
    background: #e67a9b;
    border-color: #e67a9b;
}

section.about_us ul.nav-tabs li:first-child button {
    background: #b4bdff;
    border-color: #b4bdff;
} */


section.about_us ul.nav-tabs li button {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #ccc;
    border-radius: 10px;
    min-width: 161px;
    padding: 15px 10px;
    background: #2563EB4D;
    border-color: #b4bdff;
    width: 85%;
}

section.about_us ul.nav-tabs li button.active {
    color: #ffffff;
    background: #2563EB;
    border-radius: 10px;
    width: 85%;
    padding: 15px 10px;
}


a.btt.adminlog {
    color: #000;
    padding: 8px 16px;
    font-size: 22px;
    border-radius: 4px;
}

.our_service h3 .view-button {
    top: 8px;
}
section.about_us ul.nav-tabs {
  display: table;
  width: 100%;
  margin: auto;
  margin-bottom: 20px;
  border: none;
  table-layout: fixed; /* Ensures equal width */
}

section.about_us ul.nav-tabs li {
  display: table-cell;
  width: 25%;
  padding: 0; /* Remove default padding */
  text-align: center;
  vertical-align: middle;
}

section.about_us ul.nav-tabs li a {
  display: block;
  padding: 10px 0; /* Adjust vertical spacing only */
  background-color: #b4bfff; /* Just for demo */
  text-decoration: none;
  font-weight: bold;
}
.our_service h3 .view {
    color: #fff;
    width: fit-content;
    margin: 0 auto 0;
    text-decoration: none;
    right: 0;
    position: absolute;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: #FF007E;
    font-size: 13px;
    height: 34px;
    padding: 0px 30px;
    border-radius: 25px;
}


section.about_us .team {
  padding: 15px;
  border-radius: 10px;
  text-align: center;
  box-shadow: -1px 1px 3px 0px #0000001A;
  background:
    linear-gradient(white, white) padding-box,
    linear-gradient(132.26deg, #FFFFFF 36.99%, #FF91C7 52.67%, #2563EB 71.14%) border-box;
  border: 2px solid transparent;
  margin-bottom:20px
}

section.about_us .team h4 {
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    margin-top: 15px;
    text-align: left;
}
section.about_us .team a {
    font-size: 20px;
    color: #9CA3AF;
    line-height: 42px;
    text-decoration: none;
}


.banner.stor_img .stp .st img.qrcode {
    position: absolute;
    right: 0;
    height: 122px !important;
    bottom: 0;
    width: 122px !important;
}

section.about_us .st {
    padding: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
}

ul.pagination li .page-link {
    font-size: 18px;
    width: 43px;
    border-radius: 5px !important;
    text-align: center;
}

ul.pagination li.page-item.active .page-link {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    border: 1px solid #0d6efd;
    color: #fff
}

.carpoolingmainpage ul.foot li:nth-child(3) {
    /* background: #7AE6C0 !important; */
}

.carpoolingmainpage ul.foot li:nth-child(2) {
    /* background: #4dc9e9 !important; */
}

.carpoolingmainpage ul.foot li {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 15px;
    border-radius: 4px;
    list-style: none;
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    color: black;
}

.carpoolingmainpage ul.foot li span {
    width: 28px;
    height: 28px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    top: 6px;
    right: 6px;
    border-radius: 50%;
    color: black;
    font-weight: 600;
    font-size: 14px;
}

.carpoolingmainpage ul.foot li img {
    width: 20px;
    margin-right: 7px;
}

.carpooling_div ul.foot {
    /* width: 245px; */
    /* display: inline-block; */
    padding: 0;
    /* position: absolute; */
    right: 0;
    top: -182px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

.carpoolingmainpage ul.foot li:hover {
    background: transparent;
    color: #212529;
}

/* .................... subscribe-blog ........................... */
.subscribe-blog {
    padding: 70px 0;
    background: #0076FF;
    margin-top: 25px;
    margin-bottom: 25px
}

.subscribe-blog h2 {
    font-size: 37px;
    font-weight: 700;
    letter-spacing: -1.5px;
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.subscribe-blog p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 35px;
}

.subscribe-blog form input.form-control {
    height: 48px;
    border-radius: 10px;
    border: none !important;
}

.subscribe-blog form {
    width: 30%;
    margin: auto;
    position: relative;
    /* box-shadow: 0 0 10px #e9e9e9; */
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.subscribe-blog form input.form-control::placeholder {
    color: #cfcccc;
    font-size: 15px;
}

.subscribe-blog form button.btn {
    /* /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    background-color: #00CC33;
    height: 48px;
    width: 140px;
    border: none;
    color: #fff;
    font-weight: 500;
    /* position: absolute; */
    right: 0;
    top: 0;
    border-radius: 10px;
    font-size: 20px;
    /* text-transform: uppercase; */
    letter-spacing: -1px;
}


.store_singledetail .banner {
    overflow: hidden;
}


.banner.stor_img .stp.stap-left {
    right: inherit;
    border-radius: 0px 0px 0px 10px !important;
}

.banner.stor_img .stp.stap-right {
    right: 0;
    left: inherit;
}


.free-banner {
    background-color: #00AFB9 !important;
}

.banner.stor_img .stp.stap-right h2 {
    padding: 13px 100px 13px 0;
    text-align: right;
}

.banner.stor_img .stp.stap-right h2 span.singlelogo {
    left: inherit;
    right: 0;
    margin-right: 0;
}

.visit .modal-header {
    display: block;
    line-height: 90px;
    vertical-align: middle;
}

.visit .modal-header h5 {
    display: inline-block;
    font-size: 24px;
}

.visit .modal-header span.thislogospan {
    float: right;
    margin-right: 44px;
}

.visit .modal-header button.btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.visit .modal-header span.thislogospan img {
    width: 120px;
}


.header .sl-nav li .dropdown-menu.wishlistclass li a {
    text-align: left;
    padding: 7px 15px;
}

.header .sl-nav li .dropdown-menu.wishlistclass {
    width: 200px !important;
    padding: 0;
    border: none;
}

.header .sl-nav li .dropdown-menu.wishlistclass li+li {
    border-top: 1px solid #fb870038;
}

.header .sl-nav li .dropdown-menu.wishlistclass li {
    width: 100%;
    padding: 0;
    margin: 0 !important;
}

.header .sl-nav li .dropdown-menu.wishlistclass li a img {
    width: 30px !important;
    margin-right: 7px;
    height: 30px;
    border-radius: 50%
}

.dropdown.wishlist span::after {
    position: absolute;
    right: 0;
    top: 9px;
}

.community .img1 span.famedit {
    position: absolute;
    right: 45px;
    background: radial-gradient(50% 50% at 50% 50%, #1B5440 0%, #002C0A 100%);
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    top: 10px;
}


.community .img1 a.famedit {

    position: absolute;
    right: 10px;
    background: #ff8a8a;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    top: 10px;

}

.intercityride span.select2-selection.select2-selection--multiple {
    width: 300px;
}



.et_pb_contact_form_label {
    display: block;
    color: black;
    font-weight: bold;
    letter-spacing: 1.2px;
    font-size: 18px;
    padding-bottom: 5px;
}

input[id="et_pb_contact_brand_file_request_0"] {
    display: none;
}

label[for="et_pb_contact_brand_file_request_0"] {
    background: #fff;
    height: 133px;
    /* background-image: url(https://www.svgrepo.com/show/9488/cloud-upload-signal.svg); */
    background-repeat: no-repeat;
    background-position: top 18px center;
    /* position: absolute; */
    background-size: 7%;
    color: transparent;
    width: 149px;
    transform: translateY(-50%);
    border: 1px dashed #a2a1a7;
    box-sizing: border-box;
    margin-top: 89px;
    border-radius: 10px;
}

label[for="et_pb_contact_brand_file_request_0"]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #202020;
    font-weight: 400;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.pre-form input {
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    padding: 10px;
}

.pre-button .pre-btn1 {
    background: #00CC33 !important;
    color: #fff !important;
}

.modal-login .modal-body {
    margin: auto;
    background: #F7F7F7;
    border-radius: 10px;
    margin-bottom: 33px;
}

.modal-login .modal-body h4 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
}

.modal-login .modal-body h5 {
    color: #00CC33;
    font-size: 13px;
    margin-top: 5px;
}

.modal-login .modal-body button .sign-btn {
    background: #00CC33 !important;
}

.modal-login .modal-body h6 {
    color: black !important;
    font-size: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.modal-login .modal-body h6 span {
    color: #00CC33 !important;
}

.modal-login .modal-body button {
    background: #E7E7E7 !important;
    color: #A1A1A1 !important;
    margin-top: 10px;
}

.modal-login .modal-body input {
    background: #F7F7F7;
}

.modal-login .modal-body img {
    margin: auto;
    width: 50%;
    display: flex;
}

.pre-button .pre-btn2 {
    background: #E7E7E7 !important;
    color: #A1A1A1 !important;
}

.pre-form input::placeholder {
    color: #A1A1A1;
}

.pre-p2 {
    border: 1px solid #E7E7E7;
    padding: 10px;
    border-radius: 10px;
    font-size: 13px;
    margin-top: 7px;
}

label[for="et_pb_contact_brand_file_request_0"]:after {
    display: block;
    /* content: 'Browse'; */
    background: black;
    width: 117px;
    height: 32px;
    line-height: 27px;
    position: absolute;
    bottom: 19px;
    font-size: 14px;
    color: white;
    font-weight: 500;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 10px;
}

label[for="et_pb_contact_brand_request_0"]:after {
    content: " (Provide link or Upload files if you already have guidelines)";
    font-size: 12px;
    letter-spacing: -0.31px;
    color: #7a7a7a;
    font-weight: normal;
}

label[for="et_pb_contact_design_request_0"]:after {
    content: " (Provide link or Upload design files)";
    font-size: 12px;
    letter-spacing: -0.31px;
    color: #7a7a7a;
    font-weight: normal;
}

label[for="et_pb_contact_brand_file_request_0"].changed,
label[for="et_pb_contact_brand_file_request_0"]:hover {
    background-color: #e3f2fd;
}

label[for="et_pb_contact_brand_file_request_0"] {
    cursor: pointer;
    transition: 400ms ease;
    position: relative;
}

label[for="et_pb_contact_brand_file_request_0"] img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.file_names {
    display: block;
    position: absolute;
    color: black;
    left: 0;
    bottom: -30px;
    font-size: 13px;
    font-weight: 300;
}

.file_names {
    text-align: center;
}

.post-btn .btnn1 {
    border: none;
    color: #fff;
    padding: 10px 38px;
    border-radius: 6px;
    font-size: 16px;
    width: 100%;
    background: #FFBA49;
    height: 60px;
    margin-bottom: 30px;
}





/** chat page--------------- 05-01-2023 **/
.single-project1 .test {
    margin-bottom: 30px;
    width: 100%;
    float: left;
    margin-top: 20px;
}

.single-project1 .innchat {
    padding: 60px 60px 0;
    max-height: 483px;
    overflow-y: auto;
    position: sticky;
    top: 0;
}

.single-project1 #accordion-single {
    background: transparent;
}

.single-project1 ul.tab-inner {
    background: #fff;
    border: none;
    box-shadow: 0 0 6px #e1e1e1;
    margin-bottom: 10px;
}

.single-project1 .test h3 {

    font-size: 18px;
    font-weight: 600;
    margin-bottom: 40px;

}

.single-project1 .test p {
    font-size: 18px;
    line-height: 28px;
}

.single-project1 .test .testin h3 {
    font-size: 36px !important;
    color: #ffa20f;
    margin-bottom: 0;
}

.single-project1 .test-right .mainuser span {
    font-weight: 400;
    font-size: 18px;
    color: #00000069;
}

.single-project1 .test .testin a {
    background: #a6b0b9;
    padding: 6px 18px;
    color: #fff;
    font-weight: 400;
    margin-left: 10px;
    border-radius: 3px;

}

.single-project1 .test .testin {
    margin-top: 30px;
}

.single-project1 .test ul {
    border: none;
}

.single-project1 .test ul li {
    display: block;
    text-align: left;
    padding: 10px;
    margin-bottom: 20px;
    font-weight: 400;
}

.single-project1 .test .btn {
    background: #25ab06;
    color: #fff;
    display: inline-block;
    margin-bottom: 100px;

}

.single-project1 .test ul li svg {
    font-size: 24px;
    margin-right: 11px;
    color: #0083ff;
}

.single-project1 .test ul li span {
    color: #838484;
}

.single-project1 .test-right .mainuser {
    font-weight: 600 !important;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 20px !important;
    font-size: 20px;
    padding: 24px;
    color: #222324;
}

.single-project1 .test-right .mainuser span svg {
    color: #25ab06;
    margin-left: 40px;
}

.single-project1 .test-right .mainuser span {
    font-weight: 400;
    font-size: 15px;
}

.single-project1 .test .mainuser img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
    float: left;
}

.single-project1 .test-right .inleft img {
    width: 40px;
    border-radius: 50%;
    margin-right: 10px;
    float: left;
    height: 40px;
}

.single-project1 .test-right .inleft h4 {
    font-size: 18px;
}

.single-project1 .test-right .inleft p {
    background: #e2e2e2;
    color: #000;
    font-weight: 400;
    padding: 20px;
    margin-top: 25px;
    border-radius: 0 15px 15px 15px;
    box-shadow: 0 0 13px #a0a0a017;
    line-height: 20px;
    margin-bottom: 0;
    font-size: 16px;
}

.single-project1 .test-right .mainuser svg {
    position: absolute;
    margin-left: -25px;
    color: #1dc80b;
    font-size: 13px;
}

.single-project1 .test-right .inleft .chatin {
    width: 65%;
    margin-top: 20px;
}

.single-project1 .test-right .inright .chatin {
    width: 65%;
    float: right;
}

.single-project1 .test-right .inright p {
    background: #08372387;
    color: #fff;
    font-weight: 400;
    padding: 20px;
    border-radius: 15px 15px 0 15px;
    box-shadow: 0 0 13px #a0a0a017;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 25px;
    font-size: 16px;
}

.single-project1 .intype {
    background: #ecf2fc;
    padding: 20px 50px;
    position: relative;
    margin-top: 30px;
}

.single-project1 .intype input {
    background: transparent;
    border: none !important;
    box-shadow: none;
}

.single-project1 .intype input[type="file"] {
    position: absolute;
    left: 20px;
    width: 30px;
    height: 31px;
    background: red;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
}

.single-project1 .intype span {
    position: absolute;
    left: 20px;
    ;
    bottom: 0;
    width: 30px;
    height: 30px;
    margin: auto;
    top: 0;
    font-size: 20px;
}

.single-project1 .intype button {
    position: absolute;
    border: none;
    right: 20px;
    bottom: 0;
    width: 30px;
    height: 30px;
    margin: auto;
    top: 0;
    background: transparent !important;
    color: #000 !important;
    font-size: 20px;
    padding: 0
}


/*tab-content 08-02-2023 club page*/
.tab-content h3.hedh3 a {
    font-size: 15px;
    float: right;
    background: #002c0e;
    padding: 10px 15px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
}

.tab-content h3.hedh3 {
    color: #002C0A;
    font-size: 26px;
    padding-top: 40px;
    font-weight: 600;
}

.search_indiv input {
    width: 100%;
    padding: 10px 100px 10px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.search_indiv {
    position: relative;
}

.search_indiv button {
    position: absolute;
    right: 0;
    width: 100px;
    border: navajowhite;
    height: 100%;
    background: #004E98;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border-radius: 0 5px 5px 0;
}

.view_tab.alagclass input+input {
    margin-left: 15px;
}

.view_tab.alagclass input {
    width: auto;
    padding: 0;
    display: inline-block;
    margin-right: 8px;
    width: 17px;
    height: 17px;
    position: relative;
    top: 3px;
}


/****************categories_ul li.ctgli***************/
.categories_ul li.ctgli ul.dropdown-menu {
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px;
    min-width: 340px;
    border-radius: 8px;
    border: navajowhite;
    margin-top: 16px !important;
}

.categories_ul li.ctgli ul.dropdown-menu .clear_btn {
    border-radius: 4px;
    line-height: 36px;
    font-size: 16px;
    color: rgb(102, 107, 114);
    border: 1px solid rgb(163, 166, 170);
    background-color: rgb(255, 255, 255);
    display: block;
    text-align: center;
    text-decoration: none;
    height: 36px;
}

.categories_ul li.ctgli ul.dropdown-menu button {
    align-items: center;
    border-radius: 4px;
    min-height: 36px;
    font-size: 16px;
    background: rgb(35, 38, 42);
    color: rgb(255, 255, 255);
    border: navajowhite;
    width: 100%;
}



.categories_ul li.ctgli ul.dropdown-menu.filters .form-group {
    margin-bottom: 15px;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.categories_ul li.ctgli ul.dropdown-menu.filters .form-group label {
    width: 100%;
    font-size: 14px;
    margin-bottom: 4px;
}

.categories_ul li.ctgli ul.dropdown-menu.filters .form-group input {
    width: 100%;
    height: 48px;
    border: 1px solid rgb(224, 225, 227);
    box-sizing: border-box;
    border-radius: 6px;
    padding: 12px 12px 12px 51px;
}

.categories_ul li.ctgli ul.dropdown-menu.filters .form-group.keyword {
    position: relative;
}

.categories_ul li.ctgli ul.dropdown-menu.filters .form-group.keyword svg {
    position: absolute;
    padding: 15px 13px;
    font-size: 17px;
    left: 0;
    color: #a4a1a1;
}

.categories_ul li.ctgli ul.dropdown-menu.filters ul li a {
    color: #626262;
    text-decoration: none;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 30px;
    display: inline-block;
}

.categories_ul li.ctgli ul.dropdown-menu.filters ul {
    padding: 0;
}

.categories_ul li.ctgli ul.dropdown-menu.filters ul li {
    float: left;
    list-style: none;
    margin-right: 8px;
    margin-bottom: 6px;
}

.categories_ul li.ctgli ul.dropdown-menu.filters ul li a.view {
    color: #162b75;
    font-weight: 600;
}

.categories_ul li.ctgli ul.dropdown-menu .form-group {
    margin-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.categories_ul li.ctgli ul.dropdown-menu.filters {
    padding: 0;
    width: 380px;
}

.categories_ul li.ctgli ul.dropdown-menu.filters .form-group {
    margin-bottom: 15px;
    border-top: 1px solid #e9e9e9;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.categories_ul li.ctgli ul.dropdown-menu.filters .form-group label {
    width: 100%;
    font-size: 14px;
    margin-bottom: 4px;
}

.categories_ul li.ctgli ul.dropdown-menu.filters .form-group input {
    width: 100%;
    height: 48px;
    border: 1px solid rgb(224, 225, 227);
    box-sizing: border-box;
    border-radius: 6px;
    padding: 12px 12px 12px 51px;
}

.categories_ul li.ctgli ul.dropdown-menu.filters .form-group.keyword {
    position: relative;
    border: none;
}

.categories_ul li.ctgli ul.dropdown-menu.filters .form-group.keyword svg {
    position: absolute;
    padding: 15px 13px;
    font-size: 17px;
    left: 20px;
    color: #a4a1a1;
}

.categories_ul li.ctgli ul.dropdown-menu.filters ul li a {
    color: #626262;
    text-decoration: none;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 30px;
    display: inline-block;
}

.categories_ul li.ctgli ul.dropdown-menu.filters ul {
    padding: 0;
    display: flow-root;
}

.categories_ul li.ctgli ul.dropdown-menu.filters ul li {
    float: left;
    list-style: none;
    margin-right: 8px;
    margin-bottom: 6px;
}

.categories_ul li.ctgli ul.dropdown-menu.filters ul li a.view {
    color: #162b75;
    font-weight: 600;
}

.categories_ul li.ctgli ul.dropdown-menu .fot {
    padding: 15px;
    border-top: 1px solid #cecece;
}


.keyworddiv {
    max-height: 328px;
    overflow-y: auto;
}

.categories_ul li.ctgli ul.dropdown-menu.filters {
    padding: 0;
    width: 380px;
    transform: inherit !important;
    left: inherit !important;
    right: 0 !important;
    top: 47px !important;
}

.categories_ul li.ctgli ul.dropdown-menu {
    padding: 0
}

.categories_ul li.ctgli ul.dropdown-menu.dcp li a.dropdown-item {
    border-bottom: 1px solid rgb(247, 247, 248);
    font-size: 14px;
    padding: 12px 15px;
}

.categories_ul li.ctgli ul.dropdown-menu.dcp {
    max-height: 232px;
    overflow-y: auto;
    transform: translate(0px, 47px) !important;
}

.categories_ul li.ctgli ul.dropdown-menu.filters.city ul {
    padding: 15px;
    background: #fff;
}

.categories_ul li.ctgli ul.dropdown-menu.filters.city {
    width: 340px;
    left: 0;
    right: inherit !important;
}

.categories_ul li.ctgli span input {
    width: 100%;
    float: left;
    border: none;
    outline: none;
}












/* ....................media 27-01-2023........................... */
.section_city .city1 .imgggg1 span.share {
    position: absolute;
    right: 0;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #000;
    font-size: 15px;
    top: 0;
}

.section_city select#filter_offer {
    padding: 13px 15px;
    background: #f4f4f4;
    /* border: 1px solid #ccc; */
    border: none;
    border-radius: 3px;
}

.section_city .city2 .share {
    float: right;
}

.section_city .city2 .p {
    font-size: 12px;
    line-height: 9px;
    letter-spacing: 1px;
    color: #888888;
}

.section_city .city2 .percent {
    font-size: 18px;
}

.section_city .city2 p {
    font-size: 12px;
    line-height: 9px;
    letter-spacing: 1px;
    color: #6B7280;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    margin-top: 11px;
}

.aed-text {
    color: #000;
}

.item-border {
    border: 4px solid #d9d9d9;
    border-radius: 12px;
}

.section_city .staycations {
	position: relative;
	height: auto;
	overflow: hidden;
	background: white;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 10px 0px #0000001A;
	margin-bottom: 10px;
	border: 1px solid #d4d4d4;
}

.detail-item {
    border: 4px solid #d9d9d9;
    border-radius: 12px;
}

.com_category {
    width: 100px !important;
    height: 70px !important;
}

.section_city .staycations .imggg1,
.section_city .news_detail .imggg1 {
    height: 270px;
    overflow: hidden;
    position: relative;
    border-radius: 10px 10px 0px 0px;
}

.city_main_section .staycations {
  border: 1px solid #ddd;
}

.city_main_section .staycations .txt.px-0 {
  padding: 7px 15px !important;
}

.city_main_section .staycations .txt.px-0 .icon-bi-share .bi.bi-share-fill.pt-2.sharelink {
  margin-left: auto !important;
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-content: center;
}

.city_main_section .staycationlist .staycations .txt.px-0 .stay-buttons.d-flex.gap-2 {
  margin-top: 20px;
}
.city_main_section .staycationlist .staycations .txt.px-0 a {
  width: 50%;
  transition: all 0.2s ease-in-out;
}

.city_main_section .staycationlist .staycations .txt.px-0 a .stay-btn {
  width: 100% !important;
}

.city_main_section .staycationlist .staycations .txt.px-0 .stay-btn {
  background-color: #ffffff !important;
  border: 1px solid #2563eb !important;
  width: 50% !important;
}

.city_main_section .staycationlist .staycations .txt.px-0 a:hover {
  background-color: #2563EB !important;
  color: #ffffff !important;
  border-radius: 7px;
}

.city_main_section .staycationlist .staycations .txt.px-0 a .stay-btn:hover {
  background-color: #2563EB !important;
  color: #ffffff !important;
}

.btn.stay-btn.w-100 {
  background-color: #2563EB !important;
}

.txt {
    padding: 10px 18px 18px;
}

.section_city .staycations .img2,
.section_city .news_detail .img2 {
    border-radius: 15px 15px 0px 0px;
}

.section_city .staycations .imggg1 span.btn,
.section_city .news_detail .imggg1 span.btn {
    /* position: absolute; */
    right: 24px;
    bottom: 20px;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    border-radius: 0;
    color: #000;
    padding: 10px 26px;
    font-weight: 600;
}
.stay-buttons a {
	width: 100% !important;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px !important;
	gap: 10px;
	border-radius: 0.375rem;
    transition: 0.3s all ease-in-out;
}
.stay-buttons a:hover {
	background: #000 !important;
}
.section_city .news_detail .imggg1 span.btn {
    bottom: inherit;
    top: 20px;
}

.section_city .staycations a.readmore {
    background-color: #FFE368;
    color: #000;
    padding: 12px 40px;
    margin-bottom: 20px;
    display: inline-block;
    border-radius: 4px;
    font-weight: 500;
    font-size: 15px;
}

/*.section_city .staycations h6 {
   color: #232323;
    font-weight: 300;
    font-size: 28px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow: hidden;
    margin-bottom: 0
}*/
.section_city .staycations h6 {
    color: #232323;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    /* overflow: hidden; */
    /* overflow: hidden; */
    margin-bottom: 0;
}

.section_city .staycations .sight-price {
    color: #2563EB !important;
    font-size: 14px;
    font-weight: 500;
    top: 13px;
    right: 4px;
    background: none;
    width: 123px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    height: 30px;
}

.events-section .imggg1 img {
    width: 100% !important;
}

.city_main_section .events-section .txt {
  padding: 7px 15px !important;
}

.city_main_section .events-section .txt .icon-bi-share {
  align-items: center;
  margin: 5px 0px;
}

.city_main_section .events-section .txt .icon-bi-share .text-event-h6 {
  margin: 0px !important;
  line-height: 34px !important;
}

.city_main_section .events-section .txt .icon-bi-share .bi.bi-share-fill.pt-3.sharelink {
  margin-left: auto !important;
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-content: center;
}


.city_main_section .events-section .txt span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.city_main_section .events-section .txt h5 {
  color: #707070;
  font-size: 14px;
}

.city_main_section .events-section .txt a .btn {
  padding: 9px 17px;
  font-size: 14px;
  border-radius: 4px;
  color: #2563EB;
  font-weight: 600;
  margin-top: 13px;
  opacity: 1;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  border: 1px solid #2563EB;
}

.city_main_section .events-section .txt a .btn:hover {
  background-color: #325ef1;
  color: #fff;
  border: 1px solid #2563EB;
}


.section_city .staycations h5 {
    color: #6E6E6E;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 10px;
}

.section_city .staycations .offer__price p.pcc {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.section_city .staycations .offer__price {
    /* position: absolute; */
    right: 24px;
    top: 20px;
    padding-bottom: 10px;
    /* background: #ffe368; */
}

.section_city .staycations .offer__price .offer__price_text {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    margin-bottom: 0;
}




.section_city .city2 p ins {
    list-style: none;
    text-decoration: none;
}

.section_city .city2 p ins del {
    color: red;
}

.section_city .city2 p ins span {
    color: #0c3f24;
    font-size: 15px;
    font-weight: 600;
}

.section_city .city2 span.ttxxtt {
    height: 22px;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}

.section_city .city2 span.ttxxtt p {
    margin: 0;
    line-height: 20px;
}

.Sight_main .stp .txt span.btn {
    background: black;
    color: white;
    padding: 9px 26px;
    font-weight: 600;
    width: 100%;
    border-radius: 4px;
    margin-top: 0;
}

.Sight_main .stp .txt span.btn.btn2 {
    background: #9747FF;
    color: #fff;
}

.city_main_section .Sight_main .stp.item-free-border {
  border: 1px solid rgb(221, 221, 221);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px 0px !important;
}

.city_main_section .Sight_main .stp.item-free-border a .img {
  max-height: 192px;
}

.city_main_section .Sight_main .stp .icon-image-sight .icon-image-sights {
  top: -188px;
  right: 4px;
  width: 14%;
}

.city_main_section .Sight_main .stp .txt .icon-bi-share h5 {
  max-height: 192px;
  margin: 0px;
  white-space: nowrap;        /* text ko ek hi line me rakhe */
  overflow: hidden;           /* extra text hide kare */
  text-overflow: ellipsis;    /* ... show kare */
  max-width: 100%;            /* zaroori hai */
  min-height: unset;
}

.city_main_section .Sight_main .stp .txt .icon-bi-share .bi.bi-share-fill.pt-3.sharelink {
  margin-left: auto !important;
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-content: center;
}

.city_main_section .Sight_main .stp .txt .icon-bi-share {
  margin-top: 9px;
  align-items: center;
}

.city_main_section .Sight_main .stp .txt .row.mt-2 {
  margin: 0px !important;
}

.city_main_section .Sight_main .stp .txt .row.mt-2 .col-sm-12 {
  padding: 0px !important;
}

.city_main_section .Sight_main .stp .txt .row.mt-2 .col-sm-12 span.btn:hover a {
  color: #fff;
}

.city_main_section .Sight_main .stp .txt .row.mt-2 .col-sm-12 .price-span {
  word-break: break-all;
  font-size: 14px !important;
  font-weight: normal !important;
}

.city_main_section .Sight_main .stp .txt .row.mt-2 .col-sm-12 .price-text .price-h6-price {
  right: -21px !important;
  top: -183px !important;
}

.city_main_section .Sight_main .stp .txt .row.mt-2 .col-sm-12 span.btn {
  color: #2563EB;
  padding: 5px 5px;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  gap: 10px;
  background-color: #ffffff !important;
  border: 1px solid #2563eb !important;
  border-radius: 7px;
}

.city_main_section .Sight_main .stp .txt .row.mt-2 .col-sm-12 span.btn:hover {
  background-color: #2563EB !important;
  color: #ffffff !important;
}

.city_main_section .Sight_main .stp .txt .row.mt-2 .col-sm-12 span.btn a:hover {
  color: #ffffff !important;
}

.city_main_section .Sight_main .stp .heart.img-shoppings #saveLikeDislike {
	width: 47px !important;
}

.city_main_section .Sight_main .stp .txt .row.mt-2 .col-sm-12 .row {
  margin-bottom: 7px;
}

.section_city .staycations .offer__price .offer__price_value {
    color: #0e0f10;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
}

.section_city .Sight .img {
    height: 200px;
    overflow: hidden;
    border-radius: 4px;
}

.section_city .Sight h5 {
    color: #58595b;
    font-size: 15px;
    font-weight: 700;
}

.section_city .Sight p {
    color: #58595b;
    font-weight: 500;
}

.section_city .Sight h6.buy-block__price-title {
    font-size: 13px;
    color: #9b9b9b;
    margin: 0;
    padding: 0;
}

.section_city .Sight h3.buy-block__details__price {
    font-size: 26px;
    line-height: 1.6em;
    color: #58595b;
}

.section_city .Sight ul li {
    color: #58595b;
    font-weight: 500;
    line-height: 28px;
}

.section_city .Sight h4 {
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 20px;
    color: #58595b;
}

.section_city .container {
    position: relative;
}

.section_city .date.float-end {
    position: absolute;
    right: 13px;
    margin-top: 0px;
    z-index: 9;
    border: 1px solid;
}

.bargain_offer {
    max-width: 692px;
    transform: none;
    /* background: red; */
    /* width: 100%; */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bargain_offer .modal-content {
    background: #F5F5F5;
    min-height: 400px;
}

.modal-body .imggg1 img {
    height: 300px;
    border-radius: 10px;
}

.modal-header {
    border: none !important;
}

.bargain_offer .modal-content h4 {
    margin: 0;
    padding-bottom: 0;
    padding-right: 55px;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 1px;
    color: #252525;
    height: 38px;
    overflow: hidden;
    /* border-bottom: 1px solid rgba(117, 117, 117, 0.3); */
    margin-bottom: 0;
}

.modal-dialog.bargain_offer h6 {
    font-size: 22px;
    line-height: 22px;
    color: #000;
    padding: 10px 0px;
}

.modal-dialog.bargain_offer .modal-header {
    text-align: center;
}

.modal-dialog.bargain_offer .modal-header h5 {
    width: 100%;
    font-size: 15px;
}

.modal-dialog.bargain_offer button.btn-close {
    width: 24px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    top: 12px;
    right: 10px;
    background: #757575;
    padding: 0 !important;
    opacity: 1;
    color: #fff;
}

.modal-dialog.bargain_offer .modal-body h5 {
    border-bottom: 1px solid rgba(117, 117, 117, 0.3);
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
    color: #252525;
    font-weight: 600;
}


.modal-dialog.bargain_offer .button-field-dtls .btn-save {
    width: 160px;
    min-height: 40px;
    border: 2px solid #009BCE;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #009BCE;
    margin-left: 0;
    background: none;
}

.modal-dialog.bargain_offer .add-to-links .link {
    border: 1px solid #009BCE;
    position: relative;
    color: #009BCE;
    height: 40px;
    width: 85px;
    font-weight: 600;
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
}


.modal-dialog.bargain_offer .button-field-dtls .btn-see-details {
    width: 160px;
    min-height: 40px;
    background: #009BCE;
    border: 2px solid #009BCE;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-left: 10px;
}

.modal-dialog.bargain_offer .email-addto-box {
    display: inline-block;
    margin-left: 5px;
}

.modal-dialog.bargain_offer .email-addto-box ul.add-to-links {
    margin: 0;
    padding: 0;
    margin-top: 0px;
    display: inline-block;
}

.modal-dialog.bargain_offer .email-addto-box ul.add-to-links li {
    display: inline-block;
    padding: 0px 0px 0px 6px;
    list-style-type: none;
}


.modal-dialog.bargain_offer .button-field-dtls {
    display: inline-block;
    vertical-align: top;
}

/*section_carpooling*/
section.staycation_detail .imgg {
    height: 581px;
    overflow: hidden;
    position: relative;
}

section.staycation_detail .imgg img {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.staycation_detail .offer-details__header-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-bottom: 34px;
    z-index: 999;
    /* position: absolute; */
    bottom: 25px;
    left: 0;
    right: 0;
}

.staycation_detail .offer-details__title {
    color: #760E51;
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 16px;
    text-shadow: 0 1px 10px #514545;
}

.staycation_detail .offer-details__subtitle {
    color: #000000;
    font-size: 28px;
    font-weight: 500;
    line-height: 44px;
    text-shadow: 0 1px 10px #ffffff;
    margin-bottom: 0;

}

.staycation_detail h4 {
    color: #760E51;
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 30px;

}

.staycation_detail {
    margin-bottom: 60px;
    margin-top: 0;
}


.staycation_detail .price-od-box {
    padding: 41px 33px 30px 44px;
    background-color: #fff;
    font-size: 18px;
    font-weight: 300;
    border-radius: 8px;
    margin: 0px 0 32px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 4;
    /* box-shadow: 0 0 14px 0 rgb(0 0 0 / 50%); */
    margin-top: 40px;
    /* position: relative; */
}

.staycation_detail p {
    color: #333333;
    font-size: 16px;
    line-height: 26px;
}

.staycation_detail .price-od-from {
    color: #666666;
    font-size: 18px;
    font-weight: 300;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0;
}

.staycation_detail .price-od {
    color: #760E51;
    font-size: 60px;
    font-weight: 600;
    margin: 0;
    line-height: initial;
}

.staycation_detail .price-od-departure {
    margin-bottom: 55px;
}

.staycation_detail .price-od-departure {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}

.staycation_detail .price-od-text {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
}

.staycation_detail .price-od-quote {
    background-color: #F2F2F2;
    padding: 8px 19px;
    margin: 10px 0;
    color: #760E51;
    font-size: 21px;
    font-weight: 600;
}

.staycation_detail a.bookbtn {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    margin-right: 10px;
    margin-left: 9px;
    height: 55px;
    padding: 0px 20px;
    line-height: 55px;
    color: #000 !important;
    border-radius: 4px;
    font-size: 16px;
    margin-top: 6px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
}

.shopping_catalogue .row div:nth-child(2) .offerss .txt,
.shopping_catalogue .row div:nth-child(8) .offerss .txt,
.shopping_catalogue .row div:nth-child(5) .offerss .txt,
.shopping_catalogue .row div:nth-child(11) .offerss .txt,
.shopping_catalogue .row div:nth-child(4) .offerss .txt,
.shopping_catalogue .row div:nth-child(10) .offerss .txt {
    color: black;
}


.shopping_catalogue .row div:nth-child(2) .offerss .txt h6,
.shopping_catalogue .row div:nth-child(8) .offerss .txt h6,
.shopping_catalogue .row div:nth-child(5) .offerss .txt h6,
.shopping_catalogue .row div:nth-child(11) .offerss .txt h6,
.shopping_catalogue .row div:nth-child(4) .offerss .txt h6,
.shopping_catalogue .row div:nth-child(10) .offerss .txt h6 {
    color: #000000;
}




.Sight_main h6 {
    color: #9747FF;
    font-size: 20px;
    padding: 0;
}

.Sight_main h5 {
    font-size: 16px;
    line-height: 24px;
    color: black;
    margin-top: 15px;
    font-weight: 600;
    min-height: 50px;
}

.Sight_main .txt .eye {
    color: #6E6E6E;
}

.Sight_main .txt .eye i {
    color: #6E6E6E;
}

.Sight_main p {
    font-size: 16px;
    color: #6E6E6E;
    margin-top: 10px;
}

.Sight_main p span {
    margin-left: 20px
}

.Sight_main h6 span {
    font-size: 12px;
    margin-left: 10px;
}

.section_city .banner .container {
    position: initial;
}

.section_city .Sight .price-od-box {
    padding: 35px;
    background-color: #fff;
    font-size: 18px;
    font-weight: 300;
    border-radius: 8px;
    margin: 0px 0 32px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 4;
    box-shadow: 0 0 14px 0 rgb(0 0 0 / 50%);
    margin-top: 20px;
    position: relative;
}

.section_city .Sight .price-od-from {
    font-weight: 600;
    line-height: 16px;
    margin: 0;
    font-size: 13px;
    color: #9b9b9b;
}

.section_city .Sight .price-od {
    font-weight: 600;
    margin: 0;
    font-size: 26px;
    line-height: 50px;
    color: #58595b;
}

.section_city .city1 .imgggg1 img, .section_city .city1 .imgggg1 img {
    width: 100% !important;
    height: 166px;
    object-fit: contain;
}
.section_city a {
    /* color:#002C0A; */
    text-decoration: none;
}

.section_city .Sight .price-od-departure {
    margin-bottom: 55px;
}

.section_city .Sight .price-od-departure {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}

.section_city .Sight h6.brad span {
    color: #898989;
}

.section_city .Sight h6.brad {
    font-size: 14px;
    font-weight: 500;
    color: #37a7f8;
    margin-bottom: 0;
}

.section_city .Sight .price-od-quote {
    background-color: #F2F2F2;
    padding: 12px 15px;
    margin: 10px 0;
    color: #760E51;
    font-size: 16px;
    font-weight: 600;
    border: navajowhite;
    width: 100%;
    border-radius: 5px;
}

.section_city .Sight h6 {
    letter-spacing: 0px;
    font-weight: 600;
    padding: 15px 0px;
    font-size: 20px;
    line-height: 20px;
    color: #58585b;
}

.section_city .Sight .form-group input,
.section_city .Sight .form-group select {
    border: 1px solid #e3e3e3;
    padding: 8px 15px;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    border-radius: 5px;
    color: #626262;
}

.section_city .Sight .form-group label {
    margin-top: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #760E51;
}

.section_city .Sight .bookbtn {
    border: none;
    padding: 0px 20px;
    line-height: 49px;
    color: #fff !important;
    border-radius: 4px;
    font-size: 18px;
    margin-top: 6px;
    text-align: center;
    font-weight: 500;
    text-decoration: none;
    background-color: #98cc54;
    text-transform: uppercase;
}

.section_city .Sight .imgg {
    height: 581px;
    overflow: hidden;
    position: relative;
}

.section_city .Sight .imgg img {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.staycation_detail .price-od-box .form-group label {
    margin-top: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #760E51;
}

.staycation_detail .price-od-box .form-group input,
.staycation_detail .price-od-box .form-group select {
    border: 1px solid #e3e3e3;
    padding: 8px 15px;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    border-radius: 5px;
    color: #626262;
}

.staycation_detail .price-od-box .bookbtn {
    border: none;
    padding: 0px 20px;
    line-height: 49px;
    color: #fff !important;
    border-radius: 4px;
    font-size: 18px;
    margin-top: 6px;
    text-align: center;
    font-weight: 500;
    text-decoration: none;
    background-color: #98cc54;
    text-transform: uppercase;
}

.section_city .news_detail {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px #0000001A;
    margin: 5px;
}

.section_city .news_detail .btn:hover {
    border: none;
}


.section_city .news_detail .btn {
    width: 100%;
    color: #2563EB;
    text-align: left;
    padding: 0;
}

.section_city .news_detail .txt {
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    padding: 10px;
}

.section_city .news_detail.news_detail2 .txt h3 {
    font-size: 14px;
    line-height: 28px;
    min-height: 53px;
}

.section_city .news_detail .txt h6 {
    font-size: 18px;
    line-height: 22px;
    color: black;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
    display: inline-block;
    margin-top: 10px;
}

.section_city .news_detail .imggg1 img {
    height: auto !important;
    width: 100% !important;
    min-width: 100% !important;
}

.section_city .news_detail .txt h3:after {
    position: absolute;
    background: #fb8500;
    width: 18px;
    height: 20px;
    content: "";
    left: -12px;
    top: 22px;
    rotate: 30deg;
}

.section_carpooling.news_detail {
    background: #e9e7e8;
    padding-bottom: 50px
}

.section_carpooling.news_detail .innew {
    background: #fff;
    padding: 20px;
}

.section_carpooling.news_detail h6 {
    color: #b8b8c6;
    font-size: 14px;
    margin-bottom: 15px;
}

.section_carpooling.news_detail h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
}

.section_carpooling.news_detail .breadcrums {
    font-size: 15px;
    font-weight: 600;
    margin: 0px;
    padding: 15px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    border-bottom: 2px solid #dfdfdf;
}



/*************single_pets_club************/

.pets-clubs .pets-clubs-top {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.pets-clubs .pets-clubs-top-img {
    width: 30%;
}

.pets-clubs .pets-clubs-top-contant {
    width: 70%;
}

.pets-clubs img.img-fluid.rounded-start {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 0.375rem;
}

.pets-clubs .pets-clubs-top-contant h5.text-muted {
    color: #000 !important;
    font-weight: bold;
}

.pets-clubs .pets-clubs-top-contant p.card-text.address {
    display: flex;
    gap: 5px;
    margin-bottom: 3px;
}

.pets-clubs .pets-clubs-top-contant p.card-text.description strong {
    margin-right: 1px;
}

.pets-clubs .pets-clubs-top-contant strong {
    font-size: 15px;
}

.pets-clubs-bottom-contact-form {
    display: flex;
    width: 70%;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}

.pets-clubs-bottom-contact-form p {
    width: 48%;
    margin: 0px;
    background: #f9fafb;
    padding: 18px;
    border-radius: 14px;
    display: flex;
    gap: 7px;
    align-items: center;
    font-size: 16px;
    color: var(--bs-blue);
    /* border: solid 0.4px #70707017 !important; */
}

.pets-clubs-bottom img {
    /* display: none; */
    width: 30%;
    /* height: 300px; */
    object-fit: cover;
    border-radius: 0.375rem;
}


.pets-clubs .card.shadow {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: none !important;
    border-radius: 14px;
    border: 1px solid #ddd !important;
}

.pets-clubs-bottom-contact-form strong {
    color: #000;
}

.pets-clubs-bottom {
    display: flex;
    gap: 26px;
}

.pets-clubs-top-img h3.card-title {
    margin-bottom: 0px;
}

.pets-clubs-bottom-contact-form p a {
    color: var(--bs-blue) !important;
    text-decoration: none;
}

section.clubs.pets-clubs {
    padding-bottom: 30px;
}

.pets-club-back {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
}




/*************allbookopen************/
.book-section {
    height: 538px;
    width: 100%;
    padding: 0px 0;
    text-align: center;
}

.allbookopen .modal-content {
    padding: 0;
    border: none;
}

.book-section>.container {
    height: 100%;
    width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2%;
    perspective: 1200px;
}

.book-section .container>.right {
    position: absolute;
    height: 100%;
    width: 50%;
    transition: 0.7s ease-in-out;
    transform-style: preserve-3d;
}

.book-section>.container>.right {
    right: 0;
    transform-origin: left;
    border-radius: 10px 0 0 10px;
}

.right>figure.front,
.right>figure.back {
    margin: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    background-color: white;
    overflow: hidden;
}

.right>figure.front {
    background-position: right;
    border-radius: 0 10px 10px 0;
    box-shadow: 2px 2px 15px -2px rgba(0, 0, 0, 0.2);
}

.right>figure.back {
    background-position: left;
    border-radius: 10px 0 0 10px;
    box-shadow: -2px 2px 15px -2px rgba(0, 0, 0, 0.2);
    transform: rotateY(180deg);
}

.flip {
    transform: rotateY(-180deg);
}

.flip::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border-radius: 0 10px 10px 0;
    background-color: rgba(0, 0, 0, 0.1);
}

.book-section>button {
    cursor: pointer;
    transition: 0.3s ease-in-out;
    width: 60px;
    font-size: 60px;
    border-radius: 60px;
    padding: 0px;
    color: rgb(253, 116, 60);
    background: rgba(0, 0, 0, 0.7);
    height: 60px;
    position: fixed;
    left: 0;
    top: 0;
    margin: auto;
    bottom: 0;
    border: none;
    font-size: 28px;
}

.book-section>button:focus,
.book-section>button:active {
    outline: none;
}

.book-section>p {
    color: rgba(0, 0, 0, 0.7);
    font-family: calibri;
    font-size: 24px;
}

.book-section>p>a {
    text-decoration: none;
    color: #ef9f00;
}

.book-section>button:hover {
    background-color: #ef9f00;
    color: #fff;
}

.front#cover,
.back#back-cover {
    background-color: #ffcb63;
    font-family: calibri;
    text-align: left;
    padding: 0 30px;
}

.front#cover h1 {
    color: #fff;
}

.front#cover p {
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
}

.allbookopen button.btn-close {
    position: fixed;
    right: 0;
    top: 0;
    background: rgba(255, 255, 255, .85);
    width: 30px;
    height: 30px;
    border-radius: 0;
    color: rgba(50, 50, 50, .9);
    opacity: 1;
    font-size: 25px;
    line-height: 30px;
    padding: 0;
}

.book-section>button.rightmove {
    left: inherit;
    right: 0
}


/*Club all page events css*/
.all_list {
    max-height: 320px;
    overflow-y: auto;
}

.all_list .set {
    border: 1px solid #f1f1f1;
    padding: 14px 15px;
    border-radius: 5px;
    margin: 5px 0;
}

.all_list .set h4 {
    font-size: 18px;
    text-transform: capitalize;
    padding-top: 0;
    color: white;
    margin-bottom: 2px;
}

.all_list .set h4 span {
    font-size: 14px;
    color: #9f9f9f;
    font-weight: 500;
}

.all_list .set p {
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
}

.all_list .set a {
    text-decoration: none;
    color: #002c11;
}

.Sight_main .stp .txt {
    padding: 0 20px;
}

.Sight_main .stp .img {
    height: 300px;
    overflow: hidden;
    position: relative;
    border-radius: 10px 10px 0px 0px;
}

.Sight_main .stp .img span.btn {
    position: absolute;
    left: 15px;
    bottom: 20px;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    border-radius: 0;
    color: #000;
    padding: 10px 30px;
    font-weight: 600;
}

.Sight_main .stp p {
    word-break: break-all;
    min-height: 60px;
}


.view_tab span.select2 span.select2-selection {
    padding: 5px 10px 10px;
    border: 1px solid #ced4da;
    margin-bottom: 15px;
}

.view_tab span.select2 {
    width: 100% !important;
    padding: 0;
}

.view_tab label {
    margin-top: 10px;
    font-weight: 600;
    margin-bottom: 3px;
}

.my_booking .view_tab button {
    padding: 9px 35px;
    font-size: 16px;
    border-radius: 4px;
}

.view_tab span {
    padding: 0 !important;
    min-width: auto !important;
    width: auto !important;
    height: auto !important;
    line-height: 18px !important;
    display: inline-block !important;
    float: left;
    border: none !important;
    margin: 0 3px;
}

.view_tab #DataTables_Table_1_paginate .previous,
.view_tab #DataTables_Table_1_paginate .next {
    display: flow-root;
    width: 85px;
    float: left;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #000 !important;
    font-weight: 600;
}

.view_tab span a {
    height: 36px;
}

.view_tab h5 img {
    width: 100px;
    margin-right: 20px;
}

.Freelancers.blog_mainpage.spp .blog2 {
    border: none;
    background: transparent;
    box-shadow: none;
    min-height: 150px;
}

.Freelancers.blog_mainpage.spp .blog2 h6 {
    margin-top: 18px;
}

.Freelancers.blog_mainpage.spp .blog2 ul li {
    color: rgb(0 0 0);
}

.single_profile .provider_image_div img {
    max-height: 170px;
    width: auto !important;
    max-width: 100%;
}

.single_profile .provider_image_div {
    border: 1px solid #dddbdb;
    height: 200px;
    text-align: center;
    line-height: 200px;
    border-radius: 12px;
    background: #fff;
}

.single_profile .inst {
    padding: 15px 25px;
    /* border: 1px solid #e4e4e4cc; */
}

.single_profile .form-group input {
    line-height: 40px;
    padding: 0 15px;
}

.single_profile .form-group label {
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    margin-top: 10px;
}

.blog_mainpage .blog2 .txxt {
    min-height: 48px;
    overflow: hidden;
}

section.Freelancers.section_city .blog2 {
    min-height: 195px !important;
    padding: 15px 15px 15px 120px;
}

.Freelancing .posted h6.dp {
    font-size: 14px;
    color: #656262;
    margin-bottom: 3px;
}

.freelance_jobposts .posted h4 {
    font-size: 17px;
    color: #000;
    margin-bottom: 3px;
}



.my_booking h5 button.btn.addnew.activetb {
    opacity: 1;
}

.my_booking h5 button.btn.addnew {
    opacity: .6;
}

.my_booking h5 select {
    display: inline-block;
    width: auto;
}





/* ////////////---Rating--list--CSS---//////////// */


.modal-dialog.rating-list-view .rating-stars {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 20px;
}

.rating-stars span {
    font-size: 20px !important;
    color: #444444 !important;
    width: auto !important;
    border: none !important;
    height: auto !important;
    box-shadow: none !important;
}

.modal-footer.my-submit button.submit__order_review {
    width: 100%;
    margin: 0;
}

.modal-dialog.rating-list-view h3 {
    color: #626262;
    margin-top: 30px;
}

.modal-dialog.rating-list-view p {
    font-size: 15px;
    color: #b7b4b4;
}

/*.modal-dialog.rating-list-view .rating-stars ul li.star svg {
    color: #77bc83;
}*/

.interaction h6 {
    font-size: 20px;
    color: #626262;
}

.interaction p {
    color: #626262;
}

.interaction ul {
    list-style: none;
    padding-left: 0;
}

.interaction ul li {
    display: inline-block;
    margin-right: 6px;
    font-size: 15px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 7px 20px;
    color: #84858a;
    margin-top: 10px;
    border: 1px solid #dfdede;
}

.interaction ul li.active_exp {
    background: #71bd87;
    color: #fff;
    border: 1px solid #71bd87;
}

.interaction h4 {
    color: #000;
}

.modal-footer.my-submit {
    display: block;
}

.modal-footer.my-submit .submit_review {
    width: 100%;
    color: #fff;
    background: #f92400;
    height: 50px;
    border-radius: 4px;
    margin: 0;
}

.modal-footer.my-submit .submit_review i {
    font-size: 15px;
    margin-left: 10px;
}

.my_booking button {
    background-color: #0a341700;
}

.modal-dialog.rating-list-view .modal-body {
    padding: 20px 30px;
}

.alrt-box {
    border: 2px solid #e36a6b;
    padding: 12px 15px;
    border-radius: 5px;
    margin-top: 15px;
}

.modal-dialog.rating-list-view p {
    font-size: 17px;
    color: #b7b4b4;
    margin: 0px;
}

.alrt-box p i {
    color: red;
    margin-right: 10px;
}

.interaction textarea::placeholder {
    font-size: 18px;
}

.modal-dialog.rating-list-view .modal-header.text-center {
    box-shadow: rgb(0 0 0 / 17%) 0px 0px 16px;
    padding-top: 20px;
    padding-bottom: 20px;
}




.advertisement .carousel-indicators {
    display: none;
}


.blog_mainpage.blog_mainpage2 .owl-carousel .owl-item {
    border-radius: 8px;
    overflow: hidden;
}


.mainlog {
    max-width: 550px;
    margin: 50px auto;
}

/* .advertisement img {
    width: 100%;
} */
.owl-nav button span {
    font-size: 60px;
}

.owl-nav.disabled {
    display: block !important;
}

section.section_city {
    margin-bottom: 40px;
    margin-top: 65px;

}

.section_city h4 {
    font-size: 24px;
}

s section.community.Freelancing .side_bar {
    margin-top: 20px;
}

/* ///////////////////////////////////////////// */


.owl-stage-outer .item.freelancers_pg_slider {
    height: 210px;
}



.single_profile .form-group .tekmain .tekspan label {
    color: #000;
    margin-top: 14px;
}

.single_profile .form-group .tekmain label {
    width: auto;
    margin-top: 0;
    color: #626262;
}

.single_profile .form-group .tekmain input.disabled_check_view {
    float: left;
    margin-top: 4px;
    margin-right: 7px;
    width: 16px;
    height: 16px;
}



section.our_service {
    margin-bottom: 40px;
    padding-top: 30px;
}








/*sidebar_catt*/

.sidebar_catt .shopping_side {
    position: relative;
    width: 100%;
    margin-top: 0;
    border: none;
    background: #e8e8e8;
    border-radius: 0;
}

/* The sidebar menu */
.sidebar_catt.sidebar {
    height: 100%;
    width: 420px;
    position: fixed;
    z-index: 9;
    top: 0;
    right: -420px;
    background-color: #fff;
    overflow-y: auto;
    transition: 0.5s;
    border-radius: 0;
    box-shadow: 0 0 83px #0000004a;
    margin: 0;
    padding: 0;
    text-align: left;
    padding-top: 50px;

}

.sidebar_catt.sidebar h3.st {
    position: fixed;
    top: 0px;
    width: 420px;
    z-index: 9999;
    background: #fff;
    padding: 14px 20px;

}

.sidebar_catt.sidebar .test ul li.checkcontainer .radiobtn {
    line-height: 34px;
    z-index: 9;
}

.sidebar_catt.sidebar .test ul li.checkcontainer {
    border: 1px solid #ccc;
    width: 40%;
    float: left;
    margin: 10px 20px;
}

.sidebar_catt.sidebar .test .continue {
    display: flex;
}

.sidebar_catt.sidebar.main {
    right: 0;
}



.shopping_bagin .cartin {
    border: none;
    padding: 20px;
    border-radius: 0;
    border-top: 1px solid #e6e6e6;
}


/* Position and style the close button (top right corner) */
.sidebar_catt.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 32px;
    margin-left: 50px;
    z-index: 99999;
    background: #ff646438;
    padding: 0px 15px;
    text-decoration: none;
    color: #ff6464;
    border-radius: 0;
    height: 52px;
    width: auto;
}

/* The button used to open the sidebar */
.openbtn {
    cursor: pointer;
    color: #ffffff;
    padding: 0;
    border: none;
    position: fixed;
    right: 9px;
    bottom: 12px;
    background: #fc9000;
    font-size: 20px;
    border-radius: 50%;
    width: 60px;
    height: 60px;

}

.sidebar_catt.sidebar .openbtn:hover {
    background-color: #444;
}

.sidebar_catt .shopping_side h5 {
    font-weight: 600;
}

.sidebar_catt .shopping_side p {
    margin-bottom: 0;
}

.sidebar_catt.sidebar h3 {
    margin: 0;
    padding: 12px 20px;
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #424242;
}

.sidebar_catt.sidebar .cartin .img {
    width: 100px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 8px;
    height: 100px;
}

.sidebar_catt.sidebar .shopping_bagin .stmain {
    margin-bottom: 12px;
    padding-top: 12px;
}

.sidebar_catt.sidebar .shopping_bagin .cartin h4 {
    font-size: 15px;
}


.sidebar_catt.sidebar .shopping_bagin .cartin h6 .removecartitem {
    float: right;
    display: inline-block !important;
    padding: 0;
    font-size: 16px;
    color: #ff00006b;
}

.sidebar_catt .shopping_bagin .cartin {
    padding: 10px 20px;
}

.shopping_bag.sidebar_catt h5 {
    font-size: 15px;
    margin-top: 8px;
    padding: 0px 20px;
}

.shopping_bag.sidebar_catt h2 {
    font-size: 18px;
    text-align: left;
}

.sidebar_catt .shopping_bagin .cartin p {
    text-align: right;
    font-size: 14px;
    margin-top: -18px;
    margin-bottom: 0;
}

.community h2.yfa {
    font-size: 24px;
    margin: 0 0 15px;
    padding: 0;
}

.community h2.yfa a.btnn1 {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    opacity: 1;
    padding: 10px 14px;
    font-size: 15px;
    margin-left: 14px;
    color: #000;
    display: inline-block;
    border-radius: 3px;
    border: none;
    float: right;
    margin-top: -5px;
}

.community .img1 {
    background: #f6f6f6;
}

.rowdiv {
    border: 1px solid #dedede;
    padding: 15px 15px 0;
    border-radius: 10px;
    /* box-shadow: 0 3px 10px 0 #00000024; */
    min-height: 416px;
}


.section.community.our_service a.btnn1 {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    opacity: 1;
    padding: 10px 14px;
    font-size: 15px;
    margin-left: 14px;
    color: #000;
    display: inline-block;
    border-radius: 3px;
    border: none;
    float: right;
    margin-top: -2px;
}

.community .st {
    border: 1px solid #e4e4e4;
    border-radius: 8px;
}

.Notice_Board h4 {
    font-size: 22px;
    text-align: left;
}

.Notice_Board h4 .view_all {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    opacity: 1;
    padding: 10px 26px;
    font-size: 15px;
    margin-left: 14px;
    color: #000;
    display: inline-block;
    border-radius: 3px;
    border: none;
    float: right;
    margin-top: 0;
}

.Notice_Board .line2 {
    width: 138px;
    float: left;
}

.community .Notice_Board .nav {
    margin: 33px 0px;
}

.container.Notice_Board {
    margin-top: 28px;
}

.community .Notice_Board .tab-content a.view_all {
    float: right;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    box-shadow: inset 1px 1px 0px #00000029, 1px 1px 0px #00000029;
    opacity: 1;
    padding: 9px 26px;
    font-size: 15px;
    margin-left: 14px;
    color: #000;
    display: inline-block;
    border-radius: 3px;
    border: none;
    float: right;
    margin-bottom: 10px;
    font-weight: 600;
    margin-top: -84px;
}


.section_city .Sight .price-od {
    font-weight: 600;
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    color: #58595b;
}

.section_city .Sight .price-od b {
    color: #f68d00 !important;
    font-weight: 600;
    font-size: 18px;
}

.community .Notice_Board .nav .nav-item {
    border: none;
    width: 33.33%;
    margin-right: 10px;
    margin-bottom: 6px;
}

.community .Notice_Board .nav .nav-link {
    border: none;
    background: none;
    width: 100%;
    background: #7d7ae6 !important;
    border-radius: 6px;
    padding: 10px 20px;
    color: #fff !important;
    text-align: center;
    display: block;
}

.community .Notice_Board .nav .nav-link.active {
    background: #E67A9B !important;
}

.community .Notice_Board .nav .nav-link.active h4 {
    color: #fff;
}

.community .Notice_Board h4 {
    color: #002C0A;
    margin-bottom: 0;
    text-align: center;
}






/* .....................community .Notice_Board .nav .nav-item {
    border: none;
    width: 33.33%;
    margin-right: 10px;
    margin-bottom: 6px;
}
.community .Notice_Board .nav .nav-link {
    border: none;
    background: none;
    width: 100%;
    background: #7d7ae6 !important;
    border-radius: 6px;
    padding: 10px 20px;
    color: #fff !important;
    text-align: center;
    display: block;
}
.community .Notice_Board .nav .nav-link.active {
    background: #E67A9B !important;
}
.community .Notice_Board .nav .nav-link.active h4 {
    color: #fff;
}
.community .Notice_Board h4 {
    color: #002C0A;
    font-weight: 600;
    font-size: 30px;
    padding-top: 32px;
} query........................... */




.main_set .accordion-item.set:nth-child(7),
.main_set .accordion-item.set:nth-child(14) {
    background: #fdc0bd;
}

.main_set .accordion-item.set:nth-child(6),
.main_set .accordion-item.set:nth-child(13) {
    background: #b4bdff;
}

.main_set .accordion-item.set:nth-child(5),
.main_set .accordion-item.set:nth-child(12) {
    background: #ffe368;
}

.main_set .accordion-item.set:nth-child(4),
.main_set .accordion-item.set:nth-child(11) {
    background: #7ae6c0;
}

.main_set .accordion-item.set:nth-child(3),
.main_set .accordion-item.set:nth-child(10) {
    background: #e67a9b;
}

.main_set .accordion-item.set:nth-child(2),
.main_set .accordion-item.set:nth-child(9) {
    background: #4dc9e9;
}

.main_set .accordion-item.set,
.main_set .accordion-item.set:nth-child(8) {
    background: #7d7ae6;
}

.jobs ul.lists li span {
    border-radius: 5px;
    width: 48px;
    height: 39px;
    background: #FFE368;
    color: #000;
    line-height: 39px;
    text-align: center;
    display: inline-block;
    padding: 0;
}

.jobs ul.lists li span svg,
.jobs ul.lists li span i {
    font-size: 26px
}

.jobs ul.lists {
    display: inline-block;
    border: none;
    float: left;
}

.jobs ul.lists li {
    border: none;
    padding: 0;
    box-shadow: none;
    width: 48px;
    height: 39px;
}

.jobs ul.lists li span.active {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    color: #fff !important;
    border: 1px solid #002c0a;
}

#listt2 .accordion-item.set .row div {
    width: 100%;
}

#listt2 .accordion-item.set {
    flex: 0 0 auto;
    width: 33.33%;
    border: 6px solid #fff;
    float: left;
}

.jobs ul.lists li:hover span {
    bottom: 0;
}


.section_city .news_detail .txt .viewmore {
    background: #002C0A;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 5px 0 0;
    float: right;
    z-index: 9999;
    position: relative;
}

.section_city .staycations h6 {
    /* height: 56px;       */
    overflow: hidden;
    padding-bottom: 0 !important;
    color: black !important;
}

.abt {
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    margin-top: 24px;
    padding: 0 20px;
}

.blog_mainpage.blog_mainpage2 .blog2 .viewmo {
    font-size: 14px;
    border-radius: 4px;
    background: transparent !important;
    color: #2563EB !important;
    text-decoration: underline;
}

.section_login.section_signup .nav-tabs {
    max-width: 650px;
    border-radius: 3px;
    overflow: hidden;
}

.section_login.section_signup .nav-tabs li.nav-item {
    margin: auto;
    width: 50%;
}

.section_login.section_signup .nav-tabs .nav-item button {
    background: #f0f0f0;
    border-bottom: 1px solid #7fe6c2 !important;
    border-radius: 0;
}

.section_login.section_signup h2 {
    padding-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
}

.section_login.section_signup {
    padding: 40px 0px 25px;
}


.blog_singlepage .blogpagelog h2 {
    color: #162b75;
    font-size: 26px;
    font-weight: 600
}

.blog_singlepage .blogpagelog h6 {
    font-size: 15px;
    padding-top: 12px;
}

.blog_singlepage .blogpagelog {
    margin: 30px 0 40px;
}

.blog_singlepage .blogpagelog img {
    height: 75px;
}

.blog_singlepage .blogpagelog .view.loginfirst {
    font-weight: 500;
}

.blog_mainpage .club_carausel a.btn {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    border-radius: 4px;
    padding: 0 5px;
    height: 34px;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
    width: 100px;
    color: #000;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.header nav.navbar .navbar-nav {
    flex-direction: row;
    /* margin-left: 65px; */
}

a.Ssuggestion {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    border-radius: 0;
    color: #000;
    padding: 8px 34px;
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
    border-radius: 30px;
    text-decoration: none;
    cursor: pointer;
}


div#staticBackdrop {
    z-index: 9999999999;
}

.modal-dialog.modal-lg.lgin section.section_login .container {
    padding: 0;
}

section.Freelancers.grocery.groceryhome ul {
    min-height: 50px !important;
    overflow: hidden;
}

.modal-date .modal-content {
    background-color: #F6F6F6;
}

.modal-date .form-control {
    border: none;
}



.book_club .pet .ui-datepicker-inline {
    width: 100%;
    border: navajowhite;
    padding: 10px;
    background: #fff;
}

.book_club .ui-datepicker-calendar a.ui-state-default.ui-state-highlight.ui-state-active {
    background: #004E98 !important;
    color: #fff;
}


.filterfreelancers .item {
    text-align: left;
}

.filterfreelancers .col-md-4:nth-child(5n-2) .item,
.filterfreelancers_d_com .col-md-4:nth-child(5n-2) .item {
    background: #F6F6F6;
}

.filterfreelancers .col-md-4:nth-child(5n-3) .item,
.filterfreelancers_d_com .col-md-4:nth-child(5n-3) .item {
    background: #F6F6F6;
}

.filterfreelancers .col-md-4:nth-child(5n-4) .item,
.filterfreelancers_d_com .col-md-4:nth-child(5n-4) .item {
    background: #F6F6F6;
}

.filterfreelancers .col-md-4:nth-child(5n-5) .item,
.filterfreelancers_d_com .col-md-4:nth-child(5n-5) .item {
    background: #7ae6c0;
}


.filterfreelancers .item p,
.filterfreelancers_d_com .item p {
    text-align: left;
    margin-top: 8px !important;
}



.Freelancers.filterfreelancers .item .imgmain .img img {
    width: 100%;
    height: 100%;
    min-width: 100%;
}

.Freelancers.filterfreelancers .item .imgmain p,
.Freelancers.filterfreelancers_d_com .item .imgmain p {
    margin-top: 0;
}

.filterfreelancers .item p.locti,
.filterfreelancers_d_com .item p.locti {
    min-height: 40px;
}


section.user_dashboard.my_booking .dataTables_wrapper .dataTables_length label select {
    display: inline-block;
    width: auto;
}

section.user_dashboard.my_booking div#DataTables_Table_0_filter label input {
    display: inline-block;
    width: auto;
    margin-bottom: 15px;
}

section.store_singledetail.my_wishlist .sales {
    padding-bottom: 0;
    margin-top: 20px;
}

div#Jobs table tr td button.btn.addnew {
    padding: 0 16px !important;
}

div#Jobs a.btn.addnew {
    font-size: 14px;
    padding: 9px 26px;
    color: #000;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    display: inline;
    font-weight: 600;
}




.section_carpooling .mainright {
    padding: 1px 0px;
    /* box-shadow: inset 2px 2px 0px #00000029, 2px 2px 0px #00000029; */
    margin-bottom: 12px;
}

.mainright .form-group label {
    color: #A1A1A1;
}



.my_booking.user_ad_post h4 {
    font-size: 20px;
    padding: 11px 0px 0;
}


.my_booking .servicess {
    padding: 35px;
}

.section_carpooling {
    padding: 0px;
}

.section_carpooling label {
    margin-bottom: 8px;
}

.my_booking.user_ad_post .form-group label {
    font-size: 14px;
    color: #444444;;
    font-weight: 500;
}

.my_booking .form-group {
    padding: 8px 0px;
}

textarea.ckeditor.form-control.blog_desc_sec {
    height: 70px !important;
}


.my_booking label.form-check-label {
    margin-right: 28px;
    margin-left: 5px;
    margin-top: 7px;
}

.my_booking label.form-check-label input {
    margin-right: 2px;
}

.my_booking .servicess {
    box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.15);
    border-radius: 18px;
    background-color: #fff;
    max-width: 40rem !important;
}

input.form-control.blog_titlesec {
    background-color: #fff !important;
    width: 100%;
    padding: 12px 15px !important;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    font-size: 12px;
}


.my_booking.user_ad_post .mainright .form-control {
    color: #212529 !important;
    font-size: 12px;
    padding: 13px 7px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    height: 45px;
    box-shadow: none;
}


.book_club .pet h3.hedh3 {
    padding-top: 25px;
    font-size: 23px;
}

.book_club .pet .owl-nav {
    position: absolute;
    right: 0;
    top: -74px;
}

.book_club .pet .owl-nav button.owl-prev {
    left: -60px;
}

.book_club .pet .owl-nav button.owl-next {
    right: 0;
}


.blog_mainpage .blog2 ul li img {
    height: 18px !important;
    filter: brightness(0) saturate(100%) invert(32%) sepia(89%) saturate(2851%) hue-rotate(211deg) brightness(95%) contrast(92%);
}
.blog_mainpage .row .col-sm-6 span.float-end.mt-2 {
    padding-right: 15px !important;
}

.blog_mainpage .row .col-sm-6:nth-child(4) .blog2 {
    background: #fff;
}

.blog_mainpage .row .col-sm-6 .blog2 {
    background: #fff !important;
    position: relative;
    height: 100%;
    overflow: hidden !important;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px #0000001A;
    margin-bottom: 10px;
    border: none;
    min-height: 100% !important;
    padding: 0 !important;
}

.blog_mainpage .row .col-sm-6:nth-child(3) .blog2 {
    background: #fff;
}

.blog_mainpage .row .col-sm-6:nth-child(2) .blog2 {
    background: #fff;
}

.blog_mainpage .blog2 ul li {
    color: rgb(0 0 0);
}

.today-blog-head h6 {
    min-height: 40px;

}

.item-free-border {
    border-radius: 7px;
}

/* .today-blog {
    min-height: 393px !important;
} */

section.section_city {
    margin-bottom: 6px;
    margin-top: 24px;
}

.breadcrumb-item a {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
    text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/");
    display: none !important;
}

/* .blog_mainpage.blog_mainpage2 .owl-carousel .owl-item:nth-child(6n+0) .item .blog2,
section.blog_mainpage.blog .row .col-md-4:nth-child(6n+0) .blog2 {
    background: #fff;
}

.blog_mainpage.blog_mainpage2 .owl-carousel .owl-item:nth-child(6n+1) .item .blog2,
section.blog_mainpage.blog .row .col-md-4:nth-child(6n+1) .blog2 {
    background: #fff;
}

.blog_mainpage.blog_mainpage2 .owl-carousel .owl-item:nth-child(6n+2) .item .blog2,
section.blog_mainpage.blog .row .col-md-4:nth-child(6n+2) .blog2 {
    background: #fff;
}

.blog_mainpage.blog_mainpage2 .owl-carousel .owl-item:nth-child(6n+3) .item .blog2,
section.blog_mainpage.blog .row .col-md-4:nth-child(6n+3) .blog2 {
    background: #fff;
}

.blog_mainpage.blog_mainpage2 .owl-carousel .owl-item:nth-child(6n+4) .item .blog2,
section.blog_mainpage.blog .row .col-md-4:nth-child(6n+4) .blog2 {
    background: #fff;
}

.blog_mainpage.blog_mainpage2 .owl-carousel .owl-item:nth-child(6n+5) .item .blog2,
section.blog_mainpage.blog .row .col-md-4:nth-child(6n+5) .blog2 {
    background: #fff;
} */

/*******************28-08-2023***************************/
.Hero__container h1 {
    font-size: 31px;
    text-align: center;
    padding-top:
        50px;
}

.Hero__container {
    color: #fff;
    font-size: 20px;
    min-height: 280px;
    background-size: cover;
    border-radius: 10px;
}

.Popular_Categories .stp {
    background: #7AE6C0;
    box-shadow: 2px 2px 0px rgb(0 0 0 / 16%), inset 2px 2px 0px rgb(0 0 0 / 16%);
    border-radius: 8px;
    padding: 13px 0;
    height: 100%;
    position: relative;
    text-align: center;
}

.computers_ul li {
    background-color: #F2F2F2 !important;
    box-shadow: none !important;
    padding: 9px 15px !important;
}

.Popular_Categories .col-6:nth-child(6n+2) .stp,
.computers_ul li:nth-child(6n+2) {
    /* background: #7d7ae6ad; */
}

.Popular_Categories .col-6:nth-child(6n+3) .stp,
.computers_ul li:nth-child(6n+3) {
    /* background: #E67A9B ; */
}

.Popular_Categories .col-6:nth-child(6n+4) .stp,
.computers_ul li:nth-child(6n+4) {
    /* background:#7AD0E6 ; */
}

.Popular_Categories .col-6:nth-child(6n+5) .stp,
.computers_ul li:nth-child(6n+5) {
    /* background:#FFE368; */
}

.Popular_Categories .col-6:nth-child(6n+6) .stp,
.computers_ul li:nth-child(6n+6) {
    /* background:#E6AC7A; */
}

.Popular_Categories .stp .allview {
    border: none;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    border-radius: 4px;
    padding: 0 5px;
    height: 34px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    width: 205px;
    font-weight: 500 !important;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    position: absolute;
    bottom: 16px;
    left: 15px;
}

.Popular_Residential .item {
    border-radius: 10px;
    overflow: hidden;
}

.Popular_Categories h2.heding,
.Popular_Residential h2.heding {
    min-height: auto;
    margin-top: 40px;
    margin-bottom: 20px;
}

.computers_ul li:nth-child(6n+2),
.categories .shirtdiv .col-sm-6:nth-child(6n+2) .set {
    background: #7d7ae6ad;
}

.computers_ul li:nth-child(6n+3),
.categories .shirtdiv .col-sm-6:nth-child(6n+3) .set {
    background: #E67A9B;
}

.computers_ul li:nth-child(6n+4),
.categories .shirtdiv .col-sm-6:nth-child(6n+4) .set {
    background: #7AD0E6;
}

.computers_ul li:nth-child(6n+5),
.categories .shirtdiv .col-sm-6:nth-child(6n+5) .set {
    background: #FFE368;
}

.computers_ul li:nth-child(6n+6),
.categories .shirtdiv .col-sm-6:nth-child(6n+6) .set {
    background: #E6AC7A;
}

.categories .set ul li {
    padding: 5px 8px;
    display: inline-block;
    border-radius: 4px;
    background: rgb(247, 247, 248);
    border: 1px solid rgb(13 110 253);
    box-shadow: none;
    background: #ffffff;
}

.computers_ul li {
    padding: 5px 15px;
    background-color: #F2F2F2;
    /* box-shadow: 1px 1px 0px rgb(0 0 0 / 16%), inset 1px 1px 0px rgb(0 0 0 / 16%); */
    border: none;
}

.computers_ul li a span {
    color: #000000;
}

.categories .set h5 {
    font-size: 21px !important;
    margin-top: 0px
}

.categories .shirtdiv .set {
    background: #F6F6F6 !important;
    padding: 15px;
    border-radius: 11px;
    box-shadow: none !important;
    overflow: hidden;
}

.categories .shirtdiv .set .img {
    left: 0;
    width: 260px;
    border-radius: 10px;
    top: 2px;
}

.categories .set p.address span {
    color: #0000007a;
}

.categories .shirtdiv .set .viewmore {
    font-size: 14px;
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    display: inline-block;
    text-align: center;
    padding: 8px 20px !important;
    color: #000;
    border: none;
    border-radius: 6px;
    border-bottom: 1px solid #ccc;
}

.categories .shirtdiv .set .carousel-item {
    height: 266px;
    border-radius: 10px;
    background-position: center top;
    background-size: 134%;
}

.categories .shirtdiv .set ul.clt li:hover span {
    display: block;
    position: absolute;
    bottom: -23px;
    width: 100px;
    text-align: center;
    left: -34px;
}

.categories .shirtdiv .set .carousel-indicators button {
    margin: 0 4px;
    height: 50px !important;
    width: 70px !important;
    background-size: 133%;
    background-position: center;
    border: 2px solid #fff;
    border-radius: 7px;
}

.categories .shirtdiv .set .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}

.categories .shirtdiv .set ul.clt li span {
    display: none;
    font-size: 13px
}

.categories .shirtdiv .set ul.clt {
    padding: 0;
    margin-bottom: 0;
    text-align: right;
    width: 100%;
    margin-top: 15px;
}

.shirtdiv i.bi.bi-share-fill.float-end.sharelink {
    position: absolute;
  top: 16px;
  right: -29px;
  padding: 10px !important;
  background: #fafcff !important;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: block;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px;
  display: flex;
  justify-content: center;
}

.shirtdiv img#saveLikeDislike {
    position: absolute;
    top: -22px;
    right: -30px;
    padding: -2px !important;
    background: #fafcff !important;
    border-radius: 50%;
    width: 34px;
}

.categories .shirtdiv .set ul.clt li i {
    font-size: 16px;
}

.categories .shirtdiv .set ul.clt li {
    margin: 0 0px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    line-height: 32px;
    width: 34px;
    float: left;
    text-align: center;
    margin-right: 8px;
    font-weight: 500;
    font-size: 16px;
    padding: 0;
    border: none !important;
    height: 34px;
    background: #fff;
}

.categories .shirtdiv .set .viewmoresee {
    line-height: 34px;
    /* /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    background: transparent !important;
    font-size: 14px;
    height: 34px;
    padding: 0px 0px;
    border-radius: 4px;
    display: inline-flex;
    color: #325EF1 !important;
    text-decoration: none;
    margin-top: 0;
    font-weight: 500;
    width: 100% !important;
    margin-top: 15px !important;
}

.categories .shirtdiv .set p {
    font-size: 12px;
    color: #3883ee;
    font-weight: 600;
}

.shirtdiv-02 .shirtdiv {
	box-shadow: unset;
}


.shirtdiv-02 .shirtdiv {
  box-shadow: unset;
}
.shirtdiv-02 .shirtdiv .set {
  background-color: #f6f6f6 !important;
  padding: 15px !important;
  border-radius: 11px !important;
  border: unset;
}
.shirtdiv-02 .shirtdiv .fw-bold.text-dark.mb-1 {
  font-size: 20px;
  margin: 0px 0 10px !important;
}
.shirtdiv-02 .shirtdiv .set p {
  color: #515253 !important;
  font-size: 12px !important;
  text-decoration: none !important;
}
.shirtdiv-02 .shirtdiv .set ul li {
  padding: 5px 8px;
  display: inline-block;
  border-radius: 4px;
  background: rgb(247, 247, 248);
  border: 1px solid rgb(215 214 214);
  box-shadow: none;
}
.shirtdiv-02 .shirtdiv .set ul li p {
  font-size: 12px !important;
  color: #3883ee !important;
  font-weight: 600;
}
.shirtdiv-02 .shirtdiv .set .me-3 {
  font-size: 14px;
  font-weight: 400;
  margin-right: 9px !important;
}
.shirtdiv-02 .shirtdiv .set .me-3 i {
  font-size: 16px;
}
.shirtdiv-02 .shirtdiv .set .bi.bi-geo-alt {
  background: #4983ee;
  color: #fff;
  font-size: 15px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 35px;
  text-align: center;
  line-height: 25px;
}
.shirtdiv-02 .shirtdiv .set .text-muted.small.mb-3 {
  display: flex;
  gap: 7px;
  font-size: 14px;
}


.shirtdiv-02 .shirtdiv .set .icon-btn.text-decoration-none.text-primary {
  padding: 4px 8px;
  height: 34px;
}

.shirtdiv-02 .shirtdiv .set .icon-btn.text-decoration-none.text-danger {
  padding: 4px 8px;
  height: 34px;
}

.shirtdiv-02 .shirtdiv .set .icon-btn.text-decoration-none.text-danger:hover {
  transform: unset;
  box-shadow: unset;
  background-color: #dc3545;
  color: #fff !important;
  border: 1px solid #dc3545;
}

.shirtdiv-02 .shirtdiv .set .icon-btn.text-decoration-none.text-primary:hover {
  transform: unset;
  box-shadow: unset;
  background-color: #0d6efd;
  color: #fff !important;
  border: 1px solid #0d6efd;
}

.col-sm-7.shirtdiv-info-box {
  position: relative;
}
.shirtdiv-02 .shirtdiv .set .text-muted.small.mb-3 p {
  position: absolute;
  top: -9px;
  right: 4px;
}


.shirtdiv-02 .shirtdiv .set #saveLikeDislike {
  top: 0;
}
.shirtdiv-02 .shirtdiv .set .bi.bi-share-fill.float-end.sharelink {
  top: 37px;
}
.singlecategories .computers_ul li:nth-child(6n+2) a {
    background: #7d7ae6ad;
}

.singlecategories .computers_ul li:nth-child(6n+3) a {
    background: #E67A9B;
}

.singlecategories .computers_ul li:nth-child(6n+4) a {
    background: #7AD0E6;
}

.singlecategories .computers_ul li:nth-child(6n+5) a {
    background: #FFE368;
}

.singlecategories .computers_ul li:nth-child(6n+6) a {
    background: #E6AC7A;
}

.singlecategories .computers_ul li a {
    padding: 8px 17px !important;
    background-color: #7AE6C0;
    box-shadow: 1px 1px 0px rgb(0 0 0 / 16%), inset 1px 1px 0px rgb(0 0 0 / 16%);
    border: none;
    display: inline-block;
    border-radius: 30px;
}

.singlecategories .computers_ul li {
    padding: 0;
    border-radius: 30px;
    overflow: hidden;
    border: none;
}

.singlecategories .computers_ul li.arrow-left {
    border: none;
    padding: 0;
    margin-right: 8px;
}

.singlecategories .setright h6 {
    color: #000;
}

.loved-clothes-search {
    display: flex;
    justify-content: end;
}

.loved-clothes-search form {
    position: relative;
}

.loved-clothes-search form i {
    position: absolute;
    top: 8px;
    left: 17px;
    color: #A1A1A1;
    font-size: 24px;
}

.loved-clothes-search form input {
    border: none;
    background: #F6F6F6 !important;
    padding: 10px;
    border-radius: 13px;
    width: 277px;
    height: 48px;
    padding-left: 35px;
}

.categories .set p.address p {
    color: #6E6E6E;
}

.loved-clothes-search img {
    height: 44px;
    background: #F6F6F6;
    padding: 9px;
    border-radius: 7px;
    margin-top: 4px;
    margin-left: 10px;
}

.loved-clothes-search form input::placeholder {
    padding-left: 20px;
    color: #CCCCCC;
}

.singlecategories .setright {
    background: #F6F6F6 !important;
}

.singlecategories .setright:nth-child(2) {
    background: #e67a9b;
}

.singlecategories .setright ul li {
    border: 1px solid #000;
}

.Popular_Residential .clt {
    padding: 0;
    margin-bottom: 0;
    text-align: right;
    width: 100%;
    margin-top: 15px;
}

.Popular_Residential .clt li {
    margin: 0 0px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    line-height: 32px;
    width: 34px;
    float: left;
    text-align: center;
    margin-right: 8px;
    font-weight: 500;
    font-size: 16px;
    padding: 0;
    /* border: 1px solid gainsboro; */
    height: 34px;
    background: #fff;
}

.Popular_Residential .clt li i {
    color: black;
}

.Popular_Residential .viewmoresee {

    line-height: 34px;
    /* /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    font-size: 14px;
    height: 34px;
    padding: 0px 21px;
    border-radius: 4px;
    display: inline-flex;
    /* color: #000; */
    text-decoration: none;
    /* margin-top: 0; */
    font-weight: 500;
    color: #325EF1 !important;
}


.singlepage_left h2 {
    position: absolute !important;
    top: 0px !important;
    right: 3px !important;
    color: #325EF1 !important;
    font-size: 19px !important;
}

.setright p i {
    color: #FFBA49;
    font-size: 23px;
}

.Popular_Residential p {
    height: 19px !important;
}

.singlecategories ul.ulItem li {
    border: none !important;
    padding: 0;
    margin: 0;
    text-align: left;
}

.singlecategories ul.ulItem li span {
    color: #6E6E6E;
}

.singlecategories ul.ulItem li {
    /* border: 2px solid #7ad0e6; */
}

.singlecategories ul.ulItem li {
    box-shadow: none !important;
}

.singlecategories .See_description {
    /* background: radial-gradient(50% 50% at 50% 50%, #ffaf00 0%, #fb8500 100%); */
    padding: 8px 20px;
    border: navajowhite;
    border-bottom: 1px solid #ccc;
}

/* preloved frontend */

div#preloved_image_preview {
    display: flex;
    flex-wrap: nowrap;
}

div#preloved_image_preview img {
    width: 50px;
    margin-top: 20px;
}



/*.allCategories .tst {
    display: none  ;
}*/
.allCategories .tst:first-child,
.allCategories .tst:nth-child(2),
.allCategories .tst:nth-child(3),
.allCategories .tst:last-child {
    display: inline-block;
}

.allCategories.main .tst {
    display: inline-block;
}

.allCategories .tst:last-child .stp.viewall {
    background: #ffe368;
    width: 100%;
    text-align: center;
    display: block;
    padding: 46px 0;
    font-weight: 600;
}

.allCategories.main .stp.viewall p.less {
    display: block !important;
}

.allCategories.main .stp.viewall p {
    display: none;
    margin-bottom: 0;
    line-height: 26px;
}

.allCategories.main .stp.viewall p span {
    display: block;
    font-size: 24px;
    margin-bottom: 0;
}


/*********** @media (max-width: 1799.99px)*************/
@media (max-width: 1799.99px) {
    /* .app-section form label.form-label {
        left: 212px !important;

    } */

    .header li.nav-item a.nav-link {
        padding: 5px 10px;
        font-size: 17px;
    }

    .header li.nav-item {
        padding: 0px 0;
    }

    .grocery .banner {
        padding: 80px 0px;
    }

    .Neighbourhoodmain_page {
        padding: 0px;
    }

    .book_club .banner {
        padding: 80px 0px;
    }

    /* .community .banner{
padding: 80px 0px;
} */
    .section_neighbourhoodform .banner {
        padding: 80px 0px;
    }

    .header .step3 {
        position: absolute;
        height: 27px;
        text-align: center;
        top: 60px;
        left: 108px;
    }

    .header .step4 {
        position: absolute;
        bottom: -24px;
        z-index: 999;
        left: 1px;
        height: 13px;
    }
}

@media (max-width: 1630.99px) {
    /* .app-section form label.form-label {
        left: 195px !important;

    } */

}

/*********** @media (max-width: 1599.99px)*************/
@media (max-width: 1599.99px) {

    .nav-wrapper button {
        padding: 0px 15px;
    }

    .our_service h3 {
        font-size: 30px;
    }

    .our_service .our_service_carousel {
        padding: 0 40px;
    }

    .our_service .our_service_carousel2 {
        padding: 0 40px;
    }

    /*.our_service .owl-nav button.owl-prev {
    left: 0px;
}
.our_service .owl-nav button.owl-next {
    right: 0px;
}*/

    .grocery .banner {
        padding: 65px 0px;
    }

    .book_club .banner {
        padding: 65px 0px;
    }

    .Neighbourhoodmain_page {
        padding: 65px 0px;
    }

    /* .community .banner{
padding: 65px 0px;
} */
    .section_neighbourhoodform .banner {
        padding: 65px 0px;
    }

    .section_neighbourhoodform .banner h2 {
        font-size: 35px;
    }

    /* .header li.nav-item {
    margin-right: 3px;
    margin-left: 3px;
    padding: 0px 6px;
} */
    .header li.nav-item {
        margin-right: 3px;
        margin-left: 3px;
        padding: 0px 0;
        display: flex;
        align-item: center;
    }

    .header .step4 {
        height: 12px;
    }

    .header li.nav-item a.nav-link {
        font-size: 16px;
        padding: 8px 11px !important;
    }
}

@media (max-width: 1599.99px) {
    .app-section form label.form-label {
        /* left: 162px !important; */
    }
}

/*********** @media (max-width: 1399.99px)*************/
@media (max-width: 1400.99px) {

    .book_club .ui-datepicker-calendar tr th {
        padding: 0;
    }

    .carpoolingmainpage .btn {
        padding: 8px 15px;
    }

    .side_bar1 {
        padding: 15px;
    }

    section.banner.clubcarousal {
        margin-bottom: 80px !important;
    }

    .Freelancers.spoffer .item h6 {
        font-size: 15px;
    }

    .section_city .city1 .city2 h6 {
        padding: 15px 0px;
    }

    .grocery .grocerypage p {
        padding-bottom: 0px;
        height: 24px;
        overflow: hidden;
    }

    .grocery .grocerypage h5 {
        font-size: 18px;
    }

    .grocery .grocerypage .img {
        height: 205px;
    }

    .Freelancers .lancers1 ul li {
        font-size: 15px;
        padding: 0px 5px;
    }

    .Nannies .item p i,
    .Freelancers .item p i {
        margin-right: 2px;
    }

    .Freelancers .item {
        padding: 10px;
    }

    .Freelancers .lancers1 ul li {
        font-size: 14px;
        padding: 0px 5px
    }

    section.about_us .team .imgg {
        height: 320px;
    }

    .section_city h6 {
        padding: 5px 0px;
    }

    .section_city .nav li .nav-link {
        padding: 10px 20px;
    }

    .community .mainn1 .mainn p {
        font-size: 14px;
    }

    .community .mainn1 .mainn h5 {
        font-size: 18px;
    }

    .our_service .item p {
        font-size: 14px;
    }

    .community .mainn1 h2 {
        color: white;
        font-size: 24px;
    }

    .community .nav-link h4,
    .community .nav-link.active h4 {
        font-size: 20px;
    }

    .blog_mainpage .blog2 ul li {
        margin-right: 8px;
        font-size: 15px;
    }

    .community .nav {
        margin: 0 0px 20px;
    }

    section.app.app2 .form-control {
        padding: 0px 0px 0px 75px;
        width: 65% !important;
    }

    img.bdfooter {
        width: 115px;
    }

    .app h2 {
        font-size: 36px;
    }

    .app h3 {
        color: #fff;
        font-size: 22px;
        padding-top: 20px;
        margin-bottom: 15px;
    }

    .app form .buttonn {
        padding: 0 0px;
    }

    section.app.app2 a.cod img {
        margin-right: 4px;
        width: 31px;
    }

    section.app.app2 a.cod {
        margin-top: 8px;
        display: inline-block;
    }

    .header li.nav-item {
        padding: 0px 0;
    }

    .community .upcoming li {
        padding: 0;
        font-size: 14px;
    }

    .community .upcominggg ul {
        margin-bottom: 10px;
    }

    .community .upcoming .btnn2 {
        padding: 10px 36px;
        font-size: 15px;
    }
}



/*********** @media (max-width: 1365.99px)*************/

@media (max-width: 1365.99px) {
    .header li.nav-item {
        padding: 0px 0;
    }

    .header li.nav-item a.nav-link {
        font-size: 15px;
        padding: 1px 8px !important;
    }

    .header.header2 .nav-wrapper button {
        top: 9px;
        height: 38px;
    }

    .our_service .item img {
        height: 50px;
    }

    .our_service .owl-nav button.owl-prev {
        left: 0;
    }

    .our_service .owl-nav button.owl-next {
        right: 0;
    }

    .footer .cont ul li a {
        font-size: 14px;
    }

    .footer .menu p {
        font-size: 14px;
    }

    .footer .cont ul li {
        padding-top: 5px;
        font-size: 14px;
    }

    .header .navbar-brand img {
        width: 91px;
    }

    .header li.nav-item {
        margin-right: 3px;
        border-radius: 5px;
        margin-left: 3px;
        font-size: 16px;
        line-height: 37px;
    }

    .header a.nav-link {
        padding: 0;
        /* width: 151px; */
        font-weight: 500;
    }

    .header .login {
        padding-left: 28px;
        font-size: 16px;
        padding-right: 1px;
        padding-top: 9px;
    }

    .header .login {
        padding-left: 28px;
        font-size: 16px;
        padding-right: 1px;
        padding-top: 9px;
    }

    .header input {
        padding: 8px 9px;
        width: 188px;
        margin-left: 12px;
    }

    .banner .carousel-indicators {
        margin-bottom: 3rem;
    }

    .banner h1 {
        font-size: 31px;
    }

    .banner p {
        font-size: 14px;
        padding-top: 21px;
    }

    .banner .input {
        top: 24px;
        padding: 4px 9px;
    }

    /*.banner .carousel-item {
    padding: 185px 0px 0;
}*/
    .banner .imgg img {
        width: 165px;
    }

    .app p {
        font-size: 14px;
        padding-top: 13px;
        padding-bottom: 41px;
    }

    .Nannies .item h6 .bi {
        margin-right: 2px;
        font-size: 13px;
    }

    .Gardeners .item h6 .bi {
        margin-right: 1px;
        font-size: 13px;
    }

    .Neighbourhoodmain_page .banner h2 {
        font-size: 34px;
    }

    .community .banner h2 {
        font-size: 34px;
    }

    .grocery .banner h2 {
        font-size: 34px;
    }

    .store_singledetail .banner h2 {
        font-size: 26px;
    }

    .section_neighbourhoodform .banner {
        padding: 59px 0px
    }

    .grocery .banner {
        padding: 59px 0px
    }

    /* .community .banner{
padding: 59px 0px;
} */
    .book_club .banner {
        padding: 59px 0px
    }

    .book_club .banner h2 {
        font-size: 34px;
    }

    .Neighbourhoodmain_page {
        padding: 59px 0px
    }

    .store_singledetail .sales .btn {
        top: 131px;
    }

    .store_singledetail .sales h5 {
        font-size: 18px;
    }

    .header .frntlog {
        height: 92px;
    }

    .Freelancers .item .imgmain,
    .Nannies .item .imgmain {
        padding-left: 75px;
    }

    .Freelancers .item .imgmain .img,
    .Nannies .item .imgmain .img {
        width: 65px;
        height: 65px;
    }

    .Freelancers .item h6,
    .Nannies .item h6 {
        font-size: 15px;
    }

    .Freelancers .lancers1 ul li,
    .Nannies .Nannies2 ul li {
        font-size: 14px;
        padding: 0px 5px;
    }

    .blog .blog2 .imgg {
        width: 66px;
        height: 66px;
    }

    .blog_mainpage .blog2 p {
        line-height: 20px;
    }

    .blog_mainpage .blog2 h5 {
        padding: 2px 0px 2px;
    }

    section.banner {
        margin-bottom: 20px;
    }

    .our_service h3 {
        font-size: 28px;
    }

    .header nav.navbar .navbar-nav {
        margin-left: -65px;
    }
}

@media (max-width: 1200px) {
    .app-section form label.form-label {
        top: 35px !important;
        left: 162px !important;

    }

    .Freelancers h4.pt-0,
    .blog_mainpage h4,
    .section_city h4 {
        font-size: 34px;
    }


}

/*********** @media (max-width: 1199.99px)*************/

@media (max-width: 1199.99px) {
    section.about_us .team .imgg {
        height: 250px;
    }

    .Freelancing .item .imgg11 {
        min-height: 163px;
    }

    .single_profile .profile li img {
        margin-right: 15px;
    }

    .single_profile .form-group .tekmain label {
        font-size: 15px;
    }

    .single_profile .profile {
        padding: 5px 20px 15px;
    }

    .owl-stage-outer .item.freelancers_pg_slider {
        height: 185px;
    }

    .section_city .nav li .nav-link {
        padding: 10px 8px;
    }

    .community .secret .nav .nav-link.active .img12 {
        height: 300px;
    }

    .community .secret .img12 {
        height: 300px;
    }

    .community .secret .recipe1::before {
        height: 220px;
    }

    .community .secret .recipe2::after {
        width: 178px;
        height: 335px;
    }

    .secret nav {
        width: 536px;
    }

    .section_city .date.float-end {
        margin-top: 7px;
    }

    .community .secret .recipe1::after {
        top: 40px;
        height: 220px;
    }

    .store_singledetail {
        margin-bottom: 30px;
    }

    .community .secret h2 {
        font-size: 28px;
    }

    .section_login .nav-tabs .nav-item button {
        padding: 0;
    }

    .footer .footer1 li {
        margin-right: 6px;
    }

    img.bdfooter {
        width: 96px;
    }

    img.appa {
        height: 40px;
    }

    .Freelancers .lancers1 ul li,
    .Nannies .Nannies2 ul li {
        font-size: 16px;
    }

    .header .login {
        padding-left: 15px;
        font-size: 16px;
        padding-right: 1px;
        padding-top: 9px;
    }

    .header input {
        padding: 8px 4px;
        width: 132px;
        margin-left: 0px;
        margin-right: -2px;
    }

    .header ul.icons li {
        list-style-type: none;
        padding-top: 18px;
        margin-right: 8px;
        font-size: 20px;
    }

    .header form .dropdown {
        right: 1px;
    }

    .header li.nav-item {
        margin-right: 3px;
        border-radius: 5px;
        padding: 3px 0;
        margin-left: 3px;
        font-size: 16px;
    }

    .nav-wrapper button {
        padding: 0px 15px;
    }

    .header ul.icons {
        padding: 0px;
        padding-top: 16px;
    }

    .banner h1 {
        font-size: 25px;
        margin: 0px;
    }

    .banner p {
        padding-top: 21px;
    }

    .banner form {
        padding-top: 19px;
    }

    .banner form button {
        top: 23px;
        padding: 0px 1px;
    }

    .banner input {
        padding: 11px 13px;
        margin-left: 12px;
        padding-left: 208px;
    }

    .app h2 {
        font-size: 32px;
        padding-top: 0;
        margin-bottom: 0;
    }

    .app ul {
        margin-top: 18px;
    }

    .app ul li span {
        margin-bottom: 3px;
    }

    section.app.app2 form {
        margin: 20px 0 20px;
        margin-left: 131px;
    }

    section.app.app2 .form-control {
        padding: 0px 0px 0px 75px;
        height: 48px;
        font-size: 14px;
    }

    .app form .buttonn {
        padding: 0 15px;
        font-size: 14px;
        height: 48px;
        border-radius: 4px;
    }

    .app ul li span {
        height: 55px;
        width: 55px;
        line-height: 47px;
        margin-bottom: 3px;
    }

    .app h3 {
        font-size: 20px;
        padding-top: 12px;
        margin-bottom: 0;
    }

    .app p {
        padding-top: 8px;
        padding-bottom: 17px;
    }

    .banner .input {
        top: 24px;
        padding: 4px 9px;
    }

    .single_profile h2 {
        font-size: 21px;
    }

    .single_profile .profile li {
        font-size: 16px;
    }

    .single_profile .btn {
        font-size: 22px;
        padding: 7px 73px;
    }

    .single_profile span .btnn1 {
        padding: 11px 54px;
    }

    .single_profile .item h5 {
        font-size: 20px;
        padding-top: 5px;
    }

    .grocery .btn {
        padding: 8px 26px;
    }

    .section_neighbourhoodform .banner {
        padding: 53px 0px
    }

    .grocery .banner {
        padding: 53px 0px
    }

    /* .community .banner{
padding: 53px 0px;
} */
    .book_club .banner {
        padding: 53px 0px
    }

    .Neighbourhoodmain_page {
        padding: 53px 0px
    }

    .store_singledetail .sales .btn {
        top: 131px;
    }

    .section_neighbourhoodform .banner h2 {
        font-size: 30px;
    }

    .header .sl-nav li {
        height: 59px;
    }

    .header li.nav-item {
        margin-right: 3px;
        border-radius: 5px;
        padding: 3px 0;
        margin-left: 2px;
        font-size: 15px;
        line-height: 33px;
    }

    .header a.nav-link {
        padding: 0 6px;
    }
}

@media (max-width: 1199.99px) {

    .app-section form label.form-label {
        left: 198px !important;
    }

    .header ul.icons li p span {
        top: 10px;
    }

    .header nav button.navbar-toggler {
        left: 0;
        width: 48px;
        padding: 0;
        background: transparent !important;
        border: navajowhite;
        line-height: 38px;
        top: 0 !important;
        height: 100%;
        padding: 0 0;
        height: 38px;
        outline: none !important;
        box-shadow: none;
    }

    .shopping_bagin {
        padding-right: 320px;
    }

    .shopping_side {
        width: 300px;
    }

    section.banner.clubcarousal {
        margin-bottom: 30px !important;
    }

    .Nannies .item p i,
    .Freelancers .item p i {
        margin-right: 4px;
    }

    .Freelancers .item {
        padding: 10px;
    }

    .header .nav-wrapper button {
        padding: 0px 6px;
        height: 39px;
        font-size: 14px;
    }

    .our_service h3 {
        font-size: 26px;
        padding-top: 25px;
    }

    .app .appin iframe {
        height: 240px;
    }

    .app .appin h3 {
        font-size: 20px;
        padding-top: 0;
        margin-bottom: 8px;
    }

    section.app.app2 img.frntlog {
        height: 370px;
    }

    .modal-dialog.bargain_offer .city2 {
        padding: 10px 0 0 0;
    }


    .section_carpooling .main {
        padding-left: 395px;
    }

    .section_carpooling .main .sidenav {
        width: 380px;
    }

    .section_carpooling .main .sidenav .box {
        padding: 18px 18px;
    }

    .section_carpooling .main .sidenav .main1 {
        padding-left: 20px;
    }

    .section_carpooling .profile li img {
        margin-right: 15px;
    }

    .section_carpooling .mainright {
        padding: 20px 18px;
    }

    .header.header2 .nav-wrapper button {
        top: 9px;
    }

    .carpooling_div .jobs ul li {
        margin-right: 5px;
    }

    .carpoolingmainpage .btn {
        padding: 9px 5px;
        font-size: 14px;
        border-radius: 4px;
        font-weight: 500;
    }

    .book_club .ui-datepicker-calendar a.ui-state-default {
        border: none !important;
        margin: 0px auto;
        background: #fff !important;
    }

    .book_club .ui-state-default {
        line-height: 26px;
        height: 30px;
        width: 30px;
        font-size: 14px;
        border-radius: 4px;

    }

    .book_club .ui-datepicker-calendar thead tr th span {
        width: 30px;
    }

    .book_club .ui-datepicker td {
        padding: 2px;
    }

    .header li.nav-item a.nav-link {
        font-size: 14px;
        padding: 1px 4px;
        display: inline;
    }

    .header nav.navbar .navbar-nav {
        margin-left: -83px;
    }
}

@media (max-width: 1121.99px) {
    .app-section form label.form-label {
        left: 177px !important;
    }

}


/*********** @media (max-width: 992.99px)*************/
@media (max-width: 992.99px) {
    .banner.stor_img.newstor .stp {
        margin-top: 242px;
    }

}

/*********** @media (max-width: 991.99px)*************/

@media (max-width: 991.99px) {

    .images-pink {
        height: auto !important;
    }

    .images-pink-mobile {
        height: 400px !important;
    }

    .app-section form label.form-label {
        left: 246px !important;
    }

    .heading-stay {
        font-size: 24px !important;

    }

    .subscribe-blog h2 {
        font-size: 28px;
    }

    .app {
        margin: 35px 0px;
    }

    .banner .imgg img {
        height: 7px;
    }

    .header input {
        width: 172px;
        margin-left: 2px;
        margin-right: 80px;
    }

    .header ul.icons {
        right: 254px;
    }

    .header .login {
        padding-left: 0px;
        padding-right: 0px;
    }

    .header form .dropdown {
        right: 87px;
    }

    .header li.nav-item {
        border-radius: 0px;
    }

    .banner h1 {
        font-size: 18px;
    }

    .banner .input {
        width: 118px;
        top: 24px;
    }

    .banner input {
        padding-left: 158px;
    }

    .banner form button {
        padding: 1px 18px;
        top: 24px;
        line-height: 29px;
    }

    .app p {
        padding-top: 1px;
        padding-bottom: 9px;
    }

    .app h2 {
        font-size: 21px;
        padding-top: 1px;
    }

    .Freelancers .owl-nav,
    .blog_mainpage .owl-nav,
    .section_city .owl-nav {
        text-align: center;
    }

    .Freelancers .owl-nav button.owl-prev,
    .blog_mainpage .owl-nav button.owl-prev,
    .section_city .owl-nav button.owl-prev {
        position: relative;
        background: #ffffff;
        padding: 0 13px !important;
        height: 30px;
        border-radius: 2px;
        border: 1px solid #e3e2e2;
        margin-right: 10px;
        left: 0;
    }

    .Freelancers .owl-nav button.owl-next,
    .blog_mainpage .owl-nav button.owl-next,
    .section_city .owl-nav button.owl-next {
        position: relative;
        background: #ffffff;
        padding: 0 13px !important;
        height: 30px;
        border-radius: 2px;
        border: 1px solid #e3e2e2;
        right: 0;

    }

    .Freelancers .owl-nav button span,
    .blog_mainpage .owl-nav button span,
    .section_city .owl-nav button span {
        position: relative;
        top: -11px;
    }

    .Freelancers .owl-nav,
    .blog_mainpage .owl-nav,
    .section_city .owl-nav {
        position: absolute;
        right: 0;
        top: -37px;
    }

    .vector section {
        margin-top: 30px;
        margin-bottom: 0 !important;
    }

    /*.Freelancers .owl-nav button span {
font-size: 32px;
background-color: #8080807d;
padding: 0px 12px;
margin-right: 14px;
}*/
    /*.Freelancers .owl-nav button.owl-prev{
position: inherit;
top: 0px;
left: 0px;
}
.Freelancers .owl-nav button.owl-next{
position: inherit;
top: 0px;
left: 0px;
}*/
    .Nannies .owl-nav {
        text-align: center;
    }

    .Nannies .owl-nav button span {
        font-size: 32px;
        background-color: #8080807d;
        padding: 0px 12px;
        margin-right: 14px;
    }

    .Nannies .owl-nav button.owl-prev {
        position: inherit;
        top: 0px;
        left: 0px;
    }

    .Nannies .owl-nav button.owl-next {
        position: inherit;
        top: 0px;
        left: 0px;
    }

    .Gardeners .owl-nav {
        text-align: center;
    }

    .Gardeners .owl-nav button span {
        font-size: 32px;
        background-color: #8080807d;
        padding: 0px 12px;
        margin-right: 14px;
    }

    .Gardeners .owl-nav button.owl-prev {
        position: inherit;
        top: 0px;
        left: 0px;
    }

    .Gardeners .owl-nav button.owl-next {
        position: inherit;
        top: 0px;
        left: 0px;
    }

    .Freelancers .lancers1 button {
        margin-top: 3px;
    }

    .footer form button {
        padding: 0px 22px;
        font-weight: 600;
    }

    .footer form input {
        padding: 10px 27px;
    }

    .banner .scrol {
        right: 5px;
    }

    .footer .menu p {
        padding: 2px 0px;
    }

    .our_service h3 {
        font-size: 29px;
        padding-top: 11px;
    }

    .our_service .owl-dots {
        display: none;
    }

    .Freelancers h3 {
        font-size: 29px;
        padding-top: 26px;
    }

    .Freelancers .owl-nav button span,
    .blog_mainpage .owl-nav button span,
    .section_city .owl-nav button span {
        font-size: 29px;
    }

    .Nannies h3 {
        font-size: 29px;
        padding-top: 26px;
    }

    .Nannies .owl-nav button span {
        font-size: 29px;
    }

    .Gardeners h3 {
        font-size: 29px;
        padding-top: 26px;
    }

    .Gardeners .owl-nav button span {
        font-size: 29px;
    }

    .section_login .checkbox {
        margin-top: 18px;
    }

    .section_login .log1 {
        padding: 11px 0px;
        font-size: 18px;
        font-weight: 600;
    }

    .section_login img {
        /*margin-bottom: 40px;*/
        margin-left: 14px;
        height: 40px;
    }

    .section_login .form-signin h2 {
        font-size: 25px;
    }

    .section_signup .imagefile img {
        height: auto;
    }

    .single_profile h2 {
        font-size: 20px;
        margin-top: 2px;
    }

    .single_profile .profile li {
        font-size: 15px;
    }

    .single_profile .edu li {
        font-size: 14px;
    }

}


/*********** @media (max-width: 991.99px)*************/
@media (max-width: 991.99px) {

    .heading-stay h4 a {

        font-size: 24px;
    }

    .blog_mainpage2 h4 {
        font-size: 24px;

    }

    .banner.stor_img .stp {
        margin-top: 225px;
    }

    .section_city h2 {
        padding: 25px 0px 0;
    }

    .section_city .nav li .nav-link {
        width: 100%;
    }

    .section_city .nav li {
        width: 32.33%;
        margin: 0 .5% 5px;
    }

    .section_city .date.float-end {
        margin-top: -46px;
    }

    section.section_city,
    section.blog_mainpage.blog_mainpage2,
    section.Freelancers {
        margin-bottom: 20px;
    }

    .section_city .city1 .imgggg1 {
        height: 150px;
        line-height: 150px;
    }

    .single_profile h4 {
        font-size: 20px;
    }

    .single_profile .item h5 {
        font-size: 18px;
        padding-top: 2px;
    }

    .single_profile .item span {
        padding-top: 1px;
    }

    .single_profile .item p {
        font-size: 14px;
    }

    .single_profile .item span .bi {
        font-size: 14px;
    }

    .Neighbourhoodmain_page h3 span .btn {
        padding: 8px 32px;
    }

    .Neighbourhoodmain_page h3 {
        font-size: 20px;
    }

    .Neighbourhoodmain_page .mainpage {
        margin: 10px 0px;
    }

    .footer .footer1 li {
        margin-right: 7px;
    }

    .Neighbourhoodmain_page .banner h2 {
        font-size: 30px;
    }

    .community .banner h2 {
        font-size: 30px;
    }

    .grocery .banner h2 {
        font-size: 30px;
    }

    .section_city .city2 {
        padding: 6px 15px;
        margin-top: 0;
    }

    .store_singledetail {
        margin-bottom: 20px
    }

    .banner.stor_img .stp {
        width: 100%;
        padding: 15px 280px 15px 15px;
        height: 220px;
    }

    .order .img img {
        height: 110px !important;
        width: 110px !important;
    }

    .order {
        padding: 18px 15px 15px;
        height: 220px;
    }

    .community .real_catagories {
        margin: 0 0px;
    }

    .community .mainn1 .btnn1 {
        padding: 10px 10px;
        font-size: 15px;
        margin-left: 0
    }

    .community .board .set {
        height: 206px;
    }

    .community .upcoming .btnn2 {
        padding: 10px 36px;
        font-size: 14px;
        border-radius: 3px;
    }

    .banner.stor_img {
        height: 480px !important;
    }

    .community .mainn1 .mainn h5 {
        font-size: 16px;
    }

    .community .upcominggg .imggg1 {
        height: 130px;
    }

    .community .upcominggg .upcoming {
        padding: 15px;
    }

    .community .imgg1 {
        margin: 20px 0px;
        height: 200px;
    }

    .community h4 {
        font-size: 24px;
    }

    .community .nav-link h4,
    .community .nav-link.active h4 {
        font-size: 18px;
    }

    .community .img1 {
        height: 185px;
        overflow: hidden;
        border-radius: 7px;
        position: relative;
        margin-bottom: 10px;
    }

    .community .mainn1 h2 {
        font-size: 20px;
        padding-top: 65px;
    }

    .community .secret h2 {
        font-size: 24px;
        padding: 0;
    }

    .carpoolingmainpage h2 {
        font-size: 22px;
        padding: 0px 0px;
    }

    .carpoolingmainpage ul.foot li {
        padding: 9px 10px;
        margin-bottom: 5px;
    }

    .carpooling_div ul.foot {
        top: -170px;
        width: 220px;
    }

    .carpooling_div ul li.nav-item button {
        padding: 10px 15px;
    }

    .book_club .banner h2 {
        font-size: 30px;
    }

    .store_singledetail .banner h2 {
        font-size: 20px;
    }

    .section_neighbourhoodform .banner {
        padding: 27px 0px
    }

    .grocery .banner {
        padding: 27px 0px
    }

    /* .community .banner{
padding: 27px 0px;
} */
    .book_club .banner {
        padding: 27px 0px
    }

    .Neighbourhoodmain_page {
        padding: 27px 0px
    }

    .store_singledetail .sales .btn {
        top: 167px;
    }

    .section_neighbourhoodform .banner h2 {
        font-size: 25px;
    }

    .section_neighbourhoodform .Neighbourform {
        padding: 53px 0px;
    }

    .section_neighbourhoodform .Neighbourform .form-signin .imagefile input {
        left: 0px;
    }

    .book_club .nav {
        margin: 27px 0px;
    }

    .book_club .nav-item {
        margin-left: 3px;
    }

    .book_club .events h4 {
        font-size: 20px;
    }

    .book_club .events button {
        font-size: 14px;
        padding: 9px 7px;
    }

    section.advertisement.mt-5 {
        margin-top: 35px !important;
    }

    .header .step1 {
        height: 65px;
        margin: 0;
        display: block !important;
    }

    .header .frntlog {
        height: 65px;
        top: 7px;
    }

    a.navbar-brand.d-lg-none {
        display: none;
    }
}

/*********** @media (max-width: 991.99px)*************/
@media (max-width: 991.99px) {


    .shopping_bagin {
        padding-right: 0;
    }

    .shopping_bag {
        margin: 30px 0;
    }

    .shopping_side {
        position: relative;
        width: 100%;
    }

    /*  .header nav button.navbar-toggler {
    top: 3px !important;
    height: 38px;
    outline: none;
    padding: 0;
    left: 0px;
      outline: none !important;
}*/

    .header nav.navbar li.nav-item.home {
        display: none;
    }

    .header.header2 .nav-wrapper button {
        top: 4px;
    }

    .about_us h3 {
        font-size: 24px;
        margin-bottom: 18px;
    }

    .about_us h2 {
        font-size: 20px;
        padding-bottom: 0;
    }

    section.about_us ul.nav-tabs li button {
        min-width: 124px;
    }

    .lgin .modal-body {
        padding: 5px 20px;
    }

    .section_login .nav-tabs .nav-item button {
        font-size: 16px;
        padding: 0;
    }

    .section_login .form-signin {
        padding: 25px 25px;
    }

    .our_service .our_service_carousel2 {
        padding: 0 0;
    }

    .our_service .owl-nav button.owl-prev {
        display: none;
    }

    .our_service .owl-nav button.owl-next {
        display: none;
    }

    .side_bar1 {
        position: relative;
        width: 100%;
    }

    section.community.Freelancing .side_bar2 {
        padding-left: 0;
        min-height: auto;
    }

    section.jobs {
        margin: 0 0;
        padding: 5px 0 30px;
    }

    .section_faq h3 {
        font-size: 24px;
        padding: 18px 0px 0;
    }

    .single_profile .inst {
        padding: 5px 20px;
    }

    .news_detail img {
        width: 100%;
    }

    .modal-dialog.bargain_offer {
        max-width: 680px;
    }

    .section_city .bargain_offer .city2 p {
        line-height: 18px;
    }

    .section_carpooling .main .sidenav {
        width: 295px;
    }

    .section_carpooling .main {
        padding-left: 310px;
    }

    .section_carpooling .mainright {
        padding: 0px 18px 20px;
    }

    .section_carpooling .mainright .date select {
        width: 180px;
    }

    .section_carpooling .mainright .user label {
        margin: 0px 21px;
    }

    .section_carpooling .main .sidenav .box {
        padding: 15px;
    }

    .section_carpooling .main .sidenav .imgg {
        display: block;
        text-align: center;
    }

    .section_carpooling h2 {
        font-size: 18px;
        margin-top: 12px;
        margin-bottom: 0;
    }

    .section_carpooling h4 {
        font-size: 18px;
    }

    .section_carpooling .mainright .date select {
        padding: 10px 3px;
    }

    .banner.stor_img .stp h6 {
        text-align: left;
        font-size: 15px
    }

    .banner.stor_img .stp h6 a {
        font-size: 15px;
        padding: 7px 4px 7px 0px;
    }


    .header nav.navbar .navbar-collapse {
        padding-top: 42px;
    }

    .our_service .our_service_carousel {
        padding: 0 12px;
    }

    img.bdfooter {
        width: 75px;
    }

    .footer .menu1 ul li a.btt {
        padding: 6px 0px;
        font-size: 14px;
        width: 100%;
    }

    .footer a.aps img.appa {
        height: 19px;
        margin-right: 3px;
    }

    a.scanbt img {
        width: 65px;
    }

    .book_club .pet .datepicker {
        margin-bottom: 10px;
    }

    .book_club .ui-state-default {
        line-height: 58px;
        height: 60px;
        width: 100%;
    }

    section.about_us .team h4 {
        font-size: 18px;
    }

    section.about_us .team {
        padding: 8px;
    }

    section.about_us .team .imgg {
        height: 170px;
    }

    .book_club .pet .owl-nav button.owl-prev {
        left: 0;
    }

    .book_club .pet .owl-nav {
        position: absolute;
        right: 0;
        top: -37px;
    }

    .header nav.navbar .navbar-nav {
        margin-left: 0;
        display: block;
    }
}

@media (max-width: 910px) {
    .app-section form label.form-label {
        left: 221px !important;
    }
}

@media (max-width: 836px) {
    .app-section form label.form-label {
        left: 198px !important;
    }
}


/*********** @media (max-width: 767px)*************/
@media (max-width: 767px) {
    .al-flex-width {
        width: 100% !important;
    }

    .Neighbourhoodmain_page .mainpage1 p {
        height: auto;
    }

    .Neighbourhoodmain_page .nav li {
        margin-top: 17px;
    }

    .Neighbourhoodmain_page .mainpage1 a {
        padding: 8px 9px;
    }

    .section_city .offerss .txt h6 {
        font-size: 15px;
    }

    .shopping_catalogue {
        margin-top: 15px;
    }

    .section_city .offerss {
        margin-bottom: 15px;
    }

    .section_city .offerss img {
        height: 250px;
    }

    .section_city .offerss .txt {
        padding: 8px 15px;
        min-height: 60px;
    }

    .community .line3 {
        width: 138px;
    }

    .community .nav .nav-link {
        padding-left: 0;
        padding-right: 0;
    }

    .Freelancers .lancers1 ul li {
        font-size: 13px;
        padding: 0px 5px;
    }

    .section_city .nav li {
        width: 49%;
    }

    .section_city h6,
    .section_city h2,
    .grocery h4 {
        font-size: 20px
    }

    .community .img1 {
        margin-bottom: 5px;
    }

    .mainn1 .col-md-3 {
        margin-bottom: 15px;
    }

    .community .imgg1 {
        margin: 10px 0px;
    }

    .community .board .set p {
        font-size: 17px;
        padding: 40px 28px;
    }

    .community .board .set {
        height: 150px;
        margin: 12px 0px 0;
    }

    .carpoolingmainpage .user label {
        margin: 0px 0 0px 20px;
    }

    .carpoolingmainpage .date select {
        width: 145px;
    }

    .Freelancers ul#myTab {
        right: 155px;
        top: 10px;
    }

    a.sugbtn {
        padding: 0px 10px;
        margin-right: 2px;
        margin-left: 2px;
    }

    .our_service .item .imgg11 {
        height: 90px;
        width: 100%;
        line-height: 90px;
    }

    .carpoolingmainpage .user {
        margin-top: 18px;
    }

    .header {
        background-color: white;
    }

    .header input {
        width: 172px;
        margin-left: 2px;
        margin-right: 78px;
        border: 1px solid #ccc;
    }

    .header form .dropdown {
        right: 82px;
    }

    .banner .imgg img {
        height: 11px;
    }

    .footer .footer1 li {
        margin-right: 20px;
    }

    .banner h1 {
        font-size: 26px;
        padding-top: 40px;
    }

    .banner p {
        padding-top: 31px;
    }

    .banner .input {
        width: 96px;
    }

    .banner input {
        padding-left: 119px;
        font-size: 14px;
    }

    .banner form button {
        padding: 1px 10px;
        right: 12px;
    }

    .footer .cont {
        padding: 0px;
    }

    /*.header ul.icons li {
font-size: 24px;
}*/
    .our_service h3 {
        font-size: 27px;
        padding-top: 13px;
    }

    .our_service .owl-dots {
        display: none;
    }

    .Freelancers h3 {
        font-size: 28px;
        padding-top: 16px;
    }

    /*.Freelancers .owl-nav button span {
font-size: 25px;
}*/
    .Nannies h3 {
        font-size: 28px;
        padding-top: 1px;
    }

    .Nannies .owl-nav button span {
        font-size: 25px;
    }

    .Gardeners h3 {
        font-size: 29px;
        padding-top: 2px;
    }

    .Gardeners .owl-nav button span {
        font-size: 25px;
    }

    .app h2 {
        font-size: 19px;
        padding-top: 20px;
    }

    .app {
        margin: 16px 0px;
    }

    .footer .cont h3 {
        padding-top: 1px;
        font-size: 18px;
    }

    .footer .menu1 h3 {
        padding-top: 1px;
        font-size: 18px;
    }

    .footer .cont ul li a {
        line-height: 1.2;
    }

    .footer .footer1 li img {
        height: 29px;
    }

    .footer {
        padding: 27px 0;
    }

    .section_login .form-signin button {
        font-size: 16px;
        width: 100%;
    }

    .section_login img {
        margin-bottom: 14px;
        height: 35px;
    }

    .section_signup .imagefile img {
        height: auto;
    }

    .section_signup .imagefile input {
        width: 75px;
    }

    .section_signup .form-signin {
        width: 517px;
        padding: 47px 26px;
    }

    .section_login .form-signin h2 {
        font-size: 23px;
        font-weight: 600;
    }


    .section_login .form-signin .form-group {
        margin-bottom: 13px;
    }

    .single_profile h4 {
        padding-top: 11px;
    }

    .single_profile .edu li {
        padding: 5px 13px;
    }

    .single_profile h4 {
        font-size: 18px;
    }

    .Neighbourhoodmain_page .banner h2 {
        font-size: 25px;
    }

    .community .banner h2 {
        font-size: 25px;
        padding-top: 21px;
    }

    .grocery .banner h2 {
        font-size: 25px;
    }

    .book_club .banner h2 {
        font-size: 25px;
    }

    .store_singledetail .banner h2 {
        font-size: 20px;
    }

    .store_singledetail .banner {
        background-size: cover;
        /* background-position: right; */
    }

    .section_neighbourhoodform .banner {
        background-size: cover;
        height: 146px;
    }

    .section_neighbourhoodform .imgg {
        display: none;
    }

    .section_neighbourhoodform .banner h2 {
        padding-top: 23px;
    }

    .grocery .banner {
        background-size: cover;
    }

    /* .community .banner{
background-size: cover;
height: 146px;
} */
    .book_club .banner {
        background-size: cover;
    }

    .Neighbourhoodmain_page {
        background-size: cover;
    }
}

/*********** @media (max-width: 767px)*************/
@media (max-width: 767px) {
    section.about_us .team .imgg {
        height: 190px;
    }

    .order h6 {

        font-size: 14px !important;
        text-align: center !important;
    }

    .banner.stor_img {
        height: 515px !important;
    }

    .banner.stor_img .stp {
        width: 100%;
        padding: 15px;
        height: auto;
    }

    .order {
        padding: 15px;
        height: auto;
        position: relative;
        width: 100%;
    }

    .banner.stor_img .stp {
        margin-top: 25px;
    }

    .order h3 {
        font-size: 20px !important;
        margin-top: 0;
    }

    .store_singledetail .sales .btn {
        top: 119px;
    }

    .book_club .banner .btn {
        padding: 5px 30px;
    }

    .book_club .book .imgg1 {
        height: auto;
        width: 100%;
    }

    .section_city select#filter_offer {
        padding: 8px 15px;
    }

    .section_city .date.float-end {
        margin-top: -36px;
    }

    .section_city .city2 h6 {
        font-size: 16px;
    }

    .subscribe-blog h2 {
        font-size: 23px;
    }

    .Freelancing .posted .image {
        position: absolute;
        left: 20px;
    }

    .Freelancing .posted {
        padding: 15px 15px 16px 100px;
        margin: 10px 0px;
        position: relative;
    }

    .freelance_jobposts .posted h4 {
        font-size: 15px;
    }

    .Freelancing .posted h6 {
        margin-bottom: 0;
    }

    .jobs form .contform {
        margin: 10px 0;
    }

    .jobs .set {
        padding: 15px 15px;
    }

    .jobs .set h4 {
        font-size: 16px;
    }

    .news_detail img {
        width: 100%;
    }

    .section_carpooling.news_detail h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .section_carpooling.news_detail .innew {
        padding: 15px;
    }

    .section_carpooling .main {
        padding-left: 0;
    }

    .section_carpooling .main .sidenav {
        width: 100%;
        position: relative;
        margin-bottom: 15px;
    }

    .section_carpooling .edu li img {
        width: 24px;
        margin-left: -33px;
        top: 19px;
    }

    .section_carpooling .main .sidenav .main1 {
        padding-left: 0;
    }

    .section_carpooling .edu {
        padding-left: 20px;
    }
}

@media (max-width: 760px) {
    .app-section form label.form-label {
        left: 174px !important;
    }

}

@media (max-width: 725px) {
    .visit .banner1 .banner .city {
        width: 560px;
    }

    .visit .banner1 .banner .city h4 {
        font-size: 52px;
    }
}

@media (max-width: 683px) {
    .app-section form label.form-label {
        left: 155px !important;
    }

}

@media (max-width: 630px) {
    .visit .banner1 .banner .city {
        width: 469px;
    }

    .app-section form label.form-label {
        left: 134px !important;
    }

    .visit .banner1 .banner .city h4 {
        font-size: 48px;
    }

    .app-section h2 {
        font-size: 32px !important;
    }

    .app-section .form-control {
        font-size: 12px !important;
    }
}

@media (max-width:575px) {
    .blog_singlepage {
        margin-top: 225px !important;
    }

    .blog_singlepage-flex {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .breadcrumb-item a {
        font-size: 16px !important;
    }

    .blog_singlepage .blogpagelog h2 {
        font-size: 20px !important;
    }
}

@media (max-width:575px) {
    .header .frntlog-img {
        height: 80px !important;
        width: 100px !important;
    }

    a.sugbtn {
        padding: 0px 3px;
        font-size: 12px !important;
    }

    .header ul.icons li div#google_translate_element {
        margin-top: -9px;
    }
}

/****************@media (max-width: 575px)**************/
@media (max-width: 575px) {

    .Neighbourhoodmain_page .mainpage .imgg {
        height: auto;
    }

    .Neighbourhoodmain_page .mainpage h6 {
        padding-top: 20px;
    }

    .section_emergancy .imgg1 {
        height: auto;
    }

    section.about_us .team a {
        font-size: 14px;
        height: 38px;
        line-height: 38px;
    }

    .banner.stor_img {
        height: 500px !important;
        margin-top: 80px;
    }

    .breadcrums {
        padding: 10px 0px;
    }

    .our_service h3 {
        font-size: 20px;
    }

    .our_service .our_service_carousel {
        margin-top: 18px;
    }

    .view.loginfirst {
        padding: 10px 10px;
        width: 126px;
        margin: 15px auto 0;
    }

    .blog_mainpage .blogheading {
        margin: 10px 0px 10px;
    }

    .our_service .owl-nav button.owl-prev {
        display: none;
    }

    .our_service .owl-nav button.owl-next {
        display: none;
    }

    .blog_mainpage.blog_mainpage2 .blog2 h6 {
        font-size: 15px;
        height: auto;
    }

    .blog_mainpage .blog2 h5 {
        font-size: 15px;
        min-height: auto;
    }

    .subscribe-blog h2 {
        font-size: 20px;
    }

    .subscribe-blog form {
        padding-right: 110px;
    }

    .subscribe-blog form input.form-control {
        height: 42px;
    }

    .subscribe-blog p {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .subscribe-blog form button.btn {
        height: 42px;
        width: 110px;
        font-size: 15px;
    }

    .blog_mainpage .blog2 ul li {
        font-size: 14px;
    }

    .subscribe-blog {
        padding: 40px 0;
    }

    .subscribe-blog form {
        width: 85%;
    }

    .Freelancers ul#myTab {
        right: 0;
        top: 9px;
    }

    .carpoolingmainpage .date {
        margin-top: -89px;
    }

    .Freelancers ul#myTab li.nav-item button {
        font-size: 20px;
        padding: 0px 9px;
        width: 40px;
        height: 36px;
    }

    .carpoolingmainpage .user .form-check-input {
        font-size: 18px;
        margin: 3px 0px;
    }

    .carpoolingmainpage .user .form-check {
        margin-right: 5px;
    }

    .secret nav {
        width: 426px;
        margin: auto;
    }

    .community .secret .img12 {
        height: 170px;
    }

    .community .secret .nav .nav-link.active .img12 {
        height: 200px;
    }

    .community .secret .recipe2::after {
        width: 72px;
        height: 195px;
        top: -12px;
    }

    .community .secret .recipe1::before {
        height: 89px;
        left: 27px;
    }

    .community .secret .recipe1::after {
        top: 40px;
        height: 90px;
    }

    .mainlog {
        margin: 145px auto 10px;
    }

    .carpooling_div ul.foot {
        top: inherit;
        width: 100%;
        position: relative;
        margin-top: 6px;
    }

    .header .flagg {
        margin-top: -8px;
    }

    a.sugbtn {
        margin-top: -8px;
    }

    .filtered .mb-3 {
        margin-bottom: 0 !important;
    }

    .Freelancers .filtered .item {
        margin: 5px 0px;
    }

    .header ul.icons {
        margin: inherit;
        float: right;
    }

    .Freelancers .filtered {
        margin-bottom: 10px;
    }

    .grocery h4 {
        font-size: 20px;
    }

    section.Freelancers {
        margin-bottom: 24px;
    }

    .footer a.aps {
        line-height: 41px;
        height: 42px;
        margin-right: 0;
    }

    .first_time h3 {
        width: 280px;
        padding: 15px 15px;
        font-size: 14px;
        line-height: 20px;
    }

    .footer .footer1 li {
        margin-right: 8px;
    }

    .header ul.icons img {
        height: 22px;
    }

    .header .frntlog {
        right: 00;
    }

    /*    a.sugbtn {
    margin-right: 0;
    margin-left: 0;
    bottom: -64px;
    z-index: 9;
    left: 9px;
}
*/

    .header ul.icons li {
        margin-right: 0;
        font-size: 14px;
        margin-left: 4px;
    }

    .header ul.icons li {
        padding-top: 28px;
    }

    .header nav button {
        top: 4px;
        right: 12px !important;
    }

    .header input {
        width: 160px;
        margin-left: 2px;
        margin-right: 67px;
    }

    .header form .dropdown {
        right: 68px;
    }

    .header .navbar-brand img {
        width: 80px;
    }

    .banner .input {
        width: 126px;
        left: 19px;
    }

    .banner input {
        padding-left: 150px;
    }

    .banner form {
        margin: 0px;
        width: 100%;
    }

    .banner form button {
        padding: 2px 13px;
        right: 10px;
    }

    .header ul.icons li p {
        display: none;
    }

    /* .header ul.icons li {
font-size: 21px;
} */
    .header ul.icons {
        right: 228px;
        top: 6px;
    }

    .our_service h3 {
        font-size: 20px;
    }

    .Freelancers h3 {
        font-size: 22px;
        padding-top: 19px;
    }

    .Nannies h3 {
        font-size: 22px;
        padding-top: 10px;
    }

    .Gardeners h3 {
        font-size: 22px;
        padding-top: 10px;
    }

    .Freelancers .item {
        margin: 10px 0px;
    }

    .Nannies .item {
        margin: 10px 0px;
    }

    .Gardeners .item {
        margin: 10px 0px;
    }
}


/****************@media (max-width: 575px)**************/
@media (max-width: 575px) {
    .section_login .form-signin button {
        font-size: 16px;
        width: 100%;
    }

    .section_signup .form-signin {
        width: 423px;
    }

    .section_login .form-signin {
        width: 100%;
        padding: 25px 20px;
    }

    .single_profile span .btnn1 {
        padding: 11px 41px;
    }

    .single_profile .btn {
        padding: 7px 48px;
    }

    .Neighbourhoodmain_page .btn {
        padding: 6px 24px;
    }

    .Neighbourhoodmain_page .banner h2 {
        font-size: 20px;
    }

    .community .banner h2 {
        font-size: 20px;
    }

    .grocery .banner h2 {
        font-size: 20px;
    }

    .book_club .banner h2 {
        font-size: 20px;
    }

    .grocery .btn {
        padding: 6px 24px;
    }

    .store_singledetail .banner h2 {
        font-size: 18px;
    }

    .store_singledetail .btnnn {
        padding: 6px 26px;
    }

    .store_singledetail .sales .btn {
        top: 287px;
    }

    .section_neighbourhoodform .banner h2 {
        font-size: 20px;
    }

    .header ul.icons li p {
        display: none;
    }

    .our_service .our_service_carousel {
        padding: 0 12px;
    }

    .our_service .item .imgg11 {
        width: 100%;
    }

    .app .appin {
        padding: 15px;
        height: auto;
        margin-bottom: 12px;
    }

    section.app.app2 {
        padding: 15px 0 5px;
        z-index: 99;
    }

    section.app.app2 .apicon {
        margin: 0 3px;
        width: 124px;
        font-size: 14px;
        height: 42px;
    }

    section.app.app2 .apicon img {
        width: 20px;
    }

    .header {
        background-color: white;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    section.banner {
        margin-top: 119px;
    }

    .sl-nav.fp {
        display: none;
    }

    a.sugbtn {
        padding: 0px 16px;
        margin-right: 0;
        margin-left: 0;
        font-size: 12px;
        height: 36px;
        line-height: 36px;
    }

    .header nav button.navbar-toggler {
        padding: 0;
    }

    .header .frntlog {
        height: 60px;
    }

    .header .main {
        margin-bottom: 9px;
    }

    .modal-dialog.modal-lg.lgin {
        margin: 15px auto;
    }

    .Freelancing .posted .image {
        left: 12px;
    }

    .Freelancing .posted {
        padding: 15px 15px 15px 85px;
    }

    .Freelancing .posted h6 {
        font-size: 17px;
        word-wrap: break-word;
    }

    .community .line3 {
        width: auto;
    }

    .community .nav .nav-item {
        width: auto;
        margin-right: 18px;
    }

    section.about_us {
        margin-top: 140px;
        margin-bottom: 40px;
    }

    section.about_us ul.nav-tabs li button {
        font-size: 15px;
        min-width: 100%;
    }

    section.about_us ul.nav-tabs li {
        margin: 3px 1%;
        width: 48%;
    }

    section.about_us ul.nav-tabs {
        padding-bottom: 3px;
    }

    section.jobs {
        padding: 110px 0 30px;
    }

    .jobs .sethed {
        padding: 12px 15px;
    }

    .jobs .set {
        padding: 15px 15px;
    }

    .jobs .set h4 {
        font-size: 16px;
    }

    .section_faq h3 {
        font-size: 20px;
    }

    .section_faq .accordion {
        margin-top: 20px;
    }

    .faqq img.w-100 {
        display: none;
    }

    .section_faq .accordion {
        margin-top: 0;
    }

    section.section_faq {
        margin-top: 120px;
        margin-bottom: 35px;
    }

    .single_profile .inst {
        padding: 5px 15px 15px;
    }

    .single_profile .provider_image_div {
        margin-bottom: 0 !important;
        margin-top: 4px !important;
    }

    .single_profile {
        margin-top: 115px;
    }

    .section_city .city1 {
        margin-bottom: 15px;
    }

    section.section_city.bargain_detail {
        margin-top: 130px;
    }

    .section_carpooling.news_detail .innew {
        padding: 15px;
    }

    .section_carpooling.news_detail {
        margin-top: 119px;
    }

    .section_carpooling.news_detail .breadcrums {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .modal-dialog.bargain_offer {
        max-width: 90%;
        margin: 40px auto;
    }

    .section_carpooling .mainright .mb-3.mt-3 {
        margin: 5px 0 !important;
    }

    .section_carpooling .edu li {
        padding: 12px 15px 12px 15px;
    }

    .section_carpooling .edu {
        padding-left: 28px;
    }

    .section_carpooling.single_carpooling {
        margin-top: 130px;
    }

    .section_carpooling .mainright .date {
        margin-top: 0;
        width: 100%;
    }

    .section_carpooling .mainright .date select {
        width: 100%;
        margin-left: 0;
    }

    .banner.stor_img .stp {
        width: 95%;
        padding: 15px 15px;
    }
}

@media (max-width: 575px) {
    section.about_us .team h6 {
        font-size: 13px;
        height: 30px;
        overflow: hidden;
    }

    section.about_us .team h4 {
        font-size: 16px;
    }

    section.about_us .team a {
        min-width: 100%
    }

    .store_singledetail h2 label {
        font-size: 15px;
    }

    .banner.stor_img .stp .st {
        padding: 6px 15px 10px;
    }

    .banner.stor_img .stp h6 {
        font-size: 14px;
    }

    .banner.stor_img .stp h6 a {
        font-size: 14px;
        padding: 4px 0 4px 0;
    }

    .banner.stor_img .stp .st img.qrcode {
        height: 65px !important;
        width: 65px !important;
    }

    .banner.stor_img .stp h6 {
        margin-right: 00px;
    }

    .banner.stor_img .stp {
        height: 241px;
    }

    .side_bar1 {
        padding: 15px;
    }

    .Freelancing.our_service .item p {
        line-height: 18px;
    }

    .section_login .form-signin label p {
        margin-top: 5px !important;
    }

    .section_login .checkbox .col-sm-12.mt-5 {
        margin-top: 24px !important;
    }

    .app-section form label.form-label {
        left: 116px !important;
    }

    .introduction-binner-mobile {
        margin-top: 0px !important;
        padding: 15px 10px !important;
    }

    .introduction h4 {
        font-size: 28px !important;
    }
}

/****************@media (max-width: 480px)**************/
@media (max-width: 480px) {
    .app-section h2 {
        font-size: 26px !important;
    }

    .app-section h3 {
        font-size: 18px !important;
        padding-top: 1px !important;
    }

    .app-section .apicon {
        width: 130px !important;
    }

    .section_login .nav-tabs .nav-item {
        padding: 0 1px;
    }

    .lgin .modal-body {
        padding: 0px 15px;
    }

    .section_city .offerss .txt {
        padding: 8px 10px;
    }

    .community .nav-link h4,
    .community .nav-link.active h4 {
        font-size: 16px;
    }

    .section_city .nav li {
        width: 100%;
        margin: 0 0 5px;
    }


    .secret nav {
        width: 320px;
    }



    .section_login .nav-tabs .nav-item {
        width: auto;
        margin: auto;
    }

    .section_login .nav-tabs .nav-item button {
        font-size: 14px;
        padding: 0 8px;
        border-radius: 4px;
    }

    a.sugbtn {
        padding: 0px 7px;
    }

    .header ul.icons li {
        padding-top: 17px;
    }

    .header form .dropdown {
        right: 30px;
    }

    .header .navbar-brand img {
        width: 67px;
    }

    /* .header ul.icons li {
font-size: 21px;
} */
    .header ul.icons li p {
        display: none;
    }

    .header ul.icons {
        right: 160px;
        top: 3px;
    }

    .header input {
        width: 124px;
        margin-left: 1px;
        margin-right: 29px;
    }

    .banner form button {
        right: 3px;
    }

    .header nav button {
        top: 3px;
        right: 0;
        border: none;
        padding: 4px 16px;
    }

    header .login .bi {
        font-size: 21px;
        margin-right: 5px;
    }

    .header form .dropdown {
        right: 30px;
        top: 0px;
    }

    .header .dropdown-toggle::after {
        font-size: 14px;
    }

    .header ul.icons li {
        font-size: 22px;
    }

    .banner input {
        padding-left: 128px;
    }

    .banner .input {
        width: 116px;
    }

    .section_login .form-signin h2 {
        font-size: 21px;
    }

    .section_login .form-signin button {
        font-size: 14px;
    }

    .section_signup .form-signin {
        width: 100%;
    }

    .section_login .form-signin {
        width: 100%;
    }

    .Neighbourhoodmain_page h3 span .btn {
        padding: 4px 10px;
    }

    .Neighbourhoodmain_page h3 {
        font-size: 18px;
        margin-bottom: 13px;
        margin-top: 10px;
    }

    .store_singledetail .sales .btn {
        top: 174px;
    }

    .section_neighbourhoodform .Neighbourform .form-signin .imagefile input {
        left: 0px;
    }

    .book_club li p {
        font-size: 14px;
    }

    .book_club .nav-item {
        margin-left: 3px;
    }

    .section_city .offerss img {
        height: 200px;
    }
}


.banner-first .text {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    padding-left: 70px;
    color: white;
}

.banner-first .text .btn {
    background-color: #EDA0A3;
    padding: 13px 46px;
    color: black;
}

.banner-first .text h1 {
    font-size: 56px;
}

.banner-first {
    background-color: #E16065;
    border-radius: 26px;
    width: 100%;

}

.banner-first img {
    height: 100%;
}


@media (max-width: 1199.99px) {

    .banner-first .text {
        padding-left: 20px;
    }

    .banner-first .text h1 {
        font-size: 43px;
    }

    .banner-first .text .btn {
        padding: 8px 35px;
    }

    .header nav button {
        position: absolute;
        top: 25px;
        right: 10px;
        z-index: 9;
    }

    .header nav button {
        top: 4px;
        border-radius: 3px;
        padding: 0 12px;
        margin: 0;
        height: 36px;
    }

    .header .nav-wrapper button {
        height: 36px;
    }

    .header nav.navbar {
        padding: 8px 0 !important;
        min-height: 45px;
    }

    .header nav.navbar {
        padding: 8px 8px !important;
        min-height: 45px;
        display: block;
    }

    .header li.nav-item a.nav-link {
        font-size: 14px;
        padding: 0px 11px;
        display: flex;
    }
}

@media (max-width: 1199.99px) {
    .header .nav-wrapper button {
        padding: 0px 6px;
        font-size: 14px;
    }
}



@media (max-width: 1365.99px) {
    .banner .carousel-indicators {
        margin-bottom: -2rem;
    }
}



.our_service.PopCat .item .imgg11 {
    min-height: 131px !important;
    height: 74% !important;
    padding: 0px 0px;
    width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 39px;
}

.header li.nav-item a.nav-link {
    font-weight: 500;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #4B5563;
}

.staycations .stay-btn {
    color: #fff !important;
    padding: 5px 5px;
    width: 100% !important;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px !important;
    gap: 10px;
    background-color: #2563EB !important;
}

.stay-btn svg.svg-inline--fa.fa-arrow-right-long.ml-2 {
    margin-top: 5px;
}

.food img {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 50vh;
}
.club_carausel h6 {
	margin-bottom: 3px;
	height: 28px;
	font-weight: 600;
}
.club-main .clubp {
	font-size: 14px !important;
	color: #6A6A6A !important;
	line-height: 20px !important;
}
.club-main .club_carausel {
	padding: 0;
	color: #000;
	min-height: auto;
	position: relative;
	height: auto;
	background: white;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 4px 4px 0px #0000001A;
	margin-bottom: 10px;
}

.club-main .club_carausel .clubp {
    margin: 0px;
    line-height: 120%;
    font-size: 12px;
    display: flex;
    align-items: center;
    font-weight: 400;
}

.heading-stay a,
.heading-sight a,
.heading-popular,
.heading-shop a,
.heading-city a {
    color: #000;
    font-size: 24px !important;
    font-weight: 700;
    position: relative;
}

.pooling-banner {
    background-color: #FFBA49 !important;
}

.text-event-h6 {
    height: 56px;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 30px !important;
    color: #000 !important;
}

.bi-bi-star-fill .bi-star-fill {
    color: #FFC107;
    font-size: 19px;
    margin-right: 5px
}

.view-more-btn {
    border: none;
    background: #FFBA49;
    border-radius: 4px;
    padding: 0 5px;
    height: 40px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    width: 100%;
    color: white;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;

}

.view-more-btn:hover {
    background: #FFBA49;
    color: #fff;

}

.text-event-h5 {
    font-weight: 500 !important;
    color: #000 !important;
    padding: 0px 0px 5px !important;
    font-size: 15px !important;
    text-transform: capitalize !important;
    min-height: 34px !important;
    margin-top: 0px !important;
    height: 36px !important;
}

.sight-text-city {
    /* margin: 0px !important; */
    font-size: 14px !important;
    color: #6E6E6E !important;
    min-height: 64px !important;
    font-weight: normal !important;
}

.sight-text-city-h6 {
    height: 35px !important;
    color: #000 !important;
}

.special-offer-h6 {
    font-size: 18px !important;
}

.section_city .staycations .sight-text {
	color: #6A6A6A !important;
	font-size: 14px;
	margin-top: 10px;
	font-weight: 400;
	line-height: 21px;
}

.all-stay-section {
    height: 100%;
    background: #F2F2F2;
    padding-bottom: 8px;
    border-radius: 10px;
}

.all-stay-section .txt {
    padding: 8px;
}

.staycations .all-stay {
    color: #6E6E6E !important;
    font-weight: 500;
    font-size: 15px;
    height: 40px;
}

.staycations .stay-p {
    font-size: 15px;
    margin-top: 10px;
    color: #0B3623;
    font-weight: 600;
}

@media (max-width:991.98px) {

    .header .sl-nav li:hover ul {
        position: absolute;
        top: 12px;
        right: 0;
        display: block;
        background: #fff;
        width: 224px;
        z-index: 23;
        border-radius: 4px;
        box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
        overflow: hidden;
        right: -20px;
        padding: 0;
    }

    .banner-first .text .btn {
        padding: 3px 21px;
    }

    .banner-first .text h1 {
        font-size: 37px;
    }

    .city-banner .text h1 {
        font-size: 22px !important;
    }
}

@media (max-width:767px) {
    .city-banner .text h1 {
        font-size: 17px !important;
    }
}

@media (max-width:575px) {
    .banner-first {
        background-color: #E16065;
        border-radius: 26px;
        width: 100%;
        margin-top: 27px;
    }

    .city-banner .text h1 {
        font-size: 14px !important;
    }

    .main .dropdown a {
        font-size: 16px;
    }

    .banner .carousel-item img {
        width: 100%;
        display: flex;
        margin: auto;
    }

    .banner-first .text h1 {
        font-size: 25px;
        padding-top: 14px;
        padding-bottom: 5px;
    }

    .heading-stay {
        padding-top: .0rem !important;
        margin-top: 0rem !important;
    }

    .heading-stay a,
    .heading-sight a,
    .heading-popular,
    .heading-shop a,
    .heading-city a {
        font-size: 28px !important;
        padding-top: 10px;
    }


}

@media (max-width:480px) {
    .city-banner .text h1 {
        font-size: 10px !important;
    }
}

.plumber .plumber-banner .text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-left: 50px;
    height: 100%;
}

.plumber .plumber-banner .text h1 {
    font-size: 58px;
    font-weight: 700;
}

.plumber .plumber-banner .text h3 {
    font-size: 32px;
}

.plumber .plumber-banner .text h2 {
    font-weight: bold;
}

.plumber .carousel-inner .plumber-banner {
    background: linear-gradient(90deg, rgba(0, 97, 211, 1) 0%, rgba(0, 22, 49, 1) 100%);
    border-radius: 45px;
    color: white;
}

.introduction h4 {
    color: #002C0A;
    font-size: 44px;
    padding-top: 37px;
    font-weight: 600;
    position: relative;
}

.introduction img {
    width: 100%;
}
.app-section-col h2 {
    color: #fff !important;
    text-align: left;
    font-size: 64px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 800;
    width: 80%;
    line-height: 73px;
}
section {
    margin-top: 0px;
    margin-bottom: 0px;
}

.fitness {
    min-height: 30vh;
}

.app .app1 .apicon i {
    height: 15px;
}

.app1 {
    padding-top: 15px !important;
}

.svg-inline--fa.fa-apple {
    height: 25px;
    background: red;
    height: 72%;
}

.footer .footer-img .bdfooter {
    height: 40px;
    margin-top: 16px;
}

.footer-img .w-40 {
    width: 40%;
}
.footer .footer-span {
    background: white;
    color: black;
    padding: 16px;
    width: 192px;
    display: flex;
    border-radius: 15px;
    font-weight: bold;
    justify-content: center;
    font-size: 18px;
    margin-top: 19px;
}

hr {
    color: white;
    border: 1px solid white;
    opacity: 1;
}

.footer .footer1 li i {
    color: white;
}

.footer {
    position: relative;
}

.footer-ball {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.footer-ball img {
    height: 200px !important;
}

.blogg2 h6 {
    color: black;
}

.staycationlist .txt h5,
.staycationlist .txt p {
    color: #6E6E6E !important;
    font-weight: 500;
    font-size: 15px;
    height: 40px;
}

.plumber .plumber-img {
    height: 64vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plumber .plumber-img img {
    height: 100%;
}

@media (max-width:1599.98px) {
    .section_city a {
        font-size: 16px;
    }
}

@media (max-width:1399.98px) {
    section.app.app2 form label.form-label {
        top: -47px;
    }

    .app form .buttonn {
        padding: 0 0px;
        position: static;
    }

    .blog_mainpage.blog_mainpage2 .blog2 .viewmo {
        right: 2px;
        font-size: 12px;
    }

}

@media (max-width:1199.98px) {
    .section_city a {
        font-size: 26px;
    }

    .plumber .carousel-inner .plumber-banner {
        height: 380px;
    }

    .plumber .plumber-banner img {
        height: 90%;
    }

    section.app.app2 .st1 {
        margin-bottom: 30px;
    }
}

@media (max-width:991.98px) {
    .section_city a {
        font-size: 29px;
    }

    section.app.app2 form {
        margin: 20px 0 20px;
        margin-left: 69px;
    }

    .app ul li {
        margin: 16px;
    }

    section.app.app2 .form-control {
        width: 83% !important;
    }

    .plumber .plumber-banner .text h1 {
        font-size: 33px;
    }

    .plumber .plumber-banner .text h3 {
        font-size: 21px;
    }

    .plumber .plumber-banner img {
        height: 58%;
    }
}

@media (max-width:767px) {

    .heading-stay a,
    .heading-sight a,
    .heading-popular,
    .heading-shop a,
    .heading-city a {
        font-size: 20px;

    }

    section.app.app2 .apicon {
        width: 121px;
    }

    section.app.app2 form {
        margin-left: 13px;
    }

    section.app.app2 .form-control {
        width: 100% !important;
    }

    .plumber .plumber-banner .text h1 {
        font-size: 26px;
    }

    .plumber .plumber-banner .text h3 {
        font-size: 16px;
    }

    .plumber .plumber-banner img {
        height: 58%;
    }

    .plumber .plumber-banner .text h2 {
        font-weight: bold;
        font-size: 21px;
    }

    .section_city a {
        font-size: 27px;
    }

    .skiptranslate .goog-te-gadget-simple {
        margin-right: 0px;
    }

    .banner {
        padding: 0 !important;
    }
}

@media (max-width:575px) {
    .skiptranslate .goog-te-gadget-simple {
        padding: 10px 18px;
    }

    .header ul.icons {
        margin-top: 10px;
    }

    .section_city a {
        font-size: 20px;
    }

    section.Freelancers.spoffer a {
        font-size: 20px;
    }

    .binner-home-page {
        margin-top: 220px !important;
    }
}

@media (max-width:480px) {
    .binner-home-page {
        margin-top: 200px !important;
    }

    .banner-first .text h1 {
        font-size: 16px;
        padding-top: 0px;
        padding-bottom: 5px;
    }

    .our_service.PopCat .item .imgg11 {
        min-height: 113px !important;
        width: 104px;
    }

    .banner-first .text .btn {
        padding: 0px 2px;
        font-size: 8px;
    }

    .main .dropdown a {
        font-size: 12px;
    }

    .header ul.icons li {
        font-size: 12px;
    }

    section.banner {
        margin-top: 200px;
    }
}

@media (max-width:442px) {
    .binner-home-page {
        margin-top: 275px !important;
    }

    section.banner {
        /* margin-top: 10px !important; */
    }

    .banner {
        padding: 10px 20px !important;
    }

    #pageid p {
        font-size: 16px !important;
    }
}

@media (max-width:767px) {

    .plumber .carousel-inner .plumber-banner {
        height: 245px;
    }

    .plumber .plumber-img {
        height: 43vh;
    }

    .plumber .plumber-banner .text {
        height: 100%;
    }

    .plumber-img {
        height: 65%;
    }

    .plumber .plumber-banner img {
        height: 49%;
    }

    .banner-first .text h1 {
        font-size: 25px;
        padding-top: 0;
    }

    .banner-first .text .btn {
        padding: 3px 4px;
        font-size: 12px;
    }
}

@media (max-width:575px) {
    .plumber .carousel-inner .plumber-banner {
        height: 349px;
    }

    .plumber .plumber-banner .text {
        height: 128%;
        justify-content: center;
        align-items: center;
    }

    .plumber-img {
        height: 81%;
    }

    .plumber .plumber-banner img {
        height: 49%;
    }
}

.city-banner {
    background-color: #9747FF;
}

.city-banner .text h1 {
    font-size: 37px;
}


@media (max-width:358px) {
    a.text-center.load-more {
        padding: 10px 25px !important;
    }

}



/* new changes 2/7/25 */
img.mycnt_img {
    width: 20px;
    height: 20px;
    border-radius: 25px;
    object-fit: cover;
}

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {
    color: #ffffff !important;
}

.row.align-item-center {
    align-items: center;
}

svg.svg-inline--fa.fa-bell {
    color: #4B5563;
    font-size: 20px;
}

.carousel-indicators {
    display: none;
}

svg.svg-inline--fa.fa-user {
    color: #4B5563;
    font-size: 20px;
}

li.last-child {
    margin-top: 15px;
    position: absolute;
    right: 1rem;
}

li.last-child a {
    margin-right: 15px;
}

form.search-form {
	position: absolute;
	right: 6rem;
	top: 14px;
}

.PopCat p.text-center.mt-2 {
    color: black;
    font-size: 14px;
    font-weight: 600;
    display: block;
}

.imgg11 {
    width: fit-content;
    padding: 20px;
    border-radius: 50px;
    margin: auto;
    background: white !important;
    box-shadow: 0px 0.73px 2.91px 0px #0000001A;
}
.imgg11 img {
    width: 25px !important;
    height: 25px !important;
    object-fit: contain;
}

.grid-categories {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 40px;
}

.grid-items {
    background: #F0F8FF;
    padding: 15px;
    box-shadow: 0px 4px 4px 0px #00000026;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 160px;
    text-align: center;
}

.sight-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-slight-h6 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100% !important;

}

.staycations .imggg1.imggg2 img {
	height: 270px !important;
	object-fit: cover;
	transition: 1s all ease-in-out;
}

.background-grey .stay-buttons a.btn.stay-btn:hover {
    color: #ffffff !important;
    background-color: #000 !important;
}

.background-grey {
    background-color: #F9FAFB !important;

}

.blog-title-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.blog-content {
	padding: 10px 18px 18px;
}

.stay-buttons a.btn.stay-btn {
    box-shadow: 0px 0px 3.33px 0px #0000001A;
    text-align: center;
    width: fit-content;
    padding: 10px 22px;
}

h3.blog-category {
    color: #2563EB;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}


.freelancers_carousel  .share {
    display: flex;
    padding: 5px;
    border-radius: 50%;
    align-items: center;
    line-height: 35px;
    height: 35px;
    width: 35px;
    justify-content: center;
    position: absolute;
    top: 59%;
    right: 11px;
    border: 1px solid #2563EB;
    transition: all 0.2s ease-in-out;
}

.freelancers_carousel .share svg {
    color: #2563EB !important;
    padding: 0px !important;
    transition: all 0.2s ease-in-out;
}

.freelancers_carousel .share:hover {
    border: 1px solid #2563EB;
    background-color: #2563EB;
}

.freelancers_carousel .share:hover .svg-inline--fa.fa-share.pt-2.sharelink {
    color: #fff !Important;
}



.club-main .owl-item:nth-child(1) .club_carausel a.join.clubbtn-1 {
    text-decoration: none;
    box-shadow: 0px 3.11px 3.11px 0px #C00361;
    background-color: #f281b9;
    padding: 5px 10px;
    border-radius: 3px;
    color: #ffff !important;
}

.club-main .owl-item:nth-child(1) .club_carausel a.clubbtn-2 {
    width: fit-content !important;
    padding: 5px 10px;
    background: #ffff;
    border-radius: 3px;
    color: #EC4899;
    text-decoration: none;
    font-size: 12px;
    box-shadow: 0px 3.11px 3.11px 0px #C00361;

}

.club-main .owl-item .club_carausel a.clubbtn-2 {
	font-weight: bold;
}


.club-main .owl-item:nth-child(2) .club_carausel a.join.clubbtn-1 {
    text-decoration: none;
    background-color: #78a9f9;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: 0px 3.11px 3.11px 0px #003EA4;
    color: #ffff !important;
}

.club-main .owl-item:nth-child(2) .club_carausel a.clubbtn-2 {
    width: fit-content !important;
    padding: 5px 10px;
    background: #ffff;
    border-radius: 3px;
    color: #3B82F6;
    text-decoration: none;
    font-size: 12px;
    box-shadow: 0px 3.11px 3.11px 0px #153B8E;
}

.club-main .owl-item:nth-child(3) .club_carausel a.join.clubbtn-1 {
    text-decoration: none;
    background-color: #b977f9;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: 0px 3.11px 3.11px 0px #5D1C9A;
    color: #ffff !important;
}

.club-main .owl-item:nth-child(3) .club_carausel a.clubbtn-2 {
    width: fit-content !important;
    padding: 5px 10px;
    background: #ffff;
    border-radius: 3px;
    color: #a855f7;
    text-decoration: none;
    font-size: 12px;
    box-shadow: 0px 3.11px 3.11px 0px #5D1C9A;
}






.club-main .owl-item:nth-child(4) .club_carausel a.join.clubbtn-1 {
    text-decoration: none;
    background-color: #86d7a4;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: 0px 3.11px 3.11px 0px #1B6436;
    color: #ffff !important;
}

.club-main .owl-item:nth-child(4) .club_carausel a.clubbtn-2 {
    width: fit-content !important;
    padding: 5px 10px;
    background: #ffff;
    border-radius: 3px;
    color: #22C55E;
    text-decoration: none;
    font-size: 12px;
    box-shadow: 0px 3.11px 3.11px 0px #2D6943;
}


.club-main .owl-item:nth-child(4n+1) .club_carausel .icon-bar.d-flex.justify-content-around.align-items-center {
    background: #f281b9 !important;
    padding: 5px;
}

.club_carausel b {
    font-weight: 400;
}

.latest-heading {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #6E6E6E !important;
}

.news_detail img.loginfirst {
    display: none !important;
}

.blog-content i.bi.bi-heart {
    color: red !important;
    font-weight: 500 !important;
}

.PopCat a {
    text-decoration: none;
}
.form-control option {
    color: #444444 !important;
    font-size: 14px;
    font-weight: 400;
}

.banner-bg .left-panel {
    border-radius: 10px;
    width: 25% !important;
}

.banner-bg .col-lg-9.right-panel .charger-fitler {
    border: 1px solid #f0f0f0;
    box-shadow: none !important;
}

.banner-bg .col-lg-9.right-panel .charger-fitler .form-select {
    border: 1px solid #f0f1f2 !important;
    box-shadow: none !important;
    color: #444444d1 !important;
    font-size: 12px;
}

.banner-bg .col-lg-9.right-panel {
    width: 75% !important;
    padding: 0 20px !important;
}

.holiday-icon i {
    font-size: 20px;
}

.community_blog .blog2.items-border {
	border: solid 0.4px #70707017 !important;
}


section.Freelancers.blog_mainpage.spp.mt-4.online-classes {
    background: #FFF0F1;
    padding: 40px 0px;
}
.imggg1.width-2 {
    width: 100%;
}
.imggg1.width-1 {
    width: 100%;
}
.online-classes .card-item {
    background: #ffffff;
    padding: 15px 20px;
    border-radius: 15px;
    margin: 3px;
    box-shadow: unset !important;
    border: solid 0.4px #70707017 !important;
}
a.btn.online-join-btn {
    background: #2563EB;
    color: #ffff;
    font-weight: 400;
}

.online-classes svg.svg-inline--fa.fa-calendar-days {
    padding: 9px !important;
    background: #EFF6FF;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    display: block;
    line-height: normal;
    color: #2563eb;
}

.online-classes i.bi.bi-person-square {
    padding: 10px !important;
    background: #EFF6FF;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: block;
    line-height: 3px;
    color: #2563eb;
    font-size: 13px;
}

.btn-view-button {
    text-transform: capitalize;
}

img.images-pink {
    position: absolute;
    top: 10px;
    height: 440px;
}
section.app-section.py-40.banner{
    position: relative;
    height: 450px;
}
img.half-logo {
    width: 170px;
    position: absolute;
    right: 0;
    bottom: 54px;
    height: auto;
}
center {
    border-top: 1px dashed grey;
    padding-top: 20px;
    margin: 20px 70px 0px;
}

.footer-form {
    display: block;
    border-radius: 999px;
    align-items: center;
}
.footer-form input {
    width: 100% !important;
    height: 50px;
    border-radius: 8px !important;
    color: #000;
    margin-bottom: 10px;
}

.footer-form input::placeholder {
    color: #727272 !important;
}
    .footer-form input[type="email"] {
    border: none;
    outline: none;
    padding: 15px 20px;
    border-radius: 999px;
    font-size: 16px;
    color: #2563eb;
    width: 430px;
    border: none;
}
.footer-form input[type="email"]::placeholder {
    color: #2563eb;
}
.footer-form button {
    color: white;
    border: none;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    background-color: #1d4ed8;
    margin-left: 0px;
    border-radius: 8px !important;
    height: 41px;
    text-transform: capitalize;
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
a.address {
    display: block;
    width: 85%;
}

.blue-footer {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 40px;
  width: fit-content;
  gap: 10px;
}

.phone-input {
  padding: 10px 15px;
  border: none;
  border-radius: 30px;
  font-size: 18px;
  width: 180px;
  outline: none;
}

.whatsapp-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: none;
  color: #00ffcc;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 30px;
  transition: background 0.3s;
}
.whatsapp-btn .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 20%);
    border-radius: 50%;
    width: 37px;
    height: 37px;
    font-size: 20px;
    color: white;
}

span.btn-text {
    color: #47FF8B;
    font-size: 20px;
    font-weight: 400;
}
section.Freelancers.section_city.blog_mainpage.section_citys {
    padding-bottom: 30px;
}
.download-app {
    background: #ffffff;
    text-align: center;
    padding: 11px;
    width: 55%;
    border-radius: 25px;
}
.scanbt p {
    margin-top: 11px;
    color: white;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background-color: #1d4ed8;
    border-radius: 8px !important;
    text-transform: capitalize;
    padding: 10px 10px;
    margin-bottom: 0;
}
.city-icon {
    position: absolute;
    top: 12px;
    right: 20px;
    display: flex;
    gap: 15px;
}
.city-icon svg {
  background-color: white;
  padding: 10px;
  border-radius: 50px;
}
span.btn:hover {
    border: none;
}

ul#myTab {
    width: 100%;
}

p.team-description {
    font-size: 14px;
    margin: 0 !important;
    height: auto;
}

.stats-section {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #2563eb; /* same blue shade */
  padding: 40px 20px;
  color: white;
  text-align: center;
  flex-wrap: wrap;
}
.join-team-main h3 {
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 0px !important;
}
.join-team-main p {
    text-align: center;
    font-size: 16px;
    margin-top: 20px !important;
}

.join-team-main a {
    color: #ffff;
    background: #2563eb;
    text-decoration: none;
    padding: 15px 55px;
    font-size: 16px;
    border-radius: 10px;
}
.stat-box {
  flex: 1 1 20%;
  min-width: 200px;
  margin: 10px;
}

.stat-box h2 {
    font-size: 50px;
    margin: 0;
    font-weight: 700;
    color: #ffff;
}

.stat-box p {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin-top: 15px !important;
}

.whatsapp-button {
    display: none !important;
}

.contact-card {
    background: #2563EB;
    color: white;
    padding: 20px;
    border-radius: 16px;
    border: 2px solid white;
}
.title {
    font-size: 20px;
    color: #2563EB;
    font-weight: 700;
}
.community-box {
    padding: 20px;
    box-shadow: 0px 2px 4px 0px #0000007A;
    border-radius: 16px;
    background: #FFFFFF6B;
}
.community-left-content h3 span {
  background: linear-gradient(90deg, #2ECB91 0%, #FFFFFF 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.community-address {
    color: white;
    font-weight: 700;
    font-size: 28px;
}

.active-family button {
    background: white;
    border-radius: 50px;
    color: #2563EB;
    font-size: 14px;
    font-weight: 500;
}
.container-custom {
    width: 100%;
    padding: 40px;
}
.active-family {
    text-align: center;
    margin-top: 20px;
}
.contact-card p {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 700;
}
button.community-button {
    color: #2563EB;
    background: #ffffff;
    border-radius: 50px;
}
@media (min-width: 1400px) {
.section_login .container{
    max-width: 100%;
    margin: 0 auto !important;
}
}

.first_time {
    display: none;
}

.footer-ball {
    position: absolute;
    top: 510px;
    z-index: 0;
    left: 1px;
    /* right: 91%; */
    display: none;
}
.footer-amal {
    height: 90px;
    text-align: end;
    display: flex;
    margin-left: 136px;
    display: none;
}
.row.footer-img {
    margin-top: 0 !important;
}

.our_service.blogctg .item.item-hight, .our_service .item {
    background: #F0F8FF;
    padding: 15px;
    box-shadow: 0px 4px 4px 0px #00000026;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 160px;
    text-align: center;
}
.our_service.blogctg .imgg11 img, .our_service .item img {
    filter: invert(49%) sepia(79%) saturate(1463%) hue-rotate(177deg) brightness(93%) contrast(96%);
}
body .our_service.blogctg .item .imgg11 img {
    min-height: 20px !important;
    padding: 0px;
}
body .our_service.blogctg .item  .imgg11 {
    height: 60px !important;
    min-height: 50px !important;
    width: 60px;
    border-radius: 50% !important;
    padding: 0 !important;
}
.blogctg .owl-stage-outer {
    padding: 15px 0px;
}
.our_service.blogctg h3 {
    font-size: 24px;
    margin: 20px 0 !important;
}
.our_service .blogctg .item p {
    color: black;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: block;
    margin-top: 11px;
    min-height: auto !important;
}

.blog_mainpage .row .col-sm-6 .blog2 span, .blog_mainpage .row .col-sm-6 .blog2 ul, .blog_mainpage .row .col-sm-6 .blog2 h6.text-dark,
.blog_mainpage .row .col-sm-6 .blog2 p, .blog_mainpage .row .col-sm-6     {
    padding: 0 15px !important;
}

.blog-bg .blog_mainpage.blog_mainpage2:not(:first-child) .stay-buttons.d-flex.stay-button-blog {
    padding: 0px 15px;
}

.stay-buttons.d-flex.stay-button-blog {
    margin-top: 10px;
}

.blog_mainpage .row .col-sm-6 h5 {
    padding: 10px 15px !important;
}
.stay-buttons.d-flex.stay-button-blog a {
    color: #2563EB !IMPORTANT;
    padding: 5px 20px !important;
    position: inherit !important;
    font-size: 14px;
    line-height: 24px;
    box-shadow: 0px 0px 3.33px 0px #0000001A;
}

.blogctg .our_service_carousels p {
    min-height: auto !important;
    color: black;
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-top: 13px;
}
section.our_service.blogctg.al-owl-theme {
    padding: 50px 0;
}
.our_service h3 .view.view-button.loginfirst {
    border: none;
    background: #FF007E;
    font-size: 13px;
    height: 34px;
    padding: 0px 30px;
    border-radius: 25px;
    width: fit-content;
    margin: 0 !important;
}
.our_service.blogctg a.text-center.load-more {
    color: #2563EB ! IMPORTANT;
    border-color: #2563EB;
    padding: 5px 20px !important;
    position: inherit !important;
    font-size: 14px !important;
    line-height: 24px;
    border: 1px solid;
    border-radius: 40px;
}
.our_service.blogctg .text-end {
    text-align: left !important;
}
.blog_mainpage .row .col-sm-6 .blog2 span {
    padding: 0 !important;
}

.blog_mainpage .blog2 p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: auto !important;
	margin-bottom: 15px;
}
.blog2.today-blog.blog-border span.float-end.mt-2 img {
    filter: opacity(0.5);
    width: 20px;
}

.blog2.today-blog.blog-border span.mr-2.loginfirst img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(97%) saturate(7485%) hue-rotate(0deg) brightness(100%) contrast(103%);
}

.city1.item-free-border {
    position: relative;
    height: 100%;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px #0000001A;
    margin-bottom: 10px;
    border: none;
}

.section_city .news_detail .btn {
    width: 100%;
    color: #2563EB !important;
    text-align: left;
    background: none;
    padding: 5px 5px;
    align-items: center;
    FONT-SIZE: 14px;
    font-weight: normal;
    border-radius: 10px;
    gap: 10px;
    height: auto;
}
.carpoolingmainpage .btn a {
    color: #2563EB !important;
}
section.Freelancers.section_city.blog_mainpage.section_citys .col-6.mb-3 {
    margin: 0 !important;
}

body .offer-ride-button a, body .offer-ride-button button {
    background: #EFF6FF !important;
    border: 1px solid #e7e7e7 !important;
    color: #2563EB !important;
    padding: 9px 10px !important;
    box-shadow: inherit !important;
    border-radius: 10px !important;
    font-size: 12px;
    line-height: 30px;
}

section.banner.clubcarousal.banner-bg h1 {
    color: #000;
    font-size: 30px;
    font-weight: 700;
}
.description_offers p {
    color: #4B5563;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

li.breadcrumb-item a {
    color: var(--UI-Charcoal, #626971);
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
}

li.breadcrumb-item.active-breadcrumb.text-info a {
    color: var(--Primary-blue---text, #2563EB);
}

button.loginfirst.btn.test-btn1.mt-3 {
    margin-top: 6px !IMPORTANT;
    float: right;
}

.Notice_Board .txt.text-center {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: baseline;
    margin: 0 0 0 0;
    position: relative;
    z-index: 1;
    color: #000000;
    height: fit-content !important;
    padding: 11px 15px;
}
div#becamemember .container .form-group label {
    font-size: 15px;
}
div#becamemember .modal-content {
    padding: 20px;
}
div#becamemember .container {
    width: 100%;
    border: none !important;
    padding: 0 !important;
}
div#becamemember .modal-dialog.modal-lg .form-group {
    padding: 0px 0px;
}
div#becamemember button.notfoundcomunity {
    position: absolute;
    bottom: 26px;
    box-shadow: none !important;
    background: blue !important;
    color: #fff !important;
    font-size: 14px;
    height: 43px;
}
div#becamemember .form-check.d-inline.ownership {
    margin-right: 14px;
}
div#ejari_dates, div#ejari_date {
    margin-top: 17px;
}

div#ejari_dates label, div#ejari_date label {
    font-size: 14px !important;
}
div#notfoundcomunity div#owner_details label {
    font-size: 13px;
    color: #000;
    margin-bottom: 5px;
}
div#notfoundcomunity .modal-body {
    padding-top: 0;
}
h5#exampleModalLabel {
    margin: 0 !important;
    font-size: 15px !important;
}
div#becamemember form input {
    box-shadow: none;
}
div#notfoundcomunity .modal-content {
    padding: 20px;
}

h5#exampleModalLabel .modal-header {
    padding: 0 !important;
}

div#becamemember .imagefile.mt-3 {
    display: block;
}

div#becamemember .imagefile h6, div#becamemember .mt-3 h6 {
    font-size: 14px;
}

div#notfoundcomunity .modal-content {
    padding: 20px;
}
div#becamemember .modal-dialog.modal-lg .form-group select {
    box-shadow: none !important;
    border: 1px solid #ddd;
    height: 40px;
    font-size: 14px;
    color: #000000b3;
}
button.notfoundcomunity {
    position: absolute;
    bottom: 18px;
    box-shadow: none !important;
    background: blue !important;
    color: #fff !important;
    font-size: 14px;
    height: 43px;
}
.Notice_Board .txt.text-center font {
    color: #000;
}
.Notice_Board .item-free {
    border: 0px solid #d9d9d9 !important;
}
div#becamemember .modal-dialog.modal-dialog-centered {
    width: calc(100% - 30px);
    max-width: 500px;
}

@media(max-width: 600px){
    div#becamemember .modal-dialog.modal-dialog-centered {
        width: calc(100% - 10px);
    }
}
.member_family_ftt .al-bi-icon span.famedit svg {
    padding: 8px 0 0 0;
}
.member_family_ftt .al-bi-icons a.famedit svg {
    padding: 9px 0 0 2px;
}

.member_family_ftt .staycations.staycations-button-btn.item-free {
    height: unset;
}

.member_family_ftt a.btn.stay-btn {
    border: 1px solid #2563EB;
    transition: all 0.3s ease-out;
}

.member_family_ftt a.btn.stay-btn:hover {
    background-color: #2563EB !important;
    color: #fff !important;
}

.Upcoming_club_event .owl-item.active {
	height: fit-content;
}

.Upcoming_club_event .location-club-0 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis !important;
   min-width: 0px;
   display: block !important;
}
.Upcoming_club_event .location-club-0 .bi.bi-geo-alt {
	margin-right: 10px;
}

.Upcoming_club_event .staycations {
    border-radius: 10px;
    position: relative;
    min-height: auto !important;
    box-shadow: 0px 4px 4px 0px #0000001A;
    transition: .5s;
    margin: 5px 3px;
    background: transparent !important;
}
.Upcoming_club_event .stay-buttons.d-flex a span.btn.stay-btn.btn-bg-slider {
    box-shadow: 0px 0px 3.33px 0px #0000001A;
    text-align: center;
    padding: 10px 25px;
    background: #2563EB !important;
    width: fit-content !important;
    margin-bottom: 15px;
    margin-left: 0;
}

.Upcoming_club_event .staycations .txt ul li {
	margin: 5px 0px;
	display: flex;
	gap: 10px;
	white-space: nowrap;
	overflow: hidden;
}

.Upcoming_club_event .desc-div p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.member_family_ftt .item-free {
    border: 0px solid #d9d9d9 !important;
}

.member_family_ftt {
    background-color: #f4f4f4 !important;
}


.edit_popup_des input, .edit_popup_des select {
    font-size: 14px;
    height: 50px;
    border: 1px solid #ddd !important;
    box-shadow: none !important;
    padding: 10px 13px !important;
}
.member_family_ftt .staycations div {
    min-height: 100%!important;
    height: 100% !important;
}
.member_family_ftt .staycations img.h-100.w-100 {
    object-fit: cover !important;
}
.member_family_ftt h6.member_relations {
    position: absolute;
    top: -1px;
    font-size: 13px;
    line-height: 26px;
    left: 1px;
    color: rgb(255, 255, 255) !important;
    background: #ff007e;
    border-radius: 0px 4px 5px 2px;
    padding: 3px 15px !important;
    text-transform: capitalize;
}

.member_family_ftt a.text-center.btnn1.load-more {
    background: #ff007e !important;
    border-radius: 50px;
    color: #fff;
    font-size: 14px !important;
    padding: 10px 24px;
}

.member_family_ftt a.text-center.load-more {
    background: #ff007e !important;
    border-radius: 50px;
    color: #fff;
    font-size: 14px !important;
    padding: 10px 24px;
}

.member_family_ftt a.text-center.load-more i.bi.bi-chevron-right {
    background: #fff;
    border-radius: 50%;
    margin-left: 8px;
    color: #000;
    padding: 2px 3px;
    font-size: 10px;
}

.member_family_ftt .staycations.staycations-button-btn.item-free {
    padding: 10px;
}

.member_family_ftt .owl-carousel.freelancers_carousel.owl-theme.owl-loaded.owl-drag {
    margin-top: 15px;
}

.member_family_ftt .imggg1.imggg2.mycommunity-img {
    padding: 0px !important;
}

.group_spacing_remember {
    padding: 7px 0 15px;
}
body .group_spacing_remember .al-bi-icon, body .group_spacing_remember .al-bi-icons {
    height: 32px !important;
}
.Visitors_design .item-free {
    border: 0px solid #d9d9d9 !important;
}
.Visitors_design .txt {
    height: fit-content !important;
}

.Visitors_design .stay-buttons a.btn.stay-btn {
    border: 1px solid #2563EB;
    transition: all 0.3s
ease-out;
}

.Visitors_design .stay-buttons a.btn.stay-btn:hover {
    background-color: #2563EB !important;
    color: #fff !important;
}

.Visitors_design .staycations.staycations-button-btn.item-free {
    height: unset;
}

.Visitors_design .owl-carousel .owl-item {
  width: 304px !important;
  margin-left: 5px;
}

.controler_commuity select {
    outline: 0;
    box-shadow: none !important;
    border: 1px solid #3e3e3e !important;
    height: 50px;
    font-size: 16px !important;
    color: #3e3e3e  !important;
    border-color: #3e3e3e;
}

.Neighbourhoodmain_page span {
    font-size: 15px !important;
    padding: 10px 14px !important;
    display: flex;
    gap: 10px;
    font-weight: 400;
}

.Neighbourhoodmain_page .mainpage .imgg a img {
    height: fit-content !important;
    object-fit: cover;
    border-radius: 0;
}

.Neighbourhoodmain_page .mainpage .imgg {
    border-radius: 10 !important;
}
.sapcing_sub_cat {
    padding: 8px 15px;
}

.sapcing_sub_cat h6 {
    font-size: 20px !important;
}

.sapcing_sub_cat p {text-align: left !important;margin: 9px 0 24px;}


.Neighbourhoodmain_page .banner {
    width: 95%;
    margin: 0 auto 35px;
}

.breadcrumb_display {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.breadcrumb_display ul.breadcrumb {
    margin: 0;
}

.visit.visiter_sec {
    padding-bottom: 56px;
}

.visit.visiter_sec ul.pagination {
    justify-content: center;
    margin-top: 46px;
    gap: 9px;
}
.single_carpooling ul.breadcrumb h3 {
    font-weight: 600;
    font-size: 25px;
    color: #000000;
}
.visit.visiter_sec ul.pagination li span, .visit.visiter_sec ul.pagination li a {border-radius: 50% !important;}

.section_emergancy div#myTabContent {
    max-width: 100%;
    padding: 10px;
}

div#DataTables_Table_0_wrapper table th {
    border-bottom: 0;
    border: 1px solid#ddd;
}

div#DataTables_Table_0_wrapper table td {
    border-bottom: 0;
    border: 1px solid #ddd;
    font-size: 12px;
}

div#DataTables_Table_0_wrapper {
    display: block;
}

.section_emergancy ul#myTab {
    gap: 15px;
}

.section_emergancy ul#myTab li.nav-item .nav-link.active {
    border: 1px solid #ddd;
    background: #2563eb;
    color: #fff;
    padding: 10px 30px;
}

.section_emergancy ul#myTab {
    border-bottom: none;
}

.section_emergancy ul#myTab li.nav-item .nav-link {
    border: 1px solid #ddd;
    background: #f4f4f4;
    color: #000;
    padding: 10px 30px;
}

div#DataTables_Table_0_filter {
    margin-bottom: 10px;
}
.flex-department_code {
    display: flex;
    align-items: center;
}

.flex-department_code ul#myTab {
    margin: 0 !important;
}

.catagories p {
    top: 0 !important;
    margin: 0 !important;
}

.catagories {
    position: relative;
}

.catagories {
    border: 1px solid #f7f7f7 !important;
    box-shadow: 0px 4px 4px 0px #0000001A;
}

.items_vrt {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 15px 0px 5px;
}
.catagories .imgg {
    background: #ededed;
    padding: 20px;
    border-radius: 10px;
}

.catagories h5.text-dark {
    text-align: left;
}
.items_vrt p.facility_pt {
    height: 40px;
    width: 100%;
    line-height: 40px;
    border-radius: 5px;
    color: #000;
    font-weight: 500;
    text-align: left;
}

.items_vrt button.btnn {
    margin: 0 !important;
    background-color: #ff007e !important;
    border-radius: 50px !important;
}

.suggestions textarea {
    height: 90px;
}

.section_city.blog_mainpage.staycation-section.Visitors_design {
    background: #ffffff !important;
    padding: 50px 0;
}

.Visitors_design a.load-more {
    background: #ff007e !important;
    border-radius: 50px;
    color: #fff;
    font-size: 14px !important;
    padding: 10px 24px;
}
.Notice_Board .staycations.staycations-button-btn.item-free {
    padding: 15px;
    height: 350px;
}

.staycations.staycations-button-btn.item-free .imggg1.imggg2.mycommunity-img {
    background: #ffffff !important;
    padding: 5px;
}

.Visitors_design .imggg1.imggg2.mycommunity-img .w-100 {
	border-radius: 5px 5px 0px 0px;
}

.Visitors_design a.load-more i {
    background: #fff;
    border-radius: 50%;
    margin-left: 8px;
    color: #000;
    padding: 2px 3px;
    font-size: 10px;
}

section.add_visit .container {
    width: 100%;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,0.05);
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg,#2563EB,#000);
  border-radius: 10px;
  border: 3px solid #f1f1f1
}
::-webkit-scrollbar-thumb:hover {
  transform: scale(1.02);
}

* {
  scrollbar-width: thin;
  scrollbar-color: #2563EB #f1f1f1;
}
button.btnnn1 {
    color: #ffff !important;
    background: #2563EB;
}

form#myform .row .col-sm-3 label {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

form#myform .row .col-sm-3 {
    background: #f4f4f4f4;
    width: 22%;
    padding: 10px;
    border-radius: 7px;
    margin-right: 10px;
}

form#myform .row .col-sm-3 .imagefile {
    width: 100%;
    justify-content: center;
}

form#myform button.btnnn1 {
    display: block;
    margin-top: 30px;
    margin-left: -12px;
}

h5#exampleModalLabel {
    margin: 12px 15px 0;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid#ddd;
    width: 100%;
    padding-bottom: 12px;
}


section.pb-3.all_categories-section.all-categries-service .card-all-categoeies img {
    width: 25%;
    padding: 0 !important;
}
.familymode {
    height: 47px;
    float: inherit !important;
    text-align: center;
    font-weight: 500;
    box-shadow: none !important;
    font-size: 15px !important;
    display: block;
    width: 100% !important;
}

.about-wrap .row.align-items-center {
    gap: 13px;
}

.about-wrap .row.align-items-center .col-lg-6.about-content {
    width: 49%;
}

.all-categries-service .breadcrumb_display ul.breadcrumb {
	padding: 0px !important;
	background-color: unset !important;
}

.all_categories-section.all-categries-service ul.breadcrumb {
    background: #f4f4f4;
    padding: 20px;
    border-radius: 10px;
}
li.breadcrumb-item.active-breadcrumb a {
    color: #2563EB  !important;
}
section.pb-3.all_categories-section.all-categries-service .card-all-categoeies {
    width: 100%;
    height: 150px;
    min-height: 150px !important;
}
.row.filtered.radiofilter .card-item.card-item-bg {
    background: #fff;
    box-shadow: 0 0 8px 0 #ddd;
    border: 1px solid #ddddddb5;
}
div#all {
    background: #ddd;
    padding: 33px !important;
    border-radius: 10px;
}



.Freelancers.section_city.blog_mainpage h6 {
	font-size: 18px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Upcoming_club_event ul.px-0 li i {
    color: #2563EB;
}



.Upcoming_club_event .desc-div p {
    font-size: 13px;
}

.Upcoming_club_event .stay-buttons.d-flex a span.btn.stay-btn.btn-bg-slider {
    border: 1px solid #2563EB;
    transition: all 0.2s ease-in-out;
    width: 100% !important;
}


.Upcoming_club_event .stay-buttons.d-flex a span.btn.stay-btn.btn-bg-slider:hover {
    color: #fff !important;
    background-color: #2563EB!important;
}

section.store_singledetail .banner.stor_img.newstor {
    min-width: auto;
    height: 500px !important;
    background-size: cover;
    background-position: center;
    position: relative;
}

section.store_singledetail .banner.stor_img.newstor:after {
    position: absolute;
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.4;
    left: 0;
}
section.store_singledetail .banner.stor_img.newstor .welcomecomm {
    z-index: 9;
    border-radius: 10px 0px 0px 0px !important;
}
.store_singledetail .banner.stor_img.newstor .welcomecomm {
    width: 20% !important;
    top: 23px;
    right: 0 !important;
}
section.store_singledetail .banner.stor_img.newstor .container {
    z-index: 9;
    position: relative;
}

.breadcrumb_display {
    width: 100%;
    background: #fff;
    z-index: 999;
    transition: all .3s ease;
}

.breadcrumb_display.sticky {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    padding: 14px 100px;
}

.Notice_Board .staycations {
    padding: 0 !important;
}

.Notice_Board .staycations .imggg1.imggg2 {
    padding: 0 !important;
}
h6 .greden-22 {
    color: #000;
}

.greden-btn-22 {
    text-align: left;
}

.community .st .mainn {
    padding: 0 17px;
}
.community .st .img1 {
    height: 200px !important;
}

section.blog_singlepage {
    margin: 50px 0;
}


.file-wrapper button {
    width: fit-content !important;
    background: #0d6efd;
    padding: 0 !important;
    margin: 0px 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    height: 40px;
    width: 40px !important;
    line-height: 0 !important;
}

button.btn.btn-outline-danger.remove-btn {
    background: #ea0000 !important;
}




.popup_blander .grocerypage .btn {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3.33px 0px;
	padding: 10px 25px !important;
	background: transparent !important;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100% !important;
	border: 1px solid rgb(37, 99, 235) !important;
	transition: 0.2s ease-in-out;
	border-radius: 8px !important;
	color: #2563eb !important;
}

.popup_blander .grocerypage ul {
	min-height: unset !important;
}

.popup_blander .grocerypage p {
	min-height: unset !important;
}

.popup_blander .grocerypage .btn:hover {
  color: rgb(255, 255, 255) !important;
  background-color: rgb(37, 99, 235) !important;
}

.popup_blander .grocerypage .bi.bi-share-fill.pt-2.sharelink {
	padding: 10px !important;
	background: rgb(239, 246, 255);
	border-radius: 50%;
	width: 32px;
	height: 32px;
	line-height: 3px;
	color: rgb(37, 99, 235) !important;
	font-size: 13px;
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.popup_blander .grocerypage .bi.bi-geo-alt {
	padding: 10px !important;
	background: rgb(239, 246, 255);
	border-radius: 50%;
	width: 32px;
	height: 32px;
	line-height: 3px;
	color: rgb(37, 99, 235) !important;
	font-size: 13px;
	margin: 0px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.popup_blander .grocerypage ul li {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 250px;
}

.popup_blander .grocerypage font {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 250px;
	font-weight: 400;
}

.popup_blander .grocerypage {
  border: 1px solid rgb(221, 221, 221);
  box-shadow: unset !important;
  position: relative;
  padding: 0px !important;
  overflow: hidden;
}

.popup_blander .grocerypage .img {
	background: #70707017;
	border-radius: 0px;
	border-bottom: 1px solid #ddd;
}

.popup_blander .grocerypage .likedislike_like {
	top: 4px;
	right: 4px;
	width: 13%;
	border: 1px solid rgb(221, 221, 221);
	border-radius: 50%;
}


.popup_blander .grocerypage .icon-bi-share {
  padding: 0px;
}

.popup_blander .grocerypage .content-ftt-f {
	padding: 0px 14px 14px 14px;
}

.popup_blander .grocerypage ul {
  padding: 0px;
  margin-top: 5px;
}

.popup_blander .grocerypage .content-ftt-f .btn {
	font-weight: 400 !important;
}

.popup_blander .grocerypage .content-ftt-f li {
	font-size: 14px;
}

@media screen and (min-width: 1320px) and (max-width: 1420px) {

.store_singledetail .sales h5 {
	font-size: 16px;
}

.preloved_all_categories_popular .btn.btn-outline-light.mt-2 {
	font-size: 11px;
}

.preloved_all_categories_popular .badge.badge-info a {
	font-size: 8px;
}

.Popular_Categories h4 {
	font-size: 15px;
}

.preloved_all_categories_popular .category {
	padding: 10px 7px;
}

}





.popup_blander .grocerypage .content-ftt-f h5 {
  font-weight: 500 !important;
}

.popup_blander .grocerypage .content-ftt-f h5 font {
  font-weight: 500;
}








@media screen and (min-width: 1200px) and (max-width: 1400px) {

  body .header li.nav-item a.nav-link {
	padding: 0px 12px !important;
	font-size: 11px;
	line-height: 30px;
}

.staycations .stay-btn {
	font-size: 10px !important;
}
.Freelancers .item h6 {
	font-size: 17px !important;
}
.club-main .club_carausel .clubp {
	font-size: 11px;
}
.club-main .club_carausel span {
font-size: 11px;

}

.heart img {
	top: 18px;
}

.popup-section .heart img {
	top: 13px !important;
	right: 3px;
}

.icon-bi-share .text-dark {
	font-size: 15px;
}
img.images-pink {
	top: 10px;
    height: 440px;
}
.scan-download img {
	margin-bottom: -3px;
}
.search-input-wrapper {
	margin-right: 20px;
}
.header nav.navbar .navbar-nav {
	margin-left: -6px;
}
header.header ul.navbar-nav li:nth-child(2) {
	margin-left: 20px;
}
body .header li.nav-item a.nav-link {
	padding: 0px 12px !important;
	font-size: 11px;
}
.search-input-wrapper svg {
	left: 16px !important;
}
.header input {
	height: 35px !important;
	font-size: 11px !important;
}
.chat_dropdown-btn {
	padding: 8px 20px;
	font-size: 11px;
    height: 29px;
}
a.sugbtn {
	height: 28px;
	line-height: 28px;
	font-size: 11px;
}
.header.header2 .nav-wrapper button {
	height: 29px;
}
.nav-wrapper button {
	font-size: 11px;
}
select#under_changec {
	font-size: 12px;
}
.skiptranslate .goog-te-gadget-simple span {
	font-size: 12px;
}
.header .main {
	padding: 3px 20px;
}

.community_events .staycations .txt ul li {
	font-size: 12px;
}

.section_city .staycations h6 {
	line-height: 24px;
}

.community_events .staycations h6 {
	font-size: 13px !important;
}

.Freelancers.section_city.blog_mainpage h6 {
	text-align: start;
}

.greden-btn-22 {
	font-size: 13px;
}

.grocery .grocerypage p {
	font-size: 12px;
}

.grocery .grocerypage li {
	font-size: 14px;
}




.event_singlepage .event_single ul li {
	font-size: 11px;
}

.event_singlepage .event_single ul li i {
	padding: 8px;
	width: 28px;
	height: 28px;
	line-height: 28px;
}

.store_singledetail .sales del {
	font-size: 12px;
}

.store_singledetail .sales ins span {
	font-size: 9px;
	padding: 1px 6px;
}

.store_singledetail .sales p {
	font-size: 13px;
}

.store_singledetail .sales h5 {
	font-size: 14px;
}



form.search-form {
	margin-top: 5px !important;
}

.related-article-item {
	width: unset !important;
}

div#myTabContent {
    padding: 40px;
    max-width: 567px;
    margin: unset;
}

.modal-content {
    width: 92%;
}

span.d-flex.mb-4 {
    margin: unset;
}

.section_login .nav-tabs .nav-item {
    width: 30% !important;
    margin: unset;
}

.modal-body {
    padding: var(--bs-modal-padding) !important;
}

.lgin span.d-flex.mb-4 {
    padding-top: 11px;
    gap: 20px;
    margin-left: 55px;
}

.section_login .nav-tabs .nav-item button.active {
    margin-left: 135px;
}

.section_login .nav-tabs .nav-item button {
	padding: 7px 3px;
	font-size: 13px;
    height: unset;
}

.section_login .form-signin {
	padding: 10px 30px;
}

.section_login .form-signin h2 {
	padding-bottom: 0px;
	font-size: 17px;
}

.modal-dialog.modal-lg .form-group label {
	font-size: 14px;
}

.section_login .form-control {
	padding: 8px 11px;
}

.section_login .form-signin button {
	font-size: 16px;
	padding: 7px 10px;
}

.section_login .form-signin .row.checkbox.text-left.mt-3 {
	font-size: 11px;
}

.section_login .form-signin .row.checkbox.text-left.mt-3 .col-sm-12.mt-4 {
	margin-top: 1px !important;
}

.section_login .log1 {
	padding: 3px 0px;
	font-size: 14px;
}

.section_login img {
	margin: 0 10px;
	height: 25px;
}

.section_login {
	padding: 0 0px 20px;
}

.preloved_all_categories_popular .btn.btn-outline-light.mt-2 {
	font-size: 11px !important;
}

.preloved_all_categories_popular .badge.badge-info a {
	font-size: 8px !important;
}

.Popular_Categories h4 {
	font-size: 15px !important;
}

.preloved_all_categories_popular .category {
	padding: 10px 7px !important;
}

.carpooling_car-bg .view_requst .btn {
	font-size: 12px;
}

.carpooling_car-bg .view_requst .btn.btn-warning.btn-warning-btn {
	font-size: 12px;
}

.sight-text-city {
	font-size: 13px !important;
}


.popup_blander .grocerypage .likedislike_like {
	top: -223px;
}

.popup_blander .grocerypage .content-ftt-f li {
	font-size: 12px;
}

.popup_blander .grocerypage .bi.bi-geo-alt {
	width: 28px;
	height: 28px;
}

.popup_blander .grocerypage .btn {
	padding: 8px 25px !important;
	font-size: 13px;
}

.popup_blander .grocerypage .bi.bi-share-fill.pt-2.sharelink {
	width: 28px;
	height: 28px;
	font-size: 11px;
}

.grocery .grocerypage .img {
	height: 191px;
}

form.search-form {
    margin: -2px !important;
}

li.nav-item.home {
    margin-right: 16px;
}

input[type="search"] {
    padding: 8px 9px 8px 30px;
}

.search-input-wrapper svg {
    left: 20px !important;
}

.header nav.navbar {
    padding: 4px 25px !important;
}

div#google_translate_element {
    display: flex;
    align-items: center;
}

.header .sl-nav {
    display: flex;
    align-items: center;
}

.main .dropdown2 a {
    height: 31px;
}

.header .sl-nav li {
    height: unset !important;
}

.goog-te-gadget {
    height: 27px;
}

.nav-wrapper button {
    height: 26px;
    padding: 0px;
    font-size: 10px;
}

.header .icons li a {
    height: 26px;
    padding: 0px 13px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}


button.chat_dropdown-btn.loginfirst {
    height: 26px;
    padding: 0px 13px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}






}



li.last-child svg.svg-inline--fa.fa-bell {
    font-size: 15px;
    color: #2563eb;
    background-color: #eff6ff;
    padding: 9px;
    border-radius: 30px;
    border: 0.01px solid #9bb3e9;
}

li.last-child svg.svg-inline--fa.fa-user {
    font-size: 15px;
    color: #2563eb;
    background-color: #eff6ff;
    padding: 9px;
    border-radius: 30px;
    border: 0.01px solid #9bb3e9;
}

li.last-child {
    margin-top: 7px;
    margin-right: 9px;
}

li.last-child a {
    margin-right: 3px;
}



.spacial-offer-catg .city1.item-free-border.city3-item-free-border {
  border: 1px solid #ddd;
}
.spacial-offer-catg .imgggg1 {
  border-bottom: 1px solid #ddd;
  height: 167px !important;
}

.spacial-offer-catg .imgggg1 .btn:hover {
  background-color: #325ef1;
  color: #ffffff !important;
  border: 1px solid #2563EB;
}

.spacial-offer-catg .btn:hover {
}

.spacial-offer-catg span.btn:hover font {
  color: #fff;
}

.spacial-offer-catg .btn:hover {
  color: #fff !important;
}

.spacial-offer-catg a:hover .btn {
  background-color: #325ef1;
  color: #fff !important;
  border: 1px solid #2563EB;
}

.spacial-offer-catg .icon-bi-share .bi.bi-share-fill.float-end.pt-3.sharelink {
  margin-left: auto !important;
  padding: 10px !important;
  background: #EFF6FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: block !important;
  line-height: 3px;
  color: #2563eb !important;
  font-size: 13px;
}

.spacial-offer-catg .icon-bi-share {
  margin-top: 10px;
  gap: 0px;
}

.spacial-offer-catg .city2 h6 {
	font-size: 15px;
}

.spacial-offer-catg .city2 {
  padding: 0 15px 13px;
}





/* 2026 Latest Css Start */

ul.share-view-data {
	padding: 0px;
	display: flex;
	margin-bottom: 15px;
	margin-top: 0px;
	gap: 11px;
	align-items: center;
}

ul.share-view-data li {
    margin-right: 8px !important;
    color: #000;
    list-style: none;
}

ul.share-view-data li i {
    margin-right: 5px;
    font-size: 16px;
}

.heart-share-tt i {
	color: red !important;
	font-weight: 500 !important;
}

li.last-sharing-option {
    margin-left: auto;
    padding: 10px !important;
    background: #EFF6FF;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: block;
    line-height: 3px;
    color: #2563eb !important;
    font-size: 13px;
}

.listing-latest-design .text-slight-h6 {
	width: 100% !important;
}
.listing-latest-design .stay-buttons a {
	background: #2563eb !important;
    color: #fff;
}

.listing-latest-design .offer__price {
  position: absolute;
  right: auto !important;
  left: 15px;
  top: 11px !important;
  display: flex;
  align-content: center !important;
}
.listing-latest-design .offer__price p {
	font-size: 12px !important;
	font-weight: bold !important;
	background: #fff;
	height: 27px !important;
	padding: 2px 11px;
	color: #000 !important;
	border-radius: 6px 0 0 6px;
}
.listing-latest-design .offer__price .offer__price_value {
	background: #000;
	color: #fff !important;
	border-radius: 0 6px 6px 0;
}


.home-latest-blog .blog-category {
	position: absolute;
	top: 14px;
	left: 20px;
	background: #fff;
	font-size: 12px;
	border-radius: 6px;
	font-weight: 600;
	text-transform: capitalize;
	color: #000;
	box-shadow: 0 0 10px 0 #fff;
	padding: 8px 14px;
}

.home-latest-blog .blog-title-button h6 {
  width: 100%;
}
.home-latest-blog .blog-title-button h6 .first-text {
  width: 100% !important;
}

.home-latest-blog .color-blue {
	width: fit-content !important;
	height: 40px;
	font-size: 14px !important;
	background: #2563eb !important;
	color: #fff !important;
	padding: 0 25px;
	line-height: 39px;
	border-radius: 6px;
    margin-top: 16px;
}

.all-categries-service .d-grid a {
    background: #3F51B5;
    color: #fff;
    font-size: 14px;
    margin: 0;
    border: 0px solid #000 !important;
}

.all-categries-service .d-grid {
    text-align: center;
}

.counter-cart-design a {
  background: #fff;
  padding: 5px 19px;
  display: flex;
  align-content: center !important;
  justify-content: center;
  gap: 4px;
  border-radius: 50px;
}
.counter-cart-design p {
  font-size: 11px !important;
  margin: 0 !important;
  line-height: 23px !important;
}

.counter-cart-design {
	width: fit-content;
}