/******************************************************************
Template Name: Ashion
Description: Ashion ecommerce template
Version: 1.0
******************************************************************/
/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Categories Section
5.  Product Section
6.  Banner Section
7.  Countdown Section
8.  Instagram
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/
/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/
html,
body {
  min-height: 100%;
  font-family: "Montserrat", sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #111111;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

h1 {
  font-size: 70px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: #666666;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 15px 0;
}

img {
  max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
  outline: none;
}

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

ul,
ol {
  padding: 0;
  margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/
.section-title {
  margin-bottom: 45px;
}
.section-title h4 {
  color: #001a3e;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}
.section-title h4:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 70px;
  background: #002b66;
  content: "";
}

.set-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.spad {
  padding-top: 100px;
  padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #fff;
}

/* buttons */
.primary-btn {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px 30px 10px;
  color: #ffffff;
  background: #002b66;
}

.site-btn {
  font-size: 14px;
  color: #ffffff;
  background: #002b66;
  font-weight: 600;
  border: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 12px 30px;
  border-radius: 50px;
}

/* Preloder */
#preloder {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #ffffff;
}

.loader {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  border-radius: 60px;
  animation: loader 0.8s linear infinite;
  -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}
.spacial-controls {
  position: fixed;
  width: 111px;
  height: 91px;
  top: 0;
  right: 0;
  z-index: 999;
}

.spacial-controls .search-switch {
  display: block;
  height: 100%;
  padding-top: 30px;
  background: #323232;
  text-align: center;
  cursor: pointer;
}

.search-model {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #ffffff;
  z-index: 99999;
}

.search-model-form {
  padding: 0 15px;
}

.search-model-form input {
  width: 500px;
  font-size: 40px;
  border: none;
  border-bottom: 2px solid #dddddd;
  background: 0 0;
  color: #999;
}

.search-close-switch {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #333;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 28px;
  line-height: 28px;
  top: 30px;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*---------------------
  Header
-----------------------*/
body {
  padding-top: 75px;
}

.header {
  background: #ffffff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.header.sticky-header {
  background: rgba(255, 255, 255, 0.98);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
}
.header.sticky-header .header__logo {
  padding: 12px 0;
}
.header.sticky-header .header__menu {
  padding: 16px 0 14px;
}
.header.sticky-header .header__right {
  padding: 16px 0 14px;
}

.header__logo {
  padding: 20px 0;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.header__logo a {
  display: inline-block;
}

.header__menu {
  padding: 22px 0 20px;
  text-align: center;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.header__menu ul {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.header__menu ul li {
  list-style: none;
  display: inline-block;
  margin-right: 24px;
  position: relative;
  white-space: nowrap;
}
.header__menu ul li.active a:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.header__menu ul li:hover a:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.header__menu ul li:hover .dropdown {
  top: 27px;
  opacity: 1;
  visibility: visible;
}
.header__menu ul li:last-child {
  margin-right: 0;
}
.header__menu ul li .dropdown {
  position: absolute;
  left: 0;
  top: 50px;
  width: 170px;
  background: #001a3e;
  text-align: left;
  padding: 4px 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.header__menu ul li .dropdown li {
  display: block;
  margin-right: 0;
}
.header__menu ul li .dropdown li a {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
  padding: 8px 20px;
  text-transform: capitalize;
}
.header__menu ul li .dropdown li a:hover {
  color: #002b66;
}
.header__menu ul li .dropdown li a:after {
  display: none;
}
.header__menu ul li a {
  font-size: 15px;
  text-transform: uppercase;
  color: #001a3e;
  font-weight: 500;
  display: block;
  padding: 2px 0;
  position: relative;
}
.header__menu ul li a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #002b66;
  content: "";
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.header__right {
  text-align: right;
  padding: 22px 0 20px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.header__right__widget {
  display: inline-block;
}
.header__right__widget li {
  list-style: none;
  display: inline-block;
  font-size: 18px;
  color: #001a3e;
  margin-right: 25px;
  cursor: pointer;
}
.header__right__widget li:last-child {
  margin-right: 0;
}
.header__right__widget li .search-switch {
  font-size: 18px;
  color: #001a3e;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.header__right__widget li .search-switch:hover {
  color: #002b66;
}
.header__right__widget li a {
  font-size: 18px;
  color: #001a3e;
  position: relative;
  display: inline-block;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.header__right__widget li a:hover {
  color: #002b66;
}
.header__right__widget li a .tip {
  position: absolute;
  right: -10px;
  top: -10px;
  height: 18px;
  width: 18px;
  background: #ff6b00;
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(255, 107, 0, 0.4);
}

.offcanvas-menu-wrapper {
  display: none;
}

.canvas__open {
  display: none;
}

/*---------------------
  Hero Slider Section
-----------------------*/
.hero {
  padding: 0;
  overflow: hidden;
  position: relative;
}

.hero__slider.owl-carousel .owl-stage-outer {
  overflow: visible;
}
.hero__slider.owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  background: #ffffff;
  border-radius: 50%;
  color: #001a3e;
  font-size: 24px;
  line-height: 46px;
  text-align: center;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
  z-index: 10;
  opacity: 0.85;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.hero__slider.owl-carousel .owl-nav button:hover {
  background: #002b66;
  color: #ffffff;
  opacity: 1;
  box-shadow: 0 6px 20px rgba(0, 43, 102, 0.35);
}
.hero__slider.owl-carousel .owl-nav button.owl-prev {
  left: 30px;
}
.hero__slider.owl-carousel .owl-nav button.owl-next {
  right: 30px;
}
.hero__slider.owl-carousel .owl-dots {
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}
.hero__slider.owl-carousel .owl-dots button {
  height: 10px;
  width: 10px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  margin: 0 5px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.hero__slider.owl-carousel .owl-dots button.active {
  width: 28px;
  border-radius: 10px;
  background: #002b66;
}

.hero__item {
  height: 580px;
  position: relative;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
}
.hero__item::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0.1) 100%);
}
.hero__item .container {
  position: relative;
  z-index: 2;
}

.hero__text {
  max-width: 580px;
}
.hero__text .hero__tag {
  font-size: 13px;
  font-weight: 700;
  color: #002b66;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline-block;
  margin-bottom: 12px;
  background: rgba(0, 43, 102, 0.08);
  padding: 4px 14px;
  border-radius: 20px;
}
.hero__text h1 {
  font-size: 78px;
  color: #001a3e;
  font-family: "Cookie", cursive;
  line-height: 1.1;
  margin-bottom: 15px;
}
.hero__text p {
  font-size: 15px;
  color: #555555;
  line-height: 25px;
  margin-bottom: 30px;
}
.hero__text .primary-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 14px 34px;
  color: #ffffff;
  background: #002b66;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  border-radius: 30px;
  box-shadow: 0 6px 20px rgba(0, 43, 102, 0.3);
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.hero__text .primary-btn i {
  margin-left: 8px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.hero__text .primary-btn:hover {
  background: #ff6b00;
  box-shadow: 0 8px 25px rgba(255, 107, 0, 0.45);
  transform: translateY(-2px);
}
.hero__text .primary-btn:hover i {
  transform: translateX(4px);
}

/*---------------------
  Banner Slider Section
-----------------------*/
.banner {
  padding: 0;
  overflow: hidden;
  position: relative;
}

.banner__item {
  height: 480px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
.banner__item::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(255, 255, 255, 0.72);
}
.banner__item .container {
  position: relative;
  z-index: 2;
}

.banner__text {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}
.banner__text span {
  font-size: 14px;
  color: #002b66;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  display: inline-block;
  margin-bottom: 10px;
}
.banner__text h1 {
  font-size: 72px;
  color: #001a3e;
  font-family: "Cookie", cursive;
  margin-bottom: 15px;
  line-height: 1.1;
}
.banner__text p {
  font-size: 15px;
  color: #444444;
  line-height: 24px;
  margin-bottom: 25px;
}
.banner__text a {
  font-size: 14px;
  color: #001a3e;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  padding: 0 0 4px;
  display: inline-block;
  letter-spacing: 1px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.banner__text a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #002b66;
  content: "";
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.banner__text a:hover {
  color: #002b66;
}
.banner__text a:hover:after {
  width: 100%;
  background: #002b66;
}

.banner__slider.owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: #ffffff;
  border-radius: 50%;
  color: #001a3e;
  font-size: 22px;
  line-height: 44px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
  z-index: 10;
  opacity: 0.85;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.banner__slider.owl-carousel .owl-nav button:hover {
  background: #002b66;
  color: #ffffff;
  opacity: 1;
}
.banner__slider.owl-carousel .owl-nav button.owl-prev {
  left: 25px;
}
.banner__slider.owl-carousel .owl-nav button.owl-next {
  right: 25px;
}
.banner__slider.owl-carousel .owl-dots {
  position: absolute;
  left: 0;
  bottom: 25px;
  width: 100%;
  text-align: center;
  z-index: 10;
}
.banner__slider.owl-carousel .owl-dots button {
  height: 10px;
  width: 10px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  margin: 0 5px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.banner__slider.owl-carousel .owl-dots button.active {
  width: 26px;
  border-radius: 10px;
  background: #002b66;
}

/*---------------------
  Trend Section
-----------------------*/
.trend {
  padding-top: 80px;
  padding-bottom: 50px;
}

.trend__content .section-title h4 {
  font-size: 22px;
  font-weight: 700;
}
.trend__content .section-title h4:after {
  bottom: -6px;
}

.trend__item {
  display: flex;
  align-items: center;
  padding: 14px;
  margin-bottom: 20px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #eaeaea;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  -webkit-transition: all, 0.35s ease;
  -moz-transition: all, 0.35s ease;
  -ms-transition: all, 0.35s ease;
  -o-transition: all, 0.35s ease;
  transition: all, 0.35s ease;
}
.trend__item:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  border-color: transparent;
}
.trend__item:hover .trend__item__pic img {
  transform: scale(1.08);
}
.trend__item:hover .trend__item__text h6 a {
  color: #002b66;
}

.trend__item__pic {
  width: 85px;
  height: 85px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 18px;
}
.trend__item__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: transform, 0.4s ease;
  -moz-transition: transform, 0.4s ease;
  -ms-transition: transform, 0.4s ease;
  -o-transition: transform, 0.4s ease;
  transition: transform, 0.4s ease;
}

.trend__item__text {
  flex-grow: 1;
}
.trend__item__text h6 {
  margin-bottom: 4px;
}
.trend__item__text h6 a {
  font-size: 14px;
  font-weight: 600;
  color: #001a3e;
  line-height: 1.3;
  -webkit-transition: color, 0.3s ease;
  -moz-transition: color, 0.3s ease;
  -ms-transition: color, 0.3s ease;
  -o-transition: color, 0.3s ease;
  transition: color, 0.3s ease;
}
.trend__item__text .rating {
  line-height: 18px;
  margin-bottom: 4px;
}
.trend__item__text .rating i {
  font-size: 11px;
  color: #f39c12;
  margin-right: -2px;
}
.trend__item__text .rating i:last-child {
  margin-right: 0;
}
.trend__item__text .product__price {
  color: #001a3e;
  font-weight: 700;
  font-size: 15px;
}
.trend__item__text .product__price span {
  font-size: 12px;
  color: #a0a0a0;
  font-weight: 400;
  text-decoration: line-through;
  margin-left: 6px;
}

/*---------------------
  Discount Section
-----------------------*/
.discount {
  overflow: hidden;
}

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

.discount__text {
  background: linear-gradient(135deg, #fbfbfb 0%, #f4f4f4 100%);
  padding: 65px 60px;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.discount__text a {
  font-size: 13px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.5px;
  padding: 13px 34px;
  background: #002b66;
  border-radius: 30px;
  display: inline-block;
  box-shadow: 0 5px 18px rgba(0, 43, 102, 0.3);
  margin-top: 15px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.discount__text a:hover {
  background: #ff6b00;
  box-shadow: 0 8px 25px rgba(255, 107, 0, 0.45);
  transform: translateY(-2px);
  color: #ffffff;
}

.discount__text__title {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 35px;
}
.discount__text__title span {
  font-size: 13px;
  color: #002b66;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 5px;
}
.discount__text__title h2 {
  font-size: 64px;
  color: #001a3e;
  font-family: "Cookie", cursive;
  line-height: 1.1;
  margin-bottom: 8px;
}
.discount__text__title h5 {
  color: #001a3e;
  font-weight: 700;
  font-size: 16px;
}
.discount__text__title h5 span {
  color: #002b66;
  font-size: 20px;
  font-weight: 800;
}

.discount__countdown {
  text-align: center;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 12px;
}

.countdown__item {
  background: #ffffff;
  border-radius: 14px;
  padding: 14px 10px;
  min-width: 75px;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.06);
  border: 1px solid #eaeaea;
  text-align: center;
}
.countdown__item span {
  font-size: 28px;
  font-weight: 800;
  color: #002b66;
  display: block;
  line-height: 1;
  margin-bottom: 4px;
}
.countdown__item p {
  font-size: 11px;
  color: #666666;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}

/*---------------------
  Services Section
-----------------------*/
.services {
  padding-top: 80px;
  padding-bottom: 50px;
}

.services__item {
  text-align: center;
  padding: 35px 20px;
  margin-bottom: 30px;
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #eaeaea;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);
  -webkit-transition: all, 0.35s ease;
  -moz-transition: all, 0.35s ease;
  -ms-transition: all, 0.35s ease;
  -o-transition: all, 0.35s ease;
  transition: all, 0.35s ease;
}
.services__item:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
  border-color: transparent;
}
.services__item:hover i {
  background: #002b66;
  color: #ffffff;
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(0, 43, 102, 0.35);
}
.services__item i {
  font-size: 28px;
  color: #002b66;
  background: rgba(0, 43, 102, 0.08);
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 18px;
  -webkit-transition: all, 0.3s ease;
  -moz-transition: all, 0.3s ease;
  -ms-transition: all, 0.3s ease;
  -o-transition: all, 0.3s ease;
  transition: all, 0.3s ease;
}
.services__item h6 {
  color: #001a3e;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 6px;
}
.services__item p {
  font-size: 13px;
  color: #777777;
  margin-bottom: 0;
}

/*---------------------
  Instagram Section
-----------------------*/
.instagram__item {
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 15px;
}
.instagram__item:hover:after {
  opacity: 0.88;
}
.instagram__item:hover .instagram__text {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.instagram__item:hover .instagram__text i {
  transform: scale(1.1);
}
.instagram__item:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #002b66;
  content: "";
  opacity: 0;
  z-index: 1;
  -webkit-transition: all, 0.35s ease;
  -moz-transition: all, 0.35s ease;
  -ms-transition: all, 0.35s ease;
  -o-transition: all, 0.35s ease;
  transition: all, 0.35s ease;
}

.instagram__text {
  text-align: center;
  opacity: 0;
  visibility: hidden;
  position: relative;
  z-index: 2;
  transform: translateY(10px);
  -webkit-transition: all, 0.35s ease;
  -moz-transition: all, 0.35s ease;
  -ms-transition: all, 0.35s ease;
  -o-transition: all, 0.35s ease;
  transition: all, 0.35s ease;
}
.instagram__text i {
  font-size: 36px;
  color: #ffffff;
  display: block;
  margin-bottom: 8px;
  -webkit-transition: transform, 0.3s ease;
  -moz-transition: transform, 0.3s ease;
  -ms-transition: transform, 0.3s ease;
  -o-transition: transform, 0.3s ease;
  transition: transform, 0.3s ease;
}
.instagram__text a {
  font-size: 15px;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 1px;
  display: block;
}

/*---------------------
  Footer
-----------------------*/
.footer {
  padding-top: 55px;
}

.footer__about {
  margin-bottom: 30px;
}
.footer__about p {
  margin-bottom: 20px;
}

.footer__logo {
  margin-bottom: 20px;
}

.footer__payment a {
  margin-right: 6px;
  margin-bottom: 10px;
  display: inline-block;
}
.footer__payment a:last-child {
  margin-right: 0;
}

.footer__widget {
  margin-bottom: 30px;
}
.footer__widget h6 {
  color: #001a3e;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.footer__widget ul li {
  list-style: none;
}
.footer__widget ul li a {
  font-size: 14px;
  color: #666666;
  line-height: 30px;
}

.footer__newslatter {
  margin-bottom: 30px;
}
.footer__newslatter h6 {
  color: #001a3e;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.footer__newslatter form {
  position: relative;
  margin-bottom: 30px;
}
.footer__newslatter form input {
  height: 52px;
  width: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 50px;
  padding-left: 30px;
  font-size: 14px;
  color: #666666;
}
.footer__newslatter form input::placeholder {
  color: #666666;
}
.footer__newslatter form button {
  position: absolute;
  right: 4px;
  top: 4px;
}

.footer__social a {
  display: inline-block;
  height: 40px;
  width: 40px;
  background: #e1e1e1;
  font-size: 15px;
  color: #001a3e;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  margin-right: 6px;
  margin-bottom: 5px;
}
.footer__social a:last-child {
  margin-right: 0;
}

.footer__copyright__text {
  border-top: 1px solid #e1e1e1;
  padding: 18px 0 25px;
  text-align: center;
  margin-top: 35px;
}
.footer__copyright__text p {
  margin-bottom: 0;
}
.footer__copyright__text a {
  color: #5C5C5C;
}
.footer__copyright__text i {
  color: #002b66;
}
.footer__copyright__text a:hover {
  color: #002b66;
}

/*---------------------
  Breadcrumb
-----------------------*/
.breadcrumb-option {
  padding-top: 35px;
}

.breadcrumb__links a {
  font-size: 15px;
  font-weight: 500;
  color: #001a3e;
  margin-right: 18px;
  display: inline-block;
  position: relative;
}
.breadcrumb__links a:after {
  position: absolute;
  right: -14px;
  top: 0;
  content: "\f105";
  font-family: "FontAwesome";
}
.breadcrumb__links a i {
  margin-right: 5px;
}
.breadcrumb__links span {
  font-size: 15px;
  font-weight: 500;
  color: #888888;
  display: inline-block;
}

/*---------------------
  Category Circle Showcase
-----------------------*/
.category-circle-section {
  padding-top: 60px;
  padding-bottom: 45px;
  background: #fafafa;
}

.category-circle-row {
  margin-top: 35px;
}

.category-circle-item {
  display: block;
  margin-bottom: 25px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.category-circle-item:hover .category-circle__img-wrap {
  border-color: #002b66;
  box-shadow: 0 8px 25px rgba(0, 43, 102, 0.25);
  transform: translateY(-5px);
}
.category-circle-item:hover .category-circle__img-wrap .category-circle__img {
  transform: scale(1.12);
}
.category-circle-item:hover .category-circle__text h6 {
  color: #002b66;
}

.category-circle__img-wrap {
  width: 120px;
  height: 120px;
  margin: 0 auto 15px;
  border-radius: 50%;
  padding: 5px;
  background: #ffffff;
  border: 2.5px solid #e1e1e1;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
  overflow: hidden;
  position: relative;
  -webkit-transition: all, 0.35s;
  -moz-transition: all, 0.35s;
  -ms-transition: all, 0.35s;
  -o-transition: all, 0.35s;
  transition: all, 0.35s;
}

.category-circle__img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  -webkit-transition: transform, 0.4s ease;
  -moz-transition: transform, 0.4s ease;
  -ms-transition: transform, 0.4s ease;
  -o-transition: transform, 0.4s ease;
  transition: transform, 0.4s ease;
}

.category-circle__text h6 {
  font-size: 15px;
  font-weight: 700;
  color: #001a3e;
  margin-bottom: 4px;
  -webkit-transition: color, 0.3s;
  -moz-transition: color, 0.3s;
  -ms-transition: color, 0.3s;
  -o-transition: color, 0.3s;
  transition: color, 0.3s;
}
.category-circle__text .category-circle__count {
  font-size: 12px;
  color: #888888;
  font-weight: 500;
  display: block;
}

/*---------------------
  Product
-----------------------*/
.product {
  padding-top: 60px;
  padding-bottom: 50px;
}

.filter__controls {
  text-align: right;
  margin-bottom: 50px;
}
.filter__controls li {
  font-size: 14px;
  list-style: none;
  display: inline-block;
  color: #001a3e;
  margin-right: 35px;
  position: relative;
  cursor: pointer;
}
.filter__controls li.active:after {
  opacity: 1;
}
.filter__controls li:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 100%;
  background: #002b66;
  content: "";
  opacity: 0;
}
.filter__controls li:last-child {
  margin-right: 0;
}

.property__gallery {
  display: flex;
  flex-wrap: wrap;
}
.property__gallery > [class*=col-] {
  display: flex;
  flex-direction: column;
}

.product__item {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  margin-bottom: 35px;
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #eaeaea;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.04);
  position: relative;
  -webkit-transition: all, 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all, 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all, 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all, 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all, 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product__item:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.11);
  border-color: transparent;
}
.product__item:hover .product__item__pic {
  transform: scale(1.06);
}
.product__item:hover .product__item__pic::after {
  opacity: 1;
}
.product__item:hover .product__hover li {
  opacity: 1;
  transform: translateY(0);
}
.product__item.sale .product__item__pic .label {
  background: #002b66;
}
.product__item.sale .product__item__text .product__price {
  color: #002b66;
}

.product__item__pic {
  height: 350px;
  position: relative;
  overflow: hidden;
  border-radius: 14px 14px 0 0;
  background-size: cover;
  background-position: center;
  -webkit-transition: transform, 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform, 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform, 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform, 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform, 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product__item__pic::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 55%;
  content: "";
  background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);
  opacity: 0;
  -webkit-transition: all, 0.4s ease;
  -moz-transition: all, 0.4s ease;
  -ms-transition: all, 0.4s ease;
  -o-transition: all, 0.4s ease;
  transition: all, 0.4s ease;
}
.product__item__pic .label {
  font-size: 10px;
  color: #ffffff;
  font-weight: 700;
  display: inline-block;
  padding: 3px 10px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  position: absolute;
  left: 12px;
  top: 12px;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 5;
}
.product__item__pic .label.new {
  background: #1ba0f2;
}
.product__item__pic .label.stockout {
  background: #001a3e;
}
.product__item__pic .label.stockblue {
  background: #002b66 !important;
}
.product__item__pic .label.sale {
  background: #ff6b00;
}
.product__item__pic .product__stock-badge {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 5;
  font-size: 10px;
  color: #ffffff;
  font-weight: 600;
  display: inline-block;
  padding: 3px 10px;
  letter-spacing: 0.3px;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: rgba(30, 30, 30, 0.8);
  backdrop-filter: blur(4px);
}
.product__item__pic .product__stock-badge.stock__low {
  background: rgba(255, 107, 0, 0.88);
}
.product__item__pic .product__stock-badge.stock__out {
  background: rgba(80, 80, 80, 0.88);
}

.product__hover {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 22px;
  text-align: center;
  z-index: 5;
}
.product__hover li {
  list-style: none;
  display: inline-block;
  margin: 0 4px;
  position: relative;
  opacity: 0;
  transform: translateY(20px);
}
.product__hover li:nth-child(1) {
  -webkit-transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.05s;
  -moz-transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.05s;
  -ms-transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.05s;
  -o-transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.05s;
  transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.05s;
}
.product__hover li:nth-child(2) {
  -webkit-transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  -moz-transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  -ms-transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  -o-transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
  transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
}
.product__hover li:nth-child(3) {
  -webkit-transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.15s;
  -moz-transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.15s;
  -ms-transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.15s;
  -o-transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.15s;
  transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.15s;
}
.product__hover li:hover a {
  background: #002b66;
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  transform: scale(1.15);
}
.product__hover li:hover a span {
  color: #ffffff;
}
.product__hover li a {
  font-size: 16px;
  color: #001a3e;
  display: inline-block;
  height: 44px;
  width: 44px;
  background: #ffffff;
  line-height: 46px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  -webkit-transition: all, 0.3s ease;
  -moz-transition: all, 0.3s ease;
  -ms-transition: all, 0.3s ease;
  -o-transition: all, 0.3s ease;
  transition: all, 0.3s ease;
}
.product__hover li a span {
  position: relative;
  display: inline-block;
  -webkit-transition: all, 0.3s ease;
  -moz-transition: all, 0.3s ease;
  -ms-transition: all, 0.3s ease;
  -o-transition: all, 0.3s ease;
  transition: all, 0.3s ease;
}

.product__item__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-align: left;
  padding: 14px 14px 14px;
  background: #ffffff;
}
.product__item__text .product__item__cat {
  font-size: 10px;
  font-weight: 700;
  color: #002b66;
  background: rgba(0, 43, 102, 0.08);
  padding: 3px 10px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 6px;
  align-self: flex-start;
  text-transform: capitalize;
  letter-spacing: 0;
}
.product__item__text .product__item__cat i {
  font-size: 9px;
}
.product__item__text h6 {
  margin-bottom: 6px;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.product__item__text h6 a {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.3;
  -webkit-transition: all, 0.2s;
  -moz-transition: all, 0.2s;
  -ms-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  transition: all, 0.2s;
}
.product__item__text h6 a:hover {
  color: #002b66;
}
.product__item__text .product__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 2px;
  margin-bottom: 8px;
  font-size: 10.5px;
  color: #64748b;
  flex-wrap: nowrap;
}
.product__item__text .product__meta .meta__badge {
  color: #10b981;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 9px;
  line-height: 1.1;
  white-space: nowrap;
}
.product__item__text .product__meta .meta__badge i {
  font-size: 10px;
}
.product__item__text .product__meta .meta__badge span {
  display: inline-block;
  text-align: left;
}
.product__item__text .product__meta .meta__sep {
  color: #cbd5e1;
  font-size: 9px;
}
.product__item__text .product__meta .rating {
  margin-bottom: 0;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-weight: 700;
  color: #0f172a;
  white-space: nowrap;
}
.product__item__text .product__meta .rating i {
  font-size: 10px;
  color: #f59e0b;
}
.product__item__text .product__meta .product__sold {
  color: #64748b;
  font-weight: 500;
  white-space: nowrap;
}
.product__item__text .product__old-price-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}
.product__item__text .product__old-price-row .old-price {
  font-size: 11px;
  color: #94a3b8;
  text-decoration: line-through;
}
.product__item__text .product__old-price-row .discount-badge {
  font-size: 10px;
  font-weight: 700;
  color: #ff6b00;
  background: #fff0e6;
  padding: 1px 6px;
  border-radius: 6px;
}
.product__item__text .product__price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.product__item__text .product__price-row .product__price {
  font-size: 16px;
  font-weight: 800;
  color: #0f172a;
}
.product__item__text .product__price-row .product__stock-pill {
  font-size: 11px;
  font-weight: 700;
  color: #854d0e;
  background: #fef9c3;
  padding: 3px 10px;
  border-radius: 12px;
}
.product__item__text .product__price-row .product__stock-pill.low {
  color: #ff6b00;
  background: #fff0e6;
}
.product__item__text .product__price-row .product__stock-pill.out {
  color: #64748b;
  background: #f1f5f9;
}
.product__item__text .product__buy-btn {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  text-align: center;
  background: #002b66;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 0;
  border-radius: 20px;
  box-shadow: 0 2px 6px rgba(0, 43, 102, 0.2);
  -webkit-transition: all, 0.25s ease;
  -moz-transition: all, 0.25s ease;
  -ms-transition: all, 0.25s ease;
  -o-transition: all, 0.25s ease;
  transition: all, 0.25s ease;
}
.product__item__text .product__buy-btn i {
  font-size: 12px;
}
.product__item__text .product__buy-btn:hover {
  background: #ff6b00;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.35);
  transform: translateY(-1px);
}
.product__item__text .product__buy-btn.disabled {
  background: #cbd5e1;
  color: #64748b;
  box-shadow: none;
  cursor: not-allowed;
}

/*---------------------
  Shop
-----------------------*/
.shop {
  padding-top: 70px;
  padding-bottom: 80px;
}

.sidebar__categories {
  margin-bottom: 50px;
}
.sidebar__categories .section-title {
  margin-bottom: 35px;
}
.sidebar__categories .section-title h4 {
  font-size: 18px;
}

.categories__accordion .card {
  border: none;
  border-radius: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid #f2f2f2 !important;
  margin-bottom: 12px;
}
.categories__accordion .card:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none !important;
}
.categories__accordion .card-heading {
  cursor: pointer;
}
.categories__accordion .card-heading a {
  font-size: 14px;
  font-weight: 500;
  color: #001a3e;
  display: block;
}
.categories__accordion .card-body {
  padding-left: 0;
  padding-top: 6px;
  padding-bottom: 0;
}
.categories__accordion .card-body li {
  list-style: none;
  position: relative;
  padding-left: 16px;
}
.categories__accordion .card-body li:before {
  position: absolute;
  left: 4px;
  top: 14px;
  height: 1px;
  width: 4px;
  background: #666666;
  content: "";
}
.categories__accordion .card-body li a {
  font-size: 14px;
  color: #666666;
  line-height: 30px;
}

.categories__accordion .card-heading a:after,
.categories__accordion .card-heading > a.active[aria-expanded=false]:after {
  content: "\f107";
  font-size: 14px;
  font-family: "FontAwesome";
  color: #666666;
  position: absolute;
  right: 30px;
  top: 0px;
}

.categories__accordion .card-heading.active a:after {
  content: "\f106";
  font-size: 14px;
  font-family: "FontAwesome";
  color: #666666;
  position: absolute;
  right: 30px;
  top: -1px;
}

.categories__accordion .card-heading a[aria-expanded=true]:after,
.categories__accordion .card-heading > a.active:after {
  content: "\f106";
  font-size: 14px;
  font-family: "FontAwesome";
  color: #666666;
  position: absolute;
  right: 30px;
  top: -1px;
}

.sidebar__filter {
  position: relative;
  margin-bottom: 60px;
}
.sidebar__filter .section-title {
  margin-bottom: 50px;
}
.sidebar__filter .section-title h4 {
  font-size: 18px;
}
.sidebar__filter a {
  font-size: 14px;
  color: #0d0d0d;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  display: inline-block;
  padding: 5px 16px 5px 24px;
  border: 2px solid #ff0000;
  position: absolute;
  right: 0;
  bottom: -5px;
  border-radius: 2px;
}

.filter-range-wrap .range-slider .price-input {
  position: relative;
}
.filter-range-wrap .range-slider .price-input p {
  font-size: 16px;
  color: #0d0d0d;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 0;
}

.filter-range-wrap .range-slider .price-input:after {
  position: absolute;
  left: 81px;
  top: 12px;
  height: 1px;
  width: 5px;
  background: #0d0d0d;
  content: "";
}

.filter-range-wrap .range-slider .price-input input {
  font-size: 16px;
  color: #0d0d0d;
  max-width: 16%;
  border: none;
}

.filter-range-wrap .range-slider .price-input input:nth-child(1) {
  margin-right: 28px;
}

.filter-range-wrap .price-range {
  border-radius: 0;
  margin-bottom: 28px;
}

.filter-range-wrap .price-range.ui-widget-content {
  border: none;
  background: rgba(0, 0, 0, 0.1);
  height: 5px;
}

.filter-range-wrap .price-range.ui-widget-content .ui-slider-handle {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #002b66;
  border: none;
  outline: none;
  cursor: pointer;
}

.filter-range-wrap .price-range .ui-slider-range {
  background: #002b66;
  border-radius: 0;
}

.sidebar__sizes, .sidebar__color {
  margin-bottom: 40px;
}
.sidebar__sizes .section-title, .sidebar__color .section-title {
  margin-bottom: 35px;
}
.sidebar__sizes .section-title h4, .sidebar__color .section-title h4 {
  font-size: 18px;
}
.sidebar__sizes .size__list label, .sidebar__color .size__list label {
  display: block;
  padding-left: 20px;
  font-size: 14px;
  text-transform: uppercase;
  color: #444444;
  position: relative;
  cursor: pointer;
}
.sidebar__sizes .size__list label input, .sidebar__color .size__list label input {
  position: absolute;
  visibility: hidden;
}
.sidebar__sizes .size__list label input:checked ~ .checkmark, .sidebar__color .size__list label input:checked ~ .checkmark {
  border-color: #002b66;
}
.sidebar__sizes .size__list label input:checked ~ .checkmark:after, .sidebar__color .size__list label input:checked ~ .checkmark:after {
  border-color: #002b66;
  opacity: 1;
}
.sidebar__sizes .size__list label .checkmark, .sidebar__color .size__list label .checkmark {
  position: absolute;
  left: 0;
  top: 4px;
  height: 10px;
  width: 10px;
  border: 1px solid #444444;
  border-radius: 2px;
}
.sidebar__sizes .size__list label .checkmark:after, .sidebar__color .size__list label .checkmark:after {
  position: absolute;
  left: 0px;
  top: -2px;
  width: 11px;
  height: 5px;
  border: solid #ffffff;
  border-width: 1.5px 1.5px 0px 0px;
  -webkit-transform: rotate(127deg);
  -ms-transform: rotate(127deg);
  transform: rotate(127deg);
  opacity: 0;
  content: "";
}

.sidebar__color .color__list label {
  text-transform: capitalize;
}

.pagination__option a {
  display: inline-block;
  height: 40px;
  width: 40px;
  border: 1px solid #f2f2f2;
  border-radius: 50%;
  font-size: 14px;
  color: #001a3e;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  margin-right: 6px;
}
.pagination__option a:last-child {
  margin-right: 0;
}
.pagination__option a i {
  font-weight: 600;
}
.pagination__option a:hover {
  background: #0d0d0d;
  border-color: #0d0d0d;
  color: #ffffff;
}

/*---------------------
  Product Details
-----------------------*/
.product-details {
  padding-top: 70px;
  padding-bottom: 50px;
}

.product__details__pic {
  overflow: hidden;
}

.product__details__pic__left {
  width: 22%;
  max-height: 574px;
  float: left;
  overflow-y: auto;
}
.product__details__pic__left .pt {
  display: block;
  margin-bottom: 20px;
  cursor: pointer;
  position: relative;
}
.product__details__pic__left .pt::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.product__details__pic__left .pt.active::after {
  opacity: 0.3;
}
.product__details__pic__left .pt:last-child {
  margin-bottom: 0;
}
.product__details__pic__left .pt img {
  min-width: 100%;
}

.product__details__slider__content {
  width: calc(78% - 20px);
  float: left;
  margin-left: 20px;
}

.product__details__pic__slider.owl-carousel .owl-nav button {
  position: absolute;
  left: 10px;
  top: 50%;
  font-size: 22px;
  color: #001a3e;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  line-height: 44px;
  text-align: center;
  margin-top: -20px;
}
.product__details__pic__slider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 10px;
}

.product__details__text h3 {
  color: #001a3e;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.product__details__text h3 span {
  display: block;
  font-size: 14px;
  color: #444444;
  text-transform: none;
  font-weight: 400;
  margin-top: 5px;
}
.product__details__text .rating {
  margin-bottom: 16px;
}
.product__details__text .rating i {
  font-size: 12px;
  color: #e3c01c;
  margin-right: -4px;
}
.product__details__text .rating span {
  font-size: 12px;
  color: #666666;
  margin-left: 5px;
}
.product__details__text p {
  color: #444444;
  margin-bottom: 28px;
}

.product__details__price {
  font-size: 30px;
  font-weight: 600;
  color: #002b66;
  margin-bottom: 30px;
}
.product__details__price span {
  font-size: 18px;
  color: #b1b0b0;
  text-decoration: line-through;
  margin-left: 10px;
  display: inline-block;
}

.quantity {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.quantity > span {
  font-size: 14px;
  color: #001a3e;
  font-weight: 600;
  float: left;
  margin-top: 14px;
  margin-right: 15px;
}

.pro-qty {
  height: 42px;
  width: 115px;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  padding: 0 8px;
  background: #f8fafc;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.pro-qty .qtybtn {
  font-size: 15px;
  font-weight: 700;
  color: #475569;
  cursor: pointer;
  width: 26px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  user-select: none;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all, 0.2s ease;
  -moz-transition: all, 0.2s ease;
  -ms-transition: all, 0.2s ease;
  -o-transition: all, 0.2s ease;
  transition: all, 0.2s ease;
}
.pro-qty .qtybtn:hover {
  background: #002b66;
  color: #ffffff;
  border-color: #002b66;
}
.pro-qty input {
  font-size: 14px;
  color: #0f172a;
  font-weight: 800;
  border: none;
  width: 40px;
  text-align: center;
  height: 100%;
  background: transparent;
  padding: 0;
}

.product__details__button {
  overflow: hidden;
  margin-bottom: 25px;
}
.product__details__button .cart-btn {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  background: #002b66;
  font-weight: 600;
  text-transform: uppercase;
  padding: 14px 30px 15px;
  border-radius: 50px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.product__details__button ul {
  float: left;
}
.product__details__button ul li {
  list-style: none;
  display: inline-block;
  margin-right: 5px;
}
.product__details__button ul li:last-child {
  margin-right: 0;
}
.product__details__button ul li a {
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  padding-top: 1px;
}
.product__details__button ul li a span {
  font-size: 18px;
  color: #666666;
}

.product__details__widget {
  border-top: 1px solid #ebebeb;
  padding-top: 35px;
}
.product__details__widget ul li {
  list-style: none;
  margin-bottom: 10px;
}
.product__details__widget ul li:last-child {
  margin-bottom: 0;
}
.product__details__widget ul li span {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #001a3e;
  width: 150px;
  float: left;
}
.product__details__widget ul li .stock__checkbox {
  overflow: hidden;
}
.product__details__widget ul li .stock__checkbox label {
  display: block;
  padding-left: 20px;
  font-size: 14px;
  color: #666666;
  position: relative;
  cursor: pointer;
}
.product__details__widget ul li .stock__checkbox label input {
  position: absolute;
  visibility: hidden;
}
.product__details__widget ul li .stock__checkbox label input:checked ~ .checkmark {
  border-color: #002b66;
}
.product__details__widget ul li .stock__checkbox label input:checked ~ .checkmark:after {
  border-color: #002b66;
  opacity: 1;
}
.product__details__widget ul li .stock__checkbox label .checkmark {
  position: absolute;
  left: 0;
  top: 5px;
  height: 10px;
  width: 10px;
  border: 1px solid #444444;
  border-radius: 2px;
}
.product__details__widget ul li .stock__checkbox label .checkmark:after {
  position: absolute;
  left: 0px;
  top: -2px;
  width: 11px;
  height: 5px;
  border: solid #ffffff;
  border-width: 1.5px 1.5px 0px 0px;
  -webkit-transform: rotate(127deg);
  -ms-transform: rotate(127deg);
  transform: rotate(127deg);
  opacity: 0;
  content: "";
}
.product__details__widget ul li .color__checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-right: 20px;
}
.product__details__widget ul li .color__checkbox label.active input ~ .checkmark:after {
  border-color: #ffffff;
  opacity: 1;
}
.product__details__widget ul li .color__checkbox label:last-child {
  margin-right: 0;
}
.product__details__widget ul li .color__checkbox label input {
  position: absolute;
  visibility: hidden;
}
.product__details__widget ul li .color__checkbox label input:checked ~ .checkmark:after {
  border-color: #ffffff;
  opacity: 1;
}
.product__details__widget ul li .color__checkbox label .checkmark {
  position: absolute;
  left: 0;
  top: -10px;
  height: 20px;
  width: 20px;
  background: #e31e2f;
  border-radius: 50%;
  content: "";
}
.product__details__widget ul li .color__checkbox label .checkmark.black-bg {
  background: #111111;
}
.product__details__widget ul li .color__checkbox label .checkmark.grey-bg {
  background: #e4aa8b;
}
.product__details__widget ul li .color__checkbox label .checkmark:after {
  position: absolute;
  left: 3px;
  top: 5px;
  width: 13px;
  height: 6px;
  border: solid #ffffff;
  border-width: 1.5px 1.5px 0px 0px;
  -webkit-transform: rotate(127deg);
  -ms-transform: rotate(127deg);
  transform: rotate(127deg);
  opacity: 0;
  content: "";
}
.product__details__widget ul li .size__btn label {
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 0;
}
.product__details__widget ul li .size__btn label:last-child {
  margin-right: 0;
}
.product__details__widget ul li .size__btn label.active {
  color: #002b66;
}
.product__details__widget ul li .size__btn label input {
  position: absolute;
  visibility: hidden;
}
.product__details__widget ul li p {
  margin-bottom: 0;
  color: #666666;
}

.product__details__tab {
  padding-top: 80px;
  margin-bottom: 65px;
}

.nav {
  border-bottom: none;
  justify-content: center;
  position: relative;
  margin-bottom: 40px;
}
.nav::before {
  position: absolute;
  left: 0;
  top: 13px;
  height: 1px;
  width: 335px;
  background: #e1e1e1;
  content: "";
}
.nav::after {
  position: absolute;
  right: 0;
  top: 13px;
  height: 1px;
  width: 335px;
  background: #e1e1e1;
  content: "";
}

.nav-item {
  margin-right: 46px;
}
.nav-item:last-child {
  margin-right: 0;
}
.nav-item .nav-link {
  font-size: 18px;
  color: #666666;
  font-weight: 600;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
}
.nav-item .nav-link.active {
  color: #001a3e;
}

.tab-content .tab-pane h6 {
  color: #666666;
  font-weight: 600;
  margin-bottom: 24px;
}
.tab-content .tab-pane p:last-child {
  margin-bottom: 0;
}

.related__title h5 {
  font-size: 20px;
  color: #001a3e;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 35px;
}

/*---------------------
  Shop Cart
-----------------------*/
.shop-cart {
  padding-top: 70px;
  padding-bottom: 90px;
}

.shop__cart__table {
  margin-bottom: 30px;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #f1f5f9;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  padding: 10px 25px 20px;
}
.shop__cart__table table {
  width: 100%;
  min-width: 650px;
}
.shop__cart__table thead {
  border-bottom: 1px solid #f1f5f9;
}
.shop__cart__table thead th {
  font-size: 14px;
  color: #64748b;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 20px 0 15px;
}
.shop__cart__table tbody tr {
  border-bottom: 1px solid #f8fafc;
}
.shop__cart__table tbody tr:last-child {
  border-bottom: none;
}
.shop__cart__table tbody tr td {
  padding: 20px 0;
  vertical-align: middle;
}
.shop__cart__table tbody tr .cart__product__item {
  overflow: hidden;
  width: 450px;
}
.shop__cart__table tbody tr .cart__product__item img {
  float: left;
  margin-right: 20px;
  width: 85px;
  height: 85px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #f1f5f9;
}
.shop__cart__table tbody tr .cart__product__item .cart__product__item__title {
  overflow: hidden;
  padding-top: 5px;
}
.shop__cart__table tbody tr .cart__product__item .cart__product__item__title .cart__cat {
  font-size: 10px;
  font-weight: 700;
  color: #002b66;
  background: rgba(0, 43, 102, 0.08);
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 4px;
}
.shop__cart__table tbody tr .cart__product__item .cart__product__item__title h6 {
  color: #001a3e;
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 4px;
}
.shop__cart__table tbody tr .cart__product__item .cart__product__item__title .rating i {
  font-size: 11px;
  color: #f59e0b;
  margin-right: -2px;
}
.shop__cart__table tbody tr .cart__price {
  font-size: 15px;
  color: #0f172a;
  font-weight: 700;
  width: 160px;
}
.shop__cart__table tbody tr .cart__quantity {
  width: 160px;
}
.shop__cart__table tbody tr .cart__quantity .pro-qty {
  border: 1px solid #e2e8f0;
  padding: 0 6px;
  width: 105px;
  border-radius: 20px;
  background: #f8fafc;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.shop__cart__table tbody tr .cart__quantity .pro-qty input {
  color: #0f172a;
  font-weight: 800;
  font-size: 14px;
  width: 35px;
  border: none;
  background: transparent;
  text-align: center;
  padding: 0;
}
.shop__cart__table tbody tr .cart__quantity .pro-qty .qtybtn {
  font-size: 14px;
  font-weight: 700;
  color: #475569;
  width: 24px;
  height: 24px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all, 0.2s ease;
  -moz-transition: all, 0.2s ease;
  -ms-transition: all, 0.2s ease;
  -o-transition: all, 0.2s ease;
  transition: all, 0.2s ease;
}
.shop__cart__table tbody tr .cart__quantity .pro-qty .qtybtn:hover {
  background: #002b66;
  color: #ffffff;
  border-color: #002b66;
}
.shop__cart__table tbody tr .cart__total {
  font-size: 16px;
  color: #002b66;
  font-weight: 800;
  width: 160px;
}
.shop__cart__table tbody tr .cart__close {
  text-align: right;
}
.shop__cart__table tbody tr .cart__close span {
  height: 38px;
  width: 38px;
  background: #f1f5f9;
  border-radius: 50%;
  font-size: 14px;
  color: #64748b;
  line-height: 38px;
  text-align: center;
  display: inline-block;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all, 0.25s ease;
  -moz-transition: all, 0.25s ease;
  -ms-transition: all, 0.25s ease;
  -o-transition: all, 0.25s ease;
  transition: all, 0.25s ease;
}
.shop__cart__table tbody tr .cart__close span:hover {
  background: #fee2e2;
  color: #ef4444;
}

.cart__btn {
  margin-bottom: 40px;
}
.cart__btn.update__btn {
  text-align: right;
}
.cart__btn a {
  font-size: 13px;
  color: #0f172a;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 24px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 30px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  -webkit-transition: all, 0.25s ease;
  -moz-transition: all, 0.25s ease;
  -ms-transition: all, 0.25s ease;
  -o-transition: all, 0.25s ease;
  transition: all, 0.25s ease;
}
.cart__btn a i {
  color: #002b66;
  font-size: 13px;
}
.cart__btn a:hover {
  border-color: #002b66;
  color: #002b66;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

.discount__content {
  background: #ffffff;
  padding: 25px 30px;
  border-radius: 16px;
  border: 1px solid #f1f5f9;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  margin-bottom: 30px;
}
.discount__content h6 {
  color: #001a3e;
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 15px;
}
.discount__content form {
  position: relative;
  width: 100%;
  display: block;
}
.discount__content form input {
  height: 48px;
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 30px;
  padding-left: 20px;
  padding-right: 115px;
  font-size: 13px;
  color: #0f172a;
  background: #f8fafc;
}
.discount__content form input::placeholder {
  color: #94a3b8;
}
.discount__content form input:focus {
  border-color: #002b66;
  outline: none;
  background: #ffffff;
}
.discount__content form button {
  position: absolute;
  right: 4px;
  top: 4px;
  height: 40px;
  padding: 0 22px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
}

.cart__total__procced {
  background: #ffffff;
  padding: 30px;
  border-radius: 16px;
  border: 1px solid #f1f5f9;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}
.cart__total__procced h6 {
  color: #001a3e;
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f1f5f9;
}
.cart__total__procced ul {
  margin-bottom: 22px;
}
.cart__total__procced ul li {
  list-style: none;
  font-size: 14px;
  color: #64748b;
  font-weight: 600;
  overflow: hidden;
  line-height: 34px;
}
.cart__total__procced ul li:last-child {
  font-size: 16px;
  color: #0f172a;
  font-weight: 800;
  padding-top: 8px;
  border-top: 1px dashed #e2e8f0;
  margin-top: 8px;
}
.cart__total__procced ul li span {
  color: #002b66;
  float: right;
  font-weight: 800;
}
.cart__total__procced .primary-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 30px;
  text-align: center;
  padding: 13px 0;
  font-size: 13px;
  font-weight: 700;
  background: #002b66;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  -webkit-transition: all, 0.25s ease;
  -moz-transition: all, 0.25s ease;
  -ms-transition: all, 0.25s ease;
  -o-transition: all, 0.25s ease;
  transition: all, 0.25s ease;
}
.cart__total__procced .primary-btn:hover {
  background: rgb(0%, 10.1176470588%, 24%);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
  transform: translateY(-1px);
}

.checkout {
  padding-top: 50px;
  padding-bottom: 70px;
}

.coupon__link {
  font-size: 14px;
  color: #475569;
  padding: 16px 24px;
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #f1f5f9;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  margin-bottom: 35px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.coupon__link i {
  font-size: 18px;
  color: #002b66;
  margin-top: 2px;
  flex-shrink: 0;
}
.coupon__link span {
  line-height: 1.5;
}
.coupon__link a {
  font-size: 14px;
  color: #002b66;
  font-weight: 700;
  text-decoration: underline;
}
.coupon__link a:hover {
  color: rgb(0%, 8.431372549%, 20%);
}

.checkout__billing__card {
  background: #ffffff;
  padding: 30px;
  border-radius: 16px;
  border: 1px solid #f1f5f9;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  margin-bottom: 30px;
}

.checkout__form h5 {
  color: #001a3e;
  font-weight: 800;
  font-size: 18px;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
.checkout__form .checkout__form__input {
  margin-bottom: 20px;
}
.checkout__form .checkout__form__input p {
  color: #334155;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 8px;
}
.checkout__form .checkout__form__input p span {
  color: #002b66;
}
.checkout__form .checkout__form__input input {
  height: 48px;
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  margin-bottom: 12px;
  font-size: 13px;
  padding-left: 16px;
  color: #0f172a;
  background: #f8fafc;
  -webkit-transition: all, 0.2s ease;
  -moz-transition: all, 0.2s ease;
  -ms-transition: all, 0.2s ease;
  -o-transition: all, 0.2s ease;
  transition: all, 0.2s ease;
}
.checkout__form .checkout__form__input input:last-child {
  margin-bottom: 0;
}
.checkout__form .checkout__form__input input::placeholder {
  color: #94a3b8;
}
.checkout__form .checkout__form__input input:focus {
  border-color: #002b66;
  background: #ffffff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 43, 102, 0.1);
}
.checkout__form .checkout__form__input input[readonly] {
  background: #f1f5f9;
  color: #64748b;
  cursor: not-allowed;
}
.checkout__form .checkout__form__checkbox {
  margin-bottom: 20px;
}
.checkout__form .checkout__form__checkbox label {
  display: inline-flex;
  align-items: center;
  padding-left: 28px;
  font-size: 13.5px;
  color: #334155;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
.checkout__form .checkout__form__checkbox label input {
  position: absolute;
  visibility: hidden;
}
.checkout__form .checkout__form__checkbox label input:checked ~ .checkmark {
  border-color: #002b66;
  background: #002b66;
}
.checkout__form .checkout__form__checkbox label input:checked ~ .checkmark:after {
  opacity: 1;
}
.checkout__form .checkout__form__checkbox label .checkmark {
  position: absolute;
  left: 0;
  top: 2px;
  height: 18px;
  width: 18px;
  border: 2px solid #cbd5e1;
  border-radius: 4px;
  background: #ffffff;
  -webkit-transition: all, 0.2s ease;
  -moz-transition: all, 0.2s ease;
  -ms-transition: all, 0.2s ease;
  -o-transition: all, 0.2s ease;
  transition: all, 0.2s ease;
}
.checkout__form .checkout__form__checkbox label .checkmark:after {
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  content: "";
}
.checkout__form .checkout__form__checkbox p {
  margin-bottom: 0;
}

.checkout__order {
  background: #ffffff;
  padding: 30px;
  border-radius: 16px;
  border: 1px solid #f1f5f9;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}
.checkout__order h5 {
  color: #001a3e;
  font-weight: 800;
  font-size: 18px;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.checkout__order .site-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 30px;
  padding: 14px 0;
  font-size: 14px;
  font-weight: 700;
  background: #002b66;
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  -webkit-transition: all, 0.25s ease;
  -moz-transition: all, 0.25s ease;
  -ms-transition: all, 0.25s ease;
  -o-transition: all, 0.25s ease;
  transition: all, 0.25s ease;
}
.checkout__order .site-btn:hover {
  background: rgb(0%, 10.1176470588%, 24%);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  transform: translateY(-1px);
}

.checkout__order__product {
  border-bottom: 1px dashed #e2e8f0;
  padding-bottom: 18px;
}
.checkout__order__product ul li {
  list-style: none;
  font-size: 13.5px;
  color: #475569;
  font-weight: 600;
  overflow: hidden;
  margin-bottom: 12px;
  line-height: 22px;
}
.checkout__order__product ul li:last-child {
  margin-bottom: 0;
}
.checkout__order__product ul li span {
  font-size: 13.5px;
  color: #0f172a;
  font-weight: 700;
  float: right;
}
.checkout__order__product ul li .top__text {
  font-size: 14px;
  color: #0f172a;
  font-weight: 800;
  float: left;
  text-transform: uppercase;
}
.checkout__order__product ul li .top__text__right {
  font-size: 14px;
  color: #0f172a;
  font-weight: 800;
  float: right;
  text-transform: uppercase;
}

.checkout__order__total {
  padding-top: 14px;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 14px;
  margin-bottom: 22px;
}
.checkout__order__total ul li {
  list-style: none;
  font-size: 14px;
  color: #64748b;
  font-weight: 600;
  overflow: hidden;
  line-height: 32px;
}
.checkout__order__total ul li:last-child {
  font-size: 16px;
  color: #0f172a;
  font-weight: 800;
  padding-top: 6px;
  border-top: 1px dashed #e2e8f0;
  margin-top: 6px;
}
.checkout__order__total ul li span {
  color: #002b66;
  float: right;
  font-weight: 800;
}

.checkout__order__widget {
  padding-bottom: 15px;
}
.checkout__order__widget .payment__title {
  font-size: 13.5px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.checkout__order__widget .payment__title i {
  color: #002b66;
}
.checkout__order__widget label {
  display: flex;
  align-items: center;
  padding: 12px 14px 12px 38px;
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  -webkit-transition: all, 0.2s ease;
  -moz-transition: all, 0.2s ease;
  -ms-transition: all, 0.2s ease;
  -o-transition: all, 0.2s ease;
  transition: all, 0.2s ease;
}
.checkout__order__widget label:hover {
  border-color: #cbd5e1;
  background: #ffffff;
}
.checkout__order__widget label input {
  position: absolute;
  visibility: hidden;
}
.checkout__order__widget label input:checked ~ .checkmark {
  border-color: #002b66;
}
.checkout__order__widget label input:checked ~ .checkmark:after {
  opacity: 1;
}
.checkout__order__widget label .checkmark {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  border: 2px solid #cbd5e1;
  border-radius: 50%;
  background: #ffffff;
  -webkit-transition: all, 0.2s ease;
  -moz-transition: all, 0.2s ease;
  -ms-transition: all, 0.2s ease;
  -o-transition: all, 0.2s ease;
  transition: all, 0.2s ease;
}
.checkout__order__widget label .checkmark:after {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #002b66;
  opacity: 0;
  content: "";
}

/*---------------------
    Blog
-----------------------*/
.blog {
  padding-top: 70px;
  padding-bottom: 80px;
}

.blog__item {
  margin-bottom: 35px;
}

.blog__item__pic {
  height: 240px;
}
.blog__item__pic.large__item {
  height: 540px;
}

.blog__item__text {
  padding: 25px 20px 0 0;
  margin-right: 30px;
  background: #ffffff;
  margin-top: -54px;
}
.blog__item__text h6 {
  margin-bottom: 6px;
}
.blog__item__text h6 a {
  color: #001a3e;
  font-weight: 600;
  line-height: 21px;
}
.blog__item__text ul li {
  font-size: 12px;
  color: #888888;
  display: inline-block;
  list-style: none;
  margin-right: 25px;
  position: relative;
}
.blog__item__text ul li span {
  color: #001a3e;
}
.blog__item__text ul li:after {
  position: absolute;
  right: -17px;
  top: 0px;
  content: "|";
}
.blog__item__text ul li:last-child {
  margin-right: 0;
}
.blog__item__text ul li:last-child:after {
  display: none;
}

.primary-btn.load-btn {
  color: #001a3e;
  background: #f2f2f2;
  padding: 12px 85px 10px;
  border-radius: 50px;
}

/*---------------------
  Blog Sidebar
-----------------------*/
.blog__sidebar {
  padding-left: 40px;
}

.blog__sidebar__item {
  margin-bottom: 50px;
}
.blog__sidebar__item:last-child {
  margin-bottom: 0;
}
.blog__sidebar__item .section-title {
  margin-bottom: 40px;
}
.blog__sidebar__item .section-title h4 {
  font-size: 16px;
}
.blog__sidebar__item .section-title h4:after {
  bottom: -7px;
}
.blog__sidebar__item ul li {
  list-style: none;
  line-height: 30px;
}
.blog__sidebar__item ul li a {
  font-size: 14px;
  color: #001a3e;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.blog__sidebar__item ul li a:hover {
  color: #002b66;
}
.blog__sidebar__item ul li a:hover span {
  color: #001a3e;
}
.blog__sidebar__item ul li a span {
  float: right;
  color: #888888;
}

.blog__feature__item {
  display: block;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog__feature__item:last-child {
  margin-bottom: 0;
}

.blog__feature__item__pic {
  float: left;
  margin-right: 25px;
}

.blog__feature__item__text {
  overflow: hidden;
}
.blog__feature__item__text h6 {
  font-size: 14px;
  color: #001a3e;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 5px;
}
.blog__feature__item__text span {
  font-size: 12px;
  color: #888888;
  display: block;
}

.blog__sidebar__tags a {
  display: inline-block;
  font-size: 13px;
  color: #666666;
  border: 1px solid #f2f2f2;
  padding: 8px 14px 7px;
  margin-right: 6px;
  margin-bottom: 10px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.blog__sidebar__tags a:hover {
  color: #001a3e;
}
.blog__sidebar__tags a:last-child {
  margin-right: 0;
}

/*---------------------
  Blog Details
-----------------------*/
.blog-details {
  padding-top: 80px;
  padding-bottom: 80px;
}

.blog__details__item {
  background: #ffffff;
  margin-bottom: 24px;
}

.blog__details__item__title {
  background: #ffffff;
  padding-top: 30px;
  padding-right: 30px;
  margin-top: -100px;
  position: relative;
  margin-right: 50px;
}
.blog__details__item__title .tip {
  font-size: 12px;
  color: #ffffff;
  background: #002b66;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  padding: 2px 11px 1px;
  border-radius: 5px;
}
.blog__details__item__title h4 {
  color: #001a3e;
  font-weight: 600;
  line-height: 39px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.blog__details__item__title ul li {
  font-size: 12px;
  color: #888888;
  display: inline-block;
  list-style: none;
  margin-right: 25px;
  position: relative;
}
.blog__details__item__title ul li span {
  color: #001a3e;
}
.blog__details__item__title ul li:after {
  position: absolute;
  right: -17px;
  top: 0px;
  content: "|";
}
.blog__details__item__title ul li:last-child {
  margin-right: 0;
}
.blog__details__item__title ul li:last-child:after {
  display: none;
}

.blog__details__desc {
  margin-bottom: 40px;
}
.blog__details__desc p {
  font-size: 15px;
  color: #444444;
  line-height: 27px;
}
.blog__details__desc p:last-child {
  margin-bottom: 0;
}

.blog__details__quote {
  border-top: 2px solid #002b66;
  position: relative;
  padding-top: 22px;
  margin-bottom: 20px;
}
.blog__details__quote .icon {
  height: 30px;
  width: 30px;
  font-size: 18px;
  color: #002b66;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: -11px;
}
.blog__details__quote p {
  font-size: 16px;
  color: #001a3e;
  font-weight: 600;
  font-style: italic;
  line-height: 30px;
  margin-bottom: 0;
}

.blog__details__tags {
  margin-bottom: 50px;
}
.blog__details__tags a {
  display: inline-block;
  font-size: 13px;
  color: #666666;
  border: 1px solid #f2f2f2;
  padding: 8px 14px 7px;
  margin-right: 6px;
  margin-bottom: 10px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.blog__details__tags a:hover {
  color: #001a3e;
}
.blog__details__tags a:last-child {
  margin-right: 0;
}

.blog__details__btns {
  background: #f5f5f5;
  padding: 14px 30px;
  margin-bottom: 55px;
}

.blog__details__btn__item.blog__details__btn__item--next {
  text-align: right;
}
.blog__details__btn__item.blog__details__btn__item--next h6 a i {
  margin-right: 0;
  margin-left: 5px;
}
.blog__details__btn__item h6 a {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #001a3e;
}
.blog__details__btn__item h6 a i {
  font-size: 15px;
  font-weight: 600;
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.blog__details__comment {
  position: relative;
}
.blog__details__comment h5 {
  color: #001a3e;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 35px;
}
.blog__details__comment .leave-btn {
  font-size: 14px;
  font-weight: 700;
  color: #001a3e;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 0;
}
.blog__details__comment .leave-btn:after {
  position: absolute;
  left: 0;
  bottom: -5px;
  height: 1px;
  width: 100%;
  background: #002b66;
  content: "";
}

.blog__comment__item {
  margin-bottom: 35px;
}
.blog__comment__item:last-child {
  margin-bottom: 0;
}
.blog__comment__item.blog__comment__item--reply {
  padding-left: 115px;
}

.blog__comment__item__pic {
  float: left;
  margin-right: 25px;
}
.blog__comment__item__pic img {
  border-radius: 50%;
}

.blog__comment__item__text {
  overflow: hidden;
}
.blog__comment__item__text h6 {
  color: #001a3e;
  font-weight: 600;
  margin-bottom: 14px;
}
.blog__comment__item__text p {
  font-size: 15px;
  color: #444444;
  line-height: 26px;
}
.blog__comment__item__text ul li {
  list-style: none;
  font-size: 12px;
  color: #888888;
  display: inline-block;
  margin-right: 25px;
}
.blog__comment__item__text ul li:last-child {
  margin-right: 0;
}
.blog__comment__item__text ul li i {
  font-size: 14px;
  color: #002b66;
  margin-right: 5px;
}

/*---------------------
  Contact
-----------------------*/
.contact {
  padding-top: 80px;
  padding-bottom: 80px;
}

.contact__address {
  margin-bottom: 45px;
}
.contact__address h5 {
  color: #001a3e;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.contact__address ul li {
  list-style: none;
  position: relative;
  margin-bottom: 20px;
}
.contact__address ul li:last-child {
  margin-bottom: 0;
}
.contact__address ul li h6 {
  color: #001a3e;
  font-weight: 600;
  margin-bottom: 10px;
}
.contact__address ul li h6 i {
  font-size: 16px;
  color: #002b66;
  margin-right: 5px;
}
.contact__address ul li p {
  margin-bottom: 0;
  font-size: 15px;
  color: #444444;
}
.contact__address ul li span {
  font-size: 15px;
  color: #444444;
  display: inline-block;
  margin-right: 25px;
  position: relative;
}
.contact__address ul li span:after {
  position: absolute;
  right: -15px;
  top: 11px;
  content: "|";
  line-height: 0;
}
.contact__address ul li span:last-child {
  margin-right: 0;
}
.contact__address ul li span:last-child:after {
  display: none;
}

.contact__form h5 {
  color: #001a3e;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 35px;
}
.contact__form form input {
  height: 50px;
  width: 100%;
  padding-left: 20px;
  font-size: 14px;
  color: #444444;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  margin-bottom: 20px;
}
.contact__form form input::placeholder {
  color: #444444;
}
.contact__form form textarea {
  height: 130px;
  width: 100%;
  padding-left: 20px;
  padding-top: 12px;
  font-size: 14px;
  color: #444444;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  margin-bottom: 14px;
  resize: none;
}
.contact__form form textarea::placeholder {
  color: #444444;
}

.contact__map {
  height: 780px;
}
.contact__map iframe {
  width: 100%;
}

/*---------------------
  Profile / About Page Styles (Minishop 1-to-1 Exact Pixel-Perfect CSS Replica)
-----------------------*/
/* Keyframes pulse for video icon */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 43, 102, 0.4);
    box-shadow: 0 0 0 0 rgba(0, 43, 102, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(0, 43, 102, 0);
    box-shadow: 0 0 0 30px rgba(0, 43, 102, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 43, 102, 0);
    box-shadow: 0 0 0 0 rgba(0, 43, 102, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 43, 102, 0.4);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 43, 102, 0.4);
    box-shadow: 0 0 0 0 rgba(0, 43, 102, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 30px rgba(0, 43, 102, 0);
    -webkit-box-shadow: 0 0 0 30px rgba(0, 43, 102, 0);
    box-shadow: 0 0 0 30px rgba(0, 43, 102, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 43, 102, 0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 43, 102, 0);
    box-shadow: 0 0 0 0 rgba(0, 43, 102, 0);
  }
}
.ftco-section {
  padding: 7em 0;
  position: relative;
}
@media (max-width: 767.98px) {
  .ftco-section {
    padding: 6em 0;
  }
}

.ftco-no-pt {
  padding-top: 0 !important;
}

.ftco-no-pb {
  padding-bottom: 0 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

/* 1. Hero Breadcrumb Header (hero-wrap hero-bread) */
.hero-wrap {
  width: 100%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.hero-wrap .slider-text {
  color: #fff;
  position: relative;
}
.hero-wrap .slider-text .breadcrumbs {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 3px;
  margin-bottom: 0;
  z-index: 99;
  font-weight: 300;
}
.hero-wrap .slider-text .breadcrumbs span {
  color: #000000;
}
.hero-wrap .slider-text .breadcrumbs span a {
  color: #000000;
}
.hero-wrap .slider-text .bread {
  font-weight: 800;
  color: #000000;
  font-size: 30px;
  font-family: "Open Sans", Arial, sans-serif, "Montserrat";
  letter-spacing: 3px;
  text-transform: uppercase;
}
.hero-wrap.hero-bread {
  padding: 12em 0;
}
@media (max-width: 767.98px) {
  .hero-wrap.hero-bread {
    padding: 8em 0;
  }
}

/* 2. Top 3 Services Section (ftco-services) */
.ftco-services .services {
  display: block;
  width: 100%;
  -webkit-transition: all, 0.3s ease;
  -moz-transition: all, 0.3s ease;
  -ms-transition: all, 0.3s ease;
  -o-transition: all, 0.3s ease;
  transition: all, 0.3s ease;
}
.ftco-services .services .icon {
  line-height: 1.3;
  position: relative;
  margin: 0 auto 20px;
  border-radius: 50%;
  -webkit-transition: all, 0.3s ease;
  -moz-transition: all, 0.3s ease;
  -ms-transition: all, 0.3s ease;
  -o-transition: all, 0.3s ease;
  transition: all, 0.3s ease;
}
.ftco-services .services .icon span {
  font-size: 70px;
  color: #000000;
}
.ftco-services .services .media-body {
  width: 100%;
}
.ftco-services .services .media-body h3.heading {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.ftco-services .services .media-body p {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.8;
  margin-bottom: 0;
}

/* 3. About History Video Section (wrap-about & img-2) */
.img-2 {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 767.98px) {
  .img-2 {
    height: 300px;
    margin-bottom: 40px;
  }
}
.img-2 .icon {
  width: 100px;
  height: 100px;
  background: #002b66;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-2 .icon span {
  color: #fff;
  font-size: 24px;
}

.wrap-about {
  position: relative;
}
@media (min-width: 992px) {
  .wrap-about {
    padding-left: 6em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wrap-about {
    padding-left: 3em;
  }
}
.wrap-about .heading-section-bold h2 {
  font-size: 40px;
  font-weight: 600;
  color: #000000;
}
.wrap-about p {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.8;
}
.wrap-about .btn.btn-primary {
  background: #002b66 !important;
  border: 1px solid #002b66 !important;
  color: #fff !important;
  border-radius: 30px;
  padding: 12px 30px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: all, 0.3s ease;
  -moz-transition: all, 0.3s ease;
  -ms-transition: all, 0.3s ease;
  -o-transition: all, 0.3s ease;
  transition: all, 0.3s ease;
}
.wrap-about .btn.btn-primary:hover {
  background: rgb(0%, 10.1176470588%, 24%) !important;
  border-color: rgb(0%, 10.1176470588%, 24%) !important;
}

/* 4. Services Flow & Testimonial Section (testimony-section) */
.heading-section {
  position: relative;
}
.heading-section .subheading {
  font-size: 12px;
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.heading-section h2 {
  position: relative;
  font-size: 40px;
  font-weight: 600;
  color: #000000;
}
@media (max-width: 767.98px) {
  .heading-section h2 {
    font-size: 28px;
  }
}
.heading-section p {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 767.98px) {
  .services-flow {
    margin-bottom: 4em;
  }
}

.services-2 {
  width: 100%;
}
.services-2 h3 {
  font-size: 20px;
  font-weight: 700;
}
.services-2 .icon {
  line-height: 1.3;
  position: relative;
  width: 74px;
  height: 74px;
  margin: 0 auto;
  z-index: 0;
}
.services-2 .icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  border: 2px dotted #b3b3b3;
  border-bottom: none;
  border-radius: 50%;
  z-index: -1;
  width: 74px;
  height: 74px;
}
.services-2 .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: 0;
  right: 0;
  content: "";
  background: rgba(202, 21, 21, 0.2);
  transform: translateY(-50%);
  margin-left: -20px;
  border-radius: 50%;
  z-index: -1;
  width: 40px;
  height: 40px;
}
.services-2 .icon span {
  font-size: 70px;
  color: #000000;
}
.services-2 .text {
  margin-left: 2em;
}
.services-2 .text p {
  padding-bottom: 0;
}
.services-2:nth-child(1) {
  background: rgba(0, 0, 0, 0.03);
}
.services-2:nth-child(2) {
  background: rgba(0, 0, 0, 0.1);
}
.services-2:nth-child(3) {
  background: #002b66;
}
.services-2:nth-child(3) .icon:after {
  border-color: #fff !important;
}
.services-2:nth-child(3) .icon:before {
  background: #fff !important;
}
.services-2:nth-child(3) .text {
  color: rgba(255, 255, 255, 0.8);
}
.services-2:nth-child(3) .text h3 {
  color: #fff;
}
.services-2:nth-child(4) {
  background: #000000;
}
.services-2:nth-child(4) .icon:after {
  border-color: #fff !important;
}
.services-2:nth-child(4) .icon:before {
  background: #fff !important;
}
.services-2:nth-child(4) .icon span {
  color: #002b66;
}
.services-2:nth-child(4) .text {
  color: rgba(255, 255, 255, 0.8);
}
.services-2:nth-child(4) .text h3 {
  color: #fff;
}

.testimony-section {
  position: relative;
}
.testimony-section .owl-carousel {
  margin: 0;
}
.testimony-section .owl-carousel .owl-stage-outer {
  padding-top: 0;
  padding-bottom: 2em;
  position: relative;
}
.testimony-section .owl-dots {
  text-align: left;
}
.testimony-section .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  margin: 5px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
}
.testimony-section .owl-dots .owl-dot.active {
  background: #002b66;
}

.testimony-wrap {
  display: block;
  position: relative;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(0, 0, 0, 0.8);
}
.testimony-wrap .text {
  font-size: 18px;
}
.testimony-wrap .user-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  margin-top: 0;
  background-size: cover;
  background-position: center center;
}
.testimony-wrap .user-img .quote {
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
}
.testimony-wrap .user-img .quote i {
  color: #002b66;
}
.testimony-wrap .name {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
  color: #002b66;
}
.testimony-wrap .position {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.2);
}
.testimony-wrap .line {
  position: relative;
  border-left: 1px solid #e6e6e6;
}
.testimony-wrap .line:after {
  position: absolute;
  top: 50%;
  left: -2px;
  transform: translateY(-50%);
  content: "";
  width: 3px;
  height: 30px;
  background: #002b66;
}

/* 5. Gallery Section (ftco-gallery) */
.gallery {
  display: block;
  height: 270px;
  position: relative;
  background-size: cover;
  background-position: center center;
}
.gallery .icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  z-index: 0;
  opacity: 0;
  position: relative;
  -webkit-transition: all, 0.6s ease;
  -moz-transition: all, 0.6s ease;
  -ms-transition: all, 0.6s ease;
  -o-transition: all, 0.6s ease;
  transition: all, 0.6s ease;
  background: #002b66;
  border-radius: 50%;
}
.gallery .icon span {
  color: #fff;
}
@media (max-width: 991.98px) {
  .gallery .icon {
    opacity: 1;
  }
}
.gallery:hover .icon, .gallery:focus .icon {
  opacity: 1;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/
@media only screen and (min-width: 1600px) and (max-width: 1900px) {
  .header {
    padding: 0 85px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header__menu ul li {
    margin-right: 20px;
  }
  .header {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
/* Medium Device = 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__menu ul li {
    margin-right: 14px;
  }
  .header__menu ul li a {
    font-size: 13px;
  }
  .header__right__auth {
    margin-right: 5px;
  }
  .sidebar__filter a {
    padding: 5px 15px 5px 15px;
  }
  .nav::before {
    width: 240px;
  }
  .nav::after {
    width: 240px;
  }
}
/* Tablet Device = 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filter__controls li {
    margin-right: 15px;
  }
  .discount__pic img {
    height: auto;
  }
  .discount__text {
    height: auto;
  }
  .sidebar__filter a {
    position: relative;
    bottom: 0;
  }
  .filter-range-wrap .range-slider .price-input input {
    max-width: 27%;
  }
  .filter-range-wrap .range-slider .price-input {
    margin-bottom: 20px;
  }
  .product__details__pic {
    margin-bottom: 50px;
  }
  .nav::before {
    width: 125px;
  }
  .nav::after {
    width: 125px;
  }
  .discount__content {
    margin-bottom: 40px;
  }
  .checkout__order {
    margin-top: 20px;
  }
  .blog__sidebar {
    padding-left: 0;
  }
  .canvas__open {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    top: auto;
    right: auto;
    width: 36px;
    height: 36px;
    font-size: 18px;
    color: #001a3e;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    cursor: pointer;
    margin-left: 12px;
    background: #ffffff;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .canvas__open:hover {
    background: #002b66;
    color: #ffffff;
    border-color: #002b66;
  }
  .offcanvas-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    content: "";
    z-index: 99998;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    visibility: hidden;
  }
  .offcanvas-menu-overlay.active {
    visibility: visible;
  }
  .offcanvas-menu-wrapper {
    position: fixed;
    left: -300px;
    top: 0;
    width: 300px;
    height: 100vh;
    background: #ffffff;
    padding: 25px 20px 30px 25px;
    display: block;
    z-index: 99999;
    overflow-y: auto;
    box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
    -webkit-transition: all, 0.4s;
    -moz-transition: all, 0.4s;
    -ms-transition: all, 0.4s;
    -o-transition: all, 0.4s;
    transition: all, 0.4s;
    opacity: 0;
  }
  .offcanvas-menu-wrapper.active {
    opacity: 1;
    left: 0;
  }
  .offcanvas__close {
    position: absolute;
    width: 36px;
    height: 36px;
    line-height: 32px;
    right: 20px;
    top: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    font-size: 22px;
    text-align: center;
    transform: rotate(45deg);
    cursor: pointer;
    background: #f8f8f8;
    color: #333;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .offcanvas__close:hover {
    background: #002b66;
    color: #ffffff;
    border-color: #002b66;
  }
  .offcanvas__widget {
    display: none !important;
  }
  .offcanvas__menu {
    display: none;
  }
  .slicknav_btn {
    display: none;
  }
  .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
  }
  .slicknav_nav ul {
    margin: 0;
  }
  .slicknav_nav .slicknav_row,
  .slicknav_nav a {
    padding: 7px 0;
    margin: 0;
    color: #001a3e;
    font-weight: 600;
  }
  .slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #001a3e;
  }
  .slicknav_nav a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #001a3e;
  }
  .slicknav_nav {
    display: block !important;
  }
  .offcanvas__logo {
    margin-bottom: 25px;
  }
  .offcanvas__widget {
    text-align: center;
    margin-bottom: 20px;
  }
  .offcanvas__widget li {
    list-style: none;
    display: inline-block;
    font-size: 18px;
    color: #001a3e;
    margin-right: 20px;
    cursor: pointer;
  }
  .offcanvas__widget li:last-child {
    margin-right: 0;
  }
  .offcanvas__widget li a {
    font-size: 18px;
    color: #001a3e;
    position: relative;
  }
  .offcanvas__widget li a .tip {
    position: absolute;
    right: -12px;
    top: -11px;
    height: 18px;
    width: 18px;
    background: #001a3e;
    font-size: 10px;
    font-weight: 500;
    color: #ffffff;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
  }
  .offcanvas__auth a {
    font-size: 15px;
    color: #001a3e;
    position: relative;
    margin-right: 8px;
    font-weight: 500;
  }
  .offcanvas__auth a:last-child {
    margin-right: 0;
  }
  .offcanvas__auth a:last-child:after {
    display: none;
  }
  .offcanvas__auth a:after {
    position: absolute;
    right: -8px;
    top: -2px;
    content: "/";
    font-size: 13px;
  }
  .header__menu {
    display: none;
  }
  .header__right {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
  }
}
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .canvas__open {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    top: auto;
    right: auto;
    width: 36px;
    height: 36px;
    font-size: 18px;
    color: #001a3e;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    cursor: pointer;
    margin-left: 12px;
    background: #ffffff;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .canvas__open:hover {
    background: #002b66;
    color: #ffffff;
    border-color: #002b66;
  }
  .offcanvas-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    content: "";
    z-index: 99998;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    visibility: hidden;
  }
  .offcanvas-menu-overlay.active {
    visibility: visible;
  }
  .offcanvas-menu-wrapper {
    position: fixed;
    left: -280px;
    top: 0;
    width: 280px;
    height: 100vh;
    background: #ffffff;
    padding: 25px 20px 30px 20px;
    display: block;
    z-index: 99999;
    overflow-y: auto;
    box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
    -webkit-transition: all, 0.4s;
    -moz-transition: all, 0.4s;
    -ms-transition: all, 0.4s;
    -o-transition: all, 0.4s;
    transition: all, 0.4s;
    opacity: 0;
  }
  .offcanvas-menu-wrapper.active {
    opacity: 1;
    left: 0;
  }
  .offcanvas__close {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 30px;
    top: 25px;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 26px;
    text-align: center;
    transform: rotate(45deg);
    cursor: pointer;
  }
  .offcanvas__menu {
    display: none;
  }
  .slicknav_btn {
    display: none;
  }
  .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
  }
  .slicknav_nav ul {
    margin: 0;
  }
  .slicknav_nav .slicknav_row,
  .slicknav_nav a {
    padding: 7px 0;
    margin: 0;
    color: #001a3e;
    font-weight: 600;
  }
  .slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #001a3e;
  }
  .slicknav_nav a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #001a3e;
  }
  .slicknav_nav {
    display: block !important;
  }
  .offcanvas__logo {
    margin-bottom: 25px;
  }
  .offcanvas__widget {
    text-align: center;
    margin-bottom: 20px;
  }
  .offcanvas__widget li {
    list-style: none;
    display: inline-block;
    font-size: 18px;
    color: #001a3e;
    margin-right: 20px;
    cursor: pointer;
  }
  .offcanvas__widget li:last-child {
    margin-right: 0;
  }
  .offcanvas__widget li a {
    font-size: 18px;
    color: #001a3e;
    position: relative;
  }
  .offcanvas__widget li a .tip {
    position: absolute;
    right: -12px;
    top: -11px;
    height: 18px;
    width: 18px;
    background: #001a3e;
    font-size: 10px;
    font-weight: 500;
    color: #ffffff;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
  }
  .offcanvas__auth a {
    font-size: 15px;
    color: #001a3e;
    position: relative;
    margin-right: 8px;
    font-weight: 500;
  }
  .offcanvas__auth a:last-child {
    margin-right: 0;
  }
  .offcanvas__auth a:last-child:after {
    display: none;
  }
  .offcanvas__auth a:after {
    position: absolute;
    right: -8px;
    top: -2px;
    content: "/";
    font-size: 13px;
  }
  .header__menu {
    display: none;
  }
  .header__right {
    display: none;
  }
  .filter__controls {
    text-align: left;
    margin-bottom: 40px;
  }
  .filter__controls li {
    margin-right: 20px;
  }
  .discount__pic img {
    height: auto;
  }
  .discount__text {
    padding: 75px 40px 50px;
    height: auto;
  }
  .product__details__pic__left {
    height: auto;
  }
  .product__details__pic {
    margin-bottom: 30px;
  }
  .quantity {
    float: none;
    margin-right: 0;
  }
  .nav::before {
    display: none;
  }
  .nav::after {
    display: none;
  }
  .shop__cart__table {
    overflow-x: auto;
  }
  .shop__cart__table tbody tr .cart__product__item img {
    float: none;
    margin-right: 0;
  }
  .cart__btn {
    text-align: center;
    margin-bottom: 25px;
  }
  .cart__btn.update__btn {
    text-align: center;
  }
  .discount__content h6 {
    display: block;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .discount__content {
    margin-bottom: 35px;
  }
  .blog__sidebar {
    padding-left: 0;
    padding-top: 40px;
  }
  .contact__content {
    margin-bottom: 40px;
  }
}
/* Small Device = 320px */
@media only screen and (max-width: 479px) {
  .categories__item.categories__large__item {
    padding-left: 30px;
  }
  .banner__text h1 {
    font-size: 45px;
  }
  .filter__controls li {
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .discount__text {
    padding: 75px 0px 50px;
  }
  .footer__newslatter form {
    text-align: center;
  }
  .footer__newslatter form input {
    margin-bottom: 10px;
  }
  .footer__newslatter form button {
    position: relative;
    right: 0;
    top: 0;
  }
  .product__details__button .cart-btn {
    float: none;
    margin-right: 0;
  }
  .product__details__button ul {
    float: none;
  }
  .nav-item {
    margin-right: 20px;
  }
  .blog__details__item__title {
    margin-right: 30px;
  }
  .blog__comment__item.blog__comment__item--reply {
    padding-left: 0;
  }
  .blog__comment__item__text ul li {
    margin-right: 5px;
  }
  .primary-btn.load-btn {
    padding: 12px 50px 10px;
  }
  .blog__comment__item__pic {
    float: none;
    margin-bottom: 20px;
  }
  .discount__content form {
    width: 100%;
  }
  .search-model-form input {
    width: 100%;
    font-size: 24px;
  }
}
/*--------------------------------- Mobile Responsive Enhancements -----------------------------*/
@media only screen and (max-width: 767px) {
  .hero__item {
    height: 440px;
  }
  .hero__item::before {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0.4) 100%);
  }
  .hero__text .hero__tag {
    font-size: 11px;
    padding: 3px 10px;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
  }
  .hero__text h1 {
    font-size: 44px;
    margin-bottom: 10px;
  }
  .hero__text p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  .hero__text .primary-btn {
    padding: 11px 24px;
    font-size: 12px;
    letter-spacing: 1px;
  }
  .hero__slider.owl-carousel .owl-nav button,
  .banner__slider.owl-carousel .owl-nav button {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
  }
  .hero__slider.owl-carousel .owl-nav button.owl-prev,
  .banner__slider.owl-carousel .owl-nav button.owl-prev {
    left: 10px;
  }
  .hero__slider.owl-carousel .owl-nav button.owl-next,
  .banner__slider.owl-carousel .owl-nav button.owl-next {
    right: 10px;
  }
  .banner__item {
    height: 380px;
  }
  .banner__text h1 {
    font-size: 44px;
    margin-bottom: 10px;
  }
  .banner__text p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 18px;
  }
  /* Product Grid Mobile Gutter Optimization */
  .property__gallery {
    margin-left: -6px;
    margin-right: -6px;
  }
  .property__gallery > [class*=col-] {
    padding-left: 6px;
    padding-right: 6px;
  }
  /* Product Cards Mobile Optimization */
  .product__item {
    margin-bottom: 12px;
    border-radius: 12px;
  }
  .product__item:hover {
    transform: translateY(-3px);
  }
  .product__item__pic {
    height: 185px;
    border-radius: 12px 12px 0 0;
  }
  .product__item__pic .label {
    font-size: 8.5px;
    padding: 2px 7px;
    left: 6px;
    top: 6px;
    border-radius: 10px;
  }
  .product__hover {
    bottom: 8px;
  }
  .product__hover li {
    opacity: 1;
    transform: translateY(0);
    margin: 0 1px;
  }
  .product__hover li a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
  }
  .product__item__text {
    padding: 10px 8px 10px;
  }
  .product__item__text .product__item__cat {
    font-size: 8.5px;
    padding: 2px 6px;
    border-radius: 8px;
    margin-bottom: 4px;
    gap: 3px;
  }
  .product__item__text .product__item__cat i {
    font-size: 8px;
  }
  .product__item__text h6 {
    margin-bottom: 4px;
    min-height: 30px;
  }
  .product__item__text h6 a {
    font-size: 11.5px;
    line-height: 1.25;
    font-weight: 700;
  }
  .product__item__text .product__meta {
    font-size: 8.5px;
    gap: 2px;
    margin-bottom: 5px;
    line-height: 1.2;
    justify-content: space-between;
    width: 100%;
  }
  .product__item__text .product__meta .meta__badge {
    font-size: 8px;
  }
  .product__item__text .product__meta .meta__badge i {
    font-size: 8px;
  }
  .product__item__text .product__meta .meta__sep {
    font-size: 8px;
    color: #cbd5e1;
  }
  .product__item__text .product__meta .rating {
    gap: 2px;
  }
  .product__item__text .product__meta .rating i {
    font-size: 9px;
  }
  .product__item__text .product__meta .product__sold {
    font-size: 8.5px;
  }
  .product__item__text .product__old-price-row {
    margin-bottom: 1px;
    gap: 4px;
  }
  .product__item__text .product__old-price-row .old-price {
    font-size: 9.5px;
  }
  .product__item__text .product__old-price-row .discount-badge {
    font-size: 8px;
    padding: 1px 4px;
  }
  .product__item__text .product__price-row {
    margin-bottom: 8px;
  }
  .product__item__text .product__price-row .product__price {
    font-size: 13.5px;
    font-weight: 800;
  }
  .product__item__text .product__price-row .product__stock-pill {
    font-size: 8.5px;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 700;
  }
  .product__item__text .product__buy-btn {
    font-size: 10.5px;
    padding: 6px 0;
    border-radius: 16px;
    font-weight: 700;
  }
  /* Category Circles Mobile */
  .category-circle__img-wrap {
    width: 85px;
    height: 85px;
    padding: 3px;
    margin-bottom: 8px;
  }
  .category-circle__text h6 {
    font-size: 12px;
  }
  .category-circle__count {
    font-size: 10px;
  }
  /* Services Section Mobile 2 Columns */
  .services {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .services__item {
    padding: 22px 12px;
    margin-bottom: 16px;
  }
  .services__item i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    margin-bottom: 12px;
  }
  .services__item h6 {
    font-size: 13px;
    margin-bottom: 4px;
  }
  .services__item p {
    font-size: 11px;
    line-height: 1.35;
  }
  /* Shop Cart Mobile Optimization */
  .shop-cart {
    padding-top: 35px;
    padding-bottom: 50px;
  }
  .shop__cart__table {
    padding: 10px 12px;
    margin-bottom: 20px;
    border-radius: 12px;
  }
  .shop__cart__table .table-responsive {
    border: none;
  }
  .shop__cart__table table {
    min-width: 580px;
  }
  .shop__cart__table tbody tr td {
    padding: 14px 0;
  }
  .shop__cart__table tbody tr .cart__product__item {
    width: 250px;
  }
  .shop__cart__table tbody tr .cart__product__item img {
    width: 65px;
    height: 65px;
    margin-right: 12px;
    border-radius: 8px;
  }
  .shop__cart__table tbody tr .cart__product__item .cart__product__item__title {
    padding-top: 0;
  }
  .shop__cart__table tbody tr .cart__product__item .cart__product__item__title h6 {
    font-size: 13px;
    line-height: 1.3;
  }
  .shop__cart__table tbody tr .cart__product__item .cart__product__item__title .cart__cat {
    font-size: 8.5px;
    padding: 1px 6px;
  }
  .shop__cart__table tbody tr .cart__price,
  .shop__cart__table tbody tr .cart__total {
    font-size: 13px;
  }
  .shop__cart__table tbody tr .cart__quantity .pro-qty {
    width: 95px;
    height: 34px;
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
  }
  .shop__cart__table tbody tr .cart__quantity .pro-qty input {
    font-size: 12px;
    width: 30px;
  }
  .shop__cart__table tbody tr .cart__quantity .pro-qty .qtybtn {
    width: 22px;
    height: 22px;
    line-height: 20px;
    font-size: 12px;
  }
  .shop__cart__table tbody tr .cart__close span {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
  }
  .cart__btn__row {
    margin-left: -6px;
    margin-right: -6px;
  }
  .cart__btn__row > [class*=col-] {
    padding-left: 6px;
    padding-right: 6px;
  }
  .cart__btn {
    margin-bottom: 25px;
  }
  .cart__btn a {
    font-size: 11px;
    padding: 10px 12px;
    width: 100%;
    justify-content: center;
    border-radius: 20px;
  }
  .discount__content {
    padding: 18px 16px;
    margin-bottom: 20px;
    border-radius: 12px;
  }
  .discount__content h6 {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .discount__content form input {
    height: 42px;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 95px;
  }
  .discount__content form button {
    height: 34px;
    padding: 0 16px;
    font-size: 11px;
    top: 4px;
    right: 4px;
  }
  .cart__total__procced {
    padding: 20px 16px;
    border-radius: 12px;
  }
  .cart__total__procced h6 {
    font-size: 14px;
    margin-bottom: 14px;
    padding-bottom: 8px;
  }
  .cart__total__procced ul li {
    font-size: 12px;
    line-height: 28px;
  }
  .cart__total__procced ul li:last-child {
    font-size: 14px;
  }
  .cart__total__procced .primary-btn {
    padding: 11px 0;
    font-size: 12px;
    border-radius: 20px;
  }
  /* Checkout Mobile Optimization */
  .checkout {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .coupon__link {
    font-size: 12.5px;
    padding: 12px 14px;
    margin-bottom: 20px;
    border-radius: 12px;
    align-items: flex-start;
    gap: 10px;
  }
  .coupon__link i {
    font-size: 15px;
    margin-top: 2px;
  }
  .coupon__link span {
    line-height: 1.45;
  }
  .coupon__link a {
    font-size: 12.5px;
    font-weight: 700;
  }
  .checkout__billing__card {
    padding: 20px 16px;
    margin-bottom: 20px;
    border-radius: 12px;
  }
  .checkout__form h5 {
    font-size: 15px;
    margin-bottom: 18px;
    padding-bottom: 10px;
  }
  .checkout__form .checkout__form__input {
    margin-bottom: 14px;
  }
  .checkout__form .checkout__form__input p {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .checkout__form .checkout__form__input input {
    height: 42px;
    font-size: 12px;
    padding-left: 12px;
    margin-bottom: 8px;
    border-radius: 8px;
  }
  .checkout__order {
    padding: 20px 16px;
    border-radius: 12px;
  }
  .checkout__order h5 {
    font-size: 15px;
    margin-bottom: 14px;
    padding-bottom: 10px;
  }
  .checkout__order__product ul li {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .checkout__order__product ul li span {
    font-size: 12px;
  }
  .checkout__order__product ul li .top__text,
  .checkout__order__product ul li .top__text__right {
    font-size: 12.5px;
  }
  .checkout__order__total ul li {
    font-size: 12px;
    line-height: 28px;
  }
  .checkout__order__total ul li:last-child {
    font-size: 14px;
  }
  .checkout__order__widget label {
    font-size: 12px;
    padding: 10px 10px 10px 32px;
    border-radius: 10px;
  }
  .checkout__order__widget label .checkmark {
    left: 10px;
    width: 14px;
    height: 14px;
  }
  .checkout__order__widget label .checkmark:after {
    left: 2px;
    top: 2px;
    width: 6px;
    height: 6px;
  }
  .checkout__order .site-btn {
    padding: 12px 0;
    font-size: 13px;
    border-radius: 20px;
  }
  /* Profile / About Page Mobile Optimization (Minishop 1-to-1 Responsive with Side Padding) */
  .hero-wrap.hero-bread {
    padding: 6em 15px;
  }
  .hero-wrap.hero-bread .slider-text .bread {
    font-size: 26px;
  }
  .ftco-section {
    padding: 4em 0;
  }
  .ftco-services {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ftco-services .services {
    margin-bottom: 30px;
  }
  .img-2 {
    height: 280px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 16px;
    margin-bottom: 30px;
  }
  .wrap-about {
    padding-left: 20px;
    padding-right: 20px;
  }
  .wrap-about .heading-section-bold {
    margin-bottom: 15px !important;
  }
  .wrap-about .heading-section-bold h2 {
    font-size: 26px;
    line-height: 1.35;
    margin-bottom: 15px !important;
  }
  .wrap-about p {
    font-size: 14px;
    line-height: 1.65;
    margin-bottom: 15px;
  }
  .wrap-about .btn.btn-primary {
    width: 100%;
    text-align: center;
    padding: 13px 20px;
    font-size: 13px;
  }
  .services-flow {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 3em;
  }
  .heading-section {
    padding-left: 15px;
    padding-right: 15px;
  }
  .heading-section h2 {
    font-size: 26px;
  }
  .testimony-section {
    padding: 4em 0;
  }
  .gallery .icon {
    opacity: 1;
  }
  /* Instagram Swipeable Horizontal Gallery */
  .instagram {
    padding: 10px 0 20px;
    overflow: hidden;
  }
  .instagram .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .instagram .row {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 0;
    margin-right: 0;
    gap: 10px;
  }
  .instagram .row::-webkit-scrollbar {
    display: none;
  }
  .instagram .row {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .instagram .row > [class*=col-] {
    flex: 0 0 145px;
    max-width: 145px;
    padding: 0;
    scroll-snap-align: start;
  }
  .instagram .instagram__item {
    height: 190px;
    margin-bottom: 0;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }
  .instagram .instagram__item .instagram__text {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    background: rgba(0, 0, 0, 0.35);
    padding: 8px 10px;
    border-radius: 10px;
    backdrop-filter: blur(2px);
  }
  .instagram .instagram__item .instagram__text i {
    font-size: 22px;
    margin-bottom: 4px;
  }
  .instagram .instagram__item .instagram__text a {
    font-size: 11px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 479px) {
  .product__item__pic {
    height: 165px;
  }
  .product__hover li a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
  }
  .product__item__text {
    padding: 8px 6px 8px;
  }
  .product__item__text .product__item__cat {
    font-size: 8px;
    padding: 1px 5px;
  }
  .product__item__text h6 a {
    font-size: 11px;
  }
  .product__item__text .product__meta {
    font-size: 8px;
  }
  .product__item__text .product__meta .meta__badge {
    font-size: 7.5px;
  }
  .product__item__text .product__price-row .product__price {
    font-size: 12.5px;
  }
  .product__item__text .product__price-row .product__stock-pill {
    font-size: 8px;
    padding: 1px 5px;
  }
  .product__item__text .product__buy-btn {
    font-size: 10px;
    padding: 5px 0;
    border-radius: 12px;
  }
  .services__item {
    padding: 16px 8px;
    margin-bottom: 12px;
  }
  .services__item i {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 17px;
    margin-bottom: 8px;
  }
  .services__item h6 {
    font-size: 12px;
    margin-bottom: 3px;
  }
  .services__item p {
    font-size: 10px;
  }
  .instagram .row > [class*=col-] {
    flex: 0 0 130px;
    max-width: 130px;
  }
  .instagram .instagram__item {
    height: 170px;
    border-radius: 12px;
  }
}

/*# sourceMappingURL=style.css.map */