@font-face {
    font-family: 'DIN2014';
    src: url('assets/din-fonts/DIN2014-Light.eot');
    src: url('assets/din-fonts/DIN2014-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/din-fonts/DIN2014-Light.woff2') format('woff2'),
        url('assets/din-fonts/DIN2014-Light.woff') format('woff'),
        url('assets/din-fonts/DIN2014-Light.ttf') format('truetype'),
        url('assets/din-fonts/DIN2014-Light.svg#DIN2014-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/din-fonts/DIN2014-Regular.eot');
    src: url('assets/din-fonts/DIN2014-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/din-fonts/DIN2014-Regular.woff2') format('woff2'),
        url('assets/din-fonts/DIN2014-Regular.woff') format('woff'),
        url('assets/din-fonts/DIN2014-Regular.ttf') format('truetype'),
        url('assets/din-fonts/DIN2014-Regular.svg#DIN2014-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body.kar-id-faq { font-family: 'Heebo', sans-serif; letter-spacing:0; padding-top: 0; }
.kar-id-faq .container {max-width: 1166px;}
.kar-id-faq .main-container { width:100%; height:100%; }
.kar-id-faq header { max-width: 100%; padding: 42px 0 42px; position: relative; left: 0; top: 0; width: 100%; background-color:#fff; z-index: 1; transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; }
.kar-id-faq header.fixed-header { position:fixed; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); padding: 30px 0; transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; }
.oneid-logos-wrap .logo img {max-width: 122px;width: 100%;}
.faq-banner { position:relative; padding: 94px 0 63px; background-position: center center;background-repeat: no-repeat;background-size: cover;} 
.faq-banner:before { content:""; background: linear-gradient(90deg, #006F44 0%, #00B0BD 73.96%); width:100%; height:100%; position:absolute; left:0; top:0; mix-blend-mode: multiply;}
.kar-id-faq-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;}
.faq-banner-wrap {display: flex;flex-wrap: wrap;/* align-items: center; */position: relative; justify-content:center; }
.faq-banner-content h1 { font-family: 'DIN 2014'; font-style: normal; font-weight: 400; font-size: 50px; line-height: 106.5%; text-align: center; text-transform: uppercase;
color: #FFFFFF;letter-spacing: 0;margin: 0 0 20px 0;}
.faq-banner-content p {font-family: 'DIN 2014'; font-style: normal; font-weight: 300; font-size: 44px; line-height: 115%;  color: #FFFFFF;letter-spacing: 0;}
.faq-banner-content { width: 100%; padding: 15px 0 0 0; }
.faq-banner-logo {margin: 0 0 12px 0;}
.oneid-logos-wrap { display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 622px;width: 100%;margin: 40px auto 0; align-items: flex-end; }

.faq-banner-text span { display: inline-block; vertical-align: middle; color: #fff; font-size: 100px; margin: 0 0 30px 0; }

.simple-content-wrap {max-width: 1005px;margin: 0 auto;width: 100%;}
.simple-content p { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 300; font-size: 24px; line-height: 150%; text-align: center; color: #707070; letter-spacing: 0; padding: 0; margin: 0 0 40px 0; }
.simple-content-sec {padding: 70px 0 29px;}

.video-sec {padding: 0 0 70px;}
.video-part { text-align: center; border-radius: 8px; padding-bottom: 34.25%; max-width: 695px; width: 100%; margin: 0 auto; position: relative; }
.video-part iframe { border-radius: 8px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }


.id-faq-heading h2 {font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 700; font-size: 36px; line-height: 150%; text-align: center; color: #000000; letter-spacing:0; margin: 0 0 19px 0;}
.id-faq-heading {max-width: 967px;margin: 0 auto 40px;width: 100%;text-align: center;}
.id-faq-heading p {font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 300; font-size: 24px; line-height: 150%; text-align: center;  color: #000000; letter-spacing:0;}
.faq-list-wrap { max-width: 955px; margin: 0 auto; width: 100%; }
.faq-list { border-bottom: 1px solid #00B0BD; border-top: 0; border-left: 1px solid #00B0BD; border-right: 1px solid #00B0BD; padding: 24px 30px 20px;}
.faq-list h2 { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 700; font-size: 20px; line-height: 150%; display: block; align-items: center; color: #707070; letter-spacing:0; padding: 0 30px 0 0;  position:relative; cursor:pointer; }
.accodion-body p { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 300; font-size: 20px; line-height: 150%; color: #707070; letter-spacing:0;padding: 0; margin:0 0 20px 0; }
.accodion-body ul li, .accodion-body ol li { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 300; font-size: 20px; line-height: 150%; color: #707070; letter-spacing:0;padding: 0; margin:0 0 2px 0; }
.id-faq-sec {padding: 66px 0 110px;}
.faq-list h2 span { position: absolute;right: 0;color: #707070; cursor:pointer; top:0; width: 20px; text-align: center; }
.faq-button h2 {font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 700; font-size: 20px; line-height: 150%; display: block; align-items: center; text-align: center; color: #707070; letter-spacing: 0; margin: 0 0 38px 0;}
.faq-button a {display: inline-block;vertical-align: middle;background: #FFFFFF; border: 3px solid #00B0BD; border-radius: 55px;font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; text-align: center;  color: #000000; padding: 16px 65px;}
.faq-button a:hover { background-color: #00B0BD; border-color: #00B0BD; color: #fff; }
.faq-button { text-align: center; margin: 56px 0 0 0; }
.faq-button {text-align: center;}
/* accordion body  */
.accodion-body { display: none; padding: 23px 0 10px 0;}
.faq-list:first-child .accodion-body { display: block; }
.faq-list:last-child {border-radius: 0px 0px 8px 8px;}
.faq-list:first-child { border-radius: 8px 8px 0px 0px; border-top: 1px solid #00B0BD; }
.accodion-body p img { max-width: 440px; width: 100%; object-fit: cover; }

/*Responsive Css Start Here*/
@media(max-width:1360px){
	.faq-banner-content h1 { font-size: 70px; line-height: 1.1; }
	.faq-banner-content p { font-size: 32px; line-height: 1.4; }
	.simple-content p { font-size: 22px; line-height: 1.4; margin: 0 0 20px 0; }
	.simple-content-sec { padding: 50px 0 29px; }
	.faq-banner-logo { margin: 0; text-align: center; }
	
	.faq-banner-text span { font-size:80px; }
}
@media(max-width:1200px){
	.faq-banner { padding: 60px 0; }
	.faq-banner-content h1 { font-size: 50px; }
	.faq-banner-content p { font-size: 26px; }
	.faq-banner-content { padding: 15px 0 0 0; }
	.oneid-logos-wrap { margin: 50px auto 0; }
	.faq-banner-wrap { align-items: center; }
	
	.id-faq-sec { padding: 60px 0 60px; }
	.id-faq-heading h2 { font-size: 28px; line-height: 1.1; }
	.id-faq-heading p { font-size: 20px; line-height: 1.4; }
	
	.video-sec { padding: 0 0 60px; }
	.faq-banner-logo img { max-width: 80%; }
	
	.faq-banner-text span { font-size:60px; }
}
@media(max-width:1024px){ 
	.simple-content p { font-size: 18px; }
	
	.faq-list h2 { font-size: 18px; line-height: 1.1; }
	.accodion-body p { font-size: 18px; line-height: 1.4; }
	.accodion-body ul li, .accodion-body ol li { font-size: 18px; line-height: 1.4; }
	.faq-list { padding: 20px 25px 20px; }
	
	.id-faq-heading p { font-size: 18px; }
	
	.faq-banner-text span { font-size:45px; }
}
@media(max-width:991px){
	.faq-banner { padding: 40px 0; }
	.faq-banner-content h1 { font-size: 40px; padding:0; margin:0 0 15px 0; }
	.faq-banner-content p { font-size: 22px; padding:0; }
	.oneid-logos-wrap { margin: 30px auto 0; }
	.oneid-logos-wrap .logo img { max-width: 70%; }
	
	.faq-banner-text span { font-size:40px; }
}
@media(max-width:767px){ 
	.simple-content p { font-size: 16px; }
	.oneid-logos-wrap .logo { display:block; width: 22%; margin:0; }
	.faq-banner-content { padding: 0 0 0 0; width: 100%; text-align:center; }
	.faq-banner-content h1 { font-size: 30px; padding:0; margin:0 0 15px 0; }
	.faq-banner-content p { font-size: 18px; padding:0; }
	
	.oneid-logos-wrap .logo img { max-width: 100px; }
	.faq-banner-logo img { max-width: 100%; width: 100%; }
	.faq-banner-logo { margin: 0 0 15px 0; max-width: 300px; width: 100%; }
	
	.id-faq-heading p { font-size: 16px; padding: 0; }
	.id-faq-heading h2 { font-size: 24px; }
	.id-faq-heading { margin: 0 auto 20px; }
	
	.id-faq-sec { padding: 40px 0 40px; }
	.simple-content-sec { padding: 40px 0 25px; }
	.video-sec { padding: 0 0 40px; }
	.video-part { padding-bottom: 56.25%; }
	
	.accodion-body p { font-size: 16px; }
	.accodion-body ul li, .accodion-body ol li { font-size: 16px; }
	.accodion-body ul, .accodion-body ol { padding: 0 0 0 20px; }
	.faq-list h2 span { right:0; }
	.faq-list { padding: 14px; }
	.accodion-body { padding: 15px 0 10px 0; }
	.faq-list h2 { font-size: 16px; line-height: normal; }
	.faq-button h2 { font-size:18px; margin: 0 0 20px 0; }
	.faq-button a { font-size:16px; }
	
	.faq-banner-text span { font-size:35px; }
}
@media(max-width:480px){ 
	.oneid-logos-wrap .logo { display:block; width: 100%; }
	.oneid-logos-wrap .logo img { max-width: 100px; margin: 0 0 10px 0; }
	.oneid-logos-wrap { text-align: center; }
	.faq-banner-logo { max-width: 280px; }
	
	.faq-banner-text span { font-size:30px; }
}
@media(max-width:420px){
	.kar-id-faq-wrap .header-right { position: relative; top: inherit; right: inherit; }
	.kar-id-faq-wrap { align-items: center; }
}