{"version":3,"file":"static/css/2421.eea61918.chunk.css","mappings":"AAAA,uBAIE,wBACA,qCASA,wBACA,8BARA,uBAGE,wBACA,+BAOA,gBADF,6BAEE,gCAEA,6CACE,gCAGF,2CACE,CAMF,kDAFF,oCACE,wBAOA,CANA,yBAGF,aACE,CADF,+BAGE,wBAOF,kBADA,eACA,CAFF,0BAGE,8BAGE,8BADF,oCAEE,yDAEA,qCACE,mDAKF,6BACA,CAFF,0BACE,CACA,oCACA,qDASE,8BAPF,yEACE,6BAOA,6CAOJ,6BACE,qCACA,oDAWE,6BACA,CADA,kBACA,CADA,wBACA,CAPA,QACA,CAMA,YACA,CAXF,UACE,CAGA,QACA,CAMA,SACA,CAXA,iBACA,CAaA,wBAVA,OACA,CAMA,SAIA,mDAGF,6BACE,gCACA,6CAOJ,wBACE,qCACA,sGAME,kBACA,CALF,UAEE,CAGA,QACA,CAHA,SACA,CAIA,oBADA,iBACA,CANA,QACA,CAGA,OAGA,oDAGF,wBACE,2BACA,mDAGF,qBACE,2BACA,gBACA,qCAWF,aACA,CARF,oBACE,CAQA,iCARA,cACA,CAMA,UACA,CANA,kBACA,CAFA,aACA,CACA,eACA,kBACA,WAIA,4CAEA,aACE,gBACA,0CAOA,aACA,CALF,oBACE,CAEA,MACA,CAHA,eACA,CAGA,iBACA,CAJA,iBACA,CAGA,kBACA,iDAME,gBADA,eACA,CAHA,MACA,CAFF,iBACE,CACA,KAGA,wBAQN,8BADF,oCAEE,8BAEA,+BACE,qCAOA,aACA,CALF,oBACE,CAOA,iCAHA,UACA,CACA,kBACA,CAFA,aACA,CANA,eACA,kBACA,WAMA,4CAEA,aACE,gBACA,eACA,iBACA,0CAOA,aACA,CALF,oBACE,CAEA,MACA,CAHA,eACA,CAGA,iBACA,CAJA,iBACA,CAGA,kBACA,iDAME,eACA,eACA,CAHA,eACA,CAHA,MACA,CAIA,iBANF,iBACE,CACA,KAKA,gGAYF,QACE,CCnOJ,oBACE,cAKF,qBACE,WAIJ,gFAKE,gBACA,UAEA,+FACE,qBAEA,2JACE,cAGF,sJACE,eAIJ,0FACE,qBAKF,mBACE,aAGF,kBACE,eAEA,YACA,iBAFA,UAEA,CAKF,mBACE,aAGF,kBACE,eAEA,YACA,iBAFA,UAEA,CAKF,mBACE,aAGF,kBACE,eAEA,YACA,iBAFA,UAEA,CAKF,mBACE,iBACA,kBAGF,kBACE,eAEA,YACA,iBAFA,UAEA,CAKF,mBACE,cAGF,kBACE,eAEA,YACA,iBAFA,UAEA,CAMN,sBAEE,mBADA,YACA,CAGE,6BACE,cACA,qBACA,qCAEA,mCACE,+BAMJ,8BACE,WACA,qBACA,qCAEA,oCACE,+BAOR,sBAEE,mBADA,YACA,CAIE,2DACE,qCAEA,uEAEE,+BADA,0BACA,CAOR,sBAEE,mBADA,YACA,CAEA,wBACE,0CACA,qCAEA,8BACE,kBAMN,sBAEE,mBADA,YACA,CAEA,wBACE,0CAEA,kBADA,oCACA,CAEA,8BAEE,sBAEA,8BAHA,+BAEA,+BACA,CAMN,sBAEE,mBADA,YACA,CAEA,wBAGE,mBAEA,cAHA,qBAMA,eAEA,YANA,kBAEA,kBAGA,WAFA,SAGA,CAEA,6BAWE,0CAVA,gBACA,cACA,SACA,SACA,SACA,kBACA,QACA,qCACA,QACA,UACA,CAGF,8BACE,WAEA,mCAGE,mBADA,YAGA,MAAK,CADL,MAHA,UAIA,CAOR,sBAEE,mBADA,YACA,CAEA,wBAEE,eAAc,CADd,oCACA,CAEA,8BAEE,0CACA,kBAFA,UAEA,CAMN,sBAEE,mBADA,YACA,CAIE,2DACE,+BACA,qCAMA,mCACE,cAOF,oCACE,WAOR,sBAEE,mBADA,aAEA,WAIE,2DACE,+BACA,qBACA,YAIA,gBAFA,eACA,kBAEA,qBACA,sDALA,UAKA,CAEA,mFAUE,mBAFA,aAFA,eAJA,YAOA,uBALA,OAGA,iBANA,kBAIA,SAMA,wBACA,sDATA,UASA,CAIA,+FACE,MACA,wBAGF,yGACE,UACA,qCACA,yBAIJ,qEACE,4BACA,eAGA,gBAFA,iBACA,oBAGA,kBADA,MAEA,qCACA,yBACA,sDAOR,sBAEE,mBADA,YACA,CAEA,wBAGE,mBACA,cAFA,qBAGA,kBACA,kBACA,qCAEA,8BAEE,0CADA,UACA,CAEA,oCACE,WAKA,qBAIJ,8BASE,iBAGA,sCAFA,mBAGA,+BAZA,WACA,cAIA,YADA,OAMA,UARA,kBACA,MAIA,oBAMA,qCACA,wBARA,UAQA,CAMN,sBAEE,mBADA,YACA,CAIE,2DASE,+BARA,qBAKA,eAEA,YAJA,gBAFA,kBAGA,kBAKA,2BAHA,WAJA,SAOA,CAEA,uEACE,WAEA,iFACE,0CACA,MACA,WAIJ,qEAIE,YADA,OAFA,kBACA,UAKA,qCACA,wBACA,2BAJA,WACA,UAGA,CAMJ,6BACE,WAMA,oCAEE,WAOR,sBAEE,mBADA,YACA,CAEA,6BAJF,sBAOI,qBADA,uBADA,SAEA,EAGF,yBAGE,0BADA,wBADA,wBAEA,CAKA,2DASE,cARA,qBAEA,aAGA,cACA,6BAFA,kBAKA,qBAFA,qCANA,sBAEA,WAMA,CAEA,uEAIE,cAFA,UACA,iBAFA,oBAGA,CAEA,mGAEE,sBAEA,8BACA,aAEA,sBADA,uBAHA,kBAFA,uBAMA,CAGF,2FAEE,MAAK,CADL,KACA,CAGF,iFACE,MAGF,6FAEE,UADA,KACA,CAKN,iFACE,0CAEA,aAIA,UACA,aAAY,CAHZ,aAHA,kBAIA,SAFA,WAIA,CAEA,2FAEE,WAGA,WACA,eACA,iBANA,kBAEA,WACA,wBAGA,CAIJ,mFACE,sBAGA,8BACA,aAEA,sBACA,aAFA,uBAOA,UAHA,aACA,kBATA,kBAUA,SATA,wBAMA,WAIA,CAEA,uFACE,+BACA,cAIA,qBAFA,eACA,gBAEA,aAAY,CAJZ,eAIA,CAGF,6FAEE,cADA,cAIA,4BAFA,eACA,iBAEA,yBAOR,sBAEE,mBADA,YACA,CAEA,wBACE,qCAEA,0BACE,+BAGF,8BACE","sources":["Assets/scss/components/_testimonials.scss","Assets/scss/components/_socialicons.scss"],"sourcesContent":["// testimonials_style_01\r\n.testimonials-style-01 {\r\n  padding-top: 49px;\r\n  padding-bottom: 49px;\r\n  padding-right: 0;\r\n  padding-left: 49px;\r\n\r\n  @media (max-width:var(--lg)) {\r\n    padding-top: 36px;\r\n    padding-bottom: 36px;\r\n    padding-right: 0;\r\n    padding-left: 36px;\r\n  }\r\n\r\n  transition: var(--default-transition);\r\n  transition-duration: 0.5s;\r\n\r\n  &:hover {\r\n    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);\r\n    background: #fff;\r\n\r\n    p {\r\n      color: var(--base-color, #0038e3);\r\n    }\r\n\r\n    i {\r\n      transform: rotateY(-180deg) rotateX(-180deg);\r\n    }\r\n  }\r\n\r\n  p {\r\n    transition: var(--default-transition);\r\n    transition-duration: 0.5s;\r\n  }\r\n\r\n  i {\r\n    color: var(--base-color, #0038e3);\r\n    transition: var(--default-transition);\r\n    transition-duration: 0.5s;\r\n  }\r\n}\r\n\r\n/* testimonials_style_02 */\r\n.testimonials-style-02 {\r\n  transition: .3s ease-in-out;\r\n  overflow: hidden;\r\n  border-radius: 5px;\r\n\r\n  &:hover {\r\n    transition: var(--default-transition);\r\n    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);\r\n\r\n    .testimonials-rounded-icon {\r\n      transform: translatex(-50%) scale(1.2);\r\n    }\r\n  }\r\n\r\n  .testimonials-rounded-icon {\r\n    transform: translateX(-50%);\r\n    box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);\r\n    transition: var(--default-transition);\r\n\r\n    i {\r\n      background: linear-gradient(to right,\r\n          #b783ff,\r\n          #b783ff,\r\n          #fa7cc1,\r\n          #ff85a6,\r\n          #ff9393);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n    }\r\n  }\r\n}\r\n\r\n/* testimonials_style_03 */\r\n.testimonials-style-03 {\r\n  .testimonials-bubble {\r\n    box-shadow: 0 0 20px rgb(0 0 0 / 8%);\r\n    transition: var(--default-transition);\r\n\r\n    &::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      border-style: solid;\r\n      bottom: 0;\r\n      height: 0;\r\n      width: 0;\r\n      border-color: #fff transparent transparent;\r\n      border-width: 27px 10px 0;\r\n      border-left-color: transparent;\r\n      border-right-color: transparent;\r\n      bottom: -19px;\r\n      left: 50px;\r\n      z-index: 1;\r\n      -webkit-transform: rotate(27deg);\r\n      -ms-transform: rotate(27deg);\r\n      transform: rotate(27deg);\r\n    }\r\n\r\n    &:hover {\r\n      box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);\r\n      transform: translate3d(0, -3px, 0);\r\n    }\r\n  }\r\n}\r\n\r\n/* testimonials style 04 */\r\n.testimonials-style-04 {\r\n  .testimonials-bubble {\r\n    border: 1px solid #ededed;\r\n    transition: var(--default-transition);\r\n\r\n    &::before,\r\n    &::after {\r\n      content: \"\";\r\n      top: 100%;\r\n      left: 50px;\r\n      border: solid transparent;\r\n      height: 0;\r\n      width: 0;\r\n      position: absolute;\r\n      pointer-events: none;\r\n    }\r\n\r\n    &::before {\r\n      border-top-color: #ededed;\r\n      border-width: 18px 18px 0 0;\r\n    }\r\n\r\n    &::after {\r\n      border-top-color: #fff;\r\n      border-width: 14px 13px 0 0;\r\n      margin-left: 2px;\r\n    }\r\n  }\r\n\r\n  .star-rating {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    letter-spacing: 2px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    width: auto;\r\n    color: #fd961e;\r\n    height: 1em;\r\n    font-family: \"Font Awesome 5 Free\";\r\n\r\n    &::before {\r\n      color: #fd9d38;\r\n      content: \"\\f005\\f005\\f005\\f005\\f005\";\r\n    }\r\n\r\n    span {\r\n      display: inline-block;\r\n      overflow: hidden;\r\n      position: absolute;\r\n      left: 0;\r\n      color: #fd961e;\r\n      padding-top: 1.5em;\r\n      white-space: nowrap;\r\n\r\n      &::before {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        font-weight: 600;\r\n        content: \"\\f005\\f005\\f005\\f005\\f005\";\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* testimonials style 05 */\r\n.testimonials-style-05 {\r\n  transition: var(--default-transition);\r\n  box-shadow: 0 0 15px rgba(0, 0, 0, .08);\r\n\r\n  &:hover {\r\n    transform: translate3d(0, -3px, 0);\r\n  }\r\n\r\n  .star-rating {\r\n    display: inline-block;\r\n    overflow: hidden;\r\n    position: relative;\r\n    width: auto;\r\n    color: #fd9d38;\r\n    height: 1em;\r\n    line-height: 1;\r\n    letter-spacing: 4px;\r\n    font-family: \"Font Awesome 5 Free\";\r\n\r\n    &::before {\r\n      color: #fd9d38;\r\n      content: \"\\f005\\f005\\f005\\f005\\f005\";\r\n      font-size: 12px;\r\n      line-height: 16px;\r\n    }\r\n\r\n    span {\r\n      display: inline-block;\r\n      overflow: hidden;\r\n      position: absolute;\r\n      left: 0;\r\n      color: #fd9d38;\r\n      padding-top: 1.5em;\r\n      white-space: nowrap;\r\n\r\n      &::before {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        font-weight: 600;\r\n        content: \"\\f005\\f005\\f005\\f005\\f005\";\r\n        font-size: 12px;\r\n        line-height: 16px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// testimonials-carousel\r\n.testimonials-swiper {\r\n  &.swiper-horizontal {\r\n\r\n    .swiper-pagination-bullets,\r\n    .swiper-pagination-bullets {\r\n      &.swiper-pagination-horizontal {\r\n        bottom: 0;\r\n      }\r\n    }\r\n  }\r\n}","/* social media icon */\r\n.social-icon {\r\n  &.dark {\r\n    a {\r\n      color: #232323;\r\n    }\r\n  }\r\n\r\n  &.light {\r\n    a {\r\n      color: #fff;\r\n    }\r\n  }\r\n\r\n  &.xs,\r\n  &.sm,\r\n  &.md,\r\n  &.lg,\r\n  &.xl {\r\n    list-style: none;\r\n    padding: 0;\r\n\r\n    li {\r\n      display: inline-block;\r\n\r\n      &:first-child {\r\n        margin-left: 0;\r\n      }\r\n\r\n      &:last-child {\r\n        margin-right: 0;\r\n      }\r\n    }\r\n\r\n    a {\r\n      display: inline-block;\r\n    }\r\n  }\r\n\r\n  &.xs {\r\n    li {\r\n      margin: 0 2px;\r\n    }\r\n\r\n    a {\r\n      font-size: 14px;\r\n      width: 30px;\r\n      height: 30px;\r\n      line-height: 30px;\r\n    }\r\n  }\r\n\r\n  &.sm {\r\n    li {\r\n      margin: 0 5px;\r\n    }\r\n\r\n    a {\r\n      font-size: 16px;\r\n      width: 40px;\r\n      height: 40px;\r\n      line-height: 40px;\r\n    }\r\n  }\r\n\r\n  &.md {\r\n    li {\r\n      margin: 0 8px;\r\n    }\r\n\r\n    a {\r\n      font-size: 20px;\r\n      width: 50px;\r\n      height: 50px;\r\n      line-height: 50px;\r\n    }\r\n  }\r\n\r\n  &.lg {\r\n    li {\r\n      margin-left: 10px;\r\n      margin-right: 10px;\r\n    }\r\n\r\n    a {\r\n      font-size: 24px;\r\n      width: 60px;\r\n      height: 60px;\r\n      line-height: 60px;\r\n    }\r\n  }\r\n\r\n  &.xl {\r\n    li {\r\n      margin: 0 12px;\r\n    }\r\n\r\n    a {\r\n      font-size: 30px;\r\n      width: 70px;\r\n      height: 70px;\r\n      line-height: 70px;\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 01\r\n.social-icon-style-01 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  &.dark {\r\n    a {\r\n      color: #232323;\r\n      text-decoration: none;\r\n      transition: var(--default-transition);\r\n\r\n      &:hover {\r\n        color: var(--social-icon-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.light {\r\n    a {\r\n      color: white;\r\n      text-decoration: none;\r\n      transition: var(--default-transition);\r\n\r\n      &:hover {\r\n        color: var(--social-icon-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 02\r\n.social-icon-style-02 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  &.dark,\r\n  &.light {\r\n    a {\r\n      transition: var(--default-transition);\r\n\r\n      &:hover {\r\n        transform: translateY(-8px);\r\n        color: var(--social-icon-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 03\r\n.social-icon-style-03 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  a {\r\n    background-color: var(--social-icon-color);\r\n    transition: var(--default-transition);\r\n\r\n    &:hover {\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 04\r\n.social-icon-style-04 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  a {\r\n    background-color: var(--social-icon-color);\r\n    transition: var(--default-transition);\r\n    border-radius: 50%;\r\n\r\n    &:hover {\r\n      color: var(--social-icon-color);\r\n      background-color: #fff;\r\n      transform: translate3d(0, -3px, 0);\r\n      box-shadow: 0 0 30px rgb(23 23 23 / 25%);\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 05\r\n.social-icon-style-05 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  a {\r\n    text-align: center;\r\n    display: inline-block;\r\n    border-radius: 100%;\r\n    position: relative;\r\n    color: #232323;\r\n    text-align: center;\r\n    z-index: 1;\r\n    font-size: 24px;\r\n    width: 60px;\r\n    height: 60px;\r\n\r\n    span {\r\n      border-radius: 0;\r\n      display: block;\r\n      height: 0;\r\n      left: 50%;\r\n      margin: 0;\r\n      position: absolute;\r\n      top: 50%;\r\n      transition: var(--default-transition);\r\n      width: 0;\r\n      z-index: -1;\r\n      background-color: var(--social-icon-color);\r\n    }\r\n\r\n    &:hover {\r\n      color: #fff;\r\n\r\n      span {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 100%;\r\n        top: 0;\r\n        left: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 06\r\n.social-icon-style-06 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  a {\r\n    transition: var(--default-transition);\r\n    border-radius: 0;\r\n\r\n    &:hover {\r\n      color: #fff;\r\n      background-color: var(--social-icon-color);\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 07\r\n.social-icon-style-07 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  &.dark,\r\n  &.light {\r\n    a {\r\n      color: var(--social-icon-color);\r\n      transition: var(--default-transition);\r\n    }\r\n  }\r\n\r\n  &.dark {\r\n    a {\r\n      &:hover {\r\n        color: #232323;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.light {\r\n    a {\r\n      &:hover {\r\n        color: #fff;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 08\r\n.social-icon-style-08 {\r\n  display: flex;\r\n  align-items: center;\r\n  width: 100%;\r\n\r\n  &.dark,\r\n  &.light {\r\n    a {\r\n      color: var(--social-icon-color);\r\n      display: inline-block;\r\n      height: auto;\r\n      width: auto;\r\n      padding: 0 24px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      text-decoration: none;\r\n      transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;\r\n\r\n      .brand-icon {\r\n        position: absolute;\r\n        height: 100%;\r\n        width: 100%;\r\n        left: 0;\r\n        top: 100%;\r\n        font-size: 20px;\r\n        line-height: 28px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        transition-duration: 0.3s;\r\n        transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;\r\n      }\r\n\r\n      &:hover {\r\n        .brand-icon {\r\n          top: 0;\r\n          transition-duration: 0.3s;\r\n        }\r\n\r\n        >span.brand-label {\r\n          top: -50px;\r\n          transition: var(--default-transition);\r\n          transition-duration: 350ms;\r\n        }\r\n      }\r\n\r\n      >span {\r\n        font-family: var(--alt-font);\r\n        font-size: 20px;\r\n        line-height: 28px;\r\n        line-height: inherit;\r\n        font-weight: 500;\r\n        top: 0;\r\n        position: relative;\r\n        transition: var(--default-transition);\r\n        transition-duration: 350ms;\r\n        transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 09\r\n.social-icon-style-09 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  a {\r\n    text-align: center;\r\n    display: inline-block;\r\n    border-radius: 100%;\r\n    color: #232323;\r\n    position: relative;\r\n    text-align: center;\r\n    transition: var(--default-transition);\r\n\r\n    &:hover {\r\n      color: white;\r\n      background-color: var(--social-icon-color);\r\n\r\n      &:after {\r\n        opacity: 0.4;\r\n        -webkit-transform: scale(1.3);\r\n        -moz-transform: scale(1.3);\r\n        -ms-transform: scale(1.3);\r\n        -o-transform: scale(1.3);\r\n        transform: scale(1.3);\r\n      }\r\n    }\r\n\r\n    &:after {\r\n      content: \"\";\r\n      display: block;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      height: 100%;\r\n      width: 100%;\r\n      transform: scale(0.8);\r\n      border: 1px solid;\r\n      border-radius: 100%;\r\n      opacity: 0;\r\n      border-color: var(--social-icon-color);\r\n      color: var(--social-icon-color);\r\n      transition: var(--default-transition);\r\n      transition-duration: 0.5s;\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 10\r\n.social-icon-style-10 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  &.dark,\r\n  &.light {\r\n    a {\r\n      display: inline-block;\r\n      position: relative;\r\n      z-index: 3;\r\n      overflow: hidden;\r\n      text-align: center;\r\n      font-size: 24px;\r\n      width: 60px;\r\n      height: 60px;\r\n      color: var(--social-icon-color);\r\n      transition: 0.3s ease-in-out;\r\n\r\n      &:hover {\r\n        color: #fff;\r\n\r\n        >span {\r\n          background-color: var(--social-icon-color);\r\n          top: 0;\r\n          z-index: -1;\r\n        }\r\n      }\r\n\r\n      >span {\r\n        position: absolute;\r\n        top: -100%;\r\n        left: 0;\r\n        height: 100%;\r\n        width: 100%;\r\n        z-index: -1;\r\n        transition: var(--default-transition);\r\n        transition-duration: 0.5s;\r\n        transition: 0.3s ease-in-out;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dark {\r\n    a {\r\n      color: #000;\r\n    }\r\n  }\r\n\r\n  &.light {\r\n    a {\r\n      &:hover {\r\n\r\n        color: #fff;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 11\r\n.social-icon-style-11 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  @media (max-width:var(--md)) {\r\n    width: 80%;\r\n    justify-content: center;\r\n    display: inline-block;\r\n  }\r\n\r\n  li {\r\n    margin-right: 0 !important;\r\n    margin-left: 0 !important;\r\n    margin-bottom: 0 !important;\r\n  }\r\n\r\n  &.dark,\r\n  &.light {\r\n    a {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n      height: 160px;\r\n      width: 160px;\r\n      position: relative;\r\n      margin: 0 15px;\r\n      margin-bottom: 1rem !important;\r\n      transition: var(--default-transition);\r\n      color: #828282;\r\n      text-decoration: none;\r\n\r\n      &:hover {\r\n        text-decoration: none;\r\n        outline: 0;\r\n        outline-offset: 0;\r\n        color: #0038e3;\r\n\r\n        .social-front {\r\n          transition-duration: 0.3s;\r\n          background-color: #fff;\r\n          text-align: center;\r\n          box-shadow: 0 0 35px rgba(23, 23, 23, 0.06);\r\n          display: flex;\r\n          justify-content: center;\r\n          flex-direction: column;\r\n        }\r\n\r\n        .top-left {\r\n          top: 0;\r\n          left: 0;\r\n        }\r\n\r\n        .top {\r\n          top: 0;\r\n        }\r\n\r\n        .top-right {\r\n          top: 0;\r\n          left: 60px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .social-back {\r\n      background-color: var(--social-icon-color);\r\n      position: relative;\r\n      height: 140px;\r\n      width: 140px;\r\n      padding: 30px;\r\n      top: 30px;\r\n      left: 30px;\r\n      line-height: 2;\r\n\r\n      span {\r\n        position: absolute;\r\n        bottom: 3px;\r\n        right: 30px;\r\n        text-transform: uppercase;\r\n        color: #fff;\r\n        font-size: 11px;\r\n        line-height: 14px;\r\n      }\r\n    }\r\n\r\n    .social-front {\r\n      background-color: #fff;\r\n      text-align: center;\r\n      transition-duration: 0.3s;\r\n      box-shadow: 0 0 35px rgb(23 23 23 / 6%);\r\n      display: flex;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n      height: 140px;\r\n      width: 140px;\r\n      padding: 30px;\r\n      position: absolute;\r\n      top: 30px;\r\n      left: 30px;\r\n\r\n      i {\r\n        color: var(--social-icon-color);\r\n        display: block;\r\n        margin: 0 0 20px 0;\r\n        font-size: 28px;\r\n        font-weight: 400;\r\n        display: inline-block;\r\n        line-height: 1;\r\n      }\r\n\r\n      span {\r\n        display: block;\r\n        color: #232323;\r\n        font-size: 12px;\r\n        line-height: 16px;\r\n        font-family: var(--alt-font);\r\n        text-transform: uppercase;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 12\r\n.social-icon-style-12 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  a {\r\n    transition: var(--default-transition);\r\n\r\n    i {\r\n      color: var(--social-icon-color);\r\n    }\r\n\r\n    &:hover {\r\n      opacity: 0.5;\r\n    }\r\n  }\r\n}"],"names":[],"sourceRoot":""}