.banner-fullwidth{position: relative;margin-top: 5px;overflow: hidden;font-size: 0;display: block;text-decoration: none;height: 500px;margin-bottom: 10vw;}
.banner-fullwidth:after{  content: " ";  height: 50px;  left: -5px;  position: absolute;  top: -33px; width: calc(100% + 5px);z-index: 8;}

.banner-fullwidth-text{left: 0;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 0 4.9% 0 13.1%;text-align: left;height: 100%;position: absolute;top: 0;width: 85%;z-index: 1;}

.banner-fullwidth-h1{color: #fff;font-size: 59px;font-style: italic;font-weight: 200;letter-spacing: 1.26px;line-height: 1.05;margin: 2px 0 36px 0;}
.banner-fullwidth-description{color: #fff;font-size: 15px;font-style: normal;font-weight: 800;margin: -1.7em 0 0 0;letter-spacing: 0.03em;line-height: 1.1;}
.banner-fullwidth-more-btn{transition:.5s ease;color: #fff;font-size: 12px;font-style: italic;font-weight: 800;letter-spacing: .5px;line-height: 1;text-transform: uppercase;}
.banner-fullwidth-more-btn:before{transition:.5s ease;content:'';border-left: solid 1px currentColor;transform: rotate(19deg);display: inline-block;height: 154%;margin: 0 5px -4px 0;}
.banner-fullwidth-image{position: static;}
.banner-fullwidth-image img{width: 100%;height: auto;transition: transform ease .5s}
.banner-fullwidth:hover:before{transform: rotate(27deg);}
.banner-fullwidth:hover .banner-fullwidth-more-btn:before{  margin: 0 40px -4px 0;}


.banner-fullwidth {clip-path: polygon(55% 0,   55%  0,  45%  100%,  45% 100%); transition: clip-path 3.8s cubic-bezier(0.19, 1, 0.22, 1) ;}
.banner-fullwidth.visible {  clip-path: polygon(0   0,   105% 0,  100% 100%,  -5%   100% ); }

.banner-fullwidth-angle{left: 11.1%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 0 4.9% 0 13%;text-align: left;background-color: #10384f;height: 100%;opacity: .7;position: absolute;top: 0;width: 63.9%;z-index: -1;transform: skew(-10deg, 0deg);transition: var(--main-transition);}
.banner-fullwidth-angle:before{content:"";width: 1px;background-color: #00bcff;height: 110%;position: absolute;top: -5%;z-index: 3;left: -2.1%; transition: var(--main-transition);}
.banner-fullwidth-angle:after{content:"";border: .5px solid #ff3162;height: 120%;/*! left: 54%; */position: absolute;top: -30px;z-index: 3;right: -51%;/*! transform: translateX(0) rotate(10deg); */transition: var(--main-transition);}

.banner-fullwidth:hover .banner-fullwidth-angle{transform: skew(-10deg, 0deg) scaleX(1.1);}

  
@media (max-width:1440px){
  .banner-fullwidth-h1{font-size: 40px;}
  .banner-fullwidth {height: 31.3vw;}
}

@media (max-width:991px){
    .banner-fullwidth-h1{font-size: 35px;} 
}

@media (max-width:640px){
  .banner-fullwidth {display: flex;flex-direction: column-reverse;height: auto;overflow: hidden;}
  .banner-fullwidth-angle{transform: skew(0deg, -3deg);left: 0;width: 100%;height: 235px;bottom: -14%;top: initial;opacity: 1;}
  .banner-fullwidth-angle::after{top: 20px;right: 0;width: 122%;height: 1px;background-color: #00bcff;border: none;left: 0;}
  .banner-fullwidth-image{height: 68vw;}
  .banner-fullwidth-image img{transform: scale(1.2);transform-origin: top center;height: 100%;width: 100%;object-fit: contain;object-position: top center;}
  .banner-fullwidth-text{position: static;margin-top: -13%;padding: 30px;}
  .banner-fullwidth:hover .banner-fullwidth-angle::before{ }
  .banner-fullwidth-angle::before{}
  .banner-fullwidth:hover .banner-fullwidth-more-btn:before{  margin: 0 5px -4px 0;}
  .banner-fullwidth:hover .banner-fullwidth-angle{transform: skew(0deg, -3deg);}
}

@media (max-width:480px){
  .banner-fullwidth-h1{font-size: 35px;}
}