@charset 'UTF-8';

/* ul{  */
    /* list-style: disc; */
    /* padding-inline-start: 40px; */
	/* text-align: justify; */
/* } */

@media(max-width: 768px){
	.ip-header {
display: flex;
flex-direction: column;
	}
	.ip-section .text-block-left{
		padding: 0 10px;
	}
}
.hs-style-bg {
    background: none;
    height: 150px;
	position: absolute;
	min-width: inherit;
}



.ip-header {
	background: url(/public/img/content/topip.webp) no-repeat center;
	background-color: #001223;
	height: 390px;
	min-width: inherit;
	padding: 0 calc(var(--header-width) + 2vw);
}
.inv-header {
	background:none;
	min-width: inherit;
	position: absolute;
}

.main-header a
{
	color:#ffffff;
}


div.title h1 {
	font-size: clamp(1px, 1.1em, 50px) !important;
}

p.knowhow-section__displayleft {
	margin-left: 0px;
}





.fp-tableCell .container {
	padding-top: 40px;
	padding-bottom: 40px;
}






@media (min-width: 700px) {
	#fullpage .section .date {
		font-size: min(80px, max(20em,40px));
	}
}

@media (max-width: 400px) {
	h3.main-title.ip_sub_title{
	font-size: 15px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
    text-align: center;
	}
	h1.main-title.ip_title{
	font-size: 20px;
	line-height: 1;
	}
}


@media (max-width: 768px) {
	p.knowhow-section__displayleft {
	text-align: center;
	font-size: 20px;
	}
	div.knowhow-section__displayright {
	text-align: center;
	position: relative;
	z-index:1;
	}
}
@media (max-width: 992px) {
	h3.main-title.ip_sub_title{
	font-size: 20px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
    text-align: center;
	}
	h1.main-title.ip_title
	{
		
	}
	.knowhow-section__scroll {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
	}
	.knowhow-section__scroll::-webkit-scrollbar {
    width: 0;
    height: 2px;
	}
	.knowhow-section .tab-img-block 
	{
		width:100%;
		height:auto;
	}
}
@media (min-width: 992px) {
	h3.main-title.ip_sub_title{
	font-size: 26px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
    text-align: center;
	}
	h1.main-title.ip_title
	{
		
	}

}

footer {
    margin-top: 0px; 
    margin-bottom: 0px; 
}
img {
    width: auto;
    height: auto;
}
body {
    line-height: 1.3;
}




