/*
-------------------------------------------------
  Theme Name: Chat-bot- eCommerce Template
  Theme URL: 
  Author: bdcoder
  Author URL: https://themeforest.net/user/bdcoders/portfolio
  Creation Date: 5-12-2024
  Description:A default style sheet for Chat-bot- eCommerce Template
  Version: 1.00


  ---------------------------------------------------
  Developed By: bdcoder
  Developer URL: amitpaultl@gmail.com
  Developer: Amit Paul

  ---------------------------------------------------

  --------------------------------------------------
  Table of Contents
  --------------------------------------------------
  1. Theme Color
  2. General Style Start
  3. Typography area start
  4. button area start
  5. Dashboard area
  6. User area 
  7. From-control area
  8. Tickets area 
  9. login area
  10. User bot area
  11. view user bot area
  12. Sources bot area
  13. chat log bot 
  14. package area
  15. landing page area
  16. About area
  17. price landing area
  18. Customize area
  19. blogs area
  20. footer area
  21. inner page area
  22. summer note

------------------------------------------------ */

/*--------------------------------
1 Theme Color
-----------------------------------*/
:root {
    --Dark-Honey: #972002;
    --Brown-Honey: #B75801;
    --White: #ffffff;
    --Light-Honey: #F29E00;
    --Paragraph: #9C7C74;
    --Stroke: #DFCEC9;
    --Light-BG: #FBF0E7;
    --body-font-family: "Lato", serif;
}


/*-----------------------------------------------
    2.  font Style Start
-------------------------------------------------*/

/* google font */



/*-----------------------------------------------
    2.  font Style end
-------------------------------------------------*/


/*-----------------------------------------------
    3. General Style Start
-------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

body,
html {
    height: 100%;
    margin: 0;
}

body {
    background: var(--White) none repeat scroll;
    font-size: 16px;
    font-weight: normal;
    font-family: var(--body-font-family);
    color: var(--Paragraph);
    overflow-x: hidden;
    scroll-behavior: smooth;
    position: relative;
    z-index: 1;
}

ul {
    padding: 0;
    margin: 0;
}

li,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: var(--Paragraph);
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

p {
    color: var(--Paragraph);
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin: 0;

}


/*-------------------------------------------
    4.Typography area start
-------------------------------------------*/

/* color text */

.dark-color {
    color: var(--Dark-Honey);
}

.light-honey {
    color: var(--Light-Honey);
}

.paragraph-color {
    color: var(--Paragraph);
}

/* background color */


/* font size  */

.bdf-fs-90 {
    font-size: 90px;
    font-weight: 400;
    letter-spacing: 0;
}

.bdf-fs-50 {
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 0;
}

.bdf-fs-36 {
    font-size: 36px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0;

}

.bdf-fs-30 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0;

}

.bdf-fs-22 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
}

.bdf-fs-16 {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0;
}

.bdf-fs-14 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
}

/* font weight  */

.roboto-family {
    font-family: "Roboto", serif;
}

.sacramento-family {
    font-family: "Sacramento", serif;
}

.maim-family {
    font-family: "Madimi One", serif;
}

/* font weight  */

.bdf-fw-300 {
    font-weight: 300;
}

.bdf-fw-400 {
    font-weight: 400;
}

.bdf-fw-500 {
    font-weight: 500;
}

.bdf-fw-600 {
    font-weight: 600;
}

.bdf-fw-700 {
    font-weight: 700;
}

.bdf-fw-800 {
    font-weight: 800;
}

.bdf-fw-900 {
    font-weight: 900;
}


/* margin area start */

.bdf-mb-50 {
    margin-bottom: 50px;
}

.bdf-mb-30 {
    margin-bottom: 30px;
}

.bdf-mb-10 {
    margin-bottom: 10px;
}

.bdf-mb-20 {
    margin-bottom: 20px;
}

/* padding area start */

.section-pt-180 {
    padding-top: 180px;
}

.section-pb-180 {
    padding-bottom: 180px;
}

.section-pb-90 {
    padding-bottom: 90px;
}

.section-pt-90 {
    padding-top: 90px;
}

.bdf-pt-30 {
    padding-top: 30px;
}

.bdf-pb-30 {
    padding-bottom: 30px;
}

.bdf-pb-20 {
    padding-bottom: 20px;
}

.bdf-pb-10 {
    padding-bottom: 10px;
}


/* border */

.bdf-border-top {
    border-top: 1px solid var(--Stroke);
}

/* border  radius*/

.bdf-border-radius {
    border-radius: 30px;
}

/* gab */



/* width */

/* hight */


/* cursor */

.bdf-pointer {
    cursor: pointer;
}

/* after none */




/*-------------------------------------------
    4.Typography area end
-------------------------------------------*/


/*-------------------------------------------
   5 Preloader Area Start
-------------------------------------------*/
#bdfPreloaderBg {
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: var(--Brown-Honey);
    z-index: 999999999999;
    width: 100%;
    height: 100%;
}

#bdfLoader {
    width: 300px;
    display: block;
    align-content: center;
    margin: 0 auto;
    height: 100%;
}

#bdfLoader img {
    width: 100%;
    height: auto;
}

/*-------------------------------------------
    5 Preloader Area End
  -------------------------------------------*/


/*-------------------------------------------
    6.button area start
-------------------------------------------*/

.bdf-btu-theme {
    position: relative;
    padding: 15px 30px;
    z-index: 1;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    display: inline-block;
    overflow: hidden;
    border: none;
    transition: .4s;
    background: var(--Brown-Honey);
    color: var(--White);
    border-radius: 50px;
    transition: .3s;
}

.bdf-btu-theme img {
    transition: .3s;
}

.bdf-btu-theme .button-img {
    position: absolute;
    top: 0;
    z-index: -1;
}

.bdf-btu-theme:hover .button-img {
    top: -100%;
}

/* .bdf-btu-theme:hover img{
    transform: rotate(45deg);
} */

.bdf-border-btu-theme {
    border: 1px solid var(--Title-Dark);
    background: var(--White);
}

/*-------------------------------------------
    6.button area end
-------------------------------------------*/

/*-------------------------------------------
    7.logo area start
-------------------------------------------*/

.bad-logo-top {
    max-width: 310px;
    width: 100%;
    max-height: 90px;
    height: auto;
}

.bdf-logo-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding-top: 30px;
}

/*-------------------------------------------
    7.logo area  end
-------------------------------------------*/

/*-------------------------------------------
    7.banner area  start
-------------------------------------------*/

.top-side-img {
    position: absolute;
    left: 0;
    top: 375px;
    width: 224px;
    height: auto;
    z-index: -1;
}

.bdf-hero-image {
    position: absolute;
    right: 0;
    z-index: -2;
    max-width: 945px;
    width: auto;
    height: auto;
}

/*-------------------------------------------
    7.banner  area end
-------------------------------------------*/

/*-------------------------------------------
    7.product  area start
-------------------------------------------*/

.bdf-main-product-bg {
    background-image: url('../../uploads/product-bg.png');
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 70px 0;
}

.product-img-bdf img {
    width: auto !important;
    margin: auto;
    max-width: 100%;
}

.single-product-bdf {
    padding-bottom: 30px;
}

.bdf-product-info-wrapper {
    border-radius: 30px;
    background: var(--White);
    box-shadow: 0px 10px 15px 0px rgba(183, 88, 1, 0.20);
    padding: 30px;
}


.bdf-ratting {
    color: var(--Light-Honey);
    font-size: 24px;
    display: flex;
    justify-content: center;
    gap: 1px;
}


.owl-dots .owl-dot {
    width: 6px;
    height: 6px;
    display: inline-block;
    background: var(--Light-Honey) !important;
    transform: rotate(45deg);
}

.owl-dots {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.owl-dots .owl-dot.active {
    width: 9px;
    height: 9px;
    background: var(--Dark-Honey) !important;
}


/*-------------------------------------------
    7.product  area end
-------------------------------------------*/

/*-------------------------------------------
    7.save  area start
-------------------------------------------*/

.bdf-save-text.maim-family {
    -webkit-text-stroke-width: thin;
    -webkit-text-stroke-color: var(--Brown-Honey);
    font-size: 230px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: transparent;
    text-align: center;
}

/*-------------------------------------------
    7.save  area end
-------------------------------------------*/

/*-------------------------------------------
    7.gallery  area start
-------------------------------------------*/

.bdf-gallery-img {
    width: 100%;
    border-radius: 30px;
    height: 100%;
    object-fit: cover;
}

.gallery-shed-bdf {
    position: absolute;
    left: 0;
    margin-top: -197px;
    top: 50%;
    z-index: -1;
}

.gallery-shed-2-bdf {
    position: absolute;
    right: 0;
    bottom: 50%;
    margin-bottom: -188px;
    z-index: -1;
}

/*-------------------------------------------
    7.gallery  area end
-------------------------------------------*/

/*-------------------------------------------
    7.video  area start
-------------------------------------------*/

.text-light-bdf,
.text-light-bdf-top {
    color: var(--White);
}

.bdf-watch-bg {
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

.main-video-img {
    width: 100%;
    border-radius: 30px;
}

.bdf-experience-video {
    position: absolute;
    left: 50%;
    margin-left: -71px;
    top: 50%;
    display: inline-block;
    margin-top: -71px;
}

.experience-video-area {
    position: relative;
    z-index: 1;
}

.spinner-wrap {
    position: relative;
    z-index: 1;
}

.spinner-item {
    border: 2px solid var(--Light-Honey);
    border-radius: 50%;
    height: 200px;
    width: 200px;
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-animation: zoom 2s linear 0.75s infinite;
    animation: zoom 2s linear 0.75s infinite;
}

.spinner-item-2 {
    -webkit-animation-delay: 1.30s;
    animation-delay: 1.30s;
}

.spinner-item-3 {
    -webkit-animation-delay: 1.90s;
    animation-delay: 1.90s;
}

@-webkit-keyframes zoom {
    0% {
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0;
    }

    50% {
        opacity: 0.9;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

@keyframes zoom {
    0% {
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0;
    }

    50% {
        opacity: 0.9;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

/*-------------------------------------------
    7.video  area end
-------------------------------------------*/

/*-------------------------------------------
    7.faq  area start
-------------------------------------------*/

.accordion-item.bdf-single-item-accordion {
    margin-bottom: 20px;
    border-radius: 15px;
    border: 1px solid var(--Brown-Honey);
    background: var(--Light-BG);
}

.accordion-item.bdf-single-item-accordion .accordion-header {
    background: transparent;
    background-color: transparent;
}

.accordion-item.bdf-single-item-accordion .accordion-button {
    background: transparent;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    color: var(--Dark-Honey);
    border: none;
    box-shadow: none;
}

.accordion-item.bdf-single-item-accordion .accordion-button::after {
    background-image: url('../images/plus.png');
    transform: unset;
}

.accordion-item.bdf-single-item-accordion .accordion-button:not(.collapsed)::after {
    background-image: url('../images/minus.png');
    margin-top: 13px;
    transform: unset;
}

.bg-watch-color-bdf {
    border-radius: 15px;
    background: #fbf0e7d9;
    padding: 30px 18px;
}

/*-------------------------------------------
    7.faq area end
-------------------------------------------*/


/*-------------------------------------------
    7.buzz area start
-------------------------------------------*/

.bdf-buzz-bg-area {
    background-image: url('../../uploads/review-bg.png');
    background-position: center;
    background-size: cover;
    z-index: 1;
    position: relative;
}

.buzz-image-slide {
    clip-path: polygon(100% 50%, 75% 93.3%, 25% 93.3%, 0% 50%, 25% 6.7%, 75% 6.7%);
    position: relative;
    z-index: 1;
}

.buzz-image-slide img {
    height: 300px;
    object-fit: cover;
}

.review-bdf-info-area {
    width: 200px;
    text-align: center;
    margin: auto;
    position: absolute;
    bottom: 6px;
    left: 50%;
    z-index: 2;
    margin-left: -100px;
    visibility: hidden;
}

.single-buzz-slide-bdf {
    position: relative;
    z-index: 1;
}

.single-buzz-slide-bdf:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(181deg, rgba(151, 32, 2, 0.00) 39.94%, rgba(151, 32, 2, 0.75) 61.99%, #972002 79.91%);
    clip-path: polygon(100% 50%, 76.4% 100%, 25.75% 100%, 0% 50%, 25.75% 0%, 76.92% 0%);
    visibility: hidden;
}

.single-buzz-slide-bdf:hover:after {
    visibility: visible;
}

.single-buzz-slide-bdf:hover .review-bdf-info-area {
    visibility: visible;
}

/*-------------------------------------------
    7.buzz area end
-------------------------------------------*/




/*-------------------------------------------
    12.footer area area start
-------------------------------------------*/

.footer-inner-bdf {
    position: absolute;
    bottom: 0;
    left: -7px;
}

.footer-bee-bdf {
    position: absolute;
    right: 0;
    bottom: 0;
}

.bdf-footer-logo {
    max-width: 390px;
    width: 100%;
    max-height: 89px;
    height: auto;
}

.bdf-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.social-bdf-w {
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid var(--Dark-Honey);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    color: var(--Dark-Honey);
}

.social-bdf-w:hover {
    color: var(--Light-Honey);
    background: var(--Dark-Honey);
}

.bdf-footer-area {
    overflow: hidden;
    position: relative;
}

.footer-leaf {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

/*-------------------------------------------
    12.footer area area end
-------------------------------------------*/