.fa-dot-circle:before {
    content: "\f111";
    font-family: 'FontAwesome';
    font-size: 8px;
}

i.far.fa-dot-circle {position: relative;top: -1px;right: -8px;}

i.far.fa-dot-circle:after {
    background: rgb(255 255 255 / 10%);
    width: 70px;
    height: 70px;
    content: '';
    position: absolute;
    border-radius: 50px;
    top: 2px;
    bottom: 0;
    margin: auto;
    right: -30px;
}

/*btn default*/

.sppb-btn.sppb-btn-default {
    background: transparent;
    color: #fff;
    border: 0;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: capitalize;
    padding: 0;
    border-radius: 50px;
    font-size: 16px;
    cursor: pointer;
}

.sppb-btn.sppb-btn-default i {
    margin-left: 5px;
}

.sppb-btn.sppb-btn-default:hover, .sppb-btn.sppb-btn-default:focus {
    background: transparent; color:rgb(255 255 255 / 0.5)!important;
}

/*end of btn default*/

/*kiple-pay-button*/
input.sppb-btn.sppb-btn-default.sppb-btn-rounded.kiple_pay_button {
    font-size: 20px;
    padding: 12px 30px;
}
input.sppb-btn.sppb-btn-default.sppb-btn-rounded.kiple_pay_button:hover {
    background: #000;
}
.kiple_pay_button {
    animation-name            : shadow    ;
    animation-duration        : 0.9s     ;
    animation-iteration-count : infinite  , infinite  ;
    animation-direction       : alternate , alternate ;
}
@keyframes shadow {
    from { filter: drop-shadow(0px 0px 0px #376990); }
    to   { filter: drop-shadow(0px 0px 10px #376990); }
}


/*buton*/
.landing-button.sppb-btn-primary {
    font-size: 18px !important;
    background: #0b3352 !important;
    border: 2px solid #fff;
}

.landing-button.sppb-btn-primary:hover {
    background: #000000 !important;
    color: #fff !important;
    opacity: 1;
}
@media(max-width:991px){
.landing-button.sppb-btn-primary {
    font-size: 16px !important;
}
}
@media(max-width:768px){
#middle-row {
    background-attachment: scroll !important;
    background-size: cover;
}}



/*contact btn*/


button#bfSubmitButton {position: relative;top: -1px;right: -8px;background:transparent;overflow: visible;border:0px;color: rgb(255 255 255 / 50%);}

button#bfSubmitButton:hover {position: relative;top: -1px;right: -8px;background:transparent;overflow: visible;border:0px;color: rgb(255 255 255 / 100%);}

/*
span.ladda-label:before {
    content: "\f111";
    font-family: 'FontAwesome';
    font-size: 8px;
    right: -25px;
    position: absolute;
    top: 6px;
}

span.ladda-label {position: relative;top: -1px;right: 0px;font-size: 16px;}

span.ladda-label :after {
    background: rgb(255 255 255 / 10%);
    width: 70px;
    height: 70px;
    content: '';
    position: absolute;
    border-radius: 50px;
    top: 2px;
    bottom: 0;
    margin: auto;
    right: -57px;
    z-index: 0;
}
*/

@media screen and (max-width:600px){
button#bfSubmitButton {
    left: -40px!important;
}}
@media screen and (min-width:601px) and (max-width:992px){
button#bfSubmitButton {
    margin-top: 50px!important;
}}








/*partner btn*/


button#bfSubmitButton {background:transparent;overflow: visible;border:0px;color: rgb(255 255 255 / 50%);}

button#bfSubmitButton:hover {position: relative;top: -1px;right: 60px;background:transparent;overflow: visible;border:0px;color: rgb(255 255 255 / 100%);}


button#bfSubmitButton:before {
    content: "\f111";
    font-family: 'FontAwesome';
    font-size: 8px;
    right: -25px;
    position: absolute;
    top: 13px;
}

button#bfSubmitButton {position: relative;top: -1px;right: 60px;font-size: 16px;margin-top:30px;}

button#bfSubmitButton:after {
    background: rgb(255 255 255 / 10%);
    width: 70px;
    height: 70px;
    content: '';
    position: absolute;
    border-radius: 50px;
    top: 2px;
    bottom: 0;
    margin: auto;
    right: -57px;
    z-index: 0;
}

@media screen and (max-width:600px){
button#bfSubmitButton {
    left: -55px!important;
}}
@media screen and (min-width:601px) and (max-width:992px){
button#bfSubmitButton {
    margin-top: 50px!important;
}}
/**/













/**/