/* HSL */
/* $color1 hsla(117%, 50%, 84%, 1);
$color2: hsla(114%, 15%, 75%, 1);
$color3: hsla(305%, 12%, 61%, 1);
$color4: hsla(327%, 19%, 45%, 1);
$color5: hsla(319%, 13%, 5%, 1); */



@media only screen {

	#web-about {
		display: block;
	}
	#mob-aboutus {
		display: none;
	}
	#app-screens {
		padding-top: 450px;
	}
	#featurBulletPoints {
		display: none;
	}
	#mobileError {
		display: none;
	}
	#desktopError {
		display: block;
	}
	#web-top-part-benefits {
		display: block;
	}
	#mobile-top-part-benefits {
		display: none;
	}
	#mobile-mid-1st-part-benefits {
		display: none;
	}
	#mobile-mid-2nd-benefits {
		display: none;
	}
	#web-mid-blue-benefits {
		display: block;
	}
	#mobile-mid-3rd-part-benefits {
		display: none;
	}
	#mobile-accordian-benefits {
		display: none;
	}
	#web-accordian-benefits {
		display: block;
	}
	#mobile-footer-benefits {
		display: none;
	}
	#web-footer-benefits {
		display: block;
	}
	#extra-div-for-web-only {
		display: block;
	}
	@media only screen and (max-width: 376px) {
		#downloadBut {
			display: none;
		}
	}
	@media only screen and (min-width: 376px) {
		#downloadButMob {
			display: none;
		}
	}
	@font-face {
		font-family: primary;
		src: url("../fonts/Geometria.woff") format("woff");
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: primary-bold;
		src: url("../fonts/Geometria-Bold.woff") format("woff");
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: primary-medium;
		src: url("../fonts/Geometria-Medium.woff") format("woff");
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: "Mark";
		src: url("../fonts/mark/b3662c484a802dacdbf6565ee8396020.eot"); /* IE9*/
		src: url("../fonts/mark//b3662c484a802dacdbf6565ee8396020.eot?#iefix")
				format("embedded-opentype"),
			/* IE6-IE8 */ url("../fonts/mark/b3662c484a802dacdbf6565ee8396020.woff2")
				format("woff2"),
			/* chrome、firefox */
				url("../fonts/mark/b3662c484a802dacdbf6565ee8396020.woff")
				format("woff"),
			/* chrome、firefox */
				url("../fonts/mark/b3662c484a802dacdbf6565ee8396020.ttf")
				format("truetype"),
			/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
				url("../fonts/mark/b3662c484a802dacdbf6565ee8396020.svg#Mark Web W04 Bold")
				format("svg"); /* iOS 4.1- */
	}
	code {
		padding: 5px 0px;
		font-weight: normal;
		text-transform: none;
		font-size: 16px;
	}
	.parent {
		display: grid;
		grid-template-columns: 250px 1fr;
		grid-template-rows: 150px 1fr;
		background: #181818;
		width: 80vw;
		margin: 8vw 10vw;
		height: 200px;
		border: 5px dotted blue;
	}
	.child {
		grid-area: 1 / 1 / 2 / 2;
		opacity: 0.8;
		height: 150px;
		background: green;
		border: 3px dotted greenyellow;
		width: 250px;
	}
	.tile {
		position: relative;
		display: inline-block;
		width: calc(33% - "40px");
		min-width: 100%;
		margin: 10px;
		padding: 10px;
		background-color: white;
		border-radius: 3px;
		display: inline-block;
	}
	.tile--icon {
		display: inline-block;
	}
	.tile--content {
		width: 210px;
		vertical-align: top;
		padding: 0 10px 0 10px;
		display: inline-block;
	}
	.tile--title {
		display: block;
		font-size: 16px;
		font-weight: bold;
	}
	.tile--description {
		display: inline-block;
		font-size: 14px;
		color: #777;
		padding: 3px 0 0 0;
	}
	.tile:hover {
		opacity: 0.95;
		cursor: pointer;
	}
	.green-invest {
		padding-bottom: 100px;
		padding-left: 100px;
		padding-right: 100px;
		font-size: 38px;
		line-height: 130%;
		/* or 88px */
		letter-spacing: 0.005em;
		color: white;
	}
	.setup-time-fries-div {
		/* position: absolute; */
		/* width: 1401px; */
		height: 800px;
		/* left: -1px; */
		/* strec */
		top: 159px;
		background: #ffc122;
	}
	.setup-time-fries-black {
		/* position: absolute; */
		/* width:520px; */
		height: 800px;
		/* left:1401px ; */
		top: 159px;
		background: black;
	}
	:root {
		--figma-conv-rate: 1rem;
	}
	body {
		/* background: #121212; */
		background: #131313;
		color: white;
		font-family: primary;
		/* background: #FFFFFF; */
	}
	.black-bg {
		/* background: #121212; */
		background: #131313;
	}
	#navbar {
		/* background-color: #121212; */
		background-color: #0e0e0e;
		padding-top: 12px;
		padding-bottom: 20px;
	}
	.box {
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.overlay {
		z-index: 9;
		margin: -30px;
	}
	.float-container {
		border: 0px;
		margin-top: 0px;
		background: #181818;
	}
	.collapsible {
		background-color: #777;
		color: white;
		cursor: pointer;
		padding: 18px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
	}
	.active,
	.collapsible:hover {
		background-color: #555;
	}
	.content {
		padding: 0 18px;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
		background-color: #f1f1f1;
	}
	.float-child {
		background: #181818;
		padding-top: 100px;
		width: 60%;
		float: left;
	}
	.float-child2 {
		padding-top: 125px;
		width: 40%;
		float: left;
		height: 500px;
		padding-left: 50px;
		padding-right: 50px;
		text-align: left;
		background: #3a8ff6;
		font-size: 43px;
		font-weight: bold;
		line-height: 50px;
	}
	.signup-button {
		margin-top: 54px;
	}
	.hiringlink {
		color: white;
		position: absolute;
		width: 207px;
		height: 30px;
		right: 200px;
		font-weight: bold;
		top: 28px;
	}
	.navbarbuttons {
		color: white;
		font-family: primary;
		font-size: 20px;
		position: absolute;
		width: 150px;
		height: 40px;
		top: 56px;
		border: none;
		/* background-color: #0E0E0E; */
		z-index: -1;
	}
	.dropbtn {
		background-color: transparent;
		border: none;
		color: white;
		font-family: primary;
		z-index: -1;
		cursor: pointer;
	}
	.dropdown {
		display: inline-block;
	}
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #000000;
		min-width: 200px;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
		z-index: 1;
		left: -70%;
		font-family: primary;
		font-weight: bold;
	}
	.dropdown-content a {
		color: white;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		font-family: primary;
		text-align: center;
	}
	.dropdown-content a:hover {
		/* background-color: #0E0E0E; */
		color: #3a8ff6;
	}
	.dropdown:hover .dropdown-content {
		display: block;
	}
	.dropdown:hover .dropbtn {
		color: #ffffff;
	}
	.section-1 {
		height: 57px;
		left: 223px;
		/* top: 314px; */
		margin-top: 170px;
		padding: 0;
		font-family: primary;
		font-size: 45px;
		line-height: 53px;
		text-align: center;
		letter-spacing: 0.09em;
		color: #ffffff;
	}
	.section-1-invest-your-spare-change {
		/* height: 57px; */
		left: 223px;
		/* top: 314px; */
		margin-top: 100px;
		padding: 0;
		font-family: primary;
		font-size: 45px;
		/* line-height: 53px; */
		text-align: center;
		letter-spacing: 0.09em;
		color: #ffffff;
	}
	.section-1-invest-page {
		height: 57px;
		left: 223px;
		/* top: 314px; */
		margin-top: 100px;
		padding: 0;
		font-family: primary;
		font-size: 45px;
		line-height: 53px;
		text-align: center;
		letter-spacing: 0.09em;
		color: #ffffff;
	}
	.section-2 {
		height: 57px;
		left: 223px;
		/* top: 314px; */
		margin-top: 140px;
		padding: 0;
		font-family: primary;
		font-size: 45px;
		line-height: 53px;
		text-align: center;
		letter-spacing: 0.09em;
		color: #ffffff;
	}
	#consistent-title {
		font-family: primary-bold;
		font-size: 40px;
		line-height: normal;
	}
	.pt-lg-8 {
		margin-top: 5rem !important;
	}
	.mt-lg-5 {
		margin-top: 10rem !important;
	}
	.signupButton {
		margin-right: 0;
		margin-left: auto;
		border-radius: 24px 0 0 24px;
		/* align-items: center; */
		box-sizing: border-box;
		text-align: center;
		/* color: white; */
		width: 164px;
		height: 40px;
		left: 1032px;
		/* top: 41px; */
		background: #3a8ff6;
		padding-top: 0;
		padding-bottom: 0;
		margin-top: -10px;
		align-items: center;
		margin-bottom: 0;
	}
	.signupButtonBlue {
		margin-right: 0;
		margin-left: auto;
		border-radius: 24px 0 0 24px;
		/* align-items: center; */
		box-sizing: border-box;
		text-align: center;
		/* color: white; */
		width: 164px;
		height: 40px;
		left: 1032px;
		/* top: 41px; */
		background: #3a8ff6;
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 10px;
		align-items: center;
		margin-bottom: 0;
	}
	.signupButtonText {
		margin-top: 15px;
		letter-spacing: 0.09em;
		color: #ffffff;
	}
	.signupButtonTextBlue {
		margin-top: 15px;
		letter-spacing: 0.09em;
		color: #ffffff;
	}
	.down-arrow {
		width: 100px;
		margin-top: 100px;
	}
	.down-arrow-svg {
		width: 25px;
	}
	.top-row {
		margin-top: 60px;
		/* background: #121212; */
		background: #131313;
	}
	.main-logo {
		padding-left: 0px;
		margin-top: 5px;
	}
	.heading {
		font-size: 40px;
		letter-spacing: 0.09em;
	}
	.heading2 {
		font-size: 128px;
		font-weight: bold;
		letter-spacing: 0.09em;
		margin-top: 60px;
	}
	.heading3 {
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 0.09em;
		margin-top: 36px;
	}
	.heading-setup-page {
		width: 30%;
		font-size: 26px;
		letter-spacing: 0.02em;
		line-height: 37px;
	}
	.heading2-setup-page {
		font-size: 48px;
		font-weight: bold;
		letter-spacing: 0.02em;
		margin-top: 20px;
		line-height: 60px;
	}
	.setup-page-logo {
		padding-top: 45px;
		width: 20;
	}
	.heading-invest-page {
		width: 30%;
		font-size: 26px;
		letter-spacing: 0.02em;
		line-height: 37px;
	}
	.heading2-invest-page {
		font-size: 48px;
		font-weight: bold;
		letter-spacing: 0.02em;
		margin-top: 20px;
		line-height: 60px;
	}
	.heading-goalsetting-page {
		width: 30%;
		font-size: 26px;
		letter-spacing: 0.02em;
		line-height: 37px;
	}
	.heading2-goalsetting-page {
		font-size: 48px;
		font-weight: bold;
		letter-spacing: 0.02em;
		margin-top: 20px;
		line-height: 60px;
	}
	.heading-perks-page {
		width: 30%;
		font-size: 26px;
		letter-spacing: 0.02em;
		line-height: 37px;
	}
	.heading2-perks-page {
		font-size: 48px;
		font-weight: bold;
		letter-spacing: 0.02em;
		margin-top: 20px;
		line-height: 60px;
	}
	.subheading {
		/* padding-top: 60px; */
		margin-top: 110px;
		font-size: 20px;
		line-height: 26px;
		text-align: center;
		letter-spacing: 0.015em;
	}
	.subheading2 {
		padding-top: 50px;
		font-size: 20px;
		line-height: 47;
	}
	.noodles {
		padding-top: 20px;
	}
	#demo-video {
		width: 450;
		pointer-events: none;
	}
	#what-is-roundup-investing::before {
		display: block;
		content: " ";
		margin-top: -50px;
		height: 50px;
		visibility: hidden;
		pointer-events: none;
	}
	.illustration-subtitle {
		margin-top: 50px;
		font-family: primary;
		font-size: 18px;
	}
	.features-title {
		padding-top: 239px;
		font-family: primary-bold;
		font-size: 50px;
	}
	.features {
		margin-top: 61px;
		height: 385px;
		/* background-color: #121212; */
		background-color: #131313;
	}
	#features-row {
		height: 100%;
	}
	.custom-card {
		font-family: primary;
	}
	.card-text {
		font-size: 18px;
		padding-top: 31px;
		width: 90%;
		line-height: 20px;
		margin: 0 auto;
		text-align: center;
		/* vertical-align: middle; */
		/* text-decoration: none; */
	}
	.card-description {
		font-size: 16px;
		font-family: primary;
		line-height: 26px;
		padding-top: 27px;
		margin-left: 0px;
		margin-right: 0px;
		/* padding-bottom: 27px; */
		text-align: center;
		letter-spacing: 0.015em;
		width: 230px;
		/* margin-bottom: 80px; */
		text-decoration: none;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.card-description > .hidden {
		margin-left: 0px;
		margin-right: 0px;
	}
	.card-title {
		text-align: center;
	}
	.bold {
		font-family: primary-bold;
		vertical-align: middle;
		text-align: center;
	}
	.card-image {
		padding-top: 71px;
	}
	#card-image-2 {
		padding-top: 58px;
	}
	.clicked-card {
		/* padding-bottom: 10%; */
		height: 420px;
	}
	.clicked-card:hover {
		background: rgba(129, 129, 129, 0.1);
		/* text-align: center; */
	}
	#card1:hover,
	#card2:hover,
	#card3:hover,
	#card4:hover {
		background: rgba(129, 129, 129, 0.1);
		/* height: 100%; */
	}
	.hidden {
		display: none;
	}
	/* #card2:hover + .hidden {
  display: block;
} */
	.clicked-card:hover .hidden {
		display: block;
	}
	/* .app-screen-errorpage-mobile{
width: 0;
height: 0;
} */
	.app-screens {
		padding-top: 450px;
	}
	.app-screen-errorpage {
		padding-top: 0px;
		overflow-y: hidden;
	}
	.app-screen-errorpage img {
		width: 100%;
		height: auto;
	}
	.app-screen-errorpage .btn {
		width: 182px;
		height: 60px;
		position: sticky;
		bottom: 490px;
		left: 11%;
		top: 30px;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		background-color: #3a8ff6;
		color: white;
		font-size: 20px;
		padding: 0px 0px;
		border: none;
		cursor: pointer;
		border-radius: 43px;
		text-align: center;
	}
	.app-screen-errorpage .btn:hover {
		background-color: black;
	}
	.deciml-logo {
		padding-top: 149px;
		padding-left: 85px;
		text-align: left;
	}
	.trust {
		margin-top: 200px;
		/* margin-bottom: 200px; */
	}
	#trust-title {
		padding-left: 85px;
		padding-top: 18px;
		padding-right: 15px;
		text-align: left;
		font-family: primary-bold;
		font-size: 40px;
	}
	.bulletPointHeading {
		font-family: primary-bold;
		font-weight: bold;
		font-size: 18px;
		line-height: 21px;
		text-align: center;
		letter-spacing: 0.075em;
		color: #ffffff;
	}
	.bulletPointContent {
		padding-top: 10px;
		font-family: primary;
		font-size: 15px;
		line-height: 17px;
		text-align: center;
		letter-spacing: 0.075em;
		padding-left: 20%;
		padding-right: 20%;
		color: #ffffff;
	}
	.fa-chevron-right {
		transition: all 0.3s ease;
		margin-right: 10px;
	}
	.btn-nav-accordion.collapsed .fa-chevron-right {
		transform: rotate(90deg);
	}
	.btn-nav-accordion {
		font-size: 20px;
		font-family: primary-bold;
		color: #ffffff !important;
	}
	.btn-nav-accordion.collapsed {
		/* font-size: 30px; */
		color: #979797 !important;
		font-family: primary;
	}
	#trust-button {
		text-decoration: none;
		box-shadow: none;
		color: #ffffff;
		text-align: left;
	}
	.l-accordion-body {
		font-size: 16px;
		line-height: px;
		text-align: left;
	}
	.item-header {
		text-align: left;
	}
	.collapsible {
		background-color: transparent;
		color: white;
		cursor: pointer;
		padding: 18px;
		outline: none;
		width: 100%;
		border: none;
		text-align: left;
		font-size: 24px;
	}
	.collapsible:hover,
	.collapsible:not(:hover) {
		background-color: transparent;
		outline: none;
		border: none;
	}
	.active {
		background-color: #121212;
	}
	.collapsible::before {
		outline: none;
	}
	.content {
		font-family: primary;
		font-size: 18px;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		padding: 0 18px;
		padding-left: 45px;
		padding-right: 60px;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
		background-color: transparent;
		/* outline: none; */
		/* border: none; */
	}
	#main-form-div {
		background-color: #3a8ff6;
		height: 300px;
		font-size: 25px;
		font-family: primary-bold;
		text-align: left;
		padding-left: 70px;
		margin-top: 175px;
		padding-top: 90px;
		line-height: 27.95px;
		letter-spacing: 1px;
	}
	#keep-me-posted::before {
		display: block;
		content: " ";
		margin-top: -170px;
		height: 170px;
		visibility: hidden;
		pointer-events: none;
	}
	.form-rounded {
		border-radius: 3rem;
		border: none;
	}
	#main-form-div-subtext {
		font-size: 18px;
		font-family: primary;
		padding-top: 15px;
	}
	#main-form-name,
	#main-form-mobile {
		width: 217px;
		margin-left: 28px;
		background: rgba(1, 1, 1, 0);
		border: none;
		border-bottom: 1px solid #ffffff;
		color: white;
		outline: none;
		font-size: 20px;
	}
	#form-thanks-mobile {
		font-size: 18px;
		letter-spacing: normal;
		padding-top: 40px;
	}
	#form-thanks2-mobile {
		font-size: 18px;
		letter-spacing: normal;
		/* padding-top: 40px; */
	}
	#faq-form-submit {
		width: 50px;
		margin-left: 14px;
	}
	/* #setup-desc{
	
}
#invest-desc{	
}
#perks-desc{	
} */
	#faqs-title {
		font-size: 50px;
		font-family: primary-bold;
		line-height: 58px;
		letter-spacing: 1%;
		text-align: left;
		margin-left: 70px;
	}
	#invest-disc-div-left {
		background-color: rgba(21, 21, 21, 1);
		padding-top: 40px;
		margin-left: 50%;
		margin: auto;
		text-align: left;
		padding-bottom: 91px;
	}
	#invest-disc-div-right {
		background: rgba(11, 196, 128, 1);
		/* padding-top:40px; */
		margin-left: 50%;
		margin: auto;
		text-align: center;
		padding-bottom: 91px;
		margin-bottom: 91px;
		padding-left: 63px;
	}
	#goalsetting-disc-div-left {
		background-color: rgba(21, 21, 21, 1);
		padding-top: 40px;
		margin-left: 50%;
		margin: auto;
		text-align: left;
		padding-bottom: 91px;
	}
	#goalsetting-disc-div-right {
		background: rgba(188, 72, 227, 1);
		/* padding-top:40px; */
		margin-left: 50%;
		margin: auto;
		text-align: center;
		padding-bottom: 91px;
		margin-bottom: 91px;
		padding-left: 63px;
	}
	#perks-disc-div-left {
		background-color: rgba(21, 21, 21, 1);
		padding-top: 40px;
		margin-left: 50%;
		margin: auto;
		text-align: left;
		padding-bottom: 91px;
	}
	#perks-disc-div-right {
		background: rgba(3, 189, 214, 1);
		/* padding-top:40px; */
		margin-left: 50%;
		margin: auto;
		text-align: center;
		padding-bottom: 91px;
		margin-bottom: 91px;
		padding-left: 63px;
	}
	#setup-disc-div-left {
		background-color: rgba(21, 21, 21, 1);
		padding-top: 40px;
		margin-left: 50%;
		margin: auto;
		text-align: left;
		padding-bottom: 91px;
	}
	#setup-disc-div-right {
		background: rgba(238, 111, 68, 1);
		/* padding-top:40px; */
		margin-left: 50%;
		margin: auto;
		text-align: center;
		padding-bottom: 91px;
		margin-bottom: 91px;
		padding-left: 63px;
	}
	#faqs {
		padding-top: 192px;
		margin-left: 20%;
		margin: auto;
		text-align: left;
		padding-bottom: 140px;
	}
	#faq-list {
		width: 100%;
		margin-top: 0px;
		letter-spacing: 1px;
		/* text-align: center; */
		margin-left: 75px;
	}
	.faq {
		text-align: left;
		font-size: 20px;
		line-height: 23px;
		margin-top: 53px;
	}
	#footer {
		/* margin-top: 140px; */
		height: 134px;
		background: #000000;
		vertical-align: middle;
	}
	#footer-row {
		height: 100%;
	}
	#footer-terms {
		font-size: 15px;
		line-height: 16.77px;
		letter-spacing: normal;
		margin-top: 50%;
		margin: auto;
		color: #b3b3b3;
	}
	#logo-footer-div {
		text-align: center;
		height: 100%;
		/* padding-top: 30%; */
		padding: auto;
	}
	#deciml-logo-letters {
		width: 150px;
		padding-top: 18px;
		padding: auto;
		align-items: center;
	}
	#partners {
		margin-top: 83px;
		padding-left: 85px;
		text-align: left;
	}
	.trust-icon {
		margin-right: 10px;
	}
	#partner-logo {
		padding: 0px;
		padding-left: 0px;
	}
	#calendly-logo {
		margin-right: 8px;
		margin-top: -3px;
	}
	#schedule-call {
		background: rgba(129, 129, 129, 0.1);
		padding-top: 192px;
		margin-left: 50%;
		margin: auto;
		text-align: center;
		padding-bottom: 140px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 63px;
		padding-top: 276px;
	}
	#schedule-subtitle {
		font-size: 18px;
		font-family: primary;
		line-height: 24px;
		text-align: left;
	}
	#schedule-title {
		font-size: 35px;
		font-family: primary-bold;
		line-height: 43px;
		letter-spacing: normal;
		color: #3a8ff6;
		text-align: left;
		margin-top: 20px;
	}
	#form-submit a {
		text-decoration: none;
	}
	#schedule-call-button {
		margin-top: 60px;
		border-radius: 24px 24px 24px 24px;
		box-sizing: border-box;
		color: white;
		width: 249px;
		height: 50px;
		text-decoration: none;
		background: #3a8ff6;
		font-size: 18px;
		font-family: primary-bold;
		letter-spacing: normal;
		vertical-align: middle;
	}
	.desktop-hidden {
		display: none;
	}
	.mobile-hidden {
		display: block;
	}
	#calculator {
		margin-top: 120px;
		padding-top: 100px;
	}
	#calculator-title {
		font-family: primary;
		font-size: 20px;
		line-height: 28px;
		text-align: center;
		letter-spacing: 0.09em;
		padding-left: 300px;
		padding-right: 300px;
		padding-top: 20px;
	}
	#amount-slider {
		margin: auto;
		font-size: 300px;
		margin-top: 80px;
		margin-right: 0px;
	}
	/* #amount-slider{
  margin:auto;
  font-size:300px ;
  margin-top: 80px;
  margin-right: 0px;
} */
	#years-slider {
		margin: auto;
		font-size: 300px;
		margin-top: 80px;
	}
	#calculate-button {
		background-color: #3a8ff6;
		/*border: 2px solid #3A8FF6;*/
		box-sizing: border-box;
		width: 300px;
		border-radius: 52px;
		margin: auto;
		font-size: 20px;
		font-family: primary-bold;
		margin-top: 90px;
		cursor: pointer;
	}
	#try-again-button {
		text-align: center;
		background-color: #3a8ff6;
		/*border: 2px solid #3A8FF6;*/
		box-sizing: border-box;
		width: 300px;
		border-radius: 52px;
		margin: auto;
		font-size: 20px;
		font-family: primary-bold;
		margin-top: 55px;
		cursor: pointer;
	}
	#calculator-terms {
		/* padding-top: 100px; */
		font-size: 10px;
		line-height: 20px;
		/* padding-left: 20px; */
		/* padding-right: 0; */
		letter-spacing: normal;
		text-align: center;
		padding-top: 40px;
	}
	/*---------------------------FAQ's page----------------------------- */
	#faq-title {
		font-size: 50px;
		font-family: primary-bold;
		text-align: center;
	}
	#careers-title {
		font: Geometria-Bold;
		font-size: 2.5vw;
		line-height: 136.3%;
		padding-top: 10vh;
		text-align: center;
		letter-spacing: 0.02em;
		color: #d8d8d8;
	}
	#careers-subtitle {
		padding-left: 24%;
		padding-right: 24%;
		font: Geometria;
		font-size: 22px;
		line-height: 136.3%;
		/* or 41px */
		text-align: justify;
		letter-spacing: 0.02em;
		color: #d8d8d8;
	}
	#career-jd-heading {
		font: Geometria-Bold;
		font-size: 25px;
	}
	#careers-jd-text {
		text-align: left;
		font: Geometria;
		font-size: 25px;
		line-height: 136.3%;
		/* or 18px */
		letter-spacing: 0.055em;
		color: #d8d8d8;
	}
	.section-faq {
		height: 57px;
		left: 223px;
		/* top: 314px; */
		margin-top: 10%;
		padding: 0;
		font-family: primary;
		font-size: 45px;
		line-height: 53px;
		text-align: left;
		letter-spacing: 0.09em;
		color: #ffffff;
	}
	#faq-container {
		margin-left: 85px;
		margin-right: 85px;
		margin-top: 72px;
		/* outline: none; */
	}
	#faq-button {
		color: #ffffff;
		background-color: rgba(1, 1, 1, 0);
	}
	#faq-button:focus {
		outline: 0 !important;
		/* border-color: rgba(127,127, 127, 0.5); */
		border-bottom: none;
		box-shadow: none;
	}
	.accordion-body {
		font-size: 10px;
		font-size: 20px;
		line-height: 145.8%;
		letter-spacing: 0.005em;
		padding: 0px 100px 10px 40px;
		border: none;
	}
	/* .accordion-body {
  font-size: 10px;
  font-size: 200px;
  line-height: 145.8%;
  letter-spacing: 0.005em;
  padding: 0px 40px 40px 1000px;
  border: none;
} */
	.accordion-button {
		font-family: primary-medium;
		/* border: 0.5px solid #979797; */
		font-size: 24px;
		line-height: 80px;
		letter-spacing: 0.075em;
		padding-top: 0px;
		padding-bottom: 0px;
		/* border-top: none; */
		border-bottom: none;
	}
	.accordion-button::after {
		display: none;
	}
	#career-sub-button {
		background-color: #3a8ff6;
		height: 75px;
		width: 180px;
		font-size: 1.5vw;
		margin-top: 150px;
	}
	#careers-extra-div {
		height: 200px;
	}
	#contact-email-text {
		margin-top: 10px;
		padding-right: 50px;
		padding-left: 50px;
		height: 40px;
		text-align: center;
		margin-bottom: 100px;
		font: Geometria;
		font-weight: medium;
		font-style: mediumitalic;
		font-size: 1.7vw;
		line-height: 143.3%;
		/* identical to box height, or 43px */
		text-align: center;
		letter-spacing: 0.14em;
	}
	#contact-schedule-call-text {
		font: Geometria;
		font-weight: bold;
		font-size: 1.2vw;
		line-height: 29px;
		text-align: center;
		letter-spacing: 0.085em;
		text-transform: uppercase;
		color: #3a8ff6;
	}
	#contact-schedule-founder-text {
		font-weight: bold;
		font: Geometria;
		font-size: 1.8vw;
		line-height: 136.3%;
		/* or 48px */
		text-align: center;
		letter-spacing: 0.04em;
	}
	#faq-button {
		color: #ffffff;
		background-color: rgba(1, 1, 1, 0);
	}
	#faq-button:focus {
		outline: 0 !important;
		/* border-color: rgba(127,127, 127, 0.5); */
		border-bottom: none;
		box-shadow: none;
	}
	#acc-but-to-change:not(.collapsed) {
		outline: none;
		border: none;
		/* border-color: rgba(127,127, 127, 0.5); */
		border-bottom: none;
		box-shadow: none;
		color: #ffffff;
		background-color: #a62ad0;
	}
	#acc-but-to-change.collapsed {
		outline: none;
		color: #ffffff50;
		background-color: #181818;
		border: none;
		/* border-color: rgba(127,127, 127, 0.5); */
		border-bottom: none;
		box-shadow: none;
	}
	#authrize:not(.collapsed) {
		/* color:#FFFFFF; */
		margin-bottom: -15px;
		background-color: #a62ad0;
	}
	#authrize.collapsed {
		/* color:#FFFFFF70; */
		background-color: green;
	}
	#activate:not(.collapsed) {
		margin-bottom: -15px;
		background-color: #a62ad0;
	}
	#activate.collapsed {
		/* color:#FFFFFF70; */
		background-color: green;
	}
	#automate:not(.collapsed) {
		margin-bottom: -15px;
		background-color: #a62ad0;
	}
	#automate.collapsed {
		/* color:#FFFFFF70; */
		background-color: green;
	}
	#faq-form-div {
		background-color: #e5614e;
		height: 198px;
		font-size: 25px;
		font-family: primary-bold;
		text-align: center;
		padding-left: 85px;
		/* margin-top: 155px; */
		padding-top: 77px;
		line-height: 27.95px;
	}
	.float {
		position: fixed;
		top: 50px;
		right: 0px;
		z-index: 10;
	}
	::placeholder {
		/* Chrome, Firefox, Opera, Safari 10.1+ */
		color: white;
		font-family: primary-medium;
		font-size: 16px;
		margin-bottom: 100px;
		opacity: 1; /* Firefox */
	}
	.deciml-logo-secret {
		width: 80px;
	}
	.link {
		text-decoration: none;
		color: #ffffff;
	}
	.overlay {
		z-index: 9;
		margin: 30px;
		background: #009938;
	}
	.features > .col {
		display: none;
	}
	#questions-mobile {
		display: none;
	}
	#explainer-text {
		/* margin-top: 35px; */
		/* font-family: ;
   */
		line-height: 26px;
		letter-spacing: normal;
		font-size: 16px;
	}
	#main-form-submit {
		background: #ffffff;
		border-radius: 52px;
		color: #3a8ff6;
		/* width: 80%; */
		margin-left: 30px;
		margin-top: 30px;
		letter-spacing: 0.04em;
		height: 50px;
		width: 249px;
		font-size: 15px;
		cursor: pointer;
		vertical-align: middle;
		margin: 0;
		margin-top: 30px;
		margin-left: 20px;
		/* display: table-cell;
   */
		line-height: 50px;
		text-decoration: none;
	}
	a:link {
		text-decoration: none;
	}
	#main-form-mobile {
		padding-top: 28px;
		width: 60%;
		margin-left: 28px;
		padding-right: 95px;
	}
	#main-form-name {
		/* padding-top: 28px; */
		/* width: 80%; */
		width: 60%;
		/* margin-left: px; */
		padding-right: 95px;
	}
	#submit-button-text {
		text-align: center;
		text-decoration: none;
		/* padding-left: 30px; */
	}
	/* .running{
  padding-right:0 !important ;
} */
	#result-illustration {
		position: relative;
		text-align: center;
		color: white;
		margin-top: 30px;
	}
	#stars {
		/* position: absolute; */
		margin: auto;
		/* left: 0; */
		/* top: 0; */
	}
	#result-subtitle {
		font-size: 35px;
		letter-spacing: normal;
		margin-top: 40px;
	}
	.centered {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#result-text {
		font-family: primary-bold;
		font-size: 80px;
	}
	#result-title {
		font-size: 30px;
		margin-top: 0px;
	}
	#accordion-nav {
		margin-top: 12px;
		margin-bottom: 20px;
		min-height: 300px;
		/* padding-top: 500px; */
	}
	.footer-item {
		font-size: 12.5px;
		text-align: left;
		letter-spacing: normal;
		margin-top: 50%;
		line-height: 13px;
		color: #d8d8d8;
	}
	.footer-item > a {
		color: #161d26;
	}
	.follow-us-icon {
		padding-right: 0px;
	}
	.follow-us-icon:nth-of-type(1) {
		padding-left: 10px;
	}
	#survey {
		letter-spacing: normal;
		line-height: normal;
		font-size: 20px;
		padding-left: 17px;
		font-family: primary-medium;
	}
	#made-in-india {
		font-size: 13px;
		letter-spacing: normal;
		line-height: normal;
		margin-top: 44.5px;
		text-align: left;
		margin-left: 0px;
		padding-left: 0;
	}
	#deciml-logo-d {
		/* width: 100px; */
		margin-top: 50px;
		margin-right: -70%;
		/* padding-left:50px; */
		/* padding: auto; */
		text-align: right !important;
	}
	#logo-row {
		margin-right: 0;
		margin-left: auto;
		padding-right: 0;
	}
	.footer-link {
		text-decoration: none;
		color: #b3b3b3;
	}
	#socials {
		padding-top: 0px;
		margin-top: -3px;
		font-family: primary-medium;
		/* margin: auto; */
	}
	/* --------------------------------------MOBILE UI--------------------------------------- */
	/* --------------------------------------MOBILE UI--------------------------------------- */
	/* --------------------------------------MOBILE UI--------------------------------------- */
	#slider {
		width: 1000px;
		height: 400px;
	}
	.rs-control .rs-range-color {
		background-color: #3a8ff6;
	}
	.rs-control .rs-path-color {
		background-color: #161d26;
	}
	.rs-control .rs-handle {
		background-color: #3a8ff6;
	}
	.rs-control .rs-bg-color {
		/* background-color: #121212; */
		background-color: #131313;
	}
	#name-error {
		font-size: 10px;
		text-align: left;
		padding-left: 30px;
	}
	#mobile-error {
		font-size: 10px;
		text-align: left;
		padding-left: 30px;
		display: none;
	}
	.investYourSpareChangeCarouselItem {
		width: min(300px, 100%) !important;
		/* height: min(100%, 100%) !important; */
	}
	.investYourSpareChangeImage {
		width: min(268px, 65%);
		margin-right: min(19px, 5%);
	}
	.carousel-item.active {
		background-color: transparent;
	}
	.dots {
		z-index: 3;
		background-color: #323232 !important;
		width: min(60px, 14%);
		height: 3px;
		margin-right: 2.5px;
		margin-left: 2.5px;
	}
	.dots {
		background: #8f8a8a;
	}

	.glider {
		width: min(300px, 90%) !important;

		/* width: min(300px, 72%) !important; */
		/* display: none; */
		/* background-color: #777777 !important; */
	}
	.blogsubtitle {
		font-family: helvetica, arial, sans-serif;
		/* width: min(300px, 72%) !important; */
		/* display: none; */
		/* background-color: #777777 !important; */
	}
	.blogsubtitleRoman {
	font-family: 'Times New Roman', Times, serif;
	font-weight:bold;
	/* width: min(300px, 72%) !important; */
	/* display: none; */
	/* background-color: #777777 !important; */
	}
	.vertical-line{
            border-left: 5px solid black;
			padding-left:5px;
        }
	
}
ol > li::marker {
	font-weight: bold;
  }
/*	Critical for linking blog page to medium.com */
.medium-widget-article__title{
color: white !important;
			}
.medium-widget-article__description{
color: white !important;
			}
.medium-widget-article__publishAt{
color: white !important;
			}
.medium-widget-article__clap{
color: white !important;
			}
.medium-widget-article__clap::before{
color: white !important;
			}

.medium-widget-article__author-name{
color: white !important;
			}
.medium-widget-article__author{
color: white !important;
			}
.medium-widget-article__date{
color: white !important;
			}