* {

    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 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: 60px 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: #f5f5f5;

  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 0px 0;

   position: relative;

}
.card-content  p{ margin-bottom:5px !important}


.card-content h2 {

  margin-bottom: 10px;

  font-size: 24px !important;

  font-weight: 600; line-height:32px !important; margin:0 0 5px 0 !important



}

.card-content h2 a{ font-weight:600;   color: #102b32; }
.card-content h2 a:hover{ color:#91bd02}
.card-content .date1{ color:#91bd02; font-size:15px; margin-bottom:10px !important}

.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);

  }

}



.all-section-title h2{    font-size: 46px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: -0.02em;

    cursor: none;}



/* 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;}

	} 
	
	
	:root {
    --blog-green: #79b82a;
    --blog-dark: #171717;
    --blog-heading: #222222;
    --blog-text: #606060;
    --blog-light: #f6f8f4;
    --blog-border: #e8e8e8;
}

/* Main Blog Layout */
.blog-detail {
    display: block;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 20px;
}

.blog-detail-left {
    width: 100%;
    min-width: 0;
}

.aios-content-block {
    width: 100%;
    color: #000;
    font-size: 16px;
    line-height: 1.85;
}

/* Blog Title */
.aios-content-block h1 {
    color: var(--blog-heading);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 5px;
}

.aios-content-block h1 a {
    color: #102b32;
    text-decoration: none;
    transition: 0.3s;
    font-weight: 600;
}

.aios-content-block h1 a:hover {
    color: var(--blog-green);
}

/* Blog Image */
.aios-figure {
    width: 100%;
    margin: 0 0 25px;
}

.aios-figure img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 520px;
    object-fit: cover;
    border-radius: 12px;
}

/* Date and Author */
.date1 {
    color: #888;
    font-size: 14px;
    margin: 0 0 20px !important;
}

.date1 svg {
    width: 16px;
    height: 16px;
    fill: var(--blog-green);
    vertical-align: middle;
}

.date1 .byline {
    margin-left: 10px;
}

.date1 .author a {
    color: var(--blog-green);
    text-decoration: none;
}

/* Article Content */
.aios-content-block p {
    margin: 0 0 20px;
}



.aios-content-block h2,
.aios-content-block h3,
.aios-content-block h4 {
    color: var(--blog-heading);
    font-weight: 700;
    line-height: 1.3;
}

.aios-content-block h2 {
    font-size: 28px;
    margin: 30px 0 15px;
}

.aios-content-block h3 {
    font-size: 24px;
    margin: 30px 0 15px;
}

.aios-content-block h4 {
    font-size: 22px;
    margin: 30px 0 15px;
}

.aios-content-block strong {
    color: var(--blog-heading);
}

.aios-content-block p a {
    color: var(--blog-green);
    font-weight: 600;
    text-decoration: none;
}

.aios-content-block p a:hover {
    color: var(--blog-dark);
    text-decoration: underline;
}

/* Category and Tags */
.entry-footer {
    display: block;
    padding: 20px 0;
    margin-top: 30px;
    border-top: 1px solid var(--blog-border);
    border-bottom: 1px solid var(--blog-border);
    font-size: 14px;
    line-height: 2;
}

.entry-footer svg {
    width: 16px;
    height: 16px;
    fill: var(--blog-green);
    vertical-align: middle;
}

.entry-footer a {
    display: inline-block;
    color: #000;
    text-decoration: none;
    margin: 3px 5px;
}

.entry-footer a:hover {
    color: var(--blog-green);
}

/* Previous and Next Post Navigation */
.post-navigation {
    width: 100%;
    margin-top: 35px;
}

.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    flex: 1;
    width: 50%;
    min-width: 0;
    padding: 22px;
    border: 1px solid var(--blog-border);
    border-radius: 8px;
    transition: 0.3s ease;
}

.post-navigation .nav-previous {
    border-left: 4px solid var(--blog-green);
    text-align: left;
}

.post-navigation .nav-next {
    border-right: 4px solid var(--blog-green);
    text-align: right;
}

.post-navigation .nav-previous:hover,
.post-navigation .nav-next:hover {
    background: var(--blog-light);
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    display: block;
    color: var(--blog-heading);
    text-decoration: none;
}

.post-navigation .meta-nav {
    display: block;
    color: var(--blog-green);
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.post-navigation .post-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

/* Tablet */
@media (max-width: 767px) {

    .blog-detail {
        padding: 40px 20px;
    }

    .aios-content-block {
        font-size: 15px;
        line-height: 1.75;
    }

    .aios-content-block h1 {
        font-size: 28px;
    }

    .aios-content-block h2 {
        font-size: 24px;
    }

    .aios-content-block h3,
    .aios-content-block h4 {
        font-size: 21px;
    }

    .aios-figure img {
        max-height: 350px;
        border-radius: 8px;
    }
}

/* Mobile */
@media (max-width: 600px) {

    .blog-detail {
        padding: 30px 15px;
    }

    .aios-content-block h1 {
        font-size: 24px;
    }

    .aios-content-block h2 {
        font-size: 22px;
    }

    .aios-content-block h3,
    .aios-content-block h4 {
        font-size: 19px;
    }

    .aios-content-block em {
        padding: 15px;
        font-size: 15px;
    }

    .post-navigation .nav-links {
        flex-direction: column;
        gap: 15px;
    }

    .post-navigation .nav-previous,
    .post-navigation .nav-next {
        width: 100%;
        flex: auto;
        padding: 16px;
        text-align: left;
    }

    .post-navigation .nav-next {
        border-right: 1px solid var(--blog-border);
        border-left: 4px solid var(--blog-green);
    }
}