/** Css for Help Button Secton in Header */

.help_button,
.home_help_button,
.detail_help_button {
    position: absolute;
    background: none;
    border: none;
    color: #24272c;
    display: flex;
    line-height: 30px;
    margin-right: 5px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
}

.home_help_button svg path,
.sticky_now .detail_help_button svg path {
    fill: #462cc2;
}

.sticky_now .help_button {
    color: #24272c;
    top: 27px !important;
}

.sticky_now .home_help_button {
    color: #24272c;
    top: 28px !important;
    right: -32px !important;
}

.sticky_now .detail_help_button {
    color: #24272c;
    top: 6px !important;
    right: 42px !important;
}

.sticky_now .help_button svg path,
.sticky_now .home_help_button svg path,
.sticky_now .detail_help_button svg path {
    fill: #462cc2;
}

.help_section,
.home_help_section,
.detail_help_section {
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
    border: solid 0.5px #cccccc;
    background-color: #ffffff;
    position: absolute;
    z-index: 99;
    border-radius: 4px;
    display: none;
}

.help_section,
.home_help_section {
    width: 235px;
    padding: 3px 0px 0px 10px;
}

.detail_help_section {
    width: 238px;
    padding: 26px 0px 0px 10px;
}

.help_section:before,
.home_help_section:before,
.detail_help_section:before {
    content: "";
    vertical-align: middle;
    margin: auto;
    position: absolute;
    display: block;
    left: 56%;
    right: 0;
    bottom: calc(100% - 7px);
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    border: 1px solid;
    border-color: #ccc transparent transparent #ccc;
    background-color: white;
}

.sticky_now.help_section {
    top: 60px;
}

.sticky_now .home_help_section {
    top: 60px !important;
    left: 86% !important;
}

.sticky_now .detail_help_section {
    top: 48px !important;
    left: 81.7% !important;
}

#help_section_buying,
#help_section_selling {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    padding: 5px 15px;
    margin: 7px 3px !important;
    color: #0a0a0a !important;
}

#help_section_buying {
    border: solid 0.5px #462cc2;
}

#help_section_selling {
    border: solid 0.5px #fa651a;
}

.help_section a:hover,
.home_help_section a:hover {
    background-color: rgba(70, 44, 194, 0.05) !important;
    color: #462cc2 !important;
}

.help_section_items {
    padding: 3px 0px 0px;
}

.detail_help_section .help_section_items {
    padding: 22px 0px 12px;
}

.help_section_items li {
    padding: 8px 38px 8px 8px;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    text-align: left;
    color: #24272c;
    display: flex;
}

.help_section_items>li>span {
    margin-left: 5px;
}

.help_section_items>li>a {
    color: #24272c !important;
}

.help_section_items>li>a:hover {
    background: none !important;
}

.help_section_items>li:hover {
    background-color: rgba(70, 44, 194, 0.05);
    color: #462cc2;
    cursor: pointer;
}

.help_section_items li:hover svg path {
    fill: #462cc2;
}

.help_button {
    top: 18px;
    right: -10px;
}

.home_help_button {
    top: 17px;
    right: -46px;
}

.help_section {
    top: 60px;
    left: 84.3%;
}

.home_help_section {
    top: 52px;
    left: 87%;
}

.sticky_now #header ul li a span {
    color: #26292e !important;
}

.sticky_now #header ul li a span:hover {
    color: #472dc2 !important;
}

.help-section .help_section_items li a span:hover {
    color: #472dc2 !important;
}

.help_section_items li a svg {
    vertical-align: bottom;
}


/** --------------------- */