:root{
    --primary-color: #295597;
    --primary-light-color: rgba(41, 85, 151, 0.15);
    --secondary-color: #0455A4;
}



.section-inner-head{max-width: 700px;}
.section-inner-head h2{user-select: none;margin-bottom: 10px;}
.sub-heading {font-size: 20px;line-height: 28px;font-weight: 400;padding-bottom: 5px;margin-bottom: 10px;display: inline-flex;position: relative;}
.sub-heading::after {content: ''; height: 3px; width: 32px; border-radius: 2px; background-color: var(--primary-color); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
a:hover{color: var(--primary-color);}
.main-content{overflow: hidden;}
.index-1{z-index: 1;}
.index-2{z-index: 2;}

/* header-main */
.header-main { position: sticky; background-color: var(--color-white);}

/* Banner Section */
.banner-section{padding-top: 144px;position: relative;z-index: 1;}
.banner-section:before{content: '';position: absolute;left: 0;top: 0;background-image: url(../../images/case-studies/floorplan/hero-left.webp);background-repeat: no-repeat;background-position: left bottom;width: 100%;height: 100%;z-index: -1;}
.banner-section:after{content: '';position: absolute;right: 0;top: 0;background-image: url(../../images/case-studies/floorplan/hero-right.webp);background-repeat: no-repeat;background-position: top right;width: 100%;height: 100%;z-index: -1;}
.banner-content{max-width: 928px;margin: 0 auto;text-align: center;z-index: 2;position: relative;}
.banner-sub-title {font-weight: 500; padding: 8px 16px; border: 1px dashed var(--primary-color); display: inline-flex; margin-bottom: 30px;}
.banner-title {margin-bottom: 24px;}
.banner-sub-title, .banner-title{color: var(--primary-color);}
.banner-sub-title {font-size: var(--font-20); line-height: 28px;}
.banner-section .btn1 {border-color: var(--primary-color); background-color: var(--primary-color); color: var(--color-white); box-shadow: 0px 4px 15px 0px #1D190E1A;}

.banner-bottom:before{content: '';position: absolute;left: -10%;top: 10%;width: 489px;height: 489px;background-color: #DBE9FF;border-radius: 50%;opacity: 0.4;filter: blur(140px);}
.banner-bottom:after{content: '';position: absolute;right: 0;bottom: 100%;width: 452px;height: 452px;background-color: #DBE9FF;border-radius: 50%;opacity: 0.2;filter: blur(140px);}
.banner-bottom-content{padding-top: 80px;z-index: 1;}
.banner-bottom-content:after{content: '';position: absolute;left: 50%;top: 50%;width: 100%;max-width: 795px;height: 795px;border-radius: 50%;transform: translate(-50%, -45%);background-color: #DBE9FF;opacity: 0.5;z-index: -1;filter: blur(80px);}
.floorplan-text{position: absolute;left: 50%;bottom: 60px;transform: translateX(-50%);padding: 0 24px;width: 100%;text-align: center;}
.floorplan-text:before,.floorplan-text:after{content: '';position: absolute;left: -8%;bottom: 40%;width: 473px;height: 473px;background-color: #DBE9FF;border-radius: 50%;z-index: -1;opacity: 0.2;filter: blur(70px);}
.floorplan-text:after{left: auto;bottom: 0;right: 0;opacity: 0.3;}
.medicine-left{position: absolute;left: 0;top: 0;z-index: -1;}
.medicine-right{position: absolute;right: 0;top: 0;z-index: -1;}

/* Project Member Section */
.member-section:after{content: '';position: absolute;right: 0;top: 25%;width: 100%;height: 100%;z-index: -1;background-image: url(../../images/case-studies/floorplan/member-shape.webp);background-repeat: no-repeat;background-position: bottom right;}
.member-section:before{content: '';position: absolute;left: 0;top: 85%;width: 100%;height: 100%;z-index: -1;background-image: url(../../images/case-studies/floorplan/feature-shape.webp);background-repeat: no-repeat;background-position: top left;}
.member-section h2{font-size: 0px;line-height: 0;}
.member-group {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.member-item {padding: 0px 30px 50px;background-color: var(--color-white);  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; transition: all ease-in-out 0.3s; position: relative;}
.member-item::before {content: ''; height: 2px; width: 100%; bottom: -2px; position: absolute; left: 0; background-image: linear-gradient(90deg, rgba(41, 85, 151, 0) 0%, rgba(41, 85, 151, 0.2) 50%, rgba(41, 85, 151, 0) 100%);}
.member-item:hover {transform: translateY(-15px); box-shadow: 2px 4px 30px 0px #7D83911A;}
.member-icon {width: 80px; height: 80px; border-radius: 50%; background-color: var(--primary-light-color);display: flex;align-items: center;justify-content: center;margin: -40px auto 12px; transition: all ease-in-out 0.3s;position: relative;}
.member-icon::after {content: '';width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: var(--primary-light-color);border-radius: 50%; animation-delay: 0.5s; animation: smallScale 3s infinite;}
.member-title {color: var(--primary-color);margin: 0;}
.member-dis {color: var(--secondary);}
@keyframes smallScale { 0% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0;}}

/* Project Member Timeline Section  */
.member-project-group{margin-top: 234px;}
.member-project-one{background: linear-gradient(305deg,rgba(93, 142, 221, 1) 0%, rgba(48, 88, 153, 1) 100%);border-radius: 20px;padding: 30px;display: flex;align-items: center;gap: 30px;}
.member-project-one>*,.member-project-two>*{flex: 1;}
.project-security{position: absolute;top: -85px;animation: moveingY 2s linear infinite;}
.member-project-item-content h3{margin-bottom: 10px;}
.member-project-item-content p{color: var(--secondary);}
.project-overview-img{filter: drop-shadow(0 30px 22px rgba(0, 34, 97, 0.2));margin-top: -25%;}
.healthcare-text{position: absolute;right: -10px;bottom: -10px;}
@keyframes moveingY {0%, 100% { transform : translateY(0px);}50% { transform: translateY(20px);}}

.member-project-two{background-color: var(--color-white);border: 1px solid #D3E4FF;border-radius: 20px;padding: 30px;margin-top: 40px;box-shadow: 2px 4px 30px rgba(125, 131, 145, 0.1);display: flex;align-items: center;gap: 30px;}
.member-project-two .member-project-item-images{display: flex;}
.technology-list{flex: 1;display: flex;flex-direction: column;justify-content: space-between;}
.technology-list-column>span{width: 48px;height: 48px;background-color: var(--color-white);border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 4px rgba(0, 0, 0, .1);animation: moveingX 2s linear infinite;}
.technology-list-column{z-index: 1;}
.technology-list-column:nth-child(odd){margin-left: 30%;}
.technology-list-column:after{content: '';position: absolute;left: 20px;top: 24px;width: calc(100% - 30px);height: 2px;border-top: 2px dotted rgba(13, 35, 72, 0.2);z-index: -1;}
.technology-list-column:nth-child(odd):after{left: 40px;width: 100%;}
@keyframes moveingX {0%, 100% { transform : translateX(0px);}50% { transform: translateX(20px);}}


/* Features Section */
.features-group{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 30px;}
.features-group-block{flex: 0 0 calc(60% - 15px);max-width: calc(60% - 15px);}
.features-group-img{flex: 0 0 calc(40% - 15px);max-width: calc(40% - 15px);}
.features-item{border: 1px solid rgba(62, 106, 131, 0.3);border-radius: 12px;padding: 20px;box-shadow: 0 4px 20px rgba(5, 84, 153, 0.1);transition: all 350ms ease-in-out;background-color: var(--color-white);}
.features-item:hover{border-right-width: 4px;border-right-color: var(--primary-color);}
.features-item + .features-item{margin-top: 30px;}
.features-item h3{color: var(--primary-color);font-size: var(--font-24);line-height: 32px;}
.features-item p{color: var(--secondary);}
.features-circle{animation: moveingRotate 4s linear infinite;transform-origin: center;}
@keyframes moveingRotate {0% { transform : rotate(0deg);}100% { transform: rotate(360deg);}}
.features-group-phone{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;}
.features-group-phone:after{content: '';position: absolute;left: 0;bottom:-15px;width: 100%;height: 16px;background: radial-gradient(circle,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);border-radius: 50%;opacity: 0.3;filter: blur(7px);}
.features-medicine{position: absolute;right: -10px;top: -60px;}

/* Projects Section */
.projects-section{background-color: #ECF1F5;padding: 100px 0;z-index: 1;}
.projects-section::after{content: '';position: absolute;left: calc(50% - 10px);top: 50%;width: 20px;height: calc(100% - 200px);transform: translate(-50%, -50%);background-color: transparent;border-bottom-right-radius: 100%;border-top-right-radius: 100%;box-shadow: 10px 0px 20px 0px rgba(40, 40, 41, 0.25);z-index: -2;}
.projects-section::before{content: '';position: absolute;left: calc(50% - 50px);top: 50%;width: 100px;height: 100%;transform: translate(-50%, -50%);background-color: #ECF1F5;z-index: -1;}
.projects-section h2{font-size: 0px;line-height: 0;}
.project-column{display: flex;align-items: center;}
.project-challenges-list{flex: 1;}
.project-challenges-list li{position: relative;background-color: var(--color-white);border-radius: 20px;padding: 10px 20px 10px 64px;margin-top: 20px;box-shadow: 0 4px 20px rgba(5, 84, 153, .1);}
.project-challenges-list li:first-child{margin-top: 0;}
.project-challenges-list li:before{content: '';position: absolute;left: 20px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23295597"/><path d="M9.83038 14.2212L16.6104 7.44117C16.7704 7.28117 16.957 7.20117 17.1704 7.20117C17.3837 7.20117 17.5704 7.28117 17.7304 7.44117C17.8904 7.60117 17.9704 7.79131 17.9704 8.01157C17.9704 8.23184 17.8904 8.42171 17.7304 8.58117L10.3904 15.9412C10.2304 16.1012 10.0437 16.1812 9.83038 16.1812C9.61705 16.1812 9.43038 16.1012 9.27038 15.9412L5.83038 12.5012C5.67038 12.3412 5.59358 12.1513 5.59998 11.9316C5.60638 11.7118 5.68985 11.5217 5.85038 11.3612C6.01091 11.2006 6.20105 11.1206 6.42078 11.1212C6.64051 11.1217 6.83038 11.2017 6.99038 11.3612L9.83038 14.2212Z" fill="white"/></svg>');}
.project-column h3{color: var(--color-white);padding: 10px 15px;margin: 0;}
.challenges-column .project-title-block{margin-right: -58px;position: relative;padding-left: 60px;}
.challenges-column .project-title-block::before{content: '';position: absolute;right: calc(100% - 61px);top: -20px;border: 50px solid transparent;border-right-color: #255673;border-left: none;z-index: -1;}
.challenges-column .project-title-block::after{content: '';position: absolute;right: 0;top: -14px;width: 46px;height: 50%;background: linear-gradient(325deg,rgba(70, 162, 217, 1) 0%, rgba(37, 86, 115, 1) 100%);transform: skew(0deg, 30deg);z-index: -1;}
.challenges-column h3{background: linear-gradient(90deg,rgba(37, 86, 115, 1) 0%, rgba(37, 86, 115, 1) 50%, rgba(25, 120, 176, 1) 100%);}
.challenges-column span{margin-left: -30px;display: inline-block;}

.solutions-column{padding-top: 100px;}
.solutions-column .project-title-block{margin-left: -58px;position: relative;padding-right: 60px;}
.solutions-column .project-title-block::before{content: '';position: absolute;left: calc(100% - 61px);top: -20px;border: 50px solid transparent;border-left-color: #d5a42a;border-right: none;z-index: -1;}
.solutions-column .project-title-block::after{content: '';position: absolute;left: 0;top: 43px;width: 46px;height: 50%;background: linear-gradient(21deg,rgba(151, 109, 3, 1) 0%, rgba(253, 182, 5, 1) 100%);transform: skew(0deg, 30deg);z-index: -1;}
.solutions-column h3{background: linear-gradient(270deg,rgba(213, 164, 42, 1) 0%, rgba(213, 164, 42, 1) 50%, rgba(253, 182, 5, 1) 100%);}
.solutions-column span{margin-right: -30px;display: inline-block;}

/* Colors Typography Section */
.color-typography-section .section-inner-head {max-width: 790px; margin-inline: auto;}
.color-typography-group {display: flex; max-width: 1100px; margin: 0 auto;}
.colors-side {width: 60%; display: flex; justify-content: end; overflow: hidden;}
.typography-side {width: 40%;}
.color-group {display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; max-width: 576px;}
.color-type-name {height: 180px; width: 180px; border: 15px solid var(--color-white); border-radius: 50%; background-color: var(--color-code); margin-bottom: 30px;}
.color-type:nth-child(2) {left: -50px;}
.color-type:nth-child(3) {left: -100px;}
.color-type:nth-child(4) {left: -150px;}
.color-typography-item, .color-type {position: relative;}
.color-type .color-name {margin-bottom: 4px;}
.typography-font-group {display: flex; gap: 10px;}
.typography-font-type {font-weight: 700; font-size: 100px; line-height: 1; margin-bottom: 20px; text-transform: capitalize;}
.typography-font-name, .color-type .color-name {font-weight: 700;}
.typography-font-name {margin-bottom: 0px;}
.typography-font-style {word-break: break-all; font-weight: 500; color: var(--secondary);}
.typography-font-weight {display: inline-flex; align-items: center; margin-bottom: 20px; padding: 4px 10px; border: 1px solid var(--blue-border-color); border-radius: 4px; font-size: 20px; line-height: 28px;}
.typography-font-weight li:not(:last-child) {padding-right: 12px; margin-right: 12px; border-right: 1px solid rgb(37 57 92 / 10%);}

/* Timeline Section */
.timeline-section:after{content: '';position: absolute;right: 0;top: -8%;width: 100%;height: 100%;z-index: -1;background-image: url(../../images/case-studies/floorplan/timeline-shape.webp);background-repeat: no-repeat;background-position: bottom right;background-size: contain;}
.timeline-section:before{content: '';position: absolute;left: 0;bottom: -10%;width: 100%;height: 100%;z-index: -1;background-image: url(../../images/case-studies/floorplan/visual-shape.webp);background-repeat: no-repeat;background-position: top left;background-size: contain;}
.timeline-section .section-inner-head {max-width: 750px; margin-inline: auto;}
.timeline-section .timeline-map {text-align: center;}
.timeline-section .timeline-map img {max-width: 916px; width: 100%;}

/* Visual Design Section */
.visual-area1{z-index: 1;padding: 10px;}
.visual-area1:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 62%;background: linear-gradient(180deg,rgba(232, 242, 255, 0.3) 0%, rgba(232, 242, 255, 1) 20%, rgba(148, 202, 255, 1) 100%);border-radius: 20px;z-index: -2;}
.visual-area1:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 62%;background: repeating-linear-gradient(to right,#fff,#fff 1px,transparent 1px,transparent 38px), repeating-linear-gradient(to bottom,#fff,#fff 1px,transparent 1px,transparent 38px);border-radius: 20px;z-index: -1;opacity: 0.3;}
.visual-top1{position: absolute;left: 10%;bottom: 30px;border-radius: 20px;box-shadow: 0 0 26px rgba(0, 0, 0, .1);animation: moveingY 3s linear infinite;}
.visual-top2{position: absolute;right: 12%;bottom: 19%;border-radius: 20px;box-shadow: 0 0 26px rgba(0, 0, 0, .1);animation: moveingX 2s linear infinite;}
.visual-top3{position: absolute;left: 5%;top: 20px;border-radius: 20px;box-shadow: 0 0 26px rgba(0, 0, 0, .1);z-index: -1;animation: moveingX 2s linear infinite;}
.visual-top4{position: absolute;right: 3%;top: 15%;border-radius: 20px;box-shadow: 0 0 26px rgba(0, 0, 0, .1);z-index: -1;animation: moveingY 2s linear infinite;}


.visual-area2{display: flex;flex-wrap: wrap;gap: 70px;}
.visual-area2-inner{background: linear-gradient(180deg,rgba(232, 242, 255, 0) 0%, rgba(232, 242, 255, 0) 25%, rgba(232, 242, 255, 1) 50%, rgba(148, 202, 255, 1) 100%);border-radius: 20px;}
.visual-area2-inner:first-child{flex: 0 0 calc(65% - 35px);max-width: calc(65% - 35px);}
.visual-area2-inner:last-child{flex: 0 0 calc(35% - 35px);max-width: calc(35% - 35px);}


/* Testimonial, Resources Section */
.testimonial-section .section-inner-head,.resources-section .section-inner-head{margin-left: auto;margin-right: auto;}

/*-------------------============ Responsive CSS ==============--------------------- */
@media screen and (max-width: 1441px) {
    /* Banner Section */
    .banner-section {padding-top: 100px;}
    .banner-sub-title {font-size: var(--font-18);line-height: 27px;margin-bottom: 20px;}
    .banner-title {margin-bottom: 20px;}

    /* Project Member Section */
    .member-item {padding-bottom: 40px;}

    /* Project Member Timeline Section  */
    .member-project-group{margin-top: 180px;}

    /* Features Section */
    .features-item h3{font-size: var(--font-20); line-height: 28px;}

    /* Projects Section */
    .project-column h3{font-size: var(--font-20); line-height: 28px;}
    .challenges-column .project-title-block::before,.solutions-column .project-title-block::before{top: -24px;}
    .challenges-column .project-title-block::after{height: 60%;}
    .solutions-column .project-title-block::after{top: 32px;height: 60%;}
    
    /* Colors Typography Section */
    .typography-font-type {font-size: 90px;}
    .typography-font-weight {font-size: 18px;}

    /* Visual Design Section */
    .visual-top1{left: 4%;}
    .visual-top2{right: 5%;}
    .visual-top3{left: 0;}
    .visual-top4{right: 0;}
}

@media screen and (max-width: 1199px) {
    /* Banner Section */
    .banner-sub-title{font-size: var(--font-16);line-height: 26px;}

    /* Project Member Section */
    .member-item {gap: 10px;}
    .member-icon{width: 60px; height: 60px; margin: -30px 0px 5px; padding: 7px;}
    .member-section:before,.member-section:after{background-size: contain;}

    /* Project Member Timeline Section  */
    .member-project-group{margin-top: 150px;}
    .project-security{top: -95px;}

    /* Projects Section */
    .project-challenges-list li{padding: 10px 15px 10px 45px}
    .project-challenges-list li:before{width: 20px;height: 20px;background-size: contain;left: 15px;}

    /* Colors Typography Section */
    .typography-font-type {font-size: 70px;}
    .typography-font-weight {font-size: 16px; line-height: 26px;}

    /* Timeline Section */
    .timeline-section .timeline-map img {max-width: 700px;}

    /* Visual Design Section */
    .visual1{max-width: 70%;}
}

@media screen and (max-width:1100px) {
    /* Project Member Section */
    .member-group {grid-template-columns: 1fr 1fr; gap: 60px 30px;}

}

@media screen and (max-width: 991px) {
    /* Banner Section */
    .banner-section {padding-top: 80px;}
    .banner-bottom-content:after{width: 100%;height: 100%;}
    .floorplan-main{max-width: 80%;}

    /* Project Member Timeline Section  */
    .member-project-group{margin-top: 120px;}
    .project-security{top: -65px;max-width: 120px;}
    .member-project-one{flex-wrap: wrap;padding-top: 80px;}
    .member-project-one>*, .member-project-two>*{flex: 0 0 100%;}
    .project-overview-img{margin-top: 0;margin-bottom: 20px;}
    .member-project-two{flex-wrap: wrap;}

    /* Features Section */
    .features-group{flex-wrap: wrap;}
    .features-group-img{margin-top: 70px;}
    .features-group-block,.features-group-img{flex: 0 0 100%;max-width: 100%;}
    .features-group-phone{position: inherit;left: inherit;top: inherit;transform: inherit;max-width: fit-content;margin: 0 auto;}
    .features-circle-outer{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;}

    /* Colors Typography Section */
    .color-group {margin-right: -90px;}
    .color-type-name {height: 115px; width: 115px; border-width: 12px;}
    .color-type:nth-child(2) {left: -30px;}
    .color-type:nth-child(3) {left: -60px;}
    .color-type:nth-child(4) {left: -90px;}

    /* Visual Design Section */
    .visual1{max-width: 70%;}
    .visual-top1{left: 3%;max-width: 190px;}
    .visual-top2{right: 5%;bottom: 14%;max-width: 200px;}
    .visual-top3{left: 0;top: 0;max-width: 220px;}
    .visual-top4{right: 0;top: 10%;}

}

@media screen and (max-width: 768px){
    /* Banner Section */
    .banner-section:before{background-size: 80%;}
    .banner-section:after{background-size: 50%;}
    .banner-bottom:before,.floorplan-text:before, .floorplan-text:after{display: none;}
    .banner-bottom-content{padding-top: 40px;}
    .medicine-left{opacity: 0;}
    .floorplan-text{bottom: 10px;}

    /* Project Member Section */
    .member-group {grid-template-columns: 1fr; gap: 60px;}

    /* Projects Section */
    .projects-section::before,.projects-section::after,.challenges-column .project-title-block::after,.solutions-column .project-title-block::after{display: none;}
    .project-column{flex-wrap: wrap;}
    .project-challenges-list{width: 100%;}
    .challenges-column .project-title-block{margin-right: 0;width: 100%;order: -1;padding-left: 0;padding-bottom: 30px;}
    .solutions-column .project-title-block{margin-left: 0;width: 100%;padding-right: 0;padding-bottom: 30px;}
    .challenges-column span,.solutions-column span{margin-left: 0;margin-right: 0;display: block;text-align: center;}
    .challenges-column h3{background: linear-gradient(0deg, rgba(37, 86, 115, 1) 0%, rgba(37, 86, 115, 1) 50%, rgba(25, 120, 176, 1) 100%)}
    .solutions-column h3{background: linear-gradient(0deg, rgba(213, 164, 42, 1) 0%, rgba(213, 164, 42, 1) 50%, rgba(253, 182, 5, 1) 100%)}
    .challenges-column .project-title-block::before,.solutions-column .project-title-block::before{border-width: 30px;transform: rotate(-90deg);right: inherit;transform: rotate(-90deg) translateX(-50%);left: calc(50% - 15px);top: 8px;}
    .solutions-column .project-title-block::before{transform: rotate(90deg) translateX(-50%);top: 38px;}
    .solutions-column{padding-top: 50px;}

    /* Colors Typography Section */
    .color-typography-group {flex-direction: column; gap: 30px;}
    .colors-side, .typography-side {width: 100%;}
    .color-type-name {margin-bottom: 12px;}
    .colors-side , .typography-font-group{justify-content: center;}
    .typography-group {text-align: center;}
    .typography-font-style {margin-inline: auto;}

    /* Visual Design Section */
    .visual-area2{gap: 20px;}
    .visual-area2-inner:first-child{flex: 0 0 calc(65% - 10px);max-width: calc(65% - 10px);}
    .visual-area2-inner:last-child{flex: 0 0 calc(35% - 10px);max-width: calc(35% - 10px);} 
    .visual1{max-width: 70%;}
    .visual-top1{left: 3%;max-width: 140px;}
    .visual-top2{right: 5%;bottom: 14%;max-width: 150px;}
    .visual-top3{left: 0;top: 0;max-width: 170px;}
    .visual-top4{right: 0;top: 6%;max-width: 140px;}
}


@media screen and (max-width: 576px) {
    /* Project Member Timeline Section  */
    .member-project-two .member-project-item-images{flex-wrap: wrap;}
    .technology-list{flex: 0 0 100%;flex-direction: row;max-width: 293px;margin: 0 auto 50px;}
    .member-project-two .member-project-item-images>img{margin: 0 auto;}
    .technology-list-column:nth-child(odd){margin-left: 0;margin-top: 20%;}
    .technology-list-column>span{animation: moveingY 2s linear infinite;}
    .technology-list-column:after{width: 2px;height: 100%;left: 24px;top: 45px;border-top: none;border-left: 2px dotted rgba(13, 35, 72, 0.2)}
    .technology-list-column:nth-child(odd):after{left: 24px;width: 2px;height: calc(100% + 40px);}

    /* Colors Typography Section */
    .color-group {grid-template-columns: repeat(2, 1fr); gap: 24px; margin-right: 0px;}
    .color-group .color-type {left: 0; }
    .color-type-name {border-width: 0px;}
    .typography-font-group {flex-direction: column; align-items: center;}

    /* Visual Design Section */
    .visual-top1,.visual-top4{display: none;}
    .visual-top2{max-width: 70px;border-radius: 10px;}
    .visual-top3{max-width: 90px;border-radius: 10px;}
}