.hero_sectionh2_en .span_base
{
    font-family: var(--sora_font)
}
.hero_sectionh2_en .wordh21 .the {
    color: #aa09b4;
    margin-right: 15px;
    font-family: var(--sora_extrabold);
}

.hero_sectionh2_en .wordh22 {
    display: flex;
 
    font-size: 35px;
    /* width: 40%; */
   transform: translate(56px,0px);
    
    font-weight: 600;
    margin-left: 40px;
    font-family: var(--noor_font);
}

.hero_sectionh2_en .hero-sech21 {
    display: flex;
 transform: translate(20px, 10px);
   
    font-size: 25px;
    font-weight: 400;
    /* width: 35% !important; */
    font-family: var(--font_noor_light);
}

.hero_sectionh2_en .hero-sech22 {
    display: flex;
 transform: translate(20px, -10px);
    right: -20px;
    /* top: 148px; */
    font-size: 40px;
    font-weight: 400;
    font-family: var(--font_noor_light);
    /* width: 35% !important; */
}

.hero_sectionh2_en .hero-sech23 {
    display: flex;
  
    font-size: 40px;
    font-weight: 400;
    /* width: 35% !important; */
    font-family: var(--font_noor_light);
    transform: translate(10px, -30px);

  
}

.hero_sectionh2_en .hero-sech24 {
    display: flex;
 
    font-size: 40px;
    font-weight: 400;
    /* width: 35% !important; */
    font-family: var(--font_noor_light);
    transform: translate(1px, -50px);

    right: -8px;
    top: 214px;
}

.hero_sectionh2_en .hero-sech25 {
    display: flex;
    transform: translate(-5px, -80px);
    font-size: 40px;
    font-weight: 400;
    /* width: 35% !important; */
    font-family: var(--font_noor_light);
   
   
}

.hero_sectionh2_en a {
   
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    border: none;
    border-radius: 0 50px 50px 0;
    background: linear-gradient(90deg, #2f0c5a, #690b84, #a709b2);
    padding: 15px 20px;
    display: flex;
    width: 100%;
    height: 8%;
    cursor: pointer;
    outline: none;
    text-align: start;
    box-sizing: border-box;
    font-size: 20px;
    font-family: var(--font_noor_bold);
    /* flex-direction: row-reverse; */
       transform: translate(-20%, -80px);

}
.hero_sectionh2_en .hero_desc_res_ar a
{
    position: relative;
    transform: translate(0,0);
}