main.site-main { padding: 0 0; }
.container { width: 100%;max-width:1188px;padding:0 20px;margin:0 auto; }
.btn { text-align: right; font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 600; line-height: 18px; padding: 7px 20px; border-radius: 50px; border: 1px solid transparent; display: inline-block; vertical-align: middle; text-decoration: none; }
.transparent-btn { border: 2px solid #0061FF; }
.transparent-btn:hover { color: #fff; background: #0A1B5F; border-color: #0A1B5F; }
.blue-btn { background-color: #0061FF; color: #ffffff; }
.blue-btn:hover { color: #fff; background: #0A1B5F; border-color: #0A1B5F; }
#navicon { z-index: 25;position: relative;top: 0;right: 0;width: 36px;height: 36px;padding: 0;background: #0061FF;border-radius: 100%;border: 0 none; display: none; }
#navicon:before, #navicon:after { content: ""; position: absolute; left: calc(50% - 8px); width: 16px; height: 2px; background: #fff; display: block; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: background-color; transition: background-color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
#navicon:before { top: 14px; }
#navicon:after { top: 20px; }
.header-mobile-style #navicon:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.header-mobile-style #navicon:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.header-mobile-style #navicon:before, .header-mobile-style #navicon:after { top: calc(50% - 1px); background: #0061FF; }
.header-mobile-style #navicon { background: #fff; }
.header-wrap .logo.desk-logo { opacity: 1; }
.header-wrap .logo { opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transition: opacity; transition: opacity; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.header-mobile-style .header-wrap .logo.menu-open-logo { opacity: 1; }
.header-mobile-style .header-wrap .logo.desk-logo { opacity: 0; }
.header-mobile-style .header-wrap .logo.menu-open-logo img { height: auto; } body:after { z-index: -1; content: ""; position: fixed; top: 0; left: 0; width: 0; height: 0; cursor: pointer; background: rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity, visibility; transition: opacity, visibility; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.header-mobile-style body:after { opacity: 1; visibility: visible; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.header-mobile-style body:after { z-index: 0; width: 100%; height: 100%; }

/*Header Css Start Here*/
header.site-header { position: fixed;left: 0;top: 0;width: 100%;padding: 12px; z-index: 9;}
.header-wrap { border-radius: 36px; background: rgba(255, 255, 255, 0.82); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); -webkit-transition: background-color; transition: background-color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; display: flex;flex-wrap: wrap;justify-content: space-between;padding: 7px 10px 7px 19px; }
.header-buttons > a { display: inline-block;vertical-align: middle;padding: 0 15.5px;color: #0A1B5F;text-align: center;font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 600;line-height: 16px;text-decoration: none; }
.header-buttons { display: flex;flex-wrap: wrap; align-items: center; }
.logo a { display: inline-block; vertical-align: middle; height: 100%; }
.logo { margin: 6px 0 0 0; }
.logo img { height: 27px;  }

/*Footer Css Start Here*/
footer .footer-top { background-color: #0A1B5F;padding: 55px 0 74px; position: relative; }
footer .footer-top::before { content: ""; background-image: url(../images/footer-symbol.svg); position: absolute;right: 0;top: 0;width: 542px;height: 217px;background-repeat: no-repeat;background-size: contain; z-index: 0; }
.footer-top-wrap { display: flex;flex-wrap: wrap;justify-content: space-between; position: relative; }
.copyright-text p { margin: 0; color: #C3C3C3;font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 400;line-height: 16px;  }
.footer-logo { margin: 0 0 7px 0; }
.footer-dealer-text p { color: #ffffff;text-align: left;font-family: Poppins;font-size: 24px;font-style: normal;font-weight: 500;line-height: 34.8px; letter-spacing: -0.24px; margin: 0; }
.footer-dealer-text {max-width: 267px;width: 100%;margin: 0 0 24px auto;}
.footer-menu { display: flex ; flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 0 0 0; }
.footer-menu a { display: inline-block;text-decoration: none;vertical-align: middle;color: #fff;font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;border-radius: 999px;border: 2.5px solid #0061FF;padding: 8px 24px; }
.footer-menu a:hover { color: #ffffff; border-color: #ffffff; }
.footer-bottom { background-color: #fff; padding: 36px 0; }
.footer-bottom-menu ul { margin: 0;padding: 0; display: flex;flex-wrap: wrap;gap: 32px; }
.footer-bottom-menu ul li { list-style-type: none; }
.footer-bottom-menu ul li a { color: #333; font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px;   text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }
.footer-bottom-menu ul li a:hover { color: #0A1B5F; }
.footer-top-lt { padding: 0 0 0 8px; }
.footer-top-rt { padding: 2px 0 0 0; }
.footer-dealer-text.fr-text { max-width: 311px; margin: 0 0 24px 0; }
.footer-menu.footer-fr-menu { align-items: flex-start; }

/*Responsive Css Start Here*/
@media only screen and (max-width: 767px) {
	.footer-top-lt { width: 100%; padding: 0 0 52px 0; text-align: center; }
	.footer-top-rt { padding: 0; text-align: center; width: 100%; }
	.footer-dealer-text { max-width: 192px; width: 100%; margin: 0 0 24px 0;}
	.footer-logo { text-align: left; }
	.footer-dealer-text p { text-align: left; font-size: 18px; line-height: 26px; letter-spacing: -0.18px; }
	.footer-menu { padding: 0 0 0 0; text-align: left; justify-content: left; align-items: flex-start; }	
	.footer-bottom { padding: 20px 0; }
	.footer-menu.footer-fr-menu { align-items: flex-start; padding: 24px 0 0 0; }
	.copyright-text p { text-align: left; }
	.footer-bottom-menu ul { justify-content: flex-start; }
	.header-lt { width: 50%; }
	.logo img { height: 21px; }
	.header-buttons > a { padding: 0 8px; }
	.footer-bottom-menu ul { gap: 20px; }
	.header-buttons { display: none; }
	#navicon { display: block; top: 0; }
	.header-wrap:before { content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 0;background: #fff;border-radius: 28px;-webkit-transition: background-color, height;transition: background-color, height;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out; }
	.header-mobile-style .header-wrap:before { height: calc(100vh - 14px); background: #0061FF; }
	.header-mobile-style .header-buttons { width: 100%; height: 100vh; padding: 12px 16px 8px 16px; overflow: hidden; }
	.header-buttons { position: fixed; top: 0; right: 0; width: 0; height: 0; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity, visibility; transition: opacity, visibility; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
	.buttons .btn.transparent-btn { border-radius: 26px; border: 2px solid #FFF; color: #ffffff; width: 100%; text-align: center; padding: 16px 32px; }
	.buttons .btn.blue-btn { border-radius: 26px; background: #FFF; color: #0061FF; width: 100%; text-align: center; padding: 16px 32px; }
	.buttons { width: 100%; position: relative; z-index: 1; gap: 16px; display: flex; flex-wrap: wrap; }
	.header-mobile-style .header-buttons { opacity: 1;visibility: visible;-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0); }
	.header-buttons > a { order: 3; color: #fff; margin: 28px 0 0 0px; }
}
@media only screen and (max-width: 640px) {
	.footer-bottom-menu ul { gap: 15px; }
	.coming-soon-wrap .btn { font-size: 16px; }
	.btn { padding: 7px 14px; }
}