:root{
    --primary-color: #00BCFF;
    --primary-light-color: rgba(233, 151, 0, 0.15);
    --secondary-color: #0455A4;
    --color-white: #ffffff;
}

.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: #f2a843; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
a:hover{color: var(--primary-color);}

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

/* Banner Section */
.banner-section{padding-top: 144px;}
.banner-content{max-width: 928px;margin: 0 auto;text-align: center;}
.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{position: relative;}
.banner-bottom-content{max-width: max-content;margin: 0 auto;}
.lanyoce-main img{filter: drop-shadow(0 0 44px rgba(0, 0, 0, 0.25));}
.lanyoce-left{position: absolute;left: -20px;bottom: 16%;animation: moveingY 2.5s linear infinite;border: 2px solid #D9E9FF;border-radius: 12px;overflow: hidden;box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);background-color: var(--color-white);z-index: 1;}
.lanyoce-top-anim{position: absolute;top: -10%;right: 0;animation: moveingY 2s linear infinite;border: 2px solid #D9E9FF;border-radius: 12px;overflow: hidden;background-color: var(--color-white);}
@keyframes moveingY {0%, 100% { transform : translateY(0px);}50% { transform: translateY(20px);} } 
.hero-video-area{position: absolute;left: 145px;top: 54px;max-width: 1030px;height: 634px;}
.hero-video-area video{width: 100%;height: 100%;object-fit: cover;}

/* Project Member Section */
.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(0, 188, 255, 0) 0%, rgba(0, 188, 255, 0.2) 50%, rgba(0, 188, 255, 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: #00BCFF26;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: #00BCFF26;
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;}}

/* Feature Section */
.features-section{padding: 50px 0; background-image: url(../../images/case-studies/concept-qr/feature-bg.webp);background-repeat: no-repeat;background-position: top;background-size: cover;margin-bottom: 50px;}
.features-grid-img {display: grid;gap: 60px;margin: 40px 0;}
.features-grid-img img {width: 100%;}

.features-group{display: flex;display: -webkit-flex;}
.feat-group-left{z-index: 1;}
.feat-group-right{position: relative;width: 800px;border-radius: 50%;margin: 20px auto 0;}
/* .feat-group-right::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; pointer-events: none;background: linear-gradient(180deg, #00BCFF 0%, #FFFFFF 66.35%);} */
.feature-circle-group{width: 437px;height: 437px;flex: 0 0 437px;-webkit-flex: 0 0 437px;position: relative;transform: rotate(92deg);-webkit-transform: rotate(92deg);margin: 0 auto;}
.feature-circle-group:after{content: '';position: absolute;left: 20px;top: 20px;width: calc(100% - 40px);height: calc(100% - 40px);border: 1px dashed var(--primary-color);border-radius: 50%;z-index: -1;}
.feat-group-right .dome-area{position: relative;}
.feat-group-right .dome-area:before{content: '';position: absolute;left: 50%;top: 30%;width: 317px;height: 317px;background-image: url(../../images/case-studies/concept-qr/feature-circle-bg.png);background-repeat: no-repeat;background-position: top;background-size: cover;border-radius: 50%;z-index: 19;transform: translate(-50%, -50%);}
.feat-group-right .dome-area::after{content: '';width: 100%;height: 30%;background-color: #ffffff;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.circle-container{width: 100%;height: 100%;position: relative;transition: transform 1s cubic-bezier(.25,.8,.25,1);border-radius: 50%;}
.feat-icon{width: 40px;height: 40px;position: absolute;transform: translate(-50%, -50%);background-color: #feebdd;transition: 0.5s ease;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.active-icon{width: 68px;height: 68px;}
.feat-content{position: relative;width: 100%;text-align: center;border-radius: 20px;padding: 20px;box-shadow: 0px 0px 20px 0px #00719924;border: 1px solid #00BCFF;margin-top:70px;}
.feat-content::before{content: '';position: absolute;left: 50%;top: -25px;transform: translateX(-50%); width: 40px; height: 3px; background-color: #00BCFF; border-radius: 2px;}
.content-section{ display: none; }
.content-sectiont p {color: var(--secondary);}
.content-section.active{display: block; }
.content-section h4{margin: 0 0 12px;color: var(--primary-color);}


.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-group {display: flex; gap: 60px; flex-direction: column;}
.typography-title {font-size: 24px; line-height: 32px; font-weight: 500; margin-bottom: 30px;text-align: center;}
.color-group {display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.color-type-name {height: 105px; width: 100%; background-color: var(--color-code); margin-bottom: 20px; border-radius: 12px;}
.color-typography-item {position: relative;}
.typography-font-group {position: relative;text-align: center;width: fit-content;margin: 0 auto;}
.typography-font-type {font-weight: 700; font-size: 190px; line-height: 1; text-transform: capitalize; opacity: 0.05;}
.typography-font-name {margin-bottom: 0px;  position: absolute; top: 50%;transform: translate(-50%, -50%);left: 50%;white-space: nowrap;}
.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%);}
.typo-grid{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
.typo-grid .typo-grid-item {padding-right: 30px;position: relative;}
.typo-grid .typo-grid-item:before {content: '';width: 1px;position: absolute;height: 100%;right: 0;background-image: linear-gradient(360deg, rgba(0, 80, 97, 0) 0%, rgba(0, 80, 97, 0.5) 50%, rgba(0, 80, 97, 0) 100%);}
.typo-grid .typo-grid-item:last-child:before {display: none;}

/* Timeline Section */
.timeline-section{background-image: url(../../images/case-studies/concept-qr/timeline-bg.webp);background-repeat: no-repeat;background-position: top;background-size: cover;}
.timeline-area{background: linear-gradient(180deg, #FFFFFF 0.01%, #EFFBFD 100%);border-radius: 20px;display: flex;flex-wrap: wrap;padding: 20px;}

/* Project Challenges Section */
.project-challenges-section{background: linear-gradient(196.11deg, #FFFFFF 10.69%, #00BCFF 509.58%);}
.project-challenges-group{display: grid;grid-template-columns: 1fr 1fr;gap: 80px; position: relative;}
.project-challenges-item{display: flex;gap: 50px;padding: 40px 40px 60px;border-radius: 40px;background-color: #FFFFFF;border: 1px solid #0D3063;position: relative;}
.project-challenges-item-two {border: 1px solid #00BCFF;padding: 85px 40px 40px;}
.project-challenges-item img{-o-object-fit: contain;object-fit: contain;}
.project-challenges-image{text-align: center;display: flex;align-items: end;flex: 0 0 auto;}
.project-challenges-content{display: flex;flex-direction: column;}
.project-challenges-content-list li:not(:last-child){margin-bottom: 16px}
.project-challenges-content-list li{padding-left: 34px;font-size: 20px;line-height: 28px;position: relative;color: var(--secondary)}
.project-challenges-content-list li::before{content: "";width: 24px;height: 24px;position: absolute;top: 3px;left: 0;border-radius: 50%;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='url(%23paint0_linear_21589_80837)'/%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='%2300BCFF'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_21589_80837' x1='12.5636' y1='0.00359503' x2='29.532' y2='103.782' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%2300BCFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");background-size: 24px; background-repeat: no-repeat; background-position: center;}
.project-challenges-content-list li strong {font-weight: 700 !important}
.project-challenges-item .project-challenges-content-title {width: fit-content;border-radius: 100px;border-width: 1px;border: 1px solid #0D3063;padding: 24px 44px;background-color: #0D3063;color: #ffffff;position: absolute;bottom: -20px;right: -40px;margin: 0;}
.project-challenges-item-two .project-challenges-content-title {left: -40px;right: auto;top: -20px;bottom: auto;border-color: #00BCFF;background-color: #00BCFF;}

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

/* Visual Design Section */
.visual-section{background-image: url("data:image/svg+xml,%3Csvg width='1920' height='1133' viewBox='0 0 1920 1133' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4189_5711)'%3E%3Crect width='1920' height='1133' fill='white'/%3E%3Crect width='1920' height='1133' fill='white'/%3E%3Cg filter='url(%23filter0_f_4189_5711)'%3E%3Cpath d='M1411.29 956.829C1381.09 960.531 1353.5 938.969 1349.8 908.764C1346.1 878.558 1367.66 850.973 1397.87 847.271C1428.07 843.569 1455.66 865.131 1459.36 895.337C1463.06 925.541 1441.5 953.127 1411.29 956.829ZM1398.69 853.991C1372.19 857.238 1353.27 881.44 1356.52 907.94C1359.77 934.44 1383.97 953.356 1410.47 950.108C1436.97 946.861 1455.89 922.661 1452.64 896.161C1449.39 869.661 1425.19 850.743 1398.69 853.991Z' fill='%230082FF'/%3E%3Cpath d='M460.245 1025.84C431.895 1029.32 406.002 1009.08 402.528 980.729C399.053 952.378 419.292 926.486 447.643 923.011C475.993 919.537 501.886 939.776 505.361 968.126C508.835 996.476 488.596 1022.37 460.245 1025.84ZM448.466 929.731C423.821 932.752 406.227 955.26 409.248 979.905C412.268 1004.55 434.776 1022.14 459.422 1019.12C484.068 1016.1 501.661 993.595 498.64 968.95C495.62 944.304 473.112 926.711 448.466 929.731Z' fill='%230082FF'/%3E%3Cpath d='M1101.7 903.292C1004.99 915.145 916.655 846.101 904.801 749.382C892.948 652.664 961.992 564.333 1058.71 552.48C1155.43 540.627 1243.76 609.671 1255.61 706.389C1267.47 803.108 1198.42 891.439 1101.7 903.292ZM1059.53 559.2C966.521 570.599 900.123 655.545 911.522 748.558C922.921 841.572 1007.87 907.971 1100.88 896.572C1193.89 885.172 1260.29 800.226 1248.89 707.212C1237.49 614.198 1152.55 547.801 1059.53 559.2Z' fill='%230082FF'/%3E%3Cpath d='M160.362 989.499C114.277 995.147 72.1877 962.25 66.5397 916.164C60.8916 870.077 93.791 827.991 139.877 822.343C185.963 816.695 228.05 849.592 233.698 895.678C239.346 941.763 206.448 983.851 160.362 989.499ZM140.7 829.063C98.3189 834.257 68.0659 872.961 73.2596 915.341C78.4534 957.72 117.157 987.973 159.539 982.779C201.919 977.585 232.172 938.881 226.978 896.502C221.784 854.123 183.08 823.87 140.7 829.063Z' fill='%230082FF'/%3E%3Cpath d='M1753.61 647.002C1613.95 664.118 1486.41 564.423 1469.29 424.763C1452.17 285.104 1551.87 157.56 1691.53 140.444C1831.19 123.328 1958.73 223.024 1975.85 362.682C1992.96 502.342 1893.27 629.886 1753.61 647.002ZM1692.35 147.164C1556.4 163.826 1459.35 287.988 1476.01 423.94C1492.67 559.893 1616.83 656.944 1752.79 640.282C1888.74 623.621 1985.79 499.459 1969.13 363.507C1952.47 227.554 1828.31 130.503 1692.35 147.164Z' fill='%230082FF'/%3E%3Cpath d='M1321.91 627.236C1232.51 638.192 1150.87 574.376 1139.92 484.982C1128.96 395.588 1192.78 313.946 1282.17 302.991C1371.56 292.035 1453.21 355.851 1464.16 445.245C1475.12 534.639 1411.3 616.28 1321.91 627.236ZM1282.99 309.71C1197.3 320.212 1136.13 398.469 1146.64 484.158C1157.14 569.848 1235.39 631.017 1321.08 620.516C1406.77 610.014 1467.94 531.757 1457.44 446.068C1446.94 360.378 1368.68 299.209 1282.99 309.71Z' fill='%230082FF'/%3E%3Cpath d='M1713.1 800.756C1604.15 814.109 1504.64 736.33 1491.29 627.374C1477.93 518.417 1555.71 418.91 1664.67 405.557C1773.63 392.204 1873.13 469.984 1886.49 578.941C1899.84 687.896 1822.06 787.403 1713.1 800.756ZM1665.49 412.277C1560.24 425.176 1485.11 521.299 1498.01 626.55C1510.91 731.801 1607.03 806.934 1712.28 794.035C1817.53 781.136 1892.66 685.015 1879.77 579.764C1866.87 474.512 1770.75 399.378 1665.49 412.277Z' fill='%230082FF'/%3E%3Cpath d='M186.57 864.096C86.254 876.39 -5.36266 804.778 -17.6568 704.462C-29.9509 604.146 41.6607 512.529 141.977 500.235C242.294 487.941 333.91 559.553 346.204 659.869C358.498 760.185 286.886 851.802 186.57 864.096ZM142.801 506.955C46.1898 518.795 -22.7764 607.026 -10.9363 703.638C0.903803 800.249 89.1353 869.215 185.746 857.375C282.358 845.535 351.324 757.304 339.484 660.693C327.643 564.081 239.412 495.115 142.801 506.955Z' fill='%230082FF'/%3E%3Cpath d='M155.586 601.498C136.194 603.875 118.484 590.03 116.107 570.638C113.73 551.245 127.573 533.535 146.966 531.159C166.358 528.782 184.07 542.625 186.446 562.017C188.823 581.409 174.979 599.121 155.586 601.498ZM147.789 537.879C132.103 539.801 120.904 554.128 122.827 569.814C124.749 585.502 139.076 596.701 154.763 594.778C170.451 592.855 181.649 578.529 179.726 562.841C177.804 547.154 163.477 535.956 147.789 537.879Z' fill='%230082FF'/%3E%3Cpath d='M1121.06 835.31C1097.8 838.161 1076.55 821.554 1073.7 798.291C1070.85 775.028 1087.46 753.782 1110.72 750.931C1133.98 748.08 1155.23 764.687 1158.08 787.95C1160.93 811.213 1144.32 832.459 1121.06 835.31ZM1111.54 757.651C1091.99 760.048 1078.02 777.909 1080.42 797.468C1082.82 817.026 1100.68 830.987 1120.24 828.59C1139.8 826.193 1153.76 808.332 1151.36 788.774C1148.96 769.215 1131.1 755.254 1111.54 757.651Z' fill='%230082FF'/%3E%3Cpath d='M1000.37 842.754C850.949 861.065 714.49 754.402 696.178 604.985C677.866 455.567 784.53 319.11 933.948 300.798C1083.37 282.486 1219.82 389.148 1238.13 538.566C1256.45 687.984 1149.78 824.442 1000.37 842.754ZM934.771 307.519C789.058 325.376 685.041 458.45 702.899 604.161C720.756 749.874 853.83 853.891 999.543 836.034C1145.25 818.176 1249.27 685.103 1231.41 539.39C1213.56 393.679 1080.48 289.661 934.771 307.519Z' fill='%230082FF'/%3E%3Cpath d='M773.696 1037.39C728.78 1042.9 687.761 1010.83 682.256 965.917C676.752 921.001 708.814 879.983 753.73 874.478C798.646 868.973 839.665 901.036 845.17 945.952C850.675 990.868 818.612 1031.89 773.696 1037.39ZM754.554 881.199C713.344 886.249 683.926 923.885 688.976 965.095C694.027 1006.3 731.662 1035.72 772.872 1030.67C814.083 1025.62 843.5 987.986 838.449 946.776C833.399 905.566 795.764 876.148 754.554 881.199Z' fill='%230082FF'/%3E%3Cpath d='M612.214 971.305C581.152 975.112 552.781 952.936 548.974 921.874C545.168 890.812 567.343 862.442 598.405 858.635C629.468 854.828 657.838 877.004 661.645 908.066C665.452 939.129 643.276 967.498 612.214 971.305ZM599.229 865.355C571.871 868.708 552.342 893.693 555.695 921.051C559.048 948.408 584.033 967.938 611.39 964.585C638.748 961.233 658.278 936.247 654.925 908.89C651.572 881.532 626.587 862.003 599.229 865.355Z' fill='%230082FF'/%3E%3Cpath d='M913.11 949.573C893.334 951.997 875.273 937.879 872.849 918.102C870.425 898.324 884.543 880.263 904.319 877.839C924.097 875.415 942.159 889.533 944.583 909.311C947.007 929.088 932.889 947.149 913.11 949.573ZM905.143 884.559C889.071 886.529 877.599 901.207 879.569 917.279C881.539 933.351 896.215 944.823 912.287 942.853C928.359 940.884 939.833 926.207 937.863 910.135C935.893 894.063 921.215 882.59 905.143 884.559Z' fill='%230082FF'/%3E%3Cpath d='M569.304 577.557C533.074 581.997 499.985 556.134 495.545 519.902C491.105 483.671 516.968 450.583 553.199 446.143C589.431 441.702 622.519 467.566 626.959 503.796C631.399 540.029 605.536 573.117 569.304 577.557ZM554.022 452.863C521.496 456.849 498.278 486.552 502.265 519.078C506.251 551.604 535.954 574.823 568.48 570.837C601.006 566.851 624.225 537.145 620.239 504.62C616.253 472.094 586.548 448.876 554.022 452.863Z' fill='%230082FF'/%3E%3Cpath d='M1587.3 907.516C1562.09 910.606 1539.06 892.609 1535.97 867.397C1532.88 842.183 1550.88 819.158 1576.09 816.068C1601.3 812.978 1624.33 830.976 1627.42 856.189C1630.51 881.402 1612.51 904.426 1587.3 907.516ZM1576.92 822.788C1555.41 825.424 1540.06 845.066 1542.69 866.573C1545.33 888.079 1564.97 903.432 1586.48 900.796C1607.98 898.161 1623.33 878.519 1620.7 857.013C1618.06 835.506 1598.42 820.152 1576.92 822.788Z' fill='%230082FF'/%3E%3Cpath d='M-89.2605 824.671C-141.015 831.014 -188.279 794.069 -194.622 742.314C-200.965 690.559 -164.021 643.293 -112.266 636.95C-60.5121 630.608 -13.2457 667.554 -6.90296 719.308C-0.56089 771.062 -37.5067 818.329 -89.2605 824.671ZM-111.443 643.671C-159.491 649.559 -193.79 693.441 -187.902 741.49C-182.013 789.539 -138.132 823.839 -90.0841 817.951C-42.034 812.062 -7.73481 768.181 -13.6235 720.132C-19.5121 672.082 -63.3933 637.782 -111.443 643.671Z' fill='%230082FF'/%3E%3Cpath d='M682.021 776.759C609.729 785.619 543.708 734.014 534.849 661.721C525.989 589.43 577.594 523.409 649.886 514.55C722.178 505.69 788.2 557.295 797.06 629.586C805.919 701.879 754.313 767.899 682.021 776.759ZM650.298 517.91C579.86 526.542 529.576 590.872 538.209 661.31C546.841 731.749 611.171 782.032 681.609 773.399C752.049 764.767 802.332 700.437 793.699 629.999C785.067 559.561 720.738 509.277 650.298 517.91Z' fill='%230082FF'/%3E%3Cpath d='M471.425 1050.09C330.917 1067.31 202.598 967.009 185.378 826.499C168.158 685.99 268.459 557.67 408.966 540.451C549.475 523.231 677.795 623.532 695.015 764.041C712.235 904.55 611.934 1032.87 471.425 1050.09ZM409.378 543.811C270.723 560.804 171.745 687.433 188.737 826.088C205.73 964.743 332.358 1063.72 471.013 1046.73C609.668 1029.74 708.648 903.108 691.655 764.453C674.662 625.798 548.033 526.818 409.378 543.811Z' fill='%230082FF'/%3E%3Cpath d='M829.956 654.864C811.545 657.12 794.731 643.978 792.475 625.567C790.218 607.157 803.36 590.344 821.772 588.088C840.182 585.831 856.995 598.973 859.251 617.383C861.507 635.794 848.366 652.607 829.956 654.864ZM822.184 591.447C805.626 593.476 793.806 608.597 795.835 625.155C797.864 641.712 812.987 653.532 829.544 651.503C846.102 649.474 857.92 634.352 855.891 617.794C853.862 601.237 838.742 589.418 822.184 591.447Z' fill='%230082FF'/%3E%3Cpath d='M9.95789 1024.57C-19.7837 1028.21 -46.9476 1006.98 -50.5926 977.236C-54.2376 947.495 -33.0048 920.331 -3.26316 916.686C26.4785 913.041 53.6424 934.274 57.2873 964.015C60.9317 993.757 39.6995 1020.92 9.95789 1024.57ZM-2.85134 920.047C-30.7405 923.465 -50.6503 948.935 -47.2323 976.825C-43.8144 1004.71 -18.3437 1024.62 9.54615 1021.21C37.436 1017.79 57.345 992.317 53.9271 964.428C50.5091 936.538 25.0379 916.629 -2.85134 920.047Z' fill='%230082FF'/%3E%3Cpath d='M1182.56 1021.44C1120.64 1029.02 1064.09 984.82 1056.5 922.897C1048.91 860.973 1093.11 804.42 1155.04 796.831C1216.96 789.242 1273.51 833.447 1281.1 895.37C1288.69 957.293 1244.49 1013.85 1182.56 1021.44ZM1155.45 800.191C1095.38 807.553 1052.5 862.414 1059.86 922.485C1067.22 982.557 1122.08 1025.44 1182.15 1018.08C1242.22 1010.71 1285.1 955.853 1277.74 895.783C1270.38 835.712 1215.52 792.829 1155.45 800.191Z' fill='%230082FF'/%3E%3Cpath d='M998.986 923.504C943.026 930.362 891.921 890.416 885.062 834.454C878.204 778.495 918.151 727.389 974.111 720.531C1030.07 713.673 1081.18 753.62 1088.03 809.579C1094.89 865.541 1054.95 916.646 998.986 923.504ZM974.522 723.891C920.415 730.522 881.791 779.936 888.422 834.043C895.053 888.149 944.467 926.775 998.574 920.144C1052.68 913.513 1091.3 864.098 1084.67 809.991C1078.04 755.884 1028.63 717.26 974.522 723.891Z' fill='%230082FF'/%3E%3Cpath d='M401.705 677.681C373.217 681.173 347.198 660.835 343.707 632.346C340.216 603.858 360.552 577.839 389.041 574.348C417.531 570.856 443.549 591.194 447.04 619.682C450.532 648.171 430.195 674.19 401.705 677.681ZM389.453 577.707C362.817 580.972 343.803 605.298 347.067 631.933C350.331 658.569 374.657 677.585 401.293 674.32C427.929 671.056 446.944 646.729 443.68 620.093C440.416 593.457 416.089 574.443 389.453 577.707Z' fill='%230082FF'/%3E%3Cpath d='M1.79901 853.839C-21.6069 856.707 -42.9836 839.998 -45.8523 816.591C-48.7209 793.184 -32.0117 771.807 -8.60585 768.938C14.8013 766.07 36.178 782.779 39.0467 806.186C41.9153 829.593 25.2062 850.97 1.79901 853.839ZM-8.19412 772.298C-29.7476 774.939 -45.1337 794.624 -42.4921 816.178C-39.8504 837.734 -20.1656 853.12 1.3872 850.478C22.9419 847.837 38.3281 828.153 35.6864 806.597C33.0448 785.043 13.3606 769.656 -8.19412 772.298Z' fill='%230082FF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_4189_5711' x='-495.332' y='-161.469' width='2942.19' height='1538.8' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='150' result='effect1_foregroundBlur_4189_5711'/%3E%3C/filter%3E%3CclipPath id='clip0_4189_5711'%3E%3Crect width='1920' height='1133' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");background-position: center center;background-repeat: no-repeat;background-size: cover;}
.visual-area1{z-index: 1;}
.visual-area1 img,.visual-area2 img {width: 100%;}

/* Project Member Timeline Section  */
.member-project-item-content h3{margin-bottom: 10px;}
.member-project-item-content p{color: var(--secondary);}
.member-project-one,.member-project-two{display: flex;flex-wrap: wrap;gap: 30px;align-items: center;}
.member-project-item-content{flex: 0 0 calc(56% - 15px);max-width: calc(56% - 15px);}
.member-project-item-images{flex: 0 0 calc(44% - 15px);max-width: calc(44% - 15px);}
.member-project-one .member-project-item-images{position: relative;z-index: 1;}
.member-project-two{margin-top: 80px;margin-bottom: 0;padding: 30px;box-shadow: 0px 0px 20px 0px #0071991A;border-radius: 20px;}
.member-project-two .member-project-item-images{display: flex;flex: 0 0 calc(31% - 15px);max-width: calc(31% - 15px);}
.member-project-two .member-project-item-content {flex: 0 0 calc(69% - 15px);max-width: calc(69% - 15px);}


/*-------------------============ 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;}
    .hero-video-area{left: 11%;top: 7%;max-width: 78%;height: 84%;}

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

    /* Colors Typography Section */
    .typography-font-type {font-size: 150px;}
    .typography-title {font-size: 22px ; line-height: 30px;}
    .typography-font-weight {font-size: 18px;}

    /* Project Challenges Section */
    .project-challenges-content-title {margin-bottom: 20px;}
    .project-challenges-content-list li {font-size:18px}

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

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

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

    /* Project Member Section */
    .member-item {gap: 10px;}
    .member-icon{width: 60px; height: 60px; margin: -30px 0px 5px; padding: 7px;}

    /* Colors Typography Section */
    .color-typography-group {gap: 100px;}
    .typography-font-weight {font-size: 16px; line-height: 26px;}
    .typography-title {font-size: 20px ; line-height: 28px;}

    /* Timeline Section */
    .timeline-details p{line-height: 24px;}
    /* Project Challenges Section */
    .project-challenges-content-title {margin-bottom: 15px;}
    .project-challenges-content-list li {font-size:16px; line-height: 26px;}

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

    /* Feature Section */
    .features-grid-img{gap: 30px;margin: 10px 0;}
}

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

@media screen and (max-width:1024px) {
    /* Colors Typography Section */
    .color-typography-group {gap: 60px;}
    .color-typography-item:not(:last-child)::after {right: -30px;}
    .color-type-name {height: 80px;}
}

@media screen and (max-width: 991px) {
    /* Banner Section */
    .banner-section {padding-top: 80px;}
    .lanyoce-top-anim{max-width: 250px;top: -15%;}
    .lanyoce-left{max-width: 180px;}

    /* Features Section */
    .features-item {flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px);}

    /* Project Challenges Section */
    .project-challenges-group {grid-template-columns: 1fr; gap: 80px;}
    .project-challenges-item { gap: 30px;padding: 80px 40px 40px;}
    .project-challenges-image {width: 40%;}
    .project-challenges-item-two .project-challenges-content-title {left: 50%;transform: translate(-50%, -50%);top: 0;bottom: auto;border-color: #00BCFF;background-color: #00BCFF;}
    .project-challenges-item .project-challenges-content-title{bottom: auto;top: 0;left: 50%;transform: translate(-50%, -50%);margin: 0;}

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

     /* Project Member Timeline Section  */
    .member-project-two{margin-top: 40px;margin-bottom: 0;gap: 80px;}
    .member-project-item-content,.member-project-item-images{flex: 0 0 100%;max-width: 100%;}
    .member-project-two .member-project-item-images{order: 1;}

     /* Colors Typography Section */
    .typo-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
    .typo-grid .typo-grid-item:nth-child(2n)::before {display: none;}

}
@media screen and (max-width: 767px){
    /* Project Challenges Section */
    .project-challenges-image {width: 100%; justify-content: center;}
    .project-challenges-item-two {flex-direction: column-reverse;}
    .project-challenges-item{padding: 50px 20px 30px;}
    .project-challenges-item .project-challenges-content-title{min-width: 240px;text-align: center;padding: 14px 24px;}
    .project-challenges-group{gap: 60px;}

    /* Feature Section */
    .features-section {background-size: 70%,70%; background-position: left 30%,right 40%}
}

@media screen and (max-width: 768px){
    /* Banner Section */
    .lanyoce-left{max-width: 130px;}
    .lanyoce-top-anim{max-width: 170px;top: -16%;}

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

    /* Features Section */
    .features-section{background-size: 70%, 70%;background-position: left 16%, right 25%;}
    .features-group{flex-wrap: wrap;-webkit-flex-wrap: wrap;overflow: hidden;}
    .feat-group-left{flex: 0 0 100%;-webkit-flex: 0 0 100%;margin-top: 0;}
    .feature-circle-group{margin: 0 auto;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
    .feat-content{float: inherit;max-width: 100%;text-align: center;margin-top: 70px;}

    /* Colors Typography Section */
    .color-typography-group {flex-direction: column; gap: 50px;}
    .colors-side, .typography-side {width: 100%;}
    .color-group {gap: 24px;}
    .color-type-name {margin-bottom: 12px;}

    /* Timeline Section */
    .timeline-details{min-height: auto;border-left: 2px dashed #A1A1A1;padding-bottom: 40px;}

    /* Visual Design Section */
    .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) {
    /* Banner Section */
    .banner-bottom-content{max-width: 400px;}
    .lanyoce-left{max-width: 90px;left: -15px;}
    .lanyoce-top-anim{max-width: 130px;top: -26%;right: -15px;}

    /* Feature Section */
    .features-section {background-size: 70%,70%;}
    .features-item {flex: 0 0 calc(100% - 0px);max-width: calc(100% - 0px)}
     .feature-circle-group{width: 260px;height: 260px;}
     .feature-circle-group:before{width: 58%;height: 58%;}
     .active-icon{width: 58px;height: 58px;}
    .feat-group-right .dome-area:before{top: 24%;width: 170px;height: 170px;}

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

    /* Project Member Timeline Section  */
    .member-project-two{gap: 30px;}
    .member-project-two .member-project-item-images{flex-wrap: wrap;}
    .member-project-two .member-project-item-images>img{margin: 0 auto;order: 1;}

    .typo-grid{display: grid; grid-template-columns: 1fr; gap: 30px;}
    .typo-grid .typo-grid-item:nth-child(2n)::before {display: block;}
    .typo-grid .typo-grid-item {padding-right: 0;padding-bottom: 30px;}
    .typo-grid .typo-grid-item:before {content: '';width: 100%;height: 1px;right: 0;bottom: 0;background-image: linear-gradient(90deg, rgba(0, 80, 97, 0) 0%, rgba(0, 80, 97, 0.5) 50%, rgba(0, 80, 97, 0) 100%);}
}