/* ----------------------------------------------------------------------------------------
* Theme Name    : Stark
* Theme URI 	: http://htmlsectionwpthemedevelopers.com/stark/
* Author        : Foxywebthemes
* Template Name : Stark | One Page Multipurpose Html5 Template
* File          : Stark main CSS file
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */

/* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. General css
02. Heading Styles
03. Theme Color Style
04. Navbar Styles
05. Social Media Colors
06. Slide Animation Styles
07. Section Title Style
08. Button Style
09. Star List Style
10. Service box
11. Portfolio
12. Pricing Table
13. Counter Styles
14. Feature Box
15. Team Styles
16. Testimonial Styles
17. Owl Styles
18. Blog Style
19. Subscribe Form Styles
20. Footer Social
21. Copyright Styles
22. Timeline Styles
23. Responsive Styles

-------------------------------------------------------------------------------------- */

/* 01. General Style */
body
 {
	font-family: 'Open Sans', sans-serif;
	background-color: #ffffff;
    color: #333333;
	font-size:16px;
	line-height:26px;
	min-height: 100%;
}
#about {
    font-size:18px;
	font-weight: normal;
}
#legal {
	height: 100%;
	display: flex;
	flex-direction: column;
}

html
 { 
      font-size: 100%; 
      
}
@media (min-width: 640px) 
 {
    body 
     { 
       font-size: 1rem;
    }
}
@media (min-width: 960px) 
 {
    body 
     { 
       font-size: 1.2rem; 
    } 
}
@media (min-width: 1100px) 
 { 
    body 
      { 
        font-size: 1.5rem; 
    } 
}
@media (max-width: 767px) {
  /* Styles for mobile devices */
}
@media (min-width: 768px) and (max-width: 991px) {
  /* Styles for tablets */
}
@media (min-width: 992px) {
  /* Styles for desktops */
}
.hidden-content {
    display: none;
}
.read-more-btn {
    font-size: 0.875em;
    padding: 4px 8px;
    border-radius:4px;
    display: block;
    color:#000;
    margin-top: 5px;
    margin:0 auto;
    line-height: 1.0;
    
}

@media (max-width: 767px) {
  .read-more-btn {
    font-size: 14px;
    padding: 4px 8px;
    margin:0 auto;
  }
}
.button {
  font-size: 0.875em; /* Approximately 14px if the base font size is 16px */
}

.image-container {
  display: flex;
  justify-content: space-between;
}

.image-container img {
  width: 33.33%;
  height: auto;
}

::-moz-selection { 
    color: red;
    background: #09b9bb;
}
::selection {
    /* color: red; */
    background: #68009F33;
}
.row {
	margin-bottom:30px;
	width: 100%;
}
.row:last-child {
	margin-bottom:0;
}
a{
	color: #333;
	outline:none;
	text-decoration:none;
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
	
}
a.link-white{
	color:#fff;
}
a:hover, a:focus, a:active, a.link-white:hover, a.link-white:focus, a.link-white:active {
	color: #09b9bb;
	outline:none;
	text-decoration:none;
}
.animated {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
}
.animated.visible {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
/* 02. Heading Styles */

h1.oh {
  font-size: 85px;
  line-height: 120%;
}

p.tagline {
  font-size: 20px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', serif;
	font-style: normal;
    font-weight: 400;
}
h1 {
	font-size:40px;
	line-height: 52px;
	font-style: normal;
    font-weight: 700;
}
h2 {
	font-size:32px;
	line-height: 44px;
}
h3 {
	font-size:28px;
	line-height: 40px;
}
h4 {
	font-size:24px;
	line-height: 32px;
}
.compliance-seals {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.compliance-seals img {
  border-radius: 5px;
  
}

.container {
    max-width: 1170px;
    width: 100%;
}
section {
	position:relative;
	padding: 80px 0;
}
.section-title, .section-sub-title {
    margin-bottom: 40px;
}
.main-wrap {
	margin:0 auto;
}
.main-wrap.boxed, nav.boxed{
	max-width: 1170px;
}
.setion-bg {
	color:#fff;
}
.col-inner {
	margin-bottom:30px;
}
.col-inner:last-child {
	margin-bottom:0;
}
.overlay-section-bg {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.primary-section-bg {
    background: #68009F none repeat scroll 0 0;
}
.primary-section-bg-imprint {
    background: #FFFFFF none repeat scroll 0 0;
}
.triadic-gold-section-bg {
    background-color: #9F6800;
}
.triadic-green-section-bg {
    background-color: #009F68;
}
.green-section-bg {
	background-color: #85e452;
}
.planter-section-bg{
    background-color: #379F00;
}
.new-section-bg{
	background-color: color-mix(in srgb-linear, black 30%, white 70%);.logo
}
.brown-section-bg{
	background-color: #9F6800;
}
.black-section-bg {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
.black1-section-bg {
	background-color: #000000;
}
.gray-section-bg{
	background-color: #e2e1e0;
}
.section-parallax {
	background-repeat:repeat;
	background-position: 50% 0;
	position: relative;
}
.media-body .media-heading {
    margin-bottom: 10px;
}
.custom-col{
	padding: 0 15px;
}
.form-control {
    background: transparent none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.5);
    height: 50px;
    line-height: 30px;
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.form-control:focus{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-color: rgba(9, 185, 187, 0.9);
}
.media img {
	margin:0 auto;
}
.inline-content {
    display: inline-block;
	vertical-align:middle;
}
.page-loader {
    background: url(../images/page-loader.gif) 50% 50% no-repeat rgb(249,249,249);
}
.page-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #fff;
}
/* 03. Theme Color Style */
.bg-primary {
	background-color:#09b9bb;
}
.primary-color{
	color:#09b9bb;
}
/* 04. Navbar Styles */
.navbar {
	margin-bottom:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0 auto;
}
.navbar-toggle {
    background-color: transparent;
    background-image: none;
    height: 34px;
    line-height: 40px;
    position: relative;
    width: 40px;
	padding:7px;
	margin: 40px 15px 0 0;
}
.navbar-toggle > span {
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background:transparent;
}
.navbar-toggle > span:first-child {
    bottom: 45%;
    position: absolute;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.navbar-toggle > span:nth-child(2) {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
   visibility:hidden;
}
.navbar-toggle.collapsed > span:nth-child(2) {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
   visibility:visible;
}
.navbar-toggle > span:last-child {
    bottom: 45%;
    position: absolute;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.navbar-toggle.collapsed > span {
	position:static;
	transform: none;
}
.navbar-default .navbar-toggle .icon-bar,
.navbar-transparent .navbar-toggle .icon-bar  {
    background-color: #fff;
}
.navbar-toggle .icon-bar {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
    display: block;
    height: 1px;
    width: 28px;
}
.navbar-toggle .icon-bar + .icon-bar{
	margin-top: 6px;
}
nav.navbar {
	position:absolute;
	top:0;
	right:0;
	left:0;
	z-index: 1;
}
.navbar-default {
	border:none;
	border-bottom:solid 1px rgba(255, 255, 255, 0.1);
}
.navbar-nav.navbar-center {
	left: 50%;
    position: absolute;
	
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
.navbar-brand {
    height: 70px;
    line-height: 70px;
    padding: 0 20px 0 0;
}
/* Removed empty ruleset */	/* transition: all ease 0.35s; */
a.navbar-brand.sticky-logo, .header-sticky a.navbar-brand.primary-logo {
    height: 0;
    width: 0;
	max-width: 300px;
    opacity: 0;
    visibility: hidden;
}
.header-sticky a.navbar-brand.sticky-logo, a.navbar-brand.primary-logo {
    height: auto;
    width: auto;
	max-width: 300px;
    opacity: 1;
    visibility: visible;
}
.nav.navbar-nav > li > a {
	height:70px;
	line-height:70px;
	padding:0 15px;
	color:#fff;
	font-size: 14px;
	font-weight: 600;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin:auto;
}
.navbar-brand > img {
    display: inline-block;
    max-height: 100%;
    padding: 10px 0;
}
.navbar.navbar-trasparent .navbar-nav > li > a:focus, .navbar.navbar-trasparent .navbar-nav > li > a:hover,
.navbar.navbar-trasparent .navbar-nav > .active > a, .navbar.navbar-trasparent .navbar-nav > .active > a:focus, .navbar.navbar-trasparent .navbar-nav > .active > a:hover {
	color:#09b9bb;
}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .active > a:hover {
	background-color:transparent;
}
.navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > .active > a, .navbart .navbar-nav > .active > a:focus, .navbar .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color:#d6d6d6;
	background-color:transparent;
}
.navbar-transparent .navbar-nav > li > a:focus, .navbar-transparent .navbar-nav > li > a:hover,
.navbar-transparent .navbar-nav > .active > a, .navbar-transparent .navbar-nav > .active > a:focus, .navbar-transparent .navbar-nav > .active > a:hover {
	color:#09b9bb;
	background-color:transparent;
}
.navbar-default {
	background-color:rgba(9, 185, 187, 0.9);
}
.navbar-transparent {
	background-color:transparent;
}
.navbar-nav.navbar-social > li > a > i {
    height: 70px;
    line-height: 70px;
}
/* 05. Social Media Colors */
/* social-pinterest */
.navbar-default .navbar-social > li > a.social-pinterest:hover, 
.navbar-default .navbar-social > li > a.social-pinterest:focus, 
.navbar-default .navbar-social > li > a.social-pinterest:active,
.navbar-transparent .navbar-social > li > a.social-pinterest:hover, 
.navbar-transparent .navbar-social > li > a.social-pinterest:focus, 
.navbar-transparent .navbar-social > li > a.social-pinterest:active {
	color:#cb2027;
}
/* social-facebook */
.navbar-default .navbar-social > li > a.social-facebook:hover, .navbar-default .navbar-social > li > a.social-facebook:focus, .navbar-default .navbar-social > li > a.social-facebook:active,
.navbar-transparent .navbar-social > li > a.social-facebook:hover, .navbar-transparent .navbar-social > li > a.social-facebook:focus, .navbar-transparent .navbar-social > li > a.social-facebook:active {
	color:#3b5998;
}
/* social-twitter */
.navbar-default .navbar-social > li > a.social-twitter:hover, .navbar-default .navbar-social > li > a.social-twitter:focus, .navbar-default .navbar-social > li > a.social-twitter:active,
.navbar-transparent .navbar-social > li > a.social-twitter:hover, .navbar-transparent .navbar-social > li > a.social-twitter:focus, .navbar-transparent .navbar-social > li > a.social-twitter:active {
	color:#55acee;
}
/* social-google-plus */
.navbar-default .navbar-social > li > a.social-google-plus:hover, .navbar-default .navbar-social > li > a.social-google-plus:focus, .navbar-default .navbar-social > li > a.social-google-plus:active,
.navbar-transparent .navbar-social > li > a.social-google-plus:hover, .navbar-transparent .navbar-social > li > a.social-google-plus:focus, .navbar-transparent .navbar-social > li > a.social-google-plus:active {
	color:#dd4b39;
}
/* social-youtube */
.navbar-default .navbar-social > li > a.social-youtube:hover, .navbar-default .navbar-social > li > a.social-youtube:focus, .navbar-default .navbar-social > li > a.social-youtube:active,
.navbar-transparent .navbar-social > li > a.social-youtube:hover, .navbar-transparent .navbar-social > li > a.social-youtube:focus, .navbar-transparent .navbar-social > li > a.social-youtube:active {
	color:#bb0000;
}
/* social-linkedin */
.navbar-default .navbar-social > li > a.social-linkedin:hover, .navbar-default .navbar-social > li > a.social-linkedin:focus, .navbar-default .navbar-social > li > a.social-linkedin:active,
.navbar-transparent .navbar-social > li > a.social-linkedin:hover, .navbar-transparent .navbar-social > li > a.social-linkedin:focus, .navbar-transparent .navbar-social > li > a.social-linkedin:active {
	color:#007bb5;
}
/* social-instagram */
.navbar-default .navbar-social > li > a.social-instagram:hover, .navbar-default .navbar-social > li > a.social-instagram:focus, .navbar-default .navbar-social > li > a.social-instagram:active,
.navbar-transparent .navbar-social > li > a.social-instagram:hover, .navbar-transparent .navbar-social > li > a.social-instagram:focus, .navbar-transparent .navbar-social > li > a.social-instagram:active {
	color:#e95950;
}
/* social-whatsapp */
.navbar-default .navbar-social > li > a.social-whatsapp:hover, .navbar-default .navbar-social > li > a.social-whatsapp:focus, .navbar-default .navbar-social > li > a.social-whatsapp:active,
.navbar-transparent .navbar-social > li > a.social-whatsapp:hover, .navbar-transparent .navbar-social > li > a.social-whatsapp:focus, .navbar-transparent .navbar-social > li > a.social-whatsapp:active {
	color:#4dc247;
}
/* social-flickr */
.navbar-default .navbar-social > li > a.social-flickr:hover, .navbar-default .navbar-social > li > a.social-flickr:focus, .navbar-default .navbar-social > li > a.social-flickr:active,
.navbar-transparent .navbar-social > li > a.social-flickr:hover, .navbar-transparent .navbar-social > li > a.social-flickr:focus, .navbar-transparent .navbar-social > li > a.social-flickr:active {
	color:#ff0084;
}
/* social-tumblr */
.navbar-default .navbar-social > li > a.social-tumblr:hover, .navbar-default .navbar-social > li > a.social-tumblr:focus, .navbar-default .navbar-social > li > a.social-tumblr:active,
.navbar-transparent .navbar-social > li > a.social-tumblr:hover, .navbar-transparent .navbar-social > li > a.social-tumblr:focus, .navbar-transparent .navbar-social > li > a.social-tumblr:active {
	color:#32506d;
}
/* social-vimeo */
.navbar-default .navbar-social > li > a.social-vimeo:hover, .navbar-default .navbar-social > li > a.social-vimeo:focus, .navbar-default .navbar-social > li > a.social-vimeo:active,
.navbar-transparent .navbar-social > li > a.social-vimeo:hover, .navbar-transparent .navbar-social > li > a.social-vimeo:focus, .navbar-transparent .navbar-social > li > a.social-vimeo:active {
	color:#aad450;
}
/* social-github */
.navbar-default .navbar-social > li > a.social-github:hover, .navbar-default .navbar-social > li > a.social-github:focus, .navbar-default .navbar-social > li > a.social-github:active,
.navbar-transparent .navbar-social > li > a.social-github:hover, .navbar-transparent .navbar-social > li > a.social-github:focus, .navbar-transparent .navbar-social > li > a.social-github:active {
	color:#000000;
}
/* social-rss */
.navbar-default .navbar-social > li > a.social-rss:hover, .navbar-default .navbar-social > li > a.social-rss:focus, .navbar-default .navbar-social > li > a.social-rss:active,
.navbar-transparent .navbar-social > li > a.social-rss:hover, .navbar-transparent .navbar-social > li > a.social-rss:focus, .navbar-transparent .navbar-social > li > a.social-rss:active {
	color:#ff6600;
}
.navbar.navbar-transparent {
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
	/* background-color: #68009F; */
}
.navbar-sticky.navbar-transparent.header-sticky {
	/* background:rgba(0,0,0,0.7); */
	background-color: #68009F;
}
/* Header Styles */
header {
	background-attachment:fixed;
	background-position:center;
	background-size:contain;
	background-color: #68009F;
	background-repeat: no-repeat;
}
.header-slider {
	z-index:0;
}
.header-slider .item {
	background-size: cover;
	background-repeat:no-repeat;	
}
.img-before {
	display:inline-block;
	vertical-align:middle;
	max-height:100%;
}

/* 06. Slide Animation Styles */
.stark-animated {
	/*position:absolute;*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
	visibility:hidden;
}
.stark-animated.visible {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
	visibility:visible;
}

.owl-item .stark-animated {
	display:none;
}
.owl-item.active .stark-animated {
	display:block;
} 
.header-content-inner a.btn.btn-default {
    display: inline-block !important;
}
/* Sticky Style */
.navbar-sticky.header-sticky {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
	z-index:99;
}
.navbar-sticky .navbar-brand,
.navbar-sticky .nav.navbar-nav > li > a,
.navbar-nav.navbar-social > li > a > i {
	transition: all ease 0.3s;
}
.navbar-sticky.header-sticky .navbar-brand,
.navbar-sticky.header-sticky .nav.navbar-nav > li > a,
.navbar-sticky.header-sticky .navbar-nav.navbar-social > li > a > i {
    height: 60px;
    line-height: 60px;
}
.navbar-brand img {
	max-height:100%;
	vertical-align:middle;
	padding:0;	
	display:inline-block;	
	width:auto;
}
.content {
	background-color: #68009f; /* Match theme color */
    flex: 1; /* Pushes the footer down */
}
.content-imprint {
	background-color: #FFFFFF; /* Match theme color */
    flex: 1; /* Pushes the footer down */
}												   
/* Header/Sliding Part Styles */
.header-content .header-content-inner {
	color: #ffffff;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.animation{
	opacity:0;
}
.animation.visible{
	opacity:1;
}
/* 07. Section Title Style */
.section-title-divider {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    color:#000000;
    font-size:40px;
    font-style:bold;
}
.section-title-divider::before {
    background-color: #9F6800;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 150px;
}
.section-title-divider.primary-divider::before {
	background-color: #09b99b;
}
.section-title-divider::after {
    background-color: #09b9bb;
    border: 4px solid #9F6800;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    bottom: -6px;
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 15px;
}
.section-title-divider.primary-divider::after {
	background-color: #fff;
	border: 4px solid #09b9bb;
}
section h2 {
	margin-top:0;
	color:#000000;
}
section p {
    font-size: 18px;
}

h3.under-line {
	position:relative;
}
h3.under-line::before {
    background-color: #09b9bb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    bottom: -20px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 70px;
}
section.bottom-border {
	border-bottom: solid 1px rgba(9, 185, 187, 0.3);
}
section h2.section-title-divider {
    line-height: 32px;
    padding-bottom: 26px;
}
.top-space {
    padding-top: 30px;
}
/* 08. Button Style */
.btn-default {
	background-color:transparent;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    background-color: none;
    color: #fff;
    font-weight: 600;
    padding: 14px 30px;
	border:solid 1px #ffffff;
	background-color:transparent;
	
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-info:hover, .btn-info:focus, .btn-info:active,
.btn-warning:hover, .btn-warning:focus, .btn-warning:active,
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
	border:solid 1px transparent;
	color:#ffffff;
	outline:none;
	-webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.3);
}
.btn-default:hover, .btn-default:focus, .btn-default:active,
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover {
	background-color:rgba(9, 185, 187, 0.7);
	color:#fff;
	outline:none;
}
.btn.btn-bg-white {
    background-color: #fff;
    color: #09b9bb;
	-webkit-box-shadow: 0 0 10px rgba(57,59,102,.07);
	-moz-box-shadow: 0 0 10px rgba(57,59,102,.07);
	box-shadow: 0 0 10px rgba(57,59,102,.07);
}
.btn.white-border {
    border: 1px solid #fff;
}
.btn.btn-bg-white:hover, .btn.btn-bg-white:focus, .btn.btn-bg-white:active {
    background: transparent none repeat scroll 0 0;
    border-color: #fff;
    color: #fff;
	outline:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn.btn-normal {
    border-color: #09b9bb;
    color: #09b9bb;
}
.btn.btn-normal:hover, .btn.btn-normal:active, .btn.btn-normal:focus {
	color:#fff;
	border-color:transparent;
	-webkit-box-shadow: 0 0 10px rgba(57,59,102,.07);
	-moz-box-shadow: 0 0 10px rgba(57,59,102,.07);
	box-shadow: 0 0 10px rgba(57,59,102,.07);
}
.btn-rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.btn-inline {
	margin:0;
}
h2.inline-content {
	padding: 0;
	margin:0;
}
.inline-content span {
    vertical-align: middle;
	padding-right:40px;
}
/* 09. Star List Style */
ul.star-list {
	list-style:none;
	padding-left:0;
}
ul.star-list > li {
	line-height:36px;
	position:relative;
	padding-left:30px;
}
ul.star-list > li:hover:before {
	color:#09b9bb;
}
ul.star-list > li:before {
    content: "\f006";
    font-family: FontAwesome;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
/* Blockquote Style */
blockquote {
	border-left-color:#09b9bb;
	position:relative;
	margin:40px 0;
	z-index:1;
}
blockquote cite {
	color:#09b9bb;
}
blockquote::before {
    color: #09b9bb;
    content: "\f10d";
    font-family: "FontAwesome";
    font-size: 42px;
    height: 50px;
    left: 20px;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;
    position: absolute;
    top: 5px;
    width: 50px;
    z-index: -1;
}
/* 10. Service box wrap */
.service-content {
    font-size:16px;
}
.service-image {
	font-size:50px;
    margin: 0 auto;
    vertical-align: middle;
    width: 100px;
	color:#09b9bb;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.service-image i {
    display: inline-block;
    line-height: 100px;
	height:100px;
	width:100px;
    vertical-align: middle;
}
.service-title {
	padding:8px 0;
}
.service-box-col:hover .service-image {
	background-color: #09b9bb;
	color: #fff;
}
.service-box-co{
	margin-bottom:30px;
}
.service-box-col .service-title {
	position:relative;
}
.service-box-col .service-title.title-bordered {
	margin-bottom:20px;
}
.service-box-col .service-title.title-bordered:before {
	background-color: #09b9bb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    bottom: -8px;
    content: "";
    height: 3px;
    position: absolute;
    width: 0;
	left:50%;
	
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
	transform: translateX(-50%);
}
.service-box-col:hover .service-title.title-bordered:before {
	width: 50px;
}
.service-box-col {
    margin-bottom: 30px;
}
/* 11. Portfolio */
.portfolio-button-set a:active, .portfolio-button-set a:focus, .portfolio-button-set a:hover {
	outline:none;
	color:#fff;
}
.portfolio-button-set .btn {
    margin-bottom: 20px;
}
.portfolio.filter-active {
	background-color:#09b9bb;
	color:#fff;
}
.portfolio-content {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
	visibility:hidden;
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.portfolio-content .portfolio-content-inner {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    color: #fff;
    height: 100%;
    width: 100%;
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.portfolio-content .portfolio-inner {
    width: 100%;
	position:absolute;
	top: 50%;
	padding:0 15px;
	transform: translateY(-50%);
}
.portfolio-item:hover .portfolio-content{
	display:block;
	border: 15px solid rgba(0, 0, 0, 0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
	visibility:visible;
}
/* 12. Pricing Table */
.price-main {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	-webkit-box-shadow: 0 0 10px rgba(57,59,102,.07);
	-moz-box-shadow: 0 0 10px rgba(57,59,102,.07);
	box-shadow: 0 0 10px rgba(57,59,102,.07);
}
.price-amount {
    background-color: #09b9bb;
    border: 5px solid #eeeeee;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    color: #ffffff;
    margin: auto;
    width: 110px;
	height:110px;
	line-height:110px;
	position: absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:-55px;
}
.price-amount h3, .price-amount p {
	color:#fff;
	margin-bottom:0;
	line-height:1.1;
}
.price-title {
	padding-top:70px;
	padding-bottom:20px;
	background-color:#eee;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.price-title h2 {
	text-transform:uppercase;
	font-size:25px;
}
.price-content {
	border:#eee solid 1px;
	background-color: #fff;
	padding:20px 0;
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.price-content p {
	line-height:2.5;
}
.price-main:hover, .pricing-table.featured .price-main {
	-webkit-box-shadow: 0 0 10px rgba(57,59,102,.07);
	-moz-box-shadow: 0 0 10px rgba(57,59,102,.07);
	box-shadow: 0 0 10px rgba(57,59,102,.07);
}
.price-main:hover .price-title, .pricing-table.featured .price-main .price-title {
	background-color:#09b9bb;
}
.price-main:hover .price-title > h2, .pricing-table.featured .price-main .price-title > h2 {
	color:#fff;
}
.price-main:hover .price-content, .pricing-table.featured .price-main .price-content {
	background-color:#222534;
	border:solid 1px #222534;
}
.price-main:hover .price-content > p, .pricing-table.featured .price-main .price-content > p {
	color:#fff;
}
.pricing-table.featured .price-main .price-title {
    padding-bottom: 30px;
    padding-top: 90px;
}
.pricing-table {
    margin-bottom: 30px;
    margin-top: 30px;
	padding-top:50px;
}
.pricing-table.featured {
	margin-top:0;
}
/* 13. Counter Styles */
.counter-icon{
	font-size:50px;
	line-height: 50px;
}
.counter-text{
	font-weight:600;
}
.counter-wrap{
	margin-bottom:30px;
}
/* 14. Feature Box */
.feature-icon {
    background: #09b9bb none repeat scroll 0 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    text-align: center;
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.feature-icon > i {
    height: 60px;
    line-height: 60px;
    width: 60px;
}
.feature-box{
	margin-bottom:30px;
}
.feature-box .media-left{
	padding-right: 22px;
}
.feature-box:hover .feature-icon{
	background-color:#333;
}
/* 15. Team Styles */
.team-wrap {
	margin-bottom:30px;
	-webkit-box-shadow: 0 0 10px rgba(57,59,102,.07);
	-moz-box-shadow: 0 0 10px rgba(57,59,102,.07);
	box-shadow: 0 0 10px rgba(57,59,102,.07);
}
.team-wrap:hover{
	-webkit-box-shadow: 0 0 10px rgba(57,59,102,.07);
	-moz-box-shadow: 0 0 10px rgba(57,59,102,.07);
	box-shadow: 0 0 10px rgba(57,59,102,.07);
}
.team-wrap, .team-wrap h3, .team-social-links > ul > li > a{
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.team-wrap:hover h3{
	color: #09b9bb;
}
.team-wrap:hover .team-social-links > ul > li > a{
	background-color: #09b9bb;
}
.team-wrap .team-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding: 0 10px 10px;
}
.team-wrap .team-content{
	padding:0 10px;
}
.team-social-links {
    padding: 20px 0;
}
.team-social-links .list-inine {
    padding: 0;
	margin:0;
}
.team-social-links > ul > li {
    display: inline-block;
	padding: 0 4px;
}
.team-social-links > ul > li > a, .team-social-links > ul > li i {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 30px;
	font-size: 14px;
}
.team-social-links > ul > li > a{
	background-color:#333;
	color:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-decoration:none;
}
/* 16. Testimonial Styles */
.testimonial-image > img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    max-width: 100px;
}
.testimonial-content p {
    font-size: 16px; /* Adjust the font size as needed */
}

.hidden-content p {
    font-size: 16px; /* Adjust the font size for the hidden content */
}

.testimonial-image.img-thumbnail{
	background-color:transparent;
}
.testimonial-title > span {
    color: #FFF;
    font-size: 16px;
}
.testimonial-title{
	margin-bottom:20px;
}
/*  Cases Styles */
.cases-image > img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    max-width: 100px;
}
.cases-image.img-thumbnail{
	background-color:transparent;
}
.cases-title > span {
    color: #000000;
    font-size: 14px;
    margin-bottom:20px;
}
.cases-content p {
    font-size: 16px; /* Adjust the font size as needed */
}
/* 17. Owl Styles */
.owl-carousel .owl-dots{
	padding-top:20px;
	height:20px;
	text-align:center;
}
.owl-carousel .owl-dot{
	padding: 0 5px;
	display: inline-block;
}
.owl-dot > span {
    border: 1px solid #333;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    color: #333;
    display: block;
    height: 10px;
    width: 10px;
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.owl-carousel.white-dots .owl-dot > span{
	border: 1px solid #fff;
}
.owl-carousel.primary-dots .owl-dot > span{
	border: 1px solid #09b9bb;
}
.owl-dot.active > span{
	height: 20px;
}
.owl-nav{
	position:absolute;
	top:0;
	right:0;
}
.owl-nav > div {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 30px;
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.owl-nav > div > i{
	line-height: 30px;
}
.owl-nav > div:hover{
	background: rgba(9, 185, 187, 0.9) none repeat scroll 0 0;
}
.owl-carousel.animated-owl-carousel.header-slider .owl-dots {
    bottom: 50px;
    display: inline-block;
    position: absolute;
    z-index: 2;
}
.owl-carousel.animated-owl-carousel.header-slider .owl-dots {
	width: 100%;
}
.owl-carousel.animated-owl-carousel.header-slider .owl-dots .owl-dot.active > span {
    height: 30px;
}
.owl-carousel.animated-owl-carousel.header-slider .owl-dots .owl-dot > span {
    background: #333 none repeat scroll 0 0;
    border-color: #fff;
	height: 15px;
	width: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.client-slider.owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}
/* 18. Blog Style */
.blog-wrap {
	margin-bottom:30px;
	-webkit-box-shadow: 0 0 10px rgba(57,59,102,.07);
	-moz-box-shadow: 0 0 10px rgba(57,59,102,.07);
	box-shadow: 0 0 10px rgba(57,59,102,.07);
}
.blog-wrap{
	padding-bottom:30px;
}
.blog-wrap .blog-data {
    padding: 0 20px;
}
.blog-wrap.blog-list{
	padding-bottom:0;
}
.blog-title > h3 {
    margin-top: 15px;
}
.blog-meta {
	padding-top: 20px;
	color: #8c9196;
}
.blog-meta > ul > li {
    line-height: 30px;
    vertical-align: middle;
}
.blog-wrap .blog-content{
	padding-top:10px;
	color: #8c9196;
}
.blog-image > img{
	margin:0 auto;
}
.blog-list .blog-image{
	display: inline-block;
    float: none;
    width: 40%;
}
.blog-list .blog-data {
    display: inline-block;
    float: none;
    padding: 10px 20px;
    width: 60%;
}
.blog-list .blog-data{
	padding: 10px 20px 20px;
}
.blog-list .blog-meta {
	padding-top: 0;
}
.blog-wrap.blog-list .blog-content {
    padding-top: 5px;
}
.blog-list h4{
	margin-top: 5px;
}
a.author, a.date, a.comment{
	position:relative;
	padding-left:20px;
}
a.author::before, a.date::before, a.comment::before {
    content: "\f2c0";
    font-family: FontAwesome;
    height: 30px;
    left: 0;
    position: absolute;
    width: 30px;
}
a.author::before {
    content: "\f2c0";
}
a.date::before {
    content: "\f274";
}
a.comment::before {
    content: "\f0e5";
}
/* 19. Subscribe Form Styles */
.input-group.subscribe-box .form-control {
    background: transparent none repeat scroll 0 0;
	-webkit-border-radius: 50px 0 0 50px;
	-moz-border-radius: 50px 0 0 50px;
	border-radius: 50px 0 0 50px;
    height: 50px;
	color:#fff;
	border-color: #fff;
}
.input-group.subscribe-box .form-control:focus {
    border-color: #09b9bb;
	-webkit-box-shadow: 0 1px 1px rgba(9, 185, 187, 0.7) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	-moz-box-shadow: 0 1px 1px rgba(9, 185, 187, 0.7) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: 0 1px 1px rgba(9, 185, 187, 0.7) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
/* Contact Styles and Footer Styles */
.footer{
	position:relative;
}
.footer-links li {
	list-style: none;
	margin-bottom: 8px;
  }
  
  .footer-links a {
	color: #fff;
	text-decoration: none;
  }
  
  .footer-links a:hover {
	text-decoration: underline;
	color: #E8AF07;
  }
  
  .footer h4 {
	margin-bottom: 15px;
	font-weight: 600;
  }
  
  .footer p, .footer a {
	color: #ddd;
	font-size: 14px;
  }
  /* Make Quick Links Horizontal */
.footer-links.horizontal-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-left: 0;
	margin: 0;
	list-style: none;
	
  }
  
  .footer-links.horizontal-links li {
	display: inline;
	position: relative;
	margin: 0 10px;
	white-space: nowrap;
  }
  
  /* Add separator after each link except last */
.footer-links.horizontal-links li:not(:last-child)::after {
    content: "|";
    margin-left: 10px;
    color: #000000;
    position: absolute;
    right: -15px;
    top: 0;
  }
  
  /* Remove default nav spacing */
  .nav.footer-links.horizontal-links > li > a {
	padding: 0;
	color: #fff;
	text-decoration: none;
  }
  
  /* Inherit existing link styles */
  .footer-links.horizontal-links a {
	color: #fff;
	text-decoration: none;
  }
  
  .footer-links.horizontal-links a:hover {
	color: #68009F;
	text-decoration: underline;
  }
  @media (max-width: 576px) {
	.footer-links.horizontal-links {
	  flex-direction: column;
	  gap: 10px;
	}
  
	.footer-links.horizontal-links li:not(:last-child)::after {
	  content: none; /* Remove separators on mobile */
	}
  }
	
  
.contact-form .form-control {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	border: none;
	border-bottom: solid 2px #ccc;
}
.contact-form .form-control:hover, .contact-form .form-control:active, .contact-form .form-control:focus {
	border-bottom-color: #09b9bb;
}
.contact-icons{
	font-size: 36px;
}
.contact-content {
    font-size: 14px; /* Adjust the font size as needed */
}
.back-to-top {
    bottom: 20px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px;
}
.back-to-top > i {
    background-color: #333333;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    width: 40px;
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.back-to-top:hover i {
	color:#ccc;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
/* 20. Footer Social */
.nav.footer-social{
	float:none;
	display:inline-block;
}
.nav.footer-social > li {
    display: inline-block;
	padding: 0 10px;
}
.nav.footer-social > li > a {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 40px;
	line-height: 40px;
	padding: 0;
	width: 40px;
	color:#fff;
}
.nav.footer-social > li > a:hover{
	color: #09b9bb;
	background-color:#fff;
}
.nav.footer-social > li > a > i {
    line-height: 40px;
}
/* 21. Copyright Styles */
.copyright-text a{
	color:#fff;
}
.copyright-text a:hover{
	color:#ccc;
}
/* Section Typo and Form Styles */
.section-typo-white, .typo-white {
	color:#FFF;
	position: relative;								  
}
.section-typo-gray, .typo-gray {
    color: #888;
}
.section-typo-black, .typo-black {
    color:#000;
}
.section-typo-oh, .typo-black {
    color:#68009f;
}							 
.help-block {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 99;
}
.form-control-feedback{
	position:absolute;
	top:16px;
}
/* 22. Timeline Styles */
.timeline {
	list-style: none;
	padding: 0;
	position: relative;
}
.timeline:before {
    background-color: #eee;
    border-left: 3px dotted #09b9bb;
    bottom: 0;
    content: " ";
    left: 50%;
    margin-left: -1.5px;
    position: absolute;
    top: 0;
}
.tldate {
    background-color: #09b9bb;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 100px;
    line-height: 96px;
    margin: 0 auto;
    text-align: center;
    width: 100px;
}
.tldate > h3 {
    margin: 0;
    padding-top: 28px;
}
.timeline li {
	margin-bottom: 25px;
	position: relative;
}
.timeline li:before, .timeline li:after {
	content: " ";
	display: table;
}
.timeline li:after {
	clear: both;
}
.timeline li:before, .timeline li:after {
	content: " ";
	display: table;
}
.timeline li .timeline-panel {
	width: 46%;
	float: left;
	background: #fff;
	border: 1px solid #09b9bb;
	padding: 20px;
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}
.timeline li .timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #09b9bb;
	border-right: 0 solid #09b9bb;
	border-bottom: 15px solid transparent;
	content: " ";
}
.timeline li .timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {
	top:0;
	right:0;
	display: none;
	border: 0;
}
.timeline li.timeline-inverted .timeline-panel {
	float: right;
}
.timeline li.timeline-inverted .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}
.timeline li.timeline-inverted .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}
.timeline li .tl-circ {
    background-color: #09b9bb;
    color: #333;
    height: 50px;
    left: 50%;
    line-height: 35px;
    margin-left: -25px;
    position: absolute;
    text-align: center;
    top: 15px;
    width: 50px;
}
.timeline li .tl-circ > i {
	color: #fff;
	font-size: 26px;
	line-height: 50px;
}
.tl-heading h4 {
	margin: 0;
	color: #333;
}
.tl-body p, .tl-body ul {
	margin-bottom: 0;
}
.tl-body > p + p {
	margin-top: 5px;
}

/* Progress Bar Styles */
.progress {
	height: 30px;	
}
.progress-bar {
	text-align: left;
	-webkit-transition: all ease 3s; -moz-transition: all ease 3s; -ms-transition: all ease 3s; -o-transition: all ease 3s; transition: all ease 3s;
	line-height: 30px;
}
.progress .skill {
	padding: 0;
	margin: 0 0 0 20px;
}
.progress .skill .val {
	float: right;
	font-style: normal;
	margin: 0 20px 0 0;
}
.progress-bar-default {
	background-color: #68009F;
}
/* Color Panel */
.color-panel {
    background-color: #fff;
    height: auto;
    position: fixed;
    top: 150px;
    width: 300px;
    z-index: 99999;
	left: -300px;
	-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
}
.color-panel.active {
	left: 0;
}
.color-panel-close-warp {
    max-height: 400px;
    overflow: auto;
    padding: 20px;
    position: relative;
}
.color-panel-close {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: -40px;
    text-align: center;
    top: 0;
    width: 40px;
}
.color-panel-close:hover {
	color: #09b9bb;
}
.color-panel .nav.color-panel-set li {
    float: left;
    margin-bottom: 10px;
    width: 25%;
}
.color-panel .nav.color-panel-set > li > a {
    float: left;
    padding: 0;
    width: 100%;
}
.color-panel .nav.color-panel-set li img {
    height: 40px;
    margin: 0 auto;
    width: 40px;
}
.color-panel .layout-settings {
    margin: 20px 0;
}
.demo-settings {
    margin-top: 30px;
}
.nav.demo-set > li {
    float: left;
    margin-bottom: 20px;
    text-align: center;
    width: 50%;
}
.nav.demo-set > li a {
    padding: 2px;
}
.nav.demo-set > li img {
    max-width: 100%;
	margin: 0 auto;
}
.navbar-nav {
	margin-top: 24px;
}

/* 23. Responsive Styles */
@media screen and (max-width: 991px) and (min-width: 768px) {
	.nav.navbar-nav > li > a {
		padding: 0 10px;
	}
	
	/* Timeline Panel */
	.timeline li .timeline-panel {
		width: 44%;
	}
}
@media screen and (min-width: 768px) {
	.navbar-collapse {
		padding:0;
	}
	.header-content h1 {
		font-size: 60px;
		line-height: 80px;
	}
	.header-content .header-content-inner {
		padding-top:70px;
	}
}
@media screen and (max-width: 991px) {
	/* Pricing Table */
	.pricing-table {
		margin-top: 0;
	}
	
	/* Team Style */
	.team-image > img{
		width:100%;
		height:auto;
	}
	
	/* Blog List Styles */
	.blog-list .blog-image{
		float: none;
		width: auto;
	}
	.blog-list .blog-data {
		float: none;
		width: auto;
	}
	
	/* Inline Button style */
	h2.inline-content{
		width:100%;
	}
	.btn.btn-inline{
		margin-top:30px;
	}
			/* Timeline Styles */
	ul.timeline:before {
		left: 40px;
	}
	ul.timeline li .timeline-panel {
		width: calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
	}
	ul.timeline li .tl-circ {
		top: 16px;
		left: 16px;
		margin-left: 0;
	
	}
	ul.timeline > li > .tldate {
		margin: 0;
	}
	ul.timeline > li > .timeline-panel {
		float: right;
	}
	ul.timeline > li > .timeline-panel:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}
	ul.timeline > li > .timeline-panel:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
	
}

/* ================================================================
 * SPACINGS
 * ================================================================ */
.padding-none {padding:0!important}.padding-top-none {padding-top:0!important}.padding-bottom-none {padding-bottom:0!important}.padding-left-none {padding-left:0!important}.padding-right-none {padding-right:0!important}.padding-top-10 {padding-top:10px}.padding-top-20 {padding-top:20px}.padding-top-30 {padding-top:30px}.padding-top-40 {padding-top:40px}.padding-top-50 {padding-top:50px}.padding-top-60 {padding-top:60px}.padding-top-70 {padding-top:70px}.padding-top-75 {padding-top:75px}.padding-top-80 {padding-top:80px}.padding-top-90 {padding-top:90px}.padding-top-100 {padding-top:100px}.padding-top-110 {padding-top:110px}.padding-bottom-10 {padding-bottom:10px}.padding-bottom-20 {padding-bottom:20px}.padding-bottom-30 {padding-bottom:30px}.padding-bottom-40 {padding-bottom:40px}.padding-bottom-50 {padding-bottom:50px}.padding-bottom-60 {padding-bottom:60px}.padding-bottom-70 {padding-bottom:70px}.padding-bottom-75 {padding-bottom:75px}.padding-bottom-80 {padding-bottom:80px}.padding-bottom-90 {padding-bottom:90px}.padding-bottom-100 {padding-bottom:100px}.padding-bottom-110 {padding-bottom:110px}.padding-10 {padding:10px}.padding-20 {padding:20px}.padding-30 {padding:30px}.padding-40 {padding:40px}.padding-50 {padding:50px}.padding-60 {padding:60px}.padding-70 {padding:70px}.padding-75 {padding:75px}.padding-80 {padding:80px}.padding-90 {padding:90px}.padding-100 {padding:100px}.padding-110 {padding:110px}.padding-tb-10 {padding-top:10px;padding-bottom:10px}.padding-tb-20 {padding-top:20px;padding-bottom:20px}.padding-tb-30 {padding-top:30px;padding-bottom:30px}.padding-tb-40 {padding-top:40px;padding-bottom:40px}.padding-tb-50 {padding-top:50px;padding-bottom:50px}.padding-tb-60 {padding-top:60px;padding-bottom:60px}.padding-tb-70 {padding-top:70px;padding-bottom:70px}.padding-tb-75 {padding-top:75px;padding-bottom:75px}.padding-tb-80 {padding-top:80px;padding-bottom:80px}.padding-tb-90 {padding-top:90px;padding-bottom:90px}.padding-tb-100 {padding-top:100px;padding-bottom:100px}.padding-tb-110 {padding-top:110px;padding-bottom:110px}.padding-lr-10 {padding-left:10px;padding-right:10px}.padding-lr-20 {padding-left:20px;padding-right:20px}.padding-lr-30 {padding-left:30px;padding-right:30px}.padding-lr-40 {padding-left:40px;padding-right:40px}.padding-lr-50 {padding-left:50px;padding-right:50px}.padding-lr-60 {padding-left:60px;padding-right:60px}.padding-lr-70 {padding-left:70px;padding-right:70px}.padding-lr-75 {padding-left:75px;padding-right:75px}.padding-lr-80 {padding-left:80px;padding-right:80px}.padding-lr-90 {padding-left:90px;padding-right:90px}.padding-lr-100 {padding-left:100px;padding-right:100px}.padding-lr-110 {padding-left:110px;padding-right:110px}.margin-none {margin:0!important}.margin-top-none {margin-top:0!important}.margin-bottom-none {margin-bottom:0!important}.margin-left-none {margin-left:0!important}.margin-right-none {margin-right:0!important}.margin-top-1 {margin-top:1px}.margin-top-2 {margin-top:2px}.margin-top-3 {margin-top:3px}.margin-top-4 {margin-top:4px}.margin-top-5 {margin-top:5px}.margin-top-6 {margin-top:6px}.margin-top-7 {margin-top:7px}.margin-top-8 {margin-top:8px}.margin-top-9 {margin-top:9px}.margin-top-10 {margin-top:10px}.margin-top-15 {margin-top:15px}.margin-top-20 {margin-top:20px}.margin-top-25 {margin-top:25px}.margin-top-30 {margin-top:30px}.margin-top-35 {margin-top:35px}.margin-top-40 {margin-top:40px}.margin-top-50 {margin-top:50px}.margin-top-60 {margin-top:60px}.margin-top-70 {margin-top:70px}.margin-top-75 {margin-top:75px}.margin-top-80 {margin-top:80px}.margin-top-90 {margin-top:90px}.margin-top-100 {margin-top:100px}.margin-top-110 {margin-top:110px}.margin-top-125 {margin-top:125px}.margin-top-130 {margin-top:130px}.margin-top-150 {margin-top:150px}.margin-bottom-0 {margin-bottom:0px!important}.margin-bottom-10 {margin-bottom:10px!important}.margin-bottom-20 {margin-bottom:20px}.margin-bottom-30 {margin-bottom:30px}.margin-bottom-40 {margin-bottom:40px}.margin-bottom-50 {margin-bottom:50px}.margin-bottom-60 {margin-bottom:60px}.margin-bottom-70 {margin-bottom:70px}.margin-bottom-75 {margin-bottom:75px!important}.margin-bottom-80 {margin-bottom:80px}.margin-bottom-90 {margin-bottom:90px}.margin-bottom-100 {margin-bottom:100px}.margin-bottom-110 {margin-bottom:110px}.margin-10 {margin:10px}.margin-20 {margin:20px}.margin-30 {margin:30px}.margin-40 {margin:40px}.margin-50 {margin:50px}.margin-60 {margin:60px}.margin-70 {margin:70px}.margin-75 {margin:75px}.margin-80 {margin:80px}.margin-90 {margin:90px}.margin-100 {margin:100px}.margin-110 {margin:110px}.margin-tb-10 {margin-top:10px;margin-bottom:10px}.margin-tb-20 {margin-top:20px;margin-bottom:20px}.margin-tb-30 {margin-top:30px;margin-bottom:30px}.margin-tb-40 {margin-top:40px;margin-bottom:40px}.margin-tb-50 {margin-top:50px;margin-bottom:50px}.margin-tb-60 {margin-top:60px;margin-bottom:60px}.margin-tb-70 {margin-top:70px;margin-bottom:70px}.margin-tb-75 {margin-top:75px;margin-bottom:75px}.margin-tb-80 {margin-top:80px;margin-bottom:80px}.margin-tb-90 {margin-top:90px;margin-bottom:90px}.margin-tb-100 {margin-top:100px;margin-bottom:100px}.margin-tb-110 {margin-top:110px;margin-bottom:110px}.margin-lr-10 {margin-left:10px;margin-right:10px}.margin-lr-20 {margin-left:20px;margin-right:20px}.margin-lr-30 {margin-left:30px;margin-right:30px}.margin-lr-40 {margin-left:40px;margin-right:40px}.margin-lr-50 {margin-left:50px;margin-right:50px}.margin-lr-60 {margin-left:60px;margin-right:60px}.margin-lr-70 {margin-left:70px;margin-right:70px}.margin-lr-75 {margin-left:75px;margin-right:75px}.margin-lr-80 {margin-left:80px;margin-right:80px}.margin-lr-90 {margin-left:90px;margin-right:90px}.margin-lr-100 {margin-left:100px;margin-right:100px}.margin-lr-110 {margin-left:110px;margin-right:110px}
.padding-right-30 {padding-right: 30px;}
.padding-left-50 {padding-left: 50px;}
.margin-top-minus-150 {margin-top: -150px;}.margin-top-minus-90 {margin-top: -90px;}

.responsive {
  width: 100%;
  height: auto;
}
.responsive2 {
  width: 47%;
  height: auto;
}
.responsive3 {
  width: 47%;
  height: auto;
}
.responsive4 {
  width: 50%;
  height: auto;
}
.responsive5 {
  width: 65%;
  height: auto;
}

section#hero {
  width: 100%;
  height: 100vh;
  padding-top: 0px;
  padding-top: 0px;

}
/* The hero image */
.hero-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/hero3.jpg"); 

  /* Set a specific height */
  height: 100vh;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;

}


a.privacyPolicy{
    padding: 4px 8px;
    border-radius: 10px;
    color: buttonface;
    background-color: #379F00;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}
a.termly-display-preferences{
    padding: 4px 8px;
    border-radius: 10px;
    color: buttonface;
    background-color: #379F00;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}

a.button {
    padding: 1px 6px;
    border-radius: 10px;
    color: buttonface;
    background-color: #379F00;
    text-decoration: none;
    font-size: 40px;
    font-weight: bold;
}
/* Rounded border */
hr.rounded {
  border-top: 4px solid #000000;
  border-radius: 5px;
}
.usedby{
  width: 40%;
  height: 1%;
}
.usedby1{
  width: 25%;
  height: 1%;
}
.usedby2{
  width: 25%;
  height: 1%;
}
.partner{
  width: 20%;
  height: 1%;
}
.member{
  width: 40%;
  height: 1%;
}


header#home {
  width: 100%;
  height: 120px; /* Set height to 100% of the viewport height */
  position: sticky;
  top: 0;
  z-index: 100;
}
/* Footer Language Switcher */
.footer-lang-switch {
    position: relative;
    top: 10px;
    left: 15px;
    display: flex;
    gap: 5px;
    z-index: 10; /* Ensures it stays above other elements */
}

/* Style for small language buttons */
.footer-lang-switch .lang-btn {
    background: #ddd; /* Default grey for inactive */
    border: none;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: bold;
    color: black;
    border-radius: 8px; /* Rounded corners */
    transition: 0.3s ease-in-out;
    cursor: pointer;
    white-space: nowrap;
    display: inline-block; /* Ensures they are visible */
}

/* Highlight active language */
.footer-lang-switch .active-lang {
    background: #9F6800; /* Highlighted active color */
    color: white;
}

/* Hover effect */
.footer-lang-switch .lang-btn:hover {
    background: white;
    color: #68009f;
}

/* Ensure Footer Content Stays Centered */
.footer-content {  
    text-align: center;
    padding-top: 20px;
}

/* Responsive Fix for Small Screens */
  
@media (max-width: 768px) {
    .footer-lang-switch {
        position: relative;						 
        top: auto;
        left: auto;
        text-align: left;
        margin-bottom: 10px;
    }
}

.navbar-header .navbar-brand {
		padding:0 15px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color:rgba(255, 255, 255, 0.1);
	}
	.navbar-collapse .navbar-nav, .navbar-collapse .navbar-nav.navbar-center {
		position:relative;
		-webkit-transform: none;
		-moz-transform:    none;
		-ms-transform:     none;
		-o-transform:      none;
		transform:         none;
		left:auto;
	}
	.navbar-collapse .nav.navbar-nav > li > a,
	.navbar-sticky.header-sticky .nav.navbar-nav > li > a {
		/* Add your styles here */

		/* line-height:50px; */
		/* height:50px */

	}	.navbar-toggle {
		-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;
		border: none;
	}
	.navbar-sticky.header-sticky .navbar-toggle {
		/* margin: 40px 15px 0 0; */
	}
	.navbar-collapse .navbar-nav.pull-right {
		float:none !important;
	}
	.navbar-collapse .navbar-nav.navbar-social, .navbar-collapse .navbar-nav.navbar-social.pull-right {
		float:none !important;
		text-align:center;
	}
	.navbar-collapse .navbar-nav.navbar-social {
		margin-bottom:20px;
	}
	.navbar-collapse .navbar-nav.navbar-social > li {
		display:inline-block;
	}



/* Remove the extra closing brace */
/* Video Section Styles */
.video-background {
    position: relative;
    overflow: hidden;
}

#servicesVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 50%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.service-category {
    background: rgba(0, 0, 0, 0.7);
    padding: 20px;
    margin: 10px;
    border-radius: 8px;
}
.service-category {
    background: rgba(0, 0, 0, 0.7);
    padding: 30px;
    margin: 15px;
    border-radius: 8px;
    color: white;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.service-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-image-container img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
}

@media (max-width: 768px) {
    .service-category {
        padding: 20px;
        text-align: center;
    }
}
.invalid-feedback {
    font-size: 12px; /* Adjust the font size as needed */
    color: rgb(5, 5, 5); /* Optional: keep it red to indicate an error */
    margin-top: 5px; /* Adds some space above the message */
}
/* Dropdown Menu */
.dropdown-menu {
    background-color: #68009F;
    border-radius: 5px;
    padding: 10px 0;
    min-width: 220px;
}

.dropdown-menu li a {
    color: #ffffff;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    transition: background 0.3s ease-in-out;
}

.dropdown-menu li a:hover {
    background-color: #68009F;
}
.hidden-list {
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	margin-top: 10px;
}
.hidden-list.active {
    display: block;
}
.visible {
	display: block;
	opacity: 1;
}
.service-image {
	cursor: pointer;
	transition: transform 0.2s ease-in-out;
}
.service-image:hover {
	transform: scale(1.1);
}
/* Why Choose Us Section Styles */
.why-choose-us {
    padding: 60px 0;
    background: #f4f4f4;
    text-align: center;
}

.section-title {
    font-size: 2.5rem;
    margin-bottom: 20px;
    color: #0056b3;
}

.section-subtitle {
    font-size: 1.2rem;
    color: #666;
    margin-bottom: 40px;
}

.choose-box {
    background: white;
    padding: 20px;
    margin: 10px;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.choose-box:hover {
    transform: translateY(-5px);
}

.choose-box .icon {
    font-size: 3rem;
    color: #007bff;
    margin-bottom: 15px;
}

.get-started-btn {
    display: inline-block;
    margin-top: 30px;
    padding: 12px 25px;
    font-size: 1.2rem;
    background: #007bff;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s;
}

.get-started-btn:hover {
    background: #0056b3;
}
/* IT Products and Services Section Styles */
.it-products-services {
	padding: 60px 0;
	background-color: #f9f9f9;
}

.section-title {
	font-size: 2.2rem;
	font-weight: bold;
	color: #0d0d0d;
}

.section-description {
	font-size: 1.1rem;
	color: #444;
	margin-bottom: 15px;
}

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

.service-list li {
	font-size: 1rem;
	margin-bottom: 10px;
	color: #333;
}

.img-fluid {
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.btn-primary {
	background-color: #000000;
	border-color: #000000;
	padding: 12px 20px;
	font-size: 1rem;
	border-radius: 5px;
}

.btn-primary:hover {
	background-color: #004494;
	border-color: #004494;
}
.btn-success {
	background-color: #28a745;
	border-color: #28a745;
	padding: 12px 20px;
	font-size: 1rem;
	border-radius: 5px;
}
.btn-default {
	background-color: #ffffff;
	border-color: #ffffff;
	padding: 12px 20px;
	font-size: 1rem;
	border-radius: 5px;
}
.btn-info {
	background-color: #17a2b8;
	border-color: #17a2b8;
	padding: 12px 20px;
	font-size: 1rem;
	border-radius: 5px;
}

@media (max-width: 768px) {
	.it-products-services .row {
		flex-direction: column;
	}

	.col-md-6 {
		text-align: center;
	}
}
/* logo-container */
.logo-container {
    position: relative;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.15); /* Glassmorphism effect */
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 20px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    width: 90%; /* Expands to fit contents */
    max-width: 1200px; /* Prevents it from getting too wide */
    gap: 30px; /* More spacing between elements */
}

.logo-container:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateX(-50%) scale(1.05);
    box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.3);
}

.logo {
    width: 120px; /* Adjusted for balance */
    height: auto;
    transition: transform 0.3s ease-in-out;
}

.logo-container:hover .logo {
    transform: rotate(5deg) scale(1.1);
}

.text {
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center; /* Centers text */
    flex-wrap: wrap; /* Allows text to wrap if needed */
    gap: 25px; /* More spacing between words */
}

.text span {
    color: #565252;
    font-size: 1.8rem;
    position: relative;
    padding: 0 15px;
}

/* Elegant separator */
.text span:not(:last-child)::after {
    content: "|";
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.685);
    margin-left: 15px;
}

.circle {
    width: 30px;
    height: 30px;
    background: linear-gradient(45deg, #8f5fa9, #68009F);
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgba(125, 110, 115, 0.5);
}
.word {
    display: inline-block; /* Ensures words stay in line */
    font-size: 2rem;
    font-weight: bold;
    margin: 0 10px;
}
/* Styling the animation container */
.animation-container {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(to bottom, #87CEEB, #f4a261); /* Sky to ground */
    overflow: hidden;
}

/* Cartoon Character */
.cartoon {
    position: absolute;
    width: 100px; /* Adjust size */
    height: auto;
    bottom: 50px; /* Start position */
}
.custom-caret {
    font-size: 20px; /* Adjust size */
    color: #68009F; /* Change color */
    cursor: pointer; /* Make it clickable */
}
.custom-caret.active {
    transform: rotate(180deg); /* Rotates on click */
    transition: transform 0.3s ease-in-out;
}
.custom-caret2 {
    font-size: 20px; /* Adjust size */
    color: #000000; /* Change color */
    cursor: pointer; /* Make it clickable */
}
.custom-caret2.active {
    transform: rotate(180deg); /* Rotates on click */
    transition: transform 0.3s ease-in-out;
}

.about-container {
	display: flex;
	align-items: center;
	max-width: 1200px;
	gap: 40px;
}
/* About Section */
.about-section {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 80px 10%;
	background: linear-gradient(135deg, #68009f 20%, #000 80%);
	color: #fff;
}
/* Main Section Styling */
.about-section2 {
	padding: 60px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 40px;
	background-color: #f9f9f9;
	color: #333;
  }
  
  /* Profile Image and Text */
  .about-section2 .profile {
	flex: 1 1 300px;
	text-align: center;
  }
  
  .about-section2 .profile img {
	width: 200px;
	height: 200px;
	object-fit: cover;
	border-radius: 50%;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
  }
  
  .about-section2 .profile h3 {
	font-size: 1.5rem;
	margin-bottom: 5px;
  }
  
  .about-section2 .profile .designation {
	font-weight: 500;
	color: #666;
  }
  
  /* Text Content */
  .about-section2 .about-text {
	flex: 2 1 500px;
	font-size: 1rem;
	line-height: 1.8;
  }
  
  .about-section2 .about-text h2 {
	font-size: 2rem;
	color: #68009f;
	margin-bottom: 20px;
  }
  
  .about-section2 .about-text .highlight {
	background-color: #68009f;
	color: #fff;
	padding: 10px 15px;
	border-radius: 8px;
	font-weight: 600;
	margin: 20px 0;
	display: inline-block;
  }
  
  .about-section2 .about-text ul {
	list-style-type: disc;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
  }
  
  .about-section2 .about-text ul li {
	margin-bottom: 8px;
  }
  
  /* Responsive Adjustments */
  @media (max-width: 768px) {
	.about-section2 {
	  flex-direction: column;
	  text-align: center;
	}
  
	.about-section2 .about-text,
	.about-section2 .profile {
	  width: 100%;
	}
  }
  
/* Container */
.about-container {
	display: flex;
	align-items: center;
	max-width: 1200px;
	gap: 40px;
}
/* Profile Image Styling */
.profile {
	text-align: center;
	width: 250px;
}
.profile img {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	border: 4px solid #ffcc00;
	box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.2);
	opacity: 0;
}
/* Name & Title */
.profile h3 {
	font-size: 1.5rem;
	margin-top: 15px;
	font-weight: bold;
	opacity: 0;
}
.profile .designation {
	font-size: 1.1rem;
	font-style: italic;
	opacity: 0;
}
/* Text Content */
.about-text {
	max-width: 600px;
	opacity: 0;
}
.about-text h2 {
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.about-text p {
	font-size: 1.1rem;
	line-height: 1.6;
}
/* List Styling */
.animated-list ul {
	padding: 0;
	list-style-type: none;
}
.animated-list li {
	font-size: 1.1rem;
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
	opacity: 0;
	
}
.animated-list li::before {
	content: '✔';
	color: #ffcc00;
	position: absolute;
	left: 0;
	font-size: 1.2rem;
}
/* Highlighted Text */
.highlight {
	font-size: 1.2rem;
	font-weight: bold;
	color: #ffcc00;
	text-align: center;
	opacity: 0;
}
.spaced-paragraph {
    margin-top: 5px;  /* Space above */
    margin-bottom: 20px; /* Space below */
    line-height: 1.8; /* Increase line spacing */
}
.spaced-paragraph {
    padding: 15px; /* Adds space inside the paragraph */
    background-color: #ffffff; /* Light background for visibility */
}
.spaced-paragraph2 {
    margin-top: 20px;  /* Space above */
    margin-bottom: 20px; /* Space below */
    line-height: 1.8; /* Increase line spacing */
}
.spaced-paragraph2 {
    padding: 15px; /* Adds space inside the paragraph */
    background-color: #68009F; /* Light background for visibility */
}
.spaced-paragraph3 {
    padding: 15px; /* Adds space inside the paragraph */
    background-color: none; /* Light background for visibility */
}
:root {
	--triadic-gold-section-bg: #D4AF37; /* or your preferred gold color */
  }
  .read-more {
	color: black;
	font-weight: bold;
	margin-left: 10px;
	cursor: pointer;
  }
  ul.service-content li {
	margin-bottom: 15px;
	line-height: 1.6;
  }
  .about-section2 img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
  }
  .underline-name {
	text-decoration: underline;
	text-underline-offset: 5px;
  }

  /* Make dropdown background match navbar */
.navbar-nav > li > .dropdown-menu {
    background-color: #68009F; /* Use your navbar's background color */
    border: none;
    box-shadow: none;
    margin-top: 0;
    border-radius: 0;
    padding: 0;
    min-width: 200px;
}

/* Dropdown link styles */
.dropdown-menu > li > a {
    color: #fff;
    padding: 12px 20px;
    font-weight: 500;
    transition: background 0.3s ease;
}

/* Hover effect on dropdown links */
.dropdown-menu > li > a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* Ensure dropdown aligns properly below nav item */
.navbar-nav > li.dropdown {
    position: relative;
}

/* Optional: Show dropdown on hover for desktop */
@media (min-width: 768px) {
    .navbar-nav > li.dropdown:hover > .dropdown-menu {
        display: block;
    }
}
/* Highlight active navbar item */
.navbar-nav > li.active > a,
.navbar-nav > li.active.dropdown > a {
    background-color: #68009F !important;
    color: #E8AF07 !important; /* Optional: force text to white for contrast */
    border-radius: 4px;
}

/* Optional: Keep dropdown links looking clean */
.dropdown-menu > li.active > a {
    background-color: #68009F;
    color: #E8AF07;
}
.address-wrapper {
	display: flex;
	gap: 20px;
	border-radius: 5px;
  }
  
  .address-block {
	flex: 1;
	min-width: 135px;
  }
  
  .vertical-divider {
	width: 2px;
	background-color: #ccc;
	height: 100%;
	margin: 0 10px;
  }
  
  @media (max-width: 576px) {
	.address-wrapper {
	  flex-direction: column;
	  gap: 10px;
	}
  
	.vertical-divider {
	  display: none;
	}
  }

  /* footer logo Styles */
  .footer-logo img {
	max-width: 150px;
	height: auto;
  }
  
  @media (max-width: 768px) {
	.footer-logo {
	  text-align: center;
	}
  
	.footer .row {
	  text-align: center;
	}
  
	.footer .address-wrapper {
	  flex-direction: column;
	  align-items: center;
	}
  
	.vertical-divider {
	  display: none;
	}
  }
  .footer-logo img {
	transition: transform 0.3s ease;
  }
  
  .footer-logo img:hover {
	transform: scale(1.05);
  }
  
  
	


  
  
	  










/*
     FILE ARCHIVED ON 20:20:35 Mar 09, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:30:39 May 21, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 59.205
  exclusion.robots: 0.431
  exclusion.robots.policy: 0.407
  RedisCDXSource: 1.183
  esindex: 0.017
  LoadShardBlock: 34.743 (3)
  PetaboxLoader3.datanode: 43.269 (4)
  load_resource: 66.97
  PetaboxLoader3.resolve: 33.879
*/

/* Existing CSS content remains unchanged */
}