#corporate {
    padding:65px 0px;
    padding-bottom:100px;
    overflow-x: hidden;
    position: relative;
    z-index: 25;
}
#corporate:before {
    content: "";
    background-image: url(../../img/kurumsal3.jpg);
    width: 50%;
    height: 100%;
    position: absolute;
    right:0;
    top: 0;
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 100%;
    border-top-left-radius: 100px;
    opacity: 0;
    transition-delay: .8s !important;
    transition: .8s;
}
#corporate.viewing:before {
    opacity:1;
}
#corporate:after {
    content: "";
    background-image: url(../../img/kurumsal2.jpg);
    aspect-ratio: 1/1;
    height: 60%;
    position: absolute;
    right: 26%;
    bottom: -50%;
    background-size: cover;
    background-position: center;
    border-radius: 100%;
    z-index: 15;
    box-shadow: 0px 0px 0px 14px ghostwhite;
    transition: 1s;
    opacity: 0;
    transition-delay: 1s !important;
}
#corporate.viewing:after {
    bottom:0;
    opacity:1;
}
#corporate .head {
    margin-bottom:25px;
}
#corporate .head span {
    color: var(--primaryColor);
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 7px;
    letter-spacing: .5px;
}
#corporate .head h2 {
    font-size: 36px;
    line-height: 46px;
    color: var(--textColor);
    font-weight: 700;
}
#corporate .head article {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    opacity: .8;
    color:var(--textColor);
    margin-top:35px;
}
#corporate .tabNav {
    margin-top:25px;
}
#corporate .tabNav ul {
    display:flex;
}
#corporate .tabNav ul li {
    margin-right:10px;
}
#corporate .tabNav ul li a {
    line-height: 30px;
    border:solid 1px var(--primaryColor);
    opacity: .3 !important;
    color:white;
}
#corporate .tabNav ul li a.active {
    opacity: 1 !important;
}
#corporate .tabNav ul li a:hover {
    border-color: var(--secondaryColor) !important;
}
#corporate .tabNav ul li a.outline:hover {
    border-color: var(--primaryColor) !important;
}
#corporate .tabContent {}
#corporate .tabContent .tab {
    display:none;
}
#corporate .tabContent .tab article {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    opacity: .8;
    color:var(--textColor);
}
#corporate .num {
    color:var(--primaryColor);
    font-weight: 700;
    font-size:50px;
    line-height: 50px;
    margin-right:15px;
}
#corporate .text b {
    display:block;
    min-width: 100%;
    font-size:18px;
    line-height: 16px;
    color:var(--textColor);
    font-weight: 700;
}
#corporate .text {
    font-size:18px;
    line-height: 10px;
    color:var(--textColor);
    font-weight: 300;
    display:flex;
    align-items: center;
    flex-wrap: wrap;
}
#corporate .text span {
    font-size:18px;
    line-height: 18px;
    color:var(--textColor);
    font-weight: 300;
    display:block;

}
@media screen and (max-width:992px) {
    #corporate .button {
        font-size:16px;
        line-height: 40px;
    }
    #corporate .tabNav ul li a {
        font-size:17px;
        line-height: 40px;
    }
    #corporate article {
        font-size:19px;
        line-height: 31px;
    }
    #corporate .tabContent .tab article {
        font-size: 19px;
        line-height: 31px;
    }
    #corporate {
        padding:35px 0px;
        zoom:80%;
    }
  #corporate .zoom {
    zoom:85%;
    margin-bottom:25px;
    margin-top:25px;
    text-align: center;
  }  
  #corporate .zoom .flex {
    display:block !important;
  }  
  #corporate .text b,
  #corporate .text span {
    display:contents;
    line-height: 16px !important;
  }
  #corporate .zoom .text {
    margin-top:10px;
  }
  #corporate .head article, 
  #corporate .head h2 {
    width: 100%;
  }
  #corporate .mobileHeight {
    height: 50vh;
  }
  #corporate:before {
    width: 80%;
    height: 30%;
    }
#corporate:after {
    left: 4%;
    height: 20%;
}
#corporate.viewing:after {
    top: 10%;
}
  
}