.shap_with_border { width: 100% !important }
.o__shap .content-wrapper { color: #fff; margin: 0 auto;  position: relative; z-index: 2; }
.shap_with_border { bottom: 0; left: 0;  position: absolute; right: 0; top: 0; width: 35%; z-index: -1 }
.shap_with_border svg { }
/* .shap_with_border:before { background: #502b18; bottom: 0; content: ""; left: 0; position: absolute; right: auto; top: 0; width: 55%; z-index: -1 } */


section.o__shap { overflow: hidden;  background-size: cover!important; background-repeat: no-repeat; z-index: 1; padding: 0px 0; }
section.o__shap { position: relative; }

.shap_with_border img { width: 50%; display: block; height: 100% !important; }
.o_shap__cover { max-width: 465px; margin: 0 auto; margin-left: 0; color: var(--white);  }
section.o__shap { display: flex; flex-flow: wrap; align-items: center; justify-content: left; }
section.o__shap .content-wrapper { width: 100%; }
.o_shap_heading h2 { color: var(--white); }
/* .shap_with_border:before { width: 30%; height: 500px; background: #512b18; content: ""; position: absolute; top: 0; right: auto; left: 0; bottom: auto; z-index: -1; }
 */
/* .o_shap__cover { padding: 100px 0; padding-bottom: 0;  } */
.o_shap_btn { padding-top: 17px; }

.shap_with_border {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 50%;
    background-position: top left;
}




 

  
   
/**/
.o_shap__cover{ padding-top: 13%; padding-bottom: 10%;  }
.o__shap:before {  content: "";  position: absolute;  background-color: #502B18;   width: 40%;  top: 0;    bottom: 0; }
.o__shap {  position: relative;  overflow: hidden; }


 .desktop_view{ display:block !important; }
  .mobile_view{ display:none !important; }




@media(min-width:3500px) { .o__shap:before  {width: 45%; } 

}

@media(MAX-width:1900px) {
  .o__shap:before  {width: 35%;
  
}

@media(min-width:1951px) {
  .shap_with_border{   background-size: cover;    width: 60%;         background-position: 0% 9%;  }
  
  
  
}


@media(min-width:4500px) {
  .shap_with_border { background-position: 0 19%; }
}

@media(max-width:1500px) {
  .o_shap__cover{ padding-left: 4%;  }
   
}

@media(max-width:1300px) {
    .o_shap__cover {
        padding-left: 4%;
        max-width: 400px;
    }
  

  
   
}


@media(max-width:1100px) {
  .o_shap__cover{    padding-left: 13%;     max-width: 600px; }
  
  
  
  
}

@media(max-width:991px) {
  .shap_with_border{     margin-left: -38% !important;   margin-top: -15% !important; }
    .o_shap__cover{     max-width: 500px; }
  
  
  
}

  
  
@media(max-width:767px) {
  
.desktop_view { display: none !important; }
.mobile_view { display: block !important; }

  
.shap_with_border2 { height: 290px; width: 100%; }
.o__shap:before{ width: 100%;  }
  .shap_with_border{     z-index: 1;             opacity: 0;  }
  
  
          .shap_with_border {
            margin-left: -42% !important;
            margin-top: -44% !important;
            transform: scale(0.6);
        }
        .o_shap__cover {
            padding-top: 110px;
            padding-bottom: 80px;
        }
  .o_shap_heading h2{ font-size: 32px;  }
  
/*   .shap_with_border{ margin-left: 0% !important;   margin-top: 0% !important;   } */

  
  section.o__shap:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(https://marketing.planomatic.com/hubfs/2024/Shape_123.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
  
  .o_shap__cover{  padding-left: 8%; max-width: 90%;  }
  
  
  
}