@font-face {
         font-family: 'myFirstFont';
         src: url('/Semibold.ttf');
      }
      @font-face {
         font-family: 'SecondFont';
         src: url('/Regular.ttf');
      }
      *{
         font-family: 'SecondFont';
      }
      h1, h2, h3, h4, h5, h6{
         font-family: 'SecondFont' !important;
      }
         .colorsx{
           /* color: white; */
            background-color: #1b1a1975;
            color: #ffffff;
         }
         .colorss{
            color: #ffffff;
         }
         .logo{
            width: 100px;
            height: 120px
         }
         .logo img{
            width: 120px;
            height: 120px;
         }
         .indent{
            text-indent: 45px;
         }
         .carousel{
            height: 500px;
         }
         .carousel-cell{
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%;
            /* padding: 0 20px 0 20px; */
            counter-increment: carousel-cell2;
         }
         .imeg{
            width: 100%;
            height: 100%;
            object-fit: cover;
         }
         .cards{
            background: white;
            height: 330px;
            width: 265px;
            border-radius: 8px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 30px 10px 10px 10px;
            margin: 20px 0;
         }
         .cards1{
            border-top: 5px solid #da251c;
         }
         .cards1 span{
            color: #da251c;
         }
         .cards2{
            border-top: 5px solid #85c226;
         }
         .cards2 span{
            color: #85c226;
         }
         .cards3{
            border-top: 5px solid #32599c;
         }
         .cards3 span{
            color: #32599c;
         }
         .penampungimg{
            width: 120px;
            height: 120px;
            overflow: hidden;
            border-radius: 50%;
            margin: 10px;
         }
         .titles{
            width: 100%;
            margin: 10px;
            height: 81px;
            overflow: hidden;
         }
         .titles p{
            font-weight: 500;
            font-size: 15.6px;
         }
         .penampung{
            background: white;
            padding: 50px 0;
         }
         .judulkotak p{
            font-size: 25px;
         }
         .cardsss{
            transition: all 0.3s ease;
            width: 355px;
            overflow: hidden;
            border-radius: 8px;
         }
         .penampungimgs img:hover{
            transform: scale(1.1, 1.1);
            transition: all .3s ease;
         }
         .penampungimgs:hover{
            background: rgba(0, 0, 0, 0.25);
         }
         .penampungimgs:before{
            background: rgba(0, 0, 0, 0.25);
         }
         .penampungimgs{
            width: 355px;
            height: 245px;
            border-radius: 4px;
            overflow: hidden;
         }
         .boxcard{
            border-bottom: 3px solid red;
            width: 324px;
            height: 165px;
            position: relative;
            top: -40px;
            background: white;
            border-radius: 4px;
         }
         .texttitle{
            width:100%;
            padding: 5px 0;
         }
         .texttitle p{
            color: #2e353e;
            font-size: 20px;
            font-family: 'myFirstFont';
         }
         .flickity-page-dots {
            bottom: 10px;
         }
         .caption-image{
            width: 55%;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
            display: flex;
            align-items: center;
         }
         .caption-image:after{
            content: " ";
            position: absolute;
            display: block;
            width: 150%;
            height: 100%;
            top: 0;
            left: -400px;
            z-index: 1;
            /* background: rgba(255,0,0,0.4); */
            background: rgb(49 62 137 / 36%);
            transform-origin: bottom left;
            -ms-transform: skew(-30deg, 0deg);
            -webkit-transform: skew(-30deg, 0deg);
            transform: skew(-30deg, 0deg);
         }
         .contacttext{
            color: #393185;
         }
         .contacttext p{
            color: black;
         }
         .titlefooter{
            color: #CCC;
            font-size: 1em;
            margin: 20px 0;
         }
         ul{
            list-style: none;
            padding: 0;
         }
         .menu li a{
            font-size: 12.6px;
         }
         .menu li a:hover{
            text-decoration: underline;
         }
         .footericon{
            margin: 20px 0;
         }
         .footericon li a{
            background: white;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 15px 0 0px;
         }
         .footericon li a:hover{
            background: black;
            transition: all .6s ease;
         }
         .copyright{
            margin-top: 5px;
            display:flex;
            align-items: center;
            background: #2d323a;
            height: 90px;
         }
         .bodytext{
            padding: 0 20px;
            text-align: center;
         }
         .texttitle a:hover{
            text-decoration: underline;
         }
         .title_meta{
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
         }
         .contactus{
            width: 400px;
         }
         .topnav{
            justify-content: space-between;
         }
         .navwhites{
            display: flex;
         }
         .logos{
            display: none;
         }
         .navbare{
            justify-content: flex-end;
         }
         .popular_items{
            max-height: 605px;
         }
         .fixeds{
            transition: all .4s ease;
            width: 100%;
            position: fixed;
            top: 0;
            z-index: 3;
         }
         @media only screen and (max-width: 600px) {
            .cardsss{
               width: 100%;
            }
            .topnav{
               justify-content: center;
            }
            .caption-image{
               width: 100%;
            }
            .footed{
               width: 100%;
               flex-direction: column;
               padding: 0 30px;
            }
            iframe{
               height: 250px;
            }
            .carousel{
               height: 200px;
            }
            .titcar{
               display: none;
            }
            .w100m{
               width: 100%;
            }
            .contacttext{
               padding: 10px 0;
            }
            .navwhites{
               display: none;
            }
            .logos{
               display: flex;
            }
            .logos a{
               width: 65px;
            }
            .logos h2{
               font-size: 18px;
               color: white !important;
            }
            .navbare{
               justify-content: space-between;
               padding: 0;
            }
         }
         .goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
    }
    .goog-logo-link {
    display:none !important;
} 
    
.goog-te-gadget{
    color: transparent !important;
}
        .table thead th{ background-color:#152f49!important; color:#FFFFFF;}
        .bgall{
         position: relative;
      }
      .whatsapp{
         position: fixed;
         bottom: 35px;
         right: 20px;
         background: #25D366;
         border-radius: 10px;
         padding: 5px 10px;
         display: flex;
         align-items: center;
         justify-content: center;
         z-index: 10;
         box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
      }
      .whatsapp i{
         font-size: 30px;
         color: white;
      }
      .whatsapp p{
         color: white;
         margin-left: 10px;
         font-size: 18px;
      }