HEX
Server: Apache
System: Linux scp1.abinfocom.com 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User: confeduphaar (1010)
PHP: 8.1.33
Disabled: exec,passthru,shell_exec,system
Upload Files
File: /home/confeduphaar/public_html/wp-content/plugins/ova-framework/assets/css/_ova_feature2.scss
.ova_feature2{
    width: 100%;
    position: relative;
    margin: 0;
    .box{
        display: block;
        transform-style: preserve-3d;
        perspective: 1000px;
        padding: 0;
        border: 0;
    .content_1{
      background-repeat: no-repeat;
      background-size: cover;
      transform: rotateY(0deg);
      transform-style: preserve-3d;
      min-height: 300px;
      transition: transform .6s ease;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      justify-content: center;
      align-items: center;
      display: flex;
      .title a{
        color: #ffffff;
        font-weight: 600;
        font-size: 36px;
        line-height: 30px;
      }

  }
    &:hover{
        .content_1{
              transform: rotateY(-180deg);
              transform-style: preserve-3d;
        }
        .content_2{
             transform: rotateY(0deg);
             transform-style: preserve-3d;

        }
    };
    .content_2{
      background: #23d3d3;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 2px;
      transform: rotateY(180deg);
      transform-style: preserve-3d;
      min-height: 300px;
      transition: transform .6s ease;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 0px 20px 0px 20px;

      .excerpt{
        display: block;
        font-size: 20px;
        line-height: 26px;
        color: #ffffff;
      }
      .readmore{
        display: block;
        font-size: 20px;
        line-height: 24px;
        color: #ffffff;
        position: relative;
        font-weight: 600;
        &:after{
            position: absolute;
            content: '';
            width: 96%;
            left: 0;
            background: #ffffff;
            height: 2px;
            bottom: -1px;
        };
        &:hover{
            color: #202b5d;
            transition: .4s ease;
            &:after{
            background:#202b5d;
            transition: .4s ease;
            };
        };

        svg{
            width: 20px;
            height: 20px;
            margin-left: -5px;
        }
      }

  }
}
  
}