/* || 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: "DM Serif Display", serif;
}

/* || HEADER || */
.is-wrapper .is-header, .is-header {
    background-color: #F9F7EA;
    color:#000000;
    height: auto;
    min-height:0;
}

.is-header .is-container {
    z-index: 9;
}

header .sticky-bg-color.stick {
    background: #F9F7EA;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:99;
}



header .is-stuck{
    background: #F9F7EA;
    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: #105043;
}

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: #105043;
    margin-right: 5px;
    width: 18px;
    height: 18px;
}

.new-blog-template .ps-blog-tags li a{
     color: #105043 !important; 
}

.new-blog-template .ps-blog-tags li a:hover{
     color: #105043 !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:   #105043 transparent transparent !important;
}

header .icon, header i {
    color: #105043 !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: #105043;
}

header button,
header .button,
header button:hover,
header button:focus,
header .button:hover,
header .button:focus {
     background:#105043;
     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: #000000;
}

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:#105043
}

.ecommerce-style2 .ps-cart-text-container, .ps-cart-text-container {
    color:#F9F7EA;
    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:#105043;
}

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;
}

.nav-bg, 
.top-bar, 
.top-bar ul,
.top-bar ul.menu {
    
        background: #F9F7EA;
    
}


.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:#F9F7EA;
    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:#105043;
}

/* || MENU || */
header .dropdown.menu li a:not(.button) {
    width: 100%;
}

header ul.dropdown.menu li a:not(.button) {
     color: #000;
}

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: #105043 !important;
    background-color: #F9F7EA;
}

header ul.dropdown.menu li.active > a:not(.button){
    color: #105043 !important;
    background-color: #F9F7EA;
    font-weight: 700;
}

header .dropdown.menu li ul.submenu {
     background: #333;
     border:0px 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: #F9F7EA;
    background: #105043;
}

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: #105043 transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    border-color: transparent #F9F7EA 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 #F9F7EA transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    border-color: transparent transparent transparent #F9F7EA;
}
img.wts-c {
    border-radius: 5px;
    height: 32px;
    position: relative;
    top: 2px;
}
.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 #F9F7EA;
}

/* 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:#F9F7EA;
    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:#105043;
}

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.active > a:not(.button), 
.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:transparent;
}

.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 #105043;
    color: #105043;
}

.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:0px solid #105043;
}

.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 #105043;
}

.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: #105043;
    color: #FFFFFF;
}

.new-header .button.hollow {
    background:transparent;
    color:#000000;
    border:1px solid #105043;
}

.new-header-menu-container {
    background:#F9F7EA;
}

.new-header .button i,
.new-header .button:hover i {
    color:inherit;
    padding-right:10px;
}

.column.full {
    width: 100%;
}

.sidenav-container {
    background-color: #105043;
    color: #FFFFFF;
    height: 42px;
    width: 42px;
    text-align: center;
    border-radius: 50px;
    padding-top: 2px;
}

.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: #105043;
    width: 50px;
    height: 50px;
}

.new-blog-template .ps-blog-recent-posts li a::before {
    background: #105043;
    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:#105043;
    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:#000000;
}

footer .menu .active > a {
    background: #f5f5f5 !important;
    color: #105043 !important;
}

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;
}

.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 #000000;
    color: #000000;
}

footer.new-footer a:not(.button):hover, 
footer.new-footer a:not(.button):active, 
footer.new-footer a:not(.button):focus {
    color: #000000;
}

.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/31497/theme/49413/img/footer_bg.jpg") no-repeat;
    background-position: top;
    background-size: cover;
    margin-top:0;
}

.new-footer-3 i {
    color:#000000;
}

.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:#0F2F5B;
    font-size: 1.75rem;
    font-weight:500;
}

.text-primary {
     color:#105043;
}

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: #F9F7EA;
    color: #000000;
    clear: both;
}

footer a:not(.button) {
    color: #000000;
}

.is-footer .is-container {
    padding: 0px;
}

footer a:not(.button):hover,
footer a:not(.button):active,
footer a:not(.button):focus {
    color: #000000;
}

.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: #000000;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6{
     color: #000000;
}


.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: 60%;
}

@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:#F9F7EA;
    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:#F9F7EA;
    color: #000000;
}

aside.sidenav .menu.simple a {
    color: #000000;
}



aside.sidenav .ps-cart-text-container {
    color:#F9F7EA;
    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:#105043;
}

aside.sidenav .is-accordion-submenu {
    margin-left: 0;
}

aside.sidenav .menu.accordion-menu li {
    border-bottom: 1px solid #000;
}

aside.sidenav .menu.accordion-menu li:last-child {
    border-bottom: 0px solid;
}

aside.sidenav .menu.accordion-menu li a {
    background: #FCF5EC;
    color: #000000;
}

aside.sidenav .menu.accordion-menu .active > a {
    background:#F9F7EA;
    color: #105043;
    font-weight:600;
}

aside.sidenav .menu.accordion-menu li.has-submenu a::after {
    border-color: #000000 transparent transparent !important;
}

aside.sidenav .menu.accordion-menu > li.has-submenu.active > a::after {
    border-color: #105043 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: #000 !important;
}

.dark-bg {
    background: #105043 !important;
}



.color-white {
    color: #fff !important;
}

.color-black{
    color: #000 !important;
}

.color-light {
    color: #105043 !important;
}



.blue-bg {
    background: linear-gradient(180deg, #3E84CA 0%, #2E65B7 100%) !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: "DM Sans", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px !important;
    padding: 10px 28px !important;
    line-height: 26px !important;
    text-transform: uppercase;
    opacity: 1 !important;
    width: auto !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    border-radius: 10px !important;
 background: #105043;
    color: #fff;
     border: 1px solid #105043 !important;
}

a.button:hover,
span.button:hover,
input.button:hover,
input#Submit:hover,
.gen-form #Submit:hover,
#newsletter-form #Submit:hover,
.button:hover{
    background: #619087 !important;
    color: #fff;
    border: 1px solid #619087 !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: #105043 !important;
}

.cta-link {
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #0F2F5B;
}

.cta-link:hover{
    text-decoration: underline;
}

p, 
ul li{
    font-family: "DM Sans", 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: "DM Serif Display", serif;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    text-transform: capitalize;
    letter-spacing: 0.35px;
    color: #000000;
}

.banner-main-heading {
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
   color: #fff;
}

.section-sub-heading,
.banner-sub-heading,
ul.accordion .accordion-title{
    font-family: "DM Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.16px;
    text-transform: capitalize;
    color: #0F2F5B;
}

.normal-text{
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.16px;
    text-transform: inherit;
    color: #0F2F5B;
}

.banner-sub-heading {
    font-size: 20px;
    color: #fff;
}



    .inner-content-div p {
        color: #fff !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: #D3A260;
    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 #FCF5EC;
        background: #FCF5EC;
}

.slick-dots li.slick-active, .slick-dots li:hover {
     border: 1px solid #105043;
        background: #105043;
}

.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: 1.2rem 18px;
}
.is-header .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        right: 4px;
    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: #105043 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: #FCF5EC;
    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: #FCF5EC;
}

.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: #D3A260;
}

.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: 650px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.5);
}

/*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: "DM Sans", 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: 0px !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

ul.accordion .accordion-title:hover,
ul.accordion li.accordion-item.is-active .accordion-title{
    background:#FCF4EC !important; 
    color: #105043 !important;
    border: 1px solid #105043 !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 !important;
    
    margin: 10px 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: #fff;
    border: 1px solid #105043 !important;
    color: #105043 !important;
    padding-left: 1.5rem;
        line-height: 26px;
        font-weight: 500;
}

.light-bg-accord ul.accordion .accordion-content {
    background: #f5f5f5;
    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: #105043  !important;
    border: 1px solid #105043 !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, .contact-page-form p {
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.8;
    color: #000;
}
.field_32673_wrap p{
    display: block;
    margin: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4;
    color: #9f9f9f;
    }
[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 #105043;
    border-right: 5px dashed #105043;
    border-bottom: 5px solid #105043;
    border-left: 4px solid #105043;
    display: inline-block;
    margin-bottom: 1rem;
    padding: 25px;
    border-radius: 50%;
}

.contact-icon svg {
    fill: #105043;
    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/31399/theme/49299/img/lead-d.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.home2 .button, .newsletter .button, .main-banner-sec .button {
    color: #fff;
    border: 1px solid #fff !important;
}

.service-bg {
    background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31399/theme/49299/img/Service-bg.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.service-bg1 {
    background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31399/theme/49299/img/Service-bg1.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/31399/theme/49299/img/Newsletter-bg.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
   
}

.newsletter .section-sub-heading, .newsletter p, .home2 .section-sub-heading, .home2 p{
    color: #fff;
}



video.home-video-width {
    width: 100%;
    height: 100%;
}

.is-section.is-box.main-banner-sec.home1 {
    line-height: 0px;
}

video {
    object-fit: contain;
}


.fa-arrow-right:before {
    content: "\f061";
    color: #888 !important;
}


.home8{
       background: #105043 !important;
}

.home8 p{
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
}

.tab-box {
    padding: 15px;
    border: 1px solid #105043;
    background: #105043;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab-box h3 {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
}



ul.lab-ul {
    fill: #105043;
}

.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: 22px;
    margin-bottom: 7px;
}

.icon-list li:before {
    content: "";
    position: absolute;
    background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31399/theme/49299/img/bullet.png) no-repeat;
    left: 0;
    top: 5px;
    width: 17px;
    height: 17px;
}

.icon-list1 {
    margin: 0;
}

.icon-list1 li {
    list-style: none;
    position: relative;
    padding-left: 22px;
    margin-bottom: 7px;
}

.icon-list1 li:before {
    content: "";
    position: absolute;
    background: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31399/theme/49299/img/bullet-w.webp) no-repeat;
    left: 0;
    top: 5px;
    width: 17px;
    height: 17px;
}

.shadow-1.height-100 {
    background: #f4f4f4;
    box-shadow: none !important;
    border-radius: 10px;
}

.service2 .rounded.padding-1.height-100.flex-container.align-middle.light-bg {
    min-height: 230px;
}

.menu li a, header .head-contact-links{
    font-family: "DM Sans", sans-serif !important;
}

/*
footer p, footer a{
    font-family: "DM Serif Display", serif !important;
}
*/




footer .fa-phone-alt:before {
    padding-right: 0px;
    color: #105043 !important;
}

footer .fa-envelope:before  {
    padding-right: 0px;
    color: #105043 !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/31497/theme/49413/img/link-arrow.png");
    position: absolute;
    top: 0;
    right: 0;
}
.slick-dots {
    bottom: 50px;
}
.slick-dots li {
    border: 1px solid #ddd !important;
    background: #ddd;
    width: 13px;
    height: 13px;
}
.slick-dots li.slick-active, .slick-dots li:hover {
    background: #105043 !important;
    border:1px solid #105043 !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: #105043;
}

footer .icon {
    color: #105043;
    margin-right: 10px;
}

footer .menu.foot-menu li {
    width: 100%;
}

footer .menu li a{
   padding-left:0; 
   padding-top: 0;
}

footer .foot-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    padding: 10px 0 0px;
}

footer .foot-menu li:last-child {
    border-bottom: 0px ;
}

footer .copyright-main-block {
    border-top: 2px solid #105043;
}
/*footer*/

svg.step.social-icon{
    fill: #105043 !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%;
}

.home4 figure {
    background: #000;
}

.home4 figure figcaption.text-center.margin-top-1 {
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
    padding: 15px;
    max-width: 370px;
    margin: 0 auto;
    min-height: 100px;
}

.about-box {
    padding:30px 20px;
    border: 1px solid #105043;
    height: 100%;
    text-align: left;
    background: #FCF5EC;
    border-radius: 20px 0px 20px 0px;
}



.serv-div-4 {
    border-radius: 10px;
}
    
.service-box {
     padding: 18px 18px;
    border-radius: 10px;
    background: #fff;
    height: 100%;
    border: 3px solid #105043;
     text-align: left;
     color: #000;
}



.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 105%;
    right: auto !important;
    left: 20px;
    z-index: 999999;
}


.copyright-container.footer-color {
    background: #fff;
    color: #000 !important;
}

.copyright-container.footer-color a{
    color: #000 !important;
}

.servicearea2 .service-btn-like{
    background: #f5f5f5;
    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: "Lora", serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.01em;
   height: 350px;
    color: #000 !important;
    display: block;
    margin: 10px 10px 0 10px !important;
}

.servicearea2 .service-btn-like:hover {
    border-top: 2px solid #105043;
    border-bottom: 2px solid #105043;
}


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: #000 !important;
}



.servicearea2 .service-btn-like a{
    font-weight: 400;
    font-size: 16px;
     color: #000 !important;
}


/* service area */

.service-btn-like {
    display: flex;
    background: #f5f5f5;
    align-items: center;
    padding: 20px 15px;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
    border: 2px solid #f5f5f5;
    justify-content: center;
    flex-direction: column;
    font-family: "Lora", serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.01em;
    height: 100%;
    color: #000 !important;
    margin: 10px 10px 0 10px !important;
}

.service-btn-like p{
    margin-bottom: 0 !important;
    font-weight: 500;
    font-size: 18px;
     color: #000 !important;
}

.service-btn-like i{
 font-size: 30px !important;
}

.service-btn-like a{
    font-weight: 500;
    font-size: 18px;
     color: #000 !important;
}

.service-btn-like .normal-text{
    font-weight: 500;
    font-size: 18px;
     color: #000 !important;
}

.service-btn-like .ion-location:before {
    content: url(https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31399/theme/49299/img/location.png) !important;
}



.service-btn-like:hover {
    border-top: 2px solid #105043;
    border-bottom: 2px solid #105043;
}



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: #105043;
    font-weight: 600;
    text-transform: capitalize;
}

.new-blog-template .ps-blog-tags li a {
    color: #105043 !important;
    text-transform: capitalize;
    font-weight: 700;
}

.new-blog-template .widget-category svg{
    fill: #105043 !important;
}

.new-blog-template .blog-widget .widget-category span a{
     color: #105043 !important;
}

.new-blog-template .blog-widget .widget-category span a:hover{
     color: #000 !important;
}

.new-blog-template .ps-blog-tags li a::before {
    background: #105043 !important;
}


footer em.fas.fa-map-marker-alt.icon {
    position: relative;
    top: 4px;
}

.inner-banner.blog-banner {
    position: absolute;
    left: -63%;
    top: 30%;
    transform: none;
    width: 100%;
    text-align: center;
    justify-content: center;
    height: 30%;
    align-items: center;
    display: flex;
    max-width: 300px;
    margin: 0 auto;
    right: 0;
    padding: 0 13px;
    background: rgba(0,0,0,0.5);
}

.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;
}

.open-down-arrow.active .button.button-down{
    display:none;
}

.open-down-arrow .button.button-up {
    display:none;
}

.open-down-arrow.active .button.button-up {
    display:inline-block;
}
.more-sec h2.section-sub-heading {
    font-size: 20px;
}



/* ADMIN PAGE */
.new-website-login-form form.settings label {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #000;
}



.article-body h2 {
    font-family: "Roboto", serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.16px;
    text-transform: capitalize;
    color: #105043;
}

.article-body h3 {
    font-family: "Roboto", serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.16px;
    text-transform: capitalize;
    color: #105043;
}

.article-body ul {
    margin: 0;
}

.article-body ul li {
    list-style: none;
    position: relative;
    padding-left: 22px;
    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/31399/theme/49299/img/bullet.png) no-repeat;
    left: 0;
    top: 5px;
    width: 17px;
    height: 17px;
}

.new-blog-template .blog-widget .widget-category span a {
    color: #105043;
    text-transform: capitalize !important;
}


.logo-container img {
    max-width: 200px;
}

p.dealer-text {
    font-weight: 700;
    font-size: 18px;
}

.service-layout {
    border: 1px solid #cccc;
    height: 100%;
    border-radius: 10px;
}

.service-layout1 {
    border: 3px solid #105043;
    border-radius: 10px;
}

ul.service-list {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

ul.service-list li {
    border: 2px solid #105043;
    background: #fff !important;
    transition: all .3s;
    padding: 20px;
    border-radius: 10px;
    width: 48%;
    text-align: center;
}

.aio-money span {
    top: 8px;
}

 .aio-field select {
    padding: 7px 12px !important;
}

.aio-field select {
    background-image: none !important;
    content: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235a6b76' d='M1 1l5 5 5-5'/%3E%3C/svg%3E); !important;
}
a.button.side-btn {
    margin: 0px 10px;
}
/******************************************************/

@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;
}
.user-logged-out .inner-content-div.home-in-content-div {
    max-width: 520px;
}
    a.text-center.head-contact-links {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .banner-main-heading {
    font-size: 28px;
    line-height: 33px;
}
    

.ps-blog-category li {
    display: inline-block;
    margin-bottom: 8px !important;
}

.user-logged-out .inner-content-div {
        max-width: 600px;
        padding: 5px;
    }
    
    .mobile-contact-button-section .icon-part i {
        padding-right: 10px;
        font-size: 20px;
    }
    
    .sidenav-container i.fa-bars.icon {
    color: #fff !important;
}

.is-header .dropdown.menu > li > a {
    padding: 1rem 0.6rem;
}

.is-header .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    right: -2px;
    margin-top: -2px;
}

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;
}
    
    .glightbox-clean .gdesc-inner, .glightbox-modern .gdesc-inner {
    padding: 22px 20px;
    text-align: center !important;
}


.color-custom{
color: #fff !important;    
}

.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;
}
    

.banner-main-heading{
 color: #fff !important;    
}
}
@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;
}
    
 a.button.side-btn {
    margin: 10px 0px !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;
}

.inner-content-div p {
    color: #fff !important;
}

.podcast .cell.large-4.text-center.aos-init.aos-animate {
    width: 100% !important;
}

  .contact-card  .cta-link {
    font-size: 16px;

}


.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: #105043 !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: #222;
        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: #105043 !important;
}



em.far.fa-phone-alt {
    color: #105043 !important;
    padding-right: 10px;
}
    
 .home4 figure {
    max-width: 370px;
    margin: 0 auto;
} 

aside.sidenav .menu.accordion-menu li a {
    background: #fff;
    color: #000;
    text-transform: capitalize;
}

    aside.sidenav ul.level-2 > li span {
        padding-left: 0 !important;
    }

aside.sidenav .menu.accordion-menu li.has-submenu a::after {
    border-color: #103E6D transparent transparent !important;
}

.two-block-ul li:first-child {
        border-right: 0px solid #6e6e6e !important;
    }

header a:not(.button) {
    color: #000;
}
    
    .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: 30px !important;
        padding-bottom: 30px !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: #222  !important;
        max-width: 100% !important;
        justify-content: center;
    }

    .user-logged-out .inner-content-div {
        max-width: 100%;
        background: #222 !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: #6e6e6e !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: #000;
        text-align: center;
    }
    #footer .flex-container {
        display: block;
    }
    .main-navigation.sticky {
    position: static;
    }
    .user-logged-out .serv-head-elm {
    margin-bottom: -35px;
}
    /*footer*/
}


    @media screen and (max-width:568px){
        
        .user-logged-out .inner-content-div {
    max-width: 100%;
    width: 100%;
        padding: 50px 20px;
}
 



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: 30%;
    }
    

.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){    
 footer em.fas.fa-map-marker-alt.icon {
         left: 3px;
    }
.fst-adr {
    top: -8px !important;
    left: 16px !important;
}

ul.accordion .accordion-title::before {

    right: 0.3rem !important;
}

.banner-main-heading {
    font-size: 32px;
     line-height: 36px;
}




}



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

.abt-slider .is-card.testimonial.shadow-1.height-100 {
    width: 370px !important;
}
.fst-adr {
    top: -8px !important;
    left: 26px !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;
}
}


/* =========================================
   BOOKIFY CONTACT HERO
   ========================================= */

.contact-sec1 {
    position: relative;
    overflow: hidden;
    background: #105043 !important;
    min-height: 470px;
    display: flex;
    align-items: center;
    font-family: "DM Sans", sans-serif;
}

/* Main content wrapper */
.contact-sec1 .is-boxes,
.contact-sec1 .is-box-centered {
    width: 100%;
    position: relative;
    z-index: 2;
}

.contact-sec1 .is-container {
    width: 100%;
    max-width: 1200px;
    padding-top: 80px;
    padding-bottom: 80px;
}

/* =========================================
   DECORATIVE BACKGROUND
   ========================================= */

.contact-sec1::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    right: -230px;
    top: -260px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
}

.contact-sec1::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    left: -210px;
    bottom: -230px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 50%;
}

/* =========================================
   CONTENT
   ========================================= */

.contact-sec1 .cell.large-12 {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

/* Small gold accent */
.contact-sec1 .cell.large-12::before {
    content: "";
    display: block;
    width: 55px;
    height: 3px;
    margin: 0 auto 28px;
    background: #d7b878;
    border-radius: 50px;
}

/* =========================================
   H1
   ========================================= */

.contact-sec1 .section-main-heading {
    max-width: 900px;
    margin: 0 auto 25px;

    font-family: "DM Serif Display", serif;
    font-size: clamp(44px, 5vw, 68px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -1px;

    color: #ffffff !important;
}

/* =========================================
   DESCRIPTION
   ========================================= */

.contact-sec1 p {
    max-width: 750px;
    margin: 0 auto;

    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.1px;

    color: rgba(255, 255, 255, 0.88) !important;
}


/* =========================================
   SUBTLE CENTER GLOW
   ========================================= */

.contact-sec1 .is-box-centered::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.025);
    border-radius: 50%;
    filter: blur(10px);
    z-index: -1;
}


/* =========================================
   TABLET
   ========================================= */

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

    .contact-sec1 {
        min-height: 430px;
    }

    .contact-sec1 .is-container {
        padding: 60px 20px;
    }

    .contact-sec1 .cell.large-12::before {
        width: 45px;
        height: 2px;
        margin-bottom: 22px;
    }

    .contact-sec1 .section-main-heading {
        font-size: 42px;
        line-height: 1.12;
        letter-spacing: -0.5px;
        margin-bottom: 20px;
    }

    .contact-sec1 p {
        font-size: 16px;
        line-height: 1.65;
    }

    .contact-sec1::before {
        width: 350px;
        height: 350px;
        right: -180px;
        top: -170px;
    }

    .contact-sec1::after {
        width: 250px;
        height: 250px;
        left: -150px;
        bottom: -160px;
    }
}


/* =========================================
   MOBILE
   ========================================= */

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

    .contact-sec1 {
        min-height: 410px;
    }

    .contact-sec1 .is-container {
        padding: 50px 18px;
    }

    .contact-sec1 .section-main-heading {
        font-size: 34px;
        line-height: 1.15;
    }

    .contact-sec1 p {
        font-size: 15px;
        line-height: 1.65;
    }

    .contact-sec1 .cell.large-12::before {
        margin-bottom: 20px;
    }
}


/* =========================================
   BOOKIFY CONTACT DETAILS
   ========================================= */

.contact-sec3 {
    position: relative;
    overflow: hidden;
    background: #f6f3ec !important;
    font-family: "DM Sans", sans-serif;
}

/* Soft background decoration */
.contact-sec3::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -220px;
    top: -220px;
    border: 1px solid rgba(16, 80, 67, 0.08);
    border-radius: 50%;
}

.contact-sec3::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    left: -170px;
    bottom: -170px;
    border: 1px solid rgba(16, 80, 67, 0.07);
    border-radius: 50%;
}

.contact-sec3 .is-box-centered,
.contact-sec3 .is-container {
    position: relative;
    z-index: 2;
}

.contact-sec3 .is-container {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* =========================================
   CONTACT CARDS
   ========================================= */

.contact-sec3 .contact-card {
    position: relative;
    min-height: 270px;
    padding: 40px 30px !important;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: #ffffff;
    border: 1px solid rgba(16, 80, 67, 0.10);
    border-radius: 18px !important;

    box-shadow: 0 12px 35px rgba(16, 80, 67, 0.08) !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

/* Top gold line */
.contact-sec3 .contact-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 55px;
    height: 3px;
    transform: translateX(-50%);

    background: #d7b878;
    border-radius: 0 0 10px 10px;
}

/* Hover */
.contact-sec3 .contact-card:hover {
    transform: translateY(-8px);
    border-color: rgba(16, 80, 67, 0.18);
    box-shadow: 0 20px 45px rgba(16, 80, 67, 0.13) !important;
}


/* =========================================
   ICON / IMAGE
   ========================================= */

.contact-sec3 .contact-card img {
    width: 78px;
    height: 78px;
    object-fit: contain;

    padding: 17px;
    margin: 0 auto 20px;

    background: #edf4f1;
    border-radius: 50%;

    transition:
        transform 0.35s ease,
        background 0.35s ease;
}

.contact-sec3 .contact-card:hover img {
    transform: scale(1.08);
    background: #e3eee9;
}


/* =========================================
   HEADING
   ========================================= */

.contact-sec3 .section-sub-heading {
    margin: 0 0 10px;

    font-family: "DM Serif Display", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;

    color: #105043;
}


/* =========================================
   CONTACT TEXT
   ========================================= */

.contact-sec3 .contact-card > p {
    margin-bottom: 0;
}

.contact-sec3 .contact-card .cta-link {
    display: inline-block;

    font-family: "DM Sans", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;

    color: #105043;
    text-decoration: none;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.contact-sec3 .contact-card .cta-link:hover {
    color: #c09c5c;
}


/* =========================================
   LINK UNDERLINE
   ========================================= */

.contact-sec3 .contact-card .cta-link::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    margin: 5px auto 0;

    background: #d7b878;
    border-radius: 10px;

    transition: width 0.3s ease;
}

.contact-sec3 .contact-card .cta-link:hover::after {
    width: 100%;
}


/* =========================================
   EMAIL CARD
   ========================================= */

.contact-sec3 .cust-mail {
    background: #105043;
    border-color: #105043;
}

.contact-sec3 .cust-mail .section-sub-heading {
    color: #ffffff;
}

.contact-sec3 .cust-mail .cta-link {
    color: rgba(255, 255, 255, 0.92);
}

.contact-sec3 .cust-mail .cta-link:hover {
    color: #d7b878;
}

.contact-sec3 .cust-mail img {
    background: rgba(255, 255, 255, 0.12);
}

.contact-sec3 .cust-mail:hover {
    box-shadow: 0 20px 45px rgba(16, 80, 67, 0.20) !important;
}


/* =========================================
   RESPONSIVE
   ========================================= */

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

    .contact-sec3 .is-container {
        padding: 45px 20px;
    }

    .contact-sec3 .contact-card {
        min-height: 245px;
        padding: 35px 25px !important;
    }

    .contact-sec3 .section-sub-heading {
        font-size: 27px;
    }

    .contact-sec3 .contact-card .cta-link {
        font-size: 16px;
        overflow-wrap: anywhere;
    }

    .contact-sec3 .contact-card img {
        width: 70px;
        height: 70px;
        padding: 15px;
        margin-bottom: 18px;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

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

    .contact-sec3 .is-container {
        padding: 35px 15px;
    }

    .contact-sec3 .contact-card {
        min-height: 230px;
        padding: 30px 20px !important;
        border-radius: 15px !important;
    }

    .contact-sec3 .section-sub-heading {
        font-size: 25px;
    }

    .contact-sec3 .contact-card .cta-link {
        font-size: 15px;
    }
}

/* =========================================
   BOOKIFY CONTACT TRUST BAND
   ========================================= */

.contact-sec4, .home8 {
    position: relative;
    overflow: hidden;
    min-height: 250px;

    background: #105043;
    font-family: "DM Sans", sans-serif;
}

/* Decorative circles */
.contact-sec4::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -210px;
    top: -250px;

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
}

.contact-sec4::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    left: -170px;
    bottom: -190px;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.contact-sec4 .is-boxes,
.contact-sec4 .is-box-centered,
.contact-sec4 .is-container {
    position: relative;
    z-index: 2;
    width: 100%;
}

.contact-sec4 .is-container {
    max-width: 1000px;
    padding-top: 55px;
    padding-bottom: 55px;
}

/* =========================================
   CONTENT
   ========================================= */

.contact-sec4 p {
    position: relative;
    max-width: 850px;
    margin: 0 auto;

    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.1px;

    color: rgba(255, 255, 255, 0.92) !important;
}

/* Gold accent above paragraph */
.contact-sec4 p::before {
    content: "";
    display: block;

    width: 55px;
    height: 3px;

    margin: 0 auto 25px;

    background: #d7b878;
    border-radius: 50px;
}


/* =========================================
   SUBTLE CENTER GLOW
   ========================================= */

.contact-sec4 .is-container::before {
    content: "";
    position: absolute;

    width: 260px;
    height: 260px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    background: rgba(255, 255, 255, 0.025);
    border-radius: 50%;
    filter: blur(8px);

    pointer-events: none;
}


/* =========================================
   TABLET
   ========================================= */

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

    .contact-sec4 {
        min-height: 220px;
    }

    .contact-sec4 .is-container {
        padding: 45px 20px;
    }

    .contact-sec4 p {
        font-size: 16px;
        line-height: 1.7;
    }

    .contact-sec4 p::before {
        width: 45px;
        height: 2px;
        margin-bottom: 20px;
    }

    .contact-sec4::before {
        width: 320px;
        height: 320px;
        right: -180px;
        top: -200px;
    }

    .contact-sec4::after {
        width: 220px;
        height: 220px;
        left: -140px;
        bottom: -150px;
    }
}


/* =========================================
   MOBILE
   ========================================= */

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

    .contact-sec4 {
        min-height: 210px;
    }

    .contact-sec4 .is-container {
        padding: 40px 18px;
    }

    .contact-sec4 p {
        font-size: 15px;
        line-height: 1.7;
    }
}


/* =========================================
   BOOKIFY BLOG ARTICLE
   ========================================= */

.blog-ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    font-family: "DM Sans", sans-serif;
}

.blog-ul .blog-li {
    margin: 0 0 30px;
    padding: 0 !important;
    list-style: none;
}

.blog-ul .blog-article {
    position: relative;
    overflow: hidden;

    padding: 38px 42px 40px !important;

    background: #ffffff;
    border: 1px solid rgba(16, 80, 67, 0.10);
    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(16, 80, 67, 0.06);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

/* Top brand accent */
.blog-ul .blog-article::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    width: 65px;
    height: 4px;

    background: #d7b878;
    border-radius: 0 0 10px 0;
}

.blog-ul .blog-article:hover {
    transform: translateY(-5px);

    border-color: rgba(16, 80, 67, 0.18);

    box-shadow: 0 18px 42px rgba(16, 80, 67, 0.11);
}


/* =========================================
   CATEGORIES
   ========================================= */

.blog-ul .article-category {
    margin: 0 0 16px;

    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;

    text-transform: uppercase;
    letter-spacing: 0.8px;

    color: #777777;
}

.blog-ul .categories_text {
    margin-right: 5px;
    color: #105043;
    font-weight: 700;
}

.blog-ul .article-category span {
    color: #777777;
}

.blog-ul .article-category a {
    color: #105043;
    text-decoration: none;

    transition: color 0.25s ease;
}

.blog-ul .article-category a:hover {
    color: #c09c5c;
}


/* =========================================
   ARTICLE TITLE
   ========================================= */

.blog-ul .article-title {
    margin: 0 0 17px;
}

.blog-ul .article-title a {
    display: inline;

    font-family: "DM Serif Display", serif;
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.4px;

    color: #105043 !important;
    text-decoration: none;

    transition: color 0.25s ease;
}

.blog-ul .article-title a:hover {
    color: #c09c5c !important;
}


/* =========================================
   ARTICLE DESCRIPTION
   ========================================= */

.blog-ul .article-body {
    max-width: 850px;
    margin-bottom: 24px;
}

.blog-ul .article-body p {
    margin: 0;

    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;

    color: #5f6965;
}


/* =========================================
   READ MORE
   ========================================= */

.blog-ul .pb-0 {
    margin-top: 20px !important;
}

.blog-ul .blog-read-more {
    position: relative;
    display: inline-flex;
    align-items: center;

    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 0.7px;

    color: #105043 !important;
    text-decoration: none;

    transition: color 0.25s ease;
}

/* Arrow */
.blog-ul .blog-read-more::after {
    content: "→";
    margin-left: 9px;

    font-size: 18px;
    line-height: 1;

    transition: transform 0.25s ease;
}

.blog-ul .blog-read-more:hover {
    color: #c09c5c !important;
}

.blog-ul .blog-read-more:hover::after {
    transform: translateX(5px);
}


/* Gold underline */
.blog-ul .blog-read-more::before {
    content: "";
    position: absolute;

    left: 0;
    bottom: -7px;

    width: 28px;
    height: 2px;

    background: #d7b878;
    border-radius: 10px;

    transition: width 0.3s ease;
}

.blog-ul .blog-read-more:hover::before {
    width: 100%;
}


/* =========================================
   RESPONSIVE
   ========================================= */

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

    .blog-ul .blog-li {
        margin-bottom: 22px;
    }

    .blog-ul .blog-article {
        padding: 32px 25px 34px !important;
        border-radius: 15px;
    }

    .blog-ul .article-category {
        font-size: 11px;
        line-height: 1.7;
    }

    .blog-ul .article-title a {
        font-size: 30px;
        line-height: 1.22;
    }

    .blog-ul .article-body p {
        font-size: 15px;
        line-height: 1.7;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

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

    .blog-ul .blog-article {
        padding: 28px 20px 30px !important;
    }

    .blog-ul .article-title a {
        font-size: 26px;
    }

    .blog-ul .article-category {
        font-size: 10px;
        letter-spacing: 0.5px;
    }

    .blog-ul .article-body {
        margin-bottom: 20px;
    }

    .blog-ul .article-body p {
        font-size: 14px;
    }
}

/* =========================================
   BOOKIFY - SINGLE BLOG ARTICLE
   Premium Editorial Styling
   Brand: #105043
   Fonts: DM Sans + DM Serif Display
========================================= */

.blog-widget {
    width: 100%;
    background: #f8f6f1;
    font-family: "DM Sans", sans-serif;
    color: #303a36;
    padding: 0;
}

.blog-widget .inner-blog-widget {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 75px 30px 90px;
}

/* =========================================
   ARTICLE HEADER
========================================= */

.blog-widget .article-title {
    max-width: 950px;
    margin: 0 auto 25px;
    text-align: left;
    font-family: "DM Serif Display", serif;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.08;
    font-weight: 400;
    letter-spacing: -0.8px;
    color: #105043;
}

/* Elegant gold divider */
.blog-widget .article-title:after {
    content: "";
    display: block;
    width: 55px;
    height: 2px;
    background: #d7b878;
    margin: 28px auto 0;
}

/* =========================================
   AUTHOR / DATE
========================================= */

.blog-widget .blog-author {
    margin: 0 auto 25px;
}

.blog-widget .blog-author .lab-ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-widget .blog-author .lab-ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #69716d;
}

.blog-widget .blog-author svg {
    width: 15px;
    height: 15px;
    fill: #105043;
}

/* =========================================
   CATEGORIES
========================================= */

.blog-widget .widget-category {
    max-width: 850px;
    margin: 0 auto 55px;
    padding: 16px 0px;
    text-align: left;
    border-top: 1px solid #dedbd3;
    border-bottom: 1px solid #dedbd3;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    line-height: 1.7;
    color: #737a76;
}

.blog-widget .widget-category svg {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 6px;
    fill: #105043;
}

.blog-widget .widget-category .categories_text {
    font-weight: 600;
    color: #105043;
    margin-right: 5px;
}

.blog-widget .widget-category a {
    color: #59625d;
    text-decoration: none;
    transition: color 0.25s ease;
}

.blog-widget .widget-category a:hover {
    color: #105043;
}

/* =========================================
   MAIN ARTICLE CONTENT
========================================= */

.blog-widget .article-body {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    padding: 0;
    font-family: "DM Sans", sans-serif;
    font-size: 17px;
    line-height: 1.85;
    color: #39423e;
}

/* Paragraphs */

.blog-widget .article-body p {
    margin: 0 0 24px;
    font-size: 17px;
    line-height: 1.85;
    color: #39423e;
}

/* First paragraph emphasis */

.blog-widget .article-body > p:first-child {
    font-size: 19px;
    line-height: 1.8;
    color: #26352f;
}

/* =========================================
   HEADINGS
========================================= */

.blog-widget .article-body h2 {
    position: relative;
    margin: 58px 0 24px;
    padding: 0 0 15px;
    font-family: "DM Serif Display", serif;
    font-size: clamp(28px, 3vw, 36px);
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: -0.2px;
    color: #105043;
}

.blog-widget .article-body h2:after {
    content: "";
    display: block;
    width: 42px;
    height: 2px;
    background: #d7b878;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* H3 if used */

.blog-widget .article-body h3 {
    margin: 38px 0 14px;
    font-family: "DM Sans", sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: #105043;
}

/* =========================================
   LISTS
========================================= */

/* =========================================
   PREMIUM ARTICLE BULLETS
========================================= */

.blog-widget .article-body ul {
    list-style: none;
    margin: 28px 0 32px;
    padding: 0;
}

.blog-widget .article-body ul li {
    position: relative;
    margin: 0 0 16px;
    padding: 0 0 0 30px;
    font-size: 17px;
    line-height: 1.8;
    color: #39423e;
}

/* Custom gold bullet */
.blog-widget .article-body ul li:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 0.75em;
    width: 7px;
    height: 7px;
    background: #d7b878;
    transform: translateY(-50%);
}

/* Small green detail beside bullet */
.blog-widget .article-body ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.75em;
    width: 3px;
    height: 7px;
    background: #105043;
    transform: translateY(-50%);
}

/* Remove browser marker */
.blog-widget .article-body ul li::marker {
    content: "";
}

/* Ordered lists remain clean */
.blog-widget .article-body ol {
    margin: 28px 0 32px;
    padding-left: 28px;
}

.blog-widget .article-body ol li {
    margin-bottom: 14px;
    padding-left: 5px;
    font-size: 17px;
    line-height: 1.8;
}

.blog-widget .article-body ol li::marker {
    color: #105043;
    font-weight: 700;
}

/* Mobile */
@media screen and (max-width: 640px) {

    .blog-widget .article-body ul {
        margin: 24px 0 28px;
    }

    .blog-widget .article-body ul li {
        padding-left: 27px;
        margin-bottom: 13px;
        font-size: 16px;
        line-height: 1.75;
    }

    .blog-widget .article-body ul li:before {
        width: 6px;
        height: 6px;
    }

    .blog-widget .article-body ul li:after {
        height: 6px;
    }
}
/* =========================================
   LINKS INSIDE ARTICLE
========================================= */

.blog-widget .article-body a {
    color: #105043;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(215, 184, 120, 0.75);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: all 0.25s ease;
}

.blog-widget .article-body a:hover {
    color: #7c6231;
    text-decoration-color: #7c6231;
}

/* =========================================
   STRONG TEXT
========================================= */

.blog-widget .article-body strong {
    color: #263b34;
    font-weight: 700;
}

/* =========================================
   HORIZONTAL RULE
========================================= */

.blog-widget .blog-inner-text > hr {
    max-width: 850px;
    margin: 60px auto 35px;
    border: 0;
    border-top: 1px solid #dedbd3;
}

/* =========================================
   BACK TO BLOG BUTTON
========================================= */

.blog-widget .back-to-blog {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.blog-widget .back-to-blog .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 28px;
    border: 1px solid #105043;
    border-radius: 0;
    background: #105043;
    color: #ffffff !important;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.2;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.blog-widget .back-to-blog .button:hover {
    background: #d7b878;
    border-color: #d7b878;
    color: #105043 !important;
}

/* =========================================
   REMOVE UNWANTED DEFAULT SPACING
========================================= */

.blog-widget .mb-15 {
    margin-bottom: 15px;
}

.blog-widget .blog-inner-text {
    width: 100%;
}

.blog-widget .article-body img {
    max-width: 100%;
    height: auto;
}

/* =========================================
   TABLET
========================================= */

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

    .blog-widget .inner-blog-widget {
        padding: 60px 25px 75px;
    }

    .blog-widget .article-title {
        max-width: 850px;
        font-size: 46px;
    }

    .blog-widget .widget-category {
        margin-bottom: 45px;
    }

    .blog-widget .article-body {
        max-width: 800px;
        font-size: 16px;
    }

    .blog-widget .article-body p,
    .blog-widget .article-body li {
        font-size: 16px;
    }

    .blog-widget .article-body h2 {
        margin-top: 50px;
    }
}

/* =========================================
   MOBILE
========================================= */

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

    .blog-widget .inner-blog-widget {
        padding: 45px 18px 60px;
    }

    .blog-widget .article-title {
        margin-bottom: 22px;
        font-size: 36px;
        line-height: 1.12;
        letter-spacing: -0.3px;
    }

    .blog-widget .article-title:after {
        width: 42px;
        margin-top: 22px;
    }

    .blog-widget .blog-author {
        margin-bottom: 20px;
    }

    .blog-widget .blog-author .lab-ul {
        gap: 7px 16px;
    }

    .blog-widget .blog-author .lab-ul li {
        font-size: 13px;
    }

    .blog-widget .widget-category {
        margin-bottom: 38px;
        padding: 14px 8px;
        font-size: 12px;
        line-height: 1.8;
    }

    .blog-widget .article-body {
        max-width: 100%;
        font-size: 16px;
        line-height: 1.8;
    }

    .blog-widget .article-body p {
        margin-bottom: 21px;
        font-size: 16px;
        line-height: 1.8;
    }

    .blog-widget .article-body > p:first-child {
        font-size: 17px;
        line-height: 1.8;
    }

    .blog-widget .article-body h2 {
        margin: 44px 0 20px;
        font-size: 28px;
        line-height: 1.25;
    }

    .blog-widget .article-body h3 {
        margin-top: 32px;
        font-size: 18px;
    }

    .blog-widget .article-body ul,
    .blog-widget .article-body ol {
        padding-left: 22px;
    }

    .blog-widget .article-body li {
        padding-left: 3px;
        font-size: 16px;
        line-height: 1.7;
    }

    .blog-widget .blog-inner-text > hr {
        margin: 45px auto 30px;
    }

    .blog-widget .back-to-blog .button {
        width: 100%;
        min-height: 50px;
        padding: 13px 20px;
        font-size: 12px;
    }
}
/* =========================================
   BOOKIFY BLOG SIDEBAR
   MATCH LARGE-8 ARTICLE SECTION
========================================= */

.blog-sidebar {
    font-family: "DM Sans", sans-serif;
    padding-left: 15px;
}

/* Match the article's white section */
.blog-sidebar .blog-sidebar-widget {
    width: 100%;
    margin: 0 0 25px;
    padding: 38px 32px;

    background: #f8f6f1;
    border: 1px solid #f8f6f1;
    border-top: 3px solid #105043;
}

/* =========================================
   SIDEBAR HEADINGS
========================================= */

.blog-sidebar .blog-sidebar-h2 {
    position: relative;

    margin: 0 0 25px;
    padding: 0 0 15px;

    font-family: "DM Serif Display", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;

    color: #105043;
}

/* Same editorial gold underline as article H2 */

.blog-sidebar .blog-sidebar-h2:after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 42px;
    height: 2px;

    background: #d7b878;
}

/* =========================================
   TAGS
========================================= */

.blog-sidebar .ps-blog-tags {
    display: flex;
    flex-direction: column;
    gap: 0;

    margin: 0;
    padding: 0;

    list-style: none;
}

.blog-sidebar .ps-blog-tags li {
    margin: 0;
    padding: 0;

    border-bottom: 1px solid #e8e5de;
}

.blog-sidebar .ps-blog-tags li:last-child {
    border-bottom: 0;
}

.blog-sidebar .ps-blog-tags li a {
    position: relative;

    display: block;

    padding: 13px 0 13px 18px;

    color: #4c5752;

    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;

    text-decoration: none;

    transition: all 0.25s ease;
}

/* Small brand marker */

.blog-sidebar .ps-blog-tags li a:before {
    content: "";

    position: absolute;
    left: 0;
    top: 50%;

    width: 5px;
    height: 5px;

    background: #d7b878;

    transform: translateY(-50%);

    transition: all 0.25s ease;
}

.blog-sidebar .ps-blog-tags li a:hover {
    padding-left: 23px;
    color: #105043;
}

.blog-sidebar .ps-blog-tags li a:hover:before {
    background: #105043;
}

/* =========================================
   RECENT POSTS
========================================= */

.blog-sidebar .ps-blog-recent-posts {
    margin: 0;
    padding: 0;

    list-style: none;
}

.blog-sidebar .ps-blog-recent-posts li {
    position: relative;

    margin: 0;
    padding: 0 0 0 20px;
}

/* Editorial vertical accent */

.blog-sidebar .ps-blog-recent-posts li:before {
    content: "";

    position: absolute;
    left: 0;
    top: 2px;

    width: 3px;
    height: calc(100% - 4px);

    background: #d7b878;
}

.blog-sidebar .ps-blog-recent-posts li a {
    display: block;

    color: #105043;

    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;

    text-decoration: none;

    transition: color 0.25s ease;
}

.blog-sidebar .ps-blog-recent-posts li a:hover {
    color: #8a6b36;
}

/* =========================================
   DESKTOP ALIGNMENT
========================================= */

@media screen and (min-width: 1024px) {

    .blog-sidebar {
        padding-left: 15px;
    }

    .blog-sidebar .blog-sidebar-widget:first-child {
        margin-top: 0;
    }
}

/* =========================================
   TABLET
========================================= */

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

    .blog-sidebar {
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 30px;
    }

    .blog-sidebar .blog-sidebar-widget {
        padding: 32px 28px;
    }
}

/* =========================================
   MOBILE
========================================= */

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

    .blog-sidebar {
        padding: 0;
        margin-top: 25px;
    }

    .blog-sidebar .blog-sidebar-widget {
        margin-bottom: 20px;
        padding: 28px 22px;
    }

    .blog-sidebar .blog-sidebar-h2 {
        font-size: 27px;
        margin-bottom: 20px;
    }

    .blog-sidebar .ps-blog-tags li a {
        font-size: 14px;
        padding: 12px 0 12px 17px;
    }

    .blog-sidebar .ps-blog-recent-posts li a {
        font-size: 14px;
    }
}


/* =========================================
   BOOKIFY FAQ - PREMIUM LAYERED DESIGN
   ========================================= */

.light-bg-accord {
    background: #eef3ef !important;
    padding: 75px 0 85px;
    position: relative;
    overflow: hidden;
}

/* Decorative background shape */
.light-bg-accord::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: rgba(16, 80, 67, 0.045);
    top: -260px;
    right: -180px;
    pointer-events: none;
}

.light-bg-accord::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(215, 184, 120, 0.08);
    bottom: -220px;
    left: -160px;
    pointer-events: none;
}

.light-bg-accord .is-container {
    position: relative;
    z-index: 2;
}


/* FAQ MAIN AREA */

.light-bg-accord .grid-x {
    position: relative;
}


/* ACCORDION */
/*
.light-bg-accord .accordion {
    max-width: 1050px;
    margin: 0 auto;
    padding: 18px;
    background: #ffffff;
    border: 1px solid rgba(16, 80, 67, 0.10);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(16, 80, 67, 0.08);
}*/


/* FAQ ITEM */

.light-bg-accord .accordion-item {
    border: 0;
    border-bottom: 1px solid #e8e7e1;
    background: transparent;
    margin: 0;
}

.light-bg-accord .accordion-item:last-child {
    border-bottom: 0;
}


/* QUESTION */

.light-bg-accord .accordion-title {
    position: relative;
    display: block;

    padding: 22px 70px 22px 22px;

    background: #ffffff;
    color: #105043;

    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;

    transition: all 0.3s ease;
}


/* Remove Foundation arrow */

.light-bg-accord .accordion-title::before {
    display: none !important;
}


/* Gold plus */

.light-bg-accord .accordion-title::after {
    content: "+";

    position: absolute;
    top: 50%;
    right: 22px;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    border: 1px solid #d7b878;
    border-radius: 50%;

    background: #faf8f2;
    color: #105043;

    font-family: "DM Sans", sans-serif;
    font-size: 21px;
    font-weight: 400;

    transition: all 0.3s ease;
}


/* Hover */

.light-bg-accord .accordion-title:hover {
    background: #f8faf8;
    padding-left: 28px;
}


/* ACTIVE QUESTION */

.light-bg-accord .accordion-item.is-active .accordion-title {
    background: #105043;
    color: #ffffff;
    border-radius: 8px;
}

.light-bg-accord .accordion-item.is-active .accordion-title::after {
    content: "−";
    background: #d7b878;
    border-color: #d7b878;
    color: #105043;
}


/* ANSWER */

.light-bg-accord .accordion-content {
    padding: 22px 28px 27px;

    background: #f9faf8;
    border: 0;
}


/* Gold accent */

.light-bg-accord .accordion-content::before {
    content: "";
    display: block;

    width: 38px;
    height: 2px;

    margin-bottom: 14px;

    background: #d7b878;
}


/* ANSWER TEXT */

.light-bg-accord .accordion-content p {
    margin: 0;
    color: #4d5b56;

    font-family: "DM Sans", sans-serif;
    font-size: 15.5px;
    line-height: 1.8;
}


/* ACTIVE ANSWER */

.light-bg-accord .accordion-item.is-active .accordion-content {
    border-left: 3px solid #d7b878;
}


/* FOCUS */

.light-bg-accord .accordion-title:focus {
    outline: 2px solid #d7b878;
    outline-offset: -2px;
}


/* MOBILE */

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

    .light-bg-accord {
        padding: 45px 0 55px;
    }

    .light-bg-accord .accordion {
        padding: 10px;
        border-radius: 12px;
    }

    .light-bg-accord .accordion-title {
        padding: 18px 55px 18px 17px;
        font-size: 15px;
    }

    .light-bg-accord .accordion-title:hover {
        padding-left: 17px;
    }

    .light-bg-accord .accordion-title::after {
        right: 15px;
        width: 30px;
        height: 30px;
        font-size: 19px;
    }

    .light-bg-accord .accordion-content {
        padding: 18px 19px 22px;
    }

    .light-bg-accord .accordion-content p {
        font-size: 14px;
        line-height: 1.7;
    }
}


/* SMALL MOBILE */

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

    .light-bg-accord {
        padding: 35px 0 45px;
    }

    .light-bg-accord .accordion {
        padding: 7px;
    }

    .light-bg-accord .accordion-title {
        font-size: 14px;
        padding: 17px 50px 17px 14px;
    }

    .light-bg-accord .accordion-content {
        padding: 17px 15px 20px;
    }
}


/* =========================================
   BOOKIFY NEWSLETTER / CTA SECTION
   ========================================= */

.newsletter {
    position: relative;
    background: #105043;
    padding: 70px 0;
    overflow: hidden;
}


/* Decorative background elements */

.newsletter::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(215, 184, 120, 0.18);
    border-radius: 50%;
    top: -230px;
    right: -120px;
}

.newsletter::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    bottom: -170px;
    left: -100px;
}


/* Main container */

.newsletter .is-container {
    position: relative;
    z-index: 2;
}


/* Inner content */

.newsletter .cell {
    position: relative;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;

    padding: 55px 65px;

    background: #f8f5ed;
    border: 1px solid rgba(215, 184, 120, 0.45);
    border-radius: 16px;

    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16);
}


/* Gold top accent */

.newsletter .cell::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;

    width: 70px;
    height: 4px;

    transform: translateX(-50%);

    background: #d7b878;
    border-radius: 0 0 4px 4px;
}


/* Heading */

.newsletter .section-sub-heading {
    max-width: 780px;
    margin: 0 auto 20px;

    color: #105043;

    font-family: "DM Serif Display", serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.25;
}


/* Paragraph */

.newsletter p {
    max-width: 760px;
    margin: 0 auto 28px;

    color: #4d5955;

    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.8;
}


/* CTA button */

.newsletter .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 52px;
    padding: 14px 30px;

    background: #105043 !important;
    color: #ffffff;

    border: 1px solid #105043;
    border-radius: 4px;

    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;

    box-shadow: 0 8px 20px rgba(16, 80, 67, 0.18);

    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* Button hover */

.newsletter .button:hover {
    background: #d7b878;
    border-color: #d7b878;
    color: #105043;

    transform: translateY(-3px);

    box-shadow: 0 12px 25px rgba(16, 80, 67, 0.18);
}


/* Small gold line above CTA */

.newsletter span {
    position: relative;
    display: inline-block;
}


/* Responsive */

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

    .newsletter {
        padding: 45px 15px;
    }

    .newsletter .cell {
        padding: 42px 25px 38px;
        border-radius: 12px;
    }

    .newsletter .section-sub-heading {
        font-size: 27px;
        line-height: 1.3;
    }

    .newsletter p {
        font-size: 15px;
        line-height: 1.7;
    }

    .newsletter .button {
        width: 100%;
        padding: 13px 20px;
        font-size: 13px;
    }
}


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

    .newsletter {
        padding: 35px 12px;
    }

    .newsletter .cell {
        padding: 38px 18px 32px;
    }

    .newsletter .section-sub-heading {
        font-size: 24px;
    }

    .newsletter p {
        font-size: 14px;
    }
}

.main-banner-sec.home1 .inner-content-div {
    max-width: 720px;
    padding: 42px 48px;
    position: relative;
}

/* Gold accent */
.main-banner-sec.home1 .inner-content-div:before {
    content: "";
    display: block;
    width: 55px;
    height: 4px;
    background: #c49a5a;
    margin-bottom: 22px;
}

/* H1 - common font will apply */
.main-banner-sec.home1 .inner-content-div .banner-main-heading {
    margin: 0 0 20px;
    color: #ffffff;
    line-height: 1.08;
    letter-spacing: -0.5px;
}

/* Description */
.main-banner-sec.home1 .inner-content-div p {
    margin: 0;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    max-width: 670px;
}

/* Tablet */
@media screen and (max-width: 1024px) {
    .main-banner-sec.home1 .inner-content-div {
        max-width: 650px;
        padding: 35px;
    }

    .main-banner-sec.home1 .inner-content-div p {
        font-size: 17px;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    .main-banner-sec.home1 .inner-content-div {
        max-width: 100%;
        padding: 25px 20px;
    }

    .main-banner-sec.home1 .inner-content-div:before {
        width: 42px;
        height: 3px;
        margin-bottom: 17px;
    }

    .main-banner-sec.home1 .inner-content-div .banner-main-heading {
        margin-bottom: 16px;
        letter-spacing: 0;
    }

    .main-banner-sec.home1 .inner-content-div p {
        font-size: 16px;
        line-height: 1.6;
    }
}

/* Small mobile */
@media screen and (max-width: 480px) {
    .main-banner-sec.home1 .inner-content-div {
        padding: 20px 15px;
    }

    .main-banner-sec.home1 .inner-content-div p {
        font-size: 15px;
    }
}

/* =========================================
   BOOKIFY - PROFESSIONAL SERVICE BOX
   ========================================= */

.service-box {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #dedbd4;
    border-radius: 0;
    overflow: hidden;
    text-align: left;
    transition: all 0.3s ease;
}

/* Hover */
.service-box:hover {
    transform: translateY(-5px);
    border-color: #b89a68;
    box-shadow: 0 14px 35px rgba(29, 48, 44, 0.10);
}

/* =========================================
   IMAGE
   ========================================= */

.service-box > a:first-child {
    display: block;
    overflow: hidden;
    background: #f1eee8;
}

.service-box img {
    display: block;
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.service-box:hover img {
    transform: scale(1.025);
}

/* =========================================
   CONTENT
   ========================================= */

.service-box h3 {
    position: relative;
    margin: 0;
    padding: 28px 30px 15px;
    color: #1c302b;
    font-size: 23px;
    line-height: 1.3;
    font-weight: 600;
}

/* Professional gold rule */
.service-box h3:after {
    content: "";
    display: block;
    width: 38px;
    height: 2px;
    margin-top: 14px;
    background: #b89a68;
}

/* Description */
.service-box p {
    margin: 0;
    padding: 0 30px;
    color: #626764;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.7;
}

/* =========================================
   CTA AREA
   ========================================= */

.service-box .cta-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin: auto 30px 0;
    padding-top: 24px;
    color: #1c302b;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

/* CTA arrow */
.service-box .cta-link:after {
    content: "→";
    margin-left: 10px;
    font-size: 16px;
    font-weight: 400;
    transition: transform 0.3s ease;
}

.service-box .cta-link:hover {
    color: #b18a50;
}

.service-box .cta-link:hover:after {
    transform: translateX(4px);
}

/* =========================================
   DESKTOP GRID BALANCE
   ========================================= */

@media screen and (min-width: 1025px) {

    .service-box {
        min-height: 555px;
    }

    .service-box p {
        min-height: 105px;
    }
}

/* =========================================
   TABLET
   ========================================= */

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

    .service-box img {
        height: 220px;
    }

    .service-box h3 {
        padding: 24px 22px 14px;
        font-size: 21px;
    }

    .service-box p {
        padding: 0 22px;
        font-size: 15px;
    }

    .service-box .cta-link {
        margin-left: 22px;
        margin-right: 22px;
    }
}

/* =========================================
   MOBILE
   ========================================= */

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

    .service-box {
        min-height: auto;
    }

    .service-box img {
        height: 230px;
    }

    .service-box h3 {
        padding: 24px 22px 14px;
        font-size: 22px;
    }

    .service-box p {
        padding: 0 22px;
        font-size: 15px;
        line-height: 1.65;
    }

    .service-box .cta-link {
        margin: 0 22px;
        padding-top: 22px;
    }
}

/* =========================================================
   BOOKIFY ABOUT PAGE - PREMIUM + ANIMATED
   ========================================================= */

/* Smooth transitions */
.about-sec1,
.about-sec2,
.about-sec3,
.about-sec4,
.about-sec5,
.about-sec1 *,
.about-sec2 *,
.about-sec3 *,
.about-sec4 *,
.about-sec5 * {
    box-sizing: border-box;
}


/* =========================================================
   OUR STORY
   ========================================================= */

.about-sec1 {
    position: relative;
    background: #ffffff;
    overflow: hidden;
}

/* Decorative vertical line */
.about-sec1:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #eee9e0;
    opacity: 0.6;
}

/* Image container */
.about-sec1 .cell:first-child {
    position: relative;
    overflow: hidden;
}

.about-sec1 .cell:first-child:after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 20px;
    width: 75px;
    height: 75px;
    border-right: 3px solid #b8955a;
    border-bottom: 3px solid #b8955a;
    pointer-events: none;
}

.about-sec1 img {
    width: 100%;
    max-width: 570px;
    height: 500px;
    object-fit: cover;
    display: block;
    margin: auto;
    transition: transform 0.8s ease;
}

.about-sec1 .cell:first-child:hover img {
    transform: scale(1.025);
}

/* Story content */
.about-sec1 .large-6:last-child {
    padding-left: 55px;
    animation: bookifyFadeRight 0.9s ease both;
}

.about-sec1 .section-sub-heading {
    position: relative;
    margin: 0 0 25px;
    color: #1c302b;
}

.about-sec1 .section-sub-heading:before,
.about-sec4 .section-sub-heading:before {
    content: "OUR STORY";
    display: block;
    margin-bottom: 12px;
    color: #b8955a;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.about-sec1 .section-sub-heading:after,
.about-sec4 .section-sub-heading:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin-top: 16px;
    background: #b8955a;
    transform-origin: left;
    animation: bookifyLine 1s ease both;
}

.about-sec1 p {
    color: #59635f;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   OUR MISSION
   ========================================================= */

.about-sec2 {
    position: relative;
    background: #f5f3ee !important;
    overflow: hidden;
}

/* Large decorative circle */
.about-sec2:after {
    content: "";
    position: absolute;
    right: -120px;
    top: -120px;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(184, 149, 90, 0.25);
    border-radius: 50%;
}

.about-sec2 .grid-x {
    position: relative;
    z-index: 1;
}

.about-sec2 img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    border: 8px solid #ffffff;
    box-shadow: 0 12px 30px rgba(28, 48, 43, 0.12);
    transition: transform 0.5s ease;
}

.about-sec2 img:hover {
    transform: rotate(4deg) scale(1.05);
}

.about-sec2 .large-9 {
    padding-left: 45px;
}

.about-sec2 .section-sub-heading {
    margin: 0 0 15px;
    color: #1c302b;
}

.about-sec2 .section-sub-heading:before {
    content: "OUR PURPOSE";
    display: block;
    margin-bottom: 10px;
    color: #b8955a;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.about-sec2 .section-sub-heading:after {
    content: "";
    display: block;
    width: 45px;
    height: 3px;
    margin-top: 14px;
    background: #b8955a;
}

.about-sec2 p {
    max-width: 850px;
    margin: 0;
    color: #5b6460;
    font-family: "DM Sans", sans-serif;
    font-size: 17px;
    line-height: 1.8;
}


/* =========================================================
   ATTENTION / GUIDE SECTION
   ========================================================= */

.about-sec3 {
    position: relative;
    background: #1c302b !important;
    overflow: hidden;
}

/* Decorative circles */
.about-sec3:before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    right: -180px;
    top: -180px;
    border: 1px solid rgba(184, 149, 90, 0.25);
    border-radius: 50%;
}

.about-sec3:after {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    left: -150px;
    bottom: -150px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.about-sec3 .border-cust {
    position: relative;
    z-index: 1;
    padding: 70px 80px;
    border: 1px solid rgba(255, 255, 255, 0.13);
}

.about-sec3 .section-sub-heading {
    margin: 0 auto 22px;
    max-width: 850px;
    color: #ffffff;
}

.about-sec3 .section-sub-heading:before {
    content: "FINANCIAL CLARITY";
    display: block;
    margin-bottom: 14px;
    color: #c6a76e;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.about-sec3 .section-sub-heading:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin: 16px auto 0;
    background: #c6a76e;
}

.about-sec3 p {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(255, 255, 255, 0.78);
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.85;
}

/* CTA */
.about-sec3 .button {
    position: relative;
    margin-top: 15px;
    padding: 15px 30px;
    background: #b8955a;
    color: #ffffff;
    border: 1px solid #b8955a;
    border-radius: 2px;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    overflow: hidden;
    transition: all 0.35s ease;
}

.about-sec3 .button:after {
    content: "→";
    margin-left: 10px;
    transition: transform 0.3s ease;
}

.about-sec3 .button:hover {
    background: #ffffff;
    color: #1c302b;
    border-color: #ffffff;
    transform: translateY(-3px);
}

.about-sec3 .button:hover:after {
    transform: translateX(5px);
}


/* =========================================================
   MEET JOSE
   ========================================================= */

.about-sec4 {
    position: relative;
    background: #ffffff !important;
    overflow: hidden;
}

.about-sec4 .cell:first-child {
    position: relative;
}

.about-sec4 .cell:first-child:before {
    content: "";
    position: absolute;
    left: -12px;
    top: -12px;
    width: 80px;
    height: 80px;
    border-left: 3px solid #b8955a;
    border-top: 3px solid #b8955a;
}

.about-sec4 img {
    width: 100%;
    max-width: 570px;
    height: 500px;
    object-fit: cover;
    display: block;
    margin: auto;
    transition: transform 0.8s ease;
}

.about-sec4 .cell:first-child:hover img {
    transform: scale(1.025);
}

.about-sec4 .large-6:last-of-type {
    padding-left: 55px;
}

.about-sec4 .section-sub-heading {
    margin: 0 0 22px;
    color: #1c302b;
}

.about-sec4 .section-sub-heading:before {
    content: "MEET THE FOUNDER";
    display: block;
    margin-bottom: 12px;
    color: #b8955a;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.about-sec4 .section-sub-heading:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin-top: 15px;
    background: #b8955a;
}

.about-sec4 p {
    margin-bottom: 18px;
    color: #59635f;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.85;
}

.about-sec4 .large-12 {
    padding-top: 20px;
}

.about-sec4 .large-12 p {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 25px;
    border-top: 1px solid #e5e1d9;
}


/* =========================================================
   TESTIMONIAL SECTION
   ========================================================= */

.about-sec5 {
    position: relative;
    background: #f5f3ee !important;
    overflow: hidden;
}

/* Decorative background */
.about-sec5:before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    left: -300px;
    top: 100px;
    border: 1px solid rgba(184, 149, 90, 0.18);
    border-radius: 50%;
}

.about-sec5 .is-container {
    position: relative;
    z-index: 1;
}

.about-sec5 .section-sub-heading {
    max-width: 850px;
    margin: 0 auto 20px;
    color: #1c302b;
}

.about-sec5 .section-sub-heading:before {
    content: "CLIENT EXPERIENCE";
    display: block;
    margin-bottom: 12px;
    color: #b8955a;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.about-sec5 .section-sub-heading:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin: 16px auto 0;
    background: #b8955a;
}

.about-sec5 > .is-boxes .is-container > .grid-x:first-child p {
    max-width: 900px;
    margin: 0 auto;
    color: #606864;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   TESTIMONIAL CARDS
   ========================================================= */

.about-sec5 .rounded.white-bg {
    position: relative;
    height: 100%;
    background: #ffffff;
    border: 1px solid #e2ded5;
    border-radius: 4px !important;
    box-shadow: 0 8px 25px rgba(28, 48, 43, 0.05);
    overflow: hidden;
    transition: transform 0.4s ease,
                box-shadow 0.4s ease,
                border-color 0.4s ease;
}

.about-sec5 .rounded.white-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #b8955a;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.about-sec5 .rounded.white-bg:hover {
    transform: translateY(-8px);
    border-color: #cbb48b;
    box-shadow: 0 20px 40px rgba(28, 48, 43, 0.11);
}

.about-sec5 .rounded.white-bg:hover:before {
    transform: scaleX(1);
}

.about-sec5 .rounded.white-bg .padding-2 {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 35px !important;
}

/* Reviewer image */
.about-sec5 .rounded.white-bg img {
    width: 78px;
    height: 78px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #f5f3ee;
    margin-bottom: 10px;
    transition: transform 0.4s ease;
}

.about-sec5 .rounded.white-bg:hover img {
    transform: scale(1.06);
}

/* Quote */
.about-sec5 .rounded.white-bg p {
    margin: 0;
    color: #59625e;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.75;
}



.about-sec5 .rounded.white-bg strong {
    display: block;
    margin-top: 12px;
    color: #1c302b;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes bookifyFadeRight {
    from {
        opacity: 0;
        transform: translateX(35px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes bookifyLine {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

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

    .about-sec1 .large-6:last-child,
    .about-sec4 .large-6:last-of-type {
        padding-left: 25px;
    }

    .about-sec1 img,
    .about-sec4 img {
        height: 430px;
    }

    .about-sec2 .large-9 {
        padding-left: 25px;
    }

    .about-sec3 .border-cust {
        padding: 55px 45px;
    }

    .about-sec5 .rounded.white-bg .padding-2 {
        padding: 28px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

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

    /* Remove center divider */
    .about-sec1:before {
        display: none;
    }

    /* Story */
    .about-sec1 img,
    .about-sec4 img {
        height: 300px;
        margin-bottom: 30px;
    }

    .about-sec1 .large-6:last-child,
    .about-sec4 .large-6:last-of-type {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-sec1 p,
    .about-sec4 p {
        font-size: 15px;
        line-height: 1.75;
    }

    /* Mission */
    .about-sec2 img {
        width: 125px;
        height: 125px;
        margin-bottom: 20px;
    }

    .about-sec2 .large-9 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-sec2 p {
        font-size: 15px;
    }

    /* Guide */
    .about-sec3 .border-cust {
        padding: 42px 22px;
    }

    .about-sec3 p {
        font-size: 15px;
        line-height: 1.75;
    }

    .about-sec3 .button {
        width: auto;
        padding: 14px 22px;
    }

    /* Founder */
    .about-sec4 .large-12 {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
    }

    /* Testimonials */
    .about-sec5 .rounded.white-bg .padding-2 {
        min-height: 245px;
        padding: 28px 22px !important;
    }

    .about-sec5 .rounded.white-bg p {
        font-size: 15px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

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

    .about-sec1 img,
    .about-sec4 img {
        height: 260px;
    }

    .about-sec3 .border-cust {
        padding: 35px 18px;
    }

    .about-sec3 .button {
        width: 100%;
    }

    .about-sec5 .rounded.white-bg .padding-2 {
        min-height: 225px;
    }
}

/* =========================================================
   BOOKIFY - HOMEPAGE CONTENT SECTIONS
   Premium / Professional / Subtle Animation
   ========================================================= */

.homesec2,
.homesec3,
.homesec4,
.homesec5 {
    position: relative;
    overflow: hidden;
}

.homesec2 *,
.homesec3 *,
.homesec4 *,
.homesec5 * {
    box-sizing: border-box;
}

/* =========================================================
   SHARED TYPOGRAPHY
   ========================================================= */

.homesec2 p,
.homesec3 p,
.homesec4 p,
.homesec5 p {
    font-family: "DM Sans", sans-serif;
}

/* =========================================================
   SECTION 2 - JUDGEMENT-FREE CATCH-UP SUPPORT
   ========================================================= */

.homesec2 {
    background: #1c302b !important;
    padding: 25px 0;
}

.homesec2:before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -220px;
    top: -220px;
    border: 1px solid rgba(184, 149, 90, 0.22);
    border-radius: 50%;
}

.homesec2:after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    left: -100px;
    bottom: -100px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.homesec2 .is-container {
    position: relative;
    z-index: 1;
}

.homesec2 .grid-x {
    align-items: center;
}

/* Heading */

.homesec2 .section-main-heading {
    position: relative;
    margin: 0;
    padding: 25px 50px 25px 0;
    color: #ffffff;
    line-height: 1.15;
}

.homesec2 .section-main-heading:before {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin-bottom: 20px;
    background: #b8955a;
    transform-origin: left;
    animation: bookifyGrowLine 1s ease both;
}

/* Vertical divider */

.homesec2 .large-6:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.14);
}

/* Content */

.homesec2 .large-6:last-child {
    padding-left: 55px;
}

.homesec2 .inner-div {
    max-width: 570px;
}

.homesec2 p {
    margin: 0 0 28px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 16px;
    line-height: 1.85;
}

/* Button */

.homesec2 .button,
.homesec4 .button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 14px 27px;
    background: #b8955a;
    color: #ffffff;
    border: 1px solid #b8955a;
    border-radius: 2px;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    transition: all 0.35s ease;
}

.homesec2 .button:after,
.homesec4 .button:after {
    content: "→";
    margin-left: 11px;
    font-size: 16px;
    font-weight: 400;
    transition: transform 0.3s ease;
}

.homesec2 .button:hover,
.homesec4 .button:hover {
    background: #ffffff;
    color: #1c302b;
    border-color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.homesec2 .button:hover:after,
.homesec4 .button:hover:after {
    transform: translateX(5px);
}


/* =========================================================
   SECTION 3 - PREDICTABLE FIXED MONTHLY RATES
   ========================================================= */

.homesec3 {
    background: #f5f3ee !important;
    padding: 25px 0;
}

.homesec3:before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    left: -300px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid rgba(184, 149, 90, 0.18);
    border-radius: 50%;
}

.homesec3 .grid-x {
    position: relative;
    z-index: 1;
    align-items: center;
}

/* Image */

.homesec3 .large-6:first-child {
    position: relative;
}

.homesec3 .large-6:first-child:after {
    content: "";
    position: absolute;
    right: 18px;
    bottom: -12px;
    width: 75px;
    height: 75px;
    border-right: 3px solid #b8955a;
    border-bottom: 3px solid #b8955a;
    pointer-events: none;
}

.homesec3 .large-6:first-child a {
    display: block;
    overflow: hidden;
}

.homesec3 img {
    display: block;
    width: 100%;
    max-width: 540px;
    height: 440px;
    margin: auto;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.homesec3 .large-6:first-child:hover img {
    transform: scale(1.025);
}

/* Text */

.homesec3 .large-6:last-child {
    padding-left: 55px;
}

.homesec3 .inner-div {
    max-width: 570px;
}

.homesec3 .section-main-heading {
    position: relative;
    margin: 0 0 22px;
    color: #1c302b;
    line-height: 1.15;
}

.homesec3 .section-main-heading:before {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin-bottom: 20px;
    background: #b8955a;
}

.homesec3 p {
    margin: 0;
    color: #59635f;
    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   SECTION 4 - TAX-READY FINANCIAL STATEMENTS
   ========================================================= */

.homesec4 {
    background: #ffffff !important;
    padding: 25px 0;
}

.homesec4:after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -180px;
    bottom: -180px;
    border: 1px solid rgba(184, 149, 90, 0.18);
    border-radius: 50%;
}

.homesec4 .grid-x {
    position: relative;
    z-index: 1;
    align-items: center;
}

/* Heading */

.homesec4 .section-main-heading {
    position: relative;
    margin: 0;
    padding: 25px 50px 25px 0;
    color: #1c302b;
    line-height: 1.15;
}

.homesec4 .section-main-heading:before {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin-bottom: 20px;
    background: #b8955a;
}

/* Divider */

.homesec4 .large-6:first-child {
    border-right: 1px solid #e3dfd6;
}

/* Content */

.homesec4 .large-6:last-child {
    padding-left: 55px;
}

.homesec4 .inner-div {
    max-width: 570px;
}

.homesec4 p {
    margin: 0 0 28px;
    color: #59635f;
    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   SECTION 5 - TESTIMONIALS
   ========================================================= */

.homesec5 {
    background: #f5f3ee !important;
    padding: 20px 0 35px;
}

.homesec5:before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    right: -330px;
    top: -190px;
    border: 1px solid rgba(184, 149, 90, 0.18);
    border-radius: 50%;
}

.homesec5 .is-container {
    position: relative;
    z-index: 1;
}

/* Section heading */

.homesec5 .section-main-heading {
    position: relative;
    margin: 0;
    color: #1c302b ;
    text-align: center;
}

.homesec5 .section-main-heading:after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin: 17px auto 0;
    background: #b8955a;
}

/* Remove excessive spacer height */

.homesec5 .spacer.height-20 {
    height: 35px !important;
}

/* Testimonial layout */

.homesec5 .testimonial-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    align-items: stretch;
}

/* Cards */

.homesec5 .testimonial-1 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 365px;
    padding: 42px 32px 35px;
    background: #ffffff;
    border: 1px solid #e1ddd4;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0 8px 25px rgba(28, 48, 43, 0.045);
    overflow: hidden;
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}

/* Gold top line */

.homesec5 .testimonial-1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #b8955a;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.homesec5 .testimonial-1:hover {
    transform: translateY(-8px);
    border-color: #cbb68a;
    box-shadow: 0 20px 40px rgba(28, 48, 43, 0.10);
}

.homesec5 .testimonial-1:hover:before {
    transform: scaleX(1);
}

/* Client image */

.homesec5 .testimonial-1 img {
    width: 76px;
    height: 76px;
    margin: 0 auto 18px;
    object-fit: cover;
    border: 4px solid #f5f3ee;
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(28, 48, 43, 0.10);
    transition: transform 0.4s ease;
}

.homesec5 .testimonial-1:hover img {
    transform: scale(1.07);
}

/* Quote */

.homesec5 .testimonial-1 p:first-of-type {
    position: relative;
    margin: 0;
    color: #59635f;
    font-size: 15px;
    line-height: 1.75;
}

.homesec5 .testimonial-1 p:first-of-type:before {
    content: "“";
    display: block;
    height: 28px;
    color: #b8955a;
    font-family: Georgia, serif;
    font-size: 48px;
    font-style: normal;
    line-height: 35px;
}

/* Author */

.homesec5 .testimonial-1 .normal-text {
    margin: auto 0 0;
    padding-top: 18px;
    color: #1c302b;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.homesec5 .testimonial-1 .normal-text i {
    font-style: normal;
}


/* =========================================================
   SUBTLE ANIMATION
   ========================================================= */

@keyframes bookifyGrowLine {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

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

    .homesec2 .large-6:last-child,
    .homesec4 .large-6:last-child,
    .homesec3 .large-6:last-child {
        padding-left: 30px;
    }

    .homesec2 .section-main-heading,
    .homesec4 .section-main-heading {
        padding-right: 30px;
    }

    .homesec3 img {
        height: 380px;
    }

    .homesec5 .testimonial-list {
        gap: 18px;
    }

    .homesec5 .testimonial-1 {
        padding: 35px 22px 30px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

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

    .homesec2,
    .homesec3,
    .homesec4 {
        padding: 15px 0;
    }

    /* Section 2 */

    .homesec2 .large-6:first-child,
    .homesec4 .large-6:first-child {
        border-right: 0;
    }

    .homesec2 .large-6:last-child,
    .homesec4 .large-6:last-child,
    .homesec3 .large-6:last-child {
        padding-left: 15px;
        padding-right: 15px;
    }

    .homesec2 .section-main-heading,
    .homesec4 .section-main-heading {
        padding: 0 15px 25px;
        text-align: center;
    }

    .homesec2 .section-main-heading:before,
    .homesec4 .section-main-heading:before {
        margin: 0 auto 17px;
    }

    .homesec2 .inner-div,
    .homesec3 .inner-div,
    .homesec4 .inner-div {
        max-width: 100%;
    }

    .homesec2 p,
    .homesec3 p,
    .homesec4 p {
        font-size: 15px;
        line-height: 1.75;
    }

    .homesec2 .button,
    .homesec4 .button {
        padding: 13px 22px;
    }

    /* Section 3 */

    .homesec3 .large-6:first-child {
        margin-bottom: 25px;
    }

    .homesec3 img {
        width: 100%;
        height: 300px;
    }

    .homesec3 .large-6:first-child:after {
        right: 8px;
        bottom: -8px;
        width: 55px;
        height: 55px;
    }

    .homesec3 .section-main-heading {
        margin-bottom: 18px;
        text-align: center;
    }

    .homesec3 .section-main-heading:before {
        margin: 0 auto 17px;
    }

    /* Section 5 */

    .homesec5 {
        padding: 15px 0 30px;
    }

    .homesec5 .testimonial-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .homesec5 .testimonial-1 {
        min-height: auto;
        padding: 35px 25px;
    }

    .homesec5 .testimonial-1 p:first-of-type {
        font-size: 15px;
    }

    .homesec5 .testimonial-1 .normal-text {
        margin-top: 15px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

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

    .homesec2 .section-main-heading,
    .homesec4 .section-main-heading {
        padding-left: 5px;
        padding-right: 5px;
    }

    .homesec2 p,
    .homesec3 p,
    .homesec4 p {
        font-size: 14.5px;
    }

    .homesec3 img {
        height: 250px;
    }

    .homesec5 .testimonial-1 {
        padding: 30px 20px;
    }

    .homesec5 .testimonial-1 img {
        width: 68px;
        height: 68px;
    }
}


/* =========================================================
   BOOKIFY - SERVICE BENEFITS
   Premium Editorial Card Layout
   ========================================================= */

.service-sec1 {
    position: relative;
    background: #ffffff;
    overflow: hidden;
}

/* Decorative background */

.service-sec1:before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -250px;
    top: -180px;
    border: 1px solid rgba(184, 149, 90, 0.18);
    border-radius: 50%;
}

.service-sec1:after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    left: -180px;
    bottom: -160px;
    border: 1px solid rgba(28, 48, 43, 0.08);
    border-radius: 50%;
}

.service-sec1 .is-container {
    position: relative;
    z-index: 1;
}

/* =========================================================
   SECTION HEADING
   ========================================================= */

.service-sec1 .section-sub-heading {
    position: relative;
    display: inline-block;
    margin: 0 0 40px;
    color: #1c302b;
}

.service-sec1 .section-sub-heading:after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin: 16px auto 0;
    background: #b8955a;
    transform-origin: center;
    animation: serviceHeadingLine 0.8s ease both;
}

/* =========================================================
   BENEFIT ROW
   ========================================================= */

.service-sec1 .grid-x.grid-padding-x.grid-padding-y {
    position: relative;
}

/* Individual card */

.service-sec1 .serv-div-4 {
    position: relative;
    min-height: 100%;
    display: block;
    padding: 32px !important;
    background: #f8f7f3;
    border: 1px solid #e5e1d8;
    border-radius: 3px;
    box-shadow: none;
    overflow: hidden;
    transition:
        transform 0.4s ease,
        background 0.4s ease,
        border-color 0.4s ease,
        box-shadow 0.4s ease;
}

/* Gold vertical accent */

.service-sec1 .serv-div-4:before {
    content: "";
    position: absolute;
    left: 0;
    top: 28px;
    width: 3px;
    height: 55px;
    background: #b8955a;
    transform: scaleY(0.65);
    transform-origin: center;
    transition: transform 0.4s ease;
}

/* Large subtle number */

.service-sec1 .serv-div-4:after {
    position: absolute;
    right: 22px;
    top: 12px;
    color: rgba(184, 149, 90, 0.10);
    font-family: "DM Serif Display", serif;
    font-size: 72px;
    line-height: 1;
    pointer-events: none;
}

/* Assign numbers */

.service-sec1 .large-6:nth-child(1) .serv-div-4:after {
    content: "01";
}

.service-sec1 .large-6:nth-child(2) .serv-div-4:after {
    content: "02";
}

/* Second row */

.service-sec1 .grid-x:nth-of-type(3) .large-6:nth-child(1) .serv-div-4:after {
    content: "03";
}

.service-sec1 .grid-x:nth-of-type(3) .large-6:nth-child(2) .serv-div-4:after {
    content: "04";
}

/* Hover */

.service-sec1 .serv-div-4:hover {
    background: #ffffff;
    border-color: #cdb98f;
    transform: translateY(-7px);
    box-shadow: 0 18px 40px rgba(28, 48, 43, 0.09);
}

.service-sec1 .serv-div-4:hover:before {
    transform: scaleY(1);
}

/* =========================================================
   INNER GRID
   ========================================================= */

.service-sec1 .serv-div-4 > .grid-x {
    position: relative;
    z-index: 1;
    align-items: center;
}

/* =========================================================
   ICON
   ========================================================= */

.service-sec1 .serv-div-4 img {
    display: inline-block;
    width: 92px;
    height: 92px;
    object-fit: contain;
    padding: 15px;
    background: #ffffff;
    border: 1px solid #e4ded2;
    border-radius: 50%;
    box-shadow: 0 7px 20px rgba(28, 48, 43, 0.06);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
}

.service-sec1 .serv-div-4:hover img {
    transform: scale(1.07) rotate(3deg);
    border-color: #cdb98f;
    box-shadow: 0 10px 25px rgba(28, 48, 43, 0.10);
}

/* =========================================================
   CONTENT
   ========================================================= */

.service-sec1 .serv-div-4 h3 {
    position: relative;
    margin: 0 0 13px;
    padding-right: 45px;
    color: #1c302b;
    font-family: "DM Sans", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
}

.service-sec1 .serv-div-4 h3:after {
    content: "";
    display: block;
    width: 32px;
    height: 2px;
    margin-top: 11px;
    background: #b8955a;
    transition: width 0.35s ease;
}

.service-sec1 .serv-div-4:hover h3:after {
    width: 48px;
}

.service-sec1 .serv-div-4 p {
    margin: 0;
    color: #626a66;
    font-family: "DM Sans", sans-serif;
    font-size: 14.5px;
    line-height: 1.75;
}

/* =========================================================
   ROW SPACING
   ========================================================= */

/* First benefit row */
.service-sec1 .is-container > .grid-x:nth-of-type(2) {
    margin-bottom: 8px;
}

/* Second benefit row */
.service-sec1 .is-container > .grid-x:nth-of-type(3) {
    margin-top: 8px;
}


/* =========================================================
   ANIMATION
   ========================================================= */

@keyframes serviceHeadingLine {
    from {
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        opacity: 1;
        transform: scaleX(1);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

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

    .service-sec1 .serv-div-4 {
        padding: 25px !important;
    }

    .service-sec1 .serv-div-4 img {
        width: 78px;
        height: 78px;
        padding: 12px;
    }

    .service-sec1 .serv-div-4 h3 {
        font-size: 18px;
    }

    .service-sec1 .serv-div-4 p {
        font-size: 14px;
    }

    .service-sec1 .serv-div-4:after {
        font-size: 60px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

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

    .service-sec1 .section-sub-heading {
        margin-bottom: 28px;
    }

    .service-sec1 .serv-div-4 {
        padding: 25px 22px !important;
        margin-bottom: 15px;
    }

    .service-sec1 .serv-div-4 > .grid-x {
        align-items: center;
    }

    .service-sec1 .serv-div-4 img {
        width: 72px;
        height: 72px;
        padding: 11px;
    }

    .service-sec1 .serv-div-4 h3 {
        margin-bottom: 10px;
        padding-right: 30px;
        font-size: 18px;
    }

    .service-sec1 .serv-div-4 p {
        font-size: 14px;
        line-height: 1.7;
    }

    .service-sec1 .serv-div-4:before {
        top: 23px;
        height: 45px;
    }

    .service-sec1 .serv-div-4:after {
        right: 15px;
        top: 8px;
        font-size: 50px;
    }

    .service-sec1 .is-container > .grid-x:nth-of-type(2),
    .service-sec1 .is-container > .grid-x:nth-of-type(3) {
        margin-top: 0;
        margin-bottom: 0;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

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

    .service-sec1 .serv-div-4 {
        padding: 22px 18px !important;
    }

    .service-sec1 .serv-div-4 img {
        width: 62px;
        height: 62px;
        padding: 9px;
    }

    .service-sec1 .serv-div-4 h3 {
        font-size: 16px;
    }

    .service-sec1 .serv-div-4 p {
        font-size: 13.5px;
    }

    .service-sec1 .serv-div-4:after {
        font-size: 42px;
    }
}

/* =========================================================
   BOOKIFY - SERVICE DETAIL SECTIONS
   Premium Alternating Layout
   ========================================================= */

.service-sec2,
.service-sec3,
.service-sec4 {
    position: relative;
    overflow: hidden;
}

.service-sec2 *,
.service-sec3 *,
.service-sec4 * {
    box-sizing: border-box;
}


/* =========================================================
   SECTION 2 - INTEGRATED OFFICE COMMUNICATION
   ========================================================= */

.service-sec2 {
    background: #ffffff;
}

.service-sec2:before {
    content: "";
    position: absolute;
    width: 430px;
    height: 430px;
    left: -270px;
    top: -160px;
    border: 1px solid rgba(184, 149, 90, 0.16);
    border-radius: 50%;
}

.service-sec2 .is-container {
    position: relative;
    z-index: 1;
}

.service-sec2 .grid-x {
    align-items: center;
}


/* Image */

.service-sec2 .large-6:first-child {
    position: relative;
    padding: 25px 45px 25px 15px;
}

.service-sec2 .large-6:first-child:before {
    content: "01";
    position: absolute;
    right: 15px;
    top: 0;
    color: #b8955a;
    font-family: "DM Serif Display", serif;
    font-size: 78px;
    line-height: 1;
    z-index: 2;
}

.service-sec2 .large-6:first-child:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 75px;
    height: 75px;
    border-left: 3px solid #b8955a;
    border-bottom: 3px solid #b8955a;
    pointer-events: none;
}

.service-sec2 .large-6:first-child img {
    display: block;
    width: 100%;
    max-width: 570px;
    height: 550px;
    margin: auto;
    object-fit: cover;
    box-shadow: 0 18px 45px rgba(28, 48, 43, 0.12);
    transition: transform 0.7s ease;
}

.service-sec2 .large-6:first-child:hover img {
    transform: scale(1.025);
}


/* Text panel */

.service-sec2 .large-6:last-child {
    padding: 35px 15px 35px 45px;
}

.service-sec2 .inner-service-card1 {
    position: relative;
    max-width: 570px;
    padding: 45px 45px 45px 0;
}

.service-sec2 .inner-service-card1:before {
    content: "";
    position: absolute;
    left: -45px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ddd8ce;
}

.service-sec2 .section-sub-heading {
    position: relative;
    margin: 0 0 22px;
    color: #1c302b;
    line-height: 1.2;
}

.service-sec2 .section-sub-heading:after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin-top: 16px;
    background: #b8955a;
}

.service-sec2 .inner-service-card1 > p {
    margin: 0 0 25px;
    color: #5d6662;
    font-family: "DM Sans", sans-serif;
    font-size: 15.5px;
    line-height: 1.85;
}


/* =========================================================
   CHECKLIST
   ========================================================= */

.service-sec2 .icon-list1,
.service-sec4 .icon-list1,
.service-sec3 .icon-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.service-sec2 .icon-list1 li,
.service-sec4 .icon-list1 li,
.service-sec3 .icon-list li {
    position: relative;
    margin: 0;
    padding: 11px 0 11px 30px;
    color: #38423e;
    border-bottom: 1px solid #ebe7df;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 1.55;
}

.service-sec2 .icon-list1 li:before,
.service-sec4 .icon-list1 li:before,
.service-sec3 .icon-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 10px;
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1c302b;
    color: #ffffff;
    border-radius: 50%;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
}

.service-sec2 .icon-list1 li:last-child,
.service-sec4 .icon-list1 li:last-child,
.service-sec3 .icon-list li:last-child {
    border-bottom: 0;
}


/* =========================================================
   SECTION 3 - CORPORATE MOBILITY
   Full-width feature panel
   ========================================================= */

.service-sec3 {
    background: #f5f3ee;
}

.service-sec3:before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    right: -320px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid rgba(184, 149, 90, 0.18);
    border-radius: 50%;
}

.service-sec3 .is-container {
    position: relative;
    z-index: 1;
}

.service-sec3 .service-layout1 {
    position: relative;
    padding: 55px 65px !important;
    background: #ffffff;
    border: 1px solid #e1ddd4;
    box-shadow: 0 15px 40px rgba(28, 48, 43, 0.07);
    overflow: hidden;
}

.service-sec3 .service-layout1:before {
    content: "02";
    position: absolute;
    top: 18px;
    right: 35px;
    color: rgba(184, 149, 90, 0.12);
    font-family: "DM Serif Display", serif;
    font-size: 110px;
    line-height: 1;
}

.service-sec3 .service-layout1:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #b8955a;
}

.service-sec3 .section-sub-heading {
    position: relative;
    z-index: 1;
    margin: 0 0 22px;
    color: #1c302b;
    line-height: 1.2;
}

.service-sec3 .section-sub-heading:after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin-top: 16px;
    background: #b8955a;
}

.service-sec3 .service-layout1 > p {
    position: relative;
    z-index: 1;
    max-width: 950px;
    margin: 0 0 28px;
    color: #5d6662;
    font-family: "DM Sans", sans-serif;
    font-size: 15.5px;
    line-height: 1.85;
}


/* Corporate checklist in two columns */

.service-sec3 .icon-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 45px;
}


/* =========================================================
   SECTION 4 - ONGOING SYSTEM MAINTENANCE
   ========================================================= */

.service-sec4 {
    background: #ffffff;
}

.service-sec4:after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    right: -220px;
    bottom: -200px;
    border: 1px solid rgba(184, 149, 90, 0.16);
    border-radius: 50%;
}

.service-sec4 .is-container {
    position: relative;
    z-index: 1;
}

.service-sec4 .grid-x {
    align-items: center;
}


/* Image */

.service-sec4 .large-6:first-child {
    position: relative;
    padding: 25px 15px 25px 45px;
}

.service-sec4 .large-6:first-child:before {
    content: "03";
    position: absolute;
    left: 15px;
    top: 0;
    color: #b8955a;
    font-family: "DM Serif Display", serif;
    font-size: 78px;
    line-height: 1;
    z-index: 2;
}

.service-sec4 .large-6:first-child:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 75px;
    height: 75px;
    border-right: 3px solid #b8955a;
    border-bottom: 3px solid #b8955a;
}

.service-sec4 .large-6:first-child img {
    display: block;
    width: 100%;
    max-width: 570px;
    height: 550px;
    margin: auto;
    object-fit: cover;
    box-shadow: 0 18px 45px rgba(28, 48, 43, 0.12);
    transition: transform 0.7s ease;
}

.service-sec4 .large-6:first-child:hover img {
    transform: scale(1.025);
}


/* Text */

.service-sec4 .large-6:last-child {
    padding: 35px 45px 35px 15px;
}

.service-sec4 .inner-service-card {
    position: relative;
    max-width: 570px;
    padding: 45px 0 45px 45px;
}

.service-sec4 .inner-service-card:before {
    content: "";
    position: absolute;
    right: -45px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ddd8ce;
}

.service-sec4 .section-sub-heading {
    position: relative;
    margin: 0 0 22px;
    color: #1c302b;
    line-height: 1.2;
}

.service-sec4 .section-sub-heading:after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin-top: 16px;
    background: #b8955a;
}

.service-sec4 .inner-service-card > p {
    margin: 0 0 25px;
    color: #5d6662;
    font-family: "DM Sans", sans-serif;
    font-size: 15.5px;
    line-height: 1.85;
}


/* =========================================================
   HOVER / INTERACTION
   ========================================================= */

.service-sec2 .icon-list1 li,
.service-sec3 .icon-list li,
.service-sec4 .icon-list1 li {
    transition: padding-left 0.3s ease, color 0.3s ease;
}

.service-sec2 .icon-list1 li:hover,
.service-sec3 .icon-list li:hover,
.service-sec4 .icon-list1 li:hover {
    padding-left: 35px;
    color: #1c302b;
}

.service-sec2 .icon-list1 li:hover:before,
.service-sec3 .icon-list li:hover:before,
.service-sec4 .icon-list1 li:hover:before {
    background: #b8955a;
}


/* =========================================================
   TABLET
   ========================================================= */

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

    .service-sec2 .large-6:first-child,
    .service-sec4 .large-6:first-child {
        padding-left: 25px;
        padding-right: 25px;
    }

    .service-sec2 .large-6:last-child {
        padding-left: 30px;
    }

    .service-sec4 .large-6:last-child {
        padding-right: 30px;
    }

    .service-sec2 .inner-service-card1 {
        padding-right: 20px;
    }

    .service-sec4 .inner-service-card {
        padding-left: 20px;
    }

    .service-sec2 .large-6:first-child img,
    .service-sec4 .large-6:first-child img {
        height: 480px;
    }

    .service-sec3 .service-layout1 {
        padding: 45px 45px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

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

    .service-sec2,
    .service-sec3,
    .service-sec4 {
        padding: 15px 0;
    }

    /* Images */

    .service-sec2 .large-6:first-child,
    .service-sec4 .large-6:first-child {
        padding: 25px 15px 35px;
    }

    .service-sec2 .large-6:first-child img,
    .service-sec4 .large-6:first-child img {
        width: 100%;
        height: 330px;
    }

    .service-sec2 .large-6:first-child:before,
    .service-sec4 .large-6:first-child:before {
        top: 0;
        font-size: 62px;
    }

    .service-sec2 .large-6:first-child:after,
    .service-sec4 .large-6:first-child:after {
        width: 55px;
        height: 55px;
    }

    /* Text panels */

    .service-sec2 .large-6:last-child,
    .service-sec4 .large-6:last-child {
        padding: 15px;
    }

    .service-sec2 .inner-service-card1,
    .service-sec4 .inner-service-card {
        max-width: 100%;
        padding: 15px 0 10px;
    }

    .service-sec2 .inner-service-card1:before,
    .service-sec4 .inner-service-card:before {
        display: none;
    }

    .service-sec2 .section-sub-heading,
    .service-sec3 .section-sub-heading,
    .service-sec4 .section-sub-heading {
        margin-bottom: 18px;
    }

    .service-sec2 .inner-service-card1 > p,
    .service-sec3 .service-layout1 > p,
    .service-sec4 .inner-service-card > p {
        font-size: 15px;
        line-height: 1.75;
    }

    /* Corporate */

    .service-sec3 .service-layout1 {
        padding: 40px 25px !important;
    }

    .service-sec3 .service-layout1:before {
        right: 20px;
        font-size: 75px;
    }

    .service-sec3 .icon-list {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    /* Checklist */

    .service-sec2 .icon-list1 li,
    .service-sec3 .icon-list li,
    .service-sec4 .icon-list1 li {
        font-size: 13.5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

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

    .service-sec2 .large-6:first-child img,
    .service-sec4 .large-6:first-child img {
        height: 280px;
    }

    .service-sec2 .large-6:first-child:before,
    .service-sec4 .large-6:first-child:before {
        font-size: 52px;
    }

    .service-sec3 .service-layout1 {
        padding: 32px 20px !important;
    }

    .service-sec2 .inner-service-card1 > p,
    .service-sec3 .service-layout1 > p,
    .service-sec4 .inner-service-card > p {
        font-size: 14px;
    }
}


/* =========================================
   BOOKIFY FOOTER - PREMIUM ANIMATION
   Keeps existing background colors
   ========================================= */

#footer {
    position: relative;
    overflow: hidden;
}

/* -----------------------------------------
   TOP FOOTER NAV
----------------------------------------- */

#footer .footer-menu-container {
    position: relative;
    padding: 8px 0;
}

#footer .footer-menu-container:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 1px;
    background: currentColor;
    transform: translateX(-50%);
    transition: width 0.7s ease;
}

#footer .footer-menu-container:hover:before {
    width: 80%;
}

#footer .footer-menu-container ul.level-1 {
    gap: 8px;
    margin: 0;
}

#footer .footer-menu-container ul.level-1 li {
    margin: 0;
}

#footer .footer-menu-container ul.level-1 li a {
    position: relative;
    display: inline-block;
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-decoration: none;
    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

/* Animated underline */
#footer .footer-menu-container ul.level-1 li a:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 0;
    height: 2px;
    border-radius: 20px;
    background: currentColor;
    transform: translateX(-50%);
    transition: width 0.35s ease;
}

#footer .footer-menu-container ul.level-1 li a:hover {
    transform: translateY(-3px);
}

#footer .footer-menu-container ul.level-1 li a:hover:after {
    width: 55%;
}


/* -----------------------------------------
   FOOTER MAIN CONTENT
----------------------------------------- */

#footer .footer-color {
    position: relative;
    overflow: hidden;
}

#footer .footer-color .grid-x {
    position: relative;
}

/* Subtle decorative glow */
#footer .footer-color:before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.08);
    top: -110px;
    left: -110px;
    animation: footerFloat 8s ease-in-out infinite;
    pointer-events: none;
}

#footer .footer-color:after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.06);
    right: -80px;
    bottom: -80px;
    animation: footerFloatReverse 9s ease-in-out infinite;
    pointer-events: none;
}


/* -----------------------------------------
   HEADINGS
----------------------------------------- */

#footer h3.normal-text {
    position: relative;
    display: inline-block;
    margin-bottom: 18px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.2px;
}

#footer h3.normal-text:after {
    content: "";
    display: block;
    width: 32px;
    height: 3px;
    margin-top: 9px;
    border-radius: 10px;
    background: currentColor;
    transition: width 0.4s ease;
}

#footer .cell:hover h3.normal-text:after {
    width: 58px;
}


/* -----------------------------------------
   NORMAL FOOTER TEXT
----------------------------------------- */

#footer .footer-color p {
    font-size: 16px;
    line-height: 1.75;
}

#footer .logo-container-footer > p {
    max-width: 390px;
}


/* -----------------------------------------
   LOGO
----------------------------------------- */

#footer .logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#footer .logo-container a {
    display: inline-block;
}

#footer .logo-container img {
    max-width: 210px;
    transition:
        transform 0.5s cubic-bezier(.2,.8,.2,1),
        filter 0.5s ease;
}

#footer .logo-container a:hover img {
    transform: translateY(-7px) scale(1.04);
    filter: drop-shadow(0 12px 20px rgba(0,0,0,0.18));
}


/* -----------------------------------------
   CONTACT DETAILS
----------------------------------------- */

#footer .icon-div {
    margin-bottom: 15px;
    transition: transform 0.3s ease;
}

#footer .icon-div:hover {
    transform: translateX(5px);
}

#footer .icon-div .icon {
    width: 28px;
    min-width: 28px;
    margin-right: 8px;
    font-size: 15px;
    transition: transform 0.3s ease;
}

#footer .icon-div:hover .icon {
    transform: scale(1.15);
}

#footer .icon-div a {
    position: relative;
    font-size: 16px;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

#footer .icon-div a:hover {
    opacity: 0.7;
}


/* -----------------------------------------
   MAILING LIST BUTTON
----------------------------------------- */

#footer .button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 12px;
    padding: 13px 25px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.3px;
    border: 1px solid currentColor;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

#footer .button:before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 80%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.22),
        transparent
    );
    transform: skewX(-20deg);
    transition: left 0.6s ease;
}

#footer .button:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

#footer .button:hover:before {
    left: 140%;
}


/* -----------------------------------------
   DIVIDERS
----------------------------------------- */

#footer hr {
    opacity: 0.18;
    transition: opacity 0.4s ease;
}

#footer:hover hr {
    opacity: 0.3;
}


/* -----------------------------------------
   COPYRIGHT
----------------------------------------- */

#footer .copyright {
    font-size: 14px;
    line-height: 1.7;
}

#footer .copyright a {
    position: relative;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

#footer .copyright a:hover {
    opacity: 0.65;
}


/* -----------------------------------------
   FOOTER LINK HOVER
----------------------------------------- */

#footer a {
    transition: all 0.3s ease;
}


/* -----------------------------------------
   FLOATING DECORATION
----------------------------------------- */

@keyframes footerFloat {
    0%,
    100% {
        transform: translate(0, 0) rotate(0deg);
    }

    50% {
        transform: translate(25px, 18px) rotate(8deg);
    }
}

@keyframes footerFloatReverse {
    0%,
    100% {
        transform: translate(0, 0) rotate(0deg);
    }

    50% {
        transform: translate(-20px, -15px) rotate(-8deg);
    }
}


/* -----------------------------------------
   MOBILE
----------------------------------------- */

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

    #footer .footer-menu-container ul.level-1 {
        gap: 0;
    }

    #footer .footer-menu-container ul.level-1 li a {
        padding: 10px 13px;
        font-size: 16px;
    }

    #footer .footer-color .grid-x {
        padding-top: 30px;
    }

    #footer .logo-container {
        padding: 25px 0;
    }

    #footer .logo-container img {
        max-width: 190px;
    }

    #footer .icon-div {
        justify-content: center;
    }

    #footer h3.normal-text {
        font-size: 21px;
    }
}


/* -----------------------------------------
   SMALL MOBILE
----------------------------------------- */

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

    #footer .footer-menu-container ul.level-1 {
        flex-direction: column;
    }

    #footer .footer-menu-container ul.level-1 li {
        width: 100%;
        text-align: center;
    }

    #footer .footer-menu-container ul.level-1 li a {
        padding: 8px 15px;
    }

    #footer .footer-menu-container ul.level-1 li a:after {
        bottom: 3px;
    }

    #footer .footer-color p {
        font-size: 16px;
        line-height: 1.7;
    }

    #footer .copyright {
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #footer .footer-color:before,
    #footer .footer-color:after {
        display: none;
    }
}

/* =========================================================
   BOOKIFY BOOKKEEPING - PREMIUM HEADER STYLING
   Existing background colors are preserved
   ========================================================= */

#header {
    position: relative;
    z-index: 100;
    width: 100%;
}

/* ---------------------------------------------------------
   HEADER MAIN WRAPPER
--------------------------------------------------------- */

#header .header-grid {
    min-height: 92px;
    position: relative;
    transition: min-height 0.35s ease;
}


/* ---------------------------------------------------------
   LOGO
--------------------------------------------------------- */

#header .logo-container {
    position: relative;
    z-index: 2;
}

#header .logo-container a {
    display: inline-block;
    line-height: 0;
}

#header .logo-container img {
    display: block;
    max-width: 205px;
    height: auto;
    transform-origin: center left;
    transition:
        transform 0.45s cubic-bezier(.2,.8,.2,1),
        filter 0.45s ease;
}

#header .logo-container a:hover img {
    transform: scale(1.035) translateY(-2px);
    filter: drop-shadow(0 7px 14px rgba(0,0,0,0.12));
}


/* ---------------------------------------------------------
   TOP CONTACT AREA
--------------------------------------------------------- */

#header .contact-section {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    margin: 0 0 12px;
}

#header .contact-section > li {
    margin: 0;
}

#header .head-contact-links {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
}

#header .head-contact-links:hover {
    transform: translateY(-2px);
    opacity: 0.75;
}


/* Phone icon */

#header .head-contact-links .icon-part {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    transition:
        transform 0.35s ease,
        background 0.35s ease;
}

#header .head-contact-links:hover .icon-part {
    transform: rotate(-8deg) scale(1.12);
}


/* ---------------------------------------------------------
   HEADER CTA BUTTONS
--------------------------------------------------------- */

#header .contact-section .button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 43px;
    padding: 11px 20px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.1px;
    text-decoration: none;
    border: 1px solid currentColor;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

/* Shine animation */

#header .contact-section .button:before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 75%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.22),
        transparent
    );
    transform: skewX(-20deg);
    transition: left 0.65s ease;
}

#header .contact-section .button:hover {
    transform: translateY(-3px);
    box-shadow: 0 9px 20px rgba(0,0,0,0.13);
}

#header .contact-section .button:hover:before {
    left: 140%;
}


/* Give the consultation CTA slightly more presence */

#header .contact-section li:last-child .button {
    padding-left: 23px;
    padding-right: 23px;
}


/* ---------------------------------------------------------
   MAIN NAVIGATION
--------------------------------------------------------- */

#header .menu-container {
    position: relative;
}

#header .menu-container nav {
    width: 100%;
}

#header .menu-container ul.level-1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    margin: 0;
}

#header .menu-container ul.level-1 > li {
    position: relative;
    margin: 0;
}


/* Main navigation links */

#header .menu-container ul.level-1 > li > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 14px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.1px;
    text-decoration: none;
    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
}


/* Animated underline */

#header .menu-container ul.level-1 > li > a:after {
    display:none;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1px;
    width: 0;
    height: 2px;
    border-radius: 20px;
    background: currentColor;
    transform: translateX(-50%);
    transition: width 0.35s cubic-bezier(.2,.8,.2,1);
}

#header .menu-container ul.level-1 > li > a:hover {
    transform: translateY(-2px);
}

#header .menu-container ul.level-1 > li > a:hover:after,
#header .menu-container ul.level-1 > li.active > a:after {
    width: 55%;
}


/* Active menu item */

#header .menu-container ul.level-1 > li.active > a {
    font-weight: 700;
}


/* ---------------------------------------------------------
   DROPDOWN ARROWS
--------------------------------------------------------- */

#header .menu-container li.has-submenu > a {
    padding-right: 29px;
}

#header .menu-container li.has-submenu > a:before {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-65%) rotate(45deg);
    transition: transform 0.3s ease;
}

#header .menu-container li.has-submenu:hover > a:before {
    transform: translateY(-25%) rotate(225deg);
}


/* ---------------------------------------------------------
   DROPDOWN MENU
--------------------------------------------------------- */

#header .menu-container ul.submenu {
    min-width: 245px;
    margin-top: 8px;
    padding: 8px;
    border: 0;
    border-radius: 6px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.13);
    transform-origin: top center;
}

/* Keep dropdown colors inherited/current */

#header .menu-container ul.submenu li {
    width: 100%;
}

#header .menu-container ul.submenu li a {
    position: relative;
    display: block;
    padding: 11px 14px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
    border-radius: 4px;
    transition:
        padding-left 0.3s ease,
        opacity 0.3s ease;
}

#header .menu-container ul.submenu li a:hover {
    padding-left: 19px;
    opacity: 0.75;
}


/* ---------------------------------------------------------
   SUBTLE HEADER SEPARATOR
--------------------------------------------------------- */

#header:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    opacity: 0.14;
    background: currentColor;
}


/* ---------------------------------------------------------
   MOBILE MENU BUTTON
--------------------------------------------------------- */

#header #sidenav-id {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 4px;
    text-decoration: none;
    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
}

#header #sidenav-id:hover {
    transform: scale(1.05);
    opacity: 0.75;
}

#header #sidenav-id .icon {
    transition: transform 0.35s ease;
}

#header #sidenav-id:hover .icon {
    transform: rotate(5deg);
}


/* ---------------------------------------------------------
   MOBILE CONTACT
--------------------------------------------------------- */

#header .mobile-contact-button-section {
    margin-top: 10px;
    text-align: center;
}

#header .mobile-contact-button-section .head-contact-links {
    justify-content: center;
}

#header .mobile-contact-button-section .button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 11px 22px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    overflow: hidden;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

#header .mobile-contact-button-section .button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}


/* ---------------------------------------------------------
   RESPONSIVE - TABLET
--------------------------------------------------------- */

@media only screen and (max-width: 1200px) and (min-width: 1024px) {

    #header .menu-container ul.level-1 > li > a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
    }

    #header .contact-section .button {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
    }

    #header .logo-container img {
        max-width: 185px;
    }
}


/* ---------------------------------------------------------
   RESPONSIVE - MOBILE
--------------------------------------------------------- */

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

    #header .header-grid {
        min-height: 76px;
    }

    #header .logo-container img {
        max-width: 185px;
        transform-origin: center;
    }

    #header .hide-for-large.sidenav-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #header .mobile-contact-button-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    #header .mobile-contact-button-section .head-contact-links {
        font-size: 16px;
    }
}


/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

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

    #header .header-grid {
        padding-left: 12px;
        padding-right: 12px;
    }

    #header .logo-container img {
        max-width: 165px;
    }

    #header #sidenav-id {
        width: 42px;
        height: 42px;
    }

    #header .mobile-contact-button-section .button {
        width: 100%;
        max-width: 280px;
    }
}


/* ---------------------------------------------------------
   ACCESSIBILITY
--------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    #header *,
    #header *:before,
    #header *:after {
        animation: none !important;
        transition: none !important;
    }
}

/* Decorative circles */
.home8::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -210px;
    top: -250px;

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
}

.home8::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    left: -170px;
    bottom: -190px;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.home8 .is-boxes,
.home8 .is-box-centered,
.home8 .is-container {
    position: relative;
    z-index: 2;
    width: 100%;
}

.home8 .is-container {
    max-width: 1000px;
    padding-top: 55px;
    padding-bottom: 55px;
}

/* =========================================
   CONTENT
   ========================================= */

.home8 p {
    position: relative;
    max-width: 850px;
    margin: 0 auto;

    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.1px;

    color: rgba(255, 255, 255, 0.92) !important;
}

/* Gold accent above paragraph */
.home8 p::before {
    content: "";
    display: block;

    width: 55px;
    height: 3px;

    margin: 0 auto 25px;

    background: #d7b878;
    border-radius: 50px;
}


/* =========================================
   SUBTLE CENTER GLOW
   ========================================= */

.home8 .is-container::before {
    content: "";
    position: absolute;

    width: 260px;
    height: 260px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    background: rgba(255, 255, 255, 0.025);
    border-radius: 50%;
    filter: blur(8px);

    pointer-events: none;
}


/* =========================================
   TABLET
   ========================================= */

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

    .home8 {
        min-height: 220px;
    }

    .home8 .is-container {
        padding: 45px 20px;
    }

    .home8 p {
        font-size: 16px;
        line-height: 1.7;
    }

    .home8 p::before {
        width: 45px;
        height: 2px;
        margin-bottom: 20px;
    }

    .home8::before {
        width: 320px;
        height: 320px;
        right: -180px;
        top: -200px;
    }

    .home8::after {
        width: 220px;
        height: 220px;
        left: -140px;
        bottom: -150px;
    }
}


/* =========================================
   MOBILE
   ========================================= */

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

    .home8 {
        min-height: 210px;
    }

    .home8 .is-container {
        padding: 40px 18px;
    }

    .home8 p {
        font-size: 15px;
        line-height: 1.7;
    }
}