
.bannerContent2
{
	padding:0px;
	font-size:16px;
	line-height:26px;
	font-weight:normal;
	color:#fff;
	max-width: 1200px;
	margin: 0px auto 0px auto;
}

.bannerContent2 .bannerPara
{
	width:450px;
	padding:0px 0px 0px 5px;
	box-sizing:border-box;
	max-width:100%;
}

.bannerContent2 h1
{
	color:#fff;	
	margin:0px 0px 20px 0px;
	line-height:36px;
	letter-spacing: 3px;
	text-shadow: inherit;
}


.divContainer
{
	background:#f2f2f2;
	padding:40px 20px		
}

a.homeDefaultButton
{
	width:90%;
	margin:20px auto;
	max-width:350px;
}

a.homeDefaultButton2
{
	width:90%;
	margin:20px auto;
	max-width:350px;
}

.divContainer .highlight
{
	background:	#ff6f1a;
	color:#fff;
	padding:3px 10px;
	border-radius:10px;
}

.divContainer .headingIcon
{
	margin:0px 10px 0px 0px;
	float:left;	
	width:48px;
	height:48px;
}

.divContainer h2
{
	text-align:center;
	font-size:30px;
	padding:0px 0px;
	margin:10px 0px;
	color:#000;
	font-weight:normal;
	
}

.divContainer h3
{
	text-align:center;
	font-size:22px;
	padding:0px 0px;
	margin:0px 0px 20px 0px;
	color:#444;
	line-height:32px;
	font-weight:normal;
}

.divContainer .visaHeading
{
	font-size:26px;
	color:#5D57AD;
	text-align:left;
	padding:15px 0px 0px 0px;
	display:block;
}

.divContainer ul
{
	padding:0px;
	margin:0px;
	width:100%;			
	list-style: none;
}

.divContainer .summary
{
	background:none;	
	width:96%;
	margin:20px auto 0px auto;
	padding:10px;
	clear:both;
	display:table;
}

.compareDiv1
{
	border:0px solid #ccc;	
	clear:both;
	width:100%;
	display: flex;	
	flex-wrap: wrap;
	padding:40px 0px;	
	box-sizing:border-box;
	background:none;
}

.compareDiv1 h4
{
	background:none;
	margin:10px 0px 20px 0px;;
	padding:0px;
	font-size:22px;
	color:#000;
	font-weight:normal;
	letter-spacing:1px;		
}

.compareDiv1 .leftBox
{		
	width:46%;
	background: linear-gradient(158deg, #f4f0ff87 -42.5%, #ffffff 193%);
	float:left;	
	padding:25px 40px;
	box-sizing:border-box;
	margin:0px 2% 0px 2%;
	border-radius:20px;
	box-shadow:0px 0px 8px #ddd;
}

.compareDiv1 .leftBox1
{
	width:46%;
	background: linear-gradient(119deg, #5d57ad8c -42.5%, #ffffff 193%);
	float:left;	
	padding:25px 40px;
	box-sizing:border-box;
	margin:0px 2% 0px 2%;
	border-radius:20px;
	box-shadow:0px 0px 8px #ddd;
	border:1px solid #5D57AD;	
}
	
.compareDiv1 ul
{
	padding:0px;
	margin:0px;
	width:100%;			
	list-style: none;
}

.compareDiv1 ul li
{
	padding-left:20px;	
	position: relative;
}

.compareDiv1 ul li:before
{
	content: '\276F';
	position: absolute;
	left: 0;	
	color:#5D57AD;	
	width:15px;
}	
    
.compareDiv1 .rightBox
{		
	width:46%;
	background: linear-gradient(158deg, #f9f1ecf5 -42.5%, #ffffff 193%);
	float:left;	
	padding:25px 40px;
	box-sizing:border-box;
	margin:0px 2% 0px 2%;
	border-radius:20px;
	box-shadow:0px 0px 8px #ddd;
}

.compareDiv1 .rightBox1
{
	width:46%;
	background: linear-gradient(83deg, #ff8f4d38 -42.5%, #ffffff 193%);
	float:left;	
	padding:25px 40px;
	box-sizing:border-box;
	margin:0px 2% 0px 2%;
	border-radius:20px;
	box-shadow:0px 0px 8px #ddd;
	border:1px solid #FF6F1A;	
}
	
.compareDiv1 .rightBox ul li::before
{
	color:#FF6F1A;
}

.compareDiv1 .rightBox1 ul li::before
{
	color:#FF6F1A;
}

.infoDiv
{
	border:0px solid #ccc;	
	clear:both;
	width:100%;
	display:flex;
	flex-wrap: wrap;
	padding:40px 20px 0px 20px;	
	box-sizing:border-box;
	background:none;
}

.infoDiv h4
{
	margin:0px 0px 15px 0px;
	color:#000;
}

.infoDiv .box
{		
	width:31%;
	background:#fff;
	float:left;	
	padding:30px 30px;
	box-sizing:border-box;
	margin:0px 1% 30px 1%;
	border-radius:20px;
	box-shadow:0px 0px 8px #ddd;
}

.infoDiv .box .workingConditionHeading
{
	background:none;
	margin:10px 0px 20px 0px;;
	padding:0px;
	font-size:20px;
	color:#000;
	font-weight:normal;
	letter-spacing:1px;
	display:block;		
}

.infoDiv .box1
{		
	width:48%;
	background:#fff;
	float:left;	
	padding:30px 30px;
	box-sizing:border-box;
	margin:0px 1% 30px 1%;
	border-radius:20px;
	box-shadow:0px 0px 8px #ddd;
	line-height:26px;
}

.infoDiv .box1 .workingConditionHeading
{
	background:none;
	margin:10px 0px 20px 0px;;
	padding:0px;
	font-size:20px;
	color:#000;
	font-weight:normal;
	letter-spacing:1px;
	display:block;		
}

.infoDiv .box2
{	
	width: 100%;
    background: #fff;
    float: left;
    padding: 15px 20px 20px 120px;
    box-sizing: border-box;
    margin: 0px 0% 1px 0%;
    border-radius: 0px;
    position: relative;
}

.infoDiv .box2 span
{
	position:absolute;
	top:15px;
	left:20px;
	background:#433E80;
	color:#fff;
	padding:8px 20px;
	border-radius:20px;
	font-size:14px;
	font-weight:bold;
	float:left;
	letter-spacing:1px;
}

.infoDiv .box2 h4
{
	font-weight:normal;
	font-size:20px;
	color:#5D57AD;
}


.infoDiv .howItWorks
{		
	width:16.6%;
	background:none;
	float:left;	
	padding:10px 0px;
	box-sizing:border-box;
	margin:0px 0% 30px 0%;
	border-radius:0px;
	border-left:0px solid #ddd;
	border-right:0px solid #ddd;
	font-size:12px;
	line-height:20px;
	text-align:center;
}

.howItWorks .number
{
	background:#FF6F1A;
	font-size:20px;
	padding:7px 14px;
	border-radius:50%;
	font-weight:bold;
	color:#fff;
	display:inline;	
}

.howItWorks .number2
{
	background:#433E80;	
}

.howItWorks hr
{
	border-top: 1px solid #FF6F1A;
	margin:-15px 0px 0px 0px;
}


.howItWorks .topBox
{
	width:100%;
	padding:20px 0px 30px 0px;
	box-sizing:border-box;
	height:135px;
	background:none;
	display: grid;
	align-content: end;
}

.topBox a
{
	color:#000;
	display:block;
}




.howItWorks .bottomBox
{
	width:100%;
	padding:45px 0px 25px 0px;
	box-sizing:
	border-box;
	height:135px;
}

.bottomBox a
{
	color:#000;
	display:block;
}


.infoDiv ul
{
	padding:0px;
	margin:0px;
	width:100%;			
	list-style: none;
}

.infoDiv ul li
{
	padding-left:18px;	
	position: relative;
}

.infoDiv ul li:before
{
	content: '\2B58';
	position: absolute;
	left: 0;	
	color:#000;	
	font-size:14px;
	width:15px;
}	

.infoDiv .fullBox
{		
	width:98%;
	background:#fff;
	padding:0px 30px 30px 30px;
	box-sizing:border-box;
	margin:30px auto 0px auto;
	border-radius:20px;
	box-shadow:0px 0px 8px #ddd;
	display:flex;	
	flex-wrap: wrap;
}

.infoDiv .fullBox h3
{
	color:#000;
	font-size:22px;
	margin:30px 0px 20px 0px;		
}

.infoDiv .fullBoxPera
{
	width:48%;
	background:none;
	box-sizing:border-box;
	padding:0px;
	float:left;
	margin:10px 1%;
	padding:10px;							
}

.infoDiv .fullBoxPera h4
{	
	padding:0px;
	margin:0px;
	color:#1F10AC;
	margin:0px 0px 10px 0px;
	font-size:18px;		
}
		
/***************************/

.infoDiv1
{
	border:0px solid #ccc;	
	clear:both;
	width:90%;
	display:grid;
	grid-template-columns:60% 1fr;
	grid-template-rows: auto auto;
	box-sizing:border-box;
	background:none;
	margin:50px auto 40px auto;
}

.infoDiv1 h3
{
	font-size:20px;
	color:#000;		
	margin:5px 0px 20px 0px;
}

.infoDiv1 .bigBox
{
	grid-row:span 2;
	margin:0px 100px 0px 0px;
	width:95%;
	padding:30px 30px;
	background:#fff;
	box-shadow:0px 0px 8px #ddd;
	border-radius:20px;
	box-sizing:border-box;
	/*background-image: url("https://localhost/mkiep.de/pageImages/au-pair-programs-italy-612.jpg");*/
	background-size: cover;
}

.infoDiv1 .smallBox
{		
	width:100%;
	padding:20px 30px 30px 30px;
	box-sizing:border-box;
	margin:0px 1% 40px 1%;
	border-radius:20px;
	background: linear-gradient(158deg, #dbd3f187 -42.5%, #b9764e29 193%);
	box-shadow:0px 0px 8px #f2f2f2;	
	cursor:pointer;
	border:1px solid #f2f2f2;
}

.infoDiv1 .smallBox:hover
{
	box-shadow:0px 0px 8px #5D57AD;
	border:1px solid #5D57AD;
}

.smallBoxHeading
{
	font-size:20px;
	color: #000;
	margin: 5px 0px 20px 0px;
	display:block;
	text-align:left;
}

.infoDiv1 .smallBox a
{
	color:#1F10AC;
	font-size:18px;
	display:block;
	margin:10px 0px 0px 0px;
}

.infoDiv1 .smallBox a::after
{
	content: '\1F872';
	position: absolute;
	padding-left:10px;
}


.infoDiv1 .smallBoxAlternate
{		
	width:100%;
	padding:20px 30px 30px 30px;
	box-sizing:border-box;
	margin:0px 1% 0px 1%;
	border-radius:20px;
	background: linear-gradient(158deg, #b9764e29 -42.5%, #dbd3f187 193%);
	box-shadow:0px 0px 8px #f2f2f2;	
	cursor:pointer;
	border:1px solid #f2f2f2;
}

.infoDiv1 .smallBoxAlternate:hover
{
	box-shadow:0px 0px 8px #FF6F1A;
	border:1px solid #FF6F1A;
}

.infoDiv1 .smallBoxAlternate a
{
	color:#FF6F1A;
	font-size:18px;
	display:block;
	margin:10px 0px 0px 0px;
}

.infoDiv1 .smallBoxAlternate a::after
{
	content: '\1F872';
	position: absolute;
	padding-left:10px;
}

.infoDiv2
{
	border:0px solid #ccc;	
	clear:both;
	width:90%;
	display:grid;
	grid-template-columns:60% 1fr;
	grid-template-rows: auto auto;
	box-sizing:border-box;
	background:none;
	margin:50px auto 40px auto;
}

.infoDiv2 h3
{
	font-size:20px;
	color:#000;
	margin:10px 0px 20px 0px;		
}

.infoDiv2 .imageBox
{
	grid-row:span 3;
	margin:0px 100px 0px 0px;
	width:90%;
	padding:0px 0px;
	border-radius:20px;
	box-sizing:border-box;
	background:#fff;
	overflow:hidden;
	display: flex;
	justify-content:center;
	align-items:center;
}

.infoDiv2 .imageBox img
{
	border-radius:20px;
	width:100%;
	height:auto;				
}

.infoDiv2 .smallBox
{		
	width:100%;
	padding:0px 0px 10px 0px;
	box-sizing:border-box;
	margin:20px 1% 0px 1%;
	background:none;
	cursor:pointer;
	border:0px solid #f2f2f2;
}

.dropArrow
{
	font-size:20px;
	text-align:center;
	background:#ddd;
	position:relative;
	display:table;
	width:100%;
	margin:0px 0px 20px 0px;
	cursor:pointer;				
}

.dropArrow::after
{
	position:absolute;
   	content: '\276F';
	text-align:center;
    font-weight: bold;
    font-size:36px;
   	margin-left: 8px;
    padding: 0px 0px 0px 0px;
   	transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
}

.afterTestimonial
{
	margin-top:650px;
}

.countryScrollBg
{
	width:90%;
	margin:60px 5%;
	padding:0px;
	overflow-x:scroll;
	scrollbar-width:none; /* Firefox */
	-ms-overflow-style:none;  /* Internet Explorer 10+ */
	
}
.countryScrollBg::-webkit-scrollbar
{
	width:0;
	height:0;
}


.countryBoxBg
{
	width:100%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	margin:60px 0px 0px 0px;
}

.countryBoxBg .countryBox
{
	float:left;
	width:23%;
	margin:0px 1% 0px 1%;
	overflow:hidden;
	background:none;
	box-sizing:border-box;	
}

.countryImageBox
{
	width:100%;
	height:250px;
	background:#f4f0ff87;
	border-radius:10px;
	overflow:hidden;
	padding:0px 0px 0px 0px;
}

.countryBox img
{
	width:100%;
	height:auto;
	border-radius:10px;
	margin:-60px 0px 0px 0px;

}

.countryBox .content
{
	padding:0px 0px 0px 0px;
	display:inline-block;	
	width:100%;
	box-sizing:border-box;
}

.countryBox .content h2
{
	margin:0;
	padding:5px 0px 5px 0px;
	font-size:16px;
	color:#000;
}


.countryBox .content h3
{
	margin:0;
	font-size:16px;
	color:#000;
	text-align:left;
	font-weight:bold;

	position:absolute;
	top:-75px;
	background:#fff;
	left:0px;
	padding:5px 20px 5px 5px;
	opacity:0.8;
	border-radius:0px 20px 20px 0px;
}

.countryBox .content a
{
	color:#444;
	font-size:14px;
	line-height:1.3;
	margin:0px 10px 5px 0px;
	color:#000;	
}

.overviewDiv
{
	width: 100%;
	background:#fff;
	padding:40px 0px 40px 10px;
	box-sizing:border-box;
	margin:25px 0px 0px 0px;
	border-radius:20px;
	display: flex;
	flex-wrap: wrap;	
}

.overviewBox
{
	width:33%;
	float:left;
	text-align: center;
	font-size:15px;
	color:#000;
	box-sizing:border-box;
	padding:20px 15px;
}

.overviewBox:hover
{
	background:#f4f0ff87;
	border-radius:10px;
	cursor:pointer;
}

.overviewBox span
{
	margin:0px auto 8px auto;
	font-size:24px;
	font-weight:normal;
	color:#5d2a0c;
	display:block;
}

.overviewBox:nth-child(even)
{	
}

.overviewBox:nth-child(odd) span
{
	color:#433E80;
}

.listDiv
{
	background:#fff;
	padding:10px;
	box-sizing:border-box;	
	border-radius:10px;	
}

.listDiv span
{
	font-size:16px;
	font-weight:bold;
	color:#433E80;
	display:table;
	margin:0px 0px 5px 0px;
	letter-spacing:1px;	
}


.listDiv ol
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	counter-reset: item;
	list-style: none;
	box-sizing:border-box;
	display:table;
}


.listDiv ol li
{
	counter-increment: item;
	padding: 20px 20px 20px 20px;
	background:none;
	width:48%;
	float:left;
	display:table;
	box-sizing:border-box;
	margin:0px 5px 10px 5px;
}

.listDiv ol li::before
{
    content: counter(item);
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background:#f4f0ff87;
    color:#FF6F1A;
    border-radius:20px;
    position: absolute;
    margin: 3px 0px 0px -50px;
	font-weight:bold;
}

@media screen and (max-width:650px)
{

	.bannerContent2 .bannerPara
	{
		width:100%;
	}

	a.homeDefaultButton
	{
		width:100%;
		margin:20px auto;
		max-width:100%;

	}

	a.homeDefaultButton2
	{
		width:100%;
		margin:20px auto;
		max-width:100%;
	}

	.divContainer .headingIcon
	{
		float:none;
	}

	.divContainer
	{
		padding:40px 20px;
	}

	.compareDiv1
	{
		padding:0px;
	}

	.compareDiv1 .leftBox
	{
		width:100%;
		margin:0px auto 25px auto;
		padding:20px 25px;
	}

	.compareDiv1 .rightBox
	{
		width:100%;
		margin:0px auto;
		padding:20px 25px;
	}

	.compareDiv1 .rightBox1
	{
		width:100%;
		margin:0px auto;
		padding:20px 25px;
	}

	.infoDiv
	{
		padding:40px 0px 0px 0px;
	}

	.infoDiv .box
	{
		width:100%;
	}

	.infoDiv .box1
	{
		width:100%;
	}

	.infoDiv .box2
	{
		padding: 55px 20px 20px 20px;
	}


	.infoDiv .howItWorks
	{
		width:100%;
		background:#fff;
		margin:0px 0px 2px 0px;
		position:relative;
		text-align:left;
		padding:0px 0px 0px 80px;
	}

	.howItWorks .topBox
	{
		padding:20px 0px 0px 0px;
		background:none;
		height:unset;	
	}
	


	.howItWorks .bottomBox
	{
		height:unset;	
		padding:0px 0px 20px 0px;
		background:none;	
	}

	.howItWorks hr
	{
		display:none;	
	}

	.howItWorks .number
	{
		position:absolute;		
		top:25px;
		left:20px;
		border-radius:5px;
		padding:8px 16px 15px 16px;
	}






	.infoDiv .fullBoxPera
	{
		width:100%;
		padding:0px;
	}

	.infoDiv1 
	{
		display:table;
		width:100%;
		margin:0px;
	}

	.infoDiv1 .bigBox
	{
		padding:5px;
		width:100%;
		margin:0px 0px 40px 0px;
		background-image:none;
		background:#fff;
	}

	.infoDiv1 .bigBox .headingIcon
	{
		display:none;			
	}

	.infoDiv2
	{
		width:100%;
		display:table;
		margin:0px;
	}

	.infoDiv2 .imageBox
	{
		width:100%;
		height:auto;
	}

	.afterTestimonial
	{
		margin-top:740px;
	}

	.countryBoxBg .countryBox
	{
		width:46%;
		margin:0px 2% 0px 2%;
	}

	.countryImageBox	
	{
		height:150px;
		background:#000;
	}
		
	
	.countryImageBox .countryBox img
	{
		height:100%;
		width:auto;
	}

	.countryBox .content h3 
	{
		top:-80px;
	}

	.overviewDiv
	{
		padding:0px;		
	}

	.overviewBox
	{
		width:100%;
		float:left;
		text-align: center;
		font-size:15px;
		color:#000;
		box-sizing:border-box;
		padding:20px 15px;
		border-bottom:1px solid #f2f2f2;
	}

	.overviewBox span
	{
		font-size:22px;	
	}

	
	.listDiv ol
	{
		width: 100%;
		padding: 0px 0px 0px 0px;
		counter-reset: item;
		list-style: none;
		box-sizing:border-box;
		display:table;
	}


	.listDiv ol li
	{
		padding:10px 0px 10px 50px;
		background:none;
		width:100%;
		box-sizing:border-box;
		margin:0px 5px 0px 0px;
		border-bottom:1px solid #f2f2f2;
	}

	

}



