.fade-out {
  opacity: 0; /* Initially hidden */
  transition: opacity 0.5s ease-in-out; /* Smooth transition over 0.5 seconds */
}

.fade-in {
  opacity: 1; /* Fully visible */
  transition: opacity 0.5s ease-in-out; 
}
 .animCont01{
        color: #5d0f3f;
    font-size: 60px;
    font-family: 'Playfair Display', serif;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -1px;
    text-wrap: auto;
    text-align: center;
    margin-bottom: 20px;
    }
    
    .animCont02{
     text-align: center;
    color: #961f68;
    font-size: 36px;
    font-family: 'Playfair Display', serif;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: -1px;
    }
    .split {
  opacity: 0;
  text-align:center;
  will-change: transform;
  color: #5d0f3f;
    font-size: 36px;
    font-family: 'Playfair Display', serif;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: -1px;
}

.split * {
  will-change: transform;
}


    .scramble-text-1, .scramble-text-2, .scramble-text-3, .scramble-text-4{
        color: #5d0f3f;
    font-size: 60px;
    font-family: 'Playfair Display', serif;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -1px;
    text-wrap: auto;
    }
    
  
.animT1, .animT2{
    opacity: 0;
}


@keyframes fadeIn {
  from {
    top: 0;
  }
  to {
    opacity: 1;
  }
}


    .setStyle01{
        color: #ffffff;
    font-size: 60px;
    font-family: 'Playfair Display', serif;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -1px;
    opacity: 0;
    }
    .selectTxt{
            background: #fab016;
    display: -webkit-inline-box;
    line-height: 53px;
    animation: mymove 5s infinite;
    animation-duration: 2s;
    animation-iteration-count: 1;
    }
    @keyframes mymove {
  from {line-height: 0px; opacity:0;}
  to {line-height: 53px;opacity:1;}
}
.m-menu{
    display:none !important;
}
.m-icon{
     display:none !important;
}
.d-menu{
    display:block !important;
}
@media screen and (max-width: 1200px) {
.m-icon{
     display:block !important;
}
.d-menu{
    display:none !important;
}
.m-menu{
    display:block !important;
}
}

@media screen and (max-width: 768px) {
 .animCont01{
    font-size: 48px;
    line-height: 1.2;
    letter-spacing: -1px;
    text-wrap: auto;
    text-align: center;
    margin-bottom: 20px;
    }
    
        .animCont02{
    font-size: 28px;
    line-height: 1.25;
    letter-spacing: -1px;
    }
     .split {
  
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -.5px;
   
}
.txtContainer{
    max-width:400px !important;
}
   .scramble-text-1, .scramble-text-2, .scramble-text-3, .scramble-text-4{
        color: #5d0f3f;
    font-size: 40px;
    /*font-family: 'Playfair Display', serif;
    //line-height: 1.2;
   // font-weight: 600;
  //  letter-spacing: -1px;
    text-wrap: auto;*/
    }
}