/**
 * WEBSITE: https://themefisher.com
 * TWITTER: https://twitter.com/themefisher
 * FACEBOOK: https://www.facebook.com/themefisher
 * GITHUB: https://github.com/themefisher/
 */

{"version":3,"sources":["style.scss","_typography.scss","_variables.scss","style.css","_buttons.scss","_common.scss","_mixins.scss","_navbar.scss","templates/_navigation.scss","templates/_hero-area.scss","templates/_homepage.scss","templates/_about.scss","templates/_contact.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/*!------------------------------------------------------------------\n[MAIN STYLESHEET]\n\nPROJECT:\tProject Name\nVERSION:\tVersoin Number\n-------------------------------------------------------------------*/\n\n/*------------------------------------------------------------------\n[TABLE OF CONTENTS]\n-------------------------------------------------------------------*/\n\n@import 'variables';\n\n@import 'mixins';\n\n@import 'typography';\n\n@import 'buttons';\n\n@import 'common';\n\n@import \"navbar\";\n\n@import 'templates/navigation';\n\n@import 'templates/hero-area';\n\n@import 'templates/homepage';\n\n@import 'templates/about';\n\n@import 'templates/contact';\n\n/** Vvveb theme **/\n\nbody {\n\t> section, > footer, > header { \n\t\tposition:relative;\n\t\t//padding:5rem 0;\n\t\t\n\t\t&.bg-alternate:nth-child(even) {\n\t\t\tbackground-color:rgba(var(--bs-body-color-rgb), 0.05);\n\t\t}\n\t\t\n\t\t.background-container, .overlay {\n\t\t\tposition:absolute;\n\t\t\ttop:0;\n\t\t\tleft:0;\n\t\t\tz-index:-2;\n\t\t\twidth:100%;\n\t\t\theight:100%;\n\t\t\toverflow:hidden;\n\t\t\t\n\t\t\t&::before {\n\t\t\t}\n\t\t\t\n\t\t\timg, video {\n\t\t\t\twidth:auto;\n\t\t\t\theight:auto;\n\t\t\t\tmax-width: initial;\n\t\t\t\tmin-height: 100%;\n\t\t\t\tmin-width: 100%;\n\n\t\t\t\t//center hero image on mobile\n\t\t\t\t\n\t\t\t\t@media (max-width: 767.98px) {\n\t\t\t\t\tmargin: 0 0 0 -25%;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t@media (max-width: 575.98px) {\n\t\t\t\t\tmargin: 0 0 0 -50%;\t\n\t\t\t\t}\n\t\t\t\t\n\t\t\t}\n\t\t}\n\n\t\t.overlay {\n\t\t\tz-index:-1;\n\t\t\tbackground: #000;\n\t\t\topacity: 0.6;\n\t\t}\n\n\t\t.separator {\n\n\t\t\tz-index:2;\n\t\t\tposition:absolute;\n\t\t\twidth:100%;\n\t\t\t//height:5rem;\n\t\t\tcolor:#fff;\n\t\t\t\n\t\t\t/*> svg, */>  img {\n\t\t\t\twidth:100%;\n\t\t\t\theight:100%;\n\t\t\t}\n\t\t\t\n\t\t\t&.bottom {\n\t\t\t\tbottom:0;\n\t\t\t}\n\t\t\t\n\t\t\t&.top {\n\t\t\t\ttop:0px;\n\t\t\t}\n\t\t}\n\t\t/*\n\t\t&.overlay {\n\t\t\tposition: relative;\n\t\t\t\n\t\t\t\n\t\t\t&:before {\n\t\t\t\tz-index: 1;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\ttop: 0;\n\t\t\t\tcontent: \"\";\n\t\t\t\tbackground: rgba(0,0,0, 0.4);\n\t\t\t}\n\t\t}*/\n\t}\n}\n\n\n.logo-sticky {\n\tdisplay:none;\n}\n\n.logo-default-dark {\n\tdisplay:none;\n}\n\n.logo-default-dark-sticky {\n\tdisplay:none;\n}\n\n\n\ndiv.sticky {\n\t.logo-sticky {\n\t\tdisplay:unset;\n\t}\n\t.logo-default {\n\t\tdisplay:none;\n\t}\n\t.logo-default-dark {\n\t\tdisplay:none;\n\t}\n\t.logo-default-dark-sticky {\n\t\tdisplay:none;\n\t}\n\t.logo-dark {\n\t\tdisplay:none;\n\t}\n}\n\n[data-bs-theme=\"dark\"] {\n\n\t.logo-default-dark {\n\t\tdisplay:unset;\n\t}\n\n\t.logo-default {\n\t\tdisplay:none;\n\t}\n\n\n\tdiv.sticky {\n\t\t.logo-sticky {\n\t\t\tdisplay:none;\n\t\t}\n\t\t.logo-default-dark {\n\t\t\tdisplay:none;\n\t\t}\n\t\t.logo-default-dark-sticky {\n\t\t\tdisplay:unset;\n\t\t}\n\t}\n}\n\n\n.navbar-dark {\n\t.logo-default {\n\t\tdisplay:none;\n\t}\n\t.logo-default-dark {\n\t\tdisplay:unset;\n\t}\n}\n\n.navbar-light {\n\t.logo-default {\n\t\tdisplay:unset;\n\t}\n\t.logo-default-dark {\n\t\tdisplay:none;\n\t}\n}\n\n.search-area {\n\t&.toggle-hover {\n\t\tinput[type=search] {\n\t\t\twidth:0;\n\t\t\tvisibility:hidden;\n\t\t\ttransition:1s width;\n\t\t\tposition:absolute;\n\t\t\t//top:100%;\n\t\t\tright:2.9rem;\n\t\t\tbackground-color:var(--bs-body-bg);\n\t\t\tz-index:1;\n\t\t\t\n\t\t\t&:focus {\n\t\t\t\twidth:auto;\n\t\t\t\tvisibility:visible;\n\t\t\t}\n\t\t}\n\n\t\tbutton[type=submit] {\n\t\t\t\tpadding: 0 1rem;\n\t\t\t\theight:65px;\n\t\t\t\tbackground-color:transparent;\n\t\t}\n\n\t\tinput[type=search]:focus + button[type=submit] {\n\t\t\t\tbackground-color:var(--bs-success-bg-subtle);\n\t\t}\n\t\t\n\t\t\n\t\t&:hover {\n\t\t\tinput[type=search] {\n\t\t\t\twidth:auto;\n\t\t\t\tvisibility:visible;\n\t\t\t}\n\n\t\t\tbutton[type=submit] {\n\t\t\t\tbackground-color:var(--bs-success-bg-subtle);\n\t\t\t\tpadding: 0 1rem;\n\t\t\t\theight:65px;\n\t\t\t}\n\t\t}\n\t\t\n\t}\n}\n","/* 1.1 typography */\n@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');\n\nbody {\n  line-height: 31px;\n  font-family: $primary-font;\n  font-weight: 300;\n  -webkit-font-smoothing: antialiased;\n  font-size: 17px;\n}\n\np, .paragraph {\n  font-weight: 300;\n  //color: $text-color;\n  font-size: 17px;\n  line-height: 31px;\n  font-family: $primary-font;\n}\n\nh1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {\n  //color: $text-color-dark;\n  font-family: $primary-font;\n  font-weight: 600;\n  line-height: 1.5;\n}\n\nh1, .h1{\n  font-size: 56px;\n}\n\nh2, .h2{\n  font-size: 43px;\n}\n\nh3, .h3{\n  font-size: 37px;\n}\n\nh4, .h4{\n  font-size: 22px;\n}\n\nh5, .h5{\n  font-size: 16px;\n}\n\nh6, .h6{\n  font-size: 13px;\n}\n","// Color Variables\n$primary-color: #008dec;\n$text-color: #4d546f;\n$text-color-dark: #091337;\n$body-color: #fff;\n$gray:#f2f3f5;\n$dark: #212329;\n$black: #000;\n$white: #fff;\n\n$primary-gradient: linear-gradient( 25deg, rgb(23,255,211) 0%, rgb(211,252,113) 95%);\n$primary-gradient-alt: linear-gradient( 205deg, rgb(23,255,211) 0%, rgb(211,252,113) 95%);\n$secondary-gradient: linear-gradient( 6deg, rgb(23,255,211) 0%, rgb(35,227,238) 100%);\n$secondary-gradient-alt: linear-gradient( 186deg, rgb(23,255,211) 0%, rgb(35,227,238) 100%);\n$primary-shadow: 0px 35px 46px 0px rgba(172, 189, 199, 0.28);\n\n// Font Variables\n$primary-font: 'Poppins', sans-serif;\n$icon-font: 'themify';\n","/*!------------------------------------------------------------------\n[MAIN STYLESHEET]\n\nPROJECT:\tProject Name\nVERSION:\tVersoin Number\n-------------------------------------------------------------------*/\n/*------------------------------------------------------------------\n[TABLE OF CONTENTS]\n-------------------------------------------------------------------*/\n/* 1.1 typography */\n@import url(\"https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700\");\nbody {\n  line-height: 31px;\n  font-family: \"Poppins\", sans-serif;\n  font-weight: 300;\n  -webkit-font-smoothing: antialiased;\n  font-size: 17px;\n}\n\np, .paragraph {\n  font-weight: 300;\n  font-size: 17px;\n  line-height: 31px;\n  font-family: \"Poppins\", sans-serif;\n}\n\nh1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {\n  font-family: \"Poppins\", sans-serif;\n  font-weight: 600;\n  line-height: 1.5;\n}\n\nh1, .h1 {\n  font-size: 56px;\n}\n\nh2, .h2 {\n  font-size: 43px;\n}\n\nh3, .h3 {\n  font-size: 37px;\n}\n\nh4, .h4 {\n  font-size: 22px;\n}\n\nh5, .h5 {\n  font-size: 16px;\n}\n\nh6, .h6 {\n  font-size: 13px;\n}\n\n.btn {\n  font-size: 18px;\n  font-family: \"Poppins\", sans-serif;\n  text-transform: capitalize;\n  padding: 15px 60px;\n  font-weight: 400;\n  border: 0;\n  border-radius: 5px;\n  position: relative;\n  z-index: 1;\n  transition: 0.2s ease;\n}\n.btn:focus {\n  outline: 0;\n  box-shadow: none !important;\n}\n.btn:active {\n  box-shadow: none;\n}\n\n.btn-primary {\n  background-image: linear-gradient(25deg, rgb(23, 255, 211) 0%, rgb(211, 252, 113) 95%);\n  color: #091337;\n  transition: background 1s ease-out;\n}\n.btn-primary:active {\n  background: linear-gradient(25deg, rgb(23, 255, 211) 0%, rgb(211, 252, 113) 95%) !important;\n}\n.btn-primary:hover {\n  background: linear-gradient(205deg, rgb(23, 255, 211) 0%, rgb(211, 252, 113) 95%);\n  color: #091337;\n}\n\n.btn-secondary {\n  background-image: linear-gradient(6deg, rgb(23, 255, 211) 0%, rgb(35, 227, 238) 100%);\n  background-color: transparent;\n  color: #091337;\n}\n.btn-secondary:active {\n  background: linear-gradient(6deg, rgb(23, 255, 211) 0%, rgb(35, 227, 238) 100%) !important;\n}\n.btn-secondary:hover {\n  background: linear-gradient(186deg, rgb(23, 255, 211) 0%, rgb(35, 227, 238) 100%);\n  color: #091337;\n}\n\n.btn-lg {\n  padding: 15px 85px;\n}\n\nbody {\n  background-color: #fff;\n  overflow-x: hidden;\n}\n\n::selection {\n  background: #20a5ff;\n  color: #fff;\n}\n\n/* preloader */\n.preloader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #fff;\n  z-index: 999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\nol,\nul {\n  list-style-type: none;\n  margin: 0px;\n}\n\nimg {\n  vertical-align: middle;\n  border: 0;\n}\n\na,\na:hover,\na:focus {\n  text-decoration: none;\n}\n\na,\nbutton,\nselect {\n  cursor: pointer;\n  transition: 0.2s ease;\n}\na:focus,\nbutton:focus,\nselect:focus {\n  outline: 0;\n}\n\na:hover {\n  color: #008dec;\n}\n\n.slick-slide {\n  outline: 0;\n}\n\n.section {\n  padding-top: 130px;\n  padding-bottom: 130px;\n}\n.section-sm {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n.section-lg {\n  padding-top: 200px;\n  padding-bottom: 200px;\n}\n@media (max-width: 575px) {\n  .section-lg {\n    padding-top: 150px;\n    padding-bottom: 150px;\n  }\n}\n.section-title {\n  margin-bottom: 30px;\n}\n\n.bg-cover {\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n}\n\n/* overlay */\n.overlay {\n  position: relative;\n}\n.overlay::before {\n  position: absolute;\n  content: \"\";\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  background: #000;\n  opacity: 0.5;\n}\n\n.outline-0 {\n  outline: 0 !important;\n}\n\n.d-unset {\n  display: unset !important;\n}\n\n.page-title {\n  background-position: center center;\n  background-size: cover;\n  background-repeat: no-repeat;\n}\n\n.bg-primary {\n  background: #008dec !important;\n}\n\n.bg-gray {\n  background: #f2f3f5;\n}\n\n.text-primary {\n  color: #008dec !important;\n}\n\n.text-dark {\n  color: #091337 !important;\n}\n\n.text-purple {\n  color: #9491ff !important;\n}\n\n.text-color {\n  color: #4d546f;\n}\n\n.primary-shadow {\n  box-shadow: 0px 35px 46px 0px rgba(172, 189, 199, 0.28);\n}\n\n.border-blue {\n  border-color: #dcebf4 !important;\n}\n\n.shadow-primary {\n  box-shadow: 0px 35px 46px 0px rgba(172, 189, 199, 0.28);\n}\n\n.facebook {\n  color: #334bff;\n}\n\n.twitter {\n  color: #45d9f0;\n}\n\n.linkedin {\n  color: #1b91ff;\n}\n\n.black {\n  color: #000;\n}\n\n.mb-10 {\n  margin-bottom: 10px !important;\n}\n\n.mb-20 {\n  margin-bottom: 20px !important;\n}\n\n.mb-30 {\n  margin-bottom: 30px !important;\n}\n\n.mb-40 {\n  margin-bottom: 40px !important;\n}\n\n.mb-50 {\n  margin-bottom: 50px !important;\n}\n\n.mb-60 {\n  margin-bottom: 60px !important;\n}\n\n.mb-70 {\n  margin-bottom: 70px !important;\n}\n\n.mb-80 {\n  margin-bottom: 80px !important;\n}\n\n.mb-90 {\n  margin-bottom: 90px !important;\n}\n\n.mb-100 {\n  margin-bottom: 100px !important;\n}\n\n.pb-100 {\n  padding-bottom: 100px !important;\n}\n\n.translate-y-150 {\n  transform: translateY(150px);\n}\n@media (max-width: 575px) {\n  .translate-y-150 {\n    transform: translateY(0);\n  }\n}\n\n.left-right-animation {\n  animation: left_right 3s ease-in infinite alternate-reverse;\n}\n\n@keyframes left_right {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(-20px);\n  }\n}\n.up-down-animation {\n  animation: up_down 3s ease-in infinite alternate-reverse;\n}\n\n@keyframes up_down {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-20px);\n  }\n}\n.zindex-1 {\n  z-index: 1;\n}\n\n@media screen and (max-width: 767px) {\n  .navbar-collapse.show {\n    /*background: #fff;*/\n  }\n}\n@media screen and (min-width: 767px) {\n  .nav-toggle.show .nav-item.dropdown .dropdown-toggle + .dropdown-menu {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n  .dropdown-menu {\n    box-shadow: 0 0 28px rgba(var(--bs-body-color-rgb), 0.2);\n    border: none;\n  }\n  .nav-item.dropdown {\n    /*\n    > .nav-link.dropdown-toggle {\n    \tdisplay:none;\n    }\n\n    &.has-dropdown {\n    \t> .nav-link.dropdown-toggle {\n    \t\tdisplay:block;\n    \t}\n    }\n    */\n  }\n  .nav-item.dropdown .nav-item.dropdown > a:after {\n    display: inline-block;\n    margin-left: 0.255em;\n    vertical-align: 0.255em;\n    content: \"\";\n    border-top: 0.3em solid transparent;\n    border-right: 0.3em solid transparent;\n    border-bottom: 0.3em solid transparent;\n    border-left: 0.3em solid;\n    right: 0.5rem;\n    top: 40%;\n    position: absolute;\n  }\n  .nav-item.dropdown .dropdown-menu {\n    top: auto;\n    margin-top: -0.2rem;\n    -ms-transform: translateY(20px);\n    transform: translateY(20px);\n    opacity: 0;\n    display: block;\n    visibility: hidden;\n    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), right 0s linear 0.5s;\n  }\n  .nav-item.dropdown .dropdown-menu-end {\n    right: 0;\n  }\n  .nav-item.dropdown .dropdown-menu-start {\n    left: 0;\n  }\n  .nav-item.dropdown:hover > .dropdown-toggle + .dropdown-menu,\n  .nav-item.dropdown:hover > .dropdown-menu {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);\n  }\n  .nav-item.dropdown > .dropdown-menu .dropdown-menu {\n    left: 100%;\n    margin-top: auto;\n    top: 0;\n  }\n  .nav-item.dropdown .dropdown-toggle + .dropdown-menu {\n    top: auto;\n    -ms-transform: translateY(20px);\n    transform: translateY(20px);\n    opacity: 0;\n    display: block;\n    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), right 0s linear 0.5s;\n    box-shadow: 0 0 28px rgba(var(--bs-body-color-rgb), 0.2);\n    border: none;\n  }\n  .nav-item.dropdown .dropdown-toggle + .dropdown-menu.show {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n  .nav-item.dropdown .dropdown-toggle + .dropdown-menu:hover > .dropdown-menu {\n    transform: translateY(0);\n    opacity: 1;\n    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);\n  }\n  .nav-item.dropdown .dropdown-toggle + .dropdown-menu .dropdown-item {\n    padding: 0.7rem 2.5rem;\n  }\n}\n.navbar-light .navbar-nav .nav-link {\n  color: #091337;\n}\n\n.navigation {\n  transition: 0.3s ease;\n}\n\n.navbar {\n  transition: 0.3s ease;\n}\n@media (max-width: 991px) {\n  .navbar-collapse {\n    padding-bottom: 20px;\n  }\n}\n\n.nav-bg {\n  background-color: #fff;\n  box-shadow: 0px 10px 20px 0px rgba(0, 141, 236, 0.1);\n}\n.nav-bg .navbar {\n  padding: 10px 0;\n}\n\n.navbar-nav .nav-item {\n  padding: 20px 10px;\n}\n@media (max-width: 991px) {\n  .navbar-nav .nav-item {\n    padding: 0;\n  }\n}\n\n.hero-section {\n  padding-top: 250px;\n  padding-bottom: 250px;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: bottom center;\n  margin-bottom: 300px;\n}\n\n.banner-image {\n  position: absolute;\n  top: 110%;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.hero .container {\n  position: relative;\n}\n.hero-bg-1 {\n  position: absolute;\n  left: 30px;\n  top: 200px;\n}\n@media (max-width: 767px) {\n  .hero-bg-1 {\n    display: none;\n  }\n}\n.hero-bg-2 {\n  position: absolute;\n  top: 50%;\n  left: 20%;\n}\n@media (max-width: 767px) {\n  .hero-bg-2 {\n    display: none;\n  }\n}\n.hero-bg-3 {\n  position: absolute;\n  bottom: 0%;\n  left: 10%;\n}\n@media (max-width: 767px) {\n  .hero-bg-3 {\n    display: none;\n  }\n}\n.hero-bg-4 {\n  top: 210px;\n  right: 40%;\n  position: absolute;\n}\n@media (max-width: 767px) {\n  .hero-bg-4 {\n    display: none;\n  }\n}\n.hero-bg-5 {\n  position: absolute;\n  top: 250px;\n  right: 17%;\n}\n@media (max-width: 767px) {\n  .hero-bg-5 {\n    display: none;\n  }\n}\n.hero-bg-6 {\n  position: absolute;\n  right: 10%;\n  bottom: 20%;\n}\n@media (max-width: 767px) {\n  .hero-bg-6 {\n    display: none;\n  }\n}\n.hero-bg-7 {\n  position: absolute;\n  left: 20%;\n  bottom: -17%;\n  z-index: 1;\n}\n@media (max-width: 767px) {\n  .hero-bg-7 {\n    display: none;\n  }\n}\n.hero-bg-8 {\n  position: absolute;\n  bottom: -30%;\n  right: 50%;\n  z-index: 1;\n}\n@media (max-width: 767px) {\n  .hero-bg-8 {\n    display: none;\n  }\n}\n.hero-bg-9 {\n  position: absolute;\n  right: 20%;\n  bottom: -10%;\n  z-index: 1;\n}\n@media (max-width: 767px) {\n  .hero-bg-9 {\n    display: none;\n  }\n}\n\n.feature {\n  position: relative;\n}\n.feature-item h4 {\n  line-height: 1;\n}\n.feature-item p {\n  line-height: 25px;\n}\n.feature-item:hover .feature-icon {\n  box-shadow: 0px 18px 43px 0px rgba(0, 141, 236, 0.21);\n}\n.feature-bg-1 {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .feature-bg-1 {\n    display: none;\n  }\n}\n.feature-bg-2 {\n  position: absolute;\n  right: 0;\n  bottom: 10%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .feature-bg-2 {\n    display: none;\n  }\n}\n.feature-icon {\n  display: inline-block;\n  height: 90px;\n  width: 90px;\n  border-radius: 5px;\n  color: #fff;\n  font-size: 45px;\n  line-height: 90px;\n  background: #008dec;\n  box-shadow: 0px 18px 25px 0px rgba(0, 141, 236, 0.1);\n  text-align: center;\n  transition: 0.2s ease;\n}\n\n.seo {\n  position: relative;\n  overflow: visible;\n}\n.seo-bg {\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: -1;\n}\n@media (max-width: 1200px) {\n  .seo-bg {\n    max-width: 500px;\n  }\n}\n@media (max-width: 991px) {\n  .seo-bg {\n    max-width: 400px;\n  }\n}\n.seo-bg-shape-1 {\n  position: absolute;\n  left: 25%;\n  top: 0;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .seo-bg-shape-1 {\n    display: none;\n  }\n}\n.seo-bg-shape-2 {\n  position: absolute;\n  right: 2%;\n  top: 40%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .seo-bg-shape-2 {\n    display: none;\n  }\n}\n.seo-bg-shape-3 {\n  position: absolute;\n  left: 50%;\n  bottom: 0;\n  transform: translateX(-50%);\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .seo-bg-shape-3 {\n    display: none;\n  }\n}\n\n.service {\n  position: relative;\n  overflow: visible;\n}\n.service-list li {\n  margin-bottom: 30px;\n  color: #4d546f;\n}\n.service-list li i {\n  margin-right: 20px;\n  color: #4d546f;\n}\n.service-bg {\n  position: absolute;\n  right: 0;\n  top: -10%;\n  z-index: -1;\n}\n@media (max-width: 1200px) {\n  .service-bg {\n    max-width: 500px;\n  }\n}\n@media (max-width: 991px) {\n  .service-bg {\n    max-width: 400px;\n    top: 0;\n  }\n}\n.service-bg-shape-1 {\n  position: absolute;\n  left: 0;\n  top: 150px;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .service-bg-shape-1 {\n    display: none;\n  }\n}\n.service-bg-shape-2 {\n  position: absolute;\n  left: 40%;\n  bottom: 0;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .service-bg-shape-2 {\n    display: none;\n  }\n}\n\n.team {\n  overflow: visible;\n  position: relative;\n}\n.team-slider {\n  overflow: hidden;\n  padding-bottom: 100px;\n}\n.team-slider .slick-list {\n  overflow: visible;\n}\n.team-slider .slick-arrow {\n  border: 0;\n  background: transparent;\n  color: #008dec;\n  position: absolute;\n  bottom: 0;\n  z-index: 1;\n  font-size: 25px;\n}\n.team-slider .slick-arrow.slick-disabled {\n  color: #86ceff;\n}\n.team-slider .prevArrow {\n  left: 10px;\n}\n.team-slider .nextArrow {\n  left: 50px;\n}\n.team-member {\n  padding: 30px 45px;\n  background: #fff;\n  box-shadow: 0px 23px 43px 0px rgba(172, 189, 199, 0.49);\n  margin: 0 20px;\n}\n@media (max-width: 1200px) {\n  .team-member {\n    padding: 30px;\n  }\n}\n.team-bg {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  z-index: -1;\n}\n.team-bg-shape-1 {\n  position: absolute;\n  top: 100px;\n  left: 20px;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .team-bg-shape-1 {\n    display: none;\n  }\n}\n.team-bg-shape-2 {\n  position: absolute;\n  top: 100px;\n  right: -5px;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .team-bg-shape-2 {\n    display: none;\n  }\n}\n.team-bg-shape-3 {\n  position: absolute;\n  bottom: 20%;\n  right: 40%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .team-bg-shape-3 {\n    display: none;\n  }\n}\n.team-bg-shape-4 {\n  position: absolute;\n  bottom: 20%;\n  right: 180px;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .team-bg-shape-4 {\n    display: none;\n  }\n}\n\n.pricing {\n  position: relative;\n  overflow: visible;\n}\n.pricing-table {\n  padding: 50px 35px 30px;\n  transition: 0.2s ease;\n}\n@media (max-width: 1200px) {\n  .pricing-table {\n    padding: 30px 20px;\n  }\n}\n.pricing-table h1 {\n  font-size: 65px;\n}\n.pricing-table h1 span {\n  font-size: 20px;\n  vertical-align: top;\n  line-height: 65px;\n  margin-right: 5px;\n}\n.pricing-table:hover {\n  box-shadow: 0px 59px 43px 0px rgba(216, 233, 243, 0.3);\n}\n.pricing-table.table-1 {\n  background-image: linear-gradient(59deg, rgb(213, 252, 113) 0%, rgb(100, 254, 171) 95%);\n}\n.pricing-table.table-2 {\n  background-image: linear-gradient(59deg, rgb(6, 255, 223) 0%, rgb(66, 219, 239) 95%);\n}\n.pricing-table.table-3 {\n  background-image: linear-gradient(59deg, rgb(11, 252, 224) 0%, rgb(197, 253, 120) 95%);\n}\n.pricing-btn {\n  font-size: 25px;\n  font-weight: 700;\n  color: #091337;\n}\n@media (max-width: 1200px) {\n  .pricing-btn {\n    padding: 5px;\n  }\n}\n.pricing-btn:hover {\n  color: #008dec;\n}\n.pricing-bg-shape-1 {\n  position: absolute;\n  left: 30%;\n  top: 100px;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .pricing-bg-shape-1 {\n    display: none;\n  }\n}\n.pricing-bg-shape-2 {\n  position: absolute;\n  right: 10%;\n  top: 110px;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .pricing-bg-shape-2 {\n    display: none;\n  }\n}\n.pricing-bg-shape-3 {\n  position: absolute;\n  bottom: 20%;\n  left: 0;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .pricing-bg-shape-3 {\n    display: none;\n  }\n}\n\n.newsletter {\n  position: relative;\n}\n.newsletter-form {\n  height: 85px;\n  width: 100%;\n  padding: 0 40px;\n  border: 0;\n  background: #fff;\n  box-shadow: 0px 35px 46px 0px rgba(172, 189, 199, 0.28);\n  border-radius: 5px;\n}\n.newsletter-form:focus {\n  outline: 0;\n  box-shadow: 0;\n}\n.newsletter-btn {\n  position: absolute;\n  height: 100%;\n  background: #8986ff;\n  top: 0;\n  right: 0;\n  border-radius: 0 5px 5px 0;\n  font-weight: 700;\n  font-size: 18px;\n  color: #fff;\n  text-transform: uppercase;\n}\n@media (max-width: 575px) {\n  .newsletter-btn {\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n}\n.newsletter-bg-shape {\n  position: absolute;\n  top: 0;\n  right: 10%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .newsletter-bg-shape {\n    display: none;\n  }\n}\n\n.footer {\n  background-size: cover;\n  background-position: top center;\n  background-repeat: no-repeat;\n}\n.footer-section {\n  padding-top: 500px;\n  padding-bottom: 100px;\n}\n.footer-menu a {\n  color: #091337;\n  display: block;\n  padding: 15px;\n  font-weight: 400;\n}\n\n.social-icon li {\n  margin: 0 12px;\n}\n.social-icon li a {\n  height: 45px;\n  width: 45px;\n  background: #fff;\n  border-radius: 5px;\n  line-height: 45px;\n  display: block;\n  text-align: center;\n}\n\n.client-logo-slider img {\n  transition: 0.2s ease;\n}\n.client-logo-slider a:hover img {\n  transform: scale(1.2);\n}\n\n/* service page */\n.service-bg-image {\n  background-size: containe;\n  background-repeat: no-repeat;\n  background-position: center 400px;\n}\n\n.service-bg-1 {\n  position: absolute;\n  left: 50px;\n  top: 10%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .service-bg-1 {\n    display: none;\n  }\n}\n.service-bg-2 {\n  position: absolute;\n  right: 50px;\n  top: 10%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .service-bg-2 {\n    display: none;\n  }\n}\n.service-bg-3 {\n  position: absolute;\n  right: 50px;\n  top: 50%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .service-bg-3 {\n    display: none;\n  }\n}\n.service-bg-4 {\n  position: absolute;\n  left: 50px;\n  bottom: 30%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .service-bg-4 {\n    display: none;\n  }\n}\n.service-bg-5 {\n  position: absolute;\n  left: 10%;\n  bottom: 5%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .service-bg-5 {\n    display: none;\n  }\n}\n\n.about {\n  position: relative;\n  overflow: visible;\n}\n.about-video {\n  position: relative;\n}\n.about-video .play-btn {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.about-bg-1 {\n  position: absolute;\n  left: 30%;\n  top: 10%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .about-bg-1 {\n    display: none;\n  }\n}\n.about-bg-2 {\n  position: absolute;\n  top: 30%;\n  right: 40px;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .about-bg-2 {\n    display: none;\n  }\n}\n.about-bg-3 {\n  position: absolute;\n  bottom: 20%;\n  left: 30px;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .about-bg-3 {\n    display: none;\n  }\n}\n.about-bg-4 {\n  position: absolute;\n  top: 20%;\n  left: 40px;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .about-bg-4 {\n    display: none;\n  }\n}\n.about-bg-5 {\n  position: absolute;\n  bottom: 10%;\n  right: 40px;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .about-bg-5 {\n    display: none;\n  }\n}\n.about-bg-6 {\n  position: absolute;\n  top: 10%;\n  right: 10%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .about-bg-6 {\n    display: none;\n  }\n}\n\n.play-btn {\n  height: 70px;\n  width: 70px;\n  border-radius: 50%;\n  color: #fff;\n  line-height: 70px;\n  font-size: 20px;\n  text-align: center;\n  background: #7aff91;\n  display: inline-block;\n  transition: 0.2s ease;\n  box-shadow: 0px 23px 43px 0px rgba(94, 254, 198, 0.3);\n}\n.play-btn:hover {\n  color: #fff;\n  font-size: 30px;\n}\n\n.product {\n  position: relative;\n  overflow: visible;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center top;\n}\n\n.about-bg {\n  position: absolute;\n  left: 0;\n  top: 0px;\n  z-index: -1;\n}\n\n.form-control {\n  height: 65px;\n  width: 100%;\n  background: #f7fafc;\n}\n.form-control:focus {\n  border-color: #008dec;\n  box-shadow: none;\n}\n\ntextarea.form-control {\n  height: 157px;\n}\n\n.contact-bg {\n  background-color: #f3f7fb;\n}\n\n.round-icon {\n  height: 50px;\n  width: 50px;\n  border-radius: 50%;\n  font-size: 18px;\n  line-height: 50px;\n  display: inline-block;\n  vertical-align: middle;\n  text-align: center;\n}\n.round-icon.green {\n  background: #e0fef4;\n  color: #00f7a7;\n}\n.round-icon.blue {\n  background: #e0f1ff;\n  color: #008cff;\n}\n.round-icon.orange {\n  background: #fff1e0;\n  color: #ff8b00;\n}\n\n.contact {\n  position: relative;\n}\n.contact-bg-1 {\n  position: absolute;\n  left: 0;\n  top: 10%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .contact-bg-1 {\n    display: none;\n  }\n}\n.contact-bg-2 {\n  position: absolute;\n  top: 20%;\n  right: 10%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .contact-bg-2 {\n    display: none;\n  }\n}\n.contact-bg-3 {\n  position: absolute;\n  top: 10%;\n  left: 40%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .contact-bg-3 {\n    display: none;\n  }\n}\n.contact-bg-4 {\n  position: absolute;\n  bottom: 10%;\n  left: 10%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .contact-bg-4 {\n    display: none;\n  }\n}\n.contact-bg-5 {\n  position: absolute;\n  bottom: 10%;\n  right: 10%;\n  z-index: -1;\n}\n@media (max-width: 767px) {\n  .contact-bg-5 {\n    display: none;\n  }\n}\n\n/** Vvveb theme **/\nbody > section, body > footer, body > header {\n  position: relative;\n  /*\n  &.overlay {\n  \tposition: relative;\n\n\n  \t&:before {\n  \t\tz-index: 1;\n  \t\tposition: absolute;\n  \t\tleft: 0;\n  \t\tright: 0;\n  \t\tbottom: 0;\n  \t\ttop: 0;\n  \t\tcontent: \"\";\n  \t\tbackground: rgba(0,0,0, 0.4);\n  \t}\n  }*/\n}\nbody > section.bg-alternate:nth-child(even), body > footer.bg-alternate:nth-child(even), body > header.bg-alternate:nth-child(even) {\n  background-color: rgba(var(--bs-body-color-rgb), 0.05);\n}\nbody > section .background-container, body > section .overlay, body > footer .background-container, body > footer .overlay, body > header .background-container, body > header .overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: -2;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\nbody > section .background-container img, body > section .background-container video, body > section .overlay img, body > section .overlay video, body > footer .background-container img, body > footer .background-container video, body > footer .overlay img, body > footer .overlay video, body > header .background-container img, body > header .background-container video, body > header .overlay img, body > header .overlay video {\n  width: auto;\n  height: auto;\n  max-width: initial;\n  min-height: 100%;\n  min-width: 100%;\n}\n@media (max-width: 767.98px) {\n  body > section .background-container img, body > section .background-container video, body > section .overlay img, body > section .overlay video, body > footer .background-container img, body > footer .background-container video, body > footer .overlay img, body > footer .overlay video, body > header .background-container img, body > header .background-container video, body > header .overlay img, body > header .overlay video {\n    margin: 0 0 0 -25%;\n  }\n}\n@media (max-width: 575.98px) {\n  body > section .background-container img, body > section .background-container video, body > section .overlay img, body > section .overlay video, body > footer .background-container img, body > footer .background-container video, body > footer .overlay img, body > footer .overlay video, body > header .background-container img, body > header .background-container video, body > header .overlay img, body > header .overlay video {\n    margin: 0 0 0 -50%;\n  }\n}\nbody > section .overlay, body > footer .overlay, body > header .overlay {\n  z-index: -1;\n  background: #000;\n  opacity: 0.6;\n}\nbody > section .separator, body > footer .separator, body > header .separator {\n  z-index: 2;\n  position: absolute;\n  width: 100%;\n  color: #fff;\n  /*> svg, */\n}\nbody > section .separator > img, body > footer .separator > img, body > header .separator > img {\n  width: 100%;\n  height: 100%;\n}\nbody > section .separator.bottom, body > footer .separator.bottom, body > header .separator.bottom {\n  bottom: 0;\n}\nbody > section .separator.top, body > footer .separator.top, body > header .separator.top {\n  top: 0px;\n}\n\n.logo-sticky {\n  display: none;\n}\n\n.logo-default-dark {\n  display: none;\n}\n\n.logo-default-dark-sticky {\n  display: none;\n}\n\ndiv.sticky .logo-sticky {\n  display: unset;\n}\ndiv.sticky .logo-default {\n  display: none;\n}\ndiv.sticky .logo-default-dark {\n  display: none;\n}\ndiv.sticky .logo-default-dark-sticky {\n  display: none;\n}\ndiv.sticky .logo-dark {\n  display: none;\n}\n\n[data-bs-theme=dark] .logo-default-dark {\n  display: unset;\n}\n[data-bs-theme=dark] .logo-default {\n  display: none;\n}\n[data-bs-theme=dark] div.sticky .logo-sticky {\n  display: none;\n}\n[data-bs-theme=dark] div.sticky .logo-default-dark {\n  display: none;\n}\n[data-bs-theme=dark] div.sticky .logo-default-dark-sticky {\n  display: unset;\n}\n\n.navbar-dark .logo-default {\n  display: none;\n}\n.navbar-dark .logo-default-dark {\n  display: unset;\n}\n\n.navbar-light .logo-default {\n  display: unset;\n}\n.navbar-light .logo-default-dark {\n  display: none;\n}\n\n.search-area.toggle-hover input[type=search] {\n  width: 0;\n  visibility: hidden;\n  transition: 1s width;\n  position: absolute;\n  right: 2.9rem;\n  background-color: var(--bs-body-bg);\n  z-index: 1;\n}\n.search-area.toggle-hover input[type=search]:focus {\n  width: auto;\n  visibility: visible;\n}\n.search-area.toggle-hover button[type=submit] {\n  padding: 0 1rem;\n  height: 65px;\n  background-color: transparent;\n}\n.search-area.toggle-hover input[type=search]:focus + button[type=submit] {\n  background-color: var(--bs-success-bg-subtle);\n}\n.search-area.toggle-hover:hover input[type=search] {\n  width: auto;\n  visibility: visible;\n}\n.search-area.toggle-hover:hover button[type=submit] {\n  background-color: var(--bs-success-bg-subtle);\n  padding: 0 1rem;\n  height: 65px;\n}",".btn {\n  font-size: 18px;\n  font-family: $primary-font;\n  text-transform: capitalize;\n  padding: 15px 60px;\n  font-weight: 400;\n  border: 0;\n  border-radius: 5px;\n  position: relative;\n  z-index: 1;\n  transition: .2s ease;\n\n  &:focus {\n    outline: 0;\n    box-shadow: none !important;\n  }\n\n  &:active {\n    box-shadow: none;\n  }\n}\n\n.btn-primary {\n  background-image: $primary-gradient;\n  color: $text-color-dark;\n  transition: background 1s ease-out;\n\n  &:active {\n    background: $primary-gradient !important;\n  }\n\n  &:hover {\n    background: $primary-gradient-alt;\n    color: $text-color-dark;\n  }\n}\n\n.btn-secondary {\n  background-image: $secondary-gradient;\n  background-color: transparent;\n  color: $text-color-dark;\n\n  &:active {\n    background: $secondary-gradient !important;\n  }\n\n  &:hover {\n    background: $secondary-gradient-alt;\n    color: $text-color-dark;\n  }\n}\n\n.btn-lg{\n  padding: 15px 85px;\n}","body {\n  background-color: $body-color;\n  overflow-x: hidden;\n}\n\n::selection {\n  background: lighten($color: $primary-color, $amount: 10);\n  color: $white;\n}\n\n/* preloader */\n\n.preloader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #fff;\n  z-index: 999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\nol,\nul {\n  list-style-type: none;\n  margin: 0px;\n}\n\nimg {\n  vertical-align: middle;\n  border: 0;\n}\n\na,\na:hover,\na:focus {\n  text-decoration: none;\n}\n\na,\nbutton,\nselect {\n  cursor: pointer;\n  transition: .2s ease;\n\n  &:focus {\n    outline: 0;\n  }\n}\n\na:hover {\n  color: $primary-color;\n}\n\n.slick-slide {\n  outline: 0;\n}\n\n.section {\n  padding-top: 130px;\n  padding-bottom: 130px;\n\n  &-sm {\n    padding-top: 40px;\n    padding-bottom: 40px;\n  }\n\n  &-lg {\n    padding-top: 200px;\n    padding-bottom: 200px;\n\n    @include mobile {\n      padding-top: 150px;\n      padding-bottom: 150px;\n    }\n  }\n\n  &-title {\n    margin-bottom: 30px;\n  }\n}\n\n.bg-cover {\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n}\n\n/* overlay */\n\n.overlay {\n  position: relative;\n\n  &::before {\n    position: absolute;\n    content: '';\n    height: 100%;\n    width: 100%;\n    top: 0;\n    left: 0;\n    background: $black;\n    opacity: .5;\n  }\n}\n\n.outline-0 {\n  outline: 0 !important;\n}\n\n.d-unset {\n  display: unset !important;\n}\n\n.page-title {\n  background-position: center center;\n  background-size: cover;\n  background-repeat: no-repeat;\n}\n\n\n.bg-primary {\n  background: $primary-color !important;\n}\n\n.bg-gray {\n  background: $gray;\n}\n\n.text-primary {\n  color: $primary-color !important;\n}\n\n.text-dark {\n  color: $text-color-dark !important;\n}\n\n.text-purple{\n  color: #9491ff !important;\n}\n\n.text-color {\n  color: $text-color;\n}\n\n.primary-shadow {\n  box-shadow: $primary-shadow;\n}\n\n.border-blue {\n  border-color: #dcebf4 !important;\n}\n\n.shadow-primary {\n  box-shadow: $primary-shadow;\n}\n\n.facebook {\n  color: #334bff;\n}\n\n.twitter {\n  color: #45d9f0;\n}\n\n.linkedin {\n  color: #1b91ff;\n}\n\n.black {\n  color: $black;\n}\n\n.mb-10 {\n  margin-bottom: 10px !important;\n}\n\n.mb-20 {\n  margin-bottom: 20px !important;\n}\n\n.mb-30 {\n  margin-bottom: 30px !important;\n}\n\n.mb-40 {\n  margin-bottom: 40px !important;\n}\n\n.mb-50 {\n  margin-bottom: 50px !important;\n}\n\n.mb-60 {\n  margin-bottom: 60px !important;\n}\n\n.mb-70 {\n  margin-bottom: 70px !important;\n}\n\n.mb-80 {\n  margin-bottom: 80px !important;\n}\n\n.mb-90 {\n  margin-bottom: 90px !important;\n}\n\n.mb-100 {\n  margin-bottom: 100px !important;\n}\n\n.pb-100 {\n  padding-bottom: 100px !important;\n}\n\n.translate-y-150 {\n  transform: translateY(150px);\n\n  @include mobile {\n    transform: translateY(0);\n  }\n}\n\n.left-right-animation {\n  animation: left_right 3s ease-in infinite alternate-reverse;\n}\n\n@keyframes left_right {\n  0% {\n    transform: translateX(0);\n  }\n\n  100% {\n    transform: translateX(-20px);\n  }\n}\n\n.up-down-animation {\n  animation: up_down 3s ease-in infinite alternate-reverse;\n}\n\n@keyframes up_down {\n  0% {\n    transform: translateY(0);\n  }\n\n  100% {\n    transform: translateY(-20px);\n  }\n}\n\n.zindex-1{\n  z-index: 1;\n}","@mixin mobile-xs{\n  @media(max-width:400px){\n    @content;\n  }\n}\n@mixin mobile{\n  @media(max-width:575px){\n    @content;\n  }\n}\n@mixin tablet{\n  @media(max-width:767px){\n    @content;\n  }\n}\n@mixin desktop{\n  @media(max-width:991px){\n    @content;\n  }\n}\n@mixin desktop-lg{\n  @media(max-width:1200px){\n    @content;\n  }\n}\n\n@mixin size($size){\n  width: $size; height: $size;\n}","@media screen and (max-width: 767px) {\n\t.navbar-collapse.show {\n\t\t/*background: #fff;*/\n\t}\n}\n\n@media screen and (min-width: 767px) {\n\t\n\t.nav-toggle {\n\t\t&.show {\n\t\t\t.nav-item.dropdown .dropdown-toggle + .dropdown-menu {\n\t\t\t\ttransform: translateY(0);\n\t\t\t\topacity:1;\n\t\t\t\tvisibility:visible;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t.dropdown-menu {\n\t\tbox-shadow: 0 0 28px rgba(var(--bs-body-color-rgb),.2);\n\t\tborder: none;\n\t}\n\t\n\t.nav-item.dropdown {\n\n\t\t .nav-item.dropdown > a:after {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-left: 0.255em;\n\t\t\tvertical-align: 0.255em;\n\t\t\tcontent: \"\";\n\t\t\tborder-top: 0.3em solid transparent;;\n\t\t\tborder-right: 0.3em solid transparent;\n\t\t\tborder-bottom: 0.3em solid transparent;\n\t\t\tborder-left: 0.3em solid;\n\t\t\tright: 0.5rem;\n\t\t\ttop: 40%;\n\t\t\tposition: absolute;\n\t\t}\t\n\n\t\t/*\n\t\t> .nav-link.dropdown-toggle {\n\t\t\tdisplay:none;\n\t\t}\n\n\t\t&.has-dropdown {\n\t\t\t> .nav-link.dropdown-toggle {\n\t\t\t\tdisplay:block;\n\t\t\t}\n\t\t}\n\t\t*/\n\t\t.dropdown-menu {\n\t\t\ttop: auto;\n\t\t\tmargin-top: -0.2rem;\n\t\t\t-ms-transform: translateY(20px);\n\t\t\ttransform: translateY(20px);\n\t\t\topacity: 0;\n\t\t\tdisplay: block;\n        \t\tvisibility: hidden;\n\t\t\ttransition: opacity .5s cubic-bezier(.19,1,.22,1),transform .5s cubic-bezier(.19,1,.22,1),right 0s linear .5s;\n\t\t}\n\t\t\n\t\t.dropdown-menu-end {\n\t\t\tright: 0;\n\t\t}\n\n\t\t.dropdown-menu-start {\n\t\t\tleft: 0;\n\t\t}\n\t\t\n\t\t&:hover {\n\t\t\t> .dropdown-toggle + .dropdown-menu,\n\t\t\t> .dropdown-menu  {\n\t\t\t\ttransform: translateY(0);\n\t\t\t\topacity: 1;\n           \t\tvisibility:visible;\n\t\t\t\ttransition: opacity .5s cubic-bezier(.19,1,.22,1),transform .5s cubic-bezier(.19,1,.22,1);\n\t\t\t}\n\t\t}\n\t\t\n\t\t> .dropdown-menu .dropdown-menu {\n\t\t\tleft: 100%;\n\t\t\tmargin-top: auto;\n\t\t\ttop: 0;\n\t\t}\n\t\n\t\t.dropdown-toggle + .dropdown-menu {\n\t\t\ttop: auto;\n\t\t\t//margin-top: -1rem;\n\t\t\t-ms-transform: translateY(20px);\n\t\t\ttransform: translateY(20px);\n\t\t\topacity: 0;\n\t\t\tdisplay: block;\n\t\t\ttransition: opacity .5s cubic-bezier(.19,1,.22,1),transform .5s cubic-bezier(.19,1,.22,1),right 0s linear .5s;\n\t\t\tbox-shadow: 0 0 28px rgba(var(--bs-body-color-rgb),.2);\n\t\t\tborder: none;\n\t\t\t\n\t\t\t&.show {\n\t\t\t\ttransform: translateY(0);\n\t\t\t\topacity:1;\n\t\t\t\tvisibility:visible;\n\t\t\t}\n\t\t\t\n\t\t\t&:hover {\n\t\t\t\t> .dropdown-menu {\n\t\t\t\t\ttransform: translateY(0);\n\t\t\t\t\topacity: 1;\n\t\t\t\t\ttransition: opacity .5s cubic-bezier(.19,1,.22,1),transform .5s cubic-bezier(.19,1,.22,1);\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t.dropdown-item {\n\t\t\t\tpadding: .7rem 2.5rem;\n\t\t\t\t//color: #555;\n\t\t\t}\n\t\t}\t\n\t}\t\n}\n",".navbar-light .navbar-nav .nav-link {\n  color: $text-color-dark;\n}\n\n.navigation {\n  transition: .3s ease;\n}\n\n.navbar {\n  transition: .3s ease;\n  &-collapse{\n    @include desktop {\n      padding-bottom: 20px;\n    }\n  }\n}\n\n.nav-bg {\n  background-color: $white;\n  box-shadow: 0px 10px 20px 0px rgba(0, 141, 236, 0.10);\n\n  .navbar {\n    padding: 10px 0;\n  }\n}\n\n.navbar-nav .nav-item {\n  padding: 20px 10px;\n  @include desktop {\n    padding: 0;\n  }\n}",".hero-section {\n  padding-top: 250px;\n  padding-bottom: 250px;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: bottom center;\n  margin-bottom: 300px;\n}\n\n.banner-image {\n  position: absolute;\n  top: 110%;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.hero {\n  .container {\n\tposition:relative;\n  }\n\n  &-bg-1 {\n    position: absolute;\n    left: 30px;\n    top: 200px;\n\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-2 {\n    position: absolute;\n    top: 50%;\n    left: 20%;\n\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-3 {\n    position: absolute;\n    bottom: 0%;\n    left: 10%;\n\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-4 {\n    top: 210px;\n    right: 40%;\n    position: absolute;\n\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-5 {\n    position: absolute;\n    top: 250px;\n    right: 17%;\n\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-6 {\n    position: absolute;\n    right: 10%;\n    bottom: 20%;\n\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-7 {\n    position: absolute;\n    left: 20%;\n    bottom: -17%;\n    z-index: 1;\n\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-8 {\n    position: absolute;\n    bottom: -30%;\n    right: 50%;\n    z-index: 1;\n\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-9 {\n    position: absolute;\n    right: 20%;\n    bottom: -10%;\n    z-index: 1;\n\n    @include tablet {\n      display: none;\n    }\n  }\n}\n",".feature {\n  position: relative;\n\n  &-item {\n    h4 {\n      line-height: 1;\n    }\n\n    p {\n      line-height: 25px;\n    }\n\n    &:hover {\n      .feature-icon {\n        box-shadow: 0px 18px 43px 0px rgba(0, 141, 236, 0.21);\n      }\n    }\n  }\n\n  &-bg-1 {\n    position: absolute;\n    left: 0;\n    top: 50%;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-2 {\n    position: absolute;\n    right: 0;\n    bottom: 10%;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-icon {\n    display: inline-block;\n    height: 90px;\n    width: 90px;\n    border-radius: 5px;\n    color: $white;\n    font-size: 45px;\n    line-height: 90px;\n    background: $primary-color;\n    box-shadow: 0px 18px 25px 0px rgba(0, 141, 236, 0.10);\n    text-align: center;\n    transition: .2s ease;\n  }\n}\n\n.seo {\n  position: relative;\n  overflow: visible;\n\n  &-bg {\n    position: absolute;\n    left: 0;\n    top: 0;\n    z-index: -1;\n    @include desktop-lg {\n      max-width: 500px;\n    }\n    @include desktop {\n      max-width: 400px;\n    }\n  }\n\n  &-bg-shape-1 {\n    position: absolute;\n    left: 25%;\n    top: 0;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-shape-2 {\n    position: absolute;\n    right: 2%;\n    top: 40%;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-shape-3 {\n    position: absolute;\n    left: 50%;\n    bottom: 0;\n    transform: translateX(-50%);\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n}\n\n.service {\n  position: relative;\n  overflow: visible;\n\n  &-list {\n    li {\n      margin-bottom: 30px;\n      color: $text-color;\n\n      i {\n        margin-right: 20px;\n        color: $text-color;\n      }\n    }\n  }\n\n  &-bg {\n    position: absolute;\n    right: 0;\n    top: -10%;\n    z-index: -1;\n    @include desktop-lg {\n      max-width: 500px;\n    }\n    @include desktop {\n      max-width: 400px;\n      top: 0;\n    }\n  }\n\n  &-bg-shape-1 {\n    position: absolute;\n    left: 0;\n    top: 150px;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-shape-2 {\n    position: absolute;\n    left: 40%;\n    bottom: 0;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n}\n\n.team {\n  overflow: visible;\n  position: relative;\n\n  &-slider {\n    overflow: hidden;\n    padding-bottom: 100px;\n\n    .slick-list {\n      overflow: visible;\n    }\n\n    .slick-arrow {\n      border: 0;\n      background: transparent;\n      color: $primary-color;\n      position: absolute;\n      bottom: 0;\n      z-index: 1;\n      font-size: 25px;\n\n      &.slick-disabled {\n        color: lighten($color: $primary-color, $amount: 30);\n      }\n    }\n\n    .prevArrow {\n      left: 10px;\n    }\n\n    .nextArrow {\n      left: 50px;\n    }\n  }\n\n  &-member {\n    padding: 30px 45px;\n    background: $white;\n    box-shadow: 0px 23px 43px 0px rgba(172, 189, 199, 0.49);\n    margin: 0 20px;\n\n    @include desktop-lg {\n      padding: 30px;\n    }\n  }\n\n  &-bg {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    z-index: -1;\n  }\n\n  &-bg-shape-1 {\n    position: absolute;\n    top: 100px;\n    left: 20px;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-shape-2 {\n    position: absolute;\n    top: 100px;\n    right: -5px;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-shape-3 {\n    position: absolute;\n    bottom: 20%;\n    right: 40%;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-shape-4 {\n    position: absolute;\n    bottom: 20%;\n    right: 180px;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n}\n\n.pricing {\n  position: relative;\n  overflow: visible;\n\n  &-table {\n    padding: 50px 35px 30px;\n    transition: .2s ease;\n\n    @include desktop-lg {\n      padding: 30px 20px;\n    }\n\n    h1 {\n      font-size: 65px;\n\n      span {\n        font-size: 20px;\n        vertical-align: top;\n        line-height: 65px;\n        margin-right: 5px;\n      }\n    }\n\n    &:hover {\n      box-shadow: 0px 59px 43px 0px rgba(216, 233, 243, 0.3);\n    }\n\n    &.table-1 {\n      background-image: linear-gradient(59deg, rgb(213, 252, 113) 0%, rgb(100, 254, 171) 95%);\n    }\n\n    &.table-2 {\n      background-image: linear-gradient(59deg, rgb(6, 255, 223) 0%, rgb(66, 219, 239) 95%);\n    }\n\n    &.table-3 {\n      background-image: linear-gradient(59deg, rgb(11, 252, 224) 0%, rgb(197, 253, 120) 95%);\n    }\n  }\n\n  &-btn {\n    font-size: 25px;\n    font-weight: 700;\n    color: $text-color-dark;\n\n    @include desktop-lg {\n      padding: 5px;\n    }\n\n    &:hover {\n      color: $primary-color;\n    }\n  }\n\n  &-bg-shape-1 {\n    position: absolute;\n    left: 30%;\n    top: 100px;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-shape-2 {\n    position: absolute;\n    right: 10%;\n    top: 110px;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n\n  &-bg-shape-3 {\n    position: absolute;\n    bottom: 20%;\n    left: 0;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n}\n\n.newsletter {\n  position: relative;\n\n  &-form {\n    height: 85px;\n    width: 100%;\n    padding: 0 40px;\n    border: 0;\n    background: $white;\n    box-shadow: $primary-shadow;\n    border-radius: 5px;\n\n    &:focus {\n      outline: 0;\n      box-shadow: 0;\n    }\n  }\n\n  &-btn {\n    position: absolute;\n    height: 100%;\n    background: #8986ff;\n    top: 0;\n    right: 0;\n    border-radius: 0 5px 5px 0;\n    font-weight: 700;\n    font-size: 18px;\n    color: $white;\n    text-transform: uppercase;\n\n    @include mobile {\n      padding-left: 5px;\n      padding-right: 5px;\n\n    }\n  }\n\n  &-bg-shape {\n    position: absolute;\n    top: 0;\n    right: 10%;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n}\n\n.footer {\n  background-size: cover;\n  background-position: top center;\n  background-repeat: no-repeat;\n  &-section{\n    padding-top: 500px;\n    padding-bottom: 100px;\n  }\n\n  &-menu {\n    a {\n      color: $text-color-dark;\n      display: block;\n      padding: 15px;\n      font-weight: 400;\n    }\n  }\n}\n\n.social-icon {\n  li {\n    margin: 0 12px;\n\n    a {\n      height: 45px;\n      width: 45px;\n      background: $white;\n      border-radius: 5px;\n      line-height: 45px;\n      display: block;\n      text-align: center;\n    }\n  }\n}\n\n.client-logo-slider {\n  img {\n    transition: .2s ease;\n  }\n\n  a {\n    &:hover {\n      img {\n        transform: scale(1.2);\n      }\n    }\n  }\n}\n\n/* service page */\n\n.service-bg-image {\n  background-size: containe;\n  background-repeat: no-repeat;\n  background-position: center 400px;\n}\n\n.service{\n  &-bg-1{\n    position: absolute;\n    left: 50px;\n    top: 10%;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n  &-bg-2{\n    position: absolute;\n    right: 50px;\n    top: 10%;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n  &-bg-3{\n    position: absolute;\n    right: 50px;\n    top: 50%;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n  &-bg-4{\n    position: absolute;\n    left: 50px;\n    bottom: 30%;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n  &-bg-5{\n    position: absolute;\n    left: 10%;\n    bottom: 5%;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n}",".about {\n  position: relative;\n  overflow: visible;\n  &-video {\n    position: relative;\n\n    .play-btn {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n  &-bg-1{\n    position: absolute;\n    left: 30%;\n    top: 10%;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n  &-bg-2{\n    position: absolute;\n    top: 30%;\n    right: 40px;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n  &-bg-3{\n    position: absolute;\n    bottom: 20%;\n    left: 30px;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n  &-bg-4{\n    position: absolute;\n    top: 20%;\n    left: 40px;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n  &-bg-5{\n    position: absolute;\n    bottom: 10%;\n    right: 40px;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n  &-bg-6{\n    position: absolute;\n    top: 10%;\n    right: 10%;\n    z-index: -1;\n    @include tablet {\n      display: none;\n    }\n  }\n}\n\n\n.play-btn {\n  height: 70px;\n  width: 70px;\n  border-radius: 50%;\n  color: $white;\n  line-height: 70px;\n  font-size: 20px;\n  text-align: center;\n  background: #7aff91;\n  display: inline-block;\n  transition: .2s ease;\n  box-shadow: 0px 23px 43px 0px rgba(94, 254, 198, 0.3);\n\n  &:hover {\n    color: $white;\n    font-size: 30px;\n  }\n}\n\n.product{\n  position: relative;\n  overflow: visible;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center top;\n}\n.about-bg{\n  position: absolute;\n  left: 0;\n  top: 0px;\n  z-index: -1;\n}",".form-control{\n    height: 65px;\n    width: 100%;\n    background: #f7fafc;\n    &:focus{\n        border-color: $primary-color;\n        box-shadow: none;\n    }\n}\ntextarea.form-control{\n    height: 157px;\n}\n\n.contact-bg{\n    background-color: #f3f7fb;\n}\n\n.round-icon{\n    height: 50px;\n    width: 50px;\n    border-radius: 50%;\n    font-size: 18px;\n    line-height: 50px;\n    display: inline-block;\n    vertical-align: middle;\n    text-align: center;\n    &.green{\n        background: #e0fef4;\n        color: #00f7a7;\n    }\n    &.blue{\n        background: #e0f1ff;\n        color: #008cff;\n    }\n    &.orange{\n        background: #fff1e0;\n        color: #ff8b00;\n    }\n}\n\n.contact{\n    position: relative;\n    &-bg-1{\n        position: absolute;\n        left: 0;\n        top: 10%;\n        z-index: -1;\n        @include tablet {\n          display: none;\n        }\n    }\n    &-bg-2{\n        position: absolute;\n        top: 20%;\n        right: 10%;\n        z-index: -1;\n        @include tablet {\n          display: none;\n        }\n    }\n    &-bg-3{\n        position: absolute;\n        top: 10%;\n        left: 40%;\n        z-index: -1;\n        @include tablet {\n          display: none;\n        }\n    }\n    &-bg-4{\n        position: absolute;\n        bottom: 10%;\n        left: 10%;\n        z-index: -1;\n        @include tablet {\n          display: none;\n        }\n    }\n    &-bg-5{\n        position: absolute;\n        bottom: 10%;\n        right: 10%;\n        z-index: -1;\n        @include tablet {\n          display: none;\n        }\n    }\n}"]}