.container {
    width: auto;
}

.bg-light {
    background-color: white !important;
}

.contact {
    padding: 10px;
}

.bg-gradient {
    background-color: #ff007f;
 }

.testimonials {
    flex-wrap: wrap;
}

 .testimonials img {
    max-width: 700px;
    max-height: auto;
    margin: 10px;
 }

 .navbar-light .navbar-toggler {
    color: #ff007f;
    border-color: #ff007f;
 }

 .navbar-toggler {
    background-color: #ff007f;
 }

@media (max-width: 800px) {
    .btn-info {
        margin-left: 0;
        margin-top: 10px;
        }
            
    .testimonials img {
        max-width: 90%;
        max-height: auto;
        margin: 10px;
    }
 }

/* Selection/Highlhgt Colour */
::-moz-selection { 
    color: white;
    background: #ff007f;
}

::selection {
    color: white;
    background: #ff007f;
}

/* Scrollbar Colour */
/* Firefox */
    * {
        scrollbar-color: #ff007f transparent;
    }

/* Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 10px;
    }

    *::-webkit-scrollbar-track {
        background: transparent;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #ff007f;
        border-radius: 20px;
    }

/* Information Button */
.btn-info {
    color: #000;
    background-color: #ff007f;
    border-color: #ff007f;
    margin-left: 10px;
}

.btn-info:hover {
    color: #000;
    background-color: #ffffff;
    border-color: #ff007f;
}

 /* Preloader */
 .loader_bg{
    position: fixed;
    z-index: 999999;
    background: white;
    width: 100%;
    height: 100%;
}
.loader{
    border: 0 soild transparent;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: calc(50vh - 75px);
    left: calc(50vw - 75px);
}
.loader:before, .loader:after{
    content: '';
    border: 1em solid #ff007f;
    border-radius: 50%;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    animation: loader 2s linear infinite;
    opacity: 0;
}
.loader:before{
    animation-delay: .5s;
}
@keyframes loader{
    0%{
        transform: scale(0);
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        transform: scale(1);
        opacity: 0;
    }
}