*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root{
    --bg-color:rgb(7, 5, 138);
    --font-size:20px;
    --font-size-pera:14px;
    --color:rgb(2,2,92);
}
.chaitali-main .container .about-main{
width: 100%;
height: auto;
padding: 80px 0px;
display: flex;
}
.chaitali-main .container .about-main .about-main-left{
    width: 50%;
    height: 400px;
    /* border: 1px solid black; */
}
.chaitali-main .container .about-main .about-main-left .about-main-left-top{
    font-size: var(--font-size);
    color: var(--color);
    margin: 20px 10px 0px 10px;
}
.chaitali-main .container .about-main .about-main-left .about-main-left-middle{
    width: 42%;
    /* height: 50px; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    /* border:1px solid  red;    */
}
.chaitali-main .container .about-main .about-main-left .about-main-left-middle .about-main-left-middle-line{
    width: 40%;
    height:2px;
    background-color: var(--bg-color);
}
.chaitali-main .container .about-main .about-main-left .about-main-left-middle .about-main-left-middle-logo{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-image: url(/asset/images/home/aboutus-home/com.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /* border: 1px solid red; */
    box-shadow: 2px 2px 6px gray;
}
.chaitali-main .container .about-main .about-main-left .about-main-left-bottom{
    text-align: justify;
    font-size: var(--font-size);
    font-family: lora;
    margin: 20px 10px;
}
.chaitali-main .container .about-main .about-main-left .about-main-left-button button{
/* width: 30%; */
    padding: 10px ;
    font-size: var(--font-size);
    color: var(--color);
    border: none;
    margin: 20px;
    border-radius: 10%;
    box-shadow: inset 2px 2px 5px gray;

}
.chaitali-main .container .about-main .about-main-right{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.chaitali-main .container .about-main .about-main-right .about-main-right-left{
    width: 46%;
    height:400px ;
}
.chaitali-main .container .about-main .about-main-right .about-main-right-left .about-main-right-left-1{
    width: 80%;
    height: 150px;
    margin: 16px 5px 0px 61px;
    transition: 1s all ease;
    background-image: url(/asset/images/home/aboutus-home/com.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.chaitali-main .container .about-main .about-main-right .about-main-right-left .about-main-right-left-1:hover {
        transform: rotateY(180deg);
        background-image: url(/asset/images/home/aboutus-home/sky2.jpg);
        transition: 1s all ease;
}
.chaitali-main .container .about-main .about-main-right .about-main-right-left .about-main-right-left-2{
    width: 100%;
    height: 200px;
    margin: 15px 23px 0px 2px;
    transition: 1s all ease;
    background-image: url(/asset/images/home/aboutus-home/sky2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.chaitali-main .container .about-main .about-main-right .about-main-right-left .about-main-right-left-2:hover {
        transform: rotatey(180deg);
        background-image: url(/asset/images/home/aboutus-home/com.jpg);
        transition: 1s all ease;
}
.chaitali-main .container .about-main .about-main-right .about-main-right-right{
    width: 46%;
    height:400px ;
}
.chaitali-main .container .about-main .about-main-right .about-main-right-right .about-main-right-right-1{
    width: 80%;
    height: 150px;
    margin: 65px 0px 0px 0px;
    transition: 1s all ease;
    background-image: url(/asset/images/home/aboutus-home/com.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.chaitali-main .container .about-main .about-main-right .about-main-right-right .about-main-right-right-2{
    width: 100%;
    height: 200px;
    margin: 15px 5px 0px 0px;
    transition: 1s all ease;
    background-image: url(/asset/images/home/aboutus-home/sky2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.chaitali-main .container .about-main .about-main-right .about-main-right-right .about-main-right-right-1:hover {
    transform: rotatey(180deg);
    background-image: url(/asset/images/home/aboutus-home/sky2.jpg);
    transition: 1s all ease;
}
.chaitali-main .container .about-main .about-main-right .about-main-right-right .about-main-right-right-2:hover {
        transform: rotatey(180deg);
        background-image: url(/asset/images/home/aboutus-home/com.jpg);
        transition: 1s all ease;
}