.mac-intro-section {
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

.img-text-block-img{
    width: 50%;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* order: 2; */
}

.mac-intro-content{
    flex: 1;
    padding: 0;
    padding-top: 5vw;
    padding-bottom: 5vw;
}

.image-position-right .mac-intro-content {
    order: 1;
}

.image-position-right .img-text-block-img {
    order: 2;
}

img.mac-site-img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-size-container img.mac-site-img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-size-edge .img-outer-wrapper {
    position: absolute;
    width: 50vw;
    height: 100%;
    top: 0;
    left: 0;
}

.image-position-right.image-size-edge .img-outer-wrapper {
    left: 50%;
}

.mac-intro-content {
    position: relative;
}

.extra-content-padding .mac-intro-content {
    padding-top: 50px;
}

.extra-spacing .image-size-edge .img-outer-wrapper {
    padding-right: 90px;
}

.extra-spacing .image-size-edge.image-position-right .img-outer-wrapper {
    padding-left: 90px;
    padding-right: 0;
}

.top-img-txt-img {
    display: block;
    width: 50%;
}

img.special-top-img {
    max-width: 100%;
    margin: 0 auto 35px;
    display: block;
}

.mac-intro-section li.modular-image-container {
    height: auto;
}

.mac-intro-section li.modular-image-container img {
    max-width: 100%;
    height: auto;
}

body .image-text-slider.slides {
    margin-bottom: 120px;
}

.it-image-caption {
    position: absolute;
    top: -50px;
    padding: 15px 25px 40px;
    font-size: 20px;
    font-weight: 700;
    mix-blend-mode: multiply;
}

.img-text-wrap {
    background-size: cover;
    padding: 60px 0;
}

.technology-partner .image-text-slider {
    display: flex;
    flex-wrap: wrap;
}

.technology-partner .image-text-slider > div {
    padding: 10px;
    margin: 5px;
    text-align: center;
}

.technology-partner .image-text-slider > .slick-list {
    width: 80vw;
    margin: 0 auto;
    overflow: visible;
}

/* .block-type-image-text h2.block-title::before{
    display: none;
} */

.block-type-image-text .section-title-wrap {
    margin-bottom: 70px;
}

.block-type-image-text .section-title-wrap h2.block-title.with-line {
    position: relative;
}

.block-type-image-text .section-title-wrap h2.block-title.with-line::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 23px;
    width: 100vw;
    transform: translateX(-100%);
    border-bottom: 2px solid var(--tertiary-color);
}

/* Without line */
.block-type-image-text .section-title-wrap h2.block-title.no-line::before {
    display: none;
}


.block-type-image-text .image-position-left.image-size-edge .img-outer-wrapper img {
    border-radius: 0;
}

.block-type-image-text .image-position-right.image-size-edge .img-outer-wrapper img {
    border-radius: 0;
}



/* -------------------------------
   Circle Border Styles
--------------------------------- */
.block-type-image-text .mac-intro-section .mac-intro-content h2.block-title,
.block-type-image-text .mac-intro-section .mac-intro-content .block-subtitle,
.block-type-image-text .mac-intro-section .mac-intro-content .block-paragraphs{
     margin: 0 0 30px;
}

.block-type-image-text .mac-intro-section .mac-intro-content .buttons-wrapper{
    margin: 0;
}

.block-type-image-text .mac-intro-section.image-size-circle .mac-intro-content {
    display: flex;
    flex-direction: column;
}

.block-type-image-text .mac-intro-section.image-size-circle .mac-intro-content h2.block-title {
    order: 1;
}

.block-type-image-text .mac-intro-section.image-size-circle .mac-intro-content .block-subtitle {
    order: 2;
}

.block-type-image-text .mac-intro-section.image-size-circle .mac-intro-content .block-paragraphs {
    order: 3;
}


.block-type-image-text .mac-intro-section.image-size-circle .mac-intro-content .buttons-wrapper {
    order: 4;
}

.block-type-image-text .mac-intro-section.image-position-left.image-size-circle .mac-intro-content .block-subtitle {
    color: var(--accent-color);
}

.block-type-image-text .mac-intro-section.image-position-right.image-size-circle .mac-intro-content .block-subtitle,
.block-type-image-text.secondary-subtitle .mac-intro-section.image-position-left.image-size-circle .mac-intro-content .block-subtitle {
    color: var(--secondary-color);
}

.block-type-image-text .mac-intro-section.image-size-circle.text-secondary-text-color .mac-intro-content .block-subtitle {
    color: var(--secondary-color);
}




.image-size-circle .img-outer-wrapper {
    position: relative;
}

.circle-wrap{
    display: flex;
    justify-content: center;
}

.circle-border {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(200px, 32vw, 500px);
    height: clamp(200px, 32vw, 500px);
    border-radius: 50%;
    position: relative;
    pointer-events: none;
    overflow: hidden;
    border: 10px solid transparent;
}

.circle-wrap::before{
    content: "";
    width: clamp(220px, 34vw, 525px);
    height: clamp(220px, 34vw, 525px);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-85deg);
    z-index: 1;
    border: 10px solid;
}

.content-block.history .mac-intro-section {
    gap: 50px;
}

.content-block.history .mac-intro-section.image-position-right .img-text-block-img {
    padding-left: 50px;
}


.content-block.history .mac-intro-section.image-position-left .img-text-block-img {
    padding-right: 50px;
}

.block-type-image-text .image-position-left .mac-intro-content,
.block-type-image-text .image-position-right .mac-intro-content {
    padding-left: 5vw;
    padding-right: 5vw;
}

/* ===============================
   ✅ Circle Border Types (1-8)
   =============================== */

/* 🔵 Type 1: Primary Border - Left */

.circle-border-type1::before {
    transform: translate(-50%, -50%) rotate(-85deg);
    border-color: var(--primary-color) var(--primary-color) transparent var(--primary-color);
}

/* 🔵 Type 2: Primary Border - Right */
.circle-border-type2::before {
    transform: translate(-50%, -50%) rotate(85deg);
    border-color: var(--primary-color) var(--primary-color) transparent var(--primary-color);
}

/* 🟢 Type 3: Secondary Border - Left */
.circle-border-type3::before {
    transform: translate(-50%, -50%) rotate(-85deg);
    border-color: var(--secondary-color) var(--secondary-color) transparent var(--secondary-color);
}

/* 🟢 Type 4: Secondary Border - Right */
.circle-border-type4::before {
    transform: translate(-50%, -50%) rotate(85deg);
    border-color: var(--secondary-color) var(--secondary-color) transparent var(--secondary-color);
}

/* 🟠 Type 5: Accent Border - Left */
.circle-border-type5::before {
    transform: translate(-50%, -50%) rotate(-85deg);
    border-color: var(--accent-color) var(--accent-color) transparent var(--accent-color);
}

/* 🟠 Type 6: Accent Border - Right */
.circle-border-type6::before {
    transform: translate(-50%, -50%) rotate(85deg);
    border-color: var(--accent-color) var(--accent-color) transparent var(--accent-color);
}

/* 🟣 Type 7: Tertiary Border - Left */
.circle-border-type7::before {
    transform: translate(-50%, -50%) rotate(-85deg);
    border-color: var(--tertiary-color) var(--tertiary-color) transparent var(--tertiary-color);
}

/* 🟣 Type 8: Tertiary Border - Right */
.circle-border-type8::before {
    transform: translate(-50%, -50%) rotate(85deg);
    border-color: var(--tertiary-color) var(--tertiary-color) transparent var(--tertiary-color);
}





.home-about-content .mac-intro-content {
    padding-left: 50px;
    padding-right: 0;
}

.home-about-content .mac-intro-content .top-img-txt-img {
    width: 146px;
}

.home-about-content .mac-intro-content h2.block-title {
    font-weight: 400;
    font-size: clamp(28px, 2.5vw, 40px); 
    line-height: clamp(38px, 3vw, 60px); 
    letter-spacing: 0;
    color: var(--tertiary-color);
}






.about-content-type2 .mac-intro-content{
    display: flex;
    flex-direction: column;
    padding-left: 50px;
    padding-right: 0;
}

.about-content-type2 .mac-intro-content .top-img-txt-img {
    display: flex;
    align-items: baseline;
    gap: 40px;
    order: 3;
    margin-bottom: 20px;
}

.about-content-type2 .mac-intro-content .block-subtitle{
    font-family: var(--heading-font);
    color: var(--tertiary-color);
    font-weight: 400;
    font-size: 40px;
    line-height: 55px;
    order: 1;
}

.about-content-type2 .mac-intro-content .block-paragraphs{
    order: 2;
    color: var(--secondary-color);
    margin-bottom: 15px;
}

.about-content-type2 .mac-intro-content .buttons-wrapper{
    order: 4;
}

.about-content-type2 .mac-intro-content .top-img-txt-img img.special-top-img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin: 0;
}

.about-content-type2 .mac-intro-content .top-img-txt-img {
    width: 146px;
}


/* History Style */

.content-block.history-title .section-title-wrap{
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
}

.content-block.history {
    overflow: visible;
}

.content-block.history .container::before,
.content-block.history .container::after{
    content: "";
}

.content-block.history.history-top .container::before{
     content: "";
}
.content-block.history.history-bottom  .container::after{
     content: "";
}

.content-block.history .container .middile-line {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
}

.content-block.history .container .middile-line::before {
    width: 1px;
    content: "";
    height: calc(100% + 250px);
    display: block;
    border-left: 2px solid var(--quaternary-color);
    position: absolute;
    left: 50%;
    top: 0;
}

.content-block.history .container .middile-line::after{
    content: "";
    width: 60px;
    height: 1px;
    border-bottom: 2px solid var(--quaternary-color);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
}

.content-block.history.history-top .container .middile-line::before {
    border-left: 2px solid var(--quaternary-color);
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% + 145px);
}

.content-block.history.history-top .container::before {
    content: "";
    width: 110px;
    height: 1px;
    position: absolute;
    top: -75px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 2px solid var(--quaternary-color);
}

.content-block.history.history-bottom .container::before {
    transform: translateY(-50%);
    height: calc(100% + 145px);
     width: 110px;
    height: 1px;
    position: absolute;
    top: auto;
    bottom: -75px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 2px solid var(--quaternary-color);
}

.content-block.history.history-middle .container .middile-line::before {
    border-left: 2px solid var(--quaternary-color);
    top: 50%;
    transform: translateY(-50%);
}

.content-block.history.history-bottom .container .middile-line::before {
    border-left: 2px solid var(--quaternary-color);
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% + 145px);
}

/* .content-block.history.history-bottom .container .middile-line::after {
    width: 110px;
    height: 1px;
    border-left: 2px solid var(--accent-color);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
} */

.content-block.history.history-bottom {
    margin-bottom: 100px;
    position: relative;
}

.content-block.history .container.image-position-left .mac-intro-content {
    padding-left: 7vw;
}

.content-block.history .container.image-position-left .img-text-block-img {
    padding-right: 7vw;
}

.content-block.history .container.image-position-right .mac-intro-content {
    padding-right: 7vw;
}

.content-block.history .container.image-position-right .img-text-block-img {
    padding-left: 7vw;
}

.content-block.history .container.image-position-left .img-text-block-img .circle-wrap .circle-border,
.content-block.history .container.image-position-right .img-text-block-img .circle-wrap .circle-border {
    width: clamp(200px, 40vw, 450px);
    height: clamp(200px, 40vw, 450px);
}

.content-block.history .container.image-position-left .img-text-block-img .circle-wrap::before,
.content-block.history .container.image-position-right .img-text-block-img .circle-wrap::before{
    width: clamp(220px, 42vw, 475px);
    height: clamp(220px, 42vw, 475px);
}

.content-block.history.history-bottom .container .mac-intro-section {
    position: relative;
}

/* .content-block.history.history-bottom .container .middile-line::after {
    width: 110px;
    height: 1px;
    border-left: 2px solid var(--accent-color);
    display: block;
    position: absolute;
    top: auto;
    bottom: -75px;
    left: 50%;
    transform: translateX(-50%);
} */


/* ====== Home CTA ====== */
.content-block:has(.home-middle-cta) {
    background-color: transparent !important;
}

.home-middle-cta .container {
  border-radius: var(--border-radius);
  padding: 50px 0px;
}

.bg-primary .home-middle-cta .container {
  background-color: var(--primary-color);
}

.bg-secondary .home-middle-cta .container {
  background-color: var(--secondary-color);
}

.bg-accent .home-middle-cta .container {
  background-color: var(--accent-color);
}

.bg-tertiary .home-middle-cta .container {
  background-color: var(--tertiary-color);
}

.bg-quaternary .home-middle-cta .container {
  background-color: var(--quaternary-color);
}

.content-block .home-middle-cta .container {
  width: calc(100% - 100px);
  max-width: 1700px;
  padding: 70px 0;
}

.content-block .home-middle-cta .container .mac-intro-section {
  max-width: var(--container-max-width-default);
}

.content-block .home-middle-cta .container .mac-intro-section .block-paragraphs {
  margin-bottom: 50px;
}

.content-block .home-middle-cta .container .mac-intro-section .block-paragraphs ul {
  list-style: none;
}

.content-block .home-middle-cta .container .mac-intro-section .block-paragraphs ul li {
  position: relative;
  padding-left: 40px;
  margin: 5px 0;
}

.content-block .home-middle-cta .container .mac-intro-section .block-paragraphs ul li::before {
  content: "";
  width: 27px;
  height: 27px;
  position: absolute;
  left: 0;
  top: 0;
  background: url('/wp-content/uploads/2025/09/check-circle.svg') no-repeat;
}

.top-img-txt-img .hours-info {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    margin-top: 10px;
    min-width: 320px;
}

.top-img-txt-img .hours-count {
    width: auto;
    font-weight: 700;
    font-size: clamp(48px, 3.5vw, 100px);
    color: var(--accent-color);
}

.top-img-txt-img .hours-count span {
    font-weight: 400;
    font-size: clamp(36px, 3vw, 80px);
}

.top-img-txt-img .hours-text {
    font-size: 18px;
    line-height: 1.2;
    color: var(--accent-color);
    width: 60%;
    text-align: left;
}


.content-block.full-video .mac-intro-section.media-type-video {
    padding: 0;
}

.mac-intro-section.image-size-video-only .img-text-block-img {
    width: 100% !important;
}

.content-block.full-video .mac-intro-section.media-type-video .img-text-block-img {
    width: 100%;
}

.content-block.full-video .mac-intro-section.media-type-video .img-text-block-img .video-wrapper,
.content-block.block-type-image-text .image-size-video-only .video-wrapper{
    border-radius: var(--border-radius);
    overflow: hidden;
}

.content-block.overlapping-video + .content-block.block-type-tiles {
    padding-top: 320px;
    margin-top: -300px;
}


/* Form Style */
.content-block .home-middle-cta .img-text-block-img {
    position: relative;
}

.content-block .home-middle-cta .img-text-block-img .form-wrapper {
    background-color: var(--quaternary-color);
    padding: 30px;
    position: absolute;
    width: 90%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 25px;
}

.content-block .home-middle-cta .img-text-block-img .form-wrapper img.form-image {
    width: 100%;
}

.content-block .home-middle-cta .container .media-type-form .mac-intro-content {
    display: flex;
    flex-direction: column;
}

.content-block .home-middle-cta .container .media-type-form .mac-intro-content h2.block-title {
    order: 1;
}

.content-block .home-middle-cta .container .media-type-form .mac-intro-content .block-subtitle {
    order: 2;
}

.content-block .home-middle-cta .container .media-type-form .mac-intro-content .block-paragraphs {
    order: 2;
}

.content-block .home-middle-cta .container .media-type-form .mac-intro-content .buttons-wrapper {
    order: 4;
}


.content-block.disaster-recovery .container {
    max-width: 100%;
    padding: 0;
}

.content-block.disaster-recovery .container .img-text-block-img {
    padding: 0;
}

.content-block.disaster-recovery .container .img-text-block-img .form-wrapper img.form-image{
    position: relative;
}

.content-block .home-about-content .media-type-image .img-outer-wrapper {
    height: clamp(300px, 40vw, 562px);
}

.content-block .mac-intro-section.image-size-circle.media-type-image {
    margin: 0 auto;
}

.content-block .mac-intro-section.image-size-circle.media-type-image .img-outer-wrapper{
    height: auto;
}

.media-type-video_text .img-text-block-img .video-text-wrapper .video-text-embed {
    border-radius: var(--border-radius);
    overflow: hidden;
}



/* -------------------------------
   Responsive
--------------------------------- */
@media only screen and (max-width: 1720px) {

}

@media only screen and (max-width: 1536px) {
    .about-content-type2 .mac-intro-content .block-subtitle{
        font-size: 30px;
        line-height: 45px;
    }
}

@media only screen and (max-width: 1280px) {

}


@media only screen and (max-width: 1024px) {
    .top-img-txt-img .hours-info{
        justify-content: center;
    }
    .home-about-content .mac-intro-content .top-img-txt-img {
        width: 200px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 40px auto;
    }
}

@media screen and (max-width: 992px) {
    .home-about-content .mac-intro-content {
        padding: 30px 0 0;
        text-align: center;
    }

    

    .content-block .home-middle-cta .container {
        width: 100%;
        border-radius: 0;
        padding: 30px 20px;
    }

    .content-block .home-middle-cta .container .mac-intro-section {
        flex-direction: column;
        padding: 0;
        text-align: center;
    }

    .img-text-block-img, .mac-intro-content{
        width: 100%;
    }

    .block-type-image-text .mac-intro-section.image-size-circle .mac-intro-content {
        display: flex;
        flex-direction: column;
        padding: 30px 0 20px 0;
    }

    .content-block.home-about-content {
        padding-top: 0;
    }

    .image-size-edge .img-outer-wrapper {
        width: 100vw;
    }

    .block-type-image-text .mac-intro-section .mac-intro-content h2.block-title, .block-type-image-text .mac-intro-section .mac-intro-content .block-subtitle, 
    .block-type-image-text .mac-intro-section .mac-intro-content .block-paragraphs{
        margin: 0;
    }

    .block-type-image-text .section-title-wrap {
        margin-bottom: 50px;
        text-align: center;
    }


    .block-type-image-text .mac-intro-section.image-size-circle .mac-intro-content{
        text-align: center;
        padding: 30px 20px 20px;
    }

    .content-block.history .mac-intro-section .mac-intro-content {
        background-color: #fff;
    }

    .content-block.history .container .middile-line::after{
        display: none;
    }

    .content-block .mac-intro-section.image-position-right {
        flex-direction: column-reverse;
    }

    .home-about-content .container .img-text-block-img {
        padding: 0;
        margin-left: -30px;
        margin-right: -30px;
        width: calc(100% + 60px);
    }

	.image-size-edge .img-outer-wrapper {
		margin-left: 0 !important;
	}
	
	.block-type-image-text .image-position-left.image-size-edge .img-outer-wrapper img {
		border-radius: 0;
	}

    .disaster-recovery-header .img-text-block-img {
        margin-bottom: 30px;
    }

    .mac-intro-section .img-text-block-img {
        margin-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
    }

    .content-block .home-middle-cta .container .mac-intro-section .block-paragraphs ul li{
        text-align: left;
    }
    .content-block .mac-intro-section .block-paragraphs ul{
        padding: 0 20px;
    }
    .content-block .mac-intro-section .block-paragraphs li{
        text-align: left;
    }

    /* .content-block .mac-intro-section.image-size-container .mac-intro-content {
        text-align: center;
    } */
    .content-block .mac-intro-section.image-size-container .mac-intro-content .top-img-txt-img {
        margin: 0 auto;
    }

    .block-type-image-text .image-position-left.image-size-container .img-outer-wrapper img, 
    .block-type-image-text .image-position-right.image-size-container .img-outer-wrapper img {
        border-radius: 0;
    }

    .content-block.block-type-image-text > .container .mac-intro-section{
        width: calc(100% + 60px) !important;
        margin-left: -30px;
    }

    .content-block.block-type-image-text > .container .mac-intro-section .mac-intro-content {
        padding: 10px 30px 30px 30px;
    }

    .home-about-content .container .img-text-block-img .img-outer-wrapper {
        margin-left: -10px !important;
    }

    .block-type-image-text .mac-intro-section.image-size-circle .mac-intro-content .block-paragraphs ul{
        width: 90%;
        max-width: 520px;
        margin: 0 auto;
    }

    .content-block.bgtype-color .image-size-circle .img-text-block-img {
        margin-top: 30px;
    }

    .content-block.history .mac-intro-section.image-position-left .img-text-block-img{
        padding-right: 0px;
    }

    .content-block.full-video .mac-intro-section.media-type-video .img-text-block-img .video-wrapper, 
    .content-block.block-type-image-text .image-size-video-only .video-wrapper,
    .media-type-video_text .img-text-block-img .video-text-wrapper .video-text-embed{
        border-radius: 0;
    }

}

@media (max-width: 767px) {
    
    

}