@charset "UTF-8";
/*
--------------------------
	Css Indexing
--------------------------
	Table of Css Content
	------- *** -------

--------------------------
** @typography
--------------------------
** Global style
--------------------------
** Preloader
--------------------------
** breadcrumb-area
--------------------------
** Normalize
--------------------------
** Main Menu Area Start
--------------------------
** Hero Area Start
--------------------------
** About Area Start
--------------------------
** We are best Area Start
--------------------------
** Feature Area Start
--------------------------
** Video Area Start
--------------------------
** Deal Of the Week Start
--------------------------
** Pricing Area Start
--------------------------
** Testimonial Area Start
--------------------------
** FAQ Area Start
--------------------------
** Contact Area Start
--------------------------
** Footer Area Start
--------------------------
** Index-2 Area Start
--------------------------




*/
/*-----------------
    @Typography
-----------------*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
/*---------------------------
** Global style
---------------------------*/

.mybtn3 {
  padding: 10px 30px;
  background: #ca3f0f;
  border-radius: 4px;
  border-radius: 999px;
  font-size: 16px;
  display: inline-block;
  border: 1px solid #ca3f0f;
  position: relative;
  text-transform: uppercase;
  z-index: 3;
  box-shadow: 0 12px 30px rgba(202, 63, 15, 0.35);
  transition: all 0.3s ease;
  cursor: pointer;
  outline: none !important;
  overflow: hidden;
  color: #fff;
}

.mybtn3 span {
  position: relative;
  font-weight: 600;
  z-index: 6;
  transition: color 0.3s ease;
  color: #fff;
}

.mybtn3:before,
.mybtn3:after {
  content: "";
  width: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.35s ease;
  z-index: 1;
  opacity: 0;
}

.mybtn3:after {
  transition-delay: 0s;
}

.mybtn3:hover:before,
.mybtn3:hover:after {
  width: 120%;
  opacity: 1;
}

.mybtn3:hover {
  background: #b6380d;
  border-color: #b6380d;
  box-shadow: 0 16px 36px rgba(14, 44, 68, 0.25);
}

.mybtn3:hover span {
  color: #fff;
}

.mybtn-bg {
  background-image: linear-gradient(120deg, #ca3f0f 0%, #ff6c2d 100%);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 14px 32px rgba(202, 63, 15, 0.35);
}

.mybtn-bg span {
  color: #fff;
}

.mybtn-bg:hover {
  background-image: linear-gradient(120deg, #b6380d 0%, #f2571f 100%);
}

.mybtn-bg:hover span {
  color: #fff;
}
@keyframes shapeani1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes shapeani2 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes shapeani3 {
  0% {
    transform: translateY(15px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(15px);
  }
}
@keyframes b-shadow {
  0% {
    box-shadow: 0px 0px 0px 20px rgba(59, 38, 219, 0.1), 0px 0px 0px 40px rgba(59, 38, 219, 0.1), 0px 0px 0px 60px rgba(59, 38, 219, 0.1), 0px 0px 0px 80px rgba(59, 38, 219, 0.1), 0px 0px 0px 100px rgba(59, 38, 219, 0.1);
  }
  50% {
    box-shadow: 0px 0px 0px 50px rgba(59, 38, 219, 0.1), 0px 0px 0px 75px rgba(59, 38, 219, 0.1), 0px 0px 0px 100px rgba(59, 38, 219, 0.1), 0px 0px 0px 125px rgba(59, 38, 219, 0.1), 0px 0px 0px 150px rgba(59, 38, 219, 0.1);
  }
  100% {
    box-shadow: 0px 0px 0px 20px rgba(59, 38, 219, 0.1), 0px 0px 0px 40px rgba(59, 38, 219, 0.1), 0px 0px 0px 60px rgba(59, 38, 219, 0.1), 0px 0px 0px 80px rgba(59, 38, 219, 0.1), 0px 0px 0px 100px rgba(59, 38, 219, 0.1);
  }
}

.navbar-light .navbar-toggler {
  border: 0px;
}
.navbar-light .navbar-toggler:focus {
  outline: 0px;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}

.bottomtotop i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  font-size: 14px;
  text-align: center;
  background-image: linear-gradient(29deg, #0e2c42 50%, #0e2c4259 100%);
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  transform: rotate(-90deg);
  bottom: 65px;
  right: 10px;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
  z-index: 999;
  transition: all linear 0.3s;
}

.section-title {
  text-align: center;
  margin-bottom: 56px;
}
.section-title.extra .title {
  margin-bottom: 24px;
}
.section-title .title {
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 13px;
  color: #242424;
  font-weight: 700;
}
.section-title .title span {
  background-image: linear-gradient(29deg, #0e2c42 50%, #0e2c4259 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section-title p {
  max-width: 650px;
  font-size: 16px;
  line-height: 26px;
  color: #555;
  margin: 0 auto;
}

.background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #F7F8FC;
  z-index: -9999;
}

.input-field {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border-radius: 3px;
  color: #555;
  margin-bottom: 20px;
}
.input-field::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #555;
}
.input-field:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #555;
}
.input-field::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #555;
}
.input-field:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #555;
}
.input-field.borderd {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.input-field.borderd:focus {
  border: 1px solid #d43f8d;
}
.input-field.textarea {
  min-height: 140px;
  padding: 15px 20px;
  resize: none;
}
.input-field.error {
  border: 1px solid #0250c5;
}
.input-field.error::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #0250c5;
}
.input-field.error:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #0250c5;
}
.input-field.error::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #0250c5;
}
.input-field.error:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #0250c5;
}
.input-field.error:focus {
  border-color: #0250c5;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0;
  }
}
/*-------------------------
    Preloader Css
---------------------------*/
@keyframes folding {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes text {
  100% {
    top: 35px;
  }
}
@keyframes shadow {
  100% {
    bottom: -18px;
    width: 100px;
  }
}

/* Breadcrumb Area Start */


.google_map_wrapper {
  border: 10px solid #fff;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
}

/*====================
** Normalize
====================*/
html {
  font-family: "Roboto", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  margin: 0;
  color: #555;
  overflow-x: hidden;
}

h1 {
  line-height: 1.0833333333;
}

h2 {
  font-size: 52px;
  line-height: 1.4444444444;
}

h3 {
  font-size: 26px;
  line-height: 1.0833333333;
}

h4 {
  font-size: 22px;
  line-height: 1.2380952381;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #242424;
  font-family: "Roboto", sans-serif;
}

p {
  font-size: 16px;
  color: #555;
  line-height: 1.625;
}

a {
  color: #242424;
  text-decoration: none;
}

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

a i {
  padding: 0 2px;
}

img {
  max-width: 100%;
}

li {
  list-style: none;
}

ul {
  padding-left: 0px;
}

/*input and button type focus outline disable*/
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
select:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #ddd;
}

/**
 * 5.0 - Alignments
 */

.navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  border-bottom: none;
  background: transparent;
  box-shadow: none;
  transition: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  padding: 18px 0;
  pointer-events: none;
}
.navigation.nav-open {
  pointer-events: auto;
}
.navigation.nav-open .navbar {
  max-height: none;
}
.navigation .navbar-collapse {
  overflow: visible !important;
}
.navigation .navbar .collapse,
.navigation .navbar .navbar-collapse.collapse {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
.navigation .navbar .navbar-collapse.collapse.show {
  display: block !important;
}
.navigation .navbar {
  padding: 8px 28px;
  border-radius: 999px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(15px);
  box-shadow: 0 18px 42px rgba(14, 44, 68, 0.25);
  pointer-events: auto;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.navigation .container {
  display: flex;
  justify-content: center;
  pointer-events: auto;
}
.navigation .navbar .navbar-brand {
  font-size: 30px;
  line-height: 50px;
  font-weight: 700;
  padding: 0px;
  margin-top: -2px;
  text-transform: uppercase;
  color: #242424;
}
.navigation .navbar .navbar-brand img {
  max-width: 120px;
  filter: none;
  transition: filter 0.3s ease;
}
.navigation .navbar .navbar-collapse {
  flex-grow: 0;
  justify-content: flex-end;
  max-height: none;
}
.navigation .navbar #mainmenu ul .nav-item .nav-link {
  color: #0e2c44;
  position: relative;
  padding: 20px 14px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
.navigation .navbar #mainmenu ul .nav-item .nav-link::before {
  position: absolute;
  content: " ";
  width: 3px;
  height: 3px;
  left: 50%;
  border-radius: 50px;
  bottom: 0;
  opacity: 0;
  transform: translateX(-50%);
  background: linear-gradient(120deg, #ca3f0f, #ff6c2d);
  transition: 0.5s;
}
.navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.navigation .navbar #mainmenu ul .nav-item .nav-link.active::before {
  position: absolute;
  content: " ";
  width: 70%;
  height: 3px;
  left: 50%;
  transform: translate(-50%);
  bottom: 0px;
  opacity: 1;
  background: linear-gradient(120deg, #ca3f0f, #ff6c2d);
}
.navigation .navbar #mainmenu ul .nav-item.nav-cta {
  display: flex;
  align-items: center;
}
.navigation .navbar #mainmenu ul .nav-item.nav-cta .nav-link {
  background-image: linear-gradient(120deg, #ca3f0f 0%, #ff6c2d 100%);
  border-radius: 999px;
  padding: 12px 28px;
  margin-left: 20px;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(202, 63, 15, 0.35);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.navigation .navbar #mainmenu ul .nav-item.nav-cta .nav-link::before {
  display: none;
}
.navigation .navbar #mainmenu ul .nav-item.nav-cta .nav-link:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 20px 35px rgba(202, 63, 15, 0.4);
}
.navigation .navbar #mainmenu ul .nav-item.nav-cta {
  margin-left: 20px;
}
.navigation .navbar #mainmenu ul .nav-item.nav-dropdown {
  position: relative;
  margin-left: 15px;
}
.navigation .navbar #mainmenu ul .nav-item.nav-dropdown .nav-dropdown-toggle {
  border: none;
  background: transparent;
  color: #0e2c44;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  padding: 20px 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.navigation .navbar #mainmenu ul .nav-item.nav-dropdown .nav-dropdown-divider {
  opacity: 0.6;
  font-weight: 400;
}
.nav-dropdown-menu {
  position: absolute;
  top: calc(100% - 5px);
  left: 0;
  min-width: 280px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 25px 60px rgba(14, 44, 68, 0.2);
  padding: 10px 0;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 1000;
}
.nav-dropdown-menu.show {
  opacity: 1;
  transform: translateY(0px);
  pointer-events: auto;
}
.nav-dropdown-item {
  display: block;
  padding: 10px 20px;
  color: #0e2c44;
  font-size: 15px;
  text-decoration: none;
  transition: background 0.2s ease;
}
.nav-dropdown-item:hover {
  background: rgba(202, 63, 15, 0.07);
}
.nav-dropdown.show > .nav-dropdown-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
}
.nav-dropdown.show > .nav-dropdown-toggle {
  color: #ca3f0f;
}
.use-case-page .inner-hero {
  padding: 140px 0 60px;
  background: linear-gradient(140deg, #fff4ee 0%, #ffffff 60%);
}
.use-case-page .inner-hero h1 {
  font-size: 2.75rem;
  font-weight: 700;
  color: #0e2c44;
  margin-bottom: 20px;
}
.use-case-page .inner-hero .lead {
  font-size: 1.1rem;
  color: #4b5563;
  margin-bottom: 32px;
}
.use-case-back {
  display: inline-flex;
  font-size: 0.9rem;
  color: #0e2c44;
  margin-bottom: 20px;
}
.use-case-details {
  padding: 80px 0 120px;
  background: #fff;
}
.use-case-card {
  background: #fff;
  border-radius: 24px;
  padding: 30px;
  box-shadow: 0 20px 45px rgba(14, 44, 68, 0.12);
}
.use-case-gallery {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 18px;
}
.use-case-gallery img {
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 18px 35px rgba(14, 44, 68, 0.12);
}
.use-case-gallery img:nth-child(1) {
  align-self: end;
}
.use-case-gallery img:nth-child(3) {
  grid-column: 1 / -1;
}
@media (max-width: 767px) {
  .use-case-gallery {
    grid-template-columns: 1fr;
  }
  .use-case-gallery img:nth-child(1) {
    align-self: stretch;
  }
  .use-case-gallery img:nth-child(3) {
    grid-column: auto;
  }
}
.use-case-card h2 {
  font-size: 1.5rem;
  margin-bottom: 20px;
}
.use-case-card ul {
  padding-left: 18px;
}
.use-case-card li {
  margin-bottom: 10px;
  color: #0e2c44;
}
@media (max-width: 991px) {
  .navigation.nav-open .navbar {
    border-radius: 24px;
    padding-bottom: 20px;
  }
  .navigation .navbar-collapse {
    width: 100%;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .navigation.nav-open .navbar-collapse {
    display: block !important;
  }
  .navigation .navbar {
    padding: 12px 16px;
    flex-wrap: wrap;
    border-radius: 22px;
  }
  .navigation .navbar #mainmenu {
    margin-top: 8px;
    width: 100%;
  }
  .navigation .navbar #mainmenu ul {
    align-items: flex-start;
    width: 100%;
    gap: 0;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 18px;
    padding: 12px 16px;
    box-shadow: 0 8px 24px rgba(14, 44, 68, 0.14);
  }
  .navigation .navbar #mainmenu ul .nav-item {
    width: 100%;
  }
  .navigation .navbar #mainmenu ul .nav-item .nav-link {
    width: 100%;
    text-align: left;
    padding: 12px 0;
    border-bottom: 1px solid rgba(14, 44, 68, 0.08);
  }
  .navigation .navbar #mainmenu ul .nav-item:last-child .nav-link,
  .navigation .navbar #mainmenu ul .nav-item.nav-dropdown .nav-dropdown-toggle {
    border-bottom: none;
  }
  .navigation .navbar #mainmenu ul .nav-item.nav-cta {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
    align-self: center;
    justify-content: center;
  }
  .navigation .navbar #mainmenu ul .nav-item.nav-cta .nav-link {
    width: 100%;
    text-align: center;
    padding: 14px;
    box-shadow: 0 18px 32px rgba(202, 63, 15, 0.35);
  }
  .navigation .navbar #mainmenu ul .nav-item.nav-dropdown {
    margin-left: 0;
  }
  .navigation .navbar #mainmenu ul .nav-item.nav-dropdown .nav-dropdown-toggle {
    width: 100%;
    justify-content: space-between;
    padding: 12px 0;
  }
  .nav-dropdown-menu {
    position: static;
    box-shadow: none;
    border-radius: 12px;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    background: transparent;
    padding: 6px 4px 0;
    width: 100%;
  }
  .nav-dropdown-item {
    padding: 8px 0;
  }
  .navigation .navbar-collapse {
    width: 100%;
    margin-top: 0;
  }
  .navigation .language-switcher {
    width: 100%;
    margin: 12px 0 0;
  }
  .navigation .language-switcher .language-current {
    width: 100%;
    justify-content: center;
    font-size: 14px;
    padding: 10px 18px;
  }
  .navigation .language-switcher .language-options {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 12px 24px rgba(14, 44, 68, 0.2);
  }
}
.navigation .navbar #mainmenu ul .nav-item.nav-dropdown:hover .nav-dropdown-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
}
.navigation .navbar #mainmenu ul .nav-item.nav-dropdown:hover .nav-dropdown-toggle {
  color: #ca3f0f;
}

/*---------------------------
** About Area Start
---------------------------*/
.about {
  padding: 40px 0px 120px;
  position: relative;
}
.about .box {
  text-align: center;
  background: transparent;
  position: relative;
  transition: all 0.3s ease-in;
  border-radius: 28px;
  padding: 4px;
}
.about .about-boxes .inner-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 25px 45px rgba(14, 44, 68, 0.12);
}
.about .box .inner-box {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 27px 25px 35px;
  transition: 0.3s ease-in;
  background: #ffffff;
  border-radius: 22px;
}
.about .box .inner-box .icon {
  font-size: 55px;
}
.about .box .inner-box .icon i {
  background-image: linear-gradient(120deg, #ca3f0f, #ff6c2d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in;
}
.about .box .inner-box .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  color: #242424;
  margin: 9px 0px 22px;
  transition: all 0.3s ease-in;
}
.about .box .inner-box .text {
  margin-bottom: 0px;
  transition: all 0.3s ease-in;
}
.about .box:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0px 25px 35px rgba(202, 63, 15, 0.25);
}

/*---------------------------
** We are best Area Start
---------------------------*/
.whaybest {
  position: relative;
  padding: 110px 0px 83px;
  background: #fff6f1;
}
.whaybest .row-one {
  margin-bottom: 55px;
}
.whaybest .row {
  align-items: center !important;
  min-height: 500px;
}
.whaybest .col-lg-6 {
  display: flex !important;
  align-items: center !important;
}
.whaybest .info {
  width: 100%;
  align-self: center;
}
.whaybest .feature-tab-content > .row {
  display: flex !important;
  align-items: center !important;
}
.whaybest .info .info-title {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  color: #242424;
  margin-bottom: 35px;
  display: block;
}
.whaybest .info .info-title span {
  background-image: linear-gradient(120deg, #ca3f0f, #ff6c2d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.whaybest .about-img {
  text-align: center;
  padding: 0px 90px;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.whaybest .about-img img {
  animation: shapeani3 5s linear infinite;
  border-radius: 16px;
  clip-path: inset(0 round 16px);
  box-shadow: 0 20px 50px rgba(14, 44, 68, 0.15);
}
.whaybest .center-feature img {
  border-radius: 16px;
  clip-path: inset(0 round 16px);
}
.whaybest .feature-list {
  padding-left: 0px;
  margin-top: 0px;
  display: flex;
  flex-wrap: wrap;
}
.whaybest .feature-list li {
  max-width: 50%;
  flex: 50%;
  padding-left: 15px;
  padding-right: 15px;
  list-style: none;
  cursor: pointer;
  margin-bottom: 8px;
}
.whaybest .feature-list li:last-child {
  margin-bottom: 0px;
}
.whaybest .feature-list li .icon {
  margin-bottom: 14px;
}
.whaybest .feature-list li .icon i {
  background-image: linear-gradient(120deg, #ca3f0f, #ff6c2d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 55px;
  line-height: 65px;
}
.whaybest .feature-list li .content {
  flex: 1;
}
.whaybest .feature-list li .content h4 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  margin-bottom: 5px;
}
.whaybest .feature-list li .content p {
  font-size: 16px;
  line-height: 26px;
}
.whaybest .feature-list li:hover .icon::after {
  border-color: #d43f8d;
  animation: shapeani2 10s linear infinite;
}

/* Feature Tabs Styling */
.feature-tabs-wrapper {
  margin: 40px 0 60px;
  display: flex;
  justify-content: center;
  border-radius: 32px;
  box-shadow: none;
  border: none;
  padding: 0;
}

.feature-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  max-width: 1200px;
  padding: 0 15px;
}

.feature-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 18px 22px;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(202, 63, 15, 0.15);
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 160px;
  flex: 1;
  max-width: 180px;
}

.feature-tab i {
  font-size: 24px;
  color: #ca3f0f;
  transition: all 0.3s ease;
}

.feature-tab span {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  text-align: center;
  transition: all 0.3s ease;
}

.feature-tab:hover {
  border-color: rgba(202, 63, 15, 0.4);
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(202, 63, 15, 0.15);
}

.feature-tab:hover i,
.feature-tab:hover span {
  color: #ca3f0f;
}

.feature-tab.active {
  background: linear-gradient(120deg, #0e2c42, #122d49);
  border-color: rgba(14, 44, 68, 0.9);
  box-shadow: 0 25px 45px rgba(14, 44, 68, 0.25);
}

.feature-tab.active i,
.feature-tab.active span {
  color: #ffffff;
}

.feature-tab-content {
  display: none;
  animation: fadeIn 0.5s ease;
}

.feature-tab-content.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .feature-tabs {
    gap: 8px;
  }

  .feature-tab {
    min-width: 120px;
    max-width: 140px;
    padding: 12px 16px;
  }

  .feature-tab i {
    font-size: 20px;
  }

  .feature-tab span {
    font-size: 12px;
  }
}

@media (max-width: 576px) {
  .feature-tabs {
    flex-direction: column;
    max-width: 100%;
  }

  .feature-tab {
    max-width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    gap: 12px;
  }
}

/* Special styling for other-features tab content */
.whaybest #other-features {
  padding: 40px 0;
}

.whaybest #other-features .section-title {
  margin-bottom: 50px;
}

.whaybest #other-features .info-title {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  color: #242424;
  margin-bottom: 20px;
}

.whaybest #other-features p {
  font-size: 16px;
  line-height: 26px;
  color: #555;
}

/*---------------------------
** Feature Area Start
---------------------------*/
.feature {
  padding: 110px 0px 95px;
  position: relative;
}
.feature .section-title {
  margin-bottom: 47px;
}

/*---------------------------
** Video Area Start
---------------------------*/
.video {
  padding: 110px 0px 90px;
  background: #F7F9FF;
  position: relative;
}
.video .section-title .title {
  margin-bottom: 24px;
}
sup {
  color: #0e2c42;
  background-image: linear-gradient(29deg, #0e2c42 50%, #0e2c4259 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*---------------------------
** Deal Of the Week Start
---------------------------*/

/*-----------------------------
** Pricing Area Start
------------------------------*/
.pricing {
  padding: 110px 0px 120px;
  position: relative;
}

/*-----------------------------
** Pricing Area Start
------------------------------*/
/*---------------------------
** Testimonial Area Start
---------------------------*/

/*---------------------------
** Testimonial Area End
---------------------------*/
/*-----------------------------
** FAQ Area Start
------------------------------*/
.faq {
  padding: 110px 0px 100px;
  position: relative;
  background: #fff6f1;
}
.faq .accordion .panel {
  margin-bottom: 20px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0px 25px 45px rgba(202, 63, 15, 0.15);
  position: relative;
  border: 1px solid rgba(202, 63, 15, 0.08);
}
.faq .accordion .panel::after {
  position: absolute;
  content: " ";
  top: 50%;
  left: 10px;
  height: calc(100% - 24px);
  width: 3px;
  background-image: linear-gradient(120deg, #ca3f0f, #ff6c2d);
  border-radius: 999px;
  transform: translateY(-50%);
}
.faq .accordion .panel .panel-body {
  padding: 4px 20px 7px;
}
.faq .accordion .panel-title {
  display: block;
  width: 100%;
  background: transparent;
  padding: 15px 40px 15px 20px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #242424;
  position: relative;
  border-radius: 18px;
  cursor: pointer;
  transition: color 0.3s ease;
}
.faq .accordion .panel-title::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 100%;
  border-radius: 3px 0px 0px 3px;
  right: 0;
  top: 0;
  text-align: center;
}
.faq .accordion .panel-title::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  text-align: center;
  z-index: 1;
  font-size: 12px;
  transition: 0.3s ease-in;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(202, 63, 15, 0.45);
  line-height: 22px;
  border-radius: 50%;
  color: #ca3f0f;
  margin-right: 10px;
}
.faq .accordion .panel-title[aria-expanded=true]::before {
  font-family: "Font Awesome 5 Free";
  content: "";
  color: #fff;
  background: linear-gradient(120deg, #ca3f0f, #ff6c2d);
  border-color: transparent;
}
.faq .accordion .panel-title:hover::before {
  border-color: rgba(202, 63, 15, 0.7);
}
.faq .accordion .panel-title:hover {
  color: #ca3f0f;
}
.faq .faq-img {
  align-self: center;
  width: 100%;
  display: flex;
  justify-content: center;
}
.faq .faq-img img {
  width: 100%;
  max-width: 420px;
  border-radius: 20px;
  box-shadow: 0 25px 55px rgba(14, 44, 68, 0.22);
}

/*-----------------------------
** Contact Area Start
------------------------------*/
.contact {
  padding: 110px 0px 90px;
  position: relative;
}
.contact .info-box {
  background: #fff;
  margin-bottom: 30px;
  padding: 30px 30px 22px;
  position: relative;
  cursor: pointer;
  text-align: center;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
}
.contact .info-box .left {
  margin-bottom: 25px;
}
.contact .info-box .left .icon {
  font-size: 30px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
  display: inline-block;
  position: relative;
}
.contact .info-box .left .icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px dashed #0250c5;
  animation: shapeani2 10s linear infinite;
}
.contact .info-box .left .icon i {
  background-image: linear-gradient(29deg, #0e2c42 50%, #0e2c4259 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.contact .info-box .right {
  text-align: center;
}
.contact .info-box .right .content p {
  margin-bottom: 0px;
}
.contact .info-box:hover .left .icon::after {
  border: 1px dashed #d43f8d;
}
.contact .contact-form-wrapper {
  background: #fff;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
  padding: 50px 25px 40px;
  transition: 0.3s ease-in;
}
.contact .contact-form-wrapper .section-title {
  margin-bottom: 48px;
}
.contact .contact-form-wrapper #contact-form textarea {
  margin-bottom: 9px;
}
.contact .google_map_wrapper {
  padding: 0px !important;
}
.contact .google_map_wrapper iframe {
  width: 100% !important;
  height: 475px !important;
  margin: 0px;
  padding: 0px;
}

/*-----------------------------
** Contact Area End
------------------------------*/

/* -----------------------------
 Footer Area Start
------------------------------*/
.footer {
  overflow: hidden;
  position: relative;
  padding: 90px 0px 0px;
  background: url(../images/map.webp);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  background-position-y: 400px;
}
.footer .footer-info-area {
  text-align: center;
}
.footer .footer-info-area .footer-logo {
  margin-bottom: 23px;
  display: block;
}
.footer .footer-info-area .footer-logo .logo-link {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
}
.footer .footer-info-area .footer-logo img {
  max-width: 180px;
}
.footer .footer-info-area .text {
  margin-bottom: 24px;
}
.footer .fotter-social-links {
  text-align: center;
  margin-top: 35px;
}
.footer .fotter-social-links ul {
  padding-left: 0px;
  margin-left: 0px;
}
.footer .fotter-social-links ul li {
  display: inline-block;
}
.footer .fotter-social-links ul li a {
  font-size: 14px;
  width: 35px;
  height: 35px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
  margin: 0px 3px;
  color: #fff;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.18);
  transition: all 0.3s ease-in;
}
.footer .fotter-social-links ul li a.linkedin {
  background: #007bb5;
  border-color: #007bb5;
}
.footer .copy-bg {
  padding: 20px 0px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 84px;
}
.footer .copy-bg p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0px;
}
.footer .copy-bg a {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0px;
  transition: 0.3s ease-in;
}
.footer .copy-bg a:hover {
  color: #0250c5;
}

/*-----------------------------
** Footer Area End
------------------------------*/
/*-----------------------------
** Index-2 Area Start
------------------------------*/
.index2 .whaybest .about-img {
  padding: 0px;
}

/* Blog Area Start */

/* Blog Area End */
/* Blog Page Grid Area Start */

/* Blog Page Grid Area End */
/*  Pagination Area Css Start */

/*  Pagination Area Css End */
/*  categori-widget Start */

/*  categori-widget End */
/*  latest-post-widget Start */

/*  latest-post-widget End */
/*  newsletter-widget Start */

/*  newsletter-widget End */
/*  Blog Details Area Start */

/*  Blog Details Area End */
/* Signin Area Start */
.auth {
  padding: 120px 0px 120px;
}

/* Signin Area End */
/* 404 Area Start */

/* 404 Area End */
:root {
	--background: linear-gradient(29deg, #0e2c42 50%, #0e2c4259 100%);
	--white-text: #fff;
	--hover-text: #fff;
	--button-background: #fff;
	--button-background-hover: #000;
	--button-text: #007af7;
	
}

.cookie-container {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 1rem 2rem;
  background: linear-gradient(110deg, rgba(252, 236, 228, 0.95), rgba(255, 237, 229, 0.92));
  color: #0e2c44;
  position: fixed;
  bottom: 0;
  font-size: 1rem;
  gap: 2rem;
  opacity: 1;
  visibility: visible;
  flex-wrap: wrap;
  width: 100%;
  z-index: 99;
  border-top: 1px solid rgba(202, 63, 15, 0.2);
  box-shadow: 0 -10px 30px rgba(202, 63, 15, 0.25);
  backdrop-filter: blur(12px);
}

.cookie-container.hide {
  opacity: 0;
  visibility: hidden;
}

.cookie-container a {
  color: #ca3f0f;
  font-weight: 600;
}

.cookie-text {
  color: #0e2c44;
  margin-bottom: 0;
}

.cookie-text a {
  text-decoration: underline;
}

.cookie-container a:hover {
  color: #ff6c2d;
}

.cookie-container .cookie-text {
  flex: 8 768px;
}

.cookie-container .agree {
  flex: 1 150px;
  text-align: center;
}

.agree button {
  background: linear-gradient(120deg, #ca3f0f, #ff6c2d);
  color: #fff;
  border: none;
  padding: 0.4rem 1.6rem;
  cursor: pointer;
  border-radius: 999px;
  font-size: 1rem;
  box-shadow: 0 15px 35px rgba(202, 63, 15, 0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.agree button:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(202, 63, 15, 0.45);
}

.cookie-container.hide {
  opacity: 0;
  visibility: hidden;
}
.bottomtotop i { 
    bottom: 65px !important;
}
  
  @media screen and (max-width: 700px){
    .about .box{
      width: 100%;
    }
    .about .about-boxes .box{
      margin-left: auto;
      margin-right: auto;
    }
  }

  /* Hero V3 Styles - Clean, Modern Design */

/* Header Fix - Make navigation visible on light background */
body.index2 .navigation {
  background: transparent;
  box-shadow: none;
}

body.index2 .navigation .navbar .navbar-brand img {
  filter: none;
}

body.index2 .navigation .navbar #mainmenu ul .nav-item .nav-link {
  color: #0e2c44;
}

body.index2 .navigation .navbar #mainmenu ul .nav-item .nav-link::before {
  background: linear-gradient(120deg, #ca3f0f, #ff6c2d);
}

body.index2 .navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before,
body.index2 .navigation .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background: linear-gradient(120deg, #ca3f0f, #ff6c2d);
}

.hero-v3 {
  background:
    radial-gradient(circle 380px at 20% 30%, rgba(202, 63, 15, 0.32) 0%, transparent 72%),
    radial-gradient(circle 520px at 80% 70%, rgba(202, 63, 15, 0.24) 0%, transparent 75%),
    linear-gradient(150deg, #fff9f6 0%, #ffffff 100%);
  padding: 128px 0 0;
  overflow: hidden;
  position: relative;
}

.hero-v3-subtitle {
  font-size: 1.125rem;
  color: #6b7280;
  margin: 0 auto 32px;
  max-width: 672px;
  line-height: 1.6;
}

.hero-v3-cta {
  margin-bottom: 40px;
}

.hero-v3-trust-signals {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  margin-bottom: 64px;
}

.trust-signal-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
}

.checkmark-icon {
  width: 16px;
  height: 16px;
  color: #10b981;
  flex-shrink: 0;
}

.hero-v3-dashboard {
  max-width: 1280px;
  margin: 0 auto 64px;
  position: relative;
}

.hero-v3-dashboard-img {
  border-radius: 12px;
  box-shadow: 0 25px 60px rgba(15, 23, 42, 0.15);
}

.hero-v3-mobile-preview {
  position: absolute;
  right: 5%;
  bottom: -80px;
  width: 225px;
  height: 456px;
  border-radius: 32px;
  background: url("../images/mobile-screen.webp") center/cover no-repeat;
}

.hero-v3-footer {
  margin-top: 64px;
}

.hero-v3-experience {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #9ca3af;
  text-transform: uppercase;
  margin-bottom: 32px;
}

.hero-v3-business-types {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}

.business-type-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  color: #374151;
}

.business-type-item svg {
  flex-shrink: 0;
}

/* Responsive Styles */
@media (max-width: 991px) {
  .hero-v3 {
    padding: 120px 0 64px;
    background:
      radial-gradient(circle 320px at 25% 20%, rgba(202, 63, 15, 0.18) 0%, transparent 70%),
      radial-gradient(circle 420px at 80% 80%, rgba(14, 44, 68, 0.16) 0%, transparent 70%),
      linear-gradient(150deg, #fff9f6 0%, #ffffff 100%);
  }

  .hero-v3-subtitle {
    font-size: 1rem;
  }

  .hero-v3-trust-signals {
    gap: 16px;
  }
  .hero-v3-mobile-preview {
    position: relative;
    right: auto;
    bottom: auto;
    margin: 24px auto 0;
    height: 340px;
    width: 190px;
  }
}

.contact-toast {
  position: fixed;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%) translateY(16px);
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.contact-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}
.contact-toast__panel {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-radius: 16px;
  min-width: 280px;
  max-width: 92vw;
  background: #ffffff;
  color: #0e2c44;
  box-shadow: 0 24px 50px rgba(14, 44, 68, 0.25);
  border: 1px solid rgba(14, 44, 68, 0.08);
}
.contact-toast__icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 18px;
  background: rgba(202, 63, 15, 0.12);
  color: #ca3f0f;
}
.contact-toast__message {
  font-size: 0.95rem;
  font-weight: 600;
  flex: 1;
}
.contact-toast__close {
  border: none;
  background: transparent;
  font-size: 20px;
  color: #6b7280;
  cursor: pointer;
  line-height: 1;
}
.contact-toast.success .contact-toast__icon {
  background: rgba(202, 63, 15, 0.12);
  color: #ca3f0f;
}
.contact-toast.error .contact-toast__icon {
  background: rgba(14, 44, 68, 0.12);
  color: #0e2c44;
}

@media (max-width: 767px) {
  .hero-v3 {
    padding: 140px 0 48px;
    background:
      radial-gradient(circle 260px at 50% 10%, rgba(202, 63, 15, 0.15) 0%, transparent 70%),
      radial-gradient(circle 360px at 60% 80%, rgba(14, 44, 68, 0.12) 0%, transparent 70%),
      linear-gradient(150deg, #fff9f6 0%, #ffffff 100%);
  }

  .hero-v3-subtitle {
    font-size: 0.9375rem;
  }

  .hero-v3-trust-signals {
    flex-direction: column;
    gap: 12px;
  }

  .hero-v3-business-types {
    flex-direction: column;
    gap: 16px;
  }
  .hero-v3-mobile-preview {
    width: 170px;
    height: 310px;
  }
}

/* Pricing V3 Styles */
.pricing-v3 {
  padding: 96px 0;
  background: transparent;
}

.pricing-v3-title {
  font-size: 1.875rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 16px;
}

.pricing-v3-subtitle {
  font-size: 1rem;
  color: #6b7280;
  margin-bottom: 48px;
}

.pricing-card {
  background: #ffffff;
  padding: 32px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.pricing-card-featured {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  border: 1px solid #dbeafe;
}

.recommended-badge {
  position: absolute;
  top: 0;
  right: 0;
  background: #3b82f6;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 4px 12px;
  border-bottom-left-radius: 8px;
}

.pricing-card-header {
  margin-bottom: 32px;
}

.plan-name {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #9ca3af;
  margin-bottom: 16px;
}

.plan-name-featured {
  color: #2563eb;
}

.plan-price {
  display: flex;
  align-items: baseline;
}

.price-amount {
  font-size: 2.25rem;
  font-weight: 700;
  color: #0f172a;
}

.price-period {
  font-size: 1rem;
  color: #6b7280;
  margin-left: 8px;
}

.pricing-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px 0;
  flex: 1;
}

.pricing-features li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 0.875rem;
  color: #4b5563;
}

.pricing-features li svg {
  width: 20px;
  height: 20px;
  color: #10b981;
  flex-shrink: 0;
  margin-top: 2px;
}

.pricing-btn {
  display: block;
  width: 100%;
  padding: 12px 24px;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border-radius: 999px;
  transition: all 0.3s ease;
}

.pricing-btn-outline {
  background: #ffffff;
  border: 1px solid rgba(202, 63, 15, 0.35);
  color: #ca3f0f;
}

.pricing-btn-outline:hover {
  background: rgba(202, 63, 15, 0.05);
  text-decoration: none;
  color: #b6380d;
}

.pricing-btn-primary {
  background: linear-gradient(120deg, #ca3f0f, #ff6c2d);
  border: 1px solid #ca3f0f;
  color: #ffffff;
}

.pricing-btn-primary:hover {
  background: linear-gradient(120deg, #b6380d, #f2571f);
  text-decoration: none;
  color: #ffffff;
}

@media (max-width: 767px) {
  .pricing-v3 {
    padding: 64px 0;
  }

  .pricing-v3-title {
    font-size: 1.5rem;
  }
}

.margin-top-20 {
  margin-top: 20px !important;
}
.navbar-collapse {
  flex-basis: auto;
}
@media (max-width: 991px) {
  .navigation .navbar .navbar-collapse {
    max-height: none;
    overflow: visible;
  }
}