.profie_info h4 {
   font-size: 1.1rem;
   font-weight: 600;
   color: #e50019;
}
.profie_info h5 {
   font-size: 0.9rem;
}
.profie_info h6 {
   font-size: 0.8rem;
}
.profile_tab .nav-tabs li {
   width: 100%;
   position: relative;
}
.profile_tab .nav-tabs li a {
   position: relative;
   transition: 0.3s;
}
.profile_tab .nav-tabs li a:after {
   position: absolute;
   left: 0;
   content: "";
   background: #e50019;
   height: 2px;
   transform: scaleX(0);
   right: 0;
   width: 100%;
   bottom: 0;
   margin: 0 auto;
   transform-origin: left;
   transition: 0.3s;
}
.profile_tab .nav-tabs li a:hover:after,
.profile_tab .nav-tabs li a.active:after {
   transform: scaleX(1);
}
.profile_tab .nav-tabs li:last-child a:after {
   display: none;
}
.profile_tab .nav-tabs li,
.profile_tab .nav-tabs li a {
   border: none;
   font-size: 1rem;
   font-weight: 700;
   color: #333;
}
.profile_tab .nav-tabs li a {
   border-top: 1px solid #ddd;
}
.profile_tab .nav-tabs li a .menu-icon img {
   opacity: 0;
}
.profile_tab .nav-tabs li a .menu-icon {
   background-image: url("../images_v2/list-icons.png");
   background-repeat: no-repeat;
   background-position: top left;
   width: 38px;
   margin-right: 30px;
}
.profile_tab .nav-tabs li a .menu-icon.payment-method{
   background-image: url("../images_v2/payment-method.png");
}
.profile_tab .nav-tabs li a:hover .menu-icon.payment-method, .profile_tab .nav-tabs li a.active .menu-icon.payment-method{
   background-position: top right;
}
.profile_tab .nav-tabs li a.active .menu-icon,
.profile_tab .nav-tabs li a:hover .menu-icon {
  background-position: top right;
}
.profile_tab .nav-tabs li a .menu-icon.my-devices {
  background-position: left -62px;
}
.profile_tab .nav-tabs li a.active .menu-icon.my-devices,
.profile_tab .nav-tabs li a:hover .menu-icon.my-devices {
  background-position: right -62px;
}
.profile_tab .nav-tabs li a .menu-icon.my-claim {
  background-position: left -124px;
}
.profile_tab .nav-tabs li a.active .menu-icon.my-claim,
.profile_tab .nav-tabs li a:hover .menu-icon.my-claim {
  background-position: right -124px;
}
.profile_tab .nav-tabs li a .menu-icon.logout {
  background-position: left -190px;
}
.profile_tab .nav-tabs li a.active .menu-icon.logout,
.profile_tab .nav-tabs li a:hover .menu-icon.logout {
  background-position: right -190px;
}
.profile_tab ul.nav.nav-tabs {
  border: none;
}
.profile_tab .nav-tabs .nav-link.active,
.profile_tab .nav-tabs .nav-link:hover {
   color: #e50019;
}
.profile_tab .nav-item .nav-link.active::after {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   width: 100%;
   content: ".";
   color: transparent;
   border-radius: 10px;
   background: #e50019;
   height: 3px;
   transition: all 0.5s;
}
.profile_tab .nav-tabs .nav-link {
   padding: 1.1rem 0;
   align-items: center;
   width: 100%;
}
.flex-grow {
   flex-grow: 1;
}
.w-3 {
   width: 4rem;
   flex-shrink: 0;
}
.bind_info {
   border: 1px solid #e50019;
   padding: 35px 25px;
   border-radius: 15px;
}
.bind_info li {
   font-size: 1rem;
   color: #c5c5c5;
   display: flex;
   gap: 10px;
   margin: 0 0 10px 0;
}
.bind_info li span {
   font-weight: bold;
   color: #333;
}
.bind_info h3 a {
   text-decoration: underline;
}
.bind_info h3 a.plan-canel-btn {
   font-size: 11px;
   margin-top: 5px;
   margin-left: 8px;
}
.bind_info ul li:last-child h3 {
   width: calc(100% - 100px);
}
.btn-red {
   background: #e50019;
   text-transform: uppercase;
   color: #fff;
   border-radius: 30px;
   padding: 10px 15px;
   font-size: 0.9rem;
   border: 1px solid #e50019;
}
.green_btn {
   background: #5cba4a;
   color: #fff;
   border: 1px solid #5cba4a;
}
.red_btn {
   background: #e50019;
}
.yellow_btn {
   background: #f7cc1b;
}
.btn-sm {
   color: #fff;
   padding: 0px 20px;
   border-radius: 20px;
   text-transform: uppercase;
}
.btn.btn-lg {
   font-size: 0.9rem;
   padding: 5px 14px;
   border-radius: 50px;
   margin-left: 10px;
   text-transform: uppercase;
}
.grey_btn {
   border: 1px solid;
   background: transparent;
}
.bind_info ul li h4 {
   width: 100px;
   font-size: 1rem;
}
.bind_info ul li h3 {
   font-size: 1rem;
   width: calc(100% - 100px);
   font-weight: 600;
}
.bind_info ul li h3 button {
   font-size: 11px;
   min-height: 23px;
}
.r_3 {
   border-radius: 10px;
}
.p_20 {
   padding: 20px;
}
.status {
   border-radius: 5px;
   font-size: 11px;
   padding: 5px 10px;
   color: #fff;
   font-weight: bold;
}
.status.active {
   color: #5cba4a;
   background: #ebf9f4;
}
.status.claim-created {
   background: #fff7e6;
   color: #f7cc1b;
}
.status.cancelled {
   background: #ffffff;
   color: #e50019;
}
/* Create Claim Styles */
.create-clain-wrapper .container {
   max-width: 787px;
}
.create-clain-wrapper .select-wrapper select {
   width: 100%;
   border: solid 1px #08141d;
   border-radius: 30px;
   padding: 12px 25px;
}
.select-wrapper{
		margin-bottom:25px;
}
.select-wrapper select {
    position: relative;
    appearance: none;
    background-image: url(../../static/images_v2/selectico.png);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: 91% center;
    appearance: none;
    -webkit-appearance: none;
}
/* Custom Radio Box Style */
.radio-wrapper {
   display: block;
   position: relative;
   padding-left: 35px;
   margin-bottom: 0;
   cursor: pointer;
   font-size: 22px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   color: rgba(0, 0, 0, 0.5);
   font-size: 16px;
}
.radio-wrapper span {
   font-size: 20px;
}
.active .radio-wrapper {
   color: rgba(0, 0, 0, 1);
}
.active .radio-wrapper + img {
   opacity: 1;
}
.radio-wrapper.active {
   color: #000;
}
.radio-wrapper input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
}

.checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 25px;
   width: 25px;
   border: solid 2px #7f7f7f;
   border-radius: 50%;
   -webkit-transition: 0.25s ease-in-out;
   -moz-transition: 0.25s ease-in-out;
   -o-transition: 0.25s ease-in-out;
}

.radio-wrapper input:checked ~ .checkmark {
   border: solid 2px #e50019;
}

.checkmark:after {
   content: "";
   position: absolute;
   top: 5px;
   left: 5px;
   width: 11px;
   height: 11px;
   border-radius: 50%;
   background: #e50019;
   transform: scale(0);
   -webkit-transition: 0.25s ease-in-out;
   -moz-transition: 0.25s ease-in-out;
   -o-transition: 0.25s ease-in-out;
}

.radio-wrapper input:checked ~ .checkmark:after {
   transform: scale(1);
}

/* Custom Checkbox style */
/* The container */
.checkbox-wrapper {
   display: block;
   position: relative;
   padding-left: 35px;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 22px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-wrapper input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}

/* Create a custom checkbox */
.checkbox-checkmark {
   position: absolute;
   top: 4px;
   left: 0;
   height: 20px;
   width: 20px;
   background-color: #ececec;
   border: solid 1px #08141d;
}

/* When the checkbox is checked, add a blue background */
.checkbox-wrapper input:checked ~ .checkbox-checkmark {
   background-color: #e50019;
   border: soilid 1px #e50019;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

/* Show the checkmark when checked */
.checkbox-wrapper input:checked ~ .checkbox-checkmark:after {
   display: block;
}

/* Style the checkmark/indicator */
.checkbox-wrapper .checkbox-checkmark:after {
   left: 7px;
   top: 4px;
   width: 5px;
   height: 10px;
   border: solid white;
   border-width: 0 3px 3px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.selection-col {
   border-top: solid 1px #e0e0e0;
   border-bottom: solid 1px #e0e0e0;
   padding: 15px 0 15px 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
}
.selection-col:before,
.selection-col:after {
   content: "";
   top: 0;
   height: 1px;
   width: 100%;
   background-color: #e50019;
   position: absolute;
   transform: scale(0);
   -webkit-transition: 0.25s ease-in-out;
   -moz-transition: 0.25s ease-in-out;
   -o-transition: 0.25s ease-in-out;
}
.selection-col:after {
   top: auto;
   bottom: 0;
}
.selection-col.active:after,
.selection-col.active:before {
   transform: scale(1);
}
.selection-col.no-bdr {
   border: 0;
   padding: 5px 0;
}
.selection-col img {
   opacity: 0.5;
}
.info-row p strong {
   font-size: 1rem;
}
.info-row p {
   font-size: 0.925rem;
}
.map-wrapper {
   border: solid 2px #e50019;
   border-radius: 20px;
}
.map-wrapper img {
   border-radius: 20px;
   width: 100%;
}
.center-search .separator h3 {
   border-top: solid 2px #e0e0e0;
   padding-top: 35px;
   margin-bottom: 25px;
}
.terms-checkbox label {
   font-size: 0.8125rem;
}
.info-popup {
   cursor: pointer;
}
.custom-tooltip {
   position: absolute;
   background: #ffffff;
   border: 1px solid #e50019;
   width: 100%;
   max-width: 400px;
   z-index: 9;
   text-align: left;
   padding: 20px;
   border-radius: 10px;
   right: 0;
   font-size: 0.875rem;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   -webkit-transition: 0.25s ease-in-out;
   -moz-transition: 0.25s ease-in-out;
   -o-transition: 0.25s ease-in-out;
   box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.expanded {
   opacity: 1;
   visibility: visible;
}
.custom-tooltip:after,
.custom-tooltip:before {
   bottom: 100%;
   left: 50%;
   border: solid transparent;
   content: "";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
}

.custom-tooltip:after {
   border-color: rgba(255, 255, 255, 0);
   border-bottom-color: #ffffff;
   border-width: 15px;
   margin-left: -15px;
}
.custom-tooltip:before {
   border-color: rgba(229, 0, 25, 0);
   border-bottom-color: #e50019;
   border-width: 16px;
   margin-left: -16px;
}
.custom-tooltip h4 {
   font-weight: bold;
   font-size: 1.14rem;
}
.custom-tooltip p {
   font-size: 0.925rem;
}
.charges-grid {
   margin: 25px 0 0 0;
   padding: 0 20px;
}
.charges-grid .row > div {
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 0;
   border-top: solid 1px #d7d6d5;
}
.dropdown-wrap button.btn.dropdown-toggle.selectDropDown {
   overflow: hidden;
   text-overflow: ellipsis;
}

a.nav-link.btn.btn-light {
   color: #000;
   background-color: transparent !important;
   border-color: #000 !important;
   border-radius: 30px;
   padding: 8px 2rem;
}
a.nav-link.active.btn.btn-light {
   background: #e50019 !important;
   border-color: #e50019 !important;
   color: #fff;
}
label.warning {
   background: #f7cc1b;
}
.bind_info h2 {
   font-size: 1.5rem;
   font-weight: 700;
}
h2.text-secondary {
   font-weight: 600 !important;
}
.text-secondary {
   color: #999999 !important;
}

.bind_info span.ansNo:before {
   content: "+";
   font-size: 20px;
   position: absolute;
   font-weight: 700;
}
.bind_info span.ansNo[aria-expanded="true"] {
   background-color: #d7d6d5;
}
.bind_info span.ansNo[aria-expanded="true"]:before {
   content: "-";
   font-size: 20px;
   position: absolute;
   font-weight: 700;
   color: #e53935;
}
.collapsable-panel {
   width: 100%;
}
.collapse.show {
   width: 100%;
}
.bind_info .card ul li h4 {
   width: 65%;
   min-width:53%;
}
.text-red {
   color: #e50019;
}
.upgrade_item h5 {
   color: #08141d;
}
.btn-holder > div{
	text-align:center;
	margin:0 0 10px 0;
}
.btn-holder > div h6{
	text-align:center !important;
}
.claim-tab li a{
	background: #fff;
    text-transform: uppercase;
    color: #000;
    border: 1px solid #000;
    padding: 8px 2rem;
    border-radius: 36px;
    cursor: pointer;
	display:block;
	margin:0 10px 0 0;
}
.claim-tab li a:hover, .claim-tab li a.active{
	background: #e50019;
    text-transform: uppercase;
    color: white;
    border: 1px solid #e5011a;
}
.card textarea {
   height: 150px;
   resize: none;
   padding: 1rem;
   font-weight: normal;
}
.rating {
   position: relative;
}
.rating:not(:checked) > input {
   position: absolute;
   opacity: 0;
   clip: rect(0, 0, 0, 0);
}

.rating:not(:checked) > label {
   float: right;
   width: 25px;
   overflow: hidden;
   white-space: nowrap;
   cursor: pointer;
   font-size: 24px;
   color: #c5c5c5;
   margin-bottom: 0;
   margin-right: 8px;
}

.rating:not(:checked) > label:before {
   content: "★ ";
}

.rating > input:checked ~ label {
   color: #e50019;
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
   color: #e50019;
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
   color: #e50019;
}

.rating > label:active {
   position: relative;
   top: 0px;
   left: 0px;
}
/* terms & Condition */
.terms h2 {
   font-size: 3rem;
}
.terms .accordion {
		width:100%;
}
.terms .accordion .card-header h5 {
   font-size: 1.2rem;
   color: #333;
   padding-left: 10px;
}
.terms .card-body {
   padding-left: 2rem;
}
.terms .accordion .card-body ul li {
   font-size: 0.9rem;
   font-weight: 200;
   position: relative;
   list-style: none;
   padding-left: 15px;
   margin-bottom:10px;
}
.terms .accordion .card-body ul li:before {
   content: "";
   height: 5px;
   width: 5px;
   position: absolute;
   background: #e50019;
   left: 0;
   top: 40%;
}
.terms .table thead th {
   border-bottom: 1px;
}
.terms .card-header a.collapsed:after {
   content: "+";
   position: absolute;
   font-size: 30px;
   top: 0;
   left: -20px;
   line-height: 20px;
}
.terms .card-header a:after {
   content: "-";
   position: absolute;
   font-size: 30px;
   top: 0;
   left: -20px;
   line-height: 20px;
}
.terms .accordion .card-header {
   padding-left: 20px;
   /* position: relative; */
}
.terms .accordion .card-header a {
   position: relative;
}
.terms .accordion .card-header a:hover {
   color: #e50019;
}
/*Plan Payment*/
.pay_detail {
    background: #f5f5f5;
    border-radius: 1rem;
}
.card_payment .nav-tabs .nav-link {
    color: #333;
    font-size: 1rem;
    font-weight: 600;
    border-top: 1px solid #ddd;
    border-bottom: 0px;
    width: 100%;
    border-radius: 0px;
    border-left: 0;
    border-right: 0px;
	padding-left:0;
}
.bind_info .card_payment li {
    margin: 0;
}
.card_payment .nav-tabs li a .menu-icon {
    background-image: url(../images_v2/payment.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    width: 28px;
    margin-right: 10px;
}
.card_payment .nav-tabs li a .my-cash.menu-icon {
    background-position: left -20px;
}
.card_payment .nav-tabs li a .my-bank.menu-icon {
    background-position: left -45px;
}
.card_payment select {
    height: 50px!important;
    border-color: #e50019;
}
.form-check {
  position: relative;
  padding: 0 6px;
  margin: 10px 0 15px 0;
}

.card_payment select {
    position: relative;
    appearance: none;
    background-image: url(../../static/images_v2/selectico.png);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: 91% center;
    appearance: none;
    -webkit-appearance: none;
}
.radio_pay {
    position: relative;
}
.abs_pay {
    position: absolute;
    right: 0;
    top: 0;
}
.card_payment a.nav-link.active,.card_payment .nav-tabs .nav-link:hover {
    color: #e50019!important;
}
.card_payment .nav-tabs li a.active .menu-icon,.card_payment .nav-tabs li a:hover .menu-icon {
    background-position: -30px 4px;
}
.card_payment .nav-tabs li a.active .my-cash,.card_payment .nav-tabs li a:hover .my-cash {
    background-position: -30px -20px;
}
.card_payment .nav-tabs li a.active .my-bank,.card_payment .nav-tabs li a:hover .my-bank {
    background-position: right -45px;
}
.plan_style {
    border-color: #e50019!important;
    border-radius: 50px;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 0.5rem 4rem 0.5rem 1rem;
    line-height: 40px;
    position: relative;
}
.plan_style span.ansNo {
    position: absolute;
    right: 5px;
    top: 3px;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    font-weight: normal;
    width: 50px;
    height: 50px;
}
html body .plan_style span.ansNo:before {
    content: ''!important;
}
/* .leftPlanning {
    text-align: right;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column;
    height: 80%;
    justify-content: space-around;
}

.dropIconWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.freePick {
    margin-right: 15px;
    max-width: 52%;
    font-size: 15px;
    font-weight: 600;
} */

.price {
    font-size: 1.3rem;
    color: #e50c1b;
    font-weight: bold;
}

.protectionPoints p {
    font-size: 12px;
}

.protectionPoints:hover {
    box-shadow: 0px 0px 20px 2px lightgrey;
}

/* img.protectLogo {
    height: 24px;
    margin: auto;
    display: block;
    margin-bottom: 15px;
} */

.clientsPartners {
    position: relative;
}

.clientsPartners::after {
    position: absolute;
    content: '';
    top: 15px;
    background-image: url(../images_v2/client-partner-wrap.png);
    width: 80%;
    height: 84%;
    z-index: -1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 10%;
}
.monly{
	display:none;
}
.login_form {
    width: 40rem;
    margin: 0 auto;
    box-shadow: 0px 6.25753px 18.7726px rgba(0, 0, 0, 0.25);
    padding-left: 5rem;
    padding-right: 5rem;
    border-radius: 25.0301px;
}
.login_form form p strong {
    color: #e50019;
}
.login_form form .btn-primary {
    background: #f8f9fa;
    color: #3e5874;
    border: none;
    border-radius: 20px;
    position: relative;
}
.login_form form .btn-primary img {
    position: absolute;
    left: 20px;
}
.login_form form .btn-primary:focus, .login_form form .btn-primary:active {
    border: none;
    outline: none;
    background: #f8f9fa!important;
    box-shadow: none!important;
    color: #3e5874!important;
}
form .alert-success {
    border: none;
    border-radius: 10px;
    color: #608d6b;
}
.input-group-prepend .input-group-text, .input-group-append .input-group-text {
    background: transparent;
    border: none;
}
.input-group {
    border: 1px solid #d1d1d1;
    border-radius: 45px;
}
.input-group input {
    border: none;
}
.login_form h3 {
    font-weight: 700;
}
.input-group input:focus {
    box-shadow: none;
}
.login_section .nav-item .nav-link.active::after {
    background: transparent;
    height: 0px;
}
.login_form .nav-pills .nav-item .nav-link.active {
    background: #e50019;
    color: #fff;
    border-radius: 50px;
}

.login_form .nav-pills .nav-item .nav-link {
    border: 2px solid;
    border-radius: 30px;
}

.login_form ul.nav.nav-pills
{
    justify-content: center;
    margin-bottom: 2rem;
}
.login_form .nav-pills li.nav-item {
    width: 46%;
}
.login_form .nav-pills li.nav-item:last-child {
    margin-left: 10px;
}
.login_form span.badge.badge-primary {
    background: #7413b1;
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 0px;
    font-weight: 600;
}
.text-muted {
    color: #C8C8C8!important;
}
.google-btn{
		font-size:23px !important;
		text-transform:none !important;
}
.login_form .input-group{
		position:relative;
		padding-left:50px;
}
.login_form .input-group .input-group-prepend{
	position:absolute;
	left:0;
	top:8px;
}
.password-toggle{
	 background-image: url(../images_v2/password-eye.png);
    background-repeat: no-repeat;
    background-position: top left;
    display: inline-block;
    width: 30px;
	height:29px;
	    margin: 18px 11px 0 0;
	cursor:pointer;
	position:relative;
}
.password-toggle:after{
	content: "";
    width: 30px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 18px;
    transform: rotate(-44deg);
    transform-origin: left;
    left: 4px;
	opacity:0;
}
.password-toggle.active:after{
	opacity:1;
}
.form-control::-webkit-input-placeholder {
    color: #A6A6A6;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #A6A6A6;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #A6A6A6;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #A6A6A6;
    opacity: 1
}

.form-control::placeholder {
    color: #A6A6A6;
    opacity: 1
}
.card-holder{
	position:relative;
}
.card-holder .card-information{
		    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    align-items: flex-end;
    padding-bottom: 23px;
    color: #fff
}
.card-expiry span{
		font-size:11px;
		display:block;
}
.profile-form-wrapper .input-group-prepend {
	    width: 46px;
    justify-content: center;
    align-items: center;
}
.profile-form-wrapper input{
	background-color:transparent !important;
}
.profile-form-wrapper label.error{
	position:absolute;
	bottom:-25px;
	margin:0;
	left:0;
}
.password-edit{
	    position: relative;
    right: 8px;
    top: -3px;
    border: none;
    background: none;
    width: 54px;
	cursor:pointer;
	    display: flex;
    align-items: center;
    justify-content: center;
}
.passowrd-hint{
		margin-top:20px;
}
.close-modal{
	border:0;
	background:none;
	font-size:25px;
	cursor:pointer;
	font-weight:normal;
}
.otp-action{
		    display: flex;
    justify-content: space-between;
    margin: 12px 0 0 0;
    font-size: 12px;
	padding:0 15px;
}
.btn-wrapper{
		display:flex;
		gap:15px;
		justify-content:center;
}
@media (max-width: 767.98px) {
    .login_form {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
	.login_form .nav-pills li.nav-item {
    width: auto;
}
.login_form .input-group-append .input-group-text {
    font-size: 12px;
    padding-right: 0;
}
.login_form .input-group input {
    padding-right: 0;
    padding-left: 0!important;
}
.login_form .input-group {
    padding-left: 20px;
}
}
@media screen and (max-width: 820px) {
   .mbtn {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-top: 35px !important;
      max-width: 300px;
      margin-left: auto;
      margin-right: auto;
   }
   .mbtn button {
      background-color: #e50019;
      color: #fff;
      border: none;
      padding: 8px 2rem !important;
   }
   .bind_info ul li h4 {
      width: 33.333333%;
      min-width: 33.333333%;
      font-size: 1.5rem;
   }
   .bind_info ul li h3 {
      width: 66.666667%;
      font-size: 1.5rem;
   }
   .bind_info {
      border-radius: 25px;
   }
   .bind_info p {
      font-size: 1.5rem;
   }
   .add-more-devices {
      background-color: #f5f5f5;
      border: none;
   }
   .add-more-devices .mbtn {
      margin-top: 0 !important;
   }
   .bind_info ul li h3 button {
      font-size: 1rem;
      padding-top: 5px;
      padding-bottom: 5px;
   }
   .bind_info h3 a.plan-canel-btn {
      font-size: 1rem;
   }
}
@media screen and (max-width: 767px) {
   .info-popup {
      display: block;
   }
   .claim-tab ul.nav li a {
    font-size: 12px;
  }
   .custom-tooltip {
      left: 0 !important;
      right: 0 !important;
      margin: 0 auto;
      max-width: 300px;
   }
   .create-clain-wrapper h3 {
      margin-left: 15px;
   }
   .btn-wrap > div {
      text-align: center;
      margin: 0 0 15px 0;
   }
   .dropdown-wrap button.btn.dropdown-toggle.selectDropDown {
      text-align: center;
   }
   /* .create-clain-wrapper .dropdown-wrap {
      margin-bottom: 1rem;
   } */
   .map-outer-wrapper {
      padding: 0;
      margin-top: 20px;
   }
   .map-wrapper {
      border: solid 2px #e50019;
      border-radius: 0;
      border-left: 0;
      border-right: 0;
   }
   .center-search .separator h3 {
      border-top: solid 1px #e50019;
   }
   .card-holder {
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .selection-row-payment {
      margin-top: 15px;
   }
   .selection-row-payment label {
      min-width: 200px;
   }
   .selection-row-payment .col-md-6 {
      display: flex;
      justify-content: center;
   }
   .carde-details {
      padding: 20px 0 0 0 !important;
   }
   .bind_info .carde-details li {
      justify-content: center;
   }
   .bind_info .carde-details li h3 {
      width: auto;
   }
   .bind_info .carde-details li h4 {
      width: 70px;
      min-width: 70px;
   }
   .collapsable-wrappar .row{
		position:relative;
   }
   .toggle-btn{
		position: absolute;
		width: auto;
		right: 0;
   }
   .collapsable-wrappar .p_20{
		padding:10px;
   }
   .collapsable-wrappar .text-secondary{
		    font-size: 1rem;
   }
   .btn-holder{
	   flex-direction: column-reverse;
   }
   .claim-tab ul{
	   flex-wrap:inherit;
	   justify-content: center;
   }
   .claim-tab li a{
	   padding: 8px 1rem;
   }
	.center-content-m{
       row-gap: 16px;
	       margin-bottom: 25px;
	}
   .bind_info .center-content-m  li{
	   justify-content:center;
   }
   .upgrade_item h5{
		text-align:center;
		    font-size: 1rem;
   }
   .text-center-m{
		text-align:center !important;
   }
   .plan_style{
		margin-bottom:15px;
   }
   .mb-mt-0{
		margin-top:0 !important;
   }
   .card_payment .tab-content  .nav-tabs .nav-link{
		    border-top: 0px;
   }
   .card_payment .tab-content  .nav-tabs li{
	margin:10px 0;
   }
   .terms h2{
       display: flex;
    flex-direction: column;
    align-items: center;
	row-gap:15px;
	font-size:2rem;
	margin-bottom:25px;
   }
   .terms .card-body {
    padding-left: 1rem;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    font-size: 0.975rem;
}
}
@media screen and (max-width: 414px) {
   .bind_info ul li h3,
   .bind_info ul li h4,
   .bind_info p {
      font-size: 1rem;
      word-break: break-all;
   }
   .bind_info ul li h3 button {
      font-size: 0.8rem;
   }
   .bind_info h3 a.plan-canel-btn {
      font-size: 0.8rem;
   }
   .table-responsive thead{
	display:none;
   }
   .table-responsive tr{
	display:flex;
	flex-direction:column;
   }
   .monly{
	display:block;
}
.mtable table td{
	border-bottom:solid 1px #dee2e6
}
.mtable table td:first-child{
}
.mtable table td span{
	background-color:#ebebeb;
	color:#000;
	padding:7px;
	font-weight:bold;
}
.mtable table td span b{
	font-weight:bold;
}
.mtable table td b{
		font-weight:normal;
}
}
.custom-filebtn label input{
	opacity:0;
	position:absolute;
	width:100%;
	left:0;
}
.custom-filebtn label{
	background: #fff;
    color: #e50019;
    border: 2px dashed #e50019;
    padding: 8px 2rem;
    border-radius: 36px;
	position:relative;
	cursor:pointer;
}
.p_report_error label{
   border: none;
   display: block;
    margin: 0.2em;
    cursor: pointer;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding: 0.2em;
}
.docholder{
	display:block;
	color:#000;
	font-size:11px;
	opacity:0.4;
}
.create-clain-wrapper input[type=checkbox]{
	display:block;	
}
.checkbox-wrapper .error:before{
	display:none;
}
.rating-ul .error{
	   width: 100% !important;
    overflow: visible !important;
    position: absolute;
    font-size: 12px !important;
    bottom: -14px;
    padding: 0 0 0 7px;

}
.rating-ul li{
		margin-bottom:15px;
}
.rating-ul .error:before{
		display:none;
}
