.elementor-1195 .elementor-element.elementor-element-d6161b9{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1195 .elementor-element.elementor-element-bf8f595{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1195 .elementor-element.elementor-element-abaf963{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1195 .elementor-element.elementor-element-e6ea528{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;padding:0px 20px 20px 20px;text-align:justify;}.elementor-1195 .elementor-element.elementor-element-e6ea528 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:normal;line-height:32px;color:#444444;}@media(max-width:767px){.elementor-1195 .elementor-element.elementor-element-e6ea528{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1195 .elementor-element.elementor-element-abaf963{--content-width:1295px;}}/* Start custom CSS for html, class: .elementor-element-bf8f595 */.about-banner {
  position: relative;
  background: linear-gradient(to left top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8fa3e8, #84abec, #7bb3ef, #73bbf4, #6bc3f7, #64cbfa, #5fd2fb);
  padding: 50px 150px;
  color: #fff;
}

.about-banner h1 {
  font-size: 50px;
  font-weight: 700;
  margin: 0;
  color: #fff;
}

.about-banner .breadcrumb {
  position: absolute;
  right: 0px;
  bottom: -25px;
  background: #B630B4;
  padding: 16px 220px;
  border-radius: 40px 0 0 40px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  min-width: 220px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.about-banner .breadcrumb span {
  color:#fee827;
  margin-left: 15px;
}

.about-banner .breadcrumb a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.about-banner .breadcrumb a:hover {
  text-decoration: underline;
}

/* ===================
   RESPONSIVE FIXES
=================== */
@media (max-width: 1200px) {
  .about-banner {
    padding: 50px 80px;
  }
  .about-banner .breadcrumb {
    padding: 14px 150px;
  }
}

@media (max-width: 991px) {
  .about-banner {
    padding: 40px 40px;
  }
  .about-banner h1 {
    font-size: 40px;
  }
  .about-banner .breadcrumb {
    padding: 12px 100px;
    font-size: 15px;
  }
}

@media (max-width: 600px) {
  .about-banner {
    padding: 30px 20px;
  }
  .about-banner h1 {
    font-size: 28px;
  }
  .about-banner .breadcrumb {
    padding: 10px 50px;
    font-size: 14px;
  }
}/* End custom CSS */