/*quickquote css*/
.mystickyelements-custom-html-wrap, .mystickyelements-custom-html {
    padding: 0 !important;
    min-width: 400px !important;
}
.mystickyelements-custom-html {
    width: 360px !important;
    overflow-x: visible;
    overflow-y: visible;
}
.mystickyelements-custom-html input{

  text-transform: none;
}
.mystickyelements-custom-html input::placeholder {
  color: #a9a6a6;
  opacity: 1; /* Firefox */
}
.plans-details .plans-sorting.nav-tabs .nav-item { 
    background-color: #DFDFDF;
  }
  .plans-details .plans-sorting.nav-tabs .nav-item:hover,
  .plans-details .plans-sorting.nav-tabs .nav-item.active {
    background-color: #308FCE;
  }
  .plans-details .plans-sorting.nav-tabs .nav-item:hover .nav-link,
.plans-details .plans-sorting.nav-tabs .nav-item.active .nav-link {
  color: #ffffff !important;
}
.osk_new_sticky_scode_widget_wrap ul li {
  list-style: none;
}
.plans-details .plans-sorting.nav-tabs .nav-link:hover,.plans-details .plans-sorting.nav-tabs .nav-link:focus,.plans-details .plans-sorting.nav-tabs .nav-link:active{
    border:none !important;
    border-color:transparent;
}
button.disabled{
    opacity:0.5;
}
form.osk_commonquote_form label.error{
  color: #a94442;
  font-weight:normal;
  font-size:15px;
}
form.osk_commonquote_form select.form-select,form.osk_commonquote_form input{

  height: 46px;
}
form.osk_commonquote_form input{
  text-indent:10px;
}
form.osk_commonquote_form select{
  padding-left:10px;

}
form.osk_commonquote_form input.error,
form.osk_commonquote_form textarea.error,
form.osk_commonquote_form  select.error {
    border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}
form.osk_commonquote_form input.osk-valid,
form.osk_commonquote_form textarea.osk-valid,
form.osk_commonquote_form  select.osk-valid {
    border-color: #198754 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}
form.formftypewrap  .form-check{
 padding-left:0px;
} 
form.formftypewrap > div.row{
    margin:10px 0px;
 }
 .form-visitors {
    background: #1c2764;
    padding: 20px;
    border-radius: 12px;
    width: 400px !important;
    font-family: "Rubik", sans-serif !important;
}

.form-white-bg {
    background-color: #fff;
    padding: 15px;
}

.form-visitors .title {
    color: #ed5b24;
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.cutom-radio {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 0.8em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    text-align:left !important;
}

.cutom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.cutom-radio .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.cutom-radio input:checked~.checkmark {
    background-color: #ed5b24;
}

.checkmark:after {
    content: "";
 
    display: none;
}

.cutom-radio input:checked~.checkmark:after {
    display: block;
}

.cutom-radio .checkmark:after {
 
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
    margin: 4px;
}

.custom-input-radio {
    gap: 20px;
}

.form-visitors .form-white-bg .label {
    font-size: 0.8em;
    margin-bottom: 10px;
    color: #000;
    text-align:left !important;
}

.custom-input-no {
    margin-bottom: 12px;
    border-radius: 0;
    border: 1px solid #ddd;
    background: #fff;
    padding: 5px;
    width: 100%;
}

.custom-input-no:focus {
    outline: none;
    box-shadow: none;
}

.quotes-btn {
    width: 100%;
    background-color: rgb(237, 91, 36) !important;
    color: #ffffff !important;
    padding: 10px 20px;
    margin: auto !important;
    font-weight: 600;
    border-radius: 0 !important;
}

.quotes-btn:hover {
    background-color: rgb(219 86 36) !important;
    color: #fff;
} 

span.quote_error {
    text-align: left !important;
    color: #a94442;
    width: 100%;
    display: block !important;
}

.compare-plan-container {
    width: 100%;
    background: #3E4653;
    border-radius: 6px;
    color: #fff;
    font-size: 20px;
    padding: 10px !important;
  }
  .compare-plan-container .compare-plan-button {
    display: inline;
    background: #F8A51B;
    color: #3E4653;
    font-size: 18px;
    font-weight: normal;
    padding: 7px 1.5rem;
    margin-left: 16rem;
    border-radius: 6px;
  }
  .compare-plan-container, .compare-plan-button {
    display: none;
  }
  .compare-plan-result table tr th {
    border: 0.5px solid #8a8a8a;
    border-right: none;
  }
  
  .compare-plan-result table tr td {
    border: none;
    border-left: 0.5px solid #8a8a8a;
  }
  .compare-plan-result table tr td:last-child , .compare-plan-result table tr th:last-child {
    border-right: 0.5px solid #8a8a8a;
  }
  .compare-plan-result table tr.plan-detail td {
    text-align: left;
    padding: 20px 20px;
  }
  .compare-plan-result table tr.plan-detail td p.datatitle {
    color: #003478;
    font-weight: 500;
  }
  .compare-plan-result table tr.plan-detail td p {
    font-size: 18px;
  }
  
  .compare-plan-result.downloadpdf table tr.plan-detail td p {
    font-size: 12px;
  }
  .compare-plan-result.downloadpdf table tr.plan-detail td {
    padding: 1px 10px;
  }
  .compare-plan-result.downloadpdf .headtitle #buy_now {
    display: none;
  }
  .compare-plan-result .tabel_comp_head1 {
    position: relative;
  }
  .compare-plan-result .tabel_comp_head1 .headtitle {
    width: 73%;
    text-align: left;
  }
  .compare-plan-result .tabel_comp_head1 .headtitle h5 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 20px;
  }
  .compare-plan-result .tabel_comp_head1 .pull-right.headprice {
    text-align: left;
  }
  .compare-plan-result .tabel_comp_head1 .headprice p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
  }
  .compare-plan-result .tabel_comp_head1 .headprice h4{
    margin: 0;
    font-size: 23px
  }
   
  .tabel_comp_head3 {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
  }
  
  .plan-compare-input {
    position:absolute; 
    right: 3rem; 
    bottom: 5rem;
  }
  .plan-compare-input .compare-input {
    height: 19px;
    width: 19px;
    vertical-align: middle;
    margin-top: -2px;
  }
  .compare-plan-button .fa-spin {
    display: none;
    margin-left: 10px;
  }
  .compare-quote-plan {
    display: block;
    position: relative;
 
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .compare-quote-plan .compare-plan-input-chkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    background-color: transparent;
    left: 8px;
    top: 8px;
    height: 0px;
    width: 0px;
    z-index: -9;
  }
  .compare-quote-plan input:checked ~ .checkmark {
    background-color: transparent;
  }
  .compare-quote-plan .checkmark {
    position: absolute;
    top: 8px;
    left: 7px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: solid #C7C8CB;
  }
  .compare-quote-plan .checkmark:after {
      left: 8px;
      top: -9px;
      width: 9px;
      height: 22px;
      content: "";
      position: absolute;
      display: none;
      border: solid #A5EB7A;
      border-width: 0 4px 4px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  }
  .compare-quote-plan input:checked ~ .checkmark::after {
    display: block;
  }
  .compare-plan-container.sticky-compare {
    position: fixed;
    top: 5.5rem;
    max-width: 1140px;
    z-index: 99;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .compare-plan-container.sticky-compare.no-compare-btn {
    padding: 10px 21.35rem;
  }
  #comparePlanResult {
    z-index: 99999;
  }
  /* #comparePlanResult .modal-dialog.modal-xl {
    width: 80vw;
    max-width: 80vw;
  } */
  #comparePlanResult .modal-header {
      background: #003478;
  }
  #comparePlanResult .modal-title {
    color: #fff;
    width: 100%;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 1.8rem;
  }
  #comparePlanResult button.close {
    background: #fff;
    border-radius: 30px;
    height: 38px;
    width: 40px;
    padding: 0;
    margin-right: 0;
    margin-top: -3px;
    opacity: 1;
    color: #c36849;
  }
  #comparePlanResult button.btndownloadpdf { 
    display: none;
  }
  #comparePlanResult .modal-xl button.btndownloadpdf {
    display: block;
    position: absolute;
    right: 5rem;
    top: 1.2rem;
    background: chocolate;
    height: 40px;
 
    line-height: 40px;
    padding: 0 8px;
  }
  #comparePlanResult .modal-dialog.modal-xl .buy-quote-plan {
      text-transform: inherit;
      color: #fff;
      border-radius: 6px;
      padding: 5px 2rem;
      background-color: #003478;
      border: 0;
      cursor: pointer;
  }
  
  #comparePlanResult tr.plan-detail:nth-child(even) { 
    background-color: #EFEFEF; 
  } 
  #comparePlanResult .compare-plan-details-heading .tabel_comp_head3{
    background: #003478;
    color: #fff;
  }
  
  #comparePlanResult .compare-plan-result.downloadpdf .compare-plan-details-heading .tabel_comp_head3{
    background: #fff;
    color: #003478 !important;
    padding: 5px;
  }
  #comparePlanResult .compare-plan-details-heading i.plan-info {
    position: absolute;
    right: 2.5rem;
    margin-top: 5px;
    cursor: pointer;
  }
  
  
  .is-responsive .compare-plan-container.sticky-compare {
      max-width: 92.5vw;
      z-index: 99;
      right: 1rem;
      width: 92.5vw;
  }
  .is-responsive .plan-compare-input {
    bottom: 5.3rem;
  }
  /*Filter Responsive*/
  /*.is-responsive .email-me-quote-element {
    display: none;
  } */
  .quote_and_compare_title {
    color: #003478 !important;
  }




  .result_sec .box-group .plan_name.grey_text{
  color: #5A5A5A;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 129.412% */
  text-transform: uppercase;
  }

  .result_sec .box-group{
  background: #fff !important;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18) !important;
}

.result_sec .box-group .btn_middum{
  color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 500;
text-transform: capitalize;
display: inline-flex;
justify-content: center;
align-items: center;
width: 85%;
float: right;
}

.result_sec .box-group .plan_text_detail p{
  position: relative;
  padding-left: 20px;
  color: #5A5A5A;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 107.692% */
  margin-bottom: 10px;
}

.result_sec .box-group .plan_text_detail p i{
  position: absolute;
  top: 2px;
  left: 0;
}
.btn_link{
  color: #003478;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px !important; /* 107.692% */
  margin-bottom: 10px !important
}
.readmore_link{
  font-size: 15px !important;
  font-weight: bold !important;
}
.result_sec .box-group select.policy{
  border: 1px solid #CCC !important;
background: #E9E9ED !important;
}

.result_sec .box-group  .pdf_links_wrap .pdf_link{
  color: #323232 !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 22px !important; /* 169.231% */
text-transform: capitalize !important;
}
.btn.osk_green_bg{border-radius: 0px !important; padding: 0 20px;}
.result_sec .box-group .price{
    color: #237D3D;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.osk_planprice{
  color: #000;
font-size: 15px;
font-style: normal;
font-weight: 400;
}


.whatsapplink_generate_qidtxt .ht-ctc-cta svg{
  width: 24px;
  height: 24px;
}
.osk_filter_wrap{
  overflow-x: auto;
  width: 100%;
}

/* width */
.osk_filter_wrap::-webkit-scrollbar {
  height: 4px;
}

/* Track */
.osk_filter_wrap::-webkit-scrollbar-track {
  background: transparent;

}
 
/* Handle */
.osk_filter_wrap::-webkit-scrollbar-thumb {
  background: #00449e; 


}

/* Handle on hover */
.osk_filter_wrap::-webkit-scrollbar-thumb:hover {
  background: #00449e; 
}

.osk_filter_wrap .plans-sorting{
  display: flex;
  flex-wrap: nowrap;
}

.osk_filter_wrap .plans-sorting .nav-item{
width: auto;
flex: 0 0 auto;
}

/* .ai-chat.oskborder.osk_btn, .osk-faq-btn{
  display: flex;
  justify-content: center;
  align-items: center;
} 
.ai-chat.oskborder.osk_btn i , .osk-faq-btn i{
margin-right: 6px;
}  */

.osk_quotebox{
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px !important;
}

.plans-details .nav-tabs{
  background-color: #DFDFDF !important;
}
.osk-adminfee-text{
    color: #237D3D;
    font-weight: 500;
}
@media(max-width:1099px) {
  .btn{
    padding: 0 20px;
  }
  .result_sec .box-group .btn_middum{
    width: 100%;
  }
  .osk-wa-quote{
    font-size: 12px;
  }
  .btn.osk_green_bg{
    margin-top: 12px;
  }
  .osk-faq-btn{
    margin-bottom: 12px;
  }
  .pdf_links_wrap{
    margin-bottom: 16px;
  }
}
@media(max-width:767px) {
  .result_sec .box-group p{
    max-width: 100% !important;
    margin: 10px 0;
  }

  .osk_mainquote_form .form-group{
    margin-bottom: 14px;
  }
  /* .ctc-analytics{
    margin-top: 15px;
  } */
  .quote-search-result .osk_walink_html{
    margin-top: 10px;
  }
  .osk_email_quote_send_form .input-group{
    flex-direction: column;
  }
  .osk_email_quote_send_form .input-group .ok_emailsendquote{
    flex: 0 0 100%;
    width: 100%;
    margin-right: 0px;
    min-height: 51px;
    border-radius: 10px;
    margin-bottom: 10px;
  }
  .osk_email_quote_send_form .input-group  .search{
    border-radius: 10px !important;
  }

}
@media(max-width:575px) {
    .mystickyelements-custom-html {
        width: 300px !important;
    }
    .osk-wa-quote{
      font-size: 14px;
    }

    .mystickyelements-custom-html-wrap,
    .mystickyelements-custom-html {
        min-width: 300px !important;
    }

    .form-visitors {
        width: 300px !important;
        padding: 10px;
    }

    .form-visitors input {
        font-size: 0.8em;
    }

}
@media(max-width:390px) {
  .result_sec .box-group .u_name {
    max-width: 100% !important;
}
}

@media(max-width:350px) {
    .mystickyelements-custom-html {
        width: 280px !important;
    }


    .form-visitors {
        width: 280px !important;
    }

    .mystickyelements-custom-html-wrap,
    .mystickyelements-custom-html {
        min-width: 280px !important;
    }
}