/*-----------------------------------------------------------------------------------

    Template Name:figa - classified - car rental, real estate, job find
    Template URI: https://themes.pixelstrap.net/figa
    Description: This is Multipurpose Html Template
    Author: Pixelstrap
    Author URL: https://themeforest.net/user/pixelstrap

----------------------------------------------------------------------------------- */
/*=====================
  01. Variable Style
==========================*/
:root {
  --nunito-font: "Nunito", sans-serif;
  --open-sans: "Open Sans", sans-serif;
  --poppins: "Poppins", sans-serif;
  --white: 255, 255, 255;
  --black: 0, 0, 0;
  --theme-color: 249, 104, 87;
  --title-color: 31, 30, 34;
  --bg-color: 240, 240, 240;
  --content-color: 46, 46, 46;
  --dark-bg-color: 44, 43, 47;
}

/*=====================
  02. Typography Style
==========================*/
body {
  position: relative;
  font-size: 18px;
  font-family: var(--nunito-font);
  scroll-behavior: smooth;
  background-color: rgba(var(--white), 1);
  color: rgba(var(--content-color), 1);
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

ul,
ol {
  padding-left: 0;
  margin-bottom: 0;
}

a {
  text-decoration: none;
  transition: 0.4s ease;
  display: inline-block;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: none;
}

li {
  display: inline-block;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 300;
}

p {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1.5;
  margin-bottom: 0;
  color: rgba(var(--content-color), 0.6);
  font-weight: 500;
}

h1 {
  font-size: calc(24px + 26 * (100vw - 320px) / 1600);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0;
  font-family: var(--open-sans);
}

h2 {
  font-size: calc(22px + 16 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
}

h3 {
  font-size: calc(20px + 4 * (100vw - 320px) / 1600);
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

h4 {
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

h5 {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

h6 {
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
}

/*=====================
  03. reset Style
==========================*/
section,
.section-t-space {
  padding-top: calc(45px + 55 * (100vw - 320px) / 1600);
}

.section-b-space {
  padding-bottom: calc(45px + 55 * (100vw - 320px) / 1600);
}

.form-control:focus {
  box-shadow: none;
  outline: none;
  border-color: rgba(var(--title-color), 0.1);
}

@media (min-width: 1440px) {
  .container {
    max-width: 1540px;
  }
}
a {
  display: inline-block;
  line-height: 1.2;
}

button {
  background: transparent;
  outline: none;
  border: none;
}
button:focus {
  outline: none;
}

.flex-property {
  display: flex;
  align-items: center;
  gap: calc(15px + 15 * (100vw - 320px) / 1600);
  justify-content: center;
}

/*=====================
  04. Button Style
==========================*/
.btn-theme {
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 7px;
  padding: calc(10px + 2 * (100vw - 320px) / 1600) calc(15px + 12 * (100vw - 320px) / 1600);
  color: rgba(var(--white), 1);
  transition: 0.5s ease;
  z-index: 0;
}
.btn-theme:hover {
  border-color: rgba(var(--theme-color), 1);
  color: rgba(var(--theme-color), 1);
}
.btn-theme:hover::after {
  transform: translateX(100%);
}
.btn-theme:hover::before {
  transform: translateX(-100%);
}
.btn-theme::after, .btn-theme::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 25px solid rgba(var(--theme-color), 1);
  border-bottom: 25px solid rgba(var(--theme-color), 1);
  z-index: -1;
  transition: 0.5s ease;
}
.btn-theme::after {
  border-left: 25px solid transparent;
}
.btn-theme::before {
  border-right: 25px solid transparent;
}
.btn-theme span {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 700;
}

/*=====================
  05. title Style
==========================*/
.title-style {
  text-align: center;
  margin-block: calc(-7px + -5 * (100vw - 320px) / 1600) calc(20px + 30 * (100vw - 320px) / 1600);
}
.title-style:has(span) {
  margin-top: calc(-25px + -4 * (100vw - 320px) / 1600);
}
.title-style:has(span) h2 {
  margin-top: -42px;
}
.title-style span {
  font-weight: 800;
  font-size: calc(60px + 8 * (100vw - 320px) / 1600);
  font-family: var(--open-sans);
  background: linear-gradient(180deg, rgba(var(--theme-color), 1) 7%, rgba(var(--theme-color), 0) 79%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.title-style h2 {
  color: rgba(var(--dark-bg-color), 1);
  margin-bottom: 4px;
  font-family: var(--open-sans);
  font-weight: 700;
  margin-inline: auto;
}
.title-style p {
  width: 65%;
  margin-inline: auto;
}
@media (max-width: 991px) {
  .title-style p {
    width: 100%;
  }
}

/*=====================
  06. animation Style
==========================*/
@keyframes move-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes slide-in {
  from {
    transform: translateX(-30%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes smooth-scroll {
  0% {
    transform: translateY(-80px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  70% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  60% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
/*=====================
  07. header Style
==========================*/
header {
  position: relative;
  width: 100%;
  padding-block: 15px;
  transition: 0.4s ease;
  z-index: 9;
}
header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-block: 8px;
  background: rgba(var(--white), 1);
  animation: smooth-scroll 700ms linear;
  box-shadow: 0px 8px 23px 7px rgba(var(--dark-bg-color), 0.03);
}
@media (max-width: 991px) {
  header.sticky {
    animation: none;
  }
}
header.sticky .navbar-collapse {
  top: calc(50px + 4 * (100vw - 320px) / 1600) !important;
}
header .navbar {
  padding-block: 0;
}
header .navbar .header-logo img {
  width: calc(65px + 10 * (100vw - 320px) / 1600);
  height: auto;
}
header .navbar .navbar-toggler {
  padding: 0;
  font-size: unset;
  margin-right: 12px;
  border: none;
  margin-left: auto;
}
header .navbar .navbar-toggler:focus {
  box-shadow: none;
}
header .navbar .navbar-toggler .navbar-toggler-icon {
  width: 28px;
  height: 28px;
  filter: brightness(0) saturate(100%) invert(70%) sepia(64%) saturate(6073%) hue-rotate(330deg) brightness(110%) contrast(95%);
  display: block;
}
@media (max-width: 991px) {
  header .navbar .navbar-collapse {
    background: rgba(var(--white), 1);
    padding: calc(18px + 2 * (100vw - 320px) / 1600);
    position: absolute;
    top: calc(54px + 7 * (100vw - 320px) / 1600);
    left: 0;
    width: 100%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 6px;
  }
}
header .navbar .navbar-collapse.show .navbar-nav {
  transform: unset;
  opacity: 1;
  visibility: visible;
}
header .navbar .navbar-nav {
  gap: 40px;
}
@media (max-width: 991px) {
  header .navbar .navbar-nav {
    gap: 14px;
  }
}
header .navbar .navbar-nav .nav-item .nav-link {
  color: rgba(var(--black), 0.7);
  padding: 0;
  font-weight: 500;
  transition: 0.4s ease;
}
header .navbar .navbar-nav .nav-item .nav-link.active-link, header .navbar .navbar-nav .nav-item .nav-link:hover {
  color: rgba(var(--theme-color), 1);
}

/*=====================
  08. Home Style
==========================*/
.home-section .home-bg {
  background-image: url(../landing-images/home/home-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: calc(16px + 19 * (100vw - 320px) / 1600);
  overflow: hidden;
}
.home-section .home-bg .home-content {
  padding-block: calc(40px + 50 * (100vw - 320px) / 1600) calc(30px + 45 * (100vw - 320px) / 1600);
  text-align: center;
  position: relative;
  z-index: 0;
  padding-inline: 12px;
}
.home-section .home-bg .home-content .template-number {
  font-weight: 700;
  font-size: calc(30px + 93 * (100vw - 320px) / 1600);
  font-family: var(--poppins);
  background: linear-gradient(180deg, rgba(var(--theme-color), 0.43) 0%, rgba(var(--white), 0.23) 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px transparent;
  color: rgba(var(--title-color), 1);
  opacity: 0.8;
  position: absolute;
  bottom: -12%;
  right: -28%;
  z-index: -1;
}
@media (max-width: 991px) {
  .home-section .home-bg .home-content .template-number {
    position: relative;
    inset: unset;
    margin-top: calc(-10px + -12 * (100vw - 320px) / 672);
    display: inline-block;
  }
}
.home-section .home-bg .home-content h1 {
  color: rgba(var(--white), 1);
}
.home-section .home-bg .home-content p {
  color: rgba(var(--white), 0.6);
  margin-block: calc(10px + 3 * (100vw - 320px) / 1600) calc(20px + 25 * (100vw - 320px) / 1600);
}
.home-section .home-bg .home-content .btn-theme {
  padding-inline: 38px;
}
.home-section .home-bg .home-slider::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background-color: rgba(var(--title-color), 0.8);
  filter: blur(54px);
  z-index: 1;
}
.home-section .home-bg .slider-box {
  background-color: rgba(var(--dark-bg-color), 1);
  padding: calc(12px + 3 * (100vw - 320px) / 1600);
  border-radius: 16px 16px 0 0;
  padding-bottom: 0;
}
.home-section .home-bg .slider-box .demo-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(10px + 6 * (100vw - 320px) / 1600);
}
.home-section .home-bg .slider-box .demo-name h4 {
  color: rgba(var(--white), 1);
  font-family: var(--open-sans);
}
.home-section .home-bg .slider-box .demo-img img {
  width: 100%;
  object-fit: cover;
  border-radius: 14px 14px 0 0;
}

/*=====================
  09. Demo Style
==========================*/
.demo-section .title-style h2 {
  width: 28%;
}
@media (max-width: 1399px) {
  .demo-section .title-style h2 {
    width: 38%;
  }
}
@media (max-width: 991px) {
  .demo-section .title-style h2 {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .demo-section .title-style h2 {
    width: 58%;
  }
}
@media (max-width: 575px) {
  .demo-section .title-style h2 {
    width: 100%;
  }
}
.demo-section .demo-box:hover .demo-img::after {
  background: linear-gradient(180deg, rgb(249, 104, 87) 0%, rgb(31, 30, 34) 100%);
  opacity: 1;
  visibility: visible;
}
.demo-section .demo-box:hover .demo-title span i {
  transform: rotate(45deg);
}
.demo-section .demo-box:hover .demo-title h3 {
  color: rgba(var(--theme-color), 1);
}
.demo-section .demo-box .demo-img {
  background: rgba(var(--bg-color), 1);
  border-radius: 17px;
  transition: 0.5s ease;
  position: relative;
}
.demo-section .demo-box .demo-img img {
  border-radius: 17px;
}
.demo-section .demo-box .demo-img::after {
  content: "";
  position: absolute;
  inset: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  z-index: -1;
  border-radius: inherit;
  transition: all 1s ease-in-out;
  background: transparent;
  opacity: 0;
  visibility: hidden;
}
.demo-section .demo-box .demo-title {
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.demo-section .demo-box .demo-title h4 {
  color: rgba(var(--title-color), 1);
  font-weight: 600;
  transition: 0.5s ease;
}
.demo-section .demo-box .demo-title span {
  color: rgba(var(--theme-color), 1);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.demo-section .demo-box .demo-title span i {
  vertical-align: middle;
  transition: 0.4s ease;
  display: inline-block;
}

/*=====================
  10. feature Style
==========================*/
.feature-section .title-style h2 {
  width: 40%;
}
@media (max-width: 1199px) {
  .feature-section .title-style h2 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .feature-section .title-style h2 {
    width: 100%;
  }
}
.feature-section .feature-box {
  background-color: rgba(var(--bg-color), 1);
  text-align: center;
  border-radius: 8px;
  transition: 0.8s ease;
  border: 1px solid transparent;
}
.feature-section .feature-box:hover {
  background-color: rgba(var(--theme-color), 0.08);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
  border-color: rgba(var(--theme-color), 0.4);
}
.feature-section .feature-box:hover h3 {
  color: rgba(var(--theme-color), 1);
}
.feature-section .feature-box h3 {
  font-family: var(--open-sans);
  font-weight: 600;
  color: rgba(var(--title-color), 1);
  padding-top: 28px;
  transition: 0.8s ease;
  padding: calc(18px + 10 * (100vw - 320px) / 1600) 5px 0 5px;
}

/*=====================
  11. inner-page Style
==========================*/
.inner-page-section {
  background-color: rgba(var(--bg-color), 1);
  overflow: hidden;
}
.inner-page-section .title-style {
  margin-bottom: 0;
}
.inner-page-section .title-style p {
  margin-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
}
.inner-page-section .title-style .inner-section-tab {
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow: auto;
  justify-content: center;
  gap: calc(12px + 16 * (100vw - 320px) / 1600);
  margin-bottom: calc(25px + 40 * (100vw - 320px) / 1600);
}
@media (max-width: 991px) {
  .inner-page-section .title-style .inner-section-tab {
    justify-content: flex-start;
  }
}
.inner-page-section .title-style .inner-section-tab .nav-item .nav-link {
  background: rgba(var(--white), 1);
  padding: calc(6px + 6 * (100vw - 320px) / 1600) calc(15px + 21 * (100vw - 320px) / 1600);
  font-weight: 600;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  letter-spacing: 0.2px;
  color: rgba(var(--black), 1);
  border-radius: 7px;
}
.inner-page-section .title-style .inner-section-tab .nav-item .nav-link.active {
  background-color: rgba(var(--theme-color), 1);
  color: rgba(var(--white), 1);
}
.inner-page-section #tooltip {
  position: absolute;
  background: rgba(var(--theme-color), 1);
  padding: calc(6px + 2 * (100vw - 320px) / 1600) calc(10px + 5 * (100vw - 320px) / 1600);
  display: none;
  z-index: 2;
  white-space: nowrap;
  font-weight: 600;
  color: rgba(var(--theme-color), 1);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  color: rgba(var(--white), 1);
  border-radius: 7px;
  text-transform: capitalize;
}
.inner-page-section .inner-page-slider::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background-color: rgba(var(--title-color), 0.8);
  filter: blur(20px);
  z-index: 1;
}
.inner-page-section .slider-box {
  border-radius: 16px 16px 0 0;
  width: 100%;
}
.inner-page-section .slider-box img {
  border-radius: 16px 16px 0 0;
  width: 100%;
  object-fit: cover;
}

/*=====================
  12. device Style
==========================*/
.device-section {
  background: url(../landing-images/device-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1399px) {
  .device-section .container .row > div:nth-child(3) .device-box {
    border-left: none;
    padding-left: 0;
  }
}
.device-section .container .row > div + div .device-box {
  border-left: 1px solid rgba(var(--white), 0.15);
  padding-left: 40px;
}
@media (max-width: 767px) {
  .device-section .container .row > div + div .device-box {
    border-left: none;
    padding-left: 0;
  }
}
.device-section .title-style h2 {
  color: rgba(var(--white), 1);
}
.device-section .title-style p {
  color: rgba(var(--white), 0.6);
}
.device-section .device-box {
  display: flex;
  align-items: center;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
  padding-block: calc(10px + 8 * (100vw - 320px) / 1600);
}
@media (max-width: 575px) {
  .device-section .device-box {
    justify-content: center;
  }
}
.device-section .device-box .device-icon {
  width: calc(60px + 58 * (100vw - 320px) / 1600);
  height: calc(54px + 58 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 12px;
  z-index: 0;
}
.device-section .device-box .device-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 100% 100%, rgba(var(--dark-bg-color), 1) 0, rgba(var(--dark-bg-color), 1) 10.5px, transparent 10.5px) 0% 0%/12px 12px no-repeat, radial-gradient(circle at 0 100%, rgba(var(--dark-bg-color), 1) 0, rgba(var(--dark-bg-color), 1) 10.5px, transparent 10.5px) 100% 0%/12px 12px no-repeat, radial-gradient(circle at 100% 0, rgba(var(--dark-bg-color), 1) 0, rgba(var(--dark-bg-color), 1) 10.5px, transparent 10.5px) 0% 100%/12px 12px no-repeat, radial-gradient(circle at 0 0, rgba(var(--dark-bg-color), 1) 0, rgba(var(--dark-bg-color), 1) 10.5px, transparent 10.5px) 100% 100%/12px 12px no-repeat, linear-gradient(rgba(var(--dark-bg-color), 1), rgba(var(--dark-bg-color), 1)) 50% 50%/calc(100% - 2px) calc(100% - 24px) no-repeat, linear-gradient(rgba(var(--dark-bg-color), 1), rgba(var(--dark-bg-color), 1)) 50% 50%/calc(100% - 24px) calc(100% - 2px) no-repeat, linear-gradient(rgba(var(--content-color), 1) 0%, rgba(var(--theme-color), 1) 54%, rgba(var(--content-color), 1) 100%);
  border-radius: 12px;
  padding: 2px;
  box-sizing: border-box;
  z-index: -1;
  transition: 0.4s ease;
}
.device-section .device-box .device-icon img {
  width: calc(30px + 29 * (100vw - 320px) / 1600);
  height: calc(30px + 29 * (100vw - 320px) / 1600);
}
.device-section .device-box .device-content {
  width: calc(100% - (60px + 58 * (100vw - 320px) / 1600) - (10px + 10 * (100vw - 320px) / 1600));
}
@media (max-width: 575px) {
  .device-section .device-box .device-content {
    width: unset;
    min-width: 140px;
  }
}
.device-section .device-box .device-content h6 {
  font-weight: 500;
  color: rgba(var(--white), 0.7);
  margin-bottom: calc(5px + 2 * (100vw - 320px) / 1600);
}
.device-section .device-box .device-content h3 {
  font-weight: 600;
  color: rgba(var(--white), 1);
  font-family: var(--open-sans);
}

/*=====================
  13. core feature Style
==========================*/
.core-feature-section .core-feature-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(20px + 20 * (100vw - 320px) / 1600) calc(25px + 85 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
}
.core-feature-section .core-feature-list .core-feature-box {
  text-align: center;
  transition: 0.4s ease;
}
.core-feature-section .core-feature-list .core-feature-box:hover {
  transform: translateY(-8px);
}
.core-feature-section .core-feature-list .core-feature-box:hover .core-feature-icon img {
  animation: tada 1.5s ease infinite;
}
.core-feature-section .core-feature-list .core-feature-box:hover h5 {
  color: rgba(var(--theme-color), 1);
}
.core-feature-section .core-feature-list .core-feature-box .core-feature-icon {
  width: calc(90px + 28 * (100vw - 320px) / 1600);
  height: calc(90px + 28 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--white), 1);
  border: 1px solid rgba(var(--black), 0.07);
  box-shadow: 0 0 20px 0 rgba(var(--black), 0.05);
  border-radius: 100%;
  margin-inline: auto;
}
.core-feature-section .core-feature-list .core-feature-box .core-feature-icon img {
  width: calc(35px + 15 * (100vw - 320px) / 1600);
  height: calc(35px + 15 * (100vw - 320px) / 1600);
}
.core-feature-section .core-feature-list .core-feature-box h5 {
  font-weight: 700;
  margin-top: calc(3px + 4 * (100vw - 320px) / 1600);
  transition: 0.4s ease;
}

/*=====================
  14. support Style
==========================*/
.support-section .support-box {
  background: url(../landing-images/support-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  position: relative;
  padding: calc(20px + 20 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 1199px) {
  .support-section .support-box {
    flex-direction: column;
  }
}
.support-section .support-box .support-info {
  display: flex;
  align-items: center;
  gap: calc(12px + 14 * (100vw - 320px) / 1600);
  width: calc(100% - 175px);
}
@media (max-width: 1199px) {
  .support-section .support-box .support-info {
    flex-direction: column;
    width: 100%;
    gap: 5px;
  }
}
.support-section .support-box .support-info .support-icon {
  width: calc(80px + 52 * (100vw - 320px) / 1600);
  height: calc(78px + 51 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--white), 1);
  border-radius: 8px;
}
.support-section .support-box .support-info .support-icon img {
  width: calc(62px + 20 * (100vw - 320px) / 1600);
  height: calc(62px + 20 * (100vw - 320px) / 1600);
}
.support-section .support-box .support-info h2 {
  color: rgba(var(--white), 1);
  font-size: calc(22px + 10 * (100vw - 320px) / 1600);
  font-weight: 700;
  width: 58%;
}
@media (max-width: 1199px) {
  .support-section .support-box .support-info h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
}
.support-section .support-box .btn-theme {
  color: rgba(var(--title-color), 1);
}
.support-section .support-box .btn-theme:hover {
  color: rgba(var(--white), 1);
  border-color: rgba(var(--white), 1);
}
.support-section .support-box .btn-theme::after, .support-section .support-box .btn-theme::before {
  border-top-color: rgba(var(--white), 1);
  border-bottom-color: rgba(var(--white), 1);
}

/*=====================
  15. testimonials Style
==========================*/
.testimonial-section .swiper-slide {
  height: unset;
}
.testimonial-section .testimonial-box {
  padding: calc(12px + 13 * (100vw - 320px) / 1600) calc(18px + 12 * (100vw - 320px) / 1600);
  background-color: rgba(var(--bg-color), 1);
  border-radius: 8px;
  height: 100%;
}
.testimonial-section .testimonial-box .testimonial-flex {
  display: flex;
  align-items: center;
  gap: calc(15px + 15 * (100vw - 320px) / 1600);
}
.testimonial-section .testimonial-box .testimonial-flex .testimonial-img {
  margin-left: 0;
}
.testimonial-section .testimonial-box .testimonial-flex .testimonial-img img {
  width: calc(60px + 18 * (100vw - 320px) / 1600);
  height: calc(60px + 18 * (100vw - 320px) / 1600);
  border-radius: 6px;
  object-fit: cover;
}
.testimonial-section .testimonial-box .testimonial-flex .qoute-img {
  margin-left: auto;
}
@media (max-width: 380px) {
  .testimonial-section .testimonial-box .testimonial-flex .qoute-img {
    width: 14%;
  }
}
.testimonial-section .testimonial-box .testimonial-flex .testimonial-content h5 {
  font-weight: 700;
  color: rgb(6, 10, 31);
}
.testimonial-section .testimonial-box .testimonial-flex .testimonial-content ul {
  display: flex;
  align-items: center;
  gap: 5px;
}
.testimonial-section .testimonial-box p {
  color: rgb(153, 153, 153);
  margin-top: calc(8px + 6 * (100vw - 320px) / 1600);
  font-weight: 400;
}

/*=====================
  16. footer Style
==========================*/
.footer-section {
  background-image: url(../landing-images/footer-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-block: calc(45px + 30 * (100vw - 320px) / 1600);
}
.footer-section .footer-content {
  width: 60%;
  text-align: center;
  margin-inline: auto;
}
@media (max-width: 1199px) {
  .footer-section .footer-content {
    width: 76%;
  }
}
@media (max-width: 767px) {
  .footer-section .footer-content {
    width: 100%;
  }
}
.footer-section .footer-content h2 {
  font-weight: 700;
  font-size: calc(22px + 28 * (100vw - 320px) / 1600);
  color: rgba(var(--white), 1);
  font-family: var(--open-sans);
  margin-top: calc(-8px + -7 * (100vw - 320px) / 1600);
}
.footer-section .footer-content p {
  font-weight: 500;
  color: rgba(var(--white), 0.6);
  width: 80%;
  margin-inline: auto;
  margin-block: calc(5px + 4 * (100vw - 320px) / 1600) calc(25px + 25 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  .footer-section .footer-content p {
    width: 100%;
  }
}
.footer-section .footer-content .btn-theme {
  display: inline-flex;
}

/*=====================
  17. back to top Style
==========================*/
.back-to-top {
  width: calc(30px + 10 * (100vw - 320px) / 1600);
  height: calc(30px + 10 * (100vw - 320px) / 1600);
  text-align: center;
  background-color: rgba(var(--theme-color), 1);
  color: #fff;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  right: calc(20px + 10 * (100vw - 320px) / 1600);
  bottom: calc(20px + 10 * (100vw - 320px) / 1600);
  cursor: pointer;
  z-index: 0;
  transition: 0.4s ease;
  transform-origin: left bottom;
  transform: scale(0) rotate(-15deg);
}
.back-to-top.show {
  transform: scale(1) rotate(-15deg);
}
.back-to-top:hover {
  transform: unset;
}
.back-to-top:hover::after {
  transform: unset;
  background: transparent;
}
.back-to-top::after {
  position: absolute;
  content: "";
  bottom: -12px;
  width: 100%;
  height: 11px;
  left: 0;
  transform: rotate(13deg);
  border-radius: 100%;
  filter: blur(3px);
  background: rgba(0, 0, 0, 0.12);
  transition: 0.4s ease;
}
.back-to-top i {
  font-size: calc(20px + 8 * (100vw - 320px) / 1600);
}

/*# sourceMappingURL=style.css.map */