/* talking-about-mbc starts here */
/* *******************talking-about-mbc******************* */


/* mobile starts here */
p.card-text.title-1 {
    font: 400 45px / 50px "Open Sans", sans-serif;
    margin-bottom: 15px;
    padding: 0px 30px;
}
  #talking-about-mbc #banner-content img.cmp-image__image.cmp-image--mobile
{
    border: 3px solid #ED9499;
    border-radius: 314.5px 315.5px 40px 40px;
}
 #talking-about-mbc #main-section #banner-main-border .container:has(> #content-section-banner)
   {
       
       order:1;
       
   }
   #talking-about-mbc #main-section #banner-main-border .container:has(> #understanding-banner1)
   {
       
       order:2;
       
   }
   
   #talking-about-mbc #main-section #banner-main-border .container:last-child:has(.banner-text-wrapper) {
  
    
    order:unset;
    padding: 15px 20px 25px 20px;
}
#talking-about-mbc .button:has(#download-button) {
    padding:5px 20px;
    margin-top:25px;
}
#talking-about-mbc #main-section #banner-main-border #banner-main-text span
{
  font: 400 45px / 50px "Open Sans", sans-serif;  
}
#talking-about-mbc .cmp-container__backgroundImage--enabled
{
    margin:0px;
}
/*#talking-about-mbc #main-section {*/
/*        padding-top: 60px;*/
/*    }*/
#talking-about-mbc .cmp-text
{
    padding:0px;
}
#talking-about-mbc #main-section #banner-main-border .container:has(> #content-section-banner) {
    padding: 25px 20px 0px 20px;
}
#talking-about-mbc #background-image-section {
    padding: 25px 16px 0px 16px;
}
 #talking-about-mbc #background-image-section .content-card-section {
    background-color: #FCECD1;
    border-radius: 40px;
    padding: 25px 22px;
}
#talking-about-mbc #background-image-section #card-2 .content-card-section
{
    padding: 20px;
}
#talking-about-mbc #emotional-second-buton {
    max-width: 334px;
}

#talking-about-mbc .content-card-section .content-text-section ul {
    list-style: disc;
    margin-left: 30px;
    margin-top: 15px;
} 
#talking-about-mbc .content-card-section .content-text-section ul li::marker
{
    font-size:22px;
    line-height: 24px;
}

#talking-about-mbc  #background-image-section .content-card-section .card-text {
    font: 400 22px / 30px "Open Sans", sans-serif;
}
#talking-about-mbc #button-last-section > .aem-Grid
{
    margin-bottom:10px;
}
#talking-about-mbc #card-2 .content-card-section .content-text-section ul
{
    margin-top:0px;
}
#main-section #banner-main-border #banner-main-text
{
    margin-bottom :0px;
}
#talking-about-mbc #banner-main-text .cmp-title__text
{
    margin-bottom: 15px;
}

/* desktop start here */
@media screen and (min-width: 992px)
{
    #talking-about-mbc #main-section #banner-main-border #banner-main-text span
{
  font: 400 64px / 70px "Open Sans", sans-serif;  
}
p.card-text.title-1 {
    font: 400 45px / 55px "Open Sans", sans-serif;
    margin-bottom: 30px;
    padding:0px;
}
#talking-about-mbc #emotional-second-buton
{
    max-width: none;
}
#talking-about-mbc #banner-main-text .cmp-title__text
{
    margin-bottom: 15px;
    letter-spacing:1.1px;
}
#talking-about-mbc .cmp-breadcrumb--horizantal .cmp-breadcrumb--current-pagelink
{
    letter-spacing: -0.1px;
}
#talking-about-mbc .cmp-container__backgroundImage--enabled
{
    background-size: 101%;
}
 #talking-about-mbc  #banner-content #banner-main-border > .aem-Grid
   {
       align-items: start;
       flex-wrap: wrap;
       justify-content: space-between;
       gap:0;
   }
   
   #talking-about-mbc #main-section #banner-main-border .container:has(> #content-section-banner)
   {
       max-width: 791px;
       order:0;
       
   }
   #talking-about-mbc #main-section #banner-main-border .container:has(> #understanding-banner1)
   {
       max-width: 469px;
       order:0;
       
   }
   
   #talking-about-mbc #main-section #banner-main-border .container:last-child:has(.banner-text-wrapper) {
   max-width: 100%;
    padding: 11px 90px 0px 60px;  
    order:0;
    
}

#talking-about-mbc .button:has(#download-button) {
    padding: 15px 14px;
    min-width: 327px;
margin-bottom: 40px;
margin-top:0;
}

#talking-about-mbc .button:has(#download-button)::after
{
    right:14px;
}

#talking-about-mbc #main-section .banner-sub-text
{
    max-width: none;
}
#talking-about-mbc #background-image-section #card-2 .content-card-section
{
    padding: 30px 40px;
}
/*#talking-about-mbc #main-section {*/
/*        padding-top: 80px;*/
/*    }*/
    
      #talking-about-mbc  #banner-content #banner-main-border > .aem-Grid {
        align-items: flex-start;
    }
#talking-about-mbc #main-section .banner-sub-text, #main-card-grid .card-section-grid .card-text-sub {
         max-width: none;
    }
    #talking-about-mbc #background-image-section .content-card-section {
    background-color: #FCECD1;
    border-radius: 56px;
    padding: 32px 40px 31px 40px;
}
#talking-about-mbc  #background-image-section .content-card-section .card-text {
    font: 400 27px / 40px "Open Sans", sans-serif;
}
  
#talking-about-mbc .content-card-section .content-text-section ul {
    list-style: disc;
    margin-left: 35px;
    margin-top: 15px;
}
#talking-about-mbc #card-2 .content-card-section .content-text-section ul {
    margin-left: 30px;
}

  #talking-about-mbc  .content-card-section {
        margin-bottom: 50px;
    }
    
    #talking-about-mbc #background-image-section {
    padding: 50px 16px 0px 16px;
}
#talking-about-mbc #button-last-section > .aem-Grid {
    margin-bottom: 40px;
}
#talking-about-mbc #main-section #banner-main-border .container:has(> #understanding-banner1) .cmp-image--desktop{
    position: relative;
    left: 1px;
}
}


/*compatiblity*/

@media screen and (min-width:600px) and  (max-width:991px){
#talking-about-mbc #banner-content img.cmp-image__image.cmp-image--mobile {
    border: 3px solid #ED9499;
    border-radius: 480.5px 480.5px 50px 50px !important;
}
#talking-about-mbc #emotional-second-buton
{
    max-height: unset;
}
}

@media screen and (min-width: 320px) and (max-width:385px)
{
   #talking-about-mbc p.card-text.title-1
   {
       font-size: clamp(35px, 2vw, 45px);
   }
   #talking-about-mbc #display-buttons > .aem-Grid
   {
       padding: 0px 10px !important;
   }
}

@media screen and (min-width: 992px) and (max-width:1400px)
{
    #talking-about-mbc #button-last-section .button {
    margin-left: 20px;
}
}


@media screen and (min-width:992px) and (max-width:1430px)
{
    #talking-about-mbc #main-section #banner-main-border .container:has(> #content-section-banner)
    {
        max-width: 52vw;
    }
 
    #talking-about-mbc #main-section #banner-main-border .container:has(> #understanding-banner1) 
    {
        max-width: 34vw;
    }
}