@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,500;1,400&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito:400,500,600,700,800.900|Poppins:400,400i,500,500i,700,700i');

@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css');

/* WEBMATIC CSS PRESET */
.ff-01{ font-family: 'Nunito';}
.ff-02{ font-family: 'Poppins';}

/*-- TEMA CSS --*/
.row{max-width: 100%!important;}
.navbar-brand{color:#ccc!important;}
.btn{
    width: fit-content;
    border-radius: 30px;
    padding: 10px 25px;
}
.service-icon{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sehatkan-foot{
    line-height: 27px;
}
.nav-link, .nav-link{
    transition: all .5s;
}
.nav-link:focus, .nav-link:hover{
    background: #59adff;
    border-radius: 15px;
    text-align: center;
}
.jaditani-form{
    width: 400px;
    margin: auto;
}

h1,h2,h3,h4,h5,h6 {font-family: 'Nunito', sans-serif;font-weight:700;}
/*-- Body Content CSS --*/
body{background-color:#fff;font-family:'Poppins',sans-serif;font-size:14px;font-weight:400;color:#888888;word-wrap:break-word;margin:0;padding:0}
.row{
width:1140px
}
#content-wrapper{
float:left;
width:100%;
padding:0 0 35px;
margin:0;
background-color: #f3f7fd;
}
.home #content-wrapper {
margin:0;
padding-bottom:35px;
}
.item #content-wrapper{
margin:40px 0;
background:#ffffff;
}
/*slider awal*/
.jaditani-slider{
        background-image: url(https://cdn.shopify.com/s/files/1/0260/8014/9613/files/slider-bg_1728x.jpg?v=1569388487);
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        background: #cdecc0;
    }
.jaditani-slider .carousel-item img{
        margin-left: auto;
        max-height: 750px;
    }
.jaditani-slider .carousel-caption{
        width: 350px;
        top: 25%;
        left: 100px;
        font-size: 90px;
    }
.jaditani-slider .carousel-caption h5{
        font-size: 50px;
        color: #015927;
        padding: 20px;
    }
.jaditani-slider .carousel-caption p{
        font-size: 15px;
        color: #333;
    }
.jaditani-slider .carousel-indicators .active {
        background-color: #181818;
    }
    
/*slider ahir*/
.wow{
    margin-top: 50px;
}
[part="service"] .widget-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 60px 37px;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 0px 16px 24px 4px rgb(1 21 41 / 20%);
    background: #59adff;
}
[part="slider"] .compro-testi {
    display: flex;
    width: 90%;
    margin: auto;
    min-height: 300px;
    text-align: center;
    padding: 10px 50px;
}
[part="slider"] .widget-content {
    text-align: left;
    width: 50%;
    display: block;
    padding: 20px;
}
.serv-tile-box-avatar {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    box-shadow: 0px 16px 24px 4px rgb(1 21 41 / 20%);
    text-align: center;
    line-height: 80px;
    margin: 0 auto 25px;
    background: #181818;
    color: #ffffff;
}
.serv-tile-box-avatar i {
    display: block;
    line-height: 80px;
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    margin: 0;
}
.serv-tile-box-info h3{
    color: #015927;
}
.serv-tile-box-info p{
    color: #fff;
}
#testimonial-wrap{
    padding: 20px;
width:100%;
/*margin:75px 0 0;*/
background:#3657cd;
}
#testimonial-wrap .container{
position:relative;
margin:0 auto
}
#testimonial{
float:left;
width:100%;
margin:0
}
#testimonial .widget{
position: relative;
float: left;
width: 100%;
overflow: hidden;
padding: 15px;
box-sizing: border-box;
}
#testimonial .widget:nth-child(2), #testimonial .widget:nth-child(4){
}
.testi-avatar{
float:left;
width:45px;
height:45px;
overflow:hidden;
border-radius:50%;
margin:0 15px 0 0
}
.testi-avatar img{
display:block;
width:100%;
height:100%;
object-fit:cover;
color:transparent;
margin:0
}
.testi-info{
overflow:hidden
}
.testi-title{
font-size:20px;
color:#015927;
font-weight:700;
margin:0 0 3px
}
.testi-meta{
font-size:12px;
color:#fefefe
}
.testi-info-quotes {
margin-bottom: 26px;
}
.testi-snippet{
font-size: 15px;
line-height: 1.5625;
color: #ffffff;
padding: 15px 0;
margin:0;
font-style: italic;
font-family: cursive;
letter-spacing: 0.5px;
}
.testi-snippet:before {
content: '\f10d';
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
color:#015927;
}
.testi-snippet:after {
content: '\f10e';
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 10px;
color:#015927;
}
#testimonial .widget:nth-child(2) .testi-snippet, #testimonial .widget:nth-child(4) .testi-snippet {
background-color: #e22310;
border-color: #d41f0d;
}
[part="footer"] ul{
    padding: 0;
    line-height: 30px;
    list-style: none;
}
@media (max-width: 1040px) {
    .row{margin: 5px 0;}
}
@media screen and (max-width: 768px) {
    .post-body table {
        display: block;
    }
    .jaditani-slider .carousel-caption h5{
        font-size: 27px;
    }
    
    .jaditani-slider .carousel-caption {
        background: #cdecc085;
    }
    [part="slider"] .compro-testi {
        display: block;
    }
    [part="slider"] .widget-content p {
        max-width: 100%;
        padding: 0;
    }
    [part="slider"] .widget-content {
        width: 100%;
    }
}
@media screen and (max-width: 425px) {
    [part="slider"] .compro-testi {
        padding: 7px;
    }
    .row .col-sm-4, .row .col-sm-6{
        margin: 5px 0;
    }
    .navbar-brand.logo{
        height: 50px;
    }
    [part="navbar"]{
        height: 66px;
    }
    
    /*.carousel-caption.d-none{display: block!important;*/
    /*    position: absolute;*/
    /*    transform: scale(.7);*/
    /*left: 13px;*/
    /*top: -60px;*/
    /*}*/
    /*.carousel-indicators{*/
    /*    bottom: -15px;*/
    /*}*/
    
}