.gs-featured-post_section{padding:70px 0; background: linear-gradient(180deg, #1D66F2 0%, #113B8C 140.1%);}


.gs-featured-post_section .custom-container{max-width: 1240px;}

.gs-featured-post{display: flex;flex-wrap: wrap; justify-content:space-between;}
.featured-post_thumb{display:flex; width:50%;}
.featured-post_thumb img{width: 100%;border-radius: 15px;
    height: auto; aspect-ratio: 16 / 12; object-fit: cover;
}
.featured-post_content{display:flex; width:40%; flex-direction:column; align-items:flex-start; gap:30px; justify-content:center;}




#blog-post-filter-container:has(#blog-loader[style="display: block;"]) #see-more-loader {display: none !important;}

#blog-post-filter-container { padding: 70px 20px;}

.common-archive-section {
    padding: 120px 0px;
}

#blog-loader .spinner,
#see-more-loader .spinner {
    width: 30px;
    height: 30px;
    border-width: 4px;
    border-style: solid;
    border-color: rgb(90 219 255) rgb(238, 238, 238) rgb(238, 238, 238);
    border-image: initial;
    border-top: 4px solid rgb(90 219 255);
    border-radius: 50%;
    animation: 0.8s linear 0s infinite normal none running spin;
    margin: 120px auto 20px;
}
#blog-loader,
#see-more-loader {
    min-height: 500px;
}

.sub-title-with-line a:not(:first-child)::before {
    content: ", ";
}
.blog-category-filter {
    display: flex;
    gap: 10px;
   width:70%;
    margin-bottom: 0;
    align-items: center;
        overflow-x: auto;
}

.blog-category-filter .filter-btn {
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 12px;
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 13px 15px;
    margin: 0;
    color: #333333;
    font-weight: 500;
	cursor:pointer;
	    white-space: nowrap;
    text-align: center;
}

 
.blog-category-filter .filter-btn:hover {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    color: #111111;
}

.blog-category-filter .filter-btn.active,
.blog-category-filter .filter-btn.active:hover
{

    box-shadow: none;
    color: #ffffff;
    border-color: #204ce5;
    background: #204ce5;
}
.inner-page-banner-sec {
    background: linear-gradient(180deg, #2062E0 -87.23%, #000000 161.64%);
    padding: 140px 0;
}

.inner-banner-content h1 {
    font-family: Urbanist;
    font-weight: 400;
    font-size: 55px;
    color: #ffffff;
    text-align: center;
    max-width: 1000px;
    width: 100%;
}

.inner-desc-sec p {
    font-family: Urbanist;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    max-width: 650px;
    width: 100%;
}

.inner-banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
}

/* blog section styling start */

.blog-main-box {
    display: flex;
    flex-wrap: wrap;
	margin:0 -15px;
	gap:30px 0;
	
}

.blog-box {
    width: 33.33%;
    padding:0 15px;
}

.blog-post-item{position:relative; display:flex; flex-direction:column; padding:10px; min-height:100%;}

.blog-post-item .blog-image{position:relative;}
.blog-post-item .blog-image .blog-category{position: absolute;
    left: 10px;
    top: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    text-transform: uppercase;
    /* border-bottom: 40px; */
    padding: 8px 15px;
    border-radius: 40px;
    font-size: 15px;
    line-height: 16px;
    font-weight: 600;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
	
	}

.blog-post-item:before{left:0; top:0; right:0; bottom:0; background:#ffffff; border:1px solid #cccccc; transition:all ease 0.3s; content:''; position: absolute; border-radius: 16px; z-index: -1;}


.blog-post-item:hover:before{transform:scale(1.01); border-color:#ffffff; box-shadow:0 0 20px rgba(0,0,0,0.2);}

.blog-img {
    display: flex;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
	line-height:0;
}

.blog-img span {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #FFFFFF66;
    backdrop-filter: blur(20px);
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all ease 0.3s;
}

.blog-img img {
    width: 100%;
    height: auto;
	aspect-ratio:16/9;
    object-fit: cover;
}

.blog-img span img {
    width: 20px;
    height: 100%;
    object-fit: contain;
}

.blog-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: start;
	padding: 30px 20px 30px 20px;
}

.blog-info .blog-author{display:flex; align-items:center; gap:10px;}
.blog-info .blog-author img{border-radius:100%; object-fit:cover; width:40px; height:40px;}

.blog-info .blog-author span{}

.blog-info .blog-meta{display: flex;
    flex-wrap: wrap;
    color: #666666;
    font-size: 16px;
    gap: 40px;}
	
	.blog-info .blog-meta .blog-date{position:relative;}
	.blog-info .blog-meta .blog-date:after{content:''; position:absolute; right:-20px; background:#666666; width:4px; height:4px; border-radius:100%; top:7px;}

.blog-info h2 a
 {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 25px;
    line-height: 35px;
    color: #111111;
	display:block;
}



.featured-post_content h2 a
 {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 37px;
    line-height: 47px;
    color: #ffffff;
}

.blog-info p
 {
    font-family: Urbanist;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    max-width: 100%;
    width: 100%;
    color: #5f5f5f;
}

.featured-post_content p
 {
    font-family: Urbanist;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    max-width: 100%;
    width: 100%;
    color: #ffffff87;
}

.blog-info .read-more {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    border: 1px solid #cccccc;
    transition: all ease 0.3s;
    position: absolute;
    left: 30px;
    bottom: 30px;
    border-radius: 40px;
    padding: 14px 25px;
    background: #ffffff;
	display:none;
}


.pagination{display:flex; justify-content:center; gap:10px;}
.pagination a{    border-radius: 50px;
    text-transform: uppercase;
    font-size: 15px;
    background: #ffffff;
    border: 1px solid #cccccc;
    width: 36px;
    height: 36px;
	display:flex; align-items:center;
	justify-content:center;
    margin: 0;
    color: #666666;
    font-weight: 500;
    cursor: pointer;}
.pagination a:hover{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    color: #111111;}
	
	
.pagination a.active,
.pagination a.active:hover
{box-shadow: none;
    color: #ffffff;
    border-color: #204ce5;
    background: #204ce5;}
	
	
.featured-post_content .read-more {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    border: 1px solid #cccccc;
    transition: all ease 0.3s;
    border-radius: 40px;
    padding: 14px 25px;
    background: #ffffff;
}

.blog-info .read-more:hover,
.featured-post_content .read-more:hover {
    color: #ffffff;
    border: 1px solid #111111;
	background:#111111;
}

#see-more-btn,
#show-more-btn {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #000000;
    background: #5ADBFF;
    padding: 22px 40px;
    border-radius: 9999px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: unset;
    margin-top: 80px;
}

#see-more-btn:hover,
#show-more-btn:hover {
    background: #EBB211;
}

.blog_all_filters{display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:30px; gap:20px 30px;}

.blog_all_filters .blog-sorting{width:calc(30% - 30px); display:flex; align-items:center; gap:5px; justify-content:end;}

.blog_all_filters .blog-sorting select{height: 40px !important;
    background: #ffffff !important;
    border: 1px solid #cccccc !important;
    text-transform: uppercase !important;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 40px;
    background: white url(data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>) no-repeat right 20px center;
    background-size: 16px;
}

.blog-img:hover span {
    opacity: 1;
}

/* blog section styling end */

.watch-sec {
    background: linear-gradient(180deg, #071124 0%, #000000 140.1%);
    padding: 70px 0;
}
.watch-sec .col-right{display:none;}

.watch-sec .col-left {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.watch-heading p {
    font-family: Urbanist;
    font-weight: 800;
    font-size: 50px;
    line-height: 60px;
    color: #FFFFFF;
}

.watch-heading p span {
    color: #EBB211;
}

.watch-desc p {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
}

.main-archive-heading {
    font-family: Urbanist;
    font-weight: 800;
    font-size: 45px;
    line-height: 40px;
    color: #001C55;
    padding-bottom: 40px;
}

.form_title_area{display: flex; flex-direction: column;
    gap: 20px;align-items: start;margin-bottom: 50px;}
	
	.form_title_area h1{font-size: 40px; line-height: 48px; color: #111111;}
	
.form_title_area p{font-size: 18px; line-height: 28px; max-width: 800px; color: #333333;}


.gs-featured-overlay{display: flex;
    align-items: flex-end;
    padding: 200px 50px 70px 50px;
    justify-content: space-between; background: rgba(0, 0, 0, 0.4); min-height: 100%;}
	
.gs-featured-overlay .left_area,
.single-post-header .left_area
{width:40%; display:flex; flex-direction:column; align-items:flex-start; gap:20px;}	


.gs-featured-overlay .left_area .gs-category{}


.gs-featured-overlay .left_area .gs-category .cat-label,
.single-post-header .left_area  .gs-category .cat-label
{
display:block;
    background: rgba(255, 255, 255, 0.5);
    color: #000000;
    text-transform: uppercase;
    padding: 8px 15px;
    border-radius: 40px;
    font-size: 15px;
    line-height: 16px;
    font-weight: 600;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)}
	
	.gs-featured-overlay .left_area .gs-title,
	.single-post-header .left_area .gs-title
	{max-width:600px;}
	.gs-featured-overlay .left_area .gs-title a,
	.single-post-header .left_area  .gs-title a
	{color:#ffffff; font-size:30px; line-height:38px;}
	
	.gs-featured-overlay .left_area .gs-excerpt,
	.single-post-header .left_area .gs-excerpt
	{color:#ffffff; font-size:20px; line-height:30px;     max-width: 560px;}

.gs-featured-overlay .right_area,
.single-post-header .right_area
{width:25%; display:flex; flex-direction:column; align-items:flex-end; gap:20px;}



.gs-featured-overlay .right_area .gs-meta,
.single-post-header .right_area .gs-meta
{    display: flex;
    gap: 40px;
    color: #ffffff;
    font-size: 15px; }

.gs-featured-overlay .right_area .gs-meta .gs-date,
.single-post-header .right_area .gs-meta .gs-date
{position:relative;}
.gs-featured-overlay .right_area .gs-meta .gs-date:after,
.single-post-header .right_area .gs-meta .gs-date:after
 {
    content: '';
    position: absolute;
    right: -20px;
    background: #ffffff;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    top: 7px;
}	

.gs-featured-overlay .right_area .gs-author,
.single-post-header .right_area .gs-author
{display:flex; align-items:center; gap:10px; color: #ffffff; font-size: 15px;}
	
.gs-featured-overlay .right_area .gs-author img,
.single-post-header .right_area .gs-author img
{width:40px; height:40px; object-fit:cover; border-radius:100%;}

.gs-featured-slider .swiper-pagination{    left: 50px !important;
    bottom: 30px !important;
    display: flex;
    justify-content: flex-start !important;
    gap: 10px !important;}
	
	
.gs-featured-slider .swiper-pagination .swiper-pagination-bullet{margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 0);
    transition: all 
ease 0.3s;
    width: 14px;
    height: 14px;
    border-radius: 14px; opacity:1 !important;}

.gs-featured-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid rgba(255,255,255,1); background:rgba(255,255,255,1); width:28px;}


.gs-featured-slide{height:auto !important;}

.gs-featured-slide.title_slide{background:url(images/blog-title-banner.jpg) left center no-repeat; background-size:cover;}

.gs-featured-slide.title_slide .side-content-sec{max-width:685px;}
.gs-featured-slide.title_slide .gs-featured-overlay{padding-top:50px;}

.gs-featured-slide.title_slide .side-sec-title{font-size:86px; line-height:96px; color:#ffffff;}

.gs-featured-slide.title_slide .side-sec-des p{font-size:24px; line-height:34px; color:#ffffff;}


@media (max-width: 1599px) {
	
	
	.gs-featured-slide.title_slide .side-sec-title {
    font-size: 60px;
    line-height: 70px;
}
	
	.gs-featured-slide.title_slide .side-sec-des p {
    font-size: 20px;
    line-height: 30px;
}
	
}

@media (max-width: 1399px) {
.gs-featured-slide.title_slide .side-content-sec {max-width: 600px;}	
	
}


@media (max-width: 1199px) {	
.blog-info h2 a { font-size: 20px; line-height: 27px;}
.blog-info p {font-size: 16px; line-height: 25px;}	
.gs-featured-slide.title_slide .side-content-sec { max-width: 500px;}

   
}

@media (max-width: 991px) {
	
.blog-box {width: 50%;}

 .main-archive-heading {
        font-size: 35px;
        line-height: 45px;
        padding-bottom: 25px;
    }
	
.blog_all_filters .blog-sorting label{display:none;}

	
.gs-featured-overlay .left_area,
.single-post-header .left_area{width:60%;}


.gs-featured-overlay,
.single-post-header {padding: 150px 20px 50px 20px;}
 
 
.gs-featured-overlay .right_area,
.single-post-header .right_area {width: 32%;}


.gs-featured-slider .swiper-pagination { left: 20px !important; bottom: 20px !important;}
.gs-featured-slide.title_slide .side-content-sec {max-width: 440px; }
.gs-featured-slide.title_slide .side-sec-title {font-size: 32px; line-height: 42px;}
	.gs-featured-slide.title_slide .side-sec-des p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 767px) {
	
	
	.gs-featured-post_section {padding: 40px 0;}
	.gs-featured-post{flex-direction:column; gap:25px;}
	.featured-post_thumb{width:100%;}
	.featured-post_content{width:100%; gap:15px;}
	.featured-post_content h2 a {font-size: 25px;line-height: 35px;}
	.featured-post_content p {font-size: 15px;line-height: 24px;}
	.blog-info h2 a {font-size: 18px; line-height: 25px;}
	.blog-info p { font-size: 15px; line-height: 24px;}
	.sub-title-with-line a { font-size: 14px; line-height: 14px;}
	
    .watch-sec {
        padding: 80px 0;
    }

    
    .watch-sec .col-right .watch-img-sec {
        border-radius: 16px;
    }
	
	.gs-featured-overlay{flex-direction:column; gap:30px; justify-content: flex-end; padding: 80px 20px 65px 20px;}
	.gs-featured-overlay .left_area{width:100%;}
	.gs-featured-overlay .right_area { width: 100%;  align-items: flex-start;  }
	.gs-featured-overlay .left_area .gs-title a {font-size: 25px;
    line-height: 34px; display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;}
	
	.gs-featured-overlay .left_area .gs-excerpt {
    font-size: 16px;
    line-height: 22px;
	
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.gs-featured-slide.title_slide .side-sec-title {font-size: 30px; line-height: 40px;}	
.gs-featured-slide.title_slide	.right_area{display:none;}
.gs-featured-slide.title_slide .gs-featured-overlay{align-items:flex-start;}
        
}

@media (max-width: 576px) {
	
	.blog-box {width: 100%;}
    

    .watch-sec .col-left {
        gap: 20px;
    }

    .watch-heading p {
        font-size: 42px;
        line-height: 52px;
    }

    .watch-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    .watch-sec .col-right {
        margin-top: 30px;
    }

    .watch-sec .col-right:before {
        top: -10px;
        left: -10px;
    }
	
	.blog_all_filters{flex-direction:column;}
	.blog_all_filters .blog-sorting,
	.blog-category-filter
	{width:100%;}
	
	.blog_all_filters .blog-sorting select{width:100%;}
	
	
	.gs-featured-slide.title_slide .side-sec-title {
        font-size: 36px;
        line-height: 40px;
    }

}