/* Token development page styles */

.attritbute-token-center h2{
	max-width: 100% !important;
}

.token-cards-container .blockchain-service-card {
	width: 33.33%;
}
.nft-service-section p {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.5rem;
	color: var(--white-60);
	margin-bottom: 1rem;
	max-width: 31.25rem;
}
.nft-service-section .wp-block-buttons {
	margin-bottom: 1.5rem;
}

.token-erc-section {
	padding: 3.75rem 1rem 1.5rem;
}
.token-erc-section h2 {
	font-weight: 800;
	font-size: 2rem;
	line-height: 2.653rem;
	color: var(--black-100);
	margin-bottom: 1.5rem;
}
.token-erc-section h2 s {
	text-decoration: none;
	color: var(--primary-100);
}
.token-erc-section h5 {
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.625rem;
	color: var(--black-100);
	margin-bottom: 1rem;
}
.token-erc-section p {
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.625rem;
	color: var(--black-65);
	margin-bottom: 2.25rem;
}

.token-erc-section figure img {
	width: 100%;
	max-width: 25rem;
	object-fit: contain;
	object-position: center;
}

.token-key-compoent-section.wp-block-columns {
	padding: 5rem 0 2.5rem;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.288613) 100%), #050A14;
	background-blend-mode: overlay, normal;
	backdrop-filter: blur(67.957px);
	margin-bottom: 5rem;
}
.token-key-compoent-section h2 {
	font-weight: 800;
	font-size: 2rem;
	line-height: 160%;
	color: var(--white-100);
	margin-bottom: 4.5rem;
}
.token-key-compoent-section h2 s {
	text-decoration: none;
	color: var(--primary-100);
}
.token-key-compoent-section h6 {
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.928rem;
	color: var(--white-85);
	margin-bottom: 1rem;
}
.token-key-compoent-section p {
	font-weight: 400;
	font-size: 1rem;
	line-height: 160%;
	color: var(--white-55);
}

.key-components-cards {
	display: flex;
	flex-wrap: wrap;
}
.key-components-cards .wp-block-columns {
	width: 33.33%;
	padding-bottom: 40px;
}
.key-components-cards figure {
	margin-bottom: 0.75rem;
	height: 3.75rem;
}
.key-components-cards figure img {
	height: 100%;
	object-fit: contain;
	object-position: left;
}
.key-components-cards .wp-block-columns + .wp-block-columns {
	padding-left: 2rem;
}
.key-components-cards .wp-block-columns:nth-child(4) {
	padding-left: 0;
}

.distinguished-token-section {
	padding: 5rem 0;
	background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2023/03/31081136/grain-bg.png);
    background-repeat: no-repeat;
    background-size: 110%;
	background-position: center;
}
.distinguished-token-section h2 {
	font-weight: 800;
	font-size: 2.5rem;
	line-height: 130%;
	color: var(--white-100);
	margin-bottom: 0.75rem;
	max-width: 27.5rem;
}
.distinguished-token-section h2 s {
	text-decoration: none;
	color: var(--primary-100);
}
.distinguished-token-section p {
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.313rem;
	color: var(--white-65);
	max-width: 27.5rem;
}
.distinguished-token-section figure img {
	width: 100%;
	max-width: 32.25rem;
	object-fit: contain;
	object-position: center;
}

.token-dev-benifits-section {
	padding: 3.75rem 0 0;
	background: var(--primary-08);
}
.token-dev-benifits-section h2 {
	font-weight: 800;
	font-size: 2rem;
	line-height: 160%;
	color: var(--black-100);
	margin-bottom: 2.5rem;
}
.token-dev-benifits-section h2 s {
	text-decoration: none;
	color: var(--primary-100);
}
.token-dev-benifits-section figure {
	height: 5rem;
	margin-bottom: 1rem;
}
.token-dev-benifits-section figure img {
	object-fit: contain;
	object-position: left bottom;	
}
.token-dev-benifits-section h6 {
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.938rem;
	color: var(--black-85);
	margin-bottom: 1rem;
}
.token-dev-benifits-section p {
	font-weight: 400;
	font-size: 1rem;
	line-height: 160%;
	color: var(--black-55);
}
.token-dev-benifits-cards {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.token-dev-benifits-cards .wp-block-columns {
	width: 33.33%;
	padding-bottom: 3.75rem;
}
.token-dev-benifits-cards .wp-block-columns + .wp-block-columns {
	padding-left: 2rem;
}
.token-dev-benifits-cards .wp-block-columns:nth-child(4) {
	padding-left: 0;
}

.token-carosel-section {
	padding: 5rem 0;
}
.token-carosel-section h2 {
	font-weight: 800;
	font-size: 2rem;
	line-height: 2.75rem;
	color: var(--black-100);
	margin-bottom: 3.75rem;
}

.company-dev-section {
	padding: 5rem 0 1.5rem;
    background: linear-gradient(100.97deg,rgba(252,255,119,.2) .98%,rgba(255,125,4,.2) 100%);
    backdrop-filter: blur(100px);
}
.company-dev-section h2 {
	font-weight: 800;
	font-size: 2rem;
	line-height: 160%;
	color: var(--black-100);
	margin-bottom: 0.625rem;
	max-width: 37.5rem;
}
.company-dev-section h2 s {
	text-decoration: none;
	color: var(--primary-100);
}
.company-dev-section p {
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: var(--black-65);
	margin-bottom: 3rem;
	max-width: 37.5rem;
}
.company-dev-section .company-dev-cards {
	display: flex;
	flex-wrap: wrap;
}
.company-dev-section .company-dev-cards h6 {
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.938rem;
	color: var(--black-100);
	margin-bottom: 1rem;
}
.company-dev-section .company-dev-cards p {
	font-weight: 400;
	font-size: 1rem;
	line-height: 160%;
	color: var(--black-55);
	margin-bottom: 0;
}
.company-dev-section .company-dev-cards .wp-block-columns {
	width: 33.33%;
	padding-bottom: 3rem;
}
.company-dev-section .company-dev-cards .wp-block-columns + .wp-block-columns {
	padding-left: 3rem;
}
.company-dev-section .company-dev-cards .wp-block-columns:nth-child(4) {
	padding-left: 0;
}

.tokenization-section.wp-block-columns {
	padding: 4rem 0;
	background:url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2023/03/15055908/blockchain-decentralize-bg-main.png);
/* 	background-blend-mode: overlay, normal; */
	background-repeat: no-repeat;
	background-size: cover;
/* 	backdrop-filter: blur(67.957px); */
	margin: 5rem auto;
	border-radius: 1.25rem;
}

.tokenization-section h2 {
	font-weight: 800;
	font-size: 2rem;
	line-height: 160%;
	color: var(--white-100);
	margin: 0 auto 2rem;
	max-width: 21.25rem;
}
.tokenization-section h2 s {
	text-decoration: none;
	color: var(--primary-100);
}

/* token scroll styles here */
.trending-token-section {
	overflow-x: hidden;
	padding-bottom: 5rem;
}
.trending-token-section h2 {
	font-weight: 800;
	font-size: 2rem;
	line-height: 2.75rem;
	color: #0A0B09;
	padding: 0 1rem;
	margin-bottom: 1.75rem;
}
.token-scroll .scroll-content1 {
	display: flex;
	overflow: hidden;
}
.token-scroll .scroll-content1 .scroll-card {
	padding: 0.375rem;
}
.token-scroll .scroll-content1 .scroll-card .wp-block-column {
	display: flex;
	align-items: center;
	border-radius: 0.625rem;
	padding: 0.75rem;
}
.token-scroll .scroll-content1 .scroll-card figure {
	min-height: 2.5rem;
	min-width: 2.5rem;
	max-height: 2.5rem;
	max-width: 2.5rem;
}
.token-scroll .scroll-content1 .scroll-card img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: left;
}

.token-scroll .scroll-content1 .scroll-card p {
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: var(--black-85);
	padding-left: 0.75rem;
	flex: 1;
}

.token-scroll {
  width: 271.375rem;
}
.token-scroll .scroll-content1 {
  animation: scrollcontent1 50s linear infinite;
}
@keyframes scrollcontent1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-222.55rem / 2));
  }
}

.green-bg {
	background-color: rgba(80, 175, 149, 0.1);
}
.green-bg-1 {
	background-color: rgba(0, 211, 149, 0.1);;
}
.green-gradient {
	background: linear-gradient(149.93deg, rgba(42, 184, 230, 0.1) 1428.73%, rgba(41, 202, 210, 0.1) 5214.09%, rgba(46, 228, 190, 0.1) 8570.93%);
}
.dark-blue-bg {
	background-color: rgba(42, 90, 218, 0.1);
}
.blue-bg {
	background: rgba(39, 117, 202, 0.1);
}
.blue-bg-1 {
	background-color: rgba(0, 209, 255, 0.1);
}
.blue-bg-2 {
	background-color: rgba(5, 155, 220, 0.1);
}
.blue-gradient {
	background: linear-gradient(229.92deg, rgba(182, 80, 158, 0.1) 15.42%, rgba(46, 186, 198, 0.1) 84.43%);
}
.grey-bg {
	background-color: rgba(38, 39, 97, 0.1);
}
.red-bg {
	background-color: rgba(255, 0, 122, 0.1);
}

/* Token development page styles */


.token-dev-services h2{
	font-size: 40px;
	margin: 0 0 1rem !important;
	max-width: 400px;
	width: 100%;
}

.token-dev-services p{
	max-width: 700px;
	width: 100%;
}

.token-launch-quality h2,
.token-launch-quality p{
	max-width: 514px;
}