body, h1, h2, h3, h4, h5, span, a, p{font-family: 'Gantari', Roboto, sans-serif !important;}
html {scroll-behavior: smooth;}
.fa, .fas {/* font-family: 'FontAwesome' !important; */}




#sp-main-body .sppb-row-container {
    max-width: 100%;
    width: 100%;
}

@media (min-width: 992px) {
    #sp-main-body .sppb-section:not(.sppb-row-have-ext-bg) {
    padding-left: 100px !important;
    padding-right: 100px !important;
}
}



/*menu*/
div#sp-logo {
    width: fit-content;
    max-width: 25%;
}

.sp-megamenu-parent >li a {/*font-weight: 700 !important;*/text-transform: capitalize !important;}
#sp-header .sp-megamenu-parent >li.active>a, #sp-header .sp-megamenu-parent >li:hover>a { color: #c23429 !important;}
#sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 5px; text-align: left;font-weight: 600;  background: #ececec; color: #000;}



/*btn*/
.btn.btn-default, .sppb-btn.btn-default, .btn.sppb-btn-default, .sppb-btn.sppb-btn-default, body .sppb-addon-person .sppb-person-information > .sppb-person-designation {background-color: #313030;color:#fff;border-radius:0;}
.btn.btn-default:hover, .sppb-btn.btn-default:hover, .btn.sppb-btn-default:hover, .sppb-btn.sppb-btn-default:hover {background-color: #9d2015;}

/*article btn*/
.readmore a.btn {
    background: #c23429;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 0 30px 30px 0;
    font-weight:500;
}
.readmore a.btn:after{ display:none;}
.readmore a.btn:hover { background: #ae2116 !Important;}



/*menu-btn*/
div#sp-top4 a.menu-btn {text-align:left;font-size:20px !important;padding:30px 40px;position:fixed;right:0;border-radius: 0;text-transform: capitalize; top:0;}
div#sp-top4 a.menu-btn span{font-size: 14px;font-weight: 400;letter-spacing: 0;}
div#sp-top4 a.menu-btn:after{
    content:'';
    background-image:url(/images/000_KlinikPergigian/Icon/arrow-white.png); 
    background-position:center center;
    width:12px; height:12px;background-size:12px;
    background-repeat:no-repeat;
    position:absolute;top:38px;right:20px;
}
/*sm laptop*/
@media (min-width:991px) and (max-width:1440px){
    div#sp-top4 a.menu-btn { padding:30px 15px !important;font-size:16px !important; }
    div#sp-top4 a.menu-btn:after{right:10px;top:32px;}
}

/*hover*/
.sp-megamenu-parent >li a:after {
    content:' ';
    background-image: url('/images/000_KlinikPergigian/Icon/sm-smile_shape.png');
    width: 15px;
    height: 15px;
    background-size: 15px;
    background-repeat: no-repeat;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5px;
}
.sp-megamenu-parent >li a:after{opacity:0;}
.sp-megamenu-parent >li.active a:after, .sp-megamenu-parent >li:hover a:after{opacity:1;}


/*title*/
/*.sppb-addon.sppb-addon-header.main-title { color: #c23326; font-weight:600;}*/
.main-title h2, .normal-title h1, .normal-title h2, .normal-title{color: #1d1d1d;font-weight: 600;}
.main-title h2 { font-size: 45px; font-weight: 700;}
.normal-title h1, .normal-title h2, .normal-title {font-size: 30px;font-weight: 600;}
.sppb-addon.sppb-addon-header.main-title:before,
.sppb-addon.sppb-addon-header.normal-title:before,
.normal-title:before{
    content: ' ';
    background: url(/images/000_KlinikPergigian/Home/shine.png);
    position:absolute;
    left:-18px;
    width:16px;height:16px;
    background-size:16px;
    background-repeat:no-repeat;
}
.sm-title h4.sppb-addon-title {color:#ff8671;font-size:16px;margin:0 0 10px 0 !important;}

/*ctn button*/
.sppb-btn.sppb-btn-default, .sc-btn {border-radius: 30px;text-transform: uppercase;}

/*social float*/
.fab-wrapper {right: 0 !important;}


/***NEWS ROW***/
section#sp-news .container{width:100% !important;}

/*accordion*/
.sppb-panel-modern>.sppb-panel-heading {color: #1d1d1d;background: #f8f8f8; transition:0.5s; }
.sppb-panel-heading.active, .sppb-panel-heading:hover {  background: #ffebe8; color: #c13327; }
.sppb-addon.sppb-addon-accordion span.sppb-panel-title {font-size:16px;}

/*login*/
.com-users .reg-login-form-wrap {background: #ffffff !important;}
/*.com-users .reg-login-form-wrap .reg-login-title h3 { color: #c23429 !important;}*/

@media (max-width: 767px) {
    .com-users .reg-login-form-wrap { padding: 30px 15px !important; }
}

.register-section .sppb-addon-feature img {
    display: none; 
}

.register-section .sppb-addon.sppb-addon-feature .sppb-addon-content {
    padding: 15px;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    transition: 0.5s;
    backdrop-filter: blur(5px);
}

.register-section .sppb-col-md-6 { width: 50%; padding: 0 5px; }

body.com-users.view-login #sp-main-body .register-section {
    padding-left: 10px !important;
    padding-right: 10px !important;}

.register-section .sppb-addon.sppb-addon-feature .sppb-addon-content:hover {
    border-color: #c23429;
    cursor: pointer;
}

.register-section .sppb-addon.sppb-addon-feature .sppb-addon-title {
    margin: 0;
    font-size: 16px;
}


/*assessment title*/
.sppb-addon.sppb-addon-header.main-title.assessment-title1:before { left: 4em;}

/*menu button hide tablet mobile*/
@media(max-width:1024px){
    div#sp-top4 a.menu-btn{display:none;}
}

/*blog*/
.news section#sp-main-body {
    padding: 50px 0;
}
.entry-header h2 {
    letter-spacing: inherit !important;
    color: #c23429 ;
}


/**************after login menu*****************/
#sp-top3 .sp-module {margin-top: 0 !important;padding-left: 15px;}
/*.view-user div#sp-top3 .cls-login img.login-icon { position:absolute; top:40px; right:10px; }
@media(max-width:480px){
.view-user div#sp-top3 .cls-login img.login-icon {top: 30px;right: 20px;}
}
@media(max-width: 768px) and (min-width: 481px){
.view-user div#sp-top3 .cls-login img.login-icon {
    right: -25.2em;top:31px;}
}
@media(max-width: 1440px) and (min-width: 1024px){
.view-user div#sp-top3 .cls-login img.login-icon {
    right: -10px;top:38px;}
}*/

/*******article*******/
ul.pagination { position: absolute;margin:-30px 0 0 0;}



/*******accessment next back button********/
.bfQuickMode .bfbs3-btn, .bfQuickMode .btn {
    background: #c23429;
    border: none;
    border-radius: 0 30px 30px 0;
    padding: 8px 20px 8px 16px;
    text-transform:uppercase;
    font-weight:600;
}
/*******accessment next back button********/
.bfQuickMode .bfbs3-btn, .bfQuickMode .btn,
button.bfPrevButton.bfbs3-btn.bfbs3-btn-primary {
    background: #c23429;
    border: none;
    border-radius: 0 30px 30px 0;
    padding: 8px 20px 8px 16px;
    text-transform:uppercase;
    font-weight:600;
}
.bfQuickMode .bfbs3-btn:hover, .bfQuickMode .btn:hover,
.bfQuickMode .bfbs3-btn:focus, .bfQuickMode .btn:focus,
.bfQuickMode .bfbs3-btn:onclick, .bfQuickMode .btn:onclick,
.bfQuickMode .bfbs3-btn:checked, .bfQuickMode .btn:checked,
button.bfPrevButton.bfbs3-btn.bfbs3-btn-primary:hover,
button.bfNextButton.bfbs3-btn.bfbs3-btn-primary:hover{ background: #a32016 !important;}

/*float quiz right button*/
div#floating-button {
    position: fixed;
    right: -9.5em;
    top: 30%;
    padding:40px;
    transition:400ms ease-in-out;
    -webkit-transition:400ms ease-in-out;
}

.float-quiz-button {
    background-color: #d4c7b4 !important;
}

div#floating-button a:hover {
    background-color: #9d2015 !important;
    color: #fff;
}

div#floating-button:hover {
    right: 0em;
}
div#floating-button a{border-radius:0;padding:15px;}
div#floating-button a:before{
    background-image:url('/images/000_KlinikPergigian/Icon/icon-smile-test.png');
    content:' ';
    width:30px;
    height:30px;
    background-size:30px;
    background-repeat:no-repeat;
    background-position:15px center;
    position:absolute;
    top:0px;
    left: -45px;
    background-color: #d4c7b4;
    padding:23.8px 40px 23.8px 20px;
    border-radius:30px 0 0 30px;
    transition: 250ms ease-in-out;
    -webkit-transition: 250ms ease-in-out;
}

div#floating-button a:hover:before{background-color: #9d2015;}
@media(max-width:480px){
  div#floating-button a:before{padding:22.5px 40px 22.5px 20px;}
}

/*float contact icon*/
.fa-comment:before {font-family: 'FontAwesome';/* font-weight: 400 !important; */}
/*label.fabchat .fa-comment:before{
    content: " " !important;
    background:url('/images/000_KlinikPergigian/icon-chat-1.png');
    background-size:35px 35px;
    position:absolute;
    top:12px;
    left:12px;
    width:35px;
    height:34px;
}*/

.fabchat .fa-comment:before {
    content: "\f27a";
    font-size: 32px;
}

/*solve mobile menu misclick*/
@media only screen and (max-width: 991px){
#sp-menu .sp-column {
    z-index: 999;
    position: fixed;
    right: 0px;
    }
}

/*electric page*/
@media(max-width:767px){
  section.mo-space-1 { padding: 30px 10px !important;}
}