/* ---------- GENERAL SECTION STYLING ---------- */


#services h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: bold;
  font-size: 35px;
  line-height: 47.01px;
  letter-spacing: 0;
  color: #1E2A78;
  margin-bottom: 20px;
}

#services p {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 31px;
  color: #333;
  margin-bottom: 15px;
}

#services .red_dot_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  background-color: #1E2A78;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
}


.sticky_box1_inner h4 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-style: bold;
  font-size: 18px;
  line-height: 21.6px;
  letter-spacing: 0;
  color: #1E2A78;
  margin-bottom: 10px;
}

/* ---------- CARD DESCRIPTION ---------- */
.sticky_box1_inner p {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  color: #555;
}



.wrapper {position: relative; width: 100%;display: block; clear: both;}	

.section_space{padding-top:70px; padding-bottom:70px; scroll-margin-top: 60px;}

.sticky_section .sticky {position: -webkit-sticky; position: sticky; top: 150px;}
.sticky_box {background: #ffffff; padding: 20px; border-radius: 5px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); position: relative; z-index: 2;}


.service_content{background: rgba(7,69,161,0.9); padding: 30px 25px; margin: 0 50px; border-radius: 20px; position: absolute; bottom: -50px; left: 0; right: 0; min-height: 105px; transition: all 0.5s ease; overflow: hidden;}
.service_content h3{color: #ffffff; padding-bottom: 0; font-size: 30px;}
.service_content .title_line{width: 100px; height: 5px; background: #ffffff; margin: 15px auto 20px;}
.service_content ul{padding: 5px 0px 5px 50px;}
.service_content ul li{list-style: disc; color: #ffffff; text-align: left; font-size: 20px; padding-bottom: 7px;}
.sevice_box_effect .hover_arrow img{margin: 0 auto; opacity: 1;}

.sticky_box2{box-shadow: none; padding: 0 20px 30px;}

 .sticky_box2 img{height: 100px;}

.sticky_service_boxes{position: sticky;}
.sticky_box1{position: relative; margin-bottom: 50px; position: sticky; top: 150px;}
.sticky_box1_inner{border: 1px solid #BCBCBC; border-radius: 20px; padding: 30px 30px; background: #ffffff;}
.card_box_shadow{position: absolute; z-index: -1; height: 50px; bottom: -35px; left: 0; width: 100%; background: #EAEAEA; border-radius: 0 0 20px 20px;}
.sticky_card_2{top: 180px;}
.sticky_card_3{top: 210px;}
.sticky_card_4{top: 240px;}
.sticky_card_5{top: 270px;}
.sticky_card_6{top: 300px;}
.sticky_card_7{top: 330px;}
.sticky_card_8{top: 360px;}
.sticky_card_9{top: 390px;}
.sticky_card_10{top: 420px;}
.sticky_box1 h4{padding-bottom: 15px;}
.sticky_box1 p{margin-bottom: 0;}




/* ---------- RESPONSIVE DESIGN ---------- */
@media (max-width: 991px) {
  #services h2 {
    font-size: 28px;
    line-height: 38px;
  }

  #services p {
    font-size: 16px;
    line-height: 28px;
  }

  .sticky_box1_inner {
    padding: 20px;
  }

  .sticky_box1_inner h4 {
    font-size: 17px;
  }
}