/* Extra Large Devices (4K Monitors and Large Desktops) */
  @media (min-width: 1600px) {
    .hero_photo{
        top: 45.5%;
      }
      
  }
  /* Large Devices (Desktops) */
  @media (min-width: 1200px) and (max-width: 1599px) {
  }
 /* for large tablets */
  @media (min-height: 800px) and (max-height: 1050px) {
    .hero_photo{
      top: 45.9vh;
      transform: translate(-50%, -59%);
     }
  }
  /* Medium Devices (Tablets in Landscape) */
  @media (min-width: 992px) and (max-width: 1199px) {
    .hero_container{
      flex-direction: column !important;
     }

     .hero-text{
      width: 100%;
     }
    .hero_photo{
      top: 21.9vh;
      transform: translate(-50%, -59%);
     }
     .my_info_section{
      width: 80% !important;
     }
  }



  /* Small Devices (Tablets in Portrait) */

  @media (min-width: 769px) and (max-width: 991px) {
    .hero_container{
      flex-direction: column !important;
     }
  .hero_text_value{
        font-size: 2rem !important;
  }
  .hero_image_container{
    width: 350px;
    height: 350px;
 }
 .hero_image_shadow1{
    width: 300px;
    height: 300px; 
 }
 .hero_image_shadow2{
    width: 250px;
    height: 250px;  
 }
 .hero_image_holder{
  width: 200px;
  height: 200px; 
 }
 .hero_photo{
    border-radius:400px;
    position: absolute;
    height: 220px;
    width: 190px;
    top: 22.9vh;
    aspect-ratio: 447 / 559;
    object-fit: cover;
    left: 50%; /* Move to 50% from the left */
    transform: translate(-50%, -59%);
   }
   .dot_section,.dot_section2{
    display: none !important;
   }
   .education_details,.form_container{
    padding-right: 0px !important;
    width: 100% !important;
   }
   .personal_details,.profession_details,.get_in_touch{
    width: 100% !important;
    padding-left: 0.75rem !important;
   }
   
  }

  @media (max-width: 1024px){
    .hero_image,.mouse_section,.hero_right_slogan,.dot_section,.dot_section2{
    display: none !important;
   } 
  }

  /* Extra Small Devices (Large Phones) */
  @media (min-width: 576px) and (max-width: 768px) {
   /* .hero_container{
    flex-direction: column !important;
   } */
  
    .hero_image_container{
      width: 350px;
      height: 350px;
   }
   .hero_image_shadow1{
      width: 300px;
      height: 300px; 
   }
   .hero_image_shadow2{
      width: 250px;
      height: 250px;  
   }
   .hero_image_holder{
    width: 200px;
    height: 200px; 
   }
   .hero_photo{
      border-radius:500px;
      position: absolute;
      height: 220px;
      width: 190px;
      top: 22.8vh;
      aspect-ratio: 447 / 559;
      object-fit: cover;
      left: 50%; /* Move to 50% from the left */
      transform: translate(-50%, -59%);
     }
     .dot_section,.dot_section2{
      display: none !important;
     }
     .education_details,.form_container{
      padding-right: 0px !important;
      width: 100% !important;
     }
     .personal_details,.profession_details,.get_in_touch{
      width: 100% !important;
      padding-left: 0.75rem !important;
     }
  }
  


  /* Very Small Devices (Small Phones) */
  @media (max-width: 575px) {

    /* hero section  */
    .hero_text_value{
        font-size: 3rem !important;
    }

    /* about section  */
.my_info_section{
  width: 100% !important;
  }
  }

  /* Ultra Small Devices (Tiny Phones and Smartwatches) */
  @media (max-width: 376px) {
   .primary-button,.primary-button-outlined{
       width: 100% !important;
    }
    .primary-button-outlined{
      margin-top: 1rem;
      margin-left: 0 !important;
    }
  }



/* Breakpoints Summary:

≥ 1600px → Extra Large Devices (4K monitors)
1200px - 1599px → Large Devices (Desktops)
992px - 1199px → Medium Devices (Tablets in Landscape)
768px - 991px → Small Devices (Tablets in Portrait)
576px - 767px → Extra Small Devices (Large Phones)
321px - 575px → Very Small Devices (Small Phones)
≤ 320px → Ultra Small Devices (Tiny Phones/Smartwatches) 

*/