@media (min-width: 320px) and (max-width: 765px) {

 .rightbody {
    display: flex;
  }

  .mainbody {
    height: 11.5rem;
    width: 100%;
    
    justify-content: space-evenly;
    background-color: rgb(241, 241, 241);
  }


  .card {
    width: 7.5rem;
    text-align: center;
  }

  .card img {
    width: 100%;
    height: 4rem;
    border-top: 2px solid transparent;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);

    background: linear-gradient(white, white) padding-box,
                linear-gradient(to right, rgb(236, 107, 176), rgb(55, 55, 165)) border-box;
  }

  .title {
    margin-top: 0px;
    font-size: 10px;
    font-weight: 500;
    color: white;
    background-image: linear-gradient(to right, rgb(236, 107, 176), rgb(55, 55, 165));
    border-radius: 1px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  } 


  
/* Horizontal scroll container */
.scroll-container {
  display: flex;
  gap: 20px;
  overflow-x: auto;         
  scroll-behavior: smooth;  
  padding-bottom: 10px;
}


.card:hover {
  transform: translateY(-10px);
}



.gallery-container {
    max-width: 100%; 
    padding: 0.2rem;
    justify-content: space-evenly;
    gap: 2px;
    flex-wrap: wrap;
    position: relative;
    top: 60px;
}


.scroll-wrapper {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: 8px;
    padding-top: 5px;
    border-radius: 5px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    
}

.scroll-wrapper::-webkit-scrollbar {
    display: none;
}

.gallery-card {
    min-width: 12rem;
    height: 6rem;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
    
}

.gallery-card:hover {
    transform: scale(1.05);
}



.card-image {
    width: 12rem;
    height: 100%;
    object-fit: cover;
    border-radius: 0.75rem;
    transition: transform 0.3s ease-in-out;
    border-top: 3px solid transparent;
    background-image: linear-gradient(to right, rgb(236, 107, 176), rgb(55, 55, 165));
}

.gallery-card:hover .card-image {
    transform: scale(1.1);
}

.card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    background: linear-gradient(to top, rgba(236, 107, 176) 0%, rgba(55, 55, 165) 50%, rgba(0, 0, 0, 0) 100%);
}

.card-title {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
    position: absolute;
        bottom: 5px;
}

.backgroundcontaner{
  display: none;
}




/* ============================================= 2 Contaner Start =============================== */


.mbody{
  height: 22rem;
  width: 100%;
  position: relative;
  top: 65px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMZfs8W8d8dnfQaESk3XZThDpqmiUvyUWvolNjYtqIaT5g6wNPjEyCmQmDsZ-lqcJimZZhv4YuiuvTCealmx2-fz6SIMrkcFBNmRgDRAZV-Hqd848G5OANgK6CcR9BFdrdW0TM8Gp6NJNxgSZb1wXmUZS6w3Ibj-MVuxlALnN1_5VlS6xatvjYuZaKu7gP/s500/J4o.gif);
  
  
}
.mbody1{
  height: 3rem;
  width: 90%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-image: linear-gradient(to right, rgb(236, 107, 176), rgb(55, 55, 165));
  border-radius: 10px;
  border: 1.5px solid white;
  position: absolute;
  top: 9%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rmbody{
  height: 2.5rem;
  width: 2.5rem;
  border: 2px solid #3737a5;
    border-radius: 500px;
    background-size: cover;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrr8P1VdvuoTHetknoK3Ai-QfgDTmN1dj0GB8YM8t_4sfQVc-WJACT2FEwDWeAO9fTBfPecektXwTVvgvI_d29fC3sf_YXUZRzYlsHDOQAkvyYtO_0n3K8MstwRKsZHoH7n5AsTXB5GLHPSDFID2Z2wzfMNBzdtcZiQTuCfsbJSqRgTyVvQO6C50YkME0i/s864/Gemini_Generated_Image_n9e6s8n9e6s8n9e6.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    left: 10px;
}

.lmbody{
  color: #ffffff;
  font-size: large;
  font-weight: 700;
  background-clip: text;
   position: relative;
    right: 10px;
}

.mbody2 {
  width: 90%;
  height: 16rem;
  border: 2px solid rgba(236, 107, 176, 0.6);
  border-radius: 20px;
  position: relative;
  top: 82px;
  left: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  text-align: center;

  /* Glass effect */
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);

  /* Background image */
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipDSB5pXD3vm_m5nqJX-URQ2cq-W6IXK9v31xIVnwn1QPntLmHun9Z9zckTJH0Ixe859A6FFFZdgPDN0oQi2HN6DdaOKO4m3cWp5fdGTHS_TUjSKfUML1BLESkA-pJrRDtn5Otyq7fnsNjhJjj2jJ8eYILHOOTpbiNLZfhmoRqQ2wDkeQmnqySSV52WqMe/s1080/Gemini_Generated_Image_a7owhoa7owhoa7ow.jpg);
  background-size: cover;
  background-position: center;
  overflow: hidden;

  /* Floating animation */
  animation: floatCard 6s ease-in-out infinite;
  box-shadow: 0 8px 25px rgba(236, 107, 176, 0.25),
              0 6px 20px rgba(59, 130, 246, 0.2);
}

/* Gradient text with fade-in animation */
.intro {
  font-size: small;
  font-weight: 600;
  background: linear-gradient(90deg, white, whitesmoke);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0px;
  
  animation: fadeIn 2s ease forwards;
  opacity: 0;
}

/* Glow animated border */
.mbody2::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 20px;
  background: linear-gradient(270deg, #ec6bb0, #3b82f6, #ec6bb0);
  background-size: 400% 400%;
  z-index: -1;
  animation: glowingBorder 8s linear infinite;
  filter: blur(6px);
}

/* Floating effect */
@keyframes floatCard {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}

/* Fade-in text */
@keyframes fadeIn {
  to { opacity: 1; }
}

/* Animated glowing border */
@keyframes glowingBorder {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


/* ==================================================== part 3 ====================== */

.catagourypt3{
  display: none;
}

.catagourypt3tab{
    height: 2rem;
    width: 90%;
    position: relative;
    top: 70px;
    left: 5%;
    border-bottom: 1px solid #ec6bb0;
   
    border-radius: 5px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center; 
}

.catagourypt33{
    height: 2rem;
    width: 90%;
    position: relative;
    top: 80px;
    left: 5%;
    border-bottom: 1px solid #ec6bb0;
   
    border-radius: 5px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center; 
}


.allservicesd{
  display: none;
}
.allservicestab{
  display: none;
}



.allservicesmob {
    position: relative;
    top: 70px;
  display: flex;
  justify-content: space-evenly;
  gap: 0.1rem;
  margin: 0.5rem auto;
  max-width: 1000px;
}

.allservicesmob33 {
    position: relative;
    top: 90px;
  display: flex;
  justify-content: space-evenly;
  gap: 0.1rem;
  margin: 0.5rem auto;
  max-width: 1000px;
}


.eachservices {
  height: auto;
  width: 110px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 15px;

  text-align: center;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  backdrop-filter: blur(8px);
  padding-bottom: 1rem;
}

.eachservices:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(236, 107, 176, 0.4),
              0 6px 15px rgba(59, 130, 246, 0.3);
}

.eachservices1 {
  height: 9rem;
  width: 100%;
  border-radius: 12px;
  margin-bottom: 0.5rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.eachservices2 {
  font-size: xx-small;
  font-weight: 600;
  background: linear-gradient(90deg, #ec6bb0, #3b82f6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  letter-spacing: 1px;
  
}

.eachservices11{
  height: 8.9rem;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 15px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_nniXljqQQwZZGaAXxssdtMNFBXfzuShwuzwFgQs9TNkGJmQYD4J2QXJBDJ5t8-aX-bhiqYV_BG7n3WxdHXiWdLaMulvY6YZkBL7WrJRmaHP7yoMS2UC1-eUw4rcMpJKfa1EVWjfodwj786I0SLKl-TBwAdtaCy-QSXs1x-zUKyHCOm9uj0TdRK_UguOf/s1080/Gemini_Generated_Image_rk5d3urk5d3urk5d%20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  
}
.eachservices12{
  height: 8.9rem;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 15px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH-05H2qHKA3kJb3tAlv98Fe7paMLUdvIuFDCHH_Kycmvv_zYFt9z2rnQbLHgskopi7ciBDVu0HVPqp9xaULytNZEuBH_VbnWdQwtDqsp43sqos2mEvcL743PVe1c-Niih77oCR0qRD3W_WQ-_iM9mV06P9hJ-WF6XkYByWGbWaFzkHa5nKKEl1taTPfjM/s1080/Gemini_Generated_Image_9a96v09a96v09a96%20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices13{
  height: 8.9rem;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 15px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVyJV4LYCT2Jt8hAt81snWGAK7V4Paw_n3PKKTMfoPK-0k56ZgKB1dnJl_aabLR57kTUQS4DKhkcfzkJtLEIQjnT6idBx3ImtnvGcxwRoOFFAm_vlJj2-4Q09GldGJG-ngy_EdomngGLXyr7B9bFdT2ceslKv67GGGER2tNAj8Wb21HPNd4nJ0EZ5kJatW/s1080/Gemini_Generated_Image_6stiut6stiut6sti%20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices14{
  height: 8.9rem;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 15px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpeZEoaQk_tlbEEAz1Wh8KRl2dpYb0Dtz37WSLgSm4m-r8PsOl7faVO1i3jQD8LBy5h7TpoaLVaHNEInQduXMi8BJqjNbAfqEKWO3GCsVJYcw7ah0ndk6gJQ-T7tmoOJVDv5sqmf8R2oRL2UiM6FnWV1AjE1towOdmwnIuCFrpsVGhtgKFv5SmoRXOQ2oe/s1080/Gemini_Generated_Image_k6lhmhk6lhmhk6lh%20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices15{
  height: 8.9rem;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 15px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi54dtZuktX2yTvks7WsoT2itWCKEg_U83Dn3gH4Qhop-nH1edIIkkhldxOYBMf3BH1-bDtimh4o4leqSC0ZHULfUxFKT9SOelplyd493os3Ma_w-d-cfU8VKKShuotuU-k6JhvV-eU_BnImy66hO9m8MJLOkhAz6UfzMYZniX_zFbtGtr4VQArNaZKyda1/s1080/Gemini_Generated_Image_dhu0bdhu0bdhu0bd%20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices16{
  height: 8.9rem;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 15px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKGm4il4D7ThYTQcWQZKqa311ziptfKhCeAXaY59DXVgtZeOu6OdI97g_mGjuUatO5aXZYT_RFZIxOl8hQaz78M0j4gx3HGiBRUINNVPnNfnYbvHdpbSa7kxYUa3AnVDkPO82RuWA6XYlXxhqk8rJWjTR0kUMoQT_i-UELjDEajsnu9daQ0NnlghMd9zE/s1080/Gemini_Generated_Image_j4h8hhj4h8hhj4h8%20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices17{
  height: 8.9rem;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 15px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk2-CeyUlucCubObuyiijT1srXgyVKgM3xPPxOs0TCxKYXBr88TefgBsDUYs6pXU8QO5kC3yuB75gGqpWmL5WlYUk7IShmCtGDW-0F44myTc_kM6W88o5HF9cbtUhL8teJlXufdKd0Ek4IOhI1_1KZIe1AvhLIdnD8w09Nh3V0WV0JyO6vfFugjFHJsoLd/s1080/Gemini_Generated_Image_71dve71dve71dve7%20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices18{
  height: 8.9rem;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 15px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6O0cqECqE5CJPQ2OY-Ofy0D6GpSEqPIVzKArV1oAoMhytcm8QreYuNvZbJBfcFFLHPELhQqLVcqROJUMKUvlpYzLFcQiAJQxnCI-0Mex8UCNRh9R41uZ6WQygcOskqPzeUp6AsXq-TLGTTEBCEqgChbmuWsl5G7IbxVJ42Rpakq39zd2ZioU47jRZeiPA/s1080/Gemini_Generated_Image_pynl00pynl00pynl%20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices19{
  height: 8.9rem;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 15px;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7YrpQOXuTkWJpu8cWi-6JIht6bqeYXOpoC7GLIyLqPqEGCrMZ-Z_3OTDswvI0OfME19XzWFV3188CQ76bmDB4VFK90P_9VuTZKsbFmXLSsCvCX4DXUhtgYxjV23GgBVco_U65bo49g4ZiMKz7n0lmDvJEpU0cuQokXHECQt2-1hgZ7d0g7z1TQh0ZkbAU/s1080/Gemini_Generated_Image_whd2d4whd2d4whd2%20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.apiservices {
  width: 90%;
  height: 8rem;
  border: 2px solid rgba(236, 107, 176, 0.6);
  border-radius: 20px;
  position: relative;
  top: 62px;
  left: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  text-align: center;

  /* Glass effect */
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);

  /* Background image */
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipDSB5pXD3vm_m5nqJX-URQ2cq-W6IXK9v31xIVnwn1QPntLmHun9Z9zckTJH0Ixe859A6FFFZdgPDN0oQi2HN6DdaOKO4m3cWp5fdGTHS_TUjSKfUML1BLESkA-pJrRDtn5Otyq7fnsNjhJjj2jJ8eYILHOOTpbiNLZfhmoRqQ2wDkeQmnqySSV52WqMe/s1080/Gemini_Generated_Image_a7owhoa7owhoa7ow.jpg);
  background-size: cover;
  background-position: center;
  overflow: hidden;

  /* Floating animation */
  animation: floatCard 6s ease-in-out infinite;
  box-shadow: 0 8px 25px rgba(236, 107, 176, 0.25),
              0 6px 20px rgba(59, 130, 246, 0.2);
}

/* Gradient text with fade-in animation */
.apiservicespara {
  font-size: small;
  font-weight: 600;
  background: linear-gradient(90deg, white, whitesmoke);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0px;
  
  animation: fadeIn 2s ease forwards;
  opacity: 0;
}

/* Glow animated border */
.apiservices::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 20px;
  background: linear-gradient(270deg, #ec6bb0, #3b82f6, #ec6bb0);
  background-size: 400% 400%;
  z-index: -1;
  animation: glowingBorder 8s linear infinite;
  filter: blur(6px);
}

/* Floating effect */
@keyframes floatCard {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}

/* Fade-in text */
@keyframes fadeIn {
  to { opacity: 1; }
}

/* Animated glowing border */
@keyframes glowingBorder {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.apiservices3{
  position: relative;
  top: 30px;
}


/* ==================================================== part 4 ====================== */
.catagourypt4{
    height: 2rem;
    width: 99.8%;
    position: relative;
    top: 70px;
    border-right: 2px solid #ec6bb0;
    border-left: 2px solid #ec6bb0;
    border-radius: 5px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.catagoury1{
    font-size: medium;
    font-weight: 600;
    padding: 1rem;
  background: linear-gradient(90deg, #ec6bb0, #3737a5);
  -webkit-background-clip: text;  /* for Chrome, Safari */
  -webkit-text-fill-color: transparent;
  background-clip: text;          /* standard */
  color: transparent;             /* fallback */


}



.services{
    height: auto;
    width: 100%;
    position: relative;
    top: 70px;
}



.services1{
    height: 2rem;
    width: 100%;
    background: linear-gradient(90deg, rgba(236, 107, 176), #3b82f6);
    border: 2px solid white;
    border-radius: 10px;
    display: flex;
    
    align-items: center;
}

.services1 {
  background: linear-gradient(to right, #ec6bb0, #3737a5);
  color: white;
  padding: 1rem;
  cursor: pointer;
  border-radius: 5px;
  font-weight: bold;
}


.plsicon{
    height: 20px;
    width: 20px;
    margin-left: 2rem;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr6xmi3rhl7UVHlr6lSN6S7rMabdVHrbUl_weFh7m5x7sO8T-mFXZhMVh08gNyfkrFcd78uZ4zXwtyeMu29Ud7QkJ8FySKVBV5kdQ-ugvxPSaaLULtxikzU6qpIq7uTEU-MY-LQpbiGfc6zoQ04DVuAC-HS6qGD56Mullbv18uFqjEf6TqQMfB2td2dBfX/s500/WhatsApp_Image_2025-09-23_at_11.11.42_PM-removebg-preview.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
    border: 1.5px solid white;
    border-radius: 10px;
}

.aroicon{
    height: 20px;
    width: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNIcVm6QAkWBoDXC_BPGPYTW5TFddZ3XOQOuHRl8nQNNI_1Qq160vAV6O_pRSmtdjzLP2G-D-MiI0bBS6tQMfgCB9s7TpICZF_NEjwGvlyKyOyTB9TaC5FhMELEykYJRKWYg48hLTM_aGoNaWUUBqTDFTanrutC3e6cyzT_8I9hQVDKP4nzuU8jf45Ehv-/s500/d1eaaa161695af4c99d4a3c901c7f1fc-removebg-preview.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
    position: absolute;
    left: 90%;
}

.Collagesservices{
    color: white;
    font-size: medium;
    font-weight: 600;
    padding-left: 1rem;
}


.services2{
    height: 28rem;
    width: 100%;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.services2 {
  
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out, padding 0.3s ease;
  background: #f8f8f8;

}

.services2.active {
  max-height: 28rem; /* adjust depending on expected content */
}

.services21 {
  height: auto; /* let content decide height */
  min-height: 30rem;
  width: 95%;

  /* Glassmorphism effect */
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  /* Gradient border */
  border: 2px solid transparent;
  border-radius: 20px;
  background-image: linear-gradient(90deg, #ec6bb0, #3b82f6), 
                    linear-gradient(90deg, #ec6bb0, #3b82f6);
  background-origin: border-box;
  background-clip: content-box, border-box;

  /* Layout */
  display: flex;
  flex-direction: column; 
  justify-content: center;
  align-items: center;
  gap: 0.5rem;

  /* Shadow + animation */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* ============ FAQ 1 ============= */

.services211{
    height: 9rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ssYhJXDvdsGMjUKP0B_RRwtlH9aV_WdiSj3yhWtvZdadrNX27GBKB6w1IBnzd4j8VVF2Deb265_vnaE1LY0DmWKkmF_K6sLgUm6yYgiHKrVYEYU9Vu2OiiSPfbxtd3GwiPNfnpVABXA9f7hdcrHg7uoWWCkYhJXWHDAXf1c-SPQHUfSlRxbemQJwK8i1/s1024/Gemini_Generated_Image_gvzy6ygvzy6ygvzy.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.services212{
    height: 15rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-color: rgba(11, 10, 10, 0.699);
    position: relative;
   
}

/* ============ FAQ 2 ============= */

.services2112{
    display: none;
}

.services21122{
    height: 9rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8BB52YZZL2l79k8SLtvk4DBux8mGvdyf5Dan3-zr0JEzmHEir2ApFauPeqJmMMPDpWH3ytdz2fXSjJ6AA00I7VK3JroK_SK9x3Bo7TuRvdkm8sx3ry3jXk21mpU0YhLx9_8v9CwQa4ciV-NS29IipCo1HO_pa7XLRb_9AZlg6FIT966mMTUC2Tx9z3VZz/s1024/Gemini_Generated_Image_bosiw5bosiw5bosi.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.services2122{
height: 18rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-color: rgba(11, 10, 10, 0.699);
    position: relative;
}

/* ============ FAQ 3 ============= */

.services2113{
    height: 9rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRbF349APJZQ6a2kW4GCgl2SBSKeEKJ9Zb9M3MT_tWTUdzVyiuu9bTq6CK0s3s86YcuO27yKikpBfIc04NkVD9UTOmDrfpBLAUheFKLsFbci90iOvPSOA4JY8RyCLd-LzU6joE_93BxrktGr8EzKVAE-l6ehrO1ox7TZK_vKjsBdDMbrifq7n8KJEa7VgB/s1024/Gemini_Generated_Image_kemf69kemf69kemf.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.services2123{
    height: 18rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-color: rgba(11, 10, 10, 0.699);
    position: relative;
   
}

/* ============ FAQ 4 ============= */

.services2114{
    display: none;
}

.services21124{
    height: 9rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOcERgJkoB91Zqa091ruchnwBjUXz7ukOlmTa0Y_TCOQmZOmT0g4ONcMPD8aiZvUZY1zCIQ13FjCae-MUZ2SNMzgGto2znNBIpGXurjYlLFxWA2EiDN_QfjDx1hlvtgveiccg29h5gVvjuewj1pjizPvMB_6HQoSUP_T-dzZDytpfW9jziJ6MUjNF4i_Lo/s1024/Gemini_Generated_Image_o5drwvo5drwvo5dr.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.services2124{
height: 18rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-color: rgba(11, 10, 10, 0.699);
    position: relative;
}

/* ============ FAQ 5 ============= */

.services2115{
    height: 9rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2kSKVN6TsC6ot4d8erYMtQFooXjYhNTVdiE-pcsx9BNe4usOQ5zw-Zy4EoSlEDijCS2MPtKy9mwsqW6umE-uVkk2S616T1jlf9nG_4o51Ddd7xKMycW1BXWWoZKiME1GM9aEcQLAdOLvc2OSzfuLAfJkAWIk39oO7HwRUT3CFTawMLTQEwUUgbFc60iKu/s1024/Gemini_Generated_Image_zbmv7hzbmv7hzbmv.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.services2125{
    height: 18rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-color: rgba(11, 10, 10, 0.699);
    position: relative;
   
}

/* ============ FAQ 6 ============= */

.services2116{
    display: none;
}

.services21126{
    height: 9rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpy0O_n7x-I-rkdQUaFdw2wK6xipN86L86grCmKN9G1e5XdMXhKSVbuP65vBiKpJw1sscbKpHwg9EnAQ2KQDn5pCszb4ZGEUQcEoJ2G5S3T0ByEUdyR-G0X4qevmktx7ade3UwXomh-gDLhspO8yrTp7hXmUdfq9iRw3m2JfYdg2SNCw-x9GnCgtFhRSsE/s1024/Gemini_Generated_Image_bc6dvqbc6dvqbc6d.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.services2126{
height: 18rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-color: rgba(11, 10, 10, 0.699);
    position: relative;
}

/* ============ FAQ 7 ============= */

.services2117{
    height: 9rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3U8DG9OSMCkegRakjwrQAyphleUpgJi1lnzLoLkv-Hl4I4N_v1a-B_Mri-OKjdFWivDi_z_vX6f5NNadho38TKNxVF3VMOM_45DEV_FWxqJZ81D7RluYOJjjnQXTAXpJGn642Qqoi99uqDuMq4Pm7KUaQefdnZazcCdPV1YJrmgF2fQs_fhkE5URE-sXq/s1024/Gemini_Generated_Image_jgsj33jgsj33jgsj.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.services2127{
    height: 18rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-color: rgba(11, 10, 10, 0.699);
    position: relative;
   
}

/* ============ FAQ 8 ============= */

.services2118{
    display: none;
}

.services21128{
    height: 9rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-PX3__ZQ4byVWEcFSOf5DgOej_UCvkDYOJtkb8VKmJEUCPNj1fVzLWfIwAb0mGWX9wzeLdqBRywtvIhmshG8euWQOyclGhYuybvU7DrVuu7qSV0HL223BH0dLjpxjiq-k6KckxklN5ZRJScx5TPQggbgokPUL511GXdRahWK4idQQJgFC7VNBs5JEzUfK/s1024/Gemini_Generated_Image_b4xe0b4xe0b4xe0b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.services2128{
height: 15rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-color: rgba(11, 10, 10, 0.699);
    position: relative;
}

/* ============ FAQ 9 ============= */

.services2119{
    height: 9rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyzpw_eeq7Lv_dPbx8fMlheqU0nuCFxlaUNsQVIozkJQR4mRzSvcQ-rA82mV3mjKLJLo2Au_TanQm_96JEvh66EcXQzhBouF6S02Ag-pJHuiRxHYEGYxa36dSFC8JqW3WhdHuNA7texaSAVqRtasiRULhUXcBjbMOJ7or2xlOvvPMmC8Nox_Hji9j7uLaE/s1024/Gemini_Generated_Image_ivor0kivor0kivor.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.services2129{
   height: 18rem;
    width: 19rem;
    border: 2px solid white;
    border-radius: 20px;
    background-color: rgba(11, 10, 10, 0.699);
    position: relative;
   
}

/* ================================ */
.hnd{
  position: absolute;
  top: 8%;
  left: 1rem;
    right: 1rem;
  font-size: medium;
  font-weight: 400;

  background: linear-gradient(90deg, #ec6bb0, #3737a5);
  -webkit-background-clip: text;  
  -webkit-text-fill-color: transparent;
  background-clip: text;         
  color: transparent;  
}
.pra{
    color: white;
    position: absolute;
    top: 22%;
    left: 1rem;
    right: 1rem;
    font-size: small;
    font-weight: 400;
}
/* Main Button Styles */
.btn {
  position: absolute;
  top: 75%;
  left: 38%;
  display: inline-block;
  padding: 0.6rem 1rem;
  font-size: 0.6rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  background: linear-gradient(90deg, #ec6bb0, #3b82f6);
  overflow: hidden;
  letter-spacing: 1px;
  z-index: 1;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Glow Animation Border */
.btn::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(270deg, #ec6bb0, #3b82f6, #ec6bb0);
  border-radius: 50px;
  z-index: -1;
  animation: glowing 3s linear infinite;
  filter: blur(6px);
}

/* Inner background (to hide blur inside border) */
.btn::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: linear-gradient(90deg, #ec6bb0, #3b82f6);
  border-radius: 50px;
  z-index: -1;
}

/* Text Layer */
.btn span {
  position: relative;
  z-index: 2;
}

/* Hover Effects */
.btn:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 8px 20px rgba(236, 107, 176, 0.5),
              0 4px 10px rgba(59, 130, 246, 0.4);
}

/* Active (Click Press) */
.btn:active {
  transform: scale(0.97);
}

/* Keyframes for glowing border */
@keyframes glowing {
  0% { background-position: 0 0; }
  50% { background-position: 400% 0; }
  100% { background-position: 0 0; }
}






}