.elementor-4438 .elementor-element.elementor-element-ef2067d:not(.elementor-motion-effects-element-type-background), .elementor-4438 .elementor-element.elementor-element-ef2067d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4438 .elementor-element.elementor-element-ef2067d{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 0px 0px;}.elementor-4438 .elementor-element.elementor-element-ef2067d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4438 .elementor-element.elementor-element-69768a5 > .elementor-element-populated{margin:0px 0px 0px -60px;--e-column-margin-right:0px;--e-column-margin-left:-60px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4438 .elementor-element.elementor-element-1cc8d31{width:var( --container-widget-width, 160.821% );max-width:160.821%;--container-widget-width:160.821%;--container-widget-flex-grow:0;}.elementor-4438 .elementor-element.elementor-element-1cc8d31 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:130% 130% 130% 130%;}.elementor-4438 .elementor-element.elementor-element-1cc8d31 img{border-style:none;border-radius:12px 12px 12px 12px;}.elementor-bc-flex-widget .elementor-4438 .elementor-element.elementor-element-2e08a60.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4438 .elementor-element.elementor-element-2e08a60.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4438 .elementor-element.elementor-element-2e08a60.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4438 .elementor-element.elementor-element-2e08a60 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4438 .elementor-element.elementor-element-4087b7a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4438 .elementor-element.elementor-element-4087b7a{text-align:start;font-family:"Inter", Sans-serif;font-size:32px;font-weight:400;line-height:1.2em;color:var( --e-global-color-dfa7a66 );}.elementor-4438 .elementor-element.elementor-element-ed3b83b > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4438 .elementor-element.elementor-element-ed3b83b{text-align:start;font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;color:#0D307E;}.elementor-4438 .elementor-element.elementor-element-869a593{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 60px 0px;}.elementor-4438 .elementor-element.elementor-element-869a593 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4438 .elementor-element.elementor-element-1227a1b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4438 .elementor-element.elementor-element-1227a1b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pifinity.org/wp-content/uploads/2024/06/Layer-1-min.png");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-bc-flex-widget .elementor-4438 .elementor-element.elementor-element-1227a1b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4438 .elementor-element.elementor-element-1227a1b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4438 .elementor-element.elementor-element-1227a1b.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-4438 .elementor-element.elementor-element-1227a1b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-4438 .elementor-element.elementor-element-1227a1b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 20px 60px 0px;}.elementor-4438 .elementor-element.elementor-element-1227a1b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4438 .elementor-element.elementor-element-310533c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:7% 0% 6% 16%;}.elementor-4438 .elementor-element.elementor-element-cf8e94b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4438 .elementor-element.elementor-element-cf8e94b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D307E;}.elementor-bc-flex-widget .elementor-4438 .elementor-element.elementor-element-cf8e94b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4438 .elementor-element.elementor-element-cf8e94b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4438 .elementor-element.elementor-element-cf8e94b > .elementor-element-populated{border-style:solid;border-width:10px 10px 10px 10px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4438 .elementor-element.elementor-element-cf8e94b > .elementor-element-populated, .elementor-4438 .elementor-element.elementor-element-cf8e94b > .elementor-element-populated > .elementor-background-overlay, .elementor-4438 .elementor-element.elementor-element-cf8e94b > .elementor-background-slideshow{border-radius:22px 22px 22px 22px;}.elementor-4438 .elementor-element.elementor-element-cf8e94b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4438 .elementor-element.elementor-element-4cec95f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-4438 .elementor-element.elementor-element-7c18149{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;line-height:1.3em;color:var( --e-global-color-c771f8c );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-4438 .elementor-element.elementor-element-34aaba5{--divider-border-style:solid;--divider-color:var( --e-global-color-c771f8c );--divider-border-width:2px;}.elementor-4438 .elementor-element.elementor-element-34aaba5 .elementor-divider-separator{width:100%;}.elementor-4438 .elementor-element.elementor-element-34aaba5 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4438 .elementor-element.elementor-element-7b486df > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4438 .elementor-element.elementor-element-7b486df{text-align:start;font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-c771f8c );}.elementor-4438 .elementor-element.elementor-element-7efb8c4 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4438 .elementor-element.elementor-element-c299dd6 img{width:100%;border-radius:12px 12px 12px 12px;}.elementor-4438 .elementor-element.elementor-element-cd8be01 img{filter:brightness( 117% ) contrast( 121% ) saturate( 104% ) blur( 0px ) hue-rotate( 0deg );border-radius:12px 12px 12px 12px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4438 .elementor-element.elementor-element-4087b7a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4438 .elementor-element.elementor-element-4087b7a{font-size:28px;}.elementor-4438 .elementor-element.elementor-element-ed3b83b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4438 .elementor-element.elementor-element-ed3b83b{font-size:18px;line-height:1.1em;}.elementor-4438 .elementor-element.elementor-element-7b486df > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4438 .elementor-element.elementor-element-7b486df{font-size:18px;line-height:1.1em;}}@media(min-width:768px){.elementor-4438 .elementor-element.elementor-element-69768a5{width:25%;}.elementor-4438 .elementor-element.elementor-element-2e08a60{width:75%;}}@media(max-width:767px){.elementor-4438 .elementor-element.elementor-element-1cc8d31 > .elementor-widget-container{margin:0px 0px 0px -20px;}.elementor-4438 .elementor-element.elementor-element-1cc8d31 img{width:50%;}.elementor-4438 .elementor-element.elementor-element-ed3b83b > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-4438 .elementor-element.elementor-element-ed3b83b{font-size:16px;}.elementor-4438 .elementor-element.elementor-element-869a593{padding:0px 20px 20px 20px;}.elementor-4438 .elementor-element.elementor-element-1227a1b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4438 .elementor-element.elementor-element-1227a1b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pifinity.org/wp-content/uploads/2024/06/Layer-1-min.png");background-size:contain;}.elementor-4438 .elementor-element.elementor-element-1227a1b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4438 .elementor-element.elementor-element-310533c > .elementor-widget-container{padding:60px 0px 80px 0px;}.elementor-4438 .elementor-element.elementor-element-cf8e94b > .elementor-element-populated{border-width:0px 0px 0px 0px;margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-4438 .elementor-element.elementor-element-7c18149{font-size:16px;}.elementor-4438 .elementor-element.elementor-element-7b486df > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-4438 .elementor-element.elementor-element-7b486df{font-size:16px;}}/* Start custom CSS for image, class: .elementor-element-1cc8d31 */.heroimg1 img {
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 10px #22222250);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-310533c */.trisha p {
  margin: 0;
  font-family: "Cabin Sketch", cursive;
  display: block;
  color: #000;
  font-size: 14px;
  line-height: 155%;
  letter-spacing: -0.01em;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0);
  text-align: left;

  &:not(:last-child) {
    margin-bottom: 40px;

    @media (max-width: 760px) {
      margin-bottom: 30px;
    }
  }

  &:last-child {
    margin-bottom: 34vmin;
  }

  @media (max-width: 760px) {
    font-size: 16px;
  }
}

.trisha h1,
.trisha  h2 {
  margin: 0;

  @media (max-width: 760px) {
    line-height: 30px;
  }
}

.trisha h1 {
  color: rgba(222, 66, 43, 0.67);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.51);
  font-family: "Inter", sans-serif;
  font-size: 54px;
  margin-bottom: 10px;

  @media (max-width: 760px) {
    font-size: 42px;
  }
}

.trisha h2 {
  color: rgba(33, 33, 33, 0.5);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  font-family: "Special Elite", cursive;
  font-size: 32px;

  @media (max-width: 760px) {
    font-size: 24px;
  }
}


/**
 * CSS folded poster effect form
 * https://codepen.io/lynnandtonic/pen/PoZpjOr
 */

.trisha .poster {
  width: 100%;
  height: 50vmin;
  padding: 6vmin;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0);
  filter: saturate(70%) contrast(85%);

  &::before,
  &::after {
    content: "";
    width: 100%;
    left: 0;
    position: absolute;
  }

  &::before {
    height: 4%;
    bottom: -4%;
    background-repeat: no-repeat;
    background-image: linear-gradient(
        177deg,
        rgba(0, 0, 0, 0.22) 10%,
        transparent 50%
      ),
      linear-gradient(-177deg, rgba(0, 0, 0, 0.22) 10%, transparent 50%);
    background-size: 49% 100%;
    background-position: 2% 0, 98% 0;
  }

  &::after {
    height: 100%;
    top: 0;
    z-index: 2;
    background-repeat: no-repeat;
    background-image: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.1) 0.5%,
        rgba(0, 0, 0, 0.15) 1.2%,
        transparent 1.2%
      ),
      linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.1) 0.5%,
        rgba(0, 0, 0, 0.15) 1.2%,
        transparent 1.2%
      ),
      linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.1) 0.5%,
        rgba(0, 0, 0, 0.15) 1.2%,
        transparent 1.2%
      ),
      linear-gradient(265deg, rgba(0, 0, 0, 0.2), transparent 10%),
      linear-gradient(5deg, rgba(0, 0, 0, 0.2), transparent 15%),
      linear-gradient(-5deg, rgba(0, 0, 0, 0.1), transparent 10%),
      linear-gradient(5deg, rgba(0, 0, 0, 0.1), transparent 10%),
      linear-gradient(-265deg, rgba(0, 0, 0, 0.2), transparent 10%),
      linear-gradient(-5deg, rgba(0, 0, 0, 0.2), transparent 15%),
      linear-gradient(266deg, rgba(0, 0, 0, 0.2), transparent 10%);
    background-size: 50% 100%, 100% 33.3333%, 100% 33.3333%, 50% 33.3333%,
      50% 33.3333%, 50% 33.3333%, 50% 33.3333%, 50% 33.3333%, 50% 33.3333%,
      50% 33.3333%;
    background-position: right top, left center, left bottom, left top, left top,
      right top, left center, right center, right center, left bottom;
  }
}

/* End of CSS folded poster effect */

.trisha .poster_position {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.trisha .filter {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.trisha .filter_type_gradient {
  background-image: linear-gradient(315deg, #f9c5d1 0%, #9795ef 74%);
  opacity: 0;
}

}
.lyrics {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lyrics__container {

  position: relative;
  max-height: 72vh;
  margin: 0 auto;
  padding: 40px;

  overflow-y: auto;
  background-color: #f1dfd100;
  background-image: linear-gradient(315deg, #f1dfd100 0%, #f6f0ea00 74%);
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.26),
    inset 0px -15px 50px rgba(0, 0, 0, 0.3);
    box-shadow:none;
  border-radius: 2px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  cursor: n-resize;
  user-select: none;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    @media (max-width: 760px) {
    max-height: 50vh
  }

  &::-webkit-scrollbar {
    display: none;
  }
}

.title__container {
  text-align: center;
  margin-bottom: 38px;
  position: relative;
  left: -38px;

  @media (max-width: 760px) {
    left: -24px;
    margin-bottom: 28px;
  }
}

.heart__container {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: flex-end;
}

.heart {
  opacity: 0.6;
  fill: #554d73;
  width: 40px;
  animation: pulse 1s ease infinite;

  @keyframes pulse {
    0% {
      transform: scale(1);
      filter: drop-shadow(0 0 2px #000);
    }
    50% {
      transform: scale(1.2);
      filter: drop-shadow(0 0 4px #000);
    }
    100% {
      transform: scale(1);
      filter: drop-shadow(0 0 2px #000);
    }
  }
}

.scroll-text {
  position: absolute;
  top: 12px;
  right: 29px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.37);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.27);
  line-height: 110%;
  font-family: "Caveat", cursive;
}
.responsive-image {
	width: 98%;
	margin: 1em 1%;
	float: left;
}

@media(min-width: 640px) {

	.responsive-image {
		width: 48%;
	}
}



.trisha .row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.trisha .column {
  flex: 25%;
  max-width: 33.3%;
  padding: 0 4px;
}

.trisha .column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
  filter: grayscale(1) brightness(0.7);
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s linear;
}
.trisha .column img:hover {
  filter: grayscale(0);
}
@media screen and (max-width: 800px) {
 .trisha  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.trisha   .column {
    flex: 100%;
    max-width: 100%;
  }
.trisha   .column img {
    filter: grayscale(0) brightness(1);
  }
}

.wrap-all-images p{
    font-size: 14px;
}




        .timgcontainer {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }
        .timgcontainer div {
            flex: 1 1 35%; /* Adjust width and spacing */
            margin: 10px;
        }
        .timgcontainer img {
            width: 100%;
            height: auto;
            display: block;
            cursor: pointer;
            border-radius: 12px
        }
        /* Popup styles */
        .timgpopup {
            display: none;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.8);
        }
        .popup-content {
            margin: 15% auto;
            display: block;
            width: 80%;
            max-width: 700px;
        }
        .close {
            position: absolute;
            top: 20px;
            right: 45px;
            color: #fff;
            font-size: 40px;
            font-weight: bold;
            cursor: pointer;
        }/* End custom CSS */