/* Hero Section */
.hero{
	position: relative;
    background-color: var(--light-purple);
    overflow-x: clip
}
.hero-content{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: calc(100dvh - 11rem);
    min-height: 40rem
}
.hero-title{
    font-size: 2.75rem;
    font-weight: 300;
    margin: 0 0 4.25rem;
    text-transform: uppercase;
    animation-delay: .5s
}
.hero-subtitle{
    font-size: 2.75rem;
    font-weight: 300;
    margin: 0 0 5.625rem;
    animation-delay: 1s
}
.hero-subtitle strong{
    font-weight: 500;
    background-color: var(--pink);
    background-image: var(--grad-h-pink-blue);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent
}
.hero-cta{
    animation-delay: 1.5s;
    margin-bottom: 4rem
}
.hero-cta .btn{
    font-size:1.313rem;
    font-weight: 400;
    animation-delay: 1.5s
}
.hero-image{
	position: absolute;
    top:0;
    right:10%;
    height: 100%
}
.hero-image img{
    height: 108%;
    width: auto
}

/* Blocks */
.block-row{
    padding:6.375rem 0;
    overflow-x: clip;
}
.block-row.purple{background-color: var(--light-purple)}
.block-row header{
    display: flex;
    gap: 3.625rem;
    align-items: center;
    margin-bottom: 2.75rem;
}
.block-row header picture{max-width: 8.125rem}
.block-row header picture img{
    max-width: 100%;
    height: auto;
}
.block-heading{
    display:flex;
    flex-direction: column;
    gap:1.5rem;
}
.block-title{
    font-size:2.625rem;
    font-weight: 400;
    color:var(--blue);
    margin:0;
}
.block-subtitle{
    font-size:1.188rem;
    line-height: 1.625rem;
    font-weight: 400;
    color:var(--black);
    margin:0;
}
.block-intro{
    display:flex;
    align-items: center;
    flex-direction: column;
    gap:1rem;
    margin-bottom: 4rem;
    text-align:center
}
.block-intro:before{
    content:"";
    display: block;
    margin-bottom:1.75rem;
    width:5rem;
    height:.125rem;
    background: var(--pink);
    background: var(--grad-h-pink-blue);
}
.block-intro-title{
    font-size:1.5rem;
    font-weight: 500;
    color:var(--pink);
    margin:0;    
}
.block-intro p{
    font-size:1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color:var(--black);
    margin:0;   
}


/*hexaprocess steps*/
.hexaprocess{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    padding-top: .938rem;
}
.hexaprocess:before {
    content: "";
    width: 68.688rem;
    height: 6.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/03/line-process.png);
    position: absolute;
    top: 4.625rem;
    left: 0;
    right: 0;
    margin: auto;
}
.hexaprocess-item {
    position: relative;
    padding: 0 .938rem;
    text-align: center;
    margin-bottom: 2.188rem;
    width: 25%;
}
.hexaprocess-icon{
    background-color: #d3dde8;
    height: 8.5rem;
    width: 8.5rem;
    line-height: 8.5rem;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    margin: 0 auto 2.438rem auto;
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
    position: relative;
    z-index: 1;
}
.hexaprocess-icon number {
    top: -.688rem;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    background-color: #515251;
    font-size: .875rem;
    color: var(--white);
    font-weight: 600;
    line-height: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -khtml-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
    border-radius: 1.5rem;
    left: .5rem;
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
}
.hexaprocess-icon span {
    display: block;
    width: 9.5rem;
    height: 9.5rem;
    z-index: -1;
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: rotate(33deg);
    -khtml-transform: rotate(33deg);
    -moz-transform: rotate(33deg);
    -ms-transform: rotate(33deg);
    -o-transform: rotate(33deg);
    transform: rotate(33deg);
    overflow: hidden;
}
.hexaprocess-icon span:before {
    display: block;
    content: '';
    height: 9.5rem;
    width: 4.75rem;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #9499a6;
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
}
.hexaprocess-icon img {
    max-width: 5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
}
.hexaprocess-item .hexaprocess-title {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500;
    margin-bottom: .875rem;
}
.hexaprocess-item .hexaprocess-desc *{
    padding: 0 1.25rem;
    text-align:left;
}
.hexaprocess-item .hexaprocess-desc ul {
    list-style: none;
    text-align: left
}
.hexaprocess-item .hexaprocess-desc ul li {
    position: relative;
    display: flex;
    font-size: 1.063rem;
    line-height: 1.3;
    gap: .625rem;
    margin-bottom: .75rem
}
.hexaprocess-item .hexaprocess-desc ul li:before {
    content: "";
    display: block;
    min-width: .5rem;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 8 3.56" viewBox="0 0 8 3.56"><path d="M1.78 3.56C.8 3.56 0 2.76 0 1.78S.8 0 1.78 0h4.44C7.2 0 8 .8 8 1.78s-.8 1.78-1.78 1.78H1.78z" style="fill:%23ce7aff"/></svg>') no-repeat 0 .625rem
}
.hexaprocess-item:hover .hexaprocess-icon {background-color: var(--pink)}
.hexaprocess-item:hover .hexaprocess-icon span:before {background-color: var(--blue)}
.hexaprocess-item:hover .hexaprocess-icon number {background-color: var(--black)}
.hexaprocess-item:nth-child(even) {margin-top: 4.313rem}

/*Slabs list*/
.slabs-list {position: relative}
.slabs-list-title{
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--pink);
    margin:0 0 2.188rem;
    padding:1rem 0 0
}
.slabs-list ul li {
    list-style: none;
    background: var(--white);
    margin: 0 0 .625rem -5.375rem;
    padding: 1.5rem 25rem 1.5rem 5rem;
    clip-path: polygon(3.125rem 0%,100% 0%,100% 100%,0% 100%)
}
.slabs-list ul li h4 {
    font-size: 1.188rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--blue);
    margin: 0 0 .25rem
}
.slabs-list ul li p {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 400;
    color: #444;
    margin:0;
}
.slabs-list-image {
    position: absolute;
    top: 1rem;
    right: -10rem
}

/*Big Claim Block*/
.big-claim-title{
    font-size: 2.75rem;
    line-height: 3.625rem;
    font-weight: 400;
    padding-right: 5.5rem;
    margin:3.625rem 0
}
.big-claim-image img{
    display: block;
    width: 115%;
    height: auto
}

/* Icon Box*/
.iconbox {
    border: .063rem solid #eee9f1;
    margin-bottom: 1.875rem;
    height: calc(100% - 1.875rem);
    padding: 1.25rem;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--blue);
    background-image: url(/wp-content/uploads/2025/03/hxgn_hegaxon-box.webp)
}
.iconbox:hover .iconbox-icon img {filter: brightness(5)}
.iconbox:hover .iconbox-inner {
    background-image: none;
    background-color: #333333cf
}
.iconbox .iconbox-title {font-weight: 500}
.iconbox .iconbox-desc {
    font-size: 1rem;
    line-height: 1.375rem
}
.iconbox:before {
    content: '';
    background-color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms
}
.iconbox .iconbox-inner {
    background-color: var(--white);
    text-align: center;
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
    padding: 3.5rem .938rem 4.063rem;
    position: relative;
    z-index: 99
}
.iconbox .iconbox-icon {margin-bottom: .625rem}
.iconbox .iconbox-icon i {
    font-size: 3.375rem;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ce7aff),to(#5756ff));
    background-image: -webkit-linear-gradient(to bottom,#ce7aff,#5756ff);
    background-image: -moz-linear-gradient(to bottom,#ce7aff,#5756ff);
    background-image: -ms-linear-gradient(to bottom,#ce7aff,#5756ff);
    background-image: -o-linear-gradient(to bottom,#ce7aff,#5756ff);
    background-image: linear-gradient(to bottom,#ce7aff,#5756ff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ce7aff',endColorStr='#5756ff');
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
    line-height: 1
}
.iconbox .iconbox-icon img {max-width: 6.25rem}
.iconbox .iconbox-title {
    font-size: 1.375rem;
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
    margin-bottom: .5rem
}
.iconbox .iconbox-desc {
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms
}
.iconbox:hover:before {background-color: transparent}
.iconbox:hover .iconbox-inner {
    background-image: none;
    background-color: #333333cf
}
.iconbox:hover .iconbox-title, .iconbox:hover .iconbox-desc {color: var(--white)}
.iconbox:hover .iconbox-icon i {
    color: var(--white);
    background-clip: transparent;
    -moz-background-clip: transparent;
    -webkit-background-clip: transparent;
    text-fill-color: var(--white);
    -moz-text-fill-color: var(--white);
    -webkit-text-fill-color: var(--white)
}
/*.iconbox .iconbox-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}*/

.list-box{
    height: 100%;
    padding: 2.188rem 2.5rem;
    margin-top: .625rem;
    margin-bottom: .625rem;
    background-color: var(--light-purple);
    clip-path: polygon(8% 0%, 92% 0%, 100% 8%, 100% 92%, 92% 100%, 8% 100%, 0% 92%, 0% 8%);
}
.list-box p strong{
    font-size: 1.313rem;
    line-height: 1.563rem;
    font-weight: 500;
    color: var(--pink);
}
.list-box ul {
    list-style: none;
    text-align: left;
    padding: 1rem 0 0;
}
.list-box ul li {
    position: relative;
    display: flex;
    font-size: 1.063rem;
    line-height: 1.3;
    gap: .625rem;
    margin-bottom: 1.125rem
}
.list-box ul li:before {
    content: "";
    display: block;
    min-width: .5rem;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 8 3.56" viewBox="0 0 8 3.56"><path d="M1.78 3.56C.8 3.56 0 2.76 0 1.78S.8 0 1.78 0h4.44C7.2 0 8 .8 8 1.78s-.8 1.78-1.78 1.78H1.78z" style="fill:%23ce7aff"/></svg>') no-repeat 0 .625rem
}

/*Circle Pics*/
.circlepics {
    position: relative;
    margin-bottom: 2rem
}
.circlepics .circlepics-icon {
    line-height: 1;
    margin-bottom: 1.125rem
}
.circlepics .circlepics-icon i {
    font-size: 4.25rem;
    color: var(--white)
}
.circlepics .circlepics-title {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 1.25rem
}
.circlepics .circlepics-desc {
    font-size: .938rem;
    line-height: 1.625rem;
    color: var(--white);
    max-width: 15.625rem;
    margin: auto
}
.circlepics .circlepics-back {
    position: absolute;
    width: 20.875rem;
    height: 20.875rem;
    -webkit-border-radius: 20.875rem;
    -khtml-border-radius: 20.875rem;
    -moz-border-radius: 20.875rem;
    -ms-border-radius: 20.875rem;
    -o-border-radius: 20.875rem;
    border-radius: 20.875rem;
    background-color: var(--pink);
    background-image: -webkit-gradient(linear,left top,right top,from(var(--pink)),to(var(--blue)));
    background-image: -webkit-linear-gradient(to left,var(--pink),var(--blue));
    background-image: -moz-linear-gradient(to left,var(--pink),var(--blue));
    background-image: -ms-linear-gradient(to left,var(--pink),var(--blue));
    background-image: -o-linear-gradient(to left,var(--pink),var(--blue));
    background-image: linear-gradient(to left,var(--pink),var(--blue));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--pink)',endColorStr='var(--blue)',gradientType='1');
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translate(0,0%) rotateY(90deg);
    -khtml-transform: translate(0,0%) rotateY(90deg);
    -moz-transform: translate(0,0%) rotateY(90deg);
    -ms-transform: translate(0,0%) rotateY(90deg);
    -o-transform: translate(0,0%) rotateY(90deg);
    transform: translate(0,0%) rotateY(90deg);
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0;
    box-sizing: border-box;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}
.circlepics .circlepics-back a {
    font-size: 1.125rem;
    color: #162171;
    height: 3.938rem;
    width: 3.938rem;
    line-height: 3.938rem;
    -webkit-border-radius: 3.938rem;
    -khtml-border-radius: 3.938rem;
    -moz-border-radius: 3.938rem;
    -ms-border-radius: 3.938rem;
    -o-border-radius: 3.938rem;
    border-radius: 3.938rem;
    background-color: var(--white);
    -webkit-box-shadow: 0 .375rem 1.125rem rgba(87,86,255,.39);
    -khtml-box-shadow: 0 .375rem 1.125rem rgba(87,86,255,.39);
    -moz-box-shadow: 0 .375rem 1.125rem rgba(87,86,255,.39);
    -ms-box-shadow: 0 .375rem 1.125rem rgba(87,86,255,.39);
    -o-box-shadow: 0 .375rem 1.125rem rgba(87,86,255,.39);
    box-shadow: 0 .375rem 1.125rem rgba(87,86,255,.39);
    position: absolute;
    bottom: -1.188rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-weight: 600;
    -webkit-transition: all .2s linear 0ms;
    -khtml-transition: all .2s linear 0ms;
    -moz-transition: all .2s linear 0ms;
    -ms-transition: all .2s linear 0ms;
    -o-transition: all .2s linear 0ms;
    transition: all .2s linear 0ms
}
.circlepics .circlepics-back a:hover {bottom: -.875rem}
.circlepics .circlepics-back .circlepics-image {
    position: absolute;
    top: 1.563rem;
    right: 1.563rem;
    left: 1.563rem;
    bottom: 1.563rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}
.circlepics .circlepics-front {
    width: 20.875rem;
    height: 20.875rem;
    -webkit-border-radius: 20.875rem;
    -khtml-border-radius: 20.875rem;
    -moz-border-radius: 20.875rem;
    -ms-border-radius: 20.875rem;
    -o-border-radius: 20.875rem;
    border-radius: 20.875rem;
    text-align: center;
    background-color: var(--pink);
    background-image: -webkit-gradient(linear,left top,right top,from(var(--pink)),to(var(--blue)));
    background-image: -webkit-linear-gradient(to left,var(--pink),var(--blue));
    background-image: -moz-linear-gradient(to left,var(--pink),var(--blue));
    background-image: -ms-linear-gradient(to left,var(--pink),var(--blue));
    background-image: -o-linear-gradient(to left,var(--pink),var(--blue));
    background-image: linear-gradient(to left,var(--pink),var(--blue));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--pink)',endColorStr='var(--blue)',gradientType='1');
    -webkit-box-shadow: 0 .438rem 1.125rem rgba(87,86,255,.39);
    -khtml-box-shadow: 0 .438rem 1.125rem rgba(87,86,255,.39);
    -moz-box-shadow: 0 .438rem 1.125rem rgba(87,86,255,.39);
    -ms-box-shadow: 0 .438rem 1.125rem rgba(87,86,255,.39);
    -o-box-shadow: 0 .438rem 1.125rem rgba(87,86,255,.39);
    box-shadow: 0 .438rem 1.125rem rgba(87,86,255,.39);
    margin: auto;
    backface-visibility: hidden;
    box-sizing: border-box;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    position: relative
}
.circlepics .circlepics-front .circlepics-inner {
    padding: 1.875rem;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%)
}
.circlepics:hover .circlepics-front {
    -webkit-transform: rotateY(-180deg);
    -khtml-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    opacity: 0
}
.circlepics:hover .circlepics-back {
    opacity: 1;
    -webkit-transition-delay: .14s;
    -moz-transition-delay: .14s;
    transition-delay: .14s;
    -webkit-transform: translate(0,0%) rotateY(0deg);
    -khtml-transform: translate(0,0%) rotateY(0deg);
    -moz-transform: translate(0,0%) rotateY(0deg);
    -ms-transform: translate(0,0%) rotateY(0deg);
    -o-transform: translate(0,0%) rotateY(0deg);
    transform: translate(0,0%) rotateY(0deg)
}

/*Testimonials*/
.testimonial {
    display: flex;
    flex-direction: column;
    align-items:center;
    text-align: center;
}
.testimonial-img {
    width: auto;
    height: 8rem;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    overflow: hidden;
}
.testimonial-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
}
.testimonial-name{
    font-size:1.063rem;
    font-weight: 600;
    color: var(--black);
    margin-bottom: .375rem;
}
.testimonial-position{
    display: block;
    font-size:.875rem;
    font-weight: 400;
    color: var(--grey);
    margin-bottom: 1.125rem;
}
.testimonial-text{
    font-size:1.125rem;
    line-height: 1.438rem;
    font-weight: 400;
    margin: 0 10%;
    color: var(--black);
}

/*Sponsors logo list*/
.sponsor-list ul{
    list-style: none;
    margin: 0;
    padding:0;
    justify-content: center
}
.sponsor-list ul picture{
    display: block;
    background: var(--white);
    padding:2rem 2.5rem;
}
.sponsor-list ul picture img{
    max-width: 100%;
    height:auto
}

/*--- Media Queries ---*/

@media (max-width: 1399.98px) {
    .hero-content {
        height: auto;
        min-height: 0;
        padding: 8dvh 0
    }
    .hero-title{
        font-size: 2.5rem;
        margin: 0 0 3.25rem
    }
    .hero-subtitle{
        font-size: 2.125rem;
        margin: 0 0 4.5rem
    }
    .hero-cta {margin-bottom:0}
    .hero-image{
        right: 6%;
        width: 26%
    }
    .hero-image img{
        height: auto;
        width: 100%
    }
    .hexaprocess:before {width:62rem}
}

@media (max-width: 1199.98px) {
    .hero-image{
        right:3;
        width: 31%
    }
    .hexaprocess:before {display: none}
    .hexaprocess-item:nth-child(even) {margin-top:0}
    .slabs-list ul li {padding: 1.5rem 16rem 1.5rem 5rem}
    .slabs-list-image {
        top: 3rem;
        right: -20rem
    }
    .big-claim-title {
        font-size: 2.325rem;
        line-height: 2.75rem;
    }
    .circlepics .circlepics-icon {margin-bottom:.75rem}
    .circlepics .circlepics-icon i {font-size:2.375rem}
    .circlepics .circlepics-title {
        font-size:1.125rem;
        margin-bottom: .625rem
    }
    .circlepics .circlepics-desc {font-size:.875rem}
    .circlepics .circlepics-back, .circlepics .circlepics-front {
        width:14.375rem;
        height: 14.375rem
    }
}

@media (max-width: 991.98px) { 
    .hero-subtitle {
        font-size: 2rem;
        margin: 0 2.25rem 4.5rem 0
    }
    .hero-image{
        right:-8%;
        width: 38%
    }
    .block-row header {
        gap: 2rem;
        align-items: flex-start;
        margin-bottom: 2rem
    }
    .block-heading { flex-shrink: 2}
    .hexaprocess-item {
        width:50%;
        min-width: 50%;
        margin-bottom: 4rem
    }
    .slabs-list ul li {padding: 1.5rem 9rem 1.5rem 5rem}
    .slabs-list-image {
        top: 1.5rem;
        right: -25rem
    }
    .big-claim-title {
        font-size: 1.85rem;
        line-height: 2.25rem;
        padding: 0 1rem 0 0;
        margin: 0 0 2.5rem
    }
    
}

@media (max-width: 767.98px) {
    .hero {
        overflow-y: clip;
        min-height: calc(100dvh - 4.5rem)
    }
    .hero-content {padding: 10dvh 10dvw 20dvh}
    .hero-title {
        margin-bottom:2rem;
        font-size: 5.5dvw
    }
    .hero-subtitle {
        margin-bottom:2rem;
        font-size: 4dvw
    }
    .hero-image{
        right: 2%;
        top:auto;
        bottom:-44%;
        width: 60%
    }
    .btn span {font-size: 1.375rem}
    .hero-image img{transform: rotate(70deg)}
    .block-row {padding: 5rem 4dvw}
    .big-claim-image img {
        width: 85%;
        margin: 3rem auto 0
    }
}

@media (max-width: 575.98px) {
    .hero-content {padding: 12dvh 8dvw 30dvh}
    .hero-title {
        font-size: 7.7dvw;
        margin-bottom: 5.5dvh
    }
    .hero-subtitle {
        font-size: 6.6dvw;
        line-height: 8dvw;
        margin-bottom: 6.6dvh;
        margin-right: 0
    }
    .hero-image {
        right: 0;
        top: auto;
        bottom: -60%;
        width: 85%
    }
    .hero-image img {transform: rotate(70deg) scale(-1)}
    .block-row {padding: 4rem 4dvw}
    .block-row header {
        flex-direction: column;
        align-items: center;
        gap: 1.75rem;
        margin-bottom: 1.5rem
    }
    .block-row header picture {max-width: 5.25rem}
    .block-heading {text-align: center}
    .block-title {font-size: 2.25rem}
    .slabs-list ul li {
        padding: 1.5rem 2rem 1.5rem 4.5rem;
        margin: 0 calc(-3dvw + -1rem) .625rem -4rem
    }
    .hexaprocess-item {
        width:100%;
        min-width: 100%
    }
    .hexaprocess-item:last-child {margin-bottom: 0}
    .hexaprocess-item .hexaprocess-desc * {padding: 0}
    .slabs-list-image{display:none}
    .big-claim{
        padding:1.25rem 0 0;
        text-align:center
    }
    .big-claim > *{padding:0}
    .big-claim .big-claim-title{
        padding:0;
        text-wrap: balance
    }
    .big-claim-image img {width: 100%}   

}