body,
html {
	margin: 0;
	padding: 0;
	font-family: 'RykerText';
	font-weight: 300;
	font-size: 14px;
	background: #fff;
	scroll-behavior: smooth;
	line-height: 26px;
	width: 100%;
	overflow-x: hidden;
	color: #00594C;
}

/* @font-face {
	font-family: "'RykerText'";
	src: url('/inc/fonts/'RykerText'-Bold.otf');
  } */

@font-face {
	font-family: 'RykerText';
	src: url('/inc/fonts/RykerText-Bold.otf');
}

.tab-padding h2 {
	margin-bottom: 70px;
}

.qquote-address {
	width: 100% !important
}

.qq-tab1 {
	margin: 0% 0% 0% 0% !important;
	padding: 0% !important;
}
.radio-wrapper{
	margin: 0!important;
}
.radio-wrapper  input[type='radio']{
	float: left;
	clear: none;
	color:#00594C;
	margin: -5px 5px;
    vertical-align: middle;
}
 .radio-wrapper label{
	float: left;
	clear: none;
}

#quote-amount-wrapper {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #00594C;
	border-radius: 25px;
	/* border-radius: 15px;
	border: 2px solid var(--Qikio-Deep-Green, #00594C); */
}

::placeholder {
	color: #7A7A7A;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 105%; /* 16.8px */
}
.form-group label.tab6-excess{
	color: var(--Qikio-Deep-Green, #00594C);
	font-size: 30px;
	margin-bottom: 20px;
}
.form-group label.excess-amt{
	color: var(--Qikio-Deep-Green, #00594C)!important;
	font-family: "Ryker Text";
	font-size: 23px;
}
form.insurance p.excess-details,form.insurance p.excess-details a{
	max-width:80ch; 
	margin-inline:auto;
	padding-top:10px;
	font-size:17px
}
#policy-tab6{
	display: flex;
    margin: 40px auto 30px auto;
    /* width: 55%; */
}
#policy-tab6 label{
	line-height: 50px;
	margin-left: 11%;
}
.tab-padding  .fail .ohno{
	color: var(--Qikio-Green, #2CC84D)!important;
	text-align: center!important;
	/* H2 */
	font-family: "Ryker Text";
	font-size: 41px!important;
	font-style: normal;
	font-weight: 700;
	line-height: 105%; /* 43.05px */
	}
	form.insurance .tab8-summary-white-box p , 
	form.insurance   .tab8-summary-white-box  dt,
	form.insurance  .tab8-summary-white-box a{
		color: var(--Qikio-Grey, #7A7A7A);
		text-align: center;
		/* Body */
		font-family: Poppins;
		font-size: 17px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%; 
	
	  }
	  .tab8-summary-white-box a{
		color: var(--Qikio-Green, #2CC84D)!important;
		font-size: 17px!important;
		padding:5px;
		display: inline-block;
	  }
	  .tab8-summary-white-box span{
		display: inline-block;
	  }
	  .tab8-summary-white-box span ,   .tab8-summary-white-box  dd{
		color: var(--Qikio-Deep-Green, #00594C);
		/* Body */
		font-family: Poppins;
		font-size: 17px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
	  }
	  .tab8-summary-white-box div.resultAddress,.summary .tab8-summary-white-box dd{
	  	border-bottom: 2px solid #F7F4E7!important;
	  }
	  form.insurance .tab8-summary-white-box a.btn-secondary{
	  	border-radius: 71.818px;
		border: 2px solid var(--Qikio-Deep-Green, #00594C);
		color: var(--Qikio-Deep-Green, #00594C)!important;
		text-align: center;
		/* Button Text */
		font-family: "Ryker Text";
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 30px;
		display: inline-block; 
	}
	form.insurance .summary .tab8-summary-white-box .edit{
		text-align: center;
		margin:auto;
		width:auto
	}

.qquote-tab1-heading {
	padding: 5% 0 2% 0 !important;
	margin: 0 !important
}

.tab-no-padding {
	margin: 0% 5% 0% 5%;
	padding: 0% 10% 0 10%;
}

#quick-quote-header h1 {
	background: var(--Qikio-Deep-Green, #00594C);
	color: #FFFFFF;
	padding-left: 5px;
	margin: 0;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	color: var(--Qikio-White, #FFF);
	text-align: center;
	/* H3 */
	font-family: "Ryker Text";
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 60px;
    height: 60px;
	padding:0
}
.priceHeading{
	padding: 50px;
}
#tab10 .tab-padding{
	margin: 0% 10% 0% 10%;
    padding: 3% 0% 0 0;
}
.tab8-summary-white-box{
	border-radius: 15px;
    background: var(--Qikio-White, #FFF);
	margin: 15px;;
}
.tab8-summary-white-box .center {
	margin: auto;
	width: 95%;
	padding: 10px;
  }
  .tab8-summary-white-box h6,   .tab8-summary-white-box  div.resultAddress,
  .center  dd, .center   dt, .center  dl
  , .tab8-summary-white-box span
  {
	text-align: center!important;
  }
  .tab8-summary-white-box span.tab8-summary-white-box dd, .tab8-summary-white-box  dt, .tab8-summary-white-box  dl{
  color: var(--Qikio-Grey, #7A7A7A);
	text-align: center;
	/* Body */
	font-family: Poppins;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
  }
  .tab8-summary-white-box dt{
	position: static!important;
	margin-top: 15px !important;
  }
  
.insurance .home-cover, .quick-quote .home-cover{
	margin-top: -15px;;
}

#quick-quote-amount {
	padding-left: 20px;
	padding-right: 20px;
}

#quick-quote-amount span,
#quick-quote-amount small {
	color: var(--Qikio-Deep-Green, #00594C);
	text-align: center;
	/* H2 */
	font-family: "Ryker Text";
	font-size: 41px;
	font-style: normal;
	font-weight: 700;
	line-height: 105%;
	/* 43.05px */
}

#quick-quote-amount label {
	color: var(--Qikio-Deep-Green, #00594C);
	text-align: center;
	/* Body Small */
	font-family: Poppins;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	margin-bottom: 40px;
}

.priceMonth,.priceYear{
	margin: 45px 0 15px 0;
}

.quickQuoteBanner {
	height: auto !important
}

* {
	box-sizing: border-box;
}

*:focus {
	outline: none !important
}

button:focus {
	outline: 0 !important;
}

button,
input[type=button] {
	-webkit-appearance: none;
	border-radius: 0;
}

/* 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;
}

.cf {
	height: 0;
	font-size: 0;
	padding: 0;
	margin: 0;
	clear: both;
}

.hidden,
.mobileOnly,
.mobileAndIpad {
	display: none;
}

div.main {
	background: #fff
}

div.main>.container {
	background: #fff;
}

section.main>.container {
	padding-bottom: 45px;
}

/* .backimage {
	width: 99%;
    height: 40%;
	position:absolute;    
	 background-repeat: no-repeat;
	 background-position: inherit;
	 background-size: contain
 } */
#tab1 .backimage {
	height: 40%;
}

#tab3 .backimage {
	height: 30%;
}

.backimage {
	background-size: contain;
	background-repeat: no-repeat;
	/* background-position: center center;     */
	/* background-image: url("https://hatrabbits.com/wp-content/uploads/2017/01/random.jpg"); */
	max-width: 100%;
	width: 100%;
	height: 285px;
	/* display: block */
	position: absolute;
}

h1 {
	font-size: 46px;
	line-height: 56px
}

h1.main {
	font-weight: 700;
	text-align: center;
	padding: 25px 0;
	background: #EDF0F2;
	margin: 0;
}

h2 {
	font-size: 36px;
	line-height: 44px
}

h3 {
	font-size: 28px;
	line-height: 36px
}

h4 {
	font-size: 22px;
	line-height: 34px
}

h5 {
	font-size: 16px;
	line-height: 26px
}

h6 {
	font-size: 13px;
	line-height: 20px
}

div,
p,
li {
	font-size: 16px;
	line-height: 26px;
}

p.large {
	font-size: 22px;
	line-height: 34px;
}

p.small {
	font-size: 13px;
	line-height: 20px;
}

div,
p,
li {
	font-size: 16px;
	line-height: 26px;
}

b,
strong {
	font-weight: 700
}

#tab1,
#tab2,
#tab3,
#tab4,
#tab4,
#tab5,
#tab6,
#tab7,
#tab8,
#tab9,
#tab10,
#tab11,
#tab12,
#tab13,
#tab14,
#tab15 {
	background: #F7F4E7;
	position: relative;
	min-height: auto;
	height: auto;
	padding-bottom: 20%;

}
.quick-quote #tab2{
	padding-bottom: 0!important;
}

#tab0 {
	min-height: auto;
	height: auto;

}

.insurance-tell-us,
.insurance-tell-us small,
.insurance-tell-us small a {
	text-align: left;
	margin: 0;
	position: relative;
	padding-left: 2.5ch;
	display: block;
	margin-bottom: 5px;
	margin-top: 30px !important;
	font-size: 12px;
	font-weight: 400;
	font-family: 'Poppins';
	line-height: 18px;
}

.insurance-tell-us a {
    font-weight: 700 !important;
    display: contents !important;
    font-size: 12px !important;
}

.insurance-tell-us input[type=radio] {
	position: absolute;
	left: 0;
	accent-color: #00594C !important;
	height: 25px;
    width: 25px;
}

.tab-padding {
	margin: 0% 20% 0% 20%;
	/* padding: 7% 0% 0 0; */
}


.tab1-heading {
	margin-top: 0 !important;
	padding-top: 5% !important;
	margin-bottom: 4% !important;
}
.quick-quote  .tab-padding,.insurance .tab-padding {
	margin: 0% 10% 0% 10%;
}


.tab-padding img {
	position: absolute;
	left: 0;
	bottom: 0;
}

section.static {
	background: #fff;
	padding: 25px 0
}

.btn {
	font-weight: 700;
	font-size: 16px;
}

a {
	color: #589445;
	font-size: 16px;
}

/* a:hover{color:#589445;opacity: .7} */

.main.white {
	background: #fff;
}

.content {
	padding: 25px;
}

/*btn*/
.btn {
	border-radius: 8px;
	font-size: 16px;
	font-weight: 400;
	height: 42px;
	line-height: 42px;
	padding: 0 10px
}

.btn.btn-block {
	display: block
}

.btn.btn-thin {
	height: 45px;
	line-height: 45px;
}

.btn.btn-secondary {
	background: #fff;
	border-color: #589445;
	color: #589445
}

.btn.btn-secondary:hover {
	background: #D4FFC7;
	color: #437135
}

.btn.btn-secondary:active {
	background: #A0FE81;
	color: #437135
}

.btn.btn-secondary.loading:active {
	background: #A0FE81;
	color: #437135
}

.btn.btn-secondary {
	background: #fff;
	border-color: #fff;
	color: #589445
}

.btn.btn-secondary:hover {
	background: #fff;
	color: #437135
}

.btn.btn-secondary:active {
	background: #fff;
	color: #437135
}

.btn.btn-secondary.loading:active {
	background: #fff;
	color: #437135
}

.btn.disabled {
	background: #fff;
	border-color: #B4B8BC;
	color: #B4B8BC
}

.btn-secondary {}

.btn-tertiary {}

/*alerts*/
.alert.alert-danger,
.alert.alert-warning,
.alert.alert-success {
	padding: 15px 15px 25px 44px;
	line-height: 1.5;
	border-color: #dedede;
}

.alert i {
	font-size: 22px;
	margin-right: 10px;
}

.alert-danger:before,
.alert-warning:before,
.alert-success:before {
	position: absolute;
	background: no-repeat 50% 50%;
	content: " ";
	left: 10px;
	background-size: 100% auto;
	width: 30px;
	height: 30px;
}

.alert-danger {}

.btn-danger {}

.alert-danger,
.alert-danger h4 {}

.alert-danger:before {
	position: absolute;
	background-image: url('/images/icons/danger.svg');
}

.alert-warning {
	background-color: rgba(255, 203, 65, 0.2);
	border-color: rgba(255, 203, 65, 0.2);
}

.alert-warning,
.alert-warning h4 {
	color: #141D2F;
}

.alert-warning:before {
	background-image: url('/images/icons/warning.svg');
}

.alert-success {
	background-color: #f3faf7;
	border-color: #f3faf7;
}

.alert-success,
.alert-success h4 {
	color: #0C7241;
}

.alert-success:before {
	background-image: url('/images/icons/success.svg');
}

.alertHead {
	position: absolute;
	top: 85px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	z-index: 50;
	display: none;
}

@media(max-width:767px) {
	.alertHead {
		top: 15px;
		left: 10%;
		width: 80%;
		margin-left: 0;
	}
}

/*end alerts*/

.navbar-light .navbar-toggler {
	border: none !important;
}

.navbar {
	padding: 0;
}


@media(min-width:768px) {
	.text-right-desktop {
		text-align: right !important;
	}
}

.tab.danger h5 {
	background: #d0021b;
}


.navbar.navbar-light.bg-light {
	background: #fff;
	border-bottom: 1px solid #ededee;
	height: 90px;
	box-sizing: border-box;
}

.navbar .logo {
	height: 45px;
}

.navbar .container {
	position: relative
}

.navbar li {
	height: 75px;
	float: left;
}

.navbar li a {
	font-size: 18px;
	height: 90px;
	line-height: 90px;
	color: #5A5A5A;
	font-weight: 600;
	padding: 0 !important;
	margin: 0 15px !important
}

.navbar li a:hover,
.navbar li a.active {
	color: var(--Qikio-Green, #2CC84D) !important
}

.navbar-brand {
	display: block;
	float: left;
}

.navbar-expand-lg .navbar-nav.desktopOnly {
	display: block;
	float: left;
}

.navbar .phone {
	position: absolute;
	right: 20px;
	top: 30px;
	text-align: right;
}

.navbar .call {
	display: block;
	font-size: 30px;
	font-weight: 400;
	height: 24px;
	line-height: 24px;
	margin: 20px 0 0;
	padding: 0;
	color: #5A5A5A;
}

.navbar .call:hover {
	border-bottom: none
}

.navbar .call i {
	color: #589445
}

.navbar .phone small a {
	display: block;
	height: 24px;
	line-height: 24px;
	margin: 0 0 0;
	padding: 0;
	color: #5A5A5A;
	font-size: 13px;
}

/*mobile nav*/
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 5;
	top: 0;
	right: 0;
	background-color: #fff !important;
	color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

.sidenav a {
	padding: 15px 0 15px 35px;
	text-decoration: none;
	font-size: 20px;
	font-weight: 600;
	color: #00594C;
	display: block;
	transition: 0.3s;
}

.sidenav a:hover {
	color: var(--Qikio-Green, #2CC84D);
}

.sidenav::-webkit-scrollbar {
	display: none;
}

.animated-icon {
	width: 30px;
	height: 20px;
	position: relative;
	margin: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.animated-icon span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.animated-icon span {
	background: #085c4c;
}

.animated-icon.open span {
	background: #00594C;
}

.animated-icon span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.animated-icon span:nth-child(2) {
	top: 10px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.animated-icon span:nth-child(3) {
	top: 20px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.animated-icon.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
	left: 8px;
}

.animated-icon.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

.animated-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 21px;
	left: 8px;
}

button {
	border: none !important;
}

button:focus {
	outline: none;
}

.navbar-mobile {
	position: absolute;
	right: 15px;
	top: 25px;
	z-index: 10;
	width: 100%
}

/***********/
/*****/

.loadingMain {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 10px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: var(--Qikio-Cream, #F7F4E7);
	;
	padding: 125px 0 0;
	margin: 0;
	text-align: center;
	z-index: 10;
}

.loadingMain i {
	font-size: 40px;
}

/*UI blocks*/
section.main.hero h1 {
	font-family: 'RykerText';
	font-size: 45px;
	color: #fff;
	padding: 0 0 25px;
	width: 545px;
	max-width: 100%;
	font-weight: 700;
	line-height: 1;
}

section.main.hero .green p {
	margin: 0 auto
}

section.main.hero .background {
	background-position: 100% 0;
	background-size: 100% auto;
	padding: 150px 0;
	z-index: 2;
	position: relative;
}

/*section.main.hero .btn.btn-primary{border-radius: 0;width: 200px;text-align: center;height: 45px;line-height: 45px;border: none}*/

section.products {
	background: var(--Qikio-Cream, #F7F4E7);
	padding: 45px 0 60px 0;
}



section.main {
	position: relative;
}

section.main.home .background {
	/*background:url('/images/home/family.png') no-repeat;*/
}

section.main.home .background {
	background-size: 100% auto !important;
}

section.main.claims .background {
	background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url('/images/banners/lodging-claim.png') no-repeat;
}

section.main.renters .background {
	background: url('/images/banners/family-carboard-box.jpg') no-repeat;
}

section.main.car .background {
	background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url('/images/banners/car-insurance.jpg') no-repeat;
	background-size: 100% auto;
	background-position: 100% 0;
	padding: 125px 0
}

section.main.commercial-car .background {
	background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url('/images/banners/commercial-car.jpg') no-repeat;
	background-size: 100% auto;
	background-position: 100% 0;
	padding: 125px 0
}

section.main.home-contents .background {
	background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url('/images/banners/home-backyard.jpg') no-repeat;
	background-size: 100% auto;
	background-position: 100% 50%;
	padding: 125px 0
}

section.main.about .background {
	background: url('/images/banners/about-us.jpg') no-repeat;
	padding: 105px 0;
}

section.main.about.faq {
	height: 220px;
}

section.main .green {
	background: #589445;
	color: #fff;
	padding: 35px;
	text-align: center
}

section.main .green h2 {
	font-size: 30px;
	text-transform: uppercase;
}

section.main.greenBanner {
	background: #589445;
	color: #fff;
	padding: 35px;
	text-align: center
}

section.main.greenBanner.hero h1 {
	margin: 0;
	width: 100%;
}

section.main.greenBanner.hero p {
	font-size: 16px;
	margin: 0 auto;
}

.small-headline {
	text-align: center;
	padding: 45px 0;
}

.small-headline h3 {
	font-size: 24px;
	font-style: italic;
	font-weight: 600;
}

.quoteAmount {
	padding: 25px;
	color: #fff;
	border-radius: 10px 5px 0 0;
}


/*green card*/
.card.card-green {
	text-align: center;
	border-radius: 0;
}

.card.card-green .card-header {
	min-height: 35px;
	line-height: 35px;
	background: #589445;
	color: #fff;
	border-radius: 0;
}

.card.card-green .card-header h6 {
	font-size: 18px;
	margin: 0;
}

.card.card-green .card-body {
	border-top: none;
	padding-top: 0;
	padding-bottom: 0;
}

.card.card-green img.icon {
	margin: 20px auto 5px;
	height: 40px;
}

.card.card-green .row .col:last-child {
	border-right: none;
}

/* .card.card-green .col{border-right:1px dotted #000;border-bottom:1px dotted #000;} */
.card.card-green .card-body .row:last-child .col {
	border-bottom: none;
}

.card.card-green span {
	display: block;
	margin: 0 auto 20px;
	width: 170px;
	color: var(--Qikio-Deep-Green, #00594C);
	;
	font-size: 20px;
	font-family: Poppins;
	line-height: 30px
}

.card.card-green small {
	font-size: 15px;
	line-height: 23px;
	color: #6f6b6b;
}

/************/

h6.big {
	font-size: 26px;
	font-weight: 600;
	font-style: italic
}

.grey-box {
	background: #EDF0F2;
	padding: 45px 0;
}

.white-box {
	background: #fff;
	padding: 0;
	text-align: center;
}

.white-box b {
	display: block;
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	height: 85px;
	box-sizing: border-box;
	padding: 20px;
	background: #589445;
}

.white-box span {
	display: block;
	padding: 20px;
	background: #EDF0F2;
	margin-bottom: 20px;
	height: 160px;
	box-sizing: border-box;
}

@media(max-width: 767px) {
	.white-box b {
		vertical-align: middle;
	}
}

.grey-box p.small {
	font-size: 13px;
	padding: 20px 0;
	color: rgb(0, 0, 0, .6)
}

.grey-box p.small a {
	font-size: 13px;
}


.green-button {
	background: #589445;
	color: #ffff;
	display: inline-block;
	padding: 5px 15px;
}

@media(max-width: 767px) {

	.blog-title {
		    min-height: 50px;
	}
	.final-check-div p{
		margin-bottom: 10px!important;
	}
	.final-check-div label{
		font-size: 16px!important;
	}
	.final-check-disclaimer label.form-check-label{
		font-size: 11px!important;
	}
	h4.finalcheck-para {
		margin: 30px 0 5px 0!important;
	}
	.cover-tab6 .button-select span,.cover-tab6 .button-select i,
	.qquote-cover-tab6 .button-select span,
	.qquote-cover-tab6 .button-select i
	{
		font-size: 26px;
	}
	.form-group input[type="text"],
	.form-group input[type="tel"],
	.form-group input[type="number"],
	.form-group input[type="email"],
	.form-group input[type="date"],
	.form-group select {
		font-size: 13px;
		font-family: 'Poppins';
		font-weight: 700;
		color: #00594C;

	}

	.tab-padding h2 {
		margin: 30px 0;
	}

	body section.main .background {
		background-position: 50% 0 !important;
		background-size: auto 100% !important;
		padding: 0 0 70px !important;
	}

	section.main.car .background {
		background-size: 100% auto !important;
	}

	section.main.car h1 {
		padding: 90px 0;
		font-size: 30px !important
	}

	.index section.main h1 {
		font-size: 35px;
		line-height: 60px;
		text-align: center;
		padding: 0;
	}

	section.main h1 {
		font-size: 30px !important;
		padding: 25px !important;
	}

	section.main .btn.btn-primary {
		margin: 0 auto 20px;
	}

	section.main .continue .text-right .btn.btn-primary {
		margin: 0 auto;
	}

	/* body form.insurance{padding-top: 40px;} */

	section.main .green h2 {
		font-size: 25px;
	}

	.small-headline {
		padding: 45px 25px;
	}

	.step-explain h6 {
		padding-left: 65px;
		height: auto !important;
		min-height: 45px;
		text-align: left !important;
	}

}

/*UI blocks*/

/*forms*/
.form-group {}

.form-group label {
	font-size: 16px;
	color: var(--Qikio-Deep-Green, #00594C);

}

.form-group input[type="text"],
.form-group input[type="tel"],
.form-group input[type="number"],
.form-group input[type="email"],
.form-group input[type="date"],
.form-group .select2-search__field,
.form-group select {
	border-radius: 71.818px;
	background: var(--Qikio-White, #FFF);
	border: 1px solid #CACDCF!important;
	background: var(--Qikio-White, #FFF)!important;
	box-sizing: border-box;
	padding: 15px;
	height: 50px;
	line-height: 50px;
	color: #00594C;
}

.form-group select {
	padding: 0 15px;
	appearance: none;
	color: #7A7A7A;
}

.select-wrapper {
	position: relative;
}

.select-wrapper select {
	background-image: url(/images/renters/down-arrow.png);
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) center;
}

.select-wrapper select option {
	line-height: 20px;
	padding: 30px;
}

.form-group .radio {
	display: inline-block;
	accent-color: #00594C;
	position: relative;
	padding: 0 15px;
	margin: 10px 0 0;
}

.form-group .radio input[type='radio'] {
	/* display: none; */
	accent-color: #00594C;
    width: 30px;
    height: 30px;
}

.form-group .radio label {
	color: #00594C;
	font-weight: normal;
}


/* .form-group .radio label:before {
	accent-color: #00594C;
	cursor: pointer;
	content: " ";
	display: inline-block;
	position: relative;
	top: 5px;
	margin: 0 5px 0 0;
	width: 26px;
	height: 26px;
	border-radius: 13px;
	border: 1px solid #00594C;
	background-color: transparent;
	border-radius: 35px;
	border: 2px solid var(--Qikio-Deep-Green, #00594C);
	background: var(--Qikio-White, #FFF);
} */


/* .form-group .radio input[type=radio]:checked+label:after {
	border-radius: 7px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 16px;
	left: 32px;
	content: " ";
	display: block;
	background: #00594C;
} */


.form-group .checkbox {
	display: inline-block;
	position: relative;
	padding: 0 6px;
	margin: 10px 0 0;
}

.form-group .checkbox input[type='checkbox'] {
	display: none;
}

.form-group .checkbox label {
	color: #666;
	font-weight: normal;
}

.form-group .checkbox label:before {
	cursor: pointer;
	content: " ";
	display: inline-block;
	position: relative;
	top: 5px;
	margin: 0 5px 0 0;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	border: 1px solid #CACDCF;
	background-color: transparent;
}

.form-group .checkbox input[type=checkbox]:checked+label:before {
	border-color: #589445;
}

.form-group .checkbox input[type=checkbox]:checked+label:after {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 9px;
	left: 10px;
	content: " ";
	display: block;
	background: url('/images/icons/checkbox.svg') 50% 50%;
}

.form-group.success input,
.form-group.success select {
	border-color: #558944
}

.form-group.error input,
.form-group.error select {
	border-color: #D0021B
}

.form-group.error .radio label:before {
	border-color: #D0021B
}

.button-select {
	width: 120px;
	height: 34px;
	position: relative;
}

.button-select.large {
	width: 310px;
}

.button-select i {
	font-size: 34px;
	color: var(--Qikio-Deep-Green, #00594C);
	cursor: pointer;
	position: absolute;
}

.button-select i.minus {
	left: 0;
	top: 0;
}

.button-select i.plus {
	right: 0;
	top: 0;
}

.button-select i.disabled {
	color: #ccc;
	cursor: default
}

.button-select span {
	display: block;
	width: 100%;
	line-height: 34px;
	padding: 0 0 3px;
	margin: 0;
	box-sizing: border-box;
	text-align: center;
	font-size: 41px;
}

form.insurance .form-group .button-select span small {
	color: red;
	padding-top: 5px;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	font-weight: 300;
}

form.insurance .success-box,
.success-box {
	padding: 55px 20px;
}

form.insurance .success-box p,
.success-box p {
	font-size: 14px;
	text-align: left;
	line-height: 1.7;
	padding-top: 5px;
}
 form.insurance #tab14 .success-white-wrapper p, form.insurance #tab14 .success-white-wrapper a,  form.insurance #tab14 .success-white-wrapper li{
	color: var(--Qikio-Grey, #7A7A7A);
/* Body */
font-family: Poppins;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.PolicyNo{
	color: var(--Qikio-Deep-Green, #00594C);
text-align: center;
font-family: "Ryker Text";
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 105%
}
form.insurance #tab14 .success-white-wrapper a{
	font-weight: 700;	
}
form.insurance #tab14 .success-white-wrapper ul{
	margin-top:15px;
}
form.insurance #tab14 .success-white-wrapper p.font-weight-bold{
	color: #00594C;
	text-transform: uppercase;
}

.big-green {
	background: #589445;
	color: #fff;
	text-align: left;
	padding: 20px;
	border-radius: 5px;
	margin-bottom: 20px
}

.big-green img {
	height: 30px;
	margin: 0 15px 0 0;
}

.big-green .large {
	font-size: 35px;
}

.big-green table {
	margin: 0 auto;
}

.big-green table td {
	vertical-align: middle;
	padding: 0 10px
}

form.insurance .success-box .green-box,
.success-box .green-box {
	margin: 10px;
	padding: 10px;
	text-align: center;
	border: 2px solid #589445;
	border-radius: 5px;
	background: #EDF0F2;
	font-size: 14px;
}

form.insurance .success-box .green-box a,
.success-box .green-box a {
	display: block;
	color: #589445;
	font-size: 20px;
	font-weight: 400;
}

.bottom-links-insurance {
	display: none
}

.bottom-links {
	background: #fff;
	padding: 45px 0
}

.bottom-links .icon-links {
	padding: 5px 20px 25px 60px;
	background-position: 5px 10px;
	background-size: 40px auto;
	background-repeat: no-repeat;
}

.bottom-links .icon-links,
.bottom-links .icon-links a {}

.bottom-links .icon-links.documents {
	background-image: url('/images/icons/bottom-links/documents.svg')
}

.bottom-links .icon-links.faqs {
	background-image: url('/images/icons/bottom-links/faqs.svg')
}

.bottom-links .icon-links.contents {
	background-image: url('/images/icons/bottom-links/contents.svg')
}

.bottom-links .icon-links.claim {
	background-image: url('/images/icons/bottom-links/claim.svg')
}

.bottom-links .icon-links.telematics {
	background-image: url('/images/icons/bottom-links/car-iot.svg')
}

.bottom-links .icon-links.roadside-assist {
	background-image: url('/images/icons/bottom-links/roadside-assist.svg')
}

.bottom-links .icon-links.video {
	background-image: url('/images/icons/bottom-links/document-video.svg')
}


.bottom-links .row>div {
	border-right: 1px dashed rgb(0, 0, 0, .3)
}

.bottom-links .row>div:last-child {
	border-right: none
}

.bottom-links .icon-links b {
	display: block;
	font-size: 14px;
	font-weight: 600
}

.bottom-links .icon-links a {
	display: block;
	font-size: 12px;
	color: #000;
	text-decoration: underline;
	line-height: 1.2
}

.bottom-links .icon-links a:hover {
	text-decoration: none
}

.bottom-links h5.green {
	color: #589445;
	background: none;
	padding: 0 0 20px;
	font-size: 18px;
	font-weight: 600
}

/*footer*/
footer .logo {
	width: 40px;
}

footer .links a {
	display: inline-block;
	height: 40px;
	line-height: 30px;
	padding: 0 10px 0 0;
}

footer .disclaimer {
	font-size: 11px !important;
	font-family: "Poppins" !important;
	color: var(--Qikio-Deep-Green, #00594C);
	line-height: 17px;
	margin-top:65px
}

.get-quote {
	padding: 15px 0;
	background: #589445;
	color: #fff;
	line-height: 35px;
}

.get-quote span {
	line-height: 35px;
}

.get-quote a.btn.btn-primary {
	border-radius: 0;
	height: 35px;
	line-height: 35px;
	background: #fff;
	color: #589445;
	border: none
}

footer {
	background: var(--Qikio-Cream, #F7F4E7);
	padding: 25px;
	bottom: 0;
	border-radius: 0;
}

footer h4 {
	color: var(--Qikio-Deep-Green, #00594C);
}

footer ul {
	padding: 0;
	margin: 0;
}

footer ul li {
	list-style: none;
	padding: 0 0 10px 0;
}

footer ul li a {
	text-decoration: none;
	font-family: "Poppins" !important;
	color: var(--Qikio-Deep-Green, #00594C);
	font-size: 13px;
	font-weight: 400;
}

footer a.underline {
	text-decoration: underline;
}

/* footer a:hover{color:#eee;} */

footer h4,
footer ul {
	margin: 0;
}

footer .nav-link {
	padding: 5px 15px 15px 0;
}

footer .final {
	padding: 10px 0 25px;
	color: #dedede;
}

footer .social {
	display: flex;
}

footer .social a {
	display: inline-block;
	width: 30%;
	font-size: 25px;
}

footer .copy {
	padding-top: 15px;
}

footer .copy span {
	font-size: 11px;
	color: var(--Qikio-Deep-Green, #00594C);
}

.partner-websites {
	font-size: 12px;
	padding: 20px 0;
	color: #aaa
}

.partner-websites span {
	display: block;
	padding: 0;
	margin: 0;
	color: var(--Qikio-Deep-Green, #00594C);
}

.partner-websites a {
	color: var(--Qikio-Deep-Green, #00594C);
	font-size: 13px;
}

footer .disclaimer b {
	display: block;
	padding: 10px 0 5px;
	font-family: "Poppins" !important;
}

footer .disclaimer a {
	font-size: 11px !important;
	font-family: "Poppins" !important;
	color: var(--Qikio-Deep-Green, #00594C);
	line-height: 17px
}

@media(max-width:767px) {
	footer {
		background: #F5F5F5;
		color: #000
	}

	footer ul li {
		padding: 0 0 5px
	}

	footer a,
	footer .disclaimer,
	footer .copy span,
	footer .partner-websites span,
	footer .partner-websites a {
		color: var(--Qikio-Deep-Green, #00594C)
	}

	footer .social {
		margin-top: 20px;
	}

	footer .social a {
		text-align: center
	}

	footer h4 {
		padding: 10px 0 0;
		margin: 0;
	}

	footer span {
		display: block;
		margin-bottom: 15px;
	}

	footer .links a {
		padding: 0 10px 0 0;
	}

	footer .partner-websites span {
		margin-bottom: 0;
	}
}


@media(max-width: 767px) {
	h1 {
		font-size: 32px;
		line-height: 40px
	}

	h2 {
		font-size: 28px;
		line-height: 36px
	}

	h3 {
		font-size: 24px;
		line-height: 32px
	}

	h4 {
		font-size: 20px;
		line-height: 30px
	}

	h5 {
		font-size: 16px;
		line-height: 26px
	}

	h6 {
		font-size: 13px;
		line-height: 20px
	}

	.index section.main h1 {
		line-height: 80px
	}

	p.large {
		font-size: 20px;
		line-height: 30px;
	}

	p {
		font-size: 13px !important;
		line-height: 26px;
	}

	.carousel-text p {
		font-size: 15px !important;
		line-height: 125%;
	}

	.tile-heading-text {
		line-height: 32px;
	}

	.cover-box p a {
		font-size: 13px !important;
	}

	p.small {
		font-size: 13px;
		line-height: 20px;
	}

	.navbar-brand {
		padding: 0 0 0 15px;
	}

	.navbar .phone {
		top: 0;
	}

	.navbar.navbar-light.bg-light {
		height: 80px
	}

	.navbar-nav {
		margin-top: 15px;
		background: #fff;
		width: 100%
	}

	.navbar li {
		text-align: center;
		height: 45px;
		line-height: 45px;
		width: 33.333%
	}

	.navbar li a {
		height: 45px;
		line-height: 45px;
		color: #0C0A0A !important;
		font-weight: 500
	}

	.mobileOnly,
	.mobileAndIpad {
		display: block
	}

	.desktopLogo {
		display: none;
	}

	.desktopOnly {
		display: none !important
	}

	.navbar .call i {
		font-size: 35px;
		margin-top: 5px
	}

}

@media(min-width: 768px) and (max-width: 1024px) {
	.car-cover-box {
		width: 100% !important;
		margin: auto;
	}

	h1 {
		font-size: 38px;
		line-height: 46px
	}

	h2 {
		font-size: 32px;
		line-height: 38px
	}

	h3 {
		font-size: 26px;
		line-height: 34px
	}

	h4 {
		font-size: 22px;
		line-height: 34px
	}

	h5 {
		font-size: 16px;
		line-height: 26px
	}

	h6 {
		font-size: 13px;
		line-height: 20px
	}

	p.large {
		font-size: 22px;
		line-height: 34px;
	}

	p {
		font-size: 16px;
		line-height: 26px;
	}

	p.small {
		font-size: 13px;
		line-height: 20px;
	}

	.desktopOnly {
		display: none
	}
}

@media(min-width: 992px) {
	.desktopOnly {
		display: block
	}

	#renter-benefit-row {
		display: flex;
	}
}


/*insurance journey*/
input[type=range] {
	background: transparent;
}

.cc-range .cc-range-value {
	display: block;
	margin: 0;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	height: 35px;
}

.cc-range {
	display: inline-block;
	min-width: 200px;
	margin: 0;
	width: 100%;
}

input[type=range]::-webkit-slider-runnable-track {
	background: #d3d3d3 !important;
}

input[type=range]::-moz-range-track {
	background: #d3d3d3 !important;
}

input[type=range]::-ms-track {
	background: #d3d3d3 !important;
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: #d3d3d3 !important;
}

input.cc-range {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 25px !important;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	border-radius: 25px;
}

/* Mouse-over effects */
input.cc-range:hover {
	opacity: 1;
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
input.cc-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px !important;
	height: 25px !important;
	background: #1da061;
	cursor: pointer;
}

input.cc-range::-moz-range-thumb {
	width: 25px;
	height: 25px;
	background: #1da061;
	cursor: pointer;
}

.step3 .card .label {
	display: block;
	height: 45px;
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 46px;
	width: 16px;
	border-radius: 18px;
	cursor: pointer;
}

input[type=range]::-webkit-slider-runnable-track {
	background: #fff;
	border-radius: 10px;
}

input[type=range]::-webkit-slider-thumb {
	background: #1da061;
	cursor: pointer;
}

.more-info {
	padding: 0 0 20px;
	text-align: center;
}

.more-info a.btn {
	height: 45px;
	line-height: 45px;
	font-size: 14px;
}

.more-info .info {
	font-size: 14px;
	text-align: justify;
	line-height: 1.3;
	padding: 10px;
	margin: 10px auto;
	border: 2px solid #000;
	max-width: 350px;
}

/* section.main.insurance .background{background:url('/images/loungeroom.jpg') no-repeat 50% 50%;background-size: cover;padding-bottom: 45px;} */

section.main .insurance .background {
	text-align: center;
	padding: 25px;
	position: absolute;
	top: 0;
	width: 100%;
}

section.main .insurance .background .blur {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 95%;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

section.main .insurance .background .blur.disabled {
	display: none
}

section.main .insurance .background.initial {
	padding-bottom: 0;
}

section.main .insurance .background.initial .blur,
.insurance .background.initial .img {
	display: none
}

.quick-quote .insurance .background.initial .blur,
.quick-quote .insurance .background.initial .img {
	display: block
}

section.main .insurance .background.initial h1.headline {
	text-align: left;
	margin-bottom: 0;
}

section.main .insurance .background h1,
.claims h1 {
	margin-bottom: 20px;
	font-size: 35px;
	font-weight: 700
}

section.main .insurance .background .img {
	background: #D4FFC7;
	border-radius: 10px;
	padding: 25px 40px;
	max-width: 800px;
	margin: 0 auto
}

section.main .insurance .background .img h2 {
	font-size: 30px;
}

section.main .insurance .background .img h3 {
	font-size: 16px;
}

form.insurance {
	position: relative;
	box-sizing: border-box;
	text-align: center;
	background: var(--Qikio-Cream, #F7F4E7);
}

form.insurance label {
	display: block;
	text-align: left;
	margin: 0;
}

form.insurance .form-group.inline {
	margin-top: 15px;
}

form.insurance .form-group.inline img {
	width: 25px;
}

form.insurance .form-group.inline label {
	line-height: 34px;
}

form.insurance .form-group small {
	display: block;
	padding: 5px 0 0;
	font-size: 12px;
	line-height: 1.3;
	text-align: left;
	font-weight: 300;
	font-family: 'Poppins';
}

.insurance .internal {
	position: relative;
	z-index: 2;
	background: #fff;
}

.insurance .qquote-internal {
	position: relative;
	z-index: 2;
	background: var(--Qikio-Cream, #F7F4E7) !important;
}

.insurance .internal .btn.btn-primary {
	width: 300px !important;
}
.insurance .internal #next-btn {
	width: 300px !important;
}
.insurance .internal #tab12 .btn.btn-primary {
    width: 350px !important;
}
.success-white-wrapper{
	background-color: #fff;
    padding: 70px 35px;
	border-radius: 15px;
}
.tab-padding img.date-cal,img.date-cal {
	position: absolute;
	top: 50%;
    left: 70%;
    margin: -5px 0 0 0px;
}

#ajaxResult {
	min-height: auto;
	height: auto;
}

form.insurance .internal>div {
	display: none;
}

form.insurance .internal>div.active {
	display: block
}

form.insurance h5 {
	font-size: 23px;
	font-weight: 700;
	margin: 0 -130px 25px;
	color: #fff;
	padding: 30px 0 10px;
	text-align: center;
}

form.insurance h5 i {
	position: absolute;
	left: 15px;
	top: 10px;
	font-size: 24px;
}

form.insurance h5.plain {
	color: var(--Qikio-Deep-Green, #00594C);
	/* H3 */
	font-family: "Ryker Text";
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	text-align: left;
	line-height: 103%;
	margin: 0;
}


.tab-padding h5 {
	color: var(--Qikio-Deep-Green, #00594C) !important;
	font-family: "Ryker Text";
	font-size: 16px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 105%;
	/* 16.8px */
	text-align: left !important;
	margin: 0 !important
}

@media(max-width: 767px) {
	form.insurance h5 {
		margin: 0 15px 15px;
	}
}

form.insurance h6 {
	font-size: 16px;
	font-weight: 300;
}

form.insurance .summary h6 {
	margin: 50px 0 25px 0;
}
form.insurance  .creamBanner h6 {
    color: var(--Qikio-Deep-Green, #00594C);
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin:1% 15% 0% 15%;
}

form.insurance h6.small {
	font-size: 13px;
	margin-top: 20px;
	font-weight: 400;
	margin-bottom: 5%;
}

form.insurance h6.small a {
	font-size: 12px;
}

ul.check {
	position: relative;
	padding: 0;
	margin-top: 30px;
}

ul.check li {
	position: relative;
	list-style: none;
	padding: 5px 0 15px 25px !important;
}

ul.check li i {
	position: absolute;
	margin-left: -20px;
	top: 5px;
	color: #589445;
	font-size: 18px;
}

form.insurance p,
form.insurance li {
	color: var(--Qikio-Deep-Green, #00594C);
	/* Body */
	font-family: Poppins;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}

form.insurance li {
	padding: 0 0 5px;
}

form.insurance .continue,
form.insurance .declined {
	padding: 20px 0
}

form.insurance .continue .btn,
form.insurance .declined .btn {
	display: block;
	z-index: 999;
	position: relative;
}

form.insurance #tab1 .continue .btn,
form.insurance #tab1 .declined .btn {
	display: block;
	z-index: 2;
	position: relative;
}

form.insurance .continue .btn.btn-primary,
form.insurance .declined .btn.btn-primary {
	border-radius: 71.818px;
	background: #EAE7DB;
	;
	width: 175px;
	border: none;
	line-height: 15px !important;
}

form.insurance .continue.active .btn.btn-primary,
form.insurance .declined.active .btn.btn-primary {
	border-radius: 71.818px;
	background: var(--Qikio-Gold, #FCD757);
	width: 200px;
	line-height: 15px !important;
}

form.insurance a {
	color: var(--Qikio-Deep-Green, #00594C);
	font-family: Poppins;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px;
}

form.insurance .continue .btn.btn-secondary,
form.insurance .declined .btn.btn-secondary {
	border-radius: 71.818px;
	border: 2px solid var(--Qikio-Deep-Green, #00594C);
	width: 40%;
	line-height: 15px !important;
}

.information,
.information a {
	color: var(--Qikio-Grey, #7A7A7A)!important;
	text-align: center;
	/* Mobile Footer Info */
	font-family: Poppins;
	font-size: 11px!important;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	margin-inline: auto;
	max-width: 90%;
    padding: 2% 0;
}
.excess-tab6{
	margin: 5% 0;
}

form.insurance .skipToEdit a.btn.btn-primary {
	border-color: #2a2a2a;
	background: #2a2a2a;
	width: 100%;
}

form.insurance .form-group.center {
	text-align: center;
}

form.insurance .form-group.center label {
	text-align: center;
}

form.insurance .form-group.center .button-select.large {
	margin: 20px auto
}

.form-group.center .calendar {
	width: 240px;
	margin: 0 auto
}

form.insurance .form-group.center .radio {
	margin-top: 0;
}

.continue i,
.update i {
	display: none;
}

.continue span,
.update span {
	display: inline-block;
}

.continue.loading.next .btn-primary i,
.update.loading.next .btn-primary i {
	display: inline-block;
}

.continue.loading.next .btn-primary span,
.update.loading.next .btn-primary span {
	display: none;
}

.continue.loading.prev .btn-secondary i,
.update.loading.prev .btn-secondary i {
	display: inline-block;
}

.continue.loading.prev .btn-secondary span,
.update.loading.prev .btn-secondary span {
	display: none;
}

form.insurance .alert {
	background: #fff;
	border-color: #fff;
	/* color: #000; */
	/* font-size: 14px; */
	position: relative;
	box-sizing: border-box;
	padding-bottom: 15px;
	color: var(--Qikio-Grey, #7A7A7A);
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

form.insurance .alert a {
	font-size: 14px;
}

form.insurance .alert.alert-success {
	border-color: #DFE0E2;
}

form.insurance .alert .icon {
	position: absolute;
	top: 50%;
	left: 15px;
	width: 25px;
	margin-top: -15px;
}

.skipToEdit {
	display: none
}

.hide {
	display: none
}

/*calendar*/
.datepicker table tr td,
.datepicker table tr th {
	width: 35px;
	height: 35px
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
	background-color: #589445;
	border-color: #589445;
	border-radius: 18px
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover {
	background-color: #589445;
	border-color: #589445
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
	background-color: #589445;
	border-color: #589445
}

.datepicker table tr td.today {
	background-color: #fff;
	color: #589445;
	font-weight: 700;
	font-size: 22px
}

.datepicker table tr td.today:hover {
	background-color: #99fc7f;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
	border-radius: 18px
}

.form-control:focus,
.form-group input[type="text"]:focus,
.form-group input[type="tel"]:focus,
.form-group input[type="number"]:focus,
.form-group input[type="email"]:focus,
.form-group input[type="date"]:focus,
.form-group select:focus {
	box-shadow: 0 0 0 0.2rem rgb(128 205 103 / 25%);
	border-color: #80CD67
}

.form-group.error .form-control:focus {
	border-color: #D0021B;
	box-shadow: 0 0 0 0.2rem rgb(225 61 16 / 25%)
}

/* 
form.insurance hr{height: 10px;border: none}
form.insurance hr:after{content: " ";font-size: 0;width: 88%;border-bottom: 1px solid #589445;position: absolute;left: 6%;} */

h6.padTop {
	padding-top: 15px;
}

/* form.insurance.quote-on{min-height: 1200px;} */
.quote-on .happy-people {
	margin-top: 210px;
}

.form-group small.costcoError,
form.insurance .form-group small.dobAge,
form.insurance .form-group small.dobFormat,
form.insurance .form-group small.dobOverAge,
form.insurance .form-group small.weeklyRentmsg {
	display: none;
	font-weight: 300;
	color: #D0021B;
	font-family: 'Poppins';
}

form.insurance .form-group.error.age small.dobAge {
	display: block;
}

form.insurance .form-group.error.overage small.dobOverAge {
	display: block;
}

form.insurance .form-group.error.invalid small.dobFormat {
	display: block;
}

form.insurance .form-group.error.rent-group small.weeklyRentmsg {
	display: block;
}

.form-group.error small.costcoError {
	display: block;
}

form.insurance .row.name small.nameLengthMiddle {
	display: none;
	font-weight: 300;
	color: #D0021B
}

form.insurance .row.name small.error.nameLengthMiddle {
	display: block;
}

form.insurance .row.name small.nameLength {
	display: none;
	font-weight: 300;
	color: #D0021B
}

form.insurance .row.name small.error.nameLength {
	display: block;
}

.summary h6 {
	text-align: left;
}

.summary dl {
	padding: 0 0 15px;
	margin: 0;
}

.summary dt,
.summary dd {
	padding: 0;
	margin: 0;
	font-weight: 300;
	height: 35px;
	line-height: 45px;
	font-size: 14px;
}
.tab8-summary-white-box h6{
	text-transform: uppercase;
	color: var(--Qikio-Deep-Green, #00594C);
	font-weight: 700!important;
}
.summary dt {
	position: absolute;
}
.second-row-summary{
	min-height:730px;
}

.summary dd {
	text-align: right;
	border-bottom: 1px dashed #f1f1f1;
	padding: 0px 15px 45px 0px !important;
}

.summary div.resultAddress {
	text-align: left;
	padding: 0 0 15px;
	font-size: 14px;
}

.summary div.resultAddress a {
	font-size: 14px;
}

.summary .edit {
	width: 40%;
	margin: 0 0 25px 60%;
}

.summary .edit a {
	display: block;
	border-color: #589445;
}

.summary p span {
	font-weight: 600;
}

.modal-backdrop {
	display: none
}

/*fix this!*/

.modal h5 {
	margin: 0;
}

.modal-footer {
	justify-content: left
}

@media(max-width: 767px) {
	#tab1 {
		min-height: 900px;
		height: 900px;

	}

	form.insurance .continue .btn.btn-secondary,
	form.insurance .declined .btn.btn-secondary,
	form.insurance .continue .btn.btn-primary,
	form.insurance .declined .btn.btn-primary {
		margin: 0 !important;
		width: 150px !important;
	}

	/* .insurance .internal{padding: 0 25px} */
	.insurance .internal h5 {
		margin: 0 -25px 25px;
		font-size: 16px !important;
	}

	.insurance .background {
		padding: 0px !important;
	}

	body section.main.insurance .background {
		padding: 0px !important;
	}

	.insurance .background h1 {
		font-size: 30px;
	}
	.form-group label.tab6-excess{
		font-size: 26px;
	}
	.form-group label.excess-amt{
		font-size: 14px;
	}

	.form-group .radio {
		padding: 0 4px
	}

	.form-group .radio input[type=radio]:checked+label:after {
		top: 11px;
		left: 10px;
		width: 8px;
    height: 8px;
	}
	.form-group .radio label:before{
		width: 20px;
    height: 20px;
	}
	form.insurance p.excess-details, form.insurance p.excess-details a{
		max-width: 40ch;
	}
	#policy-tab6 {
		margin: 10px;
		width: 100%;
	}
	.form-group.center .calendar{
		width:200px
	}
	.tab-padding img.date-cal, img.date-cal {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -13px 0 0 115px;
	}

	
	form.insurance .outcome p,
	 form.insurance .outcome li,
	  form.insurance .outcome a,
	   form.insurance .outcome tr{
		font-size: 11px !important;
	}

	form.insurance .continue.active .btn.btn-primary,
	form.insurance .declined.active .btn.btn-primary {
		width: auto!important;
		font-size: 13px;;
	}
	.insurance-inner-container > h5:first-child{
		margin-top: 0!important;
		}
		ul.breadcrumb{
			padding:0!important
		}

	.tab-padding {
		margin: 0%;
		padding:0%;
		text-align: center;
	}


}

form.insurance .outcome p,form.insurance .outcome li,form.insurance .outcome a,
form.insurance .outcome tr {
	font-size: 14px;
	line-height: 1.5;
	color: var(--Qikio-Grey, #7A7A7A);
	/* Body */
	font-family: Poppins;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}
form.insurance .outcome .text-left{
	background: #fff;
    padding: 25px;
}
.final-check-div label{
	color: var(--Qikio-Deep-Green, #00594C)!important;
/* H4 */
font-family: "Ryker Text";
font-size: 23px;
font-style: normal;
font-weight: 700;
}
.final-check-disclaimer, .final-check-disclaimer label, .final-check-disclaimer a,  .final-check-disclaimer label a{
	color: var(--Qikio-Deep-Green, #00594C);
	font-family: Poppins;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}
.billing-summary-tab12{
	padding: 25px;
    border-radius: 15px;
    background: var(--Qikio-White, #FFF);
}
.billing-summary-tab12 p{
	color: var(--Qikio-Grey, #7A7A7A);
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.billing-summary-tab12 p.font-weight-bold{ 
	color: var(--Qikio-Deep-Green, #00594C)!important;
	font-size: 16px;
	font-weight: 700;
	line-height: 105%; /* 16.8px */
	letter-spacing: 0.16px;
	text-transform: uppercase;
}

.first-line-disclaimer{
	margin-top: 40px;
}
.price_sel{
	border-radius: 35px;
	border: 2px solid var(--Qikio-Deep-Green, #00594C);
	background: var(--Qikio-White, #FFF);
	width: 33px;
	height: 32px;accent-color:#00594C ;
	visibility: hidden;
}
.dod li{
	display: flex;
    flex: 1;
    align-items: flex-start;
}
.dod li a{
	font-size: 15px;
	display: contents;
}
.radio-btn-inactive{
	accent-color: #00594C;
    cursor: pointer;
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 13px;
height: 13px;
    border-radius: 13px;
    border: 1px solid #00594C;
    background-color: transparent;
    border-radius: 35px;
    border: 2px solid var(--Qikio-Deep-Green, #00594C);
    background: var(--Qikio-White, #FFF);
}
 h4.finalcheck-para{
	margin: 70px 0 20px 0;
}
#tab12 .tab-padding{
	padding: 4% 0% 0 0;
}
form.insurance .outcome .font-weight-bold{
	min-height: auto!important;
	margin: 20px 0 25px 0 !important;
}

form.insurance .outcome h6 {
	font-size: 20px;
	line-height: 1.5;
}

form.claims .background {
	text-align: center;
	padding: 25px;
}

form.claims ul {
	position: relative;
	padding: 0 0 0 100px;
}

form.claims ul li {
	list-style: none;
	min-height: 74px;
	padding: 25px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10px 10px 10px 0;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}

form.claims ul li.icon {
	position: absolute;
	margin: 0 0 0 -100px;
	width: 74px;
	height: 74px;
	line-height: 74px;
	text-align: center;
	font-size: 24px;
	background: #D4FFC7;
	border-radius: 37px;
	padding: 0;
}

form.claims ul li.questions {
	padding: 0;
}

form.claims ul li.questions a {
	display: flex;
	align-items: center;
	color: #000;
	min-height: 74px;
	padding: 0 25px;
	border-bottom: 1px solid #DFE0E2;
	text-align: center;
	cursor: pointer;
	justify-content: center;
}

/* form.claims ul li.questions a{display: block;color: #000;height: 74px;line-height: 74px;padding: 0 25px;border-bottom: 1px solid #DFE0E2;text-align: center; cursor: pointer;} */
form.claims ul li.answer {
	background: none;
	box-shadow: none;
	padding: 0;
}

form.claims ul li.answer {
	text-align: right;
}

form.claims ul li.answer span {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 25px;
	background: #589445;
	color: #fff;
	border-radius: 10px 10px 10px 0;
}

form.claims .answers {
	display: none
}

form.claims .answers.show {
	display: block;
}

form.claims ul li.questions .file {
	display: block;
	text-align: center;
	border: 1px solid #589445;
	background-color: #fff;
	color: #589445;
	padding: 0.5rem;
	border-radius: 0.3rem;
	cursor: pointer;
	margin-top: 1rem;
}

form.claims ul li.questions .errors {
	color: red;
	margin: 6px;
}

form.claims ul li.questions .errors>span {
	display: block;
	font-size: 13px;
}

form.claims ul li.question .custom-edit {
	position: absolute;
	right: 5px;
	top: 5px;
}

form.claims ul li.question .question_content {
	display: inline-block;
}

form.claims ul li.question .custom-edit {
	float: right;
	vertical-align: top;
	cursor: pointer;
}

form.claims ul li.question a.custom-tooltip {
	position: absolute;
	color: #589445;
}

form.claims ul li.question .question_content.tooltip_span {
	padding-left: 25px;
}

form.claims ul li.questions .form-button,
form.claims ul li.questions .items-table {
	padding: 25px;
}

form.claims ul li.questions .form-button a {
	color: white;
}

form.claims ul li.questions a.btn-secondary {
	background-color: #6c757d !important;
	border-color: #6c757d !important;
}

form.claims ul li.questions a.btn-primary,
form.claims ul li.questions a.btn-secondary {
	min-height: 58px;
}

form.claims ul li.questions .btn-group a {
	margin-right: 50px;
}

form.claims ul li.questions .form-input,
form.claims ul li.questions .form-textarea,
form.claims ul li.questions .form-fileupload {
	padding: 25px 25px 0px 25px;
}

form.claims ul li.questions input,
form.claims ul li.questions select {
	width: 100%;
	height: 40px;
	padding: 0 20px;
}

form.claims ul li.questions textarea {
	width: 100%;
}

form.claims ul li.questions .content-items {
	padding: 25px;
}

form.claims ul li.questions .content-items .content-item {
	margin-bottom: 25px;
}

form.claims ul li.questions .content-items .content-item label {
	display: block;
	font-weight: 700;
}

form.claims ul li.questions .content-items a {
	width: 100px;
	height: 50px;
	line-height: 50px;
	color: white;
}

form.claims ul li.questions .items-table {
	margin-bottom: 60px;
}

form.claims ul li.questions .items-table table {
	text-align: center;
}

form.claims ul .answer .answer-content {
	max-width: 100%;
}

form.claims ul .answer .answer-content .answer-table,
form.claims ul .answer .answer-content .answer-table span {
	line-height: 20px;
	color: white;
	text-align: center;
}

form.claims ul li.answer span.delete-file {
	background: none;
	color: #000;
	cursor: pointer;
}

form.claims .modal-backdrop {
	display: block;
}

form.claims ul .modal-dialog {
	width: 50%;
	max-width: 1200px;
}

form.claims ul li.questions .list-files {
	color: green;
	text-align: right;
}

form.claims ul li.questions .list-files>span {
	display: block;
}

form.claims .btn-secondary.btn.disabled {
	background-color: #6c757d;
}

form.claims .btn-primary.btn.disabled {
	background-color: #589445;
}

form.claims .table thead th,
form.claims .table thead td {
	font-size: 14px;
	font-weight: 400;
}

form.claims .table {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
}


@media(max-width: 767px) {
	form.claims ul {
		padding: 0 0 0 40px;
	}

	form.claims ul li {
		min-height: 35px;
		padding: 15px 20px;
	}

	form.claims ul li.icon {
		width: 35px;
		height: 35px;
		line-height: 35px;
		margin: 0 0 0 -45px;
	}

	form.claims ul li.answer span {
		padding: 15px 20px;
	}

	form.claims ul li.answer span {
		width: 100%;
	}

	form.claims ul li,
	form.claims ul li.icon,
	form.claims ul li.answer span,
	form.claims ul li.questions a {
		font-size: 15px;
	}

	.reset {
		margin-top: 10px;
	}

	form.claims ul .modal-dialog {
		width: 96%;
		margin: 10px auto;
	}

	form.claims ul li.questions .content-items {
		padding: 15px;
	}

	form.claims ul li.answer span.delete-file {
		background: none !important;
		color: #000 !important;
		position: absolute;
		z-index: 200;
		left: 0;
		width: 30px !important;
		text-align: left;
		margin-top: -10px !important;
		font-size: 22px !important;
	}

}


.products .tile {
	height: 320px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.products .tile .grey-block {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 25px;
	font-size: 13px;
	background: #EDF0F2
}

.products .tile {
	background-position: 50% 0;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.products .tile .shadow {
	/* background: rgba(172, 147, 122, 0.3); */
	height: 300px;
	box-shadow: none !important;
}

.products .tile.tile-home {
	background-image: url('/images/home/home-home.jpg');
}

.products .tile.tile-car {
	background-image: url('/images/home/home-car.png');
}

.products .tile.tile-pet {
	background-image: url('/images/home/home-pet.png');
}

/* .products .tile.tile-pet .shadow{background: rgba(15, 15, 14, 0.55);} */
.products .tile.tile-travel {
	background-image: url('/images/home/home-travel.png');
}

/* .products .tile.tile-travel .shadow{background: rgba(15, 15, 14, 0.55);} */

.products .shadow span {
	display: block;
	padding: 55px 0 0;
	text-align: center;
	color: #fff;
}

@media(max-width: 767px) {
	.products .tile .grey-block {
		background: #fff;
		padding: 15px 0;
		font-size: 12px;
	}

	.products .tile .shadow {
		height: 180px;
	}

	.products .tile {
		height: 260px;
	}
}

.faqs {
	padding: 45px 0
}

.faqs h3 {
	text-align: center;
	padding: 0 0 25px;
}

.faqs .card {
	border: none;
	padding: 0;
	margin: 0 0 15px;
}

/* .faqs .card .card-header{border: none} */
.faqs .card h5 {
	color: var(--Qikio-Deep-Green, #00594C);
	/* H4 */
	font-family: "Ryker Text";
	font-size: 23px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 25.3px */
	;
}

a.toggle {
	display: block;
	position: relative;
}

a.toggle i {
	position: absolute;
	right: 25px;
	top: 3px;
}

.faqs .card h5 i {
	position: absolute;
	right: 25px;
	top: 12px;
	font-weight: 700
}

.faqs .card i.fa-chevron-up,
a.toggle i.fa-chevron-up {
	display: block;
}

.faqs .card i.fa-chevron-down,
a.toggle i.fa-chevron-down {
	display: none;
}

.faqs .card h5.collapsed i.fa-chevron-up,
a.toggle.collapsed i.fa-chevron-up {
	display: none;
}

.faqs .card h5.collapsed i.fa-chevron-down,
a.toggle.collapsed i.fa-chevron-down {
	display: block;
}

.faqs .card p,
table,
li,
a {
	font-size: 14px;
}

.faqs .card td,
.static .fsg td {
	vertical-align: top;
}


.benefits.white {
	background: #fff;
}

.benefits a.tile {
	display: block;
	background-position: 25px 50%;
	background-size: auto 70px;
	background-repeat: no-repeat;
	padding: 25px 25px 25px 125px;
	color: #000;
	background-color: #edf0f2;
	box-shadow: 0px 3.46667px 6.93333px rgba(0, 0, 0, 0.25);
	font-size: 14px;
	margin-bottom: 25px;
}

.benefits a.tile:hover {
	text-decoration: none;
	background-color: #4E6F3C;
	color: #fff;
}

.benefits .tile h6 {
	font-size: 18px;
	font-weight: 700
}

.benefits .tile.tile-smart {
	background-image: url('/images/home/light-globe-black.svg');
}

.benefits .tile.tile-flexible {
	background-image: url('/images/home/abacus-black.svg')
}

.benefits .tile.tile-fast {
	background-image: url('/images/home/lightning-black.svg')
}

.benefits .tile.tile-powerful {
	background-image: url('/images/home/power-black.svg')
}

.benefits .tile.tile-local {
	background-image: url('/images/home/agent-black.svg')
}

.benefits .tile.tile-simple {
	background-image: url('/images/home/hand-tick-black.svg')
}

.benefits .tile.tile-smart:hover {
	background-image: url('/images/home/light-globe.svg');
}

.benefits .tile.tile-flexible:hover {
	background-image: url('/images/home/abacus.svg')
}

.benefits .tile.tile-fast:hover {
	background-image: url('/images/home/lightning.svg')
}

.benefits .tile.tile-powerful:hover {
	background-image: url('/images/home/power.svg')
}

.benefits .tile.tile-local:hover {
	background-image: url('/images/home/agent.svg')
}

.benefits .tile.tile-simple:hover {
	background-image: url('/images/home/hand-tick.svg')
}

.large-blocks.green a.tile {
	display: block;
	background-position: 45px 45px;
	background-size: auto 60px;
	background-repeat: no-repeat;
	padding: 45px;
	color: #fff;
	font-size: 14px;
	margin-bottom: 25px;
	text-align: justify;
}

.large-blocks.green a.tile:hover {
	text-decoration: none;
	cursor: default;
}

.large-blocks.green .row>div:first-child {
	border-right: 1px dotted #fff;
}

.large-blocks.green .row {
	border-bottom: 1px dotted #fff;
}

.large-blocks.green .tile.tile-innovative {
	background-image: url('/images/home/light-globe.svg');
}

.large-blocks.green .tile.tile-people-first {
	background-image: url('/images/icons/people-first.svg')
}

.large-blocks.green .tile.tile-24 {
	background-image: url('/images/icons/24.svg')
}

.large-blocks.green .tile.tile-powerful {
	background-image: url('/images/home/power.svg')
}

.large-blocks.green .tile.tile-headset {
	background-image: url('/images/icons/headset.svg');
	height: 160px;
	box-sizing: border-box;
}

.large-blocks.green .tile.tile-headset h6 {
	position: absolute;
}

.large-blocks.green .tile.tile-headset p {
	padding: 0 0 0 150px;
}

.large-blocks.green .tile.tile-headset p b {
	display: block;
	font-size: 18px;
}


@media(max-width: 767px) {
	.benefits {
		padding-bottom: 25px;
	}

	.benefits a.tile {
		background-color: #fff;
		background-size: auto 42px;
		background-position: 5px 50%;
		box-shadow: none;
		padding: 15px 15px 0 75px;
		font-size: 12px;
		margin-bottom: 0;
	}

	.benefits a.tile h6 {
		padding-top: 15px;
		border-top: 1px solid #888;
		font-size: 16px;
	}

	.benefits a.tile.no h6 {
		padding: 0;
		border: none
	}
}

/* @ticket QC-170 */
.policy-number--wrapper {
	display: flex;
	justify-content: center;
	text-align: center;
	gap: 1em;
	flex-direction: row;
}

@media only screen and (max-width: 768px) {
	.policy-number--wrapper {
		flex-direction: column;
		gap: 0.25em;
	}

	#tab1,
	#tab2,
	#tab3,
	#tab4,
	#tab4,
	#tab5,
	#tab6,
	#tab7,
	#tab8,
	#tab9,
	#tab10,
	#tab11,
	#tab12,
	#tab13,
	#tab14,
	#tab15,
	#tab0 {
		position: relative;
		min-height: auto;
		height: auto;
	}

}

@media only screen and (max-width: 425px) {
	.big-green .large {
		font-size: 25px;
	}
}


section.main.main-car .background {
	background: url('/images/banners/car-banner.jpg') no-repeat;
	z-index: 2;
	position: relative;
	background-size: 100% auto;
}

.costco-banner-box .background {
	background: url('/images/costco/costco-banner.jpg') no-repeat;
	background-size: 100% auto;
	padding: 270px 0;
	z-index: 2;
	position: relative;
}

.benefits .tile.tile-people-first:hover,
.benefits .tile.tile-people-first {
	background-image: url('/images/car/people-first.svg');
}

.card.card-car small {
	font-size: 15px;
	line-height: 23px;
	color: #6f6b6b;
	display: inline-block;
	text-align: center;
	padding: 5% 26% 10% 26%;
}

.green-box {
	padding-bottom: 5%;
}

.inner-green-box {
	color: #fff;
	background: #589445;
	margin-top: 2%;
}

.inner-green-box small {
	font-size: 15px;
	line-height: 23px;
	color: #fff;
	display: block;
	width: 80%
}

.inner-green-box img.icon {
	margin: 20px auto 5px;
	height: 30px;
}

.inner-green-box span {
	font-weight: bold;
	color: #fff;
	font-size: 16px;
}

.grey-box-tiles {
	display: block;
	padding: 20px;
	background: #EDF0F2;
	margin-bottom: 3px;
	height: 160px;
	box-sizing: border-box;
}

.grey-box-tiles label {
	width: 75%
}

.car-right-col {
	padding-left: 3px
}

.car-left-col {
	padding-right: 0px
}

section.main-car .btn.btn-primary {
	margin-top: 25px;
}

.card.card-car span {
	margin: 10px auto 20px;
	width: 75%;
}

.car-tile-bottom {
	margin-bottom: 20px;
}

.repair {
	padding: 5px 20px 25px 60px;
	background-position: 5px 10px;
	background-size: 40px auto;
	background-repeat: no-repeat;
	background-image: url(/images/car/cover/repair.svg);
}

.replacement {
	padding: 5px 20px 25px 60px;
	background-position: 5px 10px;
	background-size: 40px auto;
	background-repeat: no-repeat;
	background-image: url(/images/car/cover/replacement.svg);
}

.green-box span {
	display: block;
	line-height: 26px;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
}

.costco-banner-box #container {
	width: 100%;
	height: 100%;
}

.costco-banner-box #container img {
	width: 100%;
}

.costco-car-banner-text {
	color: #000;
	font-size: 12px;
	box-shadow: 0px 0px 10px 0px #f5f2f2;
	margin-bottom: 5px;
}

.costco-car-banner-text label {
	color: #000;
	font-size: 10px;
	text-align: center;
}

.content {
	background: white;
	padding: 15px;
	border-radius: 3px;
	width: 25%;
	font-size: 12px;
	position: absolute;
	left: 62%;
	top: 49%;
	color: #000;
	line-height: 18px;
}

.content h6 {
	font-size: 18px;
	font-weight: 700;
}

section.main.document .background {
	background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url('/images/banners/document-banner.png') no-repeat;
}

section.main.faq .background {
	background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url('/images/banners/faq-banner.png') no-repeat;
}

.document-main .tile.tile-renters {
	background-image: url('/images/home/doc-home.jpg');
}

.document-main .tile.tile-car {
	background-image: url('/images/home/doc-car.jpg');
}

.document-main .tile.tile-comm-car {
	background-image: url('/images/home/doc-comm-car.jpg');
}

.document-main .tile.tile-travel {
	background-image: url('/images/home/doc-travel.jpg');
}

.document-main .tile.tile-pet {
	background-image: url('/images/home/doc-pet.jpg');
}

#doc-btn {
	background-color: #fff;
	color: #000;
	padding: 5px 15px;
	text-decoration: none;
	font-weight: 700;
}

.document-main .tile .grey-block {
	padding: 15px !important;
	background: #589445;
	color: #fff;
}

.document-main h5 {
	line-height: 20px;
}

@media(max-width:767px) {
	section.main.document .background {
		padding: 0 0 100px !important;
	}

	.document-main .tile {
		margin: 5%;
		background-position: 50% 0%;
	}

	.document-main h5 {
		font-size: 12px;
	}

	#doc-btn {
		font-size: 12px;
	}
}

@media(min-width: 1280px) {

	section.main.main-car .background,
	section.main.document .background,
	section.main.hero.faq .background {
		padding: 170px 0;
	}
}

@media (min-width: 992px) and (max-width: 1280px) {

	section.main.main-car .background,
	section.main.document .background,
	section.main.hero.faq .background {
		padding: 100px 0;
	}

	section.main.main-car h1,
	section.main.document h1,
	section.main.faq h1 {
		font-size: 40px;
	}
}

@media (min-width: 760px) and (max-width: 992px) {

	section.main.main-car .background,
	section.main.document .background,
	section.main.hero.faq .background {
		padding: 60px 0;
	}

	section.main.main-car h1,
	section.main.document h1,
	section.main.faq h1 {
		font-size: 35px;
	}
}

@media (max-width: 767px) {
	body section.main .background {
		background-size: 100% auto !important;
	}

	section.main.document h1,
	section.main.faq h1 {
		font-size: 16px !important;
	}

	section .document-main {
		padding: 10px;
	}

	section.main.main-car .background {
		padding: 10px 0 !important;
	}

	.car-white-box h2,
	.costco-white-box h2 {
		font-size: 20px;
		line-height: 36px;
		padding: 0 65px 0 65px;
	}

	.car-white-box div,
	.costco-white-box div {
		font-size: 13px;
	}

	.card-car h6 {
		font-size: 14px !important;
	}

	.card-car span {
		width: 100% !important;
		margin: 0 !important;
		font-size: 16px !important;
	}

	.card-car .col-lg-4 {
		border-right: none !important;
	}

	.grey-toggle-icon {
		color: #a69e9e;
		display: block !important;
	}

	.show-desktop {
		display: none !important;
	}

	.show-mobile {
		display: none;
		padding: 5% 23% 5% 23% !important;
	}

	.car-accident,
	.car-theft {
		border-bottom: 1px dotted #000
	}

	.car-accident,
	.car-theft,
	.car-flood {
		padding: 25px;
	}

	.car-white-box h6,
	.costco-white-box h6 {
		font-size: 20px;
		padding: 5px 100px 5px 100px;
	}

	.inner-green-box small {
		font-size: 12px;
	}

	.car-grey-box p {
		font-size: 13px;
	}

	#car-additional-benefits {
		display: block;
	}

	.car-show-mobile {
		display: none;
	}

	.car-left-col {
		padding-left: 0px !important;
	}

	.car-left-col label,
	.car-right-col label {
		font-size: 13px;
	}

	.car-right-col {
		padding: 0
	}

	.grey-box-tiles {
		height: 140px;
	}

	.costco-banner h6 {
		font-size: 10px;
	}

	.costco-banner-box .content {
		padding: 4px;
		width: 60%;
		font-size: 8px;
		left: 35%;
		top: 40%;
		line-height: 10px;
	}

	.costco-banner-box .background {
		padding: 75px 0;
	}
}

.card-car .col-lg-4 {
	border-right: 1px dotted #000;
}

.grey-toggle-icon {
	color: #a69e9e;
	cursor: pointer;
}

#car-additional-benefits {
	display: none;
	margin-top: 10%;
}

.car-show-mobile {
	display: none;
}

.claims-accordion {
	padding: 50px 0 50px 0px;
}

.claims-accordion .card {
	border: none;
	padding: 0;
	margin: 0 0 15px;
}

.claims-accordion .step-explain div {
	font-size: 12px;
}

.claims-accordion .step-explain h6 {
	text-transform: capitalize;
}

.claims-accordion .card-body {
	padding: 0 !important;
}

.claims-accordion .card .card-header {
	border: none;
	background: #589445;
}

.claims-accordion .faqs .card .card-header {
	border: none;
	background: rgba(0, 0, 0, .03);
}

.claims-accordion .faqs .card h5 {
	color: #555 !important;
}

.claims-accordion .card h5 {
	padding: 0 25px;
	margin: 0;
	border: none;
	color: #fff;
	border: none;
	min-height: 25px;
	line-height: 25px;
	font-weight: 500;
	cursor: pointer;
}

.claims-accordion a.toggle {
	display: block;
	position: relative;
}

.claims-accordion a.toggle i {
	position: absolute;
	right: 25px;
	top: 3px;
}

.claims-accordion .card h5 i {
	position: absolute;
	right: 25px;
	top: 12px;
}

.claims-accordion .card i.fa-chevron-up,
a.toggle i.fa-chevron-up {
	display: block;
}

.claims-accordion .card i.fa-chevron-down,
a.toggle i.fa-chevron-down {
	display: none;
}

.claims-accordion .card h5.collapsed i.fa-chevron-up,
a.toggle.collapsed i.fa-chevron-up {
	display: none;
}

.claims-accordion .card h5.collapsed i.fa-chevron-down,
a.toggle.collapsed i.fa-chevron-down {
	display: block;
}

.claims-accordion .card p,
table,
li,
a {
	font-size: 14px;
}

.claims-accordion .card td,
.static .fsg td {
	vertical-align: top;
}

.small-headline h3 {
	font-style: normal;
}

.car-step-explain span {
	position: relative;
	display: block;
	padding: 0 18px;
	font-size: 12px;
	text-align: left;
}

.car-step-explain .fa-circle {
	position: absolute;
	left: 0px;
	top: 8px;
	font-size: 10px;
	color: #589445;
}

.claims-accordion .secure-step-explain div li {
	font-size: 12px;
	line-height: 20px;
	color: #6F6B6B;
}

.claims-accordion .secure-step-explain div ul {
	position: relative;
	display: block;
	padding: 0 40px;
}

.secure-step-explain .card.card-square {
	padding: 35px 20px;
}

@media (max-width: 480px) {
	section.main.quote .background .row .category img {
		height: 30px;
		width: auto;
	}

	.category a.tile {
		padding: 30px 0px 30px 0px !important;
		margin-right: 10px !important;
	}

	section.main.quote .background .row .category span {
		font-weight: 300 !important;
		font-size: 12px;
	}

	section.main.quote .background .row .category img {
		height: 30px !important;
	}

	section.main.quote .background {
		background-position: 30% 0 !important;
	}
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
	section.main.quote .background {
		background-position: 50% 0 !important;
	}

	body section.main.main-car .background {
		background-size: 100% auto !important;
		background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url(/images/banners/car-mobile.jpg) no-repeat;
		padding: 180px 0 !important;

	}

	body section.main.main-blog .background {
		background-size: cover !important;
		background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url(/images/banners/blog.png) no-repeat;
		padding: 180px 0 !important;

	}
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
	section.main.quote .background {
		background-position: 30% 0 !important;
	}
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {
	section.main.quote .background {
		background-position: 50% 0 !important;
	}
}

/* Media Query for Large screens */
@media (min-width: 1281px) {
	section.main.quote .background {
		background-position: 50% 0 !important;
	}
}

section.main.quote .background {
	background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url('/images/banners/quote-landing.jpg') no-repeat;
	z-index: 2;
	padding: 280px 0 !important;
	position: relative;
}

/*
section.main.hero .background {
	padding: 200px 0;
}*/
section.main.quote .background .row .category span {
	font-weight: 700;
	display: block;
}

section.main.quote .background .row .category img {
	height: 48px;
	width: auto;
}

section.main.quote .background .row .last-row {
	left: 20%;
}

.category a.tile {
	display: block;
	padding: 60px 0px 60px 0px;
	background-color: #edf0f2;
	font-size: 14px;
	margin-bottom: 25px;
	margin-top: 45px;
	margin-right: 0px;
	color: #000;
}

.category a.tile:hover {
	text-decoration: none;
	background-color: #4E6F3C;
	color: #fff;
}

section.main.quote .background .row {
	margin-right: -8%;
	margin-left: 10%;
}

section.main.quote .background .row .category .tile div {
	text-align: center;
	position: relative;
	display: inline-block;
	width: 100%;
}

.img-top {
	display: none;
}

.category a.tile:hover .img-top {
	display: inline;
}

.category a.tile:hover .img-down {
	display: none;
}

@media(max-width:767px) {


 .travel-cc-row .form-group {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 0 !important; /* cancel the default gap if causing issues */
  }

  .travel-cc-row .form-group > [class*="col-"] {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 1rem; /* spacing between stacked inputs */
  }
  .additional-traveler,#confirm-cover-plan,#policy-confirm-plan{
	padding:0!important;
  }

  .travel-cc-row .form-group > [class*="col-"]:last-child {
    margin-bottom: 0;
  }

  /* Optional: Prevent label/input overlap in edge cases */
  .travel-cc-row label {
    display: block;
    margin-bottom: 0.25rem;
  }
  .policy-card {
    margin-top: 25px !important;
}


	section.main.document .background {
		padding: 0 0 100px !important;
	}

	.document-main .tile {
		margin: 5%;
		background-position: 50% 0%;
	}

	.document-main h5 {
		font-size: 12px;
	}

	#doc-btn {
		font-size: 12px;
	}
}

@media(min-width: 1280px) {

	section.main.main-car .background,
	section.main.document .background,
	section.main.hero.faq .background {
		padding: 170px 0;
	}
}

@media (min-width: 992px) and (max-width: 1280px) {

	section.main.main-car .background,
	section.main.document .background,
	section.main.hero.faq .background {
		padding: 100px 0;
	}

	section.main.main-car h1,
	section.main.document h1,
	section.main.faq h1 {
		font-size: 40px;
	}
}

@media (min-width: 760px) and (max-width: 992px) {

	section.main.main-car .background,
	section.main.document .background,
	section.main.hero.faq .background {
		padding: 60px 0;
	}

	section.main.main-car h1,
	section.main.document h1,
	section.main.faq h1 {
		font-size: 35px;
	}
}

@media (max-width: 767px) {
	body section.main .background {
		background-size: 100% auto !important;
	}

	/* section.main.document .background, section.main.hero.faq .background{padding: 20px 0!important;} */
	section.main.document h1,
	section.main.faq h1 {
		font-size: 16px !important;
	}

	section .document-main {
		padding: 10px;
	}

	section.main.main-car .background {
		padding: 10px 0 !important;
	}

	.car-white-box h2,
	.costco-white-box h2 {
		font-size: 26px !important;
		line-height: 36px;
		padding: 0 65px 0 65px;
	}

	.car-white-box div,
	.costco-white-box div {
		font-size: 13px;
	}

	.card-car h6 {
		font-size: 14px !important;
	}

	.card-car span {
		width: 100% !important;
		margin: 0 !important;
		font-size: 16px !important;
	}

	.card-car .col-lg-4 {
		border-right: none !important;
	}

	.grey-toggle-icon {
		color: #a69e9e;
		display: block !important;
	}

	.show-desktop {
		display: none !important;
	}

	.show-mobile {
		display: none;
		padding: 5% 23% 5% 23% !important;
	}

	.car-accident,
	.car-theft {
		border-bottom: 1px dotted #000
	}

	.car-accident,
	.car-theft,
	.car-flood {
		padding: 25px;
	}

	.car-white-box h6,
	.costco-white-box h6 {
		font-size: 20px;
		padding: 5px 100px 5px 100px;
	}

	.inner-green-box small {
		font-size: 12px;
	}

	.car-grey-box p {
		font-size: 13px;
	}

	#car-additional-benefits {
		display: block;
	}

	.car-show-mobile {
		display: block !important;
	}

	.car-left-col {
		padding-left: 0px !important;
	}

	.car-left-col label,
	.car-right-col label {
		font-size: 13px;
	}

	.car-right-col {
		padding: 0
	}

	.grey-box-tiles {
		height: 140px;
	}

	.costco-banner h6 {
		font-size: 10px;
	}

	.costco-banner-box .content {
		padding: 4px;
		width: 60%;
		font-size: 8px;
		left: 35%;
		top: 40%;
		line-height: 10px;
	}

	.costco-banner-box .background {
		padding: 75px 0;
	}

	section.claims.hero h1 {
		width: 100%;
		font-size: 15px !important;
		padding: 14px !important;
	}

}

.card-car .col-lg-4 {
	border-right: 1px dotted #000;
}

.grey-toggle-icon {
	color: #a69e9e;
	cursor: pointer;
}

#car-additional-benefits {
	display: none;
	margin-top: 10%;
}

.car-show-mobile {
	display: none;
}

.costco-travel-banner-text label {
	font-size: 12px;
	padding: 20px;
	text-align: center;
}

.costco-home-banner-box .text-center .content {
	width: 36%;
}

.fa-minus-circle:before {
	content: "\f056" !important;
}

.travel-benefits .tile {
	height: 190px;
}

@media only screen and (min-width : 1224px) {
	.costco-travel-banner-box .background .content {
		top: 30% !important;
		width: 30% !important;
		left: 18% !important;
	}

	.costco-travel-banner-box .background {
		padding: 270px 0 !important;
	}

}

@media only screen and (min-width : 1824px) {
	.costco-travel-banner-box .background .content {
		width: 20% !important;
		left: 25% !important;
		top: 70% !important;
	}

	.costco-travel-banner-box .background {
		padding: 270px 0 !important;
	}
}

@media only screen and (min-width : 768px) and (max-width : 990px) {
	.travel-box span {
		min-height: 315px !important;

	}

	.car-box span {
		min-height: 160px !important;

	}
}

@media only screen and (min-width : 768px) and (max-width : 1224px) {
	.travel-box span {
		min-height: 315px !important;

	}

	.claims-tile-white-block span {
		min-height: auto !important;
	}

	.costco-travel-banner-box .background .content {
		top: 40% !important;
		width: 50% !important;
		left: 18% !important;
	}

	.costco-travel-banner-box .background {
		padding: 150px 0 !important;
	}

	.benefits a.tile {
		display: block;
		background-size: auto 40px;
		padding: 25px 25px 25px 84px;
		font-size: 11px;
	}

	.travel-benefits .tile {
		height: 220px;
	}
}

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

	/* .costco-travel-banner-box .background .content{
	width: 20%;
	font-size: 12px;
	position: absolute;
	left: 25%;
	top: 70%;
} */
	.costco-travel-banner-box .background .content span {
		font-weight: 500;
	}

}



@media (max-width: 767px) {

	.tile-travel-cover1 span,
	.tile-travel-cover2 span {
		font-size: 17px;
	}

	.travel-pdts .tile {
		height: 380px !important;
	}

	tile-travel-cover1 .white-block,
	.tile-travel-cover2 .white-block {
		min-height: 140px !important;
	}

	.tile-heading-text {
		font-size: 26px !important;
	}

	.travel-cover-para,
	.travel-cover-para a,
	.car-cover-para,
	.car-cover-para a {
		font-size: 15px !important;
	}

	.car-cover-para {
		padding: 0px 20px;
	}

	.travel-cover-box,
	.car-cover-box {
		width: 100% !important;
	}

	.travel-box b p,
	.car-box b p {
		font-size: 22px !important;
		;
	}

	.travel-box .cover-info,
	.car-box .cover-info {
		border-bottom-left-radius: 10px !important;
		border-bottom-right-radius: 10px !important;
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
		margin-top: -30px !important
	}

	.cov-cover span {
		min-height: auto !important;
		height: auto !important;
	}

	.exp-cover span {
		min-height: auto !important;
		height: auto !important;
	}

	.travel-box .cover-info,
	.car-box .cover-info {
		margin-bottom: 25px;
	}

	.travel-benefits .tile {
		height: auto;
	}

	.mob-hide {
		display: none;
	}

	.mob-show {
		display: block !important;
	}

	.pet-boarding,
	.legal-liability {
		margin: 25px 0px 0px 25px;
		width: 90%;
	}

	body section.main.main-travel .background {
		background-size: 100% auto !important;
		background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url(/images/banners/travel-mobile.jpg) no-repeat;
	}

		body section.main.main-partner .background {
		background-size: 100% auto !important;
		background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url(/images/banners/partners-mobile.png) no-repeat;
	}

	#travel-container {
		margin-top: -40% !important;
		text-align: left;
		width: 85%
	}
	.doc-container,.faq-container{
		margin-top: 0 !important;
	}

	#car-container {
		margin-top: -30% !important;
		text-align: left;
		width: 85%
	}

	#travel-carousel {
		padding-bottom: 25px;
	}

	#quote-hamburger .menu-btn {
		font-size: 10px !important;
		margin: -5px !important;
		width: 90% ! Important;
	}

	#travel-carousel .carousel {
		padding: 0px !important;
	}

	#travel-carousel .carousel-text h3 {
		font-size: 22px;
	}

	#carouselExampleControls .btn.btn-primary,
	.cover-info .btn.btn-primary,
	#travel-pdt-container .btn.btn-primary,
	.car-cover-box .btn.btn-primary,
	.home-claim .btn.btn-primary,
	.car-additional-benefits .btn.btn-primary,
	.tile-quick-smart .btn.btn-primary {
		font-size: 11px !important;
		text-align: center;
		width: 45% !important;
	}

	.home-claim .btn.btn-primary {
		width: 45% !important;
		font-size: 11px !important
	}

	.owl-carousel .owl-stage-outer {
		height: 290px;
	}

	.pet-white-block .btn.btn-primary {
		width: 45% !important;
	}

	#travel-testimonial {
		padding-bottom: 50px;
	}

	#travel-other-box h3 {
		font-size: 22px !important;
	}

	#travel-container .btn.btn-primary,
	#car-container .btn.btn-primary,
	#comm-car-container .btn.btn-primary {
		height: 36px !important;
		line-height: 0px !important;
	}

	section.main.main-travel .background {
		padding: 385px 0 !important;
	}
	section.main.main-partner .background {
		padding: 320px 0 !important;
	}


	.main-travel .banner-smallheading {
		padding: 0px;
	}
	.main-partner .banner-smallheading {
		padding: 0px;
	}

	section.main-travel h1,section.main-partner h1 {
		font-size: 37px !important;
		padding: 0 !important;
		margin-top: 10%;

	}

	section.main-travel .btn,section.main-partner .btn {
		font-size: 14px;
		width: 150px;
		height: 40px !important;
		padding: 20px !important;
		line-height: 0px !important;
		width: 150px !important;
		margin: 0 !important;
	}

	section.main.main-travel .container, section.main.main-partner .container  {
		margin-left: 0 !important;
	}

	.travel-pdts {
		padding: 60px 0 50px 0 !important;
	}

	#car-benefit-text,
	#renter-benefit-text {
		text-align: center;
	}

	.car-benefit-individual .col-12,
	.renter-benefit-individual .col-12 {
		margin-top: 5%;
	}

	.car-benefit-individual .col-12 h6,
	.renter-benefit-individual .col-12 h6 {
		font-family: "RykerText";
		font-size: 17px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		/* 18.7px */
	}

	.car-benefit-individual .col-12 span,
	.renter-benefit-individual .col-12 span {
		color: var(--Qikio-Deep-Green, #00594C);
		/* Mobile Body */
		font-family: Poppins;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
	}

	.travel-box span,
	.car-box span {
		padding: 20px 0px !important;
		height: auto;
		min-height: 0 !important;
		font-size: 14px !important;
		margin: 30px 25px 0px 25px;
	}

	.car-box span {
		min-height: 110px !important;

	}

	#travel-innerdivs {
		padding: 0 !important;
	}

	#travel-pdt-container .tile-heading-text {
		margin-top: 0 !important
	}

	.travel-cover-disclaimer,
	.travel-cover-disclaimer a {
		font-size: 11px !important;
		margin: 10px 0;
	}

	.costco-travel-banner-box .background {
		padding: 75px 0 !important;
	}

	.costco-travel-banner-box .background .content {
		padding: 4px;
		width: 60%;
		font-size: 8px;
		left: 35%;
		top: 55%;
		line-height: 10px;
	}
}

.travel-box img,
.car-box img {
	height: 35px;
	margin-bottom: 5px;
}

.travel-box b p,
.car-box b p {
	color: var(--Qikio-White, #FFF);
	text-align: center;
	/* H3 */
	font-family: "RykerText";
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 108%;
}

.travel-box b {
	height: 70px;
	padding: 20px 10px 0px 10px;
	font-size: 17px;
	border-radius: 15px 15px 0px 0px;
	border: 2px solid var(--Qikio-Deep-Green, #00594C);
	background: var(--Qikio-Deep-Green, #00594C);
	color: var(--Qikio-White, #FFF);
	text-align: center;
	/* H3 */
	font-family: "RykerText";
	font-size: 30px;
	font-style: normal;
	font-weight: 700;

}

.car-box b {
	height: 140px;
	padding: 30px 10px 0px 10px;
	font-size: 17px;
	border-radius: 15px 15px 0px 0px;
	border: 2px solid var(--Qikio-Deep-Green, #00594C);
	background: var(--Qikio-Deep-Green, #00594C);
	color: var(--Qikio-White, #FFF);
	text-align: center;
	/* H3 */
	font-family: "RykerText";
	font-size: 30px;
	font-style: normal;
	font-weight: 700;

}

.travel-box label,
.car-box label {
	margin-top: 2px;
	margin-bottom: 1rem;
	line-height: 130%;

}

.travel-box .cover-info,
.car-box .cover-info {
	border-radius: 15px;
	border: 2px solid var(--Qikio-Deep-Green, #00594C);
	border-top: none !important;
	margin-top: -15px;
}

.travel-box span {
	background: #fff;
	min-height: 285px;
	font-size: 17px;
	padding: 28px 10px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 130%;
}

.tile-claim-cover1 span,
.tile-claim-cover1 span {
	background: none !important;
}

.car-box span {
	height: 150px;
	background: #fff;
	font-size: 17px;
	padding: 28px 10px;
	font-family: Poppins;
	font-weight: 400;
	line-height: 130%;
	margin-bottom: 10px;
}

.benefits .tile.tile-travel-flexible {
	background-image: url(/images/home/travel-flexible.svg);
}

.benefits .tile.tile-travel-emergency {
	background-image: url(/images/home/travel-emergency.svg);
}

.benefits .tile.tile-travel-smart {
	background-image: url(/images/home/travel-smart.svg);
}

.white-box h2 {
	font-weight: 700;
	font-size: 41px;
	font-family: 'RykerText'
}

section.main.main-travel .background {
	background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url(/images/banners/travel-banner.jpg) no-repeat;
	z-index: 2;
	position: relative;
	background-size: 100% auto !important;
	padding: 250px 0;
}


section.main.main-partner .background {
	background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url(/images/banners/partner-banner.png) no-repeat;
	z-index: 2;
	position: relative;
	background-size: 100% auto !important;
	padding: 250px 0;
}

.short-note label {
	font-size: 12px;
}

.short-note {
	margin-bottom: 50px;
}

.pet-boarding {
	padding: 5px 20px 25px 60px;
	background-position: 5px 10px;
	background-size: 40px auto;
	background-repeat: no-repeat;
	background-image: url(/images/travel/pet-boarding.svg);
}

.legal-liability {
	padding: 5px 20px 25px 60px;
	background-position: 5px 10px;
	background-size: 40px auto;
	background-repeat: no-repeat;
	background-image: url(/images/travel/legal-liability.svg);
}

.pet-boarding span,
.legal-liability span {
	margin-bottom: 15px;
}

.costco-travel-banner-box .background {
	background: linear-gradient(136deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 52.42%), url(/images/costco/costco-travel-banner.jpg) no-repeat;
	background-size: 100% auto;
	padding: 270px 0;
	z-index: 2;
	position: relative;
}

.costco-travel-banner-text label {
	font-size: 12px;
	padding: 20px;
	text-align: center;
}

.costco-travel-banner-text {
	margin-bottom: 15px;
}

.travel-inner-green-box small {
	width: 100%;
}

.travel-green-box {
	padding-bottom: 0px !important;
}

.travel-box small,
.car-box small {
	font-size: 95%;
	line-height: 50px;
	color: #141d2f;
}

@media screen and (max-width: 600px) {
	section.main.main-travel .background {
		padding: 235px 0 !important;
	}
}

.blogs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* responsive columns */
  gap: 20px; /* spacing between tiles */
  margin-top: 30px;
}

.blog-tile {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease-in-out;
}

.blog-tile:hover {
  transform: translateY(-5px);
}

.blog-image {
  width: 100%;
  object-fit: cover;
}

.blog-content {
  padding: 15px;
}

.partnership-article h2{
font-size: 30px;
    margin: -50px 0px 30px 0px;
}
.partnership-article h3{
font-size: 20px;
}
.partnership-article p,.partnership-article a{
	color: var(--Qikio-Deep-Green, #00594C);

/* Body */
font-family: Poppins;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
 p,.partnership-article a{
	font-weight:700;
 }
.blog-title {
color: var(--Qikio-Green, #2CC84D);
    min-height:90px;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 16.8px */
letter-spacing: 0.16px;
text-transform: uppercase;
}

.blog-description {
color: var(--Qikio-Deep-Green, #00594C);
/* H4 */
font-size: 21px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 25.3px */
}

.blog-read-more {
  color: #2CC84D;
  font-weight: 600;
  text-decoration: none;
}
.tile-heading-text a{
font-weight: 700;
    color: #00594C;
	font-size: 30px;
}

.home-tile-btn-blog {
    color: var(--Qikio-Deep-Green, #00594C);
    text-align: center;
    /* Button Text */
    
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    display: inline-flex;
    padding: 15px 35px;
    justify-content: center;
    align-items: center;
    gap: 14.364px;
    margin-bottom: 50px;
    border-radius: 71.818px;
    background: var(--Qikio-Gold, #FCD757);
}

.home-tile-btn-blog:hover {
    background-color: #1e8b37;
    /* Darker color on hover */
}


@media(max-width: 767px) {

	.blog-title {
		    min-height: 50px;
	}
}

.mobile-description { display: none; }

/* On small screens, show mobile description and hide desktop */
@media screen and (max-width: 768px) {
    .desktop-description { display: none; }
    .mobile-description { display: inline; }
	.blogs-section {
    margin-top: 10px!important;
}
.partnership-article h2 {
    font-size: 30px;
    margin: 10px 0px 10px 0px;
}
.partnership-article a{
	font-size: 13px;
}
section.main.main-blog .background {
    padding: 115px 0 !important;
}

}
.explorer-box a,.covid-basic-box a{
color:#7A7A7A;
text-decoration: underline;
font-size: 13px;
}
.covid-basic-box a:hover,.explorer-box a:hover {
    background-color: #fff;
    border: none;
}
.choose-plan:hover {
    background-color: #fff !important;
    color: #00594C !important;
    font-weight: 700;
    border: 2px solid var(--Qikio-Deep-Green, #00594C) !important;
}
#claim-box a:hover{
	text-decoration: none;

}
.test-tile-simple{
	color:#fff;
}