{"version":3,"sources":["style.scss","_typography.scss","_variables.scss","style.css","_mixins.scss","_buttons.scss","_common.scss","templates/_navigation.scss","templates/_homepage.scss","templates/_otherspage.scss","templates/_cards.scss","_vvveb.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 'templates/navigation';\n\n@import 'templates/homepage';\n\n@import 'templates/otherspage';\n\n@import 'templates/cards';\n\n@import 'vvveb';\n","/*  typography */\n@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Poppins:300,400,500,600,700&display=swap');\n\nbody {\n  line-height: 1.2;\n  font-family: $primary-font;\n  -webkit-font-smoothing: antialiased;\n  font-size: 15px;\n  color: $text-color;\n}\n\np {\n  font-weight: 400;\n  color: $text-color;\n  font-size: 15px;\n  line-height: 1.7;\n  font-family: $primary-font;\n}\n\n.lead{\n  font-size: 18px;\n}\n\n.display-1{\n  font-size: 100px;\n  @include mobile {\n    font-size: 50px;\n  }\n}\n\nh1,h2,h3,h4,h5,h6 {\n  color: $text-color-dark;\n  font-family: $secondary-font;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\nh1, .h1{\n  font-size: 60px;\n  @include mobile {\n    font-size: 40px;\n  }\n}\n\nh2, .h2{\n  font-size: 44px;\n  @include mobile {\n    font-size: 30px;\n  }\n}\n\nh3, .h3{\n  font-size: 36px;\n  @include mobile {\n    font-size: 28px;\n  }\n}\n\nh4, .h4{\n  font-size: 24px;\n}\n\nh5, .h5{\n  font-size: 18px;\n}\n\nh6, .h6{\n  font-size: 14px;\n}\n\n.icon-lg{\n  font-size: 50px;\n}\n\n.icon{\n  font-size: 40px;\n}\n\n.icon-sm{\n  font-size: 30px;\n}\n\n.icon-xs{\n  font-size: 20px;\n}","// Color Variables\n$primary-color: #f7463a;\n$secondary-color: #07085d;\n$text-color: #6c6c86;\n$text-color-dark: #000;\n$body-color: #fff;\n$border-color: #d2d2e2;\n$black: #000;\n$white: #fff;\n$primary-gradient: linear-gradient( 37deg, rgb(180,62,121) 1%, rgb(247,70,58) 100%);\n\n\n// Font Variables\n$primary-font: 'Poppins', sans-serif;\n$secondary-font: 'Noto Sans', sans-serif;\n$icon-font: 'themify';","/*!------------------------------------------------------------------\n[MAIN STYLESHEET]\n\nPROJECT:\tProject Name\nVERSION:\tVersoin Number\n-------------------------------------------------------------------*/\n/*------------------------------------------------------------------\n[TABLE OF CONTENTS]\n-------------------------------------------------------------------*/\n/*  typography */\n@import url(\"https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Poppins:300,400,500,600,700&display=swap\");\nbody {\n  line-height: 1.2;\n  font-family: \"Poppins\", sans-serif;\n  -webkit-font-smoothing: antialiased;\n  font-size: 15px;\n  color: #6c6c86;\n}\n\np {\n  font-weight: 400;\n  color: #6c6c86;\n  font-size: 15px;\n  line-height: 1.7;\n  font-family: \"Poppins\", sans-serif;\n}\n\n.lead {\n  font-size: 18px;\n}\n\n.display-1 {\n  font-size: 100px;\n}\n@media (max-width: 575px) {\n  .display-1 {\n    font-size: 50px;\n  }\n}\n\nh1, h2, h3, h4, h5, h6 {\n  color: #000;\n  font-family: \"Noto Sans\", sans-serif;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\nh1, .h1 {\n  font-size: 60px;\n}\n@media (max-width: 575px) {\n  h1, .h1 {\n    font-size: 40px;\n  }\n}\n\nh2, .h2 {\n  font-size: 44px;\n}\n@media (max-width: 575px) {\n  h2, .h2 {\n    font-size: 30px;\n  }\n}\n\nh3, .h3 {\n  font-size: 36px;\n}\n@media (max-width: 575px) {\n  h3, .h3 {\n    font-size: 28px;\n  }\n}\n\nh4, .h4 {\n  font-size: 24px;\n}\n\nh5, .h5 {\n  font-size: 18px;\n}\n\nh6, .h6 {\n  font-size: 14px;\n}\n\n.icon-lg {\n  font-size: 50px;\n}\n\n.icon {\n  font-size: 40px;\n}\n\n.icon-sm {\n  font-size: 30px;\n}\n\n.icon-xs {\n  font-size: 20px;\n}\n\n/* Button style */\n.btn {\n  font-size: 15px;\n  font-family: \"Poppins\", sans-serif;\n  text-transform: capitalize;\n  padding: 13px 45px;\n  border-radius: 35px;\n  font-weight: 600;\n  border: 1px solid;\n  position: relative;\n  z-index: 1;\n  transition: 0.2s ease;\n}\n.btn:hover, .btn:active, .btn:focus {\n  outline: 0;\n  box-shadow: none !important;\n  box-shadow: 0px 18px 18px 0px rgba(20, 28, 91, 0.19);\n}\n\n.btn-lg {\n  font-size: 20px;\n  padding: 20px 90px;\n}\n\n.btn-primary {\n  background: linear-gradient(37deg, rgb(180, 62, 121) 1%, rgb(247, 70, 58) 100%);\n  color: #fff;\n  border: 0;\n}\n.btn-primary:active, .btn-primary:hover, .btn-primary.focus, .btn-primary.active {\n  background: linear-gradient(37deg, rgb(180, 62, 121) 1%, rgb(247, 70, 58) 100%) !important;\n  color: #fff;\n  border: 0;\n}\n\n.btn-outline-primary {\n  background: transparent;\n  color: #f7463a;\n  border-color: #f7463a;\n}\n.btn-outline-primary:active, .btn-outline-primary:hover, .btn-outline-primary.focus, .btn-outline-primary.active {\n  background: linear-gradient(37deg, rgb(180, 62, 121) 1%, rgb(247, 70, 58) 100%) !important;\n  color: #fff;\n  border-color: #f7463a;\n}\n\n.btn-secondary {\n  background: #07085d;\n  color: #fff;\n  border: 0;\n}\n.btn-secondary:active, .btn-secondary:hover, .btn-secondary.focus, .btn-secondary.active {\n  background: #07085d !important;\n  color: #fff;\n  border: 0;\n}\n\n.btn-outline-light {\n  background: transparent;\n  color: #fff;\n  border-color: #fff;\n}\n.btn-outline-light:active, .btn-outline-light:hover, .btn-outline-light.focus, .btn-outline-light.active {\n  background: #fff !important;\n  color: #000;\n  border-color: #fff;\n}\n\n.btn-transparent {\n  color: #f7463a;\n  border: 0;\n  padding-left: 0;\n  background: linear-gradient(37deg, rgb(180, 62, 121) 1%, rgb(247, 70, 58) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.btn-transparent:active, .btn-transparent:hover, .btn-transparent.focus, .btn-transparent.active {\n  color: #f7463a;\n  border: 0;\n  padding-left: 0;\n  background: linear-gradient(37deg, rgb(180, 62, 121) 1%, rgb(247, 70, 58) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  box-shadow: none;\n  text-decoration: underline;\n}\n\nbody {\n  background-color: #fff;\n  overflow-x: hidden;\n}\n\n::selection {\n  background: #f9746b;\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 {\n  color: #f7463a;\n}\n\na,\na:hover,\na:focus {\n  text-decoration: none;\n}\n\n.hover-text-underline:hover {\n  text-decoration: underline;\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: #f7463a;\n}\n\n.slick-slide {\n  outline: 0;\n}\n\n.section {\n  padding-top: 110px;\n  padding-bottom: 100px;\n}\n.section-sm {\n  padding-top: 60px;\n  padding-bottom: 60px;\n}\n.section-lg {\n  padding-top: 170px;\n  padding-bottom: 170px;\n}\n.section .row {\n  position: relative;\n}\n\nsection .row {\n  position: relative;\n}\n\n.section-border {\n  height: 9px;\n  width: 220px;\n  background: linear-gradient(37deg, rgb(180, 62, 121) 1%, rgb(247, 70, 58) 100%);\n  border-radius: 5px;\n  margin: 40px auto 90px;\n}\n\n.bg-cover {\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n}\n\n.bg-contain {\n  background-size: contain;\n  background-position: center right;\n  background-repeat: no-repeat;\n}\n\n.border-primary {\n  border-color: #d2d2e2 !important;\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.8;\n}\n.overlay-primary {\n  position: relative;\n}\n.overlay-primary::before {\n  position: absolute;\n  content: \"\";\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  background: #f7463a;\n  opacity: 0.8;\n}\n.overlay-secondary {\n  position: relative;\n}\n.overlay-secondary::before {\n  position: absolute;\n  content: \"\";\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  background: #07085d;\n  opacity: 0.8;\n}\n.overlay-secondary-half {\n  position: relative;\n}\n.overlay-secondary-half::before {\n  position: absolute;\n  content: \"\";\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  background: linear-gradient(to right, #07085d 60%, transparent);\n}\n.overlay-image {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  left: 0;\n  top: 0;\n}\n\n.outline-0 {\n  outline: 0 !important;\n}\n\n.d-unset {\n  display: unset !important;\n}\n\n.bg-primary {\n  background: #f7463a !important;\n}\n\n.bg-secondary {\n  background: #07085d !important;\n}\n\n.text-primary {\n  color: #f7463a !important;\n}\n\n.text-secondary {\n  color: #07085d !important;\n}\n\n.text-gradient-primary {\n  background: linear-gradient(37deg, rgb(180, 62, 121) 1%, rgb(247, 70, 58) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.text-light {\n  color: #b7b8f1 !important;\n}\n\n.text-color {\n  color: #6c6c86 !important;\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.zindex-1 {\n  z-index: 1;\n}\n\n.top-100 {\n  top: 100px;\n}\n\n.overflow-hidden {\n  overflow: hidden !important;\n}\n\n.font-primary {\n  font-family: \"Poppins\", sans-serif !important;\n}\n\n.font-secondary {\n  font-family: \"Noto Sans\", sans-serif !important;\n}\n\n.shadow {\n  box-shadow: 0px 46px 65px 0px rgba(181, 188, 236, 0.16) !important;\n}\n\n.bg-gradient-primary {\n  background: linear-gradient(37deg, rgb(180, 62, 121) 1%, rgb(247, 70, 58) 100%) !important;\n}\n\n.transition {\n  transition: 0.3s ease;\n}\n\n.vertical-align-middle {\n  vertical-align: middle;\n}\n\n/* form control */\n.form-control {\n  height: 50px;\n  border-radius: 0;\n  border: 0;\n  border-bottom: 1px solid #d2d2e2;\n}\n.form-control:focus {\n  box-shadow: none !important;\n  border-color: #f7463a;\n}\n\ntextarea.form-control {\n  height: 150px;\n}\n\n/* /form control */\n/* page-title */\n.page-title {\n  padding: 170px 0 190px;\n}\n\n/* /page-title */\n/* list style */\n.list-styled {\n  padding-left: 0;\n}\n.list-styled li {\n  position: relative;\n  padding-left: 25px;\n  list-style-type: none;\n}\n.list-styled li::before {\n  position: absolute;\n  content: \"\\e65d\";\n  font-family: \"themify\";\n  font-size: 14px;\n  left: 0;\n  top: 0px;\n  color: #07085d;\n  transition: 0.3s ease;\n}\n\n/* social icons */\n.social-icons a {\n  display: block;\n  height: 50px;\n  width: 50px;\n  border-radius: 50%;\n  line-height: 50px;\n  background: #07085d;\n  color: #fff;\n  text-align: center;\n}\n\n/* /social icons */\n.navigation {\n  padding: 20px 100px;\n  transition: 0.3s ease;\n}\n.navigation.nav-bg {\n  background-color: #07085d;\n  padding: 15px 100px;\n}\n@media (max-width: 991px) {\n  .navigation.nav-bg {\n    padding: 15px 20px;\n  }\n}\n@media (max-width: 991px) {\n  .navigation {\n    padding: 20px;\n    background: #07085d;\n  }\n}\n\n.navbar .nav-item .nav-link {\n  font-family: \"Poppins\", sans-serif;\n  padding: 15px;\n  font-size: 18px;\n}\n.navbar .nav-item.active {\n  font-weight: bold;\n}\n.navbar .dropdown-menu {\n  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);\n  padding: 15px;\n  border: 0;\n  top: calc(100% - 2px);\n  left: -10px;\n  border-radius: 0;\n  background: #fff;\n}\n.navbar .dropdown-menu.show {\n  display: block !important;\n}\n.navbar .dropdown-item {\n  position: relative;\n  color: #000;\n  transition: 0.2s ease;\n  font-family: \"Poppins\", sans-serif;\n  padding: 10px;\n  text-decoration: none;\n  margin-bottom: 0 !important;\n}\n.navbar .dropdown-item:not(:last-child) {\n  margin-bottom: 10px;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n  color: #fff;\n}\n\n.banner {\n  min-height: 100vh;\n}\n\n.content-center {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.hover-bg-secondary {\n  transition: 0.2s ease;\n}\n.hover-bg-secondary * {\n  transition: inherit;\n}\n.hover-bg-secondary:hover {\n  background: #07085d;\n}\n.hover-bg-secondary:hover * {\n  color: #fff;\n}\n.hover-bg-secondary.active {\n  background: #07085d;\n}\n.hover-bg-secondary.active * {\n  color: #fff;\n}\n\n.hover-bg-primary {\n  transition: 0.2s ease;\n}\n.hover-bg-primary * {\n  transition: inherit;\n}\n.hover-bg-primary:hover {\n  background: #f7463a;\n}\n.hover-bg-primary:hover * {\n  color: #fff;\n}\n.hover-bg-primary.active {\n  background: #f7463a;\n}\n.hover-bg-primary.active * {\n  color: #fff;\n}\n\n.icon-box {\n  height: 100px;\n  width: 100px;\n  line-height: 100px;\n}\n\n.icon-box-sm {\n  height: 80px;\n  width: 80px;\n  line-height: 80px;\n}\n\n.icon-watermark {\n  position: absolute;\n  left: 50%;\n  top: 32%;\n  transform: translate(-50%, -50%);\n  opacity: 0.1;\n  transition: inherit;\n}\n\n.card:hover .icon-watermark {\n  transform: translate(-50%, -50%) scale(1.5);\n}\n\n.bg-image {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: auto;\n}\n.bg-image img {\n  height: 100%;\n  max-width: 100%;\n}\n@media (max-width: 991px) {\n  .bg-image img {\n    display: none;\n  }\n}\n@media (max-width: 767px) {\n  .bg-image img {\n    display: block;\n    height: auto;\n  }\n}\n\n.hover-shadow::before {\n  transition: 0.3s ease;\n  position: absolute;\n  height: 100%;\n  box-shadow: 0px 33px 49px 0px rgba(190, 193, 228, 0.31);\n  width: 100%;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  content: \"\";\n  opacity: 0;\n}\n.hover-shadow:hover::before {\n  opacity: 1;\n}\n\n/* pricing */\n.bottom-shape {\n  position: relative;\n  overflow: hidden;\n}\n.bottom-shape * {\n  position: relative;\n  z-index: 1;\n}\n.bottom-shape::before {\n  position: absolute;\n  content: \"\";\n  height: 100%;\n  width: 100%;\n  transform: rotate(40deg);\n  background: linear-gradient(37deg, rgb(180, 62, 121) 1%, rgb(247, 70, 58) 100%);\n  left: 0;\n  top: 60%;\n  opacity: 0.5;\n}\n.bottom-shape::after {\n  position: absolute;\n  content: \"\";\n  height: 100%;\n  width: 100%;\n  transform: rotate(40deg);\n  background: linear-gradient(37deg, rgb(180, 62, 121) 1%, rgb(247, 70, 58) 100%);\n  left: 20%;\n  top: 55%;\n}\n\n/* /pricing */\n/* project */\n.project-item {\n  position: relative;\n}\n.project-item:hover .project-hover {\n  visibility: visible;\n  opacity: 1;\n  transform: rotateX(0deg);\n}\n\n.project-hover {\n  position: absolute;\n  width: 80%;\n  left: 10%;\n  bottom: 10%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  visibility: hidden;\n  opacity: 0;\n  transform: rotateX(90deg);\n  transition: 0.3s ease;\n  transform-origin: bottom;\n}\n.project-hover i {\n  height: 55px;\n  width: 55px;\n  line-height: 55px;\n  border: 1px solid #fff;\n  border-radius: 50%;\n  text-align: center;\n  display: block;\n}\n.project-hover i:hover {\n  border-color: #f7463a;\n}\n\n/* /project */\n/* footer */\nfooter .overlay-image {\n  height: 80%;\n  width: 80%;\n  left: 10%;\n  top: 10%;\n}\n\n/* progressbar */\n.progress-block .progress {\n  height: 8px;\n  border-radius: 10px;\n  margin-bottom: 40px;\n  overflow: visible;\n  position: relative;\n  box-shadow: 0px 9px 24px 0px rgba(19, 5, 44, 0.21);\n}\n.progress-block .progress-bar {\n  background: linear-gradient(37deg, rgb(180, 62, 121) 1%, rgb(247, 70, 58) 100%);\n  width: 0;\n  transition: all 3s ease-in-out;\n  top: 0;\n  left: 0;\n  height: 100%;\n  border-radius: 10px;\n}\n.progress-block .progress-bar .skill-number {\n  position: absolute;\n  top: -22px;\n  right: 0px;\n}\n\n/* /progressbar */\n/* video */\n.video-player iframe {\n  width: 100%;\n  height: 100%;\n}\n.video-player .play-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n}\n\n/* ripple animation */\n.ripple {\n  border-radius: 50%;\n  position: absolute;\n  height: 130%;\n  width: 130%;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.ripple::after {\n  opacity: 0;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  content: \"\";\n  height: 100%;\n  width: 100%;\n  border: 1px solid #d2d2e2;\n  border-radius: 100%;\n  animation-name: ripple;\n  animation-duration: 3s;\n  animation-delay: 0s;\n  animation-iteration-count: infinite;\n  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);\n  z-index: -1;\n}\n.ripple::before {\n  opacity: 0;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  content: \"\";\n  height: 100%;\n  width: 100%;\n  border: 1px solid #d2d2e2;\n  border-radius: 100%;\n  animation-name: ripple;\n  animation-duration: 3s;\n  animation-delay: 0.5s;\n  animation-iteration-count: infinite;\n  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);\n  z-index: -1;\n}\n\n@keyframes ripple {\n  from {\n    opacity: 1;\n    transform: scale3d(0.75, 0.75, 1);\n  }\n  to {\n    opacity: 0;\n    transform: scale3d(1.5, 1.5, 1);\n  }\n}\n/* /video */\n/* card slider */\n@media (max-width: 991px) {\n  .ui-card-slider .left-slide::before {\n    left: -100px;\n  }\n}\n@media (max-width: 767px) {\n  .ui-card-slider .left-slide::before {\n    display: none;\n  }\n}\n\n@media (max-width: 991px) {\n  .ui-card-slider .right-slide::before {\n    right: -100px;\n  }\n}\n@media (max-width: 767px) {\n  .ui-card-slider .right-slide::before {\n    display: none;\n  }\n}\n\n/* /card slider */\n/* google map */\n.map {\n  height: 750px;\n}\n\n/* /google map */\n/* team */\n.img-thumb-circle {\n  border-radius: 50%;\n  overflow: hidden;\n  max-height: 260px;\n  max-width: 260px;\n}\n\n.card {\n  border: 0;\n  border-radius: 0;\n}\n.card-img-top {\n  border-radius: 0;\n}\n.card-header {\n  border: 0;\n}\n.card-body {\n  border: 0;\n  border-radius: 0;\n}\n.card-footer {\n  border: 0;\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 input[type=search]:focus + button[type=submit] {\n  background-color: var(--bs-primary);\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-primary);\n  height: 60px;\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}","/* Button style */\n.btn {\n  font-size: 15px;\n  font-family: $primary-font;\n  text-transform: capitalize;\n  padding: 13px 45px;\n  border-radius: 35px;\n  font-weight: 600;\n  border: 1px solid;\n  position: relative;\n  z-index: 1;\n  transition: .2s ease;\n\n  &:hover,\n  &:active,\n  &:focus {\n    outline: 0;\n    box-shadow: none !important;\n    box-shadow: 0px 18px 18px 0px rgba(20, 28, 91, 0.19);\n  }\n}\n\n.btn-lg {\n  font-size: 20px;\n  padding: 20px 90px;\n}\n\n.btn-primary {\n  background: $primary-gradient;\n  color: $white;\n  border: 0;\n\n  &:active,\n  &:hover,\n  &.focus,\n  &.active {\n    background: $primary-gradient !important;\n    color: $white;\n    border: 0;\n  }\n}\n\n\n.btn-outline-primary {\n  background: transparent;\n  color: $primary-color;\n  border-color: $primary-color;\n\n  &:active,\n  &:hover,\n  &.focus,\n  &.active {\n    background: $primary-gradient !important;\n    color: $white;\n    border-color: $primary-color;\n  }\n}\n\n\n.btn-secondary {\n  background: $secondary-color;\n  color: $white;\n  border: 0;\n\n  &:active,\n  &:hover,\n  &.focus,\n  &.active {\n    background: $secondary-color !important;\n    color: $white;\n    border: 0;\n  }\n}\n\n\n.btn-outline-light {\n  background: transparent;\n  color: $white;\n  border-color: $white;\n\n  &:active,\n  &:hover,\n  &.focus,\n  &.active {\n    background: $white !important;\n    color: $text-color-dark;\n    border-color: $white;\n  }\n}\n\n\n.btn-transparent {\n  color: $primary-color;\n  border: 0;\n  padding-left: 0;\n  background: $primary-gradient;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n\n  &:active,\n  &:hover,\n  &.focus,\n  &.active {\n    color: $primary-color;\n    border: 0;\n    padding-left: 0;\n    background: $primary-gradient;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    box-shadow: none;\n    text-decoration: underline;\n  }\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 {\n  color: $primary-color;\n}\n\na,\na:hover,\na:focus {\n  text-decoration: none;\n}\n\n.hover-text-underline:hover {\n  text-decoration: underline;\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: 110px;\n  padding-bottom: 100px;\n\n  &-sm {\n    padding-top: 60px;\n    padding-bottom: 60px;\n  }\n\n  &-lg {\n    padding-top: 170px;\n    padding-bottom: 170px;\n  }\n  \n  .row {\n\tposition:relative;\n  }\n}\n\nsection {\n  .row {\n\tposition:relative;\n  }\n}\n\n.section-border {\n  height: 9px;\n  width: 220px;\n  background: $primary-gradient;\n  border-radius: 5px;\n  margin: 40px auto 90px;\n}\n\n.bg-cover {\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n}\n\n.bg-contain {\n  background-size: contain;\n  background-position: center right;\n  background-repeat: no-repeat;\n}\n\n.border-primary {\n  border-color: $border-color !important;\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: .8;\n  }\n\n  &-primary {\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: $primary-color;\n      opacity: .8;\n    }\n  }\n\n  &-secondary {\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: $secondary-color;\n      opacity: .8;\n    }\n  }\n\n  &-secondary-half {\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: linear-gradient(to right, $secondary-color 60%, transparent);\n    }\n  }\n\n  &-image {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    left: 0;\n    top: 0;\n  }\n}\n\n.outline-0 {\n  outline: 0 !important;\n}\n\n.d-unset {\n  display: unset !important;\n}\n\n.bg-primary {\n  background: $primary-color !important;\n}\n\n.bg-secondary {\n  background: $secondary-color !important;\n}\n\n.text-primary {\n  color: $primary-color !important;\n}\n\n.text-secondary {\n  color: $secondary-color !important;\n}\n\n.text-gradient-primary {\n  background: $primary-gradient;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.text-light {\n  color: #b7b8f1 !important;\n}\n\n.text-color {\n  color: $text-color !important;\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.zindex-1 {\n  z-index: 1;\n}\n\n.top-100 {\n  top: 100px;\n}\n\n.overflow-hidden {\n  overflow: hidden !important;\n}\n\n.font-primary {\n  font-family: $primary-font !important;\n}\n\n.font-secondary {\n  font-family: $secondary-font !important;\n}\n\n.shadow {\n  box-shadow: 0px 46px 65px 0px rgba(181, 188, 236, 0.16) !important;\n}\n\n.bg-gradient-primary {\n  background: $primary-gradient !important;\n}\n\n.transition {\n  transition: .3s ease;\n}\n\n.vertical-align-middle {\n  vertical-align: middle;\n}\n\n/* form control */\n.form-control {\n  height: 50px;\n  border-radius: 0;\n  border: 0;\n  border-bottom: 1px solid $border-color;\n\n  &:focus {\n    box-shadow: none !important;\n    border-color: $primary-color;\n  }\n}\n\ntextarea.form-control {\n  height: 150px;\n}\n\n/* /form control */\n\n/* page-title */\n.page-title {\n  padding: 170px 0 190px;\n}\n\n/* /page-title */\n\n\n/* list style */\n.list-styled {\n  padding-left: 0;\n\n  li {\n    position: relative;\n    padding-left: 25px;\n    list-style-type: none;\n\n    &::before {\n      position: absolute;\n      content: \"\\e65d\";\n      font-family: $icon-font;\n      font-size: 14px;\n      left: 0;\n      top: 0px;\n      color: $secondary-color;\n      transition: .3s ease;\n    }\n  }\n}\n\n/* social icons */\n.social-icons {\n  a {\n    display: block;\n    height: 50px;\n    width: 50px;\n    border-radius: 50%;\n    line-height: 50px;\n    background: $secondary-color;\n    color: $white;\n    text-align: center;\n  }\n}\n\n/* /social icons */\n",".navigation {\n  padding: 20px 100px;\n  transition: .3s ease;\n\n  &.nav-bg {\n    background-color: $secondary-color;\n    padding: 15px 100px;\n\n    @include desktop {\n      padding: 15px 20px;\n    }\n  }\n\n  @include desktop {\n    padding: 20px;\n    background: $secondary-color;\n  }\n}\n\n.navbar {\n  .nav-item {\n    .nav-link {\n      font-family: $primary-font;\n      padding: 15px;\n      font-size: 18px;\n    }\n\n    &.active {\n      font-weight: bold;\n    }\n  }\n\n  .dropdown {\n\n    &-menu {\n      box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);\n      padding: 15px;\n      border: 0;\n      top: calc(100% - 2px);\n      left: -10px;\n      border-radius: 0;\n      background: $white;\n      &.show{\n        display: block !important;\n      }\n    }\n\n    &-item {\n      position: relative;\n      color: $text-color-dark;\n      transition: .2s ease;\n      font-family: $primary-font;\n      padding: 10px;\n      text-decoration: none;\n      margin-bottom: 0 !important;\n      &:not(:last-child) {\n        margin-bottom: 10px;\n      }\n    }\n  }\n}\n\n.navbar-dark .navbar-nav .nav-link {\n  color: $white;\n}",".banner {\n  min-height: 100vh;\n}\n\n.content-center {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.hover-bg-secondary {\n  transition: .2s ease;\n\n  * {\n    transition: inherit;\n  }\n\n  &:hover {\n    background: $secondary-color;\n\n    * {\n      color: $white;\n    }\n  }\n\n  &.active {\n    background: $secondary-color;\n\n    * {\n      color: $white;\n    }\n  }\n}\n\n.hover-bg-primary {\n  transition: .2s ease;\n\n  * {\n    transition: inherit;\n  }\n\n  &:hover {\n    background: $primary-color;\n\n    * {\n      color: $white;\n    }\n  }\n\n  &.active {\n    background: $primary-color;\n\n    * {\n      color: $white;\n    }\n  }\n}\n\n.icon-box {\n  height: 100px;\n  width: 100px;\n  line-height: 100px;\n}\n\n.icon-box-sm {\n  height: 80px;\n  width: 80px;\n  line-height: 80px;\n}\n\n.icon-watermark {\n  position: absolute;\n  left: 50%;\n  top: 32%;\n  transform: translate(-50%, -50%);\n  opacity: .1;\n  transition: inherit;\n}\n\n.card:hover {\n  .icon-watermark {\n    transform: translate(-50%, -50%) scale(1.5);\n  }\n}\n\n.bg-image {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: auto;\n\n  img {\n    height: 100%;\n    max-width: 100%;\n    @include desktop {\n      display: none;\n    }\n    @include tablet {\n      display: block;\n      height: auto;\n    }\n  }\n}\n\n.hover-shadow {\n  &::before {\n    transition: .3s ease;\n    position: absolute;\n    height: 100%;\n    box-shadow: 0px 33px 49px 0px rgba(190, 193, 228, 0.31);\n    width: 100%;\n    left: 0;\n    right: 0;\n    z-index: 1;\n    content: \"\";\n    opacity: 0;\n  }\n\n  &:hover {\n    &::before {\n      opacity: 1;\n    }\n  }\n}\n\n/* pricing */\n.bottom-shape {\n  position: relative;\n  overflow: hidden;\n\n  * {\n    position: relative;\n    z-index: 1;\n  }\n\n  &::before {\n    position: absolute;\n    content: \"\";\n    height: 100%;\n    width: 100%;\n    transform: rotate(40deg);\n    background: $primary-gradient;\n    left: 0;\n    top: 60%;\n    opacity: .5;\n  }\n\n  &::after {\n    position: absolute;\n    content: \"\";\n    height: 100%;\n    width: 100%;\n    transform: rotate(40deg);\n    background: $primary-gradient;\n    left: 20%;\n    top: 55%;\n  }\n}\n\n/* /pricing */\n\n/* project */\n.project-item {\n  position: relative;\n\n  &:hover {\n    .project-hover {\n      visibility: visible;\n      opacity: 1;\n      transform: rotateX(0deg);\n    }\n  }\n}\n\n.project-hover {\n  position: absolute;\n  width: 80%;\n  left: 10%;\n  bottom: 10%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  visibility: hidden;\n  opacity: 0;\n  transform: rotateX(90deg);\n  transition: .3s ease;\n  transform-origin: bottom;\n\n  i {\n    height: 55px;\n    width: 55px;\n    line-height: 55px;\n    border: 1px solid $white;\n    border-radius: 50%;\n    text-align: center;\n    display: block;\n\n    &:hover {\n      border-color: $primary-color;\n    }\n  }\n}\n\n/* /project */\n\n/* footer */\nfooter {\n  .overlay-image {\n    height: 80%;\n    width: 80%;\n    left: 10%;\n    top: 10%;\n  }\n}","/* progressbar */\n.progress-block {\n  .progress {\n    height: 8px;\n    border-radius: 10px;\n    margin-bottom: 40px;\n    overflow: visible;\n    position: relative;\n    box-shadow: 0px 9px 24px 0px rgba(19, 5, 44, 0.21);\n  }\n\n  .progress-bar {\n    background: $primary-gradient;\n    width: 0;\n    transition: all 3s ease-in-out;\n    top: 0;\n    left: 0;\n    height: 100%;\n    border-radius: 10px;\n\n    .skill-number {\n      position: absolute;\n      top: -22px;\n      right: 0px;\n    }\n  }\n}\n\n/* /progressbar */\n\n/* video */\n.video-player {\n  iframe {\n    width: 100%;\n    height: 100%;\n  }\n\n  .play-icon {\n    position: absolute;\n    left: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    text-align: center;\n  }\n}\n\n\n/* ripple animation */\n@mixin rings($duration, $delay) {\n  opacity: 0;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  content: '';\n  height: 100%;\n  width: 100%;\n  border: 1px solid rgba($color: $border-color, $alpha: 1.0);\n  border-radius: 100%;\n  animation-name: ripple;\n  animation-duration: $duration;\n  animation-delay: $delay;\n  animation-iteration-count: infinite;\n  animation-timing-function: cubic-bezier(.65, 0, .34, 1);\n  z-index: -1;\n}\n\n.ripple {\n  border-radius: 50%;\n  position: absolute;\n  height: 130%;\n  width: 130%;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n\n  &::after {\n    @include rings(3s, 0s);\n  }\n\n  &::before {\n    @include rings(3s, 0.5s);\n  }\n}\n\n\n@keyframes ripple {\n  from {\n    opacity: 1;\n    transform: scale3d(0.75, 0.75, 1);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(1.5, 1.5, 1);\n  }\n}\n\n\n/* /video */\n\n/* card slider */\n.ui-card-slider .left-slide::before {\n  @include desktop {\n    left: -100px;\n  }\n  @include tablet {\n    display: none;\n  }\n}\n.ui-card-slider .right-slide::before {\n  @include desktop {\n    right: -100px;\n  }\n  @include tablet {\n    display: none;\n  }\n}\n/* /card slider */\n\n/* google map */\n.map{\n  height: 750px;\n}\n/* /google map */\n\n/* team */\n.img-thumb-circle{\n  border-radius: 50%;\n  overflow: hidden;\n  max-height: 260px;\n  max-width: 260px;\n}",".card{\n  border: 0;\n  border-radius: 0;\n  &-img-top{\n    border-radius: 0;\n  }\n  &-header{\n    border: 0;\n  }\n  &-body{\n    border: 0;\n    border-radius: 0;\n  }\n  &-footer{\n    border: 0;\n  }\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\tinput[type=search]:focus + button[type=submit] {\n\t\t\t\tbackground-color:var(--bs-primary);\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-primary);\n\t\t\t\theight:60px;\n\t\t\t}\n\t\t}\n\t\t\n\t}\n}\n"]}