* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Catamaran-Regular';
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

a {
  text-decoration: none;
  outline: none;
  border: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

@font-face {
  font-family: 'Catamaran-Regular';
  src: url(../fonts/Catamaran/static/Catamaran-Regular.ttf);
  font-weight: normal;
}

@font-face {
  font-family: 'Catamaran-SemiBold';
  src: url(../fonts/Catamaran/static/Catamaran-SemiBold.ttf);
  font-weight: normal;
}

@font-face {
  font-family: 'Catamaran-Bold';
  src: url(../fonts/Catamaran/static/Catamaran-Bold.ttf);
  font-weight: normal;
}

.blocksmith-hero-sec {
  padding: 120px 0 80px 0;
  background: #fcfcfc;
}

.blocksmith-hero-sec .blocksmith-hero-main {
  text-align: center;
}

.blocksmith-hero-main .badge {
  padding: 2px 10px;
  margin-bottom: 24px;
  background: #1bc358;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  border-radius: 100px;
}

.blocksmith-hero-main .title {
  margin-bottom: 24px;
  color: #282c34;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  font-family: var(--oslim-font);
}

.blocksmith-hero-main .title span {
  color: #1ba44d;
}

.blocksmith-hero-main .subtitle {
  color: #6b7280;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 32px;
  font-weight: 400;
}

.blocksmith-hero-main .subtitle span {
  color: #282c34;
  font-weight: 600;
}

.features {
  gap: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
}

.features .feature-box svg path,
.features .feature-box svg circle {
  color: #16a249;
}

.features .feature-box {
  color: #282c34;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  border: 1px solid #e5e7eb;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  display: flex;
  gap: 10px;
  padding: 8px 16px;
}

.apply-btn,
.apply-btn:hover {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  background-image: linear-gradient(135deg, hsl(142 76% 36%), hsl(142 76% 45%));
  padding: 11px 32px;
  color: #FFFFFF;
}

.program-overview-sec {
  padding: 64px 0;
}

.main-title {
  margin-bottom: 32px;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 32px;
  text-align: center;
  color: rgb(40, 44, 52);
  font-weight: 700;
  /* font-family: 'Catamaran-Bold'; */
}

.program-overview-main .overview-box {
  padding: 32px;
  border: 1px solid rgb(229, 231, 235);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  width: 100%;
  max-width: 894px;
  margin: 0 auto;
}

.program-overview-main .overview-box p {
  color: #282c34;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 29px;
  font-weight: 400;
}

.overview-box p.gray-color {
  color: #6b7280;
}

.program-overview-main .overview-box p:last-child {
  margin-bottom: 0;
}

.objectives-sec,
.eligibility-sec,
.benefit-sec,
.tech-sec ,
.about-sec{
  background: #fafbfb;
  padding: 64px 0;
}

.objectives-main .objectives-grid-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  max-width: 1152px;
  width: 100%;
  margin: 0 auto;
}

.objectives-grid-box .objectives-box,
.eligibility-gird-box .objectives-box {
  padding: 24px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border: 1px solid rgb(229, 231, 235);
}

.objectives-box svg {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
}

.objectives-box svg {
  color: #16a249;
}

.objectives-box .objective-title {
  color: #282c34;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.objectives-box .objective-subtitle {
  color: #6b7280;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.apply-grid-sec {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  width: 100%;
  max-width: 896px;
  margin: 0 auto;
}

.apply-grid-sec .target-applicant-sec {
  text-align: left;
}

.target-applicant-sec .objective-title svg {
  width: 20px;
  height: 20px;
  object-fit: contain;
  margin: 0;
}

.target-applicant-sec .objective-title {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 24px;
}

.dot {
  background: rgb(22, 162, 73);
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.target-applicant-sec ul li {
  display: flex;
  align-items: self-start;
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #282c34;
  margin-bottom: 12px;
}

.target-applicant-sec ul li:last-child {
  margin-bottom: 0;
}

.focus-areas-subtitle {
  width: max-content;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 16px;
  font-family: 'Catamaran-SemiBold';
  color: #26292C;
  border-radius: 999px;
  background-color: #F1F2F4;
}

.focus-areas-div {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.who-apply-sec,
.selection-sec,
.additional-sec,
.program-sec ,
.transform-sec{
  padding: 64px 0;
}

.eligibility-gird-box {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
  width: 100%;
  max-width: 896px;
  margin: 0 auto;
}

.eligibility-gird-box .objectives-box {
  background-color: #fff;
  padding: 32px;
}

.eligibility-gird-box .target-applicant-sec ul li {
  margin-bottom: 16px;
}

.eligibility-gird-box .target-applicant-sec ul li:last-child {
  margin-bottom: 0;
}

.common-card {
  padding: 24px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border: 1px solid rgb(229, 231, 235);
  background-color: #fff;
}

.common-card .card-title {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 24px;
}

.common-card .card-para {
  color: #747B82;
  font-size: 16px;
  margin-bottom: 16px;
}

.common-card ul li {
  display: flex;
  gap: 8px;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 8px;
  align-items: self-start;
}

.common-card .dot {
  width: 6px;
  height: 6px;
}

.common-card ul li:last-child {
  margin-bottom: 0;
}

.benefit-main .main-title {
  margin-bottom: 16px;
}

.main-para {
  font-size: 16px;
  color: #747B82;
  text-align: center;
  margin-bottom: 48px;
}

.benefit-card-gird-box,
.benefit-value-gird-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.benefit-card-gird-box .card-title {
  font-size: 18px;
}

.benefit-card-gird-box .common-card ul li {
  color: #747B82;
}

.total-value-box {
  text-align: center;
  margin-top: 48px;
}

.benefit-value-number {
  color: #1ba44d;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 8px;
  font-weight: 700;
  /* font-family: 'Catamaran-Bold'; */
}

.benefit-value-para {
  color: #747B82;
  font-size: 14px;
  line-height: 20px;
}

.total-value-main {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgb(229, 231, 235);
}

.total-value-content {
  padding: 2px 10px;
  background-color: #1ba44d;
}

.total-value {
  font-size: 30px;
  color: #fff;
}

.total-value-main .common-para {
  font-size: 16px;
  color: #747B82;
  text-align: center;
}

.objectives-box .card-para {
  color: #747B82;
  font-size: 16px;
  margin-bottom: 24px;
}

.note-text {
  color: #747B82;
  font-size: 14px;
  margin-top: 24px;
  font-style: italic;
}

.program-content {
  width: 100%;
  max-width: 896px;
  margin: 0 auto;
}

.program-completed {
  background-color: #f7f8f9;
}


.program-status {
  width: max-content;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 16px;
  font-family: 'Catamaran-SemiBold';
  color: #26292C;
  border-radius: 999px;
  background-color: #F1F2F4;
}

.program-card-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.program-current {
  border: 1px solid #22C55E;
  background-color: #Fff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.program-current .program-status {
  background-color: #22C55E;
  color: #fff;
}

.program-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #22C55E;
}

.program-upcoming .program-dot {
  background-color: #747B82;
}

.program-upcoming .program-status {
  background-color: transparent;
}

.program-card-left {
  display: flex;
  align-items: center;
  gap: 15px;
}

.program-type {
  color: #282c34;
  font-size: 16px;
  font-family: 'Catamaran-SemiBold';
}

.program-date {
  color: #747B82;
  font-size: 14px;
  line-height: 20px;
}

.program-content .common-card {
  margin-bottom: 15px;
}

.about-card .card-para{
  margin-bottom: 0;
}

.transform-main .main-title{
  margin-bottom: 24px;
}
.transform-main .card-para{
  text-align: center;
  margin: auto;
  max-width: 672px;
  font-size: 20px;
  color: #747B82;
}

.transform-btn{
  margin-top: 30px;
  text-align: center;
}