/** Shopify CDN: Minification failed

Line 20:10 Expected identifier but found whitespace
Line 20:12 Unexpected "{"
Line 20:21 Expected ":"
Line 21:9 Expected identifier but found whitespace
Line 21:11 Unexpected "{"
Line 21:20 Expected ":"
Line 22:19 Expected identifier but found whitespace
Line 22:21 Unexpected "{"
Line 22:30 Expected ":"
Line 29:12 Expected identifier but found whitespace
... and 8 more hidden warnings

**/


/* CSS from section stylesheet tags */
.image-with-text {
  padding: {{ section.settings.section_padding }};
  margin: {{ section.settings.section_margin }};
  background-color: {{ section.settings.background_color }};
  border-radius: 18px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .image-with-text {
    padding: {{ section.settings.section_padding_mobile }};
  }

  .image-with-text .content-wrapper {
    flex-direction: column;
  }

  .image-with-text .left,
  .image-with-text .right {
    width: 100%;
  }

  .text-content {
    align-items: flex-start;
    text-align: start;
  }
  /* custom neloy responsive */
    .image-with-text .content-wrapper {
  display: flex;
  flex-direction: column !important;
}
section#section-template--25350569165134__custom_img_with_text_BmbTrf,section#section-template--25350569165134__custom_img_with_text_cyjLEG {
    height: fit-content !important;
    margin: 20px 15px 20px 15px !important;
}
  .image-with-text .content-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .image-with-text .left,
  .image-with-text .right {
    width: 100% !important;
  }

  .left img {
    width: 100%;
    height: auto !important;
  }
}

.image-with-text .content-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: end;
  max-width: {% if section.settings.full_width == 'contained' %}1200px{% else %}100%{% endif %};
  margin: 0 auto;
}

.image-with-text.align_center .content-wrapper {
  align-items: center;
  text-align: center;
  flex-direction: column;
}

.image-with-text .left,
.image-with-text .right {
  width: 50%;
}

.image-with-text .text-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.image-with-text .text-content p {
  text-align: start;
}

.image-with-text .animation.fade-in {
  animation: fadeIn 1s ease-in-out;
}
.image-with-text .animation.slide-up {
  animation: slideUp 1s ease-in-out;
}
.image-with-text .animation.flip-right {
  transform: rotateY(90deg);
  animation: flipRight 1s ease forwards;
}

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

@keyframes slideUp {
  from { transform: translateY(50px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@keyframes flipRight {
  from { transform: rotateY(90deg); opacity: 0; }
  to { transform: rotateY(0); opacity: 1; }
}

/* custom added neloy */
section#section-template--25350569165134__custom_img_with_text_BmbTrf,section#section-template--25350569165134__custom_img_with_text_cyjLEG {
  margin: 20px 40px 20px 40px;
  height: 86vh;
  border-radius: 18px !important;
  overflow: hidden;
}
.left img{
  height: 700px;
}

  .right a{
    margin-top: 15px;
    display: inline-block;
    border: 1px solid black;
    padding: 5px 10px;
    text-decoration: none;
    color: black;
    transition: all 0.4s;
}
.right a:hover{
  background:black;
  color:white;
}

/* CSS from snippet stylesheet tags */
/* Container styling */
.block-socialtop {
  text-align: center; /* center align on all devices */
  margin-top: 20px;
}

/* Social icon list layout */
.block-socialtop .social-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* List items */
.block-socialtop .social-icons li {
  display: inline-flex;
}

/* Social links */
.block-socialtop .social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #f5f5f5; /* light background for visibility */
  color: #000; /* icon color */
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Icon SVGs */
.block-socialtop .social-icons svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

/* Hover effect */
.block-socialtop .social-icons a:hover {
  background-color: #000; /* dark background */
  color: #fff; /* white icon */
  transform: translateY(-2px);
}

/* Fallback text for accessibility (hidden visually) */
.block-socialtop .social-icons .icon__fallback-text {
  position: absolute;
  left: -9999px;
}

/* Responsive spacing */
@media (max-width: 480px) {
  .block-socialtop .social-icons {
    gap: 8px;
  }
  .block-socialtop .social-icons a {
    width: 34px;
    height: 34px;
  }
}
/* Container styling */
.block-socialtop {
  text-align: center;
  margin-top: 20px;
}

/* Social icon list layout */
.block-socialtop .social-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* List items */
.block-socialtop .social-icons li {
  display: inline-flex;
}

/* Social links */
.block-socialtop .social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #f5f5f5; /* light background */
  color: #000; /* icon color */
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Icon SVGs */
.block-socialtop .social-icons svg {
  width: 18px;
  height: 18px;
  fill: currentColor; /* icon color follows text color */
  transition: fill 0.3s ease;
}

/* Hover effect - white icon */
.block-socialtop .social-icons a:hover {
  background-color:rgb(177, 177, 177); /* background turns dark */
  color: #fff; /* icon turns white */
  transform: translateY(-2px);
}

/* Fallback text (hidden visually) */
.block-socialtop .social-icons .icon__fallback-text {
  position: absolute;
  left: -9999px;
}

/* Responsive spacing */
@media (max-width: 480px) {
  .block-socialtop .social-icons {
    gap: 8px;
  }
  .block-socialtop .social-icons a {
    width: 34px;
    height: 34px;
  }
}