body {
     margin: 0px;
     padding: 0px;
     font-family: "Work Sans", sans-serif;
     font-optical-sizing: auto;
     font-weight:400;
     font-style: normal;
 }
 .frauncesfont{
 font-family: "Fraunces", serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
 font-variation-settings:"SOFT" 0,"WONK" 0;
}
 .container {
     max-width: 1240px;
     margin: auto;
     width: auto;
     padding: 0px 15px;
 }

 .container {
     max-width: 1240px;
     margin: auto;
     width: auto;
     padding: 0px;
 }

 img {
     max-width: 100%;
     width: 100%;
 }

 a,
 a:hover,
 a:active {
     text-decoration: none;
 }

 header {
     background-color: #fff;
     position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;

 }

 header .headmnbx .headbx {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 32px 0;
 }

 header .headmnbx .headbx .headlogo a img {
     width: 22px;
     height: 32px;
 }

 header .headmnbx .headbx nav ul {
     display: flex;
     gap: 20px;
     list-style: none;
 }

 header .headmnbx .headbx nav ul li a {
     color: #78716c;
     font-size: 14px;
     font-weight: 400;
   
 }
 header .headmnbx .headbx nav ul li a:hover {
text-decoration: underline;
color: #E3B08F;
 
}
 .Product{
    margin: 0px;
    padding: 0px;
 }
 .details{
   padding: 0px;
   margin: 252px 0 0 0;
}
.details p img{
   width: 14px;
   height: 14px;
}

.details .line-4{
   padding: 0px;
   margin: 180px 0 0 0;
}
 .profile-container {
   position: relative;
   display: inline-block;
 }
 
 .profile-image {
   width: 60px;
   height: 60px;
   border-radius: 50%;
   object-fit: cover;
   cursor: pointer;
 }
 .status-indicator {
   position: absolute;
   bottom: 7px;
   right: -4px;
   width: 14px;
   height: 14px;
   background-color: #2ecc71;
   border-radius: 50%;
   border: 2px solid white;
 }
 
 .greeting-button {
   position: absolute;
   left: 80px;
   top: 8px;
   background-color: #2ecc71;
   color: white;
   padding: 10px 20px;
   border-radius: 25px;
   font-size: 16px;
   white-space: nowrap;
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.3s, visibility 0.3s;
 }
 
 .profile-container:hover .greeting-button {
   opacity: 1;
   visibility: visible;
 }

 .live{
    margin: 0px;
    padding: 0px;
 }
 .live img{
    width: 64px;
    height: 64px;
    border-radius: 50px;
 }
 h1{
    font-size: 48px;
    font-family: "Fraunces", serif;
    font-weight: 400;
    color: #333;
 }
 span{
    color: #E3B08F;
 }
 p{
    color: #1C1917;
    font-size: 18px;
    font-weight: 400;
 }
 p a{
    color: #78716C;
    font-size: 18px;
 }

 .work{
    margin: 0px;
    padding: 0px;
 }
 .reach{
    margin: 110px 0 0 0;
    padding: 0px;
 }
 .reach p{
    color: #44403c;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 6px 0;
 }
 .reach span{
    font-size: 14px;
    color: #78716C;
 }
 .about-company{
    max-width: 974px;
    margin: 0 auto;
    padding-bottom: 60px;
    
 }
 .company{
    margin-top: 60px;
    
 }
 .company a{
   padding: 0px;
   display: flex;
   
}
 .company-name{
    margin: 0px;
    padding: 0px;
    width: 35%;
 }
 .company-name h2{
    color: #1C1917;
    font-size: 34px;
    font-family: "Fraunces", serif;
    font-weight: 500;
    margin: 0 0 12px 0;
 }
 .company-name span{
    color: #BF6853;
    font-size: 16px;
 }
 .company-details{
    width: 65%;
    margin: 0px;
    padding: 0px;
 }
 .company-details p{
    color: #333333;
    font-size: 18px;
    margin: 0px;
    line-height: 1.4;
    font-weight: 400;
 }
 .products-video{
    background-color: #f6faf9;
    height: 494px;
    border-radius: 24px;
    margin-top: 32px;
    width: 974;
    overflow: hidden;
 }
 video{
    width: 974px;
    border-radius: 24px;
 }

 .products-video video {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.products-video:hover video {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.line-4{
   padding: 0px 0 50px;
}
.line-4 hr {
   height: 1px;
   border: 0;
   background: transparent;
   border-top: 1px dotted #e7e5e4;
 }

 .message{
    margin: 0px;
    padding: 0px;
 }
 .email{
    margin: 0px;
    padding: 0px;
 }
 .email h4{
    font-size: 26px;
    color: #1C1917;
    font-weight: 500;
    font-family: "Fraunces", serif;
 }
 .email nav ul {
    display: flex;
    gap: 30px;
    list-style: none;
    padding: 0px;
    margin: 48px 0;
}

.email nav ul li a {
    color: #78716c;
    font-size: 18px;
    font-weight: 400;
  
}
.email nav ul li a img{
   width: 14px;
   height: 14px;
   margin: 0 0 -2px 0;
}
.email nav ul li a:hover {
   color: #E3B08F;
   font-size: 18px;
   font-weight: 400;
   text-decoration: underline;
 
}




.background-text {
     /*width: 59%;*/
     /*padding: 0px;*/
     /*margin-top: 84px;*/
 }

 .background-text main {
     /*color: #1C1917;*/
     /*font-size: 36px;*/
     /*font-weight: 400;*/
     /*line-height: 44px;*/
     /*font-family: "Fraunces", serif;*/
     transform: translateY(0);
     animation: textMoveUp 1.2s ease forwards;
 }
 .background-text main a {
    /*color: #1C1917;*/
    /*font-size: 36px;*/
    /*font-weight: 400;*/
    /*line-height: 44px;*/
    /*font-family: "Fraunces", serif;*/
}

 
 @keyframes textMoveUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}