:root {

	--heading-text-color: #244e74;
	/* 336D9B */
	--header-secondary-text-color: #172755;
	/* #0088F0 -- this may need to be the secondary header text color */
	/* #172755 */
	--primary-text-color: #293338;
	/* #336D9B */

	/* --link-color: #336D9B; */
	--link-color: #0c74df;
	/* 0c74df */
	--button-color-primary: #4783EE;
	/* 4783EE */
	--menu-link-hover: var(--button-color-primary);

	--button-color-hover: #3366cc;
}

/* Base CSS */
.alignleft {
	float: left;
	margin-right: 15px;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.aligncenter {
	display: block;
	margin: 0 auto 15px;
}

a:focus {
	outline: 0 solid
}

* {
	box-sizing: border-box;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 15px;
	color: var(--heading-text-color);
	font-family: "Roboto", sans-serif;
}

body {
	color: var(--primary-text-color);
	;
	font-weight: 400;
	font-family: "Roboto", sans-serif;
}

@font-face {
	font-family: RusticLoveTattoo;
	src: url(../fonts/RusticLoveTattoo.otf);
}

.selector-for-some-widget {
	box-sizing: content-box;
}

a:hover {
	text-decoration: none
}

button:focus {
	outline: 0;
	outline: 5px auto -webkit-focus-ring-color;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}





/* header-area-start */

.header {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9;
	padding: 33px 0;
}

.header__flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.header__left {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.site__logo {
	margin-right: 95px;
}

.header__menu ul li {
	display: inline-block;
	margin-right: 36px;
}

.header__menu li a {
	color: #DDD;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	transition: 0.3s;
}

.header__menu li a:hover {
	color: var(--menu-link-hover);
}

.header__btn {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.header__btn a {
	margin-left: 40px;
	color: #DDD;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	transition: 0.3s;
}

.header__btn a:hover {
	color: var(--menu-link-hover);
}

/* .header__btn a.sign__up {
  border-radius: 68px;
  border: 1px solid #D8D8D8;
  height: 40px;
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.header__btn a.sign__up:hover {
	background: var(--link-color);
	color: #fff !important;
	border-color: var(--link-color);
} */


/* header-area-end */










/* hero-area-start */
.hero {
	background-image: url(../img/hero-bg.png);
	position: relative;
	background-size: cover;
	background-position: center bottom;
	padding: 210px 0;
}

.hero-s1 {
	position: absolute;
	top: 0;
	left: 0;
}

.hero-s2 {
	position: absolute;
	right: 0;
	bottom: 0;
}

.hero__content {
	position: relative;
	max-width: 550px;
}

.container {
	max-width: 1210px;
}

.hero__img {
	position: absolute;
	right: 0;
	top: 158px;
	/*! width: 37.6%; */
}

.hero__content h3 {
	font-size: 50px;
	font-weight: 700;
	line-height: 120%;
	color: #fff;
	margin-bottom: 15px;
}

.hero__content p {
	color: #D1D1D1;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 49px;
}

.hero__content a {
	border-radius: 68px;
	background: var(--link-color);
	width: 240px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
}

/* hero-area-end */





/* feature-area-start */

.feature {
	padding-top: 50px;
	padding-bottom: 46px;
}

.section__title h3 {
	font-size: 40px;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 23px;
}

.section__title p {
	font-size: 18px;
	max-width: 1060px;
	margin: auto;
	line-height: 150%;
	color: var(--primary-text-color);
	;
}

.feature__flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.single__feature {
	width: 32.33%;
	text-align: center;
}

.feature__img {
	height: 86px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

.feature__text h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 7px;
}

.feature__text p {
	font-size: 16px;
	margin: 0;
	font-weight: 400;
	line-height: 140%;
	min-height: 88px;
}

/* feature-area-end */

/* laptop-area-start */

/* .laptop {
  padding-bottom: 100px;
} */

.laptop__flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 80px;
}

.laptop__content {
	width: 50%;
}

.laptop__content h3 {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2;
	/* margin-bottom: 30px; */
	color: var(--heading-text-color);
}

.single__laptop--info {
	margin-bottom: 30px;
}

.single__laptop--info h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 10px;
	color: #0088F0;
	display: flex;
	align-items: center;
}

.single__laptop--info h4 i {
	margin-right: 10px;
	font-size: 18px;
}

.single__laptop--info p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--primary-text-color);
	;
	margin: 0;
}

.laptop__img {
	width: 45%;
}

.laptop__img img {
	max-width: 100%;
	height: auto;

	/* border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
}

/* .laptop__content {
  background-color: #f8f9fa;
  padding: 30px;
  border-radius: 10px;
} */


/* laptop-area-end */



/* price-area-start */
.price {
	position: relative;
	/* padding: 80px 0; */
	/* background-color: #f8f9fb; */
}

.price .section__title h3 {
	color: #fff;
	margin-bottom: 20px;
	font-size: 36px;
}

.price .section__title p {
	color: #C2C2C2;
	max-width: 600px;
	margin: auto;
	font-size: 18px;
}

.price__flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	margin-top: 50px;
}

.single__price {
	width: calc(50% - 15px);
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	padding: 40px;
	text-align: center;
	transition: all 0.3s ease;
}

.single__price:hover,
.single__price.active {
	transform: translateY(-10px);
	box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);
}

.price__title h3 {
	color: var(--heading-text-color);
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px;
}

.price__title p {
	color: var(--primary-text-color);
	;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px;
}

.price__text span {
	color: var(--heading-text-color);
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
}

.price__text span span {
	font-size: 24px;
	vertical-align: super;
}

.price__text>p {
	color: var(--primary-text-color);
	;
	font-size: 14px;
	margin: 10px 0 20px;
}

.price__features {
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
	text-align: left;
}

.price__features li {
	color: var(--primary-text-color);
	;
	font-size: 16px;
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
}

.price__features li:before {
	content: "✓";
	color: var(--link-color);
	margin-right: 10px;
	font-weight: bold;
}

.cta-button {
	display: inline-block;
	padding: 15px 30px;
	background-color: var(--button-color-primary);
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 50px;
	transition: all 0.3s ease;
}

.cta-button:hover {
	background-color: var(--button-color-hover);
	;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(71, 131, 238, 0.3);
	color: #fff;
}

/* .single__price.active .cta-button {
	background-color: var(--heading-text-color);
}

.single__price.active .cta-button:hover {
	background-color: #0e1a3b;
} */

@media (max-width: 1200px) {
	.single__price {
		width: calc(100% - 30px);
		max-width: 500px;
	}
}

@media (max-width: 991px) {
	.single__price {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 30px;
	}
}

/* price-area-end */


/* footer-area-start */
.footer__bg {
	background-image: url(../img/footer-bg.png);
	background-size: cover;
	background-position: center top;
	position: relative;
	padding-top: 217px;
}

.price-wrapper {
	position: relative;
	z-index: 2;
	margin-bottom: 80px;
}

.footer__s1 {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.footer__bg {
	padding-top: 217px;
}

.footer__flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0;
	/* border-top: 1px solid #506B82; */
}

.footer__logo {
	max-width: 137px;
}

.footer__menu li {
	display: inline-block;
	margin-right: 36px;
}

.footer__menu li:last-child {
	margin: 0;
}

.footer__menu li a {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	color: #fff;
	transition: .3s;
}

.footer__menu li a:hover {
	font-weight: bold;
}

.footer__socail {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.footer__socail a {
	margin-right: 40px;
}

.footer__socail a:last-child {
	margin: 0;
}

.footer {
	position: relative;
	z-index: 2;
}

/* footer-area-end */



/* price-page-css-start */

.header.white {
	position: unset;
}

.header.white li a {
	color: #474747;
	transition: 0.3s;
}

.header.white li a:hover {
	color: var(--link-color);
}

.header.white a {
	color: #474747;
	border-color: #707070;
}

.header.white a:hover {
	color: var(--link-color);
}

.footer.white a {
	color: #253D4E;
}

.plan {
	padding-top: 100px;
	padding-bottom: 400px;
}

.plan .section__title p {
	max-width: 648px;
}

.single__plan {
	border-radius: var(--Main-System-20px, 20px);
	border: 1px solid var(--Gray-100, #E6E8EC);
	background: var(--Gray-00, #FFF);
	width: 31.9%;
}

.plan__flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1098px;
	margin: auto;
}

.plan__top {
	padding: 32px;
	border-bottom: 1px solid #EFF1F4;
	text-align: center;
}

.plan__top p {
	border-radius: 100px;
	background: var(--Primary-50, #F0F5FF);
	padding: 9px 16px;
	display: inline-block;
	color: var(--3, #3F4F6E);
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.14px;
	text-transform: uppercase;
}

.plan__top h3 {
	margin: 0;
	display: flex;
	align-items: end;
	justify-content: center;
	color: var(--3, #3F4F6E);
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: -0.6px;
}

.plan__top h3 span {
	color: var(--3, #3F4F6E);
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	padding-bottom: 5px;
	margin-left: 3px;
}

.plan__list {
	padding: 32px;
}

.plan__list li {
	color: var(--3, #3F4F6E);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px;
	display: block;
	/* display: flex; */
	align-items: center;
	margin-bottom: 20px;
}

/* .plan__list li span .check {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  border-radius: 100px;
  background: var(--Primary-50, #F0F5FF);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
} */

.plan__list li span .check {
	display: inline-flex;
	/* Ensures the contents are flex items */
	align-items: center;
	/* Centers items vertically inside the icon */
	justify-content: center;
	/* Centers items horizontally inside the icon */
	width: 24px;
	/* Width of the circle */
	height: 24px;
	/* Height of the circle */
	margin-right: 12px;
	/* Space between the icon and the text */
	border-radius: 50%;
	/* Makes the circle perfect */
	background: var(--Primary-50, #F0F5FF);
	/* Grey background, replace with var(--Primary-50, #F0F5FF) if needed */
	font-size: 12px;
	/* Adjust font size of the icon if necessary */
	/* color: white;  */
}

.plan__list ul {
	margin: 0;
	min-height: 180px;
}

.plan__list a {
	border-radius: 68px;
	background: var(--3, #3F4F6E);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	transition: 0.3s;
}

.plan__list a:hover {
	background: var(--link-color);
}

.single__plan.active {
	border-radius: var(--Main-System-20px, 20px);
	background: var(--Gray-00, #FFF);
	box-shadow: 0px 12px 56px 0px rgba(6, 28, 61, 0.12);
}

.single__plan.active ul {
	min-height: 202px;
}

.single__plan {
	height: 100%;
}

/* price-page-css-end */

/* product-page-css-start */

.product {
	position: relative;
	padding-top: 180px;
	margin-bottom: 60px;
}

.product:before {
	position: absolute;
	content: "";
	border-radius: 0px 0px 107px 107px;
	background: #F8F9FB;
	height: 100%;
	width: 100%;
	top: 0;
}

.product .section__title {
	position: relative;
	max-width: 972px;
	margin: auto;
	margin-bottom: 75px;
}

.product .section__title p {
	max-width: 648px;
	font-weight: 400;
	line-height: 140%;
	font-size: 16px;
	margin-bottom: 28px;
}

.product .section__title a {
	border-radius: 68px;
	background: var(--3, #3F4F6E);
	width: 238px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	text-decoration: none;
	color: #FFF;
	font-style: normal;
	font-weight: 400;
	transition: 0.3s;
}

.product .section__title a:hover {
	background: var(--link-color);
}

.product__banner {
	position: relative;
}

.header.white.pos {
	position: absolute;
}

/* product-page-css-end */


/* contact-page-css-start */

.contact .section__title h3 {
	margin-bottom: 16px;
}

.contact .section__title p {
	max-width: 800px;
}

/* The container */
.containerss {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.containerss input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerss:hover input~.checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerss input:checked~.checkmark {
	background-color: #3F4F6E;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.containerss input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.containerss .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.contact__form {
	max-width: 1042px;
	margin: auto;
}

.single__input-flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.single__input-flex .single__input {
	width: 49%;
}

.single__input label {
	color: var(--3, #3F4F6E);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.1px;
	display: block;
	margin-bottom: 8px;
}

.single__input input {
	width: 100%;
	height: 46px;
	border-radius: var(--Main-System-20px, 20px);
	border: 1px solid var(--Stroke-Light-Base, #E5E5E7);
	background: var(--Background-Light-Base-Second, #F8F9FB);
	padding: 0 12px;
	color: var(--3, #3F4F6E);
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
}

.single__input {
	margin-bottom: 24px;
}

.single__input .nice-select {
	border-radius: var(--Main-System-20px, 20px);
	border: 1px solid var(--Stroke-Light-Base, #E5E5E7);
	background: var(--Background-Light-Base-Second, #F8F9FB);
	width: 100%;
	height: 46px;
	display: flex;
	align-items: center;
	color: var(--3, #3F4F6E);
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
}

.single__input .nice-select:after {
	border-color: #3F4F6E;
	width: 10px;
	height: 10px;
	top: 43%;
	right: 12px;
}

.single__input textarea {
	border-radius: var(--Main-System-20px, 20px);
	border: 1px solid var(--Stroke-Light-Base, #E5E5E7);
	background: var(--Background-Light-Base-Second, #F8F9FB);
	width: 100%;
	height: 140px;
	padding: 12px 16px;
	color: var(--3, #3F4F6E);
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
}

.single__check label {
	color: var(--3, #3F4F6E);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.16px;
	margin: 0;
	position: relative;
	padding-left: 29px;
}

.single__check label span {
	width: 20px;
	height: 20px;
	border-radius: var(--Roundness-Round-Inside, 6px);
	border: 2px solid var(--Stroke-Light-Base, #E5E5E7);
	background: var(--Background-Light-Base-Second, #F8F9FB);
	top: 50%;
	transform: translateY(-50%);
}

.single__check {
	margin-bottom: 24px;
}

/* .submit__btn button {
  width: 146px;
  height: 50px;
  border-radius: 68px;
  background: var(--3, #3F4F6E);
  border: 0;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  transition: 0.3s;
}
.submit__btn button:hover {
	background: var(--link-color);
} */
.contact {
	padding-top: 40px;
	padding-bottom: 100px;
}

.list {
	width: 100%;
}

/* contact-page-css-end */




/* offcanvas */

.btn-close {
	background-image: none;
}

.offcanvas-header {
	padding: 0;
	height: auto !important;
	display: flex !important;
	margin-bottom: 25px;
	justify-content: end;
}


.header__bar a {
	color: var(--text_color);
	font-size: 20px;
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #FD438E;
}

.offcanvas-header button {
	color: #fff !important;
	opacity: 1;
	margin: 20px !important;
	height: 40px;
	width: 40px;
	padding: 0 !important;
	font-size: 21px;
	box-sizing: border-box;
	background: none;
	display: flex;
	align-items: center;
	margin-left: auto;
	background: #FD438E;
	justify-content: center;
	margin: 0;
}

.offcanvas-start {
	background: var(--themebg);
}

.offcanva__menu ul li {
	display: block;
}

.header-lun {
	margin: 0;
	padding: 24px;
}

.offcanva__menu li a:hover {
	padding-left: 30px;
	border-color: var(--header-secondary-text-color);
	color: var(--header-secondary-text-color);
}

.hero__content a:hover img {
	margin-left: 20px;
}

.hero__content a img {
	transition: .3s;
}

.offcanva__menu li a {
	padding: 15px 20px;
	display: flex;
	align-items: center;
	color: #3C73C9;
	text-align: center;
	/*! font-family: Lexend; */
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	padding: 13px 24px;
	border-bottom: 1px solid #3C73C9;
	border-left: 0;
	border-right: 0;
	transition: .3s;
	text-transform: uppercase;
}

.offcanva__menu li a svg {
	margin-right: 10px;
}

.offcanva__menu li:last-child a {
	margin-right: 4px;
	border-top: 0;
}


.header__bar.d-none a {
	text-decoration: none;
	background: linear-gradient(90deg, #FF3A34 0%, #019CFE 100%);
}

.offcanvas-start {
	background: #fff;
}

.offcanvas-header button {
	background: #3C73C9;
}

/* offcanvas */



/* Custom styles for terms and conditions section */
.terms-and-conditions {
	font-family: 'Roboto', sans-serif;
	/* Ensure consistent font */
	line-height: 1.6;
	/* Improve readability */
	color: #333;
	/* Set a standard text color */
	padding: 20px;
	/* Add some padding */
	/* background-color: #f9f9f9; Light background for contrast */
	border-radius: 5px;
	/* Rounded corners */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	/* Subtle shadow for depth */
}

.terms-and-conditions h1,
.terms-and-conditions h2,
.terms-and-conditions h3,
.terms-and-conditions h4 {
	color: var(--heading-text-color);
	/* Consistent heading color */
	margin-top: 20px;
	/* Space above headings */
	margin-bottom: 10px;
	/* Space below headings */
}

.terms-and-conditions h1 {
	color: var(--heading-text-color);
	/* Consistent heading color */
	margin-top: 20px;
	/* Space above headings */
	margin-bottom: 60px;
	/* Space below headings */
}

.terms-and-conditions p {
	margin-bottom: 15px;
	/* Space below paragraphs */
}

.terms-and-conditions ul {
	list-style-type: disc;
	/* Standard bullet points */
	margin-left: 20px;
	/* Indent lists */
	margin-bottom: 15px;
	/* Space below lists */
	padding-left: 20px;
	/* Ensure padding for nested lists */
}

.terms-and-conditions ul ul {
	list-style-type: circle;
	/* Nested list style */
	margin-left: 20px;
	/* Indent nested lists */
	padding-left: 20px;
	/* Ensure padding for nested lists */
}

.terms-and-conditions li {
	margin-bottom: 10px;
	/* Space below list items */
}

.terms-and-conditions strong {
	font-weight: bold;
	/* Ensure bold text stands out */
}

.terms-and-conditions a {
	color: var(--link-color);
	/* Link color */
	text-decoration: underline;
	/* Underline links */
}

.terms-and-conditions hr {
	border: 0;
	border-top: 2px solid #aaa;
	/* Darker and thicker horizontal rule */
	margin: 20px 0;
	/* Space around horizontal rule */
}


/* Main heading styles */
.terms-and-conditions h2 {
	color: var(--heading-text-color);
	font-size: 1.8rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid var(--heading-text-color);
}

/* Subheading styles */
.terms-and-conditions h3 {
	color: var(--heading-text-color);
	font-size: 1.4rem;
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
}

.terms-and-conditions h4 {
	color: var(--heading-text-color);
	font-size: 1.2rem;
	font-weight: 600;
	margin-top: 1.25rem;
	margin-bottom: 0.5rem;
	padding-left: 0.75rem;
	border-left: 3px solid var(--heading-text-color);
}

/* Paragraph styles */
.terms-and-conditions p {
	line-height: 1.6;
	margin-bottom: 1rem;
}

/* Section styles */
.terms-and-conditions section {
	background-color: #f8f9fa;
	padding: 1.5rem;
	margin-bottom: 2rem;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* List styles */
.terms-and-conditions ul {
	padding-left: 1.5rem;
	margin-bottom: 1rem;
}

.terms-and-conditions li {
	margin-bottom: 0.5rem;
}

/* Add a subtle divider between sections */
.terms-and-conditions hr {
	border: 0;
	height: 1px;
	background-color: #e0e0e0;
	margin: 2rem 0;
}


/* Privacy Policy Dropdown Styling */
.for_boxes {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.box_primary {
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	margin-bottom: 1rem;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.box_primary summary {
	padding: 1rem;
	cursor: pointer;
	background-color: #f8f9fa;
	border-bottom: 1px solid #e0e0e0;
	font-weight: 500;
	display: flex;
	align-items: center;
	transition: background-color 0.2s ease-in-out;
}

.box_primary summary:hover {
	background-color: #e9ecef;
}

.box_primary summary::marker {
	display: none;
}

.box_primary summary::before {
	content: '\25B6';
	margin-right: 0.75rem;
	transition: transform 0.2s ease-in-out;
	font-size: 0.8em;
	color: var(--primary-text-color);
	;
}

.box_primary[open] summary::before {
	transform: rotate(90deg);
}

.box_primary .details_body {
	padding: 1.5rem;
}

.iub-purpose {
	margin: 0;
	font-size: 1.1rem;
	color: var(--primary-text-color);
	;
	font-weight: 500;
}

.iub-service {
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
	font-size: 1.05rem;
	color: var(--header-secondary-text-color);
	font-weight: 500;
}

.wrap {
	margin-bottom: 1rem;
}


.one_line_col {
	margin-bottom: 20px;
}

/* .box_primary .details_body > *:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
} */


.expand-click {
	cursor: pointer;
	padding: 10px;
	background-color: #f0f0f0;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.expand-click::before {
	content: '▶';
	display: inline-block;
	margin-right: 5px;
	transition: transform 0.3s;
}

.expand-click.expanded::before {
	transform: rotate(90deg);
}

.expand-content {
	padding: 10px;
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 5px 5px;
}

.hide-noc-link {
	display: none !important;
}

.iubenda-cs-brand-badge {
	display: none !important;
}



#contactModal .modal-content {
	border-radius: 15px;
	border: none;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

#contactModal .modal-header {
	border-bottom: 1px solid #e9ecef;
	padding: 20px 30px;
	background-color: #f8f9fa;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

#contactModal .modal-title {
	font-weight: 600;
	color: var(--heading-text-color);
}

#contactModal .modal-body {
	padding: 30px;
}

#contactModal .form-label {
	font-weight: 500;
	color: #495057;
}

#contactModal .form-control {
	border-radius: 8px;
	border: 1px solid #ced4da;
	padding: 10px 15px;
}

#contactModal .form-control:focus {
	border-color: var(--link-color);
	box-shadow: 0 0 0 0.2rem rgba(71, 131, 238, 0.25);
}

#contactModal .btn-primary {
	background-color: var(--link-color);
	border: none;
	border-radius: 8px;
	padding: 10px 30px;
	font-weight: 600;
	transition: background-color 0.3s ease;
}

#contactModal .btn-primary:hover {
	background-color: var(--button-color-hover);
	;
}

#contactModal .btn-close:focus {
	box-shadow: none;
}

#contactModal p {
	color: #6c757d;
}

#contactModal .btn-close {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
	background-size: 1em;
	opacity: 0.5;
	transition: opacity 0.15s ease-in-out;
}

#contactModal .btn-close:hover {
	opacity: 1;
}

#contactModal .btn-close:focus {
	box-shadow: 0 0 0 0.25rem rgba(71, 131, 238, 0.25);
	opacity: 1;
}



/* Documentation Layout */
.documentation-wrapper {
	display: flex;
	gap: 2rem;
	/* max-width: 1400px; */
	margin: 0 auto;
	/* padding: 2rem; */

}



/* mobile menu */
.mobile-menu-header {
	padding: 20px 16px 10px;
	color: var(--header-secondary-text-color);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.docs-category>a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.docs-category>a i {
	transition: transform 0.2s;
}

.docs-category>a[aria-expanded="true"] i {
	transform: rotate(180deg);
}

/* Submenu styles */
.docs-submenu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.docs-submenu li a {
	padding-left: 40px !important;
	font-size: 14px;
	text-transform: none;
}

/* Active state */
.offcanva__menu li.active>a {
	background-color: rgba(60, 115, 201, 0.1);
	font-weight: 500;
}

/* mobile menu end */




/* documentation menu for desktop */

.sidebar {
	width: 300px;
	flex-shrink: 0;
	border-right: 1px solid #e5e7eb;
	height: 100vh;
	/* Changed from calc(100vh - 80px) */
	position: sticky;
	top: 0;
	/* Changed from 80px */
	overflow-y: auto;
	background-color: #f8f9fa;
	padding: 1rem;
	padding-top: 0px;
	/* Added to account for header height */
	margin-top: -1px;
	/* Added to offset the padding-top */
	transition: transform 0.3s ease-in-out;

}

@media (max-width: 991px) {
	.sidebar {
		transform: translateX(-100%);
		display: none;
	}
}


.docs-nav .category {
	margin-bottom: 1.5rem;
}

.docs-nav .category button {
	width: 100%;
	text-align: left;
	background: none;
	border: none;
	font-size: 0.9rem;
	/* font-weight: 600; */
	color: var(--header-secondary-text-color);
	padding: 8px 16px;

	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	opacity: 0.8;
}

.docs-nav .category button:hover {
	color: var(--link-color);
}

/* btn d-inline-flex align-items-center rounded collapsed */
/* open */
/* btn d-inline-flex align-items-center rounded */
/* Full uncommented for for button that is open:*/

.docs-nav .category button:not(.collapsed) {
	opacity: 1;
}

.docs-nav .category button:focus {
	outline: none;
}

/* .docs-nav .category button .fas {
	transition: transform 0.3s ease;
  } */

.docs-nav .category button.collapsed .fas {
	transform: rotate(-90deg);
}

.nav-sub-category ul,
.docs-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}


.nav-sub-category li,
.docs-nav li {
	margin-bottom: 0.25rem;
}

.nav-sub-category>ul>li>div>a,
.docs-nav>ul>li>a {
	color: var(--header-secondary-text-color);
	text-decoration: none;
	font-size: 0.9rem;
	/* padding: 0.25rem 0 0.25rem 8px;  */
	padding: 8px 16px;
	display: block;
	transition: color 0.3s ease;
	text-align: left;
	opacity: 0.8;
}

.nav-sub-category-item {
	padding-left: 1rem;
}

.nav-sub-category li a:hover,
.docs-nav li a:hover {
	color: var(--link-color);
}

.nav-sub-category li.active a,
.docs-nav li.active a {
	color: var(--link-color);
	font-weight: 500;
	opacity: 1;
	/* background-color: #EBF2FF; */
	background-color: #f3f4f6;
}

.sidebar-header {
	display: flex;
	align-items: center;
	font-size: 1.25rem;
	font-weight: bold;
	color: var(--header-secondary-text-color);
	margin-bottom: 1rem;
	padding-top: 24px;
}

.sidebar-header i {
	/* padding-top: 10px; */
	margin-right: 0.5rem;
	color: #336D9B;
}

/* end documentation menu for desktop */


/* Right sidebar table of contents */
.right-sidebar {
	width: 250px;
	position: sticky;
	top: 0px;
	max-height: 100vh;
	overflow-y: auto;
	padding: 1rem;
	font-size: 12px;
	margin-top: 0px;
	border-left: 1px solid #e5e7eb;
	background-color: #f8f9fa;
}

.toc-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.toc-list li {
	margin-bottom: 0.5rem;
}

.toc-list a {
	color: var(--header-secondary-text-color);
	text-decoration: none;
	transition: color 0.2s;
	display: block;
	padding: 4px 0;
}

.toc-list a:hover {
	color: var(--link-color);
}

/* Nested items indentation */
.toc-h2 {
	padding-left: 0px !important;
}

.toc-h3 {
	padding-left: 16px !important;
}

.toc-h4 {
	padding-left: 32px !important;
}

/* Active state */
.toc-list a.active {
	color: var(--link-color);
	font-weight: 500;
}

/* Update documentation wrapper to accommodate right sidebar */
/* .documentation-wrapper {
	display: flex;
	gap: 2rem;
	margin: 0 auto;
	position: relative;
  } */


@media (max-width: 1240px) {
	.right-sidebar {
		display: none;
		/* Hide on mobile */
	}

}

/* end right sidebar table of contents */

/* Main page header for documentation page containing links to pricing, features, login links, etc */
.header-doc-page {
	border-bottom: 1px solid #e5e7eb;
	position: unset;
	background-color: #336D9B;
}

.header-doc-page .container {
	max-width: unset;
}

/* end header for documentation page */


/* Documentation main body content */
.docs-content {
	margin-left: 48px;
	margin-right: 48px;
	margin-top: 20px;
	flex: 1;
	/* max-width: 800px; */

	--system-text-primary-light: #293338;
	--primary-text-color: var(--system-text-primary-light);
	--heading-text-color: var(--primary-text-color);
	--link-color: #0c74df;
	--paragraph-spacing: 1.25rem;
	color: var(--primary-text-color);
	font-size: 1.125rem;
	font-family: Sohne, system-ui, sans-serif
}

.docs-content p {
	margin-top: 0;
	margin-bottom: var(--paragraph-spacing);
	line-height: 1.969rem;

}

.docs-content table {
	margin-bottom: var(--paragraph-spacing);
}

.docs-content tr {
	border-bottom: 1px solid #e5e7eb;
}

.docs-content ul,
.docs-content img {
	margin-bottom: var(--paragraph-spacing);

}

.docs-content img {
	padding-left: 24px;
	padding-right: 24px;
}

/* .docs-content p:last-child {
	margin-bottom: 0;
  } */


.docs-content ol>li,
.docs-content ul>li {
	line-height: 1.969rem;
	margin: 0.344rem 0;
}

.docs-content a {
	color: var(--link-color);
	text-decoration: none;
}

.breadcrumb {
	margin-bottom: 2rem;
	color: #6b7280;
}

.breadcrumb a {
	color: #336D9B;
	text-decoration: none;
}

.breadcrumb span {
	margin: 0 0.5rem;
}

.docs-content h1,
.docs-content h2,
.docs-content h3,
.docs-content h4,
.docs-content h5,
.docs-content h6 {
	margin-top: 0;
	font-weight: 600;
	color: var(--heading-text-color);
}

/* Documentation Content Styles */
/* .docs-content h1 {
	font-size: 2rem;
	margin-bottom: 16px;
	color: var(--heading-text-color);
  }

  .docs-content h2 {
	font-size: 1.5rem;
	margin: 2rem 0 1rem;
	color: var(--header-secondary-text-color);
  } */

.docs-content h1 {
	line-height: 1.15;
	font-weight: bold;
	margin-bottom: 1rem;
	font-size: 2em;
}

.docs-content h2 {
	line-height: 1.75rem;
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
	font-weight: 600;
	font-size: 1.5em;
}

.docs-content h3 {
	margin-bottom: 0.75rem;
	font-weight: 600;
	font-size: 1.17em;
}

.docs-content h4 {
	font-size: 1.08em;
}

.docs-content h4,
.docs-content h5,
.docs-content h6 {
	margin-bottom: 0.5rem;
	font-weight: 600;
}

.doc-content-padding {
	padding: 8px;
}

/* .docs-content p {
	line-height: 1.6;
	margin-bottom: 1rem;
  } */


/* .docs-content  {
	color: var(--header-secondary-text-color);
  } */
.docs-content ul {
	list-style: disc;
	padding-left: 2rem;
}

.doc-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
	padding: 1rem;
	border-radius: 0.25rem;
}

/* .doc-content {
	height: 100%;
  } */

.doc-image {
	width: 100%;
	border-radius: 1.25rem;
	max-width: 100%;
	margin: 0 0.25rem;
}

@media (max-width: 1240px) {
	.doc-grid {
		grid-template-columns: 1fr;
	}

	.doc-image {
		margin: 1rem 0;
	}
}

/*   
  .doc-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
	padding: 1rem;
	border-radius: 0.25rem;
	align-items: center;
  }
  
  .doc-content {
	height: 100%;
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
  }
  
  .doc-image {
	width: 100%;
	border-radius: 1.25rem;
	max-width: 100%;
	margin: 0 0.25rem;
	display: flex;
	align-items: center; 
	justify-content: center;
  }
  
  .doc-image img {
	display: block; 
	max-width: 100%;
	height: auto;
  }
  
  @media (max-width: 1240px) {
	.doc-grid {
	  grid-template-columns: 1fr;
	}
	
	.doc-image {
	  margin: 1rem 0;
	}
  } */

/* end documentation main body content */

.sign__up {
	display: inline-block;
	/* Or block if you want full-width button */
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	background-color: var(--button-color-primary);
	/* Your button color */
	color: #fff !important;
	border-radius: 5px;
	/* Adjust as needed */
}

.sign__up .subtext {
	display: block;
	font-size: 0.8em;
	/* Smaller font size */
	margin-top: 3px;
	/* Space between lines */
}

.sign__up:hover {
	background-color: var(--button-color-hover);
	;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(71, 131, 238, 0.3);
	color: #fff;
}

.url-checker {
	max-width: 600px;
	margin: 2.5rem auto;
}

.url-checker .input-wrapper {
	display: flex;
	background: #FFFFFF;
	border-radius: 8px;
	padding: 6px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.url-checker input {
	flex: 1;
	height: 46px;
	border: none;
	background: none;
	padding: 0 20px;
	font-size: 16px;
	color: #333;
}

.url-checker input:focus {
	outline: none;
}

.url-checker input::placeholder {
	color: #999;
}

.url-checker .test-now-btn {
	background: var(--button-color-primary);
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 0 24px;
	height: 46px;
	font-weight: 500;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.2s;
	display: flex;
	align-items: center;
	gap: 8px;
}

.url-checker .test-now-btn:hover {
	background: #3670d8;
}

.url-checker .spinner {
	width: 16px;
	height: 16px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

/* .url-checker .spinner.active {
	animation: spin 0.8s linear infinite;
  } */

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* Responsive adjustments */
@media (max-width: 767px) {
	.url-checker {
		margin: 2rem 15px;
	}

	.url-checker .input-wrapper {
		flex-direction: column;
		gap: 8px;
		padding: 8px;
	}

	.url-checker input {
		flex: none;
		width: 100%;
		height: 48px;
		background: #f8f9fa;
		padding: 0 15px;
	}

	.url-checker .test-now-btn {
		width: 100%;
		justify-content: center;
		height: 38px;
	}
}

.url-checker .alert {
	margin-top: 1rem;
	padding: 0.75rem 1rem;
	border-radius: 6px;
}

.url-checker .alert-danger {
	background-color: #fee2e2;
	border: 1px solid #fecaca;
	color: #dc2626;
}

/* Tablet and up */
@media (min-width: 768px) {
	.url-checker .input-wrapper {
		gap: 6px;
	}

	.url-checker .test-now-btn {
		min-width: 120px;
	}
}


.feature-section {
	padding-top: 80px;
	/* Increase top padding between sections */
	padding-bottom: 80px;
	/* Increase bottom padding */
}

.feature-section__content h3 {
	font-size: 2.2rem;
	/* Larger heading size */
	font-weight: 600;
	/* Bolder heading */
	margin-bottom: 1rem;
	/* Space between heading and paragraph */
}

.feature-section__info {
	margin-top: 2rem;
}

.single-feature-info {
	display: flex;
	/* Align icon and text */
	align-items: flex-start;
	/* Align to the top */
	margin-bottom: 1.5rem;
	/* Space between list items */
}

.single-feature-info i {
	font-size: 1.8rem;
	/* Larger icon size */
	margin-right: 1rem;
	/* Space between icon and text */
	color: #007bff;
	/* Your primary color */
	flex-shrink: 0;
}

.single-feature-info p {
	line-height: 1.6;
	/* Increased line height for readability */
}

.feature-description {
	font-size: 20px;
	margin-bottom: 1.5rem;
}