/* ===============================================
General
============================================*/
/* @import url('../vandors/fonts/Jost-VariableFont_wght.ttf'); */
/* @import url('../vandors/fonts/LuxuriousScript-Regular.ttf'); */
@font-face {
    font-family: 'Luxurious';
    src: url('../vandors/fonts/LuxuriousScript-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
    background-color: #f4f4f4;
    overflow-x: hidden;
    font-family: 'Jost', sans-serif;
    color: #212529;
}
section{
    overflow-x: hidden;
}
a:hover{
    text-decoration: none;
}
button:focus{
    outline: none;
    box-shadow: none;
}
.md-show{
    display: none;
}
/* Loading */
.loading-container{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
@keyframes ldio-4tw625znsyl {
    0% {
      opacity: 1;
      backface-visibility: hidden;
      transform: translateZ(0) scale(1.5,1.5);
    } 100% {
      opacity: 0;
      backface-visibility: hidden;
      transform: translateZ(0) scale(1,1);
    }
  }
  .ldio-4tw625znsyl div > div {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #8250a0;
    animation: ldio-4tw625znsyl 1s linear infinite;
  }.ldio-4tw625znsyl div:nth-child(1) > div {
    left: 148px;
    top: 88px;
    animation-delay: -0.875s;
  }
  .ldio-4tw625znsyl > div:nth-child(1) {
    transform: rotate(0deg);
    transform-origin: 160px 100px;
  }.ldio-4tw625znsyl div:nth-child(2) > div {
    left: 130px;
    top: 130px;
    animation-delay: -0.75s;
  }
  .ldio-4tw625znsyl > div:nth-child(2) {
    transform: rotate(45deg);
    transform-origin: 142px 142px;
  }.ldio-4tw625znsyl div:nth-child(3) > div {
    left: 88px;
    top: 148px;
    animation-delay: -0.625s;
  }
  .ldio-4tw625znsyl > div:nth-child(3) {
    transform: rotate(90deg);
    transform-origin: 100px 160px;
  }.ldio-4tw625znsyl div:nth-child(4) > div {
    left: 46px;
    top: 130px;
    animation-delay: -0.5s;
  }
  .ldio-4tw625znsyl > div:nth-child(4) {
    transform: rotate(135deg);
    transform-origin: 58px 142px;
  }.ldio-4tw625znsyl div:nth-child(5) > div {
    left: 28px;
    top: 88px;
    animation-delay: -0.375s;
  }
  .ldio-4tw625znsyl > div:nth-child(5) {
    transform: rotate(180deg);
    transform-origin: 40px 100px;
  }.ldio-4tw625znsyl div:nth-child(6) > div {
    left: 46px;
    top: 46px;
    animation-delay: -0.25s;
  }
  .ldio-4tw625znsyl > div:nth-child(6) {
    transform: rotate(225deg);
    transform-origin: 58px 58px;
  }.ldio-4tw625znsyl div:nth-child(7) > div {
    left: 88px;
    top: 28px;
    animation-delay: -0.125s;
  }
  .ldio-4tw625znsyl > div:nth-child(7) {
    transform: rotate(270deg);
    transform-origin: 100px 40px;
  }.ldio-4tw625znsyl div:nth-child(8) > div {
    left: 130px;
    top: 46px;
    animation-delay: 0s;
  }
  .ldio-4tw625znsyl > div:nth-child(8) {
    transform: rotate(315deg);
    transform-origin: 142px 58px;
  }
  .loadingio-spinner-spin-yaqlhta97lc {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: transparent;
  }
  .ldio-4tw625znsyl {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
  }
  .ldio-4tw625znsyl div { box-sizing: content-box; }
  /* generated by https://loading.io/ */
/* loader */
.loader-container{
    height: 100Vh;
    width: 100%;
    position: fixed;
    background-color: #8250a0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #fff;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  }
  .lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
  }
  .lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
  }
  .lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
  }
  @keyframes lds-facebook {
    0% {
      top: 8px;
      height: 64px;
    }
    50%, 100% {
      top: 24px;
      height: 32px;
    }
  }
/* opacity loader */
.opacity-loader-container{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 60%);
    z-index: 0;
    /* display: flex; */
    display: none;
    justify-content: center;
    align-items: center;
}
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  .lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
  }
  @keyframes lds-ripple {
    0% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 0;
    }
    4.9% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 0;
    }
    5% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: 0px;
      left: 0px;
      width: 72px;
      height: 72px;
      opacity: 0;
    }
  }
  
/* Notification */
.notification-container{
    position: fixed;
    top: 110px;
    right: 10px;
    z-index: 999;
}
/* theme btn */
.theme-btn {
    padding: 10px 30px;
    font-weight: 600;
    background-color: #8250a0;
    border: none;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    border: 2px solid #8250a0;
    transition-duration: .5s;
}
.theme-btn:hover{
    background-color: transparent;
    color: #8250a0;
    transition-duration: .5s;
}
.theme-btn-o{
    padding: 10px 30px;
    font-weight: 600;
    background-color: transparent;
    border: none;
    color: #8250a0;
    border-radius: 4px;
    border: 2px solid #8250a0;
}
.theme-btn-o:hover{
    background-color: #8250a0;
    color: #fff;
    cursor: pointer;
}
.theme-btn-o-2{
    padding: 10px 30px;
    font-weight: 600;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}
.theme-btn-o-2:hover{
    background-color: #fff;
    color: #8250a0;
}
.theme-btn-3{
    padding: 10px 30px;
    background: #fff;
    color: #000;
    border: 2px solid #fff;
    font-family: 600;
    border-radius: 4px;
}
.theme-btn-3:hover{
    background-color: transparent;
    color: #fff;
}
.theme-btn4-o{
    padding: 10px 30px;
    background: transparent;
    color: #000;
    border: 2px solid rgb(0, 0, 0);
    font-family: 600;
    border-radius: 4px;

}
.theme-btn4-o:hover{
    background-color: #fff;
}
/* navigation style */
.nav-section{
    position: relative;
    z-index: 999;
    overflow-x: unset;
}
.nav-wrap {
    padding: 5px 20px;
}
.is-sticky .sticky-header {
    background-color: #1a2d55;
    /*! background-image: url('../img/home/perttern.jpg'); */
    background-position: bottom;
    background-size: cover;
    box-shadow: 0px -2px 9px rgba(0,0,0,0.7);
}
.nav-wrap .nav-right{
    margin-left: auto;
    display: flex;
    align-items: center;
}
.search-cart-container a .cartItemNo{
    position: absolute;
    background-color: #8250a0;
    height: 20px;
    width: 20px;
    font-size: 14px;
    border-radius: 100%;
    text-align: center;
    line-height: 1.3;
    right: -10px;
    border: 1px solid #fff;
}
.nav-wrap .nav-right a, .nav-wrap .nav-right button{
    color: #fff;
    margin-left: 10px;
    font-size: 25px;
    position: relative;
}
.logo-container {
    width: 85px;
}
.search-cart-container a{
    margin-left: 10px;
    margin-right: 10px;
}
.side-nav-btn{
    position: relative;
    margin-left: 10px;
}
.side-nav-btn::before{
    content: "";
    position: absolute;
    height: 20px;
    width: 2px;
    background-color: #fff;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}
/* side nav */
.side-menu-container {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background: #1a2d55;
    width: 0px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: -3px 0px 8px rgba(0,0,0,0.2);
}.side-menu-container.show{
    width: 250px;
}
.side-menu-container .side-nav-header {
    padding-top: 30px;
    padding-bottom: 15px;
    padding-left: 5px;
}
.side-menu-container .side-nav-header button{
    color: #fff;
}
.side-menu-container .links-list{
    padding: 0px 20px;
}
.side-menu-container .links-list ul{
    padding: 0;
    margin: 0;
}
.side-menu-container .links-list li{
    list-style: none;
}
.side-menu-container .links-list li a{
    color: #fff;
    display: block;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding: 10px 0px;
}
.side-menu-container .links-list li a:hover{
    color: #25aae1;
}
/* heading */
.heading{
    margin-bottom: 30px;
}
.heading span{
    font-size: 20px;
    color: #1a2d55;
    font-weight: 500;
    letter-spacing: 4px;
    display: block;
    text-transform: uppercase;
}
.text-white.heading span{
    color: #8250a0;
}
.heading h1 {
    text-transform: uppercase;
    line-height: 1;
}
/* products card */
.each-product-card-container {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}
.each-product-card-container a{
    color: inherit;
}
.each-product-card-container .product-img {
    height: 350px;
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
    background-color: #8250a0;
}

.product-details{
    display: block;
    width: 100%;
    color: inherit;
    padding: 5px;
    text-align: center;
}
.product-details .name {
    /*! width: 70%; */
    font-weight: 600;
    text-transform: capitalize;
}
.product-details .price {
    /*! width: 30%; */
    /*! text-align: end; */
    font-weight: 600;
    font-size: 20px;
}
.copy-right{
    border-top: 1px solid #fff;
    padding: 10px 0px;
    text-align: center;
}
.copy-right p{
    margin-bottom: 0;
}
/* footer */
footer {
    padding: 40px 0 0 0;
    /* background-color: #8250a0; */
    background-image: url('../img/home/perttern.jpg');
    background-position: top;
    background-size: cover;
    color: #fff;
}
.footer-logo {
    width: 80px;
}
footer ul{
    padding-left: 25px;
}
footer ul li{
    padding: 5px 0px !important;
}
footer .each-footer-portion{
    margin-bottom: 20px;
}
.contact-details ul li{
    display: flex;
}
.contact-details ul{
    padding-left: 5px;
}
.contact-details ul li span{
    
}
.contact-details ul li span.icon{
    font-size: 20px;
    margin-top: 5px;
}
.contact-details ul li span.text{
    margin-left: 5px;
    display: block;
}
footer h5{
    font-weight: 600;
    margin-bottom: 15px;
}
footer a{
    color: #fff;
}
/* banner */
.banner-section{
    height: 100vh;
    overflow-x: hidden;
    position: relative;
    background-color: #8250a0;
}
.banner-section2{
    height: 340px;
    overflow-x: hidden;
    position: relative;
    background-color: #8250a0;
}
.banner-section2 .container{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-section2 .container h1{
    color: #fff;
    font-size: 70px;
}
.banner-wrap {
    height: 100%;
}
.banner-container{
    position: relative;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}
/* follow us section */
.follow-us-section{
    padding: 30px 0px;
}
.follow-us-wrap {
    text-align: center;
}
.social-icon-container{
    padding: 0;
    margin: 0;
    justify-content: center;
    margin-top: 20px;
}
.social-icon-container .each-icon a{
    border-radius: 100%;
    border: 1px solid;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    margin: 0px 10px;
    color: inherit;
    transition: .5s;
}
.social-icon-container .each-icon a:hover{
    background-color: #8250a0;
    color: #ffffff;
    transition: .5s;
}
/* ===============================================
Home page style
============================================*/
/* carousel */
.home-carousel-section {
    /* height: 900px; */
    height: 100vh;
    position: relative;
}
.home-carousel-section .home-carousel{
    height: 100%;
}
.home-carousel .content-container .hero-header{
    margin: 25px 0px;
    margin-bottom: 35px;
}
.home-carousel .content-container h1{
    font-size: 70px;
    text-transform: uppercase;
    margin-bottom: 15px;
    line-height: 0.9;
    font-weight: 700;
}
.home-carousel .content-container h5{
    font-size: 40px;
    line-height: 1;
}
.home-carousel .content-container h1 span{
    border: 3px solid #25aae1;
    padding: 0px 10px;
}
.home-carousel-section .owl-carousel .owl-stage-outer{
    height: 100%;
}
.home-carousel-section .owl-carousel .owl-stage{
    height: 100%;
}
.home-carousel-section .owl-item{
    height: 100%;
}
.home-carousel-section .item{
    height: 100%;
    position: relative;
    background-position: right;
}
.home-carousel-section .owl-nav {
    position: absolute;
    bottom: 20px;
    right: 40px;
    color: #fff;
    font-size: 25px;
    display: flex;
    z-index: 2;
}
.welcom-content-side-wrap{
    display: flex;
    align-items: center;
}
.welcom-content-side-wrap .heading h1{
    font-size: 35px;
}
.home-carousel-section .owl-dots{
    position: absolute;
    bottom: 30px;
    color: #fff;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
}
.home-carousel-section .owl-dots .owl-dot{
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 100%;
    margin: auto 2px;
}
.home-carousel-section .owl-dots .owl-dot.active{
    border: 1px solid #fff;
    /*! padding: 10px !important; */
    background-color: transparent;
}
.home-carousel-section .owl-nav button{
    width: 40px;
    height: 40px;
    border: 1px solid #fff !important;
    border-radius: 100%;
    margin: auto 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-carousel-section .content-wrap{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    /*! text-align: center; */
}
.home-carousel-section .content-wrap .content-container{
    width: 100%;
    /*! margin-bottom: -170px; */
}
.home-social-media-container {
    position: absolute;
    left: 40px;
    bottom: 20px;
    z-index: 9;
}
.home-social-media-container .each-social-icon a{
    border: 1px solid #fff;
    color: #fff;
    border-radius: 100%;
    display: flex;
    font-size: 20px;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    margin: auto 5px;
}
/* welcome section */
.welcome-section{
    padding: 40px 0px;
}
/* home services */
.home-services-wrap{
    padding: 60px 0px;
    background-color: #1a2d55;
}
.each-home-service {
    border: 2px solid #fff;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    padding: 0;
    margin: 0;
    color: #1a2d55;
    height: 100%;
    background-color: #fff;
}
.home-service-img-container {
    position: relative;
    height: 240px;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: center;
  }
.home-service-img {
    background-position: top;
    height: 290px;
    background-size: cover;
    border-radius: 100%;
    width: 354px;
    top: -60px;
    position: absolute;
}
.home-service-content{
    padding: 0px 10px 60px;
    position: relative;
}
.home-service-content h2{
    font-size: 20px;
    margin-top: 10px;
    font-weight: bold;
}
.home-service-content a{
    margin-top: auto;
    position: absolute;
    bottom: 20px;
    width: 190px;
    left: 0;
    right: 0;
    display: flex;
    margin: auto;
    /*! text-align: center; */
    justify-content: center;
}
/* Our sales section */
.our-sale-section {
    padding: 20px 0px;
}
/* subscribe */
.subscribe-wrap{
    background-color: #1a2d55;
    padding: 60px 0px;
    color: #fff;
}
.subscribe-wrap .text-side{
    display: flex;
    align-items: center;
    border-right: 2px solid #fff;
}
.subscribe-wrap .text-side .text-container h2{
    font-size: 60px;
    font-weight: 700;
    line-height: .9;
}
.subscribe-wrap .input-side button{
    margin-left: 15px;
}
/* promo section */
.promo-section {
    padding: 50px 0px 20px;
    width: 100%;
    overflow: hidden;
}
.promo-wrap .text-container {
    /*! border: 5px solid #25aae1; */
    position: relative;
    z-index: 2;
    padding: 50px;
    text-align: center;
    background-color: #1a2d55;
    color: #fff;
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
    border-radius: 5px;
}
.each-promo-wrap .row{
    flex-direction: row-reverse;
}
.promo-wrap .text-container h2{
    font-weight: 700;
    font-size: 90px;
    font-family: 'Luxurious Script', cursive;
}
.promo-wrap .text-container span{
    margin-bottom: 20px;
    font-size: 30px;
}

.promo-section .promo-text-container {
    padding: 50px 20px 90px;
}
.promo-wrap .img-container {
    margin-left: -100px;
    z-index: 0;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-position: top;
}
.statement-container {
    margin-top: 30px;
}
.each-statement{
    display: flex;
}
.each-statement .icon-container{
    float: left;
    margin-right: 20px;
    width: 130px;
}
.each-statement .content-container h5{
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}  
.each-statement .content-container p{
    margin-bottom: 0;
}
/* ===============================================
About Us page style
============================================*/
.about-us-section {
    padding: 70px 0px;
}
.about-us-container {
    margin: 0px 40px;
}
.about-us-section .nav-link{
    padding: 15px 15px;
    text-align: center;
    background-color: #fff;
    margin-bottom: 10px;
    color: inherit;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .about-us-section .nav-link:hover {
    background-color: #8250a0;
    color: #fff;
}
.about-us-section .nav-link span{
    width: 100%;
}
.statetment-wrap{
    margin-top: 20px;
}
.statement-card {
    padding: 20px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    border-radius: 5px;
    background-color: #fff;
}
.statement-card .icon-header span{
    font-size: 40px;
}
/* values */
.values-container .col-lg-4 {
    padding: 5px;
  }
.each-value-container {
    display: flex;
    color: #fff;
    background-color: #8250a0;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
}
.each-value-container .value-icon{
    width: 70px;
    margin-right: 10px;
    align-items: center;
    display: grid;
}
.each-value-container .value-text{
    display: flex;
    margin: auto 0px;
}
.each-value-container .value-text h4{
    font-weight: normal;
    font-size: 23px;
    margin-bottom: 0px;
}
/* ===============================================
Products page style
============================================*/
.product-wrap {
    margin: 40px 25px;
}
.category-container{
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    padding: 20px 10px;
}
#accordion .card{
    border: none;
    /*! border: 1px solid #ddd; */
    /*! border-radius: 5px; */
    /*! background-color: #fff; */
    /*! padding: 0px 10px; */
}
#accordion .card-header{
    border: none;
    background-color: transparent;
    padding-left: 0px;
    border-bottom: 1px solid #000;
}
#accordion .card-header button{
    width: 100%;
    text-align: left;
    color: inherit;
    font-weight: 600;
    text-decoration: none;
    box-shadow: none;
    display: flex;
    position: relative;
    font-size: 20px;
}
#accordion .card-header button[aria-expanded]::after{
    content:  "\e873";
    position: absolute;
    font-family: 'Linearicons-Free';
    right: 0;
}
#accordion .card-header button[aria-expanded].collapsed::after{
    content: "\e874";
    position: absolute;
    font-family: 'Linearicons-Free';
    right: 0;
}
#accordion .card-header button .icon-container{
    width: 30px;
    display: inline-flex;
    margin-right: 10px;
}
#accordion .card-header button:hover{
    text-decoration: none;
}
#accordion .card-header button:focus{
    outline: none;
    border: none;
    box-shadow: none;
}
#accordion .card-body{
    padding-top: 0px;
    padding-right: 0px;
    border: none;
    padding-left: 0;
}
#accordion .card-body ul{
    /*! border-top: 1px solid #8250a0; */
    padding-top: 5px;
}

#accordion .card-body ul li{
    padding: 5px 0px;
}
#accordion .card-body ul li::marker {
    content: "\e876";
    font-family: 'Linearicons-Free';
    font-size: 13px;
}
#accordion .card-body ul li a{
    color: inherit;
    font-weight: 600;
    cursor: pointer;
    padding-left: 5px;
}
#accordion .card-body ul li.active a{
    color: #8250a0;
}
#accordion .card-body ul li.active::marker{
    color: #8250a0;
}
#accordion .card-body ul li a:hover{
    color: #8250a0;
}
.filter-container {
    margin-bottom: 24px;
}
.filter-container .row{
    flex-direction: row-reverse;
}
.filter-container .price-filter{
    margin-left: auto;
    justify-content: end;
}
.product-wrap .search-container{
    display: flex;
    align-items: center;
}
.product-wrap .search-container input{
    position: relative;
    color: #000;
    border-color: #000;
}
.product-wrap .search-container input::placeholder{
    color: rgba(0, 0, 0, 0.4);
}
.product-wrap .search-container button{
    position: absolute;
    background-color: transparent;
    border: none;
    right: 30px;
}
.filter-container h4{
    margin-bottom: 0;
}
/* ===============================================
Product View page style
============================================*/
.product-view-section {
    margin: 40px 0px;
}
.product-view-img-container {
    border-radius: 5px;
    overflow: hidden;
}
.product-view-details {
    padding: 0px 20px 0px 40px;
    border-radius: 4px;
    overflow: hidden;
}
.page-breadcrump{
    margin-bottom: 20px;
    color: #999;
}
.page-breadcrump a{
    color: inherit;
    color: #999;
}
.page-breadcrump span{
    margin: 0px 5px;
}
.product-name{
    font-size: 30px;
    text-transform: capitalize;
}
.product-price{
    font-size: 45px;
    font-weight: 200;
}
.product-view-section .qty {
    padding: 10px 15px;
    background-color: transparent;
    border: 1px solid #999;
    width: 90px;
    margin-top: 15px;
    display: block;
    margin-bottom: 10px;
    border-radius: 4px;
}
.related-products-container {
    margin-top: 50px;
}
/* ===============================================
Our services page style
============================================*/
.services-section{
    padding: 60px 0px;
}
.control-btns-container{
    justify-content: center;
    margin: 0;
    padding: 0;
    margin-bottom: 45px;
}
.each-btn-container{
    padding: 10px;
    position: relative;
    cursor: pointer;
    border: 1px solid #aea7a7;
    border-bottom: 3px solid #aea7a7;
    width: 20%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.each-btn-container span{
    line-height: 20px;
}
.each-btn-container.active{
    border-color: #1a2d55;
    background: #1a2d55;
    /*! color: #fff; */
}
.each-btn-container.active::after{
    content: "";
    position: absolute;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    left: -15px;
    border-width: 11px 8px 8px 8px;
    border-color: #1a2d55 transparent transparent transparent;
    transform: rotate(-89deg);
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
}
.each-btn-container .icon-container{
    width: 75px;
    margin: auto;
    margin-bottom: 10px;
}
.each-btn-container .icon-container img{
    filter: grayscale(100%);
}
.each-btn-container.active .icon-container img{
    filter: grayscale(0%);
}
.each-btn-container.active span{
    color: #fff;
}
.services-container .info-container {
    margin-top: 30px;
    position: relative;
}
.services-container .info-container::before{
    /*! content: ""; */
    position: absolute;
    background-color: #8250a0;
    width: 80%;
    margin: auto;
    height: 4px;
    margin-bottom: 20px;
    top: -30px;
    left: 0;
    right: 0;
}
.services-container .info-container .each-info-container{
    display: none;
}
.services-container .info-container .each-info-container .heading{
    margin-bottom: 10px;
}
.services-container .info-container .each-info-container .heading h1{
    position: relative;
    margin-bottom: 20px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}
.services-container .info-container .each-info-container .heading h1::before{
    content: "";
    position: absolute;
    background-color: #8250a0;
    width: 15%;
    height: 2px;
    display: flex;
    margin: auto;
    bottom: -5px;

    /*! justify-content: center; */
}
.services-container .info-container .each-info-container.show{
    display: block;
}
.services-container .info-container .each-info-container p{
    text-align: center;
}
.price-list-wrap {
    margin-top: 30px;
}
.each-price-container{
    text-align: center;
    border-radius: 5px;
    background-color: #1a2d55;
    padding: 20px;
    color: #fff;
    margin: 10px;
}
.price-list-container{
    justify-content: center;
}
.each-price-container span{
    font-size: 30px;
}
/* Services 2 */
.services-container{
    margin: 0px 20px;
}
.each-service-wrap{
    margin-bottom: 20px;
}
.each-service-container{
    /*! border: 1px solid #ddd; */
    border-radius: 5px;
    background-color: #8250a0;
    color: #fff;
    padding: 20px;
    display: flex;
    height: 100%;
}
.each-service-container .img-side{
    width: 200px;
    height: 100%;
}
.each-service-container .img-side .img-background{
    background-color: #ddd;
    background-position: top;
    background-size: cover;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.each-service-container .content-side span{
    color: #25aae1;
    text-decoration: underline;
    cursor: pointer;
}
/* ===============================================
Contact page style
============================================*/
.contact-us-section {
    padding: 60px 0px;
}
.contact-details-wrap {
    margin-bottom: 35px;
}
.contact-details-card {
    background-color: #1a2d55;
    color: #fff;
    padding: 30px;
    border-radius: 20px;
}
.contact-details-card p{
    font-weight: 600;
    font-size: 20px;
}
.each-contact-detail{
    text-align: center;
    position: relative;
}
.each-contact-detail.center::before, .each-contact-detail.center::after{
    content: "";
    background-color: #fff;
    position: absolute;   
    left: 0;
    height: 100%;
    width: 3px;
}
.each-contact-detail.center::after{
    left: unset;
    right: 0;
    top: 0;
}
.each-contact-detail .icon-container {
    border: 1px solid;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 15px;
}
.each-contact-detail .icon-container span{
    font-size: 30px;
}
.map-container{
    position: relative;
    z-index: 2;
    border-radius: 20px;
    overflow: hidden;
    padding: 0;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}
.contact-us-container .contact-form-container-wrap{
    flex-direction: row-reverse;
}
.contact-form-wrap h3{
    font-weight: 600;
    font-size: 30px;
}
.contact-form-container{
    position: relative;
    z-index: 1;
    margin-left: -15px;
    padding: 30px 25px 30px 80px;
    background-color: #1a2d55;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #fff;
}
.input-container{
    margin-bottom: 10px;
    color: #fff;
}
.input-container input, .input-container textarea{
    background-color: transparent;
    color: #fff;
}
.input-container input::placeholder, .input-container textarea::placeholder{
    color: rgba(255, 255, 255, 0.57);
}
/* ===============================================
Cart page style
============================================*/
.cart-section{
    margin-top: 60px;
    padding: 20px 0px;
}
.cart-section .cart-card{
    padding: 30px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 16%);
}
.quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 0px;
    margin-left: 0px;
}
.quantity .pro-qty {
    width: 80px;
    border: 1px solid #ddd;
    padding: 0 10px;
    border-radius: 5px;
    float: left;
}
.each-cart-product-container .product-cart-info .quantity .pro-qty span{
    font-size: 11px;
}
.quantity .pro-qty .qtybtn {
    width: 15px;
    display: block;
    float: left;
    line-height: 30px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    color: #404040;
}
.quantity .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 30px;
    line-height: 40px;
    padding: 0;
    font-size: 14px;
    text-align: center;
    background-color: transparent;
}
.each-cart-product-container {
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 15px;
}
.each-cart-product-container:not(:first-of-type){
    margin-top: 15px;
}
.each-cart-product-container .product-img{
    width: 75px;
}
.each-cart-product-container .product-cart-info{
    margin-left: 15px;
}
.each-cart-product-container .product-cart-info h5{
    margin-bottom: 0px;
}
.each-cart-product-container .product-cart-info p{
    margin-bottom: 0px;
}
.each-cart-product-container .product-cart-info .qty span{
    font-size: 12px;
}
.cart-section .left-elements-container{
    display: flex;
    margin-left: auto;
}
.cart-section .left-elements-container .total-price-container{
    text-align: end;
    height: 50%;
    font-weight: bold;
}
.cart-section .left-elements-container .action-btn-container{
    height: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: end;
}
.cart-section .left-elements-container .action-btn-container button{
    padding: 0px;
    margin-bottom: 15px;
    text-align: end;
    font-weight: bold;
}
.cart-section .left-elements-container .action-btn-container button i{
    margin-right: 5px;
}
.cart-section .cart-action-btn{
    text-align: end;
}
.cart-section .each-pice-container{
    display: flex;
    width: 100%;
    margin-bottom: 5px;
}
.cart-section .each-pice-container .amount{
    margin-left: auto;
    text-align: end;
}
.cart-section .costs-container{
    border-top: 1px dashed #707070;
    border-bottom: 1px dashed #707070;
    padding-top: 10px;
    padding-bottom: 10px;
}
.cart-section .total-cost{
    padding-top: 10px;
}
.cart-section .prices-actions-btn-container{
    margin-top: 10px;
}
.cart-section .prices-actions-btn-container button{
    width: 100%;
    margin-bottom: 10px;
}
.cart-section .prices-actions-btn-container button:disabled:hover{
    background-color: #8250a0;
    color: #fff;
}
.cart-section .promotion-container .input-container{
    display: flex;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}
.cart-section .promotion-container .input-container input::placeholder{
    color: #21252962;
}
.cart-section .promotion-container .input-container input:focus{
    outline: none;
    box-shadow: none;
}
.cart-section .promotion-container .input-container button{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #ced4da;
}
.cart-section .promotion-container .input-container button:focus{
    outline: none;
    box-shadow: none;
}

.cart-section .viewHideMore{
    display: flex;
    justify-content: center;
    display: none;
}
.cart-section .viewHideMore button{
    text-align: center;
    padding: 0px;
    /* padding-top: 20px; */
    line-height: 1;
}
.cart-section .viewHideMore button:focus{
    outline: none;
    box-shadow: none;
}
.cart-section .md-form{
    margin-top: 20px;
    display: none;
}
/* ===============================================
checkout page style
============================================*/
.checkout-inputs-container .input-container input, .checkout-inputs-container .input-container select{
    border: 1px solid #9B9B9B;
    color: #212529;
    background-color: transparent;
}
.checkout-inputs-container .input-container input:disabled, .checkout-inputs-container .input-container select:disabled{
    background-color: #e9ecef;
}
.checkout-inputs-container .input-container input:focus{
    outline: none;
    box-shadow: none;
}
.checkout-inputs-container .input-container label{
    color: #212529;
    margin-bottom: 5px;
}
.checkout-inputs-container .input-container input::placeholder{
    color: #212529;
}
.checkout-action-btn{
    text-align: end;
    margin-top: 20px;
}
.checkout-inputs-container .breadcrumb-container{
    margin-left: 15px;
    margin-bottom: 20px;
}
.checkout-inputs-container .breadcrumb-container h4{
    font-size: 20px;
    font-weight: 400;
}
.checkout-inputs-container .breadcrumb-container h4 .active{
    font-weight: 600;
    color: #8250a0;
}
.checkout-inputs-container .breadcrumb-container h4 i{
    margin: 0px 5px;
}

.check-out-products-container{
    margin-bottom: 20px;
}
.check-out-products-container .each-product-container{
    border-bottom: 1px solid #707070;
    padding-bottom: 15px;
    padding-top: 15px;
    display: flex;
}
.check-out-products-container .img-wrap{
    position: relative;
    max-width: 65px;
    min-width: 65px;
    margin-right: 10px;
}
.check-out-products-container .img-wrap img{
    border-radius: 5px;
}
.check-out-products-container .img-wrap .prodQty{
    position: absolute;
    top: -8px;
    right: -10px;
    height: 20px;
    width: 20px;
    border: 1px solid #707070;
    text-align: center;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
}
.check-out-products-container .each-product-container .product-details{
    padding: 0px;
    margin-left: 5px;
    padding-top: 10px;
    text-align: left;
}
.check-out-products-container .each-product-container .product-details h5{
    font-size: 1rem;
    text-align: left;
    margin-bottom: 0px;
}
.check-out-products-container .each-product-container .product-price{
    font-size: 12px;
    text-align: right;
    margin-top: auto;
    margin-bottom: auto;
}
.checkout-sections{
    display: none;
}
.billingInfo-section{
    display: block;
}
.checkout-sections .same-info{
    margin-left: 15px;
}

.review-section.checkout-sections {
    margin-top: 30px;
}
.review-section table{
    width: 100%;
}
.review-section table td, .review-section table th{
    border-color: #212529;
}
.review-section table tbody td, .review-section table tbody th{
    vertical-align: middle;
}
.review-section table tbody td .img-container{
    width: 60px;
    border-radius: 5px;
    overflow: hidden;
}
.review-section table tbody td .mid-info{
    display: none;
}
/* .review-section .tbody-bottom td:nth-child(1), .review-section .tbody-bottom td:nth-child(2){
    border-top: 1px solid #9B9B9B;
} */
.review-section .tbody-bottom.topLine td{
    border-top: 1px solid #9B9B9B;
}
.review-section .tbody-bottom td{
    border-top: none;
    border-bottom: 1px dashed #9B9B9B;
}
.review-section .tbody-bottom.total td{
    font-weight: bold;
}

.review-section .billing-delivery-info-container{
    padding-top: 10px;
}
.review-section .billing-delivery-info-container .billing-info-container, .review-section .billing-delivery-info-container .delivery-info-container{
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 16%);
    margin-bottom: 20px;
}
.review-section .billing-delivery-info-container .billing-info-container h5, .review-section .billing-delivery-info-container .delivery-info-container h5{
    font-weight: 600;
}
.review-section .billing-delivery-info-container p{
    line-height: 1.3;
}
.review-section .billing-delivery-info-container p span{
    margin-bottom: 7px;
    display: inline-block;
}
.checkout-section .cart-wrap .reverse{
    flex-direction: row-reverse;
}