/* 	==========================================================================
	==========================================================================
   						   PAGE DETAIL DISC ASSESSMENT INFOMATION
	==========================================================================
   	========================================================================== */
	
/* 	==========================================================================
							 SECTION  HERRO-BANNER
   	========================================================================== */
	.wrapper-detial-disc-assessment .hero-banner {
		width: 100%;
		height: 300px;
		background-image: url('../images/home_hero_banner.jpg');
		background-repeat: no-repeat;
		background-size: calc(100%) auto;
		float: left;
		top: 150px;
	}
	.wrapper-detial-disc-assessment .hero-banner .mask {
			width: 100%;
			height: 100%;
			background-color: rgba(255,255,255,0.7); 
			float: left;
			text-align: center;
			padding-top: 100px;
	}
	.wrapper-detial-disc-assessment .hero-banner .mask h3 { margin: 0; font-size: 45px; color: rgb(0,106,181); }
/* 	==========================================================================
							 SECTION  WHAT-IS-DISC
   	========================================================================== */
	.wrapper-detial-disc-assessment .what-is-disc { float: left; }
	.wrapper-detial-disc-assessment .what-is-disc .question { 
		color: rgb(1,104,179); 
		font-weight: bold; 
		font-size: 30px;
		margin: 0 0 35px 0; 
	}
	.wrapper-detial-disc-assessment .what-is-disc .block-definition p { margin-bottom: 70px; padding-right: 35px; }
	.wrapper-detial-disc-assessment .disc-title-profile { 
		margin-bottom: 35px; 
		color: rgba(0,169,155,1); 
		font-size: 25px; 
		margin-left: -15px;
	}
	.wrapper-detial-disc-assessment .list-profile { padding-left: 20px; }
	.wrapper-detial-disc-assessment .list-profile li { margin-bottom: 20px; }
	.wrapper-detial-disc-assessment .list-profile li.square-icon { 
		background-image: url("../images/icon/icon_box25x25.png");
		background-position: 0 5px;
		background-repeat: no-repeat;
		background-size: 15px auto;
		padding-left: 40px;
	}
/* 	==========================================================================
							 SECTION  LEADER-SHIP
   	========================================================================== */
	.wrapper-detial-disc-assessment .leader-ship { 
		width: 100%; 
		background-color: rgb(241,250,255); 
		padding-top: 75px;
	}
	.leader-ship .main-title { font-size: 30px; font-weight: bold; color: rgb(1,104,181); }

	.slide-style-leader .question { 
		color: rgb(0, 169, 155);
		font-size: 25px;
		margin: 0 0 35px;
	}
	.slide-style-leader .block-definition p {  
		margin-bottom: 40px;
		padding-left: 35px;
		width: 80%; 
	}
	.slide-style-leader .disc-title-profile {
		color: rgb(0,148,142);
		font-size: 20px;
		padding-left: 35px;
	}
	
	.slide-style-leader .list-profile { padding-left: 20px; }
	.slide-style-leader .list-profile li { margin-bottom: 25px; }
	.slide-style-leader .list-profile li.square-icon { 
		background-image: url("../images/icon/icon_box25x25.png");
		background-position: 0 5px;
		background-repeat: no-repeat;
		background-size: 15px auto;
		padding-left: 40px;
	}
/* 	==========================================================================
							 SECTION  WHAT-ABOUT-DISC
   	========================================================================== */
	.wrapper-detial-disc-assessment .what-about-disc { 
		background-image: url('../images/CAREER.jpg');
		float: left;
		height: 300px;
		width: 100%;
	}
	.what-about-disc .mask {
		background-color: rgba(1,148,142, 0.8);
		color: #fff;
		height: 300px;
		padding-top: 45px;
		width: 100%;
	}
	.what-about-disc .mask h3{ font-size: 35px; margin-bottom: 35px; }
	.what-about-disc li.square-icon { 
		background-image: url("../images/icon/icon_box_white.png");
		background-position: 0 5px;
		background-repeat: no-repeat;
		background-size: 15px auto;
		padding-left: 40px;
		margin-bottom: 20px;
	}
	.what-about-disc .margin { margin: 0 -16px; }
	.what-about-disc .margin .title { font-weight: bold; }
	.what-about-disc .margin ul li a {	color: white; }


/* 	==========================================================================
	2.7. SECTION OUR CLIENT
   	========================================================================== */
	.wrapper-detial-disc-assessment .slick-slide img { padding-top: 60px; width: 500px; }
	.slide-style-leader { padding-top: 40px; margin-bottom: 70px; }
	.slide-style-leader .block-title { margin-bottom: 35px; }
	.slide-style-leader .title { font-size: 25px; margin: 0; text-align: center; color: #01948E; }
	.slide-style-leader .main-title { 
		font-size: 40px; 
		font-weight: bold; 
		margin: 0; 
		padding-bottom: 20px;
		text-align: center;
		color: rgb(0,105,179); 
	}
	.slide-style-leader .main-title + p { text-align: center; font-size: 20px; }
	.slide-style-leader .slick-next { right: 0; }
	.slide-style-leader .slick-prev { left: 0; }
	.slide-style-leader .slick-next::before,
	.slide-style-leader .slick-prev::before{  content: " "; }

	.slide-style-leader .slick-track { margin-bottom: 30px; }
	.slide-style-leader .slick-dots { bottom: -40px; }
	.slide-style-leader .slick-dots li { margin: 0 10px; }
	.slide-style-leader .slick-dots li button { height: 20px; width: 20px; margin-top: -5px; }
	.slide-style-leader .slick-dots li button::before {
		background-color: rgb(255,255,255);
		border-radius: 50%;
		content: " ";
		height: 20px;
		width: 20px;
		border: 1px solid rgb(1,104,179);
		opacity: 1;
	}
	.slide-style-leader .slick-dots li.slick-active button::before { opacity: 1; background-color: rgb(1,104,179); }

/* 	==========================================================================
	==========================================================================
   							 		TABLATE
	==========================================================================
   	========================================================================== */

@media only screen 	and (min-device-width : 768px) and (max-device-width : 1024px){
	.slide-style-leader .list-profile li { margin-bottom: 10px; }
	
}