/** Shopify CDN: Minification failed

Line 3469:0 Expected "}" to go with "{"

**/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&family=Playfair+Display:wght@400;500;600;700&display=swap');
body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
/*#header{
display:none;}*/

.swatch_options input:checked+.swatch-element h5 {
    color: #fff;
}

.page-questions .container.main.content {
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    padding: 0 0 40px;
}
.sc-pZopv.bjKdkd.pf-19883a3e {
    height: 75vh;
}


/*_____New_____*/
.main_nav {
    max-width: 1320px;
    margin: 0 auto;
   position:relative;
}
.main_nav_wrapper {
    background-color: #1B1B1B;
}
.top_bar {
    background-color: #1b1b1b;
    position: absolute;
    right: 0;
    top: 26px;
}
.mini_cart {
    background-color: #874048;
    text-transform: uppercase;
}
.cart_count {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    line-height: 21px !important;
    border-radius: 100%;
    color: black !important;
    margin-left: 6px;
    font-size: 10px !important;
    font-weight: bold !important;
}
.top_bar [class^=icon-]:before{ margin-right:6px;}
.cart_container .mini_cart:hover, .feature_image .header .top_bar .menu a, 
.feature_image .header .top_bar .menu a span, .top_bar a, .top_bar a span, 
.top_bar a:active, .top_bar a:visited, 
.top_bar select.currencies, a.mini_cart, a.mini_cart span{ color:#fff; }
.cart_container .cart_content {
    width: 33em;
}
.top-header-right {
    font-size: 12px;
}


/*_____Blog____*/
.artical_head {
    max-width: 900px;
    margin: 0 auto 25px;
}
.artical_head h1.article_title {
    font-size: 60px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    line-height: 1em !important;
}
.sidebar_content, .sidebar-block{ border:none; }
.sidebar_content h4.toggle {
    font-size: 26px;
    font-family: 'Playfair Display';
    font-weight: bold;
}
.sidebar_products ul {
    list-style: none;
    padding: 0;
}
.sidebar_products ul li a{ display:flex; align-items: center;}
.sidebar_products .thumbnil {
  width:20%;
}
.sidebar_products .recent_title{
  width:75%;
  margin-left:5%;
}
.sidebar_products ul li {
    margin-bottom: 20px;
    font-size: 18px;
}
.entry_article h4,
.entry_article h3,
.entry_article h2{
    font-family: 'Playfair Display',serif;
    font-size: 24px;
    text-align:left !important;
}
.entry_article{ padding-top:25px;}
.entry_article::first-letter{
  font-weight:bold;
  font-size:44px;
  color:#000;
}

.twgp-blog-page-title{ font-size:16px; font-weight:600; margin:20px 0 5px;}
h1.headlineblog {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
}

.top-header{
    background: #000;
    padding: 20px 0;
}
.top-header-body{
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    position: relative;
    text-transform: uppercase;
}
.top-header-content p{
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0;
}
.top-header-content p a{
    text-decoration: none;
    color: #fff;
}
.login-div{
    position: absolute;
    right: 0;
    padding-left: 60px;
}
.login-div::before{
    content: '';
    width: 1px;
    height: 100%;
    background: #fafafaa9;
    left: 0;
    top: 0;
    position: absolute;
}
.top-header-right{
    position: absolute;
    right: 0;
}
.__pf .pf-415a4f74, .__pf .pf-117b9097, .__pf .pf-19883a3e{margin-top:0 !important;}

.top-header-right h1{
    font-size: 10px;
    display: inline-block;
    color: #fff;
}
.top-header-right h1 a{
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-size: 10px;
    padding: 0 5px;
}


/* main header */
.navbar{
    background: #1b1b1b;
    padding: 30px 0;
    position: relative;
}
.dropdown-toggle::after{
    display: none;
}
.navbar-nav .nav-item .nav-link{
    color: #fff;
    text-transform: uppercase;
    padding: 0px 30px;
    font-weight: 500;
    transition: .3s;
}
.navbar-nav li.nav-item{
  margin-bottom:0;
}
.navbar-nav .nav-item .nav-link:hover{
    color: #fff;
}
.navbar-expand-lg .navbar-collapse{
    justify-content: center;
    position: relative;
}
.collapse a.button{
    padding: 12px 20px;
    border: 0;
    color: #fff;
    background-color: #873f47;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    right: 0;
    text-decoration: none;
    transition: .3s;
    display: flex;
    align-items: center;
}
.collapse a.button:hover{
    background: #873f47a8;
    color: #fff;
}
.collapse a.button i{
    padding-right: 5px;
    font-size: 20px;
}
.collapse a.button div{
    background: #fff;
    color: #873f47;
    border-radius: 50%;
    display: inline;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar-brand{
    position: absolute;
    z-index: 9;
}
.dropdown {
    margin: 0;
    top: 100%;
    list-style: none;
    padding: 0;
    width: 24em;
    background-color:#000 !important;
  visibility: hidden;
}  
.navbar-nav > li:hover .dropdown{ visibility: visible;}
.child.dropdown li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 15px;
    border-top: 1px solid #000;
    background: black;

}
.child.dropdown li:first-child a{
  border-top:none;
  padding-top:20px;
}

/* mobile header */
.mobile-header{
    padding: 10px 0;
    background: #111;
    display: none;
  z-index:100;
  position:relative;
}
.mobile-div{
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}
.logo img{
    width: 60px;
}
a.btn{
    font-size: 30px;
    color: #fff;
}
a.btn:focus{
    box-shadow: none;
}
a.btn:hover {
    color: #fff;
}
.button1{
    padding: 12px 20px;
    border: 0;
    color: #fff !important;
    background-color: #873f47;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: .3s;
    display: flex;
    align-items: center;
}
.button1:hover{
    background: #873f47a8;
    color: #fff;
}
.button1 i{
    padding-right: 5px;
    font-size: 20px;
}
.button1 div{
    background: #fff;
    color: #873f47;
    border-radius: 50%;
    display: inline;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-close:focus {
    box-shadow: none;
}
/* .navbar-brand1 {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
} */
.offcanvas-body .navbar-nav .nav-item{
    padding: 5px 0;
}
.offcanvas-body .navbar-nav .nav-item .nav-link{
    color: #111;
    font-size: 16px;
    font-weight: 500;
    transition: .3s;
}
.offcanvas-body .navbar-nav .nav-item .nav-link:hover{
    color: #fff;
}

/* ***********************************8 banner */
/* .banner{
   	position:static !important;
} */
.video-testimonial-block {
    position: relative;
    width: 100%;
    height: 550px;
    overflow: hidden;
}
.video-testimonial-block .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px;
}
.video video {
    display: block;
    width: 100%;
    /* height: auto; */
      height: 100%;
}
.video-testimonial-block .video-thumbnail {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    background-size: cover;
    top: 0;
    left: 0;
}

.about-img img{
	max-width:100%;
}
.banner-content{
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    padding-top: 110px;
    position: absolute;
    left: 50%;
    top: 110px;
    transform: translate(-50%);
    z-index: 2;
}
.banner-content span{
    font-size: 20px;
    font-weight: 600;
    background-color: #fff;
    color: #111;
    padding: 0 15px;
    text-transform: uppercase;
}
.banner-content h1{
    font-size: 58px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0;
    padding-top: 10px;
}
.banner-content p{
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
    padding: 10px 0;
}
.banner-content a{
    text-decoration: none;
    background-color: #fff;
    color: #111;
    padding: 20px 50px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin-top: 15px;
    transition: .3s;
}
.banner-content a:hover{
    background: #873f47;
  color:#fff
}
/* .banner img{
 	width:auto !important;
  display:inline-block;
} */
.video-div{
    position: absolute;
    z-index: 9;
    left: 50%;
    transform: translate(-50%);
    bottom: 70px;
}
.video-div span{
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 0 70px;
    text-transform: uppercase;
}
.video-div h3{
    display: flex;
    align-items: center;
    justify-content: center;
}
/* .video-div a{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #111;
    color: #fff;
    text-align: center;
} */
.video-div a i{
    font-size: 20px;
}

.video-testimonial-block{
    position: relative;
}
.video-testimonial-block .video-thumbnail {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    background-size: cover;
    top: 0;
    left: 0;
}

/* .video-testimonial-block {
    position: relative;
    width: auto;
    height: 206px;
    overflow: hidden;
    margin-bottom: 30px;
} */
.video-play {
    border: none;
    border-radius: 100%;
    position: absolute;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 25%);
    bottom: 55px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #111;
    color: #fff;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
.video-play i{
  color:#fff;
}
.video-play:hover{
    color: #fff;
}

/* *******************************carousel */
/* .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
} */
.client{
    padding: 40px 0;
  margin-bottom: 50px;
}

/* ************************************************************our kits section */
.kit{
    padding: 30px 0;
    margin-bottom: 20px;
}
.kit-header{
    text-align: center;
    margin-bottom: 10px;
}
.kit-header span{
    background-color: #873f47;
    padding: 2px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}
.kit-header h2{
    font-size: 34px;
    font-weight: 700;
    color: #111;
    padding: 10px 0;
    margin-bottom: 0;
}
.kit-header p{
    font-size: 18px;
    color: #111;
}
.kit-content{
    border: 1px solid #888888a8;
    z-index: 11;
}
.kit-content-head{
    background-color: #000;
    padding: 30px 30px 60px 30px;
    text-align: center;
    position: relative;
}
.kit-content-head h4{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}
.kit-content-head h4 span{
	font-size: 29px;
    display: block;
  	font-weight:600;
    text-transform: uppercase;
}
/* .kit-img img{
	max-width: 100%;
    width: 150px;
} */
.populer-div{
    position: absolute;
    background-color: #fbad07;
    text-transform: uppercase;
    color: #111;
    font-size: 13px;
    font-weight: 700;
    padding: 2px 39px;
    transform: rotate(90deg);
    top: 74px;
    right: -76px;
}
.populer-div::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0px 16px 16px 16px;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    right: -10px;
    bottom: 7px;
    transform: rotate(270deg);
}
.kit-img{
    text-align: center;
    margin-top: -55px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #8b8b8b;
    margin-right: 20px;
    margin-left: 20px;
}
/* .kit-img img{width:120px;} */
.kit-img h5{
    font-size: 16px;
    font-weight: 600;
    color: #111;
    margin-top: 0px;
    margin-bottom: 0;
  /* hide price display on homepage */
 /*  display: none;  */
}
.kit-img span{
    color: #8b8b8b;
    font-size: 14px;
 /*   display: none; */
}
.ideal-div{
    padding: 0px 30px 0px 30px;
}
.ideal-div h4{
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #111;
}
.ideal-div p{
    color: #111;
    font-size: 14px;
    margin-bottom: 0px;
}
.contact-logo{
	transform: translateX(8px);
      max-width: 100%;
    width: 150px;
}
.kit-content ul{
    list-style: none;
    padding: 20px;
    margin: 0;
}
.kit-content ul li{
    position: relative;
    padding: 12px 40px;
    border-bottom: 1px solid #8b8b8b;
}
.kit-content ul li a{
    color: #111;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.kit-content ul li:before{
    position: absolute;
    top: 14px;
    left: 18px;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #111;
    font-size: 10px;
}
.kit-content ul li:last-child{
    border-bottom: none;
}
.kit-footer{
    text-align: center;
    background-color: #000;
    
    transition: .3s;
}
.kit-footer:hover{
    background: #873f47;
}
.kit-footer.active{
    background-color: #873f47; 
    transition: .3s;
}
.kit-footer.active:hover{
    background: #111;
}
.kit-footer a{
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
  display:block;
  padding: 10px;
}
/* ************************************************************* our step section */
/* .our-step{
    height: 800px;
}
.step-header{
    text-align: center;
    margin-bottom: 20px;
}
.step-header span{
    background-color: #873f47;
    padding: 2px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}
.step-header h2{
    font-size: 38px;
    font-weight: 700;
    color: #111;
    margin-bottom: 0;
    margin-top: 20px;
}
.step-header h3{
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 0;
    color: #111;
}

.step-img{
    position: relative;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}
.logo-div{
    width: 290px;
    height: 290px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 0 50px 0 #00000040;
}
.step-hover-img{
    border-radius: 50%;
}
.img-ellipps{
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%);
    
}
.step-div-text h4{
    font-size: 19px;
    font-weight: 700;
    color: #111;
}
.step-div-text p{
    font-size: 12px;
    color: #111;
}
.step-div-img{
    background-color: #fff;
    border: 20px solid #873f47;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 7px;
    top: -7px;
}
.step-div-img::before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0px 12px 12px 12px;
    border-color: transparent transparent #873f47 transparent;
    border-style: solid;
    right: -35px;
    top: 25px;
    transform: rotate(81deg);
}
.step-div-text{
    margin-top: 40px;
    flex-basis: 49%;
    margin-right: 60px;
}
.step-div1{
    max-width: 350px;
    position: absolute;
    display: flex;
    top: 216px;
    left: -110px;
    transform: translate(-50%, -50%);
}
.step-div2{
    max-width: 350px;
    position: absolute;
    display: flex;
    bottom: -182px;
    left: -132px;
}
.step-div2 .step-div-text{
    margin-top: 70px;
}
.step-div2 .step-div-img{
    right: 11px;
    top: -16px;
}
.step-div2 .step-div-img::before {
    right: -12px;
    top: -16px;
    transform: rotate(37deg);
}
.step-div3{
    max-width: 350px;
    position: absolute;
    display: flex;
    bottom: -306px;
    left: 29%;
}
.step-div3 .step-div-img{
    right: 44%;
    top: 0;
}
.step-div3 .step-div-text{
    margin-top: 140px;
    margin-left: 30px;
}
.step-div3 .step-div-img::before{
    right: 33%;
    top: -30px;
    transform: rotate(0deg);
}

.step-div4{
    max-width: 350px;
    position: absolute;
    display: flex;
    bottom: -200px;
    right: -265px;
}
.step-div4 .step-div-img{
    left: -132px;
    top: -56px;
}
.step-div4  .step-div-img::before{
    left: -11px;
    top: -17px;
    transform: rotate(-36deg);
}

.step-div5 {
    max-width: 280px;
    position: absolute;
    display: flex;
    top: 204px;
    right: -378px;
}
.step-div5 .step-div-img{
    left: -132px;
    top: -56px;
}
.step-div5 .step-div-img::before{
    left: -36px;
    top: 27px;
    transform: rotate(275deg);
} */
.our-step{
    height: 823px;
}
.step-header{
    text-align: center;
    margin-bottom: 20px;
}
.step-header span{
    background-color: #873f47;
    padding: 2px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}
.step-header h2{
    font-size: 38px;
    font-weight: 700;
    color: #111;
    margin-bottom: -8px;
    margin-top: 10px;
}
.step-header h3{
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 0;
    color: #111;
}

.step-img{
    display: flex;
    flex-direction: column;
}
.logo-div{
    width: 290px;
    height: 290px;
    border-radius: 50%;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0 0 50px 0 #00000040;
    position: relative;
}
.img-ellipps{
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%);
}
.step-div-text h4{
    font-size: 19px;
    font-weight: 700;
    color: #111;
}
.step-div-text p {
    font-size: 12px;
    color: #111;
    max-width: 15ch;
    text-align: center;
}
.step-div-img{
    background-color: #fff;
    border: 20px solid #873f47;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.step-text-only {
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 12ch;
}
.step-div-img::before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0px 12px 12px 12px;
    border-color: transparent transparent #873f47 transparent;
    border-style: solid;
}
.step-div-text{
    position: relative;
}
.step-div-all{
    position: absolute;
    display: flex;
    transform: translate(-50%, -50%);
}

.step-div1 { top: 204px; left: -130px; }
.step-div2 { bottom: -188px; left: -32px; }
.step-div3 { bottom: -256px; left: 49%; }
.step-div4 { bottom: -197px; right: -157px; }
.step-div5 { top: 226px; right: -250px; }

.step-div1 .step-div-img::before { right: -35px; top: 25px; transform: rotate(81deg); }
.step-div2 .step-div-img::before { right: -12px; top: -16px; transform: rotate(37deg); }
.step-div3 .step-div-img::before{ right: 33%; top: -30px; transform: rotate(0deg); }
.step-div4 .step-div-img::before{ left: -11px; top: -17px; transform: rotate(-36deg); }
.step-div5 .step-div-img::before { left: -33px; top: 13px; transform: rotate(287deg); }

.step-div1 .step-text-only { top: 100px; left: -70px; }
.step-div2 .step-text-only { top: 140px; left: -50px; }
.step-div3 .step-text-only { top: 200px; left: 50px; }
.step-div4 .step-text-only { top: 170px; left: 140px; }
.step-div5 .step-text-only { top: 110px; right: -200px; }
/* --------------------mobile step */
.step-mobile{
    margin-top: 40px;
    display: none;
}
.step-mobile-div{
    text-align: center;
    margin-top: 30px;
}
/* *************************************** track section */
.track{
    padding: 70px 0;
    text-align: center;
    background-color: #000;
}
.track-content{
    max-width: 720px;
    margin: 0 auto;
}
.track-content h3{
    font-size: 41px;
    font-weight: 700;
    color: #fff;
}
.track-content p{
    font-size: 16px;
    color: #fff;
    padding: 0 20px;
}
.track-content input{
    background-color: #fff;
    border: none;
    padding: 20px;
    width: 100%;
    border-radius: 5px;
    position: relative;
  height:60px;
}
.track-content input:focus{
    outline: none;
}
.track-content form{
    position: relative;
}
.track-content button{
    position: absolute;
    right: 10px;
    padding: 12px 20px;
    background-color: #873f47;
    border: none;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
}
.track-content button i{
	padding-left:5px;
}
.track-content button:hover{
    background: #111;
}
/* ************************************************* about section */
.about-us{
    padding: 50px 0;
}
.about-content span {
    background-color: #873f47;
    padding: 2px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
}
.about-content h3{
    font-size: 50px;
    font-weight: 700;
    color: #111;
    margin-top: 10px;
}
.about-content h3 span{
    display: block;
    font-weight: 400;
    background-color: transparent;
    color: #111;
    padding: 0;
    font-size: 43px;
}
.about-content{
    padding-left: 110px;
}
.about-content p{
    font-size: 14px;
    font-weight: 400;
    color: #111;
    margin-bottom: 30px;
}
.about-content a{
    background-color: #000;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 14px 40px 14px 30px;
    font-weight: 600;
    position: relative;
    transition: .3s;
}
.about-content a:hover{
    background: #873f47;
}
.about-content a::after{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #fff;
    font-size: 11px;
}
/* ***************************** testimonial section */
.testimonial-head{
    text-align: center;
   display:none;
}
.testimonial-head span{
    background-color: #873f47;
    padding: 0px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
}
.testimonial-head h3{
    font-size: 39px;
    font-weight: 600;
    margin-top: 10px;
    color: #111;
    text-transform: uppercase;
}

.testimonial-head h3 span{
    font-weight: 300;
    color: #111;
    background-color: transparent;
    padding: 0;
    font-size: 39px;
    display: block;
}
.testimonial-head p{
    font-size: 17px;
    color: #111;
    margin-bottom: 20px;
}
.testimonial-content{
    border-top: 1px solid #8b8b8b;
    border-left: 1px solid #8b8b8b;
    border-right: 1px solid #8b8b8b;
    padding: 20px 20px 10px 30px;
    position: relative;
}
.test-comass{
    position: absolute;
    right: 15px;top: 15px;
}
.testimonial-content span{
    color: #fdbf11;
}
.testimonial-content h4{
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
    margin-top: 10px;
}
.testimonial-content p{
    font-size: 12px;
    color: #111;
    margin-bottom: 20px;
}
.testimonial-content h5{
    font-size: 14px;
    font-weight: 500;
    color: #111;
    padding-bottom: 15px;
}
.author{
    display: flex;
    padding-left: 15px;
    border-top: 1px solid #8b8b8b;
    border-top-left-radius: 23px;
    position: relative;
  	align-items:center;
}
.author::before{
    content: '';
    width: 1px;
    height: 18px;
    background-color: #8b8b8b;
    position: absolute;
    left: 0;
    top: -1px;
}
.author-text{
    padding-left: 15px;
}
.author-text h6{
    font-size: 14px;
    font-weight: 700;
    color: #111;
    margin-bottom: 0;
}
.author-text p{
    font-size: 14px;
    color: #aaa;
}
.owl-wrapper{
    max-width: 1020px;
    margin: 0 auto;
}
.owl-carousel button span{
    display: none;
}
.owl-carousel button{
    height: 50px;
    width: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.owl-theme .owl-nav {
    margin-top: 10px;
    margin-top: 0;
    width: 100%;
}
.owl-carousel .owl-nav button.owl-prev{
    background: url(/cdn/shop/files/arrow1.png?v=1636717816) no-repeat center !important;
    left: -70px;
}
.owl-carousel .owl-nav button.owl-next{
    background: url(/cdn/shop/files/arrow2.png?v=1636717816) no-repeat center !important;
    right: -70px;
}
/* ************************************************ important section */
.important{
    padding: 40px 0;
}
.important .row{
    align-items: center;
}
.important-content span {
    background-color: #873f47;
    padding: 2px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}
.important-content h3 {
    font-size: 50px;
    font-weight: 700;
    color: #111;
    margin-top: 10px;
}
.important-content h3 span {
    display: block;
    font-weight: 400;
    background-color: transparent;
    color: #111;
    padding: 0;
    font-size: 50px;
}
.important-content p {
    font-size: 16px;
    font-weight: 400;
    color: #111;
    margin-bottom: 20px;
}
/* ************************************** faq section */
.faq{
  padding-bottom:30px;
}
.faq-head{
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
}
.faq-head span {
    background-color: #873f47;
    padding: 2px 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}
.faq-head h3{
    font-size: 35px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 0;
}
.accordion-button::after{
    background-image: url(/cdn/shop/files/plus.png?v=1636717817);
    width: 30px;
    height: 40px;
    background-size: 100%;
    position: absolute;
    right: 0;
  	top:3px;
}
.accordion-button:not(.collapsed)::after{
    background-image: url(/cdn/shop/files/negative.png?v=1636717816);
    transform: rotate(-0deg);
}
.accordion-item{
    border: none;
}
.accordion-button{
    font-size: 16px;
    font-weight: 600;
    border: none;
    color: #111;
    padding-left: 100px;
    position: relative;
    margin-top: 5px;
    justify-content: left;
}
.accordion-button::before{
    content: '';
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 2px solid #111;
    border-radius: 50%;
    position: absolute;
    left: 53px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 6;
}
.accordion-button:focus{
    box-shadow: none;
}
.accordion-body{
    font-size: 14px;
    font-weight: 400;
    color: #111;
    padding: 20px 100px;
}
/* .accordion-button.collapsed{
    background-color: #873f47;
    color: #fff;
    box-shadow: none;
} */
.accordion-button:not(.collapsed) {
    background-color: #873f47;
    color: #fff;
    box-shadow: none;
}
.faq-content{
    position: relative;
    max-width: 1010px;
    margin: 0 auto;
}
.left-line {
    position: absolute;
    left: 61px;
    top: 20px;
    width: 2px;
    height: calc(100% - 33px);
    background-color: #111;
    z-index: 5;
}
.accordion-button:hover {
    z-index: unset;
  color:#fff;
  border:none;
}
/* **********************************************bride section */
.bride{
    padding: 60px 0;
  padding-top:0;
}
.bride-text{
    text-align: center;
    margin-top: 60px;
}
.bride-text p{
    font-size: 16px;
    color: #111;
    line-height: 1.8;
}
.bride-text h4{
    font-size: 18px;
    font-weight: 700;
    color: #111;
}

.bride .owl-carousel .owl-item img {
    margin: 0 auto;
	border-radius:10px;
}
.our-client .owl-item img{
  margin:0 auto;
  width:auto;
}
/* *************************************** contact section  */
.contact{
    background: #f3f3f3;
    padding-bottom: 30px;
}
.contact-body{
    padding: 80px 0 130px 0;
  position:relative;
}
.contact-body img{
	max-width:100%;
}
.contact-content{
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
/*   position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%); */
}
.contact-content h3{
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    padding: 0 75px;
    margin-bottom: 20px;
}
.contact-content p{
    color: #fff;
    line-height: 1.7;
    margin-bottom: 40px;
}
.contact-content a{
    background-color: #fff;
    color: #111;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    padding: 14px 40px 14px 30px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
}
.contact-content a:hover{
    background: #873f47;
  color:#fff;
}
.contact-content a:hover::after{
	color:#fff;
}
.contact-content a::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #111;
    font-size: 11px;
  	transition: .3s;
}
.contact-div{
    display: flex;
    justify-content: center;
    align-items: center;
      margin-top: 20px;
}
.contact-div-content {
    text-align: center;
    flex: 0 0 205px;
}
.icon-div{
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

/* *********************************** blog section */
.blog1{
    padding-top: 50px;
    padding-bottom: 50px;
}
.blog-head{
    text-align: center;
    margin-bottom: 20px;
}
.blog-head span{
    background-color: #873f47;
    padding: 2px 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}
.blog-head h3{
    font-size: 40px;
    font-weight: 700;
    color: #111;
    margin-top: 10px;
}
.blog-content{
    background: #f1f1f1;
    border-radius: 3px;
}
.blog-img{
    padding: 5px;
    position: relative;
}

.blog-content .blog-img img{
    width: 100%;
}
.blog-content .blog-img span{
    background-color: #873f47;
    padding: 2px 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    right: 50px;
    bottom: -8px;
}
.blog-content .blog-text{
        padding: 20px 40px 12px 60px;
}
.blog-content .blog-text p{
    font-size: 21px;
    color: #111;
    line-height: 1.3;
    padding-bottom: 30px;
}
.blog-content .blog-text a{
    font-size: 20px;
    font-weight: 400;
    color: #873f47;
    transition: .3s;
}
.blog-content .blog-text a:hover{
    color: #111;
}
.blog-content1{
    background: #f1f1f1;
    display: flex;
    border-radius: 3px;
}
.blog-content1 .blog-text{
    padding: 20px;
}
.blog-content1 .blog-text span{
    background-color: #873f47;
    padding: 2px 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
}
.blog-content1 .blog-text p{
    font-size: 18px;
    color: #111;
    padding-top: 10px;
    margin-bottom: 15px;
}
.blog-content1 .blog-text a{
    font-size: 19px;
    font-weight: 600;
    color: #873f47;
    transition: .3s;
}
.blog-content1 .blog-text a:hover{
    color: #111;
}
.view-btn-div{
    text-align: center;
    margin-top: 45px;
}
.view-btn{
    background-color: #000;
    color: #fff !important;
    text-decoration: none;
    font-size: 13px;
    padding: 10px 50px 10px 42px;
    font-weight: 500;
    position: relative;
    transition: .3s;
}
.view-btn:hover{
    color: #fff;
    background: #873f47;
}
.view-btn::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 33px;
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #fff;
    font-size: 11px;
}
/* ********************************************* footer start */
footer{
    background: #000;
}
.footer-text{
    padding-left: 30px;
    padding-top: 60px;
    padding-bottom: 60px;
    height: 100%;
    
}
.footer-text1{
    border-right: 1px solid #fff;
}
.footer-text h4{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
  	text-transform: uppercase;
}
.footer-text h5{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    margin-top: 20px;
}
.footer-text h5 a{
    padding-left: 7px;
    font-size: 17px;
  coloR:#fff;
}
.footer-text input{
    background: transparent;
    border: 1px solid #fff;
    padding: 10px 20px;
    max-width: 100%;
    color: #fff !important;
      margin-top: 10px;
      font-size: 16px;
}

.row {
    margin-bottom: 0px;
}
.footer-text ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-text ul li{
    padding: 0;
    margin-bottom: 8px;
}
.footer-text ul li a{
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
.footer-text p{
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    display: flex;
  	margin-bottom: 10px;
}
.footer-text p i{
    font-size: 20px;
    padding-right: 10px;
    padding-top: 3px;
}
.footer-text p a{
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}
.footer-text p a i{
    font-size: 20px;
    padding-right: 10px;
}
.newsletter .sign-up-btn{
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #111 !important;
    background: #fff !important;
    padding: 10px 25px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 10px;
      transition: .3s;
      border-radius: 0 !important;
  font-family: 'Poppins', sans-serif !important;
}

.newsletter .sign-up-btn:hover {
    background: #873f47 !important;
    color: #fff !important;
}
.footer-bottom{
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-bottom p{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
  	margin-bottom:0;
}
.footer-bottom img{
    max-width: 100%;
}
.footer-div{
    border-bottom: 1px solid #fff;
}



/* +++++++++ ======================= product page css start */
.pro-banner-head{
    text-align:center;
    max-width: 760px;
    margin: 0 auto;
    padding-bottom: 30px;
}
.product-banner{
    padding: 60px 0;
}
.prdct-alternate h3{
    font-size: 32px !important;
    font-weight: 700;
    color: #111;
    padding: 0 60px;
}
.pro-banner-head span{
    font-size: 16px;
    font-weight: 600;
    color: #111;
}
.pro-banner-head h5 i{
    color: #fbcd09;
    padding-right: 4px;
}
.pro-banner-head p{
    color: #111;
}
.pro-banner-img{
    text-align: center;
}
.pro-banner-text h4{
    font-size: 16px;
    font-weight: 600;
    color: #111;
    margin-bottom: 15px;
}
.pro-thumb{
    display: flex;
    text-align: center;
}
.pro-thumb-content{
   margin-right: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  	width: 100%;
}
.pro-thumb-content img{
	/*border-radius: 50%;
    height: 100px !important;
     */
  border: 1px solid !important;
  width: 118px !important;
}
.prdct-alternate{
      max-width: 760px;
    margin: 0 auto;
  text-align: center;
  padding-bottom:30px;
}

.pro-thumb-content h5{
    font-size: 12px;
    font-weight: 400;
    color: #111;
    margin-top: 12px;
}
.swatch .swatch-element{
	border:none;
  margin:0;
}
.pro-step{
    display: flex;
    margin-top: 10px;
}
.pro-step-div p{
    font-size: 16px;
    color: #111;
}
.pro-step-div p span{
    font-weight: 600;
}
.pro-step-div select{
    padding: 10px 30px;
    width: 90%;
    border: 1px solid#111;
    appearance: none;
    background: transparent;
}
.pro-step-div select:focus{
    outline: none;
    box-shadow: none;
}
.pro-price{
    display: flex;
    margin-top: 15px;
    align-items: center;
    margin-bottom: 10px;
}
.pro-price-content h4{
    font-size: 30px;
    color: #111;
    font-weight: 400;
}
.pro-price-content h4 .money {
    font-size: 30px;
}
.purchase-details__buttons.purchase-details__spb--true .action_button.action_button--secondary{
	max-width:100%;
}
.pro-price-content1{
    margin-left: 100px;
}
.pro-price-content1 p{
    padding-left: 20px;
    font-size: 12px;
    color: #111;
    margin-bottom: 10px;
    position: relative;
}
.pro-price-content1 p::before{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #4ab000;
    font-size: 15px;
}
.add-to-cart-btn{
    background-color: #111;
    color: #fff;
    padding: 10px 20px;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    transition: .3s;
}
.add-to-cart-btn:hover{
    color: #fff;
    background: #873f47;
}
/* ----------shipping section */
.shipping .container {
  clear:both;
}
.shipping-body{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 40px;
  	width:100%;
}
.shipping-content{
    text-align: center;
    flex-basis: 20%;
}
.shipping-content h4{
    font-size: 15px;
    font-weight: 600;
    color: #111;
    padding: 0 60px;
    margin-top: 20px;
}
/* ----------product -video */
.pro-video{
    margin-bottom: 80px;
}
.product-video-head{
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 0 30px;
}
.product-video-head h3{
    font-size: 37px;
    font-weight: 700;
    color: #111;
    text-transform: uppercase;
}
.product-video-head p{
    color: #111;
    margin-bottom: 0;
}

.video-testimonial-block1 .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px;
}
.video-testimonial-block1 .video-thumbnail {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    background-size: cover;
    top: 0;
    left: 0;
}
.video-play1 img{
    max-width: 100%;
}


/* *************************************** review section */
.review{
    margin-bottom: 80px;
}
.review-body{
    padding: 20px 30px;
    border: 1px solid #efefef;
}
/* .review-body .row{
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
} */
.jdgm-rev-widg__title{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #111;
    padding: 15px 20px;
}
.review-based{
    border-right: 1px solid #efefef;
    height: 100%;
}
.review-based p{
    color: #111;
    font-size: 15px;
}
.review-based span i, .yellow{
    color: #fbcd09;
}
.review-percent{
    border-right: 1px solid #efefef;
    height: 100%;
}
.review-percent-content{
    display: inline-flex;
    align-items: center;
}
.review-percent-content .far{
    color: #efefef;
}
.percent-div{
    border: 1px solid #efefef;
    width: 115px;
    height: 16px;
    margin-left: 5px;
}
.percent-background1{
    background: #fbcd09;
    width: 96%;
    height: 100%;
}
.percent-background2{
    background: #fbcd09;
    width: 4%;
    height: 100%;
}
.review-percent-content p{
    font-size: 12px;
    color: #111;
    margin-bottom: 0;
    padding-left: 5px;
}
.review-percent-content p span{
    padding-left: 30px;
}
.review-btn{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    text-align: right;
}
.review-btn .write-review{
    background: #7d7d7d;
    font-size: 12px;
    color: #fff;
    padding: 8px 30px;
    max-width: 150px;
    text-align: center;
    text-decoration: none;
    margin-left: auto;
}
.review-btn select{
    max-width: 130px;
    margin-left: auto;
    margin-top: 70px;
    font-size: 12px;
    border-radius: 0;
    padding: 15px 35px 15px 5px;
    border: 1px solid #efefef;
}
.review-btn select:focus{
    box-shadow: none;
    outline: none;
    border-color: #efefef;
}
.form-select{
    background-image: url(../img/select-img.png);
    background-size: 10px;
}
.customer-review{
    border-top: 1px solid #efefef;
    padding-top: 20px;
    margin-top: 20px;
}
.customer-review-body{
    display: flex;
    align-items: center;
}
.customer-content1{
    width: 48px;
    height: 48px;
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
}
.customer-content1::after{
    position: absolute;
    bottom: 0;
    right: 0;
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #111;
    font-size: 15px;
}
.customer-content1 p{
    margin-bottom: 0;
    font-size: 12px;
}
.customer-content p{
    margin-bottom: 8px;
    font-size: 14px;
    color: #111;
}
.customer-content h4{
    font-size: 14px;
    font-weight: 400;
    color: #111;
}
.customer-content h4 span{
    background: #111;
    color: #fff;
    padding: 2px 10px;
}
.jdgm-rev__title {
    font-size: 19px;
    font-weight: 600;
    color: #111;
    background: #efefef;
    padding: 15px 20px;
  margin-bottom:10px;
}
.customer-comment p{
    font-size: 13px;
    color: #111;
    line-height: 1.7;
}
.pegination-div{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.page-link{
    border: none;
    color: #111;
    font-size: 15px;
    padding: 0 10px !important;
}
.page-link:focus{
    background: transparent;
    box-shadow: none;
    color: #111;
}
.page-link.active{
    font-size: 21px;
    font-weight: 700;
}
.page-link:hover{
    background: transparent;
    color: #111;
}
/* *********** feature section */
.feature{
    padding: 70px 0;
}
.feature .row{
    align-items: center;
}
.feature-img{
    text-align: right;
}
.feature-img img{
    max-width: 100%;
}
.feature-text{
    background: #f7f7f3;
    padding: 30px 90px;
    margin-left: -120px;
    margin-right: 210px;
}
.feature-text h3{
    font-size: 20px;
    font-weight: 600;
    color: #111;
    margin-bottom: 10px;
}
.feature-text ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.feature-text ul li{
    position: relative;
    color: #111;
    padding: 1px 30px;
  font-size:16px;
}
.feature-text ul li::before {
    position: absolute;
    left: 0px;
    top: 2px;
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #111;
    font-size: 15px;
}
/* *********celebrity section */
.celebrity{
    padding: 60px 0;
}
.celebrity .row{
    align-items: center;
}
.celebrity-img img{
    max-width: 100%;
}
.celebrity-content h3{
    font-size: 24px;
    font-weight: 700;
    color: #111;
    line-height: 1.5;
    margin-bottom: 15px;
}
.celebrity-content p{
    font-size: 14px;
    color: #111;
    line-height: 1.7;
    padding-right: 130px;
}
/* ************** amazing section */
.amazing{
    padding-top: 0px;
    padding-bottom: 30px;
}
.amazing .row{
    align-items: center;
}
.amazing-content h3{
    font-size: 24px;
    font-weight: 700;
    color: #111;
    margin-bottom: 15px;
}
.amazing-content p{
    color: #111;
    font-size: 14px;
    line-height: 1.7;
    padding-right: 155px;
}
/* ********* guarantee section */
.guarantee{
    padding: 40px 0;
    background: #f3f3f3;
    
}
.guarantee-body{
    max-width: 1050px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.guarantee-body::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 101px 60px 0 60px;
    border-color: #f3f3f3 transparent transparent transparent;
    left: 38px;
    bottom: -85px;
}
.guarantee-body h3{
    font-size: 27px;
    font-weight: 700;
    color: #111;
    margin-bottom: 30px;
}
.guarantee-content{
    text-align: center;
}
.guarantee-content h4{
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin-bottom: 0;
    padding-top: 10px;
}
/* **************** online order */
.online-order{
    padding: 60px 0;
}
.order-div{
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
}
.order-div img{
    max-width: 100%;
}
.order-div h4{
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin-bottom: 10px;
    margin-top: 25px;
}
.order-div h5{
    font-size: 18px;
    font-weight: 500;
    color: #111;
    margin-bottom: 15px;
}
.order-div p{
    color: #111;
    margin-bottom: 0;
    line-height: 1.6;
}
/* ****************** what get section */
.what-get-head{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 70px;
}
.what-get-head h3{
    font-size: 38px;
    font-weight: 700;
    color: #111;
    margin-bottom: 10px;
}
.what-get-head p{
    font-size: 20px;
    color: #111;
    font-weight: 500;
}
.what-body{
    display: flex;
    padding-bottom: 80px;
}
.what-text{
    text-align: right;
    padding-right: 15px;
}
.what-text h4, .what-text1 h4{
    font-size: 20px;
    font-weight: 500;
    color: #873f47;
}
.what-text p{
    font-size: 14px;
    font-weight: 500;
    color: #111;
    padding-left: 220px;
    margin-bottom: 0;
    min-height: 7em;
}
.what-text1 p{
    font-size: 14px;
    font-weight: 500;
    color: #111;
    margin-bottom: 0;
    max-width: 333px;
    min-height: 7em;
}
.what-text1{
    padding-left: 15px;
}
.border-line{
    border-left: 1px solid;
}
.what-img{
    padding-left: 20px;
}

/* ******************** product bride */
.bride1{
    padding-bottom: 90px;
}
.bride1-head{
    text-align: center;
    padding-bottom: 50px;
}
.bride1-head h3{
    font-size: 38px;
    font-weight: 500;
    color: #111;
}
.owl-wrapper1 .owl-carousel .owl-item .bride-text1 img{
    margin-left: 0;
    width: auto;
}
.owl-wrapper1 .owl-carousel .owl-item img {
    width: 100%;
}
.bride-text1{
    background: #f7f7f3;
    padding: 50px 70px;
    margin-top: -50px;
    margin-right: -124px;
    position: relative;
}


.owl-wrapper1 .row{
    margin-top: 50px;
    margin-bottom: 20px;
}
.bride-content1{
    margin-left: -60px;
}
.bride-text1 h3{
    font-size: 33px;
    font-weight: 500;
    color: #272422;
    margin-top: 15px;
    margin-bottom: 10px;
}
.bride-text1 h5{
    font-size: 17px;
    font-weight: 400;
    color: #272422;
    margin-bottom: 10px;
}
.bride-text1 p{
    font-size: 15px;
    margin-bottom: 0;
    color: #272422;
    line-height: 1.7;
    padding-right: 80px;
}
.bride-carousel1 button {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    
}
.bride-carousel1 .owl-nav button.owl-prev {
    left: 45% !important;
}
.bride-carousel1 .owl-nav button.owl-next{
    right: 45%;
}
.faq1{
    padding-bottom: 40px;
}
/* ********************************************************************************************************* jfdkf;jadsf;akjdf;asdf */
.jdgm-rev{
	display:flex;
}
.jdgm-rev__header {
    margin-bottom: 5px;
    flex: 0 0 30%;
}
.jdgm-rev__content{
    flex: 0 0 70%;
}
div.giraffly-right-Bar-Preview-Example{
  display:none;
}
.main.content{
margin-top:60px;
}


.touchevents, .no-touchevents{
 padding-bottom:0;
}


.our-client .owl-stage{
  	display: flex;
    align-items: center;
  }
  .important-img img{
  	width:100%;
  }


.video-testimonial1{    
    position: relative;
    max-width: 650px;
    height: 100%;
  	margin: 0 auto;
  }
.video-testimonial1 .video1{height:330px;}

.product-main-review{
	max-width: 860px;
    margin: 0 auto;
    text-align: center;
  padding-top:80px;

}
.product-main-review h3{
	font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    padding: 0 40px 30px;
  margin-bottom: 0;
}
.product-main-review h3 span{font-size: 40px;
    font-weight: 700;}
.product-main-review strong{
  color:#000;
}
.product-main-review span i{color: gold;}
.product-main-review p{font-size:18px;}
.product-main-review p span{font-weight:500; color: #000;}


.product-main-review .jdgm-rev-widg__summary {
    float: unset;
      display: flex;
    justify-content: center;
    align-items: center;
}
.product-main-review .jdgm-rev-widg__summary-text {
    padding-left: 10px;
    font-weight: 600;
    color: #000;
}
.mobile-account p{
  	color: #111;
    font-size: 16px;
    font-weight: 500;
    transition: .3s;
  	text-transform: uppercase;
      padding: 0 30px;
}


.tab_head_wrap{ background-color:#F3F3F3}
.tab_head_wrap ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1100px;
}
.tab_head_wrap ul li {
    width: 25%;
    padding: 10px;
    text-align: center;
    position:relative;
}
.tab_head_wrap ul li h4 {
    font-weight: bold;
    font-size: 14px;
}



.tab_head_wrap h2{ font-weight:bold; margin-bottom:15px; font-size:27px; padding-top:60px;}
.tab_head_wrap ul li.ui-tabs-active::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 80px 60px 0 60px;
    border-color: #f3f3f3 transparent transparent transparent;
    left: 50%;
    bottom: -54px;
    margin-left: -62px;
}
.tabs_content_wrap {
    padding: 80px 0 50px;
}
.tabs_content_wrap .container{ max-width: 1100px; }

.select.pro-step .selector-wrapper:first-child {
    display: none !important;
}
.prodcut_6626208383079 .select.pro-step .selector-wrapper:first-child,
.prodcut_6626217754727  .select.pro-step .selector-wrapper:first-child{ display:inline-block !important; }

/* ********************************** media query  */
@media (min-width: 1100px){
  .sidebar_content{ padding-left: 70px;}
}

@media (max-width:1600px){
	.contact-body {
      padding-bottom: 75px;
      background-position: bottom !important;
      margin-bottom: 16px;
      padding-top: 60px;
	}
 
}
@media (max-width:1400px){
    .contact-content h3{
        font-size: 30px;
    }
  	.contact-div-content {
    	text-align: center;
	}
  .contact-body {
      padding-bottom: 86px;
      background-position: top !important;
      margin-bottom: 16px;
      padding-top: 52px;
	}
    .contact-body{
        padding: 30px 0 90px 0;
    }

    .contact-div {
        margin-top: 10px;
    }
    .important-content{
        padding-left: 60px;
    }
  	.blog-content .blog-img img {
    	width: 100%;
    	height: 218px;
    	object-fit: cover;
	}
    .blog-content1 .blog-text p{
        padding-right: 30px;
    }
/*     .blog-content .blog-text {
        padding: 40px 40px 37px 60px;
    } */
    .amazing-img img{
        max-width: 100%;
    }
    .amazing-content p {
        padding-right: 0;
    }
    .feature-text {
        padding: 30px 75px;
        margin-left: -105px;
        margin-right: 108px;
    }
    .shipping-content h4 {
        padding: 0 20px;
        margin-top: 20px;
    }
    .celebrity-content p{
        padding-right: 0;
    }
    .celebrity-content{
        padding-left: 20px;
    }
    .bride-text1 p{
        padding-right: 0;
    }
    .bride-text1{
        margin-top: -80px;
    }
    .what-text1 p{
        min-height: 8em;
    }
/*   .contact-div-content {
    text-align: center;
    flex: 0 0 13%;
} */
  .blog-content1 .blog-img img{
  	    max-width: 100%;
    height: 100%;
    object-fit: cover;
  }

/*   .contact-div-content {
    flex: 0 0 10%;
	} */
  .footer-text h5 a {
    padding-left: 5px;
    font-size: 16px;
	}
  .about-content {
    padding-left: 0;
}
  .populer-div::after {
    right: -9px;
}
  .populer-div {
    padding: 2px 49px;
    top: 84px;
    right: -85px;
}
  .contact-div-content {
    flex: 0 0 145px;
}
@media (max-width:1200px){
  .contact-body{
  		background-size: cover !important;
  }.contact-div-content {
    text-align: center;
}
  .about-img img{
    max-width:100%;
}
@media (max-width:1025px){
    .mobile-header{
        display: block;
    }
    .offcanvas-start{
        width: 340px;
    }
    .main-header{
        display: none;
    }
    .top-header{
        display: none;
    }
    .video-play{
        bottom: 15px;
    }
    .banner-content{
        padding-top: 10px;
    }
    .video-div{
        bottom: 28px;
    }
    .kit-header{
        margin-bottom: 0;
    }
  .populer-div {
    padding: 2px 27px;
    top: 61px;
    right: -63px;
}
  .contact-div-content {
    text-align: center;
    flex: 0 0%;
}
  .important-content {
    padding-left: 30px;
}
    .kit-content{
        margin-top: 30px;
    }
    .kit-header h2{
        padding: 10px 20px;
    }
    .about-img{
        margin-top: 50px;
    }
    .about-content {
        padding-left: 0;
    }
    .important-content{
        margin-top: 30px;
    }
    .important-content p{
        margin-bottom: 10px;
    }
  .important-img, .about-img{
  	text-align:center;
  }
/*   .blog-content1 {
    margin-top: 20px;
} */
    .about-img img, .important-img img{
        max-width: 100%;
    }
    .important .row {
        align-items: unset;
    }
    .owl-wrapper .owl-carousel .owl-nav button.owl-next{
        right: -40px;
    }
    .owl-wrapper .owl-carousel .owl-nav button.owl-prev{
        left: -40px;
    }
  .owl-carousel .owl-nav button.owl-next{
  	right:0;
  }
  .owl-carousel .owl-nav button.owl-prev {
    left: 0;
}
    .footer-bottom {
        display: block;
        text-align: center;
    }
    .footer-text1 {
        border-right: none;
    }
    .footer-text{
        padding-bottom: 0;
    }
    .what-text p{
        padding-left: 0;
    }
    .what-text1 p {
        min-height: 7em;
    }
    .feature-text{
        margin-right: 0;
    }
    .feature{
        padding-top: 0;
    }
    .our-step {
        height: 702px;
    }
    .bride-text {
        margin-top: 30px;
    }
    /* ==================================== om css */
    .logo-div {
        width: 190px;
        height: 190px;
        padding: 20px;
    }
    .step-hover-img{
        min-width: 100%;
    }
    .img-ellipps {
        bottom: -40px;
        max-width: 250px;
    }
    .step-div-img {
        border-width: 10px;
        width: 80px;
        height: 80px;
    }
    
    .step-div1 { top: 150px; left: -80px; }
    .step-div2 { bottom: -126px; left: -22px; }
    .step-div3 { bottom: -170px; left: 49%; }
    .step-div4 { bottom: -137px; right: -97px; }
    .step-div5 { top: 163px; right: -156px; }
    
    .step-div1 .step-div-img::before { right: -22px; top: 10px; transform: rotate(71deg); }
    .step-div2 .step-div-img::before { right: -12px; top: -7px; transform: rotate(44deg); }
    .step-div3 .step-div-img::before { right: 27%; top: -18px; transform: rotate(0deg); }
    .step-div4 .step-div-img::before { left: -9px; top: -10px; transform: rotate(-36deg); }
    .step-div5 .step-div-img::before { left: -18px; top: 3px; transform: rotate(302deg); }
    
    .step-div-text h4 { font-size: 16px; }
    
    .step-div2 .step-text-only { top: 130px; left: -20px; }
    .step-div3 .step-text-only { top: 140px; left: 40px; }
    .step-div4 .step-text-only { top: 130px; left: 100px; }
    .step-div5 .step-text-only { top: 100px; right: -170px; }
    /* =============================om css */
    .contact-body{
        background-size: cover !important;
    }
    .blog{
        padding-top: 30px;
    }
    .contact-div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 10px;
    }
    .contact-div-content p {
        width: 21ch;
    }
    .contact-logo{
        display: none;
    }
    .feature-text {
        margin-left: 0;
        margin-top: 40px;
    }
    .feature-img img {
        width: 100%;
    }
    .amazing-img{
        margin-top: 40px;
    }
    .celebrity-content{
        margin-top: 40px;
    }
    .celebrity-img img {
        width: 100%;
    }
    .celebrity {
        padding: 0;
    }
    .amazing{
        padding-top: 20px;
    }
    .guarantee-body::after{
        display: none;
    }
    .customer-content h4 span {
        background: #111;
        color: #fff;
        padding: 0px 5px;
    }
    .guarantee-body h3{
        margin-bottom: 0;
    }
    .guarantee-content {
        margin-top: 30px;
    }
    .pro-banner-text{
        margin-top: 30px;
    }
    .pro-banner-img img{
        max-width: 100%;
    }
    

}
@media (max-width:576px){
  #header{ display:none }
  .child.dropdown{ background-color:black !important; position: static; width: auto; visibility: visible;  margin-top:20px;  }
  .navbar-nav .nav-item .nav-link:hover{ color:#fff;}
  .child.dropdown li a{ padding:5px 40px 5px 30px !important; color: #fff; position:relative;   }
  .navbar-nav .nav-item .nav-link{ padding: 8px 15px;  }
  div#shopify-section-banner-video-section { padding-top: 0px; }
  .swatch-element {
    width: 48% !important;
    display: inline-block;
    min-height: 180px;
  }
 
 .pro-thumb-content img {
    border-radius: 0%;
    width: auto !important;
    height: auto !important;
    border: none !important; 
 }
  .swatch-element {
    width: 48% !important;
    display: inline-block;
    border: 1px solid #ddd !important;
    margin: 1% !important;
}
  .pro-thumb-content h5{ padding-bottom:0; margin-bottom:0;}
  .child.dropdown li a:before {
  /*   content: "\f054";*/
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 18px;
}
  .offcanvas-header{ padding-bottom: 0; }
  
    .blog-content .blog-img span {
    position: relative;
    left: -81px;
    bottom: -28px;
}
  .mobile_nav-fixed--false .page_banner{margin-top:0;}
    .banner-content h1{
        font-size: 22px;
    }
    .banner-content p{
        font-size: 16px;
    }
    .banner-content{
        width: 80%;
    }
    .banner-content a{
        padding: 8px 20px;
    }
    .banner-content {
        padding-top: 0px;
    }
    .video-play{
        bottom: 28px;
    }
    .video-div{
    bottom: 38px;
    }
    .kit-header h2{
        font-size: 20px;
    }
    .kit-header p{
        font-size: 0 15px;
    }
    .track-content h3{
        font-size: 22px;
    }
    .track-content input{
        width: 95%;
      margin:0 auto;
    }
    .about-content h3{
        font-size: 24px;
    }
    .about-content h3 span{
        font-size: 24px;
    }
    .about-img img{
        max-width: 100%;
    }
    .testimonial-head h3, .testimonial-head h3 span{
        font-size: 22px;
    }
    .testimonial-head p{
        font-size: 15px;
        padding: 0 10px;
    }
    .owl-wrapper .owl-carousel .owl-nav button.owl-prev, .owl-wrapper .owl-carousel .owl-nav button.owl-next{
        display: none;
    }
    .important-img img{
        max-width: 100%;
    }
    .about-content{
        text-align: center;
    }
    .important-content{
        padding-left: 0;
        text-align: center;
    }
    .important-content h3, .important-content h3 span{
        font-size: 22px;
    }
    .important{
        padding-bottom: 0;
    }
    .faq-head h3{
        font-size: 20px;
        padding: 0 10px;
    }
    .faq-head{
        margin-bottom: 25px;
    }
    .accordion-body{
        padding-right: 20px;
    }
    .accordion-button{
        font-size: 12px;
    	padding-left: 40px;
    }
  .accordion-button::after{
  	    width: 25px;
    	height: 32px;
    
    right: 3px;
    top: 6px;

  }
  .sign-up-btn{
  		display: block;
    	text-align: center;
  }
    .left-line{
        left: 18px;
    }
    .accordion-button::before{
        left: 10px;
    }
    .owl-carousel .owl-item img{
        width: 100%;
    }
    .blog-head{
        margin-bottom: 25px;
    }
    .blog-head h3{
        font-size: 22px;
        padding: 0 10px;
    }
    .blog-content .blog-text{
        padding: 40px 15px;
    }
    .blog-content1{
        margin-top: 30px;
        justify-content: space-between;
      display:block;
    }
    .blog-content1 .blog-text{
        padding: 20px;
    }
  .blog-content .blog-img img {
    height: auto;
  }
    .blog-content .blog-text p{
        font-size: 15px;
    }
    .blog-content1 .blog-text p{
        font-size: 13px;
        padding-right: 10px;
    }
  .blog-img {
    text-align: center;
	}
    .contact-div-content p {
        width: 100%;
    }
    .footer-bottom{
        display: block;
        text-align: center;
    }
    .footer-text{
        padding-top: 20px;
        padding-bottom: 0;
        padding-left: 0;
    }
    .footer-text1 {
        border-right: none;
    }
    .client .owl-carousel .owl-item img{
        width: auto;
          
    max-width: 100%;
    }
  .track-content button{
  	right:15px
  }
    .bride-text{
        margin-top: 0;
    }
    .contact-body{
        background-size: cover;
    }
    .contact-content h3 {
        font-size: 22px;
        padding: 0 10px;
    }
    .contact-content p{
        font-size: 14px;
    }
    .bride{
        padding-top: 20px;
        padding-bottom: 30px;
    }
  .footer-text h5{
  	margin-top:10px;
  }
  .faq {
    padding-bottom: 15px;
	}
  .blog1 {
    padding-top: 50px;
  }
    .contact-div{
        display: block;
        padding-bottom: 20px;
    }
    .contact{
        padding-bottom: 0;
    }
    .blog{
        padding-top: 80px;
    }
    .step-header h2, .step-header h3{
        font-size: 22px;
    }
    .kit{
        margin-bottom: 0;
        padding-top: 0;
    }
    .step-div-all{
        display: none;
    }
    .step-div-img{
        margin: 0 auto;
    }
    .step-div-img::before{
        display: none;
    }
    .step-text-only1 h4{
        font-weight: 700;
        font-size: 15px;
        color: #111;
        margin-bottom: 0;margin-top: 10px;
    }
    .step-text-only1 p{
        font-size: 12px;
        color: #111;
    }
    .step-div-all{
        display: none;
    }
    .step-mobile{
        display: block;
    }
    .our-step {
        height: auto;
    }
    .step-header{
        margin-bottom: 30px;
    }
    .contact-div-content{
        margin-top: 20px;
    }
    .pro-banner-img img{
        max-width: 100%;
    }
    .owl-wrapper1 .row{
        margin-top: 80px;
    }
    .bride-text1 {
        padding: 22px 20px;
        margin-right: 0;
    }
    .bride-carousel1 .owl-nav button.owl-next, .bride-carousel1 .owl-nav button.owl-prev{
        display: none;
    }
  .ideal-div{
  	    padding-bottom: 0;
  }
    .what-body{
        padding-bottom: 40px;
    }
    .border-line {
        border-left: none;
    }
    .what-text p{
        min-height: auto;
    }
    .guarantee-body::after{
        display: none;
    }
    .guarantee-content{
        margin-top: 30px;
    }
    .guarantee-body h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .guarantee-content h4{
        font-size: 16px;
    }
    .celebrity-content{
        padding-left: 0;
    }
    .celebrity-content h3 {
        font-size: 18px;
    }
    .amazing-content h3{
        font-size: 18px;
    }
    .order-div h5{
        font-size: 16px;
    }
    .what-get-head {
        padding-top: 0;
        padding-bottom: 15px;
    }
    .what-get-head h3 {
        font-size: 22px;
    }
    .what-get-head p {
        font-size: 16px;
    }  
    .what-text h4, .what-text1 h4 {
        font-size: 18px;
    } 
    .bride1-head{
        padding-bottom: 20px;
    } 
    .bride1-head h3 {
        font-size: 24px;
        padding: 0 10px;
    }
    .bride-text1 h3 {
        font-size: 25px;
    }    
    .bride-text1 h5 {
        font-size: 14px;
    }
    .bride1 {
        padding-bottom: 0;
    }  
    .accordion-body {
/*         padding: 20px 57px; */
        padding-right: 0px;
    	padding-left: 40px;
    }  
    .feature-text {
        padding: 30px 15px;
    }
    .customer-review-body{
        padding: 30px 0;
    }
    .review-body {
        padding: 0 0px;
        border: none;
    }
    .review-btn .write-review {
        margin-left: 0;
        margin-top: 23px;
    }
    .review-btn select {
        margin-left: 0;
        margin-top: 29px;
    }
    .review {
        margin-bottom: 20px;
    }
    .product-video-head h3 {
        font-size: 22px;
    }
    .product-video-head p{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .video-testimonial-block1{
        height: 185px;
    }
    .pro-video {
        margin-bottom: 40px;
    }
    .shipping-body{
        display: block;
        margin-top: 0;
    }
    .shipping-content{
        margin-top: 30px;
    }
    .product-banner{
        padding-bottom: 20px;
    }
    .pro-price-content1 {
        margin-left: 10px;
    }
    .pro-price-content h4 {
        font-size: 22px;
    }
    .pro-banner-head h3 {
        font-size: 20px;
    }
    .feature {
        padding-bottom: 0;
    }
    .order-div{
        padding: 0 10px;
    }
    .pro-step {
        display: block;
        margin-top: 0;
    }
    .pro-step-div{
        padding-top: 10px;
    }
    .pro-step-div p{
        margin-bottom: 5px;
    }

    
    .jdgm-rev {
    display: block;
	}
  .jdgm-rev__content {
    margin-top: 20px !important;
	}
  .swatch .swatch-element{
  		margin:0;
    width:100%;
    padding: 10px;
  }
  .swatch .option_title{
  		text-align:center;
  }
  .prdct-alternate h3 {
    font-size: 24px!important;
        padding: 0;
    margin-top: 0 !important;
  }
  .prdct-alternate{
  		padding-bottom:0;
  }
    .prdct-alternate h3 {
    font-size: 24px!important;
    padding: 0 30px;
    margin-top: 0 !important;
	}
  .button1{
  	font-size:13px;
    padding: 12px 15px;
  }
  .pro-price-content{
  	flex:0 0 50%;
  }
  .pro-step-div select{
  	width:100%;	
  }
  .medium-down--one-whole form {
    padding: 0 10px;
	}
  .pro-price-content h4 .money {
    font-size: 22px;
    margin-top: -10px;
	}
  .pro-thumb-content h5 {
    font-size: 15px;
  }
  .blog-img img{
      max-width: 100% !important;
  }
  .touchevents{
    padding-bottom:0px;
	}

  .owl-theme .owl-nav {
    display:none !important;
  }
  .video-testimonial-block{
  	height:400px
  }
  .video-testimonial-block1{
  	height:210px ;
  }
  .no-touchevents{
  	padding-bottom:0 !important;
  }
  .product-main-review h3 {
    font-size: 20px;
  }
  .product-main-review p {
    padding: 0 15px;
  }
  .main.content {
    margin-top: 0px;
  }
  #customer_login, .accordion-content {
    margin-bottom: 25px;
}
  .select, .selector-wrapper {
    margin-right: 0 !important;
      width: 100%;
}
  .video video {
    height: 55%;
}
  .blog-header {
    margin-bottom: 40px;
}
  .row-full {
    margin-top: 40px;
    height: auto;
    padding: 12px;
}
  .product-main-review {
    padding-top: 20px;
}
  .product-main-review h3 span {
    font-size: 30px;
    display: block;
}
  
}
  
  @media (max-width: 768px){
    .navbar-brand{ top:-5px; left:80px; z-index:9999; }
    .navbar-brand img{ max-width:80px;}
    .navbar-toggler:focus{ box-shadow:none }
    .navbar-expand-lg .navbar-collapse{  background-color:#1B1B1B; z-index:999; }
    button.navbar-toggler:hover {
      background-color: transparent !important;
      border: none;
   }
    body.product .header-section{ position:static; }
    .header-section{ position:static !important; }
    .banner-content{ padding-top:25px;}
    .row-full{ margin-top:0; }
    .blog{ padding-top:0;}
    .sc-pZopv.bjKdkd.pf-19883a3e { height: 40vh; }
 }
.kit-img h5 {
    display: block!important;
  }


  @media only screen and (max-width: 600px) {
    .product_gallery .gallery-cell span{
      margin-left: 40px;
    }

  }


  @media only screen and (min-width: 600px){
    .product_gallery .gallery-cell span{
      margin-left: 40px;
    }
  }


  @media only screen and (min-width: 768px) {
    .product_gallery .gallery-cell span{
      margin-left: 40px;
    }
  }