/* Font Face Definitions */
    @font-face {
        font-family: 'Cocogoose-light';
        src: url('../fonts/Cocogoose-Pro-Light.woff2') format('woff2'),
             url('../fonts/Cocogoose-Pro-Light.woff') format('woff'),
             url('../fonts/Cocogoose-Pro-Light.ttf') format('truetype');
        font-weight: 300; /* Light */
        font-style: normal;
    }

    @font-face {
        font-family: 'Cocogoose-thin';
        src: url('../fonts/Cocogoose-Pro-Thin.woff2') format('woff2'),
             url('../fonts/Cocogoose-Pro-Thin.woff') format('woff'),
             url('../fonts/Cocogoose-Pro-Thin.ttf') format('truetype');
        font-weight: 100; /* Thin */
        font-style: normal;
    }

    @font-face {
        font-family: 'Reg-font';
        src: url('../fonts/Reg-font.woff2') format('woff2'),
             url('../fonts/Reg-font.woff') format('woff');
        font-weight: 100; /* Thin */
        font-style: normal;
    }

    /* Global Styles */
    html, body {
        margin: 0;
        height: 100%;
        font-family: 'Cocogoose-light', sans-serif;
        color: #282f39;
        font-size: 14px;
        line-height: 120%;
        overflow-x: hidden; /* Prevents horizontal scrolling */

        /* Improves font rendering */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
    }

.hidden {
    display: none;
}
.jQueryAwait {

  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin: -75px 0 0 -75px;
  width: 150px;
  height: 150px;
  background-image: url("../images/loading-animation.gif");
  background-repeat: no-repeat;
  visibility: hidden;
}

input, textarea, select {font-family: 'Cocogoose-light', sans-serif; font-weight: normal; color:#282f39;}

* {box-sizing: border-box;}
	
	a {text-decoration: none; color:#282f39;}

	p, a, h1, h2, h3, h4, h5, h6 {line-height:140%;}
	p {line-height:160%;}

    /* Page Wrapper */

	.page-wrapper {
        height: auto;
        background-image: url("../images/motorhome-campervan-insurance.webp");
        background-size: cover;
        background-position: center;
		padding: 180px 0px 50px 0px;
		display:flex;
		justify-content: center;
		position: relative;
    }
body.Schemes .page-wrapper {
	background-color:#515e70;
	background-image: url("../images/motorhome-campervan-insurance-schemes.webp");
	background-blend-mode: overlay;
	background-position:65% 50%;
	padding:180px 0px 120px 0px;
}
body.About .page-wrapper {
	background-color:#515e70;
	background-image: url("../images/about-campa-cover.webp");
	background-blend-mode: overlay;
	background-position:65% 50%;
	padding:180px 0px 120px 0px;
}
body.Contact .page-wrapper {
	background-color:#515e70;
	background-image: url("../images/contact-campa-cover.webp"); 
	background-blend-mode: overlay;
	background-position:65% 50%;
	padding:180px 0px 120px 0px;
}

	body.Quote .page-wrapper {padding-bottom:240px;  }
    body.Home .page-wrapper {
        height: 100vh; /* Full viewport height */
        background-image: url("../images/motorhome-campervan-insurance.webp");
        background-size: cover;
        background-position: center;
        position: relative; /* Allows absolute positioning inside */
		padding:0;
		display:block;
		box-sizing: border-box;
		
    }
.overlapping-wrapper {
    position: relative;
    width: 100%;  /* Ensures it spans full width */
     /* Moves everything up */
    display: flex;
    justify-content: center; /* Centers the overlapping div */
	z-index: 5;
	background-color:#282f39;
	padding:0 50px 0 50px;
	box-sizing: border-box;
}
.overlapping-div {
    width: 100%;
    background-color: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	margin: -50px auto 0 auto;
	z-index: 10;
	border-radius:20px;
	box-sizing: border-box;
	display:flex;
	overflow:hidden;
}

.overlapping-div .col.col2 { width:50%; margin:0 0 0 0;}
.overlapping-div .col.col2 { width:50%; margin:0 0 0 0; background-color:#ffffff;}
.overlapping-div .col.col2.colpic {background: url("../images/about-bg.webp") 50% 50%; background-size:cover; background-position:0% 0%; min-height: 500px; height:auto !important; height: 500px;}
.overlapping-div .col.col2.coltxt {padding:50px;}
.overlapping-div .col h2 {font-size:48px; font-family: 'Cocogoose-thin', sans-serif; font-weight: normal; margin:0 0 25px 0; line-height:110%; border-bottom:1px solid #dddddd; padding-bottom:20px;}






.quote-next {
	 display: inline-flex;
    align-items: center;
    text-decoration: none;
    position: relative;
    font-size: 16px; /* Adjust as needed */
    font-weight: bold;
    color: #333; /* Adjust text color */
}
.quote-next::after {
    content: "";
    display: inline-block;
    width: 32px; /* Adjust size as needed */
    height: 32px; /* Adjust size as needed */
    margin-left: 10px; /* Spacing between text and arrow */
    background-image: url('../images/quote-icon-next-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	transition: margin-left 300ms ease-in-out;
}
.quote-next.loading::after {
    background-image: url('../images/quote-icon-loading.gif');
}

.quote-foot a:hover::after {margin-left:15px;}

    /* Header */
    .header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 40px;
        box-sizing: border-box;
        color: white;

        /* Background Gradient */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0) 100%);
        background-blend-mode: multiply;
    }

    /* Logo */
    .logo {
        display: flex;
        align-items: center;
        font-size: 38px;
        font-family: 'Cocogoose-thin', sans-serif;
		line-height:100%;
		text-align:center;
    }

    .logo a {
        text-decoration: none;
        color: #ffffff;
		margin-top:0;
    }
.logo a:last-of-type {margin-top:-10px;}

    span {
        font-family: 'Cocogoose-light', sans-serif;
        white-space: pre;
    }

    .logo img {
        height: 58px;
        width: auto;
        max-width: 100%;
        display: block;
        margin-right: 10px;
    }

.logo span {
	font-family:'Cocogoose-thin', sans-serif;
	font-size:14px;
	display:block;
	line-height:100%;
	margin-top:-5px;
}
.logo strong {
	font-family:'Cocogoose-light', sans-serif;
	font-weight:normal;
	line-height:100%;
}

    /* Navigation */
    .header .nav {
        display: flex;
    }

    .header .nav a {
        color: #ffffff;
        text-decoration: none;
        font-size: 28px;
        font-family: 'Cocogoose-thin', sans-serif;
        white-space: pre;
        padding: 15px;
        display: inline-block;
		border-bottom: 1px solid;
		border-bottom-color: rgba(255, 255, 255, 0);
		transition: border-bottom-color 300ms ease-in-out;
    }

    .header .nav a:hover {
        border-bottom: 2px solid;
		border-bottom-color: rgba(255, 255, 255, 0.5)
    }

    .header .nav a.current {
        font-family: 'Cocogoose-light', sans-serif;
        border-bottom: 2px solid #ffffff;
    }

    /* Home Content */
    .home-content {
        display: flex;
        align-items: center;
        justify-content: left;
        height: 100%;
        padding: 0 40px;
        box-sizing: border-box;
    }

    /* Quote Box */
    .quote-box {
        font-family: 'Cocogoose-thin', sans-serif;
        font-size: 18px;
        text-align: left;
        padding: 30px;
        background-color: rgba(40, 47, 57, 0.7);
        border-radius: 20px;
        max-width: calc(100% - 40px);
        color: #ffffff;
        width: 500px;
        margin-left: 80px;
    }
	body.Quote .quote-box {border-radius:0 0 20px 20px; width:100% !important; max-width:none !important; box-sizing: border-box; margin:0 0 0 0; }

.quote-box-steps {
	font-family: 'Cocogoose-thin', sans-serif;
        font-size: 18px;
        text-align: center;
        padding: 0;
        /*background-color: rgba(40, 47, 57, 0.7);*/
        /*border-radius: 20px 20px 0 0;*/
        width:100% !important; 
	max-width:none !important;
        color: #ffffff;
	box-sizing: border-box;
}

.quote-content  {box-sizing: border-box; width: calc(100% - 80px);}
ul.quote-steps {display:flex; list-style-type: none; background-color:rgba(40, 47, 57, 0.5); margin:0 0 0 0; padding: 0 0 0 0; box-sizing: border-box; border-radius: 20px 20px 0 0;}
ul.quote-steps span {margin-right:5px;}
ul.quote-steps li {display:flex; justify-content: center; flex:1; margin:0 0 0 0; padding: 20px 10px 20px 10px; box-sizing: border-box; align-items: center; font-size:24px;}
ul.quote-steps li.active {background-color:rgba(40, 47, 57, 0.4); border-radius: 20px 20px 0 0;}
/*ul.quote-steps li:first-of-type {border-radius: 20px 0 0 0;}
ul.quote-steps li:last-of-type {border-radius: 0 20px 0 0;}*/
ul.quote-steps li img {width:32px; height:32px; margin-right:10px;}
ul.quote-steps li p {margin:0 0 0 0;}
.quote-content .quote-box .step-title {display:flex; align-items: center; margin-bottom:20px; width:100%;}
.quote-content .quote-box .step-title img {width:48px; height:48px; margin-right:10px;}
.quote-content .quote-box .step-title h3 {margin:0 0 0 0;}

ul.quote-steps li#Vehicles { background-image: url("../images/quote-icon-vehicle.svg");
        background-size: contain;
        background-position: 50% 50%;
	background-repeat:no-repeat;
}

    .quote-box p {
        font-size: 18px;
        font-family: 'Cocogoose-light', sans-serif;
        line-height: 140%;
    }
	body.Quote .quote-box p {margin:0 0 0 0;}

    .quote-box h3 {
        font-size: 50px;
        font-weight: normal;
        line-height: 120%;
        margin: 0;
    }

    /* Registration Box */
    .reg-box {
        display: flex;
        justify-content: space-between;
        border-radius: 20px;
        background: linear-gradient(to bottom, rgba(255, 234, 0, 1) 0%, rgba(255, 210, 0, 1) 100%);
        border: 5px solid #282f39;
        outline: 5px solid #ffe900;
        transition: border-color 300ms ease-in-out;
    }
	
	.enter-manually {font-size:14px; text-align: right; margin-top:20px; color:#ffffff; display:block;}

    .reg-box .reg-left {
        flex: 3;
    }

    .reg-box .reg-left input {
        background-color: transparent;
        color: #282f39;
        border: none;
        outline: none;
        width: 100%;
        height: 100%;
        font-family: 'Reg-font', sans-serif;
        font-size: 70px;
        padding-left: 15px;
    }

    .reg-box .reg-left input::placeholder {
        color: rgba(0, 0, 0, 0.3);
    }

    .reg-box .reg-right {
        flex: 0.6;
    }

    .reg-box .reg-right button {
        width: 100%;
        height: 75px;
        border: none !important;
        font-size: 25px;
        color: #fff;
        border-radius: 0 12px 12px 0;
        text-indent: -9999px;
        cursor: pointer;
        transition: background-color 300ms ease-in-out;
		background-color: rgb(40, 47, 57);
    }
.reg-box .reg-right button {
display: inline-flex;
    align-items: center;
    justify-content: center; /* Ensures full content is centered */
    text-decoration: none;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    width: 100%;
}

.reg-box .reg-right button::after {
content: "";
    width: 44px; /* Adjust as needed */
    height: 44px; /* Adjust as needed */
    background-image: url('../images/quote-icon-mag-search.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
    
    /* Ensure it aligns properly within the button */
    display: inline-block;
    vertical-align: middle;
	transition: margin-left 300ms ease-in-out;
}

.reg-box .reg-right button.loading::after {
    background-image: url('../images/quote-icon-loading.gif');
    width: 29px;
    height: 36px;
}

.quote-next.loading::after {
    background-image: url('../images/loading.gif');
}

body.Home .reg-box .reg-right button {background-size:auto;}

.vehicle-reg__btn.vehicle-reg__btn--process {background-size:cover;}

    /* Logos Section */
    .logos {
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 80px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
        background: rgba(255, 255, 255, 1);
        border-radius: 20px;
        box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.75);
    }

    .logos img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }
	
	.logos img.logos-mobile {display:none;}

    /* Footer */
    .footer {
        background-color: #282f39;
        color: #ffffff;
        text-align: center;
        font-size: 12px;
        padding: 40px;
		
    }

.wrapper {display:flex; width:100%; margin:0 auto 0 auto; justify-content: center; flex-wrap: wrap; padding:30px; box-sizing: border-box;}
	
	.flex-container {box-sizing: border-box; width:90%; display:flex; gap:40px; justify-content: space-between; flex-wrap:nowrap;}

.center {text-align:center;}

.thin,body.Quote .quote-box .quote-results .thin {font-weight:normal; font-family: 'Cocogoose-thin', sans-serif;}

.light,body.Quote .quote-box .quote-results .light {font-weight:normal; font-family: 'Cocogoose-light', sans-serif;}

h1 {width:100%; margin:30px 0 30px 0; font-size:44px; }
.page-content h1 {color:#ffffff; font-weight:normal; font-family: 'Cocogoose-thin', sans-serif; font-size:44px; text-shadow: 0px 10px 20px #000000; text-align: center; max-width:95%; margin:0 auto 0 auto;}

.wrapper h2 {width:100%; margin:30px 0 30px 0; font-size:24px; }
	
	.dark {background-color:#282f39; color:#ffffff;}
	
	.col {/* flex: 1; Makes each column take up equal space */
		width:30%;
		padding: 20px;
box-sizing: border-box;}

.col img {max-width:100%; width:100%;}

.testimonial {padding:80px; font-size:32px; line-height:140%; position:relative; display:inline-block; background-color:#515e70; background: url("../images/testimonial-bg.webp") 50% 50% #515e70; background-size: cover; background-blend-mode: soft-light;}
.testimonial p {font-size:32px; line-height:140%; text-shadow: 0px 10px 16px #000000;} 

.testimonial::before {
    content: "“";
    font-size: 220px;
    color: rgb(255 255 255 / 10%);
    font-weight: normal;
    position: absolute;
    top: 110px;
    left: 90px;
    z-index: 100;
}

.testimonial::after {
    content: "”";
    font-size: 220px;
    color: rgb(255 255 255 / 10%);
    font-weight: normal;
    position: absolute;
    bottom: 10px;
    right: 90px;
    z-index: 100;
}

/* Form */
form {width:100%;}
.form-wrapper input.vehicle-reg__input {border:none;}
.form-wrapper input.vehicle-reg__input:focus {border:none;}
.form-wrapper {display:flex; width:100%;}
.form-wrapper .col {flex:1; padding:0px 20px 20px 10px;}
.form-wrapper .reg-box {border-radius:8px;}
.reg-box .reg-left input {font-size:50px;}
.form-wrapper .reg-box .reg-right button {border-radius: 0 1px 1px 0;}
.form-wrapper .reg-box {height:70px;}
.form-wrapper .reg-box .reg-right button {height:60px; }
.form-wrapper .reg-box .reg-right {flex:0.8;}
.form-wrapper.main .col {flex-wrap:wrap;}
.form-wrapper.main label {width:100%; margin:15px 0 5px 0; display:block;}
.form-wrapper.main input,.form-wrapper.main textarea {border-radius:8px; border:3px solid #ffffff; font-size:18px; width:100%; height:51px; padding:0px 12px 0px 12px; outline: none;}
.form-wrapper.main textarea {   padding: 10px 12px 0px 12px; height:auto;}
.form-wrapper.main .select-group {display:flex;}
.form-wrapper.main .select-group select {flex:0.7; margin-right:10px;}
.form-wrapper.main .select-group select:last-of-type {flex:1.3; margin-right:0;}
.form-wrapper.main select {
    border-radius: 8px;
    border:3px solid #ffffff;
    font-size: 18px;
    width: 100%;
    height: 50px;
    padding: 0px 12px;
    background-color: white;
    color: #282f39; /* Ensure text is visible */
    cursor: pointer;
    appearance: none; /* Removes default browser styling */
    -webkit-appearance: none;
    -moz-appearance: none;
	outline: none;
}
body.Quote .quote-box .quote-terms p {font-size:12px; margin-bottom:20px;}

body.Quote .quote-box .errorBox {border-radius:8px; border:3px solid #ff0000 !important; padding:12px; text-align: center; background:#282f39; font-family: 'Cocogoose-light', sans-serif; line-height:140%;}
body.Quote .quote-box .reg-box.error-parent {border: 5px solid #ff0000;}

/* Optional: Add a dropdown arrow using a background image */
.form-wrapper.main {
    position: relative;
}

.form-wrapper.main select {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpolygon points='0,0 20,0 10,10' style='fill:%23666;'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
}

/* Ensure selected option text remains visible */
.form-wrapper.main select option {
    color: #282f39; /* Sets text color inside dropdown */
    background-color: white; /* Ensures background remains consistent */
}

/* Optional: Hover & Focus Effects */
.form-wrapper.main select:hover,
.form-wrapper.main select:focus {
    outline: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.form-wrapper.main select:focus, .form-wrapper.main input:focus, .form-wrapper.main textarea:focus {	border:3px solid #3c70bb;}
.form-wrapper.main input.error,.form-wrapper.main select.error,.form-wrapper.main textarea.error {border:3px solid #ff0000 !important;}

.quote-foot {display:flex; justify-content: center;}

a.quote-next {display:flex; align-items: center; background-color:#3c70bb; color:#ffffff; padding:10px 12px 10px 20px; font-size:24px; border-radius:12px; transition: background-color 0.3s ease-in-out;  }
a.quote-next span {margin-right:5px;}
a.quote-next img {width:32px; height:32px; margin-left:10px; transition: margin-left 300ms ease-in-out;}
a.quote-next:hover img { margin-left:15px;}
body.Contact .quote-foot {margin-top:20px;}

.quote-results {width:100%; max-width:1000px;}

body.Quote .quote-box .quote-results p {margin:15px 0 15px 0; max-width:90%; font-family: 'Cocogoose-light', sans-serif; font-weight:normal;}
body.Quote .quote-box .quote-results .para1 {font-size:28px; text-transform: uppercase;  font-family: 'Cocogoose-thin', sans-serif; line-height:110%;}
body.Quote .quote-box .quote-results .para3 {font-family: 'Cocogoose-thin', sans-serif; font-weight:normal;}
body.Quote .quote-box .quote-results .para4 {font-family: 'Cocogoose-light', sans-serif; font-weight:normal; margin-top:25px; font-size:24px;}
body.Quote .quote-box .quote-results ul li {margin:15px 0 15px 0; line-height:140%;}

body.Quote .quote-box .quote-results .result-company {align-items: center;}
body.Quote .quote-box .quote-results .result-company .col {font-size:26px; line-height:140%; align-items: center;}

body.Quote .quote-box .quote-results .result-company .col span {display:block;}
body.Quote .quote-box .quote-results .result-company .col a {color:#ffffff;}

body.Quote .quote-box .quote-results .result-company {display:flex; justify-content: flex-start; border:2px solid #ffffff; border-radius:12px; align-items: center; max-width:90%; margin:20px 0 20px 0;}
body.Quote .quote-box .quote-results .result-company .col {flex:1; width:310px; padding:25px; align-items: center;}

body.About img.svg {width:150px; height:150px; margin-top:30px;}
body.About .why-choose-us {padding:30px 0 70px 0;}
body.About .why-choose-us .col h2 {margin:10px 0 30px 0;}
body.About .why-choose-us .col {background-color:#ffffff; color:#282f39; border-radius:20px;}

body.Schemes .col,body.Contact .col  {background-color:rgba(40, 47, 57, 0.6); border-radius:20px; color:#ffffff;}
body.Contact .col.contact-left {width:50%; padding:20px;}
body.Contact .col.contact-right {width:50%; padding:20px;}
body.Contact .col h2 {margin-top:0; text-align: center;}
body.Contact .col p {text-align: center;}

body.Contact .flex-container {width:100%; justify-content: center;}
body.Contact .flex-container .col .flex-container {width:100%; gap:15px;}
body.Contact .flex-container .col .flex-container .col {background-color:transparent; width:50%; text-align: center; border:2px solid rgba(255, 255, 255, 0.0)}
body.Contact .flex-container .col .flex-container .col:hover {border:2px solid rgba(255, 255, 255, 0.5); cursor: pointer; cursor: hand;}
body.Contact .flex-container .col .flex-container .col img {height:100px;}
body.Contact .flex-container .col .flex-container .col a {color:#ffffff; font-size:28px; padding:10px 0 10px 0;}

.col .col-inner {border:1px solid #ffffff; border-radius:8px; padding:30px; height:100%;}
 

.menu-toggle {
	display: none;
	background: none;
	border: none;
	padding-bottom: 4px;
	margin-right: 10px;
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	cursor: pointer;
}
	
	
	/* RESPONSIVE STYLES */
	
@media (max-width: 1279px) { 
	.logo {font-size:38px;}
	.header .nav a {font-size:24px;}
	.logo img {height:50px;}
	body.Contact .flex-container .col .flex-container .col a {font-size:24px;}
	body.Contact .col.contact-left {width:60%; padding:20px;}
body.Contact .col.contact-right {width:40%; padding:20px;}
}
	
@media (max-width: 1023px) { 
	.logo {font-size:38px;}
	.header .nav a {font-size:20px;}
	.logo img {height:46px;}
}
@media (max-width: 991px) { 
	.logo {font-size:38px;}
	.header .nav a {font-size:28px;}
	.logo img {height:50px;}
	.header {flex-wrap: wrap;}
	.logo {width:100%; justify-content: center; margin-bottom:20px;}
	.nav {width:100%; justify-content: center;}
	.quote-box {margin:0 0 0 0;}
	body.Quote .page-wrapper {padding: 240px 0px 150px 0px; justify-content: center;}
	.home-content {justify-content:center;}
	.quote-box h3, .quote-box p, .quote-box a.enter-manually {text-align: center; }
	.quote-box p {font-size:16px;}
	.quote-box .reg-box {margin:25px 0 25px 0;}
	.logos {padding:12px;}
	.footer {padding:20px; font-size:11px;}
	.flex-container {width:100%; gap:0px;}
	.col {width:33.33333%;}
	.wrapper h2 {font-size:24px;}
	.wrapper p {font-size:12px;}
	.testimonial p {font-size:28px;}
	.quote-content .quote-box .reg-box {margin: 0 0 0 0;}
	.quote-content .quote-box p,.quote-content .quote-box h3,.quote-content .quote-box p,.quote-content .quote-box a.enter-manually {text-align: left;}
	body.Quote .quote-box p,body.Quote .quote-box .quote-results ul li {font-size:14px;}
	ul.quote-steps li {font-size:20px; padding:15px 5px 10px 5px;}
	ul.quote-steps li img {width:28px; height:28px;}
	.quote-content .reg-box .reg-left input {font-size:40px;}
	.quote-content .form-wrapper .reg-box {height:60px;}
	.form-wrapper .reg-box .reg-right button {height:50px;}
	body.Quote .quote-box .quote-results ul li {margin:10px 0 10px 0;}
	body.Quote .quote-box .quote-results .para4 {font-size:24px;}
	body.About .page-wrapper,body.Contact .page-wrapper,body.Schemes .page-wrapper {padding:230px 0px 120px 0px;}
	.overlapping-div {flex-wrap:wrap;}
	.overlapping-div .col.col2 {width:100%;} 
	body.About .why-choose-us .flex-container {padding:0 50px 0 50px; gap: 20px; }
	body.Schemes .flex-container,body.Contact .flex-container {padding:0 0 0 0; gap: 20px; }
	.hide991 {display:none;}
	.show991 {display:inline;}
	body.Contact .flex-container {flex-wrap:wrap;}
	body.Contact .flex-container .col {width:100%;}
	
}
/* Mobile Styles Here */
@media (max-width: 767px) { 
	.header{padding:30px 20px 20px 25px;}
	.header .logo {justify-content: left;}
	.logos img.logos-desktop {display:none;}
	.logos img.logos-mobile {display:block;}
	.reg-box .reg-left input {font-size:50px;}
	body.Home .reg-box {height:70px;}
	body.Quote .reg-box {height:60px;}
	.reg-box .reg-right button {height:60px; }
	.reg-box .reg-right {flex:0.8;}
	.home-content { padding:0 20px;}
	.logos {width: calc(100% - 40px);}
	.quote-box h3 { font-size: 36px;}
	.quote-content .quote-box .step-title img {width:42px; height:42px;}
	.col {width:100%;}
	.flex-container {flex-wrap:wrap;}
	h1 {font-size:36px;}
	.testimonial p {font-size:24px;}
	.form-wrapper {flex-wrap:wrap;}
	.form-wrapper .col {width:100%; flex:auto;}
	.form-wrapper.main .col {padding-bottom:0;}
	.form-wrapper.main {padding-bottom:20px;}
	.form-wrapper.main input, .quote-box .form-wrapper.main select {height:42px;}
	.quote-box .form-wrapper.main label {font-size:16px; margin:10px 0 3px 0;}
	.page-wrapper {padding:120px 0px 50px 0px;}
	ul.quote-steps li {flex-wrap: wrap;}
	ul.quote-steps li img {margin: 0 0 0 0; width: 36px; height: 36px;}
	ul.quote-steps li p {width:100%;}
	.form-wrapper .col {padding-left:0; padding-right:0;}
	.form-wrapper.main .col {padding-left:0; padding-right:0;}
	.quote-content {width:calc(100% - 40px);}
	body.Quote .quote-box {padding:20px;}
	body.Quote .page-wrapper {padding: 110px 0px 240px 0px; }
	.overlapping-div .col.col2.colpic {min-height: 300px; height: auto !important; height: 300px;}
	body.About .page-wrapper,body.Contact .page-wrapper,body.Schemes .page-wrapper {padding:180px 0px 120px 0px;}
	.header {
		display: flex;
		padding-bottom: 10px;
		flex-wrap: nowrap;
		align-items: center;
	}

	.logo {
		margin-bottom: 0;
	}

	.menu-toggle {
    font-size: 36px;
		padding:10px;
    cursor: pointer;
    display: inline-block;
}

.menu-toggle::before {
    content: "☰"; /* Default hamburger icon */
}

.menu-toggle.active::before {
    content: "✖"; /* X icon when menu is active */
}

	.nav {
		flex-direction: column;
		position: absolute;
		top: 100%;
		left: 20px;
		width: calc(100% - 40px);
		background: #282f39;
		border-radius: 8px;
		overflow: hidden;
		max-height: 0;
		visibility: hidden;
		transition: max-height 0.4s ease-in-out, visibility 0.3s;
	}

	.nav.show {
		max-height: 352px;
		visibility: visible;
		z-index:50;
	}

	.nav a {
		padding: 10px 15px;
		display: block;
	}
	.header .nav a {border-bottom:0;}
	.header .nav a.current {border-bottom:0; background-color:#454e5a;}
	.header .nav a:hover {border-bottom:0; background-color:#454e5a;}
	
	body.Quote .quote-box .quote-results .result-company {flex-wrap:wrap; justify-content: center;}
	body.Quote .quote-box .quote-results .result-company .col,body.Quote .quote-box .quote-results .result-company .col:first-of-type,body.Quote .quote-box .quote-results .result-company .col:last-of-type {width:100%; flex:auto; text-align: center; padding:20px;}
	body.Quote .quote-box .quote-results .result-company .col:first-of-type { padding-top:15px; padding-bottom:10px; line-height:110%;}
	body.Quote .quote-box .quote-results .result-company .col:last-of-type {padding-top:0; padding-bottom:10px;}
	body.Contact .col.contact-left h2 {text-align: center;}
	body.Contact .wrapper {padding:15px;}
	body.Contact .flex-container .col .flex-container .col {width: 50%;}
	body.Contact .flex-container .col .col-inner {padding:25px;}
	body.Contact .flex-container .col .flex-container {gap:0;}
}

@media (max-width: 599px) {
	ul.quote-steps li {font-size:16px;}
	ul.quote-steps li img {width:32px; height:32px; margin-bottom:5px;}
	body.Quote .page-wrapper {padding: 110px 0px 200px 0px; }
	.quote-box .form-wrapper.main label {font-size:14px; margin: 6px 0 1px 0;}
	.quote-foot a {font-size:20px;}
	.logo {font-size:28px;}
	.logo img {height: 40px;}
	.logo span {font-size:10px;}
}

@media (max-width: 499px) {
	.quote-box h3 { font-size: 30px;}
	.quote-content .quote-box .step-title img {width:36px; height:36px;}
	.form-wrapper .col.reg_info {padding: 0px 20px 10px 0px;}
	ul.quote-steps li {padding: 10px 5px 5px 5px;}
	ul.quote-steps li img {width:28px; height:28px; margin-bottom:0;}
	body.Quote .quote-box p {font-size:12px;}
	body.Contact .flex-container .col .flex-container {flex-wrap: wrap;}
	body.Contact .flex-container .col .flex-container .col {width:100%;}
	.reg-box .reg-left input { font-size: 44px; }
}

@media (max-width: 449px) {
	.header {padding:25px 0 0 30px;}
	.quote-box p {font-size: 14px;}
	.home-content {padding:0; }
	.quote-box {background-color: rgba(40, 47, 57, 0.7); border-radius:0; padding:50px 20px 50px 20px;}
	ul.quote-steps li { font-size: 14px; }
	ul.quote-steps img { width:28px; height:28px; }
	body.Quote .page-wrapper {padding:100px 0px 180px 0px;}
	body.Contact .flex-container .col .col-inner { padding: 15px;}
	.reg-box .reg-left input { font-size: 42px; }
}

@media (max-width: 374px) {
	.header {padding:20px 0 0 15px;}
	.logo img {margin-right:5px;}
	.reg-box .reg-left input { font-size: 38px; }
	.reg-box .reg-right button {background-size:45px 45px;}
	ul.quote-steps li { font-size: 12px; }
	ul.quote-steps img { width:24px; height:24px; }
	.quote-content {width:calc(100% - 20px);}
	body.Quote .quote-box {padding:10px;}
	body.Quote .page-wrapper {padding:90px 0px 160px 0px;}
	body.Quote .logos { width: calc(100% - 20px); }
	body.Quote .reg-box .reg-left input {padding-left:7px;}
	body.Quote .step-title {margin-top:10px;}
	.quote-content .quote-box .step-title h3 {font-size: 24px;}
	.quote-content .quote-box .step-title img {width:28px; height:28px;} 
}
	
	@media (max-width: 344px) {
		.reg-box .reg-left input { font-size:36px; letter-spacing:-2px;}
	}
	
	/* If screen height lower than minimum */
@media screen and (max-height: 699px) {
  body.Home .page-wrapper {    min-height: 699px; }
	.home-content {height:auto; padding-top:170px;}
	/*.quote-box {padding:30px 20px 30px 20px;}*/

	/* 3 Column Layout */
	.flex-wrapper {display:flex;}
	
}
@media screen and (max-height: 699px) and (max-width: 991px) {
	.home-content {padding-top:230px;}
}
@media screen and (max-height: 699px) and (max-width: 767px) {
	.home-content {padding-top:120px;}
	body.Home .page-wrapper {min-height: 629px;}
}
@media screen and (max-height: 699px) and (max-width: 449px) {
	.home-content {padding-top:140px;}
	body.Home .page-wrapper { min-height: 539px; }
}