@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
	font-size: 16px;
	color: #FCFAF9;
	overflow-x: hidden;
	font-weight: 400;
	font-family: "Inter", sans-serif;
	background: #200F0A;
}

input, select, button {
	font-weight: 400;
	font-family: "Inter", sans-serif;
}

.material-symbols-outlined.fill {
	font-variation-settings:
		'FILL' 1
}

@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot');
	src: url('../fonts/fontawesome-webfontd41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome-webfont.woff2') format('woff2'),
		url('../fonts/fontawesome-webfont.woff') format('woff'),
		url('../fonts/fontawesome-webfont.ttf') format('truetype'),
		url('../fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fa-solid,
.fas {
	font-weight: 900
}

@font-face {
	font-family: "Font Awesome 5 Brands";
	font-display: block;
	font-weight: 400;
	src: url(../fonts/fa-brands-400.woff2) format("woff2"),
		url(../fonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
	font-family: "Font Awesome 5 Free";
	font-display: block;
	font-weight: 900;
	src: url(../fonts/fa-solid-900.woff2) format("woff2"),
		url(../fonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
	font-family: "Font Awesome 5 Free";
	font-display: block;
	font-weight: 400;
	src: url(../fonts/fa-regular-400.woff2) format("woff2"),
		url(../fonts/fa-regular-400.ttf) format("truetype")
}

@font-face {
	font-family: "FontAwesome";
	font-display: block;
	src: url(../fonts/fa-solid-900.woff2) format("woff2"),
		url(../fonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
	font-family: "FontAwesome";
	font-display: block;
	src: url(../fonts/fa-brands-400.woff2) format("woff2"),
		url(../fonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
	font-family: "FontAwesome";
	font-display: block;
	src: url(../fonts/fa-regular-400.woff2) format("woff2"),
		url(../fonts/fa-regular-400.ttf) format("truetype");
	unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc
}

@font-face {
	font-family: "FontAwesome";
	font-display: block;
	src: url(../fonts/fa-v4compatibility.woff2) format("woff2"),
		url(../fonts/fa-v4compatibility.ttf) format("truetype");
	unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a
}

a {
	transition: all ease .5s;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

button {
	transition: all ease .5s;
}

button {
	outline: 0 !important;
	box-shadow: none;
	border: none;
	padding: 0
}

button:focus {
	box-shadow: none
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #fff;
	font-family: "Inter", sans-serif;
	font-weight: 400;
}

h1, .h1 {
	font-size: 52px;
	font-weight: 600;
	line-height: 1.16;
}

h2, .h2 {
	color: #FCFAF9;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.2;
}

h2 span, .h2 span {
	color: #A2F6F5;
}

h3, .h3 {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.3;
}

h4, .h4 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
}

h5, .h5 {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.5;
}

h6, .h6 {
	font-size: 21px;
	line-height: 1.5;
}

p {
	color: #FCFAF9;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 15px 0;
	font-family: "Inter", sans-serif;
}

p.big {
	font-size: 24px;
	line-height: 1.8em;
}

p.bigger {

}

p.small {
	font-size: 18px;
	line-height: 1.5;
}

p.smaller {
	font-size: 16px;
	line-height: 1.5;
}

p:last-child {
	margin-bottom: 0;
}

img {
	max-width: 100%;
	height: auto;
}

.btn-default {
	display: inline-block;
	color: #200F0A;
	font-size: 18px;
	font-weight: 500;
	line-height: 50px;
	padding: 0px 30px;
	border-radius: 60px;
	border: 1px solid #A2F6F5;
	background: #A2F6F5;
}

.btn-default:hover,
.btn-default.active {
	border: 1px solid #A2F6F5;
	background: rgba(162, 246, 245, 0.10);
	backdrop-filter: blur(17px);
	color: #A2F6F5;
}

.btn-default.skyblue-border {
	border: 1px solid #A2F6F5;
	background: rgba(162, 246, 245, 0.10);
	backdrop-filter: blur(17px);
	color: #A2F6F5;
}

.btn-default.skyblue-border:hover {
	border: 1px solid #A2F6F5;
	background: #A2F6F5;
	color: #200F0A;
}

.btn-default.blue {
	border: 1px solid #858DF9;
	background: #858DF9;
	color: #FCFAF9;
}

.btn-default.blue:hover {
	border: 1px solid #858DF9;
	background: rgba(133, 141, 249, 0.10);
	backdrop-filter: blur(17px);
	color: #FCFAF9;
}

.section-title h2 {
	margin-bottom: 30px;
}

.section-title.white h2,
.section-title.white p {
}

ul.list {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0;
	color: rgba(252, 250, 249, 0.80);
	font-size: 18px;
	line-height: 1.6;
	font-weight: 400;
	margin-bottom: 20px;
	list-style: none;
}

ul.list li {
	padding-left: 35px;
	margin-bottom: 15px;
	min-height: 28px;
	position: relative;
}

ul.list li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -11px;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background: url(../img/icon-list.png) 0px 50% no-repeat;
	background-size: 35px auto;
}

.hover-animate {
	-webkit-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

.hover-animate:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	}
}

/*** HEADER ***/
header {
	position: absolute;
	width: 100%;
	padding: 30px 0px;
	transition: .3s;
	z-index: 99;
}

header.fixed {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	background: #200F0A;
}

header.fixed .navbar-brand img {
	height: 35px;
}

header .navbar {
	padding: 0px 15px;
}

header .navbar-brand {
	margin: 0;
	padding: 0px;
}

header .navbar-brand img {
	height: 38px;
	transition: .3s;
}

header .navbar-nav>.nav-item {
	margin: 0px 0px 0px 24px;
}

header .navbar-nav>.nav-item>.nav-link {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	position: relative;
	padding: 0px;
	line-height: 50px;
}

header .navbar-nav>.nav-item:hover>.nav-link,
header .navbar-nav>.nav-item.active>.nav-link {
	color: #858DF9;
}

header .navbar-nav>.nav-item.lbtn>.nav-link {
	display: inline-flex;
	padding: 0px 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 50px;
	border-radius: 50px;
	background: #858df9;
}

header .navbar-nav>.nav-item.lbtn:hover>.nav-link,
header .navbar-nav>.nav-item.lbtn.active>.nav-link {
	background: #fff;
	color: #858df9;
}

/*** MAIN SIDEMENU ***/
.main-sidemenu-btn {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	min-width: 40px;
}

.main-sidemenu-btn:hover {
	color: #fff;
}

.main-sidemenu-btn span {
	height: 1px;
	width: 25px;
	background:#fff;
	display: inline-block;
	margin: 3px auto;
	float: right;
	transition: all .3s;
}

.main-sidemenu-btn div {
	display: inline-block;
	min-width: 20px;
}

.main-sidemenu-btn span {
	width: 100%;
}

.main-sidemenu {
	position:fixed;
	top:0px;
	left: -150%;
	min-width: 370px;
	max-width: 370px;
	-webkit-transition: all 0.45s;
	transition: all 0.45s;
	height:100%;
	z-index: 9999999;
	overflow:hidden;
	overflow-y:auto;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
	padding: 30px 30px 10px;
	color: rgba(204, 204, 204, 1);
	background-color: #200F0A;
	color: #ffffff;
}

.main-sidemenu.intro {
	left:0px;
}

.main-sidemenu .logo img {
	height: 35px;
}

.main-sidemenu-overlay {
	background: transparent;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: all .45s ease-in-out;
	z-index: 9999;
}

.main-sidemenu-overlay.active {
	opacity: 1;
	visibility: visible;
	background: rgba(65, 65, 65, 0.6);
}

.main-sidemenu a.CloseBtn {
	color: #fff;
	font-size: 20px;
	margin: 0;
	position: relative;
	z-index: 99;
	cursor: pointer;
	top: 15px;
	right: 0;
	border-radius: 0px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 60px;
	float: right;
}

.main-sidemenu a.CloseBtn:before,
.main-sidemenu a.CloseBtn:after {
	content: '';
	display: block;
	width: 20px;
	height: 1px;
	background-color: currentColor;
	position: absolute;
	left: 50%;
	top: 50%;
}

.main-sidemenu a.CloseBtn:before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.main-sidemenu a.CloseBtn:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.main-sidemenu ul.main-menu ul {
	padding: 0;
}

.main-sidemenu ul.main-menu li {
	list-style:none;
	display:inline-block;
	width:100%;
}

.main-sidemenu ul.main-menu {
	padding-left:0px;
	margin-top:50px;
}

.main-sidemenu ul.main-menu>li>a {
	display: inline-block;
	width: 100%;
	letter-spacing: 0.1em;
	color: #fff;
	font-size: 15px;
	line-height: 32px;
	padding: 10px 0px;
	font-weight: 600;
}

.main-sidemenu ul.main-menu li:hover>a,
.main-sidemenu ul.main-menu li.active>a {
	background:none;
	color: #A6916B;
}

.main-sidemenu ul.main-menu li.menu-item-has-children {
	cursor: pointer;
}

.main-sidemenu ul.main-menu li.menu-item-has-children>a {
	pointer-events: none;
	cursor: pointer;
	position: relative;
}

.main-sidemenu ul.main-menu li.menu-item-has-children:hover>a {
	color: #A6916B !important;
}

.main-sidemenu ul.main-menu li.menu-item-has-children>a:after {
	content: '';
	display: inline-block;
	border-top-width: 1px;
	border-top-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	transform: translate(-50%, -50%) rotate(135deg);
	opacity: .8;
	transition: all .3s ease;
	background: none !important;
	position: absolute;
	top: 50%;
	right: 0;
	margin: auto;
	width: 8px;
	height: 8px;
	visibility: visible;
	border-radius: 0;
	color: inherit;
	border-top-width: 3px;
	border-left-width: 3px;
}

.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu {
	opacity: 1;
	visibility: visible !important;
	position: relative !important;
	left: 0 !important;
	-webkit-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	transform: translateY(0) !important;
	background: none;
	padding: 0 0 0 30px !important;
	display: none !important;
	top: 0 !important;
}

.main-sidemenu ul.main-menu li.current ul.sub-menu {
	display: block !important;
	pointer-events: auto;
}

.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li {
	margin: 0;
}

.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li>a {
	display: inline-block;
	font-size: 15px;
	line-height: 32px;
	padding: 10px 0px;
	color: #fff;
	font-weight: 600;
	position: relative;
	letter-spacing: 0.1em;
	width: 100%;
}

.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li>a:before {
	content: '';
	background-color: #A6916B;
	content: "";
	width: 20px;
	height: 1px;
	transition: .3s;
	display: inline-block;
	opacity: 0;
	margin-left: -30px;
	margin-right: 10px;
	vertical-align: middle;
}

.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li:hover>a,
.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li.current_page_item>a,
.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li.active>a {
	background: none !important;
	color: #A6916B !important;
}

.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li>a:hover:before,
.main-sidemenu ul.main-menu li.menu-item-has-children ul.sub-menu li.active>a:before {
	opacity: 1;
	margin-left: 0;
}

/*** BANNER ***/
.banner {
	background: url(../img/bg-banner.png) 50% 50% no-repeat;
	background-size: cover;
	padding-top: 200px;
	padding-bottom: 200px;
	position: relative;
}

.banner .mainimg {
	position: absolute;
	top: 50%;
	transform: translate(0%,-50%);
	right: 0px;
	max-width: 60%;
}

.banner .logo {
	margin-top: 70px;
	position: relative;
	left: -12px;
}

.banner h1 {
	color: #FCFAF9;
	margin-top: 15px;
}

.banner h1 span {
	color: #A2F6F5;
}

.banner p {
	margin-top: 30px;
	margin-bottom: 35px;
	color: rgba(252, 250, 249, 0.80);
}

.banner .btn-default {
	margin-right: 10px;
	margin-bottom: 10px;
}

/*** FEATURES ***/
.features {
	padding: 70px 0px;
	border-radius: 60px 60px 0 0;
	background: #200F0A;
	box-shadow: 0 -42px 57.1px -18.172px rgba(0, 0, 0, 0.60);
	position: relative;
}

.awards-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.icon-box {
	display: flex;
	align-items: center;
}

.icon-box>img {
	margin-right: 0px;
}

.icon-box p {
	margin: 0;
	color: rgba(252, 250, 249, 0.60);
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
}

/*** CREDENTIAL-RISK ***/
.credential-risk {
	background: url(../img/bg-benifit-1.html) top right no-repeat, url(../img/bg-benifit-2.html) bottom left no-repeat;
	padding: 0px 0px 80px 0px;
	background: #200F0A;
}

.credential-risk .section-title h2 {
	margin: 0px;
	margin-bottom: 50px;
}

.credential-risk .bg {
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: rgba(55, 49, 47, 0.10) url(../img/bg-lines.png) 50% 50% no-repeat;
	padding: 80px 60px;
	position: relative;
	overflow: hidden;
	/* background-size: auto 80%; */
}

.credential-box {
	margin-bottom: 30px;
	height: calc(100% - 30px);
	position: relative;
	overflow: hidden;
	padding: 28px;
	border-radius: 30px;
	border: 1px solid rgba(196, 227, 255, 0.20);
	background: linear-gradient(107deg, #2A1C22 0%, var(--primary, #200F0A) 98.76%);
	box-shadow: 19px 25px 25.1px 0 rgba(0, 0, 0, 0.20);
}

.credential-box img {
	position: relative;
	bottom: 0;
	margin-top: -20px;
	left: -25px;
}

.credential-risk .btn-default {
	margin-top: 30px;
}

.credential-risk .row {
	position: relative;
	z-index: 2;
}

.credential-risk .align-1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}

.credential-risk .align-2 {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(0%,-50%);
	z-index: 1;
	max-width: 600px;
}

/*** WHAT DASHLANE ***/
.what-dashlane {
	padding: 80px 0px 180px 0px;
}

.what-dashlane .img {
	position: relative;
}

.what-dashlane .img img {
	position: relative;
	z-index: 2;
}

.what-dashlane .img .overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(19.96deg);
	z-index: 1;
	width: 530px;
	height: 530px;
	flex-shrink: 0;
	border-radius: 530px;
	background: rgba(133, 141, 249, 0.30);
	filter: blur(150px);
}

.what-dashlane p {
	color: rgba(252, 250, 249, 0.80);
}

.what-dashlane p.white {
	color: rgba(252, 250, 249, 1);
	font-weight: bold;
}

/*** PASSWORD MANAGER ***/
.password-manager {
	padding: 180px 0px 180px 0px;
	border-radius: 60px;
	background: rgba(55, 49, 47, 0.10);
	position: relative;
	overflow: hidden;
	background: rgba(55, 49, 47, 0.10) url(../img/bg-password.png) 50% 50% no-repeat;
}

.password-manager .align-1 {
	position: absolute;
	top: -100px;
	right: -50px;
	z-index: 1;
	height: 524px;
	transform: rotate(19.96deg);
}

.password-manager .section-title p {
	margin-bottom: 60px;
}

.password-manager::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(19.96deg);
	z-index: 1;
	width: 690px;
	height: 690px;
	border-radius: 690px;
	background: rgba(133, 141, 249, 0.20);
	filter: blur(150px);
}

.password-box .row {
	position: relative;
	z-index: 2;
}

.password-box {
	display: inline-block;
	width: 100%;
	margin: 12px 0px;
	position: relative;
	border-radius: 21px;
	background: #2A1D21;
	box-shadow: 8px 14px 15.1px 0 rgba(0, 0, 0, 0.21);
	padding: 18px 20px;
}

.password-box img {
	position: relative;
	height: 52px;
	margin-bottom: 16px;
}

.password-box p {
	color: rgba(252, 250, 249, 0.80);
	font-size: 16px;
	font-weight: 400;
	line-height: 22.4px;
	margin-bottom: 0px;
	min-height: 45px;
}

.password-manager .btn-default {
	margin-top: 60px;
}



/*** WHAT DASHLANE ***/
.platform-dashlane {
	padding: 180px 0px 0px 0px;
	position: relative;
	z-index: 3;
}

.platform-dashlane::before {
	content: '';
	z-index: 1;
	position: absolute;
	left: -137px;
	top: -80px;
	width: 400px;
	height: 400px;
	transform: rotate(19.96deg);
	aspect-ratio: 400.00/400.00;
	border-radius: 400px;
	background: rgba(162, 246, 245, 0.20);
	filter: blur(150px);
}

.platform-dashlane .img {
	position: relative;
}

.platform-dashlane .img img {
	position: relative;
	z-index: 2;
}

.platform-dashlane .img .overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(19.96deg);
	z-index: 1;
	width: 530px;
	height: 530px;
	flex-shrink: 0;
	border-radius: 530px;
	background: rgba(133, 141, 249, 0.30);
	filter: blur(150px);
}

.platform-dashlane p {
	color: rgba(252, 250, 249, 0.80);
}

.platform-dashlane .section-title {
	padding-bottom: 70px;
}


/*** CORE CAPIBILITIES ***/
.core-capabilities {
	background: url(../img/core-capabilities-1.png) bottom right no-repeat;
	padding: 10px 0px 180px 0px;
	background-size: 270px auto;
}

.core-capabilities .section-title h2 {
	margin: 0px;
	margin-bottom: 60px;
}

.core-capabilities .row {
	position: relative;
	z-index: 2;
}

.capabilities-box {
	height: calc(100% - 30px);
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	padding: 32px;
	border-radius: 30px;
	border: 1px solid rgba(196, 227, 255, 0.20);
	background: #200F0A;
	transition: all .3s;
}

.capabilities-box:hover {
	border: 1px solid rgba(196, 227, 255, 0.20);
	background: linear-gradient(140deg, rgba(162, 246, 245, 0.20) -0.04%, rgba(162, 246, 245, 0.07) 14.84%, rgba(162, 246, 245, 0.00) 100.04%);
	box-shadow: 22px 32px 26.4px 0 rgba(0, 0, 0, 0.30);
}

.capabilities-box img {
	position: relative;
}

.capabilities-box h3 {
	color: #FFF;
	font-size: 24px;
	font-weight: 600;
	margin: 15px 0px 20px 0px;
}

.core-capabilities .btn-default {
	margin-top: 30px;
}



/*** PRICING ***/
.pricing {
	padding: 170px 0px 110px 0px;
	border-radius: 60px 60px 0 0;
	background: linear-gradient(180deg, rgba(63, 87, 160, 0.45) 0%, rgba(63, 87, 160, 0.00) 100%), url(../img/bg-pricing.png) center center no-repeat;
	background-size: cover;
	box-shadow: 0 -42px 57.1px -18.172px rgba(0, 0, 0, 0.30);
}

.pricing .section-title h2 {
	margin-bottom: 30px;
}

.pricing .section-title {
	margin-bottom: 60px;
}

.pricing-box {
	background: #F0F7FF;
	border-radius: 16px;
	border: 1px solid rgba(196, 227, 255, 0.20);
	background: linear-gradient(107deg, #2A1C22 0%, var(--primary, #200F0A) 98.76%);
	box-shadow: 22px 30px 57.1px -18.172px rgba(0, 0, 0, 0.40);
	position: relative;
	height: calc(100% - 45px);
	margin-bottom: 45px;
}

.pricing-box .btn-default {
	width: 100%;    
}

.pricing-box.popular {
	border-radius: 16px;
	border: 3px solid rgba(196, 227, 255, 0.20);
	border: 3px solid rgba(133, 141, 249, 0.60);
	background: linear-gradient(107deg, #2A1C22 0%, var(--primary, #200F0A) 98.76%);
	box-shadow: 0 0 57.1px -4px rgba(133, 141, 249, 0.30), 22px 30px 57.1px -18.172px rgba(0, 0, 0, 0.40);
}

.pricing-box.popular .tag {
	display: flex;
	padding: 0 24px;
	justify-content: center;
	align-items: center;
	width: max-content;
	gap: 10px;
	border-radius: 30px;
	color: #858DF9;
	font-size: 16px;
	font-weight: 600;
	line-height: 40px;
	border-radius: 70px;
	border: 3px solid rgba(133, 141, 249, 0.60);
	background: #312533;
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translate(-50%, 0px);
}

.pricing-box .text {
	padding: 64px 28px 80px 28px;
	position: relative;
	height: 100%;
}

.pricing-box .text .btn-bar {
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 32px;
}

.pricing-box .text h3 {
	color: #FCFAF9;
	font-size: 32px;
	font-weight: 600;
	line-height: 38.4px;
}

.pricing-box p {
	color: #FCFAF9;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0px;
}

.pricing-box hr {
	opacity: 1;
	border-color: rgba(252, 250, 249, 0.10);
	width: 100%;
	height: 2px;
	display: inline-block;
	margin-bottom: 20px;
	margin: 0px;
}

.pricing-box hr.bottom {
	margin-top: 15px;
	margin-bottom: 20px;
}

.pricing-box .text .price-title {
	color: #FCFAF9;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.5;
}

.pricing-box .list {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 30px;
}

/*** CONTACT ***/
.contact {
	background: url(../img/bg-benifit-1.html) top right no-repeat, url(../img/bg-benifit-2.html) bottom left no-repeat;
	padding: 0px 0px 0px 0px;
	background: #200F0A;
}

.contact .section-title {
	margin: 0px;
	margin-bottom: 40px;
}

.contact .section-title h2 {
	margin: 0px;
	margin-bottom: 20px;
}

.contact .bg {
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: #1A0600 url(../img/bg-lines.png) 50% 50% no-repeat;
	padding: 70px 60px 60px 60px;
	position: relative;
	overflow: hidden;
	/* background-size: auto 80%; */
}

.contact .align-1 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	max-width: 600px;
}

.contact .align-2 {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

.contact .row {
	position: relative;
	z-index: 2;
}

.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	font-family: "Inter", sans-serif;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	height: 52px;
	outline: 0;
	line-height: 1.5;
	padding: 14px 20px;
	margin-bottom: 10px;
	box-shadow: none;
	outline: none;
	margin-bottom: 16px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.20);
	background: #170603;
}

.form-control::-webkit-input-placeholder {
	color: rgba(252, 250, 249, 0.50);
}

.form-control:focus {
	box-shadow: none;
	outline: none;
	background: #170603;
	border-color:#858df9;
	color: #fff;
}

textarea.form-control {
	height: 140px;
	resize: none;
	padding: 14px 20px;
}

.checkinput label {
	display: flex;
	align-items: start;
	font-size: 14px;
	line-height: 21px;
	color: rgba(252, 250, 249,.8);
}

.checkinput label input {
	margin-right: 15px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	background: none;
	border: 1px solid #FFF;
	border-radius: 3px;
	min-width: 14px;
	height: 14px;
	margin-top: 3px;
	position: relative;
}

.checkinput label input:checked {
	background: #fff;
}

.checkinput label input:checked:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: relative;
	top: -6px;
	left: 2px;
	font-size: 10px;
}

.contact .btn-default {
	margin: 0px 5px;
	margin-top: 40px;
	margin-bottom: 10px;
}

/*** FOOTER ***/
.footer {
	padding: 70px 0px 0px 0px;
}

.footer .logo img {
	height: 45px;
}

.footer hr {
	float: left;
	width: 100%;
	margin: 60px 0px 0px 0px;
	border-top: 1px solid rgba(196, 227, 255, 0.20);
	opacity: 1;
}

.footer .copy {
	padding: 20px 0px;
}

.footer p {
	color: #fff;
	font-size: 16px;
	opacity: 0.7;
	margin: 10px 0px;
}

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

.footer ul li {
	list-style: none;
	display: inline-block;
	padding-left: 55px;
}

.footer ul li a {
	color: #fff;
	font-size: 16px;
	opacity: 0.7;
}

.footer ul li a:hover {
	opacity: 1;
}

input.wpcf7-form-control.wpcf7-not-valid{
	border: 2px solid #f00 !important;
}
span.wpcf7-not-valid-tip{
	display:none;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
	display:inline-block !important; 
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{
	display:inline-block !important;
}


/* ✅ Success message (form sent) */
.wpcf7 form.sent .wpcf7-response-output,  {
	background: #f6f4ee; /* soft beige or light neutral background */
	color: #0a3a2a; /* elegant dark green accent */
	border: 2px solid #0a3a2a;
	padding: 1rem 1.5rem;
	border-radius: 12px;
	font-family: 'Poppins', 'Helvetica Neue', sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	max-width: 500px;
	margin: 1.5rem auto;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	opacity: 0;
	animation: fadeInUp 0.6s ease forwards;
}

/* ❌ Error message (validation failed or required fields missing) */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output, .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
	background: #fdf2f2; /* soft red background */
	color: #8b0000; /* deep red text */
	border: 2px solid #e63946; /* elegant red border */
	padding: 1rem 1.5rem;
	border-radius: 12px;
	font-family: 'Poppins', 'Helvetica Neue', sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	max-width: 500px;
	margin: 1.5rem auto;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	opacity: 0;
	animation: fadeInUp 0.6s ease forwards;
}

/* ⚠️ Individual field validation tips (inline error under fields) */
.wpcf7-not-valid-tip {
	color: #e63946; /* red accent for field warnings */
	font-size: 14px;
	margin-top: 4px;
	font-weight: 500;
}

/* ✨ Fade-in animation for both messages */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.password-manager .row {
	position: relative;
	z-index: 2;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 !important;
}