@charset "UTF-8";
/* CONTENT
-----------------------
1. General
2. Navbar
3. Header
4. Product
5. Content
6. Accordion
7. Footer
-----------------------
*/

/* 1. GENERAL */
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

@font-face {
    font-family: Kidling;
    src: url(../font/peace-sans/peace_sans.otf);
}

body {
    font-family: 'Raleway';
    font-size: 120%;
    background-color: #a693d6;
    color: #ffffff;
    transition: background-color .7s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Kidling';
}

body.kd-body-red {
    background-color: #df7c9d;
}

body.kd-body-blue {
    background-color: #84b4ce;
}

body.kd-body-green {
    background-color: #b8ce47;
}

a {
    color: #a693d6;
}

a:hover {
    color: #e2e2e2;
}

section,
footer {
    padding: 50px 0;
}

#kd-preloader {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ffffff;
    color: #a693d6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.btn {
    padding: 20px 40px;
    text-transform: uppercase;
}

.kd-list-separator {
    width: 1px;
    height: auto;
    display: inline-block;
    background-color: #e2e2e2;
}

h1.title,
h2.title,
h3.title,
h4.title {
    margin-bottom: 50px;
}

/* colors start */
.text-primary {
    color: #a693d6 !important;
}

.btn-primary {
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #ffffff !important;
    color: #a693d6 !important;
}

.btn-primary-invert {
    background-color: #ffffff !important;
    color: #a693d6 !important;
    border-color: #ffffff !important;
}

.btn-primary-invert:hover {
    background-color: #a693d6 !important;
    color: #ffffff !important;
}

.bg-primary {
    background-color: #a693d6 !important;
    color: #ffffff !important;
}

.bg-grey {
    background-color: #f0f0f0 !important;
}

.bg-green {
    background-color: #61BCBA !important;
    color: #ffffff !important;
}

.bg-red {
    background-color: #F15C36 !important;
    color: #ffffff !important;
}

.bg-orange {
    background-color: #FEBC11 !important;
}

.bg-blue {
    background-color: #234c79 !important;
    color: #ffffff !important;
}

.bg-brown {
    background-color: #d58c53 !important;
    color: #ffffff !important;
}

.bg-yellow {
    background-color: #f3d57c !important;
    color: #ffffff !important;
}

.bg-purple {
    background-color: #916CAD !important;
    color: #ffffff !important;
}

.bg-turquoise {
    background-color: #518d89 !important;
    color: #ffffff !important;
}

.kd-btn-outline-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-color: #a693d6;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #a693d6;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #ffffff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffffff;
    --bs-gradient: none;
}

.kd-contact-section ul li a {
    font-size: 200%;
}

.kd-form-control {
    height: 40px;
    line-height: 40px;
}

.kd-who-cat-section h3 {
    margin: 0;
}

/* 2. NAVBAR */
.kd-navbar {
    padding: 0;
    height: 70px;
    z-index: 4;
    position: fixed;
    width: 100%;
    display: block;
    top: 0;
    background-color: #a693d6;
    transition: background-color .7s ease-in-out;
}

.kd-navbar.kd-body-red {
    background-color: #df7c9d;
}

.kd-navbar.kd-body-blue {
    background-color: #84b4ce;
}

.kd-navbar.kd-body-green {
    background-color: #b8ce47;
}

.kd-navbar-brand {
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: 150px;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    position: absolute;
    display: block;
    z-index: 2;
}

.kd-navbar-brand img {
    display: block;
    object-fit: contain;
    position: absolute;
    top: 0;
}

.kd-navbar ul li a {
    color: #ffffff;
    padding: 5px 30px;
    margin: 15px 0;
}

.kd-navbar ul li a:hover {
    color: #e2e2e2;
}

.kd-navbar ul li ul {
    background-color: #ffffff;
    border-radius: 6px;
    padding: 15px 30px;
    position: absolute;
    display: none;
}

.kd-navbar ul li:hover ul {
    display: block;
}

.kd-navbar ul li ul li a {
    color: #a693d6;
    border: none;
}

.kd-list-social a {
    padding: 0 !important;
    margin: 20px 5px !important;
}

.kd-list-social a:hover {
    background-color: transparent !important;
    color: #e2e2e2 !important;
}

/* 3. HEADER */
.kd-header {
    position: relative;
    z-index: 1;
    margin: -20px 0 0 0;
    padding: 80px 0;
}

.kd-header h1 {
    text-align: center;
    font-size: 100px;
    color: #8b75c1;
}

.kd-header .kd-header-img {
    width: 800px;
    height: 800px;
    margin: -130px auto 0 auto;
}

/* .kd-header .kd-header-img:after {
    content: '';
    width: 600px;
    height: 600px;
    position: absolute;
    background-color: #d8c940;
    display: block;
    border-radius: 50%;
} */

/* 4. PRODUCT */
.kd-product-item-wrapper {
    padding: 5px;
}

.kd-product-item {
    padding: 100px;
    color: #ffffff;
}

.kd-product-item img {
    position: relative;
    z-index: 2;
}

.kd-product-item img.kd-bg-img {
    position: absolute;
    width: 31%;
    margin-left: -31%;
    z-index: 1 !important;
    transition: transform .7s ease-in-out;
}

.kd-product-item:hover img.kd-bg-img.first {
    transform: rotate(-10deg);
}

.kd-product-item:hover img.kd-bg-img.second {
    transform: rotate(-20deg);
}

.kd-product-item:hover img.kd-bg-img.third {
    transform: rotate(-30deg);
}

.kd-product-item-title {
    margin: 50px 0 5px 0 !important;
}

.kd-product-price {
    margin-bottom: 20px;
}

.kd-product-header-section {
    padding-top: 150px;
}

.kd-product-message {
    background-color: #a693d6;
}

/* 5. CONTENT */
.kd-who-cat-section {
    padding-bottom: 30px;
}

.kd-about-text {
    padding: 100px 0;
}

.kd-about-text p {
    margin-bottom: 50px;
}

.kd-who-cat-item {
    border-radius: 6px;
    padding: 25px;
    margin-bottom: 20px;
}

.kd-who-cat-section {
    padding-bottom: 30px;
}

.kd-cat-item {
    padding: 60px 0;
    margin-bottom: 20px;
}

.kd-cat-item h3 {
    transform: rotate(-30deg);
}

.carousel-indicators {
    margin-top: 1rem;
    position: relative;
}

.kd-contact-section img {
    width: 70%;
    height: auto;
    margin-bottom: 50px;
}

/* 6. ACCORDION */
.accordion-button:not(.collapsed) {
    color: #a693d6;
    background-color: #e3dce6;
}

/* 7. FOOTER */
.kd-footer {
    padding-bottom: 20px;
    background: linear-gradient(#a693d6, #725aae);
}

.kd-footer ul.kd-list-social {
    margin-top: 50px;
}

.kd-footer ul.kd-list-social li a {
    font-size: 200%;
}

.kd-footer a {
    color: #ffffff;
    text-decoration: underline;
}

.kd-footer img {
    width: 80%;
    height: auto;
}

.kd-footer a:hover {
    color: #e2e2e2;
}

.kd-footer-container {
    margin-bottom: 50px;
}

.kd-copyright-container {
    margin-top: 20px;
}

.kd-copyright-container p {
    margin: 0;
    padding: 0;
}