.btn.theme-primary {
                background-color: #2193e3 !important;
            }
            .btn.theme-primary.active, .btn.theme-primary:active, .btn.theme-primary:focus, .btn.theme-primary:hover, button.btn-gree, .progress .progress-bar {
                background-color: rgba(33, 147, 227, 0.9) !important;
            }
            .product-detail button.btn-copy-white {
                color: #2193e3 !important;
                border-color: #2193e3 !important;
            }
            button.btn-primary-bordered {
                border-color: #2193e3 !important;
            }
            .btn.theme-primary, .btn.theme-primary i, .btn.theme-primary.active, .btn.theme-primary:active, .btn.theme-primary:focus, .btn.theme-primary:hover, button.btn-gree:hover, .readmore i, button.btn-border:hover {
                color: #ffffff !important;
            }
            .primary_border, button.btn-border, button.btn-border:hover {
                border-color: #2193e3 !important;
            }
            .rep-dashboard .card.default .card-body, .rep-dashboard .cutom-table .table.dataTable {
                border-color: #2193e330 !important;
            }
            .primary_background, button.btn-border:hover, .rep-dashboard .card.default .card-header, .rep-dashboard .custom_table-filters, .rep-dashboard .custom-pills.nav .nav-link.active, .rep-dashboard .progress-circle .progress-value {
                background-color: #2193e3 !important;
            }
            .primary_color {
                color: #2193e3 !important;
            }
            a, a:hover {
                color: #2193e3;
            }
            .quotation svg path {
                fill: #cddadf !important;
            }
            .product-two i {
                color: #2193e3 !important;
            }
            /* .nav-scroller .nav-link.active, */
            .hover_primary_color:hover, .hover_primary_color:focus, .gsr-sidebar-card .sidebar-list-link:hover, .gsr-sidebar-card .sidebar-list-link:focus, .gsr-sidebar-card .sidebar-list-link:hover .fal, .gsr-sidebar-card .sidebar-list-link:focus .fal, .gsr-sidebar-card .sidebar-list-item.active .sidebar-list-link, .gsr-sidebar-card .sidebar-list-item.active .sidebar-list-link i.fal {
                color: #2193e3 !important;
            }
            .rep-dashboard .table td, .rep-dashboard .table th, .rep-dashboard hr {
                border-color: rgba(33, 147, 227, 0.3);
            }
            .primary_color_opacity_3 {
                color: rgba(33, 147, 227, 0.3) !important;
            }
            .primary_overlay_8 {
                background-color: rgba(33, 147, 227, 0.8) !important;
            }
            .cookie-alert {
                background-color: rgba(33, 147, 227, 0.9) !important;
            }
            .cutom-table .page-item.active .page-link {
                color: #2193e3 !important;
                border-color: #2193e3 !important;
            }
            .gsr-page-subheader .breadcrumb li > span, .gsr-page-subheader .breadcrumb li:nth-last-child(2) span i {
                color: #2193e3 !important;
            }
            .categories ul li:hover > a, .categories ul li.selected > a, .style-filer ul li:hover > a, .sleeve-filer ul li:hover > a, .length-filer ul li:hover > a, .color-filer ul li:hover > a, .size-filer ul li:hover > a, .price-filer ul li:hover > a, .brand-filer ul li:hover > a, .categories ul li > i, .style-filer ul li > i, .sleeve-filer ul li > i, .length-filer ul li > i, .color-filer ul li > i, .size-filer ul li > i, .price-filer ul li > i, .brand-filer ul li > i {
                color: #2193e3 !important;
            }
            .gsr-page-subheader .page-title h3, .payment-methods .shipping-address, .custom-dropdown .dropdown-menu, .megamenu-dropdown .mega-menu-inner {
                border-color: #2193e3 !important;
            }
            .custom-radio .custom-control-label::before {
                border-color: #2193e3 !important;
            }
            .custom-radio .custom-control-input:checked~.custom-control-label::before {
                border-color: #2193e3 !important;
                background-color: #2193e3 !important;
            }
            .loader-inner span {
                background-color: #2193e3 !important;
            }
            body div:not(.header-right-side-content) p {
            color:  !important;
            }
            .article .post-content blockquote {
                border-color: #2193e3 !important;
            }
            .footer .social-links li i {
                color: #c4c4c4 !important;
            }
            .custom-nav-pills .nav-link.active {
                color: #2193e3 !important;
                border-color: #2193e3 !important;
            }
            .referral .bs-stepper .active .step-trigger .bs-stepper-circle {
                background-color: #2193e3 !important;
                border-color: #2193e3 !important;
            }
            .my-orders .content-header {
                border-color: #2193e3 !important;
            }
            .original_price_color {
                color: #000000 !important;
            }
            #widget-footer a, #widget-footer .top-footer.container ul li a {
                color: #2193e3 !important;
            }
            .sale_price_color {
                color: #000000 !important;
            }
            .btn.basic_primary_button_style {
                border-radius: 10px !important;
                font-size: 16px !important;
                padding-right: 20px !important;
                padding-left: 20px !important;
                border-width: 1px !important;
            }
            body {
                font-family: Open Sans;
            }
            .tab-widget-li.nav-link.active {
                background-color: #2193e3 !important;
            }
            .desktop-videos {
              display: block;
            }
            .tablet-videos-1280 {
              display: none;
            }
            .phone-videos-480 {
              display: none;
            }
            @media only screen and (max-width: 1280px) {
              .desktop-videos {
                display: none;
              }
              .tablet-videos-1280 {
                display: block;
              }
              .phone-videos-480 {
                display: none;
              }
            }
            @media only screen and (max-width: 480px) {
              .desktop-videos {
                display: none;
              }
              .tablet-videos-1280 {
                display: none;
              }
              .phone-videos-480 {
                display: block;
              }
            }
            .home-top-video .col {
              overflow: hidden;
              padding: 0;
              margin: 0;
              max-width: 100%;
            }
            .home-top-video .row {
              overflow: hidden;
              padding: 0;
              margin: 0;
              max-width: 100%;
            }
            .home-top-video .container {
              overflow: hidden;
              padding: 0;
              margin: 0;
              max-width: 100%;
            }
            .vimeo_responsive_padding {
              padding: 100.0% 0 0 0;
              position: relative;
            }
            .text_responsive_wrapper {
              height: 100%;
              left: 0;
              position: absolute;
              top: 0;
              width: 100%;
              z-index: 100;
              display: flex;
              flex-direction: column;
              justify-content: center;
              background-color: rgba(0, 0, 127, 0.25)
            }
            .vimeo_responsive_wrapper {
              height: 100%;
              left: 0;
              position: absolute;
              top: 0;
              width: 100%;
              z-index: -1;
            }
            @media only screen and (min-width: 690px) {
              .home-top-video .home-top-2022-video-box {
                min-height: 386px !important;
                height: 56.0vw !important;
                max-height: calc(100vh - 140px - 10vh) !important;
                position: relative !important;
                display: flex;
                flex-direction: column;
                justify-content: center;
              }
              .home-top-video .home-top-2022-video-box .vimeo_responsive_padding {
                padding: 50.0% 0 0 0 !important;
                height: 100%;
              }
              .home-top-video iframe {
                width: 100%;
                height: 56vw;
              }
            }
            @media only screen and (max-width: 690px) {
              .home-top-video .home-top-2022-video-box {
                min-height: 100vw !important;
                height: 100vw !important;
                max-height: 100vw !important;
                position: relative !important;
                display: flex;
                flex-direction: row;
                justify-content: center;
              }
              .home-top-video .home-top-2022-video-box .vimeo_responsive_padding {
                padding: 100.0% 178% 0 0 !important;
                position: relative;
                width: 178vw;
              }
              .home-top-video iframe {
                width: 100%;
                height: 100%;
              }
            }
            section#widget-217 { 
                position: relative;
                padding-top:32px;
                padding-bottom: 32px;
                padding-right: 0px;
                padding-left: 0px 
            }
            .jifu-ultimate-lifestyle-membership {
                text-align: center;
                margin: 4rem auto 3rem;
            }
            .join-jifu-box-title {
              font-size: 4em;
              line-height: 1.0em;
              font-weight: 500;
              color: #000 !important;
              font-family: 'Nexa', sans-serif;
            }
            @media only screen and (max-width: 689px) {
              .join-jifu-box-title {
                font-size: 3em;
              }
            }
            section#widget-215 .container {
                padding: 10px 5px;
                margin: 0;
                max-width: 100%;
            }
            section#widget-218 .container,
            section#widget-219 .container,
            section#widget-220 .container,
            section#widget-221 .container,
            section#widget-218 .row,
            section#widget-219 .row,
            section#widget-220 .row,
            section#widget-221 .row,
            section#widget-218 .col,
            section#widget-219 .col,
            section#widget-220 .col,
            section#widget-220 { 
                position: relative;
                padding-top:0px;
                padding-bottom: 0px;
                padding-right: 0px;
                padding-left: 0px 
            }
            section#widget-221 .col {
                padding: 0 !important;
                margin: 0 !important;
                max-width: 100% !important;
            }
            section#widget-221 { 
                position: relative;
                padding-top:0px;
                padding-bottom: 0px;
                padding-right: 0px;
                padding-left: 0px 
            }
            section#widget-219 { 
                position: relative;
                padding-top:0px;
                padding-bottom: 0px;
                padding-right: 0px;
                padding-left: 0px 
            }
            section#widget-253 { 
                position: relative;
                padding-top:0px;
                padding-bottom: 0px;
                padding-right: 0px;
                padding-left: 0px;
                margin-top:0px;
                margin-bottom: 0px;
                margin-right: 0px;
                margin-left: 0px 
            }
            .pillars-box .col,
            .pillars-box .row {
                padding: 0;
                margin: 0;
            }
            .pillars-box .container {
                padding: 10px 5px;
                margin: 0;
                max-width: 100%;
            }
            .pillars-text {
              color: #000 !important;
              font-weight: 500;
              font-size: 1.375em;
              line-height: 1.5em;
              z-index: 1;
                position: relative;
            }
            .pillars-text.white {
              color: #fff !important;
              font-weight: 700;
              font-size: 1em;
            }
            span.pillars-black {
              font-size: 2em;
              font-weight: 900;
              color: #000 !important;
              font-family: 'Nexa', sans-serif;
            }
            span.pillars-light {
              font-size: 2em;
              font-weight: 100;
              color: #000 !important;
              font-weight: 100;
              font-family: 'Nexa', sans-serif;
            }
            .jifu-pillars {
              display: flex;
              width: 100%;
                flex-wrap: wrap;
            }
            .jifu-pillars .nectar-fancy-box .box-bg:before {
              background: linear-gradient(rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.1) 100%);
            }
            .jifu-pillars .nectar-fancy-box {
              min-height: 400px !important;
              flex-direction: column;
              justify-content: flex-end;
              overflow: hidden;
                position: relative;
                padding: 2.5vw;
              display: flex;
                flex-wrap: wrap;
                width: calc(25% - 10px);
                margin: 5px;
            }
            @media only screen and (max-width: 999px) {
            .jifu-pillars .nectar-fancy-box {
                width: calc(50% - 10px);
            }
            }
            @media only screen and (max-width: 689px) {
            .jifu-pillars .nectar-fancy-box {
            width: 100%;
            min-height: 67vw !important;
            padding: 10vw;
            }
            .jifu-pillars .nectar-fancy-box {
                width: 100%;
              min-height: 1px !important;
            }
            }
            .jifu-pillars .nectar-fancy-box .box-bg {
              filter: blur(0px) opacity(0.375);
                opacity: 1;
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background-size: cover;
                z-index: 0;
                background-position: center;
                backface-visibility: hidden;
              transition: all 0.2s ease 0s;
            }
            .jifu-pillars .nectar-fancy-box:hover .box-bg {
              filter: blur(5px) opacity(0.5);
              transition: all 0.2s ease 0s;
            }
            .pillars-button {
              text-transform: uppercase;
              font-weight: 700 !important;
              font-size: 1.375em;
              letter-spacing: 0.25em;
              margin: 10px;
              color: #fff;
              border: 1px solid #fff;
                border-radius: 5px;
                color: #fff;
                font-family: open sans;
                font-weight: 600;
                font-size: 12px;
                padding: 13px 30px;
                position: relative;
                top: 0;
                margin-bottom: 10px;
                opacity: 1;
                line-height: 20px;
                background-color: #000;
                display: inline-block;
                z-index: 2;
                position: relative;
            background-color: #1d92e3;
            }
            .jifu-pillars .nectar-fancy-box.jifu-travel .pillars-button {
              background-color: #1d92e3;
            }
            .jifu-pillars .nectar-fancy-box.jifu-health .pillars-button {
              background-color: #aacc06;
            }
            .jifu-pillars .nectar-fancy-box.jifu-university .pillars-button {
              background-color: #9a1275;
            }
            .jifu-pillars .nectar-fancy-box.jifu-live  .pillars-button {
              background-color: #f19e00;
            }
            .jifu-pillars .nectar-fancy-box:hover .pillars-button {
              background-color: #fff !important;
              transition: all 0.2s ease 0s;
            }
            .jifu-pillars .nectar-fancy-box:after {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 85%;
                display: block;
                z-index: 0;
                content: '';
                background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.0) 100%);
                opacity: 0;
              transition: all 0.2s ease 0s;
            }
            .jifu-pillars .nectar-fancy-box:hover:after {
                opacity: 1;
              transition: all 0.2s ease 0s;
            }
            .jifu-pillars .nectar-fancy-box.jifu-travel:hover:after {
                background: linear-gradient(to bottom,rgba(0,0,0,0),#1d92e3 100%);
            }
            .jifu-pillars .nectar-fancy-box.jifu-health:hover:after {
                background: linear-gradient(to bottom,rgba(0,0,0,0),#aacc06 100%);
            }
            .jifu-pillars .nectar-fancy-box.jifu-university:hover:after {
                background: linear-gradient(to bottom, rgba(0,0,0,0),#9a1275 100%);
            }
            .jifu-pillars .nectar-fancy-box.jifu-live:hover:after {
                background: linear-gradient(to bottom,rgba(0,0,0,0),#f19e00 100%);
            }
            .pillars-button:hover .fa-caret-down,
            .pillars-button:hover {
              color: #fff;
              transition: all 0.2s ease 0s;
            }
            .jifu-pillars .nectar-fancy-box.jifu-travel .pillars-button:hover .fa-caret-down, .jifu-pillars .nectar-fancy-box.jifu-travel  .pillars-button:hover, .jifu-pillars .nectar-fancy-box.jifu-travel:hover .pillars-button {
              color: #1d92e3;
              transition: all 0.2s ease 0s;
            }
            .jifu-pillars .nectar-fancy-box.jifu-health .pillars-button:hover .fa-caret-down,
            .jifu-pillars .nectar-fancy-box.jifu-health .pillars-button:hover,
            .jifu-pillars .nectar-fancy-box.jifu-health:hover .pillars-button {
              color: #aacc06;
              transition: all 0.2s ease 0s;
            }
            .jifu-pillars .nectar-fancy-box.jifu-university .pillars-button:hover .fa-caret-down,
            .jifu-pillars .nectar-fancy-box.jifu-university .pillars-button:hover,
            .jifu-pillars .nectar-fancy-box.jifu-university:hover .pillars-button {
              color: #9a1275;
              transition: all 0.2s ease 0s;
            }
            .jifu-pillars .nectar-fancy-box.jifu-live .pillars-button:hover .fa-caret-down, .jifu-pillars .nectar-fancy-box.jifu-live .pillars-button:hover, .jifu-pillars .nectar-fancy-box.jifu-live:hover .pillars-button {
              color: #f19e00;
              transition: all 0.2s ease 0s;
            }
            .pillars-button:hover {
                text-decoration: none;
                padding: 13px 40px 13px 30px !important;
              transition: all 0.2s ease 0s;
            }
            .pillars-button i {
                color: #fff;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                font-size: 18px;
                line-height: 18px;
                width: 18px;
                position: absolute;
                top: 50%;
                right: 30px;
                margin-top: -9px;
                opacity: 0;
                -ms-filter: "alpha(opacity=0)";
                transition: all .45s cubic-bezier(.25,1,.33,1);
                -webkit-transition: all .45s cubic-bezier(.25,1,.33,1);
            font-family: "Font Awesome 5 Pro";
                font-weight: normal;
                font-style: normal;
                text-decoration: inherit;
                -webkit-font-smoothing: antialiased;
                *margin-right: .3em;
            }
            .pillars-button:hover i {
                right: 13px;
                opacity: 1;
            }
            .fa-caret-down:before {
                content: "\f0d7";
            }
            .jifu-pillars .nectar-fancy-box .box-link {
                z-index: 1;
                position: absolute;
                top: 1px;
                left: 1px;
                height: calc(100% - 2px);
                width: calc(100% - 2px);
                display: block;
            }
            strong {
              font-weight: 900;
            }
            .pillars-button.section-button-width {
            width: 100%;
            max-width: 300px;
                text-align: center;
            }
            .pillars-button.outlined-button {
              color: #1d92e3;
              background-color: #fff;
              border: 1px solid #1d92e3;
            }
            .pillars-button.outlined-button:hover {
              color: #1d92e3;
              background-color: #fff;
              border: 1px solid #1d92e3;
            }
            .pillars-button.outlined-button i {
                color: #1d92e3;
            }
            .pillars-button.outlined-button:hover i {
                color: #1d92e3;
            }
            .join-jifu-box-title {
              font-size: 4em;
              line-height: 1.0em;
              font-weight: 500;
              color: #000 !important;
              font-family: 'Nexa', sans-serif;
            }
            @media only screen and (max-width: 689px) {
              .join-jifu-box-title {
                font-size: 3em;
              }
            }
            .join-jifu-box-subtitle {
              font-size: 2em;
              line-height: 1.125em;
            }
            .join-jifu-box-subtitle.travel {
              color: #1d92e3;
            }
            .join-jifu-box-subtitle.health {
              color: #aacc06;
            }
            .join-jifu-box-subtitle.university {
              color: #9a1275;
            }
            .join-jifu-box-subtitle.live {
              color: #f19e00;
            }
            /*-------------------jifu-sections------------------*/
            .jifu-split-div .container,
            .jifu-split-div .row,
            .jifu-split-div .col {
                padding: 0 !important;
                margin: 0 !important;
                max-width: 100% !important;
            }
            .jifu-split-section {
                display: flex;
                flex-wrap: wrap;
                padding: 0;
                margin: 0;
            }
            .jifu-bg-wrap {
                width: 100%;
                height: 100%;
                position: absolute;
                z-index: -1;
            }
            .section-row {
                display: flex;
                flex-direction: row;
                width: 100%;
                padding: 10em 0;
            }
            .section-row.row-reverse {
                display: flex;
                flex-direction: row-reverse;
                width: 100%;
                padding: 10em 0;
            }
            @media only screen and (max-width: 999px) {
            .section-row,
            .section-row.row-reverse {
                flex-wrap: wrap;
                flex-direction: row;
                padding: 6em 0;
            }
            }
            .section-col {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            .section-col.col-left-top {
                padding: 0 100px 0 10vw;
                width: 60%;
            }
            .section-col.col-right-bottom {
                width: 50%;
                padding: 0;
            }
            .section-row.row-reverse .section-col.col-left-top  {
                padding: 0 10vw 0 100px;
            }
            .section-row.row-reverse .section-col.col-right-bottom  {
                text-align: right;
            }
            @media only screen and (max-width: 999px) {
            .section-col.col-left-top,
            .section-row.row-reverse .section-col.col-left-top {
                width: 100%;
                padding: 0 10% 50px;
            }
            .section-col.col-right-bottom,
            .section-row.row-reverse .section-col.col-right-bottom {
                width: 100%;
                padding: 0 10%;
            }
            }
            .jifu_text_column {
                width: 100%;
            }
            .jifu_image_column {
                width: 100%;
            }

            #jifu-travel .jifu-bg-wrap {
              background-image: linear-gradient(45deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), linear-gradient(285deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), linear-gradient(165deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), url(https://jifu.com/wp-content/uploads/2022/12/jifu-lifestle-beach-splash-bw.jpg) !important;
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover;
              background-attachment: fixed;
            }
            @media only screen and (max-width: 999px) {
              #jifu-travel .jifu-bg-wrap {
                background-image: linear-gradient(45deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), linear-gradient(285deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), linear-gradient(165deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), url(https://jifu.com/wp-content/uploads/2023/01/jifu-lifestle-beach-splash-bw-960.jpg) !important;
              }
            }
            @media only screen and (max-width: 689px) {
              #jifu-travel .jifu-bg-wrap {
                background-attachment: scroll;
              }
            }
            @media only screen and (max-width: 479px) {
              #jifu-travel .jifu-bg-wrap {
                background-image: linear-gradient(45deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), linear-gradient(285deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), linear-gradient(165deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), url(https://jifu.com/wp-content/uploads/2023/01/jifu-lifestle-beach-splash-bw-460.jpg) !important;
              }
            }
            #jifu-live .jifu-bg-wrap {
              background-image: linear-gradient(45deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), linear-gradient(285deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), linear-gradient(165deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%), url(https://jifu.com/wp-content/uploads/2023/05/jifu-live-chart-candles.svg) !important;
              background-repeat: no-repeat;
              background-position: left center;
              background-size: cover;
              background-attachment: fixed;
            }
            @media only screen and (max-width: 999px) {
              #jifu-live .jifu-bg-wrap {
                background-position: 23% bottom;
              }
            }
            @media only screen and (max-width: 689px) {
              #jifu-live .jifu-bg-wrap {
                background-attachment: scroll;
              }
            }
            #jifu-health .jifu-bg-wrap {
              background-image: linear-gradient(45deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), linear-gradient(285deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%), linear-gradient(165deg, rgba(238, 238, 238, 0.85), rgba(238, 238, 238, 0) 33%) !important;
              background-repeat: no-repeat;
              background-position: center;
            }
            .section-row.jifu-products {
            margin: calc(-10em - 12vw) 0 0 0;
            width: 100%;
            text-align: center;
            }
            .section-row.jifu-products .jifu-products-image {
              max-width: 95%;
              width: 780px;
            margin: auto;
            }
            @media only screen and (max-width: 999px) {
            .section-row.jifu-products {
              margin: -30vw 0 0;
              padding: 0 0 6em;
            }
            }
            .sections-text {
              color: #000 !important;
              font-weight: 500;
              font-size: 1em;
              line-height: 1.5em;
              border-bottom: 4px solid #ccc;
              padding: 0 0 1em;
              width: fit-content;
              margin-bottom: 3em;
            }
            .sections-text.travel {
              border-bottom: 4px solid #1d92e3;
            }
            .sections-text.health {
              border-bottom: 4px solid #aacc06;
            }
            .sections-text.university {
              border-bottom: 4px solid #9a1275;
            }
            .sections-text.live {
              border-bottom: 4px solid #f19e00;
            }
            img.round-image {
                width: 100% !important;
                max-width: 780px !important;
                box-shadow: -40px 40px 40px -20px rgb(0 0 0 / 20%) !important;
            }
            section#widget-footer .top-footer { 
                position: relative;
                padding-top:40px;
                padding-bottom: 20px 
            }
            #widget-footer, 
            #widget-footer .top-footer {
                background: #ffffff;
            }
            #widget-footer .top-footer, 
            #widget-footer .top-footer h4, 
            #widget-footer .top-footer.container ul li a {
                color: #333333;
            }
            #widget-footer .top-footer h4 {
                border-color: black
            }
        body {margin:0;font-family:Arial}

        .topnav {
          overflow: hidden;
          background-color: #333;
        }

        .topnav a {
          float: left;
          display: block;
          color: #f2f2f2;
          text-align: center;
          padding: 14px 16px;
          text-decoration: none;
          font-size: 17px;
        }

        .active {
          background-color: #2294E4;
          color: white;
        }

        .topnav .icon {
          display: none;
        }

        .dropdown {
          float: left;
          overflow: hidden;
        }

        .dropdown .dropbtn {
          font-size: 17px;    
          border: none;
          outline: none;
          color: white;
          padding: 14px 16px;
          background-color: inherit;
          font-family: inherit;
          margin: 0;
        }
        .dropdown .droptxt {
          font-size: 17px;    
          border: none;
          outline: none;
          color: white;
          padding: 14px 16px;
          background-color: inherit;
          font-family: inherit;
          margin: 0; 
        }

        .dropdown-content {
          display: none;
          position: absolute;
          background-color: #f9f9f9;
          min-width: 160px;
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
          z-index: 1;
        }

        .dropdown-content a {
          float: none;
          color: black;
          padding: 12px 16px;
          text-decoration: none;
          display: block;
          text-align: left;
        }

        .topnav a:hover, .dropdown:hover .dropbtn {
          background-color: #555;
          color: white;
        }

        .dropdown-content a:hover {
          background-color: #ddd;
          color: black;
        }

        .dropdown:hover .dropdown-content {
          display: block;
        }

        @media screen and (max-width: 600px) {
          .topnav a:not(:first-child), .dropdown .dropbtn {
            display: none;
          }
          .topnav a:not(:first-child), .dropdown .droptxt {
            display: none;
          }
          .topnav a.icon {
            float: right;
            display: block;
          }
        }

        @media screen and (max-width: 600px) {
          .topnav.responsive {position: relative;}
          .topnav.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
          }
          .topnav.responsive a {
            float: none;
            display: block;
            text-align: left;
          }
          .topnav.responsive .dropdown {float: none;}
          .topnav.responsive .dropdown-content {position: relative;}
          .topnav.responsive .dropdown .dropbtn {
            display: block;
            width: 100%;
            text-align: left;
          }
          .topnav.responsive .dropdown .droptxt {
            display: block;
            width: 100%;
            text-align: left;
          }
        }
/* Right-aligned section inside the top navigation */
.topnav-right {
  float: right;
}