.design-your-custom-cluster-block.letter-spacing-none, .design-your-custom-cluster-block.letter-spacing-none * {
    font-family: 'Inter', sans-serif;
}

.container.cluster-builder {
    max-width: 1200px;
    margin: 0 auto;
}

.custom-cluster-image img {
    width: 100%;
}

.container.cluster-builder {
    background-color: #F9F9FA;
    display: flex;
    justify-content: space-between;
    /* flex-wrap: wrap; */
/*     gap: 39px; */
}

.design-your-custom-cluster-top.row {
    width: 100%;
    max-width: 329px;
    display: block;
    background-color: #fff;
    overflow: hidden;
    margin: 0;
    padding: 40px 0;
    box-shadow: 0px 2px 8px rgb(29 52 80 / 12%);
	margin-right: 39px;
}

.design-your-custom-cluster-top.row > .col-md-4 {
    width: 100%;
    max-width: unset;
}

.builder-right {
    width: 100%;
    max-width: 831px;
    background-color: #fff;
    box-shadow: 0px 2px 8px rgb(29 52 80 / 12%);
    padding: 40px;
    padding-top: 0;
}

.design-your-custom-cluster-middle {
    padding: 0;
}

.design-your-custom-cluster-top .design-your-custom-cluster-top-box {
    box-shadow: unset;
    padding: 0 24px;
    padding-left: 56px;
    margin-bottom: 48px;
}

.design-your-custom-cluster-top .design-your-custom-cluster-top-box label + label,
.design-your-custom-cluster-top .col-md-4:nth-child(1) .design-your-custom-cluster-top-box label:last-child, .design-your-custom-cluster-top .col-md-4:nth-child(2) .design-your-custom-cluster-top-box label:last-child {
    border: unset;
}

h3.setup-options {
    text-align: left;
    font-size: 18px;
    margin: 0;
    font-weight: 600;
    padding: 0 24px;
    border-left: 3px solid #001B3B;
    margin-bottom: 30px;
}

.col-md-4:last-child .design-your-custom-cluster-top-box {
    margin-bottom: 0;
}

.design-your-custom-cluster-top .design-your-custom-cluster-top-box h3 {
    font-family: 'Inter', sans-serif;
    margin: 0;
    font-size: 16px;
    color: #001B3B;
    font-weight: 600;
    margin-bottom: 23px;
}

.design-your-custom-cluster-top .design-your-custom-cluster-top-box label .label {
    font-size: 14px;
    font-weight: 300;
    color: #2C3B43;
}

.design-your-custom-cluster-top .design-your-custom-cluster-top-box label {
    padding-top: 0 !important;
    padding-left: 32px;
    margin: 0;
    margin-top: 0 !important;
    position: relative;
    margin-bottom: 16px;
}

.design-your-custom-cluster-top .design-your-custom-cluster-top-box label + label .checkmark,
.design-your-custom-cluster-top .design-your-custom-cluster-top-box label input[type=checkbox] + .checkmark {
    top: 0;
}

.design-your-custom-cluster-top .design-your-custom-cluster-top-box label input[type=checkbox] + .checkmark {
    border-radius: 3px;
}

.design-your-custom-cluster-top .design-your-custom-cluster-top-box label input:checked ~ .checkmark + .label {
    color: #001B3B;
    font-weight: 600;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    background: #5CC7FF;
    border-radius: 50%;
    height: 68%;
    left: 16%;
    top: 16%;
    width: 68%;
}

span.checkmark {
    border-color: #828282;
    background-color: #fff;
}

.design-your-custom-cluster-top .design-your-custom-cluster-top-box label input:checked ~ .checkmark {
    border-color: #5CC7FF;
}

.design-your-custom-cluster-top .design-your-custom-cluster-top-box h3 span.option-icon {
    position: absolute;
    margin-left: -33px;
}

.design-your-custom-cluster-block {
    background: #f9f9fa;
}

.design-your-custom-cluster-middle .front-custom-cluster-image .custom-cluster-image, .design-your-custom-cluster-middle .back-custom-cluster-image .custom-cluster-image, .design-your-custom-cluster-middle .storage-custom-cluster-image .custom-cluster-image {
    width: 100%;
}

.design-info-block {
	top: 0;
    margin-right: 0;
    padding: 16px;
    background: #fff;
    border: 0.5px solid #EDF0F4;
    z-index: 9999;
    box-shadow: 4px 4px 8px rgb(14 43 82 / 4%);
    font-size: 12px;
    color: #2C3B43;
    font-weight: 300;
}

.design-info-block div:after,
.design-your-custom-cluster-bottom .front-custom-cluster-benefits ul ul li:after {
    display: none;
}

.design-info-block div {
    display: flex;
    padding: 0;
    align-items: center;
    gap: 8px;
    margin-bottom: 0px;
}

.design-info-block div .info-icon {
    margin: 0;
}

.design-info-block div:not(:last-child) {
    margin-bottom: 8px;
}

.design-your-custom-cluster-bottom {
    margin: 0;
    padding: 0;
    box-shadow: unset;
    padding-top: 32px;
    border-top: 1px solid #E5E5E5;
    margin-top: 50px;
}

.design-your-custom-cluster-bottom h3 {
    font-size: 18px;
    color: #2C3B43;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    margin: 0;
    line-height: 1.3;
    margin-bottom: 16px;
}

.design-your-custom-cluster-bottom .front-custom-cluster-benefits ul ul li {
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 14px;
    color: #2C3B43;
}

.design-your-custom-cluster-bottom .front-custom-cluster-benefits ul {
    padding: 0;
}

.design-your-custom-cluster-bottom .front-custom-cluster-benefits ul ul li .icon {
    margin-right: 8px;
}

.front-custom-cluster-benefits {
    padding-bottom: 30px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 32px;
}

.front-custom-cluster-benefits-total,
.front-custom-cluster-benefits-total h3 {
    text-align: left;
}

.front-custom-cluster-benefits-total h3 {
    margin: 0;
    font-weight: 300;
    font-size: 14px;
}

.front-custom-cluster-benefits-total h2 {
    line-height: 1.3;
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #0E2B52;
    margin-top: 8px;
}

.front-custom-cluster-benefits-total h2 span {
    line-height: 1.3;
    font-size: 18px;
}

.front-custom-cluster-benefits-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sc-request-quote {
    font-size: 16px;
    background: #5CC7FF;
    border-radius: 2px;
    padding: 16px 40px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}

.ten-gb-frontend #front1 .front-tengb01,
.ten-gb-frontend #front2 .front-tengb01,
.ten-gb-frontend #front4 .front-tengb01,
.ten-gb-frontend #front3 .front2-tengb02,
.front3 .back-pooled,
.back1 + .ten-gb-backend .back10gb1,
.back3 + .ten-gb-backend .back10gb1,
.back2 + .ten-gb-backend .back10gb2,
.back4 + .ten-gb-backend .back10gb2,

.front3.ten-gb-backend .back10gb-pooled,
.ten-gb-backend #storage3 .storage10gb{
	display:block!important;
    background-color: #fff;
}

div#back-custom-cluster-image-id .custom-cluster-image > img,
div#front-custom-cluster-image-id .custom-cluster-image > img.tengb,
div#back-custom-cluster-image-id .storage {
    display: none !important;
}

div#back-custom-cluster-image-id:not(.front3) .custom-cluster-image > img:first-child {
    display: block !important;
}

div#back-custom-cluster-image-id.front3:not(.ten-gb-backend) div#back1 .back1:not(.tengb):not(.storage),
div#back-custom-cluster-image-id.front3:not(.ten-gb-backend) div#back2 .back2:not(.tengb):not(.storage),
div#back-custom-cluster-image-id.front3:not(.ten-gb-backend) div#back3 .back3:not(.tengb):not(.storage),
div#front-custom-cluster-image-id.ten-gb-frontend div#front1 .front1.tengb,
div#front-custom-cluster-image-id.ten-gb-frontend div#front2 .front2.tengb,
div#front-custom-cluster-image-id.ten-gb-frontend div#front3 .front3.tengb,
div#front-custom-cluster-image-id.ten-gb-frontend div#front4 .front4.tengb,
div#back-custom-cluster-image-id.ten-gb-backend:not(.front3) div#back1 .back1.tengb:not(.storage),
div#back-custom-cluster-image-id.ten-gb-backend:not(.front3) div#back2 .back2.tengb:not(.storage),
div#back-custom-cluster-image-id.ten-gb-backend:not(.front3) div#back3 .back3.tengb:not(.storage),
div#back-custom-cluster-image-id.storage3:not(.front3):not(.ten-gb-backend) div#back1 .back1.storage:not(.tengb):not(.pooled),
div#back-custom-cluster-image-id.storage3:not(.front3):not(.ten-gb-backend) div#back2 .back2.storage:not(.tengb):not(.pooled),
div#back-custom-cluster-image-id.storage3:not(.front3):not(.ten-gb-backend) div#back3 .back3.storage:not(.tengb):not(.pooled),
div#back-custom-cluster-image-id.ten-gb-backend.storage3:not(.front3) div#back1 .back1.storage.tengb:not(.pooled),
div#back-custom-cluster-image-id.ten-gb-backend.storage3:not(.front3) div#back2 .back2.storage.tengb:not(.pooled),
div#back-custom-cluster-image-id.ten-gb-backend.storage3:not(.front3) div#back3 .back3.storage.tengb:not(.pooled),
div#back-custom-cluster-image-id.storage2.front3 div#back1 .back1.storage2.pooled,
div#back-custom-cluster-image-id.storage2.front3 div#back2 .back2.storage2.pooled,
div#back-custom-cluster-image-id.storage2.front3 div#back3 .back3.storage2.pooled,
div#back-custom-cluster-image-id.storage3.front3 div#back1 .back1.storage3.pooled,
div#back-custom-cluster-image-id.storage3.front3 div#back2 .back2.storage3.pooled,
div#back-custom-cluster-image-id.storage3.front3 div#back3 .back3.storage3.pooled {
    display: block !important;
}

div#back-custom-cluster-image-id.front3.ten-gb-backend div#back1 .back1-tengb,
div#back-custom-cluster-image-id.front3.ten-gb-backend div#back2 .back2-tengb,
div#back-custom-cluster-image-id.front3.ten-gb-backend div#back3 .back3-tengb {
    display: block !important;
}

div#back-custom-cluster-image-id.front3:not(.ten-gb-backend) .tengb,
div#back-custom-cluster-image-id.ten-gb-backend:not(.front3) .tengb,
div#front-custom-cluster-image-id .custom-cluster-image > img.tengb {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background: #fff;
}

div#back-custom-cluster-image-id.storage2 .storage,
div#back-custom-cluster-image-id.storage3 .storage {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background: #fff;
}
div#back-custom-cluster-image-id.storage1 .storage {
    display: none !important;
}

.cluster-option-block h2, .design-your-custom-cluster-block h2 {
    color: #001B3B;
    line-height: 1;
    margin-bottom: 16px;
}

.cluster-option-block p.description, .design-your-custom-cluster-block p.description {
    font-size: 16px;
    font-weight: 300;
    color: #2C3B43;
    line-height: 30px;
    margin: 0;
}

a.head-contact-button {
    FONT-WEIGHT: 600;
    background-color: #5CC7FF;
    padding: 16px 40px;
    font-size: 16px;
    color: #fff;
}

.cluster-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 74px;
}

.head-desc {
    max-width: 837px;
}

.design-your-custom-cluster-block {
    padding: 120px 15px;
}

.design-your-custom-cluster-block.letter-spacing-none .container {
    width: 100% !important;
	padding: 0;
}

a.btn.btn-success.sc-request-quote {
    color: #fff;
}

a.btn.btn-success.sc-request-quote:hover, a.head-contact-button:hover {
    color: #fff;
    background-color: #3bbbff;
}

a.btn.btn-success.sc-request-quote,
a.btn.btn-success.sc-request-quote:visited,
a.head-contact-button,
a.head-contact-button:visited {
    color: #fff;
	line-height: 1;
}

.design-your-custom-cluster-top .design-your-custom-cluster-top-box label input[type=checkbox] + .checkmark:after {
    border-radius: 0;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    background-image: url(/wp-content/uploads/2022/07/XMLID-1431.png);
    background-position: center;
    background-repeat: no-repeat;
	background-size: 85%;
}

.builder-right > .row:last-child {
    height: 100%;
    max-height: fit-content;
    display: contents;
}

.design-your-custom-cluster-bottom .col-md-12 {
    position: unset;
}

.builder-right {
    position: relative;
	padding-top: 40px;
	padding-bottom: 32px;
}

.design-your-custom-cluster-bottom {
    position: absolute;
    bottom: 30px;
    width: 100%;
    max-width: fit-content;
    left: 40px;
    right: 40px;
    border-radius: 0;
}

.design-your-custom-cluster-bottom .col-md-7 {
    width: 100%;
    max-width: unset;
}

@media (max-width:767px) {
    .container.cluster-builder {
        flex-wrap: wrap;
    }

    .design-your-custom-cluster-top.row {
        max-width: 100%;
    }

    .design-your-custom-cluster-middle {
        display: none;
    }

    .front-custom-cluster-benefits-total {
        flex-direction: column;
        align-items: self-start;
    }

    a.btn.btn-success.sc-request-quote {
        margin-top: 10px;
        display: block;
    }

    a.head-contact-button {
        margin: auto;
        margin-top: 20px;
    }

    .design-your-custom-cluster-bottom {
        margin-top: 0;
        border: none;
        padding-top: 0;
    }

    .builder-right {
        padding: 40px 30px;
    }

    .design-your-custom-cluster-top > div:last-child .design-your-custom-cluster-top-box {
        margin: 0;
    }
	
	.design-your-custom-cluster-top.row {
		margin-right: 0;
	}
	
	.front-custom-cluster-benefits-total {
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
		bottom: 0;
	}
	
	.design-your-custom-cluster-bottom {
		position: relative;
		left: 0;
		right: 0;
		width: 100%;
		max-width: 100% !important;
		bottom: 0;
	}
	
	.design-your-custom-cluster-bottom h3 {
		text-align: left;
	}



}