{"version":3,"file":"admin/css/dashboard.css","mappings":";;;;;;;AAEA;EACE;EACA;AAAF;AACE;EACE;AACJ;AAAI;EACE;AAEN;;AAGA;EACE;EACA;EACA;EACA;AAAF;AAEE;EACE;EACA;EACA;AAAJ;AAGE;EACE;EACA;EACA;EACA;EACA;AADJ;AAGI;EACE;EACA;AADN;AAGM;EACE;EACA;EACA;AADR;AAGQ;EACE;EACA;AADV;AAIQ;EACE;EACA;AAFV;AAMM;EACE;EACA;EACA;EACA;EACA;EACA;AAJR;AAOM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALR;AAOQ;EACE;AALV;AAUI;EACE;EACA;EACA;EACA;AARN;AAUM;EACE;EACA;EACA;EACA;AARR;AAWQ;EACE;EACA;EACA;EACA;EACA;AATV;AAYQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVV;AAgBE;EACE;IACE;EAdJ;EAgBI;IACE;EAdN;EAgBM;IACE;IACA;EAdR;EAiBM;IACE;IACA;EAfR;EAoBM;IACE;EAlBR;AACF;;AAwBA;EACE;EACA;AArBF;AAuBE;EACE;EACA;EACA;EACA;EACA;EACA;AArBJ;AAwBE;EACE;EACA;EACA;EACA;AAtBJ;AAyBE;EACE;EACA;EACA;AAvBJ;AAyBI;EACE;EACA;EACA;EACA;AAvBN;AA2BE;EACE;AAzBJ;AA2BI;EACE;EACA;EACA;EACA;EACA;AAzBN;AA4BI;EACE;EACA;EACA;AA1BN;AA6BI;EACE;EACA;EACA;EACA;AA3BN;AA6BM;EACE;EACA;EACA;EACA;EACA;EACA;AA3BR;AA6BQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3BV;AAgCI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA9BN;AAgCM;EACE;AA9BR;;AAoCA;EACE;AAjCF;AAmCE;EACE;EACA;EACA;AAjCJ;AAoCE;EACE;EACA;EACA;AAlCJ;AAqCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnCJ;AAqCI;EACE;EACA;EACA;EACA;AAnCN;AAsCI;EACE;EACA;EACA;EACA;AApCN;AAuCI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AArCN;AAuCM;EACE;AArCR;AAwCM;EACE;AAtCR;AA0CI;EACE;AAxCN,C","sources":["webpack://@codecanel/before-after-image-slider/./src/admin/styles/dashboard.scss"],"sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap\");\n\n.coca_bais_page_bais-dashboard {\n  font-family: \"Plus Jakarta Sans\", sans-serif;\n  background-color: white;\n  #wpcontent {\n    padding-left: 0px;\n    .wrap {\n      margin: 0;\n    }\n  }\n}\n\n.coca__welcome {\n  padding: 60px 20px 120px 20px;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: top center;\n\n  .container {\n    max-width: 1260px;\n    margin: 0 auto;\n    padding: 0 36px;\n  }\n\n  .welcome-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 40px;\n    flex-wrap: wrap;\n\n    .text-content {\n      flex: 1;\n      min-width: 300px;\n\n      h1 {\n        font-size: 36px;\n        line-height: 1.3;\n        color: #1c1c1c;\n\n        span {\n          font-weight: 700;\n          color: #4a25e1;\n        }\n\n        strong {\n          font-weight: 600;\n          color: #1B2559;\n        }\n      }\n\n      p {\n        margin-top: 6px;\n        margin-bottom: 36px;\n        font-size: 14px;\n        color: black;\n        max-width: 520px;\n        line-height: 1.6;\n      }\n\n      .add-slider-button {\n        padding: 10px 30px;\n        background: linear-gradient(135deg, #4a25e1, #7b5aff);\n        color: white;\n        border: none;\n        border-radius: 12px;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        box-shadow: 0px 5px 27px -10px rgba(96, 60, 255, 0.48);\n        transition: 0.3s ease;\n        text-decoration: none;\n\n        &:hover {\n          opacity: 0.9;\n        }\n      }\n    }\n\n    .video-thumbnail {\n      flex: 1;\n      min-width: 300px;\n      display: flex;\n      justify-content: flex-end;\n\n      .video-wrapper {\n        position: relative;\n        border-radius: 12px;\n        overflow: hidden;\n        max-width: 100%;\n        // box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n\n        img {\n          width: 100%;\n          height: auto;\n          display: block;\n          object-fit: cover;\n          aspect-ratio: 16 / 9;\n        }\n\n        .play-button {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          background: linear-gradient(135deg, #4a25e1, #7b5aff);\n          width: 60px;\n          height: 60px;\n          border-radius: 50%;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          box-shadow: 0px 5px 27px -10px rgba(96, 60, 255, 0.48);\n          cursor: pointer;\n        }\n      }\n    }\n  }\n\n  @media (max-width: 768px) {\n    .welcome-wrapper {\n      flex-direction: column;\n\n      .text-content {\n        text-align: center;\n\n        p {\n          margin-left: auto;\n          margin-right: auto;\n        }\n\n        .add-slider-button {\n          margin-left: auto;\n          margin-right: auto;\n        }\n      }\n\n      .video-thumbnail {\n        .video-wrapper {\n          width: 100%;\n        }\n      }\n    }\n  }\n}\n\n.coca__feature-section {\n  padding: 0 56px;\n  margin-top: -40px;\n\n  .container {\n    max-width: 1200px;\n    margin: 0 auto;\n    box-shadow: 0px 12px 40px rgba(16, 24, 40, 0.08);\n    border-radius: 14px;\n    padding: 30px;\n    background-color: white;\n  }\n\n  .feature-wrapper {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 40px;\n  }\n\n  .feature-image {\n    flex: 1 1 400px;\n    display: flex;\n    justify-content: center;\n\n    img {\n      width: 100%;\n      max-width: 480px;\n      border-radius: 10px;\n      object-fit: cover;\n    }\n  }\n\n  .feature-content {\n    flex: 1 1 480px;\n\n    h2 {\n      font-size: 28px;\n      font-weight: 700;\n      color: #1b2559;\n      margin-bottom: 10px;\n      line-height: 1.2;\n    }\n\n    p {\n      font-size: 15px;\n      color: black;\n      margin-bottom: 24px;\n    }\n\n    ul {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 12px 40px;\n      margin-bottom: 30px;\n\n      li {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        font-size: 14px;\n        color: black;\n        width: 100%;\n\n        .checkmark {\n          color: white;\n          font-weight: normal;\n          margin-right: 8px;\n          border-radius: 100%;\n          height: 20px;\n          width: 20px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          background-color: #4a25e1;\n        }\n      }\n    }\n\n    .pro-button {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: linear-gradient(0deg, #4a25e1, #7b5aff);\n      color: #fff;\n      font-weight: 600;\n      font-size: 14px;\n      padding: 12px 24px;\n      border-radius: 12px;\n      text-decoration: none;\n      transition: background 0.3s ease;\n\n      &:hover {\n        background: linear-gradient(135deg, #3722b6, #5f47ff);\n      }\n    }\n  }\n}\n\n.coca__info-cards {\n  padding: 60px 20px;\n\n  .container {\n    max-width: 1260px;\n    margin: 0 auto;\n    padding: 0 36px;\n  }\n\n  .cards-wrapper {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 24px;\n  }\n\n  .info-card {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    background: #ffffff;\n    border-radius: 16px;\n    padding: 30px;\n    box-shadow: 0px 12px 32px 0px rgba(16, 24, 40, 0.06);\n    transition: 0.3s ease-in-out;\n\n    h3 {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1b2559;\n      margin-bottom: 14px;\n    }\n\n    p {\n      font-size: 14px;\n      color: black;\n      line-height: 1.6;\n      margin-bottom: 24px;\n    }\n\n    a {\n      display: inline-flex;\n      align-items: center;\n      font-weight: 600;\n      font-size: 14px;\n      color: #4a25e1;\n      text-decoration: none;\n      gap: 4px;\n\n      span {\n        transition: transform 0.2s ease-in-out;\n      }\n\n      &:hover span {\n        transform: translateX(2px) translateY(-2px);\n      }\n    }\n\n    &:hover {\n      box-shadow: 0px 12px 40px rgba(16, 24, 40, 0.08);\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}