.special-projects-hero .container::before,
.special-projects-top-row .top-img-wrapper .inner-wrapper::before,
.work-content-block .img-block .inner-block::before,
.swiper-button-next::before,
.swiper-button-prev::before {
  display: inline-block;
  cursor: pointer;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.special-projects-hero {
  background: #EEF7FF;
  padding: 0 0 50px;
}

.special-projects-hero .container {
  position: relative;
}

.special-projects-hero .container::before {
  content: '';
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="278" height="314" viewBox="0 0 278 314" fill="none"><path d="M128.699 3.6795C134.887 0.106841 142.511 0.106837 148.699 3.67949L266.397 71.6325C272.585 75.2051 276.397 81.8077 276.397 88.953V224.859C276.397 232.004 272.585 238.607 266.397 242.18L148.699 310.133C142.511 313.705 134.887 313.705 128.699 310.133L11.0012 242.18C4.81314 238.607 1.00117 232.004 1.00117 224.859V88.953C1.00117 81.8077 4.81315 75.2051 11.0012 71.6325L128.699 3.6795Z" stroke="%2300AEA9" stroke-width="2"/></svg>');
  background-color: #00AEA9;
  width: 278px;
  height: 314px;
  position: absolute;
  top: 35%;
  right: -510px;
  transform: rotate(90deg);
  cursor: auto;
}

.special-projects-top-row {
  flex-wrap: wrap;
  display: flex;
  margin-bottom: 50px;
}

.special-projects-top-row .data-col {
  width: calc(100% - 610px);
  padding-top: 60px;
}

.special-projects-top-row .data-col .h2 {
  margin-bottom: 10px;
  font-family: 'Montserrat';
}

.special-projects-top-row .data-col p {
  padding-right: 115px;
}

.special-projects-top-row .img-col {
  width: 610px;
}

.special-projects-top-row .data-col img {
  max-width: 580px;
  margin-bottom: 110px;
}

.special-projects-top-row .top-img-wrapper .inner-wrapper {
  width: 320px;
  height: 290px;
  margin-left: auto;
  margin-right: 45px;
  position: relative;
}

.special-projects-top-row .top-img-wrapper .inner-wrapper img {
  border-radius: 20px;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.special-projects-top-row .top-img-wrapper {
  margin-bottom: 30px;
}

.special-projects-top-row .top-img-wrapper .inner-wrapper::before {
  content: '';
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="422" height="467" viewBox="0 0 422 467" fill="none"><path d="M13.0226 115.643C13.4254 108.509 17.6036 102.132 23.9832 98.914L213.842 3.14327C220.221 -0.0748157 227.833 0.355035 233.81 4.2709L411.679 120.808C417.656 124.724 421.089 131.531 420.687 138.665L408.697 350.972C408.294 358.106 404.116 364.483 397.737 367.701L207.878 463.472C201.499 466.69 193.887 466.26 187.91 462.344L10.0408 345.808C4.06405 341.892 0.630394 335.085 1.03326 327.951L13.0226 115.643Z" stroke="%23093C63" stroke-width="2"/></svg>');
  background-color: #093C63;
  width: 422px;
  height: 467px;
  position: absolute;
  top: -170px;
  left: -50px;
  z-index: 1;
  background-size: cover;
  cursor: unset;
}

.special-projects-top-row .top-img-wrapper .inner-wrapper:after {
  content: '';
  background: url(../images/dash-circle.svg);
  position: absolute;
  top: -210px;
  left: -5px;
  width: 574px;
  height: 506px;
  transform: rotate(-27.94deg);
  background-size: cover;
}

.special-projects-top-row .bottom-img-wrapper img {
  border-radius: 20px;
  width: 100%;
  position: relative;
  z-index: 1;
}

/* Why work */

.work {
  padding: 100px 0;
}

.work-content-block {
  display: flex;
  background: #EEF7FF;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  flex-wrap: wrap;
}

.work-content-block::before {
  content: '';
  background: url(../images/dash-circle.svg);
  position: absolute;
  top: -35px;
  left: -56px;
  width: 168px;
  height: 148px;
  background-size: cover;
}

.work-content-block::after {
  content: '';
  background: url(../images/dash-circle.svg);
  position: absolute;
  bottom: -40px;
  left: 55%;
  width: 146px;
  height: 128px;
  background-size: cover;
}

.work-content-block .img-block {
  width: 435px;
  position: relative;
  /* overflow: hidden; */
}

.work-content-block .img-block .inner-block {
  position: absolute;
  top: -50px;
  left: 0;
}

.work-content-block .img-block .inner-block::before {
  content: '';
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="643" height="692" viewBox="0 0 643 692" fill="none"><path d="M39.366 147.976C40.196 140.876 44.756 134.766 51.326 131.946L351.766 2.62622C358.326 -0.193781 365.906 0.696219 371.626 4.96622L633.836 200.496C639.566 204.766 642.576 211.766 641.746 218.866L603.516 543.716C602.676 550.816 598.126 556.926 591.556 559.746L291.116 689.066C284.556 691.896 276.976 690.996 271.256 686.726L9.046 491.196C3.316 486.926 0.305999 479.926 1.136 472.826L39.366 147.976Z" stroke="%23103D63" stroke-width="2"/></svg>');
  background-color: #093C63;
  width: 643px;
  height: 692px;
  position: absolute;
  top: -27px;
  left: 8px;
}

.work-content-block .img-block img {
  object-fit: cover;
}

.work-content-block .data-block {
  width: calc(100% - 435px);
  padding: 62px 66px 62px 50px;
  position: relative;
  z-index: 1;
}

.work-content-block .data-block .h3 {
  max-width: 500px;
}

.work-content-block .data-block li {
  line-height: 1.56;
  margin-bottom: 0;
}

.mask-img {
  mask-image: url('../images/work-mask-shape.svg');
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 100%;
  width: 636px;
  height: 636px;
}

/* How We Help */

.help {
  background: #042A4B;
  padding: 100px 0;
  overflow: hidden;
}

.help .container {
  position: relative;
}

.help .container::before,
.help .container::after,
.help .row:after,
.collaborations .container::before,
.collaborations .container::after {
  display: inline-block;
  cursor: pointer;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.help .container::before {
  content: '';
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="375" height="427" viewBox="0 0 375 427" fill="none"><path d="M177.286 3.67951C183.474 0.106856 191.098 0.106852 197.286 3.67951L363.57 99.6837C369.758 103.256 373.57 109.859 373.57 117.004V309.013C373.57 316.158 369.758 322.761 363.57 326.333L197.286 422.337C191.098 425.91 183.474 425.91 177.286 422.337L11.0019 326.333C4.81384 322.761 1.00186 316.158 1.00186 309.013L1.00186 117.004C1.00186 109.859 4.81384 103.256 11.0019 99.6838L177.286 3.67951Z" stroke="%230033A0" stroke-width="2"/></svg>');
  background-color: #0033A0;
  width: 375px;
  height: 427px;
  position: absolute;
  top: 100px;
  left: -500px;
  transform: rotate(17.94deg);
}

.help .container::after {
  content: '';
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="375" height="427" viewBox="0 0 375 427" fill="none"><path d="M177.286 3.67951C183.474 0.106856 191.098 0.106852 197.286 3.67951L363.57 99.6837C369.758 103.256 373.57 109.859 373.57 117.004V309.013C373.57 316.158 369.758 322.761 363.57 326.333L197.286 422.337C191.098 425.91 183.474 425.91 177.286 422.337L11.0019 326.333C4.81384 322.761 1.00186 316.158 1.00186 309.013L1.00186 117.004C1.00186 109.859 4.81384 103.256 11.0019 99.6838L177.286 3.67951Z" stroke="%230033A0" stroke-width="2"/></svg>');
  background-color: #00AEA9;
  width: 479px;
  height: 546px;
  position: absolute;
  bottom: -280px;
  right: -550px;
  transform: rotate(30deg);
}

.help .sec-title-block {
  text-align: left;
}

.help .sec-title-block .h3 {
  color: #5AC2E7;
}

.help .sec-title-block p {
  color: #FFFFFF;
}

.help .row {
  margin-top: 50px;
  margin-left: -25px;
  margin-right: -25px;
  position: relative;
}

.help .row [class*="col-"] {
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 50px;
}

.help .row:after {
  content: '';
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="146" height="128" viewBox="0 0 146 128" fill="none"><g style="mix-blend-mode:luminosity" opacity="1"><path d="M143.957 59.6584C142.053 56.3724 138.318 54.8102 134.78 55.4746L116.301 23.4585H55.8707L62.6769 11.6792H96.3132C97.5343 15.037 100.713 17.4611 104.484 17.4611C109.297 17.4611 113.212 13.5466 113.212 8.73433C113.212 3.92204 109.297 0.00756836 104.484 0.00756836C100.677 0.00756836 97.4805 2.46758 96.2772 5.86132H59.3007L40.8574 37.8235C40.3366 37.7158 39.7978 37.6619 39.2591 37.6619C34.4462 37.6619 30.5312 41.5764 30.5312 46.3887C30.5312 51.201 34.4462 55.1154 39.2591 55.1154C44.0719 55.1154 47.9869 51.201 47.9869 46.3887C47.9869 44.2339 47.1788 42.2946 45.8857 40.7684L52.5124 29.2943H112.943L129.77 58.4194C127.471 61.1487 126.968 65.1171 128.854 68.3851C130.47 71.1684 133.397 72.7485 136.414 72.7485C137.905 72.7485 139.396 72.3714 140.76 71.5814C142.772 70.4322 144.226 68.5467 144.819 66.2842C145.43 64.0397 145.124 61.6874 143.939 59.6584H143.957ZM104.502 5.84336C106.101 5.84336 107.411 7.15417 107.411 8.75228C107.411 10.3504 106.101 11.6612 104.502 11.6612C102.904 11.6612 101.593 10.3504 101.593 8.75228C101.593 7.15417 102.904 5.84336 104.502 5.84336ZM39.2591 49.2976C37.6608 49.2976 36.3498 47.9868 36.3498 46.3887C36.3498 44.7906 37.6608 43.4798 39.2591 43.4798C40.8574 43.4798 42.1683 44.7906 42.1683 46.3887C42.1683 47.9868 40.8574 49.2976 39.2591 49.2976ZM139.216 64.7759C139.018 65.5301 138.534 66.1406 137.869 66.5356C136.468 67.3257 134.69 66.8588 133.9 65.4762C133.092 64.0936 133.577 62.298 134.96 61.4899C135.409 61.2206 135.912 61.1128 136.414 61.1128C137.42 61.1128 138.408 61.6336 138.947 62.5673C139.324 63.2317 139.431 64.0218 139.234 64.7759H139.216Z" fill="%23FFFFFF"/><path d="M111.019 49.531C111.36 49.1359 111.773 48.8127 112.042 48.3638C113.21 46.3527 113.515 44.0004 112.922 41.7379C112.312 39.4754 110.875 37.608 108.864 36.4408C106.835 35.2737 104.482 34.9684 102.237 35.561C99.9923 36.1715 98.1067 37.608 96.9394 39.6191C94.5329 43.785 95.9696 49.1359 100.136 51.5421C101.483 52.3142 102.973 52.7092 104.482 52.7092C105.003 52.7092 105.524 52.6015 106.044 52.4938L112.689 63.9858L82.4648 116.328H48.8286C47.6074 112.971 44.4288 110.546 40.6575 110.546C35.8446 110.546 31.9297 114.461 31.9297 119.273C31.9297 124.086 35.8446 128 40.6575 128C44.4647 128 47.6613 125.54 48.8645 122.146H85.841L116.047 69.8036L122.853 81.6009L106.044 110.726C104.787 110.493 103.494 110.529 102.237 110.852C99.9923 111.462 98.1067 112.899 96.9394 114.91C95.7721 116.939 95.4668 119.291 96.0594 121.536C96.67 123.78 98.1067 125.666 100.118 126.815C101.465 127.587 102.955 127.982 104.464 127.982C105.218 127.982 105.99 127.874 106.745 127.677C109.007 127.066 110.875 125.63 112.042 123.619C113.21 121.608 113.515 119.255 112.922 116.993C112.581 115.7 111.899 114.605 111.055 113.617L129.552 81.565L111.019 49.4592V49.531ZM40.6575 122.218C39.0592 122.218 37.7482 120.907 37.7482 119.309C37.7482 117.711 39.0592 116.4 40.6575 116.4C42.2558 116.4 43.5668 117.711 43.5668 119.309C43.5668 120.907 42.2558 122.218 40.6575 122.218ZM103.045 46.5323C101.662 45.7242 101.178 43.9466 101.986 42.546C102.363 41.8816 102.991 41.3968 103.746 41.1993C103.997 41.1274 104.248 41.0915 104.5 41.0915C105.003 41.0915 105.506 41.2172 105.955 41.4866C106.619 41.8636 107.104 42.4921 107.301 43.2463C107.499 44.0004 107.409 44.7905 107.014 45.4549C106.637 46.1193 106.008 46.6041 105.254 46.8016C104.5 46.9991 103.71 46.8914 103.045 46.5143V46.5323ZM107.014 120.764C106.637 121.428 106.008 121.913 105.254 122.11C104.5 122.308 103.71 122.2 103.045 121.823C102.381 121.428 101.896 120.8 101.698 120.063C101.501 119.309 101.591 118.519 101.986 117.855C102.363 117.19 102.991 116.705 103.746 116.508C103.997 116.436 104.248 116.4 104.5 116.4C105.003 116.4 105.506 116.526 105.955 116.795C106.619 117.172 107.104 117.801 107.301 118.555C107.499 119.309 107.391 120.099 106.996 120.764H107.014Z" fill="%23FFFFFF"/><path d="M65.7276 104.567C65.9072 105.07 66.1227 105.555 66.3921 106.039C67.5594 108.051 69.445 109.505 71.6898 110.098C72.4441 110.295 73.2163 110.403 73.9705 110.403C75.479 110.403 76.9696 110.008 78.3165 109.236C80.3278 108.069 81.7825 106.201 82.3751 103.939C82.9677 101.676 82.6624 99.3418 81.5131 97.3307C80.3458 95.3016 78.4781 93.8651 76.2153 93.2546C73.9526 92.662 71.6 92.9673 69.5887 94.1344C67.721 95.2118 66.4459 96.8817 65.7635 98.7672H52.5102L22.286 46.4246L39.1131 17.2635C39.616 17.3533 40.1188 17.4611 40.6216 17.4611C43.6387 17.4611 46.5839 15.8989 48.2001 13.0977C50.6066 8.93181 49.1699 3.58084 45.0035 1.17469C40.8371 -1.24941 35.4855 0.205054 33.0791 4.37091C31.1755 7.65692 31.7142 11.6612 34.0488 14.4085L15.5696 46.4246L45.7937 98.7492H32.1812L15.3541 69.6061C16.1622 68.6365 16.8267 67.5412 17.1499 66.2842C17.7605 64.0397 17.4372 61.6874 16.2879 59.6763C15.1206 57.6472 13.2529 56.2107 10.9901 55.6002C8.72738 55.0077 6.37482 55.3129 4.36347 56.4801C0.197099 58.8862 -1.23958 64.2372 1.16686 68.4031C2.33416 70.4142 4.20184 71.8686 6.46461 72.4612C7.21886 72.6587 7.99108 72.7664 8.74533 72.7664C9.28409 72.7664 9.80489 72.6587 10.3436 72.551L28.8409 104.585H65.7456H65.7276V104.567ZM72.4979 99.1622C72.9469 98.9108 73.4497 98.7672 73.9526 98.7672C74.204 98.7672 74.4554 98.8031 74.7068 98.8749C75.4611 99.0724 76.0717 99.5572 76.4668 100.222C76.8439 100.886 76.9517 101.676 76.7541 102.43C76.5566 103.184 76.0717 103.795 75.4072 104.19C74.7428 104.567 73.9526 104.693 73.1983 104.477C72.4441 104.28 71.8335 103.795 71.4384 103.131C70.6303 101.748 71.1151 99.9523 72.5159 99.1442L72.4979 99.1622ZM38.1254 7.29779C38.6642 6.36406 39.6519 5.84333 40.6576 5.84333C41.1604 5.84333 41.6453 5.96902 42.1122 6.22041C43.495 7.02845 43.9799 8.80612 43.1897 10.2067C42.3816 11.5893 40.6037 12.0562 39.2029 11.2841C37.8201 10.4761 37.3352 8.69838 38.1254 7.29779ZM7.97312 66.8229C7.21886 66.6254 6.60828 66.1406 6.21319 65.4762C5.40506 64.0936 5.88994 62.2979 7.27274 61.4899C7.95516 61.1128 8.74534 61.0051 9.48163 61.2026C10.2359 61.4001 10.8465 61.8849 11.2416 62.5673C11.6187 63.2317 11.7264 64.0217 11.5289 64.7759C11.3314 65.5301 10.8465 66.1406 10.182 66.5356C9.51755 66.9127 8.72738 67.0384 7.97312 66.8229Z" fill="%23FFFFFF"/></g></svg>');
  background-color: #fff;
  position: absolute;
  top: 280px;
  right: -400px;
  width: 145px;
  height: 128px;
  transform: rotate(-18.934deg);
  opacity: 0.1;
}

.help-data-block {
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.50);
  background: #FFF;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.help-data-block .top {
  padding: 30px 30px 12px;
}

.help-data-block .title-block .h4 {
  margin-bottom: 0;
  margin-left: 20px;
}

.help-data-block .title-block svg {
  width: 70px;
  height: auto;
}

.help-data-block .title-block {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.help-data-block p {
  color: #333;
  opacity: 0.8;
}

.help-data-block ul {
  padding-left: 25px;
}

.help-data-block li {
  font-weight: 700;
  opacity: 0.8;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 0;
}

.help-data-block .bottom {
  border-radius: 0 0 20px 20px;
  background: #EEF7FF;
  padding: 20px 30px;
}

.help-data-block .bottom .h6 {
  font-size: 18px !important;
  line-height: 28px !important;
  margin-bottom: 10px;
}

.help-data-block .bottom a {
  padding-left: 35px;
  background: url('../images/upper-right-arrow.svg');
  background-size: 25px;
  background-position: top left;
  background-repeat: no-repeat;
  color: #333333;
  text-decoration: underline;
  font-size: 18px;
  line-height: 28px;
}

.help-data-block .bottom a:hover {
  text-decoration: none;
}

.help .btn-block {
  text-align: center;
}

.help .btn-block .btn:hover,
.help .btn-block .btn:focus {
  background-color: #fff;
  color: #042A4B !important;
}

.help .btn:not(:hover),
.help .btn:not(:focus) {
  color: #042A4B;
}

.btn-redirect:focus-visible {
  outline: 3px solid #fff !important;
}

/* Who We Serve */

.serve {
  padding: 100px 0;
}

.serve .container-fluid {
  max-width: 1850px;
}

.serve .sec-title-block {
  text-align: center;
  margin-bottom: 30px;
}

.serve-card {
  position: relative;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);
  background: #FFF;
  height: 100%;
}

.serve-card .switch-btn {
  display: block;
  width: 110px;
  height: 40px;
  border-radius: 200px;
  border: 2px solid #003057;
  margin: -10px auto 0;
  position: absolute;
  bottom: 30px;
  margin: 0;
  left: 50%;
  transform: translateX(-50%);
}

.serve-card .switch-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  width: 40px;
  height: 14px;
  border-radius: 20px;
  background: #003057;
}

.serve-card-back {
  padding: 30px 20px 60px;
  border: 1px solid #FFF;
  background: #EAFFFE;
  height: 100%;
}

.serve-card-back .h6 {
  font-size: 21px !important;
  line-height: 1.33 !important;
  color: #003057;
  margin-bottom: 20px;
}

.serve-card-back .text-box {
  border-left: 6px solid #00AEA9;
  background: #FFF;
  padding: 20px;
  margin-bottom: 20px;
}

.serve-card-back .text-box span {
  color: #00817D;
  font-family: "DM_Sans";
  font-size: 16px;
  font-weight: 700;
  line-height: 1.75;
  display: block;
}

.serve-card-back .text-box p {
  opacity: 0.8;
  color: #333333;
}

.serve-card-back .text-box p:last-child {
  margin-bottom: 0;
}

.serve-card-back .text-box.grey span {
  color: #042A4B;
}

.serve-card-back .text-box.grey {
  border-left: 6px solid #042A4B;
  background: #EEE;
}

.serve-card-front {
  background: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 125px 35px 80px;
  border: 1px solid rgba(4, 42, 75, 0.50);
}

.serve-card-front svg {
  margin-bottom: 30px;
}

.serve-card .serve-card-front .switch-btn {
  border-color: #00AEA9;
}

.serve-card .serve-card-front .switch-btn::before {
  background: #00AEA9;
  right: unset;
  left: 13px;
}

.serve-card-front {
  opacity: 1;
  transition: 0.5s all ease;
}

.serve-card-back {
  position: relative;
  opacity: 0;
  transition: 0.5s all ease;
}

.serve-card:hover .serve-card-front .serve-card:focus .serve-card-front {
  opacity: 0;
}

.serve-card:hover .serve-card-back,
.serve-card:focus .serve-card-back {
  opacity: 1;
}

.serve .row [class*="col-"] {
  padding-right: 25px;
  padding-left: 25px;
  margin-bottom: 50px;
}

.serve .row {
  margin-left: -25px;
  margin-right: -25px;
}

.serve .btn-block {
  text-align: center;
}

/* Our Work in Action */

.action {
  padding: 100px 0;
  background: #F3F6FE;
}

.action .container {
  position: relative;
}

.action .container::before {
  content: '';
  background: url(../images/dash-circle.svg);
  position: absolute;
  top: -20px;
  left: -435px;
  width: 240px;
  height: 212px;
  background-size: cover;
  transform: rotate(-27.94deg);
}

.action .container::after {
  content: '';
  background: url(../images/dash-circle.svg);
  position: absolute;
  bottom: 8px;
  right: -390px;
  width: 145px;
  height: 128px;
  background-size: cover;
}

.action .sec-title-block {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  text-align: left;
}

.action-nav {
  border-bottom: 1px solid #093C63;
  position: relative;
  z-index: 1;
}

.action-nav .nav-link {
  padding: 15px 22px;
  opacity: 0.7;
  color: #093C63;
  border: 1px solid transparent;
  background: no-repeat;
  line-height: 1.56;
  border-radius: 10px 10px 0 0 !important;
  transition: 0.3s all ease;
}

.action-nav .nav-link.active,
.action-nav .nav-link:hover {
  border-color: transparent;
  background: #093C63;
  opacity: 1;
}

.action-tab-content {
  padding: 50px 0 0;
  position: relative;
  z-index: 1;
}

.action-tab-content .row {
  align-items: center;
}

.action-tab-content .row:not(:last-child) {
  margin-bottom: 30px;
}

.action-tab-content .row .img-col {
  text-align: right;
}

.action-tab-content .row .img-col img {
  max-width: 100%;
  border-radius: 20px;
}

/* Featured Collaborations */

.collaborations {
  padding: 100px 0;
  background: #F3F6FE;
  overflow: hidden;
}

.collaborations .sec-title-block {
  text-align: center;
  margin-bottom: 40px;
}

.collaborations-content-row {
  border-radius: 20px;
  border: 1px solid #093C63;
  margin: 0;
  position: relative;
  z-index: 1;
  background: #F3F6FE;
}

.collaborations-content-row [class*="col"] {
  padding: 30px 55px 84px 30px;
  position: relative;
}

.collaborations-content-row [class*="col"]:nth-child(2n) {
  padding: 30px 30px 84px 55px;
  border-left: 1px solid #093C63;
}

.collaborations-content-row .logo-block {
  padding: 10px;
  border-radius: 10px;
  background: #FFF;
  display: inline-block;
  margin-bottom: 30px;
  /* max-width: 224px; */
}

.collaborations-content-row .logo-block img {
  /* max-width: 100%; */
  height: 70px;
}

.collaborations-content-row .subtitle {
  color: #007d7a;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.56;
  font-family: 'DM_Sans';
  display: block;
  margin-bottom: 20px;
}

.collaborations-content-row .h6 {
  margin-bottom: 10px;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 1.16 !important;
  color: #333;
}

.collaborations-content-row p:not(:last-child) {
  margin-bottom: 30px;
}

.collaborations-content-row .btn {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.collaborations-content-row [class*="col"]:nth-child(2n) .btn {
  left: 55px;
}

.collaborations .container {
  position: relative;
}

.collaborations .container::before {
  content: '';
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="375" height="427" viewBox="0 0 375 427" fill="none"><path d="M177.286 3.67951C183.474 0.106856 191.098 0.106852 197.286 3.67951L363.57 99.6837C369.758 103.256 373.57 109.859 373.57 117.004V309.013C373.57 316.158 369.758 322.761 363.57 326.333L197.286 422.337C191.098 425.91 183.474 425.91 177.286 422.337L11.0019 326.333C4.81384 322.761 1.00186 316.158 1.00186 309.013L1.00186 117.004C1.00186 109.859 4.81384 103.256 11.0019 99.6838L177.286 3.67951Z" stroke="%230033A0" stroke-width="2"/></svg>');
  background-color: #0033A0;
  width: 375px;
  height: 427px;
  position: absolute;
  top: 10px;
  left: -500px;
  transform: rotate(-110deg);
  cursor: auto;
}

.collaborations .container::after {
  content: '';
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="375" height="427" viewBox="0 0 375 427" fill="none"><path d="M177.286 3.67951C183.474 0.106856 191.098 0.106852 197.286 3.67951L363.57 99.6837C369.758 103.256 373.57 109.859 373.57 117.004V309.013C373.57 316.158 369.758 322.761 363.57 326.333L197.286 422.337C191.098 425.91 183.474 425.91 177.286 422.337L11.0019 326.333C4.81384 322.761 1.00186 316.158 1.00186 309.013L1.00186 117.004C1.00186 109.859 4.81384 103.256 11.0019 99.6838L177.286 3.67951Z" stroke="%230033A0" stroke-width="2"/></svg>');
  background-color: #00AEA9;
  width: 479px;
  height: 546px;
  position: absolute;
  bottom: -280px;
  right: -550px;
  transform: rotate(30deg);
  cursor: auto;
}

.collaborations .bottom-text {
  text-align: center;
  margin-top: 30px;
  position: relative;
  z-index: 1;
}

.collaborations .bottom-text a {
  color: #002f5d;
  transition: all 0.15s ease-in-out;
}

.collaborations .bottom-text a:hover {
  color: #00AEA9;
}

/* Trusted By */

.trusted-by {
  padding: 100px 0;
}

.trusted-by .container-fluid {
  padding: 0;
  max-width: 1920px;
}

.sec-title-block {
  text-align: center;
  margin-bottom: 40px;
}

.trusted-by-slider .inner-slider {
  padding: 28px 15px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.trusted-by-slider .inner-slider img {
  max-width: 100%;
  max-height: 113px;
  width: auto;
  height: auto;
}

.trusted-by-slider .swiper-wrapper {
  align-items: stretch;
}

.trusted-by-slider .swiper-slide {
  height: auto;
  display: flex;
}

.trusted-by-slider {
  height: 100%;
  position: relative;
}

.trusted-by-slider::before {
  content: '';
  position: absolute;
  top: 0;
  left: -150px;
  width: 385px;
  height: 100%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 49.87%);
  z-index: 2;
}

.trusted-by-slider::after {
  content: '';
  position: absolute;
  top: 0;
  right: -150px;
  width: 385px;
  height: 100%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50.13%);
  z-index: 2;
  transform: rotate(-180deg);
}

.trusted-by-slider .swiper-button-next svg,
.trusted-by-slider .swiper-button-prev svg {
  display: none;
}

.trusted-by-slider .swiper-button-next,
.trusted-by-slider .swiper-button-prev {
  width: 70px;
  height: 70px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  transition: 0.3s all ease;
  top: 40%;
  display: flex;
}

.trusted-by-slider .swiper-button-next {
  right: 75px;
}

.trusted-by-slider .swiper-button-prev {
  left: 75px;
}

.trusted-by-slider .swiper-button-next::before,
.trusted-by-slider .swiper-button-prev::before {
  content: '';
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14" fill="none"><path d="M12 6.92822L6.52532e-07 2.04563e-05L4.68497e-08 13.8564L12 6.92822Z" fill="%2300AEA9"/></svg>');
  background-color: #00AEA9;
  width: 12px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s all ease;
}

.trusted-by-slider .swiper-button-prev::before {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14" fill="none"><path d="M-3.49691e-07 6.92822L12 2.04563e-05L12 13.8564L-3.49691e-07 6.92822Z" fill="%2300AEA9"/></svg>');
}

.trusted-by-slider .swiper-button-next:hover,
.trusted-by-slider .swiper-button-prev:hover {
  background: #00AEA9;
}

.trusted-by-slider .swiper-button-next:hover:before,
.trusted-by-slider .swiper-button-prev:hover:before {
  background-color: #fff;
}

[class*="swiper-button-"][role="button"]:focus-visible {
  outline: 3px solid currentColor !important;
  outline-offset: 3px !important;
}

/* Meet Our Team */

.team {
  padding: 100px 0;
  background: #EEF7FF;
  position: relative;
  overflow: hidden;
}

.team .sec-title-block {
  margin-bottom: 50px;
}

/* .team-card-row {
  margin-left: -50px;
  margin-right: -50px;
} 

.team-card-row [class*="col-"] {
  padding-left: 50px;
  padding-right: 50px;
} */

.team-card {
  text-align: center;
  position: relative;
  z-index: 1;
}

.team-card img {
  width: auto;
  height: auto;
  max-width: 100%;
  border-radius: 50%;
  margin: 0 auto;
  display: block;
}

.team-card .h6 {
  margin: 20px 0 10px;
}

.team-card a:hover {
  text-decoration: none;
  color: #2d2d2d;
}

.team::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 593px;
  height: 433px;
  background: url('../images/team-bg-shape.svg');
  background-size: cover;
}

.team::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 498px;
  height: 370px;
  background: url('../images/team-bg-shape-bottom.svg');
  background-size: cover;
}




@media screen and (max-width: 1850px) {
  .help .row:after {
    right: -200px;
  }
}

@media screen and (max-width: 1799px) {
  .special-projects-top-row .top-img-wrapper .inner-wrapper::before {
    width: 338px;
    height: 374px;
    top: -100px;
    left: -30px;
  }

  .special-projects-top-row .top-img-wrapper .inner-wrapper:after {
    width: 459px;
    height: 405px;
    top: -190px;
    left: 25px;
  }

  .special-projects-top-row .data-col img {
    max-width: 480px;
    margin-bottom: 100px;
  }

  .special-projects-top-row .img-col {
    width: 550px;
  }

  .special-projects-top-row .data-col {
    width: calc(100% - 550px);
    padding-top: 60px;
  }

  .special-projects-top-row .top-img-wrapper .inner-wrapper {
    width: 288px;
    height: 261px;
  }

  .special-projects-hero .container::before {
    width: 222px;
    height: 251px;
    right: -270px;
  }

  .action .container::before {
    width: 192px;
    height: 170px;
    left: -215px;
  }

  .action .container::after {
    right: -190px;
  }

  .collaborations .container::before {
    width: 300px;
    height: 342px;
    left: -330px;
  }

  .collaborations .container::after {
    width: 383px;
    height: 437px;
    bottom: -230px;
    right: -410px;
  }

  .team::after {
    width: 398px;
    height: 296px;
  }

  .team::before {
    width: 474px;
    height: 346px;
  }
}

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

  .work,
  .help,
  .serve,
  .action,
  .collaborations,
  .trusted-by,
  .team {
    padding: 80px 0;
  }

  .special-projects-top-row .data-col {
    padding-top: 80px;
  }

  .special-projects-top-row .data-col img {
    max-width: 420px;
  }

  .special-projects-top-row .data-col p {
    padding-right: 60px;
  }

  /* .special-projects-top-row .top-img-wrapper .inner-wrapper::before {
    width: 270px;
    height: 299px;
  }

  .special-projects-top-row .top-img-wrapper .inner-wrapper:after {
    width: 367px;
    height: 324px;
  } */

  .special-projects-hero .container::before {
    right: -160px;
  }

  .special-projects-top-row .top-img-wrapper .inner-wrapper {
    margin-right: 100px;
  }

  .work-content-block::after {
    left: 53%;
  }

  .help .row [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }

  .help .row,
  .serve .row {
    margin-left: -15px;
    margin-right: -15px;
  }

  .serve .row [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }

  .serve-card-back .text-box p {
    font-size: 16px;
  }

  .serve-card-back .text-box {
    padding: 15px;
  }

  .serve-card .serve-card-front .switch-btn::before {
    left: 10px;
  }

  .serve-card .switch-btn::before {
    right: 10px;
    height: 12px;
  }

  .serve-card .switch-btn {
    width: 100px;
    height: 36px;
    bottom: 20px;
  }

  .serve-card-back {
    padding: 25px 20px 50px;
  }

  .team::before {
    width: 379px;
    height: 277px;
  }

  .team::after {
    width: 318px;
    height: 237px;
    right: -50px;
    bottom: -50px;
  }

  .help .row:after {
    right: -90px;
    top: 43%;
  }

  .help .container::before {
    top: 70px;
    left: -180px;
  }

  .help .container::after {
    right: -390px;
  }

  .action .container::before {
    left: -130px;
  }

  .action .container::after {
    right: -60px;
  }

  .collaborations .container::before {
    width: 270px;
    height: 308px;
    left: -180px;
  }

  .collaborations .container::after {
    width: 345px;
    height: 393px;
    bottom: -230px;
    right: -230px;
  }

  .trusted-by-slider .inner-slider img {
    max-height: 100px;
  }

  .collaborations-content-row .logo-block {
    /* max-width: 200px; */
  }

  .collaborations-content-row .logo-block img {
    height: 60px;
  }
}

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

  .special-projects-top-row .data-col img {
    max-width: 350px;
  }

  .special-projects-top-row .img-col {
    width: 500px;
  }

  .special-projects-top-row .data-col {
    width: calc(100% - 500px);
  }

  .special-projects-top-row .top-img-wrapper .inner-wrapper {
    width: 259px;
    height: 235px;
  }

  .trusted-by-slider .inner-slider img {
    max-height: 80px;
  }

  .trusted-by-slider::after,
  .trusted-by-slider::before {
    width: 300px;
  }

  .trusted-by-slider .swiper-button-next,
  .trusted-by-slider .swiper-button-prev {
    width: 60px;
    height: 60px;
    top: 46%;
  }

  .trusted-by-slider .swiper-button-next {
    right: 50px;
  }

  .trusted-by-slider .swiper-button-prev {
    left: 50px;
  }

  .action-nav .nav-link {
    padding: 12px 20px;
  }

  .action-tab-content {
    padding: 30px 0 0;
  }
}

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

  .show-text {
    width: 100%;
    margin-bottom: 10px;
  }

  .portfolio-section .all-show-tab ul li {
    margin: 4px 5px 4px 0;
  }

  .portfolio-section {
    padding: 70px 0;
  }

  .work,
  .help,
  .serve,
  .action,
  .collaborations,
  .trusted-by,
  .team {
    padding: 60px 0;
  }

  .special-projects-top-row .img-col {
    width: 300px;
  }

  .special-projects-top-row .data-col {
    width: calc(100% - 300px);
    padding-top: 50px;
  }

  .special-projects-top-row .data-col p {
    padding-right: 20px;
    font-size: 16px;
  }

  .special-projects-top-row .data-col img {
    max-width: 300px;
    margin-bottom: 30px;
  }

  .special-projects-top-row .top-img-wrapper .inner-wrapper {
    margin-right: 20px;
    width: 181px;
    height: 165px;
  }

  .special-projects-top-row .top-img-wrapper .inner-wrapper::before {
    width: 228px;
    height: 260px;
    top: -80px;
    left: -20px;
  }

  .special-projects-top-row .top-img-wrapper .inner-wrapper:after {
    width: 315px;
    height: 278px;
    top: -100px;
    left: -5px;
  }

  .special-projects-hero .container::before {
    width: 159px;
    height: 181px;
    top: 55%;
    right: -140px;
  }

  .special-projects-bottom-row .data-block:has(.icon-block) {
    flex-direction: column;
  }

  .special-projects-bottom-row .data-block:has(.icon-block) .h5 {
    width: 100%;
    padding-left: 0;
    text-align: center;
    margin-top: 10px;
  }

  .special-projects-bottom-row .icon-block {
    width: 80px;
    height: 80px;
  }

  .special-projects-bottom-row .icon-block svg {
    max-width: 45px;
    max-height: 45px;
  }

  .work-content-block .data-block,
  .work-content-block .img-block {
    width: 100%;
  }

  .work-content-block .img-block {
    order: -1;
  }

  .work-content-block .img-block .inner-block {
    position: relative;
    width: 500px;
    height: 500px;
    margin: -70px auto 0;
    top: 0;
  }

  .work-content-block .img-block img {
    width: 100%;
    height: 100%;
  }

  .work-content-block .img-block .inner-block::before {
    width: 493px;
    height: 692px;
    position: absolute;
    top: -100px;
    left: 0;
  }

  .work-content-block .data-block .h3 {
    max-width: 100%;
  }

  .work-content-block::after {
    left: unset;
    right: -70px;
  }

  .help-data-block .top {
    padding: 20px 20px 12px;
  }

  .help-data-block .title-block svg {
    width: 60px;
  }

  .help-data-block .bottom {
    padding: 20px;
  }

  .help-data-block .bottom a {
    font-size: 16px;
    line-height: 25px;
  }

  .help .container::before {
    width: 300px;
    height: 342px;
  }

  .help .container::after {
    width: 383px;
    height: 437px;
    right: -325px;
    bottom: -200px;
  }

  .action .container::before {
    width: 154px;
    height: 136px;
  }

  .action .container::after {
    width: 116px;
    height: 102px;
    right: -110px;
  }

  .collaborations-content-row [class*="col"]:nth-child(2n) {
    border-left: unset;
    border-top: 1px solid #093C63;
  }

  .collaborations-content-row .btn {
    position: unset;
  }

  .collaborations-content-row [class*="col"],
  .collaborations-content-row [class*="col"]:nth-child(2n) {
    padding: 30px;
  }

  .team::before {
    width: 246px;
    height: 180px;
  }
}

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

  .work,
  .help,
  .serve,
  .action,
  .collaborations,
  .trusted-by,
  .team {
    padding: 50px 0;
  }

  .special-projects-top-row .img-col,
  .special-projects-top-row .data-col {
    width: 100%;
  }

  .special-projects-top-row .img-col {
    order: -1;
    display: none;
  }

  .special-projects-top-row .top-img-wrapper .inner-wrapper {
    margin-right: auto;
  }

  .special-projects-top-row .top-img-wrapper .inner-wrapper::before,
  .special-projects-top-row .top-img-wrapper .inner-wrapper:after {
    display: none;
  }

  .special-projects-top-row .data-col {
    padding-top: 40px;
  }

  .special-projects-top-row .data-col img {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .special-projects-top-row .data-col p {
    padding-right: 0;
  }

  .special-projects-top-row {
    margin-bottom: 30px;
  }

  .work-content-block .img-block .inner-block {
    position: relative;
    width: 400px;
    height: 400px;
    margin: -50px auto 0;
    top: 0;
  }

  .work-content-block .img-block .inner-block::before {
    width: 373px;
    height: 404px;
    position: absolute;
    top: 0;
    left: 10px;
  }

  .work-content-block .data-block {
    padding: 25px;
  }

  .work-content-block::before {
    top: 305px;
    left: -76px;
    width: 134px;
    height: 118px;
  }

  .sec-title-block {
    margin-bottom: 30px;
  }

  .help .row {
    margin-top: 30px;
  }

  .help-data-block .title-block .h4 {
    margin-left: 10px;
  }

  .help-data-block .bottom .h6 {
    font-size: 16px !important;
    line-height: 25px !important;
  }

  .serve-card-front svg {
    max-width: 80px;
    margin-bottom: 20px;
  }

  .action .container::before {
    left: -90px;
  }

  .action .container::after {
    right: -80px;
    bottom: -50px;
  }

  .action .nav-tabs {
    justify-content: center;
  }

  .action-tab-content .row .img-col {
    order: -1;
    margin-bottom: 30px;
  }

  .collaborations .sec-title-block {
    margin-bottom: 30px;
  }

  .collaborations-content-row [class*="col"],
  .collaborations-content-row [class*="col"]:nth-child(2n) {
    padding: 20px;
  }

  .collaborations-content-row .logo-block {
    /* max-width: 160px; */
    margin-bottom: 20px;
  }

  .trusted-by-slider::after,
  .trusted-by-slider::before {
    width: 200px;
  }

  .trusted-by-slider::after {
    right: -100px;
  }

  .trusted-by-slider::before {
    left: -100px;
  }

  .trusted-by-slider .swiper-button-next,
  .trusted-by-slider .swiper-button-prev {
    width: 50px;
    height: 50px;
    top: 48%;
  }

  .trusted-by-slider .swiper-button-next {
    right: 10px;
  }

  .trusted-by-slider .swiper-button-prev {
    left: 10px;
  }

  .trusted-by-slider .inner-slider {
    padding: 15px;
  }

  .team .sec-title-block {
    margin-bottom: 30px;
  }

  .team-card-row>div:not(:last-child) {
    margin-bottom: 30px;
  }

  .team::before {
    top: -30px;
    left: -30px;
  }

  .serve-card-back {
    min-height: 380px;
  }

  .collaborations-content-row .logo-block img {
    height: 50px;
  }
}