
.bg_white_help_desc {
    text-align-last: center;

}

.result_help_in_header{
    width: -webkit-fill-available;
    color: var(--white-color);
    margin-top: 100px;
}
.result_help_in_header h2{
    padding:15px;
    color: var(--white-color);
    text-shadow: 3px 4px var(--box-shadow);
}

.result_help_in_header .search_box_input {
    background: var(--white-color);
    padding: 10px;
    margin: 15px;
    width: 50%;
    min-width: 150px;
    max-width: 400px;
    color: var(--black-color);
    border: none;
    min-height: 44px;
    border-radius: 7px;
    text-align-last: start;
}
.result_help_in_header .search_box_input:focus {
    box-shadow: 5px 5px 5px var(--box-shadow);
}


.result_help_in_header .search_box_btn {
    min-height: 44px;
    padding: 10px;
    background: var(--color-base1);
    text-align: center;
    color: var(--white-color);
    border: none;
    border-radius: 7px;
    min-width: 119px;
}
.result_help_in_header .search_box_btn:hover {
    box-shadow: 5px 5px 5px var(--box-shadow);
}

.result_help_in_header .search_box_btn:focus {
    outline:none;
}
.result_help_in_header .search_box_btn i{
    padding-left: 10px;
    padding-right: 10px;
}

/* [type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
} */

::placeholder {
    color: var(--black-color);
    text-align: start;
    direction: inherit;
    text-align-last: right;
    opacity: 0.5 ;
}

.result_help_in {
    display: flex !important;
    float: none !important;
    background: var(--white-color);
    justify-content: center !important;
    margin: 50px;
    padding: 25px;
    border: none;
    border-radius: 10px;
    box-shadow: 3px 3px 7px var(--box-shadow);
}

.result_help_in {
    display: block !important;
}
.result_help_in .Master_item{
    width: -webkit-fill-available;
    text-align: start;
    text-align-last: start;
}
.result_help_in .Master_item .header_items{
    display: flex;
    width: -webkit-fill-available;
    text-align: start;
    text-align-last: start;
}


.result_help_in .Master_item .header_items .pic img {
    max-width: 55px;
}

.result_help_in .Master_item .header_items h3 {
    color: var(--black-color);
    opacity: 0.8;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
}

.body_of_help{
    margin-bottom: 50px;
}

.body_of_help .video {
    margin: 25px;
    float: left;
}

.body_of_help .desc {
    padding: 25px;
    text-align: justify;
    overflow: auto;
}

/* only for common quest*/
.body_of_help .div_border .options .manage_cir_icons_ul{
    display: flex;
    padding: 10px;
    direction: ltr;
    padding-bottom: 0px;
}

.body_of_help .div_border .options .manage_cir_icons_ul li{
    padding: 10px;
}

.body_of_help .div_border{
    border: 1px solid;
    border-radius: 18px;

}

.body_of_help .div_border .options .manage_cir_icons_ul .like{
    color: var(--color-text-success);
    border: 2px solid;
    border-radius: 50px;
    min-width: 43px;
    text-align: center;
    text-align-last: center;
    margin-right: 10px;
    font-size: 17px;
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 5px;
}
.body_of_help .div_border .options .manage_cir_icons_ul .dislike{
    color: var(--color-text-danger);
    border: 2px solid;
    border-radius: 50px;
    min-width: 43px;
    text-align: center;
    text-align-last: center;
    margin-right: 10px;
    font-size: 17px;
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 5px;
}
.body_of_help .div_border .options .manage_cir_icons_ul .like:hover{
    color: var(--white-color);
    border: 2px solid var(--color-text-success);
    background-color: var(--color-text-success);
    
}
.body_of_help .div_border .options .manage_cir_icons_ul .dislike:hover{
    color: var(--white-color);
    border: 2px solid var(--color-text-danger);
    background-color: var(--color-text-danger);
}

.body_of_help .div_border .collapsible::before {
    content: '\002B';
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 18px;
    padding-left: 9px;
}

.body_of_help .div_border .active::before {
    content: "\2212";
    font-size: 18px;
}

.body_of_help .div_border .content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.deActiveBtn{
    color: var(--box-color-card-top) !important;
}

.deActiveBtn:hover{
    color: var(--white-color) !important;
    border: 2px solid var(--box-color-card-top) !important;
    background-color: var(--box-color-card-top) !important;
}


}
