img[src=""] {
	display: none;
}

.extra-bold {
	font-weight: 700 !important;
}

.mar-r-16 {
	margin-right: 16px;
}

.mar-l-16 {
	margin-left: 16px;
}

.mar-t-32 {
	margin-top: 32px;
}

.mar-b-32 {
	margin-bottom: 32px;
}

.mar-t-16 {
	margin-top: 16px;
}

.mar-b-16 {
	margin-bottom: 16px;
}

.bg-light-blue {
	background-color: #f3f7f8 !important;
}

.bg-gray {
	background-color: #fafafa !important;
}

.offer-timer {
	display: flex;
    align-items: center;
    gap: 8px;

	img {
		width: 16px;
		height: 16px;
		object-fit: cover;
	}

	span {
		font-size: 12px;
		font-weight: 400;
		line-height: 16px;
		margin: 0;
	}
}

.section-inner {
	padding-top: 96px !important;
	padding-bottom: 96px !important;
}

.text-center a.standalone-link-after:after {
    position: relative;
    top: 0px;
    margin-left: 8px;
}

a.standalone-link-after:after {
    content: url(/dvl/v1.0/assets/images/ui/ui-chevron-right-blue.svg);
    position: absolute;
    left: 0;
    top: .35em;
    display: inline-block;
    width: 6px;
    height: 10px;
    line-height: 0;
}

#page-subtitle {
	font-size: 30px;
}

.banner-desc {
	font-size: 16px;
	font-style: normal;
	line-height: 24px;

	.btn {
		margin-top: 24px !important;
		padding: 16px !important;
	}
}

.banner-container {
	display: flex;
	flex-direction: row;
	gap: min(64px, calc(32px + (64 - 32) * ((100vw - 639px) / (1200 - 639))));
	width: 100%;
	justify-content: center;
}

.banner-text {
	align-items: start;
    flex-direction: column;
    justify-content: center;
	max-width: 494px;
}

.banner-text .btn.primary,
.nc-adv-container .nc-adv-content .btn.primary {
	padding: 20px 32px;
}

.banner-img-1, .banner-img-2 {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
	width: 100%;
	max-width: 450px;
	height: 362px;
}

.banner-img-1 {
	background-image: url("../images/banner-1.png");
	background-size: 450px 350px;
}

.banner-img-2 {
	background-image: url("../images/banner-2.png");
	background-size: 322px 362px;
}

.banner-img.fr {
	background-image: url("../images/banner-1-fr.png");
}

.banner-img.tc {
	background-image: url("../images/banner-1-ch.jpg");
}

.banner-img.sc {
	background-image: url("../images/banner-1-ch.jpg");
}

.easy-steps-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.easy-steps-container .btn.tertiary {
	padding: 12px 32px;
	border: 2px solid #006ac3;
}

#steps .section-inner {
	padding: 96px 128px !important;
}

.offer-section {
	flex-direction: column;
}

.offer-btns-wrapper {
	max-height: 110px;
	
	p {
		font-size: 18px;
	}

	.offer-btns {
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}

	.offer-btn {
		padding: 14px 24px 12px 24px;

		color: #6F6F6F;
		font-size: 18px;
		font-weight: 400;
		border-bottom: 2px solid #E0E0E0;

		cursor: pointer;
	}

	.offer-btn.active {
		color: #006AC3;
		border-bottom: 2px solid #006AC3;
	}
}

.offer-box-wrapper {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.start-bank-acc-container {
	flex-direction: row;
	border-radius: 8px;
	box-shadow: 0px 54px 118px 0px rgba(37, 37, 37, 0.04), 0px 12.062px 26.357px 0px rgba(37, 37, 37, 0.06),
		0px 3.591px 7.847px 0px rgba(37, 37, 37, 0.08);
	overflow: hidden;
	max-width: 902px;
	width: 100%;
}

.start-bank-acc-header {
	background-color: #ffba00;
	padding: 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	max-width: 398px;
	flex-grow: 1;
}

.start-bank-acc-header.tab-2-content {
	background-color: #003168;
	color: white;
}

.start-bank-acc-title {
	font-family: "RBCDisplay";
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;
	max-width: 223px;
}

.start-bank-acc-subtitle {
	font-size: 14px;
	font-weight: 400;
}

.start-bank-acc-offer {
	flex-direction: column;
	gap: 5px;
	border-radius: 7.273px;
	background-color: #fff;
	padding: 16px 24px;
	/* font-size: 12px; */
	/* font-weight: 500; */
	/* letter-spacing: 2px; */
	/* text-transform: uppercase; */
}

.start-bank-acc-offer .monthly-fee {
	color: #585858;
	font-size: 14px;
	font-weight: 400;
}

.start-bank-acc-offer .fee {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -0.26px;
}

.start-bank-acc-offer .offer-link {
	font-size: 12px;
	font-weight: 500;
	font-style: italic;
}

.start-bank-acc-content {
	background-color: #fff;
	max-width: 502px;
	/* padding: 64px 58px;
	display: flex;
	flex-direction: column;
	gap: 48px; */
	flex-grow: 1;
}

.start-bank-acc-content .content-top {
	flex-direction: column;
	gap: 24px;
	padding: 32px;

	p, li {
		font-size: 14px;
		font-weight: 400;
		margin: 0;
	}

	li {
		padding-left: 22px;
		margin-bottom: 16px;
		margin-left: 10px;
		filter: brightness(0%);
	}

	.top-features {
		flex-direction: column;
		gap: 16px;
	}

	.bottom-features {
		flex-direction: column;
		gap: 16px;
	}
}

.start-bank-acc-content .content-bottom {
	padding: 16px 0px;
	background: #006AC3;

	a {
		font-size: 14px;
		font-weight: 400;
		color: white;
	}
}

.start-bank-acc-details {
	display: flex;
	flex-direction: row;
	gap: 16px;
}

.start-bank-acc-details-item {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.start-bank-acc-features {
	display: flex;
	gap: 32px;
}

.start-bank-acc-feature-item {
	display: flex;
	gap: 16px;
	flex: 1;
}

.start-bank-acc-feature-icon {
	width: 24px;
	height: 24px;
}

.add-card-container {
	/* margin-top: 128px; */
	display: flex;
	flex-direction: column;
	gap: 64px;
}

.add-card-header {
	display: flex;
	flex-direction: column;
	gap: 32px;

	h3 {
		font-size: 30px;
		font-weight: 500;
	}

	p {
		font-size: 18px;
		font-weight: 300;
	}
}

.add-card-content-wrapper {
	flex-direction: column;
	align-items: center;
}

.add-card-content {
	max-width: 913px;
}

.newcomer-advantage-wrapper {
	flex-direction: column;
	align-items: center;

	.newcomer-advantage {
		max-width: 960px;

		.block-inner {
			padding: 64px 0px;
			flex-direction: column;
			gap: 24px;

			h2 {
				margin: 0;
			}

			p {
				margin: 0;
			}

			a {
				margin: 0;
			}

			.btn {
				padding: 20px 32px;
				max-width: 311px;
				line-height: 24px;
			}

			
		}

		.tab-1-content > .block-inner {
			flex-direction: row;
			justify-content: center;
			gap: 64px;

			img {
				max-width: 262px;
			}

			> div {
				max-width: 367px;
				text-align: left;

				flex-direction: column;
				gap: 24px;

				h2 {
					font-size: 30px;
				}
			}
		}
	}
}

#help-section {
	> div {
		padding: 64px 0px !important;
	}

	.open-24-7 {
		color: #585858;
		font-size: 12px;
		font-weight: 400;
		line-height: 16px;
	}
}

.add-card-content-details {
	.card-details {
		padding-left: 20px;
		padding-right: 20px;
		justify-content: space-between;
	}

	div > p {
		margin-bottom: 0;
	}

	div > p:last-child {
		font-size: 12px;
		font-weight: 300;
		line-height: 16px;
		margin-bottom: 2px;
	}

	div > p:first-child {
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
	}
}

.add-card-content-details > a,
.more-ways-content-details > a {
	text-decoration: underline;
}

.add-card-content-container {
	width: 100%;
	max-width: unset !important;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-top: 11px;
}

.add-card-content,
.more-ways-content {
	display: flex;
	gap: 64px;
}

.add-card-content > div {
	max-width: 370px;
}

.add-card-content .card-img-container {
	border-radius: 8px;
	background-color: #fff;
	padding: 42px 45px 42px 46px;
}

.add-card-content .card-img {
	width: 279px;
	height: auto;
}

.newcomer-offer-container {
	border-radius: 8px;
	border: 1px solid #ffb500;
	background: linear-gradient(180deg, rgba(255, 186, 0, 0.1) 0%, rgba(255, 186, 0, 0) 100%);
	padding: 22px 16px 16px 16px;
	position: relative;

	.strong {
		margin-bottom: 8px;
	}
}

.newcomer-offer-caption {
	position: absolute;
	left: 16px;
	top: -11px;
	border-radius: 4px;
	background: #ffba00;
	padding: 3px 10px;
	color: #252525;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px; /* 133.333% */
	text-transform: uppercase;
}

.newcomer-offer-content {
	color: var(--text-foregrounds-text-default, #1f1f1f);
	font-feature-settings: "clig" off, "liga" off;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.newcomer-offer-title {
	margin-bottom: 8px;
}

.add-card-feature,
.more-ways-feature {
	display: flex;
	gap: 16px;
}

.add-card-feature-icon,
.more-ways-feature-icon {
	width: 32px;
	height: 32px;
}

.add-card-feature-content,
.more-ways-feature-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.add-card-feature-item,
.more-ways-feature-item {
	display: flex;
	gap: 16px;
}

.add-card-feature-item.flex-align-center,
.more-ways-feature-item.flex-align-center {
	align-items: center;
}

div#savings {
	margin-bottom: 32px;
}

.more-ways-container {
	display: flex;
	flex-direction: column;
	gap: 64px;
}

.more-ways-content-container {
	width: 100%;
	max-width: unset !important;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-top: 11px;
	flex: 1;
}

.more-ways-content .more-ways-content-img {
	max-width: 371px;
	width: 100%;
	height: auto;
}

.rbc-firsts-container {
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding-top: 96px;
	padding-bottom: 0; /* the padding space is used up by the carousel for desktop layout */
}

.rbc-firsts-header {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	max-width: 1200px;
	align-self: center;
}

.rbc-firsts-header .carousel-control-container {
	min-height: 40px;
}

.rbc-firsts-header .carousel-control-container .carousel-control-buttons {
	display: flex;
	justify-content: flex-end;
	gap: 16px;
	margin-right: 16px;
}

.rbc-firsts-header .carousel-button-prev img {
	rotate: 180deg;
}

.rbc-firsts-container .carousel-item-img {
	width: 450px;
	height: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.rbc-firsts-container .carousel-item-img.slide-1 {
	background-image: url(../images/carousel-img-1.png);
}

.rbc-firsts-container .carousel-item-img.slide-2 {
	background-image: url(../images/carousel-img-2.png);
}

.rbc-firsts-container .carousel-item-img.slide-3 {
	background-image: url(../images/carousel-img-3.png);
}

/* referencing https://www.rbcroyalbank.com/doordash/, since the image cannot really see the design in figma */
.rbc-firsts-container .carousel-item-img.slide-4 {
	background-size: 65%;
	background-color: #f3f4f5;
	background-image: url(../images/carousel-img-4.png);
}

.rbc-firsts-container .carousel-item-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 32px;
}

.nc-adv-container {
	display: flex;
	justify-content: center;
	gap: 0 64px;
}

.nc-adv-container .nc-adv-img {
	width: 395px;
	height: auto;
}

.nc-adv-container .nc-adv-content {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.how-you-want-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 32px;
}

.how-you-want-title {
	max-width: 289px;
}

.how-you-want-card {
	width: 225px;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
}

.how-you-want-content {
	padding: 24px;
}

.how-you-want-bg {
	background-color: #f3f7f8;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 150px;
}

.how-you-want-bg.img-1 {
	background-image: url(../images/want-img-1.svg);
}

.how-you-want-bg.img-2 {
	background-image: url(../images/want-img-2.svg);
}

.how-you-want-bg.img-3 {
	background-image: url(../images/want-img-3.svg);
}

.need-help-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.need-help-container img {
	width: 16px;
	height: 16px;
	margin-top: 4px;
	margin-right: 9px;
}

.need-help-title {
	max-width: 195px;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.need-help-container .book-appointment {
	max-width: 264px;
}

.need-help-container .need-help-options {
	display: flex;
	gap: 0 64px;
}

.need-help-container p > a {
	font-weight: 400;
}

p.strong {
	font-weight: 400;
}

p.text-sm {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

p.text-lg-light {
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 28px;
}

p.text-xs {
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

p.text-disclaimer {
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px;
}

p.big-numbers-xs {
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.gap-24 {
	gap: 24px;
}

.gap-32 {
	gap: 32px;
}

.gap-64 {
	gap: 64px;
}

a.standalone-link.after {
	padding-left: 0;
}

a.standalone-link.after:before {
	content: none;
}

a.standalone-link.after:after {
	content: url(/dvl/v1.0/assets/images/ui/ui-chevron-right-blue.svg);
	display: inline-block;
	width: 6px;
	height: 10px;
	line-height: 0;
	margin-left: 4px;
}

.divider-h {
	height: 1px;
	width: 100%;
	background-color: #e0e0e0;
}

.divider-h-thick {
	height: 3px;
	width: 100%;
	background-color: #e0e0e0;
}

.divider-v {
	width: 1px;
	background-color: #e0e0e0;
}

.pad-tb-96 {
	padding-top: 96px;
	padding-bottom: 96px;
}

.mar-tb-96 {
	margin-top: 96px;
	margin-bottom: 96px;
}

.warning {
	background-color: yellow;
}

/* overriding for the carousel */
.vantage-carousel {
	padding-bottom: 175px !important; /* 64px + 15px + 96px */
}

.carousel-progress__bar-wrapper {
	width: auto !important;
	margin-top: -111px; /* 15px + 96px */
	padding-top: 0 !important;
	padding-left: 0 !important;
}

.vantage-carousel-item {
	width: unset !important;
	max-width: 450px;
	height: unset !important;
	margin-top: 0 !important;
	padding: 0 !important;
	box-shadow: 0px 54px 118px 0px rgba(37, 37, 37, 0.04), 0px 12.062px 26.357px 0px rgba(37, 37, 37, 0.06),
		0px 3.591px 7.847px 0px rgba(37, 37, 37, 0.08);
}

/* overriding trigger icon */
.tooltip-trigger > .trigger-icon {
	margin-left: 4px;
}

.tooltip-trigger > .trigger-icon:before {
	margin-top: -2px;
	width: 15px;
	height: 15px;
}

#divider-section .section-inner {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#disclaimer .section-inner, .disclaimer .section-inner {
	padding-top: 24px !important;
	padding-bottom: 24px !important;
}

@media screen and (max-width: 877px) {
	.start-bank-acc-header {
		max-width: 100%;
	}

	.start-bank-acc-content {
		max-width: 100%;
	}
}

@media (min-width: 639px) and (max-width: 1200px) {
	/* section:first-of-type .section-inner {
        padding-top:calc(15px + (30 - 15) * ((100vw - 639px)/ (1200 - 639)))
    } */

	#steps .section-inner {
		padding: 96px calc(32px + (128 - 32) * ((100vw - 639px) / (1200 - 639))) !important;
	}

	.start-bank-acc-content {
		/* padding: 64px calc(32px + (58 - 32) * ((100vw - 639px) / (1200 - 639))); */
	}

	.start-bank-acc-details {
		flex-wrap: wrap;
	}

	.start-bank-acc-details-item {
		flex: 1 300px;
	}
}

@media screen and (max-width: 1024px) {
	.add-card-content {
		flex-direction: column;
		gap: 32px;
		padding: 0 8px;
		align-items: center;
	}
}

@media screen and (max-width: 640px) {
	.banner-img {
		background-image: url("../images/banner-1-mob.png");
	}

	.banner-img.fr {
		background-image: url("../images/banner-1-mob-fr.png");
	}
	
	.banner-img.tc {
		background-image: url("../images/banner-1-mob-ch.jpg");
	}
	
	.banner-img.sc {
		background-image: url("../images/banner-1-mob-ch.jpg");
	}

	.mob-pad-t-32 {
		padding-top: 32px;
	}

	.mob-pad-b-32 {
		padding-bottom: 32px;
	}

	.mob-gap-16 {
		gap: 16px;
	}

	.mob-gap-32 {
		gap: 32px;
	}

	.offer-btns-wrapper {
		height: 88px;

		P {
			margin-bottom: 8px;
		}

		margin-left: -16px;
		margin-right: -16px;

		.offer-btn{
			flex-grow: 1;
			padding: 14px 16px 12px 16px;
			font-size: 16px;
		}
		
		.offer-btn:last-child {
			/* max-width: 138px; */
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}

	.add-card-content {
		.add-card-content-details {
			
		}

		.card-details  {
			padding-left: 0;
			padding-right: 0;
		}
	}


	#page-subtitle {
		font-size: 20px;
	}

	.section-inner,
	#steps .section-inner {
		padding: 32px 16px !important;
	}

	.mob-section-inner {
		/* from figma, left and right padding is 16+16px */
		/* padding: 0 16px !important; */
	}

	.banner-container {
		flex-direction: column;
	}

	.banner-img-1, .banner-img-2 {
		max-width: unset;
        height: 250px;
        background-size: cover;
        aspect-ratio: 375 / 166;
        background-position-y: center;
        background-position-x: center;
	}

	.banner-img-1 {
		/* background-image: url("../images/banner-1-mob.png"); */
		/* background-size: 375px 166px; */
	}

	.banner-img-2 {
		background-image: url("../images/banner-2-mob.png");
		background-size: contain;
		background-position-x: center;
	}

	.start-bank-acc-title {
		font-size: 24px;
	}

	.easy-steps-container {
		flex-direction: column;
	}

	.mob-gap-24 {
		gap: 24px;
	}

	.banner-desc {
		margin-bottom: 0;

		.btn {
			margin-top: 32px !important;
			width: 100%;
		}
	}

	.start-bank-acc-header {
		padding: 32px 16px;
	}

	.start-bank-acc-details {
		flex-direction: column;
		gap: 32px;
	}

	.newcomer-advantage-wrapper {
		padding-left: 8px;
		padding-right: 8px;

		.block-inner {
			padding: 32px 16px !important;
			gap: 30px !important;
		}

		.tab-1-content > .block-inner {
			flex-direction: column;
			justify-content: center;

			img {
				max-width: 177px !important;
			}

			> div {
				gap: 30px !important;

				h2 {
					font-size: 24px !important;
					text-align: center;
				}

				.btn {
					line-height: 24px;
				}

				.standalone-link-after {
					text-align: center;
				}
			}
		}
	}

	.start-bank-acc-details-item {
		flex: 0;
	}

	.start-bank-acc-content {
		/* padding: 40px 32px 56px;
		gap: 40px; */
	}

	.start-bank-acc-features {
		flex-direction: column;
	}

	.add-card-container {
		gap: 24px;
	}

	.add-card-header {
		gap: 24px;

		h3 {
			font-size: 24px;
			line-height: 30px;
		}

		p {
			font-size: 18px;
			font-weight: 300;
			line-height: 28px; 
		}
	}

	.add-card-content .card-img-container {
		padding: 36px 38px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.add-card-content .card-img {
		max-width: 297px;
		width: 100%;
	}

	.add-card-feature-content > .h5 {
		font-size: 18px !important;
		font-weight: 500 !important;
		line-height: 28px !important;
	}

	div#savings {
		margin-bottom: 24px;
	}

	.more-ways-container {
		gap: 24px;
		margin-bottom: 32px;
		padding: 0 8px;
	}

	.add-card-content-container {
		.newcomer-offer-container {
			margin-bottom: 8px;
		}
	}

	.add-card-content-container,
	.more-ways-content-container {
		padding-top: 0px;
	}

	.more-ways-content {
		flex-direction: column;
		align-items: center;
		gap: 32px;
	}

	.more-ways-content-img {
		max-width: 313px;
	}

	.rbc-firsts-container {
		padding-top: 60px;
		padding-bottom: 0; /* the padding space is used up by the carousel for mobile layout */
	}

	.rbc-firsts-header .carousel-control-container {
		min-height: 0px;
	}

	.rbc-firsts-header > h3 {
		font-size: 24px;
		font-weight: 500;
		line-height: 30px;
	}

	.rbc-firsts-container .carousel-item-img {
		width: 290px;
		height: 161.1px;
	}

	.rbc-firsts-container .carousel-item-content > .h5 {
		font-size: 18px !important;
		font-weight: 500 !important;
		line-height: 27px !important;
	}

	.nc-adv-container {
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}

	.nc-adv-container .nc-adv-img {
		width: 233px;
	}

	.nc-adv-container .nc-adv-content p.text-sm {
		font-size: 18px;
		font-weight: 300;
		line-height: 27px;
	}

	.how-you-want-container {
		flex-direction: column;
		gap: 25px;
	}

	.how-you-want-title {
		margin-top: 32px !important;
	}

	.how-you-want-card {
		width: 325px;
	}

	.how-you-want-bg.img-1 {
		background-position: center -30%;
		background-size: 75%;
	}

	.how-you-want-bg.img-2 {
		background-image: url(../images/want-img-2-m.svg);
	}

	.how-you-want-bg.img-3 {
		background-image: url(../images/want-img-3-m.svg);
	}

	.need-help-container {
		flex-direction: column;
		align-items: center;
		gap: 32px;
		padding: 0px;

		.tel-number a {
			font-weight: 700;
		}
	}

	.need-help-title {
		max-width: unset;
		text-align: center;
	}

	.need-help-container .need-help-options {
		flex-direction: column;
		gap: 24px;
	}

	/* overriding for the carousel */
	.vantage-carousel {
		padding-left: 0 !important;
		padding-bottom: 147px !important; /* 48px + 15px + 64px */
	}

	.vantage-carousel-item {
		max-width: 290px !important;
	}

	.carousel-progress__bar-wrapper {
		/* margin-bottom: 16px; */
		max-width: 90%;
	}

	.start-bank-acc-content {
		.top-features {
			div {
				flex-wrap: nowrap;
			}
		}

		.bottom-features {
			ul {
				margin: 0;
			}

			a {
				font-size: 14px;
				font-weight: 400;
			}
		}
	}

	.start-bank-acc-offer {
		padding: 0px;
		padding-bottom: 16px;
		gap: 8px;
		text-align: center;

		.fee {
			font-size: 32px;
		}

		.offer-link {
			font-size: 14px;
			font-weight: 400;
			line-height: 20px;
			font-style: normal;
		}
	}
}
