/*
(1) header css start here
(2) content css start here
(3) footer css start here
*/

/*====== main body css==========
==================================== */
body{font-family: 'Roboto', sans-serif; font-weight:300; font-size:15px; color:#000; line-height:26px;}
ul{margin:0px; padding:0px; list-style:none;}
a:hover{text-decoration:none}
h1, h2, h3, h4, h5, h6{font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:30px; color:#303030; line-height:1.25em;}
h4{font-size:19px; line-height:30px;}
p{text-align:justify;}
input, textarea, label, ::placeholder{
    font-family: 'Roboto', sans-serif;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #333 !important;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[disabled]{
    cursor: not-allowed !important;
}
.footer-heading h4{
    color: #fff !important;
}

/*==================================
			top scoll button css
======================================*/
#scroll {
    position: fixed;
    right: 10px;
    bottom: 65px;
    cursor: pointer;
    width: 52px;
    height: 52px;
    vertical-align: middle;
    line-height: 52px;
    border: 2px solid #E8E8E8;
    text-indent: 0px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    padding: 14px;
}

#scroll .fa {
    font-size: 22px;
    font-weight: 600;
    color: #b0b0b0;
}


#scroll:hover {
    background-color:#e8e8e8;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


/*==================================
			top scoll button css end
======================================*/



/*==================================================
 				 header navbar start here
=====================================================*/
ul.main-menu {
    float: right;
    padding-top: 18px;
}
.logo img {
    width: 103px;
}
header{position:relative;width:100%;background:#fff;}
.logo{position:relative;z-index:123;font:18px verdana;color:#6DDB07;float:left;width:15%}
.logo a{color:#6DDB07;}
nav{position:relative;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{background:#fff;}
#cssmenu > ul > li{float:left}


#cssmenu > ul > li > a {
    padding: 17px;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #ddd;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}


#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#569a45;}
#cssmenu > ul > li ul li:hover > a,#cssmenu ul li ul li.active a{color:#569a45;}

/*
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#448D00!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
*/
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#000; display:none;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#000; display:none;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px; z-index:99999;}

#cssmenu ul.drop-ul {
    padding-top: 20px;
}
.smaller #cssmenu ul.drop-ul {padding-top:0px;}

#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: rgba(255, 255, 255, 0.88) !important;
    transition: all .25s ease;
}


#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a {
   padding: 11px 15px;
    width: 237px;
    font-size: 11px;
    text-decoration: none;
    color: #9d9d9d;
    font-weight: 600;
    text-transform: uppercase;
}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:700px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #eaeaea;}
#cssmenu ul li a:hover{color:#000;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0; font-weight:300; color:#000 !important;}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
/*#cssmenu ul ul li{background:#333!important;}*/
/*#cssmenu ul ul li:hover{background:#363636!important}*/
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:9px;width:20px;border-top:2px solid #676262;border-bottom:2px solid #676262;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#676262;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#676262;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#676262;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#fff;}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#afaeae;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#afaeae;}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#afaeae;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}




/*==================================================
 				 header navbar end here
=====================================================*/






/*====== HEADER CSS START HERE==========
==================================== */
marginBottom-0 {margin-bottom:0;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;}
/*
.dropdown-submenu> a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
*/


span.glyphicon.glyphicon-chevron-left,span.glyphicon.glyphicon-chevron-right {
    border: 2px solid #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    border-radius: 50%;
    position: relative;
}

.carousel-control{text-shadow:none;}
.carousel-control .fa {
    font-size: 31px;
    padding-top: 0px;
    position: absolute;
    top: 10px;
    left: 20px;
}

.glyphicon-chevron-left:before, .glyphicon-chevron-right:before{display:none;}
.carousel-control{opacity:10; }
.carousel-control.left, .carousel-control.right{background-image:none;}
.navbar{ transition:all 0.6s ease;}

header.smaller .navbar-brand { height: auto;}
header.smaller{position:fixed; top:0; right:0; left:0; transition:all 0.6s ease; -webkit-transition:all 0.6s ease; background:#fff; z-index:999;     box-shadow: 0 1px 3px rgba(0,0,0,.11);
}
header.smaller .logo img {max-width: 90px;}
header.smaller ul.main-menu {padding-top:7px;}

	
.carousel-indicators li{background:#fff;}
.carousel-indicators li.active{height:10px; width:10px; margin:1px;}
.carousel-inner img{width:100%;}
.carousel-inner .carousel-caption{}
.carousel-inner .caption-box {background:rgba(100, 163, 69, 0.71); width:370px; height:370px; border-radius:50%;  padding:120px 15px 120px 15px; margin:0 auto;}
.carousel-inner .caption-box p {
    font-size: 28px;
    font-weight: 700;
    margin: 0px;
    text-align: -webkit-center;
    margin-bottom: 25px;
	line-height:32px;
}
.carousel-inner .caption-box span{color:#000; font-size:40px; font-weight:700; letter-spacing:2px;}
.carousel-indicators{bottom:0%;}

/*===========about section start here=========
=================================================*/

.about-heading h1{
    /*border-left:6px solid #64a345;*/
    /*padding-left:8px;*/
    margin-bottom:22px;
    
}
.panche-part span {
    color: #64a345;
    font-weight: bold;
    font-size: 18px;
    margin: 18px 0px 12px;
    display: block;
}
.panche-part ul li {
    background: url(../images/arow1.png) no-repeat left;
    padding: 5px 0px 5px 22px;
    font-weight: 400;
    color: #3f3f3f;
}

.panche-part ul.values-list li {
    background: url(../images/arow1.png) no-repeat left 10px;
}

.panche-part ul{padding-left:16px;}

hr.vision-hr {
    width: 7%;
    margin-top: 1px;
    margin-bottom: 9px;
    height: 4px;
    border-width: 3px;
}
.vison-boxes h2 {
    color: #fff;
    margin-top: 5px;
}
.vison-boxes a {
    color: #64a345;
    background: #fff;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 20px;
}
.vison-boxes a:hover{background:#999797; border-color:#999797; color:#fff; transition:all 0.6s ease; }
.vison-boxes p {
    color: #fff;
    margin-bottom: 22px; text-align:center;
}
.vison-boxes {
    background: #222326;
    padding: 35px 12px;
    text-align: center;
}
.vison-boxes.vison-nth{background:#4f5054;}

.vison-boxes:hover{background:#64a345 !important; cursor:pointer; transition:all 0.3s ease;}

.about-services {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}
.no-padding{padding-left:0px; padding-right:0px;}

.our-services {
    text-align: center; margin-bottom:30px;
}
.our-services h2 {
    color: #555555; margin-top:27px;
}
.our-services h3 {
    font-size: 17px;
    color: #9a9a99;
}
.our-services .vision-hr {
    border-color: #64a345;
}
.all-services a {
    padding: 10px 20px;
    background: #64a345;
    color: #fff;
    border-radius: 4px;
}
.all-services a:hover{background:#000; transition:all 0.5s ease;}

.all-services h4 {
    font-size: 18px; font-family: 'Roboto', sans-serif; 
}
.all-services img{transition:all 0.6s ease;}
.all-services:hover img{
  transform:scale(1.1,1.1); transition:all 0.6s ease; cursor:pointer;
}
.all-services {
    text-align: center;
}


.all-services p {
    margin-bottom: 20px; text-align:center;
}
.our-client{margin-top:50px;}

.owl-carousel {
    margin-bottom: 30px;
}


.footer-bottom{background:#000 url(../images/footer_bg.jpg) no-repeat center center/cover; padding-top:33px; margin-top:30px;}

.footer-heading h5 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 22px;
}

.footer-content ul li {
    color: #fff;
    padding: 0px 0px 17px;
}

.footer-content p {
    color: #fff; text-align:left;
}
.footer-content span {
    color: #7bc36f;
    font-weight: bold;
}
.footer-content a {
    color: #fff;
}

.footer-content a:hover{color:#7bc36f;}

.footer-content strong {
    color: #7bc36f;
}
.footer-content input,
.footer-content textarea{
    width: 100%;
    border: 1px solid #e6e4e4;
    padding: 6px 8px;
    margin-bottom: 10px;
    border-radius: 3px;
    background: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

.owl-carousel {
    margin-bottom: 0px;
}
.footer-content .file-footer {
}
.footer-content input.sub-footer {
    background: #5d9e45;
    color: #fff !important;
    border-color: #5d9e45;
    border-radius: 3px;
    font-weight: 400;
    font-size: 20px !important;
    margin-top: 14px;
    padding: 6px 30px;
    transition:all 0.5s;
    text-transform: capitalize;
}
.footer-content input.sub-footer:hover{
    background:#fff; 
    color: #5d9e45 !important;
    border-color:#fff;
}

.copyright {
    background: #22313e;
    font-size: 14px;
    padding: 20px 0px;
   
}
.copyright p{color:#fff; text-align:center; margin:0px;}


/*=====================================================
--------------ABOUT PAGE CCS START HERE--------------			
======================================================*/
.inner-banner{padding-bottom:60px;}
.inner-banner img{width:100%;}

.panche-part.about-inner {
    padding-top: 31px;
}

.panache-about p {
    margin-bottom: 33px;
}
.vision-pg .committd span{
    margin-top: 0px;
}

.committd span {
    font-weight: 600;
    font-style: italic;
    color: #64a345;
    margin: 27px 0px 14px;
    display: block;
}
.inner-pages-heading h3 {
    margin-bottom: 4px; margin-top:0px;
}
.committd p{padding-bottom:20px;}
.committd p:last-child{padding-bottom:0px;}

h4.h4-font {
    color: #64a345;
    font-size: 19px;
}

h4.heading-finance {
    color: #64a345;
    font-weight: bold;
}

.botton-hr a {
    background: #73be6c;
    padding: 5px 13px;
    font-weight: 500;
    color: #fff;
}
.botton-hr a:hover{background:#283745; transition:all 0.5s ease;} 

.industry {color:#64a345;}

.box-industry {
    background: #EBEBEB;
    margin-bottom: 24px;
    padding: 11px 0px 0px 17px;
    padding-bottom: 10px;
}

.box-industry:nth-child(1) {
    min-height: 502px;
}
.box-industry.child-4 {
    min-height: 1040px;
}

.maps-contact iframe{width:100%; height:350px; margin-bottom:15px;}
.contact-left-details {
    margin-bottom: 22px;
}
.contact-del h4 {
    color: #64a345;
}
.contact-del.email-con p {
    margin-bottom: 0px;
}
.contact-del a {
    color: #000;
}

.contact-del a:hover{color:#64a345; transition:all 0.5s ease; }
.field-input input, .field-input textarea {
    background: #f3f1f1;
    border: 1px solid #e6e4e4;
    width: 100%;
    padding: 11px 15px;
    margin: 0px 0px 22px;
	font-family:Raleway; font-size:13px;
}

input.contact-file {
    border: none;
    margin-bottom: 3px;
    background: none;
    padding-left: 0px;
}

.field-input.button-send input {
    width: 86px;
    background:#5d9e45!important;
    color: #fff;
    border-color: #5d9e45;
    border-radius: 3px;
    font-weight: 400;
    font-size: 12px;
    height: 48px;
    margin-top: 14px;
}

.field-input.button-send input:hover {
    background: #000 !important;
    transition:all 0.5s ease;
    border-color: #000;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border:1px solid #e6e4e4;);
  outline: 0 none;
}

.advantages_joining .all-services h4 {
    text-transform: uppercase;
}
.partner_service h4 {
    text-transform: uppercase;
}



.field-input textarea{padding-bottom:80px;}

/*=========media responsive 767 width start here=========
==============================================================*/
@media(max-width:767px){
	

	.all-services{margin-bottom:8px;}
	.box-industry:nth-child(1), .box-industry.child-4{min-height:auto;}
	.show-visible {display:none !important;}
	#cssmenu > ul > li > a{ font-weight:300; font-size:12px;}
	div#myCarousel {
    padding-top: 64px;
}
.inner-banner{padding-top:72px;}
.button{margin-top:38px;}
ul.main-menu{padding-top:65px;}
#cssmenu ul.drop-ul{padding-top:0px;}


}


@media(max-width:768px){
header.smaller{position:static;}

.carousel-inner .caption-box {
    background: rgba(100, 163, 69, 0.71);
    width: auto;
    height: auto;
    border-radius: 0px;
    padding:0px 0px 9px;
    margin: 0 auto;
}
.carousel-inner .caption-box p{ line-height:32px; margin-bottom: 7px; font-size:16px;}
.carousel-inner .caption-box span {
    color: #000;
    font-size: 26px;
   letter-spacing: 2px;
}


}



/*==============================================================
                        Contact Page
==============================================================*/

.contact_info_details,
.contact_info_details .social_links{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.contact_info_details .contact_icon{
    width: 52px;
    height: 52px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.contact_info_details .social_links .social_icon{
    margin-right: 10px;
}
.contact_info_details .contact_icon i{
    color: #64a345;
    font-size: 28px;
    line-height: 52px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.contact_info_details .contact_info,
.contact_info_details .social_links{
    padding-left: 16px;
    max-width: 80%;
}
.contact_info_details .contact_info h4,
.contact_info_details .contact_info p{
    margin: 0;
    text-align: left;
}
.contact_info_details:hover .contact_icon{
    background: #5d9e45;
    border-color: #5d9e45;
}
.contact_info_details:hover .contact_icon i{
    color: #fff;
}
.contact_info_details .social_links i{
    color: #000;
    line-height: 52px;
}
.contact_info_details .social_links a:hover i{
    color: #5d9e45;
}


.contact_form_details {
    background: url(../images/inner-page/contactForm2.jpg) no-repeat;
    background-size: cover;
}
.contact_page_form{
    background: rgba(0, 0, 0, 0.7);
    padding: 20px;
    width: 60%;
    margin-left: auto;
}
.contact_page_form h2{
    margin-top: 0;
    color: #fff;
}
.contact_page_form h4{
    color: #fff;
}
.contact_page_form form{
    margin: 0;
}
.contact_page_form .field-input{
    margin-bottom: 10px;
    position: relative;
}
.contact_page_form .field-input label{
    position: absolute;
    width: 36px;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin: 0;
    text-align: center;
    background: #5d9e45;
    border-radius: 3px 0 0 3px !important;
}
.contact_page_form .field-input label i{
    color: #fff;
    line-height: 36px;
}
.contact_page_form .field-input input,
.contact_page_form .field-input textarea{
    background: #fff;
    padding: 0 8px 0 40px !important;
    margin: 0;
    font-family: 'Roboto', sans-serif !important;
    border: 0 !important;
    border-radius: 3px !important;
    color: #333;
}
.contact_page_form .field-input input{
    height: 36px;
}
.contact_page_form .field-input input[type="file"]{
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
.contact_page_form .field-input textarea{
    height: 80px;
    line-height: 1;
    padding-top: 8px !important;
    padding-bottom: 8px !important; 
}
.contact_page_form .field-input.button-send{
    margin: 10px 0 0;
}
.contact_page_form input[type="submit"]{
    width: 100%;
    height: 36px;
    padding: 0 !important;
    line-height: 36px;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px !important;
    background: #5d9e45!important;
    border: 0 !important;
    border-radius: 3px !important;
    color: #fff !important;
    cursor: pointer;
    text-transform: capitalize;
}
.contact_page_form input[type="submit"]:hover{
    background: #fff !important;
    color: #5d9e45 !important;
}
.contact_page_form input[type="number"]::-webkit-outer-spin-button,
.contact_page_form input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.contact_page_form input[type="number"] {
  -moz-appearance: textfield;
}

@media only screen and (max-width: 767px){
    .contact-left-details h1{
        margin-top: 0;
    }
}
@media only screen and (max-width: 991px){
    .contact_page_form{
        margin: 0 auto;
        width: 100%;
        padding: 50px 20px;
    }
}


/*==============================================================
                    Become Partner Page
==============================================================*/
.inner-banner.become_partner_banner {
    background: url(../images/inner-banner/partner-banner.jpg) no-repeat center;
    background-size: cover;
    padding: 70px 0;
}
.partner_banner_content_wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.partner_banner_content_wrapper .banner_content_item{
    flex: 0 0 40%;
    max-width: 40%;
}
.partner_banner_content_wrapper .banner_content_item.left_content{
    flex: 0 0 52%;
    max-width: 52%;
}
.partner_banner_content_wrapper h2{
    font-size: 36px;
    margin: 0;
    text-transform: capitalize;
}
.partner_banner_content_wrapper p{
    font-size: 18px;
    margin: 0;
}
.partner_banner_content_wrapper .banner_left_content h2,
.partner_banner_content_wrapper .banner_left_content p{
    color: #fff;
}
.partner_form{
    background: #fff;
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.2);
    padding: 30px 20px;
    border-radius: 4px;
}
.partner_form form{
    margin: 0;
}
.partner_form textarea{
    resize: none;
    height: 80px;
}
.partner_form label{
    display: initial;
    line-height: 1.2;
    color: #555;
    font-weight: 400;
}

.partner_form input[type="checkbox"]{
    position: relative;
    top: 2px;
}
.partner_form input[type="submit"]{
    background: #5d9e45;
    color: #fff !important;
    border: 0;
    font-size: 20px !important;
    line-height: 1;
    height: auto;
    padding: 10px 0;
}
.partner_form input[type="submit"]:hover{
    background: #333;
}
.partner_form .form-control{
    box-shadow: none;
}
.partner_form .form-control:focus{
    border-color: #5d9e45;
    box-shadow: none;
}
.advantages_joining{
    padding-bottom: 20px;
}

.advantages_joining .vision-hr{
    border-color: #5d9e45;
}
.advantages_joining .all-services{
    margin-bottom: 20px;
}
.advantages_joining .advantage_row,
.become_partner_services .service_row{
    display: flex;
    flex-wrap: wrap;
}
.become_partner_services{
    background: #EBEBEB;
    padding: 20px 0;
}
.become_partner_services .vision-hr{
    border-color: #5d9e45;
}
.partner_service{
    text-align: center;
    margin-bottom: 30px;
}
.partner_service .partner_service_icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner_service .partner_service_icon img{
    width: 100%;
    max-width: 46px;
    transition: all 1.2s;
}
.partner_service h4{
    color: #5d9e45;
}
.partner_service:hover .partner_service_icon img{
    transform: rotateY(360deg);
}
.become-partner-page .footer-bottom{
    margin-top: 0;
}


@media only screen and (max-width: 700px){
    .inner-banner.become_partner_banner{
        margin-top: 72px;
    }
}
@media only screen and (max-width: 767px) {
    .partner_banner_content_wrapper{
        flex-direction: column;
    }
    .partner_banner_content_wrapper .banner_content_item{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .partner_form{
        margin-top: 50px;
    }
}

@media only screen and (max-width: 480px){
    .become_partner_services .service_row .col-xs-4{
        width: 50% !important;
    }
}



/*==============================================================
                    Jobs Page
==============================================================*/
.jobs_form .vision-hr{
    border-color: #5d9e45;
}
.jobs_form h2{
    margin-top: 0;
}
.jobs_form h3{
    font-size: 17px;
    color: #9a9a99;
}
.jobs_form_wrapper{
    margin: 20px 0;
    padding: 30px;
    background: #fff;
    box-shadow: 0px 4px 30px -10px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.jobs_form form{
    margin: 0;
}
.jobs_form .form-group{
    position: relative;
}
.jobs_form .form-group label{
    position: absolute;
    width: 36px;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin: 0;
    text-align: center;
    background: #5d9e45;
    border-radius: 3px 0 0 3px !important;
    border: 1px solid #5d9e45;
}
.jobs_form label{
    color: #555;
    font-weight: 400;
    display: initial;
}
.jobs_form .form-group label i{
    color: #fff;
    line-height: 36px;
}
.jobs_form .form-control{
    box-shadow: none;
    padding-left: 40px !important;
}
.jobs_form .form-control{
    height: 36px;
}
.jobs_form input[type="file"].form-control{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.jobs_form .form-control:focus{
    border-color: #5d9e45;
    box-shadow: none;
}
.jobs_form input[type="number"]::-webkit-outer-spin-button,
.jobs_form input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.jobs_form input[type="number"] {
  -moz-appearance: textfield;
}
.jobs_form  .custom-checkbox {
    margin-bottom: 15px;
}
.jobs_form input[type="checkbox"]{
    position: relative;
    top: 2px;
}
.job_form_submit input[type="submit"]{
    background: #5d9e45;
    color: #fff !important;
    border: 0;
    font-size: 20px !important;
    line-height: 0;
    padding: 10px 0 !important;
}
.job_form_submit input[type="submit"]:hover{
    background: #333;
}

.inner-banner.become_partner_banner {
    position: relative;
    z-index: 1;
}
.mb-4 {
    margin-bottom: 40px;
}

.inner-banner.become_partner_banner::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: linear-gradient(180deg, #5d9e45cc 30%, #5d9e4599, #fff);z-index: -1;}

.advantages_joining h2,
.become_partner_services h2,
.jobs_form h2,
.contact-left-details h2{
    color: #555;
    text-transform: uppercase;
}


@media only screen and (max-width: 480px) {
    .jobs_form_wrapper{
        padding: 30px 10px;
    }
}
@media only screen and (min-width: 701px) and (max-width: 767px){
    .inner-banner {
        padding-top: 0;
    }
}
@media only screen and (min-width: 701px) {
    nav#cssmenu{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    nav#cssmenu ul.main-menu{
        padding-top: 0;
        width: 100%;
        justify-content: flex-end;
        display: flex;
        align-items:center;
    }
    .main-menu a.btn.btn-success {
    color: #fff !important;
    padding: 10px 12px !important;
    background-color:#5d9e45;
}
.main-menu a.btn.btn-success:hover{
    background-color:#65bd44;
}
    
}
@media only screen and (min-width: 701px) and (max-width: 991px) {
    #cssmenu > ul > li > a {
        padding: 14px 8px;
        font-size: 10px;
    }
    #cssmenu > ul > li.has-sub > a {
        padding-right: 8px; 
    }
}
@media only screen and (min-width: 992px){
    #cssmenu > ul > li > a {
        padding: 16px 10px;
    }
    #cssmenu > ul > li.has-sub > a {
        padding-right: 10px; 
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
    #cssmenu > ul > li > a {
        font-size: 12px;
    }
}
.contact-del.social_links{
    display: flex;
    flex-wrap: wrap;
}
@media only screen and (max-width: 991px){
    .d-md-none{
        display: none;
    }
}
input[type="submit"]{
    cursor: pointer;
}
.footer-heading h5{
    margin-top: 0;
}
.footer_company_name{
    margin: 10px 0 !important;
}


.form_submit_btn_captcha,
.footer_submit_btn{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.form_submit_btn_captcha #captchaText,
.form_submit_btn_captcha #captchaInput{
    width: 48%;
    background: #fff;
    color: #333;
    border: 0;
    border-radius: 4px;
    text-align :center;
    height: 36px;
    line-height: 36px;
    margin-bottom: 10px;
}
.form_submit_btn_captcha #captchaText{
    margin-right: 2%;
}
.form_submit_btn_captcha #captchaInput{
    margin-left: 2%;
}
.form_submit_btn_captcha #captchaText,
.form_submit_btn_captcha #captchaInput{
    border: 1px solid #ccc;
}

.footer_submit_btn #captchaText,
.footer_submit_btn #captchaInput{
    background: #fff;
    border-radius: 3px;
    text-align: center;
    padding: 7px 0;
    width: 48%;
    margin-top: 0;
    margin-bottom: 0;
}
.footer_submit_btn .sub-footer{
    margin-top: 10px !important;
}
@media only screen and (min-width: 992px){
    .footer_submit_btn #captchaText,
    .footer_submit_btn #captchaInput,
    #jobs_form .form_submit_btn_captcha #captchaText,
    #jobs_form .form_submit_btn_captcha #captchaInput{
        width: 20%;
    }
    .footer_submit_btn .sub-footer,
    #jobs_form .form_submit_btn_captcha input[type="submit"]{
        margin-top: 0 !important;
        margin-bottom: 0;
        width: calc(50% - 15px) !important;
    }
}