/* FONTS Variables */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* COLOR Variables */
/*$color04: #797979;*/
*, *::before, *::after { box-sizing: border-box; text-decoration: none; }

/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
body { font-family: "Inter", sans-serif; /*font: $base-font-weight 16px/1.5;*/ color: #111; margin: 0px; padding: 0px; }

.StopBodyScroll { touch-action: none; -ms-touch-action: none; }

.container { max-width: 1170px; margin: 0 auto; padding: 0 15px; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; }

/** Images */
img { user-select: none; max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 14px; }

/** Lists */
ul, ol { margin-left: 30px; }

li > ul, li > ol { margin-bottom: 0; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 400; }

/** Links */
a { color: #2a7ae2; text-decoration: none; }

a:visited { color: #1756a9; }

a:hover { color: #111; text-decoration: underline; }

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic; }

blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 15px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: auto; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }

/** Clearfix */
.wrapper:after { content: ""; display: table; clear: both; }

/** Icons */
.icon > svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }

.icon > svg path { fill: #828282; }

.page-404 .banner-section-404 { margin: 0px; }

.page-404 .banner-section-404 .inner-area { height: calc(100vh - 220px); display: flex; background-size: cover; align-items: center; justify-content: center; text-align: center; position: relative; }

@media screen and (max-width: 991px) { .page-404 .banner-section-404 .inner-area { height: calc(100vh - 220px); } }

@media screen and (max-width: 767px) { .page-404 .banner-section-404 .inner-area { height: calc(100vh - 160px); } }

.page-404 .banner-section-404 .inner-area:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); }

.page-404 .banner-section-404 .inner-area .container .banner-content { position: relative; }

.page-404 .banner-section-404 .inner-area .container .banner-content h5 { display: inline-block; border-bottom: 1px solid #33B316; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; font-weight: 500; color: #ffffff; padding: 0 0 5px; }

@media screen and (max-width: 767px) { .page-404 .banner-section-404 .inner-area .container .banner-content h5 { font-size: 14px; } }

.page-404 .banner-section-404 .inner-area .container .banner-content h5 a { font-size: 16px; color: #ffffff; transition: 0.3s all; }

@media screen and (max-width: 767px) { .page-404 .banner-section-404 .inner-area .container .banner-content h5 a { font-size: 14px; } }

.page-404 .banner-section-404 .inner-area .container .banner-content h5 a:hover { color: #33B316; transition: 0.3s all; text-decoration: none; }

.page-404 .banner-section-404 .inner-area .container .banner-content h2 { font-size: 72px; font-weight: 900; top: 0; left: 0; width: 100%; text-align: center; margin-bottom: 0; line-height: 1.27; color: #ffffff; margin: 0 0 10px; }

@media screen and (max-width: 991px) { .page-404 .banner-section-404 .inner-area .container .banner-content h2 { font-size: 40px; } }

@media screen and (max-width: 767px) { .page-404 .banner-section-404 .inner-area .container .banner-content h2 { font-size: 32px; } }

.page-404 .banner-section-404 .inner-area .container .banner-content p { font-size: 14px; color: #ffffff; line-height: 2; }

.page-404 .banner-section-404 .inner-area .container .banner-content a.btn { position: relative; overflow: hidden; display: inline-block; margin: 20px 0 0; padding: 16px 32px; font-size: 16px; font-weight: 500; text-transform: uppercase; transition: 0.5s all; color: #333333; background-color: #33B316; }

@media screen and (max-width: 991px) { .page-404 .banner-section-404 .inner-area .container .banner-content a.btn { font-size: 14px; } }

@media screen and (max-width: 767px) { .page-404 .banner-section-404 .inner-area .container .banner-content a.btn { padding: 12px 20px; font-size: 12px; } }

.page-404 .banner-section-404 .inner-area .container .banner-content a.btn span { position: relative; z-index: 1; }

.page-404 .banner-section-404 .inner-area .container .banner-content a.btn:focus { outline: none; }

.page-404 .banner-section-404 .inner-area .container .banner-content a.btn:hover { color: #ffffff; transition: 0.5s all; background-color: #333333; text-decoration: none; }

.page-404 .banner-section-404 .inner-area .container .banner-content a.btn:hover:before { right: -45px; transition: 0.5s all; }

.page-404 .banner-section-404 .inner-area .container .banner-content a.btn:hover:after { right: -30px; transition: 0.3s all; }

.page-404 .banner-section-404 .inner-area .container .banner-content a.btn:before { content: ''; position: absolute; top: 0; transform: scale(1.5) skewX(-30deg); right: -100%; bottom: 0; width: 80px; background-color: rgba(51, 179, 22, 0.4); transition: 0.5s all; }

.page-404 .banner-section-404 .inner-area .container .banner-content a.btn:after { content: ''; position: absolute; top: 0; transform: scale(1.5) skewX(-30deg); right: -100%; bottom: 0; width: 80px; background-color: rgba(51, 179, 22, 0.5); transition: 0.3s all; }

/** Site header */
.BackScroll { position: fixed; width: 100%; }

.BackScroll .home { pointer-events: none; }

header.site-header { /*margin: 0 0 104px; @include media-query($tablet-min) { margin: 0 0 85px; }*/ }

header .mainMenu { box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.04); /*position: relative;*/ position: fixed; left: 0; top: 0; width: 100%; z-index: 99; background-color: #ffffff; }

header .mainMenu .container { max-width: 1170px; margin: 0 auto; }

header .mainMenu .container .inner-area { display: flex; flex-wrap: wrap; }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area { overflow: hidden; } }

header .mainMenu .container .inner-area .site-logo { height: 100px; width: 125px; display: inline-block; }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .site-logo { height: 85px; width: 115px; } }

header .mainMenu .container .inner-area .site-logo img { max-width: 78px; width: 100%; height: 100%; object-fit: contain; padding: 10px 0; }

header .mainMenu .container .inner-area .menu-area { display: flex; width: calc(100% - 125px); vertical-align: middle; align-items: center; flex-wrap: wrap; }

@media screen and (max-width: 767px) { header .mainMenu .container .inner-area .menu-area { width: calc(100% - 125px); } }

header .mainMenu .container .inner-area .menu-area .responsive-toggle { width: 100%; text-align: right; display: none; }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area .responsive-toggle { display: block; } }

header .mainMenu .container .inner-area .menu-area .responsive-toggle #hamburger-icon { width: 30px; height: 30px; position: relative; display: inline-block; margin: 12px 0 5px 0; transition: 0.3s all; /*&:hover { .line-1 { transform: translateY(-1px); } .line-2 { transform: translateX(-10px); } .line-3 { transform: translateY(1px); } }*/ }

header .mainMenu .container .inner-area .menu-area .responsive-toggle #hamburger-icon .line { display: block; background: #33B316; width: 30px; height: 3px; position: absolute; left: 0; border-radius: 3px; transition: 0.3s all; }

header .mainMenu .container .inner-area .menu-area .responsive-toggle #hamburger-icon .line.line-1 { top: 0; transition: 0.3s all; }

header .mainMenu .container .inner-area .menu-area .responsive-toggle #hamburger-icon .line.line-2 { top: 40%; transition: 0.3s all; }

header .mainMenu .container .inner-area .menu-area .responsive-toggle #hamburger-icon .line.line-3 { top: 80%; transition: 0.3s all; }

header .mainMenu .container .inner-area .menu-area .responsive-toggle #hamburger-icon.active { height: 30px; transition: 0.3s all; }

header .mainMenu .container .inner-area .menu-area .responsive-toggle #hamburger-icon.active .line-1 { transform: translateY(15px) translateX(0) rotate(45deg); }

header .mainMenu .container .inner-area .menu-area .responsive-toggle #hamburger-icon.active .line-2 { opacity: 0; transform: translateX(-15px); transition: 0.3s all; }

header .mainMenu .container .inner-area .menu-area .responsive-toggle #hamburger-icon.active .line-3 { transition: 0.3s all; transform: translateY(-9px) translateX(0) rotate(-45deg); }

header .mainMenu .container .inner-area .menu-area ul.nav-ul { padding: 0px; margin: 0px; width: 100%; text-align: right; transition: 0.5s all; display: inline-block; }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul { display: block; position: fixed; /*left: -100%;*/ right: -100%; bottom: 0; height: calc(100vh - 85px); top: 85px; width: 320px; } }

@media screen and (max-width: 420px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul { width: calc(320px - 75px); } }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner { height: 100%; overflow-y: auto; padding: 0; } }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li { margin: 0px; padding: 0px; padding: 0 8px; list-style-type: none; display: inline-block; position: relative; }

@media screen and (max-width: 1280px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li { padding: 0 4px; } }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li { padding: 0; text-align: left; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li:last-child { padding-right: 0px; }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li:last-child { padding-right: 14px; } }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li a { position: relative; display: inline-block; color: #000000; font-weight: 500; transition: 0.5s all; font-size: 16px; line-height: 1.4; text-transform: capitalize; padding: 8px 10px; margin: 0; }

@media screen and (max-width: 1280px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li a { font-size: 14px; } }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li a { color: #000000; padding: 16px 12px; text-align: center; width: 100%; display: block; } }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li a:hover { color: #33B316; text-decoration: none; }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li a.active { color: #33B316; }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.active a { color: #33B316; border-radius: 5px; background-color: #D6F3D0; }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.current_menu { /*a { color: $color01; }*/ }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown { cursor: pointer; }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown:before { content: ''; position: absolute; top: 51.5%; display: inline-block; width: 6px; height: 6px; border-top: 2px solid #3c3c3c; border-right: 2px solid #3c3c3c; transform: translateY(-68%) rotate(135deg); right: 0; }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown:before { display: none; } }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown .Open-Submenu { font-size: 26px; color: #ffffff; display: none; }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown .Open-Submenu { display: block; position: absolute; right: 0; top: 10px; z-index: 8; width: 50px; text-align: center; border-left: 1px solid #ccc; } }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown ul.dropdown-menu { opacity: 0; position: absolute; margin: 0px; top: 100%; min-width: 235px; max-width: 235px; background-color: #ffffff; z-index: 999; /*left: 0;*/ left: -50%; padding: 10px 20px 10px; visibility: hidden; transition: all 0.2s ease-out; box-shadow: 0 5px 40px rgba(0, 0, 0, 0.07); transform: translateY(25px); transform-origin: 0 0; text-align: left; }

@media screen and (max-width: 1280px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown ul.dropdown-menu { min-width: 200px; } }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown ul.dropdown-menu { left: auto; right: 0; position: relative; } }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown ul.dropdown-menu li { margin: 0px; display: block; padding: 5px 8px; cursor: auto; }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown ul.dropdown-menu li { padding: 8px; } }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown ul.dropdown-menu li a { color: #333333; margin: 0px; padding: 0px; display: block; font-weight: 700; text-transform: uppercase; }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown ul.dropdown-menu li a { color: #ffffff; } }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown ul.dropdown-menu li a:hover { color: #33B316; text-decoration: none; }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown ul.dropdown-menu li:last-child { border-bottom: none; }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown ul.dropdown-menu.showSub { opacity: 1; display: block; padding: 10px 10px 0; margin: 5px 0 0; min-width: 100%; top: 0; background-color: transparent; max-width: 100%; box-shadow: none; visibility: visible; filter: alpha(opacity=100); transform: rotateX(0); }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.dropdown:hover .dropdown-menu { opacity: 1; display: block; visibility: visible; filter: alpha(opacity=100); top: 100%; transform: translateY(0); }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.phone-number { padding: 0 20px; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; }

@media screen and (max-width: 1280px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.phone-number { padding: 0 14px; } }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.phone-number { padding: 0; } }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.phone-number a { padding: 0px; }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.phone-number a { padding: 16px 12px; } }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.phone-number a img { margin: 0 10px 0 0; }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.downloadbtn { padding: 15px 0px 15px 15px; }

@media screen and (max-width: 991px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.downloadbtn { padding: 12px 14px; } }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.downloadbtn a { border: 2px solid #33B316; background-color: #33B316; font-size: 16px; font-weight: 500; color: #ffffff; padding: 12px 25px; border-radius: 5px; letter-spacing: 0.3px; text-transform: capitalize; box-sizing: border-box; display: block; text-align: center; cursor: pointer; line-height: 1.4; transition: 0.25s; }

@media screen and (max-width: 1280px) { header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.downloadbtn a { font-size: 14px; padding: 10px 18px; max-width: 170px; margin: 0 auto; } }

header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.downloadbtn a:hover { background-color: #ffffff; color: #33B316; }

header .mainMenu .container .inner-area .menu-area ul.nav-ul.openDown { display: block; position: fixed; right: 0; bottom: 0; background: #D6F3D0; width: 100%; }

header .mainMenu .container .inner-area .site-title { font-size: 30px; color: #33B316; font-weight: 300; line-height: 56px; letter-spacing: -1px; margin-bottom: 0; float: left; }

header.nav-scroll .mainMenu { padding: 0; position: fixed; top: -100px; left: 0; width: 100%; transition: transform .5s; transform: translateY(100px); }

footer.site-footer { padding: 24px 0; width: 100%; color: #666666; background-color: #ffffff; }

@media screen and (max-width: 767px) { footer.site-footer { padding: 16px 0; } }

footer.site-footer .container { max-width: 1170px; }

footer.site-footer .container .copyright-content { display: flex; flex-wrap: wrap; justify-content: space-between; }

@media screen and (max-width: 767px) { footer.site-footer .container .copyright-content { justify-content: center; } }

footer.site-footer .container p { opacity: 1; margin: 0; font-size: 16px; font-weight: 400; line-height: 25px; text-align: center; color: #000000; }

@media screen and (max-width: 767px) { footer.site-footer .container p { font-size: 14px; width: 100%; } }

footer.site-footer .container p a { color: #000000; font-weight: 400; transition: 0.3s all; text-decoration: none; }

footer.site-footer .container p a:hover { color: #33B316; transition: 0.3s all; }

.scrolltop { display: none; width: 40px; margin: 0 auto; position: fixed; bottom: 20px; right: 10px; border-radius: 50%; height: 40px; background-color: #33B316; cursor: pointer; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3); z-index: 999; }

@media screen and (max-width: 767px) { .scrolltop { bottom: 50px; right: 10px; } }

.scrolltop i { font-size: 24px; line-height: 37px; margin: 0 0 3px; width: 100%; color: #ffffff; text-align: center; }

/* Remove active from other Page CSS */
body.privacy-policy header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.active a, body.terms-of-use header .mainMenu .container .inner-area .menu-area ul.nav-ul .nav-ul-inner li.active a { color: #333333; }

.HomeSlideShow { position: relative; z-index: 1; height: 100%; padding: 100px 0 0; }

@media screen and (max-width: 991px) { .HomeSlideShow { padding: 85px 0 0; } }

.HomeSlideShow .HomeSlider .item { height: 100%; position: relative; z-index: 1; }

.HomeSlideShow .HomeSlider .item:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; bottom: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.3); }

.HomeSlideShow .HomeSlider .item img { width: 100%; min-height: 600px; object-fit: cover; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); }

@media screen and (max-width: 767px) { .HomeSlideShow .HomeSlider .item img { height: 480px; object-position: 75%; } }

.HomeSlideShow .HomeSlider .item .HomeSlider-content { position: absolute; margin: 0 auto; padding: 0 15px; max-width: 1240px; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; display: flex; align-items: center; flex-wrap: wrap; word-break: break-word; text-align: center; }

.HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner { text-align: center; width: 100%; margin: 0 auto; max-width: 900px; }

@media screen and (max-width: 1280px) { .HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner { max-width: 700px; } }

.HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner h6 { color: #ffffff; font-weight: 600; font-size: 22px; line-height: 27px; }

@media screen and (max-width: 767px) { .HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner h6 { font-size: 18px; } }

.HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner h1 { margin: 20px 0 30px; font-size: 48px; line-height: 1.2; font-weight: 700; padding: 0; color: #ffffff; letter-spacing: 0px; display: block; }

@media screen and (max-width: 1280px) { .HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner h1 { font-size: 42px; } }

@media screen and (max-width: 991px) { .HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner h1 { font-size: 36px; } }

.HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner p { margin: 0 0 15px; padding: 0px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #ffffff; display: inline-block; }

@media screen and (max-width: 767px) { .HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner p { font-size: 14px; margin: 0 0 10px; } }

.HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner a.slider-btns { position: relative; overflow: hidden; display: inline-block; margin: 20px 0 0; padding: 14px 30px; font-size: 16px; line-height: 19px; font-weight: 500; text-transform: capitalize; transition: 0.5s all; color: #ffffff; background-color: #33B316; border-radius: 5px; border: 2px solid #33B316; }

@media screen and (max-width: 767px) { .HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner a.slider-btns { font-size: 14px; padding: 10px 18px; max-width: 170px; } }

.HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner a.slider-btns span { position: relative; z-index: 1; }

.HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner a.slider-btns:focus { outline: none; }

.HomeSlideShow .HomeSlider .item .HomeSlider-content .HomeSlider-content-inner a.slider-btns:hover { color: #33B316; transition: 0.5s all; background-color: transparent; text-decoration: none; }

.HomeSlideShow .HomeSlider button.slick-prev { left: 15px; width: 40px; height: 40px; /*background-color: rgba($color02,0.4);*/ z-index: 8; opacity: 0; transition: 1s all; }

.HomeSlideShow .HomeSlider button.slick-prev:before { content: "\f104" !important; font-family: FontAwesome; right: 2px; font-size: 30px; position: relative; }

@media screen and (max-width: 767px) { .HomeSlideShow .HomeSlider button.slick-prev { display: none !important; } }

.HomeSlideShow .HomeSlider button.slick-next { right: 15px; width: 40px; height: 40px; /*background-color: rgba($color02,0.4);*/ opacity: 0; transition: 1s all; }

.HomeSlideShow .HomeSlider button.slick-next:before { content: "\f105" !important; font-family: FontAwesome; left: 2px; font-size: 30px; position: relative; }

@media screen and (max-width: 767px) { .HomeSlideShow .HomeSlider button.slick-next { display: none !important; } }

.HomeSlideShow .HomeSlider .slick-dots { bottom: 25px; }

.HomeSlideShow .HomeSlider .slick-dots li { height: 6px; }

.HomeSlideShow .HomeSlider .slick-dots li button { height: 6px; }

.HomeSlideShow .HomeSlider .slick-dots li button:before { color: #ffffff; background: #ffffff; height: 6px; top: 0px; font-size: 0; }

.HomeSlideShow .HomeSlider .slick-active img { min-height: 600px; object-fit: cover; transform: scale(1); }

@media screen and (max-width: 767px) { .HomeSlideShow .HomeSlider .slick-active img { height: 480px; object-position: 45%; } }

.HomeSlideShow .HomeSlider.slick-slider .slick-list { min-height: 600px; }

@media screen and (max-width: 767px) { .HomeSlideShow .HomeSlider.slick-slider .slick-list { height: 480px; } }

.HomeSlideShow .HomeSlider .slider-track { transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); }

.HomeSlideShow a.sliderDown-arrow { position: absolute; bottom: -35px; width: 70px; height: 70px; border: 2px solid #ffffff; display: block; z-index: 99; border-radius: 50%; transition: .25s; background-color: #33B316; display: flex; align-items: center; justify-content: center; left: 0; margin: 0 auto; right: 0; cursor: pointer; }

@media screen and (max-width: 767px) { .HomeSlideShow a.sliderDown-arrow { width: 58px; height: 58px; } }

.HomeSlideShow a.sliderDown-arrow i { font-size: 20px; color: #ffffff; position: relative; top: 0; transition: 0.5s all; }

@media screen and (max-width: 767px) { .HomeSlideShow a.sliderDown-arrow i { font-size: 18px; } }

.HomeSlideShow a.sliderDown-arrow:hover { transition: 0.5s all; text-decoration: none; }

.HomeSlideShow a.sliderDown-arrow:hover i { top: 8px; }

.HomeSlideShow:hover button.slick-prev { opacity: 1; transition: 1s all; }

.HomeSlideShow:hover button.slick-next { opacity: 1; transition: 1s all; }

.features-section { padding: 70px 0; }

.features-section .container .features-block-part { display: flex; flex-wrap: wrap; }

.features-section .container .features-block-part .left-area { width: 42%; text-align: center; }

@media screen and (max-width: 767px) { .features-section .container .features-block-part .left-area { width: 100%; } }

.features-section .container .features-block-part .right-area { width: 58%; display: flex; flex-wrap: wrap; align-content: flex-start; padding: 30px 0 0 8px; }

@media screen and (max-width: 767px) { .features-section .container .features-block-part .right-area { width: 100%; padding: 30px 0 0 0; } }

.features-section .container .features-block-part .right-area .content h2 { color: #000000; font-size: 50px; font-weight: 700; line-height: 48px; margin: 0 0 48px; }

@media screen and (max-width: 1280px) { .features-section .container .features-block-part .right-area .content h2 { font-size: 38px; line-height: 1.2; margin: 0 0 35px; } }

@media screen and (max-width: 767px) { .features-section .container .features-block-part .right-area .content h2 { font-size: 32px; } }

.features-section .container .features-block-part .right-area .content p { color: #33B316; font-weight: 600; font-size: 22px; line-height: 26px; margin: 0 0 26px; }

@media screen and (max-width: 1280px) { .features-section .container .features-block-part .right-area .content p { font-size: 18px; margin: 0 0 16px; } }

.features-section .container .features-block-part .right-area .features-box { width: 50%; padding: 0; display: flex; align-items: center; margin: 0 0 30px; }

@media screen and (max-width: 1280px) { .features-section .container .features-block-part .right-area .features-box { margin: 0 0 22px; } }

@media screen and (max-width: 991px) { .features-section .container .features-block-part .right-area .features-box { width: 100%; } }

.features-section .container .features-block-part .right-area .features-box .features-icon { min-width: 70px; height: 70px; line-height: 70px; border-radius: 90px; margin: 0 15px 0 0; text-align: center; background-color: #33B316; }

@media screen and (max-width: 1280px) { .features-section .container .features-block-part .right-area .features-box .features-icon { min-width: 54px; height: 54px; line-height: 54px; } }

.features-section .container .features-block-part .right-area .features-box .features-icon img { width: 40px; margin: -4px 0 0; }

@media screen and (max-width: 1280px) { .features-section .container .features-block-part .right-area .features-box .features-icon img { width: 30px; } }

.features-section .container .features-block-part .right-area .features-box h6 { margin: 0; text-transform: none; font-size: 20px; font-weight: 600; color: #000000; line-height: 22px; padding: 0 25px 0 0; }

@media screen and (max-width: 1280px) { .features-section .container .features-block-part .right-area .features-box h6 { font-size: 16px; padding: 0 16px 0 0; } }

@media screen and (max-width: 991px) { .features-section .container .features-block-part .right-area .features-box h6 { padding: 0; } }

.features-section .container .features-block-part .right-area .features-box p { text-align: left; line-height: 24px; color: #666666; margin: 0 0 15px; font-weight: 600; font-size: 20px; }

@media screen and (max-width: 1280px) { .features-section .container .features-block-part .right-area .features-box p { font-size: 14px; line-height: 22px; } }

@media screen and (max-width: 767px) { .features-section .container .features-block-part .right-area .features-box p { text-align: center; } }

.features-section .container .features-block-part .right-area .app-available-part { display: flex; flex-wrap: wrap; margin: 24px 0 0; }

@media screen and (max-width: 767px) { .features-section .container .features-block-part .right-area .app-available-part { width: 100%; margin: 16px 0 0; } }

.features-section .container .features-block-part .right-area .app-available-part a { display: inline-block; margin: 0 20px 0 0; }

@media screen and (max-width: 767px) { .features-section .container .features-block-part .right-area .app-available-part a { margin: 0 8px 0 0; } }

@media screen and (max-width: 767px) { .features-section .container .features-block-part .right-area .app-available-part a img { max-width: 130px; } }

.newapp-section { padding: 70px 0; background-color: rgba(102, 102, 102, 0.04); }

.newapp-section .hightlight-text { color: #33B316; text-align: center; font-size: 22px; line-height: 27px; font-weight: 600; }

@media screen and (max-width: 1280px) { .newapp-section .hightlight-text { font-size: 18px; } }

.newapp-section h2 { color: #000000; font-size: 50px; font-weight: 700; text-align: center; line-height: 48px; margin: 0 0 24px; }

@media screen and (max-width: 1280px) { .newapp-section h2 { font-size: 38px; line-height: 1.2; } }

@media screen and (max-width: 767px) { .newapp-section h2 { font-size: 32px; } }

.newapp-section p { text-align: center; color: #000000; font-weight: 400; font-size: 16px; line-height: 30px; margin: 0 auto 15px; max-width: 1000px; }

@media screen and (max-width: 991px) { .newapp-section p { line-height: 24px; font-size: 14px; } }

.newapp-section .inner-area .container .newapp-details-part { display: flex; flex-wrap: wrap; margin: 50px 0 0; }

@media screen and (max-width: 575px) { .newapp-section .inner-area .container .newapp-details-part { margin: 24px 0 0; } }

.newapp-section .inner-area .container .newapp-details-part .moible-block { width: 25%; padding: 0 10px; }

@media screen and (max-width: 767px) { .newapp-section .inner-area .container .newapp-details-part .moible-block { width: 50%; margin-top: 30px; } }

@media screen and (max-width: 575px) { .newapp-section .inner-area .container .newapp-details-part .moible-block { width: 100%; } }

.newapp-section .inner-area .container .newapp-details-part .moible-block .img-area { overflow: hidden; }

.newapp-section .inner-area .container .newapp-details-part .moible-block .img-area img { display: block; margin: auto; width: 100%; height: 270px; border-radius: 18px; object-fit: cover; }

@media screen and (max-width: 991px) { .newapp-section .inner-area .container .newapp-details-part .moible-block .img-area img { height: 200px; } }

@media screen and (max-width: 575px) { .newapp-section .inner-area .container .newapp-details-part .moible-block .img-area img { height: 84VW; } }

.newapp-section .inner-area .container .newapp-details-part .moible-block h4 { margin: 20px 0 6px; font-weight: 600; font-size: 20px; line-height: 24px; color: #000000; transition: 0.3s all; }

@media screen and (max-width: 1280px) { .newapp-section .inner-area .container .newapp-details-part .moible-block h4 { font-size: 18px; margin: 12px 0 4px; } }

.newapp-section .inner-area .container .newapp-details-part .moible-block p { color: #000000; font-size: 14px; font-weight: 400; line-height: 22px; max-width: 270px; text-align: left; margin: 0px; }

.screenshots-section-slider { overflow: hidden; padding: 70px 0; background-size: cover; background-repeat: no-repeat; position: relative; min-height: 660px; }

.screenshots-section-slider::before { content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(51, 179, 22, 0.7); position: absolute; }

.screenshots-section-slider .container { z-index: 10; position: relative; }

.screenshots-section-slider .container .inner-area { margin: 60px 0 0; }

@media screen and (max-width: 767px) { .screenshots-section-slider .container .inner-area { margin: 0; } }

.screenshots-section-slider .container .inner-area .ag-slider-nav button { border-radius: 50%; border: none; outline: none; background: transparent; padding: 0; margin: 0 0 0 20px; }

.screenshots-section-slider .container .inner-area .ag-slider-nav button button { margin: 0; }

.screenshots-section-slider .container .inner-area .app-gallery { display: flex; flex-flow: row wrap; }

.screenshots-section-slider .container .inner-area .app-gallery .ag-section-desc { width: 100%; max-width: 615px; z-index: 10; text-align: right; }

@media screen and (max-width: 1280px) { .screenshots-section-slider .container .inner-area .app-gallery .ag-section-desc { max-width: 500px; } }

@media screen and (max-width: 991px) { .screenshots-section-slider .container .inner-area .app-gallery .ag-section-desc { max-width: 400px; } }

@media screen and (max-width: 767px) { .screenshots-section-slider .container .inner-area .app-gallery .ag-section-desc { max-width: 100%; text-align: center; } }

.screenshots-section-slider .container .inner-area .app-gallery .ag-section-desc h2 { color: #ffffff; font-size: 50px; font-weight: 700; text-align: right; line-height: 61px; margin: 0 0 25px; }

@media screen and (max-width: 1280px) { .screenshots-section-slider .container .inner-area .app-gallery .ag-section-desc h2 { font-size: 38px; line-height: 1.2; } }

@media screen and (max-width: 991px) { .screenshots-section-slider .container .inner-area .app-gallery .ag-section-desc h2 { font-size: 34px; } }

@media screen and (max-width: 767px) { .screenshots-section-slider .container .inner-area .app-gallery .ag-section-desc h2 { font-size: 32px; text-align: center; } }

.screenshots-section-slider .container .inner-area .app-gallery .ag-section-desc h3 { font-size: 22px; line-height: 27px; font-weight: 700; color: #ffffff; display: block; margin: 10px 0 20px; }

@media screen and (max-width: 1280px) { .screenshots-section-slider .container .inner-area .app-gallery .ag-section-desc h3 { font-size: 18px; } }

.screenshots-section-slider .container .inner-area .app-gallery .ag-section-desc p { color: #ffffff; font-weight: 400; font-size: 16px; text-align: right; line-height: 22px; margin: 0 0 30px auto; max-width: 560px; }

@media screen and (max-width: 767px) { .screenshots-section-slider .container .inner-area .app-gallery .ag-section-desc p { margin: 0 auto 20px; text-align: center; } }

.screenshots-section-slider .container .inner-area .app-gallery .slider-ss-area { position: relative; width: calc(100% - 660px); padding-left: 0; }

@media screen and (max-width: 991px) { .screenshots-section-slider .container .inner-area .app-gallery .slider-ss-area { width: calc(100% - 400px); } }

@media screen and (max-width: 767px) { .screenshots-section-slider .container .inner-area .app-gallery .slider-ss-area { width: 100%; margin: 24px 0 0; } }

.screenshots-section-slider .container .inner-area .app-gallery .slider-ss-area .slider-overlap { position: absolute; overflow: hidden; top: -42px; left: 124px; width: calc(100% + 100vw); }

@media screen and (max-width: 1280px) { .screenshots-section-slider .container .inner-area .app-gallery .slider-ss-area .slider-overlap { left: 90px; } }

@media screen and (max-width: 991px) { .screenshots-section-slider .container .inner-area .app-gallery .slider-ss-area .slider-overlap { left: 25px; top: -25px; } }

@media screen and (max-width: 767px) { .screenshots-section-slider .container .inner-area .app-gallery .slider-ss-area .slider-overlap { position: relative; left: 15px; top: 0px; } }

.screenshots-section-slider .container .inner-area .app-gallery .slider-ss-area .main-iPhone-img { position: absolute; left: -3px; z-index: 5; pointer-events: none; }

.screenshots-section-slider .container .inner-area .app-gallery .slider-ss-area .main-iPhone-img img { width: 248px; height: 510px; object-fit: contain; }

.screenshots-section-slider .container .inner-area .app-gallery .slider-ss-area .ag-slider-wrapper { width: 226px; margin: 14px 0 0 8px; z-index: 4; outline: 0; }

.screenshots-section-slider .container .inner-area .app-gallery .slider-ss-area .ag-slider-wrapper .ag-slider .item img { width: 225px; object-fit: contain; height: 485px; object-position: top; border-radius: 24px; }

@media screen and (max-width: 991px) { .screenshots-section-slider .container .inner-area .app-gallery .slider-ss-area .ag-slider-wrapper .ag-slider .item img { margin: 0 auto; } }

.screenshots-section-slider .container .inner-area .app-gallery .slider-ss-area .owl-carousel .owl-stage-outer { overflow: visible; }

.reviews-section { padding: 150px 0 125px; background-color: rgba(102, 102, 102, 0.04); }

@media screen and (max-width: 1280px) { .reviews-section { padding: 125px 0 100px; } }

@media screen and (max-width: 991px) { .reviews-section { padding: 80px 0 70px; } }

@media screen and (max-width: 767px) { .reviews-section { padding: 60px 0 50px; } }

.reviews-section h2 { font-family: "Work Sans", sans-serif; color: #333333; font-size: 40px; font-weight: 700; text-align: center; line-height: 48px; margin: 0 0 25px; letter-spacing: -1px; }

@media screen and (max-width: 991px) { .reviews-section h2 { font-size: 30px; line-height: 38px; margin: 0 0 18px; } }

.reviews-section p { text-align: center; color: #666666; font-weight: 400; font-size: 16px; line-height: 30px; margin: 0 auto 15px; max-width: 800px; }

@media screen and (max-width: 991px) { .reviews-section p { line-height: 24px; font-size: 14px; } }

.reviews-section .container .inner-area { display: flex; flex-wrap: wrap; margin: 70px -10px 0; }

@media screen and (max-width: 1280px) { .reviews-section .container .inner-area { margin: 50px -10px 0; } }

.reviews-section .container .inner-area .client-review-box { padding: 0 10px; width: 33.33%; }

@media screen and (max-width: 991px) { .reviews-section .container .inner-area .client-review-box { width: 50%; } }

@media screen and (max-width: 575px) { .reviews-section .container .inner-area .client-review-box { width: 100%; } }

.reviews-section .container .inner-area .client-review-box .box-inner { background-color: #ffffff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); padding: 30px 40px; transition: 0.3s all; margin: 0 0 20px; }

@media screen and (max-width: 767px) { .reviews-section .container .inner-area .client-review-box .box-inner { padding: 20px 25px; } }

.reviews-section .container .inner-area .client-review-box .box-inner .box-header { height: 60px; width: 100%; margin: 0 0 30px; text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

@media screen and (max-width: 767px) { .reviews-section .container .inner-area .client-review-box .box-inner .box-header { margin: 0 0 20px; } }

.reviews-section .container .inner-area .client-review-box .box-inner .box-header img { width: 60px; height: 60px; border-radius: 50%; }

.reviews-section .container .inner-area .client-review-box .box-inner .box-header .name-post-part { margin: 0 0 0 15px; /*width: calc(100% - 60px);*/ }

.reviews-section .container .inner-area .client-review-box .box-inner .box-header .name-post-part h5 { margin: 0px; transition: 0.3s; font-size: 16px; font-weight: 700; line-height: 25px; margin: 0; margin-top: 0; text-align: left; color: #333333; }

.reviews-section .container .inner-area .client-review-box .box-inner .box-header .name-post-part h6 { margin: 0; font-size: 14px; font-weight: 300; line-height: 20px; text-align: left; color: #666666; }

.reviews-section .container .inner-area .client-review-box .box-inner .box-content { border-top: 1px solid rgba(102, 102, 102, 0.2); border-bottom: 1px solid rgba(102, 102, 102, 0.2); padding: 25px 0; opacity: 0.8; margin: 0 0 30px; }

@media screen and (max-width: 767px) { .reviews-section .container .inner-area .client-review-box .box-inner .box-content { padding: 20px 0; margin: 0 0 20px; } }

.reviews-section .container .inner-area .client-review-box .box-inner .box-content p { font-size: 16px; font-weight: 300; line-height: 30px; color: #333333; text-align: left; margin: 0px; }

@media screen and (max-width: 767px) { .reviews-section .container .inner-area .client-review-box .box-inner .box-content p { font-size: 14px; line-height: 24px; } }

.reviews-section .container .inner-area .client-review-box .box-inner .box-footer { text-align: center; }

.reviews-section .container .inner-area .client-review-box .box-inner .box-footer .rating-star i { color: #33B316; font-size: 16px; }

.reviews-section .container .inner-area .client-review-box .box-inner .box-footer span { color: #33B316; font-size: 12px; }

.reviews-section .container .inner-area .client-review-box .box-inner:hover { transition: 0.3s all; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.09); }

.reviews-section .container .inner-area .client-review-box .box-inner:hover .box-header h5 { color: #33B316; }

.tasks-section { background-color: #D6F3D0; }

.tasks-section .container .inner-container { display: flex; flex-wrap: wrap; align-items: flex-end; }

.tasks-section .container .inner-container .left-part { width: 354px; }

@media screen and (max-width: 991px) { .tasks-section .container .inner-container .left-part { order: 2; width: 300px; margin: 0 auto; } }

.tasks-section .container .inner-container .left-part img { width: 100%; max-width: 354px; }

.tasks-section .container .inner-container .right-part { padding: 70px 0 70px 36px; width: calc(100% - 354px); }

@media screen and (max-width: 991px) { .tasks-section .container .inner-container .right-part { padding: 45px 15px 15px; width: 100%; } }

@media screen and (max-width: 575px) { .tasks-section .container .inner-container .right-part { padding: 35px 0 15px; } }

.tasks-section .container .inner-container .right-part .inner-area { display: flex; flex-wrap: wrap; justify-content: center; }

.tasks-section .container .inner-container .right-part .inner-area .task-box { width: 50%; padding: 0 15px; }

@media screen and (max-width: 575px) { .tasks-section .container .inner-container .right-part .inner-area .task-box { width: 100%; padding: 0px; margin: 0 0 15px; } }

.tasks-section .container .inner-container .right-part .inner-area .task-box h3 { margin: 0 0 22px; font-size: 22px; font-weight: 600; color: #000000; transition: 0.3s all; }

@media screen and (max-width: 1280px) { .tasks-section .container .inner-container .right-part .inner-area .task-box h3 { font-size: 18px; } }

.tasks-section .container .inner-container .right-part .inner-area .task-box ul { margin: 0; padding: 0 0 0 30px; }

.tasks-section .container .inner-container .right-part .inner-area .task-box ul li { position: relative; font-weight: 400; font-size: 16px; color: #000000; padding: 0; list-style-type: none; margin-bottom: 20px; }

@media screen and (max-width: 1280px) { .tasks-section .container .inner-container .right-part .inner-area .task-box ul li { font-size: 14px; } }

.tasks-section .container .inner-container .right-part .inner-area .task-box ul li:before { content: ''; position: absolute; top: 0; left: -30px; width: 20px; height: 20px; background-image: url("../images/check-circle.png"); background-repeat: no-repeat; }

.tasks-section .container .inner-container .right-part .inner-area .notice-area { text-align: left; width: 100%; margin: 20px 0 0; }

@media screen and (max-width: 991px) { .tasks-section .container .inner-container .right-part .inner-area .notice-area { text-align: center; } }

@media screen and (max-width: 575px) { .tasks-section .container .inner-container .right-part .inner-area .notice-area { margin: 0; } }

.tasks-section .container .inner-container .right-part .inner-area .notice-area p { font-size: 16px; margin: 0 0 10px; color: #000000; }

@media screen and (max-width: 1280px) { .tasks-section .container .inner-container .right-part .inner-area .notice-area p { font-size: 14px; } }

.tasks-section .container .inner-container .right-part .inner-area .notice-area p b { color: #000000; }

.Pricing-section { overflow: hidden; }

.Pricing-section .content { padding: 70px 0 0; }

.Pricing-section .content .hightlight-text { color: #33B316; text-align: center; font-size: 22px; line-height: 27px; font-weight: 600; }

@media screen and (max-width: 1280px) { .Pricing-section .content .hightlight-text { font-size: 18px; } }

.Pricing-section .content h2 { color: #000000; text-align: center; font-size: 50px; font-weight: 700; line-height: 61px; margin: 0 0 26px; }

@media screen and (max-width: 1280px) { .Pricing-section .content h2 { font-size: 38px; line-height: 1.2; } }

@media screen and (max-width: 767px) { .Pricing-section .content h2 { font-size: 32px; } }

.Pricing-section .content p { text-align: center; color: #000000; font-weight: 400; font-size: 16px; line-height: 24px; margin: 0 auto 15px; max-width: 800px; }

@media screen and (max-width: 767px) { .Pricing-section .content p { font-size: 14px; } }

.Pricing-section .container .inner-area { display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin: -30px 0 0; }

@media screen and (max-width: 991px) { .Pricing-section .container .inner-area { margin: 0; } }

@media screen and (max-width: 767px) { .Pricing-section .container .inner-area { margin: 24px 0 0; } }

.Pricing-section .container .inner-area .left-part { width: calc(100% - 332px); padding: 0 26px 0 0; }

@media screen and (max-width: 991px) { .Pricing-section .container .inner-area .left-part { width: calc(100% - 270px); padding: 0 8px 0 0; } }

@media screen and (max-width: 767px) { .Pricing-section .container .inner-area .left-part { width: 100%; padding: 0 0 70px 0; } }

.Pricing-section .container .inner-area .left-part .pricing-box-area { display: flex; flex-wrap: wrap; }

.Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box { width: 50%; padding: 0 15px; margin: 0 0 20px; }

@media screen and (max-width: 767px) { .Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box { width: 100%; padding: 0; } }

.Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner { background-color: #ffffff; height: 100%; border-radius: 20px; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); }

@media screen and (max-width: 767px) { .Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner { border-radius: 14px; max-width: 430px; margin: 0 auto; } }

.Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .box-header { text-align: center; padding: 20px 0; background-color: #D6F3D0; }

@media screen and (max-width: 767px) { .Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .box-header { padding: 14px 0; } }

.Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .box-header h3 { color: #33B316; font-weight: 600; font-size: 50px; line-height: 1; margin: 0px; }

@media screen and (max-width: 1280px) { .Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .box-header h3 { font-size: 38px; line-height: 1.2; } }

@media screen and (max-width: 767px) { .Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .box-header h3 { font-size: 32px; } }

.Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .box-header span { color: #000000; font-weight: 400; font-size: 12px; line-height: 15px; }

.Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .middle-content { position: relative; border-top: 0; width: 100%; margin: 0; padding: 30px; text-align: center; }

@media screen and (max-width: 991px) { .Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .middle-content { padding: 30px 15px; } }

@media screen and (max-width: 767px) { .Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .middle-content { padding: 22px 15px; } }

.Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .middle-content h5 { margin: 0 0 10px; display: block; font-family: #000000; font-weight: 600; font-size: 22px; line-height: 27px; color: #000000; }

@media screen and (max-width: 991px) { .Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .middle-content h5 { font-size: 18px; } }

.Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .middle-content p { font-weight: 400; font-size: 16px; line-height: 22px; margin: 0 0 30px; color: #000000; }

@media screen and (max-width: 991px) { .Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .middle-content p { font-size: 14px; } }

.Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .middle-content a.button { position: relative; overflow: hidden; display: inline-block; margin: 0; padding: 14px 30px; font-size: 16px; line-height: 19px; font-weight: 500; text-transform: capitalize; transition: 0.5s all; color: #ffffff; background-color: #33B316; border-radius: 5px; border: 2px solid #33B316; }

@media screen and (max-width: 991px) { .Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .middle-content a.button { font-size: 14px; padding: 10px 18px; max-width: 170px; } }

.Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box .box-inner .middle-content a.button:hover { background-color: #ffffff; color: #33B316; text-decoration: none; border: 2px solid #33B316; }

.Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box:nth-child(2) .box-inner .box-header { background-color: #33B316; }

.Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box:nth-child(2) .box-inner .box-header h3, .Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box:nth-child(2) .box-inner .box-header span { color: #ffffff; }

.Pricing-section .container .inner-area .left-part .pricing-box-area .pricing-box:nth-child(2) .box-inner .middle-content span { color: #ffffff; }

.Pricing-section .container .inner-area .right-part { width: 332px; }

@media screen and (max-width: 991px) { .Pricing-section .container .inner-area .right-part { width: 270px; } }

@media screen and (max-width: 767px) { .Pricing-section .container .inner-area .right-part { display: none; } }

.Pricing-section .container .inner-area .right-part img { position: relative; top: 16px; }

.contactus-section { padding: 70px 0; background-color: #D6F3D0; text-align: center; }

.contactus-section h2 { color: #000000; text-align: center; font-size: 50px; font-weight: 700; line-height: 61px; margin: 0 0 16px; }

@media screen and (max-width: 1280px) { .contactus-section h2 { font-size: 38px; line-height: 1.2; } }

@media screen and (max-width: 767px) { .contactus-section h2 { font-size: 32px; } }

.contactus-section p { text-align: center; color: #000000; font-weight: 400; font-size: 16px; line-height: 24px; margin: 0 auto 30px; max-width: 800px; }

@media screen and (max-width: 767px) { .contactus-section p { font-size: 14px; } }

.contactus-section a.button { position: relative; overflow: hidden; display: inline-block; margin: 0; padding: 14px 30px; font-size: 16px; line-height: 19px; font-weight: 500; text-transform: capitalize; transition: 0.5s all; color: #ffffff; background-color: #33B316; border-radius: 5px; border: 2px solid #33B316; }

@media screen and (max-width: 991px) { .contactus-section a.button { font-size: 14px; padding: 10px 18px; max-width: 170px; } }

.contactus-section a.button:hover { background-color: #ffffff; color: #33B316; text-decoration: none; border: 2px solid #33B316; }

.downloadApp-section { padding: 70px 0 0; background-color: #33B316; }

.downloadApp-section .inner-area { display: flex; flex-wrap: wrap; }

.downloadApp-section .inner-area .left-part { width: 35%; text-align: center; }

@media screen and (max-width: 767px) { .downloadApp-section .inner-area .left-part { width: 100%; order: 2; } }

.downloadApp-section .inner-area .right-part { width: 65%; }

@media screen and (max-width: 767px) { .downloadApp-section .inner-area .right-part { order: 1; width: 100%; margin: 0 0 32px; } }

.downloadApp-section .inner-area .right-part .store-app-area { display: flex; flex-wrap: wrap; margin: 50px 0 0 0; }

.downloadApp-section .inner-area .right-part .store-app-area a { display: inline-block; margin: 0 20px 0 0; }

@media screen and (max-width: 767px) { .downloadApp-section .inner-area .right-part .store-app-area a { margin: 0 8px 0 0; } }

@media screen and (max-width: 767px) { .downloadApp-section .inner-area .right-part .store-app-area a img { max-width: 130px; } }

.downloadApp-section .highlight-text { font-weight: 600; font-size: 22px; line-height: 27px; color: #ffffff; }

@media screen and (max-width: 991px) { .downloadApp-section .highlight-text { font-size: 18px; } }

.downloadApp-section h2 { color: #ffffff; font-size: 40px; font-weight: 700; line-height: 48px; margin: 0 0 35px; }

@media screen and (max-width: 1280px) { .downloadApp-section h2 { font-size: 36px; line-height: 1.2; } }

@media screen and (max-width: 767px) { .downloadApp-section h2 { font-size: 30px; } }

.downloadApp-section p { color: #ffffff; font-weight: 400; font-size: 16px; line-height: 22px; margin: 0; }

@media screen and (max-width: 767px) { .downloadApp-section p { font-size: 14px; } }

.downloadApp-section .button-app-downloader { display: flex; justify-content: center; flex-wrap: wrap; }

.downloadApp-section .inner-area { background-repeat: no-repeat; }

.downloadApp-section .inner-area .bottom-image { padding: 65px 0 0; text-align: center; }

.terms-of-use-content { padding: 150px 0 0; }

@media screen and (max-width: 991px) { .terms-of-use-content { padding: 120px 0 0; } }

.terms-of-use-content h1 { font-family: "Work Sans", sans-serif; text-transform: uppercase; color: #333333; font-size: 40px; font-weight: 700; text-align: center; line-height: 48px; margin: 0 0 25px; letter-spacing: -1px; }

@media screen and (max-width: 991px) { .terms-of-use-content h1 { font-size: 36px; } }

@media screen and (max-width: 767px) { .terms-of-use-content h1 { font-size: 26px; } }

.terms-of-use-content p { color: #666666; font-weight: 400; font-size: 16px; text-align: left; line-height: 30px; margin: 0 0 25px; }

@media screen and (max-width: 767px) { .terms-of-use-content p { font-size: 14px; } }

.terms-of-use-content p a { color: #333333; transition: 0.3s all; font-weight: 600; }

.terms-of-use-content p a:hover { color: #33B316; transition: 0.3s all; }

.terms-of-use-content h3 { font-family: "Work Sans", sans-serif; font-size: 18px; font-weight: 700; line-height: 28px; color: #333333; display: block; }

.terms-of-use-content h4 { font-family: "Work Sans", sans-serif; font-size: 16px; font-weight: 700; line-height: 28px; color: #33B316; display: block; }

.terms-of-use-content ul.alphaB-ul li { list-style-type: lower-alpha; }

.terms-of-use-content ul.alphaB-ul li p { font-size: 14px; color: #666666; font-weight: 400; line-height: 26px; margin: 0 0 15px; }

.terms-of-use-content ul.dots-ul li { list-style-type: disc; }

.terms-of-use-content ul.dots-ul li p { font-size: 14px; color: #666666; font-weight: 400; line-height: 26px; margin: 0 0 15px; }

.terms-of-use-content ul.numbers-ul li { list-style-type: decimal; }

.terms-of-use-content ul.numbers-ul li p { font-size: 14px; color: #666666; font-weight: 400; line-height: 26px; margin: 0 0 15px; }

body.privacy-policy .site-footer a:nth-child(2) { color: #33B316; }

body.terms-of-use .site-footer a:nth-child(1) { color: #33B316; }

body.payment .site-footer a:nth-child(3) { color: #33B316; }

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/** Syntax highlighting styles */
.highlight { background: #fff; }

.highlighter-rouge .highlight { background: #eef; }

.highlight .c { color: #998; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .nv { color: #008080; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

/*# sourceMappingURL=main.css.map */