.active {
                                    display: block;
                                    width: 25px;
                                    height: 25px;
                                    margin: 0px 7px !important;
                                    border-radius: 30px;
                                    }
                                    .col-md-4{
                                    margin-bottom:37px !important;
                                    }
                                    .col-sm-3{
                                    padding:0px !important;
                                    }
                                    .cardm img{
                                    border-radius:5px;
                                    }
                                    .gambar{
                                    padding-top:29px !important;
                                    }
                                    /*! elementor - v3.5.5 - 03-02-2022 */
                                    .elementor-widget-image-carousel .swiper-container {
                                    position: static
                                    }
                                    #owl-demo1 .owl-item img{
                                    height:221px !important;
                                    }
                                    .elementor-widget-image-carousel .swiper-container .swiper-slide figure {
                                    line-height: inherit
                                    }
                                    .elementor-widget-image-carousel .swiper-slide {
                                    text-align: center
                                    }
                                    .elementor-image-carousel-wrapper:not(.swiper-container-initialized) .swiper-slide {
                                    max-width: calc(100% / var(--e-image-carousel-slides-to-show, 3))
                                    }
                                    #owl-demo .item img{
                                    display: block;
                                    width:100%;
                                    height:20%;
                                    }
                                    #owl-demo1	 .item img{
                                    display: block;
                                    width:100%;
                                    height:100%;
                                    }
                                    .owl-theme .owl-controls .owl-buttons .owl-next, .owl-theme .owl-controls .owl-buttons .owl-prev{
                                    position:absolute;
                                    top:40%;
                                    opacity:1;
                                    background:white;
                                    color:#2e85ae;
                                    font-weight:bold;
                                    font-size:14px;
                                    border-radius:50%;
                                    }
                                    .owl-theme .owl-controls .owl-buttons .owl-next:hover, .owl-theme .owl-controls .owl-buttons .owl-prev:hover{
                                    color:white;
                                    background:#2e85ae;
                                    }
                                    .owl-theme .owl-controls .owl-buttons .owl-next{
                                    right:5px;
                                    }
                                    .owl-theme .owl-controls .owl-buttons .owl-prev{
                                    left:5px;
                                    }
                                    .owl-pagination{
                                    position:absolute;
                                    bottom:0;
                                    left:0;
                                    right:0;
                                    }
                                    .active{
                                    display:block;
                                    width: 25px;
                                    height: 25px;
                                    margin: 5px 7px;
                                    border-radius: 30px;
                                    }
                                    .elementor hr{
                                    background-color:#333 !important;
                                    }
                                    section.section{
                                    background: #f4f4f4;
                                    border-top: 5px solid #f1f1f1;
                                    margin: 30px 0;
                                    padding: 50px 0;
                                    }
                                    .warna{
                                    background:#5aabb3;
                                    color: #fff !important;
                                    margin-bottom: 17px;
                                    padding-top: 25px;
                                    text-align: center;
                                    /* margin-right: 10px !important; */
                                    margin-top: 10px;
                                    text-align: center;
                                    position: relative;
                                    border-radius:6px;
                                    margin-bottom:71px;
                                    }
                                    .col-sm-3{
                                    width:24%;
                                    margin-right: 11px !important;
                                    }
                                    .icon-featured{
                                    display: inline-block;
                                    font-size: 0;
                                    margin: 15px;
                                    width: 110px;
                                    height: 110px;
                                    border-radius: 50%;
                                    text-align: center;
                                    position: relative;
                                    z-index: 1;
                                    color: #FFF;
                                    font-size: 40px;
                                    line-height: 110px;
                                    }
                                    html .featured-box-primary .icon-featured{
                                    background-color: #da251c;
                                    }
                                    html .featured-box-secondary .icon-featured{
                                    background-color: #be8c40;
                                    }
                                    html .featured-box-tertiary .icon-featured{
                                    background-color: #0274be;
                                    }
                                    html .featured-box-quaternary .icon-featured{
                                    background-color: #4f3e01;
                                    }
                                    html .featured-box-res1 .icon-featured{
                                    background-color: #177c03;
                                    }
                                    html .featured-box-res2 .icon-featured{
                                    background-color: #e1c606;
                                    }
                                    html .featured-box-res3 .icon-featured{
                                    background-color: #a13055;
                                    }
                                    html .featured-box-res4 .icon-featured{
                                    background-color: #e4630e;
                                    }
                                    .featured-boxes-flat .featured-box .icon-featured {
                                    display: inline-block;
                                    font-size: 38px;
                                    height: 90px;
                                    line-height: 90px;
                                    padding: 0;
                                    width: 90px;
                                    margin: -100px 0 -15px;
                                    position: relative;
                                    top: -19px;
                                    }
                                    .btn-tertiary{
                                    color: #fff;
                                    background-color: #32599c;
                                    border-color: #32599c #32599c #264375;
                                    border-radius: 4px;
                                    font-size:11px;
                                    }
                                    .btn-tertiary:hover{
                                    color:#fff;
                                    }
                                    .featured-box .box-content{
                                    width: 273px;
                                    border-radius: 8px;
                                    border-top: 1px solid #CCC;
                                    border-top-width: 4px;
                                    padding: 0px 20px 0px 30px;
                                    position: relative;
                                    margin-bottom:35px !important;
                                    }
                                    .featured-box-primary .box-content{
                                    border-top-color: #da251c;
                                    }
                                    .featured-box-secondary .box-content{
                                    border-top-color: #be8c40;
                                    }
                                    .featured-box-tertiary .box-content{
                                    border-top-color: #0274be;
                                    }
                                    .featured-box-quaternary .box-content{
                                    border-top-color: #4f3e01;
                                    }
                                    .featured-box-res1 .box-content{
                                    border-top-color: #177c03;
                                    }
                                    .featured-box-res2 .box-content{
                                    border-top-color: #e1c606;
                                    }
                                    .featured-box-res3 .box-content{
                                    border-top-color: #a13055;
                                    }
                                    .featured-box-res4 .box-content{
                                    border-top-color: #e4630e;
                                    }
                                    .featured-boxes{
                                    text-align:center !important;
                                    }
                                    @media only screen and (device-width: 768px) {
                                    .rating{
                                    padding-right:75px !important;
                                    }
                                    .warna{
                                    width:100% !important;
                                    background:#5aabb3;
                                    color: #fff !important;
                                    margin-bottom: 17px;
                                    padding-top: 25px;
                                    text-align: center;
                                    /* margin-right: 10px !important; */
                                    margin-top: 10px;
                                    text-align: center;
                                    position: relative;
                                    border-radius:6px;
                                    margin-bottom:71px;
                                    }
                                    .featured-boxes-flat .featured-box .icon-featured {
                                    display: inline-block;
                                    font-size: 38px;
                                    height: 90px;
                                    line-height: 90px;
                                    padding: 0;
                                    width: 90px;
                                    margin: -100px 0 -15px;
                                    position: relative;
                                    top: -19px;
                                    }
                                    .col-sm-3{
                                    width:100% !important;
                                    }
                                    .btn-tertiary{
                                    color: #fff;
                                    background-color: #32599c;
                                    border-color: #32599c #32599c #264375;
                                    border-radius: 4px;
                                    font-size:11px;
                                    }
                                    .btn-tertiary:hover{
                                    color:#fff;
                                    }
                                    .featured-box .box-content{
                                    width: 100%;
                                    border-radius: 8px;
                                    border-top: 1px solid #CCC;
                                    border-top-width: 4px;
                                    padding: 0px 20px 0px 30px;
                                    position: relative;
                                    padding-bottom:35px !important;
                                    }
                                    .featured-box-primary .box-content{
                                    border-top-color: #da251c;
                                    padding-bottom:35px !important;
                                    }
                                    .featured-box-secondary .box-content{
                                    border-top-color: #be8c40;
                                    }
                                    .featured-box-tertiary .box-content{
                                    border-top-color: #0274be;
                                    }
                                    .featured-box-quaternary .box-content{
                                    border-top-color: #4f3e01;
                                    }
                                    .featured-box-res1 .box-content{
                                    border-top-color: #177c03;
                                    }
                                    .featured-box-res2 .box-content{
                                    border-top-color: #e1c606;
                                    }
                                    .featured-box-res3 .box-content{
                                    border-top-color: #a13055;
                                    }
                                    .featured-box-res4 .box-content{
                                    border-top-color: #e4630e;
                                    }
                                    .featured-boxes{
                                    text-align:center !important;
                                    }
                                    .col-sm-3{
                                    padding:0px !important;
                                    }
                                    .hideme{
                                    width:100% !important;
                                    }
                                    }
                                    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
                                    .rating{
                                    padding-right:75px !important;
                                    }
                                    .warna{
                                    width:100% !important;
                                    background:#5aabb3;
                                    color: #fff !important;
                                    margin-bottom: 17px;
                                    padding-top: 25px;
                                    text-align: center;
                                    /* margin-right: 10px !important; */
                                    margin-top: 10px;
                                    text-align: center;
                                    position: relative;
                                    border-radius:6px;
                                    margin-bottom:71px;
                                    }
                                    .featured-boxes-flat .featured-box .icon-featured {
                                    display: inline-block;
                                    font-size: 38px;
                                    height: 90px;
                                    line-height: 90px;
                                    padding: 0;
                                    width: 90px;
                                    margin: -100px 0 -15px;
                                    position: relative;
                                    top: -19px;
                                    }
                                    .col-sm-3{
                                    width:100% !important;
                                    }
                                    .btn-tertiary{
                                    color: #fff;
                                    background-color: #32599c;
                                    border-color: #32599c #32599c #264375;
                                    border-radius: 4px;
                                    font-size:11px;
                                    }
                                    .btn-tertiary:hover{
                                    color:#fff;
                                    }
                                    .featured-box .box-content{
                                    width: 100%;
                                    border-radius: 8px;
                                    border-top: 1px solid #CCC;
                                    border-top-width: 4px;
                                    padding: 0px 20px 0px 30px;
                                    position: relative;
                                    padding-bottom:35px !important;
                                    }
                                    .featured-box-primary .box-content{
                                    border-top-color: #da251c;
                                    padding-bottom:35px !important;
                                    }
                                    .featured-box-secondary .box-content{
                                    border-top-color: #be8c40;
                                    }
                                    .featured-box-tertiary .box-content{
                                    border-top-color: #0274be;
                                    }
                                    .featured-box-quaternary .box-content{
                                    border-top-color: #4f3e01;
                                    }
                                    .featured-box-res1 .box-content{
                                    border-top-color: #177c03;
                                    }
                                    .featured-box-res2 .box-content{
                                    border-top-color: #e1c606;
                                    }
                                    .featured-box-res3 .box-content{
                                    border-top-color: #a13055;
                                    }
                                    .featured-box-res4 .box-content{
                                    border-top-color: #e4630e;
                                    }
                                    .featured-boxes{
                                    text-align:center !important;
                                    }
                                    .col-sm-3{
                                    padding:0px !important;
                                    }
                                    .hideme{
                                    width:100% !important;
                                    }
                                    }
                                    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
                                    .rating{
                                    padding-right:75px !important;
                                    }
                                    .warna{
                                    width:100% !important;
                                    background:#5aabb3;
                                    color: #fff !important;
                                    margin-bottom: 17px;
                                    padding-top: 25px;
                                    text-align: center;
                                    /* margin-right: 10px !important; */
                                    margin-top: 10px;
                                    text-align: center;
                                    position: relative;
                                    border-radius:6px;
                                    margin-bottom:71px;
                                    }
                                    .featured-boxes-flat .featured-box .icon-featured {
                                    display: inline-block;
                                    font-size: 38px;
                                    height: 90px;
                                    line-height: 90px;
                                    padding: 0;
                                    width: 90px;
                                    margin: -100px 0 -15px;
                                    position: relative;
                                    top: -19px;
                                    }
                                    .col-sm-3{
                                    width:100% !important;
                                    }
                                    .btn-tertiary{
                                    color: #fff;
                                    background-color: #32599c;
                                    border-color: #32599c #32599c #264375;
                                    border-radius: 4px;
                                    font-size:11px;
                                    }
                                    .btn-tertiary:hover{
                                    color:#fff;
                                    }
                                    .featured-box .box-content{
                                    width: 100%;
                                    border-radius: 8px;
                                    border-top: 1px solid #CCC;
                                    border-top-width: 4px;
                                    padding: 0px 20px 0px 30px;
                                    position: relative;
                                    padding-bottom:35px !important;
                                    }
                                    .featured-box-primary .box-content{
                                    border-top-color: #da251c;
                                    padding-bottom:35px !important;
                                    }
                                    .featured-box-secondary .box-content{
                                    border-top-color: #be8c40;
                                    }
                                    .featured-box-tertiary .box-content{
                                    border-top-color: #0274be;
                                    }
                                    .featured-box-quaternary .box-content{
                                    border-top-color: #4f3e01;
                                    }
                                    .featured-box-res1 .box-content{
                                    border-top-color: #177c03;
                                    }
                                    .featured-box-res2 .box-content{
                                    border-top-color: #e1c606;
                                    }
                                    .featured-box-res3 .box-content{
                                    border-top-color: #a13055;
                                    }
                                    .featured-box-res4 .box-content{
                                    border-top-color: #e4630e;
                                    }
                                    .featured-boxes{
                                    text-align:center !important;
                                    }
                                    .col-sm-3{
                                    padding:0px !important;
                                    }
                                    .hideme{
                                    width:100% !important;
                                    }
                                    }
                                    @media screen and (max-device-width: 480px) {
                                    .rating{
                                    padding-right:75px !important;
                                    }
                                    .warna{
                                    width:100% !important;
                                    background:#5aabb3;
                                    color: #fff !important;
                                    margin-bottom: 17px;
                                    padding-top: 25px;
                                    text-align: center;
                                    /* margin-right: 10px !important; */
                                    margin-top: 10px;
                                    text-align: center;
                                    position: relative;
                                    border-radius:6px;
                                    margin-bottom:71px;
                                    }
                                    .featured-boxes-flat .featured-box .icon-featured {
                                    display: inline-block;
                                    font-size: 38px;
                                    height: 90px;
                                    line-height: 90px;
                                    padding: 0;
                                    width: 90px;
                                    margin: -100px 0 -15px;
                                    position: relative;
                                    top: -19px;
                                    }
                                    .col-sm-3{
                                    width:100% !important;
                                    }
                                    .btn-tertiary{
                                    color: #fff;
                                    background-color: #32599c;
                                    border-color: #32599c #32599c #264375;
                                    border-radius: 4px;
                                    font-size:11px;
                                    }
                                    .btn-tertiary:hover{
                                    color:#fff;
                                    }
                                    .featured-box .box-content{
                                    width: 100%;
                                    border-radius: 8px;
                                    border-top: 1px solid #CCC;
                                    border-top-width: 4px;
                                    padding: 0px 20px 0px 30px;
                                    position: relative;
                                    padding-bottom:35px !important;
                                    }
                                    .featured-box-primary .box-content{
                                    border-top-color: #da251c;
                                    padding-bottom:35px !important;
                                    }
                                    .featured-box-secondary .box-content{
                                    border-top-color: #be8c40;
                                    }
                                    .featured-box-tertiary .box-content{
                                    border-top-color: #0274be;
                                    }
                                    .featured-box-quaternary .box-content{
                                    border-top-color: #4f3e01;
                                    }
                                    .featured-box-res1 .box-content{
                                    border-top-color: #177c03;
                                    }
                                    .featured-box-res2 .box-content{
                                    border-top-color: #e1c606;
                                    }
                                    .featured-box-res3 .box-content{
                                    border-top-color: #a13055;
                                    }
                                    .featured-box-res4 .box-content{
                                    border-top-color: #e4630e;
                                    }
                                    .featured-boxes{
                                    text-align:center !important;
                                    }
                                    .col-sm-3{
                                    padding:0px !important;
                                    }
                                    .hideme{
                                    width:100% !important;
                                    }
                                    }
                                    .warna1{
                                    height: 170px !important;
                                    }
                                    .warna1{
                                    color: #fff !important;
                                    background: #5aabb3 !important;
                                    margin-bottom: 17px;
                                    padding-top: 25px;
                                    padding-bottom: 20px;
                                    text-align: center;
                                    margin-right: 10px !important;
                                    margin-top: 10px;
                                    overflow:hidden;
                                    text-align:center;
                                    position:relative;
                                    }
                                    .warna1 a{
                                    color: #fff !important;
                                    font-size:12px;
                                    }
                                    .warna1 .tirai1 a{
                                    text-align: center;
                                    text-decoration: none;
                                    }
                                    .warna1 .unggulan{
                                    margin-right: 10px;
                                    }
                                    .warna1:hover .tirai{
                                    left:0;
                                    transition:all 0.3s linear;
                                    }
                                    .warna1>.tirai{
                                    background:black;
                                    position:absolute;
                                    top:0;
                                    width:100%;
                                    bottom:0;
                                    opacity:0.5;
                                    left:-100%;
                                    }
                                    .warna1>.tirai{
                                    width:100%;
                                    }
                                    .warna1 .tirai1{
                                    position:absolute;
                                    top:50%;
                                    width:100%;
                                    bottom:0;
                                    left:-100%;
                                    }
                                    .warna1>.tirai1{
                                    width:100%;
                                    }
                                    .warna1:hover .tirai1{
                                    left:0;
                                    transition:all 0.3s linear;
                                    width: 100%;
                                    height: 100%;
                                    }
                                    #divider
                                    {
                                    /* background-color: rgba(43, 214, 34, 0.66); */
                                    /* background: url('https://rsrivaiabdullah.id/wp-content/uploads/2018/11/rawpixel-593598-unsplash.jpg'); */
                                    /* background: url('http://www.rsrivaiabdullah.id/assets/images/piron-guillaume-492632-unsplash-min.jpg');
                                    background-attachment:fixed;
                                    background-size: cover;
                                    background-repeat: no-repeat;
                                    color: #FFFFFF; */
                                    }
                                    #divider h2
                                    {
                                    font-size: 40px;
                                    }
                                    .res p{
                                    font-size: 31px;
                                    margin-bottom:0px !important;
                                    }
                                    strong
                                    {
                                    color: #d1d342;
                                    font-weight:bold !important;
                                    }
                                    #divider h3
                                    {
                                    padding-bottom: 30px;
                                    }
                                    #service, #divider, #about, #unggulan, #newsletter,
                                    #pricing, #portfolio, #client, #contact
                                    {
                                    padding-top: 10px;
                                    padding-bottom: 10px;
                                    position: relative;
                                    }
                                    .card-body h4{
                                    z-index: 99 ;
                                    margin: 0px !important;
                                    font-family: 'calibri';
                                    color: #1a1a1a;
                                    line-height: 1.3;
                                    font-weight: bold !important;
                                    font-size:25px;
                                    padding-top:5px;
                                    margin-bottom:5px !important;
                                    }
                                    .card-bodya p{
                                    z-index: 99 ;
                                    font-family: 'calibri';
                                    color: #777777;
                                    font-weight: 400;
                                    line-height: 1.3;
                                    font-size:19px;
                                    margin-bottom:15px !important;
                                    }
                                    .buttonBerita{
                                    color: #2CBFA4 !important;
                                    text-decoration: none;
                                    outline: 0 solid transparent;
                                    color: #000000;
                                    font-weight: bold !important;
                                    }
                                    .butonberitaa a:hover{
                                    color: #333 !important;
                                    margin-bottom:7px !important;
                                    }
                                    .card-body{
                                    z-index:99;
                                    }
                                    .buttonBeritaLainnya{
                                    border: 2px solid #2CBFA4;
                                    border-radius: 5px;
                                    background: #2CBFA4;
                                    color: white;
                                    font-size:19px;
                                    font-family:'calibri';
                                    font-weight:570;
                                    }
                                    .card-body  hr{
                                    margin-top: 1px !important;
                                    margin-bottom: 1px !important;
                                    }
                                    .card-body a{
                                    list-style: none;
                                    text-decoration: none;
                                    }
                                    .card-body p a:hover{
                                    color:#fdd835 !important;
                                    }
                                    #container
                                    {
                                    height:2000px;    
                                    }
                                    #container DIV
                                    { 
                                    margin:50px; 
                                    padding:50px; 
                                    background-color:lightgreen; 
                                    }
                                    .hideme
                                    {
                                    opacity:0;
                                    }