/* ---- page Lead Management ---- */
.lead_management .content_detail {
	text-align: center;
}
.lead_management h2 {
    font-family: 'Poppins', sans-serif;
}
.lead_management .number_form {
    display: none !important;
}
.page-template-lead-management .site-footer {
    display: none !important;
}
.page-template-lead-management .site-header {
    display: none !important;
}
.page-template-lead-management #page {
    padding: 0 !important;
}

.lead_management .content_video  h3 , .lead_management .text_form h3 , .lead_management .terms_policy h3 {
    font-size: 32px;
    margin: 0;
    font-weight: 600;
    color: #E03C31;
    font-family: 'Poppins', sans-serif;
}
.pt_line {
    height: 2px;
    background: #CCCCCC;
    width: 30%;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 80px;
}
.pt_line_height {
    width: 2px;
    height: 160px;
    background-color: #FFC4C1;
    margin: 0 auto;
}

.lead_management .content_detail .content_video{
    margin-bottom: 60px;
}
.lead_management .content_detail.page_title {
    margin-bottom: 90px;
}
.lead_management .content_detail {
    margin-bottom: 0;
}
.pt_section_video {
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    padding: 60px 35px;
    position: relative;
    margin-bottom: 10px;
}
.number_section {
    width: 60px;
    height: 60px;
    background: red;
    border-radius: 50%;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
main.lead_management .number_section > p{ 
    margin: 0;
    font-size: 32px;
    color: white;
    font-weight: 600;
}
.page_title > h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 56px;
    margin-bottom: 0;
}
.lead_management .content_detail.page_title > p {
    font-size: 24px;
    font-weight: 500;
    padding-top: 10px;
}
.lead_management .content_detail.page_title > p.pt_sub_title {
    padding-top: 0;
}

.lead_management .content_detail p {
	font-size: 14px;
	margin-bottom: 0;
    line-height: 25px;
}

.pt_icon {
    margin-bottom: 45px;
}
.pt_icon > img {
    width: 130px;
}
.lead_management .content_video.content_detail p,.lead_management .text_form.content_detail > p ,
.lead_management .terms_policy.content_detail > p {
    font-size: 24px;
    font-weight: 400;
    color: #2C2C2C;
    line-height: 32px;
    padding-top: 15px;
}
.lead_management .content_detail.text_form {
    margin: 40px 0;
    padding: 60px 35px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
}
.lead_management .content_detail.terms_policy {
    padding: 60px 35px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    margin-top: 40px;
    position: relative;
    padding-top: 90px;
}

.lead_management .content_detail p.error_next { 
    font-size: 16px;
}
.lead_management .content_detail .checkbox-label p {
    line-height: 30px;
    font-size: 14px;
}
 .content_video .detail_video {
    margin-top: 40px;
}
.lead_management .content_video .detail_video video {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.lead_management .content_quiz {
    text-align: left;
    padding-top: 30px;
    padding-bottom: 0;
}
.lead_management .content_quiz .detail_quiz >label{
    cursor: pointer;
    margin-bottom: 25px;
 }
.lead_management .content_quiz .detail_quiz {
    padding: 0;
}
.lead_management .content_quiz .detail_quiz > p {
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 18px;
}
.lead_management .content_quiz .detail_quiz > p:not(.pt_choose) {
    font-family: 'Poppins', sans-serif;
    line-height: 25px;
}
.lead_management .content_quiz .detail_quiz > p.pt_choose {
    font-weight: 100;
    margin-bottom: 20px;
    margin-top: 10px;
}
.lead_management .content_quiz .detail_quiz.tab {
    display: none;
}
.lead_management .pt_form_infor.tab {
    display: none;
}
.lead_management .content_quiz label {
    width: 100%;
    display: flex;
    align-items: center;
}
.lead_management .content_quiz .checkbox-container > input {
    display: none;
}
.lead_management .content_quiz input:checked ~ .checkbox-label {
    color: blue;
}
.lead_management .content_quiz .checkbox-container input.true_ans ~ .checkbox-label {
    color: #229111;
}


.lead_management .detail_quiz.selected .checkbox-container .checkbox-label .pt_select,
.lead_management .detail_quiz.selected .checkbox-container .checkbox-label .pt_result {
    background: #aca7a7 !important;
}


.lead_management .detail_quiz.selected.true_checked .checkbox-container.checked .checkbox-label .pt_select,
.lead_management .detail_quiz.selected.true_checked .checkbox-container.checked .checkbox-label .pt_result {
    background: #E03C31 !important;
}

.lead_management .detail_quiz.selected.true_checked .checkbox-container.checked .checkbox-label .icon_true{
    display: inline-block;
}
.lead_management .detail_quiz.selected.false_checked .checkbox-container.checked .checkbox-label .icon_false{
    display: inline-block;
}

.lead_management .detail_quiz.selected.false_checked .checkbox-container:not(.checked) .checkbox-label .pt_select,
.lead_management .detail_quiz.selected.false_checked .checkbox-container:not(.checked) .checkbox-label .pt_result {
    background: #E03C31 !important;
}


.pt_form_infor .custom_name, .pt_form_infor .custom_mobile, .pt_form_infor .custom_email{
    display: flex;
    flex-wrap: wrap;
}
.pt_form_infor .gfield label{
    width: auto;
}
.pt_form_infor .custom_name input, .pt_form_infor .custom_mobile input, .pt_form_infor .custom_email input {
    background: #ffffff;
    border-radius: 7px !important;
    border-color: #000000;
    padding: 0 10px !important;
    margin-left: 15px;
    height: 32px;
}
.pt_form_infor .gform_wrapper.gravity-theme .gfield_error [aria-invalid="true"] {
    border-bottom: 1px solid #c02b0a !important;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}
.pt_form_infor .gform_wrapper.gravity-theme .gfield_label {
    margin-bottom: 0;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.custom_quiz_btn #nextBtn {
    background: none;
    border-radius: 7px;
    margin-bottom: 0px;
    color: black;
    font-weight: 600;
    font-size: 18px;
}
.icon_next_quiz img{
    width: 30px;
}
.pt_select {
    padding: 11px 16px;
    background: #E03C31;
    border-radius: 50%;
    color: white;
    font-weight: 600;
}
.pt_result {
    background: #E03C31;
    padding: 12px 25px;
    margin-left: 15px;
    border-radius: 25px;
    color: white;
    font-weight: 600;
}


.custom_quiz_btn {
    text-align: center;
    position: relative;
    padding-top: 20px;
}
.custom_quiz_btn p.terms_condition {
    position: absolute;
    /* top: 50%; */
    bottom: 0;
    /* transform: translateY(-50%); */
    cursor: pointer;
    font-size: 14px;
}
.pt_form_infor .gform_wrapper.gravity-theme .gfield_label .gfield_required{ 
    color: #000000;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}
.pt_form_infor .gfield_checkbox label {
    margin-left: 10px;
}
.pt_form_infor .ginput_container_consent {
    display: flex;
}

.pt_form_infor .ginput_container_consent input {
    display: none;
}
.pt_form_infor .ginput_container_consent > label::before {
    content: '';
    width: 17px;
    height: 17px;
    display: inline-block;
    background: #ffffff;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #000000;
}
.pt_form_infor .ginput_container_consent label::after {
    content: '';
    width: 11px;
    height: 11px;
    display: inline-block;
    background: #1740e7;
    border-radius: 50%;
    position: absolute;
    left: 3%;
    top: 25%;
    opacity: 0;
}
.pt_form_infor .ginput_container_consent input[type='checkbox']:checked ~ label:after{
    opacity: 1;
}
.pg-hero-sec > img{
    width: 100%;
}

.pt_form_infor {
    font-family: 'Poppins', sans-serif;
}

.pt_form_infor .ginput_container_consent label {
    margin-left: 15px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    color: #000000 !important;
    font-family: 'Poppins', sans-serif;
}
.pt_form_infor .gform_confirmation_message {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
}
.pt_form_infor .gform_footer {
    justify-content: center;
    margin-bottom: 0 !important;
} 
.gform_footer .gform_button {
    font-size: 18px !important;
    padding: 12px 30px !important;
    color: black !important;
    margin-bottom: 0 !important;
    font-size: 18px !important;
    border-radius: 25px !important;
    background: #108048!important;
    color: white !important;
    font-weight: 500;
    letter-spacing: 1.2px;
}

.pt_form_infor .ginput_container_consent label span {
    display: none !important;
}
.pt_form_infor .gform_validation_errors ,.pt_form_infor .gform_heading{
    display: none !important;
}

.pt_form_infor .gfield_checkbox label {
    display: flex !important;
    align-items: center;
    position: relative;
}
.pt_form_infor .gfield_checkbox {
    padding-top: 20px;
}
.pt_form_infor .custom_infor_sub_form {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.pt_form_infor .custom_infor_sub_form a {
    display: inline-block;
    color: blue;
}
.pt_form_infor .gfield_checkbox .gchoice {
    margin-bottom: 5px;
}
.pt_form_infor .gform_wrapper.gravity-theme .gfield_checkbox label {
    font-size: 14px;
    cursor: pointer;
    color: black;
}
.pt_form_infor .gfield_checkbox .gchoice input {
    display: none;
}
.pt_form_infor .gfield_checkbox .gchoice > label::before {
    content: '';
    width: 17px;
    height: 17px;
    display: inline-block;
    background: #ffffff;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #000000;
}
.pt_form_infor .gchoice label::after {
    content: '';
    width: 11px;
    height: 11px;
    display: inline-block;
    background: #1740e7;
    border-radius: 50%;
    position: absolute;
    left: 0.4%;
    top: 25%;
    opacity: 0;
}
.pt_form_infor .gchoice input:checked ~ label:after{
    opacity: 1;
}

.error_next {
    color: red;
    display: none;
}
.error_next.display_error {
    display: block !important;
}


.lead_management .modal.show .modal-dialog {
    max-width: 70%;
    margin: 0 auto;
    margin-top: 5%;
}
.lead_management .modal.show .modal-body {
    margin: 40px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.modal .modal-header {
    border: none;
    padding: 0;
}

.lead_management .modal-body ul {
    list-style: initial;
} 
.lead_management .modal-content {
    padding: 20px;
    border-radius: 20px;
    height: 80vh;
}
.lead_management .modal-body::-webkit-scrollbar {
    display: none;
}
.content_policy p b span {
    font-size: 26px;
}
.false_checked .infor_result{
    background-color: #facfcf;
    display: block;
}
.lead_management .false_checked .infor_result .result_false{
    display: block !important;
}
.lead_management .true_checked .infor_result .result_true{
    display: block !important;
}
.true_checked .infor_result{
    background-color: #d7ecf8;
    display: block;
}
.lead_management .text_form .infor_result h3 {
    font-size: 18px !important;
    width: 90%;
    margin: 0 auto;
}
.lead_management .text_form .infor_result p {
    font-size: 14px !important;
}
.banner-destop {
    display: block;
}
.banner-mobile {
    display: none;
}

.infor_result {
    display: none;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 20px;
    margin-top: 30px;
}
.lead_management .content_detail .infor_result p{
    font-weight: 500;
    font-size: 26px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.lead_management .infor_result .result_false{
    color: #e24405;
    display: none;
}
.pt_form_infor .gform_confirmation_wrapper .gform_confirmation_message {
    text-align: center;
    padding: 30px 60px;
    background-color: #d7ecf8;
    color: black;
    font-weight: 500;
    font-size: 26px;
    border-radius: 20px;
}
.lead_management  .infor_result .result_true{
    color: black;
    display: none;
}
.icon_result {
    margin-left: 20px;
    display: none;
}

.icon_result img {
    width: 35px;
}
.icon_result.icon_false img {
    width: 30px;
}
.lead_management .pg-hero-sec {
    background-position: right;
}
.lead_management .pg-hero-sec .pg-hero-text {
    display: none !important;
}

.pt_terms_condition {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    padding: 10px 25px;
    cursor: pointer;
    white-space: nowrap;
}
.lead_management .content_detail .pt_terms_condition p {
    font-size: 16px;
}
@media only screen and (max-width: 1200px) {
    .lead_management .container {
        max-width: 100%;
        padding: 60px 90px;
    }
}
@media only screen and (max-width: 1100px) {  
    main .pt_form_infor .custom_name,main .pt_form_infor .custom_mobile,main .pt_form_infor .custom_email {
        flex-direction: column;
    }
    main .pt_form_infor .custom_name input,main .pt_form_infor .custom_mobile input,main .pt_form_infor .custom_email input {
        margin-left: 0 !important;
        height: 35px;
        margin-top: 10px !important;
    }
    
}
@media only screen and (max-width: 991px) {
    .lead_management .pt_line_height {
        height: 120px;
    }
    .lead_management .container {
        padding: 60px;
    }
    .lead_management .pt_line {
        margin-top: 60px;
        margin-bottom: 60px;
        width: 40%;
    }
    main.lead_management .content_detail.page_title {
        margin-bottom: 60px;
    }
    .lead_management .content_video .detail_video {
        margin-top: 30px;
    }
    .pt_form_infor .custom_name, .pt_form_infor .custom_mobile, .pt_form_infor .custom_email{
        flex-direction: column;
    }
    main.lead_management  .modal.show .modal-dialog {
        max-width: 85%;   
        margin-top: 10%;  
    }
    main.lead_management .modal.show .modal-body {
        padding: 0;
        margin: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .lead_management .banner-destop {
        display: none;
    }
    .lead_management .banner-mobile {
        display: block;
    }
    
    .lead_management .pt_line_height {
        height: 80px;
    }
    .lead_management .container {
        padding: 60px 30px;
    }
    .lead_management .modal .modal-content {
        padding: 20px;
    }
    main.lead_management .modal.show .modal-body {
        margin: 20px 0;
    }
    .lead_management .page_title > h2 {
        font-size: 36px;
        line-height: 45px;
    }
    .lead_management .pt_line {
        margin-bottom: 50px;
        margin-top: 50px;
        width: 50%;
    }
    main.lead_management .content_detail.page_title {
        margin-bottom: 0;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .lead_management .icon_next_quiz img {
        width: 30px;
    }
    .lead_management .infor_result {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    main.lead_management .content_video.content_detail p, main.lead_management .text_form.content_detail > p ,
    main.lead_management .terms_policy.content_detail > p {
        font-size: 20px;
        line-height: 28px;
    }
    main.lead_management .content_video  h3 , main.lead_management .text_form h3 , main.lead_management .terms_policy h3 { 
        font-size: 28px;
    }
    main.lead_management .content_detail.text_form , main.lead_management .content_detail.terms_policy , 
    main.lead_management .page_title, main.lead_management .pt_section_video {
        padding: 60px 20px;
    }
    .lead_management .number_section {
        width: 50px;
        height: 50px;
        top: -25px;
    }
    main.lead_management .pg-section .number_section > p {
        font-size: 28px;
    }
    .icon_result img {
        width: 30px;
    }
    .icon_result.icon_false img {
        width: 25px;
    }
    .checkbox-label .icon_result {
        margin-left: 15px;
    }
    .lead_management .pt_form_infor .gform_wrapper.gravity-theme .gfield_label {
        font-size: 14px;
    }
    .lead_management .pt_form_infor .gchoice label::after ,.lead_management .pt_form_infor .ginput_container_consent label::after {
        left: 2.8px;
    }
    .lead_management .pt_form_infor .custom_infor_sub_form {
        font-size: 18px;
    }
    .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
        padding-bottom: 0 !important;
    }
    .lead_management .gform_footer .gform_button {
        line-height: 30px !important;
    }
    .lead_management .pt_icon > img {
        width: 110px;
    }
    main.lead_management .content_detail.page_title > p {
        font-size: 22px;
    }
}
@media only screen and (max-width: 575px) { 
    .lead_management .custom_quiz_btn p.terms_condition {
        position: inherit;
        text-align: initial;
    }
    .lead_management .gform_footer .gform_button {
        line-height: 25px !important;
        font-size: 18px !important;
        padding: 8px 30px !important;
    }
    .checkbox-label .pt_result {
        margin-left: 10px;
    }
    main.lead_management .content_detail.page_title {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 480px) {  
    .lead_management .container {
        padding: 30px;
    }
    .lead_management .page_title > h2 {
        font-size: 32px;
        line-height: 40px;
    }
    
    .lead_management .container .content_detail > p {
        font-size: 14px;
    }
    .lead_management .container .content_detail p.error_next {
        font-size: 14px;
    }
    .custom_quiz_btn p.terms_condition {
        font-size: 14px !important;
    }
    
    .lead_management .content_video .detail_video {
        margin-bottom: 0px;
    }
    .lead_management .content_quiz .detail_quiz > p {
        margin-bottom: 15px;
    }
    .lead_management .content_quiz .detail_quiz > p:not(.pt_choose) {
        margin-bottom: 0;
    }
    .lead_management .container .content_quiz .detail_quiz >label {
        margin-bottom: 20px;
    }
    .lead_management .container .content_quiz {
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .lead_management .pt_icon > img {
        width: 100px;
    }
    .lead_management .pt_result {
        padding: 10px 25px;
        margin-left: 10px;
    }
    .lead_management .pt_select {
        padding: 9px 14px;
    }
    .custom_infor_sub_form {
        word-break: break-word;
    }
    .lead_management .pt_form_infor .gchoice label::after, .lead_management .pt_form_infor .ginput_container_consent label::after {
        top: 8.7px;
    }
    .lead_management .gform_footer .gform_button {
        line-height: 25px !important;
        font-size: 18px !important;
        padding: 8px 30px !important;
    }
    main.lead_management .modal.show .modal-body {
        margin: 0;
    }
    main.lead_management .modal-body ul {
        padding-left: 20px;
    }
    main.lead_management .content_detail.text_form, main.lead_management .content_detail.terms_policy, main.lead_management .page_title, main.lead_management .pt_section_video {
        padding-bottom: 30px;
        margin-top: 30px;
    }
    .lead_management .pt_icon {
        margin-bottom: 30px;
    }
    main.lead_management .content_detail.page_title {
        margin-top: 0 !important;
    }
}
@media only screen and (max-width: 425px) {  
    .lead_management .container {
        padding: 30px 15px;
        padding-bottom: 70px;
    }
    .lead_management .pt_line_height {
        height: 60px;
    }
    .lead_management .page_title > h2 {
        font-size: 28px;
        line-height: 35px;
    }
    .pt_icon {
        margin-bottom: 20px;
    }
    .icon_result.icon_false img {
        width: 25px;
    }
    main.lead_management .content_detail.page_title > p {
        font-size: 20px;
    }
    .lead_management .pt_line {
        margin-bottom: 30px;
        margin-top: 30px;
        width: 50%;
    }
    .lead_management .infor_result {
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 15px;
        margin-top: 15px;
    }
    .lead_management  .container .content_detail .infor_result p {
        width: 90%;
    }
    .lead_management .pt_result {
        padding: 10px 17px;
        margin-left: 5px;
    }
    .icon_result img {
        width: 30px;
    }
   
    .lead_management .checkbox-label .icon_result {
        margin-left: 10px !important;
    }
    
    .lead_management .pt_form_infor .gchoice label::after{
        top: 20%
    } 
    .lead_management .pt_form_infor .ginput_container_consent label::after {
        top: 22%
    }
    .lead_management .pt_form_infor .gform_wrapper.gravity-theme .gfield_checkbox label {
        font-size: 14px;
    }
    .lead_management .pt_form_infor .gform_wrapper.gravity-theme .gfield_label {
        font-size: 14px;
    }
    .pt_form_infor .gform_wrapper.gravity-theme .gfield_label .gfield_required {
        font-size: 14px;
    }
    .lead_management .modal .modal-content {
        padding: 15px;
    }
    .lead_management .pt_form_infor .custom_infor_sub_form {
        font-size: 14px;
    }
    .lead_management .pt_form_infor .ginput_container_consent label {
        font-size: 14px;
        margin-left: 0;
    }
    .lead_management .pt_form_infor .gform_wrapper.gravity-theme .gfield_checkbox label {
        max-width: 100%;
        margin-left: 0;
    }
    main.lead_management .content_detail.text_form , main.lead_management .content_detail.terms_policy , 
    main.lead_management .page_title, main.lead_management .pt_section_video {
        padding: 40px 10px;
        padding-bottom: 30px;
        margin-top: 0;
    }
    .lead_management .content_video .detail_video {
        margin-top: 15px;
    }
    main.lead_management .content_video h3, main.lead_management .text_form h3, main.lead_management .terms_policy h3 {
        font-size: 22px;
    }
    main.lead_management .content_video.content_detail p, main.lead_management .text_form.content_detail > p, main.lead_management .terms_policy.content_detail > p {
        font-size: 18px;
        line-height: 25px;
        padding-top: 5px;
    }
    .lead_management .pt_icon > img {
        width: 90px;
    }
    main.lead_management .content_detail.page_title {
        padding-bottom: 45px;
    }
    .lead_management .number_section {
        width: 40px;
        height: 40px;
        top: -20px;
    }
    main.lead_management .pg-section .number_section > p {
        font-size: 22px;
    }
    main.lead_management .content_detail.text_form {
        margin: 30px 0;
        margin-bottom: 10px;
    }
    main.lead_management .content_detail.terms_policy {
        margin-top: 27px !important;
    }
    .lead_management .pt_select {
        padding: 9px 13px;
    }
}
@media only screen and (max-width: 400px) { 
    .lead_management .pt_form_infor .gform_wrapper.gravity-theme .gfield_checkbox label {
        font-size: 14px;
    }
    .lead_management .pt_form_infor .ginput_container_consent label {
        margin: 0;
    }
    .lead_management .checkbox-label .icon_result {
        margin-left: 5px !important;
    }
    .lead_management .pt_result {
        padding: 10px 13px;
    }
}