@import url('https://fonts.googleapis.com/css2?family=Judson:wght@400;700&display=swap');
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: inherit;
  font-family: inherit;
  font-weight: 400;
  outline: 0 !important;
}

html {
  scroll-padding-top: 3.5rem;
  overflow-x: hidden;
}

body {
  font-size: 14px;
  font-family: 'Judson', serif;
  color: #101010;
  overflow-x: hidden !important;
  position: relative;
}

a {
  color: inherit;
  cursor: pointer;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

.container-fluid {
  max-width: 1920px;
}

a,
button {
  -webkit-transition: 0.5s !important;
  transition: 0.5s !important;
}

ul {
  margin: 0;
}
h1,
h2 {
  font-family: 'Judson', serif;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

header,
footer,
section {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  vertical-align: top;
  padding-top: 4.5rem;
  padding-bottom: 5rem;
}
.mob {
  display: none;
}
.desk {
  display: block;
}

/* button */
.common-button {
  border-radius: 44px;
  background: #FFF;
  border: 2px solid #fff;
  color: #000;
  font-family: Judson;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 10px 24px;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}

.common-button:hover {
  background-color: #333;
  color: #fff;
}
.navbar-area .main-nav .header_bottom.sticky .navbar .navbar-brand {
  margin-top: unset;
}
.sticky .navbar-brand img {
  width: 90px;
}

.header_bottom.sticky {
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  box-shadow: 0 0 5px rgb(0 0 0 / 20%);
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  transition: 0.5s;
  position: fixed;
}
.navbar-area .main-nav {
  background: transparent;
  position: absolute;
  transition: 0.6s;
  padding: 0;
}

.navbar-area .main-nav .navbar {
  padding: 0;
}

.navbar-area .main-nav .navbar .navbar-brand {
  padding: 0;
  width: initial;
  min-width: 122px;
  position: relative;
}
.navbar-area .main-nav .navbar .navbar-brand img {
  transition: 0.6s;
  position: relative;
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item {
  padding: 0;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link {
  color: #FFF;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.navbar-area.White_Nav  .main-nav .navbar .navbar-nav .nav-item .nav-link {
  color: #848484;
}
.navbar-area.inner_nav .header-top {
  display: none;
}
.navbar-area.inner_nav
.navbar-area
  .main-nav
  .navbar
  .navbar-nav
  .nav-item
  .nav-link.dropdown-toggle::after {
  border: 0;
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  vertical-align: middle;
  line-height: 1;
}

.mobile-nav.mean-container .common-button {
  position: absolute;
  z-index: 999;
  float: right;
  right: 66px;
  top: 15px;
  border: 1px solid #230707;
  border-radius: 26px;
  color: #230707;
  font-weight: 700;
  padding: 12px 28px;
  text-decoration: none;
}
.mobile-nav.mean-container .common-button:hover {
  background-color: #230707;
  color: #fff;
}
.navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link.active {
  color: #fd1616;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  padding: 0;
  border-radius: 0;
  background: none;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item {
  padding: 0;
}

.navbar-area
  .main-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .nav-link {
  border-bottom: 1px dashed #f7f7f7;
  background: #3c3c3c;
  font-size: 15px !important;
}

.navbar-area
  .main-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .nav-link.active,
.navbar-area
  .main-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  .nav-link:hover {
  color: #726e6e;
  background: #4e4e4e !important;
}

.navbar-area
  .main-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item:last-child
  .nav-link {
  border-bottom: 0;
}

.header-top ul {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
}
.header-top ul li {
  display: inline-block;
  margin-left: 20px;
  position: relative;
}
.header-top ul li a {
  color: #FFF;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}

.header-top ul li:first-child {
  margin-left: 0;
}
.header-top ul li:nth-child(2) {
  margin-left: 10px;
}

.header-top {
  padding-bottom: 20px;
  position: relative;
  padding-top: 20px;
}

/***********bank caruosel*********/
.owl-carousel-bank .single .bankItem{
  border-radius: 100px;
  border: 2px solid rgba(85, 85, 85, 0.40);
  display: flex;
  gap: 10px;
  padding: 20px;
  align-items: center;
}
.owl-carousel-bank .single .bankItem img {
  max-width: 120px;
}
.owl-carousel-bank .single .bankItem p {
  color: #000;
  font-family: Judson;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.owl-carousel-bank .single .bankItem p span {
  display: block;
  color: #555;
  font-family: Judson;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/********hero-start**********/
.herosection {
  background: linear-gradient(181deg, #6B3AE0 0.76%, #DB7965 99%);
  position: relative;
  padding: 0;
  z-index: 0;
  min-height: 825px;
  height: 100vh;
}

.banner_inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}


.banner_inner .banner-left a {
  width: fit-content;
}
.banner_inner .banner-left h1 {
  color: #FFF;
  font-family: Judson;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
}
.banner_inner .banner-left h2 {
  color: #FFF;
  font-family: Judson;
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.couponcode {
  display: flex;
  align-items: center;
  margin-top: 25px;
  background-color: #5416B8;
  border-radius: 44px;
    margin-left: -27px;
    position: relative;
    width: max-content;
}
.couponcode span {
  color: #FFA800;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 10px 24px 10px 20px;
}
.owl-theme .owl-dots .owl-dot span {
  background: #000;
  border: 2px solid #fff;
}
.owl-theme .owl-dots .owl-dot.active span {
  background: #fff;
  border: 2px solid #fff;
}
.bookingAra {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.owl-carousel-addplay.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
  position: absolute;
  transform: translate(-50%, 0%);
  left: 50%;
  bottom: 10px;
}
.booking_area {
    margin-top: -250px;
    position: relative;
}
.whIteWrappr {
  border-radius: 40px;
  background: #FFF;
  padding: 15px 40px;
  margin-top: 20px;
}
.banner-form button.find-btn {
  border-radius: 44px;
  background: #0069C6;
  color: #FFF;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: none;
  outline: none;
  padding: 13px 30px;
}
.booking_area .nav-tabs .nav-link {
  color: #FFF;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: relative;
}
.booking_area .nav-tabs {
  border: transparent
}
.booking_area .nav-tabs .nav-link.active {
  background: transparent;
  border: transparent

}

.booking_area .nav-tabs .nav-link.active::after,.booking_area .nav-tabs .nav-link:hover::after {
  display: block;
  content: "";
  border-bottom: solid 5px #fff;
  transform: translateX(-50%);
  transition: transform 300ms ease-in-out;
  position: absolute;
  margin-top: 10px;
  width: 40%;
  left: 50%;
}
.booking_area .nav-tabs .nav-link:hover {
  border: transparent
}
/**************our service*************/
section.our_servces {
  padding: 60px 0 0;
}
.searchBar {
  max-width: 700px;
  float: right;
  background: rgba(174, 174, 174, 0.30);
}
.searchBar input {
  background: transparent;
}
.searchBar .text-info {
  color: #C0C0C0!important;
}
section.our_servces h3 {
  color: #000;
  font-family: Judson;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0px;
}
.our_servces h5{
  color: #333;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: block;
  margin-bottom: 40px;
}
.servicebox h6{
  color: #848484;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.serviceboxInner {
  background-image: linear-gradient(180deg, #D4A4FF 18.85%, #FFF 49.67%, #CD96FF 80.38%); 
  width: 117px;
  height: 117px;
  border-radius: 50%;
  margin: 0 auto 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.serviceboxInner.VWAll {
  background: rgba(0, 120, 211, 0.10);
}
.servicebox {
  text-align: center;
}
.service_list {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  gap: 30px;
  place-items: flex-start;
}
.serviceboxInner img {
  max-width: 95px;
  height: auto;
  object-fit: cover;
  margin-bottom: 5px;
}

/*************servicesBoxCards************/
.servicards {
  border-radius: 12px;
  border: 2px solid #C8C8C8;
  padding: 20px;
}
.servicards h5 {
  color: #000;
  font-family: Judson;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 15px;
}
.servicards .TyPeList {
  display: flex;
  justify-content: space-between;
}
.servicards .TyPeList figure {
  text-align: center;
}
.servicards .TyPeList figure figcaption {
  color: #555;
  font-family: Judson;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.servicards .TyPeList figure img {
  aspect-ratio: 17.5 / 10.4;
  border-radius: 10px;
}
.add-box img {
  height: 100%;
  border-radius: 20px;
 height: 260px;
}
.expBox {
  position: relative;
}
.exppopbtn {
  position: absolute;
  bottom: 30px;
  left: 0;
  border-radius: 0 5px 5px 0;
  background-color: rgb(255 255 255 / 50%);
  padding: 5px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  -webkit-transition: max-width 0.5s;
  transition: max-width 0.5s;
  text-decoration: none;

}
.exppopbtn span {
  white-space: nowrap;
  visibility: hidden;
  overflow:hidden;
  display: none;
  max-width: 0%;
  -webkit-transition: max-width 0.5s;
  transition: max-width 0.5s;
}

.exppopbtn:hover span {
  max-width: 100%;
  visibility: visible;
  display: block;
}
.expBox img {
  border-radius: 20px;
  height: 260px;
  width: 100%;
  border-radius: 20px;
}
/**********************/

.item-box {
  display: flex;
  gap: 40px;
}
.item-box .screen-box-outer {
  text-align: center;
}
.item-box .screen-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #c8c8c8;
  width: 117px;
  height: 117px;
  text-align: center;
  padding: 5px;
  text-decoration: none;
  transition: 0.6s ease-in-out;
  background-image: linear-gradient(180deg, #D4A4FF 18.85%, #FFF 49.67%, #CD96FF 80.38%);
  margin: 0 auto;
  overflow: hidden;
}
.item-box .screen-box img {
  max-width: 75px;
  height: auto; 
  object-fit: cover;
  margin-bottom: 5px;
}
.buy-sell-left a {
  color: #4200FF;
  font-family: Judson;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  margin-top: 15px;
  display: inline-block;
}
.item-box .screen-box-outer span {
  color: #848484;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 10px;
  display: block;
}
.title-one {
  color: #000;
  font-family: Judson;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.title-one p {
  color: #000;
  font-family: Judson;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.box-inner {
  border-radius: 12px;
  border: 1px solid #c8c8c8;
  padding: 20px;
}
.owl-nav button.owl-next {
  right: 00px;
}
.owl-theme .owl-nav [class*="owl-"] {
  margin: 0 !important;
}
.owl-nav .owl-prev {
  display: none !important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #4200FF!important;
  color: #fff;
  border: none;
  box-shadow: none;
}
.buy-\&-sell {
  padding: 0 0 45px;
}
.owl-nav button {
  position: absolute;
  top: 37%;
  transform: translateY(-50%);
  background: transparent !important;
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 100%;
  line-height: 42px;
  color: #fff;
}

.stage-cat h4 {
  color: #000;
  font-family: K2D;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}
.stage-wrapper {
  display: flex;
  gap: 20px;
}
.stage-wrapper .stage-item {
  text-decoration: none;
  text-align: center;
}
.stage-wrapper .stage-item img {
  max-width: 175px;
  width: 100%;
  height: 104px;
  object-fit: cover;
  border-radius: 10px;
}
.stage-wrapper .stage-item span {
  color: #555;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 15px;
  display: block;
}
.bill-recharge {
  padding: 0 0 50px;
}
.kid-fashion {
  padding: 50px 0 0px;
}
section.popular-brand {
  padding: 0 0 50px;
}
.owl-carousel-brandplay figure {
  border-radius: 12px;
  width: 100%;
}
.owl-carousel-brandplay .owl-nav .owl-prev span,
.owl-carousel-brandplay .owl-nav .owl-next span {
  background-color: #d9d9d9;
  width: 35px;
  height: 34px;
  line-height: 25px;
  font-size: 34px;
  color: #000;
  border-radius: 5px;
}
.owl-carousel-brandplay .owl-nav .owl-prev {
  display: block !important;
}
.owl-nav button.owl-prev {
  left: 0px;
}
section.popular-brand {
  padding: 0 0 50px;
}
section.popular-brand h2 {
  font-weight: bold;
  font-size: 50px;
  color: #000;
  margin-bottom: 40px;
}
.owl-carousel-brandplay figure {
  border-radius: 12px;
  width: 100%;
}
.owl-carousel-brandplay .owl-nav .owl-prev span,
.owl-carousel-brandplay .owl-nav .owl-next span {
  background-color: #d9d9d9;
  width: 35px;
  height: 34px;
  line-height: 25px;
  font-size: 34px;
  color: #000;
  border-radius: 5px;
}
.owl-carousel-brandplay .owl-nav .owl-prev {
  display: block !important;
}
.owl-nav button.owl-prev {
  left: 0px;
}
.owl-carousel-brandplay figure img {
  width: 100%;
  object-fit: cover;
}
.opt-area {
  background: #131E2B;
  padding: 20px 0;
}
.ExploreArea {
  margin-top: 80px;
}
.ExploreAreaInner {
  background: linear-gradient(91deg, #512996 0.58%, #864ED3 53.5%, #512996 99.49%);
  border-radius: 20px;
  padding: 50px 80px;
}
.ExploreAreaInner h3 {
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
}
.ExploreAreaInner h3 span {
  display: block;
}
.ExploreAreaInner p {
  font-weight: 500;
  font-size: 20px;
  color: #fff;
}
.ExploreAreaInner a.explore {
  display: table;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  margin: 30px 0 0;
  border-radius: 15px;
  padding: 8px 30px;
  border: 2px solid #fff;
  text-decoration: none;
  transition: 0.5s ease-in-out;
}
section.segmentArea {
  padding: 50px 0 0;
}
.activity-bx {
  border-radius: 12px;
  border: 1px solid #c8c8c8;
  padding: 10px;
}
section.recent-artivity .title-one {
  color: #000;
  font-size: 50px;
  margin-bottom: 40px;
  font-weight: bold;
}
.activity-bx h5 {
  color: #000;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
}
.activity-bx h5 span {
  color: #555;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: block;
}
.activity-bx .card-body {
  padding: 20px 0;
}
.activity-bx .card-body p.card-text {
  color: #555;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  overflow-y: auto;
  max-height: 187px;
  max-height: 115px;
}
.activity-bx .card-body p::-webkit-scrollbar {
  width: 5px;
  border-radius: 10px;
}

.activity-bx .card-body p::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.activity-bx .card-body p::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  border-radius: 10px;
}
.activity-bx .usr img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.activity-bx .usr h4 {
  color: #000;
  font-family: K2D;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.activity-bx .usr h4 span {
  color: #555;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  display: block;
  line-height: normal;
}
.load-more {
  display: table;
  color: #4200ff;
  font-family: K2D;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  margin: 30px auto 0;
  border-radius: 12px;
  padding: 8px 100px;
  border: 1px solid #4200ff;
  text-decoration: none;
  transition: 0.5s ease-in-out;
}
.load-more:hover {
  background-color: #4200ff;
  color: #fff;
}
.owl-carousel-brandplay .owl-nav button.owl-prev,.owl-carousel-brandplay .owl-nav button.owl-next{
  background-color: rgba(217, 217, 217, 0.7)!important;
  border-radius: 5px;
}
.stage-cat.box-inner {
  display: block;
  text-decoration: none;
}
/***********************footer***************************/
.sociallink {
  list-style: none;
  display: inline-block;
}
.sociallink li {
  display: inline-block;
}
.sociallink li a img {
  max-width: 30px;
}
.opt-area .opt-lft {
  display: flex;
  align-items: center;
}
.opt-area .opt-lft h4 {
  color: #fff;
  font-family: K2D;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.cms-area p {
  color: #807E7E;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 20px;
}
.cms-area h6 {
  color: #848484; ;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 40px;
  margin-bottom: 30px;
}
.cms-area h5 {
  color: #fff;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: normal;
}
.page_ft ul {
  list-style: none;
  padding-left: 0;
}
.page_ft ul li {
  position: relative;
  padding-left: 20px;
  margin: 15px 0;
}
.page_ft ul li a:hover {
  color: #fff;
  padding-left: 5px;
}
.page_ft ul li a {
  color: #807E7E;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
}
.page_ft ul li::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #807E7E;
  position: absolute;
  left: 0;
  top: 12px;
}
.page_ft ul.sociallink li::before {
  display: none;
}
.devider {
  width: 100%;
  height: 1px;
  background: #fff;
  display: block;
}
.copy-text {
  text-align: center;
  color: #1e1e1e;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-top: 30px;
}
.cms-area {
  display: inline-block;
  width: 100%;
  padding: 50px 0;
}

.collectionSegment {
  display: inline-block;
  width: 100%;
}
.collectionSegment h5 {
  color: #fff;
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: normal;
}
.collectionSegment p {
  color: #807E7E;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0%;
}
footer.page_ft {
  background: #131E2B;
  padding: 0;
} 
.footerInner {
  padding: 50px 0 0;
}
footer.page_ft h3 {
  color: #fff;
  font-family: Judson;
  font-size: 25px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
}

/*--------login----*/
.loginmain .form-area {
  background-color: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loginmain .form-area .form-inner {
  width: 100%;
}
.loginmain .form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 15px 19px;
  font-size: 1rem;
  line-height: 1.4;
  color: #475F7B;
  background-color: #FFF;
  border: 2px solid #848484;
  border-radius: .267rem;
  -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.loginmain .form-control:focus {
  color: #475F7B;
  background-color: #FFF;
  border-color: #5A8DEE;
  outline: 0;
  box-shadow: 0 3px 8px 0 rgb(0 0 0 / 10%);
}
.loginmain .iti--separate-dial-code .iti__selected-flag {
  background-color: transparent;
  border-right: 1px solid #848484;
}
.loginmain .intl-tel-input,
.loginmain .iti{
width: 100%;
}
.loginmain .form-check-input[type=checkbox] {
  border-radius: 50%;
  border: 2px solid #848484;

}
.loginmain .form-check-input:focus {
  box-shadow: none;
  outline: none;
}
.loginmain .form-check-input {
  width: 25px;
  height: 25px;
}
.loginmain .form-check-input:checked {
  background-color: #000;
  border-color: #000;
  box-shadow: none;
}
.loginmain .form-check {
  margin-bottom: 15px;
}
.loginmain .form-check label {
  color: #1E1E1E;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  padding-left: 12px;
  line-height: 30px;
}
.loginmain .form-check label a {
  font-weight: 500;
  text-decoration: underline;
}
.loginmain .spmassage {
  color: #1E1E1E;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}
.loginmain .text-green {
  text-decoration: none!important;
  color: green;
}
.loginmain button.btn.form-submit {
  border-radius: 30px;
  background: #0078D3;
  width: 100%;
  color: #FFF;
  font-family: Judson;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 12px;
  margin-top: 15px;
}
.loginmain h4 {
  color: #1E1E1E;
  font-family: Judson;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}
.loginmain h6 {
  color: #000;
  font-family: Judson;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.loginmain form.veryfyform input{
  display:inline-block;
  width:50px;
  height:50px;
  text-align:center;
  border-radius: 5px;
  border: 2px solid #848484;
  margin: 0 7px;
}
.loginmain form.veryfyform input:focus {
  border: 2px solid #1e1e1e;
}
.loginmain .form-control:focus {
  border: 2px solid #1e1e1e;
}
.loginmain form.veryfyform {
  text-align: center;
  margin: 30px 0;
}
/*-------------------profile page***********/

.avatar-upload {
  position: relative;
  max-width:120px;
  margin: 0 auto;
  text-align: center;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 0px;
  z-index: 1;
  top: 10px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
  content: "\f040";
  font-family: 'FontAwesome';
  color: #757575;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.avatar-upload .avatar-preview {
  width: 120px;
  height: 120px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.profile_main .sidebar {
  border: 2px solid #848484;
  border-left: transparent;
}
.list_step ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 30px;
}
.list_step ul li{
  margin :15px 0;
  transition: 0.5s ease-in-out;
  position: relative;
}
.list_step ul li:hover a{
 color: #1e1e1e;
 border-left: 2px solid #1e1e1e;
}
.list_step ul li a{
  color: #555;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
 border-left: 2px solid transparent;
  padding: 5px;
}
.list_step ul li a.logout_btn {
  color:rgba(249, 6, 6, 1);
}
.list_step {
  border-bottom: 2px solid #848484;
}
.profileTop .flex-shrink-0 img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}
.profileTop .flex-grow-1 .us_nam {
  color: #000;
  font-family: Judson;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.profileTop .flex-grow-1 .phoneNo{
  color: #555;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.profileTop .flex-grow-1 .phoneNo i {
  color: green;
}
.profile_main .profile_content {
  border: 2px solid #848484;
}
.profile_content .profile_contentTop {
  background: #EEE;
  padding: 50px 40px 40px;
}
.avatar-upload h5{
  color: #1E1E1E;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 15px;
}
.PsInfoform .form-group {
  width: 100%;
  position: relative;
}
.PsInfoform .form-control,.PsInfoform .form-select {
  border-radius: 10px;
  border: 1px solid #848484;
  color: #555;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 25px;
  padding: 12px 15px;
} 
.PsInfoform .form-control:focus ,.PsInfoform .form-select:focus{
  box-shadow: none;
  border: 1px solid #1e1e1e;
}
.PsInfoform {
  padding: 25px;
}
.PsInfoform .iti{
  width: 100%;
  }
  .PsInfoformstep h4 {
    color: #000;
    font-family: Judson;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
  }
  .PsInfoform button.btn.savechanges {
    border-radius: 30px;
    background: #0078D3;
    width: 100%;
    color: #FFF;
    font-family: Judson;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 12px;
    margin: 50px auto;
    max-width: 340px;
    display: table;
}
.PsInfoform .privacytext {
  color: #555;
  font-family: Judson;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin-bottom: 20px;
}
.PsInfoformstep ul {
  padding-left: 0;
  list-style: none;
}
.PsInfoformstep ul li{
  display: inline-flex;
  margin-right: 30px;
}


.PsInfoformstep ul li .form-check-input[type=checkbox] {
  border-radius: 50%;
  border: 2px solid #848484;

}
.PsInfoformstep ul li .form-check-input:focus {
  box-shadow: none;
  outline: none;
}
.PsInfoformstep ul li .form-check-input {
  width: 25px;
  height: 25px;
}
.PsInfoformstep ul li .form-check-input:checked {
  background-color: #000;
  border-color: #000;
  box-shadow: none;
}
.PsInfoformstep ul li .form-check {
  margin-bottom: 15px;
}
.PsInfoformstep ul li .form-check label {
  color: #1E1E1E;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  padding-left: 7px;
  line-height: 30px;
}
.PsInfoform .form-group.veriified::after {
  content: url(../images/circle-check-solid.svg);
  color: #008000;
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 20px;
  right: 5px;
  top: 12px;
 filter: brightness(0) saturate(100%) invert(23%) sepia(36%) saturate(6563%) hue-rotate(104deg) brightness(95%) contrast(102%);
}
.ptionMain ul {
  list-style: none;
  padding-left: 0;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 25px 80px;
}
.ptionMain ul li a{
  color: #555;
font-family: Judson;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: normal;
position: relative;
text-decoration: none;
transition: 0.5s ease-in-out;
display: block;
}
.ptionMain ul li a:hover {
  color: #333;
  padding-left: 5px;
}
.ptionMain ul li a::after {
  content: '\f105';
  font-family: "FontAwesome";
 float: right;
}
.ptionMain {
  padding: 60px 0 70px;
}
.bookmodal .modal-body h2 {
  font-weight: 700;
  font-size: 45px;
  color: #1e1e1e;
}
.bookmodal .modal-body p {
  color: #555555;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}
.bookmodal .modal-body h6 {
  color: #1e1e1e;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px;
}
.bookmodal .modal-body {
  padding: 30px 30px 60px;
}
.bookmodal .modal-body .bookBtn {
  background-color: #BC532A;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  padding: 12px;
  max-width: 540px;
  display: block;
  margin: 30px auto;
  text-decoration: none;
  font-size: 30px;
}
.bookmodal .modal-header {
  border-bottom: none;
}
.bookmodal .modal-body .searchBtn {
  background-color: #0078D3;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  padding: 12px;
  max-width: 540px;
  display: block;
  margin: 20px auto;
  text-decoration: none;
  font-size: 30px;
}
/*---------ac repair----------*/
.addbanner {
  position: relative;
}

.breadcrumb ol {
  list-style: none;
  display: flex;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 1em;
  align-items: center;
}

.breadcrumb li {
  display: flex;
  align-items: center;
}
.breadcrumb li a {
  cursor: pointer;
  text-decoration: none;
  color: #555;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.breadcrumb li:not(:last-child):after {
  content: '';
}
.repairMainarea .breadcrumb {
  margin-bottom: 0;
}
.breadcrumb-separator {
  margin: 0 0.5em;
  color: #5c5c5c;
}

.breadcrumb a {
  color: #000;
  transition: color 0.3s;
}

.breadcrumb a:hover, .breadcrumb a:focus {
  color: #000;
}
.repairMainarea {
  padding: 20px 0;
}
.repairMainarea h4 {
  color: #1E1E1E;
  font-size: 35px;
  margin-bottom: 20px;
}
.filtercontainer {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
}
/* Basic styling */
.filter {
  margin-bottom: 10px;
}

.commonflbtn {
  border-radius: 10px;
  border: 2px solid #D2D2D2;
  background: #EAEAEA;
  color: #1E1E1E;
  font-family: Judson;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0 14px;
  height: 46px;
  align-items: center;
  display: flex;
}
#sort {
  padding: 0 25px 0 14px!important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/Polygon.svg);
  background-repeat: no-repeat;
  background-position: right 6px center;
}
.repLslider .single .itembox img {
  border-radius: 10px;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 1.8 / 2.3;
}
.servicItem h5 {
  color: #1E1E1E;
  font-family: Judson;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 5px;
}
.ratingproc {
  display: flex;
  align-items: center;
  color: #C7C6C6;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}
.ratingproc .rtno {
  border-radius: 5px;
  background: #008B20;
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0 6px;
  margin-right: 10px;
}
.starts {
  display: flex;
  margin-right: 10px;
}
.starts i {
  color: #fc5c00;
}
.servicItem .locationtext {
  display: flex;
  align-items: center;
  color: #1E1E1E;
  font-family: Judson;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 25px;
}
.redirbtn {
  margin-bottom: 15px;
}
.redirbtn a{
  border-radius: 5px;
  border: 2px solid #D2D2D2;
  background: #EAEAEA;
  padding: 4px 9px;
  text-decoration: none;
  transition: 0.5s ease-in-out;
  color: #1E1E1E;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: 15px;
  display: inline-block;
}
.redirbtn a:hover {
  background-color: #ddd;
  border-color: #999;
}
.btnGp .btn-success {
  border-radius: 5px;
  background: #008B20;
  color: #FFF;
  font-family: Judson;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: 0.5s ease-in-out;
}
.btnGp .btn-success:hover {
  border-color: #3ebd46;
  background-color: #3ebd46;
}

.btnGp .btn-primary {
  border-radius: 5px;
  background: #0078D3;
  color: #FFF;
  font-family: Judson;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.btnGp .btn-primary:hover {
border-color: #41a9ff;
    background-color: #41a9ff;
    -webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0/30%);
    -moz-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 1px 4px 0 rgb(0 0 0/30%);
}


.btnGp .whatsapp {
  border-radius: 5px;
  border: 2px solid #D2D2D2;
  background-color: transparent;
  color: #1E1E1E;
  font-family: Judson;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: 0.5s ease-in-out;
}
.btnGp .whatsapp:hover {
  border:2px solid #0076d7;
  background-color: #e5f1fb;
}
.btnGp .whatsapp i {
  color: #008B20;
}
.servicItem .btnGp {
  display: flex;
  gap: 15px;
}

.repLslider.owl-carousel .owl-nav button.owl-next,.repLslider.owl-carousel .owl-nav button.owl-prev {
  width: 35px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px 0px 0px 10px;
  background: rgba(217, 217, 217, 0.45)!important;
  color: #7B7B7B;
  border: none;
  box-shadow: none;
}
.repLslider .owl-nav button {
  position: absolute;
  top: 50%;
}
.servicItem {
  border-radius: 15px;
  border: 1px solid #D2D2D2;
  transition: 0.5s ease-in-out;
}
.servicItem:hover {
  border-radius: 15px;
  border: 1px solid #D2D2D2;
  background: rgba(0, 120, 211, 0.10);
}

.servicItem h5 .fa-heart {
  float: right;
  color: #7B7B7B;
}
section.our_servces h6 {
  color: #555;
  font-family: Judson;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.repairMainarea.details {
  border-top: 1px solid #D2D2D2;
}
.repairMainarea.details .breadcrumb ol {
  margin-bottom: 0;
}

.detailsMain .servicItem h5 {
  display: flex;
  justify-content: space-between;
}
.detailsMain .servicItem:hover {
  background-color: unset;
}
.detailsMain .servicItem .btnGp .btn-border {
  border-radius: 5px;
  border: 1px solid #D2D2D2;
}
.detailsMain .servicItem .btnGp .btn-border:hover {
  background: #eee;
  border: solid 1px #eee;
}
.detailsMain .servicItem .btnGp .btn-border .fa-whatsapp {
  color: #008B20;
}
.detailsMain .servicItem .btnGp .btn-border .fa-star {
  color: #fc5c00;
}
.detailsMain .servicItem .btnGp .btn-border .fa-heart {
  color: #0078D3;
}
.serviceInfoBx {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
.serviceInfoBx .servicItemRght {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 280px;
  -moz-box-flex: 1;
  -ms-flex: 1 1 280px;
  flex: 1 1 280px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-left: 20px;
}
.serviceInfoBx .servicItemRght .extra_filled_button {
  border-radius: 30px;
  background: #0078D3;
  color: #FFF;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 10px 20px;
  border: none;
}
.serviceInfoBx .servicItemRght .vendorinfo {
  color: #FFF;
  font-family: Judson;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.serviceInfoBx .servicItemLft {
  width: calc(100% - 280px);
}
.reviewLeft {
  border-radius: 15px;
  border: 1px solid #D2D2D2;
}
.reviewLeft h4{
  color: #000;
  font-family: Judson;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}
.inPAd {
  padding: 15px 20px;
}
.photoUplArea {
  display: grid;
  border-bottom: 1px solid #d2d2d2;
}
.photoUplArea ul {
  list-style: none;
  padding-left: 0;
  display: inline-flex;
}
.photoUplArea ul li {
  margin-right: 20px;
}
.photoUplArea ul li a {
  text-decoration: none;
}
.photoUplArea ul li a figure img {
  object-fit: cover;
  aspect-ratio: 19.8 / 12.7;
  border-radius: 10px;
}
.photoUplArea ul li a figure figcaption {
  color: #000;
font-size: 20px;
font-weight: 400;
margin-top: 10px;
}
.photoUplArea ul li a figure figcaption span {
  color: #848484;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}
.photoUplArea .uploadBtn {
  padding: 9px 17px;
  border-radius: 5px;
  background: #0078D3;
  color: #FFF;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: 0.5s ease-in-out;
  border: none;
  display: inline-block;
  width: fit-content;
  margin-bottom: 10px;
}
.photoUplArea .uploadBtn:hover {
  border-color: #41a9ff;
    background-color: #41a9ff;
    -webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0/30%);
    -moz-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 1px 4px 0 rgb(0 0 0/30%);
}
.quickInfLT ul {
  list-style: none;
  padding-left: 0;
  display: flex;
}
.quickInfLT ul li {
  width: 50%;
  color: #848484;
font-family: Judson;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.quickInfLT ul li span {
  display: block;
  color: #000;
}
.quickInfRT p {
  color: #000;
font-family: Judson;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.quickInfRT p span {
  color: #848484;
}
.quickInfRT a {
  color: #0078D3;
font-family: Judson;
font-size: 20px;
font-style: normal;
font-weight: 400;
transition: 0.5s ease-in-out;
text-decoration: none;
}
.quickInfRT a:hover {
  text-decoration: underline;
}
.quickInfoArea {
  border-bottom: 1px solid #d2d2d2;
}
.quickAnser p {
  color: #848484;
font-family: Judson;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 10px;
}
.quickAnser .postansbtn {
  color: #0078D3;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid #0078D3;
  padding: 8px 12px;
  background-color: #fff;
  margin-bottom: 10px;
  transition: 0.5s ease-in-out;
}
.quickAnser .postansbtn:hover {
  border-color: #0076d7;
  background-color: #e5f1fb;
}
.quickAnser {
  border-bottom: 1px solid #d2d2d2;
}
.total_rating_wpr {
  display: flex;
}
.total_rating_wpr .green_box {
  color: #FFF;
  font-family: Judson;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  background: #008B20;
  text-align: center;
  display: flex;
  align-items: center;
  justify-self: center;
  padding: 0 8px;
}
.total_rating_wpr .flex-grow-1 h5 {
  color: #000;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.total_rating_wpr .flex-grow-1 p {
  color: #848484;
  font-family: Judson;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.revRatings .starts span{
  padding: 5px 8px;
  border-radius: 5px;
  transition: 0.5s ease-in-out;
  margin: 0 2px;
  cursor: pointer;
}
.revRatings .starts span:hover {
  background-color: #FF4D00;

}
.revRatings .starts span:hover i {
  color: #fff;
}
.startRAting h6 {
  color: #000;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.rtsend  {
  margin-bottom: 15px;
}
.rtsend p{
  color: #000;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}
.rtsend ul {
 list-style: none;
 padding-left: 0;
 gap: 15px;
}
.rtsend ul li span {
  border-radius: 18px;
  border: 1px solid #D2D2D2;
  padding: 2px 5px;
}
.rtsend ul li span i {
 color: #FF4D00;
}
.usertab_wpp {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.usertab_wpp ul {
  display: flex;
  list-style: none;
  padding-left: 0;
  gap: 12px;
}
.usertab_wpp ul li:hover span{
  border-radius: 5px;
  border: 1px solid #D2D2D2;
  background: rgba(0, 120, 211, 0.25);
}
.usertab_wpp ul li span {
  color: #848484;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid #D2D2D2;
  background: #E7E7E7;
  padding: 3px 10px;
}
.urReview p {
  color: #000;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}

.usertab_search {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #cfd8dc;
  background-color: #fff;
  position: relative;
  height: 32px;
  width: 255px;
  padding-left: 53px;
}
.usertab_search_icon {
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(https://akam.cdn.jdmagicbox.com/images/icontent/hyperlocal/hl_search_icon.svg);
  width: 26px;
  height: 26px;
  display: inline-block;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.usertab_search_input {
  width: 100%;
  border: 0;
  background-color: transparent;
}
.urPostprofile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.urPostprofile .flex-shrink-0 img {
  aspect-ratio: 1 / 1;
  border-radius: 5px;
  max-width: 44px;
}
.urPostprofile .flex-grow-1 h6 {
  color: #000;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.urPostprofile .flex-grow-1 h6 span {
  color: #848484;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}
.urPostprofile .date {
  color: #848484;
font-family: Judson;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.urPost {
  padding: 20px 0;
  border-bottom: 1px solid #D2D2D2;
}
.urPost .urPostprofile {
  margin-bottom: 10px;
}
.urPost .starts {
  margin-bottom: 10px;
}
.reviewsocial__left ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  gap: 40px;
}
.reviewsocial__left ul li {
  color: #000;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

}
.reviewsocial__left ul li a {
  text-decoration: none;
}
.urPost p {
  color: #848484;
font-family: Judson;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 7px;
}
.bordr-none {
  border-bottom: none;
}
.revRatings  {
  border-bottom: 1px solid #d2d2d2;
}
.cmsTEXTtype h3 {
  color: #000;
  font-family: Judson;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.cmsTEXTtype h5 {
  color: #1E1E1E;
font-family: Judson;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.cmsTEXTtype p {
  color: #848484;
font-family: Judson;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 8px;
}
.addbox {
  border-radius: 15px;
border: 1px solid #D2D2D2;
height: 955px;
margin-bottom: 20px;
}
.map img ,.map iframe {
  width: 100%;
}
.enqModal .modal-body h3{
  color: #000;
  font-family: Judson;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}
.enqModal .modal-body h3 span {
  color: #0078D3;
font-family: Judson;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: block;
}
.advance_deal_inputbox {
  position: relative;
  background-color: #fff;
  width: 350px;
  margin-bottom: 25px;

}
.advance_deal_inputbox input {
  background: #0000;
  width: 100%;
  color: #111;
  padding: 0 18px;
  height: 38px;
  overflow: hidden;
  border: solid 1px #070808;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.advance_deal_inputbox .row_abd_input:focus~.bestdeal_input_label, .advance_deal_inputbox .row_abd_input:valid~.bestdeal_input_label {
  color: #777;
  font-size: 12px;
  top: -7.5px;
  padding: 0 10px;
  left: 10px;
  z-index: 1;
  background: #fff;
}
.advance_deal_inputbox .bestdeal_input_label {
  color: #777;
  left: 20px;
  -moz-transition: .2s ease all;
  pointer-events: none;
  position: absolute;
  top: 10px;
  -o-transition: .2s ease all;
  transition: .2s ease all;
  -webkit-transition: .2s ease all;
}
.enqModal .modal-body h5 {
  color: #000;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 15px;
}
.enqModal .modal-body ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 15px;
}
.enqModal .modal-body .form-check {
  margin-right: 40px;
  margin-bottom: 25px;
}
.enqModal .modal-body ul li {
  color: #555;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
 margin: 10px 0;
  padding-left: 20px;
  position: relative;
}
.enqModal .modal-body ul li:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 5px;
  background-color: #555;
}
.enqModal .modal-body label {
  color: #555;
  font-family: Judson;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.enqModal .modal-header {
  border-bottom: none;
}
.enqModal .modal-body {
 padding: 0 40px 40px;
}
.sendbook {
  border: none;
  color: #FFF;
  font-family: Judson;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 10px;
  background: #0078D3;
  padding: 10px 70px;
  transition: 0.5s ease-in-out;
  margin-bottom: 15px;
}
.sendbook:hover {
  border-color: #41a9ff;
  background-color: #41a9ff;
  -webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0/30%);
  -moz-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 30%);
  box-shadow: 0 1px 4px 0 rgb(0 0 0/30%);
}