.accompany .content h3.title,
  .kind-creative-simple .item .content h3.title
  {
    color: var(--e-global-color-text, #FFFFFF);
  }
  .about-container p {line-height: 26px;}
  @media screen and (min-width: 1024px) {
    body {
        color: var(--e-global-color-primary, #22313F);
        font-family: "SVN-Gilroy";
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 24px !important;        
      }
  
    .about-container .banner {
      width: 100%;
      height: 42vw;
      max-height: 656px;
      min-height: 493px;
      flex-shrink: 0;
      /* background: radial-gradient(238.65% 111.7% at -11.7% 99.73%, #F59F00 0%, #D78C27 6%, #B67852 14%, #996778 22%, #815899 31%, #6D4CB3 40%, #5E42C7 51%, #533CD6 62%, #4C38DE 76%, #4B37E1 100%); */
      background: url(/wp-content/themes/hello-elementor/assets/images/aboutus-bgr.png),radial-gradient(67.14% 62.99% at 0% 50%, #D1C6F4 0%, #3D28D2 100%);
      background-repeat: no-repeat;
      background-position: center center;
    }
  
    .about-container .banner .headline {
      color: var(--e-global-color-text, #FFFFFF);
      font-size: 96px;
      font-style: normal;
      font-weight: 500;
      line-height: 104px;
      margin: 0 auto;
      width: 523px;
      position: relative;
      top: 103px;
    }
  
    .about-container .medium-logo {
      width: 40vw;
      max-width: 603px;
      position: absolute;
      top: 290px;
      left: max(calc((100vw - 40vw)/2), calc((100vw - 603px)/2));
    }

    .about-container i.icon {
        color: var(--e-global-color-accent, #4B37E1);
        font-size: 65px;
        padding: 5px;
    }
  
    .about-us {
      width: 960px;
      margin: 0 auto;
      gap: 48px;
      margin-top: 200px;
      padding: 36px 0;      
      display: flex;
      flex-direction: column;
    }
  
    .about-us h1 {
      text-align: center;
    }
  
    .about-us h1,
    .mission-vision h1 {
  
      color: var(--e-global-color-primary, #22313F);;
      font-size: 72px;
      font-style: normal;
      font-weight: 500;
      line-height: 80px;
    }
  
    .core-value {
      text-align: center;
      width: 100%;
    }
    .services {
      display: grid;
      grid-gap: 24px;
      grid-template-columns: repeat(2,1fr);
    }
  
    .services .service-item {
      display: flex;
      flex-direction: row;
      gap: 24px;
      align-items: center;
      border-radius: 32px;
      background: var(--system-background-primary-bg, #FFF);
      box-shadow: 0px 16px 40px 0px rgba(154, 170, 207, 0.20);
      flex-shrink: 0;
      padding: 36px;
  
    }
  
    .services .service-item img {
      width: 120px;
    }
  
    .about-container h3.title {
      font-size: 36px !important;
      font-style: normal;
      font-weight: 600;
      line-height: 40px;
    }
  
    .desc p.last {
      margin-bottom: 0px;
    }
  
    .mission-vision {
      width: 960px;
      margin: 0 auto;
      gap: 48px;
      padding: 36px 0;
      display: flex;
      flex-direction: column;
    }
  
    .mission-container {
      display: flex;
      gap: 24px;
      flex-direction: row;
      align-items: flex-start;
    }
  
    .mission-container .mission-items {
      display: flex;
      gap: 24px;
      flex-direction: column;
      border-radius: 32px;
      background: var(--system-background-primary-bg, #FFF);
      box-shadow: 0px 16px 40px 0px rgba(154, 170, 207, 0.20);
      padding: 24px;      
      align-self: stretch;
    }
  
    .mission-container .mission-items p {
      margin: 0px;
    }
  
    .mission-vision .accompany {
      display: flex;
      flex-direction: row;
      border-radius: 32px;
      overflow: hidden;
      color: var(--e-global-color-text, #FFFFFF);
    }
  
    .accompany .content {
      border-radius: 32px 0px 0px 32px;
      background: var(--e-global-color-accent, #4B37E1);
      display: flex;
      width: 368px;
      height: 438px;
      padding: 36px;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: 16px;
      flex-shrink: 0;
    }
  
    .kind-creative-simple {
      display: flex;
      flex-direction: row;
      gap: 24px;
      border-radius: 32px;
    }
  
    .kind-creative-simple .item {
      display: flex;
      flex-direction: column;
      border-radius: 32px;
      align-self: self-end;
      width: 33%;
    }
    .kind-creative-simple .item .content{
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 16px;
      border-radius: 0px 0px 32px 32px;
      background: var(--e-global-color-accent, #4B37E1);;
    }
  
    .kind-creative-simple .item .illus {
      border-radius: 32px 32px 0 0;
    }
    .kind-creative-simple .item p {
      margin: 0px;
    }
  }
  
  /*iPad portrait and smaller devices*/
  @media screen and (max-width:1023px) {
    body {
      color: var(--e-global-color-secondary, #01122280);
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
    }
  
    .about-container .banner {
      width: 100%;
      height: 67vw;    
      flex-shrink: 0;
      background: url(/wp-content/themes/hello-elementor/assets/images/aboutus-bgr-mb.png),radial-gradient(67.14% 62.99% at 0% 50%, #D1C6F4 0%, #3D28D2 100%);
      background-repeat: no-repeat;
      background-position: center center; 
      background-size: contain;
    }
  
    .about-container .banner .headline {
      color: var(--e-global-color-text, #FFFFFF);
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin: 0 auto;
      position: relative;
      top: 20px;
      width: 131px;
    }
  
    .about-container .medium-logo {
      width: 80vw;
      position: absolute;
      left: min(calc(100vw - 80vw)/2,calc(100vw - 320px)/2);
      top: 77px;
      min-width: 320px;
    }
  
    .about-container i.icon {
        color: var(--e-global-color-accent, #4B37E1);
        font-size: 34px;
        padding: 5px;
    }

    .about-us {
      gap: 12px;
      margin-top: 110px;
      padding: 16px;
      display: flex;
      flex-direction: column;
    }
  
    .about-us .desc {
      line-height: 26px;
    }
    .about-us h1 {
      text-align: center;
    }
  
    .about-us h1,
    .mission-vision h1 {
  
      color: var(--e-global-color-primary, #22313F);;
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
    }
  
    
    .services {
      display: grid;
      grid-gap: 16px;
      grid-template-columns: repeat(1,1fr);
    }
  
    .services .service-item {
      display: flex;
      flex-direction: column;
      gap: 16px;
      align-items: center;
      border-radius: 14px;
      background: var(--system-background-primary-bg, #FFF);
      box-shadow: 0px 16px 40px 0px rgba(154, 170, 207, 0.20);
      flex-shrink: 0;
      padding: 24px;
      text-align: center;
  
    }
  
    .services .service-item img {
      width: 120px;
    }
    .about-container h3.title {
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 22px;
    }

    
  
    .desc p.last {
      margin-bottom: 0px;
    }
  
    .mission-vision {
      margin: 0 auto;
      gap: 24px;
      padding: 16px;
      display: flex;
      flex-direction: column;
    }
  
    .mission-vision h1 {
      width: 178px;
    }
  
    .mission-container {
      display: flex;
      gap: 16px;
      flex-direction: column;
      align-items: flex-start;
    }
  
    .mission-container .mission-items {
      display: flex;
      gap: 24px;
      flex-direction: column;
      border-radius: 32px;
      background: var(--system-background-primary-bg, #FFF);
      box-shadow: 0px 16px 40px 0px rgba(154, 170, 207, 0.20);
      padding: 24px;
      align-self: stretch;
    }
  
    .mission-container .mission-items p {
      margin: 0px;
    }
  
    .mission-vision .accompany {
      display: flex;
      flex-direction: column-reverse;
      border-radius: 32px;
      overflow: hidden;
      color: var(--e-global-color-text, #FFFFFF);
    }
  
    .accompany .illus {
      width: 100%;
    }
    .accompany .content {
      border-radius: 0px 0px 32px 32px;
      background: var(--e-global-color-accent, #4B37E1);
      display: flex;
      padding: 12px;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: 16px;
      flex-shrink: 0;
    }
  
    .accompany .content p {margin: 0px;
    }
  
    
    .kind-creative-simple {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
  
    .kind-creative-simple .item {
      display: flex;
      flex-direction: column;
      border-radius: 32px;
    }
    .kind-creative-simple .item .illus {
      width: 100%;
  
    }
    .kind-creative-simple .item .content{
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 16px;
      border-radius: 0px 0px 32px 32px;
      background: var(--e-global-color-accent, #4B37E1);;
    }
  
    .kind-creative-simple .item .illus {
      border-radius: 32px 32px 0 0;
    }
    .kind-creative-simple .item p {
      margin: 0px;
    }
    .services .service-item h3.title {
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 22px; 
    }
  }
  
  /*iPad portrait*/
  @media screen and (max-width: 1023px) and (min-width:768px) {
    .services .service-item {
      flex-direction: row;
    }
    .content {
      padding: 24px !important;
    }
    .mission-vision h1 {
      width: 230px;
  }
} 
  /*mobile portrait*/
  @media screen and (max-width: 767px) {

  }