@keyframes serv2{0%{opacity:0;transform:translate(-5%)}to{opacity:1;transform:translate(0)}}@keyframes serv1{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}.blog{background-color:#eee;flex-direction:column;padding:0 0 100px;display:flex;padding:100px 10%!important}.blog h2{text-transform:uppercase;font-size:48px;font-weight:400}.blog h2 span{font-weight:200}.blog h3{text-transform:uppercase;margin-top:80px;font-size:64px;font-weight:300;animation:1s serv2}.blog .blog-cards{flex-wrap:wrap;justify-content:space-between;gap:60px;margin-top:50px;padding:0 8% 50px;display:flex}.blog .blog-cards .article-card{box-sizing:border-box;border-radius:10px;flex-direction:column;flex:1;justify-content:start;min-width:25%;transition:all .3s;animation:1s serv1;display:flex}.blog .blog-cards .article-card img{object-fit:cover;object-position:center;width:100%;height:50vh;max-height:700px;margin-bottom:15px}.blog .blog-cards .article-card .card-title{margin-bottom:15px;font-size:24px;line-height:110%;transition:all .3s}.blog .blog-cards .article-card .card-title:hover{color:#566747;transition:all .3s}.blog .blog-cards .article-card p{font-size:14px}.blog .blog-cards .article-card:hover .card-title{color:#566747;transition:all .3s}@media (max-width:992px){.blog{padding:40px 3% 100px!important}.blog .link-more{margin-right:0}.blog h2{text-align:center;font-size:26px}.blog .blog-cards{justify-content:space-between;gap:3%;margin-top:40px;padding:0 0%}.blog .blog-cards .article-card{flex:1;min-width:40%;margin-bottom:10px;transition:all .3s;animation:1s serv1}.blog .blog-cards .article-card img{object-fit:cover;object-position:center;width:100%;height:30vh;max-height:700px;margin-bottom:10px}.blog .blog-cards .article-card .card-title{margin-bottom:5px;font-size:15px;line-height:110%;transition:all .3s}.blog .blog-cards .article-card .card-title:hover{color:#566747;transition:all .3s}.blog .blog-cards .article-card p{font-size:11px}.blog .blog-cards .article-card:hover .card-title{color:#566747;transition:all .3s}}
.modal-tg{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-tg-content{text-align:center;background:#fff;width:100%;max-width:400px;padding:30px}.modal-tg-content h2{margin-bottom:10px;font-size:1.5rem}.modal-tg-content p{margin-bottom:20px}.modal-tg-content button{color:#fff;cursor:pointer;background-color:#566747;border:none;border-radius:30px;padding:10px 24px;transition:all .3s}.modal-tg-content button:hover{background-color:#566747}form{color:#fff;background-color:#363636;flex-direction:row;justify-content:center;gap:100px;padding:100px 20%;display:flex}form .form-head{flex-direction:column;gap:10px;width:50%;display:flex}form .form-head .form-title{text-transform:uppercase;text-wrap:nowrap;font-size:48px;font-weight:400}form .form-head span{text-transform:uppercase;font-size:24px;font-weight:200}form .form-form{flex-direction:column;gap:30px;width:50%;display:flex}form .form-form input{background-color:#0000;border-left:none;border-right:none;padding:14px 20px;border-radius:0!important}form .form-form .conf{text-align:center;color:#ddd;font-size:14px;font-weight:300}form .form-form .conf a{color:#fff}form .form-form .link-more{letter-spacing:inherit;cursor:pointer;color:#fff;background-color:#0000;border:1px solid #6b8557;margin-right:0;font-family:inherit;font-size:14px}form .form-form .link-more span{color:#fff;z-index:1;transition:all .3s}form .form-form .link-more:before{z-index:0;background-color:#6b8557}form .form-form .link-more:hover span{transform:translate(-5px)}form .form-form .link-more:hover svg{transform:translate(5px)scaleX(1.3)}form .group{padding:10px 0;position:relative}form .color{color:#566747}form input{color:#fff;background-color:#f0f0f0;border:none;border-bottom:1px solid #757575;width:100%;padding:10px 10px 10px 5px;font-size:18px;display:block;border-radius:0!important}form input:focus{border:none;outline:none}form input:focus~label,form input:valid~label{color:#fff;font-size:14px;top:-5px!important}form input:focus~.bar:before,form input:focus~.bar:after{width:50%}form input:focus~.highlight{animation:.3s inputHighlighter}form textarea{resize:none;background-color:#f0f0f0;border:none;border-bottom:1px solid #757575;width:100%;height:100px;padding:10px 10px 10px 5px;font-size:16px;display:block}form textarea:focus{border:none;outline:none}form label{color:#999;pointer-events:none;font-size:18px;font-weight:400;transition:all .2s;position:absolute;top:20px;left:5px}form textarea:focus~label,form textarea:valid~label{color:#fff;font-size:14px;top:-20px}form .bar{width:100%;display:block;position:relative}form .bar:before,form .bar:after{content:"";background:#566747;width:0;height:1px;transition:all .2s;position:absolute;bottom:1px}form .bar:before{left:50%}form .bar:after{right:50%}form textarea:focus~.bar:before,form textarea:focus~.bar:after{width:50%}form .highlight{pointer-events:none;opacity:.5;width:100px;height:60%;position:absolute;top:25%;left:0}@media (max-width:1800px){form{padding:100px 15%}}@media (max-width:1600px){form{padding:100px 10%}}@media (max-width:1400px){form{padding:100px 8%}}@media (max-width:1250px){form{padding:100px 5%}}@media (max-width:1100px){form{padding:70px 5%}form .form-head .form-title{font-size:38px}form .form-head span{font-size:18px}}@media (max-width:992px){form{flex-direction:column;align-items:center;padding:70px 5%;gap:30px!important}form .form-head{text-align:center;width:100%}form .form-head .form-title{margin-bottom:0;font-size:28px}form .form-head span{font-size:14px}form .form-form{gap:15px;width:100%}form .form-form input{font-size:16px;padding:10px 14px!important}form .form-form .link-more{align-self:center}form label{font-size:16px!important}form input:focus~label,form form input:valid~label{color:#fff;font-size:12px!important;top:-3px!important}}
