.slider-text-box{
	width:50%;
}
.bhead{
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}
.sub-head{
	top:;
}
.b-box .row{
	position: absolute;
    top: 35%;
    width: 65%;
}
.b-box h5{
	color: #000000;
	font-size: 16px;
	margin-bottom: 20px;
}
.border-botton{
	border:1px solid #083d5f;
	border-radius: 50px;
	color: #083d5f;
	background: transparent;
}
.border-botton:hover, .border-button:focus{
	color:#00263e;
}
.border-botton-green{
	border: 1px solid #81b84d;
    border-radius: 3px;
    color: #81b84d!important;
    padding: 10px 20px;
    background: transparent;
}
.border-botton-green:hover, .border-button-green:focus{
	color:#81b84d;
}
.kolom-serpis {
	background: #fff none repeat scroll 0 0;
	border: 1px solid rgb(8 61 95 / 40%);
	box-shadow: 0 5px 4px -4px rgba(8, 61, 95, 0.8);
	cursor: pointer;
	margin-bottom: 30px;
	padding: 30px;
	position: relative;
	text-align: center;
	z-index: 12;
}
.kolom-serpisin {
	position: relative;
	z-index: 13;
}
.kalo-dihover {
	background: #eb7a5c none repeat scroll 0 0;
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	transition: width 0s ease 0s, all 250ms ease 0s;
	width: 100%;
	z-index: 11;
}
.kolom-gambar {
	margin: 10px 0 20px 0;
	width: 85px;
	height: 85px;
	border-radius:50%;
	text-align: center;
	border: 2px solid #81b84d;
	margin-left: auto;
	margin-right: auto;
	line-height: 80px;
	-moz-transition: color, 250ms;
	-o-transition: color, 250ms;
	-webkit-transition: color, 250ms;
	transition: color, 250ms;
}
.kolom-gambar img{
	width: 65px;
}
.kolom-serpis:hover .kolom-gambar{
	border-color: #81b84d;
	border-radius:0;
	box-shadow:4px 4px #81b84d;
}
.kolom-judul, .kolom-isi {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 15px;
	-moz-transition: color, 250ms;
	-o-transition: color, 250ms;
	-webkit-transition: color, 250ms;
	transition: color, 250ms;
}
.kolom-judul{
	font-size: 19px;
    font-weight: 600;
	margin-bottom: 15px;
	-moz-transition: color, 250ms;
	-o-transition: color, 250ms;
	-webkit-transition: color, 250ms;
	transition: color, 250ms;
}
.kolom-isi{
	text-align:justify;
}
.kolom-serpis:hover .kolom-isi, .kolom-serpis:hover .kolom-gambar i, .kolom-serpis:hover .kolom-judul {
	color: #fff;
}
.kalo-dihover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	width: 100%;
	height: 0px;
	background: #083d5f;
	-moz-transition: width, 250ms;
	-o-transition: width, 250ms;
	-webkit-transition: width, 250ms;
	transition: width, 250ms;
}
.kolom-serpis:hover .kalo-dihover {
	height: 100%;
}
.modal-dialog {
    max-width: 70%;
    margin: 10% auto;
}
.modal-dialog .kalo-dihover{
	background:#ffffff;
} 
.modal-dialog .kolom-serpis:hover .kolom-isi, .modal-dialog .kolom-serpis:hover .kolom-gambar i, .modal-dialog .kolom-serpis:hover .kolom-judul {
	color: #000000;
}
.modal-dialog .kolom-serpis{
	border: none;
	box-shadow: none;
}
.modal-body{
	padding: 0 1rem;
}
.modal-header{
	border-bottom: none;
    padding-bottom: 0;
}
.modal-dialog .kolom-gambar{
	margin-left: 0;
}
.modal-dialog .kolom-judul{
    text-align: left;
}
.modal-dialog .kolom-serpisin{
    text-align: left;
}
ul{
	list-style: disc;
    margin-inline-start: 15px;
}
.modal .close {
    font-size: 30px;
    position: absolute;
    right: 2%;
    top: 2%;
    z-index: 999;
}
.modal-dialog  .kolom-serpis{
	padding: 0 30px 30px;
}
.desi{
	font-size: 14px!important;
    font-weight: 600;
    text-align: center;
}
.team-cnt{
	padding: 20px;
}
.scrollbar
{
	float: left;
	height: 185px;
	width: 100%;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 40px;
	padding-right: 15px;
}
/*
 *  STYLE 4
 */

#style-4::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}
.follow-bar {
	display: none;
    z-index: 10;
    position: absolute;
    top: 27%;
    left: -2%;
    transform: rotate(-90deg) translate(-100%, 40%);
}
.follow-bar p {
    color: #083d5f;
    font-size: 14px;
    font-weight: 600;
}
.follow-bar p a {
    transform: rotate(90deg) translate(0%, 0%);
    font-size: 16px;
    padding: 1px;
}
.follow-bar i{
	transform: rotate(-270deg) translate(0, 00%);
}
.float {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 2.5%;
    left: 10px;
    background-color: #81b84d;
    color: #FFFFFF!important;
    border-radius: 50px;
    text-align: center;
    font-size: 35px;
    box-shadow: 2px 2px 3px #2f3825;
    z-index: 100;
    line-height: 55px;
}
.b-box .banner-heading{
	left:15%;
  position: absolute;
}
#accordion, #accordion2, #accordion3{
    font-size: 15px;
}
#accordion i, #accordion2 i, #accordion3 i{
    float: right;
}
#accordion ul li, #accordion2 ul li, #accordion3 ul li{
    margin-bottom: 6px;
}
#accordion ul,#accordion2 ul, #accordion3 ul {
   padding-inline-start: 0!important;
   list-style-type: none;
}
#accordion ol li, #accordion2 ol li, #accordion3 ol li{
    margin-bottom: 4px;
}
hr {
    border-top: 1.5px solid rgb(90 89 89);
    margin:30px 0;
}
.designation{
    color:#ce8017;
    font-weight: 600;
}
#accordion .a, #accordion2 .a{
   color: #14b3bb!important;
}
#accordion h5, #accordion2 h5{
    font-size: 1rem;
}
#accordion .card, #accordion2 .card, #accordion3 .card{
    margin-bottom:20px;
}
#accordion2 .card{
  background: #edf8ff;
}
.tp-revslider-mainul{
  height: 91%!important;
}
.pd-left5{
  padding-left: 5%;
}
#quicklinks{
      padding: 0rem 0 6.5rem;
      background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 81%);
}
.qlinks ul, .qlinks2 ul{
  list-style-type: circle!important;
}
.qlinks ul li, .qlinks2 ul li{
  margin-bottom: 5px!important;
}
.qlinks .card, .qlinks2 .card {
    margin-bottom: 12px!important;
}
.qlinks i, .qlinks2 i{
  font-size: 10px;
}
.card-body .sub-heading{
  font-size: 1.2rem;
    margin-bottom: 15px;
    font-weight: 600;
}
table a {
    color: #065695;
}
#quicklinks table td{
  font-size: 14px;
}
.qlink {
  color: #81b84d;
    font-size: 15px!important;
    border: 1px solid #81b84d;
    padding: 4px;
    line-height: 15px;
    position: relative;
    bottom: 5px;
}
.qlink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.bnk{
    background: #81b84d;
    color: #fff;
    padding: 0 5px;
}
#clientele{
  /*background: linear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 81%);*/
}
.darkcolord{
    color: #000000!important;
    font-size: 15px;
    font-weight: 600;
}
.process-wrapp li > .pro-step > i{
  color: #083d5f;
}
#clientele .gradient_color_three,
#clientele  .gradient_bg_three {
	background: #f1f1f1!important;
	border: 1px solid #d1d1d1;
}
.process-wrapp li:hover .pro-step > i {
    color: #ffffff;
}
#adv-team .owl-item{
    background: #f7f7f7;
    border-radius:15px;
}
#adv-team img{
   padding: 10px;
}
#career .card-header {
    background-color: #fff;
}
#career .card-header {
    padding: 1.2rem 2rem;
}
.ctm-pdb{
	padding: 0 3%;
}
#accordion3 .card-body {
    padding: 3rem 1rem;
}
#accordion3 .card-header {
    padding: 20px; {
}



@media only screen and (max-width: 600px) {
	.navbar-toggler:focus{
		box-shadow: none;
	}
	.navbar-toggler{
		position: absolute;
		float: right!important;
		right: 15px;
		top: 17px;
	}
	.navbar-collapse{
		width: 100%;
		border-top: 1px solid gray;
		position: absolute;
		background: #fff;
		top: 100%;
	}
	.navbar-brand > img {
		width: 60%;
	}
    .navbar{
    	padding: 10px 0;
    }
    .tp-revslider-mainul li{
    	height: 50%!important;
    }
     #ourhome{
     	height: 50vh;
     }
     .bhead {
     	font-size: 21px;
     	line-height: 25px;
     	margin-bottom: 15px;
     }
     .tp-bgimg{
     	background-position: 25% center!important;
     }
     .qlinks{
     	margin-bottom: 35px;
     }
     .aboutus-wrapp .about-gradient {
     	height: 20%;
     	width: 48%;
     	z-index: -1;
     	display: block;
     	left: 15px;
     	top: 24%;
     }
     .modal-dialog {
     	max-width: 96%;
     }
     .col-xs-6{
     	width: 50%;
     }
     .heading-title h2{
     	font-size: 30px;
     }
     .b-box .banner-heading {
    left: 8%;
    top: -40px;
    position: absolute;
}
.ctm-pdb{
	padding: 0 15px;
}

}