a {
text-decoration-thickness: 1px !important;
text-underline-offset: .1em;
}
footer mark strong{
font-weight: 700;
display: block;
margin-bottom: .5rem;
} :where(.wp-site-blocks *:focus) {
outline-width: 2px;
outline-style: solid;
} .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
margin-bottom: 3px;
} .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
outline-offset: 4px;
} .wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
outline-offset: 0;
} h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
text-wrap: pretty;
} .more-link {
display: block;
}
*, *::before, *::after {
box-sizing: border-box;
}
* {
margin: 0;
}
@media (prefers-reduced-motion: no-preference) {
html {
interpolate-size: allow-keywords;
}
}
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}
input, button, textarea, select {
font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
p {
text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
text-wrap: balance;
}
html {
scroll-behavior: smooth;
}
footer a{
text-decoration:none;
}
#root, #__next {
isolation: isolate;
}
:root{
--darkblue :#0B2033;
--golden :#EDA663;
--darkgrey :#323A43;
--lightblue :#102D48;
--white :#FFFFFF;
--common-unit  : 0.0625rem;
--h1 : clamp(2rem,  calc(5.21vw + var(--common-unit)), 6.25rem);
--h2 : clamp(1.5rem, calc(2.29vw + var(--common-unit)) , 2.75rem);
--h3 : clamp(1.75rem, calc(1.67vw + var(--common-unit)) , 2rem);
--h3-1 : clamp(1.5rem, calc(1.46vw + var(--common-unit)) , 1.75rem);
--h4 : 1.25rem;
--h5 : 1rem;
--h6 : 0.75rem;
--banner-height : 100vh;
--p : clamp(1rem, calc(0.9375vw + var(--common-unit)) , 1.125rem);
--small-title:clamp(1rem, calc(0.9375vw + var(--common-unit)) , 1.125rem);
--list-title:clamp(1.25rem, calc(1.25vw + var(--common-unit)) , 1.5rem);
--btn-text :clamp(1rem, calc(1.1vw + var(--common-unit)) , 1.25rem);
--a-text :clamp(1rem, calc(0.9375vw + var(--common-unit)) , 1.125rem);
--credit : clamp(1rem, calc(0.9375vw + var(--common-unit)) , 1.125rem);
--f29 : clamp(1rem, calc(1.5vw + var(--common-unit)) , 1.813rem);
--nav: var(--p);
--shead : clamp(1.25rem, calc(4.1vw + var(--common-unit)) , 5rem);
--inner-head : clamp(2rem, calc(4.42vw + var(--common-unit)) ,5.313rem);
--f-80 : clamp(3.5rem, calc(4.16vw + var(--common-unit)) ,5rem);
--impactnumber : clamp(2rem, calc(2.5vw + var(--common-unit)) ,3rem);
--f-100 : clamp(3.125rem, calc(5.20vw + var(--common-unit)) ,6.25rem);
--f-32-24 : clamp(1.5rem, calc(1.67vw + var(--common-unit)) , 2rem);
--f-24-20:clamp(1.25rem, calc(1.25vw + var(--common-unit)) , 1.5rem);
--f-20-18:clamp(1.125rem, calc(1.1vw + var(--common-unit)) , 1.25rem);
--sear-text: clamp(1.5rem, calc(3.6vw + var(--common-unit)) , 4.3rem);
}
body{
font-family: "Instrument Sans", sans-serif;
}
.h1{
font-size: var(--h1);
}
.h2{
font-size: var(--h2);
}
.h3{
font-size: var(--h3);
}
.h3-1{
font-size: var(--h3-1);
}
.f-18{font-size: var(--small-title);}
.f-20{font-size: var(--btn-text);line-height:1.2;}
.f-24{font-size: var(--list-title);}
.f-80{font-size:var(--f-80);}
.impactnumber{font-size:var(--impactnumber);}
.f-32-24{font-size:var(--f-32-24);}
.f-24-20,.singular .content h2,.f-24-20 a{font-size:var(--f-24-20);}
.f-20-18{font-size:1.125rem;}
.f-nav{
display: grid;
grid-template-columns: 1fr 1fr;
padding-top: 15px
}
.error_txt {
font-size: 14px;
color: #f00;
text-transform: capitalize;
}
p{font-size: var(--p);}
.h-100{height:100%;}
.resource-list figure.h-100 img{height:100%;}
.f-100{font-size:var(--f-100);}
.op-04{opacity:4%;}
.sm-head{
font-size: var(--small-title);position:relative;    
display: flex;
align-items: center;
gap: 8px;
line-height: 1;
}
header nav ul li a{
padding-top:3px;
}
.wp-block-site-logo{
max-width:180px;
}
.sm-head::before{    content: "";
height: 20px;
display: flex;
width: 20px;
background: #EDA663;
margin-top:-3px;
}
.sm-head.white::before{background:#fff;}
.pad-all{
padding: 5vw;
}
.pad-x{
padding-top: 5vw;
padding-bottom: 5vw;
}
.pad-y{
padding-left: 5vw;
padding-right: 5vw;
}
.pad-x-1{
padding-top: .5rem;
padding-bottom: .5rem;
}
.pad-x-2{
padding-top: 1rem;
padding-bottom: 1rem;
}
.pad-x-3{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.pad-x-4{
padding-top: 2rem;
padding-bottom: 2rem;
}
.pad-x-3per {
padding-top: 3%;
padding-bottom: 3%;
}
.pad-tp2{padding-top:2%;padding-bottom:2%;}
.pad-0{
padding: 0;
}
.pad-y-0{
padding-left: 0;
padding-right: 0;
}
.pad-x-0{
padding-top: 0;
padding-bottom: 0;
}
.pad-t-5{padding-top:5%;}
.margin-all{
margin: 5vw;
}
.margin-x{
margin-top: 5vw;
margin-bottom: 5vw;
}
.margin-y{
margin-left: 5vw;
margin-right: 5vw;
}
.margin-x-1{
margin-top: .5rem;
margin-bottom: .5rem;
}
.margin-x-2{
margin-top: 1rem;
margin-bottom: 1rem;
}
.margin-x-3{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.margin-x-4{
margin-top: 2rem;
margin-bottom: 2rem;
}
.margin-0{
margin: 0;
}
.margin-y-0{
margin-left: 0;
margin-right: 0;
}
.margin-x-0{
margin-top: 0;
margin-bottom: 0;
}
.credit p{
font-size: var(--credit);
}
.credit-synergos{
display: inline-flex;
}
.row-flex{
display: flex;
}
.column-flex{
display: flex;
flex-direction: column;
}
.justify-center{
justify-content: center;
}
.align-center{
align-items: center;
}
.text-center{
text-align: center;
}
.text-right{	
text-align: right;	
}	
.text-left{
text-align: left;
}
.text-justify{
text-align: justify;
}
.row-flex-reverse{
display: flex;
flex-direction: row-reverse;
}
.column-flex-reverse{
display: flex;
flex-direction: column-reverse;
}
.gap-0{
gap:0;
}
.gap-1{
gap: .5rem;
}
.gap-2{
gap:1rem;
}
.gap-3{
gap: 1.5rem;
}
.gap-4{
gap: 2rem;
}
.gap-4-5{
gap: 4.5rem;
}
.w-100,.fw-100,.fw-100 img{width:100%;}
.impact-content .wp-block-columns{    display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0;}
footer .loc-bef ,footer .loc-phn{
position: relative;
padding-top: 15px;
display: flex;
gap: 8px;
line-height: 1.4;
}
footer .loc-bef::before{position:relative;content: url(https://pixellogisticsindia.com/wp-content/uploads/2025/04/location-icon.png);}
footer .loc-phn::before{position:relative;content: url(https://pixellogisticsindia.com/wp-content/uploads/2025/04/mobile-icon.png);}
footer .loc-phn{padding-top:0px;}
.cat-date .taxonomy-category a,.cat-date .taxonomy-category span{display:none;text-decoration:none;}
.cat-date .taxonomy-category a:nth-child(1){display:flex;}
.cat-list a:nth-child(1),.cat-list span{display:none;}
.cat-list{display: flex; gap: 5px; text-transform: capitalize;}
.cat-list a{text-decoration:none;}
.menu .m-ele{    position: absolute;
top: 50vh;
right: 0;}
.resource-list .r-more{display: flex; outline:none;border:none;align-items: center; gap: 15px; padding: 15px !important; text-decoration:none;font-size: 1rem; background-color: #fff !important; position: absolute; bottom: 0;color:#0B2033 !important; right: 0;opacity:0;transition:0.5s all ease-in-out;}
.relative{position:relative;}
.resource-list li:hover .r-more{opacity:1;}
.resource-list li:nth-child(2) .r-column .content,.resource-list li:nth-child(3) .r-column  .content{border-color:var(--golden) !important;}
.resource-list .content{border-color:var(--darkblue) !important;transition:0.5s all ease-in-out;}
.resource-list li:hover .content{border-color:#fff !important;}
.resource-list li:nth-child(2):hover .r-column .content,.resource-list li:nth-child(3):hover .r-column  .content{border-color:var(--darkblue) !important;}
.resource-list li:nth-child(2) .r-column,.resource-list li:nth-child(4) .r-column{flex-direction: row-reverse;}
.resource-list li:nth-child(2) .r-column .color-sec,.resource-list li:nth-child(3) .r-column  .color-sec{    background-color: var(--golden) !important;}
.resource-list li:nth-child(2) .r-column .content .r-more,.resource-list li:nth-child(3) .r-column  .content .r-more{background-color: var(--darkblue) !important; color: #fff !important;}
.resource-list li:nth-child(2) .r-column .content .r-more svg path,.resource-list li:nth-child(3) .r-column  .content .r-more svg path{fill:#fff !important;}
.resource-list li:nth-child(2) .r-column .content p,.resource-list li:nth-child(3) .r-column  .content p,
.resource-list li:nth-child(2) .r-column .content a,.resource-list li:nth-child(3) .r-column  .content a,
.resource-list li:nth-child(2) .r-column .content time,.resource-list li:nth-child(3) .r-column  .content time,
.resource-list li:nth-child(2) .r-column .content h2,.resource-list li:nth-child(3) .r-column  .content h2{color: var(--darkblue) !important;}
body.bg  header{
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #FFF inset !important;
box-shadow: 0 0 0 1000px #FFF inset !important;
-webkit-text-fill-color: #000 !important;
caret-color: #000;
}
.wp-block-search__inside-wrapper  input:-webkit-autofill{
-webkit-box-shadow: 0 0 0 1000px #0b2033 inset !important;
box-shadow: 0 0 0 1000px #0b2033 inset !important;
-webkit-text-fill-color: #FFF !important;
caret-color:  #FFF;
}
header{
position: fixed;
top: 0;
z-index: 999;
width: 100%;
background-color:transparent ;
transition: all 0.3s ease-in-out;
padding-top: 10px;
padding-bottom: 10px;
}
header nav ul,header .wp-block-buttons,.right{
gap:2.5rem !important;
}
header nav ul li a{
color:var(--white) !important;
font-size: var(--nav);
text-transform: uppercase;
text-decoration: none;
border: none;
transition: all 0.3s ease-in-out;
}
header nav ul li a:hover,header nav ul li a:focus,header nav ul li a:active{
text-decoration: none;
border: none;
outline: none;
}
body.bg  header,body.single-blog header,body.search-results header,body.search-no-results header{
background-color: white ;
box-shadow: 0px 2px 10px 0px #4F4F4F1A;
padding-top: 10px;
padding-bottom: 10px;
}
header .wp-block-site-logo img{
transform: scale(1);
transition: all 0.3s ease-in-out;
}
body.bg  header .wp-block-site-logo img{ }
body.bg  header nav ul li a,body.single-blog header nav ul li a,body.search-results header nav ul li a,body.search-no-results header nav ul li a{
color:var(--darkblue) !important;
}
body.bg  header svg path,body.single-blog header svg path,body.search-results header svg path,body.search-no-results header svg path{
fill:var(--darkblue) !important;
}
.owl-carousel.custom-dot .owl-dots{
display: flex;
align-items: center;
justify-content: center;
gap: .5rem
}
.owl-carousel.custom-dot .owl-dots .owl-dot span,.owl-carousel.custom-dot .owl-dots .owl-dot:hover span,.owl-carousel.custom-dot .owl-dots .owl-dot:focus span,.owl-carousel.custom-dot .owl-dots .owl-dot:active span{
background: transparent !important;
}
.owl-carousel.custom-dot .owl-dots .owl-dot ,.owl-carousel.custom-dot .owl-dots .owl-dot:hover ,.owl-carousel.custom-dot .owl-dots .owl-dot:focus ,.owl-carousel.custom-dot .owl-dots .owl-dot:active {
outline: none  !important;
}
.owl-carousel.custom-dot .owl-dots .owl-dot.active span{
border: 1px solid var(--golden);
background:transparent
}
.owl-carousel.custom-dot .owl-dots .owl-dot span{
border-radius: 0;
width: 1.5rem;
height: 1.5rem;
background: transparent;
border: 1px solid transparent;
display: flex;
align-items: center;
justify-content: center;
margin:0;
}
.owl-carousel.custom-dot .owl-dots .owl-dot span::after{
content: "";
width: .75rem;
height: .75rem;
background: var(--white);
border-radius: 0;
}
.owl-carousel.custom-dot .owl-dots .owl-dot.active span::after{
background: var(--golden);
}
.owl-carousel.dot-dark .owl-dots .owl-dot span::after{
background: var(--darkblue)
}
.testimonial-slider .owl-dots{
display: inline-flex  !important;
left: 30%;
position: relative;
}
.learn-btn.black:hover {
color : var(--darkblue) !important;
border: 1px solid var(--darkblue) !important;background:transparent;
}
.mob-img{display:none !important;}
.target-sec .tar-item {border-bottom: 1px solid rgba(222, 222, 222, 1);}
.services .left-sec .t-content .mob-select{display:none;}
#home-banner{   position: sticky;
top: 0;
z-index:0;
}
section{background:#fff;margin:0 !important;position:relative;}
header .wp-block-navigation-item__content{position: relative;}
header .wp-block-navigation-item__content::before{position: absolute; top: -6px; left: -15px; right: -15px; bottom: -2px; border-radius: 1em; content: ""; background-color: #2DC9AE; z-index: -1; transition: transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; transform: scale3d(0, 0, 1);}
header .wp-block-navigation-item__content::after{content: ""; position: absolute; bottom: 3px; left: 0; display: block; width: 100%; height: 1px; background-color: currentColor; transform: scale(0, 1); transform-origin: 100% 50%; transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);}
header .wp-block-navigation-item__content:hover::after {transform: scale(1); transform-origin: 0 50%;}
#inner-banner h1{    font-size: var(--inner-head);
color: var(--golden);
font-weight: 700;
text-transform: capitalize;
}
#inner-banner .b-arrow{position: absolute;
bottom: 0%;
left: 0;
margin: 0;
z-index: 1;
display: flex;
justify-content: center;
width: 100%;
}
#vis-mis .vision::after{content:"";}
#vis-mis .line-sec{    position: absolute;
display: flex;
left: 0;
top: 0;
width: 100%;
height: 100%;
justify-content: center;}
#vis-mis .vert-line{
position: absolute;
width: 1px;
height: 100%;
background: linear-gradient(to bottom, rgba(193, 193, 193, 0) 0%, #F1F1F1 50.5%, rgba(91, 91, 91, 0) 100%);
filter: blur(0px);
opacity: 0.8;
pointer-events: none;
}
.cert-container{    display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem 10%;
margin: 0;
padding-top: 4%;}
#service-listing .s-items ul li,.target-items ul li,ul.o-disc li{display: flex; gap: 8px; padding: 6px 0px;align-items: flex-start; }
#service-listing .s-items ul li::before,.target-items ul li::before,ul.o-disc li::before{content: url(https://pixellogisticsindia.com/wp-content/uploads/2025/06/icon-.png); display: flex ; margin-top:3px; }
#service-listing .s-items ul,.target-items ul,ul.o-disc{padding-left: 0;}
#service-listing .service-img .sticky-sec,#service-listing .ser-btn .sticky-sec{position:sticky;top:calc(var(--header-height) + 5%);}
#service-listing .service-img .serv-img{position:absolute;top:0px;    z-index: -1;transition: opacity 0.5s ease-in-out;opacity:0;}
#service-listing .service-img .serv-img:nth-child(1){position:relative;    z-index: -1;opacity:1;}
#service-listing .service-img .serv-img .active-img {opacity: 1;z-index: 1;}
#service-listing .ser-btn .wp-block-buttons{gap:0px;    display: flex;flex-direction: column;align-items: end;    padding-right: 1rem;border-right: 4px solid #f3f3f3;}
#service-listing .ser-btn .wp-block-buttons a{padding-left:0px;padding-right:0px;color: #00000021 !important;transition: 0.3s all ease-in-out;}
#service-listing .ser-btn .wp-block-buttons .active-btn a{color:#000 !important;}
#service-listing .wp-block-button{position:relative;}
#service-listing .wp-block-button a::after{content: "";width: 4px;display: flex;position: absolute;right: calc(-1rem - 4px);height: 1.1rem;background: #b2b2b2;top: 16px;transition:0.3s all ease-in-out;}
.bm-items a{position:relative;display: flex; align-items: center; gap: 8px;transition:0.3s all ease-in-out;cursor:pointer;text-decoration:none;}
.bm-items a::before{content: url(https://pixellogisticsindia.com/wp-content/uploads/2025/06/icon-.png); display: flex ;margin-top: 4px; }
.bm-items{position:sticky;top: calc(var(--header-height)) !important;z-index: 100;}
.bm-items a:hover{color: var(--golden) !important;}
button:focus,a:focus {outline: none;}
#service-listing .wp-block-button.active-btn a::after{background: #0B2033;}
#benefits .benefit-items{display: grid ; grid-template-columns: 1fr 1fr 1fr; gap: 0;}
#benefits .benefit-items .single-item{border-top:1px solid #c1c1c120;border-right:1px solid #c1c1c120;position:relative;}
#benefits .benefit-items .single-item:nth-child(3n){border-right:unset;}
#benefits .benefit-items .single-item::before{content: "";background-image: url(https://pixellogisticsindia.com/wp-content/uploads/2025/06/Key-Benefits-background-vector.png);display: flex;position: absolute;right: -12px; width: 24px; height: 24px;background-repeat: no-repeat;top: -12px;}
#benefits .benefit-items .single-item:nth-child(3n)::before{display:none;}
#benefits .benefit-items .single-item:nth-child(7),#benefits .benefit-items .single-item:nth-child(8),#benefits .benefit-items .single-item:nth-child(9){border-bottom:1px solid #c1c1c120;}
#benefits .benefit-items .single-item:nth-child(7)::after,#benefits .benefit-items .single-item:nth-child(8)::after{content:""; background-image: url(https://pixellogisticsindia.com/wp-content/uploads/2025/06/Key-Benefits-background-vector.png);display: flex;position: absolute;right: -12px;width: 24px;height: 24px;background-repeat: no-repeat;bottom: -12px;}
.view-btn svg{transition:0.3s all ease-in-out;}
.process-items>div{width:100%;max-width:16.6%;}
.view-btn:hover svg {transform: rotate(45deg);}
#video .v-p-icon{position: absolute; top: 20px; left: 0; width: 100%; height: calc(100% - 20px); display: flex ; align-items: center; justify-content: center; margin: 0; }
#video .v-p-icon img{cursor: pointer;}
.newsletter form .form-group,.newsletter form input{width:100%;}
.process-items .line{display: flex ; background: var(--darkblue); width: 100%; position: absolute; top: 73px; height: 1px; left: 0;}
.process-items .line::before {
content: "";
position: absolute;
left: -6px;
top: -5px;
background: #fff;
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #000;
}
.process-items .line::after {
content: "";
position: absolute;
right: -6px;
top: -5px;
background: #fff;
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #000;
}
#process .process-items .single-bene h3.wp-block-heading,
#process .process-items .single-bene h6.wp-block-heading {
opacity: 0;
}
#process .img-group {
border-radius: 50%;
border: 8px solid var(--golden);
transform: scale(0.1); opacity: 1; margin: 0;    background: #fff;
position: relative;
z-index: 1;
}
#process .img-group figure {
opacity: 0; } #process.active .process-items .single-bene:nth-child(1) .img-group {
animation: scaleEffect 1s forwards;
}
#process.active .process-items .single-bene:nth-child(1) .img-group figure {
animation: fadeIn 1s forwards;
}
#process.active .process-items .single-bene:nth-child(1) h3.wp-block-heading,
#process.active .process-items .single-bene:nth-child(1) h6.wp-block-heading {
animation: fadeInUp 1s ease-out forwards;
animation-delay: 0.5s;
}
#process.active .process-items .single-bene:nth-child(2) .img-group {
animation: scaleEffect 1s forwards;
animation-delay: 1s;
}
#process.active .process-items .single-bene:nth-child(2) .img-group figure {
animation: fadeIn 1s forwards;
animation-delay: 1s;
}
#process.active .process-items .single-bene:nth-child(2) h3.wp-block-heading,
#process.active .process-items .single-bene:nth-child(2) h6.wp-block-heading {
animation: fadeInUp 1s ease-out forwards;
animation-delay: 1.5s;
}
#process.active .process-items .single-bene:nth-child(3) .img-group {
animation: scaleEffect 1s forwards;
animation-delay: 2s;
}
#process.active .process-items .single-bene:nth-child(3) .img-group figure {
animation: fadeIn 1s forwards;
animation-delay: 2s;
}
#process.active .process-items .single-bene:nth-child(3) h3.wp-block-heading,
#process.active .process-items .single-bene:nth-child(3) h6.wp-block-heading {
animation: fadeInUp 1s ease-out forwards;
animation-delay: 2.5s;
}
#process.active .process-items .single-bene:nth-child(4) .img-group {
animation: scaleEffect 1s forwards;
animation-delay: 3s;
}
#process.active .process-items .single-bene:nth-child(4) .img-group figure {
animation: fadeIn 1s forwards;
animation-delay: 3s;
}
#process.active .process-items .single-bene:nth-child(4) h3.wp-block-heading,
#process.active .process-items .single-bene:nth-child(4) h6.wp-block-heading {
animation: fadeInUp 1s ease-out forwards;
animation-delay: 3.5s;
}
#process.active .process-items .single-bene:nth-child(5) .img-group {
animation: scaleEffect 1s forwards;
animation-delay: 4s;
}
#process.active .process-items .single-bene:nth-child(5) .img-group figure {
animation: fadeIn 1s forwards;
animation-delay: 4s;
}
#process.active .process-items .single-bene:nth-child(5) h3.wp-block-heading,
#process.active .process-items .single-bene:nth-child(5) h6.wp-block-heading {
animation: fadeInUp 1s ease-out forwards;
animation-delay: 4.5s;
}
#process.active .process-items .single-bene:nth-child(6) .img-group {
animation: scaleEffect 1s forwards;
animation-delay: 5s;
}
#process.active .process-items .single-bene:nth-child(6) .img-group figure {
animation: fadeIn 1s forwards;
animation-delay: 5s;
}
#process.active .process-items .single-bene:nth-child(6) h3.wp-block-heading,
#process.active .process-items .single-bene:nth-child(6) h6.wp-block-heading {
animation: fadeInUp 1s ease-out forwards;
animation-delay: 5.5s;
}
#benefits .benefit-items.targ-line .single-item {
border-top: 1px solid #0000001a;
border-right: 1px solid #0000001a;
position: relative;
}
#benefits .benefit-items.targ-line .single-item::before {
content: "";
background-image: url(https://pixellogisticsindia.com/wp-content/uploads/2025/06/targ-background-icon.png);
display: flex
;
position: absolute;
right: -12px;
width: 24px;
height: 24px;
background-repeat: no-repeat;
top: -12px;
}
#benefits .benefit-items.targ-line .single-item:nth-child(3n) {
border-right: unset;
}
#benefits .benefit-items.targ-line .single-item:nth-child(3n)::before {
content: "";
background-image:unset;}
#companies .challenges ul li{list-style: none;}
#companies .challenges ul.wp-block-list {
padding: 0px 3px;
}
#companies .challenges ul li::before{
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 8px;
background-image: url(https://pixellogisticsindia.com/wp-content/uploads/2025/06/targ-vector-icon-.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
#companies .challenges ul.wp-block-list.ind-challeges-list li strong {
font-weight: 500;
}
.hide{display: none;}
.zoomin {
position: relative;
isolation: isolate;
}
.zoomin .fg {
position: absolute;
top: 0;
left: 0;
z-index: 1;
transform: scale(.8);
margin-block-start: 0;
transition: all .5s linear;
}
.zoomin:hover .fg {
transform: scale(1);
}
.zoomin img {
width: 100%;
}
ul.dark-icon-list li::before {
content: url(https://pixellogisticsindia.com/wp-content/uploads/2025/04/service-section-icon.png);
display: flex;
aspect-ratio: 1;
margin-top: 0.4rem;
}
ul.dark-icon-list li {
display: flex;
align-items: start;
gap: 8px;
padding: 6px 0px;
}
ul.dark-icon-list {
list-style: none;
padding-left: 0;
color: #fff;
font-size: var(--small-title);
font-weight: 400;
}
.retailer .wp-block-column:nth-child(-n+3) {
border-top: none !important;
}
.retailer .wp-block-column::before{
content: none !important;
}
.retailer .wp-block-column:nth-child(3n) {
border-right: none !important;
} @keyframes scaleEffect {
0% {
transform: scale(0.1);
opacity: 1;
}
50% {
transform: scale(1.1);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.desktop{display:block !important;}
.mobile{display:none !important;}
html:has(.page-id-1046) {scroll-padding: 150px;} .overlay-btn{position: absolute;
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
top: 0;
left: 0;
background: #0003;
z-index: 1;
margin: 0;}
.video-image-block{position: relative;
isolation: isolate;}
html:has(.page-id-1008){
scroll-padding:200px;
}
#resource-list .bm-items a:active {
color: var(--golden) !important;
}
.unlink{ display: flex;gap: 7px;}
.unlink a{text-decoration:none !important;}
.just-spc-bet{    justify-content: space-between;
align-items: flex-end;}
#c-info  a,#c-info .address{text-decoration:none !important;display: flex;
align-items: flex-start;
gap: 1.25rem;}
#c-info .phone a::before{content:"";background-image: url(https://pixellogisticsindia.com/wp-content/uploads/2025/06/mobile-icon-png.png);
background-repeat: no-repeat;
display: flex;
width: 36px;
height: 36px;
background-size: contain;}
#c-info .email a::before{content:"";background-image: url(https://pixellogisticsindia.com/wp-content/uploads/2025/06/email-icon-png.png);
background-repeat: no-repeat;
display: flex;
width: 36px;
height: 36px;
background-size: contain;}
#c-info .address::before{content:"";background-image: url(https://pixellogisticsindia.com/wp-content/uploads/2025/06/location-icon-png.png);
background-repeat: no-repeat;
display: flex;
width: 36px;
height: 36px;
background-size: contain;    min-width: 36px;}
.search-cont{position: fixed;width: 100%;top:0;display: block;z-index: 100;    transition: 0.5s all ease-in-out;transform: translateY(-100vh);}
body.bg .search-cont{top: calc(var(--header-height));}
.search-cont.open{transform: translateY(0vh);}
body.bg .search-cont{padding-top: calc(1.5rem + 20px) !important;}
.search-cont .wp-container-core-group-is-layout-6c531013{    justify-content: space-between;}
.search-cont .s-cont{width:100%;border-bottom: 1px solid #434343}
.search-cont input{background: transparent;border: none;border-radius: 0px;padding: 0;height: unset;padding-top: 2rem;color:#fff;    font-size: 2rem;outline: none;}
.search-cont input::placeholder{font-size:var(--sear-text) !important;font-weight:500;}
.search-cont button.wp-block-search__button{padding-top: 10px;padding-bottom: 10px;}
.s-close{cursor:pointer;}
.search-cont input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
display: none;
}
.pt-0{padding-top:0px !important;}
.search-result-list  .r-column{height: 100%;}
.menu{position: fixed;top: 0;left: 0;width: 100%;min-height: 100vh;z-index: 1000;transform: translateX(150vw);transition:0.3s all ease-in-out}
.menu .wp-block-columns{min-height: 100vh;}
.menu.open{transform: translateX(0vh);}
.menu .blur-sec{backdrop-filter: blur(10px);}
.menu .menu-nav a span{font-size:var(--f-32-24);position: relative;    display: flex;align-items: center;gap: 13px;transition:0.3s all ease-in-out;padding-left:40px;font-weight:400;}
.menu .menu-nav a span::before{content:"";    display: block;
width: 24px;
height: 24px;
background: url(https://pixellogisticsindia.com/wp-content/uploads/2025/06/white.png);
background-repeat: no-repeat;
background-size: 24px;transition:0.3s all ease-in-out;    position: absolute;
left: 0;
top:10px;}
.menu .menu-nav a span::after{content:"";    display: block;
width: 24px;
height: 24px;
background: url(https://pixellogisticsindia.com/wp-content/uploads/2025/06/orange.png);
background-repeat: no-repeat;
background-size: 24px;opacity:0;transition:0.3s all ease-in-out;    position: absolute;
left: 0;
top: 10px;}
.menu .menu-nav{gap: 2.5rem;}
.menu .menu-nav a:hover span{font-weight:600;}
.menu .menu-nav a:hover span::before{opacity:0;}
.menu .menu-nav a:hover span::after{opacity:1;}
.menu .menu-nav a:hover span{color: var(--golden) !important;}
.menu .menu-nav a:hover{text-decoration: none;}
.menu li.open-on-hover-click svg{display:none;}
.menu li.open-on-hover-click{    justify-content: flex-start;align-items: flex-start; flex-direction: column;}
.menu li.open-on-hover-click ul{    position: relative !important;background: transparent !important;border: none !important;}
.menu li.open-on-hover-click ul a span::after,.menu li.open-on-hover-click ul a span::before{background-size: 20px;}  
.menu li.open-on-hover-click a::after{content:"";display: block;
width: 32px;
height: 32px;
background: url(https://pixellogisticsindia.com/wp-content/uploads/2025/06/down-arrow-2-5.png);
background-repeat: no-repeat;
background-size: 32px;transition:0.3s all ease-in-out;   
}
.menu li.open-on-hover-click a:hover::after{transform:rotate(180deg);}  
.menu li.open-on-hover-click a{  display: flex;gap: 15px;    align-items: center;}
.menu li.open-on-hover-click .wp-block-navigation__submenu-container a::after{display:none;}
.menu li.open-on-hover-click .wp-block-navigation__submenu-container a span{font-size:var(--f-24-20);}
.menu .wp-block-navigation .wp-block-navigation__submenu-icon{display:none;}
.menu-close{cursor:pointer;}
.menu .wp-block-navigation__submenu-container {
height: unset;
max-height: 0;
transition: .3s linear;
gap: 0 !important;
}
.menu .open-on-hover-click:hover .wp-block-navigation__submenu-container {
max-height: 300px;    padding-top: 10px;
}
.menu .drop-icon{display:none;}
@media screen and (max-width: 781px) {
.single{flex-direction: column; }
.scroll-down{display:none !important;}
.impact-content .wp-block-columns {grid-template-columns: 1fr; gap: 0; }
.impact-content .wp-block-columns .wp-block-column .wp-block-group {padding: 1rem 0 !important; }
.impact-content .wp-block-columns .wp-block-column  {border-right: 0 !important; }
.services{flex-direction: column-reverse; }
.services .right-sec,.bussiness .right-sec{display: none; }
.bussiness .left-sec{flex: 1; }
#testimonial>.wp-block-group{padding: 0 !important; }
.testimonial-slider,#testimonial .wp-block-columns{max-width: 100%; }
.testimonial-slider .item .testimonials{flex-direction: column; }
.testimonial-slider .item  .testimonial-image{padding: 5% 10% 10% 10%; margin: auto; }
header .wp-block-site-logo img{max-width:95px;} 
header .right nav{display:none !important;}
header .right .wp-block-button svg{max-width:24px !important;}
header .wp-block-buttons{gap:1rem !important;}
body.bg header{padding:0px;}
#homepage-banner,#homepage-banner .item{min-height:unset !important;}
#homepage-banner .item{padding:10vw 5vw !important;}
#homepage-banner .owl-dots { flex-direction: row !important; bottom: 5%; right:unset !important; left: 0; width: 100%;         top: unset !important;} 
#homepage-banner .item{padding-bottom:20% !important;padding-top: 80px !important;min-height:450px !important;}
#homepage-banner .item .content-block {max-width: unset !important;gap:1.5rem;}
.learn-btn{padding:7px 20px;}
.m-max70{max-width:70px !important;}
.mob-img{display:flex !important;}
.target-sec .tar-item .img{display:none !important;}
.target-sec .tar-item .head h3 {font-size: 23px;}
.target-sec .tar-item{padding:20px 5vw;    border-bottom: 1px solid rgba(222, 222, 222, 1);}
.m-max100{max-width:100px !important;}   
footer .mg-col{    align-items: center; display: flex; justify-content: center; }
.footer-form-block form .explore-group {padding-top: 0; }
.footer-form-block form .single{gap:15px;}
footer .credit{    flex-direction: column; align-items: center; justify-content: center; gap: 10px; }
.menu .menu-nav a span::before,.menu .menu-nav a span::after{top:5px;}
body.bg .search-cont {
top: calc(var(--header-height) + 0px);
}
.menu .m-ele {top: 60vh;max-width: 65%;        z-index: 0;}
footer .credit .credit-synergos{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 10px;}
.resource-list .r-column{gap:0rem;}
.resource-list .r-column .color-sec,.resource-list .r-column .content {padding:20px !important;}
.resource-list .r-column .content{border:1px solid #fff !important;}
#target,#testimonial,#resources,#form,.footer,#service1,#benefits,#process{margin:0 !important;padding-top:10% !important;padding-bottom:10% !important;}
footer .wp-block-column{border-right:unset !important;}
.bussiness .left-sec,.services .left-sec{padding-top:10%;padding-bottom:10%;}
.bussiness .left-sec{padding-left:0px !important;padding-right:0px !important;}
.bussiness .left-sec .head-s,.bussiness .left-sec .t-content .row-head,.bussiness .left-sec .t-content .t-c.active .content p,.bussiness .left-sec .t-content .t-c.active .content .row-flex,.services .left-sec .head-s,.services .left-sec .t-content .content .hed,.services .left-sec .t-content .content p,.services .left-sec .t-content .content ul,.services .left-sec .t-content .content .row-flex{padding:0px 5vw;}
.bussiness .left-sec .t-content .t-c{padding-bottom:10px;}
.bussiness .left-sec .t-content .t-c.active .content p{padding-top:10px;}
.bussiness .left-sec .t-content .row-head h3{line-height:1.3;}
.owl-carousel.custom-dot .owl-dots{margin-top:20px !important;}
#homepage-banner .item .content-block .h1{margin-bottom:1rem !important;}
#homepage-banner .item .content-block{gap:1.5rem !important;position:relative !important;        left: unset !important;}
.m-pb15{padding-bottom:15px !important;}
.m-colrev{flex-direction: column-reverse;}
.m-g2rem{gap: 2rem;}
#services{padding-top:5% !important;}
.services .left-sec .t-content .s-items{display:none;}
.mob-select {appearance: none; -webkit-appearance: none; -moz-appearance: none;   background: none;        background-image: none;  }
.services .left-sec .t-content .s-items.mob-select{display:block;display: block;background: var(--golden);color: var(--darkblue); padding:15px; font-weight: 600; font-size: 20px; outline: none; border: none;        background-image: url(https://pixellogisticsindia.com/wp-content/uploads/2025/04/Arrow-icon.png); background-repeat: no-repeat; background-position: 97% 50%;} .services .left-sec .t-content{padding-top:25px;}
.services .left-sec{padding-left: 0; padding-right: 0;        padding-bottom: 0;}
.services .left-sec .t-content .content .mob-img{position:relative;}
.services .left-sec .t-content .content .mob-img h3{position: absolute; left: 5vw; bottom: 5%; font-size: 2rem; font-weight: 600; color: #fff;        z-index: 2;width: calc(100% - 10vw);}
.services .left-sec .t-content .content .mob-img::before {content: ""; position: absolute; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }
.tar-item .link svg .box-design{display:none;}
.tar-item .link svg path{display:flex;fill:var(--golden) !important;}
.tar-item .link svg{width: 60px;}
.target-sec .tar-item .link{flex:0 0 50px;}
#homepage-banner .b-img{display:none;}
.mob-t-ali-center{text-align:center;}
.view-btn{        gap: 5px; border: 1px solid rgba(11, 32, 51, 1); padding: 5px; font-size: 14px; align-items: anchor-center;}
.view-btn svg{max-width:18px !important;}
#marquee{padding-top:25px !important;padding-bottom:25px !important;}
.footer-form-block form .explore-group .btn{min-width:unset;gap: 10px}
.bussiness .left-sec .t-content .row-head h3{opacity:1;}
#bussiness .view-btn,#services .view-btn{background: #fff; color: rgba(11, 32, 51, 1) !important;}
.view-btn svg path{fill:var(--golden) !important;} #inner-banner .wp-block-cover{min-height:390px !important;}
#inner-banner p{margin-top: 5px;}
#breadcrumb{display:none;}
#about-pixel h2{padding-top:0px !important;}
#about-pixel{padding:10% 5vw 5% 5vw !important;}
footer .credit{padding:5% !important;}
#counter-sec .c-box{        border-bottom: 1px solid #0000000f;
padding-bottom: 5vw !important;}
#counter-sec .wp-block-columns{gap:5vw !important;}
#vis-mis .vert-line,#vis-mis .line-sec{display:none;}
#vis-mis h2{font-size: 2.25rem !important;}
#vis-mis .vision::after{content: ""; position: absolute; width: 100%; height: 1px; filter: blur(0px); opacity: 0.8; pointer-events: none; left: 0; bottom: -20px; background: linear-gradient(90deg, rgba(193, 193, 193, 0) 0%, #F1F1F1 50.5%, rgba(91, 91, 91, 0) 100%);}
#vis-mis .vision{position:relative;}
#counter-sec{border-bottom:unset !important;}
#companies,#certifications{padding:10% 5vw !important;}
#experts{padding-bottom:10% !important;}
.cert-container{grid-template-columns: 1fr;}
.cert-container.owl-carousel.custom-dot .owl-dots .owl-dot span::after{    background: var(--rulerBaseLine);}
.cert-container.owl-carousel.custom-dot .owl-dots .owl-dot span {border: 1px solid #000;}
.cert-container.owl-carousel.custom-dot .owl-dots .owl-dot.active span::after{       background: var(--golden);}
.cert-container.owl-carousel.custom-dot .owl-dots .owl-dot.active span {border: 1px solid var(--golden);}
.cert-box.item{    display: flex ; flex-direction: column; justify-content: center;}
.cert-box.item figure img{max-width: 70%; }
.cert-box.item figure{display: flex ; justify-content: center;}
.cert-box.item p{text-align: center;}
.cert-container{padding-top:2rem;}
.cert-box.item p:nth-child(1),#counter-sec .c-box p.has-darkblue-color{font-size: 1.5rem !important;}
.cert-container.owl-carousel.custom-dot .owl-dots {margin-top: 40px !important;}
#home-banner{position:unset;}
.menu .menu-nav {gap: 1.5rem;}
#vis-mis .vision,#vis-mis .mission {padding-left:0px !important;padding-right:0px !important;}
.menu .wp-block-columns {min-height: unset;}
.menu-close{max-width:36px;height:auto;}
.menu{background: #0b2033;}
#service-listing{padding:10% 0% !important;}
#service-listing .s-items{padding-top:5% !important;padding-bottom:5% !important;}
#service-listing .ser-btn{display:none !important;}
#service-listing .service-img .m-pdlr5{padding:0% 5% !important;}
#service-listing .s-items ul {margin-top: 10px; }
#service-listing .s-items ul li{margin:0px;}
#service-listing .service-img .serv-img{display:none;}
#service-listing .learn-btn{margin:0px;}
#service-listing .wp-block-columns {gap:0px;}
#service-listing .ser-cont {padding: 5% 5% 0% 5% !important;margin: 0;}
#service-listing .ser-cont p{margin-top: 10px;}
#service-listing .s-items{display:none;}
#service-listing .s-items.active{display:block;}
.tar-item .link svg path {opacity: 1;}
#service1 .wp-block-columns{padding-right: 0 !important; padding-left: 0 !important; gap: 1.5rem;}
#benefits .benefit-items {grid-template-columns: 1fr; padding-top: 2.5rem !important; }
#benefits .single-item .wp-block-group{padding:1.25rem 0px !important}
#benefits .benefit-items .single-item {border-right:unset !important;}
#benefits .benefit-items .single-item::before,#benefits .benefit-items .single-item::after{display:none !important;}
#benefits .single-item .wp-block-group figure img{max-width: 65px;}
#video .v-p-icon img{max-width:50px;}
.case-studies-service .resource-list li:nth-child(2) .r-column .content {border-color: var(--darkblue) !important; }
.case-studies-service .resource-list .r-more{opacity:1}
#process .process-items{flex-direction: column;gap: 2rem;padding-top: 4rem; padding-bottom: 10%; margin-bottom: 5%;}
#process .img-group{width: 100%; align-items: center; display: flex ; justify-content: center; max-width: 120px;}
#process .img-group figure,#process .img-group figure img{width:100%;}
.process-items>div {width: 100%;max-width: 100%;display: flex;flex-direction: row; }
#process .content-sec{padding: 0px !important; min-width: unset !important; max-width: unset !important; width: 50% !important;;}
#process.active .process-items .single-bene h3.wp-block-heading{margin-top:5px !important;}
.process-items .line {width: 1px; top: 20px; height: 100%; left: 60px; }
.process-items .line::after{top:unset;bottom:-5px;}
.mob-gap1rem{gap: 1rem !important;}
.target-items ul li{margin:0px;}
.target-items ul{margin-top:10px;}
.target-items .learn-btn{margin:0px;}
#targets{margin:0px;padding:10% 0% !important;}
#targets .tar-heading{padding:0% 5% !important;}
.target-items .t-row,.target-items .wp-block-columns{padding:5% !important;margin:0px !important;}
.target-items{margin:0px !important;padding-top:0px !important;}
.target-items .t-row{padding-bottom:3% !important;}
.target-items,#bussiness-model .b-item{display:none;}
.target-items.active,#bussiness-model .b-item.active{display:block;}
.search-cont button.wp-block-search__button{padding-right:0px;        margin-left: 0 !important;padding-left: 0px !important;}
.search-cont .s-cont {width: calc(100% - 50px);}
.retailer .wp-block-column{
border-top:none !important;
border-left:none !important;
border-right:none !important;
border-bottom:1px solid #0000001a !important;
}
#career-des,#general-career-form{padding:10% 5% !important;}
.menu .drop-icon{display:flex;}
.menu li.open-on-hover-click ul li a span{padding-left:30px;}
.menu li.open-on-hover-click a::after {width: 28px;height: 28px;background-size: 28px;}
.menu ul li{width:100%;outline:none;border:none;}
.search-cont input{padding-top:0rem;}
body.bg .search-cont {padding-top: 1.5rem !important;}
.search-cont .wp-block-search__button img{max-width:30px;height:auto;}
.m-col-rev{    flex-direction: column-reverse;}   
ul.o-disc li{margin:0px;padding:5px 0px;}
.b-item{padding:10% 5% !important;}
.b-item .learn-btn{margin-top:0px !important;}
.mobile{display:block !important;}
.desktop{display:none !important;}
#bussiness-model{padding-top:10% !important;}
#b-inner-v-sec{padding:10% 5% !important;}
.menu .drop-group{    display: flex;
flex-direction: row;
gap: 20px;
align-items: center;        justify-content: space-between;
width: 100%;}
.menu li.open-on-hover-click a::after{display:none;} #resource-list .b-item {
display: none;
}
#resource-list .b-item.active {
display: block;
}
#resource-list.b-item {
padding: 1% 1% !important;   }
#resource-list .b-item {
padding: 1% 1% !important;   }
#resource-list   .wp-container-core-post-template-is-layout-24e91f5c {
grid-template-columns: repeat(1, minmax(0, 1fr))!important;}
#resource-list #resources {
margin: 0 !important;
padding-top: 2% !important; 
padding-bottom: 2% !important; 
}
} .pagination span,.pagination a{color:#b3b3b3 !important;font-size:18px !important;}
.pagination span.current{color: #fff !important;
background: #eda663;
border-radius: 100%;
padding: 2%;
width: 2rem;
aspect-ratio: 1;
display: flex
;
justify-content: center;
align-items: center;
line-height: 1;
}
.pagination div{gap: 15px;
display: flex
;
flex-direction: row;
align-items: center;}
.pagination{gap:10px;}
.pagination a.wp-block-query-pagination-next{font-size: 0px !important; background-image: url(//pixellogisticsindia.com/wp-content/themes/pixel/next-btn.png); background-size: 14px; background-repeat: no-repeat;     background-position: 100% 40%;}
.pagination a.wp-block-query-pagination-next span,.pagination a.wp-block-query-pagination-previous span{opacity: 0;}
.pagination a.wp-block-query-pagination-previous{font-size: 0px !important; background-image: url(//pixellogisticsindia.com/wp-content/themes/pixel/pre-button.png); background-size: 14px; background-repeat: no-repeat;     background-position: 100% 40%;}
#resource-list #resources .blog-listing ul {
display: grid; gap: 3rem 2rem;
}
#resource-list #resources .blog-listing ul li:nth-child(1) {
grid-column: span 2;
display: flex;
flex-direction: row;
gap: 5%;
padding-bottom: 3rem; align-items: stretch;
}
#resource-list #resources .blog-listing ul li:nth-child(1) > * {
flex: 1 1 50%;
}
.blog-listing ul li img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-listing ul li {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#resource-list #resources .blog-listing ul li:nth-child(odd) .wp-block-columns.r-column.item.is-layout-flex.wp-container-core-columns-is-layout-9c22b1e3.wp-block-columns-is-layout-flex {
display: flex; flex-direction: row-reverse;}
#resource-list #resources .blog-listing  li:nth-child(even) .r-column {flex-direction: row;} 
#resource-list #resources .blog-listing  li:nth-child(even) .color-sec {
background-color: var(--wp--preset--color--darkblue) !important;}
#resource-list #resources .blog-listing ul li:nth-child(odd) .color-sec {
background-color: var(--golden) !important;}
#resource-list #resources .blog-listing li:nth-child(even) .r-column .content {
border-color: transparent !important;
}
#resource-list #resources .blog-listing li:nth-child(odd) .r-column .content {
border-color: transparent !important;
}
#resource-list #resources .blog-listing  li:nth-child(even) .r-column .content ,#resource-list #resources .blog-listing  li:nth-child(odd) .r-column .content {
border-color: transparent !important;
}
#resource-list #resources .blog-listing li:nth-child(even):hover .content {
border-color: #fff !important;
}
#resource-list #resources .blog-listing li:nth-child(odd):hover .content {
border-color: var(--darkblue) !important;
}
#resource-list #resources .blog-listing  li:nth-child(even) .r-column .content p, #resource-list #resources .blog-listing li:nth-child(even) .r-column .content p, #resource-list #resources .blog-listing  li:nth-child(even) .r-column .content a, #resource-list #resources .blog-listing  li:nth-child(even) .r-column .content a, #resource-list #resources .blog-listing  li:nth-child(even) .r-column .content time, #resource-list #resources .blog-listing  li:nth-child(even) .r-column .content time, #resource-list #resources .blog-listing  li:nth-child(even) .r-column .content h2, #resource-list #resources .blog-listing  li:nth-child(even) .r-column .content h2 {
color: var(--wp--preset--color--white)!important;}
#resource-list #resources .blog-listing  li:nth-child(even) .r-column .content p {
color:var(--wp--preset--color--white) !important;}
#resource-list #resources .blog-listing ul li:nth-child(even) .r-column .content .r-more, #resource-list #resources .blog-listing ul li:nth-child(even) .r-column .content .r-more
{
background-color: var(--wp--preset--color--white) !important;
color: var(--darkblue) !important;
}
#resource-list #resources .blog-listing ul li:nth-child(odd) .color-sec {
background-color: var(--golden) !important;}
#resource-list #resources .blog-listing ul li:nth-child(odd) .r-column .content p, #resource-list #resources .blog-listing ul li:nth-child(odd) .r-column .content p, #resource-list #resources .blog-listing ul li:nth-child(odd) .r-column .content a, #resource-list #resources .blog-listing ul li:nth-child(odd) .r-column .content a, #resource-list #resources .blog-listing ul li:nth-child(odd) .r-column .content time, #resource-list #resources .blog-listing ul li:nth-child(odd) .r-column .content time,  #resource-list #resources .blog-listing ul li:nth-child(odd) .r-column .content h2, #resource-list #resources .blog-listing ul li:nth-child(odd) .r-column .content h2 {
color: var(--darkblue) !important;}
#resource-list #resources .blog-listing ul li:first-child .color-sec {
background-color: var(--darkblue) !important;
}
#resource-list #resources .blog-listing ul li:first-child .color-sec > div {
height:100%;
}
#resource-list #resources .blog-listing ul li:first-child .r-column .content p, #resource-list #resources .blog-listing ul li:first-child .r-column .content p, #resource-list #resources .blog-listing ul li:first-child .r-column .content a, #resource-list #resources .blog-listing ul li:first-child .r-column .content a, #resource-list #resources .blog-listing ul li:first-child .r-column .content time, #resource-list #resources .blog-listing ul li:first-child .r-column .content time,  #resource-list #resources .blog-listing ul li:first-child .r-column .content h2, #resource-list #resources .blog-listing ul li:first-child .r-column .content h2 {  color: var(--wp--preset--color--white)!important;}
#resource-list #resources .blog-listing ul li:first-child:hover .content {
border-color: #fff !important;
}
#resource-list #resources .blog-listing ul li:nth-child(odd) .r-column .content p {
color: var(--darkblue) !important;}
#resource-list #resources .blog-listing ul li:first-child  .r-column .content p {
color: var(--wp--preset--color--white)!important;}
#resource-list #resources .blog-listing ul li:nth-child(odd) .r-column .content .r-more, #resource-list #resources .blog-listing ul li:nth-child(odd) .r-column .content .r-more {
background-color:var(--darkblue) !important;
color: var(--wp--preset--color--white) !important;}
#resource-list #resources .blog-listing ul li:first-child .r-column .content .r-more, #resource-list #resources .blog-listing ul li:first-child .r-column .content .r-more {
background-color:var(--wp--preset--color--white) !important;
color: var(--darkblue) !important; }
#resource-list #resources .blog-listing ul li:nth-child(even) .r-column .content .r-more svg path {fill:#0B2033 !important;}
#resource-list #resources .blog-listing ul li:nth-child(odd) .r-column  .content .r-more svg path{fill:#fff !important;}
#resource-list #resources .blog-listing ul li:first-child .r-column .content .r-more svg path {fill:#0B2033 !important;} #resource-list #resources .csvs-listing ul {
display: grid;
gap: 3rem 2rem;
}
#resource-list #resources .csvs-listing ul li:nth-child(1) {
grid-column: span 2;
display: flex;
flex-direction: row;
gap: 5%;
padding-bottom: 3rem; align-items: stretch;
}
#resource-list #resources .csvs-listing ul li:nth-child(1) > * {
flex: 1 1 50%;
}
.csvs-listing ul li img {
width: 100%;
height: 100%;
object-fit: cover;
}
.csvs-listing ul li {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#resource-list #resources .csvs-listing ul li:nth-child(odd) .wp-block-columns.r-column.item.is-layout-flex.wp-container-core-columns-is-layout-9c22b1e3.wp-block-columns-is-layout-flex {
display: flex; flex-direction: row-reverse;}
#resource-list #resources .csvs-listing  li:nth-child(even) .r-column {flex-direction: row;} 
#resource-list #resources .csvs-listing  li:nth-child(even) .color-sec {
background-color: var(--wp--preset--color--darkblue) !important;}
#resource-list #resources .csvs-listing ul li:nth-child(odd) .color-sec {
background-color: var(--golden) !important;}
#resource-list #resources .csvs-listing li:nth-child(even) .r-column .content {
border-color: transparent !important;
}
#resource-list #resources .csvs-listing li:nth-child(odd) .r-column .content {
border-color: transparent !important;
}
#resource-list #resources .csvs-listing  li:nth-child(even) .r-column .content ,#resource-list #resources .csvs-listing  li:nth-child(odd) .r-column .content {
border-color: transparent !important;
}
#resource-list #resources .csvs-listing li:nth-child(even):hover .content {
border-color: #fff !important;
}
#resource-list #resources .csvs-listing li:nth-child(odd):hover .content {
border-color: var(--darkblue) !important;
}
#resource-list #resources .csvs-listing  li:nth-child(even) .r-column .content p, #resource-list #resources .csvs-listing li:nth-child(even) .r-column .content p, #resource-list #resources .csvs-listing  li:nth-child(even) .r-column .content a, #resource-list #resources .blog-listing  li:nth-child(even) .r-column .content a, #resource-list #resources .csvs-listing  li:nth-child(even) .r-column .content time, #resource-list #resources .csvs-listing li:nth-child(even) .r-column .content time, #resource-list #resources .csvs-listing  li:nth-child(even) .r-column .content h2, #resource-list #resources .csvs-listing  li:nth-child(even) .r-column .content h2 {
color: var(--wp--preset--color--white)!important;}
#resource-list #resources .csvs-listing  li:nth-child(even) .r-column .content p {
color:var(--wp--preset--color--white) !important;}
#resource-list #resources .csvs-listing ul li:nth-child(even) .r-column .content .r-more, #resource-list #resources .csvs-listing ul li:nth-child(even) .r-column .content .r-more
{
background-color: var(--wp--preset--color--white) !important;
color: var(--darkblue) !important;
}
#resource-list #resources .csvs-listing ul li:nth-child(odd) .color-sec {
background-color: var(--golden) !important;}
#resource-list #resources .csvs-listing ul li:nth-child(odd) .r-column .content p, #resource-list #resources .csvs-listing ul li:nth-child(odd) .r-column .content p, #resource-list #resources .csvs-listingul li:nth-child(odd) .r-column .content a, #resource-list #resources .csvs-listing ul li:nth-child(odd) .r-column .content a, #resource-list #resources .csvs-listing ul li:nth-child(odd) .r-column .content time, #resource-list #resources .csvs-listing ul li:nth-child(odd) .r-column .content time,  #resource-list #resources .csvs-listing ul li:nth-child(odd) .r-column .content h2, #resource-list #resources .csvs-listing ul li:nth-child(odd) .r-column .content h2 {
color: var(--darkblue) !important;}
#resource-list #resources .csvs-listing ul li:first-child .color-sec {
background-color: var(--golden) !important;}
#resource-list #resources .csvs-listing ul li:first-child .color-sec > div {height:100% !important;}
#resource-list #resources .csvs-listing ul li:first-child .r-column .content p, #resource-list #resources .csvs-listing ul li:first-child .r-column .content p, #resource-list #resources .csvs-listing ul li:first-child .r-column .content a, #resource-list #resources .blog-listing ul li:first-child .r-column .content a, #resource-list #resources .csvs-listing ul li:first-child .r-column .content time, #resource-list #resources .csvs-listing ul li:first-child .r-column .content time,  #resource-list #resources .csvs-listing ul li:first-child .r-column .content h2, #resource-list #resources .csvs-listing ul li:first-child .r-column .content h2 {  color: var(--darkblue) !important;}
#resource-list #resources .csvs-listing ul li:first-child:hover .content {
border-color: #fff !important;
}
#resource-list #resources .csvs-listing ul li:nth-child(odd) .r-column .content p {
color: var(--darkblue) !important;}
#resource-list #resources .csvs-listing ul li:first-child  .r-column .content p {
color: var(--darkblue) !important;}
#resource-list #resources .csvs-listing ul li:nth-child(odd) .r-column .content .r-more, #resource-list #resources .csvs-listing ul li:nth-child(odd) .r-column .content .r-more {
background-color:var(--darkblue) !important;
color: var(--wp--preset--color--white) !important;}
#resource-list #resources .csvs-listing ul li:first-child .r-column .content .r-more, #resource-list #resources .csvs-listing ul li:first-child .r-column .content .r-more {
background-color: var(--darkblue) !important;
color:var(--wp--preset--color--white) !important; }
#resource-list #resources .csvs-listing ul li:nth-child(even) .r-column .content .r-more svg path {fill:#0B2033 !important;}
#resource-list #resources .csvs-listing ul li:nth-child(odd) .r-column  .content .r-more svg path{fill:#fff !important;}
#resource-list #resources .csvs-listing ul li:first-child .r-column .content .r-more svg path {fill:#fff !important}
@media screen and (max-width: 781px) {
#resource-list #resources .blog-listing ul li:nth-child(1) {
grid-column: span 1 !important;} 
#resource-list #resources .csvs-listing ul li:nth-child(1) {
grid-column: span 1 !important;}
}