.btn-primary-light,
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  background-color:#fff;
  border:1px solid #c0a30a;
  color:#c0a30a
}
.btn-primary-light.active,
.btn-primary-light:active,
.btn-primary-light:focus,
.btn-primary-light:hover {
  background-color:#c0a30a;
  border:1px solid #c0a30a;
  color:#fff
}

.btn-primary, .btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover {
	background-color: #c0a30a;
	border: 1px solid #fff;
	color: #fff;
}

header .btn-white{
	background-color: #c0a30a !important;
	border: 1px solid #c0a30a !important;
	color: #fff;
}

body .header .navbar-toggler .navbar-toggler-icon {
    background-color: #c0a30a !important;
}

.header {
    padding-bottom: 10px;
    padding-top: 10px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
    transition: all ease 0.5s;
}

.top-fix {
  background: rgba(0,0,0,0.8);
  transition: all ease 0.5s;
  padding: 0;
}

header ul.navbar-nav {
    width: 100%;
    background: transparent;
    box-shadow: none;
    padding-left: 8%;
}

header ul.navbar-nav li:last-child {
    margin-left: auto;
}

header .navbar .new-home-nav .navbar-nav li a {
    color: #fff !important;
}

header .navbar .new-home-nav .navbar-nav li:last-child a {
    background: #c0a30a;
    border-color: #000;
    color: #000 !important;
}

@media (max-width:991px){
header ul.navbar-nav {
    background: #000;

}
}

.services-section .flex-sm-row {
    flex-direction: column !important;
}
.services-section .card .card-img-top {
    height: auto;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.services-section .card {
    display: block;
    flex-direction: column;
}

section.hero-section::before {
      background-image: url(/assets/images/herobanner_bg.jpg);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    background-repeat: no-repeat;
    background-size: cover;
}

section.hero-section {
       background-color: #010101;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 100px;
    padding-bottom: 200px;
    overflow: hidden;
}

section.hero-section .container  {
position: relative;
z-index: 1;
}
.right-hero-img
{
  position: relative;
}

.right-hero-img img {
  max-height: 510px;
  position: relative;
  z-index: 1;
}

.right-hero-img:after {
    position: absolute;
    bottom: 14%;
    left: 15%;
    content: "";
    width: 300px;
    height: 300px;
    background: #d2d2d2;
    opacity: 0.7;
    filter: blur(190px);
}
section.hero-section .shape-divider-bottom {
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
}

.hero-section h1 {
  color: #fff;
}

.highlight-text {
	color: #c0a30a;
	font-weight: 600;
	background: linear-gradient(95deg,#c0a30a 15%,#c0a30a 45%,#fff3b4 75%,#675700 100%) 98%/200% 100%;
	text-transform: capitalize;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
  .hero-section .btn-primary {
    background-color: #fff;
    border: 1px solid #fff;
    padding: 10px 25px;
    color: #000;
  }

  .hero-section .btn-primary:hover {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
  }
  .hero-section .btn-outline {
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    padding: 10px 25px;
  }

  .hero-section .btn-outline:hover {
    background-color: #fff;
    border: 1px solid #fff;

    color: #000;
  }

  .stats {
    color: #c0a30a;
    font-size: 24px;
    font-weight: 600;
  }
  .stat-label {
    font-size: 14px;
    color: #ccc;
  }
  .mobile-img {
    max-width: 100%;
    height: auto;
  }


.step-sec {
	background: #ebebeb;
  margin-bottom: 80px;
}

.step-sec .shape-divider {
  height: 80px;
  margin-bottom: 60px;
}

.step-sec .section-title {
  font-size: 2.5rem;
  font-weight: bold;
}
.step-sec .section-subtitle {
  font-size: 1.1rem;
  color: #333;
}
.step-sec .circle-img {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 20px;
}
.step-sec .circle-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.step-sec .card-title {
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 10px;
}
.step-sec .card-desc {
  font-size: 0.95rem;
  color: #444;
}



/*************************/
.interface-card 
{
  
}

.modern-interface-section .interface-card .interface-img {
	border-radius: 20px;
	margin: 0 auto;
	max-height: 500px;
	max-width: 500px;
	position: relative;
}

.modern-interface-section .interface-card .interface-img img {
	border-radius: 10px;
	max-height: 100%;
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.modern-interface-section .interface-card .interface-img::before {
	border: 2px solid #fff;
	border-radius: 10px;
	content: "";
	height: 100%;
	left: 8px;
	position: absolute;
	top: 8px;
	transition: all .3s ease;
	width: 100%;
	border-color: #fff #f7c503 #f7c503 #fff ;
}

.modern-interface-section .interface-card .interface-img:hover:before {
	border-color: #f7c503 #fff #fff #f7c503 !important;
}

.interface-card .card-desc p {
	font-size: 18px;
	line-height: 25px;
	font-weight: 300;
}




.features-section {
	background-color: #0e0e0e;
	padding: 50px 0 0;
	max-width: calc(100% - 50px);
	margin: 0 auto 80px;
	border-radius: 20px;
	background-image: url(/assets/images/circle_bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 26%;
}

.features-section .feature-slider .slick-list .feature-card {
	border-radius: 20px;
	box-shadow: 0 20px 50px hsla(261,8%,52%,.1);
	margin: 0 20px;
	min-height: 230px;
	padding: 40px 20px;
	background: #fff;
}

.features-section .section-heading h2 {
  color: #fff;
}

.section-heading h2::after {
	background-color: #c0a30a;
}

.features-section .slick-arrow {
	align-items: center;
	background-color: #c0a30a;
	border: 1px solid #c0a30a;
	border-radius: 50%;
	color: #fff;
	display: flex;
	height: 50px;
	justify-content: center;
	min-width: 50px;
	position: absolute;
	width: 50px;
}








.faq-sec {
	background: #fff;
	padding: 20px 0 60px;
}


    .faq-container {
      background-color: #fbfbfb;
      padding: 50px;
      border-radius: 20px;
      max-width: 900px;
      margin: 0px auto;
    }

    .faq-container .faq-header {
      text-align: center;
      font-size: 2.2rem;
      font-weight: 600;
      margin-bottom: 30px;
      color: #000;
    }

    .faq-container .accordion-button {
      background-color: transparent;
      color: #000;
      font-weight: 500;
      box-shadow: none;
    }

    .faq-container .accordion-button:not(.collapsed) {
      background-color: #f8f8f8;
      color: #c0a30a;
    }

    .faq-container .accordion-body {
      background-color: #f8f8f8;
      color: #333;
    }

   .faq-container .accordion-item {
	border: 1px solid #eee;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 15px;
}

.faq-container .accordion-button::after {
  filter: brightness(0.7);
}


.contact-section {
  background: url(../images/contact_sec_bg.webp);
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-position: left;
  background-size: cover;
  background-color: #fff !important;
}

.contact-section .shape-divider {
margin-bottom: 50px;
}

.contact-section .contact-form {
	border: 0px solid #d8d8d8;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 90px 0 rgba(0,0,0,0.1);
}

.contact-section .contact-info__block {
	margin-bottom: 25px;
}
.contact-section .icon-purpul {
	color: #c0a30a !important;
}









.pricing-plan-section .pricing-slider .slick-current .pricing-card .price {
	color: #c0a30a;
}

.pricing-plan-section .btn-info {
	color: #000;
	background-color: #fff !important;
	border-color: #fff !important;
}
.pricing-plan-section .pricing-slider .pricing-card .pricing-plan-list li .check-box svg path {
	fill: #c0a30a !important;
}


.less-plan-icon-btn, .show-plan-icon-btn {
	color: #c0a30a;
	font-size: 30px !important;
}

.vcard-template-section, .pricing-plan-section {
  display: none;
}

.center-slider .slick-arrow {
	color: #c0a30a;
	font-size: 20px;
}

/*********Footer**Sec***********/
.footer-devider {
  background: #0b0b08;
}

.footer-section {
background: #0b0b08;
  position: relative;
  overflow: hidden;
  height: auto;
}
.footer-section::before {
	position: absolute;
	bottom: 50px;
	left: -220px;
	content: "";
	width: 300px;
	height: 300px;
	background: #BFA20A;
	opacity: 0.2;
	filter: blur(200px);
}
@media (max-width: 500px) {
  .footer-section::before {
    width: 250px;
  }
}
.footer-section::after {
	position: absolute;
	bottom: 50px;
	right: -220px;
	content: "";
	width: 300px;
	height: 300px;
	background: #BFA20A;
	opacity: 0.2;
	filter: blur(200px);
}
@media (max-width: 500px) {
  .footer-section::after {
    width: 250px;
  }
}


.footer-top {
  position: relative;
  z-index: 1;
  padding: 65px 0 60px;
}

@media (max-width: 500px) {
  .footer-top::before {
    width: 250px;
  }
}
@media (max-width: 1199px) {
  .footer-top {
    padding: 190px 0 100px;
  }
}
@media (max-width: 991px) {
  .footer-top {
    padding: 160px 0 90px;
  }
}
@media (max-width: 575px) {
  .footer-top {
    padding: 110px 0 80px;
  }
}
.footer-top .footer-widget .widget-head {
  margin-bottom: 25px;
}
.footer-top .footer-widget .widget-head h4 {
	color: #bfa20a;
}

.footer-top .footer-widget .widget-head h4::after {
	content: "";
	background: #bfa20a;
	height: 3px;
	width: 50px;
	display: table;
	margin-top: 10px;
	border-radius: 14px;
}
.footer-top .footer-widget .widget-head .footer-logo {
  display: block;
  width: 160px;
}
@media (max-width: 1199px) {
  .footer-top .footer-widget .widget-head .footer-logo {
    width: 140px;
  }
}
.footer-top .footer-widget .widget-head .footer-logo img {
  width: 100%;
}
.footer-top .footer-widget .widget-link .link {
display: table;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  color: #fff;
  position: relative;
  text-decoration: none;
}

.footer-top .footer-widget .widget-link .link:hover {
  color: #bfa20a;
}

.footer-top .footer-widget .widget-link .link:not(:last-child) {
  margin-bottom: 8px;
}
.footer-top .footer-widget .widget-link .link::before {
  position: absolute;
  left: 0;
  top: 100%;
  content: "";
  width: 0px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1803921569);
  transition: all 0.9s;
}
.footer-top .footer-widget .widget-link .link:hover::before {
  width: 100%;
}
.footer-top .footer-widget .widget-link .footer-contact-items {
	display: flex;
	align-items: flex-start;
	gap: 8px 12px;
	color: #fff;
	text-decoration: none;
}
.footer-top .footer-widget .widget-link .footer-contact-items:not(:last-child) {
  margin-bottom: 10px;
}
.footer-top .footer-widget .widget-link .footer-contact-items .icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 5px;
  background: var(--base);
}
.footer-top .footer-widget .widget-link .footer-contact-items .icon span {
  color: var(--white);
}
.footer-top .footer-widget .widget-link .footer-contact-items .icon i {
  color: #fff;
}
.footer-top .footer-widget .widget-link .footer-contact-items .icontwo {
  background: var(--basetwo);
}
.footer-top .footer-widget .widget-link .footer-contact-items .iconthree {
  background: var(--basethree);
}
.footer-top .footer-widget .widget-link .footer-contact-items .fcontact-content {
  width: calc(100% - 32px);
  font-size: 16px;
  font-weight: 400;
  color: var(--footertext);
  line-height: 150%;
}
.footer-top .footer-widget p {
  font-size: 14px;
  color: #fff;
}
.footer-top .footer-widget form {
  border: 1px solid #3021AB;
  border-radius: 5px;
  padding: 8px 8px;
  display: flex;
  align-items: center;
}
.footer-top .footer-widget form input {
  width: 100%;
  border: none;
  background: unset;
  outline: none;
}
.footer-top .footer-widget form ::placeholder {
  color: var(--white);
}
.footer-top .footer-widget form .cmn--btn {
  border: none;
  padding: 8px 15px 6px;
}
.footer-top .footer-widget form .cmn--btn span i {
  font-size: 18px;
  color: var(--white);
}

.footer-bottom {
  position: relative;
  z-index: 1;
  padding: 30px 0;
  border-top: 1px solid rgba(168, 158, 250, 0.15);
}
.footer-bottom p {
  font-size: 16px;
  color:#999;
  line-height: 150%;
  text-align: center;
}
.footer-bottom p .intellicon {
  color: var(--intellicon);
}

.social {
  display: flex;
  align-items: center;
  gap: 8px;
}
.social li .social-item {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	background: #452FF4;
}
.social li .social-item i {
  color: #fff;
}
.social li .social-itemtwo {
  background: #005C30;
}
.social li .social-itemthree {
  background: #6B4A00;
}
.social li .social-itemfour {
  background: #A21111;
}

.footer-bottom-two {
  display: flex;
  justify-content: space-between;
}
.footer-bottom-two .footer-bottom-link {
  display: flex;
  align-items: center;
  gap: 10px 24px;
}

.footer-bottom-two .footer-bottom-link a {
	color: #fff;
  text-decoration: none;
}
@media (max-width: 991px) {
  .footer-bottom-two p {
    order: 1;
  }
}
@media (max-width: 991px) {
  .footer-bottom-two {
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer-bottom-two .footer-bottom-link {
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) and (max-width: 500px) {
  .footer-bottom-two .footer-bottom-link {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px 20px;
  }
}

/* 

.footer__three .footer-wrapper .footer-top__three {
  padding: 60px 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
}
.footer__three .footer-wrapper .footer-top__three .f_logo {
  max-width: 200px;
  display: block;
}
.footer__three .footer-wrapper .footer-top__three .f_logo img {
  width: 100%;
}
.footer__three .footer-wrapper .footer-top__three .f__three__link {
  display: flex;
  align-items: center;
  gap: 14px 24px;
}
.footer__three .footer-wrapper .footer-top__three .social {
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer__three .footer-wrapper .footer-top__three .social li a i {
  color: var(--white);
  font-size: 18px;
}
@media (max-width: 991px) {
  .footer__three .footer-wrapper .footer-top__three {
    display: grid;
    text-align: center;
    justify-content: center;
  }
  .footer__three .footer-wrapper .footer-top__three .f_logo {
    margin: 0 auto 15px;
  }
  .footer__three .footer-wrapper .footer-top__three .f__three__link {
    justify-content: center;
    margin-bottom: 20px;
  }
  .footer__three .footer-wrapper .footer-top__three .social {
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .footer__three .footer-wrapper .footer-top__three .f__three-link {
    flex-wrap: wrap;
    gap: 4px 20px;
  }
} */

.social li {
  width: 32px;
  height: 32px;
  line-height: 38px;
  text-align: center;
  display: block;
  background: var(--facebook);
  border-radius: 5px;
}
.social li a i {
  font-size: 24px;
  color: var(--white);
}
.social li:nth-child(2) {
  background: var(--instagram);
}
.social li:nth-child(3) {
  background: var(--twitter);
}
.social li:nth-child(4) {
  background: var(--linkedin);
}


/* bestseller sec */


.bestseller-homepage {
  background: #000;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.bestseller-homepage:before {
    background-image: url(/assets/images/bestsellers_bg.png);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9;
    filter: grayscale(1);
}

section.bestseller-homepage:after {
    content: "";
    background: #000;
    position: absolute;
    bottom: -32px;
    height: 90px;
    width: 100%;
    filter: blur(30px);
}

.bestseller-homepage .container {
   position: relative;
    z-index: 1;
}


.products-wrapper {
    display: flex;
    padding-top: 20px;
    overflow: overlay;
 

}

.products-wrapper::-webkit-scrollbar {
  display: none;
}

.products-wrapper .bestseller-products-item {
    flex: 0 0 300px;
    border-radius: 20px;
    overflow: hidden;
    /* padding-top: 20px; */
    margin: 0 10px;
    line-height: 0;
    position: relative;
}

.products-wrapper .bestseller-products-item img {
    max-width: 100%;
    border: 3px solid #202020;
    border-radius: 20px;
}

.products-wrapper .product-title {

    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
  
    color: #fff;
    text-align: center;
    padding-bottom: 5px;
    position: absolute;
    left: 0;
    width: 100%;
  top: 20px;
}
.step-number {
  font-size: 1.2em;
  color: #c0a30a;
  font-weight: bold;
}

.step-image {
    width: 100%;
    height: 251px;
}

.step-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.step-title {
  font-size: 1.3em;
  margin: 10px 0;
  color: #c0a30a;
}

.step-description {
  font-size: 1em;
  color: #bbb;
}

.bestseller-homepage  .title-header {
margin-bottom: 30px;
}

h2.title-subtitle {

    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #c0a30a;
    text-align: center;
  text-transform:uppercase;
}

h1.title-head {

    font-size: 42px;
    font-weight: 600;
    line-height: 50.4px;
    text-align: left;
    color: #fff;
    text-align: center;
    margin: 6px 0;
}

p.title-description {

    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #9E9FA7;
    max-width: 802px;
    width: 100%;
    margin: auto;
}

#mainHeader {
   background: rgba(0, 0, 0, 0.8);
}