/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/careers/careers-intro-with-image-grid/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-primary: var(--wp--preset--color--primary);
  --color-secondary: var(--wp--preset--color--secondary);
  --color-text: var(--wp--preset--color--text);
  --color-text-dark: var(--wp--preset--color--text-dark);
  --color-accent: var(--wp--preset--color--accent);
  --color-gray: var(--wp--preset--color--gray);
  --color-white: var(--wp--preset--color--white);
  --color-black: var(--wp--preset--color--black);
  --color-body-bg: #f3f7fb;
  --color-black-two: #141419;
  --color-error: #CE202A;
  --color-success: #28a745;
  --gradient-primary: var(--wp--preset--gradient--primary);
  --gradient-secondary: var(--wp--preset--gradient--secondary);
  --fontBase: var(--wp--preset--font-family--primary);
  --fontSecondary: var(--wp--preset--font-family--secondary);
}

/*********************
* BREAKPOINTS
*
* @example
* for max-width case
* @include breakpoint('smaller') {
*	@content;	
* }
*
* for min-width case
* @include breakpoint('smaller', true) {
*	@content;	
*}
*********************/

/*********************
	Flex 
*********************/

/*********************
	Flex Direction

@example
// If display: flex; is needed
@include flex-column(true);

// If display: flex; is not needed
@include flex-column();
*********************/

/*********************
	Flex Direction

@example
// Center Vertically and horizontally
@include flex-center();

// Center only horizontally
@include flex-center(hr);

// Center only vertically
@include flex-center(vr);

*********************/

/*********************
Flex Grid Width

@example

@include flex-grid-width(5, 30px);

Note: Do not forget to add column-gap in the parent element

*********************/

/*********************
	Flex Width

@example

@include flex-width(calc(100% / 3));
*********************/

/**
* Mixin to declare Font-face
*
*/

.careers-intro-with-image-grid {
  padding-block: 176px;
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid {
    padding-block: 98px 78px;
  }
  .single-sectors .careers-intro-with-image-grid {
    padding-block: 98px 39px;
  }
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid .container {
    padding-inline: 24px 20px;
  }
}

.careers-intro-with-image-grid .container + .container:not(.contianer-narrow) {
  padding-inline: 10px;
}

.careers-intro-with-image-grid .title-wrap {
  max-width: 937px;
  margin-block-end: 74px;
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid .title-wrap {
    padding-inline-end: 20px;
    margin-block-end: 18px;
  }
}

.careers-intro-with-image-grid .title-wrap .mini-title {
  margin-block-end: 37px;
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid .title-wrap .mini-title {
    margin-block-end: 20px;
  }
}

.careers-intro-with-image-grid .title-wrap .main-title {
  font-size: 86px;
  line-height: 1.149;
  letter-spacing: -0.01em;
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid .title-wrap .main-title {
    font-size: 54px;
  }
}

.careers-intro-with-image-grid__content_row {
  display: flex;
  gap: 164px;
  justify-content: flex-end;
  padding-inline: 18px;
}

@media screen and (max-width: 991px) {
  .careers-intro-with-image-grid__content_row {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 18px;
    padding-inline: 0;
  }
}

.single-sectors .careers-intro-with-image-grid__content_row {
  gap: 105px;
}

@media screen and (max-width: 991px) {
  .single-sectors .careers-intro-with-image-grid__content_row {
    gap: 27px;
  }
}

.careers-intro-with-image-grid__content_row .left-col {
  max-width: 444px;
  flex-grow: 0;
}

@media screen and (min-width: 992px) {
  .single-sectors .careers-intro-with-image-grid__content_row .left-col {
    max-width: 500px;
  }
}

@media screen and (max-width: 991px) {
  .careers-intro-with-image-grid__content_row .left-col {
    max-width: none;
  }
}

.careers-intro-with-image-grid__content_row .left-col .h6 {
  line-height: 1.149;
  letter-spacing: -0.01em;
  color: var(--color-black);
  font-weight: 200;
}

.careers-intro-with-image-grid__content_row .left-col .h6 p {
  margin: 0;
}

.careers-intro-with-image-grid__content_row .right-col {
  max-width: 375px;
  flex-grow: 0;
  padding-block-start: 8px;
}

.single-sectors .careers-intro-with-image-grid__content_row .right-col {
  padding-block-start: 0;
}

@media screen and (max-width: 991px) {
  .careers-intro-with-image-grid__content_row .right-col {
    max-width: none;
  }
}

.careers-intro-with-image-grid__content_row .right-col .btn-wrap {
  margin-block-start: 33px;
}

@media screen and (max-width: 991px) {
  .careers-intro-with-image-grid__content_row .right-col .btn-wrap {
    margin-block-start: 28px;
  }
}

.careers-intro-with-image-grid__content_row .right-col .btn-wrap .btn-primary + .btn-primary {
  margin-block-start: 27px;
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid__content_row .right-col .btn-wrap .btn-primary + .btn-primary {
    margin-block-start: 18px;
  }
}

.careers-intro-with-image-grid__image_grid {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-block-start: 140px;
}

.single-sectors .careers-intro-with-image-grid__image_grid {
  margin-block-start: 152px;
}

@media screen and (max-width: 991px) {
  .single-sectors .careers-intro-with-image-grid__image_grid {
    margin-block-start: 69px;
    margin-block-end: 0;
  }
}

@media screen and (max-width: 991px) {
  .careers-intro-with-image-grid__image_grid {
    margin-block-end: 80px;
  }
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid__image_grid {
    padding-inline-end: 4px;
  }
}

.careers-intro-with-image-grid__image_grid .left-col,
.careers-intro-with-image-grid__image_grid .right-col {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.careers-intro-with-image-grid__image_grid .left-col img,
.careers-intro-with-image-grid__image_grid .right-col img {
  width: 100%;
  max-width: 100%;
  border-radius: 14px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid__image_grid .left-col img,
  .careers-intro-with-image-grid__image_grid .right-col img {
    border-radius: 6px;
  }
}

.careers-intro-with-image-grid__image_grid .left-col {
  flex: 0 0 calc(58.42% - 5px);
  max-width: calc(58.42% - 5px);
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid__image_grid .left-col {
    flex: 0 0 calc(63.25% - 5px);
    max-width: calc(63.25% - 5px);
  }
}

.careers-intro-with-image-grid__image_grid .left-col img:nth-child(1) {
  aspect-ratio: 0.847;
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid__image_grid .left-col img:nth-child(1) {
    aspect-ratio: 0.75;
  }
}

.careers-intro-with-image-grid__image_grid .left-col img:nth-child(2) {
  aspect-ratio: 1.259;
  width: 72.56%;
  margin-inline-start: auto;
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid__image_grid .left-col img:nth-child(2) {
    aspect-ratio: 1.1;
    width: 58.09%;
  }
}

.careers-intro-with-image-grid__image_grid .left-col:only-child {
  gap: 40px;
  padding-inline-end: 110px;
  flex: 0 0 100%;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .careers-intro-with-image-grid__image_grid .left-col:only-child {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
  }
}

@media screen and (max-width: 991px) {
  .careers-intro-with-image-grid__image_grid .left-col:only-child {
    padding-inline-end: 14px;
  }
}

.careers-intro-with-image-grid__image_grid .left-col:only-child img:nth-child(1) {
  aspect-ratio: 0.94375;
  width: 46%;
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid__image_grid .left-col:only-child img:nth-child(1) {
    aspect-ratio: 0.8375;
    width: 76.43%;
    border-radius: 10px;
  }
}

.careers-intro-with-image-grid__image_grid .left-col:only-child img:nth-child(2) {
  width: 37.78%;
  aspect-ratio: 1.3;
  margin-bottom: 60px;
  margin-inline-start: 0;
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid__image_grid .left-col:only-child img:nth-child(2) {
    width: 58.75%;
    align-self: flex-end;
    aspect-ratio: 1.27;
    border-radius: 10px;
  }
}

.careers-intro-with-image-grid__image_grid .right-col {
  flex: 0 0 calc(41.58% - 5px);
  max-width: calc(41.58% - 5px);
  margin-block-end: 24px;
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid__image_grid .right-col {
    flex: 0 0 calc(36.75% - 5px);
    max-width: calc(36.75% - 5px);
    margin-block: 28px 0;
  }
}

.careers-intro-with-image-grid__image_grid .right-col img:nth-child(1) {
  aspect-ratio: 1.215;
  width: 79.6%;
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid__image_grid .right-col img:nth-child(1) {
    aspect-ratio: 0.93;
    width: 72.13%;
  }
}

.careers-intro-with-image-grid__image_grid .right-col img:nth-child(2) {
  aspect-ratio: 0.8;
}

@media screen and (max-width: 767px) {
  .careers-intro-with-image-grid__image_grid .right-col img:nth-child(2) {
    aspect-ratio: 0.68;
  }
}

/*# sourceMappingURL=style-index.css.map*/