/* 

.sardar-teal { 

       background: #44d5cb;;

 }

.sardar-blue { 

    background:#1cb7c8;

}

.sardar-coral {

     background:#2f8bb7;

     }

.sardar-muted { 

    color:#9aa0a6; 

}





.sardar-mvv{

  max-width:1100px;

  margin:56px auto;

  padding:28px;

  font-family:Inter, Arial;

  background:#ffffff;

  color:#333;

}





.sardar-mvv-mainn{

  display:flex;

  align-items:center;

  justify-content:center;

  margin-top:40px;

  position:relative;

}





.sardar-mvv .sardar-mvv-mainn .sardar-big-center{

  width:260px;

  height:260px;

  background:#f1f1f1;

  border-radius:50%;

  display:flex;

  align-items:center;

  justify-content:center;

  box-shadow:0 6px 18px rgba(30, 30, 30, 0.06);

  z-index:3;

  position:relative;

}



.sardar-mvv .sardar-mvv-mainn .sardar-big-center img{

    width: 90%;

    height: 90%;

      border-radius:50%;



}



.sardar-mvv .sardar-mvv-mainn .sardar-circle{

  width:160px;

  height:160px;

  border-radius:50%;

  display:flex;

  align-items:center;

  justify-content:center;

  color:white;

  font-weight:700;

  font-size:28px;

  position:absolute;

  cursor:default;

}





.sardar-mvv .sardar-mvv-mainn .sardar-circle::before{

  content:"";

  position:absolute;

  inset:-10px;

  border-radius:50%;

  border:2px solid #1783a0;

  z-index:-1;

}





.sardar-mvv .sardar-mvv-mainn .sardar-c1{

     top:-110px; 

     left:50%;

      transform:translateX(-50%); 

    }

.sardar-mvv .sardar-mvv-mainn .sardar-c2{

 right:290px;

   top:50%;

     transform:translateY(-50%); 

 }

.sardar-mvv .sardar-mvv-mainn .sardar-c3{ 

    left:290px;

     top:50%;

      transform:translateY(-50%); 

    }





.sardar-mvv .sardar-mvv-mainn .sardar-text-block{

  position:absolute;

  width:260px;

  max-width:280px;

  color:#666;

  font-size:14px;

}



.sardar-mvv .sardar-mvv-mainn .sardar-mission{ 

    right:99px;

     top:-110px; 

     text-align:left; 

}

.sardar-mvv .sardar-mvv-mainn .sardar-values{ 

    right:-30px; 

    top:99px;

     text-align:right;

     }

.sardar-mvv .sardar-mvv-mainn .sardar-vision{ 

    left:-27px; 

    bottom:39px; 

    text-align:left; 

}





.sardar-text-block h3{ 

  margin:0 0 8px 0; 

  font-weight:600;
  font-size: 24px;

 }

@media(max-width:1067px){

    .sardar-mvv .sardar-mvv-mainn .sardar-c3{

    left: 250px;



    }

    .sardar-mvv .sardar-mvv-mainn .sardar-c2{

    right: 250px;



    }

    .sardar-mvv .sardar-mvv-mainn .sardar-values{

       right: 0;

    }

.sardar-mvv .sardar-mvv-mainn .sardar-vision{

    left: 0;



}

}

@media(max-width:1000px){

    .sardar-mvv-mainn{

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 30px;



    }



  .sardar-mvv .sardar-mvv-mainn .sardar-big-center{

    position: relative;

    display: none;

  }

  .sardar-mvv .sardar-mvv-mainn .sardar-circle{

    position: relative;

   margin: 0 auto;

   left: auto;

   right: auto;

   bottom: auto;

   top: auto;

   transform: none;

  }

} */

*{
     margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.suva_mission{
    width: 100%;
    height: auto;
    justify-items: center;
    background: #edf9ff;
    padding-top: 30px;
}
.suva_mission{
    width: auto;
    color: #0a0a0a;
    font-size: 30px;
    font-weight: 800;
}
.suva_mission span{
    color: #076494;
    font-size: 28px;
    font-weight: 600;
    position: relative;
}
.mission{
   width: 100%;
   background: #edf9ff;
}
.souvik_mission_main_page{
    min-height: 600px;
    width:100%;
    display:flex;
}
.souvik_mission_main_page_half{
  
    height:652px;
    overflow: hidden;
    width:50%;
    position: relative;   
}




.souvik_half_vision_goals_page{
    /* border: 1px solid red; */
    height:420px;
    width:100%;
    padding-left: 15px;
    margin-top: 100px;
}
.souvik_vision_main{

    height:auto;
    width:455px;
    display:flex;
    margin:40px 0px 0px 23%;
}
.souvik_vision_main_box{
    background: white;
    border:1.3px solid #67686b;
    height:66px;
    width:66px;
    transform: rotate(45deg);
    margin-left:20px;
    margin-top:20px;
    border-radius: 6px;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
        color: #076494;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.souvik_vision_txt_main{
    align-content: center;
    height:auto;
    width:80%;
    color: #074e72;
}
.souvik_vision_txt{

    height:auto;
    width:80%;
     margin-left:20px;
     font-size: 20px;
     font-weight: bold;
     color: #076494;
}
.souvik_main_txt2{

    height:auto;
    width:90%;
    margin-left:20px;
    color: #0a0a0a;
}
.souvik_mission_main{

    height:100px;
    align-content: center;
    width:455px;
    display:flex;
    margin:40px 0px 0px 35px;
}
.souvik_mission_txt{
 
    height:52px;
    width:80%;
     margin-left:20px;
     font-size: 30px;
     color: #094a6b;;
} 
.souvik_mission_txt_main{

    height:99px;
    width:80%;
    align-content: center;
}
.souvik_goals_main{
    
    height:100px;
    width:455px;
    display:flex;
    margin:40px 0px 0px 23%;
}

.souvik_vision_main .souvik_vision_main_box i{
transform:rotate(-45deg);
color: #076494;
}
.souvik_mission_main .souvik_vision_main_box i{
transform:rotate(-45deg);
    color: #076494;
}
.souvik_vission_photos{
  overflow: hidden;
    height:140px;
    width:140px;
    transform: rotate(45deg);
    position: absolute;
    top:130px;
    left:32%;
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
   

}

.souvik_vission_photos img:hover{
    transform:scale(1.2) rotate(-45deg);
}
.souvik_vission_photos img{
    width: 200px;
    height: 190px;
    transform: rotate(-45deg);
     transition: .5s;
}
.souvik_vission_photos2{
      overflow: hidden;
    height:140px;
    width:140px;
    transform: rotate(45deg);
    position: absolute;
    top:254px;
    left:10%;
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
 box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
   
}

.souvik_vission_photos2 img:hover{
    transform:scale(1.2) rotate(-45deg);
}
.souvik_vission_photos2 img{
    width: 200px;
    height: 229px;
    transform: rotate(-45deg);
     transition: .5s;
}
.souvik_vission_photos3{
   overflow: hidden;
    height:140px;
    width:140px;
    transform: rotate(45deg);
    position: absolute;
    top:380px;
    left:32%;
    border-radius: 14px;
   display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.souvik_vission_photos3 img:hover{
    transform:scale(1.2) rotate(-45deg);
}
.souvik_vission_photos3 img{
    width: 190px;
    height: 190px;
    transform: rotate(-45deg);
    transition: .5s;
}
.souvik_vission_photos4{
    overflow: hidden;
    height: 480px;
    width: 480px;
    transform: rotate(45deg);
    position: absolute;
    top: 86px;
    left: 64%;
    border-radius:45px;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    
}

.souvik_vission_photos4 img:hover{
    transform:scale(1.1) rotate(-45deg);
}
.souvik_vission_photos4 img{
    width: 660px;
    height: 805px;
    transform: rotate(-45deg);
    transition: .5s;
}

@media (max-width:1127px) {
    .souvik_vision_main{
            margin: 40px 0px 0px 15%;
    }
    .souvik_goals_main{
            margin: 40px 0px 0px 15%;
    }
}

@media (max-width:982px) {
    .souvik_mission_txt{
        width: 100%;
    }
    
    .souvik_vision_main {
            margin: 40px 0px 0px 6%;
    }
    .souvik_mission_main{
            margin: 40px 0px 0px 15px;
    }
    .souvik_goals_main{
            margin: 40px 0px 0px 6%;
    }

}

@media (max-width:940px) {
    .souvik_mission_main_page_half{
        width:470px;
        height: 572px;
    }
    .souvik_vission_photos{
        left: 25%;
        top: 115px;
    }
    .souvik_vission_photos2{
        left: 5%;
        top: 235px;
    }
    .souvik_vission_photos3{
        left: 25%;
        top: 355px;
    }
    .souvik_vission_photos4{
        top: 115px;
        height: 380px;
        width: 380px;
        left: 60%;
    }
    .souvik_mission_txt{
        font-size: 5vw;
    }

    .souvik_vision_txt_main{
        height: auto;
    }
    .souvik_mission_txt_main{
        height: auto;
    }
}
@media (max-width:910px) {
    .souvik_vision_main {
        width: 420px;
    }
    .souvik_mission_main{
        width: 420px;
    }
    .souvik_goals_main{
        width: 420px;
    }
}
@media (max-width:882px) {
    .souvik_mission_main{
            margin: 20px 0px 0px 0px;
    }
    .souvik_half_vision_goals_page{
        align-content: center;
        margin-top: 70px;
    }

    
}
@media (max-width:800px) {

    .souvik_vision_main {
        width: 100%;
            /* margin: 20px 0px 0px 0%; */
            align-items: center;
        justify-items: center;
    }
    .souvik_mission_main{
            margin: 20px 0px 0px 0px;
        width: 100%;
        align-items: center;
        justify-items: center;

    }
    .souvik_goals_main{
            /* margin: 20px 0px 0px 0%; */
        width: 100%;
        align-items: center;
        justify-items: center;

    }
    .souvik_half_vision_goals_page{
        align-content: center;
    }
    .souvik_vision_main_box{
        height: 60px;
        width: 60px;
        margin: 0;
    }
    .souvik_vission_photos{
        left: 27%;
        top: 140px;
        height: 100px;
        width: 100px;
        border-radius: 15px;
    }
    .souvik_vission_photos2{
        height: 100px;
        width: 100px;
        left: 5%;
        top: 230px;
        border-radius: 15px;
    }
    .souvik_vission_photos3{
        height: 100px;
        border-radius: 15px;
        width: 100px;
        left: 27%;
        top: 310px;
    }
    .souvik_vission_photos4{
        top: 112px;
        height: 300px;
        width: 300px;
        left: 60%;
        border-radius: 28px;
    }
        .souvik_mission_main_page_half {
        height: 498px;
    }
    .souvik_half_vision_goals_page {
    height: 344px;
    }

}
@media (max-width:700px) {
    .souvik_mission_main_page_half{
        width: 100%;
    }
    .souvik_vission_photos4{
              left: 68%;
        top: 121px;
    }
    .suvik_gondogol{
        width: 100%;
    }
    .souvik_vission_photos {
                left: 38%;
        top: 70px;
        height: 140px;
        width: 140px;
    }
    .souvik_vission_photos2{
               left: 13%;
        top: 199px;
        height: 140px;
        width: 140px;
    }
    .souvik_vission_photos3{
               left: 38%;
        top: 332px;
        height: 140px;
        width: 140px;
    }

    .souvik_vision_main_box{
        height: 50px;
        width: 50px;
        margin: 0;
    }
    .souvik_mission_main_page{
        padding-left: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (max-width:600px) {
    .souvik_vission_photos4{
        left: 70%;
    }
    .souvik_vission_photos3{
        left: 35%;
        height: 130px;
        width: 130px;
    }
    .souvik_vission_photos {
        left: 35%;
        height: 130px;
        width: 130px;
    }
    .souvik_vission_photos2{
       
        height: 130px;
        width: 130px;
    }

}
@media (max-width:480px) {
      .souvik_vision_main {
            margin: 20px 0px 0px 10%;
    }
    .souvik_goals_main{
            margin: 20px 0px 0px 10%;
    }
    .souvik_vission_photos4{
        left: 60%;
    }
    .souvik_vission_photos {
        left: 28%;
    }
    .souvik_vission_photos3{
        left: 28%;
    }
    .souvik_vission_photos2{
        left: 5%;
    }
}
@media (max-width:400px) {
    .souvik_vission_photos4{
        left: 60%;
        top: 110px;
        height: 270px;
        width: 270px;
    }
    .souvik_vission_photos {
        left: 27%;
        height: 110px;
        width: 110px;
        top: 80px;
    }
    .souvik_vission_photos3{
        left: 27%;
        height: 110px;
        width: 110px;
        top: 290px;
    }
    .souvik_vission_photos2{
        left: 4%;
        height: 110px;
        width: 110px;
    }
}