@font-face {
    font-family: 'ppsigflow';
    src: url('../fonts/PPSIGFlow-Regular.woff2') format('woff2'),
        url('../fonts/PPSIGFlow-Regular.woff') format('woff'),
        url('../fonts/PPSIGFlow-Regular.ttf')  format('truetype'),
}

@font-face {
    font-family: 'ppsigflow-bold';
    src: url('../fonts/PPSIGFlow-Bold.woff2') format('woff2'),
        url('../fonts/PPSIGFlow-Bold.woff') format('woff'),
        url('../fonts/PPSIGFlow-Bold.ttf')  format('truetype'),
}

@font-face {
    font-family: 'ppsigflow-semibold';
    src: url('../fonts/PPSIGFlow-SemiBold.woff2') format('woff2'),
        url('../fonts/PPSIGFlow-SemiBold.woff') format('woff'),
        url('../fonts/PPSIGFlow-SemiBold.ttf')  format('truetype');
}

body {
    padding: 0;
    font-family: "ppsigflow";
    color: #244376;
    overflow-x: hidden;
}

#sig h1 {
    font-family: 'ppsigflow-semibold';
    font-size: 80px;
    line-height: 90px;
}
#sig h2 {
    font-family: 'ppsigflow-semibold';
    font-size: 64px;
    line-height: 72px;
}
#sig h4 {
    font-size: 32px;
    line-height: 36px;
}
.text-16-16 {
    font-size: 16px;
    line-height: 16px;
}
.text-16-24 {
    font-size: 16px;
    line-height: 24px;
}
.text-20-28 {
    font-size: 20px;
    line-height: 28px;
}
.text-32-40 {
    font-size: 32px;
    line-height: 40px;
}
.text-40-46 {
    font-size: 40px;
    line-height: 46px;
}
.text-48-60 {
    font-size: 48px;
    line-height: 60px;
}
.rounded-100 {
    border-radius: 100px;
}
.sig-container {
    width: 1467px;
}

/* Hero Section Start */
.sig-hero {
    background-image: url("../img/hero-img-v2.jpg");
    background-size: cover;
    background-position: center;
}
/* Hero Section End */

.sig-sustainable-innovations-container{
    width: 80%!important;
}
.sig-sustainable-innovations-container .slick-list {
    padding:0 20% 0 20% !important;
}
.sig-sustainable-innovations-container .slick-slide{
    padding: 0 10px;
}
.sig-sustainable-innovations-container #sustainable-innovations-next,#sustainable-innovations-prev{
    z-index: 1!important;
}
.h-screen {
    height: 100vh;
}

.cookie-checkbox input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}

.cookie-checkbox label {
	cursor: pointer;
	text-indent: -9999px;
	width: 50px;
	height: 30px;
	background: grey;
	display: block;
	border-radius: 100px;
	position: relative;
}

.cookie-checkbox label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}

.cookie-checkbox input:checked + label {
	background: #bada55;
}

.cookie-checkbox input:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}

/* label:active:after {
	width: 30px;
} */
#cookie-banner {
    display: none;
}

/* Responsive CSS */
@media screen and (max-width: 640px) {
    #sig h2 {
        font-size: 40px;
        line-height: 46px;
    }
}
@media screen and (max-width: 1280px) {
    /* .sig-hero {
        height: 800px;
    } */
    .sig-hero {
        background-image: url("");
        background-size: cover;
        background-position: center;
    }
}
@media screen and (max-width: 1024px) {
    .sig-sustainable-innovations-container .slick-list {
        padding:0% !important;
    }
    
}
@media screen and (min-width: 768px) {
    #sustainable-innovations .grid {
        height: 555.86px;
    }
}

@media screen and (max-width: 767px) {
    .text-32-40 {
        font-size: 20px;
        line-height: 28px;
    }
    .sig-sustainable-innovations-container{
        width: 100%!important;
    }
}

@media screen and (min-width: 400px) and (max-width: 640px) {
    .sig-hero {
        height: auto;
    }
}

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

@media screen and (max-width: 400px) {
    .sig-hero {
        height: auto !important;
    }
}