body.distro{
        background:transparent;
    }
    
        .distro .owl-carousel .owl-controls .owl-nav .owl-prev::before, .distro .owl-carousel .owl-controls .owl-nav .owl-next::before{
                content: unset;
        }
        .distro .owl-carousel .owl-controls .owl-nav .owl-prev, .distro .owl-carousel .owl-controls .owl-nav .owl-next{
        background:unset;
            
        }

.conten {
        text-align: center;
        max-width: 900px;
        margin: 0 auto;
    }
	
	

    .distro .pricing-plans .pricing_plan--banner {
    height: 60px;
    background: linear-gradient(to left, rgb(4, 35, 57) 0%, rgb(2, 12, 20) 50%, rgb(4, 35, 57) 100%) !important; 
        }



        .distro .bg-fabric {
    background: linear-gradient(rgba(244, 247, 248, 0.3), rgba(244, 247, 248, 0.05)), url(../bg-silk/ind_bg1.jpg) no-repeat center;
        background-size: auto auto, auto auto;
    background-size: cover;
}
    



    .distro .herodistro{
        background:linear-gradient(rgba(250, 250, 250, 0.3), rgba(16, 189, 177, 0.05)), url(../bg-silk/ind_bg1.jpg) no-repeat center;
        background-size:cover;
    }
    
    .distro .herodistro .section .universe--wrapper,.distro .herodistro .Barakallah-section{
        background:unset;
    }



    .distro .col-image-product img.img-product-width {
    box-shadow: 2px 2px 5px grey;
    border-radius: 2px;
}

 a.btn-order-join {
        /*border: none;
    background: linear-gradient(to right, #bf3713 0%, #EF430C 50%, #bf3713 100%);*/
        animation-name: flash;
        animation-duration: 1.2s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        -webkit-animation-name: flash;
        -webkit-animation-duration: 1.2s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: flash;
        -moz-animation-duration: 1.2s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
        margin: 6px 0px;
        color: #fff!important;
    }
    
	.contain.konten{
        /*background:#f4f7f8;*/
        background:linear-gradient(to right, rgba(231, 255, 253, 0.9) 0%, rgba(231, 255, 253, 0.95) 50%, rgba(231, 255, 253, 0.96) 100%), url(assets/baimg/bg-icon.png);
    }
    
    .conten .thrv_text_element strong {
    color: rgb(144, 53, 11);
    }
    .ingin .elementor-headline-animation-type-clip {
    /*color: #9c2e85;*/
    color:rgb(232, 10, 137);
    }
    #hitung-laba.himod {
    background: linear-gradient(to right, rgba(255, 253, 231, 0.93) 0%, rgba(255, 253, 231, 0.95) 50%, rgba(255, 253, 231, 0.96) 100%), url(assets/baimg/bg-icon.png);
    }
    .distro .page .Tertarik {
    background: linear-gradient(to right, rgba(231, 255, 253, 0.9) 0%, rgba(231, 255, 253, 0.95) 50%, rgba(231, 255, 253, 0.96) 100%), url(assets/baimg/bg-icon.png) !important;
    }
	
	
	
    .barakallah-distributor a.button.bordered-bot {
    font-size: 16px;
    padding: 5px 10px;
    text-decoration:none!important;
    color:#fff!important;
	line-height:24px;
}

.barakallah-distributor a.button.bordered-bot:hover{
    transform:scale(1.2);
    color:#fff
}

.barakallah-distributor a.button.bordered-bot.lokasi{
    background:#f05a28;
    border: dashed 1px;
}
.barakallah-distributor a.button.bordered-bot.telp {
    background: #e80a89;
    border-radius: 50% !important;
    border: dashed 1px;
}
.barakallah-distributor a.button.bordered-bot.chat{
    background:#33b71a;
    border-radius: 50% !important;
    border: dashed 1px;
}

.item .btn.bordered-bot.herojoin {
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    border: dashed 1px;
    font-size:14px;
    padding:10px 20px;
     
 }
 
 
 
 
    .distro .dpaket .navbar-light .main-navigation.expanded {
    background: linear-gradient(135deg, #0c8fb4 0%, #4ab0cd 100%);
}


       .dpaket .owl-item img{
           filter: grayscale(35%);
-moz-filter: grayscale(35%);
       }
       @media(max-width:1200px){
       .dpaket .bannerbawah{
           width: 15%;
       }}
       .dpaket .bannerbawah{
           /*bottom: 40%;*/
           bottom: 5%;
           right: 0;
       }
       .dpaket .main-product .title{
           height:auto;
           font-size:24px;
           background: linear-gradient(135deg, #0c8fb4 0%, #4ab0cd 100%);
           max-width:280px;
           text-align:center;
       }
       .dpaket .owl-carousel .owl-controls .owl-nav .owl-prev{
           left:-15px;
       }
   
   
   
 
        
        .bb-pricing .wpb_content_element{
            margin-bottom:0;
        }
        
        .bb-pricing .owl-theme .owl-controls{
            margin-top: 2px;
        }
    
    
    
    
    
    .distro a.btn, .distro .button, .distro button{
         /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);*/
         box-shadow:2px 2px 5px grey;
         border-radius: 2px!important;
         text-shadow: 1px 0.5px 1px rgb(63, 68, 67);
    }
    .distro a.btn:focus, .distro .button:focus , .distro button:focus {
    outline: none;
}
    @media(max-width:767px){
        .distro .hisemua{
            background-size:100%!important;
        }
        .distro .hisemua h3{
            font-size:15px!important;
        }
        
    }
    .distro button.btn-open-product{
        background:linear-gradient(to right, #f05a28 0, #e80a89 100%);
    }
      
   
   
.langab a.button.pilpak {
    background: linear-gradient(to right, #039bb4 0%, #0ac9e8 50%, #0ea1b9 100%);
    color: #fff;
    font-size: 14px;
    padding: 6px 12px;
    z-index: 3;
    text-decoration: none;
}  

.langab a.button.pilpak {
    animation-name: flash;
animation-duration: 1.2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-name: flash;
-webkit-animation-duration: 1.2s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: flash;
-moz-animation-duration: 1.2s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
}
        
@media(max-width:767px){
 .langab a.button.pilpak {
      position: absolute;
      bottom: 15px;
      right: 20%;
  }  
  .langab .buy-process-item {
    width:50%;
    margin:unset;
    float: left;
    height: 340px;
    line-height: 1.1;
    padding:60px 2px 35px;
    border: dashed 1px #ded6d6;
}

.langab .buy-process-item .icon-wrapper i.fa {
    width: 45px;
    height: 45px;
    left: 50%;
    /*top: 15% !important;*/
}

.langab .icon-wrapper .fa {
    font-size: 20px;
}
.langab .buy-process-wrap{
    padding-bottom:50px;
}
.langab .text-wrap h4{
    font-size:14px;
}
}
  /* PRICING TOOLTIPS APPS */
.laba-metro {
    font-family: 'AvenirReg', sans-serif;
	font-weight:400;
}
  
.tooltip_wrapper {
    float: right;
}  
  
.metro-price a.tooltip_wrapper {
    outline: 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
}
.metro-price.laba-metro a.tooltip_wrapper .tooltip_wrapper--circle {
    width: 10px;
    height: 10px;
    border: 1px solid #ea1788;
    border-radius: 50px;
    padding: 1px;
}

.metro-price.laba-metro a.tooltip_wrapper .tooltip_wrapper-lock {
    width: 25px;
    height: 25px;
    border: 2px solid #ea1788;
    border-radius: 50px;
    padding: 1px;
    text-align: center;
    font-size: 17px;
    color: #ce1111;
}
 
.metro-price.laba-metro a.tooltip_wrapper .tooltip_wrapper--innerCircle {
    width: 6px;
    height: 6px;
    background: #ea1788;
    border-radius: 50px;
    display: block;
}


 
	  .metro-price.laba-metro a.tooltip_wrapper .tooltip_wrapper--circle{
        border: 1px solid #009d8d;
    }
        .metro-price.laba-metro a.tooltip_wrapper .tooltip_wrapper--innerCircle {
    
    background: #009d8d;
   
}

.metro-price.laba-metro a.tooltip_wrapper .tooltip_wrapper-lock {
    width: 13px;
    height: 13px;
	border: 1px solid #ea1788;
}


.metro-price .tooltip_wrapper-lock .fa.fa-lock{
font-size:10px;
}

.metro-price a.tooltip_wrapper .tooltip_wrapper-lock i.fa {
    left: 0!important;
    bottom: 9px;
    position: relative;
}

.metro-price a.tooltip_wrapper:hover {
        text-decoration: none
    }
    
    .metro-price a.tooltip_wrapper span.tooltip_wrapper--desc {
        z-index: 10;
        display: none;
        width: 180px;
        font-size: 12px;
        line-height: 1.4;
        color: #282828;
        border: 1px solid #aaa;
        background: #fff;
        padding: 5px 6px;
        border-radius: 4px;
        position: relative;
        left: -75px !important;
    }
    
    .metro-price a.tooltip_wrapper:hover span.tooltip_wrapper--desc {
        display: block;
        position: absolute;
        top: 50%;
        left: 30px;
        transform: translateY(-50%);
    }
    
    .metro-price a.tooltip_wrapper:hover span.tooltip_wrapper--desc:after,
    .metro-price a.tooltip_wrapper:hover span.tooltip_wrapper--desc:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }
    
    .metro-price a.tooltip_wrapper:hover span.tooltip_wrapper--desc:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #fff;
        border-width: 15px;
        margin-top: -15px
    }
    
    .metro-price a.tooltip_wrapper:hover span.tooltip_wrapper--desc:before {
        border-color: rgba(170, 170, 170, 0);
        border-right-color: #aaa;
        border-width: 16px;
        margin-top: -16px
    }
    
    @media only screen and (min-width:1025px) and (max-width:1366px) {
        .metro-price a.tooltip_wrapper:hover span.tooltip_wrapper--desc {
            left: inherit;
            top: inherit;
            bottom: 30px;
            transform: translateX(-50%);
            margin-left: 5px
        }
        .metro-price a.tooltip_wrapper:hover span.tooltip_wrapper--desc:before {
            border-top-color: #aaa;
            border-width: 15px;
            border-right-color: transparent;
            margin-top: -16px;
            right: inherit;
            top: inherit;
            left: 50%;
            bottom: -30px;
            transform: translateX(-50%)
        }
        .metro-price a.tooltip_wrapper:hover span.tooltip_wrapper--desc:after {
            border-top-color: #fff;
            border-right-color: transparent;
            border-width: 15px;
            margin-top: -15px;
            right: inherit;
            left: 50%;
            top: inherit;
            bottom: -29px;
            transform: translateX(-50%)
        }
    }
    
    @media only screen and (max-width:1024px) {
        .metro-price a.tooltip_wrapper span.tooltip_wrapper--desc {
            width: 100px
        }
    }
    
    @media only screen and (max-width:767px) {
        .metro-price a.tooltip_wrapper span.tooltip_wrapper--desc {
            width: 150px;
            left: -10px!important;
        }
        .metro-price a.tooltip_wrapper:hover span.tooltip_wrapper--desc {
            left: inherit;
            top: inherit;
            bottom: 30px;
            transform: translateX(-50%);
            margin-left: px
        }
        .metro-price a.tooltip_wrapper:hover span.tooltip_wrapper--desc:before {
            border-top-color: #aaa;
            border-width: 15px;
            border-right-color: transparent;
            margin-top: -16px;
            right: inherit;
            top: inherit;
            left: 60%;
            bottom: -30px;
            transform: translateX(-50%)
        }
        .metro-price a.tooltip_wrapper:hover span.tooltip_wrapper--desc:after {
            border-top-color: #fff;
            border-right-color: transparent;
            border-width: 15px;
            margin-top: -15px;
            right: inherit;
            left: 60%;
            top: inherit;
            bottom: -29px;
            transform: translateX(-50%)
        }
    }
    
	 
	 
	 
	 .metro-price .p-list li > img {
    width: 40px;
}

.metro-price .p-list img {
    display: inline-block !important;
}

.metro-price .p-list{
margin: 0;
display: block !important;
padding: 0;
}

.metro-price .p-list li {
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #343434;
    border-bottom: 1px solid #ddd;
    background: #f2f2f2
}
.metro-price .p-list li:nth-last-child(1) {
    border-bottom: 0
}
.metro-price .p-list li:before {
    display: none
}
.metro-price .p-list li.h-light {
    background: rgba(227, 251, 250, 0.273);
}
.metro-price .p-list li {
    padding: 6px 10px 5px
}
.metro-price .p-list li>img {
    width: 40px
}


@media(max-width:767px){
.metro-price .p-list li > img {
    width: 12px;
	margin-right: 3px;
}

.metro-price .p-list li {
    padding: 6px 2px 5px;
}

.metro-price .p-list li {
    font-size: 12px;
    font-weight: 500;
    color: #343434;
    border-bottom: 1px solid #ddd;
    background: rgba(236, 165, 165, 0.10);
}


}

/*COUNT LABA APP*/

.countdown .part {
  background: linear-gradient(to right, rgba(140, 167, 164, 0.9) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(140, 167, 164, 0.9) 100%);
  margin: 5px;
}
.countdown .digit {
  font-size: 24px;
color: rgb(144, 53, 11);
text-shadow: 2px 1px 2px rgb(15, 13, 5);
padding:1px;
}

.countdown .part.days::after,.countdown .part.hours::after,.countdown .part.minutes::after,.countdown .part.seconds::after {
    
    font-size: 8px!important;
	padding:1px;
    
}


.owl-slide-gallery .owl-controls .owl-buttons .owl-prev, .bs-creation .owl-carousel .owl-controls .owl-buttons .owl-prev, .owl-slide-gallery .owl-controls .owl-buttons .owl-next, .bs-creation .owl-carousel .owl-controls .owl-buttons .owl-next{
	 top:-60px!important;
	 }
	 
	 .metro-price .img-pricing.owl-slide-gallery{
	 margin-top: -30px !important;
	 }
	 .metro-price p.nomargin {
    color: #eee;
	}
	
.metro-price .master .page{
	padding:0;
	/*height: 225px;*/
	}
	
	.metro-price .master .controls{
	font-size:13px;
	margin: 5px 0 5px;
	}
	
	.metro-price .master .controls .title{
	line-height: 15px;
	}
	
	.metro-price .master .controls .next, .metro-price .master .controls .prev {
    height: 20px;}


 .metro-price .m-price.col-xs-6{
	 padding: 15px 3px;
	 }


	  .w-pricing-table.pt-type5{
	  text-align:center;
	  }
	  
	 .w-pricing-table.pt-type5 .pt-header > span {
    position: absolute;
    left: 0;
    width: 100%;
    background: #bcc6cc;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 30px;
    color: #fff;
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

.metro-price .w-pricing-table.pt-type5 .pt-header > span.nampak {
    font-size: 18px;
}

.w-pricing-table.pt-type5 .pt-header h3 {
    padding-top: 75px;
    color: #128eaf;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}
	 
	 .metro-price .col-blue {
    background-color: #17404A;
    margin: 10px -5px;
    margin: unset;
    padding: 10px;
	padding-bottom: 72px !important;
}


.metro-price .order-buton {
    text-align: center;
    top: -30px;
    z-index: 1;
}
	 
	 .metro-price .order-buton .button.button--gradient {
    color: #fff;
    background: linear-gradient(to right, #f05a28 0, #e80a89 100%);
    border: 0;
	padding: 3px 21px 6px;
	margin-bottom: 9px;
}

  .metro-price .order-buton .button--gradient{
    text-transform: uppercase;
    font-size:16px;
}

.metro-price .order-buton .button--gradient:hover{
    transform:scale(1.2);
}

.metro-price .order-buton a.buton-wa {
    font-size: 11px;
    height: unset;
    padding: 6px 16px;
    line-height: 1.2;
    margin: 0 0 10px;
	border: dashed 1px #fffde8;
	padding: 4px 8px;
}
    
.metro-price .stok-laris {
    font: 700 13px/12px Arial,Helvetica,sans-serif;
    color: #fff;
    background: linear-gradient(to right, #137E24 0%, #2CB742 50%, #137E24 100%);
    text-transform: uppercase;
    padding: 4px 0 7px;
    text-shadow: 1px 1px rgba(0,0,0,0.24);
    width: 110px;
    text-align: center;
    display: block;
    position: absolute;
    margin: 0 auto !important;
    top: -7%;
    z-index: 1;
    /*-webkit-transform: rotate(45deg);*/
    animation-name: flash;
    animation-duration: 1.2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: flash;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: flash;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    left: 15%;
}
.metro-price .stok-laris {
    transition: all .3s;
    overflow: hidden;
}

.belanja-awal.nomargin{
	font-size:21px
}	

.metro-price .owl-item img{
           filter: grayscale(35%);
-moz-filter: grayscale(35%);
       }
       @media(max-width:1200px){
       .dpaket .bannerbawah{
           width: 15%;
       }}
       .dpaket .bannerbawah{
           /*bottom: 40%;*/
           bottom: 5%;
           right: 0;
       }

/*LANGAB*/

	
.langab a.button.pilpak {
    background: linear-gradient(to right, #039bb4 0%, #0ac9e8 50%, #0ea1b9 100%);
    color: #fff;
    font-size: 14px;
    padding: 6px 12px;
    z-index: 3;
    text-decoration: none;
}  

.langab a.button.pilpak {
    animation-name: flash;
animation-duration: 1.2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-name: flash;
-webkit-animation-duration: 1.2s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: flash;
-moz-animation-duration: 1.2s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
}
        
@media(max-width:767px){
 .langab a.button.pilpak {
      position: absolute;
      bottom: 15px;
      right: 20%;
  }  
  .langab .buy-process-item {
    width:50%;
    margin:unset;
    float: left;
    height: 340px;
    line-height: 1.1;
    padding:60px 2px 35px;
    border: dashed 1px #ded6d6;
}

.langab .buy-process-item .icon-wrapper i.fa {
    width: 45px;
    height: 45px;
    left: 50%;
    /*top: 15% !important;*/
}

.langab .icon-wrapper .fa {
    font-size: 20px;
}
.langab .buy-process-wrap{
    padding-bottom:50px;
}
.langab .text-wrap h4{
    font-size:14px;
}
}


/*LAST CSS*/
.fas-app.master {
    background: linear-gradient(to left, #c8d1e1 0%, #f4f8ff 50%, #c8d1e1 100%)!important;
	}
	@media(max-width:767px){
		.fas-app.master{
			height: 280px;
		}
	}
h2.fas-head.app-head {
    background: #1895b8;
    font-size: 10px;
    padding: 3px 4px 2px;
    width: 55%;
    top: 25px;
	margin-top: -30px !important;
}

.fas-app.master .controls .title {
    font-size: 90px;
    color: #00c2e5;
    opacity: .12;
    top: 100px;
}

h2.app-head {
    position: relative;
    top: 20px;
    z-index: 1;
    text-transform: uppercase;
    padding: 9px 0 7px;
    text-shadow: 1px 1px rgba(0,0,0,0.24);
    color: #fff;
    width: 80%;
    margin: 0 auto;
    box-shadow: 2px 2px 5px grey;
}
h2.tes-head{
background: #1895b8;
}
.tes-app.master {
    background: linear-gradient(to left, #b5bece 0%, #f4f8ff 50%, #b5bece 100%)!important;
	height: 260px;
}
.tes-app.master .controls .title {
    font-size: 90px;
    color: #00c2e5;
    opacity: .12;
    top: 20px;
}

.testi-app .page blockquote {
    font-size: 14px;
    line-height: 1.3;
	padding: 0 10px;
	}

.k-apps .Barakallah-section {
            padding-top: 15px;
        }
        
        .k-apps .Barakallah-section .carousel {
            background-color: rgba(255, 255, 255, 0);
        }
		
		.k-apps .conten .elementor-headline-animation-type-clip {
        color: rgb(232, 10, 137);
    font-size: 21px;
    margin-top: 25px !important;
    font-weight: 500;
	height: 60px;
		}


			.promo-soft .Barakallah {
    background: #FFD900;
    color: #000;
    margin: 0 auto;
    padding: 0 3px;
    text-align: center;
    width: 324px;
}

.border-btm.unggul article.icon-box12 i img{
	filter: drop-shadow(4px 2px 4px #000);
	width: 60px;
	max-width: 60px;
	right: 20px;
	}
	@media(max-width:480px){
	.border-btm.unggul .icon-box12 {
    float: left;
    width: 50%;
	}
	
	.border-btm.unggul article.icon-box12 i img{
	right: 0;
	}
	.border-btm.unggul article.icon-box12 i{
	height: 90px;
	padding: 0;
	}
	.border-btm.unggul article.icon-box12{
	border: 1px dashed #bef0f9;
	padding: 100px 10px 14px;
	}
	
	.border-btm.unggul article.icon-box12 h4{
    padding-top: 2px;
    height: 60px;
    line-height: 1;
    font-size: 13px;
	color: rgb(12, 143, 180);
	}
	
	.border-btm.unggul article.icon-box12 p {
    font-weight: 400;
    font-size: 11px;
    color: #777;
    letter-spacing: 0;
    margin: 0;
    padding-bottom: 10px;
    line-height: 1.2;
	}
	
	
	.row-unggul .wpb_wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -6px;
    margin-right: -6px;
	}
	
	}
	
	
		.blox.wira .button.square i {
    color: #000;
    padding: 4px 6px;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
	text-shadow: 0.5px 0.25px 0px rgb(63, 68, 67);
}

.blox.wira .wpb_wrapper{
	color:#fff;
	text-shadow: 1px 0.5px 1px rgb(15, 13, 5) !important;
}

/*OLD CSS*/		
		
            .slidig .owl-item {
                text-align: center!important;
            }
            
            .slidig .item img {
                box-shadow: 2px 1px 2px #222;
                filter: drop-shadow(2px 1px 2px #000);
            }
            
            .slidig .product-item {
                border-radius: 2px;
                padding: 0;
                position: relative;
                top: -5px;
                height: 35px;
                background: linear-gradient(to left, rgb(145, 149, 150) 0%, rgb(234, 234, 234) 5%, rgb(255, 255, 255) 50%, rgba(234, 234, 234, 1) 95%, rgba(145, 149, 150, 1) 100%) !important;
            }
            
            .slidig .product-item {
                background: unset;
            }
            
            .slidig .product-item .item {
                border: none;
            }
            
            .slidig .product-img {
                border-bottom: none;
            }
            
            .slidig .product-img img {
                border-radius: 50%;
                filter: drop-shadow(1px 1px 1px #999);
            }
        
		 .best {
            border: solid 2px #efa133 !important;
            margin-bottom: 5px;
            padding: 2px;
            /*background: linear-gradient(to right, #5a1307 0%, #741707 50%, #5a1307 100%);*/
            /*background:linear-gradient(to right, #741707 0%, #a91313 50%, #741707 100%);*/
            /*background:linear-gradient(#741707 0%,#8c0a0a 15%, #a91313 35%,#C5130F 50%, #a91313 65%,#8c0a0a 85%, #741707 100%);*/
            /*background:linear-gradient(#05384d 0%,#075574 15%, #043d54 35%,#19394d 50%, #043d54 65%,#075574 85%, #05384d 100%);*/
            /*background:linear-gradient(to right, #075574 0%, #2c70b7 50%, #075574 100%);*/
            
            box-shadow: 0px 0px 15px #848484 !important;
        }
        
        .img-smaller {
            width: 60%;
        }
        
        .sentuh:hover {
            filter: drop-shadow(4px 2px 4px #000);
        }
        
        .award {
            padding-left: 36px;
        }
        
        @media(max-width:767px) {
            .award {
                padding-left: 6px;
            }
            .img-smaller {
                width: 100%;
            }
        }
         
		 
		  @media(max-width:767px) {
            .YaaGhani.mgptop .service-box.mt-5.mx-auto {
                margin: 3px -7px;
                border: dashed 1px;
                border-color: #1d98bb;
                height: 280px;
                padding: 5px 3px;
            }
            .YaaGhani.mgptop p.text-muted.mb-0 {
                font-size: 13px;
                line-height: 1.2;
                margin-top: 10px;
                margin-bottom: 5px;
            }
            .YaaGhani.mgptop h4.mb-3 {
                font-size: 16px;
                line-height: 1.2;
            }
            .YaaGhani.mgptop.offer3 .service-box center img {
                max-width: 40%;
                height: auto;
                margin-bottom: 8px;
            }
        }