:root{
  --primary-blue:#263489;
  --accent-red:#ec1d25;
  --text-black:#000000;
  --bg-light:#f4f6f9;
}

/* SECTION */

.nss-section{
  background:var(--bg-light);
  padding:70px 0;
}

/* CARD */

.nss-card{
  background:#fff;
  border-radius:28px;
  padding:45px;
  box-shadow:0 15px 40px rgba(0,0,0,0.08);
  margin-bottom:50px;
}

/* TITLE */

.nss-card h1{
  color:var(--primary-blue);
  font-size:36px;
  font-weight:700;
  margin-bottom:25px;
  position:relative;
  padding-left:22px;
}

.nss-card h1::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  width:6px;
  height:90%;
  background:var(--accent-red);
  border-radius:10px;
}

/* FLOAT IMAGE */

.float-image-right{
  float:right;
  width:360px;
  margin:0 0 20px 35px;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,0.10);
}

.float-image-left{
  float:left;
  width:360px;
  margin:0 35px 20px 0;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,0.10);
}

.float-image-right img,
.float-image-left img{
  width:100%;
  display:block;
}

/* TEXT */

.nss-card p{
  color:var(--text-black);
  font-size:16px;
  line-height:1.9;
  text-align:justify;
}

/* CLEAR FLOAT */

.nss-card::after{
  content:"";
  display:block;
  clear:both;
}

/* MOBILE */

@media(max-width:991px){

  .float-image-right,
  .float-image-left{
    float:none;
    width:100%;
    margin:0 0 25px 0;
  }

  .nss-card{
    padding:30px 22px;
  }

  .nss-card h1{
    font-size:28px;
  }

}