* {
    padding: 0;
    margin: 0;
}
html, body {height: 100%; width: 100%;}
body{  font-family: 'Sora',sans-serif; font-size:16px; color:#000; line-height: 1.5;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small,  sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, figure {	border: 0;	margin: 0;	padding: 0;	font-family:'Sora',sans-serif; font-weight: normal;}
img, fieldset, abbr, acronym {	border: 0;}
article, aside, figure, figcaption, hgroup, footer, header, nav, section, video, object {display: block;}
audio, canvas, video {display: inline-block;
display: inline;
zoom: 1;}
h1, h2, h3, h4, h5, h6 {	font-family: 'Sora',sans-serif;	font-size: 100%;	font-weight: normal;}
ul li, ol li {list-style: none;}
img {	border: none;	display: block; max-width:100%;}
a, a:link, a:focus {	color: #91bd02 ;	text-decoration: none;	outline: none;	-moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;}
a:hover {	color: #91bd02; 	-moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url('../fonts/fa-brands-400.eot');src:url('../fonts/fa-brands-400.eot?#iefix') format("embedded-opentype"),url('../fonts/fa-brands-400.woff2') format("woff2"),url('../fonts/fa-brands-400.woff') format("woff"),url('../fonts/fa-brands-400.ttf') format("truetype"),url('../fonts/fa-brands-400.svg#fontawesome') format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400; font-style:normal}
.fa-x-twitter:before {
    content: "\e9ca";
}


@font-face {  font-family: 'FontAwesome';
 src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');  font-weight: normal; font-style: normal;}


.fa-x-twitter:before {
    content: "\e61b";
}

  .fa-facebook:before { content: "\f09a";}.fa-youtube::before {
    content: "\f167";}.fa-instagram::before {  content: "\f16d";}	.fa-angle-right:before { content: "\f105";}
.fa-phone-square:before { content: "\f098";}
.fa-angle-double-right:before { content: "\f101";}.fa-angle-left:before { content: "\f104";}.fa-arrow-right:before { content: "\f061";}.fa-clock-o:before { content: "\f017";}
.fa {  display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;
  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .fa-phone:before { content: "\f095";}
  @font-face { font-family: "Flaticon"; src: url("../fonts/flaticon_flats.eot");  src: url("../fonts/flaticon_flats.eot?#iefix") format("embedded-opentype"),
       url("../fonts/flaticon_flats.woff") format("woff"),  url("../fonts/flaticon_flats.ttf") format("truetype"), url("../fonts/flaticon_flats.svg#Flaticon") format("svg");
  font-weight: normal; font-style: normal;}
  .fa-calendar:before { content: "\f073";}.fa-home:before {  content: "\f015";}
  .fa-slash-forward:before { content: "\2f";}
  .fa-map-marker:before { content: "\f041";}.fa-envelope-o:before { content: "\f003";}.fa-envelope:before { content: "\f0e0";} .fa-clock:before {  content: "\f017";}
.fa-chevron-down:before { content: "\f078";}
.fa-instagram:before {  content: "\f16d";}.fa-arrow-circle-right:before { content: "\f0a9";}  .fa-calendar:before{content:"\f073"} .fa-linkedin:before {  content: "\f0e1";}

.top-right {
  min-height: 20px; 
}
.container-area{ max-width:1300px; width:100%; margin:0 auto;     padding-right: 15px;
    padding-left: 15px; position:relative}
.clear{ clear:both}

.header-area{  box-shadow:0 6px 4px -3px rgb(36 36 39 / 10%); position:relative; z-index:99}
.logo-area{ float:left; padding:20px 0 20px 15px; }

.baground-img { position:relative;
  background:#102b32 url("../images/banner-bg.jpg") ; background-repeat:no-repeat;
  background-position:center; 
  border-radius: 20px;
  margin: 20px;
  color: #fff;
  overflow: hidden;
}.baground-img::before {  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(16, 43, 50, 0.5); /* Overlay color */}
  
  .baground-img1 { position:relative;
  background:#102b32 url("../images/banner-bg1.webp") ; background-repeat:no-repeat;
  background-position:center; 
  border-radius: 20px;
  margin: 20px;
  color: #fff;
  overflow: hidden;
}.baground-img1::before {  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(16, 43, 50, 0.5); /* Overlay color */}

.header-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.logo-area,
.nav-area,
.header-btn {
  display: flex;
  align-items: center;
    
}

.header-btn .btn-contact {
  background-color: #dff39e;
  color: #102b32;
  position: relative;
    display: inline-block;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25em;
    text-transform: capitalize;
    padding: 16px 48px 16px 20px;
    overflow: hidden;
    border: none;
    transition: all 0.4s 
ease-in-out;
    z-index: 0;
}
.desktop-none{
  display: none;
}



.banner-area {
  text-align: center;
  padding: 60px 40px 320px;
 
}

.banner-area span {
  position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: normal;
    margin-bottom: 15px;
    border: 1px solid #e6e8e91a;
    border-radius: 40px;
    padding: 7px 15px 7px 30px;
}
.banner-area span::before, .all-section-title span::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: #dff39e;
    border-radius: 50%;
    width: 6px;
    height: 6px;
}

.banner-area h1 {
  font-size:47px;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin-bottom: 0;
    cursor: none;
    line-height: 52px;
}
.section-title { max-width:990px; margin:0 auto 40px auto; width:100%;

}
 .section-title p {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
}
.banner-area p { font-size:18px;
 margin-top: 20px;
    margin-bottom: 0;
}

.hero-btn-elite {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px 30px;
}
.btn-default-elite {
    position: relative;
    display: inline-block;
    background-color: #dff39e;
  color: #102b32;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25em;
    text-transform: capitalize;
    padding: 16px 48px 16px 20px;
    overflow: hidden;
    border: none;
    transition: all 0.2s 
ease-in-out;
    z-index: 1;
}
.hero-border-btn-elite {
    background: transparent;
    color: #dff39e !important;
    border: 1px solid #fcfdfd1a;
    padding: 15px 48px 15px 20px;
}
.btn-default-elite::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url(../images/arrow-primary.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translateY(-50%);
    transition: all 0.2s 
ease-in-out;
    z-index: 2;
}
.btn-default-elite::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  background-image: url(../images/arrow-primary.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
  z-index: 1;
}
.hero-border-btn-elite::before {
    background-image: url(../images/arrow-accent.svg);
}
/* .btn-default-elite:hover, .hero-border-btn-elite:hover {
  background-color: #fff;
  color: #102b32;
} */
 .hero-border-btn-elite:hover {
  color: #102b32 !important;
}  

.btn-default-elite:hover::before {
  transform: translateY(-50%) rotate(45deg); 

}
.hero-border-btn-elite:hover::before{
  background-image: url(../images/arrow-primary.svg);
  color: #102b32;
    transform: translateY(-50%) rotate(45deg); 
}
/*  */

.btn-default-elite::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: left 1s ease;
  z-index: -1;

}



/* Hover states */
.btn-default-elite:hover {
  color: #102b32;
    
}

/* Slide effect */
.btn-default-elite:hover::after {
  left: 0;
  color: #102b32;
}



/*  */
.hero-intro-video{
padding-bottom: 20px;
  margin-top: -250px;
}
.hero-vedio {
  margin: 0 20px;
  border-radius: 20px;
  overflow: hidden;        
  position: relative;
  z-index: 1;
}
.hero-vedio iframe,
.hero-vedio video {
  width: 100%;
  height: 100%;
  object-fit: cover;  
  display: block;
  border: none;
  border-radius: inherit;
}

#panobanner, 
#pano {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  border-radius: inherit; 
  overflow: hidden;
    border-radius: 20px;
}
.all-section-title{
 width: 100%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto;
}
.all-section-title span {
  text-align: center;
  position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: normal;
    margin-bottom: 15px;
    border: 1px solid #4c4c4d1a;
    border-radius: 40px;
    padding: 7px 15px 7px 30px;
    color: #102b32;
    
}
.all-section-title h2{
font-size: 46px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: -0.02em;
   
    margin-bottom: 10px;
    color: #102b32;
    cursor: none;}
.about-area{
  padding: 60px 20px;
}
.about-box {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 30px;
  width: 100%;
  margin: 40px auto;
  box-sizing: border-box;
}

.about-card {
  flex: 1; 
  background: #f5f5f5;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

/* 🔹 Image Card */
.img-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.center-card {
  display: flex;
    background: #fff;
  flex-direction: column;
  justify-content: space-between;
  background: none;
  overflow: hidden;
  height: 100%;
}

/* 🔹 Inner small cards */
.inner-card {
  flex: 1;
  padding: 30px;
  color: #fff;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* 🔹 Top blue card */
.top-card {
  background: #102b32;
 margin-bottom: 30px;
   border-radius: 20px;
}

/* 🔹 Bottom green card */
.bottom-card {
  background: #dff39e;
    border-radius: 20px;
    color: #102b32;
}

/* Optional text styling */

.contact-card{
  padding: 30px;
  text-align: left;
     color: #102b32;
}

.contact-card h3{
  font-size: 28px;
  padding-bottom: 10px; line-height:32px;
  font-weight: 600;
}
.about-contact-body-elite {
    border-top: 1px solid #cacbcb;
    margin-top: 30px;
    padding-top: 30px;
}
.about-contact-item-elite {
    display: flex;
    margin-bottom: 30px;
}
.about-contact-item-elite .icon-box {
    height: 50px;
    width: 50px;
    background: #dff39e;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    transition: all 0.3s 
ease-in-out;
}
.about-contact-item-elite .icon-box img {
    width: 100%;
    max-width: 24px;
    transition: all 0.3s 
ease-in-out;
}
.about-contact-item-elite .icon-box:hover{
  background:  #102b32;
}
.about-contact-item-elite .icon-box:hover img{
  filter: brightness(0) invert(1);
}

.about-contact-item-content h4 {
    font-size: 20px;
    color: #102b32;
    text-align: left;
    font-weight: 600;
}
.about-contact-item-content p a {
    color: inherit;
    transition: all 0.4s 
ease-in-out;
color: #000;
}
.about-contact-item-content p a:hover{
   color: #102b32;
   text-decoration: underline;
}
.about-contact-item-elite:hover .icon-box {
  background: #102b32;
}

.about-contact-item-elite:hover .icon-box img {
  filter: brightness(0) invert(1);
}

.about-contact-item-elite:hover .about-contact-item-content p,
.about-contact-item-elite:hover .about-contact-item-content p a {
  color: #102b32;
  text-decoration: underline;
}
.about-contact-btn-elite {
    margin-top: 40px;
}
.about-contact-btn-elite{
  text-align: right;
}
.about-contact-btn-elite .btn-default-elite::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #102b32;
  transition: left 1s ease;
  z-index: -1;

}

/* Slide effect */
.about-contact-btn-elite .btn-default-elite:hover::after {
  left: 0;
   color: #fff;
}
.about-contact-btn-elite .btn-default-elite:hover{

   color: #fff;
}


.about-contact-btn-elite .btn-default-elite:hover::before {
  filter: brightness(0) invert(1);
}

/* 🔹 Responsive for mobile */
@media (max-width: 768px) {
  .about-box {
    flex-direction: column;
    gap: 20px;
  }
  .about-card {
    aspect-ratio: auto;
    height: 250px;
  }
}
.service-area {
  background-color: #F7F7F7;
  background-image: url(../images/services-bg-elite.png); /* your image path */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 20px;         
  border-radius: 20px;  
  overflow: hidden;     
  padding: 60px 20px 60px 20px;   
  position: relative;
}

.service-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 40px 0;

}

.p-text{
  text-align: center;
}
.service-area p a {
    color: #102b32;
    font-size: 20px;
    text-decoration: none; 
    border-bottom: 1px solid #102b32; 
    padding-bottom: 5px; 
}
.all-in-box{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 40px 0;
  border-bottom: 0px;
}


.service-area p a:hover{
  color: #91bd02;
  font-size: 20px;
  border-bottom: 0px;
 
}
.service-card {
  flex: 1 1 calc(20% - 20px); /* 4 inline cards */
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  padding: 20px;
 
}.service-card p{ margin-bottom:12px;} .service-card a:hover h3{ color:#91bd02}
.all-in-box .service-card {
  flex: 1 1 calc(25% - 20px); /* 4 inline cards */
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  padding: 20px;
 
}

/* Image area */
.card-img {
  overflow: hidden;
  position: relative;
   border-radius: 12px;
}

.card-img img {
  width: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;

}

.service-card:hover .card-img img {
  transform: scale(1.1); /* zoom inside */
}

/* Content area */
.card-content {
  flex-grow: 1;
  padding: 20px 0 10px;
   position: relative;
}

.card-content h3 {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
  color: #102b32;
}

.read-more {
 margin-top: 10px;
  width: 45px;
  height: 45px;
  background:#dff39e; 
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  text-decoration: none;
}

.read-more img {
  width: 18px;
  height: 18px;
   transition: all 0.4s ease; 
  
}

.read-more:hover {
  background: #102b32;
}

.read-more:hover img {
 filter: brightness(0) invert(1); 
  transition: filter 0.3s ease;
  transform:  rotate(45deg); 

}


@media (max-width: 991px) {
  .service-card {
    flex: 1 1 calc(50% - 20px);
  }
   .all-in-box .service-card {
      flex: 1 1 calc(50% - 20px);}
}

@media (max-width: 575px) {
  .service-card {
    flex: 1 1 100%;
  }
  .all-in-box .service-card {
    flex: 1 1 100%;}
}
.why-choose-area{
  padding: 60px 20px;
}
.choose-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px; 
}

.why-choose-left {
  flex: 1;
  padding: 10px 0 0;
}
.why-choose-right {
  flex: 1;
  color: #102b32;
}
.why-choose-left .all-section-title {
    width: 100%;
    text-align: left;  
}
.why-choose-left p{
  padding-bottom: 15px;
}
.why-choose-left .all-section-title h2{margin-bottom: 20px;}
.why-choose-item-list {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dfdddd;    
}
.why-choose-item {
  display: flex;
  align-items: center;
  gap: 15px;
width: calc(50% - 10px);

}
.icon-box {
  width: 50px;
  height: 50px;
  background: #dff39e; 
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.3s ease;
}
.icon-box img {
  width: 25px;
  height: 25px;
  transition: transform 0.3s ease;
}

.why-choose-item:hover .icon-box {
  background: #102b32; }
.why-choose-item:hover .icon-box img {
    filter: brightness(0) invert(1);
}
.why-choose-item-content h3 { line-height:24px;
 margin-bottom:3px;
  font-size: 18px;
  color: #102b32;
  font-weight: 600;
}.why-choose-item-content p{ font-size:15px; padding-bottom:0}
.why-choose-list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 equal columns */
  gap: 10px 20px; /* row-gap and column-gap */
  padding-top: 30px;
  margin: 0;
  list-style: none;
}

.why-choose-list li {
  position: relative;
  padding-left: 28px;
  font-size: 16px;
  color: #102b32;
  line-height: 1.6;
}

.why-choose-list li::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 18px;
  height: 18px;
  background-image: url("../images/check-mark_5291043.svg"); 
  background-size: contain;
  background-repeat: no-repeat;
}
.why-choose-images {
  display: flex;              
  align-items: end;          
  justify-content: center;     
  gap: 30px;                   
}
.why-choose-image-box,
.why-choose-image-box-2 {
  flex: 1;                     
  display: flex;
  flex-direction: column;       
  gap: 30px;
}
.why-choose-images img {
  width: 100%;
  border-radius: 10px;
  display: block;
  object-fit: cover;
}
.our-story {
  background-image: url("../images/our-story-bg-elite.jpg"); 
  background-size: cover; 
  background-position: center center; 
  background-repeat: no-repeat;
  padding: 80px 0; 
  border-radius: 20px; 
  margin: 60px 20px; 
  overflow: hidden;
  position: relative;
}
.our-story::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(16, 43, 50, 0.50) 0%, rgba(16, 43, 50, 0.50) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.story-left {
  position: relative;
  z-index: 2;
  width: 64%;
  text-align: left;
  padding: 20px;
}
.story-left .all-section-title {
    width: 100%;
    text-align: left;
  
}
.story-left  .all-section-title span {
    text-align:left;
    border: 1px solid #fff;
    color: #fff;
}
.story-left  .all-section-title h2{
  color: #fff;
}
.story-left p{
  margin: 20px 0;
   color: #fff;
}
.story-counter-box {
  display: flex;
  justify-content: flex-start; 
  align-items: center;
  gap: 60px;
  margin-top: 40px;
  flex-wrap: wrap; 
  position: relative;
  z-index: 2; 
}

.story-counter-item {
  text-align: left;
  color: #fff;
}
.story-counter-item h2 {
  font-size: 61px;
  font-weight: 700;
  margin-bottom: 10px;
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.story-counter-item h2 span{ font-weight:bold}
.story-counter-item p {
  font-size: 16px;
  opacity: 0.9;
  margin: 0;
}

.main-footer {
  background-color: #102b32;
  background-image: url(../images/footer-bg-image-elite.png);
  background-size: cover;
  background-position: center;
  margin: 20px 20px 0;
  color: #fff;
  overflow: hidden;
   border-radius: 20px;
}

.footer-header {
  text-align: center;
  padding: 60px 20px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-header h2 {
  color: #fff;
  padding-bottom: 10px;
}

.footer-column h3 {
  font-size: 22px;
  margin-bottom: 15px;
}

.footer-column.social-footer {
  text-align: center;   
  padding: 20px 0;          
}

.footer-column.social-footer h3 {
  text-align: center;            
}

.footer-column.social-footer .social-links {
  justify-content: center;        
  display: flex;                 
  gap: 15px;                      
  padding: 0;
  margin: 15px 0 15px;
}

/* Social Links */
.social-links {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 15px;
}

.social-links li a {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  color: #102b32;
  font-size: 16px;
  transition: all 0.3s ease;
}

.social-links li a:hover {
  background: #dff39e;
  transform: translateY(-3px);
}


.footer-bottom {
  text-align: center;
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.footer-menu {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  display: flex;
  justify-content: center;
  gap: 25px;
  float: left;
}

.footer-menu li a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  transition: color 0.3s ease;
}
.footer-menu li a:hover { color:#dff39e}
.footer-bottom p {
  margin: 5px 0 0;
  float: right;
  padding-right: 20px;
}

/* faq */
.faq-area{
  padding: 20px;
}
.faq-area .all-section-title p{
  padding: 20px 0 0;
}
.faq-box{
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 0 ;
}
.toggles{ margin-top:20px;}
.toggle { padding: 15px 15px;   border-bottom:solid 1px #e3e1e0; border-radius:0px;}

.toggle-title { position: relative; display: block; color:  #102b32; cursor: pointer; font-size: 22px;
    font-weight: 700;  padding: 1.2rem 3rem 1.6rem 1rem; }
.toggle-title:before {content: ''; position: absolute; top: 50%; right: 0; width: 35px; height: 35px; background: #dff39e;  border-radius: 50px; transform: translateY(-50%); z-index: 1; }
.toggle-title:after { content: '';position: absolute;top: 50%; right: 5px; width: 25px;   height: 25px; background-image: url('../images/arrow-primary.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; transform: translateY(-50%); z-index: 2;}
.toggle.active .toggle-title:after { transform: translateY(-30%) rotate(45deg); top: 45%;}
.toggle.active{border:none; border-radius:10px; }
.toggle-content { padding-top: 10px; padding: 1rem 2rem 0rem 1rem; display: none; font-weight:400;font-size: 16px;line-height: 28px; }
.toggle.active .toggle-content { display: block !important; border-top:solid 1px #e3e1e0;  }
.toggle.active .toggle-title {  color:#102b32; }
.toggle-content:before,
.toggle-content:after {
    content: " ";
	 top: 50%;
    display:table;}
	
.toggle-content:after {
    clear: both;}
	.toggle:last-child {
 
    border-bottom: solid 0px #e3e1e0;

}
.why-use{
  padding: 60px 20px;
}
.why-use .all-section-title{
  padding-bottom: 20px;
}
.why-use .all-section-title p{
  padding: 20px 0;
}
    .why-use-box {
  display: flex;
    /* vertically center dono card */
  justify-content: space-between;
  width: 100%;
  gap: 40px;              /* dono card ke beech space */
}

.why-text-card {
  width: 40%;
}
.why-text-card p{
   color: #102b32;
   padding-bottom: 30px;
   border-bottom: 1px solid #ddd;
}
.why-text-card h3{
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #102b32;
  padding: 0px 0 20px;
}

.why-text-card li {
    position: relative;
    padding-left: 28px;
    padding-bottom: 10px;
    font-size: 16px;
    color: #102b32;
    line-height: 1.6;
}
.why-text-card li::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url(../images/check-mark_5291043.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.why-image-card {
  width: 60%;
}

.why-image-card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;   /* optional styling */
}
.metaport-service{

    padding: 60px 20px 30px;
    background: #102b32;
    margin: 20px;
    border-radius: 20px;

}
.metaport-service .all-section-title h2 {
    font-size: 46px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: -0.02em;
    margin-bottom: 0;
    color: #fff;
    cursor: none;
}
.metaport-service .all-section-title span {

    border: 1px solid #fff9f938;
    border-radius: 40px;
    padding: 7px 15px 7px 30px;
    color: #fff;
}
.metaport-service .all-section-title p{
  padding: 20px 0;
  color: #fff;
}
/* meta-service */
.matterport-service-box {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px 25px;
  text-align: center;
  width: 100%;
  margin:30px 0;
}

.service-item {  border-radius:12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.service-icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #ffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  transition: all 0.3s ease;
}

.service-icon img {
  width: 50px;
  height: 50px;
}

.service-item p { padding:10px 0;
 font-weight: 600; font-size:21px; line-height:26px;
  color: #fff;

}
.service-item p a{ color:#fff;  font-weight: 600;}
/* hover effect */
.service-item:hover .service-icon {
  background-color: #dff39e;
}
.inner-area{
  text-align: center;
    padding: 80px 40px;
}
.breadcrumb {
  display: flex;
  justify-content: center;   
  align-items: center;
  padding: 15px 0;
  color: #fff;
}

.breadcrumb-item {
  position: relative;
  text-transform: capitalize;
}
.inner-area .section-title{
      margin-bottom: 0px;
}

.breadcrumb-item a {
  text-decoration: none;
  color: #fff;
  transition: color 0.3s ease;
   font-weight: 600;
}

.breadcrumb-item a:hover {
  color: #b8eb11;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "/"; 
  color: #fff;
  margin: 0 4px;
}

.breadcrumb-item.active {
  color: #b8eb11;
  font-weight: 600;
}
.contact-section {
padding: 60px 20px;
  
}

.contact-box {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 0px;
}

/* LEFT SIDE */
.contact-info {
  flex: 1 1 30%;
  background: #dff39e;
  padding: 30px;
  border-radius:20px;
}

.contact-info h2 { font-weight:600; line-height:34px;
  font-size: 30px;
  margin-bottom: 13px;
    
}

.contact-info p {
  margin-bottom: 30px;
  line-height: 1.6;
}

.contact-info .info-item {
 display: flex;
 align-items: center;
 margin-bottom: 20px;
 border-top: 1px  dotted #0f2b31;
 padding-top: 20px;
}

.contact-info .icon-box {
  width: 50px;
  height: 50px;
  background: #102b32;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
   
}

.contact-info .icon-box img {
  width: 24px;
  height: 24px;
   filter: brightness(0) invert(1);
}

.contact-info .info-text p {
  margin: 0;

}

.contact-info .info-text h3 {
  font-size: 18px;
  margin: 5px 0 0;
  font-weight: 600;
}

.contact-info .info-text a {
  color: #102b32;
  text-decoration: none;
  transition: 0.3s;
}
.info-item:hover .icon-box{
  background: #fff;
}
.info-item:hover .icon-box img {
  filter: none;
}
.contact-info .info-text a:hover {
  color: #000;
  text-decoration: underline;
}

.contact-form {
  flex: 1 1 50%;
  background: #f7f7f7;
  padding: 30px 30px 50px 30px;
  border-radius: 20px;
 
}

form {
  width: 100%;
}

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

.form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.form-group.full {
  width: 100%;
}

label {
  margin-bottom: 8px;
  font-weight: 600;
  color: #102b32;
  text-transform: capitalize;
}

input, textarea, select { background:#fff;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  outline: none;
  transition: border-color 0.3s;
  margin-bottom: 25px;
}
.form-group select {
  color: #000;        

}



textarea {
  resize: none;
}

.btn-submit { float:right;
  background-color: #0f2a31;
  color: #fff;
  position: relative;
    display: inline-block;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25em;
    text-transform: capitalize;
    padding: 16px 48px 16px 20px;
    overflow: hidden;
    border: none;
    transition: all 0.4s 
ease-in-out;
    z-index: 0;
    cursor: pointer;
}.btn-submit:hover { background:#000; color:#fff; box-shadow:0 5px 10px rgb(0 0 0 / 10%)}
.btn-submit::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url(../images/arrow-accent.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: translateY(-50%);
    transition: all 0.4s 
ease-in-out;
    z-index: 1;
}



/* Slide effect */
.btn-submit:hover::after {
  left: 0;
  color: #fff;
}
.btn-submit:hover::before {
  transform: translateY(-50%) rotate(45deg);   background-image: url(../images/arrow-accent.svg);
}
.about-page-area{
  padding: 60px 20px;
}
.about-page-area .all-section-title p{
  padding-top: 20px;
}
.about-page-area .why-use-box {
   margin-top: 40px;
    align-items: center;
}
.about-page-area .why-text-card h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #102b32;
    padding: 20px 0 5px;
}
.about-page-area .about-box {
  display: flex;
  flex-wrap: wrap;             
  gap: 40px;                    
  justify-content: space-between;
  text-align: left;
}
.about-page-area .about-card {
  background: #dff39e;
  border-radius: 20px;
  padding: 3%;
  width: calc(50% - 10px);     
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: left;
  justify-content: flex-start;
}

.about-page-area .about-card h3 {
  color: #102b32;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 10px;
  font-weight: 600;
}
.about-page-area .about-card p {
    color: #102b32;
  margin-bottom: 10px;
  line-height: 1.6;
}

.about-page-area .about-card ul li {
    position: relative;
    padding-left: 28px;
    padding-bottom: 10px;
    font-size: 16px;
    color: #102b32;
    line-height: 1.6;
}
.about-page-area .about-card ul li::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url(../images/check-mark_5291043.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.about-bottom-text .all-section-title h2{
 color:#fff;
 position: relative;
    z-index: 2;
}
.meta-service{
  padding: 60px 20px 0px;
}
.meta-box {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;

}


.metacart:first-child {
  flex: 1 1 40%;  
}

.metacart:last-child {
  flex: 1 1 50%;   
}

.metacart img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.metacart h2{
font-size: 42px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.02em;
    margin-bottom: 0;
    color: #102b32;
    cursor: none;
    padding-bottom: 15px;
}
.metacart p {
 
  line-height: 1.7;
  margin-bottom: 15px;
  font-size: 16px;
}
.metacart h3{
  font-size: 24px;
  font-weight: 600; line-height:32px; margin-bottom:10px;
}
.our-story .offer-list li {
    position: relative;
    padding-left: 28px;
    font-size: 16px;
    color: #fff;
    line-height: 1.6;
}
.our-story .offer-list li::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url(../images/check-mark_5291043.svg);
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
}
.meta-box .offer-list li {
    position: relative;
    padding-left: 28px;
    font-size: 16px;
    color: #000;
    line-height: 1.6;
    margin-bottom: 10px;
}
.meta-box  li::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url(../images/check-mark_5291043.svg);
    background-size: contain;
    background-repeat: no-repeat;

}
.singale-text{
  padding: 60px 20px;
  margin: 20px;
  border-radius: 20px;
}
.singale-text .all-section-title h2{
  color:#F7F7F7;
  padding-bottom: 20px;
  
}

.singale-text .all-section-title p{
  color:#fff;
  font-size: 20px;
}
.singale-post{
  padding: 50px 20px 60px;
}
.our-story .meta-cart{
position: relative;
    z-index: 2;

    padding: 20px;
}
.our-story .conclusion{
position: relative;
    z-index: 2;
}
.our-story .meta-cart .all-section-title h2 {
color: #fff;

}
.our-story .meta-cart .all-section-title p {
color: #fff;
padding-top: 20px;
}
/* ===== Matterport Industry Section ===== */
.meta-industry-section {
  padding: 0px 20px 60px;

}

.our-page{
  margin-top: 0px;
}

.meta-industry-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 25px;
  margin-top: 30px;
}
.three-col-box{margin-top: 30px; text-align:center}
.three-col-box .box-area{ display:inline-block; vertical-align:top; width:30%; margin:0 1.5% 30px 1.5%; border-radius:14px; background:#dff39e}
.three-col-box .box-area h3{color: #102b32;
    font-size: 1.25rem;
    font-weight: 600;}
.meta-industry-card {
  background: #dff39e;
  border-radius: 14px;
  padding: 25px 22px;
  transition: all 0.3s ease;
  position: relative;
}

.meta-industry-grid .meta-industry-grid-2 {
  display: grid; 
  gap: 30px;

}

/* Card structure */
.meta-industry-grid-2 .meta-industry-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  height: 380px;
  color: #fff;
   background: #fff;
  transition: transform 0.3s ease;
}

/* Make image behave like a background */
.meta-industry-grid-2 .meta-industry-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

/* Dark overlay for text readability */
.meta-industry-grid-2 .meta-industry-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.95), rgba(0,0,0,0.01));
  z-index: 1;
}

/* Text container overlay bottom */
.meta-industry-grid-2 .meta-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  z-index: 2;
}

.meta-industry-grid-2 .meta-content h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}




.meta-industry-grid-3 .meta-industry-card {
  background: #e9e9e9
 
}
/* .meta-industry-card img{
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-bottom: 20px;
} */
.meta-industry-card h3 {
  color: #102b32;
  font-size: 1.25rem;
  font-weight: 600;

}
.meta-industry-grid-2 .meta-industry-card h3{
  color: #fff;
}
.meta-industry-grid-2 .meta-industry-card p{
  color: #fff;
}
/* .meta-industry-grid-2 .meta-industry-card img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin-bottom: 20px;
  filter: brightness(0) invert(1);
} */


.meta-flex {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}


.meta-icon {
 width: 50px;
  height: 50px;
  background: #102b32;
  border-radius: 50%;
  flex-shrink: 0; /* icon fixed size */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.meta-icon img {
  width: 30px;
  height: 30px;
  filter: brightness(0) invert(1); /* icon white */
  transition: transform 0.3s ease;
}

.meta-industry-grid-2 .meta-industry-card  .meta-flex {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}


.meta-industry-grid-2 .meta-industry-card  .meta-icon {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.meta-industry-grid-2 .meta-industry-card  .meta-icon img {
  width: 30px;
  height: 30px;
  transition: transform 0.3s ease;
   filter: none;
}
.sixt-text-area{
  padding: 0px 20px;

border-radius: 20px;
margin: 0px 20px 60px;

}
.sixt-text-area .all-section-title{
  width: 100%;
    max-width: 100%;
    text-align: left;
    margin: 0 auto;
}
.sixt-text-area .all-section-title h2{
  padding-bottom: 20px;
}
.sixt-text-area .all-section-title p{
  padding-bottom: 10px;
}
.sixt-text-area p{
  padding-bottom: 10px;
}
.sixt-text-area ul {
  padding-bottom: 10px;
}
/* .sixt-text-area .why-choose-list li {
  margin-bottom: 15px;
    color: #000;
   
}
 .all-section-title p{

}
.sixte-meta-industry-grid{
  border-radius: 20px;
  background: #ffff;

}
.sixte-meta-industry-grid .meta-industry-card {
 border-bottom: 1px solid #f1eeee;
 border-radius: unset;
 background: #ffff;
}
.sixte-meta-industry-grid .meta-industry-card p {
padding-left: 70px;
}
.sixte-meta-industry-grid .meta-industry-card .meta-flex {margin-bottom: 0; align-items: center;}
.sixte-indusrt{
  background: #e9e9e9;
  padding: 60px 20px;
  margin: 0px 20px 60px;
  border-radius: 20px;
}
.sixte-indusrt .sixte-meta-industry-grid .meta-industry-card{
   background: #e9e9e9;
    border-bottom: 1px solid #d3d3d3;
} */
.last-text h2{
  font-size: 35px;
  line-height: 40px;
}
.left-right-box{
  background: #e9e9e9;
  border-radius: 20px;
}
.left-right-box .metacart h3{ margin-top:20px; line-height:32px; margin-bottom:10px;}
.left-right-box .metacart h3 a{  color:#000; font-weight:600}
.left-right-box .metacart h3 a:hover{  color:#91bd02}
.left-right-box .metacart h2, .left-right-box .metacart h3, .left-right-box .metacart p, .offer-list{
  padding: 0px 20px 0px  30px;
}
.pleft0{ padding-left:0 !important}
.left-right-box .metacart h2{
  padding-top: 30px;
}
/* Responsive */
@media (max-width: 1024px) {
  .matterport-service-box {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 768px) {
  .matterport-service-box {
    grid-template-columns: repeat(3, 1fr);
    margin: 20px 0 40px;
  }
  .all-in-box {
    margin: 40px 0 0;
  }
  .why-use .all-section-title {
    padding-bottom: 10px;
}
.why-use {
    padding: 40px 20px 20px;
}
}

@media (max-width: 480px) {
  .matterport-service-box {
    grid-template-columns: repeat(2, 1fr);
  }
}



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



  .footer-content {
    flex-direction: column;
    text-align: center;
  }

  .social-links {
    justify-content: center;
  }
.footer-header {

    padding: 40px 15px;
  
}
.footer-bottom {
    text-align: center;
    padding: 0px 20px 20px;}
  .newsletter-form {
    justify-content: center;
  }
  .phone-none{
    display: none;
  }
  .desktop-none{
  display: block !important;
}
.logo-area {
    float: left;
    padding: 20px 0 20px 15px;
    width: 65%;
}
.banner-area {
    text-align: center;
    padding: 30px 0px 200px;
}
.inner-area {
    text-align: center;
    padding: 30px 0px;
}
.banner-area h1 {
    font-size:31px;    
    line-height: 35px;
}
.container-area {
 
   padding-right: 0px; 
   padding-left: 0px; 
  
}
.section-title {
    margin-bottom: 40px;
    padding: 10px;
}
.all-section-title h2 {
    font-size: 25px;
    font-weight: 500;
    line-height: 32px;
    
}
.why-choose-item-list {
   display: block;
   gap: 0;
}.story-counter-item h2 {
    font-size: 40px; margin-bottom: 0;}
.why-choose-item {
    display: flex;
    align-items: center;
    gap: 15px;
    width: calc(100% - 10px);
     padding-bottom: 20px;
}
.why-choose-item:last-child{
  padding-bottom: 0px;
}
.story-left {
    width: 90%;}
    .story-counter-box {gap:20px; flex-wrap: inherit;}
.why-choose-list ul {

    grid-template-columns: repeat(1, 1fr);}
.choose-box {
    display: block;}
    .why-choose-left {
    flex: 1;
    padding: 10px 0 20px;
}
.our-story{
  margin: 10px 20px 30px;
}
.footer-menu {
    list-style: none;
    padding: 10px;
    margin: 10px 0;
 display: block;
 float: none;

   
}
.footer-menu  li {
    list-style: none;
    padding: 10px;
}
.about-area {
    padding: 30px 20px;
}
.about-box {margin: 20px 0;}
.why-choose-area {
    padding: 45px 20px;
}
.why-text-card, .why-image-card {
    width: 100%;
    padding: 10px 0;
}
.why-use-box {
    display: block;
}
.metaport-service {
    padding: 0px 20px 10px;
}
.faq-area {
  padding: 20px 20px 10px;
}
.faq-box{
  padding: 0;
}
#panobanner, #pano {
    width: 94%;
    margin: 10px;
}
.hero-intro-video {
    padding-bottom: 20px;
    margin-top: -190px;
}
.contact-form {
    padding: 35px 20px;
}
.contact-section {
    padding: 30px 20px;
}
.about-page-area .about-card {
   padding: 20px;
    width: calc(90% - 10px);}
    .about-page-area {
    padding: 30px 20px;
}
.metacart h2 {
    font-size: 28px;
    font-weight: 500;
    line-height: 35px;}
    .meta-service {
    padding: 30px 20px 0px;
}
.meta-industry-section {
    padding: 0px 20px 30px;
   
}
}

.phlink{ font-size:25px; font-weight:600; line-height:30px;}
.contact-form h2{font-weight: 600;
    line-height: 34px;
    font-size: 30px;
    margin-bottom: 15px;}
	.btn-default-elite1 {
    position: relative;
    display: inline-block;
    background-color: #0f2a31;
  color: #fff !important;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25em;
    text-transform: capitalize;
    padding: 16px 48px 16px 20px;
    overflow: hidden;
    border: none;
    transition: all 0.2s 
ease-in-out;
    z-index: 1;
}	.btn-default-elite1:hover { background:#000;  color: #fff !important;}
.btn-default-elite1::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  background-image: url(../images/arrow-accent.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
  z-index: 1;}.btn-default-elite1:hover::before {  background-image: url(../images/arrow-accent.svg);   transform: translateY(-50%) rotate(45deg);}
.service-item img{ border-radius:12px;}
.service-item:hover .card-img img {
  transform: scale(1.1); /* zoom inside */}
  
  .stellarnav { position: relative; width: 81%; z-index: 9900; line-height: normal;}
.stellarnav a { color: #2d2d4a; }
.stellarnav ul { margin: 0; padding: 0; text-align: center; }
.stellarnav li { list-style: none; display: block; margin: 0; padding: 0 20px; position: relative; line-height: normal; vertical-align: middle; }
.stellarnav li a {  display: block; text-decoration: none; color: #2d2d4a; font-size: 16px; font-weight:500; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }
.stellarnav ul li a{color:#575766;} .stellarnav ul li a:hover{color:#ff8175 ;}
.stellarnav > ul > li > ul > li > a{ color:#2d2d4a  }
.stellarnav > ul > li > ul > li:last-child{ border-bottom:0}
/* main level */
.stellarnav > ul > li { display: inline-block;padding:0px 0px 0 0;  } .stellarnav > ul > li:last-child { padding-right:0} .stellarnav > ul > li:first-child { padding-left:0}
.stellarnav > ul > li > a { padding:40px 20px;  font-size:16px; font-weight:500; }
.stellarnav > ul > li:hover a { color:#dff39e ; }
.stellarnav > ul > li > a.act {  color:#dff39e ;}
.stellarnav > ul > li:hover a:after { border-color:#219ebc !important}
.stellarnav ul ul { top: auto; width: 260px; padding:8px 0px; position: absolute; z-index: 9900; text-align: left; display: none;  left:-7px; }
.stellarnav ul .mega-menu { width:1180px !important; position: absolute; display: none; left:-570px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; padding-bottom:15px;}
.stellarnav ul .mega-menu-sub {
  display:block !important;
}
.stellarnav ul .mega-menu.mega-menu-column1 .mega-menu-column1 li {
  display: inline-block;
}
.mega-menu-column-1{ float:left; width:20%}
.stellarnav ul .mega-menu li  {
  padding:5px 10px 5px 20px;
 }
.stellarnav ul .mega-menu li a { background:url(../images/dash-icon1.jpg) left 15px no-repeat;
  color: #000;
  padding:5px 0px 17px 13px;
 border-bottom: 1px solid rgb(226, 223, 223);
}
.stellarnav ul .mega-menu li:last-child a {
  border-bottom: none;
}
.stellarnav li li { display: block; }
/* second level dd */
.stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left: 260px; }
.stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }
/* .drop-left */
.stellarnav > ul > li.drop-left > ul { right: 0; }
.stellarnav li.drop-left ul ul { left: auto; right: 280px; }
/* light theme */
.stellarnav.light { background: rgba(255, 255, 255, 1); }
.stellarnav.light a { color: #000; }
.stellarnav.light ul ul { background: rgba(255, 255, 255, 1); }
.stellarnav.light li a { color: #000; }
/* dark theme */
.stellarnav.dark {  }
.stellarnav.dark a {  }
.stellarnav.dark ul ul {  }
.stellarnav > ul > li > ul{  box-shadow:0px 3px 7px 0px rgb(40 35 30 / 10%); background:#dff39e; border-radius: 20px; }
.stellarnav > ul > li > ul > li{  border-bottom:1px solid rgba(180, 180, 180, 0.2);}
.stellarnav > ul > li > ul > li > a{   color:#000 !important;  padding:12px 0px 15px 0; font-weight:500; font-size:16px; }
.stellarnav ul li ul li a:hover{ color:#666 !important}
.stellarnav ul li ul li ul li a{ color:#fff !important  }
.stellarnav ul  li ul li a:hover{ color:#666!important; padding: 12px 5px 15px 5px}
.stellarnav.dark li a { color: #fff; }.stellarnav.dark li a:hover { }
.stellarnav  ul li ul li a:hover{color: #fff;}
.stellarnav  ul li ul li ul li a:hover{color: #000 !important }
.stellarnav ul li ul li:hover a:after{ border-color:#fff !important}
/*.stellarnav > ul > li:hover a { background:#df8ab5; color:#ffffff !important }*/
/* sticky nav */
.stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; }
/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x { overflow-x: hidden; }
/* general styling */
.stellarnav li.has-sub > a{ }
.stellarnav li.has-sub > a:after { content: ''; margin-left:5px;  border: solid #fff 1px;
  border-width: 0 1px 1px 0; padding: 3px; display: inline-block;  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); position:relative; top:-2px }
/*.has-sub > a:hover:after { border-color:#fff !important}*/
.stellarnav li li.has-sub > a:after { margin-left: 10px; float: right; border: solid #fff 1px;
  border-width: 0 1px 1px 0; padding: 3px; position: relative; top: 5px;  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }
.stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; }
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; }
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
.stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }
.stellarnav.desktop li.has-sub a {  }
.wlink a{ color:#000 !important}
.stellarnav ul li ul .has-sub a:after { border-color:#000 !important}
.stellarnav ul li ul .has-sub a:hover:after { border-color:#fff !important}
.stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; }
.stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; z-index:0; }
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; }
/* svg icons */
.stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; }
/* svg icons */
.stellarnav a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; }
/*.stellarnav a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 44%; transform: rotate(90deg); transition: width 0.3s; }*/
.stellarnav a.dd-toggle .icon-plus:after {content: ''; display: block; width: 5px; height: 5px; top:28%; border: solid 3px #777; position: absolute; border-width:0 2px 2px 0;transform:rotate(45deg); padding:3px;  }
.stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.stellarnav.light a.dd-toggle .icon-plus:before { border-color:  #102b32; }
.stellarnav.light a.dd-toggle .icon-plus:after { border-color:  #102b32; }
.stellarnav.dark a.dd-toggle .icon-plus:before { border-color:  #102b32; }
.stellarnav.dark a.dd-toggle .icon-plus:after { border-color:  #102b32; }
.stellarnav .icon-close { box-sizing: border-box; width: 20px; height: 20px; position: relative; display: inline-block; padding-right:20px; }
.stellarnav .icon-close:before { content: ''; display: block; width: 30px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); }
.stellarnav .icon-close:after { content: ''; display: block; width: 30px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); }
.stellarnav.light .icon-close:before { border-color:  #102b32; }
.stellarnav.light .icon-close:after { border-color:  #102b32; }
.stellarnav.dark .icon-close:before { border-color:  #102b32; }
.stellarnav.dark .icon-close:after { border-color:  #102b32; }
/* mobile nav */
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding:0px 0 0 0; box-sizing: border-box; font-size:30px; font-weight:bold; top:10px; position:absolute; right:10px; z-index:999;}
.stellarnav .menu-toggle span.bars { display: inline-block; margin-right: 7px; position: relative; top:5px; background: #dff39e; padding: 8px 8px 2px; border-radius: 10px; }
.stellarnav .menu-toggle span.bars span { display: block; width: 30px; height: 4px; border-radius: 6px; background: #777; margin: 0 0 6px; }
.stellarnav .full { width: 100%; }
.stellarnav .half { width: 50%; }
.stellarnav .third { width: 33%; text-align: center; }
.stellarnav .location-btn-mobile.third { text-align: center; }
.stellarnav .location-btn-mobile.half { text-align: right; }
.stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; }
.stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; }
.stellarnav.light .menu-toggle span.bars span { background: #2d2d4a; }
.stellarnav.dark .menu-toggle span.bars span { background: #2d2d4a; }
.stellarnav.mobile { position: static; text-align:right }
.stellarnav.mobile.fixed { position: static; }
.stellarnav.mobile ul { position: relative; display: none; }
.stellarnav.mobile.active { padding-bottom: 0; }
.stellarnav.mobile.active > ul { display: block; }
.stellarnav.mobile ul { text-align: left; }
.stellarnav.mobile > ul > li { display: block; }
.stellarnav.mobile > ul > li > a { padding: 14px 25px;  color: #102b32;}
.stellarnav.mobile > ul > li > a:hover { color: #000;}
.stellarnav.mobile ul { background: rgba(221, 221, 221, 1); }
.stellarnav.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }
.stellarnav.mobile ul ul ul { left: auto; top: auto; }
.stellarnav.mobile li.drop-left ul ul { right: auto; }
.stellarnav.mobile li a {    border-bottom: 1px solid rgb(151 140 140 / 15%);   }
.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile li a.dd-toggle { border: 0; }
.stellarnav.mobile.light li a.dd-toggle { border: 0; }
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; }
.stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }
.stellarnav.mobile.light ul { background: rgba(255, 255, 255, 1); }
.stellarnav.mobile.dark ul { background:#dff39e;  }
.stellarnav.mobile.dark ul ul { background: #dff39e; }
.stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); }
.stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; }
/* left and right positions */
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 0px; bottom: 0; width: 100%; max-width: 315px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index:999; }
.stellarnav.mobile.right > ul { right: 0px; padding-top:45px; }
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: inline-block; text-align: right; padding-right:20px; margin-top:-16px; }
.stellarnav.mobile.left > ul { left: 0; }
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; }
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; }
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; }
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; }
/* left and right positions */
/* mega dd */
.stellarnav.desktop li.mega ul ul { background: none; }
.stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; }
.stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; }
.stellarnav.desktop li.mega ul ul { width: auto; }
.stellarnav.desktop > ul > li.mega { position: inherit; }
.stellarnav.desktop > ul > li.mega > ul { width: 100%; }
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; }
.stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; }
.stellarnav.desktop li.mega li li a { padding: 5px 15px; }
.stellarnav.desktop li.mega li.has-sub a:after { display: none; }
.stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; }
/* mega dd */
.stellarnav.mobile.dark > ul > li > ul {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.0);
}

.megamenu{ width:850px !important; left:-370px !important} 
.megamenu li{ float: left; width:29.5%; margin:0 0% 0 3%!important; padding:0 !important }
.mega-menu-sub h4{ font-weight:600; padding:15px 0 10px 20px; font-size:20px;  color:#000;} .mega-menu-sub h4 a{ font-weight:600; font-size:20px; color:#000 !important} .mega-menu-sub h4 a:hover{ color:#0080c8 !important}
.font20{ font-size:20px;}
.ptop0{ padding-top:0 !important}
.toggle-content p a:hover{ text-decoration:underline}
.matterpor-tour-section{ margin:20px 20px 60px 20px; background:#102b32; border-radius:20px }
.mtop60{ margin-top:60px;}
.mtop20{ margin-top:20px;}
.mtop30{ margin-top:30px;}
@media only screen and (max-width : 1400px) {.stellarnav > ul > li > a {}} 
@media only screen and (max-width : 1280px) {.stellarnav > ul > li > a {}
.megamenu{ width:350px !important; left:-0px !important} 
.megamenu li{ float: none; width:100%; margin:0 1% 0 1%!important; padding:0px 10px !important }
}
@media only screen and (max-width : 1024px) {.stellarnav ul ul{ left:0;}.stellarnav > ul > li > ul > li{ width:100%; margin-left:0;}
	.stellarnav { overflow: hidden; display: block; }
	.stellarnav ul { position: relative; display: none; }.stellarnav > ul > li { padding:0px 8px 0 0;  }.stellarnav > ul > li > ul{ border-bottom:0;}.stellarnav ul ul{ padding:0 0px 20px 20px}.stellarnav ul .mega-menu{ left:0px}.mega-menu-column-1{ width:100%; background:#fff}
.megamenu{ width:350px !important; left:-0px !important} 
.megamenu li{ float: none; width:100%; margin:0 1% 0 1%!important; padding:0px 10px !important }
}
/* mobile nav */
@media only screen and (max-width : 420px) {.stellarnav { margin-top:18px;}
	.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; }.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding:6px 0 0 0;
  }
}
@media only screen and (max-width : 768px){
  .stellarnav ul .mega-menu { background: #fff; width: 290px; }
  .stellarnav ul .mega-menu-sub {
    display: block !important;
    background: #fff;}
  .stellarnav ul .mega-menu li a {
    padding:10px 0px; color: #000;background: #fff; border-bottom: 1px solid rgb(226, 223, 223);
   }
   .stellarnav ul .mega-menu li:last-child a {
    border-bottom: 1px solid rgb(226, 223, 223) ;
}
.megamenu{ width:350px !important; left:-0px !important} 
.megamenu li{ float: none; width:100%; margin:0 1% 0 1%!important; padding:0px 10px !important }
}
.desktop-none {
  display: none !important; /* default: hide everywhere */
}

@media (max-width: 768px) {
  .desktop-none {
    display: block !important; /* show only on mobile */
  }
}
  .padding0{ padding:0;}
  .industrybenefit img{ border-radius:14px;}
  .p25{ padding:25px;}
  .mlogo{ margin:50px auto 0px auto; border:solid 10px #fff; border-radius:12px;}
	@media (max-width: 479px) { .contact-info{ padding:20px;}.contact-info h2{ font-size:28px;}.phlink{ font-size:17px;} .footer-column h3{ font-size:20px;}
	.metaport-service .all-section-title h2{ font-size:31px; line-height:38px;} .singale-post{ padding:10px 20px 20px}	 .our-story{ padding:20px 0}  .our-story .meta-cart{ padding:10px;}
	.toggle-title{ padding:1.2rem 2.5rem 1.6rem 0rem; font-size:19px;} .all-section-title{ width:96%; padding:0 2%} .toggle-content{ padding:1rem 2rem 0rem 0rem}
	.three-col-box .box-area{ width:97%} .stellarnav > ul > li > ul > li > a{ font-weight:600;} .service-item p { font-size:18px; line-height:21px;} .pleft0{ padding-left:15px !important; }
	.left-right-box .metacart h3{ margin-top:0} .ord-2{ order:2;}  .ord-1{ order:1;} .section-title{ width:95%} .mlogo{ width:88%} #panobanner, #pano{ background:#19323a; min-height:330px}
	.baground-img1{ min-height:500px} .font20{ font-size:18px;} .meta-box{ display:block} .metacart:last-child{ padding-top:20px;}
	}