@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Inter:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Public Sans:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=JetBrains Mono:400,500,600,700,800,900');

.nav-link-custome {
    font-family: Inter;
    font-weight: 500;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0;
    color: #4B5563;
}

.nav-link-custome:hover {
	color: #DC2626 !important;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #DC2626 !important;
}

.btn-primary {
	font-family: Inter;
    border-radius: 6px !important;
    padding: 7px 16px;
	--ar-btn-bg: #DC2626;
	--ar-btn-border-color: #DC2626;
	font-weight: 600;
    font-size: 13px !important;
    line-height: 19.5px;
    letter-spacing: 0;
}

.btn-primary {
    --ar-btn-hover-bg: #c12929;
    --ar-btn-active-bg: #DC2626;
    --ar-btn-hover-border-color: #c12929;
    --ar-btn-active-border-color: #DC2626;
}

#navbarNav {
    justify-content: center;
}

#navbarNav .navbar-nav {
    margin: 0 auto;
}


element.style {
}
[class^=btn-outline-], [class*=" btn-outline-"] {
    --ar-btn-hover-color: #fff;
    --ar-btn-active-color: #fff;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-outline-primary {
    --ar-btn-color: #DC2626;
    --ar-btn-border-color: #DC2626;
    --ar-btn-hover-color: #fff;
    --ar-btn-hover-bg: #DC2626;
    --ar-btn-hover-border-color: #DC2626;
    --ar-btn-focus-shadow-rgb: 68, 140, 116;
    --ar-btn-active-color: #fff;
    --ar-btn-active-bg: #DC2626;
    --ar-btn-active-border-color: #DC2626;
    --ar-btn-active-shadow: unset;
    --ar-btn-disabled-color: #DC2626;
    --ar-btn-disabled-bg: transparent;
    --ar-btn-disabled-border-color: #DC2626;
    --ar-gradient: none;
    font-family: Inter;
    border-radius: 6px !important;
    padding: 7px 16px;
	font-weight: 600;
    font-size: 13px !important;
    line-height: 19.5px;
    letter-spacing: 0;
}

.btn-request {
    font-family: Inter;
    font-weight: 600; /* Semi Bold */
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
	border-radius: 4px;
	padding: 12px 24px;
	color: #fff;
	background-color: #DC2626;
	border:1px solid #DC2626;
	margin-bottom: 20px;
}

.btn-request:hover {
	background-color: #c12929;
	border:1px solid #c12929;
}

.btn-request-outline {
    font-family: Inter;
    font-weight: 600; /* Semi Bold */
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
	border-radius: 4px;
	padding: 12px 24px;
	color: #374151;
	background-color: transparent;
	border:1px solid #D1D5DB;
	margin-bottom: 20px;
}

.btn-request-outline:hover {
	border:1px solid #DC2626;
	color: #DC2626;
}

.btn-request-outline:hover .icon-watch {
    filter: brightness(0) saturate(100%) invert(25%) sepia(87%)
            saturate(2527%) hue-rotate(344deg) brightness(89%) contrast(94%);
}

.budges-desicion{
	background-color: #FEF2F2;
	color: #DC2626;
	font-family: JetBrains Mono;
    font-weight: 400; /* Regular */
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
	padding: 6px 12px;
	border-radius: 9999px;
	display: inline-block;
}

.mb24{
	margin-bottom: 24px;
}

.bullets{
	border-radius: 9999px;
	background-color: #DC2626;
	display: inline-block;
	height: 8px;
	width: 8px;
	float: left;
	margin-top: 3.5px;
	margin-right: 5px;
}

.txttitle{
	color: #111827;
	font-family: 'Inter', sans-serif;
    font-weight: 700;
    letter-spacing: -1.8px;
}

.spantxttitle{
	color: #DC2626;
}

.mb48{
	margin-bottom: 48px;
}

.mb68{
	margin-bottom: 68px;
}

.txtInt{
	font-family: "JetBrains Mono", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0;
    color: #111827;
}

.txtVar{
	color: #6B7280;
	font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.v-bullets {
    background-color: #E5E7EB;
    display: inline-block;
    float: left;
    margin-top: 4px;
    margin-right: 16px;
    width: 3px;
    height: 56px;
}

.bghead {
    position: relative;
    overflow: hidden;
}

.bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.bghead::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;

    background-image:
        radial-gradient(
            141.42% 70.71% at 50% 0%,
            rgba(220, 38, 38, 0.06) 0%,
            rgba(220, 38, 38, 0) 60%
        ),
        url('../../assets/img/bg-grid.svg');

    background-repeat: no-repeat;
    pointer-events: none;
}

.bghead .container {
    position: relative;
    z-index: 3;
}

.bg-section-2{
	width: 100%;
	background: var(--color-grey-9850, rgba(249, 250, 251, 0.50));
}

.bg-section-3{
	width: 100%;
	background: url('../../assets/img/bg-grid2.svg');
	background-repeat: no-repeat;
	background-size: 100%;
}

.bg-section-4{
    position: relative;
    width: 100%;
}

.bg-section-4::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background:
        linear-gradient(
            180deg,
            rgba(220, 38, 38, 0.04) 2.5%,
            rgba(220, 38, 38, 0) 2.5%
        ),
        linear-gradient(
            90deg,
            rgba(220, 38, 38, 0.04) 2.5%,
            rgba(220, 38, 38, 0) 2.5%
        );

    background-repeat: repeat, repeat, no-repeat;
    background-size: 40px 40px, 40px 40px, cover;
    background-position: center, center, center;

    opacity: 0.5;
}

.bg-section-4 > *{
    position: relative;
    z-index: 1;
}

.bg-section-5{
    width: 100%;

    background:
        linear-gradient(
            rgba(249, 250, 251, 0.50),
            rgba(249, 250, 251, 0.50)
        ),
        url('../../assets/img/bg-grid3.svg');

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-section-6{
	width: 100%;
	background: linear-gradient(0deg, var(--color-grey-9750, rgba(254, 242, 242, 0.50)) 0%, var(--color-grey-970, rgba(254, 242, 242, 0.00)) 100%);
}

.bg-section-7{
    width: 100%;

    background:
        radial-gradient(
            141.42% 70.71% at 50% 0%,
            rgba(220, 38, 38, 0.06) 0%,
            rgba(220, 38, 38, 0.00) 60%
        ),
        url('../../assets/img/bg-grid3.svg');

    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    background-position: center, center;
}

.txtTitleSec2{
	color: var(--webkazee-color-Alizarin-Crimson, var(--color-red-51, #DC2626));
	/* webkazee teks/JetBrains Mono/Regular upper */
	font-family: var(--font-family-Font-1, "JetBrains Mono");
	font-size: var(--font-size-12, 12px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-16, 16px); /* 133.333% */
	letter-spacing: var(--letter-spacing-1_2, 1.2px);
	text-transform: uppercase;
}

.txtContentSec2{
	color: var(--webkazee-color-Ebony, var(--color-azure-11, #111827));
	/* webkazee teks/Semantic/Heading 2 */
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--item-spacing-l, 48px);
	font-style: normal;
	font-weight: var(--font-weight-700, 700);
	line-height: var(--item-spacing-l, 48px); /* 100% */
	letter-spacing: var(--letter-spacing--1_2, -1.2px);
}

.mb18{
	margin-bottom: 18px;
}

.txtContentSec3{
	color: var(--webkazee-color-Pale-Sky, var(--color-grey-46, #6B7280));
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--line-height-16, 16px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--font-size-24, 24px); /* 150% */
}

.card-goverment{
	border-radius: 12px;
	border: var(--tw-scale-y, 1px) solid #E5E7EB;
	background: #FFF;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	width: 100%;
	padding: 24px;
	margin-bottom: 60px;
}

.card-goverment:hover{
	border-radius: 12px;
	border: var(--tw-scale-y, 1px) solid var(--color-red-82, #FCA5A5);
	background: #FFF;
	box-shadow: 0 0 20px 0 rgba(220, 38, 38, 0.10), 0 1px 0 1px rgba(220, 38, 38, 0.06) inset;
}

.hover-local2 {
    background: var(--color-red-51, #F59E0B) !important;
}
.hover-local {
    opacity: 0.1;
    background: var(--color-red-51, #DC2626);
    filter: blur(20px);
    height: 80px;
    width: 80px;
    float: right;
    margin-top: -100px;
    margin-right: -25px;
    display: none;
}

.card-goverment:hover .hover-local{
    display: block;
}

.img-goverment{
	height: 48px;
	float: right;
}

.mt20 {
    margin-top: 20px;
}

.mb16{
	margin-bottom: 16px;
}

.card-sponsor{
	border-radius: 8px;
	background: #F9F9F9;
	width: 100%;
	padding: 24px;
	justify-content: center;
	align-items: center;
	grid-row: 1 / span 1;
	grid-column: 1 / span 1;
	justify-self: stretch;
	display: flex;
}

.img-sponsor{
	height: 38px;
	width: auto;
}

.txt-orange{
	color: #F59E0B;
}

.bg-mode {
    border-top: var(--tw-scale-y, 1px) solid var(--color-grey-91, #E5E7EB);
    background: var(--color-grey-98, #F9FAFB);
}

.p64{
	padding-top:64px;
	padding-bottom: 64px;
}

.m16{
	margin-bottom: 16px;
	margin-top: 16px;
}

.txtFoter1{
	color: var(--webkazee-color-Pale-Sky, var(--color-grey-46, #6B7280));
	/* webkazee teks/Inter/Regular */
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--font-size-12, 12px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-19_5, 19.5px); /* 162.5% */
}

.txtFoter2{
	color: var(--webkazee-color-Ebony, var(--color-azure-11, #111827));
	/* webkazee teks/Semantic/Heading 4 */
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--font-size-14, 14px);
	font-style: normal;
	font-weight: var(--font-weight-600, 600);
	line-height: var(--line-height-20, 20px); /* 142.857% */
}

.txtFoter3{
	color: var(--webkazee-color-Gray-Chateau, var(--color-azure-65-2, #9CA3AF));
	/* webkazee teks/JetBrains Mono/Regular */
	font-family: var(--font-family-Font-1, "JetBrains Mono");
	font-size: var(--font-size-10, 10px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-15, 15px); /* 150% */
}

.text-decoration-none{
	text-decoration: none;
}

.mb20{
	margin-bottom: 20px;
}

.mb32{
	border-top: var(--tw-scale-y, 1px) solid var(--color-grey-91, #E5E7EB);
	margin-bottom: 32px;
}

.mb32v{
	margin-bottom: 32px;
}

.mb80{
	margin-bottom: 80px;
}

.btn-request-outline2{
	color: var(--webkazee-color-Oxford-Blue, var(--color-azure-27, #374151));
	text-align: center;
	/* webkazee teks/Inter/Medium */
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--font-size-14, 14px);
	font-style: normal;
	font-weight: var(--font-weight-500, 500);
	line-height: var(--line-height-20, 20px); /* 142.857% */
	border-radius: 4px;
	padding: 7px 16px;
	color: #374151;
	background-color: #FFF;
	border:1px solid #D1D5DB;
}

.btn-request-outline2:hover {
	background-color: #fafafa;
}

.txtcontexthead{
	color: var(--webkazee-color-Pale-Sky, var(--color-grey-46, #6B7280));
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--line-height-18, 18px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-28, 28px); /* 155.556% */
}

.card-actionable{
	border-radius: 12px;
	border: var(--tw-scale-y, 1px) solid #E5E7EB;
	background: #F9FAFB;
	width: 100%;
	padding: 20px 20px 0px 20px;
	margin-bottom: 20px;
	height: 100%;
}

.row-actionable > [class*="col-"] {
    display: flex;
    margin-bottom: 20px;
}

.row-actionable .card-actionable {
    width: 100%;
    height: 100%;
}

.bullet-number{
	color: var(--webkazee-color-Alizarin-Crimson, var(--color-red-51, #DC2626));
	font-family: var(--font-family-Font-1, "JetBrains Mono");
	font-size: var(--font-size-10, 10px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-15, 15px); /* 150% */
	border-radius: 9999px;
	border: var(--tw-scale-y, 1px) solid var(--color-grey-91, #E5E7EB);
	background: var(--tw-ring-offset-color, #FFF);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	display: inline-block;
    padding: 3.5px 5px;
    position: absolute;
    margin-left: -20px;
    margin-top: -30px;
}

.bullet-number2{
	color: var(--webkazee-color-Alizarin-Crimson, var(--color-red-51, #DC2626));
	font-family: var(--font-family-Font-1, "JetBrains Mono");
	font-size: var(--font-size-10, 10px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-15, 15px); /* 150% */
	border-radius: 9999px;
	border: var(--tw-scale-y, 1px) solid var(--color-grey-91, #E5E7EB);
	background: var(--tw-ring-offset-color, #FFF);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	display: inline-block;
    padding: 3.5px 5px;
    float: right;
}

.txt-actionable-1{
	color: var(--webkazee-color-Ebony, var(--color-azure-11, #111827));
	/* webkazee teks/Inter/Semi Bold */
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--line-height-18, 18px);
	font-style: normal;
	font-weight: var(--font-weight-600, 600);
	line-height: var(--line-height-28, 28px); /* 155.556% */
}

.txt-actionable-2{
	color: var(--webkazee-color-Gull-Gray, var(--color-azure-65, #94A3B8));
	/* webkazee teks/JetBrains Mono/Regular upper */
	font-family: var(--font-family-Font-1, "JetBrains Mono");
	font-size: var(--font-size-10, 10px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-15, 15px); /* 150% */
	letter-spacing: var(--letter-spacing-0_5, 0.5px);
	text-transform: uppercase;
}

.txt-actionable-3{
	color: var(--webkazee-color-Pale-Sky, var(--color-grey-46, #6B7280));
	/* webkazee teks/Inter/Regular */
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--font-size-12, 12px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-19_5, 19.5px); /* 162.5% */
}

.mt12{
	margin-top: 12px;
}

.mt4{
	margin-top: 4px;
}

.mt16{
	margin-top: 16px;
}

.img-actionable{
	float: right;
	margin-right: -30px;
	margin-top: 85px;	
}

.txtactiobale2{
	color: #DC2626;
}

.txtactiobale3{
	color: #F59E0B !important;
}

.card-intelligence{
	width: 100%;
	border-radius: 12px;
	border: var(--tw-scale-y, 1px) solid #E5E7EB;
	background: #FFF;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	padding: 24px 24px 0px 24px;
	margin-bottom: 24px;
	height: 100%;
}

.txtAllsystem{
	color: var(--webkazee-color-Gray-Chateau, var(--color-azure-65-2, #9CA3AF));
	font-family: var(--font-family-Font-1, "JetBrains Mono");
	font-size: var(--font-size-12, 12px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-16, 16px); /* 133.333% */
}

.float-right{
	float: right;
}

.float-unset{
	float: unset;
}

.m16{
	margin: 16px 0px;
}

.txt-intelligent-title{
	color: var(--webkazee-color-Ebony, var(--color-azure-11, #111827));
	/* webkazee teks/Inter/Semi Bold */
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--line-height-20, 20px);
	font-style: normal;
	font-weight: var(--font-weight-600, 600);
	line-height: var(--line-height-28, 28px); /* 140% */
}

.txt-intelligent-content{
	color: var(--webkazee-color-Pale-Sky, var(--color-grey-46, #6B7280));
	/* webkazee teks/Inter/Regular */
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--font-size-14, 14px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-22_75, 22.75px); /* 162.5% */
}

.m2010{
	margin-top: 20px;
	margin-bottom: 10px;
}

.text-intelligent-number{
	color: var(--webkazee-color-Alizarin-Crimson, var(--color-red-51, #DC2626));
	/* webkazee teks/JetBrains Mono/Bold */
	font-family: var(--font-family-Font-1, "JetBrains Mono");
	font-size: var(--font-size-24, 24px);
	font-style: normal;
	font-weight: var(--font-weight-700, 700);
	line-height: var(--line-height-32, 32px); /* 133.333% */
}

.text-intelligent-description{
	color: var(--webkazee-color-Gray-Chateau, var(--color-azure-65-2, #9CA3AF));
	/* webkazee teks/Inter/Regular upper */
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--font-size-10, 10px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-15, 15px); /* 150% */
	letter-spacing: var(--letter-spacing-0_25, 0.25px);
	text-transform: uppercase;
}

.mb5{
	margin-bottom: 5px;
}

.txtTitleAIPower{
	color: var(--webkazee-color-Ebony, var(--color-azure-11, #111827));
	text-align: center;
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--font-size-14, 14px);
	font-style: normal;
	font-weight: var(--font-weight-600, 600);
	line-height: var(--line-height-20, 20px); /* 142.857% */
}

.txtContentAIPower{
	color: var(--webkazee-color-Pale-Sky, var(--color-grey-46, #6B7280));
	text-align: center;
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--font-size-12, 12px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-19_5, 19.5px); /* 162.5% */
}

.img-ai-power{
	width:100%; 
	margin-bottom: 45px;
	height: auto;
}

.card-confidential {
    width: 100%;
    border-radius: 16px;
    border: var(--tw-scale-y, 1px) solid var(--color-grey-91, #E5E7EB);
    padding: 48px;
    background: url(../../assets/img/bg-overlay-blur.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.card-icon-left{
	border-radius: var(--item-spacing-16, 16px) 0 0 0;
	border-top: var(--stroke-weight-2, 2px) solid var(--color-red-82, #FCA5A5);
	border-left: var(--stroke-weight-2, 2px) solid var(--color-red-82, #FCA5A5);
}

.card-icon-left {
    border-radius: var(--item-spacing-16, 16px) 0 0 0;
    border-top: var(--stroke-weight-2, 2px) solid var(--color-red-82, #FCA5A5);
    border-left: var(--stroke-weight-2, 2px) solid var(--color-red-82, #FCA5A5);
    width: 50px;
    height: 50px;
    float: left;
    margin-top: -50px;
    margin-left: -50px;
}

.card-icon-right{
	border-radius: 0 0 var(--item-spacing-16, 16px) 0;
	border-right: var(--stroke-weight-2, 2px) solid var(--color-red-82, #FCA5A5);
	border-bottom: var(--stroke-weight-2, 2px) solid var(--color-red-82, #FCA5A5);
	width: 50px;
    height: 50px;
    float: right;
    margin-right: -50px;
}

.p1632{
	padding: 16px 32px;
}

.m4634{
	margin-top: 46px;
	margin-bottom: 34px;
}

.txtFitureDesc{
	color: var(--webkazee-color-Pale-Sky, var(--color-grey-46, #6B7280));
	font-family: var(--font-family-Font-1, "JetBrains Mono");
	font-size: var(--font-size-12, 12px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-16, 16px); /* 133.333% */
	letter-spacing: var(--letter-spacing-0_6, 0.6px);
	text-transform: uppercase;
}

.txtFiturFooter{
	margin-top: 30px;
	color: var(--webkazee-color-Gray-Chateau, var(--color-azure-65-2, #9CA3AF));
	text-align: center;
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--font-size-12, 12px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-16, 16px); /* 133.333% */
}

/*Khusus Tampilan Dekstop*/
@media screen and (min-width: 1030px) {
	.bghead::before {
		background-size: cover, 100%;
	}
	.txttitle{
		font-size: 72px;
	    line-height: 72px;
	}
	.display-none-dekstop{
		display: none;
	}
	.bg-section-2, .bg-section-3, .bg-section-4, .bg-section-5, .bg-section-6{
		padding: 128px 240px;
	}

	.bg-section-7{
		padding: 128px 80px;
	}

	.bghead {
	    padding-top: 220px;
	}
}

/*Khusus Tampilan Mobile*/
@media screen and (max-width: 1030px) {
	.txttitle{
		font-size: 52px;
	    line-height: 60px;
	}
	.display-none-mobile{
		display: none;
	}
	.bghead::before {
		background-size: cover;
	}
	.bg-section-2, .bg-section-3, .bg-section-4, .bg-section-5, .bg-section-6{
		padding: 128px 20px;
	}
	.bg-section-7{
		padding: 128px 20px;
	}
	.txtContentAIPower{
		margin-bottom: 20px;
	}
	.txtFoter2{
		margin-top: 20px;
	}
	.bghead {
	    padding-top: 100px;
	}
}

.mt1535 {
    margin-top: 15px;
    margin-bottom: 35px;
}

.txtBrct{
	color: var(--webkazee-color-Ebony, var(--color-azure-11, #111827));
	/* webkazee teks/Inter/Semi Bold */
	font-family: var(--font-family-Font-2, Inter);
	font-size: var(--line-height-20, 20px);
	font-style: normal;
	font-weight: var(--font-weight-600, 600);
	line-height: var(--line-height-28, 28px); /* 140% */
}

.img-platform-sec1{
	border-radius: 17.5px;
	background: url(<path-to-image>) lightgray 50% / cover no-repeat;
	width: 100%;
}

.p200{
	padding-bottom: 220px;
	padding-top: 220px;
}

.card-platform {
    border-radius: 12px;
    border: var(--tw-scale-y, 1px) solid #E5E7EB;
    background: #fff;
    width: 100%;
    padding: 20px 20px 39.5px 20px;
    margin-bottom: 20px;
}

.img-next-platform{
	float: right;
    margin-right: -40px;
    margin-top: 185px;
}

@media (min-width: 992px) {
    .col-add-2 {
        width: 20% !important;
    }
}

.card-platform-index{
	padding: 33.32px 23.52px;
	width: 100%;
	border-radius: 12px;
	border: var(--tw-scale-y, 1px) solid var(--color-grey-91, #E5E7EB);
	background: var(--tw-ring-offset-color, #FFF);
	box-shadow: 0 20px 25px -5px rgba(229, 231, 235, 0.50), 0 8px 10px -6px rgba(229, 231, 235, 0.50);
}

.card-platform-header {
    width: 100%;
    padding: 20px 28px;
    align-items: center;
    border-bottom: var(--tw-scale-y, 1px) solid var(--color-grey-96, #F3F4F6);
    background: var(--color-grey-98, #F9FAFB);
    border-radius: 12px 12px 0px 0px;
    float: left;
    border: var(--tw-scale-y, 1px) solid var(--color-grey-91, #E5E7EB);
}