.touch-device .banner .bg .layer.one { background: #a1cdc7; }
.touch-device .banner .bg .layer.one .loop { display: none; }

.touch-device .people--behind .mobile-listing { display: block; }
.touch-device .people--behind .desktop-listing { display: none; }

.touch-device .banner .bg .layer { transform: scale(1); }

.touch-device .banner.mobile { display: flex; position: static; }
.touch-device .banner.desktop, .touch-device .banner--space { display: none; }

.touch-device .the--company--space, .touch-device .home--the--company.desktop { display: none; }
.touch-device .home--the--company.mobile { display: flex; position: static; transform: translateY(0); min-height: 10vh; }

.touch-device .team--list li { opacity: 1; transform: translateY(0); }
.touch-device .team--list .card:hover .card-img { clip-path: none; }
.touch-device .team--list .card:hover .card-img img { transform: none; }

.touch-device .what--we--do .card:hover .card-img img, .touch-device .what--we--do .card .card-img img { transform: none; }

.what--we--do .card { opacity: 1; transform: translateY(0); }

.touch-device .mission--vision .card { transform: translateY(0px); opacity: 1; }

@media screen and (min-width: 2048px) {
	body p { font-size: 18px; }

	.container { max-width: 1800px; }

	.company--link--list a span { font-size: 24px; }
	.company--feature--list li .counter--wrapper .counter--value, .company--feature--list li .counter--wrapper span { font-size: 70px; }
	.team--list { gap: 35px; }
	.team--list .card .card-title img { width: 28px; }
	.what--we--do .card .card-title { font-size: 40px; }
	.footer address, .footer .c-link, .footer .footer--links a { font-size: 18px; }
	.footer .c-link a { --font-size: 18px; }
	.what--we--do .row { --bs-gutter-x: 50px; }
	.news--list { gap: 30px; }
	.mission--vision .row { --bs-gutter-x: 40px; }

	.company--feature--list li > p:first-of-type { font-size: 26px; margin-bottom: 12px; }
	.tabs--wrapper .tab { font-size: 20px; }
	.accordion--list li .accordion--body .d-flex { margin-bottom: 40px; }

	.text--editor ul li { font-size: 18px; }
}
@media screen and (max-width: 1921px) {
	.section-subtitle { font-size: 41px; }

	.button { padding: 18px 25px; }

	.hero { font-size: 64px; }

	.header .logo { width: 280px; }
	.header .navbar--nav .dropdown .dropdown-menu li .card .card-title { font-size: 24px; }
	.header .navbar--nav .dropdown .dropdown-menu li .card .card-text { font-size: 13px; }
	.header .navbar--nav .dropdown .dropdown-menu li .card .card-body .link span { font-size: 14px; }

	.banner .banner-content .title { font-size: 50px; }

	.header--space { min-height: 89px; }

	.contact--us .form--box .h2 { font-size: 34px; }

	.news--list .card .card-title { font-size: 30px; }

	.insight--details h3 { font-size: 32px; }
	.insight--details p { font-size: 18px; margin-bottom: calc(var(--gap) * 3); }

	.footer .p2 { margin-bottom: calc(var(--gap) * 2); }
}
@media screen and (max-width: 1700px) {
	.form-group, .input-group { margin-bottom: calc(var(--gap) * 4); }
	.form-control { font-size: 16px; }
	label { font-size: 18px; }

	.section-title { font-size: 20px; margin-bottom: calc(var(--gap) * 3); }
	.section-subtitle { font-size: 44px; margin-bottom: calc(var(--gap) * 4); }

	.h4 { font-size: 26px; }
	.accordion--list li .accordion--header .icon { width: 48px; margin-right: calc(var(--gap) * 5); }

	.p1 { font-size: 20px; margin-bottom: calc(var(--gap) * 3); }
	.p2 { font-size: 18px; margin-bottom: calc(var(--gap) * 3); }
	.h4 { font-size: 22px; }

	.header .logo { width: 310px; }
	.header .logo span { left: 93px; font-size: 11px; }
	.header .navbar--nav > li { padding: calc(var(--gap) * 3) calc(var(--gap) * 2.5); }
	.header.active .navbar--nav > li { padding: calc(var(--gap) * 3) calc(var(--gap) * 1.5); }
	.header .navbar--nav .dropdown .dropdown-menu { padding: 15px; gap: 20px; }
	.header .navbar--nav .dropdown .dropdown-menu li .card .card-title { font-size: 22px; margin-bottom: calc(var(--gap) * 1.5); }
	.header .navbar--nav .dropdown .dropdown-menu li .card .card-text { font-size: 12px; }

	.banner .banner-content .title { font-size: 44px; }

	.inner--banner .h4 { font-size: 36px; }

	.banner--navigation--wrapper { right: 50px; gap: 60px; }

	.people--behind, .the--company, .why--wb, .mission--vision, .what--we--do, .our--approach, .our--advantages, .bank--relationship, .our--expertise, .work--with--us, .insights.insights-page { padding: 100px 0px; }
	.our--approach { margin-top: 100px; }
	.ceo--message, .join--team { padding-bottom: 100px; }
	.contact--band { padding: 60px 0px; }
	.private--client { padding-top: 100px; }

	.company--feature--list { margin-top: calc(var(--gap) * 6); }
	.company--feature--list li .counter--wrapper .counter--value, .company--feature--list li .counter--wrapper span { font-size: 52px; }
	.company--link--list a span { font-size: 18px; }

	.people--behind.leadership { background-size: 600px auto; }

	.company--feature--list li > p:first-of-type { font-size: 18px; }

	.what--we--do .card .card-title { font-size: 32px; margin-bottom: calc(var(--gap) * 2); }
	.what--we--do .card .card-text { margin-bottom: calc(var(--gap) * 3); }

	.footer .footer--logo { margin-bottom: 50px; }
	.footer .p2 { margin-bottom: calc(var(--gap) * 3); }
	.footer address { margin-bottom: calc(var(--gap) * 3); }

	.bank--relationship .bank--title { font-size: 32px; }
	.bank--relationship .bank--title .bank--count { font-size: 40px; }

	.accordion--list li .accordion--header { padding: calc(var(--gap) * 2) 0; }
	.accordion--list:not(.join--team--accordion) li .accordion--body { padding: 0 0 0 112px; }

	.contact--us .contact--box .h4 { font-size: 28px; }

	.team--list .card .card-title { font-size: 28px; }
	.team--list .card .card-text { font-size: 15px; }

	.our--advantages .advantages--list { gap: calc(var(--gap) * 6); }
	.our--advantages .advantages--list .media .media-img { width: 60px; }
	.our--advantages .advantages--list .media .media-body .media-title { font-size: 28px; }

	.news--list .card .card-title { font-size: 28px; }
	.news--list .card .card-text { font-size: 18px; }

	.contact--us .hero { font-size: 48px; }

	.insight--text--box { padding: calc(var(--gap) * 5) 0 calc(var(--gap) * 6); }
	.insight--details { padding: 30px 0 60px; }
	.insight--details h3 { font-size: 28px; }
	.insight--details p { font-size: 16px; }
}
@media screen and (max-width: 1500px) {
	.header .navbar--nav .dropdown .dropdown-menu { width: 70vw; }

	.header--space { min-height: 90px; }

	.people--behind, .the--company, .why--wb, .mission--vision, .what--we--do, .our--approach, .our--advantages, .bank--relationship, .our--expertise, .work--with--us, .insights.insights-page { padding: 80px 0px; }
	.our--approach { margin-top: 80px; }
	.ceo--message, .join--team { padding-bottom: 80px; }
	.private--client { padding-top: 80px; }

	.container-fluid { max-width: calc(100% - 100px); }
	label { font-size: 16px; }
	.contact--us .checklist .form-check-input { border-width: 1px; }
	.contact--us .checklist li .form-check-label { font-size: 14px; }

	.button { padding: 18px 25px; }

	.section-subtitle { font-size: 40px; }

	.link span { font-size: 14px; }

	.header .logo { width: 260px; }
	.header .logo span { left: 78px; bottom: -4px; }
	.header .navbar--nav > li { padding: calc(var(--gap) * 2.5) calc(var(--gap) * 2); }

	.banner--navigation--wrapper { gap: 50px; }
	.banner .bg .layer img { object-position: center right; }

	.inner--banner .h4 { font-size: 32px; }

	.the--company .row { --bs-gutter-x: 60px; }

	.company--feature--list li { padding: 0 calc(var(--gap) * 2); }
	.company--feature--list li .counter--wrapper .counter--value, .company--feature--list li .counter--wrapper span { font-size: 46px; }
	.company--feature--list li .counter--wrapper span { font-size: 50px; }
	.company--link--list a span { font-size: 16px; }
	.company--link--list a img { width: 7px; }

	.work--with--us .icon { width: 60px; }

	.what--we--do .card .card-title { font-size: 30px; }
	.what--we--do .card .card-body { padding: calc(var(--gap) * 3); }

	.team--list { gap: 25px; margin-top: 40px; }
	.team--list .card .icon { width: 25px; }
	.team--details li .text-box { padding: calc(var(--gap) * 5); }

	.footer { padding: 60px 0px; }
	.footer .section-subtitle { margin-bottom: 30px; }
	.footer .social--links a { height: 16px; }
	.copy .extra--links a { font-size: 14px; }

	.tabs--wrapper .tab { font-size: 22px; padding: calc(var(--gap) * 2); }

	.people--behind.leadership { background-size: 500px auto; }

	.our--advantages .advantages--list { gap: calc(var(--gap) * 5); }
	.our--advantages .advantages--list .media .media-img { width: 50px; }
	.our--advantages .advantages--list .media .media-body .media-title { font-size: 24px; }

	.bank--relationship .bank--title { font-size: 28px; }
	.bank--relationship .bank--title .bank--count { font-size: 36px; }

	.accordion--list li .accordion--header .icon { margin-right: calc(var(--gap) * 4); }
	.accordion--list:not(.join--team--accordion) li .accordion--body { padding: 0 0 0 104px; }

	.contact--us .hero { font-size: 40px; }
	.contact--us .contact--box .h4 { font-size: 24px; }
	.contact--us .contact--box { margin-bottom: calc(var(--gap) * 5); }
	.contact--us .form--box { padding: calc(var(--gap) * 8) calc(var(--gap) * 6); }
	.form-group, .input-group { margin-bottom: calc(var(--gap) * 3); }

	.insights-page .news--list { gap: 30px; }
	.work--with--us .title--grp { margin-bottom: 60px; }

	.news--list .card .card-title { font-size: 26px; }

	.insight--text--box { padding: calc(var(--gap) * 5) 0 calc(var(--gap) * 4); }
	.insight--details { padding: 20px 0 60px; }
}
@media screen and (max-width: 1400px) {
	body { font-size: 14px; }
	body p { margin-bottom: 16px; }

	.header .navbar--nav > li { padding: calc(var(--gap) * 2.5) calc(var(--gap) * 2); }
	.header.active .navbar--nav > li { padding: calc(var(--gap) * 2) calc(var(--gap) * 1.5); }
	.header .navbar--nav > li > a { font-size: 15px; }

	.header .navbar--nav .dropdown .dropdown-menu li .card .card-body { padding: 0 calc(var(--gap) * 1) 0 calc(var(--gap) * 2); }
	.header .navbar--nav .dropdown .dropdown-menu li .card .card-title { font-size: 22px; line-height: 1.2; margin-bottom: var(--gap); }
	.header .navbar--nav .dropdown .dropdown-menu li .card .card-text { font-size: 12px; }

	.hero { font-size: 58px; }

	.section-title { font-size: 20px; }
	.section-subtitle { font-size: 34px; }

	.form-group, .input-group { margin-bottom: calc(var(--gap) * 3); }
	.button { padding: 15px 20px; }
	
	.touch-device .banner .bg

	.banner .banner-content { padding: 35px 0px 0px; bottom: 10%; }
	.banner--navigation--wrapper { bottom: 40px; }
	.banner--navigation--wrapper .swiper-pagination .swiper-pagination-current { font-size: 30px; }

	.inner--banner .h4 { font-size: 28px; }

	.team--list .card .card-title { font-size: 24px; }

	.copy .extra--links a { font-size: 14px; }
	.copy p, .copy .copy--note { font-size: 12px; }

	.contact--us .checklist .form-check-input { width: 16px; height: 15px; }
	.contact--us .hero { font-size: 34px; }
	.contact--us .contact--box .h4 { font-size: 22px; }
	.contact--us .contact--box .link span { font-size: 12px; }
	.contact--us .social--links a .svg { width: 18px; }

	.news--list .card .card-title { font-size: 24px; margin-bottom: var(--gap); }

	.team--list { display: flex; gap: 20px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; scroll-snap-type: x mandatory; }
	.team--list li { min-width: calc(100% / 4 - 20px); width: calc(100% / 4 - 20px); white-space: initial; }

	.news--list .card .card-img .tag--date { align-items: flex-start; flex-direction: column-reverse; }

	.insight--details h3 { font-size: 28px; }
	.insight--details p { font-size: 16px; }

	.our--expertise .section-title { margin-bottom: calc(var(--gap) * 3); }
	.our--advantages .advantages--list { gap: calc(var(--gap) * 4); }

	.accordion--list:not(.join--team--accordion) li .accordion--body { padding: 0 0 0 96px; }
	.accordion--list:not(.join--team--accordion) li .accordion--body.active { margin: 5px 0px 20px; }
	.join--team--accordion li .accordion--body { padding-left: calc(100% / 12 * 4); }
}
@media screen and (max-width: 1370px) {
	.hero { font-size: 50px; }

	.header .logo { width: 210px; }
	.header.active .navbar--nav > li > a { font-size: 14px; }

	.company--feature--list li > p:first-of-type { font-size: 16px; }
	.accordion--list li .accordion--header .icon { width: 40px; }

	.mission--vision .row { --bs-gutter-x: 25px; }
	.news--list .card .card-text { font-size: 16px; }

	.what--we--do .row { --bs-gutter-x: 20px; }
}

@media screen and (max-width: 1300px) {
	.header .logo span { font-size: 10px; }

	.header .navbar--nav .dropdown .dropdown-menu { width: 80vw; }

	.insight--details h3 { font-size: 24px; }
	.insight--details p { font-size: 14px; }
}
@media screen and (max-width: 1280px) {
	.team--list { margin-top: 40px; }
}
@media screen and (max-width: 1201px) {
	.section-title { font-size: 18px; }
	.section-subtitle { font-size: 32px; margin-bottom: calc(var(--gap) * 3); }

	.h4 { font-size: 20px; line-height: 1.2; margin-bottom: calc(var(--gap) * 2); }

	.p1 { font-size: 18px; }
	.p2 { font-size: 16px; }
	.p3 { font-size: 14px; }
	.hero { font-size: 50px; }

	.header.active { padding: 5px 0; }
	.header .logo { width: 200px; }
	.header.active .logo { width: 180px; }

	.scroll { right: 40px; }

	.banner--navigation--wrapper { gap: 50px; }
	.banner--navigation--wrapper .swiper-pagination .swiper-pagination-current { font-size: 26px; }

	.the--company .row { --bs-gutter-x: 80px; }
	.the--company .img-box { aspect-ratio: 66/28; }
	.company--feature--list li .p2 br { display: none; }

	.people--behind { padding: 80px 0; }
	.insights { padding: 80px 0; }

	.accordion--list:not(.join--team--accordion) li .accordion--body.active { margin: 5px 0px 15px; }

	.team--list .card .card-title img { width: 18px; }
	.team--list .card .card-text { font-size: 13px; }
	.team--list .card .icon { width: 20px; }

	.what--we--do { padding: 80px 0px; }
	.what--we--do .card .card-body { padding: calc(var(--gap) * 3); }
	.what--we--do .card .card-title { font-size: 26px; }

	.the--company .center-box { margin-bottom: 40px; }

	.footer .footer--logo { width: 80px; }
	.footer .p2 { margin-bottom: calc(var(--gap) * 2); }
	.subscribe--box { margin-top: 40px; }

	.news--list .card .card-img { margin-bottom: calc(var(--gap) * 2); }
	.news--list .card .card-text { font-size: 18px; }
	.news--list .card .card-title { font-size: 22px; }
	.news--list .card .card-img .tag--date .date { font-size: 12px; }
	.news--list .card .card-img .tag--date .tag { font-size: 10px; }

	.insight--details .row, .insight--text--box .row { --bs-gutter-x: calc(var(--gap) * 2); }

	.company--feature--list { margin-bottom: 40px; }

	.home--the--company .button.desktop { display: none; }
	.home--the--company .button.mobile { display: inline-flex; }
}
@media screen and (max-width: 1026px) {
	.container-fluid { max-width: 90%; }
	.container, .container-md, .container-sm { max-width: 90%; }

	.hero { font-size: 40px; }

	.header { padding: calc(var(--gap) * 2) 0; }
	.header .logo { width: 250px; }
	.header.active .logo { width: 200px; }

	.header--space { min-height: 86px; }

	.desk--navbar--nav { display: none !important; }

	.hamburger-container { position: relative; z-index: 2; }
	.hamburger-btn { width: 30px; height: 30px; padding: 5px 0; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.4s ease; }
	.hamburger-line { width: 100%; height: 1px; background-color: #fff; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); transform-origin: center; }
	.hamburger-btn .hamburger-line:nth-child(2) { width: 20px; }
	.hamburger-btn.active .hamburger-line:nth-child(1) { transform: rotate(45deg) translate(9px, 9px); }
	.hamburger-btn.active .hamburger-line:nth-child(2) { opacity: 0; transform: scale(0); }
	.hamburger-btn.active .hamburger-line:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

	.menu-overlay { position: fixed; top: 0; left: 100%; width: 100%; height: 100%; padding: 100px 60px 60px 60px; background: rgb(var(--dark-green) / 100%) url("../images/we-do/logo-icon-bg.webp") no-repeat; background-position: center; background-size: contain; transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1); display: flex; flex-direction: column; z-index: 1; overflow: hidden; }
	.menu-overlay.active { left: 0; }
	.menu-item:hover, .menu-item:focus { color: rgb(var(--white) / 100%) !important; }
	.menu-item { color: white; text-decoration: none; font-size: 60px; font-family: var(--font-primary); line-height: 1.2; margin: 15px 0; opacity: 0; transform: translateX(50px); position: relative; display: inline-flex; flex-flow: row wrap; align-items: center; }
	.menu-overlay.active .menu-item { opacity: 0; animation: menuSmoothBounceIn 0.9s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
	.menu-overlay.active .menu-item:nth-child(1) { animation-delay: 0.1s; }
	.menu-overlay.active .menu-item:nth-child(2) { animation-delay: 0.2s; }
	.menu-overlay.active .menu-item:nth-child(3) { animation-delay: 0.3s; }
	.menu-overlay.active .menu-item:nth-child(4) { animation-delay: 0.4s; }
	.menu-overlay.active .menu-item:nth-child(5) { animation-delay: 0.5s; }
	.menu-overlay.active .menu-item:nth-child(6) { animation-delay: 0.6s; }

	@keyframes menuSmoothBounceIn {
		0% { opacity: 0; transform: translateX(50px); }
		100% { opacity: 1; transform: translateX(0); }
	}

	.services-dropdown { position: fixed; left: 100%; top: 0; width: 100%; height: 100%; padding: 100px 60px 60px 60px; display: inline-flex; flex-direction: column; z-index: 2; transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1); background: rgb(var(--dark-green) / 100%) url("../images/we-do/logo-icon-bg.webp") no-repeat; background-position: center; background-size: contain; }
	.services-dropdown.active { left: 0; }
	.menu-item .arrow { width: 25px; height: 25px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; margin-left: 10px; position: relative; transform: rotate(-45deg); transition: transform 0.4s ease; }
	.services-dropdown.active .services-trigger .arrow::before { transform: rotate(45deg); left: 10px; }
	.services-dropdown.active .services-trigger .arrow::after { transform: rotate(-45deg); left: 10px; }
	.services-dropdown a { font-size: 50px; font-family: var(--font-primary); text-transform: capitalize; line-height: 1.2; color: white; text-decoration: none; display: flex; align-items: center; transition: all 0.3s ease; position: relative; padding: 15px 0; overflow: hidden; }
	.services-dropdown a br { display: none; }
	.services-dropdown a .arrow { width: 20px; height: 20px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; margin-left: 5px; margin-right: 15px; position: relative; transform: rotate(45deg); transition: transform 0.4s ease; }

	.services-dropdown a.back--menu { font-size: 40px; border-bottom: 1px solid rgb(var(--white) / 10%); }

	.inner--header .hamburger-line { background-color: #000; }
	.inner--header .hamburger-btn.active .hamburger-line { background: #fff; }

	header.active .hamburger-btn .hamburger-line { background-color: #000; }
	header.active .hamburger-btn.active .hamburger-line:nth-child(1) { background: #fff; }
	header.active .hamburger-btn.active .hamburger-line:nth-child(3) { background: #fff; }

	.people--behind, .the--company, .why--wb, .mission--vision, .what--we--do, .our--approach, .our--advantages, .bank--relationship, .our--expertise, .work--with--us, .insights.insights-page, .insights, .what--we--do { padding: 60px 0px; }

	.banner--navigation--wrapper { gap: 40px; right: 30px; }
	.banner .bg .layer img { object-position: 75% center; }

	.inner--banner .h4 { font-size: 24px; }

	.ceo--message .ceos_regards .media-img { width: 100px; }

	.news--list .card .card-text { font-size: 16px; }
	.home--insights .col-lg-9 { flex: 1; }
	.home--insights .col-auto { flex: none; }

	.the--company .row, .people--behind .row, .what--we--do .row { --bs-gutter-x: 1.5rem; }

	.contact--us .form--box form .col-lg-6 { width: 100%; }
	.the--company, .why--wb, .mission--vision { padding: 60px 0; }

	.people--behind { padding: 60px 0; }
	.people--behind .description:not(+ div) .p1:last-child { margin-bottom: 0; }
	.team--list li { min-width: 250px; width: 250px; }

	.ceo--message { padding: 0px 0px 60px 0px; }

	.private--client { padding: 60px 0 0px 0px; }
	.our--approach { margin-top: 60px; }

	.join--team { padding: 0px 0px 60px 0px; }
	.home--the--company { min-height: auto; }
	.home--the--company .description-container { margin-bottom: 16px; }

	.accordion--list li .accordion--header:hover { background: none; }

	.footer .footer--links a, .footer address, .footer .c-link, .footer .c-link a { --font-size: 14px; }
	.copy .copy--note { margin-top: calc(var(--gap) * 3); }

	.contact--us { background-position: top center; }
	.contact--us .form--box { margin-top: 60px; }

	.accordion--list li .accordion--header .plus { width: 16px; }

	.page-link { font-size: 14px; }

	.contact--us { padding: 60px 0; }
}
@media screen and (max-width: 991px) {
	body p { font-size: 14px; }
	.section-title { font-size: 16px; }
	.section-subtitle { font-size: 28px; }

	.p1 { font-size: 16px; }
	.p2 { font-size: 14px; }
	.p3 { font-size: 12px; }

	.button { padding: 10px 15px; }
	.button span { font-size: 12px; }

	.header .logo { width: 220px; }
	.header.active .logo { width: 180px; }

	.header--space { min-height: 80px; }

	.inner--banner .section-title { margin-bottom: var(--gap); }

	.menu-item { font-size: 50px; }
	.menu-item .arrow { width: 22px; height: 22px; }
	.services-dropdown a { font-size: 40px; }
	.services-dropdown a.back--menu { font-size: 30px; }
	.services-dropdown a .arrow { width: 18px; height: 18px; }

	.banner--navigation--wrapper { gap: 30px; }
	.banner .banner-content { padding: 35px 0 140px; }

	.copy .extra--links { justify-content: start; }
	.join--team { padding: 0px 0px 60px; }

	.inner--banner .h4 { font-size: 22px; }

	.insight--text--box .img-box { margin-top: 0; }
	.insight--details h3 { font-size: 20px; margin-bottom: calc(var(--gap) * 2); }
	.insight--details p, .insight--text--box .p1 { margin-bottom: calc(var(--gap) * 2); }

	.ceo--message .read--more { display: inline-flex; margin-bottom: 30px; }
	.ceo--message .read--more--box { max-height: 0px; overflow: hidden; transition: var(--all-medium); margin-bottom: 0; }
	.ceo--message .read--more--box.active { margin-bottom: 20px; }

	.home--insights .news--list { display: flex; flex-wrap: nowrap; overflow: auto; }
	.home--insights .news--list li { min-width: 300px; }

	.team--details li .text-box { padding: calc(var(--gap) * 4); }

	.private--client .right-box { margin-bottom: calc(var(--gap) * 1); }

	.contact--us .contact--box { margin-bottom: calc(var(--gap) * 4); }
	.contact--us .contact--box .section-title { margin-bottom: calc(var(--gap) * 1); }
	.contact--us .contact--box .h4:has(+ .link) { margin-bottom: calc(var(--gap) * 2); }

	.modal-dialog { max-width: 90%; margin-left: auto; margin-right: auto; }
	.modal .modal-body { padding: calc(var(--gap) * 3); }

	.our--advantages .advantages--list { gap: calc(var(--gap) * 3); }
	.our--advantages .advantages--list .media { flex-direction: column; }
	.our--advantages .advantages--list .media .media-img { margin-right: 0; margin-bottom: 8px; }
	.our--advantages .advantages--list .media .media-body .media-title { text-align: center; }

	.join--team--accordion li .accordion--body { padding-left: 0; }
	.join--team--accordion li .accordion--body.active { margin: 0px 0px 20px; }

	.tabs--wrapper .tab { font-size: 18px; }
}
@media screen and (max-width: 991px) and (max-height: 450px) {
	.banner .banner-content { position: static; background: rgb(var(--dark-green) / 100%); }
}
@media screen and (max-width: 768px) {
	.container-fluid { max-width: calc(100% - 40px); }
	.button { padding: 10px 20px; }
	.button span { font-size: 12px; }

	.menu-item { font-size: 40px; }
	.menu-item .arrow { width: 20px; height: 20px; }
	.services-dropdown a { font-size: 30px; }
	.services-dropdown a.back--menu { font-size: 24px; }
	.services-dropdown a .arrow { width: 16px; height: 16px; }

	.home--insights .news--list .card-img img { width: 100%; height: auto; object-fit: cover; }

	.footer .footer--logo { margin-bottom: 30px; }
	.footer address { margin-bottom: calc(var(--gap) * 2); }
	.footer .c-link { margin-bottom: calc(var(--gap) * 3); }
	.copy .row { row-gap: 10px; }
	.copy .copy--note { margin-top: calc(var(--gap) * 2); }

	.relationship--list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
	.relationship--list li { padding: calc(var(--gap) * 2); border: 1px solid rgb(var(--gray) / 100%); }
	.relationship--list li .bank--title { justify-content: center; margin-bottom: 0; }
}
@media screen and (max-width: 767px) {
	.h4 { font-size: 20px; }
	.our--advantages .advantages--list .media .media-body .media-title { font-size: 16px; }
	.our--advantages .advantages--list .media .media-body .media-title { text-align: center; }
	.accordion--list:not(.join--team--accordion) li .accordion--body { padding: 0px; }
	.contact--band .col { margin-bottom: 10px; }

	.what--we--do .row { row-gap: 30px; }

	.ceo--message .img-box { margin-top: 30px; }

	.mission--card { margin-bottom: 30px; }

	.team--list { margin-top: 20px; }

	.mission--vision .card .card-img { display: none; margin-bottom: calc(var(--gap) * 2); }
	.mission--vision .card .card-img.mobile { display: flex; }

	.ceo--message .ceos_regards .sign-img { max-width: 110px; margin-bottom: 0px; }
	.ceo--message .ceos_regards .media-img { width: 80px; }

}

@media screen and (max-width: 576px) {
	body p { font-size: 14px; }

	.section-title { font-size: 16px; margin-bottom: calc(var(--gap) * 2); }
	.section-subtitle { font-size: 28px; }

	.link span { font-size: 12px; }

	.container, .container-md, .container-sm { max-width: calc(100% - 20px); }
	.container-fluid { max-width: calc(100% - 20px); }

	.header { padding: calc(var(--gap) * 1) 0; }
	.header:not(.inner--header, .active) { background: rgb(var(--dark-green) / 100%); }
	.header .logo { width: 180px; }

	.header--space { min-height: 55px; }

	.people--behind, .the--company, .why--wb, .mission--vision, .what--we--do, .our--approach, .our--advantages, .bank--relationship, .our--expertise, .work--with--us, .insights.insights-page, .insights { padding: 40px 0px; }
	.our--approach { margin-top: 40px; }

	.ceo--message .ceos_regards .sign-img { max-width: 100px; }
	.ceo--message .ceos_regards .media-body { text-align: left; }

	.menu-overlay { padding: 60px 30px 30px 30px; }
	.services-dropdown { padding: 60px 30px 30px 30px; }
	.menu-item { font-size: 30px; }
	.menu-item .arrow { width: 14px; height: 14px; }
	.services-dropdown a { font-size: 24px; }
	.services-dropdown a.back--menu { font-size: 20px; }
	.services-dropdown a .arrow { width: 10px; height: 10px; }

	.banner--navigation--wrapper { gap: 10px; right: 20px; bottom: 10px; }
	.banner--navigation--wrapper .swiper-pagination { font-size: 16px; }
	.banner--navigation--wrapper .swiper-pagination .swiper-pagination-current { font-size: 22px; }

	.banner .bg .layer { transform: scale(1.1); }

	.banner.mobile { padding-top: 55px; background: rgb(var(--dark-green) / 100%); }
	.banner .bg { height: auto; aspect-ratio: 1920/1080; background: rgb(var(--dark-green) / 100%); }

	.banner .banner-content .title { font-size: 32px; }
	.banner .banner-content .subtitle { margin-bottom: 30px; }

	.banner .banner-content { position: static; background: rgb(var(--dark-green) / 100%); padding: 40px 0 80px; }

	.news--list { grid-template-columns: repeat(1, 1fr); }
	.home--insights .col-lg-9 { flex: auto; }

	.hero { font-size: 30px; }
	.tabs--wrapper { align-items: unset; }
	.tabs--wrapper .tab { font-size: 16px; align-items: center; flex: 0 0 calc(100% / 3); padding: 10px 15px; line-height: 1.2; word-break: break-word; }
	.tabs--wrapper .tab br { display: block; }
	.page-link { font-size: 12px; }
	.what--we--do .col-md-4:last-child { margin-bottom: 0px; }

	.our--approach .col-md-3:nth-child(2) { order: 1; }
	.our--approach .img-box { margin-bottom: 20px; }
	.inner--banner { min-height: auto; }
	.the--company .container { overflow: hidden; }

	.footer .container-fluid .c-link { margin-bottom: 10px; }
	.footer address { margin-bottom: calc(var(--gap) * 2); }
	.footer .footer--links { margin-bottom: calc(var(--gap) * 1); }

	.modal-dialog-centered { min-height: calc(100% - 12rem); height: calc(100% - 12rem); margin-top: 6rem; }

	.company--feature--list li { padding: 0 calc(var(--gap) * 1); }
	.company--feature--list li .counter--wrapper .counter--value, .company--feature--list li .counter--wrapper span { font-size: 45px; }

	.ceo--message .text-box { margin-bottom: calc(var(--gap) * 1); }

	.people--behind .row { --bs-gutter-x: 10px; }
	.people--behind a.button { margin-bottom: 16px; }

	.the--company .row { --bs-gutter-x: 30px; }

	.footer .section-subtitle { margin-bottom: calc(var(--gap) * 2); }
	.p2 { margin-bottom: calc(var(--gap) * 1); }
	.mission--vision .col-xxl-4 .p2 { margin-bottom: calc(var(--gap) * 4); }
	.mission--vision .col-xxl-4:last-child .p2 { margin-bottom: 0px; }
	.home--insights .news--list { margin-bottom: calc(var(--gap) * 0); }
	.footer { padding: 60px 0; background-size: auto 20%; }
	.contact--us .form--box { padding: calc(var(--gap) * 3) calc(var(--gap) * 3); }
	.accordion--body .button { padding: 10px 10px; }

	.table--header { padding: calc(var(--gap) * 2) 0; }
	.table--header .p2:last-child { margin-right: 10px; }

	.accordion--list li .accordion--header { padding: calc(var(--gap) * 2) 0; }
	.accordion--list li .accordion--header .icon { width: 30px; margin-right: calc(var(--gap) * 2); }
	.accordion--list li .accordion--header .plus { width: 10px; }
	.accordion--list li .accordion--header .h4 { font-size: 18px; padding-right: 8px; }

	.contact--band .col { width: 100%; }
	.contact--band .col-auto { width: 100%; }
	.contact--band .section-subtitle { margin-bottom: 16px; }

	.relationship--list { gap: 15px; margin-top: 16px; }
	.relationship--list li { padding: calc(var(--gap) * 1.5); }
	.bank--relationship .bank--title { font-size: 20px; }

	.work--with--us .icon { margin-bottom: calc(var(--gap) * 2); }
	.work--with--us .row { row-gap: 0; }
	.work--with--us .col-lg-4:not(:last-child):has(.h4 + .p2) { margin-bottom: 30px; }

	.contact--us .form--box form .col-lg-6 .input-group { display: block; }

	.read--more { font-size: 16px; }
	.contact--us .hero, .contact--us .form--box .h2 { font-size: 30px; }

	.the--company .center-box { margin-bottom: 30px; }
	.company--feature--list { grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }

	.team--details li .text-box { padding: calc(var(--gap) * 3); }

	.footer .footer--logo { margin-bottom: 16px; }

	.copy .copy--note { margin-top: calc(var(--gap) * 2); }

	.bank--relationship .section-title.accesss { margin-bottom: calc(var(--gap) * 2); }

	.contact--us { background-position: top; background-size: contain; }

	.people--behind .section-subtitle:not(:has(+ .description)) { margin-bottom: 16px; }

	.news--list .card .card-img .tag--date { row-gap: 8px; }

	.footer .footer--logo { width: 60px; }
	.copy { padding: 20px 0; }
	.copy .copy--note { margin-top: var(--gap); }

	.work--with--us .title--grp { margin-bottom: 30px; }

	.copy .text-lg-end { display: none; }
	.copy .mobile-copy { display: block; }
}
@media screen and (max-width: 360px) {
	.accordion--body .d-flex { display: block !important; }
	.accordion--body .button { padding: 10px 10px; width: 100%; margin: 5px 0px; }
}