h1,h3,h4,h5,h6{
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
  color:#a4846c !important;
}
body,p,a,li{
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 2;
}
a{
  color: #a4846c;
}
a:hover{
  color: #a4846c;
}
h1{
  font-size: 48px;
  line-height: 1.3 !important;
}
h2{
  font-size: 1rem !important;
  font-weight: normal !important;
  line-height: 2 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;

}
.btn-primary{
  color: #fff;
  background-color: #a4846c !important;
  border-color: #a4846c !important;
  padding: 8px 20px !important;
  border-radius: 0px;
}
.btn-primary:hover{
  color: #fff !important;
  background-color: #3f3036 !important;
  border-color: #3f3036 !important;
}
.bg-dark{
    background-color: #3f3036 !important;
}
.sg-bg-primary{
  background-color: #a4846c !important;
}
.box-shadow{
    box-shadow: 0 2px 8px 0 rgb(80 80 80 / 20%);

}
.section-heading{
  font-weight: 600;
  font-size: 38px;
  line-height: 56px;
  z-index: 9;
  color: var(--dark-color);
  padding: 0;
  margin: 0 0;
  position: relative;
  display: block;
}
.section-heading a{
    font-weight:600;
}
.section-heading a:hover{
    color:#a4846c;
}
.img-shadow{
  border: 5px solid #fff;
  box-shadow: 0 2px 8px 0 rgb(80 80 80 / 20%)
}
#myBtn{
    position: fixed;
    bottom: 40px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #a4846c;
    color: white;
    cursor: pointer;
    padding: 0px;
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
/*header css start*/
.sticky{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
}
.sg-masthead {
  box-shadow:0px 5px 15px 0px rgba(0, 33, 85, 0.1);
}

.sg-masthead .navbar-dark .navbar-nav .nav-item .nav-link{
  color: #30373f;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: 1px;
}
.sg-masthead .navbar-dark .navbar-nav .nav-item .nav-link:hover{
  color: #a4846c;
}
.sg-masthead .navbar-dark .navbar-nav > .nav-item:last-child >  .nav-link{
  font-weight: 600;
  text-transform: uppercase;
  line-height: 2;
  font-size: 14px;
  padding: 10px 15px;
  background: #a4846c;
  color: #fff !important;
  text-decoration: none !important;
}
.sg-masthead li.nav-item.text-start.dropdown {
    padding:.25rem 1rem;
}
.dropdown-item:hover, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #a4846c;
}
.dropdown-item:hover a,.dropdown-item a:hover, .dropdown-item:active a {
  color: #fff !important;
}
.sg-masthead li.nav-item.dropdown:hover > .dropdown-menu {
    display:block;
}
.navbar-expand-xl .navbar-nav .dropdown-menu .dropdown-menu{
    left:100%;
    top:-10px
}
.sg-masthead .dropdown-menu .dropdown-toggle::after{
    rotate:270deg;
}
.navbar-toggler-icon {
    width:2.5rem;
    height:2.5rem;
    color: #000;
    font-size: 25px;
    padding-top:5px;
  }


/*header css end*/
/*homepage slider section css start*/
.mute-button, .unmute-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 1000;
}
.mute-button {
  display: none;
}
.swiper-button-next, .swiper-button-prev {
    color:#3f3036 !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color:#a4846c
}
/*homepage slider section css end*/

/*homepage products section css start*/

.sg-card .sg-card-img img{
    border-radius:0;
}
.sg-card .sg-card-body{
    padding:20px 15px;
}
.sg-card .sg-card-body h3{
    margin-bottom:20px !important;
    font-weight:normal !important;
    font-size:22px;
    color:#000 !important;
}
.sg-card .sg-card-body h3 a{
  color: #3f3036;
  text-decoration: none;
  line-height: 1.3 !important;
}
.sg-card:hover .sg-card-body h3 a{
    color:#a4846c;
}
.sg-card{
    box-shadow:0 2px 8px 0 rgb(80 80 80 / 20%);
    border-radius:0 !important;
}
.sg-card{
    overflow:hidden;
}
.sg-card img{
    transition:0.5s ease;
    width:100%;
}
.sg-card:hover img{
    transform:scale(1.2);
}

.sg-card .sg-card-img:before{
    background: rgba(0,0,0,.3);
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 99;
    width: 100%;
    height: 100%;
}
.sg-card:hover .sg-card-img:before{
    transform: scale(1.2);
}


.sg-card .card-img.sg-card-img {
    position:relative;
    overflow:hidden;
}
.products-section .card-body.sg-card-body {
    position:absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.products-section .card-body.sg-card-body h3 {
    background-color:#fff;
    padding:8px 20px;
    z-index:99;
}
.products-section .card:hover h3{
    background-color:#a4846c;
}
.products-section .card:hover h3 a{
    color:#fff;
}
.products-section .sg-card .sg-card-img img {
    height: 220px;
    object-fit: cover;
}
/*homepage products section css end*/

/*blogs page css start*/
.sg-blog.sg-blog-02a .sg-card .sg-card-img{
  border-radius: 0px !important;
}
.sg-blog.sg-blog-02a .sg-card .sg-card-img img {
    height: 275px !important;
    border-radius: 0px !important;
}
.sg-blog-02a-sidebar input {
    border: 1px solid #ddd !important;
}
.sg-blog-details-02 .sg-blog-02a-sidebar{
    width:100%;
}

.sg-blog-details-02 .sg-blog-02a-sidebar .row {
     box-shadow: 0 2px 8px 0 rgb(80 80 80 / 20%)
}
.sg-blog-02a-sidebar h5 {
    border-bottom:1px solid !important;
    padding-bottom:10px !important;
}
/*blogs page css end*/
/* forms css start */
.simple_form .form-check-input[type=radio]{
    margin-top: 11px !important;
}
.checkbox-container label.form-check-label{
    margin-bottom:-4px !important
}
fieldset.radio-container {
    display:flex;
    flex-wrap: wrap;
}
fieldset.radio-container legend{
   width: auto;
   margin-right: 10px;
}
fieldset.radio-container .form-check{
    margin: 2px 10px;
}
/*sitemap css start*/
.sitemap-section ul li{
    list-style:none;
    padding:10px;
    border: 1px solid #ddd;
    margin: 10px;
}
.sitemap-section ul li a{
    text-decoration:none;
}
/*sitemap css end */
/*gallery css start*/
.gallery-block{
    position:relative;
    text-align: center;
}
.gallery-block .overlay-text{
    display:none !important;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    display:flex;
    justify-content:center;
    align-items: center;
}
.gallery-block:hover .overlay-text{
    display:flex !important;
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    transform: translate(-50%, -50%) !important;
    height: auto;
}
.modal-open{
  overflow: auto !important;
  padding: 0 !important;
}

/*gallery css end*/
/*--------toolip css start-------*/
.hoverable-text{
  position: relative;
}

.hoverable-text:hover .toooltip {
  display: block;
}
.hoverable-text-custom .toooltip {
  bottom: calc(100% + 12px);
}

.toooltip {
  position: absolute;
  left: -120px;
  right: auto;
  bottom: 100%;
  line-height: 1.4;
  color: #797c80;
  width: 180px;
  display: none;
  width: 260px;
}
.tooltip__text-block {
  padding: 10px 12px;
  background-color: #fbfbfb;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px #d1d6dc;
  border-radius: 4px;
  display: block;
}
.toooltip::after {
      content: '';
      width: 14px;
      height: 14px;
      background-color: #fbfbfb;
      border-style: solid;
      border-color: #d1d6dc;
      border-width: 0 1px 1px 0;
      transform: rotate(45deg);
      display: block;
      margin: -7px auto 0;
      box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
    }
   
/*--------toolip css end-------*/
/* contact form css end */
.phone-error-msg.error {
    color: #fff;                  
    background-color: #dc3545;
    font-size: 14px;
    padding: 6px 7px;
    border-radius: 4px;
    margin-top: 15px;
    text-align: center;
}
/*footer css start*/
.footer a{
  color: #fff;
  text-decoration: none;
}
.footer-menu li{
    margin:10px 0px;
}
.footer-social-icons i {
    border:1px solid #fff;
    padding:10px;
    font-size:18px;
    border-radius:5px;
}
.footer-social-icons a:hover i{
    background-color:#fff;
    color:#a4846c
}
/*footer css end*/
@media screen and (min-width:1200px){
    .sg-blog.sg-blog-02a .col-lg-8, .sg-blog-details-02 .col-lg-8 {
        width: 70.666667%;
    }
    .sg-blog.sg-blog-02a .col-lg-4, .sg-blog-details-02 .sidebar-column  {
        width: 29.333333%;
    }
}
    
@media screen and (min-width:992px){
    .gallery-section .modal-dialog {
      max-width: 700px !important;
      margin: 1.75rem auto;
      text-align:center !important;
  }
   
}

@media screen and (max-width:1200px){
    .sg-masthead .navbar-nav li{
      border-bottom:1px solid #ddd;
      padding:10px 10px !important;
  }
}
@media screen and (max-width:992px){
    .sg-card{
        max-width:24rem;
        margin:auto;
    }

}