/* FONTS */

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* COMMON CSS */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font-family: "Barlow", sans-serif; color: #000000; }
.container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; float: none; box-sizing: border-box; }
.container:after { clear: both; content: ""; display: table; }

h1, h2, h3, h4 { margin-top: 0; font-weight: 600; margin-bottom: 20px; font-family: "Barlow", sans-serif; color: #000000; letter-spacing: 1px; }
h1 { font-size: 50px; line-height: 60px; }
h2 { font-size: 38px; line-height: 48px; }
h3, .h3 { font-size: 30px; line-height: 40px; }
h4, .h4 { font-size: 24px; line-height: 34px; }
p { font-family: "Barlow", sans-serif; color: #000000; font-size: 20px; line-height: 28px; margin-top: 0; margin-bottom: 15px; }
p:last-child { margin-bottom: 0; }
a { text-decoration: none !important; cursor: pointer; outline: unset !important; }
img { width: 100%; object-fit: contain; object-position: center; vertical-align: top; }

.entry-content[ast-blocks-layout] > * { max-width: 100%; }
.page-content, .entry-content, .entry-summary, .post, .page { margin: 0; }


@media(min-width:1330px) {
	.container { width: 1300px; }
}


/* Hero Banner Section */
.hero-banner-title {justify-content: center !important; align-items: center !important;}
.hero-banner-title h1 { text-align: center; }
.hero-banner-black-title { color: #000 !important; } 
.hero-banner-sec { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0; }
.hero-banner-sec .hero-banner-inner { width: 100%; display: inline-block; }
/* .hero-banner-sec .hero-banner-inner .title { width: 100%; display: inline-block; padding-bottom: 200px; } */
.hero-banner-sec .hero-banner-inner .title {width: 100%; display: flex; padding-bottom: 0; height: 300px; align-items: baseline; justify-content: left; }
.hero-banner-sec .hero-banner-inner .title h1 { width: 100%; display: inline-block; max-width: 80%; color: #fff;}
/* .hero-banner-sec .hero-banner-inner .cta { width: 100%; display: inline-block; text-align: center; } */
.hero-banner-sec .hero-banner-inner .cta { width: 100%; display: inline-block; text-align: center; padding-top: 100px; }
.hero-banner-sec .hero-banner-inner .cta a { width: auto; display: inline-block; font-size: 24px; line-height: 1; color: #fff; background: #1568A8; border-radius: 6px; padding: 15px 20px; font-weight: 400; transition: all 0.4s ease-in-out; }
.hero-banner-sec .hero-banner-inner .cta a:hover { background-color: #ffffff; box-shadow: 1px 1px 3px 3px rgba(164, 164, 164, 0.621); color: #1568A8; }


/* Zig Zag Section */

.zig-zag-sec { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0; }
.zig-zag-sec .top-title { width: 100%; display: inline-block; margin-bottom: 40px; }
.zig-zag-sec .top-title span { width: 100%; display: inline-block; margin: 0; padding: 0; font-size: 42px; line-height: 52px; font-weight: 600; font-family: "Barlow", sans-serif; color: #000000; letter-spacing: 1px; }
.zig-zag-sec .zig-zag-inner { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.zig-zag-sec .zig-zag-inner.reverse { flex-direction: row-reverse; }
.zig-zag-sec .zig-zag-inner .left { width: 50%; display: inline-block; margin: 0; }
.zig-zag-sec .zig-zag-inner .left .title { width: 100%; display: inline-block; padding-bottom: 10px; }
.zig-zag-sec .zig-zag-inner .left .title h2 { width: 100%; display: inline-block; }
.zig-zag-sec .zig-zag-inner .left .content { width: 100%; display: inline-block; }
.zig-zag-sec .zig-zag-inner .left .content p { width: 100%; display: inline-block; }
.zig-zag-sec .zig-zag-inner .right { width: 50%; display: inline-block; margin: 0; }
.zig-zag-sec .zig-zag-inner .right img { width: 100%; display: inline-block; object-fit: cover; }

.zig-zag-sec.full-width { padding: 0; }
.zig-zag-sec.full-width .container { width: 100%; padding: 0; }
.zig-zag-sec.full-width .zig-zag-inner { gap: 0; }
.zig-zag-sec.full-width .zig-zag-inner .left { padding: 0 50px; }


/* Three Col Section */

.three-col-sec { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0; }
.three-col-sec .three-col-inner { width: 100%; display: flex; align-items: stretch; justify-content: space-between; gap: 50px; }
.three-col-sec .three-col-inner .col { width: 33.33%; display: inline-block; background: #1568A8; border-radius: 6px; padding: 50px; }
.three-col-sec .three-col-inner .col img { width: 100%; display: inline-block; object-fit: contain; max-height: 250px; }
.three-col-sec .three-col-inner .col a { width: 100%; display: inline-block; text-align: center; margin: 40px 0 0; font-size: 24px; line-height: 1; color: #1568A8; background: #fff; border-radius: 6px; padding: 15px 25px; font-weight: 400; transition: all 0.4s ease-in-out; }
.three-col-sec .three-col-inner .col a:hover { color: #fff; box-shadow: 1px 1px 3px 3px rgba(164, 164, 164, 0.621); background: #1568A8; }


/* Contact Us Section */

.contact-us-sec { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0; margin: 50px 0; }
.contact-us-sec .contact-us-inner { width: 100%; display: inline-block; text-align: center; }
.contact-us-sec .contact-us-inner .title { width: 100%; display: inline-block; padding-bottom: 20px; }
.contact-us-sec .contact-us-inner .title h2 { width: 100%; display: inline-block; }
.contact-us-sec .contact-us-inner .content { width: 100%; display: inline-block; padding-bottom: 50px; max-width: 80%; }
.contact-us-sec .contact-us-inner .content p { width: 100%; display: inline-block; font-size: 28px; }
.contact-us-sec .contact-us-inner .cta { width: 100%; display: inline-block; text-align: center; }
.contact-us-sec .contact-us-inner .cta a { width: auto; display: inline-block; font-size: 24px; line-height: 1; color: #fff; background: #1568A8; border-radius: 6px; padding: 15px 20px; font-weight: 400; transition: all 0.4s ease-in-out; }
.contact-us-sec .contact-us-inner .cta a:hover { background-color: #ffffff; box-shadow: 1px 1px 3px 3px rgba(164, 164, 164, 0.621); color: #1568A8; }


/* Testimonial Section */

.testimonial-sec { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0; }
.testimonial-sec .testimonial-inner { width: 100%; display: inline-block; }
.testimonial-sec .testimonial-inner .title { width: 100%; display: inline-block; margin-bottom: 30px; }
.testimonial-sec .testimonial-inner .title h2 { width: 100%; display: inline-block; }
.testimonial-sec .testimonial-inner .testimonial-slider .slick-list { margin: 0 -30px; width: calc(100% + 60px); }
.testimonial-sec .testimonial-inner .testimonial-slider .slick-slide { margin: 0 30px; }
.testimonial-sec .testimonial-inner .testimonial-slider .slider-wrap { width: 100%; display: inline-block; background: #fff; border: 2px solid #E3E3E3; border-radius: 6px; padding: 40px; }
.testimonial-sec .testimonial-inner .testimonial-slider .slider-wrap:hover {background: #dcf1fa; border: 2px solid #646363; }
.testimonial-sec .testimonial-inner .testimonial-slider .slider-wrap h3 { width: 100%; display: inline-block; }
.testimonial-sec .testimonial-inner .testimonial-slider .slider-wrap p { width: 100%; display: inline-block; }
.testimonial-sec .testimonial-inner .testimonial-slider .slider-wrap .col-btm { width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 7px; }
.testimonial-sec .testimonial-inner .testimonial-slider .slider-wrap .col-btm span { width: auto; display: inline-block; font-family: "Barlow", sans-serif; color: #000000; font-size: 18px; line-height: 25px; }



/* Faq Section */

.faq-sec { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0; }
.faq-sec .faq-inner { width: 100%; display: inline-block; }
.faq-sec .faq-inner .title { width: 100%; display: inline-block; margin-bottom: 20px; }
.faq-sec .faq-inner .title h2 { width: 100%; display: inline-block; text-align: center; }
.faq-sec .faq-inner .faq-wrap { width: 100%; display: block; line-height: 0; max-width: 640px; margin: 0 auto; }
.faq-sec .faq-inner .faq-wrap .faq { width: 100%; display: inline-block; margin: 10px 0; }
.faq-sec .faq-inner .faq-wrap .faq .question { width: 100%; display: inline-block; position: relative; padding-left: 45px; cursor: pointer; }
.faq-sec .faq-inner .faq-wrap .faq .question p { width: 100%; display: inline-block; font-size: 22px; }
.faq-sec .faq-inner .faq-wrap .faq .answer { display: none; padding-top: 10px; padding-left: 45px; }
.faq-sec .faq-inner .faq-wrap .faq .answer p { width: 100%; display: inline-block; }
.faq-sec .faq-inner .faq-wrap .faq .question:before { content: ""; position: absolute; width: 31px; height: 31px; left: 0; top: -1px; background: url('https://websitedemonow.com/scm/wp-content/uploads/2024/09/circle.png'); background-position: center; background-size: contain; background-repeat: no-repeat; }
.faq-sec .faq-inner .faq-wrap .faq .question:after { content: "+"; display: inline-block; font-size: 28px; font-weight: 400; line-height: 0; position: absolute; left: 9px; color: #fff; top: 12px; }
.faq-sec .faq-inner .faq-wrap .faq .question.active:after { content: "\2013"; font-weight: 500; }


/* Three Col Content Section */

.three-col-content-sec { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0 0; }
.three-col-content-sec .three-col-content-inner { width: 100%; display: inline-block; }
.three-col-content-sec .three-col-content-inner .title { width: 100%; display: inline-block; margin-bottom: 30px; }
.three-col-content-sec .three-col-content-inner .title h2 { width: 100%; display: inline-block; }
.three-col-content-sec .three-col-content-inner .col-wrap { margin: 0 -30px; width: calc(100% + 60px); display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; }
.three-col-content-sec .three-col-content-inner .col-wrap .col { margin: 0 30px 60px; width: calc(100% / 3 - 60px); display: inline-block; background: #fff; border: 2px solid #E3E3E3; border-radius: 6px; padding: 40px; }
.three-col-content-sec .three-col-content-inner .col-wrap .col img { width: 100%; display: block; text-align: center; margin: 0 auto 20px; max-width: 80%; }
.three-col-content-sec .three-col-content-inner .col-wrap .col h3 { width: 100%; display: inline-block; text-align: center; }
.three-col-content-sec .three-col-content-inner .col-wrap .col p { width: 100%; display: inline-block; }


/* Full Hero Banner Section */

.full-hero-banner-sec { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0; }
.full-hero-banner-sec .full-hero-banner-inner { width: 100%; display: inline-block; text-align: center; }
.full-hero-banner-sec .full-hero-banner-inner .title { width: 100%; display: inline-block; }
.full-hero-banner-sec .full-hero-banner-inner .title h1 { width: 100%; display: inline-block; max-width: 60%; }
.full-hero-banner-sec .full-hero-banner-inner .content { width: 100%; display: inline-block; padding: 20px 0; }
.full-hero-banner-sec .full-hero-banner-inner .content p { width: 100%; display: inline-block; max-width: 55%; font-size: 24px; }
.full-hero-banner-sec .full-hero-banner-inner .cta { width: 100%; display: inline-block; margin: 20px 0 0; }
.full-hero-banner-sec .full-hero-banner-inner .cta a { width: auto; display: inline-block; font-size: 24px; line-height: 1; color: #fff; background: #1568A8; border-radius: 6px; padding: 15px 20px; font-weight: 400; transition: all 0.4s ease-in-out; }
.full-hero-banner-sec .full-hero-banner-inner .cta a:hover { background-color: #ffffff; box-shadow: 1px 1px 3px 3px rgba(164, 164, 164, 0.621); color: #1568A8; }
.full-hero-banner-sec .full-hero-banner-inner .image { width: 100%; display: inline-block; margin: 80px 0 0; max-width: 80%; }
.full-hero-banner-sec .full-hero-banner-inner .image img { width: 100%; max-width: 100%; vertical-align: top; }




/* Contact Form Section */

.contact-form-sec { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0; }
.contact-form-sec .contact-form-inner { width: 100%; display: inline-block; }
.contact-form-sec .contact-form-inner .title { width: 100%; display: inline-block; margin-bottom: 30px; }
.contact-form-sec .contact-form-inner .title h1 { width: 100%; display: inline-block; text-align: center; }



@media(max-width:1199px) {
	.three-col-content-sec .three-col-content-inner .col-wrap .col img { max-width: 85%; }
	.three-col-content-sec .three-col-content-inner .col-wrap .col { padding: 30px; }
}
@media(max-width:991px) {
	h1 { font-size: 42px; line-height: 52px; }
	h2 { font-size: 32px; line-height: 42px; }
	h3, .h3 { font-size: 28px; line-height: 38px; }
	h4, .h4 { font-size: 22px; line-height: 32px; }
	.hero-banner-sec .hero-banner-inner .title { padding-bottom: 150px; }
	.hero-banner-sec .hero-banner-inner .cta a { font-size: 22px; }	
	.zig-zag-sec .zig-zag-inner { gap: 30px; }	
	.three-col-sec .three-col-inner { gap: 30px; }
	.three-col-sec .three-col-inner .col { padding: 30px; }
	.three-col-sec .three-col-inner .col a { font-size: 18px; }	
	.contact-us-sec .contact-us-inner .content p { font-size: 24px; }
	.contact-us-sec .contact-us-inner .cta a { font-size: 22px; }
	.zig-zag-sec.full-width .zig-zag-inner .left { padding-left: 30px; }
	.zig-zag-sec.full-width .zig-zag-inner.reverse .left { padding-right: 30px; padding-left: 0; }
	.three-col-content-sec .three-col-content-inner .col-wrap .col { width: calc(100% / 2 - 60px); }
	.zig-zag-sec .top-title span { font-size: 36px; line-height: 46px; }
	.full-hero-banner-sec .full-hero-banner-inner .title h1 { max-width: 70%; }
	.full-hero-banner-sec .full-hero-banner-inner .content p { max-width: 75%; }
	.full-hero-banner-sec .full-hero-banner-inner .image { margin: 50px 0 0; max-width: 90%; }
	.full-hero-banner-sec .full-hero-banner-inner .cta a { font-size: 22px; }
	.zig-zag-sec.full-width .zig-zag-inner { gap: 30px; }
	.zig-zag-sec.full-width .zig-zag-inner .left { padding: 0 30px;	}
	.zig-zag-sec.full-width .zig-zag-inner.reverse .left { padding-left: 30px; }	
}
@media(max-width:767px) {
	h1 { font-size: 38px; line-height: 48px; }
	h2 { font-size: 28px; line-height: 38px; }
	h3, .h3 { font-size: 22px; line-height: 32px; }
	h4, .h4 { font-size: 20px; line-height: 30px; }
	p { font-size: 18px; line-height: 26px; }
	.hero-banner-sec { padding: 30px 0; }
	.hero-banner-sec .hero-banner-inner .title { padding-bottom: 100px; }
	.hero-banner-sec .hero-banner-inner .title h1 { max-width: 100%; }
	.hero-banner-sec .hero-banner-inner .cta a { font-size: 20px; }
	.zig-zag-sec { padding: 30px 0; }
	.zig-zag-sec .top-title { margin-bottom: 30px; }
	.zig-zag-sec .top-title span { font-size: 32px; line-height: 42px; }
	.zig-zag-sec .zig-zag-inner { flex-wrap: wrap; flex-direction: column-reverse !important; }
	.zig-zag-sec .zig-zag-inner .left { width: 100%; }
	.zig-zag-sec .zig-zag-inner .right { width: 100%; }
	.zig-zag-sec.full-width .zig-zag-inner .left { padding-left: 20px; }
	.zig-zag-sec.full-width .zig-zag-inner.reverse .left { padding-right: 15px; padding-left: 15px; }
	.three-col-sec { padding: 30px 0; }
	.three-col-sec .three-col-inner { flex-wrap: wrap; }
	.three-col-sec .three-col-inner .col { width: 100%; }
	.three-col-sec .three-col-inner .col a { margin: 30px 0 0; }
	.three-col-sec .three-col-inner .col img { max-height: auto; }
	.contact-us-sec { margin: 30px 0; padding: 30px 0; }
	.contact-us-sec .contact-us-inner .content { max-width: 100%; }
	.contact-us-sec .contact-us-inner .content p { font-size: 22px; }
	.contact-us-sec .contact-us-inner .cta a { font-size: 20px; }
	.testimonial-sec .testimonial-inner .testimonial-slider .slider-wrap { padding: 30px; }	
	.faq-sec { padding: 30px 0; }
	.faq-sec .faq-inner .title { margin: 0; }
	.faq-sec .faq-inner .faq-wrap { max-width: 100%; }
	.faq-sec .faq-inner .faq-wrap .faq .question p { font-size: 20px; }
	.faq-sec .faq-inner .faq-wrap .faq .question:before { width: 29px; height: 29px; top: 3px; }
	.faq-sec .faq-inner .faq-wrap .faq .question:after { top: 14px; left: 8px; }
	.three-col-content-sec .three-col-content-inner .col-wrap { width: 100%; margin: 0; }
	.three-col-content-sec .three-col-content-inner .col-wrap .col { padding: 30px 20px; width: 100%; margin: 0 0 30px; }	
	.full-hero-banner-sec { padding: 30px 0; }
	.full-hero-banner-sec .full-hero-banner-inner .title h1 { max-width: 100%; }
	.full-hero-banner-sec .full-hero-banner-inner .content p { max-width: 100%; }
	.full-hero-banner-sec .full-hero-banner-inner .image { margin: 30px 0 0; max-width: 100%; }
	.full-hero-banner-sec .full-hero-banner-inner .cta { margin: 0; }
	.full-hero-banner-sec .full-hero-banner-inner .cta a { font-size: 20px; }
	.contact-form-sec { padding: 30px 0; }
	.contact-form-sec .contact-form-inner .title { margin-bottom: 10px; }
	.zig-zag-sec.full-width { padding: 30px 0; }
}