@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.error {
  color: #ff0000 !important; }

body {
  font-family: "Nunito Sans", sans-serif;
  letter-spacing: 0.2pt;
  font-size: 18px;
  overflow-x: hidden; }

.z-depth-1,
nav,
.card-panel,
.card,
.toast,
.btn,
.btn-large,
.btn-small,
.btn-floating,
.dropdown-content,
.collapsible,
.sidenav {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.sticky-menu {
  position: fixed;
  bottom: 125px;
  right: 35px;
  z-index: 999; }
  .sticky-menu ul li {
    margin-bottom: 10px; }
    .sticky-menu ul li img {
      width: 40px; }

.title-all {
  font-size: 30px;
  font-family: "Merriweather", serif;
  font-weight: 600;
  color: #4c2d6c; }

.row {
  margin-bottom: 0 !important; }

.container {
  width: 100% !important; }

nav,
nav .nav-wrapper i,
nav a.sidenav-trigger,
nav a.sidenav-trigger i {
  height: 80px !important;
  line-height: 80px !important; }

#scroll-top-button {
  text-align: center;
  position: fixed;
  bottom: 70px;
  right: 70px;
  background-color: rgba(0, 26, 114, 0.5);
  width: 50px;
  height: 50px;
  border-radius: 50px;
  cursor: pointer;
  z-index: 100;
  color: #eee;
  font-size: 32px; }

#scroll-top-button:hover {
  background-color: #4c2d6c; }

.heading {
  margin-top: 20px;
  text-align: center;
  font-weight: 500;
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 20px; }

.heading_gray {
  text-align: center;
  font-weight: 500;
  font-size: 16px; }

.heading_white {
  margin-top: 20px;
  text-align: center;
  font-weight: 500;
  font-size: 25px;
  text-transform: uppercase;
  position: relative;
  color: #fff;
  z-index: 10;
  margin-bottom: 20px; }

.owl-prev {
  position: absolute;
  top: 40%;
  left: -47px; }
  .owl-prev .bxs-chevron-left {
    font-size: 30px; }

.owl-next {
  position: absolute;
  top: 40%;
  right: -47px; }
  .owl-next .bxs-chevron-right {
    font-size: 30px; }

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent !important;
  color: #858585 !important; }

#header-main nav {
  background-color: #fff; }
  #header-main nav .menuwrap {
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 63px 18px 0px rgba(209, 209, 209, 0), 0px 41px 16px 0px rgba(209, 209, 209, 0.01), 0px 23px 14px 0px rgba(209, 209, 209, 0.05), 0px 10px 10px 0px rgba(209, 209, 209, 0.09), 0px 3px 6px 0px rgba(209, 209, 209, 0.1); }
  #header-main nav .nav-wrapper .logo a {
    line-height: 55px; }
    #header-main nav .nav-wrapper .logo a img {
      margin-top: 8px; }
  #header-main nav .nav-wrapper ul li a {
    text-decoration: none;
    color: #010101;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.4px; }
  #header-main nav .nav-wrapper ul li a:hover {
    color: #ffa747 !important;
    background-color: transparent !important; }
  #header-main nav .nav-wrapper ul li .active {
    color: #ffa747 !important;
    border-bottom: 2px solid #ffa747; }

#header-main #slide-out .user-view .logo img {
  width: 180px; }

#header-main #slide-out li a .fa-home {
  font-size: 18px; }

#header-main #slide-out li a .fa-shopping-cart {
  font-size: 18px; }

#header-main #slide-out li a .fa-female {
  font-size: 25px; }

#header-main #slide-out li a .fa-phone-volume {
  font-size: 25px; }

#header-main .right-icon {
  display: none;
  right: 15px;
  position: absolute;
  float: right;
  line-height: 68px; }
  #header-main .right-icon a {
    text-decoration: none;
    color: #fff; }
  #header-main .right-icon a:hover {
    color: #4c2d6c; }

.homebanner {
  margin-top: 90px;
  margin-bottom: 90px;
  position: relative;
  background-color: #fff; }
  .homebanner .caption-cont {
    padding-top: 0; }
    .homebanner .caption-cont .mn-title {
      color: #388ae8;
      font-family: "Nunito Sans";
      font-size: 28px;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
    .homebanner .caption-cont .sm-title {
      font-size: 22px;
      margin-bottom: 15px; }
    .homebanner .caption-cont .price-cont {
      font-family: "Merriweather", serif;
      font-weight: 700;
      font-size: 25px;
      color: #4c2d6c; }
      .homebanner .caption-cont .price-cont span {
        font-size: 30px; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
  .homebanner .dotted-circle {
    position: absolute;
    top: -50px;
    right: -12px;
    width: 560px;
    height: 560px;
    background: url("../img/circle.png") no-repeat center/contain;
    animation: rotate 30s linear infinite;
    z-index: 0; }
  .homebanner .image {
    position: relative; }
    .homebanner .image img.gray {
      padding-top: 60px;
      display: block;
      position: relative;
      z-index: 1;
      transition: opacity 0.4s ease;
      opacity: 1; }
    .homebanner .image img.color {
      padding-top: 60px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      opacity: 0;
      transition: opacity 0.4s ease; }
    .homebanner .image:hover {
      cursor: pointer; }
      .homebanner .image:hover img.gray {
        opacity: 0; }
      .homebanner .image:hover img.color {
        opacity: 1; }
  .homebanner .btnbn-cont {
    margin-top: 40px; }
    .homebanner .btnbn-cont .hmbtn1 {
      margin-right: 20px; }
    .homebanner .btnbn-cont .btn {
      background-color: #ffa747;
      color: #fff;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 1px;
      height: 45px;
      line-height: 45px;
      border-radius: 10px; }
      .homebanner .btnbn-cont .btn .d-flex .icon {
        padding-left: 10px; }
        .homebanner .btnbn-cont .btn .d-flex .icon img {
          width: 20px; }
    .homebanner .btnbn-cont .btn:hover {
      background-color: #fa8200; }
  .homebanner .other-cont {
    margin-top: 30px; }
    .homebanner .other-cont .gtext {
      color: #737377;
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: normal; }
    .homebanner .other-cont ul {
      margin-top: 20px; }
      .homebanner .other-cont ul li {
        color: #d76b50;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
        .homebanner .other-cont ul li img {
          width: 15px; }
    .homebanner .other-cont .smgraytext {
      margin-top: 20px;
      color: #737377;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: normal; }
  .homebanner .col {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .homebanner .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -44px !important;
    z-index: 10;
    position: relative; }
  .homebanner .owl-theme .owl-dots .owl-dot span {
    width: 20px !important;
    height: 20px !important; }
  .homebanner .owl-theme .owl-dots .owl-dot.active span,
  .homebanner .owl-theme .owl-dots .owl-dot:hover span {
    background: #4c2d6c !important;
    box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .homebanner .owl1 {
    background-color: #fff; }
    .homebanner .owl1 .item {
      position: relative; }
      .homebanner .owl1 .item .img1 {
        height: 800px;
        background: url("../img/banner/img1.jpg");
        background-size: cover;
        background-position: center;
        position: relative; }
      .homebanner .owl1 .item .img1::before {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(71, 107, 166, 0.5);
        display: block;
        content: "";
        left: 0px;
        top: 0px; }
      .homebanner .owl1 .item .img2 {
        height: 800px;
        background: url("../img/banner/img3.jpg");
        background-size: cover;
        background-position: center;
        position: relative; }
      .homebanner .owl1 .item .img2::before {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(71, 107, 166, 0.5);
        display: block;
        content: "";
        left: 0px;
        top: 0px; }
      .homebanner .owl1 .item .img3 {
        height: 800px;
        background: url("../img/banner/img5.jpg");
        background-size: cover;
        background-position: center;
        position: relative; }
      .homebanner .owl1 .item .img3::before {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(71, 107, 166, 0.5);
        display: block;
        content: "";
        left: 0px;
        top: 0px; }
      .homebanner .owl1 .item .carousel-caption {
        left: 0 !important;
        bottom: 180px !important;
        text-align: left; }
        .homebanner .owl1 .item .carousel-caption .titcont {
          margin-top: 0; }
          .homebanner .owl1 .item .carousel-caption .titcont .title {
            color: #fff;
            text-transform: capitalize;
            font-size: 60px;
            font-family: "Merriweather", serif;
            font-weight: 600; }
          .homebanner .owl1 .item .carousel-caption .titcont .stitle {
            font-family: "Merriweather", serif;
            color: #fff;
            text-transform: uppercase;
            font-size: 23px;
            margin-bottom: 20px;
            font-weight: 500; }
        .homebanner .owl1 .item .carousel-caption .desc {
          margin-bottom: 20px;
          color: #000; }
        .homebanner .owl1 .item .carousel-caption .button {
          margin-top: 20px; }

.footer-main {
  margin-top: 0;
  background: #a89fb6; }
  .footer-main .footer-ctcont {
    padding-top: 30px;
    padding-bottom: 20px; }
    .footer-main .footer-ctcont .logo-cont img {
      width: 200px; }
    .footer-main .footer-ctcont .contact-cont {
      margin-top: 20px; }
      .footer-main .footer-ctcont .contact-cont .add-cont {
        padding-left: 5px; }
        .footer-main .footer-ctcont .contact-cont .add-cont .d-flex {
          margin-bottom: 10px; }
          .footer-main .footer-ctcont .contact-cont .add-cont .d-flex .icon {
            color: #fff;
            padding-right: 10px; }
          .footer-main .footer-ctcont .contact-cont .add-cont .d-flex .text {
            font-size: 16px; }
            .footer-main .footer-ctcont .contact-cont .add-cont .d-flex .text a {
              text-decoration: none;
              color: #fff; }
  .footer-main .footer-links {
    padding-top: 30px;
    padding-bottom: 30px; }
    .footer-main .footer-links .links-cont .title {
      font-size: 20px;
      text-transform: capitalize;
      margin-bottom: 20px;
      font-weight: 500;
      color: #fff; }
    .footer-main .footer-links .links-cont ul li {
      margin-bottom: 5px; }
      .footer-main .footer-links .links-cont ul li a {
        text-decoration: none;
        color: #fff;
        text-transform: capitalize;
        font-size: 16px; }
      .footer-main .footer-links .links-cont ul li a:hover {
        text-decoration: underline; }
  .footer-main .footer-social {
    padding-top: 30px; }
    .footer-main .footer-social .title {
      font-size: 20px;
      text-transform: capitalize;
      margin-bottom: 20px;
      font-weight: 500;
      color: #fff; }
    .footer-main .footer-social ul li a {
      text-decoration: none;
      color: #fff; }
      .footer-main .footer-social ul li a i {
        font-size: 30px; }
    .footer-main .footer-social ul li a:hover {
      color: #ffa747; }
  .footer-main .footer-copyrights {
    background: #a89fb6; }
    .footer-main .footer-copyrights .text {
      text-align: center;
      padding-top: 10px;
      padding-bottom: 10px;
      color: #fff;
      font-size: 16px; }

.modalm1 input:not([type]):focus:not([readonly]),
.modalm1 input[type="text"]:not(.browser-default):focus:not([readonly]),
.modalm1 input[type="password"]:not(.browser-default):focus:not([readonly]),
.modalm1 input[type="email"]:not(.browser-default):focus:not([readonly]),
.modalm1 input[type="url"]:not(.browser-default):focus:not([readonly]),
.modalm1 input[type="time"]:not(.browser-default):focus:not([readonly]),
.modalm1 input[type="date"]:not(.browser-default):focus:not([readonly]),
.modalm1 input[type="datetime"]:not(.browser-default):focus:not([readonly]),
.modalm1 input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
.modalm1 input[type="tel"]:not(.browser-default):focus:not([readonly]),
.modalm1 input[type="number"]:not(.browser-default):focus:not([readonly]),
.modalm1 input[type="search"]:not(.browser-default):focus:not([readonly]),
.modalm1 textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #c283b7 !important;
  -webkit-box-shadow: 0 1px 0 0 #c283b7 !important;
  box-shadow: 0 1px 0 0 #c283b7 !important; }

.modalm1 .container {
  padding: 0; }

.modalm1 .modal-content input:not([type]),
.modalm1 .modal-content input[type="text"]:not(.browser-default),
.modalm1 .modal-content input[type="password"]:not(.browser-default),
.modalm1 .modal-content input[type="email"]:not(.browser-default),
.modalm1 .modal-content input[type="url"]:not(.browser-default),
.modalm1 .modal-content input[type="time"]:not(.browser-default),
.modalm1 .modal-content input[type="date"]:not(.browser-default),
.modalm1 .modal-content input[type="datetime"]:not(.browser-default),
.modalm1 .modal-content input[type="datetime-local"]:not(.browser-default),
.modalm1 .modal-content input[type="tel"]:not(.browser-default),
.modalm1 .modal-content input[type="number"]:not(.browser-default),
.modalm1 .modal-content input[type="search"]:not(.browser-default),
.modalm1 .modal-content textarea.materialize-textarea {
  height: 20px !important; }

.modalm1 .modal-content .btn-cont {
  margin-top: 20px; }
  .modalm1 .modal-content .btn-cont .btn {
    background-color: #c283b7 !important;
    border-radius: 50px;
    color: #000;
    font-weight: 600; }
  .modalm1 .modal-content .btn-cont .btn:hover {
    background-color: #a75298 !important;
    color: #000; }
  .modalm1 .modal-content .btn-cont .btnbrd {
    background-color: #fff !important;
    border-radius: 50px;
    color: #000;
    border-color: #ed7d3a; }

.modalm1 .modal-content .left-bx {
  padding-left: 0; }

.modalm1 .modal-content .row {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0; }

.modalm1 .modal-content .modal-header {
  padding-top: 10px; }
  .modalm1 .modal-content .modal-header h5 {
    font-size: 20px; }

.modalm1 .modal-content .modal-body {
  padding-bottom: 30px; }
  .modalm1 .modal-content .modal-body h3 {
    font-size: 28px;
    margin-top: 10px; }

.modalm1 .modal-content .image img {
  width: 350px; }

.modalm1 .modal-dialog {
  max-width: 700px; }

.modalm1 .modalm1 .modal-content .row {
  margin-bottom: 0; }

.modalm1 .modalm1 .modal-content .left-bx {
  padding-left: 0; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker
.xdsoft_timepicker
.xdsoft_time_box
> div
> div.xdsoft_current {
  background: #c283b7 !important;
  box-shadow: #789167 0 1px 3px 0 inset !important;
  color: #000 !important; }

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: #c283b7 !important;
  color: #000 !important; }

.section-scheme {
  margin-bottom: 90px; }

.title-connt {
  text-align: center;
  margin-bottom: 40px; }
  .title-connt .mntitle {
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: linear-gradient(90deg, #d46966 0%, #a789cf 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .title-connt .smtitle {
    color: #9ca0a8;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; }

.title-othercont {
  text-align: center;
  margin-bottom: 40px; }
  .title-othercont .mntitlenw {
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #a99075; }
  .title-othercont .smtitlenw {
    color: #5a9fed;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; }

.titlenw {
  color: #5a9fed;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: left;
  font-style: italic;
  margin-bottom: 60px; }

.gr {
  color: #81a175 !important; }

.section-schemeitem {
  margin-bottom: 90px; }
  .section-schemeitem .schemeitembg-cont {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 0; }
    .section-schemeitem .schemeitembg-cont .float-el {
      position: absolute;
      width: 24px;
      height: 24px;
      border-radius: 4px;
      opacity: 0.8; }
      .section-schemeitem .schemeitembg-cont .float-el.el-1 {
        top: 10%;
        left: 15%;
        background: #f4b400;
        animation: float1 4s ease-in-out infinite alternate; }
      .section-schemeitem .schemeitembg-cont .float-el.el-2 {
        top: 20%;
        right: 12%;
        background: #3e95cd;
        animation: float2 5s ease-in-out infinite alternate; }
      .section-schemeitem .schemeitembg-cont .float-el.el-3 {
        bottom: 15%;
        left: 20%;
        background: #77dd77;
        animation: float3 4.5s ease-in-out infinite alternate; }
      .section-schemeitem .schemeitembg-cont .float-el.el-4 {
        bottom: 18%;
        right: 18%;
        background: #f49ac2;
        animation: float4 5.5s ease-in-out infinite alternate; }
    .section-schemeitem .schemeitembg-cont .float-tag {
      position: absolute;
      padding: 8px 16px;
      background: #fff;
      border: 1px solid #f4b400;
      border-radius: 12px;
      font-size: 14px;
      font-weight: 600;
      color: #5a3db8;
      white-space: nowrap;
      z-index: 2; }
      .section-schemeitem .schemeitembg-cont .float-tag.tag-1 {
        top: 10%;
        right: 20%; }
      .section-schemeitem .schemeitembg-cont .float-tag.tag-2 {
        bottom: 30%;
        right: 12%; }
      .section-schemeitem .schemeitembg-cont .float-tag.tag-3 {
        bottom: 28%;
        left: 12%; }
    .section-schemeitem .schemeitembg-cont .image {
      position: relative;
      display: inline-block;
      z-index: 1; }
      .section-schemeitem .schemeitembg-cont .image img.gray {
        display: block;
        transition: opacity 0.4s ease;
        opacity: 1; }
      .section-schemeitem .schemeitembg-cont .image img.color {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        transition: opacity 0.4s ease;
        opacity: 0; }
      .section-schemeitem .schemeitembg-cont .image:hover {
        cursor: pointer; }
        .section-schemeitem .schemeitembg-cont .image:hover img.gray {
          opacity: 0; }
        .section-schemeitem .schemeitembg-cont .image:hover img.color {
          opacity: 1; }

@keyframes float1 {
  to {
    transform: translateY(-15px) rotate(10deg); } }

@keyframes float2 {
  to {
    transform: translateY(20px) rotate(-8deg); } }

@keyframes float3 {
  to {
    transform: translateY(-18px) rotate(12deg); } }

@keyframes float4 {
  to {
    transform: translateY(22px) rotate(-10deg); } }
  .section-schemeitem .inttext {
    color: #737377;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    line-height: normal; }
    .section-schemeitem .inttext .gradient {
      background: linear-gradient(90deg, #ff911b 57.07%, #9747ff 74.1%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
    .section-schemeitem .inttext .gradtitle {
      margin-bottom: 20px;
      text-align: center;
      font-size: 26px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      background: linear-gradient(90deg, #ff911b 7.53%, #9747ff 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .section-schemeitem .blue-card {
    border-radius: 10px;
    border: 4px solid rgba(163, 195, 212, 0.18);
    background: #f9fdff;
    margin-top: 30px;
    padding: 30px 30px 30px 20px; }
    .section-schemeitem .blue-card .d-flex .text {
      padding-left: 30px; }
      .section-schemeitem .blue-card .d-flex .text .til {
        color: #388ae8;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 15px; }
      .section-schemeitem .blue-card .d-flex .text .cont {
        color: #737377;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
        .section-schemeitem .blue-card .d-flex .text .cont .yel {
          color: #ffa747; }
    .section-schemeitem .blue-card .mrtext {
      margin-top: 20px;
      color: #737377;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
  .section-schemeitem .yell-card {
    border-radius: 10px;
    border: 4px solid rgba(212, 179, 163, 0.18);
    background: #fffbf9;
    margin-top: 30px;
    padding: 30px 30px 30px 20px; }
    .section-schemeitem .yell-card .d-flex .pdleft {
      padding-left: 30px; }
    .section-schemeitem .yell-card .d-flex .text .til {
      color: #d99449;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 15px; }
    .section-schemeitem .yell-card .d-flex .text .cont {
      color: #737377;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
      .section-schemeitem .yell-card .d-flex .text .cont .yel {
        color: #ffa747; }
    .section-schemeitem .yell-card .mrtext {
      color: #737377;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
  .section-schemeitem .green-card {
    border-radius: 10px;
    border: 4px solid rgba(171, 212, 163, 0.18);
    background: #f9fffa;
    margin-top: 30px;
    padding: 30px 30px 30px 20px; }
    .section-schemeitem .green-card .d-flex .text {
      padding-left: 30px; }
      .section-schemeitem .green-card .d-flex .text .til {
        color: #6d8a62;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 15px; }
      .section-schemeitem .green-card .d-flex .text .cont {
        color: #737377;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
        .section-schemeitem .green-card .d-flex .text .cont .yel {
          color: #ffa747; }
      .section-schemeitem .green-card .d-flex .text .btnbn-cont {
        margin-top: 40px; }
        .section-schemeitem .green-card .d-flex .text .btnbn-cont .btn {
          background-color: #388ae8;
          color: #fff;
          font-size: 18px;
          font-weight: 600;
          letter-spacing: 1px;
          height: 45px;
          line-height: 45px;
          border-radius: 10px; }
          .section-schemeitem .green-card .d-flex .text .btnbn-cont .btn .d-flex .icon {
            padding-left: 10px; }
            .section-schemeitem .green-card .d-flex .text .btnbn-cont .btn .d-flex .icon img {
              width: 16px; }
        .section-schemeitem .green-card .d-flex .text .btnbn-cont .btn:hover {
          background-color: #1664be; }
  .section-schemeitem .video-cont {
    margin-top: 40px;
    position: relative;
    width: 100%;
    /* 9/16 = 56.25% → this padding keeps the box at 16:9 */
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; }
    .section-schemeitem .video-cont iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0; }
  .section-schemeitem .bluex-card {
    border-radius: 10px;
    border: 4px solid rgba(163, 195, 212, 0.18);
    background: #f9fdff;
    padding: 20px 20px 20px 20px;
    text-align: center; }
    .section-schemeitem .bluex-card .imgae {
      margin-bottom: 20px; }
    .section-schemeitem .bluex-card .title {
      margin-bottom: 10px;
      color: #e28065;
      font-weight: 700; }
    .section-schemeitem .bluex-card .cont {
      color: #737377; }

.section-foundernotes {
  background-color: #e9e7ec;
  padding-bottom: 90px;
  margin-bottom: 90px;
  padding-top: 60px; }
  .section-foundernotes .founder-thumbs {
    position: relative;
    overflow: visible;
    margin-bottom: 2rem; }
    .section-foundernotes .founder-thumbs .owl-stage {
      display: flex;
      align-items: center; }
    .section-foundernotes .founder-thumbs .owl-item.center .item img {
      width: 100px;
      height: 100px;
      opacity: 1;
      border: 3px solid #ffa747;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }
    .section-foundernotes .founder-thumbs .owl-item:not(.center) .item img {
      width: 60px;
      height: 60px;
      opacity: 0.5;
      border: 2px solid transparent; }
    .section-foundernotes .founder-thumbs .owl-item .item {
      margin: 0 1rem;
      cursor: pointer; }
      .section-foundernotes .founder-thumbs .owl-item .item img {
        object-fit: cover;
        border-radius: 50%;
        transition: all 0.3s ease;
        display: block; }
  .section-foundernotes .founder-slider .item {
    background: #fff;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin-right: 20px; }
    .section-foundernotes .founder-slider .item .notes {
      padding: 1rem; }
      .section-foundernotes .founder-slider .item .notes .avatar {
        position: relative; }
        .section-foundernotes .founder-slider .item .notes .avatar img {
          width: 80px;
          height: 80px;
          border-radius: 50%;
          border: 4px solid #fff;
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
          position: relative;
          left: 50%;
          transform: translate(-50%); }
      .section-foundernotes .founder-slider .item .notes .linkedin-icon {
        position: absolute;
        right: 115px;
        top: 67px; }
        .section-foundernotes .founder-slider .item .notes .linkedin-icon .linkedin {
          margin-left: 0.5rem;
          color: #0077b5;
          font-size: 22px; }
      .section-foundernotes .founder-slider .item .notes .name {
        margin-top: 30px;
        color: #62006b;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px;
        /* 106.25% */ }
      .section-foundernotes .founder-slider .item .notes .content p {
        margin-top: 1rem;
        line-height: 1.6;
        max-height: 240px;
        overflow-y: auto; }

.section-gallery {
  margin-bottom: 90px; }
  .section-gallery .gallery {
    column-count: 3;
    column-gap: 1rem; }
  .section-gallery .gallery-item {
    break-inside: avoid;
    margin-bottom: 1rem;
    border-radius: 8px;
    overflow: hidden; }
    .section-gallery .gallery-item img {
      width: 100%;
      display: block;
      object-fit: cover; }

@media (max-width: 992px) {
  .gallery {
    column-count: 2; } }

@media (max-width: 600px) {
  .gallery {
    column-count: 1; } }

.section-contact {
  padding: 4rem 0; }
  .section-contact .titlenw {
    font-size: 32px;
    color: #855ab4;
    margin-bottom: 2rem; }
  .section-contact .contact-cont {
    max-width: 600px;
    margin: 0 auto;
    background: #fff;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); }
    .section-contact .contact-cont .contact-info {
      margin-bottom: 20px; }
      .section-contact .contact-cont .contact-info .d-flex .avatar {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
        margin-right: 20px; }
      .section-contact .contact-cont .contact-info .d-flex .intro {
        color: #855ab4;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        letter-spacing: 0.48px; }
    .section-contact .contact-cont .contact-header {
      display: flex;
      align-items: center;
      margin-bottom: 1.5rem; }
      .section-contact .contact-cont .contact-header p {
        margin: 0;
        color: #555;
        font-size: 16px;
        line-height: 1.4; }
        .section-contact .contact-cont .contact-header p strong {
          color: #333; }
        .section-contact .contact-cont .contact-header p a {
          color: #6c4cc3;
          text-decoration: none; }
          .section-contact .contact-cont .contact-header p a:hover {
            text-decoration: underline; }
    .section-contact .contact-cont .contact-form {
      display: flex;
      flex-direction: column; }
      .section-contact .contact-cont .contact-form input:not([type]):focus:not([readonly]),
      .section-contact .contact-cont .contact-form input[type="text"]:not(.browser-default):focus:not([readonly]),
      .section-contact .contact-cont .contact-form input[type="password"]:not(.browser-default):focus:not([readonly]),
      .section-contact .contact-cont .contact-form input[type="email"]:not(.browser-default):focus:not([readonly]),
      .section-contact .contact-cont .contact-form input[type="url"]:not(.browser-default):focus:not([readonly]),
      .section-contact .contact-cont .contact-form input[type="time"]:not(.browser-default):focus:not([readonly]),
      .section-contact .contact-cont .contact-form input[type="date"]:not(.browser-default):focus:not([readonly]),
      .section-contact .contact-cont .contact-form input[type="datetime"]:not(.browser-default):focus:not([readonly]),
      .section-contact .contact-cont .contact-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
      .section-contact .contact-cont .contact-form input[type="tel"]:not(.browser-default):focus:not([readonly]),
      .section-contact .contact-cont .contact-form input[type="number"]:not(.browser-default):focus:not([readonly]),
      .section-contact .contact-cont .contact-form input[type="search"]:not(.browser-default):focus:not([readonly]),
      .section-contact .contact-cont .contact-form textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #6c4cc3;
        -webkit-box-shadow: 0 1px 0 0 #6c4cc3;
        box-shadow: 0 1px 0 0 #6c4cc3; }
      .section-contact .contact-cont .contact-form input {
        width: 100%;
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 16px;
        color: #333;
        transition: border-color 0.2s;
        text-indent: 10px; }
        .section-contact .contact-cont .contact-form input:focus {
          outline: none;
          border-color: #6c4cc3; }
      .section-contact .contact-cont .contact-form textarea {
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 16px;
        color: #333;
        transition: border-color 0.2s;
        text-indent: 10px;
        height: 100px; }
        .section-contact .contact-cont .contact-form textarea:focus {
          outline: none;
          border-color: #6c4cc3; }
      .section-contact .contact-cont .contact-form button {
        align-self: flex-end;
        background: #ffa347;
        color: #fff;
        padding: 0.75rem 2rem;
        font-size: 16px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background 0.2s; }
        .section-contact .contact-cont .contact-form button:hover {
          background: #ff8a14; }

@media only screen and (max-width: 768px) {
  .section-gallery {
    margin-bottom: 0; }
  .titlenw {
    margin-bottom: 30px; }
  .section-foundernotes {
    background-color: #e9e7ec;
    padding-bottom: 40px;
    margin-bottom: 40px;
    padding-top: 30px; }
    .section-foundernotes .founder-slider .item .notes .linkedin-icon {
      right: 93px;
      top: 57px; }
  .section-schemeitem {
    margin-bottom: 40px; }
    .section-schemeitem .blue-card {
      padding: 20px; }
      .section-schemeitem .blue-card .d-flex {
        display: revert !important; }
        .section-schemeitem .blue-card .d-flex .text {
          padding-left: 0; }
        .section-schemeitem .blue-card .d-flex .image {
          margin-bottom: 20px; }
    .section-schemeitem .yell-card {
      padding: 20px; }
      .section-schemeitem .yell-card .d-flex {
        display: revert !important; }
        .section-schemeitem .yell-card .d-flex .image {
          margin-bottom: 20px; }
        .section-schemeitem .yell-card .d-flex .pdleft {
          padding-left: 0; }
    .section-schemeitem .green-card {
      padding: 20px; }
      .section-schemeitem .green-card .d-flex {
        display: revert !important; }
        .section-schemeitem .green-card .d-flex .text {
          padding-left: 0; }
        .section-schemeitem .green-card .d-flex .image {
          margin-bottom: 20px; }
    .section-schemeitem .schemeitembg-cont {
      padding: 40px 0; }
    .section-schemeitem .bluex-card {
      margin-bottom: 30px; }
  .title-othercont {
    margin-bottom: 20px; }
  .section-scheme {
    margin-bottom: 40px; }
  #header-main nav,
  #header-main nav .nav-wrapper i,
  #header-main nav a.sidenav-trigger,
  #header-main nav a.sidenav-trigger i {
    height: 70px !important;
    line-height: 70px !important; }
  #header-main nav .sidenav-icon .fa-bars {
    color: #4c2d6c; }
  #header-main nav .sidenav-icon a:hover {
    color: #fff; }
  #header-main nav .nav-wrapper .logo a {
    line-height: 50px; }
    #header-main nav .nav-wrapper .logo a img {
      width: 120px;
      margin-top: 7px; }
  #header-main .right-icon {
    display: block; }
  .homebanner {
    height: auto;
    margin-top: 40px;
    margin-bottom: 40px; }
    .homebanner .btnbn-cont .btn {
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      width: 100%; }
    .homebanner .dotted-circle {
      top: -50px;
      right: -12px;
      width: 450px;
      height: 450px; }
    .homebanner .image {
      padding-top: 60px; }
      .homebanner .image img.gray {
        padding-top: 0; }
      .homebanner .image img.color {
        padding-top: 0; }
    .homebanner .caption-cont {
      width: 100%;
      padding-top: 0; }
      .homebanner .caption-cont .mn-title {
        font-size: 22px;
        line-height: 36px; }
  .footer-main {
    margin-top: 0;
    text-align: center; }
    .footer-main .footer-ctcont .contact-cont .add-cont .d-flex {
      display: inline-flex !important; }
    .footer-main .footer-links {
      padding-top: 0; }
    .footer-main .footer-social {
      padding-top: 0;
      padding-bottom: 30px; }
    .footer-main .footer-copyrights .text {
      font-size: 14px; }
  .heading {
    font-size: 20px; }
  .heading_gray {
    font-size: 16px; }
  .heading_white {
    font-size: 20px; } }