.project-section .sort-box .gap-14, .project-section .sort-wrapper {padding: 0;}

.about-section .gap-14 p, .eggs-con p, .build-loc-section p {
      color: var(--dark-400);
      line-height: 1.6em;
}

.project-section .box-1 p {color: var(--dark-400);}

.eggs-con li {
      align-items: center;
      padding: 20px 0;
      border-top: 1px solid #D0D3DB;
}

.eggs-con li:last-child {border-bottom: 1px solid #D0D3DB;}

.eggs-con p {
      margin-left: 16px;
      line-height: 1.4em;
}

.build-loc-section iframe {
      width: 100% !important;
      border: 1px solid var(--dark-200) !important;
      height: 300px;
}

.accrd-item {--padding: 24px;}

.accrd-item + .accrd-item {margin-top: 8px;}

.accrd-item .top {
      background: var(--main-50);
      padding: 24px var(--padding);
      align-items: center;
      justify-content: space-between;
}

.accrd-item.active .top {
      background: var(--main-400);
      color: var(--white);
}

.accrd-item .top p {
      line-height: 1.3em;
}

.accrd-item .top button {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='15' x2='32' y2='15' stroke='%230158A6' stroke-width='2'/%3E%3Cline x1='17' y1='4.37114e-08' x2='17' y2='32' stroke='%230158A6' stroke-width='2'/%3E%3C/svg%3E%0A");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      width: 24px;
      min-width: 24px;
      max-width: 24px;
      height: 24px;
      margin-left: 24px;
}

.accrd-item.active .top button {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='2' viewBox='0 0 32 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='32' y2='1' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");  
}

.accrd-item .center {
      display: none;
      padding: 18px var(--padding) 24px;
      color: var(--dark-400);
}

.accrd-item.active .center {display: block;}

@media (min-width: 380px) {
      .accrd-item + .accrd-item {margin-top: 16px;}

      .accrd-item .top {padding: 32px var(--padding);}
      .accrd-item .top p {font-size: 18px;}
}

@media (min-width: 480px) {
      .video-section h3 {margin-bottom: 32px;}

      .project-section .gall-thumb {
            min-width: 116px;
            max-width: unset;
            width: 100%;
      }
}

@media (min-width: 600px) {
      .eggs-con {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
      }

      .eggs-con svg {
            height: auto;
            min-width: 42px;
            max-width: 42px;
      }

      .eggs-con li {
            padding: 24px;
            border: 1px solid #D0D3DB;
      }

      .build-loc-section iframe {height: 410px;}

      .accrd-item {
            --padding: 32px;
            border-bottom: 1px solid #D0D3DB;
      }

      .accrd-item + .accrd-item {margin: 0;}
      
      .accrd-item .top p {font-size: 21px;}
      .accrd-item .top {background: unset;}

      .accrd-item .top button {
            width: 32px;
            min-width: 32px;
            max-width: 32px;
            height: 32px; 
      }

      .accrd-item .center {
            font-size: 16px;
            padding: 24px var(--padding) 32px;
      }
}

@media (min-width: 740px) {
      .project-section .box-1 {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
      }

      .project-section h2 {margin-bottom: 24px;}

      .project-section .box-1 .btn-medium {
            max-width: 248px;
            margin-left: 48px;
      }

      .project-section .box-1 p {
            max-width: 688px;
            font-size: 14px;
            margin-bottom: 0;
      }

      .eggs-con p {
            font-size: 18px;
            line-height: 1.4em;
      }

      .accrd-item {--padding: 48px;}
}

@media (min-width: 980px) {
      h3.marg-b-18 {margin-bottom: 24px;}

      .project-section .box-1 p {font-size: 15px;}

      .eggs-con {grid-template-columns: repeat(3, 1fr);}
      .eggs-con p {font-size: 16px;}

      .build-loc-section .box-2 {
            display: flex;
            justify-content: space-between;
      }

      .build-loc-section .box-2 .gap-14 > * + * {margin-top: 24px;}

      .build-loc-section .box-2 .gap-14 {
            width: 50%;
            max-width: 488px;
            margin-right: 40px;
            margin-bottom: 0;
      }

      .build-loc-section .box-2 iframe {
            width: 50% !important;
            max-width: 480px !important;
            height: auto;
            max-height: 480px;
      }

      .accrd-item {--padding: 64px;}

      .build-info-section h3 {margin-bottom: 40px;}
}

@media (min-width: 1180px) {
      .about-section .gap-14 {
            columns: 2;
            column-gap: 80px;
      }

      h3.marg-b-32 {margin-bottom: 40px;}

      .gap-14 > * + * {margin-top: 16px;}

      .project-section .box-1 {margin-bottom: 48px;}

      .eggs-con {
            grid-template-columns: repeat(12, 1fr);
            gap: 16px;
      }

      .eggs-con li {justify-content: center;}

      .eggs-con[data-length="2"] li,
      .eggs-con[data-length="4"] li {grid-area: auto / span 6;}

      .eggs-con[data-length="3"] li,
      .eggs-con[data-length="6"] li,
      .eggs-con[data-length*="1"] li {grid-area: auto / span 4;}

      .eggs-con[data-length="5"] li {grid-area: auto / span 4;}
      .eggs-con[data-length="5"] li:nth-child(n+4) {grid-area: auto / span 6;}

      .eggs-con[data-length="7"] li,
      .eggs-con[data-length="8"] li {grid-area: auto / span 3;}

      .eggs-con[data-length="7"] li:nth-child(n+5) {grid-area: auto / span 4;}

      .eggs-con[data-length="9"] li {grid-area: auto / span 3;}
      .eggs-con[data-length="9"] li:nth-child(n+5) {grid-area: auto / span 4;}
      .eggs-con[data-length="9"] li:nth-child(n+8) {grid-area: auto / span 6;}
      
      .eggs-con p {
            max-width: 160px;
            width: 100%;
      }

      .accrd-item {--padding: 80px;}
}