/* 
 Theme Name:   StratEdge
 Theme URI:    
 Description:  
 Author:       SEadmin
 Author URI:   https://strat.ketan.com.np
 Template:     hello-elementor
 Version:      1.01
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

.wd-blog-section{
    padding:80px 0;
}

.wd-blog-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:22px;
    transition:.55s ease;
}

.wd-blog-card{
    height:500px;
    border-radius:22px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    transition:.45s;
}

.wd-blog-card:hover{
    transform:translateY(-6px);
}

.wd-blog-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:1s;
}

.wd-blog-card:hover img{
    transform:scale(1.08);
}

.wd-blog-card.featured{
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#F7F5F4;
}

.wd-content{
    padding:45px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.wd-content h2{
    font-size:38px;
    line-height:1.2;
    margin-bottom:20px;
}

.wd-content p{
    color:#555;
    line-height:1.8;
}

.wd-image{
    overflow:hidden;
}

.wd-btn{
    display:inline-flex;
    align-items:center;
    padding:16px 34px;
    background:#243569;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    width:max-content;
    transition:.3s;
}

.wd-btn:hover{
    background:#000;
}

.wd-overlay{
    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    padding:30px;
    background:linear-gradient(to top,
            rgba(0,0,0,.5),
            rgba(0,0,0,.1));
}

.wd-overlay h3{
    color:#fff;
    font-size:28px;
    line-height:1.3;
}

.wd-blog-grid:has(.wd-blog-card:nth-child(1):hover){
    grid-template-columns:2fr .9fr .9fr;
}

.wd-blog-grid:has(.wd-blog-card:nth-child(2):hover){
    grid-template-columns:.9fr 2fr .9fr;
}

.wd-blog-grid:has(.wd-blog-card:nth-child(3):hover){
    grid-template-columns:.9fr .9fr 2fr;
}

@media(max-width:991px){

.wd-blog-grid{
grid-template-columns:1fr;
}

.wd-blog-card,
.wd-blog-card.featured{
height:auto;
display:block;
}

.wd-blog-card img{
height:320px;
}

}

selector h3{
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    font-size: 32px;
    color:#08121E;
    max-width: 805px;
}

/* Swiper Navigation Arrows */
selector .swiper-button-prev,
selector .swiper-button-next {
  position: absolute;
  bottom: 0; /* move arrows near bottom center */
  top: auto;
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a3d7c; /* dark blue arrow color */
  transition: all 0.3s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: #1a3d7c;
  color: #fff;
}

selector .swiper-button-prev::after,
selector .swiper-button-next::after {
  font-size: 18px;
  font-weight: bold;
}

/* Positioning: place arrows side by side at bottom center */
selector .swiper-button-prev {
  left: 40%;
  transform: translateX(-70px); /* adjust spacing */
}

selector .swiper-button-next {
  right: 60%;
  transform: translateX(70px);
}


.case-study-slider {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 12px;
}

.case-study-slide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.slide-text {
  flex: 1;
}

.slide-text h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.slide-text p {
  font-size: 1rem;
  margin-bottom: 25px;
}

.slide-text .btn {
  display: inline-block;
  padding: 14px 28px;
  background: #08121E; 
  color: #fff;
  text-decoration: none;
  border-radius: 40px;
  transition: background 0.3s ease;
}

.slide-text .btn:hover {
  background: #0f2850;
}

.slide-image{
	overflow: hidden;
    position: relative;
    width: 50%;
    max-width:883px;
}
.slide-image:before {
     padding-top: 58%;
	 content: " ";
    display: block;
    }
.slide-image img {
  
  border-radius: 18px 0 0 18px !important;
  height: 100%;
  left: 0;
   -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%; 	
}

/* Swiper Navigation Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  bottom: 20px; /* move arrows near bottom center */
  top: auto;
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a3d7c; /* dark blue arrow color */
  transition: all 0.3s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: #1a3d7c;
  color: #fff;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 18px;
  font-weight: bold;
}

/* Positioning: place arrows side by side at bottom center */
.swiper-button-prev {
  left: 50%;
  transform: translateX(-70px); /* adjust spacing */
}

.swiper-button-next {
  right: 50%;
  transform: translateX(70px);
}


/* Responsive */
@media (max-width: 602px) {
  .case-study-slide {
    flex-direction: column;
    text-align: center;
  }
  .slide-image img {
    max-width: 100%;
  }
}

@media (max-width: 576px) {
  .slide-text h3 {
    font-size: 1.4rem;
  }
  .slide-text p {
    font-size: 0.9rem;
  }
  .slide-text .btn {
    padding: 10px 20px;
    font-size: 0.9rem;
  }
}