body{
    font-family: "Inter", sans-serif;
	font-weight:400;
	color:#010101;
	font-size:16px;
}
b, strong {
  font-weight: 600;
}
a{
	text-decoration:none;
	color:#010101;
}
a:hover, a:focus{
	text-decoration:none;
	color:#1f3c88;
}
h1,h2,h3,h4,h5,h6{
	font-family: "DM Sans", sans-serif;
	font-weight: 800;
	color:#222629;
}
p {
	font-size: 16px;
	font-weight:300;
}

.margin-right-20{
	margin-right:20px;
}
.pt-50{
	padding-top:50px;
}
.pt-20{
	padding-top:20px;
}
.mt-20{
	margin-top:20px;
}
.mt-30{
	margin-top:30px;
}
.mb-20{
	margin-bottom:20px;
}
.mt-40{
	margin-top:40px;
}
.mt-50{
	margin-top:50px;
}
.mb-50{
	margin-bottom:50px;
}
.my-20{
	margin-top:20px;
	margin-bottom:20px;
}
.my-40{
	margin-top:40px;
	margin-bottom:40px;
}
.my-30{
	margin-top:30px;
	margin-bottom:30px;
}
.py-80{
	padding-top:80px;
	padding-bottom:80px;
}
.py-100{
	padding-top:100px;
	padding-bottom:100px;
}
.py-180{
	padding-top:180px;
	padding-bottom:180px;
}
.py-40{
	padding-top:40px;
	padding-bottom:40px;
}
.py-50{
	padding-top:50px;
	padding-bottom:50px;
}
.pt-80{
	padding-top:80px;
}
.pb-80{
	padding-bottom:80px;
}
h1 {
	font-size:58px;
}
h2 {
	font-size:40px;
}
h3 {
    font-size: 20px;
}
h4 {
	font-size: 20px;
	font-weight: 600;
}
h5{
	font-size: 20px;
	font-weight: 600;
}
 h6 {
  font-size: 16px;
  font-weight: 600;
}
.navbar-brand img {
	width: 270px;
}
.navbar-expand-md .navbar-nav{
	margin: 0 0 0 auto;
}
.navbar-toggler:focus{   
	box-shadow: 0 0 0 0;
}
/* .trs {
	-webkit-transition: all .8s ease-out;
	-moz-transition: all .8s ease-out;
	-ms-transition: all .8s ease-out;
	-o-transition: all .8s ease-out;
	transition: all .8s ease-out;
} */
.planzaa-headerSection.menu-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	right: 0;
	z-index: 999;
	background-color:#24282b;
}

.header-bg{
	background-size:cover!important;
	background-position:bottom center!important;
	background-repeat:no-repeat!important;
	/* height: calc(100vh - 155px); */
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
	color: #fff;
	border-color: #fff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #fff;
	border-color: #fff;
}
.planzaa-hero-section p{
	font-size: 24px;
	width: 90%;
}
.get-in-touch-div {
	position: relative;
	top: 6px;
}
.navbar-light .navbar-nav .nav-link {
	color: #fff;
	border-bottom: 2px solid transparent;
	padding: 0;
	margin: 0 25px;
	font-size: 16px;
	font-family: "Inter", sans-serif;
	font-weight: 500;
}
.btn.dark-btn-color{
	background-color:#b89c64;
	border: 0;
	color: #fff;
	font-size: 18px;
	font-family: "DM Sans", sans-serif;
	font-weight: 600;
	padding:12px 20px;
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .25);
	margin-bottom: 15px;
}
.btn.dark-btn-color:hover, .btn.dark-btn-color:focus {
	background-color:#535455;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .0);
	color: #fff;
}
.planzaa-headerSection.menu-fixed .btn.dark-btn-color{
	background-color:#fff;
	color:#24282b;
}
.btn.light-btn-color{
	background-color:#fff;
	border: 0;
	color: #010101;
	font-size: 18px;
	font-family: "DM Sans", sans-serif;
	font-weight:600;
	padding:12px 20px;
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .25);
	margin-bottom: 15px;
}
.btn.light-btn-color:hover, .btn.light-btn-color:focus {
	background-color:#b89c64;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .0);
	color: #fff;
}
.get-in-touch-div .btn.dark-btn-color{
	font-size: 16px;
}

/********************* Footer Css Start *********************/
.footerArea {
	padding:45px 0;
}
.footerArea p{
	color:#fff;
}

.footerArea a{
	color:#fff;
}
.footerArea a:hover{
	color:#c9caca;
}
.copyRight {
	padding:20px 0;
	text-align: center;
	background-color:#24282b;
}
.copyRight p {
	font-size: 14px;
	color: #fff;
}
.widgetTitle h6 {
	font-weight: 600;
	color: #fff;
	font-size:22px;
}
.widgetNavList ul {
	padding: 0;
	margin:15px 0 0;
	list-style: none;
}
.widgetNavList ul li {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 300;
}
/********************* Footer Css End *********************/
.infoBox h4 {
	font-weight:700;
	margin: 30px 0;
}
.footerLogo img {
  width: 250px;
}
.infoBox {
	background-color: #fff;
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .15);
	padding: 25px;
	border-radius:10px;
	margin-bottom:20px;
}
.planzaa-our-services-section  .btn.dark-btn-color2 img {
	width: 12px;
	margin-left:5px;
}
.btn.dark-btn-color2 {
	color: #1F3C88;
	font-size: 14px;
	font-family: "DM Sans", sans-serif;
	font-weight: 600;
	border:0;
}
.btn.dark-btn-color2:hover img{
	filter: gray; 
  -webkit-filter: grayscale(100%);
}
.btn.dark-btn-color2:hover{
	color:#010101;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.0);
}
.iconBox2{
	text-align:center;
	margin-bottom: 25px;
}
.iconBox2 h6{
	margin:10px 0;
	font-family: "Inter", sans-serif;
	font-weight:400;
}
.right-img img {
	box-shadow: 18px -18px 0px 4px #E8E8E8;
}
.left-img img {
	box-shadow: -18px -18px 0px 4px #E8E8E8;
}
.rounded {
	border-radius: 16px !important;
}
.light-bg{
	background-color:#F9FAFB;
}
.text-20{
	font-size:20px;
}
.planzaa-home-design-ecosystem-section ul li {
	list-style-type: none;
	padding-left: 12px;
	font-size: 16px;
	padding-bottom: 20px;
	font-weight:300;
}
.planzaa-home-design-ecosystem-section ul {
	padding:0 18px;
	margin: 5px 0;
}
.planzaa-home-design-ecosystem-section ul li::before {
	display: block;
	content: url("../images/blue-theme/check-icon.webp");
	position: absolute;
	margin-left:-22px;
	margin-top: 4px;
}
.planzaa-get-started-today-section .infoBox3.dark-bg2 {
	background-color: #24282b;
}
.form-label{
	font-size: 14px;
	font-weight: 300;
	font-family: "Inter", sans-serif;
}
.form-check-label{ 
	font-size: 14px;
	font-weight: 300;
	font-family: "Inter", sans-serif;
}
.form-check-input:checked {
	background-color: #1F3C88;
	border-color: #1F3C88;
}	
.form-check-input:focus {
  border-color: #010101;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.0);
}
.form-control{
	padding:15px 12px;
	font-size: 14px;
	font-weight: 300;
	color: #010101;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius:5px;
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .10);
}
.planzaa-get-started-today-section .infoBox {
	background-color:#F9FAFB;
	padding: 50px;
	border: 2px solid #24282b;
}
.planzaa-get-started-today-section .infoBox:hover{
	border-color: #24282b;
	box-shadow: inherit;
}
.planzaa-get-started-today-section .infoBox h3{
	font-weight:600;
}
.form-control:focus {
	color: #010101;
	background-color: #fff;
	border-color:#D0D0D0;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.0);
}
.accordion-item {
	background-color: transparent;
	border-width: 0 0 1px 0; 
	border-color: transparent transparent #e7e7e7 transparent;
	border-style: solid;
}
.accordion-button {
	padding: 1.5rem 0;
	font-size: 18px;
	color: #010101;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	font-family: "DM Sans", sans-serif;
	font-weight:500;
}
.accordion-button::after {
	width: 25px;
	height: 25px;
	background-size: 15px;
	border: 1px solid #010101;
	border-radius: 50px;
	background-position: center center;
}
.accordion-button:not(.collapsed) {  
	color:#1f3c88;
	background-color: transparent;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.0);
}
.accordion-button:focus {
	z-index: 3;
	border-color: transparent transparent #e7e7e7 transparent;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.0);
}
.planzaa-early-access-form {
	width: 80%;
	margin: 45px auto 0;
}
.accordion-body {
	padding: 0;
	text-align: justify;
	width: 95%;
}
.planzaa-our-services-section .infoBox img {
	width: 60px;
}
.navbar-light .navbar-toggler{
	border-color:transparent;
}
.navbar-light .navbar-toggler {  
  color: #fff;
}
.infoBox.form-h-100 {
	height: 94%;
}

.infoBox3 {
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .15);
	background-color:#F9FAFB;
	padding: 50px;
	height:45.8%;
	border-radius: 10px;
	margin-bottom: 20px;
	border: 2px solid #24282b;
}
.infoBox3:hover{
	border-color: #24282b;
	box-shadow: inherit;
}
.infoBox:hover{
	box-shadow:0 10px 10px 0 rgba(0, 0, 0, .10);
}
.more-content.show {
	display: block;
}
.more-content {
	display: none;
}
.infoBox.card p {
	text-align: justify;
}
.planzaa-why-choose-section .infoBox {
	height: 100%;
}
.planzaa-home-design-ecosystem-section .infoBox {
	height: 100%;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} 
.planzaa-home-design-ecosystem-section .infoBox:hover{
	transform:translateY(-8px) scale(1.02);
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.planzaa-how-it-works-section .infoBox {
	height: 100%;
	border: 2px solid #24282b;
}
.planzaa-how-it-works-section .infoBox:hover{
	border-color:#24282b;
	box-shadow: inherit;
}
.social-media li img {
	width:30px;
}
.social-media {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.social-media li {
	display: inline-block;
}
.planzaa-how-it-works-section .infoBox img {
	width: 50px;
}
.planzaa-home-design-ecosystem-section .infoBox img {
	width: 60px;
}
.social-media li img:hover{
	filter: gray;
  -webkit-filter: grayscale(100%);
}
.accordion-button:not(.collapsed)::after {
	background-image: url("https://babysofts.in/html-projects/planzaa/assets/images/blue-theme/arrow-up.png");
	transform: rotate(-0deg);
	border-color:#1f3c88;
}
.accordion-button::after {
	background-image: url("https://babysofts.in/html-projects/planzaa/assets/images/blue-theme/arrow-down.png");
}
.planzaa-early-access-section{
	background-size:cover!important;
	background-repeat:no-repeat!important;
	background-position: center right!important;
}
.planzaa-our-services-section .infoBox.card {
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.planzaa-our-services-section .infoBox.card:hover{
	transform:translateY(-8px) scale(1.02);
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.copyRight button.back-to-top {
	margin:0!important;
	padding:0!important;
	overflow:hidden;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	clear:both;
	position:fixed;
	cursor:pointer;
	border:none;
	outline:0!important;
	z-index:99;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
.copyRight button.back-to-top::after,
.copyRight button.back-to-top::before {
	content:"";
	display:block;
	border-bottom:10px solid #fff;
	border-left:10px solid transparent;
	line-height:0;
	border-right:10px solid transparent;
	height:0;
	margin:18px auto 0;
	width:0;
	border-radius:20px;
}
.copyRight button.back-to-top.show::after,
.copyRight button.back-to-top.show::before {
	visibility:visible;
}
.copyRight button.back-to-top::after {
	border-bottom-color:#b89c64;
	position:relative;
	top:-24px;
} 
.copyRight button.back-to-top.show {
	display:block;
	background:#b89c64;
	font-size:25px;
	right:10px;
	bottom:50px;
	height:50px;
	width:50px; 
	visibility:visible;
	box-shadow:0 2px 4px 1px rgba(0,0,0,.25);
	-webkit-box-shadow:0 2px 4px 1px rgba(0,0,0,.25);
	-moz-box-shadow:0 2px 4px 1px rgba(0,0,0,.25);
	border-radius: 50px;
}
.copyRight button.back-to-top.show:active {
	box-shadow:0 4px 8px 2px rgba(0,0,0,.25);
	-webkit-box-shadow:0 4px 8px 2px rgba(0,0,0,.25);
	-moz-box-shadow:0 4px 8px 2px rgba(0,0,0,.25);
}
.breadcrumb li {
	display: inline-block;
}
.breadcrumb {
	display: table;
	margin:5px auto 0;
}
.breadcrumb li a {
	color: #fff;
	font-size: 16px;
} 
.breadcrumb li a:hover{
	color: #e4ecff;
}
.breadcrumb-item.active {
	color: #e4ecff;
}
.breadcrumb-item + .breadcrumb-item::before{
	color: #fff
}
.planzaa-privacy-policy-section ul {
	list-style-type: none;
	padding: 0 10px;
	font-weight: 300;
}
.planzaa-privacy-policy-section ul li{
	margin-bottom:5px;
}
footer {
	box-shadow:0 -2px 20px #00000017;
}
.dark-bg1{
	background: #656565;
}

.whatsapp-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #25D366;
  color: white;
  padding: 12px 18px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 22px;
  font-weight:500;
  font-family: Arial, sans-serif;
  transition: 0.3s;
}

.whatsapp-btn i {
  font-size: 22px;
}

.whatsapp-btn:hover {
  background-color: #1ebe5d;
  color: white;
}


.custom-card {
  background: #111827;
  border-radius: 20px;
  padding: 25px;
  text-align: center;
  border: 1px solid #1f2937;
  transition: 0.3s;
  color: #fff;
  height: 100%;
}

.custom-card:hover {
  transform: translateY(-8px);
  border-color: orange;
}

/* Highlight card */
.custom-card.active {
  border: 2px solid orange;
  box-shadow: 0 0 20px rgba(255,165,0,0.2);
}

.icon-img {
  width: 95px;
  margin-bottom: 20px;
}

/* Button */
.custom-btn {
  display: inline-block;
  padding: 10px 18px;
  background: linear-gradient(45deg, #ff8a00, #ff5e00);
  border-radius: 10px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

.custom-btn:hover {
  background: linear-gradient(45deg, #ff7a00, #ff3d00);
  color: #fff;
}

/* Read more */
.read-toggle {
  color: #f59e0b;
  cursor: pointer;
  font-size: 14px;
}

/* bottom layout */
.card-actions {
  margin-top: 25px;
  justify-content: space-between;
  align-items: center;
}

/* hidden content */
.more-content {
  display: none;
  margin-top: 10px;
  font-size: 14px;
  color: #cbd5e1;
}