/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

@media screen and (min-width: 981px) {
    .page-id-73784 .transparent-header {
        background-color: transparent !important;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
        position: absolute;
        left: 0;
        right: 0;
    }
    .page-id-73784 .transparent-header.scrolled {
        background-color: #ffffff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
    .page-id-73784 .transparent-header.scrolled .et-menu li.get-started a {
        color: #ffffff !important;
    }
}

.slider-historia-font {
    font-family: 'TheHistoriaDemo' !important;
}
.custom-blog-carousel {
    margin: 40px 0;
}

.custom-blog-carousel .slick-track {
    display: flex !important;
}

.custom-blog-carousel .slick-slide {
    height: auto !important;
    display: flex !important;
}

.custom-blog-carousel .blog-card {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin: 0px 15px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.blog-card .blog-image img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.blog-card .blog-content {
	background-color: #ffffff;
	padding: 20px 30px 30px;	
}

.blog-card .blog-title {
    margin: 0px 0px 15px;
    padding-bottom: 0px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.33;
    color: #333;
    text-transform: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-card .blog-meta, 
.blog-card .blog-meta a {
    margin-bottom: 10px;
    padding-bottom: 0px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.38;
    color: #909090;
}

.blog-card .blog-excerpt {
	margin-bottom: 15px;
    font-family: Montserrat;
    font-size: 16px;
    line-height: 1.38;
    color: #333333;
}

.blog-card .read-more {
	text-decoration: none;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    color: #15659f;
}

.blog-card .read-more .et-pb-icon {
    font-size: 0px;
    transform: rotate(270deg);
    padding-right: 10px;
}

.blog-card .read-more .et-pb-icon:before {
    font-size: 22px;
    content: "3";
}

.custom-carousel-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 15px;
}

.custom-carousel-nav .custom-prev, 
.custom-carousel-nav .custom-next {
	background: none;
    width: 60px;
    font-size: 45px;
    cursor: pointer;
    color: #212121;
    opacity: 0.25;
    border: 2px solid;
    border-radius: 50%;
}

.custom-carousel-nav .custom-prev:hover, 
.custom-carousel-nav .custom-next:hover {
    opacity: 1;
}

.custom-carousel-nav .slick-arrow .et-pb-icon {
    font-size: 0px;	
}
.custom-carousel-nav .custom-prev .et-pb-icon {
    transform: rotate(90deg);
}
.custom-carousel-nav .custom-next .et-pb-icon {
    transform: rotate(270deg);
}
.custom-carousel-nav .slick-arrow .et-pb-icon:before {
    font-size: 40px;
	content: "3";
}

.custom-carousel-nav .custom-dots ul.slick-dots {
    position: static;
    padding: 0px !important;
	margin: 0px;
    margin-top: -10px;
}
.custom-carousel-nav .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 3px;
}
.custom-carousel-nav .slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 3px;
}
.custom-carousel-nav .slick-dots li button:before {
    font-size: 12px;
    line-height: 12px;
    width: 12px;
    height: 12px;
    opacity: .25;
    color: #212121;
}
.custom-carousel-nav .slick-dots li:hover button:before, 
.custom-carousel-nav .slick-dots li.slick-active button:before {
    opacity: 1;
}



/**Dream Maker POPUP CSS**/
.donation-form .dream-maker-form .gform_wrapper {
  display: block!important;
}

.donation-step-wrapper>.donation-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  row-gap: 30px;
}
.donation-image, 
.donation-form {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.donation-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.donation-form .dream-maker-form .gform_wrapper {
    border-radius: 0px !important;
    padding: 0px !important;
    max-width: 100%;
    width: 100%;
    margin: auto;
}

.pum-theme-73122 {
    background-color: rgba(0, 0, 0, 0.20)!important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.pum-theme-73122 .pum-container {
    padding: 30px 15px 30px!important;
    border-radius: 20px!important;
    border: 0px solid #000000!important;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1)!important;
}

.pum-theme-73122 .pum-content + .pum-close {
    height: 35px;
    width: 35px;
    right: -30px;
    top: -30px;
    font-size: 30px;
    line-height: 35px;
    border-radius: 35px;
    box-shadow: none;
    text-shadow: none;
    background-color: transparent;
}

body .pum-theme-73122 .pum-container .gform_wrapper .gform_footer input.button:hover, 
body .pum-theme-73122 .pum-container .gform_wrapper .gform_page_footer input.button:hover, 
body .pum-theme-73122 .pum-container div.form_saved_message div.form_saved_message_emailform form input[type=submit]:hover {
    transition: all 300ms ease 0ms;
    transform: scale(1);
}

/**Dream Maker CSS**/

/* Ensure the form wrapper is relative */
.dream-maker-form .gform_wrapper.gravity-theme {
    position: relative;
}
 
/* Make the default spinner span an overlay */
.dream-maker-form .gform_wrapper.gravity-theme .gform-loader {
    position: fixed !important;
	margin-top: 10px;
    top: 0px;
    left: 0px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: rgba(255, 255, 255, 0.6);
    z-index: 9999;
    display: flex !important;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    transform: none!important;
    border-radius: 25px;
    border-width: 0px;
}
 
/* Add a CSS-based spinner inside the span */
.dream-maker-form .gform_wrapper.gravity-theme .gform-loader::after {
    content: "";
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top-color: #0073aa;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}
 
/* Spinner animation */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}


.dream-maker-form .gform_wrapper.gravity-theme .gform-loader {
	top: -10px;
}

.dream-maker-form .gform_wrapper {
    background: #ffffff;
    border-radius: 20px !important;
    padding: 30px 30px 10px !important;
    max-width: 100%;
    width: 420px;
	margin: auto;
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
	will-change: transform;
}



.dream-maker-form .gf_progressbar_title, 
.dream-maker-form .gf_progressbar_title span {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600 !important;
    color: #333;
}

.dream-maker-form .gform_wrapper.gravity-theme .gf_progressbar_percentage span {
    font-size: 0;
}

.dream-maker-form .gform_wrapper.gravity-theme .gf_progressbar_wrapper .gf_progressbar {
    width: 30%;	
}

.dream-maker-form .gform_wrapper.gravity-theme .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage {
    border-radius: 5px!important;	
    height: 5px!important;
}

.dream-maker-form .gform_wrapper.gravity-theme .gfield--type-html h2 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 800 !important;
    color: #333;
    text-align: center !important;
}

.dream-maker-form .gform_wrapper.gravity-theme .form-blue-heavy-text {
    font-family: Montserrat;
    font-size: 15px;
    font-weight: bold!important;
    line-height: 1.53!important;
    text-align: center!important;
    color: #15659f;	
}

.dream-maker-form .gform_wrapper.gravity-theme .gform_page .gfield_radio {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 0px;
}

.dream-maker-form .gform_wrapper.gravity-theme .gform_page .gfield_radio .gchoice {
    width: calc(50% - 6px);
}

.dream-maker-form .gform_wrapper.gravity-theme .gform_page .gfield_validation_message {
	white-space: normal !important;
    word-wrap: break-word!important;
    overflow-wrap: break-word;
    line-height: 1.4;
    display: block;	
}

.dream-maker-form .gform_wrapper.gravity-theme .gform_page .gfield_radio .gchoice input {
    display: none;
}

.dream-maker-form .gform_wrapper.gravity-theme .gform_page .gfield_radio .gchoice label {
	border: 1px solid #6a7883 !important;
    padding: 0px 20px !important;
    color: #6a7883;
    cursor: pointer;
    text-align: center !important;
    margin-bottom: 10px !important;
    max-width: 100% !important;
    width: 100%;
    border-radius: 5px !important;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    font-size: 20px;
    font-weight: 700 !important;
    line-height: 52.4px !important;
    min-height: 52.4px !important;
}

.dream-maker-form .gform_wrapper.gravity-theme .gform_page .gfield_radio .gchoice label:hover, 
.dream-maker-form .gform_wrapper.gravity-theme .gform_page .gfield_radio .gchoice input[type=radio]:checked~label {
    color: #15659f !important;
	background-color: #aadbff !important;
}

.dream-maker-form .gform_wrapper.gravity-theme .gform_page .gfield_radio .gchoice:last-child {
    width: 100%;
}

.dream-maker-form .gform_wrapper.gravity-theme .gform_page .gform-field-label {
	font-family: Montserrat;
    font-size: 18px;
    font-weight: 500 !important;
    color: #333333;
}

.dream-maker-form .gform_wrapper.gravity-theme .gfield input, 
.dream-maker-form .gform_wrapper.gravity-theme .gfield select, 
.dream-maker-form .gform_wrapper.gravity-theme .gfield textarea {
    border: 1px solid #6a7883 !important;
    padding: 10px 10px !important;
    color: #697884 !important;
    cursor: pointer;
    border-radius: 5px !important;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    font-size: 14px;
    font-weight: 500 !important;
    background-color: #ffffff !important;
    min-height: 50px!important;
}

.gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 10px!important;
    grid-row-gap: 10px!important;
}
.dream-maker-form .gform_wrapper.gravity-theme .ginput_container_address {
    margin: 0px !important;
    row-gap: 10px;
    column-gap: 10px;
}
.dream-maker-form .gform_wrapper.gravity-theme .ginput_container_address span {
    padding: 0px !important;
    margin: 0px !important;
    width: calc(50% - 10px);
    flex: auto !important;
}
.dream-maker-form .gform_wrapper.gravity-theme .ginput_container_address span:first-child, 
.dream-maker-form .gform_wrapper.gravity-theme .ginput_container_address span:last-child {
    width: 100%;
}
.dream-maker-form .gform_wrapper.gravity-theme .ginput_container_address .gf_clear_complex {
    display: none !important;	
}
.pointer-event-none .et_pb_gallery_image a {
	pointer-events: none;	
}



.dream-maker-form .gform_wrapper.gravity-theme .gform_page .gform_page_footer>input.button {
    padding: 14.5px 20px;
    border: solid 0px #15659f;
    color: #ffffff !important;
    border-width: 0px !important;
    border-color: #15659f !important;
    border-radius: 4px !important;
    letter-spacing: 0px !important;
    font-size: 20px;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
    background-color: #15659f;
    background-image: linear-gradient(90deg, #199b87 0%, #2bd895 100%);
    width: 100%;
    margin-left: 0;
    cursor: pointer;
    text-align: center !important;
}
.dream-maker-form .gform_wrapper.gravity-theme .gform_page .gform_page_footer>input.button.gform_previous_button  {
    border: solid 1px transparent;
    color: #6a7883 !important;
    border-color: transparent !important;
    background-color: transparent;
    text-decoration: underline;
    background-image: none;
}


.dream-maker-form .gform_wrapper.gravity-theme .gform_page .gform_page_footer {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column-reverse;
    row-gap: 0px;
}

.dream-maker-form .gform_wrapper.gravity-theme .donation-tab .gfield_radio {
	flex-direction: row;
    column-gap: 0;
    row-gap: 0;
}
.dream-maker-form .gform_wrapper.gravity-theme .donation-tab .gfield_radio .gchoice {
    width: 50%!important;
}
.dream-maker-form .gform_wrapper.gravity-theme .gform_page .donation-tab .gfield_radio .gchoice label {
    border-radius: 0px !important;
    min-height: 40px !important;
    line-height: 40px !important;
    border-color: #15659f !important;
    font-size: 16px;
}
.dream-maker-form .gform_wrapper.gravity-theme .gform_page .donation-tab .gfield_radio .gchoice:first-child label {
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
}
.dream-maker-form .gform_wrapper.gravity-theme .gform_page .donation-tab .gfield_radio .gchoice:last-child label {
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}
.dream-maker-form .gform_wrapper.gravity-theme .gfield.sub-head-html {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500!important;
    text-align: center!important;
    color: #333333;
    margin-top: -15px!important;	
}
.dream-maker-form .gform_wrapper.gravity-theme .gfield.form-blue-heavy-text .et-pb-icon {
	font-size: 18px;
    color: #15659f;
    vertical-align: middle;	
}
.dream-maker-form .gform_wrapper.gravity-theme .billing-checkbox .gchoice input[type=checkbox] {
    height: auto;
    min-height: auto;
    line-height: normal;
    vertical-align: middle;	
}

.dream-maker-form .gform_wrapper.gravity-theme .billing-checkbox .gchoice label.gform-field-label {
	white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    line-height: 1.4;
    font-family: Montserrat;
    font-size: 16px;
    text-align: left;
    color: #333333;
}





.dream-maker-newsletter .landing_contact_form .gform_fields {
    flex-direction: row;
    column-gap: 20px !important;
    row-gap: 12px !important;
    flex-wrap: wrap;
}
.dream-maker-newsletter .landing_contact_form .gform_fields .gfield {
    width: calc(50% - 10px);
}
.dream-maker-newsletter .landing_contact_form .gform_fields .gfield.gfield--type-email {
    width: 100%;
}
.dream-maker-newsletter .landing_contact_form .gform_fields .gfield input {
    background: #fff !important;
    color: #a0a0a0 !important;
    border-radius: 5px !important;
    border: solid 1px #ccc !important;
    padding: 15px 16px !important;
}
.dream-maker-newsletter .landing_contact_form .gform_fields #field_submit .gform-button 
{
    background: #15659f !important;
    color: #ffffff !important;
    min-height: 50px;
    margin-top: 18px;
}
.dream-maker-newsletter .landing_contact_form .gform_fields #field_submit {
    max-width: 154px;
}

span.custom-underline {
    color: #15659f;
    display: inline-block;
    position: relative;
}

span.custom-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -12px;
  width: 100%;
  height: 14px;
  background: url('/wp-content/uploads/2025/06/blue-underline-img.svg') no-repeat center bottom;
  background-size: contain;
  pointer-events: none;
}

span.custom-white-underline {
    display: inline-block;
    position: relative;
}

span.custom-white-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 14px;
  background: url('/wp-content/uploads/2025/06/white-underline.svg') no-repeat center bottom;
  background-size: contain;
  pointer-events: none;
}


.et_pb_button.star-button:after {
	content: "";
	background-image: url('/wp-content/uploads/2025/06/Star-Button.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 26px;
    height: 20px;
    top: 16px;
}
.et_pb_button.blow-button:hover, 
.et_pb_button.star-button:hover {
    transform: scale(1.06);
}

.custom-play-icon .et_pb_video_overlay .et_pb_video_play:before {
	content: '';
	background-image: url('/wp-content/uploads/2025/06/play-icon.svg');
    background-size: contain;
	background-repeat: no-repeat;
	display: block;
    width: 120px;
    height: 120px;
}

.dream-maker-counter .percent {
	height: auto!important;
}

.et_pb_column.impact-card {
    position: relative;
    padding-bottom: 80px;
}

.et_pb_column.impact-card {
    position: relative;
    padding-bottom: 80px;
    transform: translateY(0px);
	transition: transform 0.3s ease;
}

.et_pb_column.impact-card:hover {
    transform: translateY(-15px);
}

.et_pb_column.impact-card>.et_pb_button_module_wrapper {
    position: absolute;
    width: calc(100% - 40px);
    bottom: 0;
}

.star-section {
	overflow: hidden;
}



.star-image {
	opacity: 0;
	transition: transform 0.6s ease, opacity 0.6s ease;	
}
.star-section.animated .star-image {
	opacity: 1;
}


.star-image-left-first {
    transform: translate(-150px, -300px) scale(1.06);
}
.star-section.animated .star-image-left-first {
    transform: translate(0px, -70px) scale(1.06);
}

.star-image-left-second {
    transform: translate(-500px, -125px) scale(1.86);
}
.star-section.animated .star-image-left-second {
    transform: translate(-150px, -100px) scale(1.86);
}

.star-image-left-third {
    transform: translate(-410px, 15px) scale(1.62);
}
.star-section.animated .star-image-left-third {
    transform: translate(-170px, 5px) scale(1.62);
}

.star-image-left-fourth {
    transform: translate(-145px, 100px) scale(1.22);
}
.star-section.animated .star-image-left-fourth {
    transform: translate(45px, -80px) scale(1.22);
}



.star-image-right-first {
    transform: translate(150px, -300px) scale(1.7);
}
.star-section.animated .star-image-right-first {
    transform: translate(-120px, -70px) scale(1.7);
}

.star-image-right-second {
    transform: translate(500px, -125px) scale(1.86);
}
.star-section.animated .star-image-right-second {
    transform: translate(125px, -90px) scale(1.86);
}

.star-image-right-third {
    transform: translate(410px, 15px) scale(1.8);
}
.star-section.animated .star-image-right-third {
    transform: translate(130px, 55px) scale(1.8);;
}

.star-image-right-fourth {
    transform: translate(220px, 100px) scale(0.8);
}
.star-section.animated .star-image-right-fourth {
    transform: translate(-110px, -55px) scale(0.8);
}


.star-text-column {
	transform: translate(0px, 600px);
    opacity: 0;	
	transition: transform 0.6s ease, opacity 0.6s ease;	
}
.star-section.animated .star-text-column {
	transform: translate(0px, 0px);
    opacity: 1;	
}

.dream-maker-footer-section {
  	position: relative;
  	overflow: hidden;
}

.dream-maker-footer-section::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)),
    url('/wp-content/uploads/2025/06/peter-thomas-iw-w-sap-t-hn-98-unsplash-1@3x-scaled.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.5s ease;
  z-index: 0;
}

.dream-maker-footer-section:hover::before {
  transform: scale(1.2);
}

.slider-gradient-button img {
    vertical-align: middle!important;
	width: 10%;
}


@media screen and (max-width: 980px) {
.star-image {
	opacity: 1;
}
.star-text-column {
	transform: translate(0px, 0px);
    opacity: 1;	
	transition: transform 0.6s ease, opacity 0.6s ease;	
}
.et_pb_section.star-section>.et_pb_row {
	display: flex;
	flex-wrap: nowrap;
    flex-direction: row;
  	}
.et_pb_section.star-section>.et_pb_row>.et_pb_column.et_pb_column_1_5 {
    width: 20%;		
	}
.et_pb_section.star-section>.et_pb_row>.et_pb_column.et_pb_column_3_5 {
    width: 60%;		
	}
.star-section .star-image-left-first, 
.star-section.animated .star-image-left-first {
    transform: translate(25px, -5px) scale(0.76);
	}
.star-section .star-image-left-second, 
.star-section.animated .star-image-left-second {
    transform: translate(-50px, -45px) scale(1.06);
	}
.star-section .star-image-left-third, 
.star-section.animated .star-image-left-third {
    transform: translate(-70px, -30px) scale(1.22);
	}
.star-section .star-image-left-fourth, 
.star-section.animated .star-image-left-fourth {
    transform: translate(-40px, 0px) scale(0.82);
	}
.star-section .star-image-right-first, 
.star-section.animated .star-image-right-first {
    transform: translate(5px, -16px) scale(0.92);
	}
.star-section .star-image-right-second, 
.star-section.animated .star-image-right-second {
    transform: translate(90px, -20px) scale(1.06);
	}
.star-section .star-image-right-third, 
.star-section.animated .star-image-right-third {
    transform: translate(75px, 15px) scale(1.2);
	}
.star-section .star-image-right-fourth, 
.star-section.animated .star-image-right-fourth {
    transform: translate(-30px, 0px) scale(0.8);
	}
}

@media screen and (max-width: 850px) and (min-width: 767px) { 
.dream-maker-form .gform_wrapper {
	width: 390px;
	}
}

@media screen and (max-width: 767px) { 
.pum-theme-73122 .pum-container {
    width: 80%;
    margin: auto;
	}
.pum-theme-73122 .pum-content + .pum-close {
    right: 0px;
	top: -40px;
	}
.et_pb_section.star-section {
    padding-top: 220px !important;
    padding-bottom: 120px !important;		
	}
.et_pb_section.star-section>.et_pb_row>.et_pb_column.et_pb_column_1_5 {
    width: 10% !important;		
	}
.et_pb_section.star-section>.et_pb_row>.et_pb_column.et_pb_column_3_5 {
    width: 80% !important;		
	}
.star-section .star-image-left-first, 
.star-section.animated .star-image-left-first {
    transform: translate(120px, -225px) scale(1.5);
    }
.star-section .star-image-left-second, 
.star-section.animated .star-image-left-second {
    transform: translate(-20px, -245px) scale(3);
    margin-left: auto;
    margin-right: 0;
    }
.star-section .star-image-left-third, 
.star-section.animated .star-image-left-third {
    transform: translate(0px, 150px) scale(2.62);
    }
.star-section .star-image-left-fourth, 
.star-section.animated .star-image-left-fourth {
    transform: translate(125px, 150px) scale(2.02);
    margin-left: auto;
    margin-right: 0;
    }
.star-section .star-image-right-first, 
.star-section.animated .star-image-right-first {
    transform: translate(-125px, -240px) scale(2.02);
    }
.star-section .star-image-right-second, 
.star-section.animated .star-image-right-second {
    transform: translate(10px, -250px) scale(2.3);
    margin-left: auto;
    margin-right: 0;
    }
.star-section .star-image-right-third, 
.star-section.animated .star-image-right-third {
    transform: translate(0px, 135px) scale(3);
    }
.star-section .star-image-right-fourth, 
.star-section.animated .star-image-right-fourth {
    transform: translate(-115px, 137px) scale(1.68);
    margin-left: auto;
    margin-right: 0;
    }
.donation-step-wrapper>.donation-container {
    flex-direction: column;
	}
.donation-image, .donation-form {
    width: 100%;
	}
}

@media screen and (max-width: 500px) { 
    .star-section .star-image-left-first, .star-section.animated .star-image-left-first {
        transform: translate(80px, -225px) scale(1.5);
    }
    .star-section .star-image-left-second, .star-section.animated .star-image-left-second {
        transform: translate(-15px, -230px) scale(3);
        margin-left: auto;
        margin-right: 0;
    }
    .star-section .star-image-left-third, .star-section.animated .star-image-left-third {
        transform: translate(0px, 220px) scale(2.62);
    }
    .star-section .star-image-left-fourth, .star-section.animated .star-image-left-fourth {
        transform: translate(80px, 220px) scale(2.02);
        margin-left: auto;
        margin-right: 0;
    }
    .star-section .star-image-right-first, .star-section.animated .star-image-right-first {
        transform: translate(-80px, -240px) scale(2.02);
    }
    .star-section .star-image-right-second, .star-section.animated .star-image-right-second {
        transform: translate(10px, -240px) scale(2.3);
        margin-left: auto;
        margin-right: 0;
    }
    .star-section .star-image-right-second, .star-section.animated .star-image-right-second {
        transform: translate(10px, -240px) scale(2.3);
        margin-left: auto;
        margin-right: 0;
    }
    .star-section .star-image-right-third, .star-section.animated .star-image-right-third {
        transform: translate(0px, 215px) scale(3);
    }
    .star-section .star-image-right-fourth, .star-section.animated .star-image-right-fourth {
        transform: translate(-80px, 200px) scale(1.68);
        margin-left: auto;
        margin-right: 0;
    }

}