@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,200&display=swap');
/*Google Fonts*/
 
:root { 
    --H-family:'Nunito Sans',sans-serif;
    --B-family: 'Roboto', sans-serif;
    --P-color:#fe7701; 
    --blue:#13245c;
    --base-color:#545454;
    --light-bg:#fef9f6;
    --blog-btn-color:#083b8a;
    --ddd-color:#ddd;
    --nav-color:#444444;
    --white:#ffffff;
    --color-white:#ffffff;
    --black:#000000;  
}


body,
html {
    color: #545454;
    background-color: var(--white);
    font-family:'Nunito Sans',sans-serif;
    font-size: 16px;
    scroll-behavior: smooth;
}

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

a {
    font-family: var(--H-family);
    text-decoration: none;
    outline: none;
}

p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    text-align: justify;
}

h1,
h2,
h3,
h4,
h3,
h6 {
    font-family:var(--H-family);
    padding: 0;
}


/* top-header */

.top_header {
    background: #fff;
    padding: 0;
    font-family: var(--H-family);
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.top_header .navbar-brand{
  height:100px;
}
.top_header .navbar-brand img{
  width: 140px;
}



.top_social {
    padding: 0;
    margin: 0;
    text-align: right;
}

.top_social li {
    list-style: none;
    display: inline-block;
}

.top_social li a {
    display: inline-block;
    color: var(--white);
    font-size: 17px;
    background: rgba(255, 255, 255, 0.1);
    width: 31px;
    height: 31px;
    text-align: center;
    line-height: 30px;
    border-radius:var(--top-social-radius);
    border: 1px solid rgba(255, 255, 255, 0.18);
    margin: 0 0 0 5px;
}

.top_info {
    padding: 0;
    display: flex;
    margin: 0;
    margin-left: auto;
    justify-content: end;
}

.top_info li {
    list-style: none;
    display: flex;
    margin: 0 10px 0 0;
}
.top_info li a {
    display: inline-block;
    color: var(--blue);
    margin: 0 27px 0 0;
    font-weight: 600;
    font-size: 18px;
    white-space: nowrap;
}
.top_info li a span{
display: block;
font-weight: 900;
text-transform: uppercase;
font-size: 13px;
color: var(--base-color);
opacity: 0.5;
}
.icon {
	width: 34px;
	height: 34px;
	border-radius: 2px;
	margin: 0 12px 0 0;
	opacity: 0.8;
}
 
.top_info li a i {
    display: inline-block;
    color: var(--blue);
    margin: 0 3px 0 0;
    font-weight: 500;
    font-size: 20px;
}
.gsT_nO_main h3{
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: var(--P-color);
}

/* top-header */


/* header */ 
header {
    border-bottom: none;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.7);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.7);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.7);
    background: var(--nav-bg);
}

.navbar-light .navbar-brand {
    margin: 0 15px 0 15px;
    width: 400px;
}

.navbar {
    padding: 0;
    border-bottom: none;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--white);
}

.navbar-expand-xl .navbar-nav .nav-link {
	font-size: 15px;
	font-weight: 600;
	display: block;
	padding: 15px 17px;
	text-decoration: none;
	color: var(--white);
	letter-spacing: 0;
	position: relative;
	white-space: nowrap;
	text-transform: capitalize;
	font-family: var(--H-family);
}

.navbar-expand-xl .navbar-nav .nav-link:last-child::before {
    display: none;
}

.navbar-expand-xl .navbar-nav .active .nav-link {
    color: var(--white);
    background: rgb(242, 113, 0);
}

.RiGhT_nav {
    text-align: right;
}

.navbar-expand-xl .RiGhT_nav .nav-link {
    font-size: 18px!important;
    font-weight: 300; 
}
 
header {
    position: relative;
    z-index: 999;
    padding: 0;
    background: var(--P-color);
}

.dropdown-menu {
    position: absolute;
    top: 51px;
    z-index: 1000;
    margin: 0px;
    padding: 0;
    min-width: 190px;
    background-color: var(--white);
    border: 1px solid var(--white);
    border-radius: 2px;
    box-shadow: 0 1px 18px rgba(32, 48, 101, 0.35);
}

.dropdown-menu::before {
    position: absolute;
    top: -10px;
    left: 12px;
    display: inline-block;
    border-right: 10px solid #0000;
    border-bottom: 10px solid rgba(0, 40, 100, 0.36);
    border-bottom-color: rgba(0, 40, 100, 0.12);
    border-left: 10px solid transparent;
    border-bottom-color:var(--white);
    content: '';
    z-index: 999;
}

.dropdown-item {
	font-size: 13px;
	display: block;
	padding: 10px 14px;
	text-decoration: none;
	border-radius: 0;
	color: #444;
	position: relative;
	white-space: nowrap;
	text-transform: capitalize;
	font-weight: 600;
	border-bottom: 1px solid #dcdcdc;
}

.bTn_OrDeR i {
    font-size: 25px;
    margin: 0 12px 0 0;
    color: var(--blue);
}

.bTn_OrDeR p {
    margin: 0 0 7px 0;
}
 
.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--white);
    text-decoration: none;
    background-color: var(--P-color);
}

.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    background: var(--P-color);
}

.nav-link.header_btn {
    border: 2px solid var(--P-color);
    color: var(--P-color) !important;
    transition: 0.4s;
    background: var(--white);
    border-radius: var(--btn-radius);
}

.nav-link.header_btn:hover {
    border-color: var(--P-color);
    color: var(--white) !important;
    background: var(--P-color);
    transition: 0.4s;
}
.dropdown-submenu {
    position: relative;
  }
  
  .dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: 17px;
    border-top: 5px solid #535353;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent;
  }
  
  .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
  }


/* header */


/* banner */
.carousel-caption{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    padding: 50px 0;
    color: var(--white);
    text-align: left;
    text-align: center;
}
.overlay_banner{ 
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); 
}

.carousel-caption h3{
    font-size: 40px;
    text-transform: capitalize;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
}
.banner_btn{
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    border: 2px solid var(--P-color);
    background:var(--P-color);
    border-radius: 0;
}
.carousel-control-next, .carousel-control-prev { 
    width: 5%; 
    opacity: 1;
}
.banner_height{
    min-height: 64vh;
    align-items: center;
}
/* banner */

/* about */
.about_content h3{
    font-size: 30px;
    position: relative;
    color: #fe7701;
    
    margin: 0 0 24px 0;
    font-weight: 500;
}
.about_content h3 b{ 
    color: var(--black); 
}

.about_content h3::before{
content: '';
left: 0;
bottom: -9px;
width: 88px;
height: 2px;
    
position: absolute;
background: #fe7701;
}
.about_main{
    padding: 60px 0;
    background: #fff;
}


/* about */

/* .enterPrise_main */
.enterPrise_main{
    padding: 60px 0;
    background: var(--light-bg);
}
.btn_page{
    padding: 12px 30px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--white) !important;
    background: var(--P-color);
    border-radius: 50px;
}
.btn_Theme_white{
    padding: 12px 30px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--P-color) !important;
    background: var(--white);
    border-radius: 50px;
}


.toll_free_no {
	font-size: 20px;
	color: var(--black);
	margin: 0 0 0 32px;
}
.toll_free_no:hover{
    color: var(--P-color);
}

.toll_free_no span{
    text-transform: uppercase;
}
.toll_free_no:hover span{
    color: var(--black);
}

 /* .enterPrise_main */

 /* .news_blg_main  */

 .news_blg_main {
	padding: 60px 0;
}
.news-blog .mb30 {
    margin-bottom: 30px;
}

.news-blog .heading-tag {
    font-size: 36px;
    line-height: 36px;
    font-weight: 800;
    color: #fff;
}

.news-blog h2 {
    margin: 0px 0px 15px 0px;
    color: #050521;
    font-weight: 500;
    font-size: 2.0em;
    text-align: center;
}

.news-blog h4 {
    font-size: 1.2em;
    color: #4285f4;
    line-height: 1.7;
    margin-bottom: 20px;
    display: block;
    font-weight: 500;
    margin-top: 0px;
}

.post-slide {
    overflow: hidden;
    padding: 0 10px;
    margin-top: 0px;
}

.post-slide .post-review {
    background-color: #ffffff;
    box-shadow: none;
    text-align: left;
    padding: 20px;
    position: relative;
    margin: 0 auto;
}

.post-slide .post-review a {
    transition: ease-in-out all 0.2s;
    margin: 21px 0 0 0;
    color: var(--black);
}

.post-slide .post-review a:hover {
    color: #4285f4
}

.post-slide > .post-review > ul > li {
    padding: 0 0 10px 0;
    list-style: none;
    display: inline-block;
    color: #fe7701;
    font-size: 14px;
    line-height: 24px;
    margin-right: 5px;
    margin-bottom: 0px;
}

.post-slide > .post-review > ul > li > i {
    color: #fe7701;
    margin-right: 5px;
}

.post-slide > .post-review > ul > li > a {
    text-decoration: none;
    color: #999;
}

.post-slide > .post-review > ul > li > a:hover {
    color: #4285f4;
}

.post-slide > .post-review > ul > li:after {
    content: "|";
    margin-left: 3px;
}

.post-slide > .post-review > ul > li:last-child:after {
    content: "";
}

.post-slide > .post-review > ul > li > a {
    text-transform: capitalize;
    color: #999;
}

.post-slide > .post-review > ul {
    padding: 0;
    margin-bottom: 0px;
}

.post-slide > .post-review > h3 {
    margin: 0 0 15px 0;
    font-size: 20px;
    line-height: 1.3;
    color: #050521;
}

.post-slide > .post-review > p {
    color: #505050;
    font-size: 16px;
    line-height: 25px !important;
    margin: 0px auto;
    height: 94px;
    overflow: hidden;
}

.blg_button {
    padding: 8px 30px;
    border: 1px solid #1a90c6;
    background: transparent;
    color:  #1a90c6;
    display: inline-block;
    border-radius: 3px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 8px;
    transition: ease-in-out all 0.2s;
}

.blg_button:hover {
    color: #3f7fe9 !important;
    border: 1px solid #3f7fe9;
    background-color: #ffffff
}
.post-slide{
    margin-top: 24px;
    padding: 0;
    background: var(--white);
    border: 1px solid #ddd;
    border-radius: 5px;
}
 
 /* .news_blg_main  */

 
/* call_Toact_div */

.call_Toact_div {
    padding: 70px 0;
    color: var(--white);
    background: url(../images/about-trans-img.jpg)no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.call_Toact_div::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
    background:var(--box-gradient); 
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#fd9d6a", endColorstr="#fe576b", GradientType=1);
    background: rgba(0, 0, 0, 0.38);
}

.call_Toact_div h3 {
    font-weight: 500;
    font-size: 35px;
    color: #ffd700;
    font-family: georgia;
    font-style: italic;
    text-transform: capitalize;
}
.call_Toact_div p {
    text-align: center!important;
}
.btn_theme {
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    padding: 11px 30px;
    text-decoration: none;
    border-radius:50px; 
    letter-spacing: 0;
    position: relative;
    text-transform: capitalize;
    border: 2px solid var(--P-color);
    color: var(--white) !important;
    transition: 0.4s;
    background:var(--P-color);
}


/* call_Toact_div */

.spectrum_main {
	padding: 60px 0;
	background: rgba(0, 0, 0, 0) -webkit-linear-gradient(rgb(255, 255, 255) 7%, rgb(232, 235, 240) 100%) repeat scroll 0% 0%;
}

.box {
    padding: 0px;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 5px;
    position: relative;
    /*! -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.15),0px 0px 2px rgba(0,0,0,0.15); */
    /*! box-shadow: 0px 2px 6px rgba(0,0,0,0.15),0px 0px 2px rgba(0,0,0,0.15); */
    overflow: hidden;
    transition: 0.4s;
}

.box-content-inner {
    color: var(--base-color);
}

.box img {
    width: 100%;
    transition: 0.4s;
}

.box::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.43);
    position: absolute;
    left: 0;
    top: 0;
}


.box-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 86%;
    padding: 10px;
    color: #fff;
    transition: 0.4s;
}

.box-content-inner h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--white);
}

.box-content-inner p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    font-family: var(--B-family);
}

.box:hover .box-content {
    bottom: 8px;
    transition: 0.4s;
}

.box:hover img{
    transition: 0.4s;
    transform: scale(1.2);
}

.center_Heading::before { 
	left: 46% !important; 
}

.skill_iTM {
	display: flex;
	align-content: center;
	margin: 0 0 20px 0;
}

.skill_iTM  h3{
    font-size: 16px;
    position: relative;
    margin-bottom: 9px;
    font-weight: 700;
    color: #000;
}
.skill_iTM  h3::after {
    bottom: -3px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 55px;
    background: #fe7701;
}
.skill_iTM  p {
        font-size: 16px;
        line-height: normal; 
}

.faq_main {
    padding: 50px 0;
    background: var(--white);
    background-size: 42%;
  }

/* faqs */

.accordion-button {
    font-weight: 600;
    color: var(--blue);
    font-size: 15px;
    border: none;
    border-bottom: 1px solid #13245c2e;
    padding: 15px;
    background: var(--light-bg);
    border-radius: 6px!important;
    border-radius: 0 !important;
}

.accordion-button.collapsed {
    border-bottom-width: 1px;
}

.accordion-button.collapse {
    border-bottom-width: 0px;
}

.accordion-body {
    text-align: left;
    background: var(--light-bg);
}

.accordion-collapse {
    border: none;
    border-width: 0 1px;
}

.accordion-button:not(.collapsed) {
    color: var(--white);
    background-color: #fe7701;
}

.accordion-item {
    margin: 0 0 20px 0;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    color: var(--white);
    background-color: var(--white);
    background-size: 15px;
    padding: 5px;
    border-radius: 60px;
    background-position: center;
}
.after_none::before{
    display: none;
}

/* faqs */

/* prov_point_main */

.prov_point_main{
    padding: 60px 0;
    background:#fe7701 url(../images/prove_point_bg.png) no-repeat;
    background-size: cover;
    color: #fff;
}

.counter_content .about_content h3 { 
	color: #fff!important; 
}
.counter_content .about_content h3::before { 
	background: #fff;
}
.counter_item {
	padding: 20px;
	margin: 0;
	border-bottom: 1px solid #ddd;
	min-height: 160px;
	border-left: 1px solid #ddd;
}

.border_Lnone{
    border-left: none!important;
}
.border_Bnone{
    border-bottom: none!important;
}

/*Subscribe Form*/

.subscribe-form {
    position: relative;
    z-index: 3;
}

.subscribe-form .form-group {
    position: relative;
    margin: 21px 0 0 0;
    padding: 0;
}

.subscribe-form input[type="text"],
.subscribe-form input[type="email"],
.subscribe-form input[type="password"] {
    display: block;
    width: 100%;
    height: 68px;
    font-size: 17px;
    padding: 14px 27px;
    border-radius: 50px;
    background: #ffffff;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.10);
    border: 1px solid #ccd5f0;
}

.subscribe-form .thm-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.btn-style {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    padding: 17px 34px;
    display: inline-block;
    border-radius: 50px;
    color: #ffffff;
    box-shadow: 0px 10px 10px 2px rgba(233, 238, 254, 0.15);
    border: 0px solid #fff;
    background: var(--P-color);
}

.btn-style:hover {
    color: #ffffff;
    background-image: -ms-linear-gradient(left, #2f69ca 0%, #4285f4 100%);
    background-image: -moz-linear-gradient(left, #2f69ca 0%, #4285f4 100%);
    background-image: -o-linear-gradient(left, #2f69ca 0%, #4285f4 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2f69ca), color-stop(100, #4285f4));
    background-image: -webkit-linear-gradient(left, #2f69ca 0%, #4285f4 100%);
    background-image: linear-gradient(to right, #2f69ca 0%, #4285f4 100%);
}

.pin_bg{
    background: #c8232c ;
}

.yt_bg{
    background: #FF0000 ;
}

.whtt_bg{
    background: #25D366 ;
} 


/* prov_point_main */


 /* footer */
 
 footer {
    padding: 40px 0 0 0;
    background: url(../images/footer_bg.jpg);
    color: #d7e5f2;
     background-size: cover;
     position: relative;
     z-index: 1;
}

 footer::before{ 
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.9);
     z-index: -1;
}

.footer .container{
    max-width: 95%;
}

footer p {
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
}

footer h4 {
    font-size: 23px;
    margin: 0px 0 13px 0;
    color: #fff;
    font-weight: bold;
    position: relative;
    margin: 0 0 21px 0;
}
.footer h4::before {
	content: '';
	left: 0;
	bottom: -9px;
	width: 80px;
	height: 1px;
	position: absolute;
	background: #fe7701;
}

.SoCial {
    display: flex;
}

.yelo {
    color: var(--yellow);
}

.SoCial a {
    color: #fff;
    display: inline-block;
    height: 35px;
    width: 35px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.53);
    text-align: center;
    line-height: 33px;
    font-size: 16px;
    border: 1px solid #c2d7ea;
    margin: 0 12px 0 0;
}

.copy {
    padding: 20px 0;
    background: transparent;
    text-align: center;
    margin: 20px 0 0 0;
    border-top: 1px solid #909296;
}

.copy p {
    margin: 0;
    text-align: center;
}

.F_Address {
    padding: 0;
    margin: 0;
}

.F_Address li {
    list-style: none;
    position: relative;
    padding: 0 0 0 28px;
    margin: 0 0 10px 0;
}

.F_Address li a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
}

.F_Address li a i {
    position: absolute;
    left: 0;
    color: #fff;
    top: 3px;
}

.U_link {
    padding: 0;
    margin: 0;
}

.U_link li {
    list-style: none;
    position: relative;
    padding: 0 0 0 23px;
    margin: 0 0 8px 0;
}

.U_link li a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
}

.U_link li a::before {
    content: '\eaca';
    color: #fff;
    position: absolute;
    left: 0;
    font-family: IcoFont;
}

.brdr_RDS {
    border-radius: 50px!important;
}

.BCall a {
    color: #ffcc00;
    font-size: 26px;
    font-weight: bold;
    font-family: gsans;
}
.footer .nav{
    display: block!important;
}

.Social_footer{
    margin: 0;
    padding: 0;
}
.Social_footer li{
    list-style: none;
    display: inline-block;
    padding: 0;
}
.footer-main a:hover{
   color: #00aced;
}

.Social_footer li a{
    display: inline-block;
    width: 36px;
    height: 36px;
    color: #fff;
    /*! background: #000; */
    line-height: 36px;
    text-align: center;
    margin: 0 7px 13px 0 !important;
    border-radius: 40px;
    font-size: 18px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.11);
    padding: 0 !important;
}
.Social_footer li a::before {
	display: none;
}


.fb_bg{
    background: #3b5998!important;
}
.Social_footer li a:hover{
    color: #fff;
}
.InNeR_main{
	padding: 50px 0;
}
.tw_bg{
    background: #00aced;
}

.insta_bg{
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.in_bg{
    background: #007bb6;
}
.yt_bg{
    background: #FF0000;
}
/* footer */

/* products */
.our-item {
    text-align: center;
    overflow: hidden;
    padding: 3px;
    border-radius: 10px;
    text-decoration: none!important;
    transition: ease-in-out all 0.2s;
    background: #fff;
    box-shadow: 0 1px 5px #bbb;
    min-height: 0px;
    margin-bottom: 5px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.6);
    z-index: 9;
    position: relative;
    transition: ease-in-out all 0.2s;
}
 
.product_main .about_content h3 {
	color: #fff;
}.product_main .about_content h3::before {
	background: #fff;
}
.our-item:hover {
    background: #fff;
    transition: ease-in-out all 0.2s;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.23);
}
.product_details span{
    display: inline-block;
    padding: 9px 28px;
    border-radius: 30px;
    background: var(--P-color);
    color: #fff;
    box-shadow: 3px 4px 7px #8080806b;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 10px 0 0 0;
    transition: 0.4s;

}

.our-item:hover .product_details span{
background: var(--black);
transition: 0.4s;
}


.our-item h4 {
    font-size: 18px;
    letter-spacing: 0;
    margin: 0;
    overflow: hidden;
    text-align: center;
    font-weight: 800;
    color: #2f2f2f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
 
.thumb-wrapper {
    text-align: center;
}

.our-item p {
    font-size: 20px;
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
    margin: 0;
    color: var(--green);
}

.our-item p span {
    color: #aeaeae !important;
    text-decoration: line-through;
    font-style: italic;
    font-size: 18px;
    font-weight: 300;
    margin: 0 5px 0 0;
}

.product_image {
    max-height: 230px;
    overflow: hidden;
    min-height: 230px;
    position: relative;
    margin: 2px;
}

.product_image img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    transition: 0.4s;

}
.our-item:hover img {
   transform: scale(1.06);
   transition: 0.4s;
}
.our-item p strike {
    color: var(--primary_color);
    margin-right: 10px
}

.our-item p span {
    color: var(--color_black)
}

.our-item .wine_item-price strike {
    color: var(--primary_color);
    margin-right: 5px;
}

.our-item .wine_item-price span {
    color: #86bd57;
    font-size: 16px;
    font-weight: 600;
}
.product_details {
	padding: 15px;
	background: var(--white);
	border-top: 2px solid #ddd;
	margin: 20px 0 0 0;
}
.product_main {
	padding: 50px 0;
	background: var(--P-color) url(../images/products_bg.jpg);
	background-attachment: fixed;
	background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
.product_main::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(254, 119, 1, 0.24);
    z-index: -1;
}
.batteries_MAIN{
    background:url(../images/battry_bg.jpg);
    background-size: cover;
    padding: 40px 0;
    background-repeat: no-repeat;
}
/* products */


/* brand */

.BranD_ItEm {
    cursor: pointer;
    text-align: center;
    padding: 15px;
    border-radius: 3px;
}
.BranD_ItEm p{
    text-align: center;
}

.BranD_ItEm img {
    display: inline-block;
    margin: 0 auto;
    width: 167px;
    transition: 0.3s;
    margin-bottom: 13px;
}

.BranD_ItEm:hover img {
    filter: grayscale(0);
    transition: 0.3s;
}

.brand_main{
    padding: 40px 0;
}


.breadcrumb {
	padding: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 4px;
	margin: 0 auto;
	text-align: right;
}

.inner_banner{
    padding: 40px 0;
    background: url(../images/about-trans-img.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    position: relative;
    z-index: 1;
}

.inner_banner::before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    background: rgba(17, 112, 202, 0.7);
    z-index: -1;
}
 
.breadcrumb > span
{
	padding:0 5px;
}
.breadcrumb .breadcrumb-item a{
	color: #fff;
}
.breadcrumb .breadcrumb-item.active{
	color: #ffd700;
}




.breadcrumb span a span{
    color: #fff;
}
/* contact us */

.inner_banner h2{ 
	color: #fff;
	margin: 0 0 5px 0;
	font-weight: 500;
	font-size: 29px;
}


.immer_main{
    padding: 50px 0;
    background: #fff;
}
.iconPdF {
	color: #ff0000;
	font-size: 35px;
	margin: 0 10px 0 0;
	line-height: 0;
	width: 45px;
}
.pdf_item {
	display: flex;
	align-items: center;
	padding: 5px 8px;
	border-radius: 3px;
	background: #fff;
	margin-bottom: 12px;
	border: 1px solid #e8e8e8;
	justify-content: space-between;
	background: #f9f9f9;
}
.containt_pdf {
	width: 100%;
}
.main_PDfSection {
	padding: 15px;
	background: var(--light-bg);
	border: 1px solid #ffcfa7;
	border-radius: 5px;
	margin-bottom: 30px;
}
.main_PDfSection h3{
    font-weight: 800;
    text-transform: uppercase;
    padding: 8px 13px;
    background: #dcdcdc;
    font-size: 20px;
    margin: 0 0 14px 0;
    color: #000;
}
.containt_pdf h4{
    font-size: 13px;
    font-weight: 600;
    line-height: 21px;
    margin: 0;
    color: #000;
}
.year_heading_N h4{
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    margin: 0 0 7px 0;
     padding: 0;
    font-size: 18px;
}



/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

/* Timeline holder */
ul.timeline {
    list-style-type: none;
    position: relative;
    padding: 0;
}

 /* Timeline vertical line
ul.timeline:before {
    content: ' ';
    background: #fe9233;
    display: inline-block;
    position: absolute;
    left: 16px;
    width: 4px;
    height: 100%;
    z-index: 400;
    border-radius: 1rem;
}
 */
li.timeline-item {
    margin: 0;
}

/* Timeline item arrow */
.timeline-arrow {
    border-top: 0.5rem solid transparent;
    border-right: 0.5rem solid #fe7701;
    border-bottom: 0.5rem solid transparent;
    display: block;
    position: absolute;
    left: 32px;
}

/* Timeline item circle marker 
li.timeline-item::before {
    content: ' ';
    background: #fff;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #fe9233;
    left: 11px;
    width: 14px;
    height: 14px;
    z-index: 400;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
*/
.sec_heading h2{
    background: var(--P-color);
    color: var(--white);
    padding: 10px 20px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 19px;
    letter-spacing: 0.6px;
    border-radius: 0;
    margin: 0;
}
.year_DIv h5{
    font-size: 18px;
    font-weight: 700;
    color: var(--black);
    margin: 0 0 0 0;
    padding: 6px 18px;
    border-bottom: 1px solid #ddd;
    background: #ddd;
}
.pdf_itm_main {
	padding: 0;
}
.PD_EYBT {
	background: #fe7701;
	color: #fff;
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	line-height: 30px;
	margin: 0 0 5px 0;
    border-radius: 0;
    opacity: 0.8;
    transition: 0.2s;

}
.PD_EYBT.active{
    background: #0fae36; 
    transition: 0.2s;

}
.PD_EYBT:hover{
    color: #fff;
    opacity: 1;
    transition: 0.2s;
}




/* mission-vission */
.misVis_item{
    box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 2px 3px rgba(0, 0, 0, 0.04);
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 30px;
    background: #f7f9fc;
}
/* mission-vission */

/* BrDIrEctor_item */
.BrDIrEctor_item{
    box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 2px 3px rgba(0, 0, 0, 0.24);
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 30px;
    background: #fff;
    text-align: center;
    min-height: 410px;
}
.BrDIrEctor_item img{
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.24); 
    border-radius:100%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: #fff;
    margin-bottom: 14px;
    border: 4px solid #fff;
}
.BrDIrEctor_item p{ 
  text-align: center;
}
.BrDIrEctor_item h3 {
	font-size: 18px;
	position: relative;
	color: #fe7701;
	margin: 0 0 5px 0;
	font-weight: bold;
}
.BrDIrEctor_item small {
     background: rgb(254, 119, 1);
     color: #fff;
     font-weight: bold;
     font-size: 13px;
     padding: 3px 19px;
     margin: 0 0 10px 0;
     display: inline-block;
     border-radius: 35px;
     letter-spacing: 0;
}
/* BrDIrEctor_item */

.key_managerial_Main .BrDIrEctor_item{
    box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 2px 3px rgba(0, 0, 0, 0.24);
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 30px;
    background: #fff;
    text-align: center;
    min-height: auto;
}

.b_prtnr_item{
    box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 2px 3px rgba(0, 0, 0, 0.04);
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 30px;
    background: #f7f9fc;
}
.blockquote-footer{
    margin: 0;
}
.blockquote-footer .Source_Title {
    background: rgb(254, 119, 1);
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 3px 19px;
    margin: 0 0 10px 0;
    display: inline-block;
    border-radius: 35px;
    letter-spacing: 0;
}

/* vehical */

.vehicl_item {
    background: #fdfdfd; 
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.45),0 0 9px rgba(0, 0, 0, 0.21);
    padding: 20px;
    margin-bottom: 30px;
  }
  .veh_description {
    padding: 20px;
    padding-left: 0;
}

.veh_description h2 {
	font-size: 30px;
	font-weight: bold;
	color: var(--black);
	margin: 0 0 7px 0;
}
.veh_description h3 {
	font-size: 20px;
	font-weight: 600; 
	margin: 0 0 16px 0;
}
.veh_description h3 span{
	font-size: 24px; 
	color: var(--P-color);
	font-weight: bold;
}
.featurs_S h4{
    font-size: 18px;
    font-weight: bold;
    background: rgba(254, 119, 1, 0.13); 
    padding: 3px 15px; 
    color: #fe7701;
    margin: 8px 0 9px 0;
    text-transform: capitalize;
}

.featurs_S ul{
margin: 0 0 19px 0;
padding: 0 0 0 20px;
}
.featurs_S ul li{
list-style: disclosure-closed;
margin: 0 0 4px 0;
font-weight: 600;
font-size: 13px;
color: #5b5b5b;
}

 

/* vehical */



.stp {
    position: relative;
    z-index: 99999;
}

.contact_area {
    position: relative;
    background-color: #fff;
    z-index: 7;
    padding: 30px 20px;
}

.rgtbdr {
    /*! padding-bottom: 30px; */
    border-left: 1px solid #ddd;
}

.contact_area .contacts-item {
    margin-top: 20px;
    padding-bottom: 11px;
    margin-left: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.contact_area .contacts-item .icon {
    width: 80px;
    margin-top: 8px;
    margin-right: 15px;
    position: relative;
    height: 80px;
}

.contact_area .contacts-item img {
    margin: auto;
    width: 100%;
}

.contact_area .contacts-item .content {
    margin-left: 0;
    overflow: hidden;
    padding-top: 2px;
    width: 100%;
}

.contact_area .contacts-item .content .title {
    font-size: 18px;
    font-weight: bold;
    color: #31596a;
}

.contact_area .contacts-item .content p {
    font-weight: 500;
    color: #5e5e5e;
    line-height: 1.3!important;
    font-size: 1.1em;
    margin: 0 0 3px 0;
}

.contact_area h3 {
    border-bottom: 1px solid #d6e9f0;
    font-weight: bold;
    color: #0880bd;
    margin: 0;
}

.map_area {
    position: relative;
    background-color: red;
    z-index: 5;
    padding: 0px 0;
    height: 450px;
}

.form-wrapper h3 {
    font-weight: bold;
}

 
.cHkVBg {
    padding: 15px;
    background: #fffaf5;
    border-radius: 10px;
    margin: 0 0 30px 0;
    border: 1px solid #ffe2c9;
}
.cHkVBg h4 {
	font-size: 23px;
	font-weight: bold;
	color: var(--P-color);
}
.cHkVBg .contacts-item .icon {
	width: 50px; 
	height: 50px;
}
.cHkVBg h5 {
    margin: 0;
}

.cHkVBg .Source_Title {
	background: rgb(254, 119, 1);
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 19px;
	margin: 0 0 10px 0;
	display: inline-block;
	border-radius: 35px;
	letter-spacing: 0;
	font-style: italic;
}

.custom-checkbox {
    margin-bottom: 15px;
}

.SB_bTn {
    padding: 10px 40px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

.custom-control-label::before {
    background-color: transparent;
    border: 2px solid #85c7e5;
    width: 23px;
    height: 23px;
}

.custom-control {
    padding-left: 32px;
    line-height: 32px;
}

.custom-control-label::after {
    width: 23px;
    height: 23px;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0px #fff, 0 0 0 .2rem rgba(0, 123, 255, 0.19);
}

.HEad_conT {
    border-bottom: 1px solid #d6e9f0;
    font-weight: bold;
    color: #0880bd;
    margin: 0 0 21px 0;
    padding: 0 0 10px 0;
}

.cHkVBg label {
    font-weight: bold;
}

.contact_form {
    padding: 29px 30px;
    background: var(--white) url(../images/pattern.png);
    color: var(--blue);
    border-radius: 10px;
    box-shadow: 0 0 26px rgba(0, 0, 0, 0.11);
}

.form-floating>label {
    color: #808080;
}
 

.contact_form p {
    font-size: 13px !important;
    line-height: 19px;
    display: block;
    margin: 0;
}

.contact_form h3 {
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    margin: 0 0 17px 0;
}

.c_form_btn {
    display: block;
    border: 2px solid var(--P-color);
    color: var(--white);
    background: var(--P-color);
    transition: 0.4s;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 22px;
    border-radius:var(--btn-radius);
    letter-spacing: 0.6px;
    text-transform: capitalize;
}
 

.form-control { 
	border-radius:var(--form-control-radius); 
}
.form-select { 
    border-radius:var(--form-control-radius); 
}

.main {
	padding: 50px 0;
}
.featurs_S .btn.btn_page i{
    font-size: 20px;
}
/* banner_main */
/* contact Us */


.prog_item {
	text-align: center;
    text-transform: capitalize;
    padding: 10px;
}

.prog_item h5 {
	font-size: 16px;
	font-weight: 600;
	color: #4d4d4d;
}
.prog_item {
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.22),0 0 10px rgba(0, 0, 0, 0.11);
	border-radius: 6px;
	min-height: 150px;
}
.icon_pro {
	width: 70px;
	height: 70px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.porgram_form_main {
	padding: 50px 0;
}

/* blog */

.Need_Ass {
    padding: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

.bLoG_siDe-bg {
    width: 100%;
    padding: 15px 20px;
    border-radius: 4px;
    color: #fff;
    background: #088dc9;
    position: relative;
    overflow: hidden;
}

.En_iMg {
    position: absolute;
    right: -21px;
    bottom: -9px;
}

.bLoG_siDe-bg h2 {
    font-size: 23px;
    font-weight: bold;
    margin: 0 0 7px 0;
    color: yellow;
}

.media {
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 0;
}

.ImG_ReV {
    width: 100px;
    height: 85px;
    margin: 0 10px 0 0;
    position: relative;
    overflow: hidden;
}

.ImG_ReV img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.media-body p {
    font-size: 14px;
    line-height: 23px;
    color: #7f7f9f;
    max-height: 45px;
    overflow: hidden;
}

.RATeSt {
    padding: 0;
    margin: 0;
}

.RATeSt li {
    list-style: none;
    display: inline-block;
    color: gold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.23);
}

.RvAd {
    color: #372f00;
    font-size: 72%;
    background: gold;
    line-height: normal;
    margin: 0;
    display: inline-block;
    padding: 0px 9px;
    height: 26px;
    border-radius: 20px;
    width: 61px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
    font-weight: bold;
    letter-spacing: 0.3px;
}

.BLoG_CoNtEnT {
    padding: 15px 27px 15px 0px;
}

.BLoG_CoNtEnT .date .day {
    margin: 0;
    font-size: 2.86rem;
    font-weight: bold;
    line-height: 2.86rem;
}

.BLoG_CoNtEnT .date .month {
    font-size: 1.43rem;
    line-height: 2rem;
    text-transform: uppercase;
}

.BLoG_CoNtEnT .date .year {
    font-size: 1.14rem;
}

.BLoG_CoNtEnT h4 {
    color: #3c3c3c;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 1.43rem;
    display: block;
    line-height: 2rem;
    font-weight: bold;
    color: #797979;
}

.BLoG_CoNtEnT h4 a {
    color: #242424;
    transition: 0.5s;
}

.meta-info {
    margin-top: 0;
    margin-bottom: 18px;
    font-weight: normal;
    font-size: 15px;
}

.preview {
    color: #737a83;
    margin-bottom: 30px;
}
.BLoG_CoNtEnT p {
    font-size:16px;
    line-height: 26px;
    color: #757575;
}

.BLg_bTn{ 
        padding: 8px 31px;
        background: var(--P-color);
        color: var(--white);
        border-color: var(--P-color);
        border-radius: 40px;
        font-weight: bold;
    } 

    .meta-info i{
        color: rgb(158, 158, 158);
    }

    .recent-news {
        border: 1px solid #f0f0f0;
        padding-bottom: 10px;
        border-radius: 5px;
        overflow: hidden;
        margin-bottom: 30px;
        box-shadow: 0 5px 17px 1px rgba(0, 0, 0, 0.11);
    }
    .recent-news{ 
        transition:all ease-in-out 1s;
    }
    .recent-news:hover{
        box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.09);
        transition: 1s;
    }
.BLog_iMg img{
     transition: 1s;
     filter: blur(1px);
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     margin: auto;
     height: 100%;
}
    .BLog_iMg {
        max-height: 393px;
        overflow: hidden;
        transition: 1s;
    }
 
    .BLog_iMg {
        max-height: 389px;
        overflow: hidden;
        transition: 1s;
        position: relative;
        min-height: 389px;
        background: #fef5ee;
    }

    .recent-news:hover .BLog_iMg img{
        transform: scale(1.1);
        transition: 1s;
        filter: blur(0px);

    }
        .recent-news:hover h4 a{
        color: #fe7701;
        transition: 0.5s;
    }
.post-extra{
    display:flex;
    justify-content: space-between;

}

.SoCl_BlG{
    padding: 0;
    margin: 0;
}

.SoCl_BlG li{
    list-style: none;
    display: inline-block;
}
.SoCl_BlG li a{
   display: inline-block;
   width: 40px;
   height: 40px;
   text-align: center;
   border: 1px solid #7bb6db;
   line-height: 40px;
   border-radius: 4px;
   margin: 0 0 0 5px;
   font-size: 22px;
   color: #088dc9;
   opacity: 0.3;
   background: rgba(6, 141, 222, 0.25);
   transition: 0.4s;

}
.SoCl_BlG li a:hover{
    opacity: 1;
    transition: 0.4s;
}


.BLoG_CoNtEnT .blockquote .blockquote-title {
    font-size: 19px;
    color: 
    #606060;
    font-weight: bold;
    margin-bottom: 10px;
}
.BLoG_CoNtEnT .blockquote {
    border-left: 5px solid #d2d6db;
    padding-left: 12px;
    margin: 29px 30px 30px 30px;
}

.BLoG_CoNtEnT .blockquote ul {
    font-style: italic;
    font-size: 14px;
    color: #7b7b7b;
    margin: 0;
}

.BLgD_iMg{
    margin-bottom: 30px;
}
.BlG_ShRE ul{
    padding: 0;
    margin: 0;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.BlG_ShRE ul li{
    list-style: none;
    width: 100%;
    margin: 0 5px;
    text-align: center;
    padding: 7px 0;
    position: relative;
 }

.BlG_ShRE ul li a{
 color: #fff;
 display: inline-block;
 }
.BlG_ShRE ul li a i{ 
 position: absolute;
 left: 8px;
 top: 7px;
 font-size: 18px;
 /*! background: rgba(255, 255, 255, 0.4); */
 height: 30px;
 width: 0;
 line-height: 30px;
 border-radius: 3px;
 overflow: hidden;
 transition: 0.4s;
 }

.BlG_ShRE ul li:hover a i{ 
 display:block;
 width: 30px;
 transition: 0.4s;
 }

 
 .fb{
     background: #3b5999;
 }

 .tw{
     background: #55acee;
 }

 .pN{
     background: #bd081c;
 }
.goo{
     background: #dd4b39;
 }

 .CmNt_bX {
    background:#f7f7f7;
    padding: 15px;
    margin-top: 31px;
}

.SiNgLe_commenT{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-radius: 5px;
    padding: 15px;
    background: #fff;
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}
.comment_list{
    padding: 0;
    margin: 0;
}

.comment_list li{
    list-style: none;
}

.thumb{
    margin-right: 30px;
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 2px solid #fff;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.36);
}
.thumb img{ 
    width: 100%;
    overflow: hidden;
}
.comment_list .content{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: auto;
}
.comment_list .content h4{
font-size: 20px;
line-height: 27px;
font-weight: 500;
letter-spacing: 0.22px;
margin-bottom: 5px;
color: #000;
}
.comment_list .content .date{
font-size: 15px;
line-height: 27px; 
margin-bottom: 5px;
color: #c6c3c3;
}
.comment_list .content p {
    font-size:15px;
    line-height:25px;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
    word-break: break-word;
}

.siMiLar_tOR{
    float: left;
    width: 100%;
}

.socal_top {
    padding: 0;
    margin: 0;
    margin-top: 2px;
}

.socal_top li {
    list-style: none;
    display: inline-block;
}

.socal_top li a {
    height: 30px;
    width: 30px;
    background: rgba(255, 255, 255, 0.15);
    color: #3b444f;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-size: 18px;
    text-align: center;
}
.CoNTNt_BlG_DeTAiL h5{
    color: var(--P-color);
}
/* blog */
.table .thead-dark {
	color: #fff;
	background-color: #343a40;
	border-color: #454d55;
	font-weight: 600;
}
td li{
    list-style: disclosure-closed;
    margin: 0 0 5px 16px;
}


.Product_description_detail {
    margin: 0
}

.Product_description_detail::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F1F1F1;
}

.Product_description_detail::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: #C1C1C1;
}

.Product_description_detail::-webkit-scrollbar-thumb:hover {
    background-color: #A8A8A8;
}

.Product_description_detail::-webkit-scrollbar-thumb:horizontal {
    border-top: 2px solid #F1F1F1;
    border-bottom: 2px solid #F1F1F1;
}

.Product_description_detail::-webkit-scrollbar-thumb:vertical {
    border-left: 2px solid #F1F1F1;
    border-right: 2px solid #F1F1F1;
}

.Product_description_detail::-webkit-scrollbar-thumb:active {
    background-color: #787878;
}

.Product_description_detail::-webkit-scrollbar-track {
    background-color: #F1F1F1;
}

.lslide img {
    width: 100%;
}

.lSPager li {
    border: 1px solid #ddd;
}

.lslide {
    max-height: 540px !important;
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
    border-color: #fe7701;
    border-width: 2px;
}

.lSSlideWrapper {
    border: 1px solid #ddd;
}

.width_50_xs {
    padding: 0 10px;
}

.RevIEw_star ul {
    margin: 2px 0 3px 0;
    padding: 0;
    display: flex;
    align-items: center;
    padding: 0 !important;
}

.p_D_main {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    background: #fff;
    padding: 15px;
}

.RevIEw_star ul li {
    list-style: none;
    display: inline-block;
    color: orange;
    font-size: 12px;
    margin: 0 4px 0 0;
}

.mejor {
    padding: 0;
}

.TOP_FiX_DEtail {
    display: none;
}

.TOP_FiX_DEtail .nav {
    align-items: center;
    margin: 5px 0;
}

.TOP_FiX_DEtail .nav .nav-link {
    padding: 0;
    padding: 10px 13px !important;
    border: 0px solid #e8eded;
    margin: 0 8px 0 0;
    font-weight: 500;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0065ff;
}

.top-pro_details {
position: fixed;
bottom: 0px;
left: 0;
width: 100%;
background: #f3fbff;
border-bottom: 1px solid rgb(216, 216, 216);
transition: top 0.5s ease-in-out 0s;
z-index: 999999;
display: block;
box-shadow: 0 0 13px rgba(0,0,0,0.4);
}

.tF_Price {
    display: flex;
    align-items: center;
}

.S_Quantity {
    padding: 0 0 0 10px;
    border-left: 1px solid #ddd;
    margin: 0 0 0 11px;
}

.top-pro_details h4 {
    margin: 0;
    font-size: 23px;
    font-weight: bold;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
    box-shadow: 0 1px 1px #fff;
}
 

.panel-title>a {
    padding: 15px;
    font-size: 21px;
}

.r_customer {
    font-size: 16px;
    color: #252525;
    font-weight: 400;
}

.check_pinCoDe .form-control {
    border-radius: 5px 0 0 5px;
    height: 46px;
}

.check_BtN_piN {
    border: 2px solid #28abe3;
    padding: 0 10px;
    position: relative;
    z-index: 9;
    border-radius: 0 5px 5px 0;
    background: #28abe3;
    color: #fff;
}

.panel-title {
    font-size: 1.5rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    background: #fff;
    margin: 0;
    border-top: 1px solid rgb(216, 216, 216);
}

.top_TABNAV {
    padding: 0;
    margin: 0 0 15px 0;
}

.top_TABNAV li {
    list-style: none;
    display: inline-block;
}

.top_TABNAV li a {
    padding: 12px 20px;
    display: inline-block;
    color: #000;
    border-radius: 5px;
    margin: 0 10px 0 0;
}

.top_TABNAV li .active {
    background: green;
    color: #fff;
}

.all_rated {
    background: rgba(0, 0, 0, 0.06);
    padding: 15px;
    margin: 0 8px 17px 0;
    width: 50%;
}

.all_rated h3 {
    margin: 0;
    font-weight: 600;
}

.all_rated p {
    margin: 0;
    line-height: 20px;
    font-size: 13px;
}

.all_rated ul {
    margin: 0 auto!important;
    justify-content: center;
}
 
/* usfl_bTn */
.btn_buy_now {
	font-size: 18px;
	color: #fff;
	padding: 10px 40px;
	border-radius: 50px;
	background: var(--P-color);
	display: inline-block;
	width: 100%;
	margin: 13px 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	border: 2px solid var(--P-color);
	transition: 0.3s;
}
.btn_buy_now:hover {
    color: var(--P-color) !important;
    background: rgb(254, 119, 1,.1);
    border-color: var(--P-color);
    transition: 0.3s;
}

.product_details_main.pb-0 {
	padding: 40px 0;
}
.Product_detailS_inner {
    padding: 20px;
    padding-left: 0;
}
.Product_detailS_inner h3{
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.Product_detailS_inner h5{  
    margin: 15px 0 18px 0;
    border-top: 1px solid #f4f2f1;
    padding: 6px 15px 8px 15px;
    border-bottom: 1px solid #f4f2f1;
    background: rgba(254, 119, 1, 0.02);
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: var(--P-color);
}

.del {
	font-size: 20px;
}
.price {
	font-size: 30px;
	font-weight: bold;
	color: var(--P-color);
	white-space: nowrap;
}
.stoke {
	color: green;
	background: #fff;
	padding: 6px 20px;
	border-radius: 30px;
	font-weight: bold;
	line-height: normal;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.price_discount {
	vertical-align: top;
	padding: 3px 10px;
	border-radius: 32px;
	border: 1px solid #ddd;
	font-size: 76%;
}
.ReViEw_stR i {
	color: gold;
}

#Product_mEnau .accordion-button{
    font-size: 20px;
}
.e_rickshaw_MAin .our-item h4 {
	font-size: 20px; 
}
.product_details .price {
	font-size: 20px;  
	margin: 7px 0 0 0;
	font-weight: 400;
}
.product_details .price span{
	font-size: 20px;
	margin: 3px 0 0 0;
	font-weight: bold;
	color: var(--P-color);
	white-space: nowrap;
}
.elec_vehicl_main .product_details {
	padding: 15px;
	background: #f7f7f7;
	border-top: 2px solid #ddd;
	margin: 20px 0 0 0;
}
.elec_vehicl_main .product_details:hover{ 
	background: #f7f7f7; 
}
.elec_vehicl_main .our-item { 
	background: #f7f7f7; 
}
.elec_vehicl_main .our-item:hover{ 
	background: #f7f7f7; 
}


 /* career */
 /* career */
 
 .CarER_toP {
    padding: 0;
}

.JOb_iTm ul {
    padding: 0 0 0 32px;
    margin: 12px 0 0 0;
}

.JOb_iTm ul li {
    list-style: disclosure-closed;
    font-size: 15px;
    font-weight: 600;
    color: #535353;
    margin: 0 0 6px 0;
}

.JOb_iTm ul li i {
    color: #2d3a58;
}

.JOb_iTm {
    padding: 20px;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 20px;
    min-height: auto;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 106, 194, .2);
    box-shadow: 0 2px 6px 0 rgba(0, 106, 194, .2);
}

.job_btn {
    background-color: var(--P-color);
    color: #fff;
    border-radius: 3px;
    line-height: 20px;
    font-weight: 700;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding: 8px 15px;
    font-size: 12px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    opacity: 0.8;
}

.job_btn:hover {
    color: #fff;
    opacity: 0.9;
}

.JOb_iTm a:hover {
    transition: 0.3s;
    opacity: 1;
}

.JOb_iTm h4 {
    color: #09c;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    margin: 7px 0 8px 0;
}

.JOb_iTm p {
    color: #666;
    margin: 0 0 10px 0;
    font-size: 15px !important;
    line-height: 24px;
}

.JOb_iTm h6 {
    margin: 0 !important;
    color: #666;
    font-size: 15px;
}

.sl_bG {
    background: #f6f9ff !important;
    box-shadow: inset 0 1px 1px #fff, inset 0 -1px 1px #fff, 0 0px 1px rgba(0, 0, 0, 0.12);
}

.custom-select {
    background-color: #f2eeee!important;
}

.file-upload {
    display: block;
    text-align: center;
    font-size: 16px;
}

.PArTnr_barNd {
    padding: 50px 0;
}

.file-upload .file-select {
    display: block;
    border: 2px solid #dce4ec;
    color: #000;
    cursor: pointer;
    height: 50px;
    line-height: 47px;
    text-align: left;
    background: #ffffff;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.group {
    margin: 0 0 20px 0;
}

.file-upload .file-select .file-select-button {
    background: #2d3a58;
    padding: 0 10px;
    display: inline-block;
    height: 50px;
    line-height: 48px;
    color: #fff;
    font-weight: 500;
}

.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

.file-upload .file-select:hover {
    border-color: #34495e;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.file-upload .file-select:hover .file-select-button {
    background: #34495e;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.file-upload.active .file-select {
    border-color: #3fa46a;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.file-upload.active .file-select .file-select-button {
    background: #3fa46a;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.file-upload .file-select input[type="file"] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled {
    opacity: 0.65;
}

.file-upload .file-select.file-select-disabled:hover {
    cursor: default;
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #ffffff;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

.FORM_main {
    padding: 28px 40px 31px 40px;
    background: #fbfbfb;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
    border: 1px solid #ddd;
}

.cs_file {
    font-size: 92% !important;
    text-align: center;
    color: #000;
}

.tl_hR hr {
    width: 20%;
    border-width: 3px;
    border-color: #000;
}

.job_detail_main {
    border-top: 1px solid #ddd;
    padding: 11px 0 0 0;
    margin: 23px 0 0 0;
}

.job_detail_main h4 {
    margin-bottom: 20px;
}
/* new_form_design */

.footerFormBg {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    padding: 35px 50px;
    margin: 0;
    float: left;
}

.job_detail_btn {
    color: #000;
    border-radius: 3px;
    line-height: 20px;
    font-weight: 700;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding: 8px 15px;
    font-size: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    opacity: 0.8;
    border: 1px solid #ddd;
}

.Apply_modal_btn {
    color: #fff;
    border-radius: 3px;
    line-height: 20px;
    font-weight: 700;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding: 9px 27px;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    opacity: 0.8;
    background: var(--P-color);
}

.apply_close_btn {
    padding: 9px 27px !important;
    font-size: 14px !important;
}

.close_btn {
    color: #f00;
    border-radius: 3px;
    line-height: 20px;
    font-weight: 700;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding: 8px 15px;
    font-size: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    opacity: 0.8;
}
/* new_form_design */


.contact-form {
	padding: 30px;
	box-shadow: 0 0 48px rgba(0, 0, 0, 0.13);
	border-radius: 6px;
	border: 1px solid #dedede;
}

.group {
	margin: 0 0 20px 0;
}
.form-label {
	margin-bottom: 4px;
	font-size: 14px; 
	text-transform: capitalize;
	font-weight: bold;
	color: #2d3a58;
}
.w-input, .w-select {
	display: block;
	width: 100%;
	height: 50px;
	padding: 8px 12px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333333;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

.custom-select {
	background-color: #f2eeee !important;
}

.form_main_apply .btn-close {
	position: absolute;
	right: 0;
	background-color: var(--P-color);
	color: #fff;
	padding: 14px;
}
 

.sidenav ul {
    padding: 0;
}

.sidenav ul li {
    list-style: none;
}

.sidenav {
    padding: 0;
    color: #fff;
    background: #000;
}

.sr_Wr_inner {
    padding: 50px 0;
}

.services_UL ul {
    margin: 0;
    padding: 0;
}

.services_UL ul li {
    list-style: none;
    position: relative;
    margin: 0 0 4px 0;
}

.services_UL ul li::before {
    content: '\ea5d';
    left: -18px;
    top: 10px;
    font-family: IcoFont !important;
    color: #002e5b;
}

.is_sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
}

.services_UL h3 {
    font-size: 25px;
    color: #002e5b;
    text-transform: capitalize;
    font-weight: 600;
}

.sidenav .dropdown-item i {
    float: right;
}

.sidenav .dropdown-item {
    color: #fff;
    border-color: #2e2e2e;
    padding: 8px 20px;
    border-bottom: 1px solid #2e2e2e !important;
    font-size: 14px;
    text-transform: capitalize;
    background: transparent;
}

.sidenav .dropdown-item.active {
    background: var(--P-color);
    color: #fff;
}
.btn_page.pading_rtis {
	padding: 7px 30px!important; 
}

.sidenav h3 {
    margin: 0;
    font-weight: bold;
    padding: 11px 20px;
    background: #3273b7;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    margin: 0 0 0 0;
}
 
/* career */
/* career */

.heading_padF_MAin {
	padding: 6px 16px;
	background: var(--base-color);
	color: #fff;
	margin: 0 0 20px 0;
}
.Chenge_year {
	font-size: 20px;
	font-weight: bold;
}
.rightissu_btn {
	background: #fff !important;
	padding: 6px 15px !important;
	color: #000 !important;
	border-radius: 20px;
	margin: 0 10px 0 0;
}
.navbar-nav { 
	align-items: center;
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}