.prcsc1_mnbx {
width: 100%;
height: 400px;
position: relative;
overflow: hidden;
}

.prcsc1_inbx {
width: 100%;
height: 400px;
opacity: 70%;
position: absolute;
background-color: black;
overflow: hidden;
}

.prcsc_1_img_1 {
width: 100%;
position: absolute;
margin-top: -250px;
}


/* SECTION 2 */
.prcsc2_mnbx {
width: 1100px;
padding-bottom: 30px;
max-height: 250px;
margin-left: auto;
margin-right: auto;
margin-top: -100px;
background-color: white;
z-index: 200;
position: relative;
border: 1px rgb(216, 214, 214) solid;
padding-top: 60px;
}

.prcsc_2_inbx_1 {
width: 100%;
height: 80px;
display: flex;
}

.prcsc_2_innr_bx_1 {
width: 80%;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
}

.prcsc_2_tx_1 {
font-size: 25px;
border: 1px rgb(196, 196, 196) solid;
width: 200px;
text-align: center;
padding: 15px;
border-radius: 25px;
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
margin-left: 20px;
font-size: 20px;
cursor: pointer;
transition-duration: .5s;
}
.prcsc_2_tx_1:hover {
border-radius: 20px;
border: 1px #5468ff  solid;
}

.prcsc_2_tx_active {
appearance: none;
background-image: radial-gradient(100% 100% at 100% 0, #5abdff 0, #5468ff 100%);
border: 0;
border-radius: 20px;
color: white;
font-size: 20px;
transition-duration: .5s;
border: 1px rgb(196, 196, 196) solid;
box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
}

.prcsc_2_tx_active:hover {
box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
transform: translateY(-2px);
background-image: radial-gradient(100% 100% at 100% 0, #439dd9 0, #3b4edc 100%);
}


.prcsc_2_innr_bx_2 {
width: 20%;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
}

.prcsc_2_tx_3 {
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
font-size: 15px;
font-weight: bold;
color: grey;
padding-right: 10px;
}

/* TOGLE BUTTON  */
.prcsc_2_tgbtnbx {
width: 60px;
height: 50px;
border-radius: 15px;
}

.prcsc_2_tx_4 {
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
padding-left: 10px;
padding-right: 20px;
color: rgb(0, 0, 0);  
}


/* SECTION 3 */
.prcsc3_mnbox {
width: 1100px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: -70px;
background-color: white;
z-index: 200;
display: flex;
justify-content: center;
align-items: start;
flex-wrap: wrap;
border: 1px rgb(216, 214, 214) solid;
box-shadow: 0px 0px 15px 5px rgb(204, 204, 204);
padding-top: 60px;
}

.prcsc3_ec_crd {
width: 33.3%;
box-sizing: border-box;
height: auto;
border: 1px rgb(201, 200, 200) dotted;
box-sizing: border-box;
padding-top: 50px;
border-bottom: 1px rgb(254, 255, 240) solid;
margin-bottom: 50px;
}

.prcsc3_ec_tx_1 {
font-family: 'Poppins', sans-serif;
font-size: 14px;
margin-top: 18px;
text-align: center;
color: white;
background-image: radial-gradient(100% 100% at 100% 0, #4d43d9 0, #9857ff 100%);
width: fit-content;
padding: 15px;
border-radius: 35px;
margin-left: auto;
font-weight: bold;
margin-right: auto;
}

.prcsc3_ec_tx_2 {
font-family: 'Poppins', sans-serif;
font-size: 24px;
margin-top: 30px;
text-align: center;
color: rgb(37, 37, 37);
height: 60px;
text-align: center;
}

.prcsc3_ec_tx_2 + p{
font-family: 'Poppins', sans-serif;
font-size: 15px;
margin-top: 30px;
text-align: center;
height: 80px;
width: 60%;
margin-left: auto;
margin-right: auto;
color: rgb(168, 168, 168);
}

.prcsc3_ec_tx_3 {
font-family: 'Poppins', sans-serif;
font-size: 15px;
margin-top: 30px;
text-align: center;
height: 80px;
width: 60%;
margin-left: auto;
margin-right: auto;
color: rgb(168, 168, 168);
}

/* PRICING  */
.prcsc3_ec_inbx_1 {
width: 100%;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}

.prcsc3_ec_tx_7 {
color: rgb(138, 138, 138);
font-family: "Roboto", Helvetica, Arial, Geneva, sans-serif;
font-size: 18px;
text-decoration: line-through;
}

.prcsc3_ec_tx_8 {
color: rgb(0, 154, 3);
font-family: "Lato", Helvetica, Arial, Geneva, sans-serif;
font-size: 15px;
background-color: rgb(209, 251, 209);
border-radius: 25px;
padding: 10px;
margin-left: 10px;
}

.prcsc3_ec_tx_9 {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: bold;
background-color: rgb(245, 245, 245);
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

.prcsc3_ec_btn_1 {
display: block;
margin-left: 5%;
margin-right: 5%;
margin-top: 40px;
width: 90%;
height: 40px;
align-items: center;
appearance: none;
background-image: radial-gradient(100% 100% at 100% 0, #5abdff 0, #5468ff 100%);
border: 0;
border-radius: 6px;
box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-family: "Poppins",monospace;
justify-content: center;
font-size: 20px;
text-decoration: none;
transition: box-shadow .15s,transform .15s;
user-select: none;
-webkit-user-select: none;
will-change: box-shadow,transform;
font-size: 14px;
}
.prcsc3_ec_btn_1:focus {
box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}
.prcsc3_ec_btn_1:hover {
box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
transform: translateY(-2px);
}
.prcsc3_ec_btn_1:active {
box-shadow: #3c4fe0 0 3px 7px inset;
transform: translateY(2px);
}

.prcsc3_ec_tx_4 {
font-family: "Poppins", sans-serif;
font-size: 15px;
color: #5d6ff5;
text-align: center;
margin-top: 25px;
font-weight: bold;
cursor: pointer;
}
.prcsc3_ec_tx_4:hover {
text-decoration: underline;
}

.prcsc3_ec_tx_5 {
font-family: 'Mukta', sans-serif;
font-size: 22px;
margin-top: 30px;
text-align: center;
width: 80%;
height: 60px;
margin-left: auto;
margin-right: auto;
color: rgb(0, 0, 0);
}

.prcsc3_infobx {
width: 100%;
height: auto;
margin-top: 20px;
}

.prcsc3_info_chbx {
width: 100%;
min-height: 40px;
padding-top: 5px;
padding-bottom: 5px;
align-items: center;
position: relative;
}

.prcsc3_info_chk_icn {
width: 25px;
margin-left: 20px;
position: absolute;
margin-top: 20px;
}

.prcsc3_info_htx_2 {
font-family: 'Poppins', sans-serif;
font-size: 16px;
margin-top: 20px;
text-align: left;
width: auto;
margin-left: 55px;
color: rgb(0, 0, 0);
text-align: left;
padding-left: 10px;
font-weight: bold;
}

.prcsc3_info_tx_2 {
font-family: 'Poppins', sans-serif;
font-size: 16px;
margin-top: 5px;
text-align: left;
width: 80%;
margin-left: 55px;
color: rgb(87, 87, 87);
text-align: left;
padding-left: 10px;
}

.prcsc3_info_tx_3 {
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
font-size: 14px;
margin-top: 5px;
text-align: left;
width: 80%;
margin-left: 40px;
color: rgb(72, 72, 72);
}





/* SECTION 4  */
.prcsc_4_mnbx {
width: 100%;
height: 350px;
background-color: #cae8fc;
margin-top: 120px;
margin-bottom: 40px;
padding-top: 80px;
}

.prcsc_4_tx_2 {
font-family: "Poppins", sans-serif;
font-size: 18px;
text-align: center;
margin-top: -50px;
width: 70%;
margin-left: auto;
margin-right: auto;
color: rgb(72, 72, 72);
}

.prcsc4_ec_btn_1 {
width: 200px;
margin-left: auto;
margin-right: auto;
}

.prcsc_5_mnbx {
width: 100%;
height: 500px;
padding-top: 70px;
}

.prcsc_5_inbx_1 {
width: 90%;
margin-left: 5%;
margin-right: 5%;
height: 350px;
display: flex;
justify-content: center;
align-items: center;
}

.prcsc_5_ebx {
width: 25%;
height: 350px;
}

.prcsc_5_icn_1 {
width: 60px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
display: block;
}

.prcsc_5_tx_1 {
font-family: "Poppins", sans-serif;
font-size: 18px;
text-align: center;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
color: rgb(29, 29, 29);
font-weight: bold;
}

.prcsc_5_tx_2 {
font-family: "Poppins", sans-serif;
font-size: 15px;
text-align: center;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
color: rgb(134, 134, 134);
line-height: 25px;
height: 100px;
width: 80%;
}

.prcsc_5_tx_3 {
font-family: "Poppins", sans-serif;
font-size: 15px;
color: #5d6ff5;
text-align: center;
margin-top: 25px;
font-weight: bold;
cursor: pointer;
}












/* ---------------------- */
/* --- CHECKBOX TOGGLE -- */
/* ---------------------- */

.toggle-switch {
position: relative;
display: inline-block;
width: 50px;
height: 30px;
cursor: pointer;
margin-top: 10px;
}

.toggle-switch input[type="checkbox"] {
display: none;
}

.toggle-switch-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ddd;
border-radius: 20px;
box-shadow: inset 0 0 0 2px #ccc;
transition: background-color 0.3s ease-in-out;
}

.toggle-switch-handle {
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease-in-out;
}

.toggle-switch::before {
content: "";
position: absolute;
top: -25px;
right: -15px;
font-size: 12px;
font-weight: bold;
color: #aaa;
text-shadow: 1px 1px #fff;
transition: color 0.3s ease-in-out;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-switch-handle {
transform: translateX(25px);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 0 0 3px #05c46b;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-switch-background {
background-color: #05c46b;
box-shadow: inset 0 0 0 2px #04b360;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-switch:before {
content: "On";
color: #05c46b;
right: -15px;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-switch-background .toggle-switch-handle {
transform: translateX(20px);
}

.toggle-active {
background-color: #05c46b !important;
box-shadow: inset 0 0 0 2px #04b360 !important;
color: #05c46b !important;
}

.toggle-active .toggle-switch-handle {
transform: translateX(25px) !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 0 0 3px #05c46b !important;
}

.li_tg {
padding: 5px;
border-radius: 5px;
color: white;
font-family: 'Lato', sans-serif;
font-size: 12px;
text-transform: capitalize;
text-align: center;
width: 100%;
width: fit-content;
}