.services{display: flex ; gap: 0; box-sizing: border-box; width: 100%;}
.services .left-sec{display: flex ; flex-direction: column; background: var(--darkblue); padding: 5vw; box-sizing: border-box; flex-basis: 50%;}
.services .right-sec{display: flex ; flex-direction: column;box-sizing: border-box; flex-basis: 50%;    overflow: hidden; position: relative;}
.services .left-sec .t-content{display: flex ; flex-direction: column; padding-top: 40px; box-sizing: border-box;gap:20px;  }
.services .right-sec .img-sc h3{position: absolute;
bottom: 5%;
left: 5vw;    font-size: var(--shead);
font-weight: 600;
color: #fff;
max-width: 600px;
line-height: 1;
z-index: 3;}
.services .left-sec .t-content .row-head{display: flex ; justify-content: space-between; box-sizing: border-box;padding: 0px;padding-top: 0;cursor:pointer;}
.services .left-sec .t-content .row-head h3::before{content: url(https://pixellogisticsindia.com/wp-content/uploads/2025/04/Rectangle-20234.png);display: flex;transition:0.3s all ease-in-out;}
.services .left-sec .t-content .row-head h3{display: flex ; align-items: center; gap: 10px; color: var(--golden);opacity:0.4;transition:0.3s all ease-in-out;font-size:var(--list-title);}
.services .left-sec .t-content .learn-btn.white{margin-bottom:20px;}
.services .left-sec .t-content .t-c .content p{font-weight: 400; color: var(--white);}
.services .left-sec .t-content .t-c .content{max-height: 0;overflow: hidden;transition: 0.5s all ease-in-out;}
.services .left-sec .t-content .t-c.active .row-head svg{display:none;}
.services .left-sec .t-content .t-c.active .row-head h3{opacity:1;}
.services .left-sec .t-content .t-c.active .content{max-height: 800px;}
.services .right-sec .img-sc{    position: absolute;
bottom: -100vh;
height: 100%;  width: 100%;
transition: 0.5s bottom ease-in-out 1s;
z-index: 1;}
.services .right-sec .img-sc img{width:100%;position:relative;height:100%;}
.services .right-sec .img-sc.active{    bottom: 0vh;
transition: 1s bottom ease-in-out;
z-index: 2;  }
.services .left-sec .t-content .row-head:hover h3{padding-left:15px;opacity:1;color:#fff;}
.services .left-sec .t-content .s-items{display: grid ; grid-template-columns: 1fr 1fr; gap: 30px; padding-bottom: 30px;    border-bottom: 1px solid rgba(255, 255, 255, .15);    margin-bottom: 10px;}
.services .left-sec .t-content  .content{display: flex ; flex-direction: column; gap: 10px; box-sizing: border-box;}
.services .left-sec .t-content  .content .hed{color: #fff; font-weight: 600;}
.services .left-sec .t-content  .content p{font-weight: 400;color:#fff;}
.services .left-sec .t-content .content ul{list-style: none; padding-left: 0; color: #fff; font-size: var(--small-title); font-weight: 400;}
.services .left-sec .t-content  .content ul li::before{content: url(https://pixellogisticsindia.com/wp-content/uploads/2025/04/service-section-icon.png);display: flex}
.services .left-sec .t-content .content ul li{display: flex; align-items: center; gap: 8px;    padding: 6px 0px;}
.services .left-sec .t-content .s-c.active .row-head h3{opacity:1;}
.services .left-sec .t-content .s-c.active .row-head h3::before{content: url(https://pixellogisticsindia.com/wp-content/uploads/2025/04/service-section-icon-2.png)}
.services .left-sec .t-content .content{display:none;}
.services .left-sec .t-content .content.active{display:flex;}
.services .right-sec .img-sc::before{    content: "";
position: absolute;
background: rgba(0, 0, 0, 0.3);
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;}.learn-btn{
display: flex;
background: var(--darkblue);
color: #fff;
text-decoration: none;
font-size: var(--btn-text);
text-transform: uppercase;
gap: 10px;
align-items: center;
padding: 15px 35px;
margin-top: 20px;
transition:0.2s all ease-in-out;
}
.learn-btn.golden{
background: var(--golden);
color: var(--darkblue);
}
.learn-btn.golden svg path,.learn-btn.white svg path{fill:var(--darkblue) !important;}
.learn-btn.white{
background: var(--white);
color: var(--darkblue);
}
#home-banner .learn-btn:hover{background:var(--white)}
.learn-btn:hover svg,.r-more:hover svg,#form .btn:hover svg,.newsletter form button:hover img{
transform: rotate(45deg);
}
.learn-btn svg,.r-more svg,#form .btn svg,.newsletter form button img{transition:0.3s all ease-in-out;}
#services .learn-btn{border: 1px solid var(--darkblue);}
#services .learn-btn:hover,#bussiness .learn-btn:hover{    background: transparent;
border: 1px solid #fff;
color: #fff;}
#services .learn-btn:hover svg path,#bussiness .learn-btn:hover svg path{fill:#fff !important;}
.learn-btn.black:hover svg path {
fill : var(--darkblue) !important;
}
.learn-btn{border:1px solid transparent;}
#form .btn:hover{transition:0.2s all ease-in-out;}
.view-btn svg{transition:0.3s all ease-in-out;}
.view-btn:hover svg{transform:rotate(45deg);}.bussiness{display: flex ; gap: 0; box-sizing: border-box; width: 100%;}
.bussiness .left-sec{display: flex ; flex-direction: column; background: var(--darkblue); padding: 5vw; box-sizing: border-box; flex-basis: 50%;}
.bussiness .right-sec{display: flex ; flex-direction: column;box-sizing: border-box; flex-basis: 50%;    overflow: hidden; position: relative;}
.bussiness .left-sec .t-content{display: flex ; flex-direction: column; padding-top: 40px; box-sizing: border-box;gap:20px;  }
.bussiness .left-sec .t-content .row-head{display: flex ; justify-content: space-between; box-sizing: border-box;padding: 25px 0px;padding-top: 0;cursor:pointer;}
.bussiness .left-sec .t-content .row-head h3::before{content: url(https://pixellogisticsindia.com/wp-content/uploads/2025/04/Business-Model-icon-1.png);display: flex}
.bussiness .left-sec .t-content .row-head h3{display: flex ; align-items: center; gap: 10px; color: var(--golden);opacity:0.4;transition:0.3s all ease-in-out;}
.bussiness .left-sec .t-content .learn-btn.white{margin-bottom:20px;}
.bussiness .left-sec .t-content .t-c .content p{font-weight: 400; color: var(--white);}
.bussiness .left-sec .t-content .t-c{  border-bottom: 1px solid rgba(37, 71, 101, 1);}
.bussiness .left-sec .t-content .t-c .content{max-height:var(--height);overflow: hidden;transition: 0.5s all linear;}
.bussiness .left-sec .t-content .t-c.active .row-head svg{display:none;}
.bussiness .left-sec .t-content .t-c.active .row-head h3{opacity:1;}
.bussiness .left-sec .t-content .t-c.active .content{max-height:var(--max-height)}
.bussiness .right-sec .img-sc{    position: absolute;
bottom: -100vh;width:100%;
transition: 0.5s bottom ease-in-out 1s;
z-index: 1;height:100%;}
.bussiness .right-sec .img-sc img{width:100%;}
.bussiness .right-sec .img-sc.active{    bottom: 0vh;
transition: 1s bottom ease-in-out;
z-index: 2;}
@media screen and (max-width: 781px){
.bussiness .left-sec .t-content .t-c .content p,.bussiness .left-sec .t-content .t-c .content p{padding:0 5vw;}
.bussiness .left-sec .t-content .row-head:hover h3{opacity:1;}
}.view-btn{display: flex;
align-items: initial;
gap: 12px;
outline: none;
text-decoration: none;
text-transform: uppercase;
font-size: var(--p);
font-weight: 600;}.target-sec{margin: 0; display: flex ; flex-direction: column; gap: 0;border-top:1px solid rgba(222, 222, 222, 1);}
.target-sec .tar-item{display: flex ; align-items: center; position: relative; justify-content: space-between; padding: 40px 5vw; max-height: 200px; box-sizing: border-box;transition: 0.3s all ease-in-out;}
.target-sec .tar-item .head h3{font-size: var(--h3); color: var(--darkblue); font-weight: 600; }
.target-sec .tar-item .img{width: 409px; height: 409px;position:relative;    pointer-events: none;}
.target-sec .tar-item .img img{position: absolute; left: 0; top: 0; height: 100%; transition: 0.5s all ease-in-out; transform: scale(0);}
.tar-item:hover {background: var(--darkblue); }
.tar-item:hover .head h3{color: var(--golden); }
.tar-item:hover .img img{transform:scale(1);} .tar-item .link svg path{opacity:0;}
.tar-item:hover .link svg .box-design{opacity:0;}
.tar-item:hover .link svg path{opacity:1;}
.tar-item:hover .link a:hover svg path{fill:var(--darkblue)}
.tar-item .link a:hover svg{background:var(--golden)}
.tar-item .link a:hover svg .border{stroke:var(--golden);}
.tar-item .link svg .box-design{transition:0.3s all ease-in-out;}.footer-form-block{display: flex ; width: 100%; box-sizing: border-box; padding-top: 25px;}
.footer-form-block form{display: flex ; flex-direction: column; gap: 20px; box-sizing: border-box;    width: 100%;}
.footer-form-block form .single{display: flex ; gap: 30px; width: 100%; box-sizing: border-box;}
.footer-form-block form .form-group{display: flex ; flex-direction: column; gap: 8px; width: 100%; box-sizing: border-box;}
.footer-form-block form .form-group .input-label{display: flex ; box-sizing: border-box; line-height: 1; font-size: var(--btn-text); color: var(--wp--preset--color--darkblue) !important;}
.footer-form-block form .form-group .input-label sup{color:red;}
.footer-form-block form .form-group input,.footer-form-block form .form-group textarea{outline: none; border: none; padding: 15px; font-size: 1rem;resize:none;border-radius:none;}
.footer-form-block form .form-group input::placeholder,.footer-form-block form .form-group textarea::placeholder{color:#A3A3A3;}
.footer-form-block form .explore-group .btn{outline: none; border: none; background: var(--darkblue); min-width: 232px; display: flex ; align-items: center; justify-content: center; padding: 14px 20px; font-size: var(--btn-text); color: #fff; text-transform: uppercase; gap: 10px; cursor: pointer;}
.footer-form-block form .explore-group{padding-top: 15px;}