.heroic-hall-cls,.art-gallery-cls, .monthly-hero-cls{
    position:relative;
}

.heroic-hall-cls::before, .heroic-hall-cls::after {
    content: "";
    position: absolute;
    left: 300px;
    width: 50%;
    height: 10px;
    background: radial-gradient(ellipse at center, #db101a 41%, transparent 70%);
    z-index: 2;
    pointer-events: none;
}

.heroic-hall-cls::before {
    top: -7px;
    height: 11px;
}

.heroic-hall-cls::after {
    bottom: -14px;
    height: 14px;
    left: 195px;
    width: 70%;
    background: radial-gradient(ellipse at center, #db101a 20%, transparent 70%);
}


.art-gallery-cls::before, .art-gallery-cls::after {
    content: "";
    position: absolute;
    left: 195px;
    width: 70%;
    background: radial-gradient(ellipse at center, #db101a 20%, transparent 70%);
    z-index: 2;
    pointer-events: none;
}

.art-gallery-cls::before {
    top: -7px;
    height: 14px;
}

.art-gallery-cls::after {
    bottom: -11px;
    height: 14px;
   
}


.monthly-hero-cls::before{
      content: "";
    position: absolute;
    left: 260px;
    width: 70%;
    background: radial-gradient(ellipse at center, #db101a 20%, transparent 70%);
    z-index: 2;
    pointer-events: none;
    top: -2px;
    height: 10px;
}

.submit-artwork-cls{
    overflow:hidden;
}

.submit-art-heading-cls{
    position:relative;
}
.submit-art-heading-cls::before{
content: "";
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background-image: url(https://appwithoutcodes.com/majormedic/wp-content/uploads/2025/05/paper-plane-1-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
}


@media(max-width:768px){
  .top-corner-img-cls{
      position:absolute;
  }
.bottom-corner-img-cls{
      position:absolute;
      bottom:0;
}

.heroic-hall-cls::before, .heroic-hall-cls::after{
left: 50%;
    transform: translateX(-50%);
}
.heroic-hall-cls::after{
    height:9px;
    bottom: -6px;
    /*width: 50%;*/
}

.heroic-hall-cls::before {
    top: -4px;
    height: 7px;
}

.art-gallery-cls::before, .art-gallery-cls::after{
    left: 50%;
    transform: translateX(-50%);
}
.art-gallery-cls::before{
     top: -4px;
    height: 7px;
}
.art-gallery-cls::after{
    height:9px;
    bottom: -6px;
}

.monthly-hero-cls::before{
    left: 50%;
    transform: translateX(-50%);
}
.heroic-hall-cls .inner-content-cls{
        padding-left:10px;
        padding-right:10px;
}

}

@media(max-width:680px){
    .submit-artwork-cls .top-corner-img-cls{
width:85px
} 
    .submit-artwork-cls .bottom-corner-img-cls{
width:100px
} 
.submit-artwork-cls .boy-img-cls img{
    width:300px !important;
}

}

@media(max-width:576px){
    .submit-artwork-cls .submit-your-work-cls{
        padding-top:80px;
    }
    .submit-artwork-cls .boy-img-cls img{
    width:250px !important;
}

.sleep-banner-img .elementor-widget-container{
    margin: 0px 0px -50px 0px !important;
}
}

@media(max-width:480px){
   
.submit-artwork-cls .elementor-widget-heading .elementor-heading-title{
    font-size:30px !important;
}

.monthly-hero-cls .elementor-widget-container{
        margin: 0px 20px -15px 20px !important;
    }
    .art-gallery-cls::after {
        height: 6px;
        bottom: -5px;
    }
    .art-gallery-cls::before {
        top: -2px;
        height: 5px;
    }
    .heroic-hall-cls::after {
        height: 7px;
        bottom: -4px;
    }
        .heroic-hall-cls::before {
        top: -2px;
        height: 5px;
    }
    .heroic-hall-cls::before, .heroic-hall-cls::after {
        width:80%;
    }
}

@media(max-width:420px){
   
.submit-artwork-cls .elementor-widget-heading .elementor-heading-title,
.monthly-hero-cls .elementor-widget-heading .elementor-heading-title{
    font-size:25px !important;
}
.submit-artwork-cls .elementor-widget-container p,
.monthly-hero-cls .elementor-widget-container p{
    font-size:14px !important;
}
.submit-art-heading-cls::before {
   
    top: 50%;
    left: -40px;
    width: 25px;
    height: 25px;
   
}
    .submit-artwork-cls .submit-your-work-cls {
        padding-top: 30px;
    }
.submit-artwork-cls .boy-img-cls img
 {
        width: 170px !important;
    }
        .submit-artwork-cls .bottom-corner-img-cls {
        width: 60px;
    }
    
        .submit-artwork-cls .top-corner-img-cls {
        width: 59px;
    }
    .monthly-hero-cls::before{
        top: -3px;
    height: 6px;
    }
    
}