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

    Theme Name: Expovent - Event Management Dashboard HTML5 Template
    Author: Bdevs
    Support: https://www.devsnews.com/support/
    Description: Expovent - Event Management Dashboard HTML5 Template
    Version: 1.0
	Developer: Sagor Khan Omi

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


/************ TABLE OF CONTENTS ***************

	01. THEME DEFAULT CSS START
  	02. ANIMATION CSS START
	03. BACKGROUND COLOR CSS START
	04. BREAADCRUMB CSS START
	05. BUTTTON CSS START
	06. CAROUSEL CSS START
	07. MEAN MENU CSS START
	08. OFFCANVAS CSS START
	09. PRELODER CSS START
	10. SECTION TITLE CSS START
	11. SETTING CSS START
	12. ABOUT CSS START
	13. ACCORDIONG CSS START
	14.	ATTENDANT CSS START
	15.	BANNER CSS START
	16.	BLOG CSS START
	17.	CALENDAR CSS START
	18.	CARD CSS START
	19. CHART CSS START
	20. CHATBOX CSS START
	21. COUNTER CSS START
	22.	DARK-LIGHT CSS START
	23. DROPDOWN CSS START
	24. EVENT CSS START
	25. FOOTER CSS START
	26. GALLERY CSS START
	27.	HEADER CSS START
	28. JOIN CSS START
	29. NOTICE CSS START
	30.	NOTIFICATION CSS START
	31.	PARTNER CSS START
	32. POPUP CSS START
	33. PRICE CSS START
	34. PROFILE CSS START
	35. SCHEDULE CSS START
	36. SCROLLBAR CSS START
	37. SIDEBAR CSS START
	38. SIGN CSS START
	39. SPEAKER CSS START
	40. TESTIMONIAL CSS START

**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");

:root {
    /**
  @font family declaration
  */
    --bd-ff-body: "Inter", sans-serif;
    --bd-ff-heading: "Inter", sans-serif;
    --bd-ff-fontawesome: "Font Awesome 6 Pro";
    /**
  @color declaration
  */
    --clr-common-white: #ffffff;
    --clr-common-black: #28166b;
    --clr-common-placeholder: #cdcdcd;
    --clr-common-heading: #333333;
    --clr-common-body-text: #111111;
    --clr-theme-1: #da271f;
    --clr-theme-2: #ed1616;
    --clr-theme-3: #ffa300;
    --clr-text-primary: #ffffff;
    --clr-text-secondary: #111111;
    --clr-text-1: #154a63;
    --clr-text-2: #e1e1e1;
    --clr-text-3: #333333;
    --clr-text-4: white;
    --clr-text-5: #7c7c7c;
    --clr-text-6: #d9d9d9;
    --clr-text-7: #c1c1c1;
    --clr-text-8: #adadad;
    --clr-text-9: #9d9d9d;
    --clr-text-10: #7a7a7a;
    --clr-text-11: #404040;
    --clr-text-12: #707070;
    --clr-text-13: #f87a58;
    --clr-text-14: #bababa;
    --clr-text-15: #c75773;
    --clr-text-16: #705221;
    --clr-text-17: #ff9f03;
    --clr-text-18: #3a6d3a;
    --clr-text-19: #2e2e2e;
    --clr-text-20: #111111;
    --clr-bg-gray-1: #f6f6f6;
    --clr-bg-footer: #0e1c41;
    --clr-bg-pink: #fff6f9;
    --clr-bg-1: #fffcfb;
    --clr-bg-2: #f1f1f1;
    --clr-bg-3: #fff1f5;
    --clr-bg-4: #004aad;
    --clr-bg-5: #202020;
    --clr-bg-6: #f2f2f2;
    --clr-bg-7: #414141;
    --clr-bg-8: #323232;
    --clr-bg-9: #363636;
    --clr-bg-10: #f2f2f2;
    --clr-bg-11: #fbfbfb;
    --clr-bg-12: #ebebeb;
    --clr-bg-13: #fafafa;
    --clr-bg-14: #c4c4c4;
    --clr-bg-15: #d9d9d9;
    --clr-bg-16: #fff9fa;
    --clr-bg-17: #fff3f6;
    --clr-bg-18: #fff0f0;
    --clr-bg-19: #fff7ea;
    --clr-bg-20: #fafff8;
    --clr-bg-21: #fff1f5;
    --clr-border-1: #c7c5c5;
    --clr-border-2: #acacac;
    --clr-border-3: #cecece;
    --clr-border-4: #e6e6e6;
    --clr-footer-1: #878787;
    --clr-gradient-1: linear-gradient(90deg, #f7426f 0%, #f87a58 100%);
    --clr-gradient-2: linear-gradient(90deg, #ff6339 0%, #ff2259 100%);
    --clr-gradient-3: linear-gradient(90deg, #fea501 0%, #e64652 96.62%);
    --clr-gradient-4: linear-gradient(134.41deg, #ffa300 3.81%, #f87a58 97.09%);
    --clr-gradient-5: linear-gradient(90deg, #fea501 0%, #e64652 96.62%);
    --clr-gradient-6: linear-gradient(to bottom,
            #ff9c03,
            #ff9c03,
            #ee2e67,
            #ee2e67);
    --clr-gradient-7: linear-gradient(91.11deg, #f7426f -2.47%, #f87a58 91.34%);
    --clr-gradient-8: linear-gradient(91.95deg, #f87a58 0%, #f7426f 99.23%);
    --clr-gradient-9: linear-gradient(90deg,
            #4295f7,
            #b258f8,
            #b258f8,
            #4295f7);
    --clr-gradient-10: linear-gradient(90deg,
            #f7c442,
            #f87a58,
            #f87a58,
            #f7c442);
    --clr-gradient-11: linear-gradient(90deg,
            #f721e2,
            #db3a64,
            #db3a64,
            #f721e2);
    --clr-gradient-12: linear-gradient(90deg,
            #21eaf7,
            #3a71db,
            #3a71db,
            #21eaf7);
    --clr-gradient-13: linear-gradient(90deg,
            #25f721,
            #099e33,
            #099e33,
            #25f721);
    --clr-gradient-14: linear-gradient(90deg,
            #f87a58,
            #f7426f,
            #f7426f,
            #f87a58);
    --clr-gradient-15: linear-gradient(180deg, #f87a58 0%, #f7426f 100%);
    /**
  @font weight declaration
  */
    --bd-fw-normal: normal;
    --bd-fw-thin: 100;
    --bd-fw-elight: 200;
    --bd-fw-light: 300;
    --bd-fw-regular: 400;
    --bd-fw-medium: 500;
    --bd-fw-sbold: 600;
    --bd-fw-bold: 700;
    --bd-fw-ebold: 800;
    --bd-fw-black: 900;
    /**
  @font size declaration
  */
    --bd-fs-body: 15px;
    --bd-fs-p: 14px;
    --bd-fs-h1: 80px;
    --bd-fs-h2: 50px;
    --bd-fs-h3: 24px;
    --bd-fs-h4: 20px;
    --bd-fs-h5: 15px;
    --bd-fs-h6: 14px;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*---------------------------------
    Typography css start
---------------------------------*/
body {
    font-family: var(--bd-ff-body);
    font-size: var(--bd-fs-body);
    font-weight: normal;
    color: var(--clr-common-black);
    line-height: 26px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--bd-ff-heading);
    color: var(--clr-common-heading);
    margin-top: 0px;
    line-height: 1.3;
    margin-bottom: 0;
}

h1 {
    font-size: var(--bd-fs-h1);
}

h2 {
    font-size: var(--bd-fs-h2);
}

h3 {
    font-size: var(--bd-fs-h3);
}

h4 {
    font-size: var(--bd-fs-h4);
}

h5 {
    font-size: var(--bd-fs-h5);
}

h6 {
    font-size: var(--bd-fs-h6);
}

ul {
    margin: 0px;
    padding: 0px;
}

p {
    font-size: var(--bd-fs-p);
    font-weight: var(--bd-fw-normal);
    color: var(--clr-text-3);
    margin-bottom: 15px;
    line-height: 26px;
}

a {
    text-decoration: none;
}

a,
.btn,
button,
span,
svg,
p,
input,
select,
textarea,
li,
img,
svg,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    color: inherit;
    text-decoration: none;
}

a,
button {
    color: inherit;
    outline: none;
    border: none;
    background: transparent;
}

button:hover {
    cursor: pointer;
}

button:focus {
    outline: 0;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

input {
    outline: none;
}

input[type="color"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    padding: 0;
    border-radius: 50%;
}

*::-moz-selection {
    background: var(--clr-theme-1);
    color: var(--clr-common-white);
    text-shadow: none;
}

::-moz-selection {
    background: var(--clr-theme-1);
    color: var(--clr-common-white);
    text-shadow: none;
}

::selection {
    background: var(--clr-theme-1);
    color: var(--clr-common-white);
    text-shadow: none;
}

*::-moz-placeholder {
    color: var(--clr-common-placeholder);
    opacity: 1;
    font-size: 16px;
}

*::placeholder {
    color: var(--clr-common-placeholder);
    opacity: 1;
    font-size: 16px;
}

/*----------------------------------------
   Flaction customize
-----------------------------------------*/
i[class^="flaticon-"] {
    line-height: 1;
    top: 2px;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/*----------------------------------------
    Nice select
-----------------------------------------*/
.nice-select::after {
    border: none;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
    inset-inline-end: 25px;
    content: "\f107";
    font-family: var(--bd-ff-fontawesome);
    transform-origin: center;
    font-weight: 500;
    height: auto;
    width: auto;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-size: 16px;
    color: #9d9d9d;
}

.nice-select.open::after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

/*----------------------------------------
   Gutter customize
-----------------------------------------*/
.g-20 {
    --bs-gutter-x: 20px;
}

/*---------------------------------
    common classes css start
---------------------------------*/
.w-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.m-img img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.fix {
    overflow: hidden;
}

.clear {
    clear: both;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.z-index-1 {
    z-index: 1;
}

.z-index-11 {
    z-index: 11;
}

.overflow-y-visible {
    overflow-x: hidden;
    overflow-y: visible;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.include__bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hr-1 {
    border-top: 1px solid rgb(232, 232, 232);
}

/*----------------------------------------
    Progress Wrap
-----------------------------------------*/
[dir="rtl"] .progress-wrap {
    right: auto;
    left: 50px;
}

@media (max-width: 575px) {
    [dir="rtl"] .progress-wrap {
        left: 15px;
        right: auto;
    }
}

@media (max-width: 575px) {
    .progress-wrap {
        right: 15px;
        bottom: 15px;
    }
}

/*----------------------------------------
   Basic-pagaination
-----------------------------------------*/
.basic__pagination {
    padding: 40px 0 20px;
    border-top: 1px solid var(--clr-border-1);
}

.basic__pagination ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .basic__pagination ul {
        justify-content: start;
    }
}

.basic__pagination ul li {
    list-style: none;
}

.basic__pagination ul li:last-child {
    margin-inline-start: 15px;
}

.basic__pagination ul li a {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    color: var(--clr-text-primary);
    inset-inline-end: 0;
    top: 50%;
    font-size: 14px;
    background-color: var(--clr-bg-14);
    overflow: hidden;
    z-index: 5;
}

.basic__pagination ul li a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: var(--clr-gradient-4);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.basic__pagination ul li a:hover {
    border-color: var(--clr-theme-1);
    color: var(--clr-text-primary);
}

/* [bd-theme=bd-theme-dark] .basic__pagination ul li a:hover {
  color: var(--clr-common-white);
} */
.basic__pagination ul li a:hover::before {
    opacity: 1;
    visibility: visible;
}

.basic__pagination ul li span {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    inset-inline-end: 0;
    top: 50%;
    font-weight: var(--bd-fw-sbold);
    font-size: 16px;
    background: var(--clr-gradient-4);
    overflow: hidden;
    color: var(--clr-text-primary);
    z-index: 5;
}

/* [bd-theme=bd-theme-dark] .basic__pagination ul li span {
  color: var(--clr-common-white);
} */

.pagination ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .pagination ul {
        justify-content: start;
    }
}

.pagination ul li {
    list-style: none;
}

.pagination ul li:last-child {
    width: inherit;
    height: inherit;
}

.pagination ul li a {
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    inset-inline-end: 0;
    top: 50%;
    font-size: 14px;
    overflow: hidden;
    font-weight: var(--bd-fw-sbold);
    color: var(--clr-text-10);
    border: 1px solid var(--clr-border-3);
    z-index: 5;
}

/* [bd-theme=bd-theme-dark] .pagination ul li a {
  border: 1px solid var(--clr-border-1);
} */
.pagination ul li a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: var(--clr-gradient-15);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.pagination ul li a:hover {
    border-color: transparent;
    color: var(--clr-text-primary);
}

/* [bd-theme=bd-theme-dark] .pagination ul li a:hover {
  color: var(--clr-common-white);
} */
.pagination ul li a:hover::before {
    opacity: 1;
    visibility: visible;
}

.pagination ul li span {
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    inset-inline-end: 0;
    top: 50%;
    font-weight: var(--bd-fw-sbold);
    font-size: 16px;
    background: var(--clr-gradient-15);
    overflow: hidden;
    color: var(--clr-text-primary);
    z-index: 5;
    font-weight: var(--bd-fw-sbold);
}

/* [bd-theme=bd-theme-dark] .pagination ul li span {
  color: var(--clr-common-white);
} */

input[type="file"] {
    color: var(--clr-text-10);
}

/* [bd-theme=bd-theme-dark] ::-webkit-calendar-picker-indicator {
  filter: invert(1);
} */

[dir="rtl"] [type="email"],
[dir="rtl"] [type="number"],
[dir="rtl"] [type="tel"],
[dir="rtl"] [type="url"] {
    direction: rtl;
}

/*----------------------------------------*/
/*  BACKGROUND COLOR CSS START
/*----------------------------------------*/
/*--- Background color
-----------------------------------------*/
.white-bg {
    background-color: var(--clr-text-primary);
}

.black-bg {
    background-color: var(--clr-common-black);
}

.dark-bg {
    background-color: var(--clr-common-heading);
}

.grey-bg {
    background-color: var(--clr-bg-gray-1);
}

.footer-bg {
    background-color: var(--clr-bg-footer);
}

.alert-bg-1 {
    background: var(--clr-bg-18);
}

.alert-bg-2 {
    background: var(--clr-bg-19);
}

.alert-bg-3 {
    background: var(--clr-bg-20);
}

/*----------------------------------------*/
/*  BUTTTON CSS START
/*----------------------------------------*/
.fill__btn {
    font-size: 16px;
    color: var(--clr-common-white);
    font-weight: var(--bd-fw-medium);
    background: var(--clr-gradient-1);
    padding: 0px 20px 0px 40px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    height: 60px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
    z-index: 5;
}

.fill__btn::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: var(--clr-gradient-2);
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.fill__btn i {
    opacity: 0;
    margin-inline-start: 10px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.fill__btn:hover {
    color: var(--clr-common-white);
    padding: 0 30px;
}

.fill__btn:hover::before {
    opacity: 1;
    visibility: visible;
}

.fill__btn:hover i {
    opacity: 1;
}

.input__btn {
    font-size: 16px;
    background: var(--clr-gradient-14);
    color: var(--clr-text-primary);
    font-weight: var(--bd-fw-medium);
    border: 0;
    padding: 0 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 55px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
    background-position: 100% 100%;
    background-size: 300% 100%;
    z-index: 5;
}

/* [bd-theme=bd-theme-dark] .input__btn {
  color: var(--clr-common-white);
} */
.input__btn:hover {
    color: var(--clr-common-white);
    background-position: 0 100%;
}

.slider__btn>a {
    position: relative;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    padding: 23px 48px 23px 40px;
    display: inline-block;
    background: linear-gradient(rgb(56 120 255) 0%, #28166b 100%);
    -webkit-background-clip: text;
    color: #fff;
    background-clip: text;
}

.slider__btn>a .reg-hover-color {
    opacity: 0;
}

.slider__btn>a:hover {
    -webkit-text-fill-color: transparent;
}

.slider__btn>a:hover .reg-hover-color-none {
    opacity: 0;
}

.slider__btn>a:hover .reg-hover-color {
    opacity: 1;
}

.slider__btn>a:hover .btn-svg-border2 {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.slider__btn .btn-svg-border1 {
    position: absolute;
    content: "";
    transform: rotate(0deg);
    top: -8px !important;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.slider__btn .btn-svg-border2 {
    position: absolute;
    transform: rotate(15deg);
    content: "";
    top: -8px;
    left: -6px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
}

.video__play-btn {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    font-size: 14px;
    color: var(--clr-common-white);
    font-weight: var(--bd-fw-medium);
}

.video__play-btn i {
    font-size: 25px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.video__play-btn:focus {
    color: var(--clr-common-white);
}

.video__play-btn:after {
    position: absolute;
    content: "";
    height: 200px;
    width: 200px;
    border: 1px solid var(--clr-common-white);
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.video__play-btn::before {
    position: absolute;
    content: "";
    width: 152px;
    height: 152px;
    border-radius: 50%;
    font-size: 14px;
    background: var(--clr-common-white);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.video__play-btn:hover {
    color: var(--clr-text-20);
}

.video__play-btn:hover i {
    color: var(--clr-theme-1);
}

.video__play-btn:hover:after {
    height: 186px;
    width: 186px;
}

.video__play-btn:hover::before {
    opacity: 1;
    visibility: visible;
}

.pricing__btn {
    background: var(--clr-text-20);
    height: 70px;
    color: var(--clr-common-white);
    font-weight: var(--bd-fw-medium);
    font-size: 18px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    align-items: center;
    justify-content: center;
}

.pricing__btn::before {
    position: absolute;
    content: "";
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    top: 6px;
    left: 6px;
    z-index: -1;
    background: var(--clr-gradient-1);
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    opacity: 0;
}

.pricing__btn::after {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--clr-common-white);
    border: 1px solid var(--clr-theme-1);
    top: 0;
    left: 0;
    z-index: -2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    opacity: 0;
}

.breadcrum__btn {
    height: 40px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--clr-theme-1);
    padding: 0 20px;
    font-size: 14px;
    font-weight: var(--bd-fw-medium);
    color: var(--clr-theme-1);
    position: relative;
    z-index: 5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/* [bd-theme=bd-theme-dark] .breadcrum__btn {
  border: 1px solid var(--clr-border-1);
  color: var(--clr-common-white);
} */
.breadcrum__btn::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: var(--clr-gradient-7);
    top: 0;
    left: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

.breadcrum__btn:hover {
    border-color: transparent;
    color: var(--clr-common-white);
}

.breadcrum__btn:hover i {
    background-color: transparent;
}

/* [bd-theme=bd-theme-dark] .breadcrum__btn:hover i {
  background: var(--clr-theme-3);
} */
.breadcrum__btn:hover::before {
    visibility: visible;
    opacity: 1;
}

.breadcrum__btn i {
    background: var(--clr-common-white);
    width: 20px;
    height: 17.78px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/* [bd-theme=bd-theme-dark] .breadcrum__btn i {
  background: var(--clr-bg-6);
} */

.unfield__input-btn {
    height: 55px;
    border: 1px solid var(--clr-border-1);
    background: var(--clr-common-white);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 0 30px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    z-index: 5;
}

/* [bd-theme=bd-theme-dark] .unfield__input-btn {
  background: var(--clr-bg-7);
  color: var(--clr-common-white);
} */
.unfield__input-btn::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: var(--clr-gradient-1);
    opacity: 0;
    z-index: -1;
    left: 0;
    top: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.unfield__input-btn:hover {
    color: var(--clr-common-white);
    border-color: transparent;
}

.unfield__input-btn:hover::after {
    opacity: 1;
}

.chatbox__submit-btn {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: var(--clr-gradient-1);
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

[dir="rtl"] .chatbox__submit-btn {
    left: -60px;
    right: auto;
}

@media (max-width: 450px) {
    .chatbox__submit-btn {
        position: sticky;
        margin-top: 45px;
    }
}

.gamil__sign-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background: var(--clr-common-white);
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    height: 55px;
}

/* [bd-theme=bd-theme-dark] .gamil__sign-btn {
  background: var(--clr-bg-7);
  color: var(--clr-common-white);
} */

.element__btn {
    font-size: 16px;
    color: var(--clr-common-white);
    font-weight: var(--bd-fw-medium);
    padding: 0px 40px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    height: 60px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
    z-index: 5;
    background-position: 100% 100%;
    background-size: 300% 100%;
}

.element__btn::before {
    position: absolute;
    content: "";
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    top: -1px;
    left: -1px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-position: 100% 100%;
    background-size: 300% 100%;
}

.element__btn i {
    opacity: 0;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.element__btn:hover {
    color: var(--clr-text-primary);
    background-position: 0 100%;
}

.element__btn:hover::before {
    opacity: 1;
    visibility: visible;
}

.element__btn:hover i {
    opacity: 1;
}

.fill__button-inner {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    flex-direction: column;
    gap: 10px;
}

.button__grid-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 30px;
    justify-content: center;
}

.border__button-inner {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.button__grid-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 40px;
    flex-wrap: wrap;
}

.element__btn.red-bg {
    background-image: var(--clr-gradient-14);
}

.element__btn.perple-bg {
    background-image: var(--clr-gradient-9);
}

.element__btn.yellow-bg {
    background-image: var(--clr-gradient-10);
}

.element__btn.pink-bg {
    background-image: var(--clr-gradient-11);
}

.element__btn.blue-bg {
    background-image: var(--clr-gradient-12);
}

.element__btn.green-bg {
    background-image: var(--clr-gradient-13);
}

.element__btn.border-red {
    border: 1px solid #f87a58;
    color: #f87a58;
}

.element__btn.border-red:hover {
    color: var(--clr-common-white);
    border-color: transparent;
}

.element__btn.border-red:hover::before {
    background-image: var(--clr-gradient-14);
}

.element__btn.border-perple {
    border: 1px solid #518df7;
    color: #518df7;
}

.element__btn.border-perple:hover {
    color: var(--clr-common-white);
    border-color: transparent;
}

.element__btn.border-perple:hover::before {
    background-image: var(--clr-gradient-9);
}

.element__btn.border-yellow {
    color: #f7c442;
    border: 1px solid #f7c442;
}

.element__btn.border-yellow:hover {
    color: var(--clr-common-white);
    border-color: transparent;
}

.element__btn.border-yellow:hover::before {
    background-image: var(--clr-gradient-10);
}

.element__btn.border-pink {
    color: #f721e2;
    border: 1px solid #f721e2;
}

.element__btn.border-pink:hover {
    color: var(--clr-common-white);
    border-color: transparent;
}

.element__btn.border-pink:hover::before {
    background-image: var(--clr-gradient-11);
}

.element__btn.border-blue {
    border: 1px solid #21eaf7;
    color: #21eaf7;
}

.element__btn.border-blue:hover {
    color: var(--clr-common-white);
    border-color: transparent;
}

.element__btn.border-blue:hover::before {
    background-image: var(--clr-gradient-12);
}

.element__btn.border-green {
    color: #25f721;
    border: 1px solid #25f721;
}

.element__btn.border-green:hover {
    color: var(--clr-common-white);
    border-color: transparent;
}

.element__btn.border-green:hover::before {
    background-image: var(--clr-gradient-13);
}

.card__btn a {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    padding: 2px 10px;
    border: 1px solid var(--clr-border-1);
    color: var(--clr-text-9);
    border-radius: 4px;
    border-radius: 4px;
    text-transform: capitalize;
    color: var(--clr-text-secondary);
}

.card__btn a:hover {
    background: var(--clr-theme-1);
    border-color: transparent;
    color: var(--clr-common-white);
}

/*----------------------------------------*/
/* OFFCANVAS CSS START
/*----------------------------------------*/
.offcanvas__close button {
    height: 45px;
    width: 45px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    color: var(--clr-common-white);
    font-size: 18px;
    background-color: var(--clr-theme-1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.offcanvas__close button i {
    color: var(--clr-common-white);
}

.offcanvas__info {
    background: #191919 none repeat scroll 0 0;
    border-left: 2px solid var(--clr-theme-1);
    position: fixed;
    right: 0;
    top: 0;
    width: 400px;
    height: 100%;
    -webkit-transform: translateX(calc(100% + 80px));
    -moz-transform: translateX(calc(100% + 80px));
    -ms-transform: translateX(calc(100% + 80px));
    -o-transform: translateX(calc(100% + 80px));
    transform: translateX(calc(100% + 80px));
    -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
    -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
    transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
    z-index: 999;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
}

.offcanvas__info ::-webkit-scrollbar {
    display: none;
}

@media (max-width: 575px) {
    .offcanvas__info {
        width: 300px;
    }
}

.offcanvas__info.info-open {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.offcanvas__logo a img {
    width: 180px;
}

.offcanvas__wrapper {
    position: relative;
    height: 100%;
    padding: 30px 30px;
}

@media (max-width: 575px) {
    .offcanvas__wrapper {
        padding: 20px;
    }
}

.offcanvas__top {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--clr-border-2);
}

.offcanvas__color {
    margin-bottom: 40px;
}

.offcanvas__color h5 {
    font-size: 22px;
    margin-bottom: 15px;
}

.offcanvas__color input {
    display: none;
}

.offcanvas__color label {
    width: 100%;
    height: 60px;
    background-color: var(--clr-theme-1);
}

.offcanvas__color label:hover {
    cursor: pointer;
}

.offcanvas__color-2 label {
    background-color: var(--bd-theme-2);
}

.offcanvas__search {
    position: relative;
}

.offcanvas__search input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-right: 20px;
    background: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid var(--clr-border-2);
    font-size: 16px;
    color: var(--clr-common-white);
}

.offcanvas__search input::placeholder {
    color: var(--clr-common-white);
}

.offcanvas__search input:focus {
    border-color: var(--clr-common-white);
}

.offcanvas__search button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    color: var(--clr-common-white);
}

.offcanvas__search button:hover {
    color: var(--clr-theme-1);
}

.offcanvas__text p {
    margin-bottom: 25px;
}

.offcanvas__contact h4 {
    font-size: 22px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: var(--bd-fw-bold);
    color: var(--clr-common-white);
}

.offcanvas__contact ul li:not(:last-child) {
    margin-bottom: 20px;
}

.offcanvas__contact ul li:hover i {
    color: var(--clr-common-white);
    border-color: var(--clr-theme-1);
    background-color: var(--clr-theme-1);
}

.offcanvas__contact-icon i {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    border: 1px solid var(--clr-border-1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
    color: var(--clr-common-white);
    position: relative;
    z-index: 5;
}

.offcanvas__contact-text a {
    font-size: 16px;
    font-weight: 500;
    color: var(--clr-common-white);
}

.offcanvas__contact-text a:hover {
    color: var(--clr-theme-1);
}

.offcanvas__social {
    margin-bottom: 30px;
}

.offcanvas__social ul li {
    display: inline-block;
}

.offcanvas__social ul li:not(:last-child) {
    margin-right: 5px;
}

.offcanvas__social ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--clr-border-1);
    color: var(--clr-theme-1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 5;
    background-color: transparent;
}

.offcanvas__social ul li a:hover {
    color: var(--clr-common-white);
    border: 1px solid var(--clr-theme-1);
    background-color: var(--clr-theme-1);
}

.offcanvas__notification-icon a {
    font-size: 14px;
    color: var(--clr-common-white);
    position: relative;
}

.offcanvas__notification-icon a .notification-count {
    position: absolute;
    top: -4px;
    right: -13px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 22px;
    font-size: 12px;
    font-weight: 600;
    background-color: var(--clr-theme-1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: var(--clr-common-white);
    text-align: center;
}

.offcanvas__notification-text p {
    margin-bottom: 0;
    font-weight: 500;
    color: var(--clr-common-white);
    font-size: 14px;
}

.offcanvas__notification-text p .notification-number {
    color: var(--clr-theme-1);
}

.offcanvas__notification-text p a {
    color: var(--clr-theme-1);
}

.offcanvas__overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: var(--clr-common-black);
    z-index: 900;
    top: 0;
    opacity: 0;
    visibility: hidden;
    right: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.offcanvas__overlay.overlay-open {
    opacity: 0.8;
    visibility: visible;
}

.offcanvas .signin-area.open {
    opacity: 0.6;
    visibility: visible;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.sidebar__toggle {
    cursor: pointer;
}

@media (max-width: 992px) {
    .app__offcanvas-overlay.overlay-open {
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 10;
    }
}

.offcanvas__contact-icon {
    margin-inline-end: 15px;
}

/*----------------------------------------*/
/*  SECTION TITLE CSS START
/*----------------------------------------*/
.section__title {
    font-size: 50px;
    font-weight: var(--bd-fw-bold);
    line-height: 1.25;
    text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .section__title {
        font-size: 45px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section__title {
        font-size: 38px;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .section__title {
        font-size: 40px;
    }
}

@media (max-width: 450px) {
    .section__title {
        font-size: 36px;
    }
}

.section__subtitle {
    font-size: 16px;
    color: var(--clr-text-1);
    margin-bottom: 25px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: var(--bd-fw-medium);
}

.section__back-title {
    position: absolute;
    font-weight: var(--bd-fw-sbold);
    font-size: 220px;
    color: var(--clr-common-white);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--clr-text-2);
    top: -65px;
    z-index: -1;
    line-height: 1;
    text-transform: capitalize;
}

@media (max-width: 450px) {
    .section__back-title {
        font-size: 200px;
    }
}

.section__title-wrapper {
    position: relative;
    z-index: 5;
}

.section__title-wrapper.is-white .section__back-title {
    -webkit-text-stroke-color: var(--clr-border-1);
    opacity: 0.25;
}

.section__title-wrapper.is-white .section__subtitle {
    color: var(--clr-common-white);
}

.section__title-wrapper.is-white .section__title {
    color: var(--clr-common-white);
}

.section__title-wrapper.is-center .section__back-title {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.section__title-wrapper.is-left .section__subtitle,
.section__title-wrapper.is-left .section__title {
    margin-inline-start: 91px;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px) {

    .section__title-wrapper.is-left .section__subtitle,
    .section__title-wrapper.is-left .section__title {
        margin-inline-start: 0px;
    }
}

.text__highlight {
    background: linear-gradient(91deg, #f7426f 5.15%, #f87a58 99.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
    position: relative;
}

.text__highlight svg {
    position: absolute;
    bottom: -30px;
    inset-inline-end: 0;
    width: 100%;
}

/*----------------------------------------*/
/*  BREAADCRUMB CSS START
/*----------------------------------------*/
.breadcrumb__main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 25px;
}

.breadcrumb__wrapper {
    padding: 35px 0 15px;
    border-bottom: 1px solid #e1dfdf;
}

.breadcrumb__menu ul {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    gap: 30px;
    justify-content: center;
}

.breadcrumb__menu ul li {
    list-style: none;
    position: relative;
    line-height: 1;
}

.breadcrumb__menu ul li:not(:last-child):after {
    display: inline-block;
    content: "/";
    position: absolute;
    inset-inline-end: -18px;
    top: 50%;
    font-family: var(--bd-ff-fontawesome);
    font-size: 14px;
    transform: translateY(-50%) rotateY(40deg);
    color: var(--clr-common-body-text);
}

.breadcrumb__menu ul li.active span {
    color: var(--clr-theme-1);
}

/* [bd-theme=bd-theme-dark] .breadcrumb__menu ul li.active span {
  color: var(--clr-common-body-text);
} */
.breadcrumb__menu ul li span {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: var(--bd-fw-medium);
    color: var(--clr-text-secondary);
}

.breadcrumb__menu ul li span a {
    font-weight: var(--bd-fw-regular);
    color: #004aad;
}

.breadcrumb__menu ul li span a:hover {
    color: var(--clr-theme-1);
}

.breadcrumb__inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.breadcrumb__icon i {
    color: var(--clr-text-8);
}

.breadcrumb__tab .nav-link {
    font-size: 14px;
    padding: 6px 16px;
}

.breadcrumb__tab .nav-tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 10px;
    border: 0;
}

.breadcrumb__tab .nav-tabs .nav-link {
    border: 1px solid var(--clr-border-1);
    color: var(--clr-text-20);
    font-weight: var(--bd-fw-medium);
    text-transform: capitalize;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

/* [bd-theme=bd-theme-dark] .breadcrumb__tab .nav-tabs .nav-link {
  color: var(--clr-common-white);
} */
.breadcrumb__tab .nav-tabs .nav-link.active {
    color: var(--clr-common-white);
    position: relative;
    z-index: 5;
    border: transparent;
}

.breadcrumb__tab .nav-tabs .nav-link.active::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    inset-inline-start: 0;
    background: var(--clr-gradient-7);
    z-index: -1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

/*----------------------------------------*/
/*  CAROUSEL CSS START
/*----------------------------------------*/
.swiper.project__active {
    border-radius: 20px;
}

.project__navigation {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 15px;
}

.project__navigation button {
    width: 50px;
    height: 50px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    color: #727272;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.project__navigation button:hover {
    background-color: var(--clr-theme-1);
    color: var(--clr-text-primary);
    border-color: transparent;
}

.feedback__navigation {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 15px;
}

.feedback__navigation.s-2 button:hover {
    background-color: var(--clr-theme-5);
}

.feedback__navigation button {
    width: 50px;
    height: 50px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    color: #727272;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.feedback__navigation button:hover {
    background-color: var(--clr-theme-1);
    color: var(--clr-text-primary);
    border-color: transparent;
}

.testimonial-slider-dot {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: end;
    gap: 10px;
}

.testimonial-slider-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #f7426f;
}

.bd-swiper-dot .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #ffc8d5;
    opacity: 1;
    margin: 0 9px;
    position: relative;
}

.bd-swiper-dot .swiper-pagination-bullet:after {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffeeee;
    z-index: -1;
    border-radius: 50%;
}

/*----------------------------------------*/
/*  ANIMATION CSS START
/*----------------------------------------*/
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes scaleUpUser {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}

.scaleup__animation {
    animation-name: scaleUpUser;
    animation-duration: 3.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.play__effect {
    position: relative;
}

.play__effect::before,
.play__effect::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border: 1px solid #9dbafe;
    animation: popupBtn 1.8s linear infinite;
}

.play__effect.s-2::before,
.play__effect.s-2::after {
    border: 1px solid var(--clr-text-primary);
    opacity: 0.6;
}

@keyframes popupBtn {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        transform: scale(1.4);
        opacity: 0.3;
    }

    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}

/*======================================
	Footer Line
========================================*/
@-webkit-keyframes footerLine {
    0% {
        inset-inline-start: 17px;
    }

    50% {
        inset-inline-start: 0;
    }

    100% {
        inset-inline-start: 17px;
    }
}

@keyframes footerLine {
    0% {
        inset-inline-start: 20px;
    }

    50% {
        inset-inline-start: 0;
    }

    100% {
        inset-inline-start: 17px;
    }
}

/*======================================
	Line animation
========================================*/
@keyframes scroll1 {
    0% {
        top: 0px;
        opacity: 1;
    }

    50% {
        top: 50%;
    }

    100% {
        top: 100%;
        opacity: 1;
    }
}

@keyframes scroll2 {
    0% {
        opacity: 1;
        bottom: 0px;
    }

    50% {
        bottom: 50%;
    }

    100% {
        bottom: 100%;
        opacity: 1;
    }
}

/*======================================
	Diot pluse animation
========================================*/
@keyframes pulse-me {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 0.1;
    }

    70% {
        opacity: 0.09;
    }

    100% {
        transform: scale(5);
        opacity: 0;
    }
}

@-webkit-keyframes bdrotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes bdrotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes bdrotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes bdrotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes bdtranslateY {
    0% {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    100% {
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px);
    }
}

@-moz-keyframes bdtranslateY {
    0% {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    100% {
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px);
    }
}

@-ms-keyframes bdtranslateY {
    0% {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    100% {
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px);
    }
}

@keyframes bdtranslateY {
    0% {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    100% {
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px);
    }
}

@-webkit-keyframes bdtranslateX2 {
    0% {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        -o-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@-moz-keyframes bdtranslateX2 {
    0% {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        -o-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@-ms-keyframes bdtranslateX2 {
    0% {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        -o-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes bdtranslateX2 {
    0% {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        -o-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    100% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@-webkit-keyframes bdtranslateX {
    0% {
        -webkit-transform: translateX(-80px);
        -moz-transform: translateX(-80px);
        -ms-transform: translateX(-80px);
        -o-transform: translateX(-80px);
        transform: translateX(-80px);
    }

    100% {
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }
}

@-moz-keyframes bdtranslateX {
    0% {
        -webkit-transform: translateX(-80px);
        -moz-transform: translateX(-80px);
        -ms-transform: translateX(-80px);
        -o-transform: translateX(-80px);
        transform: translateX(-80px);
    }

    100% {
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }
}

@-ms-keyframes bdtranslateX {
    0% {
        -webkit-transform: translateX(-80px);
        -moz-transform: translateX(-80px);
        -ms-transform: translateX(-80px);
        -o-transform: translateX(-80px);
        transform: translateX(-80px);
    }

    100% {
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }
}

@keyframes bdtranslateX {
    0% {
        -webkit-transform: translateX(-80px);
        -moz-transform: translateX(-80px);
        -ms-transform: translateX(-80px);
        -o-transform: translateX(-80px);
        transform: translateX(-80px);
    }

    100% {
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.panel {
    position: absolute;
    top: 0;
    width: 0%;
    height: 100%;
    left: 0;
    background: white;
    z-index: 10;
    transition: transform 0.5s ease-in-out;
    animation: panel 1s;
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

@keyframes panel {
    0% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}

@keyframes panelTop {
    0% {
        height: 100%;
    }

    100% {
        height: 0;
    }
}

@keyframes panelBottom {
    0% {
        height: 100%;
    }

    100% {
        height: 0;
    }
}

#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 999;
}

.sk-three-bounce {
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: white;
}

.sk-three-bounce .sk-child {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: #f7426f;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-three-bounce {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*----------------------------------------*/
/*  Theme Settings
/*----------------------------------------*/
.bd-theme-settings-area {
    position: fixed;
    top: 50%;
    right: 0px;
    width: 240px;
    background-color: var(--clr-common-white);
    border: 1px solid #eaeaef;
    -webkit-transform: translateY(-50%) translateX(100%);
    -moz-transform: translateY(-50%) translateX(100%);
    -ms-transform: translateY(-50%) translateX(100%);
    -o-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
    z-index: 991;
    border-bottom-right-radius: 4px;
}

[dir="rtl"] .bd-theme-settings-area {
    -webkit-transform: translateY(-50%) translateX(-100%);
    -moz-transform: translateY(-50%) translateX(-100%);
    -ms-transform: translateY(-50%) translateX(-100%);
    -o-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
    left: 0px;
    right: auto;
}

.bd-theme-settings-area.settings-opened {
    -webkit-transform: translateY(-50%) translateX(0%);
    -moz-transform: translateY(-50%) translateX(0%);
    -ms-transform: translateY(-50%) translateX(0%);
    -o-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}

.bd-theme-settings-area.settings-opened .bd-theme-settings-gear {
    opacity: 0;
}

.bd-theme-settings-area.settings-opened .bd-theme-settings-close {
    opacity: 1;
}

.bd-theme-settings-open {
    position: absolute;
    top: -1px;
    inset-inline-end: 100%;
}

.bd-theme-settings-open button {
    background-color: var(--clr-common-white);
    border: 1px solid #eaeaef;
    border-inline-end: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: var(--clr-common-black);
    position: relative;
    border-start-start-radius: 4px;
    border-bottom-left-radius: 4px;
}

.bd-theme-settings-gear {
    display: inline-block;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.bd-theme-settings-close {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.bd-theme-header-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
}

.bd-theme-wrapper {
    padding: 20px 30px 30px;
}

.bd-theme-toggle {
    text-align: center;
}

.bd-theme-toggle-main {
    display: inline-block;
    width: 160px;
    margin: auto;
    position: relative;
    z-index: 1;
    background-color: #f0f0f5;
    padding: 4px;
    border-radius: 20px;
}

.bd-theme-toggle-light,
.bd-theme-toggle-dark {
    display: inline-block;
    width: 48%;
    height: 26px;
    line-height: 26px;
}

.bd-theme-toggle input {
    display: none;
}

.bd-theme-toggle:hover {
    cursor: pointer;
}

.bd-theme-toggle label {
    color: var(--clr-common-black);
    font-size: 14px;
    font-weight: 500;
}

.bd-theme-toggle label:hover {
    cursor: pointer;
}

.bd-theme-toggle #bd-theme-toggler {
    display: none;
}

.bd-theme-toggle #bd-theme-toggler:checked+i {
    right: calc(50% - 4px);
}

.bd-theme-toggle-slide {
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    height: 26px;
    color: var(--clr-common-black);
    background-color: var(--clr-common-white);
    border-radius: 30px;
    -webkit-transform: translate3d(0, 0);
    transform: translate3d(0, 0);
    -webkit-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
    -moz-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
    -ms-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
    -o-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
    transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: -1;
}

.bd-theme-dir {
    text-align: center;
}

.bd-theme-dir-main {
    display: inline-block;
    width: 160px;
    margin: auto;
    position: relative;
    z-index: 1;
    background-color: #f0f0f5;
    padding: 4px;
    border-radius: 20px;
}

.bd-theme-dir-ltr,
.bd-theme-dir-rtl {
    display: inline-block;
    width: 48%;
    height: 26px;
    line-height: 26px;
}

.bd-theme-dir input {
    display: none;
}

.bd-theme-dir:hover {
    cursor: pointer;
}

.bd-theme-dir label {
    color: var(--clr-common-black);
    font-size: 14px;
    font-weight: 500;
}

.bd-theme-dir label:hover {
    cursor: pointer;
}

.bd-theme-dir #bd-dir-toggler {
    display: none;
}

.bd-theme-dir #bd-dir-toggler:checked+i {
    right: calc(50% - 4px);
}

.bd-theme-dir-slide {
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    height: 26px;
    color: var(--clr-common-black);
    background-color: var(--clr-common-white);
    border-radius: 30px;
    -webkit-transform: translate3d(0, 0);
    transform: translate3d(0, 0);
    -webkit-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
    -moz-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
    -ms-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
    -o-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
    transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: -1;
}

.bd-theme-color-item.active button::before {
    opacity: 1;
    visibility: visible;
}

.bd-theme-color-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
}

.bd-theme-color-btn::before {
    position: absolute;
    content: "\f00c";
    font-weight: 600;
    font-family: var(--bd-ff-fontawesome);
    color: var(--clr-common-white);
    font-size: 16px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s 0s ease-out;
    -moz-transition: all 0.3s 0s ease-out;
    -ms-transition: all 0.3s 0s ease-out;
    -o-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
    opacity: 0;
    visibility: hidden;
}

.bd-theme-color-btn.bd-color-settings-btn[data-color="#F50963"] {
    background-color: #f50963;
}

.bd-theme-color-btn.bd-color-settings-btn[data-color="#008080"] {
    background-color: #008080;
}

.bd-theme-color-btn.bd-color-settings-btn[data-color="#F31E5E"] {
    background-color: #f31e5e;
}

.bd-theme-color-btn.bd-color-settings-btn[data-color="#2CAE76"] {
    background-color: #2cae76;
    color: black;
}

.bd-theme-color-btn.bd-color-settings-btn[data-color="#4353FF"] {
    background-color: #4353ff;
}

.bd-theme-color-btn.bd-color-settings-btn[data-color="#3661FC"] {
    background-color: #3661fc;
}

.bd-theme-color-btn.bd-color-settings-btn[data-color="#2CAE76"] {
    background-color: #2cae76;
}

.bd-theme-color-btn.bd-color-settings-btn[data-color="#F87A58"] {
    background-color: #f87a58;
}

.bd-theme-color-btn.bd-color-settings-btn[data-color="#03041C"] {
    background-color: #03041c;
}

.bd-theme-color-btn.bd-color-settings-btn[data-color="#ED212C"] {
    background-color: #ed212c;
}

.bd-theme-color-input {
    margin-top: 15px;
}

.bd-theme-color-input h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.bd-theme-color-input label {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: var(--bd-theme-1);
    -webkit-transition: all 0.3s 0s ease-out;
    -moz-transition: all 0.3s 0s ease-out;
    -ms-transition: all 0.3s 0s ease-out;
    -o-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
}

.bd-theme-color-input label:hover {
    cursor: pointer;
}

.bd-theme-color-input input {
    display: none;
}

/*----------------------------------------*/
/*  MEAN MENU CSS START
/*----------------------------------------*/
/* Mean menu customize */
.mean-container a.meanmenu-reveal {
    display: none;
}

.mean-container .mean-nav {
    background: none;
    margin-top: 0;
}

.mean-container .mean-bar {
    padding: 0;
    min-height: auto;
    background: none;
}

.mean-container .mean-nav>ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}

.mean-container a.meanmenu-reveal {
    display: none !important;
}

.mean-container .mean-nav ul li a {
    width: 100%;
    padding: 10px 0;
    color: var(--clr-common-white);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    text-transform: capitalize;
    border-top: 1px solid var(--clr-border-2);
}

.mean-container .mean-nav ul li a:last-child {
    border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
    color: var(--clr-theme-1);
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 5px;
    padding: 0 !important;
    height: 30px;
    width: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    color: var(--clr-common-white);
    line-height: 30px;
    top: 0;
    font-weight: 400;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.mean-container .mean-nav ul li>a>i {
    display: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.mean-container .mean-nav ul li>a.mean-expand i {
    display: inline-block;
}

.mean-container .mean-nav>ul>li:first-child>a {
    border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.mean-container .mean-nav ul li .mega-menu li a {
    height: 200px;
    width: 100%;
    padding: 0;
    border-top: 0;
    margin-bottom: 20px;
}

/*----------------------------------------*/
/*  HEADER CSS START
/*----------------------------------------*/
.header__transparent {
    position: absolute;
    inset-inline-start: 0;
    margin: auto;
    width: 100%;
    z-index: 99;
}

.sticky {
    position: fixed !important;
    top: 0;
    background: var(--clr-common-white);
    z-index: 111;
    inset-inline-end: 0;
    inset-inline-start: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
    -moz-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
    -ms-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
    -o-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
    box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .sticky {
        padding: 22px 0;
    }
}

.sticky .logo__white {
    display: none;
}

.sticky .logo__dark {
    display: block;
}

.sticky .main-menu ul li a {
    color: var(--clr-text-20);
}

.sticky .bar-icon span {
    background: var(--clr-text-20);
}

.sticky .main-menu ul li a {
    padding: 41px 0;
}

.logo__dark {
    display: none;
}

.header__logo img {
    width: 200px;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .header-1 {
        padding: 20px 0;
    }
}

.header-1 .container {
    max-width: 1570px;
}

.header__right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 70px;
}

.main-menu ul li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin-inline-end: 45px;
}

.main-menu ul li:last-child {
    margin-inline-end: 0;
}

.main-menu ul li.has-mega-menu {
    position: static;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .main-menu ul li {
        margin-inline-end: 35px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu ul li {
        margin-inline-end: 35px;
    }
}

.main-menu ul li a {
    display: inline-block;
    font-size: 18px;
    color: var(--clr-common-white);
    padding: 46px 0;
    font-weight: var(--bd-fw-medium);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    text-transform: capitalize;
    line-height: 1;
}

.main-menu ul li .submenu {
    position: absolute;
    top: 120%;
    inset-inline-start: 0;
    width: 220px;
    padding: 15px 0;
    padding-bottom: 15px;
    background: var(--clr-text-primary);
    border-top: 3px solid var(--clr-theme-1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    -o-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    visibility: hidden;
    opacity: 0;
    z-index: 50;
}

.main-menu ul li .submenu li {
    display: block;
    width: 100%;
    margin: 0;
}

.main-menu ul li .submenu li.has-dropdown>a::after {
    position: absolute;
    top: 50%;
    inset-inline-end: 25px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.main-menu ul li .submenu li>a {
    width: 100%;
    display: block;
    padding: 10px 25px;
    text-transform: capitalize;
    color: var(--clr-common-heading);
    font-weight: var(--bd-fw-medium);
    position: relative;
}

.main-menu ul li .submenu li>a::after {
    inset-inline-end: 30px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.main-menu ul li .submenu li>a::before {
    display: none;
}

.main-menu ul li .submenu li .submenu {
    inset-inline-start: 120%;
    top: 0;
    visibility: hidden;
    opacity: 0;
}

.main-menu ul li .submenu li:hover>a {
    color: var(--clr-theme-1);
}

.main-menu ul li .submenu li:hover>a::after {
    color: var(--clr-theme-1);
    -webkit-transform: translateY(-6px) rotate(45deg);
    -moz-transform: translateY(-6px) rotate(45deg);
    -ms-transform: translateY(-6px) rotate(45deg);
    -o-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}

.main-menu ul li .submenu li:hover>a::before {
    inset-inline-start: 0;
    inset-inline-end: auto;
    width: 100%;
}

.main-menu ul li .submenu li:hover>.submenu {
    inset-inline-start: 100%;
    visibility: visible;
    opacity: 1;
}

.main-menu ul li .mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 30px 30px;
    background: var(--clr-common-white);
    box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: top center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 99;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu ul li .mega-menu {
        padding: 20px 20px;
        gap: 20px;
    }
}

[dir="rtl"] .main-menu ul li .mega-menu {
    right: 0;
    left: auto;
}

.main-menu ul li .mega-menu li {
    margin-inline-end: 0;
}

[dir="rtl"] .main-menu ul li .mega-menu li {
    float: right;
    margin-left: 0;
    text-align: right;
}

.main-menu ul li .mega-menu li:hover>.mega-menu-title {
    color: var(--bd-theme-1);
    padding-left: 0;
}

[dir="rtl"] .main-menu ul li .mega-menu li:hover>.mega-menu-title {
    padding-right: 0;
}

.main-menu ul li .mega-menu li a {
    width: 100%;
    height: 400px;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.1));
}

.main-menu ul li:hover>a {
    color: var(--bd-theme-1);
}

.main-menu ul li:hover>a::after {
    color: var(--bd-theme-1);
}

.main-menu ul li:hover>.submenu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.main-menu ul li:hover .mega-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.main-menu ul li:hover>a {
    color: var(--clr-theme-1);
}

.main-menu ul li:hover>.submenu {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.app__header__area {
    background-color: var(--clr-common-white);
    position: fixed;
    width: calc(100% - 260px);
    transition: 0.5s;
    top: 0;
    z-index: 10;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
        rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

/* [bd-theme=bd-theme-dark] .app__header__area {
  background-color: var(--clr-bg-4);
} */
@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .app__header__area {
        width: 100%;
    }
}

.app__header-toggle i {
    font-size: 30px;
    color: var(--clr-common-white);
}

.app__header-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 40px;
}

@media xs,
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .app__header-left {
        gap: 20px;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .app__herader-input {
        display: none;
    }
}

.app__herader-input input {
    width: 450px;
    height: 50px;
    border: 1px solid #dbdbdb;
    background: var(--clr-bg-2);
    padding-inline-start: 22px;
    padding-inline-end: 52px;
    font-size: 14px;
    /* color: var(--clr-text-secondary); */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

/* [bd-theme=bd-theme-dark] .app__herader-input input {
  background: var(--clr-bg-6);
} */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .app__herader-input input {
        width: 380px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .app__herader-input input {
        width: 280px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .app__herader-input input {
        width: 350px;
    }
}

.app__herader-input button {
    position: absolute;
    inset-inline-end: 25px;
    font-size: 18px;
    color: #a1a1a1;
    top: 50%;
    transform: translateY(-50%);
}

.app__header-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 13px 30px;
    transition: 0.3s;
    height: 76px;
    align-items: center;
    column-gap: 20px;
}

@media (max-width: 575px) {
    .app__header-inner {
        padding: 13px 20px;
    }
}

.app__header-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    column-gap: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .app__header-right {
        column-gap: 30px;
    }
}

@media (max-width: 450px) {
    .app__header-right {
        column-gap: 15px;
    }
}

.app__header-action>ul {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    gap: 25px;
}

@media (max-width: 450px) {
    .app__header-action>ul {
        gap: 17px;
    }
}

.app__header-action>ul li {
    list-style: none;
}

.app__header-action>ul>li {
    list-style: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.user__portfolio {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
}

@media (max-width: 575px) {
    .user__portfolio {
        gap: 0;
    }
}

.user__portfolio {
    position: relative;
}

.user__portfolio:after {
    position: absolute;
    content: "";
    width: 0.5em;
    height: 0.5em;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: initial;
    inset-inline-end: 0;
    transform: rotate(-135deg) translate(0, -50%);
    transform-origin: top;
    top: 50%;
    transition: all 0.3s ease-out;
    border-color: var(--clr-text-secondary);
}

@media (max-width: 575px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .user__portfolio:after {
        display: none;
    }
}

.user__content span {
    font-size: 16px;
    color: var(--clr-text-secondary);
    font-weight: var(--bd-fw-medium);
    position: relative;
    padding-inline-end: 23px;
}

@media (max-width: 575px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .user__content span {
        display: none;
    }
}

.header__action-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 70px;
}

.user__portfolio-thumb img {
    width: 50px;
    height: 50px;
}

.bar-icon {
    width: 36px;
    height: 24px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.bar-icon span {
    width: 100%;
    height: 2px;
    background: var(--clr-common-white);
    display: inline-block;
}

.bar-icon span:nth-child(2) {
    margin-inline-start: 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.bar-icon span:nth-child(3) {
    margin-inline-start: 10px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.bar-icon:hover span:nth-child(2) {
    margin-inline-start: 10px;
}

.bar-icon:hover span:nth-child(3) {
    margin-inline-start: 0;
}

.bar-icon-2 {
    width: 20px;
    height: 18px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.bar-icon-2 span {
    width: 100%;
    height: 3px;
    background: var(--clr-common-black);
    display: inline-block;
}

.bar-icon-2 span:nth-child(2) {
    margin-inline-start: -10px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.bar-icon-2:hover span:nth-child(2) {
    margin-inline-start: 0;
}

.humbager__icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background: var(--clr-text-primary);
    box-shadow: 0px 25px 40px rgba(50, 73, 179, 0.08);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.header__toggle-text {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: var(--clr-common-heading);
}

/*----------------------------------------*/
/*  SIDEBAR CSS START
/*----------------------------------------*/
.expovent__sidebar.collapsed~.page__body-wrapper .app__header__area {
    width: calc(100% - 78px);
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .expovent__sidebar.collapsed~.page__body-wrapper .app__header__area {
        width: calc(100% - 0px) !important;
    }
}

.expovent__sidebar.collapsed~.page__body-wrapper {
    width: calc(100% - 78px);
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .expovent__sidebar.collapsed~.page__body-wrapper {
        width: calc(100% - 0px) !important;
    }
}

.expovent__sidebar.collapsed~.app__header__area {
    left: 260px;
    width: calc(100% - 260px);
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .expovent__sidebar.collapsed~.app__header__area {
        width: calc(100% - 0px) !important;
    }
}

.app__slide-wrapper {
    padding: 0 30px;
    margin-top: 76px;
    position: relative;
    z-index: -1;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 575px) {
    .app__slide-wrapper {
        padding: 0 20px;
    }
}

.page__body-wrapper {
    position: absolute;
    inset-inline-end: 0;
    width: calc(100% - 260px);
    transition: all 0.5s ease;
    top: 0;
    z-index: 1;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .page__body-wrapper {
        width: calc(100% - 0px);
    }
}

.expovent__sidebar {
    position: fixed;
    inset-inline-start: 0;
    top: 0;
    height: 100%;
    width: 260px;
    background: var(--clr-common-black);
    padding-bottom: 0px;
    padding: 0 14px;
    z-index: 99;
    transition: all 0.5s ease;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding-bottom: 110px;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .expovent__sidebar {
        inset-inline-start: -260px;
    }
}

.expovent__sidebar__inner {
    height: 100%;
}

.expovent__sidebar .log__smnall {
    position: absolute;
    left: 44%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.expovent__sidebar .logo__white {
    opacity: 0;
    visibility: hidden;
}

.expovent__sidebar::before {
    position: absolute;
    content: "";
    height: 76px;
    width: 100%;
    left: 0;
    top: 0;
    /* background: var(--clr-bg-4); */
    background: white;
    /* border-right: 1px solid var(--clr-border-2); */
}

.expovent__sidebar.collapsed {
    width: 78px;
    position: fixed;
}

.expovent__sidebar.collapsed .dlabnav .metismenu .has-arrow::after {
    display: none;
}

.expovent__sidebar.collapsed .dlabnav .metismenu ul {
    transition: all 0.2s ease-in-out;
    position: absolute;
    inset-inline-start: 85px;
    top: 0;
    width: 15rem;
    z-index: 200;
    margin-left: 0;
    height: auto !important;
    border: 0;
    background: var(--clr-common-white);
    border-radius: 4px;
    padding: 10px 10px;
    box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.15);
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .expovent__sidebar.collapsed .dlabnav .metismenu ul {
        position: inherit;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 200;
        background: transparent;
        box-shadow: none;
    }
}

.expovent__sidebar.collapsed .dlabnav .metismenu li a {
    color: var(--clr-common-black);
}

.expovent__sidebar.collapsed .dlabnav .metismenu li .nav-text {
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .expovent__sidebar.collapsed .dlabnav .metismenu li .nav-text {
        opacity: 1;
        visibility: visible;
    }
}

[bd-theme="bd-theme-dark"] .expovent__sidebar.collapsed .dlabnav .metismenu li ul li a:hover {
    background: var(--clr-bg-4);
    color: var(--clr-common-white);
}

.expovent__sidebar.collapsed .sidebar__copyright p {
    opacity: 0;
}

.expovent__sidebar.collapsed .sidebar__profile {
    padding-inline-start: 15px;
}

.expovent__sidebar.collapsed .sidebar__profile .links_name {
    opacity: 0;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .expovent__sidebar.collapsed .sidebar__profile .links_name {
        opacity: 1;
    }
}

.expovent__sidebar.collapsed .logo__white {
    opacity: 1;
    visibility: visible;
    height: 50px;
    object-fit: cover;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .expovent__sidebar.collapsed .logo__white {
        opacity: 0;
        visibility: hidden;
    }
}

.expovent__sidebar.collapsed .log__smnall {
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .expovent__sidebar.collapsed .log__smnall {
        opacity: 1;
        visibility: visible;
    }
}

.expovent__sidebar.collapsed .sidebar__inner {
    overflow: visible;
}

.expovent__sidebar.collapsed .sidebar__thumb {
    display: none;
}

.expovent__sidebar.open {
    width: 260px;
    inset-inline-start: 0;
}

.expovent__sidebar .logo-details {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    position: relative;
    justify-content: center;
    height: 76px;
}

.sidebar__inner {
    margin-top: 20px;
    overflow-y: scroll;
    height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.sidebar__inner::-webkit-scrollbar {
    display: none;
}

.dlabnav .metismenu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
}

.dlabnav .metismenu>li>a i {
    color: var(--clr-common-white);
}

/* [bd-theme=bd-theme-dark] .dlabnav .metismenu > li > a i {
  background: var(--clr-gradient-6);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
}
[bd-theme=bd-theme-dark] .dlabnav .metismenu > li > a:hover i {
  -webkit-text-fill-color: transparent;
} */
.dlabnav .metismenu>li a>.menu-icon {
    font-size: 1.3rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0;
    height: auto;
    width: auto;
    text-align: center;
    border-radius: 0.125rem;
    line-height: 1;
    border-radius: 0.125rem;
}

.dlabnav .metismenu>li>a {
    height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    color: var(--clr-common-white);
}

.dlabnav .metismenu>li>a i {
    height: 50px;
    font-size: 18px;
    border-radius: 12px;
    color: var(--clr-common-white);
    min-width: 50px;
    text-align: center;
    line-height: 50px;
}

.dlabnav .metismenu>li.mm-active li:hover a {
    background: var(--clr-gradient-1);
    color: var(--clr-common-white);
}

/* [bd-theme=bd-theme-dark] .dlabnav .metismenu > li.mm-active li:hover a {
  color: var(--clr-text-19);
  background: var(--clr-common-white);
} */
.dlabnav .metismenu>li.mm-active>a {
    color: var(--clr-text-primary);
    background: var(--clr-gradient-1);
}

/* [bd-theme=bd-theme-dark] .dlabnav .metismenu > li.mm-active > a {
  background: var(--clr-common-white);
}
[bd-theme=bd-theme-dark] .dlabnav .metismenu > li.mm-active > a i {
  -webkit-text-fill-color: transparent;
} */
.dlabnav .metismenu li {
    position: relative;
    list-style: none;
    margin-bottom: 5px;
}

.dlabnav .metismenu li:last-child {
    margin-bottom: 0;
}

.dlabnav .metismenu ul {
    transition: all 0.2s ease-in-out;
    position: relative;
    z-index: 1;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
}

.dlabnav .metismenu ul a::before {
    content: "";
    height: 0.125rem;
    width: 0.375rem;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 2.5rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.dlabnav .metismenu ul li a {
    position: relative;
    padding-inline-start: 1.375rem;
    height: 50px;
    display: block;
    line-height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    color: var(--clr-common-white);
}

.dlabnav .metismenu ul li a:before {
    position: absolute;
    content: none;
    height: 0.125rem;
    width: 0.5rem;
    top: 50%;
    left: 1.75rem;
    border-radius: 3.75rem;
    transform: translateY(-50%);
}

.dlabnav .metismenu .has-arrow:after {
    position: absolute;
    content: "";
    width: 0.5em;
    height: 0.5em;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: initial;
    inset-inline-end: 1em;
    transform: rotate(-45deg) translate(0, -50%);
    transform-origin: top;
    top: 50%;
    transition: all 0.3s ease-out;
    transform: rotate(-225deg) translate(0, -50%);
}

.dlabnav .metismenu>li:hover>a {
    background: var(--clr-gradient-1);
    color: var(--clr-common-white);
}

/* [bd-theme=bd-theme-dark] .dlabnav .metismenu > li:hover > a {
  background: var(--clr-common-white);
  color: var(--clr-text-19);
} */

.dlabnav .metismenu>li:focus>a {
    background: var(--clr-gradient-1);
    color: var(--clr-common-white);
}

/* [bd-theme=bd-theme-dark] .dlabnav .metismenu > li:focus > a {
  background: var(--clr-common-white);
  color: var(--clr-text-19);
} */

.dlabnav .metismenu .has-arrow[aria-expanded="true"]:after,
.dlabnav .metismenu .mm-active>.has-arrow:after {
    transform: rotate(-135deg) translate(0, -50%);
}

.sidebar__thumb img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px 6px 0 0;
    width: 100%;
    height: 220px;
}

.sidebar__profile {
    padding-left: 10px;
}

.sidebar__profile a {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    gap: 10px;
    color: var(--clr-common-white);
}

.sidebar__profile a i {
    height: inherit;
    line-height: initial;
    min-width: inherit;
    font-size: 18px;
}

.sidebar__profile a:hover {
    color: var(--clr-theme-1);
}

.copyright__text {
    color: var(--clr-text-primary);
    margin-bottom: 0;
}

.sidebar__copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.sidebar__copyright p {
    margin-bottom: 0;
    color: var(--clr-text-primary);
    margin-top: 15px;
    text-align: center;
}

.copyright__text {
    color: var(--clr-text-primary);
    margin-bottom: 0;
}

.sidebar__copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.sidebar__copyright p {
    margin-bottom: 0;
    color: var(--clr-common-white);
    margin-top: 15px;
}

/*----------------------------------------*/
/*  BANNER CSS START
/*----------------------------------------*/
.spotlight {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    inset-inline-start: 0;
    background-image: radial-gradient(circle, transparent 50px, #030415 640px);
}

.banner__area-1 {
    padding: 190px 190px 0px 190px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 5;
    mix-blend-mode: multiply;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .banner__area-1 {
        padding: 190px 150px 0px 150px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .banner__area-1 {
        padding-top: 190px;
        padding: 190px 135px 0px 135px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner__area-1 {
        padding-top: 150px;
        padding-inline-end: 50px;
        padding-bottom: 0;
        padding-inline-start: 120px;
        background-position: 20% center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner__area-1 {
        padding-top: 190px;
        padding-inline-end: 145px;
        padding-bottom: 190px;
        padding-inline-start: 140px;
        background-position: 20% center;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .banner__area-1 {
        padding-top: 160px;
        padding-inline-end: 160px;
        padding-bottom: 190px;
        padding-inline-start: 30px;
    }
}

@media (max-width: 575px) {
    .banner__area-1 {
        padding-top: 160px;
        padding-inline-end: 160px;
        padding-bottom: 160px;
        padding-inline-start: 30px;
    }
}

@media (max-width: 450px) {
    .banner__area-1 {
        padding: 160px 15px 160px 15px;
    }
}

.banner__area-1 .container {
    max-width: 1495px;
}

.banner__height-1 {
    min-height: 1080px;
}

.banner__shape-1 {
    position: absolute;
    top: 28%;
    inset-inline-start: 145px;
}

@media (max-width: 450px) {
    .banner__shape-1 {
        display: none;
    }
}

.banner__shape-2 {
    position: absolute;
    inset-inline-end: 38%;
    top: 44%;
    transform: translate(-50%, -50%);
    z-index: -1;
    -moz-animation: bdrotate 3s ease-in-out 3s forwards infinite alternate;
    -webkit-animation: bdrotate 3s ease-in-out 3s forwards infinite alternate;
    animation: bdrotate 3s ease-in-out 3s forwards infinite alternate;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner__shape-2 {
        inset-inline-end: 25%;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .banner__shape-2 {
        inset-inline-end: 10%;
    }
}

@media (max-width: 450px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner__shape-2 {
        display: none;
    }
}

.banner__shape-3 {
    position: absolute;
    top: 220px;
    inset-inline-end: 27%;
    z-index: -1;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .banner__shape-3 {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner__shape-3 {
        inset-inline-end: 10%;
    }
}

.banner__shape-4 {
    position: absolute;
    bottom: 80px;
    inset-inline-end: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner__shape-4 {
        inset-inline-end: 70%;
    }
}

.banner__shape-5 {
    position: absolute;
    bottom: 125px;
    inset-inline-end: 36%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner__shape-5 {
        inset-inline-end: 46%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner__shape-5 {
        inset-inline-end: 15%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .banner__shape-5 {
        inset-inline-end: 2%;
    }
}

@media (max-width: 575px) {
    .banner__shape-5 {
        display: none;
    }
}

.banner__shape-6 {
    position: absolute;
    inset-inline-end: 16%;
    top: 230px;
    z-index: -1;
}

.banner__title {
    font-weight: 800;
    font-size: 110px;
    color: var(--clr-common-white);
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 125px;
    position: relative;
    z-index: 5;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .banner__title {
        font-size: 95px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .banner__title {
        font-size: 95px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner__title {
        font-size: 70px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner__title {
        font-size: 80px;
        margin-bottom: 65px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .banner__title {
        font-size: 70px;
        margin-bottom: 65px;
    }
}

@media (max-width: 575px) {
    .banner__title {
        font-size: 55px;
        margin-bottom: 65px;
    }
}

@media (max-width: 450px) {
    .banner__title {
        font-size: 40px;
        margin-bottom: 65px;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .banner__content {
        margin-bottom: 70px;
    }
}

.banner__card {
    position: relative;
    width: 238px;
    background: var(--clr-common-white);
    padding: 42px 42px 42px 25px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.banner__card-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    row-gap: 225px;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .banner__card-wrapper {
        row-gap: 90px;
    }
}

.banner__card-inner {
    background-color: var(--clr-common-white);
    padding: 75px 50px 35px 26px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    max-width: 258px;
}

.banner__card-inner .card__icon {
    width: 42px;
    height: 56px;
    background: var(--clr-common-white);
    position: absolute;
    top: 0;
}

.banner__card-inner .card__icon:before {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 100%;
    clip-path: polygon(49% 0px,
            100% 0px,
            100% 100%,
            20px 41px,
            0px 100%,
            0px 0px);
    background: #d9d9d9;
    content: "";
}

.banner__card-inner .shape svg {
    position: absolute;
    top: 50px;
    right: -22px;
}

.banner__card-info span {
    font-size: 16px;
    font-weight: var(--bd-fw-medium);
    text-transform: uppercase;
    color: #858585;
    margin-bottom: 15px;
    display: inline-block;
}

.banner__card-info h4 {
    font-size: 22px;
    color: #154a63;
    margin-bottom: 13px;
    font-weight: var(--bd-fw-medium);
}

.banner__time {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    column-gap: 20px;
    row-gap: 30px;
}

@media (max-width: 575px) {
    .banner__time {
        flex-wrap: wrap;
    }
}

.banner__time .count-down {
    font-size: 16px;
    color: var(--clr-common-white);
    padding: 0px 25px;
    border-inline-end: 1px solid #333;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    font-weight: var(--bd-fw-sbold);
    row-gap: 15px;
}

@media (max-width: 450px) {
    .banner__time .count-down {
        border-inline-end: 0;
        padding: 0px 10px;
    }
}

.banner__time .count-down:last-child {
    padding-inline-end: 0;
    border: 0;
}

.banner__time .count-down:first-child {
    padding-inline-start: 0;
}

.banner__time .count-down span {
    display: block;
    color: #525252;
    font-size: 16px;
    font-weight: var(--bd-fw-medium);
}

.banner__meta-title {
    font-weight: 400;
    position: absolute;
    top: 50%;
    inset-inline-start: -75px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: var(--clr-common-white);
    mix-blend-mode: difference;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .banner__meta-title {
        display: none;
    }
}

.banner__meta-title span {
    letter-spacing: 9.6px;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
}

.banner__meta-title span::before {
    position: absolute;
    background-color: var(--clr-common-white);
    content: "";
    width: 27px;
    height: 1px;
    top: 50%;
    inset-inline-start: -45px;
    transform: translateX(-50%);
}

.banner__meta-title span::after {
    position: absolute;
    background-color: var(--clr-common-white);
    content: "";
    width: 27px;
    height: 1px;
    bottom: 50%;
    inset-inline-end: -45px;
}

[dir="rtl"] .banner__meta-title span::after {
    inset-inline-end: inherit;
    transform: translateX(-17px);
}

.banner__line {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #333333;
    top: 0;
    overflow-y: clip;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .banner__line {
        display: none;
    }
}

.banner__line-1 {
    inset-inline-start: 130px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner__line-1 {
        inset-inline-start: 110px;
    }
}

.banner__line-1::before {
    position: absolute;
    inset-inline-start: -6px;
    content: "";
    width: 14px;
    height: 3px;
    bottom: 278px;
    background: linear-gradient(90deg, #f87a58 0%, #f7426f 100%);
    transform: rotate(-90deg);
    animation: scroll1 15s linear infinite;
}

.banner__line-2 {
    inset-inline-end: 130px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner__line-2 {
        inset-inline-end: 110px;
    }
}

.banner__line-2::before {
    position: absolute;
    inset-inline-start: -6px;
    content: "";
    width: 14px;
    height: 3px;
    top: 458px;
    background: linear-gradient(90deg, #f87a58 0%, #f7426f 100%);
    transform: rotate(-90deg);
    animation: scroll1 15s linear infinite;
}

.banner__line-2::after {
    position: absolute;
    inset-inline-end: -14px;
    content: "";
    width: 28px;
    height: 3px;
    bottom: 354px;
    background: linear-gradient(90deg, #f87a58 0%, #f7426f 100%);
    transform: rotate(90deg);
    animation: scroll2 5s linear infinite;
}

.pluse__status {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 13px;
}

.pluse__status .dot {
    width: 10px;
    height: 10px;
    border-radius: 25px;
    background: var(--clr-theme-1);
    position: relative;
    display: block;
}

.pluse__status .dot:after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 25px;
    background-color: var(--clr-theme-1);
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    bottom: 0;
    inset-inline-start: 0;
    margin: auto;
    transform: scale(0.5);
    transform-origin: center center;
    animation: pulse-me 3s linear infinite;
}

.pluse__status .dot::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 25px;
    background-color: var(--clr-theme-1);
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    bottom: 0;
    inset-inline-start: 0;
    margin: auto;
    transform: scale(0.5);
    transform-origin: center center;
    animation: pulse-me 3s linear infinite;
}

.pluse__status .text {
    color: var(--clr-theme-1);
    font-size: 18px;
}

/*----------------------------------------*/
/*  ABOUT CSS START
/*----------------------------------------*/
.about__shape-1 {
    position: absolute;
    bottom: 58px;
    inset-inline-end: 82px;
}

@media (max-width: 575px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__shape-1 {
        display: none;
    }
}

.about__content-wrapper {
    padding-inline-start: 90px;
    padding-inline-end: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .about__content-wrapper {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__content-wrapper {
        padding-inline-start: 20px;
        padding-inline-end: 0;
    }
}

.about__text {
    margin-bottom: 60px;
}

.about__text h4 {
    color: var(--clr-text-1);
    margin-bottom: 30px;
    font-weight: var(--bd-fw-medium);
    line-height: 1.7;
}

.about__location-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 30px;
}

.about__location-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 30px;
}

@media (max-width: 450px) {
    .about__location-info {
        flex-wrap: wrap;
    }
}

.about__location-address {
    position: relative;
    z-index: 5;
    padding: 0 35px 0px 23px;
}

.about__location-address h5 {
    color: var(--clr-text-4);
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: var(--bd-fw-medium);
}

.about__location-address span {
    font-size: 16px;
    font-weight: var(--bd-fw-medium);
    color: var(--clr-text-1);
}

.about__location-address:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background-color: var(--clr-border-3);
    top: 0;
    inset-inline-start: 0;
}

.about__location-address::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background-color: var(--clr-border-3);
    top: 0;
    inset-inline-end: 0;
}

.about__location-icon a {
    color: var(--clr-text-1);
    width: 76px;
    height: 76px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    font-size: 30px;
    color: var(--clr-text-1);
    width: 76px;
    height: 76px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    font-size: 30px;
}

.about__thumb-wrapper {
    padding-bottom: 315px;
}

.about__thumb-1 {
    padding-inline-start: 125px;
    width: 100%;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .about__thumb-1 {
        padding-inline-start: 0;
    }
}

.about__thumb-2 {
    position: absolute;
    bottom: 0;
    margin-inline-end: 125px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .about__thumb-2 {
        margin-inline-end: 0;
    }
}

.about__thumb-2::after {
    position: absolute;
    content: "";
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    background: var(--clr-common-black);
    opacity: 0.4;
}

.about__play-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    left: 48%;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .about__play-btn {
        transform: translateX(-50%);
        left: 50%;
    }
}

@media (max-width: 450px) {
    .about__play-btn {
        top: 55%;
    }
}

/*----------------------------------------*/
/*  COUNTER CSS START
/*----------------------------------------*/
.counter__area::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(93.8deg, #f7426f 0.6%, #f87a58 100%);
    opacity: 0.85;
    z-index: -1;
    top: 0;
    inset-inline-start: 0;
}

.counter__overlay {
    position: relative;
    z-index: 5;
}

.counter__shape {
    position: absolute;
    bottom: 0;
    inset-inline-end: -57px;
    z-index: -1;
}

.counter__icon {
    margin-bottom: 25px;
}

.counter__icon i {
    font-size: 70px;
    color: var(--clr-common-white);
    font-size: 70px;
    width: 75px;
    height: 75px;
    display: inline-block;
}

/* [bd-theme=bd-theme-dark] .counter__icon i {
  color: var(--clr-common-white);
} */
.counter__number span {
    display: block;
    line-height: 1;
    font-weight: var(--bd-fw-bold);
    font-size: 55px;
    margin-bottom: 23px;
    color: var(--clr-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .counter__number span {
        font-size: 45px;
    }
}

.counter__title h3 {
    display: block;
    line-height: 1;
    font-size: 20px;
    color: var(--clr-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .counter__title h3 {
        font-size: 20px;
    }
}

.expovent__count-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 21px;
    justify-content: space-between;
    background: var(--clr-common-white);
    padding: 30px 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    z-index: 5;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
        rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/* [bd-theme=bd-theme-dark] .expovent__count-item {
  background: var(--clr-bg-6);
} */
.expovent__count-item:hover {
    filter: drop-shadow(0px 4px 35px rgba(247, 66, 111, 0.2));
    background: linear-gradient(180deg, #0060c3 0%, #28166b 100%);
}

.expovent__count-item:hover .expovent__count-number {
    color: var(--clr-common-white);
}

.expovent__count-item:hover .expovent__count-thumb {
    opacity: 1;
}

.expovent__count-item:hover .expovent__count-text {
    color: var(--clr-common-white);
}

.expovent__count-item:hover .expovent__count-icon {
    background-color: transparent;
    border-color: var(--clr-common-white);
}

.expovent__count-item:hover .expovent__count-icon i {
    color: var(--clr-common-white);
}

.expovent__count-thumb {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.expovent__count-number {
    color: var(--clr-common-black);
    font-weight: var(--bd-fw-sbold);
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 700;
}

.expovent__count-text {
    color: #727272;
}

/* [bd-theme=bd-theme-dark] .expovent__count-text {
  color: var(--clr-text-9);
} */
.expovent__count-icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    height: 60px;
    width: 60px;
    background-color: var(--clr-bg-21);
    border: 1px solid var(--clr-bg-21);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/* [bd-theme=bd-theme-dark] .expovent__count-icon {
  background-color: var(--clr-bg-7);
  border: 1px solid var(--clr-bg-7);
} */
.expovent__count-icon i {
    font-size: 30px;
    color: var(--clr-theme-1);
}

/* [bd-theme=bd-theme-dark] .expovent__count-icon i {
  color: var(--clr-common-white);
} */

/* introduction */
.text-center {
    text-align: center;
}

.introduction-title h3 {
    color: var(--clr-common-black);
    font-weight: var(--bd-fw-sbold);
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    margin-left: 35px;
    width: 45%;
}

.introduction-details {
    padding: 20px;
}

.introduction-p {
    text-align: justify;
}

.intro-p {
    /* height: 300px;
  overflow-y: auto; */
    padding: 10px 20px;
}

.introduction-img {
    /* height: 300px; */
    /* added */
    height: 450px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
        rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    /* added by asmin Shrestha  */
    margin-top: -125px;
}


@media screen and (max-width:1227px) {


    .introduction-img {

        margin-top: -151px;
    }
}
@media screen and (min-width:1940px) {


    .introduction-img {

        margin-top: -82px;
    }
}

@media screen and (max-width:992px) {
    .introduction-img {
        margin-top: 10px;
    }

    .introduction-title h3 {
        width: 95%;


    }
          .btn-sm {
              margin-top: 0;
              margin-left: 142px;
          }
        }
    @media screen and (max-width:712px) {
.btn-sm {
        margin-top: 26px;
        margin-left: 142px;
    }

    }
    @media screen and (max-width:463px) {

        .breadcrum__otherbtn {
            padding: 10px 6px !important;

        }

        .btn-sm {
            margin-top: 29px;
            margin-left: 142px;
        }

        .act__btn {
            font-size: 15px !important;


        }

        .act__btn span {
            display: none;
        }

        .breadcrum__otherbtn i {
            font-size: 14px !important;
            margin-left: 2px !important;
        }





}

/*----------------------------------------*/
/*  GALLERY CSS START
/*----------------------------------------*/
.gallery-wrap {
    margin-top: 10px;
}

.gallery-wrap .swiper-slide {
    width: auto !important;
    margin-inline-end: 10px !important;
}

.gallery-wrap .gallery-item {
    position: relative;
    display: inline-block;
}

.gallery-wrap .gallery-item .gallery-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    line-height: 1;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.gallery-wrap .gallery-item::before {
    position: absolute;
    content: "";
    top: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #f7426f 0%, #f87a58 100%);
    opacity: 0;
    transition: 0.3s;
}

.gallery-wrap .gallery-item:hover::before {
    opacity: 0.7;
}

.gallery-wrap .gallery-item:hover .gallery-icon {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.2s;
}

/*----------------------------------------*/
/*  JOIN CSS START
/*----------------------------------------*/
.join__main-wrapper {
    border-bottom: 1px solid #333;
}

.join__shape-1 {
    position: absolute;
    top: 67px;
    inset-inline-start: 50px;
    z-index: -1;
    -moz-animation: bdtranslateX2 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation: bdtranslateX2 3s ease-in-out 1s forwards infinite alternate;
    animation: bdtranslateX2 3s ease-in-out 1s forwards infinite alternate;
}

.join__shape-2 {
    position: absolute;
    inset-inline-end: 0px;
    bottom: 50px;
    z-index: -1;
    -moz-animation: bdtranslateX2 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation: bdtranslateX2 3s ease-in-out 1s forwards infinite alternate;
    animation: bdtranslateX2 3s ease-in-out 1s forwards infinite alternate;
}

@media (max-width: 575px) {
    .join__shape-2 {
        display: none;
    }
}

.join__features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 80px;
    column-gap: 30px;
}

@media (max-width: 450px) {
    .join__features-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

.join__features-wrapper {
    padding-inline-end: 95px;
    position: relative;
    margin-inline-end: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .join__features-wrapper {
        padding-inline-end: 30px;
        margin-inline-end: 0px;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .join__features-wrapper {
        padding-inline-end: 0px;
        margin-inline-end: 0px;
    }
}

.join__features-wrapper::after {
    position: absolute;
    content: "";
    height: 575px;
    width: 1px;
    background-color: #333333;
    inset-inline-end: 0;
    top: 0;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .join__features-wrapper::after {
        display: none;
    }
}

.join__features-icon {
    margin-bottom: 35px;
}

.join__features-icon span {
    width: 114px;
    height: 114px;
    border-radius: 50%;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    justify-content: center;
    z-index: 5;
    position: relative;
}

.join__features-icon span::after {
    position: absolute;
    content: "";
    height: 114px;
    width: 114px;
    background: var(--clr-common-white);
    border: 1px solid var(--clr-common-white);
    z-index: -1;
    border-radius: 50%;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.join__features-icon span:hover::after {
    width: 110px;
    height: 110px;
}

.join__features-icon span:hover:before {
    opacity: 1;
}

.join__features-icon span:hover i {
    color: var(--clr-theme-1);
}

.join__features-icon span:before {
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: var(--clr-common-white);
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.join__features-icon span i {
    font-size: 61px;
    color: var(--clr-common-white);
}

.join__features-title {
    color: var(--clr-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 575px) {
    .join__features-title {
        font-size: 20px;
    }
}

.join__content p {
    font-size: 16px;
    color: var(--clr-common-white);
    margin-bottom: 0;
}

.join__content-wrapper {
    padding-inline-start: 90px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .join__content-wrapper {
        padding-inline-start: 20px;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .join__content-wrapper {
        padding-inline-start: 0px;
    }
}

.speaker__slider-area .speaker__slider-item:nth-child(2n) {
    margin-top: 68px;
}

.speaker__activation .slick-list {
    overflow: visible;
}

.speaker__activation .slick-track {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 75px;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .speaker__activation .slick-track {
        gap: 30px;
    }
}

/*----------------------------------------*/
/*  PRICING CSS START
/*----------------------------------------*/
.price__short-details p {
    margin-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .price__short-details p br {
        display: none;
    }
}

.pricing-wrap {
    padding: 150px 0px;
}

.pricing-wrap .section-title {
    padding-inline-start: 90px;
}

.pricing-wrap .section-title .section-carecter {
    inset-inline-start: 0px;
}

.pricing-wrap .section-title span .title-underline {
    position: absolute;
    inset-inline-start: 10px;
    bottom: -36px;
    max-width: 100%;
}

.pricing-wrap .pricing-short-details {
    margin-top: 54px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7;
}

.pricing__item {
    background-color: var(--clr-bg-pink);
    padding: 50px 40px 40px;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
(max-width: 450px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .pricing__item {
        padding: 50px 25px 40px;
    }
}

.pricing__item:hover {
    border: 1px solid #f7426f;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.pricing__item:hover .pricing__btn {
    color: var(--clr-common-white);
    background: var(--clr-common-white);
}

.pricing__item:hover .pricing__btn::before {
    visibility: visible;
    opacity: 1;
}

.pricing__item:hover .pricing__btn::after {
    opacity: 1;
}

.pricing__item-header {
    position: relative;
}

.pricing__item-lable {
    top: -10px;
    inset-inline-end: -25px;
    position: absolute;
    z-index: 2;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .pricing__item-lable {
        inset-inline-end: -25px;
    }
}

.pricing__item-lable .lable-border {
    position: absolute;
    inset-inline-end: 0px;
    top: 4px;
    z-index: -1;
    width: 120%;
    height: 104%;
}

.pricing__item-label {
    clip-path: polygon(61% 0,
            100% 0,
            100% 100%,
            75% 100%,
            0 100%,
            16% 50%,
            0 0);
    padding: 12px 17px 12px 34px;
    background: linear-gradient(90.69deg, #9747ff 8.33%, #15b0f8 99.6%);
    font-weight: var(--bd-fw-bold);
    font-size: 24px;
    color: var(--clr-common-white);
    display: inline-block;
}

.pricing__item-label-color1 {
    background: linear-gradient(90.69deg, #ff2259 8.33%, #f200f7 99.6%);
}

.pricing__item-label-color2 {
    background: linear-gradient(90.69deg, #f7426f 8.33%, #f87a58 99.6%);
}

.pricing__item-title {
    font-weight: var(--bd-fw-bold);
    font-size: 45px;
    color: var(--clr-common-black);
    line-height: 1;
    margin-bottom: 50px;
    display: inline-block;
}

.pricing__item-content ul {
    margin-bottom: 45px;
}

.pricing__item-content ul li {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    color: #333333;
    font-size: 16px;
}

.pricing__item-content ul li:last-child {
    margin-bottom: 0;
}

.pricing__item-content ul li i {
    margin-inline-end: 20px;
    color: var(--clr-theme-1);
}

/*----------------------------------------*/
/*  ACCORDION CSS START
/*----------------------------------------*/
.accordion__heading {
    display: grid;
    column-gap: 98px;
    row-gap: 25px;
    align-items: center;
    grid-template-columns: repeat(2, auto);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .accordion__heading {
        grid-template-columns: 40% auto;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .accordion__heading {
        grid-template-columns: repeat(1, auto);
    }
}

.accordion__title {
    font-weight: 600;
    color: var(--clr-common-heading);
    line-height: 1.3;
    font-size: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .accordion__title {
        font-size: 20px;
    }
}

@media (max-width: 450px) {
    .accordion__title {
        font-size: 18px;
    }
}

.accordion__title-2 {
    margin-bottom: 15px;
}

.accordion__meta {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 20px;
    position: relative;
    min-width: 270px;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .accordion__meta {
        min-width: inherit;
    }
}

@media (max-width: 450px) {
    .accordion__meta-thumb {
        display: none;
    }
}

.accordion__meta-contet .title {
    color: var(--clr-text-1);
    margin-bottom: 8px;
    font-size: 20px;
    display: inline-block;
    font-weight: 600;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .accordion__meta-contet .title {
        font-size: 18px;
    }
}

.accordion__meta-contet .info {
    color: var(--clr-common-body-text);
    display: block;
}

.accordion__thumb {
    margin-bottom: 25px;
    height: 320px;
}

.accordion__tab .nav-tabs {
    border-bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 20px;
    justify-content: end;
    margin-bottom: 50px;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .accordion__tab .nav-tabs {
        justify-content: start;
    }
}

.accordion__tab .nav-tabs .nav-link {
    border: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background: var(--clr-bg-pink);
    margin-bottom: 0;
    padding: 0 25px;
    font-size: 16px;
    color: var(--clr-text-1);
    font-weight: var(--bd-fw-medium);
    background-color: var(--clr-bg-pink) !important;
    height: 45px;
    text-transform: capitalize;
}

.accordion__tab .nav-tabs .nav-link.active {
    color: var(--clr-common-white);
    background: var(--clr-gradient-1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.accordion-header {
    cursor: pointer;
}

.accordion-border {
    position: relative;
}

.accordion-border:after {
    position: absolute;
    content: "";
    height: 82px;
    width: 1px;
    background: var(--clr-border-3);
    inset-inline-start: -50px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .accordion-border:after {
        display: none;
    }
}

.accordiong__meta {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 15px 30px;
}

.accordiong__meta span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.accordiong__meta span i {
    line-height: 1;
    position: relative;
    top: 1px;
}

.schedule__accordion .accordion-item {
    border: 0;
    margin-bottom: 30px;
}

.schedule__accordion .accordion-item:last-child {
    margin-bottom: 0;
}

.schedule__accordion .accordion-body {
    background-color: var(--clr-bg-pink);
    padding: 0 30px 30px;
}

@media (max-width: 575px) {
    .schedule__accordion .accordion-body {
        padding: 0 20px 30px;
    }
}

.schedule__accordion .accordion__thumb {
    margin-bottom: 25px;
}

.schedule__accordion .accordion-button {
    background-color: var(--clr-bg-pink);
    padding: 30px 30px;
}

.schedule__accordion .accordion-button:not(.collapsed) {
    background-color: var(--clr-bg-pink);
    box-shadow: none;
}

.schedule__accordion .accordion-button:focus {
    box-shadow: none;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .schedule__accordion .accordion-button {
        padding: 30px 20px;
    }
}

.schedule__accordion .accordion-button::after {
    margin-inline-end: 0;
    content: "+";
    font-family: var(--bd-ff-fontawesome);
    font-size: 20px;
    color: var(--clr-common-heading);
    background-image: none;
    background-size: 0;
    width: auto;
    height: auto;
    font-weight: var(--bd-fw-medium);
}

.schedule__accordion .accordion-button:not(.collapsed)::after {
    content: "\f068";
    font-family: var(--bd-ff-fontawesome);
    font-size: 20px;
    color: var(--clr-theme-1);
    background-image: none;
    transform: rotate(180deg);
}

/*----------------------------------------*/
/*  Testimonial CSS START
/*----------------------------------------*/
.testimonial__navigation button {
    font-size: 35px;
    color: #c2c3c3;
}

@media (max-width: 575px) {
    .testimonial__navigation button {
        display: none !important;
    }
}

.testimonial__navigation button:hover {
    color: var(--clr-theme-1);
}

.testimonial__navigation .slick-prev.slick-arrow {
    position: absolute;
    top: 25%;
    inset-inline-start: 0%;
    transform: translateY(-50%);
}

.testimonial__navigation .slick-next.slick-arrow {
    position: absolute;
    inset-inline-end: 0;
    top: 25%;
    transform: translateY(-50%);
}

.testimonial__item {
    margin-top: 13px;
}

.testimonial__item.slick-slide img {
    display: inline-block;
}

.testimonial__thumb {
    margin-bottom: 11px;
}

.testimonial__thumb img {
    width: 292px;
}

.testimonial__content p {
    font-weight: 500;
    font-size: 22px;
    color: var(--clr-text-3);
    line-height: 1.7;
    margin-bottom: 36px;
}

@media (max-width: 575px) {
    .testimonial__content p {
        font-size: 18px;
    }
}

.testimonial__quote {
    margin-top: -55px;
}

.testimonial__quote i {
    font-size: 100px;
}

.testimonial__content-name {
    font-weight: 500;
    font-size: 16px;
    color: #525252;
}

.testimonial__content-name span {
    font-size: 22px;
    color: var(--clr-theme-1);
    margin-inline-end: 48px;
    position: relative;
    display: inline-block;
}

@media (max-width: 575px) {
    .testimonial__content-name span {
        font-size: 20px;
    }
}

.testimonial__content-name span::before {
    content: "";
    position: absolute;
    width: 20px;
    top: 50%;
    height: 1px;
    inset-inline-end: -34px;
    display: inline-block;
    background: #525252;
}

.author__user-1 {
    position: absolute;
    top: -65px;
    inset-inline-start: 0;
}

@media (max-width: 575px) {
    .author__user-1 {
        display: none;
    }
}

.author__user-2 {
    position: absolute;
    top: 115px;
    inset-inline-start: 115px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .author__user-2 {
        inset-inline-start: 35px;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .author__user-2 {
        display: none;
    }
}

.author__user-3 {
    position: absolute;
    bottom: 30px;
    inset-inline-start: 35px;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .author__user-3 {
        display: none;
    }
}

.author__user-4 {
    position: absolute;
    top: 115px;
    inset-inline-end: 155px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .author__user-4 {
        inset-inline-end: 45px;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .author__user-4 {
        display: none;
    }
}

.author__user-5 {
    position: absolute;
    top: -65px;
    inset-inline-end: 0;
}

@media (max-width: 575px) {
    .author__user-5 {
        display: none;
    }
}

.author__user-6 {
    position: absolute;
    inset-inline-end: 30px;
    bottom: 30px;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .author__user-6 {
        display: none;
    }
}

.user__shadow {
    filter: drop-shadow(0px 4px 100px rgba(248, 122, 88, 0.25));
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

/*----------------------------------------*/
/*  PARTNER CSS START
/*----------------------------------------*/
.partner__grid-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 120px);
    row-gap: 70px;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .partner__grid-wrapper {
        grid-template-columns: repeat(4, 120px);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .partner__grid-wrapper {
        grid-template-columns: repeat(3, 120px);
    }
}

@media (max-width: 575px) {
    .partner__grid-wrapper {
        grid-template-columns: repeat(3, 120px);
    }
}

@media (max-width: 450px) {
    .partner__grid-wrapper {
        grid-template-columns: repeat(2, 120px);
    }
}

.partner__thumb {
    text-align: center;
}

/*----------------------------------------*/
/*  BLOG CSS START
/*----------------------------------------*/
.blog__intro-innner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 70px 50px;
}

.blog__item {
    padding: 40px 40px 40px;
    background: var(--clr-bg-gray-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 450px) {
    .blog__item {
        padding: 40px 25px 40px;
    }
}

.blog__item:hover img {
    transform: scale(1.05);
}

.blog__item:hover a:after {
    animation: shine 800ms;
}

.blog__thumb {
    overflow: hidden;
    margin-bottom: 30px;
}

.blog__thumb a {
    position: relative;
    height: 100%;
    display: block;
}

.blog__thumb a:after {
    position: absolute;
    content: "";
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg);
}

.blog__content h3 a {
    font-size: 24px;
    color: var(--clr-text-20);
    font-weight: var(--bd-fw-sbold);
    margin-bottom: 35px;
    display: inline-block;
    text-transform: capitalize;
}

@media (max-width: 450px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
    .blog__content h3 a {
        font-size: 20px;
    }
}

.blog__content h3 a:hover {
    color: var(--clr-theme-1);
}

.blog__meta {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 25px 35px;
    row-gap: 25px;
    column-gap: 35px;
    margin-bottom: 35px;
    flex-wrap: wrap;
}

.blog__meta span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 10px;
    align-items: center;
    color: var(--clr-text-5);
    font-size: 14px;
}

.blog__meta span a:hover {
    color: var(--clr-theme-1);
}

.blog__meta span i {
    font-size: 18px;
    line-height: 1;
}

.blog__btn {
    height: 25px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    justify-content: center;
    background-image: var(--clr-gradient-14);
    padding: 0px 11px;
    text-transform: capitalize;
    color: var(--clr-common-white);
    border-radius: 2px;
    font-size: 14px;
    background-position: 0 100%;
    background-size: 300% 100%;
}

.blog__btn:hover {
    color: var(--clr-common-white);
    background-position: 100% 100%;
}

.trailer__wrapper {
    position: relative;
}

.trailer__thumb {
    min-height: 574px;
}

.trailer__thumb:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: var(--clr-common-black);
    opacity: 0.5;
    top: 0;
    inset-inline-start: 0;
}

.trailer__play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*----------------------------------------*/
/*  CARD CSS START
/*----------------------------------------*/
.body__card-wrapper {
    background: var(--clr-common-white);
    box-shadow: 0px 4px 8px rgba(247, 66, 111, 0.03);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 30px 30px 30px;
}

@media (max-width: 450px) {
    .body__card-wrapper {
        padding: 20px 20px 20px;
    }
}

/* [bd-theme=bd-theme-dark] .body__card-wrapper {
  background: var(--clr-bg-6);
} */

.card__inner {
    padding-inline-end: 10px;
}

@media (max-width: 450px) {
    .card__inner {
        padding-inline-end: 15px;
    }
}

.card__wrapper {
    background: var(--clr-common-white);
    padding: 25px 25px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.03);
}

/* [bd-theme=bd-theme-dark] .card__wrapper {
  background: var(--clr-bg-6);
} */
@media (max-width: 575px) {
    .card__wrapper {
        padding: 25px 20px;
    }
}

.card__wrapper::after {
    position: absolute;
    content: "";
    height: 13px;
    width: 3px;
    background: var(--clr-text-11);
    inset-inline-start: 0;
    top: 30px;
}

/* [bd-theme=bd-theme-dark] .card__wrapper::after {
  background: var(--clr-theme-3);
} */
.card__header-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--clr-border-1);
    padding-bottom: 19px;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 20px;
}

.card__header-icon {
    font-size: 20px;
    color: var(--clr-text-13);
}

/* [bd-theme=bd-theme-dark] .card__header-icon {
  color: var(--clr-text-8);
} */
.card__header-icon svg * {
    fill: #f87a58;
}

/* [bd-theme=bd-theme-dark] .card__header-icon svg * {
  fill: var(--clr-text-8);
} */
.card__header-iconi {
    top: 4px;
    position: relative;
}

.card__header-title h4 {
    font-size: 20px;
    color: var(--clr-text-secondary);
}

@media (max-width: 575px) {
    .card__header-title h4 {
        font-size: 18px;
    }
}

.card__header-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 45px;
}

@media (max-width: 575px) {
    .card__header-right {
        justify-content: space-between;
    }
}

.card__title-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 10px;
    align-items: center;
}

.card__header-calendar span select {
    border: 1px solid var(--clr-border-1);
    padding: 0px 26px 0 9px;
    font-size: 14px;
    height: 30px;
    border-radius: 4px;
    background: var(--clr-common-white);
    color: var(--clr-text-10);
    display: inline-block;
}

@media (max-width: 450px) {
    .card__header-calendar span select {
        margin-bottom: 10px;
    }
}

/* [bd-theme=bd-theme-dark] .card__header-calendar span select {
  background: var(--clr-bg-6);
  color: var(--clr-text-6);
} */

.tricket__sold-item {
    display: grid;
    grid-template-columns: 1fr 130px;
    align-items: center;
    padding: 20px 0px;
    border-bottom: 1px solid var(--clr-border-1);
}

.tricket__sold-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

@media (max-width: 575px) {
    .tricket__sold-item {
        grid-template-columns: 1fr;
    }
}

.sold__progress-item {
    margin-top: 20px;
}

.sold__progress .progress {
    height: 6px;
    border-radius: 4.5px;
    background-color: var(--clr-bg-5);
}

.sold__progress .progress .progress-bar {
    background: var(--clr-gradient-5);
    border-radius: 4.5px;
}

.sold__bar-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 7px;
    justify-content: end;
    margin-bottom: 15px;
}

.sold__bar-top span {
    font-size: 14px;
    color: rgb(157, 157, 157);
    font-weight: var(--bd-fw-sbold);
}

.sold__bar-top .active {
    color: var(--clr-text-secondary);
}

.traffic__tab .nav-tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 10px;
    border: 0;
}

.traffic__tab .nav-tabs .nav-link {
    border: 1px solid var(--clr-border-1);
    color: var(--clr-text-9);
    border-radius: 4px;
}

.traffic__tab .nav-tabs .nav-link.active {
    background: var(--clr-bg-5);
    border-color: transparent;
    color: var(--clr-common-white);
}

.traffic__tab .nav-link {
    font-size: 14px;
    padding: 2px 10px;
}

.ps__thumb-y {
    background-color: #dae2f3;
    width: 4px;
}

.height-318 {
    height: 318px;
}

.widget-timeline {
    position: relative;
}

#scroll-w-1 {
    height: 298px;
}

#scroll-w-2 {
    height: 281px;
}

#scroll-w-3 {
    height: 382px;
}

#scroll-w-4 {
    height: 375px;
}

.bb-0 {
    border-bottom: 0 !important;
}

.pb-0 {
    padding-bottom: 0;
}

/*----------------------------------------*/
/*  CALENDER CSS START
/*----------------------------------------*/
.calendar ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
}

.calendar li {
    color: var(--clr-text-12);
    width: 14.2857142857%;
    font-size: 16px;
}

/* [bd-theme=bd-theme-dark] .calendar li {
  color: var(--clr-common-white);
} */
@media (max-width: 450px) {
    .calendar li {
        font-size: 14px;
    }
}

.calendar .weeks li {
    font-weight: 500;
    cursor: default;
}

.calendar .days li {
    z-index: 1;
    cursor: pointer;
    position: relative;
    margin-top: 30px;
}

.calendar__wrapper {
    width: 100%;
}

.calendar__header {
    margin-top: 35px;
    margin-bottom: 45px;
}

.calendar__month {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
}

.calendar__month p {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: var(--bd-fw-sbold);
    color: var(--clr-text-secondary);
}

@media (max-width: 450px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 1400px) and (max-width: 1600px) {
    .calendar__month p {
        font-size: 18px;
    }
}

.calendar__button {
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    justify-content: center;
    color: var(--clr-text-secondary);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.calendar__button:hover {
    background-color: var(--clr-bg-5);
    color: var(--clr-common-white);
}

.calendar__button.prev {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}

@media (max-width: 450px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 1400px) and (max-width: 1600px) {
    .calendar__button.prev {
        left: 0;
    }
}

.calendar__button.next {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}

@media (max-width: 450px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 1400px) and (max-width: 1600px) {
    .calendar__button.next {
        right: 0;
    }
}

.days li:hover {
    color: var(--clr-common-white);
}

.days li.inactive {
    color: var(--clr-text-9);
}

.days li.active {
    color: #926470;
}

/* [bd-theme=bd-theme-dark] .days li.active {
  color: var(--clr-common-white);
} */
.days li.active::before {
    background: rgba(255, 163, 0, 0.2);
}

.days li.active::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 1px;
    background: #926470;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* [bd-theme=bd-theme-dark] .days li.active::after {
  background: var(--clr-common-white);
} */
.days li::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (max-width: 575px) {
    .days li::before {
        height: 40px;
        width: 40px;
    }
}

.days li:not(.active):hover::before {
    background: var(--clr-bg-5);
}

.map__wrapper iframe {
    width: 100%;
    min-height: 450px;
}

/*----------------------------------------*/
/*  SPEAKER CSS START
/*----------------------------------------*/
.speaker__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    row-gap: 27px;
    justify-content: center;
}

.speaker__inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.speaker__info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 20px;
}

.speaker__title {
    font-weight: var(--bd-fw-sbold);
    color: var(--clr-text-secondary);
    margin-bottom: 5px;
}

.speaker__title a:hover {
    color: var(--clr-theme-1);
}

.speaker__status {
    color: var(--clr-text-10);
    font-size: 14px;
}

.speaker__button a {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    width: 50px;
    height: 50px;
    border: 1px solid var(--clr-border-1);
    justify-content: center;
    border-radius: 50px;
    font-size: 18px;
    color: var(--clr-text-10);
}

.speaker__button a:hover {
    background-color: var(--clr-theme-1);
    color: var(--clr-common-white);
    border-color: transparent;
}

.speaker__slider-item {
    position: relative;
}

.speaker__slider-item::before {
    position: absolute;
    content: "";
    height: 100%;
    left: 0;
    width: 100%;
    cursor: url(../../img/shape/darg-icon.png) 32 32, auto;
    top: 0;
}

/*----------------------------------------*/
/* ATTENDENT CSS START
/*----------------------------------------*/
@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 1400px) and (max-width: 1799px),
only screen and (min-width: 1800px) and (max-width: 2499px) {
    .attendant__wrapper {
        overflow-x: scroll;
        white-space: nowrap;
        cursor: grab;
    }
}

.attendant__wrapper:active {
    cursor: grabbing;
}

.attendant__user-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    gap: 10px;
}

.attendant__user-title span {
    /* color: var(--clr-theme-1); */
    font-weight: var(--bd-fw-medium);
}

.attendant__action {
    padding-inline-start: 15px;
}

.attendant__serial span {
    color: var(--clr-text-secondary);
}

.attendant__seminer {
    width: 300px;
}

.attendant__seminer span {
    color: var(--clr-text-20);
    font-weight: var(--bd-fw-medium);
    display: inline-grid;
    justify-content: center;
    align-items: center;
    white-space: normal;
    padding-right: 10px;
    text-align: justify;
}

/* [bd-theme=bd-theme-dark] .attendant__seminer span {
  color: var(--clr-common-white);
} */
.attendant__seminer span a:hover {
    color: var(--clr-theme-1);
}

.attendant__time {
    color: var(--clr-text-11);
}

/* [bd-theme=bd-theme-dark] .attendant__time {
  color: var(--clr-common-white);
} */
.attendant__date span {
    color: var(--clr-text-11);
}

/* [bd-theme=bd-theme-dark] .attendant__date span {
  color: var(--clr-common-white);
} */
.attendant__action span {
    color: var(--clr-text-9);
}

.attendant__wrapper table {
    width: 100%;
    /* border-spacing: 0px 10px;
  border-collapse: separate; */
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
    .attendant__wrapper table {
        width: 1350px;
    }
}

.attendant__wrapper table thead {
    background-color: var(--clr-bg-12);
}

/* [bd-theme=bd-theme-dark] .attendant__wrapper table thead {
  background-color: var(--clr-bg-4);
} */
.attendant__wrapper table thead tr th {
    color: white;
    font-weight: var(--bd-fw-sbold);
    border: 2px solid white;
}

.attendant__wrapper table> :not(caption)>*>* {
    padding: 10.5px 10px;
    border-radius: 4px;
    background-clip: padding-box;
}

.attendant__wrapper .table td {
    padding: 0.73rem;
}

.attendant__wrapper tbody tr {
    background-color: var(--clr-bg-13);
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    /* text-align: center; */
}

/* [bd-theme=bd-theme-dark] .attendant__wrapper tbody tr {
  background-color: var(--clr-bg-8);
} */
.attendant__wrapper tbody tr:hover {
    background: var(--clr-bg-12);
}

/* [bd-theme=bd-theme-dark] .attendant__wrapper tbody tr:hover {
  background: var(--clr-bg-7);
} */
.attendant__dot {
    stroke: var(--clr-text-9);
}

.attendant__speakers-thumb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.attendant__speakers-thumb img {
    margin-inline-end: -20px;
    max-width: 38px;
    border-radius: 50%;
}

.attendant__meta-count {
    width: 40px;
    height: 40px;
    background: var(--clr-common-white);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: var(--bd-fw-sbold);
}

.attendant__location span {
    color: var(--clr-text-11);
}

/* [bd-theme=bd-theme-dark] .attendant__location span {
  color: var(--clr-common-white);
} */

.registration__user-thumb img {
    max-width: 40px;
    border-radius: 50%;
}

.event__information-title {
    font-size: 18px;
    color: var(--clr-text-secondary);
    font-weight: var(--bd-fw-sbold);
    text-transform: capitalize;
}

.status__tag {
    height: 34px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border-radius: 17.5px;
    font-size: 14px;
    font-weight: var(--bd-fw-medium);
}

.status__tag.bg-green {
    background: rgba(69, 167, 79, 0.1);
    color: #36d146;
}

.status__tag.warning-bg {
    background: rgba(255, 163, 0, 0.1);
    color: #ffa300;
}

.status__tag.teal-bg {
    background: rgba(3, 200, 200, 0.1);
    color: #03c8c8;
}

.status__tag.bg-warn {
    background: rgba(207, 28, 28, 0.1);
    color: #cf1c1c;
}

/*----------------------------------------*/
/*  NOTICE CSS START
/*----------------------------------------*/
.notice__meta {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 10px 24px;
    margin-bottom: 13px;
    flex-wrap: wrap;
}

.notice__item {
    padding: 20px 0 20px;
    border-bottom: 1px solid var(--clr-border-1);
}

.notice__item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.notice__title p {
    color: var(--clr-text-11);
    margin-bottom: 0;
    font-weight: var(--bd-fw-medium);
}

/* [bd-theme=bd-theme-dark] .notice__title p {
  color: var(--clr-text-2);
} */

.input__alert {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 5px;
    padding: 13.5px 15px;
    border-radius: 4px;
    flex-wrap: wrap;
}

.input__alert.alert-bg-1 {
    color: var(--clr-text-15);
    border: 1px solid #ff7272;
}

.input__alert.alert-bg-1 span {
    color: var(--clr-theme-1);
}

.input__alert.alert-bg-2 {
    color: var(--clr-text-16);
    border: 1px solid #ffa300;
}

.input__alert.alert-bg-2 span {
    color: var(--clr-text-17);
}

.input__alert.alert-bg-3 {
    color: var(--clr-text-18);
    border: 1px solid #70d640;
}

.input__alert.alert-bg-3 span {
    color: var(--clr-text-18);
}

/*----------------------------------------*/
/*  DROPDOWN CSS START
/*----------------------------------------*/
.dropdown__svg {
    stroke: var(--clr-text-10);
}

.dropdown-list {
    background: var(--clr-text-primary);
    box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.15);
    z-index: 100;
    position: absolute;
    inset-inline-end: 0;
    border-radius: 4px;
    min-width: 10rem;
    padding: 0.5rem 0;
    display: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

/* [bd-theme=bd-theme-dark] .dropdown-list {
  background: var(--clr-bg-7);
} */

.dropdown__item {
    padding: 0.5rem 1.5rem;
    display: block;
    color: var(--clr-text-secondary);
}

.dropdown__item:hover {
    color: var(--clr-theme-1);
}

/*----------------------------------------*/
/*  SCROLLBAR CSS START
/*----------------------------------------*/
.scrollbar-track-y {
    width: 7px !important;
}

[dir="rtl"] .scrollbar-track-y {
    left: 0;
    right: auto;
}

.scrollbar-thumb {
    width: 7px !important;
}

.scrollbar-track {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.height-318 {
    height: 318px;
}

.widget-timeline {
    position: relative;
}

.scroll-w-1 {
    height: 299px;
}

.scroll-w-2 {
    height: 295px;
}

.scroll-w-3 {
    height: 382px;
}

.scroll-w-4 {
    height: 375px;
}

/*----------------------------------------*/
/*  DARK LIGHT CSS START
/*----------------------------------------*/
:root[bd-theme="bd-theme-dark"] {
    --clr-text-primary: #111111;
    --clr-text-secondary: #ffffff;
    --clr-text-10: var(--clr-text-9);
    --clr-border-1: #404040;
}

[bd-theme="bd-theme-light"] .expovent__sidebar {
    background-image: none !important;
}

.body-area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--clr-bg-10);
}

/* [bd-theme=bd-theme-dark] .body-area {
  background: var(--clr-bg-5);
} */

.landing-body .bd-theme-toggle-main {
    display: none;
}

/*----------------------------------------*/
/*  SCHEDULE CSS START
/*----------------------------------------*/
.schedule__blog-item {
    padding: 30px 30px 30px;
    background: var(--clr-common-white);
    box-shadow: 0px 4px 8px rgba(247, 66, 111, 0.03);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

@media (max-width: 450px) {
    .schedule__blog-item {
        padding: 30px 20px 30px;
    }
}

/* [bd-theme=bd-theme-dark] .schedule__blog-item {
  background: var(--clr-bg-6);
} */
.schedule__blog-meta {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.schedule__blog-title {
    margin-bottom: 20px;
    color: var(--clr-text-secondary);
    font-size: 20px;
    font-weight: var(--bd-fw-sbold);
    line-height: 1.5;
}

@media (max-width: 450px) {
    .schedule__blog-title {
        font-size: 18px;
    }
}

.schedule__blog-title a:hover {
    color: var(--clr-theme-1);
}

.schedule__blog-location {
    padding-top: 15px;
    border-top: 1px solid var(--clr-border-1);
}

.schedule__blog-thumb {
    margin-top: 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.schedule__tag-post {
    position: absolute;
    top: 20px;
    inset-inline-start: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
}

.schedule__meta-thumb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    position: absolute;
    inset-inline-start: 35px;
    bottom: 20px;
}

.schedule__meta-thumb img {
    max-width: 40px;
    margin-inline-start: -15px;
}

.schedule__meta-count {
    width: 40px;
    height: 40px;
    background: var(--clr-common-white);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: var(--bd-fw-sbold);
    margin-inline-start: -15px;
}

.event__tag-item span {
    background: var(--clr-common-white);
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: var(--bd-fw-sbold);
}

.event__tag-item span a:hover {
    color: var(--clr-theme-1);
}

.speaker__list-item {
    padding: 30px 30px 25px;
    background: var(--clr-common-white);
    box-shadow: 0px 4px 8px rgba(247, 66, 111, 0.03);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

/* [bd-theme=bd-theme-dark] .speaker__list-item {
  background: var(--clr-bg-6);
} */
.speaker__list-thumb {
    margin-bottom: 25px;
}

.speaker__list-thumb img {
    width: 100%;
    /* height: auto; */
    height: 200px;
    max-height: 300px;
    object-fit: cover;
}

.speaker__list-social {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 6px;
}

.speaker__list-social a {
    width: 30px;
    height: 30px;
    background: var(--clr-bg-8);
    border-radius: 50%;
    color: var(--clr-common-white);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.speaker__list-social a:hover {
    background-color: var(--clr-theme-1);
}

.speaker__list-content-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 575px) {
    .speaker__list-content-inner {
        flex-wrap: wrap;
        gap: 20px;
    }
}

.speaker__author-title {
    font-weight: var(--bd-fw-bold);
    margin-bottom: 5px;
    color: var(--clr-text-secondary);
    font-size: 18px;
}

.speaker__author-title a:hover {
    color: var(--clr-theme-1);
}

.speaker__author-info {
    color: var(--clr-text-9);
}

.speaker__author-info span {
    color: var(--clr-text-9);
    font-size: 14px;
}

/*----------------------------------------*/
/*  POPUP CSS START
/*----------------------------------------*/
.speaker__popup-area,
.event__popup-area {
    position: fixed;
    z-index: 999;
    top: 50%;
    margin: 0 auto;
    inset-inline-start: 0;
    inset-inline-end: 0;
    display: none;
    max-width: 756px;
    transform: translateY(-50%);
}

.speaker__popup-area.open,
.event__popup-area.open {
    display: inline-block;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {

    .speaker__popup-area,
    .event__popup-area {
        margin: 30px;
    }
}

@media (max-width: 450px) {

    .speaker__popup-area,
    .event__popup-area {
        margin: 20px;
    }
}

.popup__wrapper {
    position: relative;
    z-index: 5;
    background-color: var(--clr-common-white);
    max-width: 756px;
    max-height: 100vh;
    transform: none;
    overflow: auto;
    overflow-y: auto;
    scrollbar-width: none;
}

.popup__wrapper::-webkit-scrollbar {
    display: none;
}

.popup__title {
    font-size: 32px;
    color: var(--clr-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .popup__title {
        font-size: 28px;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .popup__title {
        font-size: 24px;
    }
}

@media (max-width: 450px) {
    .popup__title {
        font-size: 20px;
    }
}

.popup__title-wrapper {
    background: var(--clr-gradient-7);
    text-align: center;
    padding: 35px 20px;
}

.popup__update {
    margin-bottom: 50px;
    padding-top: 10px;
}

.popup__update input::file-selector-button {
    background: linear-gradient(180deg, #ebebeb 0%, #e1e1e1 100%);
    padding: 6px 10px;
    border: 1px solid var(--clr-border-3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    color: var(--clr-text-10);
}

.popup__update label {
    display: block;
    margin-bottom: 15px;
    color: var(--clr-text-secondary);
    display: block;
    margin-bottom: 15px;
}

.popup__input-wrapper {
    padding: 40px 100px 40px;
}

/* [bd-theme=bd-theme-dark] .popup__input-wrapper {
  background: var(--clr-bg-6);
} */
@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .popup__input-wrapper {
        padding: 40px 30px 40px;
    }
}

.singel__input-field input {
    display: block;
    height: 55px;
    width: 100%;
    border: 1px solid var(--clr-border-4);
    padding: 0 15px;
    border-radius: 4px;
    background: var(--clr-bg-11);
    color: var(--clr-text-secondary);
}

.singel__input-field input:focus {
    border-color: var(--clr-theme-1);
}

.singe5__input-field input {
    display: block;
    height: 55px;
    width: 100%;
    border: 1px solid var(--clr-border-4);
    padding: 0 15px;
    border-radius: 4px;
    background: var(--clr-bg-11);
    color: var(--clr-text-secondary);
}

.singe5__input-field input:focus {
    border-color: var(--clr-theme-1);
}

/* [bd-theme=bd-theme-dark] .singel__input-field input {
  background: var(--clr-bg-6);
  border-color: var(--clr-border-1);
}
[bd-theme=bd-theme-dark] .singel__input-field input:focus {
  border-color: var(--clr-common-white);
} */

.popup__update input:active {
    color: var(--clr-text-9);
}

.singel__input-field.is-color-change input {
    color: var(--clr-text-9);
}

.event__input textarea {
    display: block;
    height: 137px;
    width: 100%;
    border: 1px solid var(--clr-border-4);
    padding: 15px 15px;
    border-radius: 4px;
    background: var(--clr-bg-11);
    resize: none;
    outline: none;
}

.event__input textarea:focus {
    border-color: var(--clr-theme-1);
}

/* [bd-theme=bd-theme-dark] .event__input textarea {
  background: var(--clr-bg-6);
  border-color: var(--clr-border-1);
  color: var(--clr-common-white);
}
[bd-theme=bd-theme-dark] .event__input textarea:focus {
  border-color: var(--clr-common-white);
} */

.event__input label {
    margin-bottom: 10px;
}

.input__number-lang {
    display: grid;
    grid-template-columns: 280px auto;
    gap: 15px;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .input__number-lang {
        grid-template-columns: repeat(1, 1fr);
    }
}

.contact__select {
    position: relative;
}

.contact__select select {
    height: 55px;
    width: 100%;
    background: var(--clr-bg-11);
    border: 1px solid var(--clr-border-4);
    padding: 15px 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    outline: 0;
    color: var(--clr-text-10);
    position: relative;
    appearance: none;
}

.contact__select select:focus {
    border-color: var(--clr-theme-1);
}

/* [bd-theme=bd-theme-dark] .contact__select select {
  background: var(--clr-bg-6);
  border-color: var(--clr-border-1);
  color: var(--clr-common-white);
}
[bd-theme=bd-theme-dark] .contact__select select:focus {
  border-color: var(--clr-common-white);
} */
.contact__select::after {
    position: absolute;
    content: "\f107";
    background-color: transparent;
    top: 16px;
    inset-inline-end: 30px;
    width: 0;
    height: 0;
    font-family: var(--bd-ff-fontawesome);
    color: var(--clr-text-9);
    font-size: 18px;
}

.input__field-text {
    font-size: 16px;
    color: var(--clr-text-secondary);
    margin-bottom: 10px;
}

.input__number {
    position: relative;
}

.input__number .single__input-field input {
    padding-inline-start: 280px;
}

@media (max-width: 575px) {
    .input__number .single__input-field input {
        margin-bottom: 15px;
        padding-inline-start: 15px;
    }
}

.input__btn-wrapper {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    gap: 20px;
    flex-wrap: wrap;
}

/*----------------------------------------*/
/*  EVENT CSS START
/*----------------------------------------*/
.create__event-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 145px;
    row-gap: 60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .create__event-main {
        column-gap: 76px;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .create__event-main {
        column-gap: 30px;
        grid-template-columns: repeat(1, 1fr);
    }
}

.event__left-box {
    /* width: 516px; */
    position: relative;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .event__left-box {
        grid-column: span 2 / span 2;
    }
}

.event__left-box::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: var(--clr-border-1);
    inset-inline-end: -70px;
    top: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .event__left-box::before {
        inset-inline-end: -39px;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .event__left-box::before {
        display: none;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .event__right-box {
        grid-column: span 2 / span 2;
    }
}

.event__update-file {
    display: grid;
    /* grid-template-columns: repeat(3, 1fr); */
    gap: 30px;
    align-items: center;
    padding: 15px 0;
}

@media (max-width: 575px) {
    .event__update-file {
        column-gap: 30px;
        grid-template-columns: repeat(1, 1fr);
    }
}

.event__update-thumb {
    position: relative;
}

.event__update-thumb img {
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid var(--clr-border-4);
}

/* [bd-theme=bd-theme-dark] .event__update-thumb img {
  border: 1px solid var(--clr-border-1);
} */

.box__file {
    opacity: 0;
    width: 0;
}

.box__input {
    background: var(--clr-bg-11);
    text-align: center;
    padding: 0px 20px;
    width: 100%;
    height: 100%;
    border: 1px solid var(--clr-border-4);
}

/* [bd-theme=bd-theme-dark] .box__input {
  background: var(--clr-bg-6);
  border: 1px solid var(--clr-border-1);
} */
.box__input label {
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    gap: 5px;
}

.box__input label span {
    display: block;
    color: var(--clr-text-9);
}

.update__thumb-close {
    position: absolute;
    width: 30px;
    height: 30px;
    background: var(--clr-common-white);
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    justify-content: center;
    color: var(--clr-theme-2);
    top: 10px;
    inset-inline-end: 10px;
    border-radius: 50%;
    cursor: pointer;
}

.event__update-wrapper>span {
    color: var(--clr-text-secondary);
}

.event__venue-card {
    padding: 30px 30px 30px;
    background: var(--clr-common-white);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

/* [bd-theme=bd-theme-dark] .event__venue-card {
  background: var(--clr-bg-6);
} */
.event__venue-thumb {
    position: relative;
}

.event__venue-thumb img {
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.event__venue-meta {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 10px;
}

.event__venue-title {
    margin-bottom: 15px;
    font-weight: var(--bd-fw-sbold);
}

@media (max-width: 450px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
    .event__venue-title {
        font-size: 20px;
    }
}

/* [bd-theme=bd-theme-dark] .event__venue-title {
  color: var(--clr-common-white);
} */
.event__venue-content>p {
    margin-bottom: 25px;
}

/* [bd-theme=bd-theme-dark] .event__venue-content > p {
  color: var(--clr-common-white);
} */
.event__tag-post {
    position: absolute;
    bottom: 20px;
    inset-inline-start: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
}

.news__item {
    padding: 20px 0px;
    border-bottom: 1px solid var(--clr-border-1);
}

.news__item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.news__item-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid var(--clr-border-1);
    /* flex-wrap: wrap; */
}

.news__item-inner:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.news__title {
    color: var(--clr-text-secondary);
    margin-bottom: 10px;
    font-size: 15px;
}

.news__title:hover {
    color: var(--clr-theme-1);
}

.news__meta {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 10px 20px;
    flex-wrap: wrap;
}

.news__meta-status {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 10px;
}

.news__meta-status span {
    color: var(--clr-text-10);
    font-size: 14px;
}

.review__meta ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 20px;
    line-height: 1;
    flex-wrap: wrap;
}

.review__meta ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 5px;
    border-right: 1px solid var(--clr-border-1);
    padding-right: 20px;
    color: var(--clr-text-10);
}

.review__meta ul li:last-child {
    border-right: 0;
}

.review__meta ul li i {
    color: #ffa300;
    font-size: 14px;
}

.author-img-name {
    display: flex;
    align-items: center;
    gap: 15px;
}

.review__author-meta {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.review__author-thumb img {
    width: 60px;
    border-radius: 50%;
}

.review__author-name h4 {
    color: var(--clr-text-secondary);
    font-size: 16px;
}

.review__designation h4 {
    color: var(--clr-text-secondary);
    font-size: 16px;
}

.review__tab .nav-tabs {
    border-bottom: 1px solid var(--clr-border-1);
}

.review__tab .nav-tabs .nav-link {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.review__tab .nav-tabs .nav-link.active {
    background: transparent;
    color: var(--clr-theme-1);
    position: relative;
}

.review__tab .nav-tabs .nav-link.active:after {
    position: absolute;
    content: "";
    width: 100%;
    background-color: var(--clr-theme-1);
    bottom: -1px;
    left: 0;
    height: 1px;
}

.review__tab .nav-tabs .nav-link:hover {
    border: 0;
}

.review__tab .nav-link {
    color: var(--clr-text-secondary);
    text-transform: capitalize;
    padding: 12px 15px;
}

.review__tab .about__content h4 {
    color: #004aad;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}

.review__tab .about__content p {
    color: var(--clr-text-11);
    text-align: justify;
}

/* [bd-theme=bd-theme-dark] .review__tab .about__content p {
  color: var(--clr-text-2);
} */

.review__item>p {
    margin-bottom: 0;
    margin-top: 20px;
    color: var(--clr-text-11);
}

/* [bd-theme=bd-theme-dark] .review__item > p {
  color: var(--clr-text-2);
} */

.review__item-thumb img {
    width: 50px;
    border-radius: 50%;
}

.review__item-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 15px;
    align-items: center;
}

.review__item-content ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 20px;
    line-height: 1;
}

.review__item-content ul li {
    list-style: none;
    border-right: 1px solid var(--clr-border-1);
    padding-inline-end: 20px;
    color: var(--clr-text-10);
}

.review__item-content ul li:last-child {
    border-right: 0;
    padding-inline-end: 0;
}

.review__item-content ul li span {
    color: var(--clr-text-10);
}

.review__item-content ul li i {
    color: #ffa300;
    font-size: 14px;
}

.review__item-content h4 {
    color: var(--clr-text-secondary);
    /* margin-bottom: 10px; */
    font-size: 16px;
}

.review__learn ul {
    display: grid;
    grid-template-columns: 50% auto;
    row-gap: 15px;
}

@media (max-width: 575px) {
    .review__learn ul {
        grid-template-columns: auto;
    }

    .review__author-meta {
        display: block;
    }

    .review__designation {
        margin-top: 20px;
        text-align: center;
    }

    .author-img-name {
        display: block;
        text-align: center;
    }

    .review__author-thumb img {
        margin-bottom: 10px;
    }
}

.review__learn ul li {
    list-style: none;
    color: var(--clr-text-10);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 10px;
}

.review__learn ul li span svg * {
    fill: #b7b5b6;
}

.review__learn h4 {
    font-size: 18px;
    color: var(--clr-text-secondary);
    margin-bottom: 20px;
    font-weight: 600;
}

.review__play-btn {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 5;
}

.review__demo-thumb {
    position: relative;
}

@media (max-width: 575px) {
    .review__demo-thumb img {
        min-height: 400px;
        object-fit: cover;
    }
}

.review__demo-thumb:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: var(--clr-common-black);
    opacity: 0.5;
    top: 0;
    inset-inline-start: 0;
    z-index: 1;
}

.event__meta-time ul li {
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--clr-border-1);
    margin-bottom: 15px;
    font-size: 1rem;
    list-style: none;
    color: var(--clr-text-10);
}

.event__meta-time ul li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.event__meta-time ul li span {
    font-weight: 600;
    color: var(--clr-text-secondary);
}

.ticket__purchase-title {
    color: var(--clr-text-secondary);
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}

.ticket__price-item strong {
    border: 1px solid var(--clr-border-1);
    padding: 11px 25px;
    font-size: 14px;
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    color: var(--clr-text-10);
    font-weight: 500;
}

.ticket__price-item label {
    display: block;
    margin-bottom: 10px;
    color: var(--clr-text-secondary);
}

.ticket__price-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 25px;
    justify-content: space-between;
    flex-wrap: wrap;
}

/*----------------------------------------*/
/*  CHART CSS START
/*----------------------------------------*/
#lineChart {
    background: linear-gradient(180deg,
            rgba(247, 66, 111, 0.13) 0%,
            rgba(247, 66, 111, 0) 100%);
    margin-top: 30px;
    display: block;
    width: 100%;
}

#lineChart .apexcharts-canvas {
    width: 100% !important;
}

#pieChart {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    padding-bottom: 25px;
    overflow-x: clip;
}

.redialchart__content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    margin-top: 29px;
}

.redialchart__info span {
    color: var(--clr-text-10);
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}

.redialchart__info h4 {
    font-size: 15px;
    font-weight: var(--bd-fw-medium);
    color: var(--clr-text-secondary);
}

#radialChart {
    position: relative;
    z-index: 5;
}

[dir="rtl"] #radialChart {
    display: inline-block;
}

#radialChart::before {
    position: absolute;
    content: "";
    height: 180px;
    width: 180px;
    background: var(--clr-bg-5);
    left: 50%;
    top: 50%;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.apexcharts-legend {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    overflow: hidden !important;
    padding: 0 10px;
}

/*----------------------------------------*/
/*  CHATBOX CSS START
/*----------------------------------------*/
.chatbox__main-wrapper {
    display: grid;
    background: var(--clr-common-white);
    box-shadow: 0px 4px 8px rgba(247, 66, 111, 0.03);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    grid-template-columns: 350px auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .chatbox__main-wrapper {
        grid-template-columns: 320px auto;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .chatbox__main-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

.chatbox__inbox-wrapper {
    min-width: 330px;
    background: var(--clr-bg-16);
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .chatbox__inbox-wrapper {
        min-width: 100%;
    }
}

.chatbox__inbox-inner {
    padding: 30px 30px;
}

@media (max-width: 575px) {
    .chatbox__inbox-inner {
        padding: 30px 20px;
    }
}

.chatbox__author-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
    max-width: 240px;
}

.chatbox__author-info h5 {
    font-size: 14px;
    font-weight: var(--bd-fw-sbold);
    margin-bottom: 3px;
    color: var(--clr-text-secondary);
}

.chatbox__author-info span {
    font-size: 12px;
    font-weight: var(--bd-fw-sbold);
    color: var(--clr-text-9);
}

.chatbox__author-info p {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 0;
}

/* [bd-theme=bd-theme-dark] .chatbox__author-info p {
  color: var(--clr-text-7);
} */

.chatbox__author-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.chatbox__author-item.is-active .chatbox__author-info h5 {
    color: var(--clr-text-secondary);
    font-size: 16px;
    margin-bottom: 0;
}

.chatbox__author-item:last-child {
    margin-bottom: 0;
}

.chatbox__author-thumb img {
    max-width: 60px;
}

.chatting__user-thumb img {
    max-width: 60px;
}

.chatbox__inbox-wrapper {
    min-width: 330px;
    background: var(--clr-bg-16);
}

/* [bd-theme=bd-theme-dark] .chatbox__inbox-wrapper {
  background: var(--clr-bg-4);
} */
@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .chatbox__inbox-wrapper {
        min-width: 100%;
    }
}

.chatbox__inbox-input {
    position: relative;
}

.chatbox__inbox-input input {
    width: 100%;
    height: 45px;
    border: 0;
    padding: 0px 20px 0px 45px;
    border-radius: 30px;
    background: var(--clr-common-white);
}

/* [bd-theme=bd-theme-dark] .chatbox__inbox-input input {
  background: var(--clr-bg-6);
  color: var(--clr-common-white);
} */

.chatbox__inbox-btn {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.chatbox__inbox-btn i {
    font-size: 20px;
    color: #cdcdcd;
}

.chatbox__inbox-search {
    border-bottom: 1px solid var(--clr-border-3);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* [bd-theme=bd-theme-dark] .chatbox__inbox-search {
  border-color: var(--clr-border-1);
} */

.chatbox__notification {
    text-align: end;
    min-width: 55px;
}

.chatbox__notification .time {
    display: block;
    font-size: 10px;
    color: var(--clr-text-10);
}

.chatbox__notification .text__number {
    width: 15px;
    height: 15px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 50%;
    color: var(--clr-common-white);
    background: rgba(247, 66, 111, 0.1);
}

.chatbox__notification .text__number.active {
    background: var(--clr-theme-1);
}

.chatbox__notification .text__number i {
    color: var(--clr-theme-1);
}

.chatbox__edit i {
    margin-top: 10px;
}

.chatbox__chatting-wrapper {
    width: 100%;
    padding: 10px 0;
    background: var(--clr-common-white);
}

/* [bd-theme=bd-theme-dark] .chatbox__chatting-wrapper {
  background: var(--clr-bg-6);
} */

.chatbox__chatting-top {
    padding: 20px 65px 60px 20px;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .chatbox__chatting-top {
        padding: 20px 30px 60px 30px;
    }
}

@media (max-width: 450px) {
    .chatbox__chatting-top {
        padding: 20px 20px 60px 20px;
    }
}

.chatting__user-info {
    color: var(--clr-text-secondary);
}

.chatbox__header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--clr-border-1);
    gap: 20px;
    flex-wrap: wrap;
}

.chatbox__header-notification {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 15px;
}

.chatting__user {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    position: relative;
}

.chatting__user:after {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    background: #33ec23;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    inset-inline-end: -30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.chat__message-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: end;
    gap: 10px;
}

.chat__message-item.is-right {
    flex-direction: row-reverse;
}

.chat__message-item.is-right .chat__message-title {
    background-color: var(--clr-theme-1);
    color: var(--clr-common-white);
    border-radius: 10px 10px 0px 10px;
}

.chat__message-item.is-right .chat__message-title p {
    color: var(--clr-common-white);
}

.chat__message-item.is-time {
    display: block;
    text-align: center;
    margin: 16px 0;
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.chat__message-item.is-time::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 600px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: -21;
    background: var(--clr-border-1);
}

.chat__message-item.is-time span {
    padding: 0 10px;
    background: var(--clr-common-white);
    color: var(--clr-text-10);
}

.chat__message-title {
    background: var(--clr-bg-17);
    border-radius: 10px 10px 10px 0px;
    padding: 10px 10px;
}

.chat__message-title p {
    margin-bottom: 0;
    font-size: 15px;
    color: var(--clr-text-11);
    line-height: 18.15px;
}

.chat__message-thumb img {
    max-width: 25px;
}

.chat__message-item-pdf .chat__message-title {
    border-radius: 0;
}

.chat__message-item-pdf {
    border-radius: 10px 10px 10px 0px;
    overflow: hidden;
}

.chatbox__footer-input {
    position: relative;
}

.chatbox__footer-input>input {
    height: 45px;
    width: 100%;
    border: 0;
    border-radius: 30px;
    padding-inline-end: 130px;
    padding-inline-start: 60px;
}

/* [bd-theme=bd-theme-dark] .chatbox__footer-input > input {
  background: var(--clr-bg-4);
  color: var(--clr-common-white);
} */
@media (max-width: 450px) {
    .chatbox__footer-input>input {
        padding: 0 110px 0px 45px;
    }
}

.chatbox__input-voice {
    position: absolute;
    top: 8px;
    inset-inline-start: 20px;
}

.chatbox__chatting-footer {
    background: var(--clr-bg-6);
    margin-inline-end: 25px;
    padding-top: 28px;
    padding-bottom: 25px;
    padding-inline-end: 90px;
    padding-inline-start: 25px;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .chatbox__chatting-footer {
        margin: 0;
    }
}

@media (max-width: 450px) {
    .chatbox__chatting-footer {
        padding: 28px 20px 26px 20px;
    }
}

.search__option {
    position: absolute;
    text-align: right;
    top: 10px;
    inset-inline-end: 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
}

.search__option::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 26px;
    background: var(--clr-bg-15);
    inset-inline-start: -15px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 575px) {
    .search__option::after {
        display: none;
    }
}

.search__option div {
    position: relative;
    display: inline-block;
    margin: 0 1px;
    cursor: pointer;
}

.search__option div input {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    opacity: 0.01;
    cursor: pointer;
}

.search__option div span {
    position: absolute;
    display: block;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    background: var(--clr-bg-7);
    color: var(--clr-common-white);
    font-size: 9px;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: capitalize;
    padding: 5px 10px;
    border-radius: 12px;
    top: -18px;
    transition: all 0.2s ease-in-out;
    min-width: 85px;
}

.search__option div span::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 4px solid var(--clr-bg-7);
    border-inline-start: 4px solid transparent;
    border-inline-end: 4px solid transparent;
    transition: all 0.2s ease-in-out;
}

.search__option div:hover span {
    opacity: 1;
    top: -21px;
}

.search__option div label {
    display: block;
    cursor: pointer;
}

.search__option div svg {
    height: 20px;
    width: 20px;
    transition: all 0.2s ease-in-out;
    pointer-events: none;
}

.search__option div:hover svg {
    opacity: 1;
}

.chatbox__edit svg {
    stroke: var(--clr-text-10);
}

/*----------------------------------------*/
/*  SIGN CSS START
/*----------------------------------------*/
.signin__area {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.sign__main-wrapper {
    display: grid;
    background: var(--clr-common-white);
    box-shadow: 0px 4px 8px rgba(247, 66, 111, 0.03);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    grid-template-columns: 1fr 527px;
    overflow: hidden;
    margin: 30px 0;
    width: 1130px;
    max-width: 1130px;
}

/* [bd-theme=bd-theme-dark] .sign__main-wrapper {
  background: var(--clr-bg-6);
} */
@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .sign__main-wrapper {
        grid-template-columns: 1fr;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sign__main-wrapper {
        grid-template-columns: 1fr 50%;
    }
}

.sign__left {
    padding: 43px 70px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .sign__left {
        padding: 43px 50px;
    }
}

@media (max-width: 450px) {
    .sign__left {
        padding: 43px 20px;
    }
}

.sign__header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    /* justify-content: space-between; */
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.sign__link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 20px;
}

.sign__link-text {
    color: var(--clr-text-12);
}

/* [bd-theme=bd-theme-dark] .sign__link-text {
  color: var(--clr-text-8);
} */
.sign__link-text:hover {
    color: var(--clr-theme-1);
}

.sign__link-active {
    color: var(--clr-theme-1);
    font-weight: var(--bd-fw-sbold);
}

.sign__link-active:focus {
    color: var(--clr-theme-1);
}

.sign__link-active:hover {
    color: var(--clr-theme-1);
}

.sign__input {
    position: relative;
    margin-bottom: 20px;
}

.sign__input span {
    position: absolute;
    top: 14px;
    inset-inline-start: 20px;
}

.sign__input span i {
    color: var(--clr-text-9);
}

.sign__input input {
    width: 100%;
    height: 55px;
    border: 1px solid var(--clr-border-4);
    padding-inline-start: 50px;
    padding-inline-end: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

/* [bd-theme=bd-theme-dark] .sign__input input {
  background: var(--clr-bg-6);
  color: var(--clr-common-white);
} */
.sign__title {
    font-weight: var(--bd-fw-sbold);
    margin-bottom: 15px;
    color: var(--clr-bg-4);
}

/* [bd-theme=bd-theme-dark] .sign__title {
  color: var(--clr-text-secondary);
} */
@media (max-width: 450px) {
    .sign__title {
        font-size: 20px;
    }
}

.sign__title-wrapper>p {
    color: var(--clr-text-10);
    margin-bottom: 0;
}

.sign__action {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.sign__check {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    gap: 10px;
}

.sign__check input.e-check-input {
    margin: 0;
    appearance: none;
    -moz-appearance: none;
    display: block;
    width: 18px;
    min-width: 18px;
    height: 18px;
    background: var(--clr-common-white);
    border: 1px solid #b9bac1;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.sign__check input.e-check-input:checked {
    position: relative;
    background-color: var(--clr-theme-1);
    border-color: transparent;
}

.sign__check input.e-check-input:checked::after {
    box-sizing: border-box;
    content: "\f00c";
    position: absolute;
    font-family: var(--bd-ff-fontawesome);
    font-size: 12px;
    color: var(--clr-common-white);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sign__forget span a:hover {
    color: var(--clr-theme-1);
}

.if__account {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: end;
    justify-content: center;
}

.if__account p {
    margin-bottom: 0;
    color: var(--clr-text-12);
}

.if__account p a {
    color: var(--clr-text-secondary);
    font-weight: var(--bd-fw-medium);
}

.if__account p a:hover {
    color: var(--clr-theme-1);
}

.sign__input-thumb {
    height: 100%;
}

.sign__forget span {
    color: var(--clr-text-11);
}

/* [bd-theme=bd-theme-dark] .sign__forget span {
  color: var(--clr-common-white);
} */

.sign__check-text {
    color: var(--clr-text-11);
}

/* [bd-theme=bd-theme-dark] .sign__check-text {
  color: var(--clr-common-white);
} */

.sign__logo .logo-white {
    display: none;
}

/* [bd-theme=bd-theme-dark] .sign__logo .logo-white {
  display: block;
}

[bd-theme=bd-theme-dark] .sign__logo .logo-black {
  display: none;
} */

/*----------------------------------------*/
/*  PROFILE CSS START
/*----------------------------------------*/
.profile__title {
    font-weight: var(--bd-fw-medium);
    margin-bottom: 20px;
    display: inline-block;
    color: var(--clr-text-secondary);
}

.profile__left {
    border-inline-end: 1px solid var(--clr-border-3);
}

/* [bd-theme=bd-theme-dark] .profile__left {
  border-color: var(--clr-border-1);
} */
@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .profile__left {
        margin-bottom: 60px;
    }
}

@media (max-width: 575px) {
    .profile__left {
        border-inline-end: 0;
    }
}

.padding__left-inner {
    margin-inline-end: 30px;
}

@media (max-width: 575px) {
    .padding__left-inner {
        margin-inline-end: 0px;
    }
}

.profile__user ul li {
    list-style: none;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--clr-border-1);
    margin-bottom: 15px;
}

.profile__user ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.profile__user-item {
    display: grid;
    grid-template-columns: 40% 60%;
    column-gap: 15px;
}

@media (max-width: 450px) {
    .profile__user-item {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
}

.profile__user-info span {
    font-weight: var(--bd-fw-medium);
    color: var(--clr-text-secondary);
}

.profile__edit {
    position: absolute;
    inset-inline-end: 0px;
    top: 0px;
}

.profile__edit i {
    font-size: 20px;
    color: var(--clr-text-9);
}

.profile__edit:hover i {
    color: var(--clr-theme-1);
}

.profile__right {
    padding-inline-end: 10px;
}

.profile__text {
    padding-inline-end: 150px;
}

/* [bd-theme=bd-theme-dark] .profile__text p {
  color: var(--clr-common-white);
} */
@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
    .profile__text {
        padding-inline-end: 0;
    }
}

.profile__user-tiitle span {
    color: var(--clr-text-11);
}

/* [bd-theme=bd-theme-dark] .profile__user-tiitle span {
  color: var(--clr-text-6);
} */

.profile__thumb img {
    max-width: 250px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

/*----------------------------------------*/
/*  NOTIFACTION CSS START
/*----------------------------------------*/
.notification__inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--clr-border-3);
}

/* [bd-theme=bd-theme-dark] .notification__inner {
  border-color: var(--clr-border-1);
} */
.notification__inner span {
    color: var(--clr-text-10);
}

.notification__inner h5 {
    font-weight: var(--bd-fw-medium);
    color: var(--clr-text-secondary);
}

.notification__thumb img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.notification__item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 12px 0;
    border-bottom: 1px solid var(--clr-border-3);
}

/* @media (max-width:450px) {
  .notification__item {
    flex-wrap: wrap;
  }
} */
/* [bd-theme=bd-theme-dark] .notification__item {
  border-color: var(--clr-border-1);
} */
.notification__item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.notification__card .notification__content>p {
    font-size: 14px;
}

.notification__content>p {
    line-height: 1.3;
    margin-bottom: 5px;
    font-weight: var(--bd-fw-medium);
    color: var(--clr-text-11);
    font-size: 15px;
}

/* [bd-theme=bd-theme-dark] .notification__content > p {
  color: var(--clr-text-2);
} */
@media (max-width: 450px) {
    .notification__content>p {
        margin-bottom: 10px;
    }
}

.notification__content>p a:hover {
    color: var(--clr-theme-1);
}

.notification__time {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}

.notification__time span {
    font-size: 14px;
    font-weight: var(--bd-fw-medium);
    color: var(--clr-text-10);
}

.notification__time span.eplace {
    position: relative;
    padding-inline-start: 5px;
}

.notification__time span.eplace:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--clr-text-7);
    top: 50%;
    transform: translateY(-50%);
    inset-inline-start: -9px;
    border-radius: 50%;
}

.notification__time span.author {
    position: relative;
    padding-inline-start: 5px;
}

.notification__time span.author:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--clr-text-7);
    top: 50%;
    transform: translateY(-50%);
    inset-inline-start: -9px;
    border-radius: 50%;
}

.notification__icon {
    position: relative;
}

.notification__icon i {
    font-size: 25px;
    color: #7a7a7a;
    font-weight: 300;
}

.notification__num span {
    color: white;
    font-size: 10px;
    text-align: center;
    background-color: #004aad;
    border-radius: 50%;
    padding: 2px 4px;
}

.notification__num {
    top: -10px;
    right: -5px;
    position: absolute;
}

.notification__card {
    height: 420px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-inline-end: 6px;
    margin-inline-start: 20px;
    padding-inline-end: 20px;
}

.email__dropdown,
.notification__dropdown {
    position: absolute;
    top: 60px;
    inset-inline-end: -100px;
    z-index: 9;
    opacity: 0;
    transform: scale(0);
    visibility: hidden;
    background: var(--clr-common-white);
    box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    width: 320px;
    display: none;
}

@media (max-width: 575px) {

    .email__dropdown,
    .notification__dropdown {
        inset-inline-end: 0px;
    }
}

/* [bd-theme=bd-theme-dark] .email__dropdown,
[bd-theme=bd-theme-dark] .notification__dropdown {
  background: var(--clr-bg-8);
  color: var(--clr-text-7);
} */
@media (max-width: 450px) {

    .email__dropdown,
    .notification__dropdown {
        inset-inline-end: -50px;
    }
}

.user__dropdown {
    position: absolute;
    top: 58px;
    inset-inline-end: 0px;
    z-index: 9;
    opacity: 0;
    transform: scale(0);
    visibility: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 5px 10px;
    background: var(--clr-common-white);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
    box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.15);
    width: 180px;
}

/* [bd-theme=bd-theme-dark] .user__dropdown {
  background: var(--clr-bg-8);
  color: var(--clr-text-7);
} */
.user__dropdown ul li {
    list-style: none;
    padding: 10px;
    line-height: 1;
    border-bottom: 1px solid var(--clr-border-1);
}

.user__dropdown ul li:last-child {
    border-bottom: 0;
}

.user__dropdown ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    color: var(--clr-text-10);
}

/* [bd-theme=bd-theme-dark] .user__dropdown ul li a {
  color: var(--clr-text-2);
} */
.user__dropdown ul li a svg * {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.user__dropdown ul li a:hover {
    color: var(--clr-theme-1);
}

.user__dropdown ul li a:hover svg * {
    fill: var(--clr-theme-1);
}

#langdropdown {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
}

.lang__item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
}

.language-text {
    color: var(--clr-text-4);
}

@media (max-width: 450px) {
    .language-text {
        display: none;
    }
}

.lang__dropdown {
    position: absolute;
    top: 58px;
    inset-inline-start: 0px;
    z-index: 9;
    opacity: 0;
    transform: scale(0);
    visibility: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 5px 10px;
    background: var(--clr-common-white);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
    box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.15);
    width: 180px;
}

/* [bd-theme=bd-theme-dark] .lang__dropdown {
  background: var(--clr-bg-8);
  color: var(--clr-text-7);
} */
.lang__dropdown>ul>li {
    list-style: none;
    border-bottom: 1px solid var(--clr-border-1);
}

.lang__dropdown>ul>li:last-child {
    border-bottom: 0;
}

.lang__dropdown>ul>li a {
    line-height: 1;
    padding: 10px;
    font-size: 14px;
    color: var(--clr-text-10);
    font-weight: 500;
}

/* [bd-theme=bd-theme-dark] .lang__dropdown > ul > li a {
  color: var(--clr-text-2);
} */
.lang__dropdown>ul>li a:hover {
    color: var(--clr-theme-1);
}

.body__overlay {
    display: none;
    position: fixed;
    top: 0px;
    inset-inline-start: 0px;
    inset-inline-end: 0px;
    width: 100%;
    height: 100%;
    z-index: 8;
}

.lang-enable,
.email-enable,
.user-enable,
.notifydropdown-enable {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.notifydropdown-enable,
.user-enable,
.email-enable,
.lang__dropdown.lang-enable {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: 8;
}

.lang__overlay.lang-enable,
.notification.lang-enable,
.lang__overlay.lang-enable,
.email__overlay.email-enable,
.user__overlay.lang-enable {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9;
}

.body__overlay.notifydropdown-enable,
.body__overlay.user-enable,
.body__overlay.email-enable,
.body__overlay.lang-enable {
    display: block;
}

/*----------------------------------------*/
/*  FOOTER CSS START
/*----------------------------------------*/
.footer__shape-1 {
    position: absolute;
    inset-inline-start: 0;
    top: 76px;
    -moz-animation: bdtranslateX 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation: bdtranslateX 3s ease-in-out 1s forwards infinite alternate;
    animation: bdtranslateX 3s ease-in-out 1s forwards infinite alternate;
}

.footer__shape-2 {
    position: absolute;
    inset-inline-start: 40px;
    bottom: 86px;
    -moz-animation: bdrotate 6s ease-in-out 3s forwards infinite alternate;
    -webkit-animation: bdrotate 6s ease-in-out 3s forwards infinite alternate;
    animation: bdrotate 6s ease-in-out 3s forwards infinite alternate;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .footer__shape-2 {
        display: none;
    }
}

.footer__shape-3 {
    position: absolute;
    inset-inline-end: 48px;
    top: 86px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer__shape-3 {
        inset-inline-end: 0;
    }
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .footer__shape-3 {
        display: none;
    }
}

.footer__shape-4 {
    inset-inline-end: 34px;
    position: absolute;
    bottom: 45px;
    -moz-animation: bdtranslateX2 3s ease-in-out 1s forwards infinite alternate;
    -webkit-animation: bdtranslateX2 3s ease-in-out 1s forwards infinite alternate;
    animation: bdtranslateX2 3s ease-in-out 1s forwards infinite alternate;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .footer__shape-4 {
        display: none;
    }
}

.footer__widget-2 {
    padding-inline-start: 30px;
}

@media (max-width: 575px),
only screen and (min-width: 576px) and (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .footer__widget-2 {
        padding-inline-start: 0;
    }
}

.footer__grid-wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 30px;
    row-gap: 60px;
}

.footer__content>P {
    color: var(--clr-common-white);
    margin-bottom: 45px;
}

.footer__social {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: 18px;
}

.footer__social a {
    color: var(--clr-common-white);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #18274f;
    font-size: 16px;
}

.footer__social a:hover {
    background-color: var(--clr-theme-1);
}

.footer__social a i {
    line-height: 1;
}

.footer__widget-title h4 {
    margin-bottom: 25px;
    font-size: 20px;
    position: relative;
    z-index: 10;
    padding-bottom: 10px;
    color: var(--clr-common-white);
}

.footer__widget-title h4::after {
    position: absolute;
    content: "";
    width: 5px;
    border: 2px solid var(--clr-bg-footer);
    height: 0px;
    background-color: transparent;
    bottom: -1px;
    inset-inline-start: 40px;
    -webkit-animation: footerLine 5s linear infinite;
    animation: footerLine 5s linear infinite;
}

.footer__widget-title h4:before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    width: 74px;
    height: 2px;
    background-color: #fff;
}

.footer-title h4 {
    font-size: 20px;
    color: var(--clr-common-white);
}

.footer__link ul {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

.footer__link ul li {
    list-style: none;
}

.footer__link ul li a {
    color: var(--clr-common-white);
    font-size: 16px;
    position: relative;
    padding-inline-start: 15px;
}

.footer__link ul li a:hover {
    color: var(--clr-theme-1);
    margin-inline-start: 5px;
}

.footer__link ul li a::after {
    position: absolute;
    content: "\f105";
    font-family: var(--bd-ff-fontawesome);
    inset-inline-start: 0;
    top: 50%;
    transform: translateY(-50%);
}

.footer__contact p {
    color: var(--clr-common-white);
}

.footer__input {
    position: relative;
}

.footer__input input {
    height: 60px;
    width: 100%;
    outline: none;
    border: 0;
    padding-inline-start: 20px;
    padding-inline-end: 52px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 16px;
}

.footer__input span {
    position: absolute;
    inset-inline-end: 25px;
    top: 17px;
    color: #8e8e8e;
}

.footer__copyright {
    border-top: 2px dashed #647ab5;
}

.footer__copyright p {
    margin-bottom: 0;
    padding: 65px 0;
    color: var(--clr-footer-1);
    letter-spacing: 4px;
}

.footer__copyright p a:hover {
    color: var(--clr-theme-1);
}

/* team-event btn */
.team-event-btn {
    height: 40px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--clr-theme-1);
    padding: 0 20px;
    font-size: 14px;
    font-weight: var(--bd-fw-medium);
    color: var(--clr-theme-1);
    position: relative;
    z-index: 5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.team-event-btn::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: var(--clr-gradient-7);
    top: 0;
    left: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

.speaker-short-intro P {
    text-align: justify;
}

.mt-10 {
    margin: 10px 0;
}

.mt-20 {
    margin: 20px 0;
}

.sidebar__thumb p {
    text-align: center;
    color: white;
}

.event-ad-title {
    background-color: white;
    color: #004aad;
    padding: 10px;
    border-radius: 0 0 6px 6px;
}

.event-ad-title p {
    color: #004aad;
    font-weight: 600;
    margin-bottom: 0;
}

.event-ad-title p:hover {
    color: var(--clr-theme-1);
}

.sidebar-title {
    border: 1px solid white;
}

.w-img img:hover {
    opacity: 0.7;
}

.contact-header h4 {
    color: #004aad;
    font-weight: 600;
}

.contact-info {
    display: flex;
    padding: 3px 0;
}

.contac-info-area {
    display: block;
}

.contact-icon i {
    color: white;
    padding: 7px 9px;
    /* width: 30px; */
    height: 30px;
    background: var(--clr-bg-8);
    border-radius: 60px;
}

.contact-icon i:hover {
    background: var(--clr-theme-1);
}

.contact-social {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    gap: 6px;
    margin: 20px 0;
}

.contact-social a {
    width: 30px;
    height: 30px;
    background: var(--clr-bg-8);
    border-radius: 50%;
    color: var(--clr-common-white);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.contact-social a:hover {
    background-color: var(--clr-theme-1);
}

.contact-social h5 {
    color: #004aad;
    margin-right: 10px;
}

.google-map h4 {
    color: var(--clr-text-secondary);
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}

#el1,
#el2,
#el3,
#el4,
#el5,
#el11 {
    background-position: 10px 10px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 16px;
    padding: 12px 20px 12px 20px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
    border-radius: 4px;
}

@media (max-width: 450px) {
    .notification__thumb img {
        width: 35px;
        height: 35px;
    }

    .notification__time span {
        font-size: 12px;
    }
}

@media (max-width: 280px) {

    .email__dropdown,
    .notification__dropdown {
        inset-inline-end: -70px;
        width: 270px;
    }
}

.review__tab .about__event-thumb img {
    height: 350px;
}

.event__meta-time .event-realtime-start {
    background-color: #1e9b05;
    /* display: none; */
}

.event__meta-time .event-realtime-notstart {
    background-color: var(--clr-theme-1);
    display: none;
}

.event__meta-time .event-realtime-end {
    background-color: black;
    display: none;
}

.event__meta-time .event-realtime-start,
.event__meta-time .event-realtime-notstart,
.event__meta-time .event-realtime-end {
    color: white;
    padding: 5px 10px;
    margin-left: 10px;
    border-radius: 5px;
}

.activity-href {
    color: white;
}

.event__information-des {
    /* margin-bottom: 10px; */
    background-color: #b2e1ac;
    color: black;
    padding: 10px 10px;
    font-size: 17px;
    font-weight: 500;
}

.description-acti {
    background-color: rgb(237 237 237);
    padding: 10px;
    overflow-x: auto;
}

.activity-table {
    width: 100%;
}

.activity-table .input__field-text {
    padding-left: 15px;
    font-weight: 500;
}

.activity-table tr {
    border-bottom: 1px solid #dfdfdf;
}

.tbody {
    padding: 10px;
}

.miti {
    height: 50px;
    border: 1px solid var(--clr-border-4);
    padding: 0 15px;
    border-radius: 4px;
    background: var(--clr-bg-11);
    color: var(--clr-text-secondary);
    margin: 5px;
}

.activity-input {
    display: block;
    height: 50px;
    width: 100%;
    border: 1px solid var(--clr-border-4);
    padding: 0 15px;
    border-radius: 4px;
    background: var(--clr-bg-11);
    color: var(--clr-text-secondary);
    margin: 5px;
}

.activity-textarea {
    height: 150px;
    display: block;
    width: 100%;
    border: 1px solid var(--clr-border-4);
    padding: 15px;
    background: var(--clr-bg-11);
    color: var(--clr-text-secondary);
}

.activity-input:focus,
.activity-textarea:focus {
    border-color: var(--clr-theme-1) !important;
}

.activity-textarea:focus-visible {
    outline: none;
}

.activity-input::placeholder {
    color: rgb(179, 179, 179);
}

.activity-description ol {
    list-style: decimal;
    font-size: 16px;
    color: var(--clr-text-secondary);
    margin: 10px 0;
    font-weight: 600;
}

.activity-description li {
    margin: 10px 0;
}

.activity-description .signature-date {
    list-style: decimal;
    font-size: 16px;
    color: var(--clr-text-secondary);
    margin: 20px 0;
    font-weight: 500;
}

.activity-btn {
    vertical-align: middle;
}

@media (max-width: 600px) {

    .section-one tbody tr,
    .section-one tbody td {
        display: block;
        width: 100%;
    }

    .section-one tbody tr {
        padding: 20px 0;
    }

    .activity-input {
        margin: 0px;
    }

    .activity-table .input__field-text {
        padding-left: 0px;
        padding-right: 10px;
    }
}

.staticBackdrop {
    z-index: 10;
}

.breadcrum__btn:hover::before {
    visibility: visible;
    opacity: 1;
}

.act__btn::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: var(--clr-gradient-7);
    top: 0;
    left: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

*,
::after,
::before {
    box-sizing: border-box;
}

.act__btn {
    color: white;
    height: 40px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    justify-content: center;
    background: var(--clr-gradient-7);
    font-size: 14px;
    font-weight: var(--bd-fw-medium);
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    /* added  */

}

.act__btn:hover {
    border: 1px solid var(--clr-theme-1);
    color: var(--clr-theme-1);
    background: rgba(255, 255, 255, 0);
}

.rescheduled-yes {
    color: white !important;
    padding: 5px 10px;
    margin-left: 10px;
    border-radius: 5px;
    background-color: #1e9b05;
}

.rescheduled-no {
    display: none;
    color: white !important;
    padding: 5px 10px;
    margin-left: 10px;
    border-radius: 5px;
    background-color: #0771ea;
}

.speaker__thumb img {
    height: 50px;
    border-radius: 50%;
}

.checkl__input-field label {
    margin-right: 20px;
}

.checkl__input-field input {
    /* display: block;
  width: 100%; */
    border: 1px solid var(--clr-border-4);
    padding: 0 15px;
    border-radius: 4px;
    background: var(--clr-bg-11);
    color: var(--clr-text-secondary);
    margin: 10px 0 20px 0;
}

.checkl__input-field input:focus {
    border-color: var(--clr-theme-1);
}

.checkl__input-field.is-color-change input {
    color: var(--clr-text-9);
}

/* .ongoing-event, .upcoming-event, .rescheduled-events, .event-completed, .event-total{
  text-align: center;
} */
.view-all a {
    color: white;
    height: 40px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    align-items: center;
    justify-content: center;
    background: var(--clr-gradient-7);
    font-size: 14px;
    font-weight: var(--bd-fw-medium);
    border-radius: 6px;
    padding: 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.view-all a:hover {
    /* border: 1px solid var(--clr-theme-1); */
    color: var(--clr-theme-1);
    background: rgba(255, 255, 255, 0);
}

.budget-type {
    color: var(--clr-text-11);
}

.singel__input-field select {
    display: block;
    height: 55px;
    width: 100%;
    border: 1px solid var(--clr-border-4);
    padding: 0 15px;
    border-radius: 4px;
    background: var(--clr-bg-11);
    color: var(--clr-text-secondary);
}

.singel__input-field select[multiple] {
    display: block;
    height: auto;
    width: 100%;
    border: 1px solid var(--clr-border-4);
    padding: 5px 15px 0px;
    border-radius: 4px;
    background: var(--clr-bg-11);
    color: var(--clr-text-secondary);
}

.singel__input-field select[multiple]>option:first-child {
    background-color: transparent;
}

.singel__input-field select[multiple]>option {
    padding: 10px 5px;
}

.singel__input-field select[multiple]:focus,
.singel__input-field select[multiple]:active {
    /* height: auto; */
    border-color: var(--clr-theme-1);
}

.singel__input-field select:focus {
    border-color: var(--clr-theme-1);
}

.singel__input-field.is-color-change select {
    color: var(--clr-text-9);
}

.singel__input-field select:focus-visible {
    outline: none;
}

.activity-submit {
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-info {
    background-color: var(--clr-common-black);
    padding: 10px 30px;
}

.colored-heading {
    color: var(--clr-common-white);
}

.activity-detail {
    overflow-y: auto;
}

/* .table-top{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
} */
/* Hide the scrollbar by default */
::-webkit-scrollbar {
    width: 1;
    /* Make scrollbar invisible */
}

/* Show the scrollbar when the container is being scrolled */
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    /* Change scrollbar thumb color */
}

/* Show the scrollbar track */
::-webkit-scrollbar-track {
    background: transparent;
    /* Change scrollbar track color */
}

.member-position span,
.attendant__target span,
.attendant__location span,
.attendant__date span,
.rescheduled-date span,
.rescheduled-justification span,
.achievement-no span,
.variance span,
.gis-location span,
.gps span,
.gps-latitude span,
.gps-longitude span,
.gps-atitude span,
.attendant__time span,
.supervisor-approved-status span {
    font-size: 16px;
    color: var(--clr-text-secondary);
    font-weight: var(--bd-fw-medium);
}

.holiday {
    color: var(--clr-theme-1) !important;
}

/*.publicholiday{
  background-color: #75db92;
} */
.activity-info {
    color: var(--clr-text-20);
    font-weight: var(--bd-fw-medium);
    display: block;
    width: 215px;
    white-space: normal;
    text-align: justify;
    overflow-y: auto;
    padding-right: 10px;
}

.attendant__holiday {
    font-weight: var(--bd-fw-medium);
}

.attendant__publicholiday {
    color: var(--clr-theme-1);
    font-weight: var(--bd-fw-medium);
    display: block;
    width: 230px;
    white-space: normal;
    text-align: justify;
}

.attendant__user-title {
    display: block;
    width: 230px;
    white-space: normal;
    text-align: justify;
}

.activity-info a:hover {
    color: var(--clr-theme-1);
}

.attendant__user-title a:hover {
    color: var(--clr-theme-1);
}

.event-names {
    background-color: var(--clr-common-black);
}

.resheduled-info {
    background-color: #ff5b5b;
}

.active-status {
    background-color: rgb(1 145 63);
}

.status-info {
    background-color: rgb(163 195 24);
}

.action-info {
    background-color: #095fcb;
}

.event-created {
    background-color: #28166b;
}

.creator-designaion {
    background-color: #00913e;
}

.scroll-w-13 {
    height: 100px;
}

.hidden {
    display: none;
}

.activity__location span,
.attendant__total-activities,
.activity-date,
.attendant__description,
.adalit,
.ajanjati,
.amadhesi,
.amuslim,
.abraman-chhetri,
.aother,
.atotal,
.attendant__description,
.attendant__grandtotal-dalit,
.attendant__grandtotal-janajati,
.attendant__grandtotal-madhesi,
.attendant__grandtotal-muslim,
.attendant__grandtotal-chhetri,
.attendant__grandtotal-other,
.attendant__grandtotal-total {
    color: var(--clr-text-20);
    font-weight: var(--bd-fw-medium);
}

.activity__location,
.attendant__total-activities,
.activity-date,
.attendant__description,
.adalit,
.ajanjati,
.amadhesi,
.amuslim,
.abraman-chhetri,
.aother,
.atotal,
.attendant__description,
.attendant__grandtotal-dalit,
.attendant__grandtotal-janajati,
.attendant__grandtotal-madhesi,
.attendant__grandtotal-muslim,
.attendant__grandtotal-chhetri,
.attendant__grandtotal-other,
.attendant__grandtotal-total {
    border: 1px solid rgb(245 245 245);
    padding: 0px 6px;
}

.attendant__male-dalit,
.attendant__female-dalit,
.attendant__other-dalit,
.attendant__total-dalit,
.attendant__male-janajati,
.attendant__female-janajati,
.attendant__other-janajati,
.attendant__total-janajati,
.attendant__male-madhesi,
.attendant__female-madhesi,
.attendant__other-madhesi,
.attendant__total-madhesi,
.attendant__malemuslim,
.attendant__femalemuslim,
.attendant__other-muslim,
.attendant__total-muslim,
.attendant__male-braman-chhetri,
.attendant__female-braman-chhetri,
.attendant__other-chhetri,
.attendant__total-chhetri,
.attendant__male-other,
.attendant__female-other,
.attendant__other-other,
.attendant__total-other,
.attendant__male-total,
.attendant__female-total,
.attendant__other-total,
.attendant__total-total {
    border: 1px solid rgb(245 245 245);
}

table tr,
td {
    border: 1px solid rgb(224, 224, 224);
}

.shift-info {
    background-color: #80a4bc;
}

.breadcrum__otherbtn {
    padding: 10px 20px;
}

.breadcrum__otherbtn i {
    background-color: white;
    margin-left: 8px;
    color: #cf1c1c;
    padding: 2px 3px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
}

.share {
    background-color: #cf1c1c;
}

.social-icon ul {
    list-style: none;
    text-align: center;
}

.social-icon ul li {
    display: inline;
    padding: 10px 3px;
}

.social-icon ul li i:hover {
    color: #cf1c1c;
    font-size: 16px;
}

.activity__location span {
    text-align: left;
}

.activity__location span,
.attendant__total-activities,
.activity-date,
.attendant__description,
.adalit,
.ajanjati,
.amadhesi,
.amuslim,
.abraman-chhetri,
.aother,
.atotal,
.attendant__description,
.attendant__grandtotal-dalit,
.attendant__grandtotal-janajati,
.attendant__grandtotal-madhesi,
.attendant__grandtotal-muslim,
.attendant__grandtotal-chhetri,
.attendant__grandtotal-other,
.attendant__grandtotal-total,
.attendant__serial,
.attendant__acheivement,
.attendant__remaining,
.attendant__target,
.attendant__status,
.shift-button,
.rescheduled-justification,
.supervisor-approved-status,
.rescheduled-date,
.achievement-no,
.variance,
.gps-latitude,
.gps-longitude,
.gps-atitude {
    text-align: center;
}

.text-white {
    color: white;
}

.totals-total {
    background-color: rgb(192 195 195);
}

.all_members {
    display: flex;
    flex-flow: column wrap;
}

.all_members span {
    font-size: 16px;
    color: var(--clr-text-secondary);
    font-weight: var(--bd-fw-medium);
}
.all_members a span img{
    border-radius: 100%;
    border: 2px solid;
}

.all_members a{
display: flex;
flex-direction: column;
text-align: center;
}
.all_activity_codes {
    display: flex;
    flex-flow: row wrap;
}
.meronam{
    text-align: center;
}
.activity_code_button {
    border: 1px solid #ddd;
    padding: 15px;
}

.profile_details {
    padding: 40px 20px;
}

.profile_details table {
    width: 100%;
    border: none;
}

.profile_details table tr {
    background-color: #f2f2f2;
    height: 2rem;
    border-bottom: 2px solid white;
}

.profile_details table tr:hover {
    background-color: ghostwhite;
}

.profile_details table tr th,
.profile_details table tr td {
    padding: 10px;
    border: none;
}

.profile_details table tr>th:first-child {
    width: 20%;
    color: #030415;
}

.profile_details table tr>td:nth-child(2) {
    width: 3px;
}

.profile_img {
    padding: 50px 50px;
}

.gray-text {
    color: gray;
}

.breadcrumb__inner .arrived__button {
    position: absolute;
    right: 10px;
}

.news__thumb>a>img {
    height: 50px;
    width: 50px;
}