/*-------------------------------
Bootstrap Custom CSS : OOMPH
Author : Garry Abraham
-------------------------------*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body    {
    font-family: 'Poppins', sans-serif !important;
    background-color: #f2f2f2 !important;
    padding-top: 0 !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 3rem !important;
    height: 3rem !important;
}
.carousel-control-prev  {
    left: -75px !important;
}
.carousel-control-next  {
    right: -75px !important;
}
.carousel-indicators    {
    bottom: -30px !important;
}

.header {
    background: url(../img/bg-carousel.png) top center no-repeat;
    background-color: #ccc;
    height: 250px;
}
.section-01 {
    background: url(../img/art.png) top right no-repeat;
}
.section-02 {
    background: url(../img/art-02.png) top right no-repeat;
}
/*-------------------------------
Additional Color
-------------------------------*/
.bg-purple    {
    background-color: #6467ae !important;
    color: #fff !important;
}
a.bg-purple:hover,
a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus    {
    background-color: #585ba2 !important;
    color: #fff !important;
}
.text-purple    {
    color: #585ba2 !important;
}

.bg-purple-dark    {
    background-color: #24255d !important;
    color: #fff !important;
}
a.bg-purple-dark:hover,
a.bg-purple-dark:focus,
button.bg-purple-dark:hover,
button.bg-purple-dark:focus    {
    background-color: #2d2e71 !important;
    color: #fff !important;
}
.text-purple-dark    {
    color: #24255d !important;
}
/*-------------------------------
Mobile Screen Adjustment
-------------------------------*/
@media (max-width: 1024px) {

}

@media (max-width: 768px) {

}

@media (max-width: 575.98px) {
    body    {
        padding-top: 0 !important;
        padding: 10px;
    }
    .section-01 {
        background: none;
        margin-top: 20px;
    }
    .section-02 {
        background: none;
    }
    p   {
        font-size: 14px;
    }
    ul li   {
        font-size: 14px;
    }
}