:root{
      --p-font:15px;
         --sub-h:28px;
           --let-sp:0.5px;
}
.choose_sangita{
     /* background-image: url(/assets/images/home/about/overview_bg-abt.jpg); */
     width: 100%;
      background-color: #f6f6f6;
}
.choose_sangita .chooseus {
    display: flex;
   
    justify-content: space-between;
}

.choose_sangita .chooseus .div1 .extra {
    padding: 13px;
    text-align: center;
    letter-spacing:var(--let-sp) ;
    font-size: var(--p-font);
}

.choose_sangita .chooseus .div1 {
    /* border: 1px solid green; */
    width: 75%;
    height: auto;
}

.choose_sangita .chooseus .div1 .sec1 {
    /* border:1px solid red; */

    font-size: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 50px 0px 0px 50px;
}

.choose_sangita .chooseus .div1 .sec2 {
    /* border:1px solid red; */
    /* background:; */
    /* width:100%; */
    height: auto;

    margin: 110px 0px 0px 0px;
    position: relative;
}


.choose_sangita .chooseus .div1 .sec2 .inner1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}

/* .choose_sangita .chooseus .div1 .sec2 .border{
    border:2px solid gray;
    width:80%;
  
} */

.choose_sangita .chooseus .div1 .sec2 .inner1 .box {

    /* border:1px solid blue; */
    width: 305px;
    background-color: #fff;
    height: auto;
    margin: 15px 0px 0px 0px;
    position: relative;
}

.choose_sangita .chooseus .div1 .sec2 .inner1 .box .background {
    background:var( --bg-color);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 30px; */
    position: absolute;
    left: 98px;
    top: -67px;
    /* overflow: hidden; */
    z-index: 2;
    transition: 0.7s linear;
}



.choose_sangita .chooseus .div1 .sec2 .inner1 .box:hover  .background {
    transform: rotate(360deg);
    background: #ffffff;
}


.choose_sangita .chooseus .div1 .sec2 .inner1 .box .content1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
    margin: 70px 0px 0px 0px;
}

.choose_sangita .chooseus .div1 .sec2 .inner1 .box .content2 {

    font-family: var(--p-font);
    text-align: center;
    margin: 15px 0px 25px 0px;
    padding:0px 7px ;
}

.choose_sangita .chooseus .div1 .sec2 .inner1 .box .background1 {
    background: #eda825;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: white;
    /* margin-top:30px; */
    position: absolute;
    top: -67px;
    left: 30px;
    /* overflow: hidden; */
    z-index: 2;
    transition: 0.7s linear;
}

/* .choose_sangita .chooseus .div1 .sec2 .inner1 .box:hover .background1 {
    transform: rotate(360deg);
    background: #ffffff;
} */


.choose_sangita .chooseus .div1 .sec2 .inner2 {
    border: 2px solid gray;
    width: 56%;
    position: absolute;
    top: 0px;
    left: 180px;
    z-index: 1;
}

.choose_sangita .chooseus .div2 {
    /* border:1px solid red;
    width:30%;
    height:auto; */
    margin: 20px 0px 0px 0px;
}

.choose_sangita .chooseus .div2 .img {
    /* width:315px;
    height:700px; */
    overflow: hidden;
}

.choose_sangita .chooseus .div2 .img .im {
    width: 320px;
    height: 550px;
    border-radius: 220px 0px 0px 0px;
    margin: 20px 0px 0px 0px;
    transition: 0.7s linear;
}

.choose_sangita .chooseus .div2 .img .im:hover {
    transform: scale(1.3);
}