/*#logistical-support #main-section {*/
/*    padding-top: 59px;*/
/*}*/

#logistical-support .cmp-text,
#logistical-support #card-item2 .content-card-section,
#logistical-support #card-item3 .content-card-section{
    padding:0;
}

#logistical-support p.card-text.title{
    padding-bottom:14px;
}

#logistical-support .content-card-section,
#logistical-support #button-last-section .button:nth-of-type(2).pink-gradient,
#logistical-support #button-last-section > .aem-Grid,
#logistical-support #banner-main-border #content-section-banner .button.pink-gradient:has(#download-button){

         margin-bottom: 0; 
    }


#logistical-support .list-space {
    padding-top: 16px;
}

#logistical-support #card-section > .aem-Grid,
#logistical-support .text-img-section,
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #button-last-section.cmp-container > .aem-Grid
{
   
        gap:25px;
        display: flex;
        flex-direction: column;
}

#logistical-support  #main-card-grid #card-section .content-card-section .content-text-section .text-img-section .card-text.title
{
   font: 400 45px / 50px "Open Sans", sans-serif; 
}

#logistical-support  .content-card-section.border-top-right {
    background-color: #FAF3F7;
    border: none;
}
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid,
#logistical-support .text-img-section{
    flex-direction: column-reverse;
}
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid,
#logistical-support .content-card-section.border-top-right{
        border-radius: 0 140px 50px 50px;
    }
    
#logistical-support .content-card-section.border-top-right{
    border-top-left-radius:50px;
}
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-item3.cmp-container > .aem-Grid{
    border-top-right-radius:137px;
}
#logistical-support .content-card-section{
    padding: 0px 20px 20px 20px;
}    
  #logistical-support .content-text-section .last-list  {
    margin-left: 29px;
}   
    #logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-item1.cmp-container > .aem-Grid {
        border-top-left-radius:  183px;
        border-top-right-radius: 0;
    }
#logistical-support #card-item4 .content-card-section {
    padding: 1px 20px 20px 20px;
}



#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid {
    align-items: center;
}

#logistical-support #card-item2 .content-text-section p,
#logistical-support #card-item2 .content-text-section .last-list,
#logistical-support #card-item3 .content-text-section p,
#logistical-support #card-item3 .content-text-section .last-list{
  padding-left:20px;
  padding-right:19px;
}

#logistical-support #main-card-grid #card-section #card-item2 .content-card-section .content-text-section,
#logistical-support #main-card-grid #card-section #card-item3 .content-card-section .content-text-section{
    margin-top:0;
}
#logistical-support .list-space {
    padding-bottom: 0;
}
#logistical-support #card-item2 .content-text-section .last-list,
#logistical-support #card-item3 .content-text-section .last-list.bottomspace{
    padding-bottom:25px;
}
#logistical-support #main-section #banner-main-border #banner-main-text {
    margin-bottom: 5px;
}
/*#logistical-support #main-section .banner-sub-text{*/
/*    letter-spacing: -0.02em;*/
/*}*/
/*#logistical-support  #main-card-grid #card-section .content-card-section .content-text-section > .card-text,*/
/*#logistical-support #card-item2 .last-list{*/
/*    letter-spacing: -0.02em;*/
/*}*/

#logistical-support .cmp-container__backgroundImage--enabled:has(>#banner-content) {
        background-image: url(/content/dam/intelligentcontent/unbranded/ic-lbp/us/en/images/living-with-mbc/logistical-support/mobile/log_mob_background.png) !important;
    }
#logistical-support #main-section #banner-main-border #banner-main-text span {

    font: 400 45px / 50px "Open Sans", sans-serif;   
}

#logistical-support #banner-image img.cmp-image__image.cmp-image--mobile
{
    border: 3px solid #ED9499;
    border-radius: 314.5px 315.5px 40px 40px;
}



/* Desktop CSS start*/

@media (min-width: 992px) {


   #logistical-support  #main-card-grid #card-section .content-card-section .content-text-section .text-img-section .card-text.title
 
    {
    letter-spacing: -0.9px;
}

  
#logistical-support #main-section .banner-sub-text{
    max-width:none;
}
    
#logistical-support #banner-main-border .container:has(> #banner-image) {
        max-width: 482px;
        max-height:666px;
    }    
    
#logistical-support #banner-content #banner-main-border > .aem-Grid{
    gap:34px;
}   
 #logistical-support .list-space  {
   padding-top:22px;
}   
#logistical-support #main-section #banner-main-border #banner-main-text span {
        font: 400 64px / 70px "Open Sans", sans-serif;    
}    
    
    
#logistical-support #banner-main-text .cmp-title__text {
    margin-bottom: 18px;
}   
    
#logistical-support #banner-main-border #content-section-banner .breadcrumb.pink-text,
{
        margin-bottom: 30px;    
    
}  
    
#logistical-support .content-card-section{
padding: 7px 0px 11px 40px;
}    
#logistical-support #main-card-grid #card-section .content-card-section .content-text-section,
#logistical-support #card-item2 .content-card-section,
#logistical-support #card-item3 .content-card-section{
    padding:0;
}   
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid,
#logistical-support .content-card-section.border-top-right{
        border-radius: 56px 250px 52px 56px;
    }    
#logistical-support  #card-section .container.responsivegrid:has(.content-card-section.border-image-right) .image {
        max-width: 456px;
        max-height: 694px;
    }  
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid{
    gap:67px;
}
#logistical-support .content-text-section .last-list  {
    margin-left: 39px;
} 

#logistical-support #main-card-grid {
   margin-top:50px;

}

#logistical-support #card-section > .aem-Grid,
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-item1.cmp-container > .aem-Grid {
 
        gap: 40px;
}

#logistical-support #main-card-grid #card-section  > .aem-Grid > .container.responsivegrid > #card-item1.cmp-container > .aem-Grid{
    flex-direction: row-reverse;
}

    #logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-item1.cmp-container > .aem-Grid {
        border-top-left-radius:  250px;
        border-top-right-radius: 56px;
    }
#logistical-support #card-item1 .content-card-section{
    padding: 0 40px 0 0;
}

#logistical-support #card-section .container.responsivegrid:has(#card-item1 .content-card-section.border-image-right) .image{
    max-width: 483px;
    max-height: 457px;
}
#logistical-support .text-img-section,
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #button-last-section.cmp-container > .aem-Grid{
        flex-direction: row;
        gap: 21px;
    }

#logistical-support .content-para {
        padding-top: 30px;
    }
    
    
#logistical-support #main-card-grid #card-section #card-item2 .content-card-section .content-text-section,
#logistical-support #main-card-grid #card-section #card-item3 .content-card-section .content-text-section{
        padding: 0 0 29px 40px;
    }
#logistical-support .content-para {
        width: 754px;
    }
#logistical-support #card-item2 .list-space,
#logistical-support #card-item3 .list-space,
#logistical-support #card-item2 .content-text-section .last-list,
#logistical-support #card-item3 .content-text-section .last-list.bottomspace{

    padding-bottom: 0;
}
    
#logistical-support #main-card-grid #card-section #card-item2 .content-text-section p:nth-of-type(2) {
        padding-right: 69px;
    }
    
 
#logistical-support #main-card-grid #card-section #card-item3 .content-text-section p:nth-of-type(1) {
        padding-right: 30px;
    }   
    
    
#logistical-support #card-item4 .content-card-section  {
   padding: 28px 33px 24px 40px;
}  
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid {
    flex-direction: row;
}
#logistical-support #button-last-section > .aem-Grid{
    margin-bottom:40px;
}
/*#logistical-support .list-space {*/
/*    padding-bottom: 30px;*/
/*}*/
#logistical-support #banner-main-border #content-section-banner .button.pink-gradient:has(#download-button){
    margin-bottom: 40px;
}
#logistical-support #card-item2 .content-text-section p,
#logistical-support #card-item2 .content-text-section .last-list,
#logistical-support #card-item3 .content-text-section p,
#logistical-support #card-item3 .content-text-section .last-list{
  padding-left:0;
  padding-right:0;
}
/*#logistical-support #main-section {*/
/*    padding-top: 75px;*/
/*}*/
#logistical-support #button-last-section .aem-Grid .button.pink-gradient #home-button {
        padding: 5px 11.5px;
    }
    #logistical-support #card-item2 .list-space {
        padding-top: 18px;
    }
    #logistical-support .list-space.topspace {
        padding-top: 19px;
    }
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-item3.cmp-container > .aem-Grid {
    border-top-right-radius: 250px;
}
#logistical-support #card-item2 .content-para > p.card-text:nth-of-type(3) {
  padding-right: 30px;
}
#logistical-support .cmp-container__backgroundImage--enabled:has(>#banner-content) {
        background-image: url(/content/dam/intelligentcontent/unbranded/ic-lbp/us/en/images/living-with-mbc/logistical-support/desktop/log_desk_background.png) !important;
    }
#logistical-support #banner-main-border #content-section-banner .breadcrumb.pink-text {
        margin-bottom: 35px;
    }
    #logistical-support #card-item3 .content-para {
        padding-top: 25px;
    }
    #logistical-support #main-section #banner-main-border #banner-image > .aem-Grid img
{
transform: rotateY(0deg);
}
}



@media screen and (min-width:320px) and  (max-width:385px){
    #logistical-support #main-card-grid #card-section .content-card-section .content-text-section .text-img-section .card-text.title,
    #main-card-grid #card-section .content-card-section .content-text-section > .card-text.title
{
    font-size: clamp(33px, 2vw, 45px) !important;
    line-height:120% !important;
}
 #logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-item1.cmp-container > .aem-Grid,
   #logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-item3.cmp-container > .aem-Grid,
   #logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid, #logistical-support .content-card-section.border-top-right{
           overflow:hidden;
   }
}


@media screen and (min-width:600px) and  (max-width:991px){
#logistical-support #banner-image img.cmp-image__image.cmp-image--mobile {
    border: 3px solid #ED9499;
    border-radius: 479.5px 479.5px 49px 49px !important;
}
 #logistical-support #lady-img .cmp-image::after,
      #logistical-support #card-item2 .cmp-image::after{
              right: 78px !important;
      }
     #logistical-support #card-item3 .cmp-image::after{
          right: 78px !important;
     }
}
@media screen and (min-width:992px) and  (max-width:1100px){
    #logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid {
    align-items: flex-start!important;
}
}
@media screen and (min-width:1100px) and  (max-width:1351px){
    #logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid {
    align-items: flex-start!important;
}
}

@media screen and (min-width: 631px) and (max-width:991px)
{
 #logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #lady-img.cmp-container > .aem-Grid
{
    border-top-right-radius:516px!important;
    overflow: hidden;
}
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-item1.cmp-container > .aem-Grid {
    border-top-left-radius: 490px!important;
    overflow: hidden;
}
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid >  #card-item2.cmp-container > .aem-Grid
{
    border-top-right-radius:367px!important;
    overflow: hidden;
}
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-item3.cmp-container > .aem-Grid {
    border-top-right-radius: 360px !important;
     overflow: hidden;
}
}
@media screen and (min-width: 992px) and (max-width:1330px)
{
  #logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid >  #card-item2.cmp-container > .aem-Grid,
  #logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-item3.cmp-container > .aem-Grid
{
    overflow: hidden;
}  
 
}


@media screen and (min-width: 400px) and (max-width:630px)
{

#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #lady-img.cmp-container > .aem-Grid
{
    border-top-right-radius:223px!important;
    overflow: hidden;
}
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-item1.cmp-container > .aem-Grid {
    border-top-left-radius: 301px!important;
    overflow: hidden;
}
#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid >  #card-item2.cmp-container > .aem-Grid
{
    border-top-right-radius:223px!important;
    overflow: hidden;
}

#logistical-support #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-item3.cmp-container > .aem-Grid {
    border-top-right-radius: 219px !important;
     overflow: hidden;
}

}
@media screen and (min-width:347px) and  (max-width:370px){
   
   #logistical-support #card-item4 #card-5 .content-card-section .content-text-section .card-text.title{
     padding-right:24px;
   }
}

@media screen and (min-width:384px) and  (max-width:385px){
   
   #logistical-support #card-item4 #card-5 .content-card-section .content-text-section .card-text.title{
     padding-right:24px;
   }
}

@media screen and (min-width:992px) and  (max-width:1351px){
   
  #logistical-support #card-item1 .content-card-section{
    padding-top:25px !important;
    padding-bottom:25px !important;
}
}
/*@media screen and (min-width:1033px) and  (max-width:1122px){   */
/*       #logistical-support #card-item2 .cmp-image::after {*/
/*        bottom: 67% !important;*/
/*    } */
/* }*/
 @media screen and (min-width:992px) and  (max-width:1010px){   
       #logistical-support #card-item3 .cmp-image::after {
        bottom: 314px !important;
    } 
 } 
 @media screen and (min-width:1011px) and  (max-width:1090px){   
       #logistical-support #card-item3 .cmp-image::after {
        bottom: 250px!important;
    } 
 } 
 @media screen and (min-width:1091px) and  (max-width:1171px){   
       #logistical-support #card-item3 .cmp-image::after {
        bottom: 190px!important;
    } 
 } 
 @media screen and (min-width:1172px) and  (max-width:1254px){   
       #logistical-support #card-item3 .cmp-image::after {
        bottom: 129px!important;
    } 
 } 

 
 /*@media screen and (min-width:992px) and  (max-width:996px){   */
 /*     #logistical-support #card-item2 .cmp-image::after {*/
 /*       bottom: 72% !important;*/
 /*   } */
 /*}*/
 
 /* @media screen and (min-width:997px) and  (max-width:1032px){   */
 /*     #logistical-support #card-item2 .cmp-image::after {*/
 /*       bottom: 70% !important;*/
 /*   } */
 /*}*/
 
 
 


 @media screen and (min-width:497px) and  (max-width:519px){
   
   #logistical-support #card-item4 #card-5 .content-card-section .content-text-section .card-text.title{
     padding-right:23px !important;
   }
}
 
 @media screen and (min-width:666px) and  (max-width:690px){
   
   #logistical-support #card-item4 #card-5 .content-card-section .content-text-section .card-text.title{
     padding-right:25px !important;
   }
}
  



