/* ====================scroll_spy=============================== */
.nav_scroll_spy { background-color: #0061B8; }
.nav_scroll_spy a.nav-link { color: #fff; }
.nav_scroll_spy .nav-pills .nav-link.active, .nav_scroll_spy .nav-pills .nav-link:hover, .nav_scroll_spy .nav-pills .show>.nav-link {
  color: #000;
  background-color: var(--light_green)
}
.nav_scroll_spy .navbar-brand { color: #fff; }
.nav_scroll_spy .fa-chevron-down:before { color: #fff; }

/* ====================banner=============================== */
.banner { 
  background-image: linear-gradient( 0deg, rgb(40,119,226) 0%, rgb(109,188,224) 100%); 
  padding: 165px 0 25px 0;
}
.banner .design_1 {bottom: 0;right: 0;}
.banner .section_text { margin-top: 120px; }
.banner .section_text h1,.banner .section_text p{color: #fff;}
.banner .section_text .btn_div { margin-top: 16px; }

/* ====================what_is=============================== */
.what_is_ctc{
  overflow-x: hidden;
  padding: 30px 0;
}
.what_is_ctc .container{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.what_is_ctc .design_2 {
  left: 50px;
  top: 140px;
  width: 22px;
  opacity: 0.4;
}
.what_is_ctc .design_1{ right: 90px; top: 60px; }
.what_is_ctc .section_p {
  text-align: center;
  max-width: 85ch;
}
.what_is_ctc .btn_div {
  margin-top: 20px;
}
.what_is_ctc .section_img img{
  margin: 50px 0 15px -160px;
}

/* ====================advantages=============================== */
.features{ 
  background-image: linear-gradient( 360deg, rgb(255,255,255) 0%, rgb(220,241,250) 100%);
  padding-bottom: 100px;
}
.features .card_container {
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
    padding: 65px 0px 0px 0px;
}
.features .img_div_1 { justify-content: flex-start; }
.features .card_1 .img_div_1 { flex: unset; height: 97px; }
.features .card_1 {
  font-size: 15px;
  flex-direction: column;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 14px 14.88px 1.12px rgba(0, 0, 0, 0.06);
}
.features .card_1 h6 .br_span{display: block;}
.features .card_1 p{
  margin-bottom: 32px;
}
.features .card_1:hover{ box-shadow: 0px 4px 23.49px 3.51px rgba(15, 145, 241, 0.16); }
.features .card_1:hover .card_title h6{ color: var(--text_blue); }
.features .card_title {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  gap: 22px;
}

/* ====================implementation=============================== */
.advantages .card_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 50px 0;
}
.advantages .card_1{
  max-width: 395px;
}
.advantages .img_div_1{
  border-radius: 10px;
  width: 136px;
  height: 137px;
  margin-left: 0px;
}
.advantages .img_div_1 img{
  margin-left: 22px;
}
.advantages .card_1 p { max-width: unset; }

/* ====================why_ivr_essential=============================== */
.why_ivr_essential {overflow-x: hidden;}
.why_ivr_essential .design_1{left: 50px; top: -50px;}
.why_ivr_essential .design_2 { right: -100px; top: -60px;}
.why_ivr_essential .design_3{left: -95px; bottom: 340px;}

.why_ivr_essential { background-image: unset; }
.why_ivr_essential .card_1 { box-shadow: unset; background-color: transparent;}

/* ====================instant_quote=============================== */
.instant_quote_section .price {
  max-width: 33ch;
  margin-left: auto;
  margin-right: auto;
}


/* ====================media_Queries=============================== */
@media only screen and (max-width:1025px){
.banner .section_text { margin-top: 0px; }

.what_is .video_div{margin: auto;}
.what_is_ctc .section_img img { margin: 0px 0 0px -160px; }
.what_is_ctc .design_1{top: 0px;}
.what_is_ctc .design_2 { left: 30px; top: 160px; }

.features{ background-image: linear-gradient( 360deg, rgb(255,255,255) 0%, rgb(220,241,250) 0%);}
.features .card_container { grid-template-columns: repeat(2,1fr); gap: 16px; padding: 8px 12px; }
.features .card_1 { padding: 20px; }
.features .card_title { margin-bottom: 0px; }

.advantages .card_1 { max-width: 335px; padding-top: 3em;}
.advantages .img_div_1 { height: 80px; margin-bottom: 0;}
.advantages .card_1 h6 { margin-top: 12px; }

.why_ivr_essential {background-image: none; padding-bottom: 0;}
.why_ivr_essential .card_container { padding: 50px 0; }
.why_ivr_essential .card_1 { text-align: center; align-items: center; }
.why_ivr_essential .img_div_1 img { margin-left: 24px;}
.why_ivr_essential .design_1 { left: 0; top: -20px; }
.why_ivr_essential .design_2 { right: -80px; top: -20px; }
.why_ivr_essential .design_3 { left: 80%; bottom: 100px; }

}

@media only screen and (max-width:767px){
.banner .section_text { padding-right: unset; }

.what_is_ctc .section_p { max-width: 90%; }
.what_is_ctc .section_img img { margin: 20px 0 0px -60px; }

.features .card_container { grid-template-columns: 1fr; }
.features .card_title { gap: 4px; flex-direction: column; }
.features .card_1 .img_div_1 { margin-left: 0px; }
.features .card_1 h6 .br_span { display: inline; }

.advantages .card_1 { padding-top: 1em;}
.advantages .card_container { padding: 30px 12px 30px!important; }

.why_ivr_essential {padding-top: 0;}
.why_ivr_essential .card_1 { margin: 0 12px; padding: 12px; }
.why_ivr_essential .card_container { padding: 30px 0 30px 0!important;}
.why_ivr_essential .img_div_1 img { margin-left: 0px; }
.why_ivr_essential .card_container{ grid-template-columns: 1fr;}

}