/*############### FORM SECTION #################*/
  .form-section .webContent .mainHeading { font-size: 2.5rem;}
  .form-section .nav-pills{border-bottom: 2px solid var(--color-second); justify-content: center;}
  .form-section .nav-pills .nav-item{flex-basis: 20%;margin-bottom: 0}
  .form-section .nav-pills .nav-link{
    color: var(--color-first);
    padding: 10px 20px;
    border-radius: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    font-weight: bold;
    border: 1px solid transparent;
  }
  .form-section .nav-pills .nav-item {
    flex-basis: 33%;
    margin-bottom: 0;
  }
  .form-section .nav-pills .nav-link.active,.form-section  .nav-pills .show>.nav-link,
  .form-section .nav-pills .nav-link:hover{
    border-radius: 0;
    background: var(--color-second);
    padding: 10px 20px;
    color: #fff;
    border:1px solid var(--color-second);
  }
  .daterangepicker .calendar-table th{font-weight: bold;}
  .daterangepicker .drp-buttons .btn.btn-primary{
    background: var(--color-first);
    border-color: var(--color-first);
    border-radius: 0;
  }
  .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid var(--color-second) !important;
    background:var(--color-second) !important;
    color: #fff !important;
  }
  button:focus,button.btn:focus,input.form-control:focus,select.form-control:focus,textarea:focus {
    outline: 0 !important;
    box-shadow: none !important;
  }
/*############################ BENEFITS ##############################*/
  .insurance-points-list li {
    position: relative;
    background-color: var(--bg-light);
    padding:15px 20px 15px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  .insurance-points-list li .subHeading,.getInsurance .webContent.textWhite .subHeading{ letter-spacing:1px }
  .insurance-points-list li .icon1{
    position: relative;
    width:95px;
    height:95px;    
    border-radius:50%;
    padding:8px;    
    background:var(--color-first);  
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .insurance-points-list li .icon1 img{
    width:70px;    
  }

  .insurance-points-list li+li {
    margin-top: 20px;
  }

  .insurance-points-list li:hover{
   background:var(--color-second);   
  }
  .insurance-points-list li:hover h3{
    color:#fff;    
  }
  .insurance-points-list li:hover .content p{
    color:#fff;    
  }
  /*################## whychoose us ###############*/
  .getInsurance{
    position:relative;
    display:block;
    padding:0;
    background-image:url("../img/get-insuracne-right-bg.png");
    z-index:1;    
  }
  .getInsurance .webContent.textWhite .subHeading{color: var(--color-first);font-size: 1.6rem}
  /*################## SUPPORT ###############*/
  .info-box-style-bg {
    padding: 20px;
    background-color: var(--grey-themes);
    border-radius: 5px;
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    }

    .it-plu-info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    }

    .info-box-style-bg .info-box-thumb {
    width: 90px;
    height: 90px;
    min-height: 90px;
    min-width: 90px;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background:#e7f3ff;
    }

    .info-box-style-bg .info-box-thumb img{
    width:50px;height:50px;    
    }

    .fa-size1, .fa-size2, .fa-size3, .fa-size4 {
    font-size: 50px;
    color: #fff;
    }
    .info-box-thumb {
    margin-right: 30px;
    width: 150px;
    }

    .info-box-content .info-box-title {
    color: var(--color-first);
    font-size: 21px;
    margin-bottom: 7px;
    }

    .info-box-content .info-box-text {
    color: var(--color-content);
    font-size: 14px;
    font-weight: 500;
    }
    .link-with-icon {
    font-size: 17px;
    font-weight: 500;
    color: var(--color-first);
    }
    .info-box-title a{font-size: 1.2rem;color: var(--color-first);font-weight: bold;}
    .info-box-title .btn.btn-primary{background: var(--color-first);}
    .admin-tabs .nav-tabs .nav-link.active,.admin-tabs .nav-tabs .nav-link:hover{ 
      background: var(--color-second);
      color: #fff !important;
      border: 1px solid var(--color-second);
    }
    .fa-3x { font-size: 3em; color: var(--color-second);}
    .icon-content h2 {
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 0;
    }
    .icon-content h2 sup {
      font-size: 18px;
      font-weight: 600;
      right: -3.5px;
    }
    .icon-content i{color: var(--color-second);}
    .insurance-claim-table{white-space:wrap;}
  @media only screen and (max-width:1120px ){
    .getInsurance-right{
      margin-top: 50px;
      margin-left: 72px;
    }
  }
   @media only screen and (max-width:450px ){
    .form-section .nav-pills .nav-link,.form-section .nav-pills .nav-link.active, 
    .form-section .nav-pills .show>.nav-link{
      padding: 10px 5px;
      font-size: 0.85rem;
      font-weight: 500;
    }
    .webContent .mainHeading,.form-section .webContent .mainHeading  { font-size: 2rem;}
   }
  @media only screen and (max-width:768px ){
    .getInsurance-bg{display: none;}
    .getInsurance-right{
      padding:20px;
      margin-top: 0px;
      margin-left: 0px;
    }
    .form-section .nav-pills .nav-item{flex-basis: 60%}
  }