/* || BREAKPOINTS ||
    @media screen and (max-width: 39.9375em) {}                         || SMALL ONLY { 0 - 639px }         ||
    @media screen and (min-width: 40em) {}                              || MEDIUM AND UP { 640px ONWARDS }  ||
    @media screen and (min-width: 40em) and (max-width: 63.9375em) {}   || MEDIUM ONLY { 640px - 1023px }   ||
    @media screen and (min-width: 64em) {}                              || LARGE AND UP { 1024px ONWARDS }  ||
    @media screen and (min-width: 64em) and (max-width: 74.9375em) {}   || LARGE ONLY { 1024px - 1199px }   || */
















/* || Foundation component overrides || */
body{
    font-size: 16px;
    font-weight: 400;
}


[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea,
textarea:focus,
select,
select:focus {
    outline: none;
    box-shadow: none;
    font-size:1em;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    border:1px solid #ccc !important;
}

[type=checkbox],
[type=radio] {
    position: relative;
    top: 0.1em;
}

button, 
.button {
    font-size:1em;
    padding: .7rem 1.6rem;
    
    border-radius: 0px;
    
}

button:not(.button-group button), 
.button:not(.button-group button) {
    font-size:1em;
    
    border-radius: 0px;
    
}


.is-btn, .btn{
    border-radius: 0px !important;
}


button:hover,
.button:hover,
button:focus,
.button:focus {
    transition: .4s;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.26);
}

.form legend {
    font-weight: 700;
}

span.error,
span.errorMargin {
    color: #cc4b37;
    font-size: 0.8em;
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-weight:300;
}

label, 
.label {
    font-size: 1em;
}

/* || Custom defined || */
.alternate-font-family {
    font-family: "Poppins", sans-serif;
}

/* || HEADER || */
.is-wrapper .is-header, .is-header {
    background-color: #FFFFFF;
    color:#000000;
    height: auto;
    min-height:0;
}

.is-header .is-container {
    z-index: 9;
}

header .sticky-bg-color.stick {
    background: #FFFFFF;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:99;
}



header .is-stuck{
    background: #FFFFFF;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 4px 12px 0 #e6e6e6;
}

header a:not(.button) {
    color: #000000;
}

header a:not(.button):hover,
header a:not(.button):active,
header a:not(.button):focus {
    color: #D98500;
}

ul.list2 li {
    list-style-type: none;
}


ul.list3 li {
    list-style-type: none;
}

ul.list2 li:before {
    content: url("//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/27312/theme/44988/img/7.png") !important;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    position: relative;
    top: 5px;
    padding-right: 30px;
}

ul.list3 li:before {
    content: url("//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/27312/theme/44988/img/white-new.png") !important;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    position: relative;
    top: 5px;
    padding-right: 30px;
}

.new-blog-template .lab-ul li svg {
    fill: #d98500;
    margin-right: 5px;
    width: 18px;
    height: 18px;
}

.new-blog-template .ps-blog-tags li a{
     color: #d98500 !important; 
}

.new-blog-template .ps-blog-tags li a:hover{
     color: #003941 !important; 
     text-decoration:underline;
}


.cell.large-6.small-12.icons-p-top {
    padding-top: 55px;
}

.gen-form .ww-form-container-3 form, .map {
    box-shadow: rgb(0 0 0 / 16%) 5px 5px 20px 2px;
    padding: 20px;
    border: 2px solid #B2B2B2 !important;
}

.fieldset {
    margin: 0;
    padding: 1.25rem;
    border: 0px solid #F2F2F2;
}


header .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color:   #d98500 transparent transparent !important;
}

header .icon, header i {
    color: #d98500 !important;
}

.submit_wrap.padding-top-1 {
    padding-top: 0px !important;
    text-align: center !important;
    margin: 0 auto;
}

.gen-form input, .gen-form textarea, #newsletter-form textarea {
    width: 100% !important;
    height: 48px !important;
    background: #F0F0F0;
    border: 1px solid #DBDBDB !important;
    border-radius: 0px !important;
}


header .icon, 
header i {
    color: #000000;
}

header a:not(.button):hover .icon,
header a:not(.button):hover i,
header i:hover{
    color: #D98500;
}

header button,
header .button,
header button:hover,
header button:focus,
header .button:hover,
header .button:focus {
     background:#D98500;
     color:#FFFFFF;
}

header button.header-search-button {
    background:transparent;
}

header button.header-search-button:hover {
    box-shadow: none;
}

.text-logo {
    word-wrap: break-word;
    text-transform: capitalize;
    color: #FFFFFF;
    font-size: 50px;
    font-family: "Outfit", serif;
}

footer .text-logo {
    color: #FFFFFF;
}

footer .address-container br {
    display:none;
}

header .cta .icon {
    padding-right: 5px;
    color: #000000
}

header .text-muted {
    color: #000000 !important;
}

header .border-bottom, 
header hr {
    border-bottom:1px solid #CCCCCC;
}

header .border-top {
    border-top:1px solid #CCCCCC;
}


header .is-section {
    float: none;
    width: auto;
}


.header7 .ps-cart-text-container {
    position:static;
    margin-right:10px;
}




.ecommerce-style2 .cart, .cart {
    position:relative;
}

header a:hover i.fas {
    color:#D98500
}

.ecommerce-style2 .ps-cart-text-container, .ps-cart-text-container {
    color:#FFFFFF;
    background:#000000;
    height: 22px;
    width: 23px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
    font-size: 10px;
    position: absolute;
    left: 31px;
    top: -1px;
    font-weight: bold;
}

header a:hover .ps-cart-text-container {
    background:#D98500;
}

header .currency-converter{
    font-size: 0.9em;
}

header .currency-converter select {
    padding-right:0;
}

.sticky-container,
.nav-bg, 
.top-bar, 
.top-bar ul,
.top-bar ul.menu {
    z-index: 100;
}

.abt-slider .is-card.testimonial.shadow-1.height-100 {
    width: 400px !important;
    margin: 0 auto;
    min-height: 350px;
}

.abt-slider .slick-prev {
    left: 25%;
    background:none !important;
    width:auto;
    height: auto;
}

.abt-slider .slick-next {
    right: 25%;
    background:none !important;
    width:auto;
    height: auto;
}

.slick-slide img {
    display: inline-block !important;
    text-align: center;
}

.abt-slider .actual-testimonial-holder {
    border: 1px solid #ccc;
    padding: 10px;
}
.block-service-bg {
    background: #d98500 !important;
}
.block-service-bg p {
    color: #fff !important;
}







.nav-bg, 
.top-bar, 
.top-bar ul,
.top-bar ul.menu {
    
        background: #FFFFFF;
    
}


.header-search-input{
    padding-right:25px;
    color:#262626;
    background:#FFFFFF;
}

.header-search-input::placeholder {
    color:#262626;
    opacity:0.6;
}

.header-search-button{
    position:absolute;
    top: 30%;
    right: 5px;
    padding:0;
}

.serv-div-4 p {
    padding-top: 0px;
}

header i.fas.fa-search {
    color:#262626
}

header .ps-cart-text-container {
    color:#FFFFFF;
    background:#000000;
    height: 22px;
    width: 23px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
}

header a:hover .ps-cart-text-container {
    background:#D98500;
}

/* || MENU || */
header .dropdown.menu li a:not(.button) {
    width: 100%;
}

header ul.dropdown.menu li a:not(.button) {
     color: #fff;
}

header ul.dropdown.menu li.active > a:not(.button),
header ul.dropdown.menu li > a:not(.button):hover,
header ul.dropdown.menu li > a:not(.button):active,
header ul.dropdown.menu li > a:not(.button):focus{
    color: #D98500 !important;
    background-color: transparent;
}


header .dropdown.menu li ul.submenu {
     background: #333;
     border:1px solid #000000;
}

ul.is-dropdown-submenu.menu.level-2.submenu.first-sub.vertical li a {
    color: #fff !important;
}

header .dropdown.menu li ul.submenu li a:not(.button) {
    color: #fff;
    background: #000;
}

header .dropdown.menu li ul.submenu li a:not(.button):hover,
header .dropdown.menu li ul.submenu li.active a:not(.button) {
    color: #fff;
    background: #d98500;
}

header .dropdown.menu li ul.submenu li.is-active > a  {
    background:transparent;
}

header .dropdown.menu > li.is-active > a {
    color: #000000;
    background:transparent;
}

header .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #000000 transparent transparent;
}

header .dropdown.menu > li.is-dropdown-submenu-parent.active > a::after,
header .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after {
    border-color: #D98500 transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    border-color: transparent #FFFFFF transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left.active > a::after,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:hover::after {
    border-color: transparent #FFFFFF transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    border-color: transparent transparent transparent #FFFFFF;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.active > a::after,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after {
    border-color: transparent transparent transparent #FFFFFF;
}

/* New headers CSS */
.size-20 {
    font-size:20px;
}
.menu a.head-icons {
    background:#CCCCCC;
    border-radius:50px;
    height:40px;
    width:40px;
    padding-left:0;
    padding-right:0;
    margin-right:10px;
}

 header#header {
    background: transparent;
}

.header-top-bg {
    background:#FFFFFF;
    color: #000000;
}

.header-top-social-media .menu a{
    padding-bottom:0;
}

.header-top-social-media .menu a i,
.header-top-contact-links .menu a i {
    color:#000000;
}

.header-top-social-media .menu a:hover i,
.header-top-contact-links .menu a:hover i,
.header-top-contact-links .menu a:hover {
    color:#D98500;
}

header .header-top-contact-links {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color:#000000;
}

header .header-top-contact-links a,
header .header-top-contact-links a:hover,
header .header-top-contact-links a:active{
    color:inherit;
} 

.header-top-contact-links .menu a {
    padding-top: 0;
    padding-bottom:0;
    color:inherit;
}

.header-top-contact-links .menu a i {
    font-size: 18px;
    position: relative;
    top: 2px;
    padding-right: 5px;
}

header .header8 ul.dropdown.menu > li > a:not(.button) {
    padding-top:0;
    padding-bottom:0;
}

 
.new-header ul.dropdown.menu li > a:not(.button):hover, 
.new-header ul.dropdown.menu li > a:not(.button):active, 
.new-header ul.dropdown.menu li > a:not(.button):focus {
    background-color:#d98500;
}

.new-header ul.dropdown.menu > li.active > a:not(.button) span,
.new-header ul.dropdown.menu > li:hover > a:not(.button) span {
    border-bottom:0px solid #d98500;
    color: #fff;
}

.new-header-1 ul.dropdown.menu > li {
    margin-bottom: 5px;
    margin-top: 5px;
}

.new-header-1 ul.dropdown.menu > li.active > a:not(.button) span,
.new-header-1 ul.dropdown.menu > li:hover > a:not(.button) span {
    border-bottom:2px solid #D98500;
}

.new-header-6 ul.dropdown.menu li.active > a:not(.button) span,
.new-header-6 ul.dropdown.menu li:hover > a:not(.button) span,
.new-header-7 ul.dropdown.menu li.active > a:not(.button) span,
.new-header-7 ul.dropdown.menu li:hover > a:not(.button) span{
    border-bottom:0px solid #F16454;
}

.new-header .button, 
.new-header .button.disabled, 
.new-header .button[disabled], 
.new-header .button.disabled:hover, 
.new-header .button[disabled]:hover, 
.new-header .button.disabled:focus, 
.new-header .button[disabled]:focus {
    background-color: #D98500;
    color: #FFFFFF;
}

.new-header .button.hollow {
    background:transparent;
    color:#000000;
    border:1px solid #D98500;
}

.new-header-menu-container {
    background:#FFFFFF;
}

.new-header .button i,
.new-header .button:hover i {
    color:inherit;
    padding-right:10px;
}

.column.full {
    width: 100%;
}

.sidenav-container {
    background-color: #D98500;
    color: #FFFFFF;
    height: 42px;
    width: 42px;
    text-align: center;
    border-radius: 50px;
    padding-top: 8px;
}

.sidenav-container i.fa-bars.icon{
     color: #FFFFFF;
}

.new-header-3 .logo-container,
.new-header-4 .logo-container {
    min-height:110px;
    display: flex;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
}

.new-header-3 .left-column i {
    margin-right:5px;
}

.new-header-5.logo-section {
    min-height:150px;
}

.new-header-5 .menu-container {
    margin-top:10px;
}

.contact-icon svg {
    fill: #003941;
    width: 50px;
    height: 50px;
}

.new-blog-template .ps-blog-recent-posts li a::before {
    background: #003941;
    position: absolute;
}

.iti {
    position: relative;
    display: block !important;
}
.new-header-5 .dropdown.menu > li > a {
    padding: 0.7rem  1rem;
}

.new-header-5 .dropdown.menu > li.has-submenu > a {
    padding-right: 1.5rem;
}

.new-header-6 .menu a.head-contact-links {
    display: flex;
    text-align: left;
    align-items: center;
}

.new-header-6 .menu a.head-contact-links .icon-part{
    padding-right:20px;
    color:#D98500;
    font-size:20px;
}

.new-header-6 .menu a.head-contact-links .icon-part i {
    color:inherit;
}

.new-header-6 .menu a.head-contact-links .text-part .heading {
    padding-bottom:5px;
}

.new-header-6 .contact-section {
    display: flex;
    justify-content: right;
    align-items: center;
}















/* New headers CSS END */

/* container css overridden */
.is-wrapper .is-box .is-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* New Footer CSS */
.new-footer {
    font-size:1em;
}

.new-footer .menu .active > a {
    background: transparent;
    color:#FFFFFF;
}

footer.new-footer .footer-menu-container .menu li.has-submenu a {
    padding-right:1.5em;
}

footer.new-footer .footer-menu-container .menu li a {
    font-weight:normal;
    padding: 0.5em;
}



footer.new-footer h4 {
    font-weight:bold;
    font-size:20px;
    margin-bottom:15px;
}

.footer-media-box {
    margin-top:5px;
}

.size-40 {
    font-size:40px !important;
}

.new-footer-1 .copyright-container,
.new-footer-2 .copyright-container,
.new-footer-3 .copyright-container{
    padding-top: 20px;
    padding-bottom: 10px;
}

.new-footer-1 .footer-social-media {
    margin-top:0px;
}

.new-footer .dropdown.menu > li.is-active > a {
    background: transparent;
}

.mailing-list-button {
    margin-top:10px;
}

.new-footer-3  .shop-address br{
    display:none;
}
aside.sidenav .menu.accordion-menu>li>a {
     padding: 20px 0;
}
.new-footer-3 .footer-menu-container {
    margin-bottom: 0px;
}

.new-footer-3 .footer-media-box img {
    max-height:80px;
}

.new-footer ul.dropdown.menu > li.active > a:not(.button) span, 
.new-footer ul.dropdown.menu > li:hover > a:not(.button) span {
    border-bottom:1px solid #FFFFFF;
    color: #FFFFFF;
}

footer.new-footer a:not(.button):hover, 
footer.new-footer a:not(.button):active, 
footer.new-footer a:not(.button):focus {
    color: #FFFFFF;
}

.contact-us-column .contact-number {
    padding-top:10px;
    padding-bottom:10px;
}

.subscription-button-container .button {
    padding: 17px;
    font-weight: 600;
}

footer iframe {
    width:275px;
}

.new-footer.with-background-image {
    background:url("//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31277/theme/49176/img/footer_bg.jpg") no-repeat;
    background-position: top;
    background-size: cover;
    margin-top:0;
}

.new-footer-3 i {
    color:#FFFFFF;
}

.new-footer-4 .footer-social-media .menu a,
.footer3 .social-media-icons-small.menu a{
    padding: 5px !important;
}

/* New Footer CSS END*/

/* || HOMEPAGE || */
.light-bg-section {
    float: left;
}

.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5{
    color:inherit;
    font-size: 2.5rem;
}

.light-bg-section h3 {
    color:#D98500;
    font-size: 1.75rem;
    font-weight:500;
}

.text-primary {
     color:#D98500;
}

strong, b {
    font-weight: bolder;
}

.dark-bg-section {
    float: left;
    color: #FFFFFF;
}

.dark-bg-section h1,
.dark-bg-section h2,
.dark-bg-section h3,
.dark-bg-section h4,
.dark-bg-section h5{
    color:inherit;
    font-size: 2rem;
}

.dark-bg-section input[type="text"] {
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: .25rem;
    background:;
    color:;
}

.dark-bg-section input[type="text"]::placeholder {
     color:;
}

.dark-bg-section .button {
    background:;
    color:inherit;
}

.customer-section {
    background:;
    color:;
    float:left;
}

.rounded-circle {
    border-radius: 50%;
}

.latest-blog-posts {
    background:;
    color:;
    float:left;
    width:100%;
}

.latest-blog-posts h2 {
    color:inherit;
    font-size: 2.5rem;
}

.latest-blog-posts h4 {
    color:inherit;
    font-size: 1rem;
}

.latest-blog-posts h2 a,
.latest-blog-posts h4 a,
.latest-blog-posts a{
    color:inherit;
}

.latest-blog-posts .readmore:hover {
    text-decoration:underline;
}

.img-shadow {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.4);
}

.size-30 {
    font-size:30px;
}


/* || FOOTER || */
.is-footer, .is-wrapper .is-footer {
    background-color: #1A1A1A;
    color: #FFFFFF;
    clear: both;
}

footer a:not(.button) {
    color: #FFFFFF;
}

.is-footer .is-container {
    padding: 0px;
}

footer a:not(.button):hover,
footer a:not(.button):active,
footer a:not(.button):focus {
    color: #FFFFFF;
}

.user-logged-in footer {
    margin-top:30px;
    float:left;
    width:100%;
    clear:both;
}


footer .border-bottom, 
footer hr {
    border-bottom:1px solid #D0CBC9;
}


.social-media-icons a {
    font-size: 3em;
    color: #FFFFFF;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6{
     color: #FFFFFF;
}


.back-to-top-button {
    bottom:10px;
    right:10px;
    z-index:9;
}


/* || OFFCANVAS - SIDENAV || */
.off-canvas-content.is-open-right.has-transition-push{
    -webkit-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    transform: translateX(-60%);
}
 
.is-open.position-right {
    width: 75%;
}

@media screen and (min-width: 63em) and (max-width: 64em) {
    footer button:not(.button-group button) , footer .button:not(.button-group button),
    header button:not(.button-group button) , header .button:not(.button-group button){
        margin-bottom:2px;
    }
    .column-container.newsletter .button {
        padding-left: 1em;
        padding-right: 1em;
    }
}

@media screen and (min-width:  64em) {
    .off-canvas-content.is-open-right.has-transition-push{
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    
    .is-open.position-right {
        width: 0%;
    }
    
    /* new header 7 css */
     .off-canvas-content.is-open-right.has-transition-push.mobile-menu-for-desktop{
        -webkit-transform: translateX(-40%);
        -ms-transform: translateX(-40%);
        transform: translateX(-40%);
    }
    
    .is-open.position-right.mobile-menu-for-desktop {
        width:40%;
    }
    
    .js-off-canvas-overlay.is-overlay-fixed {
        display: none !important;
    }
       .text-md-left {
        text-align:left;
    }
    
    .gallery-figcaption {
        padding-top: 37%;
        text-align: center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.56);
        color:white;
        display: none;
        cursor: pointer;
    }
    
    .testimonial-container {
        min-height: 450px;
    }
    
    .dark-bg-section input[type="text"] {
        width:25%;
        margin-right:10px;
    }
}

aside.sidenav .featured-section {
    background-color:#FFFFFF;
    color:#000000;
}

aside.sidenav .featured-section i {
    color:#000000;
}

aside.sidenav input[type=search] {
    color:#262626;
    background:#FFFFFF;
    padding-right: 24px;
}

aside.sidenav input[type=search]::placeholder {
    color:#262626;
    opacity:0.6;
}

aside.sidenav button[type=submit] {
    position: absolute;
    top: 30%;
    right: 5px;
    outline: none !important;
    background: transparent;
    border: 0px solid;
    box-shadow: none;
    padding:0;
}

aside.sidenav i.fas.fa-search {
    color:#262626
}


aside.sidenav .menu.simple {
    background:#FFFFFF;
    color: #000000;
}

aside.sidenav .menu.simple a {
    color: #000000;
}



aside.sidenav .ps-cart-text-container {
    color:#FFFFFF;
    background:#000000;
    height: 22px;
    width: 23px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
    margin-left: 5px;
}

aside.sidenav a:hover .ps-cart-text-container {
    background:#D98500;
}

aside.sidenav .is-accordion-submenu {
    margin-left: 0;
}

aside.sidenav .menu.accordion-menu li {
    border-bottom: 1px solid #2e2d2a;
}

aside.sidenav .menu.accordion-menu li:last-child {
    border-bottom: 0px solid;
}




.service-box p{
    color:#fff !important;
}
aside.sidenav .menu.accordion-menu li a {
    background:#003941;
    color:#fff;
}

aside.sidenav .menu.accordion-menu .active > a {
    background: #d98500;
    color: #fff;
}

aside.sidenav .menu.accordion-menu li.has-submenu a::after {
    border-color:#fff transparent transparent !important;
}

aside.sidenav .menu.accordion-menu > li.has-submenu.active > a::after {
    border-color:#fff transparent transparent !important;
}

@media screen and (max-width: 63.9375em) {
  .is-static.is-footer {
      min-height: 0;
  }
  
  footer .border-bottom-small {
      border-bottom:1px solid #D0CBC9;
    }
    
    footer .border-top-small {
      border-top:1px solid #D0CBC9;
    }

    header .border-top-small  {
        border-top:1px solid #CCCCCC;
    }
    
    /* New header layouts */
    header .sidenav-container a:not(.button),
    header .sidenav-container a:not(.button):active,
    header .sidenav-container a:not(.button):active i,
    header .sidenav-container a:not(.button):hover .icon, 
    header .sidenav-container a:not(.button):hover i{
        color:inherit;
    }
   
    header .sidenav-container a:not(.button) i {
        line-height:25px;
    }
    
    .absolute-for-mobile {
        position:absolute;
    }
    
    header .mobile-head-border-section  {
        border-top:1px solid #CCCCCC;
        border-bottom:1px solid #CCCCCC;
        line-height: 60px;
    }
    
    header .mobile-head-border-section .mobile-border-right {
        border-right:1px solid #CCCCCC;
    }
    
    header .mobile-contact-section .head-icons {
        background: #F5F5F5;
        border-radius: 50px;
        height: 40px;
        width: 40px;
        line-height: 40px;
        padding-left: 0;
        padding-right: 0;
        display: inline-block;
    }
    
    .mobile-contact-buttom-section {
        line-height: 60px;
        text-align:center;
    }
    
    .mobile-contact-buttom-section .button{
        margin-bottom:0;
    }
    
    .new-header .logo-container {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
        padding-left: 40px;
    }
    
    .new-header-2 .mobile-contact-buttom-section {
        border-top:1px solid #CCCCCC;
    }
    
     .new-header-2 .mobile-contact-buttom-section .button {
         margin-bottom:20px;
         margin-top:20px;
     }

    .new-header-3 .mobile-contact-number-section,
    .new-header-3 .mobile-contact-button-section,
    .new-header-4 .mobile-contact-number-section,
    .new-header-4 .mobile-contact-button-section,
    .new-header-5 .mobile-contact-number-section,
    .new-header-5 .mobile-contact-button-section,
    .new-header-6 .mobile-contact-button-section {
        border-top:1px solid #CCCCCC;
        line-height:50px;
        text-align:center;
    }
    
    .new-header-3 .mobile-contact-button-section .button,
    .new-header-5 .mobile-contact-button-section .button,
    .new-header-6 .mobile-contact-button-section .button {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .new-header-3 .logo-container,
    .new-header-4 .logo-container,
    .new-header-5 .logo-container,
    .new-header-6 .logo-container {
        display:block;
        min-height:0;
    }
    
    .new-header-6 .mobile-contact-button-section {
        justify-content: center;
        padding: 10px 0 !important;
    }
    
    .is-footer-8 {
        min-height:0;
    }
    
    /* new footer layouts */
        .footer-text, 
        .footer-social-media,
        .footer-media-box {
            width: 270px;
            margin: auto;
            text-align: center;
        }
        
        .contact-us-column {
            text-align:center;
        }
        
        .new-footer-1 .footer-social-media .menu.align-left,
        .new-footer-2 .footer-social-media .menu.align-left {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .new-footer-1 .footer-social-media .menu.align-left a, 
        .new-footer-1 .footer-social-media .menu.align-left .button,
        .new-footer-2 .footer-social-media .menu.align-left a, 
        .new-footer-2 .footer-social-media .menu.align-left .button{
            padding-left:0.2em !important;
            padding-right:0.2em !important;
        }
        
        .new-footer-1 .footer-menu-container .dropdown.menu,
        .new-footer-3 .footer-menu-container .dropdown.menu{
            display:block;
        }
        
        .new-footer-2 .footer-links,
        .mailing-list-button {
            text-align:center;
        }
        
        .small-text-center {
            text-align:center;
        }
        
        .menu.small-align-center {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .new-footer-4 .copyright-container, .new-footer-4 .subscription-button-container {
            border-bottom:1px solid #D0CBC9;
        }
       
        
    /* new footer layouts */
    
    header .sticky-bg-color {
        position:static;
    }

    header .sticky {
        top:0 !important;
    }
    
    .justify-small-center {
        justify-content: center;
    }
    
    .padding-top-sm-3 {
        padding-top:3rem;   
    }
    
    .padding-bottom-sm-3 {
        padding-bottom:3rem;   
    }
    
    .padding-top-sm-2 {
        padding-top:2rem;   
    }
    
    .padding-bottom-sm-2 {
        padding-bottom:2rem;   
    }
    
     .padding-top-sm-1 {
        padding-top:1rem;   
    }
    
    .padding-bottom-sm-1 {
        padding-bottom:1rem;   
    }

    .padding-top-sm-0 {
        padding-top:0!important;
    }
    
    .padding-bottom-sm-0 {
        padding-bottom:0!important;
    }
    
    .margin-top-sm-0{
        margin-top:0 !important;
    }
    
    .margin-bottom-sm-0{
        margin-bottom:0;
    }
    
     .margin-top-sm-2{
        margin-top:2rem;
    }
    
    .margin-bottom-sm-2{
        margin-bottom:2rem;
    }
    
    .margin-top-sm-1{
        margin-top:1rem;
    }
    
    .margin-bottom-sm-1{
        margin-bottom:1rem;
    }
    
    .padding-bottom-sm-0{
        padding-bottom:0 !important;
    }
    
    .copyright {
        font-size: 100%;
    }
    
    .small-block {
        display:block;
    }
}




.ecommerce-product-slider .orbit-previous,
.ecommerce-product-slider .orbit-next {
  color: #cacaca;
}

.ecommerce-product-slider .orbit-bullets button {
  height: 0.65rem;
  width: 0.65rem;
}

.ecommerce-product-slider .product-card {
  background-color: #fefefe;
  border: 1px solid #e6e6e6;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.ecommerce-product-slider .product-card-thumbnail {
  display: block;
  position: relative;
}

.ecommerce-product-slider .product-card-title {
  font-family: 'Open sans', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.45rem;
  margin-top: 1rem;
  margin-bottom: 0;
}

.ecommerce-product-slider .product-card-desc {
  color: #8a8a8a;
  display: block;
  font-family: 'Open sans', sans-serif;
  font-size: 0.85rem;
}

.ecommerce-product-slider .product-card-price {
  color: #3e3e3e;
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 600;
  margin-top: 0.8rem;
}

.ecommerce-product-slider .product-card-sale {
  color: #cacaca;
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
  text-decoration: line-through;
}

.ecommerce-product-slider .product-card-colors {
  display: block;
  margin-top: 0.8rem;
}

.ecommerce-product-slider .product-card-color-option {
  display: inline-block;
  height: 25px;
  width: 25px;
}





/******************************************custom-css*****************************************************/
/*Login Page*/
div.ps-login-page.grid-container.padding-top-3.padding-bottom-3 div.cell.large-5.medium-12.small-12.ps-registration-form.large-offset-1 > div > ul > li {
    display: flex !important;
}
/*Login Page*/
#status-msg {
    display: none !important;
}

/*Basic Fixes*/
html, body{
    font-weight: 400 !important;
}

strong,
b {
    font-weight: bold;
    line-height: inherit;
}
/*Basic Fixes*/

/*general-css*/


.black-bg {
    background: #1a1a1a !important;
}


.dark-bg {
    background: #003941 !important;
}

.color-white {
    color: #fff !important;
}

.color-black{
    color: #1A1A1A !important;
}

.color-light {
    color: #d98500 !important;
}

.color-blue {
    color: #d98500 !important;
}

.blue-bg {
    background: #d98500 !important;
}

.light-bg {
    background:  #f5f5f5 !important;
}


.white-bg {
    background: #fff !important;
}
.background-color-transition{
    transition: background-color 1s ease 0.1s;
}

.min-height-auto {
    min-height: auto;
}


strong,
b {
    font-weight: bold;
    line-height: inherit;
}

a.button,
span.button,
input.button,
input#Submit,
.gen-form #Submit,
#newsletter-form #Submit,
.button{
    font-family: 'Poppins', sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px !important;
    padding: 10px 26px !important;
    line-height: 26px !important;
    text-transform: uppercase;
    opacity: 1 !important;
    width: auto !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    border-radius: 0px !important;
background: #d98500;
color: #fff;
     border:1px solid #d98500 !important;
}

a.button:hover,
span.button:hover,
input.button:hover,
input#Submit:hover,
.gen-form #Submit:hover,
#newsletter-form #Submit:hover,
.button:hover{
    background: #003941 !important;
    color: #fff;
    border: 1px solid #003941 !important;
}


a.button.black-btn,
span.button.black-btn,
.black-btn input.button {
    background: #000000;
    color: #fff;
}

a.button.white-btn,
span.button.white-btn,
.white-btn input.button {
    background: #fff;
    color: #d98500 !important;
}

.cta-link {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #D98500;
}

.cta-link:hover{
    text-decoration: underline;
}

p, 
ul li{
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
}

.section-main-heading,
.Lead-magnet-form-heading,
.banner-main-heading,
h2.blog-sidebar-h2,
h1.article-title,
h1.article-title a{
    font-family: "Poppins", sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: 0.35px;
    color: #003941;
}

.banner-main-heading {
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
   color: #003941;
}

.section-sub-heading,
.banner-sub-heading,
ul.accordion .accordion-title{
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.16px;
    text-transform: capitalize;
    color: #D98500;
}

.normal-text, .banner-text{
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.16px;
    text-transform: inherit;
    color: #000;
}

.banner-sub-heading {
    font-size: 26px;
    color: #000;
}

.banner-text{
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.16px;
    text-transform: inherit;
    color: #000;
}

    .inner-content-div p {
        color: #000 !important;
    }


.border{
    border: 1px solid #DADADA; 
}

.list{
    margin-left: 1rem !important;
    text-align: left !important;
}

.list li{
    padding: 4px 0;
}

.img-full-height {
    height: 100%;
    object-fit: cover;
}
    
/*read More Read Less CSS*/
#panel-1{
    display: none;
}

a[aria-expanded="false"] .read-more{
  display:inline;
}
a[aria-expanded="false"] .read-less{
  display:none;
}
a[aria-expanded="true"] .read-more,
a[aria-expanded="true"] .read-more-dots
{
  display:none;
}
a[aria-expanded="true"] .read-less{
  display:inline;
}

span.moretext {
    display: none;
}
/*Read More Read Less CSS*/

/*Box Shadow*/
.box-shadow{
    -webkit-box-shadow: 0 20px 60px 0 rgb(40 93 251 / 16%);
    box-shadow: 0 20px 60px 0 rgb(97 99 106 / 16%);
}
/*Box Shadow*/

/*rounded Corner*/
.rounded {
    border-radius: 20px !important;
}
/*Rounded Corner*/

.left-seprator , .middle-seprator{
    position: relative;
    padding-bottom: 1rem;
}
.left-seprator:after , .middle-seprator:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: #d98500;
    width: 170px;
    height: 2px;
}
.middle-seprator:after{
    right:0;
    margin:0 auto;
    }
.bottom-line-input input:not(input#Submit) {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
}
/*general-css*/

/*Slick Slider*/
button.slick-arrow {
    background: transparent !important;
    border: 5px solid #AAAAAA;
    border-radius: 50px 0 0 !important;
    border-top-width: 0;
    border-left-width: 0;
    width: 25px;
    box-shadow: none !important;
    height: 25px;
}





.slick-slide img {
    display: block;
    margin: auto;
}

.slick-dots li {
    border: 1px solid #333;
        background: #333;
}

.slick-dots li.slick-active, .slick-dots li:hover {
     border: 1px solid #d98500;
        background: #d98500;
}

.testimonial-slider .slick-slide img {
    display: block;
    margin: unset;
}

.testimonial-slider.slick-slider {
    height: auto;
}

.testimonial-slider .slick-dots{
    bottom: -35px;
    display: flex;
}

.our-service-slider .slick-arrow{
    transform: none;
    height: auto;
    width: auto;
    background: none !important;
    top: 40%;
}

.our-service-slider .slick-prev {
    left: -60px;
}

.our-service-slider .slick-next {
    right: -60px;
}
/*Slick Slider*/

/*Position Classes*/
.top-0{
    top: 0;
}

.bottom-0{
    bottom: 0;
}

.left-0{
    left: 0;
}

.right-0{
    right: 0;
}
/*Position Classes*/

.flex-direction-column-d{
    flex-direction: column;
}

/*Our Service Hover Effect*/
.text-color-transition {
    transition: color 1s ease 0.01s;
}

.user-logged-out .hover-black:hover figcaption{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #333141;
    color: #fff;
}

.user-logged-out .hover-black:hover figcaption p,
.user-logged-out .hover-black:hover figcaption h2,
.user-logged-out .hover-black:hover figcaption a{
    color: #fff;
}

.user-logged-out .hover-show{
    display: none;
}

.user-logged-out .hover-black:hover .hover-show{
    display: block;
}
/*Our Service Hover Effect*/

/*List Icon*/
.list-icon li{
    display: flex;
}

.list-upper{
    display: flex;
    justify-content: center;
}


.list-icon li:before {
    content: url("//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/26441/theme/43971/img/list-icon.png");
    display: inline-block;
    width: 3em;
    margin-left: -1em;
    position: relative;
    top: -5px;
}

/*List Icon*/



/*header*/
.is-header .dropdown.menu > li > a {
    padding: 1rem 18px;
}
.is-header .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        right: -1px;
    margin-top: -1px;
}
.pos-ab-header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    background: transparent !important;
    z-index: 99;
    border-color: rgba(255, 255, 255, 0.20) !important;
}
/*.pos-ab-header header ul.dropdown.menu li.active > a:not(.button), .pos-ab-header header ul.dropdown.menu li > a:not(.button):hover, .pos-ab-header header ul.dropdown.menu li > a:not(.button):active, .pos-ab-header header ul.dropdown.menu li > a:not(.button):focus , .pos-ab-header  header ul.dropdown.menu li a:not(.button) ,.pos-ab-header header a i.fas{
    color: #fff !important;
}*/
.pos-ab-header img.seond-logo {
    display: none;
}
.pos-ab-header img.normal-logo {
    display: inline-block !important;
}
.is-header img.normal-logo {
    display: none;
}
.pos-ab-header .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #d98500 transparent transparent !important;
}
header .dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.main-navigation.sticky {
    animation: slideDown 0.3s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    background-color: #000;
    margin-top: 0;
    justify-content: center;
    box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.07);
}

.pos-ab-header .main-navigation.sticky{
    background-color: #000;
}

.main-navigation.sticky #mainNav {
    justify-content: center;
}

/*Hide first item in sub menu*/
ul.is-dropdown-submenu.level-2.submenu  > li.is-submenu-item:first-child{
    display: none;
}
/*Hide first item in sub menu*/

/*header*/

/*separator*/
.separator-color::after{
    color: #d98500;
}

.separator-width::after{
    width: 150px;
}

/*Home-page*/
/*Banner*/
.user-logged-out .pos-rel-ban {
    position: relative;
}

.user-logged-out .pos-ab-ban {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.user-logged-in .pos-ab-ban {
    margin: 0 auto;
}

.cursor-default{
    cursor: default !important;
}

span.button.width-100, a.button.width-100 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.user-logged-out .inner-content-div {
    max-width: 500px;
    width: 100%;
    padding: 5px;
}

/*Banner*/
/*lead-magnet*/
.lead-magnet-form {
    text-align: center;
    padding: 50px 0 60px !important;
}

.lead-magnet-form label,
.newsletter-form-main .label-holder{
    display: none;
}

.newsletter-form-main{
    padding: 0 !important;
}


.lead-magnet-form input#first_name,
.lead-magnet-form input#email,
.newsletter-form-main input,
.newsletter-form-main input#first_name,
.newsletter-form-main input#email{
    margin: 0 !important;
    height: 55px !important;
    width: 100% !important;
    border:1px solid #000 !important;
    background: transparent !Important;
}

.lead-magnet-form input{
    margin: 0 !important;
    height: 55px !important;
    width: 100% !important;
    border:1px solid #ccc !important;
}

.lead-magnet-form input#Submit,
.newsletter-form-main .subscribe_button_holder{
    width: auto !important;
    margin: 0;
}

.lead-magnet-form .ww-form-container input::placeholder,
.lead-magnet-form .ww-form-container input#first_name::placeholder,
.lead-magnet-form .ww-form-container input#email::placeholder,
.newsletter-form-main .ww-form-container input#email::placeholder,
.newsletter-form-main .ww-form-container input#first_name::placeholder{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #000;
}

.lead-magnet-form .submit_wrap.padding-top-1,
.newsletter-form-main .submit_wrap.padding-top-1{
    padding: 0 !important;
}

.lead-magnet-form .width-25{
    width: 38% !important;
    margin:0;
    margin-right: 20px;
}

.newsletter-form-main .width-25{
    width: 100% !important;
    margin:0;
    margin-right: 20px;
}

.lead-magnet-form .flex-container.small-block,
.newsletter-form-main .flex-container.small-block{
    justify-content: center;
    padding-top: 11px;
}

/*lead-magnet*/
/*map-section*/
.user-logged-out .content-on-banner3 {
    max-width: 1200px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    right: 0;
    padding: 15px;
}
/*map-section*/
/*Home-page*/

/*service-page*/
/*Accordion*/
/***Genral accodion css***/
ul.accordion .accordion-title {
        border-radius: 15px  !important;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
}

ul.accordion .accordion-title:hover,
ul.accordion li.accordion-item.is-active .accordion-title{
    background: #d98500 !important; 
    color: #fff !important;
    border: 1px solid #d98500 !important;
}

ul.accordion {
    background: none;
}

ul.accordion li.accordion-item {
    margin: 0 0 10px;
}

ul.accordion .accordion-title::before {
    top: 0;
    margin-top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: 1.5rem;
}

ul.accordion .accordion-content {
    border: 0 !important;
    border-radius: 0px 0px 15px 15px !important;
    margin: 0px 0 0;
}
/*Genral accodion*/
/***For dark background***/
.dark-bg-accord ul.accordion .accordion-title {
    background: #000;
    border: 3px solid #565656 !important;
}

.dark-bg-accord ul.accordion .accordion-content {
    background: #1A1A1A;
    color: #fff;

}
/***For dark background***/

/***For light background***/
.light-bg-accord ul.accordion .accordion-title {
   background: #d98500;
    border: 1px solid #d98500 !important;
    color: #fff !important;
    padding-left: 1.5rem;
        line-height: 26px;
        font-weight: 500;
}

.light-bg-accord ul.accordion .accordion-content {
    background: #fff;
    color: #000;

}

.light-bg-accord ul.accordion .accordion-title:hover,
.light-bg-accord ul.accordion li.accordion-item.is-active .accordion-title{
    color: #fff !important;
     background: #003941  !important;
    border: 1px solid #003941 !important;
}




/*Contact Page*/
.contact-page-form legend{
    display: none !important;
}

.contact-page-form .ww-form-container form fieldset>div {
    width: 90%;
}

.contact-page-form .iti.iti--allow-dropdown{
    width: 100%;
}

.contact-page-form .ww-form-container input[type="text"],
.contact-page-form .ww-form-container input[type="password"],
.contact-page-form .ww-form-container input[type="tel"],
.contact-page-form .ww-form-container input[type="email"],
.contact-page-form .ww-form-container select,
.contact-page-form .ww-form-container textarea,
.contact-page-form #mob_phone_phone_number_tel{
    width: 100%;
    border-radius: 5px;
    min-height: 45px;
    background: #ccc !important;
    margin: 0 0 0.5em 0 !important;
}

.contact-page-form .ww-form-container textarea{
    min-height: 100px;
}

.contact-page-form .ww-form-container form fieldset {
    border: none;
}

div.form-container .submit_wrap {
    text-align: center !important;
}

.contact-page-form form {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2rem 0;
    background: #fff;
    color: #000;
}
label {
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #000;
}
[type='text'], [type='email'], [type='tel'], textarea{
    color: #000;
}



.contact-page-form div.form-container {
    margin: 0 auto;
    max-width: 100%;
    width: 90%;
}

.contact-icon {
    border-top: 3px dashed #D98500;
    border-right: 5px dashed #D98500;
    border-bottom: 5px solid #D98500;
    border-left: 4px solid #D98500;
    display: inline-block;
    margin-bottom: 1rem;
    padding: 25px;
    border-radius: 50%;
}

.contact-icon svg {
    fill: #D98500;
    width: 50px;
    height: 50px;
}



/*Contact Page*/

.is-overlay {
    position: static;
}



.home2 {
     background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31277/theme/49176/img/Delivering-Investing-bg.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.homesec4 {
     background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31277/theme/49176/img/Target-Returns-bg.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}


.homesec3, .homesec5, .service-area-section {
     background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31277/theme/49176/img/bg.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}





.newsletter {
    background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31277/theme/49176/img/Social-Impact-Investing-bg.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.homesec6 {
    background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31277/theme/49176/img/Social-Impact-Investing-bg.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}




.newsletter .section-main-heading, .newsletter p, .home2 .section-main-heading, .home2 p{
    color: #fff;
}




.fa-arrow-right:before {
    content: "\f061";
    color: #888 !important;
}


.home8{
   background: #d98500 !important;
}

.home8 p{
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
}

.tab-box {
    padding: 15px;
    border: 1px solid #d98500;
    background: #d98500;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab-box h3 {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    margin: 0px;
}



ul.lab-ul {
    fill: #d98500;
}

.is-boxes {
    min-height: auto !important;
}

.mfp-wrap {
    z-index: 99999999999 !important;
}

 #status-msg p {
    color: #000;
    font-weight: bold;
} 

#lead-magnet-form .submit_wrap.padding-top-1 {
    padding-bottom: 2rem;
}

a{
    cursor: pointer !important;
}

.icon-list {
    margin: 0;
}

.icon-list li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 7px;
}

.icon-list li:before {
    content: "";
    position: absolute;
    background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31277/theme/49176/img/Bullet.webp) no-repeat;
    left: 0;
    top: 8px;
    width: 12px;
    height: 12px;
}

.icon-list1 {
    margin: 0;
}

.icon-list1 li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 7px;
}

.icon-list1 li:before {
    content: "";
    position: absolute;
    background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31277/theme/49176/img/Bullet-W.webp) no-repeat;
    left: 0;
    top: 8px;
    width: 12px;
    height: 12px;
}

.shadow-1.height-100 {
    background: #f4f4f4;
    box-shadow: none !important;
    border-radius: 10px;
}


.menu li a, header .head-contact-links{
    font-family: "Poppins", sans-serif !important;
}

/*
footer p, footer a{
    font-family: "Poppins", sans-serif !important;
}
*/




footer .fa-phone-alt:before {
    padding-right: 0px;
    color: #d98500 !important;
}

footer .fa-envelope:before  {
    padding-right: 0px;
    color: #d98500 !important;
}

#thanks-wrapper {
    width: 100%;
    height: 350px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}






/*accrodion-section*/
/*newsletter-section*/
.newsletter-form-main .container.is-container.is-content-1200 {
    background: url(//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/26441/theme/43971/img/Newsletter-Bg-Services-Landing-Template-2.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #ffff;
    padding: 90px 60px 80px !important;
    border-radius: 15px;
}
.white-btn {
    background: #fff !important;
    color: #0068b3 !important;
}
.margin-top-5 {
    margin-top: 5rem !important;
}
.margin-bottom-5 {
    margin-bottom: 5rem !important;
}
/*newsletter-section*/
/*service-page*/

/*service-areas-page*/
.user-logged-out .serv-head-elm {
    margin-bottom: -48px;
}
figure.ser-area-fig-mn.box-shadow {
    max-width: 365px;
    margin: 20px 10px 30px;
    box-shadow: 2px 3px 10px #00000036;
}
figure.ser-area-fig-mn.box-shadow figcaption {
    padding: 35px 40px;
}
figure.ser-area-fig-mn.box-shadow figcaption p.link-blk {
    margin: 0;
    position: relative;
}
figure.ser-area-fig-mn.box-shadow figcaption p.link-blk:after {
    content: url("//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31277/theme/49176/img/link-arrow.png");
    position: absolute;
    top: 0;
    right: 0;
}
.slick-dots {
    bottom: -20px;
}
.slick-dots li {
    border: 1px solid #333 !important;
    background: #333;
    width: 13px;
    height: 13px;
}
.slick-dots li.slick-active, .slick-dots li:hover {
    background: #d98500 !important;
    border:1px solid #d98500 !important;
}
/*service-areas-page*/

.home-services-slider figure{
    margin: 12px;
}

/*footer*/
#footer .icon-div svg {
    min-width: 25px;
    margin-right: 8px;
}

#footer hr {
    border-color: #888 !important;
}

#footer .fab {
    font-size: 35px;
    color: #d98500;
}

footer .icon {
    color: #d98500;
    margin-right: 10px;
    margin-top:2px;
}

footer .menu.foot-menu li {
    width: 100%;
}

footer .menu li a{
   padding-left:0; 
   padding-top: 0;
}

footer .foot-menu li {
    border-bottom: none;
    padding: 3px 0 0px;
}

footer .foot-menu li a{
    font-weight:500 !important;
}

footer .normal-text{
    font-weight:600 !important;
    font-size: 22px !important;
    line-height:26px !important;
}

a.footer-link {
    text-decoration: underline;
    padding-left: 10px;
}

footer .foot-menu li:last-child {
    border-bottom: 0px ;
}

footer .copyright-main-block {
    border-top: 2px solid #d98500;
}
/*footer*/

svg.step.social-icon{
    fill: #d98500 !important;
}



.gnext:hover, .gnext:active, .gnext:focus {
    background: transparent !important;
    border: 1px solid transparent !important;
}

.gprev:hover, .gprev:active, .gprev:focus {
    background: transparent !important;
     border: 1px solid transparent !important;
}

.gclose:hover, .gclose:active, .gclose:focus {
    background: transparent !important;
     border: 1px solid transparent !important;
}

.gslide-image img.zoomable {
    position: relative;
    width: auto !important;
    height: auto !important;
    max-height: 85vh !important;
}

.gslide-image img {
    max-height: 97vh !important;
    max-width: 650px !important;
}

 .glightbox-clean .gnext, .glightbox-modern .gnext {
    position: absolute;
    top: 45% !important;
    right: 70px !important;
    width: 40px;
    height: 56px;
}

.glightbox-clean .gprev, .glightbox-modern .gprev {
    position: absolute;
    top: 45% !important;
    left: 30px;
    width: 40px;
    height: 56px;
}

.gslide-media {
    width: 70% !important;
    margin: 0 auto;
}

.glightbox-clean .gprev, .glightbox-modern .gprev {
    position: absolute;
    top: 45% !important;
    left: 0 !important;
    width: 40px;
    height: 56px;
}

.gslide-image img {
    max-width: 100% !important;
}

nav.align-justify.show-for-large {
    width: 90%;
}

.serv-div-4 {
    border-radius: 10px;
    background: #212121;
}
    


.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 105%;
    right: -100px !important;
    left: auto;
    z-index: 999999;
}


.copyright-container.footer-color {
    background: #1a1a1a;
    color: #fff !important;
}

.copyright-container.footer-color a{
    color: #fff !important;
}

.servicearea2 .service-btn-like{
    background: #212121;
    padding: 20px 15px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 3px 11px 0 !important;
    transition: 0.3s ease-in-out;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.01em;
   height: 350px;
    color: #fff !important;
    display: block;
    margin: 10px 10px 0 10px !important;
}

.servicearea2 .service-btn-like:hover {
    border-top: 2px solid #d98500;
    border-bottom: 2px solid #d98500;
}


ul.align-justify.five-blk-sec.flex-container.no-bullet li {
    padding: 15px 5px 5px;
    margin: 10px 5px;
    flex: 1;
    border: 2px solid transparent;
}

ul.align-justify.five-blk-sec.flex-container.no-bullet li:hover {
    border: 2px solid #fff;
}
.servicearea2 .service-btn-like p{
    margin-bottom: 0 !important;
    font-weight: 400;
     color: #fff !important;
}



.servicearea2 .service-btn-like a{
    font-weight: 400;
    font-size: 16px;
     color: #fff !important;
}


/* service area */

.service-btn-like {
    display: flex;
    background: #212121;
    align-items: center;
    padding: 20px 15px;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
    border: 2px solid #212121;
    justify-content: center;
    flex-direction: column;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.01em;
    height: 100%;
    color: #fff !important;
    margin: 10px 10px 0 10px !important;
}

.service-btn-like p{
    margin-bottom: 0 !important;
    font-weight: 500;
    font-size: 18px;
     color: #fff !important;
}

.service-btn-like i{
 font-size: 30px !important;
}

.service-btn-like a{
    font-weight: 500;
    font-size: 18px;
     color: #fff !important;
}



.service-btn-like .ion-location:before {
    content: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31111/theme/49003/img/location.png) !important;
}



.service-btn-like:hover {
    border-top: 2px solid #d98500;
    border-bottom: 2px solid #d98500;
}



footer .icon-div a {
    display: flex;
    line-height: 1.3;
}


.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 48% !important;
}


.ww-content-block.type-form i.fas.fa-calendar-alt, .ww-form-container i.fas.fa-calendar-alt {
    position: absolute;
    top: 2.7em !important;
    left: 0.6em;
}

.service-area-ul-two li a.button {
    width: 100% !important;
}
.service-area-ul-two {
    grid-gap: 15px;
}
a.no-pointer {
    cursor: default !important;
}



.ps-blog-category li a {
    padding: 4px 8px;
    border: 1px solid;
    margin-right: 8px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 16px;
    font-size: .9em !important;
    text-transform: capitalize;
}

.new-blog-page-type .article-category span {
    font-size: 16px;
    color: #d98500;
    font-weight: 600;
    text-transform: capitalize;
}

.new-blog-template .ps-blog-tags li a {
    color: #d98500 !important;
    text-transform: capitalize;
    font-weight: 700;
}

.new-blog-template .widget-category svg{
    fill: #d98500 !important;
}

.new-blog-template .blog-widget .widget-category span a{
     color: #d98500 !important;
}

.new-blog-template .blog-widget .widget-category span a:hover{
     color: #F16454 !important;
}

.new-blog-template .ps-blog-tags li a::before {
    background: #F16454 !important;
}


footer em.fas.fa-map-marker-alt.icon {
    position: relative;
    top: 4px;
}



.gnext:hover, .gnext:active, .gnext:focus {
    background: transparent !important;
    border: 1px solid transparent !important;
}

.gprev:hover, .gprev:active, .gprev:focus {
    background: transparent !important;
     border: 1px solid transparent !important;
}

.gclose:hover, .gclose:active, .gclose:focus {
    background: transparent !important;
     border: 1px solid transparent !important;
}

.gslide-image img.zoomable {
    position: relative;
    width: auto !important;
    height: auto !important;
    max-height: 85vh !important;
}

.gslide-image img {
    max-height: 97vh !important;
    max-width: 650px !important;
}

 .glightbox-clean .gnext, .glightbox-modern .gnext {
    position: absolute;
    top: 45% !important;
    right: 70px !important;
    width: 40px;
    height: 56px;
}

.glightbox-clean .gprev, .glightbox-modern .gprev {
    position: absolute;
    top: 45% !important;
    left: 30px;
    width: 40px;
    height: 56px;
}

.gslide-media {
    width: 70% !important;
    margin: 0 auto;
}

.glightbox-clean .gprev, .glightbox-modern .gprev {
    position: absolute;
    top: 45% !important;
    left: 0 !important;
    width: 40px;
    height: 56px;
}

.is-header .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    right: 16px;
    margin-top: -6px;
    border: none;
    content: none !important;
}

.footer-color {
    background: #1a1a1a;
    color: #fff;
}


footer i.fas.fa-map-marker-alt.icon {
  
    top: 0px;
}



.new-website-login-form .signup-container .button, .new-website-login-form form.settings .button{
    border-radius:0 !important;
}

.ps-blog-category li a {
    padding: 4px 8px;
    border: 1px solid;
    margin-right: 8px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 16px;
    font-size: .9em !important;
    text-transform: capitalize;
}

.new-blog-page-type .article-category span {
    font-size: 16px;
    color: #d98500;
    font-weight: 600;
    text-transform: capitalize;
}

.new-blog-template .ps-blog-tags li a {
    color: #d98500 !important;
    text-transform: capitalize;
    font-weight: 700;
}

.new-blog-template .widget-category svg{
    fill: #d98500 !important;
}

.new-blog-template .blog-widget .widget-category span a{
     color: #d98500 !important;
}

.new-blog-template .blog-widget .widget-category span a:hover{
     color: #003941 !important;
}

.new-blog-template .ps-blog-tags li a::before {
    background: #d98500 !important;
}

    .article-body h2 {
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.16px;
    text-transform: capitalize;
    color: #d98500;
}

.article-body h3 {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.16px;
    text-transform: capitalize;
    color: #003941;
}

.article-body ul {
    margin: 0;
}

.article-body ul li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 7px;
    text-align: left;
}

.article-body ul li:before {
    content: "";
    position: absolute;
    background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31074/theme/48966/img/bullet.webp) no-repeat;
    left: 0;
    top: 8px;
    width: 13px;
    height: 13px;
}

.new-blog-template .blog-widget .widget-category span a {
    color: #d98500;
    text-transform: capitalize !important;
}


.service-box {
    background: #212121;
    padding: 20px;
    border-radius:5px;
    border-left: 3px solid #F16454;
    text-align: left;
    height: 100%;
}

.service-layout {
    border: 1px solid #fff;
    padding: 20px;
}

.new-blog-template .blog-widget .widget-category span:hover {
    color: #fff !important;
}



/****ham menu start*****
.navigation .nav-right.visible-xs {
    margin-top: 0;
    border-radius: 50px;
}

.navigation .button-nav .bar {
    background: #000;
    height: 4px;
    width: 39px;
}

.nav-right.visible-xs {
    position: fixed !important;
    top: 72px !important;
    right: 112px !important;
    background: transparent;
    padding: 13px 11px 7px;
}

.ham-menu {
    background: transparent;
    padding: 0;
    height: 64px;
    cursor: pointer;
}

.offcanvas-full-screen {
    position: fixed;
    z-index: 1;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
 background: #000000eb;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    overflow-y: auto;
    overflow-x: hidden;
}

[data-whatinput='mouse'] .offcanvas-full-screen {
    outline: 0;
}

.offcanvas-full-screen.is-transition-overlap {
    z-index: 10;
}

.offcanvas-full-screen.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.offcanvas-full-screen.is-open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.offcanvas-full-screen.is-open~.off-canvas-content {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.offcanvas-full-screen.is-transition-push::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
    content: " ";
}

.offcanvas-full-screen.is-transition-overlap.is-open~.off-canvas-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.offcanvas-full-screen-inner {
    padding: 1rem;
    text-align: center;
}

.offcanvas-full-screen-menu {
    margin: 0;
    list-style-type: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.offcanvas-full-screen-menu>li {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

[data-whatinput='mouse'] .offcanvas-full-screen-menu>li {
    outline: 0;
}

.offcanvas-full-screen-menu>li>a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1;
}

.offcanvas-full-screen-menu input,
.offcanvas-full-screen-menu select,
.offcanvas-full-screen-menu a,
.offcanvas-full-screen-menu button {
    margin-bottom: 0;
}

.offcanvas-full-screen-menu>li {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.offcanvas-full-screen-menu>li>a {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.offcanvas-full-screen-menu a {
    color: #fefefe;
}

.offcanvas-full-screen-menu a:hover {
    color: #b2b2b2;
}

.offcanvas-full-screen-close {
    color: #fefefe;
    font-size: 5rem;
}

.offcanvas-full-screen-close:hover {
    color: #fff;
}

aside#sidenav {
    transform: translateX(0px);
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

button.offcanvas-full-screen-close {
    right: 20px;
    top: 0;
    position: absolute;
    border-radius: 50% !important;
    padding: 5px 15px;
    cursor: pointer;
    z-index: 9999;
    width: 60px;
    height: 60px;
    padding: 0;
    line-height: 0;
}

.vertical.menu.accordion-menu {
    width: 400px;
    height: 450px;
    overflow-y: scroll;
}

.offcanvas-full-screen-close:hover {
    border: none !important;
}

.offcanvas-full-screen-close span {
    font-size: 50px;
}

button.menu-icon.dark {
    background: transparent;
}

button.menu-icon.dark:hover {
    border: none !important;
    box-shadow: none;
}

aside.sidenav .menu.accordion-menu li {
    outline: none;
    border-bottom: 1px solid #2e2d2a;
}

.button-box {
    margin-right: 30px;
}

aside#sidenav::-webkit-scrollbar {
    width: 10px;
    background-color: #d98500;
    border: 1px solid #d98500;
}

aside#sidenav::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: #fff;
    border: 2px solid #D98400;
}

aside.sidenav .menu.accordion-menu>li>a {
    font-size: 16px;
    text-align:center;
}

aside.sidenav .menu.accordion-menu li.active a {
    
}

.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed;
    z-index: -1;
}

.is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
    border-color: #D98400 transparent transparent !important;
}

.ham-menu-mobile {
    display: flex;
    align-items: center;
    justify-content: end;
}

.main-navigation.sticky {
    animation: slideDown 0.3s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    max-width: 1200px !important;
    background-color: transparent;
    margin-top: 1rem !important;
    padding: 0 !important;
    border-top: 0 !important;
    width: 100%;
    margin: auto;
    justify-content: flex-end;
}

.main-navigation.sticky .show-for-large{
    display: none;
}

.main-navigation.sticky .ham-menu svg path{
    stroke: #fff;
}

.main-navigation.sticky .ham-menu{
    background: #000;
}

****ham menu ends*****/




.inner-banner.blog-banner {
    position: absolute;
    left: -68%;
    top: 28%;
    transform: none;
    width: 100%;
    text-align: left;
    justify-content: center;
    height: 30%;
    align-items: center;
    display: flex;
    max-width: 250px;
    margin: 0 auto;
    right: 0;
    padding: 0 13px;
 }

.nav-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.nav-grid ul.no-bullet.menu.size-30.align-center li a{
    padding-bottom: 0 !important;
}

button.ham-menu:hover {
    background: #000 !important;
}

.service-layout ul {
    list-style: none;
    margin: 0 0 20px 0;
    display: flex;
    gap: 20px;
}

.service-layout ul li {
    background: #003941;
    margin-bottom: 8px;
    padding: 15px;
    border-left: 4px solid #d98500;
    border-radius: 4px;
    color:#fff;
    flex: 1;
}



.services-v2 .svc-box {
    text-align: left;
    padding: 25px;
    border-radius: 30px;
    transition: all .3s;
    border: 2px solid #fff;
    height: 100%;
}

.services-v2 .svc-box:hover {
    border-color: #d98500;
    transform: translateY(-3px);
}

.services-v2 .svc-box .section-main-heading{
    font-size: 45px;
    color: #d98500;
}

.services-v2 .svc-box .normal-text{
     font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
}


.services-v2 .svc-title {
     font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
    margin-bottom: 10px;
}

.services-v2 .svc-desc {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}

.investment-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

.investment-table th,
.investment-table td {
  border: 1px solid #ddd;
  padding: 12px 15px;
  text-align: left;
}

.investment-table th {
    color: #fff;
    background-color: #003941;
    font-weight: 600;
}

.investment-table tr:nth-child(even) {
  background-color: #fed7aa;
}

.investment-table tr:hover {
  background-color: #f5f5f5;
}

.btn-box {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
}

ul.investment-list {
    list-style: none;
    margin: 0 0 20px 0;
    display: flex;
    gap: 20px;
}

ul.investment-list li {
    background: #003941;
    margin-bottom: 8px;
    padding: 15px;
    border: 4px solid #d98500;
    border-radius: 4px;
    color:#fff;
    flex: 1;
}

.homesec7 .inner-content-div.large-text-left.white-transparent-bg.text-center.aos-init.aos-animate {
    background: #EFEFEF;
    border-radius: 30px;
    max-width: 550px;
    padding: 25px;
}

/* ---------------------------------------------------------------------
   1) FONTS — Saira (display) + Inter (body)
   --------------------------------------------------------------------- */


/* ---------------------------------------------------------------------
   2) BRAND TOKENS
   --------------------------------------------------------------------- */
:root {
    --seaside-primary:    #00428F;
    --seaside-accent:     #1E90FF;
    --seaside-black:      #000000;
    --seaside-slate:      #415163;
    --seaside-gray:       #4A5560;
    --seaside-soft-bg:    #F1F1F9;
    --seaside-white:      #FFFFFF;


    --seaside-radius:     8px;
    --seaside-shadow-sm:  0 4px 14px rgba(0, 66, 143, 0.08);
    --seaside-shadow-md:  0 10px 30px rgba(0, 66, 143, 0.12);
    --seaside-transition: all 0.25s ease;
}

.seaside-about-section {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #FFFFFF 0%, #eeeeee 100%) !important;
}

/* Subtle ambient orb in upper-left for premium depth */
.seaside-about-section::before {
    content: '';
    position: absolute;
    top: -150px;
    left: -150px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(30,144,255,0.06) 0%, rgba(30,144,255,0) 70%);
    pointer-events: none;
    z-index: 0;
    animation: seaside-about-orb 22s ease-in-out infinite;
}
@keyframes seaside-about-orb {
    0%, 100% { transform: translate(0, 0); }
    50%      { transform: translate(40px, 40px); }
}

/* Left column content */
.seaside-about-content {
    position: relative;
    z-index: 1;
    padding: 8px 16px 8px 0;
}
.seaside-about-heading { margin-bottom: 22px; }
.seaside-about-body    { max-width: 560px; margin: 0; }

/* Right column wrapper */
.seaside-service-areas {
    position: relative;
    z-index: 1;
    padding: 8px 0 8px 16px;
}


/* ---------------------------------------------------------------------
  21) SERVICE AREAS LABEL (H3) + ICON
   --------------------------------------------------------------------- */
.seaside-areas-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 22px;
    font-family: "Poppins";
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #000;
}
.seaside-areas-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: #d98500;
}


/* ---------------------------------------------------------------------
  22) SERVICE AREA CHIPS
   --------------------------------------------------------------------- */
.seaside-areas-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.seaside-area-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 18px;
    background: #fff;
    border: 1px solid rgba(0, 66, 143, 0.12);
    border-radius: 999px;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #003941;
    box-shadow: 0 2px 8px rgba(0, 66, 143, 0.04);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: default;
}

/* Tiny accent dot before each chip name */
.seaside-area-chip::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #d98500;
    border-radius: 50%;
    flex: 0 0 6px;
    transition: background 0.35s ease, transform 0.35s ease;
}

.seaside-area-chip:hover {
    background: linear-gradient(135deg,  #003941 0%, #d98500 100%);
    color: #fff;
    border-color: transparent;
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(0, 66, 143, 0.22);
}
.seaside-area-chip:hover::before {
    background: #fff;
    transform: scale(1.4);
}

.services-v7 {
    background: #0f172a;
    padding: 96px 0;
}

.services-v7 .sec-eyebrow {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #38bdf8;
    text-align: center;
    margin-bottom: 14px;
}

.services-v7 .sec-heading {
    font-size: clamp(28px, 3.5vw, 50px);
    font-weight: 800;
    color: #f1f5f9;
    text-align: center;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
    line-height: 1.1;
}

.services-v7 .sec-sub {
    font-size: 16px;
    color: #94a3b8;
    text-align: center;
    max-width: 560px;
    margin: 0 auto 72px;
    line-height: 1.75;
}

  .services-v7 .step-card {
    background: #fff;
    border-radius: 30px;
    padding: 36px 28px;
    position: relative;
    transition: all 0.3s;
    height: 100%;
    text-align:center;
    box-shadow: 0px 0px 15px 5px #00000040;
    border-bottom: 6px solid #003941;
}

.services-v7 .step-card:hover {
    border-color: #d98500;
    box-shadow: 0px 0px 15px 5px #00000040;
}



.services-v7   .step-img {
    margin-bottom: 20px;
}


.services-v7 .step-card .section-sub-heading {
    color: #1a1a1a;
    font-size: 24px;
    line-height: 30px;
}

.services-v7 .step-desc {
    font-size: 16px;
    color: #1a1a1a;
    line-height: 26px;
}

.services-v7 .step-connector {
    display: none;
}





.features-v8 {
    position: relative;
    background: #fff;
    padding: 90px 0;
}

.features-v8 .is-boxes {
    width: 100%;
}

.features-v8 .sec-eyebrow {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    color: #f97316;
    text-align: center;
    margin-bottom: 12px;
}

.features-v8 .sec-heading {
    font-size: clamp(26px, 3vw, 46px);
    color: #1c1917;
    font-weight: 800;
    text-align: center;
    line-height: 1.1;
    margin-bottom: 14px;
    letter-spacing: -0.5px;
}

.features-v8 .sec-sub {
    font-size: 16px;
    color: #78716c;
    text-align: center;
    max-width: 520px;
    margin: 0 auto 52px;
    line-height: 1.7;
}

.features-v8 .bento-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 20px;
}

.features-v8 .bento-card {
    border-radius: 10px;
    padding:50px 36px;
 
}

.features-v8 .card-a .section-sub-heading{
    color:#fff;
}

.features-v8 .card-b .section-sub-heading{
    color:#000;
}

.features-v8 .bento-wide {
    grid-row: span 2;
}

.features-v8 .bento-tall {
    grid-row: span 2;
}

.features-v8 .bc-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.features-v8 .bc-title {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 10px;
}

.features-v8 .bc-body {
    font-size: 16px;
    line-height: 1.6;
    opacity: 0.8;
}

.features-v8 .bc-icon {
    margin-bottom: 18px;
}

.features-v8 .card-a {
     background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31277/theme/49176/img/Why-HOS-Investors-Choose-Us.webp);
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    position:relative;
}

.features-v8 .card-a::after {
    position: absolute;
    content: '';
    background: #fff;
    width: 70px;
    height: 2px;
    margin: 0 auto;
        left: 11%;
    bottom: 44%;
}



.features-v8 .card-b {
        background: transparent;
    border-bottom: none;
    box-shadow:1px 2px 10px #003941;
  height: 100%;
     
}
.feature-card .section-main-heading,.feature-card .section-sub-heading {
    position: relative;
}

.feature-card .section-main-heading::after,.feature-card .section-sub-heading::after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    background: #D98500; 
    margin: 10px auto 0; 
    border-radius: 2px;
}
.features-v8 .card-b * {
    color: #003941;
}
.home-sect-trst.features-v8 .card-b {
   
  
}
.home-sect-trst.features-v8 .card-b::after {
    content: none !important;
}
.features-v8 .card-b::after {
    position: absolute;
    content: '';
    background: #d98500;
    width: 70px;
    height: 2px;
    margin: 0 auto;
     left: 11%;
    top: 10%;
}

.features-v8 .card-c {
       background: #EFEFEF;
    border-bottom: 6px solid #003941;
    position:relative;
}





/* ---------------------------------------------------------------------
  23) ABOUT SECTION — RESPONSIVE
   --------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
    .seaside-about-content { padding-right: 0; }
    .seaside-service-areas { padding-left: 0; margin-top: 28px; }
}
@media screen and (max-width: 640px) {
    .seaside-area-chip { padding: 10px 14px; font-size: 13px; }
}

.seaside-areas-icon {
    animation: seaside-pin-pulse 3s ease-in-out infinite;
}
@keyframes seaside-pin-pulse {
    0%, 100% { transform: scale(1);    opacity: 1; }
    50%      { transform: scale(1.15); opacity: 0.75; }
}


/* ---------------------------------------------------------------------
  26) SERVICE AREA CARDS (linked, premium v2)
       Each city is a full clickable card with gradient-fill hover,
       arrow slide-in, and lift micro-interaction.
   --------------------------------------------------------------------- */
.seaside-areas-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.seaside-areas-grid > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* The card itself — an <a> element */
.seaside-area-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: #fff;
    border: 1px solid rgba(0, 66, 143, 0.10);
    border-radius: 14px;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0.02em;
    color:  #003941;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0, 66, 143, 0.04);
    overflow: hidden;
    transition:
        transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        color 0.35s ease;
}

/* Accent dot before the city name (inline, takes layout space) */
.seaside-area-card::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d98500;
    flex: 0 0 8px;
    position: relative;
    z-index: 1;
    transition: background 0.35s ease, transform 0.4s ease;
}

/* Gradient overlay — fades in on hover (absolute, full-card) */
.seaside-area-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,  #003941 0%, #d98500 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    border-radius: inherit;
}

/* Card children sit above the gradient overlay */
.seaside-area-card > * {
    position: relative;
    z-index: 1;
}

.seaside-area-card-name {
    flex: 1;
    transition: color 0.35s ease;
}

.seaside-area-card-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #d98500;
    opacity: 0;
    transform: translateX(-8px);
    transition:
        opacity 0.4s ease,
        transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        color 0.35s ease;
}
.seaside-area-card-arrow svg {
    width: 100%;
    height: 100%;
}


/* ---------------------------------------------------------------------
  27) SERVICE AREA CARD — HOVER + FOCUS STATES
   --------------------------------------------------------------------- */
.seaside-area-card:hover,
.seaside-area-card:focus-visible {
    transform: translateY(-4px);
    border-color: transparent;
    box-shadow: 0 16px 34px rgba(0, 66, 143, 0.25);
    color: #fff;
    outline: none;
}
.seaside-area-card:hover::after,
.seaside-area-card:focus-visible::after {
    opacity: 1;
}
.seaside-area-card:hover::before,
.seaside-area-card:focus-visible::before {
    background: #fff;
    transform: scale(1.4);
}
.seaside-area-card:hover .seaside-area-card-arrow,
.seaside-area-card:focus-visible .seaside-area-card-arrow {
    opacity: 1;
    transform: translateX(0);
    color: #fff;
}

/* Visible keyboard focus ring as a secondary cue */
.seaside-area-card:focus-visible {
    box-shadow:
        0 16px 34px rgba(0, 66, 143, 0.25),
        0 0 0 3px rgba(30, 144, 255, 0.45);
}


/* ---------------------------------------------------------------------
  28) SERVICE AREA CARDS — RESPONSIVE
       Desktop: 2 cols (inside the large-6 right column).
       Tablet:  3 cols (full-width section).
       Mobile:  2 cols (full-width section).
   --------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
    .seaside-areas-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
}
@media screen and (max-width: 640px) {
    .seaside-areas-grid { grid-template-columns: repeat(2, 1fr); }
    .seaside-area-card  { padding: 14px 16px; font-size: 14px; }
}


/* ---------------------------------------------------------------------
  29) SERVICE AREA CARDS — REDUCED MOTION
   --------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .seaside-areas-icon { animation: none; }
    .seaside-area-card,
    .seaside-area-card::before,
    .seaside-area-card::after,
    .seaside-area-card-arrow,
    .seaside-area-card-name { transition: none; }
    .seaside-area-card:hover,
    .seaside-area-card:focus-visible { transform: none; }
}

.guide-card {
    background: #fff;
    padding: 30px;
    border-radius: 30px;
    border-bottom: 5px solid #003941;
    box-shadow: 0px 0px 15px 5px #00000040;
}


@media only screen and (min-width: 1023.5px) {


 .home-page-header header#header{
      position: absolute !important;
    z-index: 2;
    width: 100% !important;
    background: transparent !important;
}

header#header .home-page-header {
    position: absolute !important;
    z-index: 2;
    width: 100% !important;
    background: transparent !important;
}




}

@media only screen and (min-width: 1600px) {




}
@media only screen and (max-width: 1024px) {

.contact-card .cell.large-9.small-12
{
    padding-left: 40px !important;
}

a.button, span.button, input.button, input#Submit, .gen-form #Submit, #newsletter-form #Submit, .button {
    font-size: 15px !important;
    padding: 10px 18px !important;

}



    a.text-center.head-contact-links {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
     .banner-main-heading {
    font-size: 35px;
    line-height: 40px;
}
  .section-main-heading {
    font-size: 25px;
    line-height: 30px;
}
   
   .user-logged-out .inner-content-div {
    max-width: 450px;
    width: 100%;
    padding: 5px;
}

.ps-blog-category li {
    display: inline-block;
    margin-bottom: 8px !important;
}


    .mobile-contact-button-section .icon-part i {
        padding-right: 10px;
        font-size: 20px;
    }
    
    .sidenav-container i.fa-bars.icon {
    color: #fff !important;
}



header#header {
    padding-bottom: 0;
}

.is-overlay-bg {
        opacity: 1;
    }
    

}

@media only screen and (max-width: 1023.5px) {
    
        .glightbox-clean .gnext, .glightbox-modern .gnext {
    position: absolute;
    top: 45% !important;
    right: 30px !important;
    width: 40px;
    height: 56px;
}

.homesec6 {
    background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31277/theme/49176/img/Social-Impact-Investing-bg-m.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
   
   a.button, span.button, input.button, input#Submit, .gen-form #Submit, #newsletter-form #Submit, .button {
    font-size: 16px !important;
    padding: 10px 26px !important;

}

.gif-box, .gif-box1 {
    margin: 0 auto;
}

    .glightbox-clean .gdesc-inner, .glightbox-modern .gdesc-inner {
    padding: 22px 20px;
    text-align: center !important;
}

/*.testimonial-bg {
    background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/30771/theme/48661/img/testimonial-m.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
   color: #fff;
}*/

.service-layout ul {
    list-style: none;
    margin: 0 0 20px 0;
    display: flex;
    gap: 20px;
    flex-flow: column;
}

footer i.fas.fa-map-marker-alt.icon {
    position: relative;
    top: 1px;
}

.features-v8 .bento-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
        gap: 20px;
    }
    
    .features-v8 .card-a {
    min-height: 550px;
    max-width: 370px;
    margin:0 auto;
}

.features-v8 .card-a::after {
    position: absolute;
    content: '';
    background: #fff;
    width: 70px;
    height: 2px;
    margin: 0 auto;
    left: 10%;
    bottom: 44%;
}

.features-v8 .card-b::after {
    position: absolute;
    content: '';
    background: #d98500;
    width: 70px;
    height: 2px;
    margin: 0 auto;
    left: 10%;
    top: 13%;
}

.homesec7 .inner-content-div.large-text-left.white-transparent-bg.text-center.aos-init.aos-animate {
    background: #EFEFEF;
    border-radius: 30px;
    max-width: 100%;
    padding: 50px 30px;
}

.features-v8 .card-b {
    background: #EFEFEF;
    border-bottom: 8px solid #003941;
    position: relative;
    max-width: 370px;
    margin: 0 auto;
}
    
    .custom-margin.margin-vertical-3{
        margin-top: 0 !important;
         margin-bottom: 0 !important;
    }
    .footer-para{
        padding: 0 15px; 
    }
    
  

.glightbox-mobile .glightbox-container .gslide-description {
    padding-bottom: 10px !important;
}
 
 
 
.user-logged-out .inner-content-div.home-in-content-div {
    max-width: 100%;
}

footer ul#mainNav {
    display: block;
}

    .banner-main-heading, .section-main-heading {
    font-size: 36px;
    line-height: 40px;
}

footer em.fas.fa-map-marker-alt.icon {
    position: relative;
    top: 0;
}
    


}
@media only screen and (max-width: 940px) {
    /*general-classes*/
    .width-sm-100 {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .ps-login-page .new-website-login-form .ps-login-form-wrap {
    text-align: center !important;
}
    
   
    
    header#header {
    background: #fff;
}

footer .icon-div a {
    display: flex;
    line-height: 1.3;
    font-size: 16px;
}

footer ul.no-bullet.menu.size-30.align-left {
    justify-content: center;
}



.light-bg-accord ul.accordion .accordion-title {
    padding-left: 10px;
    line-height: 26px;
}


ul.accordion .accordion-title::before {
    top: 0;
    margin-top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: 1rem !important;
}


header i.fas.fa-phone-alt.icon {
    color: #d98500 !important;
}

.inner-sub-div.flex-container.align-top.flex-direction-column-small.align-middle-mobile {
    display: block;
     text-align: center;
}

.inner-sub-div.flex-container.align-top.flex-direction-column-small.align-middle-mobile p{
    text-align: center;
}

 /***blog page***/
 
     .inner-banner.blog-banner {
        position: relative;
        justify-content: center;
        padding: 50px 20px !important;
        background: #ddd;
        left: 0;
        top: 0;
        width: 100% !important;
        max-width: 100% !important;
    }



    /***blog page***/
   
        .ps-login-page .ps-login-form-wrap, .ps-login-page .ps-registration-form-wrap {
    width: 100%;
    text-align: center;
}
 .ps-login-page .ps-login-form-wrap input , .ps-login-page .ps-registration-form-wrap input{
    width: 100% !important;
        margin:0 auto;
        max-width:310px;
    text-align: center;
}
     .ps-login-page .ps-registration-form-wrap ul{
         display: flex;
    justify-content: center;
    flex-wrap: wrap;

         }
    
    
    
    .cell.auto.large-2.text-center.large-text-left.logo-container {
    padding-left: 55px;
}
    
    .cell.large-10.main-navigation.flex-container.align-right.menu-block-main.padding-top-sm-0.padding-bottom-sm-0 {
    border-top: 1px solid #ccc;
}

header .icon, header i {
    color: #d98500 !important;
}

header em.fas.fa-bars.icon.size-28 {
    color: #FFFFFF !important;
}

em.far.fa-phone-alt {
    color: #d98500 !important;
    padding-right: 10px;
}
    
 

aside.sidenav .menu.accordion-menu li a {
    color: #fff;
    text-transform: capitalize;
    text-align:center;
}

    aside.sidenav ul.level-2 > li span {
        padding-left: 0 !important;
    }

aside.sidenav .menu.accordion-menu li.has-submenu a::after {
    border-color: #fff transparent transparent !important;
}

.two-block-ul li:first-child {
        border-right: 0px solid #6e6e6e !important;
    }

header a:not(.button) {
    color: #fff;
}
    
    .lead-magnet-form .width-25 {
        width: 100% !important;
        margin-right: 20px;
    }
    
    .slick-slide img {
    display: block;
    margin: 0 auto;
}

.abt-slider .is-card.testimonial.shadow-1.height-100 {
    box-shadow: none !important;
}

.contact-card .large-9 {
        padding-left: 0px;
    }

.abt-slider .slick-dots {
    bottom: -30px !important;
}

ul.no-bullet.menu.align-center {
    float: none !important;
}

.abt-slider .actual-testimonial-holder {
    border: 0px solid #ccc;
    padding: 10px;
}

.mob-center h2.section-main-heading {
        text-align: left;
    }
    
    ul li {
        text-align: left;
    }
    
    ul li {
        text-align: left;
    }
    
    .mob-center p {
        text-align: left;
    }
    
     .mob-center img {
        text-align: center;
    }
    
        .mob-center {
        text-align: left;
    }
    
    .padding-horizontal-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .justify-small-center {
        justify-content: center !important;
    }

    .mobile-color-white{
        color: #fff !important;
    }
    
    .mobile-color-black{
        color: #333333 !important;
    }
    
    .margin-top-sm-3 {
        margin-top: 3rem !important;
    }
    
    .flex-direction-column {
        flex-direction: column;
    }
    
    .flex-direction-column-rvrs-mb {
        flex-direction: column-reverse;
    }
    
    .border-mb-0 {
        border: 0 !important;
    }
    
    .align-middle-mobile {
        align-items: center;
    }
    
    .padding-horizontal-sm-2 {
        padding-left: 2rem !important;   
        padding-right: 2rem !important;   
    }
    
    /*general-classes*/
    
    
    /*separator classes*/
    .separator-sm-center{
        text-align: center !important;
    }
    
    .separator-sm-center::before, .separator-sm-center::after {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    
    .separator-sm-center::after {
        position: relative !important;
        border-bottom: 0.125rem solid;
        clear: both;
        margin-top: 1rem !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    /*separator classes*/
    
    /*header*/
    .menu-block-main {
        justify-content: center;
        border-top: 1px solid #ccc;
    }
    .pos-ab-header {
        position: static !important;
        background: #4A4A4A !important;
        border-color: #ccc !important;
    }
    .logo-container {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .two-block-ul {
        width: 100%;
    }
    .two-block-ul li {
        width: 50%;
        padding: 10px 0;
    }
    .two-block-ul li:first-child {
        border-right: 1px solid #6e6e6e;
    }
    .left-seprator:after, .middle-seprator:after {
        right: 0;
        margin: 0 auto;
    }
    .lead-magnet-form .submit_wrap.padding-top-1 {
        margin: 30px 0 0;
    }
    /*header*/
 /***Home-page***/
    /*Banner*/
    .user-logged-out .pos-ab-ban {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        margin: 0 auto;
          background: #ddd  !important;
        max-width: 100% !important;
        justify-content: center;
    }

    .user-logged-out .inner-content-div {
        max-width: 100%;
        background: #ddd !important;
        padding:  60px 30px;
    }

    /*Banner*/
     /***Home-page***/
     
     /*service-page*/
     /*newsletter-section*/
     .newsletter-form-main .container.is-container.is-content-1200 {
        padding: 90px 12px 80px !important;
        margin: 0 15px;
    max-width: 100% !important;
    }
     .newsletter-form-main input#first_name, .newsletter-form-main input#email {
        margin-bottom: 15px !important;
    }
     input#subscribe {
        width: auto !important;
    }
    
     /*newsletter-section*/
     /*service-page*/
     /*footer*/
     #footer hr {
        border-color: #888 !important;
     }
     #footer .grid-container.is-container.is-content-1200.margin-top-0.margin-bottom-0.padding-bottom-3.padding-bottom-1.width-sm-100.padding-bottom-sm-0.padding-top-sm-0 {
        width: 100% !important;
        max-width: 95% !important;
    }
    footer a:not(.button) {
        color: #fff;
        text-align: center;
    }
    #footer .flex-container {
        display: block;
    }
    .main-navigation.sticky {
    position: static;
    }
    .user-logged-out .serv-head-elm {
    margin-bottom: -35px;
}
    /*footer*/
    
    
       /*header*/
    .border-sm {
        border-top: 1px solid #cccccc57;
        border-bottom: 1px solid #cccccc57;
    }

    header .first-half-head {
        padding-bottom: 0 !important;
    }

    .padding-sm-bottom-30 {
        padding-bottom: 30px !important;
    }
    
    header .sticky-bg-color.stick {
        position: static;
    }
    
    .sidenav-bar {
      top: 0;
      right: 15px;
      height: 100%;
      display: flex;
      align-items: center;
      z-index: 99999;
    }
    
    aside#sidenav ul.vertical.menu.accordion-menu ul#yt2rwx-acc-menu > li span {
        padding-left: 0 !important;
    }
    
       .ham-menu-mobile{
        position: absolute;
        text-align: right;
        top: 0px;
        margin-top: 60px;
    }

    /*header*/
    
    header .grid-x.grid-padding-x.header5.align-center.align-middle.custom-grid-container.is-content-1200.margin-center {
    max-width: 100% !important;
}

}


    @media screen and (max-width:568px){
        
        .user-logged-out .inner-content-div {
    max-width: 100%;
    width: 100%;
        padding: 50px 20px;
}
 .logo-container img{
        max-width: 250px;
        margin: 0 auto;
    }

.ham-menu {
    background: transparent;
    padding: 0;
    height: 64px;
    cursor: pointer;
margin-top:-30px;
}

ul.accordion .accordion-title::before {

    right: 0.5rem !important;
}

.light-bg-accord ul.accordion .accordion-title {
    padding-left: 8px;
    line-height: 1.4;
}



}


@media only screen and (max-width: 1023.5px) {
    


 
        .mobile-one {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    
 
.serv-div-4 .grid-x.grid-padding-x.grid-padding-y.align-top {
    display: block;
}

.serv-div-4 .grid-x.grid-padding-x.grid-padding-y.align-top .small-4{
    width: 100%;
    text-align: center;
}

.serv-div-4 .grid-x.grid-padding-x.grid-padding-y.align-top .small-8{
    width: 100%;
    text-align: center;
}

.lead-magnet-form input#first_name, .lead-magnet-form input#email, .newsletter-form-main input, .newsletter-form-main input#first_name, .newsletter-form-main input#email {
    margin-bottom: 20px !important;
}


    
  .icon-div {
        align-items: center;
        justify-content: center;
        margin-bottom: 1rem;
        margin-top: 1rem;
        display: flex !important;
    }
    
    #footer .last-icon-div {
        justify-content: center !important;
    }
    
        #footer .icon-div a {
        display: block;
    }
    
    .hide-for-large.position-absolute.sidenav-bar {
        right: 15px;
        top: -27%;
    }
    

.footer-logo {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

    .glightbox-clean .gnext, .glightbox-modern .gnext {
    position: absolute;
    top: 45% !important;
    right: 30px !important;
    width: 40px;
    height: 56px;
}
    
    .glightbox-clean .gdesc-inner, .glightbox-modern .gdesc-inner {
    padding: 22px 20px;
    text-align: center !important;
}


.glightbox-mobile .glightbox-container .gslide-description {
    padding-bottom: 10px !important;
}

    

 
}

@media screen and (max-width:480px){    


}

@media screen and (max-width:400px){    

button.ham-menu svg {
    width: 42px;
}

ul.accordion .accordion-title::before {

    right: 0.3rem !important;
}

.banner-main-heading {
    font-size: 32px;
     line-height: 40px;
}

a.footer-link {
    text-decoration: underline;
    padding-left: 43px;
}

    footer i.fas.fa-map-marker-alt.icon {
        
    }

}



@media only screen and (max-width: 375px) {

.abt-slider .is-card.testimonial.shadow-1.height-100 {
    width: 370px !important;
}

 
}
.footer-logo {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
@media only screen and (max-width: 1200px) {
    .is-section.is-box.home-vid-div iframe {
    width: 900px !important;
    height: 480px;
}
}
@media only screen and (max-width: 1023.5px) {
.is-section.is-box.home-vid-div iframe {
    width: 550px !important;
    height: 375px;
}
}
@media only screen and (max-width: 501px) {
.is-section.is-box.home-vid-div iframe {
    width: 350px !important;
    height: 250px;
}
}
@media only screen and (max-width: 375px) {
.is-section.is-box.home-vid-div iframe {
   width: 320px !important;
        height: 210px;
}
}
[data-aos="fade-up"] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}



    .page-header {
      text-align: center;
      margin-bottom: 3rem;
    }
    .page-header h1 {
      font-size: 2rem;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 0.4rem;
    }
    .page-header p {
      font-size: 1rem;
      color: #6b6b6b;
      margin: 0;
    }
    .phase-label {
      display: inline-block;
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 4px 14px;
      border-radius: 20px;
      margin-bottom: 1.25rem;
      border: 1.5px solid;
    }
    .phase-teal   { color: #0a5c47; background: #d9f3ea; border-color: #4fc49a; }
    .phase-purple { color: #3a2e8a; background: #eceafd; border-color: #a9a3e8; }
    .phase-amber  { color: #5a3205; background: #fdf0d8; border-color: #e89e22; }
    .phase-coral  { color: #6b2410; background: #fbe9e4; border-color: #e8937a; }
    .step-row {
      display: flex;
      align-items: flex-start;
      gap: 20px;
    }
    .step-track {
      display: flex;
      flex-direction: column;
      align-items: center;
      flex-shrink: 0;
      width: 52px;
    }
    .step-icon {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1.5px solid;
      flex-shrink: 0;
    }
    .step-icon svg {
      width: 22px;
      height: 22px;
    }
    .icon-teal   { background: #d9f3ea; border-color: #4fc49a; color: #0a5c47; }
    .icon-purple { background: #eceafd; border-color: #a9a3e8; color: #3a2e8a; }
    .icon-amber  { background: #fdf0d8; border-color: #e89e22; color: #5a3205; }
    .icon-coral  { background: #fbe9e4; border-color: #e8937a; color: #6b2410; }
    .step-connector {
      width: 2px;
      flex: 1;
      min-height: 24px;
      margin: 5px 0;
      border-radius: 1px;
    }
    .line-teal   { background: #9fe0ca; }
    .line-purple { background: #c9c5f4; }
    .line-amber  { background: #f9c570; }
    .line-coral  { background: #f4c2b0; }
    .step-content {
      flex: 1;
      padding-bottom: 2rem;
    }
    .step-number {
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      margin-bottom: 3px;
    }
    .num-teal   { color: #0a5c47; }
    .num-purple { color: #4640aa; }
    .num-amber  { color: #7a4a0a; }
    .num-coral  { color: #8a3015; }
    .step-title {
      font-size: 1.05rem;
      font-weight: 700;
      color: #1a1a1a;
      margin: 0 0 5px;
    }
    .step-desc {
      font-size: 0.9rem;
      color: #555;
      margin: 0;
      line-height: 1.6;
    }
    .phase-card {
      background: #fff;
      border: 1px solid #e8e6e0;
      border-radius: 14px;
      padding: 1.75rem 1.75rem 0.5rem;
      margin-bottom: 1.5rem;
    }
    /* Results section */
    .results-section {
      background: #fff;
      border: 1px solid #e8e6e0;
      border-radius: 14px;
      padding: 2rem 1.75rem 1.75rem;
      margin-bottom: 1.5rem;
    }
    .results-header {
      margin-bottom: 1.5rem;
    }
    .results-header h2 {
      font-size: 1.4rem;
      font-weight: 700;
      color: #1a1a1a;
      margin: 0 0 0.3rem;
    }
    .results-header p {
      font-size: 0.9rem;
      color: #666;
      margin: 0;
      line-height: 1.55;
    }

    /* Metrics grid */
    .metrics-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-bottom: 16px;
    }
    .metric-card {
      background: #f8f7f4;
      border: 1px solid #e8e6e0;
      border-radius: 10px;
      padding: 1rem 1rem 0.85rem;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .metric-card.highlight-teal {
      background: #d9f3ea;
      border-color: #4fc49a;
    }
    .metric-label {
      font-size: 0.72rem;
      font-weight: 600;
      color: #888;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      line-height: 1.3;
    }
    .metric-card.highlight-teal .metric-label {
      color: #0a5c47;
    }
    .metric-value {
      font-size: 1.35rem;
      font-weight: 700;
      color: #1a1a1a;
      line-height: 1.1;
    }
    .value-teal {
      color: #0a5c47;
    }
    .metric-sub {
      font-size: 0.75rem;
      color: #0a5c47;
    }

    /* Returns highlight bar */
    .returns-bar {
      background: #1a3a2e;
      border-radius: 10px;
      padding: 1.25rem 1.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 1.25rem;
    }
    .return-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      flex: 1;
      text-align: center;
    }
    .return-value {
      font-size: 1.5rem;
      font-weight: 700;
      color: #9fe0ca;
      line-height: 1;
    }
    .return-label {
      font-size: 0.72rem;
      color: #7bbda8;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      font-weight: 600;
    }
    .return-divider {
      width: 1px;
      height: 40px;
      background: rgba(255,255,255,0.12);
      flex-shrink: 0;
    }

    /* Disclaimer & CTA */
    .disclaimer {
      font-size: 0.78rem;
      color: #999;
      margin: 0 0 1.25rem;
      font-style: italic;
      line-height: 1.5;
    }
    .download-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #0a5c47;
      color: #fff;
      font-size: 0.88rem;
      font-weight: 600;
      padding: 0.65rem 1.4rem;
      border-radius: 8px;
      text-decoration: none;
      transition: background 0.15s;
    }
    .download-btn:hover {
      background: #084d3b;
      color: #fff;
    }
    .download-btn svg {
      flex-shrink: 0;
    }

    @media screen and (max-width: 640px) {
      .step-icon { width: 42px; height: 42px; }
      .step-icon svg { width: 18px; height: 18px; }
      .step-track { width: 42px; }
      .page-header h1 { font-size: 1.5rem; }
      .metrics-grid { grid-template-columns: repeat(1, 1fr); }
      .returns-bar { flex-direction: column; gap: 16px; padding: 1.25rem 1rem; }
      .return-divider { width: 60px; height: 1px; }
      .return-value { font-size: 1.25rem; }
    }
.btn-div {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.white-div {
   background: transparent;
    border: none;
    box-shadow: 1px 2px 10px #003941;
    height: 100%;
    text-align: center;
    height: 100%;
    border-radius: 10px;
    padding: 50px 36px;
}
.investor-page.features-v8 .card-b {
   
  
}
.investor-page.features-v8 .card-b::after{
    content:none !important;
}
.welcome-video {
    width: 100%;
    max-height: 500px;
    height: auto;
    object-fit: contain;
}
 @media screen and (max-width: 1023.5px) {
ul.investment-list {
    
    flex-direction: column;
}
.btn-box,.btn-div {
  
      flex-direction: column;
}
.investment-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  header img {
    max-width: 300px;
}
}
    @media screen and (max-width: 480px) {
header img {
    max-width: 265px;
}
.submit_wrap.padding-top-1 input#Submit {
    font-size: 12px !important;
        padding: 4px !important;
}
.white-div img {
    margin-bottom: 10px;
}
}
 @media screen and (min-width: 1023.5px) and (max-width: 1200px) {
.is-header .dropdown.menu > li > a {
    padding: 1rem 5px;
}
}
 [data-aos="fade-up"] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

.wrap{display:flex;gap:18px;padding:30px;flex-wrap:wrap}
.card{background:#f4f5f7;border-radius:10px;padding:26px 22px;width:175px}
.icon{margin-bottom:16px;height:30px}
.icon svg{width:30px;height:30px;fill:#0a2540}
.num{font-size:30px;font-weight:800;color:#0a2540;margin-bottom:10px}
.label{font-weight:700;font-size:11px;letter-spacing:.6px;color:#0a2540;margin-bottom:6px;text-transform:uppercase}
.line{width:26px;height:2px;background:#0a2540;margin:8px 0 10px}
.desc{font-size:13px;color:#5a6472;line-height:1.5}




 






 
:root{
    --forest:#173328;
    --forest-deep:#0e211a;
    --cream:#F7F3EA;
    --card:#FFFFFF;
    --gold:#B08D57;
    --gold-light:#D9BE8D;
    --ink:#1B2620;
    --ink-soft:#4B584E;
    --line:#E1D9C7;
  }

  
  /* ---------- Path / Timeline ---------- */

  .path{
  
    margin:0 auto;
    padding:64px 24px 120px;
    position:relative;
  }

  .path-line{
    position:absolute;
    left:calc(24px + 27px);
    top:64px;
    bottom:120px;
    width:1px;
    background:repeating-linear-gradient(
      to bottom,
      var(--line) 0,
      var(--line) 6px,
      transparent 6px,
      transparent 12px
    );
  }

  @media (max-width:640px){
    .path-line{ left:calc(20px + 21px); }
  }

  .step{
    position:relative;
    display:grid;
    grid-template-columns:56px 1fr;
    column-gap:28px;
    margin-bottom:56px;
  }

  .step:last-child{margin-bottom:0;}

  .step-marker{
    grid-column:1;
    display:flex;
    justify-content:center;
  }

  .marker-num{
    width:56px;
    height:56px;
    border-radius:50%;
    background:#003941;
    color:#d98500;
    font-family:'Space Mono', monospace;
    font-size:16px;
    letter-spacing:0.02em;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:2;
    box-shadow:0 0 0 6px var(--cream);
  }

  .step-content{
    grid-column:2;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:4px;
    padding:36px 40px;
  }

  @media (max-width:640px){
    .step{ grid-template-columns:44px 1fr; column-gap:18px; }
    .marker-num{ width:44px; height:44px; font-size:14px; box-shadow:0 0 0 5px var(--cream); }
    .step-content{ padding:26px 22px; }
  }

  .step-kicker{
    
    font-size:11.5px;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--gold);
    margin-bottom:10px;
  }

  .step-content h2{
   
    font-weight:600;
    font-size:25px;
    line-height:1.25;
    color:var(--forest-deep);
    margin-bottom:14px;
  }

  .step-lead{
    font-style:italic;
    color:var(--ink-soft);
    font-size:15px;
    margin-bottom:14px;
  }

  .step-content p.body-text{
    color:var(--ink-soft);
    font-size:15.5px;
    margin-bottom:16px;
  }

  .step-content ul{
    list-style:none;
    margin:6px 0 22px;
    padding:0;
  }

  .step-content ul li{
    position:relative;
    padding-left:22px;
    margin-bottom:9px;
    font-size:15px;
    color:var(--ink);
  }

  .step-content ul li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:1px;
    background:var(--gold);
  }

  .cta-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#d98500;
    color:#fff;
    text-decoration:none;

    font-weight:600;
    font-size:14px;
    letter-spacing:0.01em;
    padding:13px 26px;
    border-radius:2px;
    border:1px solid var(--forest);
    transition:background 0.2s ease, color 0.2s ease, transform 0.2s ease;
  }

  .cta-btn:hover{
    background:#003941;
    color:#fff;
    transform:translateX(2px);
  }

  .cta-btn:focus-visible{
    outline:2px solid var(--gold);
    outline-offset:3px;
  }

  .cta-btn::after{
    content:"→";
    transition:transform 0.2s ease;
  }

  .cta-btn:hover::after{
    transform:translateX(3px);
  }

  /* final step accent */
  .step.final .marker-num{
    background:var(--gold);
    color:var(--forest-deep);
  }

  .step.final .step-content{
    border-color:var(--gold-light);
    background:linear-gradient(180deg, #FFFFFF 0%, #FBF6EC 100%);
  }

  /* ---------- Footer strip ---------- */

  .closing{
    background:var(--forest-deep);
    color:rgba(247,243,234,0.7);
    text-align:center;
    padding:40px 24px;
    font-size:13px;
    font-family:'Space Mono', monospace;
    letter-spacing:0.04em;
  }

  .closing span{color:var(--gold-light);}
 @media (max-width:480px){
    .path{ padding:32px 16px 64px; }
    .path-line{ display:none; }
    .step{
      display:block;
      margin-bottom:36px;
    }
    .step-marker{
      display:inline-flex;
      justify-content:flex-start;
      margin-bottom:14px;
    }
    .marker-num{
      width:36px;
      height:36px;
      font-size:12.5px;
      box-shadow:none;
    }
    .step-content{
      padding:22px 18px;
      width:100%;
    }
    .step-content h2{
      font-size:21px;
    }
  }
  footer img {
    max-width: 300px;
}