@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url(component.min.css);
@import url(layout.min.css);
@import url(cart.min.css);
@import url(account.min.css);

/* font-family: 'Anton', sans-serif; */

:root {
  --primary: #000;
  /*--secondry: rgb(238, 27, 73); */
  --black: #000;
}

::selection {
  background: var(--primary);
  color: #fff;
}

html,
body {
  height: 100%;
}

html {
  font-size: 16px;
  line-height: 1;
}

body {
  background: #fff;
  color: #030303;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1;
}

a,
button {
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a:hover,
button:hover {
  text-decoration: none;
}

p {
  font-size: 1.125rem;
  line-height: 1.8;
  color: #828282;
}

img {
  max-width: 100%;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}


/* Begin: Main Slider CSS */

.main-slider {
  position: relative;
}

.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-slider h5 {
  font-family: "Poppins", sans-serif;
  font-size: 1.625rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 2;
  margin: 0;
}

.main-slider h2 {
  font-family: "Anton", sans-serif;
  font-size: 7.125rem;
  text-transform: uppercase;
  line-height: 0.9;
  margin: 0;
}

.main-slider h2 span {
  font-size: 9.875rem;
  display: block;
}

.main-slider p {
  font-size: 1.125rem;
  margin: 1.2rem 0;
  line-height: 1.75;
  width: 50%;
  color: var(--white);
}


/* END: Main Slider CSS */

.aboutSec,
.madeAdvanture {
  background: url(../images/bg1.jpg) center/cover fixed no-repeat;
  padding: 7.25rem 0;
}

.aboutSec .shadow {
  box-shadow: 20px 20px 0 var(--black) !important;
}

.madeAdvanture {
  background: url(../images/bg2.jpg) center/cover fixed no-repeat;
}

.madeAdvanture .title h2,
.madeAdvanture p {
  color: var(--white);
}

.madeAdvanture p {
  margin-bottom: 2rem;
}

.galThumb {
  margin-bottom: 1.6rem;
}


/* Begin: State Map CSS */

.neighborhoodSec {
  padding: 7rem 0;
}

.neighborhoodSec .input-group {
  width: 60%;
  height: 5.3125rem;
  margin: 3rem auto;
  box-shadow: 0 0 20px rgb(0 0 0 / 10%);
  border-radius: 8px;
  align-items: center;
}

.neighborhoodSec .input-group .form-control {
  height: 4rem;
  border: 0;
  border-radius: 8px 0 0 8px;
  font-size: 14px;
  color: #828282;
}

.neighborhoodSec .input-group .form-control:focus {
  box-shadow: none;
}

.neighborhoodSec .input-group .form-control::placeholder {
  font-size: 14px;
  color: #828282;
}

.neighborhoodSec .input-group button {
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 100px;
  background: var(--black);
  box-shadow: 0 0 0 6px rgb(0 0 0 / 30%);
  color: #fff;
  margin: 0 1rem;
}


/* END: State Map CSS */


/* Begin: Testimonial CSS */

.testimonialSec {
  background: url(../images/bg3.jpg) center/cover fixed no-repeat;
  padding: 6rem 0;
}

.testimonialSec .title h2 {
  color: #fff;
}

.testimonial-card {
  width: calc(100% - 40px);
  margin: 2rem auto 0;
}

.testimonial-card .content {
  background: #fff;
  padding: 3rem 1.5rem;
  border-radius: 10px;
  text-align: center;
  position: relative;
}

.testimonial-card .content:after {
  content: "";
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid white;
  position: absolute;
  bottom: -20px;
  left: 2rem;
}

.testimonial-card .content .fa-quote-left {
  position: absolute;
  top: -1rem;
  left: 2rem;
  font-size: 2rem;
  color: #cacaca;
}

.slick-center .testimonial-card .content .fa-quote-left {
  color: var(--primary);
}

.testimonial-card p {
  line-height: 1.875;
  margin: 1rem 0 0;
  font-size: 1rem;
}

.testimonial-info {
  display: flex;
  align-items: center;
  gap: 0 1.5rem;
  margin-top: 2.5rem;
  padding-left: 2rem;
}

.testimonial-info figure {
  margin: 0;
}

.testimonial-info figure img {
  border-radius: 50%;
  border: 3px solid #fff;
}

.testimonial-info a {
  font-size: 1.5625rem;
  font-weight: 400;
  display: block;
  color: var(--white);
  line-height: 1;
}

.slider-arrow {
  height: 45px;
  width: 45px;
  top: 0;
  border-radius: 50%;
  font-size: 20px;
  color: var(--text-color);
  background-color: #f6f6f6;
}

.slider-arrow:is(:hover,
 :focus) {
  background-color: var(--theme-color);
  color: var(--white);
}

.slider-arrow.slick-prev {
  left: calc(50% - 50px);
}

.slider-arrow.slick-next {
  right: calc(50% - 50px);
}


/* End: Testimonial Section */


/* Begin: Trusted Clients CSS */

.trustedClients {
  padding: 6em 0;
}

.trustedClients ul {
  margin: 0;
  gap: 1rem;
}

.trustedClients ul li {
  width: 100%;
}

.trustedClients ul li a {
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  width: 100%;
  height: 12rem;
  position: relative;
  transition: ease all 0.5s;
  text-align: center;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trustedClients ul li a:hover,
.trustedClients ul li a:focus {
  transform: scale(1.2);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  border-color: #fff;
  z-index: 1;
}


/* END: Trusted Clients CSS */

.map iframe {
  filter: grayscale(1);
}


/* Begin: Subscribe CSS */

.subscribeSec {
  background: url(../images/bg4.jpg) center/cover fixed no-repeat;
  padding: 4rem 0;
}

.subscribeSec h2 {
  color: var(--white);
}

.subscribeSec p {
  color: var(--white);
  font-size: 1.25rem;
  font-weight: 300;
  margin: 0 0 2rem;
}

.subscribeSec .form-control {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgb(255 255 255 / 20%);
  background: transparent;
  color: var(--white);
  padding: 0;
  height: 50px;
}

.subscribeSec .form-control::placeholder {
  color: var(--white);
}

.subscribeSec .form-control:focus {
  box-shadow: none;
}


/* END: Subscribe CSS */


/* book a hunt css start */

.book-hunt {
  padding-top: 3.75rem;
  padding-bottom: 6.875rem;
}

.huntingran-sec {
  background: url(../images/hunting-bg.png);
  background-repeat: no-repeat;
  background-position: revert;
  padding: 4.25rem 0;
}

.ranch-mn {
  background: var(--white);
  padding: 2rem 1rem;
  width: 370px;
  text-align: center;
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.625rem;
}

.gray {
  background: #d4cac8;
}

.black {
  background: #191b0e;
}

.mn-10 {
  background-color: #f4f1e1;
}

.mn-15 {
  padding: 0;
}

.mn-15 img {
  height: 100%;
}

.mn-16 {
  padding: 0;
}

.mn-16 img {
  height: 100%;
  width: 100%;
}

.mn-17 {
  padding: 0;
}

.mn-17 img {
  height: 100%;
  width: 100%;
}

.mn-18 {
  padding: 0;
}

.mn-18 img {
  height: 100%;
  width: 100%;
}


/* book a hunt css end */


/* connect to hunter css start */

.innr-sec {
  padding-top: 4.188rem;
}


/* connect to hunter css end */


/* hunter leases css start */

.location-sec {
  background-image: url(../images/location-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 7.5rem 0rem;
}

.loaction-1 li {
  color: var(--white);
  padding: 1rem 0rem;
}

.loaction-1 li a {
  color: #c5c5c5;
  font-size: 1.125rem;
  transition: 0.5s;
}

.loaction-1 li a:hover {
  color: #b7d58b;
}


/* hunter leases css end */


/* taxidermy css start */

.taxidermy p {
  width: 100%;
  font-size: 1.688rem;
  margin: 0;
}

.taxi-process {
  background-image: url(../images/taxi-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 7.5rem 0rem;
}

.taxi-process .loaction-1 li {
  color: #828282;
  padding: 1rem 0rem;
}

.taxi-process .loaction-1 li a {
  color: #828282;
  font-size: 1.125rem;
  transition: 0.5s;
}

.taxi-process .loaction-1 li a:hover {
  color: #b7d68b;
}


/* taxidermy css end */


/* map css start */

.map {
  text-align: center;
  padding: 8rem 0 0;
}

.map h3 {
  font-size: 3rem;
  color: #fff;
  font-weight: 700;
  margin: 0 0 3rem;
}

#map-container {
  width: 100%;
  margin: 2em auto;
  text-align: center;
}

div#usa-map {
  width: 100% !important;
  height: auto !important;
}

#svggroup svg {
  width: 850px !important;
  height: auto;
}

#svggroup {
  background-color: #fff;
  padding: 2rem 0;
}

#svggroup path {
  transition: fill 0.5s ease;
  -moz-transition: fill 0.5s ease;
  -webkit-transition: fill 0.5s ease;
  fill: #b6d68b;
}

#svggroup #s48 path {
  transition: fill 0.5s ease;
  -moz-transition: fill 0.5s ease;
  -webkit-transition: fill 0.5s ease;
  fill: #cfb48c;
}


/*#svggroup:hover path {
cursor: pointer;
fill: #59A656;
}*

/* map css end */


/* contact css start */

.get-touch {
  padding: 6.25rem 0rem;
  background-image: url(../images/get-touch.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.cntact h2 {
  font-size: 3.438rem;
  font-family: "Anton", sans-serif;
  font-weight: 500;
}


/* contact section */

.contact-section {
  background-color: #f9f9f9;
  padding: 6.25rem 0 7.5rem;
}

.contact-form textarea,
.contact-form input {
  width: 100%;
  background-color: var(--white);
  height: 64px;
  border-radius: 5px;
  border: 1px solid rgb(225, 225, 225);
  padding-left: 65px;
  margin-bottom: 30px;
  transition: 0.2s ease-in-out;
}

.contact-form textarea {
  height: 212px;
  padding-top: 20px;
  resize: none;
}

.contact-form textarea:focus,
.contact-form input:focus {
  outline: none;
  border: 1px solid var(--theme-blue);
}

.contact-info-sec {
  padding-top: 50px;
}

.contact-section .sec-heading {
  color: var(--black);
  text-align: left;
}

.input-field {
  position: relative;
}

.input-field span {
  position: absolute;
  color: #a9a9a9;
  font-size: 24px;
  left: 40px;
  top: 15px;
}

.contact-section p {
  color: var(--text-color);
  text-align: left;
}

.info-io:hover {
  color: #b7d58b;
}

.info-sec {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.info-sec > div {
  flex: 0 1 calc(100% - 100px);
}

.info-io {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--black);
  color: var(--white);
  margin-right: 1.5rem;
  border: 5px solid #b2b2b2;
  /*flex: 0 1 70px;*/
}

.info-sec h3 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  color: #000000;
  margin: 0 0 5px;
}

.info-sec p {
  margin-bottom: 0;
  color: #828282;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 26px;
}

.contact-section .sec-heading {
  color: #000;
  text-align: left;
  font-size: 3.125rem;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 2.5rem;
}

.info-sec p a {
  font-size: 1.125rem;
  color: #828282;
}

.cntctHeading .info-sec + .info-sec {
  margin-top: 4.5rem;
}

.cntctForm .sec-heading {
  margin: 0 0 0.5rem;
}

.cntctForm p {
  font-size: 1rem;
  color: #828282;
  margin: 0 0 2.1rem;
}

.contact-map {
  margin-bottom: -15px;
}

.contact-form.contact-form input.checkboxw {
  width: 20px;
  height: 20px;
  margin: 0rem 0rem 0rem -1rem;
}

.contact-form.contact-form .lst {
  color: #828282;
  font-size: 1.125rem;
  margin-left: 1rem;
}

.contact-form.contact-form .form-check {
  padding: 0rem 1rem;
  padding-bottom: 3rem;
}

.mapsec-2 iframe {
  filter: grayscale(1);
}


/* contact css end */


/* sign up css start */


/* login css start */

.accessGateway.signup {
  background: url(../images/login-sd.png) no-repeat;
  position: relative;
  z-index: 1;
  background-size: 50%;
  background-position: center left;
  min-height: 100vh;
}

.accessGateway {
  height: 100%;
  display: flex;
  align-items: center;
}

.accessGateway:after {
  content: "";
  width: 52%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #f2f3f3;
  z-index: -1;
}

.lognLogo a {
  display: block;
  text-align: center;
  margin: 0 0 20px;
}

.accessGateway h2 {
  font-size: 3rem;
  color: #000;
  margin: 25px 0 1.5rem;
  text-align: center;
  font-weight: 500;
  font-style: inherit;
  text-transform: uppercase;
  font-family: "Anton", sans-serif;
}

.accessGateway .formStyle {
  width: 55%;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.accessGateway .formStyle .form-control {
  height: 65px;
  border-color: transparent;
  font-size: 17px;
  padding: 0 20px;
  border-radius: 10px;
  margin-bottom: 25px;
  background-color: #ffffff;
}

.accessGateway .formStyle .input-group {
  margin-bottom: 26px;
  background: #fff;
  border-radius: 10px;
  align-items: center;
  padding-right: 15px;
}

.accessGateway .formStyle .btn-black {
  width: 100%;
  border: 0;
  border-radius: 10px;
  background: #000;
  color: #fdfdfd;
  text-transform: uppercase;
  padding: 22px;
  margin-bottom: 1.5rem;
  font-size: 19px;
  display: block;
}

.accessGateway .formStyle p {
  margin: 3rem 0 0;
  text-align: center;
  color: #828282;
  font-size: 19px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.accessGateway .formStyle a {
  color: black;
  font-size: 19px;
  font-weight: 600;
  text-decoration: underline;
  display: inline-block;
  border-bottom: 1px solid #fff;
}

.accessGateway .formStyle .input-group span {
  margin: 0 10px;
  color: #a5a5a5;
  font-size: 20px;
}

.accessGateway .formStyle .input-group .form-control {
  margin: 0;
}

.accessGateway.login {
  background: url(../images/login-sd.png) no-repeat;
  position: relative;
  z-index: 1;
  background-size: 50%;
  background-position: center left;
  min-height: 100vh;
}

.formStyle label {
  font-size: 18px;
  text-transform: capitalize;
  color: #fff;
  text-align: left;
  font-weight: 500;
  display: block;
}

.prodetlBanr .goldBox.inner h2 {
  text-align: left;
  line-height: 1;
}

.formStyle label {
  font-size: 1.125rem;
  text-transform: capitalize;
  color: #fff;
  text-align: left;
  font-weight: 500;
  display: block;
}

.linkPgspace {
  padding: 10rem 0;
}

.linkPage h5 {
  display: none;
}

.forgott {
  text-align: end;
  padding: 1rem 1rem;
}

.forgott a {
  color: black !important;
  font-weight: 600 !important;
}


/* login css end */


/* Hamburger Menu */


/*
* Made by Erik Terwan
* 24th of November 2015
* MIT license
*
*
* If you are thinking of using this in
* production code, beware of the browser
* prefixes.
*/

body {
  overflow-x: hidden;
  /* needed because hiding the menu on the right side is not perfect,  */
}

a {
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}

a:hover {
  color: tomato;
}

#menuToggle {
  display: block;
  position: absolute;
  top: 50px;
  right: 50px;
  z-index: 7;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  /* hide this */
  z-index: 2;
  /* and place it over the hamburger */
  -webkit-touch-callout: none;
}


/*
* Just a quick hamburger
*/

#menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #828282;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}


/*
* Transform all the slices of hamburger
* into a crossmark.
*/

#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}


/*
* But let's hide the middle one.
*/

#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}


/*
* Ohyeah and the last one should go the other direction
*/

#menuToggle input:checked ~ span:nth-last-child(2) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}


/*
* Make this absolute positioned
* at the top left of the screen
*/

#menu {
  position: absolute;
  width: 300px;
  margin: -100px 0 0 0;
  padding: 50px;
  padding-top: 125px;
  right: -100px;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menu li {
  padding: 10px 0;
  font-size: 22px;
}


/* loader css start */

.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: #000;
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-image {
  max-width: 50% !important;
  max-height: 30% !important;
}


/* chat room page css start */

.mainChat {
  background: #fff;
  box-shadow: 0px 5px 51.87px 5.13px rgb(0 0 0 / 9%);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 3.5rem 0;
  margin-bottom: 3rem;
}

.chatContent h3 {
  font-size: 26px;
  color: #000;
  font-weight: 500;
}

.chatContent p {
  margin: 0;
}

.chatBtn a {
  background: #363b3e;
  padding: 20px 25px;
  font-size: 17px;
  text-transform: uppercase;
  color: #fff;
  transition: 0.5s;
  display: inline-block;
}

.chatBtn a:hover {
  background-color: black;
}

.chatroomSec {
  padding: 150px 0px;
  background: #000 url(../images/chatBg2.png) center/cover no-repeat;
}


/* chat room page css end */


/* Equipment page css start */

.equipmentContent h3 {
  font-size: 2.8125rem;
  text-transform: uppercase;
  font-weight: 600;
}

.nationRegulation .equipmentContent h3 {
  font-size: 2.25rem;
}

.equipmentContent {
  text-align: center;
  margin-bottom: 3rem;
  margin-top: 30px;
}

.equipmentContent p {
  font-size: 16px;
  color: #828282;
}

.equipmentImg {
  border: 3px solid white;
}

.equipmentSec {
  background-image: url(../images/equipmentBg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 140px 0px;
}


/* Equipment page css end */


/* game page css start */

.main-slider .gamePara {
  width: 62%;
}

.gameHead h3 {
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 600;
}

.gameHead a {
  color: #57b3ee;
  font-size: 20px;
  font-weight: 500;
}

.gameHead a:hover {
  color: black;
}

.gamecontent {
  overflow-x: auto;
  position: relative;
}

.gamecontent ul {
  padding: 0;
  list-style: none;
}

.gamecontent ul li {
  color: #828282;
  padding: 10px 10px;
  font-weight: 300;
  font-size: 1rem;
}

.gamecontent h4 {
  font-size: 26px;
  font-weight: 600;
  padding-top: 35px;
}

.direction ul li {
  line-height: 30px;
  font-weight: 400;
}

.last ul li {
  font-weight: 300;
}

.gameSec {
  background-image: url(../images/gameBg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 140px 0px;
}

.gamecontent {
  margin-bottom: 3rem;
}

.nutr {
  margin-top: -60px;
}


/* game page css end */


/* outfitters page css start */

.out-mn {
  background: black;
  padding: 2rem 1rem;
  width: 370px;
  text-align: center;
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.625rem;
  border: 1px solid white;
}

.outfitterContent {
  text-align: initial;
}

.outfitterContent h4 {
  font-size: 24px;
  color: white;
}

.outfitterContent p {
  font-size: 15px;
  margin-bottom: 5px;
}

.outfitterIcons a {
  color: white;
  display: flex;
  padding: 10px 0px;
}

.outfitterIcons a i {
  margin-right: 15px;
}

.outfitterContent {
  padding-bottom: 2rem;
}

.outfitter {
  margin-top: 3rem;
}

.southern {
  padding: 0px;
}


/* outfitters page css end */

.dealBox {
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 0 0 20px;
  transition: 0.7s;
  margin-bottom: 4rem;
}

.dealBox:hover {
  background-color: rgb(248, 248, 248);
  box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 15%);
  transition: 0.7s;
  border-color: rgb(248, 248, 248);
  padding: 0 0 45px;
}

.dealBox:hover a {
  opacity: 1;
}

.dealBox h2 {
  font-size: 20px;
  color: #2c2a29;
  font-weight: 500;
  margin: 0 0 10px;
}

.dealBox ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}

.dealBox ul li h6 {
  font-size: 16px;
  color: #282828;
  margin: 0;
}

.dealBox ul li span i {
  color: #ffcc00;
  font-size: 11px;
}

.dealBox ul li strong {
  font-size: 14px;
  color: #707070;
  font-weight: 400;
}

.dealBox figure {
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  min-height: 222px;
  margin-bottom: 35px;
  text-align: center;
}

.dealBox .crtRound {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: rgb(0 0 0);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  bottom: -30px;
}

.dealContent {
  padding: 0px 20px;
}

.dealBox figure a img {
  margin-top: 20px;
}

.storeSec {
  padding: 120px 0px;
}


/* store page css end */

.chat {
  height: 300px;
  background-attachment: revert;
}

.commentSec {
  margin-bottom: 20px;
}

.commentSec .postComment {
  background: #fcfcfc;
  padding: 20px 30px;
  border-radius: 4px;
  border: 1px solid #efefef;
}

.commentSec .aurthorImg {
  /* border-radius: 50%; */
  /* overflow: hidden; */
  /* width: 100%; */
  display: flex;
  align-items: center;
}

.commentSec .aurthorImg img {
  width: 100%;
  margin: 0 auto;
}

.commentSec .typeComment {
  background: #fff;
  border: 1px solid #efefef;
  padding: 0 20px 15px 10px;
}

.commentSec .typeComment textarea {
  background: transparent;
  height: 80px;
  border: 0;
  box-shadow: none;
  resize: none;
}

.commentSec .shareBar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.commentSec .shareBar ul.shareList {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.commentSec .shareBar ul.shareList li {
  padding: 0 7px;
}

.commentSec .shareBar ul.shareList a {
}

.commentSec .shareBar ul.shareList a:hover {
}

.commentSec .shareBar a.postBtn {
  display: table;
  padding: 3px 20px;
  background: #6900d2;
  border-radius: 50px;
  color: #fff;
  margin-left: 10px;
  text-transform: capitalize;
}

.commentSec .shareBar a.postBtn:hover {
}

.postArea {
  padding: 20px 0;
  margin: 30px 0 0 0;
  border-width: 1px;
  border-color: rgb(241, 243, 248);
  border-style: solid;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
}

.postArea .postHead {
  padding: 0 25px;
}

.leftSet {
  padding: 0 25px;
}

.postArea .flexMiddle {
}

.postArea .postHead h2 {
  margin: 0 0 4px;
  color: #4e4c4d;
  font-size: 16px;
  font-weight: 600;
}

.postArea .postHead p {
  margin: 2px 0 0;
  color: #8f8f8f;
  font-size: 12px;
  font-weight: 300;
}

.postArea .postImg {
  margin: 30px 0 20px;
}

.postArea .postImg img {
  width: 100%;
}

.chat-active-img span.badge {
  position: absolute;
  top: -5px;
  right: -4px;
  background: #6900d2;
  padding: 5px 7px;
  font-weight: 500;
}

.badge {
  display: inline-flex;
  min-width: 10px;
  padding: 5px;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
  height: 15px;
  width: 15px;
  align-items: center;
  justify-content: center;
}

.postArea .postDetail {
}

.postArea .postDetail ul {
  margin: 20px 0 0;
  display: flex;
  align-items: center;
  border-top: 1px solid #f1f3f8;
  border-bottom: 1px solid #f1f3f8;
  padding: 10px 28px;
  gap: 38px;
}

.postArea .postDetail ul li {
  padding: 0 40px 0 0;
}

.postArea .postDetail ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 30px;
  color: #afaaaa;
  font-weight: 500;
  font-size: 13px;
  color: #505050;
}

.postArea .postDetail ul li a img {
  margin-right: 7px;
}

.postArea .postDetail p {
  font-size: 14px;
  color: #9b9a9a;
  font-weight: 500;
  margin: 0;
  border-bottom: 1px solid #f1f3f8;
  padding: 15px 28px;
}

.postArea .postDetail p span {
  color: #376aff;
}

.postcomment {
  position: relative;
  display: block;
  margin: 10px 0;
  padding: 10px;
}

.postArea .postDetail .postcomment p span.comment-boxarea {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  position: relative;
}

.postArea .postDetail .postcomment p span.comment-boxarea:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #000;
  position: absolute;
  left: -10px;
  top: 14px;
}

.postArea .postDetail .postcomment p span.active-boxarea {
  border: 1px solid #6900d2;
}

.postArea .postDetail .postcomment p {
  margin: 0;
  padding: 0;
  padding-left: 60px;
  position: relative;
}

.postArea .postDetail .postcomment p a.user-propic {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  border-radius: 100%;
  background-size: cover;
}

.postArea .postDetail .postcomment p span.user-name {
  display: block;
  color: #4e4d4e;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
}

.postArea .postDetail .postcomment p span.user-name i.timeshow {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
  padding-left: 16px;
  color: #8f8f8f;
}

.postArea .postDetail .postcomment p span.user-name a.rly-icon {
  display: inline-block;
  color: #6a01d2;
  padding-left: 11px;
}

.postArea .postDetail .postcomment p span.user-comment {
  color: #9b9a9a;
  font-size: 13px;
  padding: 10px 0;
  margin: 0;
}

.postcomment-rly {
  padding-left: 12%;
}

.postcomment-input form {
  position: relative;
  display: block;
  padding-left: 70px;
}

.postcomment-input form a.user-propic {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  border-radius: 100%;
  background-size: cover;
}

.postcomment-input form input[type="text"] {
  width: 100%;
  padding: 10px;
  background-color: #f7f7f7;
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  padding-right: 37px;
}

.postcomment-input form span.emoji {
  position: absolute;
  right: 11px;
  top: 10px;
}

.main-post-page {
  padding: 0;
}

.more-comment a {
  font-size: 12px;
  color: #6900d2;
  font-weight: 500;
  display: table;
  margin: 0 auto;
}

#chat-circle h1 {
  font-size: 18px;
  text-align: left;
  font-weight: 300;
  margin: 0;
}

#chat-circle {
  position: fixed;
  bottom: 0px;
  right: 0px;
  background: #ee214b;
  color: #fff;
  padding: 0px 9px;
  cursor: pointer;
  width: 17%;
  padding: 10px;
}

.btn#my-btn {
  background: white;
  padding-top: 13px;
  padding-bottom: 12px;
  border-radius: 45px;
  padding-right: 40px;
  padding-left: 40px;
  color: #5865c3;
}

#chat-overlay {
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: none;
}

.chat-box {
  display: none;
  background: #efefef;
  position: fixed;
  right: 30px;
  bottom: 50px;
  width: 350px;
  max-width: 85vw;
  max-height: 100vh;
  border-radius: 5px;
  /*   box-shadow: 0px 5px 35px 9px #464a92; */
  box-shadow: 0px 5px 35px 9px #ccc;
}

.chat-box-toggle {
  float: right;
  margin-right: 15px;
  cursor: pointer;
}

.chat-box-header {
  background: #f93961;
  height: 70px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
  text-align: center;
  font-size: 20px;
  padding-top: 17px;
}

.chat-box-body {
  position: relative;
  height: 370px;
  height: auto;
  border: 1px solid #ccc;
  overflow: hidden;
}

#chat-input {
  background: #f4f7f9;
  width: 100%;
  position: relative;
  height: 47px;
  padding-top: 10px;
  padding-right: 50px;
  padding-bottom: 10px;
  padding-left: 15px;
  border: none;
  resize: none;
  outline: none;
  border: 1px solid #ccc;
  color: #888;
  border-top: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}

.chat-input > form {
  margin-bottom: 0;
}

#chat-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ccc;
}

#chat-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
}

#chat-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc;
}

#chat-input:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
}

.chat-submit {
  position: absolute;
  bottom: 3px;
  right: 10px;
  background: transparent;
  box-shadow: none;
  border: none;
  border-radius: 50%;
  color: #5a5eb9;
  width: 35px;
  height: 35px;
}

.chat-logs {
  padding: 15px;
  height: 370px;
  overflow-y: scroll;
}

.chat-logs::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.chat-logs::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.chat-logs::-webkit-scrollbar-thumb {
  background-color: #5a5eb9;
}

#chat-circle h1 span i {
  float: right;
}

.shortcut h1 {
  font-size: 15px;
  color: #009eb4;
  font-weight: 600;
  position: relative;
  padding-bottom: 10px;
  margin: 0 0 20px;
  text-transform: uppercase;
  padding: 0 30px;
}

.shortcut ul {
  padding: 0;
  margin: 0;
}

.shortcut ul li {
  list-style: none;
}

.shortcut ul li a {
  font-size: 14px;
  color: #505050;
  font-weight: 500;
  display: block;
  padding: 10px 30px;
  border-left: 3px solid transparent;
}

.shortcut ul li a img {
  margin-right: 10px;
}

.shortcut ul .dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.shortcut ul .dropdown .dropdown-menu {
  position: unset !important;
  transform: translate3d(0, 0, 0) !important;
  width: 100%;
  height: auto;
  margin-left: 0 !important;
  border: 0;
}

.shortcut ul li span {
  /* width: 20%; */
  float: right;
  margin-right: 10px;
}

.shortcut {
  border-radius: 5px;
  background-color: rgb(252, 252, 252);
  padding: 20px 0;
}

.shortcut ul li:last-child {
  padding-bottom: 0;
}

.shortcut ul .one a {
  background: url(../images/social/img13.png) no-repeat;
  padding-left: 30px;
  background-position: 0 2px;
}

.shortcut ul .one a.active {
  background: url(../images/social/img12.png) no-repeat;
  padding-left: 30px;
  background-position: 0 2px;
  color: #6900d2;
}

.shortcut ul .two a {
  background: url(../images/social/img10.png) no-repeat;
  padding-left: 30px;
  background-position: 0 2px;
}

.shortcut ul .two a.active {
  background: url(../images/social/img11.png) no-repeat;
  padding-left: 30px;
  background-position: 0 2px;
  color: #6900d2;
}

.shortcut ul .thre a {
  background: url(../images/social/img14.png) no-repeat;
  padding-left: 30px;
  background-position: 0 2px;
}

.shortcut ul .thre a.active {
  background: url(../images/social/img15.png) no-repeat;
  padding-left: 30px;
  background-position: 0 2px;
  color: #6900d2;
}

.shortcut ul .four a {
  background: url(../images/social/img16.png) no-repeat;
  padding-left: 30px;
  background-position: 0 2px;
}

.shortcut ul .four a.active {
  background: url(../images/social/img17.png) no-repeat;
  padding-left: 30px;
  background-position: 0 2px;
  color: #6900d2;
}

.shortcut ul .five a {
  background: url(../images/social/img18.png) no-repeat;
  padding-left: 30px;
  background-position: 0 2px;
  height: 25px;
}

.shortcut ul .five a.active {
  background: url(../images/social/img19.png) no-repeat;
  padding-left: 30px;
  background-position: 0 2px;
  color: #6900d2;
}

.shortcut ul .six a {
  background: url(../images/social/img20.png) no-repeat;
  padding-left: 30px;
  background-position: 0 2px;
  height: 24px;
}

.shortcut ul .six a.active {
  background: url(../images/social/img21.png) no-repeat;
  padding-left: 30px;
  background-position: 0 2px;
  color: #6900d2;
}

.socialPage {
  background-color: #fbfbfd;
}

.mainSocialChk {
  display: flex;
  align-items: center;
  gap: 20px;
}

.search span {
  display: block;
  position: relative;
}

.search span input {
  border-radius: 0;
  background-color: rgb(243, 243, 243);
  width: 769px;
  height: 44px;
  border: 0;
  font-size: 14px;
  padding: 0 60px 0 15px;
}

.search span a {
  position: absolute;
  right: 0;
  border-radius: 60px;
  background-color: rgb(0, 158, 180);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  top: 1px;
}

.topGlobe > ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 60px;
  gap: 20px;
}

.topGlobe ul li a {
  position: relative;
  display: block;
}

.topGlobe > ul li a img + span {
  border-radius: 50%;
  background-image: -moz-linear-gradient(-89deg, rgb(228, 171, 1) 0%, rgb(236, 200, 28) 100%);
  background-image: -webkit-linear-gradient(-89deg, rgb(228, 171, 1) 0%, rgb(236, 200, 28) 100%);
  background-image: -ms-linear-gradient(-89deg, rgb(228, 171, 1) 0%, rgb(236, 200, 28) 100%);
  width: 20px;
  height: 20px;
  font-size: 10px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -10px;
  right: -9px;
}

.top-row {
  background-color: #fff;
}

.memoryFeed {
  border-width: 1px;
  border-color: rgb(241, 243, 248);
  border-style: solid;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 3%);
  height: 100%;
}

.shortcut ul li a.active {
  border-left: 3px solid #764d79;
  background-color: #fafafa;
}

.exploreContent {
  padding-top: 50px;
}

.centrSocial {
  margin: 35px 35px 0;
}

.makePost {
  border-width: 1px;
  border-color: rgb(241, 243, 248);
  border-style: solid;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
}

.shareContent ul {
  display: flex;
  padding-left: 0;
  align-items: center;
  justify-content: space-evenly;
}

.shareContent ul li {
  list-style: none;
}

.shareContent ul li a {
  font-size: 13px;
  color: #505050;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.shareContent ul li a i {
  color: #2fb0c2;
  font-size: 23px;
  vertical-align: middle;
  margin-right: 15px;
}

.shareContent ul li {
  width: 100%;
  text-align: center;
  padding: 17px 0;
  border-bottom: 1px solid #f1f3f8;
  border-right: 1px solid #f1f3f8;
}

.shareContent ul li:nth-child(2) a {
  color: #a9a9a9;
}

.shareContent ul li:nth-child(2) a i {
  color: #2ea83e;
}

.shareContent ul li:nth-child(3) a {
  color: #fff;
  background: var(--black);
  padding: 12px 40px;
}

.shareContent ul li:nth-child(3) a i {
  color: #e9bd12;
}

.sharedTextarea {
}

.sharedTextarea span {
  position: relative;
  padding: 20px 0 0;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #f1f3f8;
  margin: 0 25px 0;
}

.sharedTextarea span img {
  /* position: absolute; */
  /* left: 0; */
  /* top: 10px; */
  box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 22%);
  border-radius: 50%;
  height: 50px;
  object-fit: contain;
}

.sharedTextarea span textarea {
  width: 100%;
  height: 95px;
  border: 0;
  resize: none;
  font-size: 13px;
  padding: 10px 15px 0;
  font-weight: 500;
}

.tagList {
}

.tagList ul li a {
  border-width: 1.5px;
  border-color: rgb(241, 243, 248);
  border-style: solid;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  /* width: 144px; */
  /* height: 36px; */
  font-size: 13px;
  color: #7e7e7e;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  padding: 7px 25px;
}

.tagList ul {
  display: flex;
  align-items: center;
  gap: 25px;
  margin: 0 25px 20px;
}

.tagList ul li a i {
  color: #868686;
  margin-right: 7px;
}

.shareContent ul li a input {
  position: absolute;
  left: 0;
  width: 100%;
  right: 0;
  opacity: 0;
  top: 0;
}

.commentSec .aurthorImg img {
  width: auto;
  margin: 0;
  height: 50px;
  object-fit: contain;
  box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 22%);
  border-radius: 50%;
  background: #fff5;
}

.authorContent {
  padding-left: 15px;
}

.authorContent h2 {
  font-size: 15px;
  color: #505050;
  font-weight: 600;
  margin: 0;
}

.authorContent h3 {
  font-size: 12px;
  color: #a9a9a9;
  margin: 0;
}

.proJhon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.proJhon button,
.friendCell .dropdown-toggle {
  border: none;
  outline: none;
  background: transparent;
  color: #7e7e7e;
  position: relative;
  font-size: 1.125rem;
}

.proJhon .dropdown-toggle::after,
.friendCell .dropdown-toggle:after {
  border: 0;
  display: none;
}

.proJhon button:hover,
.proJhon button:focus {
  background: transparent;
  color: #7e7e7e;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background: transparent;
  color: #7e7e7e;
}

.proJhon .dropdown-menu {
  right: 0;
  left: unset !important;
  transform: translate3d(0, 14px, 0px) !important;
}

.fbImg figure a img {
  border-radius: 5px;
  width: 100%;
}

.fbImg figure {
  margin: 0;
  height: 100%;
}

.postArea .postDetail ul li a i {
  color: #bebebe;
  font-size: 18px;
  margin-right: 8px;
}

.comentSection ul {
  display: flex;
}

.comentSection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 25px;
}

.comentSection span input {
  width: 85%;
  height: 50px;
  border: 0;
  font-size: 13px;
  font-weight: 400;
  padding: 0 10px;
}

.comentSection span {
  width: 100%;
}

.comntCamera {
  display: flex;
  align-items: center;
  gap: 15px;
}

.comntCamera a {
  position: relative;
}

.comntCamera a i {
  color: #868686;
  font-size: 19px;
}

.comntCamera a input {
  width: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
}

.userComment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: row wrap;
  gap: 0 1rem;
  padding: 15px 25px 0;
  border-top: 1px solid #f1f3f8;
}

.postArea .postDetail .userComment p {
  color: #000;
  padding: 0;
  border: 0;
  font-weight: 400;
  width: calc(100% - 170px);
  line-height: normal;
}

.postArea .postDetail .userComment span {
  font-size: 13px;
  color: #9b9a9a;
  margin-left: auto;
  margin-top: 5px;
  width: 90px;
  text-align: right;
}

.fbImg figure img {
  border-radius: 5px;
}

.fbImg {
  position: relative;
}

.fbImg .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fbImg .overlay a {
  border-radius: 50%;
  background-color: var(--white);
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black);
}

.groupContent {
  padding-top: 35px;
}

.chatRght {
  border-width: 1px;
  border-color: rgb(241, 243, 248);
  border-style: solid;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 3%);
  margin-top: 35px;
}

.chatRght .memoryFeed {
  border-width: inherit;
  border-color: transparent;
  border-style: none;
  background-color: transparent;
  box-shadow: none;
  height: auto;
}

.chat-user {
  padding-left: 15px;
}

.srchChat span {
  display: block;
  width: 100%;
  position: relative;
  padding-bottom: 10px;
}

.srchChat span input {
  width: 100%;
  border: 0;
  border-top: 1px solid #f1f3f8;
  height: 45px;
  font-size: 14px;
  font-weight: 400;
  padding: 15px 60px 0 30px;
  outline: none;
}

.srchChat span a {
  position: absolute;
  right: 40px;
  top: 5px;
  color: #aaaaac;
  bottom: 0;
  display: flex;
  align-items: center;
}

.comentSection span img {
  box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 22%);
  border-radius: 50%;
  height: 50px;
  object-fit: contain;
}

.minutContent {
  background: none;
  width: auto;
  height: auto;
  top: 10px;
  font-size: 11px;
  color: #a9a9a9;
  font-weight: 500;
}

.topGlobe ul li button {
  all: unset;
  white-space: inherit;
  position: relative;
}

.topGlobe ul li .dropdown-toggle::after {
  display: none;
}

.topGlobe ul li .btn-secondary:hover {
  background-color: transparent;
  border-color: transparent;
}


/*.topGlobe ul li .dropdown-menu {
    left: auto;
    right: 0;
  }*/

.topGlobe .dropdown-menu-media {
  width: 24rem;
}

.topGlobe ul li .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.topGlobe .show > .dropdown-menu {
  transform: scale(1, 1);
  opacity: 1;
  display: block;
}

.topGlobe .dropdown .dropdown-menu .dropdown-header {
  padding: 10px 20px;
  margin-top: 10px;
  text-transform: uppercase;
  color: #626e82;
}

.badge-danger {
  background-color: #ff4961;
}

.dropdown-notification .notification-tag {
  position: relative;
  top: -28px;
  right: 20px;
}

.badge.badge.float-right {
  margin-left: 0.5rem;
  margin-top: 0.15rem;
}

.badge {
  color: #ffffff;
  font-weight: 400;
}

.topGlobe .media-list {
  max-height: 18.2rem;
}

.topGlobe .ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

.topGlobe .navbar-semi-dark .navbar-nav li {
  line-height: 1;
}

.topGlobe .ps-theme-dark {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

.topGlobe .media-list .media {
  padding: 1.5rem;
  margin-top: 0;
}

.topGlobe .dropdown-menu-media .media-list .media {
  padding: 1rem;
  border: none;
  border-bottom: 1px solid #e4e5ec;
}

.topGlobe .media-list .media .media-left {
  padding-right: 1rem;
  float: left;
}

.topGlobe .media i {
  margin-right: 0.5rem;
}

.topGlobe .icon-bg-circle {
  color: #ffffff;
  padding: 0.5rem;
  border-radius: 50%;
  background: #029eb4;
}

.dropdown-notification .notification-text {
  margin-bottom: 0;
}

.media-heading {
  font-size: 14px;
  line-height: 1.2;
  color: #464855;
}

.font-small-3 {
  font-size: 0.9rem !important;
  line-height: 1;
}

.media-heading small {
  font-size: 60%;
}

.topGlobe .dropdown-menu-media .dropdown-menu-footer a {
  padding: 0.3rem;
  border-top: 1px solid #e4e5ec;
}

.topGlobe .avatar img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0 none;
  border-radius: 1000px;
}

.topGlobe .media [class*="avatar-"] i {
  position: absolute;
  right: -4px;
  bottom: -1px;
  width: 10px;
  height: 10px;
  border: 2px solid white;
  border-radius: 100%;
}

.topGlobe .avatar {
  position: relative;
  display: inline-block;
  width: 30px;
  white-space: nowrap;
  border-radius: 1000px;
  vertical-align: bottom;
}

.topGlobe .avatar-sm {
  width: 32px;
}

.avatar-online i {
  background-color: #28d094;
}

.avatar-busy i {
  background-color: #ff4961;
}

.badge-orange {
  background-color: #ebc22a;
}

.messangerSec {
  /* padding: 0 15px; */
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #f1f3f8;
}

.messangerSec .profile-image {
  width: 50px;
  height: 50px;
  border-radius: 40px;
}

.chatSec {
  overflow-y: auto;
  border: 1px solid #eee;
  width: 100%;
  height: 543px;
  transition: ease all 0.5s;
}

.chat-panel .row {
  margin: 0 0 20px;
}

.messangerSec .settings-tray {
  background: #fff;
  padding: 30px 33px;
  border-radius: 0;
}

.messangerSec .settings-tray .no-gutters {
  padding: 0;
}

.messangerSec .settings-tray--right {
  display: block;
  text-align: right;
}

.messangerSec .settings-tray--right i {
  margin-top: 10px;
  font-size: 35px;
  color: #2278ba;
  margin-left: 14px;
  transition: 0.3s;
}

.messangerSec .settings-tray--right i:hover {
  color: #74b9ff;
  cursor: pointer;
}

.messangerSec .search-box,
.insideSearch .input-group {
  background: #dfdddd;
  padding: 1rem 1rem;
}

.chatSearch {
  height: 725px;
  overflow-y: hidden;
}

.search-box h5 {
  font-size: 1.7rem;
}

.search-box {
  display: flex;
  justify-content: space-between;
}

.search-box p {
  color: #939191;
  font-weight: 500;
}

.search-box p:hover {
  color: #029eb4;
}

.messangerSec .search-box .input-wrapper {
  background: #f9f9f9;
  border-radius: 0;
  width: 100%;
  position: relative;
}

.messangerSec .search-box .input-wrapper i {
  color: grey;
  margin: 0 10px 0 15px;
  vertical-align: middle;
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: 15px;
  border-left: 2px solid #94989a;
  padding: 0 0 0 10px;
}

.messangerSec input {
  border: none;
  border-radius: 0;
  width: 100%;
  height: 62px;
  background-color: #fff;
  padding: 0 20px;
  border-bottom: 2px solid #009eb4;
}

.messangerSec input::placeholder {
  font-size: 16px;
  color: #808080;
  font-weight: 400;
}

.messangerSec input:focus {
  outline: none;
}

.messangerSec .friend-drawer {
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  vertical-align: baseline;
  background: #fff;
  /*border-bottom: 1px solid #eee;*/
  transition: 0.3s ease;
  align-items: center;
  position: relative;
}

.messangerSec .friend-drawer--grey {
  background: #eee;
}

.messangerSec .friend-drawer .text {
  margin-left: 10px;
  width: 85%;
}

.messangerSec .friend-drawer .text h6 {
  margin-bottom: 0;
  font-size: 20px;
  color: #000000;
  font-weight: 500;
}

.messangerSec .friend-drawer .text p {
  margin: 0;
  font-size: 12px;
  color: #848484;
  font-weight: 500;
}

.messangerSec .friend-drawer .time {
  font-size: 12px;
  color: #000000 !important;
  font-weight: 600;
}

.messangerSec .friend-drawer--onhover:hover {
  background: #f6f6f6;
  cursor: pointer;
}

.messangerSec .friend-drawer--onhover:hover h6,
.messangerSec .friend-drawer--onhover:hover .time {
  color: #1b1b1b !important;
}

.messangerSec .friend-drawer--onhover:hover p {
  color: #009eb4 !important;
}


/* .messangerSec .tme-cht {
    width: 100%;
  } */

.messangerSec .chat-bubble {
  padding: 10px 14px;
  /* background: #eee; */
  margin: 10px 10px;
  border-radius: 9px;
  position: relative;
  /* min-width: 680px; */
  /* max-width: 500px; */
  /* animation: fadeIn 1s ease-in; */
  /* display: flex; */
  /* align-items: flex-start; */
  display: flex;
  align-items: flex-start;
}

.messangerSec .chat-bubble:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom: 0;
  margin-top: -10px;
}

/*.messangerSec .chat-bubble--left:after {*/
/*    left: 0;*/
/*    border-right-color: transparent;*/
/*    border-left: 0;*/
/*    margin-left: -20px;*/
/*}*/

/*.messangerSec .chat-bubble--right:after {*/
/*    right: 0;*/
/*    border-left-color: #2e3191;*/
/*    border-right: 0;*/
/*    margin-right: -20px;*/
/*}*/

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.messangerSec .chat-bubble--right {
  flex-direction: row-reverse;

}

.messangerSec .chat-box-tray {
  background: #fff;
  display: flex;
  align-items: baseline;
  padding: 10px;
  align-items: center;
  /* position: absolute; */
  /* bottom: 0; */
  left: 0;
  width: 100%;
  /*border-bottom: 1px solid #f1f3f8;*/
  height: 117px;
  position: relative;
  justify-content: space-between;
  border: none !important;
  gap: 0.5rem;
}

.messangerSec .chat-box-tray input {
  margin: 0 10px;
  padding: 6px 15px;
  width: 100%;
  font-size: 13px;
  border-bottom: none;
}

.messangerSec .chat-box-tray i {
  color: #020202;
  font-size: 18px;
  vertical-align: middle;
  margin: 0;
}

.messangerSec .chat-box-tray i:last-of-type {
  margin-left: 0;
}

.insideSearch {
  width: 35%;
  background: #eee;
  border-left: 1px solid #eee;
  z-index: 1;
  transform: translateX(100%);
  position: absolute;
  top: 0;
  right: -35%;
  transition: ease all 0.5s;
}

.chat-panel.show .insideSearch {
  transform: translateX(0%);
  right: 0;
}

.chat-panel.show .chatSec {
  width: calc(100% - 35%);
}

.chat-panel {
  display: flex;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

.insideSearch .input-group .searchBtn,
.insideSearch .input-group .closeSearchBtn {
  background: #fff;
  border: 0;
  border-radius: 50px 0 0 50px;
  padding: 0 12px;
}

.insideSearch .input-group input {
  border-radius: 0;
  font-size: 14px;
  width: 68%;
}

.insideSearch .input-group .closeSearchBtn {
  border-radius: 0 50px 50px 0;
}

.attachedFile {
  display: inline;
  position: relative;
}

.attachedFile input {
  position: absolute;
  top: -9px;
  left: 6px;
  width: 100%;
  height: 30px;
  opacity: 0;
  z-index: 1;
}

.attachedFile {
  display: inline;
  position: relative;
}

.attachedFile input {
  position: absolute;
  top: -9px;
  left: 6px;
  width: 100%;
  height: 30px;
  opacity: 0;
  z-index: 1;
}

.emojiDropDown.show .dropdown-menu {
  width: 500px;
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  margin: 0;
}

.emojiDropDown .dropdown-menu a {
  flex: 0 0 10%;
  padding: 8px 0;
  text-align: center;
}

.emojiDropDown .dropdown-menu a i:last-of-type,
.emojiDropDown .dropdown-menu a i {
  margin: 0;
  font-size: 20px;
  color: #b5b5b5;
}

.emojiDropDown .btn i:last-of-type {
  margin: 0;
}

.emojiDropDown .btn:after {
  content: none;
}

.messangerSec .mycontainer6 {
  width: auto;
  margin-right: 0;
}

.messangerSec .mycontainer6 .emojionearea.emojionearea-inline {
  height: 40px;
  border-radius: 100px;
  border: 0;
}

.messangerSec .mycontainer6 .emojionearea.emojionearea-inline .emojionearea-editor {
  height: 40px;
  padding-top: 10px;
}

.messangerSec .mycontainer6 .emojionearea.emojionearea-inline .emojionearea-button {
  top: 8px;
  right: 6px;
}

.mesag {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mesag h6 {
  font-size: 28px;
  color: #24243a;
  font-weight: 600;
  margin: 0;
}

.jhnmsngr .friend-drawer .text {
  width: 100%;
  text-align: left;
  padding-left: 10px;
}

.mesg-bx {
  width: 100%;
  padding: 7px 20px;
  background-color: #363b3e;
  /* box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07); */
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  margin: 10px 0 0 0;
  display: inline-block;
  vertical-align: top;
}

.mesg-bx p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin: 0;
}

.messangerSec .chat-bubble img {
  display: inline-block;
}

.messangerSec .chat-bubble span {
  display: block;
  padding-left: 0;
  padding-top: 12px;
  font-size: 13px;
  color: #adadad;
}

.bluebg .mesg-bx {
  margin: 0 0 0 0;
  width: 100%;
  background-color: #e1e1e1;
}

.color-active {
  background: #31aa42;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  position: absolute;
  right: 1rem;
  bottom: 0;
  top: 22px;
}

.bluebg .chat-bubble span {
  text-align: right;
  width: 100%;
  margin-top: 0;
}

.bluebg .mesg-bx p {
  color: #465157;
}

.dse .settings-tray {
  padding: 25px 33px;
  border-bottom: 1px solid #edeff0;
}

.papr-clp {
  position: relative;
  border-radius: 50%;
  background-color: rgb(235, 235, 235);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.messangerSec .chat-box-tray .papr-clp input {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  padding: 0;
  margin: 0;
  right: 0;
}

.messangerSec .chat-box-tray .fa-paper-plane {
  width: 40px;
  height: 40px;
  background-color: #009eb4;
  font-size: 18px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 0 !important;
}

.mesgHfs h5 {
  font-size: 19px;
  margin: 0;
}

.bluebg .mesgHfs h5 {
  text-align: right;
  margin: 0 0 10px;
}

.mesgHfs {
  padding-left: 16px;
}

.bluebg .mesgHfs {
  padding-left: 0;
  margin-right: 20px;
}

.chatHead h6 {
  font-size: 22px;
  color: #1b1b1b;
  margin: 0;
  font-weight: 600;
  text-transform: uppercase;
}

.chat-box-tray img {
  margin: 0 15px;
}

.bar1 {
  margin: 0;
}

.bar1,
.bar2,
.bar3 {
  width: 17px;
  height: 2px;
  background-color: #fff;
  margin: 3px 0 0px;
  transition: 0.4s;
}

.sidemenu.showSide {
  left: 0;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(0px, 0px);
}

.change .bar2 {
  opacity: 0;
}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-7px, -8px);
}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-7px, -8px);
}

.bars {
  display: none;
}

.mainDashboard {
  padding: 40px 50px;
  height: 100%;
}

.chatHead {
  display: flex;
  justify-content: space-between;
}

.cht-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.cht-icons li {
  position: relative;
  border-radius: 50%;
  background-color: rgb(235, 235, 235);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cht-icons li a {
  color: black;
}

.cht-icons .dropdown-menu.show {
  margin: 1.7rem 0rem 0rem 1rem !important;
}


/* END: Messanger CSS */

.up_images {
  width: 100%;
}

.img_container span {
  position: absolute;
  right: 10px;
  background: #e81235;
  width: 24px;
  text-align: center;
  top: -10px;
  color: #fff;
  cursor: pointer;
  border-radius: 35px;
}

.pics img {
  margin: 1px 1px 16px 0px;
}

.cst_imgs .img_container {
  margin-bottom: 1rem;
}

#up_images.hasImg {
  padding-top: 25px;
}

.imagePreview {
  position: relative;
}

.navbar .drop-down ul {
  display: block;
  position: absolute;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 0;
  background: #fff;
  /* box-shadow: 0px 0px 30px rgb(127 137 161 / 25%); */
  transition: 0.3s;
  margin-top: -4rem;
}

.navbar .drop-down li {
  min-width: 181px;
  position: relative;
  list-style: none;
}

.navbar .drop-down ul li a {
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  color: #fff;
  display: block;
  text-transform: uppercase;
}

@media screen and (min-width: 1200px) {

  .navbar .drop-down ul li a:hover {
    background: #0a0a0a;
    color: white;
  }


  /* .navbar-nav .nav-item .nav-link:hover {
  border: 2px solid #ffffff;
  } */
  .navbar .drop-down:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
    background-color: #232323;
  }
}


/* Birds page css start */

.birdSec {
  background-image: url(../images/birdbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 150px 0px;
}

.birdimg .mainImg {
  height: 600px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 30px;
}

.birdimg img {
  border: 1px solid white;
}

.birdimg .fishImg {
  height: 680px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 30px;
}

.fishSec {
  background-image: url(../images/fishbg.png);
}

.adventure-sec {
  padding: 10rem 0rem;
}

.adven-mn {
  margin-bottom: 3rem;
}

.adventure-sec h2 {
  font-size: 2.8125rem;
  text-transform: uppercase;
  color: var(--black);
  font-weight: 700;
  margin: 0;
  text-align: center;
  padding-bottom: 4rem;
}

.datingSec {
  padding: 7rem 0;
  background: #fefefe;
}

.datingSec .mainChat {
  padding: 0;
  gap: 0;
  text-align: left;
}

.datingSec .mainChat .chatContent {
  padding: 1.5rem;
}

.datingSec .mainChat .chatContent p {
  margin-bottom: 10px;
}

.head-adventure {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.head-adventure .adventure img {
  height: 200px;
}

.adventure {
  margin-top: -5rem;
}

.vd-txt h2 {
  font-size: 2.25rem;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}

.video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vd-txt {
  position: relative;
  padding-top: 5rem;
}

.tie-sec {
  padding: 10rem 0rem;
}

.accounTab .formStyle label {
  color: var(--black);
}


/* product detail css start */

.buySec {
  background-color: #000;
  color: #fff;
}

.main-prodtl .prodtl-img {
  position: relative;
}

.prodtl-txt h2 {
  font-size: 2.5rem;
  color: #fff;
  font-weight: 600;
  line-height: 34px;
}

.prodtl-txt h3 {
  font-size: 16px;
  color: #fff;
  margin: 25px 0 30px;
  font-weight: 500;
}

.prodtl-txt h3 span {
  padding-right: 7px;
}

.prodtl-txt h3 span i {
  color: #f7941d;
  padding-right: 5px;
}

.prodtl-txt h4 {
  font-size: 15px;
  color: #747474;
  font-weight: 500;
  margin: 0 0 25px;
}

.prodtl-txt .stckst {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

.prodtl-txt .stckst li:first-child {
  font-size: 26px;
  color: #fff;
  font-weight: 500;
  padding-right: 20px;
}

.prodtl-txt .stckst li:last-child {
  font-size: 22px;
  color: #00b816;
  font-weight: 500;
}

.prodtl-txt .stckst li:last-child i {
  padding-right: 7px;
}

.ad-crtstwo ul {
  margin: 30px 0 30px;
  display: flex;
  padding: 0;
  list-style: none;
  gap: 2rem;
}

.ad-crtst ul li {
  /* display: inline-block; */
}

.number .minus {
  font-size: 30px;
}

.main-prodtl .number .minus {
  width: 54px;
  height: 50px;
  /* background: #f9f9f9; */
  border-radius: 4px;
  padding: 0 5px 0 5px;
  border: 1px solid #e1e1e1;
  display: flex;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 24px;
  align-items: center;
  justify-content: center;
}

.number {
  display: flex;
}

.main-prodtl .number .plus {
  width: 54px;
  height: 50px;
  background: transparent;
  border-radius: 4px;
  padding: 0 5px 0 5px;
  border: 1px solid #e1e1e1;
  display: flex;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 24px;
  align-items: center;
  justify-content: center;
}

.number .minus {
  float: left;
}

.number span {
  cursor: pointer;
}

.number input {
  height: 50px;
  border-radius: 4px;
  border: 1px solid #e2e2e2;
  /* display: inline-block; */
  width: 54px;
  text-align: center;
  color: #fff;
  /* float: left; */
  background-color: transparent;
  margin: 0 10px;
}


/*.ad-crtst ul li a {
  border-radius: 5px;
  background-color: #388980;
  font-size: 14px;
  color: #ffffff;
  display: inline-block;
  padding: 14px 34px;
  text-transform: uppercase;
  margin: 0 0 0 20px;
}*/

.prodtl-txt h5 {
  font-size: 16px;
  display: inline-block;
  background-color: #f7f7f7;
  padding: 15px 12px;
  font-weight: 600;
  margin: 0 0 25px;
  color: #323232;
}

.ratd-txt {
  padding: 70px 0 50px;
}

.ratd-txt h2 {
  font-size: 26px;
  color: #323232;
  font-weight: 600;
  margin: 0 0 20px;
}

.ratd-txt p {
  font-size: 17px;
  color: #747474;
  font-weight: 500;
  margin: 0 0 24px;
  line-height: 28px;
}

.slider-nav img,
.slider-for img {
  width: 100%;
}

.slider-nav .cell {
  width: 90%;
}

.slider-nav .slick-current + .slick-active .cell {
  margin: 0 auto;
}

.slider-nav .slick-current + .slick-active + .slick-active .cell {
  margin-left: 10%;
}

.slider-nav {
  padding-top: 20px;
}

.prodtl-txt p {
  font-size: 18px;
  color: #fff;
  width: 100%;
  font-weight: 400;
  line-height: 27px;
}

.main-prodtl {
  padding: 100px 0 50px;
}

.slider-nav .cell {
  width: 90%;
}

.slider-for1 .slick-slide img {
  width: 50%;
  margin: 0 auto 0;
}

.slider-nav1 .slick-slide img {
  width: 50%;
  margin: auto;
}

.prodtl-img {
  position: relative;
}

.slider-nav3 {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
  width: 170px;
}

.slider-nav3 img {
  width: 50px;
  height: 50px;
  border-radius: 6px;
}

.slider-for1 .slick-slide {
  border: 1px solid #fff;
  padding: 4em;
  margin-bottom: 1.5em;
}


/*   Review css start    */

.descBox {
  padding: 4em 0;
  background-color: #000;
  color: #fff;
}

.adtnlTab .nav-tabs .nav-item .nav-link {
  all: unset;
  color: #372644;
  background-color: #ededee;
  font-size: 0.8em;
  font-weight: 700;
  padding: 1.8em 2em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: inline-block;
  cursor: pointer;
}

.adtnlTab .nav-tabs {
  border-bottom: none;
  gap: 20px;
}

.adtnlTab .nav-tabs .nav-item .nav-link.active {
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 16px 0px rgb(0 0 0 / 19%);
  -moz-box-shadow: 1px 1px 16px 0px rgb(0 0 0 / 19%);
  box-shadow: 1px 1px 16px 0px rgb(0 0 0 / 19%);
  border: none;
  background-color: #fff;
  color: #21a221;
}

.descText p {
  color: #fff;
  margin: 40px 0 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
}

.adtnlInfo h2 {
  margin: 2em 0 0.5em;
  font-size: 1.6em;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #fff;
}

.adtnlInfo ul {
  display: flex;
  align-items: center;
  gap: 50px;
  border-bottom: 2px solid #747474;
  padding-bottom: 20px;
  margin: 30px 0 0;
  padding: 0 0 30px;
  list-style: none;
}

.adtnlInfo ul li {
  color: #fff;
}

.userReview {
  display: flex;
  align-items: flex-start;
}

.reviewContent {
  padding-left: 15px;
  flex-grow: 1;
}

.reviewContent h5 {
  color: #fff;
  margin-bottom: 8px;
  font-size: 0.9333em;
  font-weight: 600;
}

.reviewContent p {
  color: #fff;
}

.userMain h2 {
  margin: 0 0 1.7em;
  font-size: 1.6em;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #fff;
}

.reviewContent .stars {
  color: #ff912c;
}

.userMain {
  margin: 3em 0 0.5em;
}

.reviewForm {
  padding: 20px 0 0;
}

.reviewForm .formsetrvew {
}

.reviewForm .formsetrvew label {
  color: #fff;
  min-width: 60px;
}

.reviewForm .formsetrvew input {
  color: #9c9c9c;
  background-color: #ffffff;
  border: 1px solid #ededee;
  font-size: 1.0714rem;
  font-weight: 600;
  width: 73%;
  height: 65px;
  margin-bottom: 16px;
}

.reviewForm .agreCheck {
  text-align: left;
  margin: 15px 0 30px;
  display: flex;
}

.reviewForm .agreCheck input {
  height: auto;
  width: auto;
  position: relative;
  top: 6px;
}

.reviewForm .agreCheck label {
  padding-left: 10px;
  line-height: 1.5;
}

.reviewForm h6 {
  color: #fff;
  font-weight: 400;
  margin-bottom: 13px;
}

.reviewForm span {
  display: block;
}

.reviewForm span i {
  color: #854c31;
}

.reviewForm .yreviw {
  display: block;
  color: #fff;
  font-weight: 400;
  margin: 15px 0 15px;
}

.reviewForm textarea {
  color: #9c9c9c;
  background-color: #ffffff;
  border: 1px solid #ededee;
  font-size: 1.0714rem;
  font-weight: 600;
  width: 100%;
  height: 165px;
  resize: none;
}

.reviewForm .themeBtn {
  position: relative;
  z-index: 111;
  font-size: 14px;
}

.reviewForm .btn-1c:after {
  background-color: #332043;
}

.reviewForm span ul {
  display: flex;
}


/* Rating Star Widgets Style */

.rating-stars ul {
  list-style-type: none;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  padding-bottom: 20px;
}

.rating-stars ul > li.star {
  display: inline-block;
}


/* Idle State of the stars */

.rating-stars ul > li.star > i.fa {
  font-size: 1em;
  /* Change the size of the stars */
  color: #ccc;
  /* Color on idle state */
}


/* Hover state of the stars */

.rating-stars ul > li.star.hover > i.fa {
  color: #ffcc36;
}


/* Selected state of the stars */

.rating-stars ul > li.star.selected > i.fa {
  color: #ff912c;
}

.userReview img {
  width: 50px;
}

.userMain p {
  color: #fff;
}

.ad-crtst .btnStyle,
.reviewForm .btnStyle {
  background-color: #fff;
  color: var(--black);
  text-align: center;
  width: auto;
  margin: 0;
}


/*   Review css end   */


/* product detail css end */

.checked {
  color: yellow;
}

.rate {
  height: 46px;
  padding: 0 10px;
  display: inline-block;
}

.rate:not(:checked) > input {
  position: absolute;
  top: -9999px;
}

.rate:not(:checked) > label {
  float: right;
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 30px;
  color: #ccc;
}

.rate:not(:checked) > label:before {
  content: "\f005";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 26px;
}

.rate > input:checked ~ label {
  color: #ff912c;
}

.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #ff912c;
}

.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #ff912c;
}

.quickLinkSec {
  padding: 6rem 0;
  background-color: var(--primary);
}

.quickLinkSec h4 {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--white);
  text-transform: uppercase;
  line-height: 1.222;
  position: relative;
  margin-bottom: 2.2rem;
  padding-bottom: 0.7rem;
}

.quickLinkSec h4::after {
  content: "";
  height: 2px;
  width: 50px;
  background-color: var(--white);
  position: absolute;
  left: 0;
  bottom: -5px;
}

.quickLinkSec .links {
  margin-bottom: 3rem;
}

.quickLinkSec .links li a {
  font-size: 1rem;
  font-weight: 300;
  color: var(--white);
  text-transform: uppercase;
  line-height: 2.5;
}

.quickLinkSec .links li a:hover {
  color: var(--white);
}

.friendListSec {
  padding: 6rem 0;
}

.userCard {
  display: block;
  margin-bottom: 1.5rem;
}

.userCard img {
  width: 100%;
  height: 100%;
  max-height: 275px;
  object-fit: cover;
  object-position: top center;
}

.userCard h3 {
  font-size: 1.5rem;
  color: var(--black);
  text-align: center;
  margin-top: 0.5rem;
  text-transform: uppercase;
  font-weight: 700;
}

.friendsWrap {
  background: #fff;
  border: 1px solid #f1f3f8;
  padding: 3rem;
  border-radius: 10px;
  overflow-y: auto;
  height: 800px;
}

.friendsWrap h2 {
  font-size: 40px;
  font-weight: 600;
  margin: 0;
}

.search {
  border: 1px solid #f1f3f8;
  padding: 8px;
  border-radius: 0;
  align-items: center;
}

.search .themeBtn,
.friendCell .themeBtn {
  border: 0;
  padding: 0.6rem 2rem;
}

.search .themeBtn.searchBtn {
  width: 60px;
  height: 60px;
  padding: 0;
  position: relative;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search .themeBtn.searchBtn i {
  padding: 0;
}

.search .form-control {
  height: 60px;
  border-radius: 100px;
  border: 0;
  color: #a9a9a9;
}

.search .form-control::placeholder {
  color: #a9a9a9;
}

.friendCell {
  margin-top: 2rem;
  padding: 15px;
  border: 1px solid #f1f3f8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
}

.friendCell .user {
  display: flex;
  align-items: center;
}

.friendCell .user img {
  max-width: 80px;
  margin-right: 10px;
  border-radius: 100px;
}

.friendCell .user h4 {
  margin: 0;
  text-transform: capitalize;
  color: #000;
}

.postCreationSec {
  padding: 6rem 0;
}


/* start css 9-26-2022  */

.marketList {
  background: #fff;
  box-shadow: 0 0 4px #0000001f;
  padding: 4rem 2.5rem;
  height: 100%;
}

.shopSec {
  background: #f5f5f5;
  padding-right: 1.5rem;
}

.marketHeading {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 1rem;
}

.marketList form {
  position: relative;
  display: block;
}

.marketList form input {
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #ebebeb;
  height: 50px;
  border-radius: 50px;
  padding: 0 3rem;
}

.marketList form a {
  position: absolute;
  left: 20px;
  top: 18px;
  color: #444444;
}

.marketList ul {
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 1rem;
}

.marketList ul li {
  border-bottom: 1px solid #eaeaea;
  padding: 1.2rem 0;
}

.marketList ul li a {
  font-size: 1rem;
  color: #000;
  font-weight: 500;
}

.marketList ul li:last-child {
  padding: 0;
  border: 0;
}

.marketList ul li:last-child .createBtn {
  background: #000000;
  width: 100%;
  display: block;
  text-align: center;
  padding: 1.3rem 0;
  color: #fff;
  border-radius: 5px;
}

.marketList .ctegrsLst {
  margin: 0 0 1.5rem;
}

.marketList .vehicles {
  padding: 0;
}

.marketList .vehicles li:last-child {
  padding: 1.2rem 0;
}

.todayHeading {
  padding: 4rem 0 0;
}

.pickShop a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
  box-shadow: 0 0 16px #0005;
}

.pickShop h4 {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 0 8px;
}

.pickShop h5 {
  font-size: 1.1rem;
  font-weight: 400;
  margin: 0 0 6px;
}

.pickShop h6 {
  font-size: 1.1rem;
  font-weight: 400;
  margin: 0;
}

.pickShop a {
  display: block;
  margin: 0 0 1.2rem;
  height: 254px;
  width: 100%;
  background: #ddd;
  overflow: hidden;
  border-radius: 10px;
}

.pickShop {
  margin-bottom: 2rem;
}


/*.slider-nav .draggable {
    padding: 0 !important;
}*/

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

.slider-for3 .slick-prev {
  background: #fff;
  z-index: 1;
  box-shadow: 0 0 3px #0000005c;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #000;
  left: 2rem;
}

.slider-for3 .slick-prev:before {
  content: '\f104';
  font-family: "Font Awesome 5 Pro";
  color: #000;
}

.slider-for3 .slick-next {
  background: #fff;
  z-index: 1;
  box-shadow: 0 0 3px #0000005c;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #000;
  right: 2rem;
}

.slider-for3 .slick-next:before {
  content: '\f105';
  font-family: "Font Awesome 5 Pro";
  color: #000;
}

.prodtl-img,
.slider-for3,
.slider-for3 :is(.slick-list,
.slick-track) {
  height: 100%;
}

.proBoxDetal {
  box-shadow: 0 0 4px #0000001f;
  padding: 2rem 1.5rem;
  height: 100%;
}


/*.proContent {
    box-shadow: 0 0 4px #0000001f;
    padding: 2rem 1.5rem;
}*/

.proContent h2 {
  font-size: 1.4rem;
  font-weight: 500;
  margin: 0 0 1rem;
}

.proContent h3 {
  font-size: 1.1rem;
  margin: 0 0 1.5rem;
}

.proContent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 1rem;
}

.proContent ul li a {
  background: #f9f9f9;
  border: 1px solid #eaeaea;
  display: block;
  padding: 0.8em 1em;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  border-radius: 8px;
}

.mrktDetl {
  margin-top: 2rem;
}

.mrktDetl h2 {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 0;
}

.mrktDetl iframe {
  /* filter: grayscale(100%); */
  border-radius: 6px;
  margin: 1rem 0;
}

.mrktDetl p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.mrktDetl .selerLst {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 0 1.5rem;
  margin: 1.5rem 0 0;
  list-style: none;
  border-top: 1px solid #ebebeb;
}

.mrktDetl .selerLst li {
  font-weight: 600;
  font-size: 1rem;
}

.mrktDetl .selerLst li a {
  font-weight: 400;
  font-size: 14px;
  border-bottom: 1px solid;
  border-top: 0;
  padding: 0;
  color: #000;
}

.jhnImg {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin: 0 0 1rem;
}

.jhnImg img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  object-fit: contain;
  background: #fff5;
}

.mrktDetl h6 {
  margin: 0 0 4rem;
  font-size: 14px;
}

.mrktDetl a {
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border-top: 1px solid #eaeaea;
  padding: 1rem 0;
}

.mrktDetl textarea {
  background: #f9f9f9;
  width: 100%;
  border: 1px solid #eaeaea;
  resize: none;
  border-radius: 7px;
  height: 55px;
  margin: 0 0 1rem;
  padding: 6px;
  font-size: 14px;
}

.mrktDetl .createBtn {
  background: #000000;
  width: 100%;
  display: block;
  text-align: center;
  padding: 1rem 0;
  color: #fff;
  border-radius: 5px;
  font-size: 1.2rem;
}

.listBox {
  text-align: center;
}

.cartImg i {
  border: 1px solid black;
  width: 6rem;
  height: 6rem;
  display: grid;
  place-items: center;
  margin: 0 auto;
  border-radius: 3.125rem;
  font-size: 2.5rem;
}

.listBox h4 {
  font-size: 1.375rem;
  margin-top: 1rem;
}

.listBox h4 span {
  display: block;
  font-size: 1rem;
  margin-top: 0.75rem;
  font-weight: 400;
  line-height: 1.7;
}

.listBox {
  background-color: var(--white);
  border-radius: 0.625rem;
  padding: 3rem 2rem;
  transition: 0.5s ease-in-out;
}

.listingPreview {
  height: 500px;
}

.listingPreview h3 {
  font-size: 1rem;
  font-weight: 600;
}

.listingPreview .lockedPriviewBox {
  background: #F3F3F3;
  padding: 3rem;
  overflow: hidden;
  min-height: 450px;
}

.listingPreview .lockedPriviewBox p {
  font-size: 0.875rem;
  width: 70%;
  text-align: center;
  margin: auto;
}

.listingPreview .lockedPriviewBox p strong {
  display: block;
  font-weight: 600;
}

.listBox:hover {
  background-color: var(--black);
}

.listBox:hover h4 {
  color: var(--white);
}

.listBox:hover .cartImg i {
  background-color: var(--white);
}

.modal-title {
  font-size: 1.5rem;
  font-weight: 600;
}

.changeOne p {
  font-size: 0.8rem;
  margin: 0 0 10px;
}

.changeOne input {
  width: 100%;
  border: 1px solid #eaeaea;
  height: 50px;
  font-size: 0.8rem;
  padding: 0 1rem;
  border-radius: 6px;
  margin: 0 0 1rem;
}

.changeOne .input-group .input-group-prepend {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eaeaea;
  border-right: 0;
  position: relative;
  border-radius: 6px 0 0 6px;
}

.changeOne .input-group {
  flex-flow: nowrap;
}

.changeOne .input-group input {
  border-left: 0;
  border-radius: 0 6px 6px 0;
}

.changeOne iframe {
  height: 278px;
  /* filter: grayscale(100%); */
  margin-bottom: 1rem;
}

.changeOne .createBtn {
  background: #000000;
  width: 100%;
  display: block;
  text-align: center;
  padding: 1rem 0;
  color: #fff;
  border-radius: 5px;
  font-size: 1.2rem;
}

.creatList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eaeaea;
  padding: 0 0 1rem;
}

.creatList h5 {
  font-size: 1rem;
  font-weight: 400;
}

.creatList .marketHeading {
  margin: 0;
  font-size: 1.3rem;
}

.creatList .draftBtn {
  background: #eaeaea;
  display: inline-block;
  font-weight: 500;
  padding: 1rem 1rem;
  border-radius: 7px;
}

.mrktImg {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1.8rem 0 0;
}

.mrktImg img {
  border-radius: 50%;
}

.mrktJhn h4 {
  font-size: 1.2rem;
  margin: 0 0 4px;
}

.mrktJhn p {
  margin: 0;
  font-size: 0.9rem;
  color: #000;
}

.photoLabl {
  margin: 2rem 0 0;
}

.photoLabl label {
  margin: 0 0 1rem;
}

.adPhoto span {
  height: 215px;
  width: 100%;
  border: 1px solid #ebebeb;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.adPhoto span i {
  width: 38px;
  height: 38px;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 0 1rem;
}

.adPhoto span h4 {
  font-size: 1rem;
  margin: 0 0 4px;
}

.adPhoto span h5 {
  font-size: 1rem;
}

.adPhoto span input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.photoLabl input {
  background: transparent !important;
  border-radius: 0 !important;
  margin: 0 0 1.2rem;
  padding: 1rem 1rem !important;
}

.adPhoto {
  margin: 0 0 1.5rem;
}

.photoLabl textarea {
  width: 100%;
  background: transparent;
  border: 1px solid #ebebeb;
  height: 100px;
  border-radius: 0;
  padding: 1rem 1rem;
  margin: 0 0 1rem;
}

.photoLabl .createBtn {
  background: #000000;
  width: 100%;
  display: block;
  text-align: center;
  padding: 1rem 0;
  color: #fff;
  border-radius: 5px;
  font-size: 1.2rem;
}

.photoLabl p {
  font-size: 0.9rem;
}

.jhnImg span {
  display: block;
}

.jhnImg span + span {
  margin-top: 0.5rem;
}


/* end css 9-26-2022  */

.shopSec {
  min-height: 100vh;
  height: auto;
}

.lockedPriviewBox-nav img {
  width: 150px;
  height: 90px;
  object-fit: contain;
  background: #f8f8f8;
  border-radius: 10px;
  cursor: pointer;
}

.lockedPriviewBox-nav {
  max-width: calc(100% - 50%);
  margin: 0 auto 0;
}

.lockedPriviewBox-nav img + img {
  margin: 0 1.5rem;
}

.lockedPriviewBox img,
.prodtl-img img {
  max-height: 450px;
  object-position: center;
  object-fit: contain;
  cursor: pointer;
}

.prodtl-img img {
  height: 450px;
  width: 100%;
}

.privacySec {
  padding: 7rem 0;
}

.checkGroup {
  margin: 1rem 0;
}

.checkGroup .form-check {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
}

.checkGroup .form-check input {
  position: unset;
  margin: 0;
}

.modal {
  z-index: 99999;
}

.feedBack {
  width: 70%;
  margin: 2rem auto;
}

.feedBack .formStyle {
  width: 100%;
}

.feedBack .formStyle textarea.form-control {
  height: auto;
  resize: none;
  padding-top: 1rem;

}

.chatGroupSec {
  padding: 8rem 0;
}

.groupForm {
  width: 100%;
  box-shadow: 0 0 5px #0009;
  padding: 5rem 1rem;
  border-radius: 10px;
}

.groupForm .inputCont {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.groupForm .inputCont + .inputCont {
  margin-top: 1.5rem;
}

.groupForm .inputCont input {
  padding: 0.5rem 1rem;
  border-radius: 10px;
  border: 1px solid #ccc9;
  color: #000;
}

.groupForm .inputCont label {
  font-size: 1.25rem;
  margin: 0;
}

.groupForm button {
  margin: 1.5rem auto 0;
  display: block;
}

.chatGroupSec h2 {
  font-size: 2.5rem;
  text-align: center;
  text-transform: capitalize;
  margin: 0 0 2rem;
}

.orderSec {
  padding: 8rem 0;
}

.orderSec table {
  width: 100%;
}

.orderSec table td, .orderSec table th {
  white-space: nowrap;
  padding: 1rem;
  text-align: center;
  vertical-align: middle;
}

.orderSec table td:nth-child(2),
.orderSec table th:nth-child(2),
.orderSec table td:nth-child(1),
.orderSec table th:nth-child(1) {
  text-align: left;
}

.eqReview {
  box-shadow: 0 0 15px #ccc9;
  border-radius: 20px;
  overflow: hidden;
  padding: 1rem 0 0;
  height: 100%;
}

.eqReview h5 {
  padding: 0 1rem 1rem;
}

.eqReview video, .eqReview iframe {
  height: 300px;
  width: 100%;
  object-fit: contain;
}


.userReview {
  /*background: #fff;*/
  padding: 1rem;
  border-radius: 10px;
  gap: 1rem;
}

.userReview img {
  object-fit: contain;
  background: #fff;
  box-shadow: 0 0 15px #ccc;
}

.userReview .reviewContent {
  padding: 0;
  flex: 0 1 calc(100% - 80px);
  margin-left: auto;
}

.userReview .reviewContent h5 {
  text-transform: capitalize;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}

.userReview .reviewContent h5 span {
  font-size: 13px;
}

.userReview .reviewContent button {
  /*margin-left: auto !important;*/
  width: 100%;
  margin-right: 0;
  width: fit-content;
}

.userReview .reviewContent .stars span.checked {
  color: #ff912c;
}

.userReview .reviewContent p {
  color: #000 !important;
  font-size: 1rem;
  margin: 1rem 0;
}

.main-slider .counterCont p {
  width: 100%;
  font-size: 1.5rem;
}

.main-slider .counterCont p span {
  font-weight: 600;
}

.neighborhoodSec img {
  /*height: 550px;*/
  object-fit: cover;
}

.aboutSec .tagLine {
  font-size: 3rem;
  text-transform: capitalize;
  font-weight: 600;
  text-align: center;
  margin-top: 5rem;
}

/* Dashboard Css Start */

.dashboard {
  background: #f8f6f6;
  padding: 5rem 3rem;
}

.sideNAvigation .navbar-collapse {
  flex-direction: column;
  align-items: flex-start;
}

.sideNAvigation .navbar-nav {
  flex-direction: column;
  align-items: flex-start;
  background: #fff;
  border-radius: 20px;
  padding: 2rem 0;
  gap: 0;
  width: 100%;
}

.sideNAvigation .navbar-nav .nav-item .nav-link {
  color: var(--black);
  font-size: 1.375rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 1.4rem 3rem;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}

.sideNAvigation .navbar-nav li.nav-item {
  width: 100%;
}

.sideNAvigation .navbar-nav .nav-item .nav-link.active {
  background: var(--black);
  color: var(--white);
}

.sideNAvigation .navbar-nav .nav-item .nav-link.active img {
  filter: brightness(0) invert(1);
}

.sideNAvigation .navbar-nav .nav-item .nav-link figure {
  width: 29px;
  margin-bottom: 0;
}

.sideNAvigation .navbar-nav li.nav-item.dropdown .dropdown-menu {
  position: static;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.sideNAvigation .navbar-nav li.nav-item.dropdown .dropdown-menu .dropdown-item {
  border: 0;
  border-radius: 0;
  padding: 0.25rem 5.5rem;
}

.sideNAvigation .navbar-nav li.nav-item.dropdown .nav-link:after {
  position: absolute;
  right: 2rem;
}

.sideNAvigation .navbar-nav li.nav-item.dropdown .dropdown-menu li a {
  font-size: 1rem;
  padding: 0.6rem 5rem;
}

.recentTable {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 2rem 1.5rem 1rem 1.5rem;
}

.recentTable .table td,
.table th {
  vertical-align: inherit;
}

.dashboardHead {
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--black);
}

.recentTable .btn-secondary.dropdown-toggle {
  border: unset;
  background: unset;
  color: var(--black);
  font-size: 26px;
  box-shadow: unset;
}

.recentTable .dropdown-toggle::after {
  display: none;
}

.recentTable .table .thead-dark th {
  background: var(--black);
  border: unset;
  padding: 1.5rem 2rem;
  text-align: center;
}

.recentTable .table .thead-dark th:first-child {
  border-radius: 10px 0 0 10px;
}

.recentTable .table .thead-dark th:last-child {
  border-radius: 0px 10px 10px 0px;
}

.recentTable .table td {
  border-bottom: 1px solid #E6E6E6;
  text-align: center;
}

.recentTable .table td:first-child {
  border-left: 1px solid #E6E6E6;
}

.recentTable .table td:last-child {
  border-right: 1px solid #E6E6E6;
}

.recentTable .table td img {
  border-radius: 10px;
}

.notificationBox .table tbody td:nth-child(2) {
  text-align: inherit;
  line-height: 1.3;
  color: #7D7D7D !important;
}

.notificationBox .table tbody td:nth-child(2) span {
  color: var(--black);
}

.recentTable tbody tr td {
  font-weight: 500;
  color: var(--black) !important;
  font-size: 18px;
}

.frstPage .recentTable tbody tr td {
  font-size: 1rem;
}

.currentBox .table td:nth-child(3) {
  color: #7D7D7D !important;
  line-height: 1.4;
}

.frndBtn {
  text-transform: uppercase;
  border: 1.5px solid var(--black);
  border-radius: 7px;
  padding: 10px 1.5em;
}

.showOne {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem 1rem;
  margin: 0 -1.4rem 0;
}

.showOne div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.showOne div label {
  font-size: 1.125rem;
  margin: 0;
  color: #000;
}

.showOne div select {
  border: 1px solid #707070;
  width: 53px;
  text-align: center;
}

.showOne div form {
  position: relative;
  display: block;
}

.showOne div form input {
  border: 1px solid #ccc;
  width: 256px;
  height: 44px;
  font-size: 0.875rem;
  padding: 0 0.7rem;
  border-radius: 5px;
}

.showOne div form button {
  position: absolute;
  right: 5px;
  top: 4px;
  background: var(--black);
  border: 0;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notiWrap tbody tr td:nth-child(2) {
  text-align: center !important;
}

.recipesBox .table tbody td:nth-child(2) span {
  color: var(--black);
  display: block;
}

.recipesBox .table tbody td:nth-child(2) {
  line-height: 1.6;
}

.dashboard .messangerSec .chat-box-tray .fa-paper-plane {
  background: var(--black);
}


/* Dashboard Css End */
.media-left {
  width: 40% !important;
  float: left;
}

.media-right {
  width: 40% !important;
  float: right;
}

.mesgHfs-media-left {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.mesgHfs-media-right {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.messenger-wrapper-loading{
  color:grey;
  text-align: center;
  padding-top: 10px;
}