| Server IP : 65.108.144.40 / Your IP : 216.73.217.165 Web Server : Apache/2.4.52 (Ubuntu) System : Linux ubuntu-8gb-hel1-1 5.15.0-173-generic #183-Ubuntu SMP Fri Mar 6 13:29:34 UTC 2026 x86_64 User : dev ( 1000) PHP Version : 8.2.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/successkpi/wp-content/themes/successkpi/blocks/guide-page-banner-block/ |
Upload File : |
.guide-detail-banner .guide-detail-banner-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: start;
}
/* LEFT CONTENT */
.guide-detail-banner .guide-detail-banner-content {
width: 100%;
max-width: 45%;
}
.guide-detail-banner .guide-detail-banner-content span {
font-size: 18px;
line-height: 27px;
color: #032169;
font-weight: 700;
margin-bottom: 24px;
display: inline-block;
width: 100%;
}
.guide-detail-banner .guide-detail-banner-content h1 {
color: #092064;
font-weight: 800;
margin-bottom: 42px;
}
.guide-detail-banner .guide-detail-banner-content p {
color: #3a3e50;
}
.guide-detail-banner .guide-detail-banner-image img {
width: 100%;
}
.guide-detail-banner .guide-detail-banner-form {
width: 100%;
max-width: 50%;
padding: 52px 23px 52px 26px;
border-radius: 4px;
background-color: #234cc6;
box-shadow: 1.2rem 1.2rem 3.2rem rgba(0, 0, 0, .05);
}
.guide-detail-banner .guide-detail-banner-form h2 {
color: #fff;
margin-bottom: 34px;
text-align: center;
}
.guide-detail-banner .guide-detail-banner-form .hbspt-form .hs-fieldtype-text {
position: relative;
}
.guide-detail-banner .guide-detail-banner-form .hs-submit .hs-button {
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: #234cc6;
background: #fff;
padding: 12px;
border: none;
border-radius: 2px;
cursor: pointer;
min-width: 200px;
margin: 0 auto;
border: 1px solid #032169;
}
.guide-detail-banner .legal-consent-container p,
.guide-detail-banner .legal-consent-container .hs-form-booleancheckbox-display>span p,
.guide-detail-banner .hbspt-form .hs-fieldtype-select>label {
color: #fff;
}
.guide-detail-banner-form .wp-singular .hbspt-form .hs-error-msg {
color: #ffffffad;
}
.guide-detail-banner .hbspt-form .hs-richtext p a {
color: #fff;
text-decoration: underline;
}
@media (max-width: 768px) {
.guide-detail-banner .guide-detail-banner-content,
.guide-detail-banner .guide-detail-banner-form {
max-width: 100%;
}
.guide-detail-banner .guide-detail-banner-form {
margin-top: 20px;
padding: 20px;
}
}
.guide-detail-banner-content .social-icons {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
}
.guide-detail-banner-content .share-resource-title {
color: #00204e;
letter-spacing: .028rem;
margin-bottom: 20px;
width: fit-content;
}
.guide-detail-banner-content .custom-social-share {
display: flex;
align-items: center;
gap: 14px;
width: fit-content;
}
.guide-detail-banner-content .social-icons {
margin-top: 40px;
}
.guide-detail-banner-content .custom-social-share {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.guide-detail-banner-content .custom-social-share a {
width: 42px;
height: 42px;
min-width: 42px;
border-radius: 50%;
background: #2F56D3;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: all 0.3s ease;
}
.guide-detail-banner-content .custom-social-share a:hover {
background: #2f4686;
transform: translateY(-2px);
}
.guide-detail-banner-content .custom-social-share a i {
color: #ffffff;
font-size: 18px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
}
.guide-detail-banner-content .custom-social-share a svg {
width: 18px;
height: 18px;
fill: #ffffff;
}
.guide-detail-banner-content .custom-social-share a:hover i,
.guide-detail-banner-content .custom-social-share a:hover svg {
color: #ffffff;
fill: #ffffff;
}
.wp-singular .guide-detail-banner-form .hbspt-form .hs-error-msg,
.guide-detail-banner-form .hbspt-form .hs_error_rollup .hs-main-font-element {
color: #eeffff;
}
.guide-detail-banner-form .hbspt-form .hs-fieldtype-text input,
.guide-detail-banner-form .hbspt-form .hs_phone input {
width: 100% !important;
}
.guide-detail-banner .guide-detail-banner-form .hs-submit .hs-button:hover {
color: #fff;
border-color: #fff;
background: transparent;
}
.guide-detail-banner .hs_submit.hs-submit {
text-align: center;
}