.page-links-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px}.page-links-grid .item{background-size:cover;background-repeat:no-repeat;background-position:center;transition:none}.page-links-grid .item img{width:100%}.page-links-grid .item:hover{opacity:.7}.page-links-grid .item:nth-child(1){-ms-grid-row:1;grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}@media only screen and (max-width:576px){.page-links-grid .item:nth-child(1){grid-column:auto}}.page-links-grid .item:nth-child(2){-ms-grid-row:1;grid-row:1;-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3/4}.page-links-grid .item:nth-child(3){-ms-grid-row:1;grid-row:1;-ms-grid-column:4;-ms-grid-column-span:1;grid-column:4/5}.page-links-grid .item:nth-child(4){-ms-grid-row:2;grid-row:2}.page-links-grid .item:nth-child(5){-ms-grid-row:2;grid-row:2}.page-links-grid .item:nth-child(6){-ms-grid-row:2;grid-row:2;-ms-grid-column:3;-ms-grid-column-span:2;grid-column:3/5}@media only screen and (max-width:576px){.page-links-grid .item:nth-child(1),.page-links-grid .item:nth-child(2),.page-links-grid .item:nth-child(3),.page-links-grid .item:nth-child(4),.page-links-grid .item:nth-child(5),.page-links-grid .item:nth-child(6){grid-row:auto;-ms-grid-column:1;-ms-grid-column-span:4;grid-column:1/span 4}}


/* Newsletter Card */
.newsletter-section .page-links-grid .item-image img {max-height: inherit;}
.newsletterimg{background:#29ABE2; border-radius:12px; min-height:300px; cursor:pointer; display:flex; align-items:center; justify-content:center; text-align:center; transition:.3s ease; padding:30px; height:100%; }
.newsletterimg:hover{background:#179fd8; transform:translateY(-5px); }
.newsletter-content{color:#fff; }
.newsletter-content i{font-size:60px; margin-bottom:25px; display:block; width: 100%; justify-content: center; }
.newsletter-content h3{color:#fff; font-size:44px; line-height:1.15; margin:0; font-weight:700; }
/* Popup Background */
.newsletter-popup {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.65); z-index:999999; overflow-y:auto; }
.newsletter-wrapper {display:flex; align-items:stretch; gap:25px; }
.newsletter-left{flex:0 0 30%; }
.newsletter-right{flex:1; }
.newsletterimg {height:100%; min-height:280px; }
.page-links-grid{height:100%; }
.page-links-grid .item{height:100%; }
@media(max-width:991px){
    .newsletter-wrapper{flex-direction:column; }
    .newsletter-left, .newsletter-right{width:100%; flex:100%; }
    .newsletter-content i {margin-bottom: 10px;}
}
/* Popup Box */
.newsletter-popup-content{background:#fff; width:90%; max-width:650px; margin:70px auto; padding:40px; border-radius:12px; position:relative; animation:popupScale .3s ease; }
@keyframes popupScale{from{opacity:0; transform:scale(.9); } to{opacity:1; transform:scale(1); } }
/* Close Button */
.close-popup{position:absolute; top:15px; right:18px; font-size:34px; cursor:pointer; color:#555; line-height:1; transition:.3s; } 
.close-popup:hover{color:#000; }

/* Heading */
.newsletter-popup-content h2{margin:0 0 10px; font-size:32px; color:#222; }
.newsletter-popup-content p{margin-bottom:25px; color:#666; }
/* Newsletter Plugin Form */
.newsletter-popup .tnp-subscription{width:100%; }
.newsletter-popup .tnp-field{margin-bottom:18px; }
.newsletter-popup input[type="text"], .newsletter-popup input[type="email"], .newsletter-popup input[type="tel"]{width:100%; border:1px solid #ddd; border-radius:6px; padding:14px 16px; font-size:16px; box-sizing:border-box; }
.newsletter-popup input[type="submit"], .newsletter-popup button{background:#29ABE2; color:#fff; border:none; border-radius:6px; padding:14px 30px; font-size:16px; cursor:pointer; transition:.3s; }
.newsletter-popup input[type="submit"]:hover, .newsletter-popup button:hover{background:#179fd8; }

/* Responsive */
@media(max-width:768px){
    .newsletter-section h2 {font-size:36px !important;}
    .newsletterimg{min-height:220px; }
    .newsletter-content h3{font-size:30px; }
    .newsletter-content i{font-size:42px; } .newsletter-popup-content{margin:30px auto; padding:25px; }
    .newsletter-popup-content h2{font-size:26px; }
}