*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container-box{
    width: 100%;
    height: 604.53px;
    background-color: #602a7b;
    padding: 72px 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    

}
.head p{
    font-size: 32px;
    color: #ffffff;
    font-family: "Nunito", sans-serif;
    padding-left: 12px;

}
.child-box{
    width: 1200px;
    height: 460px;
    padding: 0px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}
.box1{
    width: 770px;
    height: 391px;
    background-color: #ffffff;
    border-radius: 3px;
    border: none;
    padding: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.text-box h1{
    font-size: 32px;
    color: #72368D;
    font-family: "Nunito", sans-serif;
}

.text-box p{
    text-align: initial;
    color: rgb(117, 117, 117);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38;
    margin-bottom: 16px;
}

.btn-box{
    width: 100%;
    height: auto;
}
.btn-box button {
        border: none;
        width: 100%;
        min-height: 48px;
        flex-direction: row;
        background-image: linear-gradient(rgb(154, 202, 15), rgb(115, 184, 40));
        box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px, rgb(73, 163, 69) 0px -3px 0px 0px inset;
        color: rgb(252, 253, 249);
        font-size: 22px;
        font-weight: 600;
        padding: 4px 4px;
        text-shadow: rgb(73, 163, 69) 0px 2px 0px;
        margin: 16px 0px 0px;
        text-decoration: none;
        border-radius: 5px;
    }
    
.btn-box1 button {
        border: none;
        width: 100%;
        min-height: 48px;
        flex-direction: row;
        /*background-image: linear-gradient(rgb(154, 202, 15), rgb(115, 184, 40));*/
        /*box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px, rgb(73, 163, 69) 0px -3px 0px 0px inset;*/
        background-image:#FFCB08;
        color: rgb(252, 253, 249);
        font-size: 22px;
        font-weight: 600;
        padding: 4px 94px;
        text-shadow: rgb(73, 163, 69) 0px 2px 0px;
        margin: 16px 0px 0px;
        text-decoration: none;
        border-radius: 5px;
        text-align:center;
        align-items:center;
    }
    
  

#login{
    font-size: 22px;
    color: white;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    text-align: center;
    margin-bottom: 0px;
    width: 100%;
    height: 100%;


}  
.tel a {
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 100%;
    display: inline;
}
.tel2 a{
    text-decoration: none;
    text-align: center;
    display: inline;
    color: #ffffff;
    
}
.checkpoints{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkpoints img{
    width: 260px;
    
}
.tel{
    text-decoration: none;
    color:rgb(252, 253, 249);
    display: flex;
    align-items: center;
    background-color:#FFCB08;
}
.tel2{
    text-decoration: none;
    color:rgb(252, 253, 249);
    display: flex;
    align-items: center !important;
    text-align:center;
    background-color:#FFCB08;
}


.box2{
    width: 373px;
    height: 133px;
    background-color: #ffffff;
    border-radius: 3px;
    border: none;

}
.box2-container{
    height: 390px;
    width: auto;
    
}

.chat{
    height: 50%;
    width: 100%;
    border-bottom: 1px solid black;
    padding: 16px 16px;
}

.chat a {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    color: rgb(65, 65, 65);
}
.chat i{
    margin: 0px 15px;
    font-size: 22px;
    color:#72368D;
}
.contact-form{
    height: 50%;
    width: 100%;
    border-bottom: 1px solid black;
    padding: 16px 16px;

}
.contact-form a {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    color: rgb(65, 65, 65);
}
.contact-form i{
    margin: 0px 15px;
    font-size: 22px;
    color:#72368D;
}

/* --------------------------------------------- */
.chatwithus-container{
    width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    padding: 60px;

}
.chatwithus{
    width: 50%;
}
.imgbox{
    width: 50%;
}

.imgbox img{
    width: 560px;
    border-radius: 30px;
}

.chatwithus h1{
    font-size: 32px;
    color: #757575;
    font-family: "Nunito", sans-serif;
}
.chatwithus p{
    font-size: 14px;
    color: #757575;
    font-family: "Nunito", sans-serif;
}
.chatwithusbox {
    height: 93px;
    padding: 16px 0px;

}
.chatbtn{
    width: 100%;
    height: 77px;
}
.chatbtn button{
    /*width: 50%;*/
    height: 50px;
    background-color: #602a7b;
    color: #ffffff;
    font-family: "Nunito", sans-serif;
    font-size: 26px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border: none;
    font-weight: 700;
    
}
.chatbtn button a{
    text-decoration: none;
    color: #ffffff;
}

.chatbtn button span i{
    margin: 0px 15px;
}

.payment-option-container{
    width: 100%;
    height: 79px;
    border-top: 3px solid rgb(154, 202, 15);
    display: flex;
    justify-content: center;
    align-items: center;

}
.card-option img{
    height: 30px;
}

/* ---------------------reponsive--------------------------- */
@media (max-width: 431px){
    .container-box{
        width: auto;
        height: auto;
        padding: 10px 20px;
        overflow-x: hidden;
        overflow-y: hidden;
    }
    
    .box1{
        width: auto;
        height: auto;
        flex-direction: column;
        padding: 10px;
        gap: 15px;
    }
    .box2-container{
        height: auto;
        width: 90vw;
        padding: 20px;


    }
    .box2{
        width: 100%;
    }
    .child-box{
        width: auto;
        height: auto;
        padding: 10px 20px;
        flex-direction: column;
        gap: 10px
    }
    .chatwithus-container{
        flex-direction: column;
        width: auto;
        height: auto;
        margin: 0;
        padding: 20px;
    }
    .chatwithus{
        width: auto;
    }
    .chatbtn{
        width: auto;
        justify-content: center;
        display: flex;
    }
    .chatbtn button{
        width: auto;
        padding: 10px;

    }
    .imgbox{
        width: auto;
        height: auto;
        padding: 10px 20px;
    }
    .imgbox img{
        width: 100%;

    }
    .chatwithus h1, p{
        text-align: center;
    }
    .chat{
        width: 100%;

    }
}