h1,h2,h3,h4,h5,h6{
	font-family:"Poppins",sans-serif;
	color:#404041;
	margin-top:0px;
	font-style:normal;
	font-weight:500;
	text-transform:normal
}

p{
	font-family:"Poppins",sans-serif;
	color:#000000;
	font-size:16px;
	line-height:1.6;
	margin-bottom:19px;
	font-weight:400;
}

a,button{
	color:#888888;
	outline:medium none
}

.slider-area .hero__caption h1{
	font-size:70px;
	font-weight:900;
	margin-bottom:14px;
	color:#002d5b;
	font-family:"Poppins",sans-serif;
	line-height:1.2;
	text-transform:uppercase;
	margin-bottom:53px
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.slider-area .hero__caption h1{
		font-size:60px;
		line-height:1.2
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.slider-area .hero__caption h1{
		font-size:50px;
		line-height:1.2
	}
}
@media (max-width: 767px){
	.slider-area .hero__caption h1
	{
		font-size:35px;
		line-height:1
	}
}
.slider-area .hero__caption p{
	font-size:18px;
	line-height:1.2;
	font-weight:300;
	margin-bottom:39px;
	color:#ff656a;
	margin-bottom:7px;
	text-transform:uppercase
}
@media (max-width: 767px){
	.slider-area .hero__caption p{
		margin-bottom:30px
	}
}

.slider-active button.slick-arrow{
	position:absolute;
	top:50%;
	left:80px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	background:none;
	border:0;
	padding:0;
	z-index:2;
	opacity:0;
	visibility:hidden;
	height:60px;
	width:60px;
	border-radius:50%;
	cursor:pointer;
	background:#ff656a;
	-webkit-transition:.4s;
	-o-transition:.4s;
	transition:.4s
}

.slider-active button.slick-arrow i{
	font-size:20px;
	line-height:60px
}

.slider-active button.slick-next{
	left:auto;
	right:80px
}

.slider-active button.slick-arrow .secondary-img{
	right:26px
}

.slider-active button:hover img{
	opacity:0
}

.slider-active button:hover .secondary-img{
	opacity:1
}

.slider-active:hover button.slick-prev{
	left:100px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px){
	.slider-active:hover button.slick-prev{
		left:20px
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.slider-active:hover button.slick-prev{
		left:auto;right:10px
	}
}

.slider-active:hover button.slick-next{
	right:100px
}

@media only screen and (min-width: 1200px) and (max-width: 1600px){
	.slider-active:hover button.slick-next{
		right:20px
	}
}

.slider-active:hover button{
	opacity:1;visibility:visible
}

.slider-active button:hover{
	background:#002d5b
}

.slider-active .secondary-img{
	position:absolute;
	opacity:0
}

.mobile_menu{
	position:absolute;
	right:0px;
	width:100%;
	z-index:99;
}

/* Warna Bar Mobile Device */
.slicknav_menu .slicknav_icon-bar{
	background-color:#414142 !important
}

.slicknav_menu .slicknav_nav a:hover{
	background:transparent;
	color:#0c51a0;
}

.slicknav_menu{
	background:transparent;
	margin-top:5px !important
}

.team-profile .single-profile .single-profile-front .profile-img{
	overflow:hidden
}
.team-profile .single-profile .single-profile-front .profile-img img{
	width:100%;
	margin-bottom:30px;
	-webkit-transition:all .4s ease-out 0s;
	-moz-transition:all .4s ease-out 0s;
	-ms-transition:all .4s ease-out 0s;
	-o-transition:all .4s ease-out 0s;
	transition:all .4s ease-out 0s;
	border-bottom:7px solid transparent;
	transform:scale(1)
}
.team-profile .single-profile .single-profile-front .profile-img img:hover{
	border-bottom:7px solid #0c51a0;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);-o-transform:scale(1.1)
}
.team-profile .single-profile .single-profile-front .profile-caption{
	overflow:hidden
}
.team-profile .single-profile .single-profile-front .profile-caption h4 a{
	color:#191d34;
	font-size:25px;
	font-weight:600;
	margin-bottom:23px;
	display:block
}
.team-profile .single-profile .single-profile-front .profile-caption h4 a:hover{
	color:#ff656a
}
.team-profile .single-profile .single-profile-back{
	border:4px solid #ff656a;
	padding:31px 32px 48px 52px;
	background:#fff;
	overflow:hidden;
	top:0;position:absolute;
	transform:perspective(600px) rotateY(180deg);
	backface-visibility:hidden;
	overflow:hidden;
	transition:transform 0.5s linear
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.team-profile .single-profile .single-profile-back{
		padding:20px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.team-profile .single-profile .single-profile-back{
		padding:20px
	}
}
@media (max-width: 767px){
	.team-profile .single-profile .single-profile-back{
		padding:20px
	}
	.content {
		padding-bottom: 5em;
		display: none;
	}
}
.team-profile .single-profile .single-profile-back h4{
	color:#191d34;
	font-size:40px;
	font-weight:700;
	line-height:1.3;
	margin-bottom:30px;
	position:relative;
	display:block;
	padding-bottom:29px
}
	
.content {
	padding-bottom: 5em;
}

.team-profile .single-profile .single-profile-back h4::before{
	content:"";
	position:absolute;
	width:100px;
	height:4px;
	background:#ff656a;
	left:0;
	bottom:0
}
.team-profile .single-profile .single-profile-back p{
	margin-bottom:30px
}
.team-profile .single-profile .single-profile-back a{
	color:#191d34
}
.team-profile .single-profile .single-profile-back a:hover{
	color:#ff656a
}
.team-profile .single-profile .single-profile-front-last .profile-img{
	overflow:hidden
}
.team-profile .single-profile .single-profile-front-last .profile-img img{
	width:100%;
	margin-bottom:30px;
	-webkit-transition:all .4s ease-out 0s;-
	moz-transition:all .4s ease-out 0s;
	-ms-transition:all .4s ease-out 0s;
	-o-transition:all .4s ease-out 0s;
	transition:all .4s ease-out 0s;
	border-bottom:7px solid transparent;
	transform:scale(1)
}
.team-profile .single-profile .single-profile-front-last .profile-img img:hover{
	border-bottom:7px solid #ff656a;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1)
}
.team-profile .single-profile .single-profile-front-last .profile-caption h4 a{
	color:#191d34;
	font-size:25px;
	font-weight:600;
	margin-bottom:23px;
	display:block
}
.team-profile .single-profile .single-profile-front-last .profile-caption h4 a:hover{
	color:#ff656a
}
.team-profile .single-profile .single-profile-back-last{
	border:4px solid #0c51a0;
	padding:20px 20px 20px 20px;
	background:#fff;
	overflow:hidden;
	top:0;
	position:relative;
	top:0;
	backface-visibility:hidden;
	transition:transform 0.5s linear;
	transform:perspective(600px) rotateY(0deg)
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.team-profile .single-profile .single-profile-back-last{
		padding:20px
	}
}
@media (max-width: 767px){
	.team-profile .single-profile .single-profile-back-last{
		padding:20px
	}
}
.team-profile .single-profile .single-profile-back-last h2{
	color:#191d34;
	font-size:40px;
	font-weight:700;
	line-height:1.3;
	margin-bottom:30px;
	position:relative;
	display:block;
	padding-bottom:29px
}
.team-profile .single-profile .single-profile-back-last h2::before{
	content:"";
	position:absolute;
	width:100px;
	height:4px;
	background:#ff656a;
	left:0;
	bottom:0
}
.team-profile .single-profile .single-profile-back-last p{
	margin-bottom:30px
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.team-profile .single-profile .single-profile-back-last p{
		font-size:15px
	}
}
.team-profile .single-profile .single-profile-back-last a{
	color:#191d34
}
.team-profile .single-profile .single-profile-back-last a:hover{
	color:#ff656a
}

/* Center Logo */
.content {
    text-align: center; /* Untuk menengahkan gambar */
}

.content-wrapper img {
	display: none;
}
.content-wrapper-img img {
	display: black;
	width: 100%;
}
.content-img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20%;
    padding-bottom: 20%;
}

.content-img img {
    max-width: 40%;
    height: auto;
}

@media (max-width: 768px) {
   .content-img {
        /*display: none;*/
        justify-content: center;
        align-items: center;
        padding-top: 20%;
        padding-bottom: 20%;
    }

    .content-img img {
        /*display: none;*/
        max-width: 40%;
        height: auto;
    } 
}
.content img {
    max-width: 100%; /* Agar gambar tidak melebihi lebar kontainer */
    height: auto; /* Agar gambar tetap proporsional */
    display: block; /* Menghilangkan spasi tambahan di bawah gambar */
    margin: 0 auto; /* Menengahkan gambar horizontal */
}

/* Media query untuk tampilan mobile (misalnya, lebar layar kurang dari 768px) */
@media (max-width: 768px) {
    .content img {
    	display: none; /* Menghilangkan spasi tambahan di bawah gambar */
        width: 80%; /* Atur lebar gambar sesuai keinginan Anda */
        max-width: 100%; /* Pastikan gambar tidak melebihi lebar layar */
        margin: 0 auto; /* Menengahkan gambar horizontal */
    }

    .content-wrapper {
    	padding-bottom: 13em;
    }

    .content-wrapper img {
    	padding-top: 2em;
    	display: block; /* Menghilangkan spasi tambahan di bawah gambar */
        width: 100%; /* Atur lebar gambar sesuai keinginan Anda */
        max-width: 100%; /* Pastikan gambar tidak melebihi lebar layar */
        margin: 0 auto; /* Menengahkan gambar horizontal */
    }
}

/*TOP BAR COLOR*/
.top-bg{
	background:#0c51a0
}

/*Footer*/
.footer-padding{
	padding-top:170px;
	padding-bottom:50px
}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
	.footer-padding{
		padding-top:120px;padding-bottom:10px
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.footer-padding{
		padding-top:100px;padding-bottom:10px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.footer-padding{
		padding-top:100px;
		padding-bottom:10px
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.footer-padding{
		padding-top:100px;
		padding-bottom:10px
	}
}
@media (max-width: 767px){
	.footer-padding{
		padding-top:80px;
		padding-bottom:10px
	}
}
.footer-area{
	background:#a63656
}
.footer-area .footer-logo{
	margin-bottom:40px
}
.footer-area .footer-pera p{
	color:#868c98;
	padding-right:125px;
	font-size:16px;
	margin-bottom:20px;
	line-height:1.8
}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
	.footer-area .footer-pera p{
		padding-right:138px
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.footer-area .footer-pera p{
		padding-right:95px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.footer-area .footer-pera p{
		padding-right:13px
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.footer-area .footer-pera p{
		padding-right:80px
	}
}
@media (max-width: 767px){
	.footer-area .footer-pera p{
		padding-right:30px
	}
}
.footer-area .footer-pera.footer-pera2 p{
	padding:0
}
.footer-area .footer-tittle h4{
	color:#fff;
	font-size:20px;
	margin-bottom:29px;
	font-weight:500;
	text-transform:capitalize
}
.footer-area .footer-tittle ul li{
	color:#012f5f;
	margin-bottom:15px
}
.footer-area .footer-tittle ul li a{
	color:#868c98;
	font-weight:300
}.footer-area .footer-tittle ul li a:hover{
	color:#ff656a;
	padding-left:5px
}
.footer-area .footer-form{
	margin-top:40px
}
.footer-area .footer-form form{
	position:relative
}
.footer-area .footer-form form input{
	width:100%;
	height:43px;
	padding:10px 20px;
	border:1px solid #fff
}
.footer-area .footer-form form .form-icon button{
	position:absolute;
	top:0;
	right:0;
	background:none;
	border:0;
	cursor:pointer;
	padding:13px 22px;
	background:#ff656a;
	line-height:1
}
.footer-area .info.error{
	color:#ff656a
}
.footer-area .footer-social a i{
	color:#222222;
	margin-right:12px;
	font-size:19px;
	-webkit-transition:all .4s ease-out 0s;
	-moz-transition:all .4s ease-out 0s;
	-ms-transition:all .4s ease-out 0s;
	-o-transition:all .4s ease-out 0s;
	transition:all .4s ease-out 0s
}
.footer-area .footer-social a i:hover{
	color:#ff656a;
	box-shadow:0 -3px 0 0 rgba(24,24,24,0.15) inset,0 3px 10px rgba(0,0,0,0.3);
	-webkit-transform:translateY(-3px);
	-moz-transform:translateY(-3px);
	-ms-transform:translateY(-3px);
	transform:translateY(-3px)
}
.footer-bottom-area{
	background:#a63656
}
.footer-bottom-area .footer-border{
	border-top:1px solid #d3e5fd;
	padding:40px 0px 23px
}
@media (max-width: 767px){
	.footer-bottom-area .footer-border{
		padding:35px 0px 20px
	}
}
.footer-bottom-area .footer-copy-right p{
	color:#888888;
	font-weight:300;
	font-size:16px;
	line-height:2;
	margin-bottom:12px
}
.footer-bottom-area .footer-copy-right p i{
	color:#ff656a
}
.footer-bottom-area .footer-copy-right p a{
	color:#ff656a
}

.section-tittle h2{
	color:#fff;
	font-family: 'Poppins', monospace;
	font-size:45px;
	font-weight:700;
	line-height:1;
	margin-bottom:95px
}

@media (max-width: 767px){
	.section-tittle h2{
		font-size:29px;
		color: #fff;
		line-height:1.3;
		margin-bottom:50px
	}
}

#scrollUp{
	background:#414142;
	height:50px;
	width:50px;
	right:31px;
	bottom:18px;
	color:#fff;
	font-size:20px;
	text-align:center;
	border-radius:30%;
	line-height:48px;
	border:2px solid transparent
}
@media (max-width: 767px){
	#scrollUp{
		right:16px
	}
}

#scrollUp:hover{
	color:#85898d
}

/*HEADER*/
.header-area .header-top{
	padding:13px 185px
}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
	.header-area .header-top{
		padding:13px 80px
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.header-area .header-top{
		padding:13px 50px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.header-area .header-top{
		padding:13px 50px
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.header-area .header-top{
		padding:13px 20px
	}
}
@media (max-width: 767px){
	.header-area .header-top{
		padding:13px 20px
	}
}
.header-area .header-bottom{
	padding:0px 60px
}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
	.header-area .header-bottom{
		padding:0px 80px
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.header-area .header-bottom{
		padding:0px 50px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.header-area .header-bottom{
		padding:22px 50px
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.header-area .header-bottom{
		padding:22px 20px
	}
}
@media (max-width: 767px){
	.header-area .header-bottom{
		padding:22px 20px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.header-area{
		box-shadow:0 10px 15px rgba(25,25,25,0.1)
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.header-area{box-shadow:0 10px 15px rgba(25,25,25,0.1)
	}
}
@media (max-width: 767px){
	.header-area{
		box-shadow:0 10px 15px rgba(25,25,25,0.1)
	}
}
.header-area .header-top .header-info-left ul li{
	color:#fff;
	display:inline-block;
	margin-right:56px;
	font-family:"Poppins",sans-serif;
	font-size:14px
}
.header-area .header-top .header-info-left ul li:last-child{
	margin-right:0px
}
.header-area .header-top .header-info-left ul li i{
	margin-right:8px
}
.header-area .header-top .header-info-right .header-social li{
	display:inline-block
}
.header-area .header-top .header-info-right .header-social li a{
	color:#fff;
	font-size:14px;
	padding-left:25px
}
.header-area .header-top .header-info-right .header-social li a:hover{
	color:#ff656a
}
.header-sticky ul li a{
	padding:10px 19px
}
.header-sticky.sticky-bar.sticky .main-menu ul>li>a{
	padding:26px 20px
}
.slicknav_nav{
	margin-top:10px
}
.header-sticky.sticky-bar.sticky .header-btn .get-btn{
	padding:20px 20px
}

.header-bottom.header-sticky {
    background-color: #a63656;
}

.header-area .header-top .header-info-right .header-social a i{
	-webkit-transition:all .4s ease-out 0s;
	-moz-transition:all .4s ease-out 0s;
	-ms-transition:all .4s ease-out 0s;
	-o-transition:all .4s ease-out 0s;
	transition:all .4s ease-out 0s;
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg)
}
.header-area .header-top .header-info-right .header-social a:hover i{
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg)
}

.main-header{
	position:relative;
	z-index:3
}
.main-header ul>li:hover>ul.submenu{
	visibility:visible;
	opacity:1;
	top:100%
}
.header-area .slicknav_btn{
	top:-37px
}
.slider-height{
	min-height:830px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}

/* CSS khusus untuk perangkat mobile */
@media only screen and (max-width: 768px) {
    /* Ganti warna latar belakang menjadi biru untuk perangkat mobile */
    .header-bottom.header-sticky {
        background-color: #f4f4f4;
    }
}

/* Sembunyikan logo pada tampilan desktop (lebar layar lebih besar dari 768px) */
.logo {
    display: none;
}

/* Tampilkan logo hanya pada perangkat mobile (lebar layar kurang dari atau sama dengan 768px) */
@media only screen and (max-width: 768px) {
    .logo {
        display: block;
        text-align: center; /* Menampilkan logo di tengah */
    }

    .logo img {
        width: 25%; /* Mengatur ukuran gambar menjadi 50% */
        height: auto;
    }
}

.navigation-top{
	padding-top:15px;
	border-top:1px solid #f0e9ff
}
.single-post-area .navigation-top p{
	margin-bottom:0
}
.single-post-area .navigation-top .like-info{
	font-size:14px
}
.single-post-area .navigation-top .like-info i,.single-post-area .navigation-top .like-info span{
	font-size:16px;margin-right:5px
}
.single-post-area .navigation-top .comment-count{
	font-size:14px
}
.single-post-area .navigation-top .comment-count i,.single-post-area .navigation-top .comment-count span{
	font-size:16px;
	margin-right:5px
}
.single-post-area .navigation-top .social-icons li{
	display:inline-block;
	margin-right:15px
}
.single-post-area .navigation-top .social-icons li:last-child{
	margin:0
}
.single-post-area .navigation-top .social-icons li i,.single-post-area .navigation-top .social-icons li span{
	font-size:14px;
	color:#999999
}
.single-post-area .blog-author{
	padding:40px 30px;
	background:#fbf9ff;
	margin-top:50px
}
@media (max-width: 600px){
	.single-post-area .blog-author{
		padding:20px 8px
	}
}
.single-post-area .blog-author img{
	width:90px;
	height:90px;
	border-radius:50%;
	margin-right:30px
}
@media (max-width: 600px){
	.single-post-area .blog-author img{
		margin-right:15px;
		width:45px;
		height:45px
	}
}
.single-post-area .blog-author a{
	display:inline-block
}
.single-post-area .blog-author a:hover{
	color:#ff656a
}
.single-post-area .blog-author p{
	margin-bottom:0;
	font-size:15px
}
.single-post-area .blog-author h4{
	font-size:16px
}
.single-post-area .navigation-area{
	border-bottom:1px solid #eee;
	padding-bottom:30px;
	margin-top:55px
}
.single-post-area .navigation-area p{
	margin-bottom:0px
}
.single-post-area .navigation-area h4{
	font-size:18px;
	line-height:25px
}
.single-post-area .navigation-area .nav-left{
	text-align:left
}
.single-post-area .navigation-area .nav-left .thumb{
	margin-right:20px;
	background:#000
}
.single-post-area .navigation-area .nav-left .thumb img{
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s
}
.single-post-area .navigation-area .nav-left .lnr{
	margin-left:20px;
	opacity:0;
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s
}
.single-post-area .navigation-area .nav-left:hover .lnr{
	opacity:1
}
.single-post-area .navigation-area .nav-left:hover .thumb img{
	opacity:.5
}
@media (max-width: 767px){
	.single-post-area .navigation-area .nav-left{
		margin-bottom:30px
	}
}
.single-post-area .navigation-area .nav-right{
	text-align:right
}
.single-post-area .navigation-area .nav-right .thumb{
	margin-left:20px;
	background:#000
}
.single-post-area .navigation-area .nav-right .thumb img{
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s
}
.single-post-area .navigation-area .nav-right .lnr{
	margin-right:20px;
	opacity:0;
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s
}.single-post-area .navigation-area .nav-right:hover .lnr{
	opacity:1
}
.single-post-area .navigation-area .nav-right:hover .thumb img{
	opacity:.5
}
/*WARNA TULISAN*/
#navigation li a {
    color: white;
}

/* CSS untuk mengubah warna teks menjadi biru pada tampilan mobile (lebar layar kurang dari atau sama dengan 768px) */
@media only screen and (max-width: 768px) {
    #navigation li a {
        color: blue;
    }
}

.trusted-caption{
	background:rgba(255,255,255,0.8);
	padding:57px 115px 50px 60px;
	margin-left:-152px;
	border-radius: 7%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.we-trusted-area .trusted-caption{
		padding:30px 5px 30px 30px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.we-trusted-area .trusted-caption{
		padding:30px;margin-left:0px
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.we-trusted-area .trusted-caption{
		padding:0px;margin-left:0px
	}
}
@media (max-width: 767px){
	.we-trusted-area .trusted-caption{
		padding:0px;
		margin-left:0px
	}
}
.we-trusted-area .trusted-caption h2{
	color:#191d34;
	font-size:40px;
	font-weight:700;
	line-height:1.2;
	margin-bottom:20px;
	display:block;
	text-align: center;
}
@media (max-width: 767px){
	.we-trusted-area .trusted-caption h2{
		font-size:24px;
		line-height:1.3
	}
}
.we-trusted-area .trusted-caption p{
	margin-bottom:57px;
	text-align: center;
	padding: 3px 8px 6px 8px;
}

.horizontal-line {
  border-top: 1px solid #fff; /* Membuat garis putih dengan ketebalan 1px */
  width: 100%; /* Menggunakan lebar 100% dari elemen yang mengandungnya */
  margin: 0px 0; /* Mengatur jarak atas dan bawah dari garis */
}

.services-area .single-services .services-caption h4{
	color:#fff;
	font-family:"Poppins",sans-serif;
	font-size:25px;
	font-weight:600;
	margin-bottom:25px;
	display:inline-block
}

@media only screen and (min-width: 1200px) and (max-width: 1600px){
	.services-area .single-services .services-caption h4{
		font-size:22px
	}
}
@media (max-width: 767px){
	.services-area .single-services .services-caption h4{
		font-size:19px
	}
}

.services-area .single-services .services-caption p{
	color: #fff;
}

.services-area .single-services .services-caption p{
	line-height:25px;
	font-family:"Poppins",sans-serif;
	text-align: justify;
	padding: 25px 15px 20px 15px;
}

.we-trusted-area .services-area .single-services{
	padding:86px 61px 64px 61px;
	-webkit-transition:all .4s ease-out 0s;
	-moz-transition:all .4s ease-out 0s;
	-ms-transition:all .4s ease-out 0s;
	-o-transition:all .4s ease-out 0s;
	transition:all .4s ease-out 0s;
	background:#fcfdff;
	position:relative
}
.services-area .single-services:hover{
	background:#f8fafe;
	border-radius: 5%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.services-area .single-services{
		padding:26px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.services-area .single-services{
		padding:40px
	}
}
@media (max-width: 767px){
	.services-area .single-services{
		padding:30px
	}
}
.services-area .single-services .services-icon span{
	font-size:54px;
	margin-bottom:23px;
	display:block;
	color:#fff;
	-webkit-transition:all .4s ease-out 0s;
	-moz-transition:all .4s ease-out 0s;
	-ms-transition:all .4s ease-out 0s;
	-o-transition:all .4s ease-out 0s;
	transition:all .4s ease-out 0s
}
.services-area .single-services::before{
/*	background-image:url(../img/service/services_bg.png);*/
	content:"";
	position:absolute;
	min-width:221px;
	height:216px;
	right:0px;
	bottom:0px;
	z-index:-1;
	-webkit-transition:all .4s ease-out 0s;
	-moz-transition:all .4s ease-out 0s;
	-ms-transition:all .4s ease-out 0s;
	-o-transition:all .4s ease-out 0s;
	transition:all .4s ease-out 0s
}@media (max-width: 767px){
	.services-area .single-services::before{
		display:none
	}
}
.single-services:hover::before{
	right:-12px;bottom:-12px
}

.single-services:hover .services-icon span{
	color:#000;
}

.services-area .single-services:hover .services-caption h4{
	color:#000
}

.services-area .single-services:hover .services-caption p{
	color:#000
}

.completed-cases .single-cases-img .single-cases-cap{
	background:#0c51a0;
	opacity:0 ;
	padding:5px 7px 5px 7px;
	position:absolute;
	left:-200px;bottom:0;
	max-width:371px;
	-webkit-transition:all .6s ease-out 0s;
	-moz-transition:all .6s ease-out 0s;
	-ms-transition:all .6s ease-out 0s;
	-o-transition:all .6s ease-out 0s;
	transition:all .6s ease-out 0s;
	opacity:0;
	visibility:hidden;
	width:80%
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.completed-cases .single-cases-img .single-cases-cap{
		padding:3px
	}
}
.completed-cases .single-cases-img .single-cases-cap h4 a{
	color:#191d34;
	font-size:15px;
	font-weight:600;
	margin-bottom:23px;
	-webkit-transition:all .4s ease-out 0s;
	-moz-transition:all .4s ease-out 0s;
	-ms-transition:all .4s ease-out 0s;
	-o-transition:all .4s ease-out 0s;
	transition:all .4s ease-out 0s;
	cursor:pointer
}
.completed-cases .single-cases-img .single-cases-cap h4 a:hover{
	color:#0c51a0
}
.completed-cases .single-cases-img .single-cases-cap p{
	margin-bottom:30px
}
.completed-cases .single-cases-img .single-cases-cap span{
	color:#aebccb;
	font-size:14px;
	font-weight:600
}
.completed-cases .single-cases-img .single-cases-cap.single-cases-cap2{
	opacity:1;
	visibility:visible;
	left:0;
	bottom:0;
	padding:20px 19px 4px 30px
}
.completed-cases .single-cases-img .single-cases-cap.single-cases-cap2 h4{
	margin-bottom:9px
}
.completed-cases .single-cases-img .single-cases-cap.single-cases-cap2 p{
	margin-bottom:7px;
	line-height:1.4
}
.single-cases-img:hover .single-cases-cap{
	left:0;
	bottom:0;
	opacity:1;
	visibility:visible;
	width:80%;
	right:-28%
}

@media only screen and (min-width: 1200px) and (max-width: 1600px){
	.main-header .main-menu{
		margin-right:30px
	}
}
.main-header .main-menu ul li{
	display:inline-block;
	position:relative;
	z-index:1
}
.main-header .main-menu ul li a{
	color:#002e5b;
	font-weight:500;
	padding:39px 19px;
	display:block;
	font-size:14px;
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s;
	text-transform:uppercase
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.main-header .main-menu ul li a{
		padding:39px 15px
	}
}
.main-header .main-menu ul li:hover>a{
	color:#ff656a
}
.main-header .main-menu ul ul.submenu{
	position:absolute;
	width:170px;
	background:#0c51a0;
	left:0;
	top:120%;
	visibility:hidden;
	opacity:0;
	box-shadow:0 0 10px 3px rgba(0,0,0,0.05);
	padding:17px 0;
	border-top:5px solid #fff;
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s
}
.main-header .main-menu ul ul.submenu>li{
	margin-left:7px;
	display:block
}
.main-header .main-menu ul ul.submenu>li>a{
	padding:6px 10px !important;
	font-size:14px;
	color:#0b1c39;
	text-transform:capitalize
}
.main-header .main-menu ul ul.submenu>li>a:hover{
	color:black;
	background:#7b9bc5;
}

.f-left{
	float:left
}
.f-right{
	float:right
}

.scroll-container{
  overflow: auto;
  white-space: nowrap;
  padding: 5px 70px 5px 20px;
  background: transparent;
  height: 100%;
  border-radius:15px;
}

.gridscroll{
  display:inline-block;
}

.gridscroll img {
  margin-right:22px;
  width: 810px;
}

.blog_item_img .blog_item_date{
	position:absolute;
	bottom:-10px;
	left:10px;
	display:block;
	color:#fff;
	background-color:#004994;
	padding:8px 15px;
	border-radius:5px
}
@media (min-width: 768px){
	.blog_item_img .blog_item_date{
		bottom:-20px;
		left:40px;
		padding:13px 30px
	}
}
.blog_item_img .blog_item_date h3{
	font-size:22px;
	font-weight:600;
	color:#fff;
	margin-bottom:0;
	line-height:1.2
}
@media (min-width: 768px){
	.blog_item_img .blog_item_date h3{
		font-size:30px
	}
}
.blog_item_img .blog_item_date p{
	font-size:18px;
	margin-bottom:0;
	color:#fff
}
@media (min-width: 768px){
	.blog_item_img .blog_item_date p{
		font-size:18px
	}
}
.blog_details{
	padding:30px 0 20px 10px;
	box-shadow:0px 10px 20px 0px rgba(221,221,221,0.3)
}
@media (min-width: 768px){
	.blog_details{
		padding:60px 30px 35px 35px
	}
}
.blog_details p{
	margin-bottom:30px
}
.blog_details a{
	color:#004994
}
.blog_details a:hover{
	color:#ff656a
}
.blog_details h2{
	font-size:18px;
	font-weight:600;
	margin-bottom:8px
}
@media (min-width: 768px){
	.blog_details h2{
		font-size:24px;
		margin-bottom:15px
	}
}
.blog-info-link li{
	float:left;
	font-size:14px
}
.single-post-area .blog_details{
	box-shadow:none;
	padding:0
}
.single-post-area .social-links{
	padding-top:10px
}
.single-post-area .social-links li{
	display:inline-block;
	margin-bottom:10px
}
.single-post-area .social-links li a{
	color:#cccccc;
	padding:7px;
	font-size:14px;
	transition:all 0.2s linear
}
.single-post-area .blog_details{
	padding-top:26px
}
.single-post-area .blog_details p{
	margin-bottom:5px;
	font-size:15px
}
@media (max-width: 767px){
	.list cat-list{
		padding:80px 0px
	}
}
.blog_right_sidebar .post_category_widget .cat-list li{
	border-bottom:1px solid #f0e9ff;
	transition:all 0.3s ease 0s;
	padding-bottom:12px
}
.blog_right_sidebar .post_category_widget .cat-list li:last-child{
	border-bottom:0
}
.blog_right_sidebar .post_category_widget .cat-list li a{
	font-size:14px;
	line-height:20px;
	color:#888888
}
.blog_right_sidebar .post_category_widget .cat-list li a p{
	margin-bottom:0px
}
.blog_right_sidebar .post_category_widget .cat-list li+li{
	padding-top:15px
}
.form-wrapper .nice-select.open .list{
	width:100%;
	border-radius:0
}
.form-wrapper .nice-select .list{
	width:100%
}
.comments-area .comment-list{
	padding-bottom:48px
}
.comments-area .comment-list:last-child{
	padding-bottom:0px
}
.comments-area .comment-list.left-padding{
	padding-left:25px
}
@media (max-width: 413px){
	.comments-area .comment-list .single-comment h5{
		font-size:12px
	}
	.comments-area .comment-list .single-comment .date{
		font-size:11px
	}
	.comments-area .comment-list .single-comment .comment{
		font-size:10px
	}
}
.popup_box .nice-select.open .list{
	opacity:1;
	pointer-events:auto;
	-webkit-transform:scale(1) translateY(0);
	-ms-transform:scale(1) translateY(0);
	transform:scale(1) translateY(0);
	height:200px;
	overflow-y:scroll
}
.popup_box .nice-select.list{
	height:200px;
	overflow-y:scroll
}
#test-form{
	display:inline-block;
	margin:auto;
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)
}
.blog_right_sidebar .widget_title{
	font-size:20px;
	margin-bottom:12px
}
.blog_right_sidebar .widget_title::after{
	content:"";
	display:block;
	padding-top:15px;
	border-bottom:2px solid #a63656;
}
.blog_right_sidebar .single_sidebar_widget{
	background:#fbf9ff;
	padding:30px;
	margin-bottom:30px
}
.blog_right_sidebar .single_sidebar_widget .btn_1{
	margin-top:0px
}
.blog_right_sidebar .search_widget .form-control{
	height:50px;
	border-color:#f0e9ff;
	font-size:13px;
	color:#999999;
	padding-left:20px;
	border-radius:0;
	border-right:0
}
.blog_right_sidebar .search_widget .form-control::placeholder{
	color:#999999
}
.blog_right_sidebar .search_widget .form-control:focus{
	border-color:#f0e9ff;
	outline:0;
	box-shadow:none
}
.blog_right_sidebar .search_widget .input-group button{
	background:#ff656a;
	border-left:0;
	border:1px solid #f0e9ff;
	padding:4px 15px;
	border-left:0;
	cursor:pointer
}
.blog_right_sidebar .search_widget .input-group button i{
	color:#fff
}
.blog_right_sidebar .search_widget .input-group button span{
	font-size:14px;
	color:#999999
} 
.blog_right_sidebar .tag_cloud_widget ul li{
	display:inline-block
}
.blog_right_sidebar .tag_cloud_widget ul li a{
	display:inline-block;
	border:1px solid #eeeeee;
	background:#fff;
	padding:4px 20px;
	margin-bottom:8px;
	margin-right:3px;
	transition:all 0.3s ease 0s;
	color:#888888;
	font-size:13px
}
.blog_right_sidebar .tag_cloud_widget ul li a:hover{
	background:#a63656;
	color:#fff !important;
	-webkit-text-fill-color:#fff;
	text-decoration:none;
	-webkit-transition:0.5s;
	transition:0.5s
}
.latest-blog-area .area-heading{
	margin-bottom:70px
}
.blog_area a{
	color:"Poppins",sans-serif !important;
	text-decoration:none;transition:.4s
}.blog_area a:hover,.blog_area a :hover{
	background:-webkit-linear-gradient(131deg, #ff656a 0%, #ff656a 99%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	text-decoration:none;
	transition:.4s
}
.single-blog{
	overflow:hidden;
	margin-bottom:30px
}
.single-blog:hover{
	box-shadow:0px 10px 20px 0px rgba(42,34,123,0.1)
}
.single-blog .thumb{
	overflow:hidden;
	position:relative
}
.single-blog .thumb:after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s
}
.single-blog h4{
	border-bottom:1px solid #dfdfdf;
	padding-bottom:34px;
	margin-bottom:25px
}
.single-blog a{
	font-size:20px;
	font-weight:600
}
.single-blog .date{
	color:#666666;
	text-align:left;
	display:inline-block;
	font-size:13px;
	font-weight:300
}
.single-blog .tag{
	text-align:left;
	display:inline-block;
	float:left;
	font-size:13px;
	font-weight:300;
	margin-right:22px;
	position:relative
}
.single-blog .tag:after{
	content:'';
	position:absolute;
	width:1px;
	height:10px;
	background:#acacac;
	right:-12px;
	top:7px
}@media (max-width: 1199px){
	.single-blog .tag{
		margin-right:8px
	}
	.single-blog .tag:after{
		display:none
	}
}
.single-blog .likes{
	margin-right:16px
}
@media (max-width: 800px){
	.single-blog{
		margin-bottom:30px
	}
}
.single-blog .single-blog-content{
	padding:30px
}
.single-blog .single-blog-content .meta-bottom p{
	font-size:13px;
	font-weight:300
}
.single-blog .single-blog-content .meta-bottom i{
	color:#fdcb9e;
	font-size:13px;
	margin-right:7px
}
@media (max-width: 1199px){
	.single-blog .single-blog-content{
		padding:15px
	}
}
.single-blog:hover .thumb:after{
	opacity:.7;
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s
}
@media (max-width: 1199px){
	.single-blog h4{
		transition:all 300ms linear 0s;
		border-bottom:1px solid #dfdfdf;
		padding-bottom:14px;
		margin-bottom:12px
	}
	.single-blog h4 a{
		font-size:18px
	}
}
.full_image.single-blog{
	position:relative
}
.full_image.single-blog .single-blog-content{
	position:absolute;
	left:35px;
	bottom:0;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s
}
@media (min-width: 992px){
	.full_image.single-blog .single-blog-content{
		bottom:100px
	}
}
.full_image.single-blog h4{
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s;
	border-bottom:none;
	padding-bottom:5px
}
.full_image.single-blog a{
	font-size:20px;
	font-weight:600
}
.full_image.single-blog .date{
	color:#fff

}
.full_image.single-blog:hover .single-blog-content{
	opacity:1;
	visibility:visible;
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s
}
.l_blog_item .l_blog_text .date{
	margin-top:24px;
	margin-bottom:15px
}
.l_blog_item .l_blog_text .date a{
	font-size:12px
}
.blog-pagination{
	margin-top:80px
}
.blog-pagination .page-link{
	font-size:14px;
	position:relative;
	display:block;
	padding:0;
	text-align:center;
	margin-left:-1px;
	line-height:45px;
	width:45px;
	height:45px;
	border-radius:0 !important;
	color:#8a8a8a;
	border:1px solid #f0e9ff;
	margin-right:10px
}
.blog-pagination .page-link i,.blog-pagination .page-link span{
	font-size:13px
}
.blog-pagination .page-item.active .page-link{
	background-color:#fbf9ff;
	border-color:#f0e9ff;
	color:#888888
}
.blog-pagination .page-item:last-child .page-link{
	margin-right:0
}
.popup_box .boxed-btn3{
	width:100%;
	text-transform:capitalize
}

.boxed-btn{
	background:#fff;
	color:#af274d !important;
	display:inline-block;
	padding:18px 44px;
	font-family:"Poppins",sans-serif;
	font-size:14px;
	font-weight:400;
	border:0;
	border:1px solid #af274d;
	letter-spacing:3px;
	text-align:center;
	color:#ff656a;
	text-transform:uppercase;
	cursor:pointer
}

.boxed-btn:hover{
	background:#af274d;
	color:#fff !important;
	border:1px solid #af274d
}
.boxed-btn:focus{
	outline:none
}
.boxed-btn.large-width{
	width:220px
}
.blog-info-link li a{
    color: #5f8dbc;
}
.blog-info-link li i,
.blog-info-link li span{
    font-size:13px;
    margin-right:5px
}
.blog-info-link li::after{
    content:"";
    padding-left:5px;
    padding-right:5px
}
.blog-info-link li:last-child::after{
    display:none
}.blog-info-link::after{
    content:"";
    display:block;
    clear:both;
    display:table
}
.btn{
	background:#414142;
	-moz-user-select:none;
	text-transform:uppercase;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-size:14px;
	font-weight:500;
	letter-spacing:1px;
	line-height:0;
	margin-bottom:0;
	padding:27px 44px;
	border-radius:5px;
	min-width:200px;
	margin:10px;
	cursor:pointer;
	transition: 0.4s linear;
	position:relative;
	z-index:1;
	border:0;
	overflow:hidden;
	margin:0
}
.btn::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:110%;
	height:100%;
	background:#9d9d9c;
	z-index:1;
	border-radius:5px;
	transition:transform 0.5s;
	transition-timing-function:ease;
	transform-origin:0 0;
	transition-timing-function:cubic-bezier(0.5, 1.6, 0.4, 0.7);
	transform:scaleX(0)
}
.btn:hover::before{
	transform:scaleX(1);
	color:#fff !important;
	z-index:-1
}
.ordered-list li{
    list-style-type:decimal;
    color:#778491;
    font-weight:500;
    line-height:1.82em !important
}
.ordered-list li span{
    font-weight:300;
    color:#828bb2
}