/*
 Theme Name:   Elite Web Orbit Child
 Theme URI:    http://example.com/eliteweborbit-child
 Description:  Child theme for Elite Web Orbit
 Author:       Your Name
 Author URI:   http://example.com
 Template:     eliteweborbit
 Version:      1.0.0
 Text Domain:  eliteweborbit-childtheme
*/

@font-face {
    font-display: swap;
    font-family: 'Montserrat Sans';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/Montserrat-Bold.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat Sans';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/Montserrat-Regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Montserrat Sans';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/Montserrat-SemiBold.woff2') format('woff2');
}

:root {
    --blue: #1e90ff;
    --white: #ffffff;
    --placeholdercolor: currentColor;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat Sans';
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.clear {
    clear: both;
}
.alignleft, .alignright, .aligncenter {
    margin-bottom: 10px;
}
.alignnone {
    margin-bottom: 10px;
}
.alignleft {
    float: left;
    margin-right: 15px;
    margin-top: 0;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-top: 0;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px auto;
}
iframe, img {
    max-width: 100%;
    border: none;
    vertical-align: middle;
}
img {
    border: 0;
    height: auto;
}
a {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    text-decoration: none;
    transition: 0.5s;
}
h1, h2, h3, h4, h5, h6 {
     font-family: 'Montserrat Sans';
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: normal;
}
p, li, ul, ol, blockquote {
    font-family: 'Montserrat Sans';
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 0;
}
ul, li {
    list-style: none;
}
a:visited {
    color: inherit;
}
a:hover {
    text-decoration: none;
}
a, a:hover, input[type="submit"], button {
    outline: 0;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}
input::-webkit-input-placeholder {
    color: var(--placeholdercolor);
}
input::-moz-placeholder {
    color: var(--placeholdercolor);
}
input:-ms-input-placeholder {
    color: var(--placeholdercolor);
}
input:-moz-placeholder {
    color: var(--placeholdercolor);
}
html {
    scroll-behavior: smooth;
}
.post, .page{
    margin: 0;
}
ul,ol,li {
    list-style: none;
    margin:0;
    padding:0;
}
p:empty {
    display: none;
}

/*Header Sticky Menu*/



.header-sticky.fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 10px 2%;
    background-color: #8eb886;
    z-index: 9999;
    border-bottom: 2px solid #114d54;
}

.sicky-logo {

    width: 100%;

    max-width: 300px;

    padding: 0 15px;

}



.header-sticky {

    width: 100%;

    float: left;

    background: #c4c9b2;

    padding: 10px;

    display: none;

}

.header-sticky .sticky-cnt {

    width: 25%;

    float: left;

    text-align: center;

    font-size: 15px;

    color: #c4c9b2;

    padding: 0 8px;

}

.header-sticky .mobile_src_nav,

.header-sticky .showhide {

    display: block;

}

.header-sticky .mobile_src_nav {

    background: transparent;

}

.header-sticky .stickyshowhide .txt {

    width: 40px;

    height: 40px;

    text-align: center;

    float: none;

    padding: 0;

    position: relative;

    font-weight: normal;

}

.header-sticky .sticky-cnt>a, .header-sticky .sticky-cnt button {
    font-size: 17px;
    color: #fff;
     font-family: 'Montserrat Sans';
     font-weight: 400;
    position: relative;
    padding: 45px 0 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    cursor: pointer;
    border: 0;
    outline: 0;
    background: transparent;
}

.header-sticky .sticky-cnt a:before, .header-sticky .sticky-cnt button:before {
    width: 40px;
    height: 40px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    background: transparent;
    border-radius: 100%;
    border: 2px solid #ffffff;
}
.header-sticky .sticky-cnt button:before {
    background: url(images/header-sticky-menu.webp) no-repeat center;
}
.header-sticky .sticky-cnt a:before {
    background-image: url(images/header-sticky-call.webp);
    background-repeat: no-repeat;
    background-position: center;
}


.header-sticky .stickyshowhide .txt:before {

    display: block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    margin: auto;

    font-size: 18px;

    border: 1px #fff solid;

    color: #f2f2f2;

    border-radius: 50%;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}

.sticky-mobinav ul li a.drop {
    font-size: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: max-content;
    height: 45px;
}

.sticky-mobinav ul li a.drop.open {

    width: 28px;

}

.sticky-mobinav ul li a.drop:after {

    content: "";

    background: url(images/sprite_icons.png) no-repeat left top;

    background-position: 0px 0px;

    width: 13px;

    height: 13px;

    position: absolute;

    right: 0;

    top: 9px;

}

.sticky-mobinav ul li a.drop.open:after {

    background-position: -28px 0px;

}

.header-sticky .sicky-cnt .stickyshowhide:before {

    background: url(images/header-sticky-menu.png) no-repeat center;

}

.header-sticky .sicky-cnt.sticky-faq-wrap a:before {

    background: url(images/header-sticky-faqs.png) no-repeat center;

}

.header-sticky .sicky-cnt.sticky-call-wrap a:before {

    background: url(images/header-sticky-call.png) no-repeat center;

}

.header-sticky .sicky-cnt.sticky-blog-wrap a:before {

    background: url(images/header-sticky-blog.png) no-repeat center;

}

#floatingMenu {

    position: fixed;

    top: 0;

    left: 0;

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

    text-align: left;

    display: flex;

    width: 100%;

    height: 100vh;

    z-index: 99999;

}

.floatingMenu-list {
    width: 400px;
    background: #1a5a9a;
    overflow-y: auto;
    padding: 10px 10px;
    height: 100vh;
    position: relative;
}

#floatingMenu.openMenu {

    display: flex;

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}

#cloaseFloatingMenu {
    text-align: right;
    font-size: 37px;
    line-height: 1;
    font-weight: 700;
    display: block;
    background: transparent;
    clear: both;
    outline: 0;
    border: 0;
    padding: 0;
    color: #ffffff;
    float: right;
    position: relative;
    z-index: 999;
    cursor: pointer;
}

button#cloaseFloatingMenu2 {

    flex-grow: 1;

    width: calc(100% - 280px);

    height: 100%;

    font-size: 0px !important;
    background: transparent;
    border: 0;

}

.floatingMenuInner li {

    position: relative;

}
.floatingMenuInner a {

    color: #fff !important;

    letter-spacing: 0.4px;

    font-family: 'Asap', sans-serif;

    font-weight: 500;

    padding: 4px 0;

    font-size: 18px;

    display: block;

    line-height: 1;

    border-bottom: 1px solid #222222;

}

.floatingMenuInner .sub-menu {

    display: none;

}

.floatingMenuInner .menu-item-has-children>a:after {

    content: '';

    width: 10px;

    height: 2px;

    background-color: #fff;

    /* -webkit-transform: rotate(45deg);

       -moz-transform: rotate(45deg);

       -ms-transform: rotate(45deg);

       -o-transform: rotate(45deg);

       transform: rotate(45deg);*/

    position: absolute;

    top: 15px;

    right: 6px;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}

.floatingMenuInner .menu-item-has-children>a:before {

    content: '';

    width: 2px;

    height: 10px;

    position: absolute;

    top: 11px;

    right: 10px;

    display: block;

    opacity: 1;

    background-color: #fff;

}

.floatingMenuInner li.openSubMenu.menu-item-has-children>a::before {

    /*-webkit-transform: rotate(135deg);

      -moz-transform: rotate(135deg);

      -ms-transform: rotate(135deg);

      -o-transform: rotate(135deg);

      transform: rotate(135deg);*/

    opacity: 0;

}
.nav-cta .cmn-btn{
    display: inline-flex;
    align-items: center;
    padding: 10px 24px;
    background: #1a5a9a;
    color: #fff !important;
    border-radius: var(--radius);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em !important;
    transition: background .2s, transform .15s;
}
.nav-cta .cmn-btn:hover{
    background-color: #c3a240;
}



.header-sticky.fixed-header .container {

    display: flex;

    padding: 0;

    align-items: center;

    justify-content: space-between;

}



.sicky-logo{
    max-width:350px;
    text-align: center;
}



.sticky-wrap{
    display: none;
}


header#site-header.f-nav{
    position: fixed;
    border-bottom: 2px solid #82581f;
    background-color: #080d26;
    padding: 10px 0;
}

.showhide {
    display: none;
    color: #fff;
    width: 110px;
    height: 28px;
    float: none;
    text-align: left;
    cursor: pointer;
    padding: 0px 0 0 33px;
    position: relative;
    outline: 0;
    border: 0;
    background-color: transparent;
}

.showhide b.txtl {
    text-align: right;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600 !important;
    text-transform: uppercase;
    margin: 0 0px 0 0px;
    padding-top: 2px;
    letter-spacing: 0.5px;
       font-family: 'Montserrat Sans';
     font-weight: 600;
}

.showhide b.txtr {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: left;
    font-size: 37px;
    line-height: 27px;
       font-family: 'Montserrat Sans';
     font-weight: 400;
}

.mobinav {
    display: none;
    width: 100%;
    color: #fff;
    box-sizing: border-box;
    z-index: 99999995;
    float: left;
    background: #1a5a9a;
    position: absolute;
    top: 38px;
    left: 0;
}

.mobinav ul {
    float: left;
    margin: 0px 0 0 0;
    padding: 5px 0px;
    width: 100%;
}

.mobinav ul li {
    float: left;
    margin: 0;
    width: 100%;
    list-style: none;
    padding: 0 20px;
    box-sizing: border-box;
    border: 0;
    margin: 0;
    padding: 0px;
    position: relative;
       font-family: 'Montserrat Sans';
     font-weight: 400;
}

.mobinav a {
    width: 100%;
    float: left;
    padding: 6px 0;
    display: block;
    line-height: normal;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.5px;
      font-family: 'Montserrat Sans';
     font-weight: 700;
    border: 0;
    margin: 0;
    text-decoration: none;
}

.mobinav a:hover {
    color: #86d0f8;
}

.mobinav ul li ul {
    float: left;
    padding: 0 0 0 15px;
}

.mobinav ul li ul li a {
    text-transform: capitalize;
}

.mobile_src_nav {
    display: none;
    width: 100%;
    float: none;
    position: relative;
    padding: 10px 0;
}

.mobile_src_nav .container {
    position: relative;
}

.mobile_src_nav .search-form {
    width: 100%;
    float: left;
}



.displayblock {
    display:block;
}
.body-content {
    width:100%;
    float: left;
    height: 2000px;
    overflow: hidden;
}
.logo-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 10px 0;
}
.site-header.is-sticky .logo-section{
    padding: 5px 0px;
}
#main-navigation ul{
    margin:0
}
#main-navigation ul li{
    display: inline-block;
    padding: 0 0px 0;
    position: relative;
    margin: 0 30px;
}

#main-navigation ul li:first-child{
    padding-left:0
}
#main-navigation ul li:last-child{
    padding-right:0
}
#main-navigation ul li a{
    font-size: 18px;
    font-family: 'Montserrat Sans';
     font-weight: 600;
    letter-spacing: 0.36px;
    line-height: 1;
    color: #ffffff;
    display: block;
    min-width: inherit;
}
#main-navigation ul > li.current-menu-item > a, #main-navigation ul > li > a:hover{
    color: #c3a240;
}
#main-navigation ul li ul.sub-menu{
    display:none;
    width:220px;
    position:absolute;
    color:#fff;
    top:100%;
    left:0;
    right:auto;
    background-color:#931917;
    padding:0px 0;
    z-index:999
}
#main-navigation ul li:hover ul.sub-menu{
    display:block
}
#main-navigation ul li:hover ul.sub-menu li{
    position:relative
}
#main-navigation ul li:hover ul.sub-menu li:hover > ul{
    display:block;
    top:0;
    left:100%
}
#main-navigation .sub-menu li.current-menu-item > a{
    background-color: #f5f1e9;
    color: #a7211f;
}
#main-navigation .sub-menu li a{
    width: 100%;
    padding: 8px 10px;
    color: #ffffff;
    display: block;
    text-align: left;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0;
    border-bottom: 0;
    font-size: 16px;
}
#main-navigation .sub-menu li a:hover,
#main-navigation .sub-menu .current-menu-item > a{
    background-color: #f5f1e9;
    color: #a7211f;
}
#main-navigation .sub-menu li:after{
    display:none;
}
#main-navigation .sub-menu li{
    width:100%;
    margin:0;
    padding:0
}
#main-navigation .sub-menu li a:after{
    display:none
}
#main-navigation ul li ul.sub-menu li .sub-menu {
    display:none;
    width:100%;
    position:absolute;
    color:#fff;
    top:0;
    left:100%;
    padding:0px 0;
    z-index:999;
}
.site-header {
    background-color: transparent;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    width: 100%;
    padding: 10px 0 10px;
    position: absolute;
    top: 0px;
    z-index: 9;
}
.site-header.is-sticky {
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    position: fixed;
    animation: slideDown 0.35s ease-out;
    visibility: visible;
    background-image: url(images/sticky-nav-bg.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
.is-fading-out {
    opacity: 0;
    visibility: hidden;
}

.mobilenav {
    width:280px;
    height: 100vh;
    background-color: #333;
    color: white;
    position: fixed;
    top: 0;
    left: -280px;
    transition: left 0.4s ease;
    z-index: 999;
}
.mobilenav.show {
    left: 0;
}
#mobilenav-toggle {
    display:none;
}
.mobilenav-toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: blue;
    border: none;
    cursor: pointer;
    z-index: 1000;
    font-size: 0;
    line-height: 0px;
    width:36px;
    height: 36px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/open-mobilenav.webp);
}
.mobilenav-toggle.active {
    background-image: url(images/close-mobilenav.webp);
}
.close-mobilenav {
    font-size:0;
    line-height:0px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    background-color: red;
    background-image: url(images/close-mobilenav.webp);
    background-position: center center;
    background-repeat: no-repeat;
    width:36px;
    height: 36px;
}


@media screen and (max-width:992px) {
    #mobilenav-toggle {
        display:block
    }
}

#mobile-navigation {
    overflow-y:scroll;
    height: 100%;
    width:100%;
    padding-top:45px;
}
#mobile-navigation ul{
    margin:0;
    padding:0
}
#mobile-navigation ul li{
    display:block;
    padding:0 0px;
    margin:0;
    position:relative
}
#mobile-navigation ul li a{
    font-size:15px;
    text-transform:uppercase;
    font-weight:bold;
    color:#000;
    padding:6px 10px;
    display:block;
    min-width:inherit
}
#mobile-navigation ul li.current-menu-item > a,#mobile-navigation ul li:hover > a{
    color:#fff
}
#mobile-navigation .sub-menu li a{
    width:100%;
    padding:6px;
    color:#ffffff;
    display:block;
    text-align:left
}

#mobile-navigation ul li .drop.close, #mobile-navigation ul li .drop.open {
    font-size: 0;
    position: absolute;
    right: 0px;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: transparent !important;
    background-image: url(images/nav-open.webp);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0px 0px;
    cursor: pointer;
}
#mobile-navigation ul li .drop.open {
    width: 20px;
    background-image: url(images/nav-close.webp);
}
#mobile-navigation .sub-menu {
    padding-left: 15px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease;
}
#mobile-navigation .sub-menu.open {
    max-height: 900px;
    transition: max-height 0.8s ease;
}
#page-column .sdbr-case-item p {
    color: #fff;
}
.page-container, .post-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;

}
#main-heading {
    background-image: url(images/page-bnr-bg-img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 140px 0 80px;
    text-align: center;
}
#main-heading h1 {
    font-size: 45px;
       font-family: 'Montserrat Sans';
     font-weight: 400;
     line-height: 1;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px;
    text-align: center;
}
#main-heading .inrpg-breadcrumbs {
    font-size: 18px;
      font-family: 'Montserrat Sans';
     font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.4px;
    color: #ffffff;
    margin: 0;
    padding: 10px 0 0;
    text-align: center;
}
#main-heading .inrpg-breadcrumbs span.current-item, #main-heading .inrpg-breadcrumbs span:hover {
    color: #1a5a9a;
}
.page-col-full, .single-col-full {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#single-column, #post-column, #page-column {
    width:64.9%;
}
.sidebar-page, .sidebar-single {
    width: 31.3%;
    max-width: 400px;
}

#page-column.full-width,
.full-width {
    width: 100%;
}

#page-column h1,
#page-column h2,
#page-column h3,
#page-column h4,
#page-column h5,
#page-column h6, #page-content .areaserved-item-list h2 {
       font-family: 'Montserrat Sans';
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.1;
    margin: 0 0 15px;
    color: #050505;
}

#page-column h1,
#page-column h2, #page-content .areaserved-item-list h2 {
    font-size: 45px;
}

#page-column h3 {
    font-size: 40px;
}

#page-column h4 {
    font-size: 35px;
}

#page-column h5 {
    font-size: 28px;
}

#page-column h6 {
    font-size: 26px;
}

#page-column p, #page-column li {
    font-family: 'Montserrat Sans';
     font-weight: 400;
    font-size: 20px;
    line-height: 1.95;
    color: #000000;
    letter-spacing: 0;
    margin: 0 0 25px 0;
    font-weight: 500;
}

#page-column li ul {
    padding: 15px 0 0 10px;
    margin: 0;
    position: relative;
}

#page-column ol,
#page-column ul {
    margin: 0 0 25px 0px;
    list-style-position: inside;
}

#page-column ul li {
    list-style: none;
    padding-left: 18px;
    position: relative;
    margin: 0 0 15px;
}

#page-column ul li:before {
    background: #000;
    width: 10px;
    height: 10px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 14px;
    border-radius: 50%;
}

#post-content .posts-list .author-info a,
#page-column a,
#page-column li a {
    color: #931917;
    text-decoration: none !important;
}

#page-column a:hover,
#page-column li a:hover {
    color: #000;
}

#page-column  ol {
    list-style-type: decimal;
    margin-left: 20px;
}

#page-column  ol li {
    list-style: decimal;
    padding-left: 0 !important;
}

#page-column  ul li > ul li {
    list-style-type: inherit;
}

#page-column  ul li > ul li > ol li {
    list-style-type: decimal;
}

#page-column  ul li > ul li:before {
    display: block;
}

#page-column  ul li > ol li {
    list-style-type: decimal;
}

#page-column  ul li > ol li:before {
    display: none;
}

#page-column  ul li > ol li > ul li {
    list-style-type: inherit;
}

.page-feature-img, .single-thumbnail {
    margin: 0 0 35px;
}

.page-feature-img img, .single-thumbnail img {
    width: 100%;
    display: block;
}
/*Sidebar Styles*/
.sidebar-page .sidebar-item {
    margin: 0 0 46px;
    background-color: #931917;
    position: relative;
    padding: 32px 15px 20px;
}
.sidebar-page .sidebar-item h2, h4.widget-title {
    padding: 0 0 22px;
    text-align: center;
    position: relative;
    font-size: 46px;
    line-height: 1;
    color: #fff;
    letter-spacing: 0px;
    margin: 0 0 10px;
     font-family: 'Montserrat Sans';
     font-weight: 400;
}
.sidebar-page .sidebar-item h2:before{
    content: '';
    position: absolute;
    background-color: rgba(255, 255, 255, 0.502);
    width: 91.8%;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.sidebar-page .sidebar-menu-pa {
    padding: 0px;
}
.sidebar-page .sidebar-menu-pa ul{
    margin:0;
    padding:0
}
.sidebar-page .sidebar-menu-pa ul li{
    display:block;
    padding:0 0px;
    margin:0;
    position:relative
}
.sidebar-page .sidebar-menu-pa ul li a {
    font-size: 22px;
    color: #fff;
    display: block;
    position: relative;
       font-family: 'Montserrat Sans';
     font-weight: 700;
    line-height: 1.1;
    margin: 0;
    letter-spacing: 0;
    padding: 15px 15px 15px 35px;
    background-color: transparent;
}
.sidebar-page .sidebar-menu-pa ul li a::before {
    content: "";
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: 22px;
    left: 18px;
}
.sidebar-page .sidebar-menu-pa ul li:last-child a{
    margin: 0 0 0;
}
.sidebar-page .sidebar-menu-pa ul li.current-menu-item > a, .sidebar-page .sidebar-menu-pa ul li:hover > a {
    background-color: #000000;
}
.sidebar-page .sidebar-menu-pa .sub-menu li a {
    width: 100%;
    padding: 0px 20px 0px 35px;
    display: block;
    text-align: left;
    font-size: 19px;
    margin: 0;
}
.sidebar-page .sidebar-menu-pa ul.sub-menu  li a:hover, .sidebar-page .sidebar-menu-pa ul.sub-menu li.current-menu-item > a{
    background-color: transparent !important;
    color: #ffffffbd;
}
.sidebar-page .sidebar-menu-pa .sub-menu li a:before {
    width: 6px;
    height: 6px;
    top: 5px;
}
.sidebar-page .sidebar-menu-pa .sub-menu li a:hover:before{
    background-color: #ffffffbd !important;
}
.sidebar-page .sidebar-menu-pa ul li .drop.close, .sidebar-page .sidebar-menu-pa ul li .drop.open  {
    font-size: 0;
    position: absolute;
    right: 25px;
    top: 21px;
    width: 12px;
    height: 12px;
    background-color: transparent !important;
    background-image: url(images/plus_icn.webp);
    background-position: right 0 center;
    background-repeat: no-repeat;
    padding: 0px 0px;
    cursor: pointer;
}
.sidebar-page .sidebar-menu-pa ul li .drop.open {
    background-image: url(images/minus_icn.webp);
}
.sidebar-page .sidebar-menu-pa .sub-menu li {
    margin: 0 0 10px;
}
.sidebar-page .sidebar-menu-pa .sub-menu {
    overflow: hidden;
    transition: max-height 0.8s ease;
}
.sidebar-page .sidebar-menu-pa .sub-menu.open {
    max-height: 900px;
    transition: max-height 0.8s ease;
    padding:10px 0 0 20px;
}
/*testimonials sidebar*/
.sidebar-page section.widget.testi {
    background-color: #202020;
    padding: 35px 40px 40px;
    text-align: center;
    margin: 0 0 50px;
}

#page-content section.widget.testi .testi-item p {
      font-family: 'Montserrat Sans';
     font-weight: 600;
    font-size: 19px;
    color: #ababab;
    line-height: 1.9;
    letter-spacing: 0px;
    margin-bottom: 20px;
}
#page-content section.widget.testi .testi-item .star-rat {
    width: 148px;
    height: 28px;
    background-image: url(images/sdbr-start-img.webp);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 20px;
}
#page-content section.widget.testi .testi-item h6 {
    position: inherit;
      font-family: 'Montserrat Sans';
     font-weight: 700;
    font-size: 26px;
    color: #d12423;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin-bottom: 0px;
    bottom: inherit;
}
.sidebar-page section.widget.testi h4.widget-title {
    margin: 0 0 30px;
    padding: 0;
}
.sidebar-page section.widget.testi h4.widget-title:before{
    display: none;
}
#page-content section.widget.testi .testi-item {
    width: 100%;
    background-color: transparent;
    border:0px;
    margin: 0;
    padding: 0;
}

#page-column  section.widget.testi.hm {
    text-align: center;
    margin: 0;
    background-color: #b7b2b2;
    padding: 40px;
}
#page-column section.widget.testi.hm p {
    color: #000;
}

#page-content section.widget.testi .testi-item::after, #page-content section.widget.testi .testi-item::before{
    display: none;
}

#page-content section.widget.testi .testi-item {
    width: 100%;
}
.sidebar-page ul.splide__pagination {
    display: none;
}
.sidebar-page button.splide__arrow.splide__arrow--prev {
    left: 0;
}
.sidebar-page button.splide__arrow.splide__arrow--next{
    right: 0;
}
.sidebar-page .splide__arrows {
    position: absolute;
    bottom: 30px;
    max-width: 100px;
    display: flex ;
    justify-content: center;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.sidebar-page button.splide__arrow{
    position: inherit;
}

#page-column section.widget.widget_team_member.hm {
    margin: 0 0 30px;
}

#page-column section.widget.csae-res.hm {
    background-color: #b7b2b2a1;
    padding: 30px;
}
#page-column section.widget.csae-res.hm p{
    color: #000;
}

section.widget.widget_team_member.hm {
    background-color: #fff4f4;
    color: #fff;
    padding: 30px;
}
#page-column .single-accordion {
    margin: 20px 0;
}
#page-column .accordion-profile h3 {
    background-color: #fff;
    padding: 16px 50px 15px 20px;
    cursor: pointer;
    width: 100%;
    border-radius: 0px;
    font-size: 26px;
     font-family: 'Montserrat Sans';
     font-weight: 400;
    letter-spacing: 0.52px;
    line-height: 1;
    color: #000000;
    margin: 0;
    border: 1px solid rgb(32, 32, 32, 0.25);
    background-image: url(images/down-arrow.webp);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: right 22px center;
}


#page-column .accordion-profile .accordion-profile-content {
    overflow: hidden;
    transition: max-height 0.4s ease;
    padding: 20px 20px 0;
    display: none;
}


#page-column .accordion-profile.active .accordion-profile-content {
    display: block;
}

::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
}

#page-column .accordion-profile {
    margin: 0 0 18px;
    max-height: max-content !important;
}

#page-column .accordion-profile.active h3 {
    background-color: #a7211f;
    color: #ffffff;
    border-color: #a7211f;
    background-image: url(images/up-arrow.webp);
}
/*single attoreny page*/
.single-profile-block {
    display: flex ;
    justify-content: space-between;
    padding: 20px;
    border: 2px solid;
    margin: 0 0 30px;
}
.single-profile-block .sp-block h2 {
    font-size: 30px;
    margin: 0 0 10px;
    line-height: 1;
}
.single-profile-block .sp-block h5, .profile-address{
    font-size: 20px;
    line-height: 1;
    margin: 0 0 15px;
}
.single-profile-block  .profile-tel a, .profile-email{
    font-size: 20px;
    line-height: 1;
    display: inline-block;
    margin: 0 0 15px;
}
.single-profile-image{
    width: 40%;
}
.sp-block{
    width: 40%;
}
/*testimonials page*/
#reviews-main{
    column-count: 2;
    gap: 40px;
}
#page-content .review-item{
    background: #ffffff;
    padding: 45px 45px 75px 45px;
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    margin-bottom: 40px;
    text-align: center;
    border: 1px solid #c4c4c4;
    column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: auto;
    -moz-page-break-inside: avoid;
    -webkit-page-break-inside: auto;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    float: none;
}
#page-content .review-item:hover{
    background: #202020;
    border-color: #202020;
}
#page-content .review-item .star-rat {
    width: 148px;
    height: 28px;
    margin: 0 auto 27px;
    display: block;
}
#page-content .review-item p {
     font-family: 'Montserrat Sans';
     font-weight: 400;
    font-size: 24px;
    line-height: 1.75;
    letter-spacing: 0;
    color: #000000;
    text-align: center;
    margin: 0 0 30px;
}
.wherefromtesti-blk {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 22px;
    gap: 20px;
}
.wherefromtesti {
    border-radius: 50%;
    overflow: hidden;
}
#page-content .review-item h5 {
      font-family: 'Montserrat Sans';
     font-weight: 700;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0;
    color: #d12423;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
}

#page-content .review-item:hover p {
    color: #ababab;
}
.page-container .full-width .case-slider .case-item{
    width: 100%;
    background-color: #000;
}
/*contact page*/
.contact-page .in-cont-list {
    display: flex ;
    justify-content: space-between;
}
.contact-page .in-cont-item {
    width: 31.6%;
    position: relative;
    text-align: center;
    background-color: #bdabab;
    padding: 40px 45px 60px;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.contact-page .in-cont-item h4 {
    line-height: 1;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    margin: 0;
    font-size: 30px;
    color: #fff;
    margin: 0 0 20px;
}
.contact-page .in-cont-item a {
    display: block;
    color: #fff;
}
.contact-page .in-cont-item p{
    font-size: 20px;
    line-height: 1.6;
    color: #fff;
}
/*Blog page*/
.posts-list {
    width: 30.7%;
    background-color: #fff;
    margin: 0 1.3% 2.5%;
    position: relative;
    border: 1px solid #b6c5c6;
    padding: 0 0 55px;
}
#post-column-full {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#post-content .posts-thumbnail img {
    width: 100%;
    display: block;
}
#post-content .posts-list .posts-block {
    padding: 30px 30px 0;
}
#post-content .posts-list .author-info .post-dmy {
    font-size: 18px;
      font-family: 'Montserrat Sans';
     font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    margin: 0;
    padding: 12px 29px 13px;
    background-color: #931917;
    position: absolute;
    right: 0;
    top: 0;
}
#post-content .posts-list .posts-block h3{
    margin: 0 0 15px;
    line-height: 1;
}
#post-content .posts-list .posts-block h3 a {
    display: inline-block;
    font-size: 27px;
    font-family: 'Montserrat Sans';
     font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0;
    color: #000000;
}
.posts-readmore {
    position: absolute;
    left: 30px;
    bottom: 30px;
}
#post-content .posts-list .posts-block p {
     font-family: 'Montserrat Sans';
     font-weight: 600;
    font-size: 17px;
    line-height: 1.6;
    color: #000000;
    letter-spacing: 0;
    margin: 0 0 15px;
}

#post-content .posts-list:hover p,
#post-content .posts-list:hover .author-info,
#post-content .posts-list:hover .author-info a {
    color: #fff;
}
#post-content .posts-list .author-info {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 0 20px;
}
#post-content .posts-list .posts-readmore a {
    font-size: 16px;
      font-family: 'Montserrat Sans';
     font-weight: 600;
    line-height: 1;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    display: inline-block;
    color: #931917;
}
#page-column .single-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    margin: 0 0 30px;
}
#page-column .single-author .author-by, #page-column .single-author .meta-date {
    font-size: 20px;
  font-family: 'Montserrat Sans';
     font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0;
    color: #000000;
    margin: 0;
}
.single-author-box {
    padding: 15px;
    border: 1px solid #000;
    margin: 30px 0;
}
.single-author-avatar {
    width: 19%;
    margin: 0 2% 0.5% 0;
    float: left;
}
.single-author-avatar img {
    width: 100%;
    display: block;
    border-radius: 0 !important;
}
.single-author-description {
    font-size: 18px;
   font-family: 'Montserrat Sans';
     font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;
    color: #000000;
    margin: 0;
}
.single-pagination {
    margin: 30px 0 0;
}
.single-pagination .nav-links a {
    font-size: 18px;
    width: 180px;
    background-color: #000000;
    color: #fff !important;
    padding: 21px 30px 18px;
    display: inline-block;
    text-align: center;
     font-family: 'Montserrat Sans';
     font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    line-height: 1;
}
.single-pagination .nav-links a:hover {
    background-color: #931917;
}
.widget{
    margin: 0;
}
/*blog sidebar*/
.sidebar-blog.blog-sidebar-itm {
    display: block;
}
.sidebar-blog {
    display: flex;
    justify-content: center;
    gap: 32px;
    margin: 0 0 40px;
}
.widget h2 {
    display: none;
}
.sidebar-blog-item {
    width:100%;
    margin: 0;
    position: relative;
}
.sidebar-blog input.search-field, .sidebar-blog .widget select, .sidebar-blog.blog-sidebar-itm input.search-field, .sidebar-blog.blog-sidebar-itm .widget select {
    padding: 17px 70px 17px 25px;
    border-radius: 0;
    display: block;
    position: relative;
    border: 1px solid #9fb2b4;
    font-size: 18px;
     font-family: 'Montserrat Sans';
     font-weight: 600;
    color: rgba(0, 0, 0, 0.702) !important;
    line-height:130%;
    letter-spacing: 0;
    width: 100%;
    max-width: 100%;
    appearance: none;
    outline: 0;
    background-color: transparent;
}
.sidebar-blog .widget select, .sidebar-blog.blog-sidebar-itm .widget select {
    background-image: url(images/sdbar-down-arrow-img.webp) !important;
    background-position: right 0 center;
    background-size: 60px 100%;
    background-repeat: no-repeat;
}
.sidebar-blog input.search-submit, .sidebar-blog.blog-sidebar-itm input.search-submit {
    position: absolute;
    right: 0px;
    top: 0;
    background-image: url(images/search-btn-img.webp) !important;
    background-repeat: no-repeat;
    border-radius: 0px !important;
    background-size: 60px 96%;
    background-position: right center;
    width: 61px;
    height: 100%;
    border: none;
    font-size: 0;
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    outline: 0;
    transform: inherit;
    border-radius: 0;
}
.sidebar-blog.blog-sidebar-itm input.search-submit {
    background-position: right 2px center;
}
.blog .sidebar-blog .sidebar-blog-item.blog_search {
    order: 3;
}
.blog .sidebar-blog .search-form {
    position: relative;
}
#post-column-full .post-pagination {
    width: 100%;
}
#post-column-full .nav-links {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0px 0;
}
#post-column-full .nav-links .page-numbers {
    width: 65px;
    height: 65px;
    margin: 0 5px;
    padding: 5px;
    font-size: 34px;
    font-family: 'Montserrat Sans';
     font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    border: 0;
    text-align: center;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
#post-column-full .nav-links .page-numbers.current {
    background-color: #931917;
    color: #fff;
}
#post-column-full .nav-links a.prev.page-numbers, #post-column-full .nav-links a.next.page-numbers {
    font-size: 0;
    background-image: url(images/blog-pg-prev-arw.webp);
    display: inline-block;
    width: 16px;
    height: 25px;
    background-repeat: no-repeat;
    margin: 0 20px;
    border: none;
    padding: 0;
}
#post-column-full .nav-links a.next.page-numbers {
    background-image: url(images/blog-pg-next-arw.webp);
}

.sidebar-blog.blog-sidebar-itm input, .sidebar-blog.blog-sidebar-itm .widget select, .sidebar-blog.blog-sidebar-itm input.search-field {
    color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar-page .sidebar-blog button:hover {
    background-position: right 0 center ;
}

.sidebar-page .sidebar-blog.blog-sidebar-itm .widget select option {
    color: #000;
}

.sidebar-blog.blog-sidebar-itm {
    flex-direction: column;
    gap: 0;
    overflow: hidden;
}
.sidebar-page .sidebar-blog.blog-sidebar-itm {
    background-color: #202020;
    padding: 40px 35px;
    margin: 0;
}
.sidebar-page .sidebar-item.sidebar_archives{
    margin: 0 !important;
}
.sidebar-page .sidebar-blog.blog-sidebar-itm .sidebar-blog-item.blog_search {
    width: 100%;
    margin: 0 0 30px;
}
.sidebar-page .sidebar-blog.blog-sidebar-itm .sidebar-item h2 {
    padding: 0;
    background-color: transparent;
    border: 0;
    text-align: left;
    margin: 0 0 17px;
    font-size: 32px;
  font-family: 'Montserrat Sans';
     font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    color: #fff;
}
.sidebar-page .sidebar-blog.blog-sidebar-itm .widget.widget_archive {
    margin: 0 !important;
}

.sidebar-page .sidebar-item.sidebar_categories, .sidebar-page .sidebar-item.sidebar_archives, .sidebar-page .sidebar-item.sidebar_search {
    background-color: transparent;
    margin: 0 0 30px;
    padding: 0;
}
.sidebar-page .sidebar-blog.blog-sidebar-itm .sidebar-item h2::before{
    display: none;
}
/*Area served page*/
#page-content .areaserved-item-list {
    background-color: #931917;
    border-radius: 30px;
    padding: 45px;
    margin-bottom: 20px;
}

#page-content .areaserved-item-list h2 {
    color: #fff;
    text-align: center;
}

#page-content .areaserved-list {
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#page-content .areaserved-item {
    width: 32%;
    margin: 0px 0.6% 1%;
    padding: 0px;
}

#page-content .areaserved-item:before {
    display: none;
}

#page-content .areaserved-item a {
    font-size: 22px;
  font-family: 'Montserrat Sans';
     font-weight: 600;
    line-height: 1;
    padding: 15px 10px;
    background-color: #f6f2ea;
    color: #931917;
    display: flex;
    text-align: center;
    min-height: 70px;
    justify-content: center;
    align-items: center;
}

#page-content .areaserved-item a:hover {
    background-color: #000;
    color: #f6f2ea;
}

#page-content #areaserved-main {
    text-align: center;
}
/*Practice Areas Page*/
#page-column .practice-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}
#page-column .practice-item {
    width: 30%;
    position: relative;
    text-align: center;
}
.practice-name.item-hover a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5;
    font-size: 0;
}
#page-column .practice-itm-img {
    margin: 0 0 15px;
}
#page-column .practice-itm-img img {
    width: 100%;
    display: block;
}
#page-column .practice-item:hover h4 {
    color: #931917;
}

.related-insights-posts .posts-list {
    width: 100%;
    padding: 0 0 25px;
}
.related-insights-posts .posts-thumbnail {
    margin-bottom: 16px;
}
.related-insights-posts .posts-thumbnail img{
    width: 100%;
    display: block;
    height: 235px;
    object-fit:cover;
    object-position: center;
}
.related-insights-posts {
    display: flex;
}
.related-insights-posts .posts-block {
    padding: 0 15px;
}
.cmn-box {
    text-align: center;
    padding: 20px;
    margin: 20px 0;
}
.cmn-box-cnslt-btn {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.cmn-box  .cnslt-call a.cmn-btn{
    background-color: #fff;
}

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

}

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

}

@media screen and (max-width:1700px) {
    .container {
        max-width: 1400px;
    }

}

@media screen and (max-width:1600px) {
    .container {
        max-width: 1300px;
    }

}

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

}

@media screen and (max-width:1440px) {
    .container {
        max-width: 1200px;
    }
    .page-container, .post-container {
        max-width: 1200px;
    }

    #page-column .case-results-cta .case-item h4 {
        font-size: 33px;
    }
    #page-column .case-results-cta .case-item p {
        font-size: 22px;
    }
    #page-column section.widget.widget_team_member .team_member_name p {
        font-size: 24px;
    }
    #page-column .widget.widget_related_insights ul li {
        font-size: 23px;
    }
    #page-column .widget.widget_related_insights ul li:before {
        top: 18px;
    }
    p.mod_date {
        font-size: 18px;
    }
    .widget-description.active {
        font-size: 18px;
    }
}

@media screen and (max-width:1366px) {
    #page-column .areaserved-item a {
        font-size: 17px;
        padding: 13px 10px 8px;
        min-height: 65px;
    }
    #page-content .areaserved-item-list {
        padding: 40px;
    }
}

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

}

@media screen and (max-width:1240px) {
    .container {
        max-width: 990px;
        padding: 0 10px;
    }
    .page-container, .post-container {
        max-width: 990px;
        padding: 0 10px;
    }
    #page-content .areaserved-item a {
        min-height: 60px;
        font-size: 16px;
    }
    #page-content .areaserved-item-list {
        padding: 35px;
    }

    .fact-checked-sec {
        padding: 20px 0px;
    }
    p.mod_date {
        font-size: 16px;
    }
    #page-column .testimonial-cta-block .star-rating {
        width: 105px;
    }
    #page-column .testimonial-cta-block .testi-content p {
        color: #931917;
        font-size: 18px;
        line-height: 1.7;
        margin: 0 0 20px;
    }
    .widget-description.active {
        font-size: 17px;
    }

    #page-column .case-results-cta .case-slider {
        gap: 15px;
    }
    #page-column .case-results-cta .case-item h4 {
        font-size: 28px;
        margin: 0 0 15px;
        padding: 12px 10px 27px;
    }
    #page-column .case-results-cta .case-item p {
        font-size: 19px;
    }
    #page-column .case-results-cta .case-item {
        padding: 4px 4px 20px !important;
        width: 48.7%;
    }
    #page-column .case-results-cta .case-item h4:before {
        bottom: 15px;
    }
    #page-column .case-results-cta {
        margin-bottom: 25px;
    }

    #page-column section.widget.widget_team_member .team-inner-list {
        gap: 20px;
    }
    #page-column section.widget.widget_team_member .team_member_name p {
        font-size: 21px;
        margin: 0 0 12px;
    }
    #page-column section.widget.widget_team_member .team_member_summary p {
        font-size: 16px;
    }
    #page-column section.widget.widget_team_member .team_member_pic {
        width: 76%;
    }
    #page-column section.widget.widget_team_member .team_member_item {
        padding-bottom: 15px;
    }

    #page-column .widget.widget_related_insights ul li {
        font-size: 20px;
    }
    #page-column .widget.widget_related_insights ul li:before {
        top: 15px;
    }
}

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

}

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

}

@media screen and (max-width:991px) {
    .container {
        max-width: 720px;
        padding:0px;
    }
    .head-sec {
        padding: 20px 0;
    }
    .showhide {
        display: block;
    }
    .mobinav ul {
        display: block;
    }
    .hdr-src {
        display: block;
    }
    .mobile_src_nav {
        display: block;
    }
    .top-menu {
        display: none;
    }
    .logo-menu {
        display: inline-block;
        text-align: center;
    }
    .topmenu {
        width: 100%;
        display: none;
    }
    .showhide b.txtl, .showhide b.txtr {
        color: #fff;
    }
    .logo {
        width: max-content;
    }
    .logo img {
        max-width: 200px;
    }
    .top-rit {
        max-width: 100%;
        position: inherit;
        display: inline-block;
        margin: 0;
        float: none;
    }
    .mobinav ul {
        padding: 10px 10px;
        text-align: left;
        display: block;
    }
    .mobinav {
        top: 44px;
        display: block;
    }
    .mobile_src_nav {
        display: block;
        padding: 8px 0;
        background-color: #1a5a9a;
    }
    .logo-rit {
        max-width: 100%;
        text-align: center;
        background-color: transparent;
        border: 0;
        padding: 0;
    }
    .sticky-wrap {
        display: block;
    }
    .header-sticky.fixed-header {
        display: block;
    }
    header#site-header {
        border: none;
        background-color: transparent;
    }
    nav#main-navigation {
        display: none;
    }
    header.site-header.is-sticky{
        display: none;
    }
    .logo-section{
        position: relative;
        padding: 15px 0 !important;
        align-items: center;
    }
    .site-branding {
        width: 100%;
        max-width: 130px;
        padding: 0;
    }
    .header-number a {
        font-size: 18px;
        padding: 16px 15px 16px 30px;
    }
    .sicky-cnt.sticky-mobile-logo {
        width: 100%;
        max-width: 100px;
    }
    .page-container, .post-container {
        max-width: 720px;
        padding:0px;
    }
    #page-content .areaserved-item {
        width: 48%;
    }
    .page-col-full, .single-col-full {
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
    #single-column, #post-column, #page-column {
        width: 100%;
    }
    .sidebar-page, .sidebar-single {
        width: 100%;
    }

    #page-column .testimonial-cta-block .testi-content p {
        font-size: 17px;
    }
    #page-column .case-results-cta .case-item {
        width: 100%;
        max-width: 350px;
    }
    #page-column section.widget.widget_team_member .team_member_item {
        width: 100%;
        max-width: 200px;
    }
    #page-column .testimonial-cta-block .testi-item h6 {
        font-size: 23px;
    }
    #page-column section.widget.widget_team_member .team_member_name p {
        font-size: 19px;
    }

    .related-insights-posts .posts-list {
        width: 100%;
        max-width: 300px;
    }
    .related-insights-posts {
        justify-content: center;
        flex-wrap: wrap;
    }

}

@media screen and (max-width:767px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    .page-container, .post-container {
        max-width:100%;
        padding: 0 15px;
    }
}

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

}
@media screen and (max-width:640px) {
    #page-content .areaserved-item {
        width: 100%;
    }
    #page-content .areaserved-item-list {
        padding: 30px 15px;
    }
}

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

}

@media screen and (max-width:480px) {
    #page-column .testimonial-cta-block .star-rating {
        width: 100px;
    }
    #page-column .testimonial-cta-block .testi-item h6 {
        font-size: 21px;
    }
    #page-column .case-results-cta .case-item p {
        font-size: 18px;
    }
    #page-column .widget.widget_related_insights ul li {
        font-size: 18px;
    }
    #page-column .widget.widget_related_insights ul li:before {
        top: 14px;
        width: 8px;
        height: 8px;
    }
}

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

}

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

}

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

}
:root {
    --bg: #faf8f5;
    --surface: #ffffff;
    --fg: #1c2536;
    --muted: #000000;
    --border: #e2e0dc;
    --accent: #c8a84a;
    --primary: #1a5a9a;
    --primary-dark: #0d3b6e;
    --dark: #0a1628;
    --teal: #2a8a8a;
    --font-display: 'Manrope', system-ui, sans-serif;
    --font-body: 'Poppins', system-ui, sans-serif;
    --radius: 12px;
    --shadow-sm: 0 1px 3px rgba(10,22,40,0.06);
    --shadow-md: 0 4px 16px rgba(10,22,40,0.08);
    --shadow-lg: 0 8px 32px rgba(10,22,40,0.1);
    --nav-h: 72px;
}
*,*::before,*::after{
    box-sizing:border-box;
    margin:0;
    padding:0
}
html{
    scroll-behavior:smooth;
    scroll-padding-top:var(--nav-h)
}
body{
    font:16px/1.6 var(--font-body);
    color:var(--fg);
    background:var(--bg);
    -webkit-font-smoothing:antialiased
}
img{
    max-width:100%;
    height:auto;
    display:block
}
a{
    color:inherit;
    text-decoration:none
}
.container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 24px
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}


h1{
    font-size:clamp(32px,5vw,52px);
    letter-spacing:-0.02em
}
h2{
    font-size:clamp(26px,3.5vw,38px);
    letter-spacing:-0.015em;
    margin-bottom:16px
}
h3{
    font-size:clamp(20px,2.5vw,26px);
    letter-spacing:-0.01em;
    margin-bottom:0
}
h4{
    font-size:18px
}
.section{
    padding:clamp(48px,8vw,96px) 0
}
.section-label{
    font:500 13px/1 var(--font-body);
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:var(--accent);
    margin-bottom:8px
}
.section-desc{
    color:var(--muted);
    font-size:15px;
    line-height:1.7;
    margin-bottom:40px
}
/* Hero */
.hero{
    position:relative;
    display:flex;
    align-items:center;
    background-image: url(images/home-page-banner.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow:hidden;
    padding:155px 0 40px
}
.hero .container{
    position:relative;
    z-index:1
}
.hero-content{
    max-width:680px
}
.hero-content-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hero h1{
    color:#fff;
    margin-bottom:16px
}
.hero p{
    font-size:clamp(16px,2vw,19px);
    color:rgba(255,255,255,0.8);
    line-height:1.7;
    margin-bottom:32px;
    max-width:600px
}
.hero-badges{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:32px
}
.hero-badges span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 14px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:999px;
    font:400 12px/1 var(--font-body);
    color:rgba(255,255,255,0.85);
    letter-spacing:0.01em
}
.hero-badges svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:var(--accent);
    stroke-width:2
}
.hero-ctas{
    display:flex;
    flex-wrap:wrap;
    gap:16px
}
.btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:14px 28px;
    border-radius:var(--radius);
    font:600 14px/1 var(--font-body);
    letter-spacing:0.02em;
    cursor:pointer;
    transition:all .2s;
    border:0
}
.btn-primary{
    background:#1a5a9a;
    color:#ffffff !important;
}
.btn-primary:hover{
    background:#c3a240;
    transform:translateY(-1px)
}
.btn-secondary{
    background:rgba(255,255,255,0.12);
    color:#fff;
    border:1px solid rgba(255,255,255,0.2)
}
.btn-secondary:hover{
    background:rgba(255,255,255,0.2)
}
.btn-outline{
    border:1.5px solid var(--primary);
    color:var(--primary);
    background:transparent
}
.btn-outline:hover{
    background:var(--primary);
    color:#fff
}

/* Trust bar */
.trust-bar{
    background:var(--surface);
    border-bottom:1px solid var(--border)
}
.trust-bar .container{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:24px 48px;
    padding:20px 24px
}
.trust-bar-item{
    display:flex;
    align-items:center;
    gap:10px;
    font:400 13px/1.4 var(--font-body);
    color:var(--muted)
}
.trust-bar-item svg{
    width:18px;
    height:18px;
    stroke:var(--primary);
    fill:none;
    stroke-width:2;
    flex-shrink:0
}

/* About section */
.hm-about-sec{
    background-image: url(images/home-about-section-bg.webp);
    background-repeat: no-repeat;
    background-position: center top;
}
.about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:64px;
    align-items:center
}
.about-text p{
    color:var(--muted);
    margin-bottom:16px;
    font-size:15px;
    line-height:1.8
}
.about-visual{
    position:relative;
    border-radius:var(--radius);
    overflow:hidden;
    display:grid;
    place-items:center
}
.about-visual .geo-pattern{
    position:absolute;
    inset:0;
    opacity:0.06;
    background:radial-gradient(circle at 30% 40%,var(--accent) 0,transparent 60%),radial-gradient(circle at 70% 60%,#fff 0,transparent 50%)
}
.about-visual .placeholder-icon{
    width:100%;
    height:100%;
    border-radius:50%;
    display:grid;
    place-items:center;
    position:relative;
    z-index:1
}

/* Features grid */
.features-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px
}
.feature-card{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:32px 24px;
    transition:box-shadow .3s,transform .2s
}
.feature-card:hover{
    box-shadow:var(--shadow-md);
    transform:translateY(-2px)
}
.feature-card-icon{
    width:57px;
    height:57px;
    border-radius:10px;
    background:rgba(26,90,154,0.08);
    display:grid;
    place-items:center;
    margin-bottom:16px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #1a5a9a;
}
.feature-card h3{
    font-size:17px;
    margin-bottom:8px
}
.feature-card p{
    font-size:14px;
    color:var(--muted);
    line-height:1.7
}

/* Services overview */
.hm-services-overview{
    background-image: url(images/hm-services-overview-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px
}
.service-card{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:32px 24px;
    transition:box-shadow .3s,transform .2s
}
.service-card:hover{
    box-shadow:var(--shadow-md);
    transform:translateY(-2px)
}
.service-card-icon{
    width:57px;
    height:57px;
    border-radius:50%;
    background:rgba(200,168,74,0.1);
    display:grid;
    place-items:center;
    margin-bottom:16px;
	border: 2px solid #c3a240;
	overflow: hidden;
}
.service-card-icon svg{
    width:24px;
    height:24px;
    stroke:var(--accent);
    fill:none;
    stroke-width:1.8
}
.service-card h3{
    font-size:17px;
    margin-bottom:8px
}
.service-card p{
    font-size:14px;
    color:var(--muted);
    line-height:1.7;
    margin-bottom:16px
}
.service-card .btn{
    font-size:13px;
    padding:10px 20px
}

/* Timeline */
.timeline{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
    position:relative;
    padding-top:16px
}
.timeline::before{
    content:'';
    position:absolute;
    top:44px;
    left:10%;
    right:10%;
    height:2px;
    background:var(--border);
    z-index:0
}
.timeline-step{
    text-align:center;
    position:relative;
    z-index:1
}
.timeline-step-num{
    width:40px;
    height:40px;
    border-radius:50%;
    background:var(--primary);
    color:#fff;
    display:grid;
    place-items:center;
    margin:0 auto 12px;
    font:600 16px/1 var(--font-display);
    position:relative
}
.timeline-step h4{
    font-size:14px;
    margin-bottom:4px
}
.timeline-step p{
    font-size:12px;
    color:var(--muted);
    line-height:1.5;
    padding:0 8px
}

/* Testimonials */
.testimonials-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px
}
.testimonial-card{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:32px;
    position:relative
}
.testimonial-card::before{
    content:'"';
    position:absolute;
    top:16px;
    left:20px;
    font:72px/1 Georgia,serif;
    color:var(--accent);
    opacity:0.3;
    pointer-events:none
}
.testimonial-card p{
    font-size:15px;
    color:var(--muted);
    line-height:1.8;
    margin-bottom:16px;
    font-style:italic
}
.testimonial-author{
    font:600 14px/1 var(--font-body);
    color:var(--fg)
}

/* FAQ */
.hm-faq-sec{
    background-image: url(images/hm-faqs-section-bg.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.faq-list{
    max-width:100%;
    margin:0 auto
}
.faq-item{
    border:1px solid var(--border);
    border-radius:var(--radius);
    margin-bottom:8px;
    overflow:hidden
}
.faq-q{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 24px;
    background:var(--surface);
    border:0;
    cursor:pointer;
    font:500 15px/1.4 var(--font-body);
    color:var(--fg);
    text-align:left;
    transition:background .2s
}
.faq-q:hover{
    background:rgba(26,90,154,0.04)
}
.faq-q svg{
    width:20px;
    height:20px;
    stroke:var(--muted);
    fill:none;
    stroke-width:2;
    transition:transform .3s;
    flex-shrink:0
}
.faq-item.open .faq-q svg{
    transform:rotate(180deg)
}
.faq-a{
    padding:0 24px 0;
    max-height:0;
    overflow:hidden;
    transition:all .3s
}
.faq-item.open .faq-a{
    padding:0 24px 18px;
    max-height:400px
}
.faq-a p{
    font-size:14px;
    color:var(--muted);
    line-height:1.7
}

/* Contact CTA */
.contact-cta{
    background:var(--dark);
    color:#fff;
    text-align:center
}
.contact-cta h2{
    color:#fff
}
.contact-cta p{
    color:rgba(255,255,255,0.7);
    max-width:540px;
    margin:0 auto 32px;
    font-size:15px
}

/* Footer */
footer{
    background:var(--dark);
    color:rgba(255,255,255,0.7);
    padding:64px 0 0
}
.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.5fr;
    gap:48px;
    padding-bottom:48px;
    border-bottom:1px solid rgba(255,255,255,0.08)
}
.footer-col h4{
    color:#fff;
    font-size:15px;
    margin-bottom:16px;
    font-weight:600
}
.footer-col p,.footer-col a{
    font-size:14px;
    color:rgba(255,255,255,0.6);
    line-height:1.8
}
.footer-col a{
    display:block;
    transition:color .2s
}
.footer-col a:hover{
    color:var(--accent)
}
.footer-logo{
    font:700 22px/1 var(--font-display);
    color:#fff;
    margin-bottom:12px;
    display:inline-block
}
.footer-logo span{
    color:var(--accent)
}
.footer-social{
    display:flex;
    gap:12px;
    margin-top:16px
}
.footer-social a{
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,0.15);
    display:grid;
    place-items:center;
    transition:border-color .2s
}
.footer-social a:hover{
    border-color:var(--accent)
}
.footer-social svg{
    width:16px;
    height:16px;
    stroke:rgba(255,255,255,0.5);
    fill:none;
    stroke-width:2
}
.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 0;
    font-size:13px;
    color:rgba(255,255,255,0.4)
}

/* WhatsApp FAB */
.whatsapp-fab{
    position:fixed;
    bottom:24px;
    right:24px;
    z-index:999;
    width:56px;
    height:56px;
    border-radius:50%;
    background:#25d366;
    display:grid;
    place-items:center;
    box-shadow:0 4px 16px rgba(37,211,102,0.3);
    transition:transform .2s;
    cursor:pointer
}
.whatsapp-fab:hover{
    transform:scale(1.08)
}
.whatsapp-fab svg{
    width:28px;
    height:28px;
    fill:#fff
}

/* Scroll to top */
.scroll-top{
    position:fixed;
    bottom:24px;
    right:90px;
    z-index:999;
    width:44px;
    height:44px;
    border-radius:50%;
    background:var(--primary);
    color:#fff;
    border:0;
    display:grid;
    place-items:center;
    box-shadow:var(--shadow-md);
    cursor:pointer;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s,transform .2s
}
.scroll-top.visible{
    opacity:1;
    pointer-events:auto
}
.scroll-top:hover{
    transform:translateY(-2px)
}
.scroll-top svg{
    width:20px;
    height:20px;
    stroke:#fff;
    fill:none;
    stroke-width:2.5
}

/* Map placeholder */
.map-placeholder{
    width:100%;
    height:280px;
    border-radius:var(--radius);
    background:linear-gradient(135deg,#e8e6e0 0%,#d4d0c8 100%);
    display:grid;
    place-items:center;
    color:var(--muted);
    font-size:14px;
    border:1px solid var(--border);
    margin-top:24px
}

/* Animations */
.fade-up{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .6s,transform .6s
}
.fade-up.visible{
    opacity:1;
    transform:translateY(0)
}

/* Responsive */
@media(max-width:1024px){
    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:32px
    }
}
@media(max-width:768px){
    .nav-links{
        display:none;
        position:absolute;
        top:var(--nav-h);
        left:0;
        right:0;
        background:rgba(250,248,245,0.98);
        backdrop-filter:blur(12px);
        flex-direction:column;
        padding:16px 24px;
        gap:16px;
        border-bottom:1px solid var(--border)
    }
    .nav-links.open{
        display:flex
    }
    .menu-toggle{
        display:flex
    }
    .menu-toggle.open span:nth-child(1){
        transform:translateY(7px) rotate(45deg)
    }
    .menu-toggle.open span:nth-child(2){
        opacity:0
    }
    .menu-toggle.open span:nth-child(3){
        transform:translateY(-7px) rotate(-45deg)
    }
    .hero{
        min-height:auto;
    }
    .about-grid{
        grid-template-columns:1fr;
        gap:32px
    }
    .features-grid{
        grid-template-columns:1fr
    }
    .services-grid{
        grid-template-columns:1fr
    }
    .testimonials-grid{
        grid-template-columns:1fr
    }
    .timeline{
        grid-template-columns:1fr;
        padding-top:0
    }
    .timeline::before{
        display:none
    }
    .timeline-step{
        display:flex;
        align-items:center;
        gap:16px;
        text-align:left;
        padding:12px 0;
        flex-direction: column;
    }
    .timeline-step-num{
        margin:0;
        flex-shrink:0
    }
    .timeline-step p{
        padding:0
    }
    .footer-grid{
        grid-template-columns:1fr;
        gap:32px
    }
    .footer-bottom{
        flex-direction:column;
        gap:8px;
        text-align:center
    }
}
@media(max-width:480px){
    .hero-ctas{
        flex-direction:column
    }
    .btn{
        width:100%;
        justify-content:center
    }
}
/* Page header */
.page-header{
    background:linear-gradient(135deg,var(--dark) 0%,var(--primary-dark) 100%);
    padding:120px 0 64px;
    text-align:center
}
.page-header h1{
    color:#fff;
    margin-bottom:8px
}
.page-header p{
    color:rgba(255,255,255,0.7);
    font-size:16px;
    max-width:600px;
    margin:0 auto
}

/* Content sections */
.content-block{
    max-width:100%;
    margin:0 auto
}
.content-block p{
    color:var(--muted);
    margin-bottom:16px;
    font-size:15px;
    line-height:1.8
}
.content-block h3{
    color:var(--fg);
    margin-top:40px;
    margin-bottom:12px
}

/* Values grid */
.values-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:32px
}
.value-card{
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:28px 24px;
    text-align:center;
    background:var(--surface);
    transition:box-shadow .3s
}
.value-card:hover{
    box-shadow:var(--shadow-md)
}
.value-card-icon{
    width:48px;
    height:48px;
    border-radius:12px;
    background:rgba(26,90,154,0.08);
    display:grid;
    place-items:center;
    margin:0 auto 16px
}
.value-card-icon svg{
    width:24px;
    height:24px;
    stroke:var(--primary);
    fill:none;
    stroke-width:2
}
.value-card h4{
    font-size:16px;
    margin-bottom:6px
}
.value-card p{
    font-size:14px;
    color:var(--muted);
    line-height:1.6
}

/* Process list */
.process-list{
    list-style:none;
    padding:0
}
.process-list li{
    display:flex;
    gap:16px;
    padding:16px 0;
    border-bottom:1px solid var(--border)
}
.process-list li:last-child{
    border-bottom:0
}
.process-step{
    width:36px;
    height:36px;
    border-radius:50%;
    background:var(--primary);
    color:#fff;
    display:grid;
    place-items:center;
    font:600 15px/1 var(--font-display);
    flex-shrink:0;
    margin-top:2px
}
.process-content h4{
    font-size:15px;
    margin-bottom:4px
}
.process-content p{
    font-size:14px;
    color:var(--muted);
    line-height:1.6;
    margin:0
}

/* CTA Band */
.cta-band{
    background:var(--dark);
    color:#fff;
    text-align:center
}
.cta-band h2{
    color:#fff
}
.cta-band p{
    color:rgba(255,255,255,0.7);
    max-width:540px;
    margin:0 auto 32px;
    font-size:15px
}

/* Footer */
footer{
    background:var(--dark);
    color:rgba(255,255,255,0.7);
    padding:64px 0 0;
    margin-top:0
}
.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.5fr;
    gap:48px;
    padding-bottom:48px;
    border-bottom:1px solid rgba(255,255,255,0.08)
}
.footer-col h4{
    color:#fff;
    font-size:15px;
    margin-bottom:16px;
    font-weight:600
}
.footer-col p,.footer-col a{
    font-size:14px;
    color:rgba(255,255,255,0.6);
    line-height:1.8
}
.footer-col a{
    display:block;
    transition:color .2s
}
.footer-col a:hover{
    color:var(--accent)
}
.footer-logo{
    font:700 22px/1 var(--font-display);
    color:#fff;
    margin-bottom:12px;
    display:inline-block
}
.footer-logo span{
    color:var(--accent)
}
.footer-social{
    display:flex;
    gap:12px;
    margin-top:16px
}
.footer-social a{
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,0.15);
    display:grid;
    place-items:center;
    transition:border-color .2s
}
.footer-social a:hover{
    border-color:var(--accent)
}
.footer-social svg{
    width:16px;
    height:16px;
    stroke:rgba(255,255,255,0.5);
    fill:none;
    stroke-width:2
}
.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 0;
    font-size:13px;
    color:rgba(255,255,255,0.4)
}

@media(max-width:768px){
    .nav-links{
        display:none;
        position:absolute;
        top:var(--nav-h);
        left:0;
        right:0;
        background:rgba(250,248,245,0.98);
        backdrop-filter:blur(12px);
        flex-direction:column;
        padding:16px 24px;
        gap:16px;
        border-bottom:1px solid var(--border)
    }
    .nav-links.open{
        display:flex
    }
    .menu-toggle{
        display:flex
    }
    .menu-toggle.open span:nth-child(1){
        transform:translateY(7px) rotate(45deg)
    }
    .menu-toggle.open span:nth-child(2){
        opacity:0
    }
    .menu-toggle.open span:nth-child(3){
        transform:translateY(-7px) rotate(-45deg)
    }
    .values-grid{
        grid-template-columns:1fr 1fr
    }
    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:32px
    }
}
@media(max-width:480px){
    .values-grid{
        grid-template-columns:1fr
    }
    .footer-grid{
        grid-template-columns:1fr;
        gap:32px
    }
    .footer-bottom{
        flex-direction:column;
        gap:8px;
        text-align:center
    }
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.whatsapp-fab{
    position:fixed;
    bottom:24px;
    right:24px;
    z-index:999;
    width:56px;
    height:56px;
    border-radius:50%;
    background:#25d366;
    display:grid;
    place-items:center;
    box-shadow:0 4px 16px rgba(37,211,102,0.3);
    transition:transform .2s;
    cursor:pointer
}
.whatsapp-fab:hover{
    transform:scale(1.08)
}
.whatsapp-fab svg{
    width:28px;
    height:28px;
    fill:#fff
}
.scroll-top{
    position:fixed;
    bottom:24px;
    right:90px;
    z-index:999;
    width:44px;
    height:44px;
    border-radius:50%;
    background:var(--primary);
    color:#fff;
    border:0;
    display:grid;
    place-items:center;
    box-shadow:var(--shadow-md);
    cursor:pointer;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s,transform .2s
}
.scroll-top.visible{
    opacity:1;
    pointer-events:auto
}
.scroll-top:hover{
    transform:translateY(-2px)
}
.scroll-top svg{
    width:20px;
    height:20px;
    stroke:#fff;
    fill:none;
    stroke-width:2.5
}
.fade-up{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .6s,transform .6s
}
.fade-up.visible{
    opacity:1;
    transform:translateY(0)
}

/* Service card */
.svc-card{
    display:grid;
    grid-template-columns:48px 1fr;
    gap:24px;
    padding:32px;
    border-radius:var(--radius);
    background:var(--surface);
    box-shadow:var(--shadow-sm);
    margin-bottom:24px;
    transition:box-shadow .3s
}
.svc-card:hover{
    box-shadow:var(--shadow-md)
}
.svc-card:last-child{
    margin-bottom:0
}
.svc-card-icon{
    width:48px;
    height:48px;
    border-radius:12px;
    background:rgba(200,168,74,0.1);
    display:grid;
    place-items:center;
    flex-shrink:0
}
.svc-card-icon svg{
    width:24px;
    height:24px;
    stroke:var(--accent);
    fill:none;
    stroke-width:2
}
.svc-card h3{
    margin-bottom:8px;
    font-size:20px
}
.svc-card p{
    color:var(--muted);
    font-size:15px;
    line-height:1.7;
    margin-bottom:16px
}
.svc-card p:last-child{
    margin-bottom:0
}
.svc-card ul{
    list-style:none;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px
}
.svc-card ul li{
    font-size:13px;
    color:var(--muted);
    background:var(--bg);
    padding:6px 14px;
    border-radius:20px;
    letter-spacing:0.01em
}

.service-note{
    padding:24px;
    border-radius:var(--radius);
    background:rgba(200,168,74,0.08);
    border-left:4px solid var(--accent);
    margin:48px 0 24px
}
.service-note p{
    font-size:15px;
    color:var(--fg);
    line-height:1.7
}
.service-note p strong{
    color:var(--primary)
}

/* CTA Band */
.cta-band{
    background:var(--dark);
    color:#fff;
    text-align:center
}
.cta-band h2{
    color:#fff
}
.cta-band p{
    color:rgba(255,255,255,0.7);
    max-width:540px;
    margin:0 auto 32px;
    font-size:15px
}
.btn-secondary{
    background:rgba(255,255,255,0.12);
    color:#fff;
    border:1px solid rgba(255,255,255,0.2)
}
.btn-secondary:hover{
    background:rgba(255,255,255,0.2)
}

/* Footer */
footer{
    background:var(--dark);
    color:rgba(255,255,255,0.7);
    padding:64px 0 0;
    margin-top:0
}
.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.5fr;
    gap:48px;
    padding-bottom:48px;
    border-bottom:1px solid rgba(255,255,255,0.08)
}
.footer-col h4{
    color:#fff;
    font-size:15px;
    margin-bottom:16px;
    font-weight:600
}
.footer-col p,.footer-col a{
    font-size:14px;
    color:rgba(255,255,255,0.6);
    line-height:1.8
}
.footer-col a{
    display:block;
    transition:color .2s
}
.footer-col a:hover{
    color:var(--accent)
}
.footer-logo{
    font:700 22px/1 var(--font-display);
    color:#fff;
    margin-bottom:12px;
    display:inline-block
}
.footer-logo span{
    color:var(--accent)
}
.footer-social{
    display:flex;
    gap:12px;
    margin-top:16px
}
.footer-social a{
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,0.15);
    display:grid;
    place-items:center;
    transition:border-color .2s
}
.footer-social a:hover{
    border-color:var(--accent)
}
.footer-social svg{
    width:16px;
    height:16px;
    stroke:rgba(255,255,255,0.5);
    fill:none;
    stroke-width:2
}
.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 0;
    font-size:13px;
    color:rgba(255,255,255,0.4)
}

@media(max-width:768px){
    .nav-links{
        display:none;
        position:absolute;
        top:var(--nav-h);
        left:0;
        right:0;
        background:rgba(250,248,245,0.98);
        backdrop-filter:blur(12px);
        flex-direction:column;
        padding:16px 24px;
        gap:16px;
        border-bottom:1px solid var(--border)
    }
    .nav-links.open{
        display:flex
    }
    .menu-toggle{
        display:flex
    }
    .menu-toggle.open span:nth-child(1){
        transform:translateY(7px) rotate(45deg)
    }
    .menu-toggle.open span:nth-child(2){
        opacity:0
    }
    .menu-toggle.open span:nth-child(3){
        transform:translateY(-7px) rotate(-45deg)
    }
    .svc-card{
        grid-template-columns:1fr;
        padding:24px
    }
    .svc-card-icon{
        margin-bottom:0
    }
    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:32px
    }
}
@media(max-width:480px){
    .footer-grid{
        grid-template-columns:1fr;
        gap:32px
    }
    .footer-bottom{
        flex-direction:column;
        gap:8px;
        text-align:center
    }
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.whatsapp-fab{
    position:fixed;
    bottom:24px;
    right:24px;
    z-index:999;
    width:56px;
    height:56px;
    border-radius:50%;
    background:#25d366;
    display:grid;
    place-items:center;
    box-shadow:0 4px 16px rgba(37,211,102,0.3);
    transition:transform .2s;
    cursor:pointer
}
.whatsapp-fab:hover{
    transform:scale(1.08)
}
.whatsapp-fab svg{
    width:28px;
    height:28px;
    fill:#fff
}
.scroll-top{
    position:fixed;
    bottom:24px;
    right:90px;
    z-index:999;
    width:44px;
    height:44px;
    border-radius:50%;
    background:var(--primary);
    color:#fff;
    border:0;
    display:grid;
    place-items:center;
    box-shadow:var(--shadow-md);
    cursor:pointer;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s,transform .2s
}
.scroll-top.visible{
    opacity:1;
    pointer-events:auto
}
.scroll-top:hover{
    transform:translateY(-2px)
}
.scroll-top svg{
    width:20px;
    height:20px;
    stroke:#fff;
    fill:none;
    stroke-width:2.5
}
.fade-up{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .6s,transform .6s
}
.fade-up.visible{
    opacity:1;
    transform:translateY(0)
}
/* Contact grid */
.contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px;
    align-items:start
}
.contact-info-card{
    padding:32px;
    border-radius:var(--radius);
    background:var(--surface);
    box-shadow:var(--shadow-sm)
}
.contact-info-card h3{
    margin-bottom:24px;
    font-size:20px
}
.contact-item{
    display:flex;
    gap:16px;
    padding:16px 0;
    border-bottom:1px solid var(--border)
}
.contact-item:last-child{
    border-bottom:0
}
.contact-item-icon{
    width:40px;
    height:40px;
    border-radius:10px;
    background:rgba(26,90,154,0.08);
    display:grid;
    place-items:center;
    flex-shrink:0
}
.contact-item-icon svg{
    width:20px;
    height:20px;
    stroke:var(--primary);
    fill:none;
    stroke-width:2
}
.contact-item h4{
    font-size:14px;
    margin-bottom:2px
}
.contact-item p{
    font-size:14px;
    color:var(--muted);
    line-height:1.5
}
.contact-item a{
    color:var(--primary);
    font-weight:500
}
.contact-item a:hover{
    text-decoration:underline
}

.office-hours{
    background:rgba(200,168,74,0.08);
    border-radius:var(--radius);
    padding:24px;
    margin-top:32px;
    border-left:4px solid var(--accent)
}
.office-hours h4{
    font-size:15px;
    margin-bottom:8px;
    color:var(--fg)
}
.office-hours p{
    font-size:14px;
    color:var(--muted);
    line-height:1.7
}

/* Form */
.form-card{
    padding:40px;
    border-radius:var(--radius);
    background:var(--surface);
    box-shadow:var(--shadow-md)
}
.form-card h3{
    margin-bottom:6px;
    font-size:24px
}
.form-card .section-label{
    margin-bottom:24px
}
.form-group{
    margin-bottom:20px
}
.form-group label{
    display:block;
    font:500 14px/1 var(--font-body);
    color:var(--fg);
    margin-bottom:6px
}
.form-group input,.form-group select,.form-group textarea{
    width:100%;
    padding:12px 16px;
    border:1.5px solid var(--border);
    border-radius:8px;
    font:14px/1.5 var(--font-body);
    color:var(--fg);
    background:var(--bg);
    transition:border-color .2s;
    outline:0
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
    border-color:var(--primary)
}
.form-group textarea{
    resize:vertical;
    min-height:100px
}
.form-group .hint{
    font-size:12px;
    color:var(--muted);
    margin-top:4px
}
.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px
}
.form-submit{
    width:100%;
    justify-content:center;
    padding:16px 32px;
    margin-top:8px
}
.form-success{
    display:none;
    text-align:center;
    padding:40px
}
.form-success svg{
    width:48px;
    height:48px;
    stroke:var(--success);
    fill:none;
    stroke-width:2;
    margin-bottom:16px
}
.form-success h4{
    color:var(--success);
    margin-bottom:8px
}
.form-success p{
    color:var(--muted);
    font-size:15px
}

/* Map */
.map-wrap{
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow-sm);
    margin-top:48px
}
.map-placeholder{
    width:100%;
    height:280px;
    background:var(--border);
    display:grid;
    place-items:center;
    color:var(--muted);
    font-size:14px
}

/* CTA Band */
.cta-band{
    background:var(--dark);
    color:#fff;
    text-align:center
}
.cta-band h2{
    color:#fff
}
.cta-band p{
    color:rgba(255,255,255,0.7);
    max-width:540px;
    margin:0 auto 32px;
    font-size:15px
}
@media(max-width:768px){
    .nav-links{
        display:none;
        position:absolute;
        top:var(--nav-h);
        left:0;
        right:0;
        background:rgba(250,248,245,0.98);
        backdrop-filter:blur(12px);
        flex-direction:column;
        padding:16px 24px;
        gap:16px;
        border-bottom:1px solid var(--border)
    }
    .nav-links.open{
        display:flex
    }
    .menu-toggle{
        display:flex
    }
    .menu-toggle.open span:nth-child(1){
        transform:translateY(7px) rotate(45deg)
    }
    .menu-toggle.open span:nth-child(2){
        opacity:0
    }
    .menu-toggle.open span:nth-child(3){
        transform:translateY(-7px) rotate(-45deg)
    }
    .contact-grid{
        grid-template-columns:1fr;
        gap:32px
    }
    .form-row{
        grid-template-columns:1fr
    }
    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:32px
    }
}
@media(max-width:480px){
    .form-card{
        padding:24px
    }
    .footer-grid{
        grid-template-columns:1fr;
        gap:32px
    }
    .footer-bottom{
        flex-direction:column;
        gap:8px;
        text-align:center
    }
}
.cont-fr-sec{
    width: 100%;
}
.cont-fr-sec .frow{
display:flex;
    margin-bottom: 10px;
}
.cont-fr-sec .fl{
    width: 49%;
    margin-right: 2%;
}
.cont-fr-sec .fl:nth-child(2n){
    margin-right: 0px;
}
.cont-fr-sec .fr{
    width: 49%;
}
.cont-fr-sec  .fw{
    float: left;
    width: 100%;
}
.cont-fr-sec input, .cont-fr-sec select, .cont-fr-sec textarea{
    padding: 15px;
    background-color: #fff;
    width: 100%;
    float: left;
    border: 1px solid #58585b;
    box-shadow: 0px 0px 0px 3px #fff;
    font-family: 'Calibri';
    font-size:18px;
    line-height:normal;
    color: #000;
}
.frow.sdbtn{
    text-align: right;
}
.cont-fr-sec textarea{
    resize: none;
    height: 85px;
}
.frow.sdbtn input{
    float: none;
    display: inline-block;
    width: auto;
    font-family: 'Calibri-Bold';
    font-size: 18px;
    line-height: normal;
    color: #fff;
    background-color: #1a5a9a;
    border: 1px solid #fff;
    box-shadow: 0px 0px 0px 3px  #1a5a9a;
    padding: 15px 70px;
}
.cont-fr-sec div.wpcf7 .ajax-loader{
    display:none
}
.cont-fr-sec div.wpcf7-mail-sent-ok,.cont-fr-sec span.wpcf7-not-valid-tip,.cont-fr-sec div.wpcf7-validation-errors,.cont-fr-sec div.wpcf7-acceptance-missing, .cont-fr-sec div.wpcf7-mail-sent-ng, .cont-fr-sec div.wpcf7-aborted{
    border:0;
    width:100%;
    float:left;
    margin:4px 0 0 0;
    padding:0;
    color:red;
    font-family: 'Calibri';
    font-size:14px;
    line-height:normal;
    color: #f88e2c;
    text-align:left
}
.cont-fr-sec div.wpcf7-validation-errors,.cont-fr-sec div.wpcf7-acceptance-missing,.cont-fr-sec div.wpcf7-mail-sent-ok, .cont-fr-sec div.wpcf7-mail-sent-ng{
    text-align:center;
    margin-top:25px
}
.cont-fr-sec div.wpcf7-mail-sent-ok{
    color:#f88e2c;
}

@media(max-width:1240px){
    #main-navigation ul li a {font-size: 15px;}
    #main-navigation ul li {margin: 0 20px;}
    .nav-cta .cmn-btn{font-size: 14px;}
	#main-heading h1 {font-size: 35px;}
	#main-heading .inrpg-breadcrumbs {
		font-size: 15px;}
}
@media(max-width:991px){
    .hero-content-img{display: none;}
    .hero-content{width: 100%;}
    .hero { padding: 180px 0 40px;}
	#main-heading h1 {font-size: 25px;}
	.container {   padding: 0 15px;}
	.nav-cta .cmn-btn{font-size: 12px; padding: 10px 15px}
	
}
@media(max-width:420px){
 
}

    .email-popup{
        display:none;
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.7);
        z-index:99999;
    }

    .popup-content{
        width:550px;
        max-width:95%;
        background:#fff;
        margin:80px auto;
        padding:35px;
        position:relative;
        border-radius:8px;
    }

    .close-popup{
        position:absolute;
        top:-7px;
        right:12px;
        font-size:30px;
        cursor:pointer;
    }