.elementor-93 .elementor-element.elementor-element-198d8cc{--display:flex;--min-height:640px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;}.elementor-93 .elementor-element.elementor-element-198d8cc::before, .elementor-93 .elementor-element.elementor-element-198d8cc > .elementor-background-video-container::before, .elementor-93 .elementor-element.elementor-element-198d8cc > .e-con-inner > .elementor-background-video-container::before, .elementor-93 .elementor-element.elementor-element-198d8cc > .elementor-background-slideshow::before, .elementor-93 .elementor-element.elementor-element-198d8cc > .e-con-inner > .elementor-background-slideshow::before, .elementor-93 .elementor-element.elementor-element-198d8cc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#413A3A;--background-overlay:'';}.elementor-93 .elementor-element.elementor-element-198d8cc .elementor-background-slideshow__slide__image{background-size:cover;}.elementor-93 .elementor-element.elementor-element-198d8cc::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-93 .elementor-element.elementor-element-198d8cc > .elementor-shape-bottom svg, .elementor-93 .elementor-element.elementor-element-198d8cc > .e-con-inner > .elementor-shape-bottom svg{height:31px;}.elementor-93 .elementor-element.elementor-element-3c59084{--spacer-size:12px;}.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-93 .elementor-element.elementor-element-71cc62a > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-93 .elementor-element.elementor-element-71cc62a{text-align:center;}.elementor-93 .elementor-element.elementor-element-71cc62a .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:60px;font-weight:900;line-height:78px;color:#FFFFFF;}.elementor-93 .elementor-element.elementor-element-29c8dec > .elementor-widget-container{margin:0px 0px 35px 0px;}.elementor-93 .elementor-element.elementor-element-29c8dec{text-align:center;}.elementor-93 .elementor-element.elementor-element-29c8dec .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:25px;font-weight:600;line-height:29px;letter-spacing:3.2px;color:var( --e-global-color-9678038 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-93 .elementor-element.elementor-element-881bb7a .elementor-button{background-color:#FF6600;font-family:"Barlow", Sans-serif;font-size:20px;font-weight:500;line-height:25px;fill:#FFFFFF;color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:20px 48px 20px 48px;}.elementor-93 .elementor-element.elementor-element-881bb7a .elementor-button:hover, .elementor-93 .elementor-element.elementor-element-881bb7a .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(180deg, #FF6600 0%, #000000 100%);}.elementor-93 .elementor-element.elementor-element-881bb7a.elementor-element{--align-self:center;}.elementor-93 .elementor-element.elementor-element-881bb7a .elementor-button:hover svg, .elementor-93 .elementor-element.elementor-element-881bb7a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-93 .elementor-element.elementor-element-eef22f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-93 .elementor-element.elementor-element-5a77a62{--display:flex;--min-height:549px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-93 .elementor-element.elementor-element-e456a20{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;border-style:none;--border-style:none;}.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-93 .elementor-element.elementor-element-1294d6d{font-family:"Libre Baskerville", Sans-serif;font-weight:500;}.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-93 .elementor-element.elementor-element-5502358 > .elementor-widget-container{margin:-36px 0px 0px 0px;}.elementor-93 .elementor-element.elementor-element-5502358 img{border-radius:19px 19px 19px 19px;}.elementor-93 .elementor-element.elementor-element-3b282d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-93 .elementor-element.elementor-element-3b282d0:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-3b282d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECC9A8;}.elementor-93 .elementor-element.elementor-element-3b282d0:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-b2a18d8 );--border-color:var( --e-global-color-b2a18d8 );--border-radius:6px 6px 6px 6px;--border-top-left-radius:6px;--border-top-right-radius:6px;--border-bottom-right-radius:6px;--border-bottom-left-radius:6px;box-shadow:8px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-93 .elementor-element.elementor-element-3b282d0, .elementor-93 .elementor-element.elementor-element-3b282d0::before{--border-transition:0.3s;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-93 .elementor-element.elementor-element-63bf275 .fluentform-widget-wrapper .ff-el-input--label label{font-family:"Georgia", Sans-serif;}.elementor-93 .elementor-element.elementor-element-63bf275 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.select2-search__field), .elementor-93 .elementor-element.elementor-element-63bf275 .fluentform-widget-wrapper .ff-el-group textarea, .elementor-93 .elementor-element.elementor-element-63bf275 .fluentform-widget-wrapper .ff-el-group select,  .elementor-93 .elementor-element.elementor-element-63bf275 .fluentform-widget-wrapper .ff-el-group .select2-container--default .select2-selection--multiple{border-style:solid;border-color:var( --e-global-color-26dee23 );}.elementor-93 .elementor-element.elementor-element-63bf275 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-93 .elementor-element.elementor-element-63bf275 .fluentform-widget-wrapper .ff-el-group textarea, .elementor-93 .elementor-element.elementor-element-63bf275 .fluentform-widget-wrapper .ff-el-group select,  .elementor-93 .elementor-element.elementor-element-63bf275 .fluentform-widget-wrapper .ff-el-group .select2-container--default .select2-selection--multiple{border-radius:14px 14px 14px 14px;}.elementor-93 .elementor-element.elementor-element-63bf275 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, .elementor-93 .elementor-element.elementor-element-63bf275 .fluentform-widget-wrapper .ff-el-group textarea:focus{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-b2a18d8 );}.elementor-93 .elementor-element.elementor-element-63bf275 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:var( --e-global-color-b2a18d8 );color:#ffffff !important;}@media(min-width:768px){.elementor-93 .elementor-element.elementor-element-e456a20{--width:50%;}.elementor-93 .elementor-element.elementor-element-3b282d0{--width:50%;}}@media(max-width:1024px){.elementor-93 .elementor-element.elementor-element-71cc62a .elementor-heading-title{font-size:66px;line-height:76px;}.elementor-93 .elementor-element.elementor-element-29c8dec > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-93 .elementor-element.elementor-element-29c8dec .elementor-heading-title{font-size:16px;line-height:22px;}}@media(max-width:767px){.elementor-93 .elementor-element.elementor-element-71cc62a .elementor-heading-title{font-size:34px;line-height:45px;}.elementor-93 .elementor-element.elementor-element-881bb7a .elementor-button{font-size:13px;line-height:15px;padding:15px 34px 15px 34px;}}/* Start custom CSS for button, class: .elementor-element-881bb7a */.elementor-93 .elementor-element.elementor-element-881bb7a{
    border-radius: 5px;
    overflow: hidden;

}

.elementor-93 .elementor-element.elementor-element-881bb7a .elementor-button-text{
    z-index: 3;
}



.elementor-93 .elementor-element.elementor-element-881bb7a .elementor-button:after {
    position: absolute;
    content: "";

    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease;
}

.elementor-93 .elementor-element.elementor-element-881bb7a:hover .elementor-button:after{
    width: 100%;
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-483c91c *//* ===============================
   GOT Global Style - Donation Impact Section
================================ */

.kkcdo-donation-impact {
  text-align: center;
  padding: 80px 20px;
  background: #ffffff;
  color: #333333;
  font-family: 'Poppins', sans-serif;
}

/* Section Title */
.kkcdo-donation-impact .impact-title {
  font-size: 2.2rem;
  color: #222222;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  display: inline-block;
}

.kkcdo-donation-impact .impact-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #ff7a00, #ff5100);
  margin: 10px auto 0;
  border-radius: 2px;
}

/* Grid Layout */
.impact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 25px;
  max-width: 1000px;
  margin: 0 auto;
}

/* Card Design */
.impact-card {
  background: #ffffff;
  border: 2px solid #ff8a00;
  border-radius: 15px;
  padding: 35px 25px;
  box-shadow: 0 8px 25px rgba(255, 136, 0, 0.25);
  transition: all 0.4s ease;
}

/* Amount Text */
.impact-amount {
  font-size: 2rem;
  font-weight: 700;
  color: #ff6600;
  margin-bottom: 15px;
  transition: color 0.4s ease;
}

/* Description */
.impact-card p {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.6;
  transition: color 0.4s ease;
}

/* Hover Effect */
.impact-card:hover {
  transform: translateY(-8px);
  background: linear-gradient(145deg, #ff7a00, #ff5100);
  box-shadow: 0 10px 30px rgba(255, 120, 0, 0.4);
  border-color: transparent;
}

/* Change text + amount to white on hover */
.impact-card:hover .impact-amount,
.impact-card:hover p {
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eef22f8 *//* ===============================
   GOT Global Style - Donation Impact Section
   + Click (Active) Money → Black
================================ */

.kkcdo-donation-impact {
  text-align: center;
  padding: 80px 20px;
  background: #ffffff;
  color: #333333;
  font-family: 'Poppins', sans-serif;
}

/* Section Title */
.kkcdo-donation-impact .impact-title {
  font-size: 2.2rem;
  color: #222222;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  display: inline-block;
}

.kkcdo-donation-impact .impact-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #ff7a00, #ff5100);
  margin: 10px auto 0;
  border-radius: 2px;
}

/* Grid Layout */
.impact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 25px;
  max-width: 1000px;
  margin: 0 auto;
}

/* Card Design */
.impact-card {
  background: #ffffff;
  border: 2px solid #ff8a00;
  border-radius: 15px;
  padding: 35px 25px;
  box-shadow: 0 8px 25px rgba(255, 136, 0, 0.25);
  cursor: pointer;
  transition: all 0.4s ease;
}

/* Amount Text */
.impact-amount {
  font-size: 2rem;
  font-weight: 700;
  color: #ff6600;
  margin-bottom: 15px;
  transition: color 0.4s ease;
}

/* Description */
.impact-card p {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.6;
  transition: color 0.4s ease;
}

/* Hover Effect */
.impact-card:hover {
  transform: translateY(-8px);
  background: linear-gradient(145deg, #ff7a00, #ff5100);
  box-shadow: 0 10px 30px rgba(255, 120, 0, 0.4);
  border-color: transparent;
}

.impact-card:hover .impact-amount,
.impact-card:hover p {
  color: #ffffff;
}

/* Active (when clicked): White background + black money text */
.impact-card:active {
  background: #ffffff;
  transform: scale(0.98);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.impact-card:active .impact-amount {
  color: #000000;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e456a20 *//* =========================
   KKCDO Left Donation Info Styling
========================= */
.kkcdo-donate-left {
  background: #ffffff;
  padding: 50px 40px;
  border-radius: 16px;
  border: 2px solid #e6e6e6;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  animation: fadeInUp 1s ease both;
}

.kkcdo-donate-left:hover {
  border-color: #5FC7AE;
  box-shadow: 0 10px 30px rgba(95, 199, 174, 0.15);
}

/* Border Glow Sweep Animation on Hover */
.kkcdo-donate-left::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  border: 2px solid #5FC7AE;
  opacity: 0;
  transition: opacity 0.4s ease;
  animation: borderGlow 2s linear infinite;
  z-index: 0;
  pointer-events: none;
}

.kkcdo-donate-left:hover::before {
  opacity: 1;
}

/* Text Content Styling */
.kkcdo-donate-left h2,
.kkcdo-donate-left h3 {
  font-size: 2rem;
  color: #222;
  font-weight: 700;
  margin-bottom: 20px;
  animation: fadeInDown 0.8s ease forwards;
}

.kkcdo-donate-left p {
  font-size: 1rem;
  line-height: 1.8;
  color: #444;
  margin-bottom: 25px;
  animation: fadeInDown 1s ease forwards;
  animation-delay: 0.2s;
}

.kkcdo-donate-left ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.kkcdo-donate-left ul li {
  font-size: 1rem;
  margin-bottom: 12px;
  color: #222;
  position: relative;
  padding-left: 28px;
  animation: fadeInRight 1s ease forwards;
  animation-delay: 0.4s;
}

.kkcdo-donate-left ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #5FC7AE;
  font-weight: bold;
}

/* =========================
   Animations
========================= */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes borderGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(95, 199, 174, 0.3);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(95, 199, 174, 0.05);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(95, 199, 174, 0.0);
  }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .kkcdo-donate-left {
    padding: 30px 20px;
  }

  .kkcdo-donate-left h2 {
    font-size: 1.6rem;
  }
}


/* =========================
   Image inside .kkcdo-donate-left
========================= */

.kkcdo-donate-left img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 30px 0 0;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect */
.kkcdo-donate-left img:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 30px rgba(95, 199, 174, 0.25);
}/* End custom CSS */
/* Start custom CSS for fluent-form-widget, class: .elementor-element-63bf275 *//* =========================
   GOT Donation Form Styling (True Black Hover)
========================= */

.kkcdo-donation-form button.ff-btn-submit {
  background-color: #ff7a00 !important; /* orange */
  color: #ffffff !important;
  padding: 14px 26px;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
  border: none !important;
  cursor: pointer;
  transition: all 0.3s ease !important;
  margin-top: 12px;
  box-shadow: 0 4px 12px rgba(255, 122, 0, 0.3) !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Pure Black Hover Fix */
.kkcdo-donation-form button.ff-btn-submit:hover {
  background-color: #000000 !important; /* pure black */
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4) !important;
  filter: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b282d0 *//* =========================
   KKCDO Donation Section Layout
========================= */

/* Left Column Styling */
.kkcdo-donate-left {
  padding: 50px 40px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
}

.kkcdo-donate-left h2,
.kkcdo-donate-left h3 {
  font-size: 2rem;
  color: #222;
  font-weight: 700;
  margin-bottom: 20px;
}

.kkcdo-donate-left p {
  font-size: 1rem;
  line-height: 1.8;
  color: #444;
  margin-bottom: 25px;
}

.kkcdo-donate-left ul {
  list-style: none;
  padding: 0;
}

.kkcdo-donate-left ul li {
  font-size: 1rem;
  margin-bottom: 12px;
  color: #222;
  position: relative;
  padding-left: 28px;
}

.kkcdo-donate-left ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #5FC7AE;
  font-weight: bold;
}

/* Right Column Styling (Fluent Form container) */
.kkcdo-donate-right {
  padding: 50px 40px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
}

/* Fluent Form Styling */
.kkcdo-donation-form .ff-el-form-control label {
  font-weight: 600;
  color: #222;
  margin-bottom: 6px;
  display: block;
  font-size: 0.95rem;
}

.kkcdo-donation-form input.ff-el-input,
.kkcdo-donation-form textarea.ff-el-textarea,
.kkcdo-donation-form select.ff-el-select {
  width: 100%;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  font-size: 1rem;
  transition: border 0.3s ease;
}

.kkcdo-donation-form input:focus,
.kkcdo-donation-form textarea:focus,
.kkcdo-donation-form select:focus {
  border-color: #5FC7AE;
  outline: none;
  background: #fff;
}

/* Radio/Checkbox */
.kkcdo-donation-form .ff-el-input--checkable input {
  accent-color: #5FC7AE;
}

/* Submit Button */
.kkcdo-donation-form button.ff-btn-submit {
  background: #5FC7AE;
  color: #fff;
  padding: 14px 24px;
  font-size: 1rem;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
  margin-top: 10px;
}

.kkcdo-donation-form button.ff-btn-submit:hover {
  background: #45ae96;
  transform: scale(1.03);
}

/* Responsive Tweaks */
@media (max-width: 768px) {
  .kkcdo-donate-left,
  .kkcdo-donate-right {
    padding: 30px 20px;
  }

  .kkcdo-donate-left h2 {
    font-size: 1.6rem;
  }
}/* End custom CSS */