/**

 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


html{overflow-x:hidden;}

body{overflow-x:hidden;}

 

body #page #masthead{
position:absolute;
left:0px;
right:0px;
}
body #page .elementor-widget-image a img[src$=".svg"] {
width: auto;
}

body #page #masthead .elementor-container{
padding:10px 20px;
border-radius:20px;
box-shadow: 0px 4px 4px 0px #00000040;
background-color:var(--e-global-color-1bd6f57);
}
.border-1 .hfe-nav-menu li a{ border-bottom:1px solid #000; }
.mar-0{margin-bottom:0px!important;}
.mar-1{margin-bottom:2px!important;}

/**timeline css**/
.time-line-set .elementor-widget-hfe-infocard{ width:calc(100% /6 ) }

.time-line-set .bottom .hfe-infocard{
display: flex;
flex-wrap:wrap;
justify-content: center;
}

.time-line-set .bottom .hfe-icon-wrap{
	order: 1;
}

.time-line-set .hfe-infocard-title {
	margin-bottom:0px!important;
}



.time-line-set .bottom .hfe-infocard .hfe-icon-wrap{
	width:100%;
	margin-bottom:0px;
}
.time-line-set .bottom .hfe-infocard .hfe-infocard-text-wrap{
margin-bottom:10px;
width:100%;
}
.time-line-set .bottom .hfe-infocard-cta-link-style{
	margin-top:0px!important;
}

.time-line-set .top .hfe-infocard-cta-link-style{
	margin-top:0px!important;
}

.time-line-set .bottom .hfe-infocard .hfe-infocard-text{width:100%;}
.time-line-set .bottom .hfe-infocard .hfe-infocard-cta-link{width:100%;}

.time-line-set{position:relative;}
.time-line-set:before{
content: "";
    position: absolute;
    top: 146px;
    left: 0;
    right: 0;
    height: 323px;
    border: 6px solid #e7e7e8;
    bottom: 0px;
    border-left: 0px;
    border-radius: 0px 12px 12px 0px;}





.time-line-set .bottom .elementor-widget-container{position:relative;}
.time-line-set .bottom .elementor-widget-container:before{
    content: "";
    position: absolute;
    width: 60px;
    height: 34px;
    background-image: url(https://99solution.co.in/client/bradtaylor/wp-content/uploads/2026/01/shape1.png);
    background-size: contain;
    background-position: center;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: -23px;
    background-color: #fff;
    z-index: 1;
}


.time-line-set .top .elementor-widget-container{position:relative;}
.time-line-set .top .elementor-widget-container:before{
	content: "";
    position: absolute;
    width: 60px;
    height: 34px;
    background-image: url(https://99solution.co.in/client/bradtaylor/wp-content/uploads/2026/01/New-Project.png);
     background-size: contain;
    background-position: center;
    left: 0px;
    right: 0px;
    margin: auto;
    top:-24px;
      z-index: 1;
     background-color: #fff;
}

.time-line-set .hfe-infocard{position:relative; z-index:2;}
.time-line-set .top .hfe-icon{
	  transform: scaleY(-1);
}

.time-line-set .elementor-column{
width:100%!important;
}

.time-line-set .elementor-container{flex-wrap:wrap!important;}

/**end of timeline css**/

.list-wrap ul{padding:0px; padding-left:17px;}
.geograp .line-sec:before{
    width:85%!important;
}

.geograp .first-img img{margin-left:0px!important;}






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


.time-line-set:before {top: 144px; height: 319px;}

.time-line-set .top .elementor-widget-container:before{
top:-27px;
}



}


@media screen and (min-width: 1200px) and (max-width: 1439px) {

.mobile-hide .elementor-container{min-height:285px!important;}
}

@media screen and (min-width: 1100px) and (max-width: 1199px) {

.mobile-hide .elementor-container{min-height:273px!important;}
}


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

.mobile-hide .elementor-container{min-height:260px!important;}
}



@media only screen and (max-width:1024px) {
body #page #masthead{
padding:0px 10px!important;
}

body #page #masthead .elementor-container {
    padding: 10px 10px;}

.hfe-nav-menu__toggle{
margin-right:unset!important;
}
.banner .elementor-container{min-height:auto!important;}

.time-line-set:after{
display:none!important;
}

.time-line-set:before {
        top: 140px;
        height: 321px;
    }

.time-line-set .top .elementor-widget-container:before {
        top: -36px;
    }

}



@media only screen and (max-width:767px) {
.title-a{position:unset!important;}
.mobile-hide .elementor-container{min-height:auto!important;}
.mobile-hide .elementor-container .elementor-widget-wrap{background-image:unset!important;}
.banner .elementor-container{min-height:auto!important;}
footer .hfe-nav-menu{margin:auto!important;}
.time-line-set .elementor-widget-hfe-infocard {
    width: calc(100% / 2);
}
.time-line-set:before{
    display:none!important;
}

}










/* Aptos with Arial fallback */
  :root {
    --ink: #0E1A2B;
    --body: #3F4A5A;
    --muted: #7A8594;
    --line: #E5DFD3;
    --paper: #F7F1E6;
    --accent: #B8895C;
    --accent-deep: #8B5E32;
    --font: 'Aptos', 'Aptos Display', Arial, sans-serif;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }

  html, body {
    background: var(--paper);
    color: var(--ink);
    font-family: var(--font);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  
  
  /* ============== HERO ============== */
  .hero {
    padding-top: 40px;
    max-width: 900px;
  }

  /* Eyebrow — 14px */
  .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--accent-deep);
    margin-bottom: 32px;
  }
  .eyebrow::before {
    content: '';
    width: 28px; height: 1px;
    background: var(--accent);
  }

  /* Tagline — 88px (sans-serif reads larger, so we come down slightly from serif 96px) */
  h1.headline {
    font-weight: 400;
    font-size: 88px;
    line-height: 1;
    letter-spacing: -0.035em;
    color: var(--ink);
    margin-bottom: 36px;
  }
  h1.headline .dot {
    color: var(--accent-deep);
  }
  h1.headline .italic {
    font-style: italic;
    font-weight: 400;
    color: var(--accent-deep);
  }

  /* Jurisdictions — 16-18px meta */
  .jurisdictions {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 48px;
    padding-bottom: 44px;
    border-bottom: 1px solid var(--line);
    max-width: 680px;
  }
  .jurisdictions .tag {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--muted);
  }
  .jurisdictions .country {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: var(--ink);
  }
  .jurisdictions .divider {
    width: 4px; height: 4px;
    border-radius: 50%;
    background: var(--accent);
  }

  /* Lede — 26px */
  .lede {
    font-size: 26px;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: -0.01em;
    color: var(--ink);
    max-width: 760px;
    margin-bottom: 40px;
  }
  .lede em {
    font-style: italic;
    font-weight: 400;
    color: var(--accent-deep);
  }

  /* Body — 17px */
  .body-copy {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0;
    color: var(--body);
    max-width: 700px;
    margin-bottom: 24px;
  }
  .body-copy em {
    font-style: italic;
    color: var(--ink);
  }

  /* Signature line */
  .signature-line {
    max-width: 700px;
    margin-top: 40px;
    padding-top: 32px;
    border-top: 1px solid var(--line);
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 24px;
    align-items: baseline;
  }
  .signature-line .label {
    font-size: 13px;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--muted);
  }
  .signature-line .value {
    font-size: 19px;
    line-height: 1.5;
    letter-spacing: -0.005em;
    color: var(--ink);
  }
  .signature-line .value em {
    font-style: italic;
    color: var(--accent-deep);
    font-weight: 400;
  }

  /* ============== CURRENT FOCUS ============== */
  .focus {
      border-top:1px solid var(--line);
    margin-top: 30px;
    max-width: 1100px;
  }

  .section-label {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-size: 14px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--accent-deep);
    margin-bottom: 24px;
  }
  .section-label::before {
    content: '';
    width: 28px; height: 1px;
    background: var(--accent);
  }

  /* Section title — 52px */
  h2.focus-title {
    font-weight: 400;
    font-size: 52px;
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: var(--ink);
    margin-bottom: 40px;
  }
  h2.focus-title .italic {
    font-style: italic;
    color: var(--accent-deep);
    font-weight: 300;
  }

  /* Focus list — line-height 1.5 */
  .focus-list {
    list-style: none;
    max-width: 820px;
  }
  .focus-list li:first-child { border-top: 1px solid var(--line); }
  .focus-list li {
    display: grid;
    grid-template-columns: 25px 1fr;
    gap: 0px;
    align-items: baseline;
    padding: 10px 0;
    border-top:none;
    line-height: 1.5;
  }
  .focus-list li:last-child { border-bottom: 1px solid var(--line); }


  .focus-list .num {
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
    color: var(--accent-deep);
    letter-spacing: 0.02em;
  }
  .focus-list .label {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.005em;
    color: var(--ink);
  }