@media (min-width: 1025px) and (max-width: 1900px) {

body{
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}

.rightbody{
    display: flex;
    width: 77%;
    margin-left: 23%;
    
}


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

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

.card img {
  width: 100%;
  height: 10rem;
  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;
}


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


.scroll-wrapper {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.75rem;
    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;
    
    width: 110%
;   justify-content: space-between;
}

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


.gallery-card {
    min-width: 10rem;
    height: 10rem;
    background-color: #ffffff;
    border-radius: 0.75rem;
    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: 20rem;
    height: 100%;
    object-fit: cover;
    border-radius: 0.75rem;
    transition: transform 0.3s ease-in-out;
     border-top: 5px 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: 1.25rem;
    font-weight: 600;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* ==================================== part 2 ========================================== */

.backgroundcontaner{
    height: 26rem;
    width: 100%;
    position: relative;
    border: 10px solid transparent;
    border-radius: 20px;
    top: 60px;
    background-size: cover;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-image: linear-gradient(to right, rgba(236, 107, 176) 0%, rgba(55, 55, 165) 100%);
}

.backgroundcontaner1{
    height: 26rem;
    width: 49rem;
    position: relative;
    border: 5px solid transparent;
    border-radius: 20px;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient(to right, rgba(236, 107, 176) 0%, rgba(55, 55, 165) 100%);
    
}


.backgroundcontaner2{
  height: 12rem;
  width: 12rem;
  border: 6px solid rgba(236, 107, 176);
    border-radius: 500px;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    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;
}




@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
        
body {
    font-family: 'Inter', sans-serif;
}

 /* Custom gradient for the company name */
.header-gradient {
    background: linear-gradient(90deg, rgba(236, 107, 176), #3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



.mbody{
    display: none;
}

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


.allservicestab{
  display: none;
}

.allservicesmob{
  display: none;
}

.apiservices{
  display: none;
}

.catagourypt33{
  display: none;
}

.allservicesmob33{
  display: none;
}

.catagourypt3tab{
  display: none;
}

.allservicesd {
    position: relative;
    top: 50px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
  margin: 2rem auto;
  max-width: 1000px;
}

.eachservices {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 15px;
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  backdrop-filter: blur(8px);
}

.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: 100px;
  width: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  margin-bottom: 1rem;
}

.eachservices2 {
  font-size: 1rem;
  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: 100px;
  width: 100%;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6nqZkubI_eYbWqaIdqsPtOjWgYqWwiyqAEpeyK3HzaEotUN2so3fixWCjJHCO3g0ozcSqPB75OW7Fs7LS60v1nHdq_Rh6xtcUH0b_0vxpGDopX5gg24c6VIMOhymqqsFcTp4aWL3Vw6fdPcMZvj6-02BtofeW6LvoBjDqUhaQ1MabsPkt_P02ZbYl6ts5/s1820/Gemini_Generated_Image_rk5d3urk5d3urk5d.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices12{
    height: 100px;
  width: 100%;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoLAkQ3-pyNhA3kBdWidq2YvNpVqHR8ZcUAEvzlH5uArHXppdyLPYCxIyH1h1-Mu_yN4dxW-YMNlOkyaztQyoZbtynv1TEDqXJ46U-Db5X-Byw76xIL9QyiC1opSJIgSyET6CwC2wzltUDAInG_v1mPWJdHUaDSlhQNVmi8gpCZIpSMN_b9pSajmUrfafe/s1820/Gemini_Generated_Image_9a96v09a96v09a96.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices13{
    height: 100px;
  width: 100%;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0gsV6o3FHhDzDDfXClmU_dsVAQixfHB-u8DteHJn81U-avegro_9sqpaL16h3DVQ8hzCxY5_2AUuMje20VOar0G3Lgk4fFphIPlqAhwWSnJidGRattNd3AaSQQDGVKXSnS-_DyyLdrwZFRbFrCGOa0UhNuuT10ym_4hfHGrS6oaPwOsg1iIxVQ1AV_GsK/s1080/Gemini_Generated_Image_e3qp9xe3qp9xe3qp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices14{
    height: 100px;
  width: 100%;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnOxRbvw5po_2KUrd85j9O11k5ZVZUueTpsJZa-AXk1X9jH3NkgnNfoVpRxIBqrylZT_SsqMd1IaxLi5byrmNbKpMih44e0CKhv3EI5MPzCRSwj4aNR9JJcCE8SCLGzS6uTrl9CTb_ZxN76hdeODwvVQklBqVksI2seElexrQqsTn9d7H27NgAbbHSAUkO/s1080/Gemini_Generated_Image_k6lhmhk6lhmhk6lh.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices15{
    height: 100px;
  width: 100%;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoxsgTUbb52TlNWBYZ8sC1wbgOLF-CPn09Sxq3dYWta98KEQhf6SM8J9QKZE5gyOVm_okyLZCowWgsX5Xy9-C6onMU26-WR8YeCmsm6leIJ9d8A2Ah-nN6axecyCOc5byptKnNhzpkCYek67vGa8h0nNdMtX3V12wzzsngHuald_D9yx7rYL6X5305T5-7/s1080/Gemini_Generated_Image_dhu0bdhu0bdhu0bd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices16{
    height: 100px;
  width: 100%;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFmAv2LVu9ov2oz6Ev6i0wxcOjNdT3ryDXDjsKE1jEmVpHdwWMMR-Du9m0w7_GCUbHzMb31xtVeoa56dmeL1ghRvzYCTm9YPhzGaCuI-U9fUp5IVRBc6xD3_oLHTVEJwSvUb9cEdnGDuJVM-DBb5nQgSNo-EHNBYTZhJgCcV4c3g9NfH6VjQ1Ca4gQVfwZ/s1080/Gemini_Generated_Image_j4h8hhj4h8hhj4h8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices17{
    height: 100px;
  width: 100%;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQSeSgyoAb5ZEgo_PPndCJZmUvF44zlArtdP3Zt1SCmq1V6ncZBSkdoKatBovT42S5HBbiKCaBjlVDS5-Z3q8qTnFj-F7SZ2RPsLByQsiX2WF6H7XztozVaw_W7BnwaCqjnqzuc1pwxqWiujp09ea33GmIMbZVJZ3ZRskEXT4LNSWRaHS0HAAhEHchQQ1n/s1080/Gemini_Generated_Image_71dve71dve71dve7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices18{
    height: 100px;
  width: 100%;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg9538XKr1b1k5f7wOcjzbKjB-5kibDsOVrFveYuviWVU8f-NSIENhSe-CoRNsxdssdzLaI5d6wghrenbYD2sXdl2WpM1VD4JxgdChb89xFpCRJVnWu4Fyo9tX7KELuz4h_CLnpF6NNhqYMwaBE4ipF4d_1j6Vqhq7d063t-E1JItDLhRPTPC4xVV1cKRw/s1080/Gemini_Generated_Image_pynl00pynl00pynl.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.eachservices19{
    height: 100px;
  width: 100%;
  background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMovBQ1WE0-XEzU2Cq2FAvSZ2mRL4cO5YtYe_A0MHIYpZqW4raw-9ndDOQC9hOA0NxmlCXpTWnHe4zqGDk6HphL-9XLFdAZa5I_COCroizcsLAsS42KS174S_UhwlHi9wLOt5QCEkZR8pyHgKRQyQ9bsMMg3xK4GV_EbfN83r7OFrRl9_Vh3D2U9YJqay/s1080/Gemini_Generated_Image_whd2d4whd2d4whd2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.catagourypt3{
    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;
}


/* ==================================== part 4 ========================================== */

.catagourypt4{
    height: 2rem;
    width: 99.8%;
    position: relative;
    top: 30px;
    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-left: 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: 50px;
}



.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: 95%;
}

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


.services2{
    height: 18rem;
    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: 18rem; /* adjust depending on expected content */
}

.services21{
    height: 18rem;
    width: 99%;
    background: linear-gradient(90deg, rgba(236, 107, 176), #3b82f6);
    border: 2px solid whitesmoke;
    border-radius: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 2rem;
}

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

.services211{
    height: 15rem;
    width: 25%;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRnKXiwgFfEphrdcShC-RKHPwsHiUtcMP9BKYaglkGWBvG_0XWURsJr-HiZ7JCcBnn0bBb6WX_Fi4AE3quYIBCFt15aGGgJ7dimWoLPwPG_auW3JfAvMBXRdy8Kuhy_2aEQxG-EpRyDiX5B225SF80haJbk_-1mXYn2DoXO5Z2D8HV-Yn_du6E6ghweQQp/s941/Gemini_Generated_Image_u7d65iu7d65iu7d6.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    left: 1rem;
}

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

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

.services2112{
    height: 15rem;
    width: 25%;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6TND0bVengwktEYaxJ0Koyx_tqjUiKtR1OKA0wJvZ0YnE3ST5L9ECa96jVXjPRsTyAlFNO5VGll1_mGw7EhKy3E9cL8PReapzdlrxvEXGXuh1NEKjp_kDH_5LUo3lr7EaBOe3DkZ4Jx5i5-etneIRUG8tuxYKwq92wRYnGCU_ituKqDwY_k875qJS5RvM/s912/Gemini_Generated_Image_omlcjiomlcjiomlc.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    right: 1rem;
}

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

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

.services2113{
    height: 15rem;
    width: 25%;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2IzlCVTgzU3nkjQ3UyiMSygGK4L-ncmNJ7lNGh99Egy43yqoAxXG5LFxEfsYapTXc-2McX1fCjh1ahPkwF_ztnv-2AOMmvwJIE-DZ2cpY_pSzTo0zwn4W3tsU3n5CQjwjVd2JiTU3PkDNhUAXMe17mP3Y_SbLbVfvAo87CLbEHmOK7OTxjaMIWkRSs5vI/s925/Gemini_Generated_Image_481g8j481g8j481g.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    left: 1rem;
}

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

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

.services2114{
    height: 15rem;
    width: 25%;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYOXjL4mXdbOnDMRin7A-uKeNHr2xxW_EcyQFNNop9xPo_GZEhfUYUbHiEVr2NZTlHB7m_zQjpx3ZNDEW4lVbkZahpCKR8NwgqAaux90u2yo1wMNCjWa8RKm381qtJfM65DnXJAqmRGNHS4eEv-hV7n38E2w1ks1eovdd1qO35nA7i9SBIuCK-flSg02wC/s941/Gemini_Generated_Image_t9yinvt9yinvt9yi.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    right: 1rem;
}

.services2124{
    height: 15rem;
    width: 65%;
    border: 2px solid white;
     border-radius: 20px;
    background-color: rgba(11, 10, 10, 0.699);
    position: relative;
    right: inherit;: 1rem;
}

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

.services2115{
    height: 15rem;
    width: 25%;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgm933rHkf-blQWF7kpXkKT-_Wjzlmjl57JZ6FnFWG5zF56VryBSU6zzwxsrhGmMJlEZkduv5KjMSmTMToXhhS_EuL0KqRvNqx6dyJ2vAYpWLvhS9ikF96ahlBjWdkYe2C52pnUC-mcysYxrakSsEJdg45k8Ah3FfpuVllBkBkrYkGul4W7CDXv1R9MyHz/s913/Gemini_Generated_Image_jrtqw4jrtqw4jrtq.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    left: 1rem;
}

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

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

.services2116{
    height: 15rem;
    width: 25%;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZPTtwy7uIAO2gO5i9PnpDAq_XEzKBtc9yWFIXcVNpWZ0cIDyzZ8vb17eqlH3h-jumY-F5Sz1RFWY7-Lf2pljWu1eh72u7zevbfn1FFlURVDKl604emPxVxvGDDh2a1tF_FUJoLJEnnOC3fWgwgAgAYD-U3OJQP-EwIc_zDGwXZ2C8Ut-vK_wg5Yoz1vA7/s1200/662a41205de39Sports-Betting-website%20.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    right: 1rem;
}

.services2126{
    height: 15rem;
    width: 65%;
    border: 2px solid white;
     border-radius: 20px;
    background-color: rgba(11, 10, 10, 0.699);
    position: relative;
    right: inherit;: 1rem;
}

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

.services2117{
    height: 15rem;
    width: 25%;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgor4oQjPvEuDlOxZCo62IuL81hsU7rKStAlJXCkmmYGf7PJjfvN8xaZlSowFQ_Of4vGpKDr0pUnNJYm9q9UOqsC5AGog4heT53vdCoBB-Z-vL81ehZmd1_4fbikGrj5sWRDsmEKCNDm7CMi4WU-QtAzZBFhr1j1ubxbNDQXgMszkTBaCxZgqJy1Dgo4jg6/s910/Gemini_Generated_Image_vm2jqovm2jqovm2j.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    left: 1rem;
}

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

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

.services2118{
    height: 15rem;
    width: 25%;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnHJaTaoCoIoztBesLPIz3Sr4-LwH6uYfGeQwcACnEMeAH4j3RAWL2dxOZ1Iy3rRFTHngK-wycFxHklBJMrRbOkwKmct5tbGLtl6dKRI8pZkUJeyfK9P28UkZc03Xy8Rjol3SSemnZe1xfC4G_kCVDQ1mNYtEHeRjRImFYi8jKi-jo9J2tRHX_AgoE9tmK/s906/Gemini_Generated_Image_6h6cx26h6cx26h6c.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    right: 1rem;
}

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

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

.services2119{
    height: 15rem;
    width: 25%;
    border: 2px solid white;
    border-radius: 20px;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghSG9bhKmRPFzFWv7D5comzII2h9TSv6TELKNXZigcgZWTn8__H9TgBYvyP9M5wQEMKRFgIBuGQEvlzycEV5wZDwH_5z-w4ULtSNEFh5YPEFG66ZVm05xQOJHhtIYamrTkZsHuTqJngEThqCuvVYpY2ckvK8Y5hLDRAi-0fTpBUFbx37jVJfePxo6dFbIP/s897/Gemini_Generated_Image_gswbdwgswbdwgswb.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    left: 1rem;
}

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

/* ================================ */
.hnd{
    position: absolute;
    top: 9%;
    right: 25%;
    font-size: x-large;
    font-weight: 800;

  background: linear-gradient(90deg, #ec6bb0, #3737a5);
  -webkit-background-clip: text;  /* for Chrome, Safari */
  -webkit-text-fill-color: transparent;
  background-clip: text;          /* standard */
  color: transparent;  
}
.pra{
    color: white;
    position: absolute;
    top: 32%;
    left: 2rem;
    font-size: medium;
    font-weight: 400;
}
/* Main Button Styles */
.btn {
  position: absolute;
  top: 72%;
  left: 38%;
  display: inline-block;
  padding: 0.8rem 1.8rem;
  font-size: 0.8rem;
  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; }
}

/* ==================================================== part 5 ====================== */


}