/* ONLY GUTENBERG EDITOR */

.wp-block-bloom-bsc-web-hero-section{
    border:1px solid #ddd;
    padding:20px;
    background:#fff;
}

/* 2 column layout */
.wp-block-bloom-bsc-web-hero-section .bsc-preview-wrapper{
    display:flex;
    gap:20px;
}

.wp-block-bloom-bsc-web-hero-section .bsc-preview-left,
.wp-block-bloom-bsc-web-hero-section .bsc-preview-right{
    flex:1;
}

/* inputs spacing */
.wp-block-bloom-bsc-web-hero-section input,
.wp-block-bloom-bsc-web-hero-section textarea{
    margin-bottom:10px;
}

/* logo preview */
.wp-block-bloom-bsc-web-hero-section img{
    display:block;
    margin-top:8px;
    max-width:120px;
}

.bsc-wh-section{
    background: linear-gradient(180deg, #E8F1FF 0%, #FFFFFF 42.77%);
    padding:60px 20px;
}

.bsc-wh-container{
    max-width:1280px;
    margin:auto;
    display:flex;
    gap:40px;
}

/* LEFT */
.bsc-wh-left{
    flex:1;
}

.bsc-wh-heading {
	margin-bottom: 30px;
	font-family: ProximaNova-bold;
	font-weight: 700;
	font-size: 48px;
	line-height: 117%;
	max-width: 592px;
}

.bsc-wh-meta{
    display:flex;
    gap:20px;
    font-size:14px;
    margin-bottom:35px;
    flex-wrap:wrap;
}
.bsc-wh-meta span {
	display: flex;
	align-items: center;
	gap: 10px;
	text-align: center;
}
.bsc-wh-meta span strong {
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0%;
	text-align: center;
	font-family: ProximaNova-semibold;
	color: #000;
}

.bsc-wh-subheading {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 20px;
	line-height: 128%;
	letter-spacing: 0%;
	font-family: ProximaNova-semibold;
}

.bsc-wh-points{
    list-style:none;
    padding:0;
}

.bsc-wh-point-item span {
	font-weight: 400;
	font-size: 16px;
	line-height: 145%;
	letter-spacing: 0%;
	text-align: left;
}
.bsc-wh-point-item{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:12px;
}

.bsc-wh-check{
    color:green;
    font-weight:bold;
}

/* LOGOS */
.bsc-wh-logos{
    display:flex;
    gap:40px;
    margin-top:30px;
}

.bsc-wh-logo-title {
	color: #000;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 16px;
	line-height: 128%;
	letter-spacing: 0%;
    font-family: ProximaNova-semibold;
}
.bsc-wh-logo-img{
    max-width:120px;
}

/* RIGHT */
.bsc-wh-right {
	flex: 1;
	max-width: 542px;
}
.bsc-wh-card {
	background: #fff;
	padding: 10px;
	border-radius: 6px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

/* TIMER */
.bsc-wh-timer {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}


.bsc-wh-time-box-value {
	background: #EAEAEA;
	color: #000;
	font-weight: 700;
	font-size: 30px;
	line-height: 117%;
	letter-spacing: 0%;
	font-family: ProximaNova-bold;
	height: 47px;
	width: 52px;
}

.bsc-wh-time-box{
    text-align:center;
    padding:10px;
    border-radius:6px;
    min-width:75px;
}

.bsc-wh-time-box span{
    font-size:18px;
    font-weight:700;
}
.bsc-wh-time-box h6 {
	font-weight: 400;
	font-size: 14px;
	line-height: 145%;
	letter-spacing: 0%;
	text-align: center;
	color: #7E7E7E;
}

.bsc-wh-form {
	border: 1px solid #C5C5C580;
	background: #D9D9D924;
	padding: 10px 20px;
	border-radius: 6px;
}

/* FORM */
.bsc-wh-form-title {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0%;
	text-align: center;
	font-family: ProximaNova-semibold;
}

.bsc-wh-btn {
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0%;
	vertical-align: middle;
	color: #838383;
	text-align: center;
	display: flex;
	justify-content: center;
	padding-top: 10px;
}



/* Wrapper */
#gform_wrapper_10 {
	background-color: #fff;
	border: 1px solid #fff;
	box-shadow: none;
}

/* Radio input */
#gform_wrapper_10 .gchoice input {
	border-radius: 0 !important;
}

#gform_wrapper_10 .gchoice input:focus {
	outline: none;
	border: none;
}

#gform_wrapper_10 .gchoice:focus-within {
	border: none;
	outline: none;
	background: transparent;
}

/* Submit button */
#gform_submit_button_10 {
	background-color: #fa4616;
	font-size: 17px;
	padding: 15px 30px;
}

/* Footer */
#gform_10 .gform_footer {
	position: relative !important;
	display: inline-block !important;
	width: 100%;
}

#gform_10 .gform_footer input[type="submit"] {
	background-color: #fa4616 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 18px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	width: 100% !important;
}

#gform_10 .gform_footer:hover input[type="submit"] {
	background-color: #fa4616 !important;
}

/* Label */
#gform_10 label {
	font-weight: 600;
	font-size: 16px;
}

/* Title */
#gform_wrapper_10 .gform_title {
	text-align: center;
	margin: 10px 0;
	font-size: 25px;
	font-weight: 800;
}

/* Radio row spacing */
#gform_wrapper_10 .gfield_radio {
	margin: 20px 0 10px 0;
}

/* Textarea */
#gform_wrapper_10 textarea {
	height: 100px;
	resize: none;
}

/* Focus remove */
#gform_wrapper_10 input:focus,
#gform_wrapper_10 textarea:focus,
#gform_wrapper_10 select:focus,
#gform_wrapper_10 button:focus {
	outline: none !important;
	box-shadow: none !important;
}

/* Description */
#gform_wrapper_10 .gform_description {
	font-size: 16px;
	text-align: center;
	margin-bottom: 26px;
}

/* Input fields */
#gform_wrapper_10 input,
#gform_wrapper_10 textarea {
	border-radius: 10px;
	border: 1px solid #d1d1d1;
	padding: 10px;
}
#gfield_description_10_4 {
	color: #838383;
	font-style: italic;
}


/* Fields gap */
#gform_wrapper_10 .gform_fields {
	gap: 18px;
	background: #D9D9D924;
}


#gform_wrapper_10.gform-theme--framework ::placeholder {
	color: #838383;
}
#gfield_description_10_4 {
	color: #838383;
}

/* ===================== */
/* TABLET (1024px ↓) */
/* ===================== */
@media(max-width:1024px){

    .bsc-wh-container{
        flex-direction:column;
        gap:30px;
    }

    .bsc-wh-left{
        max-width:100%;
    }

    .bsc-wh-right{
        max-width:100%;
    }

    .bsc-wh-heading{
        font-size:38px;
        max-width:100%;
    }

    .bsc-wh-meta{
        gap:15px;
    }

    .bsc-wh-time-box-value {
    	font-size: 26px;
    	width: 48px;
    	height: 42px;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    }

}


/* ===================== */
/* MOBILE (768px ↓) */
/* ===================== */
@media(max-width:768px){

    .bsc-wh-section{
        padding:40px 15px;
    }

    .bsc-wh-heading{
        font-size:30px;
        line-height:1.3;
    }

    .bsc-wh-meta{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
    }

    .bsc-wh-subheading{
        font-size:18px;
    }

    .bsc-wh-point-item span{
        font-size:14px;
    }


    .bsc-wh-logo-img{
        max-width:100px;
    }

    /* TIMER */
    .bsc-wh-timer{
        flex-wrap:wrap;
        gap:10px;
    }

    .bsc-wh-time-box{
        min-width:60px;
        padding:8px;
    }

    .bsc-wh-time-box-value{
        font-size:22px;
        width:45px;
        height:40px;
    }

    .bsc-wh-time-box h6{
        font-size:12px;
    }

    /* FORM */
    .bsc-wh-form-title{
        font-size:20px;
    }

}


/* ===================== */
/* SMALL MOBILE (480px ↓) */
/* ===================== */
@media(max-width:480px){

    .bsc-wh-heading{
        font-size:24px;
    }

    .bsc-wh-meta span strong{
        font-size:14px;
    }

    .bsc-wh-subheading{
        font-size:16px;
    }

    .bsc-wh-point-item{
        gap:8px;
    }

    .bsc-wh-point-item span{
        font-size:13px;
    }

    /* TIMER tighter */
    .bsc-wh-timer{
        justify-content:center;
    }

    .bsc-wh-time-box{
        min-width:50px;
    }

    .bsc-wh-time-box-value{
        font-size:18px;
        width:38px;
        height:34px;
    }

    /* FORM */
    .bsc-wh-form{
        padding:15px;
    }

    .bsc-wh-btn{
        font-size:13px;
    }

}