/*==========Service Details Hero===============*/
.serviceDetailsHero{
background: #F8F6FC;
padding-top: 130px ;
}

.serviceDetailsHero h1{
font-size: 42px;
}

.serviceDetailsHero ul li{
margin-bottom: 8px;
}

.serviceDetailsHero ul li:before {
content: "\f14a";
font-family: "FontAwesome";
color: var(--theme2);
float: left;
font-size: 18px;
margin-right: 10px;
line-height: 20px;
}


.serviceDetailsHero  .ServicebannerBox img{
width: 100%;
height: 100%;
border-radius: 10px;
}


.serviceDetailsHero .hero13-header .header-btn21.btn2 {
background: #fff;
color: var(--theme);
border: 1px solid  var(--theme);
margin-left: 16px;
}

.serviceDetailsHero .hero13-header .header-btn21{
margin-right: 16px;
}


.serviceDetailsHero{
padding-bottom: 50px;
}

.serviceDetailsHero .hero13-header .header-btn21.btn2:hover {
color: #fff;
transition: all 0.4s;
border: 1px solid var(--theme2);
}




@media (max-width: 767px) {
.serviceDetailsHero .hero13-header .header-btn21.btn2 {
margin: 20px 0 0 0;
}
.serviceDetailsHero .hero13-header {
margin-bottom: 50px;
}

.serviceDetailsHero h1 {
    font-size: 32px;
}
.serviceDetailsHero{
padding-top: 100px;
padding-bottom: 40px;
}
}


/*==========Service Details===============*/
.about13-section-area .serAbout_image{
width: 285px;
float: left; 
margin-right: 20px;
margin-bottom: 10px;
}
.service_details_section {
position: relative;
overflow: visible; /* 🔴 MUST */
}

.serviceDetails-sidebar-area {
position: sticky;
top: 100px; /* 🔥 header height + gap */
/*z-index: 9;*/
transition: top 0.3s ease, transform 0.3s ease;
}


/* 📱 Mobile & Tablet disable */
@media (max-width: 991px) {
.serviceDetails-sidebar-area {
position: static !important;
width: auto !important;
top: auto !important;
transform: none !important;
margin-bottom: 10px;
margin-top: 30px;

}
.about13-section-area .serAbout_image{
width: 100%;
float: none; 
margin-right: 0px;
margin-bottom: 20px;
}
}

.serviceDetails-sidebar-area .others-area {
/*background: var(--ztc-bg-bg-4);*/
background: var(--ddd, linear-gradient(227deg, #6aa185, #f3f3f3, #fcd43c));
border-radius: 7px;
padding: 25px 15px;
position: relative;
margin-bottom: 20px;
}

.serviceDetails-sidebar-area .others-area h3 {
color: #000;
font-family: var(--ztc-family-font1);
font-size: 18px;
font-style: normal;
font-weight: var(--ztc-weight-semibold);
line-height: 26px;
margin-bottom: 8px;
text-transform: capitalize;
}
.serviceDetails-sidebar-area .others-area p {
color: #000;
font-size: 14px;
}
.serviceDetails-sidebar-area .btn-area a img{
width: 36px;
margin-right: 5px;
}
.serviceDetails-sidebar-area .aba-whatsphone-icone a {
color: #245b3f;
}
.ServiceSEOSection{
background: var(--ddd, linear-gradient(91deg, var(--theme), var(--theme2)));
}

.serviceDetails-sidebar-area .sitebarTrafficbox{
background: var(--ddd, linear-gradient(227deg, #b6fdff57, #fefefe, #efa6e04f));
}
.serviceDetails-sidebar-area .sitebarTrafficbox h3{
font-size: 30px;
text-align: center;
line-height: 40px;
margin-bottom: 25px;
}
.serviceDetails-sidebar-area .sitebarTrafficbox h3 span{
color: #ff2323;
border-bottom: 3px solid #ff2323;
padding-bottom: 5px;
}

.ServiceSEOSection .heading20 h2, .ServiceSEOSection .heading20 p {
color: #ffffff;
}

.ServiceSEOSection .ourSEODescription ul li{
color: #ffffff;
margin-bottom: 8px;
}
.ServiceSEOSection .ourSEODescription ul li:before {
content: "\f14a";
font-family: "FontAwesome";
color: var(--theme2);
float: left;
font-size: 18px;
margin-right: 10px;
line-height: 20px;
}

/*.serviceDetails-sidebar-area .others-area .btn-area{*/
/*        justify-content: center;*/
/*}*/


/*@media (min-width: 991px) {*/
/*    .serviceDetails{*/
/*        padding-left: 25px;*/
/*    }*/
/*}*/

.serviceDetails h2 {
font-size: 32px;
margin: 15px 0;
line-height: 36px;
font-weight: 700;
}
.serviceDetails p {
text-align: justify;
}


.serviceDetails h3 {
font-size: 18px;
margin: 10px 0;
line-height: 30px;
font-weight: 600;
}

.serviceDetails ul li{
margin-bottom: 10px;
}
/*.serviceDetails ul li:before {*/
/*    content: "\f14a";*/
/*    font-family: "FontAwesome";*/
/*    color: var(--theme2);*/
/*    float: left;*/
/*    font-size: 18px;*/
/*    margin-right: 10px;*/
/*    line-height: 20px;*/
/*}*/

.serviceDetails .works-inner-section-area .works-header-area .works-content-box .content a {
font-size: 18px;
line-height: 24px;
}
.serviceDetails .works-inner-section-area .works-header-area .works-content-box .content p {
margin-top: 5px;
}

.serviceDetails .service13-section-area .service13-boxarea{
padding: 15px;
}

.serviceDetails ul li p{
line-height: 22px;
}


.serviceDetails tbody, td, tfoot, th, thead, tr{
border: 1px solid gray;
padding: 8px;
}



.serviceDetails .serviceSubtitlebox {
font-size: 20px;
font-weight: 600;
color: var(--theme2);
font-family: "Manrope", sans-serif;
border-radius: 8px;
border-left: 8px solid var(--theme2);
background: var(--theme);
display: inline-block;
padding: 18px 30px;
font-style: italic;
margin-top: 20px;
line-height: 30px;
margin-bottom: 10px;
}


@media (max-width: 767px) {
.serviceDetails h2 {
font-size: 24px;
margin: 10px 0;
line-height: 30px;
}


.serviceDetails h3{
font-size: 20px;
line-height: 30px;
}

.serviceDetails tbody, td, tfoot, th, thead, tr{
padding: 5px;
}
.serviceDetails table tbody p{
text-align: left;
}
.serviceDetails .serviceSubtitlebox {
font-size: 18px;
padding: 10px 15px;
}
}

.slider-section-area .sldier-head{
border-right: 1px solid #ffffff;
padding-right: 10px;
}

.serviceDetails-sidebar-area .contact-form-area .input-area input {
border-radius: 8px;
border: 1px solid #E6E6E6;
background: var(--Neutral-White, #FFF);
width: 100%;
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
padding: 16px;
height: 48px;
margin-top: 24px;
}
.serviceDetails-sidebar-area .contact-form-area .input-area textarea {
border-radius: 8px;
border: 1px solid #E6E6E6;
background: var(--Neutral-White, #FFF);
width: 100%;
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16);
font-weight: var(--ztc-weight-semibold);
color: var(--ztc-text-text-2);
padding: 16px;
height: 120px;
margin-top: 24px;
}

/*Site Fixed WhatsApp And Phone Btn*/
.fixed-tabs-Whats {
position: fixed;
right: 0px;
bottom: 218px;
z-index: 999;
}

.aba-whatsphone {
background: var(--theme);
height: 60px;
width: 70px;
border-radius: 30px 0 0 30px;
transition: 0.7s ease;
}

.aba-whatsphone:hover {
width: 200px;
transition: 0.7s ease;
}

.aba-whatsphone-icone {
/*background-image: url('assets/img/wdownload.png');*/
background-repeat: no-repeat;
width: 280px;
background-size: 44px;
background-position: 16px 7px;
padding: 7px;
height: 60px;
}

.aba-whatsphone-icone a {
color: #ffffff;
font-size: 14px;
line-height: 0px;
margin-left: 70px;
text-decoration: none;
height: 60px;
font-family: sans-serif;
}

.aba-whatsphone-icone a strong {
display: block;
font-size: 21px;
margin-left: 70px;
margin-top: -0px;
}

.fixed-tabs-mag {
position: fixed;
right: 0px;
bottom: 150px;
z-index: 999;
}

.aba-whatsphone-iconem {
/*background-image: url('assets/img/mass-removebg-preview.png');*/
background-repeat: no-repeat;
width: 280px;
background-size: 44px;
background-position: 16px 7px;
padding: 7px;
height: 60px;
}

.aba-whatsphone-iconem a {
color: #ffffff;
font-size: 14px;
line-height: 0px;
margin-left: 70px;
text-decoration: none;
height: 60px;
font-family: sans-serif;
}

.aba-whatsphone-iconem a strong {
display: block;
font-size: 21px;
margin-left: 70px;
margin-top: -0px;
}

@media (max-width: 991px) {
.fixed-tabs-Whats {
position: fixed;
right: 0px;
top: 52%;
z-index: 100;
}

.fixed-tabs-mag {
position: fixed;
right: 0;
z-index: 100;
top: 61%;
}
}
/*Site Fixed WhatsApp And Phone Btn*/

.works-content-box{
position: relative;
max-height: 250px; 
overflow: hidden;
transition: all 0.3s ease-in-out;
}

.service13-section-area .service_boxarea{
position: relative;
max-height: 280px; 
overflow: hidden;
transition: all 0.3s ease-in-out;
}


.works-content-box.expanded, .service13-section-area .service_boxarea.expanded {
max-height: 1000px;
overflow: visible;
}

.show-more-btn {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
background: linear-gradient(to top, #fff, #ffffff);
padding: 10px 0 10px;
cursor: pointer;
font-weight: 600;
color: var(--theme2);
}