{"version":3,"file":"static/css/599.5f54fd89.chunk.css","mappings":"AAEE,wBAEE,wBADA,uBAiCA,gBACA,UACA,kBAhCA,6BAJF,wBAKI,gBAKE,yDACE,yBAGF,+DACE,mBAYA,mMACE,WAUR,mCACE,eAGF,0CACE,gBAEA,0DACE,4BAGF,8GAGE,cADA,uBAKA,kBAFA,qCACA,wBAFA,UAGA,CAGF,oDACE,aAEA,sDAEE,cADA,eAEA,mBAGF,yDAIE,cAHA,4BACA,gBACA,wBACA,CAKF,0DACE,cACA,UAEA,4BADA,iBACA,CAGF,gEACE,wBAIJ,0DAME,wEAHA,qBAIA,YANA,kBAGA,kBAFA,MAGA,0BAEA,CAEA,+DAQE,cAJA,4BACA,gBAHA,uBAKA,mBADA,mBALA,kBAEA,wBAKA,CAGF,4DAEE,iBADA,eACA,CAQV,mBACE,uBACA,kBAII,+CACE,yBAII,gFACE,WAOV,0CAEE,sBACA,kBACA,8BAHA,eAGA,CAEA,4DACE,kBACA,2BACA,qCAEA,6BALF,4DAMI,oBACA,sBAGF,6BAVF,4DAYI,oBAKA,6BAFF,sEAGI,qBAGF,2EACE,cAIA,4BAFA,eADA,gBAEA,gBACA,CAIJ,8DACE,cAEA,eADA,mBAEA,qCAGF,8DAEE,gBADA,UAEA,2BACA,qCAGF,8DAGE,cADA,cADA,4BAGA,qCAEA,oEACE,8CAON,gDACE,4BAEA,kDACE,UAGF,kDACE,UACA,wBAQV,mBACE,uBACA,kBAII,+CACE,yBAII,iFACE,WAQR,qDAGE,8BACA,cAFA,aADA,4BAMA,iBADA,kBADA,gBAEA,CAEA,6BATF,qDAWI,iBADA,iBACA,EAGF,uDAEE,4BADA,eACA,CAGF,0DACE,4BAKF,yCAKE,cAFA,cAGA,4BAJA,eADA,gBAGA,gBAEA,CAKN,yCAME,cAJA,4BAEA,gBACA,oBAFA,cAFA,eAKA,CAGF,2CAEE,2CACA,SAGF,6CACE,wBAGF,0CAEE,sBACA,kBAEA,8BAJA,eAGA,oCACA,CAEA,6BAPF,0CAQI,oBACA,sBAGF,6BAZF,0CAaI,oBACA,sBAGF,6BAjBF,0CAkBI,kBACA,oBAGF,gDACE,gCAUF,+CACE,yBAGE,wEACE,WAMR,0CACE,qCAEA,gDACE,gCAOR,mBACE,kBACA,+BAGE,oDAEE,YAIA,OADA,UAGA,kBADA,MANA,wBAQA,kBANA,WACA,SAKA,CAGF,mDACE,kBAEA,uEAIE,SADA,YAEA,OAEA,kBADA,SAEA,2BACA,+BAPA,WADA,SAQA,CAEA,8FACE,UACA,2BACA,+BAGF,4FAGE,YAEA,OADA,UAGA,kBADA,MAEA,+BANA,WADA,UAOA,CAMJ,0DACE,UACA,mBAIA,6EAEE,mCADA,uBACA,CAEA,oGACE,UACA,wBAGF,kGACE,UACA","sources":["Assets/scss/components/_fancytextbox.scss"],"sourcesContent":["// Fancy text box 01\r\n.fancy-text-box-01 {\r\n  .col {\r\n    border-right-width: 1px;\r\n    border-bottom-width: 1px;\r\n\r\n    @media (max-width:var(--xs)) {\r\n      border-right: 0;\r\n    }\r\n\r\n    &.dark {\r\n      .text-box-content {\r\n        .text-box {\r\n          background-color: #232323\r\n        }\r\n\r\n        .text-box-hover {\r\n          background: #232323;\r\n\r\n          span {\r\n            color: #fff;\r\n          }\r\n\r\n          p {\r\n            color: #fff;\r\n          }\r\n        }\r\n\r\n        .text-box {\r\n          span {\r\n            color: #fff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: relative;\r\n\r\n    &:last-child {\r\n      border-right: 0;\r\n    }\r\n\r\n    .text-box-content {\r\n      overflow: hidden;\r\n\r\n      .text-box-hover {\r\n        padding: 40px 20px 40px !important;\r\n      }\r\n\r\n      .text-box,\r\n      .text-box-hover {\r\n        padding: 52px 20px 43px;\r\n        display: block;\r\n        width: 100%;\r\n        transition: var(--default-transition);\r\n        transition-duration: 0.5s;\r\n        text-align: center;\r\n      }\r\n\r\n      .text-box {\r\n        display: grid;\r\n\r\n        i {\r\n          font-size: 40px;\r\n          color: #8bb867;\r\n          margin-bottom: 15px;\r\n        }\r\n\r\n        span {\r\n          font-family: var(--alt-font);\r\n          font-weight: 500;\r\n          text-transform: uppercase;\r\n          color: #232323;\r\n        }\r\n      }\r\n\r\n      &:hover {\r\n        .text-box {\r\n          color: #ff6437;\r\n          opacity: 0;\r\n          visibility: hidden;\r\n          transform: translateY(-100%);\r\n        }\r\n\r\n        .text-box-hover {\r\n          transform: translateY(0);\r\n        }\r\n      }\r\n\r\n      .text-box-hover {\r\n        position: absolute;\r\n        top: 0;\r\n        display: inline-block;\r\n        text-align: center;\r\n        transform: translateY(100%);\r\n        background: linear-gradient(to bottom, #fff, #fdfdfd, #fbfbfb, #f9f9f9, #f7f7f7);\r\n        height: 100%;\r\n\r\n        span {\r\n          text-align: center;\r\n          justify-content: center;\r\n          text-transform: uppercase;\r\n          font-family: var(--alt-font);\r\n          font-weight: 500;\r\n          margin-bottom: 10px;\r\n          line-height: normal;\r\n          color: #2f2f2f;\r\n        }\r\n\r\n        p {\r\n          margin-bottom: 0;\r\n          line-height: 26px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Fancy text box style 02\r\n.fancy-text-box-02 {\r\n  justify-content: center;\r\n  text-align: center;\r\n\r\n  .col {\r\n    &.dark {\r\n      .text-box-content {\r\n        background-color: #232323;\r\n\r\n        .text-box-wrapper {\r\n          .text-box {\r\n            span {\r\n              color: #fff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .text-box-content {\r\n      overflow: hidden;\r\n      background-color: #fff;\r\n      border-radius: 6px;\r\n      box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);\r\n\r\n      .text-box-wrapper {\r\n        padding: 17px 70px;\r\n        transform: translateY(25px);\r\n        transition: var(--default-transition);\r\n\r\n        @media (max-width:var(--lg)) {\r\n          padding-left: 2.5rem;\r\n          padding-right: 2.5rem;\r\n        }\r\n\r\n        @media (max-width:var(--md)) {\r\n          padding-right: 4rem;\r\n          padding-right: 4rem;\r\n        }\r\n\r\n        .text-box {\r\n\r\n          @media (max-width:var(--lg)) {\r\n            padding-bottom: 25px;\r\n          }\r\n\r\n          span {\r\n            color: #232323;\r\n            font-weight: 500;\r\n            font-size: 16px;\r\n            line-height: 28px;\r\n            font-family: var(--alt-font)\r\n          }\r\n        }\r\n\r\n        i {\r\n          display: block;\r\n          margin-bottom: 25px;\r\n          font-size: 40px;\r\n          transition: var(--default-transition);\r\n        }\r\n\r\n        p {\r\n          opacity: 0;\r\n          margin-bottom: 0;\r\n          transform: translateY(20px);\r\n          transition: var(--default-transition);\r\n        }\r\n\r\n        a {\r\n          font-family: var(--alt-font);\r\n          display: block;\r\n          color: #828282;\r\n          transition: var(--default-transition);\r\n\r\n          &:hover {\r\n            color: var(--base-color, #0038e3);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &:hover {\r\n      .text-box-wrapper {\r\n        transform: translateY(-30px);\r\n\r\n        i {\r\n          opacity: 0;\r\n        }\r\n\r\n        p {\r\n          opacity: 1;\r\n          transform: translateY(0);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Fancy text box style 03\r\n.fancy-text-box-03 {\r\n  justify-content: center;\r\n  text-align: center;\r\n\r\n  .col {\r\n    &.dark {\r\n      .text-box-content {\r\n        background-color: #232323;\r\n\r\n        .text-box {\r\n          .fancy-box-wrapper {\r\n            span {\r\n              color: #fff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .text-box {\r\n      .fancy-box-wrapper {\r\n        font-family: var(--alt-font);\r\n        flex: 0 0 70%;\r\n        border-left: 1px solid #e4e4e4;\r\n        display: block;\r\n        text-align: start;\r\n        padding-left: 45px;\r\n        margin-left: 40px;\r\n\r\n        @media (max-width:var(--xs)) {\r\n          padding-left: 25px;\r\n          margin-left: 25px;\r\n        }\r\n\r\n        p {\r\n          margin-bottom: 0;\r\n          font-family: var(--alt-font);\r\n        }\r\n\r\n        span {\r\n          font-family: var(--alt-font);\r\n        }\r\n      }\r\n\r\n      span {\r\n        p {\r\n          margin-bottom: 0;\r\n          font-size: 15px;\r\n          display: block;\r\n          text-align: start;\r\n          color: #828282;\r\n          font-family: var(--alt-font);\r\n        }\r\n      }\r\n    }\r\n\r\n    .fancy-text-icon {\r\n      margin-bottom: 0;\r\n      font-family: var(--alt-font);\r\n      line-height: 1;\r\n      font-weight: 600;\r\n      letter-spacing: -1px;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .fancy-box-content {\r\n      border-left: 1px solid;\r\n      border-color: #e4e4e4;\r\n      flex: 1;\r\n    }\r\n\r\n    .featured-box-style2 {\r\n      transition-duration: 0.4s;\r\n    }\r\n\r\n    .text-box-content {\r\n      padding: 3.5rem;\r\n      background-color: #fff;\r\n      border-radius: 6px;\r\n      transition: var(--default-transition);\r\n      box-shadow: 0 0 15px rgb(0 0 0 / 8%);\r\n\r\n      @media (max-width:var(--lg)) {\r\n        padding-left: 1.5rem;\r\n        padding-right: 1.5rem;\r\n      }\r\n\r\n      @media (max-width:var(--md)) {\r\n        padding-left: 3.5rem;\r\n        padding-right: 3.5rem;\r\n      }\r\n\r\n      @media (max-width:var(--xs)) {\r\n        padding-left: 2rem;\r\n        padding-right: 2rem;\r\n      }\r\n\r\n      &:hover {\r\n        transform: translate3d(0, -3px, 0);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Fancy text box style 04\r\n.fancy-text-box-04 {\r\n  .col {\r\n    &.dark {\r\n      .text-box-content {\r\n        background-color: #232323;\r\n\r\n        .feature-box-content {\r\n          div {\r\n            color: #fff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .text-box-content {\r\n      transition: var(--default-transition);\r\n\r\n      &:hover {\r\n        transform: translate3d(0, -3px, 0);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Facny text box style 05\r\n.fancy-text-box-05 {\r\n  position: relative;\r\n  transition: all 0.5s ease-in-out;\r\n\r\n  .fancy-box-item {\r\n    .bg-banner-image {\r\n      transition-duration: 0.5s;\r\n      height: 100%;\r\n      width: 100%;\r\n      z-index: 0;\r\n      opacity: 0;\r\n      left: 0;\r\n      top: 0;\r\n      position: absolute;\r\n      visibility: hidden\r\n    }\r\n\r\n    .fancy-text-box {\r\n      position: relative;\r\n\r\n      .fancy-text-content {\r\n        z-index: 9;\r\n        width: 100%;\r\n        height: auto;\r\n        bottom: 0;\r\n        left: 0;\r\n        top: auto;\r\n        position: absolute;\r\n        transform: translateY(70px);\r\n        transition: all 0.5s ease-in-out;\r\n\r\n        .fancy-text-box-bottom {\r\n          opacity: 0;\r\n          transform: translateY(15px);\r\n          transition: all 0.5s ease-in-out;\r\n        }\r\n\r\n        .feather-box-overlay {\r\n          z-index: -1;\r\n          width: 100%;\r\n          height: 100%;\r\n          opacity: 0;\r\n          left: 0;\r\n          top: 0;\r\n          position: absolute;\r\n          transition: all 0.5s ease-in-out;\r\n        }\r\n      }\r\n    }\r\n\r\n    &:hover {\r\n      .bg-banner-image {\r\n        opacity: 1;\r\n        visibility: visible;\r\n      }\r\n\r\n      .fancy-text-box {\r\n        .fancy-text-content {\r\n          transform: translateY(0);\r\n          background-color: var(--base-color);\r\n\r\n          .fancy-text-box-bottom {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n          }\r\n\r\n          .feature-box-overlay {\r\n            opacity: 1;\r\n            visibility: visible;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}"],"names":[],"sourceRoot":""}