@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,500;0,700;1,400&display=swap');
html, body{
	overflow-x: hidden;
}
html{scroll-behavior: smooth;}

:root{
    --PrimaryColor: #d00f76;
    --PrimaryBorderColor:#f5bddc;
    --ResultBtnColor: #05309d;
    --ProgressBarLeftColor : #0913bb;
    --ProgressBarRightColor : #d7426e;
}

body{background-color:#fff;font-family: 'Ubuntu', sans-serif; font-size:16px;}

.btn{
	background-color: var(--PrimaryColor) !important;
	color: #fff !important;
	Font-family: Ubuntu !important;
	Font-size: 16px !important;
	font-weight: 700 !important;
	height: 52px !important;
	align-items: center !important;
	text-transform: uppercase;
	line-height: 50px !important;
}

.btn:hover{
	color: #fff !important;


}
.primarycolor{color:var(--PrimaryColor);}

.move-title-kk {
	background-color: #f1f1f8 !important;
	border-radius: 6px !important;
	padding: 10px 10px !important;
}
.btn:hover {
	color: #fff !important;
}
.btn:hover::before {
	opacity: 1 !important;
}
.select-input .form-select-lg {
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 1rem;
	font-size: 1rem;
}

.btn:hover {
	background-image: linear-gradient(to right,var(--PrimaryColor),#fff,var(--PrimaryColor),var(--PrimaryColor)) !important;
	background-position: 100% 0 !important;
	-o-transition: all .4s ease-in-out !important;
	-webkit-transition: all .4s ease-in-out !important;
	transition: all .4s ease-in-out !important;
}
.btn::before {
	position: absolute;
	content: "";
	border-radius: inherit;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	z-index: -1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: 102% 102%;
	opacity: 0;
}
.btn {
	position: relative  !important;
	background-size: 300% 100% !important;
-o-transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
transition: all .4s ease-in-out !important;
padding: 0px 20px !important;
border-radius: 30px !important;
}
.happy-title-k {
	text-align: left;
	line-height: 47px;
}



a,button{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
a{text-decoration:none;color:var(--PrimaryColor) ;}
a:hover{text-decoration:none;outline:0;color:var(--PrimaryColor) ;}
a, img{border:none;outline:none;}
img{max-width:100%;height:auto;display:inline-block;vertical-align:middle;}
label{font-weight:400;}
h1, h2, h3, h4, h5, h6 {font-family: 'Ubuntu', sans-serif;line-height: 1.3;margin: 0 0 20px;color: #000;}
h1{font-size: 48px;line-height: 1.35; font-weight: 700;}
h2{font-size: 40px;line-height: 1.35; font-weight: 600;}
h3{font-size: 22px;font-weight: 600;}
ul, ol{padding-left:18px;list-style: none;}
p{display:block;line-height:26px;margin:0;margin:0 0 20px;font-family: 'Ubuntu', sans-serif;color: #000; font-size:16px;}
p:last-child{margin: 0;}
.btn-custom {cursor: pointer; display:inline-block; font-size:16px; color:#fff;font-family: 'Ubuntu', sans-serif; font-weight:500; padding:0 40px; height: 50px;  outline:none; text-align: center; background: var(--PrimaryColor) ; min-width: 160px; border: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 30px;}
.btn-custom:hover, .btn-custom:focus{ background:var(--PrimaryColor); color:#fff; outline:none;}
.btn-custom img, .btn-custom i{margin-left: 5px; max-width: 20px;}
.btn-custom.icon-first img{margin: 0 10px 0 0;}
.container{max-width:1300px;position:relative;}
.section-space{padding: 80px 0;}
.pad35{padding: 35px;}
.mb-30{margin-bottom: 30px;}
.bg-grey{background: #F7F9FB;}
.form-group{margin-bottom: 25px;}
.form-control {height: 60px;background: transparent;border-radius: 30px;border: 1px solid rgba(0,0,0,0.4);}
select.form-control{height: 60px !important; border-radius: 5px;}
label{font-size: 17px;font-weight: 300;color: #a19b9b;margin-bottom: 2px;}
/* radio button */

.link-button {font-size: 16px; color: var(--PrimaryColor) ;padding: 15px; display: inline-block; font-weight: 500; position: relative;}
.link-button::after{position: absolute; content: ""; width: 45px; height: 45px; background: var(--PrimaryColor) ; opacity: 0.3; left: 0; border-radius: 50%; top: 50%; transform: translateY(-50%); transition: 0.3s ease;}
.link-button:hover::after{opacity: 0.4;}
/* banner css start */

.banner .container {position: absolute;left: 0; right: 0; top: 50px;margin: 0 auto;}
.banner-caption {max-width: 550px;}
.banner-caption p {font-size: 18px;color: #111827;font-weight: 500;line-height: 1.2;  padding: 0;}
.banner{ background-image: url(../../images/insurance/banner.png); background-repeat: no-repeat; height: calc(75vh + 37px); background-position: bottom;  background-size: 100%;}
/* .banner > img {width: 100%;max-height: calc(68vh + 43px);object-fit: cover;min-height: 700px; object-position: bottom;} */
.banner-caption p:last-child {padding: 0;}
.start-comparing {position: relative;margin-top: 30px; margin-bottom: 20px;}
.start-comparing .icon {position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}
.start-comparing .form-control {padding: 0 250px 0 60px;}
.start-comparing .btn-custom{position: absolute !important; top: 50%; right: 5px; transform: translateY(-50%);}
.go-down {position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;bottom: 48px;left: 0;right: 0;max-width: 210px;margin: 0 auto; font-weight: 500;}
.go-down img {margin-top: 15px; cursor: pointer; animation: scrollDown infinite 5s;}
/* banner css end */

/* service start */
.our-service { margin-top: -80px; padding-bottom: 50px; background-image: linear-gradient(180deg, #fbfcff, white);}
.service-item {padding: 40px 20px;  box-shadow: 0px 5px 18px rgba(0, 0, 0, 0.1); border-radius: 10px; background: #fff; text-align: center; position: relative; transition: 0.3s ease all; border-top: 5px solid transparent;}
.service-item img {margin-bottom: 30px; height: 80px;max-width: 120px;}

.service-item .select-item {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.service-item:hover h6 {color: var(--PrimaryColor) ;}
.service-item:hover {border-top: 5px solid var(--PrimaryColor) ;}
.service-item h6 {margin-bottom: 0;}

/* insurance-provider */
.insurance-provider {padding: 50px 0 100px; background-image: url(../../images/insurance/shpae4.png); background-position: left bottom; background-repeat: no-repeat; background-size: 30%;}
.companies {display: flex; flex-wrap: wrap; align-items: center;}
.companies li {width: 16.66%; padding: 2% 4%;}
.insurance-provider .shape1 {position: absolute; top: 50px; right: 50px; animation: move-ud infinite 5s;}

/* as-seen */
.as-seen {padding: 30px 0; background-color: var(--PrimaryColor) ;}
.as-seen h3 {color: #fff; text-align: center;font-size: 26px; margin-bottom: 30px; font-weight: 500;}
.brand-logo {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.brand-logo img {margin: 0 25px;}

.section-title {margin:0 auto 40px; max-width: 800px; }
.section-title h2:last-child{margin-bottom: 0;}
.section-title h2 strong{ color: var(--PrimaryColor) ;}
/* how to save */
.how-to-save .shape1 {position: absolute; left: 0; top: 90px;  animation: move-ud infinite 5s;}
@keyframes move-ud{
	0%{
		transform: translateY(15px)
	}
	50%{
		transform: translateY(50px)
	}
	100%{
		transform: translateY(15px)

	}
}

@keyframes scrollDown{
	0%{
		transform: translateY(0px)
	}
  50% {
      transform: translateY(20px);
  }
	100%{
		transform: translateY(0px)

	}
}
.save-tile {padding: 40px 20px;  box-shadow: 0px 5px 18px rgba(0, 0, 0, 0.1); border-radius: 10px; background: #fff; text-align: center; position: relative; transition: 0.3s ease-in-out all; height: calc(100% - 15px); margin-bottom: 15px;}
.save-tile .icon {width: 130px; height: 130px; display: flex; align-items: center; transition: 0.3s ease-in-out all; justify-content: center; background: #EDF0FF; border-radius: 50%; margin:0 auto 30px; ;}
.save-tile .icon img {width: 70px;}
.save-tile p {color: #000;}
.save-tile:hover {background-color: #EDF0FF;}
.save-tile:hover .icon {background-color: #fff;}
.article-tile {padding: 30px 20px;  box-shadow: 0px 5px 18px rgba(0, 0, 0, 0.1); border-radius: 10px; background: #fff; position: relative; transition: 0.3s ease all; height: calc(100% - 30px); display: flex; margin-bottom: 30px;}
.article-tile h3 {margin-bottom: 15px;}
.article-tile .icon {flex: 0 0 50px; margin-right: 20px;}
.article-tile p {color: #000;}
.article-tile .select-item {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.read-more img{margin-left: 5px; transition: 0.3s ease all;}
.read-more:hover img{margin-left: 10px;}
.article-content {display: flex;flex-direction: column}
.article-content .read-more {margin-top: auto;}
.articleSection .shape1 {position: absolute; left: 48%; top: 33%; transform: translateY(-50%) translateX(-50%); animation: move-ud infinite 5s;}
/* testimonial css start */
.testimonial.section-space{padding: 65px 0;}
.testimonial-text h2 {font-size: 32px;}
.testimonial-text .subtitle{font-size: 16px;font-weight: 700;color:var(--PrimaryColor)  ;margin-bottom: 10px; display: block;}
.testimonial-text i {color: #FFC107; margin-right: 5px;}
.testimonial .inner {padding: 30px;box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);border-radius: 10px;background: #fff;margin: 15px;position: relative;    min-height: 390px; display: flex;
    flex-direction: column;}
.testimonial .inner::after {content: "";position: absolute;background-image: url(../../images/insurance/quote.png);background-repeat: no-repeat;width: 100px;height: 100px;top: 20px;right: -6px;}
.testimonial .inner img {border-radius: 50%;width: 100px;height: 100px;}
.testimonial .inner .star-list {margin: 20px 0px;}
.testimonial .inner .star-list .fa {     color: #fdc408;font-size: 14px;letter-spacing: 2.5px;}
.testimonial .inner h5{margin: 0px;font-size: 16px;font-weight: 700; margin-top: auto;}
.testimonial .shape1 {position: absolute; left: -15px; top: 15px; animation: move-ud infinite 5s; }


/* stepper */
.getDetails {background-color: #F5F5F5; min-height: 100vh;}
.stepper {padding: 50px 0;background: var(--PrimaryColor);}
.stepper .stepperItem {display: flex;justify-content: space-between;padding: 0;margin:  0 0 20px;}
.stepper .stepperItem li {color: #fff;display: flex;flex-direction: column;align-items: center; font-size: 14px; flex: 1;}
.stepper .stepperItem li.active {color: #fff;}
.stepper .stepperItem li.active img { filter: brightness(0) invert(1); opacity: 1;}
.stepper .stepperItem li img {height: 35px;margin-bottom: 10px; filter: brightness(0) invert(1); opacity: 0.5;}
.stepper .container {max-width: 630px;}
.progress {height: 10px; padding: 3px 6px}
.progress-bar {border-radius: 5px; background: var(--PrimaryColor);}
.fromSection {padding: 60px 0;}
.fromSection .container {max-width: 630px;}
.formCard {padding: 20px 50px; border-radius: 10px;box-shadow: 0px 5px 18px rgb(0 0 0 / 10%); background-color: #fff;}
.formCard .title { font-size: 2.0rem; margin-bottom: 30px;text-align: left;}
.formFloatSection ul {padding-left: 0;}
.actionContainer {margin-top: 60px;}
.add-q {font-size: 12px;}
.actionContainer a, .add-q a {text-decoration: underline; color: #666;}
.actionContainer a:hover, .add-q a:hover {text-decoration: none;}
.actionContainer .move {margin-top: 15px;}
.actionContainer .btn-custom {min-width: 250px;background: var(--PrimaryColor);}
.actionContainer .btn-custom:hover {background:var(--PrimaryColor)}
.radio-group {display: flex;flex-wrap: wrap;font-weight: 600;margin-left: -6px;margin-right: -6px; }.radio-group > div[class*="col-"], .radio-group > div {padding-left: 6px;padding-right: 6px; }.radio-group .radio-outlined {padding: 0 6px; }
.radio-group .radio-outlined input[type="radio"] + label, .radio-group .radio-outlined input[type="checkbox"] + label {margin: 0;border: 1px solid var(--PrimaryBorderColor);color: #4B5266;background: transparent;line-height: 40px;padding: 0 16px;min-width: 70px;text-align: center;border-radius: 8px;cursor: pointer;font-size: 14px; }
.radio-group .radio-outlined input[type="radio"] + label:hover, .radio-group .radio-outlined input[type="checkbox"] + label:hover{ border: 1px solid var(--PrimaryColor) !important;color: var(--PrimaryColor) !important;}
.mw-120{min-width: 120px !important;}
.show-more-btn-1{min-width: 110px !important;font-size: 14px !important;padding: 0px 10px !important;}
.radio-group .radio-outlined input[type="radio"]:checked + label, .radio-group .radio-outlined input[type="checkbox"]:checked + label {border: 1px solid var(--PrimaryColor);background: var(--PrimaryColor); color: #fff !important; }
.radio-group .radio-outlined input[type="radio"]:checked + label:hover, .radio-group .radio-outlined input[type="checkbox"]:checked + label:hover{color: #fff !important;}
.question-ans {margin-bottom: 30px;}
.question-ans .question {font-size: 16px;font-weight: 500;color: #000;display: flex; }
.question-ans .question .counter {margin-right: 4px; }
.question-ans .ans-block {padding-left: 12px; }
.question-ans .ans-block .form-control {max-width: 290px; }
.question-ans .radio-group {margin-left: 12px;max-width: 600px;margin: -6px; margin-top: 15px; }
.question-ans .radio-group .radio-outlined {padding: 6px; }
.question-ans .radio-group .radio-outlined input[type="radio"] + label {line-height: 21px;padding: 8px 16px; }
.additionBlock {padding-top: 30px;}
.additionBlock p {font-size: 13px; line-height: 1.2;}
.error-msg {width: 100%; font-size: 12px; color: #b92a2a;}
.question-ans .radio-group .radio-outlined input[type="radio"] + label.icon-input {min-width: 100px;}
.radio-group .radio-outlined input[type="radio"]:checked + label img { filter: brightness(0) invert(1); }
.radio-group .radio-outlined input[type="radio"] + label img{height: 35px;margin-top: 5px;margin-bottom: 10px; filter: brightness(0);}
.miles-group {display: flex; margin-top: 15px; align-items: center;}
.miles-group .form-control {height: 50px; width: 120px; text-align: right; border-radius: 5px; border-color: var(--PrimaryColor);}
.question-ans .form-control {height: 50px;  border-radius: 5px; border-color: var(--PrimaryColor);}
.question-ans .form-group label {font-size: 14px; color: #666;}
.mainLabel {margin-bottom: 15px;}
.miles-group label {font-size: 14px; color: #000; margin-left: 10px;}
.add-another.btn-custom {background: rgb(243 197 76 / 20%);border: 1px dashed var(--PrimaryColor);color: #000;text-decoration: none;}
.orText span{padding: 2px 15px; border-radius: 4px; background: #e7e7e7; display: inline-block; font-size: 14px;}
.help {width: 20px; margin-left: 15px;}
.add-another.add-another-sm.btn-custom.icon-first {font-size: 14px;padding: 0 10px;height: 42px;}
.search-group{display: flex; margin-top: 15px; align-items: center; justify-content: space-between;}
.serch-input {width: 80%; position: relative;}
.serch-input i {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); color: var(--PrimaryColor);}
.search-group .form-control {font-size: 14px; padding-left: 50px;}
.search-group button {border: 0; border-radius: 50%;font-size: 14px; color: #d1d1d1; font-weight: 600; cursor: pointer;}
.search-group.search-full .serch-input {width: 100%;}
.search-group.search-full .serch-input .form-control {padding-right: 50px;}
.search-group.search-full button {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.fromSection .row {margin: 0 -5px;}
.fromSection div[class*="col-"]{padding: 0 5px;}

.question-ans  .form-group select.form-control{height: 42px !important;}

.article-tile .icon img {width: 50px;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.show-more-list {
	overflow: hidden;
	max-height: 10.5em;
}

.show-less-list {
	max-height: 100% !important;
}

.show-more-list--heading {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.428;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
	text-align:left;
}

.show-more-list__btn {
	text-decoration: none;
	color: var(--PrimaryColor) !important;
	cursor: pointer;
}

.show-more-list ul{padding-left:0px;}



.fromSection .progress-outer{
    padding: 0 29px 0px 0px;
}

.fromSection .progress{
    position: absolute;
    top: -25px;
    left:0;
    overflow: initial;
    width: 100%;
    background: #d1d2d3;
    padding: 0;
}

.fromSection .progress i{
    font-size: 2rem;
    position: absolute;
    color: var(--PrimaryColor);
    top: -12px;
    right: -29px;
}
.fromSection .progress-bar{
    position: relative;
    overflow: initial;
    background: linear-gradient(90deg, var(--ProgressBarLeftColor) 0%, var(--ProgressBarRightColor) 100%) !important;
}


.kk-autoload-popup .modal-content{
	border-radius: 10px;
	border:0;
}
.kk-autoload-popup .modal-header{
	background: var(--PrimaryColor);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 10px 10px 0 0;
}
.kk-autoload-popup .form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background: #F2F3F5;
  border: 1px solid rgba(31, 40, 62, 0.1);
  border-radius: 4px;
  height: 48px;
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #393938;
}

.kk-autoload-popup .subscribe-email{
  text-align: left;
  max-width: 60%;
  margin: 0 auto;
}
.kk-autoload-popup .btn{
	background: var(--PrimaryColor);
	border-color: var(--PrimaryColor);
	border-radius: 4px;
	padding: 14px 30px;
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #FFFFFF !important;
}
.kk-autoload-popup .modal-body{
	padding:30px;
	border-radius: 0 0 10px 10px;
}
@media(max-width:767px){
	.kk-autoload-popup .subscribe-email{
		max-width: 100%;
	}

	.kk-autoload-popup {
		max-width: 90%;
	}
	.kk-autoload-popup .modal-body{
		padding: 20px;
	}
	.kk-autoload-popup img, .kk-autoload-popup svg {
	  max-width: 80%;
	  margin: 0 auto;
	}
	.kk-autoload-popup .heder-pop-banner{
		text-align: center;
	}

    .kk-mobile-header{
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
    }
    .getDetails .stepper{
        position: fixed;
        top: 4rem;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    .fromSection {
        position: relative;
        margin-top: 11rem;
    }

    .fromSection .progress-outer{
        background: #fff;
        position: fixed;
        top: 9rem;
        z-index: 1;
        width: 100%;
        height: 36px;
        left: 0;
        padding: 10px 42px 10px 14px;
    }

    .fromSection .progress-outer .progress{
        top: 4px;
    }

    .searching-results-left{
        height: auto;
        padding: 30px 15px !important;
        margin-left: 0px !important;
        border-radius: 8px;
        background: #f4f2f4;
        float: left;
        margin-bottom: 30px; 
    }
}




/* form counter */
.form-counter{
    user-select: none;
    display: flex;
    align-items: center;
    margin-left: 1.6rem;
}
.form-counter .form-counter-btn{
    width: 28px;
    height: 28px;
    background: #f2f2f2;
    border-radius: 28px;
    padding: 8px 5px 8px 5px;
    border: 1px solid #ddd;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.form-counter input{
    height: 34px;
    width: 44px;
    text-align: center;
    font-size: 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}

.incidentDetailGroupItemRemoveOuter{
    align-items: start;
    display: inline-flex;
    justify-content: end;
}


body{
    font-family: 'DM Sans', sans-serif;
}
.container {
    max-width: 1320px;
}
a{
    text-decoration: none;
}
.bg-cecnter{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pink-text{
    color: var(--PrimaryColor) !important;
}
ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.quotes-edit-section {
    width: 100%;
    max-width: 500px;
    margin: 40px auto 30px auto;
    display: flex;
    border: solid 1px #ccc9c9;
    border-radius: 20px;
}
.quotes-edit-section .single-quote {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 6px 12px;
    align-items: center;
}
.quotes-edit-section .single-quote:not(:last-child){
    border-right: solid 1px #ccc9c9;
}
.quotes-edit-section .single-quote:first-child{
    flex: 0 0 170px;
}
.single-quote-edit-btn .btn-link {
    padding: 5px;
}
.single-quote-edit-btn button img {
    max-width: 20px;
    max-height: 20px;
}
.single-quote-content h4{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
}
.single-quote-content h6{
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
}
.single-quote-content a{
    font-size: 13px;
    font-weight: 500;
    color: #0d6efd;
}
.main-title{
    margin-bottom: 30px;
}
.main-title h2{
    font-size: 22px;
    font-weight: 600;
}
.main-title{
    font-size: 16px;
    font-weight: 400;
}

.searching-results-section{
    width: 100%;
    /* display: flex;
    gap: 30px; */
}

.searching-results-left{
    width: calc(100% - 775px);
    height: auto;
    margin-left: 390px;
    padding: 30px 30px;
    border-radius: 8px;
    background: #f4f2f4;
    float: left;
    margin-bottom: 30px;
}

/* .searching-results-left{
    width: 100%;
    height: auto;
    padding: 40px 20px;
    border-radius: 8px;
    background: #f4f2f4;
} */

.single-search-result {
    width: 100%;
    background: #fff;
    border: solid 1px #ccc9c9;
    border-radius: 4px;
    position: relative;
    padding: 30px 25px;
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.single-search-result:not(:last-child) {
    margin-bottom: 20px;
}
.searching-results-left h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}
.search-brand-content{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.single-search-result .search-brand-logo img {
    max-width: 150px;
    max-height: 45px;
}
.single-search-result .search-brand-logo .noAd {
    width: 120px;
}
.single-search-result .search-brand-info {
    display: flex;
    align-items: center;
    gap: 30px;
}
.single-search-result .search-brand-info .price {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
.single-search-result .search-brand-info .price sub {
    font-size: 16px;
    font-weight: 400;
    color: #a9a5a5;
}
.single-search-result.best-deal-part{
    padding-top: 50px;
}
.best-deal-lable {
    position: absolute;
    left: 0;
    top: -5px;
    background: var(--PrimaryColor);
    padding: 5px 25px 5px 10px;
    color: #fff;
    font-size: 12px;
    border-radius: 4px 4px 4px 0px;
    clip-path: polygon(100% 0, 100% 0, 84% 47%, 100% 98%, 25% 100%, 0 100%, 0 0);
}

.search-brand-btns{
    flex: 0 0 250px;
}

.search-brand-btns .btn-primary{
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #fff !important;
    background: var(--ResultBtnColor);
    border: none;
    transition: all 0.3s;
}
.search-brand-btns .btn-primary:hover{
    background: var(--PrimaryColor);
}
.search-brand-btns .btn-ads{
    background: #0C9D9A;
}
.search-brand-btns .btn-ads:hover{
    background: var(--PrimaryColor);
}
.insta-offer{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
}
.insta-offer img{
    max-width: 20px;
    max-height: 20px;
}
.lower-coverage{
    font-size: 14px;
    font-weight: 500;
}
.lower-coverage:hover{
    color: var(--ResultBtnColor);
}


/* .searching-results-right {
    flex: 0 0 400px;
    border: solid 1px #9b9ca4;
    border-radius: 10px;
} */
.searching-results-right {
    width: 100%;
    max-width: 400px;
    border: solid 1px #9b9ca4;
    float: right;
    margin-bottom: 30px;
}
.change-quote-title {
    background: var(--ResultBtnColor);
    font-size: 16px;
    font-weight: 700;
    /* text-align: center; */
    color: rgb(255, 255, 255);
    padding: 12px 20px;
    text-transform: uppercase;
}
.membership-plan-list{
    padding: 20px;
}
.membership-plan-list .btn-group {
    width: 100%;
    flex-direction: column;
    gap: 10px;
}
.membership-plan-list .btn-group .btn-check+.btn-outline-primary{
    border-color: #ccc9c9 !important;
    border: 1px solid #ccc9c9;
    background-color: transparent;
    border-radius: 8px !important;
    box-shadow: none;
}
.membership-plan-list .btn-group .btn-check:checked+.btn-outline-primary{
    background: var(--PrimaryColor) !important;
}
.membership-plan-list .btn-group label{
    text-align: start;
    padding: 10px 10px 10px 70px;
    border-radius: 8px!important;
}
.membership-plan-list .btn-group label:before {
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    content: "";
    left: 30px;
    border-radius: 20px;
    top: 50%;
    transform: translateY(-50%);
    border: solid 2px #8c8c8c;
}

.membership-plan-list .btn-group .plan-price {
    font-size: 16px;
    font-weight: 800;
    color: #000;
}
.membership-plan-list .btn-group p {
    margin-bottom: 0;
    font-size: 12px;
    color: #7b7070;
}
.membership-plan-list .btn-group .btn-check:checked+.btn-outline-primary .plan-price,
.membership-plan-list .btn-group .btn-check:checked+.btn-outline-primary p{
    color: #fff;
}
.membership-plan-list .btn-group .btn-check:checked+.btn-outline-primary:before{
    border-color: var(--PrimaryColor);
}
.custom-protection-btn{
    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 800;
    color: #000;
    background: #fff;
    border-radius: 8px;
    border: solid 1px #9b9ca4;
    transition: all 0.3s;
}
.custom-protection-btn:hover{
    color: #fff;
    background: var(--PrimaryColor);
    border-color: var(--PrimaryColor);
}

.membership-plan-list .terms {
    font-size: 14px;
    margin-top: 20px;
    display: inline-block;
    font-weight: 500;
    color: #7b7070;
    margin-bottom: 0px;
}
.edit-coverage-btn,.update-coverage-btn{
    width: auto;
    min-height: 50px;
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 800;
    color: #000;
    background: #fff;
    border-radius: 8px;
    border: solid 1px #9b9ca4;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    transition: all 0.3s;
}
.edit-coverage-btn:hover:hover{
    color: #fff !important;
    background: var(--PrimaryColor);
    border-color:var(--PrimaryColor);
}
.edit-coverage-btn svg,.update-coverage-btn svg{
    max-width: 18px;
    max-height: 18px;
}
.update-coverage-btn{
    color: #fff !important;
    background: var(--PrimaryColor) ;
    border-color:var(--PrimaryColor);
}

.update-coverage-btn:hover{
    color: #fff !important;
    background:var(--ResultBtnColor);
    border-color:var(--ResultBtnColor);
}

.edit-plan {
    width: 100%;
    height: auto;
    text-align: start;
    padding: 10px 15px;
    border-radius: 8px!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: solid 1px #ccc9c9;
}
.edit-plan .plan-info .plan-price {
    font-size: 16px;
}
.edit-plan .plan-info p {
    margin-bottom: 0;
    font-size: 12px;
    color: #7b7070;
}
.edit-plan-btn {
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 5px;
}
.edit-plan-btn img {
    max-width: 20px;
    max-height: 20px;
}


.liablity-coverage-section {
    width: 100%;
    padding: 20px;
    background: #f8fdfe;
}
.liablity-coverage-section:last-child{
    border-radius: 0 0 8px 8px;
}
.single-liabilty {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.liabilty-title{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.single-liabilty .liabilty-price {
    flex: 0 0 140px;
    padding:2px 0px 2px 20px;
    border-left: solid 1px #ccc9c9;
    font-weight: 600;
}
.liabilty-price .form-select {
    font-size: 14px;
    font-weight: 700;
    border: none;
    padding: 0px;
    box-shadow: none;
    background-size: 10px 10px;
    background-position: right 0.15rem center;
    cursor: pointer;
}
.line-break{
    width: calc(100% + 40px);
    left: -20px;
    height: 1px;
    background: #ccc9c9;
    margin: 20px 0px;
    position: relative;
}



/*========== Modal Css ===========*/

.quotes-modal .modal-dialog {
    width: 100%;
    max-width: 1024px;
    padding: 10px;
}
.quotes-modal .modal-header{
    padding: 25px;
}
.quotes-modal .modal-title{
    font-size: 20px;
    font-weight: 700;
}
.quotes-modal .modal-body {
    padding: 15px 25px 25px 25px;
}

.about-plan {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.plan-logo img {
    max-width: 150px;
    max-height: 50px;
}
.plan-price {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
.plan-price sub {
    font-size: 16px;
    font-weight: 400;
    color: #a9a5a5;
}

.plan-features{
    width: 100%;
    height: auto;
}
.single-feature{
    width: 100%;
    padding: 3px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.feature-title{
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
.feature-price{
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
.plans-btns{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 20px;
}
.plans-btns a{
    width: 100%;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px !important;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
}
.buy-online-btn{
    color: #fff !important;
    background: var(--ResultBtnColor);
    transition: all 0.3s;
}
.buy-online-btn:hover{
    color: #fff !important;
    background: #032579;
}
.call-agent-btn{
    color: #fff !important;
    background: #FDB81D !important;
    transition: all 0.3s;
}
.call-agent-btn:hover{
    color: #fff !important;
    background: #FED883 !important;
}

ul.features-list {
    padding-top: 30px;
}
ul.features-list li {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
}
ul.features-list li img {
    max-width: 15px;
    max-height: 15px;
    margin-top: 5px;
}
.cadilac-section{
    width: 100%;
    height: auto;
    padding-top: 30px;
    margin-top: 30px;
    border-top: solid 1px #ccc9c9;
}
.cadilac-section h3{
    font-size: 18px;
    font-weight: 700;
    color: #0e1e7f;
}
.modal-content {
    border-radius: 15px;
    border: none;
}

.btn-group-vertical>.btn, .btn-group>.btn-outline-primary {
    position: relative;
    flex: 1 1 auto;
}
.call-cta-btn{margin-left: 15px;font-size: 16px !important;font-weight: 300 !important;}
.call-cta-btn:focus {
    border-radius: .25rem;
    box-shadow: 0 0 0 4px currentColor;
    outline: none;
}