/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/two-column-content-with-image-gallery/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
*
*/

.two-column-content-with-image-gallery .container {
  padding-inline: 10px;
}

.two-column-content-with-image-gallery .section-inner {
  background: var(--wp--preset--color--white);
  padding-block: 176px 150px;
  border-radius: 14px;
}

@media screen and (max-width: 767px) {
  .two-column-content-with-image-gallery .section-inner {
    padding-block: 80px;
  }
}

.single-sectors .two-column-content-with-image-gallery .section-inner {
  background: initial;
}

.two-column-content-with-image-gallery .two-col-intro__grid {
  display: flex;
  gap: 175px;
  width: min(1211px, 100%);
  margin-inline: auto;
  padding-inline: 15px;
}

@media screen and (max-width: 1024px) {
  .two-column-content-with-image-gallery .two-col-intro__grid {
    gap: 33px 70px;
  }
}

@media screen and (max-width: 767px) {
  .two-column-content-with-image-gallery .two-col-intro__grid {
    flex-wrap: wrap;
    padding-inline: 14px;
  }
}

.two-column-content-with-image-gallery .two-col-intro__content {
  max-width: 605px;
  flex-grow: 0;
}

@media screen and (max-width: 767px) {
  .two-column-content-with-image-gallery .two-col-intro__content {
    max-width: 100%;
  }
}

.two-column-content-with-image-gallery .two-col-intro__content .mini-title {
  margin-block-end: 44px;
}

@media screen and (max-width: 767px) {
  .two-column-content-with-image-gallery .two-col-intro__content .mini-title {
    margin-block-end: 20px;
  }
}

.two-column-content-with-image-gallery .two-col-intro__content :is(h1, h2, h3, h4) {
  font-size: 64px;
  letter-spacing: -0.01em;
}

@media screen and (max-width: 1199px) {
  .two-column-content-with-image-gallery .two-col-intro__content :is(h1, h2, h3, h4) {
    font-size: 50px;
  }
}

@media screen and (max-width: 767px) {
  .two-column-content-with-image-gallery .two-col-intro__content :is(h1, h2, h3, h4) {
    font-size: 34px;
  }
  .single-sectors .two-column-content-with-image-gallery .two-col-intro__content :is(h1, h2, h3, h4) {
    font-size: 54px;
  }
}

.two-column-content-with-image-gallery .two-col-intro__description {
  margin-block-start: 39px;
  max-width: 548px;
}

@media screen and (max-width: 767px) {
  .two-column-content-with-image-gallery .two-col-intro__description {
    margin-block-start: 17px;
  }
}

.two-column-content-with-image-gallery .two-col-intro__media {
  max-width: 346px;
  flex-grow: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 35px;
}

@media screen and (max-width: 767px) {
  .two-column-content-with-image-gallery .two-col-intro__media {
    max-width: 100%;
    gap: 20px;
    padding-inline: 24px;
  }
}

.two-column-content-with-image-gallery .two-col-intro__media .image-holder {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.two-column-content-with-image-gallery .two-col-intro__media .image-holder:nth-child(even) {
  justify-content: center;
}

.two-column-content-with-image-gallery .two-col-intro__media .image-holder img {
  max-width: 100%;
  max-height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-width: 767px) {
  .two-column-content-with-image-gallery .two-col-intro__media .image-holder img {
    max-height: 45px;
  }
}

.two-column-content-with-image-gallery.content-top .section-inner {
  padding-block: 136px 193px;
}

@media screen and (max-width: 767px) {
  .two-column-content-with-image-gallery.content-top .section-inner {
    padding-block: 97px 109px;
  }
}

.single-sectors .two-column-content-with-image-gallery.content-top .section-inner {
  padding-block: 19px 3px;
  margin-bottom: -12px;
}

.two-column-content-with-image-gallery.content-top .two-col-intro__grid {
  flex-direction: column;
  text-align: center;
  justify-content: center;
  gap: 105px;
}

.single-sectors .two-column-content-with-image-gallery.content-top .two-col-intro__grid {
  gap: 62px;
}

@media screen and (max-width: 767px) {
  .two-column-content-with-image-gallery.content-top .two-col-intro__grid {
    gap: 53px;
  }
}

.two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__media,
.two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__content {
  max-width: 100%;
  flex: 0 0 100%;
}

.two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: min(800px, 100%);
  margin: 0 auto;
}

.single-sectors .two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__content {
  width: auto;
}

@media screen and (max-width: 767px) {
  .two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__content .mini-title {
    margin-block-end: 25px !important;
  }
}

.two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__media {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__media {
    padding-inline: 0;
  }
}

@media screen and (min-width: 1200px) {
  .single-sectors .two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__media {
    gap: 50px 100px;
  }
}

@media screen and (max-width: 767px) {
  .single-sectors .two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__media {
    gap: 42px 40px;
  }
}

.two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__media .image-holder {
  justify-content: center;
}

.two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__media img {
  height: 61px;
  max-width: 205px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (min-width: 1200px) {
  .single-sectors .two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__media img {
    height: 75px;
  }
}

@media screen and (max-width: 767px) {
  .single-sectors .two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__media img {
    height: 60px;
    max-width: 90px;
  }
}

@media screen and (max-width: 1199px) {
  .two-column-content-with-image-gallery.content-top .two-col-intro__grid .two-col-intro__media img {
    height: 44px;
    max-width: 140px;
  }
}

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