*{
            margin:0;
            padding:0;
            box-sizing:border-box;
            text-align: center;
            font-family: sans-serif;
        }
        .name{
            margin-top: 50px;
            margin-bottom: 30px;;
        }
        .master{
            margin-top: 30px;
        }
        .toggle-container{
            display: flex;
            align-items: center;
            justify-content: space-around;
            user-select: none;
            margin-bottom: 20px;
        p{
            font-weight: 800;
            font-size: 1.2rem;
            color: var(--Dark-Grayish-Blue);
            opacity: 0.6;
        }
}
        .toggle {
        position: relative;
        display: inline-block;
        width: 75px;
        height: 40px;
        }
        .toggle input {
        opacity: 0;
        width: 0;
        height: 0;
        }
        .slider {
            user-select: none; 
        position: absolute;
        cursor: pointer;
        background-color: #6459dd;
        border-radius: 34px;
        top: 0; left: 0; right: 0; bottom: 0;
        transition: 0.4s;
        }
        .slider::before {
        content: "";
        position: absolute;
        height: 30px;
        width: 30px;
        left: 5px;
        top: 5px;
        background-color: white;
        border-radius: 50%;
        transition: 0.4s;
        }
        #billing-toggle:checked + .toggle-container .slider::before {
        transform: translateX(35px);
        }
        .container1,.container2,.container3{
            display: flex;
            height: 500px;
            width:90%;
            border-radius:20px;
            
        }
        
        .basic{
            margin-top:50px;
            padding-top:5px;
            font-size: x-large;
        }
        .plans{
            margin-top: 40px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap:30px;
            justify-content: center;
        }
        .container1{
            font-size:x-large;
            display: flex;
            flex-direction:column;
            align-items: center;
            justify-content: space-around;
            color:rgb(0,0,0,0.7);
            background-color: white;
        } 
        .basic{
            margin-top: 30px;
        }
        .amount{
            font-size: 70px;
            display: block;
        }
        .button{
            border-radius: 10px;
            background-color:rgba(157,160,239,255);
            width:80%;
            height:5vh;
            align-items: center;
            justify-content: center;
            margin-bottom: 40px;
            margin-top: 30px;
            height: 5vh;
            width: 80%;
            border-radius: 10px;
            border: none;
            color: aliceblue;
            font-size: xx-large;
        }
        html, body {
  min-height: 100%;
}
        .button1{
            border: none;
            border-radius: 10px;
            background-color:white;
            width:80%;
            color: rgb(69, 69, 235);
            height:5vh;
            align-items: center;
            justify-content: center;
            margin-bottom: 40px;
            margin-top: 30px;
            height: 5vh;
            width: 80%;
            border-radius: 10px;
            font-size: xx-large;
        }
        .hr{
            background-color: gray;
            width:80%;
        }
        .amount1{
            display: none;
        }
        #billing-toggle:checked ~ .plans .amount{
            display: none;
     
        }
        #billing-toggle:checked ~ .plans .amount1{
            display: block;
            font-size: 70px;
        }
        .img{
            display: none;
        }
        .container2{
            background-color:rgba(157,160,239,255);
            display: flex;
            font-size: xx-large;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            color: aliceblue;
        }
        .professional{
            padding-top:20px;
        }
        .container3{
            display: flex;
            font-size: xx-large;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            background-color:white;
            margin-bottom: 30px;
            color:rgb(0,0,0,0.7);
        }
        .body{        
            background-image: url("bg-top.svg");
            background-repeat: no-repeat;
            background-position-x:260px;
        }
        .body{
            background-color: rgb(240, 240, 248);
        }
        @media (min-width:1024px) {
            .plans{
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: row;
                width:80%;
                gap:0;
                margin-left: 135px;
            }
            .container3{
                flex:1;
                font-size:x-large;
                margin-bottom: 0;
            }
            .container1{
                font-size:x-large;
                flex:1;
            }
            .container2{
                flex:1;
                width:400px;
                font-size:x-large;
               height: 580px;
               color: white ;
            }
            .toggle-container{
                margin-bottom: 100px;
            }
            .button,.button1{
                font-size: 20px;
                height:5vh;
            }
            .amount{
                font-size:70px;
            }
            .professional{
                padding-top:70px;
            }
            .button1{
                margin-bottom: 80px;
            }
            .toggle-container {
                justify-content: center;
                gap: 10px;
                margin-bottom: 100px;
            }
            .toggle-container p {
                margin: 0;
                padding: 0 5px;
            }
            .body{
            background-image: url("bg-top.svg"), url("bg-bottom.svg");
            background-repeat: no-repeat, no-repeat;
            background-position: top right, bottom left;
            background-size: auto, auto;
            background-attachment: scroll, scroll;
            }    
        }