.elementor-8957 .elementor-element.elementor-element-78a6e0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8957 .elementor-element.elementor-element-c4ff44f{width:100%;max-width:100%;}.elementor-8957 .elementor-element.elementor-element-da54b27{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8957 .elementor-element.elementor-element-d0013fa{width:100%;max-width:100%;}.elementor-8957 .elementor-element.elementor-element-0747314{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8957 .elementor-element.elementor-element-211f44c{width:100%;max-width:100%;}.elementor-8957 .elementor-element.elementor-element-9176803{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8957 .elementor-element.elementor-element-5c13278{width:100%;max-width:100%;}.elementor-8957 .elementor-element.elementor-element-29513d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8957 .elementor-element.elementor-element-edbb6b1{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-c4ff44f */.ts-blog-hero{

position:relative;

overflow:hidden;

padding:120px 50px;

border-radius:30px;

background:linear-gradient(135deg,#071A2D 0%,#0C4F91 60%,#59B531 100%);

color:#fff;

font-family:Poppins,sans-serif;

}

.hero-content{

max-width:900px;

margin:auto;

text-align:center;

position:relative;

z-index:2;

}

.hero-tag{

display:inline-block;

padding:10px 24px;

background:rgba(255,255,255,.15);

border:1px solid rgba(255,255,255,.25);

border-radius:50px;

backdrop-filter:blur(10px);

margin-bottom:25px;

font-size:14px;

font-weight:600;

}

.ts-blog-hero h1{

font-size:58px;

line-height:1.2;

margin-bottom:25px;

font-weight:700;

}

.ts-blog-hero p{

font-size:20px;

line-height:1.8;

opacity:.9;

max-width:720px;

margin:auto auto 40px;

}

.blog-search{

display:flex;

justify-content:center;

gap:15px;

margin-bottom:40px;

flex-wrap:wrap;

}

.blog-search input{

width:500px;

max-width:100%;

padding:18px 25px;

border:none;

border-radius:50px;

font-size:16px;

outline:none;

}

.blog-search button{

padding:18px 35px;

border:none;

border-radius:50px;

background:#59B531;

color:#fff;

font-size:16px;

cursor:pointer;

font-weight:600;

transition:.3s;

}

.blog-search button:hover{

background:#6ccc3e;

transform:translateY(-3px);

}

.blog-categories{

display:flex;

justify-content:center;

gap:15px;

flex-wrap:wrap;

}

.blog-categories a{

padding:12px 24px;

background:rgba(255,255,255,.12);

border:1px solid rgba(255,255,255,.2);

border-radius:40px;

color:#fff;

text-decoration:none;

transition:.3s;

}

.blog-categories a:hover{

background:#59B531;

}

.hero-bg-circle{

position:absolute;

border-radius:50%;

background:rgba(255,255,255,.08);

}

.circle1{

width:320px;

height:320px;

top:-80px;

right:-60px;

}

.circle2{

width:220px;

height:220px;

bottom:-70px;

left:-50px;

}

@media(max-width:768px){

.ts-blog-hero{

padding:70px 25px;

}

.ts-blog-hero h1{

font-size:36px;

}

.ts-blog-hero p{

font-size:17px;

}

.blog-search{

flex-direction:column;

}

.blog-search input{

width:100%;

}

.blog-search button{

width:100%;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0013fa *//*==========================
FEATURED BLOG
==========================*/

.ts-featured-blog{

padding:90px 20px;

background:#ffffff;

font-family:Poppins,sans-serif;

}

.featured-container{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

align-items:center;

gap:60px;

background:#fff;

border-radius:24px;

overflow:hidden;

box-shadow:0 20px 60px rgba(0,0,0,.08);

transition:.4s;

}

.featured-container:hover{

transform:translateY(-8px);

box-shadow:0 30px 80px rgba(0,0,0,.12);

}

.featured-image{

position:relative;

height:100%;

}

.featured-image img{

width:100%;

height:100%;

display:block;

object-fit:cover;

min-height:420px;

}

.featured-badge{

position:absolute;

top:25px;

left:25px;

background:#59B531;

color:#fff;

padding:10px 18px;

border-radius:30px;

font-size:14px;

font-weight:600;

}

.featured-content{

padding:60px;

}

.blog-category{

display:inline-block;

background:#EEF8E8;

color:#59B531;

padding:8px 18px;

border-radius:30px;

font-size:14px;

font-weight:600;

margin-bottom:20px;

}

.featured-content h2{

font-size:42px;

line-height:1.25;

color:#071A2D;

margin-bottom:20px;

}

.featured-content p{

font-size:18px;

line-height:1.8;

color:#666;

margin-bottom:30px;

}

.blog-meta{

display:flex;

gap:25px;

flex-wrap:wrap;

margin-bottom:35px;

color:#888;

font-size:15px;

}

.featured-btn{

display:inline-block;

padding:16px 34px;

background:#59B531;

color:#fff;

border-radius:50px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.featured-btn:hover{

background:#071A2D;

transform:translateY(-3px);

}

@media(max-width:991px){

.featured-container{

grid-template-columns:1fr;

}

.featured-image img{

min-height:300px;

}

.featured-content{

padding:35px;

}

.featured-content h2{

font-size:30px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-211f44c *//*=========================
BLOG GRID
==========================*/

.ts-blog-grid{

padding:90px 20px;

background:#f8fafc;

font-family:Poppins,sans-serif;

}

.blog-grid{

max-width:1250px;

margin:auto;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

}

.blog-card{

background:#fff;

border-radius:22px;

overflow:hidden;

box-shadow:0 15px 45px rgba(0,0,0,.08);

transition:.35s;

}

.blog-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(0,0,0,.14);

}

.blog-image{

position:relative;

overflow:hidden;

}

.blog-image img{

width:100%;

height:240px;

object-fit:cover;

display:block;

transition:.4s;

}

.blog-card:hover img{

transform:scale(1.08);

}

.blog-badge{

position:absolute;

top:18px;

left:18px;

background:#59B531;

color:#fff;

padding:8px 18px;

border-radius:30px;

font-size:13px;

font-weight:600;

}

.blog-content{

padding:30px;

}

.blog-date{

font-size:14px;

color:#8a8a8a;

margin-bottom:15px;

}

.blog-content h3{

font-size:26px;

line-height:1.35;

color:#071A2D;

margin-bottom:15px;

}

.blog-content p{

font-size:16px;

line-height:1.8;

color:#666;

margin-bottom:25px;

}

.read-btn{

display:inline-block;

padding:14px 28px;

background:#59B531;

color:#fff;

border-radius:40px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.read-btn:hover{

background:#071A2D;

}

@media(max-width:1024px){

.blog-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.blog-grid{

grid-template-columns:1fr;

}

.blog-content{

padding:25px;

}

.blog-content h3{

font-size:22px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c13278 *//*=========================
SIDEBAR
==========================*/

.ts-sidebar{

position:sticky;

top:30px;

display:flex;

flex-direction:column;

gap:30px;

font-family:Poppins,sans-serif;

}

.sidebar-widget{

background:#fff;

padding:30px;

border-radius:20px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.3s;

}

.sidebar-widget:hover{

transform:translateY(-5px);

}

.sidebar-widget h3{

font-size:24px;

margin-bottom:25px;

color:#071A2D;

}

.sidebar-search{

display:flex;

}

.sidebar-search input{

flex:1;

padding:15px;

border:1px solid #ddd;

border-radius:50px 0 0 50px;

outline:none;

}

.sidebar-search button{

width:60px;

border:none;

background:#59B531;

color:#fff;

border-radius:0 50px 50px 0;

cursor:pointer;

}

.category-list{

list-style:none;

padding:0;

margin:0;

}

.category-list li{

margin-bottom:15px;

}

.category-list a{

display:flex;

justify-content:space-between;

text-decoration:none;

color:#444;

padding:10px 0;

transition:.3s;

}

.category-list a:hover{

color:#59B531;

padding-left:8px;

}

.category-list span{

background:#eef8e8;

color:#59B531;

padding:4px 10px;

border-radius:20px;

font-size:13px;

}

.recent-post{

display:flex;

gap:15px;

margin-bottom:20px;

align-items:center;

}

.recent-post img{

width:75px;

height:75px;

border-radius:12px;

object-fit:cover;

}

.recent-post h4{

font-size:16px;

margin-bottom:6px;

color:#071A2D;

}

.recent-post span{

font-size:13px;

color:#888;

}

.tags{

display:flex;

flex-wrap:wrap;

gap:12px;

}

.tags a{

padding:10px 18px;

background:#f3f5f7;

border-radius:30px;

text-decoration:none;

color:#555;

transition:.3s;

}

.tags a:hover{

background:#59B531;

color:#fff;

}

.newsletter-widget p{

color:#666;

line-height:1.7;

margin-bottom:20px;

}

.newsletter-widget input{

width:100%;

padding:15px;

border:1px solid #ddd;

border-radius:50px;

margin-bottom:18px;

outline:none;

}

.newsletter-widget button{

width:100%;

padding:16px;

border:none;

background:#59B531;

color:#fff;

border-radius:50px;

font-size:16px;

font-weight:600;

cursor:pointer;

transition:.3s;

}

.newsletter-widget button:hover{

background:#071A2D;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-edbb6b1 *//*=========================
NEWSLETTER
==========================*/

.ts-newsletter{

padding:100px 20px;

background:#f8fafc;

font-family:Poppins,sans-serif;

}

.newsletter-container{

max-width:900px;

margin:auto;

text-align:center;

background:#fff;

padding:70px;

border-radius:30px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.newsletter-badge{

display:inline-block;

padding:10px 22px;

background:#EEF8E8;

color:#59B531;

border-radius:50px;

font-weight:600;

margin-bottom:25px;

}

.newsletter-container h2{

font-size:46px;

color:#071A2D;

margin-bottom:20px;

}

.newsletter-container p{

font-size:18px;

line-height:1.8;

color:#666;

max-width:700px;

margin:auto auto 40px;

}

.newsletter-form{

display:flex;

gap:15px;

justify-content:center;

flex-wrap:wrap;

}

.newsletter-form input{

width:420px;

max-width:100%;

padding:18px 24px;

border:1px solid #ddd;

border-radius:50px;

font-size:16px;

outline:none;

}

.newsletter-form button{

padding:18px 35px;

background:#59B531;

color:#fff;

border:none;

border-radius:50px;

font-weight:600;

cursor:pointer;

transition:.3s;

}

.newsletter-form button:hover{

background:#071A2D;

}


/*=========================
CTA
==========================*/

.ts-cta{

padding:110px 20px;

background:linear-gradient(135deg,#071A2D,#0C4F91,#59B531);

font-family:Poppins,sans-serif;

color:#fff;

text-align:center;

}

.cta-container{

max-width:900px;

margin:auto;

}

.cta-container h2{

font-size:54px;

margin-bottom:25px;

}

.cta-container p{

font-size:20px;

line-height:1.8;

opacity:.95;

margin-bottom:45px;

}

.cta-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

.btn-primary{

padding:18px 36px;

background:#59B531;

color:#fff;

border-radius:50px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.btn-primary:hover{

background:#fff;

color:#071A2D;

}

.btn-secondary{

padding:18px 36px;

border:2px solid #fff;

color:#fff;

border-radius:50px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.btn-secondary:hover{

background:#fff;

color:#071A2D;

}/* End custom CSS */