.about_us_top_info_con { display: flex; flex-wrap: wrap; margin: 0 0 5rem;}
.about_us_top_info_con .sidebar { width: 50%; }
.about_us_top_info_con .right-info { width: 50%; }
.about_us_top_info_con .content { display: flex; gap: 2.8rem; }

.about_us_top_info_con .sidebar h2 { font-size: 7rem; margin: 6rem 0 1rem; background: linear-gradient(92.47deg, var(--priColor) 2.07%, var(--fifthColor) 30.72%); -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.about_us_top_info_con .sidebar h3 { width: 43%; text-wrap: wrap;}


.working_process { position: relative; padding: 5rem 0; height: 47rem; margin: 5rem 0; }
.working_process::before { content: url('../../images/abstract-3d-lattice-sphere.webp'); position: absolute; top: -2%; right: -21%;  animation: spin360 10s linear infinite; will-change: transform; }
.working_process::after { content: ''; position: absolute; top: 50%; background-image: linear-gradient(135.15deg, var(--fifthColor) 1.34%, var(--6thColor) 77.26%); left: 50%; width: 1920px; height: 100%; transform: translate(-50%, -50%); z-index: -1; border-radius: 4rem; }
.heading_top_info { display: flex; align-items: center; gap: 12rem; margin:0 0 3rem;}
.heading_top_info h2 { color: var(--whiteColor); width: 70%; }
.working_process .slider { position: absolute; width: 1920px; left: 50%; transform: translateX(-50%); }
.slider_con { margin: 0 20px !important; background: var(--whiteColor); padding: 3rem; border-radius: 1.5rem; }
.top_info_slider { display: flex; justify-content: space-between; margin: 0 0 2rem; align-items: center;}
.top_info_slider figure { width: 40%; border-radius: 1rem; overflow: hidden; height: 11rem;}
.top_info_slider p { width: 55%; }
.slider_con h3 {margin: 0;}

.online_process {position: relative;}
.online_process_bottom_info { display: grid; grid-template-columns: repeat(2, 25%); justify-content: space-between; gap: 7rem; }
.online_process_bottom_info .top_info { display: flex; align-items: center; gap: 1rem; position: relative; padding: 0 0 1.5rem;}
.online_process_bottom_info .top_info::after {content: ''; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--border2); position: absolute;}
.online_process_bottom_info .top_info h4 { width: 80%; }
.online_process_bottom_info p { margin: 1.5rem 0 0; }
.middle_info { position: absolute; top: 30%; left: 50%; transform: translateX(-50%); width: 45%; }

.total-sales { position: absolute; bottom: 1%; left: 4%; background: #FFFC; border: 1px solid #9d9d9d45; border-radius: 1.5rem; width: fit-content; padding: 2rem 0; backdrop-filter: blur(60px); -webkit-backdrop-filter: blur(60px);  width: 58%; }
.total-sales span { color: var(--textColor); padding: 0 2rem 0 7rem; }
.total-sales h3 { padding: .5rem 2rem 0 7rem; }
.total-sales ul { display: flex; justify-content: space-around; position: relative; padding: 0.5rem 0 0; }
.total-sales ul li { color: var(--textColor); font-weight: 300; }
.total-sales ul li + li { color: #62DE47; list-style: disclosure-closed; }
.total-sales ul::after { content: ''; position: absolute; top: -.5rem; width: 100%; height: 1px; background: #5555551a; }
.total-sales::after { content: url('../../images/home/growth.png'); position: absolute; top: 22%; left: 9%; background: var(--priColor); text-align: center; width: 20%; height: 30%; display: flex; align-items: center; justify-content: center; border-radius: .5rem; }

.happy-client { position: absolute; top: 20%; right: 11%; background: #FFFC; border-radius: 20rem; backdrop-filter: blur(60px); -webkit-backdrop-filter: blur(60px); }
.happy-client li { position: relative; padding: .5rem 1.7rem .5rem 6rem; }
.happy-client li h3 { margin: 0; }
.happy-client li::after { content: url('../../images/home/shield.png'); position: absolute; top: 50%; left: 9%; transform: translateY(-50%); background: #7EE167; padding: 0.7rem .8rem; text-align: center; border-radius: 50px; }

.smart_strategies { padding: 5rem 0; position: relative; margin: 10rem 0 0; }
.smart_strategies::after { content: ''; position: absolute; top: 0; left: 50%; width: 1920px; background: var(--secColor); height: 100%; transform: translateX(-50%); z-index: -1; }
.smart_strategies::before { content: url('../../images/home/circle-abstract.png'); position: absolute; top: -8%; right: -13%; rotate: -4deg; }
.smart_top_info h2 { color: var(--whiteColor); width: 70%; }
.smart_top_info { display: flex; flex-wrap: wrap; align-items: center; }
.smart_top_info span { width: 30%; }
.smart_bottom_info { margin: 3rem 0; display: flex; justify-content: space-between; align-items: center; }
.smart_bottom_info img { border-radius: 1.5rem; overflow: hidden; }
.smart_bottom_info ul li h3 { color: var(--whiteColor); }
.smart_bottom_info figure { width: 40%; }
.smart_bottom_info ul { width: 53%; }
.smart_bottom_info ul li { display: flex; justify-content: space-between; border-bottom: 1px solid var(--border2);padding: 2rem 0;}
.smart_bottom_info ul li p { color: var(--whiteColor); width: 47%; }
.smart_bottom_info ul li:first-child { border-top: 1px solid var(--border2); }
.client_choose { margin: 5rem 0; }

/* Client Choose section  */
.client_choose .sub-heading-bullet { margin: 0 auto 1rem; }
.client_choose_top_info h2 { width: 80%; margin: 0 auto; text-align: center; }
.client_choose_item { padding: 3rem 3rem;   border-radius: 1.5rem; display: flex; gap: 6rem; position: relative; overflow: hidden;}
.client_choose_item:nth-child(1) { background: linear-gradient(116.19deg, #42A3DE 32.97%, #AA29CA 100%); }
.client_choose_item:nth-child(1)::after { content: url('../../images/home/circle-abstract.png'); position: absolute; bottom: -40%; right: 0; rotate: 6deg; }

.client_choose_item:nth-child(2) { background: linear-gradient(116.19deg, #C75E7D 32.97%, #25DBE8 100%); }
.client_choose_item:nth-child(2)::after { content: url('../../images/home/decore-1.png'); position: absolute; bottom: -41%; right: 0; width: fit-content; height: auto; background-size: cover; background-position: center; z-index: 1; pointer-events: none; transform: translate(var(--banner-before-tx), var(--banner-before-ty)) rotate(var(--banner-before-rot)); transition: transform 350ms cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; rotate: -25deg;}
.client_choose_item:nth-child(3) { background: linear-gradient(116.19deg, #5B994C 32.97%, #CA4C72 100%);}
.client_choose_item:nth-child(3)::after { content: url('../../images/abstract.webp'); position: absolute; bottom: -74%; right: 0; will-change: transform;}
.client_choose_item:nth-child(3) { background: linear-gradient(116.19deg, #5B994C 32.97%, #CA4C72 100%);}
.client_choose_item:nth-child(4) { background: linear-gradient( 116.19deg, #C85C8E 0%, #6FA8B8 45%, #63A86B 100% ); }
.client_choose_item:nth-child(4)::after { content: url('../../images/decore-2.png'); position: absolute; top: 32%; right: -1%; width: fit-content; height: auto; background-size: cover; background-position: center; z-index: 1; pointer-events: none; transform: translate(var(--banner-before-tx), var(--banner-before-ty)) rotate(var(--banner-before-rot)); transition: transform 350ms cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; rotate: -20deg; }
.client_choose_item h3 { color: var(--whiteColor); margin: 0 0 1rem; }
.client_choose_item p { color: var(--whiteColor); }
.client_choose_bottom_info { display: flex; flex-wrap: wrap; flex-direction: column; gap: 2rem;  margin: 3rem 0 0;}
.client_choose_item img { width: 90%; }