@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/***** General CSS *****/

body {
  word-break: break-word;
  font: 15px/25px 'Poppins', sans-serif;
  color: #393939;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: #28b16d;
  white-space: initial;
}

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

a:hover {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}

img {
  max-width: 100%;
}

input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus,
select:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  outline: none;
}

select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea,
input[type="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

p {
  font-weight: 500;
}


/***** Font Files *****/

@font-face {
  font-family: 'Fonts Awesome';
  src: url(../fonts/fontawesome-webfont.eot);
  src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'urbanshadow';
  src: url(../fonts/urbanshadowsansserif.ttf);
  font-weight: 400;
  font-style: normal
}
/***** Custom Classes *****/

.noPadding {
  padding: 0;
}

.noLeft {
  padding-left: 0;
}

.noRight {
  padding-right: 0;
}

.centerCol {
  float: none;
  margin: 0 auto;
}

.theme-btn {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 15px 40px;
  color: #fff;
  margin: 20px 20px 20px 0;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  text-transform: capitalize;
  border: 2px solid;
  text-transform: uppercase;
}

.theme-btn:hover {
  background-color: #fff;
  color: #28b16d;
  border-color: #28b16d;
}

.flexRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.flexCol {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  align-items: center;
}

h1 {
  font-family: 'urbanshadow';
  font-size: 55px;
  line-height: 60px;
  color: #fff;
  font-weight: 500;
  margin: 0 0 17px;
}

h2 {
  font-family: 'urbanshadow';
  font-size: 55px;
  line-height: 60px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 30px;
}

h3 {
  font-family: 'urbanshadow';
  font-size: 30px;
  line-height: 34px;
  color: #000000;
  font-weight: 600;
  margin: 0 0 28px;
}

h4 {
  font-family: 'urbanshadow';
  font-size: 24px;
  line-height: 29px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 13px;
}

h5 {
  font-family: 'urbanshadow';
  font-size: 20px;
  line-height: 25px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 20px;
}

h6 {
  font-family: 'urbanshadow';
  font-size: 18px;
  line-height: 23px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 22px;
}

select {
  background: #fff url('../images/arrow.png') no-repeat right;
  padding: 0 40px 0 30px;
  
}

::-webkit-input-placeholder {
  color: #575757;
}

::-moz-placeholder {
  color: #575757;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #575757;
}

:-moz-placeholder {
  color: #575757;
  opacity: 1;
}


/*header css start */

.menuSec {
  padding: 30px 0;
  border-bottom: 1px solid #0000001f;
  margin: 0px 15px;
}

.menuSec img {
  margin: 0;
}

.menuSec ul {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  text-transform: capitalize;
}

.menuSec ul li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.menuSec li ul {
  display: none;
}

.menuSec ul li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #161616;
    padding: 10px 32px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

/*.menuSec ul li a:after {
  content: '';
  position: absolute;
  top: 35%;
  right: 0;
  width: 1px;
  height: 13px;
  background-color: #393939;
}*/

.menuSec ul li:last-child a {
  padding-right: 0px;
}

.menuSec ul li:last-child a:after {
  display: none;
}

.menuSec ul li a:hover,
.menuSec ul li a.active {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  color: #28b16d;
}

.menuSec li:hover>ul {
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: #000000;
  left: 0px;
  width: 230px;
  text-align: left;
  top: 38px;
}

.menuSec li>ul>li>a {
  border: none;
  padding: 13px 20px !important;
  color: #fff !important;
  overflow: hidden;
  font-size: 13px;
  line-height: 20px;
}

.menuSec li>ul>li,
.menuSec li>ul>li>a {
  display: block;
  margin: 0;
}

.menuSec li>ul>li>a:before,
.menuSec li>ul>li>a:after {
  display: none;
}

.menuSec li:hover li {
  float: none;
}

.menuSec li:hover a {}

.menuSec li ul li a:hover {
  background-color: #ffffff;
  color: #000000 !important;
}

.menuSec ul ul ul {
  left: 100%;
  top: 0;
}

.menuSec ul:before,
.menuSec ul:after {
  content: " ";
  display: table;
}

.menuSec ul:after {
  clear: both;
}

.menuSec li>ul>li:hover>ul {
  left: 230px;
  top: 0px;
  width: 270px;
}
.droopdwon li:hover>ul {
    display: block;
    position: absolute;
    z-index: 1000;
    background-color: #000000;
    left: 0px;
    width: 230px;
    text-align: left;
    top: 40px;
}
.droopdwon {
    float: left;
}
.droopdwon li:hover li a:hover {
    background-color: #ffffff;
    color: #000 !important;
}
/*header css start */

.dropdown-menu {
    position: absolute !important;
    z-index: 1000;
    display: block;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
/*banner css start */




.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
  width: 100%;
}
.carousel-control.right,
.carousel-control.left {
  background: none;
  opacity: 1;
  width: 50px;
  height: 50px;
  top: initial;
  top: 40%;
  background: rgba(255, 255, 255, 0.1);
  text-shadow: none;
}
.carousel-control.right:hover,
.carousel-control.left:hover {
  background: rgba(255, 27, 27, 0.6);
  color: #fff;
}
.carousel-control.right .fa,
.carousel-control.left .fa {
  position: relative;
  top: 12px;
  font-size: 20px;
  color: #fff;
  opacity: 0.5;
}
.carousel-control.right {
  right: 0px;
}
.carousel-control.left {
  left: 0px;
}
.carousel-indicators {}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 12px;
    padding: 0;
    margin: 3px!important;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    /* transition: opacity 0.6s ease; */
    border-radius: 20px;
}
.carousel-caption {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background: #ffffff00;
}
.carousel-indicators li {
  border: none;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  background: #fff;
  width: 12px;
  height: 12px;
  margin: 0;
}
.carousel-indicators .active {
  margin: 0;
  background-color: #28b16d;
  width: 10px;
  height: 12px;
}
/*banner css end*/

.blog_sec {
  padding: 5% 0;
}
/*slick slider in tabs css start*/


/* Style the tab */




.tab_sec .tab {
  overflow: hidden;
  border: 0;
  background-color: #ffffff;
}
/* Style the buttons that are used to open the tab content */
.tab_sec .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}
/* Change background color of buttons on hover */
.tab_sec .tab button:hover {
  background-color: #ddd;
}
/* Create an active/current tablink class */
.tab_sec .tab button.active {
  background-color: #ccc;
}
/* Style the tab content */

.tab_sec .tabcontent {
  display: none;
  padding: 6px 12px;
  border: 0;
}
.tabcontent.active {
  display: block;
}
/*slick slider in tabs css start*/

.nav-item {padding: 10px;}


.menuSec .container {
    max-width: 1480px;
}

.header-field input {
    border: unset;
    border-bottom: 1px solid #0000005c;
    width: 250px;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
    color: #161616;
    text-transform: uppercase;
    background: unset;
}

.header-field {
    position: relative;
}

.header-field button {
    border: unset;
    position: absolute;
    right: 0;
    background: unset;
}


.header-right a {
    font-family: 'Montserrat';
    font-size: 14px;
    color: #161616;
    font-weight: 500;
    text-transform: uppercase;
}

a.head-cart {
    border: 1px solid #00000075;
    padding: 10px 15px;
    border-radius: 40px;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: end;
}

header {
    position: absolute;
    width: 100%;
    z-index: 2;
}

.pinBtn {
  width: fit-content;
  height: 53px;
  border-radius: 38px;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
  overflow: hidden;
  text-decoration: none;   /* remove underline */
  padding: 0px 0px 0px 0px;
  background: #fff;
  box-shadow: -3.119px 14.672px 38px 0px rgba(21, 21, 23, 0.21);
}

/* Icon background */
.pinBtn .IconContainer {
  width: 52px;
  height: 50px;
  background: #08bbae;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: 0.3s;
}

/* Arrow image */
.pinBtn .iconImg {
  width: 21px;
  height: 26px;
  object-fit: contain;
  /* filter: brightness(0) invert(1); */ /* white arrow */
}

/* Text */
.pinBtn .text {
  height: 100%;
  width: 167px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  transition: 0.3s;
  font-size: 14px;
  font-family: 'Montserrat';
  font-weight: 500;
  text-transform: uppercase;
}

/* Hover animation */
.pinBtn:hover .IconContainer {
  width: 190px;
  border-radius:  0px;
}

.pinBtn:hover .text {
  transform: translateX(20px);
  width: 0;
  font-size: 0;
}

/* Click */
.pinBtn:active {
  transform: scale(0.95);
}

/*Banner Start*/

img.banner-img {
    width: 100%;
}
.banner_text h1 {
    text-transform: uppercase;
    font-size: 90px;
    color: #000;
    line-height: 78px;
}

.banner_text h1 span {
    display: block;
    color: #fff;
    padding-top: 10px;
}

.banner_text p {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    opacity: 0.8;
    width: 90%;
}
section.main_slider .container {
    max-width: 1490px;
}
.banner_img h3 {
    font-size: 360px;
    background: linear-gradient(180deg, rgba(8, 187, 174, 0.83) 42%, rgba(255, 255, 255, 1) 40%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    line-height: 360px;
    width: fit-content;
    position: absolute;
    right: 0;
    top: 21px;
    z-index: -1;
}

.banner_img {
    position: relative;
    z-index: 1;
}
.carousel-control-prev-icon {width: 17px;height: 15px;}

.carousel-control-prev, .carousel-control-next {
    height: 41px;
    width: 43px;
    border: 1px solid #ffffffba;
    border-radius: 50%;
    top: unset;
    bottom: 38px;
    background: #09bbae;
    opacity: 1;
}

.carousel-control-next-icon {
    width: 17px;
    height: 15px;
}

.carousel-control-prev {
    left: unset;
    right: 170px;
}

.carousel-control-next {
    right: 110px;
}
.header-social ul li {
    border: 1px solid #ffffff8f;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #09bbae;
}

.header-social ul li a {
    color: #ffff;
}

.header-social ul {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #09bbae;
    border-radius: 10px;
}

.header-social  p {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #ffffffc2;
    background: #09bbae;
    padding: 0px 10px;
}

.header-social {
    display: flex;
    align-items: center;
    gap: 70px;
}

.header-social {
    position: absolute;
    bottom: 20px;
    z-index: 1;
}

.header-social::before {
    position: absolute;
    content: '';
    background: #ffffff61;
    width: 87%;
    height: 1px;
    left: -90px;
    bottom: 37px;
    z-index: -1;
}

section.main_slider {
    margin: 0px 15px;
}

.header-social ul li:hover {
    background: #fff;
}

.header-social ul li:hover a {
    color: #35a99c;
}
/*banner End*/


/*Section About Start*/

.about-main-sec {
    padding: 100px 0px;
}

.about-main-sec .row {
    justify-content: center;
    background: #08bbae;
    margin: 0px 120px;
}

.about-img img {
    width: 100%;
    border: 18px solid #fff;
}


.about-img {
    margin-right: 50px;
    margin-top: 40px;
    padding-left: 35px;
}

.about-text h2 {
    font-size: 70px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
}

.about-text p {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 90%;
}

.about-text ul li {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.about-text ul li span {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'urbanshadow';
    display: block;
}

.about-text ul {
    column-count: 2;
    margin: 23px 0px;
    position: relative;
}

.about-text {
    margin-top: 60px;
}

.about-text ul::before {
    position: absolute;
    content: '';
    background: #ffffff47;
    width: 1px;
    height: 80px;
    left: -30px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}


/*Section About End*/


/*Section Devices Start*/

.heading-devices h2 {
    color: #000;
    text-transform: uppercase;
    font-size: 75px;
    margin-bottom: 0px;
    text-align: center;
}

.heading-devices p {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-align: center;
}

.devices-img img {
    width: 140px;
    height: 140px;
    object-fit: contain;
    margin: 0 auto;
}

.devices-img {
    background: #f6f6f6;
    text-align: center;
    padding: 40px 0px;
}

.devices-text h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0px;
    line-height: 30px;
}

.devices-text p {
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 500;
    color: #000;
    margin-bottom: 7px;
}

.devices-text ul {
    display: flex;
    margin-bottom: 15px;
}

.devices-text ul li p {
    font-family: 'urbanshadow';
    font-size: 12px;
    margin-bottom: unset;
}

.devices-text ul li i {
    color: #ff9600;
}

.devices-box {
    box-shadow: 0px 14px 73px 0px rgba(117, 117, 117, 0.09);
    padding: 13px;
}

.devices-text {
    margin-top: 20px;
}

.devices-btn .pinBtn .text {width: 130px;}

.devices-btn .price-tag {
    font-family: 'urbanshadow';
    font-size: 16px;
    background: #f5f5f5;
    padding: 8px 16px 2px;
    border-radius: 40px;
}
a.device-btn {
    font-family: 'Montserrat';
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 6px 5px 5px 15px;
    border-radius: 30px;
    width: fit-content;
}

a.device-btn i {
    background: #08bbae;
    color: #fff;
    width: 60px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}

.devices-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.devices-btn a:hover {
    background: #000;
    color: #fff;
}
.devices-text h2 a {
    color: #000;
}
/*Section Devices End*/


/*Section Partner Start*/
.devices-main-sec {
    padding: 70px 0px 100px;
}

.partner-main-sec {
    background-image: url(../images/partner-back.jpg);
    width: 100%;
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.partner-text h2 {
    font-size: 75px;
    color: #fff;
    text-transform: uppercase;
    line-height: 67px;
    border-bottom: 1px solid #fff;
    width: fit-content;
    margin-bottom: 10px;
}

.partner-text p {
    font-family: 'Montserrat';
    font-size: 14px;
    color: #fff;
}

.partner-text .pinBtn .text {
    font-size: 11px;
}
.partner-main-sec .container {
    max-width: 1440px;
}

/*Section partner End*/


/*Section Choose Start*/

.choose-text h2 {
    font-size: 75px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 1px;
}

.choose-text p {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.choose-main {
}

.choose-text {
    background: #fff;
    margin-left: -150px;
    padding: 35px 30px 14px;
    border-radius: 7px;
    margin-right: 40px;
    margin-top: 10px;
}

.choose-main-sec  .row.top-row {
  justify-content: center;
  align-items: center;
  position: relative;
}

.choose-main-sec {
    padding: 100px 0px;
}

.choose-img img {
    border-radius: 10px;
    width: 100%;
    height: 410px;
    object-fit: cover;
}
.choose-main-sec .top-row::before {
    position: absolute;
    content: '';
    background: #08b4a8;
    width: 50%;
    right: 110px;
    top: 0;
    height: 100%;
    z-index: -1;
    border-radius: 10px;
}
.chooose-btm-row .row {
    justify-content: center;
}

.choose-btm-text ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-family: 'urbanshadow';
    font-size: 18px;
    color: #000;
}

.choose-btm-text p {
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 500;
    color: #000;
}

.chooose-btm-row .row {
    align-items: center;
}
.rt-choose-img img {
    width: 100%;
}
.choose-btm-text a.pinBtn {
    background: #08bbae;
    border-color: #08bbae;
}

.choose-btm-text .pinBtn .text {
    color: #fff;
}

.choose-btm-text .pinBtn .iconImg {
    filter: brightness(0) saturate(100%) invert(61%) sepia(42%) saturate(3800%) hue-rotate(135deg) brightness(94%) contrast(94%);
}

.choose-btm-text span.IconContainer {
    background: #fff;
}
/*Section Choose End*/


/*Section home Contact Start*/

.hm-contact-main-sec {
    background-image: url(../images/contact-back.jpg);
    width: 98%;
    height: 650px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: baseline;
    align-items: center;
    margin: 0 auto;
    border-radius: 10px 10px 0px 0px;
    margin-top: 140px;
    position: relative;
}

.contact-text h2 {
    font-size: 75px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: 80px;
}

.contact-text p {
    font-family: 'Montserrat';
    font-size: 14px;
    color: #fff;
    width: 90%;
}
.contact-field input {
    border: 1px solid #ffffff75;
    width: 100%;
    background: transparent;
    padding: 13px 10px;
    border-radius: 9px;
    font-family: 'Montserrat';
    color: #fff;
    font-weight: 400;
}

.contact-field {
    position: relative;
}

.contact-field i {
    position: absolute;
    right: 10px;
    color: #fff;
    top: 20px;
    font-size: 15px;
}

.contact-field input::placeholder {
    color: #fff;
}

.contact-field {
    margin-bottom: 25px;
}

.contact-field textarea {
    border: 1px solid #ffffff75;
    width: 100%;
    background: transparent;
    padding: 13px 10px;
    border-radius: 9px;
    font-family: 'Montserrat';
    color: #fff;
    height: 210px;
}

.contact-field textarea::placeholder {
    color: #fff;
    position: absolute;
    bottom: 20px;
}

.contact-main-form {
    background: #08bbae;
    padding: 50px 40px 40px;
    margin-top: -330px;
    border-radius: 10px;
}

.hm-contact-main-sec::before {
    position: absolute;
    content: '';
    background: #fff;
    width: 50%;
    bottom: 0;
    height: 140px;
    right: 0;
}

/*Section Home Contact End*/



/*Section testimonials Start*/

section.testi_sec {
    position: relative;
    padding: 100px 0px;
}



.review-box img {
    width: 76px;
    height: 75px;
    border-radius: 50%;
    border: 4px solid #fff;
    object-fit: cover;
}




.review-box .review-text {
    padding: 35px 30px 50px 30px;
    border-radius: 5px;
    position: relative;
    background: #ffffff;
    /* box-shadow: 1px 1px 6px 1px #00000042; */
    margin-bottom: 20px;
    background: url(../images/testi-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* height: 335px; */
}
.review-box ul li h2 {
    color: #000;
    font-size: 19px;
    font-weight: 600;
    margin: 0 0 0px 0;
    text-transform: uppercase;
    line-height: unset;
    font-family: 'urbanshadow';
}

.review-box ul li h5 {
    color: #08bbae;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 13px;
    font-family: 'urbanshadow';
}
.reviewslid .slick-active {
    opacity: 1;
}
.review-text ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.review-text ul li img {
    border: unset;
    border-radius: unset;
    width: 55px;
    height: unset;
    position: relative;
    top: 150px;
    right: 30px;
    filter: brightness(0) saturate(100%) invert(40%) sepia(49%) saturate(478%) hue-rotate(314deg) brightness(102%) contrast(90%);
}

.review-text ul li i {
    color: #39bcae;
    font-size: 20px;
}
.reviewslid .slick-list.draggable {
    margin: 20px 0px;
}
.review-text p {
    font-size: 14px;
    color: #8d8d8d;
    margin: 0 0 0px 0;
    font-family: 'Montserrat';
}
.testi_heading h2 {
}
.review-box ul {
    display: flex;
    align-items: center;
    gap: 26px;
    margin: 20px 0px 20px 20px;
}




.testi_sec .slick-prev:before, .slick-next:before {
    font-family: 'Font Awesome 6 Pro';
    background: #b4615e;
    color: #fff;
    padding: 10px 15px;
    border-radius: 50px;
    opacity: 1;
    }

.testi_sec .slick-next:before {
    content: '\f054';}
.testi_sec .slick-prev:before {
    content: '\f053';
}  

.testi_sec .slick-prev {
    left: -75px;
}

.testi_sec .slick-next {
    right: -45px;
}

.testi_heading.text_center.wow.fadeInDown {
    text-align: center;
    padding: 0 200px 20px 200px;
}

.review-box .review-text ul {
    margin: 20px 0px 20px 0px;
}
.review-box:hover .review-text {
    background: #08bbae;
}

.review-box:hover .review-text ul li i {
    color: #fff;
}

.review-box:hover .review-text p {
    color: #fff;
}
.review-text:before {
    position: absolute;
    content: '';
    background: #ffff;
    clip-path: polygon(100% 0, 0 0, 0 100%);
    width: 20px;
    height: 20px;
    left: 70px;
    bottom: -20px;
}

.review-box:hover .review-text:before {
    background: #08bbae;
}

.review-box:hover img {
    border: 4px solid #08bbae;
}
/*Section testimonials End*/


/*Footer Css Starts*/

.footer-main {
    background-color: #161616;
    position: relative;
    z-index: 2;
}

footer {
    padding: 80px 0 0 0;
}

.footer-txt-box {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 20px;
}

.footer-txt p {
    color: #fff;
    opacity: 0.7;
}

.footer-socials-main {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 10px;
    width: 100%;
    margin-top: 0px;
}

.footer-txt h5 {
    color: var(--white);
}

.footer-heading {
    position: relative;
    display: flex;
    align-items: start;
    justify-content: start;
    height: 50px;
    width: 100%;
}

.footer-heading::before {
    /* content: ''; */
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #ffffff52;
    width: 100%;
}

.footer-heading h5, .footer-socials-txt h5 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'urbanshadow';
    font-weight: unset;
    font-size: 20px;
    width: fit-content;
    /* border-bottom: 1px solid #ffffff91; */
    padding-bottom: 15px;
    padding-right: 50px;
}

.footer-txt-main {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 10px;
    width: 100%;
    margin: 0 auto;
    margin-left: 20px;
}

.footer-links ul li a {
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 400;
    line-height: 1;
    color: #fff;
    opacity: 0.7;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: start; */
    /* gap: 15px; */
    /* transition: ease-in; */
    /* transition-duration: 0.5s; */
}

.footer-links ul li a:hover {
    opacity: 1;
    transition: ease-out;
    transition-duration: 0.5s;
}
    
 

.footer-links ul {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 16px;
    width: 100%;
    column-count: 2;
}

.footer-socials ul {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}

.footer-socials ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background: transparent;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #ffffff61;
    color: #ffffff61;
}

.footer-socials ul li a i {
    color: #fff;
    font-size: 12px;
}

.footer-copy-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 82%;
    margin: 0 auto;
}

.footer-copy-txt p, .footer-copy-txt p a {
    font-size: 14px;
    line-height: 20px;
    color: #ffffff85;
    transition: ease-in;
    transition-duration: 0.5s;
    margin-bottom: 0px;
    font-family: 'Montserrat';
}

.footer-copy-txt p a:hover {
    color: var(--base2);
    transition: ease-out;
    transition-duration: 0.5s;
}

.footer-main .footer-ex {
    padding: 20px 0 8px 0;
    margin-top: 50px;
    border-top: 1px solid #ffffff52;
    position: relative;
}


.footer-links.ft-pg-links ul {
    width: 87%;
    column-count: 2;
    display: block;
    margin-top: 9px;
}

.footer-links.ft-pg-links ul li {
    margin-bottom: 26px;
}
.footer-links.ft-pg-links {
    width: 100%;
}
.footer-links ul li {
    font-family: 'Montserrat';
    font-size: 14px;
}
.footer-links.ft-pg-links ul li a {
    text-transform: uppercase;
}
.footer-txt-main.mainquick-link {
    margin-left: 45px;
}
.follow-us h5 {
    border-bottom: unset;
    padding-bottom: 0px;
    margin-bottom: 6px;
    margin-top: 10px;
}
ul.ft-contact li a {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 22px;
    padding-bottom: 10px;
}
.footer-logo p {
    font-family: 'Montserrat';
    font-size: 14px;
    color: #ffffffa1;
}

.footer-logo a {
    font-size: 13px;
    font-family: 'Montserrat';
    display: block;
    color: #ffffffb3;
}

.footer-logo a img {
    margin-bottom: 20px;
}

.footer-txt-main p {
    font-family: 'Montserrat';
    font-size: 14px;
    color: #ffffffa1;
}

.ft-fields input {
    border: 1px solid #ffffff80;
    background: unset;
    width: 100%;
    padding: 10px 20px;
    border-radius: 30px;
    font-family: 'Montserrat';
    font-size: 14px;
    color: #fff;
}

.ft-fields button {
    font-family: 'Montserrat';
    font-size: 14px;
    background: #08bbae;
    border: 1px solid #08bbae;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.ft-fields {
    position: relative;
}

footer .container {max-width: 1410px;}
.footer-socials ul li a:hover {
    background: #39bcae;
}
/*Footer Css Ends*/


/*Inner Banner Start*/

.inner-banner {
    background-image: url(../images/inner-bannerimg.png);
    width: 100%;
    height: 570px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    background-position: center;
    z-index: 1;
}

.inner-banner .container {
    max-width: 1450px;
}

.innerbanner-text h2 {
    color: #000;
    font-size: 75px;
    text-transform: uppercase;
    margin-bottom: unset;
}

.inner-banner::before {
    position: absolute;
    content: '';
    background: #ffffff82;
    width: 100%;
    height: 100%;
    z-index: -1;
}


/*inner Banner ENd*/


/*About Page Start*/
.abt-btm-text p {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 100%;
}

.abt-btm-text {
    margin-top: 20px;
}

/*About Page End*/


/*Shop Page Start*/

.tool_tip {
    display: none;
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #4fbdae;
    color: white;
    padding: 2px 9px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 1;
    font-size: 13px;
}

.product_select {
    display: flex;
    align-items: center;
}

.product_select select {
    padding: 0 10px;
    appearance: auto;
    width: 100%;
    height: 40px;
    border: 1px solid #ebebeb;
    border-radius: 6px;
}

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

.product_show ul {
    font-family: montserrat;
    font-size: 17px;
    margin-bottom: 0px;
}

.product_show ul li a:focus-within {
    color: #000;
}

.product_show ul li a:hover {
    color: #853f59;
}

.product_select h6 {
    width: 85px;
    margin: 0;
    font-size: 15px;
    text-transform: capitalize;
    font-family: 'Montserrat';
}

.product_grid ul li a:hover .tool_tip {
    display: block;
}

h5.capi {
    text-transform: capitalize;
    margin-top: 30px;
}

.bannertabs .nav {
    display: block !important;

}

.product_top_bar {
    background-color: #fff;
    padding: 30px 0px;
}

.product_heading h4 {
    font-size: 15px;
    font-family: 'Montserrat';
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.bannertabs .nav1 ul {
    display: block !important;
}
.product_main_box {
    margin: 30px 0 0  0;
}
.product_main_box  .our-product-img img {
    height: 340px;
    width: 100%;
    object-fit: cover;
}



.bannertabs h5 {
    margin: 10px 0;
    font-size: 23px;
}


.bannertabs h5 {
    margin: 10px 0;
    font-size: 30px;
    font-weight: 600;
    font-family: 'urbanshadow';
    color: #000;
    text-transform: uppercase;
    font-weight: unset;
}

.bannertabs {
    background: #fff;
    padding: 39px 30px;
}
section.Inner_Product_Sec.sec {
    padding: 100px 0  100px 0;
}
.bannertabs .nav.nav1.stroke ul li a:hover {
    transition: 0.3s ease-in-out;
    margin-left: 15px;
}

.bannertabs .nav.nav1.stroke ul li a {
    text-align: left;
    text-transform: capitalize;
    display: block;
    padding: 13px 0;
    border-bottom: 1px solid #1f212540;
    font-weight: 400;
    transition: 0.3s ease-in-out;
    font-size: 14px;
    color: #000;
    font-family: 'Montserrat';
}

.bannertabs .nav.nav1.stroke ul li:last-child a {
    border: navajowhite;
}

.product_show ul li a {
    font-weight: 500;
    font-family: 'Montserrat';
    font-size: 15px;
    color: #000000c7;
}

.product_main_box .clothing_box_image img {
    height: 450px;
    object-fit: cover;
    object-position: center;
}

.product_grid ul {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    margin-bottom: 0px;
    justify-content: end;
}

.product_grid ul li {
    position: relative;
    color: #4fbdae;
}

.product_grid ul li a:hover {
    color: #4fbdae;
}

.product_grid ul li a:focus-within {
    color: #000;
}
.connector-line {
    position: absolute;
    height: 7px;
    background-color: #153467;
    top: -3px;
    z-index: 1;
    border-radius: 40px;
}

.product_show ul li {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
}

.product_grid ul li a {
    color: #4fbdae;
}

.product_main_box .diamond-main-box {
    margin-bottom: 50px;
}
.txt-diamond h2 a {
    color: #000;
}
.productdetailsmallportion img {
    border: 2px solid #00000021;
}

.product-content {
    margin-top: 25px;
}
.bannertabs h3 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: unset;
    text-transform: uppercase;
}


.range-slider-main .price-values{
  display:flex;
  justify-content:space-between;
  margin-bottom:20px;
}

.range-slider-main .price-values span{
  background: #39bcae;
  color:#fff;
  padding:6px 10px;
  border-radius: 0px;
  font-weight: 500;
  font-size:14px;
  font-family: 'Montserrat';
}

.range-slider-main .slider{
  position:relative;
  height:6px;
  background:#ddd;
  border-radius:5px;
  margin: unset;
  width: 100%;
}

.range-slider-main .slider .progress{
  position:absolute;
  height:100%;
  background: #39bcae;
  border-radius:5px;
  left:0%;
  right:0%;
}

.range-slider-main .range-input{
  position:relative;
}

.range-slider-main .range-input input{
  position:absolute;
  top:-6px;
  height:6px;
  width:100%;
  background:none;
  pointer-events:none;
  -webkit-appearance:none;
}

.range-slider-main input[type="range"]::-webkit-slider-thumb{
  height:18px;
  width:18px;
  border-radius:50%;
  background:#39bcae;
  pointer-events:auto;
  -webkit-appearance:none;
  cursor:pointer;
  border:none;
}

.range-slider-main input[type="range"]::-moz-range-thumb{
  height:18px;
  width:18px;
  border-radius:50%;
  background:#39bcae;
  pointer-events:auto;
  border:none;
  cursor:pointer;
}

.range-slider-main .range-text{
  margin-top:15px;
  font-size:14px;
  font-family: 'Montserrat';
  font-weight: 500;
  color: #000;
}
.range-slider-main {
    margin-bottom: 20px;
    margin-top: 30px;
}

section.Inner_Product_Sec.sec .container {
    max-width: 1450px;
}
/*Shop Page End*/


/* Shop detail Page starts */

section.product-detail {
    padding: 100px 4% 40px;
}

.product-detail .productdetailportion {
    height: 500px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 17px;
    justify-content: center;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.07);
    width: 100%;
}

.productdetailfor .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}
section.product-detail .row {
    align-items: center;
    justify-content: center;
}
.productdetailnav .slick-slide {
    margin: 0 10px;
    cursor: pointer;
}

.productdetailsmallportion {
    width: 100%;
    display: flex;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ececec;
    background-color: var(--white);
    height: 130px;
}

.productdetailsmallportion img {
    width: 100%;
    height: 100%;
    transition: 0.3s;
    object-fit: cover;
    border-radius: 10px;
}

.productdetailnav .slick-slide.slick-current .productdetailsmallportion {
    position: relative;
}

.productdetailnav .slick-slide.slick-current .productdetailsmallportion::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background-color: var(--white);
    z-index: -1;
}

.productdetailnav .slick-slide.slick-current .productdetailsmallportion {
    padding: 5px;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.07);
}

.product-content .top-section h6 {
    font-size: 45px;
    margin-bottom: 15px;
    font-family: 'urbanshadow';
    color: #000;
    text-transform: uppercase;
}

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

.product-content ul li {
    margin-right: 5px;
    font-size: 17px;
    color: black;
    font-weight: 600;
}

.product-content ul li i.fas.fa-star {
    color: #ffc107;
}

.product-content hr {
    margin: 20px 0;
    border-color: #eee;
}

.row.flexEnd.price_rev ul {
    display: flex;
}

.row.flexEnd.price_rev p {
    font-size: 17px;
    color: black;
    font-weight: 600;
    font-size: 17px;
    margin: 0;
    border-left: 2px solid #000;
    padding-left: 20px;
}

.brand p {
    line-height: 1.6;
}

.product-detail .slick-active {
    opacity: 1;
}

.product-detail .slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
    margin: 8px 10px;
}

ul.brand h3 {
    color: #00000082;
    font-size: 22px;
    padding: 20px 0 20px 0;
    text-decoration: line-through;
}

.price_rev {
    margin-bottom: 15px;
}

ul.brand h2 {
    line-height: 1;
    font-size: 30px;
    font-weight: 600;
    padding: 0 0 1px 0;
    color: #08bbae;
    margin-bottom: unset;
    font-weight: unset;
}

ul.brand h4 {
    font-size: 16px;
    margin: 20px 0px;
    text-transform: uppercase;
}

ul.brand p {
    padding: 0 0 0px 0;
    color: #000000b8;
    font-family: 'Montserrat';
    font-size: 14px;
}

.quanity.product-detail div {
    gap: 10px;
    display: flex;
    align-items: center;
    margin: 0px 0px 20px;
    border-radius: 0 !important;
    justify-content: flex-start;
}

.quanity.product-detail .num-block.skin-2 .num-in,
.quanity.product-detail .num-block.skin-2 {
    gap: 0;
    margin-bottom: 0px;
}

.quan-count {
    height: 47px;
    width: 171px;
    display: flex;
    padding: 0px 10px;
    border-radius: 60px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbcbcb;
    margin: 0;
}

.sku {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.sku p {
    font-size: 17px;
    font-weight: 600;
    padding: 0 0 10px 0;
    color: var(--headingColor2);
}

.sku span {
    font-size: 17px;
    font-weight: 600;
    color: var(--headingColor2);
}

ul.share-icon {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 0;
}
.sku > div:last-child {
    width: 70%;
}


.row.flexEnd.price_rev p i {
    color: #00c4cc;
}
ul.share-icon li {
    font-size: 17px;
    font-weight: 600;
    color: var(--headingColor2);
}

.sku p {
    margin-bottom: 10px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
}

.sku p.position-relative {
    top: 10px;
}
.sku > div:first-child {
    width: 30%;
}
ul.share-icon a {
    width: 26px;
    height: 40px;
    display: flex;
    opacity: 1;
    font-size: 16px;
    border-radius: 50%;
    align-items: center;
    transition: ease-in-out;
    justify-content: center;
    transition-duration: 0.5s;
    color: #000;
    /* border: 1px solid var(--headingColor2); */
}

ul.share-icon a:hover {
    opacity: 1;
    color: rgb(188, 57, 99);
    transition: ease-in;
    transition-duration: 0.5s;
    /* background-color: #00c4cc; */
    /* border-color: #00c4cc; */
}

/*  product Detail Review Section Start */


/* Rating Stars */

.prod-detail-description .rating:not(:checked)>input {
    position: absolute;
    -webkit-appearance: none;
}

.prod-detail-description .rating:not(:checked)>label {
    float: right;
    cursor: pointer;
    font-size: 30px;
    color: #666;
}

.prod-detail-description .rating:not(:checked)>label:before {
    content: "★";
}

.prod-detail-description .rating>input:checked+label:hover,
.prod-detail-description .rating>input:checked+label:hover~label,
.prod-detail-description .rating>input:checked~label:hover,
.prod-detail-description .rating>input:checked~label:hover~label,
.prod-detail-description .rating>label:hover~input:checked~label {
    color: #e58e09;
}

.prod-detail-description .rating:not(:checked)>label:hover,
.prod-detail-description .rating:not(:checked)>label:hover~label {
    color: #ff9e0b;
}

.prod-detail-description .rating>input:checked~label {
    color: #ffa723;
}

.price_rev .col-6 {
    width: fit-content;
}

/* Rating Stars */

.prod-detail-description {
    position: relative;
    padding: 0 4% 100px;
}

.prod-detail-description .nav-tabs .nav-link {
    padding: 15px;
    font-size: 24px;
    font-weight: 500;
    width: fit-content;
    margin-right: 10px;
    background: transparent;
    text-transform: uppercase;
    color: var(--headingColor2);
    border-radius: 0 !important;
    font-family: 'urbanshadow';
    color: #000;
}

.prod-detail-description .nav-tabs .nav-link.active,
.prod-detail-description .nav-tabs .nav-item.show .nav-link {
    border: 0;
    border-bottom: 3px solid #08bbae;
}

.prod-detail-description .nav-tabs .nav-link:hover,
.prod-detail-description .nav-tabs .nav-link:focus {
    border: 0;
    border-bottom: 3px solid #08bbae;
}

.prod-detail-description .nav-tabs {
    margin-bottom: 15px;
    border: 0;
    border-bottom: 1px solid #dee2e6;
}

.prod-detail-description .prd-review-input label {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Montserrat';
}

.prod-detail-description .prd-review-input input {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    font-size: 16px;
    color: #00000063;
    font-weight: 500;
    border: 1px solid #00000063;
    margin: 5px 0 20px;
    background-color: transparent;
}

.prod-detail-description .prd-review-input input::placeholder,
.prod-detail-description .prd-review-input textarea::placeholder {
    color: #000;
    font-weight: 400;
    font-size: 14px;
  font-family: 'Montserrat';
}

.prod-detail-description .prd-review-input textarea {
    width: 100%;
    height: 200px;
    padding: 13px;
    border: 1px solid #00000063;
    margin: 5px 0 0;
    color: #00000063;
    font-size: 16px;
    font-weight: 600;
    resize: none;
    background-color: transparent;
}

.prod-detail-description .rating-stars input {
    width: auto !important;
    height: auto;
    border: 0;
}

.prod-detail-description .rating-stars {
    display: inline-grid;
    justify-items: baseline;
}

.prod-detail-description .rating {
    display: block;
    /* align-items: center; */
    /* justify-content: flex-start; */
    /* gap: 5px; */
    margin: 20px 0;
    float: left;
}

.prod-detail-description .prd-review-input.give-review h4 {
    font-size: 26px;
    color: #000;
    text-transform: uppercase;
}

.prod-detail-description .prd-review-input.give-review button {
    padding: 15px 40px;
    border-radius: 40px;
    border: 1px solid #08bbae;
    font-size: 16px;
    text-transform: uppercase;
    background: #08bbae;
    color: #fff;
}

.prod-detail-description .client-review-box {
    box-shadow: 0 0 5px 1px #98989861;
    border-radius: 4px;
    padding: 20px;
    margin: 20px 0;
}

.prod-detail-description ul.client-list-review {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.prod-detail-description ul.client-list-review li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.prod-detail-description ul.client-list-review img {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    object-fit: cover;
    box-shadow: 0 0 5px 1px #989898;
}

.prod-detail-description ul.client-list-review h5 {
    font-size: 24px;
    color: #000;
    text-transform: capitalize;
    font-weight: 500;
    font-family: 'urbanshadow';
    margin-bottom: 0px;
    text-transform: uppercase;
}

.prod-detail-description ul.client-list-review h6 {
    font-size: 14px;
    color: #666;
    font-family: 'Montserrat';
}

.prod-detail-description ul.client-list-review li i {
    font-size: 20px;
    color: #c78b1b;
}

.prod-detail-description .client-info {
    margin-left: 15px;
    margin-top: 13px;
}

.prod-detail-description .client-review-box p {
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 400;
}

.prod-detail-description .prd-det-review-form .row {
    align-items: center;
}

.prod-detail-description .prd-det-discription-content p {
    margin: 0;
    font-size: 14px;
    padding-bottom: 13px;
    color: #000000bf;
    font-family: 'Montserrat';
}

.prod-detail-description .prd-det-additional-content p {
    text-align: justify;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
    font-family: 'Montserrat';
    font-weight: 400;
}

.prod-detail-description .prd-det-discription-content ul li p {
    font-family: 'urbanshadow';
    font-size: 20px;
    color: #000;
    padding-bottom: 0px;
}
ul.disc-list li i {
    color: #08bbae;
}
.product-detail1 .skin-2 .num-in {
    height: 50px;
    width: 150px;
    float: left;
    display: flex;
    border-radius: 25px;
    cursor: pointer;
    align-items: center;
    position: relative;
}

.product-detail1 .skin-2 .num-in span:before,
.product-detail1 .skin-2 .num-in span:after {
    opacity: 1;
    content: '';
    position: absolute;
    background-color: var(--black);
    height: 2px;
    width: 10px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px;
}

section.inner_gift_sec1 .about_text h3 {
    font-size: 44px;
}

.product-detail1 .skin-2 .num-in span.plus:after {
    transform: rotate(90deg);
    opacity: 1;
}

ul.disc-list li {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

.minus,
.plus {
    font-size: 20px;
    padding: 0.5rem;
    border: 2px solid #ccc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 0.5rem;
    cursor: pointer;
    user-select: none;
    /* Prevent text selection */
    border: 0;
}

.minus.dis {
    color: #aaa;
    cursor: not-allowed;
}

.minus:hover:not(.dis),
.plus:hover {
    border-color: #102d26;
    color: #102d26;
}
#number {
    height: 25px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    width: 53px;
}
.skin-2 .num-in span {
    width: 40px;
    height: 40px;
}
.productdetail-main-img {
    text-align: center;
    background: #f9f8fa;
    padding: 40px 0px;
    border-radius: 10px;
}
.product-content ul li span {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
    color: #000000d6;
}

.prod-detail-description .nav-item {
    padding-bottom: unset;
}
.productdetail-main-img img {
    width: 53%;
    height: 424px;
    object-fit: contain;
}
.quantity-heading h2 {
    font-family: 'Montserrat';
    font-size: 20px;
    margin-bottom: 0px;
    color: #000;
    font-weight: 600;
    margin-top: 4px;
}
span#plus {
    border: 1px solid #0000004f;
    margin-right: 0px;
    height: 46px;
    width: 50px;
}

span#minus {
    width: 50px;
    height: 46px;
    border: 1px solid #00000045;
    margin-left: 0px;
}
/* Shop detail Page ends */



/*CART PAGE CSS*/

.shopping_cart {
    padding: 80px 0;
}

.shopping_cart_table h2 {
    font-size: 42px;
    margin-bottom: 30px;
    color: #000;
    text-transform: uppercase;
}

.shopping_cart_table table th {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Montserrat';
    padding-bottom: 10px;
}

.shopping_cart_table table thead {
    border-bottom: 1px solid #b8b8b8;
}

.shopping_cart_table table tbody td {
    padding: 25px 0;
    border-bottom: 1px solid #b8b8b8;
}

.shopping_cart_table table tbody .cart_box_product {
    display: flex;
    gap: 10px;
    align-items: center;
}

.shopping_cart_table table tbody .cart_box_product .cart_product_name h5 {
    margin: 0;
    font-size: 23px;
    text-transform: uppercase;
    font-family: 'urbanshadow';
    color: #08bbae;
}

.shopping_cart_table table tbody .cart_box_product .cart_product_name p {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: #000000bf;
    text-transform: capitalize;
    font-family: 'Montserrat';
}

.shopping_cart_table table tbody td select {
    height: 40px;
    padding-left: 10px;
    appearance: auto;
    border: 1px solid #b8b8b8;
}

.shopping_cart_table table tbody td .skin-2 .num-in {
    border: 1px solid #b5b5b5;
    height: 60px;
    border-radius: 10px !important;
}

.shopping_cart_table table tbody td .t_price {
    font-size: 21px;
    font-weight: 400;
    color: #020202;
    font-family: 'Montserrat';
    text-align: start;
    margin-bottom: 0px;
}

th.w-40 {
    width: 40%;
}

.shopping_cart_table table tbody td i.fas.fa-times {
    font-size: 20px;
    color: #000;
}

.minus,
.plus {
    font-size: 20px;
    padding: 0.5rem;
    border: 2px solid #ccc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 0.5rem;
    cursor: pointer;
    user-select: none;
    /* Prevent text selection */
}

.minus.dis {
    color: #aaa;
    cursor: not-allowed;
}

.minus:hover:not(.dis),
.plus:hover {
    border-color: #102d26;
    color: #102d26;
}

#number {
    height: 25px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.cart_recipt {
    display: flex;
    margin-top: 30px;
    align-items: flex-start;
    justify-content: space-between;
}

.cart_recipt>a {
    font-size: 16px;
    border-radius: 30px;
    font-weight: 500;
    color: #151414;
    padding: 13px 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
    border: 1px solid #b8b8b8;
    font-family: 'Montserrat';
}

.cart_recipt>a i {
    margin-right: 10px;
}

.recipt {
    width: 30%;
}

.cart_product_img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    background: #f6f6f6;
    padding: 10px 10px;
}

.cart_product_img {
    width: 100px;
    display: flex;
    height: 100px;
    flex-shrink: 0;
    border-radius: 0px;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    /* box-shadow: 0px 0px 19px -9px var(--headingColor2); */
}

.recipt li {
    display: flex;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    align-items: center;
    text-transform: uppercase;
    justify-content: space-between;
    font-family: 'Montserrat';
    width: 76%;
}

.recipt li:last-child {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #b8b8b8;
}

.recipt li span {
    font-size: 16px;
    letter-spacing: 2px;
    font-family: 'Montserrat';
}

.payment_card {
    padding: 15px 25px 25px;
    border-radius: 15px;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: #e3e2e2;
}

.payment_card h3 {
    font-size: 35px;
    color: #000;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e3e2e2;
    text-transform: uppercase;
}

.credit_paypal a {
    padding: 10px 20px;
    border: 1px solid #f3f3f3;
    border-radius: 30px;
    gap: 10px;
    display: inline-flex;
    align-items: center;
    color: var(--black);
    font-weight: 500;
    background-color: #f3f3f3;
    font-size: 15px;
    justify-content: space-between;
}

.table-responsive table {
    max-width: 1000px;
    width: auto !important;
    min-width: 100%;
    overflow-x: auto;
}

.credit_paypal a img {
    height: 20px;
    object-fit: contain;
    margin-right: 10px;
    filter: brightness(0);
}

.credit_paypal {
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e2e2;
}

.payment_card form label {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat';
    color: #000;
}

.payment_card form {
    margin-top: 15px;
}

.payment_card form input {
    padding: 0;
    width: 100%;
    height: 50px;
    border: none;
    color: #000;
    font-weight: 500;
    margin-bottom: 15px;
    background: transparent;
    border-bottom: 1px solid #e3e2e2;
}

.payment_card form input::placeholder {
    color: var(--black);
    font-weight: 500;
}

.payment_card form select {
    width: 100%;
    padding: 0;
    height: 50px;
    border: none;
    color: #000;
    font-weight: 500;
    margin-bottom: 15px;
    background: transparent;
    border-bottom: 1px solid #e3e2e2;
    font-family: 'Montserrat';
}


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

.expiry_date {
    width: 70%;
}

.cvv_box {
    width: 26%;
}

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

.month_year select {
    width: 48% !important;
    appearance: auto;
}

.month_year select option {
    color: var(--black);
}

.payment_card form .btn1 {
    margin: 30px 85px;
    border: 1px solid;
}

.shopping_cart_table {
    padding-right: 40px;
}

.skin-2 .num-in {
    height: 40px;
    width: 150px;
    float: left;
    display: flex;
    border-radius: 25px;
    cursor: pointer;
    align-items: center;
}

.skin-2 .num-in span {
    width: 40px;
    height: 40px;
    border: none;
}

.skin-2 .num-in span.plus:after {
    transform: rotate(90deg);
}

.num-in input.in-num {
    background-color: #ffffff;
    width: 38%;
}

.skin-2 .num-in input {
    float: left;
    width: 40px;
    height: 40px;
    border: none;
    text-align: center;
    background: transparent;
}


.cart-to-check-box {
    display: flex;
    margin-top: 25px;
    align-items: center;
    justify-content: start;
}

.shopping_cart_table h2 span {
    color: #000;
}

.payment_card h3 span {
    color: #000;
}

.shopping_cart span#plus {
    border: unset;
}

.shopping_cart  span#minus {
    border: unset;
}


/*CART PAGE CSS END*/


/*Checkout Page Start*/

.billing-form {
  max-width: 100%;
  margin: auto;
  font-family: Arial, sans-serif;
}

.form-row {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

.form-control {
  width: 100%;
  padding: 15px;
  margin-bottom: 8px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-family: 'Montserrat';
  font-size: 14px;
}

.payment-title {
  margin-top: 20px;
  color: #c2185b;
}

.payment-option {
  margin-bottom: 10px;
}

.payment-content {
  display: none;
  background: #f9f9f9;
  padding: 10px;
  border-radius: 5px;
  margin-top: 5px;
}

.place-order-btn {
  background: #c2185b;
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

h3.payment-title {
    color: #040404;
    font-size: 52px;
    font-weight: unset;
    text-transform: uppercase;
}

h3.payment-title span {
    color: #000;
}
input.form-control.street-field {
    margin-bottom: 18px;
}

.form-control:disabled, .form-control:read-only {
    background: unset;
    font-family: 'Montserrat';
    color: #000000a3;
    appearance: auto;
}
label.payment-label {
    font-family: 'Montserrat';
    display: flex;
    gap: 10px;
    font-weight: 500;
    color: #000;
}

.payment-option label {
    font-family: 'Montserrat';
    display: flex;
    gap: 10px;
    font-weight: 500;
    color: #000;
}
.payment-method-main h3 {
    font-size: 44px;
}

.payment-method-main {
    margin: 26px 0px 10px;
}

.billing-foam-main-sec {
    padding-bottom: 90px;
    padding: 100px 0px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
textarea.form-control {
    height: 150px !important;
}
/*Checkout Page End*/


/*acoount-page start*/
section.account {
    padding: 12% 0px 170px;
}

.account-bx {
    padding: 50px 30px;
    border: 1px solid #cccccc;
    border-radius: 11px;
}

.account-bx form input {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #cccccc;
}

.account-bx label {
    font-size: 18px;
    margin-bottom: 8px;
    color: #000000cc;
    font-family: 'Montserrat';
}

.account-bx h4 {
    font-size: 50px;
    color: #060000;
    font-weight: 500;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.rat {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.account-bx form .rat input {
    width: auto;
    margin: 0;
}

.rat p {
    margin: 0;
    font-size: 16px;
    color: #7c7c7c;
    font-family: 'Montserrat';
}


footer.ft-in {
    position: relative;
    padding: 4% 0px 20px;
}

footer.ft-in::before {
    position: absolute;
    top: -85px;
    left: 0;
    width: 100%;
    height: 85px;
    content: '';
    background-image: url(../images/fot-bef.png);
    background-repeat: no-repeat;
    background-size: cover;
}

section.privacy {
    padding: 12% 0px;
}

.privacy-txt p {
    font-size: 14px;
    color: #7c7c7c;
}

.privacy-txt ul li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.privacy-txt ul li h6 {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
}

.privacy-txt ul li h6 span {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 29px;
    margin-top: 10px;
    font-weight: 400;
    color: #7c7c7c;
}
.account-bx h4 span {
    color: #000;
}
.main-acc-btn {
    display: flex;
    justify-content: center;
}
/*Account Page End*/



/* Contact Page Start */



.contact-form form {

    position: relative;

}



.contact-form .form-group {

    position: relative;

}



.contact-form .form-group::after {

    content: '';

    height: 53px;

    width: 10px;

    position: absolute;

    left: 40px;

    top: 5px;

    background-size: 10px 50px;

    background-image: url(../images/aroow-forward.png);

    background-repeat: no-repeat;

}



.contact-form form input.form-control {

height: 60px;

font-size: 12px;

padding-left: 70px;

border: 1px solid #c6c6c6;

line-height: 0;

box-shadow: none;

color: #000 !important;

font-weight: 500;

background-color: #fff;

margin-top: 7px;

font-family: 'Montserrat';

display: flex;

border-radius: 5px;

color: #000;
}



.contact-form form input.form-control::placeholder {

    color: #909091;

}



.contact-main-sec .them-btn-1:hover {

    background-color: #00006d;

    transition: 0.3s all;

}



.contact-form form textarea.form-control::placeholder {

    color: #909091;

}

.detailss.form-group::after {
    display: none;
}

.contact-form form textarea.form-control {

font-size: 12px;

border-radius: 0px;

padding-left: 22px;

padding-top: 13px;

border: 1px solid #c6c6c6;

letter-spacing: 0;

box-shadow: none;

border-radius: 10px 10px 0px 0px;

resize: none;

background-color: #fff;

margin-top: 16px;

color: #fff;

margin-bottom: 19px;

height: 150px;

/* background-color: #fff; */

color: #000;

font-size: 15px;
}



.contact-form .email {

    padding: 0;

}



.contact-form h4 {

    font-size: 62px;

    line-height: 70px;

    font-weight: 500;

    text-transform: capitalize;

    color: #fff;

}



.contact-form form textarea.form-control::placeholder {

    color: #909091;

}



.contact-form form .phone:before {

    position: absolute;

    content: '';

    width: 42px;

    height: 50px;

    background: url(../images/fom4.png);

    background-repeat: no-repeat;

    left: 16px;

    z-index: 1;

}



.ftt-list .navgation-f {

    float: left;

    width: 50%;

}



.ftt-lst li {

    margin-bottom: 20px;

}



.f-media ul li a:hover {

    background: #008080;

    border-color: #008080;

}



.footer_logo img {

    width: 30%;

}



.contact-form ::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #909091;

}



.contact-form ::-moz-placeholder {

    /* Firefox 19+ */

    color: rgba(18, 28, 42, 0.55);

}



.contact-form :-ms-input-placeholder {

    /* IE 10+ */

    color: rgba(18, 28, 42, 0.55);

}



.contact-form :-moz-placeholder {

    /* Firefox 18- */

    color: rgba(18, 28, 42, 0.55);

}



.cicle-icon i {

display: flex;

align-items: center;

justify-content: center;

font-size: 30px;

color: #39bcae;

/* border: 1px solid #008cff; */

height: 70px;

width: 70px;

border-radius: 50px;

background-color: #fff;
}



.cicle-icon img {

    margin: 0 auto;

}

.contact-info-one {

width: 100%;

display: inline-block;

padding: 40px 20px;

margin-bottom: 10px;

border: 0;

display: flex;

align-items: center;

justify-content: center;

height: 140px;

margin-bottom: 16px;

/* border: 1px solid #c1c1c1; */

border-radius: 5px;

background-color: #39bcae;
}



.contact-main-sec h4 {

font-size: 43px;

color: #fff;

line-height: 80px;

margin-bottom: 0;

font-family: 'Montserrat';

font-weight: 500;

color: #000;

font-family: 'Queensila';

font-family: 'Cinzel';

text-transform: uppercase;
}



.contact-side-bar .contact_text h2 {

font-size: 20px;

color: #fff;

font-family: 'urbanshadow';

line-height: 30px;

text-transform: uppercase;
}

.contact_text {

    padding-top: 0;

}


.contact_text p {

font-size: 16px;

line-height: 25px;

color: #fff;

padding-top: 4px;

font-weight: 400;

letter-spacing: 0;

margin: 0;

font-family: 'Montserrat';
}



.contact_text p a {

font-size: 16px;

color: #fff;

text-decoration: none;

transition: 0.5s ease-in-out;

display: block;

font-family: 'Montserrat';
}



.mailt {

    padding-left: 30px;

}



.contact_text a:hover {

    /* color: #18aae8; */

}



.contact_text p a.email-text {

    font-size: 14px;

    color: #8b8b8b;

}



.contact_text p a.email-text:hover {

    color: #00aae8;

}



.contact-us {

    padding: 6% 0;

}



.contact-head {

    text-align: center;

}



.contact-head h2 {

    font-size: 50px;

    color: #000;

    text-transform: uppercase;

}



.lg-btn {

    width: 100%;

}



.primary-btn {

    /* display: inline-block; */

    padding: 8px 30px;

    color: #fff;

    font-size: 20px;

    font-weight: 300;

    background: #00aa00;

    color: #fff;

    text-align: center;

    transition: all .4s ease;

    border: 2px solid transparent;

    border-radius: 4px;

}



.cp {

    font-size: 17px;

    line-height: 27px;

}



.contact_heading {

    margin-bottom: 30px;

}



.contact_heading h2 {

    font-size: 45px;

    color: #000000;

    font-weight: bolder;

}



.contact-side-bar {

/* background-color: #fff; */

padding: 30px;

position: relative;

padding-top: 0;

padding-top: 14px;
}



.contact-main-sec {

    padding: 80px 0 90px;

    /* background-image: url(../images/contact-banner.png); */

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

}



section.contact-main-sec.spiral-redline .sec-head {

position: relative;

z-index: 9;

margin-top: 17px;
}



.contact-main-sec .them-btn-1 {

    margin-top: 20px;

    border: none;

    padding: 12px 20px;

    background-color: #ff0000;

    color: white;

    border-radius: 25px;

}



.contact-form .form-group i {

position: absolute;

top: 17px;

left: 10px;

color: #000;

font-size: 20px;
}



.contact-form {

    margin-top: 10px;

}



button.btn10.cont-pg {

    background: #001e3b !important;

}





.contact-form form input.form-control::placeholder {

    color: #909091;

}

.contact-form form textarea.form-control::placeholder {

    color: #909091;

}

.contact-main-sec h2 {

font-size: 50px;

line-height: 50px;

color: #fff;

margin-bottom: 0;

/* font-weight: 700; */

color: #0f0f0f;

font-family: 'Cinzel';

text-transform: uppercase;
}

.name.form-group select {
    height: 60px;
    font-size: 12px;
    padding-left: 21px;
    border: 1px solid #c6c6c6;
    box-shadow: none;
    color: #909091;
    font-weight: 400;
    background-color: #fff;
    margin-top: 10px;
    font-family: 'Montserrat';
    display: flex;
    border-radius: 5px;
    color: #716c6c;
    width: 100%;
    font-size: 13px;
}
.name.form-group.select-main::after {
    right: 54px;
    left: unset;
    transform: rotate(180deg);
    top: 2px;
}
.name.form-group.select-main i {
    left: unset;
    right: 14px;
    top: 21px;
}
.contact-info-one:hover {
    background: #000;
}

.contact-info-one:hover .cicle-icon i {
    color: #39bcae;
}

/* Contact Page End */


/*Reviews Page Start*/
.reviews-main-sec {
    padding: 100px 0px;
}


.reviews-main-sec .review-box {
    margin-bottom: 30px;
}

.reviews-main-sec .review-text {
    box-shadow: 1px 1px 6px 1px #00000042;
}

/*Reviews Page End*/