/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;1,300&display=swap');
h1,h2,h3,h4,h5,h6 {
    font-family: 'Poppins', sans-serif;
}
p,a,span, button{
    font-family: 'Poppins', sans-serif;

} */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap');

h1, h2, h3, h4, h5, h6 {
    font-family: 'IBM Plex Sans', sans-serif;
}

p, a, span, button {
    font-family: 'IBM Plex Sans', sans-serif;
}
/* for blog start  */
.blogViewMoreButton{
  border-radius: 20px;
  font-size: 1rem;
}
h5 a.blogA {
	text-decoration: none !important;
}
h5 a.blogA:hover {
	color: #2b2b3c !important;
}
/* for blog end  */
.form-control:focus {
  /* border-color: #f5d1d1;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.2); */
  border-color: rgb(156 163 175 / 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.2);
}
#home_sec_one{
    padding-top: 40px;
    padding-bottom: 130px;
}
.home_sec_two_bg{
    background-color:#F7FCFF
  }
  .footer_bg{
    /* background-color: #f7ecec */
    background-color: #CACACA;
  }
  .footer-text-insursa{
    /* color: #8b8b8b; */
      color: #000000;

  }
  .home_sec_contentBox{
    padding:70px 50px 0px 0px;
  }
  #home_sec_four .home_sec_contentBox {
    padding:80px 0px 0px 0px
  }
  .text_right{
    text-align:right;
  }
  .text_left{
    text-align:left;
  }
  #home_sec_three .home_sec_contentBox{
    padding:50px 50px 0px 0px;
  }
  #home_sec_six button{
    color:black;
    transition: all 0.35s ease-in-out;
  }
  #home_sec_six button:hover{
    color:white;
    transition: all .35s ease-in-out;
  }
  #home_sec_two.home_sec_two_padding{
    padding-top: 150px;
    padding-bottom: 150px;
  }
  #home_sec_three.home_sec_three_padding{
    padding-top: 170px;
    padding-bottom: 170px;
  }
  #home_sec_four.home_sec_four_padding{
    padding-top: 170px;
    padding-bottom: 170px;
  }
  #home_sec_five.home_sec_five_padding{
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .nav-link:hover, .nav-link:focus{
    /*color: #ec0100 !important; */
    --tw-text-opacity: 1;
    color: #fff !important;
  }
  /* for try */
  .wrapper{
    height:100vh;
    overflow-y:  scroll;
    scroll-snap-type: y mandatory;
  }
  .wrapper section{
    height: auto;
    scroll-snap-align: start;
  }
  .borderRadiusTen{
    border-radius: 10px;
  }
  .btn-primary{
    /* background-color: #ec0100 !important;
    border-color: #ec0100 !important; */
    --tw-bg-opacity: 1 !important;
    background-color: rgb(45 53 126) !important;
    border: 1px solid #fff !important;
    
  }
  .text-primary{
    /* color: #ec0100 !important; */
  }
  #home_sec_one .homeSectionContent{
    font-size:1.1rem;
    font-weight:500
  }
  /* for try */
  /* start media query */

@media only screen and (max-width: 1200px){
    /*Tablets */
    .home_sec_contentBox{
        padding:70px 0px 0px 0px !important;
    }

    #home_sec_three .home_sec_contentBox{
        padding:0px 0px 0px 0px !important;
    }

    #home_sec_four .home_sec_contentBox {
        padding:0px 0px 0px 0px !important;
    }

    #home_sec_four .home_sec_left_contentBox {
    padding:40px 0px 0px 0px
    }
    #home_sec_two.home_sec_two_padding, #home_sec_three.home_sec_three_padding, #home_sec_four.home_sec_four_padding, #home_sec_five.home_sec_five_padding{
      padding-top: 150px !important;
      padding-bottom: 150px !important;
    }
    #home_sec_one .homeSectionContent{
      font-size:1.1rem;
      font-weight:500
    }
}
@media only screen and (max-width: 600px){
  #home_sec_two.home_sec_two_padding, #home_sec_three.home_sec_three_padding, #home_sec_four.home_sec_four_padding, #home_sec_five.home_sec_five_padding{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  #home_sec_one .homeSectionContent{
    font-size:0.8rem !important;
  }
}


@media only screen and (max-width: 425px){
    .home_sec_contentBox{
        padding:0px 0px 0px 0px !important;
    }

    #home_sec_four .home_sec_contentBox {
        padding:10px 0px 0px 0px !important;
    }

    .text_right, .text_left{
        text-align:center !important;
    }
    .wrapper h3{
        font-size:1.8rem !important;
    }
    #home_sec_four .home_sec_left_contentBox {
      padding:20px 0px 0px 0px
      }
    #home_sec_two.home_sec_two_padding, #home_sec_three.home_sec_three_padding, #home_sec_four.home_sec_four_padding, #home_sec_five.home_sec_five_padding{
      padding-top: 20px !important;
    padding-bottom: 20px !important;
    }
    /* for scroll */
    .wrapper section{
      scroll-snap-align: start !important;
    }
    .banner-overlay {
      padding: 40px 0px 0px !important;
    }

    #home_sec_one .homeSectionContent{
      font-size:0.8rem !important;
    }
	/*Small smartphones [325px -> 425px]*/
}


/* CUSTOM CSS FOR DATE PICKER START*/
/* --- Date Picker Popup --- */
.vc-popover-content {
  position: fixed !important;
  inset: auto !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 9999 !important;
}
 
/* --- Wrapper for positioning --- */
.date-input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
 
/* --- Base Input --- */
.date-input-wrapper .form-control {
  padding-left: 38px; /* fallback if no col-specific rule */
}
 
/* --- Col-md-6 input spacing --- */
.col-md-6 .date-input-wrapper .form-control {
  padding-left: 40px;
}
 
/* --- Col-md-12 input spacing --- */
.col-md-12 .date-input-wrapper .form-control {
  padding-left: 50px;
}
 
/* --- Icon Styling --- */
.date-input-wrapper .date-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: #6c757d;
  pointer-events: none; /* don't block input focus */
  z-index: 1;
}
 
/* --- Label spacing (optional tweak for alignment) --- */
.date-input-wrapper label {
  margin-top: 4px;
  display: block;
  font-size: 0.875rem;
  color: #495057;
}
/* CUSTOM CSS FOR DATE PICKER END*/

