section#hero{
    background: url('https://www.clodura.ai/wp-content/uploads/2026/03/Frame-627281.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 120px 0px 100px;
}
section#hero .content-container p.lead{
   font-size: 30px;
   margin-bottom: 15px;
}
section#hero .content-container h1 + p{
    border: 3px solid #000000;
    box-shadow: 4px 4px 0px 0px #000000;
    border-radius: 50px;
    background: #ED1C24;
    color: #fff;
    font-family: DM Mono;
    font-weight: 500;
    font-size: 27px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    padding: 10px 30px;
}

/*---------------------Section 2-------------------------------------------*/
section#columns.simple.section2 .top-content {
    padding-bottom: 50px;
}

section#columns.simple.section2 .top-content p {
   font-family: DM Mono;
    font-weight: 400;
    font-size: 26px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

section#columns.simple.section2 .above-columns.grid.full {
    display: block;
}

section#columns.section2 .column-wrapper {
    margin-top: 50px;
}
section#columns.simple.section2 .column .image-container{
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

section#columns.simple.section2 .column.one .image-container{
   background: #FFC8BD;
   border: 3px solid #ED1C24;
}

section#columns.simple.section2 .column.two .image-container{
    background: #B3FFED;
    border: 3px solid #01E7B0;
}

section#columns.simple.section2 .column.three .image-container{
    background: #FFEAD1;
    border: 3px solid #FF5500;
}

section#columns.simple.section2 .column .content {
    align-items: center;
}

section#columns.simple.section2 .column .content h4 {
   text-align: center;
   font-family: DM Mono;
    font-weight: 400;
    font-size: 26px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

section#columns.simple.section2 .below-columns.grid.full{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px;
    padding: 0px;
    max-width: 100%;
}

section#columns.simple.section2 .below-columns.grid.full div{
   max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
}

section#columns.simple.section2 .below-columns.grid.full .cd-tagline {
    align-items: end;
}

/*--------------------------------section4--------------------------------------------*/

section#columns.simple.section4 .top-content {
    padding-bottom: 50px;
}

section#columns.simple.section4 .top-content p{
   font-family: DM Mono;
    font-weight: 400;
    font-size: 26px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

section#columns.simple.section4 .above-columns.grid.full {
    display: block;
}

section#columns.section4 .column-wrapper {
    margin-top: 50px;
}
section#columns.simple.section4 .column .image-container{
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

section#columns.simple.section4 .column.one .image-container{
   border: 3px solid #2596FF
}

section#columns.simple.section4 .column.two .image-container{
    border: 3px solid #FF739D
}

section#columns.simple.section4 .column.three .image-container{
    border: 3px solid #ED1C24
}

section#columns.simple.section4 .column .content {
    align-items: center;
}

section#columns.simple.section4 .below-columns.grid.full {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1280px;
    margin: 50px auto 0px;
}

/*--------------------------------section5--------------------------------------------*/

section#columns.simple.section5 .column-wrapper {
    margin-top: 0px;
 }

section#columns.simple.section5 .column.left .content{
    justify-content: center;
}

section#columns.simple.section5 .column.left h2.xl{
    margin-bottom: 20px;
}

section#columns.simple.section5 .column.left p{
    font-family: DM Mono;
    font-weight: 400;
    font-size: 26px;
    line-height: 150%;
    letter-spacing: 0%;
    margin-bottom: 30px;
}

section#columns.simple.section5 .column.left li{
    font-weight: 400;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: 0%;
    margin-bottom: 30px;
}

section#columns.simple.section5 .column.left li strong{
    font-weight: 700!important;
}

section#columns.simple.section5 .column.right{
    background: #FFF599;
    padding: 30px 61px;
    border-radius: 18px;
}

section#columns.simple.section5 .column.right div#body-copy{
    display: flex;
    flex-direction: column;
    align-items: center;
}

section#columns.simple.section5 .column.right .item:first-of-type {--bg-color:#FFEBF1;--border-color:#FF739D; }
section#columns.simple.section5 .column.right .item:nth-of-type(2) { --bg-color:#E6F3FF;--border-color:#2596FF; }
section#columns.simple.section5 .column.right .item:nth-of-type(3) {--bg-color:#E7FFF9;--border-color:#01E7B0; }

section#columns.simple.section5 .column.right .item {
    background: var(--bg-color);
    display: flex;
    gap: 20px;
    align-items: center;
    border: 3px solid var(--border-color);
    margin-bottom: 20px;
    box-shadow: 4px 4px 0px 0px var(--border-color);
    border-radius: 20px;
    padding: 20px;
    width: fit-content;
    font-weight: 500;
    font-size: 25px;
    line-height: 150%;
    letter-spacing: 0%;
    width: 100%;
}

section#columns.simple.section5 .column.right .content br{
   display: none;
}

section#columns.simple.section5 .below-columns.grid.full{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px;
    padding: 0px;
    max-width: 100%;
}

/*--------------------------------section6--------------------------------------------*/

section#columns.simple.section6 .above-columns.grid.full {
    display: block;
    position: absolute;
    max-width: 100%;
    left: 0;
    right: 0;
    padding: 0px;
    margin: 0px;
}

section#columns.simple.section6 .above-columns.grid.full p{
    display: flex;
    justify-content: space-between;
}



section#columns.simple.section6 .column-wrapper {
    margin-top: 0px;
}

section#columns.simple.section6 .top-content {
    padding-bottom: 50px;
}

section#columns.simple.section6 .column.simple.left{
    display: flex;
    justify-content: end;
}

section#columns.simple.section6 .column.simple.left .content{
    border: 2px solid #FF6106;
    background: #fff;
    justify-content: center;
    align-items: center;
    min-width: 60%;
    border-radius: 22px;
}

section#columns.simple.section6 .column.simple.left .content p{
    font-weight: 600;
    font-style: SemiBold;
    font-size: 34px;
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
}

section#columns.simple.section6 .column.simple.right .content div#body-copy{
  width: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

section#columns.simple.section6 .column.simple.right .content .item{
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: DM Mono;
    font-weight: 400;
    font-size: 22px;
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
}

section#columns.simple.section6 .column.simple.right .content .item > br{
    display: none;

}
section#columns.simple.section6 .column.simple.right .content .item img{
    width: 88px;
    height: 88px;
}


section#columns.simple.section7 .top-content {
    padding-bottom: 50px;
}

section#columns.section7 .inner-section{
    max-width: 1280px;
    margin: 0 auto;
    border: 2px solid #FFEC3D;
    border-radius: 17px;
    background: #FFFCE6;
    padding: 40px 0px;
}

section#columns.section7 .column-wrapper {
    margin-top: 40px;
}

section#columns.simple.section7 .column {
   display: flex;
   justify-content: center;
   padding-top: 20px;
   min-width: 280px;
}

section#columns.simple.section7 .column .image-container{
    border: 1px solid;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 85px;
    height: 85px;
}

section#columns.simple.section7 .column h4{
    font-family: DM Mono;
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
}

@media screen and (min-width:1155px){
section#columns.simple.section7 .column-wrapper.grid.grid-large.gap-40.half {
    gap: 0px;
    grid-template-columns: repeat(12, 8.36875%);
}

section#columns.simple.section7 .column:first-child{
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}

section#columns.simple.section7 .column:nth-of-type(2){
    border-bottom: 1px solid #E3E3E3;
}

section#columns.simple.section7 .column:nth-of-type(3){
    border-right: 1px solid #E3E3E3;
}

}