@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@font-face {
font-family: Gilroy-Black;
src: local("Gilroy Black"), local("Gilroy-Black"), url("../fonts/gilroy/Gilroy-Black.ttf") format("truetype");
}
@font-face {
font-family: Gilroy-Bold;
src: local("Gilroy Bold"), local("Gilroy-Bold"), url("../fonts/gilroy/Gilroy-Bold.ttf") format("truetype");
}
@font-face {
font-family: Gilroy-ExtraBold;
src: local("Gilroy ExtraBold"), local("Gilroy-ExtraBold"), url("../fonts/gilroy/Gilroy-ExtraBold.ttf") format("truetype");
}
@font-face {
font-family: Gilroy-Heavy;
src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url("../fonts/gilroy/Gilroy-Heavy.ttf") format("truetype");
}
@font-face {
font-family: Gilroy-Light;
src: local("Gilroy Light"), local("Gilroy-Light"), url("../fonts/gilroy/Gilroy-Light.ttf") format("truetype");
}
@font-face {
font-family: Gilroy-Medium;
src: local("Gilroy Medium"), local("Gilroy-Medium"), url("../fonts/gilroy/Gilroy-Medium.ttf") format("truetype");
}
@font-face {
font-family: Gilroy-Regular;
src: local("Gilroy Regular"), local("Gilroy-Regular"), url("../fonts/gilroy/Gilroy-Regular.ttf") format("truetype");
}
@font-face {
font-family: Gilroy-SemiBold;
src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url("../fonts/gilroy/Gilroy-SemiBold.ttf") format("truetype");
}
@font-face {
font-family: Gilroy-Thin;
src: local("Gilroy Thin"), local("Gilroy-Thin"), url("../fonts/gilroy/Gilroy-Thin.ttf") format("truetype");
}
html {
scroll-behavior: smooth;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar {
width: 7px;
background-color: #F5F5F5;
}
::-webkit-scrollbar:horizontal {
height: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
background-color: #5f5f5f;
}
.section-hero-shape {
padding-top: 0rem;
padding-bottom: 30rem;
background-image: url(../img/orderz_bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 0;
margin-bottom: 0;
}
.section-hiw {
padding-top: 2rem;
padding-bottom: 3rem;
background-image: url(../img/orderz_bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 0;
margin-bottom: 0;
}
.navbar-nav .nav-link {
cursor: pointer;
}
.bg-gradient {
background: linear-gradient(0deg, #f6f7fa, #f6f7fa), #f1f2f3!important;
}
.section-hero-shape .section-inside {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
}
.foreground-image {
position: relative;
display: block;
width: 100%;
}
.bg-cnt {
background: #112c57;
border-radius: 35px;
max-width: 1100px;
margin: 0 auto;
}
.features-banner {
position: absolute;
top: 164px;
right: 83px;
}
.restaurant-banners {
position: relative;
z-index: 1;
}
.restaurant-banners-2 {
position: absolute;
top: 125px;
z-index: 2;
left: -8px;
}
.srt-sec .fullyloaded_box {
background: #f9f9f9 !important;
}
.topslider {
position: absolute;
top: 60px;
}
.ec-scls {
position: absolute;
top: 188px;
right: 49px;
}
.ec-fcls {
position: relative;
z-index: 1;
}
.sprt-hd .btn-inner--text::before {
content: "\f29c";
font-family: 'FontAwesome';
position: absolute;
left: 19px;
font-size: 18px;
line-height: 1.5em;
top: 8px;
}
.steps-cls {
font-size: 16px !important;
margin-top: 30px;
}
#fully-loaded .prt-cls .fullyloaded_box img {
width: 29% !important;
}
#fully-loaded .prt-cls .fullyloaded_box {
min-height: 195px !important;
}
.btn-primary-grad {
background: linear-gradient(180deg, #ff7136 0, #f44827 100%);
border-radius: 6px;
color: #fff;
font-weight: 700;
}
.btn-primary-grad:hover {
color: #fff;
}
@media (min-width: 992px) {
.prt-cls .fullyloaded_box:before {
position: absolute;
top: -30px;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 2px;
background-color: #FF7B36;
width: 100%;
}
.prt-cls .fullyloaded_box:after {
content: attr(data-title);
position: absolute;
top: -50px;
left: 50%;
background-color: #FF7B36;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
transform: translateX(-50%);
}
.prt-cls .col-lg-2\.5:first-child .fullyloaded_box:before {
left: 50%;
}
.prt-cls .col-lg-2\.5:last-child .fullyloaded_box:before {
width: 50%;
}
.borderbelow:after {
position: absolute;
bottom: -47%;
left: 54%;
right: 0;
z-index: 0;
content: " ";
height: 47%;
background-color: #FF7B36;
width: 2px;
}
.borderright:after {
position: absolute;
top: -30px;
left: 55%;
right: 0;
z-index: 0;
content: " ";
height: 2px;
background-color: #FF7B36;
width: 50%;
}
.col-lg-2\.5 {
flex: 0 0 20%;
max-width: 50%;
}
.section-hero-shape .section-inside {
top: -40%;
left: -1rem;
width: 130%;
height: 124%;
transform: rotate(-7deg);
border-bottom-left-radius: 3rem;
}
}
@media (min-width: 1200px) {
.section-hero-shape .section-inside {
top: -40%;
left: -1rem;
width: 130%;
height: 124%;
transform: rotate(-7deg);
border-bottom-left-radius: 3rem;
}
}
.herobgs {
background-repeat: no-repeat;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.herobgs svg {
height: 1000px;
pointer-events: none;
}
.cookieConsentContainer {
z-index: 999;
width: 350px;
min-height: 20px;
box-sizing: border-box;
padding: 30px 30px 30px 30px;
background: #36b3a4 !important;
overflow: hidden;
position: fixed;
bottom: 30px;
left: 30px;
border-radius: 10px;
display: none;
color: #f4f5f7;
}
.cookieConsentContainer h2 {
color: #f4f5f7;
}
.bg-section-whatsapp {
background: linear-gradient(50deg, #36b37e 0, #36b3a4 100%) !important;
}
.bg-section-fb {
background: linear-gradient(50deg, #2684ff 0, #00b8d9 100%) !important;
}
.alert-hero {
display: inline-block;
padding: 0.275rem 1rem 0.475rem 0.5rem;
border-radius: 45rem;
background-color: #273444;
color: #fff;
border: 0;
}
.alert_content {
margin-left: 5px;
}
.pinkfill {
fill: #f174ad !important;
}
.yellowfill {
fill: #ffcc01 !important;
}
.purplefill {
fill: #510fa7 !important;
}
.cardWithShadow {
box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
}
.cardWithShadowAnimated {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.cardWithShadowAnimated:hover {
transition-duration: 0.4s;
transform: translateY(-10px) !important;
box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important;
}
.features-6 {
background-color: #f9f9f9 !important;
}
.imgHolderInCard {
display: flex;
align-items: center;
justify-content: center;
}
.image-in-card {
margin-bottom: 15px;
width: 128px;
}
.pricing_section h3 {
font-family: Gilroy-Bold;
}
.pricing_section .lead {
color: #fafbfe;
}
.pricingCard {
padding: 0;
transition: auto;
overflow: hidden;
background: #eff3fb;
border: 1px solid #e8eaf0;
border-radius: 8px;
}
.pricingCard .card-body {
padding: 0;
}
.plan_features {
margin-top: 0;
text-align: left;
margin-bottom: 0;
padding-left: 2rem;
padding-right: 2rem;
}
.plan_features li {
margin: 0;
}
.price-block {
padding-bottom: 5px;
margin: 0;
color: #102c56;
line-height: 1.3;
text-transform: capitalize;
margin-bottom: 20px;
background-color: #fff;
padding-top: 20px;
}
.pricingCard .btn {
margin-bottom: 15px;
margin-top: 15px;
border-radius: 5px;
max-width: 190px;
margin-left: auto;
margin-right: auto;
}
.js-montlypricing.btn {
display: block;
}
.price-block-value {
font-size: 2.3rem;
font-family: Gilroy-Bold;
display: inline-block;
}
.price-block-currency {
vertical-align: top;
margin-top: 0;
line-height: 2rem;
font-family: Gilroy-Regular;
}
.price-block-period {
font-family: Gilroy-Medium;
border-radius: 50rem;
position: relative;
text-transform: capitalize;
will-change: transform;
letter-spacing: 0.025em;
font-size: 0.9rem;
color: #fff;
background-color: #153f72;
border-color: #153f72;
max-width: 135px;
margin: 0 auto;
padding: 0.8rem 1.25rem;
bottom: -25px;
line-height: 1.5;
}
.plan_features li p {
margin-bottom: 5px;
font-family: Gilroy-Medium;
color: #102c56;
border-bottom: 1px dashed #102c5642;
}
.plan_features li:before {
font-family: FontAwesome;
position: absolute;
left: 10px;
display: inline-block;
line-height: 27px;
font-size: 14px;
color: #31c85c;
text-align: center;
content: "\f00c";
}
.pricing_section .card-title {
font-size: 31px;
color: #102f54;
line-height: 1.3;
text-transform: capitalize;
font-family: Gilroy-Medium;
}
.pricing_section .card-text {
font-family: Gilroy-Medium;
margin-bottom: 5px;
color: #102c56;
padding-bottom: 5px;
border-bottom: 1px solid #102c56;
}
.testimonials_section .display-3 {
font-family: Gilroy-Bold;
}
.testimonials-item-stars {
align-self: baseline;
margin-left: 16px;
white-space: nowrap;
display: inline-flex;
margin-top: 2px;
}
.testimonials-item-stars-item {
display: inline-block;
margin-right: 2px;
width: 14px;
height: 14px;
}
.testimonials-item-stars-item svg {
fill: #ffb400;
display: block;
}
.testimonials-item-author {
display: flex;
align-items: center;
}
.testimonials-item-author-image-container {
margin-right: 16px;
overflow: hidden;
}
.tetimonial_text {
margin-top: 12px;
}
.testimonialCard {
width: 90%;
}
.phone-wrapper {
position: relative;
padding-top: 100px;
padding-bottom: 67.5%;
height: 600px;
transform: rotate(0);
}
.phone-wrapper video {
box-sizing: border-box;
background: url("../../assets/img/phone.svg") center center no-repeat;
background-size: contain;
padding: 18% 0 26% 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.text-dark-blue {
color: #102f54;
}
.bg-dark-blue {
background-color: #102f54;
}
.bg-light-blue {
background-color: #f9fafc;
}
#hero_description {
font-size: 15px;
font-family: Gilroy-Medium;
}
.section-hero-shape h1 {
font-family: Gilroy-Bold;
font-size: 2.75rem;
}
.section-hiw h1 {
font-family: Gilroy-Bold;
font-size: 2.75rem;
}
#product h3 {
font-family: Gilroy-Bold;
}
#hiw h3 {
font-family: Gilroy-Bold;
}
#features h3 {
font-family: Gilroy-Bold;
}
#featured h3 {
font-family: Gilroy-Bold;
}
#cta h3 {
font-family: Gilroy-Bold;
color: #fff;
}
#faq h1 , #features h1, #bookademosec h1{
font-family: Gilroy-Bold;
color: #102f54;
position: relative;
margin-bottom: 20px;
font-size:2.75rem;
}
#features .subtitle {
font-family: Gilroy-Regular;
font-size: 18px;
color: #000;
margin-top: 20px;
margin-bottom: 20px;
}
#featured .subtitle {
font-family: Gilroy-Regular;
font-size: 18px;
color: #000;
margin-top: 20px;
margin-bottom: 20px;
}
.btn-dark-blue {
background: #102f54;
color: #fff;
width: auto;
min-width: 200px;
font-family: Gilroy-Medium;
font-weight: 400;
border: 1px solid #dddfe180;
}
.btn-dark-blue:hover {
color: #fff;
}
.hero_image {
width: 100%;
}
.row.align-center {
align-items: center;
}
.herotext p {
padding: 0;
font: normal 26px/50px Gilroy-Medium, sans-serif;
color: #31c85c;
margin-bottom: 0;
}
.herotext {
height: 45px;
width: 250px;
display: inline;
overflow: hidden;
position: relative;
}
.herotext .slick-slider {
margin-bottom: 0;
}
.herotext .slick-arrow {
display: none !important;
}
.help-sec {
padding-top: 2rem;
padding-bottom: 2rem;
}
.bg-lightblue {
background-color: #f4f7fd;
}
.help-sec .title {
color: #102f54;
font-family: Gilroy-Bold;
font-size: 2.1875rem;
margin-bottom: 20px;
}
.help-sec .description p {
font-size: 18px;
color: #102C56;
font-family: Gilroy-Medium;
margin-top: 15px;
}
.simple_steps {
min-height: 250px;
padding: 10px;
text-align: left;
position: relative;
transition: all 0.2s ease-in-out;
background-color: #fff;
border-radius: 20px;
overflow: hidden;
}
.simple_steps .steps_icon {
max-width: 45px;
}
.steps_no {
text-align: right;
margin: 0;
color: #102c56;
transition: all 0.2s ease-in-out;
position: relative;
font-family: Gilroy-SemiBold;
font-size: 40px;
line-height: 45px;
}
.steps_img {
width: auto;
position: absolute;
z-index: 9;
left: 50%;
display: block;
max-height: 300px;
transform: translate(-50%, 0);
margin-top: 30px;
}
#hiw .title {
color: #102c56;
font-family: Gilroy-SemiBold;
font-size: 18px;
margin-top: 5px;
margin-bottom: 5px;
}
#hiw p {
color: #102c56;
font-family: Gilroy-Medium;
font-size: 15px;
margin-bottom: 0;
}
#features .card {
border-radius: 5px;
overflow: hidden;
cursor: pointer;
}
.featured_box {
display: flex;
align-items: center;
width: 100%;
padding: 5px 10px;
gap: 10px;
min-height: 40px;
cursor: pointer;
}
.featured_box .imgHolder img {
width: 40px;
overflow: hidden;
}
.featured_box .featured-title {
width: 100%;
display: flex;
color: #000;
font-family: Gilroy-Medium;
font-size: 0.9rem;
margin-bottom: 0;
align-items: center;
justify-content: space-between;
}
#cta .cta_content {
background: url("../img/cta_bg.png") center bottom no-repeat;
background-size: cover;
text-align: center;
padding-top: 3rem;
padding-bottom: 3rem;
border-radius: 15px;
margin-top: -10rem;
}
#cta p {
font-size: 14px;
color: #fff;
font-family: Gilroy-Medium;
margin-top: 20px;
}
#cta .btn-white {
transition: all 0.15s ease;
color: #2148e4;
padding: 15px 10px;
width: 200px;
font-family: Gilroy-Bold;
border-radius: 50rem !important;
}
.footer hr {
border-top: 0.0625rem solid #ecf3ff;
margin-top: 0;
margin-bottom: 1.5rem;
}
.footer_logo img {
margin-bottom: 0;
max-width: 130px;
}
.footer h4 {
color: #fff;
font-size: 15px;
font-family: Gilroy-Medium;
}
.footer .btn-icon-only {
background: linear-gradient(180deg, #ff7a36 0, #ff3936 100%);
border: transparent;
}
#accordion .mb-0 > a {
display: block;
position: relative;
color: #748394;
font-family: Gilroy-Medium;
font-size: 18px;
width: 100%;
}
#accordion .mb-0 > a:after {
content: "\f078";
font-family: FontAwesome;
position: absolute;
right: 0;
border-radius: 50% !important;
border: none;
display: inline-block;
padding: 0.4rem;
line-height: 20px;
font-size: 18px;
color: #102c56;
text-align: center;
}
#accordion .mb-0 > a[aria-expanded="true"]:after {
content: "\f077";
}
#accordion .card {
border: none;
border-radius: 8px;
margin-bottom: 20px;
padding: 15px 40px;
}
#accordion .card-header {
padding: 10px 0;
background-color: #fff;
border: none;
}
#accordion .card-body {
padding: 10px 0;
color: #748394;
font-family: Gilroy-Medium;
font-size: 16px;
}
#accordion .mb-0 > a[aria-expanded="true"] {
color: #102f54;
}
.list-wrapper {
padding: 15px;
overflow: hidden;
}
.simple-pagination ul {
margin: 0 0 20px;
padding: 0;
list-style: none;
text-align: center;
}
.simple-pagination li {
display: inline-block;
margin-right: 5px;
}
.simple-pagination li a,
.simple-pagination li span {
color: #aaa;
padding: 5px 10px;
text-decoration: none;
border: none;
}
.simple-pagination .current {
color: #000;
font-family: Gilroy-Medium;
}
.simple-pagination .next.current,
.simple-pagination .prev.current {
color: #000;
}
.navbar-fixed {
top: 0;
z-index: 100 !important;
position: fixed;
width: 100%;
background-color: #102c56 !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.scrollToTopBtn {
cursor: pointer;
position: fixed;
bottom: 7rem;
right: 1rem;
z-index: 100;
opacity: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: 0 0;
border-radius: 0;
transform: translateY(100px);
transition: all 0.5s ease;
}
.scrollToTopBtn img {
width: 50px;
}
.showBtn {
opacity: 1;
transform: translateY(0);
}
.scrollToTopBtn:active,
.scrollToTopBtn:focus,
.scrollToTopBtn:hover {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: 0 0;
border-radius: 0;
outline: 0;
}
.faq_content img {
width: 100%;
}
@keyframes move {
0% {
top: 0;
}
11% {
top: -50px;
}
22% {
top: -100px;
}
33% {
top: -150px;
}
44% {
top: -200px;
}
55% {
top: -250px;
}
66% {
top: -300px;
}
77% {
top: -350px;
}
88% {
top: -400px;
}
100% {
top: 0;
}
}
@-webkit-keyframes move {
0% {
top: 0;
}
11% {
top: -50px;
}
22% {
top: -100px;
}
33% {
top: -150px;
}
44% {
top: -200px;
}
55% {
top: -250px;
}
66% {
top: -300px;
}
77% {
top: -350px;
}
88% {
top: -400px;
}
100% {
top: 0;
}
}
@-moz-keyframes move {
0% {
top: 0;
}
11% {
top: -50px;
}
22% {
top: -100px;
}
33% {
top: -150px;
}
44% {
top: -200px;
}
55% {
top: -250px;
}
66% {
top: -300px;
}
77% {
top: -350px;
}
88% {
top: -400px;
}
100% {
top: 0;
}
}
@-o-keyframes move {
0% {
top: 0;
}
11% {
top: -50px;
}
22% {
top: -100px;
}
33% {
top: -150px;
}
44% {
top: -200px;
}
55% {
top: -250px;
}
66% {
top: -300px;
}
77% {
top: -350px;
}
88% {
top: -400px;
}
100% {
top: 0;
}
}
@keyframes move {
0% {
top: 0;
}
11% {
top: -50px;
}
22% {
top: -100px;
}
33% {
top: -150px;
}
44% {
top: -200px;
}
55% {
top: -250px;
}
66% {
top: -300px;
}
77% {
top: -350px;
}
88% {
top: -400px;
}
100% {
top: 0;
}
}
.plan_features li p span {
font-size: 20px;
font-weight: 700;
color: #ff6616;
}
.btn-outline-dark-blue {
border-color: #5400fe;
color: #5400fe;
padding: 15px 20px;
width: auto;
min-width: 200px;
font-family: Gilroy-Bold;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.btn-outline-dark-blue:hover {
background-color: #5400fe;
color: #fff;
}
.Pro .btn-success {
background-color: #ff6616;
border-color: #ff6616;
box-shadow: 0 4px 6px rgb(234 108 0 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
}
.Pro .btn-success:active,
.Pro .btn-success:focus,
.Pro .btn-success:hover,
.Pro .btn-success:not(:disabled):not(.disabled):active {
background-color: #f55400;
border-color: #f55400;
}
.footer h4 span {
-webkit-animation: 1s infinite beatHeart;
animation: 1s infinite beatHeart;
position: absolute;
margin-left: 5px;
color: red;
}
.store-thumb {
position: relative;
text-align: center;
width: 100%;
}
.store-thumb img {
width: 100%;
display: block;
max-height: 110px;
object-fit: cover;
}
.store-overlay {
position: relative;
height: 100%;
width: 100%;
transition: 0.3s ease;
background-color: #102c56;
}
.store-icon {
color: #fff;
position: relative;
cursor: pointer;
display: flex;
flex-direction: row;
width: 100%;
text-align: center;
border-top: 1px solid #fff;
}
.store-icon span {
padding: 5px;
border-radius: 0;
font-size: 14px;
width: 100%;
}
.store-icon > span:first-child {
border-right: 1px solid #fff;
}
.store-icon i {
font-size: 16px;
margin-right: 10px;
position: relative;
left: 0;
}
@-webkit-keyframes beatHeart {
0% {
transform: scale(1);
}
25% {
transform: scale(1.2);
}
40% {
transform: scale(1);
}
60% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@keyframes beatHeart {
0% {
transform: scale(1);
}
25% {
transform: scale(1.2);
}
40% {
transform: scale(1);
}
60% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@media (max-width: 767px) {
.seo-sub .seo-width{
top: 114px;
right: 28px;
}
.seo-subs .seo-width {
right: 78px !important;
}
.bg-cnt .description {
padding-top: 4rem;
}
.restaurant-banners-2 {
position: absolute;
top: 58px;
z-index: 2;
left: 23px;
}
.section-hero-shape {
padding-top: 6rem;
}
.navbar.navbar-main {
border-bottom: 1px solid #c1c1c1;
}
.sec-title br {
display: none;
}
.navbar-nav {
margin-top: 50px;
align-items: center;
}
.navbar-collapse {
min-height: 1000px;
width: 100%;
margin: 0;
}
.navbar-collapse.collapsing,
.navbar-collapse.show {
border-radius: 0;
}
}
.easeewhatsappstore {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 9999;
width: 125px;
height: auto;
display: block;
}
.easeewhatsappstore img {
width: 100%;
display: block;
animation: wobble-top 5s;
animation-delay: 0s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
#fully-loaded .fullyloaded_box {
padding: 20px;
background-color: #fff;
min-height: 210px;
}
#fully-loaded .store-sec:hover .fullyloaded_box {
background-color: #f9fafc;
}
#fully-loaded .fullyloaded_box img {
margin-bottom: 15px;
}
#fully-loaded .fullyloaded-title {
font-size: 18px;
font-family: Gilroy-Bold;
}
.fullyloaded-content {
font-size: 16px;
font-family: Gilroy-Medium;
}
#fully-loaded h3 {
font-family: Gilroy-Bold;
}
#benefits h3 {
font-family: Gilroy-Bold;
}
#benefits .info .title {
color: #102f54;
font-family: Gilroy-Bold;
font-size: 2.3rem;
margin-bottom: 20px;
}
#benefits .info p {
font-size: 18px;
color: #000;
font-family: Gilroy-Medium;
margin-top: 15px;
}
@keyframes wobble-top {
18%,
2% {
transform: translate3d(-5px, 0, 0);
}
16%,
4% {
transform: translate3d(5px, 0, 0);
}
10%,
14%,
6% {
transform: translate3d(-5px, 0, 0);
}
12%,
8% {
transform: translate3d(5px, 0, 0);
}
18.1% {
transform: translate3d(0, 0, 0);
}
}
.basic-fea {
padding-top: 10rem;
padding-bottom: 3rem;
}
.basic-fea h4 {
font-family: Gilroy-Regular;
font-size: 18px;
line-height: 28px;
text-align: center;
letter-spacing: 0.5px;
color: #0d1f39;
font-weight: 700;
}
.bg-lightsecond {
background-color: #fffaf4;
}
.bg-lightgrey {
background-color: #f9f9f9;
}
.section-hero-shape h3 {
font-size: 1.4rem;
font-family: Gilroy-Medium;
}
.section-hero-shape h3 #hero_subtitle {
display: flex;
align-items: end;
justify-content: flex-start;
}
.js-yearlypricing {
display: none;
}
.slideToggle {
margin-bottom: 30px;
margin-top: 30px;
}
label.form-switch {
padding: 5px;
background: #fff;
border-radius: 50px;
position: relative;
border: 1px solid rgba(16, 47, 84, 0.25);
}
span.afterinput,
span.beforeinput {
padding: 10px;
text-align: center;
position: relative;
z-index: 1;
cursor: pointer;
font-weight: 700;
border-radius: 100px;
display: inline-block;
transition: all 0.4s ease-in-out;
}
.form-switch .active {
background-color: #ff7b36;
color: #fff;
}
.form-switch input {
display: none;
}
.price-block-value strike {
font-size: 18px;
}
.saveprice {
font-size: 10px;
position: absolute;
left: 0;
right: 0;
max-width: 90px;
margin: 0 auto;
}
.basic-fea h3 {
font-family: Gilroy-Bold;
}
.owl-item .item {
transform: translate3d(0, 0, 0);
margin: 50px 0;
}
.screenshot_slider .owl-item .item img {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.screenshot_slider .owl-item.center .item img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.screenshot_slider .owl-nav {
text-align: center;
}
.screenshot_slider .owl-nav button {
font-size: 24px !important;
margin: 10px;
color: #033aff !important;
}
.owl-item.active.center {
left: auto;
transform: none;
}
.trial-container {
padding-top: 4rem;
padding-bottom: 4rem;
}
.trial-div {
text-align: center;
background: #f9fafc;
border: 1px solid #e8eaf0;
border-radius: 8px;
padding: 30px 20px;
max-width: 350px;
margin: 0 auto;
min-height: 380px;
display: flex;
flex-direction: column;
align-items: center;
}
.trial-div button {
margin-top: auto;
}
.trial-div img {
max-width: 60px;
margin-bottom: 30px;
}
.trial-div h4 {
color: #102f54;
font-size: 1.4rem;
font-family: Gilroy-Bold;
margin-bottom: 25px;
}
.trial-div p {
color: #102c56;
font-family: Gilroy-Medium;
}
.trial-container h6 {
color: #102c56;
font-family: Gilroy-Medium;
padding-left: 10px;
margin-top: 20px;
}
.trazr-form {
height: 485px;
}
.btn-primary-grad-outline,
.btn-primary-grad-outline:active,
.btn-primary-grad-outline:focus-visible,
.btn-primary-grad-outline:focus-within,
.btn-primary-grad-outline:hover {
color: #ff7b36;
outline: 0;
font-weight: 700;
border: 1px solid #ff7b36;
}
#fully-loaded h3 span,
#hiw h3 span,
.basic-fea h3 span,
.customer-feedback h3 span {
color: #ff7b36;
display: inline-block;
font-weight: 600;
}
#demos .card.hoverable,#restaurants .card.hoverable {
box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 10%);
border-radius: 15px;
background-color: #fff;
padding: 5px;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
#demos .card .card-image,#restaurants .card .card-image {
max-height: 350px;
overflow: hidden;
margin-bottom: 5px;
border-radius: 10px;
}
#demos .owl-item .card-content,#restaurants .owl-item .card-content {
background: #fff;
border-radius: 10px;
min-height: 60px;
text-align: center;
cursor: pointer;
line-height: 60px;
}
#demos .card-content .card-title,#restaurants .card-content .card-title {
font-family: Gilroy-SemiBold;
font-size: 20px;
color: #102c56;
text-transform: capitalize;
}
#demos .owl-carousel .owl-stage-outer, #restaurants.owl-carousel .owl-stage-outer {
padding-bottom: 2rem;
padding-top: 2rem;
}
#fully-loaded .bo-title {
color: #102c56;
font-family: Gilroy-Bold;
font-size: 2.1875rem;
text-transform: capitalize;
}
#fully-loaded .bo-content {
font-family: Gilroy-Medium;
font-size: 16px;
line-height: 30px;
color: #102c56;
}
.anchor-link a, .anchor-link1 a {
font-family: Gilroy-SemiBold;
font-size: 16px;
text-transform: capitalize;
color: #102c56;
}
.anchor-link1 a{
color: #ff7b36 !important;
border-bottom: 1px solid #ff7b36;
}
.sell-website-image-part {
position: relative;
}
.topslider img {
width: 100%;
}
.sell-detail {
display: flex;
flex-direction: row;
background: #eff6ff;
border-radius: 30px;
padding: 40px 0 40px 60px;
align-items: center;
overflow: hidden;
}
.sell-website-text-part {
display: inline-flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
width: 50%;
padding-right: 40px;
}
.sell-website-image-part img.iphone_png {
position: absolute;
left: -50px;
max-height: 250px;
-webkit-transform: translateY(400px);
-moz-transform: translateY(400px);
-o-transform: translateY(400px);
-ms-transform: translateY(400px);
transform: translateY(400px);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.sell-detail:hover img.iphone_png {
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-o-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.sell-website-image-part {
display: inline-flex;
justify-content: center;
align-items: center;
width: 50%;
}
.sell-website-image-part img.macbook_png {
display: block;
width: 100%;
position: relative;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-o-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.sell-detail:hover .sell-website-image-part img.macbook_png {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.row.col-2 {
display: flex !important;
flex-direction: row;
}
.column-1,
.column-2 {
margin-bottom: 30px;
}
.market-part {
display: inline-flex;
width: 49%;
background: #fff0e9;
margin-right: 18px;
padding: 40px 0;
border-radius: 30px;
overflow: hidden;
}
.manage-part {
display: inline-flex;
width: 49%;
background: #fff7d0;
margin: 0;
padding: 40px 0;
border-radius: 30px;
overflow: hidden;
}
.market-part .anchor-link,
.market-part h5,
.market-part p {
padding: 0 40px 10px 60px;
width: 80%;
display: block;
}
.manage-part .anchor-link,
.manage-part h5,
.manage-part p {
padding: 0 40px 10px 60px;
width: 100%;
display: block;
}
.market-part img {
display: block;
position: relative;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
min-height: 450px;
}
.market-part:hover img {
-webkit-transform: translateX(-500px);
-moz-transform: translateX(-500px);
-o-transform: translateX(-500px);
-ms-transform: translateX(-500px);
transform: translateX(-500px);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
}
.manage-part .manage-img-1 {
width: 49%;
display: inline-block;
transform: translateX(50px);
left: 20px;
z-index: 1;
position: relative;
transition-property: left, z-index, transform;
transition-delay: 0s, 0.5s, 0.5s;
transition-duration: 0.5s, 0s, 0.5s;
}
.manage-part .manage-img-2 {
display: inline-block;
width: 49%;
transform: translateX(-50px);
left: -20px;
z-index: 2;
position: relative;
transition-property: left, z-index, transform;
transition-delay: 0s, 0.5s, 0.5s;
transition-duration: 0.5s, 0s, 0.5s;
}
.manage-part:hover img.manage-img-1 {
left: 90px;
transform: translateX(-30px);
z-index: 2;
transition-property: transform, z-index, left;
transition-delay: 0s, 0.5s, 0.5s;
transition-duration: 0.5s, 0s, 0.5s;
}
.manage-part:hover img.manage-img-2 {
left: -90px;
transform: translateX(30px);
z-index: 1;
transition-property: transform, z-index, left;
transition-delay: 0s, 0.5s, 0.5s;
transition-duration: 0.5s, 0s, 0.5s;
}
.showcase-image-part {
background-image: url(/images/showcase-2.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 0;
margin-bottom: 0;
}
.showcase {
display: flex;
flex-direction: row;
background: #e7fddf;
border-radius: 30px;
padding: 0 0 0 60px;
align-items: center;
overflow: hidden;
width:100%;
}
.showcase-text-part {
display: inline-flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
width: 50%;
padding-right: 40px;
}
.showcase-image-part {
display: inline-flex;
justify-content: center;
align-items: center;
width: 35%;
margin-left: 15%;
}
.showcase-image-part img {
display: block;
width: 100%;
position: relative;
-webkit-transform: translatey(100px);
-moz-transform: translatey(100px);
-o-transform: translatey(100px);
-ms-transform: translatey(100px);
transform: translatey(100px);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
left: -200px;
}
.showcase:hover .showcase-image-part img {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
-o-transform: translatey(0);
-ms-transform: translatey(0);
transform: translatey(0);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.customer-feedback .owl-item img {
    object-fit: contain;
    border-radius: 100px;
    overflow: hidden;
    transition: all 0.3s;
}
.feedback-slider-item {
position: relative;
padding: 0;
}
.customer-name {
margin-top: 15px;
margin-bottom: 0;
font-family: 'Gilroy-SemiBold';
font-size: 1.5rem;
color: #102c56;
text-align: center;
    padding-bottom: 1rem;
    text-transform: capitalize;
}
.feedback-slider-item p {
font-family: 'Gilroy-Medium';
font-size: 17px;
color: #102c56;
}
.customer-rating {
background-color: #eee;
border: 3px solid #fff;
color: rgba(1, 1, 1, 0.702);
font-weight: 700;
border-radius: 50%;
position: absolute;
width: 47px;
height: 47px;
line-height: 44px;
font-size: 15px;
right: 0;
top: 77px;
text-indent: -3px;
}
.thumb-prev .customer-rating {
top: -20px;
left: 0;
right: auto;
}
.thumb-next .customer-rating {
top: -20px;
right: 0;
}
.feedback-slider-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.testimonial-image {
/* width: 50%; */
align-items: center;
justify-content: center;
text-align: center;
position: relative;
}

.testimonial-content {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.customer-feedback .testimonial-image:before {
    content: "";
    position: absolute;
    top: 4px;
    left: -200%;
    background: url('/images/icons/before.png')no-repeat;
    width: 100px;
    height: 100px;
  }
  .customer-feedback .testimonial-image:after {
    content: "";
    position: absolute;
    top: 4px;
    right: -200%;
    background: url('/images/icons/after.png')no-repeat;
    width: 100px;
    height: 100px;
  }
.customer-feedback {
/* background-color: #f6f7f8; */
padding-top: 4rem;
padding-bottom: 0rem;
}
.customer-rating i {
color: #fb5a0d;
position: absolute;
top: 10px;
right: 5px;
font-weight: 600;
font-size: 12px;
}
.customer-feedback h3 {
font-family: 'Gilroy-Bold';
text-transform: capitalize;
/* position: absolute; */
}
.feedback-slider-item h6 {
    font-size: 20px;
    color: #102c56;
}
.feedback-slider-item h6,.feedback-slider-item h5 a{
    font-family: 'Gilroy-SemiBold';
    text-align: center;
    text-transform: capitalize;
}
.feedback-slider-item h5 a{
    font-size: 15px;
    color: #FF3936;
}
.feedback-slider .owl-nav{
    position: relative;
    text-align: center;
    padding-top: 4rem;
}
button.owl-next,
button.owl-prev {
outline: 0 !important;
}
.feedback-slider-thumb img {
width: 100%;
height: 100%;
border-radius: 24px;
overflow: hidden;
opacity: 0.8;
}
.feedback-slider-thumb:hover img {
opacity: 1;
}
.customer-feedback .owl-nav [class*="owl-"] {
position: relative;
display: inline-block;
bottom: 45px;
transition: all 0.2s ease-in;
}
.customer-feedback .owl-nav i {
background-color: transparent;
color: #fb5a0d;
font-size: 25px;
}
.customer-feedback .owl-prev {
left: -15px;
}
.customer-feedback .owl-prev:hover {
left: -20px;
}
.customer-feedback .owl-next {
right: -15px;
}
.customer-feedback .owl-next:hover {
right: -20px;
}
.customer-feedback .owl-dots {
display: none;
}
.footer-link {
padding-left: 0;
list-style: none;
}
.footer-link li {
margin-bottom: 20px;
width: 100%;
}
.footer-link li a {
font-family: Gilroy-Medium;
font-size: 15px;
color: #fff;
}
.btn-freetrial {
font-size: 0.875rem!important;
font-family: 'Gilroy-SemiBold' !important;
transition: all 0.15s ease;
}
.footer_map {
background-image: url(/images/oderz_map.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: relative;
min-height: 210px;
}
.footer_map {
display: flex;
align-items: center;
justify-content: center;
}
.footer-flags {
display: flex;
align-items: center;
gap: 20px;
margin-top: 50px;
}
.footer-flags-flag {
display: flex;
align-items: center;
text-decoration: none;
cursor: pointer;
opacity: 0.6;
transition: all 0.2s ease-out;
}
.footer-flags-flag.active {
opacity: 1;
}
.footer-flags-flag p {
margin: 0;
color: #fff;
font-size: 0.8rem;
}
.footer-flags-flag img {
width: 28px;
margin-right: 6px;
}
#demos .owl-nav button.owl-prev,
#demos .owl-nav button.owl-next,
#restaurants .owl-nav button.owl-prev,
#restaurants .owl-nav button.owl-next {
width: 20px;
border: 1px solid #869791;
font-size: 25px;
}
#demos .owl-theme .owl-nav, #restaurants .owl-theme .owl-nav{
margin-bottom: 30px;
}
.banner-image img {
width: 100%;
}
.camel-case h3{
text-transform: capitalize;
}
.hiw_sec_2 {
background-color: #f6f7fa;
padding-top: 3rem;
padding-bottom: 0;
}
.sec-title {
color: #102c56;
font-family: Gilroy-Bold;
font-size: 2.75rem;
line-height: 60px;
text-transform: capitalize;
}
.sec-content {
font-family: Gilroy-Medium;
font-size: 16px;
line-height: 30px;
color: #102c56;
}
.process-detail {
display: flex;
flex-direction: row;
border-radius: 30px;
padding: 10px 40px;
align-items: center;
overflow: hidden;
min-height: 450px;
}
.process-text-part {
display: inline-flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
width: 50%;
padding-right: 40px;
}
.process-image-part {
display: inline-flex;
justify-content: center;
align-items: center;
width: 50%;
}
.process_1 {
border: 1px solid #2d548e;
background: #eff6ff;
}
.process_2 {
background: #fff0e9;
border: 1px solid #ff3936;
}
.process_3 {
background: #fff7d0;
border: 1px solid #ff7b36;
}
.process_4 {
background: #e9ffed;
border: 1px solid #28b53f;
}
.process-detail h6 {
font-family: Gilroy-SemiBold;
font-size: 24px;
line-height: 60px;
text-transform: uppercase;
}
.process_1 h6 {
color: #2d548e;
}
.process_2 h6 {
color: #ff3936;
}
.process_3 h6 {
color: #ff7b36;
}
.process_4 h6 {
color: #28b53f;
}
.demo-slide h3 {
font-family: Gilroy-Bold;
text-transform: capitalize;
}
.demo-slide {
padding-top: 3rem;
padding-bottom: 3rem;
}
.demo-slide p {
font-family: Gilroy-Medium;
font-size: 18px;
line-height: 30px;
text-align: center;
color: #102c56;
}
.hiw_sec_2 img {
width: 100%;
}
.process-image-part img {
width: 100%;
}
.simple_steps:before {
content: "";
width: 80px;
height: 80px;
background-color: #fbd0b1;
position: absolute;
z-index: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
border-bottom-left-radius: 100%;
-webkit-transition: all 1.5s ease-in;
-moz-transition: all 1.5s ease-in;
-ms-transition: all 1.5s ease-in;
-o-transition: all 1.5s ease-in;
transition: all 1.5s ease-in;
right: 0;
top: 0;
}
.simple_steps:hover:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.simple_steps:after {
content: "";
width: 80px;
height: 80px;
background-color: #faebd7;
position: absolute;
z-index: -2;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
border-bottom-left-radius: 100%;
-webkit-transition: all 1.5s ease-in;
-moz-transition: all 1.5s ease-in;
-ms-transition: all 1.5s ease-in;
-o-transition: all 1.5s ease-in;
transition: all 1.5s ease-in;
right: 0;
top: 0;
}
.simple_steps:hover:after {
z-index: -1;
-webkit-transform: scale(100);
-moz-transform: scale(100);
-o-transform: scale(100);
-ms-transform: scale(100);
transform: scale(100);
}
#demos .card.hoverable img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
}
#demos .card.hoverable:hover img {
-webkit-transform: translateY(-250px);
-moz-transform: translateY(-250px);
-o-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
}
.notifyjs-corner strong {
font-weight: 500 !important;
}
.image_list li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 165px;
border: solid 1px #e8e8e8;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
margin-bottom: 15px;
cursor: pointer;
padding: 15px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
overflow: hidden;
}
.image_list li:last-child {
margin-bottom: 0;
}
.image_list li:hover {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.image_list li img {
max-width: 100%;
}
.image_selected img {
max-width: 100%;
}
.product_category {
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
}
.product_rating {
margin-top: 7px;
}
.product_rating i {
margin-right: 4px;
}
.product_rating i::before {
font-size: 13px;
}
.product_text {
margin-top: 27px;
}
.product_text p:last-child {
margin-bottom: 0;
}
.order_info {
margin-top: 16px;
}
.product_quantity {
width: 182px;
height: 50px;
border: solid 1px #e5e5e5;
border-radius: 5px;
overflow: hidden;
padding-left: 25px;
float: left;
margin-right: 30px;
}
.product_quantity span {
display: block;
height: 50px;
font-size: 16px;
font-weight: 300;
color: rgba(0, 0, 0, 0.5);
line-height: 50px;
float: left;
}
.product_quantity input {
display: block;
width: 30px;
height: 50px;
border: none;
outline: 0;
font-size: 16px;
font-weight: 300;
color: rgba(0, 0, 0, 0.5);
text-align: left;
padding-left: 9px;
line-height: 50px;
float: left;
}
.quantity_buttons {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 29px;
border-left: solid 1px #e5e5e5;
}
.quantity_dec,
.quantity_inc {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 50%;
cursor: pointer;
}
.quantity_control i {
font-size: 11px;
color: rgba(0, 0, 0, 0.3);
pointer-events: none;
}
.quantity_control:active {
border: solid 1px rgba(14, 140, 228, 0.2);
}
.quantity_inc {
padding-bottom: 2px;
justify-content: flex-end;
border-top-right-radius: 5px;
}
.quantity_dec {
padding-top: 2px;
justify-content: flex-start;
border-bottom-right-radius: 5px;
}
.single_product {
background-color: #fff;
margin-top: 0;
}
.product_name {
font-family: 'Open Sans', sans-serif;
font-size: 2rem;
text-transform: capitalize;
color: #1e1d1d;
font-weight: 600;
}
.badge {
display: inline-block;
padding: 0.5em 0.4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.product-rating {
margin-top: 10px;
}
.rating-review {
color: #5b5b5b;
}
.product_price {
display: inline-block;
margin-top: 0;
clear: left;
font-size: 25px;
line-height: 48px;
color: #1e1d1d;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
.product_discount {
display: inline-block;
font-size: 17px;
font-weight: 300;
margin-top: 9px;
clear: left;
margin-left: 10px;
color:#525f7f;
}
.product_saved {
display: inline-block;
font-size: 15px;
font-weight: 200;
color: #999;
clear: left;
}
.singleline {
margin-top: 1rem;
margin-bottom: 0.4rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.product_info {
color: #4d4d4d;
display: inline-block;
font-size: 1rem;
text-align: justify;
font-family: 'Open Sans', sans-serif;
}
.product_options {
margin-bottom: 10px;
}
.product_description {
padding-left: 0;
}
.product_quantity {
width: 104px;
height: 47px;
border: solid 1px #e5e5e5;
border-radius: 3px;
overflow: hidden;
padding-left: 8px;
padding-bottom: 44px;
float: left;
margin-right: 22px;
margin-bottom: 11px;
}
.order_info {
margin-top: 18px;
}
.shop-button {
height: 47px;
}
.product_fav i {
line-height: 44px;
color: #ccc;
}
.product_fav {
display: inline-block;
width: 52px;
height: 46px;
background: #fff;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
border-radius: 11%;
text-align: center;
cursor: pointer;
margin-left: 3px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.br-dashed {
border-radius: 5px;
border: 1px dashed #ddd;
margin-top: 6px;
}
.pr-info {
margin-top: 2px;
padding-left: 2px;
margin-left: -14px;
padding-left: 0;
}
.break-all {
color: #5e5e5e;
}
.image_selected {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: calc(100% + 15px);
height: 410px;
border: solid 1px #e8e8e8;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
padding: 0;
border-radius: 10px;
}
.image_list li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 165px;
border: solid 1px #e8e8e8;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) !important;
margin-bottom: 15px;
cursor: pointer;
padding: 15px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
overflow: hidden;
}
.bbb_combo {
width: 100%;
margin-right: 7%;
padding-top: 21px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 24px;
border-radius: 5px;
margin-top: 0;
text-align: -webkit-center;
}
.bbb_combo_image {
width: 170px;
height: 170px;
margin-bottom: 15px;
}
.fs-10 {
font-size: 10px;
}
.step {
background: #167af6;
border-radius: 0.8em;
-moz-border-radius: 0.8em;
-webkit-border-radius: 6.8em;
color: #fff;
display: inline-block;
font-weight: 700;
line-height: 3.6em;
margin-right: 5px;
text-align: center;
width: 3.6em;
margin-top: 116px;
}
.row-underline {
content: "";
display: block;
border-bottom: 2px solid #3798db;
margin: 0 0;
margin-bottom: 20px;
margin-top: 15px;
}
.deal-text {
margin-left: -10px;
font-size: 25px;
margin-bottom: 10px;
color: #000;
font-weight: 700;
}
.padding-0 {
padding-left: 0;
padding-right: 0;
}
.padding-2 {
margin-right: 2px;
margin-left: 2px;
}
.vertical-line {
display: inline-block;
border-left: 3px solid #167af6;
margin: 0 10px;
height: 364px;
margin-top: 4px;
}
.p-rating {
color: green;
}
.combo-pricing-item {
display: flex;
flex-direction: column;
}
.boxo-pricing-items {
display: inline-flex;
}
.combo-plus {
margin-left: 10px;
margin-right: 18px;
margin-top: 10px;
}
.add-both-cart-button {
margin-left: 36px;
}
.items_text {
color: #b0b0b0;
}
.combo_item_price {
font-size: 18px;
}
.p_specification {
font-weight: 500;
margin-left: 22px;
}
.share-btn {
display: inline-flex;
color: #fff;
border: none;
width: 2rem;
box-shadow: none;
outline: 0;
text-align: center;
border-radius: 50%;
height: 2rem;
align-items: center;
justify-content: center;
}
.share-btn:hover {
color: #eee;
}
.share-btn:active {
position: relative;
top: 2px;
box-shadow: none;
color: #e2e2e2;
outline: 0;
}
.share-btn.twitter {
background: #55acee;
}
.share-btn.whatsapp {
background: #25d366;
}
.share-btn.facebook {
background: #3b5998;
}
.share-btn.linkedin {
background: #4875b4;
}
.share-btn.email {
background: #444;
}
.promote-sec {
padding-top: 6rem;
}
.promote-sec1 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.p_2{
padding: 10px;
}
.promote-sec, .promote-sec1 ,.promote-pricing-sec{
padding-bottom: 0;
background-image: url(../img/orderz_bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
margin-bottom: 0;
}
.promote_title {
font-family: Gilroy-Bold;
font-size: 2.75rem;
}
#promote-content h3 {
font-family: Gilroy-Bold;
}
#promote-content .display-2 span {
color: #ff7b36;
display: inline-block;
}
.market-text-part {
width: 100%;
overflow: hidden;
}
.help-sec .description ul {
color: #32325d;
list-style: disc;
padding-left: 1.5rem;
}
.help-sec .description ul li {
margin-bottom: 10px;
font-size: 15px;
font-family: 'Gilroy-Medium';
}
.seopg .simple_steps {
min-height: 430px;
}
.seopg .simple_steps:before {
display: none;
}
.seopg .steps_no {
text-align: center;
font-size: 20px;
}
.seopg .Step_1 {
color: #2d548e;
}
.seopg .Step_2 {
color: #ff3936;
}
.seopg .Step_3 {
color: #ff7b36;
}
.seopg .Step_4 {
color: #28b53f;
}
.seopg .simple_steps .steps_icon {
max-width: 100%;
width: auto;
margin: 0 auto;
max-height: 180px;
object-fit: cover;
}
#hiw .seopg p {
font-size: 14px;
}
#fully-loaded .restaurant-seo .fullyloaded_box {
min-height: 270px;
border-radius: 20px;
margin-bottom: 25px;
border: 1px solid #b1d1e6;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#fully-loaded .restaurant-seo .fullyloaded_box:hover {
box-shadow: 12px 12px 25px rgb(16 44 86 / 8%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.callexpert {
display: flex;
flex-direction: column;
background: #102c56;
border-radius: 30px;
padding: 40px;
align-items: center;
overflow: hidden;
width: 100%;
}
.ce-content {
font-family: Gilroy-SemiBold;
font-size: 18px;
line-height: 20px;
text-align: center;
text-transform: capitalize;
color: #ff7b36;
}
.ce-title {
font-family: Gilroy-Bold;
font-size: 2.1875rem;
text-align: center;
text-transform: capitalize;
color: #fff;
margin-bottom: 30px;
}
.callexpert-text-part {
width: 100%;
}
.callexpert-form {
width: 100%;
max-width: 700px;
}
.callexpert-form input {
border: 1px solid #ffffff80;
border-radius: 8px;
width: 100%;
background-color: transparent;
height: 55px;
color: #fff;
font-family: Gilroy-Bold;
}
.callexpert-form input:focus {
color: #102c56;
background-color: #fff;
}
.callexpert-form input:-webkit-autofill,
.callexpert-form input:-webkit-autofill:active,
.callexpert-form input:-webkit-autofill:focus,
.callexpert-form input:-webkit-autofill:hover {
-webkit-text-fill-color: #102c56 !important;
color: #102c56 !important;
background-color: #fff !important;
}
.callexpert-form .btn-success {
background: #5381f8;
border-color: #5381f8;
height: 65px;
font-family: Gilroy-SemiBold;
font-size: 18px;
line-height: 21px;
text-align: center;
color: #fff;
border-radius: 8px;
}
.hover-img-1 {
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.hang-effect {
-webkit-animation-name: hang;
animation-name: hang;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
.seo-bg-1 {
background-image: url("/images/booking_options_bg.jpg");
min-height: 550px;
background-repeat: no-repeat;
background-position: right center;
background-size: auto;
}
.seo-bg-2 {
background-image: url("/images/attract-customers.jpg");
min-height: 550px;
background-repeat: no-repeat;
background-position: left center;
background-size: auto;
}
.seo-bg-3 {
background-image: url("/images/manage-food-ordering.jpg");
min-height: 550px;
background-repeat: no-repeat;
background-position: right center;
background-size: auto;
}
.image-container {
position: relative;
width: 110px;
height: 110px;
display: flex;
background: #f6f7fa;
border: 1px solid rgba(16, 47, 84, 0.04);
align-items: baseline;
justify-content: center;
border-radius: 50%;
padding: 10px;
top: 0;
transform: translate(110px,80px);
}
.image-container img {
position: absolute;
animation-name: multiple-image-crossfade;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 4s;
}
.image-container img:nth-of-type(1) {
opacity: 0;
animation-delay: 3s;
}
.image-container img:nth-of-type(2) {
opacity: 0;
animation-delay: 2s;
}
.image-container img:nth-of-type(3) {
opacity: 0;
animation-delay: 1s;
}
.image-container img:nth-of-type(4) {
opacity: 0;
animation-delay: 0s;
}
.dm-width {
width: 250px;
margin-left: 50px;
margin-top: 10%;
position: relative;
}
.seo-width {
width: 250px;
margin: 0 auto;
position: absolute;
right: 0;
z-index: 0;
}
.iphone-mockup {
position: relative;
z-index: 5;
}
.dm-device {
position: relative;
width: 100%;
padding-bottom: 200%;
margin-bottom: 20px;
}
.seo-device {
position: relative;
width: 100%;
padding-bottom: 140%;
margin-bottom: 20px;
box-shadow: 12px 12px 25px rgb(16 44 86 / 8%);
border-radius: 20px;
}
.device {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
-webkit-background-size: 100% 100%;
background-repeat: no-repeat;
background-image: url("/images/modern-platform_mockup.png");
background-size: cover;
background-position: center center;
}
.seodevice {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
-webkit-background-size: 100% 100%;
background-repeat: no-repeat;
background-image: url("/images/frame_mockup.png");
background-size: cover;
background-position: center center;
}
.screen {
overflow: hidden;
position: absolute;
top: 35px;
bottom: 17px;
left: 17px;
right: 17px;
border-radius: 20px;
background-color: #fff;
}
.seo-screen {
overflow: hidden;
position: absolute;
top: 25px;
bottom: 5px;
left: 10px;
right: 10px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
background-color: #fff;
}
.slider {
height: 100%;
}
.slider div {
height: 100%;
}
.seo-slider {
height: 100%;
}
.seo-slider div {
height: 100%;
}
.slider__item {
display: flex;
justify-content: center;
align-items: center;
}
.seo-slider__item {
display: flex;
justify-content: center;
align-items: center;
}
.dm-width::before {
max-width: 170px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.25rem;
content: attr(data-title);
position: absolute;
z-index: 1;
left: 0;
right: 0;
margin: 0 auto;
top: -40px;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-transform: capitalize;
}
.dm-width:after {
position: absolute;
visibility: hidden;
width: 0;
height: 0;
left: 50%;
bottom: 0;
opacity: 0;
content: "";
border-style: solid;
border-width: 6px 6px 0;
border-color: rgba(0,0,0,.85)transparent transparent transparent;
right: 50%;
transform: translateX(-50%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dm-width:hover::after {
visibility: visible;
opacity: 1;
top: -8px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dm-width:hover::before {
opacity: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.image-customer-1 {
position: absolute;
right: 0;
width: 100px;
top: 5%;
}
.image-customer-2 {
width: 120px;
position: absolute;
right: -20%;
top: 25%;
}
.image-customer-3 {
width: 90px;
position: absolute;
right: 15%;
top: 45%;
}
.image-customer-4 {
position: absolute;
right: -5%;
width: 140px;
bottom: 5%;
}
.grow1 {
-webkit-animation: grow 2s infinite 0.1s;
}
.grow2 {
-webkit-animation: grow 2s infinite 0.5s;
}
.grow3 {
-webkit-animation: grow 2s infinite 1s;
}
.grow4 {
-webkit-animation: grow 2s infinite 1.5s;
}
.benefit_box {
background-color: #fff;
border-radius: 10px;
padding: 20px;
min-height: 210px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.benefit_box:hover {
box-shadow: 12px 12px 25px rgb(16 44 86 / 8%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.benefit-title {
font-size: 1rem;
font-family: 'Gilroy-Bold';
background-color: #F6F7FA;
max-width: 250px;
margin: 0 auto;
margin-top: 20px;
border-radius: 8px;
padding: 5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.benefit_box:hover .benefit-title {
background-color: #102F54;
color: #F6F7FA;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@-webkit-keyframes grow {
0% {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes grow {
0% {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes multiple-image-crossfade {
0% {
opacity: 1;
}
17% {
opacity: 1;
}
25% {
opacity: 0;
}
92% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes hang {
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes hang {
50% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.main-container {
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
height: 550px;
overflow: hidden;
}
.contact-main {
margin: 0px auto;
width: 500px;
height: 500px;
position: relative;
margin-top: 10%;
}
.big-circle {
height: 100%;
width: 100%;
position: relative;
border-radius: 50%;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
animation: Rotate 20s linear infinite;
-webkit-animation: Rotate 20s linear infinite;
}
.icon-block {
width: 150px;
height: 150px;
position: absolute;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.icon-block img {
margin: 0px auto;
width: 80%;
animation: Rotate-reverse 20s linear infinite;
-webkit-animation: Rotate-reverse 20s linear infinite;
}
.icon-block:first-child {
top: -7%;
right: 7%;
}
.icon-block:nth-child(2) {
top: 35%;
right: -10%;
}
.icon-block:nth-child(3) {
bottom: -7%;
right: 7%;
}
.icon-block:nth-child(4) {
bottom: -7%;
left: 7%;
}
.icon-block:nth-child(5) {
top: 35%;
left: -10%;
}
.icon-block:nth-child(6) {
top: -7%;
left: 7%;
}
/* circle content */
.circle {
animation: circle-rotate 20s linear infinite;
-webkit-animation: circle-rotate 20s linear infinite;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
-webkit-transform: translate(-50%, -50%) rotate(45deg);
width: 75%;
height: 75%;
border: 3px solid #6495f2;
border-radius: 50%;
}
.circle .icon-block img {
animation: img-rotate 20s linear infinite;
-webkit-animation: img-rotate 20s linear infinite;
}
/* center logo */
.center-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.center-logo img {
max-width: 365px;
}
.callexpert.contact-us {
background-color: #fff;
}
.contact-us .ce-title {
color: #102c56;
}
.contact-us .callexpert-form input{
border: 1px solid #102c5680;
color: #102c56;
}
.contact-us .callexpert-form .btn-success{
background: #FF7B36;
border-color: #FF7B36;
}
.callexpert-form textarea,.callexpert-form textarea:focus{
border: 1px solid #102c5680;
color: #102c56;
border-radius: 8px;
width: 100%;
font-family: Gilroy-Bold;
height: 100px;
}
.btn-primary-grad{
font-weight: normal;
font-family: 'Gilroy-SemiBold';
}
.contact-us .trial-div h4, .contact-us .trial-div p{
color: #FFFFFF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact-box-img {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
margin-bottom: 0;
}
.contact-box-content {
width: 100%;
}
.contact-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
margin-bottom: 3rem;
}
.contact-widget-container {
padding-left: 3rem;
}
.contact-box-title {
color: #102C56;
font-size: 20px;
font-family: 'Gilroy-Bold';
}
.contact-box-description {
color: #1A242D;
font-family: 'Gilroy-Medium';
margin-bottom: 0;
}
.contact-box-description a, .contact-box-description a:hover{
color: #1A242D;
}
.contact-us .trial-div{
background-color: #2D548E;
border: 1px solid #2D548E;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact-us-1 .trial-div{
background-color: #f9fafc;
border: 1px solid #e8eaf0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact-us .trial-div:hover{
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #fff;
border-color: #2D548E;
}
.contact-us-1 .trial-div:hover{
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #2D548E;
border: 1px solid #2D548E;
}
.contact-us .trial-div:hover h4, .contact-us .trial-div:hover p{
color: #2D548E;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact-us-1 .trial-div:hover h4, .contact-us-1 .trial-div:hover p{
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact-us .trial-div img {
width: 80px;
height: 80px;
padding: 10px;
max-width: 80px;
border-radius: 4px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact-us .trial-div:hover img {
background-color: #2D548E;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact-us-1 .trial-div img {
width: 80px;
height: 80px;
padding: 10px;
max-width: 80px;
border-radius: 4px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact-us-1 .trial-div:hover img {
background-color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/* keyframe animation */
@keyframes Rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes Rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes Rotate-reverse {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}
@-webkit-keyframes Rotate-reverse {
from {
-webkit-transform: rotate(360deg);
}
to {
-webkit-transform: rotate(0deg);
}
}
@keyframes circle-rotate {
from {
transform: translate(-50%, -50%) rotate(45deg);
}
to {
transform: translate(-50%, -50%) rotate(405deg);
}
}
@-webkit-keyframes circle-rotate {
from {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
}
to {
-webkit-transform: translate(-50%, -50%) rotate(405deg);
}
}
@keyframes img-rotate {
from {
transform: rotate(-45deg);
}
to {
transform: rotate(-405deg);
}
}
@-webkit-keyframes img-rotate {
from {
-webkit-transform: rotate(-45deg);
}
to {
-webkit-transform: rotate(-405deg);
}
}
.form-login-body .btn-inner--icon img {
display: inline-block;
}
.ce-subtitle {
font-family: Gilroy-Bold;
font-size: 1.5rem;
line-height: 36px;
text-align: center;
text-transform: capitalize;
color: #fff;
margin-bottom: 30px;
}
.contact-us .ce-subtitle {
color: #102c56;
}
.shadow-md{
box-shadow: 0 10px 20px rgb(50 50 93 / 1%), 0 5px 15px rgb(0 0 0 / 7%) !important;
}
.contact-us-img-1 img{
max-width: 400px;
margin-right: 0;
margin-left: auto;
display: block;
width: 100%;
}
.contact-us-img-2 img{
max-width: 500px;
margin-right: 0;
margin-left: auto;
display: block;
width: 100%;
}
.sec-subcontent {
font-family: Gilroy-SemiBold;
font-size: 1.3rem;
line-height: 20px;
text-align: left;
text-transform: capitalize;
color: #ff7b36;
}
.sec-subtitle {
font-family: Gilroy-Bold;
font-size: 1.8rem;
line-height: 20px;
text-align: center;
text-transform: capitalize;
color: #102c56;
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@-moz-keyframes pulsate {
0% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
@keyframes pulsate {
0% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
/* =Places Map
// ========================================================================== */
#places-map {
padding: 0;
position: relative;
}
#places-map img {
height: auto;
position: relative;
width: 100%;
z-index: 1;
}
.secondary-page #places-map .content {
margin: 0;
position: relative;
}
#places-map .map {
position: relative;
max-width: 56.4375em;
margin-left: auto;
margin-right: auto;
}
#places-map .map-pins {
position: absolute;
height: 100%;
top: 0;
left: 0;
width: 100%;
}
#places-map .map-location-marker {
background: url(/images/blue_pin.png) no-repeat;
cursor: pointer;
position: absolute;
height: 40px;
margin-top: 0;
margin-left: 0;
width: 40px;
z-index: 3;
background-size: cover;
}
#places-map .marker-singapore {
right: 10%;
bottom: 30%;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
#places-map .marker-malaysia {
left: 78%;
top: 45%;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
#places-map .marker-india {
bottom: 50%;
right: 24%;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
#places-map .map-location-marker:after {
-webkit-animation: pulsate 2s ease-in-out infinite;
-moz-animation: pulsate 2s ease-in-out infinite;
animation: pulsate 2s ease-in-out infinite;
background: transparent;
border: 2px solid #fff;
border-radius: 30px;
content: "";
display: block;
height: 31px;
left: 4px;
opacity: 0;
position: absolute;
top: -3px;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
width: 31px;
z-index: 2;
}
#page-places {
position: relative;
}
#map-info {
background: #fff;
color: #000;
position: absolute;
top: -1.5625em;
left: 50%;
margin-left: -7.8125em;
padding: 1.125em;
width: 15.625em;
z-index: 10;
border-radius: 8px;
}
#map-info .close-btn {
cursor: pointer;
display: block;
position: absolute;
right: 1em;
top: 1em;
}
#map-info h1 {
font-size: 1.375em;
line-height: 1;
margin-bottom: 0.5rem;
margin-top: 0;
}
#map-info p {
font-family: 'Gilroy-SemiBold';
line-height: 1.2;
font-size: 0.9rem;
margin-bottom: 0.5rem;
}
#map-info a {
color: #ff7b36;
font-size: 0.9rem;
margin-left: 0.5rem;
}
#map-info img {
height: auto;
max-width: 100%;
}
.skeleton-box {
display: inline-block;
height: 0.8em;
position: relative;
overflow: hidden;
background-color: #ededed;
border-radius: 1rem;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.skeleton-box::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translateX(-100%);
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgb(255 255 255 / 50%) 20%, rgb(255 255 255 / 70%) 60%, rgba(255, 255, 255, 0));
-webkit-animation: shimmer 2s infinite;
animation: shimmer 2s infinite;
content: "";
}
@-webkit-keyframes shimmer {
100% {
transform: translateX(100%);
}
}
@keyframes shimmer {
100% {
transform: translateX(100%);
}
}
.o-media {
display: flex;
}
.o-media__body {
flex-grow: 1;
margin-left: 0.5em;
}
.o-vertical-spacing > * + * {
margin-top: 0.5em;
}
.our_vision_sec_1 {
max-width: 300px;
display: inline-flex;
width: 300px;
}
.our_vision_sec_2 {
max-width: 220px;
display: inline-flex;
width: 220px;
}
.our_vision_sec_3 {
max-width: 100%;
display: inline-flex;
width: 100%;
}
.our_vision_sec_4 {
max-width: 100%;
display: inline-flex;
width: 100%;
}
.our_vision_sec_5 {
max-width: 100%;
display: inline-flex;
width: 100%;
margin-top: 6rem;
}
.our_vision_sec_6 {
max-width: 100%;
display: inline-flex;
width: 100%;
}
.o-vertical-spacing p {
margin-bottom: 0;
line-height: 1.3;
}
.blog-post__headline {
line-height: 1;
margin-top: 0.5rem;
}
.our_vision_sec {
border: 1px solid rgb(16 44 86 / 10%);
border-radius: 1rem;
background-color: #fff;
overflow: hidden;
margin-bottom: 0.6rem;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.our_vision_sec:hover{
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
border: 1px solid rgb(16 44 86 / 30%);
}
.our_vision_sec:hover .skeleton-box{
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
background-color: rgb(16 44 86 / 50%);
}
.our_vision_content {
padding-top: 0.5rem;
}
.our_vision_column{
position: relative;
}
.our_vision_column_1{
display: flex;
flex-direction: column;
align-items: flex-end;
padding-left: 5px;
padding-right: 5px;
}
.our_vision_column_2{
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 5px;
padding-right: 5px;
}
.our_vision_column_3{
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 5px;
padding-right: 5px;
}
.our_vision_img {
overflow: hidden;
position: relative;
}
.our_vision_sec img {
transform: scale(1);
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.our_vision_sec:hover img {
transform: scale(1.05);
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.about-width {
width: 230px;
margin: 0 auto;
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.dedicated-width {
width: 230px;
position: absolute;
z-index: 0;
right: 0;
top: 20%;
}
.about-width .seo-slider .seo-slider__item{
height: 100%;
background: #F6F7FA;
padding: 10px;
}
.dedicated-width .seo-slider .seo-slider__item{
height: 100%;
background: #F6F7FA;
padding: 10px;
}
.customer-progress {
position: absolute;
right: 10%;
top: 0;
}
.customer-progress-col {
min-height: 400px;
position: relative;
}
.about-width .seo-screen{
top: 30px;
bottom: 10px;
}
.dedicated-width .seo-screen{
top: 30px;
bottom: 10px;
}
.customer-progress-img {
position: relative;
min-height: 400px;
}
.grow5 {
-webkit-animation: grow 2s infinite 2s;
}
.customer-progress-1 {
position: absolute;
left: 40%;
top: 0;
z-index: 1;
}
.customer-progress-2 {
position: absolute;
right: 15%;
top: 40%;
}
.customer-progress-3 {
position: absolute;
right: 20%;
bottom: 10%;
}
.customer-progress-4 {
position: absolute;
left: 30%;
bottom: 20%;
z-index: 1;
}
.customer-progress-5 {
position: absolute;
top: 30%;
left: 20%;
}
.about-width .o-media__body{
text-align: left;
}
.about-width .seo-slider .o-media__figure{
min-height: 145px;
}
.about-width .our_vision_sec:hover img{
transform: scale(1);
}
.dedicated-width .o-media__body{
text-align: left;
}
.dedicated-width .seo-slider .o-media__figure{
min-height: 145px;
}
.dedicated-width .our_vision_sec:hover img{
transform: scale(1);
}
.integrity-v-scroll {
transition: all 0.2s ease-in-out;
cursor: pointer;
width: 100%;
position: relative;
display: flex;
flex-direction: column;
height: 100vh;
}
.integrity-v-title {
font-family: 'Gilroy-SemiBold';
font-size: 16px;
color: rgba(45, 84, 142, 0.52);
}
.integrity-v-scroll .skeleton-box{
height: 0.5em;
}
.integrity-v-scroll .o-vertical-spacing p{
margin-bottom: 0;
font-size: 0.9rem;
line-height: 1;
}
.o-vertical-spacing p span:nth-child(2) {
opacity: 0.6;
}
.o-vertical-spacing p span:nth-child(3) {
opacity: 0.5;
}
.integrity-v-scroll .our_vision_content{
padding-top: 0.2rem;
}
.integrity-v-scroll .blog-post__headline {
margin-top: 0;
margin-bottom: 0;
}
.payment-1 {
position: absolute;
right: -15%;
bottom: 20%;
z-index: 1;
padding: 10px;
background-color: #fff;
border-radius: 6px;
box-shadow: 5px 5px 10px rgb(16 44 86 / 8%);
-webkit-animation: slide-rtl 10s linear infinite;
animation: slide-rtl 10s linear infinite;
}
.dedicated-sec-img-2 {
position: absolute;
max-width: 200px;
width: 100%;
top: -10%;
}
.big-width {
width: 460px;
margin: 0 auto;
position: relative;
z-index: 0;
min-height: 400px;
}
.big-width .our_vision_sec{
width: 100%;
}
.big-width .seo-slider div{
height: auto;
}
.big-width .seo-device{
padding-bottom: 75%;
}
.big-width .seodevice{
background-image: url(/images/think_big_mockup.png);
}
.big-width .seo-screen{
top: 45px;
}
.big-width .seo-slider__item{
height: 100%;
background: #F6F7FA;
padding: 15px;
border-radius: 6px;
}
.big-width .our_vision_sec{
border: none;
border-radius: 0;
background-color: transparent;
margin-bottom: 0;
}
.big-width .our_vision_content{
padding-top: 0;
}
.big-width .our_vision_sec:hover img{
transform: scale(1);
}
#thankyou {
padding-top: 4rem;
padding-bottom: 0;
min-height: 600px;
}
#thankyou h3{
font-size: 3rem;
line-height: 1.5;
font-family: 'Gilroy-Bold';
color: #FF0E41;
}
#firstAnimation {
height: 400px;
position: absolute;
pointer-events: none;
width: 100%;
left: 0;
top: -20%;
}
#secondAnimation {
height: 600px;
position: absolute;
pointer-events: none;
right: 0;
left: 0px;
width: 100%;
top: 10%;
overflow: hidden;
}
#thirdAnimation {
height: 400px;
position: absolute;
pointer-events: none;
right: 0;
left: 0;
top: 0;
}
#forthAnimation {
height: 600px;
position: absolute;
pointer-events: none;
right: 0;
left: 0;
top: 0;
overflow: hidden;
}
#fifthAnimation {
height: 600px;
position: absolute;
pointer-events: none;
right: 0;
left: 8%;
top: 0;
width: 500px;
}
#sixthAnimation {
height: 300px;
position: absolute;
pointer-events: none;
right: 5%;
top: 50%;
width: 250px;
}
#forthAnimation svg, #secondAnimation svg {
transform: scale(1.5) !important;
}
#seconds {
font-size: 2rem;
-webkit-animation:colorchange 5s infinite alternate;
}
#thankyou h4 {
font-family: 'Gilroy-Bold';
}
#thankyou .yourstore {
background-color: #fff;
padding: 5px 10px;
color: red;
}
.btn{
font-family: 'Gilroy-SemiBold';
}
#thankyou .btn{
min-width: 250px;
max-width: 250px;
}
.thankyou-content {
padding-top: 4rem;
}
/* .hide{
display: none;
} */
.thankyou-content img {
margin-top: -2rem;
width: 100%;
max-width: 200px;
}
.welcome-slider__item {
display: flex;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(4px);
border-radius: 12px;
padding: 15px;
margin-bottom: 1.5rem;
}
@-webkit-keyframes colorchange {
0% {
color: blue;
}
10% {
color: #8e44ad;
}
20% {
color: #1abc9c;
}
30% {
color: #d35400;
}
40% {
color: blue;
}
50% {
color: #34495e;
}
60% {
color: blue;
}
70% {
color: #2980b9;
}
80% {
color: #f1c40f;
}
90% {
color: #2980b9;
}
100% {
color: pink;
}
}
@-webkit-keyframes slide-rtl {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
25% {
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
75% {
-webkit-transform: translateX(40px);
transform: translateX(40px);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slide-rtl {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
25% {
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
75% {
-webkit-transform: translateX(40px);
transform: translateX(40px);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slick-slider .slick-prev, .slick-slider .slick-next {
z-index: 1;
font-size: 2.5em;
height: 40px;
width: 40px;
margin-top: -20px;
color: #B7B7B7;
position: absolute;
top: 50%;
text-align: center;
color: #000;
opacity: .3;
transition: opacity .25s;
cursor: pointer;
}
.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {
opacity: .65;
}
.slick-slider .slick-prev {
left: 0;
}
.slick-slider .slick-next {
right: 0;
}
#detail.product-images {
width: 100%;
margin: 0 auto;
border:1px solid #eee;
}
#detail.product-images li, #detail.product-images figure, #detail.product-images a, #detail.product-images img {
display: block;
outline: none;
border: none;
}
#detail.product-images .main-img-slider figure {
margin: 0 auto;
padding: 0 2em;
}
#detail.product-images .main-img-slider figure a {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
#detail.product-images .main-img-slider figure a img {
width: 100%;
max-width: 400px;
margin: 0 auto;
}
#detail.product-images .thumb-nav {
margin: 0 auto;
padding:20px 10px;
max-width: 600px;
}
#detail.product-images .thumb-nav.slick-slider .slick-prev, #detail.product-images .thumb-nav.slick-slider .slick-next {
font-size: 1.2em;
height: 20px;
width: 26px;
margin-top: -10px;
}
#detail.product-images .thumb-nav.slick-slider .slick-prev {
margin-left: -30px;
}
#detail.product-images .thumb-nav.slick-slider .slick-next {
margin-right: -30px;
}
#detail.product-images .thumb-nav li {
display: block;
margin: 0 auto;
cursor: pointer;
}
#detail.product-images .thumb-nav li img {
display: block;
width: 100%;
max-width: 75px;
margin: 0 auto;
border: 2px solid transparent;
-webkit-transition: border-color .25s;
-ms-transition: border-color .25s;
-moz-transition: border-color .25s;
transition: border-color .25s;
}
#detail.product-images .thumb-nav li:hover, #detail.product-images .thumb-nav li:focus {
border-color: #999;
}
#detail.product-images .thumb-nav li.slick-current img {
border-color: var(--storecolor,#102c56);
}
.landing-page .googleTranslateHolder, .blog .googleTranslateHolder {
height: 43px;
padding-top: 10px;
margin-right: 0.25rem !important;
min-width: 100px;
}
.landing-page #google_translate_element, .blog #google_translate_element{
height: 26px !important;
overflow: hidden !important;
border: none;
position: relative;
}
.landing-page #google_translate_element:before, .blog #google_translate_element:before {
content: "\f1ab";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
position: absolute;
top: 3px;
color: #fff;
}
.landing-page .goog-te-gadget .goog-te-combo, .blog .goog-te-gadget .goog-te-combo {
border: none;
margin: 4px 0;
max-width: 60px;
margin-left: 20px !important;
background-color: #102c56;
color: #fff;
}
.landing-page .goog-te-gadget > span, .blog .goog-te-gadget > span {
display: none;
}
.landing-page .goog-te-gadget .goog-te-combo:focus-visible, .blog .goog-te-gadget .goog-te-combo:focus-visible {
outline: none !important;
}
.megamenu {
position: absolute;
width: 100%;
left: 0;
right: 0;
padding: 15px;
min-width: 40rem;
max-width: 42rem;
}
.animated.slideInRight {
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#demoshiw .card.hoverable{
padding-bottom: 0px;
box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 10%);
border-radius: 15px;
background-color: #fff;
padding: 5px;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
#demoshiw .owl-item .card-content{
min-height: 45px;
line-height: 45px;
text-align: center;
}
#demoshiw .card-content .card-title{
font-size: 18px;
font-family: Gilroy-SemiBold;
color: #102c56;
}
#demoshiw .card.hoverable:hover img{
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
}
#demoshiw .owl-carousel .owl-stage-outer{
padding-bottom: 2rem;
padding-top: 2rem;
}

/* Responsive Styles
========================================================================== */
@media only screen and (min-width: 1200px) {
.section-hero-shape .section-inside {
top: -40%;
left: -1rem;
width: 130%;
height: 124%;
transform: rotate(-7deg);
border-bottom-left-radius: 3rem;
}
.section-hero-shape .container {
max-width: 1200px;
}
.section-hiw .container {
max-width: 1200px;
}
.mr-xl-9,
.mx-xl-9 {
margin-right: 10rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
}
@media only screen and (min-width: 992px) {
.section-hero-shape .section-inside {
top: -40%;
left: -1rem;
width: 130%;
height: 124%;
transform: rotate(-7deg);
border-bottom-left-radius: 3rem;
}
.basic-fea .col-xl-3 {
flex: 0 0 20%;
max-width: 20%;
}
#hiw .col-lg-3 {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 992px) and (max-width: 1100px) {
.footer-link .btn-freetrial{
padding: 0.6rem 0.25rem;
}
}
@media only screen and (min-width: 768px) {
span.afterinput,
span.beforeinput {
min-width: 120px;
}
}
@media only screen and (max-width: 1100px) {
.section-hero-shape {
padding-bottom: 24rem;
}
}
@media (min-width: 996px) and (max-width: 1024px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0;
padding-left: 0.5rem;
}
.customer-feedback .owl-item img,
.thumb-next,
.thumb-prev {
width: 340px;
height: 400px;
}
}
@media only screen and (max-width: 996px){
.project{
max-width: calc(30% - 10px);
margin: 5px;
}
#google_translate_element:before {
color: #102c56;
}
button.filter-button {
margin-bottom: 10px;
}
.store-thumb img {
max-height: 155px;
}
.integrity-v-scroll{
height: 50vh;
margin-top: 10rem;
}
.manage-part{
width: 100%;
padding: 20px 0;
margin-right: 0;
margin-bottom: 0;
}
.market-part {
width: 100%;
padding: 20px 0;
margin-right: 0;
margin-bottom: 20px;
}
.feedback-slider-item {
flex-direction: column;
}
.feedback-slider-thumb {
display: none;
}
.testimonial-content {
width: 100%;
padding-right: 20px;
justify-content: flex-start;
min-height: 250px;
}
.testimonial-image {
width: 100%;
}
.customer-feedback .owl-item img {
    width: 30%;
    margin: 0 auto;
}
.customer-feedback h3 {
position: relative;
}
#fully-loaded .bo-title{
font-size: 2.15rem;
line-height: 45px;
}
.showcase{
padding-left: 40px;
}
.showcase-image-part img{
left: -150px;
}
#welcome_content h2 br{
display: none;
}
.contact-widget-container {
padding-left: 0rem;
}
.contact-us-img-1 img{
margin-bottom: -2rem !important;
}
.contact-us-img-2 img{
margin-bottom: -1.8rem !important;
}
}
@media (min-width: 768px) and (max-width: 992px){
.image-customer-1{
right: 25%;
}
.image-customer-2{
right: 5%;
top: 20%;
}
.image-customer-3{
right: 20%;
}
.image-customer-4{
right: 0%;
}
.dm-width{
margin-left: 15px;
}
#promote-content .help-sec.p-0 {
padding-top: 2rem !important;
}
.seo-bg-1, .seo-bg-2, .seo-bg-3{
margin-top: 2rem;
}
.seopg.py-5 {
padding-bottom: 2rem !important;
padding-top: 2rem !important;
}
#fully-loaded .restaurant-seo .fullyloaded_box{
padding: 10px;
min-height: 280px;
}
#fully-loaded.seo-pg .ce-title {
font-size: 2rem;
line-height: 1.3;
}
#fully-loaded.seo-pg .callexpert{
margin-top: 2rem;
}
.basic-fea{
padding-top: 5rem;
}
.simple_steps{
margin-bottom: 20px;
}
.sell-detail:hover img.iphone_png {
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-o-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.sell-detail:hover .sell-website-image-part img.macbook_png {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out ;
-o-transition: all 0.7s ease-out ;
-ms-transition: all 0.7s ease-out ;
transition: all 0.7s ease-out ;
}
.column-1,
.column-2 {
margin-bottom: 20px;
}
.footer .row.row-grid>[class*="col-"]+[class*="col-"] {
margin-top: 1rem;
}
}
@media only screen and (max-width: 768px){
.btn.filter {
margin-bottom : 20px;
}
.project{
max-width: calc(30% - 10px);
margin: 5px;
}
.templatecard:hover img{
-webkit-transform: translateY(-150px);
-moz-transform: translateY(-150px);
-o-transform: translateY(-150px);
-ms-transform: translateY(-150px);
transform: translateY(-150px);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
}
.demo-thumb{
max-height: 300px;
}
.store-overlay {
flex-direction: column;
}
.navbar-brand{
margin-right: 0;
}
.topslider {
top: -100px;
max-width: 700px;
}
.parallax-header h1, .ce-title, .few-clicks h2{
font-size: 2rem;
line-height: 50px;
}
.callexpert-form input, .callexpert-form .btn-success{
height: 45px;
}
.start-selling{
padding-top: 3rem;
min-height: 300px;
}
.start-selling .btn-primary-grad{
margin-top: 1rem !important;
}
.section-hero-shape {
padding-top: 2rem;
}
.navbar.navbar-main {
border-bottom: 1px solid #c1c1c1;
}
.sec-title br {
display: none;
}
.navbar-nav {
margin-top: 50px;
align-items: center;
}
.navbar-collapse {
min-height: 1000px;
width: 100%;
margin: 0;
}
.navbar-collapse.collapsing,
.navbar-collapse.show {
border-radius: 0;
}
#testimonials .carousel-item .pl-8 {
padding-left: 0 !important;
}
#testimonials .carousel-item .text-right {
text-align: center !important;
}
#faq .section-xl {
padding-top: 2rem;
padding-bottom: 2rem;
}
#accordion .card {
padding: 10px 10px;
}
span.afterinput,
span.beforeinput {
min-width: 90px;
max-width: 90px;
}
.plan_features {
padding-left: 1rem;
padding-right: 1rem;
}
#product.pt-6 {
padding-top: 2rem !important;
}
#product.mt-5 {
margin-top: 0.5rem !important;
}
#product.description.pl-4 {
padding-left: 0 !important;
}
.pricing_section .card-title {
margin-bottom: 5px;
}
#faq.section-xl {
padding-top: 2rem;
padding-bottom: 6rem;
}
.screenshot_slider .owl-item .item img {
max-width: 170px;
margin: 0 auto;
}
.plan_features li:before {
left: 2px;
font-size: 12px;
}
.trial-div {
margin-bottom: 20px;
}
.feedback-slider-item:after {
left: 30px;
right: 30px;
}
.customer-feedback .owl-nav [class*="owl-"] {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 45px;
bottom: auto;
}
.customer-feedback .owl-prev {
left: 0;
}
.customer-feedback .owl-next {
right: 0;
}
.single_product {
padding: 10px 0;
}
.image_selected {
height: 330px;
}
#fully-loaded .bo-title,
#fully-loaded h3,
#hiw h3,
.basic-fea h3,
.customer-feedback h3,
.demo-slide h3,
.sec-title,
.section-hero-shape h1,
.section-hiw h1 {
font-size: 2rem;
line-height: 40px;
}
.section-hero-shape {
padding-bottom: 20rem;
}
.topslider {
top: 20px;
}
.basic-fea {
padding-top: 8rem;
padding-bottom: 0;
}
.simple_steps {
min-height: 250px;
margin-bottom: 20px;
}
.sell-detail {
flex-direction: column;
padding: 20px 0 20px 20px;
}
.sell-website-text-part {
width: 100%;
padding-right: 20px;
}
.sell-website-image-part {
width: 100%;
margin-top: 20px;
}
.sell-detail .sell-website-image-part img.macbook_png {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
max-width: 500px;
}
.sell-detail img.iphone_png {
display: none;
}
.market-part .anchor-link,
.market-part h5,
.market-part p {
padding: 0 20px 10px 20px;
width: 100%;
display: block;
}
.manage-part .anchor-link, .manage-part h5, .manage-part p{
padding: 0 20px 10px 20px;
width: 100%;
}
/*padding: 0 40px 10px 20px;
width: 50%;
display: block;
}*/
.showcase {
flex-direction: column;
padding: 20px 0 0 20px;
}
.showcase-text-part {
width: 100%;
padding-right: 20px;
}
.showcase-image-part {
width: 100%;
margin-left: 0;
max-height: 250px;
}
.showcase-image-part img {
left: 30%;
max-width: 240px;
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
-o-transform: translatey(0);
-ms-transform: translatey(0);
transform: translatey(0);
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.customer-feedback {
padding-top: 2rem;
padding-bottom: 2rem;
}
.footer hr {
margin-top: 1.5rem;
}
.dropdown-menu .dropdown-item {
padding: 0.25rem;
}
.process-detail h6 {
font-size: 18px;
line-height: 45px;
}
.process-detail {
flex-direction: column;
padding: 20px;
width: 100%;
}
.process-text-part {
width: 100%;
padding-right: 0;
}
.process-image-part {
width: 100%;
}
#fully-loaded .fullyloaded_box {
min-height: 150px;
padding: 0;
}
#demos .card .card-image {
max-height: 300px;
}
#demos .card.hoverable:hover img {
-webkit-transform: translateY(-150px);
-moz-transform: translateY(-150px);
-o-transform: translateY(-150px);
-ms-transform: translateY(-150px);
transform: translateY(-150px);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
}
#testimonials .carousel-caption:after {
width: 300px;
}
.testimonial-featured {
height: 260px;
width: auto;
}
.column-1,
.column-2 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 565px){
    .customer-feedback .owl-item img {
        width: 30%;
        margin: 0 auto;
    }
.titlt_online h3{
font-size: 2rem!important;
padding: 0px!important;
margin: 0px!important;
}
.center-logo{
transform: translate(-50%, -35%);
-webkit-transform: translate(-50%, -35%);
}
.center-logo img {
max-width: 180px;
}
.contact-main{
width: 90%;
height: 90%;
margin-top: 0%;
}

.parallax-header h1, .ce-title, .few-clicks h2 {
font-size: 1.5rem;
line-height: 40px;
}
.parallax-header .lead{
font-size: 1rem;
margin:0.5rem 0;
}
.registertrial {
max-width: 90%;
}
.registertrial input[type="email"]{
min-height: 40px;
}
.registertrial p{
flex-direction: column;
overflow: hidden;
}
.registertrial input[type="button"]{
width: 100%;
max-width: 100%;
min-height: 40px;
border-radius: 0;
}
.topslider {
top: 0;
max-width: 100%;
}
.start-selling {
padding-top: 1rem;
min-height: 185px;
padding-bottom: 1rem;
}
.footer_map{
min-height: 115px;
}
.basic-fea .col-sm-3 {
flex: 0 0 50%;
max-width: 50%;
padding-right: 5px;
padding-left: 5px;
}
.basic-fea h4 {
font-size: 12px;
}
.section-hero-shape h3 #hero_subtitle {
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center;
}
.section-hero-shape h3 {
font-size: 1.1rem;
}
#navbar_global .btn-primary-grad,
#navbar_global .btn-primary-grad-outline {
width: 100%;
text-align: left;
}
.simple_steps {
padding: 10px;
min-height: 240px;
}
#hiw .mb-5 {
margin-bottom: 0 !important;
}
#demos .card-content .card-title {
font-size: 15px;
}
#hiw .mt-10 {
margin-top: 0 !important;
}
#features.py-8 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
#testimonials .carousel-caption:after {
display: none;
}
#testimonials .carousel-control-prev {
left: 35%;
}
#testimonials .carousel-control-next {
right: 35%;
}
#testimonials .carousel-control-next,
#testimonials .carousel-control-prev {
top: -180px;
}
#accordion.list-wrapper {
padding: 0;
}
#accordion .mb-0 > a:after {
right: -10px;
}
#accordion .mb-0 > a {
width: 95%;
font-size: 16px;
padding-right: 20px;
}
#cta .cta_content {
width: 100%;
}
#cta h3 {
font-size: 1.8rem;
}
#benefits .display-3,
#benefits .info .title,
#features h3,
#fully-loaded h3,
#hiw h3,
#product h3,
.basic-fea h3,
.help-sec .title,
.pricing_section h3,
.section-hero-shape h1,
.section-hero-shape h3,
.section-hiw h1,
.testimonials_section h3,
.header_tag .display-2{
font-size: 1.4rem;
}
.section-hero-shape h2 {
font-size: 1.5rem;
}
.herotext p {
font-size: 28px;
}
.testimonial-featured {
height: auto;
width: 100%;
min-height: 300px;
object-fit: cover;
}
.herotext {
width: 100%;
}
#hero_description {
margin-top: 0.5rem;
}
.section-hero-shape {
padding-bottom: 10rem;
}
.simple_steps .steps_icon {
max-width: 40px;
}
#fully-loaded .row {
padding: 0 20px;
}
.manage-part .manage-img-1 {
transform: translateX(0);
left: 10px;
}
.manage-part .manage-img-2 {
transform: translateX(0);
left: -10px;
}
.manage-part:hover img.manage-img-1 {
left: 50px;
}
.manage-part:hover img.manage-img-2 {
left: -50px;
}
.navbar-brand img {
height: 36px;
}
.notifyjs-custom-base {
font-size: 11px !important;
}
.promote_title {
font-size: 1.3rem;
}
.promote_description{
font-size: 1rem;
}
.image-customer-1{
right: 70%;
}
.image-customer-2{
right: 15%;
top: 20%;
}
.image-customer-3{
right: 55%;
}
.image-customer-4{
right: 25%;
}
.dm-width {
margin-left: auto;
margin-right: auto;
width: 220px;
margin-top: auto;
margin-bottom: 0;
transform: translateY(75%);
}
.sm-pb-15{
padding-bottom: 15rem !important;
}
.help-sec.p-0 .row.pl-6{
padding-left: 0!important;
}
.promote_img {
padding-top: 180px;
}
.promote-sec1 img{
padding-top: 2px!important;
}
.promote-sec1 .promote_img {
padding-top: 1rem!important;
}
.promote_img1{
padding-top: 20px;
}
.seo-width {
position: absolute;
margin-left: auto;
margin-right: 15px;
top: 0;
max-width: 220px;
}
.restaurant-banner{
max-width: 240px;
}
.restaurant-banner1{
max-width: 100%;
}
#promote-content .help-sec .title{
font-size: 1.2rem;
}
.seo-bg-1 > img {
margin: 0 auto;
max-width: 250px;
margin-top: 15%;
}
.image-container{
transform:translate(0px,120px);
margin: 0 auto;
}
#promote-content .help-sec .description.pl-4{
padding: 0 !important;
}
#fully-loaded.seo-pg h3 {
font-size: 1.2rem;
line-height: 1.5;
margin-bottom: 30px;
}
#fully-loaded.seo-pg .ce-title {
font-size: 1.3rem;
line-height: 1.3;
}
#fully-loaded.seo-pg .callexpert{
padding: 10px;
}
.footer-link li:last-child {
margin-bottom: 0;
}
.footer .row.row-grid>[class*=col-]+[class*=col-] {
margin-top: 1rem;
}
#fully-loaded .row.restaurant-seo{
padding: 0;
}
.callexpert-form input{
height: 45px;
}
.callexpert-form .btn-success{
height: 45px;
}
.seopg h3 br {
display: none;
}
.seopg.py-5 {
padding-bottom: 1rem !important;
padding-top: 1rem !important;
}
#thankyou .btn{
min-width: 250px;
max-width: 250px;
}
#fully-loaded.seo-pg .row,#fully-loaded.seopg .row {
padding: 0;
}
#fully-loaded .restaurant-seo .fullyloaded_box{
padding: 10px;
}
#fully-loaded .bo-title{
font-size: 1.4rem;
line-height: 35px;
}
#fully-loaded .bo-title br{
display: none;
}
.customer-feedback h3{
font-size: 1.4rem;
line-height: 35px;
}
.customer-feedback h3 br{
display: none;
}
.main-container{
height: 350px;
}
.icon-block{
width: 100px;
height: 100px;
}
#places-map .marker-india{
right: 22%;
}
#places-map .marker-malaysia {
left: 73%;
top: 35%;
}
#places-map .marker-singapore{
right: 8%;
}
#map-info{
padding: 0.5em;
left: 30%;
margin-left: -6em;
width: 14em;
}
#map-info .close-btn{
right: 0.5em;
top: 0.5em;
}
}
@media screen and (max-width: 480px) {
#thankyou h3 {
font-size: 2rem;
}
#thankyou {
padding-top: 4rem;
}
#thankyou h4 {
font-size: 1.2rem;
}
#thankyou .btn{
margin-right: 0;
}
#sixthAnimation{
top: 70%;
width: 100%;
}
#fifthAnimation{
width: 100%;
left: 0;
}
.thankyou-content {
padding-top: 2rem;
}
.integrity-v-scroll{
margin-top: 7rem;
}
.integrity-v-scroll > .row .col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
padding-left: 5px;
padding-right: 5px;
}
.welcome-slider__item{
padding: 7px;
margin-bottom: 1rem;
}
#demoshiw .owl-item .card-content {
min-height: 65px;
line-height: 1.8;
text-align: center;
}
.basic-fea {
padding-top: 4rem;
padding-bottom: 0;
}
}
@media only screen and (max-width: 365px) {
#benefits .display-3,
#benefits .info .title,
#features h3,
#fully-loaded h3,
#hiw h3,
#product h3,
.basic-fea h3,
.help-sec .title,
.pricing_section h3,
.section-hero-shape h1,
.section-hero-shape h3,
.section-hiw h1,
.testimonials_section h3,
.header_tag .display-2{
font-size: 1.2rem;
}
.basic-fea {
padding-top: 4rem;
padding-bottom: 0;
}
#hiw .title {
font-size: 17px;
margin-top: 15px;
margin-bottom: 15px;
}
#fully-loaded .bo-title,
#hiw h3,
.basic-fea h3,
.customer-feedback h3,
.section-hero-shape h1 {
font-size: 1.2rem;
line-height: 30px;
}
.manage-part .anchor-link,
.manage-part h5,
.manage-part p {
padding: 0 40px 10px 20px;
}
.customer-feedback .owl-item img {
width: 200px;
height: 220px;
}
#demos .card .card-image {
max-height: 250px;
}
#demos .card.hoverable:hover img {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
}
#demos .owl-item .card-content {
min-height: 40px;
line-height: 40px;
}
.radio-btn-group .radio label {
width: 100%;
}
.product_fav {
display: none;
}
.contact-main{
width: 300px;
height: 300px;
}
.icon-block {
width: 110px;
height: 110px;
}
}
.project.hide { /* You can play with the seconds to change the "animation" */
display: none;
transition: .3s ease;
transform-origin: center;
}
.project.show { /* You can play with the seconds to change the "animation" */
display: block;
transition: .3s ease;
transform-origin: center;
}
.registertrial {
max-width: 600px;
width: 100%;
display: block;
margin: 0 auto;
}
.registertrial p {
background-color: white;
border-radius: 8px;
display: flex;
padding: 0;
}
.registertrial input[type="email"]{
border-radius: 8px;
border-color: transparent !important;
font-size: 16px;
text-transform: none;
min-height: 55px;
width: 100%;
padding-left: 10px;
}
.registertrial input[type="email"]::placeholder {
font-family: 'Gilroy-Regular';
color: rgba(16, 44, 86, 0.5);
}
.registertrial input[type="button"] {
border-radius: 0 8px 8px 0;
border-color: transparent !important;
font-size: 16px;
text-transform: none;
min-height: 55px;
width: 100%;
max-width: 250px;
background-color: #5381F8;
color: #fff;
font-family: 'Gilroy-SemiBold';
}
.sell-detail{
background: #F6F7FA;
}
.few-clicks h2 {
font-family: 'Gilroy-Bold';
font-size: 62px;
line-height: 70px;
text-align: center;
color: #102C56;
}
.start-selling {
position: relative;
z-index: 1;
padding-top: 6rem;
padding-bottom: 3rem;
background-image: url(/images/start-selling-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 450px;
}
.callexpert {
display: flex;
flex-direction: column;
background: #102C56;
border-radius: 30px;
padding: 40px;
align-items: center;
overflow: hidden;
width: 100%;
}
.ce-content {
font-family: Gilroy-SemiBold;
font-size: 18px;
line-height: 20px;
text-align: center;
text-transform: capitalize;
color: #FF7B36;
}
.ce-title {
font-family: Gilroy-Bold;
font-size: 2.1875rem;
text-align: center;
text-transform: capitalize;
color: #fff;
margin-bottom: 30px;
}
.ce-title1 {
font-size: 2.7rem!important;
padding-bottom: 1.5rem;
}
.callexpert-text-part {
width: 100%;
}
.callexpert-form {
width: 100%;
max-width: 700px;
}
.callexpert-form input {
border: 1px solid #ffffff80;
border-radius: 8px;
width: 100%;
background-color: transparent;
height: 65px;
}
.callexpert-form .btn-success {
background: #5381F8;
border-color: #5381F8;
height: 65px;
font-family: 'Gilroy-SemiBold';
font-size: 18px;
line-height: 21px;
text-align: center;
color: #FFFFFF;
border-radius: 8px;
}
.radio-btn-group {
display: flex;
flex-wrap: wrap;
}
.radio-btn-group .radio {
margin: 0 0.5rem 0 0;
}
.radio-btn-group .radio label {
background: transparent;
border: 1px solid #ffffff80;
padding: 0.5rem 1.25rem;
border-radius: 5px;
cursor: pointer;
color: #8898aa;
transition: box-shadow 400ms ease;
}
.radio-btn-group .radio label:hover {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.radio-btn-group .radio input[type=radio] {
display: none;
}
.radio-btn-group .radio input[type=radio]:checked + label {
background: #5381F8;
color: #fff;
border-color: #5381F8;
}
/*body:not(.single-product) .modal-backdrop {
opacity: 1;
z-index: -1;
}*/
.intropg .simple_steps {
min-height: 280px;
}
.ecommerce-pg .simple_steps {
min-height:430px;
}
.ecommerce-pg .simple_steps:before{
display:none;}
.ecommerce-pg .steps_no{
text-align: center;
font-size: 20px;}
.ecommerce-pg .Step_1 {
color: #2D548E;
}
.ecommerce-pg .Step_2 {
color: #FF3936;
}
.ecommerce-pg .Step_3 {
color: #ff7b36;
}
.ecommerce-pg .Step_4 {
color: #28b53f;
}
.ecommerce-pg .simple_steps .steps_icon {
max-width: 100%;
width: 100%;
margin: 0 auto;
max-height: 220px;
object-fit: cover;
}
#country_redirect .modal-dialog {
max-width: 640px;
}
#country_redirect .modal-content {
border-radius: 0;
}
#country_redirect .modal-header {
border: 0;
padding-bottom: 0;
}
#country_redirect .modal-body {
padding-top: 0;
}
#country_redirect #redirect_heading {
color: #102c56;
font-family: Gilroy-SemiBold;
font-size: 18px;
margin-top: 5px;
margin-bottom: 5px;
}
.color-primary{
color: #ff7b36;
}
#stay {
color: #fff;
background-color: #102C56;
border-color: #102C56;
padding: 0.625rem 1.25rem;
line-height: 1.5;
opacity: 1;
}
#country_redirect .btn{
width: 100%;
max-width: 200px;
}
@media (min-width: 30em) {
#map-info {
top: 50%;
margin-top: -8.875em;
}
}
@media (min-width: 60em) {
#map-info {
margin-left: -8.875em;
width: 15em;
}
}
@media (min-width: 48em) {
#map-info {
margin-left: 0;
margin-top: 0;
}
#map-info:before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 13px 16px 13px 0;
border-color: transparent #000 transparent transparent;
position: absolute;
left: -16px;
}
#map-info.singapore {
left: auto;
top: auto;
bottom: 5%;
right: 18%;
}
#map-info.singapore:before {
border-width: 13px 0 13px 16px;
border-color: transparent transparent transparent #fff;
left: auto;
right: -16px;
bottom: 50%;
transform: translateY(50%);
}
#map-info.malaysia {
left: auto;
top: auto;
bottom: 15%;
right: 23%;
}
#map-info.malaysia:before {
border-width: 13px 0 13px 16px;
border-color: transparent transparent transparent #fff;
left: auto;
right: -16px;
bottom: 50%;
transform: translateY(50%);
}
#map-info.india {
left: auto;
top: auto;
right: 32%;
bottom: 25%;
}
#map-info.india:before {
border-width: 13px 0 13px 16px;
border-color: transparent transparent transparent #fff;
left: auto;
right: -16px;
bottom: 50%;
transform: translateY(50%);
}
}
@media (min-width: 60em) {
.secondary-page #places-map .content {
margin: 0 auto;
}
}
@media (min-width: 48em) {
.js #places-map .map-location-marker {
visibility: hidden;
}
.js #places-map .map-location-marker.bounceInDown {
visibility: visible;
}
}
@media (max-width: 37.4375em) {
.header_tag .display-2{
line-height: 1.2!important;
font-size: 1.5rem!important;
}
#places-map .marker-san-francisco {
left: 6%;
top: 32%;
}
.titlt_online h3{
font-size: 2rem!important;
padding: 0px!important;
margin: 0px!important;
}
.bg-cnt {
padding: 15px 15px 5px;
}
.pt_28{
padding-top:10px;
}
.pb-22 {
padding-bottom: 2rem!important;
}
.mb-30{
margin-bottom: 30px;
}
.price .card-body {
padding: 20px 20px!important;
}
.rupee {
text-align: center;
}
}
/*------------*/
.bg-cnt {
color: #102f54 !important;
text-align: center;
padding:5px;
margin-top: 3rem;
}
.bg-cnt .title{
font-weight: 800;
font-size: 40px;
line-height: 56px;
text-align: center;
text-transform: capitalize;
color: #102C56;
}
.bg-cnt p{
font-weight: 600;
font-size: 18px;
line-height: 30px;
text-align: center;
color: #102C56;
}
.online_sell {
display: flex;
justify-content: center;
align-content: center;
margin-top: 10px;
}
.description1 p {
font-family: Gilroy-Medium;
margin-top: 15px;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #102C56;
}
.online-sell img{
position: relative;
}
.online-img {
position: relative;
}
.my_plan{
position: absolute;
top: 30%;
z-index: 1 !important;
left: 5%;
}
.pt_28{
padding-top: 2.8rem;
}
.sell_box{
min-height: 315px!important;
}
.animated_fadedwn{
animation: fadeInDown 5s ease 1;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}

/*==========Pricing============*/
.pricingtable h1{
text-transform: capitalize;
color: #fff;
}
.no-border .price{
border: none!important;
}
.pricing h2{
color: #102f54;
font-family: Gilroy-Bold;
font-size: 2.1875rem;
margin-bottom: 20px;
}
.no-border .price, .no-border .card{
border: none!important;
border-radius: 10px!important;
}
.top_card .price {
border-radius: 10px!important;
border: none!important;
}
.price .card-body{
padding: 20px 15px!important;
border-radius: 10px;
/* border: 1px solid rgba(30, 69, 126, 0.5); */
}
.pricing span{
font-size: 16px;
font-weight: 600;
}
.pricing p{
font-size: 18px;
font-weight: 600;
color: #102F54;
}
.pricing-cont{
font-size: 1.6rem;
color: #102f54;
}
.price-table strong{
font-size: 2rem;
color: #2d548e;
}
.pricing-cont, .price-table strong{
font-family: Gilroy-Bold;
font-weight: 800;
}
.pricing sup {
font-size: 1.3rem;
top: 0;
left: 0;
color: #77859a;
font-weight: 700;
position: absolute;
}
.pricing-btn .btn-outline-secondary {
border-color: #77859a;
color: #102f54;
padding: 12px 18px;
margin-top:1rem!important;
font-size: 18px;
}
.pricing-btn .btn-primary-grad{
padding: 12px 18px!important;
margin-top:1rem!important;
font-size: 18px;
}
.rupee{
font-size: 14px;
text-align: center;
position: relative;
}
.pb-22{
padding-bottom: 4rem;;
}
.top_card .price {
border-radius: 20px;
margin-bottom: 25px;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.top_card .price:hover {
box-shadow: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.top_card .price:hover .card-body{
border: 1px solid rgba(30, 69, 126, 0.8);
}
.price-title{
margin-top: 1.5rem;
margin-bottom: 2rem;
text-align: center;
position: relative;
z-index: 1;
}
.price-table thead tr{
border: none!important;
position: relative;
z-index: 1;
}
.price-table thead tbody{
border: none!important;
position: relative;
z-index: 1;
}
.price-table  thead {
border-spacing: 2rem;
margin-top: 50px;
margin-bottom: 50px;
position: relative;
z-index: 1;
}
.price-table  thead  th:nth-child(1){
background-color: none;
border-radius: none;
border: none;
}
.pricing-badge {
background-color: #f6f7fa;
border-radius: 20px;
color: #2d548e;
border: none;
position: relative;
z-index: 1;
margin: 0 auto;
padding: 1rem;
max-width: 90%;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.pricing-badge.bg-highlight{
background-color: #fff3ec;
}
.pricing-badge.bg-highlight span{
color: #FF7B36;
}
.price-table thead th {
border-bottom:none;
}
.price-table th{
border-radius: 50px;
}
.price-table th {
border-top: none;
font-size: 18px;
font-family: 'Gilroy-SemiBold';
}
.price-table tbody td{
color: #2d548e;
font-size: 15px;
font-family: 'Gilroy-SemiBold';
}
.center_text{
position: relative;
}
.top_header{
background-color: #f6522a;
color: #fff;
padding: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-weight: 600;
font-size: 14px;
position: absolute;
top: -20px;
width: 100%;
}
.table-section{
z-index: 0;
position: relative;
}
.top_card .price:hover {
box-shadow: none;
transform:translateY(-5px);
z-index: 1;
border-bottom: 0 none;
transition: all 0.3s ease;
}
.top_card .price:hover  {
background-color:#f7f0ec;
}
.price-table thead.enablesticky tr{
z-index: 3;
position: fixed;
top: 5rem;
width: 100%;
background: #fafafa;
box-shadow: 0 2px 4px rgb(0 0 0 / 13%);
left: 0;
}
.price-table thead.enablesticky tr{
width: 100%;
display: flex;
}
.price-table thead.enablesticky tr th:first-child {
width: 30%;
display: inline-block;
}
.price-table tbody td:first-child {
width: 30% !important;
}
.price-table thead.enablesticky tr th:nth-child(2), .price-table thead.enablesticky tr th:nth-child(3), .price-table thead.enablesticky tr th:nth-child(4) {
width: 18%;
display: inline-block;
padding: 0;
}
.price-table.restaurant-price-table thead.enablesticky tr th:nth-child(2),
.price-table.restaurant-price-table thead.enablesticky tr th:nth-child(3),
.price-table.restaurant-price-table thead.enablesticky tr th:nth-child(4),
.price-table.restaurant-price-table thead.enablesticky tr th:nth-child(5) {
width: 17%;
display: inline-block;
padding: 0;
}
.disablesticky .pricing-badge .btn {
display: none;
}
.enablesticky .pricing-badge .btn,.enablesticky  {
display: inline-block;

}
.enablesticky .pricing-badge{
border-radius: 0;
margin: 0;
max-width: 100%;
}
.cta ul{
position: relative;
margin-top: 50px;
z-index: 1;
text-align: center;
}
.cta ul li{
font-size: 18px;
font-weight: 300;
padding: 20px 27px;
margin: 5px 25px;
text-align: center;
line-height: 2;
}
.cta .list-group-item strong{
font-size: 1.5rem;
font-weight: 700;
line-height: 2;
}
.list-group-horizontal .list-group-item:last-child,.list-group-horizontal .list-group-item:first-child,.cta .list-group-item {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius:0.5rem;
background: linear-gradient(#e4e6e9 , #d4e1f1 );
}
.features-details ul {
list-style: none;
display: grid;
grid-template-columns: repeat(9, 1fr);
padding: 0;
}
.features-details ul li .btn {
height: 40px;
width: 40px;
line-height: 40px;
padding: 0;
position: relative;
background-color: #f0f0f0;
}
.features-details ul li .btn i {
font-size: 1.3rem;
margin: 0;
}
.features-details ul li {
display: flex;
align-items: center;
flex-direction: column;
font-size: 13px;
font-family: 'Gilroy-Medium';
position: relative;
color: #102c56;
}
.features-details ul li:after {
content: '';
display: block;
height: 40px;
width: 1px;
background-color: #d0d0d0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.features-details ul li:last-child:after{
display: none;
}
/* .promote-sec1 .top_card {
position: absolute;
margin-top: 1rem;
left: 0;
right: 0;
top: 8rem;
} */
.promote-pricing-sec{
background-size: 100% 75%;
background-position: top;
padding-top: 3rem;
}
/* .promote-sec1.pricingbg{
padding-bottom: 15rem;
margin-bottom: 14rem;
} */
.icon-md i {
font-size: 1.8rem;
line-height: 1;
}
#sellonline .card.hoverable {
box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 10%);
border-radius: 15px;
background-color: #fff;
padding: 15px;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
#sellonline .owl-item .card-content{line-height: 1;text-align: center;margin-top: 15px;}
#sellonline .card-content .card-title{
font-size: 18px;
font-family: Gilroy-SemiBold;
color: #102c56;
}
#sellonline .owl-stage-outer{
padding-top: 3rem;
padding-bottom: 3rem;
}
.pricing-restobox {
display: flex;
align-items: center;
max-width: 800px;
background-color: #f6f7fa;
overflow: hidden;
padding: 20px;
border: 1px solid #f6f7fa;
margin: 20px auto 20px;
border-radius: 1rem;
box-sizing: border-box;
}
.restobox-icon {
max-width: 80px;
display: block;
margin-right: 40px;
overflow: hidden;
}
.restobox-content h3 {
color: #102f54;
font-family: Gilroy-Bold;
font-size: 2rem;
text-align: left;
}
@media (max-width: 37.4375em) {
    .promote-pricing-sec {
        background-size: 100% 100%;
        background-position: top;
    }
.pb-22 {
padding-bottom: 2rem!important;
}
.mb-30{
margin-bottom: 30px;
}
.pricing h2 {
font-size: 2rem;
margin-bottom: 15px;
}
.price .card-body {
padding: 20px 20px!important;
}
.rupee {
text-align: center;
}
.price-table strong{
font-size: 1rem;
}
.price-table th, .price-table td {
font-size: 17px;
font-weight: 600;
}
.price-table tbody td {
font-size: 14px;
font-weight: 600;
}
}
@media (min-width: 768px) and (max-width: 996px){
.pricing sup {
font-size: 13px;
top: -10px;
}
.pricing h2 {
font-size: 22px;
font-weight: 600;
}
.pricing-btn .btn-outline-secondary, .pricing-btn .btn-primary-grad {
padding: 10px;
margin-top: 0.5rem!important;
font-size: 11px;
}
.top_header {
font-size: 12px;
top: -13px;
padding: 7px;
font-weight: 500;
}
.price .card-body {
padding: 20px 10px!important;
}
.pricing-cont {
font-size: 1rem;
}
.pricing .card-text {
margin-bottom: 2rem!important;
}
.pricing span{
font-size: 13px;
font-family: 'Gilroy-SemiBold';
}
.pricing-btn .btn-primary-grad {
padding: 10px!important;
}
.pricing .rupee {
font-size: 8px;
}
.cta-btn .btn {
font-size: 14px !important;
padding: 10px !important;
margin-top: 5px!important;
}
.faq_section #accordion .card {
padding: 15px;
}
.faq_section .list-wrapper {
padding: 15px 2px;
}
.promote-sec1 .top_card{
justify-content: center;
}
}
/*=============================*/
.hr_line{
border: 1px solid #DCE1E8;
position: relative;
}
.color-primary{
color: #ff6616;
}
.titlt_online h3{
font-size: 2.75rem;
font-weight: 600;
line-height: 1.5;
}
.pricing h6.card-text {
min-height: 48px;
font-family: 'Gilroy-SemiBold';
}
@media (min-width: 768px){
.price-table tbody tr:nth-child(4n) {
background-color: rgba(0, 0, 0, 0.05);
}
}
@media (min-width: 768px) and (max-width: 996px){
    .promote-pricing-sec {
        background-size: 100% 100%;
        background-position: top;
        /* padding-top: 3rem; */
    }
/* .pricingbg{
margin-bottom: 25rem;
} */
.features-details ul{
grid-template-columns: repeat(5, 1fr);
gap: 15px;
}
}
@media (max-width: 767px) {
.pricingbg{
padding-bottom: 2rem;
margin-bottom: 2rem;
}
.top-highlight{
margin-top: 1rem;
}
.promote-sec1 .top_card{
position: relative;
top: 0;
}
.features-details ul{
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.features-details ul li:nth-child(3):after,.features-details ul li:nth-child(6):after{
display: none;
}
.price-table thead.enablesticky tr{
top: 4rem;
}
.enablesticky .pricing-badge .btn{
padding: 5px;
}
.pricing-badge{
padding: 10px;
}
.price-table thead.enablesticky tr th:nth-child(2), .price-table thead.enablesticky tr th:nth-child(3), .price-table thead.enablesticky tr th:nth-child(4){
width: 100%;
}
.price-table.restaurant-price-table thead.enablesticky tr th:nth-child(2), .price-table.restaurant-price-table thead.enablesticky tr th:nth-child(3), .price-table.restaurant-price-table thead.enablesticky tr th:nth-child(4), .price-table.restaurant-price-table thead.enablesticky tr th:nth-child(5) {
width: 100%;
}
.pricing-btn .btn-outline-secondary, .pricing-btn .btn-primary-grad{
margin-top: 0rem!important;
}
.restaurant-price-table tbody tr:nth-of-type(even) td {
padding: 0.7rem 0.2rem;
}
}
/*============ ecommerce-store-builder =============*/
.padng_tb1{
padding-top: 1rem;
padding-bottom: 1rem;
}
.ecommercebg_img {
display: flex;
justify-content: center;
}
.ecommerce-store,
.effortlessly{
font-family: 'Gilroy-Medium';
line-height: 1.3;
color: #102C56;
margin: 5rem 0rem;
}
.four-step{
padding: 0.5rem 1rem;
background: #F8F9FC;
border: 1px solid #DCE1E8;
border-radius: 30px;
margin: 2rem;
}
.camel-case h3,.camel-case h2,
.four-step .title,
.effortlessly h2,
.editor .title{
text-transform: capitalize;
font-family: 'Gilroy-Bold';
font-weight: 500;
}
.camel-case h3,
.camel-case h2{
text-align: center;
word-spacing: 0.1rem;
padding: 1.5rem 0rem 1rem;
line-height: 1.3;
}
.camel-case h2{
font-size: 2.1875rem;
}
.camel-case h3{
font-size: 1.5rem;
}
.camel-case p{
font-family: 'Gilroy-Medium';
font-size: 16px;
}
.four-step .title,
.editor .title{
font-size: 2.1875rem;
line-height: 1.5;
font-family: 'Gilroy-Bold';
}
.all_paddg_space_2{
padding: 4rem;
}
.all_paddg_space_1{
padding:3rem;
}
.all_paddg_space_1 .editor:nth-child(odd) {
padding: 1.5rem 4.5rem;
}
.all_paddg_space_1 .editor:nth-child(even) {
padding: 1rem 4.5rem;
}
.all_paddg_space{
padding:2rem;
}
.all_paddg_space .editor:nth-child(odd){
padding:0.5rem  2.5rem;
}
.all_paddg_space .editor:nth-child(even){
padding: 0.5rem 2.5rem;
}
.ecommerce_image:nth-child(odd) img {
padding-left:0rem;
padding-right: 3rem;
}
.ecommerce_image:nth-child(even) img {
padding-left:3rem;
padding-right: 1rem;
}
.four-step h4,
.four-step p,
.editor p{
font-size: 16px;
font-weight: 400;
text-align: justify;
line-height: 1.6;
color: #102C56;
font-family: 'Gilroy-Medium';
}
.four-step h4{
color: #FF7B36;
border: 1px solid #DCE1E8;
border-radius: 10px;
padding: 3px 15px;
width: 100px;
text-align: center;
}
.template-step {
padding: 2rem 3rem;
margin: 1rem 2.2rem 1rem;
}
.four-step img{
margin: 2.7rem 0rem;
}
.set_store img{
margin: 0 auto;
padding:1.5rem 0;
}
.first_img img{
margin: 0rem!important;
}
.effortlessly{
padding: 3rem 0rem 0.1rem;
}
.effortlessly, .effortlessly h2{
color: #fff;
}
.effortlessly ul li:first-child{
margin-top: 20px;
}
.bg_blue{
background-color: #2D548E;
}
.effortlessly ul li{
font-family: 'Gilroy-Medium';
font-size: 16px;
line-height: 1.8;
margin-bottom: 15px;
}
.space_mt_5{
margin-top: 3rem!important;
}
.loaded .restaurant-seo .fullyloaded_box {
min-height: 230px!important;
}
.space_pt_4{
padding-top: 1.5rem;
}
.ecommerce_slider #sellonline .card-content .card-title {
font-size: 15px;
font-family: Gilroy-SemiBold;
color: #102c56;
}
/*
.ecommerce_slider .owl-carousel .owl-item img {
display: block;
width: 100%;
height: 250px!important;
}
*/
/*========== 404 page & 500 ============*/
.errorbg_img{
background-image:url(../img/left.png), url(../img/right.png);
background-position:left bottom, right bottom;
background-repeat: no-repeat,no-repeat;
position: relative;
z-index: 0;
}
.error_page{
padding: 6.5rem 5rem;
}
.error_header h2{
font-family: 'Gilroy-Bold';
font-size: 2.75rem;
line-height: 1.5;
color: #FF7B36;
}
.text-orangle{
color: #FF7B36;
}
.error_header p{
font-size: 17px;
line-height:1.5;
color: #102C56;
padding: 5px;
}
.error_img{
display: flex;
justify-content: center;
}
.grid-center{
max-width: 57%;
margin: 0 auto;
}
.grid-center2{
max-width: 60%;
margin: 0 auto;
}
.grid-center3{
max-width: 45%;
margin: 0 auto;
}
@media (max-width: 37.4375em){
.camel-case h3 {
font-size: 1.5rem;
line-height: 1.5;
word-spacing: 0px;
padding: 1rem 0rem;
}
.ecommerce-store, .effortlessly {
margin: 2rem 0rem;
}
.camel-case p {
font-size: 1rem;
}
.four-step {
padding: 0.5rem 0.2rem;
margin: 2rem 0.2rem;
}
.template-step {
padding: 1rem 0rem;
margin: 1rem 0.5rem 0rem;
}
.four-step h4 {
margin-bottom: 12px;
}
.first_img img {
margin-bottom: 13px!important;
}
.four-step img {
margin: 1rem 0rem;
}
.effortlessly {
padding: 2rem 0rem;
}
.four-step .title,
.editor .title,
.effortlessly,
.effortlessly h2,
#contact_form .display-2,
#contact_form .ce-title{
font-size: 1.5rem;
}
#contact_form .ce-title{
line-height: 1.7;
}
.callexpert-form .btn-success {
height: 60px;
font-size: 16px;
}
.four-step h4 {
font-size: 13px;
}
.four-step p, .editor p, .effortlessly ul li {
font-size: 15px;
}
.editor .title{
margin-top: 0rem!important;
}
.space_mt_5{
margin-top: 0.5rem;
}
.space_pt_4{
padding-top: 0rem;
}
.loaded .restaurant-seo .fullyloaded_box {
min-height: 210px!important;
padding: 15px!important;
}
.small_mt_3{
margin-top: 2rem;
}
.ce-title1 {
font-size: 1.7rem!important;
}
.all_paddg_space,.all_paddg_space_1{
padding:0.5rem;
}
.all_paddg_space_2{
padding:2rem;
}

.all_paddg_space_1 .editor:nth-child(odd) {
padding: 1.5rem;
}
.all_paddg_space .editor:nth-child(odd){
padding:0.5rem ;
}
.all_paddg_space .editor:nth-child(even){
padding: 0.5rem;
}
.ecommerce_image:nth-child(odd) img {
padding-left:0rem;
padding-right: 0rem;
}
.ecommerce_image:nth-child(even) img {
padding-left:0rem;
padding-right: 0rem;
}
.ecommerce_slider #sellonline .card-content .card-title {
font-size: 11px;
}
.ecommerce-store .owl-carousel .owl-nav button.owl-next,
.ecommerce-store .owl-carousel .owl-nav button.owl-prev,
.ecommerce-store.owl-carousel button.owl-dot {
font-size: 3rem;
}
.ecommerce-store #sellonline .owl-stage-outer {
padding-top: 2rem;
padding-bottom: 1rem;
}
.error_page {
padding:2rem 1rem;
}
.error_header {
padding: 0.5rem;
margin: 0.1rem 0rem 2rem;
}
.error_header h2 {
font-size: 1.75rem;
}
.error_header p {
padding: 2px;
font-size: 15px;
}
.error_header{
margin-left: 0.1rem;
}
.error_img{
margin-bottom: 1rem;
}
.grid-center,.grid-center2{
max-width: 95%;
margin: 0 auto;
}
}
@media (min-width: 768px) and (max-width: 992px){

.grid-center,.grid-center2{
max-width: 90%;
margin: 0 auto;
}
.camel-case p {
font-family: 'Gilroy-Medium';
font-size: 16px;
}
.template-step {
padding: 0.8rem 0.5rem;
margin: 0.5rem 0.2rem 0rem;
}
.four-step {
margin: 2rem 0.5rem;
}
.four-step .title, .editor .title,
#contact_form .display-2,
#contact_form .ce-title{
font-size: 1.8rem;
}
#contact_form .ce-title{
line-height: 1.7;
}
.four-step h4 {
font-size: 15px;
}
.four-step p, .editor p {
font-size: 16px;
}
.first_img img {
margin: 1rem!important;
}
.four-step img {
margin: 2rem 0rem;
}
.effortlessly {
padding:1.5rem;
}
.camel-case h3, .ecommerce-store .display-3 {
font-size: 2rem;
padding: 1rem 0rem;
}
.space_mt_5 {
margin-top: 1rem;
}
.ecommerce-store {
margin: 2rem 0rem;
}
.effortlessly {
margin: 1rem 0rem;
}
.effortlessly .title {
font-size: 1.5rem;
}
.effortlessly ul li:first-child {
margin-top: 15px;
}
.effortlessly ul li {
font-size: 15px;
line-height: 1.5;
margin-bottom: 10px;
}
.space_pt_4 {
padding-top: 0.5rem;
}
.small_mt_3{
margin-top: 2rem;
}
.pt-ipad-1{
margin-top: 1rem;
}
.loaded .restaurant-seo .fullyloaded_box {
min-height: 220px!important;
padding: 15px!important;
}
.ecommerce-store #accordion .card-body {
font-size: 16px;
}
.all_paddg_space,.all_paddg_space_1,.all_paddg_space_2{
padding:1rem;
}
.all_paddg_space_1 .editor:nth-child(odd) {
padding: 1.5rem;
}
.all_paddg_space .editor:nth-child(odd){
padding:0.5rem ;
}
.all_paddg_space .editor:nth-child(even){
padding: 0.5rem;
}
.ecommerce_image:nth-child(odd) img {
padding-left:0rem;
padding-right: 0rem;
}
.ecommerce_image:nth-child(even) img {
padding-left:0rem;
padding-right: 0rem;
}
/*.ecommerce_slider .owl-carousel .owl-item img {
height: 283px!important;
}*/
.reverse{
display: flex;
flex-direction: row!important;
flex-wrap: inherit;
}
.error_page {
padding:2rem 1rem;
}
.error_header {
padding: 0.5rem;
margin: 0.1rem 0.5rem 2rem;
}
.error_header h2 {
font-size: 2rem;
}
}

/*=========== furniture pages ============*/

.offer_section {
position: relative;
}

.offer_section .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 50px;
border-radius: 10px;
padding: 20px 15px;
background-color: #f0f3f7;
border:1px solid #0b244a;
min-height: 100%;
color: #102F54;
}

.offer_section .box .img-box {
width: 175px;
min-width: 175px;
height: 175px;
margin-right: 25px;
position: relative;
-webkit-transition: all 0.1 0.5s;
transition: all 0.1 0.5s;
border-radius: 100%;
border: 5px solid #0d2a58;
overflow: hidden;
}

.offer_section .box .img-box img {
width: 100%;
-webkit-transition: all .2s;
transition: all .2s;
height: 100%;
}

.offer_section .box .step-box h5 {
font-family: 'Dancing Script', cursive;
font-size: 20px;
margin: 0;
color: #0d2a58;
}


.offer_section .box .step-box h6 {
font-size: 1.7rem;
font-weight: 500;
line-height: 1.5;
font-family: Gilroy-Medium;
margin: 6px 0 10px;
color: #102F54;
text-transform: capitalize;
}
.offer_section .box .step-box p {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
font-family: Gilroy-regular;
color: #102F54;
}

.offer_section .box .step-box a {
display: inline-block;
padding: 10px 30px;
background-color: #ffbe33;
color: #ffffff;
border-radius: 45px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: none;
}

.offer_section .box .step-box a:hover {
background-color: #e69c00;
}

.offer_section .box .step-box a svg {
width: 20px;
height: auto;
margin-left: 5px;
fill: #ffffff;
}

.offer_section .box:hover .img-box img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.layout_padding-bottom {
padding-bottom: 90px;
}
.pages_addtion #fully-loaded .restaurant-seo .fullyloaded_box{
min-height: 300px!important;
}

.furniture_store .four-step img {
margin: 2.75rem 5rem!important;
}
.font_size{
font-size: 20px!important;
}
/*** Seefood ***/
.seefood-header{
padding-bottom: 2rem;
display: flex;
}
.seefood-header img{
width: 80%;
}
.rotate_img{
display: flex;
justify-content: center;
}
.seefood-header img #seefood_loading {
animation: imgRotate 50s linear infinite;

}
#seefood_loading {
-webkit-animation: rotation 40s infinite linear;
}


.seefood-content .seopg .simple_steps {
min-height: 445px;
}
.ecommerce-store .rounded {
border-radius: 5px !important;
min-height: 310px;
}

.ecommerce-store .bg-light {
background-color: #eff9fd!important;
}
.ecommerce-store .cat-item div {
background: #FFFFFF;
border: 1px dashed #102C56;
transition: .5s;
}

.ecommerce-store .cat-item:hover div {
background: #102C56;
border-color: transparent;
}

.ecommerce-store .cat-item div * {
transition: .5s;
}

.ecommerce-store .cat-item:hover div * {
color: #FFFFFF !important;
}

.ecommerce-store .icon {
padding: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #FFFFFF !important;
border-radius: 50px;
border: 1px dashed #102C56 !important;
width: 100px;
height: 100px;
}
.ecommerce-store .cat-item h6{
color: #102c56;
font-family: Gilroy-SemiBold;
font-size: 18px;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}

/* Animation */

@keyframes fadeInUp {
from {
transform: translate3d(0,40px,0)
}

to {
transform: translate3d(0,0,0);
opacity: 1
}
}

@-webkit-keyframes fadeInUp {
from {
transform: translate3d(0,40px,0)
}

to {
transform: translate3d(0,0,0);
opacity: 1
}
}

.animated {
animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both
}

.animatedFadeInUp {
opacity: 0
}

.fadeInUp {
opacity: 0;
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
}


/*----------------------
meat and sculpture
-----------------------*/

#services-2 {
position: relative;
background: url("/images/pages/slide.jpg")no-repeat fixed 50% 50%;
-webkit-background-size: cover;
background-size: cover;
}
#services-3{
position: relative;
background-color: #102c56;
background: url('/images/pages/cta_bg.png')repeat fixed 50% 50%;
-webkit-background-size: cover;
background-size: cover;
}
#services-3::before{
position: absolute;
content:"";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: url('/images/pages/left.png')repeat,url('/images/pages/header-bg.png')no-repeat right center;

}
#services-2:before{
position: absolute;
content:"";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: linear-gradient(30deg, rgba(16, 47, 174, 0.95) 0%, rgba(33, 200, 122, 0.95) 100%);
}
#services-3 .web-service-block{
border: 0.01px dotted rgba(104, 105, 105, 0.7);
}
.web-service-block {
text-align: center;
padding: 35px 25px;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
border-radius: 10px;
border: 0.01px dotted rgba(16, 47, 93, 0.7);
margin-bottom: 10px;
min-height: 325px;
}
#services-3 .web-service-block{
min-height: 360px;
}
#services-3 .web-service-block p{
line-height: 1.55;
}
#services-3 .web-service-block i{
font-size: 90px;
}
.web-service-block i {
font-size: 70px;
margin-bottom: 30px;
display: block;
}
.web-service-block h3 {
font-size: 1.2rem;
font-family: Gilroy-SemiBold;
}
.web-service-block i,
.web-service-block h3 {
color: #fff;
}

.web-service-block p {
color: #eee;
margin-top: 15px;
}
.section-heading h2{
text-transform: capitalize;
font-family: Gilroy-SemiBold;
}
.web-service-block:hover {
background: #fff;
border-color: transparent;
}

.web-service-block:hover i {
color: #102C56;
}

.web-service-block:hover h3 {
color: #111;
}

.web-service-block:hover p {
color: #111;
}

.bg-secondary-2 {
background: #07085d !important;
}
.section-4 {
padding-top: 110px;
padding-bottom: 100px;
}
.position-relative {
position: relative!important;
}
.overlay-secondary-2 {
position: relative;
}
.overlay-secondary::before {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #07085d;
opacity: 0.8;
}
.overlay-secondary-half {
position: relative;
}
.overlay-secondary-half::before {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background: linear-gradient(to right, #07085d 60%, transparent);
}
.overlay-image {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.bg-image img {
height: 100%;
max-width: 100%;
}
.text-gradient-primary {
background: linear-gradient(37deg, rgb(180, 62, 121) 1%, rgb(247, 70, 58) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/* background-color: #fff; */
}
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
.media-body h4, .media-body p{
font-size: 15px;
}
.icon {
font-size: 40px;
}
[class*=" ti-"], [class^=ti-] {
font-family: themify;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 37.4375em) {
.offer_section .box{
display: flex;
flex-direction: column;
min-height: auto;
}
.offer_section .box .step-box h5 {
margin-top: 7px;
}
.space_mt_5 {
margin-top: 0.5rem!important;
}
.furniture_store .four-step img {
margin: 1rem 0rem!important;
}
.offer_section .box .step-box h6 {
font-size: 1.5rem;
}
.furniture_store .four-step:nth-child(odd) {
display: flex;
flex-direction: column-reverse!important;

}
#services-3 .web-service-block p,
#services-2 .web-service-block p {
text-align: justify;
}
.web-service-block {
text-align: center;
padding: 15px 15px;
}
#services-3 .section-heading,
#services-2 .section-heading {
padding-top: 2rem;
}

}
@media (min-width: 768px) and (max-width: 992px){
.offer_section .box{
display: flex;
flex-direction: column;
min-height: 95%;
}
.offer_section .box .step-box h5 {
margin-top: 7px;
}
.space_mt_5 {
margin-top: 0.5rem!important;
}
.furniture_store .four-step img {
margin: 1rem 0rem!important;
}
#services-3 .section-heading,
#services-2 .section-heading {
padding-top: 2rem;
}
.web-service-block i {
margin-bottom: 10px;
}
#services-3 .web-service-block p,
#services-2 .web-service-block p {
text-align: justify;
}
#services-3 .web-service-block {
min-height: 396px;
}
.web-service-block {
text-align: center;
padding: 15px 15px;
}
}

/*========== OrderPage -Success ============*/

.bg_blue_order{
position: relative;
/*background: url('/images/icons/bg_blue.png')no-repeat left;*/
overflow: hidden;
background-color: #f4f4f4;
}
/*.bg_blue_order::before{
content: '';
background: url('/images/icons/bg_ovel.png')no-repeat left;
opacity: 0.1;
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}*/
.order_page_logo img{
width: 75%;
padding-top: 2rem;

}
.order_page{
font-family: 'Gilroy-Medium';
}
.order_page_header{
display: flex!important;
/* padding-left: 3.5rem; */
justify-content: center;
align-content: center;
}
.order_page_header h2{
font-family: 'Gilroy-SemiBold';
font-size: 2.75rem;
font-weight: 600;
line-height: 1.5;
text-transform: capitalize;
color: #102F54;
}
.order_number{
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
color: #2D548E;
}
.order_content{
background: #F9F9F9;
border: 1.13678px solid #E0E0E0;
border-radius: 12px;
padding:30px 15px;
}
.order_page_title{
font-size: 1.75rem;
font-family: 'Gilroy-regular';
font-weight: 600;
}
.order_page_links a,
.order_page_links .display-4,
.order_page_links .btn-success,
.order_page_links.btn-inner--text{
text-transform: capitalize;
font-family: 'Gilroy-regular';
}
.order_page_links .display-4{
margin-bottom: 8px;
font-size: 1.5rem;
}
.order_page_links p:first-child{
color: #000;
font-size: 0.9rem;
}
.order_page_links .btn-success{
padding: 10px 25px;
background: linear-gradient(180deg, #43D24E 0%, #22A72C 100%);
}
.order_page_links .btn-outline-primary {
background: #F9F9F9;
border: 0.871164px solid #E0E0E0;
padding: 10px 16px;

}
.order_page_links .btn-outline-primary:hover{
color: #fff;
background-color: #102F54;
}
.order_page_links .fa-whatsapp{
font-size: 1.75em;
margin-left: 10px;
vertical-align: middle;
}
@media (max-width: 37.4375em){
.order_page_logo{
padding-left: 15px;
}
.order_page_header{
flex-direction: column;
padding-left: 0rem;
}
.order_page_header h2 {
font-size: 1.75rem;
}
lottie-player {
min-width: 30%;
}

.bg_blue_order .card{
border-radius: 0px;
}
.bg_blue_order {
height: 100vh;
background-size: cover;
}
}
@media (min-width: 768px) and (max-width: 992px){
    .order_page_links{
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
}

/*======= Book a demo & Template Page =========*/
.bookademo{
position: relative;
}
.bookademo img{
width: 500px;
height: auto;
}
.bookademo .callexpert{
background-color: #f6f7fa;
}
.bookademo .callexpert-form input,.bookademo .callexpert-form textarea {
width: 100%;
background: #FFFFFF;
border: 1px solid #102c56;
border-radius: 4.67143px;
color: #102c56;
}
.bookademo .callexpert-form input{
height: 55px;
}
.bookademo .callexpert-form .btn-success {
background: #102c56;
border-radius: 5px;
height: 60px;
text-transform: capitalize;
font-family: 'Gilroy-regular';
box-shadow:none;
border:none;
}
.bookademo  .btn-success:not(:disabled):not(.disabled):active{
color: #fff;
background-color:#1E457E;
border-color: #1E457E;
}
.camel-case h4{
font-family: 'Gilroy-Bold';
}
.camel-case .store{
text-transform: capitalize;
margin-top: 10px!important;
margin-bottom: 20px!important;
}
.camel-case #features_maintitle {
padding: 1.5rem 0rem 0rem;
}
#features .col-lg-3 {
margin-bottom: 15px;
}
.demo-thumb img{
width: 100%;
object-fit: cover;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;}

/* .templatecard:hover img {
-webkit-transform: translateY(-250px);
-moz-transform: translateY(-250px);
-o-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
} */
.demo_box {
display: flex;
width: 100%;
padding: 5px 10px;
min-height: 40px;
cursor: pointer;
flex-direction: column;
text-align: center;
}
.demo_title {
font-size: 1.2rem;
color: #102F54;
font-family: 'Gordita-Medium';
margin-bottom: 0;
text-transform:capitalize;
}
.store-overlay1 {
position: relative;
height: 100%;
width: 100%;
opacity: 1;
transition: .3s ease;
background-color: transparent;
display: flex;
flex-direction: row;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;

}
.demo-thumb {
position: relative;
text-align: center;
width: 100%;
/* max-height: 350px;
overflow: hidden; */
margin-bottom: 5px;
border-radius: 10px;
}
.select-theme {
font-family: 'Gordita-Medium';
font-size: 1.01rem;
color: #fff!important;
border-radius: 4px;
margin: 0 auto;
background: linear-gradient(180deg, #FF7B36 0%, #FF4F36 100%);
box-shadow: -11.9887px 17.983px 29.9717px rgb(255 123 54 / 20%);
border-radius: 8.39208px;
width: 161.9px;
height: 40px;
padding: 6px;
box-shadow: -11.9887px 17.983px 29.9717px rgb(255 123 54 / 20%);
margin-bottom:0.5rem;
}
.check-demo {
position: relative;
color: #102C56;
cursor: pointer;
width: 100%;
font-family: 'Gordita-Medium';
font-size: 0.9rem;
padding: 5px 20px;
background: #FFFFFF;
border: 0.555543px solid rgba(192, 199, 206, 0.41);
border-radius: 6.43957px;
}

/* .project {
width: 100%;
margin: 10px;
padding-top: 0px;
text-align: center;
max-width:calc(20% - 20px);
box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 10%);
border-radius: 15px;
background-color: #fff;
padding: 5px;
transition: all .2s ease-in-out;
cursor: pointer;
} */
.filters {
margin-bottom: 20px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.btn.filter {
margin-right: 10px;
font-size: 13px;
font-family: 'Gilroy-Regular';
font-weight: normal;
margin-bottom: 10px;
text-transform: capitalize;
min-width: 235px;
}
.filter:hover {
cursor: pointer;
}
#places-map .marker-san-francisco {
left: 8%;
top: 30%;
}
.template_page{
position: relative;
}
.template_page .filters {
margin-bottom: 20px;
display: flex;
justify-content: center;
flex-direction: column;

}
.first_bg {
position: relative;
}
.first_bg .img_view{
position: absolute;
top: 0;
right: 0;
}
.template_page .btn-default,.template_page .btn-default1{
color: #102f54;
background: #F6F7FA;
border: 1px solid #EAECEB;
box-shadow: 0 4px 6px rgb(50 50 93 / 0%), 0 1px 3px rgb(0 0 0 / 5%);
text-align: left;
font-size: 15px;
font-family: 'Gilroy-SemiBold';
margin-bottom: 5px;
min-width: 100%;
}
.template_page .btn-default:not(:disabled):not(.disabled):active, .template_page .btn-default:not(:disabled):not(.disabled).active{
color: #fff;
background: linear-gradient(180deg, #FF7B36 0%, #FF4F36 100%);
border-color: #FF7B36;
box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
}

.template_page .project {
max-width: calc(50% - 20px);
}

.project {
width: 100%;
margin: 10px;
text-align: center;
/* max-width: calc(20% - 20px); */
/* box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 10%); */
/* border-radius: 15px; */
/* background-color: #fff; */

transition: all .2s ease-in-out;
cursor: pointer;
}

.templatecard .card {
padding: 30px 15px 18px;
background: #F6F7FA;
border: 1px solid rgba(192, 199, 206, 0.87);
border-radius:8px!important;

}
.filters .dropbtn {
background-color: #1E457E;
color: white;
/* padding: 10px 35px; */
font-size: 18px;
border: none;
cursor: pointer;
text-transform: capitalize;
font-family: 'Gilroy-regular';
width: 100%;
}

.filters .dropbtn:hover, .filters .dropbtn:focus {
background-color: #1E457E;
}

.filters  #myInput {
box-sizing: border-box;
background-image: url('searchicon.png');
background-position: 14px 12px;
background-repeat: no-repeat;
font-size: 16px;
padding: 14px 20px 12px 45px;
border: none;
border-bottom: 1px solid #ddd;
}

.filters  #myInput:focus {
outline: 3px solid #ddd;
}

.filters .dropdown {
position: relative;
display: none;
}

.filters  .dropdown-content {
display: none;
position: absolute;
background-color: #f6f6f6;
min-width: 230px;
overflow: auto;
border: 1px solid #ddd;
z-index: 1;
}

.filters  .dropdown-content .btn-default1 {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.filters  .dropdown .btn-default1:hover {
background-color: #ddd;
}

.filters  .show {display: block;}
#header-main .camel-case h3{
padding-bottom: 0.1rem!important;
}
@media (max-width: 37.4375em){
#header-main .camel-case h3{
padding-bottom: 0.5rem!important;
font-size: 1.3rem;
margin-bottom: 0;
}
.bookademo {
position: relative;
flex-direction: column-reverse;
}
.bookademo .callexpert {
border-radius: 20px!important;
padding: 20px 15px!important;
margin-bottom: 20px;
}

.filters button .btn-default    { display: none; }
.filters .dropdown {
position: relative;
display: inline-block; }


.template_page .project {
max-width: calc(98% - 20px);
}
.templatecard .card {
padding: 20px 12px 15px;
}
.check-demo {
padding: 5px 15px;
}
.template_page .btn-default1:not(:last-child) {
margin-top: 1rem;
}
.filters .dropdown-toggle::after {
display: inline-block;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
position: absolute;
right: 15px;
top: 50%;
}
#features .subtitle{
margin-top: 0;
}
#header-main .camel-case h4 {
font-weight: 600;
font-size: 1rem;
}
}



@media (min-width: 768px) and (max-width: 992px){
#header-main .camel-case h3{
padding-bottom: 0.5rem!important;
margin-bottom: 0;
}
#header-main .camel-case h4 {
font-weight: 600;
font-size: 1.1rem;
}
.bookademo {
position: relative;
flex-direction: column-reverse;
}
.bookademo .callexpert {
border-radius: 25px!important;
padding: 30px!important;
margin-bottom: 2rem;
}
.bookademo img {
margin: 0 auto;
display: flex;
}
.filters button .btn-default    { display: none; }
.filters .dropdown {
position: relative;
display: inline-block; }
.filters  .dropdown-item{

width: 90%!important;
margin: 1rem;
}
.template_page .btn-default{

display: none;
}
.template_page .btn-default1:not(:last-child) {
margin-top: 1rem;
}
.check-demo {
padding: 5px 15px;
background: #102C56!important;
color: #fff;
}
.filters .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
position: absolute;
right: 3%;
top: 50%;
}
}
@media only screen and (max-width: 565px){
#header-main .camel-case h4 {
font-weight: 600;
font-size: 1.2rem;
margin-bottom: 1rem;
}
.project{
max-width: calc(50% - 10px);
margin: 5px;
}
.check-demo {
padding: 5px 15px;
background: #102C56!important;
color: #fff;
}
.demo-thumb{
max-height: 270px;
}
}
.filters .select {
position: relative;
overflow:hidden;
display: block;
margin: auto;
width: 100%;
border-radius: 8px;
height:100%;
}
.filters .select > i {
position: absolute;
z-index: 4;
right: 1rem;
top: 0.7rem;
color: #fff;
font-size: 2rem;
}
.filters .select .title,
.filters .select .placeholder {
position: relative;
display: block;
width: 100%;
padding: 0px;
color: #1E1D1D;
background: #F6F7FA;
border: 1px solid rgba(192, 199, 206, 0.87);
cursor: pointer;
border-radius: 8px;
}
.filters .select > input {
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
width: 55px;
height:55px;
display: block;
opacity: 0;
cursor: pointer;
}
.filters .select > input:checked ~ .options {
background-color: #fff;
padding: 10px;
max-height: 300px;
overflow-y: scroll;
}
.filters .select > input:checked ~ i.fa-angle-down {
display: none;
}
.filters .select > input:checked ~ i.fa-angle-up {
display: block;
}
.filters .select > input:checked div.options label.option .title {
display: none !important;
}
.filters .select > input:not(:checked) {
z-index: 10;
}
.filters .select > input:not(:checked) ~ .options label.option > span.title {
display: none;
}
.filters .select > input:not(:checked) ~ i.fa-angle-up {
display: none;
}
.filters .select > input:not(:checked) ~ i.fa-angle-down {
display: block;
}
.filters .select > input:disabled {
cursor: no-drop;
}
.filters .select > span.placeholder {
position: relative;
z-index: 0;
display: inline-block;
width: 100%;
color: #fff;
background: linear-gradient(180deg, #FF7B36 0%, #FF4F36 100%);
border:1px solid #FF7B36;
border-radius: 8px;
padding: 1rem 2rem;
font-weight: 600;
font-size: 14px;
font-family: 'Gilroy-Regular';
}
.filters .select label.option {
display: block;
overflow: hidden;
z-index: 1;
width: 100%;
transition: all 1s ease-out;
margin-bottom: 0;
}
.filters .select label.option span.title {
position: relative;
z-index: 2;
padding:1rem;
margin-bottom:10px;
}
.filters .select label.option span.title:hover {
color: #fff;
background: rgba(255, 255, 255, 0.3);
box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.filters .select label.option input,.filters .dropdown label.option input  {
display: none;
}
.filters .select .options label.option input:checked ~ span.title {
position: absolute;
display: block;
z-index: 0;
top: 0px;
box-shadow: none;
width: 100%;
color: #fff;
background: linear-gradient(180deg, #FF7B36 0%, #FF4F36 100%);
border: 1px solid #FF7B36;
border-radius: 8px;
padding: 1rem 2rem;
font-weight: 600;
font-size: 14px;
font-family: 'Gilroy-Regular';
}
.filters .select label.option input:disabled ~ span.title {
background: #f9f9f9 !important;
color: #aaa;
}
.filters .select label.option input:disabled ~ span.title:hover {
color: #aaa;
background: none;
cursor: no-drop;
}
#demos.subscribed .card.hoverable:hover img {
-webkit-transform: translateY(0);
-moz-transform: translateY(-0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
}
.editor p{
font-family: 'Gilroy-Medium';}
.promote-sec1 {
padding-top: 3rem;
padding-bottom: 3rem;
}
@media (min-width: 992px) {
.order_page{
min-width: 500px;
}
.positionabt{
position: absolute;
margin: 0!important;
padding: 0;
}
}
/*===============ui fix ==============*/

@media (max-width: 37.4375em){
.positionabt{
position: relative;
margin: 0!important;
padding: 0;
align-items: start;
}
}

/*------------------ POS SERVICE PAGE------------*/
.pos_service_page{
position: relative;
overflow: hidden;
overflow-x: hidden!important;
}
.pos_service_page ul li{
font-family: 'Gilroy-Medium';
font-size: 16px;
color: #102F54;
}
.section-pos {
padding-top: 3rem;
background-image: url(/images/pos/orderz_bg.jpg);
background-position: top;
background-repeat: no-repeat;
background-size: 100% 70%;
position: relative;
z-index: 0;
margin-bottom: 0;
}
#pos h1{
line-height: 1.5;
margin: 0 auto;
letter-spacing: 1.2px;
font-family: 'Gilroy-Bold';
font-size: 2.75rem;
}
.txt-yellow{
color: #FFBE41;
}
#pos p{
font-weight: 400;
font-size: 16px;
}
#pos_section1{
margin-bottom: 4rem;
}
#pos_section1 .pos_soft{
padding-top: 2rem;
}

#pos_section1 span,
#pos_section2 .txt-rotate {
animation-delay: 2s;
}
#pos_section2 h3 {
font-size: 2.1875rem;
text-align: left;
word-spacing: 0.1rem;
padding: 1.5rem 0rem 1rem;
line-height: 1.3;
text-transform: capitalize;
font-family: 'Gilroy-Bold';
font-weight: 500;

}

#pos_section2  h3 span {
animation-delay: 2s;

}


#pos_section1  .svg-wrapper{
position: relative;
}
#pos_section1  .svg-wrapper::after{
content: '';
position: absolute;
animation: longer 3s infinite linear;
background: #102C56;
/* background: url(/images/pos/underline.png)repeat-x ; */
height: 2px;
bottom: 0;
left: 0;
width: 100px;

}

@keyframes longer {
from {
width: 0;
}
to {
width: 5em;
}
}


p .text-desing {
font-weight: 400;
font-size: 1.4rem;
font-family: 'Gilroy-Medium';
color: transparent;
position: relative;
display: hide;
/* -webkit-text-stroke: 0.3vw #FFBE41; */
}

p .text-desing::before {
top: -5px;
left: 1px;
width: 0;
height: 100%;
color: #FFBE41;
overflow: hidden;
position: absolute;
content: attr(data-text);
border-right: 0.2px solid transparent;
-webkit-text-stroke: 0vw #FFBE41;
animation: animate 6s linear infinite;
}

@keyframes animate {
0%,
10%,
100% {
width: 0;
}

70%,
90% {
width: 100%;
}
}


#pos_section1 .pos_soft p{
color: #102C56;
font-family: 'Gilroy-Medium';
padding-top: 2rem;
}
.pos_bg_blue{
background: #102C56;
}
#pos_section2 .pos-step{
padding: 2rem;
color: #fff;
}
#pos_section2 .pos-step h3{
color: #fff;
text-align: left!important;
}
#pos_section2 .pos-step ul li,
#pos_section2 .pos-step p{
font-size: 17px;
line-height: 2;
font-family: 'Gilroy-Medium';
}
#pos_section2 .pos-step p{
line-height: 1.8;
}
#pos_section6 .pos_explore{
margin: 0;
padding: 8px 0;
}
.pos_explore{
margin-top: 0.99rem;
padding: 8px 0;
}
.pos_explore a span{
font-family: 'Gilroy-Medium';
font-size: 18px;
text-transform: capitalize;
}
/* .pos_explore:hover a span{
transition: 800ms ease all;
color: #f0094a;
background: transparent;
box-shadow: none;

}
.btn-5:hover:before, .btn-5:hover:after {
transition: 800ms ease all;
}

.btn-5:hover {
color: #f0094a;
background: transparent;
box-shadow:none;
}
.btn-5:before,
.btn-5:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #f0094a;
box-shadow:
-1px -1px 5px 0px #f0094a,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
transition:400ms ease all;
}
.btn-5:after{
right:inherit;
top:inherit;
left:0;
bottom:0;
}
.btn-5:hover:before,
.btn-5:hover:after{
width:100%;
transition:800ms ease all;
}*/
.pos_explore .pr-2{
padding-left: 10px;
}
/* .section2img:hover,.section6img:hover,.section62img:hover{
transform: scale(1.05);
} */
/* .display-mobile{
display: none;
} */
.section2img,.section6img,.section62img{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
/* transition: transform .5s ease-in-out;  */
}

.section2img{
background-image: url(/images/pos/pos_brand.png);
}
.section6img{
background-image: url(/images/pos/bg_bring.png);
}

.section62img{
background-image: url(/images/pos/postype.png);
}
#pos_section3 img,   #pos_section4 img, #pos_section5 .pos_rounded{
transition: transform .5s ease-in-out;
}
#pos_section3 img:hover,  #pos_section4 img:hover,
#pos_section5 .pos_rounded:hover {
transform: scale(1.05);
}
#pos_section3{
background: #F6F7FA;
}
#pos_section3,
#pos_section5,
#pos_section7,
#pos_section8,
#pos_section9,
#pos_section10,
#pos_section11,
#pos_section12,
#pos_section13{
position: relative;
padding: 3rem 0;
}
#pos_section3 .pos_succed,
#pos_section4 .pos_succed {
padding-top: 2rem;
}
#pos_section3 .pos_succed .all_paddg_space{
padding: 2rem  1.5rem;
}
#pos_section4 .pos_succed .all_paddg_space{
padding: 2rem;
}
#pos_section4 .pos_succed .all_paddg_space img{
padding: 3rem;
}
#pos_section4 .editor .title {
line-height: 1.5;
font-family: 'Gilroy-Bold';
}
#pos_section5{
background: #F6F7FA;
}
#pos_section5 .pos_rounded{
background: #FFFFFF;
border: 0.689091px solid #C7D8E2;
border-radius: 7.32894px;
padding: 10px;
}
#pos_section5 .inner_rounded{
padding: 20px;
background: #F6F7FA;
border-radius: 5px;
min-height: 300px;
cursor: pointer;
}
#pos_section5 .editor .title {
font-size: 18px;
line-height: 1.5;
}
#pos_section5 .inner_rounded img{
padding-bottom: 10px;
max-height:65px;
}
#pos_section6  .camel-case h3,
#pos_section6  .camel-case h4,
#pos_section6  .camel-case p,
#pos_section7 .editor h2,
#pos_section7 .editor h4{
color: #fff;
text-align: left;

}
#pos_section6 .camel-case h4,
#pos_section7 .editor h2,
#pos_section7 .editor h4{
font-size: 1.5rem;
text-align: left;
}

#pos_section6 .pos-step{
padding: 2rem;
}
#pos_section6  .camel-case p{
padding-bottom: 2.1rem;
}
#pos_section6  .camel-case:last-child p{
padding-bottom: 1rem;
}
.bg_pos_liteblue{
background: #2D548E;
}

#pos_section7 .inner_rounded{
position: relative;
overflow: hidden;
color: #102C56;
}

#pos_section7 .container1 {
position: relative;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
width: 100%;
}
#pos_section7 .container1 .card {
position: relative;
width: 100%;
padding: 10px;
margin: 20px;
background: #F6F7FA;
border: 1px solid #C7D8E2;
border-radius: 8px;
transition:max-height 0.15s ease-out;
cursor: pointer;
transition: transform .5s ease-in-out;
}
#pos_section7 .container1 .card:hover .content .editor h2{
color:#FF7B36 ;
transition: all 0.7s ease-in-out;
}
#pos_section7 .container1 .card .content {
position: relative;
height: 165px;
overflow: hidden;
}
#pos_section7  .container1 .card.active .content {
height: auto;
}
#pos_section7  .container1 .card .content::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background: linear-gradient(transparent, transparent);
}
#pos_section7 .container1 .card.active .content::before {
display: none;
}
#pos_section7 .container1 .card .content h3 {
font-size: 1.6rem;
margin-bottom: 1.2rem;
}
#pos_section7 .container1 .card .more {
position: relative;
padding: 0;
background: transparent;
margin-top: 5px;
display: inline-block;
cursor: pointer;
text-transform: uppercase;
color: #102c56;
font-weight: 500;
letter-spacing: 1px;
font-size: .8rem;
transition: all .5s ease-in-out;
}
#pos_section7 .container1 .card .more:hover{
color: #FF7B36;
font-size: 0.8rem;
}

#pos_section7 .container1 .card .more::before {
content: "Read more";
}
#pos_section7 .container1 .card.active .more::before {
content: 'Read Less';
}
#pos_section7 .editor h2{
font-size: 18px;
text-transform: capitalize;
color: #102C56;
line-height: 1.2;
}
#pos_section7 .editor h4{
    font-size: 18px;
    text-transform: capitalize;
    color: #102C56;
    line-height: 1.2;
    }
#pos_section7 .card img{
padding-bottom: 1rem;
height: 60px;
width: auto;
}
#pos_section7 .inner_rounded  #text {
display: none;
min-height: 41vh;
background: #F6F7FA;
color: #fff;
}
.bg_pos_gray{
background: #F6F7FA;
}
#pos_section8  .pos-step{
margin-bottom: 2.5rem;
}
#pos_section8  .pos-step p{
font-size: 1rem;
}
#pos_section8 .ul_product ul{
position: relative;
list-style-type: none;
padding-left: 0;
}
#pos_section8 .ul_product ul li{
position: relative;
display: flex;
gap: 15px;
padding-bottom: 2rem;
color: #102C56;
font-family: 'Gilroy-SemiBold';
font-size: 1.1rem;
text-transform: capitalize;
transition: transform .5s ease-in-out;
cursor: pointer;
}
#pos_section8 .ul_product ul li:hover img{
transform: scale(1.1);
transition: all 0.5s ease-in-out;
}
#pos_section8 .ul_product ul li:hover{
color: #FF7B36;
transition: all 0.5s ease-in-out;
}
#pos_section8 .ul_product ul li img{
vertical-align: middle;
}
#pos_section9 .pos_rounded{
background: #F6F7FA;
border: 4px solid #F6F7FA;
border-radius: 2rem;
transition: all 0.5s ease-in-out;
}
#pos_section9 .inner_rounded{
padding: 2rem;
}
#pos_section9 .editor h5, #pos_section9 .editor1 h5,
#pos_section10 .pos_soft h3{
text-align: center;
font-size: 1.5rem;
padding-bottom: 1.5rem;
}
#pos_section9 .editor1 h5{
font-family: 'Gilroy-Bold';
font-weight: 500;
}
#pos_section9 .editor p,
#pos_section9 .editor1 p{
position: relative;
background: #FFFFFF;
border-radius: 8px;
padding: 1.5rem;
margin: 5px;
color: #102C56;
padding-left: 3.3rem;
cursor: pointer;
line-height: 1.6;
}
#pos_section9 .editor p{
background: #FFFFFF;
}
#pos_section9 .editor p:hover, #pos_section9 .editor1 p:hover{
background: #102c56;
color: #fff;
transition: all 0.5s ease-in-out;
}
#pos_section9 .editor1 p{
background: #F6F7FA;
}
#pos_section9 .editor p::before{
content: '';
position: absolute;
top: 22px;
left: 13px;
background: url(/images/pos/poswrong.png)no-repeat center;
width: 30px;
height: 30px;
}
#pos_section9 .editor1 p::before{
content: '';
position: absolute;
top: 18px;
left: 13px;
background: url(/images/pos/posright.png)no-repeat center;
width: 40px;
height:40px;
}
#pos_section9 .pos_rounded1 {
background: #FFFFFF;
border: 4px solid rgba(214, 219, 226, 0.5);
border-radius: 2rem;
transition: all 0.2s ease-in-out;
}

#pos_section9 .pos_rounded:hover, #pos_section9 .pos_rounded1:hover{
box-shadow: -47px 36px 40px rgba(0, 0, 0, 0.04);
transition: all 0.2s ease-in-out;
transform:translateY(-10px);
}
#pos_section10 .pos_soft h3,
#pos_section10 .pos_soft p,#pos_section12 h5,
#pos_section13 .card-body{
color: #102C56;
}
#pos_section10 .pos_soft h3{
font-family: 'Gilroy-Bold';
padding: 1rem 0 0;
font-size: 1.5rem;
}
#pos_section11{
padding-top: 1rem;
padding-bottom: 0!important;
}
#pos_section11 img{
text-align: left;
}
#pos_section11 .pos_soft{
padding: 1rem 2rem;
color: #fff;

}
#pos_section11 .pos_soft h3{
color: #fff;
text-align: left;
}
#pos_section11 .pos_soft p{
text-align: left;
}
#pos_section12{
padding-bottom: 5rem;
}
#pos_section12 h3,#pos_section13 h3{
font-size: 2.1875rem;
font-family: 'Gilroy-Bold';
text-transform: capitalize;
}
#pos_section12 .callexpert{
background: #F6F7FA;
border-radius: 38px;
}
#pos_section12 .callexpert-form input {
background-color: #fff;
color: #102F54;
}
#pos_section12 .callexpert-form .btn-success {
border: 1px solid #F44827;
background: linear-gradient(180deg, #FF7B36 0%, #F44827 100%);
border-radius: 8px;
}
#pos_section13 a{
font-family: 'Gilroy-SemiBold';
color: #102F54;
font-size: 1.2rem;
}
.pos_service_page{
overflow: hidden;
}

@media (min-width: 768px) and (max-width: 992px){
#pos h1 {
width: 100%;
}
.pos_explore {
margin-top: 0;
}
.section2img,.section6img,.section62img{
width: 100%;
height: 100vh;
}
#pos_section2 .pos-step {
padding: 2rem 5px;
}
#pos_section2 .pos_explore {
padding-top: 1rem;
}
.pos_explore a span {
font-size: 1.2rem;
}
#pos_section3 .pos_succed .all_paddg_space,
#pos_section4 .pos_succed .all_paddg_space {
padding:0 1rem;
}
#pos_section3  .editor p{
margin-bottom: 0.5rem;
}
#pos_section6 .pos-step {
padding: 3rem 1rem;
}
#pos_section3  .editor .title,
#pos_section4  .editor .title{
font-size: 1.4rem;
}
#pos_section4 .pos_succed .all_paddg_space img {
padding: 0rem;
}
#pos_section5 .row{
display: flex;
flex-wrap: wrap;
}
#pos_section5 .row:last-child .pos_rounded{
margin-top: 2rem;
}
#pos_section5 .row .col-md-6,
#pos_section10 .row .col-md-6{
margin: 0 auto;
}
#pos_section6 .reverse {
display: flex;
flex-direction: column-reverse!important;
flex-wrap: inherit;
}
#pos_section8 .ul_product ul li {
gap: 10px;
padding-bottom: 1rem;
font-size: 1rem;
}
#pos_section9 .pos_rounded1 {
margin-top: 2rem;
}
#pos_section11 h3{
font-size: 1.4rem;
}
#pos_section12 h3, #pos_section12 .ce-title,
#pos_section13 h3 {
font-size: 2rem;
}
}

@media (max-width: 37.4375em){
#pos_section3,
#pos_section5,
#pos_section7,
#pos_section8,
#pos_section9,
#pos_section10,
#pos_section11,
#pos_section12,
#pos_section13{
padding: 2rem 0;
}
.display-mobile{
display: block;
}
.section2img,.section6img,.section62img{
width: 100%;
min-height:500px;
}

#pos h1 {
width: 100%;
line-height: 1.2;
letter-spacing: 0.2px;
font-size: 1.75rem;
}
#pos p {
font-weight: 300;
font-size: 1rem;
}
#pos .mb-5,
#pos_section7 .mb-5,
#pos_section10 .mb-5{
margin-bottom: 1.5rem!important;
}
.section-pos {
background-size: 100% 80%;
}
#pos_section2 .pos-step {
padding: 1rem 0;
}
#pos_section2 .pos-step ul li, #pos_section2 .pos-step p {
font-size: 1rem;
}
#pos_section2 .pos_explore {
padding:5px 0;
margin-bottom: 2rem;
}
.pos_explore {
padding:8px 0;
margin-bottom: 2rem;
}
#pos_section2 img,#pos_section6 img{
height: auto;
}
#pos_section3 .pos_succed, #pos_section4 .pos_succed {
padding-top: 0;
}
.pos_explore a span {
font-size: 1.2rem;
}
#pos_section3 .pos_succed .all_paddg_space {
padding: 0.5rem;
}
#pos_section6 .camel-case h4, #pos_section7 .editor h2,#pos_section7 .editor h4{
font-size: 1.2rem;
}
.pos_explore {
margin-top: 0;
margin-bottom:0;
}
#pos_section6 .camel-case:last-child p {
padding-bottom: 0.1rem;
}
#pos_section4 .pos_succed .all_paddg_space img,
#pos_section4 .pos_succed .all_paddg_space,
#pos_section6 .pos-step {
padding: 1rem 0.5rem;
}

#pos_section4 ul,
#pos_section8 .ul_product ul{
margin-bottom: 0;
}
#pos_section5 .pos_rounded {
margin: 1rem 0.5rem;
}
#pos_section5 .inner_rounded {
height: 50vh;
}
#pos_section7 .inner_rounded, #pos_section7 .inner_rounded1 {
height: 300px;
}
#pos_section9 .inner_rounded {
padding: 2rem 0.5rem;
}
#pos_section9 .editor p, #pos_section9 .editor1 p {
padding: 1rem;
padding-left: 2.7rem;
}
#pos_section9 .editor p::before {
content: '';
top: 15px;
left: 7px;
}
#pos_section9 .editor1 p::before {
content: '';
position: absolute;
top: 11px;
left: 5px;
}
#pos_section9 .pos_rounded,#pos_section10 .pos_soft  {
margin-bottom: 1.5rem;
}
#pos_section12 h3, #pos_section13 h3 {
font-size: 1.75rem;
}
#pos_section12 .callexpert {
border-radius: 15px;
padding: 10px;
}
#pos_section12.callexpert {
padding: 25px 12px;
}
#pos_section12 h5{
line-height: 1.2;
font-size: 1.75rem;
}
#pos_section2 .pos-step h3{
font-size: 2rem;
}
#pos_section2 .pos-step ul {
padding-left: 1rem;
}
}
/*------------------ Main Nave Menu ------------*/
.landingmenu .dropdown-menu.mega-menu {
min-width: 700px;
padding-right: 10px;
}
.landingmenu .dropdown-menu .dropdown-item {
position: relative;
font-family: 'Gilroy-Medium';
padding-right: 0;
}
.landingmenu .dropdown-menu .dropdown-item:before {
content: '\f192';
font-family: FontAwesome;
color: #102F54;
position: absolute;
top: 25%;
left: 0.4rem;
font-size: 12px;
transition: all .3s ease 0s;
}
.landingmenu .dropdown-menu .dropdown-item:hover:before {
content: '\f10c';
}
.sec-heading{
font-size: 2.1875rem;
font-family: 'Gilroy-Bold';
}
@media (max-width: 992px){
    #topDarkLogo .theProjectLogo{
        width: auto;
        height: auto;
        max-height: 50px;
      }
.landingmenu .navbar-nav .show>.nav-link {
text-align: left;
}
.landingmenu .dropdown-menu .dropdown-item:before{
top: 20%;
left: -15px;
}
.landingmenu .dropdown-menu.mega-menu {
min-width:auto;
padding-right:0;
}
.landingmenu .navbar-nav{
margin-top: 0;
}
}
@media (max-width: 768px){
.landingmenu .navbar-nav .show>.nav-link {
text-align: left;
}
}
@media (max-width: 600px){
#topDarkLogo .theProjectLogo{
width: auto;
height: auto;
max-height: 50px;
}
.landingmenu .navbar-nav .show>.nav-link {
text-align: left;
}
.landingmenu .dropdown-menu.mega-menu .row>div {
width: 100%;
flex: 0 0 100%;
}
}
/*-------Offer Notice------*/
.offer-notice {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
padding: 0.3rem 0;
bottom: 0;
width: 100%;
color: #F6F6F6;
font-size: 1.2rem;
z-index: 999;
background-image: linear-gradient(129deg,#ff862e 0%,#ff3a75 100%);
background-color: #ff862e;
}
.offer-notice a {
letter-spacing: 1px;font-family: 'Gilroy-SemiBold';cursor: pointer;outline: none;color: #fff;font-weight: 700;padding: 10px;transition: 0.35s ease;margin: 0 0.5rem;display: inline-block;text-align: center;margin-top: 10px;border: 1px solid #102c56;border-radius: 2rem;background-color: #102c56;
}
button.close-offer {
background: transparent;
color: #fff;
border: 0;
outline: none !important;
position: absolute;
right: 3%;
}
.offer-notice p {
max-width: 85%;
line-height: 1;
margin-bottom: 0;
}
.offer-notice p strong {
font-family: 'Gilroy-Bold';
}
#bookademosec h4{
font-family: 'Gilroy-Bold';
font-size: 18px;
}
#pos_section10 .pos_soft p{
font-family: 'Gilroy-Medium';
font-size: 16px;
}
@media (max-width: 992px){
.offer-notice p {
text-align:center;
}

.landingmenu .dropdown-menu .dropdown-item{
padding: 0.25rem;
}
.landingmenu .dropdown-menu{
padding-left: 1.5rem;
min-width:12rem;
position:relative;
}
}
.sec-sub-title {
color: #102c56;
font-family: Gilroy-Bold;
font-size: 1.5rem;
text-transform: capitalize;
}
#navbar-main .navbar-nav .nav-link{
font-family: Gilroy-Medium;
font-size: 15px;
white-space: nowrap;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.landingmenu .dropdown-menu .dropdown-item:active:before{
color:#fff;
}
.footer .copyright, .footer .copyright a{
font-size: 15px;
color: #fff;
font-family: Gilroy-Medium;
}
.footer .nav .nav-item .nav-link{
font-size: 15px;
color: #fff;
font-family: Gilroy-Medium;
}
#navbar-main.navbar-expand-lg .navbar-toggler{
outline:none !important;
}
.aboutinfo .icon-section {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
}
.aboutinfo .icon-section .icon-icon {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 5px;
}
.aboutinfo .icon-section .icon-icon i {
font-size: 25px;
color: #102F54;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.aboutinfo .icon-section p{
color: #102F54;
}
.aboutinfo .icon-section .icon-content {
display: inline-flex;
flex-direction: column;
width: calc( 100% - 55px);
}
.aboutinfo ol.hours {
list-style: none;
padding-left: 0;
}
.aboutinfo ol.hours li{
font-size: 16px;
display: flex;
justify-content: space-between;
padding: 8px 0;
color: #102F54;
}
.aboutinfo ol.hours li .tag {
display: inline-flex;
letter-spacing: 1px;
line-height: 1;
padding: 6px 8px;
border-radius: 4px;
background: #edf7ee;
color: #00bc8b;
}
@media (min-width: 992px){
#navbar-main.navbar-expand-lg .navbar-nav .dropdown-menu{
min-width: 15rem;
}
#navbar-main.navbar-expand-lg .navbar-nav .mega-menu > .dropdown-menu{
min-width: 800px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.landingmenu .dropdown-menu .dropdown-item {
padding-left: 1.5rem;
}
.section-profile-cover .bg-image{
max-height: 350px;
object-fit: cover;
}
}
@media (max-width: 994px){
#navbar-main.navbar-expand-lg .navbar-collapse.collapse:not(.show){
display:none !important;
}
#navbar-main.navbar-expand-lg .navbar-toggler{
display:block;
}
#navbar-main.navbar-nav .nav-link {
padding: .625rem 0;
color: #172b4d !important;
}

#navbar-main.navbar-nav .dropdown-menu {
box-shadow: none;
min-width: auto;
}

#navbar-main.navbar-nav .dropdown-menu .media svg {
width: 30px;
}

#navbar-main .navbar-collapse {
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1050;
margin: 0;
overflow-y: auto;
height: 100vh !important;
opacity: 0;
display: block!important;
}

#navbar-main .navbar-collapse .navbar-toggler {
width: 20px;
height: 20px;
position: relative;
cursor: pointer;
display: inline-block;
padding: 0;
}

#navbar-main .navbar-collapse .navbar-toggler span {
display: block;
position: absolute;
width: 100%;
height: 2px;
border-radius: 2px;
opacity: 1;
background: #283448;
}

#navbar-main .navbar-collapse .navbar-toggler :nth-child(1) {
transform: rotate(135deg);
}

#navbar-main .navbar-collapse .navbar-toggler :nth-child(2) {
transform: rotate(-135deg);
}

#navbar-main .navbar-collapse .navbar-collapse-header {
display: block;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#navbar-main .navbar-collapse .collapse-brand img {
height: 36px;
}

#navbar-main .navbar-collapse .collapse-close {
text-align: right;
}

#navbar-main .navbar-collapse.collapsing,
#navbar-main .navbar-collapse.show {
padding: 1rem;
border-radius: 0;
background: #FFF;
box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
animation: show-navbar-collapse .2s ease forwards;
}

#navbar-main .navbar-collapse.collapsing-out {
animation: hide-navbar-collapse .2s ease forwards;
}
#navbar-main.navbar-expand-lg .navbar-nav{
flex-direction: column;
align-items: flex-start;
position: relative;
top: 22px;
gap: 5px;
}
#navbar-main .navbar-nav .nav-link{
color: #172b4d !important;
padding: 0.625rem 0;
}
.landing-page #google_translate_element:before {
color: #102c56;
}
.landing-page .goog-te-gadget .goog-te-combo {
background-color: #fff;
color: #102c56;
}
}
@media (max-width: 768px){
.landingmenu .navbar-nav {
margin-top: 0;
max-height: 80vh;
overflow-y: scroll;
}
}

.breadcrumbdiv .breadcrumb{
border-radius: 0;
font-size: 0.8rem;
background-color: #f7f7f7;
font-family: 'Open Sans', sans-serif;
margin-bottom: 0;
}

/*================= POS-cafe ==================*/
.pos_cafe_page{
    position: relative;
    overflow: hidden;
    overflow-x: hidden!important;
    }
    .pos_cafe_page .pos_explore{
    margin-top: 0.99rem;
    padding: 8px 0;
    }
    .pos_cafe_page .pos_explore a span{
    font-family: 'Gilroy-SemiBold';
    font-size: 1rem;
    text-transform: capitalize;
    }

#pos_cafe_section1,
#pos_cafe_section2,
#pos_cafe_section3{
    position: relative;
    padding: 2rem 0;
}

#pos_cafe_section4,
#pos_cafe_section5,
#pos_cafe_section8,
#pos_cafe_section9,
#pos_cafe_section10{
    position: relative;
    padding: 5rem 0;
}
#pos_cafe_section1 h3,
#pos_cafe_section4 h3,
#pos_cafe_section5 h3,
#pos_cafe_section6 h3,
#pos_cafe_section8 h3,
#pos_cafe_section10 h3,
#pos_cafe_section11 h3{
    font-family: 'Gilroy-Bold';
   font-size:2.1875rem;
   text-transform: capitalize;
   padding-bottom: 1rem;
}
#pos_cafe_section1 p,#pos_cafe_section1 ul li,#pos_cafe_section2 .editor p,
#pos_cafe_section4 p,#pos_cafe_section4 ul li,
#pos_cafe_section5 p,#pos_cafe_section5 ul li,
#pos_cafe_section6 ul li,
#pos_cafe_section8 p,
#pos_cafe_section10 p,
#pos_cafe_section11 p
{
    font-family: 'Gilroy-Medium';
    font-size:1rem;
    line-height: 1.7;
    color: #102C56;
    padding-bottom: 0.5rem;

}
#pos_cafe_section6 ul li,
#pos_cafe_section6 h3,
#pos_cafe_section8 h3,
#pos_cafe_section8 p,
#pos_cafe_section8 .pos_soft h3,
#pos_cafe_section11 h3,
#pos_cafe_section11 p{
    color: #fff;
}
#pos_cafe_section2 .editor h2,
#pos_cafe_section4 h4,
#pos_cafe_section8 .pos_soft h3,
#pos_cafe_section10 .pos_soft h3{
   font-size: 1.5rem;
   font-family: 'Gilroy-Bold';
   text-transform: capitalize;
}
#pos_cafe_section8 .pos_soft h3,
#pos_cafe_section10 .pos_soft h3{
    padding-bottom: 0;
}
#pos_cafe_section3{
    position: relative;
    padding-top: 4rem;
    padding-bottom: 5rem;
}
#pos_cafe_section3 .bg_curve{
    position: relative;
    margin: 0 auto;
}
#pos_cafe_section6 .pos-step{
padding: 5rem;
}
#pos_cafe_section6 .improve,#pos_cafe_section6 .improve1{
width: 100%;
height: 630px;
object-fit: cover;
object-position: 25% 25%;
}
#pos_cafe_section6 .improve1{
height: 700px;
}
#pos_cafe_section8 .pos_soft img,
#pos_cafe_section10 .pos_soft img{
margin-bottom: 1rem;
}

.btn-pos,.btn-pos1 {
    display: inline-block;
    color: #FF7B36;
    min-width: 154px;
    text-decoration: none;
    padding: 10px 0;
    position: relative;
    text-align: center;
    font-family: 'Gilroy-Bold';
    font-size: 2.1875rem;
  }

  .btn-pos:hover .button-stroke:nth-child(2) {
    stroke-dashoffset: 0;
    /* stroke: #102F54; */
    stroke: #FF7B36;
  }
  .btn-pos1:hover .button-stroke:nth-child(2) {
    stroke-dashoffset: 0;
    stroke: #fff;
  }
   .btn-pos:hover{
   color: #102F54;
  }
  .btn-pos1:hover{
 color: #fff;
}
    .button-stroke {
    display: block;
    width: calc(100% - 21px);
    height: 25px;
    stroke: #102F54;
    position: absolute;
    left: 3px;
    bottom: -10px;
    stroke-width: 2px;
    animation: stroke-dashoffset 10s  ease-in;
  }
    .button-stroke:nth-child(2) {
    stroke-dasharray: 650px;
    stroke-dashoffset: 650px;
    stroke: #FF7B36;
    stroke-width: 2.5px;
    animation: dash 10s infinite ease-in;
  }
  @keyframes dash {
    to {
      stroke-dashoffset: 0;
    }
  }
/*----------- POS-Retail----------*/
.pos_retail_page #pos_cafe_section3 {
    padding-top: 4rem;
    padding-bottom: 5rem;
}
#pos_cafe_section10 .card{
    border-radius: 1.5rem;
    padding: 2.5rem;
}
.pos_retail_page .ecommercebg_img{
position: relative;
left: -25px;
}
/*------digital catalog------*/
    #fully-loaded  #box .fullyloaded-title,
     #fully-loaded #box{
        color: #fff!important;
    background-color: #2D548E!important;
    border: none!important;
    padding: 1.5rem;
    }
    #fully-loaded #box .inner{
        display: flex;
        gap: 1rem;
        align-items: center;
    }
    .digital_catalog .card {
        margin-top: 2rem;
        background-color: #fff;
        background-clip: border-box;
        border: none;
        border-radius: 0;
    }
    .digital_catalog .card img{
        width: 75%;
        margin: 0 auto;
    }
    .digital_catalog .card .card-body{
        padding: 1rem 1rem 1rem 4rem;
    }
    .digital_catalog .card .card-title {
        font-size: 1.5rem;
        word-spacing: 0.1rem;
        padding-bottom: 0.5rem;
        line-height: 1.3;
        font-family: 'Gilroy-Bold';
    }
    .digital_catalog .card .card-text{
        font-family: 'Gilroy-Medium';
    font-size: 16px;
    text-align: justify;
    }

    .sseo-bg-22 {
        background-image: url(/images/pos-rest.png);
        min-height: 550px;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 100%;
    }

  /*------pos-restaurant------*/
.rest_tabs{
    display: flex;
}
.pos_restaurant_page .rest_tabs .nav-pills {
    display: flex;
width: 25%;
}

.pos_restaurant_page .rest_tabs .nav-pills .nav-link {
    padding: 1.35rem 1rem;
    font-weight: 600;
    font-size: 1.1rem;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    transition: all 0.15s ease;
    margin-bottom: 1.75rem;
    border: 1px solid #2D548E;
    border-radius: 16px;
    text-transform: capitalize;
}
.pos_restaurant_page .rest_tabs .nav-pills .nav-link span{
    display: flex;
    gap: 25px;
    align-items: center;
}
.pos_restaurant_page .rest_tabs .nav-pills .nav-link span img{
    width: 24px;
}
.nav-pills .nav-link:hover {
    color:#FF7B36;
    border-color: #FF7B36;
}
.pos_restaurant_page .rest_tabs .tab-content{
    width: 60%;
    padding: 3rem 3rem 3rem 5rem;
}

.pos_restaurant_page .rest_tabs .tab-content h4{
    font-weight: 700;
}
.pos_restaurant_page .rest_tabs .nav-pills .nav-link.active, .pos_restaurant_page .rest_tabs .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #102C56;
}
.pos_restaurant_page  #pos_section7 .container1 .card .content {
    position: relative;
    height: 225px;
    /* overflow: hidden; */
}
.pos_restaurant_page .pos_cafe_section10 .pos_soft:first-child h3,.pos_restaurant_page .pos_cafe_section10 .pos_soft:nth-child(2) h3{
padding-top: 0.75rem;
}


.btn-pos,.btn-pos1 {
    display: inline-block;
    color: #FF7B36;
    min-width: 154px;
    text-decoration: none;
    padding: 10px 0;
    position: relative;
    text-align: center;
    font-family: 'Gilroy-Bold';
    font-size: 2.1875rem;
  }

  .btn-pos:hover .button-stroke:nth-child(2) {
    stroke-dashoffset: 0;
    stroke: #FF7B36;
  }
  .btn-pos1:hover .button-stroke:nth-child(2) {
    stroke-dashoffset: 0;
    stroke: #fff;
  }
   .btn-pos:hover{
   color: #102F54;
  }
  .btn-pos1:hover{
 color: #fff;
}
    .button-stroke {
    display: block;
    width: calc(100% - 21px);
    height: 25px;
    stroke: #102F54;
    position: absolute;
    left: 3px;
    bottom: -10px;
    stroke-width: 2px;
    animation: stroke-dashoffset 10s  ease-in;
  }
    .button-stroke:nth-child(2) {
    stroke-dasharray: 650px;
    stroke-dashoffset: 650px;
    stroke: #FF7B36;
    stroke-width: 2.5px;
    animation: dash 10s infinite ease-in;
  }
  @keyframes dash {
    to {
      stroke-dashoffset: 0;
    }
  }
/*------------*/
.pos-sg-rest #pos_section1 .step1{
    display: flex;

}
.pos-sg-rest #pos_section1 .pos_soft p{
    padding-top: 1px;
    padding-right: 0.5rem;
}
.pos-sg-rest #pos_section1 .pos_soft h5{
    margin-top: 0.5rem;
}
.pos-sg-rest .pos_section7{

    background: #F6F7FA;
    z-index: 0;
}
.pos-sg-rest .pos_section7::after{
    content: '';
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #FFF4CC 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 180px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.pos-sg-rest #pos_section7 .container1 .card  {
   background-color: transparent;
   background: transparent;
   border: none;
    }

.bg-lite-blue{
    background: #2D548E;
}
.pos-sg-rest #pos_cafe_section4 ul{
    list-style-type: none;
    position: relative;
}
.pos-sg-rest #pos_cafe_section4 ul li h6,
.pos-sg-rest #pos_cafe_section4 h6{
    position: relative;
    display: inline-block;
    margin-top: 0.5rem;
}

.pos-sg-rest #pos_cafe_section4 ul li h6::before,
.pos-sg-rest #pos_cafe_section4 h6::before{
    font-family: "FontAwesome";
    content: "\f058";
    color: green;
    margin-right: 0.5rem;
}
.pos-sg-rest #pos_cafe_section4 ul li p,
.pos-sg-rest #pos_cafe_section4 p{
    margin-left: 1.45rem;
}
.pos-sg-rest #pos_cafe_section6 .improve1 {
    height: 620px;
}
/*------------*/
@media (max-width: 37.4375em){
#pos h1 {
    width: 100%;
    line-height: 1.2;
    letter-spacing: 0.2px;
    font-size: 1.75rem;

}
#pos p {
    font-weight: 300;
    font-size: 1rem;
}
#pos_cafe_section1 h3, #pos_cafe_section4 h3, #pos_cafe_section5 h3, #pos_cafe_section6 h3, #pos_cafe_section8 h3, #pos_cafe_section10 h3, #pos_cafe_section11 h3 {
    font-size: 1.5rem;
   }
   .pos_cafe_page .pos_explore {
    margin-top: 0;
    padding: 8px 0;
    margin-bottom: 0.95rem;
}
#pos_cafe_section3 {
    padding-top: 4rem;
    padding-bottom: 11rem;
}
#pos_cafe_section3 .center_curve {
    position: absolute;
    top: 60%;
    left: -2%;
}
#pos_cafe_section4, #pos_cafe_section5, #pos_cafe_section8, #pos_cafe_section9, #pos_cafe_section10 {
    position: relative;
    padding: 3rem 0;
}
#pos_cafe_section6 .pos-step {
    padding: 2rem 0rem;
}
#pos_cafe_section6 .pos-step ul {
    padding-left:1rem;
}

#pos_cafe_section11 .pos_soft {
    padding: 1.5rem 1rem;
}
#pos_cafe_section6 .pl-5 {
    padding-left: 0.5rem !important;
}
.pos_retail_page #pos_cafe_section6 .pl-5 {
    padding-left: 0rem !important;
}
#pos_cafe_section10 .card {
    border-radius: 1.5rem;
    padding: 1.25rem;
    margin-bottom: 1rem;
}
.pos_restaurant_page .rest_tabs {
    display: flex;
    flex-direction: column;
}
.pos_restaurant_page .rest_tabs .nav-pills {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    flex-direction: row!important;
}
.pos_restaurant_page .rest_tabs .nav-pills .nav-link {
    padding: 0.75rem;
    font-weight: 600;
    font-size: 0.75rem;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    transition: all 0.15s ease;
    margin-bottom: 0.7rem;
    border: 1px solid #2D548E;
    border-radius: 16px;
    text-transform: capitalize;
    width: 45%;
}
.pos_restaurant_page .rest_tabs .tab-content {
    width: 100%;
    padding: 3rem;
}
.pos_restaurant_page .rest_tabs .nav-pills .nav-link span {
    display: flex;
    gap: 8px;
    align-items: center;
}
.pos_restaurant_page .rest_tabs .nav-pills .nav-link span img {
    width: 18px;
}
}
@media (min-width: 768px) and (max-width: 992px){
    .digital_catalog .card .card-body {
        padding: 1rem;
    }
    .pos_restaurant_page .rest_tabs .nav-pills {
        display: flex;
        width: 40%;

    }
    .pos_restaurant_page .rest_tabs .tab-content {
        width: 60%;
        padding: 3rem 2rem 3rem 5rem;
    }
    #pos_cafe_section1 h3, #pos_cafe_section4 h3, #pos_cafe_section5 h3, #pos_cafe_section6 h3, #pos_cafe_section8 h3, #pos_cafe_section10 h3, #pos_cafe_section11 h3 {
        font-size: 2rem;
       }

       #pos_cafe_section2 .editor h2, #pos_cafe_section4 h4, #pos_cafe_section8 .pos_soft h3, #pos_cafe_section10 .pos_soft h3 {
        font-size: 1.4rem;
           }
           #pos_cafe_section1 .cafe-1{
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
           }
           #pos_cafe_section3 .center_curve {
            position: absolute;
            top: 46%;
            left: 0%;
        }
        #pos_cafe_section5 .reverse {
            display: flex;
          flex-direction: column-reverse!important;
            flex-wrap: inherit;
        }
        #pos_cafe_section10 .col-md-6:last-child,
        #pos_cafe_section8 .col-md-6:last-child {
            margin:  0 auto;
        }
        .pos_retail_page #pos_cafe_section6 .pl-5 {
            padding-left: 0rem !important;
        }
        #pos_cafe_section10 .card {
            border-radius: 1.5rem;
            padding: 1.25rem;
            margin-bottom: 1rem;
        }
        .pos_retail_page #pos_cafe_section6 .pos-step {
            padding: 3rem 1.5rem;
        }
}

.product_meta>div, .product_meta>span{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color:#000;
min-height: 30px;
align-items: center;
}
.product_meta .products-page-cats a:first-child, .product_meta>span :first-child {
padding-left: 3px;
}
.product_meta span a, .product_meta span span{
color: #888;
}
.product_info ul {
list-style: disc;
margin-bottom: 1rem;
}
.product_info ol {
list-style: auto;
margin-bottom: 1rem;
}
.product_info strong {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
.product_info h1 {
font-size: 2.2rem;
}
.product_info h2 {
font-size: 1.8rem;
}
.product_info h3 {
font-size: 1.6rem;
}
.product_info a {
text-decoration: underline;
}
.product_tab_sec .card{
border:0;
border-radius:0;
}
.product_tab_sec .nav-tabs .nav-link:hover{
color: #102F54;
}
.product_tab_sec .nav-tabs .nav-link.active{
color: #102F54;
padding-left: 0;
}
.product_tab_sec .nav-tabs .nav-link {
font-size: 1.1rem;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
height: 40px;
border:0;
line-height: 35px;
}
.product_tab_sec .nav-tabs {
display: none;
}
.product_tab_sec .nav-tabs .nav-item{
margin-bottom: 0;
}
.product_tab_sec .card-header {
padding: 0;
background-color: #ffff;
border: 0;
}
.classic .tabbable .nav-pills .nav-link{
font-family: 'Open Sans', sans-serif;
}
.product_tab_sec .nav-tabs .nav-link.active:after {
content: "";
bottom: 0;
height: 2px;
background-color: var(--storecolor,#102c56);
display: block;
width: 60px;
border-radius: 2px;
}
@media (min-width: 768px){
.product_tab_sec .card-header {
display: none;
}
.product_tab_sec .tab-content>.active .collapse{
display: block;
}
.product_tab_sec .nav-tabs {
display: flex;
}
.featured-item-list{
border-left: 1px solid #ddd;
}
}
@media (max-width: 767px){
    #topDarkLogo .theProjectLogo{
        width: auto;
        height: auto;
        max-height: 50px;
      }
.product_tab_sec .tab-content>.tab-pane {
display: block;
opacity: 1;
}
}
#navbar-main.storesnav .btn {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: none;
}
.store-category:nth-child(even) {
background-color: #f8f8f8;
}
.footer-quick-links a{
font-family: 'Open Sans', sans-serif;
font-size: 0.9rem;
}
.product_meta{
font-family: 'Open Sans', sans-serif;
}
.single_product .product_description .number-input{
height:45px;
}
.content_text p, #cartList .product-item_title, #cartList .product-item_quantity,.product-col .strip .res_title,.product-col .strip .res_mimimum,.product-col .strip .res_excerpt{
font-family: 'Open Sans', sans-serif;
}
#cartList .product-item_quantity{
font-weight: 700;
}
.featured-list h2,.featured-item-list .row h3,.product-col .strip .res_title,.product-col .strip .res_mimimum {
font-weight: 600;
}
.featured-list h6{
font-size: 1.1rem;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}
.featured-list h6:after {
content: "";
bottom: 0;
height: 2px;
background-color: var(--storecolor,#102c56);
display: block;
width: 60px;
border-radius: 2px;
}
.featured-list {
border: 0;
border-radius: 0;
}
.featured-item-list .sale-discount {
top: -5px;
left: 0;
transform: scale(.8);
}
.product_content .product_details #addToCartbtn .btn, .single_product .product_description #addToCartbtn .btn{
border-radius: 4px;
}
.single_product #addToCartbtn.select-option .btn, #enquirebtn.btn-primary{
border-radius: 2rem;
}
.product_tab_sec .card-header h5{
font-size: 1.1rem;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
border-bottom: 1px solid #ddd;
}
.product_tab_sec .card-header h5:after {
content: "";
bottom: 0;
height: 2px;
background-color: var(--storecolor,#102c56);
display: block;
width: 60px;
border-radius: 2px;
}
.share-btn.telegram {
background: #27a8cf;
}
.my-account-bg{
background-image:url('/images/register_bg.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position:center;
}
.my-account-welcome .welcome-title {
font-family: 'Gilroy-Bold';
}
.my-account-benefits li {
padding-left: 1.9rem;
margin-bottom: 1rem;
font-family: 'Gilroy-SemiBold';
position: relative;
}
.my-account-benefits li:before {
position: absolute;
left: 0px;
height: 20px;
width: 20px;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
content: "";
background-color: #ff7b36;
border-color: #ff7b36;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3E%3C/svg%3E');
top: 10px;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}

.main .form_wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
overflow: hidden;
margin: 1rem auto 0 auto;
padding: 1rem;
background: #FFFFFF;
box-shadow: 19.1431px 23.701px 27.3473px rgb(16 44 86 / 8%);
border-radius: 0.5rem;
}
.main .form_wrapper .radio {
display: none;
}
.main .form_wrapper .tab {
width: 45%;
height: 40px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 500;
user-select: none;
background: #F7F8F9;
border: 1px solid #E8ECF4;
}
.main .form_wrapper #login:checked ~ .login_tab {
z-index: 1;
color: white;
background: linear-gradient(180deg, #ff7136 0, #f44827 100%)!important;
}
.main .form_wrapper #login:checked ~ .form_wrap {
transform: translateX(0);
}
.main .form_wrapper #login:checked ~ .form_wrap .signup_form {
opacity: 0;
}
.main .form_wrapper #signup:checked ~ .signup_tab {
background: linear-gradient(180deg, #ff7136 0, #f44827 100%)!important;
z-index: 1;
color: white;
}
.main .form_wrapper #signup:checked ~ .form_wrap {
transform: translateX(-100%);
}
.main .form_wrapper #signup:checked ~ .form_wrap .login_form {
opacity: 0;
}
.main .form_wrapper a {
color: #1E457E;
text-decoration: none;
transition: all 0.3s linear;
}
.main .form_wrapper a:hover {
color: #1E457E;
}
.main .form_wrapper .form_wrap {
display: flex;
width: 100%;
flex: 0 0 100%;
transition: transform 0.3s ease, opacity 0.2s ease;
}
.main .form_wrapper .form_wrap .form_fild {
width: 100%;
flex: 0 0 100%;
transition: all 0.5s ease;
}
.wrapper.cart\.view {
display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: space-between;
}
.my-account .welcome_card{
background: rgba(255, 255, 255, 0.5);
border-radius: 0.5rem;
overflow: hidden;
}
.main .form_wrapper h4 {
font-family: 'Gilroy-Bold';
}
#freedeliverynotice {
background-color: #fff;
border-radius: 4px;
border: 2px solid #e9ecef;
padding: 5px;
margin-bottom: 10px;
display: flex;
}
#freedeliverynotice .notice-icon {
width: 55px;
margin-right: 10px;
padding: 5px;
background-color: #e1e7f1;
border-radius: 4px;
}
#freedeliverynotice .notice-content {
width: calc(100% - 70px);
}
#freedeliverynotice .notice-content span span {
font-family: 'Gilroy-SemiBold';
color: #2d548e;
}
#freedeliverynotice .notice-content > span {
font-size: 0.9rem;
color: #000;
}
@media (min-width: 992px) {
.main .form_wrapper{
max-width: 90%;
}
}
@media (max-width: 565px) {
.my-account-welcome .welcome-title{
font-size:25px;
}
.my-account #thesubmitbtn{
width:100%!important;
}
}
.faq_section .faq_img{
    width: 100%;
    height: 65vh;
    object-position: top;
    object-fit: cover;
}
/*------------Mobile pop------------*/
#mobile_app_pop{
    text-align: left;
}
#mobile_app_pop .modal-body{
    padding: 3rem;
}
#mobile_app_pop h2{
    font-family: Gilroy-Bold;
    /* font-size: 2rem; */
    color: #fff;
    text-align: left;
}
#mobile_app_pop p{
    font-size: 1rem;
    font-family: Gilroy-Regular;
    color: #fff;
    text-align: left;
}
#mobile_app_pop img{
    padding-top: 1.5rem;
}
#mobile_app_pop .achor{
    text-align: left;
    margin: 1.5rem 0 0.5rem;
    display: flex;
}

#mobile_app_pop .modal-content {
    border-radius: 20px;
	width: 100%;
	background-color: hsla(200,40%,30%,.4);
	background-image:
    url('/images/mobile_app_bg.png'),
    url('/images/mobile_app_bg.png'),
	url('/images/mobile_app_bg.png'),
	url('/images/mobile_app_bg.png'),
	url('/images/mobile_app_bg.png');
	background-repeat: repeat-x;
	background-position:
		0 20%,
		0 100%,
		0 50%,
		0 100%,
		0 0;
	background-size:
		2500px,
		800px,
		500px 200px,
		1000px,
		400px 260px;
	animation: 50s para infinite linear;
	}

@keyframes para {
	100% {
		background-position:
			-5000px 20%,
			-800px 95%,
			500px 50%,
			1000px 100%,
			400px 0;
		}
	}
#mobile_app_pop.modal{
    background: rgba(0,0,0,0.7);
}
#mobile_app_pop .close{
    width: 5%;
    height: 10%;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    right: -2%;
    top: -4%;
    opacity: 1;
}
#mobile_app_pop #close {
    font-size: 2rem;
    text-align: center;
    color: #000;
    position: relative;
    left: 10px;
    top: 2px;
}

@media(max-width:34.75em){
    #mobile_app_pop .modal-content{
        margin: 1rem 0.5rem;
    }
    #mobile_app_pop .modal-body{
        padding: 2rem;
    }
    #mobile_app_pop h2{
        font-size: 1.5rem;
    }
    #mobile_app_pop p{
        font-size: 0.85rem;
    }
    #mobile_app_pop img{
        padding-top: 0.5rem;
    }
    #mobile_app_pop .achor{
        margin: 0;
   margin-bottom: 1rem;
    }
    #mobile_app_pop  .btn {
        padding: 10px;
        font-size: 0.8rem;
    }
    #mobile_app_pop .close {
        width: 10%;
        height: 5%;
        right: -3%;
        top: -2%;
    }
    #mobile_app_pop #close {
        left: 8px;
        top: 2px;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    #mobile_app_pop .modal-body{
        padding: 2rem;
    }
    #mobile_app_pop h2{
        font-size: 2.2rem;
        padding-bottom: 0.5rem;
    }
    #mobile_app_pop p{
        font-size: 0.85rem;
    }
    #mobile_app_pop img{
        padding-top: 0.5rem;
    }
    #mobile_app_pop .achor{
        margin:  0.5rem;
    }
    #mobile_app_pop .close {
        width: 10%;
        height: 6%;
        right: -2%;
        top: -3%;
    }
    #mobile_app_pop #close {
        left: 15px;
    }
    #mobile_app_pop img{
        padding-top: 1.5rem;
    }
}
.landingmenu .navbar-nav .nav-item{
margin-right:0;
}
.landingmenu .dropdown-submenu {
position: relative;
}
.landingmenu .dropdown-submenu a::after {
transform: rotate(-90deg);
position: absolute;
right: 6px;
top: .8em;
}
.landingmenu .dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-left: 1rem;
margin-right: .1rem;
}
.landingmenu .dropdown-submenu .dropdown-menu::before {
left: -20px;
top: 0px;
}
.footer-link li .dropdown-menu{
position: relative !important;
background-color: transparent;
transform: translate3d(0, 0, 0) !important;
box-shadow: none;
padding-left: 1rem;
}
.footer-link li .dropdown-menu li{
margin-bottom: 0px;
}
@media (max-width: 767px){
.landingmenu .dropdown-submenu .dropdown-menu{
position: static;
}
}
body > .skiptranslate {
display: none;
}
body {
top: 0px !important;
}
@media (min-width: 992px){
.store-category {
padding: 1rem 2rem;
margin-bottom:1rem;
}
}
@media only screen and (min-width: 1200px) {
.pos-sg-rest #pos_cafe_section6 .improve1 {
    height: 764px;
}
.pos_cafe_page #pos_cafe_section6 .improve1 {
    height: 800px;
}
.pos-sg-rest #pos_cafe_section6 .improve,
.pos_cafe_page #pos_cafe_section6 .improve {
    height: 850px;
}
.pos_retail_page #pos_cafe_section6 .improve1 {
height: 832px;
}

}
@media (max-width: 1200px) {
.pos-sg-rest #pos_cafe_section6 .improve1,.pos-sg-rest #pos_cafe_section6 .improve ,
.pos_cafe_page #pos_cafe_section6 .improve{
            height: 764px;
}
.pos_cafe_page #pos_cafe_section6 .improve1{
    height: 800px;
}
.pos-takeaway #pos_cafe_section6 .improve {
height: 594px;
}
.pos_catering #pos_cafe_section6 .improve {
height: 648px;
}
}
@media (min-width: 992px) and (max-width : 1200px){
.pos-sg-rest #pos_cafe_section6 .improve1{
    height: 750px;
}
.pos_cafe_page #pos_cafe_section6 .improve1{
    height: 768px;
}
.pos-sg-rest #pos_cafe_section6 .improve{
    height: 785px;
}
 .pos_cafe_page #pos_cafe_section6 .improve {
    height: 675px;
}
#pos_cafe_section6 .pos-step {
    padding: 4rem 2rem;
}
.pos_cafe_page #pos_cafe_section6 .pos-step
{
    padding: 4rem 1rem;
}
.pos_retail_page #pos_cafe_section6 .improve {
    height: 703px;
}
.pos_retail_page #pos_cafe_section6 .improve1 {
    height: 986px;
}
.pos_restaurant_page #pos_cafe_section6 .pos-step {
    padding: 2rem;
}
.pos_restaurant_page #pos_cafe_section6 .improve1 {
    height: 875px;
}
.pos_catering #pos_cafe_section6 .improve {
    height: 648px;
}
}
@media screen and (min-width: 1400px) {
.pos-sg-rest #pos_cafe_section6 .improve1 {

    height: 764px;
}
.pos-sg-rest #pos_cafe_section6 .improve{
    height: 705px;
}
.pos-sg-rest #pos_cafe_section6 .improve{
    height: 670px;
}
.pos_cafe_page #pos_cafe_section6 .improve{
    height: 625px;
}
}

@media screen and (min-width: 1600px) {
.pos-sg-rest #pos_cafe_section6 .improve1 {
    height: 620px;
}
.pos_cafe_page #pos_cafe_section6 .improve1 {
    height: 746px;
}
.pos-sg-rest #pos_cafe_section6 .improve{
    height: 670px;
}
.pos_cafe_page #pos_cafe_section6 .improve{
    height: 625px;
}
.pos_restaurant_page #pos_cafe_section6 .improve {
    height: 641px;
}
.pos-takeaway #pos_cafe_section6 .improve{
    height: 587px;
}
.pos_catering #pos_cafe_section6 .improve {
    height: 512px;
}
}
@media (min-width: 1200px) and (max-width: 1600px) {
.pos-sg-rest #pos_cafe_section6 .improve{
    height: 675px;
}
.pos_cafe_page #pos_cafe_section6 .improve{
    height: 701px;
}
.pos_retail_page #pos_cafe_section6 .improve {
    height: 665px;
}
.pos_retail_page #pos_cafe_section6 .pos-step,
.pos-takeaway #pos_cafe_section6 .pos-step {
    padding: 4rem 1rem;
}
.pos_restaurant_page #pos_cafe_section6 .improve {
    height: 590px;
}
.pos-takeaway #pos_cafe_section6 .improve {
    height: 520px;
}
.pos_catering #pos_cafe_section6 .pos-step {
    padding: 4.5rem 3rem;
}
.pos_catering #pos_cafe_section6 .improve {
    height: 576px;
}
}
@media screen and (min-width: 1900px) {
.pos-sg-rest #pos_cafe_section6 .improve1{
    height: 570px;
}
.pos_cafe_page #pos_cafe_section6 .improve1{
    height:  612px;
}
}
@media (min-width: 1441px)and (max-width: 1920px) {
.pos_cafe_page #pos_cafe_section6 .improve1{
    height:  612px;
}

.pos_retail_page #pos_cafe_section6 .improve1 {
    height: 788px;
}
.pos_restaurant_page #pos_cafe_section6 .improve1 {
    height: 720px;
}
.pos_restaurant_page #pos_cafe_section6 .improve {
    height: 708px;
}
.pos-takeaway #pos_cafe_section6 .improve1{
    height: 555px;
}
.pos-takeaway #pos_cafe_section6 .improve1{
    height: 638px;
}
.pos_catering #pos_cafe_section6 .improve1 {
    height: 528px;
}
.pos_catering #pos_cafe_section6 .pos-step {
    padding: 4.5rem 3rem;
}
}
@media (min-width: 1920px) and (max-width: 2560px)  {
.pos_retail_page #pos_cafe_section6 .improve1 {
    height: 698px;
}
.pos_retail_page #pos_cafe_section6 .improve {
    height: 582px;
}
.pos_restaurant_page #pos_cafe_section6 .improve1,.pos_restaurant_page #pos_cafe_section6 .improve {
    height: 570px;
}
.pos-takeaway #pos_cafe_section6 .improve,.pos-takeaway #pos_cafe_section6 .improve1{
    height: 555px;
}
}
/*-----bookademo-*/
#bookademoresponse{
    margin: 4rem auto 0;
  }
#bookademoresponse img{
    padding: 2rem 10rem;
    width: 65%;
}
#bookademoresponse h3.display-3{
font-size: 1.75rem;
width: 77%;
margin: 3rem auto;
text-align: center;
padding-bottom: 5rem;
}
@media(max-width:34.75em){
#bookademoresponse{
    margin: 1rem auto 0;
}
#bookademoresponse img {
    padding: 1rem 2rem;
    width: 100%;
}
#bookademoresponse h3.display-3{
    font-size: 1.35rem;
    margin: 1rem auto;
    padding-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 992px){
#bookademoresponse{
    margin: 1rem auto 0;
}
#bookademoresponse img{
    padding: 2rem;
        width: 80%;
}
#bookademoresponse h3.display-3{
    font-size: 1.5rem;
    margin: 1rem auto;
    padding-bottom: 0;
}
}
@media(max-width:34.75em){
    #topDarkLogo .theProjectLogo{
        width: auto;
        height: auto;
        max-height: 50px;
      }
    #bookademoresponse{
        margin: 1rem auto 0;
    }
    #bookademoresponse img {
        padding: 1rem 2rem;
        width: 100%;
    }
    #bookademoresponse h3.display-3{
        font-size: 1.35rem;
        margin: 1rem auto;
        padding-bottom: 0;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    #topDarkLogo .theProjectLogo{
        width: auto;
        height: auto;
        max-height: 50px;
      }
    #bookademoresponse{
        margin: 1rem auto 0;
    }
    #bookademoresponse img{
        padding: 2rem;
         width: 80%;
    }
    #bookademoresponse h3.display-3{
        font-size: 1.5rem;
        margin: 1rem auto;
        padding-bottom: 0;
    }
}
#topDarkLogo .theProjectLogo{
    width: auto;
    height: auto;
    max-height: 70px;
  }
/*PRELOADING------------ */
#preloader-overlayer {
  width:100%;
  height:100%;
  position:fixed;
  z-index:99999;
  background:#fff;
}
#preloader.loader {
display: inline-block;
width: 80px;
height: 80px;
position: fixed;
z-index:999999;
top: 50%;
left:50%;
transform:translate(-50%,-50%);
}
#preloader.loader .loader-img {
width: 100%;
z-index: 1;
position: relative;
}
#preloader.loader .loader-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
max-width: 25px;
width: 100%;
}
/*=====Pos Software sg=========*/
.pos-software .pos_section_01 .editor1 p{
background: rgba(45, 84, 142, 0.06)!important;
border-radius: 6px;
}
.store_notice_section {
position: relative;
z-index: 99;
background-color: #f83505;
top: 0;
padding: 8px 10px;
text-align: center;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
border-radius: 2px;
font-family: inherit;
flex-wrap: wrap;
color: #ffffff;
}
.store_notice_section p, .store_notice_section h2{
font-size: 16px;
line-height: 24px;
font-weight: 600;
}
.store_notice_section a,
.store_notice_section a:hover{
background-color: #ffffff;
color: #f83505;
padding: 8px 16px;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
/* ------------------------------------
Plan
---------------------------------------*/
   .inner{
    width:100%;
    float:left;
    position:relative;
    }
    .pricingTable .tabsBtnHolder ul{
    float:left;
    display:block;
    width:100%;
    max-width:326px;
    border-radius:1.6666666667rem;
    margin:0px auto;
    margin-bottom:85px;
    background:#307cd6;
    text-align:center;
    position:relative;
    padding: 0;
    }
    .pricingTable .tabsBtnHolder ul li{
    float:left;
    width:calc(100% / 2);
    display:inline-block;
    transition:0.4s ease;
    }
    .pricingTable .tabsBtnHolder ul li p{
    color:#fff;
    /* padding:10px 15px; */
    z-index:10;
    position:relative;
    cursor:pointer;
    font-weight: 600;
    line-height: 1.25;
    padding-top: 15px;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 1.1rem;
    }
    .pricingTable .tabsBtnHolder ul li p.active{
    color:#102f54;
    }
    .pricingTable .tabsBtnHolder ul li.indicator{
    position: absolute;
    top: 50%;
    left: 5px; /*163px*/
    background: #fff;
    height: calc(100% - 10px);
    transform: translateY(-50%);
    border-radius: 1.5333333333rem;
    width: 150px;
    z-index:9
    }
    .pricingTable #yearly:before {
    content: "";
    background: url(/images/yearly-offer-icon.png);
    display: block;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 45px;
    bottom: -30px;
    transform: rotate(65deg);
    }
    .pricingTable #yearly span.ba-offer {
    position: absolute;
    width: 110px;
    background: #ff7b36;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    bottom: -40px;
    right: -70px;
    font-size: 13px;
    font-weight: 500;
    }
    .price .card-footer .btn {
    min-width: 200px;
    }
    @media only screen and (max-width: 996px) {
    .price .card-footer .btn {
    min-width: 100%;
    }
    }
    @media only screen and (max-width: 540px) {
    .pricingTable #yearly span.ba-offer{
    right: 50px;
    }.pricingTable #yearly:before{
    right: 20px;
    transform: rotate(290deg) scaleX(-1);
    }
    }

.wrapper.cart\.checkout {
display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: space-between;
}
.container-pages.aboutinfo strong, .container-pages.aboutinfo b {
font-family: 'Gilroy-SemiBold';
}
.delivery_info_vector {
max-width: 60px;
margin: 0 auto;
}
.cart-page #order-form .card-content .custom-radio.custom-control #delivery_date-error {
position: absolute;
top: -45px;
width: 200px;
color: #f41127;
font-weight: 400;
font-size: .84rem !important;
background: transparent;
border: none;
padding: 0px;
left: 10px;
}
.cart-page #order-form .card-content .custom-radio.custom-control #delivery_date-error::before,
.cart-page #order-form .card-content .custom-radio.custom-control #delivery_date-error::after {
display: none;
}
#addressBox .address-box label{
font-size: .8rem !important;
}
.cart-content #addressBox .select2-container{
width:100%!important;
}
@media only screen and (max-width: 650px) {
.pos_rest_demo_icon_sec .demo_icon_box{
display:flex;
flex-direction:row;
gap:10px;
align-items:center;
flex: 0 0 50%;
max-width: 50%;
padding: 0 5px;
}
.pos_rest_demo_icon_sec .demo_icon_box img {
max-width: 25px;
min-width: 25px;
}
#pos_section7.pos_rest_demo_icon_sec .demo_icon_box h2{
    font-size:0.9rem;
}
.pos_cafe_page #pos_cafe_section6 .improve{
        max-height: 365px;
    object-position: center;
}
.pos-software-demo #pos h1,
.pos-software-demo #pos_cafe_section6 h3,
.pos-software-demo #pos_section12 h3,
.restaurant-pos-demo #pos h1,
.restaurant-pos-demo #pos_cafe_section6 h3,
.restaurant-pos-demo #pos_section12 h3{
    font-size: 1.2rem;
    line-height: 1.6;
    padding-bottom:0;
}
.pos-software-demo #pos_cafe_section6 .pos-step,
.restaurant-pos-demo #pos_cafe_section6 .pos-step{
    padding-bottom:0;
}
.pos-software-demo .section-pos,
.restaurant-pos-demo .section-pos{
    padding-top: 1rem;
}
.pos-software-demo #pos_section12,
.restaurant-pos-demo #pos_section12{
    padding:0;
}
.pos-software-demo #pos_section12 .seo-pg,
.restaurant-pos-demo #pos_section12 .seo-pg{
    padding:20px 0 !important;
}
.pos-software-demo .contact_restaurant .card .row,
.restaurant-pos-demo .contact_restaurant .card .row{
    align-items: center;
        flex-wrap: nowrap;
    gap: 5px;
    margin: 0;
    width: 100%;
}
.pos-software-demo .contact_restaurant .card .row .col-md-2,
.restaurant-pos-demo .contact_restaurant .card .row .col-md-2{
        flex: 0 0 5%;
    padding: 0;
}
.pos-software-demo .contact_restaurant .card .row .col-md-10,
.restaurant-pos-demo .contact_restaurant .card .row .col-md-10{
        flex: 0 0 95%;
    padding-left: 0;
}
.pos-software-demo .contact_restaurant .card,
.restaurant-pos-demo .contact_restaurant .card{
    margin: 0 !important;
}
.pos-software-demo .contact_restaurant .card h4,
.restaurant-pos-demo .contact_restaurant .card h4{
    margin-bottom: 0 !important;
        font-size: 1rem !important;
}
.pos-software-demo .contact_restaurant .card:nth-child(2), .pos-software-demo .contact_restaurant .card:nth-child(1),
.restaurant-pos-demo .contact_restaurant .card:nth-child(2), .restaurant-pos-demo .contact_restaurant .card:nth-child(1) {
    display: inline-flex;
    width: calc(50% - 5px);
}
.pos-software-demo .contact_restaurant .card .row img,
.restaurant-pos-demo .contact_restaurant .card .row img{
    min-width: 25px;
    max-width: 25px;
}
}
.notifyjs-custom-base .progress {
position: absolute;
bottom: 0;
left: 0;
height: 3px;
width: 100%;
margin:0;
}
.notifyjs-custom-base .progress:before {
content: "";
position: absolute;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
background-color: #0f7d91;
}
.notifyjs-custom-base .success.progress:before{
  background-color: #17a00e;
}
.notifyjs-custom-base .warning.progress:before{
  background-color: #f5365c;
}
.notifyjs-custom-base .progress.active:before {
animation: progress 5s linear forwards;
}
@keyframes progress {
100% {
right: 100%;
}
}
.right-cart #redeem_points_btn.btn-primary {
color: #fff;
background: #2d548e;
border-color: #2d548e;
}
.eye_vision {
float: left;
margin-left: 9px;
margin-top: -31px;
position: relative;
}
.show_password input{padding-left: 2.5rem;}
.aboutinfo ol.hours li {
    font-size: 15px;
    display: flex;
    justify-content: flex-start;
    padding-right: 8px;
    color: #102F54;
    border-radius: 10px;
    font-weight: bold;
    column-gap: 46px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}
.aboutinfo ol.hours .currentday-li {

    color: #20d603;

}
.aboutinfo ol.hours li .day {
    min-width: 100px;
}
@media screen and (min-width: 280px) and (min-height: 653px) {
    .footer-flags {
        display: flex;
        align-items: center;
        gap: 7px;
        margin-top: 50px;
    }
}

.aboutinfo #faq .card {
margin-bottom: 30px;
border: 0;
}
.aboutinfo #faq .card .card-header {
border: 0;
-webkit-box-shadow: none;
box-shadow:none;
border-radius: 2px;
padding: 0;
}

.aboutinfo #faq .card .card-header .btn-header-link {
display: block;
text-align: left;
background: var(--storecolor,#102c56);
color: #fff;
padding: 20px;
}

.aboutinfo #faq .card .card-header .btn-header-link:after {
content: "\f107";
font-family: 'Line Awesome Free';
font-weight: 900;
float: right;
}

.aboutinfo #faq .card .card-header .btn-header-link.collapsed {
background: #eee;
color: #333;
}

.aboutinfo #faq .card .card-header .btn-header-link.collapsed:after {
content: "\f106";
}

.aboutinfo #faq .card .collapsing {
line-height: 30px;
}

.aboutinfo #faq .card .collapse {
border: 0;
}
body > .goog-te-spinner-pos {
    display: none;
}
.aboutinfo #faq .card .collapse.show {
background: #fff;
line-height: 30px;
color: #333;
border:.0625rem solid rgba(0,0,0,.1);
}
.store-customer-feedback .feedback-slider-item {
    background-color: rgb(248,249,250);
    padding: 10px;
    border-radius: 1rem;
    overflow: hidden;
    border-bottom: 2px solid var(--storecolor,#102c56);
    min-height: 350px;
    justify-content: flex-start;
}
.store-customer-feedback .owl-item img {
    overflow:hidden;
    border-radius: 50rem;
    max-width: 100px;
    max-height: 100px;
    object-fit: contain;
    border: 5px solid var(--storecolorlight,#102c564d);
    margin: 0 auto;
}
.store-customer-feedback .customer-name{
    font-size: 1.1rem;
    padding-bottom: 0.5rem;
}
.store-customer-feedback .feedback-slider-item p,
.store-customer-feedback .feedback-slider-item h5 a {
    font-size: 14px;
}
.store-customer-feedback .feedback-slider-item h6 {
    font-size: 16px;
    margin: 0;
}
.store-customer-feedback .feedback-slider .owl-nav{
    padding-top: 1rem;
}
.store-customer-feedback .owl-nav i {
background-color: transparent;
color: var(--storecolor,#102c56);
font-size: 25px;
}
.store-customer-feedback .owl-prev {
left: -15px;
position:relative;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.store-customer-feedback .owl-prev:hover {
left: -20px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.store-customer-feedback .owl-next {
right: -15px;
position:relative;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.store-customer-feedback .owl-next:hover {
right: -20px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media (max-width:320px){
    body{
        min-width: 100%;
    }
}

/*************************************************************/
/*********************** new ui design **********************/
/***********************************************************/
.orgbtn{
    position: relative;
    text-align: center;
}

.imgpellet {
    position: relative;
    text-align: center;
    background: #F1F6FF;
    height: 130px;
    width: 130px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 5rem;
    margin: 0 auto;
    top: -53px;
}


.content1 {
    background: #F1F6FF;
    border: 0.5px solid #d8d8d8;
    border-radius: 7px;
    box-shadow:0px 4px 4px 0px #00000040;
}

#iconimg {
    top: 25px;
    position: relative;
    width: 80px;
    height: 80px;
}

div#read1 {
    text-align: center;
    position: relative;
}

.prgph{
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.7;
    color: black;
    padding: 10px;
}

h3.title1 {
    font-size: 30px;
    font-weight: bold;
}


/* blue section content one */
.button-stroke1:nth-child(2) {
    stroke-dasharray: 650px;
    stroke-dashoffset: 650px;
    stroke: #FF7B36;
    stroke-width: 2.5px;
    animation: dash 10s infinite ease-in;
}

.button-stroke1 {
    display: block;
    width: calc(100% - 21px);
    height: 16px;
    position: absolute;
    bottom: 1px;
}

.whtbox{
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius:15px;
    width: 80%;
    min-height: 150px;
    max-height: 500px;
    margin: -70px auto;
}
.rctancle {
    padding: 20px;
    background:#F1F6FF;
    border-radius: 0.5rem;
    width: 100%;
    height: auto;
    box-shadow: 0px 4px 4px 0px #00000040;
    padding-left: 60px;
  }
.whtbxtitle{
    color: #102C56 !important;
}
.whtbxprhp{
    color: #102C56 !important;
}

.circleimg {
    position: relative;
    width: 113px;
    height: 113px;
    background: #F1F6FF;
    border-radius: 5rem;
    top: 80px;
    left: -63px;
    box-shadow: 0px 4px 4px 0px #00000040;
}
img#iconimg2 {
    position: relative;
    width: 70px;
    left: 20px;
    top: 22px;
}
/*End  blue section content one */
/* white section image content */
.lgthhdr {
    position: relative;
    margin: 0 auto;
    text-align: center;
}
.lghttitle {
    font-weight: bold;
    font-size: 35px;
}
.mdnpara{
text-align: center;
}
p.mdnpara {
    text-align: center;
    position: relative;
}
.mdntitle{
    text-align: center;
    font-weight: bold;
    font-size: 35px;
}
/* End white section image content */

/* blue section content two */


.whtboxtwo {
     margin-top: 20px !important;
margin-bottom: 20px !important;
border-radius:15px;
width: 90%;
min-height: 150px;
max-height: 500px;
margin: -70px auto;
}
.rctancletwo{
    padding: 20px;
    background:#F1F6FF;
    border-radius: 0.5rem;
    width: 100%;
    height: auto;
    box-shadow: 0px 4px 4px 0px #00000040;
}
p.whtbxprhp1 {
    width: 95%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    font-weight: 400;
    font-size: 18px !important;
    color: #102C56 !important;

}
/*End  blue section content two */

/* gray section content */
.paragray{
    position: relative;
    font-size: 26px;
    font-weight: 400;
}
.prphttl {
    position: relative;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
p.paracnt {
    position: relative;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
}
.ttlcnt{
    font-weight: bold;
}
/* End gray section content */
 /* service section boxed content with icons */
.contentbx {
    background: #F6F7FA;
    border-radius: 7px;
    text-align: center;
    margin: 5px auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
h3.titlebx {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding-left: 15px;
}
.imgpdng {
    margin: 20px auto;
}
 /*End service section boxed content with icons*/
 /* blue section with image & content */
.bluhder{
    position: relative;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 35px;
}
.bluhder1{
    position: relative;
    color: #102C56;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    font-size: 35px;
}

 /* blue section with image & content */

 .bg_pos_blueq{
    background: #102C56;

 }
 .cldrimg{
    margin: 0 auto;
    display: flex !important;
 }

 .card1 {
    position: relative;
    margin-top: 70px;
 }

 .pos_bg_bluem {
    background: #102C56;
}
.dmmydiv {
    position: relative;
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

 /* RWD FOR MOBILE */

 @media screen and (max-width: 600px){
    .circleimg {
        position: relative;
        width: 85px;
        height: 85px;
        background: #F1F6FF;
        border-radius: 5rem;
        top: 59px;
        left: -45px;
        box-shadow: 0px 4px 4px 0px #00000040;
    }
    img#iconimg2 {
        position: relative;
        width: 60px;
        left: 13px;
        top: 13px;
    }
    .rctancle {
        padding: 20px;
        background: #F1F6FF;
        border-radius: 0.5rem;
        width: 100%;
        height: auto;
        box-shadow: 0px 4px 4px 0px #00000040;
        padding-left: 43px;
    }
    .whtbox {
        border-radius: 15px;
        width: 80%;
        min-height: 150px;
        max-height: 500px;
        margin: -54px auto;
    }
    .container1{
        margin: 0 auto;
    }
 }
 @media screen and (max-width: 300px){

    h3.title1 {
        font-size: 22px;
        font-weight: bold;
    }
    #iconimg {
        top: 9px;
        position: relative;
        width: 60px;
        height: 70px;
    }
    #iconimg {
    top: 9px;
    position: relative;
    width: 60px;
    height: 70px;
}
.imgpellet{
    width: 90px;
    height: 90px;
    top: -25px;
}
.card1 {
    position: relative;
    margin-top: 40px;
}
img#iconimg2 {
    position: relative;
    width: 50px;
    left: 10px;
    top: 10px;
}
.circleimg {

    width: 70px;
    height: 70px;
    top: 34px;
    left: -30px;

}
.rctancle {
    padding-left: 20px;
}
.whtbox {
    border-radius: 15px;
    width: 98%;
    min-height: 150px;
    max-height: 500px;
    margin: -28px auto;
}
.pos_bg_bluem {
    background: #102C56;
    padding-bottom: 20rem !important;
}
.whtboxtwo{
    width: 100%;
}
.rctancletwo{
    padding: 2px;
}
 }
 .pos_bg_bluem {
    background: #102C56;
    padding-bottom: 10rem !important;
}

/* For mobile menu RWD */

@media (max-width: 1024px){
#navbar-main.storesnav .navbar-collapse {
    top: -60px;
}
}

/* End For mobile menu RWD */

 /* END RWD FOR MOBILE */
@media screen and (max-width: 994px){
    #navbar-main.navbar-expand-lg.landingmenu .navbar-nav{
            top: 0;
    }
}
.showcase-image-part.grn_sec {
    background-size: contain !important;
}
.showcase-image-part img{

}


/* For small devices (phones) */
@media (max-width: 576px) {
    .customer-feedback .owl-item img {
        width: 150px;
        height: 150px;
        object-fit: cover;
        background-size: contain;
        margin: 0 auto;
    }
    .testimonial-image {
        width: 250px;
        background-color: white;
        border-radius: 1.2rem;
        border: 1px solid transparent;
        height: 160px;
        top: 23px;
        margin: 0 auto;
        box-shadow: 0px 4px 4px 0px #00000040;
    }
    .customer-feedback .testimonial-image:after {
        content: "";
        position: absolute;
        top: -10px;
        left: 235px;
        background: url(/images/restorants/quote1.png)no-repeat;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
    .customer-feedback .testimonial-image:before {
        content: "";
        position: absolute;
        top: 140px;
        left: -15px;
        background: url(/images/restorants/quote2.png)no-repeat;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
  }

  /* For tablets */
  @media (min-width: 577px) and (max-width: 768px) {
    .customer-feedback .owl-item img {
        width: 190px;
        height: 190px;
        object-fit: cover;
        background-size: contain;
        margin: 0 auto;
    }
    .testimonial-image {
        width: 300px;
        background-color: white;
        border-radius: 1.2rem;
        border: 1px solid transparent;
        height: 200px;
        top: 23px;
        margin: 0 auto;
        box-shadow: 0px 4px 4px 0px #00000040;
    }
    .customer-feedback .testimonial-image:after {
        content: "";
        position: absolute;
        top: -20px;
        left: 270px;
        background: url(/images/restorants/quote1.png)no-repeat;
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    .customer-feedback .testimonial-image:before {
        content: "";
        position: absolute;
        top: 170px;
        left: -25px;
        background: url(/images/restorants/quote2.png)no-repeat;
        width: 50px;
        height: 50px;
        background-size: contain;
    }
  }

  /* For laptops */
  @media (min-width: 769px) and (max-width: 992px) {
    .customer-feedback .owl-item img {
        width: 190px;
        height: 190px;
        object-fit: cover;
        background-size: contain;
        margin: 0 auto;
    }
    .testimonial-image {
        width: 300px;
        background-color: white;
        border-radius: 1.2rem;
        border: 1px solid transparent;
        height: 200px;
        top: 23px;
        margin: 0 auto;
        box-shadow: 0px 4px 4px 0px #00000040;
    }
    .customer-feedback .testimonial-image:after {
        content: "";
        position: absolute;
        top: -20px;
        left: 270px;
        background: url(/images/restorants/quote1.png)no-repeat;
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    .customer-feedback .testimonial-image:before {
        content: "";
        position: absolute;
        top: 170px;
        left: -25px;
        background: url(/images/restorants/quote2.png)no-repeat;
        width: 50px;
        height: 50px;
        background-size: contain;
    }
  }
/* For desktops */
@media (min-width: 993px) and (max-width: 1200px) {

    .feedback-slider-item {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row ;
    }
    .testimonial-image {
        background-color: white;
        position: relative;
        width: 300px;
        height: 180px;
        border-radius: 1.5rem;
        border: 1px solid transparent;
        margin-left: 30px;
        box-shadow: 0px 4px 4px 0px #00000040;

    }
    /* .owl-carousel .owl-item img {
        display: block;
        width: 250px;
        height: 170px;
        margin: 0 auto;
    } */
    .testimonial-content{
        width: 60%;
    }
    .customer-feedback .testimonial-image:after {
        content: "";
        position: absolute;
        top: -25px;
        left: 275px;
        background: url(/images/restorants/quote1.png)no-repeat;
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    .customer-feedback .testimonial-image:before {
        content: "";
        position: absolute;
        top: 152px;
        left: -20px;
        background: url(/images/restorants/quote2.png)no-repeat;
        width: 50px;
        height: 50px;
        background-size: contain;
    }
}

/* For large desktops */
@media (min-width: 1201px) {
    .feedback-slider-item {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row !important;
    }
    .testimonial-image{
        background-color: white;

    }
    .owl-carousel .owl-item img {
        padding: 15px 0;
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .customer-feedback .owl-carousel .owl-item img {
         padding: 0;
         display: block;
         width: 100%;
         margin: 0 auto;
     }
    .testimonial-image {
        width: 300px;
        border-radius: 1.5rem;
        height: 220px;
        border: 1px solid transparent;
        margin-left: 45px;
        box-shadow: 0px 4px 4px 0px #00000040;
    }
    .customer-feedback .testimonial-image {
        width: 150px;
        border-radius: 50%;
        height: 100%;
        border: 1px solid transparent;
        box-shadow: 0px 4px 4px 0px #00000040;

    }
    .customer-feedback .feedback-slider-item {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column!important;
    }
    .testimonial-content {
        width: 60%;
        margin: 0 auto;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
    .customer-feedback .testimonial-image:after {
        content: "";
        position: absolute;
        top: -20px;
        left: 275px;
        background: url(/images/restorants/quote1.png)no-repeat;
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    .customer-feedback .testimonial-image:before {
        content: "";
        position: absolute;
        top: 190px;
        left: -30px;
        background: url(/images/restorants/quote2.png)no-repeat;
        width: 50px;
        height: 50px;
        background-size: contain;
    }
}

.showcase{
    background-color:#ffe9f3 ;
}



/* whatsapp floating icon */

.whtsp_anger{
    text-decoration:none;
  }
  .whtsp_floating_btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    z-index: 1000;
  }

  @keyframes pulsing {
    to {
      box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
  }

  .whtsp_contact_icon {
    background-color: #42db87 !important;
    color: #fff !important;
    width: 60px !important;
    height: 60px !important;
    font-size:30px !important;
    border-radius: 50px !important;
    text-align: center !important;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center !important;
    justify-content: center;
    transform: translatey(0px);
    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 0 #42db87;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
    transition: all 300ms ease-in-out;
  }
  .whtsp_contact_icon i {
    font-size: 30px !important;
    padding: unset !important;
    color: #fff !important;
  }

  .whtsp_text_icon {
    margin-top: 8px;
    color: #fff !important;
    font-size: 13px;
  }
  @media(max-width:600px){

  }
  @media(min-width:1200px){
    .whtsp_floating_btn{
        bottom: -5px;
    }
  }


  /* end whatsapp floating icon */


  .store_about_testimonial .testimonial-image {
    width: 300px;
    border-radius: 1.5rem;
    height: auto;
    border: 1px solid transparent;
    margin-left: 0px;
    box-shadow: none !important;;
    background-color: unset !important;
    margin-bottom: 1rem;
}
.store-customer-feedback .feedback-slider-item
{
    display: flex;
    flex-direction: column !important;
}
.store_about_testimonial .owl-item .testimonial-image img
{
padding: 0px 0px !important;
}

/* begin of services page style */

section.services_page_main>.service_page_hero {
    background: linear-gradient(45deg, #0F1E37, #123871);
}
section.services_page_main .herosection_title{
    color: white;
    font-size: 2.5rem;
    font-weight: 700;
    font-family: 'Gilroy-Bold';
    padding: 4rem 2rem 1rem 4rem;
}
section.services_page_main p.herosection_text {
    color: white;
    font-size: 20px;
    padding-left: 4rem;
}
section.services_page_main a.herosection_btn {
    font-size: 18px;
    color: white;
    font-weight: 700;
    background: linear-gradient(180deg, #FF7136 0%, #F44827 100%);
    padding: 0.5rem;
    margin-left: 4rem;
    margin-top: 2.5rem;
    border-radius: 0.5rem;
    text-align: center;
    width: 100%;
    max-width: 20rem;
    display: block;
}
.services_hero_content_right img.service_hero_image {
    width: 100%;
    height: auto;
    margin: 0 auto !important;
    padding: 0rem 2rem;
}

.service_page_content1 .service_page_sec1 {
    background: #F1F6FF;
    padding: 2rem 0rem 0rem;
    min-height: 30rem;
}
.service_page_content1 .content_sec_one_head {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Gilroy-Bold';
}
.service_page_content1 .content_one_btn {
    background: linear-gradient(180deg, #FF7136 0%, #F44827 100%);
    color: white;
    padding: 0.5rem;
    border-radius: 0.4rem;
}
.service_page_content1 img.content_sec_one_img {
    width: 100%;
    height: auto;
    max-width: 20rem;
}
.service_page_content1 .content_sec_one_text {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Gilroy-Medium';
    color: #212222;
}

.service_page_content2 .service_page_sec2 {
    background: #ffffff;
    /* padding: 2rem 5rem; */
}
.service_page_content2 .content_sec_two_head {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Gilroy-Bold';
}
.service_page_content2 .content_two_btn {
    background: linear-gradient(180deg, #FF7136 0%, #F44827 100%);
    color: white;
    padding: 0.5rem;
    border-radius: 0.4rem;
}
.service_page_content2 img.content_sec_two_img {
    width: 100%;
    height: auto;
    max-width: 20rem;
}
.service_page_content2 .content_sec_two_text {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Gilroy-Medium';
    color: #212222;
}


.service_page_content3 .service_page_sec3 {
    background: #F1F6FF;
    padding: 5rem 0rem 2rem;
}
.service_page_content3 .content_sec_three_head {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Gilroy-Bold';
}
.service_page_content3 .content_three_btn {
    background: linear-gradient(180deg, #FF7136 0%, #F44827 100%);
    color: white;
    padding: 0.5rem;
    border-radius: 0.4rem;
}
.service_page_content3 img.content_sec_three_img {
    width: 100%;
    height: auto;
    max-width: 20rem;
}
.service_page_content3 .content_sec_three_text {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Gilroy-Medium';
    color: #212222;
}
.service_page_content1 .service_page_sec1::after {
    content: "";
    width: 100%;
    height: auto;
    min-height: 200px;
    background: white;
    position: absolute;
    display: block;
    left: 0;
    margin-top: 4rem;
    clip-path: ellipse();
}
.service_page_content2 .service_page_sec2::before {
    content: "";
    width: 100%;
    height: auto;
    min-height: 200px;
    background: white;
    position: absolute;
    display: block;
    left: 0;
    clip-path: ellipse();
    margin-top: 11rem;
    z-index: 0;
}

.service_page_content4 .service_page_sec4 {
    background: #ffffff;
    padding: 2rem 0rem;
}
.service_page_content4 .content_sec_four_head {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Gilroy-Bold';
}
.service_page_content4 .content_four_btn {
    background: linear-gradient(180deg, #FF7136 0%, #F44827 100%);
    color: white;
    padding: 0.5rem;
    border-radius: 0.4rem;
}
.service_page_content4 img.content_sec_four_img {
    width: 100%;
    height: auto;
    max-width: 20rem;
}
.service_page_content4 .content_sec_four_text {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Gilroy-Medium';
    color: #212222;
}
section.owl_carousel_section {
    background: #F1F6FF;
    border-radius: 0rem 0rem 8rem 8rem;
}
.owl_carousel_section .service_content_sec5 .service_owl_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.owl_carousel_section .service_owl_carousel {
    width: 100%;
    overflow: hidden;
}
.owl_carousel_section .service_owl_content .service_owl_sec_title {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Gilroy-Bold';
    margin-top: 1.5rem;
}
.owl_carousel_section .service_owl_content .service_owl_sec_text {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Gilroy-Medium';
    color: #212222;
    margin-bottom: 0px;
}

.services_page_owl_sec.owl-carousel .owl-item h3.owl_title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'Gilroy-Bold';
}


section.owl_carousel_section .owl-nav>button>span {
    display: flex;
    font-size: 2.5rem;
    background: white;
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    justify-content: center;
    align-items: center;
    border-radius: 4rem;
    border: 2px solid #F6F6F6;
    color: #B0B0B0;
}
.services_page_owl_sec.owl-carousel .owl-item p.owl_description {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Gilroy-Medium';
}
.owl_carousel_section .service_owl_carousel .owl-carousel .owl-item img
{
    padding: 0px;
    border-radius: 1rem;
    padding-bottom: 1rem;
}

.services_page_owl_sec.owl-carousel .owl-nav {
    position: absolute;
    top: 10rem;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: gray;
}
h3.service_inner_sec_title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'Gilroy-Bold';
}
section.service_content_pellet_sec_five {
    background: white;
    padding: 2rem 1rem;
}
a.service_inner_sec_btn {
    background: linear-gradient(180deg, #FF7136 0%, #F44827 100%);
    padding: 0.5rem;
    border-radius: 0.5rem;
    color: white;
}
p.service_inner_sec_text {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Gilroy-Medium';
}
h2.service_section_five_title {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    color: #102C56;
    font-family: 'Gilroy-Bold';
    margin: 0rem auto 1rem;
}
img.service_inner_sec_img {
    width: 100%;
    height: auto;
    max-width: 350px;
    max-height: 350px;
}
.service_content_inner_sec_1 .row , .service_content_inner_sec_3 .row {
    justify-content: center;
    align-items: center;
    width: 90%;
    border: 0.9px solid #EDEDED;
    border-radius: 15rem 0rem 0rem 15rem;
    box-shadow: 1px 4px 4px 5px rgba(0, 0, 0, 0.1);
    margin-top: 3rem;
    padding: 1rem 3rem;
}
.service_content_inner_sec_2 .row , .service_content_inner_sec_4 .row{
    justify-content: center;
    align-items: center;
    width: 90%;
    border: 0.9px solid #EDEDED;
    border-radius: 0rem 15rem 15rem 0rem;
    box-shadow: 1px 4px 4px 5px rgba(0, 0, 0, 0.1);
    margin-top: 3rem;
    padding: 1rem 3rem;
}

.service_content_inner_sec_1 , .service_content_inner_sec_3 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}
.service_content_inner_sec_2 , .service_content_inner_sec_4 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}
section.tabs_content_area .tabscontent_maindiv .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: #dee2e6 #dee2e6 #fff;
    background: linear-gradient(180deg, #FF7B36 0%, #FF4F36 100%);
    padding: 0.5rem 1rem;
    color: white;
    border-radius: 0.5rem;
}
section.tabs_content_area .tabscontent_maindiv .nav-tabs .nav-link {
    border: 0.92px solid #DDDDDD;
    background: #F5F9FF;
    margin: 0.5rem auto;
    min-width: 14rem;
    color: #202021;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Gilroy-Medium';
}
section.tabs_content_area {
    margin: 3rem auto;
}
section.tabs_content_area .tab_service_img h2.services_tabs_head {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Gilroy-Bold';
    margin-top: 2rem;
    text-align: center;
}
section.tabs_content_area .tab_service_img p.services_tabs_text_content {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Gilroy-Medium';
    text-align: center;
    margin-bottom: 2rem;
}
section.services_icon_box {
    border: 1px solid #e8e8e8;
    background: #FBFBFB;
    border-radius: 0rem 0rem 10rem 10rem;
}
.services_icon_head .services_head {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    font-family: 'Gilroy-Bold';
    color: #102C56;
    margin: 1rem auto;
}
.services_icon_box_section.row .icon_box_area {
    background: #FFFFFF;
    color: #383B40;
    border-radius: 2rem;
    border: 1px solid #E4E4E4;
    margin: 1.5rem auto;
    width: 100%;
    max-width: 23rem;
}
.services_icon_box_section.row .icon_box_area .icon_head {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'Gilroy-SemiBold';
}
.services_icon_box_section.row .icon_box_area .icon_image_item {
    width: 4rem;
    height: 4rem;
    margin: 1rem auto;
}
.services_icon_box_section.row .icon_box_area:hover {
    border-top: 12px solid #FF7136;
    border-radius: 2rem;
    box-shadow: 4.25px 4.25px 7.64px 0px #2142731A;
}
.services_icon_box_section {
    padding-bottom: 4rem;
}
section.tabs_content_area .tabscontent_maindiv .nav-tabs .nav-link {
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}
a.app_download_button {
    background: linear-gradient(180deg, #FF7136 0%, #F44827 100%);
    color: white;
    padding: 0.5rem;
    border-radius: 0.4rem;
    font-weight: 700;
    font-family: 'Gilroy-SemiBold';
}
.servcies_playstore_head {
    color: #102C56;
    font-size: 2rem;
    font-weight: 700;
    font-family: 'Gilroy-Bold';
}
h3.service_play_subhead {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'Gilroy-Bold';
}
.container.palystore_icon_div .row {
    justify-content: center;
    align-items: center;
}
img.play_app_store_img {
    width: 100%;
    height: auto;
    max-width: 20rem;
    position: relative;
    margin: 0rem auto 1rem;
}
section.app_playstore_section {
    background: #F1F6FF;
    border-radius: 5rem 5rem 0rem 0rem;
}
.paly_img_content img.dual_mobile_icon_img {
    width: 100%;
    height: auto;
    max-width: 28rem;
}
section.service_contact_form_sec {
    background: url(/images/services_sg/ruled_bg_image.png);
    background-color: #102C56;
    padding: 0rem 1rem 3rem;
    border-radius: 10rem 10rem 0rem 0rem;
    margin-top: 10rem;
}
.form_image_text_box img.contact_team_img {
    width: 100%;
    height: auto;
    position: relative;
    top: -7rem;
}
h2.services_contact_head_on_img {
    color: white;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'Gilroy-Bold';
    position: relative;
    margin-top: -6rem;
    text-align: center;
}
h3.services_contact_subhead_on_img {
    color: white;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: 'Gilroy-SemiBold';
}
p.services_contact_text_on_img {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Gilroy-Regular';
    color: white;
}
section.service_contact_form_sec .form_input_sec {
    background: #FBFBFB;
    padding: 2rem;
    margin-top: -6rem;
    position: relative;
    border: 1px solid #d1cfcf;
    border-radius: 1rem;
    min-width: 25rem;
}
section.service_contact_form_sec textarea#form_textarea {
    border: 1px solid #cfcfcf;
    width: 100%;
    border-radius: 0.2rem;
    font-size: 15px;
    padding: 0.5rem;
}
a.livechat_team_btn {
    color: white;
    background: linear-gradient(180deg, #FF7136 0%, #F44827 100%);
    padding: 1rem;
    border-radius: 2rem;
    position: relative;
    top: 1rem;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Gilroy-Regular';
}
section.service_contact_form_sec button.btn.form_btn_style {
    border-color: #dee2e6 #dee2e6 #fff;
    background: linear-gradient(180deg, #FF7B36 0%, #FF4F36 100%);
    padding: 0.5rem 1rem;
    color: white;
    border-radius: 0.5rem;
    max-width: 5rem;
    width: 100%;
    display: block;
    text-align: center;
    margin: 1rem auto 0rem;
}
.services_testimonial_section .service_testimonial_div .testimonial_title {
    text-align: center;
    font-size: 2rem;
    font-family: 'Gilroy-Bold';
    font-weight: 700;
    color: #FF7B36;
    margin: 1rem auto 1.5rem;
}
.services_testimonial_section .service_testimonial_div .testimonial_title_span {
    text-align: center;
    font-size: 2rem;
    font-family: 'Gilroy-Bold';
    font-weight: 700;
    color: #102C56;
}
img.service_tsmnl_img {
    max-width: 10rem;
}
.services_testimonial_section .tsmnl_head {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'Gilroy-SemiBold';
    color: #102C56;
    text-align: center;
    margin-top: 2rem;
}
.services_testimonial_section .tsmnl_text {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Gilroy-Medium';
    color: #102C56;
    margin: -2rem auto 2rem;
}
.services_page_testimonial.owl-carousel .item {
    border: 0.75px solid #D6D6D6;
    padding: 1rem;
    border-radius: 2rem;
    background: white;
    margin: 5rem 1rem 0rem;
}
.services_testimonial_section .tsmnl_head::before {
    content: "";
    background: url(/images/sg/services_sg/upper_quote_symbol.png);
    position: relative;
    width: 2rem;
    height: 2rem;
    display: block;
    z-index: 99999;
    background-repeat: no-repeat;
}
.services_testimonial_section .tsmnl_head::after {
    content: "";
    background: url(/images/sg/services_sg/lower_quote_symbol.png);
    position: relative;
    width: 2rem;
    height: 2rem;
    display: block;
    z-index: 99999;
    background-repeat: no-repeat;
    top: 9rem;
    left: 18rem;
}
img.service_tsmnl_img {
    position: absolute;
    left: 7rem;
    top: -5rem;
}
section.services_testimonial_section .tsmnl_carousel .services_page_testimonial.owl-carousel .owl-nav {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 2rem;
    margin-left: 5rem;
    margin-top: 1rem;
    min-height: 3rem;
}
section.services_testimonial_section button.owl-prev i, section.services_testimonial_section button.owl-next i {
    color: #FF7536;
    font-size: 25px;
}
.form_input_sec.services_section_form h2.radio_head_text_h2 {
    color: #16325c;
    font-size: 1.4rem;
    font-weight: 700;
    font-family: 'Gilroy-Bold';
    position: relative;
    text-align: center;
}
section.service_page_content1 , section.service_page_content3{
    background: #F1F6FF;
}
div#tabsec1 img {
    width: 100%;
}
@media (max-width: 767px) {
    section.services_page_main .herosection_title {
        color: white;
        font-size: 1.8rem;
        font-weight: 700;
        font-family: 'Gilroy-Bold';
        padding: 0rem 1rem 1rem 1rem;
    }
    section.services_page_main p.herosection_text {
        color: white;
        font-size: 16px;
        padding-left: 1rem;
    }
    section.services_page_main a.herosection_btn {
        font-size: 14px;
        color: white;
        font-weight: 700;
        padding: 0.5rem;
        margin-left: 1rem;
        margin-top: 1.5rem;
        border-radius: 0.5rem;
        text-align: center;
        width: 100%;
        max-width: 15rem;
        display: block;
    }
    .services_hero_content_right img.service_hero_image {
        padding: 1rem 2rem 0rem;
    }
    .service_page_content1 .service_page_sec1 {
        padding: 2rem 0rem 5rem;
        min-height: 30rem;
    }
    .service_page_content2 .service_page_sec2 {
        padding: 2rem 0rem;
    }
    .service_page_content1 .service_page_sec1::after {
        margin-top: 34rem;
        clip-path: ellipse();
    }
    .service_page_content2 .service_page_sec2::before{
        margin-top: -6rem;
    }
    .service_page_content3 .service_page_sec3 {
        background: #F1F6FF;
        padding: 5rem 0rem 2rem;
    }
    .service_page_content4 .service_page_sec4 {
        background: #ffffff;
        padding: 2rem 0rem;
    }
    section.owl_carousel_section {
        background: #F1F6FF;
        border-radius: 0rem 0rem 3rem 3rem;
    }
    section.service_content_pellet_sec_five {
        background: white;
        padding: 1rem 1rem;
    }
    .service_content_inner_sec_1 .row, .service_content_inner_sec_3 .row {
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
        width: 100%;
        border: 0.9px solid #EDEDED;
        border-radius: 2rem;
        box-shadow: 1px 4px 4px 5px rgba(0, 0, 0, 0.1);
        margin-top: 2rem;
        padding: 1rem 0rem;
    }
    .service_content_inner_sec_2 .row, .service_content_inner_sec_4 .row {
        justify-content: center;
        align-items: center;
        width: 100%;
        border: 0.9px solid #EDEDED;
        border-radius: 2rem;
        box-shadow: 1px 4px 4px 5px rgba(0, 0, 0, 0.1);
        margin-top: 2rem;
        padding: 1rem 0rem;
    }
    .service_content_inner_sec_1, .service_content_inner_sec_3 , .service_content_inner_sec_2, .service_content_inner_sec_4{
        justify-content: center;
    }
    section.service_contact_form_sec .form_input_sec {
        background: #FBFBFB;
        padding: 1rem;
        margin-top: 2rem;
        position: relative;
        border: 1px solid #d1cfcf;
        border-radius: 1rem;
        min-width: 22rem;
    }
    .services_icon_head .services_head {
        text-align: center;
        font-size: 1.5rem;
        font-weight: 700;
        font-family: 'Gilroy-Bold';
        color: #102C56;
        margin: 1rem auto;
    }
    .services_icon_box_section {
        padding-bottom: 2rem;
    }
    section.services_icon_box {
        border: 1px solid #e8e8e8;
        background: #FBFBFB;
        padding: 1rem;
        border-radius: 0rem 0rem 2rem 2rem;
    }
    .services_icon_box_section.row .icon_box_area {
        background: #FFFFFF;
        color: #383B40;
        border-radius: 2rem;
        border: 1px solid #E4E4E4;
        margin: 0.5rem auto;
        width: 100%;
        max-width: 22rem;
    }
    h2.service_section_five_title {
        text-align: center;
        font-size: 1.5rem;
        font-weight: 600;
        color: #102C56;
        font-family: 'Gilroy-Bold';
        margin: 0rem auto 1rem;
    }
    .owl_carousel_section .service_owl_content .service_owl_sec_title {
        font-size: 1.5rem;
        font-weight: 600;
        font-family: 'Gilroy-Bold';
        margin-top: 1rem;
    }
    section.tabs_content_area .tab_service_img h2.services_tabs_head {
        font-size: 1.5rem;
        font-weight: 600;
        font-family: 'Gilroy-Bold';
        margin-top: 0rem;
        text-align: center;
    }
    section.tabs_content_area .tab_service_img p.services_tabs_text_content {
        font-size: 15px;
        font-weight: 500;
        font-family: 'Gilroy-Medium';
        text-align: center;
        margin-bottom: 1rem;
    }
    .tabs_content_area div#tabsec1 img , .tabs_content_area div#tabsec2 img , .tabs_content_area div#tabsec3 img {
        width: 100%;
        max-width: 20rem;
        margin: 0 auto;
        display: block;
    }
    .tabs_content_area .tab-content>.active p.tabs1_text {
        padding: 1rem 1rem 0rem;
        font-size: 15px;
        font-weight: 500;
        font-family: 'Gilroy-Medium';
        color: #333232;
    }
    .servcies_playstore_head {
        color: #102C56;
        font-size: 1.5rem;
        font-weight: 700;
        font-family: 'Gilroy-Bold';
    }
    .paly_img_content img.dual_mobile_icon_img {
        width: 100%;
        height: auto;
        max-width: 20rem;
        margin: 0 auto;
        display: block;
    }
    h3.service_play_subhead {
        font-size: 1.3rem;
        font-weight: 700;
        font-family: 'Gilroy-Bold';
    }
    section.service_contact_form_sec{
        margin-top: 8rem;
    }
    .services_testimonial_section .tsmnl_head::after{
        top: 13rem;
        left: 12rem;
    }
    .services_testimonial_section .tsmnl_text {
        font-size: 15px;
        font-weight: 500;
        font-family: 'Gilroy-Medium';
        color: #102C56;
        margin: -2rem auto 2rem;
        min-height: 12rem;
    }
    img.service_tsmnl_img {
        position: absolute;
        left: 5rem;
        top: -4rem;
    }
    .services_page_testimonial.owl-carousel .item {
        margin: 5rem 0rem 0rem;
    }
    section.services_testimonial_section .tsmnl_carousel .services_page_testimonial.owl-carousel .owl-nav {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: end;
        gap: 2rem;
        margin-left: 1rem;
        margin-top: 1rem;
        min-height: 3rem;
    }
    .services_testimonial_section .service_testimonial_div .testimonial_title {
        font-size: 1.8rem;
        margin: 1rem auto 1rem;
    }
    img.play_app_store_img{
        margin: 0rem auto 0rem;
    }
    section.app_playstore_section{
        padding-bottom: 2rem;
    }
    .service_page_content4 .content_sec_four_head , .service_page_content2 .content_sec_two_head , .service_page_content3 .content_sec_three_head , .service_page_content1 .content_sec_one_head {
        font-size: 1.5rem;
        margin-top: 1rem;
    }
    .services_icon_box_section.row .icon_box_area .icon_head {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: 'Gilroy-SemiBold';
    }
    .services_icon_box_section.row .icon_box_area p.icon_para_sec {
        font-size: 15px;
        font-weight: 500;
        font-family: 'Gilroy-SemiBold';
        color: #515151;
        line-height: 1.5;
    }
    .services_icon_box_section.row .icon_box_area .icon_image_item {
        width: 3rem;
        height: 3rem;
        margin: 1rem auto 1rem;
    }
    section.tabs_content_area .tabscontent_maindiv .nav-tabs .nav-link{
        min-width: 20rem;
    }
    .paly_text_content .service_play_text {
        color: #212222 !important;
        font-size: 15px;
        font-weight: 500;
        font-family: 'Gilroy-Medium';
    }
    section.tabs_content_area {
        margin: 2rem auto 1rem;
    }
    .services_icon_box_section {
        padding-bottom: 1rem;
    }
    section.service_contact_form_sec{
        padding: 0rem 1rem 1rem;
    }
}
@media (min-width: 768px) and (max-width : 992px){

    section.services_page_main .herosection_title {
        color: white;
        font-size: 2rem;
        font-weight: 700;
        font-family: 'Gilroy-Bold';
        padding: 0rem 0rem 1rem 1rem;
    }
    section.services_page_main p.herosection_text {
        color: white;
        font-size: 18px;
        padding-left: 1rem;
    }
    section.services_page_main a.herosection_btn{
        margin-left: 1rem;
        margin-top: 1.5rem;
    }
    .services_hero_content_right img.service_hero_image {
        width: 100%;
        height: auto;
        margin: 0 auto !important;
        padding: 0rem 0rem;
    }
    .service_page_content1 .service_page_sec1 {
        background: #F1F6FF;
        padding: 0rem 0rem 0rem;
        min-height: 25rem;
    }
    .service_page_content1 .content_sec_one_head {
        font-size: 1.7rem;
        font-weight: 600;
        font-family: 'Gilroy-Bold';
        margin-top: 1rem;
    }
    .service_page_content2 .content_sec_two_head, .services_icon_head .services_head, .service_page_content4 .content_sec_four_head{
        font-size: 1.7rem;
    }
    .service_page_content3 .content_sec_three_head {
        font-size: 1.7rem;
    }
    section.services_page_main a.herosection_btn {
        font-size: 14px;
        color: white;
        font-weight: 700;
    }
    .service_page_content1 .service_page_sec1::after {
        margin-top: 21rem;
        clip-path: ellipse();
    }
    .service_page_content2 .service_page_sec2::before{
        margin-top: -8rem;
    }
    .service_page_content2 .service_page_sec2 {
        background: #ffffff;
        padding: 2rem 1rem;
    }
    .service_page_content3 .service_page_sec3 {
        background: #F1F6FF;
        padding: 5rem 1rem 2rem;
    }
    .service_page_content4 .service_page_sec4 {
        background: #ffffff;
        padding: 2rem 1rem;
    }
    section.service_content_pellet_sec_five {
        background: white;
        padding: 2rem 1rem;
    }
    .service_content_inner_sec_1 .row, .service_content_inner_sec_3 .row {
        width: 100%;
    }
    .service_content_inner_sec_2 .row, .service_content_inner_sec_4 .row{
        width: 100%;
    }
    .services_icon_head .services_head {
        text-align: center;
        font-size: 2rem;
        font-weight: 700;
        font-family: 'Gilroy-Bold';
        color: #102C56;
        margin: 1.5rem auto;
    }
    .services_icon_box_section.row .icon_box_area {
        margin: 0.5rem auto;
        width: 100%;
        max-width: 21.5rem;
        font-size: 1.7rem;
    }
    h2.service_section_five_title {
        font-size: 1.7rem;
        margin: 0rem auto 0rem;
    }
    .owl_carousel_section .service_owl_content .service_owl_sec_title {
        font-size: 1.7rem;
        font-weight: 600;
        font-family: 'Gilroy-Bold';
        margin-top: 1.5rem;
    }
    .servcies_playstore_head {
        color: #102C56;
        font-size: 1.7rem;
        font-weight: 700;
        font-family: 'Gilroy-Bold';
        margin-top: 1rem;
    }
    section.service_contact_form_sec .form_input_sec {
        background: #FBFBFB;
        padding: 1rem;
        margin-top: -10rem;
        position: relative;
        border: 1px solid #d1cfcf;
        border-radius: 1rem;
        min-width: 21rem;
    }
    section.app_playstore_section {
        background: #F1F6FF;
        border-radius: 5rem 5rem 0rem 0rem;
        padding-bottom: 2rem;
    }
    .services_testimonial_section .tsmnl_head::after{
        top: 11rem;
    left: 14rem;
    }
    img.service_tsmnl_img {
        position: absolute;
        left: 6rem;
        top: -4rem;
    }
    .services_testimonial_section .service_testimonial_div .testimonial_title{
        margin: 1rem auto 0.5rem;
    }
    section.service_contact_form_sec{
        margin-top: 6rem;
        padding: 0rem 1rem 2rem;
    }
}
@media (min-width :993px) and (max-width: 1199px){
    img.service_tsmnl_img {
        position: absolute;
        left: 4rem;
        top: -4rem;
    }
    .services_testimonial_section .tsmnl_head::after{
        top: 13rem;
        left: 12rem;
    }
    .services_icon_box_section.row .icon_box_area {
        background: #FFFFFF;
        color: #383B40;
        border-radius: 2rem;
        border: 1px solid #E4E4E4;
        margin: 0.5rem auto;
        width: 100%;
        max-width: 19rem;
    }
}


.first_sec_head h2.gto_first_sec_head {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Gilroy-Bold';
    color: #113161;
    margin-top: 1rem;
}
.first_sec_head p.gto_first_sec_text {
    color: #212222;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Gilroy-Regular';
    text-align: center;
}
.gto_page_content2 .gto_page_sec2::before{
    content: "";
    width: 100%;
    height: auto;
    min-height: 230px;
    background: linear-gradient(180deg, white 80%, transparent 20%);
    position: absolute;
    display: block;
    left: 0;
    clip-path: ellipse();
    margin-top: -7rem;
    z-index: 0;
}
.gto_page_content2 .gto_page_sec2::after {
    content: "";
    width: 100%;
    height: auto;
    min-height: 160px;
    background: linear-gradient(0deg, white 50%, transparent 50%);
    position: absolute;
    display: block;
    left: 0;
    clip-path: ellipse();
    margin-top: -2rem;
    z-index: 0;
}

.gto_main_section .service_page_content1 .service_page_sec1 {
    background: transparent;
    padding: 0rem 5rem 2rem;
    min-height: 25rem;
    z-index: 11;
    position: relative;
}
.gto_page_sec2.container-fluid {
    width: 100%;
    min-height: 20rem;
    z-index: 10;
    position: relative;
}
.gto_main_section .service_page_content1 .service_page_sec1::after
{
    display: none;
}
.content_sec_two_one, .content_sec_two_two, .content_sec_two_three {
    background: #FCEBE4;
    border: 10px solid #ffffff;
    margin: 1rem;
    width: 100%;
    max-width: 24rem;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    box-shadow: -38.31px 38.31px 38.31px 0px #00000014;
}
img.gto_icon_box_img {
    width: 100%;
    height: auto;
    min-width: 5rem;
    max-height: 5rem;
}
h3.gto_icon_head {
    color: #303134;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'Gilroy-Bold';
}
p.gto_icon_text {
    color: #272220;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Gilroy-Medium';
}

.icon_box_sec_content_bg {
    position: relative;
}

.icon_box_sec_content_bg::before {
    content: "";
    background: #F4F7FC;
    width: 100%;
    height: 4rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    margin-top: 7rem;
    border: 1px solid #E3E3E3;
}
.gto_main_section .service_page_content3 .service_page_sec3 {
    background: #F1F6FF;
    padding: 7rem 5rem 2rem;
}
.container-fluid.gto_icon_content_box_section a.content_one_btn {
    background: linear-gradient(180deg, #FF7136 0%, #F44827 100%);
    color: white;
    padding: 0.5rem;
    border-radius: 0.4rem;
}
.container-fluid.gto_icon_content_box_section h3.icon_box_head {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Gilroy-Bold';
}
.container-fluid.gto_icon_content_box_section .row.iconbox_bottom_content {
    justify-content: center;
    align-items: center;
    padding: 1rem;
}
.container-fluid.gto_icon_content_box_section .icon_box_tow {
    background: #FCEBE4;
    border: 10px solid #ffffff;
    margin: 0.1rem;
    width: 100%;
    max-width: 24rem;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    box-shadow: -38.31px 38.31px 38.31px 0px #00000014;
}
.container-fluid.gto_icon_content_box_section .row {
    justify-content: space-between;
    padding: 1rem;
}
.icon_box_bottom_area p.icon_box_text {
    color: #212222;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Gilroy-Medium';
}
.icon_box_bottom_area a {
    margin: 0 auto;
    width: 100%;
    height: 2.5rem;
    max-width: 10rem;
    display: flex ;
    text-align: center;
    align-items: center;
    justify-content: center;
}


@media (max-width: 767px) {

    .gto_main_section .service_page_content1 .service_page_sec1 {
        background: transparent;
        padding: 0rem 1rem 5rem;
        min-height: 30rem;
        z-index: 11;
        position: relative;
    }
    .first_sec_head h2.gto_first_sec_head {
        text-align: center;
        font-size: 1.5rem;
        font-weight: 600;
        font-family: 'Gilroy-Bold';
        color: #113161;
        margin-top: 1rem;
    }
    .gto_page_content2 .gto_page_sec2::after {
        background: linear-gradient(0deg, white 40%, transparent 60%);
        margin-top: -5rem;
        z-index: 0;
    }
    .gto_main_section .service_page_content3 .service_page_sec3 {
        background: #F1F6FF;
        padding: 6rem 1rem 2rem;
    }
    .container-fluid.gto_icon_content_box_section h3.icon_box_head {
        font-size: 1.5rem;
        font-weight: 600;
        font-family: 'Gilroy-Bold';
    }
    .gto_main_section .services_testimonial_section .service_testimonial_div .testimonial_title {
        font-size: 1.5rem;
        margin: 1rem auto 0rem;
    }
    .gto_main_section .services_testimonial_section .service_testimonial_div .testimonial_title_span {
        text-align: center;
        font-size: 1.5rem;
        font-family: 'Gilroy-Bold';
        font-weight: 700;
        color: #102C56;
    }
    .icon_box_bottom_area a {
        margin: 0 0;
    }
    .gto_main_section .services_testimonial_section .tsmnl_head {
        font-size: 1.3rem;
    }
    .gto_main_section section.services_page_main a.herosection_btn{
        padding: 0.8rem;
    }
}
@media (min-width: 768px) and (max-width: 993px) {
    .gto_icon_content_box_section h3.icon_box_head {
        font-size: 1.5rem !important;
        font-weight: 600;
        font-family: 'Gilroy-Bold';
    }
    .services_testimonial_section .service_testimonial_div .testimonial_title_span , .services_testimonial_section .service_testimonial_div .testimonial_title{
        font-size: 1.8rem;
    }
    .gto_main_section .service_page_content1 .service_page_sec1 {
        background: transparent;
        padding: 0rem 0rem 2rem;
        min-height: 30rem;
        z-index: 11;
        position: relative;
    }
    img.gto_icon_box_img {
        width: 100%;
        height: auto;
        max-width: 6rem;
        max-height: 6rem;
    }
    .content_sec_two_one, .content_sec_two_two, .content_sec_two_three {
        background: #FCEBE4;
        border: 10px solid #ffffff;
        margin: 0rem;
        width: 100%;
        max-width: 15rem;
        border-radius: 1rem;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        box-shadow: -38.31px 38.31px 38.31px 0px #00000014;
    }
    .container-fluid.gto_icon_content_box_section .icon_box_tow {
        background: #FCEBE4;
        border: 10px solid #ffffff;
        margin: 0 auto;
        width: 100%;
        max-width: 15rem;
        border-radius: 1rem;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        box-shadow: -38.31px 38.31px 38.31px 0px #00000014;
    }
    .gto_main_section .service_page_content3 .service_page_sec3 {
        background: #F1F6FF;
        padding: 7rem 0rem 2rem;
    }
    .gto_page_content2 .gto_page_sec2::after {
        content: "";
        width: 100%;
        height: auto;
        min-height: 160px;
        background: linear-gradient(0deg, white 35%, transparent 65%);
        position: absolute;
        display: block;
        left: 0;
        clip-path: ellipse();
        margin-top: -5rem;
        z-index: 0;
    }
    .services_testimonial_section .tsmnl_head {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: 'Gilroy-SemiBold';
        color: #102C56;
        text-align: center;
        margin-top: 2rem;
    }
    .services_page_testimonial.owl-carousel .item{
        margin: 5rem 0rem 0rem;
    }
}
@media (min-width: 994px) and (max-width: 1199px){
    .container-fluid.gto_icon_content_box_section .icon_box_tow , .content_sec_two_one, .content_sec_two_two, .content_sec_two_three{
    max-width:20rem;
}
.icon_box_sec_content_bg {
    justify-content: center !important;
}
.gto_page_content2 .gto_page_sec2::after {
    background: linear-gradient(0deg, white 40%, transparent 75%);
    margin-top: -5rem;
}

}


/* missing css code from old branch */


.bg-whitesmoke{
    background-color: #ffffff;
}

.testmonial_bottom_sec {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    width: 85%;
    margin: 0 auto;
}
.form_column_right_box .form_input_sec {
    width: 70%;
    background: #fbfbfb;
    padding: 2rem;
    border-radius: 1rem;
    border: 1px solid #0000001A;
    box-shadow: 5px 7px 4px 0px #0000001A;
}
.form_image_text_box {
    position: absolute;
    z-index: 1;
    bottom: 3rem;
    left: -2rem;
    right: 3.5rem;
    padding: 1rem;
    box-shadow: 5px 7px 4px 0px #0000001A;
    background: linear-gradient(180deg, rgba(249, 249, 249, 46) 0%, rgba(255, 255, 255, 40) 100%);
    border-radius: 0 0 0 3rem;
}
p.contact_text_on_img, p.contact_text_on_img2 {
    font-size: 15px;
    font-family: 'Gilroy-Medium';
    color: #161618;
    text-align: center;
}
h2.contact_head_on_img {
    font-size: 25px;
    font-family: 'Gilroy-Bold';
    text-align: center;
    color: #102F54;
}
button.btn.form_btn_style {
    background: linear-gradient(180deg, #FF7136 0%, #F44827 100%);
    border: none;
    color: white;
}
textarea#form_textarea {
    width: 100%;
    min-height: 5rem;
    padding-left: 1rem;
    border: 1px solid #ebebeb;
    margin: 0.5rem auto;
    border-radius: 10px;
}
textarea#form_textarea::-webkit-input-placeholder{
    color:#BEBEBE;
    font-size: 15px;
}
h2.radio_head_text_h2 {
    font-size: 20px;
    font-family: 'Gilroy-Bold';
    color: #102C56;
}
section.contact_form_sec {
    min-height: 45rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #F4F7FC 0%, #DDEAFF 100%);
}
label.custom-radio.from_label_text {
    font-size: 14px;
    font-family: 'Gilroy-Medium';
}
textarea#form_textarea:focus-visible {
    outline: 1.5px solid #E9E9E9;
    border-radius: 5px;
}
img.contact_form_image {
    width: 100%;
}
img.res_testimnl_logo_img {
    margin-right: 1.5rem !important;
}
@media (max-width: 767px){
    section.res_quike_simple_main_sec{
        overflow: hidden;
    }
    img.contact_form_image {
        width: 100%;
    }
    .form_column_right_box .form_input_sec {
        width: 100%;
        background: #F6F7FA;
        padding: 2rem 1rem;
        border-radius: 1rem;
    }
    textarea#form_textarea {
        width: 100%;
        min-height: 5rem;
        padding-left: 1rem;
        border: none;
        margin: 1rem 0rem;
    }

    .form_image_text_box {
        position: absolute;
        z-index: 1;
        bottom: 0rem;
        left: 0rem;
        right: 0rem;
        padding: 0.2rem 0.5rem;
        border-radius: 0 0 0 3rem;
    }
    h2.contact_head_on_img {
        font-size: 20px;
        font-family: 'Gilroy-Bold';
        text-align: center;
        color: #102F54;
    }
    p.contact_text_on_img, p.contact_text_on_img2 {
        font-size: 12px;
        font-family: 'Gilroy-Medium';
        color: #161618;
        text-align: center;
    }
}

@media (min-width: 993px) and (max-width:1199px) {
    img.contact_form_image {
        width: 100%;
    }
    textarea#form_textarea {
        margin: 1rem 0rem;
    }
    div#res_owl-carousel2 .owl-item img {
        padding: 15px 0;
        display: block;
        width: 130px;
        height: auto;
        margin: 0 auto;
        margin: 0 1.5rem;
    }
    .form_column_right_box .form_input_sec {
        width: 80%;
        background: #F6F7FA;
        padding: 1rem;
        border-radius: 1rem;
    }
    .form_image_text_box {
        position: absolute;
        z-index: 1;
        bottom: 2rem;
        left: -2rem;
        right: 2.5rem;
        padding: 1rem 1rem;
        background: linear-gradient(180deg, rgba(249, 249, 249, 40) 0%, rgba(255, 255, 255, 40) 100%);
        border-radius: 0 0 0 3rem;
    }
}
@media (min-width: 994px) and (max-width: 1199px){
    .container-fluid.gto_icon_content_box_section .icon_box_tow , .content_sec_two_one, .content_sec_two_two, .content_sec_two_three{
    max-width:20rem;
}
.icon_box_sec_content_bg {
    justify-content: center !important;
}
.gto_page_content2 .gto_page_sec2::after {
    background: linear-gradient(0deg, white 40%, transparent 75%);
    margin-top: -5rem;
}
}

  /* ****************** */
/* seo page ui for sg */
.row.align-items-center.box_steps {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    background-color: #F8F9FC;
    border: 1.5px solid #DCE1E8;
    border-radius: 30px;
    justify-content: space-between;
    position: relative;
}
.steps_Image{
    margin-top: -30px;
}
.help-sec .title {
    color:
    #102C56;
    font-family: Gilroy-Bold;
    font-size: 2.1875rem;
    margin-bottom: 20px;
    }


    .center-delay .card {
        transform: scale(1.2);
        transition: transform 0.5s ease;
    }
    .section_content_main_div {
        background-color:#F6F7FA;
    }
    .fullyloaded_section_box {
        background-color: #FFFFFF;
        padding: 15px;
        margin-bottom: 30px;
        min-height: 200px;
        border: 1.5px solid #B1D1E6;
        border-radius: 10px;
        transition: all .3s ease;
    }
    .fullyloaded_section_box img.img-fluid {
        margin: 5px;
    }
    h2.section_header_txt {
        font-size: 25px;
        font-family: Gilroy-Bold;
    }
    span.bgfront_img, span.bgback_img {
        position: absolute;
    }

    .promote-sec2 {
        padding-top: 3rem;
        padding-bottom: unset;
            }
    .promote-sec2 img{
        padding-top: 2px!important;
        }
    .promote-sec2 .promote_img {
        padding-top: 1rem!important;
        }
    .promote-sec2 .top_card{
        position: relative;
        top: 0;
    }
    .promote_img span.bgback_img {
        z-index: 0;
        transform: rotateZ(0deg);
        animation: rotateZAnimation 50s linear infinite;
    }
    @keyframes rotateZAnimation {
        0% {
            transform: rotateZ(0deg);
        }
        100% {
          transform: rotateZ(360deg);
        }

    }
    .promote_img .banner-right_img_src{
        position: relative;
        z-index: 1;
    }
    .promote_img span.bgfront_img {
        z-index: 2;
    }
    .promote_img img.front_img_src {
        width: 200px;
        height: auto;
        transform: translate(-50px, 150px);
    }
    .col-md-6.promote-wrap {
        padding: 0px 0px 0px 20px;
    }
    .over-flow-clip{
        overflow: clip;
    }
    .promote-sec2 .promote_img {
        padding-top: 1rem !important;
        right: -30px;
        position: relative;
    }

    .fullyloaded_section_box:hover {
        transform: scale(1.1);
        box-shadow: 0px 0px 5px 3px #00000014;
        transition: all .3s ease;
    }
    .typewritetext h1 {
        font-size: 40px;
        color: white;
        white-space: nowrap;
        overflow: hidden;
        border-right: 5px solid white;
        animation: typing 10s steps(30, end) 1s infinite, blink-caret 0.75s step-end infinite;
        width: fit-content;
      }

      @keyframes typing {
        from {
          width: 0;
        }
        to {
          width: 90%;
          max-width: fit-content;
        }

      }

      @keyframes blink-caret {
        from,
        to {
          border-color: transparent;
        }
        50% {
          border-color: white;
        }
      }

      span.circle_ring_src1 img, span.circle_ring_src3 img {
        margin: 100% 0% 0% 0%;
    }
    span.circle_ring_src2 img {
        margin: 100% 0% 0% -125%;
    }
    span.circle_ring_src2 {
        width: 200px;
        height: auto;
        display: block;
        overflow: hidden;
    }
    span.circle_ring_src1, span.circle_ring_src3 {
        width: 200px;
        height: 100%;
        background-color: white;
        position: relative;
        display: block;
        overflow: hidden;
    }
    h3.heading_text span {
        color: #102F54 !important;
    }

    h3.heading_text {
        font-size: 25px !important;
        font-family: Gilroy-Bold;
    }
    .heading_text span {
        display: inline-block;
        opacity: 0;
        transform: translateY(100%);
        animation: grow 5s forwards infinite;
      }

      @keyframes grow {
        0% {
            opacity: 0;
            transform: translateY(100%);
          }
          10% {
            opacity: 1;
            transform: translateY(0);
          }
          100% {
            opacity: 1;
            transform: translateY(0);
          }
      }

      .heading_text span:nth-child(1) {
        animation-delay: 0s;
      }
      .heading_text span:nth-child(2) {
        animation-delay: 0.1s;
      }
      .heading_text span:nth-child(3) {
        animation-delay: 0.2s;
      }
      .heading_text span:nth-child(4) {
        animation-delay: 0.3s;
      }
      .heading_text span:nth-child(5) {
        animation-delay: 0.4s;
      }
      .heading_text span:nth-child(6) {
        animation-delay: 0.5s;
      }
      .heading_text span:nth-child(7) {
        animation-delay: 0.6s;
      }
      .heading_text span:nth-child(8) {
        animation-delay: 0.7s;
      }
      .heading_text span:nth-child(9) {
        animation-delay: 0.8s;
      }
      .heading_text span:nth-child(10) {
        animation-delay: 0.9s;
      }
      .heading_text span:nth-child(11) {
        animation-delay: 1s;
      }
      .heading_text span:nth-child(12) {
        animation-delay: 1.1s;
      }
      .heading_text span:nth-child(13) {
        animation-delay: 1.2s;
      }
      .heading_text span:nth-child(14) {
        animation-delay: 1.3s;
      }
      .heading_text span:nth-child(15) {
        animation-delay: 1.4s;
      }
      .heading_text span:nth-child(16) {
        animation-delay: 1.5s;
      }
      .heading_text span:nth-child(17) {
        animation-delay: 1.6s;
      }
      .heading_text span:nth-child(18) {
        animation-delay: 1.7s;
      }
      .heading_text span:nth-child(19) {
        animation-delay: 1.8s;
      }
      .heading_text span:nth-child(20) {
        animation-delay: 1.9s;
      }
      .heading_text span:nth-child(21) {
        animation-delay: 2s;
      }
      .heading_text span:nth-child(22) {
        animation-delay: 2.1s;
      }
      .heading_text span:nth-child(23) {
        animation-delay: 2.2s;
    }
    .heading_text span:nth-child(24) {
        animation-delay: 2.3s;
    }
    .heading_text span:nth-child(25) {
        animation-delay: 2.4s;
    }
    .heading_text span:nth-child(26) {
        animation-delay: 2.5s;
    }
    .heading_text span:nth-child(27) {
        animation-delay: 2.6s;
    }
    .heading_text span:nth-child(28) {
        animation-delay: 2.7s;
    }
    .heading_text span:nth-child(29) {
        animation-delay: 2.8s;
    }
    .heading_text span:nth-child(30) {
        animation-delay: 2.9s;
    }
    .heading_text span:nth-child(31) {
        animation-delay: 3s;
    }
    .heading_text span:nth-child(32) {
        animation-delay: 3.1s;
    }
    .heading_text span:nth-child(33) {
        animation-delay: 3.2s;
    }
    .heading_text span:nth-child(34) {
        animation-delay: 3.3s;
    }
    .heading_text span:nth-child(35) {
        animation-delay: 3.4s;
    }
    .heading_text span:nth-child(36) {
        animation-delay: 3.5s;
    }
    .heading_text span:nth-child(37) {
        animation-delay: 3.6s;
    }
    .heading_text span:nth-child(38) {
        animation-delay: 3.7s;
    }
    .heading_text span:nth-child(39) {
        animation-delay: 3.8s;
    }
    .heading_text span:nth-child(40) {
        animation-delay: 3.9s;
    }
    .heading_text span:nth-child(41) {
        animation-delay: 4s;
    }
    .heading_text span:nth-child(42) {
        animation-delay: 4.1s;
    }
    .heading_text span:nth-child(43) {
        animation-delay: 4.2s;
    }
    .heading_text span:nth-child(44) {
        animation-delay: 4.3s;
    }
    .heading_text span:nth-child(45) {
        animation-delay: 4.4s;
    }
    .heading_text span:nth-child(46) {
        animation-delay: 4.5s;
    }
    .heading_text span:nth-child(47) {
        animation-delay: 4.6s;
    }
    .heading_text span:nth-child(48) {
        animation-delay: 4.7s;
    }
    .heading_text span:nth-child(49) {
        animation-delay: 4.8s;
    }
    .heading_text span:nth-child(50) {
        animation-delay: 4.9s;
    }
.circle_ring_src1, .circle_ring_src2, .circle_ring_src3{
    position: relative;
    display: inline-block;
  }

  .circle_ring_src1::before {
    content: '';
    position: absolute;
    top: -150%;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewY(160deg);
    animation: shine1 3s infinite;
    animation-delay: 0s;
  }
  .circle_ring_src2::before  {
    content: '';
    position: absolute;
    top: -150%;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewY(30deg);
    animation: shine2 3s infinite;
    animation-delay: 1s;
  }
  .circle_ring_src3::before  {
    content: '';
    position: absolute;
    top: -150%;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewY(160deg);
    animation: shine3 3s infinite;
    animation-delay: 2s;
  }

  @keyframes shine1 {
    0% {
      top: -150%;
    }
    100% {
      top: 150%;
    }
  }
  @keyframes shine2 {
    0% {
      top: -150%;
    }
    100% {
      top: 150%;
    }
  }
  @keyframes shine3 {
    0% {
      top: -150%;
    }
    100% {
      top: 150%;
    }
  }


  @media(max-width:560px){
    .circled_ring_main_right, .circled_ring_main_left {
        display: none;
    }
    .promote-sec2{
        padding-top: 3rem;
        padding-bottom: unset !important;
    }
    .promote_description {
        font-size: 1rem;
        padding-right: 20px;
    }
    .steps_Image {
        margin-top: 0px;
    }
    .typewritetext h1 {
        font-size: 20px;
    }
    .promote_img img.front_img_src {
        width: 140px;
        height: auto;
        transform: translate(-60px, 140px);
        animation: rotateXAnimation 5s linear;
        animation-delay: 2s;
    }
    .circled_ring_main.position-absolute {
        display: none;
    }
    .callexpert{
        padding: 10px;
    }
    .grocery_store .help-sec{
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
    .col-rev {
        display: flex;
        flex-direction: column-reverse;
    }
    .all_paddg_space_2 {
        padding: 1.5rem;
    }
    .callexpert-form .btn-success {
        height: 45px !important;
    }
    h3.heading_text {
        font-size: 29px;
        font-weight: 800 !important;
        font-family: 'Gilroy-Medium';
    }

}

@media (min-width:745px) and (max-width:992px){
    .banner_img_align {
        align-self: self-end;
    }
    .promote_img img.front_img_src {
        width: 180px;
        height: auto;
        transform: translate(-60px, 40px);
    }
    .fullyloaded_section_box {
        min-height: 230px;
    }
    h3.heading_text {
        padding: 5px;
    }
    #restaurants .owl-item.active.center{
        transform:  scale(1.1);
        transition: all 0.3s linear;
    }
    #restaurants .owl-item, #restaurants .owl-item.active, #restaurants .owl-item.cloned, #restaurants .owl-item.cloned.active{
        transform:  scale(.9);
        }
        .help-sec .title {
            font-size: 22px !important;
        }
        .help-sec .description p {
            font-size: 16px !important;
        }
        h1.promote_title.text-white.mb-1 {
            width: 500px;
            font-size: 25px !important;
        }
        .typewritetext h1{
            font-size: 25px !important;
        }
        p.promote_description {
            font-size: 15px;
        }
        span.circle_ring_src1 img, span.circle_ring_src3 img {
            margin: 50% 0% 0% 0%;
        }


}
@media (min-width:993px) and (max-width:1199px){
    h1.promote_title.text-white.mb-1 {
        width: 500px;
        font-size: 33px !important;
    }
    .typewritetext h1{
        font-size: 32px !important;
    }
    p.promote_description {
        font-size: 15px;
    }
    .promote-sec2 {
        padding-top: unset;
        padding-bottom: unset;
    }

}
@media (min-width:1200px){
    .promote_title {
        font-family: Gilroy-Bold;
        font-size: 35px;
    }
    .typewritetext h1 {
        font-size: 35px;
    }
    #restaurants .owl-item.active.center{
        transform:  scale(1.1);
        transition: all 0.3s linear;
    }
    #restaurants .owl-item, #restaurants .owl-item.active, #restaurants .owl-item.cloned, #restaurants .owl-item.cloned.active{
        transform:  scale(.9);
        }
        .callexpert{
            margin: 20px;
        }
        .all_paddg_space_2 {
            padding: 1rem;
        }
}
@media (min-width:1450px){

    .circled_ring_main_right {
        right: 5%;
    }
    .circled_ring_main_left {
        left: 5%;
    }
    .row.align-items-center.box_steps{
        max-width: 100% ;
    }
}
@media (min-width:1750px){

    .circled_ring_main_right {
        right: 10%;
    }
    .circled_ring_main_left {
        left: 10%;
    }
    .row.align-items-center.box_steps{
        max-width: 100% ;
    }
}
@media (min-width:2000px){

    .circled_ring_main_right {
        right: 15%;
    }
    .circled_ring_main_left {
        left: 15%;
    }
    .row.align-items-center.box_steps{
        max-width: 100% ;
    }
}

.btn-hover_animated {
    display: inline-block;
    padding: 10px 20px;
    color: #fff ;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background-color: orange;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  .btn-hover_animated::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(180deg, #FF7136 0%, #F44827 100%);
    transform: translate(-50%, -50%) rotate(0deg);
    transition: transform 0.5s ease;
    z-index: 0;
  }
  .btn-hover_animated .btn-inner--text {
    position: relative;
    z-index: 1;
  }
  .btn-hover_animated:hover {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    color: white;
  }
  .btn-hover_animated:hover::before {
    transform: translate(-50%, -50%) rotate(180deg);
  }