html {
    scroll-behavior: smooth;
}

/* Section */
.section-secondary {
    background-color: #CE8964;
    background-color: #f1eeed;
}

.section-blue {
    background-color: #23495c;
    background-color: #51bcda;
    color: white;
}

.section-blue p {
    color: white;
}

.text-secondary-color {
    color: #2ba9cd;
    color: #23495c;
}

.info > .icon{
    text-align: center;
}

.info-title {
    margin: 15px 0;
    text-align: center;
}

/* .section-components .image-container .components-macbook {
    width: auto;
    left: -100px;
    top: 0;
    height: 100%; 
    position: absolute;
} */

.section-cards, .section-components {
    overflow: hidden;
}

.section-components .image-container .social-img {
    left: 65%;
    top: 68%;
    height: 25px;
}

.section-components .image-container .coloured-card-img {
    left: 10%;
    top: 10%;
    height: 90px;
    border-radius: 6px;
}

.presentation-page .section-components .image-container .coloured-card-img {
    left: -3%;
    top: 40%;
    height: 75px;
    border-radius: 6px;
}

.coloured-card-img {
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
}

.section-components .image-container .pin-btn-img {
    left: 3%;
    top: 7%;
    height: 25px;
    border-radius: 10px;
}

.pin-btn-img {
    -webkit-animation-duration: 15s;
    -moz-animation-duration: 15s;
    -webkit-animation-name: Floatingx;
    -moz-animation-name: Floatingx;
}

.section-components .image-container .table-img,  .section-components .image-container .share-btn-img, .section-components .image-container .coloured-card-btn-img, .section-components .image-container .coloured-card-img, .section-components .image-container .social-img, .section-components .image-container .pin-btn-img {
    position: absolute;
    box-shadow: 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12), 0 5px 5px -3px rgba(0,0,0,.2);
}

.social-img {
    -webkit-animation-duration: 16s;
    -moz-animation-duration: 16s;
    -webkit-animation-name: Floatingx;
    -moz-animation-name: Floatingx;
}

.table-img, .coloured-card-img, .coloured-card-btn-img, .pin-btn-img, .share-btn-img, .social-img {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-name: Floatingy;
    -moz-animation-name: Floatingy;
    float: left;
}

.row {
    margin-left: unset;
    margin-right: unset;
}

@-webkit-keyframes Floatingy {
    from {
        -webkit-transform: translate(0,0px)
    }

    65% {
        -webkit-transform: translate(50px,0)
    }

    to {
        -webkit-transform: translate(0,0px)
    }
}

@-moz-keyframes Floatingy {
    from {
        -moz-transform: translate(0,0px)
    }

    65% {
        -moz-transform: translate(50px,0)
    }

    to {
        -moz-transform: translate(0,0px)
    }
}

@-webkit-keyframes Floatingx {
    from {
        -webkit-transform: translate(50px,0px)
    }

    65% {
        -webkit-transform: translate(0,0)
    }

    to {
        -webkit-transform: translate(50px,0px)
    }
}

@-moz-keyframes Floatingx {
    from {
        -moz-transform: translate(50px,0px)
    }

    65% {
        -moz-transform: translate(0,0)
    }

    to {
        -moz-transform: translate(50px,0px)
    }
}

.nav-link.btn.btn-info.btn-round.text-white{
    color: white;
    background: rgb(11,97,122);
    background: linear-gradient(90deg, rgb(23, 145, 182) 0%, rgb(41, 189, 230) 100%);
    /* background: rgb(11,97,122);
    background: linear-gradient(90deg, rgba(11,97,122,1) 0%, rgba(0,198,255,1) 100%); */
    padding: 0.75rem;
    border: none;
    opacity: 0.75;
    transition: 0.25s opacity ease-in-out;
}

.nav-link.btn.btn-info.btn-round.text-white:hover {
    /* background: rgb(11,97,122);
    background: linear-gradient(90deg, rgba(11,97,122,1) 0%, rgba(43,169,205,1) 100%); */
    background: rgb(11,97,122);
    background: linear-gradient(90deg, rgba(11,97,122,1) 0%, rgba(0,198,255,1) 100%);
    border-color: transparent !important;
    opacity: 1;
}

.request-quote {
    background: rgb(11,97,122);
    background: linear-gradient(90deg, rgb(23, 145, 182) 0%, rgb(41, 189, 230) 100%);
    border: none;
    opacity: 0.75;
    transition: 0.25s opacity ease-in-out;
}

.request-quote:hover {
    background: rgb(11,97,122);
    background: linear-gradient(90deg, rgba(11,97,122,1) 0%, rgba(0,198,255,1) 100%);
    opacity: 1;
}

a:-webkit-any-link:focus-visible {
    outline: none;
}

/* Form Elements */
.form-row {
    margin-bottom: 1rem;
}

.form-row.required label:after, .form-group.required label:after {
    content:"*";
    color:red;
    font-size: 0.75rem;
  }

@media (max-width: 991px) {

    .request-quote {
        background: rgb(11,97,122) !important;
        background: linear-gradient(90deg, rgb(23, 145, 182) 0%, rgb(41, 189, 230) 100%) !important;
    }

    .request-quote:hover {
        background: rgb(11,97,122);
        background: linear-gradient(90deg, rgba(11,97,122,1) 0%, rgba(0,198,255,1) 100%);
    }

    /* .nav-link.btn.btn-info.btn-round.text-white {
        color: white !important;
    } */

    /* .nav-link.btn.btn-info.btn-round.text-white:hover {
        background: rgb(11,97,122);
        background: linear-gradient(90deg, rgba(11,97,122,1) 0%, rgba(0,198,255,1) 100%);
        border-color: transparent !important;
    } */
}