/* @import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300&display=swap'); */
@font-face {
    font-family:Spectral;
    src: url(../fonts/Spectral-Light.ttf);
    font-display: swap;
  }
  @font-face {
    font-family:Spectral-it;
    src: url(../fonts/Spectral-Italic.ttf);
    font-display: swap;
  }

  .back{
    background: #F6F5ED !important;  
  }

.logo{
    width: 200px;
}
body{
    background-color: #F6F5ED !important;
}
h1 {
    /* font-family: span,serif; */
    font-family: 'Spectral', serif !important; 
    font-size: 4.7rem;
    font-weight: 300;
    font-style: normal;
    line-height: 1.05em;
    text-decoration: none;
    text-transform: none;
    letter-spacing: -1.71px;
    margin-top: 1.15em;
    margin-bottom: 0.38em;
    color: black;
}
.slider_image{
   
    background: #F6F5ED;  
    width: 100%;
    display:flex;
    justify-content: center;
    padding: 60px;   
    
}
.col_about{
    position: relative;
}
.col_about_btn{
    position: absolute;
    bottom: 30%;
    display: flex;
    justify-content: center;
}
@media(max-width:1400px){
    .col_about_btn{
        position: absolute;
        bottom: 30%;
        display: block !important;
        
        justify-content: center;
    }
}
@media(max-width:992px){
    .col_about_btn{
        position: relative;
        bottom: 30%;
        display: block !important;
        margin-top: 100px;
        
        justify-content: center;
    }
}
.col_about_btn .btns{
    font-family: 'Spectral', serif !important; 
   
    color: #58191a;
    border: 2px solid black;
    padding: 10px 60px;
    font-size: 25px;
        line-height: 2;
    display: flex;
    font-weight: 400;
    margin-right: 20px;    
    margin-bottom: 40px;
    text-align: center;
    margin-left: 35px;
}
.col_about_btn .btn_head:hover{
color: #F6F5ED;
background-color: black;
}
.col_about_btn .btn_head1{
    color:#F6F5ED;
    background-color: black;
        margin-left: 0;
    }

    .premium {
       padding-left: 100px;
       
    }
    .premium small,h2,p,h4{
        margin-top: 30px;
    }
    .premium h2
    {
    font-family: 'Spectral', serif !important; 

        font-size: 50px;
        color: black;
    }

    .premium small,h2,h4{
        font-family: 'Spectral', serif !important; 
    }
    .premium span{
        opacity: 0.6;
    }
    .premium .btm{
        font-family: 'Spectral', serif !important; 
   
     color: #F6F5ED;
      background-color: #C19A5B; 
      font-size: 25px;
      font-weight: 400;
      padding: 11px 25px;
    width: 181px;

    }
    .count-box{
        position: relative;
    }
    .count-box p{
        position: absolute;
        top: 45%;
        left:40%;
        font-family: 'Spectral', serif !important; 
        font-weight: 800;
        font-size: 20px ;
    }
    .flex{
        display:flex ;
        justify-content: center;
        align-items: center;
    
    }
    .font{
        font-family: 'Spectral', serif !important; 

    }
    .choose {
        padding: 0px 8%;
    }
    .choose h2{
        font-size: 50px;
        text-align: center;
    }
    .choose h2 span{
        font-family: 'Spectral-it', serif !important; 
    }
    .choose a{
        width: 100px;

        color: #58191a;
        border-bottom: 2px solid #58191a;
        /* animation: underline_hover_on2 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) both; */
    
    }
    .choose a:hover{
        transition:right 1s;
        border: none;
        color: #58191a;
    }
     .sprod-box01 .link{
        margin-top: 20px;
        overflow: hidden;
        border-bottom: 1px solid #58191a4d;
        transition: 1s;
      
    }
 .sprod-box01:hover .link {
    border-image: linear-gradient(90deg, #000 0%, transparent 100%);
    border-image-slice: 1; /* Create a border image with gradient fill from left to right */
     overflow: hidden;
    
  }



    .product  h5{
        
        
        color: #58191a;
        
       
    }
    .product  h5:hover{
        
        color: #58191a;
    }
  
    .product svg{
        border: 1px solid rgb(116, 111, 111);
        border-radius: 50%;
        padding: 10px;
        height: 40px;
        width: 40px;
        margin-bottom: 5px;
        color: #58191a;
        transition: 1s;
    } 
    .product svg:hover{
        border: 1px solid #58191a;   
    }
 /*   .product a{
        display: flex;
        justify-content: space-between;
    }*/
/*    .product .imgs{
        overflow: hidden;

    }
    .product .imgs img{
        transition: 0.3s;
    }
    .product .imgs img:hover{
        transform: scale(1.1);
    }*/









    .subs h5{
        text-align: center;
        font-size: 35px;
        margin-bottom: 30px;
    }
    .subs{
        padding: 50px 0;
    }
    .subs1 svg{
        height:40px;
        width: 40px;
       color: #C19A5B;
       margin-bottom: 30px;
    }
    .subs .sub input{
        width: 35%;
        margin-right: 5px;
        height: 50px;
        border: none;
        padding: 5px;
    }
    .subs .sub input:focus{
        border: 1px solid white;
    } 
    .subs .sub button{
        border: none;
        background-color: white;
        height: 50px;
        padding: 5px 20px;

    }
    .subs .sub button:hover{
        color: #C19A5B;
    }
    .subs .sub button svg{
        background-color: transparent;
    }
    .nav-pills .nav-link.active{
        background-color: black !important;
    }
    .nav-pills .nav-link{
        width: 100%;
        border-radius: 0;
        font-size:20px ;
        background-color:#F6F5ED  ;
        color: #58191a;
            text-transform: capitalize;
    padding: 10px 50px;

    }
    .nav-pills .nav-link:hover{
        background-color: #F0F0F0;
    }

    .nav-pills .aaa {
       border-right:1px solid rgba(46, 37, 37, 0.171) ;
    }
    .text{
        text-align: center;
    }
    #footer .footer-top .footer-links ul i {
        color: #ffffff !important;
    }
    #footer .footer-top , #footer a , #footer h4 {
        color: white !important;
        background-color: black !important;
    }
    .nav-item i{
        animation: ani 2s infinite;
        position: absolute;
    }
    @keyframes ani{
        0%{
            padding-left: 10px;

        }
        50% {
            padding-left: 20px;
        }
        100%{
            padding-left: 10px;
        }
    }
    .nav-item{
        position: relative;
    }
    .nav-item .more{
        width: 180px;
    }

    .shows button {
        margin-top: 20px;
        padding: 10px 40px;
        border: none;
        color: #F6F5ED;
        background-color: #C19A5B;
        font-size: 30px;
    }
.shows button:hover {
    background-color: #d49b3f;
}





    /* ====About Page==== */





    .aboutus h2 {

        font-size: 45px;
    }
    .aboutus p i{
        color: #C19A5B;
       font-size: 20px;
    }
    .aboutus button {
        margin-top: 20px;
        padding: 10px 40px;
        border: none;
        color: #F6F5ED;
        background-color: #C19A5B;
        font-size: 25px;
    }














    /* +++++++++++  Contact ++++++++++++ */
    
   
   .contact_form input ,textarea {
    border:none;
    outline: none;
    background-color: #F6F5ED;
    width: 100%;
    



   }
   .contact_form .lines{
    border-bottom: 2px solid #58191a;
    margin-right: 10px;
    padding-bottom: 20px;
    width: 100%;
    opacity: 0.5;
   }
   .contact_form input ,textarea :focus{
    border:none;
    
   }
   .contact_form .lines :focus{
    opacity: 1;
   }
   .pens{
   margin-top: -17px;
   }
   .contact_form i{
    font-size: 30px;
    margin-right: 10px;
   }

   .contact_form button{
    margin-top: 20px;
    margin-right: 20px;
    border: none;
    background-color: #C19A5B;
    height: 50px;
    padding: 5px 20px;
    color:white;

}
.contact_form button:hover{
    color: white;
}
.contact_form button svg{
    background-color: transparent;
}
.color_r{
    color:  #C19A5B;
}
.contact i{
    font-size: 25px;
    margin-right: 10px;
}
.color-b{
    color: black;
}
.contact_form a{
    color: black !important;
}
.contact_dit h2{
    font-size: 55px;
    color: black;
}
h2{
    font-size: 55px;
    color: black;
 
}
.contact_form .lines:hover:before {
    transform: translateX(0);
    transition: transform 350ms ease;
  }
  
  ::after {
     z-index: 0;
    transform: translateX(100%);
    transition: none;
    transition: transform 350ms ease;
  }
  

-----------------------------------------------------------------------------


.product .prod-col-subra01 {
    border-bottom: 2px solid #dfddd3;
    padding-bottom: 15px;
    transition: border-color 0.3s ease;
   
  }

  .sprod-box01 img {
    position: relative;
        transition: transform 0.5s ease;
        padding-bottom: 30px;
  }

  /* Hover styles */
  .sprod-box01 img:hover {
    transform: scale(1.1); /* Zoom in the image on hover */
    cursor: pointer;

  }

.sprod-box01 .link{
    display: flex;
        justify-content: space-between;
}

  .sprod-box01:hover .link h5 {
    animation: slideLeft 0.3s ease forwards; /* Animate the appearance of h5 from left */
    
    
  }


  .sprod-box01:hover .link h5::before {
    content: attr(data-name); /* Show the category name */
  }

  @keyframes slideLeft {
    from {
      opacity: 0;
      transform: translateX(-50px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  .sprod-box01:hover, .prod-col-subra01 {
    border-image: linear-gradient(90deg, #000 0%, transparent 100%);
    border-image-slice: 1; /* Create a border image with gradient fill from left to right */
     overflow: hidden;
    
  }

.subra-form01 label{
      margin-left: 10px;
  }

.bg-subra-01, .bg-subra-01 .back{
      background: #F1EFE6!important;
  }

.bg-subra-02{
    background: #ffffff!important;
}  

.gallery-collection-name{
    text-transform: capitalize;
}

.para-subra{
    font-size: 18px;
    line-height: 30px;
}

#footer .footer-top .footer-contact .footer-moto {
    font-family: span,serif;
    font-size: 2.765rem;
    font-weight: 300;
    font-style: normal;
    line-height: 1.021em;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0px;    
    padding-right: 30px;
    color: #ffffff;
}
#footer .footer-top .footer-links .font-head-01 {
font-family: 'span,serif';
    font-size: 1.50em;
    font-weight: 600;
    font-style: normal;
    line-height: 1.474em;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0px;
    /* margin-top: 2.4em; */
    /* margin-bottom: 0.85em;*/
}
#footer .footer-top .footer-links p,
#footer .footer-top .footer-links a{
    color: #d2d3d5!important;
    font-size: 18px;
    line-height: 1.5;
}

#footer .footer-top .footer-links ul.sitemap-list01{
    display: flex;
    flex-wrap: wrap;
}
#footer .footer-top .footer-links ul.sitemap-list01 li{
    font-family: 'span,serif';
    font-size: 1.50em;
    font-weight: 600;
    font-style: normal;
    line-height: 1.474em;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0px;
    padding-right: 30px;
}

#footer .footer-top .footer-links ul.sitemap-list01 li:first-child {
    padding-top: 10px;
}



#footer .footer-top .footer-links p.credits,
#footer .footer-top .footer-links p.credits a{
color: #d2d3d5!important;
    font-size: 13px;
    line-height: 1.5;
    text-align: right;
    margin: revert;
}

.subra-title-02{
color: black;
 font-size: 3.353rem;
}