/* used by: /working-with-us/ */
/* web fonts this page declares in addition to the site-wide ones */
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/google/montserrat-300-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/google/montserrat-300-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/google/montserrat-300-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/google/montserrat-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/google/montserrat-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* fusion-builder-page-css */
.our-people-description {
    background: #e6f6fc;
    padding: 20px;
    border-radius: 10px;
    position: absolute;
    bottom: 30%;
    transform: translateY(100%);
    opacity: 0;
  max-height:0;
    transition: all 0.3s ease;
  z-index: 100;
  overflow: hidden;
}

.our-people-svg:hover+.our-people-description, .our-people-description:hover{
  max-height:400px;
  opacity:1;
  transition: all 0.3s ease;
}

.post-card.swiper-slide:hover{
    transform: scale(1.1);
}

.post-card.swiper-slide {
    transform: scale(1);
}

./*post-card.swiper-slide-next {
    transform: scale(1.1);
}

.our-people-slider:has(.post-card.swiper-slide:hover) .post-card.swiper-slide-next{
    transform: scale(0.9);
}*/

.our-people-slider:has(.post-card.swiper-slide-next:hover) .post-card.swiper-slide-next{
    transform: scale(1.1);
}

.our-people-slider{
  overflow: visible;
}

.oip-ar-image .fusion-column-wrapper{
aspect-ratio: 1/1;
position: relative;
}

.over-y>.fusion-column-wrapper {
    max-width: 100%;
    overflow-x: clip;
    overflow-y: visible;
}

.oip-text{
padding: 20px;
background: rgb(0 163 224 / 85%);
}

@media(max-width: 1500px){
  .oip-text-1>.fusion-column-wrapper::before{
  left: 0 !important;
  right: 0 !important;
    z-index: 1000000 !important;
  }
}

@media(max-width: 1500px){
  .oip-text-2>.fusion-column-wrapper::before{
  left: 0 !important;
  right: 0 !important;
    z-index: 1000000 !important;
  }
}

.oip-text-popup1{
position: absolute;
z-index: 99;
  left: -100%;
  top:50%
    width: 100%;
  height: 100px;
}

.dsgerdg:hover{
z-index: 12 !important;}

.oip-text-3>.fusion-column-wrapper::before {
    content: "My internship at SOCAR Trading has given me a strong and practical understanding of how the global energy market operates day to day. I’ve gained firsthand insight into how cargoes move across regions, how teams work together to manage risk, and how markets react to operational and geopolitical shifts. Working closely with experienced professionals has strengthened my analytical skills and helped me develop a calm, structured approach to problem-solving in fast-moving situations. This experience has confirmed my motivation to build a long-term career within the organization and to contribute meaningfully wherever my skills can add value.";
    position: absolute;
    left: -100%;
    width: calc(100% - 40px);
    top: 50%;
    transform: translate(0, -50%);
    background: #e6f6fc;
    font-size: 14px;
    padding: 20px;
    border-radius: 15px;
opacity: 0;
  transition: all 0.3s ease;
  max-height:0;
  z-index: 9;
}
.oip-text-3>.fusion-column-wrapper:hover::before {
  transition: all 0.3s ease;
  max-height:400px;
opacity: 1;
  
}


.oip-text-1>.fusion-column-wrapper:hover::before {
  transition: all 0.3s ease;
  max-height:400px;
opacity: 1;
  
}

.wwu-our-people-slider-before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    background: url(/assets/img/2023/09/prev.svg);
    background-size: contain;
    left: -30px;
    transform: translate(0px, -50px);
    cursor: pointer;
    display: block;
    z-index: 99999;
}

.wwu-our-people-slider-after {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    background: url(/assets/img/2023/09/next.svg);
    background-size: contain;
    right: -30px;
    transform: translate(0px, -50px);
    cursor: pointer;
    display: block;
    z-index: 99999;
}

.oip-text-2>.fusion-column-wrapper::before {
    content: "During my internship at SOCAR Trading, I had the opportunity to grow professionally in an environment where colleagues were eager to share their expertise and support my development. This experience enabled me to gain valuable insights into a complex and fascinating industry while feeling guided and encouraged throughout the process. I am grateful for the chance to learn from dedicated professionals who helped me build strong work ethics, embrace new challenges, and deepen my understanding of the broader energy landscape. My time at SOCAR Trading has been truly inspiring and has strengthened my motivation to continue pursuing this path.";
    position: absolute;
    right: -100%;
    width: calc(100% - 40px);
    top: 50%;
    transform: translate(0, -50%);
    background: #e6f6fc;
    font-size: 14px;
    padding: 20px;
    border-radius: 15px;
opacity: 0;
  transition: all 0.3s ease;
  max-height:0;
  z-index: 9;
}



.oip-text-2>.fusion-column-wrapper:hover::before {
  transition: all 0.3s ease;
  max-height:400px;
opacity: 1;
  
}


.person-wwu-uc:hover .fusion-column-wrapper {
border-color: #00a3e0 !important;
  transition: all 0.3s ease;
}

.fusion-post-cards-1 .fusion-imageframe {
  width: 65%;
}

.fusion-post-cards-1 img {
  width: 100%;
}