/*
Theme Name:  decipher
Author URI: https://www.wonderkindz.com/
Version: 1.1
Author: Wonderkindz
Description: A theme by Wonderkindz
*/
:root {
  /* Color Variables: */
--primarycolor:#505050;
--secondarycolor:#D78C0C;
--tertiarycolor:#063152;
  /* Font Variables: */
--primaryfont:'Poppins', sans-serif;
--secondaryfont:'Poppins', sans-serif;
}
*{margin: 0;padding: 0;}
body {margin: 0;padding: 0;background: #fff;font-family: var(--secondaryfont);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:var(--primarycolor);font-weight: 400;font-size: 1rem;line-height: 1.8;text-rendering: optimizeLegibility;}
a img {border: none;}
a {color:var(--primarycolor);text-decoration: none !important;transition:0.8s;transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.6s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
a:hover {transition:0.8s;text-decoration: none;color: var(--secondarycolor);}
.clear {clear: both;}
.divider {clear: both;border-bottom: 1px solid #ddd;margin: 0 0 1.2rem 0;padding: 20px 0 0 0;}
.alignleft{float:left;margin:0 10px 0 0;}
.alignright{float:right;margin:0 0 0 10px;}
.aligncenter{display:block;margin:0 auto;}

#scroll {position: fixed;right: 10px;bottom: 10px;cursor: pointer;width: 40px;height: 40px;background-color: var(--secondarycolor);text-indent: -9999px;display: none;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;z-index: 999;}
#scroll span {position: absolute;top: 50%;left: 50%;margin-left: -8px;margin-top: -12px;height: 0;width: 0;border: 8px solid transparent;border-bottom-color: #ffffff;}
#scroll:hover {background-color:var(--tertiarycolor);opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}

.inner {width: 1170px;margin: 0 auto;max-width: 100%;}
.overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 9px;background-color:rgb(0,0,0,0.3);}

.header_area {position:absolute;top: 0;left: 0;width: 100%;z-index: 999;transition: background 0.4s, all 0.3s linear;  padding: 30px 0;}
.header_area .row{align-items:center}

.dropdown2{left:-38rem !important;}
.dropdown2 li a{display: flex !important;gap:0.5rem }
.dropdown2 li img{width: 40px}
.dropdown2 li:hover img {filter:invert()} 

#logo .site-title {float:left;}
#logo .site-title a{color:var(--primarycolorcolor);font-size: 1.5rem;}
#logo img{width:175px;}

.topbtn a{display:  flex !important; justify-content: center;align-items: center; border-radius:10px; background: #fff;color: #000 !important;padding: 10px 34px;font-weight: 600;font-size: 15px !important; text-transform: uppercase !important;}
.topbtn a:after{display: none !important; position:absolute;}
.topbtn a:hover{background:var(--secondarycolor);color:#fff !important}


h1,h2,h3,h4,h5,h6 {margin: 0 0 0.6rem 0;color: #000;line-height: 1.2;font-family: var(--primaryfont);}

h1 {font-size: 36px;text-transform: uppercase;}
h2 {font-size: 35px;font-weight: 500;}
h3 {font-size: 24px;font-weight: 500;}
h4 {font-size: 17px;font-weight: 500;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
.menu-bar {text-align: left;width: 30px;}
.menu-bar span {height:2px;background:var(--secondarycolor);display:block;margin-bottom:6px}
.menu-bar span:nth-child(1) {width:17px}
.menu-bar span:nth-child(2) {width:30px}
.menu-bar span:nth-child(3) {width:15px;margin-left:auto;margin-bottom:0}
.call-now-button {animation: animationFramesTwo 1.5s infinite linear alternate;}
.call-now-button {
	animation: animationFramesTwo 1.5s infinite linear alternate;
}
@keyframes animationFramesTwo {
 0% {
  transform:scale(1)
 }
 50% {
  transform:scale(1.1)
 }
 100% {
  transform:scale(1)
 }
}

#scrolleffect {padding-top: 6.25rem; margin-top: -6.25rem;}
.smalltext{text-transform: uppercase;letter-spacing: 5px;display: block;text-align: center}

.btn-primary{background:var(--tertiarycolor);padding: 0.5rem 2rem;margin: 2rem 0;display: table;color:#fff;transition: .6s ease-in-out;}
.btn-primary:hover{background:var(--secondarycolor);color:#fff;}

.primary-btn{padding: 7px 35px;display:table;width: fit-content;background: #ffff;color: #000 !important;font-size: 16px;border-radius: 10px;margin-top: 1.5rem;font-weight: 500;}
.primary-btn:hover{background:var(--tertiarycolor);color:#fff !important; }

.more-btn{padding: 8px 25px;border: 1px solid var(--secondarycolor);margin:1rem 0;display:inline-block;background: var(--secondarycolor);color: #fff;border-radius: 5px;}
.more-btn:hover{background:#fff;color:var(--secondarycolor) !important; }

#hero-slider{position: relative;margin-bottom: -1rem;}
#hero-slider .bg-image img{width: 100%;}

.carousel-caption{position: absolute ; top: 0; left: 0; right: 0;bottom:0;display: flex; align-items: center;padding-top: 8rem;/*! background: #0003; */}
.carousel-caption .sub-heading{color:#fff;}
.carousel-caption h1{font-size: 49px;color: #fff; text-transform: capitalize; font-weight: 500;}
.carousel-caption .dis{   color:#fff;width: 70%;line-height: 1.5;}
.carousel-caption img{width: 130px}
.carousel-caption .text-box{width: 60rem; max-width:100%; margin-bottom:2.8rem; background: ;}
.carousel-caption .hero-box{background: #0008; border: 1px solid #fff8; padding: 1.5rem 2rem 2rem;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.carousel-caption .col-md-4 h2{text-align:center; font-size: 34px}
.carousel-caption .hero-box .more-btn{margin: 0rem auto 0;}
.carousel-caption h2{color: #fff; margin-bottom:1.9rem;font-weight: 500;}

.hero-list{display: flex; flex-wrap:wrap; gap:0.8rem 1.6rem; margin-bottom:0 !important;}
.hero-list li{display: flex; flex: 1 0 100px; border:1px solid #fff;  display:flex; align-items:center; color:#fff; gap:8px; font-size:14px; text-transform:uppercase; font-size: 12px;font-weight: 600;padding: 8px 13px;line-height: 1.45;}
.hero-list li img{width: 35px;min-width: 35px;}

#aboutus{padding: 8rem 0; background: url(https://www.decipheradvisory.com.au/wp-content/uploads/2026/07/About-Us-img.jpeg); background-size:cover; background-repeat:no-repeat}
#aboutus .imagebox img{margin: 1rem 0}

#counter-section{padding: 2.5rem 0;}
#counter-section .row{align-items: center}
.counter-box {text-align: center;position: relative; flex: 1 0 180px;padding: 20px 0;}
.counter-box img{width:80px;margin: 0 auto 0.5rem}
.counter-box .num {color: var(--secondarycolor);font-weight: 600;margin-bottom: 10px; font-size: 38px; font-weight: 500; font-family: var(--primaryfont);line-height: 1.15;}
.counter-box p {margin: 0;color: #666;line-height: 1.4;}
.counter-box:not(:last-child)::after {content: "";position: absolute;top: 0;right: 0;width: 2px;height: 100%;background-color: #ccc;}

#service-section{background:url(https://www.decipheradvisory.com.au/wp-content/uploads/2026/06/Services-BG.webp) no-repeat center; background-size: cover; padding:5rem 1rem;}
#service-section h2{width: 47rem;  max-width:100%; margin-bottom:2.5rem}
#service-section .primary-btn{margin: 2.5rem auto 0}

.s-box .image{background: linear-gradient(180deg, #fff 60%, transparent); padding: 10px;border-radius: 20px;margin-bottom: 10px;}
.s-box .image img{border-radius: 15px;width: 100%;}
.s-box h3{font-size:20px; font-weight: 500;}
.s-box .arrow{width:40px; display: flex;margin-left: auto;}

#client-Logo{padding: 2.8rem 1rem}
#client-Logo .row{align-items: center}
#client-Logo img{width: 135px;}
#client-Logo .keen-slider__slide{display: flex; align-items: center}

#testimonials{background: url(https://www.decipheradvisory.com.au/wp-content/uploads/2026/07/Testimonials-bg-img.jpeg) no-repeat center; padding:4rem 3rem; border-radius:45px; overflow:hidden;background-size: cover;margin-bottom: 4.5rem;}
#testimonials h2{color: #fff}
#testimonials .sub-heading{color: #fff}
#testimonials .row{align-items: center}
#testimonials .auth{color:#fff; font-weight: 600; text-transform: capitalize;margin-top: 0.8rem;font-size: 20px;}
#testimonials p{color:#fff;}
#testimonials .star-img{width: 135px; margin-bottom: 1.1rem}

#why-choose{background: url(https://www.decipheradvisory.com.au/wp-content/uploads/2026/07/Why-Us-Dark.jpeg);background-size:cover; background-repeat:no-repeat; padding:4rem 0; }
#why-choose p{color: #f1f1f1;line-height: 1.5;}
#why-choose h3{color: #fff;}
#why-choose h2{color: #fff; margin-bottom: 2.5rem}
#why-choose .row{gap: 1.5rem;justify-content: center;}

.fbox{flex: 1 0 300px; background: #cccccc2b; padding:2rem 1.3rem; max-width: 369px;border: 2px solid transparent;transition:  0.6s ease-in-out}
.fbox .icon{width: 70px; margin-bottom:1.5rem}
.fbox img{transition:  0.6s ease-in-out}
.fbox  h3{font-size: 20px;}
.fbox:hover{border:2px solid #fff;}
.fbox:hover img{transform: scale(1.1)}

#blogs{text-align: center; padding: 4rem 0; position: relative}
#blogs .row{justify-content: center; margin-top: 4rem;gap: 1.4rem;}
#blogs .sub-heading{text-transform:uppercase}
.bbox{width: 375px; text-align: left; position: relative; overflow:hidden; background:#f4f4f4; padding: 1rem; border-radius: 1rem}
.bbox img{border-radius:10px; margin-bottom: 1rem; }
.bbox h3 a{font-weight: 500; color: #000 !important;font-size: 20px;font-family: var(--secondaryfont);}
.bbox p{line-height: 1.5;} 
.date{line-height: 1.4;position: absolute;background: var(--secondarycolor);top:10.42rem; left: 0;border-radius: 0 10px 0 10px ;width: 80px; height: 80px; padding: 5px; text-align: center}
.date span{font-size: 24px; font-weight: 500 }

#feesection1{text-align: center}
#feesection1 h2{font-size:1.8rem}
#feesection1 h3{color:var(--secondarycolor)}
.package-table{width: 100%;font-size:15px;margin: 1rem 0;}
.package-table th{background:var(--primarycolor);color:#fff;border:1px solid var(--primarycolor);line-height:1.3;padding: 5px}
.package-table td{border:1px solid var(--primarycolor);padding:5px}
.package-table tr td:first-child{font-weight: 500}

.column{column-count: 2;}
.column3{column-count: 3;}

#blog .blog-item{flex: 1 0 337px;max-width:369px;  margin: 0 auto 0.5rem;background: #f1f1f1;border-radius: 15px;overflow: hidden;border: 1px solid #e5e5e5;}
#blog .blog-item  .blog-thumbnail{filter: saturate(1.4) }
#blog .blog-item .content{ padding: 1.3rem 15px;}
#blog .blog-item :where(h4 , a)  {line-height: 28px; color: #303030}
#blog .blog-item p{ font-size: 15px; color:#353535}
#blog .blog-item .more-link{background: var(--secondarycolor); color: #fff; display: table; margin-top:0.8rem; padding: 3px 15px }

#blog{width:100%;float:left;padding:4rem 0;}
#blog h1{text-align: center;}
#blog .col-md-4{margin:3rem 0.5rem 0;width:32%;-webkit-transition-duration: 800ms;transition-duration: 800ms;cursor:pointer;padding:0 0 1.5rem;}
.blog-thumbnail img{width: 100%;height:200px;}
#blog .col-md-4:hover{box-shadow:12px 15px 20px 0px rgba(46,61,73,0.15) ;-webkit-transition-duration: 800ms;transition-duration: 800ms;cursor:pointer;}
#blog .col-md-4 .post-title{font-size: 1.2rem;color:var(--primarycolor);margin:1rem 0;display: block;font-weight: bold;}
#blog .col-md-4 .post-title:hover{color:var(--secondarycolor);}
#blog .col-md-4 p{text-align: justify;margin:0 0 25px;padding:0 15px;}
#blog .col-md-4 .more-link{background:var(--secondarycolor);text-align: center;color:#fff;max-width: 100%;float: right;padding:0.5rem 1rem;margin:0 1rem;border: 2px solid var(--secondarycolor);transition: .6s ease;}
#blog .col-md-4 .more-link:hover{background:transparent;color:var(--primarycolor);border-color: var(--secondarycolor);}

#single-post {padding:3rem 0;}
#single-post .post-title{font-size:1.5rem;color:var(--primarycolor);margin:1rem 0;display: block;border-bottom: 1px solid #eee;line-height: 3rem;}
#single-post .post-title:hover{color:var(--secondarycolor);}
#single-post p{margin-bottom: 25px;/*! text-align:justify; */}
#single-post img{max-width: 100%;height: auto;margin-bottom:25px;}
#single-post #featured-img img{max-width: 100%;display: block;margin-top:35px;height: auto;}


#contact-section{ text-align: center; padding: 5rem 0;background: #D78C0C17;}
#contact-section .contact-wrap{width: 55%; margin: 0 auto; max-width: 100%;}
#contact-section .wpcf7-submit{width: 100% !important;}
#contact-section h2{margin-bottom: 1.8rem}
#contact-section .row{align-items: center}

.column{column-count: 2;}
.column3{column-count: 3;}

.xdsoft_timepicker{min-width:200px}
#contactform .pickup-date p {width:100%;}
#contactform .pickup-date p span {width:100%;display:block;}
#contactform .pickup-date p span input {width:100%;display:block;-webkit-appearance: none; -moz-appearance: none;text-align:left!important;}
#contactform .pickup-date p input::-webkit-date-and-time-value {text-align: left;width: 100%;}
#contactform .pickup-date p input[type="date"] { display: block; text-align: left;}

#contactform{margin: 0 0 20px 0;line-height: 20px;}
#contactform *{font-size: 15px;color:#595966;font-family: var(--secondaryfont)}
#contactform h3{font-size:26px;text-align: center;}
#contactform i{font-size:26px;}
#contactform p{margin: 0;}
#contactform h2{font-size: 24px;margin:25px 0 15px;font-weight:bolder;border-bottom:1px solid #63C6C1;padding:0 0 8px 0;}
#contactform input{width: 100%;background: #fff;border:0;padding: 10px 20px;margin: 10px 0;height:48px;border-radius:0rem; border: 1px solid #ccc;}
#contactform select{width: 100%;background: #FFF;border:0;padding: 10px 20px;height:48px;border: 1px solid #ccc;
	margin: 10px 0;color:#595966;-webkit-border-radius:0rem;}
#contactform textarea{width: 100%;height: 125px;background:#fff;border:0;padding: 20px;margin: 10px 0;border: 1px solid #ccc;border-radius:0rem;}
#bookingform #contactform textarea{height:48px;resize:none;padding: 14px 20px;}
#contactform input:focus, #contactform textarea:focus, #contactform select:focus{outline:none;
	color:var(--tertiarycolor)}

::-webkit-input-placeholder { /* WebKit browsers */color:#595966 !important;opacity: 1;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#595966 !important;opacity: 1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#595966 !important;opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#595966 !important;opacity: 1;}

#contactform input.wpcf7-submit{background: var(--secondarycolor);color: #fff;text-transform: uppercase;cursor: pointer;padding: 1rem;border: none;margin:10px auto 0;display: table;width: 250px;transition: 0.6s ease-in-out;border: 1px solid var(--secondarycolor);height: 48px;-webkit-border-radius: 0rem;padding:0;font-size:18px}
#contactform input.wpcf7-submit:hover{background: var(--tertiarycolor);color:#fff;}
#contactform .wpcf7-spinner{position: absolute; display: none}

textarea, iframe{max-width: 100%;}
.wpcf7-response-output{color:#595959 !important;background:tranparent !important;border:0px !important}
#contactform .wpcf7-not-valid-tip {background: var(--secondarycolor) !important;}

#babyseat p,#returnjourney p{width: 100%;display: flex;align-items:center}
#contactform .wpcf7-radio{display: flex;}
#contactform .wpcf7-list-item{display: flex}
#contactform .wpcf7-list-item label{width: 100%;}
#contactform .wpcf7-radio input{width:unset}

.post {padding: 0 10px;}
.post p {margin-bottom:1rem}
.post p a {font-weight: bold;}
.post a {color: #000;}

.list {margin: 10px 0 15px 0px;}
.list li {list-style :none;margin: 0 0px 4px 0px;display: flex;list-style-position: inside;text-align: left;}
.list li:before{color: var(--secondarycolor);content: "\f058";margin-right: 8px;font-family:'Font Awesome 5 Free';font-weight:900; font-size:18px}

#single-post-banner{ padding-top:10rem; background: url(https://www.decipheradvisory.com.au/wp-content/uploads/2026/06/pagetitle.webp) no-repeat center;position: relative;margin-bottom: 2.6rem;background-size: cover;z-index: 1;}
#single-post-banner:before{content:""; background:#101010f7; position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1;backdrop-filter: saturate(0);}
#single-post-banner .inner-item{width:calc(100%/2 - 1rem ); margin: 0 auto; display: flex; flex-direction: column; justify-content: center;position: relative;}
#single-post-banner .line{margin-left: 0; margin-bottom: 1.2rem; margin-top:1rem}
#single-post-banner .inner-item h1 {color: #fff}
#single-post-banner h1 span{font-size:1.8rem;color:var(--fourthcolor)}
#single-post-banner .inner-item p{color: #f1f1f1; margin-bottom:1rem;}
#single-post-banner .content{padding-bottom:1rem;}
#single-post-banner img{margin-bottom: -3.2rem; border:10px solid #fff}
.rera{background: var(--fourthcolor);display: table;padding:2px 10px;position:absolute;top:-4rem;right:0;}
#single-post-banner #request{margin:1.5rem 0}
#single-post-banner #request .more-btn{margin:0.8rem 0 0 !important;}


#pagetitle {padding: 12rem 0 6rem;position: relative;width: 100%;text-align: center;background:url(https://www.decipheradvisory.com.au/wp-content/uploads/2026/06/pagetitle.webp) no-repeat center;z-index: 1;background-size: cover;}
#pagetitle:before{content: ""; position: absolute; top: 0 ; bottom: 0; left: 0; right: 0;  z-index: -1;background: #000c;}
#pagetitle h1 {color:#fff;text-align: center; margin-bottom: 0;font-size:36px;font-weight: 600;;text-transform: uppercase;line-height: 1;}
#pagetitle p {color:#f1f1f1;text-align: center;font-size: 15px; margin: 0 auto;}
.breadcrumb {list-style: none;max-width: 100%;float: none;font-size: 14px;text-transform: uppercase;color: #000;font-weight: 400;width: fit-content;background: #fff;padding: 16px 30px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;position: absolute;bottom: -28px;left: 0;right: 0;margin: 0 auto;border-radius: 10px;}
.breadcrumb a:hover{color:var(--tertiarycolor);}
.breadcrumb>li {display: inline-block;}
.breadcrumb>li+li:before {content: "\f101";padding: 0 5px;color: #fff;font-family:'Font Awesome 5 Free';font-weight:900}
.breadcrumb a{color: #000;}

#main{padding: 3rem 0 3rem;}
#main p{}
#main li{list-style: none;}

.call-btn{display:flex; width:fit-content; align-items:center; gap:0.6rem; font-weight:700; font-size:17px; border:1px solid #606060; padding:8px 1.4rem; border-radius:8px; justify-content: center;}
.call-btn i{font-size:17px}
.call-btn:hover{color: var(--secondarycolor) ; border-color: var(--secondarycolor); }
.two-btns br{position: absolute !important; display: none !important;}

.two-btns{display: flex; align-items: center; justify-content: center; gap: 1.4rem 1rem; }
.two-btns .more-btn{text-transform: capitalize; color:#fff;}
.two-btns  a{margin: 0}

.line{width: 120px; height: 3px ;background: var(--secondarycolor); margin: 0 auto 1rem}

#hollowsection{text-align: center}

#features{padding: 4rem 0; background: #D78C0C17;text-align: center;}
.page-id-74 .col-md-6{text-align: left}
.page-id-74 #features .row{align-items: center}
#features img{ border-radius: 1rem;/*! aspect-ratio: 5/5; */width: 100%;position: sticky;top:1rem;}
#features .row{/*! align-items: center; */margin-top: 2rem;}
#features .points{display: flex; flex-wrap: wrap; gap:1.5rem; justify-content: center; margin-bottom: 2rem;} 
#features .box{width: 260px; background:#fff; text-align:center; padding:1rem;border-radius: 1rem;}
#features .box h3{font-size:22px; font-weight:600; margin-bottom:10px; color:var(--secondarycolor)}
#features .box p{line-height: 1.5}

.full-row	{
    width: 99.335vw;
    position: relative;
   margin: 4rem 0 3rem; 
    margin-left: -49.99vw;
    left: 50%;
    padding: 2rem 0;
}

#howitworks{padding: 1rem 0; text-align: center}
#howitworks .row{gap:2rem; justify-content: center; margin-top:3rem}
#howitworks .wbox{width: 330px; background: #D78C0C17; padding: 1rem; border-radius: 1rem;text-align: left;}
#howitworks .wbox span{font-weight: 600; color: #D78C0C14;font-size: 82px;margin: 0 !important;padding: 0 !important;line-height: 1.2;}
#howitworks p:empty{display:none; line-height: 1}
.page-id-73 #howitworks h3{font-size:20px}

.page-id-46 #howitworks .wbox{width: 550px}

#fees{padding: 1rem 0 0; text-align: center}
#fees .feesbox{text-align:left; background:#f6f6f6; padding: 2rem; margin: 2rem 0; border-radius:1rem}
#fees span{color: var(--secondarycolor); font-size: 24px; font-weight: 600}

#abtpage{padding: 1rem 0}
#abtpage .row{align-items: center}
#abtpage .line{margin:1rem 0} 
#abtpage img{ border-radius: 2rem; width: 90%;margin: 0 auto;}

#servicebox{padding: 3rem 1rem; background: #f5f5f5; margin-top: 3rem; border-radius: 2rem; text-align: center}
#servicebox .row{gap:1rem; justify-content: center; margin-top: 2rem}
#servicebox .asbox{background: #fff; width: 250px; padding:1rem 0.5rem; border-radius:1rem}
#servicebox .asbox h3{font-size: 20px; color:var(--secondarycolor); font-weight:600}
#servicebox .asbox p{line-height: 1.5}

#addressbox{padding: 3rem 0}
#addressbox .row{gap:2rem; justify-content: center} 
#addressbox .box{width: 555px; background: #f5f5f5;padding: 1rem; border-radius: 1.5rem}
#addressbox .box h3{color:var(--secondarycolor); font-weight: 600}
#addressbox .address{font-weight:600; font-size:15px}
#addressbox iframe{border-radius: 1rem}

#smsfservices{width:100%;text-align: center;margin-bottom: 4rem;}
#smsfservices .row{margin-top:2rem;text-align: left;background: #FBF5E95E;padding: 15px 5px;border-radius: 10px;}
.rowreverse{flex-direction: row-reverse}
#hollowsection2 .line{margin:0.5rem 0}
#hollowsection2 h3{margin-top:2rem}

.widget {padding: 0 1.5rem;}
.widget h3 {border-bottom: 2px solid var(--primarycolor);text-transform: uppercase;padding: 0 0 1.3rem 0;margin-bottom: 0;}
.widget ul li {display:flex;list-style-type:none;border-bottom: 1px dashed var(--primarycolor);margin-bottom: 1rem;}
nate{text-align: center;margin:0 auto;}
.paginate{text-align: center;margin:0 auto;}
.wp-pagenavi {clear: both;padding: 1.5rem 0;}
.wp-pagenavi a {display:inline-block;padding: 0.1rem 1.2rem !important;margin: 2px;border: 1px solid #ccc;color: var(--primarycolor);background: #fff;border-radius: 3px;}
.wp-pagenavi a:hover {color: #fff !important;background: var(--secondarycolor);}
.wp-pagenavi span.pages {padding: 0.3rem 1.2rem !important;margin: 3px;border-radius: 3px;border: 1px solid #ccc;}
.wp-pagenavi span.current {padding: 0.7rem 1rem;margin: 3px;font-weight: 700;border: 1px solid #ccc;background: var(--secondarycolor);border-radius: 3px;color: #fff;}
.wp-pagenavi span.extend {padding: 15px;margin: 3px;border: 1px solid #000;color: #fff;background: #000;}
.wp-pagenavi .next-comment-page,.wp-pagenavi .previous-comment-page {padding: 12px 14px;border: 1px solid #aaa;}
.wp-pagenavi a.nextpostslink {font-weight: 500;padding: 0.2rem 1rem !important;color: var(--secondarycolor);}

#bottom {background: #6a4301;color:#fff;font-size: 14px;padding: 4rem 0 0.5rem;}
#bottom a {color: #fff;}
#bottom a:hover {color:#f1f1f1;}
#bottom i {color: #fff;margin-right: 0px;}
#bottom .widget h3 {border: none;text-align: left;font-weight: 500;color: #fff;font-size: 20px;}
#bottom .widget li {border: none;text-decoration: none;color:#fff ;list-style: none;}

#bottom .footer-logo{display: flex; align-items:center; margin-bottom:3.5rem; gap:1rem; }
#bottom .footer-logo:before, #bottom .footer-logo:after{content: ""; flex: 1; height:3px; background: #fff9}
#bottom .footer-logo .flogo{border-radius: 15px; overflow: hidden;width: 200px;}

#bottom .footer-contact li{display:flex;}
#bottom .footer-contact li:before{font-family:'Font Awesome 5 Free';font-weight:900;font-size: 16px;}

.info li{line-height:30px;display:flex;font-weight:300;}
.info .address:before {content: "\f3c5"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)}
.info .phone:before {content: "\f095"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)}
.info .email:before {content: "\f0e0"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)}

#footer {clear: both;background:transparent;color: #fff;padding:0 0 0.5rem;text-align: center;font-size:12px; margin-top:2rem}
#footer a {color: #fff;}
#footer a:hover {color:#f1f1f1;}
.fleft {float: left;}
.fright {float: right;}

.phone-call {width: 50px;height: 50px;left: 20px;bottom: 20px;background:var(--secondarycolor);position: fixed;text-align: center;color: #ffffff;cursor: pointer;border-radius: 50%;z-index: 999;display: inline-block;line-height: 65px;font-size: 1.6rem;line-height: 50px;animation: shake 1.8s linear infinite alternate;}
.phone-call i{color:#fff;}
.phone-call:before {position: absolute;content: " ";z-index: -1;top: -15px;left: -15px;background-color:var(--secondarycolor);width: 80px;height: 80px;border-radius: 100%;animation-fill-mode: both;-webkit-animation-fill-mode: both;opacity: 0.6;-webkit-animation: pulse 1s ease-out;animation: pulse 1.8s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.fa-phone-alt::before {content: "\f879";}
@-webkit-keyframes pulse {
    0% {-webkit-transform: scale(0);opacity: 0;}
    25% { -webkit-transform: scale(0.3); opacity: 1; }
    50% {-webkit-transform: scale(0.6);opacity: .6;}
    75% {-webkit-transform: scale(0.9);opacity: .3;}
    100% {-webkit-transform: scale(1);opacity: 0;}
}

@keyframes shake{
    50%{transform:scale(1.1)rotate(90deg)}
}

@keyframes pulse {
    0% {transform: scale(0);opacity: 0;}
    25% {transform: scale(0.3);opacity: 1;}
    50% {transform: scale(0.6);opacity: .6;}
    75% {transform: scale(0.9);opacity: .3;}
    100% {transform: scale(1);opacity: 0;}
}

@media screen and (max-width: 981px) {
body {min-width: 230px;}
.desktoponly {display: none;}
.inner {width: 100%;padding: 0%;}
img.alignleft,
img.alignright {float: none;display: block;margin: 10px auto;}
.site-menu-toggle{display: block;color: var(--secondarycolor);}
.site-navbar{display: none;}

#logo{display:flex;align-items:center;justify-content:space-between}
#logo .site-title{margin: 10px 0;}
#logo img{width: 200px;height: auto;float:left;}
    
    .carousel-caption{position: relative;background: #000;margin-top: -1rem;padding: 4rem 0;}
    .carousel-caption .dis{width: 100%}

#bottom {width: 100%;display: block;}
.fleft, .fright {float: none;}
    #about-us .content-wrap{align-items: end; padding: 0 0 1rem;}
    
    .widget{margin-bottom: 3rem}
    .widget ul, .widget ul li:last-child{margin-bottom: 0 !important;}
    .topbtn a{width: fit-content; margin: 1rem auto 0; padding: 8px 35px !important;}
    .grid{grid-template-columns: 100% !important;}
    
    #contact-section .contact-wrap{width: 100%}
    #addressbox .box{width: 100%}
    #addressbox iframe{width: 100%}
    
    #servicebox .asbox{width: 100%}
    
#bottom {width: 100%;display: block;}
.fleft, .fright {float: none;}
	
		#single-post-banner{padding:12.6rem 0 0;}
	#single-post-banner img{margin-bottom: -2.4rem}
	#single-post-banner h1{font-size: 30px;}
	#single-post-banner p{font-size: 13px;}
    #smsfservices img{margin:0 0 1rem}
}

@media screen and (min-width: 981px) {
.mobileonly {display: none !important;}
    #testimonials .col-md-6:nth-child(2){border-left: 2px solid #fff4; padding:2.2rem 0 2.2rem 2.2rem; }
.site-menu-toggle{display:none;}
	    #bottom .col-md-3:nth-child(3){padding-left: 0rem}
}

@media screen and (max-width: 800px) {
	#single-post-banner .inner-item{width: calc(100% - 30px)}
	#single-post-banner .inner-item:nth-child(2){margin-top:0;}
     #single-post-banner { padding: 3rem 0 0;  text-align: center; margin-bottom: 12px;}
    #single-post-banner .line{margin-left: auto !important;margin-top: 0 !important;width: 80px;}
    #single-post-banner #request .more-btn{margin-top: 0 !important;}
}

@media screen and (max-width: 600px) {
.column, .column3, .column4{column-count:1}
    .btns-section {flex-direction: column}
    .btns-section a{min-width: 235px; text-align: center}
    
    .hero-list li{width: 100%; flex:1 0 100%;}
    #aboutus{padding: 5rem 0 2rem}
    
    .carousel-caption{padding:4rem 15px 3rem;align-items: end;}
    .carousel-caption h1{font-size: 29px;}
    .carousel-caption img{width: 105px}
    .carousel-caption .dis{flex-direction: column; justify-content: start; align-items: start; }
    .carousel-caption h2{font-size: 24px}
    .carousel-caption .col-md-9{margin-bottom: 1.5rem;padding: 0;}
    .carousel-caption .col-md-3{padding: 0;}
    .carousel-caption .hero-box{padding: 25px 25px}
    
    .header_area{padding: 0.5rem 0;position: relative;background: #000;}
    .home .header_area{padding:0;position:absolute;background:transparent}
    #logo img{width: 140px;height: auto;float:left; border-radius: 10px}
    .bg-image{}
    .bg-image video{object-fit: cover;height:20rem}
    .counter-box .num{font-size: 30px}
        h2{font-size: 28px;}
    
        #testimonials{width: 92% !important; margin: 0 auto 3.5rem; padding:2.5rem 1rem; border-radius:25px}
    #testimonials .star-img{width: 110px}
    #testimonials h2{margin-bottom: 1.8rem}
    
    #why-choose{padding: 3rem  15px;}
    #why-choose h2{margin-bottom: 2rem}
    
    .fbox{padding: 25px 20px}
    .fbox .icon{width: 65px}
    
    #team-section{padding: 3rem 20px;margin-bottom: 3.5rem;}
    
    .widget{padding: 0 1.1rem}
    #footer{margin-top: 0}
    #pagetitle {padding: 4rem 10px 5rem;}
    #pagetitle h1{font-size: 30px}
    
    #main{padding: 3rem 0;}
    #side-bar{padding: 0 15px}
    #features .box{width: 90%}
    
    .two-btns{flex-direction: column}
    .two-btns a{min-width:13.6rem; }   
	    .package-table{overflow-y:auto;display:block}
}
@media screen and (min-width: 600px) and (max-width: 1120px) {
    #about-us .bg-image img {height: 890px ; object-fit:cover; object-position:top; }
    .counter-box .num{font-size: 32px}
        .carousel-caption h1{font-size: 42px;}
    .carousel-caption h2{font-size: 32px}
    
     .carousel-caption .col-md-9{margin-bottom: 2rem;padding: 0;}
    .carousel-caption .col-md-3{padding: 0;}
    
    #pagetitle h1{font-size: 32px !important;}
}

@media screen and (min-width: 1400px) {
    #hero-slider .bg-image img{width: 100%; height:720px; object-fit: cover}
    #about-us .bg-image img{width: 100%; height:620px; object-fit: cover}

}

p:empty{display: none !important; position: absolute}

/* ---- Package Css ---- */
.packages-section {
   --tertiary-tint:#0d4a7a;
   --tertiary-deep:#04213a;
   --secondary-tint:#f4b94d;
   --surface:#f5f5f5;
   --surface-muted:#f6f7f9;
   --border-soft:#e3e6ea;
   --text-on-dark:#eef2f6;
   --text-muted-on-dark:#b9c6d3;
}

.packages-section { font-family: var(--primaryfont);margin-top: 3rem;}
.packages-inner { max-width: 1180px; margin: 0 auto;}
.packages-eyebrow { display: flex; align-items: center; justify-content: center; gap: 10px; font-family: var(--secondaryfont); font-size: 13px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--secondarycolor); margin: 0 0 14px;}
.packages-eyebrow::before,
.packages-eyebrow::after { content: ""; width: 28px; height: 1px; background: var(--secondarycolor); opacity: 0.55;}
.packages-heading { font-family: var(--primaryfont); font-weight: 700; font-size: clamp(28px, 4vw, 42px); line-height: 1.15; text-align: center; color: var(--tertiarycolor); margin: 0 0 14px; letter-spacing: -0.01em;}
.packages-subheading { font-family: var(--secondaryfont); font-weight: 400; font-size: 16px; line-height: 1.7; text-align: center; color: var(--primarycolor); opacity: 0.85; max-width: 604px; margin: 0 auto 56px !important;}
.packages-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; align-items: stretch;}
.package-card { position: relative; display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--border-soft); border-radius: 14px; padding: 40px 32px 36px; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;}

.package-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -18px rgba(6, 49, 82, 0.25); border-color: transparent;}
.package-card::before,
.package-card::after { content: ""; position: absolute; width: 16px; height: 16px; border-color: var(--secondarycolor); opacity: 0; transition: opacity 0.25s ease;}
.package-card::before { top: 14px; left: 14px; border-top: 2px solid var(--secondarycolor); border-left: 2px solid var(--secondarycolor);}
.package-card::after { bottom: 14px; right: 14px; border-bottom: 2px solid var(--secondarycolor); border-right: 2px solid var(--secondarycolor);}
.package-card:hover::before,
.package-card:hover::after { opacity: 1;}
.package-card.is-featured { background: var(--tertiarycolor); background: #202020; border-color: #606060; color: var(--text-on-dark); padding-top: 44px; z-index: 1;}
.package-card.is-featured:hover { transform: translateY(-10px); box-shadow: 0 26px 50px -16px rgba(6, 49, 82, 0.45);}
.package-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--secondarycolor); color: var(--tertiary-deep); font-family: var(--secondaryfont); font-weight: 600; font-size: 11px; letter-spacing: 0.09em; text-transform: uppercase; padding: 7px 18px; border-radius: 999px; box-shadow: 0 6px 14px -4px rgba(215, 140, 12, 0.55);}
.package-label { font-family: var(--secondaryfont); font-weight: 600; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--secondarycolor); margin: 0 0 10px;}
.package-name { font-family: var(--primaryfont); font-weight: 700; font-size: 23px;  margin: 0 0 8px;}
.package-card.is-featured .package-name { color: #ffffff;}
.package-desc { font-family: var(--secondaryfont); font-weight: 400; font-size: 14px; line-height: 1.6; color: var(--primarycolor); opacity: 0.75; margin: 0 0 26px; min-height: 44px;}
.package-card.is-featured .package-desc { color: var(--text-muted-on-dark); opacity: 1;}
.package-price-row { display: flex; align-items: baseline; gap: 6px; margin-bottom: 2px;}
.package-price { font-family: var(--primaryfont); font-weight: 800; font-size: 40px;  letter-spacing: -0.01em;color: #151515;}
.package-card.is-featured .package-price { color: #ffffff;}
.package-period { font-family: var(--secondaryfont); font-weight: 500; font-size: 14px; color: var(--primarycolor); opacity: 0.6;}
.package-card.is-featured .package-period { color: var(--text-muted-on-dark); opacity: 1;}
.package-billing-note { font-family: var(--secondaryfont); font-size: 12.5px; color: var(--primarycolor); opacity: 0.55; margin: 0 0 28px;}
.package-card.is-featured .package-billing-note { color: var(--text-muted-on-dark); opacity: 0.85;}
.package-divider { height: 1px; background: var(--border-soft); margin: 0 0 26px;}
.package-card.is-featured .package-divider { background: rgba(255, 255, 255, 0.14);}
.package-features { list-style: none; margin: 0 0 32px; padding: 0; flex-grow: 1;}
.package-features li { display: flex; align-items: flex-start; gap: 10px; font-family: var(--secondaryfont); font-weight: 400; font-size: 14px; line-height: 1.5; color: var(--primarycolor); margin-bottom: 10px;}
.page-id-95 .package-features li{list-style: disc !important;display: in;}
.package-card.is-featured .package-features li { color: var(--text-on-dark);}
.package-features li .tick { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 1px; border-radius: 50%; background: rgba(215, 140, 12, 0.12); display: flex; align-items: center; justify-content: center;}
.package-card.is-featured .package-features li .tick { background: rgba(215, 140, 12, 0.22);}
.package-features li .tick svg { width: 10px; height: 10px;}
.package-cta { display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 13px 20px; border-radius: 8px; font-family: var(--secondaryfont); font-weight: 600; font-size: 14.5px; letter-spacing: 0.01em; text-decoration: none; cursor: pointer; border: 1.5px solid var(--tertiarycolor); background: transparent; color: var(--tertiarycolor); transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;}
.package-cta:hover { background: #101010; color: #ffffff !important; transform: translateY(-1px);}
.package-card.is-featured .package-cta { background: var(--secondarycolor); border-color: var(--secondarycolor); color: var(--tertiary-deep) !important;}
.package-card.is-featured .package-cta:hover { background: var(--secondary-tint); border-color: var(--secondary-tint); color: var(--tertiary-deep) !important;}
.packages-footnote { text-align: center; font-family: var(--secondaryfont); font-size: 13.5px; color: var(--primarycolor); opacity: 0.65; margin: 44px 0 0;}
.packages-footnote a { color: var(--secondarycolor); font-weight: 600; text-decoration: none;}
.packages-footnote a:hover { text-decoration: underline;}

.page-id-95 .package-card{padding:2.5rem 0.7rem;}
.page-id-95  .package-card p{margin-bottom:10px;}
.page-id-95 .package-card .package-label{font-size:12px;min-height: 45px;}
.page-id-95 #main .package-card li{list-style: disc;font-size:13px;margin-left: 1rem}
.page-id-95 .package-divider{margin: 10px 0}

.ideal,.requ{min-height: 165px;}
.service{min-height: 190px}
.payment{min-height:72px}
.package-card:nth-child(4) .service,.package-card:nth-child(5) .service,.package-card:nth-child(6) .service{min-height: 235px}
.package-card:nth-child(4) .requ,.package-card:nth-child(5) .requ,.package-card:nth-child(6) .requ{min-height:210px}
 
@media (max-width:980px) {
 .packages-grid { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
 .package-card.is-featured { order: -1; }
 .package-card:hover, .package-card.is-featured:hover { transform: none; }
}
@media (max-width:520px) { 
 .package-card { padding: 34px 24px 30px; }
 .package-price { font-size: 34px; }
}