.showcase-go-back {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 3rem 0;
    color: #3155a4;
}

.showcase-go-back a {
    color: #3154A4;

}

*{
    color: #142742;
}

.showcase-go-back a:not(.showcase-back-button-wrap):hover {
    text-decoration: underline !important;
    color: #3155a4;
}

.showcase-back-button {
    font-size: 22px;
    border-radius: 25px;
    color: #3155a4;
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    height: 35px;
    width: 35px;
}

.cds-header-bar {
    background-color: #0e3c88;
    height: 130px;
    display: flex;
    align-items: center;
    position: sticky;
}

.cds-nav-links {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
}

.text-col-foot p{
    color: white;
}
.cds-nav-link-item:not(.active).initial a .bot-bord {
    animation: none;
}

.cds-nav-link-item:not(.active).hovering a .bot-bord {

    animation: cds-slide-in-top 0.3s ease-in both;
}

.cds-nav-link-item:not(.active).offhover a .bot-bord {

    animation: cds-slide-out-top 0.3s ease-in both;
}

.cds-nav-link-item:not(.active).stay-here a .bot-bord {

    animation: none;
    width: 100%;
    left: 0;
    top: 100%;
    opacity: 1;
}

.cds-header-bar-inner-col {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bot-bord {
    position: absolute;
    border-bottom: 2px solid #ffd36d;
    width: 0px;
    left: 50%;
}

@keyframes cds-slide-in-top {
    0% {
        width: 0px;
        left: 50%;
        top: 100%;
        opacity: 1;
    }
    100% {
        width: 100%;
       
        left: 0;
        top: 100%;
        opacity: 1;
    }
}

@keyframes cds-slide-out-top {
    0% {
        width: 100%;
        transform: translateX(0%);
        left: 0;
        top: 100%;
        opacity: 1;
    }
    100% {
        width: 0px;
        top: 100%;
        opacity: 1;
    }
}

.cds-nav-links a {
    text-decoration: none;
    color: #fff !important;
    position: relative;
    font-weight: 400;
}

.cds-container {
    margin: 0 auto;
    width: 92%;
    max-width: 2160px;
}

#footer-cds .footer-content {
    padding: 25px;
}

#footer-cds .footer-panel-wrapper {
    text-align: center;
}

#footer-cds .footer-panel-wrapper span{
    color: white;
}
#footer-cds .footer-panel-wrapper span a{
    color: #ffd36d;
}

#footer-cds {
    background: linear-gradient(135deg, #122859 0%, #2f53a1 100%);
    color: white;
}

#footer-cds .footer-bottom-panel {
    background: linear-gradient(135deg, #13274c 0%, #223d72 100%);
    padding: 15px;
}

#footer-cds p {
    margin-bottom: 0;
}

#footer-cds .links-col-foot {
    display: flex;
    flex-direction: column;

}

#footer-cds h2 {
    color: #ffd36d;
}

#footer-cds .cds-links {
    text-align: center;
}

#footer-cds a,
#footer-cds a:hover {
    color: #f0f0f0;

}

.cds-sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    left: 0;
    background-color: #0e3c88;
    color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}



@media screen and (min-width: 992px) {
    .cds-container {
        width: 92%;
        max-width: 1800px;
    }

    .cds-nav-links a {

        font-size: 18px;
    }

    .cds-hero-alt {
        height: 350px !important;
    }
}

.cds-letswork-left {
    padding: 25px;
}

@media screen and (min-width: 768px) {
    .cds-header-bar-desktop {

        height: 150px;

    }

    .cds-container.lean-right {
        width: 95.5% !important;
        margin-right: 0 !important;
    }

    .cds-header-bar-mobile {
        display: none;
    }

    #footer-cds .mobile-spacer {
        display: none;
    }

    .cds-hero-wrapper .row {
        display: flex;
        align-items: center;
    }

    .our-portfolio {
        display: flex;

    }

    .cds-lets-work-wrapper {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .cds-header-bar-mobile {
        width: 100%;
        background-color: #0e3c88;
        position: fixed;
        padding: 25px 0;
        top: 0;
    }

    .cds-hero-text br {
        display: none;
    }

    .contact-directions {
        flex-direction: column;
        align-items: center;
    }

    .our-portfolio-left {
        padding: 20px;
        /*fix this */
    }

    .cds-container.lean-right {
        width: 100% !important;
    }

    .cds-header-bar-desktop {
        display: none;
    }

    .cds-sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    .cds-sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 46px;
        color: #f0f0f0;
        display: block;
        transition: 0.3s;
        line-height: 2;
    }

    .cds-sidenav a:hover {
        color: #fff;
    }

    .cds-mobile-hamburger {
        position: absolute;
        right: 4%;
        top: 50%;
        transform: translateY(-50%);
    }

    .cds-sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    .cds-hero-text h1 {
        text-align: center;
        margin-bottom: 15px;
    }

    .cds-hero-text h2 {
        font-size: 16px !important;
    }

    .cds-hero-text button {
        margin-bottom: 15px;
    }

    .cds-hero-text .button-wrapper {
        display: flex;
        justify-content: center;
    }

    .cds-hero-wrapper {
        padding: 8rem 0 5rem !important;
    }

    .hero-alt-inner-left-image img {
        display: none;
    }

    .our-portfolio-left {
        width: 92%;
        margin: 0 auto;
        padding: 30px 15px;
        height: 300px;
    }
}

.cds-lets-work h2 {
    font-size: 20px;
}

.cds-lets-work p {
    color: #3155a4;
    font-size: 16px;
    font-weight: 400;
}

.cds-nav-link-item.active {
    border-bottom: 2px solid #ffd36d;
}

.cds-button-prev {
    background-color: transparent;
    color: #142742 !important;
    border: 1px solid #3155a4;
    position: relative;
    border-radius: 6px !important;
    text-transform: capitalize;
    font-weight: 700 !important;
    line-height: 2 !important;
    padding-right: 24px !important;
}

.cds-button {
    background-color: #ffd36d;
    color: #142742;
    position: relative;
    border-radius: 6px !important;
    text-transform: none !important;
    font-weight: 700 !important;
    line-height: 2 !important;
    padding-right: 24px !important;
}

.cds-button-alt {
    background-color: #3155a4;
    color: #fff !important;
    position: relative;
    border-radius: 6px !important;
    text-transform: none !important;
    font-weight: 700 !important;
    line-height: 2 !important;
    padding-right: 24px !important;
}

.cds-button-white {
    background-color: #fff;
    color: #142742 !important;
    position: relative;
    border-radius: 6px !important;
    text-transform: none !important;
    font-weight: 700 !important;
    line-height: 2 !important;
    padding-right: 24px !important;
    font-weight: 400;
    font-size: 18px !important;
}


.cds-button-alt-rev {
    background-color: #ffd36d;
    color: #142742 !important;
    position: relative;
    border-radius: 6px !important;
    text-transform: capitalize;
    font-weight: 700 !important;
    line-height: 2 !important;
    padding-right: 24px !important;
}

.cds-aside-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.cds-aside h2 {
    color: #ffd36d;
    font-size: 24px;
    font-weight: 400;
}

.cds-aside h3 {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.our-portfolio-left {
    flex: 7;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.our-portfolio-right {
    flex: 5;
    padding: 40px;
    display: flex;
    justify-content: center;
    background-size: cover !important;
    background-position: right !important;
}

.cds-button-white::after {
    content: '\0000BB';
    color: #142742;
    position: absolute;
    transform: translate(8px, 0px);
    font-size: 18px;
}

.cds-button::after,
.cds-button-alt-rev::after {
    content: '\0000BB';
    color: #142742;
    position: absolute;
    transform: translate(4px, -4px);
    font-size: 18px;
}

.cds-button-prev::before {
    content: '\0000AB';
    color: #142742;
    position: absolute;
    transform: translate(-12px, -6px);
    font-size: 18px;
}

.cds-button-alt::after {
    content: '\0000BB';
    color: #fff;
    position: absolute;
    transform: translate(4px, -4px);
    font-size: 18px;
}

.cds-button-alt-rev::after {
    transform: translate(3px, -5px);
}

#squiggly {
    fill: #142742;



    animation: dash 3s linear infinite;
}

@keyframes dash {
    0% {
        left: -80px;
    }

    100% {
        left: 0px;
    }
}

.cds-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 70%;
}

.cds-hero-alt {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 70%;
    height: 300px;
    width: 100%;
}

.hero-alt-inner-left-image img {
    position: absolute;
    height: 100%;
    left: 0;
    width: auto;
}

.cds-hero-wrapper {
    padding: 7rem 0 7rem;
}

.cds-hero-square {
    display: flex;
    justify-content: center;
    text-align: center;
}

.cds-hero-reverse .cds-hero-text h1,
.cds-hero-reverse .cds-hero-text h2 {
    color: #3155a4;
}

.cds-hero-text h1 {
    color: white;
    font-size: 50px;
    line-height: 1.1 !important;
}

.cds-hero-text h2 {
    font-size: 20px;
    font-weight: 600;
    color: white;
}

.cds-hero-reverse .cds-hero-square img {
    background-color: #d1e7ff;
}

.cds-modals-content {
    position: relative;
    background-color: #3155a4;
    background-clip: padding-box;
    border-radius: 16px;
    outline: 0;
    border: 1px solid #ffd36d;
    box-shadow: 0px 0px 8px 1px white
}

.cds-modals-footer {
    padding: 15px;
    text-align: center;
    color: white;
}

.cds-modals-body {
    position: relative;
    padding: 15px 30px 0;
    text-align: center;
}

.cds-modals-image {
    max-width: 85%;
    max-height: 60vh;
    width: auto;
    height: auto;
}

.cds-modals-header {
    text-align: right;
}

.cds-modals-title {
    font-weight: 900;
    font-size: 20px;
}

.cds-alt-modals-title {
    font-weight: 900;
    font-size: 20px;
}

.cds-hero-square img {
    margin: 0 auto;
    height: 250px;
    width: 250px;
    min-height: 250px;
    min-width: 250px;
    max-height: 250px;
    max-width: 250px;
    background-color: white;
    border-radius: 6px;
}

.cds-hero-square.clear-img img {
    background-color: transparent !important;

}

.contact-directions {
    display: flex;
    gap: 3rem;
    width: 100%;
    justify-content: center;
    margin: 3rem 0;
}

.directions-square,
.directions-rect {
    color: white;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    padding: 3rem 3rem;
    text-align: center;
    aspect-ratio: 1/1;
    max-width: 35rem;
    max-height: 30rem;
    flex: 1;
    gap: 4rem;
    justify-content: center;
}

.directions-rect {
    max-height: 18rem;
    gap: 0;
    color: #142742;
    padding: 2rem 4rem;
}

.directions-square p{
    color: white;
}

.directions-square h2 {
    font-size: 24px;
}

.sunbeam {
    animation: slowtate 15s linear infinite;
    transform-origin: 50% 47%;
}

@keyframes slowtate {
    0% {
        transform: rotate(0deg);

    }

    100% {
        transform: rotate(360deg);

    }
}

#drawn-squiggle {
    fill: none;

    stroke-width: 2px;
    stroke: black;
    stroke-dashoffset: 222;
    stroke-dasharray: 222;
    animation: trace 9s linear infinite;
}

#paintbrush {
    animation: brush 9s linear infinite;
    transform-origin: 42% 65%;
}

.cursorspin {
    animation: cursor-spinAndFlick 1.3s ease-in-out both;
  }
  
  .top-flap {
    display: none;
    ;
  }
  
  .bottom-flap {
    transition: all 1s linear;
  
  }
  
  circle.background-circle {
    transition: all 1s ease;
  }
  
  .dot-matrix {
    transition: all 2s ease;
  }
  
  .dot-matrix.delayed {
    transition-delay: 0.3s !important;
  }
  
  .mail-flap {
    transition: all 1s linear;
  }
  
  .yellow-square {
    transition: all 1s ease;
  }
  
  .squiggle {
    transition: all 1s ease;
  }
  
  .app-icon {
    transform-origin: center 32%;
  }
  
  .pencil {
    animation-delay: 0.4s !important;
  }
  
  #document-lines rect {
    transition: all 1s ease;
  }
  
  #document-lines .line-1 {
    animation-delay: 0s;
  }
  
  #document-lines .line-2 {
    animation-delay: 0.1s !important;
  }
  
  #document-lines .line-3 {
    animation-delay: 0.2s !important;
  }
  
  #document-lines .line-4 {
    animation-delay: 0.3s !important;
  }
  
  #document-lines .line-5 {
    animation-delay: 0.4s !important;
  }
  
  #document-lines .line-6 {
    animation-delay: 0.5s !important;
  }
  
  #document-lines .line-7 {
    animation-delay: 0.6s !important;
  }
  
  #document-lines .line-8 {
    animation-delay: 0.7s !important;
  }
  
  #document-lines .line-9 {
    animation-delay: 0.8s !important;
  }
  
  .inner-flap {
  
    animation: 2s infinite linear color-roll;
  }
  
  @keyframes color-roll {
  
    0%,
    100% {
      fill: #0e3b89;
    }
  
    45%,
    55% {
  
      fill: #d3af5b;
    }
  
  }
  
  .small-yellow-circle {
    transition: all 1s ease;
  }
  
  .small-blue-circle,
  .blue-circle {
    transition: all 1s ease;
  }
  
  .whitepaper {
    transition: all 1s ease;
  }
  
  .bottom-blue,
  .bottom-white,
  .small-squares {
    transition: all 1s ease;
    transform-origin: 50% 50%;
  }
  
  .illustration-center-graphic g {
    transform-origin: center 40% !important;
  }
  
  .circuit-line {
    transition: all 2.25s ease;
  }
  
  .pen-nib {
    transition: all 2s ease;
  }
  
  .clock-hand {
    transition: all 2.5s ease;
  }
  
  .plus {
    animation-delay: 0.5s !important;
  }
  
  @keyframes flip-top {
    0% {
      transform: scale(1) rotateZ(0);
    }
  
    50% {
      transform: scale(2) rotateZ(180deg);
    }
  
    100% {
      transform: scale(1) rotateZ(360deg);
    }
  }
  
  @keyframes flip-top-extra {
    0% {
      transform: scale(1) rotateZ(0);
    }
  
    50% {
      transform: scale(2) rotateZ(720deg);
      ;
    }
  
    100% {
      transform: scale(1) rotateZ(1440deg);
    }
  }
  
  @keyframes pulse {
    0% {
      transform: scale(1);
    }
  
    50% {
      transform: scale(3);
    }
  
    100% {
      transform: scale(1);
    }
  }
  
  @keyframes cursor-spinAndFlick {
    0% {
      transform: rotate(0);
      transform-origin: center;
    }
  
    60%,
    65% {
      transform: rotate(420deg);
    }
  
    70% {
      transform: rotate(340deg);
    }
  
    75% {
      transform: rotate(380deg);
    }
  
    80% {
      transform: rotate(350deg);
    }
  
    85% {
      transform: rotate(370deg);
    }
  
    90% {
      transform: rotate(355deg);
    }
  
    95% {
      transform: rotate(365deg);
    }
  
    100% {
      transform: rotate(360deg);
      transform-origin: center;
    }
  }
  
  @keyframes cursor-spinAndFlickReverse {
    0% {
      transform: rotate(0);
      transform-origin: center;
    }
  
  
    95% {
      transform: rotate(-355deg);
    }
  
    100% {
      transform: rotate(-360deg);
      transform-origin: center;
    }
  }
  
  @keyframes diag-flip {
    0% {
      transform: rotate3d(-1, 1, 0, 0deg);
    }
  
    50% {
      transform: rotate3d(-1, 1, 0, 180deg);
    }
  
    100% {
      transform: rotate3d(-1, 1, 0, 360deg);
    }
  }
  
  @keyframes flicker-1 {
  
    0%,
    26%,
    50%,
    100% {
      opacity: 1;
    }
  
    13%,
    35%,
    75% {
      opacity: 0;
    }
  }
  
  @keyframes flicker {
  
    0%,
    50%,
    100% {
      opacity: 1;
    }
  
    25%,
    75% {
      opacity: 0;
    }
  }
  
  
  
  @keyframes boing {
    0% {
      transform: scale3d(1, 1, 1);
    }
  
    30% {
      transform: scale3d(0.75, 1.25, 1);
    }
  
    40% {
      transform: scale3d(1.25, 0.75, 1);
    }
  
    50% {
      transform: scale3d(0.85, 1.15, 1);
    }
  
    65% {
      transform: scale3d(1.05, 0.95, 1);
    }
  
    75% {
      transform: scale3d(0.95, 1.05, 1);
    }
  
    100% {
      transform: scale3d(1, 1, 1);
    }
  }
  
  .twinkle.go {
    animation: flicker 1.3s ease-in-out both;
  }
  
  .hidden-title {
    text-align: center;
    color: white;
    opacity: 0;
    cursor: pointer;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 900;
    transition: all 0.3s ease-in-out
  }
  
  .hidden-title .slightly-smaller {
    font-size: 18px;
    color: #e4e4e4;
  }
@keyframes brush {

    0% {
        rotate: 0deg;
        transform: translate(0, 0);
        transform-origin: 38% 67%;
    }

    5% {
        rotate: 15deg;
        transform: translate(0, 0);
        transform-origin: 38% 67%;

    }

    6% {
        rotate: 20deg;
    }

    9% {
        rotate: 40deg;

    }

    10% {
        rotate: 45deg;
    }

    11% {
        rotate: 0deg;
    }

    16% {
        rotate: -565deg;
        transform: translate(75px, -35px);
        transform-origin: 65% 50%;
    }

    21.333% {
        rotate: -740deg;
        transform: translate(55px, -50px);
        transform-origin: 70% 50%;
    }

    35% {
        transform: translate(16px, -36px);
        transform-origin: 50% 50%;
    }

    42% {
        rotate: -783deg;
        transform-origin: 46% 56%;
        transform: translate(19px, -37px);
    }

    64% {
        rotate: -740deg;
        transform-origin: 65% 32%;
        transform: translate(43px, -46px);
    }

    65% {
        rotate: -680deg;
    }

    70% {
        rotate: -190deg;
    }

    75%,
    100% {
        transform-origin: 38% 67%;
        rotate: 0deg;
        transform: translate(0, 0);
    }
}

@keyframes trace {
    0% {
        stroke-dashoffset: 222;
        stroke: black;
    }

    21.333% {
        stroke-dashoffset: 222;
        stroke: black;

    }

    63% {
        stroke-dashoffset: 0;
        fill: transparent;
        stroke: black;

    }

    64% {
        fill: black;
        stroke: black;
    }

    95% {
        fill: black;
        stroke-dashoffset: 0;
        stroke: transparent;
    }

    100% {
        fill: transparent;
        stroke: transparent;
    }

}

.hands {
    animation: shake-that-thang 5s ease-in-out infinite;
}

@keyframes shake-that-thang {

    0% {
        transform: translateY(0px);
    }

    15% {
        transform: translateY(-10px);
    }

    50% {
        transform: translateY(25px);
    }

    75%,
    100% {
        transform: translateY(0px);
    }
}


.collateral-document .line-1 {
    animation-delay: 0s;
}

.collateral-document .line-2 {
    animation-delay: 0.2s !important;
}

.collateral-document .line-3 {
    animation-delay: 0.4s !important;
}

.collateral-document .line-4 {
    animation-delay: 0.6s !important;
}

.collateral-document .line-5 {
    animation-delay: 0.8s !important;
}

.collateral-document .line-6 {
    animation-delay: 1s !important;
}

.collateral-document .line-7 {
    animation-delay: 1.2s !important;
}

.collateral-document .line-8 {
    animation-delay: 1.4s !important;
}

.collateral-document .line-9 {
    animation-delay: 1.6s !important;
}

.collateral-document .line-10 {
    animation-delay: 1.8s !important;
}

.collateral-document rect {
    animation: roll 8s linear;
    animation-iteration-count: infinite;
}

@keyframes roll {
    0% {
        width: 61.84px;
    }

    5% {
        width: 15px;
    }

    10% {
        width: 61.84px;
    }
    50%{
        opacity: 1;
    }
    55%{
        opacity: 0;
    }
    60%{
        opacity: 1;
    }
}

.sun-circle{
    transform-origin: center;
    animation: complicated-rotate 5s linear;
    animation-iteration-count: infinite;
}

.cds-container-fluid{
    overflow: hidden;
}

span.anchor{
    font-weight: 900;
    font-style: italic;
    cursor: pointer;
}
span.anchor:hover{
    text-decoration: underline;
}

html {
    scroll-behavior: smooth;
}

/* animation setup */

/*animation triggers */
#showcase-hero-square:hover #cursor-element {
    animation: cursor-spinAndFlick 1.3s ease-in-out both;
}
#showcase-hero-square:hover .pencil {
    animation: cursor-spinAndFlickReverse 1.3s ease-in-out both;
}

#showcase-hero-square:hover .twinkle {
    animation: flicker 2.3s ease-in-out both;
}
#showcase-hero-square:hover .twinkle-alt {
    animation: flicker-1 2.3s ease-in-out both;
}

#showcase-hero-square:hover .dot-matrix {
    scale: 1.1;
}

#showcase-hero-square:hover .app-icon {
    animation: diag-flip 0.5s ease-in-out both;
}
#showcase-hero-square:hover .plus {
    animation: flip-top 0.5s ease-in-out both;
}
#showcase-hero-square:hover .plus-extra {
    animation: flip-top-extra 1.5s ease-in-out both;
}

#showcase-hero-square:hover #document-lines rect {
    animation: roll 5s ease-in-out both;
}

#showcase-hero-square:hover .squiggle {
    animation: boing 0.9s ease-in-out both;
}
#showcase-hero-square:hover .yellow-square {
    transform:rotate(-360deg);
}
#showcase-hero-square:hover .mail-flap {
    transform:rotateX(180deg); 
}
#showcase-hero-square:hover .bottom-flap {
    transform:rotateX(180deg);
}
#showcase-hero-square:hover .top-flap {
    transform: rotateX(180deg) !important;
    transition-delay: 0.5s !important;
}

#showcase-hero-square:hover .circuit-line {
    transform:rotateX(720deg); 
}
#showcase-hero-square:hover .pen-nib {
    transform:rotate(360deg);
}
#showcase-hero-square:hover .clock-hand {
    transform: rotate(-1080deg) !important;
}

#showcase-hero-square:hover .whitepaper {
    transform: translateY(20px) !important;
    transition-delay: 0.5s !important;
}

#showcase-hero-square:hover .bottom-blue {
    height: 45.46px !important;
    transition-delay: 0.5s !important;
}
#showcase-hero-square:hover .bottom-white {
    height: 31.53px !important;
    transition-delay: 0.5s !important;
}
#showcase-hero-square:hover .small-squares {
    transform: translateY(20px);
    transition-delay: 0.5s !important;
}

#showcase-hero-square:hover .small-blue-circle {
    transform: rotate(-360deg);
}
#showcase-hero-square:hover .blue-circle {
    transform: rotate(540deg);
}

#showcase-hero-square:hover .small-yellow-circle {
    transform: rotate(360deg);
}

.slot-single-<?php echo $bID; ?> {
    border-radius: 12px;
    transition: all 1s ease-in-out;
    width: 31%;
    position: relative;
    cursor: pointer;
}
#showcase-hero-square:hover .slot-img {
    cursor: pointer;
}

#showcase-hero-square:hover .dot-matrix {
    transform: scale(1.5);
    transform-origin: 35% 70%;
}

.anchor.btn-info {
    border-radius: 25px;
    color: black;
    text-transform: none;
    font-weight: 600;
    background-color: #d1e7ff;
    border-color: #d1e7ff;
    transition: all 0.2s ease;
}

.anchor.btn-info:hover{
    background: #112756;
    color: white;
}
#showcase-anchor-links{
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}
.embed-container{
   padding: 0 10rem;
}