/*
Theme Name: Dbgmarkets Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root { --secondary-color: var(--fs-color-secondary); }

.header-main { margin-top: 30px; }
.header-main .header-inner { background-color: #000; border-radius: 10px; }

.stuck .header-main { margin-top: 0; }

.header-nav-main > li { margin: 0; }
.header-nav-main > li > a { color: #fff !important; font-size: 15px; font-weight: 400; padding: 9px 15px; border-radius: 8.5px; }
@media screen and (min-width: 768px) { .header-nav-main > li > a .ux-menu-icon { display: none; } }
.header-nav-main > li:hover > a, .header-nav-main > li.current-menu-item > a { background-color: rgba(255, 255, 255, 0.12) !important; color: var(--secondary-color) !important; }
.header-nav-main > li.account > a { background-color: rgba(255, 255, 255, 0.12) !important; }
.header-nav-main > li.login > a { color: var(--secondary-color) !important; }
.header-nav-main > li.menu-item-design-container-width .col { padding-bottom: 0; }
.header-nav-main > li.menu-item-design-container-width .nav-dropdown { background-color: #111; border-radius: 10px; overflow: hidden; }
.header-nav-main > li.menu-item-design-container-width .nav-dropdown:before { content: ''; position: absolute; top: -300px; right: -300px; width: 600px; height: 600px; z-index: -1; border-radius: 100%; background: radial-gradient(circle, #6b5a4b 0%, #111 50%); opacity: 0.56; }
.header-nav-main > li.menu-item-design-container-width .col-divided { border-right: 1px solid #ececec21; }
.header-nav-main > li.menu-item-design-container-width .banner h3 { font-size: 30px; font-weight: 700; line-height: 1.4; }
.header-nav-main > li.menu-item-design-container-width .ux-menu .ux-menu-link__link { color: #fff !important; font-size: 18px; font-weight: 400; padding: 9px 15px; border-bottom: none !important; border-radius: 8.5px; }
.header-nav-main > li.menu-item-design-container-width .ux-menu .ux-menu-link__link:hover { background-color: rgba(255, 255, 255, 0.12) !important; color: var(--secondary-color) !important; }
.header-nav-main > li.header-language-dropdown .nav-dropdown { background: #cccccc; border-radius: 10px; min-width: 190px; padding: 10px; }
.header-nav-main > li.header-language-dropdown .nav-dropdown > li { margin: 0; }
.header-nav-main > li.header-language-dropdown .nav-dropdown > li > a { border-bottom: none; font-size: 14px; padding: 8px 15px; margin: 0; border-radius: 10px; }
.header-nav-main > li.header-language-dropdown .nav-dropdown > li > a:hover { background-color: #fff !important; }
.header-nav-main .header-button .button { margin: 0 10px; font-size: 15px; font-weight: 400; }
.header-nav-main .header-button-1 .button { background-color: rgba(255, 255, 255, 0.12) !important; padding: 0px 15px; border-radius: 8.5px; }
.header-nav-main .header-button-2 .button { color: var(--secondary-color) !important; }

.header-wrapper.stuck { box-shadow: none; }

.button:not(.icon).primary { background: url(assets/images/primary_btn@2x.png) no-repeat center center; min-width: 180px; height: 66px; background-size: 100% 100%; border: none; box-shadow: none; padding-bottom: 18px !important; border-radius: 0 !important; line-height: 44px; font-size: 16px; text-transform: none; font-weight: 500; }
.button:not(.icon).primary:hover { background: url(assets/images/primary_btn_hover@2x.png) no-repeat center center; background-size: 100% 100%; }
.button:not(.icon).secondary { background: url(assets/images/secondary_btn@2x.png) no-repeat center center; min-width: 180px; height: 66px; background-size: 100% 100%; border: none; box-shadow: none; padding-bottom: 18px !important; border-radius: 0 !important; line-height: 44px; font-size: 16px; text-transform: none; font-weight: 500; }
.button:not(.icon).secondary:hover { background: url(assets/images/secondary_btn_hover@2x.png) no-repeat center center; background-size: 100% 100%; }
.button:not(.icon).alert { background-color: rgba(242, 197, 158, 0.12); color: var(--secondary-color); border: 1px solid #f2c59e; border-radius: 8.5px; padding: 4px 10px; font-size: 14px; font-weight: 500; min-width: 180px; }
.button:not(.icon).alert:hover { background-color: rgba(242, 196, 156, 0.25); color: var(--secondary-color); }
.button:not(.icon).success { position: relative; width: 180px; height: 48px; background-image: linear-gradient(to right, #565656, #202020); box-shadow: 0 4px 8px rgba(72, 35, 0, 0.25); border-radius: 12px; color: var(--secondary-color); font-size: 16px; font-weight: 500; line-height: 46px; cursor: pointer; }
.button:not(.icon).success:hover { background-image: linear-gradient(to right, #565656, #202020); }

.section-title { border-bottom: none; }
.section-title b { opacity: 0; }
.section-title span.section-title-main { border-bottom: none; font-size: 40px; text-transform: none; font-weight: 600; color: rgba(255, 255, 255, 0.88); }

.nav-pills { margin-bottom: 30px; }
.nav-pills > li > a { background-color: #242424; color: #fff; border-radius: 8px; padding: 3px 15px; margin: 0 20px; }
.nav-pills > li:hover > a, .nav-pills > li.active > a { color: #F2C59E; box-shadow: 0 0 12px #F2C59E inset; }

.tab-panels { border-width: 1px; border-style: solid; border-color: transparent; border-radius: 24px; overflow: hidden; background-clip: padding-box, border-box; background-origin: padding-box, border-box; background-image: linear-gradient(-45deg, #151515, #151515), linear-gradient(137deg, #f2c59e 0%, rgba(87, 71, 55, 0.5) 54%, #f2c59e 100%); }

.home-banner h3 { font-size: 64px; color: rgba(255, 255, 255, 0.88); line-height: 90px; }
.home-banner p { color: rgba(255, 255, 255, 0.88); font-size: 16px; }

.col-radius .col-inner { border-width: 1px; border-style: solid; border-color: transparent; border-radius: 24px; overflow: hidden; background-clip: padding-box, border-box; background-origin: padding-box, border-box; background-image: linear-gradient(-45deg, #151515, #151515), linear-gradient(137deg, #f2c59e 0%, rgba(87, 71, 55, 0.5) 54%, #f2c59e 100%); }

.title { background: linear-gradient(199deg, #c48d5e, #98653a); font-size: 64px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0; font-weight: 700; text-shadow: rgba(186, 167, 151, 0.5) 0px 0px 10px; line-height: 83px; }

.row-custom { margin-top: -200px; }
.row-custom .col > .col-inner { background: linear-gradient(225deg, #6b5a4b 0%, black 53%, #29344a 100%); border-radius: 12px; padding: 32px; overflow: hidden; }
.row-custom .col:after { content: ""; position: absolute; bottom: 13px; left: 50%; width: 250px; height: 45px; background-color: rgba(0, 0, 0, 0.35); border-radius: 12px; z-index: -1; filter: blur(10px); transform: translateX(-50%); }
.row-custom .col:hover { transform: translateY(-20px); transition: transform 0.7s; transform: matrix(1, 0, 0, 1, 0, -20); }
.row-custom h3 { color: #ffffffe0; font-size: 20px; }
.row-custom p { color: #ffffffa6; font-size: 14px; min-height: 90px; }

.bg-gradient { background: linear-gradient(225deg, #6b5a4b 0%, black 53%, #29344a 100%); }
.bg-gradient h3 { font-size: 40px; }

.bg-gray { background: linear-gradient(135deg, #f6efe9, #ececef); }

.row-custom-2 .col > .col-inner { background-color: #fff; background: rgba(0, 0, 0, 0) 0px 0px 0px 0px, linear-gradient(225deg, #6b5a4b 0%, black 53%, #29344a 100%); border-radius: 12px; padding: 32px 20px; overflow: hidden; }
.row-custom-2 h3 { font-size: 20px; color: #000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; }
.row-custom-2 p { color: #000; font-size: 14px; min-height: 90px; }

.home-awards-gradient { background: linear-gradient(268deg, #6b5a4b, #000 52.68%, #29344a); }
.home-awards-gradient h4 { color: var(--secondary-color); font-size: 20px; }
.home-awards-gradient h5 { font-size: 16px; color: rgba(255, 255, 255, 0.65); }
.home-awards-gradient h5:after { content: ""; display: block; width: 60px; height: 2px; background-color: rgba(255, 255, 255, 0.65); margin-top: 10px; margin: 0 auto; }
.home-awards-gradient .col { padding-bottom: 0; }
.home-awards-gradient .col > .col-inner { padding: 10px 50px; position: relative; }
.home-awards-gradient .col > .col-inner:before, .home-awards-gradient .col > .col-inner:after { content: ""; display: block; width: 32px; height: 68px; background: url(assets/images/earOfWheat_lef_nope.svg) no-repeat center center; margin-top: 10px; margin: 0 auto; position: absolute; left: 15px; top: 0; }
.home-awards-gradient .col > .col-inner:after { background: url(assets/images/earOfWheat_rig_nope.svg) no-repeat center center; left: auto; right: 15px; }
.home-awards-gradient .col > .col-inner:hover { border: 1px solid transparent; border-radius: 16px; background-color: #111; background-clip: padding-box, border-box; background-origin: padding-box, border-box; background-image: linear-gradient(-45deg, #111, #111), linear-gradient(-45deg, #f2c59e, rgba(87, 71, 55, 0.5) 50%, #f2c59e 98.96%); }

.footer-1 { padding-top: 50px; font-size: 14px; }
.footer-1 .logo { max-height: 40px; width: auto; }
.footer-1 .row { border-bottom: rgba(255, 255, 255, 0.16) 1px solid; }

.footer-2 { padding-top: 50px; font-size: 14px; }
.footer-2 p { color: rgba(255, 255, 255, 0.65); }
.footer-2 p strong { color: #fff; }
.footer-2 .col:nth-child(3) { flex-basis: 100%; max-width: 100%; border-top: rgba(255, 255, 255, 0.16) 1px solid; padding-top: 30px; }

.back-to-top { border: none !important; height: 47px; width: 47px; bottom: 51px; right: 25px; background: var(--secondary-color) !important; box-shadow: 0px 4px 4px rgba(15, 111, 183, 0.15); color: #fff !important; font-size: 19px; line-height: 50px !important; }

@media screen and (max-width: 920px) { .header-button-1 .button { color: var(--secondary-color); min-width: 100px; }
  .icon-menu:before { content: ""; background-image: url(assets/images/menu@2x.png); background-size: 100% 100%; width: 32px; height: 32px; display: block; } }
@media (max-width: 750px) { .home-banner h3 { font-size: 28px; line-height: 39px; text-align: center; }
  .button:not(.icon).primary, .button:not(.icon).secondary { height: 52px; font-size: 14px; line-height: 36px; }
  .section-title span.section-title-main { font-size: 24px; }
  .title { font-size: 35px; }
  .row-custom .col > .col-inner { padding: 20px 10px; }
  .row-custom .col > .col-inner h3 { font-size: 17px; min-height: 54px; }
  .button:not(.icon) { min-width: 120px !important; }
  .row-custom p { min-height: 113px; font-size: 13px; }
  .nav-pills > li > a { margin: 0 10px; }
  .leading-\[20px\] { line-height: 20px; font-size: 14px; }
  .row-custom-2 p { font-size: 11px; }
  .button:not(.icon).success { font-size: 14px; font-weight: 600; } }
.off-canvas-right .mfp-content { background: linear-gradient(225deg, #605040 0%, black 50%, #29344a 100%); }
.off-canvas-right .mfp-content .header-button-1 .button { background: url(assets/images/primary_btn@2x.png) no-repeat center center; min-width: 180px; height: 66px; background-size: 100% 100%; border: none; box-shadow: none; padding-bottom: 18px !important; border-radius: 0 !important; line-height: 44px; font-size: 16px; text-transform: none; font-weight: 500; }
.off-canvas-right .mfp-content .header-button-1 .button:hover { background: url(assets/images/primary_btn_hover@2x.png) no-repeat center center; background-size: 100% 100%; }

.nav-sidebar.nav-vertical > li > a { color: #fff !important; font-size: 15px; font-weight: 600; text-transform: none; }
.nav-sidebar.nav-vertical > li ul > li > a { color: #fff !important; font-size: 14px; font-weight: 600; text-transform: none; padding-left: 50px !important; display: block; }
.nav-sidebar.nav-vertical > li ul > li > a:after { content: ""; width: 30px; height: 2px; background: rgba(255, 255, 255, 0.25); display: block; margin-top: 9px; }
.nav-sidebar.nav-vertical > li + li { border-top: none; }

.bg-white\/\[\.45\] { background-color: rgba(255, 255, 255, 0.45); }

.w-\[1px\] { width: 1px; }

.h-\[20px\] { height: 20px; }

.mr-\[16px\] { margin-right: 16px; }

.ml-\[16px\] { margin-left: 16px; }

.flex { display: flex; }

.cursor-pointer { cursor: pointer; }

.items-center { align-items: center; }

.leading-\[20px\] { line-height: 20px; }

.pl-\[4px\] { padding-left: 4px; }

.h-\[20px\] { height: 20px; }

.fill-white { fill: #fff; }

.hover\:text-\[\#F2C59E\]:hover { --tw-text-opacity: 1; color: rgba(242, 197, 158, var(--tw-text-opacity)); }

.items-center { align-items: center; }

.flex { display: flex; }

.ml-\[37px\] { margin-left: 37px; }

.mr-2 { margin-right: .5rem; }