.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-633 .elementor-element.elementor-element-288efb3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-slides .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-633 .elementor-element.elementor-element-e3fc3d1 .elementor-repeater-item-790ec2e .swiper-slide-bg{background-image:url(https://organicleafpk.com/wp-content/uploads/2026/08/banner1.png);background-size:cover;}.elementor-633 .elementor-element.elementor-element-e3fc3d1 .swiper-slide{transition-duration:calc(5000ms*1.2);height:644px;}.elementor-633 .elementor-element.elementor-element-e3fc3d1 .swiper-slide-contents{max-width:66%;}.elementor-633 .elementor-element.elementor-element-e3fc3d1 .swiper-slide-inner{text-align:center;}.elementor-633 .elementor-element.elementor-element-409f889:not(.elementor-motion-effects-element-type-background), .elementor-633 .elementor-element.elementor-element-409f889 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5FBF7;}.elementor-633 .elementor-element.elementor-element-409f889{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-633 .elementor-element.elementor-element-409f889 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-633 .elementor-element.elementor-element-c4e49d7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-633 .elementor-element.elementor-element-c360fdc:not(.elementor-motion-effects-element-type-background), .elementor-633 .elementor-element.elementor-element-c360fdc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5FBF7;}.elementor-633 .elementor-element.elementor-element-c360fdc > .elementor-container{max-width:1400px;}.elementor-633 .elementor-element.elementor-element-c360fdc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;}.elementor-633 .elementor-element.elementor-element-c360fdc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .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-633 .elementor-element.elementor-element-3a30acc .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;color:#2E5A36;}.elementor-633 .elementor-element.elementor-element-048053f .elementor-heading-title{font-family:"ZCOOL XiaoWei", Sans-serif;font-size:36px;font-weight:700;text-transform:capitalize;color:#000000;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-633 .elementor-element.elementor-element-64e2d74 > .elementor-container{max-width:1400px;}.elementor-bc-flex-widget .elementor-633 .elementor-element.elementor-element-3b48c28.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-633 .elementor-element.elementor-element-3b48c28.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-ucaddon_uc_icon_accordion .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-ucaddon_uc_icon_accordion .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-ucaddon_uc_icon_accordion .ue_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_icon_accordion .uc_content{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-633 .elementor-element.elementor-element-b6f6178 .uc-heading{background-color:#F6F6F6;flex-direction:row;padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D6D6D6;}.elementor-633 .elementor-element.elementor-element-b6f6178 .uc_ac_box{margin-bottom:10px;background-color:#F5FBF7;}.elementor-633 .elementor-element.elementor-element-b6f6178 .ue_title{color:#000000;}.elementor-633 .elementor-element.elementor-element-b6f6178 .uc-item-active .uc-heading .ue_title{color:#000000;}.elementor-633 .elementor-element.elementor-element-b6f6178 .uc-heading:hover .ue_title{color:#000000;}.elementor-633 .elementor-element.elementor-element-b6f6178 .uc_content{background-color:#f2f2f2;color:#616161;padding:20px 20px 20px 20px;}.elementor-633 .elementor-element.elementor-element-b6f6178 .ue_icon{width:50px;height:50px;font-size:14px;border-radius:50px 50px 50px 50px;background-color:#427159;color:#FFFFFF;}.elementor-633 .elementor-element.elementor-element-b6f6178 .ue_icon_spacing{width:15px;}.elementor-633 .elementor-element.elementor-element-b6f6178 .ue_icon svg{fill:#FFFFFF;}.elementor-633 .elementor-element.elementor-element-b6f6178 .ue_expand_inside{width:14px;height:14px;font-size:14px;color:#000000;border-radius:0px 0px 0px 0px;}.elementor-633 .elementor-element.elementor-element-b6f6178 .ue_expand_inside svg{fill:#000000;}.elementor-633 .elementor-element.elementor-element-b6f6178 .ue_expand_spacing{width:15px;}.elementor-633 .elementor-element.elementor-element-b6f6178 .uc-item-active .ue_expand_inside{color:#000000;}.elementor-633 .elementor-element.elementor-element-b6f6178 .uc-item-active .ue_expand_inside svg{fill:#000000;}.elementor-bc-flex-widget .elementor-633 .elementor-element.elementor-element-bbcc577.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-633 .elementor-element.elementor-element-bbcc577.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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 );}@media(max-width:1400px){.elementor-633 .elementor-element.elementor-element-e3fc3d1 .swiper-slide{height:406px;}}@media(max-width:1024px){.elementor-633 .elementor-element.elementor-element-e3fc3d1 .swiper-slide{height:293px;}}@media(max-width:767px){.elementor-633 .elementor-element.elementor-element-e3fc3d1 .swiper-slide{height:132px;}.elementor-633 .elementor-element.elementor-element-409f889{padding:30px 10px 30px 10px;}.elementor-633 .elementor-element.elementor-element-c360fdc{padding:0px 10px 30px 10px;}.elementor-633 .elementor-element.elementor-element-3b48c28 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-633 .elementor-element.elementor-element-bbcc577 > .elementor-element-populated{padding:30px 0px 0px 0px;}}@media(min-width:768px){.elementor-633 .elementor-element.elementor-element-3b48c28{width:57.964%;}.elementor-633 .elementor-element.elementor-element-bbcc577{width:41.993%;}}@media(max-width:1024px) and (min-width:768px){.elementor-633 .elementor-element.elementor-element-3b48c28{width:100%;}.elementor-633 .elementor-element.elementor-element-bbcc577{width:100%;}}/* Start custom CSS for html, class: .elementor-element-a766ef1 */#unique-about-section .unique-badge-icon {
  font-size: 20px;
  margin-bottom: 2px;
  animation: prodBounceIcon 2s infinite ease-in-out; /* Added Leaf Bounce Animation */
}

/* Heading Leaf Icon Animation Fix */
#unique-about-section .unique-heading-icon {
  display: inline-block;
  font-size: 24px;
  margin-left: 8px;
  animation: prodBounceIcon 2s infinite ease-in-out;
}

/* Keyframe for Bounce Animation */
@keyframes prodBounceIcon {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}







/* Section Wrapper */
#unique-about-section.unique-about-wrapper {
  background-color: #F5FBF7;
  padding: 70px 20px;
  width: 100%;
  box-sizing: border-box;
  font-family: 'ZCOOL XiaoWei', sans-serif;
  overflow: hidden; /* Prevents overflow during animations */
}

#unique-about-section .unique-about-container {
  max-width: 1395px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 60px;
}

/* Left Column Styling with Slide-In Animation */
#unique-about-section .unique-about-image-col {
  flex: 1;
  position: relative;
  animation: uniqueSlideInLeft 1s ease-out forwards;
}

#unique-about-section .unique-image-wrapper {
  position: relative;
  width: 100%;
  height: 420px;
  border-top-right-radius: 180px;
  border-bottom-right-radius: 180px;
  overflow: visible;
}

#unique-about-section .unique-about-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-right-radius: 180px;
  border-bottom-right-radius: 180px;
  transition: transform 0.5s ease;
}

/* Subtle Zoom effect on image hover */
#unique-about-section .unique-about-img:hover {
  transform: scale(1.02);
}

/* Circular Organic Badge Overlay with Floating Animation */
#unique-about-section .unique-organic-badge {
  position: absolute;
  bottom: -30px;
  right: 20px;
  width: 140px;
  height: 140px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
  z-index: 2;
  animation: uniqueBadgeFloat 3s ease-in-out infinite alternate;
}

#unique-about-section .unique-badge-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}



#unique-about-section .unique-badge-text-main {
  font-size: 16px;
  font-weight: 700;
  color: #111111;
  line-height: 1.1;
}

#unique-about-section .unique-badge-text-sub {
  font-size: 10px;
  font-weight: 700;
  color: #2e5a36;
  letter-spacing: 0.5px;
}

/* Right Column Content Styling with Fade-In Up Animation */
#unique-about-section .unique-about-content-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  animation: uniqueFadeInUp 1s ease-out forwards;
}

#unique-about-section .unique-about-tag {
  font-size: 12px;
  font-weight: 700;
  color: #2e5a36;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

#unique-about-section .unique-about-heading {
  font-size: 36px;
  font-weight: 700;
  color: #111111;
  line-height: 1.25;
  margin: 0 0 16px 0;
  
}

#unique-about-section .unique-about-desc {
  font-size: 14px;
  color: #555555;
  line-height: 1.6;
  margin: 0 0 30px 0;
}

/* Features 2x2 Grid */
#unique-about-section .unique-features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

#unique-about-section .unique-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  transition: transform 0.3s ease;
}

/* Slight lift effect when hovering over individual feature boxes */
#unique-about-section .unique-feature-item:hover {
  transform: translateY(-3px);
}

#unique-about-section .unique-f-icon-box {
  width: 44px;
  height: 44px;
  background-color: #f2f7f3;
  color: #2e5a36;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Icon box color invert on hover */
#unique-about-section .unique-feature-item:hover .unique-f-icon-box {
  background-color: #2e5a36;
  color: #ffffff;
}

#unique-about-section .unique-f-text-box {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

#unique-about-section .unique-f-title {
  font-size: 14px;
  font-weight: 700;
  color: #111111;
  margin: 0;
}

#unique-about-section .unique-f-desc {
  font-size: 12px;
  color: #666666;
  margin: 0;
  line-height: 1.4;
}

/* --- KEYFRAME ANIMATIONS --- */

@keyframes uniqueSlideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes uniqueFadeInUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes uniqueBadgeFloat {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-8px);
  }
}

/* Added Bounce Keyframe for Leaf Icon */
@keyframes prodBounceIcon {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

/* Responsive Styles for Tablets & Mobiles */
@media screen and (max-width: 1024px) {
  #unique-about-section .unique-about-container {
    flex-direction: column;
    gap: 50px;
  }
  #unique-about-section .unique-about-image-col {
    width: 100%;
  }
  #unique-about-section .unique-image-wrapper {
    height: 350px;
    border-radius: 15px;
  }
  #unique-about-section .unique-about-img {
    border-radius: 15px;
  }
}

@media screen and (max-width: 768px) {
  #unique-about-section .unique-features-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  #unique-about-section .unique-about-heading {
    font-size: 28px;
  }
}

@media screen and (max-width: 480px) {
  #unique-about-section.unique-about-wrapper {
    padding: 40px 15px;
  }
  #unique-about-section .unique-image-wrapper {
    height: 260px;
  }
  #unique-about-section .unique-organic-badge {
    width: 110px;
    height: 110px;
    bottom: -20px;
    right: 10px;
  }
  #unique-about-section .unique-badge-text-main {
    font-size: 14px;
  }
}/* End custom CSS */