.img-style-001{
    position: relative;
}

.img-style-001:before{
    content: '';
    position: absolute;
    top: -20px;
    left: 20px;
    width: 540px;
    height: 330px;
    background: #222467;transition:0.3s ease;
}

.img-style-002{
    position: relative;
}

.img-style-002:before{
    content: '';
    position: absolute;
    top: -20px;
    right: 20px;
    width: 540px;
    height: 330px;
    background: #ff0000;transition:0.3s ease;
}

.img-style-001:hover:before {
    transform: translate(10px, 55px);
    transition:0.3s ease;}

.img-style-002:hover:before {
    transform: translate(-10px, 54px);
    transition:0.3s ease;
    }


.square-001{position:relative;}
.square-001:before{
    content: '';
    background:#ff0000;
    width: 50px;
    height: 30px;
    position: absolute;
    right: 0;
    margin:auto;
    top: -48px;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width:992px){
.square-001:before{
    top: -46px;
    display:none;
}
}
.square-002 {
    position: relative;
}

.square-002:before{
    content: '';
    background:#ff0000;
    width:80px;
    height:80px;
    position: absolute;
    left: 0;
    margin:auto;
    top: 0px;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width:992px){
.square-002:before{
    width:50px;
    height:50px;
}
}
.square-003 {
    position: relative;
}

.square-003:before{
    content: '';
    background:#ff0000;
    width:80px;
    height:80px;
    position: absolute;
    left: -107px;
    margin:auto;
    top: 0px;
    bottom:0px;
    background-repeat: no-repeat;
    background-size: contain;
}

.square-004 {
    position: relative;
}

.square-004:before{
    content: '';
    background:#ff0000;
    width:80px;
    height:80px;
    position: absolute;
    right: -107px;
    margin:auto;
    top: 0px;
    bottom:0px;
    background-repeat: no-repeat;
    background-size: contain;
}

.square-005 {
    position: relative;
}

.square-005:before{
    content: '';
    background:#ff0000;
    width:80px;
    height:80px;
    position: absolute;
    right: 0;
    margin:auto;
    top: 0px;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width:992px){
.square-005:before{
    width:50px;
    height:50px;
    top: -34px;
}
}

.square-006{position:relative;}
.square-006:before{
    content: '';
    background:#ff0000;
    width: 50px;
    height: 30px;
    position: absolute;
    right: 0;
    margin:auto;
    top: -50px;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width:992px){
.square-006:before{
    top: -50px;
}
}


.square-007{position:relative;}
.square-007:before{
    content: '';
    background:#ff0000;
    width: 50px;
    height: 30px;
    position: absolute;
    right: 0;
    margin:auto;
    top: -50px;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width:992px){
.square-007:before{
    display:none;
}
}  

.square-008{position:relative;}
.square-008:before{
    content: '';
    background:#ff0000;
    width: 50px;
    height: 30px;
    position: absolute;
    right: 0;
    margin:auto;
    top: -50px; z-index: 99;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width:992px){
.square-008:before{
    top: -17px;
    z-index: 99;
}
}
.text-border-002 {
    border-left: 1px solid #222467;
    border-right: 1px solid #222467;
    border-bottom: 1px solid #222467;
}

.text-border-002{
    padding: 0px 30px;
}

.text-border-002:before {
    content: '';
    background:#222467;
    width: 200px;
    height: 1px;
    position: absolute;
    left:0;
    top: 0px;
    background-repeat: no-repeat;
    background-size: contain;
}

.text-border-002:after {
    content: '';
    background:#222467;
    width: 200px;
    height: 1px;
    position: absolute;
    right: 0;
    top:0px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width:992px){
  .text-border-002:before {
    width: 50px;
}

.text-border-002:after {
    width: 50px;
}
}


.line-001 {
    position: relative;
}

.line-001:before {
    content: '';
    background:#fff;
    width: 80%;
    height: 1px;
    position: absolute;
    left: 220px;
    margin:auto;
    top: 0;
    bottom:0;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width:482px){
.line-001:before {
    content: '';
    background:#fff;
  width: 32%;}
}

.line-002 {
    position: relative;
}

.line-002:before {
    content: '';
    background:#222467;
    width: 57%;
    height: 1px;
    position: absolute;
    left: 189px;
    margin:auto;
    top: 0;
    bottom:0;
    background-repeat: no-repeat;
    background-size: contain;
}
  
.img-style-001{
    position: relative;
}

.img-style-001:before{
    content: '';
    position: absolute;
    top: -20px;
    left: 20px;
    width: 540px;
    height: 200px;
    background: #222467;
}

.img-style-002{
    position: relative;
}

.img-style-002:before{
    content: '';
    position: absolute;
    top: -20px;
    right: 20px;
    width: 540px;
    height: 182px;
    background: #ff0000;
}
/*end*/