.elementor-9514 .elementor-element.elementor-element-c7908a0 > .elementor-container{min-height:90vh;}.elementor-9514 .elementor-element.elementor-element-c7908a0:not(.elementor-motion-effects-element-type-background), .elementor-9514 .elementor-element.elementor-element-c7908a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://protecso.io/wp-content/uploads/Banner-Leanflows.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9514 .elementor-element.elementor-element-c7908a0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 032px 0px 032px;}.elementor-9514 .elementor-element.elementor-element-c7908a0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9514 .elementor-element.elementor-element-121eaa6 > .elementor-container{max-width:1500px;}.elementor-9514 .elementor-element.elementor-element-79150d1 .elementor-heading-title{color:#F1F1F1;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-9514 .elementor-element.elementor-element-f0d8b4d{color:#FFFFFF;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-9514 .elementor-element.elementor-element-4a99018 .elementor-button .elementor-align-icon-right{margin-left:11px;}.elementor-9514 .elementor-element.elementor-element-4a99018 .elementor-button .elementor-align-icon-left{margin-right:11px;}.elementor-9514 .elementor-element.elementor-element-4a99018 .elementor-button{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );background-color:var( --e-global-color-f15db80 );border-radius:10px 10px 10px 10px;}.elementor-9514 .elementor-element.elementor-element-4a99018 .elementor-button:hover, .elementor-9514 .elementor-element.elementor-element-4a99018 .elementor-button:focus{background-color:#2E6CB4;}.elementor-9514 .elementor-element.elementor-element-4a99018{width:auto;max-width:auto;align-self:flex-start;}.elementor-9514 .elementor-element.elementor-element-5a065a3 > .elementor-container{max-width:1500px;}.elementor-9514 .elementor-element.elementor-element-5a065a3{padding:3em 3em 3em 3em;}.elementor-bc-flex-widget .elementor-9514 .elementor-element.elementor-element-8b16039.elementor-column .elementor-column-wrap{align-items:flex-start;}.elementor-9514 .elementor-element.elementor-element-8b16039.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-9514 .elementor-element.elementor-element-8b16039.elementor-column > .elementor-column-wrap > .elementor-widget-wrap{justify-content:center;}.elementor-9514 .elementor-element.elementor-element-3fc45c8 .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-87bb3a3-font-family ), Sans-serif;font-size:var( --e-global-typography-87bb3a3-font-size );font-weight:var( --e-global-typography-87bb3a3-font-weight );line-height:var( --e-global-typography-87bb3a3-line-height );letter-spacing:var( --e-global-typography-87bb3a3-letter-spacing );word-spacing:var( --e-global-typography-87bb3a3-word-spacing );}.elementor-9514 .elementor-element.elementor-element-3fc45c8 > .elementor-widget-container{padding:0em 0em 1em 0em;}.elementor-9514 .elementor-element.elementor-element-b0bcd00{text-align:justify;color:var( --e-global-color-a9c986a );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-9514 .elementor-element.elementor-element-b0bcd00 > .elementor-widget-container{margin:-1em 0em 0em 0em;}.elementor-9514 .elementor-element.elementor-element-3fc200c > .elementor-container{max-width:1500px;}.elementor-9514 .elementor-element.elementor-element-3fc200c:not(.elementor-motion-effects-element-type-background), .elementor-9514 .elementor-element.elementor-element-3fc200c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9514 .elementor-element.elementor-element-3fc200c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:1em 3em 3em 3em;}.elementor-9514 .elementor-element.elementor-element-3fc200c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(min-width:768px){.elementor-9514 .elementor-element.elementor-element-e445422{width:40%;}.elementor-9514 .elementor-element.elementor-element-2d11074{width:60%;}.elementor-9514 .elementor-element.elementor-element-8b16039{width:50%;}.elementor-9514 .elementor-element.elementor-element-afe6262{width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9514 .elementor-element.elementor-element-8b16039{width:60%;}.elementor-9514 .elementor-element.elementor-element-afe6262{width:100%;}}@media(max-width:1024px){.elementor-9514 .elementor-element.elementor-element-79150d1 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-9514 .elementor-element.elementor-element-f0d8b4d{font-size:var( --e-global-typography-text-font-size );}.elementor-9514 .elementor-element.elementor-element-4a99018 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );}.elementor-9514 .elementor-element.elementor-element-3fc45c8 .elementor-heading-title{font-size:var( --e-global-typography-87bb3a3-font-size );line-height:var( --e-global-typography-87bb3a3-line-height );letter-spacing:var( --e-global-typography-87bb3a3-letter-spacing );word-spacing:var( --e-global-typography-87bb3a3-word-spacing );}.elementor-9514 .elementor-element.elementor-element-b0bcd00{font-size:var( --e-global-typography-text-font-size );}.elementor-9514 .elementor-element.elementor-element-b0bcd00 > .elementor-widget-container{padding:0em 1em 0em 0em;}}@media(max-width:767px){.elementor-9514 .elementor-element.elementor-element-c7908a0{padding:0px 0px 0px 0px;}.elementor-9514 .elementor-element.elementor-element-79150d1{text-align:left;}.elementor-9514 .elementor-element.elementor-element-79150d1 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-9514 .elementor-element.elementor-element-f0d8b4d{font-size:var( --e-global-typography-text-font-size );}.elementor-9514 .elementor-element.elementor-element-4a99018 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );}.elementor-9514 .elementor-element.elementor-element-5a065a3{padding:3em 0em 3em 0em;}.elementor-9514 .elementor-element.elementor-element-3fc45c8 .elementor-heading-title{font-size:var( --e-global-typography-87bb3a3-font-size );line-height:var( --e-global-typography-87bb3a3-line-height );letter-spacing:var( --e-global-typography-87bb3a3-letter-spacing );word-spacing:var( --e-global-typography-87bb3a3-word-spacing );}.elementor-9514 .elementor-element.elementor-element-b0bcd00{text-align:justify;font-size:var( --e-global-typography-text-font-size );}.elementor-9514 .elementor-element.elementor-element-b0bcd00 > .elementor-widget-container{padding:0em 01em 0em 1em;}.elementor-9514 .elementor-element.elementor-element-3fc200c{padding:0em 0em 0em 0em;}}/* Start custom CSS for html, class: .elementor-element-a89f846 */.l-hexagonIn{
    display: grid;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 1.5rem;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    gap: 1rem 0;
    width: auto;
    height: auto;
    padding: 3rem 0 ; 
}
.c-hexagonIn__card{
    /* margin: 100px 0 ; */
    width: 300px;
    height: 230px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    z-index: 5;
    margin: 1rem
}

.c-hexagonIn__img{
    width: 100px;
    /* background-color: aqua; */
    position: relative;
    z-index: 1;
}

.c-hexagonIn__p{
    /* background-color: yellow; */
    position: relative;
    text-align: center;
    z-index: 1;
    line-height: 1.5rem;
    font-family: var(--font-secondary);
}
.c-hexagonIn__p b{
    font-size: 1.65rem;
    font-family: var(--font-primary);
    display: inline-block;
    margin-bottom: 0.5rem;
}

.c-hexagonIn__figure{
    width: 300px;
    height: 190px;
    position: absolute;
    z-index: 1;
    border-radius: 10%;
}
.c-hexagonIn__figure::after,
.c-hexagonIn__figure::before{
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    z-index: 1;
    box-sizing: content-box;
    display: block;
}
.c-hexagonIn__figure::after{
    transform: rotate(-60deg);
}
.c-hexagonIn__figure::before{
    transform: rotate(60deg);
}
.c-hexagonIn1{
    grid-column: 1/-1;
}
.c-hexagonIn2{
    justify-self: end;
}
.c-hexagonIn3{
    justify-self: start;
}
.c-hexagonIn__figure--bg1,
.c-hexagonIn__figure--bg1::after,
.c-hexagonIn__figure--bg1::before{
    background-color: #5059AB;
}
.c-hexagonIn__figure--bg2,
.c-hexagonIn__figure--bg2::after,
.c-hexagonIn__figure--bg2::before{
    background-color: #01CC9B;
}
.c-hexagonIn__figure--bg3,
.c-hexagonIn__figure--bg3::after,
.c-hexagonIn__figure--bg3::before{
    background-color: #7DE314;
}

@media (max-width:635px) {
    .l-hexagonIn{
        width: 100%;
        grid-template-columns: auto;
        gap: 4em;
    }
    .c-hexagonIn2{
        justify-self: center;
    }
    .c-hexagonIn3{
        justify-self: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4517504 */.outsourcing{
    background-color: #fff;
    color: #133C6C;
    font-family: 'Madefor Display';
}
.outsourcing__title{
    font-size: 2.25rem;
    text-align: center;
    /* background-color: red; */
    padding: 3rem 0 4rem 0;

}

.out__header{
    color: #133C6c;
    font-size: 2.0rem;
    font-weight: bold;
}
.out__items{
    display: grid;
    /* flex-wrap: nowrap; */
    grid-template-columns: repeat(auto-fit, minmax(min(100% , 20rem), 1fr));
    /* grid-template-columns: repeat(auto-fill, auto); */
    /*grid-template-columns: repeat(auto-fit,minmax(90px, 1fr));*/
    padding: 0;
    position: relative;
    /* grid-auto-rows: 3rem; */

}
.out__item{
    /* background-color: red; */
    /* border: 5px solid yellow; */
    list-style:none;
    color: #133C6C;
    width: 100%;
    /* height: 100%; */
    font-size: 1.5rem;
    padding: 1rem;
    border-radius: 10px;
    text-align: center ;
    cursor: pointer;
    background-color: #F1F1F1;
}
/*.out__item:nth-last-child(-n+1){
    grid-column-end: span 2;
}*/
.out__item:hover{
    background-color: #5059AB75;
}
.out__item--show{
    pointer-events: none;
    color: #ffffff;
    background-color: #5059AB;
}
.OutStaff__main{
    position: relative;
    min-height: 100%;
}

.OutStaff__contenedor{
    position: static;
    display: grid;
    /* background-color: lime; */
    /* grid-template: repeat(6, 1fr) / repeat(3, 1fr); */
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-rows: repeat(6,1fr); */
    grid-auto-rows: minmax(80px, auto);
    color: #133C6C;
    /* width: 1500px; */
    display: none;
    /* overflow: hidden; */
    /* background-color: #063990; */
}
.OutStaff--show{
    display: grid;
}
.out__div,
.staff__div{
    font-size: 1.5rem;
    /* height: 100px; */
}

.out__row2,
.staff__row2{
    grid-column: 1/end;
    padding: 10px;
}

.row6__div:nth-child(1),
.row5__div:nth-child(1),
.row2__div:nth-child(1){
    font-size: 2.8rem;
    font-weight: bold;
    text-align: center;
    padding-bottom: 3rem;
}
.out__row3,
.staff__row3{
    grid-column: 1/end;
    /* background-color: purple; */
    /* grid-row-gap: 0em; */
    font-size: 1.0em;
    /* grid-template-rows: min-content; */
    /* box-sizing: border-box; */
    /* display: grid; */
    width: 100%;
    /* grid-template-columns: repeat(auto-fill, minmax(min(100% , 20rem), 1fr)); */
    direction: rtl;
    /* grid-auto-flow: dense; */
    /* align-items: center; */
}
.sec__hex{
    /* background-color: red; */
    /* width: 100%; */
    /* height: auto; */
    display: flex;
    padding: 3em 0;
    flex-wrap: wrap;
    /* grid-template-columns: auto; */
    
    /* grid-template-columns: repeat(auto-fill, minmax(min(100%, 12em),1fr)); */
    justify-content: start;
    gap: 2rem;
    color: white;
}
.art__hex{
    position: relative;
    /* background-color: #063990; */
    padding: 2rem 0;
    /* width: auto; */
    display: flex;
    justify-content: center;
    transform: scale(0.8);
}

.div__hex{
    position: relative;
    background-color: #063990;
    width: 305px;
    height: auto;
    z-index: 1;
    border-radius: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* border: 5px solid white; */
}
.hex__img{
    width: 100px;
    height: auto;
    /* background-color: aqua; */
}

.hex__img img{
    width: inherit;
    /* min-width: 80%; */
    /* max-width: 80%; */
}

.div__hex::before,
.div__hex::after{
    content: '';
    border: inherit;
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0%;    
    /* box-sizing: border-box; */
    border-radius: inherit;
    height: 100%;
    background-color: #063990;
    /* transform: translate(-15%, -15%); */
    z-index: -1;
}

.div__hex:before {
    transform: rotate(60deg);
}
.div__hex:after {
    transform: rotate(-60deg);
}

.art__hex1{
    grid-column: 1/-1;
}
.hex__p{
    font-size: 1.5rem;
    text-align: center;
}

.hex__p b{
    font-size: 1.8rem;
}

.row3__hex{
    display: block;
    position: relative;
    /* width: 100%; */
    /* height: 300px; */
    min-height: 280px;
    /* background-color: red; */
}
.row3__hex:nth-child(1) p{
    top: 85%;
}

.out__row4{
    /* background-color: yellow; */
    grid-column: 1/end;
    padding: 15px;
    text-align: center;
}

.out__row5{
    /* background-color: orange; */
    /* min-height: 250px; */
    /* width: 50%; */
    min-height: 100px;
    grid-column: 1/end;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100% , 20rem), 1fr));
    /* grid-auto-rows: min-content; */
    padding: 3rem 0;
}
.row5__img{
    /* max-width: 100%; */
    /* background-color: red; */
    z-index: 4;
    align-self: center;
}
.row5__img img{
    width: inherit;
    max-width: 100%;
    /* background-color: aqua; */
    float: right;
}
.out_center_grid{
    display: grid;
    position: relative;
    /* height: 50%; */
    width: 60%;
    /*  copiar para el otro */
    /* grid-column: start/ span 2; */
    grid-template-columns: auto auto;
    /* grid-template-columns: repeat(auto-fill, minmax(min(100%, 7em), 1fr)); */
    background-color: #F1F1F1;
    border-radius: 0 50px 50px 0;
    justify-content: center;
    align-items: center;
    justify-items: center; 
    /* padding: 5%; */
    /* grid-auto-rows: 300px; */
    /* grid-auto-columns: 400px; */
    /* gap: 20px 100px; */
    /* padding: 10px; */
    /* margin-left: -10%; */
    /* border-radius: 200px 50px 50px 200px; */
}
.out_center_grid::after{
    content: '';
    position: absolute;
    display: block;
    background-color: #f1f1f1;
    width: 100%;
    border-radius: 50%;
    height: 100%;
    margin-left: -90%;

}
.out_center_img{
    /* display: flex; */
    /* margin: 0 auto; */
    /* border: 1px solid green;*/
    /* justify-content: center; */
    /* align-items: center; */
    /* background-color: red; */
    font-size: 1.0em;
    /* padding: 5px 0; */
    z-index: 1;
    width: 100%;
}
.out_center_i{
    border-radius: 50%;
    background-color: #063990;
    /* width: 50%; */
    width: 150px;
    height: 150px;
    
    /* object-fit: cover; */
}
.out_center_i img{
    width: 94px;
    height: 94px;
}
.out_center_img span{
    width: 100%;
    text-align: center;
    /* padding-left: 20px; */
}
.out_center_img div{
    /* background-color: yellow; */
    /* width: 100%; */
    margin: 5px 0;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
}
.out_center_title{
    /* display: block; */
    width: 100%;
    grid-column: 1/-1;
    font-weight: bold;
    font-size: 2.5rem;
    /* background-color: red; */
    z-index: 1;
    /* padding-left: 20%; */
}
.out__row6,
.staff__row5{
    margin: 3rem 0;
    grid-column: 1/-1; 
    background-color: #F1F1F1;
    padding: 3rem 0;
}
.tar6__contenedor{
    /*background-color: orange;*/
    font-size: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 1em;
}

.tar6__div{
    background-color: #FFFFFF;
    /* background-color: #063990; */
    display: flex;
    width: 400px;
    height: 200px;
    /* min-height: 100px; */
    /* min-width: 40%; */
    padding: 0 1em;
    border-radius: 1em;
    justify-self: center;
    position: relative;
    /* box-shadow: 5px 5px 0.5em ; */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 
                0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.tar6__img{
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
}
.tar6__img img{
    width: 100%;
    /* background-color: #063990; */
}
.tar6__text{
    width: 75%;
    height: 100%;
    padding: 0 1.5em;
    display: flex;
    align-items: center;
    text-align: justify;
}

.tar6__text p {
    margin: 0;
}
/* ################## Staff ##########################*/
.staff__row3{
    direction: ltr;
    grid-template-columns: repeat(auto-fit, minmax(min(100% , 10rem), 1fr));
    /* background-color: red; */
    /* width: 50%; */
    justify-items: center;
    /* grid-auto-columns: 800px; */
}
.staff__row3__hex{
    /* columns: 1/-1; */
    grid-column: 1/-1;
    display: grid;
    position: relative;
    /* height: 50%; */
    width: 100%;
    /* max-width: 100%; */
    /*  copiar para el otro */
    /* grid-column: start/ span 2; */
    /* grid-template-columns: repeat(4, auto); */
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9em),1fr));
    /* background-color: #F1F1F1; */
    /* grid-auto-rows: 22em; */
    /* grid-auto-flow: dense; */
    gap: 40px;
}
.row3__hex--staff{
    display: flex;
    /* background-color: orallge; */
    flex-direction: column;
    justify-self: center;
    width: 100%;
    height: 100%;
    align-items: center;
    position: relative;
}

.row3__img--staff img{
    width: inherit;
}

.row3__hex--staff{
    display: block;
    position: relative;
    /* background-color: red; */
}
.row3__img--staff{
    display: block;
    position: relative;
    /* background-color: aqua; */
    width: 100%;
    height: 120px;
}

.hex--staff{
    position: relative;
    background-color: #EF795C;
    border-radius: 10px;
    height: 4rem;
    /*width: 6.9282em;*/
    width: 6.3rem;
    box-sizing: border-box;
    border: 1px solid transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
  
.hex--staff:before, .hex--staff:after {
    content: "";
    border: inherit;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #EF795C;
    border-radius: inherit;
    height: 100%;
    width: 100%;
}
  
.hex--staff:before {
    transform: rotate(60deg);
}
.hex--staff:after {
    transform: rotate(-60deg);
}


.hex--staff img{
    position: relative;
    width: 80%;
    z-index: 4;
    transform: translate(12%, -12%) scale(0.8);
}




.row3__p--staff p{
    font-size: 1.5rem;
    /* padding: 0 5px; */
    text-align: center;
    /* flex-wrap: nowrap; */
    /* width: 150px; */
    /* display: inline-block; */
    
    margin: 0;
    /* background-color: blue; */
}

.staff__row4{
    grid-column: 1/-1;
    display: grid;
    /* grid-template-columns: repeat(auto-fit, minmax(min(100%, 9em),1fr)); */
    grid-template-columns: 1fr 1fr;
    /* grid-template-columns: repeat(auto-fill, minmax(min(100% , 40rem), 1fr)); */
    /* grid-auto-rows: 20em; */
    /* grid-auto-rows: minmax(80px, auto); */
    /* gap: 0 2em; */
    /* background-color: orange; */
    justify-content: center;
    align-items: stretch;

}
.row4__div{
    font-size: 2.5rem;
}
.row4__div:nth-child(1){
    grid-column: 1/-1;
    font-size: 2rem;
    font-weight: bold;
    /*background-color: orange;*/
    padding: 4rem 0 2rem 0;
    
}
.row4__div:nth-child(2) li span{
    font-size: 1.5rem;
    /* background-color: red; */
    color: #133C6C;
    
    
}
.row4__div li {
    color: #7DE314;
    padding-left: 1rem;
    line-height: 1.6rem;
    margin-bottom: 1rem;
    
}
.row4__img{
    /* width: 50%; */
    /* max-width: 50%; */
    position: relative;
    /* display: block; */
    text-align: center;
    /* background-color: blue; */
    justify-self: center;
    max-width: 50%;
}
.row4__img img{
    /* height: 100px; */
    /* width: inherit; */
    width: 100%;
    /* float: right; */
}
.staff__row5{
    display: flex;
    background-color: #fff;
    align-items: center;

}

.row5__div{
    position: relative;
    z-index: 4;
    grid-column: 1/-1;
}

.row5__div::before{
    content: '';
    position: absolute;
    width: 10%;
    height: 100%;
    background-color: #F1F1F1;
    top: 10%;
    right: 70%;
    border-radius: 0 45% 45% 0;
    z-index: -2;
}
.row5__div::after{
    content: '';
    position: absolute;
    width: 90%;
    height: 100%;
    background-color: #F1F1F1;
    top: 10%;
    right: 80%;
    z-index: -2;
}

.row5__div p{
    /* width: 500px; */
    font-size: 2rem;
    text-align: left;
    width: 100%;
    font-weight: bold;
}


@media (min-width:675px) and (max-width:1008px) {
    .row3__hex:nth-child(3){
        grid-column: span 2;
        /* top: -8% */
    }
    .out__items{
        grid-template-columns: repeat(2, 1fr); 
    }
}
@media (max-width:1375px){
    .out_center_grid{
        width: 100%;
   }
}
@media (min-width:524px) and (max-width:766px) {
    .staff__row3__hex{
        width: 100%;
        grid-template-columns: auto auto;
    }
}
/* @media (max-width:623px){ */
@media (max-width:768px){
    .staff__row4{
        grid-template-columns: 1fr;
    }
    .staff__row5{
        flex-wrap: wrap;
    }
    .sec__hex{
        justify-content: center;
    }

}

.l-hexagonOut{
    font-family: 'Bariol';
    font-size: 1.5rem;
    color: #133C6C;
}
.c-hexagonOut{
    /* background-color: blue; */
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-left: 1em;
    align-items: center;
    position: relative;
}
.c-hexagonOut__text{
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 1.3rem;
    /* line-height: 1.5em; */
    /* background-color: aquamarine; */
}
.c-hexagonOut__text b{
    font-size: 1.4rem;
}
.c-hexagonOut__div{
    width: 120px;
    height: 80px;
    max-width: 100%;
    background-color: #EF795C;
    position: relative;
    border-radius: 0.5em;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 60px 30px -25px;
}
.c-hexagonOut__box{
    /* background-color: yellow; */
    position: relative;
    height: auto;
    padding: 3rem 0;
}
.c-hexagonOut__img{
    width: inherit;
    height: inherit;
    object-fit: scale-down;
    position: relative;
    z-index: 1;
}

.c-hexagonOut__div::before,
.c-hexagonOut__div::after{
    box-sizing: content-box;
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    background-color: #EF795C;
    display: block;
    top: 0;
    border-radius: inherit;
}

.c-hexagonOut__div::before{
    transform: rotate(-60deg);
}
.c-hexagonOut__div::after{
    transform: rotate(60deg);
}

.l-hexagonOut{
    /* background-color: orange; */
    display: grid;
    /* grid-template-rows: repeat(auto-fit, 280px); */
    /* grid-template-columns: repeat(auto-fit, 150px); */
    grid-template-rows: repeat(auto-fill, auto);
    grid-template-columns: repeat(auto-fit, 200px);
    grid-template-areas: "a . b . c ."
                        ". d . e . f";
    grid-auto-flow: row dense;
    justify-content: center;
    justify-items: center;
    align-items: center;
    gap: 1em;
}

.c-hexagonOut:nth-child(1){
    grid-area: a;
}
.c-hexagonOut:nth-child(2){
    grid-area: b;
}
.c-hexagonOut:nth-child(3){
    grid-area: c;
}
.c-hexagonOut:nth-child(4){
    grid-area: d;
}
.c-hexagonOut:nth-child(5){
    grid-area: e;
}
.c-hexagonOut:nth-child(6){
    grid-area: f;
}


@media (max-width: 1400px) {
    .l-hexagonOut{
    /* grid-auto-flow: dense; */
    /* grid-template-columns: repeat(auto-fill,minmax(200px, 1fr)); */
    /* grid-column-end: span 2; */
    grid-template-areas:
        "a b c"
        "d e f";
    }
  }
@media (max-width: 500px) {
   
    .l-hexagonOut{
    /* grid-auto-flow: dense; */
    /* grid-template-columns: repeat(auto-fill,minmax(200px, 1fr)); */
    grid-template-areas:
        "a" "b" "c" "d" "e" "f";
    }
  }/* End custom CSS */