/*   LENTA S BUTONI   */

section.breadcrumb-area.breadcrumb-bg {
    background-color: #2e2d31;
    margin-top: -70px !important;
    height: 355px !important;
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: 50% 130%;
    background-image: url(https://bethap.com/uploads/1-CSS/pattern1.png);
}

small {
    color: #ffffff73 !important;
    font-size: 15pt !important;
    margin-left: 8px;
}

small span {
    line-height: 65px !important;
}

.row.headingcnt img {
    margin-top: 11px;
}

.card-body img {
    box-shadow: 0px 0px 5px #00000078;
    border-radius: 20px;
    transition: transform .5s !important;
}

.card-body img:hover {
    transition: transform .5s !important;
    transform: scale(1.01);
}

/*   BUTONS    */

a.btn.btn-default.bmbtn.btn1 {
    font-size: 15pt !important;
    line-height: 45px !important;
    color: #19191d !important;
    border: none !important;
    background-color: #ffdc26 !important;
    box-shadow: inset 0 10px 12px rgb(255 255 255 / 80%), inset 0 -10px 12px #e88e0f !important;
    padding: 0 28px !important;
    min-width: 220px !important;
    transition: .3s !important;
}

a.btn.btn-default.bmbtn.btn1:hover{
    filter: brightness(1.0) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgb(25 25 29 / 25%), inset 0 10px 12px rgb(255 255 255 / 80%), inset 0 -10px 12px #e88e0f !important;
    transform: translateY(-2px) !important;
    transition: .3s !important;
}


a.btn.btn-default.bmbtn.btn2 {
    font-size: 15pt !important;
    line-height: 45px;
    color: #ffffff;
    border: none !important;
    background: linear-gradient(180deg,#ffc440 0,#dd251a 82%);
    box-shadow: inset 0 6px 8px rgb(255 246 215 / 60%), inset 0 -6px 10px rgb(40 13 2 / 50%);
    padding: 0 24px;
    transition: .3s;
    text-overflow: ellipsis;
    min-width: 220px !important;
}

a.btn.btn-default.bmbtn.btn2:hover{
    background: linear-gradient(180deg,#ffc440 0,#dd251a 82%);
    border: none !important;
    box-shadow: 0 2px 8px rgb(25 25 29 / 25%), inset 0 6px 8px rgb(255 246 215 / 60%), inset 0 -6px 10px rgb(40 13 2 / 50%);
    transform: translateY(-2px);
    transition: .3s;
    filter: brightness(1.0);
}


/*  BODY  */

.primary-bg {
    background: #19191d;
    background-image: url(https://bethap.com/uploads/1-CSS/pattern.png);
    background-repeat: repeat;
    background-size: 80%;
    background-position: -50% 48%;
    padding-bottom: 30px !important;
}

h1, h2, h3, h4, h5, h6, p {
    color: #ffffff !important;
}

.bg-light {
    background-color: #2d2d32!important;
    border-radius: 20px;
}

.card-header {
    border-bottom: 1px solid #000000;
}

.card-header h1, h2, h3, h4, h5, h6 {
    color: #ffdc26 !important;
}

i.fas.fa-check.h5.text-danger {
    display: none;
}

.card-body {
    padding: 40px;
}

.card-body a {
    color: #ffdc26 !important;
}

.card-body span {
    color: #ffffff !important;
}

tbody {
    background-color: #ffffff;
}

a.btn.btn-danger.btn-lg{
    font-size: 15pt !important;
    line-height: 45px;
    color: #ffffff;
    border: none !important;
    background: linear-gradient(180deg,#ffc440 0,#dd251a 82%);
    box-shadow: inset 0 6px 8px rgb(255 246 215 / 60%), inset 0 -6px 10px rgb(40 13 2 / 50%);
    padding: 0 24px;
    transition: .3s;
    text-overflow: ellipsis;
    min-width: 220px !important;
    color: #ffffff !important;
    border-radius: 50px !important;
}

a.btn.btn-danger.btn-lg:hover{
    background: -webkit-gradient(linear,left top,left bottom,from(#ffc440),color-stop(82%,#dd251a));
    background: -o-linear-gradient(top,#ffc440 0,#dd251a 82%);
    background: linear-gradient(180deg,#ffc440 0,#dd251a 82%);
    border: none !important;
    box-shadow: 0 2px 8px rgb(25 25 29 / 25%), inset 0 6px 8px rgb(255 246 215 / 60%), inset 0 -6px 10px rgb(40 13 2 / 50%);
    transform: translateY(-2px);
    transition: .3s;
    filter: brightness(1.0);
}

#scrollUp {
    color: #19191d !important;
    border: none !important;
    background-color: #ffdc26 !important;
    box-shadow: inset 0 10px 12px rgb(255 255 255 / 80%), inset 0 -10px 12px #e88e0f !important;
    transition: .3s !important;
    border-radius: 50px !important;
}

#scrollUp:hover{
    background: linear-gradient(180deg,#ffc440 0,#dd251a 82%);
    border: none !important;
    box-shadow: 0 2px 8px rgb(25 25 29 / 25%), inset 0 6px 8px rgb(255 246 215 / 60%), inset 0 -6px 10px rgb(40 13 2 / 50%);
    transform: translateY(-2px);
    transition: .3s;
    filter: brightness(1.0);
}

/*   FAQ    */

.col-lg-8.col-lg-offset-2 h4 {
    margin-top: 40px;
    font-size: 25pt;
}

.faqBar {
    background: #423e31;
    border: none !important;
    border-radius: 50px !important;
    color: #fff;
    padding: 15px !important;
    padding-left: 25px !important;
    font-weight: 700;
    margin-top: 10px;
}

.faqBar:hover {
color: #ffdc26 !important;
}

.faqBar i.fa.fa-question-circle {
    display: none !important;
}

.faqBar i.fa.fa-chevron-down.pull-right {
    position: absolute;
    right: 4%;
    top: 20%;
    margin-top: 17px;
    padding-left: 25px;
}

.faqContent {
    background: #3d3d3d00;
    color: #fff;
    text-shadow: 2px 2px 3px black;
    border: none !important;
    padding-top: 10px !important;
    padding-bottom: 15px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
}

    /* MOBILE */

@media only screen and (max-device-width: 600px){


section.breadcrumb-area.breadcrumb-bg {
    background-color: #2e2d31;
    margin-top: -70px !important;
    height: auto !important;
    background-size: auto !important;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://bethap.com/uploads/1-CSS/pattern1.png);
}

.row.headingcnt img {
    margin-top: 11px;
    margin-left: 19%;
}


.col-md-8 {
    max-width: 78% !important;
}

small {
    color: #ffffff73 !important;
    margin-left: -20px !important;
    position: absolute;
}

small span {
    line-height: 43px !important;
}




a.btn.btn-default.bmbtn.btn1 {
    margin-top: 75px !important;
}
span.bm_rating {
    margin-left: 0px;
}


.bm_rating {
    font-size: 1.2em;
}


.col-lg-5 div {
    position: absolute;
    left: 10% !important;
    margin-bottom: 20px !important;
    margin-top: 10px;
    max-width: 100% !important;
    min-width: 100% !important;
    font-size: 15pt !important;
}

h1 {
    text-align: center;
}

.card-body {
    margin: -15px;
}

.faqBar i.fa.fa-chevron-down.pull-right {
    right: 10%;
}

.col-lg-8.col-lg-offset-2 {
    padding-right: 20px !important;
}

section.primary-bg.pt-30.pb-175 {
    padding-bottom: 0px !important;
}

a.border.rounded.d-block.mt-05.p-2.faqBar {
    padding-right: 40px !important;
}

}