/*
  Theme Name: Trade - Corporate HTML5 Template
  Description: Corporate HTML5 Template
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. Header
3. Slider
4. About
5. Service
7. Counter
8. Portfolio
9. Testimonial
10. Team
11. Footer
12. Breadcrumb
13. Contact
14. Blog
15. Pagination
*/

/* @font-face {
	font-family: "Sentinel-Book";
	src: url("../fonts/sentinel/Sentinel-Book.otf") format("otf");
} */

/* 1. Theme default css */
@import url("https://fonts.googleapis.com/css?family=Epilogue:700,400");

html, body{
	overflow-x: hidden;
}

 body {
	font-family: "Epilogue", Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #0C1618;
	overflow-x: hidden;
}
#fmobile{
	display: none;
}
/* MEMBER AREA */
.countdown-timer{
	display: flex;
    margin-right: 4px;
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.countdown-unit{
	margin-right: 29px;
}
.countdown-unit bold{
	font-weight: 700;
}
.member-area .img-team .pro{
	height: auto;
}
.member-area .info-team{
	margin-bottom: 49px;
	min-height: 566px;
}
.short-comm{
	margin-bottom: 26px;
}
.member-area .info-team .tt_of_ct h1{
	color: #FFF;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 36.575px; /* 36.575px */
	margin-bottom: 26px;
}
.member-area .info-team .tt_of_ct p{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 21px */
	margin: 0;
}
.boxies-team.member-area {
	min-height: 1157px;
}
.btn-primer-dfg{
	position: relative;
	text-align: center;
}
.btn-primer-dfg a{
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	border-radius: 54px;
	border: 1px solid #FFF;
	background: rgba(217, 217, 217, 0.00);
	padding: 10px 37px;
	transition: all .5s ease-in;
}
.btn-primer-dfg a:hover{
	background: #FFFFFF;
	color: #0C1618;
}
.btn-primer-dfg.email a{
	padding: 10px 27px;
	margin: 0px 5px;
}
/* end sec comm */
.res_member_bx{
	width: 100%;
	min-height: 403px;
    border-radius: 96px;
	padding: 55px;
	position: relative;
	background-color: lightgray;
	background-position: center;
    background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	transition: background 2s ease-in;
	margin-bottom: 24px;
}

.res_member_bx::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(24, 34, 36, 0.00) 0%, #182224 100%);
	transition: background 2s ease-in;
	
}
.res_overly_info{
	position: absolute;
    display: flex;
    bottom: 56px;
}
.res_overly_info .title_res_ct{
	width: 239px;
	display: flex;
    align-items: center;
}

.res_overly_info .title_res_ct h1{
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 29.7px; /* 29.7px */
}

.res_overly_info .dw_rest_ct .circle_ic_dw{
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background-color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background-color .5s ease-in;
}
.res_overly_info .dw_rest_ct .circle_ic_dw:hover{
	background-color: #FE5448;
}
.res_overly_info .dw_rest_ct .circle_ic_dw img{
	width: 33px;
}
.res_member_bx:hover::before{
	cursor: pointer;
	/* border-radius: 96px; */
	background: linear-gradient(0deg, rgba(24, 34, 36, 0.64) 0%, rgba(24, 34, 36, 0.64) 100%), linear-gradient(180deg, rgba(24, 34, 36, 0.00) 0%, #182224 100%);
}
.res_member_bx:hover .hover-desc{
	display: block;
}
.hover-desc{
	position: absolute;
    top: 19%;
    width: 70%;
	display: none;
	transition: display 2s ease-in;
}
.hover-desc p{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 21px */
}
/* end sec resource */
.member-area .even p{
	width: 100%;
	
	font-size: 14px;
}
.member-area .even h1{
	width: 347px;
	color: #FE5448;
}
.card-guide{
	position: relative;
	padding-top: 24px;
}
.bx_lt_guide {
	border-radius: 108px;
    border: 1px solid #D9D9D9;

	padding: 46px 30px 46px 50px;
	min-height: 408px;
}
.bx_lt_guide.white{
	background: #FFF;
	border: unset;
}
.bx_lt_guide.red{
	background: #FE5448;
	border: unset;
}
.guide_ic{
	padding-bottom: 27px;
}
.guide_ic img{
	max-width: 95px;
    height: auto;
}

.guide_tx p{
	color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 21px;
}
.guide_sum{
	min-height: 84px;
	margin-bottom: 30px;
}
.white .guide_tx p, .white .guide_sum p, .white .guide_lk a{
	color: #0C1618;
}
.guide_sum p{
	color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
	margin: 0;
}

.guide_lk{
	border-radius: 54px;
    border: 1px solid #FFF;
    /* background: rgba(217, 217, 217, 0.00); */
    max-width: 137px;
    text-align: center;
    padding: 10px 0px;
	transition: all .2 ease;
}
.white .guide_lk{
	border: 1px solid #0C1618;;
}
.guide_lk a{
	color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
	transition: all .2 ease;
}
.guide_lk:hover{
	background: #FFF;
	color: #0C1618;
}
.guide_lk:hover.guide_lk a{
	color: #0C1618;
}
/* END MEMBER AREA */

html.modal-open {
    overflow: hidden;
}

.section-title {
	overflow: hidden;
}

.shade {
	background: linear-gradient(90deg, rgba(12, 22, 24, 0.72) 25.38%, rgba(12, 22, 24, 0) 91.95%);
	position: absolute;
	z-index: 3;
	top: 0;
}

.scroll-container::-webkit-scrollbar {
	background-color: transparent;
	width: 8px;
	height: 8px;
}

.scroll-container::-webkit-scrollbar-track {
	background-color: transparent;
}

.scroll-container::-webkit-scrollbar-track:hover {
	background-color: transparent;
}

.scroll-container::-webkit-scrollbar-thumb {
	background-color: #a0a0a596;
	border-radius: 16px;
}

.scroll-container::-webkit-scrollbar-thumb:hover {
	background-color: #a0a0a596;
}

.scroll-container::-webkit-scrollbar-button {
	display: none;
}

.mobile_ver {
	margin: 0;
    padding: 0;
	background-image: url(../img/assets/backgroundmobile.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	height: 700px;
	display: none;
}
.pt-27{
	padding-top: 27px;
}
.pb-27{
	padding-bottom: 27px;
}
.pm-area{
	max-width: 1280px;
	padding-top: 80px;
	display: flex;
	align-items: center;
}
.pm-area .modal-content{
    border-radius: 108px;
    border: 1px solid #D9D9D9;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(70px);
	-webkit-backdrop-filter: blur(70px);
	min-height: 702px;
}
.pm-area .modal-body{
	display: grid;
	align-items: center;
}
.pm-area .modal-header{
	border: unset;
	position: absolute;
    border: unset;
    right: 35px;
    top: 25px;
	z-index: 2;
}
.body-mmbr {
	position: relative;
	
	text-align: center;
}
.body-mmbr h1 {
	color: #FFF;
	font-size: 46px;
	font-style: normal;
	font-weight: 700;
	line-height: 57.5px; /* 57.5px */
	margin-bottom: 40px;
}
.body-mmbr p {
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 23.408px; /* 23.408px */

}
.fm-input input{
	border-radius: 24px;
	border: 1px solid #FFF;
	background: rgba(255, 255, 255, 0.13);
	padding: 0px 30px;
    width: 291px;
    height: 49px;
	margin-bottom: 22px;
	font-size: 30px;
    color: #FFF;
    text-align: center;
}
.fm-enter button{
	color: #FFF;
    border-radius: 54px;
    border: 1px solid #FFF;
    background: rgba(217, 217, 217, 0.00);
    padding: 10px 42px;
	transition: all 0.5s ease;
}
.fm-enter button:hover{
	background: #FFF;
	color: #0C1618;
}
.w-vimeo{
	display: flex;
}
.rounded-play{
	display: flex;
    border-radius: 50%;
    background: rgba(217, 217, 217, 0.30);
    backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    padding-left: 10px;

}
/* PAGE INSIGHT */
#path-dot-insight{
	position: absolute;
	top: 0;
}
#main-shape-insight{
	position: absolute;
    top: 0px;
    width: 100%;
}
#main-shape-insight #s-blue{
	transform: translate(56.7%, 5.9%);
    scale: 0.89;
}
#main-shape-blw-ins{
	position: absolute;
	top: 439px;
    width: 100%;
	
}
#main-shape-blw-ins #patlonj-inisight{
	transform: translate(-99%, 0px);
    scale: 0.88;
	
}
.insight .text-ss .main-text{
	max-width: 615px;
}
.insight .text-ss .summary-text{
	max-width: 545px;
}
.insight .text-ss .main-text p{
	color: #119DA4;
	font-size: 82px;
	font-style: normal;
	font-weight: 700;
	line-height: normal; /* 57.5px */
}
.insight .text-ss .main-text p span{
	font-family: "Sentinel-Book", serif;
	font-style: italic;
	font-weight: 400;
	font-size: 46px;
	
}

.insight .text-ss .summary-text p{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 23.408px */
}

.in-motion .text p{
	color: #119DA4;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px; /* 57.5px */
	margin: 0;
}
.in-motion .summary{
	width: 772px;
    margin-left: 36px;
}
.in-motion .summary p{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 23.408px */
	margin: 0;
}
.bg-m-video{
	height: 702px;
	border-radius: 108px;
	padding: 0px 104px 0px 104px;
}
.vm-info{
    position: relative;
	display: flex;
    top: 70%;
    width: 100%;
	align-items: end;
}
.vm-info .vm-title{
	flex: 1 0;
}
.vm-info .vm-title h1{
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}
.vm-info .vm-title span{
	color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.403px;
}
.w-vimeo .wv{
    border-radius: 54px;
    border: 1px solid #FFF;
    background: rgba(217, 217, 217, 0.00);
	padding: 22px 44px;
    color: #FFF;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	margin-right: 12px;
	transition: all 1s ease-in;
}
.w-vimeo .wv:hover{
	color: #0C1618;
	background: #FFF;
}
.sec-v-inmotion{
	padding-top: 24px;
}
.slider-v-inm .slick-next{
	position: absolute;
	bottom: 45%;
    right: 1rem;
    cursor: pointer;

}
.slider-v-inm .slick-prev{
	position: absolute;
	bottom: 45%;
    left: 1rem;
    cursor: pointer;
	transform: rotate(180deg);
	z-index: 9;
}
.box-inm{
	position: relative;
    width: 561px;
    height: 400px;
    margin-right: 24px;
}
.inm-bg{
	height: 400px;
	border-radius: 108px;
	padding: 0 80px;
}
.inm-txt{
	position: absolute;
    display: flex;
    top: 82%;
}
.inm-txt h2{
	color: #FFF;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: 32.5px; /* 37.5px */
}

.inm-play{
	display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    top: 44%;
}
.b-in-motion{
	display: flex;
    justify-content: center;
    padding-top: 95px;
}
.browse-video a {
    padding: 25px 82px;
    color: #FFF;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 54px;
    background: var(--Rich-black-95, #182224);
	transition: all 1s ease-in;
}
.browse-video a:hover {
	color: #FFF;
background: linear-gradient(90deg, #119DA4 0%, #A4A2E0 100%);
}

.border-head-inm {
    border-radius: 108px;
    background: var(--Rich-black-95, #182224);
	padding: 130px 71px;
}
.border-head-inm h1{
	color: #FE5448;
	font-size: 46px;
	font-style: normal;
	font-weight: 700;
	line-height: 57.5px; /* 57.5px */
}

.border-head-inm p{
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 23.408px; /* 23.408px */
}
.hidden{
	visibility:hidden;
	width:0px!important;
	height:0px!important;
	margin:0px!important;
	padding:0px!important;
	
}
.list-chronicles ul{
	display: inline-flex;
}

.list-chronicles li{

	color: #FFF;
    text-align: center;
    font-family: Epilogue;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
	margin-right: 41px;
}
.list-chronicles li:hover{
	cursor: pointer;
}
.list-chronicles li.active{
	font-weight: 700;
}
.res-info-cron{
	display: none;
}
#load-more{
	padding: 10px 25px;
    color: #FFF;
    text-align: center;
    font-family: "Epilogue", Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 54px;
    border: 1px solid #FFF;
    background: rgba(217, 217, 217, 0.00);
	margin-bottom: 24px;
}
.boxies-cronicles{
	border-radius: 108px;
	height: 702px;
	background: #FFF;
	overflow: hidden;
	margin-bottom: 24px;
}
.img-cronicles img{
	width: 100%;
	height: 449px;
    object-fit: cover;
}
.info-cronicles{
	padding: 52px;
}
.info-cronicles p{
	color: rgba(12, 22, 24, 0.50);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.info-cronicles h1{
	color: #0C1618;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	transition: border-bottom 0.5s ease;
}
.info-cronicles h1 a:hover{
	color: #0C1618;
	border-bottom: 2px solid var(--Rich-Black, #0C1618);
	padding-bottom: 2px;
}
.box-black{
	position: relative;
    display: grid;
    width: 459px;
    height: 459px;
    flex-shrink: 0;
    border-radius: 108px;
    background: var(--Rich-black-95, #182224);
    align-items: end;
    justify-content: center;
    overflow: hidden;
	margin-right: 24px;

}

.sec-publication .slick-initialized .slick-slide{
	display: grid;
}
.slider-publication .slick-next {
    position: absolute;
    bottom: 45%;
    right: 2rem;
    cursor: pointer;
}
.slider-publication .slick-prev {
    position: absolute;
    bottom: 45%;
    left: 2rem;
    cursor: pointer;
    z-index: 7;
}
.lipet{
	position: absolute;
    top: 95px;
    right: 77px;
    z-index: 3;
}
.lipet-shade{
	position: absolute;
	top: 110px;
    right: 76px;
    z-index: 2;
}
#lipetan{
	position: absolute; /* Mengatur posisi absolut */
	top: 0; /* Menempatkan SVG di bagian atas */
	left: 0; /* Menempatkan SVG di bagian kiri */
	width: 100%; /* Mengisi lebar SVG container */
	height: 100%; /* Mengisi tinggi SVG container */
}
#lipetan-shade{
	position: absolute; /* Mengatur posisi absolut */
	top: 0; /* Menempatkan SVG di bagian atas */
	left: 0; /* Menempatkan SVG di bagian kiri */
	width: 100%; /* Mengisi lebar SVG container */
	height: 100%; /* Mengisi tinggi SVG container */
}
.load-img img{
    width: 100%;
	max-height: 365px;
    -webkit-mask-image: url(#mask-pub);
    mask-image: url(#mask-pub);
}
#svg-pub{
	/* position: absolute; */
}
.box-black::before {
	content: "";
	position: absolute;
	bottom: -100%; /* Mulai dari bawah diluar .box */
	left: 0;
	width: 100%;
	height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -32.24%, #182224 103.77%);
	transition: bottom 0.5s ease; /* Transisi dari bawah ke atas */
	z-index: 4;
  }
  .box-black:hover::before {
	bottom: 0; /* Munculkan efek slide dari bawah */
  }

  .box-black:hover::before {
	height: 100%; /* Munculkan efek slide dari bawah */
  }
.box-black .hover-dw{
	position: absolute;
	z-index: 5;
	padding: 200px 49px 5px 49px;
    border-radius: 108px;
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -32.24%, #182224 103.77%); */
    height: 100%;
	bottom: -100%; /* Mulai dari bawah diluar .box */
	transition: bottom 0.5s ease; /* Transisi dari bawah ke atas */

}
.box-black:hover .hover-dw{
	bottom: 0; /* Munculkan efek slide dari bawah */
}
.hover-dw .hov-title{
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32.4px; /* 32.4px */
	margin-bottom: 18px;
}
.hov-dwonload{
	display: flex;
	align-items: center;
}
.hov-dwonload .year{
	padding: 16px 15px;
    border-radius: 28px;
    border: 1px solid #FFF;
    color: #FFF;
    text-align: right;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.hov-dwonload .icwd{
	flex: 1 0;
	display: flex;
    align-items: center;
}
.hov-dwonload .icwd a{
    display: flex;
	
	justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    background: #FFFFFF;
}
.icwd span{
	color: #FFF;
    font-family: Epilogue;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
	margin-left: 13px;
}
.slider-publication .slick-prev img{
	transform: rotate(180deg);
}
/* END PAGE INSIGHT */

/* PAGE TEAM */
.team .text-ss .main-text p{
	color: #FEC601;
	font-size: 82px;
	font-style: normal;
	font-weight: 700;
	line-height: normal; /* 57.5px */
}
.team .text-ss .summary-text p{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 23.408px */
	padding-bottom: 27px;
	width: 80%;
}
.team .text-ss {
    max-width: 622px;
	display: unset;
}
.container-history{
	display: flex;
	justify-content: center;
	width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.r-team {
	width: 83%;
	position: relative;
	/* display: flex; */
	border-radius: 108px;
    background: var(--Rich-black-95, #182224);
	overflow: hidden;
}
.part-history .imageh{
	
	width: 700px;
    min-height: 702px;
	border-radius: 108px 0 0 108px;
}
.imageh .overly{
	position: absolute;
	top: 0;
	right: 0;
    height: 100%;
    width: 95%;
	background: linear-gradient(90deg, rgba(24, 34, 36, 0.00) 0%, #182224 48.87%);
}
.txt-history{
    position: absolute;
    width: 371px;
    right: 182px;
    top: 145px;
}
.txt-history .title{
	color: #FEC601;
	font-size: 46px;
	font-style: normal;
	font-weight: 700;
	line-height: 57.5px; /* 57.5px */
	margin-bottom: 27px;
}
.txt-history .summary p{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 23.408px */
}

.border-head-team{
    border-radius: 108px;
    background: var(--Rich-black-95, #182224);
	padding: 32px 75px;
}
.border-head-team h1{
	color: #FE5448;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 21px; /* 57.5px */
}
.border-head-team p{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 23.408px */
}

.boxies-team{
    border-radius: 108px;
    min-height: 793.549px;
	background: var(--Rich-black-95, #182224);
    overflow: hidden;
    margin-bottom: 27px;
}
.img-team .pro{
    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: 0px 0%;
}
.user-in{
	position: absolute;
    display: flex;
    top: 40%;
    width: 96%;
    padding: 0 62px;
    align-items: center;
}
.user-in .nm{
	flex: 1 0;
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 37.5px;
}
.gradient-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 420px;
	background-image: linear-gradient(180deg, rgba(12, 22, 24, 0.00) 26.86%, rgba(12, 22, 24, 0.40) 86.98%);
}
.info-team{
	padding: 50px 45px;
}
.info-team p{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 23.408px */
}
.info-team h1{
	color: #0C1618;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.pteam{
	padding-top: 27px;
}

#pink-bulet{
    position: absolute;
	right: 19.4%;
}
#kuning-bulet{
	position: absolute;
    top: 69.333333%;
	left: 5.6%;
}
.shape1.team{
	position: relative;
}

/* PAGE EVENT */
.eve-title-res{
	display: none;
}
.event-mask path{
	scale: 0.88;
}
.team.eve .text-ss .main-text p{
	color: #00CC74;
}
.team .text-ss .main-text{
	margin-bottom: 41px;
}

#pink-bulet-ev{
	position: absolute;
	right: 31.5%;
    top: 29.9%;
    z-index: 2;
    opacity: .9;
}
#pink-bulet-ev path{
	scale: 0.89;
}
.event-sec{
	position: relative;
    display: flex;
    border-radius: 108px;
    border: 1px solid #D9D9D9;
	max-height: 459px;
    overflow: hidden;
}
.ev-image img{
	width: 100%;
    width: 408px;
    height: 459px;
    object-fit: cover;
    object-position: 51% 0%;
}
.ev-info{
	padding: 40px 60px 0 60px;
}
.eventso h1{
	color: #FFF;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 36.75px;
    margin-bottom: 26px;
}
.eventso P{
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
	margin-bottom: 26px;
}
.eventlinks{
	display: flex;
    align-items: center;
	margin-top: 50px;
}
.eventlinks .innel_left{
	flex: 1 0;
}
.eventags{
	display: flex;
    align-items: center;
	border-radius: 50.5px;
	background: var(--Rich-black-95, #182224);
	padding: 33px 41px;
	
}
.mon{
	width: 60%;
	display: flex;
    align-items: center;
}
.mon span{
	color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.408px;
    margin-left: 16px;
}
.loc span{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 21px */
	margin-left: 16px;
}

.wbs a{
	padding: 13px 22px;
    border-radius: 54px;
    border: 1px solid #FFF;
    background: rgba(217, 217, 217, 0.00);
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
	transition: all 1s ease; 
	
}
.wbs a:hover{
	background: #FFF;
	color: #0C1618;
}
.c-event{
	margin-top: 27px;
	margin-bottom: 27px;
}
.even{
	align-items: center;
}
.even h1{
	color: #00CC74;
	font-size: 46px;
	font-style: normal;
	font-weight: 700;
	line-height: 57.5px ; 
	width: 555px;
	margin: 0;
}
.border-head-df.train{
	padding: 54px 82px;
}
.box-train {
    border-radius: 108px;
	width: 100%;
    height: 610px;
    padding: 86px;
    position: relative;
}
.box-train.green{
	background: #00CC74;
}
.box-train.red{
	background: #FE5448;
}

.box-train h1 {
    position: absolute;
    top: 86px;
    left: 0;
    transform: translateX(20%);
    margin: 0;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 57.5px;
    width: 488px;
}

.box-train p {
    position: absolute;
    bottom: 86px;
    /* left: 50%; */
    transform: translateX(3%);
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.408px;
    width: 432px;
}
.box-train.green h1, .box-train.green p  {
	color: #0C1618;
}
.box-train.red h1, .box-train.red p  {
	color: #FFFFFF;
}
.even p{
	color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    width: 442px;
	margin: 0;
}
.bread-ev{
	position: relative;
	border-radius: 108px;
	width: 100%;
	height: 702px;
}
.trainings-ev{
	position: absolute;
    width: 432px;
    right: 10%;
    top: 17%;

}
.trainings-ev h1{
	color: #FE5448;
	font-size: 46px;
	font-style: normal;
	font-weight: 700;
	line-height: 57.5px; /* 57.5px */
	margin-bottom: 36px;
}
.trainings-ev p{
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 23.408px; /* 23.408px */
}
/* MAP SVG */ 
.btn-back-map{
	text-align: right;
}
.btn-back-map svg:hover{
	cursor: pointer;
}
.box-dots{
	position: absolute;
	width: 90%;
	height: 100%;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.box-dots .dots-map{
    position: absolute;
    
    width: 10.872px;
    height: 10.882px;
    border-radius: 50%;
}
.dots-map-dob{
	position: absolute;
    
    width: 23px;
    height: 23px;
    border-radius: 50%;
}
.box-dots .dots-map.america, .box-dots .dots-map-dob.america{
	
    background-color: #FA7A71;
    filter: drop-shadow(0px 0px 5.82px rgba(239, 101, 80, 0.75));
}
.box-dots .dots-map.europe, .box-dots .dots-map-dob.europe{
	
    background-color: #00F187;
	filter: drop-shadow(0px 0px 5.82px rgba(0, 241, 135, 0.75));
}
.box-dots .dots-map.europe-middle, .box-dots .dots-map-dob.europe-middle{
	
    background-color: #FACE34;
	filter: drop-shadow(0px 0px 7.08px rgba(250, 206, 52, 0.75));
}
.box-dots .dots-map.asia, .box-dots .dots-map-dob.asia{
	
    background-color: #15BEC7;
	filter: drop-shadow(0px 0px 7.08px rgba(21, 190, 199, 0.75));
}
.box-dots .dots-map:hover{
	cursor: pointer;
}
.box-dots .dots-map-dob:hover{
	cursor: pointer;
}
.hover-dots{
	position: absolute;
	display: none;
	text-align: left;
	padding: 44px 86px;
	top: 0;
	border-radius: 108px;
	background: linear-gradient(0deg, rgba(10, 88, 92, 0.20) 0%, rgba(10, 88, 92, 0.20) 100%), rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(25px);
	-webkit-backdrop-filter: blur(25px);
	align-items: center;
	z-index: 2;
	opacity: 0; /* Mulai dengan opacity 0 */
	transition: opacity 0.5s; /* Tambahkan efek transisi */
}
.hover-dots .int h1{
	flex: 1 0;
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	width: 350px;
}
.hover-dots .int span{
	color: #FFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: 12px;
}
.hover-dots .int .b-read{
	margin-top: 35px;
}
.hover-dots .int .b-read a{
	border-radius: 54px;
    border: 1px solid #FFF;
    background: rgba(217, 217, 217, 0.00);
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 14px 31px;
	transition: all 1s ease;
}
.hover-dots .int .b-read a:hover{
	background: #FFF;
	color: #0C1618;
}
.hover-dots .inlo img{
	max-width: 165px;
    max-height: 132px;
}
#b-m-europe, #b-m-asia, #b-m-america{
	display: none;
}
.b-smap #m-europe{
    /* translate: 0px 200px; */
	display: none;
	scale: 2;
	translate: 0px 200px;
}
.b-smap #m-asia{
	scale: 1.1;
	translate: 0px 40px;
}
.b-smap #m-europe path{
	stroke-width: 0.2px;
	stroke: #6D7374;
}
.b-smap #m-asia path{
	stroke-width: 0.6px;
	stroke: #6D7374;
}
.b-smap #m-america, .b-smap #m-asia{
	display: none;
}
/* .b-smap #m-full{
	display: inline-block;
} */
.awselect .front_face .current_value{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	display: inline-block;
    width: 90%;
}
.b-smap #line{
	transform: translate(-1px, 0px);
	stroke-width: 0.23px;
}

 /* POP UP FACTORY */
.factory-detail{
	max-width: 1280px;
}
.factory-detail .modal-content{
	border-radius: 108px;
	border: 1px solid #D9D9D9;
	background: rgba(255, 255, 255, 0.10);
	backdrop-filter: blur(70px);
	-webkit-backdrop-filter: blur(70px);
}
.text {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	position: relative;
}
.text .text-wrapper{
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-weight: 700;
	color: #FFFFFF;
	font-size: 16px;
	letter-spacing: 0;
    line-height: 23.408px;
}
.text .text-wrapper-2{
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-weight: 700;
	color: #FFFFFF;
	font-size: 16px;
	letter-spacing: 0;
    line-height: 23.408px;
	white-space: nowrap;
}
.text p{
	color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.408px;
}
.body-pop{
	padding: 50px;
}
.body-pop .innerf{
	position: relative;
	display: flex;
}
.body-pop .innerf .fussion-title{
	flex: 1 0;
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.fussion-year{
	display: inline-flex;
	position: relative;
}
.fussion-year p{
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-right: 90px;
	margin-bottom: 0;

}
.fussion-year a{
	position: absolute;
    right: 0;
    top: -13px;
}
.f-country span{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 15px;
}

.border-black{
	display: flex;
    padding: 39px 36px;
    /* justify-content: center; */
    align-items: center;
    /* gap: 432px; */
    flex-shrink: 0;
    border-radius: 50.5px;
    background: rgba(12, 22, 24, 0.40);
}
.df-institue{
	flex: 1 0;
}
.df-institue p{
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
}
.list-smd{
	margin-right: 16px;
}
.list-smd a{
	margin-left: 12px;
}
.btn-f-web a{
	color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 15px 29px;
    border-radius: 54px;
    border: 1px solid #FFF;
    background: rgba(217, 217, 217, 0.00);
	transition: all 1s ease;
}
.btn-f-web a:hover{
	background: #FFF;
	color: #0C1618;
}
.somd p{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.somd h1{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.pp-profil{
	display: inline-flex;
    /* justify-content: center; */
    align-items: center;
}
.pp-profil .prof{
	margin-right: 27px;
}
.pp-profil .prof img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
}
/* FACTORY */
.df-numb-fc{
	border-radius: 108px;
    text-align: center;
	padding: 120px 48px 38px 48px;
	/* min-height: 407.33px; */
}
.bx_ct_f{
	padding: 0px 12px;
}
.df-numb-fc .nums{
	text-align: center;
	font-size: 99px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	height: 206.33px;
}
.df-numb-fc .ic-title span{
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	padding-left: 16px;
}
.df-numb-fc.df .ic-title span{
	color: #0C1618;
}
.df-numb-fc.ctn .ic-title span{
	color: #0C1618;
}
.df-numb-fc.dfp .ic-title span{
	color: #FFFFFF;
}

.df-numb-fc.df .nums{
	color: #0C1618;
}
.df-numb-fc.ctn .nums{
	color: #A4A2E0;
}
.df-numb-fc.dfp .nums{
	color: #FFF;
}
.df-numb-fc.df{
	background: #A4A2E0;
}
.df-numb-fc.ctn{
	background: #FFF;
}
.df-numb-fc.dfp{
	background: #00CC74;
}
.factories{
	align-items: center;
}
.factories .section-title h1{
	color: var(--Puple, #A4A2E0);
	font-size: 46px;
	font-style: normal;
	font-weight: 700;
	line-height: 57.5px; /* 57.5px */
	width: 80%;
}
.factories .section-title h1 span{
	font-family: "Sentinel-Book", serif;
    font-style: italic;
	font-weight: 400;
}
.factories p{
	color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.boxies .tab-left{
	flex: 1 0;
    align-items: center;
    display: flex;
}
.boxies .tab-left ul{
	display: inline-flex;
	position: relative;
}
.boxies .tab-left ul li{
	display: inline-flex;
	margin-right: 41px;
}
.boxies .tab-left ul li a{
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.boxies .tab-left ul li a.active{
	font-weight: 700;
}
.border-head-df{
	border-radius: 108px;
    background: var(--Rich-black-95, #182224);
    padding: 54px 71px;

}
.border-head-df .txt-right{
	min-width: 307px;
}
.select-df .awselect .front_face > .bg{
	border: 1px solid var(--Puple, #A4A2E0);
}
.select-df .awselect .back_face ul li a:hover{
	border-radius: 24px;
    background: #A4A2E0;
	padding: 11px 22px !important;
}
.select-gc .awselect .back_face ul li a:hover{
	border-radius: 24px;
    background: #A4A2E0;
	padding: 11px 40px !important;
}
.grid-facto, .grid-cron{
	padding: 0px 12px;
}
.factory-box{
	position: relative;
	border-radius: 108px;
	border: 1px solid #D9D9D9;
	height: 459px;
	background-color: #0C1618;
	padding: 47px 73px;
	overflow: hidden; 
	margin-top: 27px;
}

.factory-box::before {
	content: "";
	position: absolute;
	bottom: -100%; /* Mulai dari bawah diluar .box */
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #182224;
	transition: bottom 0.5s ease; /* Transisi dari bawah ke atas */
  }
  .factory-box:hover::before {
	bottom: 0; /* Munculkan efek slide dari bawah */
  }

  .factory-box:hover::before {
	height: 100%; /* Munculkan efek slide dari bawah */
  }
.factory-box .f-top{
	position: relative; /* Memberi posisi relatif pada konten */
  	z-index: 1; /* Mengatur z-index agar konten tetap di atas efek slide */
	display: flex;
	align-items: center;
	/* padding-bottom: 175px; */
}
.f-country img{
	width: 40px;
}
.factory-box .f-top .f-country{
	flex: 1 0;
    display: flex;
	align-items: center;
}
.factory-box .f-top .f-country span{
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: 16px;
}
.factory-box .f-top .f-year span{
	color: #FFF;
	text-align: right;
	font-size: 20px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}
.factory-box .f-bottom{
	position: relative; /* Memberi posisi relatif pada konten */
  z-index: 1; /* Mengatur z-index agar konten tetap di atas efek slide */
	display: flex;
	align-items: end;
	/* padding-top: 175px; */
	min-height: 329px;
	transition: min-height  0.5s ease;
	/* transition: height 0.5s ease; */
	
}

.factory-box:hover .f-bottom{
	
	padding-top: 35px;
	min-height: 200px;
	transition: min-height 0.5s ease; /* Transisi dari bawah ke atas */
}
.factory-box .f-bottom .f-factories{
	flex: 1 0;
}
.f-factories img{
	max-width: 165px;
	max-height: 132px;
}

.factory-box .f-bottom .f-factories-name{
	max-width: 230px;
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	transition: max-width 1s ease;
}
/* .factory-box:hover .f-bottom .f-factories-name{
	max-width: 350px;
} */
.f-factories-name ul{
	position: relative;
    display: none;
    padding-top: 27px;
	align-items: center;
	transition: padding-top 0.3s ease, display 0s 0.3s;
}
.factory-box:hover .f-factories-name ul{
	display: flex;
	padding-top: 27px;
	/* height: 55px;  */
}
.f-factories-name ul li{
	margin-right: 12px;

}
.f-factories-name ul li .rm{
	border-radius: 54px;
    border: 1px solid #FFF;
    background: rgba(217, 217, 217, 0.00);
    padding: 15px 35px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	transition: all 1s ease; 
}
.f-factories-name ul li .rm:hover{
	background: #FFF;
	color: #0C1618;
}

.factory-box .f-profil{
	display: none;
    align-items: center;
    border-radius: 50.5px;
    background: #0C1618;
    padding: 16px 19px;
	position: relative;
	z-index: 1;
	margin-top: 35px;
	transition: padding 0.9s ease, display 0s 0.3s;
}

.factory-box:hover .f-profil{
	display: flex;
	padding: 16px 19px;
	/* height: 55px;  */
}

.factory-box .f-profil .inn-left{
	flex: 1 0;
    display: inline-flex;
    align-items: center;
}
.factory-box .f-profil .inn-left img{
	border-radius: 50%;
    width: 70px;
    height: 70px;
}
.factory-box .f-profil .inn-left span{
	color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 22px;
}
.f-profil .user-image{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-blend-mode: color, normal;
}
.prof .user-image{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	/* background-blend-mode: color, normal; */
	background: linear-gradient(0deg, #0C1618 0%, #0C1618 100%);
    
    background-color: lightgray;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.logo-factories img{
	max-width: 225px;
}
/* END FACTORY */
.section-title h1{
	color: #FFF;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px; /* 57.5px */
}
.shape1, .shape2, .shape3{
	/* position: absolute; */
}
.countries-popup-nm{
	align-items: center;
}
.map-small{
	display: none;
}
.df-numb{
	border-radius: 108px;
    border: 1px solid #D9D9D9;
	width: 405px;
    height: 405px;
	text-align: center;
	padding: 58px 30px 60px 30px;
}
.df-numb .nums{
	font-size: 99px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    padding-bottom: 80px;
    padding-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.df-numb .si{
	color: #FEC601;
	
}
.df-numb .ip{
	color: #00CC74;
}
.df-numb .ar{
	color: #FE5448;
}
.df-numb .ic-title span{
	padding-left: 16px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.sec-people{
	padding-top: 110px;
}
.sec-people .section-title h1{
	color: #119DA4;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px; /* 57.5px */
}
.sec-video .text p{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 23.408px */
	margin-top: 60px;
    margin-bottom: 40px;
	width: 88%;
}
.btn_mor_second{
	display: none;
}
.btn_mor_first{
	display: block;
}
.sec-video .text a{
	color: #FFF;
	text-align: center;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	border-radius: 54px;
	border: 1px solid #119DA4;
	background: rgba(217, 217, 217, 0.00);
	padding: 20px 30px;
	transition: all 1s ease-in;
}
.sec-video .text a:hover{
	color: #FFFFFF;
	background: linear-gradient(90deg, #119DA4 0%, #A4A2E0 100%);
}

.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 9999;
}
.popup-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	cursor: pointer;
}
.vimeo-uy iframe{
	width: 100%;
	height: 459px;
	border-radius: 108px;
}
.vimeo-p{
	max-width: 980px;
}
.vimeo-p iframe{
	width: 100%;
	height: 480px;
}
.vimeo-p .modal-content{
	border-radius: 10px;
    border: 1px solid #D9D9D9;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(70px);
	-webkit-backdrop-filter: blur(70px);
}
.v-close{
	position: absolute;
	right: 68px;
    top: 52px;
    z-index: 3;
}
.body-vpop{
	padding: 30px 30px 25px 30px;
}
.js-center{
	display: flex;
    justify-content: center;
    align-items: center;
}
.ver-center{
	display: flex;
    justify-content: left;
    align-items: center;
}
.video-cover {
	height: 459px;
	border-radius: 108px;
}
.v-play{
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    top: 40%;
}

.sec-testimoniale {
	padding-top: 95px;
}

.box-say{
	position: relative;
    overflow: hidden;
	border-radius: 108px;
    
    width: 945px;	
	height: 459px;
    display: flex !important;
    justify-content: center;
    /* align-items: center; */
	margin-right: 24px;
	padding: 69px 0;
}
.slider-team .slick-slide img{
    position: relative;
    top: -50px;
    left: -120px;
}
.sec-testimonial .grid1{
	background: #FEC601;
}
.sec-testimonial .grid2{
	background: #15BEC7;
}
.sec-testimonial .grid3{
	background: #FE5448;
}
.sec-testimonial .grid4{
	background: #00F187;
}
.sec-testimonial .grid5{
	background: #A4A2E0;
}
.sec-testimonial .grid6{
	background: #BDC169;
}
.box-say .inner-left{
	width: 270px;
    text-align: right;
	width: 265px;
}

.box-say .inner-right{
	/* width: 480px; */
    padding-left: 25px;
	padding-right: 65px;
}

.box-say .inner-right p{
	color: #0C1618;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 32px */
	margin-bottom: 41px;
}
.box-say .inner-right span{ 
	color: #0C1618;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 23.408px; /* 23.408px */

}
.inner-right .content{
	min-height: 270px;
}
.text-ss{
	position: absolute;
	padding-top: 32px;
	z-index: 3;
	/* display: flex; */
}
.text-ss p{
	color: #FFF;
	font-size: 82px;
	font-style: normal;
	font-weight: 700;
	line-height: 82px;
	margin-bottom: 0;
}
.text-ss #changingTitle{
	
	background: rgb(164,162,224);
	background: linear-gradient(90deg, rgba(164,162,224,1) 4%, rgba(0,204,116,1) 35%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	cursor: pointer;

}
/* .main-text .clikcable{
	cursor: pointer;
} */
.text-ss .main-text{
	margin-bottom: 48px;
	z-index: 3;
}
@keyframes wipeUp {
	from {
	  opacity: 0;
	  transform: translateY(100%);
	}
	to {
	  opacity: 1;
	  transform: translateY(0);
	}
  }
  .wipe-up {
	animation: wipeUp 1s ease;
  }

.active {
    display: block;
}
.btn-text a{
	padding: 20px 62px;
    border-radius: 54px;
    border: 1px solid #00CC74;
    background-image: rgba(217, 217, 217, 0.00);
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	transition: all 1s ease-in; 
}
.btn-text a:hover{
	color: #FFF;
	background: linear-gradient(90deg, #00CC74 0%, #119DA4 100%);
}
#pat1{
	/* translate: -62px -196px; */
}
/* #mask #pat1{
	transform: translate(155%, 38px);
	
}
#mask2 #pat2{
	transform: translate(5%, 65px);
	
} */
/* #pat2{
	transform: translate(200px, 0px);
}
#pat2, #pat3{
	visibility: hidden;
} */
 .slide-second{
	display: none;
 }
 .main-slide-scroll{
	max-width: 1272px;
	margin: auto;
	/* padding: 0px 15px; */
 }
.shape2{
	opacity:1 ;
}
.shape3{
	opacity:1 ;
}
.pat3 .pat3-text{
	width: 60%;
    margin: auto;
    padding: 300px 0;
}
.pat3 .pat3-text p{
	color: #FFF;

	text-align: center;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 51px; /* 159.375% */
}
.shape3 .pat3{
	background-repeat: no-repeat;
	background-size: cover;
    height: 820px;
}


#main-shape-ylw{
    position: absolute;
	top: -12px;
    right: 187px;
	width: 100%;
    height: 100%;
}

/* #main-shape-ylw #s-yellow{
    transform: translate(0px, 53px);
    scale: 0.96;
} */
#main-shape-blw{
	position: absolute;
    top: 500px;
	width: 100%;
    right: 187px;
    /* width: 440px; */
}
#yellow-path-2{
	position: absolute;
}
#svg-main{
	position: absolute;
	width: 100%;
	height: 624px;
}
.main-image{
	min-width: 1272px;
}
.res-hero-desc{
	display: none;
}
.main-image img {
	width: 100%; /* Mengisi lebar container */
	height: auto; /* Mengatur tinggi agar sesuai aspek rasio */
	-webkit-mask-image: url(#mask);
	mask-image: url(#mask);

}
#image-hero{
	width: 100%;
	height: auto;
}

.main-image-home img {
	width: 100%; /* Mengisi lebar container */
	height: auto; /* Mengatur tinggi agar sesuai aspek rasio */
	/* -webkit-mask-image: url(#mask);
	mask-image: url(#mask); */

}
.main-image-team{
	text-align: right;
}
.main-image-team img {
	height: auto; /* Mengatur tinggi agar sesuai aspek rasio */
	-webkit-mask-image: url(#mask);
	mask-image: url(#mask);

}
.slider-scroll{
	height: 702px;
}
/* .main-slide-scroll{
	max-width: 1280px;
	margin: auto;
	padding-left: 15px;
	padding-right: 15px;
} */

.slide-frist{
	position: relative;
}
.main-image2 img {
	width: 100%; /* Mengisi lebar container */
	height: auto; /* Mengatur tinggi agar sesuai aspek rasio */
	-webkit-mask-image: url(#mask2);
	mask-image: url(#mask2);
	-webkit-mask-size: 100px 100px;
	mask-size: 100px 100px;
}
.awselect.placeholder_animate > .bg{
	border-radius: 24px;
    border: 1px solid var(--Puple, #A4A2E0);
}
.main-text-ab{
	visibility: hidden;
	justify-content: center;
    text-align: center;
    position: relative;
    display: flex;
	width: 100%;
	align-items: center;
	height: 624px;
}
.main-text-ab p{
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px; /* 255% */
	width: 50%;
}

.b-factory{
	display: flex;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 60px;
}
.browse-factory a{
	padding: 25px 62px;
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 54px;
    background: var(--Rich-black-95, #182224);
	transition: all 1s ease-in; 

}
.browse-factory a:hover{
	color: #FFFFFF;
	background: linear-gradient(90deg, #119DA4 0%, #A4A2E0 100%);
}
.r-df .section-title h1{
	color: #FEC601;
}
.bx_marq{
	position: relative;
	overflow: hidden;
}

.shadow_r{
	position: absolute;
	top: 0;
	right: 0;
	width: 290px;
	height: 100%;
	pointer-events: none;
	z-index: 9;
	background: linear-gradient(-90deg, #0C1618 25.38%, rgba(12, 22, 24, 0.00) 91.95%);
	
}
.shadow{
	position: absolute;
	top: 0;
	left: 0;
	width: 290px;
	height: 100%;
	pointer-events: none;
	z-index: 9;
	background: linear-gradient(90deg, #0C1618 25.38%, rgba(12, 22, 24, 0.00) 91.95%);
}
.marquee-container {
	width: 100%;
	overflow: hidden;
	  

  }
  
  .marquee, .marquee2, .marquee3 {
	display: inline-block;
	white-space: nowrap;
	background: linear-gradient(90deg, #0C1618 25.38%, rgba(12, 22, 24, 0.00) 91.95%);
	padding-bottom: 160px;
  }
  
  .marquee img {
	display: inline-block;
	height: 52px; /* Sesuaikan dengan tinggi logo */
	margin-right: 155px; /* Jarak antara setiap logo */
  }
  .marquee2 img {
	margin-right: 110px; /* Jarak antara setiap logo */
  }
  .marquee3 img {
	margin-right: 165px; /* Jarak antara setiap logo */
  }

.border-head-cnt{
	border-radius: 108px;
	background: var(--Rich-black-95, #182224);
	padding: 54px 71px;
}
.border-head-cnt .txt-left{
    flex: 1 0;
    color: var(--White, var(--White, #FFF));
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}
.border-head-cnt .txt-right a{
	color: #FFF;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 54px;
    background: linear-gradient(90deg, #FE5448 0%, #A4A2E0 100%);
    display: flex;
    /* width: 222px; */
    /* height: 60px; */
    padding: 25px 82px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
	transition: background 0.6s ease;

}
.border-head-cnt .txt-right a:hover{
	background: #FE5448;
}
 
.section-title{
	padding: 0;
}

.main-menu ul li .active{
	color: #FEC601;
}
.ag-share a {
    margin-right: 12px;
}
.txt-share{
	font-weight: 700;
	font-size: 19.283px;
	line-height: 23px;
	color: #FEC601;
	margin-right: 17px;
}
.title-porject{
	padding:0 100px;
}
.project-date span{
	font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FEC601;
}
.project-image img{
	width: 100%;
}
.stickys{
	background-attachment: fixed;
}
.sk{
	position: sticky;
top: -200px;
min-height: 200px;
}
/* .buffer {
	width: 100%;
	min-height: 100vh;
  } */
.bg-syellow{
position: sticky;
top: 0;
	background-image: url("../img/assets/bg-yellow.png");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-sblack{
	position: relative;
	z-index: 2;
	background-image: url("../img/assets/bg-black.png");

  /* Set a specific height */
  min-height: 200px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.breadcrumb-contact{
	background-size: cover;
    background-position: top;
    height: 693px;
    background-repeat: no-repeat;
}
.p-contact{
	padding-left: 100px;
    padding-right: 267px;
}
.contact-info-text .head{
	font-weight: 700;
	margin-bottom: 0px;
}
.contact-info-text p{
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	color: #1E1E1E;
}
.btn.y-submit{
	color: #F6B718;
    background: transparent;
    border: 1px solid #F6B718;
    border-radius: 5px;
    padding: 10px 25px;
    text-transform: unset;
}
.contact-info-text h1{
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #FEC601;
	margin-bottom: 41px;
}
.content-desc{
	padding-left: 24px;
}
.content-desc a{
	border: 1px solid #000000;
    padding: 2px 10px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 9px;
    line-height: 10px;
    color: #000000;
}
.content-desc h1{
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #1E1E1E;
}
.content-desc p{
	font-weight: 400;
	font-size: 10px;
	line-height: 14px;
	color: #1E1E1E;
}
.timeline {
	border-left: 8px solid #FEC601;
    position: relative;
    list-style: none;
    padding-left: 4rem;
    width: 57%;
    margin: auto;
	left: 50px;
}

.timeline .timeline-item {
    position: relative;
    margin-bottom: 6rem;
}

.timeline .timeline-item:after {
    position: absolute;
    display: block;
    top: 0;
}

.timeline .timeline-item:after {
    background-color: #1E1E1E;
    left: -80px;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    content: "";
    border: 6px solid #FEC601;
}

.timeline .timeline-item:before,
.timeline .timeline-item:after {
    position: absolute;
    display: block;
    top: 0;
}

.timeline .timeline-item:before {
    left: -10.5rem;
    content: attr(data-year);
    text-align: left;
    font-size: 24px;
    min-width: 86px;
    font-weight: 600;
	color: #1E1E1E;
}
.timeline .accordion-button{
    padding: 0;
}
.sec-about{
	padding: 0px 140px;
}
.sec-about h1{
	font-weight: 500;
	font-size: 48px;
	line-height: 57px;
	color: #1E1E1E;
}
.sec-about span{
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #1E1E1E;
}
.gallery figure{
	margin-right: 1rem;
}
.gallery {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 5vw);
    grid-gap: 15px;
}
.gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery__item--1 {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 6;
}
.gallery__item--2 {
    grid-column-start: 6;
    grid-column-end: 12;
    grid-row-start: 1;
    grid-row-end: 9;
}
.gallery__item--3 {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 6;
    grid-row-end: 12;
}
.gallery__item--4 {
    grid-column-start: 6;
    grid-column-end: 12;
    grid-row-start: 12;
    grid-row-end: 9;
}
.project-desc p{
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
}
.team-lk{
	width: 82px;
    border: 1px solid #000000;
    padding: 7px 12px;
    border-radius: 5px;
}
.team-box .blog-thumb{
	margin-bottom: 15px;
}
.team-box .blog-content.home-blog h2{
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #1E1E1E;
	margin-bottom: 8px;
}
.team-box .blog-content.home-blog p{
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: #FEC601;
	margin-bottom: 20px;
}
.slider-team .slick-prev{
	position: absolute;
    bottom: -100px;
    right: 239px;
	cursor: pointer;
}
.slider-team .slick-next {
	position: absolute;
    bottom: -100px;
    right: 172px;
	cursor: pointer;
}
.icon-left{
	background-image: url(../img/assets/left.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
}
.icon-right{
	background-image: url(../img/assets/right.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
}
.sec-map{
	padding-top: 200px;
}

.sec-map .border-head-mp{
	border-radius: 108px;
    border: 1px solid #D9D9D9;
	padding: 54px 40px;
}
.boxies{
	align-items: center;
}
.border-head-mp .boxies{
	justify-content: center;
    align-items: center;
}
.border-head-mp .txt-left{
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	text-align: left;
	color: #A4A2E0;
	max-width: 325px;
}
.border-head-mp .txt-right{
	min-width: 307px;
}
.border-head-mp .txt-center{
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 23.408px */
	max-width: 600px;
    margin-right: 37px;
	/* padding: 0 40px;
    width: 840px; */
}
.b-smap{
	text-align: center;
    margin-top: 55px;
	min-height: 700px;
}
.r-testi{
	margin-right: 0px !important;
}
.container-fluid-cus{
	width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.container-team{
	padding-left: 180px;
}
.container-crousel{
	max-width: 1200px;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
.desc-left{
	width: 235px;
}
.desc-left .section-title{
	width: 233px;
}
.title-porject-maps p{
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	color: #FEC601;
	margin-bottom: 25px;
}
.about-content-ser ul{
	display: list-item;
    /* padding-left: 20px; */
    position: relative;
    left: 14px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #1E1E1E;
}
.services-area iframe{
	width: 100%;
	height: 401px;
}
.about-content-ser ul li{
	list-style: disc;
}
.services-area .section-title h2{
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	color: #1E1E1E
}
.services-area .about-content p{
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #1E1E1E;
	text-transform: unset;
}
.services-area .about-content{
	margin-bottom: 65px;
}
.btn-download-black{
	background: transparent;
    border: 2px solid #000000;
	padding: 8px 16px;
    border-radius: 8px;
    color: #000000;
}
.slider-services .slick-prev{
	width: 50px;
    height: 50px;
    background: #FEC601;
    mix-blend-mode: normal;
    opacity: 0.9;
    border-radius: 50%;
    border: 0;
    color: #FFFFFF;
    font-weight: 700;
    position: absolute;
    top: 125px;
    z-index: 9;
    left: -27px;
}
.slider-services .slick-next{
	width: 50px;
    height: 50px;
    background: #FEC601;
    mix-blend-mode: normal;
    opacity: 0.9;
    border-radius: 50%;
    border: 0;
    color: #FFFFFF;
    font-weight: 700;
    position: absolute;
    top: 125px;
    z-index: 9;
    right: -27px;
}
.services-box{
	width: 375px;
	margin-right: 30px;
}
.team-box{
	width: 265px;
	margin-right: 30px;
}
.t-black{
	color: #1E1E1E !important;
}
.btn-khairad-contact{
	border: 1px solid #F6B718;
    color: #F6B718 !important;
    padding: 6px 20px;
    border-radius: 5px;
	font-size: 18px;
}
.btn-khairad{
	font-weight: 500;
	font-size: 9px;
	line-height: 10px;
	border: 1px solid #1E1E1E;
	padding: 5px 5px;
	border-radius: 5px;
	color: #1E1E1E;
}
.blog-icon{
	margin-bottom: 32px;
}
.blog-title-iw{
	margin-bottom: 20px;
}
.about-box{
	position: relative;
	width: 95%;
    padding: 144px;
}
.about-box h1{
	font-weight: 400;
	font-size: 64px;
	line-height: 76px;

	color: #1E1E1E;
}
.about-box p{
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #1E1E1E;
}
.about-box span{
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #FEC601;
}
.btn-banner{
	padding: 10px 15px;
    color: #000000;
    border-radius: 10px;
    border: 1px solid #000000;
}
.img-logo{
	width: 120px;
}
select {
	-webkit-appearance: none;
	appearance: none;
  }
.sDrop{
	position: relative;
}
.menu-services:hover{
	color: #FFFFFF;
	background: linear-gradient(90deg, #00CC74 0%, #FE5448 92.06%);
	box-shadow: 0px 4px 14px 0px rgba(0, 204, 116, 0.40);
	transition: all 0,5s ease-in;
}
.title-porject h1{
	font-weight: 400;
	font-size: 48px;
	line-height: 57px;
	color: #1E1E1E;
}
.title-porject p{
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;

	color: #000000;
}
.sub-services{
	display: none;
	color: #F6B718;
    position: absolute;
    top: 68px;
    left: -18px;
    z-index: 99;
    padding: 10px 10px;
    width: 154px;
    background: #000000;
}
.sub-services li a{
	font-weight: 600;
    font-size: 14px;
    line-height: 21px;
	color: #F6B718;
}
.menu-services{
	background: #00CC74;
    padding: 12px 30px;
    border-radius: 24px;
    position: relative;
    font-family: "Epilogue", Helvetica;
    font-weight: 700;
    color: #0c1618;
    font-size: 14px;
}
.menu-lang{
	padding: 10px;
	font-weight: 700;
}
.menu-lang .active{
	color:#FEC601;
}
.head-side select{
	width: 90px;
    background-color: #F6B718;
    border: 0;
	color: #FFFFFF;
    padding: 10px 10px;
    border-radius: 8px;
	margin-right: 7px;
}

.footer-logo{
	padding-top: 34px;
}
	
.footer-logo img{
	height: 96px;
}
.footer-menu .fm-title{
	color: var(--Rich-Black, #0C1618);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 146.3%; /* 26.334px */
	padding-bottom: 16px;
}
.footer-menu .fm-content, .footer-menu .fm-content a{
	color: var(--Rich-Black, #0C1618);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25.6px; /* 25.6px */
transition: padding-bottom 0.5s ease;
}
.fm-content a:hover{
	border-bottom: 2px solid var(--Rich-Black, #0C1618);
	padding-bottom: 2px;
}
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}

a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
	text-decoration: none;
	outline: none;
}
button{
	cursor:pointer;
}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	/* color: #00CC74; */
	text-decoration: none;
}
a,
button {
	color: #1696e7;
	outline: medium none;
}
button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Rubik', sans-serif;
	font-weight: normal;
	color: #1E1E1E;
	margin-top: 0px;
	font-style: normal;
	font-weight: 400;
	text-transform: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-weight: 400;
	font-size: 64px;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	font-size: 14px;
	font-weight: normal;
	line-height: 26px;
	color: #7e7e7e;
	margin-bottom: 15px;
}
hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
::-moz-selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
*::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
.separator {
	border-top: 1px solid #f2f2f2
}
/* button style */

.btn {
	-moz-user-select: none;
	background: #FEC601;
	border: medium none;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1px;
	line-height: 1;
	margin-bottom: 0;
	padding: 18px 40px;
	text-align: center;
	text-transform: uppercase;
	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
}
.btn:hover{
	color: #fff;
}
.breadcrumb > .active {
	color: #888;
}

/* 2. Header */
.header-cta {
	overflow: hidden;
}
.header-top-cta span {
	margin-right: 7px;
	color: #fff;
	font-size: 13px;
}
.header-top-cta span i {
	padding-right: 10px;
	color: #FEC601;
}
.top-social-links span {
	font-size: 13px;
	color: #fff;
}
.top-social-links a {
	color: #fff;
	font-size: 13px;
	padding-left: 10px;
}
.top-social-links a:hover i{
	color: #00CC74;
}
.top-social-links i {
	display: inline-block;
	padding: 13px 0;
	transition: .3s;
}
.top-btn {
	display: inline-block;
}
.top-btn a {
    text-transform: capitalize;
    background: #FEC601;
    padding: 10px 15px;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
}
/* cta */
.header-single-cta {
  float: right;
  margin-left: 90px;
}
.header-single-cta h3 {
	color: #FEC601;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 3px;
}
.header-single-cta h3 i {
	margin-right: 3px !important;
	margin: 0;
	float: unset;
	font-size: 16px;
}
.header-single-cta span {
	font-size: 14px;
}
/* menu-area */
.menu-area {
	background: #0C1618;
}
.second-menu-area {
	margin-bottom: -94px;
	position: relative;
	z-index: 999;
}
.transparent-bg{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 99;
	top: 0;
	background: none;
}
.menu-margin-bottom {
	margin-bottom: -67px;
	position: relative;
	z-index: 9;
}
.main-menu ul li {
	display: inline-block;
	position: relative;
	margin-left: 40px;
    margin-right: 40px;
}
.main-menu ul li a {
	color: #ffffff;
	font-size: 14px;
	padding: 35px 0;
	display: block;
	font-weight: 600;
	position: relative;
}
.main-menu.second-menu ul li a {
	color: #ffffff;
	padding: 22px 0;
}
.main-menu.second-menu ul li:hover a {
	color: #ffffff;
}
.transparent-menu ul li a {
	color: #fff;
}
.transparent-menu ul li:hover a i {
	color: #00CC74;
}
.main-menu ul li .sub-menu {
	position: absolute;
	top: 110%;
	left: 0;
	background: #fff;
	z-index: 1;
	width: 240px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	border-top: 3px solid #00CC74;
}
.main-menu.second-menu ul li .sub-menu {
	border-top: 3px solid #020d26;
}
.main-menu ul li:hover .sub-menu{
	opacity: 1;
	visibility: visible;
	top: 100%;
}
.main-menu ul li .sub-menu li {
	display: block;
	margin: 0;
	border-bottom: 1px solid rgba(0,0,0,0.08);
}
.main-menu ul li .sub-menu li:last-child{
	border: none;
}
.main-menu ul li .sub-menu li a {
	padding: 10px 15px;
	text-align: left;
	font-weight: 600;
	position: relative;
	font-size: 13px;
}
.main-menu.second-menu ul li .sub-menu li a {
	color: #020d26;
}
.main-menu.second-menu ul li .sub-menu li:hover a {
	color: #00CC74;
}
.transparent-menu ul li .sub-menu li a {
	color: #020d26;
}
.main-menu ul li .sub-menu li a::before {
	position: absolute;
	left: 6px;
	color: #00CC74;
	content: "-";
	transition: .3s;
	opacity: 0;
}
.main-menu ul li .sub-menu li:hover a{
	padding-left: 20px;
}
.main-menu ul li .sub-menu li:hover a:before{
	opacity: 1;
	left: 10px;
}
.main-menu ul li:hover> a{
	color: #00CC74
}
.main-menu ul li:hover a::before,.main-menu ul li:hover a::after{
	opacity: 1;
}
.menu-active {
	color: #00CC74 !important;
}
.second-menu-active {
	color: #fff !important;
}
.menu-active::before,.menu-active::after{
	opacity: 1 !important;
}
.menu-icon .menu-tigger span {
	height: 2px;
	width: 22px;
	background: #000;
	display: block;
	margin-bottom: 5px;
	transition: .3s;
}
.menu-icon.second-menu-icon .menu-tigger span {
	background: #fff;
}
.menu-icon .menu-tigger span:last-child{
	margin: 0;
}
.menu-icon .menu-tigger span:nth-child(2){
	width: 18px;
}
.footer-menu li {
	display: inline-block;
	margin-left: 20px;
}
.footer-menu li:hover a{
	color: #00CC74;
}
.footer-menu li a {
	font-size: 16px;
	color: #FFF;
}
.sticky {
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
	z-index: 9999;
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}
.sticky .logo-area {
	display: none;
}
.transparent-bg.sticky {
	background: #111;
}
/* search modal */
.menu-tigger {
	float: right;
}
.menu-tigger:hover span{
	background-color: #FEC601;
}
.menu-icon i {
	cursor: pointer;
	float: left;
	color: #000000;
}
.menu-icon{
	width: 40.33px;
    height: 40px;
    padding: 13px;
    background-color: #FFE59F;
    border-radius: 8px;
}
.menu-icon.second-menu-icon i {
	color: #fff;
}
.menu-icon.second-menu-icon i:hover {
	color: #fff;
}
.transparent-menu i {
	color: #fff;
}
.transparent-menu .menu-tigger span {
	background: #fff;
}
.transparent-menu .menu-tigger:hover span {
	background: #FEC601;
}
.menu-icon i:hover{
	color: #FEC601;
}
#search-modal {
	background-color: rgba(23,26,33,.95);
}
#search-modal .modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border: none;
	outline: 0;
}
#search-modal .modal-dialog .modal-content {
	background: 0 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}
#search-modal .modal-dialog .modal-content form {
	width: 555px;
	position: relative;
}
#search-modal .modal-dialog .modal-content form input {
	width: 100%;
	font-size: 36px;
	border: none;
	border-bottom: 3px solid rgba(255,255,255,.1);
	background: 0 0;
	color: #fff;
	padding-bottom: 12px;
	padding-right: 40px;
}
#search-modal .modal-dialog .modal-content form input::-moz-placeholder {
	font-size: 35px;
}
#search-modal .modal-dialog .modal-content form input::placeholder {
	font-size: 35px;
}
#search-modal .modal-dialog .modal-content form button {
	position: absolute;
	right: 0;
	margin-bottom: 3px;
	font-size: 30px;
	color: rgba(255,255,255,.5);
	background: 0 0;
	border: none;
	cursor: pointer;
	top: 11px;
}
/* offcanvas-menu */
.offcanvas-menu {
	position: fixed;
	right: 0;
	height: 100%;
	width: 300px;
	z-index: 999;
	background: #00081b;
	top: 0;
	padding: 30px;
	transition: .5s;
	transform: translateX(100%);
}
.offcanvas-menu.active{
	transform: translateX(0)
}
.menu-close i {
	font-size: 18px;
	color: #fff;
	transition: .3s;
	cursor: pointer;
}
.menu-close:hover i{
	color: #FEC601;
}
.offcanvas-menu ul {
	margin-top: 30px;
}
.offcanvas-menu ul li {
	border-bottom: 1px solid #101c38;
}
.offcanvas-menu ul li a {
	color: #fff;
	font-size: 18px;
	text-transform: capitalize;
	padding: 6px 0;
	display: block;
}
.offcanvas-menu ul li:hover a{
	color: #FEC601
}
.side-social a {
	color: #fff;
	margin-right: 10px;
}
.side-social {
	margin-top: 30px;
}
.side-social a:hover{
	color: #FEC601;
}
.offcanvas-menu form {
	position: relative;
	margin-top: 30px;
}
.offcanvas-menu form input {
	width: 100%;
	background: none;
	border: 1px solid #2d3547;
	padding: 7px 10px;
	color: #fff;
}
.offcanvas-menu form button {
    position: absolute;
    border: none;
    right: 0;
    background: #FEC601;
    padding: 8px 14px;
    top: 0;
}
.offcanvas-menu form button i {
	color: #fff;
}
.offcanvas-overly {
	position: fixed;
	background: #000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.offcanvas-overly.active{
	opacity: .5;
	visibility: visible;
}
/* 3. Slider */
.slider-bg {
	height: 670px;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.slider-bg::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
}
.slider-two-bg{
	height: 810px;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.slider-two-bg::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .7;
}
.slider-content{
	width: 50%;
}
.slider-content h1 {
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 64px;
	line-height: 76px;

	color: #1E1E1E;
}
.slider-content h1 span {
	font-weight: 600;
}
.slider-content p {
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	margin-bottom: 35px;
}
/* slider next-prev button */
.slider-content-info{
	position: relative;
    top: 150px;
}
.slider-content-info p{
	color: #FFFFFF;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
}

.slider-three-active .slick-arrow {
	position: absolute;
	top: 50%;
	background: no-repeat;
	padding: 0;
	border: 0;
	left: 50px;
	color: #fff;
	font-weight: 800;
	z-index: 99;
	transition: .5s;
	opacity: 0;
	border: 1px solid #ddd;
	height: 45px;
	width: 35px;
	transform: translateY(-50%);
	font-size: 18px;
}
.slider-three-active:hover .slick-arrow{
	opacity: 1;
}
.slick-arrow:hover {
	color: #FEC601;
	border-color: #FEC601;
}
.slider-three-active .slick-next {
	left: auto;
	right: 50px;
}
.slider-three-active .slick-arrow i {
	display: inline-block;
	position: relative;
}

/* slick dots */
.slider-team .slick-dots li {
	display: inline-block;
}
.slider-team .slick-dots {
	position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -110px;
}
.slider-team .slick-dots li button {
	text-indent: -9999px;
	border: 0;
	margin: 0 5px;
	padding: 0;
	height: 10px;
    width: 10px;
    border-radius: 50%;
	background: #D9D9D9;
	opacity: .2;
}
.slider-team .slick-dots li.slick-active button{
	background: #FFFFFF;
	opacity: 1;
}
/* 4. About */
.section-title h2 {
	font-weight: 400;
	font-size: 36px;
	line-height: 43px;

	color: #F6B718;
}
.section-title h2::before {
	/* content: "";
	position: absolute;
	left: 0;
	width: 60px;
	height: 2px;
	background: #FEC601;
	bottom: -25px; */
}
.section-title.service-title p {
	padding: 0 190px;
	margin-bottom: 10px;
}
.about-info-text h2 {
	margin-bottom: 23px;
	text-transform: capitalize;
	font-weight: 700;
	line-height: .9;
}
.about-info-text h3{
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	color: #000000;
}
.about-info-text h1{
	font-weight: 500;
	font-size: 36px;
	line-height: 50px;
	text-align: center;
	text-transform: lowercase;
	color: #000000;
	padding: 0 200px;
	margin-bottom: 30px;
}
.about-info-text span {
	color: #FEC601;
}
.btn-download {
	background: #F6B718;
    padding: 8px 16px;
    border-radius: 8px;
    color: #000000;
}
.about-info-text p {
	padding: 0 137px;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #1E1E1E;
}
.about-content{
	margin-bottom: 94px;
}
.about-content p {
	font-weight: 400;
	font-size: 36px;
	line-height: 50px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.about-desc p{
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	color: #F6B718;
}


.about-content ul{
	list-style: none;
}
.pr-55{
	padding-right: 55px;
}
.about-content ul li {
	position: relative;
	padding-bottom: 10px;
	margin-left: 80px;
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	color: #F6B718;
	margin-bottom: 30px;
}
.about-content ul li::before{
 content: url(../img/assets/right-list.png);
   position: absolute;
   width:10px;
   height:10px;
   margin-left: -40px;
}
.about-info-text a {
	margin-bottom: 20px;
}
.features-icon span {
	font-size: 40px;
	color: #FEC601;
	margin-bottom: 20px;
	display: inline-block;
}
.features-wrap {
	border: 1px solid #e6e6e6;
	padding: 50px 30px;
}
.features-wrap:hover {
	background-image: url(../img/about/5.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: local;
	transition: all .5s;
}
.features-wrap:hover h4,.features-wrap:hover p{
	color: #fff;
}
.features-wrap h4 {
	font-weight: 600;
	color: #1e2331;
	margin-bottom: 17px;
	font-size: 18px;
}
.features-wrap a {
	font-size: 14px;
	font-weight: 600;
	color: #FEC601;
}
.home-three-about {
	margin-top: -150px;
	background: #fff;
	position: relative;
	padding-top: 15px;
}
/* 5. Service */
.services-box {
	/* border: 1px solid #e6e6e6; */
	transition: .3s;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
.services-box:hover {
}

.services-content {
	padding: 20px;
	padding-top: 0px;
}
.service-title h2::before {
	content: "";
	position: absolute;
	left: 0;
	width: 60px;
	height: 2px;
	background: #FEC601;
	bottom: -25px;
	right: 0;
	margin: auto;
}
.services-img {
	margin-bottom: 25px;
	overflow: hidden;
}
.services-img img {
	transition: all 2s ease;
}
.services-box:hover .services-img img{
	transform: scale(1.2);
}
.img-fluid{
	border-radius: 5px;
}
.dir-title{
	font-size: 16px;
    position: absolute;
    top: 80%;
    color: #FFF;
    left: 36%;
    letter-spacing: 3px;
    /* text-align: center; */
    /* width: 100%; */
    white-space: nowrap;
}
.dir-image{
	width: auto;
	height: 350px;
	position: relative;
	overflow: hidden;
	/*background: #333;*/
	border-radius: 5px;
}
.services-img .dir-image{
	transition: all 2s ease;
}
.dir-image:hover {
	transform: scale(1.2);
}
.card-title h5 {
	margin-bottom: 15px;
	font-weight: 600;
}
.card-text p {
	margin-bottom: 25px;
}
.services-box a {
	padding: 11px 15px;
	font-size: 13px;
	transition: all .5s;
	border: 1px solid #FEC601;
	background: none;
	color: #FEC601;
}
.services-box a:hover {
	background: #000;
	border: 1px solid #000;
	color: #fff;
}
/* services-active */
.services-active .slick-arrow {
	position: absolute;
	top: 40%;
	left: -20px;
	padding: 0;
	border: 0;
	background: #FEC601;
	height: 40px;
	width: 40px;
	text-align: center;
	color: #fff;
	font-size: 33px;
	line-height: 33px;
	z-index: 99;
}
.services-active .slick-next{
	right: -20px;
	left: auto;
}
.call-to-action h3 {
	font-weight: 700;
}
.call-to-action p {
	margin: 0;
}
.white-text h3 {
	color: #fff;
	font-size: 34px;
	margin-bottom: 20px;
}
.white-text a {
	border-radius: 30px;
	border: 2px solid #FEC601;
}
.white-text a:hover {
	background: none;
}
.owl-carousel .owl-item img {
	display: block;
	width: inherit;
}
.cta-area {
	background-position: center top;
	background-size: cover;
	padding: 100px 0;
}
.service-box.service-3 {
	padding: 0;
	border: 0;
}
.service-box.service-3:hover {
	border-color: none;
	border: 0;
}
.service-box.service-3 h4{font-weight: 600;}
.sidebar-link ul {
	padding: 25px 30px;
}
.servicee-sidebar h3 {
	font-size: 24px;
	color: #fff;
	font-weight: 600;
	padding: 20px 30px;
	line-height: 1;
	background: #FEC601;
	margin: 0;
}
.sidebar-link ul li {
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 23px;
	padding-bottom: 24px;
}
.sidebar-link ul li:last-child{margin: 0;padding: 0; border: 0}
.sidebar-link ul li a {
	color: #777777;
	font-weight: 500;
	display: block;
	line-height: 1;
	font-size: 16px;
}
.sidebar-link ul li a:hover {
	color: #222;
}
.sidebar-download{}
.servicee-sidebar img {
	width: 100%;
}
.sidebar-download ul li {
  margin-bottom: 24px;
}
.sidebar-download ul li:last-child{margin: 0}
.sidebar-download ul li a {
	border: 1px solid #e1e1e1;
	display: block;
  padding: 15px 30px;
  color: #777777;
  font-size: 17px;
}
.sidebar-download ul li a i {
	margin-right: 15px;
	font-size: 24px;
	position: relative;
	top: 3px;
}
.sidebar-download h3,.sidebar-testimonial h3 {
	background: none;
	padding-left: 0;
	padding-top: 0;
}
.sidebar-testimonial h3 {
	padding: 0;
	margin-bottom: 15px;
}
.sidebar-download h3 {
	color: #444;
}
.test-item p {
	margin-bottom: 24px;
}
.test-img {
	float: left;
}
.test-name h5 {
	font-size: 16px;
	color: #555555;
	margin-bottom: 0;
	margin-top: 3px;
}
.test-name span {
	font-size: 12px;
}
.test-name {
	padding-left: 10px;
}
.sidebar-testimonial {
	padding: 25px;
}
.service-details h3 {
	font-size: 22px;
	font-weight: 700;
}
.service-details img {
	width: 100%;
}
.s-details-img img {
	width: 100%;
}
/* 7. Counter */
.counter-area {
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.single-counter span {
	font-size: 48px;
	color: #FEC601;
}
.counter{
	color: #fff;
	display: block;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 7px;
}
.single-counter> p{
	color: #ddd;
	font-size: 16px;
	margin: 0;
	text-transform: capitalize;
	font-weight: 500;
}


/* 11. Footer */
.footer-section {
	background: #FFFFFF;
	position: relative;
}
.footer-cta {
	border-bottom: 1px solid #373636;
}
.single-cta i {
	color: #FEC601;
	font-size: 30px;
	float: left;
	margin-top: 8px;
}
.cta-text {
	padding-left: 15px;
	display: inline-block;
}
.cta-text h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 2px;
}
.cta-text span {
	color: #757575;
	font-size: 15px;
}
.footer-content {
	position: relative;
	z-index: 2;
}
.footer-pattern img {
	position: absolute;
	top: 0;
	left: 0;
	height: 330px;
	background-size: cover;
	background-position: 100% 100%;
}
.footer-logo, .copyright-text {
	display: inline-block;
	/*margin-bottom: 30px;*/
}
.footer-text p {
	margin-bottom: 14px;
	font-size: 14px;
	line-height: 28px;
}
.footer-social-icon span {
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 20px;
}
.footer-social-icon a {
	color: #fff;
	font-size: 16px;
	margin-right: 15px;
}
.footer-social-icon i {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 38px;
	border-radius: 50%;
}
.facebook-bg{
	background: #3B5998;
}
.twitter-bg{
	background: #55ACEE;
}
.google-bg{
	background: #DD4B39;
}
.footer-widget-heading h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 40px;
	position: relative;
}
.footer-widget-heading h3::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	height: 2px;
	width: 50px;
	background: #FEC601;
}
.footer-widget ul li {
	display: inline-block;
	float: left;
	width: 50%;
	margin-bottom: 12px;
}
.footer-widget ul li a:hover{
	color: #FEC601;
}
.footer-widget ul li a {
	color: #878787;
	text-transform: capitalize;
}
.subscribe-form {
	position: relative;
	overflow: hidden;
}
.subscribe-form input {
	width: 100%;
	padding: 14px 28px;
	background: #2E2E2E;
	border: 1px solid #2E2E2E;
	color: #fff;
}
.subscribe-form button {
    position: absolute;
    right: 0;
    background: #FEC601;
    padding: 13px 20px;
    border: 1px solid #FEC601;
    top: 0;
}
.subscribe-form button i {
	color: #fff;
	font-size: 22px;
	transform: rotate(-6deg);
}
.footer-sosmed{
	text-align: left;
}
.footer-sosmed ul{
	display: inline-flex;
}
.footer-sosmed ul li{
	margin-right: 44px;
}
.copyright-area{
	background: #FFFFFF;
	border-top: 2px solid #FFF;
	padding: 25px 0;
}
.copyright-text p {
	margin: 0;
	color: var(--Rich-Black, #0C1618);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 146.3%; /* 23.408px */
}
.copyright-text p a{
	color: #FEC601;
}
/*  12. Breadcrumb */
.breadcrumb-area {
	background-size: cover;
	background-position: top;
	height: 392px;
	background-repeat: no-repeat;
}
.breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: unset;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: none;
	border-radius: 0;
}
.breadcrumb-title{
	width: 95%;
}
.breadcrumb-title h1 {
	font-weight: 400;
	font-size: 48px;
	line-height: 57px;
	color: #1E1E1E;
}
.breadcrumb-title p{
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #1E1E1E;
}
.breadcrumb-title h2 {
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
}
.breadcrumb li {
	display: inline-block;
}
.breadcrumb li:last-child a:before{display:none}
.breadcrumb li a {
	color: #fff;
	padding: 0 7px;
	position: relative;
	display: inline-block;
}
.breadcrumb li a::before {
	position: absolute;
	right: -4px;
	top: 2px;
	content: "/";
	color: #c5c5c5;
}
/* 13. Contact */
.contact-person h4 {
	margin-bottom: 10px;
}
.contact-person p {
	margin-bottom: 10px;
}
.contact-person a {
	font-size: 14px;
	color: #FEC601;
}
.contact-person a i {
	padding-right: 5px;
}
.maps {
	height: 420px;
}
.contact-form-title h2 {
	font-weight: 700;
	margin-bottom: 10px;
}
.contact-form-title p {
	font-style: italic;
	width: 60%;
	margin: 0 auto 55px;
}
.contact-form input::placeholder, .contact-form textarea::placeholder{
	color: #7C868E;

}
.contact-form input {
	width: 100%;
    border: 2px solid #E0E0E0;
    box-shadow: none;
    padding: 7px 20px;
    color: #7C868E;
    border-radius: 8px;
}
.contact-form textarea {
	width: 100%;
	border: 2px solid #E0E0E0;
	box-shadow: none;
	padding: 7px 20px;
	color: #7C868E;
    border-radius: 8px;
	height: 150px;
}
.contact-form button {
	padding: 12px 34px;
}
.pb-cus{
	padding-bottom: 222px;
}

/* 14. Blog */
.btn-yellow{
	border: 1px solid #FEC601;
    padding: 5px 15px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 12.4981px;
    line-height: 15px;
    color: #FEC601;
}
.meta-text{
	padding: 10px	30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-top: 10px;
}
.meta-name{
	font-style: normal;
	font-weight: 400;
	font-size: 16.6642px;
	line-height: 25px;
	color: #FFFFFF;
}
.meta-company {
	font-weight: 300;
	font-size: 16.6642px;
	line-height: 25px;
	color: #FFFFFF;
}
.meta-lok{
	font-weight: 300;
	font-size: 12.4981px;
	line-height: 15px;
	color: #FEC601;
}
.text-balck{
	color: #1E1E1E !important;
}
.blog-wrapper-news{
	background: #000000;
}
.blog-wrapper-news h2{
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
}
.blog-wrapper-news .meta-cat, .blog-wrapper-news .meta-info{
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #F6B718;
}
.blog-wrapper {
	background: #fff;
	overflow: hidden;
	padding: 20px;
}
.black-bg .home-blog h2, .black-bg .home-blog p {
	color: #FFF;
}
.black-bg .btn-khairad{
	color: #FFF;
	border: 1px solid #FFF;
}
.home-blog-wrapper{
	transition: .3s;
}
.blog-wrapper.home-blog-wrapper:hover {
	box-shadow: 10px 20px 30px rgba(0,0,0,.12);
}
.blog-thumb {
	margin-bottom: 20px;
}
.blog-title {
	display: inline-block;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.4;
	margin: 10px 0 15px;
	padding: 0;
	text-align: left;
}
.blog-content.home-blog h2 {
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
}
.blog-content.home-blog p {
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 28px;
}
.link-box.home-blog-link a {
	font-size: 14px;
	color: #FEC601;
}
.blog-title a {
	color: #222;
}
.link-box a {
	color: #555;
}
.link-box a:hover {
	color: #FEC601;
}
.blog-title a:hover {
	color: #FEC601;
}
.meta-info ul li {
	color: #9e9e9e;
	display: inline-block;
	font-size: 11px;
	padding: 0 12px;
	position: relative;
	text-transform: uppercase;
	font-weight: 700;
}
.embed-responsive {
	margin-bottom: 20px;
}
.meta-info ul li:first-child{padding-left:0}
.meta-info ul li a{color:#FEC601}
.meta-info ul li a:hover{color:#444}
.meta-info ul li::before {
  border: 1px solid #999;
  border-radius: 5px;
  content: "";
  height: 5px;
  left: -4px;
  position: absolute;
  top: 6px;
  width: 5px;
}
.meta-info ul li:first-child:before{display:none}
.blog-thumb img {
	width: 100%;
}
.link-box a {
	font-weight: 600;
}


.pagination-col{}
.pagination-col .pagination{margin-top:0;}
/* blog details */
.blog-details .meta-info {
  margin-bottom: 20px;
}
.blog-details .widget-social {
  margin-bottom: 20px;
}
blockquote {
	margin: 0 0 1rem;
	border-left: 4px solid #FEC601;
	padding-left: 12px;
	color: #666;
	font-weight: 700;
	font-style: italic;
}
/* blog details */
.blog-title.blog-title-sm {
	font-size: 20px;
}
.blog-content-img img {
	width: 100%;
}
.blog-post-tag > a {
  border: 1px solid #ededed;
  color: #444;
  display: inline-block;
  font-size: 12px;
  padding: 10px;
}
.blog-post-tag > a:hover {
	background: #FEC601;
	border-color: #FEC601;
	color: #fff;
}
.blog-share-icon > span {
  color: #595959;
  font-size: 15px;
}
.blog-share-icon> a {
  color: #595959;
  font-size: 15px;
  margin: 0 8px;
}
.blog-share-icon> a:hover{color: #FEC601;}
.blog-share-icon {
  margin-top: 8px;
}
/* blog comments */

.comments-avatar {
  float: left;
  width: 103px;
}
.comments-text {
  overflow: hidden;
  padding-left: 30px;
}
.avatar-name > h5 {
    float: left;
    font-size: 14px;
    font-weight: 700;
}
.avatar-name > span {
    color: #646464;
    float: right;
    font-size: 12px;
}
.avatar-name {
    margin-bottom: 10px;
    overflow: hidden;
}
.comments-box {
  margin-bottom: 50px;
}
.comments-reply {
  padding-left: 130px;
}
.comments-text > p {
    color: #646464;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 25px;
}
.comments-text > a {
    border: 1px solid #ddd;
    color: #444;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 20px;
    text-transform: uppercase;
}
.comments-text > a:hover{background: #FEC601;border-color: #FEC601;color: #fff;}

.post-comments-form {}
.post-comments-form input {
  border: 1px solid #e6e6e6;
  height: 45px;
  margin-bottom: 25px;
  padding: 0 15px;
  width: 100%;
}
.post-comments-form textarea {
  border: 1px solid #e6e6e6;
  height: 130px;
  margin-bottom: 25px;
  padding: 15px;
  width: 100%;
}
.post-comments-form  button{}

/* 15. Pagination */
.pagination {
    display: block;
    margin: 0;
    overflow: hidden;
    border-radius: 0;
    padding-bottom: 3px;
}
.pagination ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    list-style: none;
    padding: 0;
    margin: 0;
}
.pagination ul > li {
    display: inline-block;
    margin-right: 2px;
}
.pagination ul > li > a,
.pagination ul > li > span {
    float: none
}
.pagination ul > li > a {
	background: #FFF;
	font-size: 14px;
	color: #3b3b3b;
	font-weight: 700;
	display: inline-block;
	padding: 9px 18px;
	border: 1px solid #ddd;
}
.pagination ul > li:first-child > a,
.pagination ul > li:last-child > a {

}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
	color: #444;
	background: #FEC601;
	border-color: #FEC601;
}
.maps-area {
	overflow: hidden;
}
.single-clients {
	text-align: center;
}
.owl-carousel .owl-item .single-clients  img {
	display: inline-block;
	width: inherit;
}
#scrollUp {
	position: absolute;
	right: 50px;
	bottom: 50px;
	background: #000;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #fff;
	line-height: 40px;
	font-size: 20px;
}
#scrollUp:hover {
	background: #FEC601;
}