@import url("https://fonts.googleapis.com/css?family=Lato:300,400,500,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Inter:400,500,600,700&display=swap";);
/*@import url("https://fonts.googleapis.com/css?family=Sora:100,400,500&display=swap";);*/

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


:root{
  --font14:   0.875rem;/*14px*/
  --font16:   1rem;/*16px*/
  --font18:   1.125rem;/*18px*/
  --font20:   1.25rem;/*20px*/
  --font22:   1.375rem;/*22px*/
  --font24:   1.5rem;/*24px*/
  --font26:   1.62rem;/*26px*/
  --font28:   1.75rem;/*28px*/
  --font30:   1.87rem;/*30px*/
  --font34:   2.12rem;/*34px*/
  --font36:   2.25rem;/*36px*/
  --font40:   2.5rem;/*36px*/
  --font44:   2.75rem;/*44px*/
  --font46:   2.875rem;/*46px*/
  --font48:   3rem;/*48px*/
}
@font-face {font-display: swap;font-family: "Material Design Icons";src: url("../fonts/materialdesignicons-webfont.eot?v=4.4.95");src: url("../fonts/materialdesignfooicons-webfont.eot?#iefix&v=4.4.95") format("embedded-opentype"),url("../fonts/materialdesignicons-webfont.woff2?v=4.4.95") format("woff2"),url("../fonts/materialdesignicons-webfont.woff?v=4.4.95") format("woff"),url("../fonts/materialdesignicons-webfont.ttf?v=4.4.95") format("truetype");font-weight: normal;font-style: normal}
.mdi:before,.mdi-set {display: inline-block;font: normal normal normal 24px/1 "Material Design Icons";font-size: inherit;text-rendering: auto;line-height: inherit;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.mdi-facebook::before {content: "\F20C"}
.mdi-instagram::before {content: "\F2FE"}
.mdi-linkedin::before {content: "\F33B"}
.mdi-twitter::before {content: "\F544"}
.mdi-chevron-right::before{content:"\F142"}
.mdi-chevron-up::before {content: "\F143";}
.mdi-play::before{content:"\F40A"}
/*@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.woff2') format('woff2'),
         url('../fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Medium.woff2') format('woff2'),
         url('../fonts/Lato-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Semibold.woff2') format('woff2'),
         url('../fonts/Lato-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.woff2') format('woff2'),
         url('../fonts/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}*/
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsthin';
    src: url('poppins-thin-webfont.woff2') format('woff2'),
         url('poppins-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Sora';
    src: url('../fonts/Sora-Thin.woff2') format('woff2'),
        url('../fonts/Sora-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sora';
    src: url('../fonts/Sora-Light.woff2') format('woff2'),
        url('../fonts/Sora-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
.text-primary {color: #2f55d4 !important;}
a.text-primary:hover, a.text-primary:focus {color: #284bc1 !important;}
.font-red{color:#c52031;}
.font-20{font-size: 20px;}
.font-24{font-size: 24px;}
.font-30{font-size: 30px;}
.p-0{padding: 0 !important}
.error-page{letter-spacing: 0 !important;}
.text-dark {color: #3c4858 !important;}
a.text-dark:hover, a.text-dark:focus {color: #323c49 !important;}
.text-footer {color: #202942 !important;}
a.text-footer:hover, a.text-footer:focus {  color: #181e30 !important;}
.text-muted {color: #666 !important;}
a.text-muted:hover, a.text-muted:focus {color: #75859b !important;}
.bg-light {background-color: #f8f9fc !important;}
.text-light {color: #f8f9fc !important;}
a.text-light:hover, a.text-light:focus {color: #e6eaf4 !important;}
.list-inline-item:not(:last-child) {margin-right: 0px;margin-bottom: 5px;}
.rounded {border-radius: 6px !important;}
.rounded-top {border-top-left-radius: 6px !important;border-top-right-radius: 6px !important;}
.rounded-left {border-top-left-radius: 6px !important;border-bottom-left-radius: 6px !important;}
.rounded-bottom { border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important;}

.rounded-right {border-top-right-radius: 6px !important;border-bottom-right-radius: 6px !important;}
.border {border: 1px solid #e9ecef !important;}
.border-top {border-top: 1px solid #e9ecef !important;}
.border-bottom {border-bottom: 1px solid #e9ecef !important;}
.border-left {border-left: 1px solid #e9ecef !important;}
.border-right {border-right: 1px solid #e9ecef !important;}
.small, small {font-size: 90%;}
.card .card-body {padding: 1.5rem;}
.btn-primary {background-color: #2f55d4 !important;border: 1px solid #2f55d4 !important;color: #ffffff !important;-webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus {background-color: #2443ac !important;border-color: #2443ac !important;color: #ffffff !important;}
.btn {padding: 8px 20px;outline: none;text-decoration: none;font-size: 16px;letter-spacing: 0.5px;-webkit-transition: all 0.3s;transition: all 0.3s;font-weight: 600;border-radius: 6px;}
.btn:focus {-webkit-box-shadow: none !important;box-shadow: none !important;}
.btn.btn-sm {padding: 7px 16px;font-size: 10px;}
.btn.btn-lg {padding: 14px 30px;font-size: 16px;}
button:not(:disabled) {outline: none;}
.shadow {-webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;}
.shadow-lg {-webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;}
.dropdown-primary .dropdown-menu .dropdown-item:hover, .dropdown-primary .dropdown-menu .dropdown-item.active, .dropdown-primary .dropdown-menu .dropdown-item:active, .dropdown-primary .dropdown-menu .dropdown-item.focus, .dropdown-primary .dropdown-menu .dropdown-item:focus {  background-color: transparent;color: #2f55d4 !important;}
.avatar.avatar-ex-sm {max-height: 25px;}
.avatar.avatar-md-sm {height: 45px;width: 45px;}
.avatar.avatar-small {height: 65px;width: 65px;}
.avatar.avatar-medium {height: 110px;width: 110px;}
.avatar.avatar-large {height: 140px;width: 140px;}
.avatar.avatar-ex-large {height: 180px;width: 180px;}
.faq-container .question {font-size: 20px;}
.faq-content .card .faq .card-header {padding-right: 30px !important;}
.faq-content .card .faq .card-header.card-header-2 {border-bottom: 0;}
.faq-content .card .faq .card-header.card-header-2 .faq-question {  font-size: 18px;}

.faq-content .card a.faq[data-toggle=collapse] {background-color: #ffffff;color: #333;-webkit-transition: all 0.5s;transition: all 0.5s;}
.faq-content .card a.faq[data-toggle=collapse]:before {content: '\F143';display: block;font-family: 'Material Design Icons';font-size: 24px;color: #007bff;position: absolute;right: 10px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.faq-content .card a.faq[data-toggle=collapse].collapsed {background-color: #ffffff;color: #3c4858 !important;-webkit-transition: all 0.5s;transition: all 0.5s;}
.faq-content .card a.faq[data-toggle=collapse].collapsed:before {top: 20px;-webkit-transform: rotate(180deg);transform: rotate(180deg);color: #007bff !important;}
.faq-content .card .title {font-size: 18px;}
.fa, .fab, .fad, .fal, .far, .fas{font-size: 12px;}
.alert {padding: 8px 15px;border-radius: 6px;font-size: 14px;}
.alert-outline-dark {background-color: #ffffff;color: #3c4858;border-color: #3c4858;}
.alert.alert-pills {border-radius: 30px;display: inline-block;}
.alert.alert-pills .content {font-weight: 600;}
.nav-pills {margin-bottom: 15px;background: #f4f6fa;}
.nav-pills .nav-link {color: #495057 !important;padding: 5px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.nav-pills .nav-link.active {background: #2f55d4;color: #ffffff !important;}
.nav-pills .nav-link.active .tab-para {color: #f8f9fc !important;}
.nav-pills a .title {font-size: 17px;font-weight: 600;}
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-image: linear-gradient(45deg, #ffffff, #ffffff);z-index: 9999999;}
#preloader #status {position: absolute;left: 0;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#preloader #status .spinner {width: 40px;height: 40px;position: relative;margin: 100px auto;}
#preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2 {width: 100%;height: 100%;border-radius: 50%;background-color: #2f55d4;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;}
#preloader #status .spinner .double-bounce2 {-webkit-animation-delay: -1.0s; animation-delay: -1.0s;}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.social-icon li a {color: #3c4858;border: 1px solid #3c4858;display: inline-block;height: 32px;width: 32px;line-height: 28px;text-align: center;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;overflow: hidden;position: relative;}
.social-icon li a .fea-social {stroke-width: 2;}
.social-icon li a:hover {background-color: #2f55d4;border-color: #2f55d4 !important;color: #ffffff !important;}
.social-icon li a:hover .fea-social {fill: #2f55d4;}
.social-icon.social li a {color: #adb5bd;border-color: #adb5bd;}
.back-to-top {z-index: 99;position: fixed;bottom: 30px;right: 30px;width: 32px;height: 32px;line-height: 30px;display: none;color: #3c4858;background-color: #ced4da;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);}
.back-to-top .icons {-webkit-transition: all 0.5s ease;transition: all 0.5s ease;stroke-width: 2;height: 14px;width: 14px;}
.back-to-top:hover {background-color: #2f55d4;color: #ffffff;}
.back-to-home {position: absolute;top: 4%;right: 2%;z-index: 1;}
.back-to-home a {width: 40px;height: 40px;line-height: 36px;background: #2f55d4;}
.sticky-bar {position: -webkit-sticky;position: sticky;top: 80px;}
.fea {stroke-width: 1.8;}
.fea.icon-sm {height: 16px;width: 16px;}
.fea.icon-ex-md {height: 20px;width: 20px;}
.fea.icon-m-md {height: 28px;width: 28px;}
body {font-family: "Lato", sans-serif;overflow-x: hidden !important;font-size: 16px;color: #161c2d;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "Lato", sans-serif;line-height: 1.5;font-weight: 500;}
::-moz-selection {background: rgba(47, 85, 212, 0.9);color: #ffffff;}
::selection {background: rgba(47, 85, 212, 0.9);color: #ffffff;}
a {text-decoration: none !important;}
p {line-height: 1.6;}
.section {padding: 50px 0;position: relative;}
.section-two { padding: 70px 0; position: relative;}
.title-heading {line-height: 26px;}
.title-heading .heading {font-size: 40px;font-weight: 700;}
.title-heading .para-desc {font-size: 20px;}
.error-page {font-size: 40px;letter-spacing: 1px;}
.section-title {position: relative;}
.section-title .title {font-size: 30px;}
.para-desc {max-width: 650px;}
.shape {position: absolute;pointer-events: none;right: 0;bottom: -3px;left: 0;}
.shape > svg {-webkit-transform: scale(2);transform: scale(2);width: 100%;height: auto;-webkit-transform-origin: top center;transform-origin: top center;}
.mt-100 {margin-top: 60px;}
#topnav {position: fixed;right: 0;left: 0;top: 0;z-index: 1030;background-color: transparent;border: 0;-webkit-transition: all .5s ease;transition: all .5s ease;}
#topnav .logo {float: left;color: #3c4858 !important;}
#topnav .has-submenu.active a {color: #ffffff;}
#topnav .has-submenu.active .submenu li.active > a {color: #2f55d4;}
#topnav .has-submenu.active.active .menu-arrow {border-color: #2f55d4;}
#topnav .has-submenu {position: relative;}
#topnav .has-submenu .submenu .submenu-arrow {border: solid #3c4858;border-radius: 0.5px;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;right: 20px;top: 14px;}
#topnav .has-submenu .submenu .has-submenu:hover .submenu-arrow {border-color: #2f55d4;}
#topnav .navbar-toggle {border: 0;position: relative;width: 60px;padding: 0;margin: 0;cursor: pointer;}
#topnav .navbar-toggle .lines {width: 25px;display: block;position: relative;margin: 32px 20px 24px;height: 18px;}
#topnav .navbar-toggle span {height: 2px;width: 100%;background-color: #3c4858;display: block;margin-bottom: 5px;-webkit-transition: -webkit-transform .5s ease;transition: -webkit-transform .5s ease;transition: transform .5s ease;transition: transform .5s ease, -webkit-transform .5s ease;}
#topnav .navbar-toggle span:last-child {margin-bottom: 0;}
#topnav .buy-button {float: right;line-height: 68px;padding: 3px 0;}
#topnav .buy-button .login-btn-primary {display: none;}
#topnav .buy-button .login-btn-light {display: inline-block;}
#topnav .navbar-toggle.open span {position: absolute;}
#topnav .navbar-toggle.open span:first-child {top: 6px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#topnav .navbar-toggle.open span:nth-child(2) {visibility: hidden;}
#topnav .navbar-toggle.open span:last-child {width: 100%;top: 6px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#topnav .navbar-toggle.open span:hover {background-color: #2f55d4;}
#topnav .navbar-toggle:hover, #topnav .navbar-toggle:focus,
#topnav .navbar-toggle .navigation-menu > li > a:hover, #topnav .navbar-toggle:focus {background-color: transparent;}
#topnav .navigation-menu {list-style: none;margin: 0;padding: 0;}
#topnav .navigation-menu > li {float: left;display: block;position: relative;margin: 0 10px;}
#topnav .navigation-menu > li:hover > a,#topnav .navigation-menu > li.active > a {color: #2f55d4 !important;}
#topnav .navigation-menu > li > a {display: block;color: #3c4858;font-size: 15px;background-color: transparent !important;font-weight: 600;letter-spacing: 1px;line-height: 24px;/*text-transform: uppercase;*/-webkit-transition: all 0.5s;transition: all 0.5s;padding-left: 15px;padding-right: 15px;font-family: 'Lato';}
#topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active {color: #2f55d4;}
#topnav .navigation-menu .has-submenu .menu-arrow {border: solid #3c4858;border-radius: 0.5px;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;-webkit-transition: all 0.5s;transition: all 0.5s;right: -1px;top: 33px;}
#topnav .menu-extras {float: right;}
#topnav.scroll {background-color: #ffffff;border: none;-webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);}
#topnav.scroll .navigation-menu > li > a {color: #3c4858;}
#topnav.scroll .navigation-menu > li > .menu-arrow {border-color: #3c4858;}
#topnav.scroll .navigation-menu > li:hover > a, #topnav.scroll .navigation-menu > li.active > a {color: #2f55d4;}
#topnav.scroll .navigation-menu > li:hover > .menu-arrow, #topnav.scroll .navigation-menu > li.active > .menu-arrow {border-color: #2f55d4;}
#topnav.defaultscroll.dark-menubar .logo {line-height: 70px;}
#topnav.defaultscroll.scroll .logo {line-height: 62px;}
#topnav.defaultscroll.scroll.dark-menubar .logo {line-height: 62px;}
#topnav.nav-sticky {background: #ffffff;-webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);}
#topnav.nav-sticky .buy-button .login-btn-primary {display: inline-block;}
#topnav.nav-sticky .buy-button .login-btn-light {display: none;}
.logo {font-weight: 700;font-size: 24px;padding: 3px 0;letter-spacing: 1px;line-height: 68px;}
.bg-home {height: 100vh;background-size: cover;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;position: relative;background-position: center center;}
.bg-overlay {background-color: rgba(60, 72, 88, 0.7);position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;}
.bg-half-260 {padding: 260px 0;background-size: cover;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;position: relative;background-position: center center;}
.bg-half-170 {padding: 170px 0;background-size: cover;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;position: relative;background-position: center center;}
.bg-half-120 {padding: 120px 0;background-size: cover;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;position: relative;background-position: center center;}
.home-dashboard img {position: relative;top: 0px;z-index: 1;width: 100%}
.rounded-3px{border-radius: 3px !important; -webkit-border-radius:3px !important;}
.feature-list li {margin-bottom: 7px;}
.features .icon,.features .icons {background: rgba(47, 85, 212, 0.1);}
.features .icons {height: 80px;width: 80px;line-height: 72px;margin: 0 auto;-webkit-transform: rotate(22.5deg);transform: rotate(22.5deg);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.features .image:before {content: "";position: absolute;bottom: 5px;right: -15px;width: 70px;height: 70px;border-radius: 6px;-webkit-transform: rotate(33.75deg);transform: rotate(33.75deg);background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.09));z-index: -1;}
.features .ride-image {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.features .ride-image img {border-radius: 100% 100% 100% 0;}
.features .title-2 {font-size: 16px;line-height: 19px;}
.features:hover .icons {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.features:hover .image:before {background: rgba(47, 85, 212, 0.07);-webkit-animation: spinner-border 5s linear infinite;animation: spinner-border 5s linear infinite;}
.features .title,.key-feature .title {font-size: 18px;}
.features .icon,.key-feature .icon {height: 45px;width: 45px;line-height: 45px;}
.key-feature {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.key-feature .icon {background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.15));}
.key-feature:hover {-webkit-transform: scale(1.05);transform: scale(1.05);}
.work-process {-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.work-process .title {font-size: 20px;}
.work-process .step, .work-process .step-icon {opacity: 0.06;}
.work-process a {font-size: 15px;}
.work-process:hover {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.explore-feature {-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.explore-feature .icon {height: 90px;width: 90px;line-height: 85px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.explore-feature:hover {-webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important; box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;}
.explore-feature:hover .icon,.explore-feature:hover .title {color: #2f55d4 !important;}
.owl-theme .owl-dots .owl-dot span {background: #2f55d4 !important;}
.customer-testi {cursor: e-resize;}
.customer-testi .content:before {content: "";position: absolute;top: 30px;left: 0;margin-left: 13px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 8px solid #3c4858;border-color: transparent #ffffff #ffffff transparent;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);-webkit-box-shadow: 2px 2px 2px -1px rgba(60, 72, 88, 0.15);box-shadow: 2px 2px 2px -1px rgba(60, 72, 88, 0.15);}
.owl-theme .owl-dots .owl-dot span {border-radius: 3px;background: rgba(47, 85, 212, 0.5) !important;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots.clickable .owl-dot:hover span {background: #2f55d4 !important;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.owl-carousel .owl-item img {display: block;width: auto;}
.watch-video a.watch {font-size: 14px;font-weight: 700;}
.watch-video a .play-icon-circle {height: 36px;width: 36px;background-color: #2f55d4;line-height: 36px;}
.watch-video a .play-icon-circle.play-iconbar {font-size: 16px;}
.watch-video a .play-icon-circle.play {top: 77%;}
.bg-cta {padding: 150px 0;}
.play-btn {height: 78px;width: 78px;font-size: 30px;line-height: 76px;border-radius: 50%;display: inline-block;color: #ffffff;}
.play-icon {position: absolute;bottom: 50%;-webkit-transform: translateY(50%); transform: translateY(50%);right: 0;
left: 0;text-align: center;}
.play-icon i {height: 75px;-webkit-text-stroke: 2px #2f55d4;-webkit-text-fill-color: transparent;width: 75px;font-size: 25px;line-height: 75px;display: inline-block;}
.play-icon i:hover {-webkit-text-stroke: 2px #2f55d4;-webkit-text-fill-color: #2f55d4;}
.mfp-iframe-holder .mfp-content {max-width: 1110px;}
.page-title {font-size: 20px;}
.container-filter li a {font-size: 13px;padding: 0px 15px;margin: 5px 3px;font-weight: 700;letter-spacing: 0.8px;cursor: pointer;line-height: 34px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.container-filter li a.active, .container-filter li a:hover {color: #c52031 !important;border-color: #c52031 !important;}

/*journey css*/
.main-timeline{overflow: hidden;position: relative;}
.main-timeline:before,.main-timeline:after{content: "";display: block;width: 100%;clear: both;}
.main-timeline:before{content: "";width: 3px;height: 100%;background: #d6d5d5;position: absolute;top: 30px;left: 50%;}
.main-timeline .timeline{width: 50%;float: left;padding-right: 30px;position: relative;}
.main-timeline .timeline-icon{width: 32px;height: 32px;border-radius: 50%;background: #fff;border: 3px solid #c52031;position: absolute;top: 5.5%;right: -17.5px;}
.main-timeline .year{display: block;padding: 10px;margin: 0;font-size: 26px;color: #fff;border-radius: 0 50px 50px 0;background: #c52031;text-align: center;position: relative;}
.main-timeline .year:before{content: "";border-top: 35px solid #c520319c;border-left: 35px solid transparent;position: absolute;bottom: -35px;left: 0;}
.main-timeline .timeline-content{padding: 20px;margin: 0 45px 0 35px;background: #f2f2f2;}
.main-timeline .description{font-size: 20px;margin: 0;text-align: left;font-weight: 500;line-height: 30px;}
.main-timeline .timeline:nth-child(2n){ padding: 0 0 0 30px; }
.main-timeline .timeline:nth-child(2n) .timeline-icon{right: auto;left: -14.5px;}
.main-timeline .timeline:nth-child(2n) .year{ border-radius: 50px 0 0 50px; }
.main-timeline .timeline:nth-child(2n) .year:before{border-left: none;border-right: 35px solid transparent;left: auto;right: 0;}
.main-timeline .timeline:nth-child(2n) .timeline-content{text-align: right;margin: 0 35px 0 45px;}
.main-timeline .timeline:nth-child(2){ margin-top: 170px; }
.main-timeline .timeline:nth-child(odd){ margin: -100px 0 0 0; }
.main-timeline .timeline:nth-child(even){ margin-bottom: 80px; }
.main-timeline .timeline:first-child,
.main-timeline .timeline:last-child:nth-child(even){ margin: 0; }




.spacing {padding-left: 7px;padding-right: 7px;}
.footer {background: #202942;padding: 30px 0;position: relative;color: #adb5bd;}
.footer .logo-footer {color: #f8f9fc;font-weight: 700;font-size: 24px;padding: 3px 0;letter-spacing: 1px;}
.footer .footer-head {font-size: 20px;letter-spacing: 1px;font-weight: 500;}
.footer .foot-subscribe .form-control {background-color: #27314f;border: 1px solid #27314f;color: #f8f9fc;}
.footer .foot-subscribe .form-control:focus {-webkit-box-shadow: none; box-shadow: none;}
.footer .foot-subscribe.foot-white .form-control {color: #adb5bd;}
.footer .foot-subscribe input::-webkit-input-placeholder {color: #adb5bd;}
.footer .foot-subscribe input:-ms-input-placeholder {color: #adb5bd;}
.footer .foot-subscribe input::-ms-input-placeholder {color: #adb5bd;}
.footer .foot-subscribe input::placeholder {color: #adb5bd;}
.footer .text-foot {color: #adb5bd;}
.footer .footer-list {margin-bottom: 0;}
.footer .footer-list li {margin-bottom: 10px;}
.footer .footer-list li a {-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.footer .footer-list li a:hover {color: #e6e8ea;}
.footer .footer-list li:last-child { margin-bottom: 0;}
.footer.footer-bar {padding: 15px 0;border-top: 1px solid #3d4349;background: #202942;}
        
            
.rating-description-section .list-group-item{background-image: url("../images/bullet.svg");background-repeat: no-repeat;background-position: left 7px;padding-top: 5px;padding-left: 25px;}
.rating-description-section .list-group-item.sub-point-img{background-image: url("../images/dot.svg");background-repeat: no-repeat;background-position: left 7px;padding-top: 5px;padding-left: 25px;}
.sub-title {position: relative;font-size: 32px;line-height: 1.2;}
.links-bottom{list-style: none; text-align:center;padding: 10px 0;margin:0;}
.links-bottom li{display: inline-block; padding: 2px 9px; border-right:1px solid #ddd; margin:0;font-weight: 500;}
.links-bottom li:last-child{border-right:0;}
.links-bottom li a{color:#333;}
.links-bottom li a:hover{text-decoration: none;color: #c52031}
/*# sourceMappingURL=style.css.map */


/*clients image slide animation*/
.logos-slider {padding: 10px;overflow: hidden;width: 100%;margin: 0 auto;position: relative;display: flex;}
.logos-slider:hover .logos-slider-img {animation-play-state: paused;}
.logos-slider .logos-slider-img {display: flex;position: relative;animation: moveSlideshow 15s linear infinite;justify-content: space-around;}
.logos-slider img {display: block;height: 185px;margin: 0;}
.logos-slider .partners-logo-slide img {display: block;height: 60px;margin: 0;}

@keyframes moveSlideshow {
  100% { 
    transform: translateX(-46.6666%);  
  }
}

.pos-features-integrt{font-weight: 600;padding-right: 10px}
.powerup-market-service h5{font-size: 18px;}
.banner-animaation-top{position: absolute;top: 50px;right: 50px;z-index: -1;}
.banner-animaation-bottom{position: absolute;bottom: 50px;left: 50px;z-index: -1;}
.features.common-features .icons{height: 50px;width: 50px;line-height: 38px;}
.marketplace-service-ul li{display: inline-block;list-style: none;}
.greyscale-logo {filter: gray;-webkit-filter: grayscale(1);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.greyscale-logo:hover {filter: none;-webkit-filter: grayscale(0);}
.clients-text-font{font-size: 36px;font-weight: 700;}
.outlets-types-features .work-process .title{height: 75px;}
.free-demo-header{visibility: hidden;}
.show-free-demo{visibility: visible;}
.pos-background-image{height: 330px;background-size: 100% 100%;background-image: url("../images/home/PoS.svg"); }
.marketplace-background-image{height: 330px;background-size: 100% 100%;background-image: url("../images/home/marketplace-home.svg");}
.whypp-background-image{height: 430px;background-size: 100% 100%;background-image: url("../images/home/Why-Petpooja.svg");}
.contact-background-image{height: 430px;background-size: 100% 100%;background-image: url("../images/home/Contact-Us.svg");}

.home-dashboard-banner{height: 500px;background-size: 100% 100%;background-image: url("../images/home/home-banner-new.svg");}
.combined-sprite-common{background-image: url("../images/home/combined-sprite-common.svg");}
.pad-0{padding: 0;}
.integration-sprite{background-position: 34.333333% 100%;width: 210px;height: 35px;background-size: 305% 680%;background-repeat: no-repeat;}
.works-on-sprite{background-position: 77.3333333333% 100%;width: 120px;height:35px;background-size: 430% 700%;background-repeat: no-repeat;}
.desktop-cloud-sprite{background-position: 83.333333% 28%;width: 95px;height: 65px;background-size: 600% 550%;background-repeat: no-repeat;}
.support24-sprite{background-position: 100% 28%;width: 95px;height: 65px;background-size: 630% 560%;background-repeat: no-repeat;}
.admin-app-sprite{background-position: 83% 0%;width: 95px;height: 65px;background-size: 630% 560%;background-repeat: no-repeat;}
.inventory-stock-sprite{background-position: 100% 0%;width: 95px;height: 65px;background-size: 630% 560%;background-repeat: no-repeat;}
.bakeries-sprite{background-position: 0% 0%;width: 95px;height: 65px;background-size: 565% 500%;;background-repeat: no-repeat;margin: 0 auto;}
.pubs-bars-sprite{background-position: 19% 0%;width: 95px;height: 65px;background-size: 565% 500%;;background-repeat: no-repeat;margin: 0 auto;}
.cafes-sprite{background-position: 36% 0%;width: 95px;height: 65px;background-size: 565% 500%;;background-repeat: no-repeat;margin: 0 auto;}
.cluod-kitchen-sprite{background-position: 55% 0%;width: 95px;height: 65px;background-size: 565% 500%;;background-repeat: no-repeat;margin: 0 auto;}
.desserts-sprite{background-position: 0% 28%;width: 95px;height: 65px;background-size: 567% 500%;;background-repeat: no-repeat;margin: 0 auto;}
.dine-in-sprite{background-position: 20% 28%;width: 95px;height: 65px;background-size: 565% 500%;;background-repeat: no-repeat;margin: 0 auto;}
.food-truck-sprite{background-position: 38% 27%;width: 95px;height: 65px;background-size: 565% 500%;;background-repeat: no-repeat;margin: 0 auto;}
.qsr-sprite{background-position: 56% 27%;width: 95px;height: 65px;background-size: 565% 500%;;background-repeat: no-repeat;margin: 0 auto;}


/*main banner icon animation start*/
.aspas {animation-duration: 13s;animation-name: rotation;animation-iteration-count: infinite;animation-direction: normal;transform-origin: center center;animation-timing-function:linear;}

@keyframes rotation {
  from {
    transform:   rotate(0deg);
    
  }
  to {
    transform:  rotate(360deg);
  }
}
/*main banner icon animation end*/

#Div2{display: none;}
.outlet-types-content .card .card-body{cursor: pointer;}
.accordion-marketplace .faq-content .card a.faq[data-toggle=collapse].collapsed:before{ top: 12px;}
.outlet-types-main .faq-content .card a.faq[data-toggle=collapse].collapsed:before {top: 12px;}

.supplier-heading{font-size: var(--font26);font-weight: 500; font-family: poppins, sans-serif;}
.supplier-page-wrapper .title-heading .para-desc{font-size:var(--font18);font-family: Inter, sans-serif;font-weight: 400; }
.supplier-why-text{font-size: var(--font48);font-weight: bold; font-family: poppins, sans-serif;}
.supplier-order-text{font-size: var(--font22);font-weight: 300;font-family: Sora, sans-serif}
.supplier-benefits-text{font-size: var(--font22);font-weight: 600; font-family: poppins, sans-serif;margin-bottom: 12px;}
.supplier-page-wrapper .section{padding: 80px 0}
.supplier-page-wrapper .text-muted{font-family: Inter, sans-serif;font-weight: 400;font-size: var(--font18)}
.supplier-page-wrapper .title-heading .heading{font-size:var(--font48);font-family: poppins, sans-serif;font-weight: bold}
.supplier-text-desc{max-width: 690px;text-align: justify;}
.supplier-page-wrapper .section-svg-img{width: 650px;}
.bg-supplier-banner{background-image: url("../images/supplier/PATTERNS1-01.png");background-repeat: no-repeat;background-size: cover;}
.bg-what-how{background-image: url("../images/supplier/BOX-01.png");background-repeat: no-repeat;background-size: cover;}
.bg-main-banner-pattern {position: absolute;width: 100%;height: auto;left: 0;bottom:380px;z-index: -1;}
.wave-shape {position: absolute;width: 100%;height: auto;left: 0;top: -60px;}
.wave-shape-1 {position: absolute;width: 100%;height: auto;left: 0;top: -15px;}
.restro-image-bg {position: absolute;width: 100%;height: auto;left: 0;bottom:  220px;z-index: -1;}
.wave-shape-2 {position: absolute;width: 100%;height: auto;left: 0;top: 0px;}
.supplier-page-wrapper .features img{width: 100px;}
.supplier-page-wrapper .key-feature img{width: 165px;}
.supplier-page-wrapper .key-feature .title{font-weight: 500; font-family: poppins, sans-serif;}
.supplier-page-wrapper .key-feature .services-bracket{font-weight: 300; font-family: poppins, sans-serif;font-size: var(--font16)}
.supplier-page-wrapper .btn-primary{font-weight: bold; font-family: poppins, sans-serif;}
.supplier-page-wrapper .section-title .title{font-weight: 600; font-family: poppins, sans-serif;}
.supplier-icon-title{font-size: var(--font20);font-weight: 500;font-family: poppins, sans-serif;}
.supplier-icon-title .text-primary{font-size: var(--font28);font-weight: 300;font-family: Sora, sans-serif}
.supplier-img img{width: 170px;}
.restro-img img{width: 300px;}
.who-can-list-img .key-feature{box-shadow: 0 0 7px #aaa;border-radius: 20px;background-color: #fff;}
.bg-shadow-box .restro-img{box-shadow: 0 0 7px #aaa;border-radius: 10px;background-color: #fff;padding: 20px 0}
.restro-image-count{width: 60px;height: 20px;top: -10px;font-size: var(--font20);font-weight: 300;font-family: Sora, sans-serif;color: #c52031;}
.what-how-bg{background-color: #4d4d4d;}
.who-can-list-bg{position: absolute;width: 100%;height: auto;left: 0;bottom: 130px;z-index: -1;}
.btn-suuplier-active{border-color: #00B14F;background-color: #00B14F;color: #fff;font-weight: bold; font-family: poppins, sans-serif;border-radius: 15px;font-size: var(--font20);padding: 8px 30px;}
.btn-suuplier-active:hover{border-color: #049846;background-color: #049846;color: #fff}
.text-orange{color: #FF6600}


.restro-landing-wrapper .much-more-text{font-size: 38px;font-weight: 500;font-family: poppins, sans-serif;color: #191a37}
.restro-landing-wrapper .heading{font-size: 56px;font-weight: bold;font-family: poppins, sans-serif;line-height: 1.2;color: #191a37}
.restro-landing-wrapper .heading-desc{font-size: 20px;font-weight: 400;font-family: poppins, sans-serif;color: #191a37}
.restro-landing-wrapper .title{font-size: 38px;font-weight: 400;font-family: poppins, sans-serif;color: #191a37}
.restro-landing-wrapper .free-demo-text{font-size: 36px;font-weight: 400;font-family: poppins, sans-serif;color: #c52031;}
.restro-landing-wrapper .clients-text-font{font-weight: 600;}
.restro-landing-wrapper .we-restro{font-size: 44px;font-weight: 700;font-family: poppins, sans-serif;color: #191a37}
.restro-landing-wrapper .landing-pp-logo{width: 180px;}
.restro-landing-wrapper .form-bg-1{position: absolute;top: -40px;left: -20px;width: 120px;}
.restro-landing-wrapper .form-bg-2{position: absolute;bottom: -50px;right: -35px;width: 150px;z-index: -1;}
.restro-landing-wrapper .form-box-shadow{box-shadow: 0px 3px 10px #cacaca;}
.restro-landing-wrapper .landing-bg-abstract-1{position: absolute;right: 0}
.restro-landing-wrapper .landing-bg-abstract-2{position: absolute;bottom: 0}


.rating-description-section h3{font-size: var(--font24);}
.privacy-policy-wrapper .rating-description-section h3{font-weight: 600;}
.terms-condtin-title{font-size: var(--font26)}

/*media query*/
@media screen and (max-width:1600px) {
  .home-dashboard img{max-width: 100%;}
  .title-heading.margin-top-100{margin-top:4rem;}
  .banner-animaation-top, .banner-animaation-bottom{height: 150px}
  .restro-landing-wrapper .heading{font-size: 46px;}
  .restro-landing-wrapper .much-more-text{font-size: 32px;}
  .restro-landing-wrapper .heading-desc{font-size: 20px;}
  .restro-landing-wrapper .title{font-size: 34px;}
  .restro-landing-wrapper .we-restro{font-size: 36px;}
  .restro-landing-wrapper .free-demo-text{font-size: 32px;}
  .restro-landing-wrapper .landing-bg-abstract-1{width: 1000px;}
  .restro-landing-wrapper .landing-bg-abstract-2{width: 120px;}
}
@media (min-width: 1399px) {
  .section-svg-img{width: 500px;}
}
@media screen and (max-width:1366px) {
  .restro-landing-wrapper .heading{font-size: 40px;}
  .restro-landing-wrapper .much-more-text{font-size: 30px;}
  .restro-landing-wrapper .heading-desc{font-size: 18px !important;}
  .restro-landing-wrapper .title{font-size: 32px;}
  .restro-landing-wrapper .we-restro{font-size: 34px;}
  .restro-landing-wrapper .free-demo-text{font-size: 30px;}
  .restro-landing-wrapper .landing-pp-logo{width: 130px;}
  .restro-landing-wrapper .clients-text-font{font-size: 28px;}
  .we-restro span svg{width: 60px;}
  .rating-description-section h3{font-size: var(--font20)}
  .terms-condtin-title{font-size: var(--font24)}
  
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
  .who-can-list-bg{bottom: 180px;}
  .restro-image-bg{bottom: 350px;}
  .supplier-page-wrapper .title-heading .heading {font-size: var(--font40);}
  .supplier-why-text {font-size: var(--font40);}
}
@media only screen and (min-width:1024px) and (max-width:1200px){
    .marketplace-service-ul li:nth-child(4),.marketplace-service-ul li:nth-child(5){margin-left: 0 !important}
    #topnav .navigation-menu > li > a{padding-right: 13px;padding-left: 13px;}
    .wave-shape{top: -60px;}
    .wave-shape-2{top: -10px;}
    .supplier-page-wrapper .section-svg-img{width: 400px;}
    .wave-shape-1 {top: -20px;}
    .restro-image-bg{bottom: 380px;}
    .who-can-list-bg {bottom: 260px;}
    .what-how-bg {bottom: 70px;}
    .supplier-page-wrapper .title-heading .heading {font-size: var(--font40);}
    .supplier-why-text {font-size: var(--font40);}
    .bg-main-banner-pattern{bottom: 220px;}
    .restro-landing-wrapper .landing-bg-abstract-1{width: 600px;}
    .restro-landing-wrapper .landing-bg-abstract-2{width: 110px;}

}
@media (max-width: 991px) {
    #topnav {background-color: #ffffff;-webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);min-height: 74px;}
    #topnav .container {width: auto;}
    #topnav #navigation {max-height: 400px;}
    #topnav .navigation-menu {float: none;}
    #topnav .navigation-menu > li {float: none;}
    #topnav .navigation-menu > li .submenu {display: none;list-style: none;padding-left: 20px;margin: 0;}
    #topnav .navigation-menu > li .submenu li a {display: block;position: relative;padding: 7px 15px;text-transform: uppercase;font-size: 11px;letter-spacing: 0.04em;font-weight: 700;color: #3c4858 !important;-webkit-transition: all 0.3s;transition: all 0.3s;}
    #topnav .navigation-menu > li .submenu.open {display: block;}
    #topnav .navigation-menu > li .submenu .submenu {display: none;list-style: none;}
    #topnav .navigation-menu > li .submenu .submenu.open {display: block;}
    #topnav .navigation-menu > li .submenu.megamenu > li > ul {list-style: none;padding-left: 0;}
    #topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span {display: block;position: relative;padding: 10px 15px;text-transform: uppercase;font-size: 12px;letter-spacing: 2px;color: #8492a6;}
    #topnav .navigation-menu > li > a {color: #3c4858;padding: 10px 20px;}
    #topnav .navigation-menu > li > a:after {position: absolute;right: 15px;}
    #topnav .navigation-menu > li > a:hover,#topnav .navigation-menu > li .submenu li a:hover,#topnav .navigation-menu > li.has-submenu.open > a {color: #2f55d4;}
    #topnav .menu-extras .menu-item {border-color: #8492a6;}
    #topnav .navbar-header {float: left;}
    #topnav .buy-button .login-btn-primary {display: inline-block !important;}
    #topnav .buy-button .login-btn-light {display: none;}
    #topnav .has-submenu .submenu .submenu-arrow {-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right: 20px;top: 12px;}
    #topnav .has-submenu.active a {color: #2f55d4;}
    #navigation {position: absolute;top: 74px;left: 0;width: 100%;display: none;height: auto;padding-bottom: 0;overflow: auto;border-top: 1px solid #f1f3f9;border-bottom: 1px solid #f1f3f9;background-color: #ffffff;}
    #navigation.open {display: block;overflow-y: auto;}
    .nav-pills a .title { font-size: 14px;}
    .outlet-types-mobile .back-all-services{font-size: 14px;font-weight: 500;}
    .outlet-types-list-row{margin-bottom: 20px;}

  }

  @media (min-width: 992px) {
    #topnav .navigation-menu {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    #topnav .navigation-menu > .has-submenu > .submenu > .has-submenu > .submenu::before {top: 20px;margin-left: -35px;-webkit-box-shadow: 1px 1px 0px 0px rgba(60, 72, 88, 0.15);box-shadow: 1px 1px 0px 0px rgba(60, 72, 88, 0.15);border-color: transparent #ffffff #ffffff transparent;}
    #topnav .navigation-menu > li .submenu {position: absolute;top: 100%;left: 0;z-index: 1000;padding: 15px 0;list-style: none;min-width: 180px;visibility: hidden;opacity: 0;margin-top: 10px;-webkit-transition: all .2s ease;transition: all .2s ease;border-radius: 6px;background-color: #ffffff;-webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);}
    #topnav .navigation-menu > li .submenu:before {content: "";position: absolute;top: 2px;left: 45px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 7px solid #495057;border-color: transparent transparent #ffffff #ffffff;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);-webkit-box-shadow: -2px 2px 2px -1px rgba(60, 72, 88, 0.15);box-shadow: -2px 2px 2px -1px rgba(60, 72, 88, 0.15);}
    #topnav .navigation-menu > li .submenu li {position: relative;}
    #topnav .navigation-menu > li .submenu li a {display: block;padding: 10px 20px;clear: both;white-space: nowrap;font-size: 14px;/*text-transform: uppercase;*/letter-spacing: 0.04em;font-weight: 700;color: #3c4858 !important;-webkit-transition: all 0.3s;transition: all 0.3s;}
    #topnav .navigation-menu > li .submenu li a:hover {color: #2f55d4 !important;}
    #topnav .navigation-menu > li .submenu li ul {list-style: none;padding-left: 0;margin: 0;}
    #topnav .navigation-menu > li .submenu.megamenu {white-space: nowrap;width: auto;}
    #topnav .navigation-menu > li .submenu.megamenu > li {overflow: hidden;min-width: 180px;display: inline-block;vertical-align: top;}
    #topnav .navigation-menu > li .submenu.megamenu > li .submenu {left: 100%;top: 0;margin-left: 10px;margin-top: -1px;}
    #topnav .navigation-menu > li .submenu > li .submenu {left: 106%;top: 0;margin-left: 10px;margin-top: -1px;}
    #topnav .navigation-menu > li > a {padding-top: 25px;padding-bottom: 25px;min-height: 62px;}
    #topnav .navigation-menu > li:hover > .menu-arrow {border-color: #2f55d4;}
    #topnav .navigation-menu > li:hover > a,#topnav .navigation-menu > li.active > a {color: #2f55d4 !important;}
    #topnav .navigation-menu > li.last-elements .submenu {left: auto;right: 0;}
    #topnav .navigation-menu > li.last-elements .submenu:before {left: auto;right: 10px;}
    #topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu {left: auto;right: 100%;margin-left: 0;margin-right: 10px;}
    #topnav .navbar-toggle {display: none;}
    #topnav #navigation {display: block !important;}
    #topnav.scroll {top: 0;}
    #topnav.scroll .navigation-menu > li > a {padding-top: 20px;padding-bottom: 20px;}
    #topnav.scroll-active .navigation-menu > li > a {padding-top: 25px;padding-bottom: 25px;}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  .home-dashboard-banner{height: 400px;}
  #topnav .buy-button {display: none;}
  #topnav .buy-menu-btn {display: block !important;margin: 0 10px;padding: 10px 20px;}
  .title-heading .heading {font-size: 35px;}
  .greyscale-logo {filter: none;}
  .marketplace-service-ul li:nth-child(4),.marketplace-service-ul li:nth-child(5){margin-left: 0 !important}
  .ipad-pad0{padding: 0 !important;}
  .supplier-page-wrapper .section-svg-img {width: 300px;}
  .supplier-page-wrapper .section{padding: 50px 0;}
  .wave-shape{top: -25px;}
  .wave-shape-1 {top: 10px;}
  .wave-shape-2{top: 0;}
  .supplier-page-wrapper .key-feature img {width: 140px;}
  .supplier-page-wrapper .title-heading .heading {font-size: var(--font40);}
  .supplier-why-text {font-size: var(--font40);}
  .bg-main-banner-pattern{bottom: 200px;}
  .restro-img img {width: 240px;}
  .restro-landing-wrapper .much-more-text{font-size: 26px;}
  .restro-landing-wrapper .heading {font-size: 34px;}
  .restro-landing-wrapper .heading-desc{font-size: 16px !important;}
  .restro-landing-wrapper .title{font-size: 28px;}
  .restro-landing-wrapper .we-restro {font-size: 30px;}
  .restro-landing-wrapper .free-demo-text {font-size: 24px;}
  .restro-landing-wrapper .landing-bg-abstract-1{width: 600px;}
  .restro-landing-wrapper .landing-bg-abstract-2{width: 90px;}
  


}
@media screen and (max-width:767px) { 
  .home-dashboard-banner{height: 200px;}
  #topnav .navigation-menu .has-submenu .menu-arrow {right: 16px;top: 16px;}
  .marketplace-service-ul li:nth-child(4),.marketplace-service-ul li:nth-child(5){margin-left: 0 !important}
  .section {padding: 50px 0;}
  .mt-60 {margin-top: 50px;}
  .shape {bottom: -4px;}
  .section-title .title {font-size: 24px;text-align: center;}
  .section-title .pos-core-features .title {font-size: 20px;text-align: center;}
  .marketplace-service-ul li{display: block;list-style: none;margin-right: 0 !important}
  .marketplace-service-ul li:nth-child(4),.marketplace-service-ul li:nth-child(5){margin-left: 0 !important}
  #Div1{display: none !important;}
  .outlet-types-content{display: none !important;}
  /*.outlet-types-main {display:none;}*/
  .outlet-types-list .rounded.shadow{border-radius:0px !important;-webkit-box-shadow:none !important;box-shadow:none !important;}
  .outlet-types-list{border-radius: 6px !important;padding:0!important;-webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important; box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;}
  .outlet-types-content .card.card-body img{    max-height: 100px;}
  .outlet-types-content section .section{display:none;}
  .outlet-types-main .outlet-types-list-col{margin-top:0.8rem!important;}
  .outlet-types-main .outlet-types-mobile{ margin: 15px 0 0 0;}
  .outlet-types-main .outlet-types {display: block;}
  .outlet-types-main .outlet-types .key-feature.p-3{padding:0.6rem!important;} 
  .outlet-types-main .outlet-types-mobile .card.border.mb-3{margin-bottom:0.7rem!important;}
  .greyscale-logo{filter: none}
  .font-20{font-size: 16px;}
  .bg-home, .bg-half-170, .bg-half-260, .bg-half-120 {padding: 80px 0;height: auto;}
  .home-dashboard img {top: 30px;}
  .title-heading .heading {font-size: 32px;text-align: center;}
   .title-heading .para-desc {font-size: 18px;text-align: center;}
   .section-title .title { font-size: 24px;}
  #topnav .buy-button {display: none;}
  #topnav .buy-menu-btn {display: block !important;margin: 0 10px;padding: 10px 20px;}
  .main-timeline{ overflow: visible; }
  .main-timeline:before{top: 0;left: 0;}
  .main-timeline .timeline:nth-child(2),
  .main-timeline .timeline:nth-child(odd),
  .main-timeline .timeline:nth-child(even){ margin: 0; }
  .main-timeline .timeline{width: 100%;float: none;padding: 0 0 0 30px;margin-bottom: 20px !important;}
  .main-timeline .timeline:last-child{ margin: 0 !important; }
  .main-timeline .timeline-icon{right: auto;left: -14.5px;}
  .main-timeline .year{ border-radius: 50px 0 0 50px; }
  .main-timeline .year:before{border-left: none;border-right: 35px solid transparent;left: auto;right: 0;}
  .main-timeline .timeline-content{ margin: 0 35px 0 45px; }
  .pad-0{padding-left: 15px;padding-right: 15px;}
  .mobile-marg{margin-top: 10px;text-align: left !important;}
  .mobile-text-center{text-align: center !important;}
  .supplier-page-wrapper .section-svg-img {width: 300px;}
  .supplier-page-wrapper .features img {width: 60px;height: 60px;}
  .wave-shape{display: none;}
  .wave-shape-2{display: none;}
  .wave-shape-1{display: none;}
  .supplier-page-wrapper .title-heading .heading{font-size: 32px;}
  .supplier-benefits-text {font-size: var(--font22);}
  .supplier-why-text {font-size: var(--font30);font-weight: 600;}
  .supplier-page-wrapper .section {padding: 50px 0;}
  .supplier-icon-title{font-size: var(--font22);text-align: center;}
  .supplier-img img{width: 130px;}
  .restro-img img{width: 200px;}
  .supplier-page-wrapper .key-feature img{width: 130px;}
  .btn-suuplier-active{font-size: var(--font16)}
  .restro-landing-wrapper .much-more-text{font-size: 20px;}
  .restro-landing-wrapper .heading-desc {font-size: 14px !important;}
  .restro-landing-wrapper .title{font-size: 22px;}
  .restro-landing-wrapper .clients-text-font {font-size: 22px;}
  .restro-landing-wrapper .heading{font-size: 26px;}
  .restro-landing-wrapper .we-restro {font-size: 24px;}
  .restro-landing-wrapper .free-demo-text {font-size: 18px;}
  .we-restro span svg {width: 40px;height: 50px}
  .restro-landing-wrapper .landing-pp-logo{width: 120px;}
  .restro-landing-wrapper .container{padding-right: 25px;padding-left: 25px;}
  .restro-landing-wrapper .bg-abstract-img{top: 30%}
  .restro-landing-wrapper .mobile-bg-abstract-1{position: absolute;right: 0;width: 260px;}
  .restro-landing-wrapper .mobile-bg-abstract-2{position: absolute;top: 5%;width: 50px;}
}

@media (min-width: 768px) {
    #topnav .navigation-menu > li.has-submenu:hover > .submenu {visibility: visible;opacity: 1;margin-top: 0;}
    #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu {visibility: visible;opacity: 1;margin-left: 0;margin-right: 0;}
    .navbar-toggle {display: block;}
    .margin-top-100 {margin-top: 100px;}
    .margin-top-100 .heading {font-size: 40px;}
}

@media (max-width: 375px) 
{ 
    #topnav .navbar-toggle .lines {margin-right: 0 !important;}
}