.banner-portfolio+.work-section {
  margin-top: 35px;
}

.banner-portfolio {
  position: relative;
  overflow: hidden;
  padding: 116px 0 50px;
  background-color: var(--OffWhite);
}

.banner-portfolio .section-title {
  margin-bottom: 0;
}

.banner-portfolio h1 {
  font-family: var(--poppins);
  margin-bottom: 30px;
}

.banner-portfolio h4 {
  font-family: var(--poppins);
  color: var(--PrimaryGreen);
  margin-bottom: 0;
  font-size: 20px;
}

.banner-portfolio .back-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.banner-portfolio .back-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
}

.banner-portfolio .right-text {
  position: relative;
  z-index: 2;
  /* min-height: 570px; */
}

.banner-portfolio .inner {
  position: relative;
}

.banner-portfolio [class*='button-'] {
  margin: 40px 0 0;
}

.banner-portfolio .click-form {
  font-size: 12px;
  letter-spacing: 0.5px;
  margin: 5px 0 0;
}

.banner-portfolio .click-form a {
  text-decoration: none;
}

.banner-portfolio .click-form a:hover {
  color: var(--tertiary_color);
}

.banner-portfolio .bullet-lists {
  margin: 40px 0 0;
  text-align: left;
}

.banner-portfolio .bullet-lists>div {
  position: relative;
  width: 100%;
  padding: 0 0 0 40px;
}

.banner-portfolio .bullet-lists>div::after {
  content: '';
  width: 13px;
  height: 13px;
  background-color: var(--primary_color);
  border-radius: 100%;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 0 3px rgba(242, 5, 135, 0.7);
}

.banner-portfolio .bullet-lists>div+div {
  margin: 10px 0 0;
}

/*portfolio listing new design*/
.banner-portfolio {
  padding: 120px 0px 42px 0px;
  height: auto;
}

.banner-portfolio .pre-title {
  margin-top: 0px;
  font-weight: 600;
}

.banner-portfolio h1 {
  margin: 0px 0px 0px 0px;
  line-height: 58px;
  margin-top: 26px;
}

.banner-portfolio .button-1 {
  display: none;
}

.portfolio-list-main {
  margin-top: 0px;
}


/* NEW BANNER STYLE */
.video-banner-portfolio {
  position: relative;
  z-index: 1;
  min-height: 600px;
  display: flex;
  align-items: center;
}

.video-banner-portfolio .video-banner-portfolio-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.video-banner-portfolio .video-banner-portfolio-wrap video,
.video-banner-portfolio .video-banner-portfolio-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-banner-portfolio::after {
  position: absolute;
  content: '';
  inset: 0;
  opacity: 0.75;
  z-index: -1;
  background-image: linear-gradient(90deg, rgba(4, 18, 31, 0.96) -1.12%, rgba(20, 114, 182, 0.96) 100%);
  /* background-image: linear-gradient(90deg, rgb(23 26 29 / 96%) -1.12%, rgb(24 28 31 / 96%)); */
}

.video-banner-portfolio .section-part {
  color: var(--white);
  max-width: 1325px;
}

.video-banner-portfolio .section-part h1,
portfolio .section-part .h2,
portfolio .section-part h2 {
  margin-top: 0;
  color: var(--newOragne);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 24px;
}

.video-banner-portfolio .section-part p {
  font-size: 24px;
  font-weight: 500;
  line-height: 45px;
  text-align: left;
  text-shadow: 0px 0px 16px black;
}

.esb-our-work-section{
  background-color: var(--BlueLight2);
  padding-top: 91px;
  color: var(--BlueTextColor);
  position: relative;
  z-index: 0;
}

.esb-our-work-section::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.2;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='1629' height='1080' viewBox='0 0 1629 1080' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3405_629' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1629' height='1080'%3E%3Cpath d='M0.00012207 1080L1628.16 1080L1628.16 0L0.00012207 0L0.00012207 1080Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3405_629)'%3E%3Cpath d='M1094.96 341.957L778.352 657.086L1386.43 1266.22L1411.51 1273.32L1774.3 1009.31L1094.96 341.957Z' fill='url(%23paint0_linear_3405_629)'/%3E%3Cpath opacity='0.8' d='M324.5 -182.5L-215 213L689.437 1128L719.42 1136.5L1229.93 712.216L324.5 -182.5Z' fill='url(%23paint1_linear_3405_629)'/%3E%3Cpath opacity='0.2' d='M74.86 58.4375L33.043 127.385L632.455 712.923L690.316 659.448L433.967 411.654L74.86 58.4375Z' fill='url(%23paint2_linear_3405_629)'/%3E%3Cpath opacity='0.04' d='M1166.98 656.52L1128.47 716.755L1637.14 1247.54L1701.12 1201.34L1478.59 976.66L1166.98 656.52Z' fill='url(%23paint3_linear_3405_629)'/%3E%3Cpath opacity='0.2' d='M36.7077 225L28.0117 262.158L593.892 809L615.012 784.847L593.892 763.172L36.7077 225Z' fill='url(%23paint4_linear_3405_629)'/%3E%3Cpath opacity='0.04' d='M1024.49 728.594L1018.06 756.146L1436.34 1161.62L1451.95 1143.71L1436.34 1127.64L1024.49 728.594Z' fill='url(%23paint5_linear_3405_629)'/%3E%3Cpath opacity='0.2' d='M242.651 51L233.984 88.0944L797.938 634L818.988 609.889L797.938 588.25L242.651 51Z' fill='url(%23paint6_linear_3405_629)'/%3E%3Cpath opacity='0.04' d='M1238.76 634.082L1232 663.056L1671.82 1089.45L1688.23 1070.62L1671.82 1053.72L1238.76 634.082Z' fill='url(%23paint7_linear_3405_629)'/%3E%3Cpath opacity='0.2' d='M599.677 -51L591.977 -17.9809L1093.08 467.95L1111.79 446.487L1093.08 427.226L599.677 -51Z' fill='url(%23paint8_linear_3405_629)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3405_629' x1='990.142' y1='506.524' x2='1570.39' y2='1094.41' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.425' stop-color='%23F6F7FC'/%3E%3Cstop offset='0.67' stop-color='%23F6F7FC'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0.3'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_3405_629' x1='210' y1='120.5' x2='909.04' y2='804.39' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.489857' stop-color='%23F0F3FF'/%3E%3Cstop offset='0.736967' stop-color='%23F0F3FF' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_3405_629' x1='124.747' y1='157.328' x2='648.09' y2='649.021' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.391445' stop-color='%230060B4'/%3E%3Cstop offset='0.737187' stop-color='%230060B4' stop-opacity='0.8'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_3405_629' x1='1218.9' y1='643.631' x2='1753.89' y2='1136.81' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.324403' stop-color='%230060B4'/%3E%3Cstop offset='0.7026' stop-color='%230060B4' stop-opacity='0.892673'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_3405_629' x1='146' y1='241.5' x2='650.633' y2='718.911' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.465' stop-color='%230060B4'/%3E%3Cstop offset='0.7026' stop-color='%230060B4' stop-opacity='0.892673'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_3405_629' x1='1086.58' y1='719.151' x2='1479.41' y2='1093.63' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.324403' stop-color='%230060B4'/%3E%3Cstop offset='0.7026' stop-color='%230060B4' stop-opacity='0.892673'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_3405_629' x1='326.367' y1='38.2862' x2='855.278' y2='543.226' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.45' stop-color='%230060B4'/%3E%3Cstop offset='0.7026' stop-color='%230060B4' stop-opacity='0.892673'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_3405_629' x1='1304.05' y1='624.152' x2='1717.14' y2='1017.91' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.324403' stop-color='%230060B4'/%3E%3Cstop offset='0.7026' stop-color='%230060B4' stop-opacity='0.892673'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint8_linear_3405_629' x1='674.064' y1='-62.317' x2='1144.82' y2='386.316' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.324403' stop-color='%230060B4'/%3E%3Cstop offset='0.7026' stop-color='%230060B4' stop-opacity='0.892673'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  /* background-size: 100%; */
}


.esb-our-work-section .esb-banner-secondary__content p{
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
  color: var(--BlueTextColor);
}

.our-work-banner{
  padding: 50px 0;
  background-color: var(--BlueLight2);
  position: relative;
}

.our-work-banner svg{
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  display: none;
}

.our-work-page .breadcrumb ul li a, .breadcrumb ul li > span{
  color: var(--dark);
  border-bottom: 1px solid transparent;
}

.our-work-page .breadcrumb ul li a:hover{
  border-bottom-color: var(--PrimaryGreen);
}

.our-work-page .breadcrumb ul li + li:before{
  color: var(--dark);
}

.our-work-page .breadcrumb .bread-wrap {
  padding: 15px 0;
}

.our-work-page .sec-esb-portfolio-secondary{
  background-color: var(--white);
  padding-top: 25px;
  padding-bottom: 50px;
}

.our-work-page .portfolio-pagination .circle-box{
  background-color: var(--BlueLight2);
}

.our-work-page .sec-esb-portfolio-secondary .esb-portfolio-secondary + svg{
  display: none;
}

@media (max-width: 1548px) {
  .video-banner-portfolio {
    min-height: 640px;
  }

  .video-banner-portfolio .section-part {
    max-width: 1115px;
  }

  .video-banner-portfolio .section-part p {
    font-size: 20px;
    line-height: 35px;
  }
}

@media (max-width: 1370px) {
  .video-banner-portfolio .section-part h1 {
    font-size: 43px;
    line-height: 0.85;
    margin-bottom: 14px;
  }

  .filter-wrapper .filter-title {
    font-size: 28px;
  }

  .filter-wrapper a {
    font-size: 18px;
  }
}

@media (max-width: 1200px) {}

@media (max-width: 991px) {
  .video-banner-portfolio {
    min-height: 530px;
  }
}

@media (max-width: 767px) {
  .filter-wrapper .filter-filed>div {
    width: 100%;
  }

  .filter-wrapper .filter-filed {
    gap: 20px;
  }
}

@media (max-width: 512px) {}

/* NEW BANNER STYLE */


@media (min-width: 1200px) {
  .banner-portfolio h1 {
    font-size: 42px;
    line-height: 63px;
  }
}

@media (min-width: 1430px) {
  .banner-portfolio .section-title h2 {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .banner-portfolio .bullet-lists {
    align-items: center;
  }

  .banner-portfolio .bullet-lists>div {
    width: calc(100% / 2);
  }

  /*.banner-portfolio {
    padding: 200px 0px 100px 0px;
  }*/
  .banner-portfolio .section-title h2 {
    margin-bottom: 20px;
  }

  .banner-portfolio {
    padding: 150px 0px 72px 0px;
  }

  .banner-portfolio+.work-section {
    margin-top: 50px;
  }
}

@media (min-width: 992px) {
  .banner-portfolio .bullet-lists {
    margin: 50px 0 0;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .banner-portfolio .bullet-lists>div {
    width: calc(100% / 4);
    margin: 10px 0;
    padding: 0 30px;
  }

  .banner-portfolio .bullet-lists>div+div {
    margin: 10px 0;
  }

  .banner-portfolio .bullet-lists>div:nth-child(4n + 1)::after {
    display: none;
  }

  .banner-portfolio .bullet-lists>div::after {
    left: -6px;
  }
}

@media (min-width: 1200px) {
  .banner-portfolio .bullet-lists {
    margin: 80px 0 0;
  }

  .banner-portfolio .bullet-lists>div {
    width: calc(100% / 5);
  }

  .banner-portfolio .bullet-lists>div:nth-child(4n + 1)::after {
    display: block;
  }

  .banner-portfolio .bullet-lists>div:nth-child(5n + 1)::after {
    display: none;
  }

  .banner-portfolio .content {
    font-size: 20px;
    line-height: 32px;
  }
}

@media (min-width: 1430px) {
  .banner-portfolio .bullet-lists {
    margin: 110px 0 80px;
  }

  .banner-portfolio .bullet-lists>div {
    width: calc(100% / 7);
    padding: 0 30px;
  }

  .banner-portfolio .bullet-lists>div::after {
    box-shadow: 0 0 0 6px rgba(242, 5, 135, 0.7);
  }

  .banner-portfolio {
    padding: 200px 0px 100px 0px;
  }
}

@media (min-width: 1660px) {}