.elementor-636 .elementor-element.elementor-element-46e0a53:not(.elementor-motion-effects-element-type-background), .elementor-636 .elementor-element.elementor-element-46e0a53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://unitetrade.in/wp-content/uploads/2025/11/process-polishing-welding-metal-factory_651396-4.jpg");}.elementor-636 .elementor-element.elementor-element-46e0a53{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;overflow:visible;}.elementor-636 .elementor-element.elementor-element-46e0a53 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-636 .elementor-element.elementor-element-4e2412d{margin-top:50px;margin-bottom:0px;overflow:visible;}.elementor-636 .elementor-element.elementor-element-948ed98 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-636 .elementor-element.elementor-element-948ed98 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-636 .elementor-element.elementor-element-948ed98 .elementskit-section-title-wraper .elementskit-border-divider{width:271px;}.elementor-636 .elementor-element.elementor-element-948ed98 .elementskit-section-title-wraper .elementskit-border-divider.elementskit-style-long{width:271px;}.elementor-636 .elementor-element.elementor-element-948ed98 .elementskit-section-title-wraper .elementskit-border-star{width:271px;}.elementor-636 .elementor-element.elementor-element-948ed98 .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:-15px 0px 0px 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-636 .elementor-element.elementor-element-e401cdd{text-align:center;}.elementor-636 .elementor-element.elementor-element-e401cdd p{margin-block-end:0px;}.elementor-636 .elementor-element.elementor-element-d40b417{margin-top:50px;margin-bottom:0px;overflow:visible;}.elementor-636 .elementor-element.elementor-element-08f3bda{overflow:visible;}.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-636 .elementor-element.elementor-element-35f6fc6 img{width:77%;}.elementor-bc-flex-widget .elementor-636 .elementor-element.elementor-element-c560ca0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-636 .elementor-element.elementor-element-c560ca0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-636 .elementor-element.elementor-element-2cba937 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-636 .elementor-element.elementor-element-2cba937 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-636 .elementor-element.elementor-element-2cba937 .elementskit-section-title-wraper .elementskit-border-divider{width:271px;}.elementor-636 .elementor-element.elementor-element-2cba937 .elementskit-section-title-wraper .elementskit-border-divider.elementskit-style-long{width:271px;}.elementor-636 .elementor-element.elementor-element-2cba937 .elementskit-section-title-wraper .elementskit-border-star{width:271px;}.elementor-636 .elementor-element.elementor-element-2cba937 .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:-15px 0px 0px 0px;}.elementor-636 .elementor-element.elementor-element-779cd8d{margin-top:100px;margin-bottom:0px;overflow:visible;}.elementor-636 .elementor-element.elementor-element-a5f95ff{overflow:visible;}.elementor-bc-flex-widget .elementor-636 .elementor-element.elementor-element-8340843.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-636 .elementor-element.elementor-element-8340843.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-636 .elementor-element.elementor-element-a33cb65 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-636 .elementor-element.elementor-element-a33cb65 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-636 .elementor-element.elementor-element-a33cb65 .elementskit-section-title-wraper .elementskit-border-divider{width:271px;}.elementor-636 .elementor-element.elementor-element-a33cb65 .elementskit-section-title-wraper .elementskit-border-divider.elementskit-style-long{width:271px;}.elementor-636 .elementor-element.elementor-element-a33cb65 .elementskit-section-title-wraper .elementskit-border-star{width:271px;}.elementor-636 .elementor-element.elementor-element-a33cb65 .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:-15px 0px 0px 0px;}.elementor-636 .elementor-element.elementor-element-0012c1c{margin-top:100px;margin-bottom:0px;overflow:visible;}.elementor-636 .elementor-element.elementor-element-0654f70{overflow:visible;}.elementor-bc-flex-widget .elementor-636 .elementor-element.elementor-element-bbba45b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-636 .elementor-element.elementor-element-bbba45b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-636 .elementor-element.elementor-element-fdea490 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-636 .elementor-element.elementor-element-fdea490 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-636 .elementor-element.elementor-element-fdea490 .elementskit-section-title-wraper .elementskit-border-divider{width:271px;}.elementor-636 .elementor-element.elementor-element-fdea490 .elementskit-section-title-wraper .elementskit-border-divider.elementskit-style-long{width:271px;}.elementor-636 .elementor-element.elementor-element-fdea490 .elementskit-section-title-wraper .elementskit-border-star{width:271px;}.elementor-636 .elementor-element.elementor-element-fdea490 .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:-15px 0px 0px 0px;}.elementor-636 .elementor-element.elementor-element-6a91ce2{margin-top:100px;margin-bottom:0px;overflow:visible;}.elementor-636 .elementor-element.elementor-element-8b46c39{overflow:visible;}.elementor-bc-flex-widget .elementor-636 .elementor-element.elementor-element-9c18506.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-636 .elementor-element.elementor-element-9c18506.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-636 .elementor-element.elementor-element-a0434e3 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-636 .elementor-element.elementor-element-a0434e3 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-636 .elementor-element.elementor-element-a0434e3 .elementskit-section-title-wraper .elementskit-border-divider{width:271px;}.elementor-636 .elementor-element.elementor-element-a0434e3 .elementskit-section-title-wraper .elementskit-border-divider.elementskit-style-long{width:271px;}.elementor-636 .elementor-element.elementor-element-a0434e3 .elementskit-section-title-wraper .elementskit-border-star{width:271px;}.elementor-636 .elementor-element.elementor-element-a0434e3 .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:-15px 0px 0px 0px;}.elementor-636 .elementor-element.elementor-element-5307d38{margin-top:100px;margin-bottom:0px;overflow:visible;}.elementor-636 .elementor-element.elementor-element-408d3cf{overflow:visible;}.elementor-bc-flex-widget .elementor-636 .elementor-element.elementor-element-3424170.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-636 .elementor-element.elementor-element-3424170.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-636 .elementor-element.elementor-element-a1392e6 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-636 .elementor-element.elementor-element-a1392e6 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-636 .elementor-element.elementor-element-a1392e6 .elementskit-section-title-wraper .elementskit-border-divider{width:271px;}.elementor-636 .elementor-element.elementor-element-a1392e6 .elementskit-section-title-wraper .elementskit-border-divider.elementskit-style-long{width:271px;}.elementor-636 .elementor-element.elementor-element-a1392e6 .elementskit-section-title-wraper .elementskit-border-star{width:271px;}.elementor-636 .elementor-element.elementor-element-a1392e6 .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:-15px 0px 0px 0px;}@media(max-width:1024px){.elementor-636 .elementor-element.elementor-element-4e2412d{padding:0px 015px 0px 015px;}.elementor-636 .elementor-element.elementor-element-d40b417{padding:0px 015px 0px 015px;}.elementor-636 .elementor-element.elementor-element-779cd8d{padding:0px 015px 0px 015px;}.elementor-636 .elementor-element.elementor-element-0012c1c{padding:0px 015px 0px 015px;}.elementor-636 .elementor-element.elementor-element-6a91ce2{padding:0px 015px 0px 015px;}.elementor-636 .elementor-element.elementor-element-5307d38{padding:0px 015px 0px 015px;}}/* Start custom CSS for column, class: .elementor-element-8bc9f18 *//* ============================================
   Two Images Floating Overlap + Brand BG Design
   Classes: dual-photo, main-img, small-img
   Brand: #f2191e (red) #203297 (blue) #aeb0b4 (silver)
   ============================================ */

.dual-photo {
  --brand-red:   #f2191e;
  --brand-blue:  #203297;
  --brand-silver:#aeb0b4;

  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  overflow: visible;
  z-index: 1;
}

/* On-brand background graphics */
.dual-photo::before {
  /* dotted grid using silver */
  content: "";
  position: absolute;
  inset: -40px;
  background-image: radial-gradient(rgba(174,176,180,0.35) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.35;
  border-radius: 15px;
  z-index: 0;
}
.dual-photo::after {
  /* radial glow (blue→red) */
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 70% 40%, rgba(32,50,151,0.28), transparent 65%),
    radial-gradient(circle at 30% 70%, rgba(242,25,30,0.18), transparent 60%);
  z-index: 0;
  opacity: 0.85;
}

/* Optional diagonal brand wash (light) */
.dual-photo .bg-accent {
  position: absolute;
  inset: -60px;
  background: linear-gradient(135deg, rgba(32,50,151,0.10), rgba(242,25,30,0.08));
  mix-blend-mode: screen;
  z-index: 0;
  border-radius: 48px;
}

/* Main large image */
.dual-photo .main-img img {
  width: 100%;
  max-width: 500px;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  animation: floatMain 6s ease-in-out infinite;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  position: relative;
  z-index: 2;
}

/* Smaller overlapping image */
.dual-photo .small-img img {
  position: absolute;
  bottom: -30px;
  left: 50px;
  width: 45%;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  border: 3px solid #fff;
  animation: floatSmall 7s ease-in-out infinite;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  z-index: 3;
}

/* Hover interaction */
.dual-photo:hover .main-img img {
  transform: scale(1.03);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.dual-photo:hover .small-img img {
  transform: scale(1.05);
}

/* Floating keyframes */
@keyframes floatMain {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes floatSmall {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}

/* Responsive */
@media (max-width: 767px) {
  .dual-photo { padding: 20px; }
  .dual-photo .small-img img {
    position: relative;
    bottom: 0;
    left: 0;
    width: 70%;
    margin-top: -50px;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-d41917a *//* ============================================
   Two Images Floating Overlap + Brand BG Design
   Classes: dual-photo, main-img, small-img
   Brand: #f2191e (red) #203297 (blue) #aeb0b4 (silver)
   ============================================ */

.dual-photo {
  --brand-red:   #f2191e;
  --brand-blue:  #203297;
  --brand-silver:#aeb0b4;

  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  overflow: visible;
  z-index: 1;
}

/* On-brand background graphics */
.dual-photo::before {
  /* dotted grid using silver */
  content: "";
  position: absolute;
  inset: -40px;
  background-image: radial-gradient(rgba(174,176,180,0.35) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.35;
  border-radius: 15px;
  z-index: 0;
}
.dual-photo::after {
  /* radial glow (blue→red) */
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 70% 40%, rgba(32,50,151,0.28), transparent 65%),
    radial-gradient(circle at 30% 70%, rgba(242,25,30,0.18), transparent 60%);
  z-index: 0;
  opacity: 0.85;
}

/* Optional diagonal brand wash (light) */
.dual-photo .bg-accent {
  position: absolute;
  inset: -60px;
  background: linear-gradient(135deg, rgba(32,50,151,0.10), rgba(242,25,30,0.08));
  mix-blend-mode: screen;
  z-index: 0;
  border-radius: 48px;
}

/* Main large image */
.dual-photo .main-img img {
  width: 100%;
  max-width: 500px;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  animation: floatMain 6s ease-in-out infinite;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  position: relative;
  z-index: 2;
}

/* Smaller overlapping image */
.dual-photo .small-img img {
  position: absolute;
  bottom: -30px;
  left: 50px;
  width: 45%;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  border: 3px solid #fff;
  animation: floatSmall 7s ease-in-out infinite;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  z-index: 3;
}

/* Hover interaction */
.dual-photo:hover .main-img img {
  transform: scale(1.03);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.dual-photo:hover .small-img img {
  transform: scale(1.05);
}

/* Floating keyframes */
@keyframes floatMain {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes floatSmall {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}

/* Responsive */
@media (max-width: 767px) {
  .dual-photo { padding: 20px; }
  .dual-photo .small-img img {
    position: relative;
    bottom: 0;
    left: 0;
    width: 70%;
    margin-top: -50px;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-205561b *//* ============================================
   Two Images Floating Overlap + Brand BG Design
   Classes: dual-photo, main-img, small-img
   Brand: #f2191e (red) #203297 (blue) #aeb0b4 (silver)
   ============================================ */

.dual-photo {
  --brand-red:   #f2191e;
  --brand-blue:  #203297;
  --brand-silver:#aeb0b4;

  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  overflow: visible;
  z-index: 1;
}

/* On-brand background graphics */
.dual-photo::before {
  /* dotted grid using silver */
  content: "";
  position: absolute;
  inset: -40px;
  background-image: radial-gradient(rgba(174,176,180,0.35) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.35;
  border-radius: 15px;
  z-index: 0;
}
.dual-photo::after {
  /* radial glow (blue→red) */
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 70% 40%, rgba(32,50,151,0.28), transparent 65%),
    radial-gradient(circle at 30% 70%, rgba(242,25,30,0.18), transparent 60%);
  z-index: 0;
  opacity: 0.85;
}

/* Optional diagonal brand wash (light) */
.dual-photo .bg-accent {
  position: absolute;
  inset: -60px;
  background: linear-gradient(135deg, rgba(32,50,151,0.10), rgba(242,25,30,0.08));
  mix-blend-mode: screen;
  z-index: 0;
  border-radius: 48px;
}

/* Main large image */
.dual-photo .main-img img {
  width: 100%;
  max-width: 500px;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  animation: floatMain 6s ease-in-out infinite;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  position: relative;
  z-index: 2;
}

/* Smaller overlapping image */
.dual-photo .small-img img {
  position: absolute;
  bottom: -30px;
  left: 50px;
  width: 45%;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  border: 3px solid #fff;
  animation: floatSmall 7s ease-in-out infinite;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  z-index: 3;
}

/* Hover interaction */
.dual-photo:hover .main-img img {
  transform: scale(1.03);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.dual-photo:hover .small-img img {
  transform: scale(1.05);
}

/* Floating keyframes */
@keyframes floatMain {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes floatSmall {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}

/* Responsive */
@media (max-width: 767px) {
  .dual-photo { padding: 20px; }
  .dual-photo .small-img img {
    position: relative;
    bottom: 0;
    left: 0;
    width: 70%;
    margin-top: -50px;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-7b5b7bb *//* ============================================
   Two Images Floating Overlap + Brand BG Design
   Classes: dual-photo, main-img, small-img
   Brand: #f2191e (red) #203297 (blue) #aeb0b4 (silver)
   ============================================ */

.dual-photo {
  --brand-red:   #f2191e;
  --brand-blue:  #203297;
  --brand-silver:#aeb0b4;

  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  overflow: visible;
  z-index: 1;
}

/* On-brand background graphics */
.dual-photo::before {
  /* dotted grid using silver */
  content: "";
  position: absolute;
  inset: -40px;
  background-image: radial-gradient(rgba(174,176,180,0.35) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.35;
  border-radius: 15px;
  z-index: 0;
}
.dual-photo::after {
  /* radial glow (blue→red) */
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 70% 40%, rgba(32,50,151,0.28), transparent 65%),
    radial-gradient(circle at 30% 70%, rgba(242,25,30,0.18), transparent 60%);
  z-index: 0;
  opacity: 0.85;
}

/* Optional diagonal brand wash (light) */
.dual-photo .bg-accent {
  position: absolute;
  inset: -60px;
  background: linear-gradient(135deg, rgba(32,50,151,0.10), rgba(242,25,30,0.08));
  mix-blend-mode: screen;
  z-index: 0;
  border-radius: 48px;
}

/* Main large image */
.dual-photo .main-img img {
  width: 100%;
  max-width: 500px;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  animation: floatMain 6s ease-in-out infinite;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  position: relative;
  z-index: 2;
}

/* Smaller overlapping image */
.dual-photo .small-img img {
  position: absolute;
  bottom: -30px;
  left: 50px;
  width: 45%;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  border: 3px solid #fff;
  animation: floatSmall 7s ease-in-out infinite;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  z-index: 3;
}

/* Hover interaction */
.dual-photo:hover .main-img img {
  transform: scale(1.03);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.dual-photo:hover .small-img img {
  transform: scale(1.05);
}

/* Floating keyframes */
@keyframes floatMain {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes floatSmall {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}

/* Responsive */
@media (max-width: 767px) {
  .dual-photo { padding: 20px; }
  .dual-photo .small-img img {
    position: relative;
    bottom: 0;
    left: 0;
    width: 70%;
    margin-top: -50px;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-adadd30 *//* ============================================
   Two Images Floating Overlap + Brand BG Design
   Classes: dual-photo, main-img, small-img
   Brand: #f2191e (red) #203297 (blue) #aeb0b4 (silver)
   ============================================ */

.dual-photo {
  --brand-red:   #f2191e;
  --brand-blue:  #203297;
  --brand-silver:#aeb0b4;

  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  overflow: visible;
  z-index: 1;
}

/* On-brand background graphics */
.dual-photo::before {
  /* dotted grid using silver */
  content: "";
  position: absolute;
  inset: -40px;
  background-image: radial-gradient(rgba(174,176,180,0.35) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.35;
  border-radius: 15px;
  z-index: 0;
}
.dual-photo::after {
  /* radial glow (blue→red) */
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 70% 40%, rgba(32,50,151,0.28), transparent 65%),
    radial-gradient(circle at 30% 70%, rgba(242,25,30,0.18), transparent 60%);
  z-index: 0;
  opacity: 0.85;
}

/* Optional diagonal brand wash (light) */
.dual-photo .bg-accent {
  position: absolute;
  inset: -60px;
  background: linear-gradient(135deg, rgba(32,50,151,0.10), rgba(242,25,30,0.08));
  mix-blend-mode: screen;
  z-index: 0;
  border-radius: 48px;
}

/* Main large image */
.dual-photo .main-img img {
  width: 100%;
  max-width: 500px;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  animation: floatMain 6s ease-in-out infinite;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  position: relative;
  z-index: 2;
}

/* Smaller overlapping image */
.dual-photo .small-img img {
  position: absolute;
  bottom: -30px;
  left: 50px;
  width: 45%;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  border: 3px solid #fff;
  animation: floatSmall 7s ease-in-out infinite;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  z-index: 3;
}

/* Hover interaction */
.dual-photo:hover .main-img img {
  transform: scale(1.03);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.dual-photo:hover .small-img img {
  transform: scale(1.05);
}

/* Floating keyframes */
@keyframes floatMain {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes floatSmall {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}

/* Responsive */
@media (max-width: 767px) {
  .dual-photo { padding: 20px; }
  .dual-photo .small-img img {
    position: relative;
    bottom: 0;
    left: 0;
    width: 70%;
    margin-top: -50px;
  }
}/* End custom CSS */