/* ---------------
  GENERAL
------------------ */
h1,h2,h3,h4,h5,h6,li,lo,p,a,button,form *,table th,table td, select, option,div {
    font-family: 'Outfit';
}
.outfit {
	font-family: 'Outfit';
}
.archivo{
    font-family: 'Archivo';
}
.gws-image-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.abc-outer-widthcontainer {
    max-width: calc(100% - 70px);
    margin: 0 auto !important;
}
.abc-inner-widthcontainer{
    max-width: 1170px;
    margin: 0 auto !important;
}

/* ---------------
  COMPONENTS
------------------ */

/* Heading */
.heading-wrapper .content p {
    color: var(--Deep-Blue, #122633);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.heading-wrapper .gws-heading {
    padding-bottom: 15px;
}
.heading-wrapper {
    width: 40%;
}
.banner-wrapper-container .heading-wrapper {
    width: 100%;
}
.heading-wrapper  .tag-wrapper p {
    color: #000;
    font-family: Archivo;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: capitalize;
    text-align: center;
    padding: 10px 15px;
    border-radius: 100px;
    background: #FFF;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.05);
}
.tag-wrapper {
    width: 30%;
    padding-bottom: 30px;
}

/* Card Image */
.card-image-container .card-wrapper .left-section {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card-image-container .card-wrapper .right-section {
    width: 50%;
}
.card-image-container .card-wrapper .card-inner {
    display: flex;
    justify-content: space-between;
    gap: 10%;
}
.card-image-container .card-wrapper .text-content {
    padding: 15px 0 30px;
}
.card-image-container .card-wrapper .gws-image-item img {
    border: 30px;
}
.card-image-container .card-wrapper img.desktop-img {
    border-radius: 30px;
}
.card-image-container .card-wrapper {
    height: 550px;
}
.card-wrapper .card-inner .gws-image-item, .card-wrapper .card-inner .image, .card-wrapper .card-inner .image-wrapper, .card-wrapper .card-inner {
    height: 100%;
}
.card-image-container .card-wrapper .content-wrapper {
    padding: 50px 40px;
}
.card-image-container {
    border-radius: 40px;
    background: #FFF;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.05);
    padding: 35px;
}
.card-image-row {
    /* margin-bottom: 60px; */
}
.card-image-row.section-pb.term-deposit-container {
    margin-bottom: 20px;
}

.banner-wrapper-container {
    transform: translateY(40px);
    visibility: hidden;  
    opacity: 0;

}
 @media (prefers-reduced-motion: reduce) {
    .heading-wrapper { 
        transform: none; 
        visibility: visible; }
}


/* Card Banner */
.card-inner-banner {
    position: relative;
}
.card-banner-wrapper .banner-content {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 150px 180px 280px;
    /* gap: 10px; */
}
.card-tag {
    width: 90px;
    height: 50px;
}
.card-tag p {
    color: #000;
    text-align: center;
    font-family: Archivo;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 21.6px */
    text-transform: capitalize;
    border-radius: 100px;
    background: #FFF;
    padding: 12px 8px;
}
.card-banner-wrapper .banner-image {
    height: 700px;
}
.card-banner-wrapper .image-wrapper {
    height: 100%;
}
.card-banner-wrapper .image {
    height: 100%;
}
.card-banner-title p {
    color: var(--Beige, #F4E7DB);
    text-align: left;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.card-banner-title {
    margin: 16px 0;
}
.card-banner-description p {
    color: var(--White, #FFF);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
/* .card-tag {
    width: 20%;
} */
.card-inner-banner img {
    border-radius: 40px;
}
.card-main-inner-container {
    padding: 40px 50px;
}
.mobile-cards-package-items-inner .card-main-inner-container {
    padding: 40px 20px;
}

.card-main-container.cards.slick-slide {
    width: 420px !important;
}

.card-main-container.private-banking.cards.slick-slide {
    width: 460px !important;
}
/* .card-slider {
    margin-top: 50px;
} */

.floatin {
    will-change: transform;
}
.solutions-finance-content-inner-wrapper .pin-spacer {
    width: calc(100% - 50px) !important;
    margin: 0 auto !important;
}

/* Card Slider */
.card-widthcontainer *,
.mobile-card-widthcontainer * {
  font-family: "Outfit", sans-serif;
}
.card-slider {
  position: relative;
}
.card-container {
  border-radius: 40px;
  /* padding: 30px 50px; */
  position: relative;
  z-index:1;
}
.card-numeration p {
  background: #ffffff;
  display: table;
  font-size: 16px;
  font-weight: 700;
  border-radius: 100px;
  padding: 10px 25px; 
}
.card-image {
  height: 320px;
  position: relative;
}
.card-image img {
  border-radius: 30px;  
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-title {
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
}
.card-description {
    padding: 0 0 30px 0;
  min-height: 160px;
}
.card-inner-container.investing-cards .card-main-container .card-main-inner-container .card-container .card-content .card-description {
    min-height: 180px;
}
.corporate-banking .solutions-finance-card-content {
    max-width: 45%;
}
.card-content .card-title p {
color: #000;
font-family: "Outfit", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 100%; /* 26px */
letter-spacing: -0.78px;
}
.card-content .card-title {
    max-width: 90%;
}
/* .card-highlight{
  position: absolute;
  top: 0; 
  left: 0;  
  width: 0; 
  height: 0;
  border-radius: 28px;
  background: #F4E7DB;
  z-index: -1;                       
  pointer-events: none;
  box-shadow: 0 12px 40px #F4E7DB30;
  transform: translate(0,0); 
} */
.card-main-container.active .card-numeration p {
    border: 1px solid #F4E7DB;
    color: #000000;
}
.plans-container .card-main-container p {
    color: #000000;
}
.card-main-container.inactive .card-numeration p {
  border: 1px solid #00000010; 
}
.card-main-container .card-title,
.card-main-container .card-description,
.card-main-container .card-numeration p {
  transition: color 0.3s ease;
}
.card-inner-container button,
.mobile-card-inner-container button  {
  position: absolute;
  /* top: -180px; */
  right: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  background-color: #F4E7DB;
  overflow:hidden;
  opacity: 40%;
  cursor: pointer;
  
  transition:0.3s ease-in-out;
}
.mobile-card-inner-container button {
    margin: 0 auto;
    bottom: -100px;
    left: 0;
    top: inherit;
}
.mobile-card-inner-container button:hover {
    opacity: 1;
}
.mobile-card-inner-container button.slick-next {
    left: 60px;
}
.mobile-card-inner-container button.slick-prev.slick-btn.custom-slick-prev.slick-arrow {
    right: 60px;
}
 .card-inner-container.accounts-cards button {
    top: -140px;
}
.card-inner-container button:hover {
  opacity: 100%;
}
.card-inner-container button.slick-prev {
  margin-right: 10px;
  /* right: 50px; */
}
.card-inner-container button  i,
.mobile-card-inner-container button i {
  font-weight: 700;
  font-size: 15px;
}
.cards-package-container .card-image img {
    border-radius: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
}
.card-widthcontainer.cards-package-items-wrapper.abcbanking-widthcontainer,
.mobile-card-widthcontainer.cards-package-items-wrapper.abcbanking-widthcontainer {
    border-radius: 40px;
    background: var(--White, #FFF);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.05);
}
.cards-package-items-inner.first-section-mt {
    padding: 75px 0 5px 70px;
}
.card-title p{
    min-height: 60px;
}
.card-numeration {
    padding-bottom: 20px;
}
/* .card-content {
    max-width: 85%;
} */

/* Investing Real Estate  */

.investing-real-estate-conatiner .header-content-wrapper h2,
.mobile-investing-real-estate-conatiner .header-content-wrapper h2 {
    color: var(--Teal, #285654);
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 60px */
    letter-spacing: -1.8px;
}
.investing-real-estate-conatiner .description p,
.mobile-investing-real-estate-conatiner .description p {
    color: var(--Deep-Blue, #122633);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.investing-real-estate-conatiner .header-content-wrapper,
.mobile-investing-real-estate-conatiner .header-content-wrapper {
    max-width: 60%;
}
.investing-real-estate-conatiner,
.mobile-investing-real-estate-conatiner {
    border-radius: 40px;
    background: var(--White, #FFF);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.05);
    padding: 100px 79.909px 100px 79px;
}
.investing-real-estate-conatiner .description,
.mobile-investing-real-estate-conatiner .description {
    padding-top: 20px;
}
.card-main-container {
    position: relative;
    z-index: 1;
}
.btn-read-more.animated-read-more{
    padding: 14px 20px !important;
}

.card-wrapper.card-btn .content-wrapper .gws-button .button a {
    width: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px 22px !important;
}

.investing-real-estate-inner-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
/* Peek effect and clipping */
.slick-list.peek-right {
  padding-right: 20% !important;
  overflow: hidden;
}

/* Highlight card style */
.card-highlight {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-radius: 28px;
  background: #F4E7DB;
  box-shadow: 0 12px 40px #F4E7DB30;
  pointer-events: none;
  z-index: 0;
}

.solution-items-wrapper {
  position: relative;
}

.solution-items-wrapper .card-highlight {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-radius: 28px;
  background: #F4E7DB;
  box-shadow: 0 12px 40px #F4E7DB30;
  pointer-events: none;
  z-index: 0;
}


.advantages-inner-wrapper {
    width: 100%;
    margin: 0 !important;
}

.heading-wrapper.advantages-heading-wrapper .content p {
    font-size: 20px;
}

.heading-wrapper.advantages-heading-wrapper .content {
    max-width: 80%;
}

/*logo loader*/
#logo-loader {
  opacity: 0;
  visibility: hidden;
}

/*card stack*/
.scroll-section { position: relative; }

/* the stack wrapper */
.scroll-section { 
    position: relative; 
    z-index: 1; 
}
.card-stack-container { 
    position: relative; 
    overflow: hidden; 
}
.card-stack-section { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    width: 100%; 
}
.card-stack-image img { 
    display: block; 
} 



/* Ajustement */
.trade-finance-btn-wrapper {
    display: none !important;
}
/* .plans-inner-wrapper {
    padding: 100px 0 110px 79px !important; 
    overflow: hidden !important;
} */
.card-inner-container.plans-cards a:visited {
    color: inherit;
}
.corporate-banking .trade-finance-content-inner-wrapper {
    background: #866D65;
}
.corporate-banking .tag-heading-wrapper {
    display: none;
}