@import url("https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700"); 		/* Fonts */

@import url("animate.min.css"); 									/* Animate */
@import url("bootstrap.min.css"); 									/* Main Bootstrap */
@import url("menu.css");													/* Menu styles */
@import url("style.css");													/* Main theme styles */
@import url("responsive.css");											/* Responsive */
@import url("fontello/css/icon_set_1.css");					/* Icon pack */
@import url("fontello/css/icon_set_2.css");					/* Icon pack */
@import url("fontello/css/fontello.css");						/* Icon pack */
@import url("magnific-popup.css");								/* Lightbox & dialog script */

.df2-hero{position:relative;min-height:350px;display:flex;align-items:center;background-position:center;background-size:cover;color:white}
.df2-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,32,26,.80),rgba(19,32,26,.25))}
.df2-hero>.container{position:relative;z-index:1;padding-top:55px;padding-bottom:55px}
.df2-hero h1{color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.2;margin:10px 0 15px}
.df2-hero p{color:white;font-size:18px;max-width:760px}
.df2-kicker{font-size:12px!important;letter-spacing:2px;text-transform:uppercase;font-weight:700}
.df2-content{padding:55px 0 65px;color:#3a423c;font-size:17px;line-height:1.7}
.df2-intro{max-width:870px;margin:0 auto 50px;text-align:center}
.df2-content h2{font-size:clamp(25px,3vw,35px);line-height:1.25;color:#27392d;margin:0 0 18px}
.df2-content h3{color:#27392d;font-size:23px}
.df2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0 55px}
.df2-card{border:1px solid #e7e7e4;border-radius:8px;overflow:hidden;background:#fff}
.df2-card img{width:100%;height:210px;object-fit:cover;display:block}
.df2-card>div{padding:23px}
.df2-card p{font-size:15px}
.df2-feature{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin:0 0 65px}
.df2-feature img{width:100%;height:350px;object-fit:cover;border-radius:8px;display:block}
.df2-feature.reverse img{order:2}
.df2-label{font-size:12px!important;color:#a06c37;text-transform:uppercase;letter-spacing:2px;font-weight:700}
.df2-button{display:inline-block;background:#2e4638;color:#fff!important;padding:13px 23px;border-radius:7px;font-weight:700;text-decoration:none!important;margin-top:12px}
.df2-button.light{background:#fff;color:#2e4638!important}
.df2-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.df2-area{background:#f5f5f1;padding:35px;border-radius:8px;margin:0 0 55px}
.df2-area ul{columns:2;padding-left:20px}
.df2-faq{max-width:850px;margin:0 auto 55px}
.df2-faq details{padding:17px 0;border-bottom:1px solid #ddd}
.df2-faq summary{font-weight:700;cursor:pointer}
.df2-cta{background:#f5f5f1;border-radius:8px;text-align:center;padding:45px 20px}
@media(max-width:767px){.df2-hero{min-height:320px}.df2-hero p{font-size:16px}.df2-content{padding:35px 0}.df2-grid{grid-template-columns:1fr}.df2-feature{grid-template-columns:1fr;gap:18px;margin-bottom:45px}.df2-feature.reverse img{order:0}.df2-feature img{height:270px}.df2-actions{flex-direction:column}.df2-button{text-align:center}.df2-area ul{columns:1}}
