.header-blog {background: url(../images/header-blog.jpg) no-repeat center 0;background-size: cover;width: 100%;height: 400px;}
.header-event {background: url(../images/events-header.jpg) no-repeat center 0;background-size: cover;width: 100%;height: 400px;}
.breadcrumbs {font-size: 14px;line-height: 28px;letter-spacing:0;color: #E03121;text-transform: capitalize;margin-bottom: 10px !important;}
.breadcrumbs .container.d-flex.justify-content-center { gap: 8px; color:#E03121;     gap: 8px;
    color: #E03121;
    flex-wrap: wrap;
    justify-content: start !important;}
.breadcrumbs .container.d-flex.justify-content-center span a { color:#E03121 !important; }
h1.title.text-center {
    text-align: left !important;
}
main.wrapper.blog-wrapper {padding-top: 50px;}
section h2.main-title {font-size: 35px;margin: 20px 0;    text-align: left !important;}
.blog-wrapper .blog-row { display: flex ; justify-content: space-between; flex-wrap:wrap }
.blog-area {width:70%}
.blgsidebar-area {width:25%}
.bloglist-cont { display: flex; flex-wrap: wrap;  }
.bloglist-col {width:47%; margin:0 50px 50px 0; }
.bloglist-col:nth-child(2n) {margin:0 0 50px 0}
.bloglist-col article {width: 100%; flex-wrap: wrap; flex-direction: column !important;border:0; padding:0px}
.bloglist-col .post-img { margin:0 0 30px 0}
.bloglist-col .post-date { font-size: 14.52px; font-weight: 400; line-height: 21.78px; display: block; margin: 0 0 5px 0; color: #E03121; }
.bloglist-col .post-title { font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    padding: 0;
    margin: 10px 0 15px 0;
    height: auto;
    min-height: 40px; }
.bloglist-col .post-title a {color:#000000;}
.bloglist-col .post-text {font-size: 14.52px; font-weight: 400; line-height: 21.78px; margin:0 0 30px 0 }
.blgsidebar-area .widgets-container {    margin: 0; display: flex ; flex-wrap: wrap; }
.blgsidebar-area .widget-title { font-size: 26px; font-weight: 400; line-height: 26px;color:#000000;  padding: 0; margin: 0 0 20px 0;  width: 100%; }
.blgsidebar-area .widget-item { margin-bottom: 30px; background-color: color-mix(in srgb, var(--default-color), transparent 98%); border: none; padding: 0; border-radius: 0px; border: none; border-bottom:none;display: flex; width: 100%;  align-items: center; order:1 }
.widget-item:last-child { margin-bottom: 0; }
.blog-author-widget img { max-width: 120px; margin-right: 20px; }
.blog-author-widget h4 {font-weight: 600;font-size: 24px;margin-bottom: 0px;padding: 0;color: color-mix(in srgb, var(--default-color), transparent 20%);}
.blog-author-widget .social-links {margin: 5px 0;}
.blog-author-widget .social-links a { color: color-mix(in srgb, var(--default-color), transparent 60%); margin-right: 5px; font-size: 18px; }
.blog-author-widget .social-links a:hover { color: var(--accent-color); }
.blog-author-widget p { font-style: italic; color: color-mix(in srgb, var(--default-color), transparent 30%); margin: 10px 0 0 0; }
.bloglist-cont .bloglist-col:last-child, .bloglist-cont .bloglist-col:nth-last-child(2) {
  margin-bottom: 0;
}

.blog-cont-main.detail #blog-posts > ul li {
  position: relative;
  padding-left: 12px;
  margin-bottom: 15px;
}
.blog-cont-main.detail #blog-posts > ul li p {
  margin: 0;
}
.blog-cont-main.detail #blog-posts > ul li::before {
  content: "";
  width: 3px;
  height: 13px;
  background: #e30016;
  position: absolute;
  top: 7px;
  left: 0;
}

.search-widget form { background: #FEF7F4; border: none); padding:5px 21px; position: relative; border-radius: 5px; transition: 0.3s; min-height:43px; width:100%; display: flex;    align-items: center; }
.search-widget form input[type=text] { border: 0; padding:0; border-radius:0; width: 100%; background-color:#FEF7F4; font-size: 14px; font-weight: 400; line-height: 17.07px; border: none; font-weight: normal; border-radius: 0 !important; color: #000; border-top: 0; border-left: 0; border-right: 0; outline:none; box-shadow:none !important}
.search-widget form input[type=text]::placeholder { font-family: 'Heebo', sans-serif !important; }
.search-widget form input[type=text]:focus { outline: none; }
.search-widget form button { background: url(../images/search.svg) no-repeat right center; color: var(--default-color); position: absolute; top: 0; right: 18px; bottom: 0; border: 0; font-size: 16px; padding: 0 16px; transition: 0.3s; line-height: 0; outline:none}

.search-widget form button i {line-height: 0;}
.search-widget form button:hover {color: var(--accent-color);}
.search-widget form:is(:focus-within) {border-color: var(--accent-color);}
.recent-posts-widget .post-item {padding-bottom: 0; margin-bottom: 40px; /* float: left; */ width: 100%; display: flex ;}
.recent-posts-widget .post-img { width: 38%; margin: 0 15px 0 0; flex: 0 0 auto;box-shadow: 0px 4px 16px 0px #0000000F; }
.recent-posts-widget .post-text {display:flex;flex-wrap: wrap;flex-flow: column}
.recent-posts-widget .post-item:last-child {margin-bottom: 0;border: 0}
.recent-posts-widget .post-item img {width: 100%; height:82px; object-fit:cover}
.recent-posts-widget .post-item h4 { font-size: 13px; font-weight: 400; line-height: 18px; margin-bottom: 0px; color: #000000; order: 2; display: block; width: 100%; }
.recent-posts-widget .post-item h4 a {color:#000000;transition: 0.3s;font-weight: normal;}
.recent-posts-widget .post-item h4 a:hover {color: #000000;}
.recent-posts-widget .post-item time {display: block; font-size: 14.52px; font-weight: 400; line-height: 21.78px; color:#E03121; margin:0 0 5px 0; order:1; width:100% }
.blog-author-widget-2 img {max-width: 160px;}
.blog-author-widget-2 h4 {font-weight: 600;font-size: 24px;margin: 15px 0 0 0;padding: 0;color: color-mix(in srgb, var(--default-color), transparent 20%);}
.blog-author-widget-2 .social-links {margin: 5px 0;}
.blog-author-widget-2 .social-links a {color: color-mix(in srgb, var(--default-color), transparent 60%);margin: 0 3px;font-size: 18px;}
.blog-author-widget-2 .social-links a:hover {color: var(--accent-color);}
.blog-author-widget-2 p {font-style: italic;color: color-mix(in srgb, var(--default-color), transparent 30%);margin: 10px 0 0 0;}
.widget-area .widget .widget-title {padding-bottom: 12px;margin-bottom: 40px;text-transform: uppercase;font-weight: 600;text-align: left;position: relative;}
.widget-area .widget .widget-title:before {content: "";position: absolute;left: 0;bottom: 0;width: 66px;height: 2px;border-bottom: 2px dotted #1a1a1a;}
.widget.widget_categories {order:2; width:100%; padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #DDDDDD80}
.recent-posts-widget  {order:3; width:100%; padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #DDDDDD80}
.widget-area .widget ul:not(.recent-news) > li {font-weight: 600;font-size: 16px;position: relative;margin-bottom: 10px;}
.widget-area .widget ul:not(.recent-news) > li:last-child {margin-bottom: 0;}
.widget-area .widget ul:not(.recent-news) > li a {color: #1a1a1a;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;}
.tagcloud a { background: #FEF7F4; padding: 3px 18px; border-radius: 4px; font-size: 14px; font-weight: 400; line-height: 21.86px; color: #000; display: inline-block; margin: 0 7px 7px 0; }
.recent-posts-widget.tags {margin:0; padding:0; border:none}
.share-area h6 {color:#000000;font-size: 18px; font-weight: 600; line-height: 22px; }
.share-area ul.list-inline { display: flex}
/*.bi-facebook  { background: url(../images/fb.svg) no-repeat right center;width: 21px;height: 21px; display: inline-block;background-size: auto 100%;}
.bi-twitter   { background: url(../images/twitter.svg) no-repeat right center;width: 21px;height: 21px; display: inline-block;background-size: auto 100%;}
.bi-instagram    { background: url(../images/insta.svg) no-repeat right center;width: 21px;height: 21px; display: inline-block;background-size: auto 100%;}*/
.share-area ul.list-inline li {max-height:21px}
.share-area ul.list-inline li a {width: 21px;height: 21px; display: inline-flex;align-items:center; justify-content:center}
.share-area {margin:40px 0}
.detail .post-date { display: block; margin: 0 0 8px 0; color: #E03121; }
.detail .blog-card-img img {box-shadow: 0px 4px 16px 0px #0000000F; display:block; width:100%; margin:0 0 25px 0}
.detail .blog-card-img { display: block; margin: 0 0 30px 0; }
.blog-area .h2 {font-size: 38px; font-weight: 400; line-height: 44px;color:#000000; display:block; margin:0 0 15px 0 }
ul.cat-list {padding:0; margin:0; width:100%;font-size: 16px; font-weight: 500; line-height: 18px; }
ul.cat-list li {display:block; border-bottom:1px solid rgba(0,0,0,0.15); padding:0 0 12px 0; margin:0 0 12px 0;text-transform: capitalize;}
ul.cat-list li:last-child {padding:0;margin:0; border-bottom:none}
ul.cat-list li a {color:#000}
ul.cat-list li a:hover {color:#000000;}
.s-content-pagenav { margin-top: 20px; padding-top: 1.8rem; border-top: 1px solid rgba(0, 0, 0, 0.1); position: relative; }
.s-content-nav:after { content: ""; display: table; clear: both; }
.s-content-nav span { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 2.5px; color: #000; margin-bottom: 1.2rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }


.common-btn.wh {color:#E03121}
.common-btn.wh:hover  {color:#fff}
.hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #fff; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; overflow:hidden }
.hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #E03121; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color: white; }
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }

.s-content-nav a {
    font-size: 2.2rem;
    line-height: 1.5;
    color: #000;
}

.s-content-nav a:hover span, .s-content-nav a:focus span {
    color: #000;
}

.s-content-prev, .s-content-next {
    width: 50%;
    float: left;
    padding-right: 2rem;
}

.s-content-next a span {
    text-align: right;
    padding-right: 0 !important;
}

.s-content-next {
    padding: 0;
}
.tabs{justify-content: center;}
.tab-content .blog-cont-main .container{padding:0;}
.tabs { display: flex; border-bottom:1px solid rgba(0,0,0,0.15); }
        .tab { padding: 10px 0; cursor: pointer; border: none; background: none;margin: 0 20px;font-size: 18px;text-transform: uppercase; border-bottom: 2px solid transparent;
}
        .tab.active { border-bottom: 2px solid #E03121; font-weight:400;color:#E03121;}
        .tab-content { display: none; padding: 40px 0; }
        .tab-content.active { display: block; }
        
        .bloglist-cont33 {
        	display: flex;
        	flex-wrap: wrap;
        	gap: 20px;
        	justify-content: center;
        }
        #blog-posts {
	        width: 100%;
        }
        
        .post-card {
            flex: 1 1 calc(33.33% - 20px); /* 3 columns with spacing */
            max-width: calc(33.33% - 20px);
            background: #fff;
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            text-align: center;
        }

        
        
        .post-image img {
            width: 100%;
            height: auto;
            display: block;
        }
        
        .post-content {
            padding: 15px;
        }
        
        .post-title {
            font-size: 20px;
            font-weight: bold;
            color: #333;
            margin-bottom: 8px;
        }
        
        .post-meta {
            font-size: 14px;
            color: #777;
            margin-bottom: 10px;
        }
        
        .post-description {
            font-size: 16px;
            color: #555;
            margin-bottom: 12px;
        }
        
		.bloglist-col .post-img * {
		  width: 100%;
		}
		.bloglist-col .post-img img {
		  height: auto;
		  object-fit: cover;border: 1px solid #eee;
		}
		.bloglist-col .post-content {
		  padding: 0;
		}
        .read-more-btn {
            display: inline-block;
            padding: 8px 12px;
            background: #0073e6;
            color: #fff;
            text-decoration: none;
            border-radius: 4px;
            font-weight: bold;
        }
        
        .read-more-btn:hover {
            background: #005bb5;
        }
       /* Modal Styling */
.gallery-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 45px;
    cursor: pointer;
    color: white;background: #E03121;
  line-height: 1;
  padding: 0px 10px;
}

/* Slider Container */
.gallery-slider {
    position: relative;
    width: 80%;
    max-width: 930px;
        max-height: 480px;
}

.slider-content {
    display: flex;
    overflow: hidden;
    position: relative;
}

.slide {
    display: none;
    width: 100%;
    text-align: center;
}

.slide img {
    max-width: 100%;
    height: auto;
    border-radius: 0;
  border: 5px solid #fff;
}
.gallery-slider .slider-content {
    height: 100%;
}

.slide img {
    height: 100%;
    object-fit: cover;
}
.slide.active {
    display: block;
}

/* Navigation Buttons */
.prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 5000000000000000;
}

.prev {
    left: 0;
}

.next {
    right: 0;
}

.blog-area p, .blog-area p * {
  font-family: "Montserrat", sans-serif !important;
}
.blog-area p a {
  color: #000 !important;
}
.blog-area p a:hover {
  text-decoration: underline;
}
.events-section .post-card{padding: 0; border-radius: 0; box-shadow: 14px 10px 36px -4px #0000001A; text-align: center;width:calc(31% - 25px);flex: unset;margin: 28px 28px;} 
.events-section .bloglist-cont33{gap:0;margin: 0 -25px;justify-content: flex-start;}
.events-section .blog-row{display:block;}
.events-section .post-content { padding: 15px 25px; text-align: left; }
.events-section .common-padding{padding-bottom:0;}
.events-section .post-title {     font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    color: #000;}
.events-section .post-date{background:url(../images/calendar-icon.svg) no-repeat 0 center;color: #000; background-size: 20px; padding: 0 0 0 30px;}
.events-section .post-location{background:url(../images/location-icon.svg) no-repeat -3px center;color: #000; background-size: 28px; padding: 0 0 0 30px;} 
.past-event-tab .post-card{cursor:pointer;}
.events-section .pagination{justify-content: center;margin-top: 15px;margin-bottom: 25px;}
.events-section .active > .page-link,.events-section .page-link.active{background:#e03121;border-color:#e03121;color:#fff;}
.events-section .page-link{color:#000;}
.blog-wrapper section h2.main-title { font-size: 40px; color: #000; text-transform: capitalize; letter-spacing: 0; }
.page-item:last-child .page-link{padding-right: 25px;background: url(../images/btn-arw-rd.svg) no-repeat center center;font-size: 0;border-radius: 0 5px 5px 0;font-size: 0;}
.page-item:first-child .page-link{padding-left: 25px;background: url(../images/btn-arw-rd.svg) no-repeat center center;border-radius: 0 5px 5px 0;font-size: 0;transform: rotate(180deg);}

.prev{background: url(../images/btn-arw-prev.svg) no-repeat center center rgba(0, 0, 0, 0.5);font-size: 0;padding: 15px 25px;background-size: 25px;left:5px;}
.next{background: url(../images/btn-arw.svg) no-repeat center center rgba(0, 0, 0, 0.5);font-size: 0;padding: 15px 25px;background-size: 25px;right:5px;}


@media only screen and (max-width:1024px) {
	
.bloglist-col {  margin: 0 42px 50px 0; }
.events-section .post-card{max-width: unset;width: calc(46% - 25px);}
}

@media only screen and (max-width:768px) {
.blog-area .h2 { font-size: 28px; line-height: 34px; }	
.bloglist-col { width: 100%; margin:0 0px 50px 0; }

}
@media only screen and (max-width:767px) {
.blog-area { width: 100%; }	
.blgsidebar-area { width: 100%; }
.blog-wrapper .blog-row { display: inherit; }
.tab{margin: 0 10px;font-size: 14px;}
.tab-content{padding: 10px 0;}
.events-section .post-card{width: 100%; flex: unset; margin: 15px 0; max-width: unset;}
.events-section .bloglist-cont33{margin: 0;}
.header-blog,.header-event{height: 125px;}
.breadcrumbs .container.d-flex.justify-content-center {
  gap: 6px;
  row-gap: 0px;
}
.blog-wrapper section h2.main-title { font-size: 30px;line-height: 32px; }
.bloglist-cont .bloglist-col:last-child, .bloglist-cont .bloglist-col:nth-last-child(2) {
    margin-bottom: 50px;
}






}