@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap;display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

@import "tailwindcss";
    @theme {
      --font-Rubik: "Rubik", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
      --font-Jakarta: "Plus Jakarta Sans", "sans-serif";
      --font-Inter: "Inter", "sans-serif";
      --font-Flaticon: "Flaticon";
      --font-fontawesome: "FontAwesome", "sans-serif";
        /* Default Color */
        --color-*: initial;
        --color-white: #ffffff;
        --color-black: #000000;
        /* responsive Breakpoint */
        --breakpoint-*: initial;
        --breakpoint-xxl: 1400px;
        --breakpoint-xl: 1200px;
        --breakpoint-lg: 992px;
        --breakpoint-md: 768px;
        --breakpoint-sm: 480px;
        --breakpoint-xsm: 414px;
      }
      /* @utility container {
        margin-inline: auto;
        padding-inline: 2rem;
      } */
  html {
    @apply text-[1rem] xl:text-[115.6%] md:max-lg:text-[85%]
  }
  body {
    @apply text-[#6c757d] leading-[1.6666] font-normal font-Rubik
  }
  ::marker {
    @apply tabular-nums normal-case indent-[0px] text-start [unicode-bidi:isolate] ![text-align-last:start]
  }
  a {
    @apply text-[#6c757d] no-underline [transition:all_400ms_ease-in-out] hover:!text-[#353f4f] hover:no-underline focus:no-underline focus:[outline:none]
  }
  a.tra-link {
    @apply text-[1rem] leading-none font-medium lg:max-xl:text-[1.0625rem] md:max-lg:text-[1.0625rem] sm:max-md:text-[1.125rem] xsm:max-sm:text-[1.125rem]
  }
  a.tra-link span {
    @apply [transition:all_400ms_ease-in-out]
  }
  a.tra-link:hover span {
    @apply !text-[#353f4f]
  }
  .tra-link.ico-20 [class*="flaticon-"]:before,
  .tra-link.ico-20 [class*="flaticon-"]:after {
    @apply relative text-[0.75rem] leading-[0.7rem] left-[2px] top-[2px] lg:max-xl:text-[0.785rem] lg:max-xl:leading-[0.7rem] lg:max-xl:left-[2px] lg:max-xl:top-[2px] md:max-lg:text-[0.785rem] md:max-lg:leading-[0.7rem] md:max-lg:left-[2px] md:max-lg:top-[2px] sm:max-md:text-[0.785rem] sm:max-md:leading-[0.7rem] sm:max-md:left-[2px] sm:max-md:top-px xsm:max-sm:text-[0.785rem] xsm:max-sm:leading-[0.7rem] xsm:max-sm:left-[2px] xsm:max-sm:top-px
  }

  .btn-reply.ico-20 [class*="flaticon-"]:before,
  .btn-reply.ico-20 [class*="flaticon-"]:after {
    @apply text-[0.975rem];
  }
  p {
    @apply text-[1rem] mt-0 mb-[1rem] sm:max-md:text-[1.0625rem]
  }
  p.p-sm {
    @apply text-[0.9375rem] md:max-lg:text-[1rem] xsm:max-sm:text-[1rem] sm:max-md:text-[1rem]
  }
  p {
    @apply text-[1rem] xsm:max-sm:text-[1.0625rem] sm:max-md:text-[1.0625rem] mt-0 mb-[1rem]
  }
  p.p-md {
    @apply text-[1.0625rem] md:max-lg:text-[1.066176rem] xsm:max-sm:text-[1.125rem] sm:max-md:text-[1.125rem]
  }
  p.p-lg {
    @apply text-[1.125rem] md:max-lg:text-[1.066176rem] xsm:max-sm:text-[1.125rem] sm:max-md:text-[1.125rem]
  }
  p.p-xl {
    @apply !text-[1.2rem] sm:max-md:text-[1.1875rem]
  }
  ul {
    @apply m-0 p-0 list-none
  }
  ul.simple-list {
    @apply ml-[15px] list-disc
  }
  ul.simple-list.long-list p {
    @apply mb-[8px]
  }

  ol.digit-list {
    @apply ml-[15px] p-0
  }
  ol.digit-list p {
    @apply mb-[8px] md:max-lg:mb-[5px] xsm:max-sm:mb-[5px]
  }
  .btn {
    @apply text-[1rem] leading-none font-medium [transition:all_400ms_ease-in-out] xl:px-[1.7rem] xl:py-[0.8rem] px-[1.8rem] py-[0.9rem] [border:2px_solid_transparent] sm:max-md:text-[1.125rem] xsm:max-sm:text-[1.125rem] text-[#212529] inline-block text-center no-underline align-middle cursor-pointer select-none p-[12px] rounded-[6px]
  }
  .btn.btn-sm {
    @apply text-[0.975rem] px-[24px] py-[0.7rem] lg:max-xl:text-[0.975rem] lg:max-xl:px-[1.4rem] lg:max-xl:py-[0.65rem] md:max-lg:text-[0.975rem] md:max-lg:px-[1.35rem] md:max-lg:py-[0.65rem] sm:max-md:text-[1rem] sm:max-md:px-[24px] sm:max-md:py-[0.7rem] xsm:max-sm:text-[1rem] xsm:max-sm:px-[24px] xsm:max-sm:py-[0.7rem]
  }
  .btn.ico-30.ico-left {
    @apply xl:px-0 xl:py-[0.286rem] lg:max-xl:px-0 py-[0.3845rem] md:max-lg:px-0 md:max-lg:py-[0.3665rem]
  }
  .btn.ico-20 [class*="flaticon-"]:before, 
  .btn.ico-20 [class*="flaticon-"]:after {
    @apply relative text-[1rem] leading-[0.7rem] top-[4px] xl:top-[3px] lg:max-xl:text-[1.15rem] lg:max-xl:leading-[0.5rem] lg:max-xl:top-[3.5px] md:max-lg:text-[1rem] md:max-lg:leading-[0.65rem] md:max-lg:top-[3px] sm:max-md:text-[1.225rem] sm:max-md:leading-[0.45rem] sm:max-md:top-[4px] xsm:max-sm:text-[1.225rem] xsm:max-sm:leading-[0.45rem] xsm:max-sm:top-1
}
  .btn.ico-30.ico-left span,
  .btn.ico-30.ico-right span {
    @apply relative right-1 top-0
  }
  .btn.ico-30.ico-right span.ico-30-txt {
    @apply left-0 relative right-0 -top-[10px] lg:max-xl:ml-0 md:max-lg:text-[1.065rem] md:max-lg:ml-0 md:max-lg:-top-2 sm:max-md:text-[1.15rem] sm:max-md:ml-0 sm:max-md:-top-[10px] xsm:max-sm:text-[1.15rem] xsm:max-sm:ml-0 xsm:max-sm:-top-[10px]
  }
  .btn.ico-30.ico-left span.ico-30-txt {
    @apply relative right-0 -top-[10px] lg:max-xl:mr-0 md:max-lg:text-[1.065rem] md:max-lg:mr-0 md:max-lg:-top-2 sm:max-md:mr-0 sm:max-md:-top-[10px] xsm:max-sm:text-[1.15rem] xsm:max-sm:mr-0 xsm:max-sm:-top-[10px]
  }

  /*------------------------------------------*/
  /*  TRANSPARENT BUTTON
  /*------------------------------------------*/
  .btn--tra {
    @apply text-white bg-[rgba(255,255,255,0.2)] border-transparent;
}
  
  /*------------------------------------------*/
  /*  WHITE BUTTON
  /*------------------------------------------*/
.btn--transparent {
    @apply text-[#353f4f] bg-transparent border-transparent hover:bg-transparent hover:border-transparent focus:bg-transparent focus:border-transparent;
}
.btn--white,
  .hover--white:hover {
    @apply text-[#353f4f] bg-white border-white;
}
.btn--tra-white,
  .hover--tra-white:hover {
    @apply text-white bg-transparent border-white;
}
.white-scroll .scroll .hover--tra-white:hover {
    @apply text-[#353f4f] bg-transparent border-[#353f4f];
}
  
  /*------------------------------------------*/
  /*  BLACK BUTTON
  /*------------------------------------------*/
.btn--black,
  .hover--black:hover {
    @apply text-white bg-[#353f4f] border-[#353f4f];
}
.btn--tra-black,
  .hover--tra-black:hover {
    @apply text-[#353f4f] bg-transparent border-[#353f4f];
}
  
  /*------------------------------------------*/
  /*  GREY BUTTON
  /*------------------------------------------*/
.btn--tra-grey, 
  .hover--tra-grey:hover,
  .white-scroll .scroll .hover--tra-grey:hover,
  .black-scroll .scroll .hover--tra-grey:hover  {
    @apply text-[#353f4f] bg-transparent border-[#ccc];
}
  
  /*------------------------------------------*/
  /*  BLUE BUTTON
  /*------------------------------------------*/
.btn--blue-500, .hover--blue-500:hover,
  .white-scroll .scroll .hover--blue-500:hover,
  .black-scroll .scroll .hover--blue-500:hover {
    @apply !text-white bg-[#185abd] border-[#185abd];
}
.btn--blue-400, .hover--blue-400:hover,
  .white-scroll .scroll .hover--blue-400:hover,
  .black-scroll .scroll .hover--blue-400:hover {
    @apply !text-white bg-[#1680fb] border-[#1680fb];
}
.btn--blue-300, .hover--blue-300:hover,
  .white-scroll .scroll .hover--blue-300:hover,
  .black-scroll .scroll .hover--blue-300:hover {
    @apply !text-white bg-[#3eb1ff] border-[#3eb1ff];
}
.btn--blue-200, .hover--blue-200:hover,
  .white-scroll .scroll .hover--blue-200:hover,
  .black-scroll .scroll .hover--blue-200:hover {
    @apply text-[#1680fb] bg-[#e3ebfe] border-[#e3ebfe];
}
.btn--blue-100, .hover--blue-100:hover,
  .white-scroll .scroll .hover--blue-100:hover,
  .black-scroll .scroll .hover--blue-100:hover {
    @apply text-[#1680fb] bg-transparent border-[#1680fb];
}
  
  /*------------------------------------------*/
  /*  GREEN BUTTON
  /*------------------------------------------*/
.btn--green-500, .hover--green-500:hover,
  .white-scroll .scroll .hover--green-500:hover,
  .black-scroll .scroll .hover--green-500:hover {
    @apply !text-white bg-[#00a14e] border-[#00a14e];
}
.btn--green-400, .hover--green-400:hover,
  .white-scroll .scroll .hover--green-400:hover,
  .black-scroll .scroll .hover--green-400:hover {
    @apply !text-white bg-[#0fbc49] border-[#0fbc49];
}
.btn--green-300, .hover--green-300:hover,
  .white-scroll .scroll .hover--green-300:hover,
  .black-scroll .scroll .hover--green-300:hover {
    @apply !text-white bg-[#6fd792] border-[#6fd792];
}
.btn--green-200, .hover--green-200:hover,
  .white-scroll .scroll .hover--green-200:hover,
  .black-scroll .scroll .hover--green-200:hover {
    @apply text-[#0fbc49] bg-[#cff2db] border-[#cff2db];
}
.btn--green-100, .hover--green-100:hover,
  .white-scroll .scroll .hover--green-100:hover,
  .black-scroll .scroll .hover--green-100:hover {
    @apply text-[#0fbc49] bg-transparent border-[#0fbc49];
}
  
  /*------------------------------------------*/
  /*  PINK BUTTON
  /*------------------------------------------*/
.btn--pink-500, .hover--pink-500:hover,
  .white-scroll .scroll .hover--pink-500:hover,
  .black-scroll .scroll .hover--pink-500:hover {
    @apply !text-white bg-[#ff149c] border-[#ff149c];
}
.btn--pink-400, .hover--pink-400:hover,
  .white-scroll .scroll .hover--pink-400:hover,
  .black-scroll .scroll .hover--pink-400:hover {
    @apply !text-white bg-[#f74780] border-[#f74780];
}
.btn--pink-300, .hover--pink-300:hover,
  .white-scroll .scroll .hover--pink-300:hover,
  .black-scroll .scroll .hover--pink-300:hover {
    @apply !text-white bg-[#fcb5cc] border-[#fcb5cc];
}
.btn--pink-200, .hover--pink-200:hover,
  .white-scroll .scroll .hover--pink-200:hover,
  .black-scroll .scroll .hover--pink-200:hover {
    @apply text-[#f74780] bg-[#fee4ec] border-[#fee4ec];
}
.btn--pink-100, .hover--pink-100:hover,
  .white-scroll .scroll .hover--pink-100:hover,
  .black-scroll .scroll .hover--pink-100:hover {
    @apply text-[#f74780] bg-transparent border-[#f74780];
}
  
  /*------------------------------------------*/
  /*  PURPLE BUTTON
  /*------------------------------------------*/
.btn--purple-500, .hover--purple-500:hover,
  .white-scroll .scroll .hover--purple-500:hover,
  .black-scroll .scroll .hover--purple-500:hover {
    @apply !text-white bg-[#663ae9] border-[#663ae9];
}
.btn--purple-400, .hover--purple-400:hover,
  .white-scroll .scroll .hover--purple-400:hover,
  .black-scroll .scroll .hover--purple-400:hover {
    @apply !text-white bg-[#7b5dd6] border-[#7b5dd6];
}
.btn--purple-300, .hover--purple-300:hover,
  .white-scroll .scroll .hover--purple-300:hover,
  .black-scroll .scroll .hover--purple-300:hover {
    @apply !text-white bg-[#bdaeea] border-[#bdaeea];
}
.btn--purple-200, .hover--purple-200:hover,
  .white-scroll .scroll .hover--purple-200:hover,
  .black-scroll .scroll .hover--purple-200:hover {
    @apply text-[#7b5dd6] bg-[#e5deff] border-[#e5deff];
}
.btn--purple-100, .hover--purple-100:hover,
  .white-scroll .scroll .hover--purple-100:hover,
  .black-scroll .scroll .hover--purple-100:hover {
    @apply text-[#7b5dd6] bg-transparent border-[#7b5dd6];
}
  
  /*------------------------------------------*/
  /*  RED BUTTON
  /*------------------------------------------*/
.btn--red-500, .hover--red-500:hover,
  .white-scroll .scroll .hover--red-500:hover,
  .black-scroll .scroll .hover--red-500:hover {
    @apply !text-white bg-[#da0f29] border-[#da0f29];
}
.btn--red-400, .hover--red-400:hover,
  .white-scroll .scroll .hover--red-400:hover,
  .black-scroll .scroll .hover--red-400:hover {
    @apply !text-white bg-[#ff1e1a] border-[#ff1e1a];
}
.btn--red-300, .hover--red-300:hover,
  .white-scroll .scroll .hover--red-300:hover,
  .black-scroll .scroll .hover--red-300:hover {
    @apply !text-white bg-[#ffa5a3] border-[#ffa5a3];
}
.btn--red-200, .hover--red-200:hover,
  .white-scroll .scroll .hover--red-200:hover,
  .black-scroll .scroll .hover--red-200:hover {
    @apply text-[#ff1e1a] bg-[#ffd2d1] border-[#ffd2d1];
}
.btn--red-100, .hover--red-100:hover,
  .white-scroll .scroll .hover--red-100:hover,
  .black-scroll .scroll .hover--red-100:hover {
    @apply text-[#ff1e1a] bg-transparent border-[#ff1e1a];
}
  
  /*------------------------------------------*/
  /*  VIOLET BUTTON
  /*------------------------------------------*/
.btn--violet-500, .hover--violet-500:hover,
  .white-scroll .scroll .hover--violet-500:hover,
  .black-scroll .scroll .hover--violet-500:hover {
    @apply !text-white bg-[#c73e9b] border-[#c73e9b];
}
.btn--violet-400, .hover--violet-400:hover,
  .white-scroll .scroll .hover--violet-400:hover,
  .black-scroll .scroll .hover--violet-400:hover {
    @apply !text-white bg-[#be6cbe] border-[#be6cbe];
}
.btn--violet-300, .hover--violet-300:hover,
  .white-scroll .scroll .hover--violet-300:hover,
  .black-scroll .scroll .hover--violet-300:hover {
    @apply !text-white bg-[#e2bde2] border-[#e2bde2];
}
.btn--violet-200, .hover--violet-200:hover,
  .white-scroll .scroll .hover--violet-200:hover,
  .black-scroll .scroll .hover--violet-200:hover {
    @apply text-[#be6cbe] bg-[#f1cde5] border-[#f1cde5];
}
.btn--violet-100, .hover--violet-100:hover,
  .white-scroll .scroll .hover--violet-100:hover,
  .black-scroll .scroll .hover--violet-100:hover {
    @apply !text-[#be6cbe] !bg-transparent !border-[#be6cbe];
}
  
  /*------------------------------------------*/
  /*  YELLOW BUTTON
  /*------------------------------------------*/
.btn--yellow-500, .hover--yellow-500:hover,
  .white-scroll .scroll .hover--yellow-500:hover,
  .black-scroll .scroll .hover--yellow-500:hover {
    @apply text-[#353f4f] bg-[#ffba01] border-[#ffba01];
}
.btn--yellow-400, .hover--yellow-400:hover,
  .white-scroll .scroll .hover--yellow-400:hover,
  .black-scroll .scroll .hover--yellow-400:hover {
    @apply text-[#353f4f] bg-[#ffbd45] border-[#ffbd45];
}
.btn--yellow-300, .hover--yellow-300:hover,
  .white-scroll .scroll .hover--yellow-300:hover,
  .black-scroll .scroll .hover--yellow-300:hover {
    @apply text-[#353f4f] bg-[#ffdf35] border-[#ffdf35];
}
.btn--yellow-200, .hover--yellow-200:hover,
  .white-scroll .scroll .hover--yellow-200:hover,
  .black-scroll .scroll .hover--yellow-200:hover {
    @apply text-[#353f4f] bg-[#fef5cd] border-[#fef5cd];
}
.btn--yellow-100, .hover--yellow-100:hover,
  .white-scroll .scroll .hover--yellow-100:hover,
  .black-scroll .scroll .hover--yellow-100:hover {
    @apply text-[#ffba01] bg-transparent border-[#ffba01];
}
  
  /*------------------------------------------*/
  /*  BUTTON FOCUS
  /*------------------------------------------*/
.btn:focus,
  .btn.btn--black:focus {
    @apply text-white shadow-none;
    
}
.btn--grey:focus {
    @apply text-[#666] shadow-none;
    
}
.btn--tra-black:focus, 
  .btn--transparent:focus,
  .btn.btn--tra-grey:focus {
    @apply text-[#353f4f] shadow-none;
    
}
  
  .text--center p.btns-group-txt {
    @apply mt-[20px] lg:max-xl:mt-[18px] md:max-lg:mt-[18px] sm:max-md:mt-[18px] xsm:max-sm:mt-[18px] xsm:max-sm:mb-0
  }
  .hero-section .color--white p.btns-group-txt span.txt-data a:hover {
    @apply text-white
  }
  .video-btn.video-btn-xl [class^="flaticon-"]:before {
    @apply text-[5rem] !leading-[6.25rem] ml-[10px] md:max-lg:text-[5.5rem] md:max-lg:!leading-[7rem] md:max-lg:ml-2
  }
  
  .video-btn.video-btn-lg [class^="flaticon-"]:after {
    @apply md:max-lg:text-[5.5rem] md:max-lg:leading-[7rem] md:max-lg:ml-2
  }
  .video-btn.video-btn-lg [class^="flaticon-"]:before,
  .video-btn.video-btn-lg [class^="flaticon-"]:after {
    @apply md:max-lg:text-[5rem] md:max-lg:leading-[6.25rem] md:max-lg:ml-[10px]
  }
  .video-btn.video-btn-md [class^="flaticon-"]:before,
  .video-btn.video-btn-lg [class^="flaticon-"]:after {
    @apply md:max-lg:text-[72px] md:max-lg:leading-[5.625rem] md:max-lg:ml-2
  }
  .video-btn.video-btn-sm [class^="flaticon-"]:before,
  .video-btn.video-btn-md [class^="flaticon-"]:after {
    @apply md:max-lg:text-[4.35rem] md:max-lg:leading-[5rem] md:max-lg:ml-2
  }
  .hero-section .btn.mt--10,
  .hero-section .btns-group.mt--10 {
    @apply md:max-lg:mt-[5px]
  }
  .hero-section .btn.mt--15,
  .hero-section .btns-group.mt--15 {
    @apply md:max-lg:mt-2
  }
  .hero-section .quick-form.mt--45 {
    @apply md:max-lg:mt-[30px]
  }
  .hero-section .quick-form.mt--35 {
    @apply md:max-lg:mt-0
  }
  #hero-9 .hero-digits {
    @apply md:max-lg:mt-[10px] sm:max-md:p-0 xsm:max-sm:mt-[3px]
  }
  /* .hero-section .lg\:w-6\/12 .hero-digits {
    @apply md:max-lg:px-[15%] md:max-lg:py-0
  } */
  #hero-6 {
    @apply pt-[130px] md:max-lg:pt-[70px]
  }
  .hero-6 {
    @apply xsm:max-sm:pt-0
  }
  #hero-6 .container {
    @apply xsm:max-sm:max-w-full
  }
  .hero-6-txt h2 {
    @apply lg:max-xl:mb-[18px] md:max-lg:mb-[15px] md:max-lg:pr-[5%]
  }
  .hero-7-txt p.p-lg {
    @apply md:max-lg:mb-[15px]
  }
  .hero-14-txt h2.s-62 {
    @apply md:max-lg:mb-[18px]
  }
  .hero-17-txt {
    @apply md:max-lg:px-[3%] md:max-lg:py-0
  }
  .hero-19-txt h2 {
    @apply md:max-lg:px-[5%] md:max-lg:py-0
  }
  .hero-27-txt p.s-21 {
    @apply md:max-lg:p-0
  }
  .hero-27-txt p.s-21 {
    @apply sm:max-md:text-[1.1875rem]
  }
  .hero-5-txt {
    @apply sm:max-md:px-[5%] sm:max-md:py-0
  }
  #hero-10:after {
    @apply sm:max-md:h-[7%]
  }
  .hero-10-txt h2 {
    @apply sm:max-md:px-[8%] sm:max-md:py-0
  }
  .hero-14-txt h2 {
    @apply sm:max-md:px-[3%] sm:max-md:py-0
  }
  .hero-14-txt h2.s-62 {
    @apply sm:max-md:text-[2.0625rem]
  }
  .hero-15-img {
    @apply sm:max-md:mt-[35px] sm:max-md:mb-0 sm:max-md:mx-[2%]
  }
  .hero-16-txt p {
    @apply sm:max-md:px-[5%] sm:max-md:py-0
  }
  .hero-19-txt h2 {
    @apply sm:max-md:px-[5%] sm:max-md:py-0
  }
  #hero-21 .container {
    @apply sm:max-md:max-w-full
  }
  .page-hero-section h1 {
    @apply sm:max-md:leading-tight sm:max-md:mb-[20px]
  }
  .hero-2-txt {
    @apply sm:max-md:px-[3%] sm:max-md:py-0
  }
  .hero-7-txt h2 {
    @apply xsm:max-sm:px-[6%] xsm:max-sm:py-0
  }
  .hero-section .wave-shape-bottom path {
    @apply fill-white
  }
  .hero-5-img {
    @apply mb-[-50px] mt-0 mx-0
  }
  
.btn--black,
.hover--black:hover {
  @apply !text-white !bg-[#353f4f] !border-[#353f4f];
}
  #hero-7 {
    @apply pt-[140px] pb-[100px] lg:max-xl:pt-[140px] lg:max-xl:pb-[90px] md:max-lg:py-[80px] xsm:max-sm:py-[80px]
  }
  .hero-7-img {
    @apply pl-[30px] lg:max-xl:pl-[15px] md:max-lg:pl-[5px] xsm:max-sm:mt-[35px]
  }
  .hero-8-txt .hero-logo {
    @apply sm:max-md:hidden xsm:max-sm:hidden
  }
  #hero-10-form p {
    @apply md:max-lg:mb-[15px]
  }
  .hero-16-img {
    @apply mt-[60px] -mb-[80px] lg:max-xl:mb-[-60px] lg:max-xl:mt-[50px] md:max-lg:mb-[-50px] md:max-lg:mt-[40px] sm:max-md:mt-[40px] sm:max-md:-mb-[40px] sm:max-md:mx-0 xsm:max-sm:mb-[-35px] xsm:max-sm:mt-[40px] xsm:max-sm:mx-0
  }
  #hero-22 .wave-shape-bottom path {
    @apply fill-white;
  }
  #hero-22-form p.p-sm {
    @apply text-center mt-[5px] mb-0 px-[5%] py-0
  }
  #hero-22-form p a {
    @apply text-[#1e90ff] underline
  }
  .hero-27-txt p.s-21 {
    @apply px-[5%] py-0
  }
  .hero-1-img {
    @apply lg:max-xl:mr-[-30px] lg:max-xl:-ml-[20px] lg:max-xl:my-0 md:max-lg:mr-[-30px] md:max-lg:-ml-[20px] md:max-lg:my-0 xsm:max-sm:mt-[35px]
  }
  .font--inter .hero-4-txt h2 {
    @apply xsm:max-sm:px-[5.5%] xsm:max-sm:py-0
  }
  .hero-6-txt p.p-lg {
    @apply lg:max-xl:mb-[22px] md:max-lg:mb-[18px]
  }
  .hero-7-txt .quick-form.form-half.mt--35 {
    @apply lg:max-xl:mt-[25px]
  }
  .hero-10-txt {
    @apply lg:max-xl:pr-[10%]
  }
  .font--inter .hero-12-txt h2 {
    @apply xsm:max-sm:px-[5.5%] xsm:max-sm:py-0
  }
  .hero-16-txt h2 {
    @apply lg:max-xl:px-[4%] lg:max-xl:py-0 md:max-lg:px-[6%] md:max-lg:py-0 sm:max-md:px-[4%] sm:max-md:py-0
  }
  .hero-27-txt .btns-group.mt--15 {
    @apply lg:max-xl:mt-2 md:max-lg:mt-0 xsm:max-sm:mt-0
  }
  .hero-section p.s-21 {
    @apply lg:max-xl:text-[1.25rem] lg:max-xl:mb-[22px] md:max-lg:text-[1.397058rem] md:max-lg:mb-[22px] sm:max-md:text-[1.375rem] sm:max-md:mb-[22px] xsm:max-sm:text-[1.3125rem] xsm:max-sm:mb-[22px] lg:max-xl:mt-[10px]
  }
  .blog-post-img.mb--35 {
    @apply lg:max-xl:mb-[25px] md:max-lg:mb-[25px] sm:max-md:mb-[30px]
  }
  .blog-post-txt h4.mb--20,
  .blog-post-txt h3 {
    @apply lg:max-xl:mb-[16px] md:max-lg:mb-[14px] sm:max-md:mb-[18px] xsm:max-sm:mb-[14px]
  }
  .blog-post-meta.mt--20,
  .blog-post-meta.mt--30 {
    @apply lg:max-xl:mt-[14px] md:max-lg:mt-[14px] sm:max-md:mt-[18px] xsm:max-sm:mt-[14px]
  }
  .posts-category.ico-20 [class*="flaticon-"]:before,
  .posts-category .more-projects.ico-20 [class*="flaticon-"]:after {
    @apply lg:max-xl:text-[1.125rem] md:max-lg:text-[1.125rem] sm:max-md:text-[1.125rem] xsm:max-sm:text-[1.0625rem]
  }
hr {
  @apply text-inherit opacity-25 m-[1rem_0] border-0 border-t border-solid
}

  .blog-header .wsmobileheader .smllogo {
    @apply md:max-lg:mt-[28px] xsm:max-sm:mt-[29px]
  }
  .blog-header .smllogo img {
    @apply md:max-lg:max-h-[28px]
  }
  .blog-header .smllogo img {
    @apply xsm:max-sm:max-h-[28px]
  }
  .project-description .more-projects span {
    @apply text-[#353f4f] relative left-[5px] top-[2px] lg:max-xl:left-[5px] lg:max-xl:top-px md:max-lg:left-[4px] md:max-lg:top-px sm:max-md:left-[5px] sm:max-md:top-px xsm:max-sm:left-[4px] xsm:max-sm:top-px
  }
  .project-txt h5 {
    @apply lg:max-xl:my-[30px] md:max-lg:my-[20px] sm:max-md:my-[25px] xsm:max-sm:my-[20px]
  }
  .project-txt h5.mt--50.mb--35 {
    @apply lg:max-xl:mt-[50px] lg:max-xl:mb-[30px] md:max-lg:mt-[40px] md:max-lg:mb-[20px] sm:max-md:mt-[40px] sm:max-md:mb-[25px] xsm:max-sm:mt-[35px] xsm:max-sm:mb-[20px]
  }
  .project-description .more-projects.ico-25 [class*="flaticon-"]:before,
  .project-description .more-projects.ico-25 [class*="flaticon-"]:after {
    @apply lg:max-xl:text-[1.275rem] md:max-lg:text-[1.175rem] sm:max-md:text-[1.2125rem] xsm:max-sm:text-[1.125rem]
  }
  .project-priview-img.mb--50 {
    @apply md:max-lg:mb-[40px] sm:max-md:mb-[40px] xsm:max-sm:mb-[35px]
  }
  .project-inner-img .top-img {
    @apply sm:max-md:mb-[30px] xsm:max-sm:mb-[30px]
  }
  .project-inner-img.mt--50 {
    @apply xsm:max-sm:mt-[35px]
  }
  .rating-section .rating-2-wrapper {
    @apply px-[4%] py-0 lg:max-xl:px-[3%] lg:max-xl:py-0 md:max-lg:p-0
  }
  .rating-title {
    @apply text-center
  }
  .rating-title h5 {
    @apply mb-0 xsm:max-sm:text-[1.125rem] sm:max-md:text-[1.1875rem]
  }
  .star-rating span.rating-txt {
    @apply md:max-lg:text-[1rem] sm:max-md:text-[1.0625rem]
  }
  .txt-block-stat .statistic-block .txt-block-rating {
    @apply mb-[-3px] -mt-1 md:max-lg:-mt-[2px] md:max-lg:-mb-px
  }
  .inner-page-hero .rating-1-wrapper.mt--50 {
    @apply lg:max-xl:mt-[40px] md:max-lg:mt-[40px]
  }
  .rbox-2-txt {
    @apply mt-[20px] md:max-lg:mt-[14px] sm:max-md:mt-2 xsm:max-sm:mt-2
  }
  .rbox-2-txt img {
    @apply relative inline-block w-auto max-w-[inherit] !max-h-[30px] left-[4px] -top-px md:max-lg:block md:max-lg:max-h-[28px] md:max-lg:mx-auto sm:max-md:max-h-[34px] xsm:max-sm:max-h-[31px]
  }
  p.rbox-2-txt {
    @apply leading-[22px] mt-2 mb-0 md:max-lg:leading-none md:max-lg:mt-[10px] sm:max-md:leading-[30px] xsm:max-sm:leading-[31px]
  }
  p.rbox-2-txt span {
    @apply font-medium
  }
  .rbox-1 .ico-10 [class*="flaticon-"]:before,
  .rbox-1 .ico-10 [class*="flaticon-"]:after,
  .rbox-1 .ico-15 [class*="flaticon-"]:before,
  .rbox-1 .ico-15 [class*="flaticon-"]:after {
    @apply sm:max-md:text-[1rem] xsm:max-sm:text-[0.9rem]
  }
  .rbox-2 .ico-20 [class*="flaticon-"]:before,
  .rbox-2 .ico-20 [class*="flaticon-"]:after,
  .rbox-2 .ico-25 [class*="flaticon-"]:before,
  .rbox-2 .ico-25 [class*="flaticon-"]:after {
    @apply sm:max-md:text-[1.35rem] xsm:max-sm:text-[1.35rem] md:max-lg:text-[1.3rem]
  }
  .reviews-wrapper {
    @apply p-[0_10px]
  }
  .review-section {
    @apply text-center
  }
  .review-1.block-border {
    @apply border-[#d2d2d2]
  }
  .owl-item .review-avatar img {
    @apply w-[54px] h-[54px] rounded-[100%] lg:max-xl:w-[44px] lg:max-xl:h-[44px] md:max-lg:w-10 md:max-lg:h-[40px] sm:max-md:w-[52px] sm:max-md:h-[52px] xsm:max-sm:w-[52px] xsm:max-sm:h-[52px]
  }
  .ico-10 [class*="flaticon-"]:before,
  .ico-10 [class*="flaticon-"]:after {
    @apply text-[0.75rem]
  }
  .ico-15 [class*="flaticon-"]:before,
  .ico-15 [class*="flaticon-"]:after {
    @apply text-[0.75rem] md:max-lg:text-[0.9375rem]
  }
  .ico-20 [class*="flaticon-"]:before,
  .ico-20 [class*="flaticon-"]:after {
    @apply text-[1.25rem]
  }
  .ico-25 [class*="flaticon-"]:before,
  .ico-25 [class*="flaticon-"]:after {
    @apply text-[1.5625rem]
  }
  .ico-30 [class*="flaticon-"]:before,
  .ico-30 [class*="flaticon-"]:after {
    @apply text-[1.875rem] md:max-lg:text-[2rem]
  }
  .ico-35 [class*="flaticon-"]:before,
  .ico-35 [class*="flaticon-"]:after {
    @apply text-[2.1875rem] md:max-lg:text-[2.5rem]
  }
  .ico-40 [class*="flaticon-"]:before,
  .ico-40 [class*="flaticon-"]:after {
    @apply text-[2.5rem]
  }
  .ico-45 [class*="flaticon-"]:before,
  .ico-45 [class*="flaticon-"]:after {
    @apply text-[2.8125rem]
  }
  .ico-50 [class*="flaticon-"]:before,
  .ico-50 [class*="flaticon-"]:after {
    @apply text-[3.125rem]
  }
  .ico-55 [class*="flaticon-"]:before,
  .ico-55 [class*="flaticon-"]:after {
    @apply text-[3.4375rem]
  }
  .ico-60 [class*="flaticon-"]:before,
  .ico-60 [class*="flaticon-"]:after {
    @apply text-[3.75rem]
  }
  .ico-65 [class*="flaticon-"]:before,
  .ico-65 [class*="flaticon-"]:after {
    @apply text-[4.0625rem]
  }
  .ico-70 [class*="flaticon-"]:before,
  .ico-70 [class*="flaticon-"]:after {
    @apply text-[4.375rem]
  }
  .ico-75 [class*="flaticon-"]:before,
  .ico-75 [class*="flaticon-"]:after {
    @apply text-[4.6875rem]
  }
  .ico-80 [class*="flaticon-"]:before,
  .ico-80 [class*="flaticon-"]:after {
    @apply text-[5rem]
  }
  .ico-85 [class*="flaticon-"]:before,
  .ico-85 [class*="flaticon-"]:after {
    @apply text-[5.3125rem]
  }
  .ico-90 [class*="flaticon-"]:before,
  .ico-90 [class*="flaticon-"]:after {
    @apply text-[5.625rem]
  }
  .ico-95 [class*="flaticon-"]:before,
  .ico-95 [class*="flaticon-"]:after {
    @apply text-[5.9375rem]
  }
  .ico-100 [class*="flaticon-"]:before,
  .ico-100 [class*="flaticon-"]:after {
    @apply text-[6.25rem]
  }
  .ico-105 [class*="flaticon-"]:before,
  .ico-105 [class*="flaticon-"]:after {
    @apply text-[6.5625rem]
  }
  .ico-110 [class*="flaticon-"]:before,
  .ico-110 [class*="flaticon-"]:after {
    @apply text-[6.875rem]
  }
  .ico-115 [class*="flaticon-"]:before,
  .ico-115 [class*="flaticon-"]:after {
    @apply text-[7.1875rem]
  }
  .ico-120 [class*="flaticon-"]:before,
  .ico-120 [class*="flaticon-"]:after {
    @apply text-[7.5rem]
  }
  .ico-125 [class*="flaticon-"]:before,
  .ico-125 [class*="flaticon-"]:after {
    @apply text-[7.8125rem]
  }

  .a2-txt-quote.ico-40 [class*="flaticon-"]:before,
  .a2-txt-quote.ico-40 [class*="flaticon-"]:after {
    @apply text-[4.25rem] lg:max-xl:text-[4rem] md:max-lg:text-[4rem] sm:max-md:text-[4.25rem] xsm:max-sm:text-[4.25rem]
  }
  .ico-60 .shape-ico svg {
    @apply w-[140px] h-[140px] lg:max-xl:w-[120px] lg:max-xl:h-[120px] md:max-lg:w-[105px] md:max-lg:h-[105px] sm:max-md:w-[140px] sm:max-md:h-[140px] xsm:max-sm:w-[130px] xsm:max-sm:h-[130px] top-[-30px] left-[calc(50%_-_65px)]
  }

  .shape-ico.color--blue-300 path,
  .shape-ico.color--blue-400 path,
  .shape-ico.color--blue-500 path {
    @apply fill-[#f4f9fc]
  }
  .shape-ico.color--green-300 path,
  .shape-ico.color--green-400 path,
  .shape-ico.color--green-500 path {
    @apply fill-[#e9f8f2]
  }
  .shape-ico.color--pink-300 path,
  .shape-ico.color--pink-400 path,
  .shape-ico.color--pink-500 path {
    @apply fill-[#feecf2]
  }
  .shape-ico.color--purple-300 path,
  .shape-ico.color--purple-400 path,
  .shape-ico.color--purple-500 path {
    @apply fill-[#f1edff]
  }
  .shape-ico.color--red-300 path,
  .shape-ico.color--red-400 path,
  .shape-ico.color--red-500 path {
    @apply fill-[#fce7e4]
  }
  .shape-ico.color--violet-300 path,
  .shape-ico.color--violet-400 path,
  .shape-ico.color--violet-500 path {
    @apply fill-[#f7e4f1]
  }

  .ico-rounded,
  .ico-rounded-[6px],
  .ico-rounded-[8px] {
    @apply inline-block text-center rounded-[100%]
  }
  .ico-rounded {
    @apply w-[80px] h-[80px] lg:max-xl:w-[74px] lg:max-xl:h-[74px] md:max-lg:w-[70px] md:max-lg:h-[70px]
  }
  .ico-rounded-[6px] {
    @apply w-[90px] h-[90px] lg:max-xl:w-[80px] lg:max-xl:h-[80px] md:max-lg:w-[70px] md:max-lg:h-[70px]
  }
  .ico-rounded-[8px] {
    @apply w-[100px] h-[100px] lg:max-xl:w-[90px] lg:max-xl:h-[90px] md:max-lg:w-[80px] md:max-lg:h-[80px]
  }
  .ico-rounded [class*="flaticon-"]:before,
  .ico-rounded [class*="flaticon-"]:after {
    @apply text-[2.15rem] leading-[80px] lg:max-xl:text-[2.35rem] lg:max-xl:leading-[74px] md:max-lg:text-[2.5rem] md:max-lg:leading-[70px] sm:max-md:text-[3rem] sm:max-md:leading-[94px] xsm:max-sm:text-[3rem] xsm:max-sm:leading-[94px]
  }

  .ico-square {
    @apply inline-block text-center w-[80px] h-[80px] rounded-[12px] lg:max-xl:w-[74px] lg:max-xl:h-[74px] md:max-lg:w-[70px] md:max-lg:h-[70px] sm:max-md:w-[88px] sm:max-md:h-[88px] xsm:max-sm:w-[88px] xsm:max-sm:h-[88px]
  }
  .ico-square [class*="flaticon-"]:before,
  .ico-square [class*="flaticon-"]:after {
    @apply text-[2.4rem] leading-[80px] lg:max-xl:text-[2.35rem] lg:max-xl:leading-[74px] md:max-lg:text-[2.5rem] md:max-lg:leading-[70px] sm:max-md:text-[2.85rem] sm:max-md:leading-[88px] xsm:max-sm:text-[2.85rem] xsm:max-sm:leading-[88px]
  }

  .in_tool_logo.ico-65 img {
    @apply xsm:max-sm:w-[55px] xsm:max-sm:h-[55px] md:max-lg:w-[48px]  md:max-lg:h-[48px]
  }
  .ico-145 img {
    @apply w-[145px] h-[145px]
  }
  .ico-140 img {
    @apply w-[140px] h-[140px]
  }
  .ico-135 img {
    @apply w-[135px] h-[135px]
  }
  .ico-130 img {
    @apply w-[130px] h-[130px]
  }
  .ico-125 img {
    @apply w-[125px] h-[125px]
  }
  .ico-120 img {
    @apply w-[120px] h-[120px]
  }
  .ico-115 img {
    @apply w-[115px] h-[115px]
  }
  .ico-110 img {
    @apply w-[110px] h-[110px]
  }
  .ico-105 img {
    @apply w-[105px] h-[105px]
  }
  .ico-100 img {
    @apply w-[100px] h-[100px]
  }
  .ico-95 img {
    @apply w-[95px] h-[95px]
  }
  .ico-90 img {
    @apply w-[90px] h-[90px]
  }
  .ico-85 img {
    @apply w-[85px] h-[85px]
  }
  .ico-80 img {
    @apply w-[80px] h-[80px]
  }
  .ico-75 img {
    @apply w-[75px] h-[75px]
  }
  .ico-70 img {
    @apply w-[70px] h-[70px]
  }
  .ico-55 img {
    @apply w-[55px] h-[55px]
  }
  .ico-50 img {
    @apply w-[50px] h-[50px]
  }
  .ico-45 img {
    @apply w-[45px] h-[45px]
  }
  .ico-40 img {
    @apply w-10 h-[40px]
  }
  .ico-35 img {
    @apply w-[35px] h-[35px]
  }
  .ico-30 img {
    @apply w-[30px] h-[30px]
  }
  .ico-25 img {
    @apply w-[25px] h-[25px]
  }
  .ico-20 img {
    @apply w-5 h-5
  }
  .header-socials.ico-20 [class*="flaticon-"]:before,
  .header-socials.ico-20 [class*="flaticon-"]:after {
    @apply text-[1.15rem]
  }
  .tm-social.ico-20 [class*="flaticon-"]:before,
  .tm-social.ico-20 [class*="flaticon-"]:after {
    @apply text-[1.15rem] xsm:max-sm:text-[1.4125rem]
  }
  .footer-form .ico-15 [class*="flaticon-"]:before,
  .footer-form .ico-15 [class*="flaticon-"]:after,
  .bottom-secondary-link.ico-15 [class*="flaticon-"]:before,
  .bottom-secondary-link.ico-15 [class*="flaticon-"]:after {
    @apply text-[0.75rem]
  }
  .footer-socials.ico-25 [class*="flaticon-"]:before,
  .footer-socials.ico-25 [class*="flaticon-"]:after {
    @apply lg:max-xl:text-[1.1875rem] md:max-lg:text-[1.175rem] sm:max-md:text-[1.3925rem] xsm:max-sm:text-[1.3925rem] text-[1.325rem]
  }
  .pagination.ico-20 [class*="flaticon-"]:before,
  .pagination.ico-20 [class*="flaticon-"]:after {
    @apply !text-[0.9rem] xsm:max-sm:text-[0.75rem]
  }

  
.footer-form .ico-15 [class*="flaticon-"]:before, .footer-form .ico-15 [class*="flaticon-"]:after {
  @apply leading-[28px] lg:max-xl:leading-[24px] md:max-lg:leading-[24px] sm:max-md:leading-[26px] xsm:max-sm:text-[1.125rem] xsm:max-sm:leading-[28px]
    } 
.bottom-footer-socials.ico-25 [class*="flaticon-"]:before,
.bottom-footer-socials.ico-25 [class*="flaticon-"]:after {
  @apply !text-[1.25rem];
}
  .rows-2 .fbox-ico-wrap {
    @apply mr-[20px] lg:max-xl:mr-[15px] md:max-lg:mr-0
  }
  .cbox-1.ico-10 span {
    @apply relative right-[7px] top-0
  }
  .cbox-1.ico-10 [class*="flaticon-"]:before,
  .cbox-1.ico-10 [class*="flaticon-"]:after {
    @apply text-[0.6rem]
  }
  .cbox-1.ico-15 [class*="flaticon-"]:before,
  .cbox-1.ico-15 [class*="flaticon-"]:after {
    @apply text-[0.75rem]
  }
  .cbox-3 .ico-wrap {
    @apply relative text-center mr-[1.15rem] mt-0
  }
  .cbox-3 .cbox-3-ico {
    @apply relative top-[3px] lg:max-xl:top-[4px] md:max-lg:top-[5px] sm:max-md:top-[4px] xsm:max-sm:mb-[10px] xsm:max-sm:top-0
  }
  .advantages.ico-15 li p span {
    @apply relative -right-px top-[2px]
  }
  .advantages.ico-15 [class*="flaticon-"]:before,
  .advantages.ico-15 [class*="flaticon-"]:after {
    @apply text-[0.75rem]
  }
  .compatibility.ico-10 [class*="flaticon-"]:before,
  .compatibility.ico-10 [class*="flaticon-"]:after {
    @apply text-[0.5rem]
  }
  .tools-list.ico-35 [class*="flaticon-"]:before,
  .tools-list.ico-35 [class*="flaticon-"]:after {
    @apply leading-[2.1875rem] mr-[6px] lg:max-xl:text-[2.1875rem] lg:max-xl:leading-[2.1875rem] lg:max-xl:mr-[4px] md:max-lg:text-[2rem] md:max-lg:leading-[32px] md:max-lg:mr-[4px] sm:max-md:text-[2.125rem] sm:max-md:leading-10 sm:max-md:mr-[5px] xsm:max-sm:text-[2.125rem] xsm:max-sm:leading-[2.125rem] xsm:max-sm:mr-[4px]
  }
  .pricing-features.ico-10 li p span {
    @apply right-1 top-0
  }
  .pricing-features.ico-5 [class*="flaticon-"]:before,
  .pricing-features.ico-5 [class*="flaticon-"]:after {
    @apply text-[0.5rem]
  }
  .press-txt.ico-20 [class^="flaticon-"]:before,
  .press-txt.ico-20 [class^="flaticon-"]:after {
    @apply text-[1.375rem]
  }
  .txt-block-stat .ico-15 [class*="flaticon-"]:before,
  .txt-block-stat .ico-15 [class*="flaticon-"]:after {
    @apply text-[0.8125rem]
  }
  .table-responsive .ico-15 [class*="flaticon-"]:before,
  .table-responsive .ico-15 [class*="flaticon-"]:after {
    @apply text-[0.75rem] lg:max-xl:text-[0.785rem] md:max-lg:text-[0.715rem] sm:max-md:text-[0.725rem] xsm:max-sm:text-[0.675rem]
  }
  .table-responsive .ico-20 [class*="flaticon-"]:before,
  .table-responsive .ico-20 [class*="flaticon-"]:after {
    @apply text-[0.95rem] lg:max-xl:text-[1.0625rem] md:max-lg:text-[0.925rem] sm:max-md:text-[0.875rem] xsm:max-sm:text-[0.835rem]
  }
  .icons-menu.ico-30 [class*="flaticon-"]:before,
  .icons-menu.ico-30 [class*="flaticon-"]:after {
    @apply md:max-lg:text-[2.1875rem]
  }
  .icons-menu.ico-40 [class*="flaticon-"]:before,
  .icons-menu.ico-40 [class*="flaticon-"]:after {
    @apply md:max-lg:text-[2.5rem]
  }
  .btn.ico-30 [class*="flaticon-"]:before,
  .btn.ico-30 [class*="flaticon-"]:after {
    @apply sm:max-md:text-[2.05rem] xsm:max-sm:text-[2.05rem]
  }
  .cbox-1.ico-10 span {
    @apply xsm:max-sm:right-[6px]
  }
  .cbox-1.ico-15 [class*="flaticon-"]:before,
  .cbox-1.ico-15 [class*="flaticon-"]:after {
    @apply xsm:max-sm:text-[0.7rem]
  }
  .cbox-3 .ico-wrap {
    @apply xsm:max-sm:mr-0
  }
  .modal .btn-close.ico-10 [class^="flaticon-"]:before,
  .modal .btn-close.ico-10 [class^="flaticon-"]:after {
    @apply text-[0.6rem]
  }
  .ico-15 [class*="flaticon-"]:before,
  .ico-15 [class*="flaticon-"]:after {
  @apply text-[0.9375rem];
  }
  
.bottom-footer-socials.ico-20 [class*="flaticon-"]:before,
.bottom-footer-socials.ico-20 [class*="flaticon-"]:after {
  @apply text-[1.115rem];
}
  .rows-2 .fbox-7.fb-1,
  .rows-2 .fbox-7.fb-2,
  .rows-2 .fbox-7.fb-3,
  .rows-2 .fbox-9.fb-1,
  .rows-2 .fbox-9.fb-2,
  .rows-2 .fbox-9.fb-3,
  .rows-3 .fb-4 {
    @apply mb-[40px]
  }
  .rows-3 .fb-3.fbox-11-lst,
  .rows-3 .fb-4.fbox-11-lst {
    @apply mb-0
  }
  .fbox-title.ico-30 h6 {
    @apply leading-[1.875rem] mb-0
  }  
  .fbox-ico.ico-square {
    @apply xsm:max-sm:mb-[20px]
  }
  .fbox-14-wrapper {
    @apply p-[80px_70px] lg:max-xl:px-[50px] lg:max-xl:py-[70px] md:max-lg:px-[50px] md:max-lg:py-[60px] sm:max-md:px-[50px] sm:max-md:py-[70px] xsm:max-sm:mr-[-15px] xsm:max-sm:ml-[-15px] xsm:max-sm:my-0 xsm:max-sm:px-[30px] xsm:max-sm:py-[70px] xsm:max-sm:rounded-[0_0]
  }
  .fbox-14-wrapper .col {
    @apply p-[0_10px] lg:max-xl:px-[8px] lg:max-xl:py-0 md:max-lg:px-[14px] md:max-lg:py-0
  }
  .row-cols-md-3 .fbox-4 {
    @apply px-[35px] py-[50px] lg:max-xl:px-[30px] lg:max-xl:py-[40px] md:max-lg:px-[15px] md:max-lg:py-[30px] sm:max-md:pt-[45px] sm:max-md:pb-[40px] sm:max-md:px-[65px]
  }
  .row-cols-md-2 .fbox-4 {
    @apply px-[20px] py-[35px] lg:max-xl:px-[20px] lg:max-xl:py-[35px] md:max-lg:px-[45px] md:max-lg:py-[30px] sm:max-md:pt-[45px] sm:max-md:pb-[40px] sm:max-md:px-[65px]
  }
  .fbox-8 {
    @apply px-[40px] py-[55px]
  }
  .fbox-8.bg--white-100 {
    @apply px-[40px] py-[60px]
  }
  .fbox-9 {
    @apply pt-[40px] pb-[35px] px-[40px] [border:2px_solid_#eee] lg:max-xl:pt-[30px] lg:max-xl:pb-[27px] lg:max-xl:px-[30px] md:max-lg:pt-[25px] md:max-lg:pb-[22px] md:max-lg:px-[15px] sm:max-md:pt-[40px] sm:max-md:pb-[35px] sm:max-md:px-[75px] xsm:max-sm:pt-[40px] xsm:max-sm:pb-[35px] xsm:max-sm:px-[25px]
  }
  .fbox-14 {
    @apply pt-[40px] pb-[35px] px-[30px] [border:2px_solid_#eee] lg:max-xl:pt-[35px] lg:max-xl:pb-[30px] lg:max-xl:px-[25px] md:max-lg:text-center md:max-lg:pt-[40px] md:max-lg:pb-[35px] md:max-lg:px-[30px] xsm:max-sm:px-[40px] xsm:max-sm:py-[45px]
  }
  .fbox-img.h--135 img {
    @apply !max-h-[135px]
  }
  .fbox-img.h--140 img,
  .fbox-img.h--145 img,
  .fbox-img.h--150 img,
  .fbox-img.h--155 img {
    @apply !max-h-[140px] lg:max-xl:max-h-[125px] md:max-lg:max-h-[132px] sm:max-md:max-h-[220px] xsm:max-sm:max-h-[185px]
  }
  .fbox-img.h--160 img {
    @apply !max-h-40 lg:max-xl:max-h-[145px] md:max-lg:max-h-32 sm:max-md:max-h-[220px] xsm:max-sm:max-h-[185px]
  }
  .fbox-img.h--165 img {
    @apply !max-h-[165px] lg:max-xl:max-h-[150px]
  }
  .fbox-img.h--170 img {
    @apply !max-h-[170px] lg:max-xl:max-h-[155px]
  }
  .fbox-3 .fbox-img {
    @apply overflow-hidden
  }
  .fbox-3 .fbox-img.h--135 {
    @apply mt-0 mb-[35px] mx-0 pt-[30px] lg:max-xl:mt-0 lg:max-xl:mb-[25px] lg:max-xl:mx-0 lg:max-xl:pt-[25px] md:max-lg:mt-0 md:max-lg:mb-[25px] md:max-lg:mx-[40px] md:max-lg:pt-[30px]
  }
  .row-cols-md-2 .fbox-4.fb-1,
  .row-cols-md-2 .fbox-4.fb-2,
  .row-cols-md-2 .fbox-7.fb-1,
  .row-cols-md-2 .fbox-7.fb-2,
  .row-cols-md-2 .fbox-9.fb-1,
  .row-cols-md-2 .fbox-9.fb-2,
  .rows-2 .fbox-7.fb-1,
  .rows-2 .fbox-7.fb-2,
  .rows-2 .fbox-7.fb-3,
  .rows-2 .fbox-9.fb-1,
  .rows-2 .fbox-9.fb-2,
  .rows-2 .fbox-9.fb-3 {
    @apply md:max-lg:mb-[22px]
  }
  .fbox-12.mb--30,
  .fbox-13.mb--30 {
    @apply md:max-lg:mb-[20px]
  }
  .fbox-5 h5,
  .fbox-14 h5 {
    @apply mb-[15px] lg:max-xl:mb-[12px] lg:max-xl:pr-0 md:max-lg:mb-[12px] md:max-lg:pr-0 sm:max-md:p-0 xsm:max-sm:mb-[12px] xsm:max-sm:px-[10%] xsm:max-sm:py-0
  }
  .features-section h6,
  .fbox-txt h5 {
    @apply xsm:max-sm:mb-[15px]
  }
  .fbox-10 .fbox-title {
    @apply sm:max-md:mx-auto sm:max-md:my-0
  }
  .fbox-10 .fbox-title span {
    @apply sm:max-md:float-none sm:max-md:leading-none sm:max-md:mr-0
  }
  .fbox-10 .fbox-title h6 {
    @apply sm:max-md:block sm:max-md:leading-none sm:max-md:my-[15px]
  }
  .row-cols-md-3 .fbox-1 p,
  .row-cols-md-3 .fbox-2 p,
  .row-cols-md-3 .fbox-3 p,
  .row-cols-md-3 .fbox-6 p,
  .row-cols-md-2 .fbox-1 p,
  .row-cols-md-2 .fbox-2 p,
  .row-cols-md-2 .fbox-3 p,
  .fbox-5 .fbox-txt p,
  .fbox-10 p {
    @apply xsm:max-sm:px-[8%] xsm:max-sm:py-0
  }
  .row-cols-md-3 .fbox-4 p,
  .row-cols-md-2 .fbox-4 p {
    @apply xsm:max-sm:px-[4%] xsm:max-sm:py-0
  }
  .fbox-5 .fbox-txt p,
  .rows-3 .fbox-11 p {
    @apply xsm:max-sm:px-[2%] xsm:max-sm:py-0
  }
  .row-cols-md-2 .fbox-6 p {
    @apply xsm:max-sm:px-[10%] xsm:max-sm:py-0
  }
  .row-cols-lg-3 .fbox-10 .fbox-txt p {
    @apply xsm:max-sm:px-[2%] xsm:max-sm:py-0
  }
  .rows-3 .fbox-11 p {
    @apply xsm:max-sm:px-[2%] xsm:max-sm:py-0
  }
  .fbox-wrapper .ico-50 [class*="flaticon-"]:before,
  .fbox-wrapper .ico-50 [class*="flaticon-"]:after,
  .fbox-wrapper .ico-55 [class*="flaticon-"]:before,
  .fbox-wrapper .ico-55 [class*="flaticon-"]:after,
  .fbox-wrapper .ico-60 [class*="flaticon-"]:before,
  .fbox-wrapper .ico-60 [class*="flaticon-"]:after,
  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before,
  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after {
    @apply sm:max-md:text-[4rem]
  }
  .fbox-wrapper .ico-50 [class*="flaticon-"]:before,
  .fbox-wrapper .ico-50 [class*="flaticon-"]:after,
  .fbox-wrapper .ico-55 [class*="flaticon-"]:before,
  .fbox-wrapper .ico-55 [class*="flaticon-"]:after,
  .fbox-wrapper .ico-60 [class*="flaticon-"]:before,
  .fbox-wrapper .ico-60 [class*="flaticon-"]:after,
  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before,
  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after {
    @apply xsm:max-sm:text-[3.65rem]
  }
  .fbox-wrapper .row-cols-md-2 .ico-rounded [class*="flaticon-"]:before,
  .fbox-wrapper .row-cols-md-2 .ico-rounded [class*="flaticon-"]:after {
    @apply md:max-lg:text-[2.875rem] md:max-lg:leading-[80px]
  }
  .row-cols-md-2 .fbox-ico.ico-rounded,
  .fbox-ico.ico-square {
    @apply lg:max-xl:mb-[20px] md:max-lg:mb-[18px] sm:max-md:mb-[22px]
  }
  .rows-2 .fbox-ico-wrap .ico-50 [class*="flaticon-"]:before,
  .rows-2 .fbox-ico-wrap .ico-50 [class*="flaticon-"]:after {
    @apply lg:max-xl:text-[2.85rem]
  }
  .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:before,
  .fbox-wrapper .row-cols-md-2 .ico-50 [class*="flaticon-"]:after {
    @apply md:max-lg:text-[3.75rem]
  }
  .fbox-wrapper .row-cols-md-2 .ico-rounded,
  .fbox-wrapper .row-cols-md-2 .ico-square {
    @apply md:max-lg:w-[80px] md:max-lg:h-[80px]
  }
  .fbox-wrapper .row-cols-md-2 .ico-square [class*="flaticon-"]:before,
  .fbox-wrapper .row-cols-md-2 .ico-square [class*="flaticon-"]:after {
    @apply md:max-lg:text-[2.875rem] md:max-lg:leading-[80px]
  }
  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before,
  .fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after {
    @apply md:max-lg:text-[2.75rem]
  }
  .modal.fade .modal-dialog {
    @apply transition-transform duration-[0.3s] ease-[ease-out] translate-x-0 translate-y-[-50px];
  }
  .modal.show .modal-dialog {
    @apply ![transform:none] !translate-none
  }
  .modal {
    @apply z-[1055] shadow-[0_0.125rem_0.25rem_rgba(0,0,0,0.075)] rounded-[calc(0.5rem_-_1px)] fixed w-full h-full overflow-x-hidden overflow-y-auto left-0 top-0 [outline:0] hidden
  }
  @media (min-width: 576px) {
    .modal {
      @apply shadow-[0_0.5rem_1rem_rgba(0,0,0,0.15)]
    }
    .row-cols-sm-3>* {
        @apply max-md:w-[33.3333333333%];
    }
    .row-cols-sm-2 > * {
      @apply max-md:w-6/12;
    }
  }

  .fade {
    @apply [transition:opacity_.15s_linear]
  }
 
.modal-backdrop.show {
  @apply !opacity-50
}
.modal-backdrop.fade {
  @apply opacity-0
}
.modal-backdrop {
  @apply bg-[#2d343a]
}
.modal-backdrop {
  @apply fixed z-[1050] w-screen h-screen bg-black left-0 top-0
}

  .modal-dialog-centered {
    @apply flex items-center min-h-[calc(100%_-_0.5rem*_2)];
  }
  .modal-dialog {
    @apply relative pointer-events-none m-7 !mx-auto
  }
  .fade:not(.show) {
    @apply opacity-0;
  }
  .modal-content {
  @apply relative flex flex-col w-full text-white pointer-events-auto bg-white bg-clip-padding border-[length:1px] border-[color:var(--bs-modal-border-color)] rounded-[var(--bs-modal-border-radius)] border-solid [outline:0]
}
.modal-content {
  @apply relative flex flex-col w-full pointer-events-auto bg-white bg-clip-padding border rounded-[8px] border-solid border-[rgba(0,0,0,0.175)] [outline:0]
}
  .modal .newsletter-form.purple-focus .form-control:focus {
    @apply border-[#8863ee]
  }
  label {
    @apply inline-block
}
  .modal .form-notification {
    @apply text-center text-[#1680fb] !text-[0.85rem] font-normal leading-none mt-3
  }
  .modal .form-notification.valid,
  .modal .form-notification.error {
    @apply text-[#fc2f4b]
  }
  .modal .newsletter-form.valid {
    @apply text-[#0fbc49]
  }
  #modal-3 .request-form-msg {
    @apply w-full block mt-[15px] pl-0
  }
  #modal-3 .request-form .loading {
    @apply text-[#1680fb] text-[1.0625rem] leading-none font-normal
  }
  #modal-3 .request-form .error {
    @apply text-[#e74c3c] !text-[0.85rem] leading-none font-normal mb-[10px] pl-[10px]
  }
  hr {
    @apply text-inherit opacity-25 m-[1rem_0] [border-top:1px_solid]
  }
  .footer-copyright p {
    @apply mb-0
  }
  #footer-10.pt--50 {
    @apply lg:max-xl:pt-[10px] md:max-lg:pt-[10px] sm:max-md:pt-[5px] xsm:max-sm:pt-0
  }
.bg--black.footer .foo-links li p a {
  @apply text-[#a0a7b1] hover:text-white
}
  #footer-1 .footer-info,
  #footer-5 .footer-info,
  #footer-6 .footer-info,
  #footer-7 .footer-info {
    @apply lg:max-xl:pr-[5%] md:max-lg:pl-[5%] md:max-lg:mb-0 sm:max-md:mt-[15px] sm:max-md:mb-0
  }
  .footer-mail-link {
    @apply lg:max-xl:text-[1.0625rem] md:max-lg:text-[1.073529rem] sm:max-md:text-[1.125rem] xsm:max-sm:text-[1.125rem]
  }
  .foo-links li a span.ext-link {
    @apply lg:max-xl:left-[3px] lg:max-xl:top-px md:max-lg:left-[3px] md:max-lg:top-px sm:max-md:left-[3px] sm:max-md:top-px xsm:max-sm:left-[3px] xsm:max-sm:top-[0.5px]
  }
   .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    @apply  ml-[calc(1px*_-1)] rounded-tl-none rounded-bl-none
}
  #about-1 .txt-block p {
    @apply mb-0
  }
  #about-4 .txt-block p {
    @apply mt-[25px] mb-0 lg:max-xl:mt-[20px] md:max-lg:mt-[15px] xsm:max-sm:mt-3
  }
  .about-3-images {
    @apply px-[5%] py-0
  }
  .about-3-img {
    @apply overflow-hidden h-[460px]
  }

  .about-2-title {
    @apply lg:max-xl:mb-[40px] lg:max-xl:pr-[5%] md:max-lg:mb-[30px] md:max-lg:pr-[5%] xsm:max-sm:mb-[30px]
  }
  #about-1 .txt-block h3.mb--30,
  .about-2-title h2.mb--30 {
    @apply lg:max-xl:mb-[25px] md:max-lg:mb-[20px] xsm:max-sm:mb-[15px]
  }
  #about-3 .txt-block h5 {
    @apply lg:max-xl:mb-[15px] md:max-lg:mb-[14px]
  }

  #about-2 .container-fluid {
    @apply sm:max-md:max-w-[540px]
  }
  #about-4 .txt-block h2 {
    @apply sm:max-md:px-[10%] sm:max-md:py-0
  }
  #about-4 .txt-block h2 {
    @apply xsm:max-sm:px-[6%] xsm:max-sm:py-0
  }
  #features-14 .container {
    @apply xsm:max-sm:max-w-full
  }
  .features-section h6.s-18,
  .features-section h6.s-20,
  .features-section h6.s-22 {
    @apply xsm:max-sm:text-[1.4375rem]
  }
  .pricing-4-table .pricing-features li {
    @apply p-[10px] md:max-lg:px-0 md:max-lg:py-[6px] sm:max-md:px-[8px] sm:max-md:py-[10px] xsm:max-sm:px-[8px] xsm:max-sm:py-[10px]
  }
  .pricing-features li p {
    @apply leading-none font-normal mb-0
  }
  .pricing-features li p span {
    @apply relative right-[5px] -top-[2px]
  }
  .pricing-features li.disabled-option p,
  .pricing-features li.disabled-option span {
    @apply text-[#b5b5b5]
  }
  .text--center .pricing-features li {
    @apply md:max-lg:px-0 md:max-lg:py-[6px]
  }
  #features-13.pt--100.shape--bg:after {
    @apply w-[48%] h-[72%] top-[21%] lg:max-xl:w-6/12 lg:max-xl:h-[76%] lg:max-xl:top-[18%] md:max-lg:w-[52%] md:max-lg:h-3/4 md:max-lg:top-[19%] xsm:max-sm:h-[64%] xsm:max-sm:top-[32.35%]
  }
  #features-12.py--100.shape--bg:after {
    @apply w-[48%] h-[64%] left-[52%] top-[18%] lg:max-xl:w-6/12 lg:max-xl:h-[68%] lg:max-xl:left-2/4 lg:max-xl:top-[16%] md:max-lg:w-[52%] md:max-lg:h-[68%] md:max-lg:left-[48%] md:max-lg:top-[16%] xsm:max-sm:h-[68%] xsm:max-sm:top-[32%]
  }
  #features-13.py--100.shape--bg:after {
    @apply w-[48%] h-[64%] top-[18%] lg:max-xl:w-6/12 lg:max-xl:h-[68%] lg:max-xl:top-[16%] md:max-lg:w-[52%] md:max-lg:h-[68%] md:max-lg:top-[16%] xsm:max-sm:h-[68%] xsm:max-sm:top-[32%]
  }
  .pricing-features.mt--25 {
    @apply lg:max-xl:mt-[20px] md:max-lg:mt-[15px] sm:max-md:mt-[18px] xsm:max-sm:mt-[20px]
  }
  #features-4 .row-cols-md-3 .col {
    @apply md:max-lg:px-[8px] md:max-lg:py-0
  }
  .features-section h6.s-18 {
    @apply md:max-lg:text-[1.397058rem] md:max-lg:mb-[12px]
  }
  .pricing-features span {
    @apply md:max-lg:hidden
  }
  .pricing-features p.p-md {
    @apply md:max-lg:text-[0.935rem] md:max-lg:leading-normal
  }
  .features-section h6.s-18,
  .features-section h6.s-20,
  .features-section h6.s-22 {
    @apply sm:max-md:text-[1.625rem]
  }
  .inner-page-hero #rw-2-3,
  .inner-page-hero #rw-2-4 {
    @apply mb-[20px]
  }
  #faqs-4 .inner-page-title {
    @apply sm:max-md:mb-[40px]
  }
  .wsmenu > .wsmenu-list > li > a {
    @apply text-[1rem] leading-[50px] font-semibold tracking-[0] no-underline m-[0_7px] p-[10px_15px] font-Jakarta block xl:text-[0.9375rem] lg:max-xl:mx-[5px] lg:max-xl:my-0 lg:max-xl:px-[15px] lg:max-xl:py-[10px] md:max-lg:text-[1.25rem]  md:max-lg:leading-[46px]  md:max-lg:m-0  md:max-lg:pl-[20px]  md:max-lg:pr-[32px]  md:max-lg:pt-[5px]  md:max-lg:pb-1 sm:max-md:m-0 sm:max-md:pl-[20px] sm:max-md:pr-[32px] sm:max-md:pt-[5px] sm:max-md:pb-1 xsm:max-sm:m-0 xsm:max-sm:pl-[20px] xsm:max-sm:pr-[32px] xsm:max-sm:pt-[5px] xsm:max-sm:pb-1
  }
  .wsmenu > .wsmenu-list > li.reg-fst-link > a {
    @apply ml-[30px] md:max-lg:ml-0
  }
  .navbar-dark .wsmenu > .wsmenu-list > li > a.h-link {
    @apply text-[#353f4f]
  }
  .navbar-light .wsmenu > .wsmenu-list > li > a.h-link {
    @apply text-white
  }
  .wsmenu > .wsmenu-list > li > a.h-link.last-link {
    @apply m-0 px-0 py-[10px]
  }
  .wsmenu > .wsmenu-list > li > a .wsarrow:after {
    @apply content-[""] float-right h-0 absolute text-right w-0 ml-[14px] border-t-4 border-x-4 border-x-[rgba(0,0,0,0)] border-solid right-0 top-[35px]
  }
  .wsmenu > .wsmenu-list > li a.btn {
    @apply text-[1rem] leading-[30px] font-semibold normal-case tracking-[0] mt-[14px] px-7 py-1 xl:text-[0.9rem]  xl:leading-[28px]  xl:m-[14px_5px_0]  xl:p-[4px_22px_6px] lg:max-xl:text-[0.9375rem] lg:max-xl:leading-[28px] lg:max-xl:mt-[15px] lg:max-xl:pt-[3px] lg:max-xl:pb-[5px] lg:max-xl:px-[22px] md:max-lg:text-[1.25rem]  md:max-lg:leading-[44px]  md:max-lg:mt-px  md:max-lg:mb-[2px]  md:max-lg:mx-0  md:max-lg:px-[22px]  md:max-lg:py-[5px]  md:max-lg:!rounded-none  md:max-lg:border-2
  }
  .wsmenu > .wsmenu-list > li a.btn.reg-btn {
    @apply px-[22px] py-1 xl:pt-1  xl:pb-[6px]  xl:px-[20px] lg:max-xl:pt-[3px] lg:max-xl:pb-[5px] lg:max-xl:px-[20px] md:max-lg:leading-[44px]  md:max-lg:px-[22px]  md:max-lg:py-[5px];
  }
  .wsmenu > .wsmenu-list > li a.btn.fst-btn-link {
    @apply ml-[12px] lg:max-xl:ml-0 md:max-lg:ml-0
  }
  .wsmenu > .wsmenu-list > li a.store.header-store {
    @apply leading-none ml-[10px] mt-[13px] mb-0 p-0 lg:max-xl:ml-0 lg:max-xl:mt-[15px] md:max-lg:block md:max-lg:float-none md:max-lg:ml-[12px] md:max-lg:mt-[5px] md:max-lg:border-b-[none]
  }
  .wsmenu > .wsmenu-list > li > ul.sub-menu {
    @apply w-auto min-w-[200px] shadow-[0_2px_3px_rgba(96,96,96,0.1)] p-[12px_10px] top-[62px] lg:max-xl:min-w-[180px] md:max-lg:shadow-[0_0]  md:max-lg:[border-bottom:1px_solid_#ddd]  md:max-lg:top-[5px] sm:max-md:top-0 xsm:max-sm:top-0
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 {
      @apply w-[76%] p-[20px_10px] left-[23%] top-[62px] lg:max-xl:w-[86%] lg:max-xl:left-[10%] md:max-lg:shadow-[0_0] md:max-lg:[border-bottom:1px_solid_#ddd] md:max-lg:top-[5px] sm:max-md:top-0 xsm:max-sm:top-0 md:max-lg:w-full md:max-lg:px-[10px] md:max-lg:py-[12px] md:max-lg:left-0 sm:max-md:px-[10px] sm:max-md:py-[6px] xsm:max-sm:px-[10px] xsm:max-sm:py-[6px]
  }
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
    @apply bg-[rgba(244,244,249,0)] text-[#353f4f] text-[1rem] font-semibold [transition:all_0.3s_ease-in-out] p-[11px_14px] font-Jakarta xl:text-[0.9rem] lg:max-xl:text-[0.9375rem] md:max-lg:text-[#666] md:max-lg:text-[1.1765rem] md:max-lg:px-[14px] md:max-lg:py-[15px] sm:max-md:px-[10px] sm:max-md:py-[12px] xsm:max-sm:px-[10px] xsm:max-sm:py-[12px] leading-[22px]
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu {
    @apply top-[62px] shadow-[0_2px_3px_rgba(96,96,96,0.1)] px-0 py-[12px]
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
    @apply w-[38%] shadow-[0_2px_3px_rgba(96,96,96,0.1)] px-0 py-[12px] rounded-[6px] lg:max-xl:w-2/5 md:max-lg:w-full md:max-lg:p-[10px] md:max-lg:border-b-[#ddd] md:max-lg:border-b md:max-lg:border-solid md:max-lg:top-[5px]
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
    @apply text-[#353f4f] text-[1rem] font-semibold transition-all duration-[0.3s] ease-[ease-in-out] px-[14px] py-[11px] font-Jakarta bg-[rgba(244,244,249,0)]
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
    @apply bg-[rgba(244,244,249,1)] px-[14px] py-[11px]
  }
    .wsmenu > .wsmenu-list {
        @apply sm:max-md:w-[345px] sm:max-md:mr-[-345px] xsm:max-sm:w-[325px] xsm:max-sm:mr-[-325px]
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
    .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover {
        @apply md:max-lg:no-underline  md:max-lg:px-[14px]  md:max-lg:py-[15px]
    }  
    .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
    .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
      @apply bg-[rgba(244,244,249,1)] p-[11px_14px] md:max-lg:no-underline md:max-lg:px-[14px] md:max-lg:py-[15px] sm:max-md:px-[10px] sm:max-md:py-[12px] xsm:max-sm:px-[10px] xsm:max-sm:py-[12px]
    }
    .tra-menu .wsmenu > .wsmenu-list > li > a,
    .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a {
        @apply md:max-lg:text-[#666]
    }
    .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
    .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
    .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
            @apply md:max-lg:!text-[#666] md:max-lg:!text-[1.1765rem] md:max-lg:!px-[14px] md:max-lg:!py-[15px] sm:max-md:!px-[10px] sm:max-md:!py-[12px] xsm:max-sm:!px-[10px] xsm:max-sm:!py-[12px]
        } 
        
        .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
        .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover {
            @apply sm:max-md:px-[10px] sm:max-md:py-[12px] xsm:max-sm:px-[10px] xsm:max-sm:py-[12px]
        }
    .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
    .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
    .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
        @apply md:max-lg:bg-[rgba(255,255,255,0.05)]
    } 

  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
    @apply !bg-[rgba(244,244,249,1)] p-[11px_14px]
  }
  
  .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
  .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
  .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover,
  .black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
  .black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
  .black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  @apply bg-[rgba(255,255,255,0.05)];
  }
  
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
  @apply bg-[rgba(244,244,249,0)] text-[#353f4f] text-[1rem] font-semibold [transition:all_0.3s_ease-in-out] p-[11px_14px] font-Jakarta
}
  .wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
    @apply  [border-bottom:none]
   }
  .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
    @apply max-w-[275px] p-[12px] lg:max-xl:max-w-[225px] md:max-lg:w-full
  }
  .icons-menu .icons-menu-item {
    @apply flex relative items-stretch justify-start ![flex-flow:row_wrap]
  }
  .icons-menu-ico {
    @apply relative mr-[14px] lg:max-xl:mr-[12px] md:max-lg:mr-[14px]
  }
  .wsmegamenu.ico-30 .icons-menu-ico span {
    @apply relative !top-[6px] lg:max-xl:top-2 md:max-lg:top-2
  }
  .icons-menu-txt {
    @apply overflow-hidden flex-1 max-w-full
  }
  .icons-menu-txt h6 {
    @apply text-inherit text-[1rem] leading-[32px] font-medium mb-0
  }
  .icons-menu-txt span {
    @apply block text-[#898989] text-[0.925rem] font-normal mb-0
  }
  .navbar-light .wsmenu-list > li > a.h-link:hover {
    @apply !text-[#eee]
  }
  .navbar-dark .wsmenu-list > li > a.h-link:hover {
    @apply text-[#1d222f]
  }
  .wsmenu > .wsmenu-list.nav-blue-500 > li > ul.sub-menu > li > a:hover,
  .wsmenu
    > .wsmenu-list.nav-blue-500
    > li
    > .wsmegamenu.w-75
    ul.link-list
    > li
    > a:hover {
    @apply text-[#185abd]
  }
  .wsmenu > .wsmenu-list.nav-green-500 > li > ul.sub-menu > li > a:hover,
  .wsmenu
    > .wsmenu-list.nav-green-500
    > li
    > .wsmegamenu.w-75
    ul.link-list
    > li
    > a:hover {
    @apply text-[#00a14e]
  }
  .wsmenu > .wsmenu-list.nav-pink-500 > li > ul.sub-menu > li > a:hover,
  .wsmenu
    > .wsmenu-list.nav-pink-500
    > li
    > .wsmegamenu.w-75
    ul.link-list
    > li
    > a:hover {
    @apply text-[#ff149c]
  }
  .wsmenu > .wsmenu-list.nav-purple-500 > li > ul.sub-menu > li > a:hover,
  .wsmenu
    > .wsmenu-list.nav-purple-500
    > li
    > .wsmegamenu.w-75
    ul.link-list
    > li
    > a:hover {
    @apply text-[#663ae9]
  }
  .wsmenu > .wsmenu-list.nav-red-500 > li > ul.sub-menu > li > a:hover,
  .wsmenu
    > .wsmenu-list.nav-red-500
    > li
    > .wsmegamenu.w-75
    ul.link-list
    > li
    > a:hover {
    @apply text-[#da0f29]
  }

  .tra-menu.white-scroll .wsmainfull.scroll,
  .white-menu.white-scroll .wsmainfull.scroll {
    @apply !bg-[rgba(255,255,255,0.7)] backdrop-blur-[20px] shadow-[0_2px_3px_rgba(96,96,96,0.1)] !p-0
  }
  .tra-menu.black-scroll .wsmainfull.scroll,
  .dark-menu.black-scroll .wsmainfull.scroll {
    @apply bg-[#1d222f] shadow-[0_2px_3px_rgba(1,1,1,0.1)] p-0
  }
  .tra-menu.navbar-dark.black-scroll
    .scroll
    .wsmenu
    > .wsmenu-list
    > li
    > a.h-link {
    @apply text-white hover:text-[#ccc]
  }

  .wsmenu > .wsmenu-list > li.header-phone > a {
    @apply md:max-lg:text-[19px] md:max-lg:pl-[15px] md:max-lg:pr-[32px] md:max-lg:pt-[7px] md:max-lg:pb-[6px]
  }
  .wsmenu > .wsmenu-list > li.header-phone > a span {
    @apply md:max-lg:w-6 md:max-lg:h-6 md:max-lg:leading-[25px]
  }
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
    @apply md:max-lg:w-full md:max-lg:px-[10px] md:max-lg:py-[12px] md:max-lg:left-0
  }
  .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu,
  .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
    @apply sm:max-md:px-[10px] sm:max-md:py-[6px]
  }
  .navbar-light .logo-black,
  .navbar-dark .logo-white,
  .tra-menu.navbar-light .scroll .logo-white,
  .tra-menu.navbar-dark.black-scroll .scroll .logo-black {
    @apply hidden
  }
  .tra-menu.navbar-light .scroll .logo-black,
  .tra-menu.navbar-dark.black-scroll .scroll .logo-white {
    @apply block
  }
  .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link, 
  .tra-menu.navbar-light.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link {
    @apply text-[#353f4f]
  }

  .wsmenu > .wsmenu-list > li > .wsmenu-click > i {
    @apply md:max-lg:h-[10px] md:max-lg:w-[10px] md:max-lg:ml-0 md:max-lg:mr-[18px] md:max-lg:mt-[21px] md:max-lg:mb-0 sm:max-md:h-2 sm:max-md:w-2 sm:max-md:ml-0 sm:max-md:mr-[18px] sm:max-md:mt-[24px] sm:max-md:mb-0 xsm:max-sm:h-2 xsm:max-sm:w-2 xsm:max-sm:ml-0 xsm:max-sm:mr-[18px] xsm:max-sm:mt-[24px] xsm:max-sm:mb-0
}
.wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i {
  @apply md:max-lg:-rotate-360  md:max-lg:mt-7
}
  .navbar-light.white-scroll .scroll .wsmenu-list > li > a.h-link {
    @apply hover:!text-[#1d222f];
}
.img-block-hidden,
  .bc-5-img.bc-5-dashboard.img-block-hidden {
    @apply mb-[-100px] md:max-lg:-mb-[80px] sm:max-md:mb-[-50px]
  }
  .ct-03 .img-block.right-column {
    @apply ml-[20px] lg:max-xl:ml-[15px] md:max-lg:ml-0 sm:max-md:mx-[3%] xsm:max-sm:m-[0_2%_35px]
  }
  .ct-05 .img-block-hidden {
    @apply mb-[-30px]
  }
  .ct-06 .img-block {
    @apply -mb-[80px] md:max-lg:mr-[-20%] xsm:max-sm:-mt-[80px] xsm:max-sm:mb-[40px]
  }
  .ct-07 .img-block {
    @apply -mt-[8px] md:max-lg:ml-[-20%] xsm:max-sm:-mt-[8px] xsm:max-sm:mb-[40px]
  }
  .ct-11 .img-block,
  .ct-12 .img-block {
    @apply relative text-center z-[2] sm:max-md:mb-[40px] sm:max-md:px-[10%] sm:max-md:py-[50px] xsm:max-sm:mb-[40px] xsm:max-sm:px-[8%] xsm:max-sm:py-[40px]
  }
  .ct-11 .img-block {
    @apply pl-[70px] lg:max-xl:pl-[50px] md:max-lg:pl-[15px]
  }
  .ct-12 .img-block {
    @apply pr-[70px] lg:max-xl:pr-[50px] md:max-lg:pr-[15px]
  }
  .ct-11 .img-block .tra-bkg,
  .ct-12 .img-block .tra-bkg {
    @apply opacity-0 absolute w-full h-full z-[-1] left-0 top-0
  }
  .ct-07 .txt-block,
  .bc-2-txt,
  .bc-2-wrapper .txt-block,
  .bc-3-txt {
    @apply mt-[40px] lg:max-xl:mt-[20px] -mt-[40px]
  }
  .ct-11 .txt-block {
    @apply pr-[50px] lg:max-xl:pr-[40px] md:max-lg:pr-[25px]
  }
  .ct-12 .txt-block {
    @apply pl-[70px] lg:max-xl:pl-[40px] md:max-lg:pl-[25px]
  }
  .ct-13 .txt-block {
    @apply xsm:max-sm:mb-[35px]
  }
  .ct-13 .txt-block.ml--block {
    @apply xsm:max-sm:mb-0
  }
  .ct-06 {
    @apply mb-[80px]
  }
  .ct-07 {
    @apply mt-[80px]
  }
  .ct-13 .row.mb--60 {
    @apply lg:max-xl:mb-[50px] md:max-lg:mb-[30px]
  }
  .ct-top {
    @apply xsm:max-sm:mb-[70px]
  }
  .ct-13 .img-block.ml--block {
    @apply xsm:max-sm:mb-0
  }
  .ct-11:after,
  .ct-12:after {
    @apply absolute content-[''] z-[-1] w-6/12 h-full bg-white
  }
  .ct-11:after {
    @apply left-0 top-0
  }
  .ct-12:after {
    @apply left-2/4 top-0
  }
  .bc-6 h4 {
    @apply lg:max-xl:mb-[18px] md:max-lg:mb-[18px]
  }
  .bc-6-txt h5 {
    @apply md:max-lg:mb-[12px] sm:max-md:mb-[12px] xsm:max-sm:mb-[12px] mb-[15px]
  }
  .bc-6-link.mt--15 {
    @apply lg:max-xl:mt-[10px] md:max-lg:mt-[10px] xsm:max-sm:mt-3
  }
  .bc-5-wrapper .section-title,
  .bc-6-txt {
    @apply md:max-lg:mb-[35px] md:max-lg:p-0
  }
  .bc-1-wrapper .txt-block.pr-25.left-column,
  .bc-2-wrapper .txt-block.pr-25.left-column {
    @apply lg:max-xl:pr-[15px] md:max-lg:pr-0 pr-[25px]
  }
  .bc-1-wrapper .txt-block.pl-25.right-column,
  .bc-2-wrapper .txt-block.pl-25.right-column {
    @apply lg:max-xl:pl-[15px] md:max-lg:pl-0 pl-[25px]
  }
  .bc-2-img,
  .bc-4-img {
    @apply ml-[15px]
  }
  .bc-4-img {
    @apply mr-[-65%] lg:max-xl:mr-[-65%] md:max-lg:mr-[-100%] md:max-lg:mb-[-25px]
  }
  .bc-6-img {
    @apply mb-[35px] pt-[50px] lg:max-xl:mb-[25px] lg:max-xl:pt-[40px] md:max-lg:mb-[20px] md:max-lg:pt-[30px] sm:max-md:mb-[25px] sm:max-md:pt-[35px] xsm:max-sm:mb-[25px] xsm:max-sm:pt-[30px]
  }
  .bc-6-wrapper .section-overlay {
    @apply p-[80px_70px] lg:max-xl:px-[50px] lg:max-xl:py-[65px] xsm:max-sm:px-[20px]
  }
  .bc-6 {
    @apply px-[35px] py-[40px] lg:max-xl:px-[25px] lg:max-xl:py-[30px] md:max-lg:px-[16px] md:max-lg:py-6 sm:max-md:pt-[35px] xsm:max-sm:px-[17px]
  }
  .integrations-section .more-btn.mt--60 {
    @apply lg:max-xl:mt-[50px] md:max-lg:mt-[30px] xsm:max-sm:mt-[30px]
  }
  .banner-section .section-id {
    @apply font-semibold mb-[30px] pt-[10px] lg:max-xl:mb-[25px] md:max-lg:mb-[18px] sm:max-md:mb-[20px] xsm:max-sm:mb-[18px]
  }
  #banner-15.banner-section .section-id {
    @apply lg:max-xl:mb-[30px] md:max-lg:mb-[22px] sm:max-md:mb-[24px] xsm:max-sm:mb-[22px]
  }

  #banner-1 .container, #banner-2 .container, #banner-3 .container,
  #banner-11 .container, #banner-12 .container, #banner-13 .container {
      @apply sm:max-md:!max-w-full xsm:max-sm:!max-w-full
  }
  .banner-15-txt h2 {
    @apply mb-[45px] lg:max-xl:mb-[30px] md:max-lg:mb-[30px] sm:max-md:mb-[30px] xsm:max-sm:mb-[30px]
  }
  .banner-10-txt h6 {
    @apply font-normal mb-[12px]
  }
  .sm-title .banner-1-txt p.p-lg,
  .sm-title .banner-1-txt p.p-xl {
    @apply lg:max-xl:mt-[10px] lg:max-xl:mb-[20px] sm:max-md:mt-[12px] sm:max-md:mb-[22px] xsm:max-sm:mb-[20px]
  }
  .banner-5-txt p.s-21,
  .banner-5-txt p.s-22 {
    @apply lg:max-xl:mt-[15px] lg:max-xl:mb-[21px] sm:max-md:mt-[12px] sm:max-md:mb-[18px] xsm:max-sm:mt-[12px] xsm:max-sm:mb-[18px]
  }
  .banner-11-txt p {
    @apply md:max-lg:pr-0 sm:max-md:pr-0
  }
  .banner-11-img {
    @apply sm:max-md:mt-[40px] sm:max-md:mb-[-30px] sm:max-md:mx-[5%] xsm:max-sm:mt-[35px]
  }
  .banner-section .btns-group .btn.mr--15,
  .banner-section .btns-group .btn:first-child {
    @apply sm:max-md:mr-2 xsm:max-sm:mb-[15px]
  }
  .banner-8-buttons {
    @apply md:max-lg:text-center md:max-lg:mt-[20px] xsm:max-sm:mt-[15px] xsm:max-sm:px-[4%]
  }
  #banner-11 {
    @apply mt-[50px] md:max-lg:mt-[20px]
  }
  #banner-9 {
    @apply lg:max-xl:py-[70px] md:max-lg:py-[55px] sm:max-md:pt-[55px] sm:max-md:pb-[65px] xsm:max-sm:pt-[55px] xsm:max-sm:pb-[65px]
  }
  .banner-9-txt {
    @apply lg:max-xl:pl-[15px] lg:max-xl:pr-[30%] md:max-lg:pr-[25%] sm:max-md:px-[14%] xsm:max-sm:px-[5%]
  }
  .banner-5-txt {
    @apply sm:max-md:p-0 xsm:max-sm:p-0
  }
  .right-column .cbox-5 {
    @apply xsm:max-sm:mb-[40px] sm:max-md:mb-[60px]
  }
  .txt-block .cbox-5-fea h4 {
    @apply xsm:max-sm:text-[1.625rem]
  }
  .cbox-5-txt .btn {
    @apply xsm:max-sm:mt-[14px] sm:max-md:mt-[10px]
  }
  .cbox-5-shape-1 img,
  .cbox-5-shape-2 img {
    @apply lg:max-xl:h-[70%] lg:max-xl:w-[70%] md:max-lg:h-[55%] md:max-lg:w-[55%] sm:max-md:h-4/5 sm:max-md:w-4/5
  }
  .cbox-3,
  .cbox-4 {
    @apply xsm:max-sm:text-center
  }
  .cbox-3 {
    @apply xsm:max-sm:block
  }
  .content-section .cbox-6-wrapper {
    @apply p-[80px_70px]
  }
  .cbox-5 {
    @apply relative
  }
  .cbox-5-content {
    @apply bg-white border z-[1] shadow-[0px_15px_20px_0px_rgba(5,5,5,0.05)] mx-[12%] p-10 border-solid border-[#f5f6f6] lg:max-xl:mx-[10%] md:max-lg:mx-[5%] sm:max-md:m-0 xsm:max-sm:m-0
  }
  .cbox-5-content .divider {
    @apply my-[25px] lg:max-xl:my-[22px] md:max-lg:my-[22px] sm:max-md:my-[22px] xsm:max-sm:my-[22px]
  }
  .txt-block .cbox-5-title h2 {
    @apply text-[3.5rem] tracking-[-1px] leading-none mb-[10px] lg:max-xl:text-[3.15rem] md:max-lg:text-[3rem] sm:max-md:text-[3.25rem] xsm:max-sm:text-[3rem]
  }
  .cbox-5-title p.p-lg {
    @apply mb-[10px]
  }
  .cbox-2:hover .cbox-2-ico.bg--blue-500 {
    @apply text-[#185abd] border-[#185abd]
  }
  .cbox-2:hover .cbox-2-ico.bg--blue-400 {
    @apply text-[#1680fb] border-[#1680fb]
  }
  .cbox-2:hover .cbox-2-ico.bg--blue-300 {
    @apply text-[#3eb1ff] border-[#3eb1ff]
  }
  .cbox-2:hover .cbox-2-ico.bg--green-500 {
    @apply text-[#00a14e] border-[#00a14e]
  }
  .cbox-2:hover .cbox-2-ico.bg--green-400 {
    @apply text-[#0fbc49] border-[#0fbc49]
  }
  .cbox-2:hover .cbox-2-ico.bg--green-300 {
    @apply text-[#6fd792] border-[#6fd792]
  }
  .cbox-2:hover .cbox-2-ico {
      @apply !bg-transparent;
  }
  .cbox-3-txt {
    @apply overflow-hidden flex-1 max-w-full mb-[35px] lg:max-xl:mb-[25px] md:max-lg:mb-[20px] xsm:max-sm:mb-[25px]
  }
  .cbox-2:last-child .cbox-2-txt,
  .cbox-3:last-child .cbox-3-txt,
  .cbox-4:last-child .cbox-4-txt {
    @apply !mb-0
  }
  .cbox-5-fea {
    @apply shadow-[0px_15px_20px_0px_rgba(5,5,5,0.05)] mt-[25px] px-[25px] py-[20px] lg:max-xl:px-[20px] md:max-lg:px-[16px] md:max-lg:py-[12px] sm:max-md:mt-[20px] xsm:max-sm:mt-[20px]
  }
  .txt-block .cbox-5-fea h4 {
    @apply leading-none mb-[3px]
  }
  .cbox-5-fea p {
    @apply mb-0
  }
  .cbox-6 p,
  .cbox-3-txt p,
  .cbox-4-txt p {
    @apply mb-0
  }
  .cbox-5-shape-1 {
    @apply absolute top-[-35px] z-[-1] right-[30px] lg:max-xl:-right-[20px] md:max-lg:right-[-55px] sm:max-md:right-[-50px] sm:max-md:top-[-30px] xsm:max-sm:hidden
  }
  .cbox-5-shape-2 {
    @apply absolute bottom-[-25px] z-[-1] left-[30px] lg:max-xl:bottom-[-25px] lg:max-xl:left-[10px] md:max-lg:-left-5 sm:max-md:left-[-30px] sm:max-md:bottom-[-25px] xsm:max-sm:hidden
  }
  .cbox-5-shape-1 img,
  .cbox-5-shape-2 img {
    @apply h-full w-full object-cover
  }

  .cbox-3-ico span[class*="flaticon-"]:before,
  .cbox-3-ico span[class*="flaticon-"]:after {
    @apply lg:max-xl:text-[3rem] md:max-lg:text-[3rem] text-[2.85rem]
  }

  .btn-txt.ico-15 [class*="flaticon-"]:before, 
  .btn-txt.ico-15 [class*="flaticon-"]:after,
  .btns-group-txt.ico-15 [class*="flaticon-"]:before, 
  .btns-group-txt.ico-15 [class*="flaticon-"]:after {
    @apply text-[0.75rem];
}
  .pricing-1-wrapper .col,
  .pricing-2-wrapper .col,
  .pricing-3-wrapper .col {
    @apply lg:max-xl:px-[8px] lg:max-xl:py-0 md:max-lg:px-[5px] md:max-lg:py-0
  }
  #pricing-1 .container,
  #pricing-2 .container,
  #pricing-3 .container {
    @apply md:max-lg:px-[5px] md:max-lg:py-0
  }

  .pricing-1-table .pt--btn,
  .pricing-2-table .pt--btn,
  .pricing-4-table .pt--btn,
  .pricing-3-table .pt--btn {
    @apply lg:max-xl:mt-[20px] md:max-lg:mt-[15px]
  }
  .lg\:w-10\/12 .pricing-notice p {
      @apply lg:max-xl:px-[4%] lg:max-xl:py-0 md:max-lg:px-[8%] md:max-lg:py-0 sm:max-md:p-0 xsm:max-sm:p-0
  }
  .lg\:w-9\/12 .pricing-notice p {
      @apply md:max-lg:px-[15%] md:max-lg:py-0 sm:max-md:p-0 xsm:max-sm:p-0
  }
  .pricing-notice .btn.mt--25 {
      @apply lg:max-xl:mt-[20px] md:max-lg:mt-[20px]
  }
  .pricing-notice p span {
    @apply font-medium
  }
  .pricing-notice.mb--40 {
    @apply sm:max-md:mb-[30px] xsm:max-sm:mb-[30px]
  }
  .pricing-2-table, .pricing-4-table {
    @apply pt-[50px] pb-[45px] px-[38px] lg:max-xl:pt-[40px] lg:max-xl:pb-[35px] lg:max-xl:px-[25px] md:max-lg:pt-[30px] md:max-lg:pb-[25px] md:max-lg:px-[25px] sm:max-md:pt-[35px] sm:max-md:pb-[40px] sm:max-md:px-[30px] xsm:max-sm:px-[40px] xsm:max-sm:py-[35px]
  }
  .text--center .pricing-1-table {
    @apply pt-[60px] pb-[50px] px-[35px] lg:max-xl:pt-[50px] lg:max-xl:pb-[40px] lg:max-xl:px-[25px] md:max-lg:pt-[35px] md:max-lg:pb-[25px] md:max-lg:px-[25px] sm:max-md:pt-[35px] sm:max-md:pb-[40px] sm:max-md:px-[30px] xsm:max-sm:px-[40px] xsm:max-sm:py-[35px]
  }
  .pricing-4-table {
    @apply p-[45px] lg:max-xl:px-[45px] lg:max-xl:py-[35px] md:max-lg:px-[35px] md:max-lg:py-[30px] xsm:max-sm:px-[40px] xsm:max-sm:py-[35px]
  }
  .pricing-3-table .pricing-table-header h4 {
    @apply lg:max-xl:mb-[10px] md:max-lg:mb-[10px]
  }
  .text--center .pricing-1-table .pricing-discount {
    @apply top-[-35px] -right-2 lg:max-xl:right-[-5px] lg:max-xl:-top-10 md:max-lg:top-[-30px] xsm:max-sm:-top-8
  }
  .pricing-2-table.highlight .price span {
    @apply text-[2.4rem] tracking-[-1px] lg:max-xl:text-[2.15rem] md:max-lg:text-[2.05rem] sm:max-md:text-[2.65rem] xsm:max-sm:text-[2.5rem]
  }
  .pricing-4-table .price span {
    @apply text-[3.15rem] lg:max-xl:text-[3.15rem] md:max-lg:text-[2.85rem] sm:max-md:text-[2.875rem] xsm:max-sm:text-[2.75rem]
  }
  .pricing-4-table .price sup {
    @apply text-[2.05rem] right-[2px] -top-[10px] lg:max-xl:text-[2.25rem] md:max-lg:top-[-7px] sm:max-md:text-[2.15rem] xsm:max-sm:text-[2rem]
  }
  .price sup.coins {
    @apply text-[2.35rem] font-semibold top-[-29px] tracking-[-2px] left-[3px] lg:max-xl:top-[-27px] md:max-lg:text-[2rem] sm:max-md:text-[2.5rem] xsm:max-sm:text-[2.45rem]
  }
  .pricing-2-table .price p,
  .pricing-4-table .price p {
    @apply my-[25px] lg:max-xl:mt-[20px] lg:max-xl:mb-[15px] md:max-lg:text-[0.9075rem] md:max-lg:my-[14px]
  }
  .text--center .price p {
    @apply px-[2%] py-0 lg:max-xl:p-0 md:max-lg:p-0 sm:max-md:p-0 xsm:max-sm:p-0
  }
  .pricing-1-table hr,
  .pricing-2-table hr,
  .pricing-3-table hr {
    @apply mt-[35px] lg:max-xl:mt-[30px] md:max-lg:mt-[30px] sm:max-md:mt-[20px] xsm:max-sm:mt-[20px]
  }
  .pricing-section .toggle-btn.mt--30 {
    @apply md:max-lg:mt-[20px]
  }

  #pricing-4 .ext-toggle-btn {
    @apply ml-[10px] mr-[50px] mt-0 mb-[35px] lg:max-xl:ml-[15px] lg:max-xl:mr-[20px] lg:max-xl:mt-0 lg:max-xl:mb-[25px] md:max-lg:ml-[10px] md:max-lg:mr-[35px] md:max-lg:mt-0 md:max-lg:mb-[20px] sm:max-md:mt-0 sm:max-md:mb-[30px] sm:max-md:mx-auto xsm:max-sm:mt-0 xsm:max-sm:mb-[30px] xsm:max-sm:mx-auto
  }
  .comp-table .pricing-header {
    @apply max-w-[700px]
  }
  .toggle-btn-lg .switch-wrap {
    @apply min-w-[70px] h-[40px] mx-[14px] my-0 lg:max-xl:min-w-[60px] lg:max-xl:h-[36px] lg:max-xl:mx-3 lg:max-xl:my-0 md:max-lg:min-w-[55px] md:max-lg:h-[32px] md:max-lg:mx-[6px] md:max-lg:my-0
  }
  .toggle-btn-lg .switcher {
    @apply md:max-lg:before:w-[22px] md:max-lg:before:h-[22px] md:max-lg:before:left-[5px] md:max-lg:before:bottom-[5px]
  }
  .toggle-btn-lg .switcher {
    @apply h-[40px] pl-[40px] pr-[20px] py-0 rounded-[40px] before:w-[30px] before:h-[30px] before:left-[5px] before:bottom-[5px] lg:max-xl:h-[36px] lg:max-xl:pl-[35px] lg:max-xl:pr-[15px] lg:max-xl:rounded-[36px] lg:max-xl:before:w-[26px] lg:max-xl:before:h-[26px] md:max-lg:h-[32px] md:max-lg:pl-[30px] md:max-lg:pr-[10px] md:max-lg:rounded-[32px]
  }
  .switch-wrap input:checked + .switcher {
    @apply pl-[15px] pr-[35px] py-0 before:transition-all before:duration-[350ms] before:ease-in-out before:left-auto before:right-1 lg:max-xl:pl-[15px] lg:max-xl:pr-[35px] lg:max-xl:py-0 md:max-lg:pl-[10px] md:max-lg:pr-[30px] md:max-lg:py-0
  }

  .switch-wrap input:checked + .switcher {
    @apply bg-[#185abd] border-[#185abd]
  }
  .switch-wrap input:checked + .switcher.switcher--blue-400 {
    @apply bg-[#1680fb] border-[#1680fb]
  }
  .switch-wrap input:checked + .switcher.switcher--blue-300 {
    @apply bg-[#3eb1ff] border-[#3eb1ff]
  }
  .switch-wrap input:checked + .switcher.switcher--green-500 {
    @apply bg-[#00a14e] border-[#00a14e]
  }
  .switch-wrap input:checked + .switcher.switcher--green-400 {
    @apply bg-[#0fbc49] border-[#0fbc49]
  }
  .switch-wrap input:checked + .switcher.switcher--green-300 {
    @apply bg-[#6fd792] border-[#6fd792]
  }
  .switch-wrap input:checked + .switcher.switcher--pink-500 {
    @apply bg-[#ff149c] border-[#ff149c]
  }
  .switch-wrap input:checked + .switcher.switcher--pink-400 {
    @apply bg-[#f74780] border-[#f74780]
  }
  .switch-wrap input:checked + .switcher.switcher--pink-300 {
    @apply bg-[#fcb5cc] border-[#fcb5cc]
  }
  .switch-wrap input:checked + .switcher.switcher--purple-500 {
    @apply bg-[#663ae9] border-[#663ae9]
  }
  .switch-wrap input:checked + .switcher.switcher--purple-400 {
    @apply bg-[#7b5dd6] border-[#7b5dd6]
  }
  .switch-wrap input:checked + .switcher.switcher--purple-300 {
    @apply bg-[#bdaeea] border-[#bdaeea]
  }
  .switch-wrap input:checked + .switcher.switcher--red-500 {
    @apply bg-[#da0f29] border-[#da0f29]
  }
  .switch-wrap input:checked + .switcher.switcher--red-400 {
    @apply bg-[#ff1e1a] border-[#ff1e1a]
  }
  .switch-wrap input:checked + .switcher.switcher--red-300 {
    @apply bg-[#ffa5a3] border-[#ffa5a3]
  }
  .switch-wrap input:checked + .switcher.switcher--violet-500 {
    @apply bg-[#c73e9b] border-[#c73e9b]
  }
  .switch-wrap input:checked + .switcher.switcher--violet-400 {
    @apply bg-[#be6cbe] border-[#be6cbe]
  }
  .switch-wrap input:checked + .switcher.switcher--violet-300 {
    @apply bg-[#e2bde2] border-[#e2bde2]
  }
  .switch-wrap input:checked + .switcher.switcher--yellow-500 {
    @apply bg-[#ffba01] border-[#ffba01]
  }
  .switch-wrap input:checked + .switcher.switcher--yellow-400 {
    @apply bg-[#ffbd45] border-[#ffbd45]
  }
  .switch-wrap input:checked + .switcher.switcher--yellow-300 {
    @apply bg-[#ffdf35] border-[#ffdf35]
  }
  .switch-wrap input:checked + .switcher .show-annual {
    @apply block
  }
  .switch-wrap input:checked + .switcher .show-monthly {
    @apply hidden
  }

  .switcher:before {
    @apply md:max-lg:w-[22px] md:max-lg:h-[22px] md:max-lg:left-[4px] md:max-lg:bottom-1
  }

  .switcher.bg--tra-white {
    @apply bg-white border-2 border-solid border-[#ccc]
  }
  .switcher.bg--ghost-white {
    @apply bg-[rgba(128,143,174,0.45)] border-2 border-solid border-[rgba(128,143,174,0.15)]
  }
  .switcher.bg--tra-white:before, .switcher.bg--ghost-white:before {
    @apply bg-[#ccc] shadow-[0_1px_1px_0_#aaa] left-[4px] bottom-[3.5px]
  }
  .switcher.bg--ghost-white:before {
    @apply bg-white
  }

  .press-logo img {
    @apply relative w-auto max-w-[inherit] !max-h-[82px] lg:max-xl:max-h-[74px] md:max-lg:max-h-[74px] xsm:max-sm:max-h-[74px]
  }

  .press-txt {
    @apply relative mt-[15px] lg:max-xl:mt-[10px] md:max-lg:mt-[10px] xsm:max-sm:mt-[10px] xsm:max-sm:px-[3%] xsm:max-sm:py-0
  }
  .press-txt p {
    @apply text-[#999] font-normal mb-0
  }
  .press-txt span {
    @apply relative opacity-60 -left-px top-[3px]
  }

  #press-05,
  #press-06 {
    @apply md:max-lg:mb-[30px]
  }
  .txt-block .accordion-1 .accordion-item,
  .txt-block .accordion-2 .accordion-item {
    @apply bg-transparent border-[none]
  }

  .txt-block .accordion-1 .accordion-item {
    @apply md:max-lg:px-[30px] md:max-lg:py-[18px] sm:max-md:px-[25px] sm:max-md:py-[18px] xsm:max-sm:px-[25px] xsm:max-sm:py-[18px]
  }
  .txt-block .accordion-2 .accordion-item {
    @apply md:max-lg:pt-[10px] md:max-lg:pb-[20px] md:max-lg:px-0 sm:max-md:pt-[10px] sm:max-md:pb-[20px] sm:max-md:px-0 xsm:max-sm:pt-[10px] xsm:max-sm:pb-[20px] xsm:max-sm:px-0
  }

  .txt-block .accordion-1 .accordion-item.is-active {
    @apply md:max-lg:pt-[30px] md:max-lg:pb-[14px] md:max-lg:px-[30px] sm:max-md:pt-[30px] sm:max-md:pb-[14px] sm:max-md:px-[25px] xsm:max-sm:pt-[30px] xsm:max-sm:pb-[14px] xsm:max-sm:px-[25px]
  }
  .txt-block .accordion-2 .accordion-item.is-active {
    @apply md:max-lg:pt-[15px] md:max-lg:pb-[20px] md:max-lg:px-0 sm:max-md:pt-[15px] sm:max-md:pb-[20px] sm:max-md:px-0 xsm:max-sm:pt-[15px] xsm:max-sm:pb-[20px] xsm:max-sm:px-0
  }

  .txt-block .accordion-1 .accordion-item .accordion-thumb:before {
    @apply md:max-lg:text-[0.85rem] md:max-lg:top-[0.5px] sm:max-md:top-0 xsm:max-sm:text-[0.95rem] xsm:max-sm:top-0
  }
  .accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
  .accordion-2 .accordion-thumb span[class*="flaticon-"]:after {
    @apply md:max-lg:text-[2.1875rem] md:max-lg:leading-[24px] md:max-lg:top-[9px]
  }
  .txt-block .accordion-1 .accordion-panel,
  .txt-block .accordion-2 .accordion-panel {
    @apply hidden m-0
  }
  .txt-block .accordion-1 .accordion-panel {
    @apply md:max-lg:p-0
  }
  .txt-block .accordion-2 .accordion-panel {
    @apply text-[#6c757d] mt-[15px] mb-0 mx-0
  }
  .txt-block .accordion-1 .accordion-thumb h5 {
    @apply text-[#353f4f] leading-none mb-0 pl-7
  }
  .txt-block .accordion-2 .accordion-thumb h5 {
    @apply text-[#353f4f] inline-block leading-none mb-0 pl-[10px]
  }

  .txt-block .accordion-1 .accordion-item.is-active {
    @apply bg-[#f4f4f9] my-[15px] pt-[35px] pb-[19px] px-[30px]
  }
  .txt-block .accordion-2 .accordion-item.is-active {
    @apply bg-transparent my-0
  }

  .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:before {
    @apply content-["\f11b"]
  }
  .txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
    @apply content-["\f111"]
  }

  .txt-block .accordion-1 .accordion-item .accordion-thumb:before,
  .txt-block .accordion-2 .accordion-item .accordion-thumb:after {
    @apply absolute text-[#353f4f] font-normal font-Flaticon
  }
  .txt-block .accordion-1 .accordion-item .accordion-thumb:before {
    @apply content-["\f11a"] text-[0.95rem] left-0 top-px
  }
  .txt-block .accordion-2 .accordion-item .accordion-thumb:after,
  .txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
    @apply content-["\f110"] text-[0.95rem] right-0 top-3
  }
  .txt-block .accordion-2 .accordion-panel .simple-list li {
    @apply mb-[16px]
  }
  .txt-block .accordion-2 .accordion-panel p,
  .txt-block .accordion-2 .accordion-panel .simple-list li:last-child {
    @apply mb-0
  }
  .question p a,
  .accordion-panel p a {
    @apply font-medium underline
  }
  .question p.color--grey a.color--blue,
  .accordion-panel.color--grey a.color--blue {
    @apply text-[#1680fb]
  }
  .faqs-section .accordion-item.acc-last-item,
  #faqs-2.faqs-section .accordion-item.acc-last-item {
    @apply border-b-[none]
  }
  .faqs-section .accordion-item.is-active .accordion-thumb {
    @apply after:font-light after:content-["\f11a"] after:absolute after:text-[1rem] after:right-[3px] after:top-[22px] after:font-Flaticon lg:max-xl:after:text-[0.9rem] lg:max-xl:after:right-[2px] lg:max-xl:after:top-[19px] md:max-lg:after:text-[0.825rem] md:max-lg:after:right-[2px] md:max-lg:after:top-[19px] sm:max-md:after:text-[0.875rem] sm:max-md:after:right-[2px] sm:max-md:after:top-[20px] xsm:max-sm:after:text-[0.875rem] xsm:max-sm:after:right-0 xsm:max-sm:after:top-[23px]
  }
  .faqs-section .accordion-item.is-active .accordion-thumb:after {
    @apply content-["\f11b"]
  }

#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
  @apply after:font-light after:absolute after:text-[1rem] after:font-Flaticon after:content-["\f11b"] after:right-[2px] after:top-[26px] lg:max-xl:after:text-[1rem] lg:max-xl:after:right-[2px] lg:max-xl:after:top-[23px] md:max-lg:after:text-[0.935rem] md:max-lg:after:right-[2px] md:max-lg:after:top-[23px] sm:max-md:after:text-[0.9rem] sm:max-md:after:right-[2px] sm:max-md:after:top-[22px] xsm:max-sm:after:text-[0.9rem] xsm:max-sm:after:right-[2px] xsm:max-sm:after:top-[22px] [border-bottom:1px_solid_#e5e5e5]
}
  #faqs-2 .accordion-panel-item.mb--35,
  #faqs-3 .question.mb--35 {
    @apply lg:max-xl:mb-[30px] md:max-lg:mb-[25px] sm:max-md:mb-[25px]
  }
  .accordion-item {
    @apply text-[#212529]
  }
  .accordion-item:first-of-type {
    @apply rounded-t-[0.375rem]
  }
.faqs-section .tabs-1 li.current,
.faqs-section .tabs-1 li.current:hover {
  @apply shadow-[0px_15px_20px_0px_rgba(5,5,5,0.2)];
}
  .faqs-section .tab-content.current {
    @apply ![display:inherit]
  }
.faqs-section .tabs-1 li.current p,
.faqs-section .tabs-1 li.current span {
  @apply text-white;
}
  #faqs-2 .more-questions {
    @apply lg:max-xl:mt-[50px] md:max-lg:mt-[45px] sm:max-md:mt-[45px] lg:max-xl:mb-0 md:max-lg:mb-0 sm:max-md:mb-0 mx-auto
  }
  #faqs-3 .more-questions.mt--40 {
    @apply lg:max-xl:mt-[20px] md:max-lg:mt-[15px] sm:max-md:mt-[15px]
  }
  #tabs-1 .tab-content.current {
    @apply [display:inherit]
  }
  .tabs-1 li.current,
  .tabs-1 li.current:hover {
    @apply text-[#2b3648] border-[#2b3648]
  }
  .tabs-1.tabs--blue-500,
  .tabs-1.tabs--blue-500 li.current:hover {
    @apply text-[#185abd] border-[#185abd]
  }
  .tabs-1.tabs--blue-400 li.current:hover {
    @apply text-[#1680fb] border-[#1680fb]
  }
  .tabs-1.tabs--blue-300 li.current:hover {
    @apply text-[#3eb1ff] border-[#3eb1ff]
  }
  .tabs-1.tabs--green-500,
  .tabs-1.tabs--green-500 li.current:hover {
    @apply text-[#00a14e] border-[#00a14e]
  }
  .tabs-1.tabs--green-400 li.current:hover {
    @apply text-[#0fbc49] border-[#0fbc49]
  }
  .tabs-1.tabs--green-300 li.current:hover {
    @apply text-[#6fd792] border-[#6fd792]
  }
  .tabs-1.tabs--pink-500,
  .tabs-1.tabs--pink-500 li.current:hover {
    @apply text-[#ff149c] border-[#ff149c]
  }
  .tabs-1.tabs--pink-400 li.current:hover {
    @apply text-[#f74780] border-[#f74780]
  }
  .tabs-1.tabs--pink-300 li.current:hover {
    @apply text-[#fcb5cc] border-[#fcb5cc]
  }
  .tabs-1.tabs--purple-500,
  .tabs-1.tabs--purple-500 li.current:hover {
    @apply text-[#663ae9] border-[#663ae9]
  }
  .tabs-1.tabs--purple-400 li.current:hover {
    @apply text-[#7b5dd6] border-[#7b5dd6]
  }
  .tabs-1.tabs--purple-300 li.current:hover {
    @apply text-[#bdaeea] border-[#bdaeea]
  }
  .tabs-1.tabs--red-500,
  .tabs-1.tabs--red-500 li.current:hover {
    @apply text-[#da0f29] border-[#da0f29]
  }
  .tabs-1.tabs--red-400 li.current:hover {
    @apply text-[#ff1e1a] border-[#ff1e1a]
  }
  .tabs-1.tabs--red-300 li.current:hover {
    @apply text-[#ffa5a3] border-[#ffa5a3]
  }
  .tabs-1.tabs--violet-500,
  .tabs-1.tabs--violet-500 li.current:hover {
    @apply text-[#c73e9b] border-[#c73e9b]
  }
  .tabs-1.tabs--violet-400 li.current:hover {
    @apply text-[#be6cbe] border-[#be6cbe]
  }
  .tabs-1.tabs--violet-300 li.current:hover {
    @apply text-[#e2bde2] border-[#e2bde2]
  }
  .tabs-1.tabs--yellow-500,
  .tabs-1.tabs--yellow-500 li.current:hover {
    @apply text-[#ffba01] border-[#ffba01]
  }
  .tabs-1.tabs--yellow-400 li.current:hover {
    @apply text-[#ffbd45] border-[#ffbd45]
  }
  .tabs-1.tabs--yellow-300 li.current:hover {
    @apply text-[#ffdf35] border-[#ffdf35]
  }
  .bottom-border {
    @apply border-b-[#e7e7e7] border-b border-solid
  }
  .bg--white-500 {
    @apply bg-[#f2f4f8]
  }
  .bg--white-400 {
    @apply bg-[#f4f4f9]
  }
  .bg--white-300 {
    @apply bg-[#f7f8f9]
  }
  .bg--white-200 {
    @apply bg-[#fbfbfd]
  }
  .bg--white-100 {
    @apply bg-white
  }
  .bg--black-500 {
    @apply bg-[#22223b]
  }
  .bg--black-400 {
    @apply bg-[#2e3648]
  }
  .bg--black-300 {
    @apply bg-[#394455]
  }
  .bg--black-200 {
    @apply bg-[#e1e3e5]
  }
  .bg--black-100 {
    @apply bg-[#ecf1f4]
  }

  .bg--blue-500 {
    @apply bg-[#185abd]
  }
  .bg--blue-400 {
    @apply bg-[#1680fb]
  }
  .bg--blue-300 {
    @apply bg-[#3eb1ff]
  }
  .bg--blue-200 {
    @apply bg-[#ddedff]
  }
  .bg--blue-100 {
    @apply bg-[#f4f9fc]
  }

  .bg--green-500 {
    @apply bg-[#00a14e]
  }
  .bg--green-400 {
    @apply bg-[#0fbc49]
  }
  .bg--green-300 {
    @apply bg-[#6fd792]
  }
  .bg--green-200 {
    @apply bg-[#cff2db]
  }
  .bg--green-100 {
    @apply bg-[#e9f8f2]
  }

  .bg--pink-500 {
    @apply bg-[#ff149c]
  }
  .bg--pink-400 {
    @apply bg-[#f74780]
  }
  .bg--pink-300 {
    @apply bg-[#fcb5cc]
  }
  .bg--pink-200 {
    @apply bg-[#fee4ec]
  }
  .bg--pink-100 {
    @apply bg-[#feecf2]
  }

  .bg--purple-5000 {
    @apply bg-[#663ae9]
  }
  .bg--purple-500 {
    @apply bg-[#7827e6]
  }
  .bg--purple-400 {
    @apply bg-[#7b5dd6]
  }
  .bg--purple-300 {
    @apply bg-[#bdaeea]
  }
  .bg--purple-200 {
    @apply bg-[#e5deff]
  }
  .bg--purple-100 {
    @apply bg-[#f1edff]
  }

  .bg--red-500 {
    @apply bg-[#da0f29]
  }
  .bg--red-400 {
    @apply bg-[#ff1e1a]
  }
  .bg--red-300 {
    @apply bg-[#ffa5a3]
  }
  .bg--red-200 {
    @apply bg-[#ffd2d1]
  }
  .bg--red-100 {
    @apply bg-[#fce7e4]
  }

  .bg--violet-500 {
    @apply bg-[#c73e9b]
  }
  .bg--violet-400 {
    @apply bg-[#be6cbe]
  }
  .bg--violet-300 {
    @apply bg-[#e2bde2]
  }
  .bg--violet-200 {
    @apply bg-[#f1cde5]
  }
  .bg--violet-100 {
    @apply bg-[#f7e4f1]
  }

  .bg--yellow-500 {
    @apply bg-[#ffba01]
  }
  .bg--yellow-400 {
    @apply bg-[#ffbd45]
  }
  .bg--yellow-300 {
    @apply bg-[#ffdf35]
  }
  .bg--yellow-200 {
    @apply bg-[#fef5cd]
  }
  .bg--yellow-100 {
    @apply bg-[#fef9e5]
  }

  .bg--tra-black {
    @apply bg-[rgba(0,0,0,0.04)]
  }
  .bg--tra-white {
    @apply bg-[rgba(255,255,255,0.15)]
  }

  .bg--primary-blue {
    @apply bg-[#2160fd]
  }
  .bg--light-grey {
    @apply bg-[#f0f3ff]
  }
  .bg--snow {
    @apply bg-[#fdfdfd]
  }

  .bg--06 {
    @apply bg-[url(./images/bg-06.jpg)]
  }
  .bg--07 {
    @apply bg-[url(./images/bg-07.jpg)]
  }
  .bg--08 {
    @apply bg-[url(./images/bg-08.jpg)]
  }
.newsletter-section .form-notification {
  @apply text-[#3eb1ff] !text-[0.9rem] font-normal leading-none ml-[5px] mt-[15px];
}
.bg--color.newsletter-section .form-notification {
  @apply text-white;
}
.newsletter-section .form-notification.valid,
.newsletter-section .form-notification.error {
  @apply text-[#fc2f4b];
}
  .role-box h6 {
    @apply mb-[6px]
  }
  .role-box p {
    @apply mb-0
  }
  .role-info hr {
    @apply mx-0 my-[50px] lg:max-xl:mx-0 lg:max-xl:my-10 md:max-lg:mx-0 md:max-lg:my-[25px] sm:max-md:mx-0 sm:max-md:my-[35px] xsm:max-sm:mx-0 xsm:max-sm:my-[35px]
  }
  .role-info h5 {
    @apply mb-[25px] lg:max-xl:mb-[18px] md:max-lg:mb-[15px]
  }
  .role-info p a {
    @apply font-medium underline
  }
  .txt-block.role-info .btn {
    @apply block mt-[50px] lg:max-xl:!mt-[40px] md:max-lg:!mt-[30px] xsm:max-sm:!mt-[30px] sm:max-md:!mt-[35px]
  }
  .role-box-txt span,
  #careers-1 .role-box span {
    @apply lg:max-xl:text-[0.825rem] lg:max-xl:mb-[14px] sm:max-md:mb-[12px] xsm:max-sm:mb-[12px]
  }
  .role-box-txt p {
    @apply lg:max-xl:mb-[10px] sm:max-md:mb-[18px] xsm:max-sm:mb-[14px]
  }
  .role-box-txt h6 {
    @apply sm:max-md:leading-[1.4] sm:max-md:mb-[5px] xsm:max-sm:leading-[1.4] xsm:max-sm:mb-[5px]
  }
  #careers-1 .role-box h6 {
    @apply sm:max-md:leading-[1.4] sm:max-md:mb-[4px] xsm:max-sm:leading-[1.4] xsm:max-sm:mb-[6px]
  }
  .role-box-txt span,
  #careers-1 .role-box span {
    @apply md:max-lg:text-[0.85rem] md:max-lg:mb-[12px]
  }
  .role-box-txt h6 {
    @apply md:max-lg:mb-[5px]
  }
  #careers-1 .role-box h6 {
    @apply md:max-lg:mb-[5px]
  }
  .role-box-txt p {
    @apply md:max-lg:mb-[10px]
  }
  .shape--02.r-24:after {
    @apply rounded-[24px]
  }
  .txt-block-tra-link.mt--25 {
    @apply lg:max-xl:mt-[18px] md:max-lg:mt-[14px] sm:max-md:mt-[18px] xsm:max-sm:mt-4
  }
  .txt-block p.s-20,
  .txt-block p.s-21 {
    @apply md:max-lg:text-[1.14705rem] sm:max-md:text-[1.3125rem] xsm:max-sm:text-[1.1875rem]
  }
  .txt-block .txt-box h5 {
    @apply md:max-lg:mb-[13.5px] sm:max-md:mb-[18px] mb-[20px]
  }
  ul.simple-list li:not(:last-child) p {
    @apply md:max-lg:mb-[8px]
  }
  .txt-block .btns-group .btn.btn--transparent {
    @apply md:max-lg:mt-[10px] xsm:max-sm:mt-0
  }
  .txt-block .stores-badge.mt--15,
  .ws-wrapper .stores-badge.mt--15 {
    @apply md:max-lg:mt-[5px] sm:max-md:mt-2 xsm:max-sm:mt-2
  }
  #team-2 .team-member-data {
    @apply lg:max-xl:ml-[5px] md:max-lg:ml-[5px] sm:max-md:ml-[5px] xsm:max-sm:ml-[10px]
  }
  .team-member.mb--40,
  .team-member.mb--50,
  .team-member.mb--60 {
    @apply sm:max-md:mb-[40px] xsm:max-sm:mb-[40px]
  }
  #team-1.pb--40,
  #team-2.pb--40 {
    @apply xsm:max-sm:pb-[30px]
  }
  .team-section .more-btn.mt--20 {
    @apply lg:max-xl:mt-[10px] md:max-lg:mt-[10px]
  }
  #team-1 ul.tm-social {
    @apply xsm:max-sm:right-[10px] xsm:max-sm:top-[5px] lg:max-xl:right-[5px] lg:max-xl:top-0 md:max-lg:right-[5px] md:max-lg:top-[4px] sm:max-md:right-[5px] sm:max-md:top-[6px]
  }
  #tm-2-4,
  #tm-2-7,
  #tm-2-10 {
    @apply mr-[14px] lg:max-xl:mr-[10px] md:max-lg:mr-0
  }
  .quote p {
    @apply md:max-lg:text-[1.05rem] md:max-lg:mt-[15px] md:max-lg:pl-[14px] text-[#666] italic mb-[12px] pl-[20px] border-l-[3px] border-l-[#0195ff] border-solid
  }
  .quote-author {
    @apply relative inline-block text-left p-[0_0_0_15px] top-[16px] lg:max-xl:pl-[10px] lg:max-xl:pr-0 lg:max-xl:py-0 md:max-lg:pl-[10px] md:max-lg:pr-0 md:max-lg:py-0
  }
  .quote-author h6 {
    @apply mb-0
  }
  .quote-author span {
    @apply text-[1rem]
  }
  .quote.pr-15,
  .quote.pr-40,
  .quote.pr-50,
  .quote.pr-60 {
    @apply lg:max-xl:pr-0 md:max-lg:pr-0
  }
  .quote-avatar {
    @apply inline-block m-[0_auto]
  }
  .quote-avatar img {
    @apply w-[70px] h-[70px] rounded-[100%] lg:max-xl:w-[54px] lg:max-xl:h-[54px] md:max-lg:w-[54px] md:max-lg:h-[54px]
  }

  .grey-img {
    @apply grayscale
  }
  .img-block.img-block-bkg {
    @apply overflow-hidden
  }
  .img-block.img-block-bkg img {
    @apply px-[45px] py-[60px] lg:max-xl:px-[35px] lg:max-xl:py-[50px] md:max-lg:px-[20px] md:max-lg:py-[35px] xsm:max-sm:px-[25px] xsm:max-sm:py-[40px]
  }
  .img-block-txt,
  .img-block-btn {
    @apply mt-[60px] lg:max-xl:mt-[55px] md:max-lg:mt-[45px] sm:max-md:mt-[45px] xsm:max-sm:mt-[35px]
  }

  .badge-img-xs .store img {
    @apply md:max-lg:max-h-[2.595rem] !max-h-[40px]
  }
  .badge-img-sm .store img {
    @apply md:max-lg:max-h-[2.72rem] !max-h-[2.625rem]
  }
  .badge-img-md .store img {
    @apply md:max-lg:max-h-[2.97rem] !max-h-[2.875rem]
  }
  .badge-img-lg .store img {
    @apply md:max-lg:max-h-[3.095rem] !max-h-[48px]
  }

  .box-title span[class*="flaticon-"]:before,
  .box-title span[class*="flaticon-"]:after {
    @apply xsm:max-sm:text-[2.35rem] text-[2.35rem]
  }

  #pbox-1,
  #pbox-2,
  #pbox-3 {
    @apply xsm:max-sm:mb-[40px] sm:max-md:mb-[30px]
  }

  .comp-table-payment .payment-icons img {
    @apply md:max-lg:w-auto md:max-lg:max-w-[inherit] md:max-lg:max-h-[22px]
  }
  .comp-table-payment .col {
    @apply md:max-lg:px-[10px] md:max-lg:py-0
  }
  .comp-table-payment .payment-icons {
    @apply md:max-lg:mt-[18px]
  }

  .comp-table .table-responsive tbody td {
    @apply relative text-[1rem] leading-[inherit] top-0 lg:max-xl:text-[0.975rem] lg:max-xl:top-0 md:max-lg:text-[0.9215rem] md:max-lg:top-0 sm:max-md:text-[0.915rem] sm:max-md:top-0 xsm:max-sm:text-[0.9rem] xsm:max-sm:leading-tight xsm:max-sm:top-0
  }
  .comp-table .table-responsive tbody td span {
    @apply relative top-0 lg:max-xl:top-[2px] md:max-lg:top-0 sm:max-md:top-0 xsm:max-sm:top-[3px]
  }
  .comp-table .table tbody tr.table-last-tr {
    @apply border-transparent
  }
  .comp-table .disabled-option {
    @apply text-[#999]
  }
  .comp-table .table-responsive.mb--50 {
    @apply lg:max-xl:mb-[30px]
  }
  .comp-table .table tr td {
    @apply [border-bottom:1px_solid_#ccc]
  }
  #newsletter-2 .newsletter-overlay {
    @apply md:max-lg:text-center md:max-lg:pt-[40px] md:max-lg:pb-[30px] md:max-lg:px-[18%] sm:max-md:pt-[50px] sm:max-md:pb-[40px] lg:max-xl:py-[45px]
  }
  #newsletter-5 .newsletter-overlay {
    @apply sm:max-md:pt-[50px] sm:max-md:pb-[40px]
  }
  #newsletter-3 {
    @apply md:max-lg:my-[20px] lg:max-xl:my-[30px]
  }
  #newsletter-4 .newsletter-overlay,
  #newsletter-5 .newsletter-overlay {
    @apply md:max-lg:pt-[50px] md:max-lg:pb-[40px] lg:max-xl:pt-[65px] lg:max-xl:pb-[55px]
  }
  #newsletter-3 .newsletter-txt {
    @apply md:max-lg:-mt-[10px] md:max-lg:pr-[5%] lg:max-xl:pr-[12%]
  }
  #newsletter-3 .lg\:w-6\/12 .newsletter-txt {
    @apply md:max-lg:mt-0 lg:max-xl:pr-[3%]
  }
  .newsletter-txt h2,
  #newsletter-4 .newsletter-txt h2 {
    @apply md:max-lg:mb-[20px] lg:max-xl:mb-[25px]
  }
    table {
      @apply border-collapse [caption-side:bottom] text-[#212529] w-full align-top mb-[16px] border-[#dee2e6] bg-white
    }
    tbody, td, tfoot, th, thead, tr {
    @apply border-inherit border-solid border-0
    }
    .table > :not(caption) > * > * {
      @apply !py-[12px] md:max-lg:py-[10px] sm:max-md:py-[9px] xsm:max-sm:py-[9px]
    }
    .table>:not(caption)>*>* {
      @apply text-[#212529] bg-white shadow-[inset_0_0_0_9999px_initial_initial_transparent] p-[.5rem] border-b
    }
  .newsletter-txt h3 {
      @apply mb-0 md:max-lg:mb-[22px] md:max-lg:px-[10%] md:max-lg:py-0 sm:max-md:text-[2.0625rem] sm:max-md:mb-[30px] sm:max-md:px-[5%] sm:max-md:py-0 xsm:max-sm:text-[1.75rem] xsm:max-sm:mb-[25px] xsm:max-sm:p-0
  }
  #newsletter-4 .newsletter-txt p {
    @apply md:max-lg:px-[5%] md:max-lg:py-0 sm:max-md:text-[1rem] sm:max-md:mb-0 sm:max-md:p-0
  }
  #newsletter-5 .newsletter-txt p {
    @apply md:max-lg:mt-[15px] sm:max-md:mt-[15px]
  }
  #newsletter-2 .newsletter-form {
    @apply md:max-lg:mt-0 md:max-lg:px-[10%] md:max-lg:py-0 sm:max-md:px-[10%] sm:max-md:py-0
  }
  #newsletter-3 .newsletter-form,
  #newsletter-4 .newsletter-form {
    @apply sm:max-md:px-[2%] sm:max-md:py-0
  }
  #newsletter-5 .newsletter-form {
    @apply md:max-lg:mt-[20px] md:max-lg:px-[5%] md:max-lg:py-0 sm:max-md:mt-[20px] sm:max-md:p-0
  }
  #newsletter-5.newsletter-section .form-control {
    @apply md:max-lg:h-[46px] md:max-lg:text-[1.0625rem] lg:max-xl:h-[50px] lg:max-xl:text-[0.975rem]
  }
    .input-group:not(.has-validation)
    > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    @apply rounded-tr-[6px] rounded-br-[6px];
    }
  .newsletter-section .btn {
    @apply block w-full h-[56px] lg:max-xl:h-[50px] md:max-lg:h-[46px]
  }
  .input-group
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    @apply ml-[calc(1px*_-1)] rounded-tl-none rounded-bl-none;
  }
  #newsletter-5.newsletter-section .btn {
    @apply md:max-lg:h-[46px] lg:max-xl:h-[54px]
  }
  #newsletter-3 .newsletter-img {
    @apply md:max-lg:mt-[-25px] md:max-lg:mb-[-25px] lg:max-xl:mt-[-30px] lg:max-xl:mb-[-30px]
  }
  #newsletter-3 .lg\:w-6\/12 .newsletter-img {
    @apply md:max-lg:pl-0 lg:max-xl:pl-[50px]
  }
  #newsletter-2 .container {
    @apply xsm:max-sm:max-w-full
  }
  #newsletter-2 .newsletter-overlay {
    @apply xsm:max-sm:mr-[-15px] xsm:max-sm:ml-[-15px] xsm:max-sm:my-0 xsm:max-sm:pt-[50px] xsm:max-sm:pb-[40px] xsm:max-sm:px-[8%] xsm:max-sm:rounded-[0_0]
  }
  #newsletter-3,
  #newsletter-4 .newsletter-overlay {
    @apply xsm:max-sm:pt-[55px] xsm:max-sm:pb-[60px]
  }
  #newsletter-4 .newsletter-txt,
  #newsletter-5 .newsletter-txt {
    @apply xsm:max-sm:p-0
  }
  #newsletter-3 .newsletter-txt p {
    @apply xsm:max-sm:px-[5%] xsm:max-sm:py-0
  }
  #newsletter-4 .newsletter-txt p {
    @apply xsm:max-sm:text-[1rem] xsm:max-sm:mb-0 xsm:max-sm:px-[5%] xsm:max-sm:py-0
  }
  #newsletter-5 .newsletter-txt p {
    @apply xsm:max-sm:mt-[15px]
  }
  .newsletter-section .text--center .form-notification {
    @apply ml-0
  }
  .newsletter-section .newsletter-form.valid {
    @apply text-[#0fbc49]
  }
  #newsletter-2 .newsletter-overlay {
    @apply lg:max-xl:p-[45px]
  }
  .newsletter-section .purple-focus .form-control:focus {
    @apply border-[#8863ee]
  }
  .bg--snow .contact-form .form-control, .bg--snow .contact-form .form-select {
    @apply bg-white border border-solid border-[#ccc];
  }
  .contact-form textarea {
    @apply min-h-[220px] lg:max-xl:min-h-[190px] md:max-lg:min-h-[160px] sm:max-md:min-h-[190px] xsm:max-sm:min-h-[170px] px-[15px] py-[20px]
  }
  .contact-form .error {
    @apply text-[#e74c3c] !text-[0.85rem] font-normal mb-[10px]
  }
  .contact-form .form-btn.mt--15 {
    @apply md:max-lg:mt-0
  }
    .wsmobileheader {
        @apply md:max-lg:h-[80px] md:max-lg:shadow-[0_0_2px_rgba(50,50,50,0.4)]
    }
    .tra-menu .wsmobileheader, .white-menu .wsmobileheader {
        @apply md:max-lg:bg-white
    }
    .dark-menu .wsmobileheader, .black-scroll .wsmobileheader {
        @apply md:max-lg:bg-[#1d222f]
    }
  .btn--tra-grey, 
  .hover--tra-grey:hover,
  .white-scroll .scroll .hover--tra-grey:hover,
  .black-scroll .scroll .hover--tra-grey:hover  {
    @apply !text-[#353f4f] !bg-transparent !border-[#ccc];
  }
    
      .btn--blue-400,
    .hover--blue-400:hover,
    .white-scroll .scroll .hover--blue-400:hover,
    .black-scroll .scroll .hover--blue-400:hover {
      @apply text-white bg-[#1680fb] border-[#1680fb];
    }
    .white-scroll .scroll .hover--tra-white:hover {
        @apply !text-[#353f4f] !bg-transparent !border-[#353f4f];
    }
  .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu,
  .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
  .dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu,
  .black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu,
  .black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
  .black-scroll .scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
    @apply bg-[#2c3142] shadow-[0_2px_3px_rgba(1,1,1,0.1)] border-[solid] border-[#2c3142]
  }

  .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
  .dark-menu
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.w-75
    ul.link-list
    > li
    > a,
  .dark-menu
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.halfmenu
    ul.link-list
    > li
    > a,
  .black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
  .black-scroll
    .scroll
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.w-75
    ul.link-list
    > li
    > a,
  .black-scroll
    .scroll
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.halfmenu
    ul.link-list
    > li
    > a {
    @apply text-[#ddd] bg-[rgba(255,255,255,0)]
  }

  .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
  .dark-menu
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.w-75
    ul.link-list
    > li
    > a:hover,
  .dark-menu
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.halfmenu
    ul.link-list
    > li
    > a:hover,
  .black-scroll .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
  .black-scroll
    .scroll
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.w-75
    ul.link-list
    > li
    > a:hover,
  .black-scroll
    .scroll
    .wsmenu
    > .wsmenu-list
    > li
    > .wsmegamenu.halfmenu
    ul.link-list
    > li
    > a:hover {
    @apply !bg-[rgba(255,255,255,.05)]
  }
  .dark-menu .title,
  .black-scroll .scroll .title,
  .dark-menu .icons-menu-txt span,
  .black-scroll .scroll .icons-menu-txt span {
    @apply text-white
  }

  #page,
  .hidd {
    @apply overflow-hidden
  }
  .rel,
  section,
  .container {
    @apply relative z-[3]
  }

  .top-border {
    @apply border-t-[#e7e7e7] border-t border-solid
  }
  .gr--ghost {
    @apply bg-[linear-gradient(180deg,rgba(247,248,249,0.8)_50%,rgba(247,248,249,0.05)_100%)]
  }
  .gr--snow {
    @apply bg-[linear-gradient(to_left,#f3edf7,#f9f6fa)]
  }
  .gr--cotton {
    @apply bg-[linear-gradient(180deg,rgba(223,225,250,0.8)_50%,rgba(223,225,250,0.05)_100%)]
  }
  .gr--ghostwhite {
    @apply bg-[linear-gradient(to_left,#e9e9f5,#f4f4f9)]
  }
  .gr--smoke {
    @apply bg-[linear-gradient(180deg,#f8f9fe_0%,#f4f4f9_100%)]
  }
  .gr--whitesmoke {
    @apply bg-[linear-gradient(180deg,rgba(244,244,249,0.8)_50%,rgba(244,244,249,0.05)_100%)]
  }
  .gr--perl {
    @apply bg-[linear-gradient(180deg,rgba(236,234,253,0.8)_50%,rgba(236,234,253,0.05)_100%)]
  }
  .pattern-02 {
    @apply bg-[url(./images/pattern-02.png)]
  }
  .pattern-03 {
    @apply bg-[url(./images/pattern-03.png)]
  }
  .pattern-05 {
    @apply bg-[url(./images/pattern-05.png)]
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply text-[#353f4f] font-semibold tracking-[0] mb-0
  }
  .font--inter h1,
  .font--inter h2,
  .font--inter h3,
  .font--inter h4,
  .font--inter h5,
  .font--inter h6 {
    @apply tracking-[-0.5px] font-Inter
  }
  .stores-badge {
    @apply inline-block
  }
  .store img {
    @apply w-auto max-w-[inherit]
  }
  .color--white,
  .color--white h1,
  .color--white h2,
  .color--white h3,
  .color--white h4,
  .color--white h5,
  .color--white h6,
  .color--white p,
  .color--white a,
  .color--white li,
  .color--white i,
  .color--white span {
    @apply text-white
  }
  .color--snow,
  .color--snow h1,
  .color--snow h2,
  .color--snow h3,
  .color--snow h4,
  .color--snow h5,
  .color--snow h6,
  .color--snow p,
  .color--snow a,
  .color--snow li,
  .color--snow i,
  .color--snow span,
  .color--white .color--snow {
    @apply text-[#c2c3cb]
  }
  .color--black,
  .color--black h1,
  .color--black h2,
  .color--black h3,
  .color--black h4,
  .color--black h5,
  .color--black h6,
  .color--black p,
  .color--black a,
  .color--black li,
  .color--black i,
  .color--black span {
    @apply text-[#353f4f]
  }
  .color--coal,
  .color--coal h1,
  .color--coal h2,
  .color--coal h3,
  .color--coal h4,
  .color--coal h5,
  .color--coal h6,
  .color--coal p,
  .color--coal a,
  .color--coal li,
  .color--coal i,
  .color--coal span {
    @apply text-[#52595d]
  }
  .color--grey,
  .color--grey h1,
  .color--grey h2,
  .color--grey h3,
  .color--grey h4,
  .color--grey h5,
  .color--grey h6,
  .color--grey p,
  .color--grey a,
  .color--grey li,
  .color--grey i,
  .color--grey span,
  .color--white .color--grey {
    @apply text-[#757575]
  }
  .color--blue-500,
  .color--blue-500 h1,
  .color--blue-500 h2,
  .color--blue-500 h3,
  .color--blue-500 h4,
  .color--blue-500 h5,
  .color--blue-500 h6,
  .color--blue-500 p,
  .color--blue-500 a,
  .color--blue-500 li,
  .color--blue-500 i,
  .color--blue-500 span,
  .color--white .color--blue-500 {
    @apply text-[#185abd]
  }
  .color--blue-400,
  .color--blue-400 h1,
  .color--blue-400 h2,
  .color--blue-400 h3,
  .color--blue-400 h4,
  .color--blue-400 h5,
  .color--blue-400 h6,
  .color--blue-400 p,
  .color--blue-400 a,
  .color--blue-400 li,
  .color--blue-400 i,
  .color--blue-400 span,
  .color--white .color--blue-400 {
    @apply text-[#1680fb]
  }
  .color--blue-300,
  .color--blue-300 h1,
  .color--blue-300 h2,
  .color--blue-300 h3,
  .color--blue-300 h4,
  .color--blue-300 h5,
  .color--blue-300 h6,
  .color--blue-300 p,
  .color--blue-300 a,
  .color--blue-300 li,
  .color--blue-300 i,
  .color--blue-300 span,
  .color--white .color--blue-300 {
    @apply text-[#3eb1ff]
  }
  .color--green-500,
  .color--green-500 h1,
  .color--green-500 h2,
  .color--green-500 h3,
  .color--green-500 h4,
  .color--green-500 h5,
  .color--green-500 h6,
  .color--green-500 p,
  .color--green-500 a,
  .color--green-500 li,
  .color--green-500 i,
  .color--green-500 span,
  .color--white .color--green-500 {
    @apply text-[#00a14e]
  }
  .color--green-400,
  .color--green-400 h1,
  .color--green-400 h2,
  .color--green-400 h3,
  .color--green-400 h4,
  .color--green-400 h5,
  .color--green-400 h6,
  .color--green-400 p,
  .color--green-400 a,
  .color--green-400 li,
  .color--green-400 i,
  .color--green-400 span,
  .color--white .color--green-400 {
    @apply text-[#0fbc49]
  }
  .color--green-300,
  .color--green-300 h1,
  .color--green-300 h2,
  .color--green-300 h3,
  .color--green-300 h4,
  .color--green-300 h5,
  .color--green-300 h6,
  .color--green-300 p,
  .color--green-300 a,
  .color--green-300 li,
  .color--green-300 i,
  .color--green-300 span,
  .color--white .color--green-300 {
    @apply text-[#6fd792]
  }
  .color--pink-500,
  .color--pink-500 h1,
  .color--pink-500 h2,
  .color--pink-500 h3,
  .color--pink-500 h4,
  .color--pink-500 h5,
  .color--pink-500 h6,
  .color--pink-500 p,
  .color--pink-500 a,
  .color--pink-500 li,
  .color--pink-500 i,
  .color--pink-500 span,
  .color--white .color--pink-500 {
    @apply text-[#ff149c]
  }
  .color--pink-400,
  .color--pink-400 h1,
  .color--pink-400 h2,
  .color--pink-400 h3,
  .color--pink-400 h4,
  .color--pink-400 h5,
  .color--pink-400 h6,
  .color--pink-400 p,
  .color--pink-400 a,
  .color--pink-400 li,
  .color--pink-400 i,
  .color--pink-400 span,
  .color--white .color--pink-400 {
    @apply text-[#f74780]
  }
  .color--pink-300,
  .color--pink-300 h1,
  .color--pink-300 h2,
  .color--pink-300 h3,
  .color--pink-300 h4,
  .color--pink-300 h5,
  .color--pink-300 h6,
  .color--pink-300 p,
  .color--pink-300 a,
  .color--pink-300 li,
  .color--pink-300 i,
  .color--pink-300 span,
  .color--white .color--pink-300 {
    @apply text-[#fcb5cc]
  }
  .color--purple-500,
  .color--purple-500 h1,
  .color--purple-500 h2,
  .color--purple-500 h3,
  .color--purple-500 h4,
  .color--purple-500 h5,
  .color--purple-500 h6,
  .color--purple-500 p,
  .color--purple-500 a,
  .color--purple-500 li,
  .color--purple-500 i,
  .color--purple-500 span,
  .color--white .color--purple-500 {
    @apply text-[#663ae9]
  }
  .color--purple-400,
  .color--purple-400 h1,
  .color--purple-400 h2,
  .color--purple-400 h3,
  .color--purple-400 h4,
  .color--purple-400 h5,
  .color--purple-400 h6,
  .color--purple-400 p,
  .color--purple-400 a,
  .color--purple-400 li,
  .color--purple-400 i,
  .color--purple-400 span,
  .color--white .color--purple-400 {
    @apply text-[#7b5dd6]
  }
  .color--purple-300,
  .color--purple-300 h1,
  .color--purple-300 h2,
  .color--purple-300 h3,
  .color--purple-300 h4,
  .color--purple-300 h5,
  .color--purple-300 h6,
  .color--purple-300 p,
  .color--purple-300 a,
  .color--purple-300 li,
  .color--purple-300 i,
  .color--purple-300 span,
  .color--white .color--purple-300 {
    @apply text-[#bdaeea]
  }
  .color--red-500,
  .color--red-500 h1,
  .color--red-500 h2,
  .color--red-500 h3,
  .color--red-500 h4,
  .color--red-500 h5,
  .color--red-500 h6,
  .color--red-500 p,
  .color--red-500 a,
  .color--red-500 li,
  .color--red-500 i,
  .color--red-500 span,
  .color--white .color--red-500 {
    @apply text-[#da0f29]
  }
  .color--red-400,
  .color--red-400 h1,
  .color--red-400 h2,
  .color--red-400 h3,
  .color--red-400 h4,
  .color--red-400 h5,
  .color--red-400 h6,
  .color--red-400 p,
  .color--red-400 a,
  .color--red-400 li,
  .color--red-400 i,
  .color--red-400 span,
  .color--white .color--red-400 {
    @apply text-[#ff1e1a]
  }
  .color--red-300,
  .color--red-300 h1,
  .color--red-300 h2,
  .color--red-300 h3,
  .color--red-300 h4,
  .color--red-300 h5,
  .color--red-300 h6,
  .color--red-300 p,
  .color--red-300 a,
  .color--red-300 li,
  .color--red-300 i,
  .color--red-300 span,
  .color--white .color--red-300 {
    @apply text-[#ffa5a3]
  }
  .color--violet-500,
  .color--violet-500 h1,
  .color--violet-500 h2,
  .color--violet-500 h3,
  .color--violet-500 h4,
  .color--violet-500 h5,
  .color--violet-500 h6,
  .color--violet-500 p,
  .color--violet-500 a,
  .color--violet-500 li,
  .color--violet-500 i,
  .color--violet-500 span,
  .color--white .color--violet-500 {
    @apply text-[#c73e9b]
  }
  .color--violet-400,
  .color--violet-400 h1,
  .color--violet-400 h2,
  .color--violet-400 h3,
  .color--violet-400 h4,
  .color--violet-400 h5,
  .color--violet-400 h6,
  .color--violet-400 p,
  .color--violet-400 a,
  .color--violet-400 li,
  .color--violet-400 i,
  .color--violet-400 span,
  .color--white .color--violet-400 {
    @apply text-[#be6cbe]
  }
  .color--violet-300,
  .color--violet-300 h1,
  .color--violet-300 h2,
  .color--violet-300 h3,
  .color--violet-300 h4,
  .color--violet-300 h5,
  .color--violet-300 h6,
  .color--violet-300 p,
  .color--violet-300 a,
  .color--violet-300 li,
  .color--violet-300 i,
  .color--violet-300 span,
  .color--white .color--violet-300 {
    @apply text-[#e2bde2]
  }
  .color--yellow-500,
  .color--yellow-500 h1,
  .color--yellow-500 h2,
  .color--yellow-500 h3,
  .color--yellow-500 h4,
  .color--yellow-500 h5,
  .color--yellow-500 h6,
  .color--yellow-500 p,
  .color--yellow-500 a,
  .color--yellow-500 li,
  .color--yellow-500 i,
  .color--yellow-500 span,
  .color--white .color--yellow-500 {
    @apply text-[#ffba01]
  }
  .color--yellow-400,
  .color--yellow-400 h1,
  .color--yellow-400 h2,
  .color--yellow-400 h3,
  .color--yellow-400 h4,
  .color--yellow-400 h5,
  .color--yellow-400 h6,
  .color--yellow-400 p,
  .color--yellow-400 a,
  .color--yellow-400 li,
  .color--yellow-400 i,
  .color--yellow-400 span,
  .color--white .color--yellow-400 {
    @apply text-[#ffbd45]
  }
  .color--yellow-300,
  .color--yellow-300 h1,
  .color--yellow-300 h2,
  .color--yellow-300 h3,
  .color--yellow-300 h4,
  .color--yellow-300 h5,
  .color--yellow-300 h6,
  .color--yellow-300 p,
  .color--yellow-300 a,
  .color--yellow-300 li,
  .color--yellow-300 i,
  .color--yellow-300 span,
  .color--white .color--yellow-300 {
    @apply text-[#ffdf35]
  }
  #loading {
    @apply h-full w-full fixed z-[99999999] mt-0 top-0 bg-[#f5f5f9]
  }
  .loading--blue .loader {
    @apply border-[transparent_#1680fb] after:border-[transparent_rgba(22,128,251,0.15)]
  }
  .loading--green .loader {
    @apply border-[transparent_#0fbc49] after:border-[transparent_rgba(14,188,73,0.15)]
  }
  .loading--pink .loader {
    @apply border-[transparent_#f74780] after:border-[transparent_rgba(247,71,128,0.15)]
  }
  .loading--purple .loader {
    @apply border-[transparent_#7b5dd6] after:border-[transparent_rgba(123,93,214,0.15)]
  }
  .loading--red .loader {
    @apply border-[transparent_#ff1e1a] after:border-[transparent_rgba(255,30,26,0.15)]
  }
  .loading--violet .loader {
    @apply border-[transparent_#c73e9b] after:border-[transparent_rgba(1900,108,190,0.15)]
  }
  .loading--yellow .loader {
    @apply border-[transparent_#ffba01] after:border-[transparent_rgba(255,186,1,0.15)]
  }

    @keyframes rotation {
      0% {
        transform: rotate(0deg)
      }
      100% {
        transform: rotate(360deg)
      }
    } 
    .clearfix::after {
      @apply block clear-both content-[''];
    }
    #header.hiddden-header {
      @apply hidden
    }
    .hidden-nav .wsmainfull {
      @apply mt-[-140px] shadow-[0_2px_3px_rgba(96,96,96,0.1)] [transition:all_400ms_ease-in-out]
    }
    span.sm-info {
      @apply relative inline-block text-center w-5 h-5 text-white text-[0.65rem] leading-[22px] font-bold ml-[5px] lg:max-xl:w-[18px] lg:max-xl:h-[18px] lg:max-xl:text-[0.725rem] lg:max-xl:leading-[17px] lg:max-xl:ml-[5px] md:max-lg:w-[22px] md:max-lg:h-[22px] md:max-lg:text-[0.95rem] md:max-lg:leading-[20px] md:max-lg:-top-px sm:max-md:w-[22px] sm:max-md:h-[22px] sm:max-md:text-[0.8rem] sm:max-md:leading-[20px] sm:max-md:ml-2 sm:max-md:-top-px xsm:max-sm:w-[22px] xsm:max-sm:h-[22px] xsm:max-sm:text-[0.8rem] xsm:max-sm:leading-[20px] xsm:max-sm:ml-2 xsm:max-sm:-top-px rounded-[100%]
    }
    .nav-blue-500 .sm-info {
      @apply bg-[#185abd]
    }
    .nav-blue-400 .sm-info {
      @apply bg-[#1680fb]
    }
    .nav-blue-300 .sm-info {
      @apply bg-[#3eb1ff]
    }
    .nav-green-500 .sm-info {
      @apply bg-[#00a14e]
    }
    .nav-green-400 .sm-info {
      @apply bg-[#0fbc49]
    }
    .nav-green-300 .sm-info {
      @apply bg-[#6fd792]
    }
    .nav-pink-500 .sm-info {
      @apply bg-[#ff149c]
    }
    .nav-pink-400 .sm-info {
      @apply bg-[#f74780]
    }
    .nav-pink-300 .sm-info {
      @apply bg-[#fcb5cc]
    }
    .nav-purple-500 .sm-info {
      @apply bg-[#663ae9]
    }
    .nav-purple-400 .sm-info {
      @apply bg-[#7b5dd6]
    }
    .nav-purple-300 .sm-info {
      @apply bg-[#bdaeea]
    }
    .nav-red-500 .sm-info {
      @apply bg-[#da0f29]
    }
    .nav-red-400 .sm-info {
      @apply bg-[#ff1e1a]
    }
    .nav-red-300 .sm-info {
      @apply bg-[#ffa5a3]
    }
    .nav-violet-500 .sm-info {
      @apply bg-[#c73e9b]
    }
    .nav-violet-400 .sm-info {
      @apply bg-[#be6cbe]
    }
    .nav-violet-300 .sm-info {
      @apply bg-[#e2bde2]
    }
    .nav-yellow-500 .sm-info {
      @apply bg-[#ffba01]
    }
    .nav-yellow-400 .sm-info {
      @apply bg-[#ffbd45]
    }
    .nav-yellow-300 .sm-info {
      @apply bg-[#ffdf35]
    }
    .store.header-store img {
      @apply !max-h-[44px] lg:max-xl:max-h-[40px] md:max-lg:max-h-[46px] sm:max-md:max-h-[46px] xsm:max-sm:max-h-[45px]
    }
    .header-socials {
      @apply inline-block text-center m-0
    }
    .header-socials span {
      @apply float-left w-auto inline-block align-top clear-none m-0
    }
    .header-socials a {
      @apply block ml-[18px] lg:max-xl:ml-4 md:max-lg:ml-[25px]
    }
    .navbar-light .header-socials a {
      @apply text-[#ddd]
    }
    .navbar-light .header-socials a:hover {
      @apply !text-[#ccc]
    }
    .header-socials.ico-25 [class*="flaticon-"]:after {
      @apply md:max-lg:text-[1.65rem] sm:max-md:leading-[52px] xsm:max-sm:leading-[52px]
    }
    .hidden-nav .wsmainfull.scroll {
      @apply mt-0
    }
    .white-scroll .scroll .btn--tra-white {
      @apply !text-[#353f4f] !border-[#353f4f]
    }

      .btn--tra-white,
      .hover--tra-white:hover {
        @apply !text-white !bg-transparent !border-white
    }
      .black-scroll .scroll .btn--tra-black {
      @apply text-white border-white
    }
    .request-form-msg {
      @apply w-full block text-center mt-[15px]
    }
    .request-form-msg .loading {
      @apply text-[#00b2e4] text-[1.0625rem] leading-none font-medium
    }
    .request-form .error {
      @apply text-[#e74c3c] !text-[0.85rem] leading-none font-normal mb-[10px] pl-[10px]
    }
    #a4-1 {
      @apply relative mt-[-30px] pr-[30px] lg:max-xl:mt-[-30px] lg:max-xl:pr-[20px] md:max-lg:mt-[-30px]  md:max-lg:pr-[10px]
    }
    #a4-2 {
      @apply relative mb-[-30px] pl-[30px] lg:max-xl:mb-[-30px] lg:max-xl:pl-[20px] md:max-lg:mb-[-30px] md:max-lg:pl-[10px] xsm:max-sm:mt-[35px] xsm:max-sm:mb-0 xsm:max-sm:mx-[3%]
    }
    .rows-2 .fb-1,
    .rows-2 .fb-2,
    .rows-2 .fb-3 {
      @apply mb-[50px] lg:max-xl:mb-[40px] md:max-lg:mb-[35px]
    }
    #cb-6-1,
    #cb-6-2 {
      @apply mb-[35px]
    }
    #cb-6-1,
    #cb-6-2 {
      @apply md:max-lg:mb-[30px]
    }
    #cb-6-1,
    #cb-6-2,
    #cb-6-3 {
      @apply xsm:max-sm:mb-[24px]
    }
    .hero-section .text--center .advantages {
      @apply xsm:max-sm:mt-[18px]
    }
    .advantages-links-divider {
      @apply relative -rotate-90 top-[0.5px]
    }
    .white--color .advantages li p a {
      @apply hover:text-white
    }
    .compatibility {
      @apply inline-block mt-[15px] mb-0 px-[20px] py-[3px] lg:max-xl:mt-[10px] md:max-lg:mt-[5px] sm:max-md:mt-[10px] xsm:max-sm:mt-[5px]
    }
    .compatibility span {
      @apply relative top-[-1.5px] right-[2px]
    }
    .tools-list,
    .payment-methods {
      @apply mt-[25px]
    }
    .tools-list p,
    .payment-methods p {
      @apply font-normal mb-[12px] lg:max-xl:mb-[10px] md:max-lg:mb-[10px] sm:max-md:mb-[15px] xsm:max-sm:mb-[12px]
    }
    #rw-3-2 {
      @apply mb-[45px] lg:max-xl:mb-[25px] md:max-lg:mb-[30px]
    }
    #rw-3-2,
    #rw-3-3 {
      @apply ml-[15px]
    }
    #rw-4-1,
    #rw-5-1 {
      @apply mb-[30px]
    }
    #rw-3-2,
    #rw-3-3 {
      @apply lg:max-xl:ml-0 md:max-lg:ml-2
    }
    #rw-4-1,
    #rw-5-1 {
      @apply lg:max-xl:mb-[25px] md:max-lg:mb-[25px]
    }
    .owl-theme .owl-dots .owl-dot span {
      @apply mx-[7px] my-0
    }
    .owl-dots button:focus {
      @apply no-underline [outline:none]
    }
    .hero-section .owl-dots, .brands-section .owl-dots {
    @apply hidden;
    }
    #pt-4-1 {
      @apply ml-[50px] mr-[10px] mt-0 mb-[40px] lg:max-xl:ml-[20px] lg:max-xl:mr-[15px] lg:max-xl:mt-0 lg:max-xl:mb-[40px] md:max-lg:ml-[35px]  md:max-lg:mr-[10px]  md:max-lg:mt-0  md:max-lg:mb-[40px]
    }
    #pt-4-2 {
      @apply ml-[10px] mr-[50px] mt-0 mb-[40px] lg:max-xl:ml-[15px] lg:max-xl:mr-[20px] lg:max-xl:mt-0 lg:max-xl:mb-[40px] md:max-lg:ml-[10px] md:max-lg:mr-[35px] md:max-lg:mt-0 md:max-lg:mb-[40px]
    }
    .pt--btn {
      @apply block w-full mt-[25px]
    }
    .toggle-btn.inn-toggle-btn {
      @apply absolute
    }
    .toggle-btn-lg .toggler-txt {
      @apply text-[1.15rem] font-normal leading-10 lg:max-xl:text-[1.1rem] lg:max-xl:leading-9 md:max-lg:text-[1rem] md:max-lg:leading-[32px] sm:max-md:text-[1.15rem] xsm:max-sm:text-[1.15rem]
    }
    .btn.ico-left span {
      @apply mr-[5px] lg:max-xl:mr-[2px] md:max-lg:mr-[2px] sm:max-md:mr-[3px] xsm:max-sm:mr-[3px]
    }
    .page-item:first-child .page-link {
      @apply rounded-tl-[3px] rounded-bl-[3px]
    }
    .page-item:last-child .page-link {
      @apply rounded-tr-[3px] rounded-br-[3px]
    }
    .blue-pagination .page-item.active .page-link {
      @apply text-white bg-[#1680fb] border-2 border-solid border-[#1680fb]
    }
    .green-pagination .page-item.active .page-link {
      @apply text-white bg-[#0fbc49] border-2 border-solid border-[#0fbc49]
    }
    .pink-pagination .page-item.active .page-link {
      @apply text-white bg-[#f74780] border-2 border-solid border-[#f74780]
    }
    .purple-pagination .page-item.active .page-link {
      @apply text-white bg-[#7b5dd6] border-2 border-solid border-[#7b5dd6]
    }
    .red-pagination .page-item.active .page-link {
      @apply text-white bg-[#ff1e1a] border-2 border-solid border-[#ff1e1a]
    }
    .violet-pagination .page-item.active .page-link {
      @apply text-white bg-[#be6cbe] border-2 border-solid border-[#be6cbe]
    }
    .yellow-pagination .page-item.active .page-link {
      @apply text-[#353f4f] bg-[#ffba01] border-2 border-solid border-[#ffba01]
    }
    .page-item.disabled .page-link {
      @apply text-[#6c757d] bg-transparent [border:2px_solid_transparent]
    }
    #signup .register-page-txt {
      @apply p-[70px_60px] lg:max-xl:p-[60px_45px] md:max-lg:p-[50px_30px_0]
    }
    #signup .form-data span {
        @apply md:max-lg:text-[0.9rem] xsm:max-sm:text-[0.9rem]
    }
    .reset-page-wrapper .form-data span {
        @apply md:max-lg:text-[1rem]
    }
    /* #signup .register-page-form .btn.submit {
      @apply lg:max-xl:h-[54px] lg:max-xl:mb-[20px] md:max-lg:h-[50px] md:max-lg:mb-[20px] sm:max-md:h-[54px] sm:max-md:text-[1.0625rem] xsm:max-sm:h-[54px] xsm:max-sm:text-[1.0625rem]
    } */
    .login-1 .form-control,
    .signup-1 .form-control {
      @apply bg-white border border-solid border-[#ccc]
    }
      .btn-show-pass.ico-20 [class^="flaticon-"]:before,
      .btn-show-pass.ico-20 [class^="flaticon-"]:after {
        @apply text-[1.125rem] !leading-none
      }
      .btn-show-pass.active {
        @apply text-[#6a7dfe];
      }
    #stlChanger.open {
      @apply right-0
    }
    #stlChanger .chBody.chBody-sm {
      @apply h-[360px]
    }
    #stlChanger .chBut.icon-xs [class*="flaticon-"]:before, #stlChanger .chBut.icon-xs [class*="flaticon-"]:after {
    @apply !leading-[48px]
    }
    .t-title {
      @apply text-center text-white bg-[#1d222f] mt-0 mb-[40px] mx-0 px-[5px] py-[10px]
    }
    .t-title.btn-s-title {
      @apply m-0
    }
    .t-title h6 {
      @apply text-white mb-0
    }
    /* 
            =======================================
            ==================== Responsive here akhantheke suru ===================
            =======================================
            */
    #careers-1 {
      @apply lg:max-xl:pb-14 sm:max-md:pb-[40px] xsm:max-sm:pb-[40px]
    }
    .mb--55 {
      @apply md:max-lg:mb-[35px]
    }
    .headtoppart {
      @apply md:max-lg:hidden
    }
    .wsmobileheader {
      @apply md:max-lg:h-[80px]  md:max-lg:shadow-[0_0_2px_rgba(50,50,50,0.4)]
    }
    .wsanimated-arrow {
      @apply md:max-lg:ml-0  md:max-lg:mr-7  md:max-lg:mt-[24px]  md:max-lg:mb-0  md:max-lg:pl-0  md:max-lg:pr-[22px]  md:max-lg:py-[14px]
    }
    .wsanimated-arrow span:before {
      @apply md:max-lg:w-[26px]  md:max-lg:-top-2
    }
    .wsanimated-arrow span:after {
      @apply md:max-lg:w-5  md:max-lg:-bottom-2
    }
    .wsactive .wsanimated-arrow span:before,
    .wsactive .wsanimated-arrow.active span:after {
      @apply md:max-lg:w-7  md:max-lg:top-0
    }
    .wsactive .wsanimated-arrow span:after {
      @apply md:max-lg:w-7  md:max-lg:top-0
    }
    .wsactive .wsanimated-arrow span {
      @apply md:max-lg:bg-transparent
    }
    .white-scroll .btn--tra-black {
      @apply md:max-lg:text-white  md:max-lg:bg-[#353f4f]  md:max-lg:border-[#353f4f]
    }
    .black-scroll .btn--tra-white,
    .black-scroll .btn--tra-black {
      @apply md:max-lg:text-[#353f4f]  md:max-lg:bg-white  md:max-lg:border-white
    }
    .btn--tra-black, .hover--tra-black:hover {
        @apply !text-[#353f4f] !bg-transparent !border-[#353f4f];
    }
    .white-scroll .btn--tra-grey,
    .black-scroll .btn--tra-grey {
      @apply md:max-lg:text-[#353f4f]  md:max-lg:bg-[#eee]  md:max-lg:border-[#eee]
    }
    .white-scroll .hover--tra-white:hover {
      @apply md:max-lg:text-[#353f4f]  md:max-lg:bg-transparent  md:max-lg:border md:max-lg:border-[#353f4f]
    }
    .white-scroll .hover--blue:hover,
    .black-scroll .hover--blue:hover {
      @apply md:max-lg:text-white  md:max-lg:bg-[#007aff]  md:max-lg:border-[#007aff]
    }
    .white-scroll .hover--tra-blue:hover,
    .black-scroll .hover--tra-blue:hover {
      @apply md:max-lg:text-[#007aff]  md:max-lg:bg-transparent  md:max-lg:border md:max-lg:border-[#007aff]
    }
    .white-scroll .hover--violet:hover,
    .black-scroll .hover--violet:hover {
      @apply md:max-lg:text-white  md:max-lg:bg-[#b55e98]  md:max-lg:border-[#b55e98]
    }
    .white-scroll .hover--tra-violet:hover,
    .black-scroll .hover--tra-violet:hover {
      @apply md:max-lg:text-[#b55e98]  md:max-lg:bg-transparent  md:max-lg:border md:max-lg:border-[#b55e98]
    }
    .pt--btn {
      @apply md:max-lg:text-[0.95rem]  md:max-lg:mt-[25px]  md:max-lg:px-[8px]  md:max-lg:py-[0.785rem]
    }
    .table-responsive.mb--50 {
      @apply md:max-lg:mb-[30px]
    }
    #bp-1-3 {
      @apply md:max-lg:hidden
    }
    .wsactive .wsmobileheader {
      @apply sm:max-md:mr-[345px]
    }
    .overlapblackbg {
      @apply sm:max-md:w-[calc(100%_-_345px)]
    }
    .wsanimated-arrow {
      @apply sm:max-md:ml-0 sm:max-md:mr-[18px] sm:max-md:mt-[25px] sm:max-md:mb-0 sm:max-md:pl-0 sm:max-md:pr-[30px] sm:max-md:py-[14px]
    }
    .table-responsive.mb--50 {
      @apply sm:max-md:mb-[35px]
    }
    .division {
      @apply xsm:max-sm:px-[10px]
    }
    .wsactive .wsmobileheader {
      @apply xsm:max-sm:mr-[325px]
    }
    .overlapblackbg {
      @apply xsm:max-sm:w-[calc(100%_-_325px)]
    }
    .wsanimated-arrow {
      @apply xsm:max-sm:ml-0 xsm:max-sm:mr-4 xsm:max-sm:mt-[25px] xsm:max-sm:mb-0 xsm:max-sm:pl-0 xsm:max-sm:pr-[30px] xsm:max-sm:py-[14px]
    }
    #fb-12-1,
    #fb-13-1 {
      @apply xsm:max-sm:mt-[65px]
    }
    .content-section.ws-wrapper {
      @apply xsm:max-sm:mr-[-15px] xsm:max-sm:ml-[-15px] xsm:max-sm:my-0
    }
    .tools-list span {
      @apply xsm:max-sm:pr-px
    }
    #rb-2-1,
    #rb-2-2 {
      @apply xsm:max-sm:mb-[25px]
    }
    .table-responsive.mb--50 {
      @apply xsm:max-sm:mb-[30px]
    }
    .pbox {
      @apply xsm:max-sm:p-0
    }
    
    /* container */
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      @apply w-full mx-auto px-[calc(1.5rem*_0.5)] xxl:!max-w-[1320px] xl:!max-w-[1140px] lg:!max-w-[960px] md:!max-w-[720px] sm:!max-w-[540px] xsm:!max-w-full
  }

  .fbox-2 .fbox-txt p {
    @apply sm:max-md:p-[0_6%]
  }
  
  .integrations-1-wrapper .in_tool.mb--30 {
    @apply lg:max-xl:mb-[20px] md:max-lg:mb-[20px]
  }

/* ==========================================================================
    31. DARK MODE
    ========================================================================== */
    body.theme--dark,
    .theme--dark .bg--white-100 {
      @apply bg-[#232734];
    }
    body.theme--dark {
      @apply text-[#b1b7cd];
    }
    .dark-theme-img {
      @apply hidden absolute;
    }
    .theme--dark .dark-theme-img {
      @apply inline-block !relative;
    }
    .theme--dark .owl-carousel .owl-item img.light-theme-img {
      @apply hidden absolute;
    }
    .theme--dark .owl-carousel .owl-item img.dark-theme-img {
      @apply block;
    }
    .theme--dark .light-theme-img {
      @apply hidden;
    }
    .theme--dark .block-shadow {
      @apply shadow-[0_4px_12px_0_rgba(0,0,0,0.13)]
    }
    .theme--dark .block-border {
      @apply [border:1px_solid_#e7e7e7];
    }
    .theme--dark .block-border.block-shadow {
      @apply [border:1px_solid_#f5f6f6];
    }
    .theme--dark .x-border {
      @apply border-y-[#1d212c] border-t border-solid border-b;
    }
    .theme--dark .top-border {
      @apply border-t-[#1d212c] border-t border-solid;
    }
    .theme--dark .bottom-border {
      @apply border-b-[#1d212c] border-b border-solid;
    }
    .theme--dark .bg--white-300,
    .theme--dark .bg--white-400,
    .theme--dark .bg--purple-100,
    .theme--dark .shape--purple-100:after,
    .theme--dark .shape--white-500:after,
    .theme--dark .shape--white-400:after,
    .theme--dark .shape--white-300:after,
    .theme--dark .shape--white-200:after {
      @apply bg-[#1d212c];
    }
    .theme--dark .bg--02,
    .theme--dark .bg--04,
    .theme--dark .gr--smoke,
    .theme--dark .gr--ghost,
    .theme--dark .shape--whitesmoke:after {
      @apply bg-[linear-gradient(180deg,rgba(29,33,44,0.8)_50%,rgba(29,33,44,0.55)_100%)];
    }
    .theme--dark .gr--whitesmoke,
    .theme--dark .shape--gr-whitesmoke:after {
      @apply bg-[linear-gradient(180deg,rgba(29,33,44,0.8)_50%,rgba(29,33,44,0.05)_100%)];
    }
    /*------------------------------------------*/
    /*  SECTION DIVIDER
      /*------------------------------------------*/
    .theme--dark hr.divider.divider-light {
      @apply bg-white bg-[linear-gradient(90deg,rgba(206,211,246,0)_0,#dedede_38%,#dedede_64%,rgba(206,211,246,0)_99%)] opacity-100;
    }
    .theme--dark hr.divider,
    .theme--dark .footer hr {
      @apply bg-[linear-gradient(90deg,rgba(122,125,147,0)_0,#7a7d93_38%,#7a7d93_64%,rgba(122,125,147,0)_99%)];
    }
    
    /*------------------------------------------*/
    /*  TYPOGRAPHY
      /*------------------------------------------*/
    .theme--dark h1,
    .theme--dark h2,
    .theme--dark h3,
    .theme--dark h4,
    .theme--dark h5,
    .theme--dark h6 {
      @apply text-white;
    }
    .theme--dark a {
      @apply text-[#b1b7cd];
    }
    .theme--dark a:hover,
    .theme--dark a.tra-link:hover span {
      @apply !text-[#f7f8f9];
    }
    
    /*------------------------------------------*/
    /*  BUTTONS
      /*------------------------------------------*/
    .theme--dark .btn--tra-black,
    .theme--dark .hover--tra-black:hover {
      @apply !text-[#b1b7cd] !bg-transparent !border-[#b1b7cd];
    }
    .theme--dark .navbar-dark .hover--tra-black:hover {
      @apply text-[#353f4f] bg-transparent border-[#353f4f];
    }
    .theme--dark .white-scroll .hover--tra-black:hover {
      @apply !text-white !bg-transparent !border-white;
    }
    .theme--dark .navbar-dark .scroll .hover--tra-black:hover {
      @apply text-white bg-transparent border-white;
    }
    .theme--dark .btn--white,
    .theme--dark .hover--white:hover {
      @apply text-[#353f4f] bg-white border-white;
    }
    .theme--dark .btn--tra-white,
    .theme--dark .hover--tra-white:hover {
      @apply text-[#f1f1f1] bg-transparent border-[#f1f1f1];
    }
    .theme--dark .white-scroll .scroll .hover--tra-white:hover {
      @apply text-white bg-transparent !border-white;
    }
    .theme--dark .btn--tra-grey,
    .theme--dark .hover--tra-grey:hover,
    .theme--dark .white-scroll .scroll .hover--tra-grey:hover,
    .theme--dark .black-scroll .scroll .hover--tra-grey:hover {
      @apply !text-[#b1b7cd] bg-transparent border-[#b1b7cd];
    }
    .theme--dark .btn--blue-500,
    .theme--dark .hover--blue-500:hover,
    .theme--dark .white-scroll .scroll .hover--blue-500:hover,
    .theme--dark .black-scroll .scroll .hover--blue-500:hover {
      @apply text-white bg-[#185abd] border-[#185abd];
    }
    .theme--dark .btn--blue-400,
    .theme--dark .hover--blue-400:hover,
    .theme--dark .white-scroll .scroll .hover--blue-400:hover,
    .theme--dark .black-scroll .scroll .hover--blue-400:hover {
      @apply text-white bg-[#1680fb] border-[#1680fb];
    }
    .theme--dark .btn--blue-300,
    .theme--dark .hover--blue-300:hover,
    .theme--dark .white-scroll .scroll .hover--blue-300:hover,
    .theme--dark .black-scroll .scroll .hover--blue-300:hover {
      @apply text-white bg-[#3eb1ff] border-[#3eb1ff];
    }
    .theme--dark .btn--pink-500,
    .theme--dark .hover--pink-500:hover,
    .theme--dark .white-scroll .scroll .hover--pink-500:hover,
    .theme--dark .black-scroll .scroll .hover--pink-500:hover {
      @apply text-white bg-[#ff149c] border-[#ff149c];
    }
    .theme--dark .btn--pink-400,
    .theme--dark .hover--pink-400:hover,
    .white-scroll .scroll .hover--pink-400:hover,
    .black-scroll .scroll .hover--pink-400:hover {
      @apply text-white bg-[#f74780] border-[#f74780];
    }
    .theme--dark .btn--pink-300,
    .theme--dark .hover--pink-300:hover,
    .theme--dark .white-scroll .scroll .hover--pink-300:hover,
    .theme--dark .black-scroll .scroll .hover--pink-300:hover {
      @apply text-white bg-[#fcb5cc] border-[#fcb5cc];
    }
    .theme--dark .btn--purple-500,
    .theme--dark .hover--purple-500:hover,
    .theme--dark .white-scroll .scroll .hover--purple-500:hover,
    .theme--dark .black-scroll .scroll .hover--purple-500:hover {
      @apply text-white bg-[#663ae9] border-[#663ae9];
    }
    .theme--dark .btn--purple-400,
    .theme--dark .hover--purple-400:hover,
    .theme--dark .white-scroll .scroll .hover--purple-400:hover,
    .theme--dark .black-scroll .scroll .hover--purple-400:hover {
      @apply text-white bg-[#7b5dd6] border-[#7b5dd6];
    }
    .theme--dark .btn--purple-300,
    .theme--dark .hover--purple-300:hover,
    .theme--dark .white-scroll .scroll .hover--purple-300:hover,
    .theme--dark .black-scroll .scroll .hover--purple-300:hover {
      @apply text-white bg-[#bdaeea] border-[#bdaeea];
    }
    .theme--dark .btn--violet-500,
    .theme--dark .hover--violet-500:hover,
    .theme--dark .white-scroll .scroll .hover--violet-500:hover,
    .theme--dark .black-scroll .scroll .hover--violet-500:hover {
      @apply text-white bg-[#c73e9b] border-[#c73e9b];
    }
    .theme--dark .btn--violet-400,
    .theme--dark .hover--violet-400:hover,
    .theme--dark .white-scroll .scroll .hover--violet-400:hover,
    .theme--dark .black-scroll .scroll .hover--violet-400:hover {
      @apply text-white bg-[#be6cbe] border-[#be6cbe];
    }
    .theme--dark .btn--violet-300,
    .theme--dark .hover--violet-300:hover,
    .theme--dark .white-scroll .scroll .hover--violet-300:hover,
    .theme--dark .black-scroll .scroll .hover--violet-300:hover {
      @apply text-white bg-[#e2bde2] border-[#e2bde2];
    }
    .theme--dark .section-id {
      @apply text-[#eee];
    }
    .theme--dark .color--black,
    .theme--dark .color--black h2,
    .theme--dark .color--black h3,
    .theme--dark .color--black h4,
    .theme--dark .color--black h5,
    .theme--dark .color--black h6,
    .theme--dark .color--black p,
    .theme--dark .color--black a,
    .theme--dark .color--black li,
    .theme--dark .color--black i,
    .theme--dark .color--black span,
    .theme--dar .color--white .color--black {
      @apply text-white;
    }
    .theme--dark .color--grey,
    .theme--dark .color--grey h2,
    .theme--dark .color--grey h3,
    .theme--dark .color--grey h4,
    .theme--dark .color--grey h5,
    .theme--dark .color--grey h6,
    .theme--dark .color--grey p,
    .theme--dark .color--grey a,
    .theme--dark .color--grey li,
    .theme--dark .color--grey i,
    .theme--dark .color--grey span,
    .theme--dark .color--white .color--grey {
      @apply text-[#b1b7cd];
    }
    
    /*------------------------------------------*/
    /*   NAVIGATION MENU
      /*------------------------------------------*/
    .theme--dark .dark-menu .wsmainfull,
    .theme--dark .white-menu .wsmainfull {
      @apply !bg-[#1d222f] !shadow-[0_2px_3px_rgba(1,1,1,0.1)];
    }
    
    /*------------------------------------------*/
    /*  HEADER LINK
      /*------------------------------------------*/
    .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a,
    .theme--dark .navbar-dark.inner-page-header .wsmenu > .wsmenu-list > li > a,
    .theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a {
      @apply text-white;
    }
    .theme--dark .navbar-light .wsmenu-list > li > a.h-link:hover,
    .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a:hover,
    .theme--dark
      .navbar-dark.inner-page-header
      .wsmenu
      > .wsmenu-list
      > li
      > a:hover,
    .theme--dark
      .navbar-dark.light-hero-header
      .wsmenu
      > .wsmenu-list
      > li
      > a:hover {
      @apply text-[#eee];
    }
    .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a.btn:hover {
      @apply !text-white;
    }
    
    /*------------------------------------------*/
    /*  HEADER SUBMENU / MEGAMENU
      /*------------------------------------------*/
    .theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu,
    .theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu,
    .theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
      @apply bg-[#2c3142] shadow-[0_2px_3px_rgba(1,1,1,0.1)] ![border:solid_1px_#2c3142]
    }
    .theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu:before,
    .theme--dark .wsmenu > .wsmenu-list > li.mg_link:hover > a:after,
    .theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before {
      @apply bg-[#2c3142] border-l-[solid] border-l-[#2c3142] border-t-[solid] border-t-[#2c3142];
    }

    .theme--dark .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
    .theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
    .theme--dark .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
      @apply !text-[#b1b7cd] bg-transparent hover:!bg-[rgba(0,0,0,0.12)];
    }  
    
    .theme--dark .scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
    .theme--dark
      .scroll
      .wsmenu
      > .wsmenu-list
      > li
      > .wsmegamenu.w-75
      ul.link-list
      > li
      > a,
    .theme--dark
      .scroll
      .wsmenu
      > .wsmenu-list
      > li
      > .wsmegamenu.halfmenu
      ul.link-list
      > li
      > a {
      @apply text-[#b1b7cd];
    }
    
    /*------------------------------------------*/
    /*  NAVBAR SCROLL
      /*------------------------------------------*/
    .theme--dark .tra-menu .wsmainfull.scroll,
    .theme--dark .white-menu .wsmainfull.scroll,
    .theme--dark .dark-menu.dark-scroll .wsmainfull.scroll {
      @apply !bg-[#1d222f] shadow-[0_2px_3px_rgba(1,1,1,0.1)] !p-0
    }
    .theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a,
    .theme--dark .tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li > a,
    .theme--dark
      .tra-menu.navbar-dark.white-scroll
      .scroll
      .wsmenu
      > .wsmenu-list
      > li
      > a.h-link,
    .theme--dark
      .tra-menu.navbar-light.white-scroll
      .scroll
      .wsmenu
      > .wsmenu-list
      > li
      > a.h-link {
      @apply text-[#b1b7cd]
    }
    .theme--dark
      .navbar-light.white-scroll
      .scroll
      .wsmenu-list
      > li
      > a.h-link:hover {
      @apply !text-white;
    }
    .theme--dark .navbar-light .scroll .btn.btn--tra-white {
      @apply !text-white !bg-transparent !border-white;
    }
    
    /*------------------------------------------*/
    /*  Logo Image
      /*------------------------------------------*/
    .theme--dark .navbar-dark .logo-black,
    .theme--dark .navbar-dark .scroll .logo-black {
      @apply hidden;
    }
    .theme--dark .navbar-dark .logo-white,
    .theme--dark .navbar-dark .scroll .logo-white {
      @apply block;
    }
    .theme--dark .navbar-dark .logo-black {
      @apply block;
    }
    .theme--dark .navbar-dark .logo-white {
      @apply hidden;
    }
    .theme--dark .navbar-dark .scroll .logo-white {
      @apply block;
    }
    
    /*------------------------------------------*/
    /*  HERO SECTION
      /*------------------------------------------*/
    .theme--dark .hero-section .color--black,
    .theme--dark .hero-section .color--black h2,
    .theme--dark .hero-section .color--black h3,
    .theme--dark .hero-section .color--black h4,
    .theme--dark .hero-section .color--black h5,
    .theme--dark .hero-section .color--black h6,
    .theme--dark .hero-section .color--black p,
    .theme--dark .hero-section .color--black a,
    .theme--dark .hero-section .color--black li,
    .theme--dark .hero-section .color--black i,
    .theme--dark .hero-section .color--black span,
    .theme--dark .hero-section .color--white .color--black {
      @apply text-[#353f4f];
    }
    .theme--dark .hero-section p {
      @apply text-[#6c757d];
    }
    .theme--dark .hero-section .color--white p {
      @apply text-white;
    }
    .theme--dark .hero-section.gr--whitesmoke p {
      @apply text-[#b1b7cd];
    }
    .theme--dark .hero-section .section-id.color--grey {
      @apply text-[#6c757d];
    }
    .theme--dark .hero-5-txt p,
    .theme--dark .hero-6-txt p,
    .theme--dark .hero-10-txt p,
    .theme--dark .hero-15-txt p,
    .theme--dark .hero-16-txt p,
    .theme--dark .hero-17-txt p,
    .theme--dark .hero-18-txt p,
    .theme--dark .hero-19-txt p,
    .theme--dark .hero-20-txt p,
    .theme--dark .hero-21-txt p,
    .theme--dark .hero-23-txt p,
    .theme--dark .hero-25-txt p {
      @apply text-[#b1b7cd];
    }
    .theme--dark .hero-section .quick-form .form-control {
      @apply text-white bg-[#363f54] focus:bg-[#505c77] focus:border-transparent;
    }
    .theme--dark #hero-14.hero-section .quick-form .form-control,
    .theme--dark #hero-24.hero-section .quick-form .form-control,
    .theme--dark #hero-26.hero-section .quick-form .form-control {
      @apply text-[#666] bg-white;
    }
    .theme--dark .hero-section .quick-form .form-control::placeholder {
      @apply text-[#b1b7cd];
    }
    .theme--dark #hero-14.hero-section .quick-form .form-control::placeholder {
      @apply text-[#999];
    }
    .theme--dark
      #hero-14.hero-section
      .quick-form
      .form-control::placeholder {
      @apply text-[#999];
    }
    .theme--dark #hero-24.hero-section .quick-form .form-control::placeholder {
      @apply text-[#999];
    }
    .theme--dark #hero-26.hero-section .quick-form .form-control::placeholder {
      @apply text-[#999];
    }
    .theme--dark
      #hero-26.hero-section
      .quick-form
      .form-control::placeholder {
      @apply text-[#999];
    }
    .theme--dark #hero-14.hero-section .quick-form .form-control:focus,
    .theme--dark #hero-24.hero-section .quick-form .form-control:focus,
    .theme--dark #hero-26.hero-section .quick-form .form-control:focus {
      @apply bg-white border-transparent;
    }
    .theme--dark .hero-section .request-form .form-control {
      @apply text-white bg-[#363f54] focus:bg-[#505c77] focus:border-transparent;
    }
    .theme--dark .hero-section .request-form .form-control::placeholder {
      @apply text-[#b1b7cd];
    }
    .theme--dark
      .hero-section
      .request-form
      .form-control::placeholder {
      @apply text-[#b1b7cd];
    }
    .theme--dark #hero-3:after,
    .theme--dark #hero-4:after {
      @apply bg-[#232734];
    }
    .theme--dark .hero-4-txt h2 {
      @apply text-[#353f4f];
    }
    .theme--dark .hero-4-txt .btn.btn--tra-black {
      @apply !text-[#353f4f] !bg-transparent !border-[#353f4f];
    }
    .theme--dark #hero-5 {
      @apply bg-[url(./images/hero-5-dark.jpg)];
    }
    .theme--dark .hero-6-wrapper {
      @apply bg-[linear-gradient(90deg,#1d212c,#1d212c)];
    }
    .theme--dark #hero-8-form {
      @apply bg-[#1d222f] border border-solid border-[#1d222f];
    }
    .theme--dark #hero-8-form p {
      @apply text-[#b1b7cd];
    }
    .theme--dark #hero-5 .wave-shape-bottom svg path,
    .theme--dark #hero-8 .wave-shape-bottom svg path,
    .theme--dark #hero-14 .wave-shape-bottom svg path,
    .theme--dark #hero-16 .wave-shape-bottom svg path,
    .theme--dark #hero-22 .wave-shape-bottom svg path,
    .theme--dark #hero-23 .wave-shape-bottom svg path,
    .theme--dark #hero-26 .wave-shape-bottom svg path {
      @apply fill-[#232734];
    }
    .theme--dark #hero-10 {
      @apply bg-[url(./images/hero-10-dark.jpg)];
    }
    .theme--dark #hero-15 {
      @apply bg-[url(./images/hero-15-dark.jpg)];
    }
    .theme--dark #hero-16 {
      @apply bg-[url(./images/hero-16-dark.jpg)];
    }
    .theme--dark #hero-17 {
      @apply bg-[url(./images/hero-17-dark.jpg)];
    }
    .theme--dark #hero-18:after {
      @apply bg-[url(./images/hero-18-dark.jpg)];
    }
    .theme--dark #hero-20:after {
      @apply bg-[linear-gradient(180deg,#1d212c,#232734)];
    }
    .theme--dark #hero-21 .hero-overlay {
      @apply bg-[url(./images/hero-21-dark.jpg)];
    }
    .theme--dark #hero-23 {
      @apply bg-[url(./images/hero-23-dark.jpg)];
    }
    .theme--dark .hero-23-txt p span.color--black {
      @apply text-white;
    }
    .theme--dark #hero-25 {
      @apply bg-[url(./images/hero-25-dark.jpg)];
    }
    .theme--dark #hero-27 .hero-overlay {
      @apply bg-[url(./images/hero-27-dark.png)];
    }
    
    /*------------------------------------------*/
    /*  FEATURES
      /*------------------------------------------*/
    .theme--dark .features-section path {
      @apply opacity-5;
    }
    .theme--dark #reviews-2 .review-2.bg--white-100 {
      @apply bg-[#1d212c];
    }
    .theme--dark .owl-theme .owl-dots .owl-dot span {
      background: #1d212c;
    }
    .theme--dark .owl-theme .owl-dots .owl-dot.active span {
      background: #b1b7cd;
    }
    .theme--dark .review-3.block-border {
      @apply border-[#363f54];
    }
    
    /*------------------------------------------*/
    /*  PROJECT DETAILS
      /*------------------------------------------*/
    .theme--dark .project-data p span {
      @apply text-white;
    }
    .theme--dark .pricing-discount h6 {
      @apply text-[#353f4f];
    }
    .theme--dark .table > :not(caption) > * > * {
      @apply text-[#b1b7cd] bg-[#232734];
    }
    .theme--dark .comp-table .table thead th {
      @apply text-white border-[#363f54];
    }
    .theme--dark .comp-table tbody th {
      @apply border-b-[#363f54] border-b border-solid;
    }
    .theme--dark .comp-table .table tr td {
      @apply [border-bottom:1px_solid_#363f54]
    }
    
    /*------------------------------------------*/
    /*  INTEGRATIONS
      /*------------------------------------------*/
    .theme--dark .integrations-1-wrapper .in_tool {
      @apply bg-[#1d212c] border border-solid border-[#1d212c];
    }
    
    /*------------------------------------------*/
    /*  PRICING
      /*------------------------------------------*/
    
    /*------------------------------------------*/
    /*  BANNER
      /*------------------------------------------*/
    .theme--dark .banner-16-wrapper.bg--white-100.block-border {
      @apply border-[#363f54];
    }
    
    /*------------------------------------------*/
    /*  DOWNLOAD
      /*------------------------------------------*/
    .theme--dark .release-data {
      @apply border-b-[#656565] border-b border-dashed;
    }
    .theme--dark span.version-data,
    .theme--dark span.release-date span {
      @apply text-[#f1f1f1];
    }
    .theme--dark span.release-date {
      @apply text-[#ccc];
    }
    
    /*------------------------------------------*/
    /*  FAQs
      /*------------------------------------------*/
    .theme--dark .faqs-section .accordion-item,
    .theme--dark #faqs-2.faqs-section .accordion-item,
    .theme--dark #faqs-2.faqs-section .accordion-item.is-active .accordion-thumb {
      @apply border-b-[#363f54] border-b border-solid;
    }
    .theme--dark .faqs-section .tabs-1 li {
      @apply border-2 border-solid border-[#363f54];
    }
    .theme--dark .faqs-section .tabs-1 li span,
    .theme--dark .faqs-section .tabs-1 li {
      @apply text-[#b1b7cd];
    }
    .theme--dark .faqs-section .accordion-item .accordion-thumb:after,
    .theme--dark .faqs-section .accordion-item.is-active .accordion-thumb:after {
      @apply text-[#b1b7cd];
    }
    
    /*------------------------------------------*/
    /*  BLOG
      /*------------------------------------------*/
    .blog-post-txt a {
      @apply text-[#353f4f];
    }
    .theme--dark .post-meta-list p,
    .theme--dark .blog-post-txt a {
      @apply !text-white;
    }
    .theme--dark .blog-post-txt a:hover {
      @apply !text-[#ddd];
    }
    
    /*------------------------------------------*/
    /*  SINGLE POST
      /*------------------------------------------*/
    .theme--dark .txt-code {
      @apply bg-[#1d212c];
    }
    .theme--dark .txt-code kbd {
      @apply bg-[#363f54];
    }
    .theme--dark .txt-code p {
      @apply text-[#b1b7cd];
    }
    .theme--dark .comment-form p,
    .theme--dark .blockquote-footer,
    .theme--dark .txt-code span.code-property,
    .theme--dark .txt-code p code.code-language-js {
      @apply text-white;
    }
    .theme--dark .comment-form .form-control {
      @apply text-[#f1f1f1] bg-[#363f54] focus:bg-[#505c77] focus:border-transparent;
    }
    .theme--dark .comment-form .form-control::placeholder {
      @apply text-[#b1b7cd];
    }
    
    /*------------------------------------------*/
    /*  CONTACTS
      /*------------------------------------------*/
    .theme--dark .contact-form .form-control::placeholder {
      @apply text-[#b1b7cd];
    }
    
  .theme--dark .contact-form-notice p a, .theme--dark #contacts-1 .contact-form p {
    @apply !text-white
  }
  .theme--dark .contact-form .form-control,
  .theme--dark .contact-form .form-select {
    @apply !text-[#f1f1f1] !bg-[#363f54]
  }
    /*------------------------------------------*/
    /*  FOOTER
      /*------------------------------------------*/
    .theme--dark .footer-logo {
      @apply hidden;
    }
    .theme--dark .footer-form .newsletter-form .btn.dark-color span {
      @apply text-[#2f353e];
    }
    .theme--dark .footer-form .newsletter-form .input-group {
      @apply bg-[#282d3c] border border-solid border-[#505c77];
    }
    .theme--dark .footer-form .form-control {
      @apply text-white placeholder:text-[#b1b7cd]
    }
    .theme--dark .legal-info p span {
      @apply text-white;
    }
    
    /*------------------------------------------*/
    /*  INNER PAGE
      /*------------------------------------------*/
    .theme--dark .page-hero-section .wave-shape-bottom path {
      @apply fill-[#232734];
    }
    
    /*------------------------------------------*/
    /*  MODAL
      /*------------------------------------------*/
    .theme--dark #modal-2 .modal-body-content h5,
    .theme--dark #modal-3 .modal-body-content h3 {
      @apply text-[#353f4f];
    }
    
    /*------------------------------------------*/
    /*  PAGE 404
      /*------------------------------------------*/
    .theme--dark #page-404.bg--white-300,
    .theme--dark #footer-11.bg--white-300 {
      @apply bg-[#f7f8f9];
    }
    .theme--dark #page-404 .color--dark {
      @apply text-[#353f4f];
    }
    .theme--dark #page-404 h6.color--grey,
    .theme--dark #footer-11.bg--white-300,
    .theme--dark #footer-11.bg--white-300 .bottom-footer-list p a {
      @apply text-[#6c757d];
    }
    /*------------------------------------------*/
    /*  LOGIN
      /*------------------------------------------*/
    .theme--dark #login,
    .theme--dark #signup {
      @apply bg-[url(./images/login_dark.jpg)] [background-position:initial]
    }
    
    #login .register-page-wrapper {
      @apply bg-left-top after:left-2/4 bg-[url(./images/login-wrapper.jpg)]
    }
    #login .register-page-wrapper:after,
    #signup .register-page-wrapper:after {
      @apply absolute content-[''] z-[-1] w-6/12 h-full bg-white top-0;
    }
    .theme--dark #login .register-page-wrapper:after,
    .theme--dark #signup .register-page-wrapper:after {
      @apply bg-[#1d212c];
    }
    .theme--dark .reset-password-form .form-control::placeholder {
      @apply text-[#b1b7cd];
    }
    
    .theme--dark .register-page-form .btn-google {
      @apply !text-[#b1b7cd] !bg-[#363f54] ![border:1px_solid_#363f54] hover:!text-white
    }
    .theme--dark .separator-line {
      @apply before:[border-top:2px_solid_rgba(255,255,255,.15)] after:[border-top:2px_solid_rgba(255,255,255,.15)]
  }
  .theme--dark .form-data span a,
  .theme--dark .register-page-form p.input-header {
  @apply text-white
  }
  .theme--dark .reset-page-wrapper .form-control, .theme--dark .register-page-form .form-control {
    @apply text-[#f1f1f1] bg-[#363f54] [border:1px_solid_#363f54] placeholder:text-[#b1b7cd]
  }
  .theme--dark .switcher.bg--grey {
    @apply bg-[#363f54] [border:2px_solid_#363f54]
  }
  .theme--dark .footer-logo-dark {
    @apply block
  }
  .theme--dark #footer-10 .footer-logo-dark {
    @apply inline-block
  }
  .theme--dark #footer-10 .footer-info {
    @apply [border-bottom:1px_solid_#363f54]
}
  .theme--dark .tra-menu .wsmobileheader, 
  .theme--dark .white-menu .wsmobileheader {
      @apply md:max-lg:bg-[#1d222f]  md:max-lg:shadow-[0_2px_3px_rgba(1,1,1,0.1)]
  } 
  .theme--dark .wsmenu > .wsmenu-list {
    @apply md:max-lg:!bg-[#2c3142]
  }
  .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before {
    @apply md:max-lg:border-white
  }
  .theme--dark .rbox-1 .star-rating {
    @apply !bg-[#1d212c] shadow-[0_4px_12px_0_rgba(0,0,0,0.13)] [border:1px_solid_#1d212c]
  }
    
  .theme--dark #reset-password {
    @apply bg-[url(./images/reset-password-dark.jpg)]
  }
  .theme--dark .reset-page-wrapper form {
    @apply bg-[#1d212c] [border:1px_solid_#1d212c]
  }
  .theme--dark .newsletter-section .form-control {
    @apply text-[#f1f1f1] bg-[#363f54] [border:1px_solid_#363f54] focus:bg-[#505c77] focus:border-transparent placeholder:text-[#b1b7cd]
  }
  .theme--dark .project-title h2 {
    @apply [border-bottom:1px_solid_#363f54]
  }
  .theme--dark .project-description .more-projects span {
    @apply text-white
  }
  .theme--dark .cbox-2-line {
    @apply bg-[#363f54]
  }
    
  .theme--dark .fbox-7 {
    @apply [border:2px_solid_#363f54]
  }
 #statistic-5 .statistic-txt h5 {
    @apply !leading-none mb-[12px]
}

.hover-overlay img {
  @apply overflow-hidden transition-transform duration-[400ms] scale-100;
}
.team-member:hover img {
  @apply scale-105;
}
  @media (max-width: 767px) {
    .block-shadow {
        @apply !shadow-[0_3px_4px_0_rgba(0,0,0,0.08)]
    }
    .ts-0 {
        @apply !pt-[80px]
    }
    .py--5 {
        @apply !py-0
    }
    .py--10 {
        @apply !py-0
    }
    .py--15 {
        @apply !py-[5px]
    }
    .py--20 {
        @apply !py-[10px]
    }
    .py--30 {
        @apply !py-[15px]
    }
    .py--40 {
        @apply !py-5
    }
    .py--50 {
        @apply !py-[30px]
    }
    .py--60 {
        @apply !py-10
    }
    .py--70 {
        @apply !py-[50px]
    }
    .py--80 {
        @apply !py-[50px]
    }
    .py--90 {
        @apply !py-[60px]
    }
    .py--100 {
        @apply !py-[70px]
    }
    .pt--30 {
        @apply !pt-[10px]
    }
    .pt--40 {
        @apply !pt-5
    }
    .pt--50 {
        @apply !pt-[30px]
    }
    .pt--60 {
        @apply !pt-10
    }
    .pt--70 {
        @apply !pt-[50px]
    }
    .pt--80 {
        @apply !pt-[50px]
    }
    .pt--90 {
        @apply !pt-[60px]
    }
    .pt--100 {
        @apply !pt-[70px]
    }
    .pb--30 {
        @apply !pb-[10px]
    }
    .pb--40 {
        @apply !pb-[20px]
    }
    .pb-\[50px\] {
        @apply !pb-[30px]
    }
    .pb--60 {
        @apply !pb-[40px]
    }
    .pb--70 {
        @apply !pb-[50px]
    }
    .pb--80 {
        @apply !pb-[50px]
    }
    .pb--90 {
        @apply !pb-[60px]
    }
    .pb--100 {
        @apply !pb-[70px]
    }
    .mt--40 {
        @apply !mt-[30px]
    }
    .mt--45 {
        @apply !mt-[35px]
    }
    .mt--50 {
        @apply !mt-[30px]
    }
    .mt--55 {
        @apply !mt-[35px]
    }
    .mt--60 {
        @apply !mt-[50px]
    }
    .mt--65 {
        @apply !mt-[55px]
    }
    .mt--70 {
        @apply !mt-[50px]
    }
    .mt--75 {
        @apply !mt-[55px]
    }
    .mt--80 {
        @apply !mt-[50px]
    }
    .mt--85 {
        @apply !mt-[55px]
    }
    .mt--90 {
        @apply !mt-[60px]
    }
    .mt--95 {
        @apply !mt-[65px]
    }
    .mt--100 {
        @apply !mt-[70px]
    }
    .mb--40 {
        @apply !mb-[30px]
    }
    .mb--45 {
        @apply !mb-[35px]
    }
    .mb--50 {
        @apply !mb-[30px]
    }
    .mb--55 {
        @apply !mb-[35px]
    }
    .mb--60 {
        @apply !mb-[50px]
    }
    .mb--65 {
        @apply !mb-[55px]
    }
    .mb--70 {
        @apply !mb-[50px]
    }
    .mb--75 {
        @apply !mb-[55px]
    }
    .mb--80 {
        @apply !mb-[50px]
    }
    .mb--85 {
        @apply !mb-[55px]
    }
    .mb--90 {
        @apply !mb-[60px]
    }
    .mb--95 {
        @apply !mb-[65px]
    }
    .mb--100 {
        @apply !mb-[70px]
    }
    h2, h3, h4, h5, h6 {
        @apply !leading-[1.35]
    }
    p.p-sm {
        @apply !text-[1rem]
    }
    p.btn-txt {
        @apply !m-[12px_0_0_0]
    }
    p.btns-group-txt {
        @apply !m-[12px_0_0_0]
    }
    .text--center p.btns-group-txt {
        @apply !mt-[16px]
    }
    .section-id {
        @apply !mb-[24px]
    }
    .section-id.rounded-id {
        @apply !mb-[35px]
    }
    .section-title.mb--60 {
        @apply !mb-[40px]
    }
    .section-title.mb--70, .section-title.mb--80 {
        @apply !mb-[50px]
    }
    .section-title .btns-group.mt--25 {
        @apply !mt-[18px]
    }
    .section-title .btns-group.mt--35 {
        @apply !mt-[22px]
    }
    .section-title .stores-badge.mt--30 {
        @apply !mt-[25px]
    }
    .section-title .advantages, .section-title .btns-txt, .section-title .btns-group-txt {
        @apply !mt-[15px]
    }
    /*------------------------------------------*/
    /*  NAVIGATION MENU    
/*------------------------------------------*/
    .headtoppart {
        @apply !hidden
    }
    .wsmobileheader .smllogo {
        @apply !block !mt-[22px] !pl-[22px]
    }
    .blog-header .wsmobileheader .smllogo {
        @apply !mt-[27px]
    }
    .smllogo img {
        @apply !w-auto !max-w-[inherit] !max-h-[36px]
    }
    .blog-header .smllogo img {
        @apply !max-h-[30px]
    }
    .wsmobileheader {
        @apply !h-[80px] !shadow-[0_0_2px_rgba(50,50,50,0.4)]
    }
    .tra-menu .wsmobileheader, .white-menu .wsmobileheader {
        @apply !bg-white
    }
    .dark-menu .wsmobileheader, .black-scroll .wsmobileheader {
        @apply !bg-[#1d222f]
    }
    .theme--dark .tra-menu .wsmobileheader, 
.theme--dark .white-menu .wsmobileheader {
        @apply !bg-[#1d222f] !shadow-[0_2px_3px_rgba(1,1,1,0.1)]
    }
    /* Mobile Header Phone Icon */
    .wsmenu > .wsmenu-list > li.header-phone > a {
        @apply !text-[19px] !m-0 !pl-[15px] !pr-[32px] !pt-[7px] !pb-[6px]
    }
    .wsmenu > .wsmenu-list > li.header-phone > a span {
        @apply !w-6 !h-6 !leading-[25px] !top-[3px]
    }
    .wsanimated-arrow {
        @apply !ml-0 !mr-7 !mt-[24px] !mb-0 !pl-0 !pr-[22px] !py-[14px]
    }
    .wsanimated-arrow span:before {
        @apply !w-[26px] !-top-2
    }
    .wsanimated-arrow span:after {
        @apply !w-5 !-bottom-2
    }
    .dark-menu .wsanimated-arrow span, .dark-menu .wsanimated-arrow span:before, 
.dark-menu .wsanimated-arrow span:after, .black-scroll .wsanimated-arrow span, 
.black-scroll .wsanimated-arrow span:before, .black-scroll .wsanimated-arrow span:after {
        @apply !bg-white
    }
    .theme--dark .wsanimated-arrow span, .theme--dark .wsanimated-arrow span:before, 
.theme--dark .wsanimated-arrow span:after {
    @apply !bg-[#b1b7cd]
    }
    .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after {
        @apply !w-7 !top-0
    }
    .wsactive .wsanimated-arrow span:after {
        @apply !w-7 !top-0
    }
    .wsactive .wsanimated-arrow span {
        @apply !bg-transparent
    }
    .wsmenu > .wsmenu-list > li > .wsmenu-click {
        @apply !h-16
    }
    .wsmenu > .wsmenu-list > li.mobile-last-link > a {
        @apply !border-b-[none]
    }
    
    /* Dark Header Settings */
    .dark-menu .wsmenu > .wsmenu-list, .black-scroll .wsmenu > .wsmenu-list {
        @apply !bg-[#2c3142]
    }
    .dark-menu .wsmenu > .wsmenu-list > li > a, 
.black-scroll .wsmenu > .wsmenu-list > li > a {
        @apply !border-b-[rgba(255,255,255,0.13)]
    }
    .dark-menu .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before,
.black-scroll .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before {
        @apply !border-[rgba(255,255,255,0.85)]
    }
    /* Nav Link */
    .wsmenu > .wsmenu-list > li > a {
        @apply !text-[18px] !leading-[46px] !m-0 !pl-[20px] !pr-[32px] !pt-[5px] !pb-1
    }
    .tra-menu .wsmenu > .wsmenu-list > li > a, .tra-menu.navbar-light .wsmenu > .wsmenu-list > li > a {
        @apply text-[#666]
    }
    .black-scroll .wsmenu > .wsmenu-list > li > a.h-link {
        @apply !text-white
    }
    .wsmenu > .wsmenu-list > li > .wsmenu-click > i {
        @apply !h-[10px] !w-[10px] !ml-0 !mr-[18px] !mt-[21px] !mb-0
    }
    .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i {
        @apply !-rotate-360 !mt-[28px]
    }
    .theme--dark .navbar-light .wsmenu > .wsmenu-list > li > a,
.theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a {
        @apply !text-white
    }
    /* SubMenu / HalfMenu / MegaMenu */
    .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu {
        @apply !w-full !min-w-full
    }
    .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu g{
        @apply !w-full !p-[10px]
    }
    .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
        @apply !w-full !px-[10px] !py-3 !left-0
    }
    .wsmegamenu.w-75 .lg\:w-3\/12, .wsmegamenu.icons-menu.w-75 .lg\:w-4\/12, 
.wsmegamenu.halfmenu .lg\:w-6\/12, .wsmegamenu.halfmenu.icons-menu .lg\:w-6\/12 {
        @apply !p-0
    }
    .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu {
        @apply !right-0
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
        @apply !shadow-[0_0] ![border-bottom:1px_solid_#ddd] !top-[5px]
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu {
        @apply !opacity-100 !visible
    }
    .dark-menu .wsmenu > .wsmenu-list > li > ul.sub-menu, 
.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu,
.dark-menu .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, 
.black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, 
.black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu, 
.black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
        @apply !shadow-[0_0] ![border-bottom:1px_solid_rgba(255,255,255,0.13)]
    }
    .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu, .black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu,
.black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
        @apply !bg-[#2c3142]
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
        @apply !text-[#666] !text-[1.0625rem] !px-[14px] !py-[15px]
    }
    .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
.black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
.black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
        @apply !text-[#ddd] !bg-[rgba(255,255,255,0)]
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
        @apply !no-underline !px-[14px] !py-[15px]
    }
    .black-scroll .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,
.black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.black-scroll .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
        @apply !bg-[rgba(255,255,255,0.05)]
    }
    .icons-menu.ico-30 [class*="flaticon-"]:before, .icons-menu.ico-30 [class*="flaticon-"]:after {
        @apply !text-[2.1875rem]
    }
    .icons-menu.ico-40 [class*="flaticon-"]:before, .icons-menu.ico-40 [class*="flaticon-"]:after {
        @apply !text-[2.5rem]
    }
    .icons-menu-ico {
        @apply !mr-[14px]
    }
    .wsmegamenu.ico-30 .icons-menu-ico span {
        @apply !top-2
    }
    .icons-menu-txt h6 {
        @apply !text-[1.0625rem]
    }
    .icons-menu-txt span {
        @apply !text-[1rem]
    }
    .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title {
        @apply !text-[1.0625rem] !mb-[10px] !px-[7px] !py-0
    }
    .dark-menu .title, .black-scroll .title, .dark-menu .icons-menu-txt span, 
.black-scroll .icons-menu-txt span {
        @apply !text-[#b1b7cd]
    }
    .wsmenu > .wsmenu-list > li a.btn {
        @apply !text-[18px] !leading-[44px] !mt-px !mb-[2px] !mx-0 !px-[22px] !py-[5px] !rounded-none !border-2
    }
    .wsmenu > .wsmenu-list > li a.btn.reg-btn {
        @apply !leading-[44px] !px-[22px] !py-[5px]
    }
    .wsmenu > .wsmenu-list > li a.btn.fst-btn-link, .wsmenu > .wsmenu-list > li.reg-fst-link > a {
        @apply !ml-0
    }
    .wsmenu > .wsmenu-list > li a.store.header-store {
        @apply !block !float-none !ml-3 !mr-0 !mt-[5px] !mb-0 !border-b-[none]
    }
    .store.header-store img {
        @apply !max-h-[46px]
    }
    .wsmenu > .wsmenu-list > li.header-socials {
        @apply !block
    }
    .header-socials a {
        @apply !ml-[25px]
    }
    .header-socials.ico-20 [class*="flaticon-"]:before, .header-socials.ico-25 [class*="flaticon-"]:after {
        @apply !text-[1.45rem]
    }
    .white-scroll .hover--tra-white:hover
{
        @apply !text-[#353f4f] !bg-transparent !border-[#353f4f]
    }
    .theme--dark .white-scroll .hover--tra-white:hover
{
        @apply !text-white !bg-transparent !border-white
    }
    .white-scroll .btn--tra-black {
        @apply !text-white !bg-[#353f4f] !border-[#353f4f]
    }
    .black-scroll .btn--tra-white, 
.black-scroll .btn--tra-black {
        @apply !text-[#353f4f] !bg-white !border-white
    }
    .white-scroll .btn--tra-grey, 
.black-scroll .btn--tra-grey {
        @apply !text-[#353f4f] !bg-[#eee] !border-[#eee]
    }
    
    /* Navbar Buttons Hover */
    .white-scroll .hover--blue:hover, 
.black-scroll .hover--blue:hover {
        @apply !text-white !bg-[#007aff] !border-[#007aff]
    }
    .white-scroll .hover--tra-blue:hover, .black-scroll .hover--tra-blue:hover 
{
        @apply !text-[#007aff] !bg-transparent !border-[#007aff]
    }
    .white-scroll .hover--violet:hover, .black-scroll .hover--violet:hover 
{
        @apply !text-white !bg-[#b55e98] !border-[#b55e98]
    }
    .white-scroll .hover--tra-violet:hover, .black-scroll .hover--tra-violet:hover 
{
        @apply !text-[#b55e98] !bg-transparent !border-[#b55e98]
    }
    .theme--dark .wsmenu > .wsmenu-list {
        @apply !bg-[#2c3142]
    }
    .theme--dark .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before {
        @apply !border-white
    }
    .theme--dark .navbar-dark .hover--tra-black:hover,
.theme--dark .navbar-dark .scroll .hover--tra-black:hover {
        @apply !text-white !bg-transparent !border-white
    }
    
    /*------------------------------------------*/  
    /*   HERO   
/*------------------------------------------*/
    .hero-section {
        @apply !mt-[80px]
    }
    .hero-section h2 {
        @apply !mb-[15px]
    }
    .hero-section h2.s-48, .hero-section h2.s-50 {
        @apply !mb-[25px]
    }
    .hero-section h2.s-62 {
        @apply !mb-[15px]
    }
    .hero-section p.p-sm {
        @apply !p-0
    }
    .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl {
        @apply !mb-[22px]
    }
    .hero-section p.s-20, .hero-section p.s-21, .hero-section p.s-22, .hero-section p.s-24 {
        @apply !mb-[24px]
    }
    .hero-section .btn.mt--10, .hero-section .btns-group.mt--10 {
        @apply !mt-[5px]
    }
    .hero-section .btn.mt--15, .hero-section .btns-group.mt--15 {
        @apply !mt-[8px]
    }

    /* HERO DIGITS */
    #hd-1-1, #hd-1-2 {
        @apply !w-6/12 !pr-0
    }
    .hero-digits-block {
        @apply !block
    }
    .hero-digits .block-txt {
        @apply !pl-0
    }
    .hero-digits .block-txt p.p-sm {
        @apply !mt-[10px]
    }
    /* HERO QUICK FORM */
    .hero-section .quick-form .form-control {
        @apply !text-center !mb-[15px]
    }
    .hero-section .quick-form .input-group-btn {
        @apply !block !w-full
    }
    .hero-section .quick-form .btn {
        @apply !block !w-full !ml-0
    }
    .hero-section .quick-form.form-half .btn {
        @apply !ml-0
    }
    /* HERO-1 */
    #hero-1 {
        @apply !text-center !py-20
    }
    .hero-1-txt p {
        @apply !pr-0
    }
    .hero-1-img {
        @apply !mt-[40px]
    }
    /* HERO-2 */
    #hero-2 {
        @apply !text-center !py-20
    }
    .hero-2-txt p {
        @apply !pr-0
    }
    .hero-2-img {
        @apply !mt-[40px] !pr-0
    }
    /* HERO-3 */
    #hero-3 {
        @apply !text-center !pt-[80px]
    }
    .hero-3-txt {
        @apply !mt-0
    }
    .hero-3-txt p {
        @apply !pr-0
    }
    .hero-3-img {
        @apply !mt-[40px] !mb-0 !mx-0
    }
    /* HERO-4 */
    #hero-4 {
        @apply !pt-[80px]
    }
    .hero-4-txt h2, .hero-4-txt p {
        @apply !p-0
    }
    /* HERO-5 */
    #hero-5 {
        @apply !text-center !pt-[80px] !pb-0
    }
    .hero-5-txt p.p-lg {
        @apply !pr-[0%]
    }
    .hero-5-img {
        @apply !mb-[-50px] !mt-[40px] !mx-0
    }
    /* HERO-6 */
    #hero-6 {
        @apply !text-center !pt-[70px]
    }
    .hero-6-wrapper {
        @apply !px-[60px] !py-[65px]
    }
    .hero-6-img {
        @apply !mt-[40px]
    }
    /* HERO-7 */
    #hero-7 {
        @apply !text-center !pt-[80px]
    }
    #hero-7 .quick-form {
        @apply mr-0
    }
    .hero-7-img {
        @apply !mt-[40px] !pl-0
    }
    /* HERO-8 */
    #hero-8 {
        @apply !text-center !mb-[10px] !pt-[80px] !pb-0
    }
    .hero-8-txt {
        @apply !mt-0
    }
    .hero-8-txt p {
        @apply !pr-0
    }
    #hero-8-form {
        @apply !mt-[40px]
    }
    /* HERO-9 */
    #hero-9 {
        @apply !pt-[80px]
    }
    .hero-9-txt h2 img {
        @apply !max-h-16 !top-[-5px] !mx-[3px] !my-0
    }
    .hero-9-txt p {
        @apply !mt-[28px] !p-0
    }
    /* HERO-10 */
    #hero-10 {
        @apply !text-center !pt-[80px] !pb-0 after:!absolute after:!content-[''] after:!z-[-1] after:!w-full after:!h-[7%] after:!bg-white after:!left-0 after:!bottom-0
    }
    .hero-10-txt h4 {
        @apply !mb-[30px] !pr-0
    }
    .hero-10-img {
        @apply !mt-[40px] !mb-0 !mx-0
    }
    /* HERO-11 */
    #hero-11 {
        @apply !text-center !pt-[80px]
    }
    .hero-11-txt {
        @apply !mt-0
    }
    .hero-11-txt p {
        @apply !pr-0
    }
    .hero-11-img {
        @apply !mb-[-100px] !mt-[40px] !mx-0
    }
    /* HERO-12 */
    #hero-12 {
        @apply !pt-[80px] !border-b-[none] after:!absolute after:!content-[''] after:!z-[-1] after:!w-full after:!h-[7%] after:!bg-white after:!left-0 after:!bottom-0
    }
    .hero-12-txt h2, .hero-12-txt p {
        @apply !p-0
    }
    .hero-12-img {
        @apply !mt-[40px] !mb-0
    }
    .hero-12-img .video-btn {
        @apply !top-[calc(50%_-_2px)]
    }
    
    /* HERO-13 */
    #hero-13 {
        @apply !text-center !py-20 after:!hidden
    }
    .hero-13-txt p {
        @apply !pr-0
    }
    .hero-13-img {
        @apply !mt-[40px]
    }
    
    /* HERO-14 */
    #hero-14 {
        @apply !pt-[80px]
    }
    .hero-14-txt h2.s-62 {
        @apply !mb-[18px]
    }
    
    /* HERO-15 */
    #hero-15 {
        @apply !text-center !pt-[80px]
    }
    .hero-15-txt {
        @apply !mt-0
    }
    .hero-15-txt h2, .hero-15-txt p {
        @apply !pr-0
    }
    .hero-15-img {
        @apply !mt-[40px]
    }
    /* HERO-16 */
    #hero-16 {
        @apply !mb-[50px] !pt-[80px]
    }
    .hero-16-img {
        @apply !mb-[-50px]
    }
    /* HERO-17 */
    #hero-17 {
        @apply !pt-[80px]
    }
    #hero-17 .quick-form {
        @apply !mx-0
    }
    #hero-17 #brands-1 {
        @apply !pt-[45px] !pb-0 !px-0
    }
    /* HERO-18 */
    #hero-18 {
        @apply !text-center !pt-[80px] !pb-[70px] after:!w-full after:!left-0
    }
    .hero-18-txt p {
        @apply !pr-0
    }
    #hero-18 .quick-form {
        @apply !mr-0
    }
    .hero-18-img {
        @apply !mt-[40px] !pr-0
    }
    /* HERO-19 */
    #hero-19 {
        @apply !pt-[80px]
    }
    .hero-19-txt p {
        @apply !p-0
    }
    /* HERO-20 */
    #hero-20 {
        @apply !text-center !pt-[80px] !pb-0 after:!w-full
    }
    .hero-20-txt {
        @apply !p-0
    }
    /* HERO-21 */
    #hero-21 {
        @apply !text-center !pt-[80px]
    }
    .hero-21-txt {
        @apply !mb-[40px]
    }
    #hero-21 .hero-overlay {
        @apply !pt-[65px] !pb-0 !px-[45px]
    }
    /* HERO-22 */
    #hero-22 {
        @apply !pt-[80px]
    }
    #hero-22 .hero-logo {
        @apply !mb-[20px]
    }
    /* HERO-23 */
    #hero-23 {
        @apply !mb-[25px] !pt-[80px]
    }
    .hero-23-txt p {
        @apply !p-0
    }
    .hero-23-img {
        @apply !mb-[-25px] !mt-[15px]
    }
    /* HERO-24 */
    #hero-24 {
        @apply !py-[100px]
    }
    /* HERO-25 */
    #hero-25 {
        @apply !text-center !py-20
    }
    .hero-25-txt h2 {
        @apply !mb-[14px]
    }
    .hero-25-txt p.p-lg {
        @apply !mb-[22px] !pr-0
    }
    /* HERO-26 */
    #hero-26 {
        @apply !text-center !pt-[80px]
    }
    .hero-26-txt {
        @apply !mt-0
    }
    .hero-26-txt h2 {
        @apply !pr-0
    }
    #hero-26 .quick-form {
        @apply !mr-0
    }
    .hero-26-img {
        @apply !mt-[40px] !mb-0 !mx-0
    }
    /* HERO-27 */
    #hero-27 .hero-overlay {
        @apply !pt-[80px]
    }
    .hero-27-txt h2 {
        @apply !mb-[24px]
    }
    .hero-27-txt p.s-20, .hero-27-txt p.s-21 {
        @apply !p-0
    }
    .hero-27-txt .btns-group.mt--15 {
        @apply !mt-0
    }
    /*------------------------------------------*/
    /*  CONTENT
/*------------------------------------------*/
    /* ABOUT */
    .about-2-title {
        @apply !mb-[30px]
    }
    .a-2-1 {
        @apply !hidden !ml-0 !mb-[30px]
    }
    .a-2-2 {
        @apply !ml-0 !mb-[30px]
    }
    .a-2-3 {
        @apply !mr-0 !mb-[30px]
    }
    .a-2-4 {
        @apply !hidden !mr-0
    }
    #a3-1 {
        @apply !mb-[25px]
    }
    #about-1 .txt-block h3.mb--30, .about-2-title h2.mb--30 {
        @apply !mb-[20px]
    }
    .txt-block h5.mb--20 {
        @apply !mb-[15px]
    }
    #about-4 .txt-block p {
        @apply !mt-[18px]
    }
    #a4-1 {
        @apply !hidden
    }
    #a4-2 {
        @apply !mt-[30px] !mb-0 !pl-0
    }
    
    /* FEATURES */
    .fbox-14-wrapper .col {
        @apply !px-3 !py-0
    }
    #features-12.py--100.shape--bg:after {
        @apply !w-full !h-[70%] !left-0 !top-[30%]
    }
    #features-12.pt--100.shape--bg:after {
        @apply !w-full !h-[66%] !left-0 !top-[30.25%]
    }
    #features-13.py--100.shape--bg:after {
        @apply !w-full !h-[70%] !top-[30%]
    }
    #features-13.pt--100.shape--bg:after {
        @apply !w-full !h-[66%] !top-[30.25%]
    }
    .fbox-12-wrapper {
        @apply !text-center !pl-0
    }
    .fbox-13-wrapper {
        @apply !text-center !pr-0
    }
    .fb-1, .fb-2, .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3, .rows-2 .fb-4, .rows-2 .fb-5, .row-cols-md-2 .fb-3, .fbox-5.fb-3, 
.fbox-5.fb-5, .rows-2 .fbox-7.fb-1, .rows-2 .fbox-7.fb-2, .rows-2 .fbox-7.fb-3, .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, 
.rows-2 .fbox-9.fb-3, .rows-3 .fbox-11.fb-5 {
        @apply !mb-[40px]
    }
    .rows-3 .fb-3.fbox-11-lst {
        @apply !mb-[40px]
    }
    .fbox-5.fb-2, .fbox-5.fb-4, .fbox-5.fb-6 {
        @apply !mb-0
    }
    .fbox-5.fb-1, .fbox-5.fb-5, .fbox-5.fb-6 {
        @apply !flex ![flex-flow:wrap]
    }
    .fbox-8.fb-1 {
        @apply !mb-0 !pt-0
    }
    .fbox-8.fb-2 {
        @apply !mb-0
    }
    .fbox-8.fb-3 {
        @apply !mb-0 !pb-0
    }
    .fbox-9, .fbox-10 {
        @apply !text-center
    }
    #fb-12-1, #fb-12-2, #fb-12-3, #fb-13-1, #fb-13-2, #fb-13-3 {
        @apply !mb-[40px]
    }
    #fb-12-1, #fb-13-1 {
        @apply !mt-[75px]
    }
    #features-12 .txt-block, #features-13 .txt-block {
        @apply !mb-[40px]
    }
    .fbox-14 {
        @apply !text-center
    }
    .fbox-14.fb-1, .fbox-14.fb-2 {
        @apply !mb-[35px]
    }
    .fbox-1 .fbox-img {
        @apply !mb-[30px]
    }
    .fbox-2 .fbox-img img {
        @apply !-mb-[20px]
    }
    .fbox-5-1 .fbox-5-img, .fbox-5-2 .fbox-5-img, .fbox-5-3 .fbox-5-img, 
.fbox-5-4 .fbox-5-img, .fbox-5-5 .fbox-5-img, .fbox-5-6 .fbox-5-img {
        @apply !mt-0 !mb-[40px] !mx-[5%]
    }
    .fbox-ico {
        @apply !mb-[15px]
    }
    .row-cols-md-2 .fbox-ico.ico-rounded, .fbox-ico.ico-rounded-md, 
.fbox-ico.ico-rounded-lg, .fbox-ico.ico-square {
        @apply !mb-[20px]
    }
    .fbox-11 {
        @apply !block !text-center
    }
    .fbox-11 .fbox-ico {
        @apply !mt-0
    }
    .fbox-ico-wrap, .rows-2 .fbox-ico-wrap  {
        @apply !mr-0
    }
    .fbox-title {
        @apply !inline-block !text-center !mt-0 !mb-[8px] !mx-auto
    }
    .fbox-wrapper .row-cols-lg-3 .fbox-title {
        @apply !mb-0
    }
    .fbox-title h6 {
        @apply !inline-block
    }
    .fbox-14 h5 {
        @apply !mb-[12px] !pr-0
    }
    
    /* CONTENT */
    .ct-11, .ct-12 {
        @apply !p-0
    }
    .ct-11 .txt-block {
        @apply !pr-0
    }
    .ct-12 .txt-block {
        @apply !pl-0
    }
    .ct-top {
        @apply !mb-[80px]
    }
    .ct-13 .row.mb--60 {
        @apply !mb-0
    }
    .ct-13 .txt-block, .ct-13 .img-block {
        @apply !mb-[40px]
    }
    .ct-13 .txt-block.ml--block, .ct-13 .img-block.ml--block {
        @apply !mb-0
    }
    .bc-6-txt {
        @apply !p-0
    }
    .ct-11:after, .ct-12:after {
        @apply !w-full !left-0 !top-0
    }
    .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 {
        @apply !mb-[15px]
    }
    .txt-block h5 {
        @apply !mb-[18px]
    }
    h5.h5-title {
        @apply !my-[18px]
    }
    .txt-block .btn, .txt-block .btns-group .btn.btn--transparent {
        @apply !mt-[10px]
    }
    /* Content Box Wrapper */
    .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay, 
.bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay {
        @apply !p-[70px_60px]
    }
    /* Text Block */
    .ct-06 {
        @apply !mt-[80px] !mb-0 !pt-0 !pb-20
    }
    .ct-10 .section-overlay {
        @apply !mb-[80px]
    }
    .ct-06 .txt-block, .ct-07 .txt-block, .bc-2-txt, .bc-2-wrapper .txt-block, .bc-3-txt {
        @apply !mt-0
    }
    #ib-box-1, #ib-box-2 {
        @apply !mb-[25px]
    }
    #cb-6-1, #cb-6-2, #cb-6-3 {
        @apply !mb-[30px]
    }
    .bc-1-wrapper .txt-block.pr-25.left-column, .bc-2-wrapper .txt-block.pr-25.left-column {
        @apply !pr-0
    }
    .bc-1-wrapper .txt-block.pl-25.right-column, .bc-2-wrapper .txt-block.pl-25.right-column {
        @apply !pl-0
    }
    .bc-6-top {
        @apply !mb-[40px]
    }
    /* Tabs */
    .tabs-1 {
        @apply !mt-0 !mb-[40px] !mx-auto
    }
    .tabs-1 li {
        @apply !block !text-[1.135rem] !mt-0 !mb-[10px] !mx-5
    }
    .tabs-1 li.current {
        @apply !mt-0 !mb-[20px] !mx-5
    }
    #tabs-1 .tab-content .img-block {
        @apply !mb-[40px]
    }
    /* Advantages */
    .text--center .advantages {
        @apply !mt-[16px]
    }
    /* Quote */
    .quote-avatar img {
        @apply !w-[54px] !h-[54px]
    }
    .quote p {
        @apply !mt-[15px] !pl-[14px]
    }
    .quote-author {
        @apply !pl-[10px] !pr-0 !py-0
    }
    .quote.pr-15, .quote.pr-40, .quote.pr-50, .quote.pr-60 {
        @apply !pr-0
    }
    /* Content Images */
    .img-block.img-block-bkg {
        @apply !mx-0
    }
    .img-block-hidden, .ct-10 .img-block, .bc-5-img.bc-5-dashboard.img-block-hidden {
        @apply !-mb-[80px]
    }
    .ct-01 .img-block {
        @apply !ml-0 !mb-[40px]
    }
    .ct-02 .img-block {
        @apply !mr-0 !mb-[40px]
    }
    .ct-03 .img-block, .ct-05 .img-block, .ct-07 .img-block {
        @apply !mb-[40px]
    }
    .ct-03 .img-block.right-column {
        @apply !ml-0
    }
    .ct-03 .img-block.left-column {
        @apply !mr-0
    }
    .ct-04 .img-block {
        @apply !ml-0 !mb-[40px]
    }
    .ct-04 .img-block img {
        @apply !max-w-full
    }
    .ct-06 .img-block {
        @apply !-mt-[80px] !mb-[40px]
    }
    .bc-1-wrapper .img-block.left-column, .bc-2-wrapper .img-block.left-column {
        @apply !pr-0
    }
    .bc-1-wrapper .img-block.right-column, .bc-2-wrapper .img-block.right-column {
        @apply !pl-0
    }
    .bc-1-wrapper .img-block, .bc-2-wrapper .img-block {
        @apply !mb-[40px]
    }
    .bc-2-img, .bc-3-img, .bc-4-img {
        @apply !mt-0 !mb-[40px] !mx-0
    }
    .bc-5-img.bc-5-tablet.img-block-hidden {
        @apply !mb-[-100px]
    }
    .bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
        @apply !top-[calc(50%_-_30px)]
    }
    .ct-11 .img-block {
        @apply !mb-[40px] !pl-0
    }
    .ct-12 .img-block {
        @apply !mb-[40px] !pr-0
    }
    .ct-11 .img-block, .ct-12 .img-block {
        @apply !overflow-hidden !mb-[40px] !px-[15%] !py-[50px] !rounded-xl
    }
    .ct-11 .img-block .tra-bkg, .ct-12 .img-block .tra-bkg {
        @apply !opacity-[100]
    }
    /* STATISTIC */
    #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 {
        @apply !w-2/5 !pr-0
    }
    #sb-1-1, #sb-1-2, #sb-3-1, #sb-3-2 {
        @apply !mb-[40px]
    }
    #sb-4-1, #sb-4-2 {
        @apply !mb-[30px]
    }
    #sb-5-1, #sb-5-2 {
        @apply !mb-[40px]
    }
    #statistic-5 {
        @apply !text-center
    }
    #statistic-1 .statistic-block {
        @apply !block !text-center
    }
    .statistic-1-wrapper .statistic-block-digit {
        @apply !w-full !float-none !mb-[15px]
    }
    .statistic-1-wrapper .statistic-block-txt {
        @apply !w-full !inline-block !pl-0
    }
    #statistic-5 .statistic-digit {
        @apply !mt-0 !mb-[20px] !mx-0 !pb-[20px]
    }
    #sb-2-3 .statistic-block, #sb-2-4 .statistic-block {
        @apply !block
    }
    #sb-2-3 .statistic-block-txt, #sb-2-4 .statistic-block-txt {
        @apply !pl-0
    }
    #statistic-2 .statistic-block-digit {
        @apply !block
    }
    #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number {
        @apply !mb-[10px]
    }
    #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm {
        @apply !mt-[10px]
    }
    .statistic-3-wrapper p {
        @apply !mt-[12px]
    }
    .statistic-4-wrapper p {
        @apply !mb-[12px]
    }
    #statistic-5 .statistic-txt p {
        @apply !pr-0
    }
    .txt-block-stat .statistic-block .txt-block-rating {
        @apply !-mt-[2px] !-mb-px
    }
    /* PROJECTS */
    .projects-wrapper {
        @apply !p-0
    }
    #pt--1-1, #pt--1-2, #pt--1-3, .inner-page-hero #pt--1-3, .inner-page-hero #pt--1-4, .inner-page-hero #pt--1-5 {
        @apply !mb-[40px]
    }
    .project-details h5 {
        @apply !mb-[25px]
    }
    .more-projects {
        @apply !mt-[40px]
    }
    /* RATING */
    .rating-section .rating-1-wrapper, .rating-section .rating-2-wrapper {
        @apply !p-0
    }
    .inner-page-hero .rating-1-wrapper.mt--50 {
        @apply !mt-[40px]
    }
    #rb-1-1, #rb-1-2, #rb-2-1, #rb-2-2 {
        @apply !mb-[30px]
    }
    .rbox-2-txt img {
        @apply !max-h-6 !left-[6px] !-top-px
    }
    p.rbox-2-txt {
        @apply !leading-6 !mt-[8px]
    }
    /* TESTIMONIALS */
    .reviews-2-wrapper, .reviews-3-wrapper {
        @apply !p-0
    }
    .reviews-4-wrapper, .reviews-5-wrapper {
        @apply !pl-0
    }
    #reviews-4 .txt-block, #reviews-5 .txt-block {
        @apply !mb-[40px]
    }
    #rw-2-1, #rw-2-2, #rw-2-3, #rw-3-1, #rw-3-2 {
        @apply !mb-[30px]
    }
    #rw-3-2, #rw-3-3 {
        @apply !ml-0
    }
    .inner-page-hero #rw-2-3, .inner-page-hero #rw-2-4, .inner-page-hero #rw-2-5 {
        @apply !mb-[30px]
    }
    /* INTEGRATIONS */
    .integrations-2-wrapper {
        @apply !pt-[60px] !pb-[70px] !px-10
    }
    .it-1, .it-2, .it-3, .it-4, .it-5 {
        @apply block !mb-[30px]
    }
    .in_tool_logo {
        @apply !inline-block !mb-[25px] !p-[30px]
    }
    .in_tool_logo.ico-65 img {
        @apply !w-[52px] !h-[52px]
    }
    .in_tool h6 {
        @apply !text-[1rem]
    }
    .integrations-1-wrapper .it-7, .integrations-1-wrapper .it-8 {
        @apply !mb-[30px]
    }
    /* PRESS */
    #press-05, #press-06, #press-07 {
        @apply !mb-[40px]
    }
    /* PRICING */
    #pt-4-1, #pt-4-2 {
        @apply !mt-0 !mb-[40px] !mx-0
    }
    .pricing-table-header h5, .pricing-table-header h4 {
        @apply !mb-[15px]
    }
    .pricing-3-table .pricing-table-header h4 {
        @apply !mb-[10px]
    }
    .price p {
        @apply !mt-[14px] !mb-[18px]
    }
    .pricing-features.mt--25 {
        @apply !mt-[20px]
    }
    /* Pricing Notice */
    .pricing-notice {
        @apply !mt-0
    }
    .pricing-notice .btn.mt--25 {
        @apply !mt-[20px]
    }
    /* Pricing Toggle Button */
    .pricing-section .toggle-btn.mt--30 {
        @apply !mt-[20px]
    }
    .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt {
        @apply !text-[1rem] !leading-[32px]
    }
    .switch-wrap {
        @apply !min-w-[50px] !h-[30px]
    }
    .toggle-btn-md .switch-wrap, .toggle-btn-lg .switch-wrap {
        @apply !min-w-[55px] !h-[32px] !mx-[6px] !my-0
    }
    .switcher {
        @apply !text-[0.85rem] !h-[30px] before:w-[22px] before:h-[22px] before:left-1 before:bottom-1
    }
    .toggle-btn-md .switcher, .toggle-btn-lg .switcher {
        @apply !h-[32px] !pl-[30px] !pr-[10px] !py-0 !rounded-[32px]
    }
    .switcher .show-annual, .switcher .show-monthly {
        @apply !leading-[30px]
    }
    .toggle-btn-md .switcher .show-annual, .toggle-btn-md .switcher .show-monthly,
.toggle-btn-lg .switcher .show-annual, .toggle-btn-lg .switcher .show-monthly {
        @apply !leading-[32px]
    }
    .toggle-btn-md .switcher:before, .toggle-btn-lg .switcher:before {
        @apply !w-[22px] !h-[22px] !left-[5px] !bottom-[5px]
    }
    .switcher.bg--grey:before, .switcher.bg--tra-white:before, .switcher.bg--ghost-white:before {
        @apply !left-1 !bottom-[3px]
    }
    .toggle-btn-md .switch-wrap input:checked + .switcher, 
.toggle-btn-lg .switch-wrap input:checked + .switcher {
        @apply !pl-[10px] !pr-[30px] !py-0
    }
    .comp-table-payment .payment-icons {
        @apply !mt-[18px]
    }
    /* TEAM */
    #tm-2-1, #tm-2-4, #tm-2-7, #tm-2-10 {
        @apply !mr-0
    }
    #tm-2-2, #tm-2-5, #tm-2-8, #tm-2-11 {
        @apply !mx-0
    }
    #tm-2-3, #tm-2-6, #tm-2-9, #tm-2-12 {
        @apply !ml-0
    }
    .team-section .more-btn.mt--20 {
        @apply !mt-[10px]
    }
    /* CAREER ROLE */
    #role-page .inner-page-title {
        @apply !mb-[40px]
    }
    .role-info hr {
        @apply !mx-0 !my-[30px]
    }
    #role-page .cbox-6-wrapper {
        @apply !mx-0 !my-[30px]
    }
    .role-info h5 {
        @apply !mb-[15px]
    }
    /* BANNER */
    #banner-8, #banner-9, #banner-10 {
        @apply !text-center
    }
    #banner-11, #banner-12, #banner-13 {
        @apply !text-center !mt-0
    }
    .banner-11-txt p {
        @apply !pr-0
    }
    .banner-8-buttons.text-end {
        @apply !text-center
    }
    .banner-11-img {
        @apply !ml-0 !mt-[40px]
    }
    .banner-12-img {
        @apply !mt-[40px] !mb-0 !mx-0
    }
    .banner-13-img {
        @apply !hidden
    }
    /* DOWNLOAD */
    #download-1 {
        @apply !pb-[30px]
    }
    .version-release {
        @apply !mb-[40px]
    }
    .release-data h5 {
        @apply !mb-[30px]
    }
    .release-data {
        @apply !mb-[25px] !pb-[30px]
    }
    .release-download {
        @apply !relative !mt-[20px] !right-0 !bottom-0
    }
    /*FAQS */
    .faqs-3-questions .questions-holder {
        @apply !p-0
    }
    /* NEWSLETTER */
    #newsletter-1 .newsletter-overlay, #newsletter-2 .newsletter-overlay {
        @apply !text-center
    }
    #newsletter-3 {
        @apply !text-center !my-0 !py-[70px]
    }
    .newsletter-img.text-end {
        @apply !hidden
    }
    #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form {
        @apply !mt-0 !pl-0
    }
    .newsletter-section .form-control {
        @apply !text-center !mr-0 !mb-[15px]
    }
    .newsletter-section .input-group-btn {
        @apply !block !w-full
    }
    .newsletter-section .btn {
        @apply !block !w-full !m-0
    }

    /* BLOG */
    #bp-1-1, #bp-1-2 {
        @apply !mb-[40px]
    }
    .blog-post-img.mb--35 {
        @apply !mb-[30px]
    }
    /* Blog Listing */
    #blog-page.pb--60 {
        @apply !pb-[30px]
    }
    .wide-post {
        @apply !mb-[40px]
    }
    .wide-post .blog-post-img {
        @apply !mb-[30px] !pr-0
    }
    .wide-post .blog-post-txt {
        @apply !pl-0
    }
    .square-post {
        @apply !mt-[10px] !mb-[50px]
    }
    .square-post .blog-post-txt {
        @apply !pt-[45px] !pb-[35px] !px-[35px]
    }
    .posts-category {
        @apply !mt-[10px] !mb-[40px]
    }
    /* Single Blog Post */
    .post-inner-img {
        @apply !my-10
    }
    .single-post-txt h5, .single-post-txt h4 {
        @apply !my-[18px]
    }
    .txt-code {
        @apply !mx-0 !my-[20px] !px-[15px] !py-[18px]
    }
    .single-post-txt figure {
        @apply !mb-[20px]
    }
    .comment-body {
        @apply !ml-5
    }
    .comment-form .form-control {
        @apply !h-[52px]
    }
    .comment-form textarea {
        @apply !min-h-[190px]
    }
    /* CONTACTS */
    .contact-form textarea {
        @apply !min-h-[190px]
    }
    .contact-form .form-btn.mt--15 {
        @apply !mt-0
    }
    /* FOOTER */
    #footer-1 .footer-info .footer-mail-link {
        @apply !mt-[15px]
    }
    #footer-2 .footer-links .footer-mail-link, #footer-3 .footer-links .footer-mail-link {
        @apply !mb-[15px]
    }
    #footer-11 {
        @apply !text-center
    }
    #footer-9 .footer-info.text-end {
        @apply !text-left
    }
    #footer-2 .footer-links, #footer-7 .footer-form {
        @apply !pl-0
    }
    #footer-8 .footer-links.text-end, .footer-stores-badge.text-end, .bottom-footer .bottom-footer-socials.text-end, 
.bottom-footer .bottom-secondary-link.text-end, .bottom-footer .bottom-footer-list.text-end {
        @apply !text-left
    }
    #footer-11 .bottom-footer-list.text-end {
        @apply !text-center
    }
    /* INNER PAGE WRAPPER */
    .inner-page-hero, .page-hero-section-overlay {
        @apply !mt-[80px] !mb-[40px] !pt-[80px]
    }
    .page-hero-section-overlay .txt-block {
        @apply !mt-0 !mb-[40px]
    }
    .inner-page-title {
        @apply !mb-[60px]
    }
    .inner-page-title p {
        @apply !leading-[1.6666] !mt-[15px] !mb-0
    }
    .page-hero-section-overlay .img-block {
        @apply !mb-[-50px]
    }

    .txt-block.legal-info h4 {
        @apply !mt-[40px] !mb-[20px]
    }
    .txt-block.legal-info h4 span {
        @apply !mr-[2px]
    }
    /* SIGN IN / SIGN UP */
    #login, #signup, #reset-password {
        @apply !py-[70px]
    }
      #login .register-page-wrapper, #signup .register-page-wrapper {
        @apply bg-white !bg-none
    }
    #login .register-page-wrapper:after, #signup .register-page-wrapper:after {
        @apply !w-full !left-0
    }
    .theme--dark #login .register-page-wrapper,
    .theme--dark #signup .register-page-wrapper {
      @apply !bg-[#1d212c];
    }
    .register-form-title {
        @apply !mb-[30px]
    }
    #login .register-page-txt, #signup .register-page-txt {
        @apply !hidden
    }
    /* PAGE 404 */
    .page-404-txt {
        @apply !mt-[80px] !py-[70px]
    }
}

@media (min-width: 390px) and (max-width: 413.98px) {
  
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    @apply !m-0 !max-w-full
  }
    #stlChanger {
        @apply !hidden
    }
    .division {
        @apply !px-[3px]
    }
    .bg--fixed {
        @apply !w-auto
    }
    .bg--scroll {
        @apply !w-auto !bg-scroll
    }
    /* Backgroud Shape */
    .shape--01:after {
        @apply !h-[90%] !top-[6.5%]
    }
    .shape--02:after {
        @apply !w-[140%] !h-[90%] !left-[-20%] !top-[6.5%]
    }
    .shape--03:after {
        @apply !w-[140%] !h-[129%] !top-[-70px] !left-[-20%]
    }
    .shape--04:after {
        @apply !h-[94%] !top-0
    }
    .shape--06:after {
        @apply !h-[92%]
    }
    .shape--07:after {
        @apply !h-4/5 !top-[15%]
    }
    ol.digit-list p {
        @apply !mb-[5px]
    }
    .font--jakarta h1, .font--jakarta h2 {
        @apply !leading-[1.35]
    }
    .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 {
        @apply !leading-[1.4]
    }
    /* Font Size */
    .s-15, .s-16 {
        @apply !text-[1.0625rem]
    }
    /* 17px */
    .s-17 {
        @apply !text-[18px]
    }
    /* 18px */
    .s-18, .s-19, .s-20, .s-21, .s-22, .s-23 {
        @apply !text-[1.3125rem]
    }
    
    /* 21px */
    .s-24, .s-26, .s-28 {
        @apply !text-[1.4375rem]
    }
    
    /* 23px */
    .s-30, .s-32, .s-34 {
        @apply !text-[1.5625rem]
    }
    
    /* 25px */
    .s-36, .s-38, .s-40 {
        @apply !text-[1.6875rem]
    }
    
    /* 27px */
    .s-42, .s-43, .s-44, .s-45, .s-46, .s-47 {
        @apply !text-[1.8125rem]
    }
    
    /* 29px */
    .s-48 {
        @apply !text-[1.9375rem]
    }
    
    /* 31px */
    .s-50, .s-52, .s-54, .s-56, .s-58, .s-60 {
        @apply !text-[2rem]
    }
    
    /* 32px */
    .s-62 {
        @apply !text-[2.0625rem]
    }
    
    /* 33px */
    .s-64, .s-66 {
        @apply !text-[2.125rem]
    }
    
    /* 34px */
    .s-68 {
        @apply !text-[36px]
    }
    /* Paragraphs */
    p.p-sm {
        @apply !text-[1rem]
    }
    p {
        @apply !text-[1.0625rem]
    }
    p.p-md, p.p-lg {
        @apply !text-[18px]
    }
    
    /* Transparent Link */
    a.tra-link {
        @apply !text-[18px] !text-[1.0625rem]
    }
    .tra-link.ico-20 [class*="flaticon-"]:before, 
.tra-link.ico-20 [class*="flaticon-"]:after {
        @apply !text-[0.785rem] !leading-[0.7rem] !left-[2px] !top-px !text-[0.785rem] !leading-[0.7rem] !left-[2px] !top-[2px]
    }
    /* Button */
    .btn {
        @apply !text-[1.0625rem]
    }
    .btn.btn-sm {
        @apply !text-[1rem] !px-6 !py-[0.7rem]
    }
    .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right {
        @apply !pt-[0.61915rem] !pb-0 !px-2
    }
    
    /* Buttons Group */
    .btns-group .btn:first-child {
        @apply !mb-[15px] !mx-2
    }
    .btns-group .btn:last-child {
        @apply !mx-2
    }
    
    /* Button Icon */
    .btn.ico-20 [class*="flaticon-"]:before, 
.btn.ico-20 [class*="flaticon-"]:after {
        @apply !text-[1.225rem] !leading-[0.45rem] !top-1
    }
    .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after {
        @apply !text-[2.05rem]
    }
    .btn.ico-30.ico-left span.ico-30-txt {
        @apply !text-[1.15rem] !mr-0 !-top-[10px]
    }
    .btn.ico-30.ico-right span.ico-30-txt {
        @apply !text-[1.15rem] !ml-0 !-top-[10px]
    }
    .btn.ico-left span {
        @apply !mr-[3px]
    }
    .btn.ico-right span {
        @apply !ml-[3px]
    }
    
    /* Button Text */
    p.btn-txt, .text--center p.btns-group-txt {
        @apply !mt-[18px] !mb-0
    }
    .btn-rating {
        @apply !mt-[15px] !mb-0 !mx-0
    }
    .btn-rating p.p-sm {
        @apply !text-[0.9375rem]
    }
    
    /* OS Button */
    .os-btn {
        @apply !w-[280px] !min-w-[280px] !pt-[14px] !pb-[10px] !px-[15px]
    }
    .os-btn-ico {
        @apply !mr-[14px]
    }
    .os-btn-txt p {
        @apply !mt-1
    }
    .btn-os.mb--15 {
        @apply !mb-[15px]
    }
    .btn-os.mr--15 {
        @apply !mr-0 !mb-[15px]
    }
    
    /* Store Badge */
    .store {
        @apply !mr-[6px]
    }
    .store.store-btn-2 {
        @apply !mr-0
    }
    .store-btn-3, .store-btn-4 {
        @apply !mt-[15px]
    }
    
    /* Watch Video Link */
    .watch-video {
        @apply !mt-[20px]
    }
    .watch-video-link {
        @apply !mr-[10px]
    }
    p.video-txt-lg {
        @apply !text-[18px]
    }
    p.video-txt-sm {
        @apply !text-[1.0625rem]
    }
    
    /* Vector Icon Background */
    .ico-50 .shape-ico svg {
        @apply !w-[120px] !h-[120px] !top-[-35px] !left-[calc(50%_-_60px)]
    }
    .fbox-11 .ico-50 .shape-ico svg {
        @apply !top-[-35px] !left-[calc(50%_-_65px)]
    }
    .ico-55 .shape-ico svg {
        @apply !w-[125px] !h-[125px] !top-[-30px] !left-[calc(50%_-_65px)]
    }
    .ico-60 .shape-ico svg {
        @apply !w-[130px] !h-[130px] !top-[-35px] !left-[calc(50%_-_60px)]
    }
    
    /* Vector Rounded Icons */
    .ico-rounded, .ico-rounded-md, .ico-rounded-lg {
        @apply !w-[94px] !h-[94px]
    }
    .ico-rounded [class*="flaticon-"]:before, 
.ico-rounded [class*="flaticon-"]:after,
.ico-rounded-md [class*="flaticon-"]:before, 
.ico-rounded-md [class*="flaticon-"]:after,
.ico-rounded-lg [class*="flaticon-"]:before, 
.ico-rounded-lg [class*="flaticon-"]:after {
        @apply !text-[3rem] !leading-[94px]
    }
    
    /* Vector Square Icons */
    .ico-square {
        @apply !w-[88px] !h-[88px]
    }
    .ico-square [class*="flaticon-"]:before, 
.ico-square [class*="flaticon-"]:after {
        @apply !text-[2.85rem] !leading-[88px]
    }
    
    /* Section ID */
    .section-id.rounded-id {
        @apply !text-[0.8rem] !mb-[30px] !px-[22px] !py-2
    }
    
    /* Section Title */
    .section-title.mb--60 {
        @apply !mb-[35px]
    }
    .section-title.mb--70, .section-title.mb--80 {
        @apply !mb-[40px]
    }
    .section-title h2 {
        @apply !px-[1%] !py-0
    }
    .section-title p.p-md, .section-title p.p-lg {
        @apply !mt-[14px] !p-0
    }
    .section-title p.p-xl {
        @apply !text-[18px] !mt-[14px]
    }
    .section-title p.s-20, .section-title p.s-21 {
        @apply !text-[1.1875rem] !mt-[12px] !px-[2%] !py-0
    }
    
    /* 19px */
    .section-title .btns-group.mt--35 {
        @apply !mt-[20px]
    }
    .section-title .btns-group .btn {
        @apply !mx-[10px] first:!mb-[15px]
    }
    
    /*------------------------------------------*/
    
    /*   NAVIGATION MENU    
/*------------------------------------------*/

    /* Header Logo */
    .wsmobileheader .smllogo {
        @apply !block !mt-[23px] !pl-4
    }
    .blog-header .wsmobileheader .smllogo {
        @apply !mt-[29px]
    }
    .smllogo img {
        @apply !w-auto !max-w-[inherit] !max-h-[34px]
    }
    .blog-header .smllogo img {
        @apply !max-h-7
    }
    .wsmenu > .wsmenu-list {
        @apply !w-[325px] mr-[-325px]
    }
    .wsactive .wsmobileheader {
        @apply !mr-[325px]
    }
    .overlapblackbg {
        @apply !w-[calc(100%_-_325px)]
    }
    .wsanimated-arrow {
        @apply !ml-0 !mr-4 !mt-[25px] !mb-0 !pl-0 !pr-[30px] !py-[14px]
    }
    
    /* Nav Link Info */
    span.sm-info {
        @apply !w-[22px] !h-[22px] !text-[0.8rem] !leading-[20px] !ml-2 !-top-px
    }
    .wsmenu > .wsmenu-list > li > a {
        @apply !m-0 !pl-[20px] !pr-[32px] !pt-[5px] !pb-1
    }
    .wsmenu > .wsmenu-list > li > .wsmenu-click > i {
        @apply !h-2 !w-2 !ml-0 !mr-[18px] !mt-[24px] !mb-0
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
        @apply !top-0
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
        @apply !px-[10px] !py-[6px]
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu,
.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
        @apply !px-[10px] !py-[6px]
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
        @apply !px-[10px] !py-3
    }
    
    /* Header Store Badges */
    .store.header-store img {
        @apply !max-h-[45px]
    }
    
    /* Header Social Links */
    .header-socials.ico-20 [class*="flaticon-"]:before, 
.header-socials.ico-25 [class*="flaticon-"]:after {
        @apply !leading-[52px]
    }
    .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title {
        @apply !mt-[12px]
    }
    .icons-menu-ico {
        @apply !mr-[18px]
    }
    .icons-menu-txt span {
        @apply !text-[1rem]
    }
    
    /*------------------------------------------*/
    
    /*   HERO   
/*------------------------------------------*/
    .hero-section.blur--purple:after {
        @apply !opacity-[0.18] !-top-1/4
    }
    .hero-section h2 {
        @apply !mb-[15px]
    }
    .hero-section h2.s-48, .hero-section h2.s-50 {
        @apply !mb-[20px]
    }
    .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl {
        @apply !mb-[25px]
    }
    .hero-section p.s-21 {
        @apply !text-[1.3125rem] !mb-[22px]
    }
    .hero-section .btn.mt--15, .hero-section .btns-group.mt--15 {
        @apply !mt-[8px]
    }
    
    /* Hero Advantages */
    .hero-section .text--center .advantages {
        @apply !mt-[18px]
    }
    .hero-section .advantages li {
        @apply !block !mt-1
    }
    .hero-section .advantages li p {
        @apply !block !float-none
    }
    .hero-section li.advantages-links-divider {
        @apply !hidden
    }
    
    /* HERO LOGO */
    .hero-logo {
        @apply !mb-[28px]
    }
    .hero-logo img {
        @apply !max-h-[32px]
    }
    .hero-square-logo {
        @apply !mb-[10px]
    }
    .hero-square-logo img {
        @apply !max-h-16
    }
    
    /* HERO APP LOGO */
    .hero-app-logo {
        @apply !mb-[25px]
    }
    .hero-app-logo img {
        @apply !max-h-[90px]
    }
    #hero-25 .hero-app-logo img {
        @apply !max-h-[90px]
    }
    
    /* HERO DIGITS */
    .hero-digits {
        @apply !mt-[-5px]
    }
    #hero-9 .hero-digits {
        @apply !mt-[3px]
    }
    .hero-digits h2.statistic-number {
        @apply !text-[2.25rem]
    }
    .hero-digits h2.statistic-number span {
        @apply !text-[2rem]
    }
    
    /* HERO QUICK FORM */
    .hero-section .quick-form.mt--45, .hero-section .quick-form.mt--35 {
        @apply !mt-0
    }
    .hero-section .quick-form .form-control, .hero-section .quick-form .btn {
        @apply !text-[1.175rem] !h-[58px]
    }
    .hero-section .quick-form.form-half .form-control {
        @apply !h-[58px] !text-[1.175rem] !px-[14px] !py-0
    }
    .hero-section .quick-form.form-half .btn {
        @apply !h-[58px] !text-[1.15rem]
    }
    .hero-section .text--center .quick-form-msg {
        @apply !mt-[20px] !mb-0 !mx-0
    }
    
    /* HERO REQUEST FORM */
    .request-form .form-control {
        @apply !h-14 !text-[1.0625rem] !px-[14px] !py-0
    }
    #hero-10-form .btn, #hero-22-form .btn {
        @apply !h-14 !text-[1.0625rem] !p-4
    }
    
    /* HERO-1 */
    .hero-1-txt {
        @apply !px-[3%] !py-0
    }
    .hero-1-img {
        @apply !mt-[35px]
    }
    
    /* HERO-2 */
    .hero-2-txt {
        @apply !px-[2%] !py-0
    }
    .hero-2-img {
        @apply !mt-[35px]
    }
    
    /* HERO-3 */
    .hero-3-txt {
        @apply !px-[2%] !py-0
    }
    #hero-3:after {
        @apply !h-[8%]
    }
    .hero-3-img {
        @apply !mt-[35px]
    }
    
    /* HERO-4 */
    #hero-4 {
        @apply !pt-[70px] after:!h-[7%]
    }
    .hero-4-txt h2 {
        @apply !px-[3%] !py-0
    }
    .font--inter .hero-4-txt h2 {
        @apply !px-[4%] !py-0
    }
    .hero-4-txt p {
        @apply !px-[5px] !py-0
    }
    .hero-4-img {
        @apply !mt-[35px]
    }
    
    /* HERO-5 */
    #hero-5 {
        @apply !mb-[50px]
    }
    .hero-5-txt h2 {
        @apply !mb-[15px]
    }
    .hero-5-txt p.p-lg {
        @apply !mb-[20px]
    }
    
    /* HERO-6 */
    #hero-6 {
        @apply !pt-0
    }
    #hero-6 .container {
        @apply !max-w-full
    }
    .hero-6-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !px-[20px] !py-[70px] !rounded-[0_0]
    }
    .hero-6-txt p {
        @apply !px-[3%] !py-0
    }
    .hero-6-img {
        @apply !mt-[35px] !mb-0 !mx-[1%]
    }
    
    /* HERO-7 */
    #hero-7 {
        @apply !py-20
    }
    .hero-7-txt h2 {
        @apply !px-[5%] !py-0
    }
    #hero-7 .quick-form {
        @apply !mx-[3%]
    }
    .hero-7-img {
        @apply !mt-[35px]
    }
    
    /* HERO-8 */
    .hero-8-txt {
        @apply !px-[4%] !py-0
    }
    .hero-8-txt .hero-logo {
        @apply !hidden
    }
    .hero-8-txt .hero-digits {
        @apply !p-0
    }
    #hero-8-form {
        @apply !mt-[40px] !mb-0 !mx-[2%] !px-[18px] !py-[30px] !rounded-[10px]
    }
    #hero-8-form h4 {
        @apply !mb-[15px]
    }
    #hero-8-form p {
        @apply !text-[1.0625rem] !mb-[16px]
    }
    #hero-8-form p.p-sm {
        @apply !text-[1rem] !p-0
    }
    
    /* HERO-9 */
    .hero-9-txt h2 {
        @apply !leading-[1.45] !px-[3%] !py-0
    }
    .hero-9-txt h2 img {
        @apply !max-h-[52px] !top-[-9px] !mx-[2px] !my-0
    }
    .hero-9-txt p.s-20 {
        @apply !text-[18px] !mt-[10px]
    }
    #hero-9 .quick-form {
        @apply !mx-[2%]
    }
    .hero-9-img {
        @apply !mt-[35px]
    }
    
    /* HERO-10 */
    #hero-10:after {
        @apply !h-[7%]
    }
    .hero-10-txt h2 {
        @apply !px-[2%] !py-0
    }
    .hero-10-txt h4 {
        @apply !mb-[25px] !px-[2%] !py-0
    }
    .hero-10-img {
        @apply !mt-[35px]
    }
    
    /* HERO-11 */
    .hero-11-txt p {
        @apply !px-[4%] !py-0
    }
    .hero-11-img {
        @apply !mb-[-50px] !mt-[30px] !mx-[3%]
    }
    
    /* HERO-12 */
    #hero-12:after {
        @apply !h-[7%]
    }
    .hero-12-txt h2 {
        @apply !px-[5%] !py-0
    }
    .font--inter .hero-12-txt h2 {
        @apply !px-[4%] !py-0
    }
    .hero-12-txt p {
        @apply !px-[5px] !py-0
    }
    .hero-12-img {
        @apply !mt-[35px]
    }
    
    /* HERO-13 */
    .hero-13-txt {
        @apply !px-[3%] !py-0
    }
    .hero-13-img {
        @apply !mt-[40px] !mb-0 !mx-[2%]
    }
    
    /* HERO-14 */
    #hero-14 {
        @apply !mb-[20px]
    }
    .hero-14-txt h2.s-62 {
        @apply !text-[2rem] !mb-[15px] !px-[3%] !py-0
    }
    .hero-14-txt p.s-21 {
        @apply !mb-[25px] !p-0
    }
    #hero-14 .quick-form {
        @apply !mx-[4%]
    }
    .hero-14-img {
        @apply !mt-[35px] !-mb-[20px]
    }
    .hero-14-txt .btn-txt {
        @apply !mt-[25px]
    }
    
    /* HERO-15 */
    .hero-15-txt {
        @apply !px-[3%] !py-0
    }
    .hero-15-img {
        @apply !mx-[2%] !my-0 !mt-[35px] !mb-0 !mx-[2%]
    }
    
    /* HERO-16 */
    #hero-16 {
        @apply !mb-[35px] !pt-[70px]
    }
    .hero-16-txt h2 {
        @apply !px-[5%] !py-0
    }
    .hero-16-img {
        @apply !mb-[-35px] !mt-[35px] !mx-0
    }
    
    /* HERO-17 */
    .hero-17-txt p {
        @apply !px-[2%] !py-0
    }
    #hero-17 .quick-form {
        @apply !mx-[2%]
    }
    #hero-17 #brands-1 {
        @apply !pt-10
    }
    
    /* HERO-18 */
    .hero-18-txt {
        @apply !px-[2%] !py-0
    }
    .hero-18-img {
        @apply !mt-[35px]
    }
    
    /* HERO-19 */
    .hero-19-txt h2 {
        @apply !px-[4%] !py-0
    }
    .hero-19-txt p {
        @apply !px-[1%] !py-0
    }
    
    /* HERO-20 */
    .hero-20-txt {
        @apply !px-[4%] !py-0
    }
    .hero-20-txt .hero-logo {
        @apply !hidden
    }
    .hero-section .hero-20-txt h2.s-48 {
        @apply !mb-[20px]
    }
    
    /* HERO-21 */
    #hero-21 {
        @apply !mb-[40px]
    }
    #hero-21 .container {
        @apply !max-w-full
    }
    .hero-21-txt {
        @apply !mb-[50px]
    }
    .hero-21-txt h2 {
        @apply !mb-[20px]
    }
    .hero-21-wrapper {
        @apply !overflow-visible !mr-[-15px] !ml-[-15px] !my-0 !rounded-[0_0]
    }
    #hero-21 .hero-overlay {
        @apply !relative !pt-[60px] !pb-0 !px-[25px]
    }
    .hero-21-img {
        @apply !-mb-[40px]
    }
    .hero-21-img .video-btn {
        @apply !top-[calc(50%_-_2px)]
    }
    
    /* HERO-22 */
    #hero-22-form {
        @apply !text-center !mx-[1%] !my-0 !pt-[35px] !pb-[25px] !px-[20px]
    }
    #hero-22 .hero-logo {
        @apply !hidden
    }
    #hero-22-form h4 {
        @apply !text-[1.6875rem] !mb-[15px] !p-0
    }
    #hero-22-form p {
        @apply !text-[18px] !mb-[16px] !px-[5%] !py-0
    }
    
    /* HERO-23 */
    .hero-23-txt {
        @apply !px-[2%] !py-0
    }
    .hero-23-img {
        @apply !mt-[12px]
    }
    
    /* HERO-24 */
    #hero-24 {
        @apply !py-20
    }
    .hero-24-txt p.p-xl {
        @apply !px-[2%] !py-0
    }
    #hero-24 .quick-form {
        @apply !mx-[2%]
    }
    
    /* HERO-25 */
    .hero-25-img {
        @apply !mt-[35px] !mb-0 !mx-[2%]
    }
    .hero-25-txt p.p-lg {
        @apply !mb-[22px]
    }
    
    /* HERO-26 */
    .hero-26-txt {
        @apply !px-[5%] !py-0
    }
    .hero-26-img {
        @apply !mt-[35px]
    }
    
    /* HERO-27 */
    .hero-27-txt h2 {
        @apply !text-[1.9rem] !mb-[15px]
    }
    .hero-27-txt p.s-20, .hero-27-txt p.s-21 {
        @apply !text-[1.15rem]
    }
    .hero-27-txt .btns-group.mt--15 {
        @apply !mt-0
    }
    
    /*------------------------------------------*/
    
    /*  CONTENT
/*------------------------------------------*/

    /* ABOUT */
    .about-2-title {
        @apply !mb-[30px]
    }
    .a2-txt {
        @apply !pt-[15px] !pb-[30px] !px-[20px]
    }
    .a2-txt-quote {
        @apply !relative !-mb-[40px]
    }
    .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after {
        @apply !text-[4.25rem]
    }
    .a2-txt-author {
        @apply !mt-[10px] !text-[18px]
    }
    .a2-txt-author span {
        @apply !text-[0.975rem] !mt-px
    }
    #about-1 .txt-block h3.mb--30, .about-2-title h2.mb--30 {
        @apply !mb-[15px]
    }
    #about-4 .txt-block h2 {
        @apply !px-[6%] !py-0
    }
    #about-4 .txt-block p {
        @apply !mt-[15px]
    }
    #a4-2 {
        @apply !mt-[35px] !mb-0 !mx-[3%]
    }
    
    /* FEATURES */
    #features-14 .container {
        @apply !max-w-full
    }
    .fbox-14-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !px-[30px] !py-[70px] !rounded-[0_0]
    }
    #features-12.py--100.shape--bg:after, #features-13.py--100.shape--bg:after {
        @apply !h-[67%] !top-[33%]
    }
    #features-12.pt--100.shape--bg:after, #features-13.pt--100.shape--bg:after {
        @apply !h-[64%] !top-[32.6%]
    }
    .row-cols-md-3 .fbox-4, .row-cols-md-2 .fbox-4, .fbox-7, .fbox-9 {
        @apply !pt-10 !pb-[35px] !px-[25px]
    }
    .fbox-5 {
        @apply !pt-[45px] !pb-[40px] !px-[25px]
    }
    .row-cols-md-2 .fbox-7 {
        @apply !pt-10 !pb-[35px] !px-[35px]
    }
    .fbox-8.fb-1 {
        @apply !pt-0 !pb-[40px] !px-[25px]
    }
    .fbox-8.bg--white-100 {
        @apply !px-[25px] !py-[45px]
    }
    .fbox-8.fb-3 {
        @apply !pt-[45px] !pb-0 !px-[25px]
    }
    .fbox-12, .fbox-13 {
        @apply !px-[25px] !py-8
    }
    #fb-12-1, #fb-13-1 {
        @apply !mt-[60px]
    }
    .fbox-14 {
        @apply !px-[30px] !py-10
    }
    .fbox-14.fb-1, .fbox-14.fb-2 {
        @apply !mb-[30px]
    }
    .fbox-img.h--135 img, .fbox-img.h--140 img, .fbox-img.h--145 img, .fbox-img.h--150 img, .fbox-img.h--155 img, 
.fbox-img.h--160 img, .fbox-img.h--165 img, .fbox-img.h--170 img, .fbox-img.h--175 img, .fbox-img.h--180 img {
        @apply !max-h-[185px]
    }
    .fbox-2 .fbox-img.h--135 img, .fbox-2 .fbox-img.h--140 img, .fbox-2 .fbox-img.h--145 img, .fbox-2 .fbox-img.h--150 img, 
.fbox-2 .fbox-img.h--155 img, .fbox-2 .fbox-img.h--160 img, .fbox-2 .fbox-img.h--165 img, .fbox-2 .fbox-img.h--170 img, 
.fbox-2 .fbox-img.h--175 img, .fbox-2 .fbox-img.h--180 img {
        @apply !max-h-[180px]
    }
    .fbox-3 .fbox-img.h--135 img, .fbox-3 .fbox-img.h--140 img, .fbox-3 .fbox-img.h--145 img, .fbox-3 .fbox-img.h--150 img, 
.fbox-3 .fbox-img.h--155 img, .fbox-3 .fbox-img.h--160 img, .fbox-3 .fbox-img.h--165 img, .fbox-3 .fbox-img.h--170 img, 
.fbox-3 .fbox-img.h--175 img, .fbox-3 .fbox-img.h--180 img {
        @apply !max-h-[180px]
    }
    .fbox-4 .fbox-img.h--135 img, .fbox-4.fbox-img.h--140 img, .fbox-4 .fbox-img.h--145 img, .fbox-4 .fbox-img.h--150 img, 
.fbox-4 .fbox-img.h--155 img, .fbox-4 .fbox-img.h--160 img, .fbox-4 .fbox-img.h--165 img, .fbox-4 .fbox-img.h--170 img, 
.fbox-4 .fbox-img.h--175 img {
        @apply !max-h-[165px]
    }
    .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img {
        @apply !mb-[30px]
    }
    .fbox-2 .fbox-img.h--135, .fbox-2 .fbox-img.h--140, .fbox-2 .fbox-img.h--145, 
.fbox-2 .fbox-img.h--150, .fbox-2 .fbox-img.h--155, .fbox-2 .fbox-img.h--160, 
.fbox-2 .fbox-img.h--165, .fbox-2 .fbox-img.h--170, .fbox-2 .fbox-img.h--175, 
.fbox-2 .fbox-img.h--180 {
        @apply !mt-0 !mb-[50px] !mx-3 !pt-10
    }
    .fbox-3 .fbox-img.h--135, .fbox-3 .fbox-img.h--140, .fbox-3 .fbox-img.h--145, 
.fbox-3 .fbox-img.h--150, .fbox-3 .fbox-img.h--155, .fbox-3 .fbox-img.h--160, 
.fbox-3 .fbox-img.h--165, .fbox-3 .fbox-img.h--170, .fbox-3 .fbox-img.h--175, 
.fbox-3 .fbox-img.h--180 {
        @apply !mt-0 !mb-[30px] !mx-3 !pt-10
    }
    .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, 
.fbox-5.fb-4 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img {
        @apply !mt-0 !mb-[30px] !mx-[9%]
    }
    .fbox-ico, .fbox-ico.ico-rounded, .fbox-ico.ico-square {
        @apply !mb-[20px]
    }
    .fbox-wrapper .ico-50 [class*="flaticon-"]:before, 
.fbox-wrapper .ico-50 [class*="flaticon-"]:after,
.fbox-wrapper .ico-55 [class*="flaticon-"]:before, 
.fbox-wrapper .ico-55 [class*="flaticon-"]:after,
.fbox-wrapper .ico-60 [class*="flaticon-"]:before, 
.fbox-wrapper .ico-60 [class*="flaticon-"]:after,
.fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, 
.fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after{
        @apply !text-[3.65rem]
    }
    .fbox-10 .fbox-title {
        @apply !mx-auto !my-0
    }
    .fbox-10 .fbox-title span {
        @apply !float-none !leading-none !mr-0
    }
    .fbox-10 .fbox-title h6 {
        @apply !block !leading-none !my-[15px]
    }
    .features-section h6.s-18, .features-section h6.s-20, .features-section h6.s-22 {
        @apply !text-[1.4375rem]
    }
    
    /* 23px */
    .features-section h6, .fbox-txt h5, .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 {
        @apply !mb-[15px]
    }
    .fbox-14 h5 {
        @apply !mb-[12px] !px-[10%] !py-0
    }
    .row-cols-md-3 .fbox-1 p, .row-cols-md-3 .fbox-2 p, .row-cols-md-3 .fbox-3 p, .row-cols-md-3 .fbox-6 p, .row-cols-md-2 .fbox-1 p,
.row-cols-md-2 .fbox-2 p, .row-cols-md-2 .fbox-3 p, .row-cols-md-2 .fbox-6 p, .fbox-5 .fbox-txt p, .fbox-10 p {
        @apply !px-[8%] !py-0
    }
    .row-cols-md-3 .fbox-4 p, .row-cols-md-2 .fbox-4 p {
        @apply !px-[4%] !py-0
    }
    .fbox-5 .fbox-txt p, .rows-3 .fbox-11 p {
        @apply !px-[2%] !py-0
    }
    .row-cols-lg-3 .fbox-10 .fbox-txt p {
        @apply !p-0
    }
    
    /* CONTENT */
    .ct-10 .section-overlay {
        @apply !mb-[40px]
    }
    .ct-top {
        @apply !mb-[70px]
    }
    .ct-13 .txt-block, .ct-13 .img-block {
        @apply !mb-[35px]
    }
    .ct-13 .txt-block.ml--block, .ct-13 .img-block.ml--block {
        @apply !mb-0
    }
    
    /* Content Box Wrapper */
    .content-section.ws-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0
    }
    .bc-1-wrapper .section-overlay, .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay {
        @apply !px-[17px] !py-[70px]
    }
    .bc-4-wrapper .section-overlay {
        @apply !px-[20px] !py-[70px]
    }
    .bc-5-wrapper .section-overlay {
        @apply !pt-[70px] !pb-0 !px-[17px]
    }
    .cbox-6-wrapper {
        @apply !px-[17px] !py-[30px]
    }
    .bc-6-wrapper .section-overlay {
        @apply !px-[22px] !py-[70px]
    }
    .bc-6 {
        @apply !pt-5 !pb-[30px] !px-[15px]
    }
    .bc-1-wrapper, .bc-2-wrapper, .bc-3-wrapper, .bc-4-wrapper, .bc-5-wrapper, .bc-6-wrapper {
        @apply !rounded-[0_0]
    }
    .bc-5-wrapper .section-title p {
        @apply !px-[3%] !py-0
    }
    .txt-box {
        @apply !mb-[15px]
    }
    .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 {
        @apply !mb-[14px]
    }
    .cbox-2-txt h5, .cbox-3-txt h5, .bc-6-txt h5 {
        @apply !mb-[12px]
    }
    .txt-block p.p-sm, .txt-block p {
        @apply !mb-[14px]
    }
    .txt-block p.s-20, .txt-block p.s-21 {
        @apply !text-[1.1875rem]
    }
    .cbox-5-fea p, .txt-block p.video-txt-sm, .txt-block p.btn-txt, .txt-block p.btns-group-txt,
.txt-block p.compatibility {
        @apply !mb-0
    }
    .txt-block p.video-txt-lg {
        @apply !mb-[6px]
    }
    .txt-block .btn {
        @apply !mt-[18px]
    }
    .txt-block .btns-group .btn.btn--transparent {
        @apply !mt-0
    }
    .txt-block .stores-badge.mt--15, .ws-wrapper .stores-badge.mt--15 {
        @apply !mt-[8px]
    }
    .bc-6-link.mt--15 {
        @apply !mt-[12px]
    }
    .txt-block-tra-link.mt--25 {
        @apply !mt-[16px]
    }
    
    /* Content Box */
    .right-column .cbox-5 {
        @apply !mb-[40px]
    }
    .cbox-5-content {
        @apply !m-0 !p-[35px]
    }
    .cbox-5-content .divider {
        @apply !my-[22px]
    }
    .txt-block .cbox-5-title h2 {
        @apply !text-[2.65rem] !mb-[10px]
    }
    .cbox-5-title .statistic-number sup {
        @apply !text-[2.15rem] !top-[-5px] !right-[6px]
    }
    .cbox-5-fea {
        @apply !mt-[20px] !px-[20px] !py-[15px]
    }
    .txt-block .cbox-5-fea h4 {
        @apply !text-[1.625rem]
    }
    .cbox-5-txt .btn {
        @apply !mt-[14px]
    }
    #cb-6-1, #cb-6-2, #cb-6-3 {
        @apply !mb-[24px]
    }
    
    /* Content Box Icon */
    .cbox-1.ico-10 span {
        @apply !right-[6px]
    }
    .cbox-1.ico-15 span {
        @apply !right-[6px] !top-[0.5px]
    }
    .cbox-1.ico-15 [class*="flaticon-"]:before, .cbox-1.ico-15 [class*="flaticon-"]:after {
        @apply !text-[0.7rem]
    }
    .cbox-2 .ico-wrap {
        @apply !mr-4
    }
    .cbox-2-ico {
        @apply !w-[2.3rem] !h-[2.3rem] !text-[1.15rem] !leading-[2.05rem]
    }
    .ct-03 .cbox-2-ico {
        @apply !w-[1.6rem] !h-[1.6rem] !text-[1rem] !leading-[1.4rem]
    }
    .cbox-2-line {
        @apply !h-[calc(100%_-_74px)]
    }
    .cbox-3 {
        @apply !block !text-center
    }
    .cbox-3 .ico-wrap {
        @apply !mr-0
    }
    .cbox-3 .cbox-3-ico {
        @apply !mb-[10px] !top-0
    }
    .cbox-2-txt, .cbox-3-txt {
        @apply !mb-[25px]
    }
    .ct-03 .cbox-2-txt {
        @apply !mb-[20px]
    }
    .cbox-4 {
        @apply !text-center
    }
    .box-title h6, .box-title h5 {
        @apply !block !leading-none !mb-[15px]
    }
    .cbox-4-txt {
        @apply !mb-[30px]
    }
    .img-block-txt .box-title h6, 
.img-block-txt .box-title h5 {
        @apply !inline-block !leading-[2.35rem] !mb-[20px]
    }
    .box-title span {
        @apply !block relative !mr-0 !mb-[10px] !top-0
    }
    .img-block-txt .box-title span {
        @apply !inline-block !mr-[10px] !mb-0 !top-[10px]
    }
    .box-title span[class*="flaticon-"]:before, .box-title span[class*="flaticon-"]:after {
        @apply !text-[3.25rem]
    }
    .img-block-txt .box-title span[class*="flaticon-"]:before, 
.img-block-txt .box-title span[class*="flaticon-"]:after {
        @apply !text-[2.35rem]
    }
    
    /* Content Box Typography */
    .cbox-1-txt p {
        @apply !mb-[5px]
    }
    .cbox-6 h6 {
        @apply !mb-[12px]
    }
    
    /* Accordion */
    .txt-block .accordion-1 .accordion-item {
        @apply !px-[25px] !py-[18px]
    }
    .txt-block .accordion-2 .accordion-item {
        @apply !pt-[10px] !pb-[20px] !px-0
    }
    .txt-block .accordion-1 .accordion-item .accordion-thumb:before {
        @apply !text-[0.95rem] !top-0
    }
    .txt-block .accordion-2 .accordion-item .accordion-thumb:after,
.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
        @apply !text-[0.95rem] !top-2
    }
    .txt-block .accordion-1 .accordion-item.is-active {
        @apply !pt-[30px] !pb-[14px] !px-[25px]
    }
    .txt-block .accordion-2 .accordion-item.is-active {
        @apply !pt-[15px] !pb-[20px] !px-0
    }
    .txt-block .accordion-1 .accordion-panel {
        @apply !p-0
    }
    .txt-block .accordion-2 .accordion-thumb h5 {
        @apply !pl-3 !pr-0
    }
    .accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {
        @apply !text-[1.75rem] !top-[6px]
    }
    
    /* Tabs */
    .tabs-1 li {
        @apply !text-[18px]
    }
    
    /* Advantages */
    .advantages, .text--center .advantages {
        @apply !mt-[15px]
    }
    .img-block-btn .advantages li {
        @apply !block !mt-1
    }
    .img-block-btn .advantages li p {
        @apply !block !float-none
    }
    .img-block-btn li.advantages-links-divider {
        @apply !hidden
    }
    
    /* Compatibility */
    .compatibility {
        @apply !mt-[10px]
    }
    
    /* Tools List / Payments Icons */
    .tools-list p, .payment-methods p {
        @apply !mb-[12px]
    }
    .tools-list span {
        @apply !pr-px
    }
    .payment-icons img {
        @apply !max-h-[30px]
    }
    .tools-list.ico-35 [class*="flaticon-"]:before, 
.tools-list.ico-35 [class*="flaticon-"]:after {
        @apply !text-[2.125rem] !leading-[2.125rem] !mr-1
    }
    
    /* Content Box Shapes */
    .cbox-5-shape-1, .cbox-5-shape-2 {
        @apply !hidden
    }
    
    /* Content Images */
    .img-block.img-block-bkg img {
        @apply !px-[20px] !py-[35px]
    }
    .img-block-hidden, .bc-5-img.bc-5-dashboard.img-block-hidden {
        @apply !mb-[-30px]
    }
    .ct-10 .img-block {
        @apply !-mb-[40px]
    }
    .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block.right-column, .ct-03 .img-block.left-column {
        @apply !mt-0 !mb-[35px] !mx-[2%]
    }
    .ct-01 .img-block.j-img, .ct-02 .img-block.j-img {
        @apply !ml-[0%] !mr-0
    }
    .ct-06 .img-block, .ct-07 .img-block {
        @apply !-mt-[80px] !mb-[40px]
    }
    .bc-5-img.bc-5-tablet.img-block-hidden {
        @apply !mb-[-70px]
    }
    .bc-6-img {
        @apply !mb-[25px] !pt-[30px] !pb-0 !px-[15px]
    }
    .img-block-hidden .video-btn, .bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
        @apply !top-2/4
    }
    .bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
        @apply !top-[calc(50%_-_30px)]
    }
    .img-block-txt, .img-block-btn {
        @apply !mt-[40px]
    }
    .ct-11 .img-block, .ct-12 .img-block {
        @apply !mb-[40px] !px-[7%] !py-10
    }
    
    /* STATISTIC */
    .sb-rounded .statistic-block {
        @apply !text-center !p-[25px]
    }
    #statistic-5 .statistic-digit {
        @apply !mt-0 !mb-[18px] !mx-[12%] !pb-[18px]
    }
    #sb-1-1, #sb-1-2, #sb-3-1, #sb-3-2, #sb-3-3 {
        @apply !mb-[35px]
    }
    #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 {
        @apply !w-6/12
    }
    #sb-2-3, #sb-2-4 {
        @apply !pr-3
    }
    #sb-4-3 {
        @apply !mb-[30px]
    }
    #sb-5-1, #sb-5-2 {
        @apply !mb-[35px]
    }
    .statistic-1-wrapper .statistic-block-digit {
        @apply !mb-[12px]
    }
    h2.statistic-number {
        @apply !text-[36px] !leading-none tracking-[-0.5px]
    }
    .txt-block-stat h2.statistic-number {
        @apply !text-[2rem]
    }
    #statistic-1 h2.statistic-number {
        @apply !tracking-[-0.5px]
    }
    #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number {
        @apply !mb-[12px]
    }
    #statistic-5 .statistic-digit h2 {
        @apply !text-[36px] tracking-[-0.5px]
    }
    #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm {
        @apply !mt-[12px]
    }
    .txt-block-stat .statistic-block p {
        @apply !text-[0.95rem]
    }
    #statistic-5 .statistic-txt p {
        @apply !px-[8%] !py-0
    }
    
    /* PROJECTS */
    #pt--1-1, #pt--1-2, #pt--1-3, .inner-page-hero #pt--1-3, .inner-page-hero #pt--1-4, .inner-page-hero #pt--1-5 {
        @apply !mb-[40px]
    }
    .project-details h5 {
        @apply !mb-[25px]
    }
    .more-projects {
        @apply !mt-[45px]
    }
    
    /* PROJECT DETAILS */
    .single-project .project-title {
        @apply !mb-[40px]
    }
    .project-title h2 {
        @apply !mb-[25px] !pr-0 !pb-[25px]
    }
    .project-data p {
        @apply !mb-[5px]
    }
    .project-priview-img.mb--50 {
        @apply !mb-[35px]
    }
    .project-inner-img .top-img {
        @apply !mb-[30px]
    }
    .project-inner-img.mt--50 {
        @apply !mt-[35px]
    }
    .project-txt h5.mt--35.mb--35 {
        @apply !my-[20px]
    }
    .project-txt h5.mt--50.mb--35 {
        @apply !mt-[35px] !mb-[20px]
    }
    .project-description .more-projects {
        @apply !mt-[45px]
    }
    .project-description .more-projects span {
        @apply !left-1 !top-px
    }
    .project-description .more-projects.ico-25 [class*="flaticon-"]:before, 
.project-description .more-projects.ico-25 [class*="flaticon-"]:after {
        @apply !text-[18px]
    }
    
    /* RATING */
    #rb-2-1, #rb-2-2 {
        @apply !mb-[25px]
    }
    .rating-title h5 {
        @apply !text-[18px] !px-[15%] !py-0
    }
    .rbox-1-img {
        @apply !mb-[15px]
    }
    .rbox-1-img img {
        @apply !max-h-[31px]
    }
    .rbox-2-txt img {
        @apply !max-h-[31px]
    }
    p.rbox-2-txt {
        @apply !leading-[31px] !mt-[8px]
    }
    .rbox-1 .star-rating {
        @apply !px-4 !py-[5px] !text-[0.9rem] !leading-none
    }
    .rbox-1 .star-rating span {
        @apply !top-[2px]
    }
    .rbox-1 .ico-10 [class*="flaticon-"]:before, .rbox-1 .ico-10 [class*="flaticon-"]:after {
        @apply !text-[0.9rem]
    }
    .rbox-1 .ico-15 [class*="flaticon-"]:before, .rbox-1 .ico-15 [class*="flaticon-"]:after {
        @apply !text-[1rem]
    }
    .rbox-2 .ico-20 [class*="flaticon-"]:before, .rbox-2 .ico-20 [class*="flaticon-"]:after {
        @apply !text-[1.35rem]
    }
    .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after {
        @apply !text-[1.35rem]
    }
    
    /* TESTIMONIALS */
    #reviews-4 .txt-block, #reviews-5 .txt-block {
        @apply !text-center
    }
    #reviews-4 .txt-block h2, #reviews-5 .txt-block h2 {
        @apply !text-[1.90625rem] !px-[4%] !py-0
    }
    
    /* 30.5px */
    .review-1 {
        @apply !mt-0 !mb-[20px] !mx-[6px] !pt-[35px] !pb-[30px] !px-[20px]
    }
    .review-2, .review-3, .review-4, .review-5 {
        @apply !pt-[35px] !pb-[30px] !px-[20px]
    }
    .review-txt {
        @apply !-mt-[40px]
    }
    .review-txt h6 {
        @apply !mb-[10px]
    }
    .review-3 .review-txt p {
        @apply !text-[1.0625rem]
    }
    .review-1 .author-data, .review-2 .author-data, 
.review-3 .author-data, .review-4 .author-data, .review-5 .author-data {
        @apply !mt-[20px]
    }
    .review-avatar img, .owl-item .review-avatar img {
        @apply !w-[52px] !h-[52px]
    }
    .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img {
        @apply !w-[52px] !h-[52px]
    }
    .review-author {
        @apply !pl-3 !pr-0 !py-0
    }
    .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author {
        @apply !mt-[3px]
    }
    .review-author h6 {
        @apply !mb-[8px]
    }
    .review-1 .review-author h6, .review-2 .review-author h6, .review-3 .review-author h6, 
.review-4 .review-author h6, .review-5 .review-author h6 {
        @apply !text-[1.2rem]
    }
    
    /* PRESS */
    .press-logo img {
        @apply !max-h-[74px]
    }
    .press-txt {
        @apply !mt-[10px] !px-[1%] !py-0
    }
    
    /* BRANDS */
    #brands-3:after {
        @apply !h-3/4
    }
    .brands-title {
        @apply !px-[4%] !py-0
    }
    .brands-title.mb--35, .brands-title.mb--40 {
        @apply !mb-[25px]
    }
    .brands-title.mb--50 {
        @apply !mb-[30px]
    }
    .brands-title h4, .brands-title h3, .brands-title h2 {
        @apply !mb-[8px]
    }
    .brands-title p.p-md, .brands-title p.p-lg {
        @apply !text-[1.0625rem]
    }
    .brands-3-wrapper, .brands-3-wrapper.brands-3-static {
        @apply !px-[15px] !py-[25px]
    }
    #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-3-1, #brand-3-2, #brand-4-1, #brand-4-2, 
#brand-4-3, #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brands-4 .brand-logo.mb--40 {
        @apply !mb-[25px]
    }
    #brand-3-5 {
        @apply !hidden
    }
    #brands-1 .brands-carousel-6 .brand-logo, #brands-1 .brands-carousel-5 .brand-logo {
        @apply !px-[25px] !py-0
    }
    #brands-1 .justify-content-center .brand-logo, #brands-4 .brand-logo {
        @apply !px-[25px] !py-0
    }
    #brands-2 .brand-logo, #brands-3 .brand-logo, #brands-3 .brands-3-static .brand-logo {
        @apply !px-[17px] !py-0
    }
    .brands-section .more-btn {
        @apply !mt-[30px]
    }
    
    /* INTEGRATIONS */
    #integrations-2 .container {
        @apply !max-w-full
    }
    .integrations-2-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !px-[20px] !py-[70px] !rounded-[0_0]
    }
    .in_tool_logo.ico-65 img {
        @apply !w-[55px] !h-[55px]
    }
    .in_tool h6 {
        @apply !text-[18px]
    }
    #integrations-1 .in_tool-logo.ico-60 img {
        @apply !w-[52px] !h-[52px]
    }
    .integrations-1-wrapper .in_tool {
        @apply !px-[22px] !py-[18px]
    }
    .integrations-1-wrapper .in_tool.mb--30, .integrations-1-wrapper .it-7, .integrations-1-wrapper .it-8 {
        @apply !mb-[25px]
    }
    .integrations-1-wrapper .in_tool-txt h6 {
        @apply !text-[1.325rem] !leading-none !mt-[5px]
    }
    .integrations-1-wrapper .in_tool-txt p {
        @apply !text-[1.0625rem] !mt-[6px]
    }
    .integrations-section .more-btn.mt--60, .integrations-section .more-btn.mt--70 {
        @apply !mt-[30px]
    }
    
    /* PRICING */
    .pricing-1-table, .text--center .pricing-1-table {
        @apply !px-10 !py-[35px]
    }
    .pricing-2-table {
        @apply !px-[50px] !py-[35px]
    }
    .pricing-3-table {
        @apply !pt-[30px] !pb-[35px] !px-[50px]
    }
    .pricing-4-table {
        @apply !px-10 !py-[35px]
    }
    .pricing-table-header h5, .pricing-table-header h4 {
        @apply !text-[1.5625rem]
    }
    .pricing-discount {
        @apply !px-[11px] !py-[6px] -right-[2px] !top-0
    }
    .pricing-1-table .pricing-discount {
        @apply !px-[13px] !py-[7px] !right-0 !-top-1
    }
    .text--center .pricing-1-table .pricing-discount {
        @apply !right-[-5px] !-top-8
    }
    .pricing-discount h6 {
        @apply !text-[1.05rem]
    }
    .pricing-1-table .pricing-discount h6 {
        @apply !text-[0.9375rem]
    }
    .p-table p.btn-txt {
        @apply !m-[12px_0_0_0]
    }
    .price span {
        @apply !text-[2.75rem]
    }
    .pricing-2-table.highlight .price span {
        @apply !text-[2.5rem]
    }
    .pricing-3-table .price span {
        @apply !text-[4.25rem] tracking-[-3px]
    }
    .pricing-4-table .price span {
        @apply !text-[2.75rem]
    }
    .price sup {
        @apply !text-[2rem] !top-[-5px]
    }
    .pricing-3-table .price sup {
        @apply !text-[2.45rem] !top-[-19px]
    }
    .pricing-4-table .price sup {
        @apply !text-[2rem] !top-[-5px]
    }
    .pricing-3-table .price sup.coins {
        @apply !text-[2.45rem] !top-[-22px] tracking-[-2px]
    }
    .price sup.validity {
        @apply !text-[1.3125rem]
    }
    .pricing-3-table .price sup.validity {
        @apply !text-[1.3125rem] !mt-[20px] !mb-[35px] !top-0
    }
    .pricing-4-table .price sup.validity {
        @apply !text-[1.3125rem] !left-1
    }
    .text--center .price p, .text--center .pricing-2-table .price p {
        @apply !p-0
    }
    .pricing-2-table hr {
        @apply !mt-[20px]
    }
    
    /* Pricing Features */
    .pricing-features.mt--25 {
        @apply !mt-[20px]
    }
    .pricing-features li, .pricing-4-table .pricing-features li {
        @apply !px-2 !py-[10px]
    }
    
    /* Pricing Notice */
    .pricing-notice.mb--40 {
        @apply !mb-[30px]
    }
    .lg\:w-9\/12 .pricing-notice p, .lg\:w-10\/12 .pricing-notice p {
        @apply !p-0
    }
    
    /* Pricing Toggle Button */
    #pricing-4 .ext-toggle-btn {
        @apply !mt-0 !mb-[30px] !mx-auto
    }
    .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt {
        @apply !text-[1.15rem]
    }
    
    /* Pricing Compare */
    .table-responsive.mb--50 {
        @apply !mb-[30px]
    }
    .table>:not(caption)>*>* {
        @apply !py-[9px]
    }
    .comp-table .table-responsive thead th {
        @apply !text-[0.9375rem]
    }
    .comp-table .table-responsive tbody th {
        @apply !text-[0.915rem] !leading-tight
    }
    .comp-table .table-responsive tbody td {
        @apply !text-[0.9rem] !leading-tight !top-0
    }
    .comp-table .table-responsive tbody td span {
        @apply !top-[3px]
    }
    .table-responsive .ico-15 [class*="flaticon-"]:before, 
.table-responsive .ico-15 [class*="flaticon-"]:after {
        @apply !text-[0.675rem]
    }
    .table-responsive .ico-20 [class*="flaticon-"]:before, 
.table-responsive .ico-20 [class*="flaticon-"]:after {
        @apply !text-[0.835rem]
    }
    .pbox {
        @apply !p-0
    }
    #pbox-1, #pbox-2, #pbox-3 {
        @apply !mb-[30px]
    }
    .pricing-section .txt-box-last, .pricing-section .pm-last {
        @apply !mb-[40px]
    }
    .comp-table-payment h6 {
        @apply !mb-[15px]
    }
    
    /* TEAM */
    #team-1.pb--40, #team-2.pb--40 {
        @apply !pb-[30px]
    }
    .team-member.mb--40, .team-member.mb--50, .team-member.mb--60 {
        @apply !mb-[40px]
    }
    .team-member-photo {
        @apply !mb-[25px]
    }
    #team-1 .team-member-data, #team-2 .team-member-data {
        @apply !ml-[10px]
    }
    .team-member-data h6.s-20 {
        @apply !text-[1.4375rem] !mb-[6px]
    }
    
    /* 23px */
    .team-member-data p {
        @apply !text-[1.175rem]
    }
    ul.tm-social, #team-1 ul.tm-social {
        @apply !right-[10px] !top-[5px]
    }
    .tm-social.ico-20 [class*="flaticon-"]:before, .tm-social.ico-20 [class*="flaticon-"]:after {
        @apply !text-[1.4125rem]
    }
    /* CAREERS */
    #careers-1 {
        @apply !pb-[40px]
    }
    .role-box {
        @apply !text-center !px-10 !py-[28px]
    }
    .role-box-txt span, #careers-1 .role-box span {
        @apply !mb-[12px]
    }
    .role-box-txt h6 {
        @apply !leading-[1.4] !mb-[5px]
    }
    #careers-1 .role-box h6 {
        @apply !leading-[1.4] !mb-[6px]
    }
    .role-box-txt p {
        @apply !mb-[14px]
    }
    
    /* CAREER ROLE */
    #role-page .inner-page-title {
        @apply !mb-[25px]
    }
    #role-page .inner-page-title span {
        @apply !mb-[20px]
    }
    #role-page .inner-page-title p {
        @apply !p-0
    }
    .role-info hr, #role-page .cbox-6-wrapper {
        @apply !mx-0 !my-[35px]
    }
    .txt-block.role-info .btn {
        @apply !mt-[30px]
    }
    
    /* BANNER */
    #banner-12, #banner-13 {
        @apply !mt-0 !mb-[25px]
    }
    #banner-9.py--70 {
        @apply !pt-[55px] !pb-[65px]
    }
    #banner-1 .container, #banner-2 .container, #banner-3 .container,
#banner-11 .container, #banner-12 .container, #banner-13 .container {
        @apply !max-w-full
    }
    .banner-1-wrapper, .banner-2-wrapper, .banner-3-wrapper,
.banner-11-wrapper, .banner-12-wrapper, .banner-13-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !rounded-[0_0]
    }
    .banner-1-wrapper .banner-overlay, .banner-2-wrapper .banner-overlay, 
.banner-3-wrapper .banner-overlay {
        @apply !pt-[60px] !pb-[70px] !px-[20px]
    }
    .banner-1-wrapper .banner-overlay.sm-title {
        @apply !pt-[55px] !pb-[65px] !px-[25px]
    }
    #banner-5 .banner-overlay.pt--80.pb--90, #banner-7 .banner-overlay.pt--80.pb--90, #banner-6 .banner-overlay, 
#banner-8 .banner-overlay, #banner-14 .banner-overlay, #banner-15 .banner-overlay {
        @apply !pt-[55px] !pb-[65px]
    }
    #banner-10 .banner-overlay {
        @apply !py-[60px]
    }
    .banner-11-wrapper .banner-overlay {
        @apply !overflow-hidden !pt-[55px] !pb-0 !px-[35px] !rounded-[0_0]
    }
    .banner-12-wrapper .banner-overlay {
        @apply !overflow-visible !pt-[55px] !pb-0 !px-[35px] !rounded-[0_0]
    }
    .banner-13-wrapper .banner-overlay {
        @apply !overflow-visible !pt-[55px] !pb-[65px] !px-[35px] !rounded-[0_0]
    }
    .banner-16-wrapper .banner-overlay {
        @apply !px-[10%] !py-[35px]
    }
    .banner-5-txt {
        @apply !px-[3%] !py-0
    }
    .banner-8-txt {
        @apply !px-[5%] !py-0
    }
    .banner-12-txt, .banner-13-txt {
        @apply !mt-0 !pr-0
    }
    .banner-section .section-id {
        @apply !mb-[18px]
    }
    #banner-15.banner-section .section-id {
        @apply !mb-[22px]
    }
    .banner-section h2 {
        @apply !text-[1.90625rem]
    }
    .banner-section h3 {
        @apply !text-[1.78125rem]
    }
    .banner-1-txt h2 {
        @apply !mb-[12px]
    }
    .banner-2-txt h2, .banner-10-txt h2 {
        @apply !mb-[25px]
    }
    .banner-4-txt h2 {
        @apply !mb-[22px] !px-[8%] !py-0
    }
    .banner-7-txt h2 {
        @apply !mb-[25px] !px-[2%] !py-0
    }
    .banner-10-txt h6 {
        @apply !mb-[8px]
    }
    .banner-10-txt h2 {
        @apply !text-[3.5rem] !mb-[18px]
    }
    .banner-11-txt h2, .banner-12-txt h2, .banner-13-txt h2 {
        @apply !mb-[14px]
    }
    .banner-15-txt h2 {
        @apply !mb-[30px]
    }
    .banner-16-txt h4 {
        @apply !mb-[10px] !px-[5%] !py-0
    }
    .banner-section p.p-lg, .banner-section p.p-xl {
        @apply !mb-[20px]
    }
    .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl,
.banner-6-txt p.p-lg, .banner-6-txt p.p-xl {
        @apply !mt-[12px] !mb-[20px]
    }
    .banner-3-txt p.p-lg, .banner-3-txt p.p-xl, .banner-5-txt p.p-lg, .banner-5-txt p.p-xl {
        @apply !mt-[12px]
    }
    .banner-5-txt p.s-21, .banner-5-txt p.s-22 {
        @apply !mt-[12px] !mb-[18px]
    }
    .banner-9-txt p.p-lg, .banner-9-txt p.p-xl {
        @apply !mt-[12px] !mb-[22px]
    }
    .banner-11-txt p {
        @apply !pr-0
    }
    .banner-14-txt p.p-lg {
        @apply !text-[18px] !mt-[20px] !mb-[25px] !px-[10%] !py-0
    }
    .banner-5-txt .btns-group.mt--35 {
        @apply !mt-[20px]
    }
    .banner-8-buttons {
        @apply !mt-[15px] !px-[4%] !py-0
    }
    .banner-15-txt .download-links {
        @apply !mt-[15px]
    }
    .banner-section .btns-group .btn:first-child {
        @apply !mb-[15px] !mx-0
    }
    .banner-16-txt .txt-block-tra-link.mt--15 {
        @apply !mt-[12px]
    }
    .banner-9-img {
        @apply !mt-[40px] !mb-0 !mx-[5%]
    }
    .banner-10-img {
        @apply !mt-[40px] !mb-0 !mx-[8%]
    }
    .banner-11-img {
        @apply !mt-[35px] !-mb-[20px] !mx-[3%]
    }
    .banner-12-img {
        @apply !rotate-0 !mt-[35px] !-mb-[40px] !mx-0
    }
    
    /* DOWNLOAD */
    span.version-data {
        @apply !text-[2rem] !mr-[10px]
    }
    span.release-date span {
        @apply !ml-[10px]
    }
    
    /* FAQs */
    #faqs-1, #faqs-4 {
        @apply !pb-[50px]
    }
    
    /* FAQs Section Title */
    #faqs-1 .section-title {
        @apply !mb-[20px]
    }
    #faqs-2 .inner-page-title {
        @apply !mb-[30px]
    }
    #faqs-3 .section-title {
        @apply !mb-[40px]
    }
    #faqs-4 .inner-page-title {
        @apply !mb-[40px]
    }
    #faqs-3 .section-title .contact-link {
        @apply !block
    }
    
    /* FAQs Accordion */
    .faqs-section .accordion-thumb {
        @apply !pt-5 !pb-[22px] !px-0
    }
    #faqs-2.faqs-section .accordion-thumb {
        @apply !pt-5 !pb-[25px] !px-0
    }
    .faqs-section .accordion-item .accordion-thumb:after, 
.faqs-section .accordion-item.is-active .accordion-thumb:after {
        @apply !text-[14px] !right-0 !top-[23px]
    }
    #faqs-2.faqs-section .accordion-item .accordion-thumb:after, 
#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
        @apply !text-[0.9rem] !right-[2px] !top-[22px]
    }
    .accordion-panel {
        @apply !pt-0 !pb-[5px] !px-0
    }
    #faqs-2 .accordion-panel {
        @apply !pt-[30px] !pb-[15px] !px-0
    }
    #faqs-2 .accordion-panel-item.mb--35, #faqs-3 .question.mb--35 {
        @apply !mb-[25px]
    }
    .faqs-section .accordion-thumb h5 {
        @apply !leading-[1.4] !pr-[8%]
    }
    .question h5, .accordion-panel-item h5 {
        @apply !leading-[1.4] !mb-[15px]
    }
    
    /* FAQs Tabs */
    .faqs-section .tabs-1 {
        @apply !mt-0 !mb-[10px] !mx-[5px] block
    }
    .faqs-section .tabs-1 li {
        @apply !min-w-full !mt-0 !mb-[20px] !mx-0 !px-0 !py-5
    }
    
    /* More Questions Link */
    #faqs-2 .more-questions {
        @apply !mt-[45px] !mb-0 !mx-auto
    }
    #faqs-3 .more-questions.mt--40 {
        @apply !mt-[15px]
    }
    .more-questions-txt {
        @apply !px-9 !py-[18px]
    }
    .more-questions-txt p {
        @apply !text-[18px]
    }
    
    /* NEWSLETTER */
    #newsletter-1 .newsletter-overlay, #newsletter-5 .newsletter-overlay {
        @apply !pt-[50px] !pb-[40px]
    }
    #newsletter-2 .container {
        @apply !max-w-full
    }
    #newsletter-2 .newsletter-overlay {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !pt-[50px] !pb-[40px] !px-[8%] !rounded-[0_0]
    }
    #newsletter-3, #newsletter-4 .newsletter-overlay {
        @apply !pt-[55px] !pb-[60px]
    }
    #newsletter-4 .newsletter-txt, #newsletter-5 .newsletter-txt {
        @apply !p-0
    }
    .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 {
        @apply !mb-[25px]
    }
    .newsletter-txt h4, .newsletter-txt h3 {
        @apply !text-[1.75rem] !mb-[25px] !p-0
    }
    #newsletter-3 .newsletter-txt p {
        @apply !px-[4%] !py-0
    }
    #newsletter-4 .newsletter-txt p {
        @apply !text-[1rem] !mb-0 !px-[4%] !py-0
    }
    #newsletter-5 .newsletter-txt p {
        @apply !mt-[15px]
    }
    #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form, #newsletter-3 .newsletter-form {
        @apply !px-[5%] !py-0
    }
    #newsletter-4 .newsletter-form {
        @apply !px-[5%] !py-0
    }
    #newsletter-5 .newsletter-form {
        @apply !mt-[25px] !px-[5%] !py-0
    }
    .newsletter-section .form-control, #newsletter-1.newsletter-section .form-control, 
#newsletter-5.newsletter-section .form-control {
        @apply !h-[54px] !text-[1.0625rem]
    }
    .newsletter-section .btn, #newsletter-1 .btn, #newsletter-5.newsletter-section .btn {
        @apply !h-[54px] !text-[1.0625rem]
    }
    
    /* BLOG */
    .blog-post-img.mb--35 {
        @apply !mb-[30px]
    }
    .post-tag {
        @apply !text-[0.825rem] !mb-[14px]
    }
    .blog-post-txt h6, .blog-post-txt h4.mb--20, .blog-post-txt h3 {
        @apply !mb-[14px]
    }
    .blog-post-meta.mt--20, .blog-post-meta.mt--30 {
        @apply !mt-[14px]
    }
    .post-meta-list p {
        @apply !mb-0
    }
    
    /* Blog Listing */
    .wide-post {
        @apply !mb-[40px]
    }
    .wide-post h3.s-36, .wide-post h3.s-38, .wide-post h3.s-40, .square-post h4.s-34 {
        @apply !text-[1.3125rem]
    }
    .wide-post .blog-post-img {
        @apply !mb-[30px]
    }
    .square-post {
        @apply !mt-[10px] !mb-[40px]
    }
    .square-post .blog-post-txt {
        @apply !px-[20px] !py-10
    }
    .posts-category {
        @apply !mt-[10px] !mb-[30px]
    }
    .posts-category span {
        @apply !top-[1.25px]
    }
    .posts-category.ico-20 [class*="flaticon-"]:before, 
.posts-category .more-projects.ico-20 [class*="flaticon-"]:after {
        @apply !text-[1.0625rem]
    }
    
    /* Single Blog Post */
    .single-post-title h3, .single-post-title h2 {
        @apply !mb-[20px] !px-[6%] !py-0
    }
    .single-post-title .blog-post-meta.mt--35 {
        @apply !mt-[25px]
    }
    #single-post .post-meta-list .meta-list-divider {
        @apply !hidden
    }
    #single-post .post-meta-list li {
        @apply !block !mt-[10px]
    }
    .post-inner-img {
        @apply !my-[30px]
    }
    .single-post-txt h5, .single-post-txt h4 {
        @apply !mt-[15px] !mb-[18px]
    }
    .single-post-txt .blockquote p {
        @apply !text-[1.0625rem] !mb-[25px]
    }
    .single-post-txt .blockquote-footer {
        @apply !text-[1rem] !leading-[1.3]
    }
    .post-share-list {
        @apply !mt-[30px] !pb-[40px]
    }
    .post-author {
        @apply !block !px-0 !py-[50px]
    }
    .post-author-avatar {
        @apply !block !text-left !mr-0 !mb-[20px]
    }
    .post-author-avatar img {
        @apply !w-[70px] !h-[70px]
    }
    .post-author-txt h5 {
        @apply !mb-[10px]
    }
    .author-follow-btn {
        @apply !px-3 !py-[5px] !right-[10px] !top-[135px]
    }
    .post-comments {
        @apply !pt-[50px]
    }
    .post-comments h5 {
        @apply !mb-[40px]
    }
    .post-comments img {
        @apply !w-[45px] !h-[45px]
    }
    .comment-body {
        @apply !ml-[18px]
    }
    .comment-meta {
        @apply !mb-[8px]
    }
    .comment-meta h6 {
        @apply !mb-[5px]
    }
    .post-comments #leave-comment h5 {
        @apply !mt-[50px]
    }
    .comment-form p {
        @apply !mb-[10px]
    }
    .comment-form {
        @apply !mt-[50px]
    }
    .comment-form .btn {
        @apply !mt-0
    }
    
    /* CONTACTS */
    #contacts-1 .section-title p {
        @apply !px-[3%] !py-0
    }
    #contacts-1 .contact-form .contact-form-notice p {
        @apply !text-[14px] !mt-[30px]
    }
    #contacts-1 .contact-form .w-full span {
        @apply !leading-[1.4] !mb-[15px]
    }
    .contact-form .form-control, .contact-form .form-select {
        @apply !h-[54px]
    }
    .contact-form textarea {
        @apply !min-h-[170px]
    }
    .contact-form textarea.form-control {
        @apply !p-[15px]
    }
    
    /* FOOTER */
    .footer {
        @apply !pb-[30px]
    }
    .footer hr {
        @apply !mt-[5px] !mb-[30px]
    }
    .bottom-footer p.p-sm {
        @apply !mb-0
    }
    #footer-10.pt--50 {
        @apply !pt-0
    }
    #footer-11.p-404.pt--50 {
        @apply !py-10
    }
    .footer .sm\:w-4\/12, .footer .sm\:w-6\/12, .footer .sm\:w-8\/12 {
        @apply !w-6/12 !float-left
    }
    #footer-3.footer .sm\:w-6\/12.md\:w-3\/12 {
        @apply !w-full !float-none
    }
    .footer-info, .footer-links, .footer-stores-badge {
        @apply !mb-[35px]
    }
    #footer-2 .footer-info {
        @apply !mb-[40px]
    }
    #footer-6 .footer-info, #footer-7 .footer-info {
        @apply !mt-[15px] !mb-0
    }
    #footer-10 .footer-info {
        @apply !mb-[25px] !pb-[35px]
    }
    #footer-8 .footer-links, #footer-10 .footer-links {
        @apply !mb-[10px]
    }
    img.footer-logo, img.footer-logo-dark {
        @apply !max-h-[37px]
    }
    #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo {
        @apply !mb-[24px]
    }
    #footer-10 img.footer-logo {
        @apply !max-h-[37px]
    }
    .footer h6 {
        @apply !text-[1.21875rem] !mb-[20px]
    }
    
    /* 19.5px */
    .footer-mail-link {
        @apply !text-[18px]
    }
    
    /* 18px */
    .footer-mail-link span {
        @apply !right-[2px] !top-[3px]
    }
    #footer-1 .footer-info .footer-mail-link {
        @apply !mt-[5px]
    }
    #footer-8 .foo-links li {
        @apply !block !pl-0
    }
    #footer-10 .foo-links li {
        @apply !px-2 !py-0
    }
    .foo-links.ico-10 li span {
        @apply !right-[3px] !top-px
    }
    .foo-links li a span.ext-link {
        @apply !left-[3px] !top-[0.5px]
    }
    .footer-stores-badge .store {
        @apply !mr-0
    }
    .footer-socials.ico-25 [class*="flaticon-"]:before, 
.footer-socials.ico-25 [class*="flaticon-"]:after {
        @apply !text-[1.3925rem]
    }
    .footer-form {
        @apply !mr-[5%]
    }
    #footer-9 .footer-form {
        @apply !mb-0
    }
    .footer-form .form-control {
        @apply !text-[1.1rem] !h-[34px]
    }
    .footer-form .btn {
        @apply !h-[34px]
    }
    .footer-form .ico-15 [class*="flaticon-"]:before, 
.footer-form .ico-15 [class*="flaticon-"]:after {
        @apply !text-[18px] !leading-7
    }
    .bottom-footer-socials {
        @apply !mt-[10px]
    }
    .bottom-footer-socials li {
        @apply !pl-3 first:!pl-0
    }
    .bottom-footer-list {
        @apply !mt-[3px]
    }
    #footer-4 .bottom-footer-list li, #footer-9 .bottom-footer-list li {
        @apply !pl-2
    }
    .footer-list-divider {
        @apply !-top-px
    }
    .bottom-secondary-link p span {
        @apply !px-[2px] !py-0 !top-[1.5px]
    }
    .footer-info-copyright p span {
        @apply !px-[2px] !py-0 !top-[2px]
    }
    .footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
.footer-info-copyright.ico-15 [class*="flaticon-"]:after {
        @apply !text-[0.815rem]
    }
    
    /* INNER PAGE WRAPPER */
    .inner-page-title {
        @apply !mb-[50px]
    }
    .inner-page-title h2 {
        @apply !mb-0
    }
    .inner-page-title p {
        @apply !text-[1.15rem] !leading-[1.6666] !mt-[10px] !px-[5%] !py-0
    }
    .page-hero-section h1 {
        @apply !leading-tight !mb-[20px]
    }
    
    /* PAGE PAGINATION */
    .page-link {
        @apply !text-[0.95rem] !px-[10px] !py-[2px]
    }
    .pagination.ico-20 [class*="flaticon-"]:before, 
.pagination.ico-20 [class*="flaticon-"]:after {
        @apply !text-[12px]
    }
    
    /* SIGN IN / SIGN UP */
    .login-page-logo {
        @apply !mb-[40px]
    }
    .login-page-logo img {
        @apply !max-h-[40px]
    }
    .register-form-title {
        @apply !mb-[25px]
    }
    .register-form-title h3 {
        @apply !text-[1.6875rem]
    }
    .separator-line, .register-page-form p.input-header, .form-data span, .register-page-form .btn-google {
        @apply !text-[1rem]
    }
    #signup .form-data span {
        @apply !text-[0.935rem]
    }
    .reset-password-link p {
        @apply !text-[1rem] !mt-0 !mb-[10px]
    }
    .register-page-form p.create-account {
        @apply !text-[1rem] !mt-[20px]
    }
    .separator-line {
        @apply !mx-0 !my-[20px]
    }
    .reset-form-title {
        @apply !mb-[16px]
    }
    .reset-form-title p.p-sm {
        @apply !text-[1rem] !mt-[15px]
    }
    .reset-page-wrapper {
        @apply !mx-[10px] !my-0
    }
    .reset-page-wrapper form {
        @apply !pt-[35px] !pb-[10px] !px-[10px]
    }
    #login .register-page-form, #signup .register-page-form {
        @apply !px-[25px] !py-[35px]
    }
    #login.login-1 .register-page-form, #signup.signup-1 .register-page-form {
        @apply !px-[10px] !py-[15px]
    }
    .reset-page-wrapper .form-control, 
.register-page-form .form-control {
        @apply !h-14 !text-[1.0625rem] !mb-[20px] !px-3 !py-[5px]
    }
    #login .register-page-form .btn.submit {
        @apply !h-14 !text-[1.0625rem] !mt-[12px]
    }
    #signup .register-page-form .btn.submit {
        @apply !h-14 !text-[1.0625rem] !mt-[20px]
    }
    .reset-page-wrapper .btn.submit {
        @apply !h-14 !text-[1.0625rem]
    }
    .btn-google img {
        @apply !w-5 !h-5 !right-[5px] !-top-[2px]
    }
    .btn-show-pass {
        @apply !top-[18px]
    }
    
    /* PAGE 404 */
    .page-404-txt {
        @apply !pt-[100px] !pb-[60px]
    }
    .page-404-txt h2 {
        @apply !mb-[15px]
    }
    .page-404-txt h6 {
        @apply !leading-[1.6666] !mb-[22px] !p-0
    }
    .page-404-img {
        @apply !mb-[35px] !px-[4%] !py-0
    }
    
    /* MODAL */
    #modal-1 .modal-dialog {
        @apply !max-w-[350px] !m-auto
    }
    #modal-2 .modal-dialog {
        @apply !w-[340px] !m-auto
    }
    #modal-3 .modal-dialog.modal-xl {
        @apply !w-[360px] !m-auto
    }
    #modal-1.modal .btn-close {
        @apply !right-[10px] !top-[10px]
    }
    #modal-2 .modal-body-content {
        @apply !pt-[25px] !pb-[5px] !px-[30px]
    }
    #modal-3 .modal-body-content {
        @apply !pt-[30px] !pb-[22px] !px-[15px]
    }
    .modal-body .newsletter-form {
        @apply !mt-[20px]
    }
    .modal .form-control, .modal .newsletter-form .btn {
        @apply !h-[52px] !text-[1rem]
    }
    #modal-3 .request-form-title p {
        @apply !mt-[15px] !mb-[20px]
    }
    #modal-3 .request-form .btn {
        @apply !h-[52px] !text-[1.0625rem]
    }
}

@media (min-width: 321px) and (max-width: 389.98px) {
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    @apply !m-0 !max-w-full
}
    html {
        @apply !text-[97.5%]
    }
    #stlChanger {
        @apply !hidden
    }
    .ts-0 {
        @apply !pt-[80px]
    }
    .division {
        @apply !px-[3px]
    }
    .bg--fixed {
        @apply !w-auto
    }
    .bg--scroll {
        @apply !w-auto !bg-scroll
    }
    
    /* Backgroud Shape */
    .shape--01:after {
        @apply !h-[90%] !top-[7%]
    }
    .shape--02:after {
        @apply !w-[140%] !h-[90%] !left-[-20%] !top-[7%]
    }
    .shape--03:after {
        @apply !w-[140%] !h-[129%] !top-[-70px] !left-[-20%]
    }
    .shape--04:after {
        @apply !h-[94%] !top-0
    }
    .shape--06:after {
        @apply !h-[92%]
    }
    .shape--07:after {
        @apply !h-4/5 !top-[15%]
    }
    ol.digit-list p {
        @apply !mb-[5px]
    }
    .font--jakarta h1, .font--jakarta h2 {
        @apply !leading-[1.35]
    }
    .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 {
        @apply !leading-[1.4]
    }
    
    /* Font Size */
    .s-15, .s-16 {
        @apply !text-[1.0625rem]
    }
    
    /* 16.5px */
    .s-17 {
        @apply !text-[18px]
    }
    
    /* 17.5px */
    .s-18, .s-19, .s-20, .s-21, .s-22, .s-23 {
        @apply !text-[1.217948rem]
    }
    
    /* 19px */
    .s-24, .s-26, .s-28 {
        @apply !text-[1.34615rem]
    }
    
    /* 21px */
    .s-30, .s-32, .s-34 {
        @apply !text-[1.47435rem]
    }
    
    /* 23px */
    .s-36, .s-38, .s-40 {
        @apply !text-[1.60256rem]
    }
    
    /* 25px */
    .s-42, .s-43, .s-44, .s-45, .s-46, .s-47 {
        @apply !text-[1.730769rem]
    }
    
    /* 27px */
    .s-48 {
        @apply !text-[1.85897rem]
    }
    
    /* 29px */
    .s-50, .s-52, .s-54, .s-56, .s-58, .s-60 {
        @apply !text-[1.923076rem]
    }
    
    /* 30px */
    .s-62 {
        @apply !text-[1.98717rem]
    }
    
    /* 31px */
    .s-64, .s-66 {
        @apply !text-[2.05128rem]
    }
    
    /* 32px */
    .s-68 {
        @apply !text-[2.17948rem]
    }
    
    /* 34px */
    
    /* Paragraphs */
    p.p-md, p.p-lg {
        @apply !text-[1.0625rem]
    }
    p.p-xl {
        @apply !text-[1.125rem]
    }
    
    /* Transparent Link */
    a.tra-link {
        @apply !text-[1.0625rem]
    }
    .tra-link.ico-20 [class*="flaticon-"]:before, 
.tra-link.ico-20 [class*="flaticon-"]:after {
        @apply !text-[0.785rem] !leading-[0.7rem] !left-[2px] !top-px
    }
    
    /* Button */
    .btn {
        @apply !text-[1rem]
    }
    .btn.btn-sm {
        @apply !text-[1rem] !px-6 !py-[0.7rem]
    }
    .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right {
        @apply !pt-[0.61095rem] !pb-0 !px-2
    }
    
    /* Buttons Group */
    .btns-group .btn:first-child {
        @apply !mb-[15px] !mx-[5px]
    }
    
    /* Button Icon */
    .btn.ico-20 [class*="flaticon-"]:before, 
.btn.ico-20 [class*="flaticon-"]:after {
        @apply !text-[1.225rem] !leading-[0.5rem] !top-1
    }
    .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after {
        @apply !text-[2rem]
    }
    .btn.ico-30.ico-left span.ico-30-txt {
        @apply !text-[1.1rem] !mr-0 !-top-[10px]
    }
    .btn.ico-30.ico-right span.ico-30-txt {
        @apply !text-[1.1rem] !ml-0 !-top-[10px]
    }
    .btn.ico-left span {
        @apply !mr-[2px]
    }
    .btn.ico-right span {
        @apply !ml-[2px]
    }
    
    /* Button Text */
    p.p-sm.btns-group-txt {
        @apply !text-[0.95192rem]
    }
    .text--center p.btns-group-txt {
        @apply !mt-[18px]
    }
    .btn-rating {
        @apply !mt-[15px] !mb-0 !mx-0
    }
    .btn-rating p.p-sm {
        @apply !text-[0.9375rem]
    }
    
    /* OS Button */
    .os-btn {
        @apply !w-[270px] !min-w-[270px] !pt-[14px] !pb-[10px] !px-[15px]
    }
    .os-btn-ico {
        @apply !mr-[14px]
    }
    .os-btn-txt p {
        @apply !mt-1
    }
    .btn-os.mb--15 {
        @apply !mb-[15px]
    }
    .btn-os.mr--15 {
        @apply !mr-0 !mb-[15px]
    }
    
    /* Store Badge */
    .store {
        @apply !mr-[6px]
    }
    .store.store-btn-2 {
        @apply !mr-0
    }
    .store-btn-3, .store-btn-4 {
        @apply !mt-[15px]
    }
    
    /* Watch Video Link */
    .watch-video {
        @apply !mt-[18px]
    }
    .watch-video-link {
        @apply !mr-[10px]
    }
    p.video-txt-lg {
        @apply !text-[1.0625rem]
    }
    p.video-txt-sm {
        @apply !text-[1rem]
    }
    
    /* Video Popup Icon */
    .video-btn-xl {
        @apply !w-[5.625rem] !h-[5.625rem] !mt-[-2.8125rem] !ml-[-2.8125rem]
    }
    .video-btn-lg {
        @apply !w-20 !h-20 !mt-[-2.5rem] !ml-[-2.5rem]
    }
    .video-btn-md {
        @apply !w-20 !h-20 !mt-[-2.5rem] !ml-[-2.5rem]
    }
    .video-btn.video-btn-xl [class^="flaticon-"]:before, .video-btn.video-btn-xl [class^="flaticon-"]:after {
        @apply !text-[72px] !leading-[5.625rem] !ml-2
    }
    .video-btn.video-btn-lg [class^="flaticon-"]:before, .video-btn.video-btn-lg [class^="flaticon-"]:after,
.video-btn.video-btn-md [class^="flaticon-"]:before, .video-btn.video-btn-md [class^="flaticon-"]:after {
        @apply !text-[4.35rem] !leading-[5rem] !ml-2
    }
    
    /* Vector Icon Background */
    .ico-50 .shape-ico svg {
        @apply !w-[120px] !h-[120px] !top-[-35px] !left-[calc(50%_-_60px)]
    }
    .fbox-11 .ico-50 .shape-ico svg {
        @apply !top-[-35px] !left-[calc(50%_-_65px)]
    }
    .ico-60 .shape-ico svg {
        @apply !w-[125px] !h-[125px] !top-[-30px] !left-[calc(50%_-_65px)]
    }
    .ico-55 .shape-ico svg {
        @apply !w-[120px] !h-[120px] !top-[-30px] !left-[calc(50%_-_60px)]
    }
    
    /* Vector Rounded Icons */
    .ico-rounded, .ico-rounded-md, .ico-rounded-lg {
        @apply !w-[94px] !h-[94px]
    }
    .ico-rounded [class*="flaticon-"]:before, 
.ico-rounded [class*="flaticon-"]:after,
.ico-rounded-md [class*="flaticon-"]:before, 
.ico-rounded-md [class*="flaticon-"]:after,
.ico-rounded-lg [class*="flaticon-"]:before, 
.ico-rounded-lg [class*="flaticon-"]:after {
        @apply !text-[3rem] !leading-[94px]
    }
    
    /* Vector Square Icons */
    .ico-square {
        @apply !w-[88px] !h-[88px]
    }
    .ico-square [class*="flaticon-"]:before, 
.ico-square [class*="flaticon-"]:after {
        @apply !text-[2.85rem] !leading-[88px]
    }
    
    /* Section ID */
    .section-id {
        @apply !mb-[25px]
    }
    .section-id.rounded-id {
        @apply !text-[0.8rem] !mb-[30px] !px-[22px] !py-2
    }
    
    /* Section Title */
    .section-title.mb--60 {
        @apply !mb-[35px]
    }
    .section-title.mb--70, .section-title.mb--80 {
        @apply !mb-[40px]
    }
    .section-title p.p-md, .section-title p.p-lg {
        @apply !mt-[14px] !p-0
    }
    .section-title p.p-xl {
        @apply !text-[1.0625rem] !mt-[14px]
    }
    .section-title p.s-20, .section-title p.s-21 {
        @apply !text-[1.15384rem] !mt-[12px] !px-[2%] !py-0
    }
    
    /* 18px */
    .section-title .btns-group.mt--35, .section-title .stores-badge.mt--30 {
        @apply !mt-[22px]
    }
    .section-title .btns-group .btn {
        @apply !mx-[10px] first:!mb-[15px]
    }
    
    /*------------------------------------------*/
    
    /*  PRELOAD ANIMATION    
/*------------------------------------------*/
    #loading-center {
        @apply !h-[90px] !w-[90px] !mt-[-45px] !ml-[-45px]
    }
    .wsmobileheader .smllogo {
        @apply !block !mt-[23px] !pl-4
    }
    .blog-header .wsmobileheader .smllogo {
        @apply !mt-[29px]
    }
    .smllogo img {
        @apply !w-auto !max-w-[inherit] !max-h-[34px]
    }
    .blog-header .smllogo img {
        @apply !max-h-7
    }
    .wsmenu > .wsmenu-list {
        @apply !w-[290px] mr-[-290px]
    }
    .wsactive .wsmobileheader {
        @apply !mr-[290px]
    }
    .overlapblackbg {
        @apply !w-[calc(100%_-_290px)]
    }
    .wsanimated-arrow {
        @apply !ml-0 !mr-4 !mt-[25px] !mb-0 !pl-0 !pr-[30px] !py-[14px]
    }
    
    /* Nav Link Info */
    span.sm-info {
        @apply !w-[22px] !h-[22px] !text-[0.8rem] !leading-[20px] !ml-2 !-top-px
    }
    .wsmenu > .wsmenu-list > li > a {
        @apply !m-0 !pl-[20px] !pr-[32px] !pt-[5px] !pb-1
    }
    .wsmenu > .wsmenu-list > li > .wsmenu-click > i {
        @apply !h-2 !w-2 !ml-0 !mr-[18px] !mt-[24px] !mb-0
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
        @apply !top-0
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
        @apply !px-[10px] !py-[6px]
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu,
.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
        @apply !px-2 !py-[6px]
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
        @apply !px-[10px] !py-3
    }
    
    /* Header Store Badges */
    .store.header-store img {
        @apply !max-h-11
    }
    
    /* Header Social Links */
    .header-socials.ico-20 [class*="flaticon-"]:before, 
.header-socials.ico-25 [class*="flaticon-"]:after {
        @apply !leading-[52px]
    }
    .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title {
        @apply !mt-[12px]
    }
    .icons-menu-ico {
        @apply !mr-[17px]
    }
    .icons-menu-txt span {
        @apply !text-[0.9rem]
    }
    
    /*------------------------------------------*/
    
    /*   HERO   
/*------------------------------------------*/
    .hero-section.blur--purple:after {
        @apply !opacity-[0.16] !-top-1/4
    }
    .hero-section h2 {
        @apply !mb-[15px]
    }
    .hero-section h2.s-48, .hero-section h2.s-50 {
        @apply !mb-[20px]
    }
    .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl {
        @apply !mb-[25px]
    }
    .hero-section p.s-21 {
        @apply !text-[1.217948rem] !mb-[22px]
    }
    .hero-section .btn.mt--15, .hero-section .btns-group.mt--15 {
        @apply !mt-[8px]
    }
    
    /* Hero Advantages */
    .hero-section .text--center .advantages {
        @apply !mt-[18px]
    }
    .hero-section .advantages li {
        @apply !block !mt-[3px]
    }
    .hero-section .advantages li p {
        @apply !block !float-none
    }
    .hero-section li.advantages-links-divider {
        @apply !hidden
    }
    
    /* HERO LOGO */
    .hero-logo {
        @apply !mb-[30px]
    }
    .hero-logo img {
        @apply !max-h-[30px]
    }
    .hero-square-logo {
        @apply !mb-[10px]
    }
    .hero-square-logo img {
        @apply !max-h-[60px]
    }
    
    /* HERO APP LOGO */
    .hero-app-logo {
        @apply !mb-[25px]
    }
    .hero-app-logo img {
        @apply !max-h-[88px]
    }
    #hero-25 .hero-app-logo img {
        @apply !max-h-[88px]
    }
    
    /* HERO DIGITS */
    .hero-digits {
        @apply !mt-[-5px]
    }
    #hero-9 .hero-digits {
        @apply !mt-[3px]
    }
    .hero-digits h2.statistic-number {
        @apply !text-[2.3125rem]
    }
    .hero-digits h2.statistic-number span {
        @apply !text-[2rem]
    }
    
    /* HERO QUICK FORM */
    .hero-section .quick-form.mt--45, .hero-section .quick-form.mt--35 {
        @apply !mt-0
    }
    .hero-section .quick-form .form-control, .hero-section .quick-form .btn {
        @apply !text-[1.15rem] !h-14
    }
    .hero-section .quick-form.form-half .form-control {
        @apply !h-14 !text-[1.15rem] !px-[14px] !py-0
    }
    .hero-section .quick-form.form-half .btn {
        @apply !h-14 !text-[18px]
    }
    .hero-section .text--center .quick-form-msg {
        @apply !mt-[20px] !-mb-[10px] !mx-0
    }
    
    /* HERO REQUEST FORM */
    .request-form .form-control {
        @apply !h-[54px] !text-[1.0625rem] !px-[14px] !py-0
    }
    #hero-10-form .btn, #hero-22-form .btn {
        @apply !h-[54px] !text-[1.0625rem] !p-4
    }
    
    /* HERO-1 */
    .hero-1-txt {
        @apply !px-[3%] !py-0
    }
    .hero-1-img {
        @apply !mt-[35px]
    }
    
    /* HERO-2 */
    .hero-2-txt {
        @apply !px-[2%] !py-0
    }
    .hero-2-img {
        @apply !mt-[35px]
    }
    
    /* HERO-3 */
    .hero-3-txt {
        @apply !px-[2%] !py-0
    }
    #hero-3:after {
        @apply !h-[8%]
    }
    .hero-3-img {
        @apply !mt-[35px]
    }
    
    /* HERO-4 */
    #hero-4 {
        @apply !pt-[70px] after:!h-[7%]
    }
    .hero-4-txt h2 {
        @apply !px-[3%] !py-0
    }
    .font--inter .hero-4-txt h2 {
        @apply !px-[3%] !py-0
    }
    .hero-4-txt p {
        @apply !px-[5px] !py-0
    }
    .hero-4-img {
        @apply !mt-[35px]
    }
    
    /* HERO-5 */
    #hero-5 {
        @apply !mb-[50px]
    }
    .hero-5-txt h2 {
        @apply !mb-[12px]
    }
    .hero-5-txt p.p-lg {
        @apply !mb-[20px]
    }
    
    /* HERO-6 */
    #hero-6 {
        @apply !pt-0
    }
    #hero-6 .container {
        @apply !max-w-full
    }
    .hero-6-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !px-[15px] !py-[70px] !rounded-[0_0]
    }
    .hero-6-txt p {
        @apply !px-[3%] !py-0
    }
    .hero-6-img {
        @apply !mt-[35px] !mb-0 !mx-[1%]
    }
    
    /* HERO-7 */
    #hero-7 {
        @apply !pt-[70px] !pb-20
    }
    .hero-7-txt h2 {
        @apply !px-[4%] !py-0
    }
    #hero-7 .quick-form {
        @apply !mx-[3%]
    }
    .hero-7-img {
        @apply !mt-[35px]
    }
    
    /* HERO-8 */
    .hero-8-txt {
        @apply !px-[4%] !py-0
    }
    .hero-8-txt .hero-logo {
        @apply !hidden
    }
    .hero-8-txt .hero-digits {
        @apply !p-0
    }
    #hero-8-form {
        @apply !mt-[35px] !mb-0 !mx-[2%] !px-[15px] !py-[26px] !rounded-[10px]
    }
    #hero-8-form h4 {
        @apply !mb-[15px]
    }
    #hero-8-form p {
        @apply !text-[1rem] !mb-[20px]
    }
    #hero-8-form p.p-sm {
        @apply !text-[0.9375rem] !p-0
    }
    
    /* HERO-9 */
    #hero-9 {
        @apply !pt-[70px]
    }
    .hero-9-txt h2 {
        @apply !leading-[1.45] !px-[3%] !py-0
    }
    .hero-9-txt h2 img {
        @apply !max-h-[48px] !mx-[2px] !my-0 !-top-[6px]
    }
    .hero-9-txt p.s-20 {
        @apply !text-[1.0625rem] !mt-[10px]
    }
    #hero-9 .quick-form {
        @apply !mx-[2%]
    }
    .hero-9-img {
        @apply !mt-[35px] !mb-0 !mx-0
    }
    
    /* HERO-10 */
    #hero-10:after {
        @apply !h-[7%]
    }
    .hero-10-txt h2 {
        @apply !px-[3%] !py-0
    }
    .hero-10-txt h4 {
        @apply !mb-[25px] !px-[3%] !py-0
    }
    .hero-10-img {
        @apply !mt-[35px]
    }
    
    /* HERO-11 */
    .hero-11-txt p {
        @apply !px-[4%] !py-0
    }
    .hero-11-img {
        @apply !mb-[-50px] !mt-[30px] !mx-[3%]
    }
    
    /* HERO-12 */
    #hero-12 {
        @apply !pt-[70px] after:!h-[6%]
    }
    .hero-12-txt h2 {
        @apply !px-[4%] !py-0
    }
    .font--inter .hero-12-txt h2 {
        @apply !px-[3%] !py-0
    }
    .hero-12-txt p {
        @apply !px-[5px] !py-0
    }
    .hero-12-img {
        @apply !mt-[35px]
    }
    
    /* HERO-13 */
    #hero-13 {
        @apply !py-[70px]
    }
    .hero-13-txt {
        @apply !px-[3%] !py-0
    }
    .hero-13-img {
        @apply !mt-[35px] !mb-0 !mx-[1%]
    }
    
    /* HERO-14 */
    #hero-14 {
        @apply !mb-[15px] !pt-[80px]
    }
    .hero-14-txt h2.s-62 {
        @apply !text-[1.923076rem] !mb-[15px] !px-[3%] !py-0
    }
    .hero-14-txt p.s-21 {
        @apply !mb-[25px] !p-0
    }
    #hero-14 .quick-form {
        @apply !mx-[4%]
    }
    .hero-14-img {
        @apply !mb-[-15px] !mt-[35px]
    }
    .hero-14-txt .btn-txt {
        @apply !mt-[25px]
    }
    
    /* HERO-15 */
    .hero-15-txt {
        @apply !px-[2%] !py-0
    }
    .hero-15-img {
        @apply !mt-[35px] !mb-0 !mx-[1%]
    }
    
    /* HERO-16 */
    #hero-16 {
        @apply !mb-[35px] !pt-[70px]
    }
    .hero-16-txt h2 {
        @apply !px-[4%] !py-0
    }
    .hero-16-txt p {
        @apply !px-[2%] !py-0
    }
    .hero-16-img {
        @apply !mb-[-35px] !mt-[35px] !mx-0
    }
    
    /* HERO-17 */
    .hero-17-txt p {
        @apply !px-[2%] !py-0
    }
    #hero-17 .quick-form {
        @apply !mx-[2%]
    }
    #hero-17 #brands-1 {
        @apply !pt-[35px]
    }
    
    /* HERO-18 */
    .hero-18-txt p {
        @apply !px-[3%] !py-0
    }
    #hero-18 .quick-form {
        @apply !mt-[20px] !mb-0 !mx-[2%]
    }
    .hero-18-img {
        @apply !mt-[35px]
    }
    
    /* HERO-19 */
    .hero-19-txt h2 {
        @apply !px-[3%] !py-0
    }
    .hero-19-txt p {
        @apply !px-[1%] !py-0
    }
    
    /* HERO-20 */
    #hero-20 {
        @apply !py-20
    }
    .hero-20-txt {
        @apply !px-[3%] !py-0
    }
    .hero-20-txt .hero-logo {
        @apply !hidden
    }
    .hero-section .hero-20-txt h2.s-48 {
        @apply !mb-[20px]
    }
    
    /* HERO-21 */
    #hero-21 {
        @apply !mb-[40px]
    }
    #hero-21 .container {
        @apply !max-w-full
    }
    .hero-21-txt {
        @apply !mb-[50px]
    }
    .hero-21-txt h2 {
        @apply !mb-[20px]
    }
    .hero-21-wrapper {
        @apply !overflow-visible !mr-[-15px] !ml-[-15px] !my-0 !rounded-[0_0]
    }
    #hero-21 .hero-overlay {
        @apply !relative !pt-[50px] !pb-0 !px-[25px]
    }
    .hero-21-img {
        @apply !-mb-[40px]
    }
    .hero-21-img .video-btn {
        @apply !top-[calc(50%_-_2px)]
    }
    
    /* HERO-22 */
    #hero-22-form {
        @apply !text-center !mx-[1%] !my-0 !pt-[30px] !pb-[20px] !px-[18px]
    }
    #hero-22 .hero-logo {
        @apply !hidden
    }
    #hero-22-form h4 {
        @apply !text-[1.60256rem] !mb-[15px] !p-0
    }
    #hero-22-form p {
        @apply !text-[1.1rem] !mb-[20px] !px-[5%] !py-0
    }
    
    /* HERO-23 */
    #hero-23 {
        @apply !mb-[20px] !pt-[70px]
    }
    .hero-23-txt {
        @apply !px-[2%] !py-0
    }
    .hero-23-img {
        @apply !mt-[10px] !-mb-[20px]
    }
    
    /* HERO-24 */
    #hero-24 {
        @apply !py-[70px]
    }
    .hero-24-txt p.p-xl {
        @apply !px-[2%] !py-0
    }
    #hero-24 .quick-form {
        @apply !mx-[2%]
    }
    
    /* HERO-25 */
    .hero-25-txt p.p-lg {
        @apply !mb-[22px]
    }
    .hero-25-img {
        @apply !mt-[35px] !mb-0 !mx-[1%]
    }
    
    /* HERO-26 */
    .hero-26-txt {
        @apply !px-[5%] !py-0
    }
    .hero-26-img {
        @apply !mt-[35px]
    }
    
    /* HERO-27 */
    .hero-27-txt h2 {
        @apply !text-[1.85rem] !mb-[15px]
    }
    .hero-27-txt p.s-20, .hero-27-txt p.s-21 {
        @apply !text-[1.0625rem]
    }
    .hero-27-txt p.s-20 {
        @apply !mb-[20px]
    }
    .hero-27-txt .btns-group.mt--15 {
        @apply !mt-0
    }
    
    /*------------------------------------------*/
    
    /*  CONTENT
/*------------------------------------------*/

    /* ABOUT */
    .about-2-title {
        @apply !mb-[30px]
    }
    .a2-txt {
        @apply !pt-[15px] !pb-[30px] !px-[20px]
    }
    .a2-txt-quote {
        @apply !relative !-mb-[40px]
    }
    .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after {
        @apply !text-[4.25rem]
    }
    .a2-txt-author {
        @apply !mt-[10px] !text-[18px]
    }
    .a2-txt-author span {
        @apply !text-[0.975rem] !mt-px
    }
    #about-1 .txt-block h3.mb--30, .about-2-title h2.mb--30 {
        @apply !mb-[15px]
    }
    #about-4 .txt-block h2 {
        @apply !px-[5%] !py-0
    }
    #about-4 .txt-block p {
        @apply !mt-[15px]
    }
    #a4-2 {
        @apply !mt-[35px] !mb-0 !mx-[3%]
    }
    
    /* FEATURES */
    #features-14 .container {
        @apply !max-w-full
    }
    .fbox-14-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !px-[30px] !py-[70px] !rounded-[0_0]
    }
    #features-12.py--100.shape--bg:after, #features-13.py--100.shape--bg:after {
        @apply !h-[68%] !top-[32%]
    }
    #features-12.pt--100.shape--bg:after, #features-13.pt--100.shape--bg:after {
        @apply !h-[65%] !top-[32%]
    }
    .row-cols-md-3 .fbox-4, .row-cols-md-2 .fbox-4, .fbox-7, .fbox-9 {
        @apply !pt-10 !pb-[35px] !px-[25px]
    }
    .fbox-5 {
        @apply !pt-[45px] !pb-[40px] !px-[25px]
    }
    .row-cols-md-2 .fbox-7 {
        @apply !pt-10 !pb-[35px] !px-10
    }
    .fbox-8.fb-1 {
        @apply !pt-0 !pb-[40px] !px-[25px]
    }
    .fbox-8.bg--white-100 {
        @apply !px-[25px] !py-[45px]
    }
    .fbox-8.fb-3 {
        @apply !pt-[45px] !pb-0 !px-[25px]
    }
    .fbox-12, .fbox-13 {
        @apply !px-[25px] !py-8
    }
    #fb-12-1, #fb-13-1 {
        @apply !mt-[50px]
    }
    #features-12 .txt-block, #features-13 .txt-block {
        @apply !mb-[35px]
    }
    .fbox-14 {
        @apply !px-[25px] !py-[30px]
    }
    .fbox-14.fb-1, .fbox-14.fb-2 {
        @apply !mb-[30px]
    }
    .fbox-img.h--135 img, .fbox-img.h--140 img, .fbox-img.h--145 img, .fbox-img.h--150 img, .fbox-img.h--155 img, 
.fbox-img.h--160 img, .fbox-img.h--165 img, .fbox-img.h--170 img, .fbox-img.h--175 img, .fbox-img.h--180 img {
        @apply !max-h-[170px]
    }
    .fbox-2 .fbox-img.h--135 img, .fbox-2 .fbox-img.h--140 img, .fbox-2 .fbox-img.h--145 img, .fbox-2 .fbox-img.h--150 img, 
.fbox-2 .fbox-img.h--155 img, .fbox-2 .fbox-img.h--160 img, .fbox-2 .fbox-img.h--165 img, .fbox-2 .fbox-img.h--170 img, 
.fbox-2 .fbox-img.h--175 img, .fbox-2 .fbox-img.h--180 img {
        @apply !max-h-[170px]
    }
    .fbox-3 .fbox-img.h--135 img, .fbox-3 .fbox-img.h--140 img, .fbox-3 .fbox-img.h--145 img, .fbox-3 .fbox-img.h--150 img, 
.fbox-3 .fbox-img.h--155 img, .fbox-3 .fbox-img.h--160 img, .fbox-3 .fbox-img.h--165 img, .fbox-3 .fbox-img.h--170 img, 
.fbox-3 .fbox-img.h--175 img, .fbox-3 .fbox-img.h--180 img {
        @apply !max-h-[170px]
    }
    .fbox-4 .fbox-img.h--135 img, .fbox-4.fbox-img.h--140 img, .fbox-4 .fbox-img.h--145 img, .fbox-4 .fbox-img.h--150 img, 
.fbox-4 .fbox-img.h--155 img, .fbox-4 .fbox-img.h--160 img, .fbox-4 .fbox-img.h--165 img, .fbox-4 .fbox-img.h--170 img, 
.fbox-4 .fbox-img.h--175 img {
        @apply !max-h-[155px]
    }
    .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img {
        @apply !mb-[30px]
    }
    .fbox-2 .fbox-img.h--135, .fbox-2 .fbox-img.h--140, .fbox-2 .fbox-img.h--145, 
.fbox-2 .fbox-img.h--150, .fbox-2 .fbox-img.h--155, .fbox-2 .fbox-img.h--160, 
.fbox-2 .fbox-img.h--165, .fbox-2 .fbox-img.h--170, .fbox-2 .fbox-img.h--175, 
.fbox-2 .fbox-img.h--180 {
        @apply !mt-0 !mb-[50px] !mx-0 !pt-10
    }
    .fbox-3 .fbox-img.h--135, .fbox-3 .fbox-img.h--140, .fbox-3 .fbox-img.h--145, 
.fbox-3 .fbox-img.h--150, .fbox-3 .fbox-img.h--155, .fbox-3 .fbox-img.h--160, 
.fbox-3 .fbox-img.h--165, .fbox-3 .fbox-img.h--170, .fbox-3 .fbox-img.h--175, 
.fbox-3 .fbox-img.h--180 {
        @apply !mt-0 !mb-[30px] !mx-0 !pt-10
    }
    .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, 
.fbox-5.fb-4 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img {
        @apply !mt-0 !mb-[30px] !mx-[6%]
    }
    .fbox-ico, .fbox-ico.ico-rounded, .fbox-ico.ico-square {
        @apply !mb-[20px]
    }
    .fbox-wrapper .ico-50 [class*="flaticon-"]:before, 
.fbox-wrapper .ico-50 [class*="flaticon-"]:after,
.fbox-wrapper .ico-55 [class*="flaticon-"]:before, 
.fbox-wrapper .ico-55 [class*="flaticon-"]:after,
.fbox-wrapper .ico-60 [class*="flaticon-"]:before, 
.fbox-wrapper .ico-60 [class*="flaticon-"]:after,
.fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, 
.fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after{
        @apply !text-[3.6rem]
    }
    .features-section h6.s-18, .features-section h6.s-20, .features-section h6.s-22 {
        @apply !text-[1.34615rem]
    }
    
    /* 21px */
    .features-section h6, .fbox-txt h5, .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 {
        @apply !mb-[15px]
    }
    .fbox-10 .fbox-title {
        @apply !mx-auto !my-0
    }
    .fbox-10 .fbox-title span {
        @apply !float-none !leading-none !mr-0
    }
    .fbox-10 .fbox-title h6 {
        @apply !block !leading-none !my-[15px]
    }
    .fbox-14 h5 {
        @apply !mb-[12px] !px-[8%] !py-0
    }
    .row-cols-md-3 .fbox-1 p, .row-cols-md-3 .fbox-2 p, 
.row-cols-md-3 .fbox-3 p, .row-cols-md-3 .fbox-6 p, .fbox-10 .fbox-txt p {
        @apply !px-[4%] !py-0
    }
    .row-cols-md-2 .fbox-1 p, .row-cols-md-2 .fbox-2 p, .row-cols-md-2 .fbox-3 p, .row-cols-md-2 .fbox-6 p {
        @apply !px-[8%] !py-0
    }
    .row-cols-md-2 .fbox-4 p {
        @apply !px-[7%] !py-0
    }
    .fbox-5 .fbox-txt p, .rows-2 .fbox-11 p {
        @apply !px-[5%] !py-0
    }
    .rows-3 .fbox-11 p {
        @apply !px-[2%] !py-0
    }
    .row-cols-lg-3 .fbox-10 .fbox-txt p {
        @apply !px-[1%] !py-0
    }
    
    /* CONTENT */
    .ct-06 {
        @apply !pb-[70px]
    }
    .ct-10 .section-overlay {
        @apply !mb-[40px]
    }
    .ct-top {
        @apply !mb-[70px]
    }
    .ct-13 .txt-block, .ct-13 .img-block {
        @apply !mb-[30px]
    }
    .ct-13 .txt-block.ml--block, .ct-13 .img-block.ml--block {
        @apply !mb-0
    }
    
    /* Content Box Wrapper */
    .content-section.ws-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0
    }
    .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay {
        @apply !px-[20px] !py-[70px]
    }
    .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay {
        @apply !px-[15px] !py-[70px]
    }
    .bc-5-wrapper .section-overlay {
        @apply !pt-[70px] !pb-0 !px-[15px]
    }
    .cbox-6-wrapper {
        @apply !px-[20px] !py-[30px]
    }
    .bc-6-wrapper .section-overlay {
        @apply !px-[15px] !py-[70px]
    }
    .bc-6 {
        @apply !pt-5 !pb-[30px] !px-[15px]
    }
    .bc-1-wrapper, .bc-2-wrapper, .bc-3-wrapper, .bc-4-wrapper, .bc-5-wrapper, .bc-6-wrapper {
        @apply !rounded-[0_0]
    }
    .bc-5-wrapper .section-title p {
        @apply !px-[2%] !py-0
    }
    .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 {
        @apply !mb-[14px]
    }
    .cbox-2-txt h5, .cbox-3-txt h5, .bc-6-txt h5 {
        @apply !mb-[12px]
    }
    .txt-block p.p-sm, .txt-block p {
        @apply !mb-[0.897435rem]
    }
    .txt-block p.s-20, .txt-block p.s-21 {
        @apply !text-[1.12820rem]
    }
    .cbox-5-fea p, .txt-block p.video-txt-sm, .txt-block p.btn-txt, .txt-block p.btns-group-txt,
.txt-block p.compatibility {
        @apply !mb-0
    }
    .txt-block p.video-txt-lg {
        @apply !mb-[6px]
    }
    .txt-block .btn {
        @apply !mt-[18px]
    }
    .txt-block .stores-badge.mt--15, .ws-wrapper .stores-badge.mt--15 {
        @apply !mt-[8px]
    }
    .txt-block .btns-group .btn.btn--transparent {
        @apply !mt-0
    }
    .bc-6-link.mt--15 {
        @apply !mt-[12px]
    }
    
    /* Content Box */
    .right-column .cbox-5 {
        @apply !mb-[40px]
    }
    .cbox-5-content {
        @apply !m-0 !p-[25px]
    }
    .cbox-5-content .divider {
        @apply !my-[22px]
    }
    .txt-block .cbox-5-title h2 {
        @apply !text-[2.45rem] !mb-[10px]
    }
    .cbox-5-title .statistic-number sup {
        @apply !text-[2.05rem] !top-[-5px] !right-[6px]
    }
    .cbox-5-fea {
        @apply !mt-[20px] !px-[20px] !py-[15px]
    }
    .txt-block .cbox-5-fea h4 {
        @apply !text-[1.625rem]
    }
    .cbox-5-txt .btn {
        @apply !mt-[10px]
    }
    .txt-block-tra-link.mt--25 {
        @apply !mt-[16px]
    }
    #cb-6-1, #cb-6-2, #cb-6-3 {
        @apply !mb-[22px]
    }
    
    /* Content Box Icon */
    .cbox-1.ico-10 span {
        @apply !right-[6px]
    }
    .cbox-1.ico-15 span {
        @apply !right-[6px] !top-[0.5px]
    }
    .cbox-1.ico-15 [class*="flaticon-"]:before, .cbox-1.ico-15 [class*="flaticon-"]:after {
        @apply !text-[0.7rem]
    }
    .cbox-2 .ico-wrap {
        @apply !mr-4
    }
    .cbox-2-ico {
        @apply !w-[2.3rem] !h-[2.3rem] !text-[1.15rem] !leading-[2.05rem]
    }
    .ct-03 .cbox-2-ico {
        @apply !w-[1.55rem] !h-[1.55rem] !text-[1rem] !leading-[1.35rem]
    }
    .cbox-2-line {
        @apply !h-[calc(100%_-_74px)]
    }
    .cbox-3 {
        @apply !block !text-center
    }
    .cbox-3 .ico-wrap {
        @apply !mr-0
    }
    .cbox-3 .cbox-3-ico {
        @apply !mb-[10px] !top-0
    }
    .cbox-3-ico span[class*="flaticon-"]:before, .cbox-3-ico span[class*="flaticon-"]:after {
        @apply !text-[3rem]
    }
    .cbox-4 {
        @apply !text-center
    }
    .box-title h6, .box-title h5 {
        @apply !block !leading-none !mb-[15px]
    }
    .img-block-txt .box-title h6, 
.img-block-txt .box-title h5 {
        @apply !inline-block !leading-[2.35rem] !mb-[20px]
    }
    .box-title span {
        @apply !block relative !mr-0 !mb-[10px] !top-0
    }
    .img-block-txt .box-title span {
        @apply !inline-block !mr-[10px] !mb-0 !top-[10px]
    }
    .box-title span[class*="flaticon-"]:before, .box-title span[class*="flaticon-"]:after {
        @apply !text-[3rem]
    }
    .img-block-txt .box-title span[class*="flaticon-"]:before, 
.img-block-txt .box-title span[class*="flaticon-"]:after {
        @apply !text-[2.35rem]
    }
    
    /* Content Box Text */
    .cbox-2-txt, .ct-03 .cbox-2-txt, .cbox-3-txt {
        @apply !mb-[20px]
    }
    .cbox-4-txt {
        @apply !mb-[30px]
    }
    
    /* Content Box Typography */
    .cbox-1-txt p {
        @apply !mb-[5px]
    }
    .cbox-6 h6 {
        @apply !mb-[12px]
    }
    
    /* Accordion */
    .txt-block .accordion-1 .accordion-item {
        @apply !px-[25px] !py-[18px]
    }
    .txt-block .accordion-2 .accordion-item {
        @apply !pt-[10px] !pb-[20px] !px-0
    }
    .txt-block .accordion-1 .accordion-item .accordion-thumb:before {
        @apply !text-[0.95rem] !-top-px
    }
    .txt-block .accordion-2 .accordion-item .accordion-thumb:after,
.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
        @apply !text-[0.95rem] !top-2
    }
    .txt-block .accordion-1 .accordion-item.is-active {
        @apply !pt-[30px] !pb-[14px] !px-[25px]
    }
    .txt-block .accordion-2 .accordion-item.is-active {
        @apply !pt-[15px] !pb-[20px] !px-0
    }
    .txt-block .accordion-1 .accordion-panel {
        @apply !p-0
    }
    .txt-block .accordion-2 .accordion-thumb h5 {
        @apply !pl-[10px] !pr-0
    }
    .accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {
        @apply !text-[1.75rem] !top-[6px]
    }
    
    /* Tabs */
    .tabs-1 li {
        @apply !text-[18px]
    }
    
    /* Advantages */
    .advantages, .text--center .advantages {
        @apply !mt-[15px]
    }
    .img-block-btn .advantages li {
        @apply !block !mt-1
    }
    .img-block-btn .advantages li p {
        @apply !block !float-none
    }
    .img-block-btn li.advantages-links-divider {
        @apply !hidden
    }
    
    /* Compatibility */
    .compatibility {
        @apply !mt-[10px]
    }
    
    /* Tools List / Payments Icons */
    .tools-list p, .payment-methods p {
        @apply !mb-[12px]
    }
    .tools-list span {
        @apply !pr-px
    }
    .payment-icons img {
        @apply !max-h-[30px]
    }
    .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after {
        @apply !text-[2.125rem] !leading-[2.125rem] !mr-1
    }
    
    /* Content Box Shapes */
    .cbox-5-shape-1, .cbox-5-shape-2 {
        @apply !hidden
    }
    
    /* Content Images */
    .img-block.img-block-bkg img {
        @apply !px-[20px] !py-[35px]
    }
    .img-block-hidden, .bc-5-img.bc-5-dashboard.img-block-hidden {
        @apply !mb-[-30px]
    }
    .ct-10 .img-block {
        @apply !-mb-[40px]
    }
    .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block.right-column, .ct-03 .img-block.left-column {
        @apply !mt-0 !mb-[35px] !mx-[2%]
    }
    .ct-01 .img-block.j-img, .ct-02 .img-block.j-img {
        @apply !ml-[0%] !mr-0
    }
    .ct-06 .img-block, .ct-07 .img-block {
        @apply !-mt-[80px] !mb-[40px]
    }
    .img-block-hidden .video-btn, .bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
        @apply !top-2/4
    }
    .bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
        @apply !top-[calc(50%_-_25px)]
    }
    .img-block-txt, .img-block-btn {
        @apply !mt-[35px]
    }
    .bc-5-img.bc-5-tablet.img-block-hidden {
        @apply !mb-[-60px]
    }
    .bc-6-img {
        @apply !mb-[25px] !pt-[30px] !pb-0 !px-[15px]
    }
    .ct-11 .img-block, .ct-12 .img-block {
        @apply !mb-[35px] !px-[6%] !py-10
    }
    
    /* STATISTIC */
    .sb-rounded .statistic-block {
        @apply !text-center !p-[25px]
    }
    #statistic-5 .statistic-digit {
        @apply !mt-0 !mb-[18px] !mx-[10%] !pb-[18px]
    }
    #sb-1-1, #sb-1-2, #sb-3-1, #sb-3-2, #sb-3-3 {
        @apply !mb-[35px]
    }
    #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 {
        @apply !w-6/12
    }
    #sb-2-3, #sb-2-4 {
        @apply !pr-3
    }
    #sb-4-3 {
        @apply !mb-[30px]
    }
    #sb-5-1, #sb-5-2 {
        @apply !mb-[35px]
    }
    .statistic-1-wrapper .statistic-block-digit {
        @apply !mb-[12px]
    }
    h2.statistic-number {
        @apply !text-[2.21153rem] !leading-none tracking-[-0.5px]
    }
    .txt-block-stat h2.statistic-number {
        @apply !text-[1.98717rem]
    }
    #statistic-1 h2.statistic-number {
        @apply !tracking-[-0.5px]
    }
    #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number {
        @apply !mb-[12px]
    }
    #statistic-5 .statistic-digit h2 {
        @apply !text-[2.21153rem] tracking-[-0.5px]
    }
    #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm {
        @apply !mt-[12px]
    }
    .txt-block-stat .statistic-block p {
        @apply !text-[0.95rem]
    }
    #statistic-5 .statistic-txt p {
        @apply !px-[5%] !py-0
    }
    
    /* PROJECTS */
    #pt--1-1, #pt--1-2, #pt--1-3, .inner-page-hero #pt--1-3, .inner-page-hero #pt--1-4, .inner-page-hero #pt--1-5 {
        @apply !mb-[35px]
    }
    .project-details h5 {
        @apply !mb-[25px]
    }
    .more-projects {
        @apply !mt-[45px]
    }
    
    /* PROJECT DETAILS */
    .single-project .project-title {
        @apply !mb-[40px]
    }
    .project-title h2 {
        @apply !mb-[25px] !pr-0 !pb-[25px]
    }
    .project-data p {
        @apply !mb-[5px]
    }
    .project-priview-img.mb--50 {
        @apply !mb-[35px]
    }
    .project-inner-img .top-img {
        @apply !mb-[30px]
    }
    .project-inner-img.mt--50 {
        @apply !mt-[35px]
    }
    .project-txt h5.mt--35.mb--35 {
        @apply !my-[20px]
    }
    .project-txt h5.mt--50.mb--35 {
        @apply !mt-[35px] !mb-[20px]
    }
    .project-description .more-projects {
        @apply !mt-[40px]
    }
    .project-description .more-projects span {
        @apply !left-1 !top-px
    }
    .project-description .more-projects.ico-25 [class*="flaticon-"]:before, 
.project-description .more-projects.ico-25 [class*="flaticon-"]:after {
        @apply !text-[1.1rem]
    }
    
    /* RATING */
    #rb-2-1, #rb-2-2 {
        @apply !mb-[25px]
    }
    .rating-title h5 {
        @apply !text-[18px] !px-[15%] !py-0
    }
    .rbox-1-img {
        @apply !mb-[15px]
    }
    .rbox-1-img img {
        @apply !max-h-[32px]
    }
    .rbox-2-txt img {
        @apply !max-h-[30px]
    }
    p.rbox-2-txt {
        @apply !leading-[30px] !mt-[8px]
    }
    .rbox-1 .star-rating {
        @apply !px-4 !py-[5px] !text-[0.9rem] !leading-none
    }
    .rbox-1 .star-rating span {
        @apply !top-[2px]
    }
    .rbox-1 .ico-10 [class*="flaticon-"]:before, .rbox-1 .ico-10 [class*="flaticon-"]:after {
        @apply !text-[0.9rem]
    }
    .rbox-1 .ico-15 [class*="flaticon-"]:before, .rbox-1 .ico-15 [class*="flaticon-"]:after {
        @apply !text-[1rem]
    }
    .rbox-2 .ico-20 [class*="flaticon-"]:before, .rbox-2 .ico-20 [class*="flaticon-"]:after {
        @apply !text-[1.3rem]
    }
    .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after {
        @apply !text-[1.3rem]
    }
    
    /* TESTIMONIALS */
    #reviews-4 .txt-block, #reviews-5 .txt-block {
        @apply !text-center
    }
    #reviews-4 .txt-block h2, #reviews-5 .txt-block h2 {
        @apply !text-[1.826923rem] !px-[3%] !py-0
    }
    
    /* 28.5px */
    .review-1 {
        @apply !pt-[35px] !pb-[30px] !px-[25px]
    }
    .review-2 {
        @apply !pt-[35px] !pb-6 !px-[20px]
    }
    .review-3, .review-4, .review-5 {
        @apply !pt-[35px] !pb-6 !px-[25px]
    }
    .review-txt {
        @apply !mt-[-43px]
    }
    .review-txt h6 {
        @apply !mb-[10px]
    }
    .review-3 .review-txt p {
        @apply !text-[1rem]
    }
    .review-1 .author-data, .review-2 .author-data, 
.review-3 .author-data, .review-4 .author-data, .review-5 .author-data {
        @apply !mt-[20px]
    }
    .review-avatar img, .owl-item .review-avatar img {
        @apply !w-[52px] !h-[52px]
    }
    .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img {
        @apply !w-[52px] !h-[52px]
    }
    .review-author {
        @apply !pl-3 !pr-0 !py-0
    }
    .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author {
        @apply !mt-[3px]
    }
    .review-author h6 {
        @apply !mb-[8px]
    }
    .review-1 .review-author h6, .review-2 .review-author h6, .review-3 .review-author h6, 
.review-4 .review-author h6, .review-5 .review-author h6 {
        @apply !text-[1.1875rem]
    }
    
    /* PRESS */
    #press-01, #press-02, #press-03, #press-04, #press-05, #press-06, #press-07 {
        @apply !mb-[25px]
    }
    .press-logo img {
        @apply !max-h-[72px]
    }
    .press-txt {
        @apply !mt-[10px] !px-[1%] !py-0
    }
    
    /* BRANDS */
    #brands-3:after {
        @apply !h-3/4
    }
    .brands-title {
        @apply !px-[4%] !py-0
    }
    .brands-title.mb--35, .brands-title.mb--40 {
        @apply !mb-[25px]
    }
    .brands-title.mb--50 {
        @apply !mb-[30px]
    }
    .brands-title h4, .brands-title h3, .brands-title h2 {
        @apply !mb-[8px]
    }
    .brands-title p.p-md, .brands-title p.p-lg {
        @apply !text-[1rem]
    }
    .brands-3-wrapper, .brands-3-wrapper.brands-3-static {
        @apply !px-[15px] !py-[25px]
    }
    #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-3-1, #brand-3-2, #brand-4-1, #brand-4-2, 
#brand-4-3, #brand-4-4, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brands-4 .brand-logo.mb--40 {
        @apply !mb-[25px]
    }
    #brand-3-5 {
        @apply !hidden
    }
    #brands-1 .brands-carousel-6 .brand-logo, #brands-1 .brands-carousel-5 .brand-logo {
        @apply !px-[18px] !py-0
    }
    #brands-1 .justify-content-center .brand-logo, #brands-4 .brand-logo {
        @apply !px-[18px] !py-0
    }
    #brands-2 .brand-logo, #brands-3 .brand-logo, #brands-3 .brands-3-static .brand-logo {
        @apply !px-[13px] !py-0
    }
    .brands-section .more-btn {
        @apply !mt-[30px]
    }
    
    /* INTEGRATIONS */
    #integrations-2 .container {
        @apply !max-w-full
    }
    .integrations-2-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !px-[20px] !py-[70px] !rounded-[0_0]
    }
    .in_tool_logo.ico-65 img {
        @apply !w-[55px] !h-[55px]
    }
    .in_tool h6 {
        @apply !text-[18px]
    }
    #integrations-1 .in_tool-logo.ico-60 img {
        @apply !w-[48px] !h-[48px]
    }
    .integrations-1-wrapper .in_tool {
        @apply !px-[22px] !py-[18px]
    }
    .integrations-1-wrapper .in_tool.mb--30, .integrations-1-wrapper .it-7, .integrations-1-wrapper .it-8 {
        @apply !mb-[25px]
    }
    .integrations-1-wrapper .in_tool-txt h6 {
        @apply !text-[1.25rem] !leading-none !mt-[3px]
    }
    .integrations-1-wrapper .in_tool-txt p {
        @apply !text-[1.0625rem] !mt-1
    }
    .integrations-section .more-btn.mt--60, .integrations-section .more-btn.mt--70 {
        @apply !mt-[30px]
    }
    
    /* PRICING */
    .pricing-1-table, .text--center .pricing-1-table {
        @apply !pt-[35px] !pb-[30px] !px-10
    }
    .pricing-2-table {
        @apply !p-[35px]
    }
    .pricing-3-table {
        @apply !pt-[30px] !pb-[35px] !px-[30px]
    }
    .pricing-4-table {
        @apply !px-[30px] !py-[35px]
    }
    .pricing-table-header h5, .pricing-table-header h4 {
        @apply !text-[1.47435rem]
    }
    .pricing-discount {
        @apply !px-[11px] !py-[6px] -right-[2px] !top-0
    }
    .pricing-1-table .pricing-discount {
        @apply !px-[13px] !py-[7px] !right-0 !-top-1
    }
    .text--center .pricing-1-table .pricing-discount {
        @apply !right-[-5px] !-top-8
    }
    .pricing-discount h6 {
        @apply !text-[1.05rem]
    }
    .pricing-1-table .pricing-discount h6 {
        @apply !text-[0.9375rem]
    }
    .pricing-3-table .price.mt--25 {
        @apply !mt-[20px]
    }
    .p-table p.btn-txt {
        @apply !mt-[10px] !mb-0 !mx-0
    }
    
    /* Price */
    .price span {
        @apply !text-[2.564102rem] tracking-[-1.5px]
    }
    .pricing-2-table.highlight .price span {
        @apply !text-[2.35rem]
    }
    .pricing-3-table .price span {
        @apply !text-[4.102564rem] tracking-[-3px]
    }
    .pricing-4-table .price span {
        @apply !text-[2.564102rem]
    }
    .price sup {
        @apply !text-[1.9230769rem] !-top-1
    }
    .pricing-3-table .price sup {
        @apply !text-[2.35rem] !top-[-18px]
    }
    .pricing-4-table .price sup {
        @apply !text-[1.9230769rem] !right-[2px] !-top-1
    }
    .pricing-3-table .price sup.coins {
        @apply !text-[2.35rem] !top-[-21px] tracking-[-2px]
    }
    .price sup.validity {
        @apply !text-[1.282051rem]
    }
    .pricing-3-table .price sup.validity {
        @apply !text-[1.282051rem] !mt-[20px] !mb-[35px] !top-0
    }
    .pricing-4-table .price sup.validity {
        @apply !text-[1.282051rem] !left-1 !top-0
    }
    .text--center .price p, .text--center .pricing-2-table .price p {
        @apply !p-0
    }
    .pricing-4-table .pricing-table-header p.p-lg {
        @apply !text-[0.9375rem]
    }
    .pricing-4-table .price p {
        @apply !mt-[15px] !mb-[10px]
    }
    .pricing-1-table .pt--btn {
        @apply !mt-[10px]
    }
    .pricing-2-table .pt--btn, .pricing-3-table .pt--btn, .pricing-4-table .pt--btn {
        @apply !mt-[20px]
    }
    .pricing-2-table hr {
        @apply !mt-[20px]
    }
    
    /* Pricing Features */
    .pricing-features.mt--25 {
        @apply !mt-[15px]
    }
    .pricing-features li, .pricing-4-table .pricing-features li {
        @apply !px-2 !py-[10px]
    }
    
    /* Pricing Notice */
    .pricing-notice.mb--40 {
        @apply !mb-[30px]
    }
    .lg\:w-9\/12 .pricing-notice p, .lg\:w-10\/12 .pricing-notice p {
        @apply !p-0
    }
    
    /* Pricing Toggle Button */
    #pricing-4 .ext-toggle-btn {
        @apply !mt-0 !mb-[30px] !mx-auto
    }
    .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt {
        @apply !text-[1.15rem]
    }
    
    /* Pricing Compare */
    .table-responsive.mb--50 {
        @apply !mb-[30px]
    }
    .comp-table-rouded {
        @apply !pt-[10px] !pb-0 !px-[10px]
    }
    .table>:not(caption)>*>* {
        @apply !py-[9px]
    }
    .comp-table .table-responsive thead th {
        @apply !text-[0.9rem]
    }
    .comp-table .table-responsive tbody th {
        @apply !text-[0.815rem] !leading-tight
    }
    .comp-table .table-responsive tbody td {
        @apply !text-[0.85rem] !leading-tight !top-0
    }
    .comp-table .table-responsive tbody td span {
        @apply !top-[3px]
    }
    .table-responsive .ico-15 [class*="flaticon-"]:before, 
.table-responsive .ico-15 [class*="flaticon-"]:after {
        @apply !text-[0.675rem]
    }
    .table-responsive .ico-20 [class*="flaticon-"]:before, 
.table-responsive .ico-20 [class*="flaticon-"]:after {
        @apply !text-[0.835rem]
    }
    .pbox {
        @apply !p-0
    }
    #pbox-1, #pbox-2, #pbox-3 {
        @apply !mb-[30px]
    }
    .pricing-section .txt-box-last {
        @apply !mb-[40px]
    }
    .pricing-section .pm-last {
        @apply !mb-[40px]
    }
    .comp-table-payment h6 {
        @apply !mb-[15px]
    }
    
    /* TEAM */
    #team-1.pb--40, #team-2.pb--40 {
        @apply !pb-[30px]
    }
    .team-member.mb--40, .team-member.mb--50, .team-member.mb--60 {
        @apply !mb-[40px]
    }
    .team-member-photo {
        @apply !mb-[25px]
    }
    #team-1 .team-member-data, #team-2 .team-member-data {
        @apply !ml-[10px]
    }
    .team-member-data h6.s-20 {
        @apply !text-[1.34615rem] !mb-[6px]
    }
    
    /* 21px */
    .team-member-data p, .team-member-data p.p-md, .team-member-data p.p-lg {
        @apply !text-[1.175rem]
    }
    ul.tm-social, #team-1 ul.tm-social {
        @apply !right-[10px] !top-0
    }
    .tm-social.ico-20 [class*="flaticon-"]:before, .tm-social.ico-20 [class*="flaticon-"]:after {
        @apply !text-[1.34615rem]
    }
    
    /* CAREERS */
    #careers-1 {
        @apply !pb-[40px]
    }
    .role-box {
        @apply !text-center !px-10 !py-[25px]
    }
    .role-box-txt span, #careers-1 .role-box span {
        @apply !mb-[12px]
    }
    .role-box-txt h6 {
        @apply !leading-[1.4] !mb-[5px]
    }
    #careers-1 .role-box h6 {
        @apply !leading-[1.4] !mb-[6px]
    }
    .role-box-txt p {
        @apply !mb-[14px]
    }
    
    /* CAREER ROLE */
    #role-page .inner-page-title {
        @apply !mb-[25px]
    }
    #role-page .inner-page-title span {
        @apply !mb-[20px]
    }
    #role-page .inner-page-title p {
        @apply !p-0
    }
    .role-info hr, #role-page .cbox-6-wrapper {
        @apply !mx-0 !my-[35px]
    }
    .txt-block.role-info .btn {
        @apply !mt-[30px]
    }
    
    /* BANNER */
    #banner-12, #banner-13 {
        @apply !mt-0 !mb-[25px]
    }
    #banner-9.py--70 {
        @apply !py-[60px]
    }
    #banner-1 .container, #banner-2 .container, #banner-3 .container,
#banner-11 .container, #banner-12 .container, #banner-13 .container {
        @apply !max-w-full
    }
    .banner-1-wrapper, .banner-2-wrapper, .banner-3-wrapper,
.banner-11-wrapper, .banner-12-wrapper, .banner-13-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !rounded-[0_0]
    }
    .banner-1-wrapper .banner-overlay, .banner-2-wrapper .banner-overlay, 
.banner-3-wrapper .banner-overlay {
        @apply !pt-[55px] !pb-[65px] !px-[20px]
    }
    .banner-1-wrapper .banner-overlay.sm-title {
        @apply !pt-[55px] !pb-[65px] !px-[20px]
    }
    #banner-5 .banner-overlay.pt--80.pb--90, #banner-7 .banner-overlay.pt--80.pb--90, #banner-6 .banner-overlay, 
#banner-8 .banner-overlay, #banner-14 .banner-overlay, #banner-15 .banner-overlay {
        @apply !pt-[55px] !pb-[65px]
    }
    #banner-10 .banner-overlay {
        @apply !py-[60px]
    }
    .banner-11-wrapper .banner-overlay {
        @apply !overflow-hidden !pt-[55px] !pb-0 !px-[25px] !rounded-[0_0]
    }
    .banner-12-wrapper .banner-overlay {
        @apply !overflow-visible !pt-[55px] !pb-0 !px-[25px] !rounded-[0_0]
    }
    .banner-13-wrapper .banner-overlay {
        @apply !overflow-visible !pt-[55px] !pb-[65px] !px-[25px] !rounded-[0_0]
    }
    .banner-16-wrapper .banner-overlay {
        @apply !px-[10%] !py-[35px]
    }
    .banner-5-txt {
        @apply !px-[3%] !py-0
    }
    .banner-8-txt {
        @apply !px-[5%] !py-0
    }
    .banner-12-txt, .banner-13-txt {
        @apply !mt-0 !pr-0
    }
    .banner-section .section-id {
        @apply !mb-[18px]
    }
    #banner-15.banner-section .section-id {
        @apply !mb-[22px]
    }
    .banner-section h2 {
        @apply !text-[1.826923rem]
    }
    .banner-section h3 {
        @apply !text-[1.698717rem]
    }
    .banner-1-txt h2 {
        @apply !mb-[12px]
    }
    .banner-2-txt h2, .banner-10-txt h2 {
        @apply !mb-[25px]
    }
    .banner-4-txt h2 {
        @apply !mb-[22px] !px-[6%] !py-0
    }
    .banner-7-txt h2 {
        @apply !mb-[25px]
    }
    .banner-10-txt h6 {
        @apply !mb-[5px]
    }
    .banner-10-txt h2 {
        @apply !text-[3.25rem] !mb-[18px]
    }
    .banner-11-txt h2, .banner-12-txt h2, .banner-13-txt h2 {
        @apply !mb-[14px]
    }
    .banner-15-txt h2 {
        @apply !mb-[25px]
    }
    .banner-16-txt h4 {
        @apply !mb-[10px] !px-[5%] !py-0
    }
    .banner-section p.p-lg, .banner-section p.p-xl {
        @apply !text-[1.121794rem] !mb-[20px]
    }
    .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl,
.banner-6-txt p.p-lg, .banner-6-txt p.p-xl {
        @apply !mt-[12px] !mb-[20px]
    }
    .banner-3-txt p.p-lg, .banner-3-txt p.p-xl, .banner-5-txt p.p-lg, .banner-5-txt p.p-xl {
        @apply !mt-[12px]
    }
    .banner-5-txt p.s-21, .banner-5-txt p.s-22 {
        @apply !mt-[12px] !mb-[18px]
    }
    .banner-9-txt p.p-lg, .banner-9-txt p.p-xl {
        @apply !mt-[10px] !mb-[20px]
    }
    .banner-11-txt p {
        @apply !pr-0
    }
    .banner-14-txt p.p-lg {
        @apply !mt-[18px] !mb-[20px] !px-[5%] !py-0
    }
    .banner-5-txt .btns-group.mt--35 {
        @apply !mt-[20px]
    }
    .banner-8-buttons {
        @apply !mt-[15px] !px-[4%] !py-0
    }
    .banner-15-txt .download-links {
        @apply !mt-[15px]
    }
    .banner-section .btns-group .btn:first-child {
        @apply !mb-[15px] !mx-0
    }
    .banner-16-txt .txt-block-tra-link.mt--15 {
        @apply !mt-[12px]
    }
    .banner-9-img {
        @apply !mt-[40px] !mb-0 !mx-[2%]
    }
    .banner-10-img {
        @apply !mt-[40px] !mb-0 !mx-[5%]
    }
    .banner-11-img {
        @apply !mt-[35px] !-mb-[20px] !mx-[2%]
    }
    .banner-12-img {
        @apply !rotate-0 !mt-[35px] !-mb-[40px] !mx-0
    }
    
    /* DOWNLOAD */
    .release-data {
        @apply !mb-[25px] !pb-[25px]
    }
    span.version-data {
        @apply !text-[1.75rem] !mr-[10px]
    }
    span.release-date span {
        @apply !text-[18px] !ml-[10px]
    }
    
    /* FAQs */
    #faqs-1, #faqs-4 {
        @apply !pb-[50px]
    }
    
    /* FAQs Section Title */
    #faqs-1 .section-title {
        @apply !mb-[20px]
    }
    #faqs-2 .inner-page-title {
        @apply !mb-[30px]
    }
    #faqs-3 .section-title {
        @apply !mb-[40px]
    }
    #faqs-4 .inner-page-title {
        @apply !mb-[40px]
    }
    #faqs-3 .section-title .contact-link {
        @apply !block
    }
    
    /* FAQs Accordion */
    .faqs-section .accordion-thumb {
        @apply !pt-5 !pb-[22px] !px-0
    }
    #faqs-2.faqs-section .accordion-thumb {
        @apply !pt-5 !pb-[25px] !px-0
    }
    .faqs-section .accordion-item .accordion-thumb:after, 
.faqs-section .accordion-item.is-active .accordion-thumb:after {
        @apply !text-[14px] !right-0 !top-[23px]
    }
    #faqs-2.faqs-section .accordion-item .accordion-thumb:after, 
#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
        @apply !text-[0.9rem] !right-[2px] !top-[22px]
    }
    .accordion-panel {
        @apply !pt-0 !pb-[5px] !px-0
    }
    #faqs-2 .accordion-panel {
        @apply !pt-[30px] !pb-[15px] !px-0
    }
    #faqs-2 .accordion-panel-item.mb--35, #faqs-3 .question.mb--35 {
        @apply !mb-[25px]
    }
    .faqs-section .accordion-thumb h5 {
        @apply !leading-[1.35] !pr-[8%]
    }
    .question h5, .accordion-panel-item h5 {
        @apply !leading-[1.35] !mb-[15px]
    }
    
    /* FAQs Tabs */
    .faqs-section .tabs-1 {
        @apply !mt-0 !mb-[10px] !mx-[5px] block
    }
    .faqs-section .tabs-1 li {
        @apply !min-w-full !mt-0 !mb-[20px] !mx-0 !px-0 !py-5
    }
    
    /* More Questions Link */
    #faqs-2 .more-questions {
        @apply !mt-[45px] !mb-0 !mx-auto
    }
    #faqs-3 .more-questions.mt--40 {
        @apply !mt-[15px]
    }
    .more-questions-txt {
        @apply !px-[20px] !py-[14px]
    }
    .more-questions-txt p {
        @apply !text-[1.1rem]
    }
    
    /* NEWSLETTER */
    #newsletter-1 .newsletter-overlay, #newsletter-5 .newsletter-overlay {
        @apply !pt-[50px] !pb-[40px]
    }
    #newsletter-2 .container {
        @apply !max-w-full
    }
    #newsletter-2 .newsletter-overlay {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !pt-[50px] !pb-[40px] !px-[8%] !rounded-[0_0]
    }
    #newsletter-3, #newsletter-4 .newsletter-overlay {
        @apply !pt-[55px] !pb-[60px]
    }
    #newsletter-4 .newsletter-txt, #newsletter-5 .newsletter-txt {
        @apply !p-0
    }
    .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 {
        @apply !mb-[25px]
    }
    .newsletter-txt h4, .newsletter-txt h3 {
        @apply !text-[1.666666rem] !mb-[25px] !p-0
    }
    #newsletter-3 .newsletter-txt p {
        @apply !px-[2%] !py-0
    }
    #newsletter-4 .newsletter-txt p {
        @apply !text-[1rem] !mb-0 !px-[2%] !py-0
    }
    #newsletter-5 .newsletter-txt p {
        @apply !mt-[15px]
    }
    #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form, 
#newsletter-3 .newsletter-form, #newsletter-4 .newsletter-form {
        @apply !px-[3%] !py-0
    }
    #newsletter-5 .newsletter-form {
        @apply !mt-[25px] !px-[3%] !py-0
    }
    .newsletter-section .form-control, #newsletter-1.newsletter-section .form-control, 
#newsletter-5.newsletter-section .form-control {
        @apply !h-[52px] !text-[1.0625rem]
    }
    .newsletter-section .btn, #newsletter-1 .btn, #newsletter-5.newsletter-section .btn {
        @apply !h-[52px] !text-[1.0625rem]
    }
    
    /* BLOG */
    #bp-1-1, #bp-1-2 {
        @apply !mb-[35px]
    }
    .blog-post-img.mb--35 {
        @apply !mb-[30px]
    }
    .post-tag {
        @apply !text-[0.815rem] !mb-[14px]
    }
    .blog-post-txt h6, .blog-post-txt h4.mb--20, .blog-post-txt h3 {
        @apply !mb-[14px]
    }
    .blog-post-meta.mt--20, .blog-post-meta.mt--30 {
        @apply !mt-[14px]
    }
    
    /* Blog Listing */
    .wide-post {
        @apply !mb-[40px]
    }
    .wide-post h3.s-36, .wide-post h3.s-38, .wide-post h3.s-40, .square-post h4.s-34 {
        @apply !text-[1.217948rem]
    }
    .wide-post .blog-post-img {
        @apply !mb-[30px]
    }
    .square-post {
        @apply !mt-[10px] !mb-[40px]
    }
    .square-post .blog-post-txt {
        @apply !pt-10 !pb-[35px] !px-[20px]
    }
    .posts-category {
        @apply !mt-[10px] !mb-[30px]
    }
    .posts-category span {
        @apply !top-[1.25px]
    }
    .posts-category.ico-20 [class*="flaticon-"]:before, 
.posts-category .more-projects.ico-20 [class*="flaticon-"]:after {
        @apply !text-[1.0625rem]
    }
    
    /* Single Blog Post */
    .single-post-title h3, .single-post-title h2 {
        @apply !mb-[20px] !px-[5%] !py-0
    }
    .single-post-title .blog-post-meta.mt--35 {
        @apply !mt-[25px]
    }
    #single-post .post-meta-list .meta-list-divider {
        @apply !hidden
    }
    #single-post .post-meta-list li {
        @apply !block !mt-[10px]
    }
    .post-inner-img {
        @apply !my-[30px]
    }
    .single-post-txt h5, .single-post-txt h4 {
        @apply !mt-[15px] !mb-[18px]
    }
    .single-post-txt .blockquote p {
        @apply !text-[1.0625rem] !mb-[30px]
    }
    .single-post-txt .blockquote-footer {
        @apply !text-[1rem] !leading-[1.3]
    }
    .post-share-list {
        @apply !mt-[30px] !pb-[40px]
    }
    .post-author {
        @apply !block !px-0 !py-[50px]
    }
    .post-author-avatar {
        @apply !block !text-left !mr-0 !mb-[20px]
    }
    .post-author-avatar img {
        @apply !w-[70px] !h-[70px]
    }
    .post-author-txt h5 {
        @apply !mb-[10px]
    }
    .author-follow-btn {
        @apply !px-3 !py-[5px] !right-[10px] !top-[135px]
    }
    .post-comments {
        @apply !pt-[50px]
    }
    .post-comments h5 {
        @apply !mb-[40px]
    }
    .comment-body {
        @apply !ml-[18px]
    }
    .post-comments img {
        @apply !w-[43px] !h-[43px]
    }
    .comment-meta {
        @apply !mb-[8px]
    }
    .comment-meta h6 {
        @apply !mb-[5px]
    }
    .post-comments #leave-comment h5 {
        @apply !mt-[50px]
    }
    .comment-form p {
        @apply !mb-[10px]
    }
    .comment-form {
        @apply !mt-[50px]
    }
    .comment-form .btn {
        @apply !mt-0
    }
    
    /* CONTACTS */
    #contacts-1 .section-title p {
        @apply !px-[3%] !py-0
    }
    #contacts-1 .contact-form .contact-form-notice p {
        @apply !text-[14px] !mt-[30px]
    }
    #contacts-1 .contact-form .w-full span {
        @apply !leading-[1.4] !mb-[15px]
    }
    .contact-form .form-control, .contact-form .form-select {
        @apply !h-[54px]
    }
    .contact-form textarea {
        @apply !min-h-[170px]
    }
    .contact-form textarea.form-control {
        @apply !p-[15px]
    }
    
    /* FOOTER */
    .footer {
        @apply !pb-[30px]
    }
    .footer hr {
        @apply !mt-[5px] !mb-[30px]
    }
    #footer-10.pt--50 {
        @apply !pt-0
    }
    #footer-11.p-404.pt--50 {
        @apply !py-10
    }
    .footer .sm\:w-4\/12, .footer .sm\:w-6\/12, .footer .sm\:w-8\/12 {
        @apply !w-6/12 !float-left
    }
    #footer-3.footer .sm\:w-6\/12.md\:w-3\/12 {
        @apply !w-full !float-none
    }
    .footer-info, .footer-links, .footer-stores-badge {
        @apply !mb-[35px]
    }
    #footer-2 .footer-info {
        @apply !mb-[40px]
    }
    #footer-6 .footer-info, #footer-7 .footer-info {
        @apply !mt-[10px] !mb-0
    }
    #footer-10 .footer-info {
        @apply !mb-[25px] !pb-[35px]
    }
    #footer-8 .footer-links, #footer-10 .footer-links {
        @apply !mb-[10px]
    }
    img.footer-logo, img.footer-logo-dark {
        @apply !max-h-[36px]
    }
    #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo {
        @apply !mb-[24px]
    }
    #footer-10 img.footer-logo {
        @apply !max-h-[36px]
    }
    .footer h6 {
        @apply !text-[1.153846rem] !mb-[18px]
    }
    
    /* 18px */
    .footer-mail-link {
        @apply !text-[1.06410rem]
    }
    
    /* 16.6px */
    .footer-mail-link span {
        @apply !right-1 !top-[3px]
    }
    #footer-1 .footer-info .footer-mail-link {
        @apply !mt-[5px]
    }
    #footer-8 .foo-links li {
        @apply !block !pl-0
    }
    #footer-10 .foo-links li {
        @apply !px-2 !py-0
    }
    .foo-links.ico-10 li span {
        @apply !right-[3px] !top-px
    }
    .foo-links li a span.ext-link {
        @apply !left-[2px] !top-[0.5px]
    }
    .footer-stores-badge .store {
        @apply !mr-[6px]
    }
    .footer-form {
        @apply !mr-[5%]
    }
    #footer-9 .footer-form {
        @apply !mb-0
    }
    #footer-9 .footer-form h6 {
        @apply !pr-[5%]
    }
    .footer-form .form-control {
        @apply !text-[1.0625rem]
    }
    .footer-form .form-control, .footer-form .btn {
        @apply !h-[30px]
    }
    .footer-form .ico-15 [class*="flaticon-"]:before, 
.footer-form .ico-15 [class*="flaticon-"]:after {
        @apply !text-[1.1rem] !leading-[26px]
    }
    .bottom-footer-socials {
        @apply !mt-[10px]
    }
    .bottom-footer-socials li {
        @apply !pl-3 first:!pl-0
    }
    .bottom-footer-list {
        @apply !mt-[3px]
    }
    #footer-4 .bottom-footer-list li, #footer-9 .bottom-footer-list li {
        @apply !pl-2
    }
    #footer-4 .bottom-footer-list li span, #footer-9 .bottom-footer-list li span {
        @apply !mr-px
    }
    .footer-list-divider {
        @apply !top-0
    }
    .bottom-secondary-link p span {
        @apply !px-[2px] !py-0 !top-[1.5px]
    }
    .footer-info-copyright p span {
        @apply !px-[2px] !py-0 !top-[2px]
    }
    .footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
.footer-info-copyright.ico-15 [class*="flaticon-"]:after {
        @apply !text-[0.815rem]
    }
    
    /* INNER PAGE WRAPPER */
    .inner-page-title {
        @apply !mb-[50px]
    }
    .inner-page-title h2 {
        @apply !mb-0
    }
    .inner-page-title p {
        @apply !text-[18px] !leading-[1.6666] !mt-[12px] !px-[3%] !py-0
    }
    .page-hero-section h1 {
        @apply !leading-tight !mb-[20px]
    }
    
    /* PAGE PAGINATION */
    .page-link {
        @apply !text-[0.95rem] !px-[10px] !py-[2px]
    }
    .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after {
        @apply !text-[12px]
    }
    
    /* SIGN IN / SIGN UP */
    .login-page-logo {
        @apply !mb-[38px]
    }
    .login-page-logo img {
        @apply !max-h-[36px]
    }
    .register-form-title {
        @apply !mb-[25px]
    }
    .register-form-title h3 {
        @apply !text-[1.60256rem]
    }
    .separator-line, .register-page-form p.input-header, .form-data span, .register-page-form .btn-google {
        @apply !text-[1rem]
    }
    #signup .form-data span {
        @apply !text-[0.935rem]
    }
    .reset-password-link p {
        @apply !text-[1rem] !mt-0 !mb-[10px]
    }
    .register-page-form p.create-account {
        @apply !text-[1rem] !mt-[20px]
    }
    .separator-line {
        @apply !mx-0 !my-[20px]
    }
    .reset-form-title {
        @apply !mb-[16px]
    }
    .reset-form-title p.p-sm {
        @apply !text-[1rem] !mt-[15px]
    }
    .reset-page-wrapper {
        @apply !mx-[10px] !my-0
    }
    .reset-page-wrapper form {
        @apply !pt-[35px] !pb-[10px] !px-[10px]
    }
    #login .register-page-form, #signup .register-page-form {
        @apply !px-[20px] !py-[35px]
    }
    #login.login-1 .register-page-form, #signup.signup-1 .register-page-form {
        @apply !px-[10px] !py-[15px]
    }
    .reset-page-wrapper .form-control, 
.register-page-form .form-control {
        @apply !h-[50px] !text-[1.0625rem] !mb-[20px] !px-3 !py-[5px]
    }
    #login .register-page-form .btn.submit {
        @apply !h-[50px] !text-[1.0625rem] !mt-[12px]
    }
    #signup .register-page-form .btn.submit {
        @apply !h-[50px] !text-[1.0625rem] !mt-[20px]
    }
    .reset-page-wrapper .btn.submit {
        @apply !h-[50px] !text-[1.0625rem]
    }
    .btn-google img {
        @apply !w-[18px] !h-[18px] !right-[5px] !-top-[2px]
    }
    .btn-show-pass {
        @apply !top-4
    }
    
    /* PAGE 404 */
    .page-404-txt {
        @apply !pt-[100px] !pb-[60px]
    }
    .page-404-txt h2 {
        @apply !mb-[15px]
    }
    .page-404-txt h6 {
        @apply !leading-[1.6] !mb-[22px] !px-[2%] !py-0
    }
    .page-404-img {
        @apply !mb-[35px] !px-[6%] !py-0
    }
    
    /* MODAL */
    #modal-1 .modal-dialog {
        @apply !max-w-[330px] !m-auto
    }
    #modal-2 .modal-dialog {
        @apply !w-[310px] !m-auto
    }
    #modal-3 .modal-dialog.modal-xl {
        @apply !w-[320px] !m-auto
    }
    #modal-1.modal .btn-close {
        @apply !right-[10px] !top-[10px]
    }
    #modal-2 .modal-body-content {
        @apply !pt-[22px] !pb-[5px] !px-[30px]
    }
    #modal-3 .modal-body-content {
        @apply !pt-[30px] !pb-[20px] !px-[10px]
    }
    .modal-body .newsletter-form {
        @apply !mt-[15px]
    }
    .modal .form-control, .modal .newsletter-form .btn {
        @apply !h-[48px] !text-[1rem]
    }
    #modal-3 .request-form-title p {
        @apply !mt-[15px] !mb-[20px]
    }
    #modal-3 .request-form .form-control {
        @apply !mt-0 !mb-[20px] !mx-0
    }
    #modal-3 .request-form .btn {
        @apply !h-[48px] !text-[1.0625rem]
    }
}

@media (max-width: 320.98px) {
  
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  @apply !m-0 !max-w-full
}
    html {
        @apply !text-[87.5%]
    }
    #stlChanger {
        @apply !hidden
    }
    .ts-0 {
        @apply !pt-[80px]
    }
    .bg--fixed {
        @apply !w-auto
    }
    .bg--scroll {
        @apply !w-auto !bg-scroll
    }
    .py--50 {
        @apply !py-[30px]
    }
    .py--60 {
        @apply !py-10
    }
    .py--70 {
        @apply !py-10
    }
    .py--80 {
        @apply !py-10
    }
    .py--90 {
        @apply !py-[50px]
    }
    .py--100 {
        @apply !py-[60px]
    }
    .pt--50 {
        @apply !pt-[30px]
    }
    .pt--60 {
        @apply !pt-10
    }
    .pt--70 {
        @apply !pt-10
    }
    .pt--80 {
        @apply !pt-10
    }
    .pt--90 {
        @apply !pt-[50px]
    }
    .pt--100 {
        @apply !pt-[60px]
    }
    .pb-\[50px\] {
        @apply !pb-[30px]
    }
    .pb--60 {
        @apply !pb-[40px]
    }
    .pb--70 {
        @apply !pb-[40px]
    }
    .pb--80 {
        @apply !pb-[40px]
    }
    .pb--90 {
        @apply !pb-[50px]
    }
    .pb--100 {
        @apply !pb-[60px]
    }
    .mb--40 {
        @apply !mb-[20px]
    }
    .mb--50 {
        @apply !mb-[30px]
    }
    .mb--60 {
        @apply !mb-[40px]
    }
    
    /* Backgroud Shape */
    .shape--01:after {
        @apply !h-[90%] !top-[6.5%]
    }
    .shape--02:after {
        @apply !w-[140%] !h-[90%] !left-[-20%] !top-[6.5%]
    }
    .shape--03:after {
        @apply !w-[140%] !h-[129%] !top-[-70px] !left-[-20%]
    }
    .shape--04:after {
        @apply !h-[92%] !top-0
    }
    .shape--05:after {
        @apply !h-[94%]
    }
    .shape--06:after {
        @apply !h-[92%]
    }
    .shape--07:after {
        @apply !h-4/5 !top-[15%]
    }
    ol.digit-list p {
        @apply !mb-[5px]
    }
    .font--jakarta h1, .font--jakarta h2 {
        @apply !leading-[1.35]
    }
    .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6 {
        @apply !leading-[1.4]
    }
    
    /* Font Size */
    .s-15, .s-16 {
        @apply !text-[1rem]
    }
    
    /* 14px */
    .s-17 {
        @apply !text-[1.0625rem]
    }
    
    /* 14.875px */
    .s-18, .s-19, .s-20, .s-21, .s-22, .s-23 {
        @apply !text-[1.285714rem]
    }
    
    /* 18px */
    .s-24, .s-26, .s-28 {
        @apply !text-[1.35714rem]
    }
    
    /* 19px */
    .s-30, .s-32, .s-34 {
        @apply !text-[1.5rem]
    }
    
    /* 21px */
    .s-36, .s-38, .s-40 {
        @apply !text-[1.57142rem]
    }
    
    /* 22px */
    .s-42, .s-43, .s-44, .s-45, .s-46, .s-47 {
        @apply !text-[1.714285rem]
    }
    
    /* 24px */
    .s-48 {
        @apply !text-[1.85714rem]
    }
    
    /* 26px */
    .s-50, .s-52, .s-54, .s-56, .s-58, .s-60 {
        @apply !text-[1.92857rem]
    }
    
    /* 27px */
    .s-62 {
        @apply !text-[2rem]
    }
    
    /* 28px */
    .s-64, .s-66, .s-68 {
        @apply !text-[2.07142rem]
    }
    
    /* 29px */
    .s-68 {
        @apply !text-[2.14285rem]
    }
    
    /* 30px */
    
    /* Paragraphs */
    p.p-md, p.p-lg {
        @apply !text-[1.0625rem]
    }
    p.p-xl {
        @apply !text-[1.125rem]
    }
    
    /* Transparent Link */
    a.tra-link {
        @apply !text-[1.0625rem]
    }
    .tra-link.ico-20 [class*="flaticon-"]:before, 
.tra-link.ico-20 [class*="flaticon-"]:after {
        @apply !text-[0.785rem] !leading-[0.7rem] !left-[2px] !top-px
    }
    
    /* Button */
    .btn {
        @apply !text-[1rem]
    }
    .btn.btn-sm {
        @apply !text-[1rem] !px-6 !py-[0.7rem]
    }
    .btns-group .btn.ico-30.ico-left, .btns-group .btn.ico-30.ico-right {
        @apply !pt-[0.391175rem] !pb-0 !px-2
    }
    
    /* Buttons Group */
    .btns-group .btn:first-child {
        @apply !mb-[15px] !mx-[5px]
    }
    
    /* Button Text */
    .text--center p.btns-group-txt {
        @apply !mt-[18px]
    }
    .btn-rating {
        @apply !mt-[15px] !mb-0 !mx-0
    }
    .btn-rating p.p-sm {
        @apply !text-[0.9375rem]
    }
    
    /* Button Icon */
    .btn.ico-20 [class*="flaticon-"]:before, 
.btn.ico-20 [class*="flaticon-"]:after {
        @apply !text-[1.15rem] !leading-[0.45rem] !top-[3.5px]
    }
    .btn.ico-30 [class*="flaticon-"]:before, .btn.ico-30 [class*="flaticon-"]:after {
        @apply !text-[1.85rem]
    }
    .btn.ico-30.ico-left span.ico-30-txt {
        @apply !text-[18px] !mr-0 !-top-2
    }
    .btn.ico-30.ico-right span.ico-30-txt {
        @apply !text-[18px] !ml-0 !-top-2
    }
    .btn.ico-left span {
        @apply !mr-[2px]
    }
    .btn.ico-right span {
        @apply !ml-[2px]
    }
    
    /* OS Button */
    .os-btn {
        @apply !w-[250px] !min-w-[250px] !pt-[14px] !pb-[10px] !px-[15px]
    }
    .os-btn-ico {
        @apply !mr-[14px]
    }
    .os-btn-txt p {
        @apply !mt-1
    }
    .btn-os.mb--15 {
        @apply !mb-[12px]
    }
    .btn-os.mr--15 {
        @apply !mr-0 !mb-[12px]
    }
    
    /* Store Badges */
    .store {
        @apply !mr-[6px]
    }
    .store.store-btn-2 {
        @apply !mr-0
    }
    .store-btn-3, .store-btn-4 {
        @apply !mt-[12px]
    }
    
    /* Watch Video Link */
    .watch-video {
        @apply !mt-[18px]
    }
    .watch-video-link {
        @apply !mr-2
    }
    p.video-txt-lg {
        @apply !text-[1.0625rem]
    }
    p.video-txt-sm {
        @apply !text-[1rem]
    }
    
    /* Vector Icon Background */
    .ico-50 .shape-ico svg {
        @apply !w-[100px] !h-[100px] !top-[-30px] !left-[calc(50%_-_55px)]
    }
    .fbox-11 .ico-50 .shape-ico svg {
        @apply !top-[-30px] !left-[calc(50%_-_55px)]
    }
    .ico-55 .shape-ico svg {
        @apply !w-[105px] !h-[105px] !top-[-30px] !left-[calc(50%_-_50px)]
    }
    .ico-60 .shape-ico svg {
        @apply !w-[110px] !h-[110px] !top-[-30px] !left-[calc(50%_-_55px)]
    }
    
    /* Vector Rounded Icons */
    .ico-rounded, .ico-rounded-md, .ico-rounded-lg {
        @apply !w-[88px] !h-[88px]
    }
    .ico-rounded [class*="flaticon-"]:before, 
.ico-rounded [class*="flaticon-"]:after, 
.ico-rounded-md [class*="flaticon-"]:before, 
.ico-rounded-md [class*="flaticon-"]:after, 
.ico-rounded-lg [class*="flaticon-"]:before, 
.ico-rounded-lg [class*="flaticon-"]:after {
        @apply !text-[2.85rem] !leading-[88px]
    }
    
    /* Vector Square Icons */
    .ico-square {
        @apply !w-20 !h-20
    }
    .ico-square [class*="flaticon-"]:before, 
.ico-square [class*="flaticon-"]:after {
        @apply !text-[2.85rem] !leading-[80px]
    }
    
    /* Section ID */
    .section-id.rounded-id {
        @apply !text-[0.8rem] !mb-[25px] !px-[20px] !py-[7px]
    }
    
    /* Section Title */
    .section-title.mb--60 {
        @apply !mb-[32px]
    }
    .section-title.mb--70, .section-title.mb--80 {
        @apply !mb-[35px]
    }
    .section-title h2 {
        @apply !px-[1%] !py-0
    }
    .section-title p.p-md, .section-title p.p-lg {
        @apply !mt-[12px] !p-0
    }
    .section-title p.p-xl {
        @apply !text-[1.125rem] !mt-[12px]
    }
    .section-title p.s-20, .section-title p.s-21 {
        @apply !text-[1.285714rem] !mt-[10px]
    }
    
    /* 18px */
    .section-title .btns-group.mt--35, .section-title .stores-badge.mt--30 {
        @apply !mt-[20px]
    }
    .section-title .btns-group .btn {
        @apply !mx-[10px] first:!mb-[12px]
    }
    
    /*------------------------------------------*/
    
    /*  PRELOAD ANIMATION    
/*------------------------------------------*/
    #loading-center {
        @apply !h-20 !w-20 -ml-10 -mt-[40px]
    }
    
    /*------------------------------------------*/
    
    /*   NAVIGATION MENU    
/*------------------------------------------*/

    /* Header Logo */
    .wsmobileheader .smllogo {
        @apply !block !mt-[24px] !pl-[15px]
    }
    .blog-header .wsmobileheader .smllogo {
        @apply !mt-[30px]
    }
    .smllogo img {
        @apply !w-auto !max-w-[inherit] !max-h-[32px]
    }
    .blog-header .smllogo img {
        @apply !max-h-[26px]
    }
    .wsmenu > .wsmenu-list {
        @apply !w-[250px] mr-[-250px]
    }
    .wsactive .wsmobileheader {
        @apply !mr-[250px]
    }
    .overlapblackbg {
        @apply !w-[calc(100%_-_250px)]
    }
    .wsanimated-arrow {
        @apply !ml-0 !mr-[15px] !mt-[25px] !mb-0 !pl-0 !pr-[30px] !py-[14px]
    }
    
    /* Nav Link Info */
    span.sm-info {
        @apply !w-5 !h-5 !text-[0.785rem] !leading-[18px] !ml-[5px] !-top-px
    }
    .wsmenu > .wsmenu-list > li > a {
        @apply !m-0 !pl-[20px] !pr-[32px] !pt-[5px] !pb-1
    }
    .wsmenu > .wsmenu-list > li > .wsmenu-click > i {
        @apply !h-2 !w-2 !ml-0 !mr-[18px] !mt-[24px] !mb-0
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
        @apply !top-0
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
        @apply !px-[10px] !py-[6px]
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu.icons-menu, .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu.icons-menu,
.wsmenu > .wsmenu-list > li > .wsmegamenu.icons-menu.w-75 {
        @apply !px-2 !py-[6px]
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a, 
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a,
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover, 
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover,
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover, 
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
        @apply !px-[9px] !py-3
    }
    
    /* Header Store Badges */
    .store.header-store img {
        @apply !max-h-[42px]
    }
    
    /* Header Social Links */
    .header-socials.ico-20 [class*="flaticon-"]:before, 
.header-socials.ico-25 [class*="flaticon-"]:after {
        @apply !leading-[52px]
    }
    .wsmenu > .wsmenu-list > li > .wsmegamenu ul li.title {
        @apply !mt-[12px]
    }
    .icons-menu-txt span {
        @apply !text-[0.885rem]
    }
    
    /*------------------------------------------*/
    
    /*   HERO   
/*------------------------------------------*/
    .hero-section.blur--purple:after {
        @apply !opacity-[0.16] !-top-1/4
    }
    .hero-section h2 {
        @apply !mb-[13px]
    }
    .hero-section h2.s-48, .hero-section h2.s-50 {
        @apply !mb-[20px]
    }
    .hero-section p.p-md, .hero-section p.p-lg, .hero-section p.p-xl,
.hero-section p.s-20, .hero-section p.s-22, .hero-section p.s-24 {
        @apply !mb-[23px]
    }
    .hero-section p.s-21 {
        @apply !text-[1.285714rem] !mb-[22px]
    }
    .hero-section .btn.mt--15, .hero-section .btns-group.mt--15 {
        @apply !mt-[8px]
    }
    
    /* Hero Advantages */
    .hero-section .text--center .advantages {
        @apply !mt-[15px]
    }
    .hero-section .advantages li {
        @apply !block !mt-[3px]
    }
    .hero-section .advantages li p {
        @apply !block !float-none
    }
    .hero-section li.advantages-links-divider {
        @apply !hidden
    }
    
    /* HERO LOGO */
    .hero-logo {
        @apply !mb-[28px]
    }
    .hero-logo img {
        @apply !max-h-7
    }
    .hero-square-logo {
        @apply !mb-[10px]
    }
    .hero-square-logo img {
        @apply !max-h-[58px]
    }
    
    /* HERO APP LOGO */
    .hero-app-logo {
        @apply !mb-[25px]
    }
    .hero-app-logo img {
        @apply !max-h-[85px]
    }
    #hero-25 .hero-app-logo img {
        @apply !max-h-[85px]
    }
    
    /* HERO DIGITS */
    .hero-digits {
        @apply !mt-[-5px]
    }
    #hero-9 .hero-digits {
        @apply !mt-[3px]
    }
    .hero-digits h2.statistic-number {
        @apply !text-[2.2rem]
    }
    .hero-digits h2.statistic-number span {
        @apply !text-[2.15rem]
    }
    
    /* HERO QUICK FORM */
    .hero-section .quick-form.mt--45, .hero-section .quick-form.mt--35 {
        @apply !mt-0
    }
    .hero-section .quick-form .form-control, .hero-section .quick-form .btn {
        @apply !text-[1.15rem] !h-[52px]
    }
    .hero-section .quick-form.form-half .form-control {
        @apply !h-[52px] !text-[1.15rem] !px-[14px] !py-0
    }
    .hero-section .quick-form.form-half .btn {
        @apply !h-[52px] !text-[18px]
    }
    .hero-section .text--center .quick-form-msg {
        @apply !mt-[20px] !-mb-[10px] !mx-0
    }
    
    /* HERO REQUEST FORM */
    .request-form .form-control {
        @apply !h-[50px] !text-[1.0625rem] !px-[14px] !py-0
    }
    #hero-10-form .btn, #hero-22-form .btn {
        @apply !h-[50px] !text-[1.0625rem] !p-4
    }
    
    /* HERO-1 */
    #hero-1, #hero-2 {
        @apply !py-[70px]
    }
    .hero-1-txt {
        @apply !px-[3%] !py-0
    }
    .hero-1-img, .hero-2-img {
        @apply !mt-[30px]
    }
    
    /* HERO-3 */
    #hero-3 {
        @apply !pt-[70px] after:!h-[8%]
    }
    .hero-3-txt {
        @apply !px-[2%] !py-0
    }
    .hero-3-img {
        @apply !mt-[30px]
    }
    
    /* HERO-4 */
    #hero-4 {
        @apply !pt-[70px] after:!h-[7%]
    }
    .hero-4-txt h2 {
        @apply !px-[3%] !py-0
    }
    .font--inter .hero-4-txt h2 {
        @apply !px-[2.4%] !py-0
    }
    .hero-4-txt p {
        @apply !px-[5px] !py-0
    }
    .hero-4-img {
        @apply !mt-[30px]
    }
    
    /* HERO-5 */
    #hero-5 {
        @apply !mb-[50px] !pt-[70px]
    }
    .hero-5-txt h2 {
        @apply !mb-[12px]
    }
    .hero-5-txt p.p-lg {
        @apply !mb-[20px]
    }
    .hero-5-img {
        @apply !mt-[35px]
    }
    
    /* HERO-6 */
    #hero-6 {
        @apply !pt-0
    }
    #hero-6 .container {
        @apply !max-w-full
    }
    .hero-6-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !px-[15px] !py-[65px] !rounded-[0_0]
    }
    .hero-6-txt p {
        @apply !px-[3%] !py-0
    }
    .hero-6-img {
        @apply !mt-[30px] !mb-0 !mx-[1%]
    }
    
    /* HERO-7 */
    #hero-7 {
        @apply !py-[70px]
    }
    .hero-7-txt h2 {
        @apply !px-[3%] !py-0
    }
    #hero-7 .quick-form {
        @apply !mx-[3%]
    }
    .hero-7-img {
        @apply !mt-[30px]
    }
    
    /* HERO-8 */
    #hero-8 {
        @apply !pt-[70px]
    }
    .hero-8-txt {
        @apply !px-[4%] !py-0
    }
    .hero-8-txt .hero-logo {
        @apply !hidden
    }
    .hero-8-txt .hero-digits {
        @apply !p-0
    }
    #hero-8-form {
        @apply !mt-[30px] !mb-0 !mx-[2%] !px-3 !py-[26px] !rounded-[10px]
    }
    #hero-8-form h4 {
        @apply !mb-[12px]
    }
    #hero-8-form p {
        @apply !text-[1rem] !mb-[15px]
    }
    #hero-8-form p.p-sm {
        @apply !text-[0.9375rem] !p-0
    }
    
    /* HERO-9 */
    #hero-9 {
        @apply !pt-[70px]
    }
    .hero-9-txt h2 {
        @apply !leading-[1.45] !px-[3%] !py-0
    }
    .hero-9-txt h2 img {
        @apply !max-h-[48px] !mx-[2px] !my-0 !-top-[6px]
    }
    .hero-9-txt p.s-20 {
        @apply !text-[1rem] !mt-[10px]
    }
    #hero-9 .quick-form {
        @apply !mx-[2%]
    }
    .hero-9-img {
        @apply !mt-[30px] !mb-0 !mx-0
    }
    
    /* HERO-10 */
    #hero-10 {
        @apply !pt-[70px] after:!h-[7%]
    }
    .hero-10-txt h2 {
        @apply !px-[3%] !py-0
    }
    .hero-10-txt h4 {
        @apply !mb-[23px] !px-[2%] !py-0
    }
    .hero-10-img {
        @apply !mt-[30px]
    }
    
    /* HERO-11 */
    #hero-11 {
        @apply !pt-[70px]
    }
    .hero-11-txt p {
        @apply !px-[5%] !py-0
    }
    .hero-11-img {
        @apply !mb-[-50px] !mt-[30px] !mx-[3%]
    }
    
    /* HERO-12 */
    #hero-12 {
        @apply !pt-[70px] after:!h-[6%]
    }
    .hero-12-txt h2 {
        @apply !px-[3%] !py-0
    }
    .font--inter .hero-12-txt h2 {
        @apply !px-[2.4%] !py-0
    }
    .hero-12-txt p {
        @apply !px-[5px] !py-0
    }
    .hero-12-img {
        @apply !mt-[30px]
    }
    
    /* HERO-13 */
    #hero-13 {
        @apply !py-[70px]
    }
    .hero-13-txt h2 {
        @apply !px-[3%] !py-0
    }
    .hero-13-img {
        @apply !mt-[30px] !mb-0 !mx-[1%]
    }
    
    /* HERO-14 */
    #hero-14 {
        @apply !mb-[20px] !pt-[70px]
    }
    .hero-14-txt h2.s-62 {
        @apply !text-[1.92857rem] !mb-[15px]
    }
    .hero-14-txt p.s-21 {
        @apply !mb-[25px] !p-[0%]
    }
    #hero-14 .quick-form {
        @apply !mx-[4%]
    }
    .hero-14-img {
        @apply !mt-[35px] !-mb-[20px]
    }
    .hero-14-txt .btn-txt {
        @apply !mt-[25px]
    }
    
    /* HERO-15 */
    #hero-15 {
        @apply !pt-[70px]
    }
    .hero-15-img {
        @apply !mt-[30px] !mb-0 !mx-[1%]
    }
    
    /* HERO-16 */
    #hero-16 {
        @apply !mb-[30px] !pt-[70px]
    }
    .hero-16-txt h2 {
        @apply !px-[4%] !py-0
    }
    .hero-16-img {
        @apply !mb-[-30px] !mt-[30px] !mx-0
    }
    
    /* HERO-17 */
    #hero-17 {
        @apply !pt-[70px]
    }
    .hero-17-txt p {
        @apply !px-[2%] !py-0
    }
    #hero-17 .quick-form {
        @apply !mx-[2%]
    }
    #hero-17 #brands-1 {
        @apply !pt-[30px]
    }
    
    /* HERO-18 */
    #hero-18 {
        @apply !pt-[70px] !pb-[60px]
    }
    .hero-18-txt p {
        @apply !px-[3%] !py-0
    }
    #hero-18 .quick-form {
        @apply !mt-[20px] !mb-0 !mx-[2%]
    }
    .hero-18-img {
        @apply !mt-[30px]
    }
    
    /* HERO-19 */
    #hero-19 {
        @apply !pt-[70px]
    }
    .hero-19-txt h2 {
        @apply !px-[3%] !py-0
    }
    
    /* HERO-20 */
    #hero-20 {
        @apply !pt-[70px]
    }
    .hero-20-txt {
        @apply !px-[3%] !py-0
    }
    .hero-20-txt .hero-logo {
        @apply !hidden
    }
    .hero-section .hero-20-txt h2.s-48 {
        @apply !mb-[18px]
    }
    
    /* HERO-21 */
    #hero-21 {
        @apply !mb-[35px] !pt-[70px]
    }
    #hero-21 .container {
        @apply !max-w-full
    }
    .hero-21-txt {
        @apply !mb-[40px]
    }
    .hero-21-txt h2 {
        @apply !mb-[18px]
    }
    .hero-21-wrapper {
        @apply !overflow-visible !mr-[-15px] !ml-[-15px] !my-0 !rounded-[0_0]
    }
    #hero-21 .hero-overlay {
        @apply !pt-10 !pb-0 !px-[20px]
    }
    .hero-21-img {
        @apply !mb-[-35px]
    }
    .hero-21-img .video-btn {
        @apply !top-[calc(50%_-_2px)]
    }
    
    /* HERO-22 */
    #hero-22 {
        @apply !pt-[70px]
    }
    #hero-22-form {
        @apply !text-center !mx-[1%] !my-0 !pt-[30px] !pb-[20px] !px-[15px]
    }
    #hero-22 .hero-logo {
        @apply !hidden
    }
    #hero-22-form h4 {
        @apply !text-[1.57142rem] !mb-[12px] !p-0
    }
    #hero-22-form p {
        @apply !text-[1.1rem] !mb-[15px] !px-[5%] !py-0
    }
    
    /* HERO-23 */
    #hero-23 {
        @apply !mb-[20px] !pt-[70px]
    }
    .hero-23-txt {
        @apply !px-[2%] !py-0
    }
    .hero-23-img {
        @apply !mt-[12px] !-mb-[20px]
    }
    
    /* HERO-24 */
    #hero-24 {
        @apply !py-[70px]
    }
    .hero-24-txt p.p-xl {
        @apply !px-[2%] !py-0
    }
    #hero-24 .quick-form {
        @apply !mx-[2%]
    }
    
    /* HERO-25 */
    #hero-25 {
        @apply !py-[70px]
    }
    .hero-25-txt p.p-lg {
        @apply !mb-[20px]
    }
    .hero-25-img {
        @apply !mt-[30px] !mb-0 !mx-0
    }
    
    /* HERO-26 */
    #hero-26 {
        @apply !pt-[70px]
    }
    .hero-26-txt {
        @apply !px-[5%] !py-0
    }
    .hero-26-img {
        @apply !mt-[30px]
    }
    
    /* HERO-27 */
    #hero-27 .hero-overlay {
        @apply !pt-[70px]
    }
    .hero-27-txt h2 {
        @apply !text-[1.85rem] !mb-[15px]
    }
    .hero-27-txt p.s-20, .hero-27-txt p.s-21 {
        @apply !text-[1.0625rem]
    }
    .hero-27-txt p.s-20 {
        @apply !mb-[20px]
    }
    .hero-27-txt .btns-group.mt--15 {
        @apply !mt-0
    }
    
    /*------------------------------------------*/
    
    /*  CONTENT
/*------------------------------------------*/

    /* ABOUT */
    .about-2-title {
        @apply !mb-[30px]
    }
    .a2-txt {
        @apply !pt-[10px] !pb-[25px] !px-[20px]
    }
    #a3-1 {
        @apply !mb-[20px]
    }
    .a2-txt-quote {
        @apply !relative !mb-[-35px]
    }
    .a2-txt-quote.ico-40 [class*="flaticon-"]:before, .a2-txt-quote.ico-40 [class*="flaticon-"]:after {
        @apply !text-[4.25rem]
    }
    .a2-txt-author {
        @apply !mt-[10px] !text-[18px]
    }
    .a2-txt-author span {
        @apply !text-[0.975rem] !mt-px
    }
    #about-1 .txt-block h3.mb--30, .about-2-title h2.mb--30 {
        @apply !mb-[15px]
    }
    #about-4 .txt-block h2 {
        @apply !px-[5%] !py-0
    }
    #about-4 .txt-block p {
        @apply !mt-[12px]
    }
    #a4-2 {
        @apply !mt-[30px] !mb-0 !mx-[2%]
    }
    
    /* FEATURES */
    #features-14 .container {
        @apply !max-w-full
    }
    .fbox-14-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !px-[30px] !py-[60px] !rounded-[0_0]
    }
    #features-12.py--100.shape--bg:after, #features-13.py--100.shape--bg:after {
        @apply !h-[69%] !top-[31%]
    }
    #features-12.pt--100.shape--bg:after, #features-13.pt--100.shape--bg:after {
        @apply !h-[65%] !top-[32%]
    }
    .fb-1, .fb-2, .rows-2 .fb-1, .rows-2 .fb-2, .rows-2 .fb-3, .rows-2 .fb-4, .rows-2 .fb-5, .row-cols-md-2 .fb-3, .fbox-5.fb-3, 
.fbox-5.fb-5, .rows-2 .fbox-7.fb-1, .rows-2 .fbox-7.fb-2, .rows-2 .fbox-7.fb-3, .rows-2 .fbox-9.fb-1, .rows-2 .fbox-9.fb-2, 
.rows-2 .fbox-9.fb-3 {
        @apply !mb-[30px]
    }
    .rows-3 .fb-3.fbox-11-lst {
        @apply !mb-[30px]
    }
    .fbox-5.fb-2, .fbox-5.fb-4, .fbox-5.fb-6 {
        @apply !mb-0
    }
    .row-cols-md-3 .fbox-4, .row-cols-md-2 .fbox-4, .fbox-5, .fbox-8.bg--white-100 {
        @apply !px-[25px] !py-[35px]
    }
    .fbox-7, .fbox-9 {
        @apply !pt-[35px] !pb-[30px] !px-[25px]
    }
    .row-cols-md-2 .fbox-7 {
        @apply !pt-[35px] !pb-[30px] !px-[35px]
    }
    .fbox-8.fb-1 {
        @apply !pt-0 !pb-[35px] !px-[25px]
    }
    .fbox-8.fb-3 {
        @apply !pt-10 !pb-0 !px-[25px]
    }
    .fbox-12, .fbox-13 {
        @apply !px-[25px] !py-[30px]
    }
    #fb-12-1, #fb-12-2, #fb-12-3, #fb-13-1, #fb-13-2, #fb-13-3 {
        @apply !mb-[30px]
    }
    #fb-12-1, #fb-13-1 {
        @apply !mt-[50px]
    }
    #features-12 .txt-block, #features-13 .txt-block {
        @apply !mb-[30px]
    }
    .fbox-14 {
        @apply !pt-[30px] !pb-[25px] !px-[25px]
    }
    .fbox-14.fb-1, .fbox-14.fb-2 {
        @apply !mb-[25px]
    }
    .fbox-img.h--135 img, .fbox-img.h--140 img, .fbox-img.h--145 img, .fbox-img.h--150 img, .fbox-img.h--155 img, 
.fbox-img.h--160 img, .fbox-img.h--165 img, .fbox-img.h--170 img, .fbox-img.h--175 img, .fbox-img.h--180 img {
        @apply !max-h-40
    }
    .fbox-2 .fbox-img.h--135 img, .fbox-2 .fbox-img.h--140 img, .fbox-2 .fbox-img.h--145 img, .fbox-2 .fbox-img.h--150 img, 
.fbox-2 .fbox-img.h--155 img, .fbox-2 .fbox-img.h--160 img, .fbox-2 .fbox-img.h--165 img, .fbox-2 .fbox-img.h--170 img, 
.fbox-2 .fbox-img.h--175 img, .fbox-2 .fbox-img.h--180 img {
        @apply !max-h-40
    }
    .fbox-3 .fbox-img.h--135 img, .fbox-3 .fbox-img.h--140 img, .fbox-3 .fbox-img.h--145 img, .fbox-3 .fbox-img.h--150 img, 
.fbox-3 .fbox-img.h--155 img, .fbox-3 .fbox-img.h--160 img, .fbox-3 .fbox-img.h--165 img, .fbox-3 .fbox-img.h--170 img, 
.fbox-3 .fbox-img.h--175 img, .fbox-3 .fbox-img.h--180 img {
        @apply !max-h-40
    }
    .fbox-4 .fbox-img.h--135 img, .fbox-4.fbox-img.h--140 img, .fbox-4 .fbox-img.h--145 img, .fbox-4 .fbox-img.h--150 img, 
.fbox-4 .fbox-img.h--155 img, .fbox-4 .fbox-img.h--160 img, .fbox-4 .fbox-img.h--165 img, .fbox-4 .fbox-img.h--170 img, 
.fbox-4 .fbox-img.h--175 img {
        @apply !max-h-[145px]
    }
    .fbox-1 .fbox-img, .row-cols-md-2 .fbox-1 .fbox-img, .fbox-4 .fbox-img, .row-cols-md-2 .fbox-4 .fbox-img {
        @apply !mb-[25px]
    }
    .fbox-2 .fbox-img.h--135, .fbox-2 .fbox-img.h--140, .fbox-2 .fbox-img.h--145, 
.fbox-2 .fbox-img.h--150, .fbox-2 .fbox-img.h--155, .fbox-2 .fbox-img.h--160, 
.fbox-2 .fbox-img.h--165, .fbox-2 .fbox-img.h--170, .fbox-2 .fbox-img.h--175, 
.fbox-2 .fbox-img.h--180 {
        @apply !mt-0 !mb-[45px] !mx-0 !pt-[35px]
    }
    .fbox-3 .fbox-img.h--135, .fbox-3 .fbox-img.h--140, .fbox-3 .fbox-img.h--145, 
.fbox-3 .fbox-img.h--150, .fbox-3 .fbox-img.h--155, .fbox-3 .fbox-img.h--160, 
.fbox-3 .fbox-img.h--165, .fbox-3 .fbox-img.h--170, .fbox-3 .fbox-img.h--175, 
.fbox-3 .fbox-img.h--180 {
        @apply !mt-0 !mb-[25px] !mx-0 !pt-[35px]
    }
    .fbox-5.fb-1 .fbox-5-img, .fbox-5.fb-2 .fbox-5-img, .fbox-5.fb-3 .fbox-5-img, 
.fbox-5.fb-4 .fbox-5-img, .fbox-5.fb-5 .fbox-5-img, .fbox-5.fb-6 .fbox-5-img {
        @apply !mt-0 !mb-[25px] !mx-[3%]
    }
    .fbox-ico, .fbox-ico.ico-rounded, .fbox-ico.ico-square {
        @apply !mb-[18px]
    }
    .fbox-wrapper .ico-50 [class*="flaticon-"]:before, 
.fbox-wrapper .ico-50 [class*="flaticon-"]:after,
.fbox-wrapper .ico-55 [class*="flaticon-"]:before, 
.fbox-wrapper .ico-55 [class*="flaticon-"]:after,
.fbox-wrapper .ico-60 [class*="flaticon-"]:before, 
.fbox-wrapper .ico-60 [class*="flaticon-"]:after,
.fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:before, 
.fbox-10 .fbox-title.ico-35 [class*="flaticon-"]:after {
        @apply !text-[3.6rem]
    }
    .features-section h6.s-18, .features-section h6.s-20, .features-section h6.s-22 {
        @apply !text-[1.35714rem]
    }
    
    /* 19px */
    .features-section h6, .fbox-txt h5, .rows-2 .fbox-11 h6, .fbox-wrapper .row-cols-md-2 h6 {
        @apply !mb-[12px]
    }
    .fbox-10 .fbox-title {
        @apply !mx-auto !my-0
    }
    .fbox-10 .fbox-title span {
        @apply !float-none !leading-none !mr-0
    }
    .fbox-10 .fbox-title h6 {
        @apply !block !leading-none !mt-[10px] !mb-[15px]
    }
    .fbox-14 h5 {
        @apply !mb-[12px] !px-[5%] !py-0
    }
    .row-cols-md-3 .fbox-1 p, .row-cols-md-3 .fbox-2 p, 
.row-cols-md-3 .fbox-3 p, .row-cols-md-3 .fbox-6 p, .fbox-10 .fbox-txt p {
        @apply !px-[3%] !py-0
    }
    .row-cols-md-2 .fbox-1 p, .row-cols-md-2 .fbox-2 p, .row-cols-md-2 .fbox-3 p, .row-cols-md-2 .fbox-6 p {
        @apply !px-[8%] !py-0
    }
    .row-cols-md-2 .fbox-4 p, .fbox-5 .fbox-txt p, .rows-2 .fbox-11 p {
        @apply !px-[5%] !py-0
    }
    .row-cols-lg-3 .fbox-10 .fbox-txt p {
        @apply !p-0
    }
    .rows-3 .fbox-11 p {
        @apply !px-[4%] !py-0
    }
    
    /* CONTENT */
    .ct-06 {
        @apply !pb-[60px]
    }
    .ct-10 .section-overlay {
        @apply !mb-[40px]
    }
    .ct-top {
        @apply !mb-[60px]
    }
    .ct-13 .txt-block, .ct-13 .img-block {
        @apply !mb-[30px]
    }
    .ct-13 .txt-block.ml--block, .ct-13 .img-block.ml--block {
        @apply !mb-0
    }
    
    /* Content Box Wrapper */
    .content-section.ws-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0
    }
    .bc-1-wrapper .section-overlay, .bc-4-wrapper .section-overlay {
        @apply !px-[18px] !py-[60px]
    }
    .bc-2-wrapper .section-overlay, .bc-3-wrapper .section-overlay {
        @apply !px-[14px] !py-[60px]
    }
    .bc-5-wrapper .section-overlay {
        @apply !pt-[60px] !pb-0 !px-[14px]
    }
    .bc-6-wrapper .section-overlay {
        @apply !px-[14px] !py-[60px]
    }
    .bc-6 {
        @apply !pt-5 !pb-[25px] !px-[15px]
    }
    .bc-6-top {
        @apply !mb-[30px]
    }
    .cbox-6-wrapper {
        @apply !px-[18px] !py-[28px]
    }
    .bc-1-wrapper, .bc-2-wrapper, .bc-3-wrapper, .bc-4-wrapper, .bc-5-wrapper, .bc-6-wrapper {
        @apply !rounded-[0_0]
    }
    .bc-5-wrapper .section-title p {
        @apply !px-[3%] !py-0
    }
    .bc-2-txt h2, .bc-3-txt h2, .bc-4-txt h2, .txt-block h3, .txt-block h2 {
        @apply !mb-[14px]
    }
    .txt-block h5 {
        @apply !mb-[16px]
    }
    h5.h5-title {
        @apply !my-4
    }
    .cbox-2-txt h5, .cbox-3-txt h5, .bc-6-txt h5 {
        @apply !mb-[12px]
    }
    .txt-block p, .txt-block p.p-md, .txt-block p.p-lg {
        @apply !mb-[0.85714rem]
    }
    .txt-block p.s-20, .txt-block p.s-21 {
        @apply !text-[1.14285rem]
    }
    .cbox-5-fea p, .txt-block p.video-txt-sm, .txt-block p.btn-txt, .txt-block p.btns-group-txt,
.txt-block p.compatibility {
        @apply !mb-0
    }
    .txt-block p.video-txt-lg {
        @apply !mb-[6px]
    }
    .txt-block .btn {
        @apply !mt-[16px]
    }
    .txt-block .stores-badge.mt--15, .ws-wrapper .stores-badge.mt--15 {
        @apply !mt-[8px]
    }
    .txt-block .btns-group .btn.btn--transparent {
        @apply !mt-0
    }
    .bc-6-link.mt--15 {
        @apply !mt-[12px]
    }
    .txt-block-tra-link.mt--25 {
        @apply !mt-[16px]
    }
    
    /* Content Box */
    .txt-box {
        @apply !mb-[15px]
    }
    .right-column .cbox-5 {
        @apply !mb-[40px]
    }
    .cbox-5-content {
        @apply !mx-[1%] !my-0 !p-[25px]
    }
    .cbox-5-content .divider {
        @apply !my-[22px]
    }
    .txt-block .cbox-5-title h2 {
        @apply !text-[2.45rem] !mb-[10px]
    }
    .cbox-5-title .statistic-number sup {
        @apply !text-[2.05rem] !top-[-5px] !right-[6px]
    }
    .cbox-5-fea {
        @apply !mt-[20px] !px-[20px] !py-[15px]
    }
    .txt-block .cbox-5-fea h4 {
        @apply !text-[1.625rem]
    }
    .cbox-5-txt .btn {
        @apply !mt-[10px]
    }
    #cb-6-1, #cb-6-2, #cb-6-3 {
        @apply !mb-[20px]
    }
    
    /* Content Box Icon */
    .cbox-1.ico-10 span {
        @apply !right-[5px]
    }
    .cbox-1.ico-15 span {
        @apply !right-[5px] !top-[0.5px]
    }
    .cbox-1.ico-15 [class*="flaticon-"]:before, .cbox-1.ico-15 [class*="flaticon-"]:after {
        @apply !text-[0.7rem]
    }
    .cbox-2 .ico-wrap {
        @apply !mr-4
    }
    .cbox-2-ico {
        @apply !w-[2.15rem] !h-[2.15rem] !text-[1.0625rem] !leading-[1.85rem]
    }
    .ct-03 .cbox-2-ico {
        @apply !w-[1.65rem] !h-[1.65rem] !text-[1rem] !leading-[1.4rem]
    }
    .cbox-2-line {
        @apply !h-[calc(100%_-_70px)]
    }
    .cbox-3 {
        @apply !block !text-center
    }
    .cbox-3 .ico-wrap {
        @apply !mr-0
    }
    .cbox-3 .cbox-3-ico {
        @apply !mb-[10px] !top-0
    }
    .cbox-3-ico span[class*="flaticon-"]:before, .cbox-3-ico span[class*="flaticon-"]:after {
        @apply !text-[3rem]
    }
    .cbox-4 {
        @apply !text-center
    }
    .box-title h6, .box-title h5 {
        @apply !block !leading-none !mb-[15px]
    }
    .img-block-txt .box-title h6, 
.img-block-txt .box-title h5 {
        @apply !inline-block !leading-10 !mb-[20px]
    }
    .box-title span {
        @apply !block relative !mr-0 !mb-[10px] !top-0
    }
    .img-block-txt .box-title span {
        @apply !inline-block !mr-[10px] !mb-0 !top-[10px]
    }
    .box-title span[class*="flaticon-"]:before, .box-title span[class*="flaticon-"]:after {
        @apply !text-[3rem]
    }
    .img-block-txt .box-title span[class*="flaticon-"]:before, 
.img-block-txt .box-title span[class*="flaticon-"]:after {
        @apply !text-[2.5rem]
    }
    
    /* Content Box Text */
    .cbox-2-txt, .cbox-3-txt, .cbox-4-txt {
        @apply !mb-[25px]
    }
    .ct-03 .cbox-2-txt {
        @apply !mb-[20px]
    }
    
    /* Content Box Typography */
    .cbox-1-txt p {
        @apply !mb-[5px]
    }
    .cbox-6 h6 {
        @apply !mb-[10px]
    }
    
    /* Accordion */
    .txt-block .accordion-1 .accordion-item {
        @apply !px-[20px] !py-[18px]
    }
    .txt-block .accordion-2 .accordion-item {
        @apply !pt-[10px] !pb-[20px] !px-0
    }
    .txt-block .accordion-1 .accordion-item .accordion-thumb:before {
        @apply !text-[0.95rem] !-top-px
    }
    .txt-block .accordion-2 .accordion-item .accordion-thumb:after,
.txt-block .accordion-2 .accordion-item.is-active .accordion-thumb:after {
        @apply !text-[0.95rem] !top-[7px]
    }
    .txt-block .accordion-1 .accordion-item.is-active {
        @apply !pt-[25px] !pb-[9px] !px-[20px]
    }
    .txt-block .accordion-2 .accordion-item.is-active {
        @apply !pt-[15px] !pb-[20px] !px-0
    }
    .txt-block .accordion-1 .accordion-panel {
        @apply !p-0
    }
    .txt-block .accordion-1 .accordion-thumb h5 {
        @apply !pl-[22px]
    }
    .txt-block .accordion-2 .accordion-thumb h5 {
        @apply !pl-[10px] !pr-0
    }
    .accordion-2 .accordion-thumb span[class*="flaticon-"]:before,
.accordion-2 .accordion-thumb span[class*="flaticon-"]:after {
        @apply !text-[1.75rem] !top-[6px]
    }
    
    /* Tabs */
    .tabs-1 li {
        @apply !text-[18px]
    }
    #tabs-1 .tab-content .img-block {
        @apply !mb-[30px]
    }
    
    /* Advantages */
    .advantages, .text--center .advantages {
        @apply !mt-[15px]
    }
    .img-block-btn .advantages li {
        @apply !block !mt-1
    }
    .img-block-btn .advantages li p {
        @apply !block !float-none
    }
    .img-block-btn li.advantages-links-divider {
        @apply !hidden
    }
    
    /* Compatibility */
    .compatibility {
        @apply !mt-[10px]
    }
    
    /* Tools List / Payments Icons */
    .tools-list p, .payment-methods p {
        @apply !mb-[12px]
    }
    .tools-list span {
        @apply !pr-px
    }
    .payment-icons img {
        @apply !max-h-[26px]
    }
    .tools-list.ico-35 [class*="flaticon-"]:before, .tools-list.ico-35 [class*="flaticon-"]:after {
        @apply !text-[2rem] !leading-[32px] !mr-[3px]
    }
    
    /* Content Box Shapes */
    .cbox-5-shape-1, .cbox-5-shape-2 {
        @apply !hidden
    }
    
    /* Content Images */
    .img-block.img-block-bkg img {
        @apply !px-[15px] !py-[30px]
    }
    .img-block-hidden, .bc-5-img.bc-5-dashboard.img-block-hidden {
        @apply !mb-[-30px]
    }
    .ct-10 .img-block {
        @apply !-mb-[40px]
    }
    .ct-01 .img-block, .ct-02 .img-block, .ct-03 .img-block.right-column, .ct-03 .img-block.left-column {
        @apply !mt-0 !mb-[30px] !mx-[2%]
    }
    .ct-01 .img-block.j-img, .ct-02 .img-block.j-img {
        @apply !ml-[0%] !mr-0
    }
    .ct-04 .img-block, .ct-05 .img-block, .ct-06 .img-block, .ct-07 .img-block- {
        @apply !mb-[30px]
    }
    .ct-06 .img-block, .ct-07 .img-block {
        @apply !-mt-[80px] !mb-[40px]
    }
    .img-block-hidden .video-btn, .bc-5-img.bc-5-dashboard.img-block-hidden .video-btn {
        @apply !top-2/4
    }
    .bc-5-img.bc-5-tablet.img-block-hidden .video-btn {
        @apply !top-[calc(50%_-_20px)]
    }
    .img-block-txt, .img-block-btn {
        @apply !mt-[30px]
    }
    .bc-1-wrapper .img-block, .bc-2-wrapper .img-block, .bc-2-img, .bc-3-img, .bc-4-img {
        @apply !mb-[30px]
    }
    .bc-5-img.bc-5-tablet.img-block-hidden {
        @apply !mb-[-50px]
    }
    .bc-6-img {
        @apply !mb-[20px] !pt-[25px] !pb-0 !px-[15px]
    }
    .ct-11 .img-block, .ct-12 .img-block {
        @apply !mb-[30px] !px-[5%] !py-10
    }
    
    /* STATISTIC */
    .sb-rounded .statistic-block {
        @apply !text-center !p-[25px]
    }
    #statistic-5 .statistic-digit {
        @apply !mt-0 !mb-[18px] !mx-[12%] !pb-[18px]
    }
    #sb-1-1, #sb-1-2, #sb-3-1, #sb-3-2, #sb-3-3 {
        @apply !mb-[30px]
    }
    #sb-2-1, #sb-2-2, #sb-2-3, #sb-2-4 {
        @apply !w-6/12
    }
    #sb-2-3, #sb-2-4 {
        @apply !pr-[10px]
    }
    #sb-4-1, #sb-4-2, #sb-4-3 {
        @apply !mb-[25px]
    }
    #sb-5-1, #sb-5-2 {
        @apply !mb-[30px]
    }
    .statistic-1-wrapper .statistic-block-digit {
        @apply !mb-[12px]
    }
    h2.statistic-number {
        @apply !text-[2.125rem] !leading-none tracking-[-0.5px]
    }
    .txt-block-stat h2.statistic-number {
        @apply !text-[2rem]
    }
    #statistic-1 h2.statistic-number {
        @apply !tracking-[-0.5px]
    }
    #sb-2-1 h2.statistic-number, #sb-2-2 h2.statistic-number {
        @apply !mb-[12px]
    }
    #statistic-5 .statistic-digit h2 {
        @apply !text-[2.125rem] tracking-[-0.5px]
    }
    #sb-2-3 .statistic-block p.p-sm, #sb-2-4 .statistic-block p.p-sm {
        @apply !mt-[12px]
    }
    .txt-block-stat .statistic-block p {
        @apply !text-[0.95rem]
    }
    #statistic-5 .statistic-txt p {
        @apply !px-[8%] !py-0
    }
    
    /* PROJECTS */
    #pt--1-1, #pt--1-2, #pt--1-3, .inner-page-hero #pt--1-3, .inner-page-hero #pt--1-4, .inner-page-hero #pt--1-5 {
        @apply !mb-[35px]
    }
    .project-details h5 {
        @apply !mb-[20px]
    }
    .more-projects {
        @apply !mt-[40px]
    }
    
    /* PROJECT DETAILS */
    .single-project .project-title {
        @apply !mb-[35px]
    }
    .project-title h2 {
        @apply !mb-[25px] !pr-0 !pb-[25px]
    }
    .project-data p {
        @apply !mb-[5px]
    }
    .project-priview-img.mb--50 {
        @apply !mb-[30px]
    }
    .project-inner-img .top-img {
        @apply !mb-[30px]
    }
    .project-inner-img.mt--50 {
        @apply !mt-[30px]
    }
    .project-txt h5.mt--35.mb--35 {
        @apply !my-[20px]
    }
    .project-txt h5.mt--50.mb--35 {
        @apply !mt-[30px] !mb-[20px]
    }
    .project-description .more-projects {
        @apply !mt-[40px]
    }
    .project-description .more-projects span {
        @apply !left-1 !top-px
    }
    .project-description .more-projects.ico-25 [class*="flaticon-"]:before, 
.project-description .more-projects.ico-25 [class*="flaticon-"]:after {
        @apply !text-[18px]
    }
    
    /* RATING */
    #rb-2-1, #rb-2-2 {
        @apply !mb-[25px]
    }
    .rating-title h5 {
        @apply !text-[18px] !px-[15%] !py-0
    }
    .rbox-1-img {
        @apply !mb-[15px]
    }
    .rbox-1-img img {
        @apply !max-h-[30px]
    }
    .rbox-2-txt img {
        @apply !max-h-7
    }
    p.rbox-2-txt {
        @apply !leading-7 !mt-[8px]
    }
    .rbox-1 .star-rating {
        @apply !px-4 !py-[5px] !text-[0.9rem] !leading-none
    }
    .rbox-1 .star-rating span {
        @apply !top-[2px]
    }
    .rbox-1 .ico-10 [class*="flaticon-"]:before, .rbox-1 .ico-10 [class*="flaticon-"]:after {
        @apply !text-[0.9rem]
    }
    .rbox-1 .ico-15 [class*="flaticon-"]:before, .rbox-1 .ico-15 [class*="flaticon-"]:after {
        @apply !text-[1rem]
    }
    .rbox-2 .ico-20 [class*="flaticon-"]:before, .rbox-2 .ico-20 [class*="flaticon-"]:after {
        @apply !text-[1.225rem]
    }
    .rbox-2 .ico-25 [class*="flaticon-"]:before, .rbox-2 .ico-25 [class*="flaticon-"]:after {
        @apply !text-[1.225rem]
    }
    
    /* TESTIMONIALS */
    #reviews-4 .txt-block, #reviews-5 .txt-block {
        @apply !text-center
    }
    #reviews-4 .txt-block h2, #reviews-5 .txt-block h2 {
        @apply !text-[1.82142rem] !px-[2%] !py-0
    }
    
    /* 25.5px */
    .review-1 {
        @apply !pt-[30px] !pb-6 !px-[30px]
    }
    .review-2 {
        @apply !pt-[35px] !pb-6 !px-[15px]
    }
    .review-3, .review-4, .review-5 {
        @apply !pt-[35px] !pb-6 !px-[25px]
    }
    .review-txt {
        @apply !-mt-[40px]
    }
    .review-txt h6 {
        @apply !mb-[10px]
    }
    .review-3 .review-txt p {
        @apply !text-[1rem]
    }
    .review-1 .author-data, .review-2 .author-data, 
.review-3 .author-data, .review-4 .author-data, .review-5 .author-data {
        @apply !mt-[20px]
    }
    .review-avatar img, .owl-item .review-avatar img {
        @apply !w-[45px] !h-[45px]
    }
    .review-2 .review-avatar img, .review-3 .review-avatar img, .review-5 .review-avatar img {
        @apply !w-[45px] !h-[45px]
    }
    .review-author {
        @apply !pl-3 !pr-0 !py-0
    }
    .review-1 .review-author, .review-2 .review-author, .review-3 .review-author, .review-5 .review-author {
        @apply !mt-[2px]
    }
    .review-author h6 {
        @apply !mb-[8px]
    }
    .review-1 .review-author h6, .review-2 .review-author h6, .review-3 .review-author h6, 
.review-4 .review-author h6, .review-5 .review-author h6 {
        @apply !text-[1.225rem]
    }
    
    /* PRESS */
    #press-01, #press-02, #press-03, #press-04, #press-05, #press-06, #press-07 {
        @apply !mb-[25px]
    }
    .press-logo img {
        @apply !max-h-[70px]
    }
    .press-txt {
        @apply !mt-[8px] !px-[1%] !py-0
    }
    
    /* BRANDS */
    #brands-3:after {
        @apply !h-[85%]
    }
    .brands-title {
        @apply !px-[3%] !py-0
    }
    .brands-title.mb--35, .brands-title.mb--40 {
        @apply !mb-[20px]
    }
    .brands-title.mb--50 {
        @apply !mb-[25px]
    }
    .brands-title h5.s-19 {
        @apply !text-[1.21428rem]
    }
    .brands-title h4, .brands-title h3, .brands-title h2 {
        @apply !mb-[8px]
    }
    .brands-title p.p-md, .brands-title p.p-lg {
        @apply !text-[1rem]
    }
    .brands-3-wrapper, .brands-3-wrapper.brands-3-static {
        @apply !px-[15px] !py-[25px]
    }
    #brand-2-1, #brand-2-2, #brand-2-3, #brand-2-4, #brand-3-1, #brand-3-2, #brand-4-1, #brand-4-2, #brand-4-3, 
#brand-4-4, #brand-4-5, #brand-4-6, #brand-4-7, #brand-4-8, #brands-4 .brand-logo.mb--40 {
        @apply !mb-[25px]
    }
    #brand-3-5 {
        @apply !hidden
    }
    #brands-1 .brands-carousel-6 .brand-logo, #brands-1 .brands-carousel-5 .brand-logo {
        @apply !px-[15px] !py-0
    }
    #brands-1 .justify-content-center .brand-logo, #brands-4 .brand-logo {
        @apply !px-[15px] !py-0
    }
    #brands-2 .brand-logo, #brands-3 .brand-logo, #brands-3 .brands-3-static .brand-logo {
        @apply !px-[11px] !py-0
    }
    .brands-section .more-btn {
        @apply !mt-[30px]
    }
    
    /* INTEGRATIONS */
    #integrations-2 .container {
        @apply !max-w-full
    }
    .integrations-2-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !px-[20px] !py-[60px] !rounded-[0_0]
    }
    .in_tool_logo.ico-65 img {
        @apply !w-[55px] !h-[55px]
    }
    .in_tool h6 {
        @apply !text-[18px]
    }
    #integrations-1 .in_tool-logo.ico-60 img {
        @apply !w-[48px] !h-[48px]
    }
    .integrations-1-wrapper .in_tool {
        @apply !px-[20px] !py-[15px]
    }
    .integrations-1-wrapper .in_tool.mb--30, .integrations-1-wrapper .it-7, .integrations-1-wrapper .it-8 {
        @apply !mb-[20px]
    }
    .integrations-1-wrapper .in_tool-txt h6 {
        @apply !text-[1.25rem] !leading-none !mt-[5px]
    }
    .integrations-1-wrapper .in_tool-txt p {
        @apply !text-[1.0625rem] !mt-1
    }
    .integrations-section .more-btn.mt--60, .integrations-section .more-btn.mt--70 {
        @apply !mt-[30px]
    }
    
    /* PRICING */
    .p-table {
        @apply !mb-[30px]
    }
    .pricing-1-table, .text--center .pricing-1-table {
        @apply !pt-[35px] !pb-[30px] !px-[30px]
    }
    .pricing-2-table {
        @apply !px-[30px] !py-[35px]
    }
    .pricing-3-table {
        @apply !pt-[30px] !pb-[35px] !px-[30px]
    }
    .pricing-4-table {
        @apply !px-[30px] !py-[25px]
    }
    .pricing-table-header h5, .pricing-table-header h4 {
        @apply !text-[1.4285714rem]
    }
    .pricing-discount {
        @apply !px-[11px] !py-[6px] -right-[2px] !top-0
    }
    .pricing-1-table .pricing-discount {
        @apply !px-[13px] !py-[7px] !right-0 !-top-1
    }
    .text--center .pricing-1-table .pricing-discount {
        @apply !right-[-5px] !-top-8
    }
    .pricing-discount h6 {
        @apply !text-[1rem]
    }
    .pricing-1-table .pricing-discount h6 {
        @apply !text-[0.9rem]
    }
    .p-table p.btn-txt {
        @apply !mt-[10px] !mb-0 !mx-0
    }
    
    /* Price */
    .pricing-3-table .price.mt--25 {
        @apply !mt-[20px]
    }
    .price span {
        @apply !text-[2.85rem] tracking-[-1.5px]
    }
    .pricing-2-table.highlight .price span {
        @apply !text-[2.6rem]
    }
    .pricing-3-table .price span {
        @apply !text-[4.285714rem] tracking-[-3px]
    }
    .pricing-4-table .price span {
        @apply !text-[2.85rem]
    }
    .price sup {
        @apply !text-[2.4rem] !-top-[2px]
    }
    .pricing-3-table .price sup {
        @apply !text-[2.5rem] !-top-4
    }
    .pricing-4-table .price sup {
        @apply !text-[2.4rem] !-top-[2px]
    }
    .pricing-3-table .price sup.coins {
        @apply !text-[2.5rem] !top-[-19px] tracking-[-2px]
    }
    .price sup.validity {
        @apply !text-[1.285714rem]
    }
    .pricing-3-table .price sup.validity {
        @apply !text-[1.285714rem] !mt-[20px] !mb-[35px] !top-0
    }
    .pricing-4-table .price sup.validity {
        @apply !text-[1.285714rem] !left-1 !top-0
    }
    .text--center .price p, .text--center .pricing-2-table .price p {
        @apply !p-0
    }
    .pricing-4-table .price p {
        @apply !mt-[15px] !mb-[10px]
    }
    .pricing-1-table .pt--btn, .pricing-2-table .pt--btn, .pricing-3-table .pt--btn, 
.pricing-4-table .pt--btn,  .pricing-5-table .pt--btn, .pricing-6-table .pt--btn {
        @apply !mt-[20px]
    }
    .pricing-2-table hr {
        @apply !mt-[20px]
    }
    
    /* Pricing Features */
    .pricing-features.mt--25 {
        @apply !mt-[12px]
    }
    .pricing-features li, .pricing-4-table .pricing-features li {
        @apply !px-2 !py-[9px]
    }
    
    /* Pricing Notice */
    .pricing-notice.mb--40 {
        @apply !mb-[20px]
    }
    .lg\:w-9\/12 .pricing-notice p, .lg\:w-10\/12 .pricing-notice p {
        @apply !p-0
    }
    
    /* Pricing Toggle Button */
    #pricing-4 .ext-toggle-btn {
        @apply !mt-0 !mb-[25px] !mx-auto
    }
    .toggle-btn-md .toggler-txt, .toggle-btn-lg .toggler-txt {
        @apply !text-[1.15rem]
    }
    
    /* Pricing Compare */
    .table-responsive.mb--50 {
        @apply !mb-[30px]
    }
    .comp-table-rouded {
        @apply !pt-[10px] !pb-0 !px-[10px]
    }
    .table>:not(caption)>*>* {
        @apply !py-[9px]
    }
    .comp-table .table-responsive thead th {
        @apply !text-[0.9rem]
    }
    .comp-table .table-responsive tbody th {
        @apply !text-[0.815rem] !leading-tight
    }
    .comp-table .table-responsive tbody td {
        @apply !text-[0.85rem] !leading-tight !top-0
    }
    .comp-table .table-responsive tbody td span {
        @apply !top-[3px]
    }
    .table-responsive .ico-15 [class*="flaticon-"]:before, 
.table-responsive .ico-15 [class*="flaticon-"]:after {
        @apply !text-[0.675rem]
    }
    .table-responsive .ico-20 [class*="flaticon-"]:before, 
.table-responsive .ico-20 [class*="flaticon-"]:after {
        @apply !text-[0.835rem]
    }
    #pbox-1, #pbox-2, #pbox-3 {
        @apply !mb-[30px]
    }
    .pricing-section .txt-box-last {
        @apply !mb-[40px]
    }
    .pricing-section .pm-last {
        @apply !mb-[40px]
    }
    .comp-table-payment h6 {
        @apply !mb-[14px]
    }
    
    /* TEAM */
    #team-1.pb--40, #team-2.pb--40 {
        @apply !pb-[25px]
    }
    .team-member.mb--40, .team-member.mb--50, .team-member.mb--60 {
        @apply !mb-[35px]
    }
    .team-member-photo {
        @apply !mb-[22px]
    }
    #team-1 .team-member-data, #team-2 .team-member-data {
        @apply !ml-[10px]
    }
    .team-member-data h6.s-20 {
        @apply !text-[1.35714rem] !mb-[6px]
    }
    
    /* 19px */
    .team-member-data p, .team-member-data p.p-md, .team-member-data p.p-lg {
        @apply !text-[1.15rem]
    }
    ul.tm-social, #team-1 ul.tm-social {
        @apply !right-[10px] !top-0
    }
    .tm-social.ico-20 [class*="flaticon-"]:before, .tm-social.ico-20 [class*="flaticon-"]:after {
        @apply !text-[1.375rem]
    }
    
    /* CAREERS */
    #careers-1 {
        @apply !pb-[30px]
    }
    .role-box {
        @apply !text-center !px-[30px] !py-[25px]
    }
    .role-box-txt span, #careers-1 .role-box span {
        @apply !mb-[10px]
    }
    #careers-1 .role-box h6 {
        @apply !leading-[1.4] !mb-1
    }
    .role-box-txt h6 {
        @apply !leading-[1.4] !mb-[5px]
    }
    .role-box-txt p {
        @apply !mb-[14px]
    }
    
    /* CAREER ROLE */
    #role-page .inner-page-title {
        @apply !mb-[20px]
    }
    #role-page .inner-page-title span {
        @apply !mb-[20px]
    }
    #role-page .inner-page-title p {
        @apply !p-0
    }
    .role-info hr, #role-page .cbox-6-wrapper {
        @apply !mx-0 !my-[25px]
    }
    .txt-block.role-info .btn {
        @apply !mt-[25px]
    }
    
    /* BANNER */
    #banner-12, #banner-13 {
        @apply !mt-0 !mb-[25px]
    }
    #banner-9.py--70 {
        @apply !py-[60px]
    }
    #banner-1 .container, #banner-2 .container, #banner-3 .container,
#banner-11 .container, #banner-12 .container, #banner-13 .container {
        @apply !max-w-full
    }
    .banner-1-wrapper, .banner-2-wrapper, .banner-3-wrapper,
.banner-11-wrapper, .banner-12-wrapper, .banner-13-wrapper {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !rounded-[0_0]
    }
    .banner-1-wrapper .banner-overlay, .banner-2-wrapper .banner-overlay, 
.banner-3-wrapper .banner-overlay {
        @apply !pt-[55px] !pb-[65px] !px-[15px]
    }
    .banner-1-wrapper .banner-overlay.sm-title {
        @apply !pt-[50px] !pb-[60px] !px-[20px]
    }
    #banner-5 .banner-overlay.pt--80.pb--90, #banner-7 .banner-overlay.pt--80.pb--90, #banner-6 .banner-overlay, 
#banner-8 .banner-overlay, #banner-14 .banner-overlay, #banner-15 .banner-overlay {
        @apply !pt-[50px] !pb-[60px]
    }
    #banner-10 .banner-overlay {
        @apply !py-[60px]
    }
    .banner-11-wrapper .banner-overlay {
        @apply !overflow-hidden !pt-[50px] !pb-0 !px-[25px] !rounded-[0_0]
    }
    .banner-12-wrapper .banner-overlay{
        @apply !overflow-visible !pt-[50px] !pb-0 !px-[25px] !rounded-[0_0]
    }
    .banner-13-wrapper .banner-overlay {
        @apply !overflow-visible !pt-[50px] !pb-[60px] !px-[25px] !rounded-[0_0]
    }
    .banner-16-wrapper .banner-overlay {
        @apply !px-[10%] !py-[30px]
    }
    .banner-5-txt {
        @apply !p-0
    }
    .banner-8-txt {
        @apply !px-[5%] !py-0
    }
    .banner-12-txt, .banner-13-txt {
        @apply !mt-0 !pr-0
    }
    .banner-section .section-id {
        @apply !mb-[18px]
    }
    #banner-15.banner-section .section-id {
        @apply !mb-[22px]
    }
    .banner-section h2, .banner-section h3 {
        @apply !text-[1.82142rem]
    }
    .banner-1-txt h2 {
        @apply !mb-[12px]
    }
    .banner-2-txt h2, .banner-10-txt h2 {
        @apply !mb-[25px]
    }
    .banner-4-txt h2 {
        @apply !mb-[22px] !px-[6%] !py-0
    }
    .banner-7-txt h2 {
        @apply !mb-[22px]
    }
    .banner-10-txt h6 {
        @apply !mb-[5px]
    }
    .banner-10-txt h2 {
        @apply !text-[3.25rem] !mb-[18px]
    }
    .banner-11-txt h2, .banner-12-txt h2, .banner-13-txt h2 {
        @apply !mb-[14px]
    }
    .banner-15-txt h2 {
        @apply !mb-[25px]
    }
    .banner-16-txt h4 {
        @apply !mb-[10px] !px-[5%] !py-0
    }
    .banner-section p.p-lg, .banner-section p.p-xl {
        @apply !text-[1.142857rem] !mb-[20px]
    }
    .sm-title .banner-1-txt p.p-lg, .sm-title .banner-1-txt p.p-xl,
.banner-6-txt p.p-lg, .banner-6-txt p.p-xl {
        @apply !mt-[12px] !mb-[20px]
    }
    .banner-3-txt p.p-lg, .banner-3-txt p.p-xl {
        @apply !mt-[10px] !mb-[18px]
    }
    .banner-5-txt p.p-lg, .banner-5-txt p.p-xl {
        @apply !mt-[12px]
    }
    .banner-5-txt p.s-21, .banner-5-txt p.s-22 {
        @apply !mt-[11px] !mb-[18px]
    }
    .banner-9-txt p.p-lg, .banner-9-txt p.p-xl {
        @apply !mt-[10px] !mb-[20px]
    }
    .banner-11-txt p {
        @apply !pr-0
    }
    .banner-14-txt p.p-lg {
        @apply !my-[18px] !px-[5%] !py-0
    }
    .banner-5-txt .btns-group.mt--35 {
        @apply !mt-[18px]
    }
    .banner-8-buttons {
        @apply !mt-[15px] !px-[4%] !py-0
    }
    .banner-15-txt .download-links {
        @apply !mt-[15px]
    }
    .banner-section .btns-group .btn:first-child {
        @apply !mb-[12px] !mx-0
    }
    .banner-16-txt .txt-block-tra-link.mt--15 {
        @apply !mt-[10px]
    }
    .banner-9-img {
        @apply !mt-[35px] !mb-0 !mx-[2%]
    }
    .banner-10-img {
        @apply !mt-[35px] !mb-0 !mx-[5%]
    }
    .banner-11-img {
        @apply !mt-[30px] !-mb-[20px] !mx-[2%]
    }
    .banner-12-img {
        @apply !rotate-0 !mt-[30px] !-mb-[40px] !mx-0
    }
    
    /* DOWNLOAD */
    #download-1 {
        @apply !pb-[30px]
    }
    .version-release {
        @apply !mb-[30px]
    }
    .release-data h5 {
        @apply !mb-[30px]
    }
    .release-data {
        @apply !mb-[20px] !pb-[20px]
    }
    span.version-data {
        @apply !text-[1.5rem] !mr-[5px]
    }
    span.release-date span {
        @apply !text-[1.05rem] !ml-[5px]
    }
    .release-download {
        @apply !mt-[15px]
    }
    
    /* FAQs */
    #faqs-1, #faqs-4 {
        @apply !pb-[40px]
    }
    
    /* FAQs Section Title */
    #faqs-1 .section-title {
        @apply !mb-[19px]
    }
    #faqs-2 .inner-page-title {
        @apply !mb-[24px]
    }
    #faqs-3 .section-title {
        @apply !mb-[35px]
    }
    #faqs-4 .inner-page-title {
        @apply !mb-[35px]
    }
    #faqs-3 .section-title .contact-link {
        @apply !block
    }
    
    /* FAQs Accordion */
    .faqs-section .accordion-thumb {
        @apply !pt-4 !pb-[20px] !px-0
    }
    #faqs-2.faqs-section .accordion-thumb {
        @apply !pt-4 !pb-[21px] !px-0
    }
    .faqs-section .accordion-item .accordion-thumb:after, 
.faqs-section .accordion-item.is-active .accordion-thumb:after {
        @apply !text-[14px] !right-[2px] !top-5
    }
    #faqs-2.faqs-section .accordion-item .accordion-thumb:after, 
#faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
        @apply !text-[14px] !right-[2px] !top-[17px]
    }
    .accordion-panel {
        @apply !pt-0 !pb-[5px] !px-0
    }
    #faqs-2 .accordion-panel {
        @apply !pt-[25px] !pb-[10px] !px-0
    }
    #faqs-2 .accordion-panel-item.mb--35, #faqs-3 .question.mb--35 {
        @apply !mb-[20px]
    }
    .faqs-section .accordion-thumb h5 {
        @apply !leading-[1.35] !pr-[8%]
    }
    .question h5, .accordion-panel-item h5 {
        @apply !leading-[1.35] !mb-[15px]
    }
    
    /* FAQs Tabs */
    .faqs-section .tabs-1 {
        @apply !mt-0 !mb-[10px] !mx-[5px] block
    }
    .faqs-section .tabs-1 li {
        @apply !min-w-full !mt-0 !mb-[15px] !mx-0 !px-0 !py-5
    }
    
    /* More Questions Link */
    #faqs-2 .more-questions {
        @apply !mt-[40px] !mb-0 !mx-auto
    }
    #faqs-3 .more-questions.mt--40 {
        @apply !mt-[15px]
    }
    .more-questions-txt {
        @apply !px-[20px] !py-[14px]
    }
    .more-questions-txt p {
        @apply !text-[1.1rem]
    }
    
    /* NEWSLETTER */
    #newsletter-1 .newsletter-overlay, #newsletter-5 .newsletter-overlay {
        @apply !pt-[50px] !pb-[40px]
    }
    #newsletter-2 .container {
        @apply !max-w-full
    }
    #newsletter-2 .newsletter-overlay {
        @apply !mr-[-15px] !ml-[-15px] !my-0 !pt-[50px] !pb-[40px] !px-[8%] !rounded-[0_0]
    }
    #newsletter-3, #newsletter-4 .newsletter-overlay {
        @apply !py-[50px]
    }
    #newsletter-4 .newsletter-txt, #newsletter-5 .newsletter-txt {
        @apply !p-0
    }
    .newsletter-txt h2, #newsletter-4 .newsletter-txt h2 {
        @apply !mb-[25px]
    }
    .newsletter-txt h4, .newsletter-txt h3 {
        @apply !text-[1.642857rem] !mb-[25px] !p-0
    }
    #newsletter-3 .newsletter-txt p {
        @apply !px-[2%] !py-0
    }
    #newsletter-4 .newsletter-txt p {
        @apply !text-[1rem] !mb-0 !px-[2%] !py-0
    }
    #newsletter-5 .newsletter-txt p {
        @apply !mt-[15px]
    }
    #newsletter-1 .newsletter-form, #newsletter-2 .newsletter-form, 
#newsletter-3 .newsletter-form, #newsletter-4 .newsletter-form {
        @apply !px-[3%] !py-0
    }
    #newsletter-5 .newsletter-form {
        @apply !mt-[25px] !px-[3%] !py-0
    }
    .newsletter-section .form-control, #newsletter-1.newsletter-section .form-control, 
#newsletter-5.newsletter-section .form-control {
        @apply !h-[46px] !text-[1.0625rem]
    }
    .newsletter-section .btn, #newsletter-1 .btn, #newsletter-5.newsletter-section .btn {
        @apply !h-[46px] !text-[1.0625rem]
    }
    
    /* BLOG */
    #bp-1-1, #bp-1-2 {
        @apply !mb-[30px]
    }
    .blog-post-img.mb--35 {
        @apply !mb-[25px]
    }
    .post-tag {
        @apply !text-[0.825rem] !mb-[14px]
    }
    .blog-post-txt h6, .blog-post-txt h4.mb--20, .blog-post-txt h3 {
        @apply !mb-[10px]
    }
    .blog-post-meta.mt--20, .blog-post-meta.mt--30 {
        @apply !mt-[14px]
    }
    
    /* Blog Listing */
    .wide-post {
        @apply !mb-[30px]
    }
    .wide-post h3.s-36, .wide-post h3.s-38, .wide-post h3.s-40, .square-post h4.s-34 {
        @apply !text-[1.285714rem]
    }
    .wide-post .blog-post-img {
        @apply !mb-[25px]
    }
    .square-post {
        @apply !mt-[10px] !mb-[40px]
    }
    .square-post .blog-post-txt {
        @apply !pt-10 !pb-[35px] !px-[20px]
    }
    .posts-category {
        @apply !mt-[10px] !mb-[30px]
    }
    .posts-category span {
        @apply !top-[1.25px]
    }
    .posts-category.ico-20 [class*="flaticon-"]:before, 
.posts-category .more-projects.ico-20 [class*="flaticon-"]:after {
        @apply !text-[1rem]
    }
    
    /* Single Blog Post */
    .single-post-title h3, .single-post-title h2 {
        @apply !mb-[20px] !px-[5%] !py-0
    }
    .single-post-title .blog-post-meta.mt--35 {
        @apply !mt-[22px]
    }
    #single-post .post-meta-list .meta-list-divider {
        @apply !hidden
    }
    #single-post .post-meta-list li {
        @apply !block !mt-[10px]
    }
    .post-inner-img {
        @apply !my-[25px]
    }
    .single-post-txt h5, .single-post-txt h4 {
        @apply !mt-[15px] !mb-[18px]
    }
    .single-post-txt .blockquote p {
        @apply !text-[1.0625rem] !mb-[25px]
    }
    .single-post-txt .blockquote-footer {
        @apply !text-[1rem] !leading-[1.3]
    }
    .post-share-list {
        @apply !mt-[30px] !pb-[40px]
    }
    .post-author {
        @apply !block !px-0 !py-[50px]
    }
    .post-author-avatar {
        @apply !block !text-left !mr-0 !mb-[20px]
    }
    .post-author-avatar img {
        @apply !w-[70px] !h-[70px]
    }
    .post-author-txt h5 {
        @apply !mb-[10px]
    }
    .author-follow-btn {
        @apply !px-3 !py-[5px] !right-[10px] !top-[130px]
    }
    .post-comments {
        @apply !pt-[50px]
    }
    .post-comments h5 {
        @apply !mb-[40px]
    }
    .comment-body {
        @apply !ml-[15px]
    }
    .post-comments img {
        @apply !w-[37px] !h-[37px]
    }
    .comment-meta {
        @apply !mb-[5px]
    }
    .comment-meta h6 {
        @apply !mb-[5px]
    }
    .comment-date, .btn-reply a {
        @apply !text-[0.95rem]
    }
    .btn-reply.ico-20 [class*="flaticon-"]:before, .btn-reply.ico-20 [class*="flaticon-"]:after {
        @apply !text-[0.95rem]
    }
    .post-comments #leave-comment h5 {
        @apply !mt-[50px]
    }
    .comment-form p {
        @apply !mb-[10px]
    }
    .comment-form {
        @apply !mt-[50px]
    }
    .comment-form .btn {
        @apply !mt-0
    }
    
    /* CONTACTS */
    #contacts-1 .section-title p {
        @apply !px-[3%] !py-0
    }
    #contacts-1 .contact-form .contact-form-notice p {
        @apply !text-[14px] !mt-[30px]
    }
    #contacts-1 .contact-form .w-full span {
        @apply !leading-[1.4] !mb-[12px]
    }
    .contact-form .form-control, .contact-form .form-select {
        @apply !h-[50px]
    }
    .contact-form textarea {
        @apply !min-h-[170px]
    }
    .contact-form textarea.form-control {
        @apply !p-[15px]
    }
    
    /* FOOTER */
    .footer {
        @apply !pb-[30px]
    }
    .footer hr {
        @apply !mt-[5px] !mb-[30px]
    }
    #footer-10.pt--50 {
        @apply !pt-0
    }
    .footer .sm\:w-4\/12, .footer .sm\:w-6\/12, .footer .sm\:w-8\/12 {
        @apply !w-6/12 !float-left
    }
    #footer-3.footer .sm\:w-6\/12.md\:w-3\/12 {
        @apply !w-full !float-none
    }
    .footer-info, #footer-2 .footer-info, .footer-links, .footer-stores-badge {
        @apply !mb-[35px]
    }
    #footer-6 .footer-info, #footer-7 .footer-info {
        @apply !mt-[10px] !mb-0
    }
    #footer-10 .footer-info {
        @apply !mb-[25px] !pb-[35px]
    }
    #footer-8 .footer-links, #footer-10 .footer-links {
        @apply !mb-[10px]
    }
    img.footer-logo, img.footer-logo-dark {
        @apply !max-h-[34px]
    }
    #footer-1 .footer-logo, #footer-5 .footer-logo, #footer-6 .footer-logo, #footer-7 .footer-logo {
        @apply !mb-[22px]
    }
    #footer-10 img.footer-logo {
        @apply !max-h-[34px]
    }
    .footer h6 {
        @apply !text-[1.1785714rem] !mb-[18px]
    }
    
    /* 16.5px */
    .footer-mail-link {
        @apply !text-[1.0714285rem]
    }
    
    /* 15px */
    .footer-mail-link span {
        @apply !right-1 !top-[3px]
    }
    #footer-8 .foo-links li {
        @apply !block !pl-0
    }
    #footer-10 .foo-links li {
        @apply !px-2 !py-0
    }
    .foo-links.ico-10 li span {
        @apply !right-[3px] !top-px
    }
    .foo-links li a span.ext-link {
        @apply !left-[3px] !top-0
    }
    .footer-stores-badge .store {
        @apply !block !text-left !mr-0 !mb-[15px]
    }
    .footer-form {
        @apply !mr-[6%]
    }
    #footer-9 .footer-form {
        @apply !mb-0
    }
    .footer-form .form-control {
        @apply !text-[1.1rem]
    }
    .footer-form .form-control, .footer-form .btn {
        @apply !h-7
    }
    .footer-form .ico-15 [class*="flaticon-"]:before, 
.footer-form .ico-15 [class*="flaticon-"]:after {
        @apply !text-[18px] !leading-[22px]
    }
    .bottom-footer-socials {
        @apply !mt-[10px]
    }
    .bottom-footer-socials li {
        @apply !pl-3 first:!pl-0
    }
    .bottom-footer-list {
        @apply !mt-[3px]
    }
    #footer-4 .bottom-footer-list li, #footer-9 .bottom-footer-list li {
        @apply !pl-2
    }
    #footer-4 .bottom-footer-list li span, #footer-9 .bottom-footer-list li span {
        @apply !mr-px
    }
    .footer-list-divider {
        @apply !top-0
    }
    .bottom-secondary-link p span {
        @apply !px-[2px] !py-0 !top-[1.5px]
    }
    .footer-info-copyright p span {
        @apply !px-[2px] !py-0 !top-[2px]
    }
    .footer-info-copyright.ico-15 [class*="flaticon-"]:before, 
.footer-info-copyright.ico-15 [class*="flaticon-"]:after {
        @apply !text-[0.815rem]
    }
    
    /* INNER PAGE WRAPPER */
    .inner-page-hero, .page-hero-section-overlay {
        @apply !pt-[60px]
    }
    .inner-page-title {
        @apply !mb-[40px]
    }
    .inner-page-title h2 {
        @apply !mb-0
    }
    .inner-page-title p {
        @apply !text-[1.125rem] !leading-[1.6666] !mt-[12px] !px-[3%] !py-0
    }
    .page-hero-section h1 {
        @apply !leading-tight !mb-[20px]
    }
    
    /* PAGE PAGINATION */
    .page-link {
        @apply !text-[0.95rem] !px-[10px] !py-[2px]
    }
    .pagination.ico-20 [class*="flaticon-"]:before, .pagination.ico-20 [class*="flaticon-"]:after {
        @apply !text-[12px]
    }
    
    /* SIGN IN / SIGN UP */
    #login, #signup, #reset-password {
        @apply !py-[70px]
    }
    .login-page-logo {
        @apply !mb-[38px]
    }
    .login-page-logo img {
        @apply !max-h-[36px]
    }
    .register-form-title {
        @apply !mb-[25px]
    }
    .register-form-title h3 {
        @apply !text-[1.57142rem] !mb-[8px]
    }
    .separator-line, .register-page-form p.input-header, .form-data span, .register-page-form .btn-google {
        @apply !text-[1rem]
    }
    #signup .form-data span {
        @apply !text-[0.95rem]
    }
    .reset-password-link p {
        @apply !text-[1rem] !mt-0 !mb-[10px]
    }
    .register-page-form p.create-account {
        @apply !text-[1rem] !mt-[20px]
    }
    .separator-line {
        @apply !mx-0 !my-[20px]
    }
    .reset-form-title {
        @apply !mb-[16px]
    }
    .reset-form-title p.p-sm {
        @apply !text-[1rem] !mt-[15px]
    }
    .reset-page-wrapper {
        @apply !mx-[10px] !my-0
    }
    .reset-page-wrapper form {
        @apply !pt-[35px] !pb-[10px] !px-[10px]
    }
    #login .register-page-form, #signup .register-page-form {
        @apply !px-[20px] !py-[35px]
    }
    #login.login-1 .register-page-form, #signup.signup-1 .register-page-form {
        @apply !p-[5px]
    }
    .reset-page-wrapper .form-control, 
.register-page-form .form-control {
        @apply !h-[50px] !text-[1.0625rem] !mb-[20px] !px-3 !py-[5px]
    }
    #login .register-page-form .btn.submit {
        @apply !h-[50px] !text-[1.0625rem] !mt-[12px]
    }
    #signup .register-page-form .btn.submit {
        @apply !h-[50px] !text-[1.1rem] !mt-[20px]
    }
    .reset-page-wrapper .btn.submit {
        @apply !h-[50px] !text-[1.0625rem]
    }
    .btn-google img {
        @apply !w-[18px] !h-[18px] !right-[5px] !-top-[2px]
    }
    .btn-show-pass {
        @apply !top-4
    }
    
    /* PAGE 404 */
    .page-404-txt {
        @apply !pt-[80px] !pb-[50px]
    }
    .page-404-txt h2 {
        @apply !mb-[12px]
    }
    .page-404-txt h6 {
        @apply !leading-[1.6] !mb-[20px] !p-0
    }
    .page-404-img {
        @apply !mb-[30px] !px-[8%] !py-0
    }
    
    /* MODAL */
    #modal-1 .modal-dialog {
        @apply !max-w-[280px] !m-auto
    }
    #modal-2 .modal-dialog {
        @apply !w-[300px] !m-auto
    }
    #modal-3 .modal-dialog.modal-xl {
        @apply !w-[290px] !m-auto
    }
    #modal-1.modal .btn-close {
        @apply !right-[10px] !top-[10px]
    }
    #modal-2 .modal-body-content {
        @apply !pt-[22px] !pb-[5px] !px-[25px]
    }
    #modal-3 .modal-body-content {
        @apply !pt-[25px] !pb-[15px] !px-[10px]
    }
    .modal-body .newsletter-form {
        @apply !mt-[15px]
    }
    .modal .form-control, .modal .newsletter-form .btn {
        @apply !h-[46px] !text-[1.0625rem]
    }
    #modal-3 .request-form-title p {
        @apply !mt-[12px] !mb-[16px]
    }
    #modal-3 .request-form .form-control {
        @apply !mt-0 !mb-[20px] !mx-0
    }
    #modal-3 .request-form .btn {
        @apply !h-[46px] !text-[1rem]
    }
}