.container-fluid{padding: 0 30px;}

.cake_selection_block h1{ font-family: "Rochester", cursive!important; color: #49297b!important; font-size: 50px!important; font-weight: bold!important; font-style: italic!important; margin-bottom: 20px!important; }
.cake_selection_block p{font-size: 19px!important; color: #49297b!important; font-weight: bold !important;}

.background_wrapper{background: linear-gradient(90deg,rgba(229, 9, 127, 1) 0%, rgba(255, 230, 244, 1) 100%);height: var(--screen-height); display: table; width: 100%; }
.background_wrapper .height_center{ display: table-cell; vertical-align: middle;}
.background_wrapper .height_center .cake_selection_block{background: rgba(255, 255, 255, 0.7); padding: 25px; display: block; border-radius: 10px; border: 4px dashed #fff; position: relative; min-height: calc(var(--screen-height) - 200px); margin: 50px 0;}
.background_wrapper .height_center .cake_selection_block ul{margin:0 auto 40px;display:block;text-align:center; padding-bottom: 30px; border: 0;}
.background_wrapper .height_center .cake_selection_block ul li{display:inline-block;float:none}
.background_wrapper .height_center .cake_selection_block ul li button{border:2px solid #E5097F;color:#E5097F;font-size:20px;line-height:20px;border-radius:100%;background:#fff;padding:0px;width:40px;height:40px;text-align:center;font-weight:bold;position:relative;margin-right:70px}
.background_wrapper .height_center .cake_selection_block ul li button i{ position: absolute; bottom: -25px; left: -35px; color:#E5097F; width: 100px; text-align: center; font-size: 17px;}
.background_wrapper .height_center .cake_selection_block ul li button.active,.background_wrapper .height_center .cake_selection_block ul li button:hover{background:#E5097F!important;color:#fff!important}
.background_wrapper .height_center .cake_selection_block ul li button:after{content:'';position:absolute;border:2px dashed #E5097F;width:85px;height:2px;right:-85px;top:16px}
.background_wrapper .height_center .cake_selection_block ul li button.completed{color:#2a8b44!important;border:2px solid #2a8b44!important;background:#fff!important}
.background_wrapper .height_center .cake_selection_block ul li button.completed i{color:#2a8b44;}
.background_wrapper .height_center .cake_selection_block ul li button.completed span{display:none}
.background_wrapper .height_center .cake_selection_block ul li button.completed:before{content:"\f00c";font-family:"Font Awesome 6 Pro"; font-weight: bold;}
.background_wrapper .height_center .cake_selection_block ul li button.completed:after{border:2px solid #2a8b44;}
.background_wrapper .height_center .cake_selection_block ul li:last-child button{margin:0px}
.background_wrapper .height_center .cake_selection_block ul li:last-child button:after{display:none}

.shape_block{width: 100%; display: block; position: relative;  transform: scale(1); transition: all 0.5s ease 0s; padding: 15px;}
.shape_block input{opacity: 0; position: absolute;}
.shape_block label{display: block; position: relative; padding: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.7); text-align: center; cursor: pointer;  border: 2px solid transparent;}
.shape_block h2{font-size: 18px; color: #49297b; font-weight: bold!important; display: block; margin-top: 10px; }
.shape_block:hover{ transform: scale(1.2); transition: all 0.5s ease 0s}
.shape_block.checked{ transform: scale(1.2); transition: all 0.5s ease 0s;}
.shape_block.checked label{background: rgba(229, 9, 127, 0.3); border: 2px solid #fff;}
.shape_block.checked label span{ color: #fff;}

.theme_btn{background: #49297b; color: #fff; font-size: 20px; line-height: 20px; font-weight: 600; border: 2px dashed #fff; padding: 13px 20px; min-width: 120px; border-radius: 20px; transform: scale(1.0); transition: all 0.5s ease 0s}
.theme_btn:hover,.themeoption_btn:hover{ transform: scale(1.1); transition: all 0.5s ease 0s}
.themeoption_btn{background: #fff; color: #49297b; font-size: 17px; line-height: 17px; font-weight: 600; border: 2px dashed #49297b; padding: 13px 20px; min-width: 120px; border-radius: 20px; transform: scale(1.0); transition: all 0.5s ease 0s}

.right_block{display: block; padding: 25px; position: relative; text-align: center; overflow: hidden; height: 100%;}
.right_block img{margin-top: 100px;}
.right_block span{position: absolute; top: 260px; width: 60%; display: block; height: 150px; left: 160px; border-radius: 100%; background-size: 200px!important;}

.type_block{background:rgba(255, 255, 255, 0.7);border-radius:10px;border:1px solid #fff;position:relative; transition:transform .8s;width:100%;transform-style:preserve-3d;height:auto;min-height:250px;display:block}
.type_block h2{font-size: 18px!important; color: #49297b!important; font-weight: bold!important; display: block; }
.type_block .front_block{padding:20px;text-align:center;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:1}
.type_block .front_block img{width: 75%;}
.type_block .checkbox{ position: absolute; right: 15px; top: 15px; z-index: 9;}
.type_block .checkbox input[type='radio'] { opacity: 0; position: absolute;}
.type_block .checkbox label{border: 2px solid #ccc; height: 30px; width: 30px; background: #fff; border-radius: 100%;  display: block; cursor: pointer;}
.type_block .checkbox input[type='radio']:checked + label::after{content: "\f00c"; font-family: "Font Awesome 6 Pro";font-size: 18px; position: absolute; left: 6px; top: 0px; color: #E5097F; font-weight: bold;}
.type_block .checkbox input[type='radio']:checked + label{ border: 2px solid #E5097F;}
.type_block .checked_cake_block{transform:rotateX(180deg);width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.type_block .checked_cake_block .title{background:rgba(229, 9, 127, 0.05);padding:17px}
.type_block .checked_cake_block .size_height_block{padding: 15px;}
.type_block.checked{border:1px solid #E5097F;background:#fff;transform:rotateX(180deg)}
.type_block.checked .checkbox{top:calc(100% - 45px);transform:rotateX(180deg)}
.type_block.checked .checkbox label{border:2px solid #E5097F}
.type_block.checked .checkbox label:after{color:#E5097F !important}
.type_block.checked .front_block{opacity:0}

.word_block{display: block; position: relative; width: 100%;}
label.label_title{padding-bottom: 0!important; margin-bottom: 0!important; display: block; width: 100%; font-size: 17px!important;}
label.label_title b{font-weight: bolder!important;}
label.label_title span{color: red;}
textarea{width: 100%; display: block; border-radius: 5px; border: 1px solid #ccc; font-size: 15px; padding: 10px; height: 100px;}

.review_block{ display: block; position: relative;}
.review_block .review_box_block{ display: block; position: relative; padding: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.7); text-align: center; cursor: pointer;  border: 2px solid transparent; height: 130px; margin-bottom: 20px;}
.review_block .review_box_block img{width: 80px;}
.review_block label.label_title{text-align: left;}
.review_block label.label_title span{color: #49297b; font-weight: bold; }
.review_block .review_box_block h2{font-size: 18px!important; color: #49297b!important; font-weight: bold!important; display: block!important; margin-top: 10px!important; }
.review_block .review_box_block.text-start{height: 80px;}