: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;}
.section-spacing{padding: 100px 0px;}
:first-letter, h1, h2, h3, h4, h5, h6, select {text-transform: inherit;}

/* 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: 1098px;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-content .banner-dis {line-height: 34px;}
.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: 30px 30px 70px;background-color: var(--color-white);  display: flex; flex-direction: column; align-items: flex-start; gap: 12px; transition: all ease-in-out 0.3s; position: relative;box-shadow: 0px 20px 20px 0px #1E3A5F14;}
.member-item::before {content: ''; height: 1px; width: 100%; bottom: 40px; position: absolute; left: 30px;background-color: #D3E4FF;max-width: 220px;}
.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: 0px 0 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);}
.member-item .member-sub-title {text-transform: uppercase;}
@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: 60px;}
.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;color: var(--primary-color);}
.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-radius: 20px;padding: 70px 30px;margin-top: 40px;display: flex;align-items: center;gap: 30px;box-shadow: 0px 20px 20px 0px #1E3A5F14;}
.member-project-two .member-project-item-images{display: flex;}
.technology-list{flex: 1;display: flex;flex-direction: column;justify-content: space-between;}
.left-tec .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;}
.left-tec .technology-list-column{z-index: 1;}
.left-tec .technology-list-column:nth-child(odd){margin-left: 30%;}
.left-tec .technology-list-column:after{content: '';position: absolute;left: 20px;top: 24px;width: calc(100% - 30px);height: 2px;border-top: 2px dotted var(--primary-color);z-index: -1;}
.left-tec .technology-list-column:nth-child(odd):after{left: 40px;width: 100%;}
@keyframes moveingX {0%, 100% { transform : translateX(0px);}50% { transform: translateX(20px);}}

.technology-list{flex: 1;display: flex;flex-direction: column;justify-content: space-between;}
.right-tec .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;margin-left: auto;}
.right-tec .technology-list-column{z-index: 1;}
.right-tec .technology-list-column:first-child{margin-top: -48px;margin-right: 12%;}
.right-tec .technology-list-column:first-child:after{left: -145px;width: calc(100% + 100px);height: 24px;border-left: 2px dotted var(--primary-color);border-top-left-radius: 8px;}
.right-tec .technology-list-column:last-child{margin-bottom: -48px;margin-right: 12%;}
.right-tec .technology-list-column:last-child:after{left: -145px;width: calc(100% + 100px);height: 24px;border-left: 2px dotted var(--primary-color);border-bottom-left-radius: 8px;border-top: none;border-bottom: 2px dotted var(--primary-color);top: 0;}
.right-tec .technology-list-column:nth-child(2),.technology-list-column:nth-child(4){margin-right: 30%;}
.right-tec .technology-list-column:after{content: '';position: absolute;left: -20px;top: 24px;width: calc(100% - 20px);height: 2px;border-top: 2px dotted var(--primary-color);z-index: -1;}
.right-tec .technology-list-column:nth-child(3):after{left: 10px;width: calc(100% - 50px);}
@keyframes moveingX {0%, 100% { transform : translateX(0px);}50% { transform: translateX(-20px);}}


/* Features Section */
.features-group{display: grid;grid-template-columns: 1fr 1fr;justify-content: space-between;gap: 30px;}
.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 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: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: 46px;top: -50px;}

/* 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%);}
.color-typography-section:before{content: '';position: absolute;left: 0;bottom: -10%;width: 100%;height: 100%;z-index: -1;background-image: url(../../images/case-studies/planora/layer-bg.webp);background-repeat: no-repeat;background-position: top left;background-size: contain;}
.color-typography-section{overflow: hidden;}

/* Timeline Section */
.timeline-section:after{content: '';position: absolute;right: 0;top: 0;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%;}
.timeline-section{overflow: hidden;}

/* 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;}

/* cta */
.cta-wrapper{background-image: url(../../images/case-studies/planora/cta-bg.webp);background-repeat: no-repeat;background-position: bottom right;background-size: cover;padding: 100px 0;}
.cta-wrapper .cta-content {max-width: 650px;}
.cta-wrapper .cta-content h2 {color: #ffffff;margin-bottom: 40px;}
.cta-wrapper .cta-content .btn1 {font-weight: 400;background: transparent;border-color: #ffffff;box-shadow: none;color: #ffffff;}

/* Manage */
.manage-section{background: linear-gradient(179.87deg, #94CAFF -60.11%, rgba(41, 85, 151, 0.99) 98.67%);position: relative;z-index: 1;}
.mange-grid{display: grid;grid-template-columns: 450px auto; gap: 80px;}
.mange-grid h2, .mange-grid p{color: #ffffff;}

/* Project Evolution */
.project-evolution{position: relative;z-index: 1;}
.pe-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.project-evolution::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;background-image: url(../../images/case-studies/planora/layer-pe.webp);background-repeat: no-repeat;background-position: bottom left;background-size: contain;}
.pe-item{background: #FFFFFF;border: 1px solid #D3E4FF;border-radius: 20px;box-shadow: 0px 20px 20px 0px #1E3A5F14;padding:30px;}
.pe-item span{padding: 4px 12px;color: #295597;border: 1px solid #94CAFF;border-radius: 40px;display: block;font-size: 20px;line-height: 28px;width: fit-content;margin-bottom: 20px;}
.pe-item h3{font-size: 30px;line-height: 40px;margin-bottom: 16px;}
.pe-item p{line-height: 34px;}
.pe-item ul{display: flex;flex-direction: column;gap: 16px;margin-bottom: 20px;}
.pe-item.first-item ul{display: grid;grid-template-columns: 1fr 1fr;}
.pe-item ul li{font-size: 20px;line-height: 34px;padding-left: 34px;position: relative;}
.pe-item ul li::before{content: '';width: 24px;height: 24px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23295597'/%3E%3Cpath 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'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;position: absolute;left: 0;top: 7px;background-size: 20px;}

/* quote-section */
.quote-section{padding: 60px 0;}
.quote-grid{display: grid;grid-template-columns: 380px auto;gap: 50px;align-items: center;}
.quote-item svg{margin-bottom: 20px;}

/* challenges */
.tc-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 30px;margin-top: 20px;}
.tc-item{padding: 24px;background: #FFFFFF;box-shadow: 2px 4px 30px 0px #7D83911A;}
.tc-item h3{font-size: var(--font-20);line-height: 28px;margin-bottom: 16px;color: #295597;}

/* The Solutions */
.solutions-section{background: linear-gradient(179.87deg, #94CAFF -60.11%, rgba(41, 85, 151, 0.99) 98.67%);}
.solutions-section .section-inner-head .sub-heading,
.solutions-section .section-inner-head h2, .solutions-section .section-inner-head p {color: #ffffff;}
.solutions-section .section-inner-head .sub-heading::after{background-color: #f2a843;}
.features-group-img.position-relative {background: #ffffff;overflow: hidden;padding-top: 60px;border-radius: 10px;border: 1px solid #D3E4FF;}
.features-group-img.position-relative .features-circle-outer {position: absolute;z-index: 0;left: 50%;bottom: 0;transform: translate(-50%, 0px);width: 100%;text-align: center;}
.features-group-phone {text-align: center;position: relative;z-index: 9;}
.features-group .features-group-block {background: #ffffff;border-radius: 20px;overflow: hidden;border: 1px solid #EAECEF;}
.features-group .features-group-block .scrolling-block{height: 652px;overflow-y: auto;}
.features-group .features-group-block .scrolling-block::-webkit-scrollbar {width: 9px;}
.features-group .features-group-block .scrolling-block::-webkit-scrollbar-track {background: #ECF1F5;border-radius: 10px;}
.features-group .features-group-block .scrolling-block::-webkit-scrollbar-thumb {background: #295597;border-radius: 10px;margin: 4px;}
.features-group .features-group-block .scrolling-block::-webkit-scrollbar-thumb:hover {background: #295597; margin: 4px;}
.features-group .features-group-block .features-item {padding: 0;border-radius: 0;border-color: #EAECEF;box-shadow: none;}
.features-group .features-group-block .features-item .accordion-button {padding: 24px;border-radius: 0 !important;font-size: 20px;font-weight: 700;color: #295597;flex-direction: row-reverse;justify-content: flex-end;align-items: center;border: none !important;background: transparent;box-shadow: none;}
.features-group .features-group-block .features-item .accordion-button::after{background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 10.75L5.75 5.75L0.75 0.75' stroke='%23295597' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-size: 8px;margin-left: 0;margin-top: 6px;}
.features-group .features-group-block .features-item .accordion-button:not(.collapsed)::after{transform: rotate(90deg);background-position: 5px 5px;margin-left: -5px !important;margin-right: 5px;}
.features-group .features-group-block .features-item .accordion-body {padding-top: 0;}
.features-group .features-group-block .features-item  .accordion-button:not(.collapsed) {padding-bottom: 5px;}
.features-group .features-group-block .features-item .accordion-body ul {padding-left: 20px;display: flex;flex-direction: column;gap: 10px;list-style: disc;margin-bottom: 20px;}

/*-------------------============ Responsive CSS ==============--------------------- */
@media screen and (max-width: 1441px) {

    .section-spacing{padding:80px 0;}

    /* 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;}

    /* 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;}

    .pe-item ul li{
        font-size:18px;
        line-height: 30px;
    }
}

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

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

    /* Project Member Timeline Section  */
    .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%;}

    /* challenges */
    .tc-grid{grid-template-columns: repeat(3,1fr);gap: 20px;}

    /* cta */
    .cta-wrapper{background: #2a5495;text-align: center;}
    .cta-wrapper .cta-content {margin: 0 auto;}

    /* Manage */
    .mange-grid{grid-template-columns: 1fr 1fr;gap: 20px;}

    /* Project Evolution */
    .pe-item h3 {font-size: 20px;line-height: 28px;}
    .pe-item ul li{font-size: 16px;line-height: 26px;padding-left: 25px;}
}

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

}

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

    /* Project Evolution */
    .pe-grid{grid-template-columns: repeat(1, 1fr);}
    .pe-item{padding: 20px;}

    /* Manage */
    .mange-grid{grid-template-columns: 1fr;}

    /* challenges */
    .tc-grid{grid-template-columns: repeat(2,1fr);}

    /* Banner Section */
    .banner-section {padding-top: 80px;}
    .banner-bottom-content:after{width: 100%;height: 100%;}
    .floorplan-main{max-width: 80%;}

    /* Project Member Timeline Section  */
    .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;padding: 20px 30px 70px;row-gap: 60px;}

    /* Features Section */
    .features-group{grid-template-columns: 1fr;gap: 30px;}
    .features-group .features-group-block .scrolling-block{height: auto;}
    .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%;}

    /* quote-section */
    .quote-grid{
        gap: 20px;
    }

}

@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;}

    /* 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;}

    /* quote-section */
    .quote-grid{grid-template-columns: 1fr;gap: 30px;align-items: center;text-align: center;}
}

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

    /* Project Evolution */
    .pe-item.first-item ul{grid-template-columns: 1fr;}
    .pe-item ul li::before{width: 18px;height: 18px;background-size: 18px;top: 5px;}

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

    /* challenges */
    .tc-grid{grid-template-columns: repeat(1,1fr);}

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

    /* 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;}
}

@media screen and (max-width: 380px) {
    .right-tec .technology-list-column:nth-child(2), .technology-list-column:nth-child(4) {
        margin-right: 5%;
    }
}