.herocaption{width: 85%; margin: 0 auto;}
.herocaption h1{
  font-size: 56px;
}
.product-img{
    max-width: 100%;
    background-size: cover;
    height: 324px;
    background-repeat: no-repeat;
    background-position: bottom;
}
.product-img:after{
    content: '';
    /* border: 1px solid rgb(184 145 123 / 24%); */
    padding: 1px;
    background: rgb(184 145 123 / 24%);
    width: 100%;
    position: absolute;
    /* top: 100%; */
    left: 0;
    top: 18em;
}
.product {
    border: 1px solid rgb(184 145 123 / 24%);
    width: 48%;
    margin: 10px;
    text-align: center;
    border-bottom: 4px solid #b8917b;
    padding: 0;
}
.product  h3{margin-top: 0;}
.product-title span{
    font-size: 11px;
    top: -11px;
    position: relative;
    font-weight: 600;
}
.short-description{margin-bottom: 3.5em;}
.product .btn{
    border: 2px solid #605e68;
    color: #605e68;
    text-decoration: none;
    padding: 20px 60px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    width: fit-content;
}
.product .btn:hover{
    color: #b8917b;
    background: #605e68;
}
.price{color: #b8917b;text-transform: uppercase;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 0;}
    .bottom-buttons{    margin-bottom: 3em;}
.bottom-buttons .btn{     border: 1px solid;   display: inline;}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 40px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    transition: 1s all;
  }
  

  
  .mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
  }
  
  
  /* overlay animate in */
  
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
  }
  
  
  /* overlay animate out */
  
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
  }
  
  .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.4s ease-out;
  }
  
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
  }
  
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
  }
  .page-hero{margin-bottom: 3em;}
  /* split section */
  .right-bg{
    
    background: #f8f4f2;
    padding-left: 9%;
    padding-top: 3em;
    padding-bottom: 5em;

  }
  .right-bg h2, .right-bg p{width: 91%;}

  /* icon section */
  .icon-sectiuon{     padding: 2em;   margin: 4em auto;}
  .icon-sectiuon .col-sm-4{text-align: center; }
  .icon-sectiuon p{font-size: 14px;}
.icon-bg{
  background: #f8f4f2;
  /* padding: 4em 0 5em; */
}
  /* bottom ctas */
  .split-cta-wrap{margin: 3em auto;}
  .left-inner{position: relative; text-align: center;
    height: 481px;
}


  .left-overlay{
    position: absolute;
    bottom: 0;
    color: #f1f1f1;
    width: 100%;
    /* transition: .5s ease; */
    opacity: 1;
    color: white;
    font-size: 20px;
    /* padding: 100%; */
    text-align: center;
    overflow: hidden;
    height: 100%;
  }
.left-inner p, .left-inner h2, .left-inner .btn{color: #fff;     position: relative;}
.left-inner p{    top: 28px;}
.left-inner .btn{ margin: 0 auto;   border: 2px solid #fff; 
  position: relative;
  bottom: -68px;
}

  .right-inner{position: relative; text-align: center;
    height: 481px;
}


  .right-inner p, .right-inner h2, .right-inner .btn{color: #fff;     position: relative;}
  .right-inner .btn{ margin: 0 auto;    border: 2px solid #fff; 
    position: relative;
    bottom: -41px;
}
  .right-overlay{
    position: absolute;
    bottom: 0;
    background: rgb(184 145 123 / .6);
    background: rgb(184 145 123 / .6);
    color: #f1f1f1;
    width: 100%;
    /* transition: .5s ease; */
    opacity: 1;
    color: white;
    font-size: 20px;
    /* padding: 100%; */
    text-align: center;
    overflow: hidden;
    height: 100%;
  }
.inner-content{
  margin: 0;
  position: absolute;
  top: 43%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.inner-content h2 {padding: 0 30px;}
.inner-content p{width: 90%;     margin: 0 auto;}

@media screen and (max-width:1200px){
  .product {width: 80%;margin: 10px auto;}
}
@media screen and (max-width:1024px){
  /* .product {width: 80%;margin: 10px auto;} */
.bottom-buttons .btn {
  border: 1px solid;
  display: block;
  margin: 0 auto;
  margin-bottom: 16px;
  width: 65%;
}
}
@media screen and (max-width:768px){
  .bottom-buttons .btn{
    display: block;
    margin: 15px auto 0 auto;
    width: 85%;
  }
  
}
/* @media screen and (max-width:540px){
  .product {width: auto;}
  
} */