/*
-------------------------------------------------
  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 {
    --Primary-Blue: #003773;
    --White: #ffffff;
    --Paragraph: #7A8897;
    --Title-dark: #233140;
    --Stroke: #E3ECF5;
    --Secondary-Yellow: #EAAA00;
    --body-font-family: "Gentium Book Plus", 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 */

.primary-color {
    color: var(--Primary-Blue);
}

.yellow-honey {
    color: var(--Secondary-Yellow);
}

.title-dark {
    color: var(--Title-dark);
}

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

.stroke-color {
    color: var(--Stroke);
}

/* background color */


/* font size  */

.bdf-fs-90 {
    font-size: 90px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 110px;
}

.bdf-fs-60 {
    font-size: 60px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 70px;
}

.bdf-fs-40 {
    font-size: 40px;
    font-weight: 800;
    line-height: auto;
    letter-spacing: 0;

}

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

}

.bdf-fs-32 {
    font-size: 32px;
    font-weight: 800;
    line-height: auto;
    letter-spacing: 0;
}

.bdf-fs-24 {
    font-size: 24px;
    font-weight: 700;
    line-height: auto;
    letter-spacing: 0;
}

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

.bdf-fsr-26 {
    font-family: "Roboto", serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
}

/* font weight  */

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

.gemini-family {
    font-family: "Gemunu Libre", 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-25 {
    margin-bottom: 25px;
}

.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(--Primary-Blue);
}

/* 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(--Stroke);
    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: 14px 20px;
    z-index: 1;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    display: inline-block;
    overflow: hidden;
    border: none;
    transition: .4s;
    background: var(--Primary-Blue);
    color: var(--White);
    transition: .3s;
}

.bdf-btu-theme:hover {
    background: var(--Secondary-Yellow);
}

.bdf-btu-outline {
    border: 1px solid var(--Primary-Blue);
    position: relative;
    padding: 13px 20px;
    z-index: 1;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    display: inline-block;
    overflow: hidden;
    transition: .4s;
    background: transparent;
    color: var(--Primary-Blue);
    transition: .3s;
}

.bdf-btu-outline:hover {
    background: var(--Primary-Blue);
    color: 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
-------------------------------------------*/

.bdf-banner-area {
    background-image: url('../../uploads/paper-textured-bg.png');
    background-position: center;
    background-size: cover;
    z-index: 1;
    position: relative;
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 123px;
}

.polygon-icon-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.polygon-icon-circle {
    position: absolute;
    left: 249px;
    top: 92px;
    z-index: -1;
    animation: circle-rotate 5s linear infinite;
    -webkit-animation: circle-rotate 5s linear infinite;
}

.polygon-icon-3 {
    position: absolute;
    right: 107px;
    top: 0;
    z-index: -1;
}

.polygon-icon-4 {
    position: absolute;
    margin-top: -94px;
    right: 0;
    top: 50%;
    z-index: -1;
}

.polygon-icon-circle-2 {
    position: absolute;
    right: 681px;
    bottom: 0;
    z-index: -1;
    animation: circle-rotate 5s linear infinite;
    -webkit-animation: circle-rotate 5s linear infinite;
}

@keyframes circle-rotate {
    from {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(405deg);
    }
}

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

/*-------------------------------------------
    7.book area  start
-------------------------------------------*/

.polygon-img-5 {
    position: absolute;
    left: 0;
    z-index: -1;
    top: 150px;

}

.polygon-circle-img-3 {
    position: absolute;
    left: 169px;
    z-index: -1;
    top: 415px;
    animation: circle-rotate 5s linear infinite;
    -webkit-animation: circle-rotate 5s linear infinite;

}

.polygon-img-6 {
    position: absolute;
    right: 0;
    bottom: 177px;
    z-index: -1;
}

.bdf-list-book {
    border: 2px solid var(--Stroke);
    padding: 20px;
    transition: 0.3s;
}

.bdf-list-book:hover {
    border: 2px solid var(--Secondary-Yellow);
}

.bdf-list-img {
    max-width: 90px;
    height: 90px;
    width: auto;
}

/*-------------------------------------------
    7.book area  end
-------------------------------------------*/

/*-------------------------------------------
    7.Overview area  start
-------------------------------------------*/

.list-style-bdf {
    padding-left: 32px;
}

.list-style-bdf li {
    list-style: circle;
}

.count-img-bg {
    background-image: url('../../uploads/count-image.png');
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 38px 0;
    margin-top: 30px;
}

.count-img-bg:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #ffffffb7;
}

/*-------------------------------------------
    7.Overview area  start
-------------------------------------------*/

/*-------------------------------------------
    7.readers area  start
-------------------------------------------*/

.bdf-readers-area-bg {
    background: var(--Primary-Blue);
    padding: 50px 0;
}

.single-readers-slider-bdf {
    display: flex;
    gap: 30px;
    align-items: center;
}

.bdf-readers-groupe-img img {
    max-width: 328px !important;
    height: auto;
    width: auto !important;
}

.swiper-slide.single-readers-slider-bdf.swiper-slide-prev {
    flex-direction: row-reverse;
}

.swiper-button-next,
.swiper-button-prev {
    top: 22px;
    width: 171px;
    background: #00377391;
    height: 100%;
    color: #ffffff;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 0;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 0;
}

.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}

/*-------------------------------------------
    7.readers area  end
-------------------------------------------*/

/*-------------------------------------------
    7.About area  end
-------------------------------------------*/

.polygon-circle-img-4 {
    position: absolute;
    bottom: 165px;
    left: 170px;
    z-index: -1;
    animation: circle-rotate 5s linear infinite;
    -webkit-animation: circle-rotate 5s linear infinite;

}

.polygon-7-img-about {
    bottom: 173px;
    position: absolute;
    right: 0;
    z-index: -1;
}

.polygon-6-img-about {
    position: absolute;
    z-index: -1;
    left: 0;
}

.bdf-book-curd {
    border: 1px solid var(--Stroke);
    background: var(--White);
    padding: 20px;
    transition: .3s;
    margin-bottom: 24px;
}

.bdf-book-curd:hover {
    border: 1px solid var(--Secondary-Yellow);
}

/*-------------------------------------------
    7.About area  end
-------------------------------------------*/



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

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

.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: auto;
    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(--Primary-Blue);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    color: var(--Primary-Blue);
}

.social-bdf-w:hover {
    color: var(--White);
    background: var(--Primary-Blue);
}

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

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

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