.thick-underline {
    text-decoration: underline;
    text-decoration-thickness: 8px; 
    text-decoration-color: #5AC0B1; 
  }


.img_stroke {
    position:absolute;
    width:100%;
    max-width: 100%;
    z-index:-1;
}

.display-inline {    display: inline;
}

.moving-image {
            animation: moveUpDown 2s ease-in-out infinite;  
    }
@keyframes moveUpDown {
      0% {
        transform: translateY(10px); /* Starting position */
      }
      50% {
        transform: translateY(-5px); /* Move up by 20px */
      }
      100% {
        transform: translateY(10px); /* Back to starting position */
      }
    }

.bk_image {
          background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.5)),url('../banner.html');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;   
			      max-width: 100%;
            min-height: 400px;
            background-attachment: fixed;}
.rflex {flex-direction:Row;}
.rflex-item {flex:1 1 50%;}

.slideshow {
    position: relative;
    width: 100%; /* Set your preferred width */
    height: 400px; /* Set your preferred height */
    overflow: hidden;
}

.image-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container */
    opacity: 0; /* Start with all images hidden */
    transform: scale(1); /* Start with normal scale */
    animation: fadeZoom 12s infinite; /* Apply the fade-zoom animation */
}

.image-container img:nth-child(1) {
    animation-delay: 0s;
}

.image-container img:nth-child(2) {
    animation-delay: 4s;
}

.image-container img:nth-child(3) {
    animation-delay: 8s;
}

@keyframes fadeZoom {
    0% {
        opacity: 0;
        transform: scale(1); /* Start at normal size */
    }
    50% {
        opacity: 1;
        transform: scale(0.95); /* Slight zoom-in */
    }
    
    100% {
        opacity: 0;
        transform: scale(1); /* Reset scale for the next cycle */
    }
}

.border-r2 {border-radius: 20px;border:1px solid #333;}
.mobile888 {display:none;}
.mobile788 {display:block;}

.slide-track {
    display: flex;
    animation: scroll 30s linear infinite;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 3));  
    }
}
.tear {
  width: 550px;
  height: 550px;
  border-radius: 80% 0 55% 50% / 55% 0 80% 50%;
  border: 3px solid black;
  transform: rotate(52deg);
  margin-top: 20px; margin-left: 20px;
}
.left-box {width:62%; z-index: 1;}
.right-box {width:20%; z-index: 2;}
.ffff1 {background-color: #DB1387;}
.ffff1:hover {background-color: #333;}
.outer-circle {position:fixed; right:0; top:114px;border-radius:37px; text-align:Center;width:74px;height:74px;  display: flex;align-items: center;justify-content: center;border:2px dashed #f4429F;background:transparant;color:#fff;animation: rotatetrial 10s linear infinite;}

.inner-circle {position:fixed; right:6px; top:120px;border-radius:33px; text-align:Center;width:66px;height:66px;  display: flex; align-items: center; background:#db1387; justify-content: center;color:white;}
.inner-circle:hover {background:#666; }
.w-50p-rwd {width:50%;}

@keyframes rotatetrial {
  0% {
    transform: rotate(0deg);
  }
    100% {
    transform: rotate(360deg);
  }
}

@media(max-width: 767px)
{

      .column-reverse {flex-direction: column-reverse;}
  .rwdspace {padding-top:32px;}
  .rflex {flex-direction:column;}
  .rflex div {flex:1 1 100%;}
  .tear {
  width: 500px;
  height: 500px;}
  .w-50p-rwd {width:95%;margin:0 auto;}
  .flex-wrap-rwd {flex-wrap: wrap;}
  .left-box, .right-box {
    width:100%; } 
  .mobile888 {display:block;padding-top:50px;margin:0 auto; width:80%;}
  .mobile788 {display:none;}
  
    .a2{width: 100%;padding: 0px 0px 0px 0px;}

    .a3{width: 100%;min-height:180px;padding: 64px 0px 0px 0px;margin: 0px 0px 0px 0px;}
    .a31{width: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
    .a31_1{font-size: 20px !important; padding: 0px 0px 10px 10px;margin: 0px 0px 0px 0px;}
    .a31_2{font-size: 17px !important;padding: 0px 0px 0px 10px;margin: 0px 0px 0px 0px;}

    .a32{width: 100%;padding: 0px 10px 0px 0px;margin: 0px 0px 0px 0px;}

    .a4{font-size: 18px !important;padding: 32px 32px 0px 32px;margin: 0px 0px 0px 0px;}


    .a5{width: calc(100% - 64px);padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
    .a51{padding: 0px 0px 0px 0px;margin: 32px 32px 0px 32px;}
    .a52{padding: 0px 0px 0px 0px;margin: 32px 32px 0px 32px;}

    .a6{width: 100%;padding: 32px 0px 32px 0px;margin: 0px 0px 0px 0px;}

    .parallax {
	background-size: contain;
	background-position:0 50px;

}


}