/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

.phn-btn a svg{fill: #fff !important;}
.phn-btn a span {color: #ffff !important;}
.phn-btn a { background: var( --e-global-color-secondary ); padding: 13px 30px; border-radius: 10px; overflow: hidden; position: relative; z-index: 2; }
.phn-btn a:before {top:0; content: ''; background: var( --e-global-color-accent ); width: 0%; height: 100%; position: absolute; left: 0; z-index: -2;    transition: .3s all; }
.phn-btn a:hover:before{width:100%;transition:.5s ease-in-out;}


.client-btn a {background: var( --e-global-color-primary ) !important; padding: 13px 30px; border-radius: 10px; overflow: hidden; position: relative; z-index: 2;}
.client-btn a:before {top:0;content: ''; background:var( --e-global-color-accent ); width: 0%; height: 100%; position: absolute; left: 0; z-index: -2;    transition: .3s all; }
.client-btn a svg{fill: #fff !important;}
.client-btn a span {color: #ffff !important;}
.client-btn a:hover:before{width:100%;transition:.5s ease-in-out;}


.btn-anni a, .cus-btn a{padding: 15px 30px; border-radius: 10px; overflow: hidden; position: relative; z-index: 2;}
.btn-anni  a:before , .cus-btn  a:before{top:0;content: ''; background:var( --e-global-color-accent ); width: 0%; height: 100%; position: absolute; left: 0; z-index: -2;    transition: .3s all; }
.btn-anni  a span {color: #ffff !important;}
.btn-anni  a:hover:before{width:100%;transition:.5s ease-in-out;}
.cus-btn a{background:var( --e-global-color-secondary );color:#fff;display: inline-block;text-decoration:none !important;}
.cus-btn a:hover:before{width:100%;transition:.5s ease-in-out;}

.ban-heading{text-decoration: underline;text-underline-offset: 4px;text-decoration-color: #ef8557;text-decoration-style: wavy;text-decoration-thickness: 1px;}

.icon-box-ft { background: var( --e-global-color-secondary ); min-height: 180px; box-shadow: 9px 10px 2px rgb(0 188 212 / 8%); display: flex; flex-direction: column; justify-content: center; border-radius: 10px; }
.icon-box-ft h3 { color: #fff !important; font-size: 14px !important; font-weight: 300 !important; }
.icon-box-ft svg { fill: #fff !important; width: 30px; height: 30px; }
.footer .sec-bx .icon-box-ft {background:var( --e-global-color-accent );}

.ft-box p, .ft-box, .ft-box a{color:#fff;}
.abt-sec .elementor-open-lightbox{position:relative;padding:15px;}
.abt-sec .elementor-open-lightbox:after { content: ""; border-right: 25px solid transparent; border-left: 25px solid #ef8557; border-top: 25px solid transparent; border-bottom: 25px solid transparent; position: absolute; top: -10px; height: 90%; left: -10px; }
.abt-sec .elementor-open-lightbox:before { content: ""; border-right: 25px solid transparent; border-left: 25px solid transparent; border-top: 25px solid #ef8557; position: absolute; top: -10px; width: 80%; left: -10px; }



.media-sec figure.swiper-slide-inner img {height: 40px;object-fit: contain;}
.media-sec h2{position:relative;}
.media-sec h2:before { content: ''; background: #ef8557; width: 40px; height: 40px; position: absolute; left: -10px; top: -10px; z-index: -2; opacity: .5; border-radius: 50px; }
.media-sec .swiper-slide-inner { box-shadow: 6px 7px 3px #00ccaa0a; margin: 10px !important; padding: 10px !important; }

.sub-services-sec .elementor-image-box-wrapper { background: #eee; padding: 20px; }


.sub-services-sec .elementor-image-box-wrapper {background: #fff; padding: 20px;min-height: 390px;box-shadow: .1rem .3rem .5rem  rgb(0 0 0 /33.33%);border-radius: 10px;position: relative;overflow: hidden;z-index:2;}
.sub-services-sec .elementor-image-box-wrapper:hover:before {height: 100%;transition: .5s all ease-in-out;}
.sub-services-sec .elementor-image-box-wrapper:before { content: ''; position: absolute;bottom: 0;width: 100%; height: 4px;
	background: #0ca;left: 0;border-radius: 10px;z-index:-2;}
.sub-services-sec .elementor-image-box-wrapper:hover p, .sub-services-sec .elementor-image-box-wrapper:hover h3{color:#fff;}
.sub-services-sec .elementor-image-box-wrapper:hover figure img { height: 60px; object-fit: contain;transform: rotate(360deg); }
.sub-services-sec figure.elementor-image-box-img img {background: #fff;padding: 5px;border-radius: 10px; transition: transform .7s ease-in-out;}
.sub-services-sec h3.elementor-image-box-title { font-size: 20px; font-weight: 600 !important; }
.sub-services-sec  .elementor-image-box-wrapper p{font-size:14px;}

.img-box .elementor-image-box-wrapper {background: #fff;box-shadow: .1rem .3rem .5rem  rgb(0 0 0 /33.33%);border-radius: 10px;position: relative;overflow: hidden;z-index:2;padding: 40px 20px;min-height: 280px;}
.img-box .elementor-image-box-wrapper:hover:before {height: 100%;transition: .5s all ease-in-out;}
.img-box  .elementor-image-box-wrapper:before { content: ''; position: absolute;bottom: 0;width: 100%; height: 4px;
	background: #0ca;left: 0;border-radius: 10px;z-index:-2;}
.img-box  .elementor-image-box-wrapper:hover p, .img-box  .elementor-image-box-wrapper:hover h3{color:#fff !important;}
.img-box  .elementor-image-box-wrapper:hover figure img {transform: rotate(360deg); }
.img-box  figure.elementor-image-box-img img { height: 60px; object-fit: contain;background: #fff;padding: 5px;border-radius: 10px; transition: transform .7s ease-in-out;}
.img-box  h3.elementor-image-box-title { font-size: 20px; font-weight: 600 !important;margin-bottom: 10px; }
.img-box   .elementor-image-box-wrapper p{font-size:14px;}



.blog-posts { display: flex; gap: 20px; }
.blog-posts .blog-post {box-shadow: .1rem .3rem .5rem  rgb(0 0 0 /33.33%);border-radius: 10px;width:33.33%;}
.blog-posts .blog-post img { height: 200px; object-fit: cover; width: 100%;border-radius:10px 10px 0px 0px;transition: all .3s ease-in-out;}
.blog-posts .blog-post:hover img{ transform: scale(1.1);}
.blog-posts  .blog-img{overflow:hidden;}
.blog-posts .blog-post p.date { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 0px; color: #ef8557; }
.blog-posts .blog-content {padding:30px 30px 0px;}
.blog-posts .blog-content a {text-decoration: none !important;}
.blog-posts .blog-content h3 {font-size: 18px;color:#455287 !important}
.btn-gren a::before { background: var( --e-global-color-secondary ); }

.ft-copy p {margin-bottom: 0px;}
.ft-copy a { color: #00ccaa; }

.entry-content p {margin-bottom: 10px !important;}
.downld-cta {box-shadow: .1rem .3rem .5rem  rgb(0 0 0 /33.33%);}
.downld-cta h2 strong {color: var( --e-global-color-secondary );}

.img-border{position:relative;padding: 5px;}
.img-border:after { content: ""; border-right: 15px solid transparent; border-left: 15px solid #ef8557; border-top: 15px solid transparent; border-bottom: 15px solid transparent; position: absolute; top: -10px; height: 90%; left: -10px; }
.img-border:before { content: ""; border-right: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #ef8557; position: absolute; top: -10px; width: 80%; left: -10px; }

div#secondary .widget { background: #fff !important; box-shadow: .1rem .3rem .5rem  rgb(0 0 0 /33.33%); border-radius: 20px; margin-bottom: 30px;}
div#secondary .widget h2 { color: #ef8557; }
#secondary li { border-bottom: 1px dashed #eee; padding: 10px 0; margin-bottom: 0px !important; }
#secondary li a{color:#474747;}
#secondary li a:hover{color:var( --e-global-color-accent );}
.entry-meta, .entry-meta span, .entry-meta a {color: #455287 !important;}

.ltp-sec .img-box h4 { color: #ef8557; margin-bottom: 10px; font-size: 18px; }
.ltp-sec .img-box:hover h4{color:#fff;}

.heading-before h2{position:relative;}
.heading-before h2:before{content: ''; background: #ef8557; width: 40px; height: 40px; position: absolute; left: -10px; top: -10px; z-index: -2; opacity: .5; border-radius: 50px; }

.ltp-mind-sec h3.elementor-image-box-title, .ltp-mind-sec .elementor-image-box-description {margin-bottom: 0px !important;}
.ltp-mind-sec h3.elementor-image-box-title{color:var( --e-global-color-text ) !important;}

.cnt-form .cnt-fieds:nth-child(5), .cnt-form .cnt-fieds:nth-child(4) {grid-column: 1/4;}
.cnt-form { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, 1fr); grid-row-gap: 15px; grid-column-gap: 15px;margin-bottom:0px !important;}
.cnt-form textarea{height:100px;}
.cnt-form input{height:47px;}
.cnt-form p{margin-bottom:0px !important;}


.eyn-sec .elementor-image-box-wrapper .price { display: block; font-size: 30px; padding: 10px; font-weight: 600; color: var( --e-global-color-secondary ); }
.eyn-sec .elementor-image-box-wrapper span.sm-size { font-size: 12px; }
.eyn-sec .img-box .elementor-image-box-wrapper:hover span { color: #fff;}
.eyn-sec .cus-btn a:before{background:#fff !important;}
.eyn-sec .cus-btn a:hover{color:#0ca;}
.center { text-align: center; }


.pricing-table .bg, .pricing-table-1 .bg {background: var( --e-global-color-secondary );color: #fff;font-size: 20px;}
.pricing-table td {text-align: center;}
.pricing-table tr td:first-child {text-align: left;}
.pricing-table, .pricing-table-1 { overflow-x: auto; }
.pricing-table tr:nth-child(2n) { background: #eee3; }
.cnt-form-center .cnt-form .cnt-fieds:last-child { text-align: center; }

.cont-page-form .cnt-fieds { grid-column: 1/4;}

div#popmake-1312 { background: var( --e-global-color-primary ); padding: 30px; }
div#popmake-1312  .cnt-form .cnt-fieds:last-child { text-align: center; }
div#popmake-1312 .cnt-form .cnt-fieds{ grid-column: 1/4;}

.blog .read-more a {color: var( --e-global-color-primary ) !important;}
aside#text-2 .cnt-form {grid-template-columns: repeat(1, 1fr);}
aside#text-2 .cnt-form .cnt-fieds {grid-column: 1/4;}
.span-red span {color: #ef8557;}
.blog-title h1 {color: #455287;}

@media screen and (max-width: 767px) {
	.blog-posts .blog-post {width:100%;}
	.blog-posts{flex-direction:column;}
	.blog .ast-blog-layout-5-grid .post-content, .blog .ast-blog-layout-5-grid .ast-blog-featured-section{width:100% !important;}
	.blog #primary,.blog #secondary {width:100% !important;}
	.blog-titleh2 h2:after{display:none;}
	.b-box.blog3 .hvrbox-text{width:100% !important;}
	.related-posts-wrapper { flex-wrap: wrap; }
}


@media  (min-width: 320px) and (max-width: 767px) {
   
  .home-banner h2 {font-size:40px !important;}
  .home-banner .n2-ss-layer { padding: 30px 15px -1px !important;}
	
  .footer-right .elementor-widget-wrap > .elementor-element { width: 100% !important;}
  .footer-right .elementor-widget-wrap > .elementor-element:nth-child(2) {width: 100% !important;}
  .footer-right .elementor-widget-wrap > .elementor-element:last-child {width: 100% !important;}
  .service-sec .text-pad .elementor-widget-wrap.elementor-element-populated { height: auto !important;} 
  .service-sec figure.elementor-image-box-img { margin: 0 0 15px !important;}
  .blog-grid .tp, .blog-grid #tp{ padding: 0 15px 0 !important;}
  .blog-grid .blog-sec .elementor-widget-container img.attachment-full.size-full.wp-image-2851 { height: 630px !important;}
   .service-sec .service-box .elementor-widget-wrap.elementor-element-populated { padding: 10px 0 10px !important;}
  .logo-grid {  -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0 !important;}
	.mb-center, #mb-center { text-align: center !important;}
	
	
}



.sidebar-main .widget { padding: 20px; }
.blog .ast-blog-layout-5-grid .ast-blog-featured-section {
    width: 50%;
    margin-bottom: 0;
}
.blog .ast-blog-layout-5-grid .post-content {
    width: 50%;
    padding-left: 1.5em;
}
.post-thumb-img-content img {
    border-radius: 10px !important;
    width: 100%;
    height: 250px !important;
    object-fit: cover;
}
.page-numbers {
    color: #000;
    border: 1px solid #ccc;
    padding: 10px 15px;
    border-radius: 5px;
	font-weight:700;
}
.page-numbers img {
    height: 15px;
    width: 20px;
}
span.page-numbers.current {
    border-color: var( --e-global-color-secondary );
    color: var( --e-global-color-secondary );
}



div#secondary  aside#custom_html-2, div#secondary #text-3 {
    background: #efefef !important;
}

div#secondary aside#custom_html-2 h3, div#secondary #text-3 h3{
    font-size: 18px;
    color: #ef8557;
    margin-bottom: 10px;
}

div#secondary aside#custom_html-2 p, div#secondary  #text-3 p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0px;
}
.subscribe-form-footer p{ display: flex }
.subscribe-form-footer input.form-control { border: 2px solid #efefef ! IMPORTANT; height: 40px!important; border-right: 0!important; border-radius: 5px 0 0 5px }
.subscribe-form-footer .subs-btn { background: #455287!important; color: #fff!important; font-weight: 600!important; position: relative; height: 40px!important; top: 0px; padding: 0 10px!important; border-radius: 0 5px 5px 0 !important;     font-size: 14px !important;}
.subscribe-form-footer span.wpcf7-spinner { position: absolute; right: -40px; top: 6px }
.subscribe-form-footer { margin-bottom: 0px !important; margin-top: 10px; }
.subscribe-form-footer .wpcf7-response-output { border: none !important; font-size: 10px;margin: 0px !important; }
.subscribe-form-footer  span.wpcf7-not-valid-tip { font-size: 10px !important; }




.b-box.blog3 .hvrbox-layer_top { position: absolute; background: #00000080; content: ""; width: 100%; height: 100%; top: 0; color: #fff; border-radius: 10px; display: flex; align-items: center; }
.b-box.blog3 .hvrbox-text { padding: 40px; width: 85%; position: relative; color: #fff; }
a.full-box-link { z-index: 2; position: absolute; width: 100%; height: 100%; }
.b-box.blog3{position:relative;}
.b-box.blog3 img.hvrbox-layer_bottom { border-radius: 10px; height: 500px; width: 100%; object-fit: cover; }
.b-box.blog3 .hvrbox-text h2 { color: #fff; }
.blog-titleh2 h2:after { content: ''; background: url(https://www.granite-wealth.com/wp-content/uploads/2024/08/orn-Arrow-Vector-SVG-3.png); width: 60px; height: 70px; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; right: -70px; }
.blog #primary { width: 66%; }
.blog #secondary { width: 34%; }

.blog-title.span-red { padding-bottom: 30px; }
.blog-titleh2 { margin: 30px 0 50px; display: inline-block;position:relative; }
.blog .ast-article-inner { border-bottom: 1px solid #ccc; padding-bottom: 30px; }
.blog .post-content.ast-width-md-6 { padding-top: 0!important; }


.custom-related-posts { padding-top: 30px; }
.custom-related-posts h3 { padding-bottom: 30px; font-size: 40px; text-transform: capitalize; }
.related-posts-wrapper { display: flex; gap: 20px; }
.related-posts-wrapper .related-post { background: #fff !important; box-shadow: .1rem .3rem .5rem rgb(0 0 0 / 33.33%); border-radius: 20px; margin-bottom: 30px; overflow: hidden;width: 50%; }
.related-posts-wrapper .related-post h4.related-post-title { padding: 20px 20px 10px; }
.related-posts-wrapper .related-post p.related-post-excerpt { padding: 0px 20px; }
.related-posts-wrapper .related-post-image img { height: 250px; object-fit: cover; }

#mlb2-24537767.ml-form-embedContainer .ml-form-embedWrapper{background:transparent;}
#mlb2-24537767 .ml-form-embedBody.ml-form-embedBodyHorizontal.row-form {overflow: auto;padding: 10px 0px 0 !important;}



/***************new home page********************/
p { margin-bottom: 10px !important; }
.ft-logo img{filter:brightness(0) invert(1);}
.footer-right h5{color: #fff;margin: 0 0 25px;font-size: 24px;position: relative;text-transform: capitalize;}
.footer-right h6{font-size:16px;color: #fff;}
.footer-right b {color: #fff;}
.footer-right .elementor-widget-wrap > .elementor-element { width: 22%;}
.footer-right .elementor-widget-wrap > .elementor-element:nth-child(2) {width: 38%;}
.footer-right .elementor-widget-wrap > .elementor-element:last-child {width: 40%;}
.footer-right  ul{margin:0px; padding: 0;}
.footer-right  ul li { list-style: none; position: relative; margin: 0 0 5px; padding: 0 0 10px 20px; }
.footer-right  ul li::before { content: "\f105"; font-family: FontAwesome; position: absolute; left: 0; top: 2px; font-size: 14px; color: #f08757; }
.footer-right a , .footer-right p{ color: rgba(255, 255, 255, 0.6); }


/* balvinder css */
.page-id-2278 .elementor-container { max-width: 1350px !important;}
.btn{background: #f08757; border: 0; text-decoration: none !important; -webkit-border-radius: 30px; -moz-border-radius: 
30px; border-radius: 30px; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: "Wix Madefor Display", sans-serif; font-weight: 700; font-size: 16px; color: #fff; margin: 0; padding: 13px 25px; overflow: hidden; text-shadow: none; text-transform: capitalize; letter-spacing: 0; transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease; transform-style: preserve-3d;}
  .btn:hover{color: #fff; background: #f08757;}
  .btn:hover i{transition: 0.3s;}
  .btn i{position: relative; margin: 0 0 0 10px; top: 0; z-index: 10; color: inherit;}
  .btn span{position: absolute; width: 25%; height: 100%; background-color: #414f84; transform: translateY(150%); border-radius: 50%; left: calc((var(--n) - 1) * 25%); transition: 0.3s; transition-delay: calc((var(--n) - 1) * 0.1s); z-index: -1;}
  .btn:hover span{transform: translateY(0) scale(2);}
  .btn span.s1{--n: 1;}
  .btn span.s2{--n: 2;}
  .btn span.s3{--n: 3;}
  .btn span.s4{--n: 4;}


.header-bar p.elementor-icon-box-description a { font-family: "Wix Madefor Display", sans-serif; font-weight: 800; color: #3f4d82; font-size: 20px; top: 0;}
  .header-bar .elementor-icon-box-title span { display: block; color: #707070; font-weight: 500; font-size: 14px; line-height: 18px; position: relative; top: 4px; text-transform: uppercase; }
  .header-bar svg.e-font-icon-svg.e-fas-phone-alt { background: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 45px; height: 45px; text-align: center; border: 1px dashed #ddd; color: #3f4d82; line-height: 45px; -webkit-text-fill-color: transparent; -webkit-text-stroke: 2px #3f4d82; padding: 10px; }

.home-banner .btn.color-btn {color: #fff !important;}
.home-banner h2 {font-family: "Wix Madefor Display", sans-serif !important;}



.logo-grid .elementor-image-carousel-wrapper.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);}
  .logo-grid .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; }
  .logo-grid { background: #f1f3ff; padding: 30px; margin: -60px 0 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius:   100px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }
  .logo-grid figure {padding: 15px; border: 1px solid #fff;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0 !important; background: #fff;}
  .logo-grid figure img { width: 180px; height: 30px; object-fit: contain; object-position: center center; margin: 0 auto; }
   #about-grid { border-radius: 0px; box-shadow: none; padding: 50px 0 50px;}

.about-wrap .hover-img .elementor-widget-video:before { content: "";border: 3px solid #f08757;top: 50px;right: 175px;bottom: 50px;left:      0;position: absolute;border-radius: 30px;z-index: -1;}

.sub-title h5.elementor-heading-title.elementor-size-default{ position: relative; text-transform: capitalize; color: #ef8557; font-family: "Wix Madefor Display", sans-serif; font-weight: 700; padding: 10px 20px; background: #faebd7; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
#sub-title h5.elementor-heading-title.elementor-size-default{background: #fff;}
.two-img .elementor-widget-container:before { display: none;}

.service-sec .text-pad .elementor-widget-wrap.elementor-element-populated { border-left: 1px dashed #f08757; height: 75px; margin: auto 0 0; } 
  .service-sec .service-box figure img { position: relative; z-index: 2; padding: 5px; width: 55px; margin: 0 0 0 1px; display: block; } 
  .service-sec .service-box figure:before { position: absolute; content: ''; background: #e3e8ec; width: 70px; height: 70px; left: -5px; top: -5px; transform: rotate(15deg); transition: all 500ms ease; } 
  .service-sec .service-box figure:after { position: absolute; content: ''; background: #d6dbdf; width: 70px; height: 70px; left: -5px; top: -5px; z-index: -1; opacity: 0; transform: rotate(0deg); transition: all 500ms ease; } 
  .service-sec .service-box:hover figure:after { opacity: 1; transform: rotate(-15deg); } 
  .service-sec .service-box span.elementor-button-text { border-bottom: 1px solid gray; }
  .service-sec .service-box .elementor-widget-wrap.elementor-element-populated { position: relative; height: 100%; border-bottom: 1px dashed #ccc; padding: 0 0 20px; margin: 0 20px 0;}
  .service-sec #service-box .elementor-widget-wrap.elementor-element-populated {border-bottom: 0px dashed #ccc; }


.client-feedback{padding: 90px 0 70px; overflow: hidden; position:relative;}
.client-feedback .owl-carousel { display: block;}
  .client-feedback h2{font-size: 40px; line-height: 50px; color: #414f84; position: relative; margin-bottom: 15px; text-transform: capitalize;}
  .client-feedback .left-grid{padding: 0 70px 0 15px; display: flex; flex-direction: column; justify-content: space-between;}  
  .client-feedback .item { box-sizing: content-box; padding: 70px 30px 30px; margin: 0; position: relative; border-radius: 10px; background: rgba(78, 92, 152, .15); height: 100%; min-height: 240px; align-items: center; display: flex; }
  .client-feedback .item::before { content: "\f10d"; font-family: 'Font Awesome 5 Free'; top: 0; position: absolute; font-size: 24px; text-align: center; width: 80px; height: 80px; line-height: 90px; color: #f08757; left: 9px; }
  .client-feedback .item h4{color: #000; font-size: 20px; font-weight: 700; padding: 30px 0 0;font-family: "Wix Madefor Display", sans-serif;}
  .client-feedback .item h4 span{color: #000; font-size: 16px; font-weight: 500; padding: 5px 0 0; display: block;font-family: "Wix Madefor Display", sans-serif;}
  .client-feedback .owl-dots{display: none; text-align: right; position: absolute; right: 15px; top: -73px; margin: 0;}
  .client-feedback .owl-theme .owl-dots .owl-dot span{width: 12px; height: 12px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border: 2px solid #f08757; background: none;}
  .client-feedback .owl-theme .owl-dots .owl-dot.active span, .client-feedback .owl-theme .owl-dots .owl-dot:hover span{background: #f08757;}
  .client-feedback .owl-theme .owl-nav .owl-page span{background:#f08757; opacity:1;}
  .client-feedback .owl-theme .owl-nav .owl-page.active span, .owl-theme .owl-nav.clickable .owl-page:hover span{background: #fe5321;}
  .client-feedback .owl-theme .owl-nav button{display: block; background: #f08757 !important; transform: rotate(-45deg); border-radius: 100% !important; -moz-border-radius: 100% !important; -webkit-border-radius: 100% !important; color: #000; position: absolute; right: 90px; bottom: 30px; margin: 0; height: 55px; width: 55px; opacity: 1; text-indent: -99999px; border: 0;}
  .client-feedback .owl-theme .owl-nav button:hover{background: #fff !important;}
  .client-feedback .owl-theme .owl-nav button.owl-next{right: 30px;}
  .client-feedback .owl-theme .owl-nav button.owl-prev:before{background-image: url(https://htlwork.com/dev/granite-wealth/new/wp-content/uploads/2025/05/arrow-icon-left.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}  
  .client-feedback .owl-theme .owl-nav button.owl-next:before{background-image: url(https://htlwork.com/dev/granite-wealth/new/wp-content/uploads/2025/05/arrow-icon-right.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}

.page-id-2278 .blog-sec .container { max-width: 1350px;}
.blog-sec{padding: 40px 0 90px; overflow: hidden; position:relative; z-index:1;}
  .blog-sec h2{font-size: 40px; line-height: 50px; color: #414f84; position: relative; margin-bottom: 0; text-transform: capitalize;}
  .blog-sec .title-pad{width: 40%;}
  .blog-sec .title-pad h2{width: auto;}
  .blog-sec .title-flex p{margin: 0;}
  .blog-sec .text-pad{border-left: 1px dashed #f08757; padding: 0 140px 0 30px; width: 60%; position: relative; margin: 0 0 10px;}
  .blog-sec .text-pad p:last-child{position: absolute; right: 0; bottom: 0;}
  .blog-sec .blog-info{position: relative; margin: 0;}
  .blog-sec .blog-info figure{-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; overflow: hidden; position:relative; margin:0; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; background: #000;}
  .blog-sec .blog-info figure:before{content: ""; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.85) 100%); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;}
  .blog-sec .blog-info:hover figure img{-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3);}
  .blog-sec .blog-info figure img{-webkit-transition: all 1.3s ease-in-out; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; width: 100%; object-fit: cover; object-position: center center; height: 250px;}
  .blog-sec .blog-info .info{position: absolute; color: #fff; padding: 10px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f08757; padding: 8px 12px 5px; font-weight: 500; font-size: 14px; font-family: "League Spartan", sans-serif; left: 10px; top: 10px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;}
  .blog-sec .blog-info .info i{margin: 0 5px 0 0;}
  .blog-sec .blog-info .info-padd{position: relative; padding: 20px 0 0; box-shadow: none; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; z-index: 3;}
  .blog-sec .blog-main .blog-info figure img{height: 650px;}
  .blog-sec .blog-main .blog-info .event-meta li{color: #fff;}
  .blog-sec .blog-main .blog-info .event-meta li i{color: #fff;}
  .blog-sec .blog-main .blog-info .info-padd{position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 30px 25px;}
  .blog-sec .blog-main .blog-info .link{border-top-color: #fff;}
  .blog-sec .blog-main .blog-info .link a span{color: #fff;}
  .blog-sec .blog-main .blog-info h3{color:#fff;}
  .blog-sec .blog-info h3{color: #414f84; font-size: 20px; line-height: 30px; font-weight: 700;}
  .blog-sec .blog-info .link{border-top: 1px dashed #414f84; margin: 30px 0 0; padding: 30px 0 0;} 
  .blog-sec .blog-info .link a i{padding:0 6px 0 0; color:#ef8557; font-family: 'Font Awesome 5 Free'; font-style: normal;}
  .blog-sec .blog-info .link a span{border-bottom:1px solid #ef8557; color:#000;text-transform:capitalize;}
  .blog-sec .blog-info .link a span:hover{border-bottom:1px solid #ef8557; color:#ef8557;}
  .blog-sec .blog-main .blog-info .info-padd p {color:#fff;}
  .blog-sec .blog-main .blog-info .link a span{text-decoration:none !important;}
  .blog-sec .blog-info a{text-decoration:none;}
  .blog-sec .blog-info .event-meta {padding: 0 0 0; margin: 10px 0 10px;}
  .blog-sec .blog-main { padding-left: 0px;}
  .blog-sec .blog-info .event-meta li{list-style: none; display: inline-block; border-right: 1px solid #acacac; padding: 0 15px 0 0; margin: 0 10px 10px 0; line-height: normal;}
  .blog-sec .blog-info .event-meta li:last-child{border-right: 0; padding-right: 0; margin-right: 0;}
  .blog-sec .blog-info .event-meta li i{color: #f08757; font-size: 15px; display: inline-block; vertical-align: middle; padding: 0 5px 0 0;    font-family: 'Font Awesome 5 Free'; font-style: normal;}

.header-bar ul.sub-menu { background-color: #4e5c98 !important;}
.header-bar a.hfe-sub-menu-item { color: #fff !important; padding: 15px 20px 15px !important;}
.header-bar .hfe-nav-menu .menu-item-has-children .sub-menu {top: 160%;width: 300px !important;}







.animation-float1 { animation: float1 4000ms linear 800ms infinite alternate both;}
@keyframes float1 {
    0% {
        transform: translateY(30px);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(10px);
    }
}
.animation-float2 {
    animation: float2 4000ms linear 800ms infinite alternate both;
}
@keyframes float2 {
    0% {
        transform: translateY(10px);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(30px);
    }
}


.notify i { width: 40px; min-width: 40px; height: 40px; text-align: center; line-height: 40px; display: block; background: rgb(65, 79, 132); border-radius: 100%;font-weight: bold; font-family: 'Font Awesome 5 Free'; }
.notify p { display: flex; align-items: center; gap: 20px; }
.newsletter .ml-form-embedWrapper { background: transparent !important; }

.newsletter .ml-form-embedWrapper.embedForm {background: transparent !important;}
.newsletter .ml-input-horizontal { width: 100% !important;}
.newsletter input.form-control { box-shadow: none; color: rgb(153, 153, 153); height: 64px; background: rgb(255, 255, 255); border-width: 0px; border-style: initial; border-color: initial; border-image: initial; border-radius: 5px 30px 30px 5px !important; }
.newsletter button.primary:after { content: "\f3fe"; font-family: "Font Awesome 5 Brands"; font-weight: bold; color: #fff; position: absolute; left: 25%; top: 0; font-size: 24px; bottom: 0; display: flex; align-items: center; }
#page .newsletter #mlb2-24537767.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button { position: absolute; color: transparent !important; width: 52px !important; border-radius: 50% !important; height: 52px !important; overflow: hidden; right: 15px; top: 16px; }

@media only screen and (max-width: 767px) {
nav.hfe-nav-menu__layout-horizontal { visibility: inherit !important;opacity: inherit !important; display: none;}
nav.hfe-nav-menu__layout-horizontal.menu-is-active{display: block; transform: translatex(-90%); left: 0 !important;}
.blog-sec .blog-main { padding-left: 10px;margin-bottom:15px;}	
.blog-sec .blog-main .blog-info figure img { height: 460px; }
#page .newsletter #mlb2-24537767 .ml-mobileButton-horizontal button { position: absolute; color: transparent !important; width: 52px !important; border-radius: 50% !important; height: 52px !important; overflow: hidden; right: 15px; top: 16px; }
.header-bar .elementor-container .elementor-col-25:first-child { order: 1; }
.header-bar .elementor-container .elementor-col-25:nth-child(2) { order: 3; }
.header-bar .elementor-container .elementor-col-25:nth-child(3) { order: 4; }
.header-bar .elementor-container .elementor-col-25:last-child { order: 2; }	
.header-bar .hfe-nav-menu .menu-item-has-children .sub-menu {top: 0 !important;}
.header-bar ul.sub-menu.sub-menu-open li a {color: #000 !important;}
.client-feedback .item { padding: 70px 30px 80px; min-height: 420px;}
.related-posts-wrapper .related-post{width:100%;}	
}



@media  (min-width: 768px) and (max-width: 1024px) {
.logo-grid { margin: -10px 0 0;}
.client-feedback { padding: 40px 0 70px;}
.blog-sec .col-sm-6.blog-main {width: 100%; flex: 0 0 100%;}
.blog-sec .col-sm-3.blog-col { width: 50%; flex: 0 0 50%; margin: 12px 0 0; padding-left: 0px; }
#rock-solid {padding: 30px 0 0;}	
}



/* inner pages css  */

.bx-show .elementor-widget-wrap { box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);}
  div#mlb2-24536876 .ml-form-embedBody.ml-form-embedBodyDefault.row-form { padding: 0px !important;}
  div#mlb2-24536876 .ml-form-embedBody.ml-form-embedBodyDefault.row-form .ml-form-fieldRow { padding: 7px 0;}

.mission-wrap .elementor-widget-wrap.elementor-element-populated:hover img { -webkit-transition: all 300ms linear; transition: all 300ms linear; -webkit-transform: scaleX(-1); transform: scaleX(-1); } 
.mission-wrap .elementor-widget-wrap.elementor-element-populated img { width: 80px; -webkit-transition: all 300ms linear; transition: all 300ms linear;  margin: 0 0 20px;}

.leadership-wrap .leader-div .elementor-widget-wrap.elementor-element-populated { height: 440px;}
.faq-tabs .elementor-tab-title.elementor-active { background: #F08757 !important; border: none !important; border-top-left-radius: 20px !important; border-top-right-radius: 20px !important;}
.faq-tabs .elementor-accordion-item { border-radius: 20px; margin: 0 0 20px;border: 1px solid #4e5c98 !important;}
.ltp-mind-sec .elementor-image-box-wrapper { border: 1px dashed #f08757; padding: 30px 0 40px; border-radius: 20px;}
.unlock-inn .elementor-widget-container p { background: #e5e7f040; padding: 10px 15px 20px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; min-height: 230px; }
.unlock-inn h2.elementor-heading-title.elementor-size-default {background: #e5e7f040;padding: 20px 15px 0px;}
.cnt-fieds .wpcf7-spinner {position: absolute;}
div#popmake-1312 h2 { color: #fff; text-align: center; text-transform: uppercase; margin-bottom: 20px; }
div#popmake-1312 button.pum-close.popmake-close { background: #fff !important; }

.related-post a { color: #4e5c98; text-decoration: none; }


.page-id-901 .tooltip { position: relative; cursor: pointer; font-size: 0.7em;opacity:1; display: inline-flex;align-items: flex-start;gap: 2px; }
.page-id-901 .tooltip .tooltiptext { visibility: hidden; width: 90vw; max-width: 280px; background: #000; color: #fff; text-align: left; padding: 10px; border-radius: 6px; position: absolute; z-index: 999; bottom: 120%; left: 50%; opacity: 0; transition: opacity 0.25s; font-size: 14px; line-height: 1.4;transform: translateX(-100%); }
.page-id-901 .tooltip.show .tooltiptext, .page-id-901 .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }

.page-id-1142 .elementor-accordion-item > .elementor-tab-title.elementor-active {background: #f08757;}
.page-id-1142 .elementor-accordion-item{border-radius:20px;overflow: hidden;}