.hover__effect {
  opacity: 0.7; /* Set initial opacity to 50% */
}
.hover__effect:hover {
  opacity: 1; /* Change opacity to 100% when hovered */
/*   cursor: pointer; /* Optional: Change cursor to a pointer when hovered */ */
}
.hover__effect * {
  opacity: inherit; /* Inherit opacity from parent div */
}
.fl__hover__effect:hover .hover__effect {
  opacity: 1 !important; /* Change hover__effect opacity when trigger_class is hovered */
}


/* Zoom In #1 */
.zoom__hover__effect img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.zoom__hover__effect:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}



 .swal2-styled.swal2-confirm{
     background-color: #000 !important;
}


 @media all and (min-width: 992px) {
     .container{
         max-width:84vw !important;
    }
     .container-lg{
         max-width:60vw !important;
    }
}
 @media (min-width: 992px) {
     #fadeShow{
         display: none;
    }
}
 .bg-secondary {
     background-color: #292929 !important;
}
 .overflow_wrap {
     overflow-wrap: break-word !important;
     text-align: left !important;
}

.text_underline {
    text-decoration: underline !important;
}
.text_hover_underline:hover {
    text-decoration: underline !important;
}


 .clamp_1{
     display: -webkit-box !important;
     -webkit-box-orient: vertical !important;
     -webkit-line-clamp: 1 !important;
     overflow: hidden !important;
}
 .clamp_2{
     display: -webkit-box !important;
     -webkit-box-orient: vertical !important;
     -webkit-line-clamp: 2 !important;
     overflow: hidden !important;
}
 .clamp_3{
     display: -webkit-box !important;
     -webkit-box-orient: vertical !important;
     -webkit-line-clamp: 3 !important;
     overflow: hidden !important;
}
 .clamp_4{
     display: -webkit-box !important;
     -webkit-box-orient: vertical !important;
     -webkit-line-clamp: 4 !important;
     overflow: hidden !important;
}
 .clamp_5{
     display: -webkit-box !important;
     -webkit-box-orient: vertical !important;
     -webkit-line-clamp: 5 !important;
     overflow: hidden !important;
}
@media (max-width: 768px) {
     .clamp_1_sm{
         display: -webkit-box !important;
         -webkit-box-orient: vertical !important;
         -webkit-line-clamp: 1 !important;
         overflow: hidden !important;
    }
     .clamp_2_sm{
         display: -webkit-box !important;
         -webkit-box-orient: vertical !important;
         -webkit-line-clamp: 2 !important;
         overflow: hidden !important;
    }
     .clamp_3_sm{
         display: -webkit-box !important;
         -webkit-box-orient: vertical !important;
         -webkit-line-clamp: 3 !important;
         overflow: hidden !important;
    }
     .clamp_4_sm{
         display: -webkit-box !important;
         -webkit-box-orient: vertical !important;
         -webkit-line-clamp: 4 !important;
         overflow: hidden !important;
    }
     .clamp_5_sm{
         display: -webkit-box !important;
         -webkit-box-orient: vertical !important;
         -webkit-line-clamp: 5 !important;
         overflow: hidden !important;
    }

    .note-video-clip {
        width: 100% !important;
    }
    iframe {
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        width: 100% !important;
        height: 360px;
    }
}
 .image-hover {
     overflow: hidden;
}
 .image-hover img, .image-hover .thumb-title {
     transition: transform 0.4s;
    /* Animation */
}
 .image-hover:hover img {
     transform: scale(1.25);
}
 .image-hover:hover .thumb-title {
     background: #fe4d55;
}
 .lazy {
     background-image: none;
     background-color: #000;
}
 .lazy {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .lazy:before {
     content: " ";
     position: absolute;
     top: 50%;
     left: 50%;
     width: 80px;
     height: 80px;
     border: 2px solid whitesmoke;
     border-color: transparent whitesmoke transparent whitesmoke;
     border-radius: 50%;
     animation: loader 1s linear infinite;
}
 .lazy > img {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100% !important;
     height: 100% !important;
}
 @keyframes loader {
     0% {
         transform: translate(-50%,-50%) rotate(0deg);
    }
     100% {
         transform: translate(-50%,-50%) rotate(360deg);
    }
}
/*mobile menu btn*/
 .menu_toggle_button {
     display: inline-block;
     text-decoration: none;
     padding: 13px 30px;
     margin: 30px 0 0 0;
     border-radius: 3px;
     font-weight: bold;
}
 .btn--transition {
     -webkit-transition: -webkit-transform 0.2s;
     -webkit-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
}
 .btn-check:focus+.btn, .btn:focus{
     box-shadow: none !important;
}
 .icon {
     margin: 0 30px 0 0;
}
 .icon {
     border: 0;
     height: 79px;
     width: 79px;
     border-radius: 50%;
     cursor: pointer;
     position: relative;
}
 .icon span {
     display: block;
     height: 5px;
     width: 33px;
     border-radius: 2px;
     position: absolute;
     left: 23px;
     -webkit-transition: -webkit-transform 0.3s;
     -webkit-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}
 .icon span:first-child {
     top: 28px;
     background-color:whitesmoke;
}
 .icon span:nth-child(2) {
     top: 37px;
     background-color:whitesmoke;
}
 .icon span:last-child {
     top: 46px;
     background-color:whitesmoke 
}
 .icon--active span:first-child {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     position: absolute;
     top: 37px;
}
 .icon--active span:last-child {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     position: absolute;
     top: 37px;
}
 .icon--active span:nth-child(2) {
     opacity: 0;
}
 .icon--transparent {
     background-color: transparent;
}
 .icon--transparent span {
     background-color: white;
}
 .icon-transition {
     -webkit-transition: -webkit-transform 0.3s;
     -webkit-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}
/* Others */
 .show_exhausted span {
     color: whitesmoke !important;
}
 .text_shadow {
     box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important;
}
 .clean_shadow {
     box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important;
}
/* disable selection */
 .noselect {
     -webkit-touch-callout: none;
    /* iOS Safari */
     -webkit-user-select: none;
    /* Safari */
     -khtml-user-select: none;
    /* Konqueror HTML */
     -moz-user-select: none;
    /* Old versions of Firefox */
     -ms-user-select: none;
    /* Internet Explorer/Edge */
     user-select: none;
    /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

 .shake{
     -webkit-animation:shake 5s ease 0s infinite normal;
     -moz-animation:shake 5s ease 0s infinite normal;
     -ms-animation:shake 5s ease 0s infinite normal;
     animation:shake 5s ease 0s infinite normal;
}
 .shake:hover{
     -webkit-animation:none;
     -moz-animation:none;
     -ms-animation:none;
     animation:none;
}
 @-webkit-keyframes shake {
     0%{
         transform: rotate(-15deg);
         -webkit-transform: rotate(-15deg);
    }
     2%{
         transform: rotate(15deg);
         -webkit-transform: rotate(15deg);
    }
     4%{
         transform: rotate(-18deg);
         -webkit-transform: rotate(-18deg);
    }
     6%{
         transform: rotate(18deg);
         -webkit-transform: rotate(18deg);
    }
     8%{
         transform: rotate(-22deg);
         -webkit-transform: rotate(-22deg);
    }
     10%{
         transform: rotate(22deg);
         -webkit-transform: rotate(22deg);
    }
     12%{
         transform: rotate(-18deg);
         -webkit-transform: rotate(-18deg);
    }
     14%{
         transform: rotate(18deg);
         -webkit-transform: rotate(18deg);
    }
     16%{
         transform: rotate(-12deg);
         -webkit-transform: rotate(-12deg);
    }
     18%{
         transform: rotate(-12deg);
         -webkit-transform: rotate(-12deg);
    }
     20%{
         transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
    }
}
 @keyframes shake {
     0%{
         transform: rotate(-15deg);
         -ms-transform: rotate(-15deg);
    }
     2%{
         transform: rotate(15deg);
         -ms-transform: rotate(15deg);
    }
     4%{
         transform: rotate(-18deg);
         -ms-transform: rotate(-18deg);
    }
     6%{
         transform: rotate(18deg);
         -ms-transform: rotate(18deg);
    }
     8%{
         transform: rotate(-22deg);
         -ms-transform: rotate(-22deg);
    }
     10%{
         transform: rotate(22deg);
         -ms-transform: rotate(22deg);
    }
     12%{
         transform: rotate(-18deg);
         -ms-transform: rotate(-18deg);
    }
     14%{
         transform: rotate(18deg);
         -ms-transform: rotate(-18deg);
    }
     16%{
         transform: rotate(-12deg);
         -ms-transform: rotate(-12deg);
    }
     18%{
         transform: rotate(-12deg);
         -ms-transform: rotate(-12deg);
    }
     20%{
         transform: rotate(0deg);
         -ms-transform: rotate(0deg);
    }
}


/* Wiggle animation property */
.wiggle {
  animation: wiggle 2s linear infinite;
}
.wiggle:hover {
  animation: none;
}
i.wiggle {
  animation: wiggle 2s linear infinite;
}

/* Keyframes */
@keyframes wiggle {
    0%, 7% {
        transform: rotateZ(0);
    }
    15% {
        transform: rotateZ(-15deg);
    }
    20% {
        transform: rotateZ(10deg);
    }
    25% {
        transform: rotateZ(-10deg);
    }
    30% {
        transform: rotateZ(6deg);
    }
    35% {
        transform: rotateZ(-4deg);
    }
    40%, 100% {
        transform: rotateZ(0);
    }
}



/* Heart pump */
@keyframes heartbeat {
    0% {
        transform: scale( .75);
    }
    20% {
        transform: scale( 1);
    }
    40% {
        transform: scale( .75);
    }
    60% {
        transform: scale( 1);
    }
    80% {
        transform: scale( .75);
    }
    100% {
        transform: scale( .75);
    }
}
i.heart_pump {
    animation: heartbeat 1s infinite;
}



 @media only screen and (max-width: 768px) {
      .icon {
          border: 0;
          height: 72px;
          width: 72px;
          border-radius: 50%;
          cursor: pointer;
          position: relative;
     }
}