.bold {

    font-size: 16px!important;

    font-weight: bold;

}



.fw-tabs-container .fw-tabs a {



    margin-bottom: 15px;

}

@media(max-width: 500px)

{

        span.blok-on-phon {

        font-size: 22px!important;

        }

}

select#cek_paket {

    color: #fff;

    margin: 16px 2px;

    border: unset;

    background: #273a7c;

    border-radius: 22px;

    padding: 10px;

}

.col-md-6.title {

    text-align: right;

    padding-top: 22px;

    font-weight: bolder;

}

@media(max-width: 787px)

{

    .col-md-6.title{

        text-align: center;

    }

}

.mb-20 {

    margin-bottom: 60px;

}

.form-center {

    margin-left: 0px;

}

.fitur_fitur {

    box-shadow: 0px 5px 50px 0px rgba(80, 81, 83, 0.74);

    position: relative;

    padding: 0;

    width: 100%;

    overflow: hidden;

}

.img_bg {

    margin: 0px;

    padding: 0px;

    background: rgba(5, 60, 2, 0.59);

    overflow: hidden;

}

/*.img_bg img {

    position: absolute;

    height: 100%;

    width: auto;

    right: 50px;

    max-width: none;

}*/



 .img_bg img {

    position: absolute;

    height: 100%;

    width: 100%;

    /* right: 0px; */

    /* max-width: none; */

    opacity: 0.5;

}

    .fw-tabs-container .fw-tabs .nav-tabs {

    list-style: none;

    padding-left: 0;

    /* margin-bottom: 40px; */

    border-bottom: unset;

    margin-top: 25px;

}

.fw-tabs-container .fw-tabs li {

    float: left;

    display: inline-table;

}

.fw-tabs-container .fw-tabs li:first-child a {

    border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;

}

.fw-tabs-container .fw-tabs a {

    padding: 10px 40px;

    background-color: #b7cae4;

    color: white;

    text-transform: uppercase;

    font-weight: 700;

    position: relative;

    outline: none;

    display: block;

    text-decoration: none!important;

}

.fw-tabs-container .fw-tabs li a.active , .fw-tabs-container .fw-tabs li:hover a {

    background-color: #237d5b;

}

.fw-tabs-container .fw-tabs a {

    padding: 10px 25px;

    background-color: #5cae8f;

    color: white;

    text-transform: uppercase;

    font-weight: 700;

    position: relative;

    outline: none;

    font-size: 14px;

    display: block;

    text-decoration: none!important;

}



.fw-tabs-container .fw-tabs a:after {

    content: " ";

    width: 0;

    border-width: 10px;

    border-color: #b7cae4 transparent transparent;

    border-style: solid;

    left: 0;

    right: 0;

    position: absolute;

    margin: auto;

    z-index: -1;

    bottom: 0;

    transition: bottom .3s ease;

}



.fw-tabs-container .fw-tabs li a.active:after {

    bottom: -20px;

    border-color: #237d5b transparent transparent;

    z-index: 1;

}

.fw-tabs-container {

    min-height: 500px;

}

@media(min-width: 600px)

{

    .fw-tabs {

        width: 924px;

        /* overflow-x: scroll; */

    }

}

@media(max-width: 600px)

{

    .fw-tabs-container .fw-tabs li {

    float: left;

    display: list-item;

    width: 100%;

    text-align: center;

    }

    section.our-sevices-section.fitur_fitur {

    padding: 20px;

}

}

.rwd-table ul {

    font-weight: 400;

    font-family: "Lato",sans-serif;

    color: #666;

    padding: 0px;

    margin: 0px;

}

.rwd-table li

{

    display: inherit;

}

.rwd-table ul>li::before {

    font-family: 'FontAwesome';

    content: '\f058';

    margin: 0 5px 0 0px;

    color: #359aff;

}



.rwd-table>tbody>tr>td {

    /* margin: 3.5em 1em; */

    vertical-align: top;

    padding-top: 0px!important;

    padding-left: 0px!important;

    padding-right: 10px!important;

    padding-bottom: 30px!important;

}

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

/*          Thumbnail [aspect ratio]

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

@media(max-width:767.9px)

{

    .square{

        overflow: hidden;

        } 

}

.square {

    position: relative;

    width: 100%;



}

.square:before {

    content:     "";

    display:     block;

    padding-top: 100%;

}

.square .square-content {

    position: absolute;

    top:      0;

    left:     0;

    bottom:   0;

    right:    0;

}

.img-wrap{

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

    background: #000;

}

.img-wrap img{

    min-width:100%;

    min-height:100%;

    

    position: absolute;

    top: -10000px;

    bottom: -10000px;

    left: -10000px;

    right: -10000px;

    margin: auto;

}





/* Other ratios - just apply the desired class to the "box" element */

.ratio2_1:before{

    padding-top: 50%;

}

.ratio1_2:before{

    padding-top: 200%;

}

.ratio1_3:before{

    padding-top: 71.5%;

}

.ratio4_3:before{

    padding-top: 75%;

}

.ratio16_9:before{

    padding-top: 56.25%;

}

.ratio8_6:before{

   padding-top: 94.95%;

}

.ratio1_4:before{

    padding-top: 81.95%;

}

.ratio16_10:before{

    padding-top: 100%;

}

.ratio2_1 .landscape, .ratio16_9 .landscape,  .ratio1_3 .landscape, .ratio8_6 .landscape,.ratio1_4 .landscape,.ratio16_9 .landscape,.ratio16_10 .landscape{max-height:inherit !important;max-width:100% !important;}

.ratio2_1 .potrait, .ratio16_9 .potrait, .ratio1_3 .potrait, .ratio8_6 .potrait, .ratio1_4 .potrait, .ratio16_9 .potrait, .ratio16_10 .potrait{max-height:100% !important;max-width:inherit !important;}



.squared{max-width:100% !important;max-height:100% !important;}

.landscape{max-height:100% !important;max-width:inherit !important;}

.potrait{max-width:100% !important;max-height:inherit !important;}


/* parallax */
 .section {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    margin: 50px 0px 0px 0px;
}
.section-style-1 {
   background: url(assets/Gandhi/noob/demo/team.jpg) no-repeat;
    background-attachment: fixed;
}
.background-opacity {
    background: rgb(4 16 51 / 68%);
    min-height: 450px;
}  
.background-opacity h3 {
    padding: 30px 0px 0px 0px;
    color: #130808;
    text-align: center;
    /* text-decoration: underline; */
    position: relative;
}

.background-opacity h3:after {
    position: absolute;
    width: 153px;
    left: 0;
    bottom: -5px;
    right: 0;
    margin: 0px auto;
    content: "";
    border-bottom: 3px solid #828298;
}
/*parralax*/
.testimonial-carousel{
    overflow: hidden;
}
.owl-item {
   display: inline-flex;
}
.bg-person {
    text-align: center;
    margin: 50px 0px;
    color: #fff;
    padding: 0px 60px;
}

.bg-person p {
    color: #e8e5e5!important;
    font-size: 16px;
    margin-top: 15px;
    line-height: 25px;
}

.bg-person p i {
    font-size: 25px;
}

.starts-test i {
    font-size: 25px;
    color: #ffeb3b;
}
.owl-dots .owl-dot {
    transition: all 0.5s ease;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: #fff;
    display: inline-flex;
    margin: 10px;
    border-radius: 50%;
}

.owl-dots {
    text-align: center;
}

.owl-dot.active {
    background: rgb(232 167 21);
}
.bg-person img {
    width: 50px;
    margin-bottom: 10px;
}
@media(max-width:600px)
{
    .bg-person {
        padding:35px 0px;
    }
    .section
    {
        margin: unset;
    }
}

/*testimonial-new*/
   .profile-pic {
    display: inline-block;
    width: 20%;
    margin: 5px;
    text-align: center;
    line-height: 4;
}

.profile-text {
    width: 75%;
    padding: 15px 5px;
    min-height: 200px;
}

.profile-pic img {
    width: 60%;
}

.testi-content {
    width: 100%;
    display: inline-flex;
    background: rgb(255 255 255 / 85%);
    margin: 10px 0px;
    box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 10%);
    border-radius: 5px;
}
.starts-test i {
    font-size: 12px;
    color: #ffeb3b;
    margin: 2px;
}

.starts-test {padding: 5px;margin: 5px 0px;display: inline-flex;border-radius: 12px;background: linear-gradient(to bottom right,#393ae4,#8181ef);}
 

.profile-text p {
    display: inline-block;
    width: 100%;
    font-size: 14px; 
}
.nama-testi {font-weight: bold;/* border-bottom: 2px solid #cccccc3b; */}
.btn-testimonial {
    background: linear-gradient(to bottom right,#595aff,#8181ef);
}
 
section.testimonial {
    padding-top: 60px;
    padding-bottom: 60px;
    /* background: rgb(236 235 235 / 46%); */
}

.title-test {
    font-family: heebo,sans-serif;
    font-size: 29px;
    line-height: 38px;
    margin-bottom: 20px;
    color: #384044;
}
.img-testimonial {
    width: 100%;
    height: 100%;
    position: relative;
}

.img-testimonial img {
    position: absolute;
    width: 336%;
    bottom: -30px;
    border-radius: 50%;
    left: -345px;
}
.natal
{
    background: url(../jagoweb/image/homepage-natal/background.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}