/*********************************************************************************
common styles
***************/
body {
	background:#fff!important;
	color:#333!important;
	font-family: 'Epilogue', sans-serif !important;
	font-size:13px!important;
}
h1, h2, h3, h4, h5, p, ul, li {
	margin:0px!important;
	padding:0px!important;
}
a {
	color:#333!important;
	cursor:pointer;
	text-decoration:none!important;
}
a:active {
	box-shadow:none!important;
}
p {
	line-height:22px;
	margin-bottom:10px!important;
	font-size:14px!important;
}
h1, h2 {
	margin-bottom:10px!important;
}
.no-padding {
	padding-left:0px!important;
	padding-right:0px!important;
}
.no-padding-right {
	padding-right:0px!important;
}
.no-padding-left {
	padding-left:0px!important;
}
/*********************************************************************************
colored text and buttons
***************/
.text-orange {
	color:#ef642d
}
.btn {
	padding:6px 20px !important;
	border-radius:0!important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.btn-sub, .btn-cancel {
	background: #0072b8;
	color:#fff;
	padding:10px 20px !important;
	border-radius:3px!important;
	margin-right:10px;
	margin-top:15px;
}
.btn-cancel {
	background:#fc910f;
}  
.btn:hover {
	background:#333!important;
	color:#fff!important;
}
/*********************************************************************************
header styles
***************/
header {}

header .top-bar {
	position: relative;
	background: linear-gradient(to left, #005e30 10%, #0b2a62 60%);
	padding:3px 0 !important;
}

/* header .top-bar .top-col {
	background: #127f95;
}

header .top-bar .top-col::before {
	content: '';
	position: absolute;
	left: -32px;
	top: 0;
	bottom: 0;
	width: 100px;
	background: #127f95;
	-ms-transform: skewY(40deg);
	-moz--transform: skewY(40deg);
	-webkit-transform: skewY(40deg);
	transform: skewX(40deg);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	border-bottom-left-radius: 10px;

}
header .top-bar .top-col::after {
	content: '';
	position: absolute;
	right: -32px;
	top: 0;
	bottom: 0;
	width:50px;
	background: #127f95;
	-ms-transform: skewY(-40deg);
	-moz--transform: skewY(-40deg);
	-webkit-transform: skewY(-40deg);
	transform: skewX(-40deg);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	border-bottom-right-radius:10px;

}

 */

/*cont nav*/
header .cont-nav {
	float: left;
	margin: 8px 0;
	position: relative;
	z-index: 1;
}

header .cont-nav ul {
	list-style: none;
}

header .cont-nav ul li {
	float: left;
}

header .cont-nav ul a {
	display: block;
	padding: 0px 20px;
	font-size: 13px;
	color: #fff !important;
	border-left: 1px solid #ffffff54;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

header .cont-nav ul a img {
	margin-right: 10px;
	width: 20px;
}

header .cont-nav ul li:first-child a {
	padding-left: 0;
	border: 0;
}

header .cont-nav ul a span.cont-text {}

header .cont-nav ul a:hover {}

/*user nav*/
header .user-nav {
	float: right;
	margin: 5px 10px 5px 0;
}

header .user-nav ul {
	list-style: none;
}

header .user-nav ul li {
	float: left;
}

header .user-nav ul a {
	display: block;
	margin-left: 5px;
	padding: 4px 15px 3px;
	font-size: 13px;
	color: #fff !important;
	text-transform: capitalize;
	border-radius: 5px;
	border: 1px solid #ffffffb0;
}

header .user-nav ul a.login {
	background: #ffe438;
	color:#333 !important;
	border-color:#ffe438;
}
header .user-nav ul a.flogin.login {
    border-color: #fff;
    background: #414241;
    color: #fff !important;
}
header .user-nav ul a.join {
	background: #126012;
}

header .user-nav ul a:hover,
header .user-nav ul a:hover .fa {
	background: #333 !important;
	color:#fff !important;
}

/*social links*/
header .social-nav{
	float:right;
}
header .social-nav ul {
	list-style: none;
    margin: 4px auto 0 !important;
    text-align: center;
}

header .social-nav li {
	float: left;
	margin-right: 5px !important;
	line-height: 27px;
}

header .social-nav li a {
	border: 0 !important;
	padding: 0 !important
}
header .social-nav li a .fa{
	color: #FFF;
	width: 27px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	border-radius: 100%;
	vertical-align: middle;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	font-size: 13px !important;
	margin: 0px 5px 0px 5px;
}

header .social-nav ul .fa-facebook {
    background: #3b5a9a;
    border: 1px solid #3b5a9a;
}
header .social-nav ul .fa-twitter {
    background: #1d9bf0;
    border: 1px solid #1d9bf0;
}
header .social-nav ul .fa-instagram {
    background: #813cac;
    border: 1px solid #813cac;
}
header .social-nav ul .fa-youtube {
    background: #f51e1e;
    border: 1px solid #f51e1e;
}

/*logo bar*/
/* header .logo-bar {
	background: #FFF;
} */
header .logo-bar {
	position: relative;
	background: #FFF;
	padding:5px 0 0;
}

header .logo-fixed-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index:99;
	-moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
}

header .logo-fixed-bar .logo {
	margin-top:0;
	padding: 0;
}

header .logo-fixed-bar .logo img {
	max-width:80px;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
}
header .logo {
	display:block;
	/*-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.14);
	background: #FFF; /* Ensure background color matches */
  }
header .logo img {
    max-width: 90px;
    padding: 0 0 10px;
}
/* nav bar */
header .nav-bar {
	position: relative;
	background:red;
}
/*site nav*/
header .site-nav {
	float:right;
	padding:10px 0;
}


header .cont-btn{
	display: inline-block;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    font-weight: 600;
	margin-top:10px;
	float:right;
}
header .cont-btn:before{
	content: 'Downloads';
    position: absolute;
    top: 0;
    left: 0;
    padding: 11px 25px 10px;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background: #127f95;
    color: #ffffff;
}
header .cont-btn:hover:before{
	-webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

header .cont-btn span{
	border: 2px solid #ff7e00;
    background: #ff7e00;
    padding: 10px 25px;
    color: #ffffff;
    display: block;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: relative;
    z-index: 2;
}

header .cont-btn:hover span{
	-webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
} 


header .gotrns {
	float: left;
    color: #333 !important;
    font-size: 14px;
    position: relative;
    line-height: 15px;
    margin: 0 !important;
    border-radius: 25px;
    padding: 5px 10px;
    margin: 3px 0 3px 15px !important;
}
header .gotrns .goog-te-gadget-simple {
	border: 0px solid #ccc;
	border-radius: 5px;
	font-size: 12px;
	background: transparent;
}
header .gotrns a {
	color: #fff !important;
}
header .gotrns span {
	color: #fff !important;
}
header .gotrns a.goog-te-menu-value span:nth-child(3), header .gotrns a.goog-te-menu-value img {
display:none
}
header .gotrns img {
	background: url("../design_img/icon-glob.png")!important;
	background-repeat: no-repeat !important
}
header .gotrns a.goog-te-menu-value span:nth-child(5) {
margin-left:10px
}


/*********************************************************************************
section styles
***************/
section.slider {
}
/**/
section.contents {

}
section.contents .content-bar {
	padding:40px 0;
	overflow:hidden;
}
/* page banner*/
.banner-bar {
	background:#0072b8 url(../design_img/banner-back.jpg) no-repeat center center;
	background-size:cover;
	padding:100px 0 100px;
}
.banner-bar.bankers-bar {
	background:#0072b8 url(../design_img/bankers-banner.jpg) no-repeat center bottom;
	background-size:cover;
	padding:100px 0 100px;
}
.banner-bar.legals-bar {
	background:#0072b8 url(../design_img/legal-banner.jpg) no-repeat center bottom;
	background-size:cover;
	padding:100px 0 100px;
}
.banner-bar.vision-bar {
	background:#0072b8 url(../design_img/vsn-banner.jpg) no-repeat center center;
}
.banner-bar.contact-bar {
	background:#0072b8 url(../design_img/contact-banner.jpg) no-repeat center bottom;
}
.banner-bar .banner-content {
}
.banner-bar .banner-content h1 {
	font-weight:700;
	color: #257a3b;
	text-transform:uppercase;
	position:relative;
	font-size:36px  !important;
	line-height:45px !important;
}

/*location*/ 
.location {
	list-style: none;
    position: relative;
    padding: 10px 15px !important;
    background: rgba(255,255,255,.5);
    overflow: hidden;
    width: 250px;
}
.location li {
	color:#999!important;
	text-transform:capitalize;
	float:left;
	width:auto;
	margin:  0px 10px 0px 0!important;
}
.location li:last-child {
	margin-right:0px!important;
}
.location li a:after {
	content: '\f105 ';
	font-family: 'FontAwesome';
	font-size: 13px;
	margin-left:10px;
	color:#999
}
.location li:last-child a:after {
	content: '';
	margin-left:0px;
}
.location li a {
	color:#424242!important;
	font-size:15px;
	line-height:25px;
	font-weight:600;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.location li a:hover {
	color: #0b2a62 !important;
}
.location li a.active {
	color: #0b2a62 !important;
}
/*bankers*/
.banker-col {
	min-height: 20px;
	padding: 15px ;
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.banker-col img {
	margin-bottom: 5px;
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border-radius: 4px;
 -webkit-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
    width:150px;
}
.qr-blk{
	border:1px solid #e5e5e5;
	position:relative;
}
.qr-blk img{
	max-width:100%;
}
.banker-col p {
	color: #333;
	font-size:14px!important;
	margin-bottom:0!important
}
/*legals*/
.legal {
	height: auto;
	padding:10px 0px 0px 0px!important;
}
 
.legal:first-child {
	border: none;
}
.legal img {
	margin: auto;
	display: block;
	max-width: 100%;
}
.legal p {
	margin-top:10px!important;
	font-weight:600!important;
	text-transform: uppercase;
	color: #666;
	padding-bottom: 6px;
	text-align: center !important;
}
/* download col*/
 .download-col {
	text-align: center;
    border: 1px solid #e5e5e5;
    padding: 20px 15px;
    min-height: 270px;
}
 .download-col img{
	 max-width:150px;
 }
.download-col p {
    margin-bottom: 5px !important;
    font-weight: 600;
    font-size: 15px !important;
    text-align: center !important;
    color: #666;
    padding: 20px 5px !important;
    text-transform: uppercase;
}
.download-col a {
	font-size:14px;
	background:#eb7424;
	text-transform:uppercase;
	color:#fff!important;
	padding:10px 10px !important;
	letter-spacing:1.8px;
}
.download-col a:hover {
	background:#666;
}
.download-col img {
	margin:auto;
}
/* contact bar */
.contact-bar {
	 
}  
.contact-bar .cont-nav {
	background:#f5dd96;
	padding:40px;
	overflow:hidden;
}
.contact-bar .cont-nav h3 {
	color:#333; text-transform:uppercase; font-weight:600;
	margin: 0 0 40px 0!important; text-align:left
}
.contact-bar .cont-nav ul {
	list-style:none;
	margin-bottom:20px!important;
}
.contact-bar .cont-nav ul li {
	line-height: 24px;
	margin-bottom: 20px !important;
	overflow:hidden;
}
.contact-bar .cont-nav ul a {
	display:block;
	color:#333 !important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	font-size: 14px;
}
.contact-bar .cont-nav ul a i {
	margin-right:25px;
	float:left;
	margin-top: 4px;
	font-size: 20px;
	width:20px;  
}
.contact-bar .cont-nav ul a span {
	float:left;
	display:block;
	width:calc(100% - 50px );
}
/**/
.contact-bar .main-head{
	 text-align:center;	margin: 30px 0 !important;
}  
.contact-bar .iframe-form{ width:100%; height:400px;}
.contact-bar .form-group {
	position: relative;
	margin-bottom:7px!important;
}
.contact-bar .input-group-addon {
border-radius: 3px !important;
	background: #eee; 
	border:0;	color:#999;
	width: 42px !important;
	border-top-right-radius:0 !important;
		border-bottom-right-radius:0 !important
}
.contact-bar .input-group {
	width: 100%;
}
.contact-bar input[type="text"], .contact-bar input[type="email"], .contact-bar input[type="password"], .contact-bar select, .contact-bar textarea {
	display:block;
	width:100%;
	color:#333333;
	font-size:14px;
	padding:15px 10px;
	height:auto;
	background:#f6f6f6!important;border-radius: 3px !important;
	border-top-left-radius:0 !important;
		border-bottom-left-radius:0 !important;
	border:0px solid #ececec!important; 
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.contact-bar textarea {
	height:160px;
	resize:none;
	padding-left: 10px !important;
}
.contact-bar .button {
	font-size:16px;
	margin-top:10px;
	
	margin:auto;
	display:table;
}
/*rankers*/
.rankers .achievers {
	background:#fff;
	border:1px solid #eee;
	border-bottom-color:#eee;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	margin-bottom:10px!important;
	margin-top:10px!important;
	width:100%;
	border-radius:0;
	overflow:hidden;
	margin: auto;
}
.rankers .achievers-container {
	width:100%;
	height:auto;
	position:relative;
	border-bottom:1px solid #eee;
}
.rankers .achievers-pic-container {
	width:100%;
	height:260px;
	margin-bottom:0px;
	position:relative;
}
.rankers .achievers-pic-container img {
	max-width:100%;
	max-height:100%;
	border-radius:0;
	position:absolute;
	top:50%;
	margin-bottom:-50%;
	left:50%;
	margin-right:-50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.rankers .achievers-back {
	position:absolute;
	bottom:0%;
	left:0;
	top:0%;
	right:0;
	background:#000;
	z-index:2;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	opacity:0;
	height:100%;
}
.rankers .achievers-btn {
	width:100%;
	height:auto;
	position:absolute;
	z-index:3;
	top: 130%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.rankers .achievers-btn p {
	font-size:14px !important;
	color:#fff!important;
	text-align:center;
	line-height:24px;
}
.rankers h2 {
	font-size: 13px !important;
	color: #555;
	font-weight: 300;
	text-transform: capitalize;
	background: none;
	margin-bottom: 15px !important;
	border: 0;
	text-align: center;
	margin-top: 15px !important;
}
.rankers .rank {
	background: #c61c00;
	color: #fff;
	position: absolute;
	z-index: 1;
	top: -3px;
	padding: 2px 2px;
	font-size: 12px;
	border-radius: 0;
	left: -3px;
	font-weight: bold;
	width: 58px;
	text-align: center;
}
.rankers .achievers-container:hover .achievers-back {
	opacity: 0.8;
}
.rankers .achievers-container:hover .achievers-btn {
	top:50%;
}
/*********************************************************************************
my table start
***************/
section.contents .mytable {
}
section.contents .mytable caption {
	color:#333333;
	text-align:center;
	margin-bottom:5px;
	padding:0px;
	font-weight:600;
}
section.contents .mytable th {
	background:#3b8334;
	color:#fff;
	font-weight:600;
	vertical-align:middle!important;
	text-align:center;
	font-size:14px;
	text-transform:capitalize;
	height:40px;
}
section.contents .mytable td {
	vertical-align:middle!important
}
section.contents .mytable tr {
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
section.contents .mytable tbody > tr > td {
	text-align:center;
	font-size:14px;
}
 
section.contents .mytable tr:nth-child(odd) {
background:#e9faf9;
}
section.contents .mytable tr:hover {
	background:#eee
}

.home-sec{
	padding:80px 0;
	position: relative;
}
.home-sec .home-left{
	position: relative;
	padding-right:80px;
}
.home-sec .home-left img{
	max-width:100%;
}
.home-sec .home-left .design_1{
	position:absolute;
	left:-30px;
	bottom:-30px;
	background:#f6a724;
	z-index: -1;
	height:100px;
	width:150px;
}
.home-sec .home-left .design_2{
	position:absolute;
	right:0px;
	bottom:-30px;
	background:#656668;
	z-index: 1;
	height:120px;
	width:300px;
	padding:30px 15px;
	border-radius: 50px 0px 50px 0px;
}
.home-sec .home-left .design_2 

.home-sec .home-left .design_2{
	text-align:center;
	margin:0 auto 40px !important;
}
.home-sec .home-left .design_2 .idx-heading{
	width:100px;
	display:inline-block;
}
.home-sec .home-left .design_2 .idx-heading span {
	font-size:40px !important;
	line-height:50px;
	color:#24bcdb !important;
	font-weight:700;
	margin-bottom:0px !important;
	display:inline-block;
}

.home-sec .home-left .design_2 p.task{
	display: inline-block;
    font-size: 22px !important;
    line-height: 30px;
    color: #f6a724;
    font-weight: 700;
    text-align: left;
    width: calc(100% - 105px);
}

.home-sec .home-right{
	position: relative;
}
.home-sec .home-right p{
	font-size:14px !important;
	line-height: 25px;
	text-align: justify;
	color:#444;
	font-weight: 500;
}
.main-head{
	font-size:40px !important;
	line-height: 50px;
	font-weight: 700;
	color:#424242;
	margin-bottom:20px !important;
}
.main-head span{
	font-size:15px !important;
	line-height: 25px;
	color:#e27230;
	font-weight: 600;
	display: block;
}
.home-sec .features-list{
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 16px;
    margin-left: -10px;
    margin-right: -10px;
}
.home-sec .features-list li{
	-ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    /* max-width: 50%; */
    margin-top: 25px !important;
    padding-right: 15px !important;
}
.home-sec .features-list li .h-icon{
	width: 60px;
    float: left;
}
.home-sec .features-list li .h-icon img{
	max-width: 100%;
}
.home-sec .features-list li .h-text{
	width: calc(100% - 60px);
    float: left;
    padding-left: 10px;
}
.home-sec .features-list li .h-text h4{
	font-size: 18px !important;
    line-height: 25px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    margin-bottom: 0px !important;
    text-transform: capitalize;
}
.home-sec .features-list li .h-text p{
	font-size:14px !important;
	line-height: 25px;
	text-align: justify;
	color:#444;
	font-weight: 500;
}

/*  Features Section */
.quality-sec {
	padding-top: 100px;
	padding-bottom:0px;
    background-image: url(../design_img/fea-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	z-index: 1;
}
.quality-sec:after{
	position: absolute;
    content: "";
    background: url(../design_img/fun_frame.png);
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
	z-index: -1;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.quality-sec .feature-middle{
	padding-top:50px;
}
.quality-sec .feature-middle p{
	font-size: 14px !important;
    line-height: 24px;
    color: #444444;
    text-align: justify;
}
.quality-sec .feature-left img{
	max-width:100%;
}
.quality-sec .quality-heading{
	text-align:left;
	margin-bottom:40px;
}
.quality-sec .quality-heading .main-head{
	color:#fff;
}
/* .quality-sec .quality-heading .main-head{
	color:#FFF;
} */
.web-col-outer {
	position: relative;
	border: 1px solid #f2f2f2;
	padding: 15px 15px;
	transition: all 300ms linear;
	border-radius: 10px;
	margin: 0 0px 30px;
	background:#FFF;
	/* background: linear-gradient(90deg, #a6d652 0%, #7cae26 80%); */
}

.web-col-outer:hover {
	background: #a2cd3a;
	box-shadow: 0px 10px 20px 0px rgba(125, 200, 196, 0.1);
	border-color:#a2cd3a;
}

.web-col-icon {
	position: relative;
    margin-bottom: 5px !important;
    width: 80px;
    height: 80px;
    float: left;	
}
.web-col-icon span.name{
	font-size:16px !important;
	line-height: 24px;
	font-weight: 600;
	color: #14274f;
}
.web-col-icon .icon{
	background: #38393b;
	border-radius: 100%;
	display: inline-block;
	padding:10px;
	width:60px;
	height:60px;
}
.web-col-outer:hover .icon{
	background:black;
}
.web-col-outer:hover .icon img{
	filter: brightness(0) invert(1);
}

.web-col-icon img {
	max-width: 100%;
}

.web-col-text {
	margin-left: 0px;
}
.web-col-text h4{
	font-size:20px !important;
	line-height: 27px;
	color:#000;
	font-weight: 600;
	margin-bottom:10px
}

.web-col-text p {
	font-size: 14px !important;
	line-height: 25px;
	color: #444;
}

.web-col-outer:hover p {
	color: #fff;
}
.web-col-outer:hover h4{
	color:#FFF !important;
}

.web-col-outer:hover span {
	color: #fff;
}

.web-col-text span {
	font-size: 16px !important;
	line-height: 30px;
	font-weight: 700;
	color: #121212;
}
.quality-sec .feature-right{
	position: relative;
}
.quality-sec .feature-right img{
	max-width: 100%;
}


.home-product-sec {
	padding: 80px 0;
	position: relative;
}

.prod-left {
	padding: 0px 0 0;
}

.prod-left p {
	font-size: 14px !important;
	line-height: 25px;
	font-weight: 500;
	color: #333;
}

/* products */
.product {
	margin: 0 0px 30px !important;
	/*background: #f8aa14; */

}

.product-container {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.product-pic-container {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.product-back {
	position: absolute;
	top: 50%;
	left: 0;
	bottom: 50%;
	right: 0;
	background: #fbc76b;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
}

.product-pic {
	border: 1px solid #eff5dd;
	width:258px;
	height:280px;
	position:relative;
}

.product-pic img {
	max-width: 90% !important;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	height: 90% !important;
}

.product-new {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	display: inline-block;
	background-color: #f36a1f;
	display: none
}

.product-new span {
	color: white;
	text-transform: capitalize;
	padding: 15px 0px;
	display: inline-block;
	transform: rotate(-90deg);
	font-weight: 300;
}

.product-new:after {
	content: "";
	width: 0px;
	height: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-top: 4px solid #f36a1f;
	position: absolute;
	bottom: -4px;
	left: 50%;
	margin-left: -4px;
}

.discount {
	background: #ffefca;
	color: #000;
	width: 62px;
	height: 25px;
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 1;
	text-align: center;
	line-height: 22px;
	display: none
}

.product-btn {
	width: 50px;
	/* height: 115px; */
	position: absolute;
	z-index: 3;
	right: 10%;
	bottom: 10%;
	/* margin-top: -56px; */
	/* margin-left: -25px; */
	-webkit-transition: all 350ms linear;
	-moz-transition: all 350ms linear;
	-o-transition: all 350ms linear;
	-ms-transition: all 350ms linear;
	transition: all 350ms linear;
}

.product-btn a {
	background: #333;
	font-size: 16px;
	color: #ef7127 !important;
	width: 50px;
	height: 50px;
	margin: 3px 0px;
	display: block;
	float: left;
	text-align: center;
	padding-top: 13px;
	text-transform: uppercase;
	border-radius: 100%;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	transition: all 150ms linear;
	position: relative
}

.product-btn a.cart {
	background: #666;
	top: 30px;
	opacity: 0;
}

.product-btn a.view {
	background: #FFF;
	bottom: 50px;
	opacity: 0;
}

.product-btn a:hover {
	background: #f6a91f;
	color: #FFF !important
}

.product-name {
	text-align: center;
    text-transform: uppercase;
    font-size: 14px !important;
    margin: 0;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap !important;
    width: 100%;
    background: #1f7339;
    padding: 10px 15px !important;
}

.product-name a {
	color: #fff !important;
}

.product-name span {
	color: #999
}

.product-price {
	text-transform: capitalize;
	text-align: center;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	display: none
}

.product-price .price-before {
	color: #999;
	text-decoration: line-through;
	font-size: 17px;
}

.product-price .price-now {
	font-weight: 600;
	color: #1393dd;
	margin: 0 5px;
	font-size: 17px;
}

.product-container:hover .product-back {
	visibility: visible;
	opacity: 0.8;
	top: 0;
	bottom: 0%;
}

.product-container:hover .product-btn a.cart {
	top: 0;
	opacity: 1;
}

.product-container:hover .product-btn a.view {
	bottom: 0;
	/*opacity: 1; */
}

.home-product-sec .owl-buttons {
	position: absolute;
	left: -53%;
	bottom: 0;
}

.home-product-sec .owl-buttons div {
	background: #f8aa14 !important;
	color: #fff !important;
}

.home-product-sec .owl-buttons div:hover {
	background: #fb7419 !important;
	color: #fff !important;
}
/* Date 27-03-2023 */
/* Legals Section Start */

/* Legals Start here */

.inner-abt-sec{
	padding:80px 0 !important;
	position: relative;
}
.legal {
	height: auto;
	padding: 0px 15px 0px 15px !important;
}

.legal .product {
	margin: 0px 8px 33px 8px;
	border: 1px solid #eee;
	box-shadow: 0px 0px 30px #eee;
	padding: 0px;
}

.legal:first-child {
	border: none;
}

.legal img {
	margin: auto;
	display: block;
	max-width: 100%;
}

.legal p {
	margin-top: 10px !important;
	font-weight: 600 !important;
	text-transform: capitalize;
	color: #666;
	padding-bottom: 6px;
	text-align: center !important;
}

.legal .product {
	margin: 0 0px 30px;
	background:#FFF;
}

.legal .product-container {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 0 !important;
}

.legal .product-pic-container {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.legal .product-back {
	position: absolute;
	top: 50%;
	left: 0;
	bottom: 50%;
	right: 0;
	background: #000;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
}

.legal .product-pic {
	width:100%;
	height:475px;
}

.legal .product-pic img {
	max-width: 100%;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.legal .product-new {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	display: inline-block;
	background-color: #f36a1f;
	display: none
}

.legal .product-new span {
	color: white;
	text-transform: capitalize;
	padding: 15px 0px;
	display: inline-block;
	transform: rotate(-90deg);
	font-weight: 300;
}

.legal .product-new:after {
	content: "";
	width: 0px;
	height: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-top: 4px solid #f36a1f;
	position: absolute;
	bottom: -4px;
	left: 50%;
	margin-left: -4px;
}

.legal .discount {
	background: #ffefca;
	color: #000;
	width: 62px;
	height: 25px;
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 1;
	text-align: center;
	line-height: 22px;
	display: none
}

.legal .product-btn {
	width: 50px;
	height: 115px;
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 50%;
	background: transparent;
	margin-top: -56px;
	margin-left: -25px;
	-webkit-transition: all 350ms linear;
	-moz-transition: all 350ms linear;
	-o-transition: all 350ms linear;
	-ms-transition: all 350ms linear;
	transition: all 350ms linear;
}

.legal .product-btn a {
	background: #333;
	font-size: 16px;
	color: #fff !important;
	width: 50px;
	height: 50px;
	line-height:50px;
	margin: 3px 0px;
	display: block;
	float: left;
	text-align: center;
	padding-top: 0px;
	text-transform: uppercase;
	border-radius: 100%;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	transition: all 150ms linear;
	position: relative
}

.legal .product-btn a.cart {
	background: #666;
	top: 30px;
	opacity: 0;
}

.legal .product-btn a.view {
	background: #a2cd3a;
	bottom: 50px;
	opacity: 0;
}

.legal .product-btn a:hover {
	background: #fff !important;
	color: #a2cd3a !important;
}

.legal .product-name {
	text-align: center;
	text-transform: uppercase;
	font-size: 15px !important;
	line-height:25px;
	color:#fff !important;
	margin: 0px 0  !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap !important;
	width: 100%;
}

.legal .product-name a {
	color: #333 !important;
}

.legal .product-name span {
	color: #999
}

/* .product-price { */
/* text-transform:capitalize; */
/* text-align:center; */
/* margin-top:5px!important; */
/* margin-bottom: 5px !important; */
/* display:none */
/* } */
/* .product-price .price-before { */
/* color:#999; */
/* text-decoration:line-through; */
/* font-size: 17px; */
/* } */
/* .product-price .price-now { */
/* font-weight:600; */
/* color:#1393dd; */
/* margin:0 5px; */
/* font-size: 17px; */
/* } */
.legal .product-container:hover .product-back {
	visibility: visible;
	opacity: 0.3;
	top: 0;

	bottom: 0%;
}

.legal .product-container:hover .product-pic-container img {
	transform: scale(1);
}

.legal .product-container:hover .product-btn a.cart {
	top: 0;
	opacity: 1;
}

.legal .product-container:hover .product-btn a.view {
	bottom: 0;
	opacity: 1;
}

/* Date 10-04-2023 */

/*********************************************************************************
category bar end product-detail-bar start
***************/


/* INNER_CONTACT_PAGE */
.inner-contact-sec {
	padding: 80px 0;
	position: relative;
}

/* .inner-contact-sec .contact-info {
	width: 100%;
    display: block;
    margin-bottom: 30px;
    border: 1px solid #e5e5e5;
    padding: 18px 15px;
    min-height: 165px;
} */

.sec-row{
	margin-top:40px !important;
}

.inner-contact-sec .contact-info .contact-icon {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background: #ff8400;
	vertical-align: top;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
}

.inner-contact-sec .contact-info .contact-icon img {
	max-width: 100%;
	padding: 15px;
}


.inner-contact-sec .contact-info .contact-text {
	width: calc(100% - 85px);
	vertical-align: top;
	display: inline-block;
	padding-left: 20px;
}

.inner-contact-sec .contact-info .contact-text h4 {
	font-size: 20px !important;
	line-height: 27px;
	color: #666 !important;
	font-weight: 600;
	margin-bottom: 5px !important;
}

.inner-contact-sec .contact-info .contact-text p {
	font-size: 14px !important;
	line-height: 24px;
	color: #333;
	font-weight: 400;
	text-align: left;
	margin-bottom: 0 !important;
}

.inner-contact-sec .contact-info .contact-text p span {
	font-weight: 600;
}


.inner-contact-sec .contact-left {
	padding-left: 30px;
}

.map-box {
	width: 100% !important;
	height: 400px;
}

.inner-contact-sec .social-nav {
	float: left;
	margin: 10px 0;
}

.inner-contact-sec .social-nav ul {
	list-style: none;
}

.inner-contact-sec .social-nav li {
	float: left;
	padding-right: 10px !important;
}

.inner-contact-sec .idx-btn {
	width: 100%;
	text-align: center;
	border: 0px !important;
	padding: 12px 15px !important;
	background: #ff8400;
	border-radius: 0 !important;
	color: #FFF !important;
	font-size: 14px !important;
	line-height: 24px;
	font-weight: 600;
}

.inner-contact-sec .idx-btn:hover {
	background: #424243;
}

.inner-contact-sec .form-group {
	margin-bottom: 25px !important;
}

.inner-contact-sec .form-group .form-control {
	padding: 12px 12px !important;
	background: #f2f3f4;
	font-size: 14px;
	line-height: 24px;
	color: #454545;
	font-weight: 400;
}

.inner-contact-sec .form-group .form-control:focus {
	box-shadow: none;
	border-color: #ff8400 !important;
	color: #454545;
}
.inner-contact-sec .main-head span {
	display: block;
	font-size: 14px !important;
	line-height: 24px !important;
	margin-bottom: 0px;
	color:#ff8400;
}
.map-box{
	width:100%;
	height:505px;
}
/*********************************************************************************
list styles start
***************/
ul.mylist {
	list-style:none;
	padding:0 0 0 10px;
	margin:0 0 15px 25px !important;
	font-size:14px
}
ul.mylist li {
	line-height:22px;
	text-indent:-25px;
}
ul.mylist li:before {
	content: "\f138   ";/*f105 f138  */
	font: normal normal normal 14px/1 FontAwesome;
	margin-right:10px;
	color:#f88530;
}
ul.mylist li li:before {
	content: "- ";/*f105 f138  */
	font: normal normal normal 14px/1 FontAwesome;
	margin-right:16px;
	color:#f88530;
}
/*********************************************************************************
default form styles start
***************/
.form-group {
	position: relative;
	margin-bottom: 18px !important;
   }
   .form-group label {
	font-weight:normal;
   }
   .form-group .label-err,
   .form-group .error:not(.form-control) {
	   background: #d81a1a;
	   width: auto;
	   font-size: 11px;
	   color: #fff !important;
	   padding: 0px 5px 2px;
	   border-radius: 2px;
	   position: absolute;
	   bottom: -22px;
	   z-index: 1;
	   font-weight: 400 !important;
   }
   
   .form-group .label-err::before,
   .form-group .error::before {
	   content: "\f0d8 ";
	   font: normal normal normal 20px/1 FontAwesome;
	   color: #d81a1a;
	   position: absolute;
	   top: -13px;
	   left: 20px;
   }
   
   .form-group .form-control {
	border-radius:0!important;
	box-shadow:none;
	background:none;
	padding:8px 12px;
	height:auto;
   }
   .form-group select.form-control {
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../design_img/icon-select-arrow.png);
	background-repeat: no-repeat;
	background-position: right 6px top 50%;
	z-index: 0;
	/*padding: 7px 20px 7px 4px; */
	   padding-left:5px;
	padding-right:20px;
   }
   /*@-moz-document url-prefix() {
	   .form-group select.form-control {
		   padding: 7px 20px 7px 4px;
	   }
   }*/
   .form-group .label-radio {
	margin-right:15px;
   }
   .form-group input[type=radio] {
	margin-right:5px;
   }
   .form-group .label-check {
	margin-right:15px;
	text-transform:none!important;
	font-family: 'Poppins', sans-serif!important;
   }
   .form-group .label-check a {
	color: #fcd80f!important;
   }
   .form-group .label-check a:hover {
	text-decoration:underline!important
   }
   .form-group input[type=checkbox] {
	margin-right:5px;
   }
   .form-group .form-control:focus {
	box-shadow:none;
	border-color:#ffa34a;
	color:#ffa34a
   }
   .form-group textarea.form-control {
	resize:none;
   }








/*********************************************************************************
login form 
***************/
.log-body {
 padding: 50px 0 50px;
 background: url(../design_img/slide-log.jpg) no-repeat center right;
 background-size: cover;
 position: relative;
}
/*
.log-body:after {
	content: '';
	background: linear-gradient(180deg, #a3aab9 0%, #fff0 90%);
	position: absolute;
	width: 100%;
	height: 200px;
	top: 0;
	left: 0;
} */

.log-model {
 width: 95%;
 max-width: 400px;
 background: #fff;
 -webkit-box-shadow: 0px 0px 80px rgba(202, 168, 120, 0.18);
 -moz-box-shadow: 0px 0px 80px rgba(202, 168, 120, 0.18);
 box-shadow: 0px 0px 80px rgba(202, 168, 120, 0.18);
 border-radius: 10px;
 padding: 20px 40px 40px;
 display: table;
 margin: auto;
 position: relative;
 z-index: 1
}
.log-model h2 {
 font-size: 20px;
 color: #ffb120;
 font-weight: 700;
 margin-top: 20px !important;
 margin-bottom: 20px !important;
 text-align: center
}
.log-model .btn-sub {
 width: 100%;
 font-size: 16px;
 font-weight: 600;
}
.log-model .link-forgot {
 text-align: right;
 display: block;
 color: #eca254 !important;
 font-size: 12px;
 margin-bottom: 10px;
}
.log-model .alert {
 margin-bottom: 0;
 margin-top: 20px
}
.f-map{
	position: relative;
	width:100%;
	height:220px;
}

/*********************************************************************************
Join form 
***************/
.join-body {
 padding: 50px 0 80px;
 background: url(../design_img/slide-log.jpg) no-repeat center right;
 background-size: cover;
 position: relative
}
/*
.join-body:after {
	content: '';
	background: linear-gradient(180deg, #a3aab9 0%, #fff0 90%);
	position: absolute;
	width: 100%;
	height: 200px;
	top: 0;
	left: 0;
}
*/
.join-model {
 width: 95%;
 max-width: 1000px;
 margin: auto;
 position: relative;
 z-index: 1
}
.join-nav {
 white-space: nowrap;
 overflow-x: auto;
 margin-bottom: 10px;
}
.join-nav .join-nav-container {
 display: table;
 margin: auto;
}
.join-nav ul {
 list-style: none;
 display: flex;
}
.join-nav li {
 float: left;
 margin-right: 10px !important
}
.join-nav li a {
 display: block;
 text-decoration: none;
 text-transform: capitalize;
 font-weight: 500;
 color: rgba(0, 0, 0, 0.5) !important;
 padding: 0px 10px 0px;
 /*border: 1px solid rgba(0, 0, 0, 0.1 ); */
 cursor: default
}
.join-nav li a span {
 display: block;
 width: 40px;
 height: 40px;
 background: rgb(0 0 0 / 12%);
 text-align: center;
 margin: 0 auto 10px;
 color: rgba(45, 45, 45, 0.9);
 border-radius: 100%;
 font-size: 20px;
 font-weight: 400;
 padding-top: 5px;
}
.join-nav li a.active {
 cursor: pointer;
 color: #ea7221 !important;
 font-weight: 700;
}
.join-nav li a.active span {
 background: #ea7221;
 color: #fff;
}
.join-form-box {
 margin: 25px 0 0;
 padding: 35px 30px 0;
 background: #fff;
 border-radius: 20px;
 -webkit-box-shadow: 0px 0px 80px rgba(202, 168, 120, 0.18);
 -moz-box-shadow: 0px 0px 80px rgba(202, 168, 120, 0.18);
 box-shadow: 0px 0px 80px rgba(202, 168, 120, 0.18);
}
.join-form-box h4 {
 color: #ffb120;
 text-align: center;
 font-size: 20px;
 font-weight: 600;
 border-radius: 5px;
 margin: 0px 0 30px !important;
}
.join-form-box p {
 color: #666;
 font-weight: 600;
 font-size: 18px !Important;
 margin-bottom: 15px !important
}
.join-form-box input[type=file] {
 padding: 6px 9px;
}
.join-form-box .join-type-col {
 display: none
}
.join-form-box .join-type-col.col-active {
 display: block
}
.join-form-box .btn-search {
 background: #fff url(../design_img/icon-search.png) no-repeat center center;
 border-bottom-right-radius: 4px;
 border-top-right-radius: 4px;
 border: 0;
 height: 38px;
 width: 37px;
 position: absolute;
 top: 26px;
 right: 1px;
 text-align: center;
 background-size: 20px;/* padding-right: 50px; */
}
.join-form-box .btn-sub {
 margin: 45px auto -20px;
 display: block;
 border-radius: 25px !important;
 background: #1fa335;
 color: #fff;
 width: 150px;
 text-transform: uppercase;
 font-weight: 700;
}
.join-form-box .btn-sub:hover {
 background: #333 !important;
 color: #fff;
}
.join-form-box .alert {
 margin-top: 40px
}
/* password show hide*/
.toggle-password {
 position: absolute;
 right: 10px;
 width: 10px;
 color: #fff !important;
 text-align: center;
 top: 32px;
 padding: 13px 11px 11px 10px;
 float: right;
 margin-right: 1px;
}
.toggle-password.open-eye {
 background: url(../design_img/icon-show-pwd.png);
 background-repeat: no-repeat;
 background-size: contain;
}
.toggle-password.close-eye {
 background: url(../design_img/icon-hide-pwd.png);
 background-repeat: no-repeat;
 background-size: contain;
}
/*********************************************************************************
default form styles start
***************/
.form-group {
	position: relative;
	margin-bottom: 18px !important;
}
.form-group label {
	font-weight:normal;
}
.form-group .label-err {
	width: auto;
	font-size: 11px;
	color: #f17e21;
	padding: 0px;
	position: absolute;
	left: 0;
}
.form-group .form-control {
	border-radius:0!important;
	box-shadow:none;
	background:none;
	padding:8px 12px;
	height:auto;
}
.form-group select.form-control {
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../design_img/icon-select-arrow.png);
	background-repeat: no-repeat;
	background-position: right 6px top 50%;
	z-index: 0;
	/*padding: 7px 20px 7px 4px; */
	padding-left:5px;
	padding-right:20px;
}
 /*@-moz-document url-prefix() {
	.form-group select.form-control {
		padding: 7px 20px 7px 4px;
	}
}*/
.form-group .label-radio {
	margin-right:15px;
}
.form-group input[type=radio] {
	margin-right:5px;
}
.form-group .label-check {
	margin-right:15px;
	text-transform:none!important;
	font-family: 'Poppins', sans-serif!important;
}
.form-group .label-check a {
	color: #fcd80f!important;
}
.form-group .label-check a:hover {
	text-decoration:underline!important
}
.form-group input[type=checkbox] {
	margin-right:5px;
}
.form-group .form-control:focus {
	box-shadow:none;
	border-color:#ffa34a;
	color:#ffa34a
}
.form-group textarea.form-control {
	resize:none;
}
/*********************************************************************************
footer styles
***************/
footer {
	/*background:linear-gradient(90deg, #387fdb 0%, #3f3dae 50%); */
	background:#387fdb url("../design_img/footer-bg.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
}
   footer .logo img {
	max-width:80px; 
	margin-bottom:15px;
	margin-top:-40px;
	display: block;
	overflow: hidden;
	
   }
   footer .brdr-center {
	width:1px;
	height:200px;
	background:#ffffff30;
	margin:auto
   }
   footer p {
	color:#fff;
	font-size:13px!important;
	line-height:28px;
   }
   footer p a {
	color:#a2cd3a !important
   }
   footer h2 {
	text-align:left;
	color: #a2cd3a;
	font-size: 18px;
	font-weight:600;
	margin-bottom:20px!important;
	text-transform: capitalize;
	position:relative;
   }
   footer .footer-bar {
	margin:60px 0 0px 0
   }
   /* footer site nav*/
   footer .site-nav ul {
	list-style:none;
   }
   footer .site-nav ul li {
	color:#fff !important;
   }
   footer .site-nav ul li i {
	margin-right:8px;
	color:#fff!important;
   }
   footer .site-nav ul a {
	font-size:13px;
	font-weight: 700;
	color:#fff !important;
	text-align:left;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
   }
   footer .site-nav ul a strong {
	color:#a2cd3a;
   }
   footer .site-nav ul a.call {
	text-align:center;
	display: block;
	margin-top: -12px;
   }
   /* footer nav*/
   footer .nav-menu ul {
	list-style:none;
	margin:0 0 30px 15px !important;
   }
   footer .nav-menu ul li {
	line-height: 28px;
	display: block;
	text-indent: -15px;
   }
   footer .nav-menu ul a {
	display:block;
	font-size:13px;
	color:#fff !important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
   }
   footer .nav-menu ul a:hover {
	text-decoration:underline!important
   }
   /*social nav*/ 
   footer .social-nav ul {
	float:right;
	list-style:none;
	overflow: hidden;
	margin-top: -12px !important;
   }
   footer .social-nav li {
	float:left;
	margin-left:10px!important
   }
   footer .social-nav li a {
	border:0!important;
	padding:0!important
   }
   footer .social-nav li a .fa {
	color: #fff !important;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 100%;
	vertical-align: middle;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	border: 1px solid #ffffff63;
   }
   footer .social-nav li a:hover .fa {
	color: #fff !important;
	background: #ed9c01;
   }
   /*footer bar middle*/
   .footer-bar-middle {
	padding: 50px 0 40px;
	border-top: 1px solid #ffffff30;
	margin-top:30px
   }
   /*footer bar bottom*/
   footer .footer-bar-bottom {
	background: #fff;
	color: #666;
	padding: 18px 0 15px !important;
   }
   footer .footer-bar-bottom .copy {
	font-size:13px!important;
	margin-bottom:0px!important;
	text-align:center;
	color: #666;
   }
   footer .footer-bar-bottom .co-name {
	margin-right:5px;
	color:#a2cd3a;
   }
   footer .footer-bar-bottom .designer {
	margin-bottom:0px!important;
	text-align:right;
	font-size:13px!important;
   }
   footer .footer-bar-bottom .designer img {
	border: 1px solid #bbbaba;
	border-radius: 100%;
	padding: 2px;
	background: #fff;
   }
   /* top and down button*/
   #goTop, #goDown {
	width:40px;
	height:40px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 99;
	text-align: center;
	background:#a2cd3a;
	color: #fff;
	border-radius: 50%;
	font-size: 25px;
	display: none;
   }
   #goDown {
	display:block;
   }
   #goDown .fa {
	padding-top:6px;
	color: #fff;
   }
   #goTop .fa, #goDown .fa {
	color: #fff;
   }
   #goTop:before, #goDown:before {
	content: '';
	position: absolute;
	border: 2px solid #a2cd3a;
	border-radius: 50%;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	-webkit-animation: hvr-ripple-out 1.2s ease-in-out infinite;
	animation: hvr-ripple-out 1.2s ease-in-out infinite;
   }
   #goTop:after, #goDown:after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;/*background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);*/
   }
	@-webkit-keyframes hvr-ripple-out {
	100% {
	top: -12px;
	right: -12px;
	bottom: -12px;
	left: -12px;
	opacity: 0;
   }
   }
   @keyframes hvr-ripple-out {
	100% {
	top: -12px;
	right: -12px;
	bottom: -12px;
	left: -12px;
	opacity: 0;
   }
   }
   

   /* ABOUT-US-HOMEAGE */
   .home-abt-bar {
	padding:80px 0 100px 0!important;
	border-bottom:1px solid #eee
   }
   .home-abt-bar .main-head {
	text-align:left;
	color:#333;
   }
   .home-abt-bar img {
	max-width:100%;
	border-radius: 10px;
   }
   .home-abt-bar .lb-yrs {
	width: 185px;
	line-height: 25px;
	font-size: 15px !important;
	position: absolute;
	background: #fff;
	color: #000;
	padding: 40px 10px 10px !important;
	margin-bottom: 0 !important;
	text-align: center;
	text-transform: uppercase;
	bottom: -40px;
	right: -40px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
   }
   .home-abt-bar .lb-yrs strong {
	font-size: 24px;
	font-weight: 600;
	color: #ed9c01;
	line-height: 45px;
   }
   .home-abt-bar .lb-yrs span {
   }
   .home-abt-bar .lb-yrs::before, .home-abt-bar .lb-yrs::after {
	content: '';
	background: url(../design_img/icon-crop.png) no-repeat center center #3e49b6 !important;
	background-size: 35px !important;
	width: 50px;
	height: 50px;
	position: absolute;
	border-radius: 100%;
	top: -25px;
	right: 15px;
   }
   .home-abt-bar .lb-yrs:after {
	background: transparent !important;
	border: 1px dashed #3b5fc5;
	width: 60px;
	height: 60px;
	top: -30px;
	right: 10px;
   }
   .home-abt-bar p {
	text-align:justify;
	font-size:15px!important;
   }
   .home-abt-bar .btn-more {
	width: 140px;
	color: #fff !important;
	border: 2px solid #a2cd3a;
    background: #a2cd3a;
	margin: 25px 0 0;
	padding: 10px 10px !important;
	display: block !important;
	text-transform: capitalize;
	border-radius: 2px !important;
   }
   
   .home-abt-bar .btn-more:hover {
	padding: 10px 10px!important;
	background:#26419a !important;
	border:2px solid #26419a;
	
   }
   /* MAIN-HEADING */
   .main-head {
		text-align:center;
		line-height:35px!important;
		margin-bottom: 15px !important;
		font-weight:700;
		font-size:35px!important;
	}
   .main-head span {
	font-size:14px!important;
	font-weight:600;
	color:#3eb9e8;
	text-transform:uppercase
   }
   .main-head span.brdr {
	background: #d84a21;
	height:2px;
	display:block;
	width:50px;
	margin:25px auto 20px;
   }
   /*********************************************************************************
offer bar start 
***************/
.offer-bar {
	padding:45px 0 20px 0 !important;
   }
   .offer-bar img {
	max-width:100%;
   }
   .offer-bar .offer {
	margin-bottom:25px;
   }
   .offer-bar .offer a {
	display: block;
	overflow: hidden;
	position:relative;
   }
   .offer-bar .offer a:before {
	overflow: hidden;
	position: absolute;
	top: 0;
	content: "";
	width: 100%!important;
	height: 100%;
	left: 0px;
	opacity: 0;
	webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-moz-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transform: scale(0.5);
	background-image: url(../design_img/plus-img.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
   }
   .offer-bar .offer a:hover:before {
	visibility: visible;
	opacity: 0.6;
	transform: scale(1);
   }
   /*********************************************************************************
   offer bar end  product product bar start
   ***************/


 /* product  slider */
 .product-slide-bar {
	padding: 60px 0 60px 0!important;
   }
   .product-slide-bar.new-launch {
	margin-top:40px;
	background:#fbe9e9
   }
   .product-slide-bar .main-head {
   }
   /*items*/
   .item {
	margin:0 8px;
	border: 1px solid #eee;
   }
   .item-container {
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
   }
   .item-pic-container {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	background: #fff;
   }
   .item-back {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 100%;
	background: #000;
	z-index: 0;
	opacity: 0.4;
	webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-moz-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
   }
   .item-pic {
   /*border: 1px solid #eee;*/
   }
   .item-pic img {
	max-width: 100%;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
   }
   .item-new {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	display: inline-block;
	background-color: #0095bc;
	display:none
   }
   .item-new span {
	color: white;
	text-transform: capitalize;
	padding: 15px 0px;
	display: inline-block;
	transform: rotate(-90deg);
	font-weight: 300;
   }
   .item-new:after {
	content: "";
	width: 0px;
	height: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-top: 4px solid #0095bc;
	position: absolute;
	bottom: -4px;
	left: 50%;
	margin-left: -4px;
   }
   .discount {
	background: #f48736;
	color: #fff;
	width: 62px;
	height: 25px;
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 1;
	text-align: center;
	line-height: 22px;
	display:none
   }
   .item-btn {
	width: 110px;
	height: 50px;
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	margin-top:-25px;
	margin-left:-30px;
	opacity:0;
	visibility:hidden;
	webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
	-moz-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
   }
   .item-btn a {
	background: #fff;
	font-size: 16px;
	color: #333 !important;
	width: 50px;
	height: 50px;
	display: block;
	float:left;
	margin-right:5px;
	text-align: center;
	padding-top: 14px;
	border-radius:5px;
	text-transform: uppercase;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	transition: all 150ms linear;
	-webkit-box-shadow:0px 0px 35px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.3);
   }
   .item-btn a.cart {
   }
   .item-btn a.view {
   }
   .item-btn a:hover {
	color:#5250d1 !important
   }
   .item-name {
	font-size:14px!important;
	margin:0!important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	display: inline-block;
	text-align:center;
	white-space: nowrap !important;
	width: 100%;
	text-transform:uppercase;
	border-top: 1px solid #eee;
   }
   .item-name a {
	color: #333 !important;
	font-weight: 600;
	padding: 10px 0 8px;
	display: block;
   }
   .item-price {
	text-transform:capitalize;
	margin:5px 0!important;
	font-size: 15px;
	text-align:center
   }
   .item-price .price-before {
	color:#999999;
	text-decoration:line-through;
   }
   .item-price .price-now {
	font-weight:600;
	color:#9dac0b;
	margin:0 5px;
   }
   .item-price .price-bv {
   }
   .item-container:hover .item-back {
	right: 0;
   }
   .item-container:hover .item-btn {
	margin-left:-50px;
	visibility:visible;
	opacity:1;
   }


   /* contact us */
   .contact-form {
    background-color:#f8f8f8;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
}

.form-group {
    margin-bottom: 20px;
}
.contact-info h4{
	font-size: 35px;
	font-weight: bold;
	color:#074f99 !important;
	margin-bottom: 20px !important;
}
.btn-submit{
	border: 2px solid #a2cd3a;
    background: #a2cd3a;
	padding: 10px 40px !important;
	color:white
}
.btn-submit:hover{
	background: #26419a !important;
    border: 2px solid #26419a;
}
    
.form-label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

.form-control {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    font-size: 16px;
}

textarea.form-control {
    resize: vertical; /* Allows vertical resizing of the textarea */
}

.btn-success {
    background-color: #eb7424;
    border-color: #eb7424;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    border: none;
    width: 100%;
}

.btn-success:hover {
    background-color: #d65a14;
    border-color: #d65a14;
}
.contact-info{

    /* border-radius: 8px; */
    padding: 45px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    margin-top: 30px;
}
.contact-info p{
	text-align: justify;
}
.h-icon{
	margin: 20px;
}
.h-icon i{
 width:50px;
 height:50px;
 background: linear-gradient(to left, #a2cd3a 30%, #254275 70%);
 color:white;
 font-size: 25px;
 padding: 10px;
 border-radius: 10px;
 text-align: center;
 

}
.h-icon span{
	font-size: 15px;
}
.conatct-map{
	margin-bottom: 35px;
}

 .fa-facebook {
    background: #3b5a9a !important;
    border: 1px solid #3b5a9a !important;
}
 .fa-twitter {
    background: #1d9bf0 !important;
    border: 1px solid #1d9bf0 !important;
}
 .fa-instagram {
    background: #813cac !important;
    border: 1px solid #813cac !important;
}
 .fa-youtube {
    background: #f51e1e !important;
    border: 1px solid #f51e1e !important;
}
.h-icon a{
	margin:5px
}
.h-icon a i{
	padding:15px;
}

.form-group .label-err,
.form-group .error:not(.form-control) {
	background: #074f99 !important;
	width: auto;
	font-size: 11px;
	color: white !important;
	padding: 1px 5px 2px;
	border-radius: 2px;
	position: absolute;
	bottom: -22px;
	z-index: 1;
	font-weight: 400 !important;
}

.form-group .label-err::before,
.form-group .error::before {
	content: "\f0d8 ";
	font: normal normal normal 20px/1 FontAwesome;
	color: #074f99 !important;
	position: absolute;
	top: -13px;
	left: 20px;
}

.form-group .form-control {
	border-radius: 0 !important;
	box-shadow: none;
	background: none;
	padding: 8px 12px;
	height: auto;
	color: #121212;
}

.form-group select.form-control {
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../design_img/icon-select-arrow.png);
	background-repeat: no-repeat;
	background-position: right 6px top 50%;
	z-index: 0;
	/*padding: 7px 20px 7px 4px; */
	padding-left: 5px;
	padding-right: 20px;
}

/*@-moz-document url-prefix() {
	.form-group select.form-control {
		padding: 7px 20px 7px 4px;
	}
}*/
.form-group .label-radio {
	margin-right: 15px;
}

.form-group input[type=radio] {
	margin-right: 5px;
}

.form-group .label-check {
	margin-right: 15px;
	text-transform: none !important;
	font-family: 'Poppins', sans-serif !important;
}

.form-group .label-check a {
	color: #fcd80f !important;
}

.form-group .label-check a:hover {
	text-decoration: underline !important
}

.form-group input[type=checkbox] {
	margin-right: 5px;
}

.form-group .form-control:focus {
	box-shadow: none;
	border-color: #145383;
	color: #121212;
}

.form-group textarea.form-control {
	resize: none;
}

/* our profile */
 .pro-img img{
	max-width: 100%;
	height:auto;
	
	box-shadow: 8px 8px  black; /* Adjusted shadow */
	
 }
 .pro-img-chairperson{
	max-width: 100%;
	height:auto;
	
 }
 .pro-text{
	padding: 40px 30px;
 }
 .pro-text h5{
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	color: #9ccb2a;
 }
 .pro-text h3{
	font-size: 30px !important;	
 }
 hr {
    border: none; /* Removes the default border */
    height: 5px !important; /* Thickness of the line */
    background-color:#074f99 !important; /* Color of the line */
    margin: 5px 0 !important; /* Space around the line */
	width:10%
}
.pro-text h4{
	font-size: 20px !important;	
	font-weight: bold;
 }
 .pro-text p{
	text-align: justify;

 }
 .pro-chair-cont{
	margin-top: 40px;
	
 }
 .pro-img-chairperson img{
	max-width: 100%;
	height:auto
 }
 .chair-person{
	
	
	text-align: justify;
	margin-top: 50px;
 }
 .pro-text-chairperson {
	
	padding:40px 30px;
 }
 .pro-text-chairperson h5{
	font-size: 20px;
	font-weight: bold;
 }
 /* vission mission */
 .vis-mis-blk{
	background-color: #f8f8f8;
	padding:25px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #e7e6e6;
	margin-bottom: 20px;
	overflow:hidden;
 }
 .h-icon-vis{
	text-align: center;
    width: 100px;
    float: left;
    vertical-align: top;
    margin-top: 15px;
 }
 
 .vis-mis-text h5{
	margin-top: 20px !important;
	font-size: 20px;
	line-height: 30px;
 }
 .h-icon img{
width:80px !important;
height:80px !important
 }
.vis-mis-text {
    text-align: left;
    width: calc(100% - 100px);
    float: left;
    padding-left: 15px;
    vertical-align: top;
}
.vis-mis-text h5{
	font-size:25px !Important;
	line-height:35px;
	font-weight:600;
	margin-bottom:5px !important;
}
.vis-mis-text p{
	font-size:15px !important;
	line-height:25px;
	color:#333 !important;
}
 
/* downloads */
.Downloads-sec.home-web-col-bar{
	padding:80px 0;
}



.download-col {
    text-align: center;
    border: 1px solid #e5e5e5;
    min-height: 260px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.download-col img {
    margin-bottom: 20px; /* Space between the image and the p tag */
}

.download-col p {
    margin-bottom: 10px; /* Space between the p tag and the download button */
    font-weight: 600;
    font-size: 15px;
    color: #333;
    text-transform: uppercase;
}

.download-col a {
    font-size: 14px;
    background: #074f99;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 10px;
    letter-spacing: 1.8px;
    text-decoration: none; /* Ensure no underline on the link */
}

.download-col a:hover {
    background: #f38321;
}
/* legals */
.legal {
	height: auto;
	padding: 10px 0px 0px 0px !important;
}

.legal:first-child {
	border: none;
}

.legal img {
	margin: auto;
	display: block;
	max-width: 100%;
}

.legal p {
	margin-top: 10px !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	color: #666;
	padding-bottom: 6px;
	text-align: center !important;
}
.legal-sec {
	padding: 80px 0 !important;
	position: relative;

}
.legal .product {
    margin: 0px 8px 33px 8px;
    border: 1px solid #eee;
    box-shadow: 0px 0px 30px #eee;
    padding: 5px;
}
.legal {
    height: auto;
    padding: 0px 15px 0px 15px !important;
}