@charset "UTF-8";
/* ============================================================
    [Master Stylesheets]

    Theme Name:     Pixgix
    Theme URL:      
    Description:    PixgiX- Ai image Generator HTML Template      
    Version:        1.0.0

============================================================== */
/*
========================================
*********** TABLE OF CONTENTS **********

    01. Css Variables
    02. Font Size css
    03. Common Typography Css 
    04. reset css 
    05. Banner CSS
    06. About Css
    07. Feature Css
    08. Portfolio Css
    09. Text-slide css
    10. Pricing CSS 
    11. Testimonials CSS 
    12. Call-to-action CSS 
    13. Blog CSS 
    14. Team CSS 
    15. Contact CSS
    16. Error CSS 
    17. Login CSS 
    18. Generator CSS 
    19. Cursor-effect CSS 
    20. Preloader Css
    21. Scroll back to top Css  
    22. navbar css
    23. footer css
    24. breadcrumb css 
    25. Preloader Css 
    26. Scroll back to top Css
    27. navbar css
    28. footer css
    29. breadcrumb css 

========================================*/
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
@import url("all.min.css");
@import url("../font/flaticon_pixgix.css");

/* ============================
     Css Variables
=============================== */
:root {
  /* Font Family */
  --body-font: "Lato", serif;
  --title-font: "Plus Jakarta Sans", serif;
  /* ================== 
    Theme Color
   =================== */
  /* Gradient Color */
  --gradient: linear-gradient(270deg, hsl(var(--base-two)) -8.96%, hsl(var(--base)) 100%);
  /* Base Color */
  --base-h: 84;
  --base-s: 100%;
  --base-l: 60%;
  --base: var(--base-h) var(--base-s) var(--base-l);
  --base-d-100: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.1);
  --base-d-200: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.2);
  --base-d-300: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.3);
  --base-d-400: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.4);
  --base-d-500: var(--base-h) var(--base-s) calc(var(--base-l) - var(--base-l) * 0.5);
  --base-l-100: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.1);
  --base-l-200: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.2);
  --base-l-300: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.3);
  --base-l-400: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.4);
  --base-l-500: var(--base-h) calc(var(--base-s)) calc(var(--base-l) + (100% - var(--base-l)) * 0.5);
  /* Base Two Color */
  --base-two-h: 51;
  --base-two-s: 100%;
  --base-two-l: 66%;
  --base-two: var(--base-two-h) var(--base-two-s) var(--base-two-l);
  --base-two-d-100: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.1);
  --base-two-d-200: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.2);
  --base-two-d-300: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.3);
  --base-two-d-400: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.4);
  --base-two-d-500: var(--base-two-h) var(--base-two-s) calc(var(--base-two-l) - var(--base-two-l) * 0.5);
  --base-two-l-100: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.1);
  --base-two-l-200: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.2);
  --base-two-l-300: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.3);
  --base-two-l-400: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.4);
  --base-two-l-500: var(--base-two-h) calc(var(--base-two-s)) calc(var(--base-two-l) + (100% - var(--base-two-l)) * 0.5);
  --white: 0 0% 100%;
  --black: 113 40% 4%;
  --black-two: 113 13% 12%;
  --black-three: 120 16% 11%;
  --black-four: 111 16% 17%;
  --black-five: 113 27% 6%;
  --black-six: 113 18% 9%;
  --body-color: 0 0% 67%;
  --title-color: 39 85% 5%;
  --border-color: 0 0% 67%;
  --section-bg: 113 40% 4%;
  --section-bg-two: 113 27% 6%;
  --gray: 0 0% 67%;
  --gray-two: 0 0% 85%;
  /* Primary Color */
  --primary-h: 84;
  --primary-s: 100%;
  --primary-l: 60%;
  --primary: var(--primary-h) var(--primary-s) var(--primary-l);
  --primary-d-100: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.1);
  --primary-d-200: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.2);
  --primary-d-300: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.3);
  --primary-d-400: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.4);
  --primary-d-500: var(--primary-h) var(--primary-s) calc(var(--primary-l) - var(--primary-l) * 0.5);
  --primary-l-100: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.1);
  --primary-l-200: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.2);
  --primary-l-300: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.3);
  --primary-l-400: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.4);
  --primary-l-500: var(--primary-h) calc(var(--primary-s)) calc(var(--primary-l) + (100% - var(--primary-l)) * 0.5);
  /* Secondary Color */
  --secondary-h: 51;
  --secondary-s: 100%;
  --secondary-l: 66%;
  --secondary: var(--secondary-h) var(--secondary-s) var(--secondary-l);
  --secondary-d-100: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.1);
  --secondary-d-200: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.2);
  --secondary-d-300: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.3);
  --secondary-d-400: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.4);
  --secondary-d-500: var(--secondary-h) var(--secondary-s) calc(var(--secondary-l) - var(--secondary-l) * 0.5);
  --secondary-l-100: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.1);
  --secondary-l-200: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.2);
  --secondary-l-300: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.3);
  --secondary-l-400: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.4);
  --secondary-l-500: var(--secondary-h) calc(var(--secondary-s)) calc(var(--secondary-l) + (100% - var(--secondary-l)) * 0.5);
  /* Success Color */
  --success-h: 144;
  --success-s: 100%;
  --success-l: 39%;
  --success: var(--success-h) var(--success-s) var(--success-l);
  --success-d-100: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.1);
  --success-d-200: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.2);
  --success-d-300: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.3);
  --success-d-400: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.4);
  --success-d-500: var(--success-h) var(--success-s) calc(var(--success-l) - var(--success-l) * 0.5);
  --success-l-100: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.1);
  --success-l-200: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.2);
  --success-l-300: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.3);
  --success-l-400: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.4);
  --success-l-500: var(--success-h) calc(var(--success-s)) calc(var(--success-l) + (100% - var(--success-l)) * 0.5);
  /* Danger Color */
  --danger-h: 0;
  --danger-s: 100%;
  --danger-l: 63%;
  --danger: var(--danger-h) var(--danger-s) var(--danger-l);
  --danger-d-100: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.1);
  --danger-d-200: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.2);
  --danger-d-300: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.3);
  --danger-d-400: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.4);
  --danger-d-500: var(--danger-h) var(--danger-s) calc(var(--danger-l) - var(--danger-l) * 0.5);
  --danger-l-100: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.1);
  --danger-l-200: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.2);
  --danger-l-300: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.3);
  --danger-l-400: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.4);
  --danger-l-500: var(--danger-h) calc(var(--danger-s)) calc(var(--danger-l) + (100% - var(--danger-l)) * 0.5);
  /* Warning Color */
  --warning-h: 40;
  --warning-s: 100%;
  --warning-l: 60%;
  --warning: var(--warning-h) var(--warning-s) var(--warning-l);
  --warning-d-100: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.1);
  --warning-d-200: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.2);
  --warning-d-300: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.3);
  --warning-d-400: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.4);
  --warning-d-500: var(--warning-h) var(--warning-s) calc(var(--warning-l) - var(--warning-l) * 0.5);
  --warning-l-100: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.1);
  --warning-l-200: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.2);
  --warning-l-300: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.3);
  --warning-l-400: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.4);
  --warning-l-500: var(--warning-h) calc(var(--warning-s)) calc(var(--warning-l) + (100% - var(--warning-l)) * 0.5);
  /* Info Color */
  --info-h: 196;
  --info-s: 77%;
  --info-l: 55%;
  --info: var(--info-h) var(--info-s) var(--info-l);
  --info-d-100: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.1);
  --info-d-200: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.2);
  --info-d-300: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.3);
  --info-d-400: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.4);
  --info-d-500: var(--info-h) var(--info-s) calc(var(--info-l) - var(--info-l) * 0.5);
  --info-l-100: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.1);
  --info-l-200: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.2);
  --info-l-300: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.3);
  --info-l-400: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.4);
  --info-l-500: var(--info-h) calc(var(--info-s)) calc(var(--info-l) + (100% - var(--info-l)) * 0.5);
  /* Blue Color */
  --blue-h: 231;
  --blue-s: 81%;
  --blue-l: 61%;
  --blue: var(--blue-h) var(--blue-s) var(--blue-l);
  --blue-d-100: var(--blue-h) var(--blue-s) calc(var(--blue-l) - var(--blue-l) * 0.1);
  --blue-d-200: var(--blue-h) var(--blue-s) calc(var(--blue-l) - var(--blue-l) * 0.2);
  --blue-d-300: var(--blue-h) var(--blue-s) calc(var(--blue-l) - var(--blue-l) * 0.3);
  --blue-d-400: var(--blue-h) var(--blue-s) calc(var(--blue-l) - var(--blue-l) * 0.4);
  --blue-d-500: var(--blue-h) var(--blue-s) calc(var(--blue-l) - var(--blue-l) * 0.5);
  --blue-l-100: var(--blue-h) calc(var(--blue-s)) calc(var(--blue-l) + (100% - var(--blue-l)) * 0.1);
  --blue-l-200: var(--blue-h) calc(var(--blue-s)) calc(var(--blue-l) + (100% - var(--blue-l)) * 0.2);
  --blue-l-300: var(--blue-h) calc(var(--blue-s)) calc(var(--blue-l) + (100% - var(--blue-l)) * 0.3);
  --blue-l-400: var(--blue-h) calc(var(--blue-s)) calc(var(--blue-l) + (100% - var(--blue-l)) * 0.4);
  --blue-l-500: var(--blue-h) calc(var(--blue-s)) calc(var(--blue-l) + (100% - var(--blue-l)) * 0.5);
}
.section-one-bg {
  background-color: hsl(var(--section-bg));
}
.section-two-bg {
  background-color: hsl(var(--section-bg-two));
}
.section-base-bg {
  background: var(--gradient);
}
.services-text-slide {
  background-color: hsl(var(--section-bg));
}
/* ============================
    Font Size css
=============================== */
.fs-10 {
  font-size: 0.625rem;
}
.fs-11 {
  font-size: 0.6875rem;
}
.fs-12 {
  font-size: 0.75rem;
}
.fs-13 {
  font-size: 0.8125rem;
}
.fs-14 {
  font-size: 0.875rem;
}
@media screen and (max-width: 1199px) {
  .fs-14 {
    font-size: 0.8125rem;
  }
}
.fs-15 {
  font-size: 0.9375rem;
}
@media screen and (max-width: 1199px) {
  .fs-15 {
    font-size: 0.875rem;
  }
}
.fs-16 {
  font-size: 1rem;
}
@media screen and (max-width: 1199px) {
  .fs-16 {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  .fs-16 {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1199px) {
  .fs-16 {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
  .fs-16 {
    font-size: 0.875rem;
  }
}
.fs-17 {
  font-size: 1.0625rem;
}
@media screen and (max-width: 1199px) {
  .fs-17 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991px) {
  .fs-17 {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 575px) {
  .fs-17 {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1199px) {
  .fs-17 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
  .fs-17 {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1199px) and (max-width: 991px) {
  .fs-17 {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .fs-17 {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-17 {
    font-size: 0.875rem;
  }
}
.fs-18 {
  font-size: 1.125rem;
}
@media screen and (max-width: 1199px) {
  .fs-18 {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 991px) {
  .fs-18 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 575px) {
  .fs-18 {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1399px) {
  .fs-18 {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-18 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-18 {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-18 {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .fs-18 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-18 {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-18 {
    font-size: 0.875rem;
  }
}
.fs-19 {
  font-size: 1.1875rem;
}
@media screen and (max-width: 1199px) {
  .fs-19 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  .fs-19 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1399px) {
  .fs-19 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-19 {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-19 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-19 {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .fs-19 {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-19 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-19 {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-19 {
    font-size: 0.875rem;
  }
}
.fs-20 {
  font-size: 1.25rem;
}
@media screen and (max-width: 1199px) {
  .fs-20 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  .fs-20 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1399px) {
  .fs-20 {
    font-size: 1.1875rem;
  }
}
@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-20 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-20 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .fs-20 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-20 {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-20 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-20 {
    font-size: 0.9375rem;
  }
}
.fs-21 {
  font-size: 1.3125rem;
}
@media screen and (max-width: 1199px) {
  .fs-21 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  .fs-21 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 575px) {
  .fs-21 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1399px) {
  .fs-21 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-21 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-21 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .fs-21 {
    font-size: 1.1875rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-21 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-21 {
    font-size: 1rem;
  }
}
.fs-22 {
  font-size: 1.375rem;
}
@media screen and (max-width: 1199px) {
  .fs-22 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  .fs-22 {
    font-size: 1.1875rem;
  }
}
@media screen and (max-width: 575px) {
  .fs-22 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1399px) {
  .fs-22 {
    font-size: 1.3125rem;
  }
}
@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-22 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-22 {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-22 {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-22 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-22 {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-22 {
    font-size: 1rem;
  }
}

.fs-23 {
  font-size: 1.4375rem;
}

@media screen and (max-width: 1199px) {
  .fs-23 {
    font-size: 1.3125rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-23 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-23 {
    font-size: 1.1875rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-23 {
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-23 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-23 {
    font-size: 1.1875rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-23 {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-23 {
    font-size: 1.3125rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-23 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-23 {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-23 {
    font-size: 1.125rem;
  }
}

.fs-24 {
  font-size: 1.5rem;
}

@media screen and (max-width: 1199px) {
  .fs-24 {
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-24 {
    font-size: 1.3125rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-24 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-24 {
    font-size: 1.4375rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-24 {
    font-size: 1.3125rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-24 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-24 {
    font-size: 1.1875rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-24 {
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-24 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-24 {
    font-size: 1.1875rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-24 {
    font-size: 1.125rem;
  }
}

.fs-25 {
  font-size: 1.5625rem;
}

@media screen and (max-width: 1199px) {
  .fs-25 {
    font-size: 1.4375rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-25 {
    font-size: 1.3125rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-25 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-25 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-25 {
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-25 {
    font-size: 1.3125rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-25 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-25 {
    font-size: 1.4375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-25 {
    font-size: 1.3125rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-25 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-25 {
    font-size: 1.1875rem;
  }
}

.fs-26 {
  font-size: 1.5rem;
}

@media screen and (max-width: 1199px) {
  .fs-26 {
    font-size: 1.563rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-26 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-26 {
    font-size: 1.438rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-26 {
    font-size: 1.5625rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-26 {
    font-size: 1.4375rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-26 {
    font-size: 1.3125rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-26 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-26 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-26 {
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-26 {
    font-size: 1.3125rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-26 {
    font-size: 1.25rem;
  }
}

.fs-27 {
  font-size: 1.563rem;
}

@media screen and (max-width: 1199px) {
  .fs-27 {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-27 {
    font-size: 1.563rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-27 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-27 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-27 {
    font-size: 1.563rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-27 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-27 {
    font-size: 1.438rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-27 {
    font-size: 1.5625rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-27 {
    font-size: 1.4375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-27 {
    font-size: 1.3125rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-27 {
    font-size: 1.25rem;
  }
}

.fs-28 {
  font-size: 1.625rem;
}

@media screen and (max-width: 1199px) {
  .fs-28 {
    font-size: 1.688rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-28 {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-28 {
    font-size: 1.563rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-28 {
    font-size: 1.563rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-28 {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-28 {
    font-size: 1.563rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-28 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-28 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-28 {
    font-size: 1.563rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-28 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-28 {
    font-size: 1.438rem;
  }
}

.fs-29 {
  font-size: 1.688rem;
}

@media screen and (max-width: 1199px) {
  .fs-29 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-29 {
    font-size: 1.688rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-29 {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-29 {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-29 {
    font-size: 1.688rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-29 {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-29 {
    font-size: 1.563rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-29 {
    font-size: 1.563rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-29 {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-29 {
    font-size: 1.563rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-29 {
    font-size: 1.5rem;
  }
}

.fs-30 {
  font-size: 1.75rem;
}

@media screen and (max-width: 1199px) {
  .fs-30 {
    font-size: 1.813rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-30 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-30 {
    font-size: 1.688rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-30 {
    font-size: 1.688rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-30 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-30 {
    font-size: 1.688rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-30 {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-30 {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-30 {
    font-size: 1.688rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-30 {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-30 {
    font-size: 1.563rem;
  }
}

.fs-31 {
  font-size: 1.813rem;
}

@media screen and (max-width: 1199px) {
  .fs-31 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-31 {
    font-size: 1.813rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-31 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-31 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-31 {
    font-size: 1.813rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-31 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-31 {
    font-size: 1.688rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-31 {
    font-size: 1.688rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-31 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-31 {
    font-size: 1.688rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-31 {
    font-size: 1.625rem;
  }
}

.fs-32 {
  font-size: 1.875rem;
}

@media screen and (max-width: 1199px) {
  .fs-32 {
    font-size: 1.938rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-32 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-32 {
    font-size: 1.813rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-32 {
    font-size: 1.813rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-32 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-32 {
    font-size: 1.813rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-32 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-32 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-32 {
    font-size: 1.813rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-32 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-32 {
    font-size: 1.688rem;
  }
}

.fs-33 {
  font-size: 1.938rem;
}

@media screen and (max-width: 1199px) {
  .fs-33 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-33 {
    font-size: 1.938rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-33 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-33 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-33 {
    font-size: 1.938rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-33 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-33 {
    font-size: 1.813rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-33 {
    font-size: 1.813rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-33 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-33 {
    font-size: 1.813rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-33 {
    font-size: 1.75rem;
  }
}

.fs-34 {
  font-size: 2rem;
}

@media screen and (max-width: 1199px) {
  .fs-34 {
    font-size: 2.063rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-34 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-34 {
    font-size: 1.938rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-34 {
    font-size: 1.938rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-34 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-34 {
    font-size: 1.938rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-34 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-34 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-34 {
    font-size: 1.938rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-34 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-34 {
    font-size: 1.813rem;
  }
}

.fs-35 {
  font-size: 2.063rem;
}

@media screen and (max-width: 1199px) {
  .fs-35 {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-35 {
    font-size: 2.063rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-35 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-35 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-35 {
    font-size: 2.063rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-35 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-35 {
    font-size: 1.938rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-35 {
    font-size: 1.938rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-35 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-35 {
    font-size: 1.938rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-35 {
    font-size: 1.875rem;
  }
}

.fs-36 {
  font-size: 2.125rem;
}

@media screen and (max-width: 1199px) {
  .fs-36 {
    font-size: 2.188rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-36 {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-36 {
    font-size: 2.063rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-36 {
    font-size: 2.063rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-36 {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-36 {
    font-size: 2.063rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-36 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-36 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-36 {
    font-size: 2.063rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-36 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-36 {
    font-size: 1.938rem;
  }
}

.fs-37 {
  font-size: 2.188rem;
}

@media screen and (max-width: 1199px) {
  .fs-37 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-37 {
    font-size: 2.188rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-37 {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-37 {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-37 {
    font-size: 2.188rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-37 {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-37 {
    font-size: 2.063rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-37 {
    font-size: 2.063rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-37 {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-37 {
    font-size: 2.063rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-37 {
    font-size: 2rem;
  }
}

.fs-38 {
  font-size: 2.25rem;
}

@media screen and (max-width: 1199px) {
  .fs-38 {
    font-size: 2.313rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-38 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-38 {
    font-size: 2.188rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-38 {
    font-size: 2.188rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-38 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-38 {
    font-size: 2.188rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-38 {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-38 {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-38 {
    font-size: 2.188rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-38 {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-38 {
    font-size: 2.063rem;
  }
}

.fs-39 {
  font-size: 2.313rem;
}

@media screen and (max-width: 1199px) {
  .fs-39 {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-39 {
    font-size: 2.313rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-39 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-39 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-39 {
    font-size: 2.313rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-39 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-39 {
    font-size: 2.188rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-39 {
    font-size: 2.188rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-39 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-39 {
    font-size: 2.188rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-39 {
    font-size: 2.125rem;
  }
}

.fs-40 {
  font-size: 2.375rem;
}

@media screen and (max-width: 1199px) {
  .fs-40 {
    font-size: 2.438rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-40 {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-40 {
    font-size: 2.313rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-40 {
    font-size: 2.313rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-40 {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-40 {
    font-size: 2.313rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-40 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-40 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-40 {
    font-size: 2.313rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-40 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-40 {
    font-size: 2.188rem;
  }
}

.fs-41 {
  font-size: 2.438rem;
}

@media screen and (max-width: 1199px) {
  .fs-41 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-41 {
    font-size: 2.438rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-41 {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-41 {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-41 {
    font-size: 2.438rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-41 {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-41 {
    font-size: 2.313rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-41 {
    font-size: 2.313rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-41 {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-41 {
    font-size: 2.313rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-41 {
    font-size: 2.25rem;
  }
}

.fs-42 {
  font-size: 2.5rem;
}

@media screen and (max-width: 1199px) {
  .fs-42 {
    font-size: 2.563rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-42 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-42 {
    font-size: 2.438rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-42 {
    font-size: 2.438rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-42 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-42 {
    font-size: 2.438rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-42 {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-42 {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-42 {
    font-size: 2.438rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-42 {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-42 {
    font-size: 2.313rem;
  }
}

.fs-43 {
  font-size: 2.563rem;
}

@media screen and (max-width: 1199px) {
  .fs-43 {
    font-size: 2.625rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-43 {
    font-size: 2.563rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-43 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-43 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-43 {
    font-size: 2.563rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-43 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-43 {
    font-size: 2.438rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-43 {
    font-size: 2.438rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-43 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-43 {
    font-size: 2.438rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-43 {
    font-size: 2.375rem;
  }
}

.fs-44 {
  font-size: 2.625rem;
}

@media screen and (max-width: 1199px) {
  .fs-44 {
    font-size: 2.688rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-44 {
    font-size: 2.625rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-44 {
    font-size: 2.563rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-44 {
    font-size: 2.563rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-44 {
    font-size: 2.625rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-44 {
    font-size: 2.563rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-44 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-44 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-44 {
    font-size: 2.563rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-44 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-44 {
    font-size: 2.438rem;
  }
}

.fs-45 {
  font-size: 2.688rem;
}

@media screen and (max-width: 1199px) {
  .fs-45 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-45 {
    font-size: 2.688rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-45 {
    font-size: 2.625rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-45 {
    font-size: 2.625rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-45 {
    font-size: 2.688rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-45 {
    font-size: 2.625rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-45 {
    font-size: 2.563rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-45 {
    font-size: 2.563rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-45 {
    font-size: 2.625rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-45 {
    font-size: 2.563rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-45 {
    font-size: 2.5rem;
  }
}

.fs-46 {
  font-size: 2.75rem;
}

@media screen and (max-width: 1199px) {
  .fs-46 {
    font-size: 2.813rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-46 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-46 {
    font-size: 2.688rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-46 {
    font-size: 2.688rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-46 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-46 {
    font-size: 2.688rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-46 {
    font-size: 2.625rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-46 {
    font-size: 2.625rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-46 {
    font-size: 2.688rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-46 {
    font-size: 2.625rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-46 {
    font-size: 2.563rem;
  }
}

.fs-47 {
  font-size: 2.813rem;
}

@media screen and (max-width: 1199px) {
  .fs-47 {
    font-size: 2.875rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-47 {
    font-size: 2.813rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-47 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-47 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-47 {
    font-size: 2.813rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-47 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-47 {
    font-size: 2.688rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-47 {
    font-size: 2.688rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-47 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-47 {
    font-size: 2.688rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-47 {
    font-size: 2.625rem;
  }
}

.fs-48 {
  font-size: 2.875rem;
}

@media screen and (max-width: 1199px) {
  .fs-48 {
    font-size: 2.938rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-48 {
    font-size: 2.875rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-48 {
    font-size: 2.813rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-48 {
    font-size: 2.813rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-48 {
    font-size: 2.875rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-48 {
    font-size: 2.813rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-48 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-48 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-48 {
    font-size: 2.813rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-48 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-48 {
    font-size: 2.688rem;
  }
}

.fs-49 {
  font-size: 2.938rem;
}

@media screen and (max-width: 1199px) {
  .fs-49 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-49 {
    font-size: 2.938rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-49 {
    font-size: 2.875rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-49 {
    font-size: 2.875rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-49 {
    font-size: 2.938rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-49 {
    font-size: 2.875rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-49 {
    font-size: 2.813rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-49 {
    font-size: 2.813rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-49 {
    font-size: 2.875rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-49 {
    font-size: 2.813rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-49 {
    font-size: 2.75rem;
  }
}

.fs-50 {
  font-size: 3rem;
}

@media screen and (max-width: 1199px) {
  .fs-50 {
    font-size: 3.063rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-50 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-50 {
    font-size: 2.938rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-50 {
    font-size: 2.938rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-50 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-50 {
    font-size: 2.938rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-50 {
    font-size: 2.875rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-50 {
    font-size: 2.875rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-50 {
    font-size: 2.938rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-50 {
    font-size: 2.875rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-50 {
    font-size: 2.813rem;
  }
}

.fs-51 {
  font-size: 3.063rem;
}

@media screen and (max-width: 1199px) {
  .fs-51 {
    font-size: 3.125rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-51 {
    font-size: 3.063rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-51 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-51 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-51 {
    font-size: 3.063rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-51 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-51 {
    font-size: 2.938rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-51 {
    font-size: 2.938rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-51 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-51 {
    font-size: 2.938rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-51 {
    font-size: 2.875rem;
  }
}

.fs-52 {
  font-size: 3.125rem;
}

@media screen and (max-width: 1199px) {
  .fs-52 {
    font-size: 3.188rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-52 {
    font-size: 3.125rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-52 {
    font-size: 3.063rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-52 {
    font-size: 3.063rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-52 {
    font-size: 3.125rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-52 {
    font-size: 3.063rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-52 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-52 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-52 {
    font-size: 3.063rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-52 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-52 {
    font-size: 2.938rem;
  }
}

.fs-53 {
  font-size: 3.188rem;
}

@media screen and (max-width: 1199px) {
  .fs-53 {
    font-size: 3.25rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-53 {
    font-size: 3.188rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-53 {
    font-size: 3.125rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-53 {
    font-size: 3.125rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-53 {
    font-size: 3.188rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-53 {
    font-size: 3.125rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-53 {
    font-size: 3.063rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-53 {
    font-size: 3.063rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-53 {
    font-size: 3.125rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-53 {
    font-size: 3.063rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-53 {
    font-size: 3rem;
  }
}

.fs-54 {
  font-size: 3.25rem;
}

@media screen and (max-width: 1199px) {
  .fs-54 {
    font-size: 3.313rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-54 {
    font-size: 3.25rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-54 {
    font-size: 3.188rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-54 {
    font-size: 3.188rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-54 {
    font-size: 3.25rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-54 {
    font-size: 3.188rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-54 {
    font-size: 3.125rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-54 {
    font-size: 3.125rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-54 {
    font-size: 3.188rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-54 {
    font-size: 3.125rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-54 {
    font-size: 3.063rem;
  }
}

.fs-55 {
  font-size: 3.313rem;
}

@media screen and (max-width: 1199px) {
  .fs-55 {
    font-size: 3.375rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-55 {
    font-size: 3.313rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-55 {
    font-size: 3.25rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-55 {
    font-size: 3.25rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-55 {
    font-size: 3.313rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-55 {
    font-size: 3.25rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-55 {
    font-size: 3.188rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-55 {
    font-size: 3.188rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-55 {
    font-size: 3.25rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-55 {
    font-size: 3.188rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-55 {
    font-size: 3.125rem;
  }
}

.fs-56 {
  font-size: 3.375rem;
}

@media screen and (max-width: 1199px) {
  .fs-56 {
    font-size: 3.438rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-56 {
    font-size: 3.375rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-56 {
    font-size: 3.313rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-56 {
    font-size: 3.313rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-56 {
    font-size: 3.375rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-56 {
    font-size: 3.313rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-56 {
    font-size: 3.25rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-56 {
    font-size: 3.25rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-56 {
    font-size: 3.313rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-56 {
    font-size: 3.25rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-56 {
    font-size: 3.188rem;
  }
}

.fs-57 {
  font-size: 3.438rem;
}

@media screen and (max-width: 1199px) {
  .fs-57 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-57 {
    font-size: 3.438rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-57 {
    font-size: 3.375rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-57 {
    font-size: 3.375rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-57 {
    font-size: 3.438rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-57 {
    font-size: 3.375rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-57 {
    font-size: 3.313rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-57 {
    font-size: 3.313rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-57 {
    font-size: 3.375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-57 {
    font-size: 3.313rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-57 {
    font-size: 3.25rem;
  }
}

.fs-58 {
  font-size: 3.5rem;
}

@media screen and (max-width: 1199px) {
  .fs-58 {
    font-size: 3.563rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-58 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-58 {
    font-size: 3.438rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-58 {
    font-size: 3.438rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-58 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-58 {
    font-size: 3.438rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-58 {
    font-size: 3.375rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-58 {
    font-size: 3.375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-58 {
    font-size: 3.438rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-58 {
    font-size: 3.375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-58 {
    font-size: 3.313rem;
  }
}

.fs-59 {
  font-size: 3.563rem;
}

@media screen and (max-width: 1199px) {
  .fs-59 {
    font-size: 3.625rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-59 {
    font-size: 3.563rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-59 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-59 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-59 {
    font-size: 3.563rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-59 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-59 {
    font-size: 3.438rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-59 {
    font-size: 3.438rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-59 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-59 {
    font-size: 3.438rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-59 {
    font-size: 3.375rem;
  }
}

.fs-60 {
  font-size: 3.625rem;
}

@media screen and (max-width: 1199px) {
  .fs-60 {
    font-size: 3.75rem;
  }
}

@media screen and (max-width: 991px) {
  .fs-60 {
    font-size: 3.625rem;
  }
}

@media screen and (max-width: 575px) {
  .fs-60 {
    font-size: 3.563rem;
  }
}

@media screen and (max-width: 1399px) {
  .fs-60 {
    font-size: 3.563rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .fs-60 {
    font-size: 3.625rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .fs-60 {
    font-size: 3.563rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .fs-60 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-60 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .fs-60 {
    font-size: 3.563rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .fs-60 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .fs-60 {
    font-size: 3.438rem;
  }
}

.section-title .sub-title {
  font-size: 1.25rem;
  font-weight: 400;
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}

.section-title .sub-title::after,
.section-title .sub-title::before {
  content: url("../images/icon/sub-title.svg");
}

.section-title .sub-title::before {
  margin-right: 15px;
}

.section-title .sub-title::after {
  margin-left: 15px;
}

.section-title h2 {
  padding-top: 10px;
}

.section-title p {
  padding: 1.5625rem 0 2.5rem;
}

.section-base-bg .section-title span.sub-title {
  -webkit-text-fill-color: hsl(var(--black));
}

.section-base-bg .section-title span.sub-title::after,
.section-base-bg .section-title span.sub-title::before {
  content: url("../images/icon/sub-title2.svg");
}

.section-base-bg .section-title h2 {
  color: hsl(var(--black));
}

.section-base-bg .section-title p {
  color: hsl(var(--black-four));
}

.reveal-img {
  position: relative;
  display: inline-block;
}

.reveal-img img {
  opacity: 0;
}

.reveal-img::after {
  content: "";
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: hsl(var(--white));
  opacity: 0.3;
  position: absolute;
}

.reveal-img.reveal-img-active img {
  -webkit-animation: imgAppear 1s linear forwards;
  animation: imgAppear 1s linear forwards;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.reveal-img.reveal-img-active::after {
  -webkit-animation: revealImg 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: revealImg 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

@-webkit-keyframes imgAppear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes imgAppear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes revealImg {
  0% {
    left: 0%;
    width: 0%;
  }

  50% {
    left: 0%;
    width: 100%;
  }

  100% {
    left: 100%;
    width: 0%;
  }
}

@keyframes revealImg {
  0% {
    left: 0%;
    width: 0%;
  }

  50% {
    left: 0%;
    width: 100%;
  }

  100% {
    left: 100%;
    width: 0%;
  }
}

.progress {
  --bs-progress-height: 5px;
  border-radius: 5px;
  background-color: hsl(var(--white));
  overflow: unset;
}

.progress .progress-bar {
  -webkit-transition: width 2s ease-in-out;
  -o-transition: width 2s ease-in-out;
  transition: width 2s ease-in-out;
  width: 25%;
  background: var(--gradient);
  border-radius: 5px;
}

.skill-progress span {
  padding-bottom: 7px;
  font-weight: 600;
  color: hsl(var(--white));
}

.skill-progress .percentage {
  margin-top: -30px;
  margin-left: -40px;
  font-size: 1rem;
  color: hsl(var(--white));
  font-weight: 600;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .skill-progress .percentage {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 991px) {
  .skill-progress .percentage {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 374px) {
  .skill-progress .percentage {
    position: absolute;
    right: 14px;
  }

  .skill-progress .percentage::before {
    display: none;
  }
}

.skill-progress .percentage::before {
  content: "";
  position: absolute;
  bottom: -4px;
  right: -13px;
  width: 13px;
  height: 13px;
  background: var(--gradient);
  border-radius: 100px;
}

.image-effect {
  position: relative;
  overflow: hidden;
}

.image-effect::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: hsl(var(--base)/0.3);
  -webkit-transform: translate(-50%, -50%) rotate(-40deg);
  -ms-transform: translate(-50%, -50%) rotate(-40deg);
  transform: translate(-50%, -50%) rotate(-40deg);
  z-index: 1;
}

.image-effect:hover::after {
  height: 250%;
  -webkit-transition: all 950ms linear;
  -o-transition: all 950ms linear;
  transition: all 950ms linear;
  background-color: transparent;
}

.image-effect:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.image-effect img {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.svg-container .spinner {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.svg-container .main-circle {
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  -o-transition: transform 0.3s ease, filter 0.3s ease;
  transition: transform 0.3s ease, filter 0.3s ease;
  transition: transform 0.3s ease, filter 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
}

.svg-container .play-arrow {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.svg-container:hover .main-circle {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-filter: drop-shadow(0 0 8px rgba(16, 93, 246, 0.2));
  filter: drop-shadow(0 0 8px rgba(16, 93, 246, 0.2));
}

.svg-container:hover .play-arrow {
  -webkit-transform: translateX(3px);
  -ms-transform: translateX(3px);
  transform: translateX(3px);
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M9.50017 12.6667C9.39598 12.6673 9.2927 12.6473 9.19624 12.6079C9.09979 12.5685 9.01206 12.5104 8.93808 12.4371L4.18808 7.68707C4.03901 7.53799 3.95526 7.33581 3.95526 7.12498C3.95526 6.91416 4.03901 6.71197 4.18808 6.5629C4.33716 6.41383 4.53935 6.33008 4.75017 6.33008C4.96099 6.33008 5.16318 6.41383 5.31225 6.5629L9.50017 10.7587L13.6881 6.57082C13.8395 6.44112 14.0343 6.37335 14.2336 6.38105C14.4328 6.38874 14.6218 6.47134 14.7628 6.61233C14.9038 6.75332 14.9864 6.94232 14.9941 7.14157C15.0018 7.34081 14.934 7.53562 14.8043 7.68707L10.0543 12.4371C9.90688 12.5833 9.70785 12.6658 9.50017 12.6667Z' fill='%23F9F9F9'/%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M9.50017 12.6667C9.39598 12.6673 9.2927 12.6473 9.19624 12.6079C9.09979 12.5685 9.01206 12.5104 8.93808 12.4371L4.18808 7.68707C4.03901 7.53799 3.95526 7.33581 3.95526 7.12498C3.95526 6.91416 4.03901 6.71197 4.18808 6.5629C4.33716 6.41383 4.53935 6.33008 4.75017 6.33008C4.96099 6.33008 5.16318 6.41383 5.31225 6.5629L9.50017 10.7587L13.6881 6.57082C13.8395 6.44112 14.0343 6.37335 14.2336 6.38105C14.4328 6.38874 14.6218 6.47134 14.7628 6.61233C14.9038 6.75332 14.9864 6.94232 14.9941 7.14157C15.0018 7.34081 14.934 7.53562 14.8043 7.68707L10.0543 12.4371C9.90688 12.5833 9.70785 12.6658 9.50017 12.6667Z' fill='%23F9F9F9'/%3E%3C/svg%3E");
  --bs-accordion-btn-icon-transform: rotate(-85deg);
}

.accordion .accordion-item {
  background: none;
  border: 0;
  border-radius: 0 !important;
}

.accordion .accordion-item .accordion-header .accordion-button {
  border: 0 !important;
  border-radius: 0 !important;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.accordion .accordion-item .accordion-body {
  background: none;
  border: 0;
  padding: 0;
}

.accordion .accordion-item {
  border-top: 1.5px solid hsl(var(--white)/0.2);
}

.accordion .accordion-item:last-child {
  border-bottom: 1.5px solid hsl(var(--white)/0.2);
}

.accordion .accordion-item .accordion-header .accordion-button {
  padding: 24px 0;
  color: hsl(var(--white));
}

@media screen and (max-width: 767px) {
  .accordion .accordion-item .accordion-header .accordion-button {
    padding: 20px 0;
    line-height: 1.4;
  }
}

.accordion .accordion-item .accordion-body {
  padding-bottom: 24px;
}

.accordion .accordion-item .accordion-body p {
  color: hsl(var(--body-color));
}

.company-slide img {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.company-slide img:hover {
  -webkit-filter: invert(100%) sepia(0%) saturate(919%) hue-rotate(350deg) brightness(300%) contrast(100%);
  filter: invert(100%) sepia(0%) saturate(919%) hue-rotate(350deg) brightness(300%) contrast(100%);
}

.privacy-policy-content h2,
.privacy-policy-content h3 {
  padding-bottom: 15px;
}

.privacy-policy-content p {
  font-size: 1.125rem;
}

@media screen and (max-width: 1199px) {
  .privacy-policy-content p {
    font-size: 1.0625rem;
  }
}

@media screen and (max-width: 991px) {
  .privacy-policy-content p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 575px) {
  .privacy-policy-content p {
    font-size: 0.9375rem;
  }
}

.privacy-policy-content ul {
  display: -ms-grid;
  display: grid;
  gap: 5px;
  margin: 15px 0;
}

.privacy-policy-content ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 500;
  gap: 10px;
}

@media screen and (max-width: 1199px) {
  .privacy-policy-content ul li {
    font-size: 1.0625rem;
  }
}

@media screen and (max-width: 991px) {
  .privacy-policy-content ul li {
    font-size: 1rem;
  }
}

@media screen and (max-width: 575px) {
  .privacy-policy-content ul li {
    font-size: 0.9375rem;
  }
}

.privacy-policy-content ul li::before {
  content: "•";
}

/* ================================= 
  Common Typography Css 
=================================== */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background-color: hsl(var(--black));
  font-family: var(--body-font);
  color: hsl(var(--body-color));
  word-break: break-word;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1rem;
  position: relative;
}

@media screen and (max-width: 1199px) {
  body {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 1199px) {
  body {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 0.875rem;
  }
}

span {
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: hsl(var(--white));
  line-height: 1.3;
  font-weight: 700;
  font-family: var(--title-font);
}

h1 {
  font-size: 4.5rem;
  line-height: 1.2;
}

@media screen and (max-width: 1399px) {
  h1 {
    font-size: 3.875rem;
  }
}

@media screen and (max-width: 1199px) {
  h1 {
    font-size: 3.25rem;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.125rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.8125rem;
  }
}

@media screen and (max-width: 575px) {
  h1 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 424px) {
  h1 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 374px) {
  h1 {
    font-size: 1.75rem;
  }
}

h2 {
  font-size: 3rem;
  line-height: 1.15;
}

@media screen and (max-width: 1399px) {
  h2 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 1199px) {
  h2 {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 374px) {
  h2 {
    font-size: 1.625rem;
  }
}

h3 {
  font-size: 2rem;
}

@media screen and (max-width: 1199px) {
  h3 {
    font-size: 1.5625rem;
  }
}

@media screen and (max-width: 991px) {
  h3 {
    font-size: 1.4375rem;
  }
}

@media screen and (max-width: 767px) {
  h3 {
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 575px) {
  h3 {
    font-size: 1.25rem;
  }
}

h4 {
  font-size: 1.5rem;
}

@media screen and (max-width: 1399px) {
  h4 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 1199px) {
  h4 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 991px) {
  h4 {
    font-size: 1.1875rem;
  }
}

@media screen and (max-width: 767px) {
  h4 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 575px) {
  h4 {
    font-size: 1.25rem;
  }
}

h5 {
  font-size: 1.25rem;
}

@media screen and (max-width: 1199px) {
  h5 {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 991px) {
  h5 {
    font-size: 1.0625rem;
  }
}

@media screen and (max-width: 767px) {
  h5 {
    font-size: 1.0625rem;
  }
}

@media screen and (max-width: 575px) {
  h5 {
    font-size: 1.0625rem;
  }
}

h6 {
  font-size: 1.125rem;
}

@media screen and (max-width: 1199px) {
  h6 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991px) {
  h6 {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 767px) {
  h6 {
    font-size: 0.875rem;
  }
}

p {
  font-size: 1rem;
  letter-spacing: 0.2px;
  line-height: 1.5;
}

@media screen and (max-width: 1199px) {
  p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991px) {
  p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  p {
    font-size: 0.9375rem;
  }
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  -webkit-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
  line-height: inherit;
}

a {
  display: inline-block;
  -webkit-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
  text-decoration: none;
}

a:hover {
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

img {
  max-width: 100%;
  height: auto;
}

select {
  cursor: pointer;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  border: 0;
  background-color: transparent;
}

button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-select:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* ============================
    reset css 
=============================== */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

ul[role=list],
ol[role=list] {
  list-style: none;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

html:focus-within {
  scroll-behavior: smooth;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

button,
a {
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

button:focus,
a:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 0;
}

img,
picture,
svg,
video,
canvas {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
}

input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
    -o-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.offcanvas-backdrop {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: hsl(var(--black)/0.5) !important;
  opacity: 1 !important;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  width: 0;
  right: 0;
  left: auto;
}

.offcanvas-backdrop.show {
  width: 100%;
  border-radius: 0;
}

.offcanvas {
  background: hsl(var(--black));
  height: 100vh;
}

button.btn-close {
  -webkit-filter: invert(99%) sepia(0%) saturate(819%) hue-rotate(70deg) brightness(105%) contrast(100%);
  filter: invert(99%) sepia(0%) saturate(819%) hue-rotate(70deg) brightness(105%) contrast(100%);
  opacity: 1;
}

.navbar-brand {
  margin-right: 0;
}

body,
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

.slide-transition {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.inner-slide-element {
  width: auto;
  display: inline-block;
  padding: 0 15px;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background: hsl(var(--secondary)/0.1);
  color: hsl(var(--secondary));
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background: hsl(var(--base));
  color: hsl(var(--white));
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background: hsl(var(--base));
}

.datepicker.dropdown-menu {
  font-family: var(--body-font);
  padding: 15px;
  border: none;
  margin: 25px 0;
}

.datepicker table thead:first-child tr:first-child th {
  font-size: 1.125rem;
}

@media screen and (max-width: 1199px) {
  .datepicker table thead:first-child tr:first-child th {
    font-size: 1.0625rem;
  }
}

@media screen and (max-width: 991px) {
  .datepicker table thead:first-child tr:first-child th {
    font-size: 1rem;
  }
}

@media screen and (max-width: 575px) {
  .datepicker table thead:first-child tr:first-child th {
    font-size: 0.9375rem;
  }
}

.datepicker table thead:first-child tr:nth-child(2) {
  color: hsl(var(--base));
}

.datepicker table thead .prev,
.datepicker table thead .next {
  background: hsl(var(--base));
  color: hsl(var(--white));
  padding: 10px 15px;
}

.datepicker table thead .prev:hover,
.datepicker table thead .next:hover {
  background: hsl(var(--secondary)) !important;
}

.datepicker table thead .dow {
  padding-top: 20px;
}

.datepicker table td {
  width: 38px;
  height: 38px;
  border-radius: 50px;
  padding: 7px 5px !important;
}

.text-reveal {
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.text-reveal[data-scroll=in] {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.text-reveal::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: hsl(0, 0%, 99%);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.text-reveal[data-scroll=in]::after {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.video-play-btn {
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}

.video-play-btn::before,
.video-play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: var(--gradient);
  border-radius: 50%;
}

.video-play-btn::before {
  z-index: 0;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-btn:after {
  z-index: 1;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}

.video-play-btn i {
  display: block;
  position: relative;
  z-index: 3;
  color: hsl(var(--black));
  font-size: 1.875rem;
  text-align: center;
  -webkit-text-fill-color: hsl(var(--black));
}

.swiper-pagination {
  position: relative;
  margin-top: 65px;
}

.swiper-pagination .swiper-pagination-bullet {
  background-color: unset;
  opacity: 1;
  width: auto;
  height: auto;
}

.swiper-pagination .swiper-pagination-bullet::before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: hsl(var(--gray));
  font-size: 9px;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background-color: unset;
  border: 1px solid hsl(var(--base));
  padding: 6px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.swiper-pagination .swiper-pagination-bullet-active::before {
  color: hsl(var(--base));
}

.popup-youtube {
  z-index: 1;
}

.pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.pagination .page-item {
  font-size: 1.25rem;
}

@media screen and (max-width: 1199px) {
  .pagination .page-item {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 991px) {
  .pagination .page-item {
    font-size: 1rem;
  }
}

.pagination .page-link {
  border: 1px solid hsl(var(--gray));
  color: hsl(var(--white));
  font-weight: 600;
  outline: none;
  border-radius: 50px !important;
  width: 40px;
  height: 40px;
  padding: 0;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 1rem;
  background: none;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

@media screen and (max-width: 1199px) {
  .pagination .page-link {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 991px) {
  .pagination .page-link {
    font-size: 0.875rem;
  }
}

.pagination .page-link svg {
  fill: hsl(var(--white));
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

@media screen and (max-width: 424px) {
  .pagination .page-link {
    font-size: 1rem;
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 424px) and (max-width: 1199px) {
  .pagination .page-link {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 424px) and (max-width: 991px) {
  .pagination .page-link {
    font-size: 0.875rem;
  }
}

.pagination .page-link.active,
.pagination .page-link:focus,
.pagination .page-link:hover {
  background: var(--gradient);
  border-color: hsl(var(--base));
  color: hsl(var(--black));
  -webkit-text-fill-color: hsl(var(--black));
}

.pagination .page-link.active svg,
.pagination .page-link:focus svg,
.pagination .page-link:hover svg {
  fill: hsl(var(--black));
}

.pagination .page-link .material-icons {
  font-size: 1.25rem;
  width: 15px;
}

@media screen and (max-width: 1199px) {
  .pagination .page-link .material-icons {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 991px) {
  .pagination .page-link .material-icons {
    font-size: 1rem;
  }
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: hsl(var(--base)/0.1);
  -webkit-box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.form-check-input:checked {
  background: var(--gradient);
  border-color: hsl(var(--base));
  -webkit-box-shadow: hsl(var(--base)/0.25);
  box-shadow: hsl(var(--base)/0.25);
}

.form-check-label a {
  color: hsl(var(--secondary));
}

.form-check-label a:hover {
  color: hsl(var(--base));
}

.form-control:focus {
  -webkit-box-shadow: 0 0 0 0.15rem hsl(var(--base)/0.03);
  box-shadow: 0 0 0 0.15rem hsl(var(--base)/0.03);
  border-color: hsl(var(--base));
}

input:-internal-autofill-selected {
  background: hsl(var(--base));
}

label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after {
  background: none;
}

.form-floating>.form-control:not(:-ms-input-placeholder)~label::after {
  background: none;
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
  background: none;
}

.form-floating>.form-control:-webkit-autofill~label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  -webkit-transform: scale(0.7) translateY(-0.3rem) translateX(0.5rem);
  transform: scale(0.7) translateY(-0.3rem) translateX(0.5rem);
}

.bg-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.full-video-section {
  padding: 250px 0;
}

@media screen and (max-width: 991px) {
  .full-video-section {
    padding: 170px 0;
  }
}

.follow-item {
  position: relative;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-image: url(data:image/png;base64,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);
  mask-image: url(data:image/png;base64,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);
}

@media screen and (max-width: 991px) {
  .follow-item {
    max-width: 250px;
  }
}

@media screen and (max-width: 767px) {
  .follow-item {
    max-width: 200px;
  }
}

.follow-item:hover a {
  width: 100%;
  opacity: 1;
  -webkit-text-fill-color: hsl(var(--black));
}

.follow-item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
}

.follow-item a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient);
  opacity: 0.8;
}

.follow-item a i {
  color: hsl(var(--black));
  position: relative;
  z-index: 1;
  font-size: 3rem;
}

@media screen and (max-width: 1199px) {
  .follow-item a i {
    font-size: 3.063rem;
  }
}

@media screen and (max-width: 991px) {
  .follow-item a i {
    font-size: 3rem;
  }
}

@media screen and (max-width: 575px) {
  .follow-item a i {
    font-size: 2.938rem;
  }
}

.bg--base {
  background-color: hsl(var(--base)) !important;
}

.bg--primary {
  background-color: hsl(var(--primary)) !important;
}

.bg--secondary {
  background-color: hsl(var(--secondary)) !important;
}

.bg--success {
  background-color: hsl(var(--success)) !important;
}

.bg--danger {
  background-color: hsl(var(--danger)) !important;
}

.bg--warning {
  background-color: hsl(var(--warning)) !important;
}

.bg--info {
  background-color: hsl(var(--info)) !important;
}

.text--base {
  color: hsl(var(--base)) !important;
}

.text--primary {
  color: hsl(var(--primary)) !important;
}

.text--secondary {
  color: hsl(var(--secondary)) !important;
}

.text--success {
  color: hsl(var(--success)) !important;
}

.text--danger {
  color: hsl(var(--danger)) !important;
}

.text--warning {
  color: hsl(var(--warning)) !important;
}

.text--info {
  color: hsl(var(--info)) !important;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: none;
  background-color: none;
  border-color: none;
}

.pill {
  border-radius: 40px !important;
}

.btn {
  color: hsl(var(--white));
  font-weight: 600;
  padding: 15px 24px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  border: 1px solid transparent;
  font-family: var(--body-font);
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  font-size: 1rem;
  line-height: 1;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
}
  i {
    font-size: 1.3rem;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    line-height: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
  }


@media screen and (max-width: 1199px) {
  .btn {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 991px) {
  .btn {
    font-size: 0.875rem;
  }
}

.btn svg,
.btn img {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: var(--gradient);
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  border-radius: 6px;
}

@media screen and (max-width: 767px) {
  .btn {
    padding: 16px 25px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .btn {
    font-size: 0.8125rem;
  }
}

@media screen and (max-width: 575px) {
  .btn {
    padding: 15px 20px;
  }
    i {
      font-size: 1.1rem;
    }
  
}

.btn:hover,
.btn:focus,
.btn:focus-visible {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: hsl(var(--black));
  -webkit-text-fill-color: hsl(var(--black));
}
  i {
    -webkit-transform: rotate(0deg) translate(5px, 3px);
    -ms-transform: rotate(0deg) translate(5px, 3px);
    transform: rotate(0deg) translate(5px, 3px);
  }


.btn:hover::before,
.btn:focus::before,
.btn:focus-visible::before {
  width: 100%;
  left: 0;
  right: auto;
}

.btn:hover img,
.btn:focus img,
.btn:focus-visible img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.btn:active {
  top: 1px;
}

.btn--lg {
  padding: 20px 35px;
}

@media screen and (max-width: 991px) {
  .btn--lg {
    padding: 18px 30px;
  }
}

@media screen and (max-width: 767px) {
  .btn--lg {
    padding: 16px 25px;
  }
}

.btn--sm {
  padding: 7px 18px;
  font-weight: 600;
  font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
  .btn--sm {
    padding: 8px 12px;
  }
}

.btn--icon {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 0.9375rem;
  padding: 0;
}

@media screen and (max-width: 1199px) {
  .btn--icon {
    font-size: 0.875rem;
  }
}

.btn--border {
  text-transform: capitalize;
}

.btn--border::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.0625rem;
  background: var(--gradient);
  border-radius: inherit;
  --m: conic-gradient(#000 0 0);
  -webkit-mask: var(--m) content-box, var(--m);
  -webkit-mask-composite: xor;
  mask: var(--m) content-box exclude, var(--m);
}

.btn--black {
  background-color: hsl(var(--black));
}

.btn--black img {
  -webkit-filter: invert(100%) sepia(0%) saturate(1885%) hue-rotate(185deg) brightness(123%) contrast(110%);
  filter: invert(100%) sepia(0%) saturate(1885%) hue-rotate(185deg) brightness(123%) contrast(110%);
}

.btn--black:hover,
.btn--black:focus,
.btn--black:focus-visible {
  border-color: hsl(var(--black));
}

.btn--black:hover img,
.btn--black:focus img,
.btn--black:focus-visible img {
  -webkit-filter: unset;
  filter: unset;
}

.btn--base {
  color: hsl(var(--black));
}

.btn--base {
  position: relative;
}

.btn--base::before,
.btn--base::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: -webkit-gradient(linear, left top, right top, from(hsl(var(--base))), to(hsl(var(--base-two))));
  background: -o-linear-gradient(left, hsl(var(--base)) 0%, hsl(var(--base-two)) 100%);
  background: linear-gradient(90deg, hsl(var(--base)) 0%, hsl(var(--base-two)) 100%);
  border-radius: inherit !important;
  z-index: -1;
  -webkit-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
}

.btn--base::after {
  background: -webkit-gradient(linear, left top, right top, from(hsl(var(--base-two))), to(hsl(var(--base))));
  background: -o-linear-gradient(left, hsl(var(--base-two)) 0%, hsl(var(--base)) 100%);
  background: linear-gradient(90deg, hsl(var(--base-two)) 0%, hsl(var(--base)) 100%);
  visibility: hidden;
  opacity: 0;
}

.btn--base:hover::after,
.btn--base:focus::after,
.btn--base:focus-visible::after {
  visibility: visible;
  opacity: 1;
}

.btn-outline--base {
  background-color: transparent !important;
  border: 1px solid hsl(var(--base)) !important;
  color: hsl(var(--base)) !important;
  position: relative;
  -webkit-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}

.btn-outline--base::before,
.btn-outline--base::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: -webkit-gradient(linear, left top, right top, from(hsl(var(--base))), to(hsl(var(--base-two))));
  background: -o-linear-gradient(left, hsl(var(--base)) 0%, hsl(var(--base-two)) 100%);
  background: linear-gradient(90deg, hsl(var(--base)) 0%, hsl(var(--base-two)) 100%);
  border-radius: inherit !important;
  z-index: -1;
  -webkit-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
  visibility: hidden;
  opacity: 0;
}

.btn-outline--base:hover,
.btn-outline--base:focus,
.btn-outline--base:focus-visible {
  color: hsl(var(--white)) !important;
}

.btn-outline--base:hover::before,
.btn-outline--base:hover::after,
.btn-outline--base:focus::before,
.btn-outline--base:focus::after,
.btn-outline--base:focus-visible::before,
.btn-outline--base:focus-visible::after {
  visibility: visible;
  opacity: 1;
}

.btn--primary {
  background-color: hsl(var(--primary)) !important;
}

.btn--primary:hover,
.btn--primary:focus .btn--primary:focus-visible {
  background-color: hsl(var(--primary-d-200)) !important;
  border: 1px solid hsl(var(--primary-d-200)) !important;
}

.btn-outline--primary {
  background-color: transparent !important;
  border: 1px solid hsl(var(--primary)) !important;
  color: hsl(var(--primary)) !important;
}

.btn-outline--primary:hover,
.btn-outline--primary:focus .btn-outline--primary:focus-visible {
  background-color: hsl(var(--primary)) !important;
  color: hsl(var(--white)) !important;
}

.btn--secondary {
  background-color: hsl(var(--secondary)) !important;
}

.btn--secondary:hover,
.btn--secondary:focus .btn--secondary:focus-visible {
  background-color: hsl(var(--secondary-d-200)) !important;
  border: 1px solid hsl(var(--secondary-d-200)) !important;
}

.btn-outline--secondary {
  background-color: transparent !important;
  border: 1px solid hsl(var(--secondary)) !important;
  color: hsl(var(--secondary)) !important;
}

.btn-outline--secondary:hover,
.btn-outline--secondary:focus .btn-outline--secondary:focus-visible {
  background-color: hsl(var(--secondary)) !important;
  color: hsl(var(--white)) !important;
}

.btn--danger {
  background-color: hsl(var(--danger)) !important;
}

.btn--danger:hover,
.btn--danger:focus .btn--danger:focus-visible {
  background-color: hsl(var(--danger-d-200)) !important;
  border: 1px solid hsl(var(--danger-d-200)) !important;
}

.btn-outline--danger {
  background-color: transparent !important;
  border: 1px solid hsl(var(--danger)) !important;
  color: hsl(var(--danger)) !important;
}

.btn-outline--danger:hover,
.btn-outline--danger:focus .btn-outline--danger:focus-visible {
  background-color: hsl(var(--danger)) !important;
  color: hsl(var(--white)) !important;
}

.btn--warning {
  background-color: hsl(var(--warning)) !important;
}

.btn--warning:hover,
.btn--warning:focus .btn--warning:focus-visible {
  background-color: hsl(var(--warning-d-200)) !important;
  border: 1px solid hsl(var(--warning-d-200)) !important;
}

.btn-outline--warning {
  background-color: transparent !important;
  border: 1px solid hsl(var(--warning)) !important;
  color: hsl(var(--warning)) !important;
}

.btn-outline--warning:hover,
.btn-outline--warning:focus .btn-outline--warning:focus-visible {
  background-color: hsl(var(--warning)) !important;
  color: hsl(var(--white)) !important;
}

.btn--info {
  background-color: hsl(var(--info)) !important;
}

.btn--info:hover,
.btn--info:focus .btn--info:focus-visible {
  background-color: hsl(var(--info-d-200)) !important;
  border: 1px solid hsl(var(--info-d-200)) !important;
}

.btn-outline--info {
  background-color: transparent !important;
  border: 1px solid hsl(var(--info)) !important;
  color: hsl(var(--info)) !important;
}

.btn-outline--info:hover,
.btn-outline--info:focus .btn-outline--info:focus-visible {
  background-color: hsl(var(--info)) !important;
  color: hsl(var(--white)) !important;
}

.my-120 {
  margin-top: 60px;
  margin-bottom: 60px;
}

@media (min-width: 576px) {
  .my-120 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media (min-width: 992px) {
  .my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

.mt-120 {
  margin-top: 60px;
}

@media (min-width: 576px) {
  .mt-120 {
    margin-top: 80px;
  }
}

@media (min-width: 992px) {
  .mt-120 {
    margin-top: 120px;
  }
}

.mb-120 {
  margin-bottom: 60px;
}

@media (min-width: 576px) {
  .mb-120 {
    margin-bottom: 80px;
  }
}

@media (min-width: 992px) {
  .mb-120 {
    margin-bottom: 120px;
  }
}

.my-60 {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  .my-60 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.mt-60 {
  margin-top: 30px;
}

@media (min-width: 576px) {
  .mt-60 {
    margin-top: 40px;
  }
}

@media (min-width: 992px) {
  .mt-60 {
    margin-top: 60px;
  }
}

.mb-60 {
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  .mb-60 {
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .mb-60 {
    margin-bottom: 60px;
  }
}

.py-120 {
  padding-top: 0px;
  padding-bottom: 30px;
}

@media (min-width: 576px) {
  .py-120 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (min-width: 992px) {
  .py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

.pt-120 {
  padding-top: 60px;
}

@media (min-width: 576px) {
  .pt-120 {
    padding-top: 80px;
  }
}

@media (min-width: 992px) {
  .pt-120 {
    padding-top: 120px;
  }
}

.pb-120 {
  padding-bottom: 60px;
}

@media (min-width: 576px) {
  .pb-120 {
    padding-bottom: 80px;
  }
}

@media (min-width: 992px) {
  .pb-120 {
    padding-bottom: 120px;
  }
}

.py-100 {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (min-width: 576px) {
  .py-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (min-width: 992px) {
  .py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.pt-100 {
  padding-top: 60px;
}

@media (min-width: 576px) {
  .pt-100 {
    padding-top: 80px;
  }
}

@media (min-width: 992px) {
  .pt-100 {
    padding-top: 100px;
  }
}

.pb-100 {
  padding-bottom: 60px;
}

@media (min-width: 576px) {
  .pb-100 {
    padding-bottom: 80px;
  }
}

@media (min-width: 992px) {
  .pb-100 {
    padding-bottom: 100px;
  }
}

.py-60 {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (min-width: 576px) {
  .py-60 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.pt-60 {
  padding-top: 30px;
}

@media (min-width: 576px) {
  .pt-60 {
    padding-top: 40px;
  }
}

@media (min-width: 992px) {
  .pt-60 {
    padding-top: 60px;
  }
}

.pb-60 {
  padding-bottom: 30px;
}

@media (min-width: 576px) {
  .pb-60 {
    padding-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .pb-60 {
    padding-bottom: 60px;
  }
}

.border--base {
  border-color: hsl(var(--base)) !important;
}

.border--primary {
  border-color: hsl(var(--primary)) !important;
}

.border--secondary {
  border-color: hsl(var(--secondary)) !important;
}

.border--success {
  border-color: hsl(var(--success)) !important;
}

.border--danger {
  border-color: hsl(var(--danger)) !important;
}

.border--warning {
  border-color: hsl(var(--warning)) !important;
}

.border--info {
  border-color: hsl(var(--info)) !important;
}

/* ===========================
   Banner CSS 
============================= */
.banner-section {
  min-height: 100vh;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 200px 0 120px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .banner-section {
    padding: 130px 0 30px;
  }
}

.banner-section::before {
  content: "";
  position: absolute;
  top: -24%;
  left: -12%;
  width: 700px;
  height: 700px;
  background: var(--gradient);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 50%;
  -webkit-filter: blur(73.85px);
  filter: blur(73.85px);
  z-index: -1;
  opacity: 0.4;
}

@media screen and (max-width: 767px) {
  .banner-section::before {
    width: 400px;
    height: 400px;
  }
}

.banner-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 600px;
  background-image: url("../images/shape/banner-shape1.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -2;
  opacity: 0.2;
}

@media screen and (max-width: 767px) {
  .banner-section::after {
    width: 400px;
    height: 400px;
  }
}

@media screen and (max-width: 991px) {
  .banner-section__content {
    text-align: center;
  }
}

.banner-section__content h1 span {
  display: inline;
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.banner-section__content p {
  font-size: 1.25rem;
  color: hsl(var(--body-color));
  padding: 1.5625rem 0 2.5rem;
}

@media screen and (max-width: 1199px) {
  .banner-section__content p {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 991px) {
  .banner-section__content p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991px) {
  .banner-section__content p {
    max-width: 520px;
    margin: 0 auto;
  }
}

.banner-section__content .community-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.9375rem;
  text-align: left;
}

.banner-section__content .community-content .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-section__content .community-content .img .image-effect {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  margin-right: -20px;
}

.banner-section__content .community-content .img .numbers {
  background: var(--gradient);
  border: 3px solid hsl(var(--white));
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
  color: hsl(var(--black-two));
  font-weight: 700;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1199px) {
  .banner-section__content .community-content .img .numbers {
    font-size: 0.8125rem;
  }
}

.banner-section__content .community-content .text {
  color: hsl(var(--white));
  font-weight: 600;
}

.banner-section__content .community-content .text span {
  display: block;
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.banner-section .shape-2::before,
.banner-section .shape-2::after {
  content: "";
  position: absolute;
  width: 18.75rem;
  height: 18.75rem;
  border-radius: 50%;
  -webkit-filter: blur(73.85px);
  filter: blur(73.85px);
  background-color: hsl(var(--base-two)/0.5);
  -webkit-backdrop-filter: blur(-73.85px);
  backdrop-filter: blur(-73.85px);
}

.banner-section .shape-2::before {
  top: 23px;
  left: 28px;
}

.banner-section .shape-2::after {
  background-color: hsl(var(--base)/0.5);
  top: 50%;
  right: 30px;
}

.banner-section__img {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

@media screen and (max-width: 767px) {
  .banner-section__img {
    gap: 15px;
  }
}

.banner-section__img::before {
  content: "";
  position: absolute;
  top: 38%;
  left: 31%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 37.5rem;
  height: 37.5rem;
  background-image: url("../images/shape/banner-shape2.png");
  opacity: 0.4;
}

.banner-section__img .image-effect {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.banner-section__img .image-effect:nth-child(1) {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ0AAAEqCAYAAAAPuwWGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAWWSURBVHgB7d3vUVRXHIDhs6mAdEA60AqkA+0gpoKQCoQO6CCWEDswFWgH0oF2QM6Fa+IfRN6ZsMvi88ycuavgp2Vef+fscncz4B65uLg4mJff5zqa63Bd3L0Pc72d69Vcf202m/NvfeNmwD0wY3E4L3+Oq1iwey/nOr0uHj8N2LEZjGWyeDME4z55Pteb+dwcf/kFkwY7NX8oX8zLyeA+O5kTx+nHP4gGO7NOGGeDffDHDMflcyUa7MR6hrFsSQ4G+2A5KH28nHE402BXlm2JYOyP5blaDqpNGmzfOmW8G+yjn00a7MKzwb46Fg124elgXz2xPWHr5vbk/XCesa/ORYOtm9G4GOwt2xMgEQ0gEQ0gEQ0gEQ0gEQ0gEQ0gEQ0gEQ0gEQ0gEQ22ar3bOHtMNNi2R4O9Jhpsm3tp7Dm/5cpWze3Jcseuw8HeMmmwNTMYz4dg7D2TBluxHoAudx8/HOw1kwbbstx9/HCw90SDO7d+itrx4EGwPeHOrFsSwXhgRIM7MYNxNK4+XOdw8KCIBv+L9QOQlvVkXE0W3vn5QN0YjXW8XD6k92hc/UAcDuCHdm001v81ltHyaAB84qtXT2YwlslieT39aAB84bNJY31p7GQAfMO/0VgnjLMBcIPLaKxnGMuWxIk3cKOPZxrLtkQwgO/arFPGuwFwC8uk4aYowK0t0Xg6AG5p2Z68H84zgFtaonExAG7J/TSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSAZInG+QC4nQ+iARRvl2j8PQBu59Xm4uLiYD54PwC+75efNpvNh/ng9QC42cvZi/PN8mhOG4fz8maugwHwtWW4eLxE4/Il1+XBvJwOgOudrp34730a8y/OhnAAXztd+3Bp8+VX51bleF5eDFsV+NEtW5LPgrHYXPed6xnHyVy/DuBH9Hqu3z5uST61uelfrfF4NtfTuR4N0wc8VOfrWt63dba+qnqtfwCOIqkC/iN2LAAAAABJRU5ErkJggg==);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ0AAAEqCAYAAAAPuwWGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAWWSURBVHgB7d3vUVRXHIDhs6mAdEA60AqkA+0gpoKQCoQO6CCWEDswFWgH0oF2QM6Fa+IfRN6ZsMvi88ycuavgp2Vef+fscncz4B65uLg4mJff5zqa63Bd3L0Pc72d69Vcf202m/NvfeNmwD0wY3E4L3+Oq1iwey/nOr0uHj8N2LEZjGWyeDME4z55Pteb+dwcf/kFkwY7NX8oX8zLyeA+O5kTx+nHP4gGO7NOGGeDffDHDMflcyUa7MR6hrFsSQ4G+2A5KH28nHE402BXlm2JYOyP5blaDqpNGmzfOmW8G+yjn00a7MKzwb46Fg124elgXz2xPWHr5vbk/XCesa/ORYOtm9G4GOwt2xMgEQ0gEQ0gEQ0gEQ0gEQ0gEQ0gEQ0gEQ0gEQ0gEQ22ar3bOHtMNNi2R4O9Jhpsm3tp7Dm/5cpWze3Jcseuw8HeMmmwNTMYz4dg7D2TBluxHoAudx8/HOw1kwbbstx9/HCw90SDO7d+itrx4EGwPeHOrFsSwXhgRIM7MYNxNK4+XOdw8KCIBv+L9QOQlvVkXE0W3vn5QN0YjXW8XD6k92hc/UAcDuCHdm001v81ltHyaAB84qtXT2YwlslieT39aAB84bNJY31p7GQAfMO/0VgnjLMBcIPLaKxnGMuWxIk3cKOPZxrLtkQwgO/arFPGuwFwC8uk4aYowK0t0Xg6AG5p2Z68H84zgFtaonExAG7J/TSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSAZInG+QC4nQ+iARRvl2j8PQBu59Xm4uLiYD54PwC+75efNpvNh/ng9QC42cvZi/PN8mhOG4fz8maugwHwtWW4eLxE4/Il1+XBvJwOgOudrp34730a8y/OhnAAXztd+3Bp8+VX51bleF5eDFsV+NEtW5LPgrHYXPed6xnHyVy/DuBH9Hqu3z5uST61uelfrfF4NtfTuR4N0wc8VOfrWt63dba+qnqtfwCOIqkC/iN2LAAAAABJRU5ErkJggg==);
}

.banner-section__img .image-effect:nth-child(2) {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ0AAAEqCAYAAAAPuwWGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAWISURBVHgB7d3hUVRXGIDhc60AKwjpQCvQDrSDmAqCFSgVxA60BO3AVCAdhA5CB5tzZU0iEsI7ExYWn2fmzN1Z9NcyL985C3uXcYXNZnMwL7/M9XSuw+3i5p3NdTLXh7neL8tyOuCOWC57csbicF7ejvNYcPvezXUsHtwFDy4+MYOxThafhmDcJS/m+jRfm6MBt+yrSWN+U76al9eDu+z1nDiOB9ySv6KxnTDeDPbByxkOrxW34nM0tmcY65bkYLAP1oPSx844uA1fzjTWbYlg7I/1tXo74BYs2ynj98E+ejinjbMBO7ROGs8H+8q7KezcGo1ng331ZMCOrdF4NNhXhwN2bD3T2Az21jzTWAbs0IMBEIgGkIgGkIgGkIgGkIgGkIgGkIgGkIgGkIgGkIjGnttsNj8M2CHR2H8/Dtgh0dh/TwfskL9y3X9ny7I8HLAjJo39dzC7/3TAjpg07ofTcf7p5D4vlBtn0rgfDsf5J8rDjRON++Noe4c8uFG2J/fPeue1Y1sVbopJ4/5Zb2uw3iz6xYAbYNK4307nej/Xh7lOTB/8H0QDWK0/UE7G+Q+Y91fdJ1g0gMu8G+dnY6cXv+BMA7jMi3F+NvbNrT9FA/g3B3P9evGtfNsT4Dpezq3K+na+aADXsh6Urn+qcGp7AlzHulV5uz4waQDFQ5MGUByJBlA8EQ2gOHSmASQmDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSBZo3E6AK7nTDSA4mSNxm8D4Ho+LJvN5mA++GMA/LcfHyzLcjYffBwAV3s3e3G6rI/mtHE4L5/mOhgA31qHi8drND6/5bo+mJfjAXC5420n/v49jfnEmyEcwLeOt334bLn41blVOZqXV8NWBb5365bkq2Cslsv+5faM4/VcPw3ge/Rxrp+/bEn+abnqf23j8XyuZ3M9GqYPuK9Ot2v9va0323dVL/Un0ya0ljF/2vcAAAAASUVORK5CYII=);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ0AAAEqCAYAAAAPuwWGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAWISURBVHgB7d3hUVRXGIDhc60AKwjpQCvQDrSDmAqCFSgVxA60BO3AVCAdhA5CB5tzZU0iEsI7ExYWn2fmzN1Z9NcyL985C3uXcYXNZnMwL7/M9XSuw+3i5p3NdTLXh7neL8tyOuCOWC57csbicF7ejvNYcPvezXUsHtwFDy4+MYOxThafhmDcJS/m+jRfm6MBt+yrSWN+U76al9eDu+z1nDiOB9ySv6KxnTDeDPbByxkOrxW34nM0tmcY65bkYLAP1oPSx844uA1fzjTWbYlg7I/1tXo74BYs2ynj98E+ejinjbMBO7ROGs8H+8q7KezcGo1ng331ZMCOrdF4NNhXhwN2bD3T2Az21jzTWAbs0IMBEIgGkIgGkIgGkIgGkIgGkIgGkIgGkIgGkIgGkIjGnttsNj8M2CHR2H8/Dtgh0dh/TwfskL9y3X9ny7I8HLAjJo39dzC7/3TAjpg07ofTcf7p5D4vlBtn0rgfDsf5J8rDjRON++Noe4c8uFG2J/fPeue1Y1sVbopJ4/5Zb2uw3iz6xYAbYNK4307nej/Xh7lOTB/8H0QDWK0/UE7G+Q+Y91fdJ1g0gMu8G+dnY6cXv+BMA7jMi3F+NvbNrT9FA/g3B3P9evGtfNsT4Dpezq3K+na+aADXsh6Urn+qcGp7AlzHulV5uz4waQDFQ5MGUByJBlA8EQ2gOHSmASQmDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSARDSBZo3E6AK7nTDSA4mSNxm8D4Ho+LJvN5mA++GMA/LcfHyzLcjYffBwAV3s3e3G6rI/mtHE4L5/mOhgA31qHi8drND6/5bo+mJfjAXC5420n/v49jfnEmyEcwLeOt334bLn41blVOZqXV8NWBb5365bkq2Cslsv+5faM4/VcPw3ge/Rxrp+/bEn+abnqf23j8XyuZ3M9GqYPuK9Ot2v9va0323dVL/Un0ya0ljF/2vcAAAAASUVORK5CYII=);
  bottom: -40px;
}

@media screen and (max-width: 1199px) {
  .banner-section__img .image-effect:nth-child(2) {
    bottom: -30px;
  }
}

@media screen and (max-width: 991px) {
  .banner-section__img .image-effect:nth-child(2) {
    bottom: -40px;
  }
}

@media screen and (max-width: 767px) {
  .banner-section__img .image-effect:nth-child(2) {
    bottom: -30px;
  }
}

@media screen and (max-width: 575px) {
  .banner-section__img .image-effect:nth-child(2) {
    bottom: -24px;
  }
}

@media screen and (max-width: 575px) {
  .banner-section__img .image-effect:nth-child(2) {
    bottom: -24px;
  }
}

@media screen and (max-width: 375px) {
  .banner-section__img .image-effect:nth-child(2) {
    bottom: -20px;
  }
}

.banner-section__img .image-effect:nth-child(3) {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAi4AAAERCAYAAABcjiw6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAf7SURBVHgB7d3tdRNHGIbhdzkpwFQQ0QGuIHQAHQQqiFMBVgUxFUAJuANTgd1BtgPUgTITSQlxMDEfQfvsXtc5w4Lsvxb3vjNaD/UJ2+32pF1+aetJW6v9AuZn09ZNW5dtvR2GYSyACRo+9mILllW7vK5dsADL86attYABpubB7RdatPQJy3WJFliy521dt/eDswKYkH9MXNqb1Mt2OS+Av523ycu6ACbgr3DZT1ouCuDffm3x4v0BOLo/w2V/pqVvD50UwL/1w7unzrwAx3Y449K3iEQLcJf+/vC6AI5s2E9bfi+A//awTV02BXAkfeLyrADux6eMgKPq4fK0AO7npwI4oh4ujwvgflYFcET9jMu2AO5paArgSB4UAEAI4QIAxBAuAEAM4QIAxBAuAEAM4QIAxBAuAEAM4QIAxBAuAEAM4QIAxBAuAEAM4QIAxBAuAEAM4QIAxBAuAEAM4QIAxBAuwGfZbrc/FsCRCBfgcz0qgCMRLsDnelIARzK0se+2AO5vMwzDwwI4AhMX4HOdtPudJwVwBCYuwJcY2zptk5dNAXxHJi7Al1i19bIAvjPhAnypszawFS/Ad2WrCPhaF22tbRsB34OJC/C1ztq6bvdAzwvgf2biAnxLY1tv27ps68YUBvjWhAsAcGz9Juemdjc9b9tNz3jXNwoXAGBq3tTu7Nx4+wvOuAAAU/O8dmfnzm5/QbgAAFN00tZvtx+7YKsIAJi6X9u2UX/0gnABACavH97tv2ZktFUEAExd3zZ63f9i4gIApHho4gIApDgTLgBAip+ECwCQYuWMCwAQw8QFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGD1cxgIACCBcAIAYPVzeFQBAgGG73Z606/sCAJi4B8MwbNr1qgAAJm7of7Spy6pdrts6KQCAifrz49Bt6jK2y7oAACbsr+e4tHi5KPECAEzYcPuFtm101i4vy7YRADAxw8de3J95OW/r5wIAmIjhU1/cB8yztp629bhMYQCAIxpqgvbPlumhdIimVQEAizfJcLmthczz2p27WRUAsFgR4dLtpzDnbf1SAMAixYTLQQuY89pNXwCAhYkLl67FS3/mjMkLACxMarj0baP+KwpWBQAsxoMKtP/FkC8KAFiUyInLQZu8vC/PlgGAxYicuHzgVQEAi5EeLlcFACxGeriMBQAsRvQZl27bFACwCOkTFwBgQYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAKTbCBQBIcSNcAIAUl0OF2zYFACzBIxMXACDBm2EYRhMXAGDqNm2d9nAxcQEApm7do6X/RbgAAFPWo+Xi8I8fCgBgevr20D+ipRMuAMDUXLX14rA99CHhAgAc27hf79q6aMGyuesbhQvAsvX/IF7V7g53/NgdLkyJcAFYprF2o/irgiA+VQSwPH3CcipaSGTiArAs/VMa5wWhPDkXYDletWg5KwgmXACWYazd9tCmIJgzLgDLsBYtzIGJC8D89Y85PyqYARMXgPm7LJgJ4QIwf28LZsJWEcD8PXS+hbkQLgAz16Il/r0eDmwVAQAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAx5hAuYwFwl03BjAgXgHm7KZiROYTLuwLgLpcFMzJUuO12e9Iu7wuAj3k0DMNYMBPxE5f2A9n3b68KgNveiBbmJn7i0rWpy6pdrts6KQC6flN3KlyYm1l8HHr/g7kuAA7WooU5ms1zXNoP6EWJF4BuvX9PhNmZxVbRh9q20Vm7vCzbRsDy9O0h0cKszS5cuv2Zl/O2fi6AZbhq64XtIeZuluFysA+YZ209betxmcIA8zHuV3+W1cX+E5Ywe38A8zYwRiXtSrUAAAAASUVORK5CYII=);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAi4AAAERCAYAAABcjiw6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAf7SURBVHgB7d3tdRNHGIbhdzkpwFQQ0QGuIHQAHQQqiFMBVgUxFUAJuANTgd1BtgPUgTITSQlxMDEfQfvsXtc5w4Lsvxb3vjNaD/UJ2+32pF1+aetJW6v9AuZn09ZNW5dtvR2GYSyACRo+9mILllW7vK5dsADL86attYABpubB7RdatPQJy3WJFliy521dt/eDswKYkH9MXNqb1Mt2OS+Av523ycu6ACbgr3DZT1ouCuDffm3x4v0BOLo/w2V/pqVvD50UwL/1w7unzrwAx3Y449K3iEQLcJf+/vC6AI5s2E9bfi+A//awTV02BXAkfeLyrADux6eMgKPq4fK0AO7npwI4oh4ujwvgflYFcET9jMu2AO5paArgSB4UAEAI4QIAxBAuAEAM4QIAxBAuAEAM4QIAxBAuAEAM4QIAxBAuAEAM4QIAxBAuAEAM4QIAxBAuAEAM4QIAxBAuAEAM4QIAxBAuwGfZbrc/FsCRCBfgcz0qgCMRLsDnelIARzK0se+2AO5vMwzDwwI4AhMX4HOdtPudJwVwBCYuwJcY2zptk5dNAXxHJi7Al1i19bIAvjPhAnypszawFS/Ad2WrCPhaF22tbRsB34OJC/C1ztq6bvdAzwvgf2biAnxLY1tv27ps68YUBvjWhAsAcGz9Juemdjc9b9tNz3jXNwoXAGBq3tTu7Nx4+wvOuAAAU/O8dmfnzm5/QbgAAFN00tZvtx+7YKsIAJi6X9u2UX/0gnABACavH97tv2ZktFUEAExd3zZ63f9i4gIApHho4gIApDgTLgBAip+ECwCQYuWMCwAQw8QFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGMIFAIghXACAGD1cxgIACCBcAIAYPVzeFQBAgGG73Z606/sCAJi4B8MwbNr1qgAAJm7of7Spy6pdrts6KQCAifrz49Bt6jK2y7oAACbsr+e4tHi5KPECAEzYcPuFtm101i4vy7YRADAxw8de3J95OW/r5wIAmIjhU1/cB8yztp629bhMYQCAIxpqgvbPlumhdIimVQEAizfJcLmthczz2p27WRUAsFgR4dLtpzDnbf1SAMAixYTLQQuY89pNXwCAhYkLl67FS3/mjMkLACxMarj0baP+KwpWBQAsxoMKtP/FkC8KAFiUyInLQZu8vC/PlgGAxYicuHzgVQEAi5EeLlcFACxGeriMBQAsRvQZl27bFACwCOkTFwBgQYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAMYQLABBDuAAAKTbCBQBIcSNcAIAUl0OF2zYFACzBIxMXACDBm2EYRhMXAGDqNm2d9nAxcQEApm7do6X/RbgAAFPWo+Xi8I8fCgBgevr20D+ipRMuAMDUXLX14rA99CHhAgAc27hf79q6aMGyuesbhQvAsvX/IF7V7g53/NgdLkyJcAFYprF2o/irgiA+VQSwPH3CcipaSGTiArAs/VMa5wWhPDkXYDletWg5KwgmXACWYazd9tCmIJgzLgDLsBYtzIGJC8D89Y85PyqYARMXgPm7LJgJ4QIwf28LZsJWEcD8PXS+hbkQLgAz16Il/r0eDmwVAQAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAxhAsAEEO4AAAx5hAuYwFwl03BjAgXgHm7KZiROYTLuwLgLpcFMzJUuO12e9Iu7wuAj3k0DMNYMBPxE5f2A9n3b68KgNveiBbmJn7i0rWpy6pdrts6KQC6flN3KlyYm1l8HHr/g7kuAA7WooU5ms1zXNoP6EWJF4BuvX9PhNmZxVbRh9q20Vm7vCzbRsDy9O0h0cKszS5cuv2Zl/O2fi6AZbhq64XtIeZuluFysA+YZ209betxmcIA8zHuV3+W1cX+E5Ywe38A8zYwRiXtSrUAAAAASUVORK5CYII=);
}

.banner-section__img .image-effect:last-child {
  grid-column: 1/-1;
}

.banner-two-section {
  background-image: url("../images/banner/banner-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 100px 0 220px;
}

@media screen and (max-width: 991px) {
  .banner-two-section {
    padding: 120px 0 80px;
  }
}

.banner-two-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: hsl(var(--black)/0.85);
}

.banner-two-section .banner-content {
  text-align: center;
  padding-top: 80px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 475px) {
  .banner-two-section .banner-content {
    padding-top: 20px;
  }
}

.banner-two-section .banner-content .sub-header {
  border: 2px solid hsl(var(--white)/0.3);
  display: inline-block;
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 8px;
  padding: 6px 20px;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 10px;
}

@media screen and (max-width: 1199px) {
  .banner-two-section .banner-content .sub-header {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 991px) {
  .banner-two-section .banner-content .sub-header {
    font-size: 0.875rem;
  }
}

.banner-two-section .banner-content h1 span {
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline;
}

@media screen and (max-width: 991px) {
  .banner-two-section .banner-content h1 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 991px) and (max-width: 1199px) {
  .banner-two-section .banner-content h1 {
    font-size: 1.813rem;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) {
  .banner-two-section .banner-content h1 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 991px) and (max-width: 575px) {
  .banner-two-section .banner-content h1 {
    font-size: 1.688rem;
  }
}

.banner-two-section .banner-content p {
  font-size: 1.25rem;
  color: hsl(var(--body-color));
  padding: 1.5625rem 0 2.5rem;
}

@media screen and (max-width: 1199px) {
  .banner-two-section .banner-content p {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 991px) {
  .banner-two-section .banner-content p {
    font-size: 1rem;
  }
}

.banner-two-section .banner-content form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.875rem;
  position: relative;
  max-width: 626px;
  margin: 0 auto;
}

.banner-two-section .banner-content form input {
  width: 100%;
  height: 4.25rem;
  background: hsl(var(--white));
  border-radius: 0.5rem;
  border-radius: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 1.25rem;
  padding-right: 8.5rem;
  border: 0px solid hsl(var(--border-color));
  color: hsl(var(--black));
  font-size: 0.875rem;
  border-radius: 0.375rem;
}

@media screen and (max-width: 1199px) {
  .banner-two-section .banner-content form input {
    font-size: 0.8125rem;
  }
}

.banner-two-section .banner-content form input::-webkit-input-placeholder {
  color: hsl(var(--gray));
}

.banner-two-section .banner-content form input::-moz-placeholder {
  color: hsl(var(--gray));
}

.banner-two-section .banner-content form input:-ms-input-placeholder {
  color: hsl(var(--gray));
}

.banner-two-section .banner-content form input::-ms-input-placeholder {
  color: hsl(var(--gray));
}

.banner-two-section .banner-content form input::placeholder {
  color: hsl(var(--gray));
}

.banner-two-section .banner-content form .btn {
  position: absolute;
  right: 0.4375rem;
}

@media screen and (max-width: 991px) {
  .banner-two-section .banner-imgs {
    display: none;
  }
}

.banner-two-section .banner-imgs .banner-img-one,
.banner-two-section .banner-imgs .banner-img-two {
  --img-gap: -200px;
  --rotate-deg: -15deg;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 320px;
  height: 320px;
  padding: 4px;
  background-color: hsl(var(--white));
  position: absolute;
  top: 30%;
  z-index: -1;
}

.banner-two-section .banner-imgs .banner-img-one {
  -webkit-mask-image: url(data:image/png;base64,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);
  mask-image: url(data:image/png;base64,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);
  left: var(--img-gap);
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.banner-two-section .banner-imgs .banner-img-one .image-effect {
  -webkit-mask-image: url(data:image/png;base64,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);
  mask-image: url(data:image/png;base64,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);
}

.banner-two-section .banner-imgs .banner-img-two {
  -webkit-mask-image: url(data:image/png;base64,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);
  mask-image: url(data:image/png;base64,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);
  right: var(--img-gap);
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

.banner-two-section .banner-imgs .banner-img-two .image-effect {
  -webkit-mask-image: url(data:image/png;base64,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);
  mask-image: url(data:image/png;base64,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);
}

.banner-two-section .banner-imgs .image-effect {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 311px;
  height: 310px;
}

.banner-two-section .banner-imgs .image-effect img {
  height: 100%;
}

.banner-three-section {
  position: relative;
  min-height: 100vh;
  display: grid;
  place-items: center;

  &::after,
  &::before {
    content: '';
    position: absolute;
    top: 56%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;

  }

  &::before {
    background-image: url('../images/shape/banner-three-shape.png');
    height: 650px;
  }

  &::after {
    background-image: url('../images/shape/banner-three-shape2.png');
    height: 1070px;
  }

  .container {
    position: relative;
    z-index: 1;
  }

  .shape-banner-three {
    img {
      position: absolute;
      animation: rotated 3s ease-in 1s infinite alternate;

      &:first-child {
        top: 0;
        left: -100px;
        animation: rotated 3.5s ease-in 1.5s infinite alternate;
      }

      &:last-child {
        bottom: 0;
        right: -100px;
      }
    }
  }

  .banner-three-content {
    padding-top: 70px;

    h1 {
      line-height: 1.4;
      margin-bottom: 30px;

      span {
        background: var(--gradient);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      .under-line {
        position: relative;

        &::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: -15px;
          width: 100%;
          height: 27px;
          z-index: -1;
          background-image: url('../images/shape/underline.png');
          background-size: 100% 100%;
          background-position: center;
          background-repeat: no-repeat;

        }
      }
    }
  }
}

.banner-four-section {
  position: relative;
  z-index: 1;
  padding: 120px 0 0px;
  min-height: 100vh;
  display: grid;
  align-items: center;
  justify-content: center;

  .banner-four-slide {
    position: absolute;
    z-index: -1;
    height: 87%;
    bottom: 0;

    img {
      height: 100%;
    }

    .inner-slide-element {
      padding: 0;
    }
  }

  &::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 600px;
    background: var(--gradient);
    border-radius: 100px;
    filter: blur(100px);
    z-index: -1;
    opacity: 0.3;
  }

  &::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: hsl(var(--black));
    z-index: -1;
    opacity: 0.88;
  }

  .banner-content {
    h1 {
      span {
        background: var(--gradient);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline;
      }
    }

    p {
      font-size: 18px; 
      padding: 1.5625rem 0 2.5rem;
      max-width: 800px;
      margin: 0 auto;

      @media screen and (max-width: 1199px) {
        font-size: 1.125rem;
      }

      @media screen and (max-width: 991px) {
        font-size: 1rem;
      }
    }

    form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 1.875rem;
      position: relative;
      max-width: 626px;
      margin: 0 auto;

      input {
        width: 100%;
        height: 4.25rem;
        background: hsl(var(--white));
        border-radius: 0.5rem;
        border-radius: 0;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0 1.25rem;
        padding-right: 8.5rem;
        border: 0px solid hsl(var(--border-color));
        color: hsl(var(--black));
        font-size: 0.875rem;
        border-radius: 0.375rem;

        @media screen and (max-width: 1199px) {
          font-size: 0.8125rem;
        }
      }

      .btn {
        position: absolute;
        right: 0.4375rem;
      }
    }
  }

  .banner-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-top: 30px;

    a {
      background: hsl(var(--white)/.2);
      color: hsl(var(--white));
      border-radius: 5px;
      padding: 4px 10px;
      font-size: 14px;
      font-weight: 500;
      transition: all .3s;

      &:hover {
        background: var(--gradient);
        -webkit-text-fill-color: hsl(var(--black))
      }
    }
  }

}



/* ===========================
   About CSS 
============================= */
.about-section .section-title {
  position: relative;
  z-index: 1;
}

.about-section__img {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 19rem 1.5rem 1fr;
  grid-template-columns: 19rem 1fr;
  gap: 1.5rem;
  margin-right: 2.5rem;
  position: relative;
  z-index: 1;
}

.about-section__img::before,
.about-section__img::after {
  content: "";
  position: absolute;
  width: 18.75rem;
  height: 18.75rem;
  border-radius: 50%;
  -webkit-filter: blur(73.85px);
  filter: blur(73.85px);
  background-color: hsl(var(--base-two)/0.4);
  -webkit-backdrop-filter: blur(-73.85px);
  backdrop-filter: blur(-73.85px);
  z-index: -1;
}

.about-section__img::before {
  top: -0.6875rem;
  left: -0.6875rem;
}

.about-section__img::after {
  background-color: hsl(var(--base)/0.4);
  top: 33%;
  right: 23%;
}

@media screen and (max-width: 1399px) {
  .about-section__img {
    -ms-grid-columns: 17.375rem 1fr;
    grid-template-columns: 17.375rem 1fr;
    margin-right: 0rem;
  }
}

@media screen and (max-width: 1199px) {
  .about-section__img {
    -ms-grid-columns: 14.6875rem 1fr;
    grid-template-columns: 14.6875rem 1fr;
  }
}

@media screen and (max-width: 991px) {
  .about-section__img {
    -ms-grid-columns: 22.5rem 1fr;
    grid-template-columns: 22.5rem 1fr;
  }
}

@media screen and (max-width: 767px) {
  .about-section__img {
    -ms-grid-columns: 50% 43%;
    grid-template-columns: 50% 43%;
  }
}

@media screen and (max-width: 374px) {
  .about-section__img {
    -ms-grid-columns: 49% 10px 43%;
    grid-template-columns: 49% 43%;
    gap: 10px;
  }
}

.about-section__img .image-effect {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.about-section__img .image-one .image-effect {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATgAAAGpCAMAAAAum9q+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAzUExURQAAAP///////////////////////////////////////////////////////////////7eV4oIAAAAQdFJOUwAQIEBgb3B/gI+Qn6C/3+/OpvHfAAADNklEQVR42u3dQXKcMBBA0ZbwCGwi4P6nTTkuJ9lkoV4wGXj/CK+6JW0oIsYrc9+OW7b3ViNb7cetW5N0j/24eXvLuM2Hjjkxb9Q+G565ukP7ta2j59zK7Ks+OHDEvitDcA3Yd8sQXAeW21VXw++2IThefwIHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODACRw4cODAgQMHDhw4cODAgQMHTuDAgQMHDhw4cODAgQMHDhw4cAIHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgTsdruDKwU24cnAfuHJwG64U3ButFFwxcDm4d1gpOH+kTcEV85aCm5xv43B1mv2s8d9wZe6mahyu+nNqCu5hF1NwXho5uAeFFFy1pzm4FUIKrjLIwTUGOTgvuCScqyEJhwAcOHDgBA4cOHDgBA4cOHDgBA4cOHACBw4cOHACBw4cOHACBw4cOIEDBw4cOIEDBw4cOIEDBw6cwIEDBw6cwIEDBw6cwIEDB07gwIEDB07gwIEDB07gwIEDB07gwIEDJ3DgwIEDJ3DgwIEDJ3DgwIETOHDgwIETOHDgwIETOHDgwAkcOHDgwAkcOHDgwAkcOHDgBA4cOHDgBA4cOHDgBA4cOHDgBA4cOHACBw4cOHACBw4cOHACBw4cOIEDBw4cOIEDBw4cOIEDBw6cwIEDBw6cwIEDBw6cwIEDB07gwIEDB07gwIEDB07gwIEDB07gwIEDJ3DgwIEDJ3DgwIEDJ3DgwIETOHDgwIETOHDgwIETOHDgwAkcOHDgwAkcOHDgwAkcOHDgBA4cOHDgBA4cOHDgBA7c/9cOLlcHl6uBy1XBpVoDXOpqqOCSJxy4TEuAy+zp57yBG3/B1QA32taXEnFJuH2ZapzStSZiitO6kttHCXDZVwK48XkLcKnzrYBL9RbgUgMX4F7hhLsO3AQuVwGXK8CBAwcOHDhw4MCBAwcOHDhw4MCBAwcOHDhw4MDdCG67htt+Oly/Blw/HW65Blw7Ha5cA66GXc20nu8Wdb/A1fCEgYtoTri73g9LPKn20tu6t3ha9ccLv+BqPLPa+guO3d/fVp3cTxfTB40hNEutAAAAAElFTkSuQmCC);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATgAAAGpCAMAAAAum9q+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAzUExURQAAAP///////////////////////////////////////////////////////////////7eV4oIAAAAQdFJOUwAQIEBgb3B/gI+Qn6C/3+/OpvHfAAADNklEQVR42u3dQXKcMBBA0ZbwCGwi4P6nTTkuJ9lkoV4wGXj/CK+6JW0oIsYrc9+OW7b3ViNb7cetW5N0j/24eXvLuM2Hjjkxb9Q+G565ukP7ta2j59zK7Ks+OHDEvitDcA3Yd8sQXAeW21VXw++2IThefwIHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODACRw4cODAgQMHDhw4cODAgQMHTuDAgQMHDhw4cODAgQMHDhw4cAIHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgTsdruDKwU24cnAfuHJwG64U3ButFFwxcDm4d1gpOH+kTcEV85aCm5xv43B1mv2s8d9wZe6mahyu+nNqCu5hF1NwXho5uAeFFFy1pzm4FUIKrjLIwTUGOTgvuCScqyEJhwAcOHDgBA4cOHDgBA4cOHDgBA4cOHACBw4cOHACBw4cOHACBw4cOIEDBw4cOIEDBw4cOIEDBw6cwIEDBw6cwIEDBw6cwIEDB07gwIEDB07gwIEDB07gwIEDB07gwIEDJ3DgwIEDJ3DgwIEDJ3DgwIETOHDgwIETOHDgwIETOHDgwAkcOHDgwAkcOHDgwAkcOHDgBA4cOHDgBA4cOHDgBA4cOHDgBA4cOHACBw4cOHACBw4cOHACBw4cOIEDBw4cOIEDBw4cOIEDBw6cwIEDBw6cwIEDBw6cwIEDB07gwIEDB07gwIEDB07gwIEDB07gwIEDJ3DgwIEDJ3DgwIEDJ3DgwIETOHDgwIETOHDgwIETOHDgwAkcOHDgwAkcOHDgwAkcOHDgBA4cOHDgBA4cOHDgBA7c/9cOLlcHl6uBy1XBpVoDXOpqqOCSJxy4TEuAy+zp57yBG3/B1QA32taXEnFJuH2ZapzStSZiitO6kttHCXDZVwK48XkLcKnzrYBL9RbgUgMX4F7hhLsO3AQuVwGXK8CBAwcOHDhw4MCBAwcOHDhw4MCBAwcOHDhw4MDdCG67htt+Oly/Blw/HW65Blw7Ha5cA66GXc20nu8Wdb/A1fCEgYtoTri73g9LPKn20tu6t3ha9ccLv+BqPLPa+guO3d/fVp3cTxfTB40hNEutAAAAAElFTkSuQmCC);
}

.about-section__img .image-two {
  row-gap: 24px;
}

@media screen and (max-width: 374px) {
  .about-section__img .image-two {
    row-gap: 10px;
  }
}

.about-section__img .image-two .image-effect:nth-child(1) {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARQAAAC6BAMAAACdP69gAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwUExURQAAAP///////////////////////////////////////////////////////////ztNBDAAAAAPdFJOUwAQIEBgb3B/gJCfoL/f70S5QJAAAAFlSURBVHja7dyxTQNBFEXRxyYgRLAdMB3giqABBC7AgSUKwHTgTiBCZEsHzja1sNDKQrszBDggYIjQzBO6t4Kj0dcEP/iSdLTYpKrF5yBJUtOl6n18WS6TQb0kHSeL5pKuPCiD1Gw9KDHoNJn0pAsXyptuXSh7dS6UUVsXyqRkExQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQof1H0oYw+lMGHsvOhrG0oMchnVGwoSxtKLxfKGEwo00urepR4d7hW961K7zCTTCgPcqHsZUNZ2VCm1obyLhvKqw9l5UOZ+VBaH4qgQIECBQoUKFCg/B/KpsIWIUPpKux1MpT78pQhQzkvT9llKGflKesMpfwR/BgylPL33nOjIp2UpiyzFN2UlfR5iZrHop9K0G+W62Kje1gW/9gnVXwqYqcNBhoAAAAASUVORK5CYII=);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARQAAAC6BAMAAACdP69gAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwUExURQAAAP///////////////////////////////////////////////////////////ztNBDAAAAAPdFJOUwAQIEBgb3B/gJCfoL/f70S5QJAAAAFlSURBVHja7dyxTQNBFEXRxyYgRLAdMB3giqABBC7AgSUKwHTgTiBCZEsHzja1sNDKQrszBDggYIjQzBO6t4Kj0dcEP/iSdLTYpKrF5yBJUtOl6n18WS6TQb0kHSeL5pKuPCiD1Gw9KDHoNJn0pAsXyptuXSh7dS6UUVsXyqRkExQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQof1H0oYw+lMGHsvOhrG0oMchnVGwoSxtKLxfKGEwo00urepR4d7hW961K7zCTTCgPcqHsZUNZ2VCm1obyLhvKqw9l5UOZ+VBaH4qgQIECBQoUKFCg/B/KpsIWIUPpKux1MpT78pQhQzkvT9llKGflKesMpfwR/BgylPL33nOjIp2UpiyzFN2UlfR5iZrHop9K0G+W62Kje1gW/9gnVXwqYqcNBhoAAAAASUVORK5CYII=);
}

.about-section__img .image-two .image-effect:nth-child(2) {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARQAAADXCAMAAADspV7lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA2UExURQAAAP////////////////////////////////////////////////////////////////////FjxvwAAAARdFJOUwAQHyBAYG9wf4CPkJ+gv9/voT3+6QAAAiBJREFUeNrt2+Fu2jAUgFF7pjMB5jjv/7L90VZi2JMWuqA5Od8ToKN7DShOCB/Fc5mX3VVLTuHZUll22+1Jlp912XE1P2NyXnbe+Yk5WXbf6llJdf8ode25clsOUFk5KMshiqtQ8jFQplUo5Rgo6/anHgNlXoWyHCQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKC8uB9Q2k5Q2iYobRXKN/fnMChzhNJ2gdLpDKU3KxFK51x5g9JjuZwilL//IXP3ui6Nu75e1yXx27hkKH/63sbwUIbS2aAEpa1A6RShtE1QevvDoP0rAKUTFChQoECBAgUKFChQoECBIihQoECBAgUKFChQoECBAkVQoECBAgUKFChQoECBAkVQoECBAgUKFChQoECBAgWKoECBAgUKFChQoECBAgWKoECBAgUKFChQoECBAgUKFEGBAgUKFChQoECBAmXPKDODFqUwaFEmBi1KZNCi2J8eSqoUGpSQKbQoztoeSsg2qEUJ6ReJBiWElItxeUT5N8XTdYbS6W2G0hmXK5ROE5ROVyidDZqhtJ2gdKpQdnbWBvvzOpQEpRMUKFCgQIECBQoUKFCgQIECBQoUKFCgQIEC5X9HGfhpct0MZeA7y2UzlIGfm+bNUAa+85+C/Xnstp3JsHf+64aDMuyd/xw2bcizdgobN96d/5rD5o1257+k8IrGufM/lyl+fuh3fRq7g9tMv9sAAAAASUVORK5CYII=);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARQAAADXCAMAAADspV7lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA2UExURQAAAP////////////////////////////////////////////////////////////////////FjxvwAAAARdFJOUwAQHyBAYG9wf4CPkJ+gv9/voT3+6QAAAiBJREFUeNrt2+Fu2jAUgFF7pjMB5jjv/7L90VZi2JMWuqA5Od8ToKN7DShOCB/Fc5mX3VVLTuHZUll22+1Jlp912XE1P2NyXnbe+Yk5WXbf6llJdf8ode25clsOUFk5KMshiqtQ8jFQplUo5Rgo6/anHgNlXoWyHCQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKBAgQIFChQoUKC8uB9Q2k5Q2iYobRXKN/fnMChzhNJ2gdLpDKU3KxFK51x5g9JjuZwilL//IXP3ui6Nu75e1yXx27hkKH/63sbwUIbS2aAEpa1A6RShtE1QevvDoP0rAKUTFChQoECBAgUKFChQoECBIihQoECBAgUKFChQoECBAkVQoECBAgUKFChQoECBAkVQoECBAgUKFChQoECBAgWKoECBAgUKFChQoECBAgWKoECBAgUKFChQoECBAgUKFEGBAgUKFChQoECBAmXPKDODFqUwaFEmBi1KZNCi2J8eSqoUGpSQKbQoztoeSsg2qEUJ6ReJBiWElItxeUT5N8XTdYbS6W2G0hmXK5ROE5ROVyidDZqhtJ2gdKpQdnbWBvvzOpQEpRMUKFCgQIECBQoUKFCgQIECBQoUKFCgQIEC5X9HGfhpct0MZeA7y2UzlIGfm+bNUAa+85+C/Xnstp3JsHf+64aDMuyd/xw2bcizdgobN96d/5rD5o1257+k8IrGufM/lyl+fuh3fRq7g9tMv9sAAAAASUVORK5CYII=);
}

.generate-image-section .generate-image {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.generate-image-section__img {
  position: relative;
  padding-top: 3.125rem;
  z-index: 1;
}

@media screen and (max-width: 991px) {
  .generate-image-section__img {
    max-width: 550px;
    margin: 0 auto;
  }
}

.generate-image-section__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80%;
  height: 90%;
  margin: 0 auto;
  background-color: hsl(var(--black-six));
  border-radius: 0.3125rem;
  z-index: -1;
}

.generate-image-section__img::after {
  content: "";
  position: absolute;
  top: 30%;
  left: 35%;
  -webkit-transform: translateX(-50%, -50%);
  -ms-transform: translateX(-50%, -50%);
  transform: translateX(-50%, -50%);
  width: 11.25rem;
  height: 11.25rem;
  background: -o-linear-gradient(237deg, #FFE451 17.28%, #ADFF35 81.08%);
  background: linear-gradient(213deg, #FFE451 17.28%, #ADFF35 81.08%);
  -webkit-filter: blur(62.75px);
  filter: blur(62.75px);
  z-index: -1;
}

.generate-image-section__img .image-effect {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.generate-image-section__img .image-effect:nth-child(1) {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAAEgCAMAAABb68V/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAzUExURQAAAP///////////////////////////////////////////////////////////////7eV4oIAAAAQdFJOUwAQIEBgb3B/gI+Qn6C/3+/OpvHfAAACL0lEQVR42u3cQZKcMAxAUWFmgHTH2Pc/bbbZJEVvMGO9f4NXks3GRcSAlr2e/fZa3UoMq9Q+rPco93frA2vbEPTeB7ePmHQf3v3TLm28ut1+tt/9AdW7R90f0XKvenuG+rhXXZ+hvnnF2zPU573q/pCoqampqampqampqaknVC8p1WtK9Sul+syo/uoJ1cuZUf2rJ1TvPZ96edCkb1OvZ0+mLuveen+kesxTkbHqUnuqHvBUZJB67z2f+rsnVJeWUf3uCdWlZ1RvKdU1pbqlVHdqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqamrqH11Lqa4p1VtKdcmofkdCdSsZ1VskVB+RT922yKeuJZKpz3osEXOr27GW+GeTznWN/zYl+rVEPvURkU/9ioTqc8mo/oqE6jMyql8p1WtK9ZJSHdTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NQ/V31Ohm6X1HUydb2kPiZTb5fUy2TqEglX/H0NHaXNdJddHHXElu5UT3ahHfFB2xxL3rb4qPJ7hi91iU8rW/3JA//7bz8X+gOuP5Us9gI7PQAAAABJRU5ErkJggg==);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAAEgCAMAAABb68V/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAzUExURQAAAP///////////////////////////////////////////////////////////////7eV4oIAAAAQdFJOUwAQIEBgb3B/gI+Qn6C/3+/OpvHfAAACL0lEQVR42u3cQZKcMAxAUWFmgHTH2Pc/bbbZJEVvMGO9f4NXks3GRcSAlr2e/fZa3UoMq9Q+rPco93frA2vbEPTeB7ePmHQf3v3TLm28ut1+tt/9AdW7R90f0XKvenuG+rhXXZ+hvnnF2zPU573q/pCoqampqampqampqaknVC8p1WtK9Sul+syo/uoJ1cuZUf2rJ1TvPZ96edCkb1OvZ0+mLuveen+kesxTkbHqUnuqHvBUZJB67z2f+rsnVJeWUf3uCdWlZ1RvKdU1pbqlVHdqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqamrqH11Lqa4p1VtKdcmofkdCdSsZ1VskVB+RT922yKeuJZKpz3osEXOr27GW+GeTznWN/zYl+rVEPvURkU/9ioTqc8mo/oqE6jMyql8p1WtK9ZJSHdTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NQ/V31Ohm6X1HUydb2kPiZTb5fUy2TqEglX/H0NHaXNdJddHHXElu5UT3ahHfFB2xxL3rb4qPJ7hi91iU8rW/3JA//7bz8X+gOuP5Us9gI7PQAAAABJRU5ErkJggg==);
}

.generate-image-section__img .image-effect:nth-child(2) {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAAEgCAMAAABb68V/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAzUExURQAAAP///////////////////////////////////////////////////////////////7eV4oIAAAAQdFJOUwAQIEBgb3B/gI+Qn6C/3+/OpvHfAAACMklEQVR42u3cQY6cMBBA0cLMGNIdY9//tLPNLnSk0LTr/Rs8lW0kQI4437K1Y3xuvdUSr1ba+PyeL7q/+5ihXl9Bb2OWthcmPebp9LRLn0jdz+7t55ipdnLUY66WU+o6mXo/pW6Tqc8t8T6Z+jilHrNFTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1N/bnqJaV6Tal+pFQfGdVfI6F6OTKqf42E6m3kUy8zTvpv6vUYydRl3foYc6s//Laff1KXNlI1020/r6m3MfKpv0dCdekZ1c+RUF1GRnVNqW4p1T2lelBTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1N/dD2luqVU15TqklH9jITqXjKqayRU75FP3WvkU7cSydRH25eIW6r7vpb4/91rHGtc053QjyXyqfeIfOpHJFQfS0b1VyRUH5FR/UipXlOql5TqoKampqampqampqamnlB93OTt/7XqdpMPUNeq93uo67Xq5R7qEgmX+PNidJR+g7Ps6lFH1HS7+h4H2h7vqL51kfca76n8fuOTusTbKrW9YeB//ipyZT926JUsOHgVfwAAAABJRU5ErkJggg==);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAAEgCAMAAABb68V/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAzUExURQAAAP///////////////////////////////////////////////////////////////7eV4oIAAAAQdFJOUwAQIEBgb3B/gI+Qn6C/3+/OpvHfAAACMklEQVR42u3cQY6cMBBA0cLMGNIdY9//tLPNLnSk0LTr/Rs8lW0kQI4437K1Y3xuvdUSr1ba+PyeL7q/+5ihXl9Bb2OWthcmPebp9LRLn0jdz+7t55ipdnLUY66WU+o6mXo/pW6Tqc8t8T6Z+jilHrNFTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1N/bnqJaV6Tal+pFQfGdVfI6F6OTKqf42E6m3kUy8zTvpv6vUYydRl3foYc6s//Laff1KXNlI1020/r6m3MfKpv0dCdekZ1c+RUF1GRnVNqW4p1T2lelBTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1N/dD2luqVU15TqklH9jITqXjKqayRU75FP3WvkU7cSydRH25eIW6r7vpb4/91rHGtc053QjyXyqfeIfOpHJFQfS0b1VyRUH5FR/UipXlOql5TqoKampqampqampqamnlB93OTt/7XqdpMPUNeq93uo67Xq5R7qEgmX+PNidJR+g7Ps6lFH1HS7+h4H2h7vqL51kfca76n8fuOTusTbKrW9YeB//ipyZT926JUsOHgVfwAAAABJRU5ErkJggg==);
  margin-top: 10.625rem;
}

@media screen and (max-width: 424px) {
  .generate-image-section__img .image-effect:nth-child(2) {
    margin-top: 7.5rem;
  }
}

.generate-image-section__img #round-shape {
  position: absolute;
  top: -1.875rem;
  right: 0;
}

@media screen and (max-width: 1399px) {
  .generate-image-section__img #round-shape {
    width: 250px;
    height: 250px;
  }
}

@media screen and (max-width: 575px) {
  .generate-image-section__img #round-shape {
    width: 200px;
    height: 200px;
  }
}

@media screen and (max-width: 374px) {
  .generate-image-section__img #round-shape {
    width: 180px;
    height: 180px;
  }
}

.generate-image-section__img .upload-image {
  background-color: hsl(var(--blue));
  width: 12.6875rem;
  height: 3.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  color: hsl(var(--white));
  border-radius: 0.3125rem;
  padding: 0 0.8125rem;
  position: absolute;
  bottom: 15%;
  left: 18%;
  -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
  animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
  cursor: pointer;
}

.generate-image-section__img .upload-image i {
  background: hsl(var(--white));
  border-radius: 0.3125rem;
  color: hsl(var(--blue));
  width: 1.875rem;
  height: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.about-two-section__img {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .about-two-section__img {
    gap: 10px;
  }
}

.about-two-section__img::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  background: var(--gradient);
  -webkit-filter: blur(52.3499984741px);
  filter: blur(52.3499984741px);
}

.about-two-section__img .image-effect {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.about-two-section__img .image-effect:first-child {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASsAAADWCAMAAAC+AVT1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA8UExURQAAAP///////////////////////////////////////////////////////////////////////////9hJaBMAAAATdFJOUwAQIDBAUGBwf4CPkJ+gr7/P3+9UDxNpAAAB5ElEQVR42u3a606EMBCA0WkXQRSXi+//rsbbRmPUgfWHSc/3CCczLU2IeK0M5/VRX1umm/hUud2ofNvaf6A6Gamfm+uFylD9OlpvWBVVAqu8WFnATHfPVD2HVJ2xSjdFdBRybSVGCuklPENINsQMIdnIihUrVqxYsRIrVqxYsWIlVqxYsWLFSqxYsWLFipVYsWLFihUrsWLFihUrVmLFihUrVqxYsWLFihUrVqzEihUrVqxYiRUrVqxYsRIrVqxYsWIlVqxYsWLFSqxYsWLFipVYsWLFihUrVqxYsWLFihUrsWLFihUrVmLFihUrVqzEihUrVqxYiRUrVqxYsRIrVqxYsWIlVqxYsWLFihUrVqxYsWLFSqxYsWLFipVYsWL1jxtYpetYZVuDVbaJVbrKKn8Lsko2B6tkS2GV7D6CVW7/umB1aVu/a5mGGsHqfWz6Erlat5prpGvcaohglasPVjs+xlnlvjCD1Y7nMKsdbzxWf38HNm51YpUuWLFixYoVK1asWLFixYoVK1asWLFixYoVK1asWLFixYrV9VYPzVItu62GZq12/yYTXbNW/W6rWFu1qmEJk01xoKVJqrUesaqb0yrdqUGsMQ5WWzvftz4OV8amRmuqcU21P7dxxq/zWA4aPQGhl9LmMeFN0wAAAABJRU5ErkJggg==);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASsAAADWCAMAAAC+AVT1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA8UExURQAAAP///////////////////////////////////////////////////////////////////////////9hJaBMAAAATdFJOUwAQIDBAUGBwf4CPkJ+gr7/P3+9UDxNpAAAB5ElEQVR42u3a606EMBCA0WkXQRSXi+//rsbbRmPUgfWHSc/3CCczLU2IeK0M5/VRX1umm/hUud2ofNvaf6A6Gamfm+uFylD9OlpvWBVVAqu8WFnATHfPVD2HVJ2xSjdFdBRybSVGCuklPENINsQMIdnIihUrVqxYsRIrVqxYsWIlVqxYsWLFSqxYsWLFipVYsWLFihUrsWLFihUrVmLFihUrVqxYsWLFihUrVqzEihUrVqxYiRUrVqxYsRIrVqxYsWIlVqxYsWLFSqxYsWLFipVYsWLFihUrVqxYsWLFihUrsWLFihUrVmLFihUrVqzEihUrVqxYiRUrVqxYsRIrVqxYsWIlVqxYsWLFihUrVqxYsWLFSqxYsWLFipVYsWL1jxtYpetYZVuDVbaJVbrKKn8Lsko2B6tkS2GV7D6CVW7/umB1aVu/a5mGGsHqfWz6Erlat5prpGvcaohglasPVjs+xlnlvjCD1Y7nMKsdbzxWf38HNm51YpUuWLFixYoVK1asWLFixYoVK1asWLFixYoVK1asWLFixYrV9VYPzVItu62GZq12/yYTXbNW/W6rWFu1qmEJk01xoKVJqrUesaqb0yrdqUGsMQ5WWzvftz4OV8amRmuqcU21P7dxxq/zWA4aPQGhl9LmMeFN0wAAAABJRU5ErkJggg==);
}

.about-two-section__img .image-effect:last-child {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASsAAADWCAMAAAC+AVT1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA8UExURQAAAP///////////////////////////////////////////////////////////////////////////9hJaBMAAAATdFJOUwAQIDBAUGBvcH+Aj5CfoK+/3++nwsPvAAAB6ElEQVR42u3aQU7DMBBA0UlaSpI2NLHvf1c2FIQEZZJ2geT3j/A0HnvhiH11w3WtLVSWoY9H6sZSG2p+QKtfa1uVYS/VodTmGk1Vvn2T1SRVLXt21qm22WKs8nXbF3urVHXabDU0a7X9EL41a7VutlqataqsWLFixYoVK1asWLFixYoVK1asWLFixYoVK1asWLFixeoJVoWVbzLPt5pZ+an2fKuxsrKtnm3Vr6ySHdum2mDVnWtllYE6nktlddM4zcv6a1WfVv1sbJJWr6SyViOHrBWqtNWBQtrKJZe2OkFIW10hpK08F9JWNnve6siAFStWrFixEitWrFixYiVWrFixYsVKrFixYsWKlVixYsWKFSuxYsWKFStWYsWKFStWrFgxYMWKFStWrMSKFStWrFiJFStWrFixEitWrFixYiVWrFixYsVKrFixYsWKlVixYsWKFStWDFixYsWKFSuxYsWKFStWYsWKFStWrMSKFStWrFiJFStWrFixEitWrFixYiVWrFixYsWKFQNWrFixYsVKrFixYsWKlVixYvWPrXoGyUpEoZBriVgo5BoiBgq5+ojOIUw1R0S8cMhs9j4iIi4kUtsqIiLeUPzVFLcmGPcP4BBfHVYgd15WfXzreFlciD+0LlP3QfQOv+HSgNPsrOMAAAAASUVORK5CYII=);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASsAAADWCAMAAAC+AVT1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA8UExURQAAAP///////////////////////////////////////////////////////////////////////////9hJaBMAAAATdFJOUwAQIDBAUGBvcH+Aj5CfoK+/3++nwsPvAAAB6ElEQVR42u3aQU7DMBBA0UlaSpI2NLHvf1c2FIQEZZJ2geT3j/A0HnvhiH11w3WtLVSWoY9H6sZSG2p+QKtfa1uVYS/VodTmGk1Vvn2T1SRVLXt21qm22WKs8nXbF3urVHXabDU0a7X9EL41a7VutlqataqsWLFixYoVK1asWLFixYoVK1asWLFixYoVK1asWLFixeoJVoWVbzLPt5pZ+an2fKuxsrKtnm3Vr6ySHdum2mDVnWtllYE6nktlddM4zcv6a1WfVv1sbJJWr6SyViOHrBWqtNWBQtrKJZe2OkFIW10hpK08F9JWNnve6siAFStWrFixEitWrFixYiVWrFixYsVKrFixYsWKlVixYsWKFSuxYsWKFStWYsWKFStWrFgxYMWKFStWrMSKFStWrFiJFStWrFixEitWrFixYiVWrFixYsVKrFixYsWKlVixYsWKFStWDFixYsWKFSuxYsWKFStWYsWKFStWrMSKFStWrFiJFStWrFixEitWrFixYiVWrFixYsWKFQNWrFixYsVKrFixYsWKlVixYvWPrXoGyUpEoZBriVgo5BoiBgq5+ojOIUw1R0S8cMhs9j4iIi4kUtsqIiLeUPzVFLcmGPcP4BBfHVYgd15WfXzreFlciD+0LlP3QfQOv+HSgNPsrOMAAAAASUVORK5CYII=);
}

.about-two-section__img .about-image-content {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  background-color: hsl(var(--black-six));
  text-align: center;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.about-two-section__img .about-image-content:nth-child(2) {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASsAAADWCAMAAAC+AVT1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABpUExURQAAABAQEBAgEBAYEBAbEBAYEBQYEBMYEBMbExIZEBIZEhQZEhIaEhIaEhQaEhIbEhQZEhMbEhMaEhIZEhMZEhMaERMZERMZExIaERIbEhQaEhIZERMZEhMaEhIaEhIbEhMaEhMbEhMaEv93SMcAAAAidFJOUwAQECAwQEBgYHBwcH+AgI+PkJ+goK+/v8/Pz9/f3+/v7+/vbzUjAAAB7ElEQVR42u3bS04CQRSG0YvFQ0BQERoU5OH+F+lAYjAGvI0xDup8O+iTvzo9qI441nt4ObzpW4dmVOJLvYbK+WanWvc8LrYffVLNaPzUnVXl+1jWLYjMMSwREa8gMjVmla8TsaSQaxIBIX0IuxCSvUYfQjZWrFixYsWKlVixYsWKFSuxYsWKFStWYsWKFStWrMSKFStWrFiJFStWrFixEitWrFixYiVWrFixYsWKlVixYsWKFSuxYsWKFStWYsWKFStWrMSKFStWrFiJFStWrFixEitWrFixYiVWrFixYsWKlVixYsWKFSuxYsWKFStWYsWKFStWrMSKFStWrFiJFStWrFixEitWrFixYiVWrFixYsWKlVixYsWKFSuxYvUPVoVB2ip2ENJWSwhpKy+svJVhtbAyrLxVTDGkrWC1sIqhD4e0VZQ5iqxVRBnMl6vNuUCdWl2u059vWaUrj6zy9des8tNas8ovi1W+Kat0NztWhvUHVl1W+Xas0j2zSrdkxYoVK1asWLFixYoVK1asWLFixYoVK1asWLFixYpVNVYLVumeqqXat7YaVmvVtLaq92rfKLzcs5X2VoNKqWYRhpVrW66xKlVeVxvHVXUrxJrElVX3T8B2HNc3rUqrKfGbOoPFqgqnTTPtHJ/5HdTP4eVr7OsNAAAAAElFTkSuQmCC);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASsAAADWCAMAAAC+AVT1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABpUExURQAAABAQEBAgEBAYEBAbEBAYEBQYEBMYEBMbExIZEBIZEhQZEhIaEhIaEhQaEhIbEhQZEhMbEhMaEhIZEhMZEhMaERMZERMZExIaERIbEhQaEhIZERMZEhMaEhIaEhIbEhMaEhMbEhMaEv93SMcAAAAidFJOUwAQECAwQEBgYHBwcH+AgI+PkJ+goK+/v8/Pz9/f3+/v7+/vbzUjAAAB7ElEQVR42u3bS04CQRSG0YvFQ0BQERoU5OH+F+lAYjAGvI0xDup8O+iTvzo9qI441nt4ObzpW4dmVOJLvYbK+WanWvc8LrYffVLNaPzUnVXl+1jWLYjMMSwREa8gMjVmla8TsaSQaxIBIX0IuxCSvUYfQjZWrFixYsWKlVixYsWKFSuxYsWKFStWYsWKFStWrMSKFStWrFiJFStWrFixEitWrFixYiVWrFixYsWKlVixYsWKFSuxYsWKFStWYsWKFStWrMSKFStWrFiJFStWrFixEitWrFixYiVWrFixYsWKlVixYsWKFSuxYsWKFStWYsWKFStWrMSKFStWrFiJFStWrFixEitWrFixYiVWrFixYsWKlVixYsWKFSuxYvUPVoVB2ip2ENJWSwhpKy+svJVhtbAyrLxVTDGkrWC1sIqhD4e0VZQ5iqxVRBnMl6vNuUCdWl2u059vWaUrj6zy9des8tNas8ovi1W+Kat0NztWhvUHVl1W+Xas0j2zSrdkxYoVK1asWLFixYoVK1asWLFixYoVK1asWLFixYpVNVYLVumeqqXat7YaVmvVtLaq92rfKLzcs5X2VoNKqWYRhpVrW66xKlVeVxvHVXUrxJrElVX3T8B2HNc3rUqrKfGbOoPFqgqnTTPtHJ/5HdTP4eVr7OsNAAAAAElFTkSuQmCC);
}

.about-two-section__img .about-image-content:nth-child(3) {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASsAAADWCAMAAAC+AVT1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABvUExURQAAABAQEBAgEBAYEBAVEBAbEBUVEBAYEBQYEBMZEBMZExMYEBMbExIZEBIZEhQZEhIaEhIaEhQaEhIbEhQZEhMZEhMbEhMaEhMZEhMZERMZERMZExQaEhIZERMZEhMaEhIaEhIbEhMaEhMbEhMaEuupvmwAAAAkdFJOUwAQECAwMDBAQFBQX2BwcHB/gICPj5CQn6Cwv7/P39/f7+/v7yegxYQAAAHpSURBVHja7dZdTgJBEIXRwkFBRBD/0GEUhNn/Gn1QY4xRqyHEhz7fEk6qOzfivdFtt+sraNctJ3FQo7avqPX0AKqbvrKWzb5Uy7661o2rStftRTXtq2yxj9W6Tqu+cVbp7sqtVrVabcut+mobllKd1mtVvEjH9VrNWB1vNbBixYoVK1asWLFixYoVK1asWLFixYoVK1asWLFixYpVBT2ySrdllW/EKl3L6miHVbXVesAqXTdglb+shlUea8qqQGs2ZFXQ80917e2EVcHhXbEq0Dpjle+CVdnEZ5Wf+KySLVil2w5YpZuxSvfIKv+7s8rHihUrVqxYsRIrVqxYsWIlVqxYsWLFSqxYsWLFipVYsWLFihUrsWLFihUrVmLFihUrVqzEihUrVqxYsRIrVqxYsWIlVqxYsWLFSqxYsWLFipVYsWLFihUrsWLFihUrVmLFihUrVqzEihUrVqxYsRIrVqxYsWIlVqxYsWLFSqxYsWLFipVYsWLFihUrsWLFihUrVmLFihUrVqzEihUrVqxYsRIrVqxYsWIlVqz+waphkGwb8UIhVxuxopBrFnFJIVcTceIRplpGRJxzSLRpIiLinsTfzeOtBxR/tYiPrmH8/gDn8dnpE5BfllUTXxrfrTZUvvfcXg/eiV4B2f/DmO9cPiIAAAAASUVORK5CYII=);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASsAAADWCAMAAAC+AVT1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABvUExURQAAABAQEBAgEBAYEBAVEBAbEBUVEBAYEBQYEBMZEBMZExMYEBMbExIZEBIZEhQZEhIaEhIaEhQaEhIbEhQZEhMZEhMbEhMaEhMZEhMZERMZERMZExQaEhIZERMZEhMaEhIaEhIbEhMaEhMbEhMaEuupvmwAAAAkdFJOUwAQECAwMDBAQFBQX2BwcHB/gICPj5CQn6Cwv7/P39/f7+/v7yegxYQAAAHpSURBVHja7dZdTgJBEIXRwkFBRBD/0GEUhNn/Gn1QY4xRqyHEhz7fEk6qOzfivdFtt+sraNctJ3FQo7avqPX0AKqbvrKWzb5Uy7661o2rStftRTXtq2yxj9W6Tqu+cVbp7sqtVrVabcut+mobllKd1mtVvEjH9VrNWB1vNbBixYoVK1asWLFixYoVK1asWLFixYoVK1asWLFixYpVBT2ySrdllW/EKl3L6miHVbXVesAqXTdglb+shlUea8qqQGs2ZFXQ80917e2EVcHhXbEq0Dpjle+CVdnEZ5Wf+KySLVil2w5YpZuxSvfIKv+7s8rHihUrVqxYsRIrVqxYsWIlVqxYsWLFSqxYsWLFipVYsWLFihUrsWLFihUrVmLFihUrVqzEihUrVqxYsRIrVqxYsWIlVqxYsWLFSqxYsWLFipVYsWLFihUrsWLFihUrVmLFihUrVqzEihUrVqxYsRIrVqxYsWIlVqxYsWLFSqxYsWLFipVYsWLFihUrsWLFihUrVmLFihUrVqzEihUrVqxYsRIrVqxYsWIlVqz+waphkGwb8UIhVxuxopBrFnFJIVcTceIRplpGRJxzSLRpIiLinsTfzeOtBxR/tYiPrmH8/gDn8dnpE5BfllUTXxrfrTZUvvfcXg/eiV4B2f/DmO9cPiIAAAAASUVORK5CYII=);
}

.about-two-section__img .about-image-content .about-image-text {
  max-width: 210px;
  margin: 0 auto;
}

.about-two-section__img .about-image-content .about-image-text h2 {
  background: var(--gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}

@media screen and (max-width: 424px) {
  .about-two-section__img .about-image-content .about-image-text h2 {
    font-size: 1.5rem;
    padding-bottom: 2px;
  }
}

@media screen and (max-width: 424px) and (max-width: 1199px) {
  .about-two-section__img .about-image-content .about-image-text h2 {
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 424px) and (max-width: 991px) {
  .about-two-section__img .about-image-content .about-image-text h2 {
    font-size: 1.3125rem;
  }
}

@media screen and (max-width: 424px) and (max-width: 575px) {
  .about-two-section__img .about-image-content .about-image-text h2 {
    font-size: 1.25rem;
  }
}

.about-two-section__img .about-image-content .about-image-text hr {
  border-top: 1px hsl(var(--white)) dashed;
}

@media screen and (max-width: 424px) {
  .about-two-section__img .about-image-content .about-image-text hr {
    margin: 5px 0;
  }
}

@media screen and (max-width: 424px) {
  .about-two-section__img .about-image-content .about-image-text p {
    font-size: 0.75rem;
  }
}

/* ===========================
   Feature CSS 
============================= */
.feature-section .col-xl-3 {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.feature-section .col-xl-3:nth-child(even) {
  margin-top: 2.5rem;
}

@media screen and (max-width: 1199px) {
  .feature-section .col-xl-3:nth-child(even) {
    margin-top: 0;
  }
}

.swiper-slide:nth-child(even) .feature-section__item::after,
.feature-section .col-xl-3:nth-child(even) .feature-section__item::after {
  bottom: 0;
}

.swiper-slide:nth-child(even) .feature-section__item::before,
.feature-section .col-xl-3:nth-child(even) .feature-section__item::before {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(174, 255, 53, 0)), to(hsl(var(--base-two)/0.5)));
  background: -o-linear-gradient(top, rgba(174, 255, 53, 0) 50%, hsl(var(--base-two)/0.5) 100%);
  background: linear-gradient(180deg, rgba(174, 255, 53, 0) 50%, hsl(var(--base-two)/0.5) 100%);
}

.swiper-slide:nth-child(odd) .feature-section__item::after,
.feature-section .col-xl-3:nth-child(odd) .feature-section__item::after {
  top: 0;
}

.swiper-slide:nth-child(even) .feature-section__item {
  margin-top: 2.5rem;
}


.feature-section__item {
  /* background-color: hsl(var(--black-six)); */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(-8.96%, hsl(var(--base-two))), to(hsl(var(--base))));
  background: -o-linear-gradient(bottom, hsl(var(--base-two)) -8.96%, hsl(var(--base)) 100%);
  background: linear-gradient(0deg, hsl(var(--base-two)) -8.96%, hsl(var(--base)) 100%);
  padding: 2.5rem 1.875rem;
  border-radius: 0.625rem;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

@media screen and (max-width: 1199px) {
  .feature-section__item {
    padding: 1.875rem 1.5rem;
  }
}

.feature-section__item:hover::after {
  height: 100%;
}

.feature-section__item:hover p,
.feature-section__item:hover h5 {
  color: hsl(var(--white));
}

.feature-section__item p,
.feature-section__item h5 {
  color: hsl(var(--black));
}

.feature-section__item::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 0%;
  /* background: -webkit-gradient(linear, left bottom, left top, color-stop(-8.96%, hsl(var(--base-two))), to(hsl(var(--base)))); */
  background-color: hsl(var(--black-six));
  /* background: -o-linear-gradient(bottom, hsl(var(--base-two)) -8.96%, hsl(var(--base)) 100%);
  background: linear-gradient(0deg, hsl(var(--base-two)) -8.96%, hsl(var(--base)) 100%); */
  z-index: -1;
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}

.feature-section__item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.0625rem;
  background-color: hsl(var(--black-six));
  /* background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(174, 255, 53, 0)), to(hsl(var(--base)/0.5)));
  background: -o-linear-gradient(bottom, rgba(174, 255, 53, 0) 50%, hsl(var(--base)/0.5) 100%);
  background: linear-gradient(0deg, rgba(174, 255, 53, 0) 50%, hsl(var(--base)/0.5) 100%); */
  border-radius: inherit;
  --m: conic-gradient(#000 0 0);
  -webkit-mask: var(--m) content-box, var(--m);
  -webkit-mask-composite: xor;
  mask: var(--m) content-box exclude, var(--m);
  z-index: -1;
}

.feature-section__item .icon {
  width: 2.5rem;
  height: 2.5rem;
  background-color: hsl(var(--black-two));
  border-radius: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.feature-section__item .icon i {
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2.5rem;
  line-height: 0;
}

.feature-section__item h5 {
  padding: 20px 0 15px;
}

@media screen and (max-width: 575px) {
  .feature-section__item h5 {
    padding: 30px 0 15px;
  }
}

.feature-section__item h5,
.feature-section__item p {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.feature-two-section .feature-section__item {
  text-align: center;
  background: none;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.feature-two-section .feature-section__item::before {
  background: hsl(var(--white)/0.1);
}

.feature-two-section .feature-section__item::after {
  display: none;
}

.feature-two-section .feature-section__item:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.feature-two-section .feature-section__item:hover::before {
  background: var(--gradient);
}

.feature-two-section .feature-section__item:hover h5 {
  color: hsl(var(--black));
}

.feature-two-section .feature-section__item:hover p {
  color: hsl(var(--black)/0.8);
}

.feature-two-section .feature-section__item .icon {
  margin: 0 auto;
  width: auto;
  height: 55px;
  background: none;
}

.feature-two-section .feature-section__item .icon i {
  font-size: 3.625rem;
}

@media screen and (max-width: 1199px) {
  .feature-two-section .feature-section__item .icon i {
    font-size: 3.75rem;
  }
}

@media screen and (max-width: 991px) {
  .feature-two-section .feature-section__item .icon i {
    font-size: 3.625rem;
  }
}

@media screen and (max-width: 575px) {
  .feature-two-section .feature-section__item .icon i {
    font-size: 3.563rem;
  }
}

.feature-two-section .feature-section__item .text h5 {
  padding: 35px 0 15px;
}

.feature-four-slide {
  .feature-section__item {
    h5 {
      padding: 0;
    }

    .icon {
      min-width: 4.5rem;
    }

    p {
      padding-top: 20px;
    }
  }
}

/* feater */
.feature-item {
  border: 1px solid hsl(var(--white) / .1);
  border-radius: 10px;

  .feature-header {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 20px;

    .feature-img {
      position: relative;

      img {
        max-width: 60px;
        max-height: 60px;
        border-radius: 100px;
      }

      .profile-check {
        color: #34C759;
        position: absolute;
        right: -6px;
        bottom: 4px;
      }
    }

    .feature-title {
      p {
        font-size: 18px;
        padding-top: 5px;
        font-weight: 500;
      }

      span {
        background: var(--gradient);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

      }
    }
  }

  .feature-footer {
    background: hsl(var(--black-six));
    padding: 10px 20px;
  }
    a {
      display: flex;
      align-items: center;
      gap: 8px;
      color: hsl(var(--white));
      font-size: 18px;
    }
        .flaticon-right-arrow {
          transform: rotate(0deg);
          background: var(--gradient);
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
      

      i {
        line-height: 1;
        color: hsl(var(--gray));
        font-size: 20px;
      }
    

    .flaticon-right-arrow {
      transform: rotate(-45deg);
      transition: all .4s;
    }
  

  .image-effect {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAADPCAYAAAA9FY5bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATrSURBVHgB7d3hcRNHGMfh96jAVBDRAVQAHUAHMRXgVIBdQUgFUAJ0QCqADqIO4g6UXXx4wGNj6x98kpbnmVluRnxE8+O9lXQ71Q9sNpujdnnV1rO2VvOCpZy39bmtD229n6ZpXeyV6boXWzhW7fK2LsIB++JdW2dCsj8eXH2hxaNPHJ9KPNg/x219au/Rk2IvfDeBtH+Y1+1yWrD/Ttskclbs1GVA5snjTcHh+KNFxHt2h74EZN7z6LctRwWHo2+yPrEnsjtf90D6rYt4cGj6e/ZtsTPTPH38U3C4HrYp5LxYXJ9AXhQcNp/K7EgPyPOCw/a02IkekMcFh21V7ETfA9kUHLi2BzIVi3tQACEBYQhtkP6tWJyAMIpHxeIEhFE8KxZnE5VRnLd91IfFokwgjOKo/V/4rFiUCYSRrOvix3W+1r4QEwgjWdXFD0NZiIAwmpP5wVgswC0Mo+oPGjpzO3O/TCCMqv9Ctz8/9bi4NyYQfgXrtt7XxfEQn00lP4+AAFfd+TweAQFu865uOI/HHghwm+O64TweAQHuoj/A+s+rH5G7hQG2dXkej4AA27o8j8ctDLCty/N4TCBA6qEJBEidCAiQeiogQGplDwSImUCAmIAAMQEBYgICxAQEiAkIEBMQICYgQExAgJiAADEBAWICAsQEBIgJCBATECAmIEBMQICYgAAxAQFiAgLEBASICQgQExAgJiBATECAmIAAMQEBYgICxAQEiAkIEBMQICYgQExAgJiAADEBAWICAsQEBIgJCBATECAmIEBMQICYgAAxAQFiAgLEBASICQgQExAgJiBATECAmIAAMQEBYgICxAQEiAkIEBMQICYgQExAgJiAADEBAWICAsQEBIgJCBATECAmIEBMQICYgAAxAQFiAgLEBASICQgQExAgJiBATECAmIAAMQEBYgICxAQEiAkIEBMQICYgQExAgJiAADEBAWICAsQEBIgJCBATECAmIEBMQICYgAAxAQFiAgLEBASICQgQExAgJiBATECAmIAAMQEBYgICxAQEiAkIEBMQICYgQExAgJiAADEBAWICAsQEBIgJCBATECAmIEBMQICYgAAxAQFiAgLEBASICQgQExAgJiBATECAmIAAMQEBYgICxAQEiAkIEBMQICYgQExAgJiAADEBAWICAsQEBIgJCBATECAmIECsB2RdAAEBAWI9IH8XQGDabDZH7fpvAWzpwTRN5+36sQC2NPU/2hSyapdPbR0VwB19+Ri3TSHrdjkrgC1cfg+kReRNiQiwhenqC+125qRdXpfbGeAW03Uvznsip239XgA3mH70l3NIXrT1vK3HZSoBvjEV/9v8XZoe2K+xXRX8AgTkHrSgHNfFPtKqYGACck/mqeS0rVcFgxKQe9ZCcloX0wgMR0AW0CLSv2NjEmE4ArKA+Xam/1RgVTAQTyRbwPyDxZcFgzGBLKhNIv2xCb5LwzBMIMv6q2AgArKsjwUDEZBlrQsGYg9kYW0fZFMwCBMIEBOQ5a0LxnAuIMtbF4zhs4Aszzk8jOKDTdSFOYeHgTwygSzMOTwM4l0/zcEEsgPO4eHA9f8En/SAmEB2wDk8HLiz+T3sY9xdcQ4PB+psfu9+4RZmx5zDw4Hoty3fxaMTkD3gHB723Me2Xn69bfmWgOwR5/CwJ9bz6t9ZejN/cnit/wCxufHQOgQi9gAAAABJRU5ErkJggg==);
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAADPCAYAAAA9FY5bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATrSURBVHgB7d3hcRNHGMfh96jAVBDRAVQAHUAHMRXgVIBdQUgFUAJ0QCqADqIO4g6UXXx4wGNj6x98kpbnmVluRnxE8+O9lXQ71Q9sNpujdnnV1rO2VvOCpZy39bmtD229n6ZpXeyV6boXWzhW7fK2LsIB++JdW2dCsj8eXH2hxaNPHJ9KPNg/x219au/Rk2IvfDeBtH+Y1+1yWrD/Ttskclbs1GVA5snjTcHh+KNFxHt2h74EZN7z6LctRwWHo2+yPrEnsjtf90D6rYt4cGj6e/ZtsTPTPH38U3C4HrYp5LxYXJ9AXhQcNp/K7EgPyPOCw/a02IkekMcFh21V7ETfA9kUHLi2BzIVi3tQACEBYQhtkP6tWJyAMIpHxeIEhFE8KxZnE5VRnLd91IfFokwgjOKo/V/4rFiUCYSRrOvix3W+1r4QEwgjWdXFD0NZiIAwmpP5wVgswC0Mo+oPGjpzO3O/TCCMqv9Ctz8/9bi4NyYQfgXrtt7XxfEQn00lP4+AAFfd+TweAQFu865uOI/HHghwm+O64TweAQHuoj/A+s+rH5G7hQG2dXkej4AA27o8j8ctDLCty/N4TCBA6qEJBEidCAiQeiogQGplDwSImUCAmIAAMQEBYgICxAQEiAkIEBMQICYgQExAgJiAADEBAWICAsQEBIgJCBATECAmIEBMQICYgAAxAQFiAgLEBASICQgQExAgJiBATECAmIAAMQEBYgICxAQEiAkIEBMQICYgQExAgJiAADEBAWICAsQEBIgJCBATECAmIEBMQICYgAAxAQFiAgLEBASICQgQExAgJiBATECAmIAAMQEBYgICxAQEiAkIEBMQICYgQExAgJiAADEBAWICAsQEBIgJCBATECAmIEBMQICYgAAxAQFiAgLEBASICQgQExAgJiBATECAmIAAMQEBYgICxAQEiAkIEBMQICYgQExAgJiAADEBAWICAsQEBIgJCBATECAmIEBMQICYgAAxAQFiAgLEBASICQgQExAgJiBATECAmIAAMQEBYgICxAQEiAkIEBMQICYgQExAgJiAADEBAWICAsQEBIgJCBATECAmIEBMQICYgAAxAQFiAgLEBASICQgQExAgJiBATECAmIAAMQEBYgICxAQEiAkIEBMQICYgQExAgJiAADEBAWICAsQEBIgJCBATECAmIECsB2RdAAEBAWI9IH8XQGDabDZH7fpvAWzpwTRN5+36sQC2NPU/2hSyapdPbR0VwB19+Ri3TSHrdjkrgC1cfg+kReRNiQiwhenqC+125qRdXpfbGeAW03Uvznsip239XgA3mH70l3NIXrT1vK3HZSoBvjEV/9v8XZoe2K+xXRX8AgTkHrSgHNfFPtKqYGACck/mqeS0rVcFgxKQe9ZCcloX0wgMR0AW0CLSv2NjEmE4ArKA+Xam/1RgVTAQTyRbwPyDxZcFgzGBLKhNIv2xCb5LwzBMIMv6q2AgArKsjwUDEZBlrQsGYg9kYW0fZFMwCBMIEBOQ5a0LxnAuIMtbF4zhs4Aszzk8jOKDTdSFOYeHgTwygSzMOTwM4l0/zcEEsgPO4eHA9f8En/SAmEB2wDk8HLiz+T3sY9xdcQ4PB+psfu9+4RZmx5zDw4Hoty3fxaMTkD3gHB723Me2Xn69bfmWgOwR5/CwJ9bz6t9ZejN/cnit/wCxufHQOgQi9gAAAABJRU5ErkJggg==);
    margin: 0 20px 20px;
  }

}

/* ===========================
   Working-process CSS 
============================= */
.working-process-section__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
}

@media screen and (max-width: 1399px) {
  .working-process-section__content {
    max-width: 550px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 424px) {
  .working-process-section__content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    max-width: 239px;
  }
}

.working-process-section__content .process-item {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-image: url(data:image/png;base64,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);
  mask-image: url(data:image/png;base64,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);
  background: hsl(var(--black-six));
  max-width: 320px;
  height: 305px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
}

@media screen and (max-width: 1399px) {
  .working-process-section__content .process-item {
    height: 265px;
  }
}

@media screen and (max-width: 575px) {
  .working-process-section__content .process-item {
    height: 237px;
  }
}

.working-process-section__content .process-item:nth-child(2),
.working-process-section__content .process-item:nth-child(3) {
  -webkit-mask-image: url(data:image/png;base64,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);
  mask-image: url(data:image/png;base64,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);
}

.working-process-section__content .process-item::before {
  content: "";
  position: absolute;
  top: 43px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--gradient);
  z-index: -1;
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}

@media screen and (max-width: 1399px) {
  .working-process-section__content .process-item::before {
    top: 31px;
  }
}

@media screen and (max-width: 767px) {
  .working-process-section__content .process-item::before {
    width: 80px;
    height: 80px;
    top: 40px;
  }
}

@media screen and (max-width: 575px) {
  .working-process-section__content .process-item::before {
    top: 39px;
  }
}

.working-process-section__content .process-item.active::before,
.working-process-section__content .process-item:hover::before {
  top: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.working-process-section__content .process-item.active .icon,
.working-process-section__content .process-item:hover .icon {
  background: hsl(var(--black-six));
}

.working-process-section__content .process-item.active .icon i,
.working-process-section__content .process-item:hover .icon i {
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.working-process-section__content .process-item.active .number,
.working-process-section__content .process-item.active p,
.working-process-section__content .process-item:hover .number,
.working-process-section__content .process-item:hover p {
  color: hsl(var(--black));
}

.working-process-section__content .process-item .icon {
  width: 102px;
  height: 102px;
  margin: 0 auto;
  border-radius: 68px;
  background: var(--gradient);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: hsl(var(--black));
  font-size: 3.625rem;
  line-height: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

@media screen and (max-width: 1199px) {
  .working-process-section__content .process-item .icon {
    font-size: 3.75rem;
  }
}

@media screen and (max-width: 991px) {
  .working-process-section__content .process-item .icon {
    font-size: 3.625rem;
  }
}

@media screen and (max-width: 575px) {
  .working-process-section__content .process-item .icon {
    font-size: 3.563rem;
  }
}

@media screen and (max-width: 767px) {
  .working-process-section__content .process-item .icon {
    width: 80px;
    height: 80px;
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .working-process-section__content .process-item .icon {
    font-size: 2.438rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .working-process-section__content .process-item .icon {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .working-process-section__content .process-item .icon {
    font-size: 2.313rem;
  }
}

.working-process-section__content .process-item .icon i {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.working-process-section__content .process-item .number {
  font-size: 3.625rem;
  font-weight: 700;
  font-family: var(--title-font);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: hsl(var(--white));
  line-height: 1;
  padding: 25px 0 2px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  letter-spacing: -1px;
  min-width: 200px;
}

@media screen and (max-width: 1199px) {
  .working-process-section__content .process-item .number {
    font-size: 3.75rem;
  }
}

@media screen and (max-width: 991px) {
  .working-process-section__content .process-item .number {
    font-size: 3.625rem;
  }
}

@media screen and (max-width: 575px) {
  .working-process-section__content .process-item .number {
    font-size: 3.563rem;
  }
}

@media screen and (max-width: 1399px) {
  .working-process-section__content .process-item .number {
    font-size: 3rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 1199px) {
  .working-process-section__content .process-item .number {
    font-size: 3.063rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 991px) {
  .working-process-section__content .process-item .number {
    font-size: 3rem;
  }
}

@media screen and (max-width: 1399px) and (max-width: 575px) {
  .working-process-section__content .process-item .number {
    font-size: 2.938rem;
  }
}

@media screen and (max-width: 767px) {
  .working-process-section__content .process-item .number {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 1199px) {
  .working-process-section__content .process-item .number {
    font-size: 2.438rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 991px) {
  .working-process-section__content .process-item .number {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 575px) {
  .working-process-section__content .process-item .number {
    font-size: 2.313rem;
  }
}

@media screen and (max-width: 575px) {
  .working-process-section__content .process-item .number {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 575px) and (max-width: 1199px) {
  .working-process-section__content .process-item .number {
    font-size: 1.813rem;
  }
}

@media screen and (max-width: 575px) and (max-width: 991px) {
  .working-process-section__content .process-item .number {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 575px) and (max-width: 575px) {
  .working-process-section__content .process-item .number {
    font-size: 1.688rem;
  }
}

.working-process-section__content .process-item p {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.we-do-item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.we-do-item:hover .icon i {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.we-do-item:hover h4 a {
  background: var(--gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.we-do-item .image-effect {
  border-radius: 12px;
}

.we-do-item .icon {
  display: inline-block;
  position: absolute;
  z-index: 11;
  right: 0;
  background: hsl(var(--black-five));
  border-bottom-left-radius: 10px;
  padding: 15px 20px;
}

.we-do-item .icon i {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  color: hsl(var(--white));
  font-size: 1.3rem;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
}

.we-do-item .icon::before,
.we-do-item .icon::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  -webkit-filter: invert(3%) sepia(6%) saturate(5209%) hue-rotate(66deg) brightness(5%) contrast(93%);
  filter: invert(3%) sepia(6%) saturate(5209%) hue-rotate(66deg) brightness(5%) contrast(93%);
}

.we-do-item .icon::before {
  top: 0;
  left: -10px;
  background: url("../images/blog/blog-linebar.png");
  background-size: cover;
  background-position: center;
}

.we-do-item .icon::after {
  bottom: -10px;
  right: 0px;
  background: url("../images/blog/blog-linebar.png");
  background-size: cover;
  background-position: center;
}

.we-do-item .we-do-text {
  display: inline-block;
  position: absolute;
  z-index: 11;
  left: 0;
  bottom: 0;
  background: hsl(var(--black-five));
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 30px 0 0;
}

.we-do-item .we-do-text::before,
.we-do-item .we-do-text::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  -webkit-filter: invert(3%) sepia(6%) saturate(5209%) hue-rotate(66deg) brightness(5%) contrast(93%);
  filter: invert(3%) sepia(6%) saturate(5209%) hue-rotate(66deg) brightness(5%) contrast(93%);
}

.we-do-item .we-do-text::before {
  top: -10px;
  left: 0px;
  background: url("../images/blog/blog-linebar-bottom.png");
  background-size: cover;
  background-position: center;
}

.we-do-item .we-do-text::after {
  bottom: 0px;
  right: -10px;
  background: url("../images/blog/blog-linebar-bottom.png");
  background-size: cover;
  background-position: center;
}

/* ===========================
   Testimonials CSS 
============================= */
.testimonials-slider__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  background: hsl(var(--black-two));
  position: relative;
  padding: 40px;
  gap: 30px;
  z-index: 1;
}

@media screen and (max-width: 424px) {
  .testimonials-slider__item {
    padding: 24px;
  }
}

.testimonials-slider__item::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("../images/shape/testimonial.png");
  background-size: cover;
  background-position: right bottom;
  width: 420px;
  height: 410px;
  opacity: 0.03;
  z-index: -1;
}

.testimonials-slider__item .question {
  font-size: 3rem;
  line-height: 0;

  i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background: var(--gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
  }
}

@media screen and (max-width: 575px) {
  .testimonials-slider__item .question {
    display: none;
  }
}

.testimonials-slider__item .body-text p {
  margin-top: -5px;
}

.testimonials-slider__item .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  margin-top: 30px;
}

.testimonials-slider__item .user .img {
  border-radius: 5px;
  overflow: hidden;
  width: 80px;
  height: 80px;
}

.testimonials-slider__item .user p {
  padding: 10px 0 3px;
}

.testimonials-slider__item .user ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.testimonials-slider__item .user ul li {
  color: hsl(var(--warning));
}

.testimonials-slider-two {
  position: relative;
}

.testimonials-slider-two .testimonials-slider__item {
  padding: 30px;
}

.testimonials-slider-two .testimonials-slider__item::before {
  width: 300px;
  height: 270px;
}

.testimonials-slider-two .testimonials-slider__item .img {
  min-width: 90px;
  height: 90px;
  border-radius: 100%;
}

@media screen and (max-width: 374px) {
  .testimonials-slider-two .testimonials-slider__item .img {
    min-width: 60px;
    height: 60px;
    width: 60px;
  }
}

.testimonials-slider-two .testimonials-slider__item .img img {
  width: 100%;
  height: 100%;
}

.testimonials-slider-two .testimonials-slider__item .body-text {
  display: -ms-grid;
  display: grid;
  gap: 24px;
}

.testimonials-slider-two .testimonials-slider__item .flaticon-quote::before {
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.5rem;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  display: inline-block;
  line-height: .7;
}

.swiper--prev,
.swiper--next {
  --swiper-p: -55px;
  position: absolute;
  min-width: 50px;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  i {
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
}

@media screen and (max-width: 991px) {

  .swiper--prev,
  .swiper--next {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    --swiper-p: -10px;
  }
}

@media screen and (max-width: 991px) {
  .testimonial-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
  }
}

.swiper--prev {
  left: var(--swiper-p);
}

.swiper--next {
  right: var(--swiper-p);
}

.testimonials-four-section {
  .testimonials-slider__item {
    &::before {
      width: 100%;
      height: 100%;
      background-image: url(../images/shape/testimonial-two.png);
      opacity: .8;
    }
  }
}

/* ===========================
   Call-to-action CSS 
============================= */
.call-to-action-section {
  position: relative;
  z-index: 1;
}

.call-to-action-section::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 450px;
  z-index: -1;
  background-image: url("../images/shape/action-shape.png");
  background-size: cover;
  background-position: center;
}

.call-to-action-section__img {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.call-to-action-section__img .image-effect {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.call-to-action-section__img .image-effect:nth-child(1) {
  -webkit-mask-image: url(data:image/png;base64,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);
  mask-image: url(data:image/png;base64,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);
}

.call-to-action-section__img .image-effect:nth-child(2) {
  -webkit-mask-image: url(data:image/png;base64,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);
  mask-image: url(data:image/png;base64,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);
}



/* ===========================
   Contact CSS 
============================= */
.contact-info-item {
  background: hsl(var(--black-six));
  padding: 50px 30px;
  text-align: center;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 991px) {
  .contact-info-item {
    padding: 40px 10px;
  }
}

.contact-info-item::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  padding: 0.0625rem;
  background: var(--gradient);
  border-radius: inherit;
  --m: conic-gradient(#000 0 0);
  -webkit-mask: var(--m) content-box, var(--m);
  mask: var(--m) content-box exclude, var(--m);
  opacity: 0;
}

.contact-info-item:hover {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

.contact-info-item:hover::before {
  opacity: 1;
}

.contact-info-item:hover h4 {
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.contact-info-item img {
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}

.contact-info-item i {
  font-size: 40px;
  color: hsl(var(--white));
}

.contact-info-item h4 {
  padding: 24px 0 15px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.contact-info-item p {
  max-width: 230px;
  margin: 0 auto;
}

@media screen and (max-width: 991px) {
  .contact-info-item p {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 991px) and (max-width: 1199px) {
  .contact-info-item p {
    font-size: 0.8125rem;
  }
}

.contact-info-item p a {
  color: hsl(var(--body-color));
}

.contact-info-item p a:hover {
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.touch-contact {
  background: hsl(var(--black-six));
  border-radius: 10px;
  padding: 100px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1399px) {
  .touch-contact {
    padding: 60px;
  }
}

@media screen and (max-width: 991px) {
  .touch-contact {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .touch-contact {
    padding: 40px;
  }
}

@media screen and (max-width: 374px) {
  .touch-contact {
    padding: 40px 20px;
  }
}

.touch-contact::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  padding: 0.0625rem;
  background: var(--gradient);
  border-radius: inherit;
  --m: conic-gradient(#000 0 0);
  -webkit-mask: var(--m) content-box, var(--m);
  mask: var(--m) content-box exclude, var(--m);
  opacity: 0;
}

.touch-contact:hover::before {
  opacity: 1;
}

.touch-contact .touch-left h2 {
  margin-top: -10px;
  margin-bottom: 45px;
}

@media screen and (max-width: 424px) {
  .touch-contact .touch-left h2 {
    margin-bottom: 30px;
    margin-top: -5px;
  }
}

.touch-contact iframe {
  width: 100%;
  height: 500px;
  border-radius: 10px;
}

@media screen and (max-width: 991px) {
  .touch-contact iframe {
    height: 350px;
  }
}

.touch-contact form {
  display: -ms-grid;
  display: grid;
  gap: 24px;
}

.touch-contact form .form-control {
  background: none;
  border: 1px solid hsl(var(--white)/0.1);
  border-radius: 10px;
  padding: 19px 15px;
  color: hsl(var(--white));
}

@media screen and (max-width: 424px) {
  .touch-contact form .form-control {
    padding: 15px;
  }
}

.touch-contact form .form-control::-webkit-input-placeholder {
  color: hsl(var(--gray));
}

.touch-contact form .form-control::-moz-placeholder {
  color: hsl(var(--gray));
}

.touch-contact form .form-control:-ms-input-placeholder {
  color: hsl(var(--gray));
}

.touch-contact form .form-control::-ms-input-placeholder {
  color: hsl(var(--gray));
}

.touch-contact form .form-control::placeholder {
  color: hsl(var(--gray));
}

.touch-contact form .form-check-input {
  background-color: unset;
  border: 1px solid hsl(var(--border-color));
}

.touch-contact form textarea {
  height: 200px;
}

/* ===========================
   Cursor-effect CSS 
============================= */
.cursor,
.cursor-trail {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000;
}

@media screen and (max-width: 991px) {

  .cursor,
  .cursor-trail {
    display: none;
  }
}

.cursor {
  width: 5px;
  height: 5px;
  background-color: hsl(var(--white));
}

.cursor-trail {
  width: 30px;
  height: 30px;
  background-color: hsl(var(--white)/0.3);
}

/* ================================= 
    Scroll back to top Css 
=================================== */
.progress-wrap {
  position: fixed;
  right: 50px;
  bottom: 50px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 100px;
  -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  background: none;
}

@media screen and (max-width: 991px) {
  .progress-wrap {
    right: 10px;
    bottom: 20px;
    height: 35px;
    width: 35px;
  }
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.progress-wrap:hover::after {
  opacity: 0;
}

.progress-wrap:hover::before {
  opacity: 1;
}

.progress-wrap::before,
.progress-wrap::after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f062";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: hsl(var(--base));
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.progress-wrap svg path {
  fill: none;
}

.progress-wrap svg.progress-circle path {
  stroke: hsl(var(--base));
  stroke-width: 5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

/* ============================
    navbar css
=============================== */
.navbar-main {
  width: 100%;
  height: auto;
  z-index: 111;
  padding: 24px 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.navbar-main.navbar-shrink {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background: hsl(var(--section-bg));
  padding: 8px 0;
}

@media screen and (max-width: 991px) {
  .navbar-main .logo-img {
    height: 40px;
  }
}

.navbar-main .right-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.navbar-main .right-nav .btn {
  padding: 13px 24px;
}

@media screen and (max-width: 450px) {
  .navbar-main .right-nav .btn {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .navbar-main .right-nav .btn {
    padding: 13px 17px;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-main .right-nav {
    gap: 10px;
  }
}

@media screen and (max-width: 991px) {
  .navbar-main .right-nav {
    gap: 5px;
  }
}

.navbar-toggler {
  background: var(--gradient);
  color: hsl(var(--black));
  opacity: 1;
  padding: 1px 8px;
  border-radius: 5px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media screen and (max-width: 767px) {
  .navbar-toggler {
    padding: 1px 8px;
  }
}

.navbar-toggler svg {
  width: 35px;
  height: 35px;
}

.navbar-nav {
  gap: 1.5rem;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .navbar-nav {
    gap: 0.9375rem;
  }
}

@media screen and (max-width: 991px) {
  .navbar-nav {
    gap: 0rem;
  }
}

.navbar-nav .nav-item .nav-link {
  color: hsl(var(--white)/0.85);
  font-size: 1rem;
  font-weight: 500;
  padding: 1.5625rem 0.3125rem;
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1199px) {
  .navbar-nav .nav-item .nav-link {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 991px) {
  .navbar-nav .nav-item .nav-link {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-nav .nav-item .nav-link {
    font-size: 0.9375rem;
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }
}

@media screen and (max-width: 1199px) and (max-width: 1199px) {
  .navbar-nav .nav-item .nav-link {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 991px) {
  .navbar-nav .nav-item .nav-link {
    padding: 0.625rem;
    color: hsl(var(--white));
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 991px) and (max-width: 1199px) {
  .navbar-nav .nav-item .nav-link {
    font-size: 0.875rem;
  }
}

.navbar-nav .nav-item .nav-link.active,
.navbar-nav .nav-item .nav-link:hover {
  background: var(--gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}

.navbar-nav .nav-item .nav-link.active span::before,
.navbar-nav .nav-item .nav-link:hover span::before {
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.navbar-nav .nav-item .dropdown-toggle::after {
  content: "\f107";
  font-weight: 900;
  font-family: "Font Awesome 6 free";
  border: 0;
}

@media screen and (max-width: 991px) {
  .navbar-nav .nav-item .dropdown-toggle::after {
    margin-left: auto;
  }
}

@media (max-width: 991.98px) {
  .navbar-nav .nav-item.dropdown .nav-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .navbar-nav .nav-item.dropdown .nav-link::after {
    content: "\f107";
    font-weight: 900;
    font-family: "Font Awesome 6 free";
    margin-left: auto;
  }
}

.navbar-nav .nav-item .dropdown-menu {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-top: 0;
  padding: 5px 10px;
  min-width: 220px;
  border: 1px solid hsl(var(--border-color));
  border-radius: 5px;
  gap: 5px;
}

@media all and (min-width: 991.98px) {
  .navbar-nav .nav-item .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
  }

  .navbar-nav .nav-item .dropdown-menu.fade-down {
    top: 80%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }

  .navbar-nav .nav-item .dropdown-menu.fade-up {
    top: 100%;
  }
}

.navbar-nav .nav-item .dropdown-menu a {
  margin: 5px 0;
  background: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  font-weight: 500;
  font-size: 0.875rem;
  border: 0;
  color: hsl(var(--gray3));
  padding: 8px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 600;
  border-radius: 5px;
}

.navbar-nav .nav-item .dropdown-menu a::after {
  content: "\f061";
  font-weight: 900;
  font-family: "Font Awesome 6 free";
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.navbar-nav .nav-item .dropdown-menu a.active,
.navbar-nav .nav-item .dropdown-menu a:hover {
  color: hsl(var(--black));
  background: var(--gradient);
  -webkit-text-fill-color: hsl(var(--black));
}

.navbar-nav .nav-item .dropdown-menu a.active::before,
.navbar-nav .nav-item .dropdown-menu a:hover::before {
  opacity: 1;
  width: 10px;
}

.navbar-nav .nav-item .dropdown-menu a.active::after,
.navbar-nav .nav-item .dropdown-menu a:hover::after {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}

.navbar-nav .nav-item:hover .nav-link {
  color: hsl(var(--primary));
}

.navbar-nav .nav-item:hover .dropdown-menu {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
}

@media all and (min-width: 991.98px) {
  .navbar-nav .nav-item:hover .dropdown-menu {
    visibility: visible;
    top: 100%;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}

@media screen and (max-width: 767px) {
  #offcanvasNavbar .btn {
    padding: 15px 20px;
  }
}


.navbar .megamenu {
  padding: 1rem;

  .col-megamenu {
    a {
      display: grid;
      margin: 0;
      padding: 0;
      border-radius: 6px;
      overflow: hidden;
      border: 1px solid hsl(var(--base)/.5);
      transition: all .4s;

      &::after {
        display: none;
      }
    }

    .title {}
      -webkit-text-fill-color: hsl(var(--white));
      color: hsl(var(--white));
      background-color: hsl(var(--black));
      text-align: center;
      padding: 15px 5px;
      transition: all .4s;
      font-size: 14px;

      span {
        font-weight: 900;
        background: var(--gradient);
        background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 16px;
      }
    
  }
}

@media all and (min-width: 992px) {
  .navbar .has-megamenu {
    position: static !important;
  }

  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
    padding: 24px !important;
  }

}

@media(max-width: 991px) {
  .navbar .megamenu {
    padding: 18px !important;
  }

  .navbar.fixed-top .navbar-collapse,
  .navbar.sticky-top .navbar-collapse {
    overflow-y: auto;
    max-height: 90vh;
    margin-top: 10px;
  }
}

.card___btn {
  border-radius: 100px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 5px;

  @media screen and (max-width: 767px) {
    margin-right: 10px;
  }

  &:hover {
    .card-number {
      -webkit-text-fill-color: hsl(var(--black));
    }
  }

  .card-number {
    background: var(--gradient);
    min-width: 20px;
    border-radius: 50px;
    height: 20px;
    color: hsl(var(--black));
    font-weight: 600;
    text-align: center;
    position: absolute;
    top: -1px;
    right: -3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
  }
}

/* ============================
    footer css
=============================== */
.footer-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.footer-area::before {
  content: "";
  position: absolute;
  top: -50%;
  left: 0;
  height: 410px;
  width: 100%;
  border-radius: 122.5625rem;
  z-index: -1;
  opacity: 0.15;
  background: var(--gradient);
  -webkit-filter: blur(73.8499984741px);
  filter: blur(73.8499984741px);
}

.footer-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url("../images/shape/footer-shape.png");
}

.footer-widget {
  padding: 5rem 0;
}

.footer-widget__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 312px;
  grid-template-columns: 1fr 1fr 312px;
  row-gap: 3.125rem;
}

@media screen and (max-width: 767px) {
  .footer-widget__content {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .footer-widget__content .footer-widget__item:last-child {
    grid-column: 1/-1;
  }
}

.footer-widget__item h4 {
  padding-bottom: 1.875rem;
  color: hsl(var(--white));
}

.footer-widget__item h6 {
  padding-bottom: 0.5rem;
  color: hsl(var(--white)/0.9);
}

.footer-widget__item p {
  color: hsl(var(--white)/0.8);
  line-height: 1.7;
}

.footer-widget__item p a {
  color: hsl(var(--white)/0.8);
}

.footer-widget__item p a:hover {
  color: hsl(var(--base));
}

.footer-widget__item .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.9375rem;
  margin-top: 1.25rem;
}

@media screen and (max-width: 991px) {
  .footer-widget__item .social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.footer-widget__item .social a {
  font-size: 1.125rem;
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 100%;
  border: 0.0625rem solid hsl(var(--border-color));
  color: hsl(var(--gray));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-text-fill-color: hsl(var(--gray));
}

@media screen and (max-width: 1199px) {
  .footer-widget__item .social a {
    font-size: 1.0625rem;
  }
}

@media screen and (max-width: 991px) {
  .footer-widget__item .social a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 575px) {
  .footer-widget__item .social a {
    font-size: 0.9375rem;
  }
}

.footer-widget__item .social a.active,
.footer-widget__item .social a:hover {
  background: var(--gradient);
  color: hsl(var(--black));
  -webkit-text-fill-color: hsl(var(--black));
  border-color: hsl(var(--black));
}

.footer-widget__item .useful-list {
  display: -ms-grid;
  display: grid;
  gap: 0.9375rem;
}

.footer-widget__item .useful-list a {
  font-size: 1rem;
  font-weight: 500;
  color: hsl(var(--white)/0.8);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
}

@media screen and (max-width: 1199px) {
  .footer-widget__item .useful-list a {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 991px) {
  .footer-widget__item .useful-list a {
    font-size: 0.875rem;
  }
}

.footer-widget__item .useful-list a::before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.375rem;
  line-height: 0;
}

.footer-widget__item .useful-list a:hover {
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footer-widget__item .footer-email a {
  font-size: 1rem;
  color: hsl(var(--gray-two));
  border-bottom: 1px solid hsl(var(--gray-two));
  padding-bottom: 4px;
}

@media screen and (max-width: 1199px) {
  .footer-widget__item .footer-email a {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 991px) {
  .footer-widget__item .footer-email a {
    font-size: 0.875rem;
  }
}

.footer-widget__item .footer-phone h4 {
  padding-bottom: 0;
  padding-top: 20px;
}

.footer-widget__form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.875rem;
  position: relative;
}

.footer-widget__form form input {
  width: 100%;
  height: 3.75rem;
  background: hsl(var(--black-four));
  border-radius: 0.5rem;
  border-radius: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 1.25rem;
  padding-right: 8rem;
  border: 0px solid hsl(var(--border-color));
  color: hsl(var(--white));
  font-size: 0.875rem;
  border-radius: 0.375rem;
}

@media screen and (max-width: 1199px) {
  .footer-widget__form form input {
    font-size: 0.8125rem;
  }
}

.footer-widget__form form button {
  width: 7rem;
  height: 2.75rem;
  position: absolute;
  right: 0.4375rem;
  padding-left: 0;
  padding-right: 0;
  line-height: 0;
}

.copy-right__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 0.09375rem solid hsl(var(--border-color)/0.1);
  padding: 1.25rem 0;
}

@media screen and (max-width: 767px) {
  .copy-right__content {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.625rem;
  }
}

.copy-right__text {
  color: hsl(var(--white)/0.8);
  font-size: 1rem;
}

@media screen and (max-width: 1199px) {
  .copy-right__text {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 991px) {
  .copy-right__text {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 767px) {
  .copy-right__text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
  }
}

.copy-right__text a {
  color: hsl(var(--white));
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .copy-right .nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.copy-right .nav a {
  color: hsl(var(--gray));
}

.copy-right .nav a:hover {
  color: hsl(var(--base));
}

/* ============================
    breadcrumb css
=============================== */
.breadcrumb {
  padding: 280px 0 200px;
  background: hsl(var(--white)/0.02);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  background-image: url("../images/banner/breadcrumb-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: hsl(var(--black)/0.85);
}

@media screen and (max-width: 991px) {
  .breadcrumb {
    padding: 180px 0 60px;
  }
}

.breadcrumb .banner-shape {
  position: absolute;
  top: 58%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
  opacity: 0.3;
}

.breadcrumb__wrapper {
  text-align: center;
  position: relative;
}

.breadcrumb__web {
  text-align: center;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #D1D1D0;
  -webkit-text-fill-color: transparent;
  font-size: 5.4375rem;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
  text-transform: capitalize;
  opacity: 0.2;
}

.breadcrumb__title {
  color: hsl(var(--white));
  margin-top: -30px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .breadcrumb__title {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 991px) and (max-width: 1199px) {
  .breadcrumb__title {
    font-size: 1.813rem;
  }
}

@media screen and (max-width: 991px) and (max-width: 991px) {
  .breadcrumb__title {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 991px) and (max-width: 575px) {
  .breadcrumb__title {
    font-size: 1.688rem;
  }
}

.breadcrumb__title span {
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-top: 15px;
}

.breadcrumb__item {
  font-size: 1.25rem;
  text-transform: capitalize;
  color: hsl(var(--white));
}

@media screen and (max-width: 1199px) {
  .breadcrumb__item {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 991px) {
  .breadcrumb__item {
    font-size: 1rem;
  }
}

.breadcrumb__item i {
  font-size: 0.875rem;
}

@media screen and (max-width: 1199px) {
  .breadcrumb__item i {
    font-size: 0.8125rem;
  }
}

.breadcrumb__item a {
  color: hsl(var(--white));
}

.breadcrumb__item a:hover {
  color: hsl(var(--base));
}

.breadcrumb .breadcrumb__item-text {
  background: var(--gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.breadcrumb__postType .btn {
  padding: 14px 24px;
}

.breadcrumb__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 30px;
  margin-top: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 10px;
}

.breadcrumb__date li {
  color: hsl(var(--gary-two));
  font-size: 16px;
  font-weight: 600;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.breadcrumb__date li:hover {
  color: hsl(var(--white));
}

.breadcrumb__date li::before {
  content: "․";
  font-size: 30px;
  line-height: 1;
  position: relative;
  top: -9px;
}

.breadcrumb__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  max-width: 530px;
  width: 100%;
}

.breadcrumb__form input {
  width: 100%;
  height: 4.25rem;
  background: hsl(var(--white));
  border-radius: 0.5rem;
  border-radius: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 1.25rem;
  padding-right: 7.5rem;
  border: 0px solid hsl(var(--border-color));
  color: hsl(var(--black));
  font-size: 0.875rem;
  border-radius: 0.375rem;
}

@media screen and (max-width: 1199px) {
  .breadcrumb__form input {
    font-size: 0.8125rem;
  }
}

.breadcrumb__form input::-webkit-input-placeholder {
  color: hsl(var(--gray));
}

.breadcrumb__form input::-moz-placeholder {
  color: hsl(var(--gray));
}

.breadcrumb__form input:-ms-input-placeholder {
  color: hsl(var(--gray));
}

.breadcrumb__form input::-ms-input-placeholder {
  color: hsl(var(--gray));
}

.breadcrumb__form input::placeholder {
  color: hsl(var(--gray));
}

.breadcrumb__form .btn {
  position: absolute;
  right: 0.4375rem;
}

.breadcrumb__generator-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 690px;
  margin: 25px auto 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}

@media screen and (max-width: 991px) {
  .breadcrumb__generator-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.breadcrumb__generator-btn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  row-gap: 10px;
}

.breadcrumb__generator-btn ul li {
  font-size: 1.0625rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 1199px) {
  .breadcrumb__generator-btn ul li {
    font-size: 1rem;
  }
}

@media screen and (max-width: 991px) {
  .breadcrumb__generator-btn ul li {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 575px) {
  .breadcrumb__generator-btn ul li {
    font-size: 0.875rem;
  }
}

.breadcrumb__generator-btn ul li:hover {
  color: hsl(var(--white));
}

.breadcrumb__ai__text {
  max-width: 702px;
  margin: 10px auto 10px;
}

.blog-details-breadcrumb {
  padding: 230px 0 150px;
}

@media screen and (max-width: 991px) {
  .blog-details-breadcrumb {
    padding: 150px 0 80px;
  }
}

.generator-breadcrumb {
  padding: 180px 0 100px;
}

@media screen and (max-width: 991px) {
  .generator-breadcrumb {
    padding: 150px 0 80px;
  }
}