.sardar-about{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 90vh;
    }
   .sardar-about .sardar-about-image{
      width: 45%;
      height: 100%;
      /* background-color: black; */
       padding-top: 120px;
    }
      .sardar-about  .sardar-about-section{
      width: 45%;
      height: 100%;
      padding-top: 100px;
      /* background-color: #004F44; */
  
    }
   .sardar-about .sardar-about-image .big-image{
        position: relative;
     width: 400px;
     height: 400px;
        z-index: 9;
    }
    .sardar-about .sardar-about-image .big-image img{
      width: 100%;
      height: 100%;
     border: 15px solid rgba(0, 79, 68, 0.1);
    border-radius: 50%;
    }
    .sardar-about .sardar-about-image .big-image .small-image{
        position: absolute;
        width: 200px;
        height: 200px;
        top: -80px;
     right: -50px;
     z-index: 999;
    }
     .sardar-about .sardar-about-image .big-image .small-image img{
    border-radius: 50%;
    border: 10px solid #fff;
 }

    .sardar-about .sardar-about-image .big-image .midiam-image{
        position: absolute;
       width: 200px;
       height: 200px;
   right: -50px;
   bottom: -70px;

    }
     .sardar-about .sardar-about-image .big-image .midiam-image img{
    border-radius: 50%;
    border: 10px solid #fff;
 }
.sardar-about-section .sardar-exprince{
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    flex-direction: row;
    flex-wrap: wrap;
    gap: 100px;
}
.sardar-about-section .sardar-exprince i{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;

}
.sardar-about-section .sardar-exprince h3{
    font-size: 30px;
    font-family: cursive;
}

.sardar-about-section .sardar-explore{
    display: flex;
    align-items: center;
    gap: 50px;
    padding-top: 20px;
    width: 90%;
    /* flex-wrap: wrap; */
}
.sardar-about-section .sardar-explore .sardar-logo{
    width: 50px;
    height: 50px;
}
.sardar-about-section .sardar-explore .sardar-logo img{
    width: 100%;
    height: 100%;
}
.sardar-about-section .sardar-explore .sardar-ronald{
    display: flex;
    align-items: center;
    gap: 20px;
}
.sardar-bp{
    height: 50px;
    padding-top: 5px;
}
.sardar-about-section .sardar-explore b{
    font-size: 17px;
    font-family: monospace;
     padding: 0;
     margin: 0;
}
.sardar-about-section .sardar-explore p{
    font-size: 15px;
    font-family: monospace;
    font-weight: 600;
    color: rgb(66, 66, 66);
     padding: 0;
     margin: 0;
}
.sardar-about-section .sardar-explore button{
    width: 15vw;
    height: 8vh;
    border: 0;
    background: linear-gradient(45deg, #1899ad, #0e454f);
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
transition: all 0.4s 
ease-in-out;
}
.sardar-about-section .sardar-explore button:hover{
    background-color: orange;
    color: black;


}

.sardar-about-section .sardar-about-us{
    width: 10vw;
    height: 7vh;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 20px;
 font-family: cursive;
  background: rgba(0, 79, 68, 0.1);
color: #004F44;
margin-top: 10px;
}
.sardar-about-section .sardar-larning{
    font-size: 35px;
    width: 70%;


}
.sardar-about-section .sardar-larning h3{
    font-family: cursive;
}
.sardar-about-section .sardar-loram{
    color: rgb(114, 114, 114);
    width: 80%;
}

@media(max-width:1091px){
    /* .sardar-about{
        flex-direction: column;
        width: 100%;
        margin-top: 250px;

    } */
      .sardar-about .sardar-about-image .big-image{
        width: 350px;
        height: 350px;
      }
       .sardar-about .sardar-about-image .big-image .small-image{
        top: -110px;
       }
       .sardar-about .sardar-about-image .big-image .midiam-image{
        bottom: -100px;
       }
    .sardar-about-image{
        width: 100%;
    }
    .sardar-about-section .sardar-explore .sardar-ronald{
        width: 250px;
    }
.sardar-about-section .sardar-larning{
    width: 100%;
}
  .sardar-about  .sardar-about-section{
    width: 60%;
  }

   .sardar-about-section .sardar-explore button{
    width: 22vw;
   }
   .sardar-about-section .sardar-about-us{
    width: 20vw;
   }
   .sardar-about-section .sardar-loram{
    width: 100%;
   }

}
@media(max-width:1010px){
      .sardar-about .sardar-about-image .big-image{
        width: 350px;
        height: 350px;
        margin-top: 40px;
      }
      .sardar-about .sardar-about-image .big-image .small-image{
        margin-top: -40px;
    }

}
@media(max-width:950px){
      .sardar-about{
        flex-direction: column;
        width: 100%;
        margin-top: 250px;

    }
     .sardar-about .sardar-about-image .big-image .small-image{
        top: -70px;
     }
    .sardar-about-section .sardar-exprince{
        gap: 70px;
    }

}
@media(max-width:860px){
    .sardar-about  .sardar-about-section{
        /* margin-left: 50px; */
        width: 95%;
        margin-top: 20px;
    }
       .sardar-about-section .sardar-explore {
        width: 100%;
    }
       .sardar-about-section .sardar-exprince{
        gap: 70px;
    }
}
/* @media(max-width:730px){
      .sardar-about .sardar-about-image{
        margin-left: -50px;
    }
} */
@media(max-width:714px){
    .sardar-about .sardar-about-image{
        margin-left: -80px;
    }
    .sardar-about  .sardar-about-section{
        width: 90%;
    }
}
@media(max-width:644px){
    .sardar-about .sardar-about-image{
        margin-left: -50px;
    }
       .sardar-about .sardar-about-image .big-image .small-image{
        margin-top: -50px;
    }
    .sardar-about .sardar-about-image .big-image .midiam-image{
      bottom: -100px;
    }
     .sardar-about .sardar-about-image{
         /* background-color: aqua; */
         width: 70%;
      }
}
@media(max-width:564px){
   .sardar-about-section .sardar-explore button {
        width: 50%;
    }
       .sardar-about-section .sardar-exprince{
        gap: 50px;
    }
}
@media(max-width:505px){
        .sardar-about-section .sardar-exprince{
        gap: 30px;
    }
    .sardar-about-section .sardar-about-us{
        width: 200px;
    }
}
@media(max-width:478px){
     .sardar-about .sardar-about-image{
        margin-top: 40px;
     }
        .sardar-about-section .sardar-exprince{
        gap: 20px;
    }
     .sardar-about-section .sardar-explore .sardar-ronald{
        /* background-color: black; */
        margin-left: -40px;
   
     }
          .sardar-about .sardar-about-image .big-image{
        width: 300px;
        height: 300px;
      }
      .sardar-about .sardar-about-image .big-image .midiam-image{
        width: 180px;
        height: 180px;
      }
      .sardar-about .sardar-about-image .big-image .small-image{
         width: 180px;
        height: 180px;
      }
}
@media(max-width:425px){
  
.sardar-about-section .sardar-exprince{
flex-wrap: wrap;
 }
}
@media(max-width:411px){
     .sardar-about .sardar-about-image .big-image{
        width: 250px;
        height: 250px;
      }
      .sardar-about .sardar-about-image .big-image .midiam-image{
        width: 180px;
        height: 180px;
      }
      .sardar-about .sardar-about-image .big-image .small-image{
         width: 180px;
        height: 180px;
      }
      .sardar-about-section .sardar-larning h3{
        font-size: 30px;
      }

  .sardar-about-section .sardar-explore{
       display: grid;
    }
      .sardar-about-section .sardar-explore .sardar-ronald{
        /* background-color: black; */
        margin-left: 10px;
   
     }
     .sardar-about-section .sardar-larning{
        width: 100%;
     }
}
@media(max-width:326px){
    .sardar-about .sardar-about-image{
        margin-left: -80px;

    }

}