@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@100;200;300;400;600;700;800;900&display=swap');



body { font-size: 17px; font-family: 'Overpass', sans-serif; color: #333333; }

p{line-height: 1.42;}

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

ul { padding: 0; margin: 0; }

img{max-width: 100%; }

.btn{-webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear;}

input.form-control{background: #ffffff; height: 43px; font-size: 16px; color: #333333; font-weight: 400; padding: 9px 15px; box-shadow: 0 0 0 rgba(0,0,0,0); border-radius: 0; border: 1px solid #cecccc;  }

textarea.form-control{font-size: 16px; color: #333333; font-weight: 400; padding: 10px 15px; box-shadow: 0 0 0 rgba(0,0,0,0); border-radius: 0; border: 1px solid #cecccc; height: 120px; resize: none; }

input.form-control:focus, textarea.form-control:focus{box-shadow: 0 0 5px rgba(0,0,0,0.25); border-color: #dedede;  }

.back-top-div{position: fixed; right: 30px; bottom: 0; opacity: 0; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear;  }

a.back-top{display: block; height: 45px; width: 45px; background: #8cc63e; color: #fff; text-align: center; line-height: 50px; font-size: 26px; border-radius: 50%; }

.back-top-div.active{opacity: 1; bottom: 45px; }

a{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}

iframe{display: block; border: none; }



/* Home Page */

header.header .top-header{background: #1b793f; padding: 11px 0; color: #ffffff; }

header.header .top-header .hdr-contact { padding: 1px 0 2px 0; }

header.header .top-header .hdr-contact ul{ padding: 0; list-style: none; }

header.header .top-header .hdr-contact ul li { display: inline-block; margin: 0 25px 0 0; }

header.header .top-header .hdr-contact ul li a { font-size: 14px;font-weight: 600; display: inline-block;}

header.header .top-header .hdr-contact ul li a img { margin: 0 10px 0 0; }

header.header .top-header .hdr-contact ul li a:hover{color: #8cc63e; }

header.header .top-header .hdr-soc{float: right; }

header.header .top-header .hdr-soc ul{ margin: 0; padding: 0; display: inline-block;}

header.header .top-header .hdr-soc ul li{margin: 0; padding: 0 0 0 8px; list-style: none; display: inline-block;}

header.header .top-header .hdr-soc ul li a{display: block; border: 1px solid #ffffff; height: 28px; width:28px; line-height: 28px; text-align: center; background-color: #fff; border-radius: 50%; }

header.header .top-header .hdr-soc ul li a:hover{background: #8cc63e; color: #ffffff; border-color: #8cc63e; }

header.header .top-header .hdr-contact ul li.hdr-callline .dropdown button{ background-color: transparent; border: none;color: #fff;outline: none;box-shadow: none;text-transform: uppercase;font-size: 14px;padding: 0; }
header.header .top-header .hdr-contact ul li.hdr-callline a:hover, header.header .top-header .hdr-contact ul li a:focus{ color: #ffffff;background-color: #8cc63e; width: 120px;}
header.header .top-header .hdr-contact ul li.hdr-callline .dropdown .dropdown-menu {top: 35px; min-width: inherit;width: 120px;background: #f4f4f4;  }
header.header .navbar { padding: 8px 0; }

header.header .navbar .navbar-header a.navbar-brand{height: auto; padding: 0; max-width: 93px;margin-left: -2px;}

header.header .navbar .navbar-header form.search { float: left; position: relative; padding: 16px 0 0 0; margin: 0 0 0 74px; }

header.header .navbar .navbar-header form.search input { border:1px solid #1b793f;width: 476px;border-radius: 27px;height: 50px; padding: 18px 0 18px 30px;}

header.header .navbar .navbar-header form.search input::placeholder { font-size: 18px;color: #818181; font-weight: 300; }

header.header .navbar .navbar-header form.search button { position: absolute;right: 0;top: 16px;background: #1b793f url("../images/search.png") no-repeat;width: 50px;height: 50px;border-radius: 50%;border: 0;background-position: center;}

header.header .navbar .navbar-header form.search button:hover { background:#8cc63e url("../images/search.png") no-repeat;background-position: center; }



header.header .navbar {margin: 0; background: #ffffff; border: none; border-radius: 0;    border-bottom: 1px solid lightgray; }

/*header.header .navbar-default .right-hdr-nav .navbar-collapse { display: inline-block !important; }*/

header.header .navbar-default .right-hdr-nav .navbar-collapse .navbar-nav { padding: 0; margin: 0 0 0 -15px; }

header.header .navbar-default .right-hdr-nav .navbar-collapse .navbar-nav > li > a {  color: #000; padding: 18px 21px; position: relative; font-size: 18px; font-weight: 400; }

header.header .navbar-default .right-hdr-nav .navbar-collapse .navbar-nav > li:last-child > a {padding-right: 0; }

header.header .navbar-default .right-hdr-nav .navbar-collapse .navbar-nav > li:hover > a {color: #8cc63e;}

header.header .navbar-default .right-hdr-nav .navbar-collapse .navbar-nav > .active > a, header.header .navbar-default .navbar-nav > .active > a:hover, header.header .navbar-default .navbar-nav > .active > a:focus, header.header .navbar-default .navbar-nav .current-menu-item a {background: none; color: #000; }

header.header .navbar-default .right-hdr-nav .navbar-collapse .navbar-nav > .active > a:after {background: #8cc63e; position: absolute; left: 26px; right: 0px; bottom: 12px; content: ""; height: 5px;opacity: 0.6;width: 38px; }

header.header .navbar-default .right-hdr-nav .signin { display: inline-block;vertical-align: top; padding: 20px 0 0 0; margin: 0 0 0 34px; }

header.header .navbar-default .right-hdr-nav .signin a { background-color: #8cc63e; color: #fff;padding: 13px 41px 8px;border-radius: 27px;font-size: 18px;font-weight: 18px;}

header.header .navbar-default .right-hdr-nav .signin a:hover { background-color: #1b793f; }
/*#navbar-ex1-collapse ul.nav li  >> relative;*/
#navbar-ex1-collapse ul.nav li .submenu { list-style:none;position: absolute;left: 25%;display: none;z-index: 9999;width: 90px;top: 100%;box-shadow: 0 0 5px rgba(0,0,0,0.4);background-color: #fff;border-top: 3px solid #1b793f;padding: 7px;margin: 0 auto;}
#navbar-ex1-collapse ul.nav li:hover .submenu { display:block; }

#navbar-ex1-collapse ul.nav li:hover .submenu li a:hover{ color: #8cc63e; }


/*header.header .sticky-wrapper.is-sticky .navbar{z-index: 999 !important; box-shadow: 0 0 15px rgba(0,0,0,0.3);}

.site-content{clear: left; }*/



section.home-banner-sec {position: relative;}

section.home-banner-sec .home-banner .banner-text {position: absolute; left: 0; right: 0; top: 50%; z-index: 9; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%);color: #ffffff; }

section.home-banner-sec .home-banner .banner-text h4 { margin: 0 0 11px 0;font-size: 25px;font-weight: 700; }

section.home-banner-sec .home-banner .banner-text h1 { margin: 0 0 14px 0;font-size: 50px;font-weight: 400; }

section.home-banner-sec .home-banner .banner-text p { margin: 0;font-size: 20px;font-weight: 700;max-width: 68%;line-height: 1; }

section.home-banner-sec .home-banner img { width: 100%;height: 300px;object-fit: cover; }



.common-title { text-align: center; }

.common-title h2 {margin: 0 0 31px 0; font-weight: 800; font-size: 50px; color: #000; }

.common-title h2 span { font-weight: 600; }

.common-title p { font-weight: 600;font-size: 16px;color:#636363 ;margin: 0 auto;max-width: 68%; }

.cust-row { display: flex; flex-wrap: wrap;display: -ms-flex;display: -webkit-flex;}

.custom-row { display: flex;align-items: center; }



section.home-service { padding: 63px 0 0 0; }

section.home-service .service-row { margin: 57px 0 0 0; position: relative; }

section.home-service .service-row:after { content: ''; position: absolute;right: 50%; top: -52px; background:url("../images/service-after.png");width: 266px;height: 203px;background-repeat: repeat;margin: 0 -675px 0 0; z-index: -1;}

section.home-service .service-row .service-slider { position: relative; }
section.home-service .service-row .service-ads { position: relative; }

/*.service-box { margin: 0 0 59px 0;  height : 410px;}*/

.service-box .service-img img { height: 280px; width: 100%; object-fit: cover; }
.service-box .service-imgads img { height: 400px; width: 100%; object-fit: cover; }

.service-box .service-details { background-color: #8cc63e; padding: 10px; }

.service-box .service-details h3 { margin: 0 0 5px 0;font-size: 30px;font-weight: 800;color: #fff; text-align: center; }

.service-box .service-details .service-links { text-align: center; }

.service-box .service-details .service-links ul { list-style: none; display: inline-block; }

.service-box .service-details .service-links ul li { float: left; margin: 0 20px 0 0; position: relative; }

.service-box .service-details .service-links ul li:last-child { margin: 0; }

.service-box .service-details .service-links ul li a {    outline: none; background-color: #fff;border-radius: 50%;border:1px solid #fff;width: 50px;height: 50px;text-align: center;line-height: 48px;display: inline-block; }

.service-box .service-details .service-links ul li a:hover { background-color: #1b793f;border:1px solid #1b793f; }

.service-box .service-details .service-links ul li a:hover img { filter: invert(1) grayscale(0) brightness(4); }

.service-box .service-details .service-links ul li a img { display: inline-block; }



.service-box .service-details .service-links ul li.share:hover .service-share-box { display: block; }

.service-box .service-details .service-links ul .service-share-box  { display: none;}

.service-box .service-details .service-links ul .service-share-box .service-share { background-color: #fff;border:1px solid #3d990b;border-radius: 5px; position: absolute; width: 185px;right: -64px; margin: 14px 0 0 0; }

.service-box .service-details .service-links ul .service-share-box .service-share:before { position: absolute;left: 50%;top: -15px;content: '';background:url("../images/share-top.png") no-repeat;width: 34px;height: 16px;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

.service-box .service-details .service-links ul .service-share-box .service-share ul { padding: 1px 17px; }

.service-box .service-details .service-links ul .service-share-box .service-share ul li { display: inline-block;float: unset;margin: 0 18px 0 -2px; }

.service-box .service-details .service-links ul .service-share-box .service-share ul li:last-child { margin: 0; }

.service-box .service-details .service-links ul .service-share-box .service-share ul li a { width: unset;height: unset; border:none;}

.service-box .service-details .service-links ul .service-share-box .service-share ul li a:hover { background-color: #fff;border:1px solid #fff; border:0;}

.service-box .service-details .service-links ul .service-share-box .service-share ul li a:hover img { filter: unset; }



section.home-service .service-row .service-slider .slick-list .slick-track .slick-slide { padding:10px;margin:0 5px; }
section.home-service .service-row .service-ads .slick-list .slick-track .slick-slide { padding:10px;margin:0 5px; }

section.home-service .service-row .service-slider.slick-slider {  margin:0 -15px; }
section.home-service .service-row .service-ads.slick-slider {  margin:0 -15px; }

section.home-service .service-row .service-slider .slick-prev {outline: none; width: 62px;height: 62px;background:#fff url("../images/prev-arrow.png") no-repeat;background-position: center;box-shadow: 0 0 5px #ccc;font-size: 0; border-radius: 50%; border:1px solid #fff; top: 50%; left: -5%; position: absolute;z-index: 99;-moz-transform: translateX(5%) translateY(-50%);-webkit-transform: translateX(5%) translateY(-50%);-o-transform: translateX(5%) translateY(-50%);-ms-transform: translateX(5%) translateY(-50%);transform: translateX(5%) translateY(-50%);}
section.home-service .service-row .service-ads .slick-prev {outline: none; width: 62px;height: 62px;background:#fff url("../images/prev-arrow.png") no-repeat;background-position: center;box-shadow: 0 0 5px #ccc;font-size: 0; border-radius: 50%; border:1px solid #fff; top: 50%; left: -5%; position: absolute;z-index: 99;-moz-transform: translateX(5%) translateY(-50%);-webkit-transform: translateX(5%) translateY(-50%);-o-transform: translateX(5%) translateY(-50%);-ms-transform: translateX(5%) translateY(-50%);transform: translateX(5%) translateY(-50%);}

section.home-service .service-row .service-slider .slick-next {outline: none; width: 62px;height: 62px;background:#fff url("../images/next-arrow.png") no-repeat;background-position: center;box-shadow: 0 0 5px #ccc;font-size: 0; border-radius: 50%; border:1px solid #fff; top: 50%; right: -5%; position: absolute;z-index: 99;-moz-transform: translateX(5%) translateY(-50%);-webkit-transform: translateX(5%) translateY(-50%);-o-transform: translateX(5%) translateY(-50%);-ms-transform: translateX(5%) translateY(-50%);transform: translateX(5%) translateY(-50%);}
section.home-service .service-row .service-ads .slick-next {outline: none; width: 62px;height: 62px;background:#fff url("../images/next-arrow.png") no-repeat;background-position: center;box-shadow: 0 0 5px #ccc;font-size: 0; border-radius: 50%; border:1px solid #fff; top: 50%; right: -5%; position: absolute;z-index: 99;-moz-transform: translateX(5%) translateY(-50%);-webkit-transform: translateX(5%) translateY(-50%);-o-transform: translateX(5%) translateY(-50%);-ms-transform: translateX(5%) translateY(-50%);transform: translateX(5%) translateY(-50%);}



section.home-about{padding: 69px 0 57px 0; background-color: #f9fcf5; }

section.home-about .about-row { margin: 32px 0 0 0; }

section.home-about .about-row .about-text { padding: 0 0 0 64px; }

section.home-about .about-row .about-text h3 { margin: 0 0 20px 0; font-weight: 800;font-size: 60px;color: #075123; }

section.home-about .about-row .about-text h4 { margin: 0 0 27px 0; font-weight: 600;font-size: 21px;color: #000;line-height: 30px; }

section.home-about .about-row .about-text p {  margin: 0; font-weight: 600;font-size: 16px;color: #818181;line-height: 30px;}



section.feature-vendor { padding: 63px 0 99px 0; }

section.feature-vendor .vendor-row { margin: 45px 0 0 0; }

section.feature-vendor .vendor-row .vendor-box .vendor-img img { border-radius: 30px 30px 0 30px; }

section.feature-vendor .vendor-row .vendor-box .vendor-name { position: absolute;left: 15px;right: 17px;bottom: -44px;text-align: center;opacity: 0;transition: 0.2s all ease-in;-o-transition: 0.2s all ease-in;-webkit-transition: 0.2s all ease-in;-ms-transition: 0.2s all ease-in;-moz-transition: 0.2s all ease-in; background-color: #8cc63e;color: #fff;padding: 20px 15px; border-radius: 25px 25px 0 25px;}

section.feature-vendor .vendor-row .vendor-box .vendor-name h2 { margin: 0;font-size: 20px;font-weight: 700;}

section.feature-vendor .vendor-row .vendor-box:hover .vendor-name { bottom: 0px;opacity: 1; }

/* Footer */

footer {  }

footer .top-footer { background: #212121;color: #fff; padding: 10px 0 0px 0; }

footer .foot-main .foot-logo { margin: 0 0 4px 0; }

footer .foot-main .foot-text p { color: #fff;margin: 0 0 16px 0;font-size: 16px; font-weight: 400; line-height: 30px; }

footer .foot-main .social-links ul { list-style: none; }

footer .foot-main .social-links ul li { display: inline-block; margin:0 10px 0 0;}

footer .foot-main .social-links ul li:last-child { margin-right: 0; }

footer .foot-main .social-links ul li a { width: 38px;height: 37px;background: #fff;border-radius: 50%;line-height: 38px;text-align: center; display: inline-block; }

footer .foot-main .social-links ul li a:hover { background: #8cc63e; }



footer .foot-box .foot-title h3 { color: #fff;position: relative;font-weight: 600;font-size: 25px;margin: 30px 0 22px 0;padding: 0 0 8px 0; }

footer .foot-box .foot-title h3:after { content: '';width: 36px;height: 5px;position: absolute;left: 0;bottom: 0;background-color:#8cc63e; }

footer .foot-box .foot-links ul { list-style: none; }

footer .foot-box .foot-links ul li { margin: 0 0 12px 0; }

footer .foot-box .foot-links ul li:last-child { margin: 0; }

footer .foot-box .foot-links ul li.active a { color: #8cc63e; }

footer .foot-box .foot-links ul li a { font-size: 16px;font-weight: 400;padding: 0 0 1px 0; display: inline-block;}

footer .foot-box .foot-links ul li a:hover { color:#8cc63e; }



footer .foot-box .foot-data { padding: 0 42px 0 0; }

footer .foot-box .foot-data ul { list-style: none; }

footer .foot-box .foot-data ul li { margin:0 0 15px 0; }

footer .foot-box .foot-data ul li .foot-icon { width: 22px;height: 26px;float: left; }

footer .foot-box .foot-data ul li .foot-text { overflow: hidden;padding: 0 0 0 8px; }

footer .foot-box .foot-data ul li .foot-text p { display: inline-block;font-size: 16px;font-weight: 400;margin:0;}

footer .foot-box .foot-data ul li .foot-text a { display: inline-block;font-size: 16px;font-weight: 400;}

footer .foot-box .foot-data ul li a:hover { color: #8cc63e; }



footer .foot-box .newsletter-text p { font-size: 16px;font-weight: 400;line-height: 24px; margin: 0 0 20px 0; }

footer .foot-box .newsletter-form form  { position: relative; }

footer .foot-box .newsletter-form form .form-group input { background: #272727;color: #fff; width: 100%;border:2px solid #fff;border-radius: 5px;height: 46px; padding: 15px 20px; }

footer .foot-box .newsletter-form form .form-group input::placeholder { font-weight: 400;color: #f7f6fb;font-size: 14px; }

footer .foot-box .newsletter-form form .submit-btn button {outline: none; position: absolute;top: 0;right: 0;background: #fff url("../images/submit.png") no-repeat; width: 75px;height: 43px; z-index:99;background-position: center;}

footer .foot-box .newsletter-form form .submit-btn button:hover { background: #8cc63e url("../images/submit-white.png") no-repeat;background-position: center; }



footer .btm-footer{color: #ffffff; padding: 26px 0 25px 0; background: #111111; }

footer .btm-footer p {margin: 0; font-size: 16px;font-weight: 400; line-height: 19px; color: #fff; }



/* Login */

section.login { padding: 70px 0; }

section.login .login-sec{padding: 10px 0 0 0; }

section.login .login-sec .login-box{display: table; width: 100%; border: 1px solid #e4e4e4; box-shadow: 0 0 15px rgba(0,0,0,0.10); }

section.login .login-sec .login-box .login-left{background: #000 url('../images/login-bg.png') right bottom no-repeat; padding: 30px 30px 40px 30px; display: table-cell; vertical-align: top; width: 41.67%; color: #ffffff; }

section.login .login-sec .login-box .login-right{background: #ffffff; padding: 30px 50px; display: table-cell; vertical-align: top; width: 58.33%; }

section.login .login-sec .login-box .login-left ul{border: none; padding: 25px 38px 0 38px; }

section.login .login-sec .login-box .login-left ul li{float: none; margin: 0; padding: 0 0 2px 0; }

section.login .login-sec .login-box .login-left ul li a{border: none; color: #ffffff; background: none; font-size: 20px; position: relative; padding: 16px 24px; border-radius: 5px; }

section.login .login-sec .login-box .login-left ul li.active a{background: url('../images/login-tab-bg.png') left top repeat-y;  }

section.login .login-sec .login-box .login-left ul li a span{width: 28px; position: absolute; right: 24px; top: 16px; }

section.login .login-sec .login-logo{text-align: center; padding: 0 0 35px 0; }

section.login .login-sec .login-left p{text-align: center; padding: 0 40px; }

section.login .login-sec h2.login-title{margin: 0 0 24px 0; font-size: 30px; line-height: 1; color: #000000; text-transform: uppercase; font-weight: normal; position: relative; padding: 0 0 0 16px; }

section.login .login-sec h2.login-title:before{border-left: 3px solid #1b793f; position: absolute; left: 0; top: -4px; bottom: -4px; content: ""; }

section.login .login-sec label{font-weight: normal; color: #929292; }

section.login .login-sec .form-group{position: relative; margin-bottom: 14px;}

section.login .login-sec .paschanger{position: absolute; right: 10px; top: 39px; }

section.login .login-sec .paschanger a{display: block; height: 24px; width: 24px; padding: 3px; }

section.login .login-sec .forgot-password{padding: 0 0 7px 0; }

section.login .login-sec .forgot-password a{color: #888888; }

section.login .login-sec .forgot-password a:hover{color: #000000; }

section.login .login-sec .submit-btn{padding: 10px 0 0 0; }

section.login .login-sec .submit-btn .btn{width: 100%; font-size: 20px;border-radius: 5px; height: 50px; text-transform: uppercase; position: relative; background:#1b793f;color: #fff; line-height: 24px; padding: 14px; }

section.login .login-sec .submit-btn .btn:hover { background-color: #8cc63e; }

section.login .login-sec .submit-btn .btn:after{background: url('../images/login-btn-icon.svg') no-repeat; background-size: 100%; position: absolute; right: 12px; top: 14px; content: ""; width: 18px; height: 18px;}

section.login .login-sec .login-option{text-align: center; padding: 22px 0 0 0; clear: both; }

section.login .login-sec .login-option p{color: #888888;margin: 0 0 5px 0; }

section.login .login-sec .login-option ul{margin: 0; padding: 3px 0 0 0; }

section.login .login-sec .login-option ul li{margin: 0; padding: 0 5px; list-style: none; display: inline-block; vertical-align: top; }

section.login .login-sec .login-option ul li a{display: block; height: 45px; border-radius: 30px; padding: 8px 24px; box-shadow: 0 0 10px rgba(0,0,0,0.2); color: #ffffff; line-height: 34px; }

section.login .login-sec .login-option ul li a img{margin: -3px 5px 0 0;}

section.login .login-sec .login-option ul li.fb a{background: #3b5998; }

section.login .login-sec .login-option ul li.gp a{background: #dc4e41; }

section.login .login-sec .login-option ul li a:hover{background: #000000; }

section.login .login-sec .password-group input.form-control{padding-right: 40px; }

section.login .login-sec .forgot-password-box{display: none;}

section.login .login-sec .back-login-div{padding: 26px 0 0 0; }

section.login .login-sec .back-login-div a{color: #888888;}

section.login .login-sec .back-login-div a:hover{color: #000000;}

section.login .login-sec .login-form-part .submit-btn{padding: 5px 0 0 0; float: left; width: 72%;}

section.login .login-sec .login-form-part .forgot-password{padding: 18px 0 7px 0; float: right;}



section.login .login-sec .user-tab-nav{padding-left: 41.67%; text-align: center;}

section.login .login-sec .user-tab-nav ul{border: none;}

section.login .login-sec .user-tab-nav ul li{float: none; display: inline-block; vertical-align: top; margin: 0 5px; }

section.login .login-sec .user-tab-nav ul li a{font-size: 20px; color: #000; border: none; background: #e5e5e5; padding: 11px 40px 7px; margin: 0; line-height: 20px; }

section.login .login-sec .user-tab-nav ul li.active a{background: #1b793f; color: #ffffff; }

section.login .login-sec .nav-tabs > li.active > a, .login-sec .nav-tabs > li.active > a:hover, .login-sec .nav-tabs > li.active > a:focus{border: none; background: #00a098; }

section.login .login-sec .user-tab-nav ul li.active a:hover{background: #8cc63e; }

section.login .login-sec .dont-account{font-size: 17px; color: #000; text-align: center; padding: 18px 0 0 0; clear: both;}

section.login .login-sec .dont-account a{color: #1b793f; }

section.login .login-sec .backtologin{position: absolute; right: 0; top: 2px; font-size: 17px; }

section.login .login-sec .login-box .tab-pane{position: relative;}

section.login .login-sec .backtologin a{color: #8cc63e;}



/* Dashboard */

section.dashboard { padding: 20px 0 50px; } 

section.dashboard h2.dashboard-title {margin: 0 0 40px 0; text-align: left; line-height: 1; font-weight: bold; border-bottom: 1px solid #ddd; padding: 0 0 29px 0; position: relative; color: #221f20; display: inline-block; }

section.dashboard h2.dashboard-title:after{content: ""; background: #1b793f; position: absolute; left: 20px; bottom: -2px; height: 3px; width: 60px;}

section.dashboard .sidbar .profile-pic {position: relative; text-align: center; z-index: 9; background: #f4f4f6; border: solid 1px #ddd;}

section.dashboard .sidbar .profile-pic:after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 140px; background: #1b793f; z-index: -1; }

section.dashboard .sidbar .user-name { color: #fff; font-size:22px; text-transform: capitalize; padding: 15px 10px; font-weight: 500; }



section.dashboard .sidbar .profile-img{display: inline-block; vertical-align: top; position: relative; margin-top: 15px; }

section.dashboard .sidbar .profile-img-in{border: 10px solid #1b793f; border-radius: 50%; width: 200px; height: 200px; margin: 0 auto; overflow: hidden; }

section.dashboard .sidbar .change-profile-pic { width:40px; height:40px; background:#8cc63e; position: absolute; bottom: 10px; right: 10px; content: ''; border-radius: 100%; }

section.dashboard .sidbar .attached { float: left; position: relative;}

section.dashboard .sidbar .profile-pic .attached img{ width: 22px; margin: 8px 0 0 0; }

section.dashboard .sidbar .profile-pic input[type="file"] {width: 40px; height:40px; left: 0px; top: 0px; opacity: 0; overflow: hidden; position: absolute; z-index: 1; padding-left: 40px; margin-right: -40px; cursor: pointer; }

section.dashboard .sidbar .profile-pic input[type="file"] + label { width:40px; height:40px; cursor: pointer; border-radius: 50%; text-align: center; }

section.dashboard .sidbar .side-link { background: #f4f4f6; margin: 10px 0 0; }



section.dashboard .sidbar .side-link ul li{ list-style-type: none; display: inline-block; width: 100%; border-bottom: 1px solid #dbdbdd; position: relative; }

section.dashboard .sidbar .side-link ul li.active a{ color: #fff; background: #1b793f; }

section.dashboard .sidbar .side-link ul li.active a:before{ background:url("../images/right-arrow-white1.svg") no-repeat; background-size: cover;  }



section.dashboard .sidbar .side-link ul li a:before{ position: absolute; left: 20px; top: 50%; background:url("../images/right-arrow1.svg") no-repeat; content: ""; width: 17px; height: 16px; background-size: 100%; margin: -8px 0 0 0; }

section.dashboard .sidbar .side-link ul li a{ color: #221f20; padding: 15px 20px 15px 50px; display: block; text-decoration: none; font-weight: 500; }

section.dashboard .sidbar .side-link ul li a:hover{ background: #8cc63e; color: #fff; }

section.dashboard .sidbar .side-link ul li a:hover:before{ background:url("../images/right-arrow-white1.svg") no-repeat; background-size: cover; }



section.dashboard .sidbar .side-link ul li:last-child { border: 0; }

section.dashboard .chanegs-pass { background: #cacaca; margin: 20px 0; padding: 15px 15px 9px 15px; font-size: 18px; color: #fff;}

.table.common-table th{font-size: 16px; padding: 10px 15px 8px; background: #1b793f; border-bottom-width: 1px; border-color: #8cc63e; color: #fff; line-height: 15px; text-align: center; vertical-align: middle; }

.table.common-table td{font-size: 15px; padding: 10px 15px 8px; color: #424242; line-height: 15px; vertical-align: middle; text-align: center; }

.table.common-table td.options a { display: inline-block;width: 25px;height: 25px;background-color: #fff;border-radius: 50%;text-align: center;line-height: 30px; }

.table.common-table td.options a:hover { background-color: #1b793f; }

.table.common-table td.options a:hover svg { color: #fff; }

.table.common-table td.options a svg { color: #1b793f; }

.table.common-table td.pending { color: #FFCC00; }
.table.common-table td.rejected { color: #FF0000; }

.table.common-table td.completed { color: #8cc63e; }
.table.common-table td.submitted { color: #3300ff; }

.table.common-table td.service_img { width: 100px;height: 100px; }

.table-responsive .table{ margin: 0; border: 1px solid #b5b5b5; }

.submit-btn .btn{background:#1b793f; color:#fff; font-size: 16px; height: 43px; padding: 12px 50px 8px 50px; border-radius: 0; }

.submit-btn .btn:hover{background: #8cc63e; color: #fff; }

.input-group.date span.input-group-addon { display: none; }

.input-group { width: 100%; }

a.add-service { background-color: #1b793f;color: #fff;float: right;padding: 10px 30px;border:1px solid #1b793f; }

a.add-service:hover { background-color: #8cc63e;border-color: #8cc63e; }

select.form-control { background: url("../images/select-arrow.svg") no-repeat;background-position: 98% 63%;-moz-appearance: none;-webkit-appearance : none;-o-appearance : none;-ms-appearance : none;appearance : none;height: 43px;font-size: 16px;color:#333333;font-weight: 400;padding: 9px 15px;box-shadow: 0 0 0 rgba(0,0,0,0);border-radius: 0;border: 1px solid #cecccc; }

.modal .modal-dialog .modal-content .modal-header button { width: 50px;height: 50px;border-radius: 50%;background-color:#1b793f;text-align: center;position: absolute;right: 3px;top: 3px;border: 1px solid #1b793f; }



.modal .modal-dialog .modal-content .modal-header button:hover { background-color: #8cc63e; border:1px solid #8cc63e;}

.modal .modal-dialog .modal-content .modal-header { padding: 20px 15px 13px 15px; }

.modal .modal-dialog .modal-content .modal-header h4 { font-size: 25px;line-height: 21px;font-weight: 700;color: #000; }

.modal .modal-dialog .modal-content .modal-body p { font-weight: 400;color: #333;font-size: 16px;margin: 0; }

.modal .modal-dialog .modal-content .modal-body { padding: 25px 15px; }

.modal .modal-dialog .modal-content .modal-footer button.btn { background-color: #1b793f;color: #fff;border-radius: 0;border:1px solid #1b793f;padding: 11px 20px 6px 20px; font-size: 16px;  }

.modal .modal-dialog .modal-content .modal-footer button.btn:hover { background-color: #8cc63e;border:1px solid #8cc63e; }

.modal.service .modal-dialog .modal-content .modal-body .service-modal-img { width: 130px;height: 130px;object-fit: cover; }

.modal.service .modal-dialog .modal-content .modal-body h3 { margin: 0;font-weight: 400;font-size: 20px;color: #000; }

/* Breadcrumb */

.breadcrumb-main { background: #fafafa; padding: 10px 0; margin-bottom: 25px; }

.breadcrumb-nav{}

.breadcrumb-nav ul{ list-style: none; }

.breadcrumb-nav ul li{float: left; line-height: 24px; color: #343742; position: relative; padding: 0 22px 0 0; }

.breadcrumb-nav ul li:after{background: #1b793f; position: absolute; right: 8px; top: 10px; content: ""; width: 6px; height: 6px; border-radius: 50%; }

.breadcrumb-nav ul li:last-child{padding: 0; }

.breadcrumb-nav ul li:last-child:after{display: none; }

.breadcrumb-nav ul li a{display: block; color: #a4a4a4; }

.breadcrumb-nav ul li a:hover{color: #1b793f; }



/* about us */



.subpage { padding: 30px 0 60px 0; }

.common-title.text-left { text-align: left; }

.subpage p { font-weight: 400;font-size: 16px; margin: 0 0 20px 0; }



/** Contact Us **/

section.contact-us{padding: 50px 0 0 0; }

section.contact-us .common-title h2 { margin: 0 0 15px 0;font-size: 35px; }

section.contact-us .contact-form label{font-weight: normal; }

.submit-btn .btn.btn-big{height: 45px; font-size: 18px; }

section.contact-us .contact-right{padding: 0 0 0 70px;}

section.contact-us .contact-list{padding: 0 0 48px 0;}

section.contact-us .contact-list ul li{max-width: 80%; clear: left; margin-bottom: 26px;}

section.contact-us .contact-list ul li:last-child{margin-bottom: 0; }

section.contact-us .contact-list .icon{float: left; }

section.contact-us .contact-list .icon span{height: 60px; display: inline-block; width: 60px; line-height: 62px; text-align: center; font-size: 24px; border: 2px solid #e9e9e9; border-radius: 50%; color: #1b793f; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }

section.contact-us .contact-list .text{overflow: hidden; padding: 4px 0 0 20px;}

section.contact-us .contact-list h4{margin: 0 0 5px 0; font-size: 18px; color: #000; }

section.contact-us .contact-list p{margin: 0; color: #333;}

section.contact-us .contact-list p a{color: #333;}

section.contact-us .contact-list ul li:hover .icon span{background: #1b793f; color: #ffffff; border:1px solid #1b793f;}

.social-icon{text-align: center; }

.social-icon ul{margin: 0; padding: 0; }

.social-icon ul li{margin: 0; padding: 0 12px 0 0; list-style: none; float: left; }

.social-icon ul li a{display: block; height: 45px; width: 45px; border-radius: 50%; line-height: 43px; color: #ffffff; font-size: 20px; border:1px solid #1b793f;}

.social-icon ul li a:hover{background: #8cc63e; border:1px solid #8cc63e; }

section.contact-us .contact-map{padding: 50px 0 0 0; }

section.contact-us .contact-map iframe{width: 100%; height: 350px; }



/* Service Listing */

section.service-listing { padding: 40px 0 0 0; }

section.service-listing .category-box { border:1px solid #ccc; }

section.service-listing .category-box .category-title { background-color: #8cc63e;border:1px solid #8cc63e; padding: 15px;text-align: center;}

section.service-listing .category-box .category-title h2 { margin: 0;color: #fff;font-size: 25px;font-weight: 700; }

section.service-listing .category-box .category-list { padding: 25px; }

section.service-listing .category-box .category-list ul { list-style: none; margin: 0 0 10px 0; }

section.service-listing .category-box .category-list ul li .checkbox { margin: 0 0 15px 0; }

section.service-listing .category-box .category-list ul li:last-child .checkbox { margin: 0; }

section.service-listing .category-box .category-list ul li .checkbox label { position: relative; padding: 0 0 0 40px; }

section.service-listing .category-box .category-list ul li .checkbox label input {  position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; }

section.service-listing .category-box .category-list ul li .checkbox label span.checkmark { position: absolute;top: 0;left: 0;height: 20px;width: 20px;border: 1px solid #000; }

section.service-listing .category-box .category-list ul li .checkbox label input:checked ~ .checkmark { background-color: #8cc63e;border:2px solid #8cc63e; }

section.service-listing .category-box .category-list ul li .checkbox label span.checkmark:after {  content: "";position: absolute;display: none; }

section.service-listing .category-box .category-list ul li .checkbox label input:checked ~ .checkmark:after { display: block; }

section.service-listing .category-box .category-list ul li .checkbox label span.checkmark:after { left: 4px;top: 0px;width: 8px;height: 13px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }

section.service-listing .category-box .category-list .filter-action a { display: inline-block;color:#fff;background-color:#1b793f;border: 1px solid #1b793f;padding: 11px 16px 8px 16px;line-height: 15px; margin: 0 10px 0 0; }

section.service-listing .category-box .category-list .filter-action a:hover { background-color: #8cc63e;border-color: #8cc63e; }



/* Order Form */

section.order-form { padding: 30px 0; }

section.order-form .order-box { margin: 20px 0 0 0; }

.btn.order-add { margin: 31px 0 0 0;width: 100%; }


.group-select-box button {width: 100% !important;text-align: left;}
.group-select-box .btn-group {width: 100%;}
.group-select-box button b.caret {float: right;top: 8px;position: relative;}
.group-select-box .btn-group .dropdown-menu {width: 100%;padding: 15px 0;}
.group-select-box .btn-group .dropdown-menu label input {margin-right: 10px;}
.group-select-box .btn-group .dropdown-menu label {padding: 9px 15px;}
.group-select-box .btn-group .dropdown-menu > .active > a, .group-select-box .btn-group .dropdown-menu > .active > a:hover {background-color: #66afe9;}
.group-select-box .btn-group button {background-color: transparent !important;color: #919191 !important;box-shadow: none !important;border: 1px solid #e5e5e5 !important;}
.checkbox-custom h3 { display: block;margin: 0;font-size: 16px;font-weight: 400;color: #333333; text-align: center; }
.checkbox-custom img { margin: 0 0 10px 0; }
.checkbox-custom { position: relative; padding: 0 0 0 40px; }
/*.checkbox-custom input {   position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0; }*/
.checkbox-custom input { cursor: pointer; }
/*.checkbox-custom span.checkmark { position: absolute;left: 50%;height: 25px;width: 25px; border-radius: 50%; } */
/*.checkbox-custom span.checkmark {display: none;} 
.checkbox-custom input:checked ~ .checkmark { background : #1b793f; }
.checkbox-custom span.checkmark:after { content: "";position: absolute;display: none; }
.checkbox-custom input:checked ~ .checkmark:after { display: block; }
.checkbox-custom input:checked ~ .checkmark:after { left: 7px;top: 2px;width: 9px;height: 16px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }*/



/*============secondry css start (23-07-2020)=====================*/

section.home-service .service-row{
	position: relative;
}

section.home-service .service-row:after{
	content: '';
	position: absolute;
	right: 0;

	background: url(../images/service-after.png);
	width: 266px;
	height: 203px;
	background-repeat: repeat;
	margin: 0;
	z-index: -1;
}

.service-box .service-imgads img{
	max-height: 300px;
	width: 300px;
}

.vendor-img {
	border-radius: 30px 30px 0 30px;
	overflow: hidden;
}

section.feature-vendor .vendor-row .vendor-box .vendor-img img {
	width: 100%;
}

.service-box .service-imgads img{
	width: 100%;
}

.service-listing #filter_dataval .service-box{
	margin-bottom: 20px;
}

.cust-pagination {
	margin: 20px 0 0 0;
}

.service-row .service-box{
	height: 440px
}

.service-box .service-details .service-links ul li.share:hover .service-share-box{
	display: block;
	position: absolute;
	z-index: 9;
	right: 0;
	bottom: 0;
}

.right-hdr-nav{
	display: flex;
}
nav.text-center.pagination-sec {
	padding: 20px 0;
}


.submit-btn .btn {
	background: #1b793f;
	color: #fff;
	font-size: 16px;
	height: 43px;
	padding: 8px 30px;
	border-radius: 0;
}

/*
.eventos_left{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	height: 100%;
	flex-direction: column;
	flex-basis: 35%;
}

.eventos_left .form-group {width: 90%}


.eventos_in {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	height: 100%;
	flex-direction: column;
	flex-basis: 35%;
}
.eventos_middle{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	flex-direction: column;
	margin-top: 15px;
	flex-basis: 15%;
}

.eventos_middle img{
	width: 60px;
	height: 60px;
}

.eventos_right{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	flex-direction: column;
	margin-top: 30px;
	flex-basis: 15%;

}

.even_flex{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-basis: 100%;
	padding: 0 15px;
	    margin-bottom: 20px;
}




.even_modal {
    padding: 0 15px;
    display: flex;
    align-items: flex-start;
   justify-content: space-between;
    margin-bottom: 20px;
    flex-basis:100%;
    flex-wrap: wrap;
}

.even_modal_left {
    flex-basis: 40%;
}

.even_modal_middle {
    flex-basis: 40%;
}
.even_modal_right {
    flex-basis: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.even_modal_right a img{
	margin-top: 36px;
}

*/


header.header .top-header .hdr-soc{
	display: none;
}

.modal .modal-dialog .modal-content .modal-header button{
	background-color: #1b793f;
	opacity: 1;
	color: #fff;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: normal;
	margin: 0;
	padding: 0;
	top: 7px;
	padding-top: 5px !important;
	width: 40px;
	height: 40px;
}

.modal .modal-dialog .modal-content .modal-header button:hover{
	opacity: .7 !important;
}

.checkbox-custom{
	padding: 0;
	text-align: center;
	    margin-bottom: 17%;
	    display: block;
}
.checkbox-custom span.checkmark{
	transform: translateX(-50%);
}

.checkbox-custom img{
	margin: 0;
	width: 70%;
	height: 70%;
}

.modal.service .modal-dialog .modal-content .modal-body h3{    margin: 15px 0 10px 0;}
.modal .modal-dialog .modal-content .modal-body{
	padding: 0 15px;
}
.btn.order-add{
	margin: 30px 0 0 0;
}
.service_btn{margin-bottom: 15px;}

.update_btn{
	    margin-bottom: 15px;
}

.mb_ser{
margin-bottom: 15px;	
}