.donee_section_wrapper {
    display: flex;
    background: #fdf3e7;
}

.donee_left_column {
    width: 35%;
    padding: 80px 50px 30px;
    background: #FFFBF7;
    height: 100vh;
    display: flex;
    flex-direction: column;

}

.text_content_wrapper h3 {
    font-family: var(--font4);
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    /*text-transform: capitalize;*/
    text-transform: lowercase;
    color: #000;
}

.text_content_wrapper h3::first-letter {
    text-transform: uppercase;
}

.text_content_wrapper p {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    color: #353535;
}
.who_are_fundraisers_for_heading{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 37px;
    color: #000;
}
.donee_right_column {
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: #fdf3e7;
}

.donee_logo_wrapper img {
    text-align: left;
    width: 274px;
    height: 40px;
    object-fit: contain;
    object-position: left;
}

.text_content_wrapper {
    margin: 90px 0px 10px;
}

.vector_image_wrapper {
    text-align: center;
}

.vector_image_wrapper img {
    width: 400px;
    height: 400px;
    flex-shrink: 0;
    border-radius: 20px;
    object-fit: contain;
    object-position: center;
}

.info_image_wrapper img {
    width: 68px;
    height: 68px;
}

.donee_right_column_wrapper {
    /* border-top: 20px solid #fff; */
    border-radius: 60px 0 0 0;
    width: 100%;
    min-height: 100vh;
    background: #D8E2E3;
    /* padding-left: 72px; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.donee_section {
    background: linear-gradient(90deg, rgba(255, 251, 247, 1) 35%, rgba(60, 110, 113, 0) 35%);


}

.sign_in_button_wrapper {
    padding: 60px 100px 20px 70px;
    text-align: end;
}

.sign_in_button_wrapper a {
    color: #0F3DDE;
    font-family: var(--font-family);
    font-size: 23.116px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.form_fields_wrapper input, .form_fields_wrapper select {
    height: 66px;
    color: #000;
    font-family: var(--font-family);
    font-size: 14.667px;
    font-style: normal;
    font-weight: 500;
    line-height: 36.667px;
    /* 250% */
    border-radius: 14.667px;
}

.form_fields_wrapper select {
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 14.667px;
    padding-left: 20px;
}

.form_fields_svg {
    position: absolute;
    top: 15px;
    right: 30px;
}

.form_fields_wrapper span {
    color: #000;
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 20px;
    display: inline-block;
}

.form_fields_wrapper {
    padding-left: 70px;
}

.radio_button_wrapper {
    width: 767px;
    margin-top: 20px;

}

/* Hide the actual radio buttons */
.radio_button_wrapper input[type="radio"] {
    display: none;
}

/* Style the labels like buttons */
.radio_button_wrapper label {
    display: inline-block;
    border: 1.08px solid rgba(40, 75, 99, 0.8);
    border-radius: 31px;
    padding: 4px 26px;

    font-family: var(--font-family);
    font-weight: 600;
    font-size: 17px;
    line-height: 163%;
    text-transform: capitalize;
    text-align: center;
    color: #284b63;
    backdrop-filter: blur(5.512648105621338px);
    transition: background-color 0.3s ease, border-color 0.3s ease;
    margin-right: 21px;
    margin-bottom: 21px;
}

/* Hover effect */
.radio_button_wrapper label:hover {
    border-color: #888;
}

/* Change background color of the label when radio button is checked */
.radio_button_wrapper input[type="radio"]:checked+label {

    color: white;
    /* Optional: Change text color to white when checked */
    border-color: rgba(40, 75, 99, 0.8);
    backdrop-filter: blur(5.512648105621338px);
    background-color: rgba(40, 75, 99, 0.8);
    border-radius: 15px;
    padding: 4px 26px;


}

.form_fields_wrapper h1 {
    font-family: var(--font4);
    font-weight: 700;
    font-size: 24px;
    line-height: 146%;
    text-transform: capitalize;

    color: #000;
}

.step_buttons {
    border-radius: 38px;
    padding: 15px 90px;

    backdrop-filter: blur(14.496224403381348px);
    background: #284b63;
    color: #FFF;
    text-align: center;
    font-family: var(--font-family);
    font-size: 31.556px;
    font-style: normal;
    font-weight: 600;
    line-height: 34.264px;
    /* 108.582% */
    text-transform: capitalize;
    text-decoration: none;
    display: inline-block;
    border: 1.318px solid #284B63;
}

.step_buttons:hover {
    color: #284b63;
    background: transparent;
}

.last_next_button_wrapper {
    padding: 20px 27.675px;
    border-top: 1px solid #3C6E71;
    text-align: end;

}



/* Hide the actual radio buttons */
.who_are_fundraisers_for_radio_boxes_wrapper input[type="radio"] {
    display: none;
}

/* Style the labels like buttons */
.who_are_fundraisers_for_radio_boxes_wrapper label {
    display: inline-block;
    border: 1.08px solid rgba(40, 75, 99, 0.8);
    border-radius: 23px;
    padding: 25px;
    gap: 40px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 17px;
    line-height: 163%;
    text-transform: capitalize;
    text-align: center;
    color: #284b63;
    backdrop-filter: blur(5.512648105621338px);
    transition: background-color 0.3s ease, border-color 0.3s ease;
    margin-right: 21px;
    margin-bottom: 21px;
    display: flex;
    align-items: center;
    width: 80%;

}

/* Hover effect */
.who_are_fundraisers_for_radio_boxes_wrapper label:hover {

    backdrop-filter: blur(5.512648105621338px);
    background: rgba(40, 75, 99, 0.2);
}

/* Change background color of the label when radio button is checked */
.who_are_fundraisers_for_radio_boxes_wrapper input[type="radio"]:checked+label {

    backdrop-filter: blur(5.512648105621338px);
    background: rgba(40, 75, 99, 0.2);


}

.who_are_fundraisers_for_radio_boxes_wrapper label div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 15px;
}

.who_are_fundraisers_for_radio_boxes_wrapper label div span {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 37px;
    line-height: 45px;
    text-transform: capitalize;
    color: #000;
}

.who_are_fundraisers_for_radio_boxes_wrapper label div p {

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: math-auto;
    color: #000;
    margin: 0px;
    text-align: left;
}

.who_are_fundraisers_for_radio_boxes_wrapper {
    margin-top: 30px;
}

.sign_in_button_wrapper_flex_css {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sign_in_button_wrapper_flex_css span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: #284b63;
}

.who_are_fundraisers_for_wrapper {
    padding-left: 70px;
}


.step_buttons_back {
    /*border-radius: 38.217px;*/
    border-radius: 15px;
    border: 1.318px solid #284B63;
    backdrop-filter: blur(7.248112201690674px);
    padding: 15px 90px;
    color: #284B63;

    text-align: center;
    font-family: var(--font-family);
    font-size: 31.556px;
    font-style: normal;
    font-weight: 600;
    line-height: 34.264px;
    /* 108.582% */
    text-transform: capitalize;
    text-decoration: none;
    display: inline-block;
}

.step_buttons_back:hover {
    color: #fff;
    background: #284B63;

}

.how_much_would_like_field_wrapper {
    background: #fff;
    width: 810px;
    height: 109px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-radius: 22px;
    padding: 21px 43px;
    /* margin-bottom: 60px; */

}

.how_much_would_like_field_wrapper input, .how_much_would_like_field_wrapper input::placeholder {
    width: 100%;
    min-height: 40px;
    border: none;
    color: #000;
    font-family: var(--font-family);
    font-size: 21.99px;
    font-style: normal;
    font-weight: 500;
    line-height: 54.974px;
    /* 250% */
    box-shadow: none;
    outline: none;
}

.how_much_would_like_field_wrapper input:focus {
    box-shadow: none;
    outline: none;
}

.how_much_would_like_fields_wrapper {
    padding-left: 70px;
    height: 100%;
}

.how_much_would_like_fields_wrapper span {
    border-radius: 50px;
    opacity: 0.3;
    background: #284B63;
    color: #FFF;
    font-family: var(--font-family);
    font-size: 21.99px;
    font-style: normal;
    font-weight: 500;
    line-height: 54.974px;
    /* 250% */
    padding: 0px 15px;

}


.drag_upload_photo_container {
    border: 4.97px dashed #ededed;
    width: 605px;
    height: 396px;
    background: rgba(217, 217, 217, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.drag_upload_photot_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.drag_upload_photo_divider {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 11px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 605px;
    gap: 10px;
    margin: 10px 0px;

}

.drag_upload_photo_divider:before {
    content: "";
    display: inline-block;
    height: 1px;
    width: 48%;
    background: #fff;
}

.drag_upload_photo_divider:after {
    content: "";
    display: inline-block;
    height: 1px;
    width: 48%;
    background: #fff;
}

.youtube_video_link_wrapper {
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 605px;
    padding: 16px 40px 16px 16px;
    border-radius: 16.408px;
    border: 2.051px solid rgba(70, 70, 70, 0.10);
    background: #FFF;
    gap: 10px;
}

.youtube_video_link_wrapper input {
    width: 100%;
    min-height: 40px;
    background: #fff;
    border: none;
    box-shadow: none;
    outline: none;
    color: #000;
    font-family: var(--font-family);
font-size: 16.408px;
font-style: normal;
font-weight: 500;
line-height: 41.021px; /* 250% */
}
.youtube_video_link_wrapper input::placeholder {
    font-family: var(--font-family);
    font-size: 16.408px;
    font-style: normal;
    font-weight: 500;
    line-height: 41.021px; /* 250% */
    color: #000;
}
.skip_step_four_link {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 23px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #0f3dde;
}

.next_button_wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
}

#editor-container, #editor-container_1, #editor-container_3 {
    width: 85%;

}

#editor-container .ck-editor, #editor-container_3 .ck-editor {
    display: flex;
    flex-direction: column-reverse;
    /* This will make the toolbar appear at the bottom */
    border-radius: 20px !important;
}
#editor-container_3{
    border: 5.215px solid #fff;
    border-radius: 20px 20px 0px 0px;
    margin-top: 20px;
}
.ck-editor__editable {
    order: 1;
    /* Ensure the text area (editable area) is on top */
    resize: vertical;
    /* Allow vertical resizing */
    min-height: 357.224px;
    /* Optional: set a minimum height */
    max-height: 600px;
    /* Optional: set a maximum height */
    overflow: auto;
    /* Allow scrolling if content exceeds the max height */
    border-radius: 10px !important;
    border: none !important;

}

.ck-toolbar {
    order: 0;
    /* Ensure the toolbar is at the bottom */
    background: transparent !important;
    border: none !important;
}

.ck-editor__top, .ck-sticky-panel__conten {
    background: transparent !important;
    border: none !important;
}


.tell_your_story_wrapper {
    padding: 0px 30px 0px 70px;
    display: flex;
    gap: 22px;
}

.AI_tools_wrapper {
    width: 40%;
}

.AI_tools_wrapper h5 {
    color: #131313;
    font-family: var(--font-family);
    font-size: 20.86px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: 5.215px solid #EDEDED;
    background: #D8E0E1;
    width: 100%;
    display: block;
    padding: 16px 20px;
    margin: 0px;
}

.AI_tools_wrapper p {
    color: #353535;
    font-family: var(--font-family);

    font-size: 15.645px;
    font-style: normal;
    font-weight: 400;
    line-height: 33.897px;
    /* 216.667% */
    text-transform: capitalize;
}


.AI_tool_inner_wrapper {
    padding: 16px 20px;
    border: 5.215px solid #EDEDED;
    border-top: none;
}

.AI__tools__buttons__wrapper {
    display: flex;
    list-style-type: none;
    padding: 0px;
    gap: 25px;
    flex-wrap: wrap;
}

.AI__tools__buttons__wrapper li span {
    display: flex;
    list-style-type: none;
    padding: 5px 15px;
    gap: 19px;
    border-radius: 17.913px;
    border: 0.618px solid #464646;
    backdrop-filter: blur(3.3973257541656494px);


}

.AI__tools__buttons__wrapper li div {
    color: #000;
    font-family: var(--font-family);
    font-size: 9.883px;
    font-style: normal;
    font-weight: 600;
    line-height: 16.06px;
    /* 162.5% */
    text-transform: capitalize;
}

.AI_tool_inner_wrapper a {
    border-radius: 30.176px;
    border: 1.041px solid #284B63;
    backdrop-filter: blur(5.723019599914551px);
    padding: 4.162px 21.852px;
    color: #284B63;
    text-align: center;
    font-family: var(--font-family);
    font-size: 24.916px;
    font-style: normal;
    font-weight: 600;
    line-height: 27.054px;
    /* 108.582% */
    text-transform: capitalize;
    margin-top: 20px;
    display: inline-block;
    text-decoration: none;
}

#editor_1 {
    width: 100%;
    height: 100px;
    border: none;
    background: transparent;
    border-radius: 23.336px;
    border: 6.223px solid #EDEDED;
}
#Demographic{
    width: 650px;
}
#editor-container_1 input {
    padding: 20.536px 41.072px 20.536px 20.536px;
    border-radius: 20.536px;
    border: 2.567px solid rgba(70, 70, 70, 0.10);
    background: #FFF;
    width: 100%;
    margin-top: 15px;
    color: rgba(0, 0, 0, 0.44);
    font-family: var(--font-family);
    font-size: 20.536px;
    font-style: normal;
    font-weight: 500;
    line-height: 51.34px;
    /* 250% */
}

#editor-container_1 input:focus {
    outline: none;
    box-shadow: none;
}

.all_tags_wrapper {
    width: 300px;

}

.all_tags_wrapper span {
    border-radius: 21.376px;
    border: 0.737px solid #464646;
    backdrop-filter: blur(4.054030895233154px);
    color: #000;
    font-family: var(--font-family);
    font-size: 11.794px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.165px;
    /* 162.5% */
    text-transform: capitalize;
    padding: 5px 15.479px;
    margin-right: 10px;
    display: inline-block;
    margin-top: 20px;
}

.thank_you_wrapper {
    stroke-width: 1px;
    border: 1px solid #979797;
    background: #fff;
    width: 431px;
    height: 287px;
    flex-shrink: 0;
    /* margin: 0 auto; */
    text-align: center;
    display: flex
;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.thank_you_wrapper svg {
    margin-top: 0px;
}

.thankyou_msg {
    color: #696767;
    text-align: center;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    font-family: var(--font5);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 156.2%;
    /* 31.24px */
    padding: 30px 30px 0px 30px;
}

.confirm_bill_form_wrapper {
    padding: 0px 30px 0px 70px;
}

.field_wrapper {
    height: 90px;
    display: flex;
    justify-content: end;
    flex-direction: column;
}

.confirm_bill_form_wrapper input, .confirm_bill_form_wrapper select{
    padding: 14.758px 29.515px 14.758px 14.758px;
    border-radius: 14.758px;
border: 1.845px solid rgba(70, 70, 70, 0.10);
background: #FDF3E7;

}
img#sem {
    width: 440px !important;
    height: 440px !important;
}

.confirm_bill_form_wrapper label{
    color: #000;
    font-family: var(--font-family);
font-size: 15.652px;
font-style: normal;
font-weight: 400;
line-height: 29.068px; /* 185.714% */
text-transform: capitalize;
}

.normal_texts {
    color: #000;
    font-family: var(--font-family);
    font-size: 17.888px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.danger_texts{
    color: #FF0004;
    font-family: var(--font-family);
    font-size: 17.888px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.supporting_documentation_wrapper{
    padding: 0px 30px 0px 70px;
    max-height: 100%;
    overflow-y: auto;

}
.supporting_documentation_tabs_wrapper{
    display: flex;
    align-items: center;
    background-color: #fff;
    padding:10px;
    border-radius: 14.661px;
border: 1.833px solid rgba(70, 70, 70, 0.10);

background: #FFF;
}

.supporting_documentation_tabs_wrapper .supporting_documentation_tab{
    padding: 14.661px 29.322px 14.661px 14.661px;
    color: #000;
    font-family: var(--font-family);
font-size: 19.992px;
font-style: normal;
font-weight: 500;
line-height: 36.652px; /* 183.333% */
width: 48%;
text-align: center;

}

.supporting_documentation_tab_active{
    border-radius: 14.661px;
border: 1.833px solid rgba(70, 70, 70, 0.10);
background: #FFF;
}

.thanks_for_signing_up_wrapper{
    padding: 0px 30px 0px 70px;
}

.thanks_for_signing_up_wrapper h4{
    font-family: var(--font-family);
font-weight: 700;
font-size: 35px;
line-height: 38.677px;
/* text-transform: capitalize; */
color: #000;
}

.thanks_for_signing_up_wrapper ul{
    list-style-type: none;
    padding:0px;
    margin-top:20px;
}

.thanks_for_signing_up_wrapper ul li{
    font-family: var(--font-family);
font-weight: 400;
font-size: 22px;
line-height: 38.677px;
text-transform: capitalize;
color: #000;
}

.thanks_for_signing_up_wrapper p{
    color: #000;
    font-family: var(--font-family);
font-size: 26.776px;
font-style: normal;
font-weight: 400;
line-height: 38.677px; /* 144.444% */
text-transform: capitalize;
margin-top:60px;
}

.thanks_for_signing_up_wrapper p a{
 
    font-family: var(--font-family);
font-size: 26.776px;
font-style: normal;
font-weight: 400;
line-height: 38.677px; /* 144.444% */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: capitalize;
}
.select_boxes_wrapper{
    margin-top:30px;
}
.select_boxes_wrapper select{
    border: 1.45px solid rgba(0, 0, 0, 0.1);
border-radius: 12px;
padding: 11px 23px;
width: 182px;
height: 53px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 40px;
color: #555;
margin-right: 10px;
}

.review_your_fundraiser{
    display:flex;
    align-items: center;
    padding: 0px 50px 0px 70px;
    gap:100px
}
.single_data_wrapper{
    width: 100%;
    display:flex;
    align-items: center;
    padding:15px 0px;
    border-top: 1px solid #3c6e71;


}
.brder-bottom-single_data_wrapper{
    border-bottom: 1px solid #3c6e71;
}
.left_wrapper{
    width: 70%;
}
.right_wrapper{
    width: 30%;
}
.dataaa_wrapper{
    width: 100%;
}

.single_data_wrapper h4{
    font-family: var(--font4);
font-weight: 700;
font-size: 18px;
line-height: 30px;
text-transform: capitalize;
color: #000;
margin: 0px;
}

.single_data_wrapper p{
    font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-transform: capitalize;
color: #000;
margin: 0px;
}
.drag_upload_photo_container img{
    width: 300px;
    height: 300px;
    object-fit: contain;
}
@media(max-width:1700px){
    #Demographic {
    width: 580px;
}
    .text_content_wrapper h3 {
        font-size: 30px;
    }
    .single_data_wrapper{
        padding:7px 0px;
    }
    .select_boxes_wrapper select{
        width: 160px;
    }
    .who_are_fundraisers_for_radio_boxes_wrapper label div span{
        font-size: 30px;
    }
    .who_are_fundraisers_for_radio_boxes_wrapper label {
        padding:15px;
    }
    .AI__tools__buttons__wrapper{
        gap:10px;
    }
    .who_are_fundraisers_for_heading {
        font-size: 32px;
    }
}

@media(max-width:1600px){
    #Demographic {
    width: 545px;
}
    .text_content_wrapper h3 {
        font-size: 28px;
    }
    .select_boxes_wrapper select {
        font-size: 16px;
        width: 140px;
        padding:10px;
        line-height: 1;
    }
    .all_tags_wrapper span {
      
        margin-top: 15px;
    }
    .step_buttons, .step_buttons_back {
       

        padding: 15px 50px;
 
        font-size: 22.556px;
    }
    .who_are_fundraisers_for_radio_boxes_wrapper label {
        padding: 10px;
        gap:25px;
    }
    .who_are_fundraisers_for_radio_boxes_wrapper label div{
        gap:10px;
    }
    .who_are_fundraisers_for_heading {
        font-size: 28px;
    }
}
@media(max-width:1500px){
    #Demographic {
    width: 530px;
}
    .text_content_wrapper p{
        font-size:14px;
    }
    .text_content_wrapper {
        margin: 30px 0px 30px;
    }
    .review_your_fundraiser {

        gap: 50px;
    }
    .AI__tools__buttons__wrapper li span {
 
        gap: 10px
    }

    .who_are_fundraisers_for_radio_boxes_wrapper label div span {
        font-size: 26px;
        line-height: 30px;
    }
    .step_buttons, .step_buttons_back {
        padding: 10px 50px;
    }
    .skip_step_four_link, .sign_in_button_wrapper a, .supporting_documentation_tabs_wrapper .supporting_documentation_tab {
  
      
        font-size: 18px;
    }
} 
@media(max-width:1400px){
    #Demographic {
    width: 500px;
}
    .radio_button_wrapper label {
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .AI_tool_inner_wrapper {
        padding: 10px;
    }
    .AI_tool_inner_wrapper {
        padding: 10px 10px;
    }
    .tell_your_story_wrapper,.how_much_would_like_fields_wrapper {
        padding: 0px 30px 0px 50px;
    }
    .sign_in_button_wrapper {
        padding: 60px 80px 20px 50px;
    }
    .AI__tools__buttons__wrapper {
        gap: 5px;
    }
}
@media(max-width:1366px){
    .how_much_would_like_field_wrapper{
        width: 98%;
    }
    .select_boxes_wrapper select {
        width: 135px;
    }
    .select_boxes_wrapper select {
        font-size: 13px;
    }
    .thank_you_wrapper {
        width: 330px;
        height: 220px;
    }
    .review_your_fundraiser {
        gap: 60px;
    }
    .single_data_wrapper p {

        font-size: 12px;
        line-height: 18px;
    }
    .step_buttons, .step_buttons_back, .skip_step_four_link{
        font-size: 16px;
    }
    .donee_left_column {
        width: 30%;
        padding: 20px;
    }
    .text_content_wrapper h3 {
        font-size: 22px;
        line-height: 30px;
        
    }
    .vector_image_wrapper img{
        width: 250px;
        height: 250px;

    }
    img#sem {
    width: 250px !important;
    height: 250px !important;
    }
    .form_fields_wrapper {
        padding-left: 20px;
    }
    .form_fields_wrapper h1 {
        font-size: 18px;

    }
    .form_fields_wrapper span {
        font-size: 12px;
    }
    .text_content_wrapper p {
        font-size: 12px;
    }
    .who_are_fundraisers_for_radio_boxes_wrapper label div span {
        font-size: 20px;
        line-height: 22px;
    }
    .who_are_fundraisers_for_radio_boxes_wrapper label div p {
    font-size: 12px;
    }
    .how_much_would_like_field_wrapper {
        height: 80px;
    }
    .how_much_would_like_fields_wrapper span {
   
        font-size: 16.99px;
        line-height: 30.974px;
        padding: 0px 25px;
    }
    .drag_upload_photo_divider_for_sign_up_login_form{
        margin: 10px 0px;
    }
    .sign_in_button_wrapper {
        padding: 30px 80px 20px 50px;
    }
    .form_fields_wrapper input, .form_fields_wrapper select {
        height: 45px;

        font-size: 12.667px;

        line-height: 15.667px;
        border-radius: 10.667px;
    }
    .radio_button_wrapper {
        width: 640px;
    }
    .radio_button_wrapper label {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .radio_button_wrapper label {
        padding: 4px 25px;
    }
    .radio_button_wrapper label {
        font-size: 14px;
    }
    /*.who_are_fundraisers_for_radio_boxes_wrapper label svg{*/
    /*    width: 35px;*/
    /*    height: 35px;*/
    /*}*/
    .who_are_fundraisers_for_radio_boxes_wrapper label {
        padding: 5px;
        gap: 20px;
    }
    .who_are_fundraisers_for_radio_boxes_wrapper {
        margin-top: 15px;
    }
    .modal_sign_up_login .modal-content {
        padding: 10px 40px 10px;
    }
    .modal_sign_up_login .modal-content .modal-header {
        padding: 0px;
    }
    .drag_upload_photo_container {
        width: 450px;
        height: 250px;
    }
    .youtube_video_link_wrapper, .drag_upload_photo_divider {
        width: 450px;
    }
    .youtube_video_link_wrapper svg{
        width: 20px;
        height: 20px;
    }
    .youtube_video_link_wrapper{
        padding: 10px;
    }

.AI_tools_wrapper p {

    font-size: 12.645px;

    line-height: 18px;

}

.AI_tool_inner_wrapper a {
 
    padding: 4px 16px;

    font-size: 18px;
    line-height: 25px;

    margin-top: 10px;

}
.AI_tools_wrapper h5 {

    font-size: 14.86px;
  
    padding: 10px 15px;

}
.ck-editor__editable {

    min-height: 280px;
}
    #editor_1 {
        height: 250.832px;
    }
    .select_boxes_wrapper select {

        height: 40px;
    }
    .all_tags_wrapper span {
        margin-top: 10px;
    }
    .select_boxes_wrapper {
        margin-top: 10px;
        
    }
    .thankyou_msg {

        font-size: 16px;
        line-height: 22px;
        padding: 30px;
    }
    .single_data_wrapper h4 {

        font-size: 16px;
    } 
    .confirm_bill_form_wrapper input, .confirm_bill_form_wrapper select {
        padding: 10.758px 29.515px 10.758px 14.758px;
    }
    .confirm_bill_form_wrapper label {
        font-size: 12.652px;

        line-height: 28.068px;
    }
    .field_wrapper {
        height: 55px;
    }
    .danger_texts {
        font-size: 12.888px;

    }
    .supporting_documentation_tabs_wrapper .supporting_documentation_tab {
        padding:10px;
    }
    #editor-container_3 {
        margin-top: 10px;
    }
    
    .skip_step_four_link, .sign_in_button_wrapper a, .supporting_documentation_tabs_wrapper .supporting_documentation_tab {
        font-size: 14px;
        line-height: 18px;
    }
    #editor-container_3 .ck-editor__editable{
        min-height: 190px;
    }
    .thanks_for_signing_up_wrapper h4 {
        font-size: 26px;
        line-height: 28.677px;
    }
    .thanks_for_signing_up_wrapper ul li {
        font-size: 16px;
        line-height: 24.677px;
    }
    .thanks_for_signing_up_wrapper p,
    .thanks_for_signing_up_wrapper p a {
        font-size: 14px;

        line-height: 20px;
    }

}
@media(max-width:1200px){
    .AI_tools_wrapper:empty {
        display: none;
      }
      #editor-container_1{
        width: 100%;
      }
}

@media(max-width:600px){
        #Demographic {
    width: 100%;
}
    .donee_left_column{
        width:100%;
        padding: 20px;

    }
    .donee_right_column{
        width:100%;
    }
    .donee_section_wrapper{
        flex-direction: column;
    }
    .radio_button_wrapper{
        width: 100%;
    }
    .donee_right_column_wrapper{
        height: 100%;
    }
    .form_fields_wrapper {
        padding:0px 10px;
    }
    .form_fields_wrapper input, .form_fields_wrapper select{
        margin-top:10px;
        height: 50px;

    }

    .sign_in_button_wrapper {
        padding: 20px;
        text-align: end;
    }

    .radio_button_wrapper label {
        font-size: 12px;
        padding: 4px 12px;
        line-height: 18px;
        margin-right: 2px;
        margin-bottom: 8px;
    }

    .step_buttons {
        padding: 4px 25px;
        font-size: 12px;
        line-height: 26px;
    }
    .text_content_wrapper h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .vector_image_wrapper img {
        width: 100%;
        height: 330px;
    }
    img#sem {
    width: 100% !important;
    height: 330px !important;
    }
    .info_image_wrapper{
        text-align: right;
        position: absolute;
        top:20px;
        right: 20px;
    }
    .info_image_wrapper img{
        width: 35px;
        height: 35px;
    }

    .text_content_wrapper{
        margin: 0px;
    }
    .who_are_fundraisers_for_wrapper  {
        padding: 20px;
    }
    .who_are_fundraisers_for_radio_boxes_wrapper label {
        margin: 0px 0px 10px 0px;
        width:100%;
        gap: 10px;
    }

    .who_are_fundraisers_for_radio_boxes_wrapper label div span {
        font-size: 16px;
        line-height: 16px;
    }
    .who_are_fundraisers_for_radio_boxes_wrapper label div{
        gap:5px;
    }
    .step_buttons_back {
        padding: 4px 25px;
        font-size: 12px;
        line-height: 26px;
        
    }
    .how_much_would_like_fields_wrapper {
        padding: 20px;
        height: 100%;
    }

    .how_much_would_like_field_wrapper {
        gap: 10px;
        padding: 10px 20px;
        margin-bottom: 20px;
        line-height: 8.974px;
        height: 50px;
    }
    .how_much_would_like_field_wrapper input, .how_much_would_like_field_wrapper input::placeholder {
        font-size: 12.99px;

    line-height: 1;
    }
    .how_much_would_like_fields_wrapper span {

        font-size: 12.99px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }

    .sign_in_button_wrapper a {
        font-size: 14.116px;
    }

    .sign_in_button_wrapper_flex_css span {

        font-size: 16px;
    }
    .drag_upload_photo_container {
        width: 300px;
        height: 300px;
    }
    .youtube_video_link_wrapper {

        width: 300px;
        padding: 10px;
        margin-bottom: 20px;
    }
    .youtube_video_link_wrapper svg{
        width: 10px;
        height: 10px;
    }

    .youtube_video_link_wrapper input {
        min-height: 25px;
       
    }
     .skip_step_four_link {
       position: absolute;
       top:20px;
       right: 20px;
    }
    .tell_your_story_wrapper{
        padding:20px;
        flex-direction: column;
    }
    #editor-container, #editor-container_1, #editor-container_3{
        width: 100%;
    }
    .AI_tools_wrapper {
        width: 100%;
    }
    .AI_tools_wrapper h5 {
        font-size: 14px;
    }
    .AI_tools_wrapper p {
        font-size: 14.645px;
    }
    .AI__tools__buttons__wrapper li span {

        padding: 5px 10px;
        gap: 5px;
    }
    .AI_tool_inner_wrapper a {

        padding: 4.162px 21.852px;

        font-size: 13.916px;
        line-height: 22.054px;

        margin-top: 0px;
    }    
    .ck-editor__editable {

        min-height: 240.224px;
    }

    #editor_1 {
        width: 100%;
        height: 280.832px;
    }
    .select_boxes_wrapper select {
        font-size: 12px;
        width: 90px;
        padding: 2px;
    }
    .review_your_fundraiser{
        flex-direction: column;
        padding:20px;
    }
    .thank_you_wrapper {
        width: 300px;    height: 200px;
    }
    .thankyou_msg {
        font-size: 14px;
        padding: 20px;
    }
    .confirm_bill_form_wrapper {
        padding:20px;
    }
    .confirm_bill_form_wrapper label, .danger_texts {
        font-size:12px;
    }

    .supporting_documentation_wrapper{
    padding:20px;
    }
  .supporting_documentation_tabs_wrapper {
     flex-direction: column;
  }
    .supporting_documentation_tabs_wrapper, .supporting_documentation_tabs_wrapper .supporting_documentation_tab { 
        padding:5px;
    }
    .supporting_documentation_tabs_wrapper .supporting_documentation_tab {
        width: 100%;
        font-size: 12px;
    }

    .thanks_for_signing_up_wrapper{
        padding:20px;
    }
    .thanks_for_signing_up_wrapper h4 {
     
        font-size: 24px;
        line-height: 20px;
    }
    .thanks_for_signing_up_wrapper ul li {
     
        font-size: 12px;
        line-height: 18.677px;
    }
    
 

    .thanks_for_signing_up_wrapper p, .thanks_for_signing_up_wrapper p a  {

        font-size: 12px;
        line-height: 20.677px;
        margin-top: 30px;
    }
}