.grid-1,.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:10px;padding:20px;background:#f4f4f4;color:#000}.grid-1 .grid-item,.grid-3 .grid-item{border:1px solid black;padding:20px;text-align:center;background:#acb646;line-height:1}.grid-1 .item1,.grid-3 .item1{grid-column:1 / span 1}.grid-1 .item2,.grid-3 .item2{grid-column:2 / span 2}.grid-1 .item3,.grid-3 .item3{grid-column:1 / -1;grid-row:2}.grid-1 .item4,.grid-3 .item4{grid-column:1 / -1;grid-row:3}.grid-2,.grid-7{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);padding:20px;background:#f6eaea}.grid-7{grid-gap:30px 10px;grid-template-rows:repeat(2,auto)}.grid-2 .grid-item,.grid-7 .grid-item{border:1px solid black;padding:40px;text-align:center;background:#acb646}.grid-2 .item1,.grid-2 .item4{border-left-color:#164e96;border-left-width:6px}.grid-2 .item2,.grid-2 .item5{border-right-color:#164e96;border-right-width:6px}.grid-4{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);background:#f6eaea;padding:20px}.grid-4 .grid-item{border:1px solid black;padding:40px;text-align:center;background:#acb646}.grid-4 .item4,.grid-4 .item5,.grid-4 .item6{background:#164e96}.grid-5{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);background:#f6eaea;padding:20px}.grid-5 .grid-item{border:1px solid black;padding:40px;text-align:center;background:#acb646}.grid-5 .item4{background:#164e96}.grid-6{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);background:#f6eaea;padding:20px}.grid-6 .grid-item{border:1px solid black;padding:40px;text-align:center;background:#acb646}.grid-6 .item1,.grid-6 .item2,.grid-6 .item4,.grid-6 .item5{background:#164e96}.a-text{font-weight:700;font-size:1.4rem}.select2-container--default .select2-selection--single{border:2px solid var(--heading-color)!important}.select2-results__option{color:#1c1c1c}.select2-dropdown{background-color:#f2f2f2}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb!important}.my-grid{margin:20px 0}.grid-wrapper{display:grid}.grid-wrapper-one{display:grid;grid-template-columns:33% 33% 33%;grid-template-rows:60px 60px}.grid-wrapper-two{display:grid;grid-template-columns:20% 60% 20%;grid-template-rows:80px 40px}.grid-wrapper-three{display:grid;grid-template-columns:33% 33% 33%;grid-template-rows:60px 60px}.grid-wrapper-four,.grid-wrapper-five{display:grid;grid-template-columns:33% 33% 33%;grid-template-rows:80px 80px 80px}.grid-wrapper-six{display:grid;grid-gap:10px}.grid-wrapper-seven{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-rows:80px}.grid-wrapper-eight{display:grid;grid-template-columns:100px 100px 1fr;grid-auto-rows:80px}.grid-wrapper-nine{display:grid;grid-template-columns:1.5fr 3fr 4.5fr;grid-auto-rows:80px}.grid-wrapper-ten{display:grid;grid-template-areas:"header header header" "nav section aside" "footer footer footer";grid-template-rows:80px 1fr 50px;grid-template-columns:15% 1fr 15%;grid-gap:4px;height:360px}.grid-wrapper-eleven{display:grid;grid-template-areas:"nav header header" "nav section aside" "nav footer footer";grid-template-rows:80px 1fr 50px;grid-template-columns:15% 1fr 15%;grid-gap:4px;height:360px}.grid-wrapper-twenty{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:100px 200px 100px;grid-template-areas:"head head2 . side" "main main2 . side" "footer footer footer footer"}.grid-wrapper-twelve{display:grid;grid-template-columns:15% 1fr 15%;grid-gap:4px;height:360px;grid-template-areas:"header header header" "nav nav nav" "section section section" "aside aside aside" "footer footer footer";grid-template-rows:50px 30px 1fr 60px 30px}.grid-alignment{display:grid;width:100%;height:300px;grid-template-columns:repeat(4,80px);grid-template-rows:repeat(3,60px);border:1px solid var(--border-color);margin-bottom:50px;margin-top:40px;background:var(--light-bg)}.grid-wrapper-a{justify-content:start}.grid-wrapper-c{justify-content:center}.grid-wrapper-d{justify-content:space-around}.grid-wrapper-e{justify-content:space-between}.grid-wrapper-f{justify-content:space-evenly}.grid-wrapper-g{align-content:start}.grid-wrapper-h{align-content:end}.grid-wrapper-i{align-content:center}.grid-wrapper-j{align-content:space-around}.grid-wrapper-k{align-content:space-between}.grid-wrapper-l{align-content:space-evenly}.grid-wrapper-six>div{background:#2d2d2d}.my-grid>*{display:inline-grid;align-content:center;color:#fff;font-size:16px;font-weight:400;justify-content:center}.my-grid>*:nth-child(1){background:#1c6e56}.my-grid>*:nth-child(2){background:#acb647}.my-grid>*:nth-child(3){background:#29727c}.my-grid>*:nth-child(4){background:#d7a82a}.my-grid>*:nth-child(5){background:#1f4f56}.my-grid>*:nth-child(6){background:#666b2d}.my-grid>*:nth-child(7){background:#1c6e56}.my-grid>*:nth-child(8){background:#acb647}.my-grid>*:nth-child(9){background:#2a717c}.my-grid>*:nth-child(10){background:#d7a82a}.my-grid>*:nth-child(11){background:#666c2d}.my-grid>*:nth-child(12){background:#1c6e56}.my-grid>*:nth-child(13){background:#acb647}.my-grid>*:nth-child(14){background:#2a707c}.my-grid>*:nth-child(15){background:#d7a82a}.my-grid>*:nth-child(16){background:#1f4f56}.my-grid header{grid-area:header}.my-grid nav{grid-area:nav}.my-grid section{grid-area:section}.my-grid aside{grid-area:aside}.my-grid footer{grid-area:footer}.grid-wrapper-four>div:nth-child(1){grid-column-start:1;grid-column-end:4}.grid-wrapper-five>div:nth-child(1){grid-column-start:1;grid-column-end:3}.grid-wrapper-five>div:nth-child(3){grid-row-start:2;grid-row-end:4}.grid-wrapper-five>div:nth-child(4){grid-column-start:2;grid-column-end:4}.grid-wrapper-six>div:nth-child(5){grid-area:1 / 2 / 5 / 7}.flex-example{display:flex;align-content:center;padding:12px 0;justify-content:space-around;margin:20px 0}.flex-example>div{padding:4px 20px;color:#fff;font-size:16px;font-weight:500;background:#1c6e56;width:100%;margin:0 2px;text-align:center}.grid-wrapper-example{display:grid;grid-template-areas:"header header header" "nav section aside" "footer footer footer";grid-template-rows:80px 1fr 50px;grid-template-columns:15% 1fr 15%;grid-gap:4px;height:360px}.grid-wrapper-example>*{background:#1c6e56!important}.grid-wrap{max-width:100%;margin:3em auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:50px 150px 50px;grid-template-areas:"head head2 . side" "main main2 . side" "footer footer footer footer"}.item{margin:2px;color:#fff;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.item-1{grid-area:head;background:#acb646}.item-1-2{grid-area:head2;background:#acb646}.item-2{grid-area:main;background:#1c6e56}.item-2-2{grid-area:main2;background:#1c6e56}.item-3{grid-area:side;background:#d7a82a}.item-4{grid-area:footer;background:#29727c}.grid2{grid-template-columns:1fr 1fr 40px 20%}.grid3{grid-template-columns:1fr 1fr 40px 2fr}.flex-gap{display:flex;flex-wrap:wrap;width:100%;margin-bottom:30px;gap:12px;background:#ffb6360a;border:1px solid rgba(255,182,54,.12);border-radius:3px}.flex-gap .item{width:66px;height:66px;margin:0;background:linear-gradient(145deg,#ffb6362e,#840d3238);box-sizing:border-box;font-weight:700;font-size:15px;color:var(--heading-color)}.flex-gap.gap1{max-width:290px}.item-margin>div{margin:6px!important}.flex-gap.item-margin,.no-gap{gap:0!important}.my-grid.grid-alignment>div{width:100%;height:100%}.my-container{display:grid;grid-template-columns:100px 100px 100px;grid-template-rows:auto;box-sizing:border-box;width:100%;height:200px;background:#72ba5e0d;border:2px dashed rgba(114,186,94,.35);margin:30px auto}.my-container.multiple{justify-content:space-evenly;justify-items:center;align-content:space-evenly;align-items:center}.item{box-sizing:border-box;width:50px;height:50px;background:#ffd54666}@media(max-width:640px){.flex-gap.gap1{max-width:170px}.flex-gap{gap:10px}.flex-gap .item{width:36px;height:36px;font-size:12px}}