/*

// Table of contents //


	1. FONTS
	2. BODY
	3. HTML ELEMENTS
	4. LINKS
	5. FORM ELEMENTS
	6. MIDDLE ALIGN
	7. CUSTOMIZED ALERTS
	8. LABELS
	9. CUSTOMIZED TAB
	10. PANEL GROUP
	11. PROGRESS BAR
	12. CUSTOMIZED ODOMETER
	13. CUSTOMIZED FANCYBOX
	14. OWL CAROUSEL
	15. PRELOAD
	16. NAVBAR
	17. SEARCH BOX
	18. HEADER
	19. INT HEADER
	20. BREADCRUMB BAR
	21. SLIDER DOTS
	22. INTRO
	23. VIDEO INTRO
	24. HIGHLIGHTS
	25. FEATURES SERVICES
	26. SERVICES
	27. FEATURED SOLUTIONS
	28. QUOTE
	29. FEATURED PROJECTS
	30. PROJECTS
	31. FAQ
	32. LEFT SIDE CONTENT
	33. RIGHT SIDE CONTENT
	34. OUR SKILLS
	35. OUR PROGRESS
	36. ELEMENTS
	37. PRICING
	38. TESTIMONIALS
	39. MAIN PARTNERS
	40. PARTNERS
	41. FUN FACTS
	42. WORK PROCESS
	43. WORK US
	44. TEAM
	45. LATEST NEWS
	46. OUR OFFICES
	47. CAREER
	48. SUPPORT
	49. ON PRESS
	50. NEWS
	51. GALLERY
	52. ERROR PAGES
	53. CONTACT
	54. GET QUOTE
	55. SUPPORT BAR
	56. FOOTER
	57. RESPONSIVE TABLET
	58. RESPONSIVE MOBILE

*/

/* FONTS */
/* @import url('https://fonts.googleapis.com/css?family=Fjalla+One|Playfair+Display|Poppins:300,400,600,700&subset=latin-ext'); */


/* Global font (body + headings + paragraphs + sabhi text elements) */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
li,
button,
input,
textarea {
  font-family: Helvetica, sans-serif;
  /* apni pasand ka font rakh sakte ho */
  font-weight: 400;
  /* normal weight */
  line-height: 1.5;
  /* readable spacing */
  color: #222;
  /* optional: text color */
  margin: 0;
  /* optional: reset default margins */
}

/* Optional: sirf size difference ke liye (font same hi rahega) */
h1 {
  font-size: 2rem;
}
.h1,
h1 {
  font-size: 36px !important;
  color: #066e74 !important;
  font-weight: 600 !important;
}

h2 {
  font-size: 1.75rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

p {
  font-size: 15px;

}



/* BODY  color:#3d404e; font-size:15px;*/
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
  color: #201E1E;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

body {
  height: 100%;
}

html {
  height: 100%;
}




/* HTML ELEMENTS */
img {
  max-width: 100%;
}

p {
  color: #7d7a7a;
  margin-bottom: 15px;
}

.overflow {
  overflow: hidden;
}



/* LINKS */
a {
  color: #3d404e;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  text-decoration: none;
}



/* FORM ELEMENTS */
input[type="text"] {
  height: 56px;
  padding: 0 15px;
  border: 1px solid #eee;
}

textarea {
  height: 150px;
  padding: 15px;
  border: 1px solid #eee;
}

button[type="submit"] {
  height: 56px;
  line-height: 56px;
  padding: 0 40px;
  display: inline-block;
  color: #066e74;
  background: white;
  font-weight: 700;
  border-radius: 20px !important;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.05);
  border: 2px solid #066e74;
}

button[type="submit"]:hover {
  background: transparent;
  color: #066e74;
  border: 2px solid #066e74;
  text-decoration: none;
}



/* MIDDLE ALIGN */
.middle-align {
  width: 100%;
  height: 100%;
  display: table;
}

.middle-align .inner {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}


/* CUSTOMIZED ALERTS */
.alert {
  width: 100%;
  float: left;
  border-radius: 0;
}

.alert-success {
  background: #0C6;
  color: #fff;
  border: none;
}

.alert-info {
  background: #09F;
  color: #fff;
  border: none;
}

.alert-warning {
  background: #F90;
  color: #fff;
  border: none;
}

.alert-danger {
  background: #F00;
  color: #fff;
  border: none;
}



/* LABELS */
.label {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 0;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}

.label-default {
  background: #000;
}

.label-primary {
  background: #09F;
}

.label-success {
  background: #0C6;
}

.label-info {
  background: #6CC;
}

.label-warning {
  background: #F90;
}

.label-danger {
  background: #F00;
}


/* PANEL GROUP */
.panel-group {
  width: 100%;
  float: left;
}

.panel-group .panel+.panel {
  margin-top: -1px;
}

.panel-group .panel {
  width: 100%;
  float: left;
  border-radius: 0;
  border-color: #eee;
}

.panel-group .panel-heading {
  width: 100%;
  float: left;
  background: none;
  border-radius: 0;
  border: none;
  padding: 0;
}

.panel-group .panel-heading .panel-title {
  width: 100%;
  font-size: 15px;
}

.panel-group .panel-heading .panel-title a {
  width: 100%;
  float: left;
  line-height: 19px;
  font-weight: 700;
  color: #066e74;
  padding: 20px;
}

.panel-group .panel-heading .panel-title a:hover {
  text-decoration: none;
}

.panel-group .panel-heading .panel-title a:after {
  content: "-";
  float: right;
  font-weight: 300;
  font-size: 18px;
}

.panel-group .panel-heading .panel-title a.collapsed {
  color: #066e74;
  background: #fff;
}

.panel-group .panel-heading .panel-title a.collapsed:after {
  content: "+";
  float: right;
  font-weight: 300;
  font-size: 18px;
}

.panel-group .panel-heading .panel-title a.collapsed:hover {
  text-decoration: none;
  color: #066e74;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border: none;
  padding: 20px;
  padding-top: 0;
}

.panel-group .panel-collapse {
  width: 100%;
  float: left;
}

.panel-group .panel-body {
  padding: 25px;
}

.panel-group .panel-body img {
  width: 35%;
  float: left;
  margin-right: 25px;
  border-radius: 4px;
}

.panel-group .panel-body h5 {
  font-weight: 700;
  font-size: 15px;
  font-weight: 600;
}

.panel-group .panel-body p {
  line-height: 20px;
  font-size: 13px;
  margin: 0;
}


/* CUSTOMIZED ODOMETER */
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
  padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  left: 0;
}



/* CUSTOMIZED FANCYBOX */
.fancybox-overlay {
  background: #000;
}

.fancybox-opened .fancybox-skin {
  box-shadow: none;
  border-radius: 0;
  background: none;
}

.fancybox-skin {
  box-shadow: none;
  border-radius: 0;
  background: none;
  padding: 0 !important;
}

.fancybox-skin * video {
  width: 100%;
  float: left;
}

.fancybox-inner {
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
}

.fancybox-close {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  right: -40px;
  top: 0;
  margin-left: -20px;
  text-align: center;
  background: #066e74;
}

.fancybox-close:after {
  content: "\f00d";
  font-family: fontAwesome;
  font-size: 20px;
  color: #fff;
}

.fancybox-close:hover {
  text-decoration: none;
}



/* OWL CAROUSEL */
.owl-dots {
  width: 100%;
  float: left;
  text-align: center;
}

.owl-dots .owl-dot {
  width: 30px;
  height: 5px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.3);
  margin: 0 3px;
  border-radius: 5px;
}

.owl-dots .owl-dot.active {
  background: #066e74;
}

/* TRANSITION */
.transition {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.transition * {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}



/* PRELOAD */
.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #fff;
}

/* Loader animation */
.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -33px 0 0 -33px;
  width: 32px;
  height: 32px;
  -webkit-animation: rotator 1.4s linear infinite;
  animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: #ddd;
  }

  25% {
    stroke: #ddd;
  }

  50% {
    stroke: #ddd;
  }

  75% {
    stroke: #ddd;
  }

  100% {
    stroke: #ddd;
  }
}

@keyframes colors {
  0% {
    stroke: #ddd;
  }

  25% {
    stroke: #ddd;
  }

  50% {
    stroke: #ddd;
  }

  75% {
    stroke: #ddd;
  }

  100% {
    stroke: #ddd;
  }
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}



/* HEADER */
.header {
  width: 100%;
  height: 100%;
  float: left;
  background: #fff;
  position: relative;
}

.header .hero-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.header .hero-img:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #3d404e;
  opacity: 0.30;
}

.header .hero-img img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  float: left;
  -o-object-fit: cover;
  object-fit: cover;
}


.header .rev-btn {
  height: 56px;
  line-height: 52px !important;
  padding: 0 40px;
  display: inline-block;
  color: #fff;
  background: #066e74;
  font-weight: 700 !important;
  font-family: 'Poppins', sans-serif !important;
  border-radius: 56px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.05) !important;
  border: 2px solid #066e74 !important;
}

.header .rev-btn:hover {
  background: transparent;
  color: #066e74;
  border: 2px solid #066e74;
  text-decoration: none;
}



/* INT HEADER */
.int-header {
  width: 100%;
  height: 300px;
  background: url(../images/hero1.jpg) no-repeat center #000;
  position: relative;
}

.int-header:after {
  content: '';
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.3;
}

.int-header .table {
  position: relative;
  z-index: 2;
}

.int-header .container h3 {
  font-weight: 600;
  color: #fff;
  margin-top: 100px;
  font-size: 40px;
}

.int-header .container h3 span {
  color: #066e74;
  font-size: 60px;
  margin-left: -5px;
  position: relative;
  z-index: 2;
}




/* HERO BANNER */
.hero-banner {
  width: 100%;
  height: 300px;
  background: url("../img/banner-common.jpg") center/cover no-repeat;
  position: relative;
  display: flex;
  align-items: center;
}

.hero-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: center;
}

.hero-title {
  font-size: 50px;
  font-weight: 700;
  color: #fff !important;
  text-align: center;
}

/* BREADCRUMB BAR */
.breadcrumb-bar {
  background: #f8f9fa;
  padding: 15px 0;
}

.breadcrumb-list {
  list-style: none;
  display: flex;
  gap: 10px;
  padding: 0;
  margin: 0;
  font-size: 15px;
}

.breadcrumb-list li {
  color: #333;
}

.breadcrumb-list li a {
  text-decoration: none;
  color: #066e74;
  font-weight: 500;
}

.breadcrumb-list li a:hover {
  color: #000;
}

/* Responsive */
@media (max-width: 768px) {
  .hero-banner {
    height: 200px;
  }

  .hero-title {
    font-size: 32px;
  }

  .breadcrumb-list {
    justify-content: center;
    font-size: 14px;
  }
}

h1.hero-title {
    padding-top: 80px;
}



/* NAVBAR */

.navbar-default {
  border-radius: 0;
  border: none;
  background: transparent;
  text-align: center;
  padding: 0;
}

.navbar-default .top-bar {
  width: 100%;
  float: left;
  padding: 7px 0;
  background: url(../images/colorful-bar1.jpg) top center no-repeat;
  color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.navbar-default .top-bar .top-menu {
  margin: 0;
  margin-top: 3px;
  padding: 0;
}

.navbar-default .top-bar .top-menu li {
  float: left;
  margin: 0;
  margin-right: 35px;
  padding: 0;
  list-style: none;
}

.navbar-default .top-bar .top-menu li a {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.navbar-default .top-bar .top-menu li a:hover {
  text-decoration: none;
  color: #066e74;
}

.navbar-default .top-bar .language {
  float: right;
}

.navbar-default .top-bar .language span {
  float: left;
  font-weight: 600;
  font-size: 13px;
  margin-top: 5px;
  margin-right: 10px;
}

.navbar-default .top-bar .language .dropdown {
  float: right;
}

.navbar-default .top-bar .language .dropdown a {
  float: left;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  margin-top: 5px;
}

.navbar-default .top-bar .language .dropdown a:hover {
  text-decoration: none;
  color: #066e74;
}

.navbar-default .top-bar .language .dropdown img {
  height: 16px;
  display: inline-block;
}

.navbar-default .top-bar .language .dropdown i {
  float: right;
  margin-left: 5px;
  margin-top: -1px;
}

.navbar-default .top-bar .language .dropdown-menu {
  min-width: inherit;
  top: 31px;
  right: 15px;
  left: auto;
  margin: 0;
  padding: 5px 12px;
  background: #fff;
  border-radius: 0;
  border: none;
}

.navbar-default .top-bar .language .dropdown-menu li {
  width: 100%;
  float: left;
  margin: 4px 0;
}

.navbar-default .top-bar .language .dropdown-menu li a {
  width: 100%;
  float: left;
  padding: 0;
  color: #3d404e;
}

.navbar-default .top-bar .language .dropdown-menu li a:hover {
  background: none;
  color: #066e74;
}

.navbar-default .top-bar .social-text {
  float: left;
  font-weight: 600;
  font-size: 13px;
  margin-top: 5px;
}

.navbar-default .top-bar .social-media {
  float: left;
  margin: 0;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 0;
}

.navbar-default .top-bar .social-media li {
  float: left;
  margin-left: 12px;
  margin-right: 0;
  list-style: none;
}

.navbar-default .top-bar .social-media li a {
  float: left;
  color: #fff;
  font-size: 12px;
}

.navbar-default .top-bar .social-media li a:hover {
  color: #fff;
}

.navbar-default .navbar-header {
  position: relative;
}

.navbar-default .navbar-brand {
  height: auto;
  padding: 25px 15px;
}

.navbar-default .navbar-brand img {
  height: 40px;
}

.navbar-default .navbar-brand .logo-dark {
  display: none;
}

.navbar-default .navbar-brand .since {
  width: 40px;
  height: 35px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  bottom: -45px;
  background: #066e74;
  color: #fff;
  font-weight: 700;
  padding-top: 4px;
}

.navbar-default .navbar-brand .since small {
  display: block;
  font-size: 10px;
  font-weight: 300;
  line-height: 10px;
}

.navbar-default .navbar-brand .since:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 40px 0 0;
  border-color: #066e74 transparent transparent transparent;
}

.navbar-default .navbar-nav {
  float: right;
  display: inline-block;
  margin-top: 21px;
}

.navbar-default .navbar-nav li {
  float: left;
}

.navbar-default .navbar-nav li a {
  color: #fff;
  font-weight: 700;
  font-size: 1px;
  opacity: 0.8;
}

.navbar-default .navbar-nav li a:hover {
  color: #066e74 opacity:1
}

.navbar-default .navbar-nav li a:hover:after {
  width: 100%;
}

.navbar-default .navbar-nav li a:focus {
  color: #066e74 opacity:1
}

.navbar-default .navbar-nav li a:after {
  content: '';
  width: 0;
  height: 2px;
  float: left;
  background: #066e74;
  margin-top: 3px;
}

.navbar-default .navbar-nav li a:after {
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.navbar-default .navbar-nav li .dropdown-menu {
  border-radius: 0;
  background: none;
  box-shadow: none;
  border: none;
  padding: 10px 0;
}

.navbar-default .navbar-nav li .dropdown-menu li {
  width: 100%;
  float: left;
  padding: 0;
}

.navbar-default .navbar-nav li .dropdown-menu li a {
  padding: 6px 15px;
}

.navbar-default .navbar-nav li .dropdown-menu li a:hover {
  background: none;
}

.navbar-default .navbar-nav li .dropdown-menu li a:after {
  display: none;
}

.navbar-default .navbar-nav li .dropdown-menu li a:focus {
  background: none;
}

.navbar-default .quote-btn {
  height: 50px;
  line-height: 46px;
  float: right;
  padding: 0 30px;
  color: #fff;
  border-radius: 50px;
  background: #8a39ee;
  font-weight: 700;
  margin-top: 20px;
  margin-left: 30px;
  border: 2px solid transparent;
}

.navbar-default .quote-btn:hover {
  background: transparent;
  border: 2px solid #8a39ee;
  color: #8a39ee;
  text-decoration: none;
}

.navbar-default .phone {
  float: right;
  line-height: 50px;
  margin-top: 22px;
  color: #fff;
  font-weight: 700;
  margin-left: 30px;
}

.navbar-default .search {
  height: 24px;
  float: right;
  margin-top: 35px;
  margin-right: 10px;
  color: #fff;
}

.navbar-default .search:hover {
  color: #066e74;
}

.navbar-default.fixed-active {
  background: #fff;
  padding: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.navbar-default.fixed-active .since {
  opacity: 1;
  visibility: visible;
  bottom: -35px;
}

.navbar-default.fixed-active .top-bar {
  background: url(../images/colorful-bar1.jpg) top center no-repeat #000;
}

.navbar-default.fixed-active .navbar-brand .logo-light {
  display: none;
}

.navbar-default.fixed-active .navbar-brand .logo-dark {
  display: block;
}

.navbar-default.fixed-active .navbar-nav li a {
  color: ;
  opacity: 1;
}

.navbar-default.fixed-active .navbar-nav li a:hover {
  color: #066e74;
}

.navbar-default.fixed-active .navbar-nav li .dropdown-menu {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.03);
}

.navbar-default.fixed-active .phone {
  color: #9193a4;
}

.navbar-default.fixed-active .search {
  color: #3d404e;
}

.navbar-default.fixed-active .search:hover {
  color: #066e74;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  color: #066e74 background:none;
  border: none;
}

.navbar-default.fixed-active .navbar-nav>.open>a,
.navbar-default.fixed-active .navbar-nav>.open>a:focus,
.navbar-default.fixed-active .navbar-nav>.open>a:hover {
  color: inherit;
}

/* Our Service section  */

.flip-card {
  background-color: transparent;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  min-height: 140px;
  backface-visibility: hidden;
  border: 3px solid #066e749e;
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.flip-card-front {
  z-index: 2;
}

.flip-card-back {
  transform: rotateY(180deg);
}

/* about section start */

.what-we {
  padding: 60px 0;
  background: rgba(245, 246, 255, 0.8);
}

.what-we .choos img {
  width: 360px;
  width: 100%;
}

.what-we .why-do {
  padding: 1rem 0;
  background: #0f1341;
  color: #fff;
}

.what-we .why-do p {
  font-weight: 300;
  padding: 0px 1rem;
  margin: 0px;
}

.what-we .why-do a {
  text-decoration: none;
  color: #fff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.what-we .why-do a:hover {
  color: #1f235c;
}

.hovblue figure {
  background: #1f235c;
  margin: 0;
}

.what-we .hovblue figure:hover img {
  opacity: .5;
}

/* Mobile view fix */
@media (max-width: 768px) {
    .product-grid {
        display: grid !important; /* Ensure grid is active */
        grid-template-columns: repeat(2, 1fr) !important; /* Force 2 columns */
        gap: 0px !important; /* Gap ko kam kiya taaki cards side-by-side aa sakein */
        justify-items: center;
        padding: 15px;
    }

    .product-card {
        width: 100% !important; /* Card apne grid cell ki puri jagah lega */
        max-width: 160px; /* Optional: Card ko bahut bada hone se rokne ke liye */
        box-shadow: none !important;
    }

    .circle-img {
        width: 100px !important; /* Image ka circle thoda chota kiya mobile ke liye */
        height: 100px !important;
        margin: 0 auto;
    }

    .service-title {
        font-size: 14px !important;
        margin-top: 10px;
        text-align: center;
    }
    
}



/* who we are section  */

.whosection{
  padding-top: 90px;
  text-align: center;
}

/* what we do section  */

.about-section {
  background: #f9fbff;
}

.about-image img {
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* Content */
.about-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #111;
}

.about-text {
  font-size: 16px;
  line-height: 1.7;
  color: #444;
  margin-bottom: 20px;
}

/* List Styling */
.about-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.about-list li {
  font-size: 15px;
  padding: 10px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #eee;
  color: #222;
}

.about-list li::before {
  content: "✔";
  color: #007bff;
  font-weight: bold;
}

/* Highlight Box */
.about-highlight {
  margin-top: 25px;
  padding: 18px 20px;
  background: #007bff;
  color: white;
  border-radius: 15px;
  font-size: 15px;
  line-height: 1.6;
  box-shadow: 0 8px 20px rgba(0, 123, 255, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
  .about-title {
    font-size: 26px;
  }

  .about-list li {
    font-size: 14px;
  }
}


/* Why Zenith Section  */

.choose-zenith-section {
  background: #ffffff;
}

/* Heading */
.choose-title {
  font-size: 38px;
  font-weight: 700;
  color: #111;
}

.choose-subtitle {
  font-size: 16px;
  color: #555;
  max-width: 650px;
  margin: auto;
  line-height: 1.6;
}

/* Card Design */
.choose-card {
  background: #f9fbff;
  border-radius: 18px;
  padding: 30px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  transition: 0.3s ease;
  height: 100%;
}

.choose-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 35px rgba(0, 123, 255, 0.18);
}

/* Card Title */
.card-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #007bff;
}

/* List Styling */
.choose-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.choose-list li {
  padding: 10px 0;
  font-size: 15px;
  color: #222;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #eee;
}

.choose-list li:last-child {
  border-bottom: none;
}

.choose-list li::before {
  content: "★";
  color: #007bff;
  font-weight: bold;
}

/* Bottom Text */
.grow-text {
  font-size: 20px;
  font-weight: 600;
  color: #111;
  padding: 15px 25px;
  display: inline-block;
  border-radius: 12px;
  background: linear-gradient(to right, #007bff, #00c6ff);
  color: #fff;
}

/* Responsive */
@media (max-width: 768px) {
  .choose-title {
    font-size: 28px;
  }

  .choose-card {
    padding: 22px;
  }

  .grow-text {
    font-size: 16px;
  }
}


/* partner with us section  */

.partner-modern {
  background: #f8fbff;
}

/* Heading */


.partner-head p {
  max-width: 720px;
  margin: auto;
  color: #555;
  line-height: 1.7;
}

/* Left Info Box */
.partner-info-box {
  background: #066e74;
  color: #fff;
  padding: 40px;
  border-radius: 22px;
  height: 100%;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2);
}

.partner-info-box h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
}

.partner-info-box p {
  font-size: 15px;
  color: #ccc;
  line-height: 1.7;
}

/* Benefits Grid */
.partner-benefits {
  margin-top: 25px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.benefit-item {
  background: rgba(255, 255, 255, 0.08);
  padding: 18px;
  border-radius: 16px;
  text-align: center;
}

.benefit-item span {
  font-size: 26px;
  display: block;
  margin-bottom: 8px;
}

.benefit-item h5 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

/* CTA Button */
.partner-cta {
  margin-top: 30px;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 14px;
  border-radius: 14px;
  background: #007bff;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
}

.partner-cta:hover {
  background: #0056b3;
}

/* FAQ Cards */
.faq-modern {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.faq-card {
  background: #fff;
  padding: 25px 28px;
  border-radius: 18px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

.faq-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12);
}

.faq-card h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #111;
}

.faq-card p {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
}

/* Support Card List */
.support-card ul {
  margin: 0;
  padding-left: 18px;
}

.support-card ul li {
  margin-bottom: 10px;
  font-size: 15px;
  color: #333;
}

/* Footer Line */
.partner-footer h3 {
  font-size: 22px;
  font-weight: 700;
  color: #007bff;
}

/* Responsive */
@media (max-width: 768px) {
  .partner-head h2 {
    font-size: 30px;
  }

  .partner-info-box {
    padding: 25px;
  }

  .partner-benefits {
    grid-template-columns: 1fr;
  }
}


/* TESTIMONIALS */
.testimonials {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.testimonials h6 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #3d404e;
  position: relative;
  padding-bottom: 30px;
  color: #9193a4;
}

.testimonials h6:after {
  content: '';
  width: 30px;
  height: 3px;
  background: #066e74;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  bottom: 0;
}

.testimonials h2 {
  padding: 0 20%;
  font-size: 44px;
  line-height: 56px;
  margin-bottom: 30px;
}

.testimonials .testimonial-box {
  width: 70%;
  float: left;
  text-align: center;
  padding: 20px 30px;
  margin: 0px 15% 50px !important;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
}

.testimonials .testimonial-box:after {
  content: '';
  position: absolute;
  left: 10%;
  bottom: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #fff transparent transparent transparent;
}

.testimonials .testimonial-box .head {
  width: 100px;
  display: inline-block;
  position: relative;
}

.testimonials .testimonial-box .head img {
  width: 100px;
  border-radius: 50%;
}

.testimonials .testimonial-box .head:after {
  content: "\f10e";
  width: 36px;
  height: 36px;
  display: inline-block;
  background: #066e74;
  font-family: FontAwesome;
  font-size: 13px;
  line-height: 34px;
  border-radius: 50%;
  border: 3px solid #fff;
  color: #fff;
  transform: translateY(-15px);
}

.testimonials .testimonial-box h5 {
  font-size: 22px;
  font-weight: 700;
}

.testimonials .testimonial-box small {
  display: block;
  font-family: Fjalla One;
  color: #7d7a7a;
  margin-bottom: 10px;
}

.testimonials .testimonial-box .rates {
  display: block;
  margin-bottom: 20px;
}

.testimonials .testimonial-box .rates i {
  display: inline-block;
  font-size: 13px;
  color: #066e74;
}

.testimonials .owl-slider {
  width: 100%;
  float: left;
}



/* MAIN PARTNERS */
.main-partners {
  width: 100%;
  float: left;
  padding: 100px 0;
  text-align: center;
}

.main-partners h6 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #3d404e;
  position: relative;
  padding-bottom: 30px;
  color: #9193a4;
}

.main-partners h6:after {
  content: '';
  width: 30px;
  height: 3px;
  background: #066e74;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -15px;
}

.main-partners h2 {
  padding: 0 10%;
  font-size: 40px;
  line-height: 60px;
  margin-bottom: 50px;
}

.main-partners a {
  height: 56px;
  line-height: 52px;
  padding: 0 40px;
  display: inline-block;
  color: #fff;
  background: #066e74;
  font-weight: 700;
  border-radius: 56px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.05);
  border: 2px solid transparent;
}

.main-partners ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}

.main-partners ul li {
  width: 20%;
  float: left;
  list-style: none;
  padding: 0 20px;
  position: relative;
}

.main-partners ul li:after {
  content: '';
  width: 1px;
  height: 30px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
}

.main-partners ul li:last-child:after {
  display: none;
}

.main-partners ul li img {
  width: 100%;
  opacity: 0.3;
}

.main-partners ul li:hover img {
  opacity: 0.6;
}

/* Career page css  */

/* HERO */
.career-hero {
  height: 350px;
  background: url("Assets/img/banner-common.jpg") center/cover no-repeat;
  position: relative;
}

.career-overlay {
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: center;
}

.career-hero h1 {
  font-size: 55px;
  font-weight: 800;
  color: #fff;
}

.career-hero p {
  font-size: 18px;
  color: #ddd;
  margin-top: 10px;
}

.career-btn {
  margin-top: 20px;
  display: inline-block;
  padding: 14px 35px;
  border-radius: 30px;
  background: #007bff;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

/* WHY SECTION */
.career-box {
  background: #fff;
  padding: 25px;
  border-radius: 18px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  text-align: center;
  transition: 0.3s;
  margin-bottom: 20px;
}

.career-box:hover {
  transform: translateY(-6px);
}

/* JOB CARDS */
.job-card {
  background: #f9fbff;
  padding: 25px;
  border-radius: 18px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  transition: 0.3s;
  margin-bottom: 20px;
}

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

.job-card h4 {
  font-weight: 700;
}

.job-card span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #555;
}

.apply-link {
  display: inline-block;
  margin-top: 15px;
  color: #007bff;
  font-weight: 600;
  text-decoration: none;
}

/* APPLY FORM */
.apply-form {
  background: #066e74;
  padding: 35px;
  border-radius: 20px;
}

.apply-form input,
.apply-form textarea {
  width: 100%;
  margin-bottom: 15px;
  padding: 12px;
  border-radius: 10px;
  border: none;
}

.apply-form button {
  width: 100%;
  padding: 14px;
  line-height: 0px;
  background: #fff;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  color: #007bff;
}

.apply-form button[type="submit"]:hover {
  color: #f4f5f7 !important;
}

/* Responsive */
@media(max-width:768px) {
  .career-hero h1 {
    font-size: 34px;
  }
}





/* PARTNERS */
.partners {
  width: 100%;
  float: left;
  padding: 100px 0;
  text-align: center;
}

.partners h6 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #3d404e;
  position: relative;
  padding-bottom: 30px;
  color: #9193a4;
}

.partners h6:after {
  content: '';
  width: 30px;
  height: 3px;
  background: #066e74;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -15px;
}

.partners h2 {
  padding: 0 10%;
  font-size: 40px;
  line-height: 60px;
  margin-bottom: 50px;
}

.partners ul {
  width: 100%;
  float: left;
  margin: 0;
  margin-left: 1px;
  padding: 0;
}

.partners ul li {
  width: 33.3333%;
  float: left;
  list-style: none;
  padding: 30px;
  position: relative;
  border: 1px solid #eee;
  margin-top: -1px;
  margin-left: -1px;
}

.partners ul li img {
  width: 100%;
  opacity: 0.3;
}

.partners ul li:hover img {
  opacity: 0.6;
}
















/* TEAM */
.team {
  width: 100%;
  float: left;
  padding: 100px 0;
  text-align: center;
}

.team h6 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #3d404e;
  position: relative;
  padding-bottom: 30px;
  color: #9193a4;
}

.team h6:after {
  content: '';
  width: 30px;
  height: 3px;
  background: #066e74;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -15px;
}

.team h2 {
  padding: 0 10%;
  font-size: 40px;
  line-height: 60px;
  margin-bottom: 50px;
}

.team .member {
  width: 100%;
  float: left;
}

.team .member img {
  width: 100%;
}

.team .member figcaption {
  width: 100%;
  float: left;
  border-top: 1px solid #eee;
  padding: 20px;
  text-align: center;
}

.team .member figcaption h4 {
  margin-top: 0;
  font-weight: 600;
}

.team .member figcaption small {
  display: block;
  margin-bottom: 10px;
}

.team .member figcaption ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.team .member figcaption ul li {
  float: left;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}

.team .member figcaption ul li a {
  float: left;
  color: #8a39ee;
  font-size: 12px;
}


































/* GALLERY */
.gallery {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.gallery h6 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #3d404e;
  position: relative;
  padding-bottom: 30px;
  color: #9193a4;
}

.gallery h6:after {
  content: '';
  width: 30px;
  height: 3px;
  background: #066e74;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -15px;
}

.gallery h2 {
  padding: 0 10%;
  font-size: 40px;
  line-height: 60px;
  margin-bottom: 50px;
}

.gallery ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}

.gallery ul li {
  width: 33.33333%;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gallery ul li.big {
  width: 66.66666%;
}

.gallery ul li a {
  width: 100%;
  float: left;
}

.gallery ul li img {
  width: 100%;
}
/* gallery section  */

.gallery-section {
  padding: 60px 0;
  background: #f8f9fa;
}

.gallery-title {
  font-size: 2rem;
  font-weight: 700;
  color: #333;
}

.gallery-subtitle {
  color: #777;
  font-size: 1rem;
}

.gallery-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  text-align: center;
}

.gallery-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.gallery-img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: all 0.3s ease;
}

.gallery-card:hover .gallery-img {
  transform: scale(1.05);
}

.gallery-caption {
  padding: 12px 15px;
  font-size: 15px;
  font-weight: 500;
  color: #555;
  background: #fff;
}

.pt-5 {
    padding-top: 25px;
}


/* CONTACT */
.contact {
  width: 100%;
  float: left;
  padding: 100px 0;
  text-align: center;
}

.contact h6 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #3d404e;
  position: relative;
  padding-bottom: 30px;
  color: #9193a4;
}

.contact h6:after {
  content: '';
  width: 30px;
  height: 3px;
  background: #066e74;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -15px;
}

.contact h2 {
  padding: 0 10%;
  font-size: 40px;
  line-height: 60px;
  margin-bottom: 50px;
}

.contact p {
  display: block;
}

.contact p span {
  opacity: 0.6;
}

.contact p .mail {
  text-decoration: underline;
  margin-bottom: 40px;
  display: block;
}

.contact p .map {
  font-weight: 600;
  color: #066e74;
}

.contact p .map {
  height: 56px;
  line-height: 56px;
  padding: 0 40px;
  display: inline-block;
  color: #fff;
  background: #066e74;
  font-weight: 700;
  border-radius: 56px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.05);
  border: 2px solid transparent;
  position: relative;
  margin-top: 60px;
}

.contact p .map:before {
  content: '';
  width: 1px;
  height: 50px;
  background: #066e74;
  position: absolute;
  left: 50%;
  top: -70px;
}

.contact p .map:hover {
  background: #fff;
  color: #066e74;
  border: 2px solid #066e74;
  text-decoration: none;
}

#map {
  width: 100%;
  height: 500px;
  float: left;
}



/* GET QUOTE */
.get-quote {
  width: 100%;
  float: left;
  padding: 100px 0;
  background: url(../img/form-bg.jpg) center no-repeat !important;
  background-size: cover !important;
}

.get-quote h6 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #3d404e;
  position: relative;
  padding-bottom: 30px;
  color: #9193a4;
}

.get-quote h6:after {
  content: '';
  width: 30px;
  height: 3px;
  background: #066e74;
  position: absolute;
  left: 0;
  bottom: 0;
}

.get-quote h2 {
  padding: 0;
  font-size: 44px;
  line-height: 56px;
  margin-bottom: 30px;
}

.get-quote form {
  width: 100%;
  float: left;
}

.get-quote form input[type="text"] {
  width: 100%;
  float: left;
  margin-top: -1px;
}

.get-quote form input[type="text"].first {
  width: 50%;
}

.get-quote form input[type="text"].second {
  width: 50%;
  border-left: none;
}

.get-quote form textarea {
  width: 100%;
  float: left;
  margin-top: -1px;
  margin-bottom: 0;
}

.get-quote form button[type="submit"] {
  float: left;
  border-radius: 0;
  margin-top: -25px;
}

.get-quote form button[type="submit"]:hover {
  background: #8a39ee;
  border: 2px solid #8a39ee;
  color: #fff;
}


/* SUPPORT BAR */
.support-bar {
  width: 100%;
  float: left;
  padding: 30px 0;
  background: #066e74;
}

.support-bar img {
  width: 100px;
  float: left;
  margin-right: 30px;
}

.support-bar h4 {
  display: block;
  font-size: 30px;
  color: #fff;
  font-weight: 700;
}

.support-bar h6 {
  display: block;
  font-size: 17px;
  font-weight: 300;
  color: #fff;
}

.support-bar a {
  height: 56px;
  float: right;
  line-height: 52px;
  padding: 0 40px;
  display: inline-block;
  color: #066e74;
  font-weight: 700;
  border-radius: 56px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.05);
  border: 2px solid transparent;
  margin: 12px 0;
}

.support-bar a:hover {
  background: #fff;
  color: #066e74;
  border: 2px solid #066e74;
  text-decoration: none;
}



/* FOOTER */
.footer {
  width: 100%;
  float: left;
  background: #066e74;
  color: #fff;
  padding: 30px 0;
}

.footer p {
  color: #fff;
}





.footer .footer-bar .social-media li {
  float: left;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}

.footer .footer-bar .social-media li a {
  width: 50px;
  height: 50px;
  float: left;
  color: rgba(255, 255, 255, 0.6);
  border: 2px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
}


.footer .footer-title {
  width: 100%;
  float: left;
  font-weight: 700;
  color: #fff;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.footer .footer-title:after {
  content: '';
  width: 62px;
  height: 1px;
  background: #066e74;
  position: absolute;
  left: 0;
  bottom: -1px;
}



.footer .newsletter button[type="submit"] {
  width: 28%;
  float: right;
  margin-bottom: 10px;
  padding: 0;
  border-radius: 0;
}

.footer .newsletter small {
  width: 100%;
  float: left;
}

.footer .video {
  width: 100%;
  float: left;
  position: relative;
}

.footer .video img {
  width: 100%;
}



.footer .video .play-btn:after {
  content: '';
  width: 86px;
  height: 86px;
  position: absolute;
  left: -12px;
  top: -12px;
  border-radius: 50%;
  border: 10px solid rgba(0, 0, 0, 0.3);
}

.footer .video .play-btn:hover {
  text-decoration: none;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.20);
}

.footer .footer-menu {
  width: 100%;
  float: left;
  margin: 0;
  margin-top: -4px;
  padding: 0;
}

.footer .footer-menu li {
  width: 50%;
  float: left;
  margin: 0;
  margin-bottom: 8px;
  padding: 0;
  list-style: none;
}

.footer .footer-menu li a {
  float: left;
  color: #fff;
}

.footer .sub-footer {
  width: 100%;
  float: left;
  background: rgba(255, 255, 255, 1);
  margin-top: 40px;
  padding: 20px 0;
}

.footer .sub-footer .container {
  font-size: 12px;
  color: #7d7a7a;
}

.footer .sub-footer .container a {
  color: #7d7a7a;
  font-weight: 700;
}

.footer .sub-footer .container span {
  color: #066e74;
}


/* SCROLL UP */
.scrollup {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  background-color: #8a39ee;
}

.scrollup:hover {
  color: #fff;
}



/* RESPONSIVE FOR MEDIUM */
@media only screen and (max-width: 1190px),
only screen and (max-device-width: 1190px) {
  .navbar-default .quote-btn {
    display: none;
  }
}

/* RESPONSIVE FOR TABLETS */
@media only screen and (max-width: 989px),
only screen and (max-device-width: 989px) {
  .navbar-default .top-bar .top-menu li {
    margin-right: 25px;
  }

  .navbar-default .top-bar .social-text {
    margin-left: 9%;
  }

  .navbar-default .phone {
    display: none;
  }

  .navbar-default .top-bar .language span {
    display: none;
  }

  .navbar-default .navbar-nav li a {
    padding: 10px;
  }

  .navbar-default .search {
    margin-top: 30px;
  }

  .video-intro .video {
    margin-left: 0;
  }

  .video-intro .watch-btn {
    margin-bottom: 100px;
  }

  .video-intro .watch-btn {
    margin-left: 0;
  }

  .video-intro:before {
    background-size: auto 65%;
  }

  .featured-services h2 {
    margin-bottom: 80px;
  }

  .featured-services p {
    padding-right: 0;
  }

  .our-skills a {
    margin-bottom: 100px;
  }

  .our-progress .image {
    margin-bottom: 50px;
  }

  .left-side-content .side-image {
    display: none;
  }

  .left-side-content .content-image {
    margin-left: 0;
    margin-top: 100px;
  }

  .right-side-content .content-image {
    margin-right: 0;
    margin-bottom: 100px;
  }

  .right-side-content .side-image {
    display: none;
  }

  .latest-news .news-box-image {
    margin-bottom: 30px;
  }

  .work-process .circles {
    height: 220px;
    background-position: center;
    background-size: 91% auto;
  }

  .work-process .circles .icon-border {
    width: 220px;
    height: 220px;
    border-radius: 220px;
  }

  .work-process .circles .icon-border i {
    margin-top: 12px;
    font-size: 60px;
  }

  .work-process .circles .icon-border span {
    font-size: 18px;
  }

  .main-partners ul li {
    width: 33.3333%;
  }

  .team .member img {
    padding: 0 10%;
  }

  .pricing .price-box ul {
    font-size: 13px;
  }

  .featured-solutions .solution-box p {
    font-size: 13px;
    line-height: 21px;
  }

  .support-bar h6 {
    font-size: 13px;
  }

  .footer p {
    margin-bottom: 50px;
  }

  .footer .video {
    margin-bottom: 50px;
  }

  .footer .footer-bar {
    width: inherit;
  }

  .footer .footer-bar .social-media {
    margin-bottom: 30px;
  }
}

/* RESPONSIVE FOR MOBILES */
@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {
  h2 {
    font-size: 30px !important;
    line-height: 42px !important;
    padding: 0 !important;
  }

  .homepage-slider .carousel,
  .homepage-slider .carousel-inner,
  .homepage-slider .item {
    height: 35vh;
  }

  h6 {
    font-size: 12px !important;
  }

  .navbar-default .navbar-brand img {
    height: 30px;
  }

  .navbar-default .top-bar .social-text {
    margin-left: 0;
  }

  .navbar-toggle {
    margin-top: 22px !important;
    border: none;
  }

  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {
    background: none;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background: #fff;
  }

  .navbar-default.fixed-active .navbar-toggle .icon-bar {
    background: #066e74;
  }

  .navbar-default.fixed-active .since {
    display: none;
  }

  .cbp-spmenu {
    background: #9193a4;
    text-align: left;
    padding: 20px 30px;
  }

  .cbp-spmenu .top-menu {
    width: 100%;
    float: left;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
  }

  .cbp-spmenu .top-menu li {
    width: 100%;
    float: left;
    margin: 3px 0;
    padding: 0;
    list-style: none;
  }

  .cbp-spmenu .top-menu li a {
    color: #fff;
    font-size: 14px;
  }

  .cbp-spmenu .navbar-nav {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
  }

  .cbp-spmenu .navbar-nav li {
    width: 100%;
    float: left;
    margin: 5px 0;
    padding: 0;
    list-style: none;
  }

  .cbp-spmenu .navbar-nav li a {
    margin: 0;
    padding: 0;
    color: #fff !important;
  }

  .cbp-spmenu .navbar-nav li a:after {
    display: none;
  }

  .cbp-spmenu .navbar-nav li .dropdown-menu {
    background: none !important;
    border: none !important;
    padding: 0;
    margin-bottom: 10px;
    padding-left: 10px;
  }

  .cbp-spmenu .navbar-nav li .dropdown-menu li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
  }

  .cbp-spmenu .navbar-nav li .dropdown-menu li a {
    padding: 0;
    margin: 2px 0;
    font-size: 12px;
  }

  .cbp-spmenu .search {
    float: left;
    color: #fff !important;
  }

  .testimonials .testimonial-box {
    width: 100%;
    margin: 50px 0;
  }

  .gallery ul li {
    width: 100%;
  }

  .gallery ul li.big {
    width: 100%;
  }

  .partners ul li {
    width: 100%;
  }

  .work-process .circles {
    height: auto;
  }

  .work-process .circles .text-left {
    text-align: center;
  }

  .work-process .circles .text-right {
    text-align: center;
  }

  .work-process .circles .icon-border {
    margin-bottom: 15px;
  }

  .our-offices .office-box {
    width: 100%;
  }

  .support .support-box {
    text-align: center;
  }

  .support .support-box img {
    float: none;
    margin-bottom: 10px;
  }

  .latest-news .news-box {
    margin-bottom: 30px;
  }

  .career .position-list li h5 {
    margin-bottom: 10px;
  }

  .pricing .price-box {
    width: 90%;
    margin: 15px 5%;
  }

  .pricing .price-box.recommended {
    margin-top: 30px;
  }

  .blog .sidebar {
    padding-left: 0;
  }

  .blog .sidebar .widget {
    padding: 25px 0;
    border-left: 0;
  }

  .search-box.active {
    z-index: 9999;
  }

  .search-box form {
    padding: 0;
    text-align: center;
  }

  .search-box form input[type="text"] {
    width: 100%;
    text-align: center;
  }

  .search-box form button[type="submit"] {
    display: inline-block;
    float: none;
  }

  .support-bar a {
    width: 100%;
    text-align: center;
  }

  .support-bar img {
    display: none;
  }

  .footer .footer-bar address i {
    width: 35px;
    margin-bottom: 10px;
  }

  .footer .sub-footer .container {
    font-size: 11px;
  }

  .footer .sub-footer .text-right {
    text-align: left;
  }

  .footer .sub-footer .col-xs-12 {
    margin: 5px 0;
  }

  .Banner-text {
    font-weight: 700;
    color: white;
    font-size: 30px;
    line-height: 48px;
  }

  .carousel-caption.custom-caption {
    max-width: 400px !important;
  }

  .content {
    margin-bottom: 30px;
  }

  .testimonials .testimonial-box {
    margin: 0px !important;
  }

}






@media screen and (max-width: 767px) {
  .what-we .cons {
    margin-bottom: 2rem;
  }
}

.what-we .offer-details a:hover {
  text-decoration: none;
}

.what-we .offer-details .readmore:before {
  content: '\f101';
  font-family: 'FontAwesome';
  color: #fff;
  right: -20px;
  position: absolute;
}

.what-we .offer-item .inner:hover h3 a {
  color: #f8ba00;
}

.offer-item .inner:nth-child(3n+1) {
  clear: both;
}

.what-we .offer-details .btn.rdmorebtn:hover {
  background: #000;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

 .offer-inner {
  position: relative;
  overflow: hidden;
  margin-bottom: 00px;
}

.what-we .offer-details {
  position: absolute;
  top: 196px;
  height: 100%;
  padding: 20px;
  color: #fff;
  background-color: #141414db;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.what-we .offer-details h3 a span {
  float: right;
}

.what-we .offer-inner:hover .offer-details {
  background-color: #000000bd;
  border-bottom: 4px solid #0f1341;
  color: #fff;
}



.what-we .offer-inner:hover .offer-details h3 a {
  color: #fff;
}

.what-we .offer-details h3 a {
  color: #fff;
}

.what-we .offer-details h3 {
  margin-bottom: 10px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.what-we .offer-img {
  width: 360px;
  width: 100%;
  height: 250px;
}

.what-we .readmore {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1rem;
  position: relative;
  text-transform: capitalize;
  top: -22px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.what-we .offer-details .readmore:hover {
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .what-we .offer-details {
    top: 181px;
  }
}

@media screen and (max-width: 991px) {
  .what-we .offer-details {
    top: 181px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* about section end */



@media (max-width: 768px) {
  .about-section {
    flex-direction: column;
  }

  .about-images {
    grid-template-columns: 1fr 1fr;
  }

  .about-text h2 {
    font-size: 24px;
  }

  .point h3 {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  .about-images {
    grid-template-columns: 1fr;
  }

  .about-points {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .about-images {
    grid-template-columns: 1fr;
  }
}










/* Style dropdown */
.navbar-nav>li.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu {
  background: #fff;
  border-radius: 8px;
  padding: 8px 0;
  min-width: 220px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.dropdown-menu li a {
  padding: 10px 20px;
  color: #333;
  font-weight: 500;
  transition: 0.3s ease, color 0.3s ease;
}

.dropdown-menu li a:hover {
  background: #f5f5f5;
  color: #007bff;
}

.service-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.service-menu ul li {
  background: #f7f7f7;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}

.service-menu ul li.active,
.service-menu ul li:hover {
  background: #005b5b;
}

.service-menu ul li a {
  display: block;
  padding: 12px 15px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

.service-menu ul li.active a,
.service-menu ul li:hover a {
  color: #fff;
}

@media (max-width: 768px) {
  .service-menu ul li a {
    font-size: 14px;
    padding: 10px;
  }
}

.service-detail {
  display: none;
}

.service-detail.active {
  display: block;
}

@media (max-width: 768px) {
  .service-menu ul li {
    font-size: 14px;
    padding: 10px;
  }

  .service-content {
    padding-left: 0;
    margin-top: 20px;
  }

  .product-card .overlay {
    position: absolute;
    bottom: 0 !important;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.34);
    color: #fff;
    padding: 20px;
    text-align: center;
    transition: bottom 0.5s ease;
  }
}

.service-content {
  text-align: center;
}

.service-menu .menu-list {
  max-height: 800px;
  overflow-y: auto;
  padding-right: 5px;
}

.service-menu .menu-list li {
  list-style: none;
  padding: 8px 0;
}


.custom-box {
  border: 1px solid #ddd;
  /* light gray border */
  border-radius: 15px;
  /* smooth corners */
  padding: 20px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.custom-box:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}



/* Flip card wrapper */
.flip-card {
  background: transparent;
  perspective: 1000px;
  width: 100%;
  height: 180px;
}

/* Inner container */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

/* Flip effect */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Front and back sides */
.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
  padding: 0px !important;
}

/* Back side */
.flip-card-back {
  transform: rotateY(180deg);
  background: #f8f9fa;
}

/* Images */
.flip-card img {
  width: 70px;
  margin-bottom: 15px;
}

/* Headings */
.flip-card h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .flip-card {
    height: 220px;
  }
}

@media (max-width: 576px) {
  .flip-card {
    height: auto;
    min-height: 160px;
  }

  .flip-card-inner {
    transform: none !important;
    /* disable flip on small screens */
  }
}

.card.h-100.shadow-sm.border-0 {
  margin-bottom: 25px;
}


.image-section img {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  border-radius: 0 1.5rem 1.5rem 0;
}

.image-section img:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.image-section1 img {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  border-radius: 1.5rem 0 0 1.5rem;
}

.image-section1 img:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.section-content {
  color: white;
}

.section-content p {
  color: white;
}

.section-content h2 {
  color: white;
  font-size: 4em;
  padding: 0;
}


.fw-bold {
  /*    */
  /* padding: 0 20%; */
  font-size: 44px;
  line-height: 56px;
  margin-bottom: 30px;
  font-size: 37px !important;
  color: #066e74;
  position: relative;
}

.fw-bold::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  /* line distance from text */
  transform: translateX(-50%);
  width: 60px;
  /* line width */
  height: 3px;
  /* line thickness */
  background: linear-gradient(to right, #ff7e5f, #feb47b) !important;
  /* gradient line */
  border-radius: 2px;
}

.fw-bolds {
  /*    */
  padding: 0 20%;
  font-size: 44px;
  line-height: 56px;
  margin-bottom: 30px;
  font-size: 37px !important;
  color: #066e74;
  position: relative;
  display: inline-block;
  text-align: center;
}

.fw-bolds::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  /* line distance from text */
  transform: translateX(-50%);
  width: 120px;
  /* line width */
  height: 3px;
  /* line thickness */
  background: linear-gradient(to right, #ff7e5f, #feb47b);
  /* gradient line */
  border-radius: 2px;
}

h1.fw-bold {
  text-align: center;
}





/* Container Box */
.custom-box .grid {
  display: flex;
  justify-content: center;
}

.custom-box .card {
  background: #fff;
  padding: 2rem 2.5rem;
  border-radius: 12px;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.1);
  width: 100%;
}

/* Headings */
.card h1 {
  font-size: 1.9rem;
  color: #003366;
  margin-bottom: 0.75rem;
  text-align: center;
}

p.lead {
  color: #555;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

/* Steps Wrapper */
.steps {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Single Step */
.step {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.2rem;
  border: 1px solid #e4e6eb;
  border-radius: 10px;
  background: #fdfdfd;
  transition: all 0.3s ease;
}

.step:hover {
  background: #f4f8ff;
  border-color: #066e74;
  transform: translateY(-3px);
}

/* Step Number */
.num {
  background: #fe9f70;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0px 3px 6px rgba(0, 102, 204, 0.3);
}

/* Step Title */
.step h4 {
  font-size: 1.1rem;
  margin-bottom: 0.4rem;
  color: #222;
}


/* Responsive */
@media (max-width: 768px) {
  .card {
    padding: 1.5rem;
  }

  .step {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .num {
    margin-bottom: 0.8rem;
  }
}


@media (max-width: 768px) {

  .navbar-default .navbar-nav {
    float: none !important;
    display: grid;
    margin-top: 0px;
  }
}

/* our team section  */
.our-values {
  padding: 60px 20px;
  background: #f9f9f9;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.our-values h1 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #222;
  position: relative;
}

.our-values h1::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: #066e74;
  margin: 10px auto 0;
  border-radius: 3px;
}

.values-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}

.values-content {
  flex: 1;
}

.value-item {
  display: flex;
  align-items: flex-start;
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 12px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.value-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.value-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background: #066e74;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  margin-right: 15px;
  font-size: 18px;
  transition: 0.3s;
}

.value-item:hover .value-icon {
  background: #044e53;
}

.value-item h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #222;
}

.value-item p {
  margin: 5px 0 0;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

.values-image {
  flex: 1;
  text-align: center;
}

.values-image img {
  width: 100%;
  max-width: 450px;
  border-radius: 15px;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.12);
  transition: transform 0.4s ease;
}

.values-image img:hover {
  transform: scale(1.05);
}

/* Responsive */
@media (max-width: 992px) {
  .values-grid {
    flex-direction: column-reverse;
    text-align: center;
  }

  .value-item {
    text-align: left;
  }

  .values-image img {
    max-width: 100%;
  }
}


/* wrapper start */

.partners-section {
  padding: 60px 20px;
  background: #f9f9f9;
  text-align: center;
  overflow: hidden;
}

.section-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #333;
  position: relative;
}

.section-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: #066e74;
  margin: 12px auto 0;
  border-radius: 2px;
}

.carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.carousel-track {
  display: flex;
  gap: 40px;
  width: max-content;
  animation: scroll 25s linear infinite;
}

/* Carousel overlay */
.carousel-inner .item {
  position: relative;
}

/* Banner Images ko fix karo */
.carousel-inner .item img {
  width: 100%;
  height: 100vh;
  /* full screen height */
  object-fit: cover;
  /* image crop ho ke perfect fit hogi */
  object-position: center;
  /* image center aligned rahegi */
}

/* ===== Slider Base ===== */
.homepage-slider {
  width: 100%;
}

.slider-item {
  position: relative;
  height: 100vh;
}

/* Image */
.slider-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Dark overlay */
.slider-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
}

.slider-content h1 {
  color: #ffffff !important;
  /* PURE WHITE */
  font-size: 50px !important;
  font-weight: 700;
  margin-bottom: 15px;
}

.slider-content p {
  color: white !important;

}

/* Content */
.slider-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #fff;
  text-align: center;
  max-width: 900px;
  padding: 0 20px;
}

.slider-content h1 {
  font-size: 52px;
  font-weight: 700;
  margin-bottom: 15px;
}

.slider-content p {
  font-size: 22px;
  line-height: 1.6;
}

/* ===== Tablet ===== */
@media (max-width: 991px) {
  .slider-item {
    height: 80vh;
  }

  .slider-content h1 {
    font-size: 35px !important;
  }

  .slider-content p {
    font-size: 18px !important;
  }
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
  .slider-item {
    height: 65vh;
  }

  .slider-content h1 {
    font-size: 26px;
  }

  .slider-content p {
    font-size: 15px;
  }

  .slider-content {
    width: 275px !important;
  }

  .carousel-control {
    display: none;
  }
}

/* ===== Small Mobile ===== */
@media (max-width: 480px) {
  .slider-item {
    height: 55vh;
  }

  .slider-content h1 {
    font-size: 22px;
  }

  .slider-content p {
    font-size: 14px;
  }
}


/* Carousel wrapper fix height */
.homepage-slider .carousel,
.homepage-slider .carousel-inner,
.homepage-slider .item {
  height: 80vh;
  /* Full screen height */
}

/* Sabhi images ko same size force karo */
.homepage-slider .item img {
  width: 100%;
  height: 100% !important;
  /* Parent ki height le lega */
  object-fit: cover;
  /* Image ko crop karke uniform look dega */
  object-position: center;
}

/* Caption ko center me rakho */
.custom-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 2;
}


/* Overlay bluish effect */
.carousel-inner .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(81, 150, 153, 0.55);
  /* bluish overlay */
  z-index: 1;
}

/* Caption Center me lani hai */
.carousel-caption.custom-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* center horizontally & vertically */
  text-align: center;
  color: #fff;
  z-index: 2;
  /* overlay ke upar aaye */
  max-width: 700px;
}

.carousel-caption.custom-caption h1 {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.carousel-caption.custom-caption p {
  font-size: 1.25rem;
  margin-bottom: 20px;
}

.carousel-caption.custom-caption .btn {
  padding: 10px 25px;
  font-size: 1rem;
  border-radius: 30px;
}



.partner-card {
  flex: 0 0 auto;
  background: #fff;
  padding: 20px 30px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  cursor: pointer;
}

.partner-card img {
  width: 150px;
  height: 80px;
  object-fit: contain;
  /* filter: grayscale(100%); */
  transition: filter 0.3s ease, transform 0.3s ease;
}

.partner-card:hover img {
  filter: grayscale(0%);
  transform: scale(1.05);
}

/* Auto infinite scroll */

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* wrappee end */



.section-grenis {
  background-color: #066e7436 !important;
}




.products-section {
  padding: 70px 0px;
  text-align: center;
  background: #f8f9ff;
}

.section-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #222;
}

.section-title span {
  color: #066e74;
}

.section-subtitle {
  max-width: 650px;
  margin: 0 auto 40px;
  color: #555;
  font-size: 16px;
}



.product-card {
  position: relative;
  /* overflow: hidden; */
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transition: transform 0.3s ease;
}

.product-card img {
  width: 100%;
  height: 100%;
  display: block;
  transition: transform 0.5s ease;
}

.product-card:hover img {
  transform: scale(1.1);
}

.product-card .overlay {
  position: absolute;
  bottom: -25%;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.34);
  color: #fff;
  padding: 20px;
  text-align: center;
  transition: bottom 0.5s ease;
}

.product-card:hover .overlay {
  bottom: 0;
}

.product-card h3 {
  margin: 15px 0 20px;
  font-size: 18px;
}

.read-more {
  display: inline-block;
  padding: 8px 15px;
  background: #066e74;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  font-size: 14px;
  transition: background 0.3s ease;
}

.read-more:hover {
  background: #044c50;
  color: white;
  text-decoration: none;
}


/* what should section  */



.new-section-padding h1 {
  color: #0b1c45;
  /* border-left: 5px solid #ffb400; */
  padding-left: 15px;
}

.new-section-padding p {
  color: #444;
  line-height: 1.6;
}

.new-section-padding ul li {
  color: #222;
  line-height: 1.8;
}


/* about us meet us team  */

/* Background Gradient + Padding */
.team-section {
  background: #eff3f3;
  color: black;
  overflow: hidden;
}

/* Image Styling */
.team-photo img {
  border-radius: 20px;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.team-photo img:hover {
  transform: scale(1.05);
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.4);
}

/* Text Fade-in Animation */
.fade-in {
  opacity: 0;
  transform: translateY(15px);
  animation: fadeInUp 1s ease forwards;
}

.fade-in:nth-child(1) {
  animation-delay: 0.2s;
}

.fade-in:nth-child(2) {
  animation-delay: 0.4s;
}

.fade-in:nth-child(3) {
  animation-delay: 0.6s;
}

.fade-in:nth-child(4) {
  animation-delay: 0.8s;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Social Icon Styling */
.social-links .social-icon {
  display: inline-block;
  margin-right: 15px;
  font-size: 20px;
  color: #fff;
  transition: all 0.3s ease;
}

.social-links .social-icon:hover {
  color: #ffd166;
  transform: scale(1.2);
}

/* Responsive Adjustments */
@media (max-width: 767px) {
  .team-section {
    text-align: center;
  }

  .team-photo img {
    max-width: 250px;
  }
}


/* 5 cards in one line */


/* Make each card circular */
.product-card {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    /* overflow: hidden; */
    position: relative;
    flex: 0 0 calc(20% - 30px); /* 5 in one row */
    max-width: 180px;
    transition: 0.4s ease;
}

/* Make image perfectly fit circle */
.product-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: 0.4s ease;
}

/* Overlay inside circle */
.product-card .overlay {
    position: absolute;
    inset: 0;
    background: rgba(6, 110, 116, 0.85);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.4s ease;
    text-align: center;
}

.product-card:hover .overlay {
    opacity: 1;
}

/* Text inside overlay */
.product-card .overlay h3 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px;
}

.product-card .overlay .read-more {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
}

/* Hover zoom effect */
.product-card:hover img {
    transform: scale(1.1);
}

/* Responsive */
@media (max-width: 992px) {
    .product-card {
        flex: 0 0 calc(33.33% - 30px); /* 3 per row */
    }
}

@media (max-width: 576px) {
    .product-card {
        flex: 0 0 calc(50% - 20px); /* 2 per row */
    }
}


.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 80px;
    justify-items: center;
}

.product-card {
    text-align: center;
}

.card-link {
    text-decoration: none;
    display: block;   /* VERY IMPORTANT */
}

/* Perfect Circle */
.circle-img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.circle-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* TITLE FIX */
.service-title {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #066e74;   /* Force visible */
}


/* calculator page  */

p.text-start {
    font-weight: bold;
}

.sip-ui {
        background: #f4f7fb;
        padding: 70px 0;
        /* font-family: 'Segoe UI', sans-serif; */
    }


    .sip-card {
        max-width: 900px;
        margin: auto;
        background: #fff;
        padding: 35px;
        border-radius: 16px;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06);
    }

    .sip-heading {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .sip-field {
        margin-bottom: 28px;
    }

    .sip-label {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .sip-value {
        background: #eef2ff;
        color: #066e74;;
        padding: 6px 14px;
        border-radius: 6px;
        font-weight: 600;
    }

    input[type=range] {
        width: 100%;
        height: 7px;
        background: #e5e7eb;
        border-radius: 10px;
        appearance: none;
    }

    input[type=range]::-webkit-slider-thumb {
        appearance: none;
        width: 18px;
        height: 18px;
        background: #066e74;;
        border-radius: 50%;
        cursor: pointer;
        box-shadow: 0 0 0 6px rgba(37, 99, 235, .18);
    }

    .sip-result-card {
        background: linear-gradient(135deg, #eff6ff, #fff);
        border-radius: 14px;
        padding: 25px;
        margin-top: 35px;
    }

    .sip-results {
        display: flex;
        gap: 20px;
    }

    .sip-box-result {
        flex: 1;
        background: #fff;
        padding: 18px;
        border-radius: 12px;
        text-align: center;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    }

    .sip-box-result p {
        font-size: 13px;
        color: #6b7280;
    }

    .sip-box-result h3 {
        margin-top: 6px;
        font-size: 20px;
    }

    .blue {
        color: #2563eb;
    }

    .orange {
        color: #f97316;
    }

    .green {
        color: #059669;
    }

    .sip-progress {
        display: flex;
        height: 14px;
        margin-top: 18px;
        border-radius: 20px;
        overflow: hidden;
        background: #e5e7eb;
    }

    .sip-invested {
        background: #f97316;
        color: #fff;
        font-size: 11px;
        text-align: center;
    }

    .sip-return {
        background: #2563eb;
        color: #fff;
        font-size: 11px;
        text-align: center;
    }

    @media(max-width:768px) {
        .sip-results {
            flex-direction: column;
        }
    }

    /* FAQ wrapper spacing */
    h2.pb-3.pt-10 {
        padding-top: 0;
        margin-bottom: 10px;
    }

    /* FAQ clean card style */
    details.group {
        border: 1px solid #eee;
        border-radius: 8px;
        margin-bottom: 12px;
        background: #fff;
        overflow: hidden;
    }

    /* summary layout */
    details.group summary {
        padding: 16px 18px;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    /* remove default arrow */
    details.group summary::-webkit-details-marker {
        display: none;
    }

    /* arrow icon */
    details.group svg {
        transition: transform 0.3s ease;
    }

    /* rotate arrow when open */
    details.group[open] svg {
        transform: rotate(180deg);
    }

    /* content */
    details.group>div {
        padding: 0 18px 16px 18px;
        font-size: 14px;
        color: #737373;
    }

    h2.pb-3.pt-10.text-2xl.font-semibold {
        padding: 21px;
        text-align: center;
    }

    /* text readability */
    details.group p {
        line-height: 1.6;
        font-size: 14px;
    }

    /* animation */
    @keyframes fadeSlide {
        from {
            opacity: 0;
            transform: translateY(-6px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* mobile spacing */
    @media (max-width: 768px) {
        details.group summary {
            padding: 14px;
            font-size: 14px;
        }

        .products-section {
  padding: 20px 0px;
  text-align: center;
  background: #f8f9ff;
}
    }

.wrapper {
        max-width: 900px;
        margin: auto;
    }

    .card {
        background: #fff;
        border-radius: 14px;
        padding: 30px;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
    }

    h2 {
        margin-bottom: 25px;
        font-size: 26px;
    }

    /* INPUT CARD */
    .field {
        margin-bottom: 26px;
    }

    .field-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .value-box {
        background: #f1f5ff;
        color: #066e74;
        padding: 6px 14px;
        border-radius: 6px;
        font-weight: 600;
        font-size: 13px;
    }

    /* SLIDER */
    input[type=range] {
        width: 100%;
        height: 7px;
        border-radius: 10px;
        background: #e5e7eb;
        appearance: none;
    }

    input[type=range]::-webkit-slider-thumb {
        appearance: none;
        width: 18px;
        height: 18px;
        background: #2563eb;
        border-radius: 50%;
        cursor: pointer;
        box-shadow: 0 0 0 6px rgba(37, 99, 235, 0.15);
    }

    /* RESULT CARD */
    .result-card {
        margin-top: 30px;
        background: linear-gradient(135deg, #eff6ff, #ffffff);
        border-radius: 14px;
        padding: 25px;
    }

    .result-row {
        display: flex;
        gap: 20px;
    }

    .result-box {
        flex: 1;
        background: #fff;
        padding: 18px;
        border-radius: 12px;
        text-align: center;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    }

    .result-box p {
        font-size: 13px;
        color: #6b7280;
    }

    .result-box h3 {
        margin-top: 6px;
        font-size: 20px;
    }

    .orange {
        color: #f97316;
    }

    .blue {
        color: #2563eb;
    }

    .green {
        color: #059669;
    }

    /* MOBILE */
    @media(max-width:768px) {
        .result-row {
            flex-direction: column;
        }
    }
    
     /* Table Grid */
.my_custom_grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border-radius: 12px;
  overflow: hidden;
  margin-top: 16px;
}

.my_custom_grid > div {
  font-size: 13px;
}