.container{width:55%; direction:rtl; 
               color:#000; background-color:#fafafa;
               font-size:20px; line-height: 1.5; 
               margin:150px auto; padding:25px 50px;   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.blue_side_title{background:#0d98ba; /*#0080ff;*/ 
                 position:absolute; right:0; top:124px; 
                 border-top-left-radius: 25px 50px;
                 border-bottom-left-radius: 25px 50px;
                 padding:0px 17vw 0px 5vw;
                 font-size:44px; font-weight:bold; color:#fafafa;
}
 
.green_sub_title{color:#00cc00; font-size:38px;}






@media screen and (max-width: 1440px) {
   #box {  width: 90%;   }}
   
@media screen and (max-width: 992px) {
             #box{margin:0 auto; width: 100%; }
       .squre {  width: 49.5%;  }
.squre_fullWidth{width:100%; height:52vh; padding:2% 15%;}
  .blue_side_title{font-size:46px;}
}  

@media screen and (max-width: 650px) {
    .container{width:85%; margin:130px auto; padding:20px;}
       .squre {    width: 100%;   }
  .squre_fullWidth{width:100%; height:43vh; padding:2%;}
  .blue_side_title{font-size:32px;}
}