.home{
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.4)), url("./img/officebackground.jpg"); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 80vh;
    }
    section{
        height:100vh;
        }
        section h1{
        position: absolute;
        top:45%;
        left:18%;
        color:#ddd;
        font-size: 4em;
        letter-spacing: 0.1em;
        }
        section h1 span{
        opacity: 0;
        display: inline-block;
        animation: animate 1s linear forwards;
        }
        @keyframes animate{
        0%{
        opacity:0;
        transform: rotateY(90deg);
        filter:blur(10px);
        }
        100%{
        opacity: 1;
        transform: rotateY(0deg);
        filter:blur(0px);
        }
        }
    
        .top-container{
            margin-top:60px;
        }
        p{
            font-family:'Times New Roman', Times, serif;
        }

    /*----button---*/

  
    .button{
        background-color: thistle;
        border:none;
        width:150px;
        height:30px;
        color:white;
        border-radius: 3rem;
        margin-top: 15px;
        }
        .button:hover{
        background-color:  #117A65;
        border:none;
        width:150px;
        height: 30px;
        color:white;
        border-radius: 3rem;
        margin-top: 15px;
        }
        /*officeparty process*/
     
      
    .accordion li{
        list-style:none;
        width: 100%;
        margin-top: 25px;
        padding-top:10px;
        border-radius:8px;
        background: #e3edf7;
        box-shadow: 6px 6px 10px -1px rgba(0,0,0,0.15),
                    -6px -6px 10px -1px rgba(255,255,255,0.7);
    }
    .accordion li label{
       display:flex;
       align-items: center;
       padding:10px;
       font-size:18px;
       font-weight: 500;
       cursor: pointer; 
    }
    label::before{
        content: '+';
        margin-right: 10px;
        font-size: 24px;
        font-weight: 600;
    }
    input[type="radio"]{
        display: none;
    }
    .accordion .content{
        color:#555;
        padding:0 10px;
        line-height:26px;
        max-height: 0;
        overflow: hidden;
        transition:max-height 0.5s, padding 0.5s;
    }
    .accordion input[type="radio"]:checked + label + .content{
        max-height: 500px;
        padding:10px 10px 20px;

    }
    .accordion input[type="radio"]:checked + label::before{
        content:'-';
    }

    .img1{
        border-radius: 1.5rem;
    }
    .img2{
        border-radius: 1.5rem;
    }
    .officeimg1{
        width: 100%;
        height: 300px;

    }
    .officeimg2{
        width: 100%;
        height: 250px;
    }
    .content{
        padding: 25px;
        color: #000000;
        background-color: #ff6900;
        font-size:large;
        border-radius: 1.5rem;
    }