/* ===== 01. IMPORTS ===== */

/* ===== 02. RESET ===== */
html {scroll-behavior: smooth; scrollbar-gutter: stable;}

/* ===== 03. DESIGN TOKENS ===== */
:root {--bs-secondary-bg: #e9ecef; --bs-body-bg: #ffffff; --bs-modal-margin: 0.5rem; --ov-primary: #bfa67a; --ov-ink: #000000; --ov-muted: #5f6c76; --ov-line: #e5e7eb;}
/* AI Quote Builder: status + derived colour tokens (the common quote-builder.css reads these; retune per theme) */
:root {--ov-primary-dark: color-mix(in srgb, var(--ov-primary) 78%, black); --ov-primary-soft: color-mix(in srgb, var(--ov-primary) 10%, white); --ov-success: #22c55e; --ov-warning: #f59e0b; --ov-danger: #b91c1c;}

/* ===== 04. BASE ELEMENTS ===== */
a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .overlay-menu ul li.active>a, .overlay-menu ul li a:hover, .icon-effect-1 .hi-icon, .contact-icon i, .owl-prev:hover i, .owl-next:hover i, .works-grid.titles .work-description a:hover, #owl-related-works .work-description a:hover, .portfolio-description ul>li a:hover {color: #bfa67a;}

/* ===== 05. LAYOUT ===== */
.gjs-cell .container .row-cols-lg-4 i.bi {margin: -12px 10px 0 0px; color: #bfa67a !important; font-size: 28px;}
.theme_dark_bg select option, .layoutContnt6 select option {color: black;}

/* ===== 06. UTILITIES ===== */
.opacity-none {opacity: 0;}
.shadow {box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;}
.display-5, .display-4 {font-size: calc(1rem + 2.7vw);}
.quote {color: #777; font-weight: 300; padding: 10px; box-shadow: -5px 0 0 0 #ccc; font-style: italic; margin: 20px 30px;}
.bdg-sect {padding-top: 100px; padding-bottom: 100px; font-family: Helvetica, serif; background-color: #fafafa;}
.heading {padding: 10px;}
.paragraph {padding: 10px;}
.py-100 {padding-top: 100px; padding-bottom: 100px;}
.bg-white-400 {background-color: #f4f4f9;}
.gr-whitesmoke_1 {padding-top: 160px;}
.txt-block {overflow: unset !important; display: inline-block;}
.blockquote p {margin-bottom: 1rem !important;}
.jobs_page {padding-top: 100px;}
.sp_bottom_50 {padding-bottom: 50px;}
.sp_top_50 {padding-top: 50px;}
@font-face {font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v138/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2');}
.material-symbols-outlined {font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;}
.avoid_clicks {pointer-events: none;}
.avoid-clicks {pointer-events: none;}
.row>* {padding-right: 15px; padding-left: 15px;}
.tab-content .tab-pane {display: none;}
.tab-content .tab-pane.active {display: block;}
.accordion-collapse.collapse {display: none;}
.accordion-collapse.show {display: block; visibility: visible;}
.bp-wrap {z-index: 1250 !important;}
.iframe_content {height: 650px; border-radius: 25px; width: 100%;}
#previewTemplateIfr .iframe_content {pointer-events: none;}
.carousel-main .carousel-build .carousel-sec .carousel-pagination .carousel-tab .carousel-pointer {background-color: #bfa67a !important;}
.squeeze_main {max-width: 1170px;}
.squeeze_main .optinTheme {margin-top: 0 !important;}
.squeeze_main .optinbtn {background-color: #111111; color: white; font-size: 1.75rem;}
.squeeze_main .optinbtn:hover {color: white; background-color: #bfa67a; cursor: pointer;}
.squeeze_main .optinLink {color: #bfa67a !important; cursor: pointer; font-size: 21px !important;}
.squeeze_main .optintext {font-weight: 500; font-size: 24px;}
.squeeze_main .optintext::before {margin-right: 0 !important;}
.squeeze_main .optinimg {width: 400px; height: auto; max-width: 100%;}
.squeeze_main .mobile_img {display: none !important;}
.squeeze_main .left_sec {width: 40%;}
.squeeze_main .right_sec {width: 60%;}
.squeeze_main .right_sec li {list-style: none;}
.squeeze_main .right_sec ul li::before {content: '?'; margin-right: 10px;}
.squeeze_main .squeeze_form {width: 100%; max-width: 1110px;}
.squeeze_main .right_sec h1 {font-size: 28px !important; color: #111 !important; letter-spacing: 0.05em; font-weight: 700 !important; line-height: 1.6;}
.wave-shape-bottom {position: absolute; bottom: 0; left: 0; width: 100%;}
.gjs-am-add-asset .gjs-btn-prim {background-color: rgba(0, 0, 0, 0.1);}
.main-wrapper-onepage .footerarea__logo img {width: unset;}
.main-wrapper-onepage .squeeze_main .left_sec {max-height: 600px; overflow: hidden; margin-bottom: 30px;}
.main-wrapper-onepage .squeeze_main .optinimg {width: auto; height: auto;}
#page .content-section .order-first .img-block {max-height: 640px; overflow: hidden;}
.fbox-img.gr-whitesmoke {max-height: 225px; overflow: hidden; padding-left: 20px; padding-right: 20px; padding-top: 42px; margin: 0 8px 60px; border-radius: 12px 12px 0 0; background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);}
.fbox-img.gr-whitesmoke img {max-height: unset !important;}
#page .content-section .left-column:not(.txt-block) img {max-height: 740px; overflow: hidden;}
.team-member, .team-img {max-height: 460px;}
.slideInUp img {max-height: 190px; max-width: 100%;}
.slideInUp img.size-full {max-height: 100% !important;}
.work-img {max-height: 470px;}
.entry-img {height: 200px; justify-content: center; display: flex; background: white; align-items: center;}
.entry-img img {max-height: inherit; max-width: 100%; width: 100%; height: 100%; aspect-ratio: 6 / 6; border-radius: 0;}
#portfolio .grid-3-col.grayscale {display: flex; flex-wrap: wrap;}
.price-calculator.pl-4 {padding-left: 1rem !important;}
.price-calculator.pr-16 {padding-right: 4rem !important;}
.feature-icon {width: 4rem; height: 4rem; border-radius: .75rem;}
.icon-square {width: 3rem; height: 3rem; border-radius: .75rem;}
.feature-icon-small {width: 3rem; height: 3rem;}
.fbox-5 {padding: 60px;}
.fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, .fbox-5.fb-4 .fbox-5-img {margin: 0 5% 40px;}
.cbox-2.process-step {display: flex; position: relative; flex-flow: row wrap; align-items: stretch !important; justify-content: flex-start;}
.ico-wrap {position: relative; margin-right: 1.625rem !important;}
.cbox-2-ico.color--white {color: white !important; background-color: #bfa67a !important; position: relative; width: 2.625rem; height: 2.625rem; text-align: center !important; border-radius: 100%; font-size: 1.1875rem !important; font-weight: 500 !important; line-height: 2.375rem; border: 2px solid transparent; transition: all 450ms ease-in-out;}
.cbox-2-ico.color--white:hover {color: #bfa67a !important; background-color: white !important; border: 2px solid #bfa67a; cursor: pointer;}
.cbox-2-line {position: absolute; bottom: 20px; left: 50%; width: 2px; background-color: #e4e4e4; height: calc(100% - 90px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); min-height: 18px;}
.cbox-2-txt {overflow: hidden; flex: 1; max-width: 100%;}
.cbox-2-txt p {margin-bottom: 1rem !important; line-height: 25px !important;}
.cbox-1-ico .fa-check {color: #bfa67a;}
.content-section .simple-list .list-item {list-style: disc; display: list-item; font-size: 16px; margin-bottom: 5px;}
.navbar-dark .wsmenu>.wsmenu-list>li>a {color: #353f4f;}
.custom-block .flow-root ul {max-width: 600px; padding: 40px;}
i.bi {color: #fff !important;}
.feature-icon.bg-gradient {background-color: #bfa67a !important; background-image: none !important; line-height: 0px;}
.icon-square {background-color: #bfa67a !important; line-height: 0px;}
.feature-icon-small.bg-gradient {background-color: #bfa67a !important; line-height: 0px;}
.feature .icon-link i {color: var(--contentColor) !important;}
.feature .icon-link i:hover {color: #bfa67a !important;}
.feature .icon-link {text-decoration: underline; text-underline-offset: 5px; color: var(--contentColor) !important;}
.feature .icon-link:hover {color: #bfa67a !important;}
.promo-description>span.mb-30 {float: left;}
.planner_main #weather-widget.to-blue-600 {background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);}
.weather-widget select, .planner_main select {appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(0.556 0 0)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; border: 2px solid #e3e3e3;}
.planner_main select:focus {border: 2px solid #bfa67a;}
.blogsidebar__name__2, .blog__sidebar__text__2 {text-align: center;}
.list-group {width: 100%; max-width: 460px; margin-inline: 1.5rem;}
.form-check-input:checked {background-color: #bfa67a; border-color: #bfa67a;}
.form-check-input:focus {border-color: #bfa67a; outline: 0; box-shadow: 0 0 0 0.25rem rgba(191, 166, 122, .25);}
.form-check-input:checked+.form-checked-content {opacity: .5;}
.form-check-input-placeholder {border-style: dashed;}
[contenteditable]:focus {outline: 0;}
.list-group-checkable .list-group-item {cursor: pointer;}
.list-group-item-check {position: absolute; clip: rect(0, 0, 0, 0);}
.list-group-item-check:hover+.list-group-item {background-color: var(--bs-secondary-bg, #e9ecef);}
.list-group-item-check:checked+.list-group-item {color: #fff; background-color: #bfa67a; border-color: #bfa67a;}
.list-group-item-check[disabled]+.list-group-item, .list-group-item-check:disabled+.list-group-item {pointer-events: none; filter: none; opacity: .5;}
.list-group-radio .list-group-item {cursor: pointer; border-radius: .5rem;}
.list-group-radio .form-check-input {z-index: 2; margin-top: -.5em;}
.list-group-radio .list-group-item:hover, .list-group-radio .list-group-item:focus {background-color: var(--bs-secondary-bg, #e9ecef);}
.list-group-radio .form-check-input:checked+.list-group-item {background-color: var(--bs-body-bg, #fff); border-color: #bfa67a; box-shadow: 0 0 0 2px #bfa67a;}
.list-group-radio .form-check-input[disabled]+.list-group-item, .list-group-radio .form-check-input:disabled+.list-group-item {pointer-events: none; filter: none; opacity: .5;}
.card-cover {background-repeat: no-repeat; background-position: center center; background-size: cover;}
.text-shadow-1 h3 {color: #fff;}
.text-shadow-1 {text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .25);}
.list-unstyled .bi-geo-fill, .list-unstyled .bi-calendar3 {margin: -5px 5px 0 0;}
#icon-grid i.bi {background: #bfa67a; margin-right: 5px; font-size: 20px; border-radius: 5px; min-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
.bg-linear-to-t {--tw-gradient-position: to top in oklab,; background-image: linear-gradient(to top, var(--tw-gradient-stops));}
.bg-linear-to-r {--tw-gradient-position: to right in oklab,; background-image: linear-gradient(var(--tw-gradient-stops));}
.bg-linear-to-tr {--tw-gradient-position: to top right in oklab,; background-image: linear-gradient(var(--tw-gradient-stops));}
.bg-linear-to-b {--tw-gradient-position: to bottom in oklab,; background-image: linear-gradient(var(--tw-gradient-stops));}
.aspect_1097_845 {aspect-ratio: 1097 / 845;}
.aspect_1155_678 {aspect-ratio: 1155 / 678;}
.aspect_1097_1023 {aspect-ratio: 1097 / 1023;}
.aspect_1404_767 {aspect-ratio: 1404 / 767;}
.aspect_1108_632 {aspect-ratio: 1108 / 632;}
.aspect_1318_752 {aspect-ratio: 1318 / 752;}
.aspect_1313_771 {aspect-ratio: 1313 / 771;}
.aspect_801_1036 {aspect-ratio: 801 / 1036;}
.to_color_4f46e5 {--tw-gradient-to: #4f46e5 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.from_color_80caff {--tw-gradient-from: #80caff !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.to_color_776fff {--tw-gradient-to: #776fff !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.from_color_ff4694 {--tw-gradient-from: #ff4694 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.to_color_9089fc {--tw-gradient-to: #9089fc !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.from_color_ff80b5 {--tw-gradient-from: #ff80b5 !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.via-gray-900\/40 {--tw-gradient-via: color-mix(in oklab, var(--color-gray-900) 40%, transparent) !important; --tw-gradient-via-stops: var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);}
.from-gray-900 {--tw-gradient-from: var(--color-gray-900) !important; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.rotate_30deg {rotate: 30deg;}
.-translate_x_1\/2 {--tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);}
.custom-block .text-indigo-600, .custom-block .text-indigo-500 {color: #bfa67a;}
.custom-block .\!text-indigo-400 {color: #bfa67a !important;}
.custom-block .border-indigo-600 {border-color: #bfa67a;}
.custom-block .bg-indigo-600 {background-color: #bfa67a;}
body.overflow-hidden header.nav_sticky {pointer-events: none; background: #111111 !important;}
body.overflow-hidden .single__contact {transition: unset !important;}
body.overflow-hidden .single__contact:hover {transform: unset !important;}
.navbar_overlay .navbar_nav>li>a, .navbar_overlay .menu-socials li>a {line-height: 60px; font-family: "Montserrat", sans-serif; margin-bottom: 5px;}
.navbar_overlay.nav_sticky {background-color: #111111; visibility: visible; opacity: 1;}
.navbar_overlay.nav_sticky .image_sec img {max-height: 48px;}
.navbar_overlay.nav_sticky .navbar_nav>li>a, .navbar_overlay.nav_sticky .menu-socials li>a {line-height: 60px;}
.bg-\[\#0d6efd\]:hover {color: #ffffff !important; border-color: #111111 !important; background-color: #111111 !important;}
.bg-\[\#198754\]:hover {color: #ffffff !important; border-color: #111111 !important; background-color: #111111 !important;}
.bg-\[\#ffc107\]:hover {color: #ffffff !important; border-color: #111111 !important; background-color: #111111 !important;}
.bg-\[\#dc3545\]:hover {color: #ffffff !important; border-color: #111111 !important; background-color: #111111 !important;}
.bg-\[\#6c757d\]:hover {color: #ffffff !important; border-color: #111111 !important; background-color: #111111 !important;}
.bg-\[\#212529\]:hover {color: #ffffff !important; border-color: #212529 !important; background-color: transparent !important;}
.contactFormMain .default__button {padding: 10px 25px; background-color: #bfa67a; color: #fff; display: inline-block; text-align: center; border-radius: 4px; font-size: 15px; border: 1px solid #bfa67a;}
.trigger-btn-pulse {animation: trigger-btn-pulse 2s infinite;}
.custom-block a:hover, .custom-block a:focus {color: #bfa67a !important;}
.blogsidebar__content__wraper__2 .get__touch__input .default__button {padding: 10px 25px;}
.ql-toolbar {float: left; width: 100%; background-color: white;}
.ql-container {float: left; width: 100%; background-color: white;}
.ql-editor p {color: #111;}
.cont_form input, .cont_form textarea {margin-bottom: 15px;}
.contactFormMain .contact__input__wraper {position: relative; margin-bottom: 15px;}
.contactFormMain .contact__input__wraper input, .contactFormMain .contact__input__wraper textarea {margin-bottom: 0 !important;}
.contactFormMain .contact__input__wraper .contact__icon {position: absolute; top: 12px; right: 18px;}
.contactFormMain .contact__input__wraper .contact__icon i {font-size: 20px; line-height: 23px; color: #bfa67a;}
.service-specs-modal .service-specifications section {padding: 12px !important;}
.display-5, .display-4 {font-size: calc(1rem + 2.7vw);}
.contactFormMain .single__contact {min-height: 150px; border: 1px solid #eeeeee; padding: 30px 25px 25px 30px; display: flex; align-items: center; box-shadow: 0px 4px 15px rgba(174, 181, 206, 0.09); margin-bottom: 30px; transition: .3s; position: relative;}
.contactFormMain .single__contact:hover {box-shadow: 0px 4px 25px rgba(174, 181, 206, 0.3); transform: translateY(-5px);}
.contactFormMain .single__contact .contact__text {margin-left: 30px; width: calc(100% - 70px);}
.contactFormMain .single__contact .contact__text h5 {margin: 0; font-weight: 600; font-size: 18px; line-height: 38px; color: #000;}
.contactFormMain .single__contact .contact__text p {margin: 0; font-size: 15px; line-height: 26px;}
.blogsidebar__content__wraper__2 .get__touch__input input {border: none; border-bottom: 1px solid #ddd; width: 100%; background: none; padding: 10px; margin-bottom: 20px; color: #5f6c76;}
.blogsidebar__content__wraper__2 .get__touch__input input:focus-visible {outline: none !important;}
.progress_form {width: 100%; float: left; margin: 20px auto; text-align: center;}
.progress_form .circle, .progress_form .bar {display: inline-block; background: #fff; width: 40px; height: 40px; border-radius: 40px; border: 1px solid #d5d5da;}
.progress_form .bar {position: relative; width: 40px; height: 6px; top: -3px; margin-left: -3px; margin-right: -3px; border-left: none; border-right: none; border-radius: 0;}
.progress_form .circle .label {display: flex; width: 32px; height: 32px; border-radius: 32px; margin-top: 3px; font-size: 17px; color: white; background: #808080bd; margin-left: 3px; align-items: center; justify-content: center;}
.progress_form .bar.done {background: #bfa67a !important;}
.progress_form .bar.active {background: linear-gradient(to right, #EEE 40%, #FFF 60%);}
.progress_form .circle.done .label {color: #FFF; background: #bfa67a !important; box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);}
.progress_form .circle.active .label {color: #FFF; background: #0c95be; box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);}
.error {display: none; margin-left: 10px;}
.error_show {color: red; margin-left: 10px;}
.ccvariable_higlights {font: inherit; color: inherit;}
.ccvariable_higlights.active_cc {float: left;}
.our-team .about_card.ourVission h4 ccvariable p, .our-team .about_card.ourValue h4 ccvariable p, .our-team .about_card.ourMission h4 ccvariable p, .services h2 ccvariable p, .services h3 ccvariable p, ccvariable p {font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; margin: inherit;}
.marketing_page ccvariable p, .marketing_page span ccvariable p {margin-bottom: 15px !important;}
.marketing_page .content-section ccvariable .txt-block-tra-link a {font-size: 18px; display: flex; align-items: center; gap: 5px;}
.marketing_page .content-section ccvariable .txt-block-tra-link a span {margin-top: 2px;}
.contact-item a sitevariable p {color: #bfa67a;}
.statistic span.counter-text ccvariable, .statistic span.counter-text p {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.statistic span.counter-text {width: 100%; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.color_scheme_added input, .color_scheme_added select, .color_scheme_added textarea {background-color: white !important; border: 1px solid #e3e3e3 !important; color: #111 !important;}
.color_scheme_added h1, .color_scheme_added h2, .color_scheme_added h3, .color_scheme_added h4, .color_scheme_added h5, .color_scheme_added h6, .color_scheme_added p {color: inherit;}
.color_scheme_added p * {color: inherit !important;}
.pricing_main .bg_card .pricing_icon_btn {background: #bfa67a !important;}
.navbar-nav>li>a:hover, .navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover, .menu-socials li>a:hover {color: #bfa67a !important;}
.menu-socials li>a:hover, .icon-effect-1 .hi-icon, .contact-icon, input.searchbox:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {border-color: #bfa67a;}
.dropdown-menu {border-top-color: #bfa67a;}
.rev_slider_wrapper, .rev_slider_wrapper.fullscreen-container, .forcefullwidth_wrapper_tp_banner {max-height: 100vh !important; height: 100vh !important;}
.rev_slider.fullscreenbanner, .rev_slider.fullwidthbanner {max-height: 100vh !important;}
.tp-fullwidth-forcer {max-height: 100vh !important; height: 100vh !important;}
.rev_slider .rev-slidebg, .rs-background-video-layer iframe {object-fit: cover;}
.services-details-desc #ccAccordion .accordionHeader .accordTitle {color: #111; border: 1px solid #e1e1e1; cursor: pointer; background: #fff;}
.services-details-desc #ccAccordion .accordionHeader .accordTitle .ccAcdTitle {width: 100%; padding: 10px; float: left; font-weight: 600;}
.services-details-desc #ccAccordion .accordionBody {padding: 15px; border: 1px solid #e1e1e1; border-top: unset; background: #fff;}
.services-details-desc #ccAccordion .accordionHeader .accordTitle .removeIcon {background: #bfa67a; padding: 10px; color: white; display: block;}
.services-details-desc #ccAccordion .accordionHeader .accordTitle .addIcon {background: #bfa67a; padding: 10px; color: white; display: none;}
.services-details-desc #ccAccordion .accordionHeader .accordTitle.collapsed .addIcon {display: block;}
.services-details-desc #ccAccordion .accordionHeader .accordTitle.collapsed .removeIcon {display: none;}
.services-details-desc #ccAccordion .accordionItem:first-child {border-top-right-radius: 5px;}
.services-details-desc #ccAccordion .accordionItem:last-child {border-bottom-right-radius: 5px;}
.our-team .about_card {padding: 100px 50px 70px 50px;}
.our-team .about_card.ourMission {background-color: #292929;}
.our-team .about_card.ourVission h4, .our-team .about_card.ourMission h4 {color: #fff;}
.our-team .about_card.ourVission p, .our-team .about_card.ourValue p, .our-team .about_card.ourMission p {margin-bottom: 1rem; line-height: 25px; font-size: 15px;}
.our-team .about_card.ourVission {background-image: url('https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-enigma/img/about_us.webp'); background-position: 50%; background-size: cover; background-repeat: no-repeat; opacity: 0.7;}
.our-team .about_card.ourValue {background: rgb(247 247 247 / 48%);}
.our-team .about_card.ourValue ccvariable, .our-team .about_card.ourValue p, .our-team .about_card.ourValue h4 {color: #000;}
.services {background-position: 50% 50% !important; background-size: cover !important; opacity: 0.9; position: relative; background: url('https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-enigma/img/our_services.webp');}
.services span p {color: #fff !important; margin-bottom: 1rem; line-height: 25px; font-size: 15px;}
.services .subheading {color: #fff;}
.services .services-details-image p {color: #fff; padding: 2px 0;}
.process {background-image: url('https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-enigma/img/process_bg.webp');}
.our-team .elementor-background-overlay {background-color: rgba(0, 0, 0, .65); opacity: 0.9; transition: background .3s, border-radius .3s, opacity .3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute;}
.services .elementor-background-overlay {background-color: rgba(0, 0, 0, .65); opacity: 0.9; transition: background .3s, border-radius .3s, opacity .3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute;}
.services .promo-description>p {color: #fff !important;}
.bg-04 {background-image: url('https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-enigma/img/bg-04.webp'); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: scroll !important; border-radius: 16px;}
.bg-02 {background-image: url('https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-enigma/img/bg-02.webp'); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: scroll !important; border-radius: 16px;}
#productPlanOverview .normal_btn {color: #fff !important; border: 2px solid #bfa67a !important; background-color: #bfa67a !important;}
#productPlanOverview .normal_btn:hover {color: #bfa67a !important; border: 2px solid #bfa67a !important; background-color: transparent !important;}
#productPlanOverview .normal_card {border: 2px solid #ddd; min-width: 300px; max-width: 350px;}
#productPlanOverview .normal_card:hover {border: 2px solid #bfa67a;}
#productPlanOverview .planTitle {color: black;}
#ProviderPlanOverview .provider_card .provider_features svg, #productPlanOverview .svg_ivon {fill: #bfa67a !important;}
#ProviderPlanOverview .provider_card .provider_title {color: #bfa67a !important;}
.faq_container.pt-\[50px\] {padding-top: 100px !important;}
#terms-page.inner-page-title {margin-bottom: 60px; text-align: center;}
#terms-page.inner-page-title .s-52 {font-size: 3rem;}
#terms-page.inner-page-title p {font-size: 1.15rem; margin-top: 18px;}
#terms-page p {font-size: 1rem; color: #6c757d;}
#terms-page .w-700 {font-weight: 700;}
#terms-page .s-30 {font-size: 1.75rem;}
#terms-page ul {list-style: disc; margin-top: 0; margin-bottom: 1rem; padding-left: 2rem;}
.sites_faq_widgets p {margin-top: 0;}
.faq_container .faqAccordionMain .accordion_item {padding: 0; margin: 0; width: 100%;}
.faq_container .faqAccordionMain .accordion_item li {list-style: none !important;}
.faq_container .faqAccordionMain .accordion_item .accord_hdr {padding: 22px 0 28px; display: flex; align-items: center; cursor: pointer; border-bottom: 1px solid #ddd; width: 100%; color: black;}
.faq_container .faqAccordionMain .accordion_item .accord_hdr .accord_title {font-size: 22px; font-weight: 600; float: left; width: calc(100% - 50px);}
.faq_container .faqAccordionMain .accordion_item .accord_hdr .plus_icon {display: block;}
.faq_container .faqAccordionMain .accordion_item .accord_hdr .minus_icon {display: none;}
.faq_container .faqAccordionMain .accordion_item .accord_hdr.collapsed .plus_icon {display: none;}
.faq_container .faqAccordionMain .accordion_item .accord_hdr.collapsed .minus_icon {display: block;}
.faq_container .faqAccordionMain .accordion_item .accord_hdr .accord_icon {float: left; font-size: 26px;}
.faq_container .faqAccordionMain .accordion_item .accord_bdy {font-size: 1rem; padding: 35px 0 20px 0; color: #757575;}
.faq_container .faqAccordionMain .accordion_item .accord_bdy p {margin-bottom: 0;}
.faq_container .faqAccordionMain .accordion_item .accord_bdy img {max-width: 100%;}
.faq_container .faqAccordionMain .accordion_item .collapse {display: none;}
.faq_container .faqAccordionMain .accordion_item .collapse.show {display: block; visibility: visible;}
.faq_container .faqAccordionMain .accordion_item .col-12 {width: 100%;}
.aboutusContainer {max-width: 500px; background: #242424; padding: 50px 60px; color: #fff;}
.aboutusContainer h1 {color: #fff;}
.aboutusContainer p {color: #a6a6a6;}
.image_owl_wrapper .fa-quote-left {font-size: 48px; padding: 0 5px;}
.gridAreaWraper {background-color: #fff;}
.gridAreaWraper .gridAreaImg {max-height: 200px; overflow: hidden;}
.gridAreaWraper .gridAreaImg img {max-width: 100%; width: 100%; height: 100%; aspect-ratio: 6 / 6; border-radius: 4px; cursor: pointer;}
.listAreaWraper {background-color: #fff;}
.is_dark .listAreaWraper {box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.1); background: #17093e;}
.gridAreaHeading .titleHeight {min-height: 65px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; text-overflow: ellipsis; line-height: 1.5;}
.titleHeight:hover {cursor: pointer;}
.tagSec, .slugSec {border-radius: 4px; padding: 2px 5px; text-align: center; font-size: 14px; border: 1px solid #bfa67a; background-color: #bfa67a; color: white; max-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.listAreaHeading .titleHeight, .gridListHeading .titleHeight {min-height: 35px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; text-overflow: ellipsis; width: auto !important;}
.gridAreaWraper .reviewContent {display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; text-overflow: ellipsis; height: 120px; line-height: 1.5; color: gray;}
.gridAreaContent .usrSec {max-width: 120px; display: flex; align-items: center;}
.gridAreaContent .usrSec .usrNameSec {max-width: 105px; margin-top: 6px; font-size: 14px;}
.gridAreaContent .slugSec {padding: 0px 5px;}
.entry-img img {max-height: 300px;}
.desc_height {min-height: 25px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; text-overflow: ellipsis; font-size: 14px;}
.listAreaHeading .reviewContent {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; text-overflow: ellipsis; height: 45px; line-height: 1.5;}
.listAreaHeading .genarate_url {color: #111;}
.sbarAreaHeading .lessonCountSec {font-size: 12px; margin-top: 2px; color: #bfa67a;}
.sbarAreaHeading .fa-star {font-size: 12px;}
.sbarAreaHeading .titleHeight {min-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; text-overflow: ellipsis; font-size: 15px; font-weight: 600; width: auto !important; color: #111;}
.sbarAreaHeading .titleHeight:hover {cursor: pointer; color: #bfa67a;}
.sbarAreaWraper .rounded-circle {border-radius: 50%;}
.gridLabel {color: #bfa67a;}
.plan_pricing {font-size: 26px; color: #bfa67a; font-weight: 600; max-width: 85px; line-height: 1.5;}
.planListLink {min-width: 130px;}
.planListLink a {color: #111;}
.planLeftSec {width: 110px;}
.sbarAreaWraper .plan_pricing {font-size: 20px; color: #bfa67a; font-weight: 600;}
.sbarAreaWraper .plan_type {font-size: 13px; padding-top: 5px;}
.sbarAreaWraper .review-avatar {margin: 0 auto; float: left;}
.sbarAreaWraper .review-avatar img {width: 54px; height: 54px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%;}
.review-author {position: relative; display: inline-block; text-align: left; padding: 0 0 0 15px;}
.sbarAreaWraper .review-author {width: calc(100% - 60px);}
.review-avatar img {max-width: unset;}
.followUs_title {font-weight: 700; font-size: 22px; line-height: 30px; position: relative; padding-left: 8px; margin-bottom: 25px;}
.followUs_title::before {position: absolute; content: ""; width: 2px; height: 21px; background: #bfa67a; left: 0; bottom: 5px;}
.followIcon ul li {margin-right: 14px; float: left; list-style: none;}
.followIcon ul li a {width: 39px; height: 38px; text-align: center; line-height: 38px; background: #bfa67a; color: #fff !important; display: inline-block; border-radius: 4px !important; font-size: 17px;}
.postedDate {font-size: 12px;}
.fa-star {color: #919191;}
.fa-star.active {color: #ffd52c;}
#owl-blog.owl-carousel .owl-item {display: flex; justify-content: center;}
.ourTeamWidget .team-member {margin-right: 14px; margin-bottom: 60px; visibility: visible; max-height: 100%;}
.ourTeamWidget .team-member-photo {max-height: 400px; overflow: hidden; position: relative; text-align: center; margin-bottom: 30px; border-radius: 14px;}
.ourTeamWidget .hover-overlay {width: 100%; height: auto; overflow: hidden; position: relative; background: white; display: flex; justify-content: center;}
.ourTeamWidget .hover-overlay img {transform: scale(1); overflow: hidden; transition: transform 400ms;}
.ourTeamWidget .team-member:hover img {transform: scale(1.05);}
.ourTeamWidget .team-member:hover .item-overlay {opacity: .45;}
.ourTeamWidget .item-overlay {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(20, 20, 20, .25); transition: all 400ms ease-in-out;}
.ourTeamWidget .img-fluid {max-width: 100%; height: auto;}
.ourTeamWidget .team-member-data {position: relative; margin-left: 5px;}
.ourTeamWidget .team-member-data h6.s-20 {color: #353f4f; line-height: 1.35; margin-bottom: 8px; font-size: 20px; width: calc(100% - 70px); text-align: left;}
.ourTeamWidget .team-member-data p {line-height: 1.5; font-weight: 400; letter-spacing: 0; margin-bottom: 0; text-align: left;}
.ourTeamWidget .color--grey {color: #757575;}
.ourTeamWidget ul.tm-social {position: absolute; top: -1px; right: 8px; transition: all 0.3s ease-out;}
.ourTeamWidget ul.tm-social li {width: auto !important; display: inline-block !important; vertical-align: top; clear: none !important; padding: 0; margin-left: 10px; opacity: .6; transition: all 0.5s ease-out; cursor: pointer;}
.ourTeamWidget .icon_sec {fill: #6c757d; text-decoration: none; transition: all 400ms ease-in-out;}
.ourTeamWidget .icon_sec:hover {fill: #353f4f !important; text-decoration: none;}
.webiArea .webiLabel {font-size: 14px;}
.webiArea .user_bottom {margin: 8px 0 20px 0;}
.webiArea .user_bottom .name_sec {font-size: 14px; padding-left: 8px;}
.webiArea .user_bottom .hostProf {font-size: 12px; line-height: 1; padding-left: 8px;}
.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__img__2 {margin-bottom: 30px; display: flex; justify-content: center;}
.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul {display: flex; justify-content: center;}
.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul li {margin-right: 6px;}
.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul li a {width: 35px; height: 35px; line-height: 32px; display: inline-block; border: 1px solid #dddddd; border-radius: 4px; transition: .3s; text-align: center;}
.sidebar__title {font-weight: 700; font-size: 22px; line-height: 30px; position: relative; padding-left: 8px; margin-bottom: 25px;}
.sidebar__title::before {position: absolute; content: ""; width: 2px; height: 21px; background: #bfa67a; left: 0; bottom: 5px;}
.accordion-collapse.collapse {display: none;}
.accordion-collapse.show {display: block; visibility: visible;}
.content__cirriculum__wrap .accordion-button {font-size: 18px; color: #222222; box-shadow: none; font-weight: 500; position: relative; display: flex; align-items: center; width: 100%; padding: 0.75rem 1.25rem; text-align: left; border: 1px solid #ebebeb; background: #fff; border-radius: 5px;}
.content__cirriculum__wrap .accordion-button.show_toggle {border-bottom-left-radius: unset; border-bottom-right-radius: unset; background: #e7f1ff;}
.content__cirriculum__wrap .accordion-button:not(.show_toggle) .toggle_icon {transform: rotate(180deg);}
.content__cirriculum__wrap .accordion-body {padding: 10px 30px; border: 1px solid #ebebeb; border-top: unset; background: white; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.content__cirriculum__wrap .accordion-body .scc__wrap {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eeeeee; padding: 15px 0; flex-wrap: wrap;}
.content__cirriculum__wrap .accordion-body .scc__info {display: flex; align-items: center;}
.content__cirriculum__wrap .accordion-body .scc__info i {margin-right: 10px; font-size: 16px;}
.pricingarea__content__wraper {padding: 50px 40px 40px 40px; background: #f5f5fe; transition: 0.3s; border-radius: 10px;}
.pricingarea__content__wraper .pricingarea__heading {margin-bottom: 20px;}
.pricingarea__content__wraper .pricingarea__plan__type {position: relative;}
.pricingarea__content__wraper .pricingarea__heading h6 {font-weight: 600; font-size: 28px; line-height: 45px; color: #000000; text-transform: none; letter-spacing: normal; min-height: 85px;}
.pricingarea__content__wraper .pricingarea__plan__type img {position: absolute; top: -30px; right: -30px; max-width: 70%;}
.pricingarea__content__wraper .pricingarea__heading .pricingarea__number {align-items: center;}
.pricingarea__content__wraper .pricingarea__heading .pricingarea__number h1 {font-weight: 500; font-size: 38px; color: #000000; text-transform: none; letter-spacing: normal;}
.pricingarea__content__wraper .pricingarea__heading .pricingarea__number h1 .price__currency {font-size: 40px; padding-right: 3px;}
.pricingarea__content__wraper .pricingarea__heading .pricingarea__number h1 .price__durition {font-weight: 500; font-size: 18px; line-height: 35px; color: #5c727d; padding-left: 3px;}
.pricingarea__content__wraper .pricingarea__heading p {line-height: 19px; color: #000000; font-weight: 400; margin-bottom: 0; min-height: 57px;}
.pricingarea__content__wraper .pricingarea__list ul {margin: 0px; padding: 0px;}
.pricingarea__content__wraper .pricingarea__list ul li {display: block; font-weight: 500; font-size: 18px; line-height: 22px; color: #505975; margin-bottom: 30px;}
.pricingarea__content__wraper .pricingarea__list ul li i {height: 20px; width: 20px; line-height: 21px; text-align: center; border-radius: 50px; background: #bfa67a; color: #ffffff; margin-right: 15px; font-size: 12px; display: inline-block;}
.pricingarea__content__wraper .pricingarea__button {margin-bottom: 0;}
.pricingarea__content__wraper .pricingarea__button a {width: 100%; padding: 10px 25px; background-color: #bfa67a; color: #fff; display: inline-block; text-align: center; border-radius: 0; font-size: 14px; font-weight: 700; border: 3px solid transparent;}
.experence__heading h5 {font-weight: 700; font-size: 26px; line-height: 56px; color: #000;}
.experence__description p {font-weight: 400; line-height: 30px; font-size: 18px; color: #949392; margin-bottom: 20px;}
.blogsidebar__content__wraper__2.tab__instructor {border: none; box-shadow: 5px 5px 20px 5px rgb(0 0 0 / 14%);}
.blogsidebar__content__wraper__2.tab__instructor .blogsidebar__content__inner__2 {display: flex; text-align: left;}
.blogsidebar__content__wraper__2.tab__instructor .blogsidebar__content__inner__2 .blogsidebar__img__2 {margin-right: 20px;}
.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidebar__name__2 h5 {font-weight: 700; font-size: 20px; line-height: 25px; color: #000000; margin: 0; margin-bottom: 7px;}
.blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blog__sidebar__text__2 p {line-height: 26px; font-size: 14px; margin-bottom: 7px;}
.tab-pane .blogsidebar__content__wraper__2 .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul {justify-content: start;}
.blogsidebar__content__wraper__2 .follow__icon ul {display: flex;}
.blogsidebar__content__wraper__2 .follow__icon ul li {margin-right: 14px;}
.blogsidebar__content__wraper__2 .follow__icon ul li a {width: 39px; height: 38px; text-align: center; line-height: 38px; background: #f2f6f7; color: #191b1e; display: inline-block; border-radius: 4px;}
.plan-scroll-container::-webkit-scrollbar {height: 8px;}
.plan-scroll-container::-webkit-scrollbar-track {border-radius: 4px;}
.plan-scroll-container::-webkit-scrollbar-thumb {border-radius: 4px;}
.plan-name-col.bg-purple-50 {background: rgba(250, 245, 255, 0.85) !important;}
.plan-price-col.bg-purple-50 {background: rgba(250, 245, 255, 0.85) !important;}
.wizard_pricing_main {margin-top: 150px;}
.wizard_pricing_main .card-base {background: #ffffff; border: 2px solid #f2f2f2; border-radius: 16px; cursor: pointer; transition: all 0.2s ease; -webkit-tap-highlight-color: transparent;}
.wizard_pricing_main .text-\[\#ff99ae\] {color: #bfa67a;}
.wizard_pricing_main .card-base:hover, .wizard_pricing_main .card-base.selected {border-color: #bfa67a; background: linear-gradient(to right, #bfa67a30, #bfa67a4f, #bfa67a69);}
.wizard_pricing_main .card-base:active {transform: scale(0.98);}
.wizard_pricing_main .option-card.selected .option-icon {background: rgba(245, 158, 11, 0.25) !important;}
.wizard_pricing_main .finish-card.selected .finish-swatch {border-color: #ff99ae !important;}
.wizard_pricing_main .step {display: none; flex-direction: column; flex: 1; animation: wizardFadeUp 0.3s ease;}
.wizard_pricing_main .step.active {display: flex;}
.wizard_pricing_main .price-summary .line {display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #dfdfdf; font-size: 0.9rem;}
.wizard_pricing_main .price-summary .line .label {color: #888;}
.wizard_pricing_main .shake {animation: wizardShake 0.4s ease;}
.providers-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px;}
.providers-content {padding-top: 100px; padding-bottom: 40px;}
.providers-content h1 {font-size: 1.875rem; font-weight: 700; color: #2D3142; margin-bottom: 1.5rem;}
.card-avatar-row {display: flex; align-items: center; gap: 14px;}
.provider_name {font-weight: 700; color: #2D3142; font-size: 1rem; line-height: 1.2; margin-bottom: 3px;}
.provider-location {font-size: 0.82rem; color: #6B6B72;}
.card-meta {display: flex; align-items: center; gap: 8px;}
.rating-star {font-size: 0.9rem; font-weight: 700; color: #bfa67a;}
.review-count, .jobs-completed {font-size: 0.78rem; color: #6B6B72;}
.card-tags {display: flex; flex-wrap: wrap; gap: 6px;}
.badge-verified {font-size: 0.74rem; border: 1px solid rgba(48, 209, 88, 0.3); color: #1A7A3C; background: rgba(48, 209, 88, 0.1); padding: 3px 10px; border-radius: 6px; font-weight: 500;}
.badge-service {font-size: 0.74rem; border: 1px solid rgba(60, 60, 67, 0.12); color: #6B6B72; background: #F2F2F7; padding: 3px 10px; border-radius: 6px; font-weight: 500;}
.main-wrapper-onepage .fr-creators-wrap {padding-top: 100px;}

/* ===== 07. BUTTONS ===== */
.btn-primary {font-family: "Montserrat", sans-serif; font-weight: 700; text-transform: uppercase; text-decoration: none; text-align: center; line-height: 1.5; letter-spacing: 0.02em; -webkit-border-radius: 0; border-radius: 0; border: 3px solid transparent !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #fff !important; background-color: #bfa67a !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-size: 14px; padding: 13px 34px;}
.btn-primary:hover {background-color: #111 !important;}
.theme-primary, .bg-\[\#0d6efd\], .bg-\[\#198754\], .bg-\[\#ffc107\], .bg-\[\#dc3545\], .bg-\[\#6c757d\], .bg-\[\#212529\] {font-family: "Montserrat", sans-serif; font-weight: 700; text-transform: uppercase; text-decoration: none; letter-spacing: 0.02em;}
.join_our_team .button_builder .theme-primary {color: #fff !important; border: 2px solid #111 !important; background-color: #111111 !important;}
.join_our_team .button_builder .theme-primary:hover {background-color: #fff !important; border: 2px solid #111 !important; color: #bfa67a !important;}
.btn-featured {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);}
.btn-featured:hover {background: linear-gradient(135deg, #5a41e0 0%, #6a4299 100%);}
.btn-plan-default {background: #1f2937;}
.btn-plan-default:hover {background: #374151;}
.text-primary-theme {color: #bfa67a;}
.socials a:hover i, .meter .progress-bar, .project-icons a:hover, .best-price, .related-projects .customNavigation a:hover, .highlight, .btn.btn-color, .btn:hover, .socials.footer-socials a:hover i {background-color: #bfa67a;}
.btn-view-profile {margin-top: auto; display: block; text-align: center; background: transparent; border: 1.5px solid #bfa67a; color: #bfa67a; font-weight: 700; font-size: 0.88rem; padding: 10px; border-radius: 10px; text-decoration: none; transition: background 0.15s, color 0.15s, border-color 0.15s;}
.btn-view-profile:hover {background: #111; color: #fff; border-color: #111; text-decoration: none;}
.providers_overview .provider-card .btn-view-profile {color: #fff !important; border-color: #bfa67a !important; background-color: #bfa67a !important;}
.providers_overview .provider-card .btn-view-profile:hover {color: #fff !important; border-color: #111111 !important; background-color: #111111 !important;}

/* ===== 08. HEADER & NAVIGATION ===== */
.main-wrapper-onepage .logo-wrap img {height: unset; width: unset;}
header a {font-family: "Montserrat", sans-serif; text-transform: uppercase;}
header {background-color: #11111180; position: fixed; top: 0; z-index: 30; inset-inline-start: 0; width: 100%;}
header.bg-white {background: #11111180 !important;}
header .text-gray-900 {color: #e5e7eb !important;}
header .text-gray-900:hover {color: #bfa67a !important;}
header.nav_sticky {background-color: #111111 !important; z-index: 50 !important;}
header .header_mobile_menu .bg-white {background-color: #000000d1;}
header .header_mobile_menu .text-gray-900 {color: #fff !important;}
header .header_mobile_menu .text-gray-900:hover {color: #bfa67a !important; background: #ffffff29;}
header .header_mobile_menu svg {color: #fff !important;}
header .relative.group .absolute.mt-2 {margin-top: 0 !important;}
header .relative.group button {font-size: 16px;}
header .header_mobile_menu button.rounded-md, header nav button.rounded-md {padding: 6px 12px; color: white;}
header nav .-m-1\.5 {margin: 0 16px !important;}

/* ===== 09. HERO & HOMEPAGE SECTIONS ===== */
.bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay, .bc-6-wrapper .section-overlay {padding: 80px 70px;}
.section-wrap.blank_page {padding: 15px 0;}
.section-wrap.clients .client-logo {max-height: 200px; overflow: hidden;}
.section-wrap.parallax-testimonials {background-image: url('https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-enigma/img/testimonials_bg.webp');}
.hero-22 {position: relative; background-image: url(https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-enigma/img/hero-22.webp); z-index: 3; background-attachment: scroll !important; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.hero-22 .wave-shape-bottom path {fill: #fff;}
.hero-22 .hero-logo:not(.mb-0) {margin-bottom: 30px;}
.hero-logo img {width: auto; max-width: inherit; max-height: 36px;}
.hero-22-form {position: relative; z-index: 999; background-color: #fff; border: 1px solid #f8f8f8; padding: 45px 35px 35px; -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .08); border-radius: 10px;}
.testimonial i.fa-star {font-size: 15px;}
.testimonialBg {background: url("https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-enigma/img/testimonials_bg.webp"); background-size: 100% 100%; background-repeat: no-repeat; background-position: 0 0;}
.testimonialBg .testimonial-text {font-size: 16px; line-height: 24px;}
.section-wrap.parallax-testimonials {background-image: url(https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-enigma/img/testimonials_bg.webp);}
.wizard_pricing_main .progress-fill {background: linear-gradient(to right, #e3c395, #e0bb7ad6, #dcad5afc); border-radius: 3px; transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.avatar-initial {width: 52px; height: 52px; min-width: 52px; background: #bfa67a; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 1.2rem;}
.avatar-img {width: 52px; height: 52px; min-width: 52px; border-radius: 50%; object-fit: cover;}

/* ===== 10. MODALS & OVERLAYS ===== */
.modal.fixed {background-color: rgb(0 0 0 / 0.5) !important; z-index: 1050 !important; color: #111 !important;}
.modal-backdrop.show {z-index: 1029;}
.modal .modal-dialog {display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2);}
.main-wrapper-onepage .enigma_theme .modal {z-index: 1200;}
.modal-open .owl-carousel .owl-wrapper-outer {z-index: unset !important;}
.modal-open .owl-carousel .owl-wrapper-outer .owl-wrapper {transform: unset !important;}
body.overflow-hidden .modal>.relative {margin-top: 60px;}
body.overflow-hidden .modal>.relative.faq_modal_body {margin-top: 0px !important;}
body.overflow-hidden .modal .shadow .modal-body.max-h-\[calc\(100vh-120px\)\] {max-height: calc(100vh - 200px) !important;}
.modal .modal-body label {text-transform: capitalize; font-size: 14px; text-align: left; width: 100%; float: left;}
.modal .pop_close::before {font-family: flaticon !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; font-size: 12px; line-height: 1 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f11c"; top: 25px !important; right: 20px !important;}
#privacy_policy_container, #cookies_policy_container, #faq_container, .faq_container, #terms_policy_container {padding: 100px 20px !important;}

/* ===== 11. ANIMATIONS ===== */
.features-section .fbox-wrapper .fadeInUp .fbox-5-img {max-height: 340px; overflow: hidden;}
.promo-section .fadeInUp {max-height: 455px; overflow: hidden;}
.fadeInUp .fbox-txt h5 {margin-bottom: 0;}
@keyframes trigger-btn-pulse {
  0% {box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.5);}
  70% {box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);}
  100% {box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);}
}
@keyframes wizardFadeUp {
  from {opacity: 0; transform: translateY(16px);}
  to {opacity: 1; transform: translateY(0);}
}
@keyframes wizardPopIn {
  from {transform: scale(0);}
  to {transform: scale(1);}
}
@keyframes wizardShake {
  0%, 100% {transform: translateX(0);}
  25% {transform: translateX(-6px);}
  75% {transform: translateX(6px);}
}

/* ===== 12. FORMS ===== */
.squeeze_main .form-container plainform {background-color: #eef0e8; border: 5px solid #CDE0EC; border-radius: 10px;}
.squeeze_main .form-container plainform .main_form {height: auto !important;}
.custom-block plainform form dl {padding: 0 !important;}
.theme-primary, .theme-bg-primary, form .btn, plainform .btn, dialogform .btn, buttonform .btn {color: #fff !important; border-color: #bfa67a !important; background-color: #bfa67a !important;}
.theme-primary:hover, form .btn:hover, plainform .btn:hover, dialogform .btn:hover, buttonform .btn:hover {color: #fff !important; border-color: #111111 !important; background-color: #111111 !important;}
form .btn.btn-secondary, plainform .btn.btn-secondary, dialogform .btn.btn-secondary, buttonform .btn.btn-secondary {color: #fff !important; border-color: #6c757d !important; background-color: #6c757d !important;}
form .btn.btn-secondary:hover, plainform .btn.btn-secondary:hover, dialogform .btn.btn-secondary:hover, buttonform .btn.btn-secondary:hover {color: #6c757d !important; border-color: #6c757d !important; background-color: transparent !important;}
form .btn.btn-info, plainform .btn.btn-info, dialogform .btn.btn-info, buttonform .btn.btn-info {color: #000 !important; border-color: #0dcaf0 !important; background-color: #0dcaf0 !important;}
form .btn.btn-info:hover, plainform .btn.btn-info:hover, dialogform .btn.btn-info:hover, buttonform .btn.btn-info:hover {color: #0dcaf0 !important; border-color: #0dcaf0 !important; background-color: transparent !important;}
form .btn.btn-success, plainform .btn.btn-success, dialogform .btn.btn-success, buttonform .btn.btn-success {color: #fff !important; border-color: #28a745 !important; background-color: #28a745 !important;}
form .btn.btn-success:hover, plainform .btn.btn-success:hover, dialogform .btn.btn-success:hover, buttonform .btn.btn-success:hover {color: #28a745 !important; border-color: #28a745 !important; background-color: transparent !important;}
form .btn.btn-warning, plainform .btn.btn-warning, dialogform .btn.btn-warning, buttonform .btn.btn-warning {color: #000 !important; border-color: #ffc107 !important; background-color: #ffc107 !important;}
form .btn.btn-warning:hover, plainform .btn.btn-warning:hover, dialogform .btn.btn-warning:hover, buttonform .btn.btn-warning:hover {color: #ffc107 !important; border-color: #ffc107 !important; background-color: transparent !important;}
form .btn.btn-danger, plainform .btn.btn-danger, dialogform .btn.btn-danger, buttonform .btn.btn-danger {color: #fff !important; border-color: #dc3545 !important; background-color: #dc3545 !important;}
form .btn.btn-danger:hover, plainform .btn.btn-danger:hover, dialogform .btn.btn-danger:hover, buttonform .btn.btn-danger:hover {color: #dc3545 !important; border-color: #dc3545 !important; background-color: transparent !important;}
.main_form .prevBtn, .main_form .nextBtn {padding: 5px 15px 8px 15px; background-color: #bfa67a !important; color: #fff; display: inline-block; text-align: center; border-radius: 4px; font-size: 15px; border: 1px solid #bfa67a !important;}
.main_form .prevBtn:hover, .main_form .nextBtn:hover {background-color: #111111 !important; color: #fff; border: 1px solid #111111 !important;}
.reviews-section buttonform button {padding: 0.9rem 1.8rem;}
.get_notify_sec form button {width: auto !important;}
.get_notify_sec form input {border: 2px solid #e3e3e3; outline: none;}
.squeeze_main plainform .btn {background-color: #bfa67a !important; color: white !important; font-size: 1rem;}
.squeeze_main plainform .btn:hover {background-color: #111111 !important; color: white !important; border-color: #111111 !important;}
.aboutusContainer buttonform form {display: flex; justify-content: center;}
.reviews-section .owl-wrapper .card-body buttonform form {display: flex; justify-content: center; min-width: 250px;}
.reviews-section .owl-wrapper .card-body buttonform form button {font-size: 14px; padding: 10px;}
buttonform form {margin: 0px; min-width: unset; width: auto;}
buttonform>div form .btn, buttonform>form .btn {padding: 10px 15px; font-size: 15px;}
select {-webkit-appearance: none !important; background: transparent url(https://dutbmp3xi6xk2.cloudfront.net/themebuilder/theme-edurock_light/img/arrow-down-black.svg) !important; background-position-x: 98% !important; background-position-y: 17px !important; background-repeat: no-repeat !important; background-size: 20px 7px !important; color: black !important; padding-right: 30px !important;}
form .form-group {margin-top: 10px;}
form label, form .form-group label {margin-bottom: 3px; width: 100%; float: left; text-align: left;}
form .form-group .radio-group .formbuilder-radio, form .form-group .checkbox-group .formbuilder-checkbox {display: flex; gap: 5px; align-items: baseline;}
form .form-group .radio-group label {margin-left: 2px;}
form .form-group .checkbox-group label {margin-left: 2px;}
form .rendered-form .form-group, form .rendered-form .formbuilder-checkbox, form .rendered-form .formbuilder-radio {float: left; margin: 0; width: 100%;}
form .rendered-form .form-group button {margin: 10px;}
form .form-control {border: 1px solid #ddd; appearance: none; background-color: #fff; border-radius: 0px; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5rem; width: 100%;}
form .form-control:focus {border-color: #86b7fe; outline: 0; box-shadow: none;}
form p {width: 100%; float: left;}
form h1, form h2, form h3, form h4, form h5, form h6 {width: 100%; float: left;}
form .formbuilder-button {width: 100%; margin: 15px !important;}
form #layoutPreview {width: 100%; float: left;}
form .rendered-form h1, form .rendered-form h2, form .rendered-form h3, form .rendered-form h4, form .rendered-form h5, form .rendered-form h6, form .rendered-form p {float: left; width: 100%; padding: 1rem 0; margin-bottom: 0 !important; background: transparent !important; cursor: default; text-align: left;}
.wizard_form .rendered-form p {color: #000 !important;}
form .rendered-form h1 {font-size: 26px;}
form .rendered-form h2 {font-size: 24px;}
form .rendered-form h3 {font-size: 22px;}
form .rendered-form h4 {font-size: 20px;}
form .rendered-form h5 {font-size: 18px;}
form .rendered-form h6 {font-size: 16px;}
form .ele.img-cont {padding: 1rem;}
form .ele.img-cont img {max-height: 100%;}
form .tox .tox-toolbar__group button {margin: 2px 0 3px 0;}
form .rendered-form input[type="file"] {padding: 0px !important; height: 35px;}
form .rendered-form input[type="file"]::file-selector-button {font-size: 14px; border-right: 1px solid #ddd; border: 0; padding: 6px 11px; background: #ccc;}
form .rendered-form input[type="date"] {cursor: pointer;}
form .rendered-form input[type="file"], form .rendered-form select {height: auto;}
form .form-group .form-control::placeholder {color: #cbcbcb;}
form textarea[style*="background-color: rgb(240, 248, 255);"], form input[style*="background-color: rgb(240, 248, 255);"] {color: black !important;}
form .formbuilder-required {color: red; margin-left: 2px;}
form .tooltip-element {visibility: visible; color: #fff; background: #000; width: 16px; height: 16px; border-radius: 8px; display: inline-block; text-align: center; line-height: 16px; margin: 0 5px; font-size: 12px; cursor: default;}
.wizard_form p, .wizard_form h1, .wizard_form h2, .wizard_form h3, .wizard_form h4, .wizard_form h5, .wizard_form h6 {padding: 0 !important;}
.wizard_form label {color: #111 !important; width: 100%; float: left; text-align: left;}
.main_form {width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: auto !important;}
wizardform .main_form {height: auto;}
.main_form .wizard_form {max-width: 1200px; width: 100%; margin: 20px 10px; float: left; position: relative; box-shadow: 0px 3px 12px rgb(170 170 170 / 42%); padding: 20px; border-radius: 15px; height: auto;}
.modal .main_form .wizard_form {margin: 0; box-shadow: unset; padding: 0;}
.main_form .wizard_form .progress-header .progress-bar {background-color: #bfa67a;}
.main_form .wizard_form button.prevBtn.avoid-clicks {opacity: 0.2; pointer-events: none;}
.main_form .wizard_form button.prevBtn {background-color: transparent !important; color: black; cursor: pointer; border-radius: 8px !important; border-color: #111111 !important; padding: 8px 16px !important;}
.main_form .wizard_form button.nextBtn {border-radius: 8px !important; padding: 8px 16px !important;}
.main_form .wizard_form .form-cont {position: relative;}
.main_form .wizard_form .form-cont #layoutPreview {width: 75%; float: unset; margin: 0 auto;}
.main_form .wizard_form .prevArrowBtn {position: absolute; top: 45%; left: 7%; font-size: 50px; color: #99d1ff; cursor: pointer;}
.main_form .wizard_form .nextArrowBtn {position: absolute; top: 45%; right: 7%; font-size: 50px; color: #99d1ff; cursor: pointer;}
.main_form .wizard_form .layoutContnt2 .prevArrowBtn, .main_form .wizard_form .layoutContnt3 .prevArrowBtn, .main_form .wizard_form .layoutContnt4 .prevArrowBtn, .main_form .wizard_form .layoutContnt5 .prevArrowBtn, .main_form .wizard_form .layoutContnt6 .prevArrowBtn {left: -20px;}
.main_form .wizard_form .layoutContnt2 .nextArrowBtn, .main_form .wizard_form .layoutContnt3 .nextArrowBtn, .main_form .wizard_form .layoutContnt4 .nextArrowBtn, .main_form .wizard_form .layoutContnt5 .nextArrowBtn, .main_form .wizard_form .layoutContnt6 .nextArrowBtn {right: -20px;}
.main_form .wizard_form .prevArrowBtn, .main_form .wizard_form .nextArrowBtn {color: #bfa67a !important;}
.main_form .rendered-form {display: none;}
.main_form .rendered-form.active {display: block;}
.rendered-form label.hidden {display: none !important;}
.rendered-form * [tooltip]:hover:after {width: max-content !important; padding: 10px 15px !important;}
.rendered-form p {padding-left: 0 !important; padding-right: 0 !important;}
.rendered-form .timepicker-option:has(input[type="radio"]:checked) {color: #fff !important; border-color: #bfa67a !important; background-color: #bfa67a !important;}
.rendered-form .salesman-option:has(input[type="radio"]:checked) {border-color: #bfa67a !important;}
.rendered-form.formbuilder-embedded-bootstrap .form-group {padding: 0 !important;}
.rendered-form.formbuilder-embedded-bootstrap .form-group h1 {padding: 10px; font-size: 25px; font-weight: 500; padding-left: 0px;}
.modal .modal-body form .ele {padding: 0;}
.modal .modal-body form .ele.img-cont video {width: 100%; height: 100%;}
plainform .form_builds, plainform .cont_form {float: left; width: 100%;}
plainform form {float: left; width: 100%; padding: 15px;}
plainform form .formbuilder-button, .modal .modal-body plainform form .formbuilder-button, dialogform form .formbuilder-button {margin: 0 !important; padding: 15px;}
plainform form .rendered-form .form-group:not(.p-3), dialogform form .rendered-form .form-group:not(.p-3) {padding: 15px;}
dialogform form .rendered-form .form-group:not(.p-3) h2 {padding: 0 !important; color: #424242;}
dialogform .modal .modal-body label {width: 100%; text-align: start; float: left; font-size: 16px;}
dialogform .modal .modal-body .formbuilder-button {text-align: left;}
dialogform .modal-body {max-height: calc(100vh - 250px); overflow: auto; margin: 5px;}
dialogform .modal-body::-webkit-scrollbar {display: block !important; width: 4px; height: 0px;}
dialogform .modal-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 5px;}
dialogform .modal-body::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid darkgrey; border-radius: 5px;}
.enigma_theme form.layout_sec {width: 100%;}
.enigma_theme .wizard_form form.layout_sec {width: 100%; max-width: 100%; flex-wrap: wrap;}
.theme_dark_bg plainform form h1, .theme_dark_bg plainform form h2, .theme_dark_bg plainform form h3, .theme_dark_bg plainform form h4, .theme_dark_bg plainform form h5, .theme_dark_bg plainform form h6, .theme_dark_bg plainform form label, .theme_dark_bg plainform form input, .theme_dark_bg plainform form p, .theme_dark_bg plainform form select, .theme_dark_bg plainform form .text-black {color: white; background: transparent;}
.theme_dark_bg plainform form input.invalid {background-color: #ffdddd !important;}
.theme_dark_bg .main_form .wizard_form {background: white !important;}
.theme_dark_bg .wizard_form form h1, .theme_dark_bg .wizard_form form h2, .theme_dark_bg .wizard_form form h3, .theme_dark_bg .wizard_form form h4, .theme_dark_bg .wizard_form form h5, .theme_dark_bg .wizard_form form h6, .theme_dark_bg .wizard_form form label, .theme_dark_bg .wizard_form form input, .theme_dark_bg .wizard_form form p, .theme_dark_bg .wizard_form form select, .theme_dark_bg .wizard_form form .text-black {color: black; background: transparent;}
form .layoutContnt6 h1, form .layoutContnt6 h2, form .layoutContnt6 h3, form .layoutContnt6 h4, form .layoutContnt6 h5, form .layoutContnt6 h6, form .layoutContnt6 label, form .layoutContnt6 input form .layoutContnt6 p, form .layoutContnt6 select, form .layoutContnt6 .text-black {color: white;}
.theme_dark_bg plainform input::-webkit-calendar-picker-indicator, .layoutContnt6 input::-webkit-calendar-picker-indicator {filter: invert(1); color: #ffffff;}
.theme_dark_bg .wizard_form input::-webkit-calendar-picker-indicator {filter: invert(1); color: #000000;}
#layoutPreview .qq-gallery.qq-uploader {min-height: 105px;}
#layoutPreview .qq-gallery.qq-uploader:before {top: 30%; font-size: 125%; color: #808080f2;}
#layoutPreview .qq-upload-message {font-size: 12px; color: gray;}
.contactFormMain .contact__form__inner {padding: 30px 30px 15px; border: 1px solid #dddddd;}
.contactFormMain .contact__form__inner .contact__form__heading {margin-bottom: 10px; padding: 0 15px;}
.contactFormMain .contact__form__inner .contact__form__heading .contact_header {font-weight: 700; font-size: 34px; line-height: 50px; color: #000; margin: 0;}
#payment_cust_detail .border-b, #payment_cust_detail .border {border-color: #e5e7eb;}
#payment_cust_detail input[type="file"].form-control {width: 100%; font-size: 16px; border: 1px solid #ddd; background-color: #f9f9f9; cursor: pointer; transition: border-color 0.3s ease; padding: 0;}
#payment_cust_detail input[type="file"].form-control:focus {outline: none; border-color: #86b7fe;}
#payment_cust_detail input[type="file"].form-control::file-selector-button {background-color: #efefef; color: black; border-radius: 4px; padding: 8px 12px; font-size: 14px; cursor: pointer; transition: background-color 0.3s ease; border-right: 1px solid #ddd;}
input.invalid {background-color: #ffdddd;}
select.invalid, input.invalid, textarea.invalid, select.empty-invalid, input.empty-invalid, textarea.empty-invalid {border: 1px solid red !important; border-radius: 6px; color: #000 !important;}
input.valid, textarea.valid {border: 2px solid green !important; color: #000 !important; background: white !important;}
.wizard_data .rendered-form {display: none;}
.enigma_theme .eventpack {font-size: 20px; font-weight: 600;}
.our-team .about_card.ourMission p:not(.wizard_form p), .our-team .about_card.ourVission p:not(.wizard_form p) {color: white !important;}
.hero-22-form h4 {line-height: 1.4; margin-bottom: 20px;}
.hero-22-form h4 ccvariable p {color: #111 !important;}
.hero-22-form span ccvariable p {line-height: 25px !important;}
.hero-22-form p {color: #757575; margin-bottom: 25px !important;}

/* ===== 13. PAGE BUILDER / EDITOR ===== */
.grp-wrapper-class .workflow_sec {overflow: hidden !important;}
.webinar-cmp-css>div {pointer-events: unset !important;}
.grp-wrapper-class .squeeze_main .squeeze_form {max-width: 100% !important;}
.grp-wrapper-class .custom-block .-translate-x-1\/2 {transform: unset !important;}
.grp-wrapper-class sitevariable p, .gjs-editor-cont sitevariable p {pointer-events: none;}

/* ===== 14. CONTENT PAGES: BLOG ===== */
.footerarea__content ul, .blog_content ul {padding-left: 2rem;}
.footerarea__content li, .blog_content li {list-style: unset; display: list-item;}
.blog__details__content__wraper .blog__details__content .blog__details__heading h5 {font-weight: 700; font-size: 26px; line-height: 30px; margin-bottom: 10px;}
.blog__details__content__wraper .blog__details__content p {margin: 1rem 0;}
.blogarae__img__2 img {max-height: 300px;}
.blog__details__img, .blogarae__img__2 {max-height: 600px; overflow: hidden;}
.blog__details__img img, .blogarae__img__2 img {max-width: 100%; width: auto !important;}
.article_overview .blogCardMain {margin: 8px;}
.article_overview .blogCardMain .blog_title {color: #000000;}
.article_overview .blogCardMain .blog_title:hover {color: #bfa67a;}
.article_overview .blogCardMain .blog_tags {background-color: #bfa67a; border: 1px solid #bfa67a; color: #fff !important; max-width: 350px !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.article_overview .blogCardMain .blog_tags:hover a {color: #fff !important;}
.article_overview .blogCardMain .view_more_btn:hover {color: #bfa67a; fill: #bfa67a;}
.coursearea, .blogarea__2 {width: 100%; float: left;}
.coursearea.sp_bottom_100, .blogarea__2.sp_bottom_100 {padding-bottom: 100px;}
.coursearea.sp_top_100, .blogarea__2.sp_top_100 {padding-top: 100px;}
.blogarea__2 .lg\:flex {width: 100%;}
.blogarea__2 .blogsidebar__content__wraper__2 {padding: 30px 35px 30px 30px; border: 1px solid #dddddd; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.02); margin-bottom: 30px; float: left; width: 100%;}
.blogarae__img__2.course__details__img__2 {margin-bottom: 20px;}

/* ===== 15. CONTENT PAGES: COURSES ===== */
.course__button a {display: flex !important; justify-content: center; align-items: center; max-width: 350px !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 26px; width: 114px; background: #bfa67a; color: white; text-align: center; line-height: 23px; font-weight: 600; font-size: 14px; margin-right: 20px; border-radius: 4px; border: 1px solid #bfa67a;}
.course__button a:hover {border: 1px solid #bfa67a; background: transparent; color: #bfa67a;}
.widgets .listAreaWraper .course_content {height: 120px; overflow: hidden;}
.widgets .listAreaWraper .course_content img {width: auto; height: auto; max-width: 200px;}
#projects__one .gridarea__wraper .gridarea__content .gridarea__list ul li:last-child {text-align: right;}
.courseListWidgets .courseCard {box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);}
.courseListWidgets .courseCard .courseView, .courseListWidgets .courseCard .course_title {color: black;}
.courseListWidgets .courseCard .courseView:hover, .courseListWidgets .courseCard .course_title:hover {color: #bfa67a;}
.courseListWidgets .courseCard .courseUserName, .courseListWidgets .courseCard .course_desc {color: #a5a5a5;}
.courseListWidgets .courseCard .courseSubSection {color: #727272;}
.courseListWidgets .courseCard .courseSvg {fill: #bfa67a;}
.courseListCard .courseLabel {color: #bfa67a;}
.courseListCard .courseTitle {color: #727272;}
.courseListCard .courseTitle:hover {color: #bfa67a;}
.course_overview .gridAreaWraper .gridAreaImg {max-height: none; height: 12rem;}
.course_overview .gridAreaWraper .gridAreaImg img {width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover;}
.course_overview .courseCard > div > a:first-child img {width: 100%; height: 100%; object-fit: cover;}
.course_overview #courseGridView.hidden, .course_overview #courseListView.hidden {display: none !important;}
.course_overview .single__tab__link {color: #9ca3af;}
.course_overview .single__tab__link.active, .course_overview .single__tab__link:hover {color: #bfa67a;}
.gridarea__wraper .gridarea__img {max-height: 250px; width: auto !important; border-radius: 0.375rem;}
.gridarea__wraper .gridarea__img img {max-width: 300px; width: auto !important; height: auto;}
.gridarea__course__list.gridarea__wraper .gridarea__img img {max-width: 300px;}
.course__text__wraper {justify-content: end !important;}
.course__text__wraper .course__icon .nav {display: flex;}
.course__text__wraper .course__icon .nav a {color: gray;}
.course__text__wraper .course__icon .nav a.active {color: #bfa67a;}
.gridarea__wraper .gridarea__content .gridarea__list ul li i {color: #bfa67a !important;}
.gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__bottom .gridarea__details a:hover {color: #bfa67a !important;}
.course__details__price ul li .course__details__date i {color: #bfa67a;}
.gridarea__wraper.gridarea__wraper__2 .gridarea__content .gridarea__heading h3 {font-weight: 600;}
.gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__price {font-weight: 500; font-size: 18px; line-height: 22px; color: rgba(114, 106, 137, 0.8);}
.course__button__wraper {display: flex; margin-bottom: 30px; align-items: center; justify-content: space-between;}
.course__date p {font-weight: 500; font-size: 14px; line-height: 17px; margin: 0; color: #5f6c76;}
.course__date p span {color: #000000;}
.course__details__heading h1, .course__details__heading h3 {font-weight: 700; font-size: 36px; line-height: 58px; color: #000000; margin-bottom: 10px;}
.course__details__price {margin-bottom: 30px;}
.course__details__price ul li .course__details__date {font-weight: 500; font-size: 14px; line-height: 17px; color: #000000;}
.course__details__paragraph p {font-weight: 400; font-size: 18px; line-height: 30px; color: #5f6c76;}
.course__details__paragraph {margin-bottom: 30px;}
.course__details__wraper {background: #f4f4f8; display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.course__details__wraper ul {width: 50%; border-right: 2px solid #eeeeee; padding: 50px 25px;}
.course__details__wraper ul li {color: #5c727d; display: flex; justify-content: space-between; margin-bottom: 10px;}
.course__details__wraper .instructor_title {width: 100px; color: #5c727d; font-weight: 400;}
.course__details__wraper ul li span {color: #133344; font-weight: 500;}
.course__details__tab__wrapper {margin-bottom: 40px;}
.course__tap__wrap {margin-bottom: 30px; display: flex;}
.course__tap__wrap li {border-right: 2px solid #eeeeee;}
.course__tap__wrap li button {padding: 15px 45px; border: none; background: #fff; color: #000; box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.1);}
.course__tap__wrap li button:hover, .course__tap__wrap li button.active {background: #bfa67a; color: #fff;}
.course__tap__wrap li button i {margin-right: 8px;}

/* ===== 16. CONTENT PAGES: PLANS & CHECKOUT ===== */
.payment_plan_card {background: rgba(142, 203, 255, .2); border: .5px solid hsla(0, 0%, 100%, .5); border-radius: 12px; box-shadow: 0 0 30px rgba(0, 0, 0, .15); padding: 24px;}
.featured_card {border: 2px solid #667eea !important; transform: scale(1.05); box-shadow: 0 8px 30px rgba(102, 126, 234, 0.25) !important;}
.badge-popular {position: absolute; top: -10px; right: -10px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; font-size: 10px; font-weight: 600; padding: 5px 12px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; z-index: 10; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);}
.badge-trial {background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); color: white; font-size: 9px; font-weight: 600; padding: 4px 12px; border-radius: 20px; text-transform: uppercase;}
.badge-popular-inline {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; font-size: 10px; font-weight: 600; padding: 5px 12px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4); vertical-align: middle; margin-left: 10px;}
.planCardMain table {border-collapse: collapse; width: 100%; margin-top: 10px;}
#payment_plan .payment_plan_card .fa-check {color: #bfa67a !important;}
#payment_plan .planCardMain {width: 100% !important;}

/* ===== 17. CONTENT PAGES: WEBINARS ===== */
.webinar-cmp-css .webinar_sec {display: flex !important; align-items: center; justify-content: center; flex-wrap: wrap;}
.webinarStatus {justify-items: center;}
.webinarStatus.pt-100 {padding-top: 130px;}
.webinarStatus.pb-100 {padding-bottom: 130px;}
.webinarStatus .eventpackTime {max-width: 900px;}
.webinarStatus .eventpackTime h3 {font-size: 20px; line-height: 1.5; text-transform: capitalize; margin-bottom: 5px; font-weight: 600;}
.bg-gray-900 .webinarStatus .eventpackTime h3 {color: #fff !important;}
.webinarStatus .eventpackTime .webinar_icon {width: 68px; position: absolute; top: 42%; cursor: pointer;}
.webinarStatus .eventpackTime .webinar_source {position: absolute; top: 42%;}
.webinarStatus .eventpackTime .webinar_thumbnail {opacity: 0.5;}
.webinarStatus .eventTime {position: relative; background-color: #bfa67a !important; height: 108px; width: 100px; padding: 7px; font-size: 65px; font-weight: 700; color: #fff !important;}
.webinarStatus .eventComing {font-size: 20px;}
.webinarStatus .eventbfr::after {content: ':'; position: absolute; left: -35px; font-size: 60px; color: #000; font-family: 'Inter', sans-serif;}
.webinarStatus .d-grid {font-family: 'Sans pro';}
.webinarStatus .container {height: 800px;}
.webinarStatus video.webinar_url {height: calc(100% - 50px);}
.webinar_detail {padding: 100px 0;}
.webinar_class .entry-img {position: relative; height: 250px;}
.webinar_class .entry-img a {height: 100%; width: 100%;}
.webinar_class .entry-img img {height: 100%; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0;}
.webinar_class .entry-img .webiTitle {position: absolute; top: 0; left: 0;}
.webinar_class .entry-img .webiTitle h4 {color: #fff !important; padding: 16px 12px; font-size: 16px;}
.webiArea .webinarTime {font-size: 13px; font-weight: 500;}
.webiArea .webinarHost {font-size: 14px; margin-top: 10px;}
.enigma_theme .webinars_overview .webinar_card .mt-auto > span[style*="F59E0B"] {color: #bfa67a !important;}
.enigma_theme .webinars_overview .webinar_card .mt-auto > span[style*="F59E0B"] svg {stroke: currentColor !important;}
.enigma_theme .webinars_overview > section {padding-top: 180px !important;}
.webinars_overview .webinar_card .webinar_title {color: #000000;}
.webinars_overview .webinar_card .webinar_title:hover {color: #bfa67a;}
.webinars_overview .webinar_card .learn_more {color: #000000;}
.webinars_overview .webinar_card .learn_more:hover {color: #bfa67a;}
.webinars_overview .webinar_card .webinar_host_initial {background: #bfa67a26; color: #bfa67a;}
.widgets img.profile_img, .webinar_class img.profile_img, [data-widget="webinar_card"] img.profile_img, .widget-wrapper img.profile_img {width: 35px !important; height: 35px !important; min-width: 35px !important; min-height: 35px !important; max-width: 35px !important; max-height: 35px !important; border-radius: 9999px !important; object-fit: cover !important; object-position: center; flex-shrink: 0 !important; display: block; overflow: hidden; align-self: center;}

/* ===== 18. CONTENT PAGES: JOBS ===== */
.job_listing, .provider_profile_page {padding-top: 90px;}
.job_detail_page {padding-top: 80px;}
.job_listing .bg-blue-500 {--tw-bg-opacity: 1; background-color: #bfa67a !important;}
.job_listing .bg-blue-600 {background-color: #bfa67a !important; border-color: #bfa67a !important; color: #ffffff !important;}

/* ===== 19. DIRECTORY PAGES ===== */
.city-card {text-decoration: none; background: #fff; border: 2px solid transparent; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); color: #2D3142;}
.city-card:hover {transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); border-color: #bfa67a;}
.city-card .city-link {color: #bfa67a;}
.providers-grid .provider-card {background: #fff; border-radius: 20px; padding: 24px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); display: flex; flex-direction: column; gap: 14px; transition: transform 0.15s, box-shadow 0.15s;}
.providers-grid .provider-card:hover {transform: translateY(-3px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);}
.creators_overview .flex.flex-wrap > div {padding-top: 140px; padding-bottom: 40px;}
.creators_overview .grid {display: grid !important; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important; gap: 18px !important;}
.creators_overview .creator-card {background: #ffffff; border-radius: 20px; padding: 24px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); display: flex; flex-direction: column; gap: 14px; transition: transform 0.15s, box-shadow 0.15s;}
.creators_overview .creator-card:hover {transform: translateY(-3px); box-shadow: 0 8px 32px rgba(0,0,0,0.12);}
.creators_overview .creator-card > div:first-child {display: flex; align-items: center; gap: 14px;}
.creators_overview .creator-card > div:first-child > div:first-child {width: 52px; height: 52px; background: #bfa67a; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-weight: 800; font-size: 1.2rem; flex-shrink: 0;}
.creators_overview .creator-card > div:first-child > img {width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex-shrink: 0;}
.creators_overview .creator-card > div:first-child > div:last-child {flex: 1; min-width: 0;}
.creators_overview .creator_name {color: #2D3142; margin-bottom: 3px;}
.creators_overview .creator-no-leads {color: #6B6B72;}
.creators_overview .creator-leads-badge {border-color: rgba(48, 209, 88, 0.5) !important; background-color: rgba(48, 209, 88, 0.15) !important;}
.providers_overview .provider-card .avatar-initial {background: #bfa67a;}
.brands_overview .brand_grid {display: grid; grid-template-columns: 1fr; gap: 1rem; align-items: stretch; height: auto !important; min-height: 0 !important;}
.brands_overview .brand_card {display: flex; flex-direction: column; height: 100%; min-width: 0; padding: 0 !important; overflow: hidden;}
.brands_overview .brand_card_media {width: 100%; height: 200px; flex-shrink: 0; background: #f9fafb; overflow: hidden;}
.brands_overview .brand_card_media img {width: 100%; height: 100%; object-fit: cover; display: block;}
.brands_overview .brand_card_body {display: flex; flex-direction: column; flex: 1 1 auto; padding: 1rem; gap: 0.5rem; min-width: 0;}
.brands_overview .brand_name {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5rem; min-height: 3rem; margin: 0;}
.brands_overview .brand_desc {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.25rem; min-height: 3.75rem; margin: 0; flex: 1 1 auto;}
.brands_overview .brand_desc.expanded {-webkit-line-clamp: unset; overflow: visible; min-height: 3.75rem;}
.brands_overview .brand_readmore {visibility: hidden; align-self: flex-end; margin-top: auto; min-height: 1.25rem; padding: 0; border: 0; background: none; color: inherit; text-decoration: none; cursor: pointer; transition: color 0.15s ease;}
.brands_overview .brand_readmore:hover {color: #2563eb;}
.brands_overview .brand_desc.truncated ~ .brand_readmore {visibility: visible;}
.brands_overview .brand_page {padding-left: 1rem; padding-right: 1rem;}
.brands_overview .brand_card .brand_name {color: #000000;}
.brands_overview .brand_card .brand_name:hover, .brands_overview .brand_card .brand_readmore:hover {color: #bfa67a;}
.services_overview .service_card .service_name {color: #000000;}
.services_overview .service_card .service_name:hover {color: #bfa67a;}

/* ===== 20. WIDGETS ===== */
.slider-cmp-css {display: flex !important; align-items: center; justify-content: center;}
.promo-section .carousel-main .carousel-build .carousel-sec .carousel-option-next.nav-center {margin-right: 50px;}
.promo-section .carousel-main .carousel-build .carousel-sec .carousel-option-prev.nav-center {margin-left: 50px;}
.workcationSec .widgets {position: relative;}
.bg-gray-900 .widgets .bg-white\/60 {background-color: #fff !important;}
.bg-gray-900 .widgets.bg-white .text-gray-900, .bg-gray-900 .widgets.bg-white .text-black, .bg-gray-900 .widgets .bg-white .text-gray-900, .bg-gray-900 .widgets .bg-white .text-black, .bg-gray-900 .widgets .bg-white\/60 .text-gray-900, .bg-gray-900 .widgets .bg-white\/60 p {color: #000;}
.bg-gray-900 .widgets .bg-white\/60 .text-gray-600, .bg-gray-900 .widgets .bg-white\/60 .text-gray-500 {color: #2c2c2c !important;}
.bg-gray-900 .widgets .text-gray-900, .bg-gray-900 .widgets .text-black {color: #fff !important;}
.bg-gray-900 .widgets .text-gray-600, .bg-gray-900 .widgets .text-gray-500 {color: #e1e1e1 !important;}
.bg-gray-900 .widgets .bg-white .text-gray-600, .bg-gray-900 .widgets .bg-white .text-gray-500 {color: #666666 !important;}
.widgets .bg-white .text-gray-900 {color: #000;}
.bg-gray-900 .widgets .webiArea, .bg-gray-900 .widgets .listAreaWraper, .bg-gray-900 .widgets .gridAreaContent {color: #000 !important; text-align: left;}
.widgets .grid-item.site_plan_widget {min-width: 23em;}
.widgets .grid-item .gridAreaImg {max-height: 180px; overflow: hidden; border-radius: 16px;}
.widgets .grid-item .gridAreaImg img {max-width: 100%; width: auto; max-height: unset; height: auto;}
.widgets .list-items {min-width: 22em;}
.widgets .blog__content__wraper__2.list-items {max-width: 40em;}
.widgets .sidebar-item {width: 18em;}
.widgets .sidebar-item .sbarAreaWraper .flex-shrink-0 {max-height: 70px; overflow: hidden; border-radius: 0.375rem;}
.widgets .sidebar-item .sbarAreaWraper .flex-shrink-0 img {max-width: 100px; height: auto; width: auto;}
.widgets .owl-item .testimonialBg {background: unset; background-size: unset; background-repeat: unset; background-position: unset; box-shadow: unset !important;}
.widgets .owl-item .testimonialBg .testimonial-text {font-size: 24px; line-height: 39px;}
.parallax-testimonials ul.widgets h3, .ourMission ul.widgets h3, .ourVission ul.widgets h3, .process ul.widgets h3, .services ul.widgets h3 {color: #fff !important;}
.ourMission .widgets .bg-white h3, .ourVission .widgets .bg-white h3 {color: #000 !important;}
.parallax-testimonials ul.widgets p, .ourMission ul.widgets p, .ourMission .widgets .bg-white p, .ourVission ul.widgets p, .ourVission .widgets .bg-white p, .process ul.widgets p, .services ul.widgets p {color: #bababa !important; margin-bottom: 0;}
[widget-type="creators"] .bg-\[\#075ff5\] {background-color: #bfa67a !important;}

/* ===== 21. FOOTER ===== */
footer {background-color: #242424 !important;}
footer .text-gray-900 {color: white;}
footer .text-gray-600 {color: #b5b5b5;}
footer .text-gray-600:hover {color: white;}
footer .footer-column {display: flex;}
footer h3.text-sm\/6, footer h3.text-sm {font-size: 22px;}
footer.footer_layout_2 form {margin-left: auto; margin-right: auto;}
footer.footer_layout_6 .company_grp .company-section h3 {text-align: center;}
footer.footer_layout_6 .company_grp .company-section ul {display: flex; gap: 5rem; align-items: center;}
footer.footer_layout_6 .company_grp .company-section ul li {margin: 0 !important;}

/* ===== 22. RESPONSIVE ===== */

/* -- min-width queries, smallest to largest -- */

@media (min-width: 768px) {
  .brands_overview .brand_grid {grid-template-columns: repeat(2, 1fr); gap: 1.5rem;}
  .brands_overview .brand_card_media {height: 260px;}
  .brands_overview .brand_page {padding-left: 0; padding-right: 0;}
}

@media (min-width: 992px) {
  #navbar-sticky {display: flex !important;}
}

@media (min-width: 1024px) {
  .brands_overview .brand_grid {grid-template-columns: repeat(3, 1fr);}
  .brands_overview .brand_card_media {height: 310px;}
}

@media (min-width: 1200px) {
  .display-5, .display-4 {font-size: 2.5rem !important;}
  .layout_sec {max-width: 1200px; float: unset !important; margin: 0 auto !important;}
}

/* -- max-width queries, largest to smallest -- */

@media (max-width: 992px) {
  .webinarStatus .eventpackTime {width: 100%;}
  .gridarea__wraper.gridarea__course__list {flex-wrap: wrap; padding-right: 15px;}
}

@media only screen and (max-width: 991px) {
  .our-team .sm\:w-3\/12, .our-team .sm\:w-9\/12, .our-team .col-sm-3, .our-team .col-sm-9 {width: 100%;}
}

@media (max-width: 768px) {
  .gridarea__wraper .gridarea__content .gridarea__bottom {flex-wrap: wrap;}
}

@media only screen and (max-width: 767px) {
  .contactFormMain .single__contact {padding: 16px !important;}
  .squeeze_main .left_sec, .squeeze_main .right_sec {width: 100%;}
  .squeeze_main .mobile_img {display: flex !important;}
  .squeeze_main .left_sec .optinimg {display: none;}
  .squeeze_main .mobile_img .optinimg {width: 150px !important; height: auto;}
  .squeeze_main .right_sec ul {padding-left: 0;}
  .squeeze_main .optinbtn {font-size: 1rem;}
}

@media (max-width: 767px) {
  .widgets .grid-item.site_plan_widget {max-width: unset;}
  .pricingarea__content__wraper {margin-bottom: 30px;}
  .blogarea__2 {padding: 30px 15px;}
  .course__tap__wrap li button {padding: 10px; margin: 0 5px 5px 0;}
  .course__details__wraper ul {padding: 10px; width: 100%;}
  .blogsidebar__content__wraper__2.tab__instructor .blogsidebar__content__inner__2 {flex-wrap: wrap;}
  .blogsidebar__content__wraper__2.tab__instructor .tab__instructor__inner {width: 100%;}
  .brands_overview .brand_name {font-size: 1.125rem;}
}

@media only screen and (max-width: 576px) {
  .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay, .bc-6-wrapper .section-overlay {padding: 10px;}
}

@media (max-width: 576px) {
  .listAreaWraper .course_content, .listAreaWraper .course_thumbnail {width: 100%;}
}

@media screen and (max-width: 480px) {
  #location-component_button {min-width: 25px !important; padding: 10px 6px !important;}
  #location-component_button .button-text {display: none;}
}

@media only screen and (max-width: 400px) {
  .scc__meta .time {margin-left: unset !important;}
}


/** Completed Jobs widget (completed_jobs.html) — equal-height cards and review "Show more".
    Toggle behaviour: static/js/completed-jobs-widget.js */
.cj-scope .cj-review-toggle { display:inline-block; height:20px; margin-top:2px; font-size:13px; font-weight:600; font-style:normal; line-height:20px; color:#bfa67a; cursor:pointer; visibility:hidden; }
.cj-scope .cj-review-toggle.is-visible { visibility:visible; }
.cj-scope .cj-review-toggle:hover { text-decoration:underline; }
.cj-scope .cj-review.is-expanded { display:block; -webkit-line-clamp:unset; overflow:visible; height:auto; }
.cj-scope .cj-tags { min-height:28px; }
