/* ===== FINAL GLOBAL FIX ===== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body {
  overflow-x: hidden;
}

img, video, iframe {
  max-width: 100%;
  height: auto;
}


@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* =======================================================
*
* 	Template Style 
*
* ======================================================= */
body {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.7;
  color: #828282;
  background: #fff; }

#page {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .offcanvas #page {
    overflow: hidden;
    position: absolute; }
    .offcanvas #page:after {
      -webkit-transition: 2s;

      -o-transition: 2s;      transition: 2s;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 101;
      background: rgba(0, 0, 0, 0.7);
      content: ""; }

a {
  color: #bea34d;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  a:hover, a:active, a:focus {
    color: #bea34d;
    outline: none;
    text-decoration: none; }

p {
  margin-bottom: 20px; }

h1, h2, h3, h4, h5, h6, figure {
  color: #000;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 400;
  margin: 0 0 20px 0; }

::-webkit-selection {
  color: #fff;
  background: #bea34d; }

::-moz-selection {
  color: #fff;
  background: #bea34d; }

::selection {
  color: #fff;
  background: #bea34d; }

.colorlib-nav .top-menu{
padding:12px 0;
background:#fff;
border-bottom:2px solid #bea34d;
}

.colorlib-nav #colorlib-logo{
  font-size:22px;
  margin-top:-20px;
  margin:0;
  padding:0;
  text-transform:uppercase;
  font-weight:700;
  font-family:"Playfair Display", Georgia, serif;
}

.colorlib-nav #colorlib-logo a{
  color:#bea34d;
}

.colorlib-nav #colorlib-logo a span{
  color:#000;
}

.colorlib-nav #colorlib-logo img{
  height:95px;
  width:auto;
}

.colorlib-nav a {
  padding: 5px 10px;
  color: #000; }

@media screen and (max-width: 768px) {
  .colorlib-nav .menu-1 {
    display: none; } }

.colorlib-nav ul {
  padding: 0;
  margin: 5px 0 0 0; }
  .colorlib-nav ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;
    text-transform: uppercase; }
    .colorlib-nav ul li a{
font-size:14px;
padding:15px 14px;
color:#666;
font-weight:500;
letter-spacing:1px;
transition:0.3s;
}
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      .colorlib-nav ul li a:hover, .colorlib-nav ul li a:focus, .colorlib-nav ul li a:active {
        color: black; }
    .colorlib-nav ul li.has-dropdown {
      position: relative; }
      .colorlib-nav ul li.has-dropdown .dropdown {
        width: 140px;
        -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
        z-index: 1002;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 40px;
        left: 0;
        text-align: left;
        background: #000;
        padding: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s; }
        .colorlib-nav ul li.has-dropdown .dropdown:before {
          bottom: 100%;
          left: 40px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-bottom-color: #000;
          border-width: 8px;
          margin-left: -8px; }
        .colorlib-nav ul li.has-dropdown .dropdown li {
          display: block;
          margin-bottom: 7px; }
          .colorlib-nav ul li.has-dropdown .dropdown li:last-child {
            margin-bottom: 0; }
          .colorlib-nav ul li.has-dropdown .dropdown li a {
            padding: 2px 0;
            display: block;
            color: #999999;
            line-height: 1.2;
            text-transform: none;
            font-size: 13px;
            letter-spacing: 0; }
            .colorlib-nav ul li.has-dropdown .dropdown li a:hover {
              color: #fff; }
      .colorlib-nav ul li.has-dropdown:hover a, .colorlib-nav ul li.has-dropdown:focus a {
        color: #000; }
    .colorlib-nav ul li.btn-cta a {
      padding: 30px 0px !important;
      color: #fff; }
      .colorlib-nav ul li.btn-cta a span {
        background: #bea34d;
        padding: 10px 20px;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        border-radius: 100px; }
      .colorlib-nav ul li.btn-cta a:hover span {
        -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); }
    .colorlib-nav ul li.active > a {
      color: #bea34d;
      position: relative; }

#colorlib-counter,
.colorlib-bg {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative; }
  #colorlib-counter .overlay,
  .colorlib-bg .overlay {
    z-index: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7); }

.colorlib-video {
  overflow: hidden; }
  @media screen and (max-width: 992px) {
    .colorlib-video {
      height: 450px; } }
  .colorlib-video a {
    z-index: 1001;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;
    width: 90px;
    height: 90px;
    display: table;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
    .colorlib-video a i {
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      font-size: 40px; }
  .colorlib-video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .colorlib-video:hover .overlay {
    background: rgba(0, 0, 0, 0.7); }
  .colorlib-video:hover a {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }


#colorlib-about,
#colorlib-practice,
#colorlib-testimonial,
#colorlib-started,
#colorlib-blog,
#colorlib-contact,
#colorlib-footer {
  padding: 7em 0;
  clear: both; }
  @media screen and (max-width: 768px) {
    #colorlib-about,
    #colorlib-practice,
    #colorlib-testimonial,
    #colorlib-started,
    #colorlib-blog,
    #colorlib-contact,
    #colorlib-footer {
      padding: 3em 0; } }

#colorlib-counter {
  padding: 4em 0;
  clear: both; }

.colorlib-counters {
  padding: 3em 0;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center; }
  .colorlib-counters .icon {
    width: 100px;
    height: 100px;
    display: table;
    margin: 0 auto;
    margin-bottom: 30px; }
    .colorlib-counters .icon i {
      display: table-cell;
      vertical-align: middle;
      width: 100px;
      height: 100px;
      font-size: 50px;
      color: #fff;
      background: #bea34d;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
  
  .colorlib-counters .colorlib-counter {
    font-size: 40px;
    display: block;
    color: white;
    font-family: "Playfair Display", Georgia, serif;
    width: 100%;
    font-weight: 700;
    margin-bottom: .3em; }
  .colorlib-counters .colorlib-counter-label {
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 5px;
    margin-bottom: 2em;
    display: block; }

#colorlib-intro,
#colorlib-content,
#colorlib-consult {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  width: 100%;
  float: left; }

#colorlib-content .video, #colorlib-content .choose,
#colorlib-consult .video,
#colorlib-consult .choose {
  display: inline-block; }
  @media screen and (max-width: 768px) {
    #colorlib-content .video, #colorlib-content .choose,
    #colorlib-consult .video,
    #colorlib-consult .choose {
      width: 100% !important; } }

#colorlib-content .video,
#colorlib-consult .video {
  display: table;
  width: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap; }

#colorlib-content .choose,
#colorlib-consult .choose {
  width: 50%;
  padding: 40px 40px; }

#colorlib-content .choose-form,
#colorlib-consult .choose-form {
  background: #31486f; }
  #colorlib-content .choose-form .colorlib-heading,
  #colorlib-consult .choose-form .colorlib-heading {
    margin-bottom: 40px; }
    #colorlib-content .choose-form .colorlib-heading h2,
    #colorlib-consult .choose-form .colorlib-heading h2 {
      color: #fff; }
  #colorlib-content .choose-form .form-control,
  #colorlib-consult .choose-form .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.1);
    font-size: 20px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8); }
    #colorlib-content .choose-form .form-control:active, #colorlib-content .choose-form .form-control:focus,
    #colorlib-consult .choose-form .form-control:active,
    #colorlib-consult .choose-form .form-control:focus {
      outline: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-color: #bea34d; }

.progress-bar {
  background-color: #31486f !important;
  font-size: 16px; }

#colorlib-intro {
  z-index: 0;
  padding-bottom: 7em; }

.third-col {
  padding: 2em;
  margin-top: -40px;
  z-index: 1;
  width: 50%;
  background: #415f92;
  color: #fff;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .third-col {
      width: 100% !important; } }
  .third-col h2 {
    color: #fff;
    font-weight: 700; }
  .third-col.third-col-color {
    background: #31486f; }
  .third-col .icon {
    position: absolute;
    top: 0px;
    left: -10%; }
    .third-col .icon i {
      font-size: 200px;
      color: rgba(255, 255, 255, 0.05); }

.services {
  position: relative;
  padding: 30px;
  margin-bottom: 60px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .services h3 {
    font-weight: 400; }
    .services h3 a {
      color: #31486f; }
  .services .icon {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 70px;
    height: 70px;
    display: table;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .services .icon i {
      display: table-cell;
      vertical-align: middle;
      height: 70px;
      font-size: 60px;
      line-height: 40px;
      color: #31486f; }
  .services:hover, .services:focus {
    background: #31486f;
    color: rgba(255, 255, 255, 0.7); }
    .services:hover h3 a, .services:focus h3 a {
      color: #fff; }
    .services:hover .icon i, .services:focus .icon i {
      color: #bea34d; }

.colorlib-social-icons {
  margin: 0;
  padding: 0; }
  .colorlib-social-icons li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .colorlib-social-icons li a {
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      color: #bea34d;
      padding-left: 10px;
      padding-right: 10px; }
      .colorlib-social-icons li a i {
        font-size: 20px; }

.colorlib-contact-info ul {
  padding: 0;
  margin: 0; }
  .colorlib-contact-info ul li {
    padding: 0 0 0 40px;
    margin: 0 0 30px 0;
    list-style: none;
    position: relative; }
    .colorlib-contact-info ul li:before {
      color: #bea34d;
      position: absolute;
      left: 0;
      top: .05em;
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .colorlib-contact-info ul li.address:before {
      font-size: 30px;
      content: "\e9d1"; }
    .colorlib-contact-info ul li.phone:before {
      font-size: 23px;
      content: "\e9f4"; }
    .colorlib-contact-info ul li.email:before {
      font-size: 23px;
      content: "\e9da"; }
    .colorlib-contact-info ul li.url:before {
      font-size: 23px;
      content: "\e9af"; }

.features {
  margin-bottom: 3em;
  width: 100%;
  float: left; }

.colorlib-heading {
  margin-bottom: 5em; }
  .colorlib-heading.colorlib-heading-sm {
    margin-bottom: 2em; }
  .colorlib-heading h2 {
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 1.5;
    color: #000;
    font-weight: 400; }
  .colorlib-heading p {
    font-size: 18px;
    line-height: 1.5;
    color: #828282; }
  .colorlib-heading span {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px; }
  .colorlib-heading.colorlib-heading2 h2 {
    font-size: 60px;
    font-weight: 700; }
  .colorlib-heading.colorlib-heading2 p {
    font-size: 24px;
    margin-bottom: 40px; }

#colorlib-testimonial .testimony-slide {
  text-align: center; }
  #colorlib-testimonial .testimony-slide span {
    font-size: 18px;
    font-weight: 700;
    display: block;
    color: #000; }
  #colorlib-testimonial .testimony-slide figure {
    margin-bottom: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
    #colorlib-testimonial .testimony-slide figure img {
      width: 140px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
  #colorlib-testimonial .testimony-slide blockquote {
    border: none;
    margin: 30px auto;
    width: 70%;
    position: relative;
    padding: 0; }
    @media screen and (max-width: 992px) {
      #colorlib-testimonial .testimony-slide blockquote {
        width: 100%; } }

#colorlib-testimonial .arrow-thumb {
  position: absolute;
  top: 40%;
  display: block;
  width: 100%; }
  #colorlib-testimonial .arrow-thumb a {
    font-size: 32px;
    color: #dadada; }
    #colorlib-testimonial .arrow-thumb a:hover, #colorlib-testimonial .arrow-thumb a:focus, #colorlib-testimonial .arrow-thumb a:active {
      text-decoration: none; }

#colorlib-testimonial .owl-theme .owl-dots .owl-dot.active span, #colorlib-testimonial .owl-theme .owl-dots .owl-dot:hover span {
  background: #bea34d; }

#colorlib-testimonial .owl-theme .owl-dots .owl-dot span {
  background: #31486f; }

.colorlib-staff {
  text-align: center;
  margin-bottom: 30px; }
  .colorlib-staff img {
    width: 100%;
    margin-bottom: 20px; }
  .colorlib-staff h3 {
    font-size: 24px;
    margin-bottom: 5px; }
  .colorlib-staff p {
    margin-bottom: 30px; }
  .colorlib-staff .role {
    color: gray;
    margin-bottom: 30px;
    font-weight: normal;
    display: block; }

#colorlib-started {
  padding: 3em 0 0 0;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 100%; }
  #colorlib-started .overlay {
    z-index: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7); }
  #colorlib-started .colorlib-heading h2 {
    line-height: 80px;
    color: #fff;
    margin-bottom: 30px !important; }
  #colorlib-started .colorlib-heading p {
    color: rgba(255, 255, 255, 0.5); }
  #colorlib-started .btn {
    height: 54px;
    border: none !important;
    background: #bea34d;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    padding-left: 50px;
    padding-right: 50px; }
  #colorlib-started .form-inline .form-group {
    width: 100% !important;
    margin-bottom: 10px; }
    #colorlib-started .form-inline .form-group .form-control {
      width: 100%; }

.blog-featured a img {
  margin-bottom: 30px; }

.blog-featured h2 a {
  color: #31486f; }
  .blog-featured h2 a:hover {
    color: #bea34d; }

.blog-entry {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 2em; }
  .blog-entry .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    float: left; }
  .blog-entry .desc {
    padding-left: 170px; }
    .blog-entry .desc h3 a {
      color: #31486f; }
      .blog-entry .desc h3 a:hover {
        color: #bea34d; }
    .blog-entry .desc .meta {
      color: #999999;
      font-size: 16px;
      margin-bottom: 10px; }

.colorlib-blog {
  margin-bottom: 40px;
  width: 100%;
  float: left; }
  .colorlib-blog > a {
    display: block;
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    .colorlib-blog > a img {
      width: 100%; }
  @media screen and (max-width: 768px) {
    .colorlib-blog {
      width: 100%; } }
  .colorlib-blog .blog-text {
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    padding: 30px;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .colorlib-blog .blog-text span {
      display: inline-block;
      margin-bottom: 20px; }
      .colorlib-blog .blog-text span.comment {
        float: right; }
        .colorlib-blog .blog-text span.comment a {
          color: rgba(0, 0, 0, 0.3); }
          .colorlib-blog .blog-text span.comment a i {
            color: #bea34d;
            padding-left: 7px; }
    .colorlib-blog .blog-text .meta {
      color: #b3b3b3;
      font-size: 16px;
      margin-bottom: 10px; }
    .colorlib-blog .blog-text h3 {
      font-size: 28px;
      margin-bottom: 20px;
      line-height: 1.5; }
      .colorlib-blog .blog-text h3 a {
        color: black; }

#colorlib-footer {
  background: #0b162a;
  color: rgba(255, 255, 255, 0.5);
  padding: 7em 0 4em 0; }
  #colorlib-footer .colorlib-footer-links {
    padding: 0;
    margin: 0; }
    @media screen and (max-width: 768px) {
      #colorlib-footer .colorlib-footer-links {
        margin-bottom: 30px; } }
    #colorlib-footer .colorlib-footer-links li {
      padding: 0;
      margin: 0;
      list-style: none; }
      #colorlib-footer .colorlib-footer-links li a {
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none; }
        #colorlib-footer .colorlib-footer-links li a:hover {
          text-decoration: underline; }
  #colorlib-footer h4 {
    color: #fff;
    font-size: 20px;
    border-bottom: 2px solid #bea34d;
    padding-bottom: 15px; }
  #colorlib-footer .colorlib-widget {
    margin-bottom: 30px; }
    @media screen and (max-width: 768px) {
      #colorlib-footer .colorlib-widget {
        text-align: left; } }
  #colorlib-footer .copyright .block {
    display: block; }

#map {
  width: 100%;
  height: 500px;
  position: relative; }
  @media screen and (max-width: 768px) {
    #map {
      height: 200px; } }

#colorlib-offcanvas {
  position: absolute;
  z-index: 1901;
  width: 270px;
  background: black;
  top: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 75px 40px 40px 40px;
  overflow-y: auto;
  display: none;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  @media screen and (max-width: 768px) {
    #colorlib-offcanvas {
      display: block; } }
  .offcanvas #colorlib-offcanvas {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); }
  #colorlib-offcanvas a {
    color: rgba(255, 255, 255, 0.5); }
    #colorlib-offcanvas a:hover {
      color: rgba(255, 255, 255, 0.8); }
  #colorlib-offcanvas ul {
    padding: 0;
    margin: 0; }
    #colorlib-offcanvas ul li {
      padding: 0;
      margin: 0;
      list-style: none; }
      #colorlib-offcanvas ul li > ul {
        padding-left: 20px;
        display: none; }
      #colorlib-offcanvas ul li.offcanvas-has-dropdown > a {
        display: block;
        position: relative; }
        #colorlib-offcanvas ul li.offcanvas-has-dropdown > a:after {
          position: absolute;
          right: 0px;
          font-family: 'icomoon';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e921";
          font-size: 20px;
          color: rgba(255, 255, 255, 0.2);
          -webkit-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s; }
      #colorlib-offcanvas ul li.offcanvas-has-dropdown.active a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); }

.uppercase {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase; }

.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .gototop.active {
    opacity: 1;
    visibility: visible; }
  .gototop a {
    width: 50px;
    height: 50px;
    display: table;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
    .gototop a i {
      height: 50px;
      display: table-cell;
      vertical-align: middle; }
    .gototop a:hover, .gototop a:active, .gototop a:focus {
      text-decoration: none;
      outline: none; }

.colorlib-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
  top: 25px !important; }
  .colorlib-nav-toggle.active i::before, .colorlib-nav-toggle.active i::after {
    background: #444; }
  .colorlib-nav-toggle:hover, .colorlib-nav-toggle:focus, .colorlib-nav-toggle:active {
    outline: none;
    border-bottom: none !important; }
  .colorlib-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 2px;
    color: #252525;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #252525;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .colorlib-nav-toggle i::before, .colorlib-nav-toggle i::after {
      content: '';
      width: 25px;
      height: 2px;
      background: #252525;
      position: absolute;
      left: 0;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out; }
  .colorlib-nav-toggle.colorlib-nav-white > i {
    color: #fff;
    background: #000; }
    .colorlib-nav-toggle.colorlib-nav-white > i::before, .colorlib-nav-toggle.colorlib-nav-white > i::after {
      background: #000; }

.colorlib-nav-toggle i::before {
  top: -7px; }

.colorlib-nav-toggle i::after {
  bottom: -7px; }

.colorlib-nav-toggle:hover i::before {
  top: -10px; }

.colorlib-nav-toggle:hover i::after {
  bottom: -10px; }

.colorlib-nav-toggle.active i {
  background: transparent; }

.colorlib-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  background: #fff; }

.colorlib-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  background: #fff; }

.colorlib-nav-toggle {
  position: absolute;
  right: 0px;
  top: 65px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important; }
  @media screen and (max-width: 768px) {
    .colorlib-nav-toggle {
      display: block; } }

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 20px; }
  .btn.btn-md {
    padding: 8px 20px !important; }
  .btn.btn-lg {
    padding: 18px 36px !important; }
  .btn:hover, .btn:active, .btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important; }

.btn-primary {
  background: #bea34d;
  color: #fff;
  border: 2px solid #bea34d; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #c5ad60 !important;
    border-color: #c5ad60 !important; }
  .btn-primary.btn-outline {
    background: transparent;
    color: #bea34d;
    border: 2px solid #bea34d; }
    .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
      background: #bea34d;
      color: #fff; }

.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c; }
  .btn-success:hover, .btn-success:focus, .btn-success:active {
    background: #4cae4c !important;
    border-color: #4cae4c !important; }
  .btn-success.btn-outline {
    background: transparent;
    color: #5cb85c;
    border: 2px solid #5cb85c; }
    .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
      background: #5cb85c;
      color: #fff; }

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de; }
  .btn-info:hover, .btn-info:focus, .btn-info:active {
    background: #46b8da !important;
    border-color: #46b8da !important; }
  .btn-info.btn-outline {
    background: transparent;
    color: #5bc0de;
    border: 2px solid #5bc0de; }
    .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
      background: #5bc0de;
      color: #fff; }

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    background: #eea236 !important;
    border-color: #eea236 !important; }
  .btn-warning.btn-outline {
    background: transparent;
    color: #f0ad4e;
    border: 2px solid #f0ad4e; }
    .btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
      background: #f0ad4e;
      color: #fff; }

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background: #d43f3a !important;
    border-color: #d43f3a !important; }
  .btn-danger.btn-outline {
    background: transparent;
    color: #d9534f;
    border: 2px solid #d9534f; }
    .btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
      background: #d9534f;
      color: #fff; }

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .btn.with-arrow i {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .btn.with-arrow:hover {
    padding-right: 50px; }
    .btn.with-arrow:hover i {
      color: #fff;
      right: 18px;
      visibility: visible;
      opacity: 1; }

.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300; }
  .form-control:active, .form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #bea34d; }

.row-pb-md {
  padding-bottom: 4em !important; }

.row-pb-sm {
  padding-bottom: 2em !important; }

.colorlib-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader.gif) center no-repeat #fff; }

.js .animate-box {
  opacity: 0; }

.jts-founder{
padding:80px 0;
background:#f7f7f7;
}

.jts-founder-box{
display:flex;
align-items:center;
}

.jts-founder-img{
width:100%;
border-radius:10px;
}

.jts-founder-title{
font-size:40px;
font-weight:700;
color:#0b2e2e;
margin-bottom:10px;
}

.jts-founder-sub{
font-size:22px;
color:#555;
margin-bottom:25px;
}

.jts-founder-text p{
font-size:17px;
line-height:1.8;
color:#444;
margin-bottom:18px;
}

@media(max-width:768px){



.jts-founder-box{
display:block;
}

.jts-founder-title{
font-size:30px;
}

}


.jts-about-left h2{
color:white;
font-size:42px;
margin-bottom:20px;
font-weight:700;
}

.jts-about-right p{
color:#ddd;
font-size:18px;
line-height:1.8;
margin-bottom:20px;
}

@media(max-width:768px){

.jts-about-section{
display:block;
text-align:center;
}

.jts-about-left h2{
font-size:32px;
}

}

#colorlib-footer{
background:#0b2e4f;
color:#ccc;
padding:7em 0 4em 0;
}

#colorlib-footer h4{
color:#fff;
border-bottom:2px solid #bea34d;
padding-bottom:12px;
margin-bottom:20px;
}

#colorlib-footer a{
color:#ddd;
}

#colorlib-footer a:hover{
color:#bea34d;
}

.colorlib-nav .top-menu{
background:#0b2e4f;
padding:18px 0;
border-bottom:2px solid #bea34d;
}

.colorlib-nav ul li a{
color:#bea34d;
font-size:14px;
letter-spacing:1px;
}

.colorlib-nav ul li a:hover{
color:#ffffff;
}

.colorlib-nav ul li.active a{
color:#ffffff;
}



/* dropdown parent */
.colorlib-nav ul li.has-dropdown{
position:relative;
padding-bottom:20px;
}

/* dropdown menu */
.colorlib-nav ul li.has-dropdown .dropdown{
position:absolute;
top:100%;
left:0;
background:#000;
padding:15px 20px;
width:200px;
opacity:0;
visibility:hidden;
transition:0.2s ease;
z-index:9999;
}

/* show dropdown */


.jts-read-more{
display:inline-block;
margin-top:15px;
padding:10px 25px;
background:#bea34d;
color:#fff;
text-decoration:none;
font-size:15px;
border-radius:3px;
transition:0.3s;
}

.jts-read-more:hover{
background:#0b2e4f;
color:#fff;
}

.whatsapp-float{
position:fixed;
bottom:20px;
left:20px;
z-index:9999;
}

.whatsapp-float img{
border-radius:50%;
box-shadow:0 4px 10px rgba(0,0,0,0.3);
transition:0.3s;
}

.whatsapp-float img:hover{
transform:scale(1.1);
}


/* JTS Logo Fix */

#colorlib-logo img{
height:110px !important;
width:auto;
margin-top:-25px;
}

.colorlib-nav{
overflow:visible !important;
}

.colorlib-nav.top-menu{
border-bottom:1px solid #bea34d;
}

#colorlib-logo img{
filter:drop-shadow(0 3px 6px rgba(0,0,0,0.4));
}
/* ===== FINAL DROPDOWN FIX (CLEAN & STABLE) ===== */

/* parent */
.colorlib-nav ul li {
  position: relative;
}

/* dropdown base */
.colorlib-nav ul li ul,
.colorlib-nav .menu-1 ul li .dropdown {
  position: absolute;
  top: 100%;
  left: 0;

  background: #000;
  min-width: 220px;
  padding: 10px 0;
  border-radius: 4px;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  z-index: 9999;
}

/* show dropdown */
.colorlib-nav ul li:hover > ul,
.colorlib-nav .menu-1 ul li:hover > .dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* dropdown links */
.colorlib-nav ul li ul li a,
.colorlib-nav .menu-1 ul li .dropdown li a {
  display: block;
  padding: 10px 18px;
  color: #fff;
  font-size: 14px;
}

/* hover effect */
.colorlib-nav ul li ul li a:hover,
.colorlib-nav .menu-1 ul li .dropdown li a:hover {
  background: #bea34d;
  color: #000;
}

/* ?? MAIN FIX: hover gap bridge */
.colorlib-nav ul li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -25px;
  width: 100%;
  height: 25px;
}



/* Content Above Overlay */
#colorlib-started .container{
position:relative;
z-index:2;
}

/* Left Side Heading */
.jts-about-left h2{
color:#ffffff;
font-size:48px;
font-weight:700;
line-height:1.3;
margin-bottom:10px;
}

/* Right Side Text */
.jts-about-right p{
color:#e5e5e5;
font-size:18px;
line-height:1.8;
margin-bottom:20px;
}



.founder-section h2{
font-family:'Playfair Display', serif;
font-size:44px;
font-weight:600;
color:#0f2b46;
margin-bottom:10px;
}

.founder-section h4{
font-size:18px;
color:#c6a55b;
font-weight:500;
letter-spacing:1px;
}

.founder-section p{
font-family:'Inter', sans-serif;
font-size:17px;
line-height:1.9;
color:#555;
}

.btn-warning{
background:#c6a55b;
border:none;
padding:12px 28px;
font-weight:500;
letter-spacing:1px;
transition:0.3s;
}

.btn-warning:hover{
background:#b8954a;
transform:translateY(-2px);
}

.has-dropdown {
  position: relative;
}

.has-dropdown .dropdown {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}



/* REMOVE GAP + PROPER ALIGN */
.menu-1 ul li.has-dropdown .dropdown {
  top: 100%;
  margin-top: 0;
}

/* SMOOTH POSITION */
.menu-1 ul li.has-dropdown {
  position: relative;
}

/* CENTER ALIGN DROPDOWN */
.menu-1 ul li.has-dropdown .dropdown {
  left: 0;
}

/* PREMIUM LOOK */
.menu-1 ul li.has-dropdown .dropdown {
  background: #000;
  border-radius: 6px;
  padding: 10px 0;
}

/* HOVER EFFECT */
.menu-1 ul li.has-dropdown .dropdown li a:hover {
  background: #c8a45d;
  color: #000;
}

/* ARROW POINTER */
.menu-1 ul li.has-dropdown .dropdown:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 20px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #000;
}


.top-secondary-menu {
    background: linear-gradient(to right, #0b2e4f, #0d2b4d);
    padding: 6px 0;
    margin: 0;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid #bea34d;
}

.top-secondary-menu a {
    margin: 0 18px;
    text-decoration: none;
    font-weight: 600;
    color: #ff4d4d;
    font-size: 13px;
    letter-spacing: 0.5px;
    position: relative;
    transition: 0.3s;
}



.top-secondary-menu a:hover {
    color: #ffffff;
    text-shadow: 0 0 6px rgba(255,255,255,0.5);
}







/* ================= WE LISTEN SECTION ================= */
.jts-about-section {
  padding: 25px 0 !important;   /* ?? compact height */
  margin-bottom: 0 !important;
}

/* ? GOLD LINE REMOVE (extra line issue fix) */
.jts-about-left:before {
  display: none !important;
}


/* ================= ABOUT / DEDICATION SECTION ================= */
#colorlib-started,
.dedication-section {
  margin-top: 10px !important;     /* ?? proper gap */
  padding-top: 40px !important;
  border-top: 2px solid #bea34d;   /* ?? clean divider */
}

/* LIGHT BACKGROUND */
.dedication-section {
  background: #f8f8f8;
}

.jts-founder {
  margin-top: 80px;
  padding: 50px 0;
  border-top: 2px solid #bea34d;
  background: #f8f8f8;
}

.jts-founder-title {
  font-size: 38px;
  margin-bottom: 10px;
}

.jts-founder-sub {
  margin-bottom: 40px;
  color: #666;
}
/* ================= FINAL MOBILE MENU FIX ================= */
@media screen and (max-width: 768px) {

  /* FORCE HAMBURGER SHOW */
  .colorlib-nav-toggle {
    display: block !important;
  }

  /* HIDE BY DEFAULT */
  .menu-1 {
    display: none !important;
    width: 100%;
    background: #0d2b4c;
  }

  /* SHOW WHEN CLICK */
  .menu-1.active {
  display: none !important;
}

  /* STRUCTURE FIX */
  .menu-1 ul {
    display: block !important;
    width: 100%;
  }

  .menu-1 ul li {
    display: block !important;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }

  .menu-1 ul li a {
    display: block;
    padding: 14px 20px;
    color: #fff !important;
  }

  /* DROPDOWN MOBILE CLICK */
  .has-dropdown .dropdown {
    position: relative !important;
    display: none !important;
    background: #000;
  }

  .has-dropdown.active .dropdown {
    display: block !important;
  }

  /* REMOVE HOVER ISSUE */
  .has-dropdown:hover .dropdown {
    display: none !important;
  }

}




/* MOBILE DROPDOWN FIX FINAL */

#colorlib-offcanvas ul li .dropdown {
  display: none !important;
  position: relative !important;
}

#colorlib-offcanvas ul li.active > .dropdown {
  display: block !important;
}

#colorlib-offcanvas ul li.has-dropdown > a {
  cursor: pointer;
}

/* FINAL OFFCANVAS DROPDOWN FIX */

#colorlib-offcanvas ul li.has-dropdown > a {
  position: relative;
}

#colorlib-offcanvas ul li.has-dropdown > a:after {
  content: "\e921";
  font-family: 'icomoon';
  position: absolute;
  right: 0;
  font-size: 16px;
}

#colorlib-offcanvas ul li.active > .dropdown {
  display: block !important;
}
.review-card {
  background: #0b162a;
  color: #fff;
}
.review-slider .review-card {
  margin: 10px;
}

/* ===== REVIEWS FINAL PREMIUM LOOK ===== */

.jts-reviews {
  padding: 70px 0;
  background: #f4f6f9;
}

.jts-review-title {
  font-size: 38px;
  font-family: 'Playfair Display', serif;
  color: #0b2e4f;
  margin-bottom: 10px;
}

.jts-review-line {
  width: 100px;
  height: 3px;
  background: #bea34d;
  margin: 0 auto 40px;
}

/* CARD */
.review-card {
  background: #0b2e4f;
  padding: 25px;
  border-radius: 8px;
  color: #fff;
  min-height: 230px;
  transition: 0.3s;
}

.review-card:hover {
  transform: translateY(-6px);
}

/* HEADER */
.review-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.review-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 12px;
  object-fit: cover;
}

.review-header h4 {
  color: #bea34d;
  font-size: 18px;
  margin: 0;
}

/* TEXT FIX */
.review-card p {
  font-size: 15px;
  line-height: 1.7;
  color: #f1f1f1;
  margin-top: 10px;
}

/* SLIDER SPACING */
.review-slider .review-card {
  margin: 10px;
}


.visitor-counter {
  margin-top: 15px;
}

.visitor-counter span {
  display: block;
  font-size: 14px;
  color: #ccc;
}

.visitor-counter h3 {
  font-size: 28px;
  color: #bea34d;
  margin-top: 5px;
}
/* FORCE GAP BETWEEN SECTIONS */
#colorlib-started {
  margin-bottom: 0 !important;
  padding-bottom: 60px !important;
}

/* WHITE GAP + GOLD LINE */
.section-divider {
  height: 70px;
  background: #fff;
  display: block;
  position: relative;
  z-index: 5;
}



/* DEDICATION SECTION */
.jts-founder {
  margin-top: 0 !important;
  padding-top: 60px;
  background: #f8f8f8;
}

.section-gap{
  height: 70px;
  background: #fff;
  position: relative;
}

.section-gap:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  height: 2px;
  background: #bea34d;
}

.top-secondary-menu {
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;   /* spacing between links */
    flex-wrap: wrap;; /* force single line */
}

.top-secondary-menu a {
    font-size: 18px !important;
    font-weight: 700;
    color: #ff4d4d;
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: normal; /* prevent line break */
}

@media (max-width: 768px) {

    .top-secondary-menu a {
        font-size: 14px !important;  /* mobile ke liye chhota */
        letter-spacing: 0.5px;
    }

    .top-secondary-menu {
        gap: 10px;  /* spacing kam */
    }

}
/* ===== FINAL WORD OF THE DAY FIX ===== */

.word-day-bar {
  background: #000;
  color: #fff;
  padding: 10px 0;
  margin-top: 5px;

  border: none !important;
  box-shadow: none !important;

  position: relative;
  z-index: 1;

  overflow: hidden;   /* IMPORTANT */
  white-space: nowrap;
}

/* scrolling text (FIXED) */
.scroll-text {
  display: inline-block;
  white-space: nowrap;
  animation: scrollLeft 18s linear infinite;

  font-size: 22px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.5px;

  text-decoration: none !important;
  border: none !important;
}

/* remove underline if any link */
.scroll-text a {
  text-decoration: none !important;
  color: inherit;
  border: none !important;
}

/* animation */
@keyframes scrollLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}





/* mobile size */
@media (max-width: 768px) {
  .scroll-text {
    font-size: 16px;
  }
}

#colorlib-started,
.dedication-section,
.jts-founder {
  border-top: none !important;
}
/* ===== GLOBAL SECTION DIVIDER (SAFE) ===== */

.section-block {
  position: relative;
}

/* ?? TOP LINE */
.section-block::before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;              /* white gap */
  background: #fff;
  border-bottom: 3px solid #bea34d;  /* gold */
}

/* ?? BOTTOM LINE */
.section-block::after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background: #fff;
  border-top: 3px solid #bea34d;
}

/* ===== REMOVE EXTRA TEMPLATE SPACE ===== */
#colorlib-about,
#colorlib-practice,
#colorlib-testimonial,
#colorlib-started,
#colorlib-blog,
#colorlib-contact,
#colorlib-footer {
  padding: 40px 0 !important;   /* ?? 7em ? 40px */
}

/* ===== HEADING GAP FIX ===== */
.colorlib-heading {
  margin-bottom: 20px !important;
}

/* ===== DEDICATION FIX ===== */
.jts-founder {
  margin: 0 !important;
  padding: 40px 0 !important;
}

/* ===== BLOG FIX ===== */
#colorlib-blog {
  margin: 0 !important;
  padding: 40px 0 !important;
}

/* ===== REVIEWS FIX ===== */
.jts-reviews {
  margin: 0 !important;
  padding: 30px 0 !important;
}

/* ===== REMOVE EXTRA CUSTOM GAPS ===== */
.section-gap,
.section-divider {
  display: none !important;
}

/* ===== FINAL DIVIDER (MINIMAL) ===== */
.section-block::before,
.section-block::after {
  height: 4px;   /* ?? compact */
}


/* ===== REMOVE EXTRA SPACE COMPLETELY ===== */

/* BLOG TOP GAP KILL */
#colorlib-blog {
  padding-top: 20px !important;
  padding-bottom: 30px !important;
  margin-top: 0 !important;
}

/* MAIN CULPRIT FIX ?? */
.colorlib-heading {
  margin-bottom: 10px !important;   /* pehle 5em tha (~80px ??) */
}

/* ===== GLOBAL ===== */
body {
  font-family: 'Playfair Display', serif;
  line-height: 1.7;
  text-align: justify;
}

p {
  margin-bottom: 15px;
  font-size: 15px;
}

h1, h2, h3 {
  text-align: center;
}

/* ===== NAVBAR ===== */
.navbar,
.colorlib-nav {
  position: sticky;
  top: 0;
  z-index: 999;
}

.nav-toggle,
.colorlib-nav-toggle {
  background: #0A1F44;
  padding: 8px 10px;
  border-radius: 6px;
}

.nav-toggle i,
.colorlib-nav-toggle i {
  color: #fff;
  font-size: 20px;
}

/* ===== SECTION DEFAULT ===== */
section {
  padding: 40px 15px;
}

/* ===== WHATSAPP ===== */
.whatsapp-float {
  bottom: 20px;
  right: 15px;
  z-index: 999;
}

/* ===== HEADING GAP FIX ===== */
.colorlib-heading {
  margin-bottom: 20px;
}

/* ===== DEDICATION SECTION ===== */
.jts-founder {
  margin-top: 60px;
  padding: 50px 0;
  background: #f8f8f8;
}

.jts-founder-title {
  margin-bottom: 30px;
  letter-spacing: 1px;
}

.jts-founder-text {
  padding-top: 0 !important;
}

.jts-founder-text p {
  line-height: 1.8;
  color: #444;
}

.founder-name {
  font-weight: 600;
  font-size: 18px;
  color: #000;
}

.jts-founder-img {
  width: 100%;
  border-radius: 8px;
  margin-top: -10px;
}

/* ===== BLOG SECTION ===== */
.jts-blog-section {
  background: #f8f8f8;
  padding: 50px 0;
}

.jts-blog-title {
  font-size: 38px;
  font-weight: 700;
  color: #0b2e2e;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.jts-blog-sub {
  color: #666;
  font-size: 17px;
  line-height: 1.7;
}

.jts-blog-row {
  margin-top: 30px;
}

/* FEATURED BLOG */
.jts-blog-card {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
}

.jts-blog-card h3 {
  font-size: 22px;
  margin-top: 15px;
}

.jts-blog-card p {
  font-size: 16px;
  line-height: 1.8;
  color: #444;
}

/* SIDE BLOG */
.jts-blog-entry {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.jts-blog-entry img {
  width: 120px;
  border-radius: 8px;
}

.jts-blog-entry h4 {
  font-size: 18px;
  margin-bottom: 5px;
}

.jts-blog-entry p {
  font-size: 15px;
  color: #444;
  line-height: 1.7;
}

/* META */
.meta {
  color: #888;
  font-size: 14px;
}

/* BLOG LINKS */
.jts-blog-section h3 a,
.jts-blog-section h4 a {
  color: #0b2e2e;
  text-decoration: none;
}

.jts-blog-section h3 a:hover,
.jts-blog-section h4 a:hover {
  color: #c9a34e;
}

/* ===== FINAL TESTIMONIAL FIX (CLEAN) ===== */

.jts-reviews {
  padding: 40px 0 !important;
  background: #f8f8f8 !important;
}

.jts-review-title {
  font-size: 34px !important;
  color: #0b2e2e !important;
  text-align: center;
}

.jts-review-line {
  width: 60px;
  height: 3px;
  background: #c9a34e;
  margin: 10px auto 25px;
}

/* CARD FIX */
.review-card {
  background: #0A1F44 !important;
  color: #fff !important;
  padding: 20px !important;
  border-radius: 10px !important;
  min-height: auto !important;
}

/* HEADER */
.review-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.review-img {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
}

.review-header h4 {
  font-size: 16px;
  color: #c9a34e;
}

/* TEXT */
.review-card p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

/* ===== MOBILE FIX ===== */
@media (max-width: 768px) {

  .review-card {
    padding: 18px !important;
  }

  .review-card p {
    text-align: left !important;
  }

}

.marquee {
  padding: 8px 0;
  white-space: nowrap;
  overflow: hidden;
}
#colorlib-hero {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


.jts-founder-text p {
  color: #333;   /* dark karo */
}

.jts-blog-entry p {
  color: #444;
}

.review-card {
  margin: 10px;
}

.whatsapp-float {
  bottom: 80px;
}

body {
  font-family: 'Playfair Display', serif;
}

p {
  font-family: 'Open Sans', sans-serif;
}

/* ?? Dedication ke upar extra gap remove */
.jts-founder {
  margin-top: 20px !important;   /* pehle 60 tha ? kam kar diya */
  padding-top: 30px !important;
}

/* ?? Gold line ke upar ka gap control */
.section-block {
  padding-top: 20px !important;
}

/* ?? Previous section bottom gap control */
.jts-about-section {
  margin-bottom: 0 !important;
  padding-bottom: 20px !important;
}
.jts-founder::before {
  display: none;
}


/* ================= CLEAN MASTER FIX ================= */

/* ===== GLOBAL ===== */
body {
  overflow-x: hidden;
  text-align: left !important;
}

p {
  text-align: justify;
}

.colorlib-heading {
  margin-bottom: 15px !important;
}

/* ===== REMOVE EXTRA GAP ===== */
.section-gap,
.section-divider {
  display: none !important;
}


/* ===== LOGO FIX ===== */
#colorlib-logo {
  display: flex;
  align-items: center;
}

#colorlib-logo img {
  height: 90px;
  margin-top: 0 !important;
}


/* ================= MOBILE HEADER FINAL FIX ================= */
@media (max-width: 768px) {

  /* IMPORTANT: koi flex hack nahi */
  .colorlib-nav .top-menu {
    position: relative;
  }

  /* logo left */
  #colorlib-logo {
    margin-left: 10px;
  }

  /* toggle right PERFECT FIX */
  .colorlib-nav-toggle {
    position: absolute;
    right: 15px;
    top: 25px;
  }

}


/* ===== IMAGE SAFE ===== */
img {
  max-width: 100%;
  height: auto;
}
.colorlib-nav-toggle {
  background: rgba(255,255,255,0.1);
  padding: 8px;
  border-radius: 6px;
}
#colorlib-logo img {
  filter: drop-shadow(0 3px 6px rgba(0,0,0,0.4));
}
@media (max-width: 768px) {
  .colorlib-nav .top-menu {
    padding: 12px 0;
  }
}


/* ================= MOBILE LAYOUT FIX (CRITICAL) ================= */

@media (max-width: 768px) {

  /* FORCE FULL WIDTH */
  #colorlib-content,
  #colorlib-consult {
    display: block !important;
  }

  #colorlib-content .video,
  #colorlib-content .choose,
  #colorlib-consult .video,
  #colorlib-consult .choose {
    width: 100% !important;
    display: block !important;
  }

  /* REMOVE SIDE GAP ISSUE */
  .container,
  .row,
  [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin: 0 !important;
  }

  /* FIX LEFT CUT ISSUE */
  body, html {
    overflow-x: hidden;
  }

  /* SECTION FIX */
  section,
  #colorlib-contact,
  #colorlib-footer {
    width: 100% !important;
    display: block !important;
  }

}


* {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}



/* ===== SAFE RESPONSIVE FIX (FINAL) ===== */

/* prevent right scroll */
html, body {
  overflow-x: hidden;
}

/* images safe */
img {
  max-width: 100%;
  height: auto;
}

/* fix row overflow (IMPORTANT) */
.row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

/* mobile fix only (SAFE) */
@media (max-width: 768px) {

  /* content full width */
  #colorlib-content .video,
  #colorlib-content .choose,
  #colorlib-consult .video,
  #colorlib-consult .choose {
    width: 100% !important;
  }

  /* fix overflow */
  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

}

/* ===== REMOVE TOP GOLD LINE ===== */
#colorlib-started,
.dedication-section,
.jts-founder {
  border-top: none !important;
}

/* agar section-block use ho raha hai */
.section-block::before {
  display: none !important;
}


/* ===== ADD UNDERLINE BELOW HEADING ===== */
.jts-founder-title {
  position: relative;
  display: inline-block;
  text-align: center;
}

/* GOLD LINE BELOW HEADING */
.jts-founder-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #bea34d;
  margin: 10px auto 0;
}

/* ===== DEDICATION FINAL DESIGN FIX ===== */

/* section niche lao */
.jts-founder {
  margin-top: 80px !important;
}

/* NAME ko H2 + bold look */
.founder-name {
  display: block;
  font-size: 26px;   /* H2 jaisa */
  font-weight: 700;
  color: #000;
  margin-bottom: 15px;
}

/* paragraph niche shift */
.jts-founder-text p {
  margin-top: 20px;
  line-height: 1.8;
}



/* ===== DEDICATION FINAL PERFECT FIX ===== */

/* ? REMOVE GOLD LINE ABOVE */
.section-block::before {
  display: none !important;
}

/* SECTION SPACING */
.jts-founder {
  margin-top: 100px !important;
  padding-top: 20px !important;
}

/* HEADING */
.jts-founder-title {
  text-align: center;
  font-size: 38px;
  margin-bottom: 25px;
  position: relative;
}

/* GOLD UNDERLINE (CENTER) */
.jts-founder-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #bea34d;
  margin: 10px auto 0;
}

/* NAME HEADING */
.founder-name {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #000;
}

/* TEXT SPACING */
.jts-founder-text p {
  margin-top: 15px;
  line-height: 1.9;
  color: #444;
}

/* IMAGE */
.jts-founder-img {
  border-radius: 10px;
}

/* ===== DEDICATION FINAL TUNING ===== */

/* ?? Heading size increase */
.jts-founder-title {
  font-size: 42px !important;
  font-weight: 700;
}

/* ?? Text ko niche shift karo (image ke saamne se hatane ke liye) */
.jts-founder-text {
  padding-top: 60px !important; /* 2 line gap */
}

/* thoda aur clean spacing */
.jts-founder-text p {
  font-size: 16px;
  line-height: 1.9;
}

.jts-founder-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ===== FINAL DEDICATION FIX (WORKING PERFECT) ===== */

/* ?? heading bada */
.jts-founder-title {
  font-size: 42px !important;
  font-weight: 700;
  text-align: center;
}

/* ?? NAME */
.founder-name {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 10px; /* pehle 20 tha */
}

/* ?? MAIN FIX (IMPORTANT) */
/* text ko image ke niche se start karwana */
.jts-founder-box {
  align-items: flex-start !important;
}

/* TEXT KO NICHE SHIFT KARO */
.jts-founder-text {
  margin-top: 40px !important;  /* balanced gap */
}
/* spacing */
.jts-founder-text p {
  margin-bottom: 18px;
  line-height: 1.9;
}


/* ===== PERFECT ALIGNMENT FIX ===== */

/* row ko top align karo */
.jts-founder-box {
  align-items: flex-start !important;
}

/* ? text ko niche shift mat karo */
.jts-founder-text {
  margin-top: 0 !important;
}

/* ? image ko niche lao */
.jts-founder-img {
  margin-top: 60px;  /* adjust: 40–80 px */
  border-radius: 10px;
}

.jts-founder-text p {
  color: #555;
}

.jts-founder-img {
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* ===== INTRO SECTION ===== */

.jts-intro {
  padding: 60px 0;
  text-align: center;
  background: #fff;
}

/* heading */
.jts-intro-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
}

/* underline */
.jts-intro-title::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background: #bea34d;
  margin: 10px auto 0;
}

/* text */
.jts-intro-text {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 25px;
}

/* button */
.jts-readmore-btn {
  display: inline-block;
  padding: 10px 25px;
  background: #0A1F44;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}

.jts-readmore-btn:hover {
  background: #bea34d;
  color: #000;
}

/* ===== WELCOME SECTION FINAL POLISH ===== */

.jts-intro {
  background: #ffffff; /* keep white */
  padding: 70px 0;
  text-align: center;
}

/* text justify for premium feel */
.jts-intro-text {
  text-align: justify;
  max-width: 900px;
  margin: 0 auto 25px;
  color: #555;
  line-height: 1.9;
}

/* heading */
.jts-intro-title {
  font-size: 34px;
  font-weight: 700;
}

/* button spacing */
.jts-readmore-btn {
  margin-top: 10px;
}
/* ===== INSIGHTS SECTION ===== */

#colorlib-blog {
  background: #f4f4f4; /* Dedication jaisa soft grey */
  padding: 80px 0;
}

/* HEADING */
#colorlib-blog h2 {
  font-size: 38px;
  font-weight: 700;
  text-align: center;
  position: relative;
  display: inline-block;
}

/* CENTER ALIGN FIX */
#colorlib-blog .text-center {
  text-align: center;
}

/* GOLD UNDERLINE */
#colorlib-blog h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #bea34d;
  margin: 10px auto 0;
}

/* SUBTEXT */
#colorlib-blog p {
  color: #666;
  text-align: center;
  max-width: 700px;
  margin: 10px auto 0;
  line-height: 1.8;
}

/* FEATURED CARD */
.blog-featured {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* BLOG TITLES */
#colorlib-blog h3 a,
#colorlib-blog h4 a {
  color: #bea34d;
  font-weight: 600;
  text-decoration: none;
}

#colorlib-blog h3 a:hover,
#colorlib-blog h4 a:hover {
  color: #000;
}

/* SIDE BLOG */
.blog-entry {
  display: flex;
  gap: 15px;
  margin-bottom: 25px;
}

/* IMAGE */
.blog-entry img,
.blog-featured img {
  border-radius: 10px;
}

/* META */
.meta {
  color: #999;
  font-size: 14px;
}
/* ===== FIX BLOG RIGHT SIDE ALIGNMENT ===== */

.blog-entry {
  text-align: left !important;
}

.blog-entry h4 {
  text-align: left !important;
}

.blog-entry p {
  text-align: left !important;
}

/* meta bhi left */
.blog-entry .meta {
  text-align: left !important;
}


/* HERO TEXT FIX */
.slider-text-inner h1 {
  text-align: center;
  font-size: 42px;
}

.slider-text-inner h2 {
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
}

/* DESCRIPTION LEFT + READABLE */
.hero-desc {
  text-align: left;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
  color: #ddd;
  font-size: 16px;
}

/* HERO TEXT ALIGN FIX */
.slider-text-inner {
  text-align: left !important;
  max-width: 700px;
  margin: 0 auto;
}

/* HEADING */
.slider-text-inner h1 {
  text-align: left;
  font-size: 42px;
  margin-bottom: 10px;
}

/* AUTHOR */
.slider-text-inner h2 {
  text-align: right;
  font-size: 16px;
  margin-bottom: 20px;
}

/* PARAGRAPH */
.hero-desc {
  text-align: left;
  line-height: 1.8;
  color: #ddd;
  font-size: 16px;
}

.slider-text-inner h1 {
  letter-spacing: 1px;
}

.hero-desc {
  max-width: 600px;
}

/* ===== .introduction-page ... SECTION PREMIUM FIX ===== */

#colorlib-started {
  position: relative;
  padding: 100px 0;
  background-size: cover;
  background-position: center;
}

/* DARK OVERLAY */
#colorlib-started .overlay {
  background: rgba(0, 0, 0, 0.6);
}

/* LEFT SIDE (HEADINGS) */
.jts-about-left h2 {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.2;
}

/* GOLD ACCENT (last line highlight optional) */
.jts-about-left h2:last-child {
  color: #bea34d;
}

/* RIGHT TEXT */
.jts-about-right {
  padding-left: 30px;
}

.jts-about-right p {
  color: #ddd;
  font-size: 16px;
  line-height: 1.9;
  text-align: justify;   /* ?? important */
  margin-bottom: 20px;
}

/* ALIGNMENT FIX */
.jts-about-section {
  display: flex;
  align-items: center;
}
#colorlib-hero {
  margin-bottom: 0 !important;
}

#colorlib-started {
  margin-top: 0 !important;
}
#colorlib-started .overlay {
  background: rgba(10, 30, 60, 0.85); /* navy tone */
}

.jts-about-right p {
  text-align: justify;
  text-justify: inter-word;
  max-width: 520px;
}
.slider-text-inner h2 {
  margin-top: 10px;
  font-style: italic;
  opacity: 0.9;
}
.blog-featured img {
  height: 320px;
  object-fit: cover;
}
.testimony-wrap {
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
footer h4 {
  letter-spacing: 1px;
}

footer p, footer li {
  font-size: 14px;
  color: #ccc;
}
footer {
  padding-bottom: 40px;
}
footer .fa {
  transition: 0.3s;
}

footer .fa:hover {
  color: #bea34d;
  transform: translateY(-3px);
}

/* ONLY ABOUT PAGE */
.about-page .jts-founder-text p {
  text-align: justify;
  line-height: 1.8;
}

.about-page .jts-intro-text {
  line-height: 1.8;
  font-size: 16px;
}

.about-page .jts-founder-img {
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.about-page .jts-intro {
  padding: 80px 0;
}

.about-page .jts-intro-title {
  font-size: 32px;
  font-weight: 700;
}

.about-page .jts-intro-text {
  line-height: 1.8;
  font-size: 16px;
}


.about-page .jts-intro {
  padding: 70px 0;
}

.about-page .jts-intro-title {
  text-align: center;
  margin-bottom: 30px;
}

.about-page .jts-why-list {
  list-style: disc;
  padding-left: 20px;
  max-width: 800px;
  margin: auto;
  line-height: 1.8;
}

.about-page .jts-why-list li {
  margin-bottom: 10px;
}

.about-page .jts-quote {
  margin-top: 25px;
  text-align: center;
  font-style: italic;
}
.jts-why-list {
  list-style: disc;
  text-align: left;
  display: inline-block;
}
.jts-quote {
  margin-top: 30px;
  text-align: center;
  font-style: italic;
  color: #c9a64b;
}
.jts-why-list {
  display: inline-block;
  text-align: left;
  margin-top: 20px;
}

.jts-why-list li {
  margin-bottom: 12px;
  color: #444;
}

.jts-intro-title::after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background: #c9a64b;
  margin: 10px auto 0;
}
/* ===== MISSION PAGE ===== */

.mission-page .jts-founder-text {
  line-height: 1.9;
  font-size: 16px;
  max-width: 850px;
  margin: auto;
}

.mission-page .jts-founder-text p {
  margin-bottom: 22px;
  text-align: justify;
}

/* LIST STYLE */
.mission-page .jts-list {
  margin-top: 15px;
  list-style: none;
  padding-left: 15px;
  border-left: 3px solid #c9a64b;
}

.mission-page .jts-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;
}

/* PERFECT BULLET (NO TEXT, PURE CSS DOT) */
.mission-page .jts-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #c9a64b;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

/* HIGHLIGHT TEXT */
.mission-page .jts-list li strong {
  color: #c9a64b;
}

/* HEADINGS */
.mission-page strong {
  color: #0f2c4c;
}

.mission-page .jts-list li::before {
  top: 8px;
}

.mission-page .jts-founder-text {
  max-width: 100%;
}
.mission-page .jts-founder-text {
  line-height: 1.8;
}
.mission-page .jts-list li::before {
  top: 9px;
}

/* ===== FINAL WE LISTEN FIX ===== */

/* STOP OVERFLOW */
html, body {
  overflow-x: hidden !important;
}

/* REMOVE FLEX CONFLICT */
.jts-about-section{
  display: block !important;
  margin: 0 !important;
}

/* FIX BOOTSTRAP ROW ISSUE */
.jts-about-section .col-md-6{
  width: 100% !important;
  max-width: 100% !important;
}

/* HEADING CONTROL */
.jts-about-left h2{
  font-size: 36px !important;
  line-height: 1.2 !important;
  word-break: break-word;
  text-align: center;
}

/* RIGHT TEXT */
.jts-about-right{
  padding: 0 15px;
}

/* MOBILE PERFECT */
@media (min-width: 769px){
  .jts-about-section{
    display: flex !important;
    align-items: center;
  }

  .jts-about-section .col-md-6{
    width: 50% !important;
  }

  .jts-about-left h2{
    font-size: 48px !important;
    text-align: left;
  }
}


/* ===== FINAL RESPONSIVE FIX ===== */

/* 1. FULL WEBSITE RIGHT SCROLL FIX */
html, body {
  overflow-x: hidden !important;
}

/* 2. WE LISTEN SECTION FIX */
.jts-about-section {
  display: block !important;
  margin: 0 !important;
}

/* 3. COLUMN FULL WIDTH (MOBILE) */
.jts-about-section .col-md-6 {
  width: 100% !important;
  max-width: 100% !important;
}

/* 4. WE LISTEN TEXT FIX */
.jts-about-left h2 {
  font-size: 32px !important;
  line-height: 1.2;
  text-align: center;
  word-break: break-word;
}

/* 5. RIGHT CONTENT FIX */
.jts-about-right {
  padding: 0 15px;
}

/* ===== FINAL RESPONSIVE FIX (CLEAN) ===== */

/* DESKTOP */
@media (min-width: 769px) {
  .jts-about-section {
    display: flex !important;
    align-items: center;
  }

  .jts-about-section .col-md-6 {
    width: 50% !important;
  }

  .jts-about-left h2 {
    font-size: 48px !important;
    text-align: left;
  }
}

/* MOBILE FIX */
@media (max-width:768px){

  .jts-about-text{
    padding-left:0 !important;
  }

  .row{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .container{
    width:100% !important;
    padding-left:15px !important;
    padding-right:15px !important;
  }

}

/* GLOBAL */
html, body{
  overflow-x:hidden !important;
}

/* ===== FINAL HORIZONTAL SCROLL FIX (CLEAN) ===== */

/* 1. Global scroll fix */
html, body {
  overflow-x: hidden;
}

/* 2. About Section Fix */
.jts-about-section {
  display: block;
  margin: 0;
}

/* 3. Column full width (mobile) */
.jts-about-section .col-md-6 {
  width: 100%;
  max-width: 100%;
}

/* 4. Heading fix */
.jts-about-left h2 {
  font-size: 32px;
  line-height: 1.2;
  text-align: center;
  word-break: break-word;
}

/* 5. Right content padding */
.jts-about-right {
  padding: 0 15px;
}

/* ===== DESKTOP ===== */
@media (min-width: 769px) {
  .jts-about-section {
    display: flex;
    align-items: center;
  }

  .jts-about-section .col-md-6 {
    width: 50%;
  }

  .jts-about-left h2 {
    font-size: 48px;
    text-align: left;
  }
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {

  .jts-about-text {
    padding-left: 0;
  }

  .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    overflow-x: hidden;
  }
}

/* ===== TOP MENU FIX ===== */
.top-secondary-menu {
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.top-secondary-menu a {
  font-size: 18px;
  font-weight: 700;
  color: #ff4d4d;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: normal;
}

/* ===== SLIDER SAFE FIX ===== */
.owl-carousel,
.testimonial,
.slider,
.carousel {
  overflow: hidden;
}

/* ===== FLOAT BUTTON FIX ===== */
a[href*="tel"], .whatsapp, .call-btn {
  right: 15px;
  left: auto;
}

/* ===== IMAGE FIX ===== */
img {
  max-width: 100%;
  height: auto;
}

#colorlib-hero {
    overflow: hidden;
}

#colorlib-hero .flexslider {
    overflow: hidden;
}
html, body {
    overflow-x: hidden;
}

#colorlib-hero,
#colorlib-hero .flexslider {
    overflow: hidden;
}

/* Dedication section top gap fix (same like Welcome) */

.jts-founder-title {
    margin-top: 40px;
}

/* ===== FINAL MOBILE RIGHT SCROLL FIX (SAFE) ===== */

html, body {
  overflow-x: hidden;
}

/* section fix */
#colorlib-started {
  position: relative;
  overflow: hidden;
}

/* overlay fix */
#colorlib-started .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* bootstrap row overflow fix */
.jts-about-section {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* image safe */
img {
  max-width: 100%;
  height: auto;
}

/* universal safe fix */
* {
  box-sizing: border-box;
}

/* ===== FINAL RIGHT SCROLL FIX (NO BREAK) ===== */

html, body {
  overflow-x: hidden !important;
}

/* Fix started section */
#colorlib-started {
  position: relative;
  overflow: hidden;
}

/* Fix overlay */
#colorlib-started .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Bootstrap row overflow fix */
.jts-about-section {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Extra safety */
.container, .row {
  max-width: 100%;
}

/* Image safety */
img {
  max-width: 100%;
  height: auto;
}

/* ===== SAFE RIGHT SCROLL FIX (FINAL) ===== */

html, body {
  overflow-x: hidden;
}

/* started section fix */
#colorlib-started {
  position: relative;
  overflow: hidden;
}

/* overlay fix */
#colorlib-started .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* bootstrap row overflow control */
.jts-about-section {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ===== LOGO LEFT SHIFT FIX ===== */

#colorlib-logo {
  margin-left: -15px;   /* desktop pe left shift */
}


}

/* ===== PERFECT LOGO LEFT ALIGN ===== */

.colorlib-nav .container {
  padding-left: 0 !important;
}

#colorlib-logo {
  margin-left: -25px !important;
}

@media (max-width: 768px) {
  #colorlib-logo {
    margin-left: 0 !important;
  }
}

/* ===== FINAL MOBILE SCROLL LOCK ===== */

html, body {
  overflow-x: hidden !important;
}

#colorlib-started {
  overflow: hidden;
}

.word-day-bar {
  overflow: hidden;
}

.scroll-text {
  max-width: 100%;
}

.sarfaesi-page,
.sarfaesi-page .container,
.sarfaesi-page .row,
.sarfaesi-page .jts-founder-text {
  max-width: 100%;
  overflow-x: hidden;
}


/* ===== FINAL MOBILE SCROLL FIX ===== */

/* GLOBAL */
html, body {
  overflow-x: hidden;
}

/* BOOTSTRAP ROW FIX */
.row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

/* CONTAINER SAFE */
.container {
  padding-left: 15px;
  padding-right: 15px;
}

/* HERO FIX (MAIN ISSUE) */
#colorlib-hero,
#colorlib-hero .flexslider,
#colorlib-hero .slides,
#colorlib-hero .slides li {
  width: 100% !important;
  max-width: 100% !important;
}

/* IMAGE FIX */
#colorlib-hero .slides li {
  background-size: cover;
  background-position: center;
}

/* TEXT FIX */
#colorlib-hero .slider-text {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

/* SAFETY (LIMITED - NOT GLOBAL *) */
img, video {
  max-width: 100%;
  height: auto;
}

/* FIX FLEX OVERFLOW */
.top-secondary-menu {
  flex-wrap: wrap;
  overflow: hidden;
}

/* HERO STRICT FIX */
#colorlib-hero,
#colorlib-hero .flexslider,
#colorlib-hero .slides,
#colorlib-hero .slides li {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden;
}

/* SAFETY */
img {
  max-width: 100%;
  height: auto;
}

body {
  overflow-x: hidden;
}

/* ===== FINAL SAFE GLOBAL FIX ===== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* SCROLL FIX */
html, body {
    overflow-x: hidden;
}

/* MEDIA SAFE */
img, video, iframe {
    max-width: 100%;
    height: auto;
}

/* BOOTSTRAP ROW FIX (IMPORTANT) */
.row {
    margin-left: -15px;
    margin-right: -15px;
}


/* ===== LOGO LEFT ALIGN FIX ===== */

#colorlib-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* left align */
  padding-left: 20px; /* spacing from left */
}

.colorlib-nav .top-menu .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* REMOVE EXTRA CENTER SHIFT */
#colorlib-logo img {
  margin-left: 0 !important;
}

#colorlib-logo {
  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 10px;
}

#colorlib-logo img {
  display: block;
}

/* ===== FINAL GLOBAL FIX ===== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body {
  overflow-x: hidden;
}

img, video, iframe {
  max-width: 100%;
  height: auto;
}


@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* =======================================================
*
* 	Template Style 
*
* ======================================================= */
body {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.7;
  color: #828282;
  background: #fff; }

#page {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .offcanvas #page {
    overflow: hidden;
    position: absolute; }
    .offcanvas #page:after {
      -webkit-transition: 2s;

      -o-transition: 2s;      transition: 2s;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 101;
      background: rgba(0, 0, 0, 0.7);
      content: ""; }

a {
  color: #bea34d;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  a:hover, a:active, a:focus {
    color: #bea34d;
    outline: none;
    text-decoration: none; }

p {
  margin-bottom: 20px; }

h1, h2, h3, h4, h5, h6, figure {
  color: #000;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 400;
  margin: 0 0 20px 0; }

::-webkit-selection {
  color: #fff;
  background: #bea34d; }

::-moz-selection {
  color: #fff;
  background: #bea34d; }

::selection {
  color: #fff;
  background: #bea34d; }

.colorlib-nav .top-menu{
padding:12px 0;
background:#fff;
border-bottom:2px solid #bea34d;
}

.colorlib-nav #colorlib-logo{
  font-size:22px;
  margin-top:-20px;
  margin:0;
  padding:0;
  text-transform:uppercase;
  font-weight:700;
  font-family:"Playfair Display", Georgia, serif;
}

.colorlib-nav #colorlib-logo a{
  color:#bea34d;
}

.colorlib-nav #colorlib-logo a span{
  color:#000;
}

.colorlib-nav #colorlib-logo img{
  height:95px;
  width:auto;
}

.colorlib-nav a {
  padding: 5px 10px;
  color: #000; }

@media screen and (max-width: 768px) {
  .colorlib-nav .menu-1 {
    display: none; } }

.colorlib-nav ul {
  padding: 0;
  margin: 5px 0 0 0; }
  .colorlib-nav ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;
    text-transform: uppercase; }
    .colorlib-nav ul li a{
font-size:14px;
padding:15px 14px;
color:#666;
font-weight:500;
letter-spacing:1px;
transition:0.3s;
}
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      .colorlib-nav ul li a:hover, .colorlib-nav ul li a:focus, .colorlib-nav ul li a:active {
        color: black; }
    .colorlib-nav ul li.has-dropdown {
      position: relative; }
      .colorlib-nav ul li.has-dropdown .dropdown {
        width: 140px;
        -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
        z-index: 1002;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 40px;
        left: 0;
        text-align: left;
        background: #000;
        padding: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s; }
        .colorlib-nav ul li.has-dropdown .dropdown:before {
          bottom: 100%;
          left: 40px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-bottom-color: #000;
          border-width: 8px;
          margin-left: -8px; }
        .colorlib-nav ul li.has-dropdown .dropdown li {
          display: block;
          margin-bottom: 7px; }
          .colorlib-nav ul li.has-dropdown .dropdown li:last-child {
            margin-bottom: 0; }
          .colorlib-nav ul li.has-dropdown .dropdown li a {
            padding: 2px 0;
            display: block;
            color: #999999;
            line-height: 1.2;
            text-transform: none;
            font-size: 13px;
            letter-spacing: 0; }
            .colorlib-nav ul li.has-dropdown .dropdown li a:hover {
              color: #fff; }
      .colorlib-nav ul li.has-dropdown:hover a, .colorlib-nav ul li.has-dropdown:focus a {
        color: #000; }
    .colorlib-nav ul li.btn-cta a {
      padding: 30px 0px !important;
      color: #fff; }
      .colorlib-nav ul li.btn-cta a span {
        background: #bea34d;
        padding: 10px 20px;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        border-radius: 100px; }
      .colorlib-nav ul li.btn-cta a:hover span {
        -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); }
    .colorlib-nav ul li.active > a {
      color: #bea34d;
      position: relative; }

#colorlib-counter,
.colorlib-bg {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative; }
  #colorlib-counter .overlay,
  .colorlib-bg .overlay {
    z-index: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7); }

.colorlib-video {
  overflow: hidden; }
  @media screen and (max-width: 992px) {
    .colorlib-video {
      height: 450px; } }
  .colorlib-video a {
    z-index: 1001;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;
    width: 90px;
    height: 90px;
    display: table;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
    .colorlib-video a i {
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      font-size: 40px; }
  .colorlib-video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .colorlib-video:hover .overlay {
    background: rgba(0, 0, 0, 0.7); }
  .colorlib-video:hover a {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }


#colorlib-hero {
  height: 420px !important;   /* ?? FIX */
  min-height: 420px !important;
  overflow: hidden;
  background: #fff url(../images/loader.gif) no-repeat center center;
  border-bottom: 3px solid #bea34d;
}

/* FORCE ALL SLIDER ELEMENTS SAME HEIGHT */
#colorlib-hero .flexslider,
#colorlib-hero .flexslider .slides,
#colorlib-hero .flexslider .slides li,
#colorlib-hero .flexslider .slider-text {
  height: 420px !important;
  min-height: 420px !important;
}

/* IMAGE */
#colorlib-hero .flexslider .slides li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}

/* DARK OVERLAY */
#colorlib-hero .flexslider .slides li:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}


/* MOBILE FIX */
@media screen and (max-width: 768px) {
  #colorlib-hero {
    height: 350px !important;
  }

  #colorlib-hero .flexslider,
  #colorlib-hero .flexslider .slides li,
  #colorlib-hero .flexslider .slider-text {
    height: 350px !important;
  }

  #colorlib-hero .flexslider .slider-text {
    padding-top: 40px; /* ?? mobile pe thoda upar */
  }

  #colorlib-hero .flexslider .slider-text-inner h1 {
    font-size: 26px;
  }
}


#colorlib-about,
#colorlib-practice,
#colorlib-testimonial,
#colorlib-started,
#colorlib-blog,
#colorlib-contact,
#colorlib-footer {
  padding: 7em 0;
  clear: both; }
  @media screen and (max-width: 768px) {
    #colorlib-about,
    #colorlib-practice,
    #colorlib-testimonial,
    #colorlib-started,
    #colorlib-blog,
    #colorlib-contact,
    #colorlib-footer {
      padding: 3em 0; } }

#colorlib-counter {
  padding: 4em 0;
  clear: both; }

.colorlib-counters {
  padding: 3em 0;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center; }
  .colorlib-counters .icon {
    width: 100px;
    height: 100px;
    display: table;
    margin: 0 auto;
    margin-bottom: 30px; }
    .colorlib-counters .icon i {
      display: table-cell;
      vertical-align: middle;
      width: 100px;
      height: 100px;
      font-size: 50px;
      color: #fff;
      background: #bea34d;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
  
  .colorlib-counters .colorlib-counter {
    font-size: 40px;
    display: block;
    color: white;
    font-family: "Playfair Display", Georgia, serif;
    width: 100%;
    font-weight: 700;
    margin-bottom: .3em; }
  .colorlib-counters .colorlib-counter-label {
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 5px;
    margin-bottom: 2em;
    display: block; }

#colorlib-intro,
#colorlib-content,
#colorlib-consult {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  width: 100%;
  float: left; }

#colorlib-content .video, #colorlib-content .choose,
#colorlib-consult .video,
#colorlib-consult .choose {
  display: inline-block; }
  @media screen and (max-width: 768px) {
    #colorlib-content .video, #colorlib-content .choose,
    #colorlib-consult .video,
    #colorlib-consult .choose {
      width: 100% !important; } }

#colorlib-content .video,
#colorlib-consult .video {
  display: table;
  width: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap; }

#colorlib-content .choose,
#colorlib-consult .choose {
  width: 50%;
  padding: 40px 40px; }

#colorlib-content .choose-form,
#colorlib-consult .choose-form {
  background: #31486f; }
  #colorlib-content .choose-form .colorlib-heading,
  #colorlib-consult .choose-form .colorlib-heading {
    margin-bottom: 40px; }
    #colorlib-content .choose-form .colorlib-heading h2,
    #colorlib-consult .choose-form .colorlib-heading h2 {
      color: #fff; }
  #colorlib-content .choose-form .form-control,
  #colorlib-consult .choose-form .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.1);
    font-size: 20px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8); }
    #colorlib-content .choose-form .form-control:active, #colorlib-content .choose-form .form-control:focus,
    #colorlib-consult .choose-form .form-control:active,
    #colorlib-consult .choose-form .form-control:focus {
      outline: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-color: #bea34d; }

.progress-bar {
  background-color: #31486f !important;
  font-size: 16px; }

#colorlib-intro {
  z-index: 0;
  padding-bottom: 7em; }

.third-col {
  padding: 2em;
  margin-top: -40px;
  z-index: 1;
  width: 50%;
  background: #415f92;
  color: #fff;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .third-col {
      width: 100% !important; } }
  .third-col h2 {
    color: #fff;
    font-weight: 700; }
  .third-col.third-col-color {
    background: #31486f; }
  .third-col .icon {
    position: absolute;
    top: 0px;
    left: -10%; }
    .third-col .icon i {
      font-size: 200px;
      color: rgba(255, 255, 255, 0.05); }

.services {
  position: relative;
  padding: 30px;
  margin-bottom: 60px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .services h3 {
    font-weight: 400; }
    .services h3 a {
      color: #31486f; }
  .services .icon {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 70px;
    height: 70px;
    display: table;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .services .icon i {
      display: table-cell;
      vertical-align: middle;
      height: 70px;
      font-size: 60px;
      line-height: 40px;
      color: #31486f; }
  .services:hover, .services:focus {
    background: #31486f;
    color: rgba(255, 255, 255, 0.7); }
    .services:hover h3 a, .services:focus h3 a {
      color: #fff; }
    .services:hover .icon i, .services:focus .icon i {
      color: #bea34d; }

.colorlib-social-icons {
  margin: 0;
  padding: 0; }
  .colorlib-social-icons li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .colorlib-social-icons li a {
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      color: #bea34d;
      padding-left: 10px;
      padding-right: 10px; }
      .colorlib-social-icons li a i {
        font-size: 20px; }

.colorlib-contact-info ul {
  padding: 0;
  margin: 0; }
  .colorlib-contact-info ul li {
    padding: 0 0 0 40px;
    margin: 0 0 30px 0;
    list-style: none;
    position: relative; }
    .colorlib-contact-info ul li:before {
      color: #bea34d;
      position: absolute;
      left: 0;
      top: .05em;
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .colorlib-contact-info ul li.address:before {
      font-size: 30px;
      content: "\e9d1"; }
    .colorlib-contact-info ul li.phone:before {
      font-size: 23px;
      content: "\e9f4"; }
    .colorlib-contact-info ul li.email:before {
      font-size: 23px;
      content: "\e9da"; }
    .colorlib-contact-info ul li.url:before {
      font-size: 23px;
      content: "\e9af"; }

.features {
  margin-bottom: 3em;
  width: 100%;
  float: left; }

.colorlib-heading {
  margin-bottom: 5em; }
  .colorlib-heading.colorlib-heading-sm {
    margin-bottom: 2em; }
  .colorlib-heading h2 {
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 1.5;
    color: #000;
    font-weight: 400; }
  .colorlib-heading p {
    font-size: 18px;
    line-height: 1.5;
    color: #828282; }
  .colorlib-heading span {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px; }
  .colorlib-heading.colorlib-heading2 h2 {
    font-size: 60px;
    font-weight: 700; }
  .colorlib-heading.colorlib-heading2 p {
    font-size: 24px;
    margin-bottom: 40px; }

#colorlib-testimonial .testimony-slide {
  text-align: center; }
  #colorlib-testimonial .testimony-slide span {
    font-size: 18px;
    font-weight: 700;
    display: block;
    color: #000; }
  #colorlib-testimonial .testimony-slide figure {
    margin-bottom: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
    #colorlib-testimonial .testimony-slide figure img {
      width: 140px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
  #colorlib-testimonial .testimony-slide blockquote {
    border: none;
    margin: 30px auto;
    width: 70%;
    position: relative;
    padding: 0; }
    @media screen and (max-width: 992px) {
      #colorlib-testimonial .testimony-slide blockquote {
        width: 100%; } }

#colorlib-testimonial .arrow-thumb {
  position: absolute;
  top: 40%;
  display: block;
  width: 100%; }
  #colorlib-testimonial .arrow-thumb a {
    font-size: 32px;
    color: #dadada; }
    #colorlib-testimonial .arrow-thumb a:hover, #colorlib-testimonial .arrow-thumb a:focus, #colorlib-testimonial .arrow-thumb a:active {
      text-decoration: none; }

#colorlib-testimonial .owl-theme .owl-dots .owl-dot.active span, #colorlib-testimonial .owl-theme .owl-dots .owl-dot:hover span {
  background: #bea34d; }

#colorlib-testimonial .owl-theme .owl-dots .owl-dot span {
  background: #31486f; }

.colorlib-staff {
  text-align: center;
  margin-bottom: 30px; }
  .colorlib-staff img {
    width: 100%;
    margin-bottom: 20px; }
  .colorlib-staff h3 {
    font-size: 24px;
    margin-bottom: 5px; }
  .colorlib-staff p {
    margin-bottom: 30px; }
  .colorlib-staff .role {
    color: gray;
    margin-bottom: 30px;
    font-weight: normal;
    display: block; }

#colorlib-started {
  padding: 3em 0 0 0;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 100%; }
  #colorlib-started .overlay {
    z-index: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7); }
  #colorlib-started .colorlib-heading h2 {
    line-height: 80px;
    color: #fff;
    margin-bottom: 30px !important; }
  #colorlib-started .colorlib-heading p {
    color: rgba(255, 255, 255, 0.5); }
  #colorlib-started .btn {
    height: 54px;
    border: none !important;
    background: #bea34d;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    padding-left: 50px;
    padding-right: 50px; }
  #colorlib-started .form-inline .form-group {
    width: 100% !important;
    margin-bottom: 10px; }
    #colorlib-started .form-inline .form-group .form-control {
      width: 100%; }

.blog-featured a img {
  margin-bottom: 30px; }

.blog-featured h2 a {
  color: #31486f; }
  .blog-featured h2 a:hover {
    color: #bea34d; }

.blog-entry {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 2em; }
  .blog-entry .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    float: left; }
  .blog-entry .desc {
    padding-left: 170px; }
    .blog-entry .desc h3 a {
      color: #31486f; }
      .blog-entry .desc h3 a:hover {
        color: #bea34d; }
    .blog-entry .desc .meta {
      color: #999999;
      font-size: 16px;
      margin-bottom: 10px; }

.colorlib-blog {
  margin-bottom: 40px;
  width: 100%;
  float: left; }
  .colorlib-blog > a {
    display: block;
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    .colorlib-blog > a img {
      width: 100%; }
  @media screen and (max-width: 768px) {
    .colorlib-blog {
      width: 100%; } }
  .colorlib-blog .blog-text {
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    padding: 30px;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .colorlib-blog .blog-text span {
      display: inline-block;
      margin-bottom: 20px; }
      .colorlib-blog .blog-text span.comment {
        float: right; }
        .colorlib-blog .blog-text span.comment a {
          color: rgba(0, 0, 0, 0.3); }
          .colorlib-blog .blog-text span.comment a i {
            color: #bea34d;
            padding-left: 7px; }
    .colorlib-blog .blog-text .meta {
      color: #b3b3b3;
      font-size: 16px;
      margin-bottom: 10px; }
    .colorlib-blog .blog-text h3 {
      font-size: 28px;
      margin-bottom: 20px;
      line-height: 1.5; }
      .colorlib-blog .blog-text h3 a {
        color: black; }

#colorlib-footer {
  background: #0b162a;
  color: rgba(255, 255, 255, 0.5);
  padding: 7em 0 4em 0; }
  #colorlib-footer .colorlib-footer-links {
    padding: 0;
    margin: 0; }
    @media screen and (max-width: 768px) {
      #colorlib-footer .colorlib-footer-links {
        margin-bottom: 30px; } }
    #colorlib-footer .colorlib-footer-links li {
      padding: 0;
      margin: 0;
      list-style: none; }
      #colorlib-footer .colorlib-footer-links li a {
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none; }
        #colorlib-footer .colorlib-footer-links li a:hover {
          text-decoration: underline; }
  #colorlib-footer h4 {
    color: #fff;
    font-size: 20px;
    border-bottom: 2px solid #bea34d;
    padding-bottom: 15px; }
  #colorlib-footer .colorlib-widget {
    margin-bottom: 30px; }
    @media screen and (max-width: 768px) {
      #colorlib-footer .colorlib-widget {
        text-align: left; } }
  #colorlib-footer .copyright .block {
    display: block; }

#map {
  width: 100%;
  height: 500px;
  position: relative; }
  @media screen and (max-width: 768px) {
    #map {
      height: 200px; } }

#colorlib-offcanvas {
  position: absolute;
  z-index: 1901;
  width: 270px;
  background: black;
  top: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 75px 40px 40px 40px;
  overflow-y: auto;
  display: none;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  @media screen and (max-width: 768px) {
    #colorlib-offcanvas {
      display: block; } }
  .offcanvas #colorlib-offcanvas {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); }
  #colorlib-offcanvas a {
    color: rgba(255, 255, 255, 0.5); }
    #colorlib-offcanvas a:hover {
      color: rgba(255, 255, 255, 0.8); }
  #colorlib-offcanvas ul {
    padding: 0;
    margin: 0; }
    #colorlib-offcanvas ul li {
      padding: 0;
      margin: 0;
      list-style: none; }
      #colorlib-offcanvas ul li > ul {
        padding-left: 20px;
        display: none; }
      #colorlib-offcanvas ul li.offcanvas-has-dropdown > a {
        display: block;
        position: relative; }
        #colorlib-offcanvas ul li.offcanvas-has-dropdown > a:after {
          position: absolute;
          right: 0px;
          font-family: 'icomoon';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e921";
          font-size: 20px;
          color: rgba(255, 255, 255, 0.2);
          -webkit-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s; }
      #colorlib-offcanvas ul li.offcanvas-has-dropdown.active a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); }

.uppercase {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase; }

.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .gototop.active {
    opacity: 1;
    visibility: visible; }
  .gototop a {
    width: 50px;
    height: 50px;
    display: table;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
    .gototop a i {
      height: 50px;
      display: table-cell;
      vertical-align: middle; }
    .gototop a:hover, .gototop a:active, .gototop a:focus {
      text-decoration: none;
      outline: none; }

.colorlib-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
  top: 25px !important; }
  .colorlib-nav-toggle.active i::before, .colorlib-nav-toggle.active i::after {
    background: #444; }
  .colorlib-nav-toggle:hover, .colorlib-nav-toggle:focus, .colorlib-nav-toggle:active {
    outline: none;
    border-bottom: none !important; }
  .colorlib-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 2px;
    color: #252525;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #252525;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .colorlib-nav-toggle i::before, .colorlib-nav-toggle i::after {
      content: '';
      width: 25px;
      height: 2px;
      background: #252525;
      position: absolute;
      left: 0;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out; }
  .colorlib-nav-toggle.colorlib-nav-white > i {
    color: #fff;
    background: #000; }
    .colorlib-nav-toggle.colorlib-nav-white > i::before, .colorlib-nav-toggle.colorlib-nav-white > i::after {
      background: #000; }

.colorlib-nav-toggle i::before {
  top: -7px; }

.colorlib-nav-toggle i::after {
  bottom: -7px; }

.colorlib-nav-toggle:hover i::before {
  top: -10px; }

.colorlib-nav-toggle:hover i::after {
  bottom: -10px; }

.colorlib-nav-toggle.active i {
  background: transparent; }

.colorlib-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  background: #fff; }

.colorlib-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  background: #fff; }

.colorlib-nav-toggle {
  position: absolute;
  right: 0px;
  top: 65px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important; }
  @media screen and (max-width: 768px) {
    .colorlib-nav-toggle {
      display: block; } }

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 20px; }
  .btn.btn-md {
    padding: 8px 20px !important; }
  .btn.btn-lg {
    padding: 18px 36px !important; }
  .btn:hover, .btn:active, .btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important; }

.btn-primary {
  background: #bea34d;
  color: #fff;
  border: 2px solid #bea34d; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #c5ad60 !important;
    border-color: #c5ad60 !important; }
  .btn-primary.btn-outline {
    background: transparent;
    color: #bea34d;
    border: 2px solid #bea34d; }
    .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
      background: #bea34d;
      color: #fff; }

.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c; }
  .btn-success:hover, .btn-success:focus, .btn-success:active {
    background: #4cae4c !important;
    border-color: #4cae4c !important; }
  .btn-success.btn-outline {
    background: transparent;
    color: #5cb85c;
    border: 2px solid #5cb85c; }
    .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
      background: #5cb85c;
      color: #fff; }

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de; }
  .btn-info:hover, .btn-info:focus, .btn-info:active {
    background: #46b8da !important;
    border-color: #46b8da !important; }
  .btn-info.btn-outline {
    background: transparent;
    color: #5bc0de;
    border: 2px solid #5bc0de; }
    .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
      background: #5bc0de;
      color: #fff; }

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    background: #eea236 !important;
    border-color: #eea236 !important; }
  .btn-warning.btn-outline {
    background: transparent;
    color: #f0ad4e;
    border: 2px solid #f0ad4e; }
    .btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
      background: #f0ad4e;
      color: #fff; }

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background: #d43f3a !important;
    border-color: #d43f3a !important; }
  .btn-danger.btn-outline {
    background: transparent;
    color: #d9534f;
    border: 2px solid #d9534f; }
    .btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
      background: #d9534f;
      color: #fff; }

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .btn.with-arrow i {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .btn.with-arrow:hover {
    padding-right: 50px; }
    .btn.with-arrow:hover i {
      color: #fff;
      right: 18px;
      visibility: visible;
      opacity: 1; }

.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300; }
  .form-control:active, .form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #bea34d; }

.row-pb-md {
  padding-bottom: 4em !important; }

.row-pb-sm {
  padding-bottom: 2em !important; }

.colorlib-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader.gif) center no-repeat #fff; }

.js .animate-box {
  opacity: 0; }

.jts-founder{
padding:80px 0;
background:#f7f7f7;
}

.jts-founder-box{
display:flex;
align-items:center;
}

.jts-founder-img{
width:100%;
border-radius:10px;
}

.jts-founder-title{
font-size:40px;
font-weight:700;
color:#0b2e2e;
margin-bottom:10px;
}

.jts-founder-sub{
font-size:22px;
color:#555;
margin-bottom:25px;
}

.jts-founder-text p{
font-size:17px;
line-height:1.8;
color:#444;
margin-bottom:18px;
}

@media(max-width:768px){



.jts-founder-box{
display:block;
}

.jts-founder-title{
font-size:30px;
}

}


.jts-about-left h2{
color:white;
font-size:42px;
margin-bottom:20px;
font-weight:700;
}

.jts-about-right p{
color:#ddd;
font-size:18px;
line-height:1.8;
margin-bottom:20px;
}

@media(max-width:768px){

.jts-about-section{
display:block;
text-align:center;
}

.jts-about-left h2{
font-size:32px;
}

}

#colorlib-footer{
background:#0b2e4f;
color:#ccc;
padding:7em 0 4em 0;
}

#colorlib-footer h4{
color:#fff;
border-bottom:2px solid #bea34d;
padding-bottom:12px;
margin-bottom:20px;
}

#colorlib-footer a{
color:#ddd;
}

#colorlib-footer a:hover{
color:#bea34d;
}

.colorlib-nav .top-menu{
background:#0b2e4f;
padding:18px 0;
border-bottom:2px solid #bea34d;
}

.colorlib-nav ul li a{
color:#bea34d;
font-size:14px;
letter-spacing:1px;
}

.colorlib-nav ul li a:hover{
color:#ffffff;
}

.colorlib-nav ul li.active a{
color:#ffffff;
}



/* dropdown parent */
.colorlib-nav ul li.has-dropdown{
position:relative;
padding-bottom:20px;
}

/* dropdown menu */
.colorlib-nav ul li.has-dropdown .dropdown{
position:absolute;
top:100%;
left:0;
background:#000;
padding:15px 20px;
width:200px;
opacity:0;
visibility:hidden;
transition:0.2s ease;
z-index:9999;
}


.jts-read-more{
display:inline-block;
margin-top:15px;
padding:10px 25px;
background:#bea34d;
color:#fff;
text-decoration:none;
font-size:15px;
border-radius:3px;
transition:0.3s;
}

.jts-read-more:hover{
background:#0b2e4f;
color:#fff;
}

.whatsapp-float{
position:fixed;
bottom:20px;
left:20px;
z-index:9999;
}

.whatsapp-float img{
border-radius:50%;
box-shadow:0 4px 10px rgba(0,0,0,0.3);
transition:0.3s;
}

.whatsapp-float img:hover{
transform:scale(1.1);
}


/* JTS Logo Fix */

#colorlib-logo img{
height:110px !important;
width:auto;
margin-top:-25px;
}

.colorlib-nav{
overflow:visible !important;
}

.colorlib-nav.top-menu{
border-bottom:1px solid #bea34d;
}

#colorlib-logo img{
filter:drop-shadow(0 3px 6px rgba(0,0,0,0.4));
}

/* Dropdown Fix */

.colorlib-nav ul li{
position:relative;
}

.colorlib-nav ul li ul{
display:none;
position:absolute;
top:100%;
left:0;
background:#000;
min-width:200px;
padding:10px 0;
}

/* ===== FINAL DROPDOWN ULTIMATE FIX ===== */

.colorlib-nav .menu-1 ul li.has-dropdown {
  position: relative;
}

/* dropdown base */
.colorlib-nav .menu-1 ul li.has-dropdown .dropdown {
  position: absolute !important;
  top: 100% !important;
  left: 0;

  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;

  pointer-events: none;
  transition: none !important;
  z-index: 9999;
}

/* show on hover */
.colorlib-nav .menu-1 ul li.has-dropdown:hover .dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto;
}

/* ?? MAIN FIX: invisible hover bridge */
.colorlib-nav .menu-1 ul li.has-dropdown::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 100%;
  height: 30px;
}

.colorlib-nav ul li ul li a{
display:block;
padding:8px 15px;
color:#fff;
}

.colorlib-nav ul li ul li a:hover{
background:#bea34d;
color:#000;
}


/* Expertise Dropdown Fix */

.colorlib-nav .menu-1 ul li {
position: relative;
}

.colorlib-nav .menu-1 ul li .dropdown{
position: absolute;
top: 100%;
left: 0;
background: #000;
width: 220px;
padding: 10px 0;
display: none;
z-index: 9999;
border-radius: 4px;
}

.colorlib-nav .menu-1 ul li:hover .dropdown{
display: block;
}

.colorlib-nav .menu-1 ul li .dropdown li{
display:block;
}

.colorlib-nav .menu-1 ul li .dropdown li a{
display:block;
padding:10px 18px;
color:#fff;
font-size:14px;
}

.colorlib-nav .menu-1 ul li .dropdown li a:hover{
background:#bea34d;
color:#000;
}

#colorlib-started{
position:relative;
padding:120px 0;
background-size:cover;
background-position:center center;
background-attachment:fixed;
}

/* Dark Blue Overlay */
#colorlib-started .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(10,32,56,0.85);
z-index:1;
}

/* Content Above Overlay */
#colorlib-started .container{
position:relative;
z-index:2;
}

/* Left Side Heading */
.jts-about-left h2{
color:#ffffff;
font-size:48px;
font-weight:700;
line-height:1.3;
margin-bottom:10px;
}

/* Right Side Text */
.jts-about-right p{
color:#e5e5e5;
font-size:18px;
line-height:1.8;
margin-bottom:20px;
}

#colorlib-hero .desc h1{
font-family: 'Playfair Display', serif;
font-size:48px;
font-weight:600;
letter-spacing:1px;
line-height:1.4;
}

#colorlib-hero .desc p{
font-size:18px;
line-height:1.8;
color:#e5e5e5;
}
.founder-section h2{
font-family:'Playfair Display', serif;
font-size:44px;
font-weight:600;
color:#0f2b46;
margin-bottom:10px;
}

.founder-section h4{
font-size:18px;
color:#c6a55b;
font-weight:500;
letter-spacing:1px;
}

.founder-section p{
font-family:'Inter', sans-serif;
font-size:17px;
line-height:1.9;
color:#555;
}

.btn-warning{
background:#c6a55b;
border:none;
padding:12px 28px;
font-weight:500;
letter-spacing:1px;
transition:0.3s;
}

.btn-warning:hover{
background:#b8954a;
transform:translateY(-2px);
}

.has-dropdown {
  position: relative;
}

.has-dropdown .dropdown {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}


/* REMOVE GAP + PROPER ALIGN */
.menu-1 ul li.has-dropdown .dropdown {
  top: 100%;
  margin-top: 0;
}

/* SMOOTH POSITION */
.menu-1 ul li.has-dropdown {
  position: relative;
}

/* CENTER ALIGN DROPDOWN */
.menu-1 ul li.has-dropdown .dropdown {
  left: 0;
}

/* PREMIUM LOOK */
.menu-1 ul li.has-dropdown .dropdown {
  background: #000;
  border-radius: 6px;
  padding: 10px 0;
}

/* HOVER EFFECT */
.menu-1 ul li.has-dropdown .dropdown li a:hover {
  background: #c8a45d;
  color: #000;
}

/* ARROW POINTER */
.menu-1 ul li.has-dropdown .dropdown:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 20px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #000;
}


.top-secondary-menu {
    background: linear-gradient(to right, #0b2e4f, #0d2b4d);
    padding: 6px 0;
    margin: 0;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid #bea34d;
}

.top-secondary-menu a {
    margin: 0 18px;
    text-decoration: none;
    font-weight: 600;
    color: #ff4d4d;
    font-size: 13px;
    letter-spacing: 0.5px;
    position: relative;
    transition: 0.3s;
}



.top-secondary-menu a:hover {
    color: #ffffff;
    text-shadow: 0 0 6px rgba(255,255,255,0.5);
}




/* ================= HERO TEXT POSITION ================= */
#colorlib-hero .flexslider .slider-text > .slider-text-inner {
    vertical-align: top;
    padding-top: 40px;   /* ?? 120 se kam (perfect position) */
}

/* Socrates right align */
#colorlib-hero .flexslider .slider-text-inner h2 {
  text-align: right;
  display: block;
  margin-top: 5px;
  padding-right: 20px;
  font-style: italic;
}


/* ================= WE LISTEN SECTION ================= */
.jts-about-section {
  padding: 25px 0 !important;   /* ?? compact height */
  margin-bottom: 0 !important;
}

/* ? GOLD LINE REMOVE (extra line issue fix) */
.jts-about-left:before {
  display: none !important;
}


/* ================= ABOUT / DEDICATION SECTION ================= */
#colorlib-started,
.dedication-section {
  margin-top: 10px !important;     /* ?? proper gap */
  padding-top: 40px !important;
  border-top: 2px solid #bea34d;   /* ?? clean divider */
}

/* LIGHT BACKGROUND */
.dedication-section {
  background: #f8f8f8;
}

.jts-founder {
  margin-top: 80px;
  padding: 50px 0;
  border-top: 2px solid #bea34d;
  background: #f8f8f8;
}

.jts-founder-title {
  font-size: 38px;
  margin-bottom: 10px;
}

.jts-founder-sub {
  margin-bottom: 40px;
  color: #666;
}
/* ================= FINAL MOBILE MENU FIX ================= */
@media screen and (max-width: 768px) {

  /* FORCE HAMBURGER SHOW */
  .colorlib-nav-toggle {
    display: block !important;
  }

  /* HIDE BY DEFAULT */
  .menu-1 {
    display: none !important;
    width: 100%;
    background: #0d2b4c;
  }

 

  /* STRUCTURE FIX */
  .menu-1 ul {
    display: block !important;
    width: 100%;
  }

  .menu-1 ul li {
    display: block !important;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }

  .menu-1 ul li a {
    display: block;
    padding: 14px 20px;
    color: #fff !important;
  }

  /* DROPDOWN MOBILE CLICK */
  .has-dropdown .dropdown {
    position: relative !important;
    display: none !important;
    background: #000;
  }

  .has-dropdown.active .dropdown {
    display: block !important;
  }

  /* REMOVE HOVER ISSUE */
  .has-dropdown:hover .dropdown {
    display: none !important;
  }

}




/* MOBILE DROPDOWN FIX FINAL */

#colorlib-offcanvas ul li .dropdown {
  display: none !important;
  position: relative !important;
}

#colorlib-offcanvas ul li.active > .dropdown {
  display: block !important;
}

#colorlib-offcanvas ul li.has-dropdown > a {
  cursor: pointer;
}

/* FINAL OFFCANVAS DROPDOWN FIX */

#colorlib-offcanvas ul li.has-dropdown > a {
  position: relative;
}

#colorlib-offcanvas ul li.has-dropdown > a:after {
  content: "\e921";
  font-family: 'icomoon';
  position: absolute;
  right: 0;
  font-size: 16px;
}

#colorlib-offcanvas ul li.active > .dropdown {
  display: block !important;
}
.review-card {
  background: #0b162a;
  color: #fff;
}
.review-slider .review-card {
  margin: 10px;
}

/* ===== REVIEWS FINAL PREMIUM LOOK ===== */

.jts-reviews {
  padding: 70px 0;
  background: #f4f6f9;
}

.jts-review-title {
  font-size: 38px;
  font-family: 'Playfair Display', serif;
  color: #0b2e4f;
  margin-bottom: 10px;
}

.jts-review-line {
  width: 100px;
  height: 3px;
  background: #bea34d;
  margin: 0 auto 40px;
}

/* CARD */
.review-card {
  background: #0b2e4f;
  padding: 25px;
  border-radius: 8px;
  color: #fff;
  min-height: 230px;
  transition: 0.3s;
}

.review-card:hover {
  transform: translateY(-6px);
}

/* HEADER */
.review-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.review-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 12px;
  object-fit: cover;
}

.review-header h4 {
  color: #bea34d;
  font-size: 18px;
  margin: 0;
}

/* TEXT FIX */
.review-card p {
  font-size: 15px;
  line-height: 1.7;
  color: #f1f1f1;
  margin-top: 10px;
}

/* SLIDER SPACING */
.review-slider .review-card {
  margin: 10px;
}


.visitor-counter {
  margin-top: 15px;
}

.visitor-counter span {
  display: block;
  font-size: 14px;
  color: #ccc;
}

.visitor-counter h3 {
  font-size: 28px;
  color: #bea34d;
  margin-top: 5px;
}
/* FORCE GAP BETWEEN SECTIONS */
#colorlib-started {
  margin-bottom: 0 !important;
  padding-bottom: 60px !important;
}

/* WHITE GAP + GOLD LINE */
.section-divider {
  height: 70px;
  background: #fff;
  display: block;
  position: relative;
  z-index: 5;
}



/* DEDICATION SECTION */
.jts-founder {
  margin-top: 0 !important;
  padding-top: 60px;
  background: #f8f8f8;
}

.section-gap{
  height: 70px;
  background: #fff;
  position: relative;
}

.section-gap:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  height: 2px;
  background: #bea34d;
}

.top-secondary-menu {
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;   /* spacing between links */
    flex-wrap: wrap;; /* force single line */
}

.top-secondary-menu a {
    font-size: 18px !important;
    font-weight: 700;
    color: #ff4d4d;
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: normal; /* prevent line break */
}

@media (max-width: 768px) {

    .top-secondary-menu a {
        font-size: 14px !important;  /* mobile ke liye chhota */
        letter-spacing: 0.5px;
    }

    .top-secondary-menu {
        gap: 10px;  /* spacing kam */
    }

}
/* ===== FINAL WORD OF THE DAY FIX ===== */

.word-day-bar {
  background: #000;
  color: #fff;
  padding: 10px 0;
  margin-top: 5px;

  border: none !important;
  box-shadow: none !important;

  position: relative;
  z-index: 1;

  overflow: hidden;   /* IMPORTANT */
  white-space: nowrap;
}

/* scrolling text (FIXED) */
.scroll-text {
  display: inline-block;
  white-space: nowrap;
  animation: scrollLeft 18s linear infinite;

  font-size: 22px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.5px;

  text-decoration: none !important;
  border: none !important;
}

/* remove underline if any link */
.scroll-text a {
  text-decoration: none !important;
  color: inherit;
  border: none !important;
}

/* animation */
@keyframes scrollLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}





/* mobile size */
@media (max-width: 768px) {
  .scroll-text {
    font-size: 16px;
  }
}

#colorlib-started,
.dedication-section,
.jts-founder {
  border-top: none !important;
}
/* ===== GLOBAL SECTION DIVIDER (SAFE) ===== */

.section-block {
  position: relative;
}

/* ?? TOP LINE */
.section-block::before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;              /* white gap */
  background: #fff;
  border-bottom: 3px solid #bea34d;  /* gold */
}

/* ?? BOTTOM LINE */
.section-block::after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background: #fff;
  border-top: 3px solid #bea34d;
}

/* ===== REMOVE EXTRA TEMPLATE SPACE ===== */
#colorlib-about,
#colorlib-practice,
#colorlib-testimonial,
#colorlib-started,
#colorlib-blog,
#colorlib-contact,
#colorlib-footer {
  padding: 40px 0 !important;   /* ?? 7em ? 40px */
}

/* ===== HEADING GAP FIX ===== */
.colorlib-heading {
  margin-bottom: 20px !important;
}

/* ===== DEDICATION FIX ===== */
.jts-founder {
  margin: 0 !important;
  padding: 40px 0 !important;
}

/* ===== BLOG FIX ===== */
#colorlib-blog {
  margin: 0 !important;
  padding: 40px 0 !important;
}

/* ===== REVIEWS FIX ===== */
.jts-reviews {
  margin: 0 !important;
  padding: 30px 0 !important;
}

/* ===== REMOVE EXTRA CUSTOM GAPS ===== */
.section-gap,
.section-divider {
  display: none !important;
}

/* ===== FINAL DIVIDER (MINIMAL) ===== */
.section-block::before,
.section-block::after {
  height: 4px;   /* ?? compact */
}


/* ===== REMOVE EXTRA SPACE COMPLETELY ===== */

/* BLOG TOP GAP KILL */
#colorlib-blog {
  padding-top: 20px !important;
  padding-bottom: 30px !important;
  margin-top: 0 !important;
}

/* MAIN CULPRIT FIX ?? */
.colorlib-heading {
  margin-bottom: 10px !important;   /* pehle 5em tha (~80px ??) */
}

/* ===== GLOBAL ===== */
body {
  font-family: 'Playfair Display', serif;
  line-height: 1.7;
  text-align: justify;
}

p {
  margin-bottom: 15px;
  font-size: 15px;
}

h1, h2, h3 {
  text-align: center;
}

/* ===== NAVBAR ===== */
.navbar,
.colorlib-nav {
  position: sticky;
  top: 0;
  z-index: 999;
}

.nav-toggle,
.colorlib-nav-toggle {
  background: #0A1F44;
  padding: 8px 10px;
  border-radius: 6px;
}

.nav-toggle i,
.colorlib-nav-toggle i {
  color: #fff;
  font-size: 20px;
}

/* ===== SECTION DEFAULT ===== */
section {
  padding: 40px 15px;
}

/* ===== WHATSAPP ===== */
.whatsapp-float {
  bottom: 20px;
  right: 15px;
  z-index: 999;
}

/* ===== HEADING GAP FIX ===== */
.colorlib-heading {
  margin-bottom: 20px;
}

/* ===== DEDICATION SECTION ===== */
.jts-founder {
  margin-top: 60px;
  padding: 50px 0;
  background: #f8f8f8;
}

.jts-founder-title {
  margin-bottom: 30px;
  letter-spacing: 1px;
}

.jts-founder-text {
  padding-top: 0 !important;
}

.jts-founder-text p {
  line-height: 1.8;
  color: #444;
}

.founder-name {
  font-weight: 600;
  font-size: 18px;
  color: #000;
}

.jts-founder-img {
  width: 100%;
  border-radius: 8px;
  margin-top: -10px;
}

/* ===== BLOG SECTION ===== */
.jts-blog-section {
  background: #f8f8f8;
  padding: 50px 0;
}

.jts-blog-title {
  font-size: 38px;
  font-weight: 700;
  color: #0b2e2e;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.jts-blog-sub {
  color: #666;
  font-size: 17px;
  line-height: 1.7;
}

.jts-blog-row {
  margin-top: 30px;
}

/* FEATURED BLOG */
.jts-blog-card {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
}

.jts-blog-card h3 {
  font-size: 22px;
  margin-top: 15px;
}

.jts-blog-card p {
  font-size: 16px;
  line-height: 1.8;
  color: #444;
}

/* SIDE BLOG */
.jts-blog-entry {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.jts-blog-entry img {
  width: 120px;
  border-radius: 8px;
}

.jts-blog-entry h4 {
  font-size: 18px;
  margin-bottom: 5px;
}

.jts-blog-entry p {
  font-size: 15px;
  color: #444;
  line-height: 1.7;
}

/* META */
.meta {
  color: #888;
  font-size: 14px;
}

/* BLOG LINKS */
.jts-blog-section h3 a,
.jts-blog-section h4 a {
  color: #0b2e2e;
  text-decoration: none;
}

.jts-blog-section h3 a:hover,
.jts-blog-section h4 a:hover {
  color: #c9a34e;
}

/* ===== FINAL TESTIMONIAL FIX (CLEAN) ===== */

.jts-reviews {
  padding: 40px 0 !important;
  background: #f8f8f8 !important;
}

.jts-review-title {
  font-size: 34px !important;
  color: #0b2e2e !important;
  text-align: center;
}

.jts-review-line {
  width: 60px;
  height: 3px;
  background: #c9a34e;
  margin: 10px auto 25px;
}

/* CARD FIX */
.review-card {
  background: #0A1F44 !important;
  color: #fff !important;
  padding: 20px !important;
  border-radius: 10px !important;
  min-height: auto !important;
}

/* HEADER */
.review-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.review-img {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
}

.review-header h4 {
  font-size: 16px;
  color: #c9a34e;
}

/* TEXT */
.review-card p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

/* ===== MOBILE FIX ===== */
@media (max-width: 768px) {

  .review-card {
    padding: 18px !important;
  }

  .review-card p {
    text-align: left !important;
  }

}

.marquee {
  padding: 8px 0;
  white-space: nowrap;
  overflow: hidden;
}
#colorlib-hero {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


.jts-founder-text p {
  color: #333;   /* dark karo */
}

.jts-blog-entry p {
  color: #444;
}

.review-card {
  margin: 10px;
}

.whatsapp-float {
  bottom: 80px;
}

body {
  font-family: 'Playfair Display', serif;
}

p {
  font-family: 'Open Sans', sans-serif;
}

/* ?? Dedication ke upar extra gap remove */
.jts-founder {
  margin-top: 20px !important;   /* pehle 60 tha ? kam kar diya */
  padding-top: 30px !important;
}

/* ?? Gold line ke upar ka gap control */
.section-block {
  padding-top: 20px !important;
}

/* ?? Previous section bottom gap control */
.jts-about-section {
  margin-bottom: 0 !important;
  padding-bottom: 20px !important;
}
.jts-founder::before {
  display: none;
}


/* ================= CLEAN MASTER FIX ================= */

/* ===== GLOBAL ===== */
body {
  overflow-x: hidden;
  text-align: left !important;
}

p {
  text-align: justify;
}




/* ===== REMOVE EXTRA GAP ===== */
.section-gap,
.section-divider {
  display: none !important;
}


/* ===== LOGO FIX ===== */
#colorlib-logo {
  display: flex;
  align-items: center;
}

#colorlib-logo img {
  height: 90px;
  margin-top: 0 !important;
}


/* ================= MOBILE HEADER FINAL FIX ================= */
@media (max-width: 768px) {

  /* IMPORTANT: koi flex hack nahi */
  .colorlib-nav .top-menu {
    position: relative;
  }

  /* logo left */
  #colorlib-logo {
    margin-left: 10px;
  }

  /* toggle right PERFECT FIX */
  .colorlib-nav-toggle {
    position: absolute;
    right: 15px;
    top: 25px;
  }

}


/* ===== IMAGE SAFE ===== */
img {
  max-width: 100%;
  height: auto;
}
.colorlib-nav-toggle {
  background: rgba(255,255,255,0.1);
  padding: 8px;
  border-radius: 6px;
}
#colorlib-logo img {
  filter: drop-shadow(0 3px 6px rgba(0,0,0,0.4));
}
@media (max-width: 768px) {
  .colorlib-nav .top-menu {
    padding: 12px 0;
  }
}


/* ================= MOBILE LAYOUT FIX (CRITICAL) ================= */

@media (max-width: 768px) {

  /* FORCE FULL WIDTH */
  #colorlib-content,
  #colorlib-consult {
    display: block !important;
  }

  #colorlib-content .video,
  #colorlib-content .choose,
  #colorlib-consult .video,
  #colorlib-consult .choose {
    width: 100% !important;
    display: block !important;
  }

  /* REMOVE SIDE GAP ISSUE */
  .container,
  .row,
  [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin: 0 !important;
  }

  /* FIX LEFT CUT ISSUE */
  body, html {
    overflow-x: hidden;
  }

  /* SECTION FIX */
  section,
  #colorlib-contact,
  #colorlib-footer {
    width: 100% !important;
    display: block !important;
  }

}


* {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}



/* ===== SAFE RESPONSIVE FIX (FINAL) ===== */

/* prevent right scroll */
html, body {
  overflow-x: hidden;
}

/* images safe */
img {
  max-width: 100%;
  height: auto;
}

/* fix row overflow (IMPORTANT) */
.row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

/* mobile fix only (SAFE) */
@media (max-width: 768px) {

  /* content full width */
  #colorlib-content .video,
  #colorlib-content .choose,
  #colorlib-consult .video,
  #colorlib-consult .choose {
    width: 100% !important;
  }

  /* fix overflow */
  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

}

/* ===== REMOVE TOP GOLD LINE ===== */
#colorlib-started,
.dedication-section,
.jts-founder {
  border-top: none !important;
}

/* agar section-block use ho raha hai */
.section-block::before {
  display: none !important;
}


/* ===== ADD UNDERLINE BELOW HEADING ===== */
.jts-founder-title {
  position: relative;
  display: inline-block;
  text-align: center;
}

/* GOLD LINE BELOW HEADING */
.jts-founder-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #bea34d;
  margin: 10px auto 0;
}

/* ===== DEDICATION FINAL DESIGN FIX ===== */

/* section niche lao */
.jts-founder {
  margin-top: 80px !important;
}

/* NAME ko H2 + bold look */
.founder-name {
  display: block;
  font-size: 26px;   /* H2 jaisa */
  font-weight: 700;
  color: #000;
  margin-bottom: 15px;
}

/* paragraph niche shift */
.jts-founder-text p {
  margin-top: 20px;
  line-height: 1.8;
}

/* extra spacing between heading & content */


/* ===== DEDICATION FINAL PERFECT FIX ===== */

/* ? REMOVE GOLD LINE ABOVE */
.section-block::before {
  display: none !important;
}

/* SECTION SPACING */
.jts-founder {
  margin-top: 100px !important;
  padding-top: 20px !important;
}

/* HEADING */
.jts-founder-title {
  text-align: center;
  font-size: 38px;
  margin-bottom: 25px;
  position: relative;
}

/* GOLD UNDERLINE (CENTER) */
.jts-founder-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #bea34d;
  margin: 10px auto 0;
}

/* NAME HEADING */
.founder-name {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #000;
}

/* TEXT SPACING */
.jts-founder-text p {
  margin-top: 15px;
  line-height: 1.9;
  color: #444;
}

/* IMAGE */
.jts-founder-img {
  border-radius: 10px;
}

/* ===== DEDICATION FINAL TUNING ===== */

/* ?? Heading size increase */
.jts-founder-title {
  font-size: 42px !important;
  font-weight: 700;
}

/* ?? Text ko niche shift karo (image ke saamne se hatane ke liye) */
.jts-founder-text {
  padding-top: 60px !important; /* 2 line gap */
}

/* thoda aur clean spacing */
.jts-founder-text p {
  font-size: 16px;
  line-height: 1.9;
}

.jts-founder-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ===== FINAL DEDICATION FIX (WORKING PERFECT) ===== */

/* ?? heading bada */
.jts-founder-title {
  font-size: 42px !important;
  font-weight: 700;
  text-align: center;
}

/* ?? NAME */
.founder-name {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 10px; /* pehle 20 tha */
}

/* ?? MAIN FIX (IMPORTANT) */
/* text ko image ke niche se start karwana */
.jts-founder-box {
  align-items: flex-start !important;
}

/* TEXT KO NICHE SHIFT KARO */
.jts-founder-text {
  margin-top: 40px !important;  /* balanced gap */
}
/* spacing */
.jts-founder-text p {
  margin-bottom: 18px;
  line-height: 1.9;
}


/* ===== PERFECT ALIGNMENT FIX ===== */

/* row ko top align karo */
.jts-founder-box {
  align-items: flex-start !important;
}

/* ? text ko niche shift mat karo */
.jts-founder-text {
  margin-top: 0 !important;
}

/* ? image ko niche lao */
.jts-founder-img {
  margin-top: 60px;  /* adjust: 40–80 px */
  border-radius: 10px;
}

.jts-founder-text p {
  color: #555;
}

.jts-founder-img {
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* ===== INTRO SECTION ===== */

.jts-intro {
  padding: 60px 0;
  text-align: center;
  background: #fff;
}

/* heading */
.jts-intro-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
}

/* underline */
.jts-intro-title::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background: #bea34d;
  margin: 10px auto 0;
}

/* text */
.jts-intro-text {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 25px;
}

/* button */
.jts-readmore-btn {
  display: inline-block;
  padding: 10px 25px;
  background: #0A1F44;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}

.jts-readmore-btn:hover {
  background: #bea34d;
  color: #000;
}

/* ===== WELCOME SECTION FINAL POLISH ===== */

.jts-intro {
  background: #ffffff; /* keep white */
  padding: 70px 0;
  text-align: center;
}

/* text justify for premium feel */
.jts-intro-text {
  text-align: justify;
  max-width: 900px;
  margin: 0 auto 25px;
  color: #555;
  line-height: 1.9;
}

/* heading */
.jts-intro-title {
  font-size: 34px;
  font-weight: 700;
}

/* button spacing */
.jts-readmore-btn {
  margin-top: 10px;
}
/* ===== INSIGHTS SECTION ===== */

#colorlib-blog {
  background: #f4f4f4; /* Dedication jaisa soft grey */
  padding: 80px 0;
}

/* HEADING */
#colorlib-blog h2 {
  font-size: 38px;
  font-weight: 700;
  text-align: center;
  position: relative;
  display: inline-block;
}

/* CENTER ALIGN FIX */
#colorlib-blog .text-center {
  text-align: center;
}

/* GOLD UNDERLINE */
#colorlib-blog h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #bea34d;
  margin: 10px auto 0;
}

/* SUBTEXT */
#colorlib-blog p {
  color: #666;
  text-align: center;
  max-width: 700px;
  margin: 10px auto 0;
  line-height: 1.8;
}

/* FEATURED CARD */
.blog-featured {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* BLOG TITLES */
#colorlib-blog h3 a,
#colorlib-blog h4 a {
  color: #bea34d;
  font-weight: 600;
  text-decoration: none;
}

#colorlib-blog h3 a:hover,
#colorlib-blog h4 a:hover {
  color: #000;
}

/* SIDE BLOG */
.blog-entry {
  display: flex;
  gap: 15px;
  margin-bottom: 25px;
}

/* IMAGE */
.blog-entry img,
.blog-featured img {
  border-radius: 10px;
}

/* META */
.meta {
  color: #999;
  font-size: 14px;
}
/* ===== FIX BLOG RIGHT SIDE ALIGNMENT ===== */

.blog-entry {
  text-align: left !important;
}

.blog-entry h4 {
  text-align: left !important;
}

.blog-entry p {
  text-align: left !important;
}

/* meta bhi left */
.blog-entry .meta {
  text-align: left !important;
}


/* HERO TEXT FIX */
.slider-text-inner h1 {
  text-align: center;
  font-size: 42px;
}

.slider-text-inner h2 {
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
}

/* DESCRIPTION LEFT + READABLE */
.hero-desc {
  text-align: left;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
  color: #ddd;
  font-size: 16px;
}

/* HERO TEXT ALIGN FIX */
.slider-text-inner {
  text-align: left !important;
  max-width: 700px;
  margin: 0 auto;
}

/* HEADING */
.slider-text-inner h1 {
  text-align: left;
  font-size: 42px;
  margin-bottom: 10px;
}

/* AUTHOR */
.slider-text-inner h2 {
  text-align: right;
  font-size: 16px;
  margin-bottom: 20px;
}

/* PARAGRAPH */
.hero-desc {
  text-align: left;
  line-height: 1.8;
  color: #ddd;
  font-size: 16px;
}

.slider-text-inner h1 {
  letter-spacing: 1px;
}

.hero-desc {
  max-width: 600px;
}

/* ===== .introduction-page ... SECTION PREMIUM FIX ===== */

#colorlib-started {
  position: relative;
  padding: 100px 0;
  background-size: cover;
  background-position: center;
}

/* DARK OVERLAY */
#colorlib-started .overlay {
  background: rgba(0, 0, 0, 0.6);
}

/* LEFT SIDE (HEADINGS) */
.jts-about-left h2 {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.2;
}

/* GOLD ACCENT (last line highlight optional) */
.jts-about-left h2:last-child {
  color: #bea34d;
}

/* RIGHT TEXT */
.jts-about-right {
  padding-left: 30px;
}

.jts-about-right p {
  color: #ddd;
  font-size: 16px;
  line-height: 1.9;
  text-align: justify;   /* ?? important */
  margin-bottom: 20px;
}

/* ALIGNMENT FIX */
.jts-about-section {
  display: flex;
  align-items: center;
}
#colorlib-hero {
  margin-bottom: 0 !important;
}

#colorlib-started {
  margin-top: 0 !important;
}
#colorlib-started .overlay {
  background: rgba(10, 30, 60, 0.85); /* navy tone */
}

.jts-about-right p {
  text-align: justify;
  text-justify: inter-word;
  max-width: 520px;
}
.slider-text-inner h2 {
  margin-top: 10px;
  font-style: italic;
  opacity: 0.9;
}
.blog-featured img {
  height: 320px;
  object-fit: cover;
}
.testimony-wrap {
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
footer h4 {
  letter-spacing: 1px;
}

footer p, footer li {
  font-size: 14px;
  color: #ccc;
}
footer {
  padding-bottom: 40px;
}
footer .fa {
  transition: 0.3s;
}

footer .fa:hover {
  color: #bea34d;
  transform: translateY(-3px);
}

/* ONLY ABOUT PAGE */
.about-page .jts-founder-text p {
  text-align: justify;
  line-height: 1.8;
}

.about-page .jts-intro-text {
  line-height: 1.8;
  font-size: 16px;
}

.about-page .jts-founder-img {
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.about-page .jts-intro {
  padding: 80px 0;
}

.about-page .jts-intro-title {
  font-size: 32px;
  font-weight: 700;
}

.about-page .jts-intro-text {
  line-height: 1.8;
  font-size: 16px;
}


.about-page .jts-intro {
  padding: 70px 0;
}

.about-page .jts-intro-title {
  text-align: center;
  margin-bottom: 30px;
}

.about-page .jts-why-list {
  list-style: disc;
  padding-left: 20px;
  max-width: 800px;
  margin: auto;
  line-height: 1.8;
}

.about-page .jts-why-list li {
  margin-bottom: 10px;
}

.about-page .jts-quote {
  margin-top: 25px;
  text-align: center;
  font-style: italic;
}
.jts-why-list {
  list-style: disc;
  text-align: left;
  display: inline-block;
}
.jts-quote {
  margin-top: 30px;
  text-align: center;
  font-style: italic;
  color: #c9a64b;
}
.jts-why-list {
  display: inline-block;
  text-align: left;
  margin-top: 20px;
}

.jts-why-list li {
  margin-bottom: 12px;
  color: #444;
}

.jts-intro-title::after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background: #c9a64b;
  margin: 10px auto 0;
}
/* ===== MISSION PAGE ===== */

.mission-page .jts-founder-text {
  line-height: 1.9;
  font-size: 16px;
  max-width: 850px;
  margin: auto;
}

.mission-page .jts-founder-text p {
  margin-bottom: 22px;
  text-align: justify;
}

/* LIST STYLE */
.mission-page .jts-list {
  margin-top: 15px;
  list-style: none;
  padding-left: 15px;
  border-left: 3px solid #c9a64b;
}

.mission-page .jts-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;
}

/* PERFECT BULLET (NO TEXT, PURE CSS DOT) */
.mission-page .jts-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #c9a64b;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

/* HIGHLIGHT TEXT */
.mission-page .jts-list li strong {
  color: #c9a64b;
}

/* HEADINGS */
.mission-page strong {
  color: #0f2c4c;
}

.mission-page .jts-list li::before {
  top: 8px;
}

.mission-page .jts-founder-text {
  max-width: 100%;
}
.mission-page .jts-founder-text {
  line-height: 1.8;
}
.mission-page .jts-list li::before {
  top: 9px;
}

/* ===== FINAL WE LISTEN FIX ===== */

/* STOP OVERFLOW */
html, body {
  overflow-x: hidden !important;
}

/* REMOVE FLEX CONFLICT */
.jts-about-section{
  display: block !important;
  margin: 0 !important;
}

/* FIX BOOTSTRAP ROW ISSUE */
.jts-about-section .col-md-6{
  width: 100% !important;
  max-width: 100% !important;
}

/* HEADING CONTROL */
.jts-about-left h2{
  font-size: 36px !important;
  line-height: 1.2 !important;
  word-break: break-word;
  text-align: center;
}

/* RIGHT TEXT */
.jts-about-right{
  padding: 0 15px;
}

/* MOBILE PERFECT */
@media (min-width: 769px){
  .jts-about-section{
    display: flex !important;
    align-items: center;
  }

  .jts-about-section .col-md-6{
    width: 50% !important;
  }

  .jts-about-left h2{
    font-size: 48px !important;
    text-align: left;
  }
}


/* ===== FINAL RESPONSIVE FIX ===== */

/* 1. FULL WEBSITE RIGHT SCROLL FIX */
html, body {
  overflow-x: hidden !important;
}

/* 2. WE LISTEN SECTION FIX */
.jts-about-section {
  display: block !important;
  margin: 0 !important;
}

/* 3. COLUMN FULL WIDTH (MOBILE) */
.jts-about-section .col-md-6 {
  width: 100% !important;
  max-width: 100% !important;
}

/* 4. WE LISTEN TEXT FIX */
.jts-about-left h2 {
  font-size: 32px !important;
  line-height: 1.2;
  text-align: center;
  word-break: break-word;
}

/* 5. RIGHT CONTENT FIX */
.jts-about-right {
  padding: 0 15px;
}

/* ===== FINAL RESPONSIVE FIX (CLEAN) ===== */

/* DESKTOP */
@media (min-width: 769px) {
  .jts-about-section {
    display: flex !important;
    align-items: center;
  }

  .jts-about-section .col-md-6 {
    width: 50% !important;
  }

  .jts-about-left h2 {
    font-size: 48px !important;
    text-align: left;
  }
}

/* MOBILE FIX */
@media (max-width:768px){

  .jts-about-text{
    padding-left:0 !important;
  }

  .row{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .container{
    width:100% !important;
    padding-left:15px !important;
    padding-right:15px !important;
  }

}

/* GLOBAL */
html, body{
  overflow-x:hidden !important;
}

/* ===== FINAL HORIZONTAL SCROLL FIX (CLEAN) ===== */

/* 1. Global scroll fix */
html, body {
  overflow-x: hidden;
}

/* 2. About Section Fix */
.jts-about-section {
  display: block;
  margin: 0;
}

/* 3. Column full width (mobile) */
.jts-about-section .col-md-6 {
  width: 100%;
  max-width: 100%;
}

/* 4. Heading fix */
.jts-about-left h2 {
  font-size: 32px;
  line-height: 1.2;
  text-align: center;
  word-break: break-word;
}

/* 5. Right content padding */
.jts-about-right {
  padding: 0 15px;
}

/* ===== DESKTOP ===== */
@media (min-width: 769px) {
  .jts-about-section {
    display: flex;
    align-items: center;
  }

  .jts-about-section .col-md-6 {
    width: 50%;
  }

  .jts-about-left h2 {
    font-size: 48px;
    text-align: left;
  }
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {

  .jts-about-text {
    padding-left: 0;
  }

  .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    overflow-x: hidden;
  }
}

/* ===== TOP MENU FIX ===== */
.top-secondary-menu {
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.top-secondary-menu a {
  font-size: 18px;
  font-weight: 700;
  color: #ff4d4d;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: normal;
}

/* ===== SLIDER SAFE FIX ===== */
.owl-carousel,
.testimonial,
.slider,
.carousel {
  overflow: hidden;
}

/* ===== FLOAT BUTTON FIX ===== */
a[href*="tel"], .whatsapp, .call-btn {
  right: 15px;
  left: auto;
}

/* ===== IMAGE FIX ===== */
img {
  max-width: 100%;
  height: auto;
}

#colorlib-hero {
    overflow: hidden;
}

#colorlib-hero .flexslider {
    overflow: hidden;
}
html, body {
    overflow-x: hidden;
}

#colorlib-hero,
#colorlib-hero .flexslider {
    overflow: hidden;
}

/* Dedication section top gap fix (same like Welcome) */

.jts-founder-title {
    margin-top: 40px;
}

/* ===== FINAL MOBILE RIGHT SCROLL FIX (SAFE) ===== */

html, body {
  overflow-x: hidden;
}

/* section fix */
#colorlib-started {
  position: relative;
  overflow: hidden;
}

/* overlay fix */
#colorlib-started .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* bootstrap row overflow fix */
.jts-about-section {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* image safe */
img {
  max-width: 100%;
  height: auto;
}

/* universal safe fix */
* {
  box-sizing: border-box;
}

/* ===== FINAL RIGHT SCROLL FIX (NO BREAK) ===== */

html, body {
  overflow-x: hidden !important;
}

/* Fix started section */
#colorlib-started {
  position: relative;
  overflow: hidden;
}

/* Fix overlay */
#colorlib-started .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Bootstrap row overflow fix */
.jts-about-section {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Extra safety */
.container, .row {
  max-width: 100%;
}

/* Image safety */
img {
  max-width: 100%;
  height: auto;
}

/* ===== SAFE RIGHT SCROLL FIX (FINAL) ===== */

html, body {
  overflow-x: hidden;
}

/* started section fix */
#colorlib-started {
  position: relative;
  overflow: hidden;
}

/* overlay fix */
#colorlib-started .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* bootstrap row overflow control */
.jts-about-section {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ===== LOGO LEFT SHIFT FIX ===== */

#colorlib-logo {
  margin-left: -15px;   /* desktop pe left shift */
}


}

/* ===== PERFECT LOGO LEFT ALIGN ===== */

.colorlib-nav .container {
  padding-left: 0 !important;
}

#colorlib-logo {
  margin-left: -25px !important;
}

@media (max-width: 768px) {
  #colorlib-logo {
    margin-left: 0 !important;
  }
}

/* ===== FINAL MOBILE SCROLL LOCK ===== */

html, body {
  overflow-x: hidden !important;
}

#colorlib-started {
  overflow: hidden;
}

.word-day-bar {
  overflow: hidden;
}

.scroll-text {
  max-width: 100%;
}

.sarfaesi-page,
.sarfaesi-page .container,
.sarfaesi-page .row,
.sarfaesi-page .jts-founder-text {
  max-width: 100%;
  overflow-x: hidden;
}


/* ===== FINAL MOBILE SCROLL FIX ===== */

/* GLOBAL */
html, body {
  overflow-x: hidden;
}

/* BOOTSTRAP ROW FIX */
.row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

/* CONTAINER SAFE */
.container {
  padding-left: 15px;
  padding-right: 15px;
}

/* HERO FIX (MAIN ISSUE) */
#colorlib-hero,
#colorlib-hero .flexslider,
#colorlib-hero .slides,
#colorlib-hero .slides li {
  width: 100% !important;
  max-width: 100% !important;
}

/* IMAGE FIX */
#colorlib-hero .slides li {
  background-size: cover;
  background-position: center;
}

/* TEXT FIX */
#colorlib-hero .slider-text {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

/* SAFETY (LIMITED - NOT GLOBAL *) */
img, video {
  max-width: 100%;
  height: auto;
}

/* FIX FLEX OVERFLOW */
.top-secondary-menu {
  flex-wrap: wrap;
  overflow: hidden;
}

/* HERO STRICT FIX */
#colorlib-hero,
#colorlib-hero .flexslider,
#colorlib-hero .slides,
#colorlib-hero .slides li {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden;
}

/* SAFETY */
img {
  max-width: 100%;
  height: auto;
}

body {
  overflow-x: hidden;
}

/* ===== FINAL SAFE GLOBAL FIX ===== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* SCROLL FIX */
html, body {
    overflow-x: hidden;
}

/* MEDIA SAFE */
img, video, iframe {
    max-width: 100%;
    height: auto;
}

/* BOOTSTRAP ROW FIX (IMPORTANT) */
.row {
    margin-left: -15px;
    margin-right: -15px;
}


/* ===== LOGO LEFT ALIGN FIX ===== */

#colorlib-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* left align */
  padding-left: 20px; /* spacing from left */
}

.colorlib-nav .top-menu .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* REMOVE EXTRA CENTER SHIFT */
#colorlib-logo img {
  margin-left: 0 !important;
}

#colorlib-logo {
  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 10px;
}

#colorlib-logo img {
  display: block;
}

/* ===== LOGO EXTREME LEFT FIX ===== */

.colorlib-nav .container {
  padding-left: 0 !important;  /* container ka gap hatao */
}

#colorlib-logo {
  margin-left: -25px !important; /* aur left push */
  padding-left: 0 !important;
}

/* ===== SUPREME COURT LEFT SHIFT ===== */

.top-secondary-menu a:last-child {
  margin-left: -15px; /* thoda left lao */
}

/* ===== SOCRATES TEXT JUSTIFY FIX ===== */

/* ===== FINAL PRIMARY MENU FIX ===== */

.colorlib-nav {
  background: #0b2e4f !important;
  background-image: none !important;
}

.colorlib-nav.scrolled {
  background: #0b2e4f !important;
}

.colorlib-nav .top-menu {
  background: #0b2e4f !important;
}

/* ===== MENU TEXT WHITE ===== */

.colorlib-nav ul li a {
  color: #ffffff !important;
}

.colorlib-nav ul li {
  text-transform: none !important;
}

.colorlib-nav ul li a:hover,
.colorlib-nav ul li.active a {
  color: #ffffff !important;
}

/* ===== TAGLINE WHITE FIX ===== */

.jts-founder h2,
.jts-founder h3,
.jts-founder span {
  color: #ffffff !important;
}

.jts-founder span {
  color: #ffffff !important;
}


/* ===== DEDICATION HEADING COLOR FIX ===== */

.jts-founder-title {
  color: #0b2e4f !important;
  opacity: 1 !important;
}

.jts-founder-text h3 {
  color: #0b2e4f !important;
  opacity: 1 !important;
}

.jts-founder {
  opacity: 1 !important;
}


/* ===== FINAL DEDICATION COLOR FORCE FIX ===== */

.jts-founder .jts-founder-title {
  color: #0b2e4f !important;
}

.jts-founder h3 {
  color: #0b2e4f !important;
}

.colorlib-nav ul li a{
  font-size:16px;   /* pehle 14px tha */
  padding:18px 16px;
  color:#bea34d;
  font-weight:600;
  letter-spacing:1px;
}

#colorlib-logo {
  margin-left: 25px;   /* left gap equal feel */
}

#colorlib-logo img{
  height:130px !important;   /* pehle 110 tha */
  width:auto;
  margin-top:-20px;
}

.colorlib-nav .top-menu{
  padding:25px 0;   /* pehle 18px tha */
}
.colorlib-nav .top-menu{
  padding:20px 0;
  display:flex;
  align-items:center;   /* full navbar alignment */
}

#colorlib-logo {
  padding-left: -100px !important;   /* increase this value */
}


#colorlib-logo {
  margin-left: 10px;
  padding-left: 40px;
}


#colorlib-logo {
  margin-left: 12px;   /* adjust 10–18px */
}
#colorlib-logo {
  margin-left: 12px;   /* adjust 10–18px */
}


/* FINAL LOGO LEFT ALIGN FIX */
.colorlib-nav .top-menu .container {
  padding-left: -25px !important;   /* ?? main control */
}
#colorlib-logo {
  transform: translateX(-45px);
}


/* ================= FINAL RESPONSIVE MASTER ================= */

/* ===== MOBILE (0–768px) ===== */
@media (max-width: 768px) {

  /* LOGO */
  #colorlib-logo img {
    height: 80px !important;
    margin-top: 0 !important;
  }

  /* NAVBAR */
  .colorlib-nav .top-menu {
    padding: 10px 0;
  }

  /* HERO TEXT */
  #colorlib-hero .slider-text-inner h1 {
    font-size: 22px !important;
    line-height: 1.4;
  }

  #colorlib-hero .slider-text-inner h2 {
    font-size: 14px !important;
    padding-right: 10px;
  }

  #colorlib-hero .slider-text-inner p {
    font-size: 13px !important;
    line-height: 1.6;
    text-align: left !important;
  }

  /* WORD OF DAY */
  .scroll-text {
    font-size: 14px !important;
  }

  /* SECTIONS */
  section {
    padding: 25px 10px !important;
  }

  /* FOUNDER */
  .jts-founder-text {
    padding-top: 15px !important;
  }

  /* BLOG */
  .jts-blog-entry {
    flex-direction: column;
  }

  .jts-blog-entry img {
    width: 100%;
  }

}


/* ===== TABLET (768–1024px) ===== */
@media (min-width: 769px) and (max-width: 1024px) {

  #colorlib-logo img {
    height: 95px !important;
  }

  #colorlib-hero .slider-text-inner h1 {
    font-size: 28px;
  }

  #colorlib-hero .slider-text-inner p {
    font-size: 15px;
  }

}


/* ===== SMALL LAPTOP (1024–1366px) ===== */
@media (min-width: 1025px) and (max-width: 1366px) {

  #colorlib-hero .slider-text-inner h1 {
    font-size: 30px;
  }

}


/* ===== MOBILE SAFE FIX ===== */
@media (max-width: 768px) {

  #colorlib-logo img {
    height: 80px !important;
    margin-top: 0 !important;
  }

  #colorlib-hero .slider-text-inner h1 {
    font-size: 22px !important;
  }

  #colorlib-hero .slider-text-inner p {
    font-size: 14px !important;
    text-align: left !important;
  }

  .scroll-text {
    font-size: 14px !important;
  }

}

/* ===== SECONDARY MENU PERFECT ALIGN ===== */
.top-secondary-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;   /* ?? main magic */
  padding: 8px 20px;
  background: linear-gradient(to right, #0b2e4f, #0d2b4d);
  border-bottom: 1px solid #bea34d;
}

/* links */
.top-secondary-menu a {
  font-size: 18px;
  font-weight: 700;
  color: #ff4d4d;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
}

/* center line */
.top-secondary-menu::before {
  content: "|";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #bea34d;
  font-weight: bold;
}



}




/* ===== HERO FINAL ABSOLUTE CENTER FIX ===== */

#colorlib-hero {
  position: relative;
}

/* REMOVE FLEX CONFLICT */
#colorlib-hero .slider-text {
  display: block !important;
  position: relative;
  height: 100%;
}

/* PERFECT CENTER */
#colorlib-hero .slider-text-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 800px;
  text-align: center;
  z-index: 9;
}

/* TEXT CENTER FORCE */
#colorlib-hero h1,
#colorlib-hero h2,
#colorlib-hero p {
  text-align: center !important;
}

/* MOBILE FIX */
@media (max-width: 768px) {
  #colorlib-hero .slider-text-inner {
    width: 95%;
  }

  #colorlib-hero h1 {
    font-size: 22px;
  }

  #colorlib-hero h2 {
    font-size: 14px;
  }

  #colorlib-hero p {
    font-size: 13px;
  }
}

.top-secondary-menu {
  flex-wrap: nowrap !important;
}

.top-secondary-menu a {
  white-space: nowrap !important;
  font-size: 12px !important;
}


text-shadow: 0 4px 15px rgba(0,0,0,0.9);

#colorlib-hero h2 {
  text-align: right !important;
}

.overlay-gradient {
  background: rgba(0,0,0,0.6) !important;
}

@media (max-width: 768px) {

  .jts-about-left,
  .jts-about-right {
    text-align: center !important;
  }

  .jts-about-left h2 {
    font-size: 28px;
    line-height: 1.4;
  }

  .jts-about-right p {
    text-align: center !important;
    font-size: 14px;
  }

}

.jts-about-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.jts-about-left h2 {
  font-weight: 600;
  letter-spacing: 0.5px;
}

#colorlib-started {
  background: #0f2f4f !important;
  background-image: none !important;
}
#colorlib-started .overlay {
  background: rgba(15,47,79,0.9); /* same blue overlay */
}

#colorlib-started,
#colorlib-started .container,
#colorlib-started .row {
  background: #0f2f4f;
}


#colorlib-started .container {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 40px;
  padding-right: 40px;
}


#colorlib-started {
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}


.row {
  margin-left: 0;
  margin-right: 0;
}

#colorlib-started .container-fluid {
  padding-left: 60px;
  padding-right: 60px;
}


/* ===== FINAL RESPONSIVE FIX ===== */

/* prevent scroll */
html, body {
  overflow-x: hidden;
}

/* images safe */
img {
  max-width: 100%;
  height: auto;
}

/* proper grid */
.row {
  margin-left: -15px;
  margin-right: -15px;
}

/* text */
p {
  text-align: justify;
}

h1, h2, h3 {
  text-align: center;
}

/* mobile */
@media (max-width: 768px) {

  p {
    text-align: left;
  }

  .jts-about-left,
  .jts-about-right {
    text-align: center;
  }

  #colorlib-started {
    background-attachment: scroll;
  }

}

/* ===== GLOBAL HEADING COLOR FIX ===== */

h2, h3 {
  color: #0b2e4f !important;   /* same as your menu dark blue */
}

/* OPTIONAL: better consistency */
h1 {
  color: #0b2e4f !important;
}



/* ===== FORCE WHITE TEXT FOR WE LISTEN SECTION ===== */

#colorlib-started h1,
#colorlib-started h2,
#colorlib-started h3,
#colorlib-started p {
  color: #ffffff !important;
}


/* ================= FINAL MOBILE LOGO FIX ================= */
@media (max-width: 768px) {

  /* header container */
  .colorlib-nav .top-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
  }

  /* LOGO LEFT FIX */
  #colorlib-logo {
    margin: 0 !important;
    padding: 0 !important;
  }

  #colorlib-logo img {
    height: 70px !important;
    margin: 0 !important;
    display: block;
  }

 @media (max-width: 768px) {

  #colorlib-logo {
    margin-left: 18px !important;   /* ? yahan value badhao (15–25 px try karo) */
  }

}

/* ===== HERO SLIDER FIX ===== */

#colorlib-hero {
  position: relative;
}

/* DARK OVERLAY */
#colorlib-hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 31, 68, 0.65); /* dark blue overlay */
  z-index: 1;
}

/* CONTENT ABOVE OVERLAY */
#colorlib-hero .flexslider,
#colorlib-hero .slider-text {
  position: relative;
  z-index: 2;
}

/* HEADING */
#colorlib-hero h1 {
  color: #ffffff;
  font-weight: 700;
  text-shadow: 0 3px 10px rgba(0,0,0,0.6);
}

/* SUBTEXT */
#colorlib-hero p {
  color: #e5e5e5;
  text-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

/* AUTHOR TEXT */
#colorlib-hero .author {
  color: #c9a34e;
}

/* MOBILE EXTRA FIX */
@media (max-width: 768px) {
  
  #colorlib-hero h1 {
    font-size: 22px;
  }

  #colorlib-hero p {
    font-size: 14px;
  }

}


/* ===== GLOBAL HEADING STYLE (ALL PAGES) ===== */

/* ALL HEADINGS BLUE */
h1, h2, h3, h4, h5, h6 {
  color: #0b2e4f !important;
  font-weight: 600;
}

/* GOLD UNDERLINE ONLY BELOW HEADINGS */
h2::after,
h3::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: #c9a14a;
  margin-top: 8px;
}

/* REMOVE ANY GOLD TEXT */
.text-gold,
.gold,
span[style*="color:#c9a14a"],
span[style*="color: #c9a14a"] {
  color: #0b2e4f !important;
}

/* ===== GLOBAL LIST BOLD TEXT FIX (REMOVE GOLD) ===== */

/* ALL UL LIST STRONG TEXT BLUE */
ul li strong {
  color: #0b2e4f !important;
}

/* ALSO HANDLE JTS LIST */
.jts-list li strong {
  color: #0b2e4f !important;
}

/* EXTRA SAFETY (if span used inside strong) */
ul li strong span {
  color: #0b2e4f !important;
}




/* ===== FORCE BLUE FOR ALL LIST STRONG TEXT ===== */

ul.jts-list li strong,
ul.taxation-list li strong,
ul li strong {
  color: #0b2e4f !important;
}

.jts-list li strong,
.taxation-list li strong {
  color: #0b2e4f !important;
}



/* ================= INTRODUCTION PAGE ONLY FIX ================= */

body.introduction-page .jts-founder {
  margin: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 40px !important;
  border-top: none !important;
}

/* REMOVE ALL EXTRA GAP ABOVE */
body.introduction-page .section-block::before,
body.introduction-page .section-block::after {
  display: none !important;
}

/* REMOVE SPACE FROM PREVIOUS BAR */
body.introduction-page .word-day-bar {
  margin-bottom: 0 !important;
}

/* HEADING GAP FIX */
body.introduction-page .jts-founder-title {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

/* IMAGE DOWN SHIFT */
body.introduction-page .jts-founder-img {
  margin-top: 60px !important;
}

/* TEXT UP FIX */
body.introduction-page .jts-founder-text {
  padding-top: 0 !important;
}

/* ALIGNMENT FIX */
body.introduction-page .jts-founder-box {
  align-items: flex-start !important;
}

/* NAME DESIGN */
body.introduction-page .founder-name {
  margin-top: 15px;
  font-weight: 600;
  font-size: 16px;
  color: #0b2e4f;
}

body.introduction-page .founder-role {
  font-size: 14px;
  color: #bea34d;
  margin-top: -5px;
}


@media (max-width: 768px) {

  /* ===== REMOVE ALL EXTRA/DUPLICATE LINES ===== */
  hr,
  .gold-line::before,
  .gold-line::after {
    display: none !important;
  }

  /* ===== STANDARD GOLD LINE ===== */
  .gold-line {
    width: 50px;
    height: 2px;
    background: #d4af37;
    margin: 10px auto;
    display: block;
  }

  /* ===== WE LISTEN FIX ===== */
  .we-listen-section .gold-line:last-child {
    display: none !important; /* remove extra below */
  }

  /* ===== LATE SHRI FIX ===== */
  .late-shri-section .gold-line {
    margin: 10px auto;
  }

  /* ===== SECONDARY MENU DOUBLE LINE FIX ===== */
  .secondary-menu::before,
  .secondary-menu::after {
    display: none !important;
  }

  .secondary-menu {
    border-bottom: 2px solid #d4af37;
  }

  /* ===== FIR BLOG CARD FIX ===== */
  .blog-card .gold-line + .gold-line {
    display: none !important;
  }

  .blog-card .gold-line {
    width: 40px;
    margin-top: 8px;
  }

  /* ===== ALIGN ALL CENTER ON MOBILE ===== */
  .we-listen-section,
  .late-shri-section,
  .blog-card {
    text-align: center;
  }

}


@media (max-width: 768px) {

  /* ===== KILL ALL AUTO GOLD LINES ===== */
  .section-block::before,
  .section-block::after {
    display: none !important;
  }

  /* ===== REMOVE EXTRA HR / DUPLICATE ===== */
  hr {
    display: none !important;
  }

  /* ===== WE LISTEN FIX ===== */
  .jts-about-left::before {
    display: none !important;
  }

  /* ===== SECONDARY MENU DOUBLE LINE FIX ===== */
  .top-secondary-menu {
    border-top: none !important;
    border-bottom: 1px solid #bea34d !important;
  }

  .top-secondary-menu a::after {
    content: "" !important; /* remove extra pipe line */
  }

 @media (max-width: 768px) {

  /* ===== TARGET ONLY WE LISTEN SECTION ===== */
  #colorlib-started.section-block::before,
  #colorlib-started.section-block::after {
    display: none !important;
  }

  /* REMOVE LEFT SIDE LINE */
  #colorlib-started .jts-about-left::before {
    display: none !important;
  }

}

@media (max-width: 768px) {

  /* ===== KILL ALL GOLD LINES INSIDE WE LISTEN ===== */
  #colorlib-started *::before,
  #colorlib-started *::after {
    display: none !important;
    border: none !important;
    content: none !important;
  }

}


@media (max-width: 768px) {

  /* ===== REMOVE GOLD LINE ABOVE DEDICATION ===== */
  .jts-founder::before,
  .jts-founder::after {
    display: none !important;
    content: none !important;
  }

  /* REMOVE BORDER LINE */
  .jts-founder {
    border-top: none !important;
  }

  /* REMOVE LINE BELOW HEADING */
  .jts-founder-text h3::after,
  .jts-founder-text h3::before {
    display: none !important;
    content: none !important;
  }

}

@media (max-width: 768px) {

  #colorlib-blog,
  .jts-reviews {
    border: none !important;
  }

  .section-block::before,
  .section-block::after {
    display: none !important;
  }

}



@media (max-width: 768px) {

  /* BLOG LINE REMOVE */
  #colorlib-blog {
    border-top: none !important;
  }

  /* GLOBAL DIVIDER REMOVE */
  .section-block::before,
  .section-block::after {
    display: none !important;
  }

}


/* ===== BLOG HEADING GOLD LINE REMOVE (FINAL) ===== */

@media (max-width: 768px) {

  /* ONLY blog section ki top line hatao */
  #colorlib-blog.section-block::before {
    display: none !important;
    content: none !important;
  }

}

@media (max-width: 768px) {

  #colorlib-blog::before,
  #colorlib-blog::after {
    display: none !important;
    content: none !important;
  }

}


/* ===== FINAL BLOG GOLD LINE REMOVE (WORKING) ===== */

@media (max-width: 768px) {

  /* blog ke upar jo fake divider aa raha hai usko hatao */
  #colorlib-blog::before {
    display: none !important;
    content: none !important;
    border: none !important;
  }

  /* agar kisi aur pseudo se aa rahi ho */
  #colorlib-blog *::before {
    border-bottom: none !important;
  }

}

@media (max-width: 768px) {

  #colorlib-blog h3::after,
  #colorlib-blog h3::before {
    display: none !important;
    content: none !important;
  }

}


@media (max-width: 768px) {

  .section-block .jts-reviews::before {
    display: none !important;
  }

  .section-block::before {
    border: none !important;
  }

}


/* ===== FINAL FORCE REMOVE TESTIMONIAL LINE ===== */

@media (max-width: 768px) {

  /* ONLY testimonial section */
  .jts-reviews {
    position: relative;
  }

  .jts-reviews::before,
  .jts-reviews::after {
    display: none !important;
    content: none !important;
  }

  /* MAIN CULPRIT FORCE REMOVE */
  .section-block::before,
  .section-block::after {
    display: none !important;
    border: none !important;
    height: 0 !important;
  }

}


@media (max-width: 768px) {

  /* REMOVE LEFT GOLD LINE (actual culprit) */
  .jts-review-title::before {
    display: none !important;
    content: none !important;
  }

  /* EXTRA SAFETY */
  .jts-review-title {
    position: relative;
  }

}

@media (max-width: 768px) {

  .jts-reviews h2::before,
  .jts-reviews h2::after {
    display: none !important;
    content: none !important;
  }

}


/* ===== MOBILE TOGGLE ICON WHITE FIX ===== */

@media (max-width: 768px) {

  .colorlib-nav-toggle i {
    background: #ffffff !important;
  }

  .colorlib-nav-toggle i::before,
  .colorlib-nav-toggle i::after {
    background: #ffffff !important;
  }

}

/* ===== MOBILE: SUPREME COURT VIEW RIGHT SHIFT ===== */

@media (max-width: 768px) {

  .top-secondary-menu {
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 10px !important;
  }

  .top-secondary-menu a:last-child {
    margin-left: auto !important;
    text-align: right !important;
  }

}


/* ===== REMOVE EXTRA YELLOW LINE (HIGH COURT SIDE) ===== */

/* Remove unwanted divider */
.top-secondary-menu::before,
.top-secondary-menu::after {
  display: none !important;
}

/* Agar beech me extra span/div line hai */
.top-secondary-menu span,
.top-secondary-menu .divider {
  display: none !important;
}

/* Ensure only center line stays */
.top-secondary-menu {
  border-left: none !important;
}
.top-secondary-menu a:first-child {
  border-right: none !important;
}
/* ===== FINAL REMOVE EXTRA LINE (PERFECT FIX) ===== */

/* remove ALL separators */
.top-secondary-menu a::after {
  content: none !important;
  display: none !important;
}

/* OPTIONAL: agar center line alag se hai to usko control karenge baad me */


/* ===== FINAL KILL ALL YELLOW LINES ===== */

/* remove pipe line */
.top-secondary-menu a::after {
  content: none !important;
  display: none !important;
}

/* remove any border/divider */
.top-secondary-menu a {
  border: none !important;
}

/* remove accidental center divider */
.top-secondary-menu {
  border-bottom: none !important;
  border-top: none !important;
}

/* agar koi extra vertical line aa rahi ho */
.top-secondary-menu::before,
.top-secondary-menu::after {
  display: none !important;
}

/* ===== FINAL REMOVE ALL YELLOW LINES (PERMANENT) ===== */

/* remove pipe */
.top-secondary-menu a::after {
  content: none !important;
  display: none !important;
}

/* remove borders (MAIN ISSUE) */
.top-secondary-menu {
  border: none !important;
}

/* extra safety */
.top-secondary-menu a {
  border: none !important;
}

.top-secondary-menu::before,
.top-secondary-menu::after {
  display: none !important;
}


/* ===== REMOVE NAVBAR GOLD LINE (FINAL FIX) ===== */

.colorlib-nav .top-menu {
  border-bottom: none !important;
}


/* ===== REMOVE CENTER VERTICAL LINE FINAL ===== */

/* REMOVE PIPE COMPLETELY */
.top-secondary-menu a::after {
  content: "" !important;
}

/* REMOVE EXTRA SPACING */
.top-secondary-menu a {
  margin: 0 !important;
  padding: 0 15px;
}

/* FIX FLEX ALIGN */
.top-secondary-menu {
  display: flex;
  justify-content: space-between;
  padding: 8px 20px;
}

/* PUSH LEFT & RIGHT */
.top-secondary-menu a:first-child {
  margin-right: auto;
}

.top-secondary-menu a:last-child {
  margin-left: auto;
}


/* ===== KILL CENTER YELLOW LINE COMPLETELY ===== */

/* REMOVE ANY PIPE / DIVIDER */
.top-secondary-menu a::after,
.top-secondary-menu a:not(:last-child)::after {
  content: none !important;
  display: none !important;
}

/* REMOVE FAKE CENTER LINE (important) */
.top-secondary-menu {
  position: relative;
}

/* AGAR koi hidden line aa rahi ho */
.top-secondary-menu::before,
.top-secondary-menu::after {
  display: none !important;
  content: none !important;
}

/* FORCE CLEAN LAYOUT */
.top-secondary-menu {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center;
  padding: 8px 20px;
}

/* REMOVE EXTRA GAP */
.top-secondary-menu a {
  margin: 0 !important;
  padding: 0 !important;
}

/* LEFT RIGHT PERFECT */
.top-secondary-menu a:first-child {
  margin-right: auto;
}

.top-secondary-menu a:last-child {
  margin-left: auto;
}

/* ===== REMOVE VERTICAL YELLOW DIVIDER FINAL ===== */

.top-secondary-menu a::after,
.top-secondary-menu a:not(:last-child)::after {
    content: none !important;
    display: none !important;
}

.top-secondary-menu a:not(:last-child)::after {
    content: "|";
    color: #0b2e4f;   /* ?? ye laga de */
    margin-left: 18px;
}

.top-secondary-menu a:not(:last-child)::after {
    content: none !important;
}
.top-secondary-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;   /* clean spacing */
}

.top-secondary-menu a {
    margin: 0 !important;
}

.top-secondary-menu a::after {
    content: none !important;
    display: none !important;
}

.top-secondary-menu a {
    border: none !important;
}

.top-secondary-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
}

.top-secondary-menu a:not(:last-child)::after {
    content: "|";
    margin: 0 15px;
}


/* ===== SAFE HORIZONTAL SCROLL FIX ===== */

/* Only global */
html, body {
  overflow-x: hidden;
}

/* images safe */
img {
  max-width: 100%;
  height: auto;
}

/* fix common overflow elements only */
.hero-slider,
.banner,
.slider {
  max-width: 100%;
  overflow: hidden;
}

/* bootstrap row FIX (IMPORTANT) */
.row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

@media (max-width: 768px) {
  .testimonial h3,
  .testimonial .name,
  .testimonial h4 {
    color: #d4af37 !important; /* brighter gold */
    font-size: 16px;
    font-weight: 600;
  }
}

.testimonial h3 {
  text-shadow: 0 1px 5px rgba(0,0,0,0.4);
}

/* ===== TESTIMONIAL NAME FORCE FIX ===== */

.review-header h4 {
  color: #c9a34e !important;
  font-weight: 600 !important;
}

/* MOBILE BOOST */
@media (max-width: 768px) {
  .review-header h4 {
    color: #ffd369 !important;  /* brighter gold */
    font-size: 17px !important;
  }
}

.review-header h4,
.review-header span,
.review-header strong {
  color: #c9a34e !important;
  opacity: 1 !important;
}




.top-secondary-menu a {
    font-size: 14px;
    font-weight: 700;
}

@media (min-width: 769px) {
  .top-secondary-menu a {
    font-size: 24px !important;
  }
}

.top-secondary-menu a {
    font-size: 18px !important;
    font-weight: 700;
}

.top-secondary-menu a {
    font-size: 14px !important;   /* mobile default */
    font-weight: 700;
}

@media (min-width: 769px) {
  .top-secondary-menu a {
    font-size: 30px !important;   /* DESKTOP BIG */
    letter-spacing: 1px;
  }
}

.jts-founder-text h3 {
  margin-top: 0 !important;   /* main fix */
  padding-top: 0 !important;
}

.jts-founder-text {
  padding-top: 0 !important;  /* ensure no push */
}

.jts-founder-box {
  align-items: flex-start !important;
}

.jts-founder-text h3 {
  margin-top: -125px;
}

.jts-founder-text h3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.colorlib-nav {
  position: relative;
  z-index: 99999 !important;
}
.colorlib-nav .dropdown {
  z-index: 999999 !important;
}

#colorlib-started .overlay {
  z-index: 0 !important;
}

#colorlib-started {
  position: relative;
  z-index: 1;
}
section, .overlay {
  pointer-events: none;
}

.colorlib-nav, .colorlib-nav * {
  pointer-events: auto;
}
/* ===== FINAL WORKING DROPDOWN (NO BUG) ===== */

.colorlib-nav ul li.has-dropdown {
  position: relative;
}

/* dropdown */
.colorlib-nav ul li.has-dropdown .dropdown {
  position: absolute;
  top: 100%;
  left: 0;

  background: #000;
  width: 220px;
  padding: 10px 0;
  border-radius: 5px;

  opacity: 0;
  visibility: hidden;

  transition: 0.2s ease;
  z-index: 99999;
}

/* show */
.colorlib-nav ul li.has-dropdown:hover > .dropdown {
  opacity: 1;
  visibility: visible;
}

/* links */
.colorlib-nav .dropdown li a {
  display: block;
  padding: 10px 18px;
  color: #fff;
}

.colorlib-nav .dropdown li a:hover {
  background: #bea34d;
  color: #000;
}

/* ?? GAP FIX */
.colorlib-nav ul li.has-dropdown::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 100%;
  height: 30px;
}


/* ===== ULTIMATE DROPDOWN FIX (NO DELETE REQUIRED) ===== */

.colorlib-nav ul li.has-dropdown {
  position: relative !important;
}

/* dropdown */
.colorlib-nav ul li.has-dropdown .dropdown {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  display: block !important;

  background: #000 !important;
  min-width: 220px !important;
  padding: 10px 0 !important;

  z-index: 99999 !important;
}

/* SHOW (force override) */
.colorlib-nav ul li.has-dropdown:hover > .dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* LINKS */
.colorlib-nav ul li.has-dropdown .dropdown li a {
  display: block !important;
  padding: 10px 18px !important;
  color: #fff !important;
}

.colorlib-nav ul li.has-dropdown .dropdown li a:hover {
  background: #bea34d !important;
  color: #000 !important;
}

/* ?? GAP BRIDGE (MOST IMPORTANT) */
.colorlib-nav ul li.has-dropdown::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 40px;   /* bada rakha intentionally */
}


/* ===== FINAL GAP + CLICK FIX ===== */

.colorlib-nav ul li.has-dropdown {
  position: relative;
}

/* dropdown */
.colorlib-nav ul li.has-dropdown .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;

  opacity: 0;
  visibility: hidden;

  background: #000;
  min-width: 220px;
  padding: 10px 0;

  z-index: 999999;
}

/* show */
.colorlib-nav ul li.has-dropdown:hover .dropdown {
  opacity: 1;
  visibility: visible;
}

/* ?? GAP REMOVE FIX (MOST IMPORTANT) */
.colorlib-nav ul li.has-dropdown .dropdown {
  margin-top: -1px;   /* ye gap hataega */
}

/* EXTRA SAFE */
.colorlib-nav ul li.has-dropdown:hover::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 50px;
}


/* ===== MOBILE RIGHT SCROLL FIX ===== */

html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

.container, .row {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

img {
  max-width: 100%;
  height: auto;
}


/* ===== FINAL CLICK FIX (DESKTOP DROPDOWN) ===== */

/* navbar always top */
.colorlib-nav {
  position: relative;
  z-index: 999999;
}

/* dropdown super top */
.colorlib-nav .dropdown {
  z-index: 9999999 !important;
}

/* ?? OFFCANVAS BLOCK FIX */
#colorlib-offcanvas {
  pointer-events: none !important;
}

/* ?? HERO / SECTION BELOW */
#colorlib-hero,
#colorlib-started,
.overlay,
.word-day-bar {
  position: relative;
  z-index: 1;
}

/* navbar always above */
.colorlib-nav,
.colorlib-nav * {
  pointer-events: auto;
}


/* ===== FINAL CLICK BLOCK FIX ===== */

/* remove invisible overlay blocking clicks */
.offcanvas #page:after {
  display: none !important;
}

/* ensure navbar always on top */
.colorlib-nav {
  position: relative;
  z-index: 999999 !important;
}

/* dropdown top priority */
.colorlib-nav .dropdown {
  z-index: 9999999 !important;
}

/* disable any hidden layer click block */
#colorlib-offcanvas {
  pointer-events: none;
}


/* ===== DEDICATION TEXT JUSTIFY FIX ===== */

.jts-founder-text p {
  text-align: justify !important;
}

/* mobile specific strong fix */
@media (max-width: 768px) {
  .jts-founder-text p {
    text-align: justify !important;
  }
}

.jts-founder-text {
  text-align: justify;
}


/* ===== FINAL SMART FIX (DESKTOP + MOBILE SAFE) ===== */

/* navbar always top */
.colorlib-nav {
  position: relative;
  z-index: 999999;
}

/* dropdown top */
.colorlib-nav .dropdown {
  z-index: 9999999 !important;
}

/* ?? ONLY DESKTOP FIX */
@media (min-width: 769px) {
  #colorlib-offcanvas {
    pointer-events: none !important;
  }
}

/* ?? MOBILE SAFE */
@media (max-width: 768px) {
  #colorlib-offcanvas {
    pointer-events: auto !important;
  }
}

/* hero below */
#colorlib-hero,
#colorlib-started,
.overlay,
.word-day-bar {
  position: relative;
  z-index: 1;
}



/* ===== FORCE LINE DOWN (FINAL FIX) ===== */

.jts-founder.section-block {
  position: relative;
  margin-top: 120px !important;   /* ?? section niche shift */
}

/* pseudo line ko niche push */
.section-block::before {
  top: 100px !important;   /* ?? ye magic hai */
}

/* extra safety */
#colorlib-started {
  margin-bottom: 60px !important;
}

/* ===== FORCE LINE DOWN (FINAL FIX) ===== */

.jts-founder.section-block {
  position: relative;
  margin-top: 120px !important;   /* ?? section niche shift */
}

/* pseudo line ko niche push */
.section-block::before {
  top: 100px !important;   /* ?? ye magic hai */
}

/* desktop spacing */
.jts-left-spacing {
    padding-left:120px; /* approx 5.5cm feel */
}

/* mobile fix */
@media (max-width:768px) {
    .jts-left-spacing {
        padding-left:20px !important;
        text-align:left;
    }
}

/* ===== REMOVE EXTRA SPACE ===== */
#colorlib-about,
#colorlib-practice,
#colorlib-testimonial,
#colorlib-started,
#colorlib-blog,
#colorlib-contact,
#colorlib-footer {
  padding: 4em 0 !important;
}

/* extra gap fix */
.section-block,
.jts-founder,
.jts-intro {
  margin: 0 !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* remove unwanted top gap */
body {
  margin: 0;
  padding: 0;
}

.gototop {
  opacity: 1 !important;
  visibility: visible !important;
}
html, body {
  overflow-x: hidden !important;
}


/* ===== GLOBAL DARK BLUE STRONG (ALL PAGES) ===== */

.jts-page p,
.jts-page li {
  text-align: justify;
  line-height: 1.8;
}

/* ?? ALL STRONG TEXT */
.jts-page strong {
  color: #0b2e4f;
  font-weight: 700;
}

/* ?? HEADINGS */
.jts-page h2,
.jts-page h3 {
  text-align: center;
  position: relative;
  margin-bottom: 20px;
  color: #0b2e4f;
}

/* gold underline */
.jts-page h2::after,
.jts-page h3::after {
  content: "";
  width: 50px;
  height: 2px;
  background: #c9a34e;
  display: block;
  margin: 8px auto 0;
}

/* layout */
.jts-page .jts-founder-box {
  display: flex;
  align-items: flex-start;
}

/* image */
.jts-page .jts-founder-img {
  margin-top: 40px;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}

.jts-page .jts-founder-img:hover {
  transform: translateY(-5px);
}

/* table */
.jts-page table {
  margin: auto;
}

.jts-page table strong {
  color: #0b2e4f;
}

/* mobile */
@media (max-width: 768px) {
  .jts-page .jts-founder-box {
    display: block;
  }

  .jts-page .jts-founder-img {
    margin-top: 20px;
  }

  .jts-page .jts-founder-text {
    margin-top: 20px;
  }
}


/* ===== GLOBAL MOBILE FIX ===== */

@media (max-width: 768px) {

  html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* tables scroll fix */
  table {
    display: block;
    width: 100%;
    overflow-x: auto;
  }

  /* long text break */
  p, li {
    word-break: break-word;
  }
}


/* ===== GOLD UNDERLINE FIX ===== */

h2::after,
h3::after {
  content: "";
  width: 50px;
  height: 2px;
  background: #c9a34e;
  display: block;
  margin: 8px auto 0;
}

/* MOBILE PERFECT CENTER */
@media (max-width: 768px) {
  h2, h3 {
    text-align: center !important;
  }

  h2::after,
  h3::after {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


.section-title {
  font-weight: 700;
  color: #0b2e4f;
  text-align: center;
  position: relative;
}

.section-title::after {
  content: "";
  width: 50px;
  height: 2px;
  background: #c9a34e;
  display: block;
  margin: 8px auto 0;
}




/* FIXED CLOSE ICON */
.colorlib-nav-toggle.active i::before,
.colorlib-nav-toggle.active i::after {
  background: #fff !important;
  height: 3px;
}

#colorlib-offcanvas {
  background: #0b2e4f !important;
  width: 280px;
  padding: 60px 20px;
}

/* menu links */
#colorlib-offcanvas ul li a {
  color: #fff !important;
  font-size: 15px;
  padding: 12px 0;
  display: block;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* hover */
#colorlib-offcanvas ul li a:hover {
  color: #c9a34e !important;
}


.offcanvas #colorlib-offcanvas {
  transition: transform 0.4s ease;
}

#colorlib-offcanvas {
  overflow-y: auto;
}



/* FULL HEIGHT MOBILE MENU FIX */
#colorlib-offcanvas {
  height: 100vh !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 100px; /* last items visible */
}

.offcanvas #page:after {
  pointer-events: none;
}

.btn {
  position: relative;
  z-index: 9999;
}

.col-md-4 a {
  position: relative;
  z-index: 10;
}

#page {
  position: relative;
  z-index: 1;
}

.offcanvas #page:after {
  z-index: 0 !important;
}

/* ===== TEAM / FOUNDING SECTION MOBILE FIX (SAFE ADD-ON) ===== */

/* card wrapper fix */
.team-card,
.jts-team-card {
  position: relative;
  z-index: 2;
  overflow: visible;
}

/* ensure no overlay block */
.team-card::before,
.team-card::after,
.jts-team-card::before,
.jts-team-card::after {
  pointer-events: none;
}

/* button always clickable */
.team-card a,
.jts-team-card a,
.col-md-4 a.btn {
  position: relative;
  z-index: 9999;
  pointer-events: auto;
}

/* fix mobile stacking */
@media (max-width: 768px) {

  /* full width cards */
  .col-md-4 {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* remove hidden overflow */
  .col-md-4 > div {
    overflow: visible !important;
  }

  /* spacing fix */
  .col-md-4 {
    margin-bottom: 25px !important;
  }

  /* image fix */
  .col-md-4 img {
    width: 100% !important;
    height: auto !important;
    max-height: 300px;
    object-fit: cover;
  }

  /* button tap fix (important for mobile) */
  .btn {
    display: inline-block;
    width: auto;
    min-width: 160px;
    text-align: center;
    z-index: 9999;
  }

  /* prevent invisible blocking */
  body * {
    touch-action: manipulation;
  }

}

/* extra safety for click issue */
a, button {
  pointer-events: auto !important;
}


/* ================= FINAL MOBILE MASTER FIX ================= */

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

  /* ===== 1. REMOVE ALL HORIZONTAL SCROLL ===== */
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #page {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  /* ===== 2. FIX BOOTSTRAP OVERFLOW ===== */
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* ===== 3. FIX ALL ELEMENT OVERFLOW ===== */
  * {
    max-width: 100% !important;
  }

  img, video, iframe {
    max-width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* ===== 4. OFFCANVAS SAFE FIX ===== */
  #colorlib-offcanvas {
    width: 260px !important;
    max-width: 80% !important;
    transform: translateX(100%) !important;
  }

  .offcanvas #colorlib-offcanvas {
    transform: translateX(0) !important;
  }

  /* ===== 5. REMOVE INVISIBLE OVERLAY BLOCK ===== */
  .offcanvas #page:after {
    pointer-events: none !important;
  }

  /* ===== 6. FORCE MOBILE HEIGHT PERFECT ===== */
  body {
    position: relative;
  }

}


/* ================= ADD CLOSE (X) BUTTON ================= */

/* CLOSE BUTTON FINAL FIX */
.menu-close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  color: #ffffff;
  cursor: pointer;
  z-index: 99999;
}

/* ================= FINAL MOBILE + OVERFLOW FIX ================= */

/* GLOBAL OVERFLOW FIX */
html, body {
  overflow-x: hidden !important;
  width: 100%;
}

/* PREVENT ELEMENT OVERFLOW */
img, section, div {
  max-width: 100%;
}

.container {
  max-width: 100%;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

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

@media (max-width: 768px) {

  /* HIDE DESKTOP MENU (REMOVE DUPLICATE MENU) */
  .menu-1,
  .menu-1.active {
    display: none !important;
  }

  /* FORCE NO HORIZONTAL SCROLL */
  html, body, #page {
    overflow-x: hidden !important;
    width: 100% !important;
  }

  /* FIX CONTAINER */
  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* FIX ROW */
  .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  /* FIX INLINE BAD PADDING */
  [style*="padding-left:5.5cm"] {
    padding-left: 15px !important;
  }

  /* IMAGE SAFE */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

}


/* ===== FINAL 100% MOBILE SCROLL FIX ===== */

@media (max-width: 768px){

  html, body {
    overflow-x: hidden !important;
  }

  #page {
    overflow-x: hidden !important;
  }

  /* FORCE EVERYTHING INSIDE SCREEN */
  * {
    max-width: 100% !important;
  }

  /* IMPORTANT: prevent flex overflow */
  .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  /* prevent image overflow */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

}

.review-slider {
  display: block !important;
}



@media (max-width: 768px){

  .owl-item.cloned {
    display: none !important;
  }

  .review-slider {
    display: flex !important;
    flex-direction: column !important;
  }

  .owl-carousel .owl-stage {
    transform: none !important;
    width: 100% !important;
  }

  .owl-carousel .owl-item {
    width: 100% !important;
  }

}


.jts-about-left {
  padding-left: 180px;   /* desktop spacing (5.5cm feel) */
}

@media (max-width: 768px) {
  .jts-about-left {
    padding-left: 20px !important;   /* mobile safe */
  }
}


/* ================= DATE: 17-04-2026 ================= */
/* Change: Force heading navy blue & text black globally */

h1, h2, h3, h4, h5, h6 {
  color: #0b1c3a !important;
}

p, li {
  color: #000000 !important;
}

/* ================= DATE: 17-04-2026 ================= */
/* Change: Privacy page specific text color fix */

.jts-founder-title {
  color: #0b1c3a !important;
}

.jts-founder-text p,
.jts-founder-text li {
  color: #000 !important;
}

/* ===== FINAL FORCE COLOR FIX ===== */

/* ALL HEADINGS GLOBAL */
h1, h2, h3, h4, h5, h6 {
  color: #0b1c3a !important;
}

/* YOUR CUSTOM CLASSES OVERRIDE */
.jts-founder-title,
.colorlib-heading h2,
.founder-section h2 {
  color: #0b1c3a !important;
}

/* TEXT */
p, li {
  color: #000000 !important;
}

/* STRONG (yellow wali headings fix) */
strong {
  color: #0b1c3a !important;
}


/* ===== Date: 17-04-2026 ===== */
/* Change: Heading alignment fix (title center, sections left) */

/* MAIN TITLE CENTER */
.jts-privacy-container h2 {
  text-align: center;
  color: #0b1c3a;
}

/* SECTION HEADINGS (1–7) LEFT */
.jts-privacy-container h3 {
  text-align: left;
  color: #0b1c3a;
  margin-top: 25px;
}

/* TEXT */
.jts-privacy-container p,
.jts-privacy-container li {
  text-align: justify;
  color: #000;
}


/* ===== Sachin Tulsi Section ===== */

.jts-founder-text {
  text-align: justify;
  color: #000;
  font-size: 15px;
  line-height: 1.7;
}

/* Headings navy blue */
.jts-founder-text strong {
  color: #0b2e4f;
  font-weight: 700;
}

.jts-founder-title,
.jts-founder-box h3 {
  color: #0b2e4f;
}

/* Paragraph spacing */
.jts-founder-text p {
  margin-bottom: 15px;
}

/* Lists */
.jts-founder-text ul {
  margin-left: 18px;
  margin-bottom: 15px;
}

.jts-founder-text ul li {
  margin-bottom: 8px;
  color: #000;
}

/* Responsive */
@media (max-width: 768px) {
  .jts-founder-text {
    margin-top: 20px;
    text-align: justify;
  }
}