@import 'header.css';
@import 'footer.css';

html { scroll-behavior: smooth; }
/*body {font-family: 'Quicksand', sans-serif !important; font-weight: 400;}*/
body {font-family: 'Poppins', sans-serif !important; font-weight: 400;}

/* loader */
#coveryou_loader{position:fixed; top:0; right:0; bottom:0px; left:0px;border: none; display:none; justify-content:center; align-items:center; z-index:999; background:rgba(0,0,0,0.7);}
#coveryou_loader > img {width:280px; margin:auto; display:block;}

/*Color*/
.primary-color {color: #ed4d37 !important;}
.black-color {color: #000000 !important;}
.primary-bg {background-color: #ed4d37 !important;}
.secondary-bg {background-color:#424142 !important;}

/* Banner */
/*.home-slider { position: absolute !important; left: 0; right: 0; top: 0; bottom: 0;}*/

.carousel-bakpos { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.banner-hding { font-size: 29px; font-weight: 100; color: #000; padding-top:40px; margin-bottom: 25px; ; display: block;  }
.banner-hding > span {font-weight: 700; display: block;}
.banner-prgh {font-size: 16px; font-weight: 400; line-height: 24px;}
.banner-btn { border-radius: 4px; padding: 9px 25px; font-size: 14px; color: #fff; line-height: 1.714; }
.banner-btn > i {font-size: 12px;}
.banner-btn:hover {color: #fff; text-decoration: none;}

.banner-subhding { font-size: 14px; font-weight: 400; color: #fff; padding-top: 15px;  display: block; text-align: center;}
.banner-readmore { font-size: 18px; font-weight: 400; color: #fff; padding:10px 20px; text-align: center; display: table; margin:auto; border:1px solid #fff; border-radius: 3px; transition: all 0.3s ease-in-out;}
.banner-readmore:hover { background: #fff; color:#000; text-decoration: none; transition: all 0.3s ease-in-out; }
.bannerlist { margin:40px 0 0; padding: 0; display: flex; }
.bannerlist li { list-style: none;  }
.bannerlist li > .bannerlist-icon {width: 45px; height: 45px; padding: 5px; border-radius: 50%; border: 1px solid #ed4d37; display: flex; align-items: center; justify-content: center; float: left;}
.bannerlist li > .bannerlist-icon > img {width: 100%; height: 100%;}
.bannerlist li > .bannerlist-txt {color: #000; font-size: 13px; padding: 5px 10px; display: flex;}
.bannerlist li:first-child { padding-left:0; }
.banner-riteimg {margin-top: 10px; margin-left: 20px;}

.home-slider .carousel-indicators {bottom: 35px !important;}
.home-slider .carousel-indicators > li {width: 14px !important; height: 15px !important; border-radius: 50%; background-color: #424142 !important; opacity: 1 !important; border-bottom: none !important; border-top: none !important;}
.home-slider .carousel-indicators > li.active {background-color: #ed4d37 !important;}


/* Wrapper */
.section-bg {background: #f7f7f7; padding: 40px 0;}
.wrap-hding {font-size: 32px; font-weight: 600; color: #424142; text-transform: uppercase; margin: 0; padding: 0;}
.wrap-subhding {font-size: 22px; font-weight: 600; color: #424142; margin: 0; padding-bottom: 10px; line-height:32px;}
.wrap-prgh {font-size: 14px; font-weight: 400; color: #424142; line-height: 22px; margin: 0; padding: 0;}
.wrap-subtitle {font-size: 16px; text-transform: uppercase; text-align: center; display: block; font-weight: 400; margin: 0; padding: 0 0 10px;}
.section-padding {padding-top: 60px;}
.adv-box-h {min-height: 165px;}
.box-area {  border-radius: 8px; background-color: #fff; box-shadow: 0px 5px 12px 0px rgba(206, 206, 206, 0.46); padding: 15px 30px; margin-bottom: 20px; margin-left: auto; margin-right: auto; position: relative;}
.box-area-img {margin: 0 auto 15px; display: table; /*width: 65px;*/ transform: scale(1);}
.box-area-title {font-size: 16px; font-weight: 600; text-align: center; display: block; margin: 0; padding-bottom: 10px; position: relative; z-index: 1;}
.box-area-des {font-size: 13px; font-weight: 300; text-align: center; display: block; margin: 0; padding: 0; position: relative; z-index: 1;}
.box-number { font-size: 200px; color: #f7f7f7; font-weight: 700;  position: absolute; right:5px; bottom: -20px; line-height: 1; transition: all 0.3s ease-in-out;}
.box-arrow {position: absolute; top: 0; bottom: 0; right: -51px; margin: auto; width: 48px; transition: all 0.3s ease-in-out;}
.box-arrow > img {width: 100%; height: 100%; object-fit: contain; transition: all 0.3s ease-in-out;} 
.our-process-box {width: 326px; height: 265px; transition: all 0.3s ease-in-out; cursor: pointer;}
.our-process-box:hover {transform: scale(1.05); transition: all 0.3s ease-in-out;}
.our-process-box:hover .box-number {color: #ed4d37; opacity: 0.2; transition: all 0.3s ease-in-out;}
.our-process-box:hover .box-arrow {right: -47px; transition: all 0.3s ease-in-out;}
.our-process-box:hover .box-arrow > img {transform: scale(0.7); transition: all 0.3s ease-in-out;}
.our-process-box:hover > .box-area-img {transform: scale(1);} 
.error {font-size: 12px !important; color:#ff3300;}
.valid-icon, .invalid-icon {    position: absolute; right: 12px; top: 12px;}
.wrap-btn { color: #fff; border: 1px solid #ed4d37; outline: none; font-weight: 400; text-align: center; background: #ed4d37; font-size: 14px; padding: 8px 25px; border-radius: 4px; line-height: 1.714; margin-top: 15px; margin-bottom: 10px; text-decoration: none;}
.wrap-btn-outline { color: #000; border: 1px solid #222; outline: none; font-weight: 400; text-align: center; background: #fff; font-size: 14px; padding: 8px 25px; border-radius: 4px; line-height: 1.714; margin-top: 15px; margin-bottom: 10px; text-decoration: none;}
.wrap-btn:hover {color: #fff; text-decoration: none;}
.back {font-size: 14px; }
.back > i {font-size: 12px; margin-right: 10px;}
a.back:hover {text-decoration: none;}
.icon-bg {background: #fff2f1; margin-right: 15px; color: #ed4d37; width: 36px; height: 36px; border-radius: 5px; display: flex; justify-content: center; align-items: center;}
.icon-bg > i {font-size: 18px;}
.rite-arrow {float: right; padding: 10px; font-size: 14px; color: #000;}
a:hover {text-decoration: none !important;}
.w-90 {width: 90%;}

.assistyou-text {font-size:12px; padding:6px 15px; background:rgb(237 77 55 / 3%); border-radius:6px; margin:8px auto; display:table;}
.assistyou-text > img {width:20px; margin-right:8px;}

.videobox-area {  background-color: #fff; box-shadow: 0px 5px 12px 0px rgba(206, 206, 206, 0.46); padding: 15px 30px; margin-bottom: 20px; position: relative;}
.videobox-area iframe {width: 100%; height: 270px;}
.testimonial-user {width: 78px; height: 78px;}
.testimonial-user > img {width: 100%; height: 100%; object-fit: contain;}
.testimonial-userdetail {margin-left: 15px;}
.testimonial-userdetail > .username {font-size: 16px; font-weight: 600; margin: 0; padding: 0 0 6px; display: block;}
.testimonial-userdetail > .testdesg {font-size: 14px; color: #222222; font-weight: 400; margin: 0; padding-bottom: 5px;}
.testimonial-userdetail > .star-review {margin: 0px; padding: 0; display: flex; flex-wrap: wrap;}
.testimonial-userdetail > .star-review li {list-style: none; margin-right: 5px; font-size: 14px; color: #f1c102;}
.chkbox-pos {position: relative; top: 2px; margin-right: 5px;}

/* Breadcrumb*/
.breadcrumb-bg {background: #f1f3f4; padding: 10px 0;}
.cy-breadcrumb {margin: 0px; padding: 0px; display: flex; flex-wrap: wrap;}
.cy-breadcrumb li {list-style: none; font-size: 13px; color: #000; position: relative; padding: 0 10px 0 0;}
.cy-breadcrumb li:not(:last-child):after {content:'\f054'; position: absolute; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 10px; position: relative; top:0; margin-left: 10px; }
.cy-breadcrumb li a {font-size: 13px; color: #000;}
.cy-breadcrumb li:last-child {color: #999;}

/* Bootstrap */
@media (min-width: 1366px) {
  .container-xxl {max-width: 1320px;}
}

/* Blog */
.blog-box {border-radius: 8px; min-height:425px; background-color: #fff; box-shadow: 0px 5px 12px 0px rgba(206, 206, 206, 0.75); margin-bottom: 20px;}
.blog-img {width: 100%; height: 214px; border-radius: 8px 8px 0 0; overflow: hidden; }
.blog-img > img {width: 100%; height: 100%; object-fit: cover;}
.blog-textarea {padding: 30px 30px 40px;}
.blog-hding {font-size: 16px; font-weight: 600; color: #000;}
.blog-prgh {font-size: 14px; font-weight: 300; color: #000;}
.blog-link {font-size: 13px; font-weight: 300; color: #1106fb; display: block; padding-top: 15px;}

/* faq collapse */
.ac {margin: 10px 0px 0; display: block; position: relative; }
.ac > .card-header {border-bottom: none !important; padding: 0px !important; background-color: transparent !important;}
.ac .card-header button {width: 100%; padding:8px 35px 8px 0 !important; text-align: left !important; color: #000 !important; background: none !important; border-bottom: 1px solid #c5bebe; font-weight: 600; }
.ac button[aria-expanded="true"]:before, .ac button[aria-expanded="false"]:before {font-family: 'Font Awesome 5 Free'; font-weight: 900; top: 4px;}
/* Minus sign */
.ac button[aria-expanded="true"]:before { content: '\f077';  } 
/* Plus sign */
.ac button[aria-expanded="false"]:before {content: '\f078';}
.ac button[aria-expanded="false"]:before, [aria-expanded="true"]:before {display: inline-block; float: right;}
.ac .card-body {color: #2e2e2e; font-size: 14px; font-weight: 300; line-height: 22px; padding: 20px 0 !important;}
.ac button:focus {box-shadow: none !important;}

.ac2 .card-header button {font-size: 14px;}
.ac2 .card-header button:hover {text-decoration: none !important;}
.ac2 .card-header button:focus {box-shadow: none !important;}
.ac2 .card-body {font-size: 13px !important;}

.nav-tabs {border-bottom: 2px solid #dee2e6 !important;}
.nav-tabs .nav-link {margin-left: 0px !important; margin-right: 15px; border: 2px solid transparent !important; padding:8px 30px 8px 0px !important; }
.nav-tabs .nav-link.active {border-color: #ffffff #ffffff #ed4d37 !important;}


.partner-logobox { border-radius: 6px; background-color: #ffffff; box-shadow: 0px 2px 10px 0px rgba(221, 221, 221, 0.75); display: flex; justify-content: center; align-items: center; padding: 10px 10px; margin-bottom: 15px; cursor: pointer;}
.partner-logobox > img {width: 100%; height: 40px; object-fit: contain; filter: grayscale(100%);  transition: all 0.3s ease-in-out;}
.partner-logobox:hover > img { filter: grayscale(0);  transition: all 0.3s ease-in-out;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #ed4d37 !important;}
.owl-theme .owl-dots .owl-dot.active:focus {outline: none;}

/* formbox */
.formbox {box-shadow: 0px 5px 12px 0px rgb(206 206 206 / 75%); border-radius: 8px; padding:30px 20px; background: #fff; margin-top: 30px;}
.formbox-hding {font-size: 17px; font-weight: 600; padding: 0 0 20px; margin: 0;}
.formbox-hding > span {color: #ed4d37;}
.formbox-title {font-size: 13px; font-weight: 500; display: block;}
.formbox-subtitle {font-size: 18px; font-weight: 500; display: block; margin-bottom: 10px;}
.formbox-field, .form-control.formbox-field {width: 100%; height:auto; text-transform: uppercase;  border: 1px solid #ddd; padding: 10px 15px; border-radius: 4px; font-size: 13px; color: #000;}
.formbox-scroll {max-height: 400px; overflow: auto;}
select.formbox-field[disabled], .formbox-radio[disabled] + label { background: #fafafa; cursor: default; opacity: 1;}
.formbox-radio {display: none;}
.formbox-radio + label {border: 1px solid #ddd; font-size: 13px; text-align: center; border-radius: 4px;  display: block; padding: 10px 15px; cursor: pointer;}
.formbox-radio:checked + label:before {content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 700; width: 25px; height: 25px; position: absolute; right: -10px; top: -10px; border-radius: 50%; background-color: #ed4d37; color: #fff; font-size: 12px; display: flex; justify-content: center; align-items: center; }
.formbox-radio:checked + label {border-color: #ed4d37; background: #f5f8fd;}
.simple-radio {position: relative; top: 2px; cursor: pointer;}
.simple-radio + label {font-size: 13px; margin: 0; cursor: pointer;}
.formbox-radio:checked ~ .form-svg-icon {fill: #ed4d37;}
.form-svg-icon {width: 30px; height: 30px; position: absolute; left: 0px; top:6px; margin-left:20px; }
.form-lbl-pl + label {padding-left: 60px; text-align: left;}
.formbox-button {border-radius: 4px; width: 100%; display: block; margin-top: 20px; padding: 9px 25px; font-size: 14px; color: #fff; line-height: 1.714; background: #ed4d37; border: none; outline: none;}
.formbox-edit-btn {border-radius: 4px; background-color: #424142; text-align: center;  display: block; padding: 5px 15px; font-size: 12px; color: #fff; line-height: 1.714; border: 1px solid transparent; outline: none; margin: 0 5px;}
.formbox-edit-btn:hover {background: #000; color: #fff; text-decoration: none;}
.formbox-list {margin: 0; padding: 0;}
.formbox-list li {list-style: none; margin-bottom: 10px; font-size: 13px; font-weight: 500; display: flex; align-items: center;}
.formbox-list li i { font-size: 14px; color:#ed4d37; }
.formbox-list li a {display: flex; align-items: center; color: #000;}
.formbox-list li .icon {width: 35px; height: 35px; padding: 5px; border-radius: 50%; border: 1px solid #ed4d37; display: flex; align-items: center; justify-content: center; float: left; margin-right: 10px;}
.formbox-list li .icon > img {width: 100%; height: 100%;}
.formbox-list li a:hover {color:#ed4d37; } 
.amtpaid-icon {width: 20px; height: 20px;  font-size: 8px; text-align: center; margin: 0; padding: 0; border-radius: 100%; background-color: #00bb0e; color: #fff; display: inline-flex; align-items: center; justify-content: center; position: relative; top: -3px;}

/* Table */
.table thead tr th, .table tbody tr td {font-size: 14px !important; color: #000; padding: 5px 15px !important;}

/* Journey */
.journey-bg {background: url(../images/banner-bg.png) no-repeat; background-size: cover;}
.chkterms {font-size: 11px; margin-left: 8px; position: relative; top: 3px;}
.small-terms {font-size: 9px;  position: relative;}
.journey-benefits { border-radius: 7px; display: flex; margin-bottom: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 8px 0px rgba(221, 221, 221, 0.75); padding: 10px; height: 82%; align-items: flex-start;}
.journey-benefits-4row {min-height: 160px;}
.benefits-icon {font-size: 18px; color: #ed4d37; margin-right: 10px; line-height: 1.2;  }
.benefits-txt  {margin: 0;padding: 0; font-size: 13px; font-weight: 400; display: flex; align-items: center;}
.journey-prgh {font-size: 16px; font-weight: 400; line-height: 24px;}
.journey-prgh > i {font-size: 13px;}
.benefits-list {margin: 0px; padding: 0; display: flex;  flex-wrap: wrap;}
.benefits-list li {list-style: none; font-size: 11px; margin-right: 10px; margin-bottom: 10px; display: flex; color: #999;}
.benefits-list li .benf-icon {width: 40px; height: 40px; font-size: 22px; border-radius: 4px; color: #4c586a;  background: #deebff; margin-right: 12px; display: flex; align-items: center; justify-content: center; }
.benefits-list li > div > span {font-size: 11px; font-weight: 500; color: #000; display: block;}
.benterm-text {font-size: 10px; line-height: 18px; display: block;}

/* Login */
/*.login-hding {color: #333; font-size: 36px; font-weight: 700; margin: 0; padding-top: 25px; display: block; }*/
.login-modal-area {padding: 30px 40px 20px;}
.login-lft-area {box-shadow: 0 8px 20px rgb(190 213 255 / 50%); background: #fff; border-radius: 3px 0 0 3px;  padding: 30px 50px 20px; }
.login-leftside {box-shadow: 0 8px 20px rgb(190 213 255 / 50%); background:#fff; border-radius: 3px 0 0 3px; padding:49px 50px 80px; height: 100% }
.login-leftside-logo { width: 200px; margin-bottom: 20px; }
.login-logo { width: 200px; margin-bottom: 20px; }
.login-lftac {font-size: 14px; color: #333; font-weight: 400; padding-top: 5px;}
.login-lftac > a {color: #ed4d37; text-decoration: none;}
.login-field {width: 100%; border-radius: 4px; border: 1px solid rgb(221 221 221 / 100%); background: #fff; padding: 10px 15px; font-size: 14px; color: #000; transition: all 0.3s ease-in-out;}
.login-field:focus {outline: none; border-color: #000; transition: all 0.3s ease-in-out;}
.login-btn { color: #fff; border: 1px solid #ed4d37; outline: none; font-weight: 400; text-align: center; background: #ed4d37; font-size: 14px; padding: 8px 25px; border-radius: 4px; line-height: 1.714; margin-top: 15px; margin-bottom: 10px; text-decoration: none;}
.login-btn-outline { color: #000; border: 1px solid #222; outline: none; font-weight: 400; text-align: center; background: #fff; font-size: 14px; padding: 8px 25px; border-radius: 4px; line-height: 1.714; margin-top: 15px; margin-bottom: 10px; text-decoration: none;}
.inputicon-right {position: absolute; right: 15px; color: #dadada;font-size: 14px; margin-top: 11px;}
.login-lbl {font-size: 14px; color: #333; font-weight: 500 !important;}
.rememberme {display: none;}
.rememberme + label {font-size: 14px; font-weight: 300 !important; position: relative; padding-left: 25px; cursor: pointer;}
.rememberme + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; border-radius: 3px; border: 1px solid #999;}
.rememberme:checked + label:before {content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 10px; display: flex; justify-content: center; align-items: center; background: #ed4d37; color: #fff; border: 1px solid #ed4d37;}
.forgotxt {font-size: 14px; font-weight: 400; color: #369; display: block;}
.login-rightside { width: 100%; background-color: #fff;  padding:0px; height: 100%; overflow: hidden; position: absolute;}
.login-right-circlbg {position: absolute; top: -200px; left: -200px; border: 120px solid #ccc; border-radius: 50%; width: 600px; height: 600px; filter: opacity(0.1);}
.login-rightbot-circlbg {position: absolute; bottom: -235px; right: -250px; border: 120px solid #ccc; border-radius: 50%; width: 500px; height: 500px; filter: opacity(0.1);}
.posrel {position: relative;}
.login-ritetxt-area {padding: 0px 0px; }
.login-lr-hding {color: #fff; font-size: 44px; font-weight: 700; padding-top: 0px;}
.login-lr-prgh {font-size: 16px; font-weight: 300; color: #fff; padding-top: 20px;}
.login-box {width: 100% !important;}
.login-bg { display:flex; justify-content: center; align-items: center; height: 100%; background: #fbfbfb; }
.remember + label {font-weight: 400 !important; font-size: 14px;}
.loginbothding { text-align:center; display:block; padding:40px 0 0; font-size:22px; font-weight:700; margin:0;}
.loginbotprgh {text-align:center; display:block; padding:10px; font-size:14px; margin:0;}
.login-copyright {font-size:12px; text-align:center; display:block; background: #fff; position:fixed; bottom:0px; left:0; right:0; padding:10px 0; margin:0;}
.login-copyright > a {color: #ef4816;}
.login-bg {background: #e9ecef;}
.login-header-logo { display: inline-block}
.login-logo-text { color:#000; display: inline-block; }
.logintxt {font-size: 13px; font-weight: 400; color: #000; display: block; text-align: center;}
.login-hding {color: #000; font-size: 18px; font-weight: 600; margin: 0;  display: block;}
.loginbg {background: #f7f7f7;}
.login-img {width: 200px;  object-fit: contain; margin:0 auto 15px; display: block; }
.login-ritimg {width: 100%; height: 100%; object-fit: cover;}
.field-area {margin-bottom: 15px; position: relative;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
}

input[type=number] {
  -moz-appearance: textfield;
}
.login-rite-area {width: 100%; height: 100%; overflow: hidden; position: relative;}
.login-rite-area > .bgimg {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.login-rite-area .login-img {margin: auto; display:table; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0px;}
.iti {display: block !important;}

/* Modal */
.modaldesign .modal-content { border:none; border-radius: 15px; }
.modaldesign .modal-content .modal-body .modal-hding { font-size: 18px; font-weight: 600; color: #000; padding-bottom: 5px; margin: 0; padding-top:50px; }
.modaldesign .modal-content .modal-body .modal-prgh { font-size: 14px; font-weight: 400; color:#999; padding-bottom: 10px; margin: 0; }
.modaldesign .modal-content .modal-body .modal-prgh > span { display: block; font-weight: 500; color:#e04d16; }
.modaldesign .modal-content .modal-body .modal-prgh > a { display: inline-block;  font-weight: 400; color:#ed4d37; text-decoration: none; }
.modaldesign .modal-content .modal-body .modal-hding-lg {font-size: 32px; font-weight: 700; }
.modaldesign .modal-content .modal-body .otp-field { width: 22%; border-radius: 4px; padding: 7px; text-align: center; border:1px solid #ddd; display: inline-flex; margin:0 5px; }
.modaldesign .modal-content .modal-body .submit-btn {font-size: 14px; outline: none; padding: 6px 30px; margin: auto; font-weight: 400; border:2px solid #ed4d37; background: #ed4d37; border-radius:4px; color:#fff; text-align: center; display: table; margin-top: 15px;}
.modaldesign .modal-content .modal-body .submit-btn:hover { background: #fff; color:#ed4d37;  }
.modaldesign .modal-content .modal-body .close { float: right; border: none; outline: none; background: none; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; z-index: 9;}
.terms-modal .modal-content .modal-body { height: 500px; overflow-y: scroll; }
.terms-modal .modal-content  {border-radius: 1px !important; padding-bottom: 0px;}
.terms-modal .modal-content .modal-body .modal-hding {padding-top: 20px !important; padding-bottom: 25px !important;}
.thanks-icon {font-size: 26px; text-align: center; display: block; margin: 15px auto; padding: 0; width: 60px; height: 60px; border-radius: 100%; background-color: #00bb0e; color: #fff; display: flex; align-items: center; justify-content: center;}

.quote-hding {font-size: 18px; font-weight: 500; margin: 0;}
.quote-subtitle  {font-size: 16px; font-weight: 600; display: block; margin-bottom: 10px;}
.quote-area {box-shadow: 0px 5px 12px 0px rgb(206 206 206 / 75%); background: #fff; border-radius: 8px; padding: 20px 10px; margin-bottom: 15px; position: relative;}
.quote-banklogo {width: 90px; }
.quote-banklogo > img {width: 100%; height: 40px; margin-bottom: 5px; object-fit: contain; border:1px solid #ddd; padding:2px; }
.quote-title {min-height: 45px; font-size: 12px; font-weight: 400; color: #999; margin: 0; padding: 0 0 8px;}
.quote-txt {font-size: 11px; font-weight: 500; color: #000;margin: 0; padding: 0;}
.quote-txtlink {font-size: 11px; font-weight: 500; color: #007bff; margin: 0; padding: 0;}
.quote-view-btn, .quote-buy-btn {border-radius: 4px; text-align: center;  display: block; padding: 5px 15px; font-size: 12px; color: #fff; line-height: 1.714; border: 1px solid transparent; outline: none; margin: 0 4px 10px;}
.quote-view-btn {background: #424142;}
.quote-buy-btn { background: #ed4d37;}
.quote-view-btn:hover, .quote-buy-btn:hover {color: #fff; text-decoration: none;}
.quote-view-btn:hover {background: #000;}
.quote-buy-btn:hover {background: #db3721;}
.insurers-img {width: 140px; height: 60px; object-fit: contain;}
hr {margin-top: 0.7rem !important;}



/* Step flow */
.stepflow { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: 15px 0 30px; padding: 0; }
.stepflow li { list-style: none; font-size: 13px; color:#8d8d8d; letter-spacing: 1px; flex-grow: 1; display: flex; justify-content: center; position: relative; padding-bottom: 20px; }
.stepflow li:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin:auto; width:15px; height: 15px;  border-radius: 50%; background: #fff; border: 1px solid #999; }
.stepflow li.active:before {content: '\f00c'; color: #fff; font-size: 7px; display: flex; justify-content: center; align-items: center; background: #ed4d37; padding-left: 2px; padding-top: 2px; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.stepflow li:first-child:after {display: none;}
.stepflow li:after { content: ''; z-index: -1; position: absolute; bottom: 5px; left: -100%; right: 0; margin:auto; width:100%; height: 2px;  background: #ddd; }
.stepflow li.active:after { background: #ea5a24;}
.stepflow li:nth-child(2):after { width: 95% !important; left: -95%; }
.stepflow li:nth-child(3):after { width:103%; left: -105%; }
.stepflow li:nth-child(4):after { width: 100% !important; left: -100% !important; }
.stepflow li:nth-child(5):after { width: 118% !important; left: -118% !important; }

.stepflow-2 { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: 15px 0 30px; padding: 0; }
.stepflow-2 li { list-style: none; font-size: 13px; color:#8d8d8d; letter-spacing: 1px; flex-grow: 1; display: flex; justify-content: center; position: relative; padding-bottom: 20px; }
.stepflow-2 li:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin:auto; width:15px; height: 15px;  border-radius: 50%; background: #fff; border: 1px solid #999; }
.stepflow-2 li.active:before {content: '\f00c'; color: #fff; font-size: 7px; display: flex; justify-content: center; align-items: center; background: #ed4d37; padding-left: 2px; padding-top: 2px; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.stepflow-2 li:first-child:after {display: none;}
.stepflow-2 li:after { content: ''; z-index: -1; position: absolute; bottom: 5px; left: -100%; right: 0; margin:auto; width:100%; height: 2px;  background: #ddd; }
.stepflow-2 li.active:after { background: #ea5a24;}
.stepflow-2 li:nth-child(2):after { width: 97% !important; left: -99%; }
.stepflow-2 li:nth-child(3):after { width:105%; left: -106%; }
.stepflow-2 li:nth-child(4):after { width: 100% !important; left: -100% !important; }
.stepflow-2 li:nth-child(5):after { width: 118% !important; left: -118% !important; }


.stepflow2 { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: 15px 0 30px; padding: 0; }
.stepflow2 li { list-style: none; font-size: 12px; color:#000; letter-spacing: 1px; flex-grow: 1; display: flex; justify-content: center; position: relative; padding-bottom: 50px; }
.stepflow2 li:before { content: ''; position: absolute; top: 0px; left: 0; right: 0; margin:auto; width:35px; height: 35px;  border-radius: 50%; background: #fff;  border: 1px solid #222;}
.stepflow2 li.active:before {content: '\f00c'; color: #fff; font-size: 12px; display: flex; justify-content: center; align-items: center; background: #ed4d37; padding-left: 2px; padding-top: 2px; font-family: 'Font Awesome 5 Free'; font-weight: 900; border-color:transparent; }
.stepflow2 li:first-child:after {display: none;}
.stepflow2 li:after { content: ''; z-index: 1; position: absolute; top: 17px; left: -100%; right: 0; margin:auto; width:100%; height: 2px;  background: #ddd; }
.stepflow2 li.active:after { background: #ea5a24;}
.stepflow2 li > span { position: absolute; top: 45px; text-align: center; }
.stepflow2 li:nth-child(2):after { width: 90% !important; left: -100%; }
.stepflow2 li:nth-child(3):after { width:90%; left: -100%; }
.stepflow2 li:nth-child(4):after { width: 100% !important; left: -100% !important; }
.stepflow2 li:nth-child(5):after { width: 118% !important; left: -118% !important; }

/* Increment and Decrement */
.indec-btn { border: 1px solid #8279fe; font-size: 13px; width: 30px;  padding:10px 0px; background: #fff; text-align: center; font-weight: 600; }
.indec-btn:focus { outline: none; }
.indec-val { border: 1px solid #8279fe; font-size: 13px; width: 50px; background: #8279fe; color: #fff; font-weight: 500; text-align: center; padding: 10px 0px; }

.prodcartbtn { position: relative; display: block; text-align: center; background: #8279fe; color: #fff !important; border-radius: 2px; font-size: 13px; margin-top: 14px; padding: 10px 0px;}
.prodcartbtn i + span {    font-size: 11px; margin: 0 6px 0 0; display: inline-block; background: #fff; color: #8279fe; padding: 0 5px; border-radius: 4px;}
.prodcartbtn:hover { text-decoration: none; }
.flex-grow-1 {flex-grow: 1;}

.nav-tabs.tab-btn {border-bottom: none !important; margin-bottom: 20px;}
.nav-tabs.tab-btn li {margin-bottom: 0px !important;}
.nav-tabs.tab-btn li:not(:last-child) {margin-right:5px !important; }
.nav-tabs.tab-btn li a {padding: 5px 15px !important; font-size: 12px !important; font-weight: 500 !important; margin-right: 0px !important; border: 1px solid #ed4d37 !important; border-radius: 4px !important;}
.nav-tabs.tab-btn li:hover a {color: #ed4d37 !important;}
.nav-tabs.tab-btn li a.active {border-color: transparent !important; background-color: #ed4d37 !important; color: #fff !important;}
.tab-content-detail .tab-pane { font-size:13px !important; }
.nav-tabs-scrollx {width: 100%; display: flex !important; flex-wrap: unset !important; overflow-x: auto; overflow-y: hidden; white-space: nowrap}
.nav-tabs-scrollx::-webkit-scrollbar {
    height: 4px;
}
.nav-tabs-scrollx::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px #ccc;
}
.nav-tabs-scrollx::-webkit-scrollbar-thumb {
  background-color: #000 ;
}
.tcd-list {margin: 0px; padding: 0px; position: relative;}
.tcd-list li {list-style: none; margin-bottom: 15px; display: flex;}
.tcd-list li p {margin: 0; font-size: 13px;}
.tcd-list li span {font-weight: 700; display: block;}
.tcd-list li .check-circle {border: 1px solid #ed4d37; border-radius: 50%; padding: 10px; width: 25px; height: 25px; display: inline-flex; justify-content: center; align-items: center; margin-right: 15px;}

.tcd-list2 li {display: block !important;}
.tcd-innerlist li { position: relative; font-size: 13px; margin: 0; padding: 0px 0 10px 20px;}
.tcd-innerlist li:before {content: ''; position: absolute; left: 0; top: 5px; width: 10px; height: 10px; border: 1px solid #000;}
/* Scrollbar change */
::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);
}
::-webkit-scrollbar-thumb {
  background-color: #db3721 ;
}

.formbox-button + p.text-right {font-size: 13px;}
/* Choose Ans. radio button */
.choose-ans { display: flex; width: 100%; }
.choose-ans > input { display: none; }
.choose-ans > label { width: 100%; cursor: pointer; font-size: 12px;  background-color: #fff; box-shadow: 0px 0px 8px #ccc; border-radius: 6px; padding: 12px 15px 12px 50px; color: #999; position: relative; }
.choose-ans > label:before { content: ''; position: absolute; font-size: 12px; color: #fff; left: 15px; top: 9px; width: 24px; height: 24px; border-radius: 50%; border: 2px solid #999; display: flex; justify-content: center; align-items: center; }
.choose-ans > input:checked + label, .choose-ans:hover  label { background-color: #fff4f3; color: #000; }
.choose-ans > input:checked + label:before, .choose-ans:hover label:before {font-family: 'Font Awesome 5 Free'; content: '\f00c'; font-weight: 900; background-color: #ed4d37; border:2px solid #000;  }

/* My account Page */
.dashboard-bg {background: #f7f7f7; padding-top: 5px;}
.my-account-sidebar { background: #fff; padding:30px 0px; width: 250px; height: 100vh; margin-left: -15px; position: sticky; top:0;  overflow-y: auto; }
.my-account-menu {margin: 0; padding: 0; display: flex; flex-direction: column;}
.my-account-menu > li {list-style: none; margin-bottom: 2px;}
.my-account-menu > li > a {font-size: 14px; font-weight: 300; color: #000; display: flex; align-items: center; padding: 10px 35px; line-height: 1;}
.my-account-menu > li > a > img {width: 28px; height: 28px; object-fit: contain; margin-right: 20px; padding: 2px;}
.my-account-menu > li > a > i {display: flex; justify-content: flex-end; width: 100%;} 
.my-account-menu > li:hover > a, .my-account-menu > li.active > a  {text-decoration: none; color: #ed4d37;}
.sidebar-mobicon {font-size: 18px; color: #999;  padding: 10px 0; display: block; float: right;}
.sidebar-close-mobmenu { display: none; position: absolute; top: 0; right: -51px; cursor: pointer; background: #f30; color: #fff; padding: 10px 20px; }
.my-account-dropdown {display: none; margin: 0px 0 0 0px; padding: 10px 0; background: #f7f7f7;}
.my-account-dropdown > li {list-style: none; margin-bottom: 2px;}
.my-account-dropdown > li > a {font-size: 13px; font-weight: 300; color: #000; display: flex; align-items: center; padding: 8px 35px; line-height: 1.7;}
.my-account-dropdown > li > a > img {width: 28px; height: 28px; object-fit: contain; margin-right: 20px; padding: 2px;}


/* Scrollbar change */
.my-account-sidebar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.my-account-sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.my-account-sidebar::-webkit-scrollbar-thumb {
  background-color: #db3721 ;
}

.dashbord-wrapper {padding: 40px 0;}
.username {font-size: 24px; font-weight: 700; color: #000; margin-bottom: 20px;}
.complete-profile {font-size: 16px; font-weight: 500; margin: 0;}
.user-profile {width: 60px; height: 60px; border-radius: 50%; background: transparent; font-size: 60px; display: inline-flex; justify-content: center; align-items: center;}
.myac-hding {font-size: 18px; font-weight: 500; padding-top: 15px; display: block;}
.myac-seeall {font-size: 14px; text-align: right; padding-top: 15px; display: inline-block; }
.myac-box {background: #ffffff; box-shadow: 0px 0px 12px #ddd; padding: 15px; margin-top: 15px; border-radius: 6px; position: relative;}
.myac-btnmt {margin-top: 36px;}
.myac-outnline-btn {border-radius: 4px; background-color: #fff;  display: block; padding: 5px 15px; font-size: 12px; color: #0056b3; line-height: 1.714; border: 1px solid #369; outline: none; margin: 5px 4px; text-align: center;}
.myac-outnline-btn:hover {text-decoration: none;}
.myac-title {font-size: 13px; font-weight: 600;}
.myac-box-botbg {background: #fff2f1; padding: 5px 10px; border-radius: 0 0 8px 8px; margin-left: -10px; margin-right: -10px;}
.right-top-pos {position: absolute; top: -15px; right: 10px; font-size: 12px; font-weight: 400; margin: 0; padding: 5px 10px; background: #ffffff; color: #ed4d37; border-radius: 4px; box-shadow: 0px 5px 12px 0px rgb(206 206 206 / 75%);}
.myac-boxarea {box-shadow: 0px 5px 12px 0px rgb(206 206 206 / 75%); background: #fff; border-radius: 8px; padding: 20px 10px; margin-top: 15px; margin-bottom: 15px; position: relative;}
.myac-trtxt-mt {margin-top: 35px;}
.myac-breadcrump {margin: 0px; padding: 0; display: flex; flex-wrap: wrap;}
.myac-breadcrump li {list-style: none; font-size: 12px; color: #000; padding: 10px 0; display: block;}
.myac-breadcrump li a {text-decoration: none;}
.myac-breadcrump li i {font-size: 10px; padding: 0 10px;}
.verify-number {position: absolute; right: 10px; top: 11px; font-size: 12px; color: #2ae314;}
.trash {position: absolute; right: -20px; top: 10px; font-size: 14px; color: #f30;}
.trash:hover {color: #f30; text-decoration: none;}
.add-field {font-size: 12px; color: #000; display: flex; margin-bottom: 15px;}
.add-field > i {font-size: 18px; color: #2ae314; margin-right: 5px;}
.add-field:hover {text-decoration: none; color: #000;}
.add-field:hover > i {color: #2ae314;}
[class*="action-"] {font-size: 14px; margin: 0 4px;}
.action-edit {color: #369}
.action-del {color: #f30;}
.failed {color: #f30;}
.failed > i {color: #f30;}
.green-color {color: #2ae314;}

.claim-step {margin: 0; padding:0; display: flex; flex-direction: column;}
.claim-step li {list-style: none; position: relative; padding: 0 0 30px 20px;}
.claim-step li:last-child {padding-bottom: 0px;}
.claim-step li p {font-size: 13px; color: #000; margin: 0;}
.claim-step li p > span {display: block; color: #dfdede; font-size: 12px;}
.claim-step li:before {content: ''; position: absolute; left: 0; top: 5px; width: 8px; height: 8px; background: #ddd; border-radius: 50%;}
.claim-step li.active:before {background: #3de943;}
.claim-step li:not(:last-child):after {content: ''; position: absolute; left: 3px; top: 12px; height: 100%; width: 2px; background: #ddd;}

.imgarea {width: 152px; height: 152px; overflow: hidden; margin-bottom: 5px; background-color: #ededed;}
.imgarea img {width: 100%; height: 100%; object-fit: cover;}
.intro-btn { color: #000; border: 1px solid #ed4d37; outline: none; font-weight: 400; text-align: center; background: #fff; font-size: 13px; padding: 5px 15px; border-radius: 4px; line-height: 1.714; margin: 10px auto 10px; text-decoration: none; display: table; transition: all 0.3s ease-in-out;}
.intro-btn:hover {color: #fff; background: #ed4d37; text-decoration: none;  transition: all 0.3s ease-in-out;}

/* Blog */
.blogarea { width: 100%; height: 415px; background: #f5f5f5; overflow: hidden; position: relative; margin-bottom: 15px; }
.blogarea2 { width: 100%; height: 200px; background: #f5f5f5; overflow: hidden; position: relative; margin-bottom: 15px; }
.blogarea3 { width: 100%;  background: #f5f5f5; overflow: hidden; position: relative; margin-bottom: 15px; }
.blogarea img, .blogarea2 img { width: 100%; height: 100%; object-fit: cover; }
.blog-txtarea { position: absolute; left:0; top:0; width: 100%; height: 100%; background: linear-gradient(1deg, #000, transparent); }
.blog-txtpos {position: absolute; left:30px; bottom: 30px;}
.blog-title { font-size: 18px; line-height: 1.3; font-weight: 600; color:#fff; padding-bottom: 15px;  }
.blog-title2 { font-size: 16px; line-height: 1.3; font-weight: 600; color:#fff; padding-bottom: 15px;  }
.blog-title3 { font-size: 14px; line-height: 1.3; font-weight: 600; color:#000; padding-bottom: 10px; margin:0; }
.blogname { font-size: 13px; background-color: #414041; line-height: 1.4; font-weight: 400; color:#fff; padding: 5px; position: absolute; right:20px; top: 20px;  }
.blogdate { font-size: 14px; line-height: 1.4; font-weight: 400; color:#fff; padding-bottom: 5px; margin:0;  }
.blogdate2 { font-size: 12px; line-height: 1.4; font-weight: 400; color:#000; padding-bottom: 5px; margin:0;  }
.blog-readmore { font-size: 13px; background-color: #ed4d37; font-weight: 400; color: #fff; padding: 4px 20px; border-radius: 3px; display: inline-block; margin:0; }
.blog-readmore:hover { color:#fff; text-decoration: none; }

.myac-rite {margin: 0; padding: 0; display: flex; justify-content: flex-end;}
.myac-rite > li {list-style: none; position: relative;}
.myac-rite > li > a {font-size: 14px; text-align: right; padding-top: 15px; padding-left: 16px; padding-bottom: 8px; display: inline-block; }
.myac-rite > li > .myac-rite-dropdown { width: 170px;  border-radius: 6px;  position: absolute; left: 0; margin: 0; padding: 15px 0; display: none; justify-content: flex-start; flex-direction: column; background: #fff; box-shadow: 0 5px 8px #ddd; z-index: 9;}
.myac-rite > li > .myac-rite-dropdown > li { list-style: none; }
.myac-rite > li > .myac-rite-dropdown > li > a {font-size: 13px; padding: 6px 15px; display:block; color:#000; }
.myac-rite > li:hover > .myac-rite-dropdown {display: flex; }
.myac-rite > li > .myac-rite-dropdown > li > a:hover {color: #ed4d37;}

h1.text-dark, h2.text-dark, h3.text-dark, h4.text-dark, h5.text-dark, h6.text-dark, p.text-dark {color: #000000 !important;}

/* Select Package */
.select-package-field {display: none;}
.select-package {position: relative; cursor: pointer; min-height: 203px;}
.select-package:before { content: ''; position: absolute; width: 25px; height: 25px; border:1px solid #999; border-radius: 50%; top:20px; right:20px; }
.select-package > .box-area-img {width: 70px;}
.select-package-field:checked + .select-package:before {content: '\f00c'; color: #fff; font-size: 13px; font-family: 'Font Awesome 5 Free'; font-weight: 900; background: #57df2b; border-color: #57df2b; display: flex; justify-content: center; align-items: center;}


.hover-2{position: relative; overflow: hidden; transition: all 0.3s ease-in-out; cursor: pointer; }
.hover-2:after {content: ''; position: absolute; background: #ed4d37; right: -45px; bottom: -45px; width: 100px; height: 100px; border-radius: 50px; opacity: 0.04; transition: all 0.3s ease-in-out;}
.hover-2:hover:after {opacity: 0.2; transition: all 0.3s ease-in-out; }
.hover-2:hover {transform: scale(1.05); transition: all 0.3s ease-in-out; }
.hover-2:hover > img {transform: scale(1);}
/* Profile */
.profile-area { background: #fff; min-height: 370px; margin-bottom: 30px; border-radius: 10px; box-shadow:0px 6px 16px 0px rgba(193, 193, 193, 0.35); -webkit-box-shadow:0px 6px 16px 0px rgba(193, 193, 193, 0.35); -o-box-shadow:0px 6px 16px 0px rgba(193, 193, 193, 0.35); -moz-box-shadow:0px 6px 16px 0px rgba(193, 193, 193, 0.35); }
.profile-bgimg { border-radius: 10px 10px 0 0; position: relative; height: 150px;  }
.profile-bgimg > img {border-radius: 10px 10px 0 0; width: 100%; height: 100%;}
.profile-imgarea { border-radius: 50%; background: #ddd; width: 170px; height: 170px; border:4px solid #fff; margin:auto; position: absolute; left: 0; right: 0; bottom: -40%; }
.profile-img { border-radius: 50%; width: 100%; height: 100%; object-fit: cover}
.profile-name { font-size: 18px; font-weight: 700; padding: 15px 0 0; display: block; text-align: center; margin-bottom: 0; margin-top:60px; color:#000;  }
.profile-title { font-size: 14px; font-weight: 400; line-height: 22px; text-align: center; display: block; margin-bottom: 0; padding-bottom: 0 !important; padding-top:5px !important; }
.profile-socialicon  { margin: 20px auto 20px; padding: 0px; display: table;}
.profile-socialicon li { list-style: none; float: left;  margin-right: 10px;}
/*.profile-socialicon li:first-child a {  padding: 5px 12px;}*/
.profile-socialicon li a { display: block; text-decoration: none; color: #333; font-size: 16px; border: 1px solid #333; padding: 5px 10px; border-radius: 50%;}
.profile-socialicon li:hover a { background: #333; color:#fff; }
.followbtn {display: inline-block; text-decoration: none; color: #369; font-size: 15px; font-weight: 600; padding: 6px 20px; margin:15px auto 0; border: 1px solid #369; transition: all ease-in-out 0.3s; }
.followbtn:hover { text-decoration: none; background: #369; color:#fff; transition: all ease-in-out 0.3s; }
.help-btn {border: 1px solid #ddd; padding: 10px 20px; font-size: 14px; display: inline-flex; border-radius: 8px; color:#999; margin-top:15px; margin-right: 5px; }
.help-btn span { display: block; font-size: 16px; font-weight: 600; color:#000; }
.help-btn i {font-size: 22px; margin-right: 15px; margin-top: 5px; color: #ed4d37;}

/* call to action */
.callaction_box {background: #fffbfb; padding: 20px 0; margin: 0px 0 30px; }
.contact_list {margin: 0; border: 1px solid #ccc; background: #fff; padding: 17px 0 43px; }
.contact_list li {list-style: none; float: left; font-weight: 600; font-size: 20px; padding: 0 20px; color: #333; }
.contact_list li span {border: 1px solid #000; margin-right: 15px; padding: 3px 8px; border-radius: 50%; }
.contact_list li a { color:#1f1f1f; }
.contact_list li a:hover { text-decoration: none; }
.contact_list li:first-child span { padding: 3px 10px; }
.contaclist_btn {font-weight: 400; font-size: 16px; padding: 10px 20px; border-radius: 4px; color: #fff; background: #ed4d37; text-align: center; display: block;}
.contaclist_btn:hover { text-decoration: none; color: #fff; }
.cta-hding {font-weight: 600; font-size: 20px; margin: 0px;}
.cta-amt {font-weight: 500; font-size: 14px; margin: 0px;}

/* Contact us */
.contact-area {background: #fff; border-radius: 10px; padding:10px 20px; margin-bottom: 30px; box-shadow: 0 3px 8px rgb(204 204 204 / 50%); display: flex; align-items: center; justify-content: space-between;}
.contact-area-h {background: #fff; border-radius: 10px; min-height: 145px; margin-bottom: 30px; box-shadow: 0 3px 8px rgb(204 204 204 / 50%); padding: 20px; }
.cnt-area {list-style: none; font-size: 13px; margin-right: 10px; display: flex; align-items: center; color: #999;}
.cnt-icon {width: 45px; height: 45px; font-size: 24px; border-radius: 4px;   margin-right: 12px; display: flex; align-items: center; justify-content: center; }
.cnt-txt {font-size: 15px; font-weight: 500; padding-left: 10px; color: #000; display: block;}
.cnt-desc {font-size: 13px; font-weight: 400; display: block;}
.cnt-bg1 { background: #fff9e0; color: #ff991f;}
.cnt-bg2 { background: #edeaff; color: #7968d5;}
.cnt-bg3 { background: #e3fcef; color: #4cc85c;}
.cnt-rite-icon { color: #2c9eff; font-size: 14px; }
.cnt-adr {font-size: 14px; font-weight: 400; padding-left: 10px; color: #000; display: block;}

/* Customer Review */

.cr-area {border-bottom: 1px solid #ddd; padding: 10px 0; margin-bottom: 15px;}
.cr-area:last-of-type {border-bottom: none;}
.cr-img {width: 45px; height: 45px; margin-top: 0px; margin-right: 25px; border-radius: 50%; background: #edeaff; display: flex; align-items: center; justify-content: center; font-size: 14px; text-transform: uppercase; color: #000;}
.cr-img > img {width: 100%; height: 100%; object-fit: contain;}
.cr-hding {font-size: 20px; font-weight: 600; margin: 0; line-height: 1.5;}
.cr-title {font-size: 16px; font-weight: 600; margin: 0; line-height: 1.5;}
.cr-title > span { background: #edeaff; color:#000; padding:3px 6px; font-size: 12px; font-weight: 400;  }
.cr-prgh {font-size: 14px; font-weight: 400; margin: 0;}
.cr-detail  {margin: 0; padding: 6px 0; display: flex; flex-wrap: wrap;}
.cr-detail li {list-style: none; border-right: 1px solid #999; color: #999; font-size: 12px; padding: 0px 5px; display: block; line-height: 1;}
.cr-detail li:first-child {padding-left: 0;}
.cr-detail li:last-child {border-right: none;}
.star-rating  {margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap;}
.star-rating li {list-style: none; font-size: 14px; color: #cbcbcb; margin-right: 5px;}
.star-rating li.hover, .star-rating li.active, .star-rating li.selected {color: #ffc400;}
.select-star li {cursor: pointer;}

.cr-tabbg {background: #f7f7f7; padding: 40px 40px; margin-bottom: 20px; border-radius: 10px; position: sticky; top: 0;}
.cr-tab-list {margin: 0;padding: 0; display: flex; flex-direction: column; }
.cr-tab-list li {list-style: none ;}
.cr-tab-list li a {font-size: 14px; color: #000; font-weight: 400; padding: 10px 0px !important; display: block;}
.cr-tab-list.nav-tabs .nav-link.active {border-color: transparent !important; color: #ed4d37 !important; background-color: transparent !important;}
.cr-rating-bg {background: #fff9e0; padding: 50px; border-radius: 10px; margin: 0px 0px 20px}
.cr-rating-num {font-size: 68px; color: #000; font-weight: 700; text-align: center; display: block; margin: 0;}
.cr-total-rating {color: #cfc498; font-size: 14px; text-align: center; display: block;}
.cr-border-right {border-right: 1px dashed #000; height: 100%; display: flex; align-items: center; justify-content:center;}
.cr-rating-list {margin: 0; padding: 0; display: flex; flex-direction: column;}
.cr-rating-list > li {list-style: none; padding: 10px 0; font-size: 14px; display: block; border-bottom: 1px dashed #cfc498;  }
.cr-rating-list > li > i {width: 15px; font-size: 14px; color: #ed4d37; margin-right: 10px; display: inline-flex; justify-content: center;}
.cr-rating-list > li:last-child {border-bottom: none;}
.cr-thanks-img {width: 100px; margin: 0 auto 20px; display: block;}
.smaller-text {font-size: 11px; color: #999; display: block;}
.select-city-group {margin-bottom: 15px; position: relative; display: flex; flex-wrap: wrap;}
.select-city > input[type="radio"] {display: none;}
.select-city > label {cursor: pointer; padding: 10px 20px; font-size: 13px; color: #000; background: #fff; border: 1px solid #ddd; box-shadow: 0px 3px 6px rgb(196 196 196 / 30%); border-radius: 30px; margin: 0 10px 10px 0;}
.select-city > input[type="radio"]:checked + label {background: #ed4d37; color: #fff;}

/*.select-star-rating  {margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap;}
.select-star-rating li {list-style: none; }
.select-star-rating li > input[type="checkbox"] {display: none;}
.select-star-rating li > input[type="checkbox"] + label {cursor: pointer; font-size: 14px; color: #cbcbcb; margin-right: 5px;}
.select-star-rating li > input[type="checkbox"]:checked ~ label {color: #ffc400;}
.select-star-rating li:nth-child(3n) > input[type="checkbox"]:checked ~ label {color: #ffc400;}*/

/* modal */
.modal .close {width: 40px; height: 40px; position: absolute; right: 20px; border-radius: 50%;  font-weight: 300; display: flex; justify-content: center; align-items: center;}
.modal .close:hover {background: #f7f7f7;}
.modal .close:focus {outline: none;}

.ac.carrer-ac .card-body {padding: 0px 0px !important;}
.career-info {border: 1px solid #d5d5d5; box-shadow: 0px 0px 8px rgb(204 204 204 / 50%); background: #fff; padding: 20px;}
.career-list {margin: 0px 0 20px; padding: 0;}
.career-list li {list-style: none; float: none; margin-top: 10px; padding-left: 35px; position: relative;}
.career-list li:before {content: '\f00c'; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #ed4d37; position: absolute; left: 0; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: flex; justify-content: center; align-items: center; font-size: 10px;}
.refer-btn {position: fixed; z-index: 9; left: -48px; top: 50%; font-size: 13px; padding: 5px 10px; background: #39f; color: #fff; border-radius: 0px 0px 4px 4px; transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg);  }
.refer-btn:hover {text-decoration: none; background:#1f7ddb; color: #fff;}
.about-boxh {height: 420px; }


.gj-datepicker .input-group-addon {display:none !important;}
.alert {font-size:14px;}
.alert-btn-close {background:none; border:none; float:right;}

.thanks-chkicon {width: 60px; height: 60px; border-radius: 50%; border: 2px solid #00bb0e; font-size: 22px; color: #00bb0e; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;}
.btn-disabled { opacity: 0.3;}
.btn-disabled:focus {outline: none;}
.img-notfound {width: 200px; margin: 30px auto 0; display: block;}
.add-membrbtn {border: 1px solid #000; border-radius: 4px; padding: 10px; display: table; margin: auto; }
.add-membrbtn > i {position: relative; top: 2px;}

.last-login {font-size: 10px; font-weight: 400; margin: 0; padding-top: 5px;}
.last-login > span { margin-right: 5px;}

@media only screen and (max-width:420px) {
  .cr-rating-bg {padding:40px 20px;}
  .cr-tabbg {padding:20px 20px 0;}
  .cr-tab-list {padding-bottom: 20px;}
  }
   
 
@media only screen and (max-width:575px) {
  .cr-img {margin-right: 15px;}
  .our-process-box {width: 100%; height: auto; }
  .home-slider .banner-btn {padding: 9px 14px !important; font-size: 12px;}
}  
@media only screen and (max-width:767px) {
	.banner-hding { font-size:26px; padding-top:0px; margin-bottom: 10px;}
  .home-slider .slider-heading, .slider-heading { font-size:26px !important; padding-top:0px; margin-bottom: 10px; }
  .home-slider .banner-prgh {font-size: 14px;}
	.banner-subhding { font-size: 14px; padding-top: 5px; line-height: 20px; margin-bottom: 0; }
	.banner-readmore { font-size: 12px; padding: 3px 10px; margin-top:5px; }
	.wrap-hding {font-size: 22px;}
	.wrap-subhding {font-size:16px; line-height:22px}
	.bannerlist {display: none;}
	.insurers-img {width: 100%;}
	.quote-banklogo {width: 100%; margin-bottom: 10px;}
	.quote-banklogo > img {width: 80px;}
	.quote-title {min-height: auto; padding: 10px 0 4px;}
  .dashbord-wrapper {padding: 15px 0;}
  .login-modal-area {padding: 30px 0px 20px;}
  .modaldesign .modal-content .modal-body .modal-hding {padding-top: 0px;}
  .stepflow li:after, .stepflow-2 li:after {display: none;}
  .cr-border-right {border-right: none;}
  #freepik_stories-insurance {height: 250px; margin: auto; display: table;}
  #freepik_stories-online-doctor {height: 235px; margin: auto; display: table;}
  #freepik_stories-car-driving {width: 295px; margin: auto; display: table;}
}

@media only screen and (max-width:768px) {
	
}

@media only screen and (max-width: 991px) {
  .my-account-sidebar {position: fixed; width: 325px; z-index: 99; left:-365px; }
  .sidebar-close-mobmenu {display: block;}
  .cr-tab-list {display: none;}
  .cr-tab-list {float: none;}
}

@media only screen and (min-width:1400px){
    .home-slider {height:510px; overflow:hidden;}
}


/*WhatsApp CSS*/
.whatsapp-update {display: flex; align-items: center; justify-content: center; font-size: 12px;}
.whatsapp-update > i {margin-right: 7px; position: relative; top: 1px;}
.whatsapp-update > p {margin: 0;}
.whatsapp-update-switch {position: relative; width: 22px; height: 12px; top:5px; left: 5px; cursor: pointer; }
.whatsapp-update-switch > input {width: 0; height: 0; opacity: 0;}
.whatsapp-switch {position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 20px; background: #ccc; transition: .4s;}
.whatsapp-switch:before {content: ''; position: absolute; left: 3px; top: 2px; width: 8px; height: 8px; border-radius: 50%; background: #fff; transition: .4s;}
.whatsapp-update-switch > input:checked + .whatsapp-switch { background: #19e719; transition: .4s; }
.whatsapp-update-switch > input:checked + .whatsapp-switch:before {content: ''; position: absolute; transition: .4s; transform: translateX(8px);} 


/* Brand List */
.brand-list {margin: 0px; padding: 0; display: flex; flex-wrap: wrap;}
.brand-list li {width: 92px; list-style: none; margin-right: 10px; margin-bottom: 10px;}
.brand-list li > .selct-brand {display: none;}
.brand-list li label { border: 1px solid #ddd; border-radius: 4px; padding: 5px; cursor: pointer;} 
.brand-list li label > img {width: 100%; object-fit: contain; filter: grayscale(100%);}
.brand-list li label > span {font-size: 11px; text-align: center; display: block; padding-top: 8px;}
.brand-list li:nth-child(4n) {margin-right: 0px;}
.brand-list li > .selct-brand:checked + label {background: #fff8f7; border-color: #f3dcd9;}
.brand-list li > .selct-brand:checked + label > img {filter: grayscale(0%);}

/* city list */
.city-list {margin: 0px; padding: 0; }
.city-list > li {width: 100%; list-style: none; float: left; margin: 0 0px 10px; display: flex;flex-wrap: wrap;}
.city-list > li > [class*="cl-col-"] {width: 45%; flex-grow: 1; margin: 0px;}
.city-list > li > [class*="cl-col-"]:nth-child(odd) {margin-right: 2.5px;}
.city-list > li > [class*="cl-col-"]:nth-child(even) {margin-left: 2.5px;}
.city-list > li label {border: 1px solid #ddd; height: 100%; font-size: 12px; border-radius: 4px; padding: 8px 15px; text-align: center; display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0;}
.city-list > li .selct-city {display: none;}
.city-list > li .selct-city:checked + label {background: #fff8f7; border-color: #f3dcd9;}
.car-numlist, .car-numlist2 { width: 100%; display: none; flex-wrap: wrap; margin: 10px 0 0; padding: 0; z-index: 9; transition: all 0.3s ease-in-out}
.car-numlist > li, .car-numlist2 > li {list-style: none; float: left; width: 18%; margin-right: 5px; margin-bottom: 5px; }
.car-numlist > li label, .car-numlist2 > li label {border: 1px solid #000; color: #000; font-weight: 600; height: 100%; font-size: 12px; border-radius: 4px; padding: 8px 15px; text-align: center; display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0;}
.car-numlist > li > .selct-city:checked + label, .car-numlist2 > li > .selct-city:checked + label {background: #fb9e91; border-color: #bf6155;}

.city-list > li > span:first-child:has(.selct-city:checked) ~ .car-numlist {
  display: block; 
  animation: car-numlist-effect 0.4s;
}

.city-list > li > span + span:has(.selct-city:checked) ~ .car-numlist2 {
  display: block; 
  animation: car-numlist-effect 0.4s;
}

@keyframes car-numlist-effect {
  0% {opacity: 0%;}
  100% {opacity: 100%;}
}

@media (max-width: 767px) {
  .journey-bg { background: #eef3f8; }
  .brand-list li {width: 86px;}
  .brand-list li:nth-child(4n) {margin-right: 10px;}
}

/* .formbox-field:focus {outline: none;} 
.show-filter-list:focus + .filter-list {display: block;} */
.filter-list {display: none; position: absolute; left: 0; right: 0; top: 42px; min-height: auto; max-height: 250px; overflow-y: auto; background: #fff; z-index: 99; box-shadow: 0px 5px 12px 0px rgb(206 206 206 / 75%); padding: 20px 10px; border-radius: 4px 4px;}
.filter-list ul {margin: 0; padding: 0; display: flex; flex-direction: column;}
.filter-list ul li {list-style: none; color: #000; padding: 5px 10px; display: block; font-size: 13px; cursor: pointer;}
.filter-list ul li a {color: #000;}
.text-gray {color: #999;}
.quote-price {font-size: 14px;}
.quote-title2 {font-size: 14px; margin-bottom: 0;}
.alert-small {padding: 4px 15px !important; font-size: 12px;}

.fw-1 {font-weight: 100;}
.fw-2 {font-weight: 200;}
.fw-3 {font-weight: 300;}
.fw-4 {font-weight: 400;}
.fw-5 {font-weight: 500;}
.fw-6 {font-weight: 600;}
.fw-7 {font-weight: 700;}
.fw-8 {font-weight: 800;}
.fw-9 {font-weight: 900;}
.min-vh-auto {min-height: auto !important;}

/* Parent li active on child input checkbox active */
.modal-body .cnb-pop li:has(> input[type="checkbox"]),
.modal-body .cnb-pop li:has(> input[type="radio"]) {
  padding: 0px;
} 
.modal-body .cnb-pop li:has(> input[type="checkbox"]:checked),
.modal-body .cnb-pop li:has(> input[type="radio"]:checked)  {
  border: solid #1596fe 1px; background: #1596fe; color: #fff;
}
.modal-body .cnb-pop li > label { cursor: pointer; padding:2px 15px; } 

.ul.exp-date li input:focus, .ul.exp-date li input:focus-visible, 
ul.exp-date li select:focus, ul.exp-date li select:focus-visible {outline: none !important; }

.vehicle-img {width: 48px; height: 48px;}
.vehicle-img > img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.proposal-hding-area {background: #fff2f1; padding: 15px 18px; display: block; border-radius: 8px 8px 0 0;}
.proposal-hding {font-size: 16px; font-weight: 600; margin: 0; padding: 0;}
.proposal-steptxt {font-size: 14px; color: #999; margin: 0; padding: 0; text-align: right; display: block;}

.custom-cover {margin-top: 10px;}
.custom-cover > input {position: relative; top: 2px;}

.terms-chkbox {display: flex; align-items: flex-start;}
.terms-chkbox > input[type="checkbox"] { position: relative; top:3px; }
.terms-chkbox > label {top: 0px;}

/* payment-mode-tab */
.payment-mode-tab {margin: 0; padding: 0; border-bottom: none !important; display: flex; flex-direction: column;}
.payment-mode-tab li {list-style: none; margin-bottom: 0px !important; }
.payment-mode-tab li a.nav-link {padding: 20px 30px !important; color: #fff !important; margin-right: 0px !important; border-bottom: 1px solid #fff !important; background-color:#ed4d37; font-size: 14px !important; font-weight: 400 !important; border-radius: 0px !important;}
.payment-mode-tab li:first-child a.nav-link {border-radius: 8px 0 0 0!important;}
.payment-mode-tab li:last-child a.nav-link {border-radius: 0px 0 0 8px!important; border-bottom: none !important; }
.payment-mode-tab li a.nav-link.active {background-color: #fff; color: #ed4d37 !important;}
.payment-mode-tab li a.nav-link > svg {fill: #fff; border-color: #fff;}
.payment-mode-tab li a.nav-link.active > svg {fill: #ed4d37; border-color: #ed4d37;}
.payment-icon {width: 45px; height: 45px; padding: 6px; border: 1px solid #000; border-radius: 50%; margin-right: 15px;}
.payment-mode-content {padding: 35px 20px;}
.change-pm {position: absolute; font-size: 12px; right: 45px; top: 15px;}
.pm-choose {display: none;}
.pm-choose + label {height: 50px; border: 1px solid #ddd; font-size: 13px; border-radius: 4px;  display: flex; align-items: center; padding: 5px 15px; cursor: pointer;}
.pm-choose + label:before {content: ''; width: 25px; height: 25px; border: 1px solid #ccc; position: absolute; right: 10px; top: 12px; border-radius: 50%; background-color: #fff; color: #fff; font-size: 12px; display: flex; justify-content: center; align-items: center; }
.pm-choose:checked + label { font-weight: 700;  border-color: #ed4d37; background: #f5f8fd;}
.pm-choose:checked + label:before {content: '\f00c'; font-family: 'Font Awesome 5 Free'; background: #ed4d37; border-color:#ed4d37; font-size: 10px; }
.pm-choose + label > img {height: 30px; padding: 3px;}
.change-upi-section {display: flex; flex-wrap: wrap; margin: 0px 0 0; padding: 0;}
.change-upi-section li  {width: 100px; height: 50px; list-style: none; border: 1px solid #ccc; padding: 10px; border-radius: 5px; margin-right: 8px; display: flex; align-items: center; justify-content: center;}
.change-upi-section li a {margin-left: 0px !important; padding: 0px !important;}
.change-upi-section li a > img {width: 100%; height: auto;}
.change-upi-section li > input {display: none;}
.change-upi-section li > input + label > img { width: 100%; height: 100%; }

section.journey-bg {
    background: #f7f7f7;
}

.foundcar-icon {width: 24px; height: 24px; padding: 4px; font-size: 12px; border-radius: 50%; border: 1px solid #78c553; color: #78c553; display: flex; align-items: center; justify-content: center;}
.foundcar-text {font-size: 12px; padding-left: 10px; display: inline-block;}
.foundcar-text > span {font-weight: 600; color:#78c553; display: block; }
.foundcar-edit {font-size: 12px;}
.calendar-ht {min-height: 574px;}
.help-block {font-size: 11px;}

#ui-datepicker-div.ui-widget-content {
    width: 400px !important;
    /*border: 1px solid #dddddd !important;*/
    box-shadow: 0px 5px 12px 0px rgb(206 206 206 / 75%);
    padding: 10px;
}


/*Motor CAR Insurance Page 03-Aug-2023*/

.radio-btn {display: none;}
.radio-btn + label { border: 1px solid #000; cursor: pointer; border-radius: 50px; padding: 0 15px 0 15px; font-size: 12px; margin-right: 8px;}
.radio-btn:checked + label {background: #1596fe; color: #fff; }

/*Motor CAR Insurance Page 03-Aug-2023*/

.plan-typsp .options > input {display: none;}
.plan-typsp .options label {width: 100%; cursor: pointer;}
.plan-typsp .options > input:checked + label > .filter-options {color:#1596fe;}

.insure-ul li {margin-bottom: 15px;}
.insure-ul li .insurer {list-style: none; display: flex;/* border: 1px solid #dfe1e6;*/ border-radius: 8px; margin: 0 5px 0 0; height: x; padding: 9px 12px; box-sizing: border-box; align-items: left; gap: 10px; height: auto; } .insure-ul li div.insurer {padding: 0px; position: relative;}
.insure-ul li .insurer > img { margin-left: 40px; position: absolute; }
.insure-ul li .insurer > input[type="radio"] {display: none;}
.insure-ul li .insurer > input[type="radio"] + label { height: auto; width: 100%; cursor: pointer; display: flex; align-items: center; padding-left:40px; position: relative; }
.insure-ul li .insurer:has(input[type="radio"]:checked) {border-color: #ed4d37; }
.insure-ul li .insurer > input[type="radio"] + label:before {content: ''; position: absolute; left: 15px; top: 0; bottom: 0; margin: auto; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #ddd; background: #fff;}
.insure-ul li .insurer > input[type="radio"]:checked + label:before {background:#ed4d37; border-color: #ed4d37;}
.insure-ul li .insurer > input[type="radio"]:checked + label:after {content: ''; position: absolute; left: 20px; top: 0; bottom: 0; margin: auto; width: 8px; height: 8px; border-radius: 50%; background: #fff;}
.insure-ul li .insurer > input[type="radio"]:checked + label {color:#ed4d37; }

.insure-ul li .insurer > input[type="checkbox"] {display: none;}
.insure-ul li .insurer > input[type="checkbox"] + label { height: auto; width: 100%; cursor: pointer; display: flex; align-items: center; padding-left:50px; position: relative; }
.insure-ul li .insurer:has(input[type="checkbox"]:checked) {border-color: #ed4d37; }
.insure-ul li .insurer > input[type="checkbox"] + label:before {content: ''; position: absolute; left: 15px; top: 0; bottom: 0; margin: auto; width: 18px; height: 18px; border-radius: 4px; border: 1px solid #ddd; background: #fff;}
.insure-ul li .insurer > input[type="checkbox"]:checked + label:before {background:#ed4d37; border-color: #ed4d37;}
.insure-ul li .insurer > input[type="checkbox"]:checked + label:before {content: '\f00c'; font-family: 'Font Awesome 5 Free';  font-weight: 900; color:#fff; display: flex; justify-content: center; align-items: center; font-size: 10px; }
.insure-ul li .insurer > input[type="checkbox"]:checked + label {color:#ed4d37; }

.text-overline {font-size: 13px; text-align: center; display: block; margin:15px auto 0; position: relative;}
.text-overline:before {content: ''; position: absolute; left: 0; top: 9px;  width: 100%; height: 1px; background: #dfdada;}
.text-overline > span {background: #fffc; position: relative; z-index: 1; padding: 8px 10px; border:1px solid #dfdada; border-radius: 50%; }

/*@media (min-width: 992px) and (max-width: 1199px){
  .navbar-expand-lg .navbar-nav .nav-link {font-size: 13px; margin-left: 10px;}
}*/
.navbar-expand-lg .navbar-nav .nav-link {}

span[class^="dot-"]{
  opacity: 0;
}
.dot-one{
  animation: dot-one 2s infinite linear
}
.dot-two{
  animation: dot-two 2s infinite linear
}
.dot-three{
  animation: dot-three 2s infinite linear
}
@keyframes dot-one{
  0%{
    opacity: 0;
  }
  15%{
    opacity: 0;
  }
  25%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }
}

@keyframes dot-two{
  0%{
    opacity: 0;
  }
  25%{
    opacity: 0;
  }
  50%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }
}

@keyframes dot-three{
  0%{
    opacity: 0;
  }
  50%{
    opacity: 0;
  }
  75%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }
}



.loading-spinner {
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* policy details modal */
.policy-detail-modal-overlay {display: none; background-color:rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9;}
.modal-right-side { display: none;  position: fixed; background: #fff; right: 0px; top: 0; bottom: 0; width: 600px; height: 100%; margin: 0px !important; z-index: 1050;}
.modal-right-side .close {font-size: 36px; left: -20px; position: absolute; font-weight: 100; color: #fff; opacity: 1; }
.modal-right-side .close:focus {outline: none;}
.modal-right-side .policy-details-header {padding: 20px 20px 0; border-bottom: 1px solid #ddd;}
.modal-right-side .policy-details-body {padding: 20px; overflow-y: auto; height: 78%;}

.policy-detail-box {height: 90%; box-shadow: 0px 5px 12px 0px rgb(206 206 206 / 75%); background: #fff; border-radius: 8px; padding: 20px 10px; margin-top: 0px; margin-bottom: 15px; position: relative; cursor: pointer;}
.policy-detail-box:hover .pd-detail-tooltip {display: block;}
.pd-title {font-size: 12px; text-align: center;}
.pd-detail-tooltip {display: none; position: absolute; left: 0; right: 0; top: 120px; font-size: 11px; padding: 8px 10px; width: 200px; min-height: 70px; background: #000; border-radius: 10px; color: #fff; z-index: 1;}
.pd-detail-tooltip:before {content: ''; position: absolute; left: 15px; top: -5px; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:6px solid #000;  }
.comp-plan-img {width: 30px; margin: auto; display: table;}
.coverage-list {margin: 0; padding: 0;}
.coverage-list li {list-style: none; margin-bottom: 8px; padding: 3px 6px; background: #fff2f1; font-size: 12px; display: flex; position: relative;}
.coverage-list li > i {width: 20px; height: 20px; font-size: 9px; background: #f7f7f7; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #ed4d37; color: #fff; margin-right: 8px;}
.coverage-list li > span.textarea {width: 82%;}
.coverage-list li > span.coverage-list-knowmore {font-size: 11px; text-align: right; position: relative; cursor: pointer;}
.coverage-list li > .coverage-list-knowmore > .know-more-tooltip {display: none; position: absolute; left: -140px; right: 0; top: 25px; font-size: 11px; padding: 8px 10px; width: 200px; min-height: 70px; background: #000; border-radius: 10px; color: #fff; z-index: 1;}
.coverage-list li > .coverage-list-knowmore > .know-more-tooltip:before {content: ''; position: absolute; right: 15px; top: -5px; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:6px solid #000;  }
.coverage-list li > span.coverage-list-knowmore:hover .know-more-tooltip {display: block;}

@media (max-width: 767px) {
  .modal-right-side {width: 100%;}
  .modal-right-side .close {left: inherit; right: 10px; color: #000;}
}


.lead-quote-button {position: relative;  left:0; top:10px; padding:10px 20px 10px 45px; margin:0 50px 30px 20px; background: #ffccbd; color:#000; font-size:12px; border-radius: 4px; }
.lead-quote-button-com {position: absolute; left:-25px; top:-9px; font-size:12px; width:60px; height: 60px; border-radius: 50%; background: #f15e33; color:#fff; display: flex; align-items: center; justify-content: center;}
.lead-quote-button-status {position: absolute; right:-10px; top:-10px; border:1px solid #000; background: #fff; border-radius: 4px; color: #000; padding: 1px 5px; font-size: 10px;}