* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    font-family: Rubik, sans-serif;
}
a img {
    border: none;
    text-decoration: none;
    outline: 0;
}
a,
button {
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    display: block;
    color: #212529;
}
a {
    text-decoration: none;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
a:hover {
    text-decoration: none;
}
a:focus {
    outline: 0;
    text-decoration: none;
}
button {
    border: none;
}
button:focus {
    outline: 0 !important;
    box-shadow: none !important;
}
p {
    font-size: 14px;
    color: #7a7979;
    font-weight: 400;
    margin: 0 0 10px;
    line-height: 22px;
}
.pl {
    font-size: 18px;
    line-height: 28px;
}
label {
    margin: 0;
}
li,
ol,
ul {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    margin: 0;
}
img {
    max-width: 100%;
    height: auto;
    width: auto;
}
h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
    margin-bottom: 0;
    color: #414141;
    font-family: Rubik, sans-serif;
    font-weight: 700;
    line-height: normal;
}
li,
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
button:focus,
input:focus {
    outline: 0;
}
textarea {
    outline: 0;
    resize: none;
}
:root {
    --themecolor: #8dc344;
}
::-webkit-input-placeholder {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 400;
}
:-ms-input-placeholder {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 400;
}
::placeholder {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 400;
}
.sub_head {
    font-size: 14px;
    font-weight: 500;
    color: #fcb041;
    margin-bottom: 10px;
    display: inline-block;
}
.stripe {
    width: 210px;
    height: 8px;
    background: #000;
    right: 0;
    position: absolute;
    top: 0;
}
.form-group {
    margin-bottom: 0;
}
.p0 {
    padding: 0;
}
.pr-0 {
    padding-right: 0 !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.ml15 {
    margin-left: -15px;
}
.custompad {
    padding-top: 90px;
    padding-bottom: 90px;
}
.custompad2 {
    padding-top: 70px;
    padding-bottom: 70px;
}
.container {
    max-width: 1700px;
    width: 94%;
}
.container-full {
    width: 100%;
}
.text-right {
    text-align: right;
}
.w100 {
    width: 100%;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
.brdrwhite {
    border: thin solid #fff;
}
.brdrgrey {
    border: thin solid #a1a1a1;
}
.bordr-right {
    border-right: thin solid #fff;
}
.brdr1 {
    width: 100px;
    height: 2px;
    background: #343434;
    margin-top: 15px;
    float: left;
}
.btn1 {
    font-size: 15px;
    color: #000;
    display: inline-block;
    letter-spacing: 1px;
}
.btn1:hover {
    color: #000;
}
.row-reverse {
    flex-direction: row-reverse;
}
.brdr {
    border: thin solid #d7d7d7;
}
.brdr-btm {
    border-bottom: thin solid #636363;
}
.p7 {
    padding-left: 7px;
    padding-right: 7px;
}
.pb0 {
    padding-bottom: 0 !important;
}
.br5 {
    border-radius: 5px;
}
.br25 {
    border-radius: 25px;
}
.empty-space {
    width: 100%;
    float: left;
    height: 20px;
}
.mtop {
    margin-top: 90px;
}
.mbtm {
    margin-bottom: 90px;
}
.brdrwhite {
    border-top: 1px solid #fff;
}
.brdryellow {
    border-top: 1px solid #efab47;
}
.border-btm {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    width: 100%;
    float: left;
}
.bold14 {
    font-weight: 700;
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #fff;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 555;
}
#return-to-top i {
    color: #8dc344;
    margin: 0;
    position: relative;
    left: 18px;
    top: 13px;
    font-size: 19px;
    -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;
}
#return-to-top:hover i {
    color: #8dc344;
    top: 5px;
}
header {
    position: absolute;
    width: 100%;
    float: left;
    z-index: 4;
}
.affix {
    z-index: 999;
    position: fixed;
    top: 0;
    animation: smoothScroll 1s forwards;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.affix .logo {
    background: 0 0;
    width: auto;
    height: auto;
    position: relative;
}
.affix .logo img {
    margin-top: 0;
}
.affix .border-btm {
    display: none;
}
@keyframes smoothScroll {
    0% {
        transform: translateY(-60px);
    }
    100% {
        transform: translateY(0);
    }
}
.title {
    color: #464646;
    font-size: 40px;
    line-height: normal;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.title2{
color: #464646;
    font-size:20px;
    line-height: normal;
    margin-bottom: 15px;
    font-weight: 500;
}
.title-sm {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 15px;
    color: #8dc344;
}
.menu {
    float: left;
    margin-right: 18px;
}
.header-right {
    float: right;
    margin-right: 40px;
}
.logo {
    float: left;
}
.logo img {
    width: 116px;
}
#overlayer {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1111;
    background: #fff;
    overflow: hidden;
}
.loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: fixed;
    z-index: 1115;
    border: 4px solid #8dc344;
    top: 50%;
    animation: loader 2s infinite ease;
    left: 0;
    right: 0;
    margin: auto;
}
.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #8dc344;
    animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
    0% {
        transform: rotate(0);
    }
    25% {
        transform: rotate(180deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes loader-inner {
    0% {
        height: 0%;
    }
    25% {
        height: 0%;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0%;
    }
}
header .container {
    max-width: 1820px;
    width: 94%;
}
.scroll-sec {
    position: relative;
}
.banner {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}
.banner .banner-img {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}
.banner .caption {
    max-width: 700px;
    margin-left: 190px;
    width: 100%;
}
.banner .caption h1 {
    font-family: Rubik, sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.banner .caption p {
    font-family: Rubik, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}
.btn1 {
    margin-top: 20px;
    font-size: 13px;
    padding: 13px 33px;
    display: inline-block;
    background: #fcb041;
}
.bg_shape {
    width: 100%;
    height: 182px;
    background: url(../images/banner-shape.png) no-repeat;
    background-size: 100% 182px;
    position: absolute;
    bottom: 0;
    z-index: 5;
}
.quick_enq {
    height: 100%;
    width: 90px;
    position: absolute;
    right: 0;
    max-height: 100%;
    overflow: hidden;
    background: #8dc344;
}
.quick_btn:hover {
    background: #fff;
    border: 1px solid #fff;
}
.quick_btn:hover a {
    color: #8dc344;
}
.social-share {
    text-align: center;
    top: 30%;
    transform: translateY(-30%);
    transform: -moz-translateY(-30%);
    position: absolute;
    width: 100%;
}
.social-share li a {
    font-size: 20px;
    color: #fff;
    margin: 10px auto;
}
.social-share li a:hover i {
    color: #0679a8;
}
.quick_btn {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    width: 165px;
    height: 26px;
    margin-left: -38px;
    border: 1px solid #fff;
    text-align: center;
    position: absolute;
    bottom: 250px;
}
.quick_btn a {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: block;
}
.bgc1 {
    background: #d7fee8;
}
.bgc2 {
    background: #dfedff;
}
.bgc3 {
    background: #efe7fe;
}
.bgc4 {
    background: #fee;
}
.bgc5 {
    background: #f8ffd2;
}
.bgwhite {
    background: #fff;
}
.themecolor {
    background: #8dc344;
}
.home {
    width: 100%;
    float: left;
}
.service-sec {
    width: 100%;
    float: left;
    background: #efefef;
}
.service-sec .col {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.service-sec .box {
    padding: 70px 35px;
    width: 100%;
    float: left;
    height: 100%;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.icon-holder {
    max-width: 55px;
    display: inline-block;
    margin-bottom: 25px;
}
.service-sec .box h2 {
    font-size: 18px;
    font-weight: 600;
    color: #272727;
    margin-bottom: 10px;
    min-height: 45px;
    overflow: hidden;
    text-transform: uppercase;
}
.service-sec .box p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
}
.right-ar {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    background: #8dc344;
    text-align: center;
    line-height: 45px;
    margin-top: 20px;
    cursor: default;
}
.right-ar i {
    font-size: 14px;
    color: #fff;
}
.slick-track {
    display: flex;
}
.slick-slide {
    height: inherit;
}
.service-sec .box:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    margin-top: -5px;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.right-ar:hover i {
    animation: rotating 1s linear alternate;
}
@keyframes rotating {
    0 {
        margin-left: 10px;
    }
    50% {
        margin-left: 10px;
    }
    100% {
        margin-left: 10px;
    }
}
.section-common {
    width: 100%;
    float: left;
    background: #efefef;
    position: relative;
}
.section-common.about-us{background: #fff;}
.section-common.about-us .inner-box .box1:after{border-top: 40px solid #ffffff;}
.section-common.about-us .inner-box .in-box {width: 100%;}
.section-common .box {
    padding-right: 70px;
}
.section-common .inner-box {
    margin-top: 50px;
    display: flex;
    width: 105%;
    position: relative;
    z-index: 2;
}
.section-common .inner-box .in-box{
    width: 50%;
    float: left;
   padding: 45px 60px;
}
.section-common .inner-box .in-box.custom {
    width: 100%;
    float: left;
   padding: 0!important;
    display: flex;
    align-items: center;
}
.section-common .inner-box .in-box .r-side{padding-left: 30px}
.section-common .inner-box .in-box .r-side p{margin-bottom: 0}
.section-common .inner-box .in-box  img{width: 250px}
.section-common .inner-box .box1 {
    background: #f6f9ff;
    position: relative;
}
.section-common .inner-box .box1:after {
    width: 0;
    height: 0;
    border-top: 40px solid #efefef;
    border-right: 30px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}
.section-common .inner-box .box2:after {
    width: 0;
    height: 0;
    border-top: 40px solid #f6f9ff;
    border-right: 30px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}
.section-common .inner-box .box1 h3 {
    color: #464646;
}
.section-common .inner-box .box1 p {
    color: #7a7979;
}
.section-common .inner-box .box2 {
    background: #8dc344;
    position: relative;
}
.section-common .inner-box .box2 h3 {
    color: #fff;
}
.section-common .inner-box .box2 p {
    color: #fff;
}
.section-common .box-right {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    bottom: 0;
}
.reverse .row {
    flex-direction: row-reverse;
}
.reverse .box-right {
    right: auto;
    left: 0;
}
.reverse .box {
    padding-right: 0;
    padding-left: 90px;
}
.reverse .inner-box {
    margin-left: -5%;
}
.inner-box.custom .box2:after {
    border-top: 40px solid #8dc344;
    border-right: 30px solid transparent;
}
.inner-box.custom .box1:after {
    border-top: 40px solid #fff;
    border-right: 30px solid transparent;
}
.reverse .box img {
    width: 100%;
    margin-right: 70px;
    float: right;
    margin-top: 70px;
    max-width: 80%;
}
.read_btn {
    background: #8dc344;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 15px 25px;
    margin-top: 20px;
    border-radius: 3px;
    border: 1px solid #8dc344;
}
.read_btn:hover {
    background: #fff;
    color: #8dc344;
    border: 1px solid #fff;
    animation: rotating 1s linear alternate;
}
.read_btn i {
    margin-left: 15px;
    font-size: 13px;
}
.inner-box.custom .in-box {
    padding-left: 110px;
    padding-right: 30px;
}
.inner-box.custom .in-box i {
    position: absolute;
    left: 30px;
    width: 60px;
}
.inner-box.custom .box1 {
    background: #8dc344;
}
.inner-box.custom .box2 {
    background: #f3f3f4;
}
.section-common .inner-box.custom .box1 h3,
.section-common .inner-box.custom .box1 p {
    color: #fff;
}
.section-common .inner-box.custom .box2 h3,
.section-common .inner-box.custom .box2 p {
    color: #464646;
}
.accounting-sw .inner-box.custom .box1:after {
    border-top: 40px solid #efefef;
    border-right: 30px solid transparent;
}
.shape2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
}
.ecommerce-app {
    width: 100%;
    float: left;
    background: #8dc344;
}
.bg-shape1 {
    background: url(../images/bg-shape.png) no-repeat center right 0;
    background-size: auto;
}
.ecommerce-app .col-r {
    margin-left: -15px;
}
.ecommerce-app .box {
    padding-right: 90px;
}
.ecommerce-app .box h2 {
    color: #fff;
}
.ecommerce-app .box p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}
.read_btn2 {
    background: #fff;
    color: var(--themecolor);
    font-size: 14px;
    display: inline-block;
    padding: 15px 25px;
    margin-top: 20px;
    border-radius: 3px;
}
.read_btn2 i {
    margin-left: 15px;
    font-size: 13px;
    color: var(--themecolor);
}
.read_btn2:hover i {
    animation: rotating 1s linear alternate;
}
.read_btn2:hover a {
    color: var(--themecolor);
}
.icon-holder-2 {
    width: 140px;
    display: inline-block;
    margin-bottom: 15px;
}
.testimonial {
    width: 100%;
    float: left;
}
.testimonial .content {
    padding-left: 50px;
    padding-top: 50px;
    width: 100%;
    float: left;
}
.testimonial .test-slider {
    margin-top: 70px;
}
.testimonial .box-right {
    display: flex;
    overflow: hidden;
}
.testimonial .img-left img {
    height: 100%;
    object-fit: cover;
}
.testimonial .box {
    width: 50%;
    float: left;
    padding: 40px 70px;
    height: 100%;
}
.testimonial .box p {
    font-size: 16px;
    line-height: 28px;
}
.testimonial .box .testi-icon {
    margin-bottom: 40px;
    display: inline-block;
    width: 70px;
}
.testimonial .bx-l {
    background: #efefef;
}
.testimonial .bx-r {
    background: #8dc344;
}
.style1 {
    background: #707070;
    margin-top: 30px;
    margin-bottom: 30px;
}
.style2 {
    background: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
}
.testimonial .bx-r h2,
.testimonial .bx-r p {
    color: #fff;
}
.testimonial .test-face {
    position: relative;
    padding-left: 100px;
    padding-top: 0;
}
.testimonial .test-face .face {
    left: 0;
    position: absolute;
    top: 0;
}
.testimonial .test-face .face img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.testimonial .test-slider {
    display: flex;
    height: 100%;
    flex-wrap: wrap;
}
.testimonial .test-slider > div {
    height: 100%;
}
.testimonial .slick-track {
    height: 100%;
}
.outer {
    overflow: hidden;
    width: 100%;
    float: left;
}
footer {
    width: 100%;
    float: left;
    margin-top: 50px;
}
footer .ftr_logo {
    margin-bottom: 10px;
    width: 170px;
}
footer .left {
    background: #efefef;
    position: relative;
}
footer .c-left {
    width: 100%;
    float: left;
    padding-top: 80px;
    padding-right: 250px;
    min-height: 510px;
    position: relative;
}
footer .left:before {
    content: "";
    position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #efefef;
    top: 0;
}
footer .c-right {
    width: 100%;
    float: left;
    background: #8dc344;
    padding-top: 80px;
    position: relative;
}
footer .right {
    background: #8dc344;
    position: relative;
}
footer .right:after {
    content: "";
    position: absolute;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #8dc344;
    top: 0;
}
footer .social-share2 {
    margin-top: 30px;
}
footer .social-share2 li {
    display: inline-block;
    margin: 0 10px;
}
footer .social-share2 li a {
    font-size: 18px;
}
footer .social-share2 li a:hover {
    color: #0073ce;
}
footer .c-right {
    padding-left: 270px;
    position: relative;
}
footer .c-left .img-block {
    top: -60px;
    right: -235px;
    position: absolute;
    max-width: 410px;
    z-index: 1;
}
footer .c-right h2 {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}
footer .c-right .quick-links ul {
    width: 100%;
}
footer .c-right ul {
    float: left;
    margin-top: 20px;
    width: 100%
}
footer .c-right ul li a {
    color: #fff;
    margin-bottom: 10px;
}
footer .c-right ul li a:hover {
    color: #0073ce;
}
footer .c-right .c-info {
    width: 100%;
}
footer .c-right .c-info ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
 footer .c-right .c-info ul li{
    display: flex;
    align-items: center;
    margin-bottom: 15px
 }
footer .c-right .c-info li a {
    display: flex;
    align-items: center;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0
}
footer .c-right .c-info li i {
    width: 30px;
    max-width: 30px;
    flex: 0 0 auto;
    margin-right: 20px;
    float: left;
}
footer .copy-rite {
    font-size: 14px;
    color: #4b4b4b;
    top: -50px;
    position: relative;
    z-index: 2;
    height: 0;
}
.innerpage {
    overflow: hidden;
}
.inner-banner {
    height: 320px;
    position: relative;
}
.inner-banner h1 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
}
.about .section-1 {
    width: 100%;
    float: left;
}
.about .section-1 .content {
    padding-right: 70px;
    padding-top: 50px;
}
.about .section-1 .img-block img {
    width: 100%;
}
.about .section-2 {
    width: 100%;
    float: left;
    background: #8cc344;
}
.about .section-2 .img-box {
    height: 100%;
}
.about .section-2 .box {
    padding: 40px 60px;
}
.about .section-2 .box i img {
    max-width: 60px;
    margin-bottom: 20px;
}
.about .section-2 .box h3 {
    color: #fff;
}
.about .section-2 .box p {
    color: #fff;
}
.about .section-3 {
    width: 100%;
    float: left;
    position: relative;
}
.about .section-3 .bx-left {
    width: 50%;
    float: left;
    margin-left: -15%;
}
.about .section-3 .bx-right {
    width: 65%;
    float: left;
    padding-left: 75px;
}
.title-wrap {
    display: flex;
    align-items: center;
    margin-left: -15px;
    width: 80%;
}
.title-wrap h2 {
    padding-right: 30px;
    border-right: 2px solid #8cc344;
    margin-right: 30px;
    margin-bottom: 0px;
}
.about .section-3 .bx-right .row {
    margin-top: 40px;
}
.about .section-3 .bx-right .box1 {
    background: #8cc344;
}
.about .section-3 .bx-right .box2 {
    background: #efefef;
}
.about .section-3 .bx-right .content {
    padding: 50px 45px;
}
.about .section-3 .bx-right .content ul li {
    margin-bottom: 10px;
    font-size: 16px;
}
.about .section-3 .bx-right .box1 .content ul li {
    color: #fff;
    background: url(../images/list-icon-1.png) no-repeat left top 9px;
    padding-left: 25px;
}
.about .section-3 .bx-right .box2 .content ul li {
    color: #6f6f6f;
    background: url(../images/list-icon-2.png) no-repeat left top 9px;
    padding-left: 25px;
}
.career {
    width: 100%;
    float: left;
}
.career .container {
    max-width: 1250px;
}
.career .current-opening {
    width: 100%;
    float: left;
    background: #8cc344;
    padding-bottom: 320px;
}
.career .current-opening h2,
.career .current-opening h3,
.career .current-opening p {
    color: #fff;
}
.career .posts {
    width: 100%;
    float: left;
    margin-top: -250px;
}
.career .posts .box {
    background: #f0f0f0;
    width: 100%;
    float: left;
    padding: 60px 0 60px 60px;
    margin-bottom: 15px;
    min-height: 400px;
    margin-left: 0;
    margin-right: 0;
}
.career .posts .box-left {
    padding-right: 35px;
}
.career .posts .box-right {
    padding-right: 0;
}
.career .posts p.bold {
    font-weight: 500;
    color: #6f6f6f;
    font-size: 14px;
}
.career .posts ul li {
    color: #6f6f6f;
    font-size: 14px;
    margin: 0 0 10px;
}
.career .posts ul li:last-child {
    margin-bottom: 0;
}
.career .posts .mailto {
    margin-top: 50px;
    font-size: 18px;
    font-weight: 500;
    background: #8cc344;
    color: #fff;
    padding: 20px 40px;
    text-align: left;
    display: block;
}
.restaurant-mgmt .restaurant-sw {
    width: 100%;
    float: left;
    background: #efefef;
    position: relative;
}
.restaurant-mgmt .restaurant-sw .img-box {
    width: 80%;
    float: left;
    margin-top: 150px;
    margin-left: 70px;
    position: relative;
    z-index: 2;
}
.shape {
    position: absolute;
    left: -150px;
    top: 120px;
    width: 60%;
    height: 100%;
    background-size: 100%;
    background: url(../images/shape.png) no-repeat;
    z-index: 1;
}
.restaurant-mgmt .restaurant-sw .img-box img {
    width: 668px;
}
.restaurant-mgmt .restaurant-sw .content {
    padding-top: 120px;
    padding-right: 70px;
    padding-bottom: 200px;
}
.restaurant-mgmt .we-offer {
    width: 100%;
    float: left;
    padding-top: 360px;
    background: #8cc344;
    margin-top: -170px;
    position: relative;
}
.restaurant-mgmt .we-offet-text {
    margin-top: -300px;
    padding-left: 70px;
    padding-bottom: 90px;
    background: url(../images/line.png) no-repeat bottom left;
    float: right;
    width: 50%;
}
.restaurant-mgmt .we-offet-text p {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 37px;
}
.restaurant-mgmt .we-offer .box {
    position: relative;
    padding-left: 110px;
    float: left;
    width: 100%;
}
.icon-holder-3 {
    width: 85px;
    position: absolute;
    left: 0;
}
.icon-holder-3 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.restaurant-mgmt .kot-billing {
    width: 100%;
    float: left;
}
.restaurant-mgmt .we-offer .box h3,
.restaurant-mgmt .we-offer .box p {
    color: #fff;
}
.restaurant-mgmt .we-offer .box-blk {
    padding: 0 40px;
    margin-bottom: 80px;
}
.restaurant-mgmt .we-offer .box {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 10px;
    height: 100%;
}
.restaurant-mgmt .bottom-section {
    width: 100%;
    float: left;
}
.restaurant-mgmt .bottom-section .img-box {
    height: 500px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
.restaurant-mgmt .bottom-section .img-box:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    opacity: 0;
    transition: 0.5s ease;
}
.restaurant-mgmt .bottom-section .img-box:hover:after {
    opacity: 1;
}
.btn_links {
    font-size: 20px;
    font-weight: 700;
    width: 180px;
    height: 105px;
    background: #efefef;
    position: absolute;
    left: 50px;
    bottom: -30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}
.btn_links:hover {
    background: #8dc344;
}
.account-sw .section-1 {
    width: 100%;
    float: left;
    background: url(../images/bg-shape1.png) no-repeat bottom right;
    background-size: cover;
}
.account-sw .section-1 .content {
   padding: 50px;
    background: #fff;
}
.account-sw .section-2 {
    background: #8dc344;
    width: 100%;
    float: left;
}
.account-sw .section-2 .bx-left {
    padding-right: 90px;
    width: 100%;
    float: left;
}
.account-sw .section-2 .bx-left h2 {
    color: #fff;
}
.account-sw .section-2 .bx-left h3 {
    color: #fff;
}
.account-sw .section-2 .bx-left p {
    color: #fff;
}
.account-sw .section-2 .bx-left .in-box {
    margin-top: 50px;
}
.account-sw .section-2 .bx-left .box {
    position: relative;
    padding-left: 90px;
    padding-right: 70px;
    margin-bottom: 60px;
}
.icon-holder-4 {
    position: absolute;
    width: 80px;
    left: 0;
}
.icon-holder-4 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.account-sw .section-2 .bx-right {
    background: #fff;
    border-radius: 10px;
    padding: 60px 60px;
}
.account-sw .section-2 .bx-right h3 {
    font-size: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.account-sw .section-3 {
    width: 100%;
    float: left;
}
.account-sw .section-3 .content {
    padding-left: 75px;
}
.ecommerce .section-1 .content2 {
    padding-top: 50px;
    padding-bottom: 150px;
}
.ecommerce .section-2 .img-box {
    width: 120%;
    margin-top: -150px;
}
.ecommerce .section-2 .bx-left {
    margin-top: -100px;
}
.ecommerce .section-2 .bx-left .box {
    margin-bottom: 30px;
}
.ecommerce .icon-holder-4 img {
    max-width: 40px;
}
.ecommerce .section-3 .coll {
    border-radius: 10px;
    margin-top: 30px;
}
.ecommerce .section-3 .box-1 {
    padding-top: 50px;
    padding-right: 50px;
}
.ecommerce .section-3 .box-3 {
    margin-top: 20px;
}
.coll h3 {
    color: #8cc344;
}
.coll-1 h3,
.coll-1 p {
    color: #fff;
}
.title-wrap2 {
    display: flex;
    align-items: center;
}
.title-wrap2 i {
    width: 30px;
    margin-right: 20px;
    flex: 0 0 auto;
}
.coll-1 hr {
    background-color: #fff;
    margin: 0;
}
.coll hr {
    margin: 0;
}
.title-wrap2 {
    padding: 20px 30px;
}
.ecommerce .section-3 .coll p {
    padding: 20px 30px 30px;
    margin-bottom: 0;
}
.enquiry-pop .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 4;
}
.enquiry-pop .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    max-width: 100%;
}
.enquiry-pop .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
    border: none;
}
.enquiry-pop .modal-body {
    display: flex;
    align-items: center;
}
.enquiry-pop .form-wrap {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.enquiry-pop .h2 {
    text-align: center;
}
.enquiry-pop .input-group {
    margin-bottom: 30px;
    width: 100%;
    float: left;
}
.enquiry-pop .input_fi {
    border: none;
    border-bottom: thin solid #6f6f6f;
    padding-bottom: 15px;
    width: 100%;
}
.send-message {
    background: #8dc344;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 15px 45px;
    margin-top: 20px;
    border-radius: 3px;
    border: 1px solid #8dc344;
}
.contact .section-1 {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
}
.contact .section-1 .c-info-2 {
    
}
.contact .section-1 .box-w {
    margin-top: 40px;
    background: #8cc344;
    padding: 60px 50px 30px;
    margin-left: 0;
    margin-right: 0;
}
.icon-holder-5 {
    width: 65px;
    height: 65px;
    border-radius: 50px;
    background: #fff;
    display: inline-block;
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
}
.icon-holder-5 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 30px;
}
.contact {
    margin-bottom: -60px;
}
.contact + .outer {
    background: #efefef;
}
.contact .section-1 .box-w .box {
    padding-left: 90px;
    position: relative;
    margin-bottom: 30px;
}
.contact .section-1 .box-w .box h3,
.contact .section-1 .box-w .box p {
    color: #fff;
}
.contact .section-1 .box-w .box a {
    color: #fff;
}
.contact .section-1 .box-w .box a:hover {
    color: #0073ce;
}
.contact .section-1 .box-w .box .social-share2 li {
    display: inline-block;
    margin-right: 10px;
}
.c-map {
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0;
}
#map {
    height: 100%;
    width: 120% !important;
}
.contact .section-2 {
    width: 100%;
    float: left;
    background: #efefef;
    margin-top: 0!important;
    position: relative;
}
.contact .section-2 .col-left {
    padding-right: 70px;
}
.contact .form-wrap {
    margin-top: 40px;
}
.input-group2 {
    margin-bottom: 40px;
    width: 100%;
    float: left;
    padding-right: 50px;
}
.input_fi2 {
    border: none;
    border-bottom: thin solid #6f6f6f;
    padding-bottom: 15px;
    width: 100%;
    background: 0 0;
}
.texti_fi2 {
    height: 100px;
}
.captcha {
    margin-top: 20px;
}
.contact .fixed-right {
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.contact .fixed-right img {
    position: absolute;
    bottom: 0;
    max-height: 100%;
}
.btn-group2 {
    margin-top: 20px;
}
.border {
    border: 1px solid rgba(222, 226, 230, 0.5) !important;
}
.title-wrap p {
    margin-bottom: 0px;
}

.slider-1 .slick-track{display: flex!important;}
.slider-1 .slick-slide{height: auto;}
.banner .caption h5{
        font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.list01{
    display: flex;
    grid-gap: 10px;
    flex-wrap: wrap;}
.list01 li{width: 49%;    background: url(../images/list-icon-2.png) no-repeat left top 9px;
    padding-left: 25px;font-size:14px;}

.trail-box{
        display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.trail-box h4{
    font-size: 27px;
    font-weight: 300;
    text-transform: uppercase;
    color: #585454;
    padding-left: 25px
}
    .trail-box h3{
        font-size: 50px;
    background: #8dc344;
    padding: 20px 20px;
    color: #fff!important;
    display: inline-block;
    }
   .trail-box h4 span {
            display: block;
    font-weight: 700;
    font-size: 30px;
    color: #585454;
    }

    .bg-img{height: 500px}

    .banner .caption p br{display: none;}
    .section-common.about-us p,.section-common.accounting-sw .box p,.section-common.restaurant-mgmt .box p,.about .section-1 p,.innerpage.restaurant-mgmt .content p,.innerpage.account-sw.ecommerce .content2 p{text-align: justify;}