HEX
Server: Apache/2.4.52 (Ubuntu)
System: Linux spn-python 5.15.0-89-generic #99-Ubuntu SMP Mon Oct 30 20:42:41 UTC 2023 x86_64
User: arjun (1000)
PHP: 8.1.2-1ubuntu2.20
Disabled: NONE
Upload Files
File: /var/www/html/WPYadBatya/wp-content/themes/yad-batya/scss/sponsor.scss
@import "partials";

.form-section { background: url(../img/bg-sponsor.png) no-repeat top center / cover;
    .content-head {
        .para {
            max-width: 990px; padding-bottom: 20px;
        }
        .title {
           margin: 0 auto;
        }
    }
    .form-wrap .flower1{bottom: 180px;}
    .form-wrap .flower2{top: 320px;}
}

.donation-wrap{
    .content-wrap{ padding: 50px 45px;
        background:#975FA9; border-radius: 30px;
        .donation-head{ text-align: center; padding-bottom: 40px;
            .title{color:#FFFFFF; font-size: 72px; font-weight: 400; margin: 0 0 10px 0; padding: 0;
                span{ color: #F5D5FF;}
            }
            .para{ font-size: 16px; color: #FFFFFF; line-height: 1.6; max-width: 600px; margin: 0 auto; padding: 0;}
        }
        .donation-text{ width: 790px; margin: 0 auto; padding: 0 0 45px 0;
            .para{font-size: 18px; color: #F5D5FF; line-height: 1.6; margin: 0; padding: 0 0 20px 0;
                span{color: #FFFFFF;}
            }
            .input-wrap{
                .text{height: 72px; border: 1px solid #C7B8C7; border-radius:50px; background: $white; font-size: 18px; color: #3B003B; outline: 0; width: 100%; padding: 20px 30px;
                    &::placeholder{opacity: 1; color: #3B003B;}
                }
            }
        }
    }
    .amount-outer-wrap{
        .amount-row{display: flex; justify-content: space-between; flex-wrap: wrap;}
        .amount-wrap{padding-bottom: 18px; position: relative;
            .label{border: 1px solid #CC98DC; border-radius: 15px; background: #975FA9; height: 100px; width: 181px; outline: 0; box-shadow: none; position: relative; cursor: pointer; display: flex; flex-direction: column; justify-content: center; padding: 20px;
                .count{color: #FFFFFF; font-size: 24px; font-weight: 700; line-height:1; padding: 0 0 5px 0;}
                .letter{font-size: 14px; color: #F5D5FF; line-height: 1.6;}
            }
            .input{position: absolute; right: 10px; top: 10px; border: 0; background: url(../img/checked.svg) no-repeat center / cover; width: 25px; height: 25px; appearance: none; opacity: 0; z-index: 1; outline: 0;
                &:checked{opacity: 1;
                    &+.label{border: 1px solid #FFFFFF; background: #3B003B14;}
                }
            }
        }
    }
}

.radio-align-wrap{display: flex; align-items: center; justify-content: center;
    .txt{ font-size: 18px; color:#000000;}
    .radio-row{display: flex;align-items: center; justify-content: center;
        .radio-col{ align-items: center; justify-content: center; display: flex; padding-left: 20px;
            .checkbox{padding: 0; margin: 0;
                &:checked{
                    &+.label{color: #975FA9;}
                }
            }
            .label{font-size: 18px; color:#000000; padding: 0 0 0 5px; margin: 0;}
        }
    }
    &.twice{justify-content: left; padding-bottom: 30px;}
}

.second-form-wrap{
    
}
.second-form-wrap{
    .content-head{
        .title{ margin: 0 auto; padding: 0 0 20px 0;}
    }
}