/*-- Google Font --*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat+Alternates:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*----------------------------------------*/
/*  01. Template default CSS
/*----------------------------------------*/
/*-- Common Style --*/
html {
  scroll-behavior: smooth;
}
.bg-primary-20{
  background: #f3f3f3;
}

ul.pagination li {
  padding: 0px 6px;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  justify-content: center !important;
}
ul.pagination {
  margin-left: unset !important;
  margin-top: unset !important;
}

.filter-wrap span.current {
  word-wrap: break-word;
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.filter-wrap .wide {
  z-index: 9999;
}

.filter-btn button {
  height: 48px;
  font-size: 18px;
}
.page-item.active .page-link {
  z-index: 3;
  color: #000;
  background-color: #fff;
  border-color: #cb2047;
  border-radius: 50px !important;
  padding: 16px;
}
.page-item.disabled .page-link {
    color: #fff !important;
    background-color: #ff8ca6 !important;
    border-color: #ff8ca6 !important;
}
.max-widhtss .alert.alert-success {
	max-width: 400px;
	margin: 0px auto;
	margin-bottom: 33px;
}
.page-item:first-child .page-link {
  /* border-top-left-radius: .25rem; */
  /* border-bottom-left-radius: .25rem; */
  border-radius: 50px !important;
  padding: 16px !important;
  font-size: 30px !important;
}
.page-item:not(:first-child) .page-link {
  padding: 16px !important;
  border-radius: 50px !important;
  color: #000 !important;
  border-color: #cb2047 !important;
}
.page-item:last-child .page-link {
  border-radius: 50px !important;
  padding: 16px !important;
  background-color: #cb2047 !important;
  color: #fff !important;
  font-size: 30px !important;
}
.backjjk {
  background: #fff;
  border: 1px solid #cb2047;
  border-radius: 14px;
}
li.d-flex.men_retin {
  background: rgba(255, 166, 0, 0.514);
  padding: 0px 10px;
  color: #000;
  border-radius: 6px;
}
.textseco{
  color: rgba(0, 0, 0, 0.493);
}
.coninfo a i {
  color: #cb2047;
  font-size: 20px;
}
html,
body {
  height: 100%;
}

body {
  color: #2B2B2B;
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
}
 
a {
  color: #2B2B2B;
  text-decoration: none;
}

a:hover {
  color: #000;
}

a,
button,
.btn,
img,
input {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a:focus,
button:focus,
.btn:focus,
input:focus,
select:focus,
textarea:focus,
.swiper-slide:focus,
.swiper-button-next:focus,
.swiper-button-prev:focus {
  border: 0;
  text-decoration: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

img {
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif !important;
  margin: 0;
}
p {
  margin: 0;
}

.form-control:focus, select:focus, .nice-select:active, .nice-select.open, .nice-select:focus, .form-check-input:focus {
  border: 1px solid #cb2047 !important;
  box-shadow: none;
}

.fm-light {
  font-weight: 200 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.hmfet .list-item {
  width: 100% !important;
  height: 100%;
}

.img-full {
  width: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

::-moz-selection {
  background-color: #f0b805;
  color: #ffffff;
}

::selection {
  background-color: #f0b805;
  color: #ffffff;
}

/* ---Custom Container--- */
@media (min-width: 1200px) {
  .container {
    --bs-gutter-x: 15px;
    max-width: 1250px;
  }
}


/* ---Section Space--- */

.section-space {
  padding-top: 60px;
  padding-bottom: 60px;
}

.hinr .circle:before {
  left: -8px;
}

.space {
  padding-top: 70px;
  padding-bottom: 70px;
}

.stpn h4 {
  width: 50px;
  height: 50px;
  background: #e98b2a;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  border-radius: 50%;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}

.stpn:after {
  content: '';
  width: 70px;
  height: 1px;
  background: #cb2047;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: -67px;
}

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

@media (max-width: 1199px) {
  .section-space {
    padding-top: 80px;
    padding-top: 80px;
  }
}

@media (max-width: 991px) {
  .section-space {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .section-space {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}


.section-space-top-90 {
  padding-top: 90px;
}

@media (max-width: 1199px) {
  .section-space-top-90 {
    padding-top: 70px;
  }
}

@media (max-width: 991px) {
  .section-space-top-90 {
    padding-top: 50px;
  }
}

@media (max-width: 767px) {
  .section-space-top-90 {
    padding-top: 40px;
  }
}


.section-space-bottom-90 {
  padding-bottom: 90px;
}

@media (max-width: 1199px) {
  .section-space-bottom-90 {
    padding-bottom: 70px;
  }
}

@media (max-width: 991px) {
  .section-space-bottom-90 {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .section-space-bottom-90 {
    padding-bottom: 40px;
  }
}

/* --End Here-- */
/* ---Custom Gutter Space--- */
@media (min-width: 1400px) {
  .g-min-30 {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
  }
}

/* -X axis- */
.g-x-15 {
  --bs-gutter-x: 15px;
}

.g-x-30 {
  --bs-gutter-x: 30px;
}

/* -Y Axis- */
.g-y-20 {
  --bs-gutter-y: 20px;
}

.g-y-30 {
  --bs-gutter-y: 30px;
}

/* --------------------------------------
    Additional Space for specific section
----------------------------------------- */
.py-80 {
  padding: 80px 0;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}


.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}



@media (min-width: 992px) {
  .me-lg-30 {
    margin-right: 30px;
  }
}

@media (min-width: 768px) {
  .me-md-30 {
    margin-right: 30px;
  }
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

/* -End Here- */
/* ---Data Background Image--- */
[data-bg-image]:not(.bg-pattern) {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* --- Color & Background--- */

.text-black {
  color: black !important;
}

.bg-black {
  background: black !important;
}


/* ---layout--- */

.title {
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
}
.sub-title {
  font-size: 36px;
  line-height: 45px;
  font-weight: 700;
}

.fs-30 {
  font-size: 30px;
  line-height: 36.31px;
  font-weight: 500;
}

.fs-24 {
  font-size: 24px;
  line-height: 27.6px;
  font-weight: 500;
}


.fs-20 {
  font-size: 20px;
  line-height: 24.2px;
  font-weight: 500;
}

.short-desc {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

.md-desc {
  font-size: 16px;
  line-height: 23.64px;
  color: #555555;
}
.sm-desc {
  font-size: 14px;
  line-height: 16.94px;
  font-weight: 400;
  color: #555555;
}

.cardbtn {
  font-size: 16px !important;
}

.text-desc {
  color: #555555;
}

/* ---Background Image--- */
.background-img {
  position: relative;
}

.background-img .inner-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

/* ---Main Slider--- */
.slide-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.slide-inner.style-1 {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-height: 700px;
  background: #0000009e;
  background-blend-mode: overlay;
}

/*----------------------------------------*/
/*  02. Animation
/*----------------------------------------*/
.swiper-slide .slide-inner .slide-content {
  opacity: 0;
}

.paypal-button.paypal-button-color-blue {
  background: #e98b2a !important;
  color: #fff;
}

.swiper-slide.swiper-slide-active .slide-inner .slide-content {
  opacity: 1;
}

/* ---Slider Animation--- */
.animation-style-01.swiper-slide-active .slide-content .badges {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (max-width: 991px) {
  .animation-style-01.swiper-slide-active .slide-content .badges {
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
}

.animation-style-01.swiper-slide-active .slide-content .title {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (max-width: 991px) {
  .animation-style-01.swiper-slide-active .slide-content .title {
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
}

.animation-style-01.swiper-slide-active .slide-content p {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (max-width: 991px) {
  .animation-style-01.swiper-slide-active .slide-content p {
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
}

.animation-style-01.swiper-slide-active .slide-content .hero-form {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (max-width: 991px) {
  .animation-style-01.swiper-slide-active .slide-content .hero-form {
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
    -webkit-animation-delay: 2.5s;
            animation-delay: 2.5s;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
}

.animation-style-01.swiper-slide-active .inner-img {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (max-width: 991px) {
  .animation-style-01.swiper-slide-active .inner-img {
    -webkit-animation-name: zoomIn;
            animation-name: zoomIn;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
}


/* ---Custom Button--- */
.btn-custom-size {
  text-transform: capitalize;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.btn-lg {
  font-size: 18px;
  padding: 10px 30px;
  font-weight: 500;
}

.btn-md {
  font-size: 14px;
  padding: 10px 25px;
  font-weight: 500;
}

.btn-sm {
  font-size: 12px;
  padding: 5px 15px;
  font-weight: 500;
}


.btn-yellow {
  background-color: #f0b805;
  border-color: #f0b805;
  color: #023047;
}

.btn-yellow:hover {
  background-color: #023047;
  border-color: #023047;
  color: #ffffff;
  font-weight: 500;
}

.btn-white:hover {
  background-color: #f0b805;
  border-color: #f0b805;
  color: #000;
}

.btn-white-dark {
  background-color: #ffffff;
  color: #000;
}

.btn-white-dark:hover {
  background-color: #000;
  border-color: #000;
  color: #f0b805;
}



/* ---Image Zoom Effect--- */
/* .img-zoom-effects {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: block;
}

.img-zoom-effects img {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.img-zoom-effects:hover img {
  -webkit-transform: scale(1.06) rotate(1deg);
      -ms-transform: scale(1.06) rotate(1deg);
          transform: scale(1.06) rotate(1deg);
}

.img-hover-effects {
  position: relative;
}

.img-hover-effects:before {
  background: rgba(0, 0, 0, 0.2);
  bottom: 0;
  content: '';
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 0;
  pointer-events: none;
}

.img-hover-effects:after {
  background: rgba(0, 0, 0, 0.2);
  bottom: 50%;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0;
  pointer-events: none;
}

.img-hover-effects:hover:before {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 900ms ease-in;
  -o-transition: all 900ms ease-in;
  transition: all 900ms ease-in;
}

.img-hover-effects:hover:after {
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 900ms ease-in;
  -o-transition: all 900ms ease-in;
  transition: all 900ms ease-in;
} */

.img-hover-effect:before, .img-hover-effect:after {
  display: none;
}

/* ---Global Overlay--- */
.global-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  visibility: hidden;
}

.global-overlay.overlay-open {
  visibility: visible;
  cursor: pointer;
}

/*-- Scroll To Top --*/
.scroll-to-top {
  background-color: #cb2047;
  border-radius: 4px;
  color: rgb(255, 255, 255);
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 999;
  overflow: hidden;
  display: block;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  animation: 1s ease 0s 1 normal none running fadeOutDown;
}

.scroll-to-top:hover {
  background-color: #397455;
}

.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  -webkit-animation: fadeInUp 1s normal;
          animation: fadeInUp 1s normal;
}

.scroll-to-top i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #ffffff;
  display: inline-block;
}

/*----------------------------------------*/
/*  Header
/*----------------------------------------*/
/* ---Header Top--- */
.dropdown .btn-link {
  outline: 0;
  border: 0;
  text-decoration: none;
  color: inherit;
}

.header-logo img {
  filter: brightness(0) invert(1);
}

.dropdown .btn-link:focus {
  text-decoration: none;
}

.dropdown-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.dropdown-wrap > li .ht-btn {
  text-transform: uppercase;
  line-height: 47.5px;
  color: #fefefe;
  font-size: 14px;
  padding: 0;
}

.dropdown-wrap > li .ht-btn:after {
  font-family: FontAwesome;
  border: 0;
  content: '\f078';
  font-size: 10px;
}

.dropdown-wrap > li:not(:last-child) {
  margin-right: 15px;
}

.dropdown-menu {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  left: auto !important;
  right: 0 !important;
  visibility: hidden;
  border: 0;
  opacity: 0;
  display: block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-width: 7rem;
}

.dropdown-menu.show {
  -webkit-transform: translate(0, 0) !important;
      -ms-transform: translate(0, 0) !important;
          transform: translate(0, 0) !important;
  top: 100% !important;
  visibility: visible;
  opacity: 1;
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus {
  background-color: #f0b805;
  color: #ffffff;
}

.dropdown-menu li a {
  font-size: 14px;
  padding: 0.25rem 2rem;
}

.dropdown-left .dropdown-menu {
  left: 0 !important;
  right: auto;
}

.header-top {
  color: #fefefe;
  border-bottom: 1px solid #ffffff4f;
}

.header-top-left .pronia-offer {
  text-transform: uppercase;
  letter-spacing: 0.7px;
  font-size: 14px;
}

.header-top-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* ---Header Middle--- */
.header-middle-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* ---Header Contact--- */
.header-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-contact a {
  font-size: 16px;
  color: #fff;
  display: flex;
  align-items: center;
}

.header-contact a:hover, .top-menu a:hover {
  color: #f0b805;
}

.header-contact i {
  color: #fff;
  text-align: center;
  display: block;
  margin-right: 10px;
  font-size: 25px;
}

.social a {
  color: #fff;
}

.top-menu {
  display: flex;
  justify-content: end;
  gap: 40px;
  align-items: center;
}

.top-menu a {
  color: #fff;
  font-size: 16px;
}

.login i {
  font-size: 2rem !important;
}

/* ---Header Bottom--- */
.header-bottom {
  border-top: 1px solid #ffffff4f;
}

/* ---Main Header--- */
.main-nav > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-nav > ul > li {
  display: inline-block;
}

nav.main-nav ul {
  gap: 40px;
  display: flex;
  justify-content: end;
}

@media (max-width: 1199px) {
  .main-nav > ul > li:not(:last-child) {
    padding-right: 25px;
  }
}


.main-nav > ul > li > a {
  font-size: 16px;
  line-height: 27.6px;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: capitalize;
  position: relative;
  color: #fff;
}

.main-nav > ul > li:hover > a {
  color: #ffc800;
}

.main-nav > ul > li:hover > a:before {
  width: 100%;
}

.main-nav > ul > li:hover > .drop-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.main-nav > ul > li.user:hover > .drop-menu {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}

.main-nav > ul > li.user > .drop-menu.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}



/* ---Drop Menu--- */
.drop-holder {
  position: relative;
}

.drop-menu {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 100%;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 250px;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
  z-index: 2;
  -webkit-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  justify-content: start !important;
}

.drop-menu > li:not(:last-child) {
  padding-bottom: 0px;
}
/* 
.drop-menu a:hover {
  padding-left: 5px;
  color: #f0b805;
} */

.drop-menu > li > .drop-menu {
  top: 0;
  left: 100%;
}
.filtermenu 
 ul.drop-menu {
    padding: 0;
}

/* ---Sub Dropdown--- */
.sub-dropdown.drop-menu {
  top: 30px;
  left: auto;
  right: 100%;
}

.sub-dropdown-holder:hover .sub-dropdown.drop-menu {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.sub-dropdown-holder:hover > a {
  color: #f0b805;
}

.page-banner {
  padding-block: 50px;
}

/* ---Megamenu--- */
.megamenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 40px;
  height: 360px;
  overflow-y: auto;
}
.megamenu::-webkit-scrollbar, .sub-menu::-webkit-scrollbar {
  width: 10px;
}

.megamenu::-webkit-scrollbar-thumb, .sub-menu::-webkit-scrollbar-thumb {
  background: #cb2047;
  border-radius: 10px;
}

.megamenu::-webkit-scrollbar-track, .sub-menu::-webkit-scrollbar-track {
  background: #c3c3c3;
  border-radius: 10px;
}

.socail a {
  border: 0 !important;
}

.megamenu .title {
  text-transform: uppercase;
  margin-bottom: 25px;
  font-size: 18px;
  color: #383838;
  font-weight: 500;
  display: block;
}

.megamenu.drop-menu {
  left: auto;
  right: 0;
}

.megamenu.drop-menu > li {
  padding-bottom: 0;
}

.megamenu > li {
  width: 33.3333333333%;
}

.megamenu > li:not(:last-child) {
  border-right: 1px solid #e7e7e7;
  padding-right: 30px;
  margin-right: 30px;
}

.megamenu > li > ul li:not(:last-child) {
  padding-bottom: 20px;
}

.megamenu > li > ul li a {
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 14px;
}
.socail a:hover {
  background: transparent !important;
  border: 0 !important;
}
.socail i {
  font-size: 20px;
}


.dtlistgrp.homevv {
  margin-inline: 0 !important;
  margin-top: 10px;
}

/* ---Header Right--- */
.header-right > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.header-right > ul > li {
  position: relative;
  cursor: pointer;
}

.header-right > ul > li:not(:last-child) {
  padding-right: 15px;
}

.header-right > ul > li > a i {
  font-size: 23px;
  vertical-align: middle;
}

.header-right > ul > li > a i:before {
  font-weight: 500;
}

.header-right > ul > li.minicart-wrap {
  padding-right: 12px;
}

.header-right > ul > li .minicart-btn .quantity {
  background-color: #f0b805;
  border-radius: 100%;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: -5px;
  right: 0;
}

.header-right > ul .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header-right > ul .btn i {
  font-size: 24px;
}

.header-right > ul .btn:after {
  border: 0;
}


/* ---Header Logo--- */
.header-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  width: 280px;
  z-index: 9999;
  position: relative;
}

@media (max-width: 479px) {
  .header-logo {
    width: 160px;
}
}

.sticky {
  -webkit-animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  background-color: #cb2047;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
}

.sticky .header-logo-wrap {
  top: 0;
  height: 100%;
}

.main-nav > ul > li > a {
  padding-top: 25px;
  padding-bottom: 20px;
}




/*----------------------------------------*/
/*  05. Navigation
/*----------------------------------------*/
/* ---Swiper Arrow--- */
.swiper-button-next, .swiper-button-prev {
  background-color: #00000042;
  color: #ffffff;
  width: 34px;
  height: 34px;
  line-height: 40px;
  border-radius: 50%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.salitem .sail-image:hover a .swiper-button-next, .salitem .sail-image:hover a .swiper-button-prev {
  display: block;
  padding-left: 13px;
  line-height: 34px;
}
.swiper-button-next, .swiper-button-prev {
  display: none;
}
.swiper-pagination-bullet {
  margin-right: 4px;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 16px;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
  background-color: #cb2047;
  color: #ffffff;
}

.swiper-button-next {
  right: 10px;
}

.swiper-arrow:hover .swiper-button-next, .swiper-arrow:hover .swiper-button-prev {
  opacity: 1;
  visibility: visible;
}

.news-area.my-5 {
  margin-bottom: 90px !important;
}
.sailttl.text-left {
  margin-bottom: 4px;
}
h6.route > span {
  line-height: 18px;
}
li.page-item.active span.page-link {
  background: #cb2047;
  color: #fff !important;
}
/*----------------------------------------*/
/*  06. Offcanvas
/*----------------------------------------*/
.mobile-menu_wrapper .offcanvas-body,
.offcanvas-search_wrapper .offcanvas-body {
  background-color: #333333;
  position: fixed;
  top: 0;
  left: -350px;
  width: 350px;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  overflow: visible;
  overflow-x: hidden;
  height: 100%;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  padding: 0;
}

@media (max-width: 479px) {
  .mobile-menu_wrapper .offcanvas-body {
    width: 100%;
  }
}

.mobile-menu_wrapper .offcanvas-body .inner-body {
  padding: 50px 0;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 25px 30px;
  height: auto;
  border-bottom: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-top .button-close {
  font-size: 24px;
  color: #ffffff;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu > li {
  height: 100%;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu > li > a span {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li {
  position: relative;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li:not(:last-child) {
  padding-bottom: 25px;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li > .menu-expand {
  position: absolute;
  right: 0;
  top: 0px;
  width: 50px;
  height: 100%;
  line-height: 25px;
  cursor: pointer;
  text-align: center;
  margin-right: 4px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 20px;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li a {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  padding: 0 30px;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li a i {
  font-size: 24px;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li .sub-menu {
  background-color: rgba(255, 255, 255, 0.05);
  padding: 25px 0;
  margin: 20px 0 10px;
  height: 277px;
  overflow-y: auto;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li .sub-menu li a {
  text-transform: uppercase;
  font-size: 11px;
  color: #ffffff;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li .sub-menu li a span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li .sub-menu li.menu-open > a{
  color: #f0b805;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li .sub-menu li.menu-open > a > span > i:before {
  content: '\e682';
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li.menu-open > a {
  color: #f0b805;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li.menu-open > a > span > i:before {
  content: '\e682';
}

.mobile-menu_wrapper .offcanvas-body .inner-body .header-contact {
  padding-left: 30px;
  padding-right: 30px;
}

.mobile-menu_wrapper .offcanvas-body .inner-body .header-contact a {
  color: #ffffff;
}

.mobile-menu_wrapper.open .offcanvas-body {
  visibility: visible;
  left: 0;
  opacity: 1;
  z-index: 9999;
}


/* ---Offcanvas Search Area--- */
.modal-bg-dark {
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-bg-dark .btn-close {
  background-image: url("../images/offcanvas/close-white.svg");
}

.modal-header {
  border-bottom: 0;
}

.modal-header .btn-close {
  opacity: 1;
}

.modal-header .btn-close:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.modal-header .btn-close:hover {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.dir-list img {
  width: 50px;
  height: 50px;
  background: #e98b2a2b;
  border-radius: 50%;
  padding: 10px;
}

.dir-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.dir-list li {
  flex: 1 1 31%;
  max-width: 100%;
}

.dir-list li a {
  display: inline-flex;
  align-items: center;
}

.directory-tabs .nav-pills .nav-link.active, .directory-tabs .nav-pills .show>.nav-link {
  border: 1px solid #cb2047 !important;
}

.revpro {
  max-width: 100px;
}

.saildata a {
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.badge {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: 300;
  padding: 10px 20px;
  background: #000000ab;
  border-radius: 50px;
}
.dtlistgrp {
  background: #fff;
  border-radius: 10px;
  width: 95%;
  padding-inline: 0px;
  margin-block: 10px;
}

.dtlistgrp a {
  font-size: 12px;
}

.features-area-inner 
 .dtlistgrp .listinfoss {
    padding-inline: 15px;
}

.listitle h5 {
  font-size: 17px;
}

.category-area .cat-body img, .megamenu img, .sub-menu img {
  max-width: 40px;
  height: auto;
}

.category-area .cat-body h5 {
	/* overflow: hidden; */
	/* -webkit-line-clamp: 1; */
	/* display: -webkit-box; */
	/* -webkit-box-orient: vertical; */
	/* min-height: 42px; */
}

.detail-item img {
	width: 100%;  
	height: 122px;
	overflow: hidden;
	object-fit: cover;
}
.dtlistgrp .listinfoss {
  flex-wrap: wrap;
}

.sail-image img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.badge a {
  color: #fff;
}

/* rating css */
.rating-widget {
  max-width: 500px;
  text-align: center;
  margin: 0px auto;
}

.rating-widget .star-input {
  width: 0;
  height: 0;
  position: absolute;
  left: -5000px;
}
.rating-widget .star-input:checked + .star-input-label .orange {
  animation: enlarge 0.5s ease-in-out forwards;
}
.rating-widget .star-input:checked + .star-input-label:nth-of-type(2) .orange {
  animation-delay: 0.1s;
}
.rating-widget .star-input:checked + .star-input-label:nth-of-type(3) .orange {
  animation-delay: 0.2s;
}
.rating-widget .star-input:checked + .star-input-label:nth-of-type(4) .orange {
  animation-delay: 0.3s;
}
.rating-widget .star-input:checked + .star-input-label:nth-of-type(5) .orange {
  animation-delay: 0.4s;
}
.rating-widget .star-input-label {
  display: inline-block;
  padding: 8px;
  text-indent: -5000px;
  line-height: 0;
  color: #adadad;
  position: relative;
  cursor: pointer;
  margin: 0 3px;
  border: 1px solid;
  border-radius: 4px;
}

.rating-widget .star-input:checked + label {
  border-color: #ffa500;
  background: #ffa5001c;
}

.rating-widget .star-input-label:hover, .rating-widget .star-input-label.hovered {
  color: #ffa500;
}

.rvdata .form-control {
  background: #f0f0f0;
  border-color: #ebebeb;
}
.rating-widget .star-input-label i {
  display: block;
  font-size: 14px;
  line-height: 14px;
  text-indent: 0;
}
.rating-widget .star-input-label i.orange {
  position: absolute;
  display: block;
  padding: 8px 2px;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  color: orange;
  transform: scale(0);
}

@keyframes enlarge {
  0% {
    transform: scale(0);
  }
  70% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}

/*----------------------------------------*/
/*  custom css
/*----------------------------------------*/

.badges {
  color: #fff;
  padding: 10px 30px;
  margin-bottom: 20px;
  display: inline-flex;
  border-radius: 50px;
}

.section-title-wrap {
  margin-bottom: 30px;
}

.section-title {
  font-size: 36px;
  font-weight: 800;
  color: #0d233e;
}

.circle, .circle-white {
  position: relative;
  color: #fff;
  z-index: 99;
}

.circle:before, .circle-white:before {
  content: '';
  width: 62px;
  height: 62px;
  display: inline-block;
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  left: 1px;
  top: -8px;
  margin: auto;
}

.circle-white:before {
  background: #cb2047;
  color: #fff;
}
.circle:before {
  background: #cb2047;
}

.category-area .col {
  padding-inline: 10px;
}

.cat-card {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.cat-card:before {
  content: '';
  background: #E98B2A1c;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  bottom: -25px;
  right: -25px;
  position: absolute;
  transition: all 0.4s linear;
  opacity: 0;
}

/* .cat-card:hover:before {
  opacity: 1;
  width: 150%;
  height: 150%;
} */

.text-link:hover {
  color: #E98B2A !important;
  cursor: pointer;
}

.pribox {
  padding: 0px 20px;
  border-radius: 25px 0 0 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  right: -23px;
}
.tesbg {
  position: absolute;
  right: 0;
  width: 60%;
  top: 0;
  height: 100%;
}

.testimonial-area {
  position: relative;
}


.quoteicon {
  position: absolute;
  top: 30px;
  left: 230px;
}

.part-item {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-inner {
  background: #cb2047 url(/assets/images/newsbg.png);
  background-size: cover;
  height: 100%;
}

.clientslider {
  overflow: visible;
}

.testi-inner .swiper-button-next, .testi-inner .swiper-button-prev {
  position: absolute;
  top: -90px;
  visibility: visible;
  opacity: 1 !important;
  right: 0px;
  border-radius: 10px;
  background: #fff;
  color: #cb2047;
  font-weight: 900;
}

.testi-inner .swiper-button-prev {
  right: 70px !important;
  left: auto;
}

.footer-area {
  background: #000 url(/assets/images/absbg.jpg);
  background-size: cover;
  background-blend-mode: color-burn;
  background-repeat: no-repeat;
}



/* ---Social Link--- */
.social-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.social-link .title {
  font-size: 16px;
  display: block;
}

.social-link ul li {
  display: inline-block;
}

.social-link ul li:not(:last-child) {
  padding-right: 25px;
}

.social-link ul li a {
  font-size: 14px;
  display: block;
}

.social-link.with-border ul li:not(:last-child) {
  padding-right: 15px;
}

@media (max-width: 1199px) {
  .social-link.with-border ul li:not(:last-child) {
    padding-right: 10px;
  }

  .salist li {
    max-width: 50% !important;
    flex: 1 1 48% !important;
  }
  
}
@media (min-width: 1100px) {
.dtlistgrp.homevv {
  width: 150%;
}
}
.social-link.with-border ul li a {
  border: 1px solid #cb2047;
  color: #ffffff;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #cb2047;
}

.social-link.with-border ul li a:hover {
  background-color: #E98B2A;
  border-color: #E98B2A;
  color: #fff;
}

.social-link.with-border ul li a:hover i {
  color: #fff;
}

/*----------------------------------------*/
/*  11. Footer
/*----------------------------------------*/
.footer-widget-item .social-link ul li a {
  border-color: #f0b805;
  color: #f0b805;
  border-radius: 0;
}

.footer-widget-logo {
  padding-bottom: 5px;
}

.footer-widget-title {
  color: #ffffff !important;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 40px;
  font-family: inter !IMPORTANT;
}

.footer-widget-desc {
  margin-bottom: 35px;
  line-height: 27px;
  color: #000000;
}


.social a {
  width: 25px;
  height: 25px;
  background: #f0b805;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #000;
}

.footer-widget-list-item > li:not(:last-child) {
  padding-bottom: 15px;
}

.footer-widget-list-item > li a {
  color: #ffffff91;
  font-weight: 300;
  align-items: center;
}

.footer-widget-list-item > li a:hover {
  color: #E98B2A;
}

.footer-contact-info .footer-widget-title {
  margin-bottom: 5px;
}



/* ---Copyright--- */
.copyright {
  padding-top: 35px;
  padding-bottom: 35px;
  border-top: 1px solid;
  margin-top: 50px;
}

.copyright * {
  color: #ffffff91;
  font-weight: 300;
}

.copyright-text {
  text-transform: capitalize;
}

.rounded-3b {
  border-radius: 0 0 15px 15px;
}

.price-list li {
  background: #e98b2a0a;
  border-bottom: 1px solid #e98b2a26;
  padding-block: 10px;
}

.price-list li {
  font-size: 14px;
  font-weight: 500;
}

.megamenu a:hover {
  background: #fff !important;
}

ul.addname {
  margin-top: 46px;
}
ul.addname li {
	height: 44px;
	display: flex;
	width: 100%;
	align-items: center;
}
ul.add-list {
  background: #cb20470f;
}

.stpns img {
  z-index: 2;
  position: relative;
}

ul.add-list li {
  border: 1px solid #cb20472b;
}

.num {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 100px;
  font-weight: 700;
  color: #ddd;
  isolation: isolate;
  z-index: 0;
  margin: auto;
  left: 0;
}

/*----------------------------------------*/
/*  21. Breadcrumb
/*----------------------------------------*/
.breadcrumb-height {
  height: 250px;
  position: relative;
  display: flex;
  align-items: center;
}

.breadcrumb-area.overlay {
  background: #00000061;
  background-blend-mode: overlay;
  background-position: 100% -39%;
  background-repeat: no-repeat !important;
}

.sailrs {
  background-position: 100% -100% !important;
}

.breadcrumb-heading {
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 700;
}

.breadcon {
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.with-map:before {
  content: '';
  background: linear-gradient(-90deg, rgba(194,2,11,0) 0%, rgb(0 0 0 / 38%) 100%) !important;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

@media (max-width: 479px) {
  .breadcrumb-heading {
    font-size: 20px;
}
}

.breadcrumb-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: start;
  height: 100%;
  z-index: 9;
  position: relative;
}
.breadcrumb-item ul li {
  display: inline-block;
  line-height: 30px;
  font-size: 14px;
}

.breadcrumb-item ul li:not(:last-child) a {
  position: relative;
  padding-right: 25px;
  margin-right: 10px;
  color: #cb2047;
}

.breadcrumb-area.overlay .breadcrumb-item ul li:not(:last-child) a {
  color: #fff;
}

.breadcrumb-area.overlay .breadcrumb-item ul li:not(:last-child) a:before {
  background-color: #ffffff;
}



.with-map .breadcrumb-item ul li:not(:last-child) a, .newbread ul li:not(:last-child) a  {
  color: #ffffff;
}

.with-map .breadcrumb-item ul li:not(:last-child) a:before, .newbread .breadcrumb-item ul li:not(:last-child) a:before {
  background-color: #fff;
}

.breadcrumb-item ul li:not(:last-child) a:before {
  background-color: #cb2047;
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.breadcrumb-item ul li i {
  font-size: 16px;
  vertical-align: middle;
}

.filter-wrap {
  padding: 40px 30px 40px 30px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background: #ededed;
  margin-top: -40px;
}

.filter-area {
  position: relative;
  z-index: 2;
}

.nice-select, .form-control-lg {
  height: auto;
  line-height: 30px;
}

input::placeholder {
  font-size: 15px;
  font-weight: 400;
}

.like {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #00000061;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  color: #fff;
}


.list-item:hover {
  border-color: #cb2047;
  cursor: pointer;
  transition: all 0.5s linear;
}

body .pagination .page-link {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination .page-item.active .page-link {
  border-radius: 0;
}

body .pagination .page-link:hover {
  background: #cb2047;
  color: #fff;
}

.category-left {
  background: #89898929;
  padding: 15px;
  border-radius: 10px;
}

.info-title h4::after {
  content: "";
  width: 43px;
  height: 1px;
  background: linear-gradient(90deg, #13141A 0%, rgba(19, 20, 26, 0) 100%);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -53px;
}

.details-tabs .nav-link {
  color: #333;
  padding: 0;
  border: 0;
}

.details-tabs .nav-link.active, .details-tabs .show>.nav-link, .details-tabs .nav-link:hover {
  color: #cb2047;
  background-color: transparent;
  border-bottom: 2px solid;
  border-radius: 0;
}

.listinfos a {
  font-size: 13px;
  font-weight: 500;
}

.fs13 {
  font-size: 13px;
  font-weight: 500;
}

.fs11 {
  font-size: 11px;
  font-weight: 500;
}

.category-area h5 {
  font-size: 15px;
  padding-inline: 10px;
}

.latest-area 
 .circle-white::before {
    left: -8px !important;
}

.bg-primary-10 {
  background: #cb204726;
}

.bg-opacity-10 {
  background: #00000014;
}

.bg-danger-10 {
  background-color: hsl(30deg 81% 54% / 10%) !important;
}

.bg-danger-50 {
  background-color: hsl(30deg 81% 54% / 50%)  !important;
  border: hsl(30deg 81% 54% / 50%) !important;
}


.worklist li {
  flex: 1 1 25%;
  max-width: 25%;
  font-size: 14px;
}

.featd {
  position: absolute;
  top: 10px;
  z-index: 9;
  left: 10px;
}

ul.salist {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.salist li {
  display: inline-flex;
  max-width: 35%;
  flex: 1 1 35%;
}

.coninfo a {
  display: inline-flex;
}

.coninfo a {
  font-size: 14px;
  font-weight: 400;
}

.sticky-top {
  top: 300px;
}


.checkwrap {
  margin-top: 6rem;
}

.quantity .cart-plus-minus {
  position: relative;
  width: 50px;
  text-align: left;
  margin-left: auto;
}

.quantity .cart-plus-minus .cart-plus-minus-box {
  border: 1px solid #000;
  color: #000;
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.quantity .cart-plus-minus .qtybutton {
  cursor: pointer;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 10px;
  color: inherit;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000000;
}

.quantity .cart-plus-minus .qtybutton.dec {
  left: -18px;
}

.quantity .cart-plus-minus .qtybutton.inc {
  left: auto;
  right: 5px;
}

.checkbx 
 ul.dropdown-menu.show {
    position: relative !important;
}

.checkbx 
 .dropdown {
    border: 1px solid #cb2047;
    padding: 10px;
    border-radius: 5px;
}

.merchant-item {
  height: 170px;
  background: #0000008a;
  background-blend-mode: overlay !important;
  display: flex;
  align-items: end;
}

.nice-select .list {
  white-space: pre-wrap;
}

.nice-select .option {
  line-height: 30px;
}

.filtermenu > ul {
  display: flex;
  gap: 10px;
}

.filtermenu > ul > li > a {
  background: #e98b2a;
  padding: 5px 20px !important;
  border-radius: 5px;
  font-size: 14px;
}

.filtermenu .drop-menu > li a {
  background: #e9e9e9;
  padding: 7px 10px;
  display: inline-block;
  width: 100%;
  font-size: 12px;
  border-bottom: 1px solid #cdcdcd;
}

.filtermenu.main-nav {
  margin-top: -30px;
}

.listinfos a {
  background: #cb20472e;
  padding: 5px 10px;
  border-radius: 25px;
}

/* .coninfo a {
  padding: 5px 10px;
} */

.sale-img {
  max-width: 25%;
}

.list-cat-slider .detail-item, .list-cat-img {
  background: #047e6c1f;
  height: 80px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.merlist a {
  background: #e98b2a;
  padding: 3px 12px;
  font-size: 12px;
  border-radius: 25px;
  color: #fff;
}

.marlist_area 
 li.option {
    font-size: 13px;
    line-height: 20px;
    min-height: 30px !important;
}

.dir .list-item {
  min-height: 260px;
  background: #f3f3f3;
  width: 50%;
}
.col-md-12.max-widhtss {
	max-width: 430px;
	margin: 0px auto;
}
.details-area.dir > div {
  justify-content: center !important;
}

.latest-area .salitem {
  height: 100%;
}

.stars-group i {
  color: #e98b2a;
  font-size: 12px;
}

.details-area .dtlistgrp {
  width: 151% !important;
  top: 0px !important;
  position: relative;
}

.stars-group {
  margin: 5px 0;
}

.dir .detail-item img {
  height: 110px;
  object-fit: contain;
}

.detail-slider .swiper-pagination-bullets {
  bottom: -30px !important;
}

.detail-slider .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #cb2047 !important;
  opacity: 1;
}

.detail-slider {
  overflow: visible !important;
}

.selling-inner {
  height: 223px;
}

.selling-inner img {
  height: 100%;
  object-fit: cover;
  width: 100% !important;
  border: 1px solid #ddd;
}

.selling-galley > a > img {
  border: 1px solid #ddd;
  width: 100%;
  height: 100% !important;
}

.selling-galley {
  height: 100% !important;
}

.features-area 
 .list-item .col-sm-4 {
    overflow: hidden;
}
.rese_bord {
  border-bottom: 1px solid black;
  padding: 20px 0px 40px 0px;
  border-top: 1px solid black;
}

.delsevimg {
  align-items: center;
}

.connect .card:before {
  content: '';
  position: absolute;
  width: 120%;
  left: -26px;
  background: #cb2047;;
  height: 110px;
  top: -50px;
}

.gallerywrap .delsevimg img {
  height: 100px;
  width: 100%;
}
.cont-bord {
  border: 1px solid #cb2047;
}
.profil {
  margin-top: -30px;
  position: relative;
  z-index: 90;
}

.review-overall i, .score i {
  font-size: 12px;
  color: #e98b2a;
}

.review-overall {
  display: flex;
  gap: 10px;
  font-size: 14px;
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: center;
}
.review {
  background: #cb2047;
  padding: 6px 14px;
  border-radius: 6px;
}
.reviewwrap h2 {
  font-size: 20px;
}

.sale-img img {
  height: 90px;
  object-fit: cover;
}

.dirddl {
  width: 98%;
}

.breadcon {
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body .contact-list i {
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #e98b2a;
  border-radius: 50%;
  margin-right: 10px;
}

body .contact-list a {
  color: #fff;
}

.card-header {
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.dtlistgrp .listinfoss {
  overflow: hidden;
}

/* Inner Pages css End */

@media (min-width: 1441px) {
  .main-nav > ul > li > a {
    font-size: 14px;
  }

  nav.main-nav ul {
    gap: 18px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.dtlistgrp {
  width: 134% !important;
}


}


@media (min-width: 768px) {
  .features-area .circle:before {
    background: #cb2047;
    left: -10px;
  }

}

@media (max-width: 991px) {
  .news-area button {
    width: 100%;
}

  .footer-widget-title {
    margin-bottom: 20px;
    margin-top: 30px;
  }

  .cash-img {
    margin-bottom: 40px;
  }

  .title {
    font-size: 35px;
    line-height: 45px;
}

.top-menu {
  gap: 0;
  margin-right: auto;
}

.hero-form {
  z-index: 9;
  position: relative;
}

.dtlistgrp > div {
  flex-wrap: wrap;
}

.btn-lg {
  font-size: 16px;
}

.dir-list li {
  flex: 1 1 48%;
}

.dirdesc {
  height: auto;
}

}



@media (max-width: 767px) {
  .title {
    font-size: 30px;
    line-height: 40px;
}

.dtlistgrp {
  width: 100% !important;
  margin-bottom: 30px;
}

.worklist li {
  flex: 1 1 50%;
  max-width: 50%;
}

.directory-tabs .nav-pills .nav-link {
  font-size: 12px;
}

.dir-list ul {
  flex-direction: column;
}

.dir .list-item {
  max-width: 100%;
  width: 100%;
}

.details-area .dtlistgrp {
  width: 100% !important;
  top: 0 !important;
  border-radius: 10px;
}

.features-area .details-wrap {
  overflow: hidden;
}

.main-slider .bg-light {
  padding-block: 60px;
}

.circle:before, .circle-white:before {
  width: 44px;
  height: 44px;
  left: 0;
  top: -6px;
}

.top-menu a {
  font-size: 12px;
}

.header-logo small {
  font-size: 9px;
}

.about-content {
  padding-top: 50px;
}

.section-title {
  font-size: 24px;
  font-weight: 500;
}

.row {
  margin-inline: 0;
}



.featwrapimg {
  display: flex;
  gap: 20px;
}

.featured-img-area {
  margin-bottom: 30px;
  padding: 0;
}

.pribox {
  right: -13px;
}

.detbody > p {
  font-size: 12px;
}

.features-area .row.gx-sm-5.gy-3 .col-md-9, .features-area .row.gx-sm-5.gy-3 .col-md-3 {
  padding: 0;
}

.btn-md {
  font-size: 11px;
  padding: 3px 6px;
}



.btn-lg {
  font-size: 16px;
  padding: 10px 20px;
  font-weight: 500;
}

.latest-area .circle-white:before {
  left: -4px;
}

.clientslider {
  overflow: hidden;
}

section.sail-wrap {
  padding-bottom: 0;
}

.salist li {
  max-width: 100%;
  flex: 1 1 100%;
}

.filter-wrap {
  padding: 20px 10px 20px 10px;
}

.newbread  .breadcrumb-item {
  align-items: center;
}

.features-area .list-item {
  flex-direction: column-reverse !important;
}

.breadcrumb-item ul.ms-auto {
  margin: auto;
}

.hgh .circle::before {
  left: -7px !important;
}

.category-area  .circle {
  margin-right: 6px;
}

.recmbtn {
  text-align: start !important;
}

.detail-item {
  margin-right: auto !important;
  display: table;
}

.dir .detail-item img {
  height: 100px;
  object-fit: contain;
  margin-bottom: 20px;
}

.category-area .cat-body > a {
  flex-direction: column;
  text-align: center;
  gap: 10px;
}

.dir.list-item {
  flex-direction: column-reverse !important;
}
  

.newsimg {
  margin-bottom: 20px;
}

.breadcrumb-height {
  height: 160px;
}

.marlist_area  .fs-24 {
  font-size: 19px;
}

.recbm {
  background: #ffedf1 !IMPORTANT;
}

}
.social-links.with-border ul li a {
  border: 1px solid #cb2047;
  color: #ffffff;
  border-radius: 100%;
  width: 24px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #cb2047;
}
.social-links.with-border ul li a:hover {
  background-color: #E98B2A;
  border-color: #E98B2A;
  color: #fff;
  }

  .social-links.with-border ul li a:hover i {
  color: #fff;
  }
  ul.socail {
display: inline-flex;
}