body {
  margin: 0;font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul{
  margin: 0;
  padding: 0;  
}

a{
  text-decoration: none !important;
  transition: all .4s ease-in-out;
}

.clearfix{clear:both;}

.upper_box {
  width: 100%;
  float: left;
  background: #f5f5f5;
  padding:0px;
  border-bottom:#ddd solid 1px;
}

.container-fluid {padding-left:30px; padding-right:30px;}

.upper-left{padding-top:9px;}

.upper-left p {
  font-size: 13px;
  color: #666; 
  font-weight: 400;
}

.upper-left p span {margin-right:20px;}

.upper-left p .fa{
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border:#ddd solid 1px;
    text-align: center;
    line-height: 20px;
	color:#004fbc;
	font-size:12px; margin-right:5px;
}

.upper-left p .fa-envelope{font-size:11px;}

.upper-right-inn{float:right;}

.upper-right-inn ul{
float:left; margin:0; padding:0;
}

.upper-right-inn ul li{
float:left; margin:0; padding:7px 20px; list-style:none; border-right:#ddd solid 1px;position: relative;
}

.upper-right-inn ul li:first-child{
border-left:#ddd solid 1px;
}

.upper-right-inn ul li a{
font-size: 13px;
color: #666; 
font-weight: 400;
}

.upper-right-inn ul li a:hover{
color: #004fbc;
}

.upper-right-inn ul li a img{margin:-1px 4px 0 0;}


.upper-right-inn .f-b-menu {
	width:180px;
    position: absolute;
    top: 38px;
    right: 0;
    margin: 0;
    padding: 0;
    background: #fff;
    z-index: 999999;
	visibility:hidden; min-height:50px; box-shadow: 0 0 10px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 12%);
    border-radius: 0 0 6px 6px;border: #ddd solid 1px;
}

.upper-right-inn .f-b-menu:after {
    content: '';
    position: absolute;
    border: solid rgba(33,43,54,.15);
    border-width: 0 2px 2px 0;
    padding: 5px;
    right: 20px;
    transform: rotate(-135deg);
    top: -7px;
    background: #fafafa;
}

.upper-right-inn ul li:hover .f-b-menu{visibility:visible !important; }

.f-b-menu ul li {
    padding: 7px 10px; width:100%;
    border-right: 0;
    border-left: 0!important; transition:none!important;
    border-bottom: #ddd solid 1px;
}

.f-b-menu ul li a{transition:none!important;}

.f-b-menu ul li a:hover{transition:none!important;}





header.main_header {
  width: 100%;
  float: left;
  padding: 10px 0px 0 0;
  box-shadow: 0 5px 10px rgb(0 0 0 / 12%);
  position:relative;
}


header.main_header .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/*header.main_header [class*="col-"] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}*/

.header_right {
  float: right; width:96%;
}



/*header menu*/

.header-menu {
  width: 100%; background: #e9e7ff;border-top: #eee solid 1px;
  float: left;
  padding: 0px 0px; position: relative;
  margin-top: 10px;
}

.header-menu ul{width:100%; float:left;}

.header-menu ul li{float:left; list-style:none; padding:0; height: 48px;}

.header-menu ul li:first-child {padding-left:0;}

.header-menu ul li:last-child a:after {content: '\f0c9'; right: 11px;color: #004fbc!important;}

.header-menu ul li:last-child a{color: #004fbc!important;}

.header-menu ul li a{ float:left; padding:14px 25px; font-size: 14px;color: #555; font-weight: 400;transition: all .0s ease-in-out; position: relative;}

.header-menu ul li a:hover{color: #555;transition: all .0s ease-in-out; background:#fff; }

.header-menu ul li a:after {
    content: '\f107';
    font-family: 'FontAwesome';
    position: absolute;
    right: 14px;
    color: #555;
    font-size: 13px; top: 15px;
}

.header-menu ul li a:hover:after {color: #244265;}

.header-menu .mega_menu1 {
  width:100%;
    position: absolute;
    top: 47px;
    left: 0%;
    margin: 0;
    padding: 20px 55px;
    background: #fff;
    z-index: 999999;
  visibility:hidden; min-height:100px; 
  box-shadow: 0 5px 10px rgb(0 0 0 / 12%);
}

.header-menu ul li:hover .mega_menu1{visibility:visible !important; }

.header-menu .mega_menu_box{margin-bottom: 0; width: 25%;}

.header-menu .mega_menu_box h4 a:after { display: none;}

.header-menu .mega_menu_box h4 a{padding: 0;}

.header-menu .mega_menu_box ul li a{color: #666; padding: 0px 0;}

.header-menu .mega_menu_box ul li a:hover{color: #004fbc;}

.header-menu .mega_menu_box ul li a:after { display: none;}

.header-menu .mega_menu_box ul li{width: 100%; height: inherit; padding: 3px 0;}



/*header menu emd*/



.header_serch-main{
width:61%;
float:left; 
height:46px;
border:#ddd solid 2px;
border-right:0;
border-radius:6px;
}



.header_serch-main select{width:22%; border:0; height:42px;border-radius:0px 0 0 0px; font-size:13px;color: #666; padding:0 5px 0 3px;border-left:#ddd solid 1px;outline:0; float: left;}

.pro_serch-cr{width:100%; float:left;}

.input-search{width:55%; float:left; height:42px; border:0; font-size:13px;color: #666; padding:0 7px; outline:0; border-radius:6px 0px 0px 6px;}

.src-btn{width:22%; float:right; height:46px; border:0; font-size:13px;color: #fff; font-weight:500; letter-spacing:0.5px; text-transform:uppercase; line-height:42px; text-align:center; background:#a2a2a2;border-radius:0px 6px 6px 0px; margin:-2px -2px 0 0;}

.header_rt-btn{float:right;}

.header_rt-btn a{
font-size: 13px;
color: #fff; 
font-weight: 500;
border-radius:6px;
background:#ff6600;
padding:14px 25px;
float:left;
text-transform:uppercase;
margin-left:10px;transition: all .4s ease-in-out;
}

.header_rt-btn a:hover{
background:#014fbc;transition: all .4s ease-in-out;
}

.header_rt-btn .support{
background:transparent;
border:#014fbc solid 2px;
color: #014fbc;
padding:12px 25px; 
}

.header_rt-btn .support:hover{
border:#014fbc solid 2px;
color: #fff; 
}

.banner_area{width:73%; float:left;}

.menu_area{width:27%; float:left; padding-right:20px;}

.menu_area-inn{width:100%; float:left; background:#fff;border:#ddd solid 1px; box-shadow: 0 3px 10px rgb(0 0 0 / 10%); height:483px;}

.menu_area-inn .heading{
width:100%;
background:#14133D;
font-size: 14px;
color: #fff; 
font-weight: 500;
text-transform:uppercase;
letter-spacing:1px;
padding:16px 15px 14px;
}

.menu_area-inn ul{
width:100%; float:left;
}

.menu_area-inn ul li{
width:100%; float:left; list-style:none;
}

.menu_area-inn ul li a{
width:100%; float:left; padding:11px 15px 10px; border-bottom:#ddd solid 1px; font-size: 14px;color: #666; font-weight: 400; position:relative;transition: all .0s ease-in-out;
}

.menu_area-inn ul li a:after {
    content: '\f054';
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
    color: #ccc;
    font-size: 10px;
    transition: all .3s ease;
}

.menu_area-inn ul li:last-child a{
 border-bottom:0;padding:12px 15px 11px; color: #004fbc;
}

.menu_area-inn ul li:last-child a:after{display:none;}

.menu_area-inn ul li a:hover{box-shadow: 0 0 10px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 12%);transition: all .0s ease-in-out;}
	
.menu_area-inn ul li a:hover:after {
    color: #e86318;
}	

.menu_area-inn .mega_menu {
	width:72%;
    position: absolute;
    top: 0px;
    left: 26.4%;
    margin: 0;
    padding: 20px 0 20px 25px;
    background: #fff;
    z-index: 999999;
	visibility:hidden; height:483px;border:#ddd solid 1px; border-left:0;transition: all .4s ease-in-out;
}

.menu_area-inn ul li:hover .mega_menu{visibility:visible !important; }

.menu_area-inn .mega_menu a{border-bottom:0; font-size: 12px; padding: 3px 0;}

.menu_area-inn .mega_menu a:after {display:none;}

.menu_area-inn .mega_menu a:hover{box-shadow:none;color: #000;}

.menu_area-inn .mega_menu ul li:last-child a{
 border-bottom:0;padding:3px 0px 3px; color: #666;
}

.menu_area-inn .mega_menu ul li:last-child a:hover{
 color: #000;
}

.mega_menu_box{width:33%; float:left; padding-right:15px; margin-bottom:25px;}

.mega_menu_box h4{
font-size: 14px!important;
color: #004fbc!important; 
font-weight: 500!important;
font-family: 'Roboto', sans-serif;
margin-bottom:10px;
display:block;
float:left; width:100%;
}

.mega_menu_box h4 a{
font-size: 14px!important;
color: #004fbc!important; 
font-weight: 500!important;
font-family: 'Roboto', sans-serif;
}

.section_ad{
width: 100%;
float: left;
padding:30px 0;
}

.ad-left img{
width: 100%;
}

.ad-left{
width: 26.3%;
padding-right: 5px;
}

.ad-rt{
width: 73.7%;
}

.ad-rt img{
width: 100%;
}

.section_ad img{height:115px;}




.mene_area {
  width: 79%;
  float: left;
  padding-right: 40px;
}

.mene_area ul {
  float: right;
}

.mene_area ul li {
  float: left;
  list-style: none;
  margin-left: 40px;
}

.mene_area ul li:first-child {
  margin-left: 0;	
}


.mene_area ul li a {
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #333333;
}

.mene_area ul li a:hover {color: #b52026;}

.mene_area ul li a.active {color: #b52026;}

section.main_banner {
  width: 100%;
  float: left; 
  background: #f5f5f5;
  padding-top:20px;
  padding-bottom:30px;
  border-bottom:#ddd solid 1px;
}

.main_banner_inn{
width: 100%;
float: left;
 position:relative;
}

section.main_banner [class*="col-"] {
  padding: 0;
}

section.section_4_area {
  width: 100%;
  float: left;
  background: #fff;
  padding: 45px 0px;
}

.boxes_area {
  width: 100%;
  float: left;
  background: #fff;
  padding: 10px;
}

.img_box_1 {
  width: 50%;
  float: left;
  position: relative;
}

.img_box_1::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 29px;
  background: #fff;
  clip-path: polygon(0 50%, 100% 100%, 100% 0);
  right: -1px;
  top: 40px;
}

.img_box_1 img {
  width: 100%;
  min-height: 468px;
  max-height: 468px;
  object-fit: cover;
}

.img_box_2 {
  width: 50%;
  float: left;
  padding: 40px 20px 27px 35px;
}

.img_box_2 h4 {
  font-size: 24px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #222;
  font-style: italic;
  line-height: 34px;
  padding-bottom: 25px;
}

.img_box_2 p {
  font-size: 16px;
  line-height: 27px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #666666;
}

.img_box_2 a i {
  padding-left: 5px;
}
.img_box_2 a {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  display: inline-block;
  background: #b52026;
  color: #fff;
  padding: 11.5px 32px;
  border-radius: 5px;
  margin-top: 35px;
}

.img_box_2 a:hover {
  background: #881419;
}

.boxes_area_2 {
  width: 100%;
  float: left;
  height:520px;
 /*background: url(https://www.dial4exportmarket.com/frontEnd/images/boxes_area_2-bg.jpg);*/
 padding:8px 25px; border-radius:6px;
}

.boxes_area_2-top{width:100%; float:left;}

.boxes_area_2-top h2{font-size: 24px;
  font-weight: 600;font-family: 'Open Sans', sans-serif;
  color: #222; line-height:24px;
  margin-top:10px;
  }
  
.hesd-rq h2  {font-size: 20px;
  font-weight: 600;font-family: 'Open Sans', sans-serif;
  color: #222; line-height:24px; letter-spacing:0.3px; text-transform:uppercase;
  padding-bottom:10px; border-bottom:#ddd solid 1px; margin-bottom:20px;
  position:relative;
  }
  
.hesd-rq h2:after{width:130px; height:2px; background:#ff6600; position:absolute; bottom:-1px; left:0; content:"";}
  
.boxes_area_2-50{width:40%; float:left; margin:25px 0 0;}

.boxes_area_2-50  h4{font-size: 22px;
  font-weight: 400;font-family: 'Roboto', sans-serif;
  color: #222; line-height:24px;
  } 
  
.boxes_area_2-50  h4 span{font-size: 16px;
  color: #ff6600;font-weight: 400;
  }   

.boxes_area_2_cont_1 h3 span {
  color: #b52026;
  font-weight: 600;
}

.boxes_area_2_cont_1 h3 {
  text-transform: uppercase;
  font-size: 27px;
  font-weight: 400;
  color: #000;
}

.boxes_area_2_cont_1 ul li {
  list-style: none;
  position: relative;
  font-size: 16px;
  color: #666666;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  margin-bottom: 7px;
  padding-left: 18px;
}

.boxes_area_2_cont_1 ul li:before {
  top: 0;
  content: "\f101 ";
  font-family: 'FontAwesome';
  color: #b52026;
  font-size: 18px;
  position: absolute;
}

.boxes_area_2_cont_1 ul li:before {
  content: "\f101 ";
  font-family: 'FontAwesome';
  color: #b52026;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: -2px;
}

.boxes_area_2_cont_1 ul li:last-child {
  margin-bottom: 0;
}


.boxes_area_2_cont_1 ul {
  padding-top: 15px;
  padding-left: 20px;
}

.boxes_area_2_cont_1 {
  width: 100%;
  float: left;
  background: #fff;
  padding: 45px 45px 60px;
}

div#counter_slide {
  width: 100%;
  float: left;
}

.counter_cont img {
  width: auto !important;
  margin: 0 auto;
  padding-bottom: 10px;
}

.boxes_area_2_cont_2 {
  width: 100%;
  float: left;
  margin-top: 50px;
}

.counter_cont {
  width: 100%;
  float: left;
  background:#fff;
  padding:15px;
}

.counter_cont h5 {
  font-size: 16px;
  color: #222;font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  line-height:23px; margin-bottom:3px;
}

.counter_cont p {
  font-size: 13px;
  color: #666;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.counter_cont p.counter_add{margin-top:10px; float:left;}

.counter_cont p.counter_date{margin-top:10px; float:right; font-size: 12px; color: #004fbc;}

.contact-b-now{
width: 100%;
float: left;
border-top:#ddd solid 1px; padding:12px 0 0 0; text-align:center; margin-top:17px;
}

.contact-b-now a{font-size: 12px;
  color: #ff6600;font-family: 'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:0.3px;
  font-weight: 600;}

.contact-b-now a:hover{color: #004fbc;} 

.request-q{background:#b5b5b5;}

.request-q h2 {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    line-height: 24px;
    margin-top: 10px;margin-bottom: 20px;
}

.input-b{width:100%; height:46px; background:#fff; color:#666;font-family: 'Roboto', sans-serif; font-size:14px;  padding:0 10px; outline:0; border:0; float: left; margin-bottom: 18px;}

.request-q label {
  font-size: 14px; float:left; width:100%;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;    margin-bottom: 1px;
}

.request-q .rq-f-l{width:50%; float:left; padding-right:10px;}

.request-q .rq-f-r{width:50%; float:left; padding-left:10px;}

.se-qty input[type="number"]{width:55%; float:left;}

.se-qty select{width:45%; float:left; background: #919191; color:#fff;}

.odr-value select{width:55%; float:left;}

.inr-usd{width:45%; float:left; background: #919191; height:46px; text-align:center; line-height:46px;}

.inr-usd span{font-size: 14px; 
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 400; text-transform:uppercase; margin:0 7px;}

.t-a-c{margin-top:15px;}

.t-a-c label{font-weight: 400; }

.t-a-c input[type=checkbox]{width: 20px;
    height: 20px;
    border: 0;float:left; margin:-1px 5px 0 0;
    border-radius: 0;
}

.p-r-btn .btn{
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    border-radius: 0px;
    background: #ff6600;
    float: left;
    text-transform: uppercase;
	width:100%; height:46px; line-height:49px; text-align:center;
	padding:0; border:0;transition: all .4s ease-in-out;
}

.p-r-btn .btn:hover{color: #fff;background: #004fbc; transition: all .4s ease-in-out;}



.itm_cont {
  width: 100%;
  float: left;
  text-align: center;
  padding-top: 10px;
}

.itm_cont h3 {
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #222;
  text-transform: capitalize;
}

.itm_star span {
  color: #f2b60d;
  font-size: 13px;
  margin: 0 1px;
}

.price p {
  font-family: 'Poppins', sans-serif;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #222 !important;
  padding: 10px 0;
}

.itm_cont p {
  font-size: 12px;
  color: #666;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}

.itm_cont h4 {
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #b52026;
  padding-top: 10px;
}

.itm_cont h4  a{color: #222222;}
.itm_cont h4  span{color: #888; padding:0 5px;}

.itm_cont h4  .red{color: #b52026;}

.itm_btn a {
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  display: inline-block;
  background: #333333;
  color: #fff;
  letter-spacing: 1px;
}

.itm_btn a i {
  padding-right: 5px;
}


.itm_btn a {
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  display: inline-block;
  background: #b52026;
  color: #fff;
  letter-spacing: 1px;
  padding: 10px 18px;
  border-radius: 5px;
  margin-top: 13px;
}

.itm_btn a:hover {
  background: #881419;
  color: #fff;
}

.itm_star {
  padding: 10px 0px 0;
}

.item{position:relative;}

.item .like {position:absolute; width:30px; height:30px; top:10px; right:10px; background:#eee; z-index:9; text-align:center; line-height:30px; font-size:16px; color:#b52026; border-radius:30px; border:#ddd solid 1px; padding: 1px 0 0 1px;}

.clear{clear:both;}






.sec-7{
    width: 100%;
    float: left;
    padding: 50px 0px;
}

.sec-7 h2{
    font-size: 24px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #004fbc;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 45px;
	text-align:center;
}

.sec-7 h2 span{color: #ff6600;}

.best-p-in{width: 100%; float: left; text-align:center;}

.best-p-in-img{width:100%; float:left;text-align:center; margin-right:15px;}

.best-p-in-img img{height:72px;}

.best-p-in-text{width:100%; float:left;text-align:center;}

.best-p-in-text h3{font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #222; margin-bottom:7px;margin-top:30px;
    text-transform:uppercase;}
	
.best-p-in-text h3 a{color: #222;}	

.best-p-in-text h3 a:hover{color: #004fbc;}

.best-p-in-text p{font-size: 14px;
    color: #666;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 21px;}

.footer{
    width: 100%;
    float: left; background:#ff6600;
    padding: 0px 0px 0px;
}

.contact-footer{width: 100%;
    float: left; background:#14133D;
    padding: 0px 5px 0px; height:330px; text-align:center;
	}

.contact-footer p{text-align:center;}

.contact-footer h3{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #fff;
    margin-bottom: 13px; 
    text-transform: uppercase; 
	text-align:center;
}	

.footer h2{
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #fff;
    margin-bottom: 18px; 
    text-transform: uppercase; 
	margin-top:45px;
}


.f-right ul{width:100%; float:left; margin:0;}

.f-right ul li{width:100%; float:left; padding-bottom:10px;list-style: none;}

.f-right ul li a{
list-style: none;
    position: relative;
    font-size: 14px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;}

.f-right ul li a:hover{color: #fff;}	
	

.f-left p{font-size: 14px;
    color: #afc6e6;
    font-family: 'Roboto', sans-serif; line-height:19px;
    font-weight: 400; margin-bottom:8px; }

.f-left p a{color: #afc6e6;}

.f-left p a:hover{color: #fff;}

.f-left p .fa{margin: 4px 0 0 0;}

.footer-b{
width: 100%;
float: left; 
background:#14133D;
padding:25px 0px;
}

.footer_social {
    width: 100%;
    float: left; text-align:center;
    margin:20px 0 0 0;
    position: relative;
}

.footer_social a {
    width: 36px;
    height: 36px;
    float:none;
    margin: 0 3px 0 0;
    border: 0;
    border-radius: 0px;
    text-align: center;
    line-height: 36px;
    color: #666;
    font-size: 16px;
    transition: all ease 0.5s;
	display:inline-block;
}

.footer_social .fac{color:#fff;background: #4d6bb3; transition:all ease 0.5s;}
.footer_social .tw{color:#fff;background: #6bcef5; transition:all ease 0.5s;}
.footer_social .in{color:#fff;background: #0078b5; transition:all ease 0.5s;}
.footer_social .insta{color:#fff;background:#eb0f67; transition:all ease 0.5s;}

.footer_social .fac:hover{color:#fff;background: #284682; transition:all ease 0.5s;}
.footer_social .tw:hover{color:#fff;background: #2485d4; transition:all ease 0.5s;}
.footer_social .in:hover{color:#fff;background: #025f80; transition:all ease 0.5s;}
.footer_social .insta:hover{color:#fff;background:#960b52; transition:all ease 0.5s;}

.footer-menu{width:100%; float:left; border-top:#2d558a solid 1px; padding:20px 0; margin-top:10px;}

.footer-menu ul li{float:left; padding-right:30px; list-style: none; width:auto; padding-bottom: 0px;}

.footer-menu ul li a{
list-style: none;
    position: relative;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;}

.b-left p{font-size: 13px;
    color: #d5dcf1;margin-top: 0px; text-align:center;
    font-family: 'Roboto', sans-serif; line-height:21px;
    font-weight: 400;}
	
.b-right{text-align:center;}	

#btn{}
#change{width:300px; min-height:50px; background-color:#000; padding:10px;display:none; margin:0px 0 0 0; position:absolute; right:0; top:64px; z-index:9;}

#change .search-h{width:80%; float:left; padding:5px 10px; color: #666; font-family: 'Poppins', sans-serif; font-weight: 300; border:0; outline:0; height:36px; line-height:36px;}

#change .btn-s{width:20%; float:left;  color: #fff; font-family: 'Poppins', sans-serif; font-weight: 500; border:0; outline:0; height:36px; line-height:36px; text-align:center; background:#b52026;}

.boxes_area_2_cont_2 .owl-theme .owl-nav{display:none;}

.main_banner .owl-theme .owl-nav{display:none;}

.main_banner .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0;
}

section.section_5 {
    width: 100%;
    float: left;
    padding: 40px 0px;
}

section.section_5 h2 {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #222;
    line-height: 24px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: #ddd solid 1px;
    margin-bottom: 0px;
    position: relative;
}

section.section_5 h2:after {
    width: 130px;
    height: 2px;
    background: #ff6600;
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
}

.section_5-left{padding-right:5px; margin-top:20px;}

.section_5-rt{padding-right: 25px;}

.section_5-left_inn{width:100%; float:left; position:relative;}

.section_5-left_inn:after {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.58);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
	
}

.section_5-left_inn .section_5-left_text {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
	z-index:1;
	padding:20px;
}

.section_5-left_inn .section_5-left_text ul li{padding-bottom: 13px;line-height: 15px;}

.section_5-left_inn .section_5-left_text ul li a{color:#fff; font-size: 14px;}

.section_5-left_inn .section_5-left_text ul li a:hover{color:#fff; text-decoration:underline!important;}

.section_5-left_inn .section_5-left_text .agr-btn{
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    background: #ff6600;
    padding: 9px 27px 8px;
    float: left;
    text-transform: uppercase;
    margin-top: 8px;
	letter-spacing:1px;
}

.section_5-left_inn .section_5-left_text .agr-btn:hover{background: #004fbc;}

.section_5-left_inn img{width:100%; height:332px; object-fit:cover;}

.pro-b-h-inn{width:100%; float:left; border:#ddd solid 1px; padding:10px 8px; transition: all .3s ease;}

.pro-b-h-inn:hover{box-shadow: 0 0 10px rgb(0 0 0 / 12%); transition: all .3s ease;}

.pro-b-h-inn h5{
    font-size: 13px;
    color: #004fbc;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
}

.pro-b-h-inn h5 a{
    font-size: 13px;
    color: #004fbc;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
}

.pro-b-h-inn h5 a:hover{color: #222;}

.pro-b-h-img{width:42%; float:left; border:#ddd solid 1px; padding:4px;}

.pro-b-h-img img{width:100%; height:100px; object-fit:cover;}

.section_5-left_text{width:58%; float:left; padding-left:8px;}

.section_5-left_text ul{width:100%; float:left; margin-top:2px;}

.section_5-left_text ul li{width:100%; float:left; list-style:none; padding-bottom:11px; line-height:13px;}

.section_5-left_text ul li a{ font-family: 'Roboto', sans-serif; font-size: 13px;color: #666; font-weight: 400;}

.section_5-left_text ul li a:hover{ color: #004fbc; }

.pro-b-h{padding-left:15px; padding-right:0px; margin-top:20px;}

.ad-2{padding-top:0; padding-bottom:0;}

.ad-2 .ad-left {
    width: 25%;
    padding-right: 5px;
}

.ad-2 .ad-rt {
    width: 75%;
}

.apparel-sec .section_5-left {
    padding-right: 15px; padding-left: 5px;
}



section.section_6 {
  width: 100%;
  float: left;
  background: #f5f5f5;
  padding: 40px 0px;
}

section.section_6 h2  {font-size: 20px;
  font-weight: 600;font-family: 'Open Sans', sans-serif;
  color: #222; line-height:24px; letter-spacing:0.3px; text-transform:uppercase;
  padding-bottom:10px; border-bottom:#ddd solid 1px; margin-bottom:20px;
  position:relative;
  }
  
section.section_6 h2:after{width:130px; height:2px; background:#ff6600; position:absolute; bottom:-1px; left:0; content:"";}

.featured-pro-box{width:100%; float:left;  background:#fff; box-shadow: 0 0px 7px rgb(0 0 0 / 10%); padding:15px 25px 0;}

.f-pro{width:100%; float:left;  border:#ddd solid 1px; padding:4px; margin-bottom:7px; overflow:hidden; transition:all ease 0.5s; }

.f-pro:hover img{transition:all ease 0.5s; transform:scale(1.1);}
  
.f-pro img{max-width:100%; height:118px; transition:all ease 0.5s;}

.featured-pro-box .col-lg-3{ text-align:center;padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 19px;}

.f-pro-name{
font-size: 13px;
    color: #444;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.f-pro-name:hover{color: #ff6600;}

.catalog-box{padding:0;}

.catalog-box .col-lg-4{border-bottom:#ddd solid 1px; text-align:center; padding-bottom:12px; padding-top:12px; float: left;}

.cat-pro{width:100%;text-align:center; margin-bottom:5px; padding: 0 10px;padding-top: 10px;}

.cat-pro img{max-width:100%; height:60px;}

.cat-name{
font-size: 13px;
    color: #ff6600;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;transition:all ease 0.5s; opacity:0;
}

.catalog-box .col-lg-4:hover .cat-name{color: #ff6600;transition:all ease 0.5s; opacity:1;}

.catalog-box .bdr0{border-bottom:0;}

.bdr-r{border-right:#ddd solid 1px;}

.f-right .col-lg-4{float: left;}


.title {}

.title span { color: red; }

.fixed {
	position: fixed!important;
	top: 0;
	left: 0;
	margin-top: 0;
	width: 100%;
	z-index: 9999999;	
	background: #fff;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: #8d8d8d;
    color: #fff;
    border: none;
    padding: 2px 15px!important;margin: 0;
    font-size: 24px!important;border-radius: 0;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #b52026;
    color: #FFF;
    text-decoration: none;
}

.inner_banner{width:100%; float:left; height:150px; background: url("../img/inner-banner.jpg"); background-size:cover;}

.inner_banner img{width:100%; object-fit:cover;}

.login-page{width:100%; float:left; background:#f2f2f2; text-align:center;}

.login-box{background:#fff; float:none; margin:60px auto; text-align:center; padding:25px; display:block; box-shadow: 0px 1px 5px 1px rgb(173 173 173 / 50%);}

.login-box-in{text-align:center; width:100%; border: 2px dashed #ddd; padding:25px;}

 .login-box-in h1{
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #222;
    position: relative;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

.login-box-in h1 span{color: #b52026;}

.login-box-in .form-control{border: 1px solid #ddd;border-radius: 0; height:40px; margin-bottom:15px;padding-left:43px;}

.form-control-out{width:100%; position:relative;}
.form-control-out-ico{width:35px; position:absolute; height:40px; line-height:40px; padding-left:3px; border-right:#ddd solid 1px; font-size:14px; color:#666;}

.forgot{text-align:left;}

.text-muted{font-size: 13px;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 20px;}
	
.login-box-in  .btn-primary {
    color: #fff; text-transform:uppercase;
    background-color: #b52026;
    height: 40px;
    padding: 0;
    padding: 0px 16px!important;
    border: 0!important;
    border-radius: 0!important;
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
	font-size: 15px;letter-spacing: 2px; width:100%; margin:15px 0 20px;
}

.login-box-in  .btn-primary:hover{
    color: #fff;
    background-color: #881419;}	

.d-n-a{font-size: 13px;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 20px;}

.d-n-a a{color: #b52026; font-weight: 600;}

.d-n-a a:hover{color: #222;}

.forgot a:hover{color: #b52026;}

.logo2{display:none;}

.fixed .logo{display:none;}

.fixed .logo2{display:block;}

.fixed  #cssmenu > ul > li > a {color: #e8e8e8;}

.fixed #cssmenu > ul > li:hover > a {color: #fff;}

.fixed #cssmenu > ul > li > a.active {color: #fff;}

.fixed #cssmenu > ul > li.has-sub > a:before {background: #fff;}
	
.fixed #cssmenu > ul > li.has-sub > a:after	{background: #fff;}

.fixed .header_icon a {border: 2px solid #fff;color: #fff; line-height: 38px;}

.fixed 	.cart-n {border: #fff solid 1px;}

.logo img{max-width:100%; outline:0;	}

.logo {outline:0;}


	


.bx-wrapper .bx-next:hover {background: #80b441 url(../images/caousel-next.png) no-repeat 0 0 ;}
.bx-wrapper .bx-prev:hover {background: #80b441 url(../images/caousel-prev.png) no-repeat 0 0 ;}

.bx-controls-direction{display:none;}
.bx-controls-auto{display:none;}




/*testimonials*/

.testimonial_haeding {
  text-align: center;
}

.testimonial_haeding h3 {
  font-size: 30px;
  line-height:30px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #222;
  position: relative;
  margin-bottom: 50px;
}

.dp-wrap { margin: 0 auto;  position: relative;   perspective: 1000px;  height: 100%;}
.dp-slider {  height: 100%;  width: 100%;   position: absolute;   transform-style: preserve-3d;}
.dp-slider div {   transform-style: preserve-3d;}
.dp_item {   display: block;   position: absolute;   text-align: center; left:0; right:0; margin:auto;  transition: transform 1.2s;}
.dp-img img {   border-left: 1px solid #fff;}
#dp-slider .dp_item:first-child {    z-index: 10 !important;   transform: rotateY(0deg) translate(0) scale(1) !important;}
.dp_item[data-position="2"] {   z-index: 9;   transform: rotateY(0deg) translateX(0%) scaleX(1.3) scaleY(.8); opacity:.7;}
.dp_item[data-position="3"] {    z-index: 8;   transform: rotateY(0deg) translateX(0%) scaleX(1.4) scaleY(.7) ; opacity:.6; }
.dp_item[data-position="4"] {   z-index: 7; transform: rotateY(0deg) translateX(0%) scaleX(1.5) scaleY(.6); opacity:.2;}
#dp-next, #dp-prev {  position: absolute;  top: 200px;   right:160px;   height: 33px;   width: 33px;    z-index: 10;   cursor: pointer;}
#dp-prev { left: 160px;  transform: rotate(180deg);}
#dp-dots {    position: absolute;   top: 460px;    z-index: 12;   left: 0%; right:0;   cursor: default; }
#dp-dots li {   display: inline-block; width: 30px; height: 7px; background: #e0e0e0;}
#dp-dots li:hover {cursor: pointer; background: #ff6600; transition: background .3s;}
#dp-dots li.active {   background: #ff6600; }
.dp_item {   width: 40%; margin:auto; box-sizing:border-box; padding: 0 45px;  height: 420px;  padding-top: 20px;}
.dp-content ,.dp-img {  text-align: left;}
.dp_item {display: flex;align-items: center;background: #fff;border-radius: 5px;overflow: hidden; box-shadow: 2px 2px 45px #ccc}
.dp-content {  margin:auto; text-align:center;  }
.dp-content .site-btn {   margin-top: 15px;   font-size: 13px;  padding: 19px 40px;}
.dp-img:before {   background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));   background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));   background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));   background: linear-gradient(-90deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));   content: "";   position: absolute;   height: 100%; width: 25%;    z-index: 1;   top: 0;   pointer-events: none;   background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));  background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));   background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));   background: linear-gradient(-90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255));}
.dp-img img {   object-fit: cover;   object-position: right;}
#dp-slider, dp-slider .dp_item:hover:not(:first-child) {   cursor: pointer;   }
.site-btn {  color: #fff;  font-size: 18px;  background: #FA8282; padding: 14px 43px;  display: inline-block;  border-radius: 2px;  position: relative;  top: -12px; text-decoration: none;}
.site-btn:hover{ text-decoration: none;  color: #fff;}
.google_review_Sec{ overflow:visible; height:100%; padding-bottom:500px !important;}
.profile{ position:absolute; top:-40px; left:0; right:0; margin:auto;height: 70px;
    width: 70px;
    border-radius: 70px;
    border: #ccc solid 1px;
    object-fit: cover;}
.googl_img{ box-shadow:2px 2px 10px #ededed}

.dp-content p{  font-size: 14px;color: #666;font-family: 'Open Sans', sans-serif; line-height: 31px;font-weight: 400; }

.google_review_Sec .pt-2{color:#004fbc; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px;    padding-top: 30px!important;}    




/*inner-content-page*/

.inner-content-page {
    width: 100%;
    float: left; padding:40px 0;
    background: #f2f2f2;
}

.inner-content-in {
    background: #fff;width: 100%;
    float: left;
    padding: 25px;
    box-shadow: 0px 1px 5px 1px rgb(173 173 173 / 50%);
}

.inner-content-page h1{font-size: 30px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    color: #222;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 15px;    border-bottom: #ddd double;
    letter-spacing: 1px;}
	
.inner-content-page h2{font-size: 20px;
    text-transform: uppercase;letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #222;border-bottom: #eee solid 1px;
    position: relative;padding-bottom: 8px;
    margin-bottom: 10px;margin-top: 30px;}	
	
.inner-content-page p {
    font-size: 14px;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 26px;
}	


/* Compatibility styles for frameworks like bootstrap, foundation e.t.c */
.xzoom-source img, .xzoom-preview img, .xzoom-lens img {
  display: block;
  max-width: none;
  max-height: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
/* --------------- */

/* xZoom Styles below */
.xzoom-container { 
  display: inline-block;
}

.xzoom-thumbs {
  text-align: center;
  margin-bottom: 0px;
  margin-top: 10px;
}

.xzoom { 
  /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); */
border:#ddd solid 1px;  
}
.xzoom2, .xzoom3, .xzoom4, .xzoom5 {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

/* Thumbs */
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
  border: 1px solid #cecece;
  margin-left: 5px;
  margin-bottom: 10px;
}

.xzoom-source, .xzoom-hidden {
  display: block;
  position: static;
  float: none;
  clear: both;
}

/* Everything out of border is hidden */
.xzoom-hidden {
  overflow: hidden;
}

/* Preview */
.xzoom-preview {
  border: 1px solid #888;
  background: #2f4f4f;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
}

/* Lens */
.xzoom-lens {
  border: 1px solid #555;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.50);
  cursor: crosshair;
}

/* Loading */
.xzoom-loading {
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100%;
  opacity: .7;
  background: url(../images/xloading.gif);
  width: 48px;
  height: 48px;
}

/* Additional class that applied to thumb when it is active */
.xactive {
  /*-webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
  box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); */
 border: 1px solid #b52026;
}

/* Caption */
.xzoom-caption {
  position: absolute;
  bottom: -43px;
  left: 0;
  background: #000;
  width: 100%;
  text-align: left;
}

.xzoom-caption span {
  color: #fff;
  font-family: Arial, sans-serif;
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  padding: 10px;
}


/*qnty*/

$quantity-btn-color: #95d7fc;
.form-group {
	width: 10%;
	margin: 30px;
	input[type="text"] {
		width: 100%;
		text-align: right;
	}
	.glyphicon {
		color: $quantity-btn-color;
	}
}

.pro-qty-m .input-number{width:80px;}

.pro-qty-m .form-group {
    margin-bottom: 0px;
}

.pro-qty-m .input-group{width: 145px;}

.pro-qty-m .btn-default:hover {
    color: #fff;
    background-color: #b52026;
    border-color: #b52026;
}

.pro-qty-m .btn-default.focus {
    color: #fff;
    background-color: #b52026;
    border-color: #b52026;outline: 0;
    outline-offset: 0;
}

.pro-qty-m .btn-default:focus {
    color: #fff;
    background-color: #b52026;
    border-color: #b52026;outline: 0;
    outline-offset: 0;
}

/*qnty end*/



/*pro-listing-page*/

.pro-listing-page{width: 100%;
    float: left;
    padding: 40px 0;
    background: #f2f2f2;}
	
.pro-listing-page .left-bar-in{
    background: #fff;
    width: 100%;
    float: left;
    padding: 0;
    box-shadow: 0px 1px 5px 1px rgb(173 173 173 / 50%);}	

.pro-listing-page .left-bar-in h3{font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding: 15px;background: #b52026;
    letter-spacing: 1px;}

.pro-listing-page .left-bar-in ul{width:100%; float:left; margin:0;}

.pro-listing-page .left-bar-in ul li{
    list-style: none;width:100%; float:left;}
	
.pro-listing-page .left-bar-in ul li a{
    position: relative;
    font-size: 14px;
    color: #666666;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    padding-left: 18px;
	display:block;
	padding:14px 15px 14px 30px;
	border-bottom:#ddd solid 1px;
}

.pro-listing-page .left-bar-in ul li a:before {
    content: "\f101 ";
    font-family: 'FontAwesome';
    color: #b52026;
    font-size: 15px;
    position: absolute;
    left: 15px;
    top: 12px;
}

.pro-listing-page .left-bar-in ul li a:hover{color: #b52026; background:#f2f2f2;}

.left-bar-ad-b{
    background: #fff;
    width: 100%;
    float: left;
    padding: 0; 
	margin-top:20px;
    box-shadow: 0px 1px 5px 1px rgb(173 173 173 / 50%);
	}

.left-bar-ad-b img{width: 100%;}	

.rt-pro-list-in{
    background: #fff;
    width: 100%;
    float: left;
    padding: 0 0 30px 0;
    box-shadow: 0px 1px 5px 1px rgb(173 173 173 / 50%);}
	
.list-top{
width:100%;
float:left;
padding:15px;
border-bottom: #ddd double; margin-bottom:15px;
}	

.list-pro-b{margin-bottom:40px;}

.list-pro-b-in{width:100%;float:left; position:relative;}

.list-pro-b-in .like {position:absolute; width:30px; height:30px; top:10px; right:10px; background:#eee; z-index:9; text-align:center; line-height:30px; font-size:16px; color:#b52026; border-radius:30px; border:#ddd solid 1px; padding: 1px 0 0 1px;}

.list-pro-b-in:hover .itm_img{border: 1px solid #dc676b;transition: ease 0.5s;}

.list-top h3{font-size: 18px; float:left;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #222;
    position: relative;margin-top: 10px;
    letter-spacing: 0.5px;}
	
.short-by-list{width:auto;float:right; }

.short-by-list label {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;	
    color: #666;
    position: relative;
    float: left;margin-top: 10px;
}	

.short-by-list select {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;	
    color: #666;outline: 0;
    float: left;
	width:170px; padding:0 5px; 
	height:38px; border:#ddd solid 1px; margin:0 0 0 5px;
}

.load-btn{width:100%; text-align:center; border-top:#ddd solid 1px; padding-top:20px;}

.load-btn a {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    display: inline-block;
    background: #fff;
    color: #b52026;
    letter-spacing: 1.5px;
    padding: 12px 20px;
    border-radius: 0px;
    margin-top:5px;
	border:#b52026 solid 2px;
}

.load-btn a .fa{font-size: 16px;}

.load-btn a:hover {
    background: #b52026;
    color: #fff;}

/*pro-listing-page end*/

/*cart page*/

.cart-page h1{font-size: 24px;}

.cart_display{padding-left:0;}

.cart_right{padding-right:0;}

.cart_display_inn{width: 100%;
    float: left;
    background: #fff;
    min-height: 100px; margin-bottom:30px;
    border: #ddd solid 1px;}
      
.cart_right_inn{width: 100%;
    float: left; padding:25px 15px;
    background: #fff;
    min-height: 100px;
    border: #ddd solid 1px;
    margin-bottom: 0px;}  
    
.cart_display_box{ width: 100%;
     border-bottom: #ddd solid 1px;
    float: left;font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 14px;padding: 12px 5px;
    line-height: 24px;} 
    

    
.pro-d-bx{width: 32%;  float: left;}

.pro-t-bx{width: 14%;  float: left; text-align:center;}

.pro-q-bx{width: 19%; float: left;text-align:center;}

.pro-u-bx{width: 21%; float: left;text-align:center;}

.pro-p-bx{width: 14%;  float: left;text-align:center;}

.pro-a-bx{width: 14%;   float: left;text-align:center;}

.pro-d-img{width:50px; padding:3px;border: #ddd solid 1px; float:left; margin:0 10px 0 0;}

.pro-d-name{font-size:14px; color: #d50021;font-weight: 500;margin:5px 0px 0 0; float:left;}

.pro-q-bx .pro-qty {
    padding: 2px 5px;
    border: #ddd solid 1px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #666;
    outline: 0;
    width: 60px;
    float: none;
    display: inline-block;
}

.pro-d-bx span{line-height: 15px;
    display: block;}

.pro-a-bx a{font-size:16px; color: #d50021;}

.cart_display-hd{ font-weight: 500;font-family: 'Poppins', sans-serif;color: #222;}


.udate-c-btn{width:40%; float:right;}

.udate-c-btn .u-c-b {
    background: #b52026;
     font-family: 'Open Sans', sans-serif;
    font-weight: 600; text-transform:uppercase;
    font-size: 13px;
    color: #fff;
    border-radius: 0px;
    padding: 0px 30px;
    float: right;
    transition: all 0.5s ease;
    letter-spacing: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;height: 38px;
}

.udate-c-btn .u-c-b:hover {background: #881419;}

.discount table td{font-family: 'Open Sans', sans-serif;
    font-weight: 400;border-top:0!important; 
    font-size: 13px; padding:20px 0!important;
    color: #666;border-bottom: #ddd solid 1px;}
	
.total-tbl td{border-bottom:0px!important;}	

.discount table td b{font-weight: 700;}

.discount table td.s-t-p{font-weight: 700;color: #b52026;font-size: 14px;}

.total-tbl td.total-pay{font-weight: 700;color: #b52026;font-size: 18px;}
    
.discount table{border-bottom: #ddd solid 1px;margin-bottom: 0px!important;} 

.discount h3 {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #222;
    position: relative;
    letter-spacing: 0px;
    margin-bottom: 10px;
}

.cart_right_inn p{ font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400; line-height:20px;
    color: #666; margin-top:20px;}

.check-out-b{
    width:100%; text-align:center;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    float: left;
    background: #b52026;
    color: #fff!important;
    letter-spacing: 1px;
    padding: 12px 0;
    border-radius: 0px;
    margin-top: 20px;
}

.check-out-b:hover {
    background: #881419;color: #fff!important;
}

.red{color:#ff0000!important;}

.green{color:#008000!important;}

.cart_display_btn{border-bottom:0!important;}

.apply-c-c {
    width: 60%;
    float: left;
    background: #fff;
    min-height: 100px;
    border: #ddd solid 0px;    padding: 0px;
    margin-bottom: 0px;
}

.apply-c-c input[type="text"]{
        width: 65%;font-family: 'Open Sans', sans-serif;
    padding: 7px; font-size:13px; color:#666;
    border: #ddd solid 1px; outline:0;
    float: left; height:38px;
}

.apply-c-c button{
     width: 35%;
    padding: 7px;
    border:0;background: #b52026;
    float: left; height:38px;font-family: 'Open Sans', sans-serif;
    font-weight: 600; color:#fff;
    font-size: 12px;text-transform: uppercase;
}

.apply-c-c button:hover{background: #881419;}

.coupons_container { width:100%; float:left;
    margin-top: 15px;border: #ddd solid 1px;    padding: 15px;
}

.inner-content-page .coupons_container h2 {
    font-size: 20px;
    letter-spacing: 0px;  
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #222; text-transform:capitalize;
    margin-bottom: 15px;
    margin-top: 0px; border:0;
}

.coupons_container ul {
    width: 100%;
    float: left;
    margin: 0;
}

.coupons_container ul li {
    list-style: none;
    width: 100%;
    float: left;
}

.coupons_container ul li h3 {
    font-size: 16px;
    letter-spacing: 0px;  
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #b52026; text-transform:capitalize;
    margin-bottom: 2px;	
    margin-top: 0px;
}

.coupons_container ul li p {
    font-size: 13px;
    letter-spacing: 0px;  
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #666; 
    margin-bottom: 20px;	
    margin-top: 0px;
}


.pro-qty-m .btn-default:hover {
    color: #fff;
    background-color: #b52026;
    border-color: #b52026;
}

.pro-q-bx .btn-default.focus {
    color: #fff;
    background-color: #b52026;
    border-color: #b52026;outline: 0;
    outline-offset: 0;
}

.pro-q-bx .btn-default:focus {
    color: #fff;
    background-color: #b52026;
    border-color: #b52026;outline: 0;
    outline-offset: 0;
}

.pro-q-bx .btn-default:hover {
    color: #fff;
    background-color: #b52026;
    border-color: #b52026;
}

.pro-q-bx .input-number {
    width: 30px;padding: 6px 2px; text-align:center;
}

.pro-q-bx .input-group {
    width: 95px; padding-left:10px;
}

.pro-u-bx .fa{color:#b52026;}

.pro-p-bx .fa{color:#b52026;}




/*cart page end*/


/*my-account-page*/

.my-account-page{
    width: 100%;
    float: left;
    background: #f2f2f2;
    text-align: center; padding:40px 0;
}

.my-account-page-inn{
    width: 100%;
    float: left;
    
}

.my-account-page-inn .left-bar-in {
    background: #fff;
    width: 100%;
    float: left;
    padding: 0;text-align:left;
    box-shadow: 0px 1px 5px 1px rgb(173 173 173 / 50%);
}

.my-account-page-inn .left-bar-in h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding: 15px;
    background: #b52026;
    letter-spacing: 1px;
	text-align:left;
}

.rt-acc-list{}

.rt-acc-list-in {
    background: #fff;
    width: 100%;
    float: left;
    padding:30px;
    box-shadow: 0px 1px 5px 1px rgb(173 173 173 / 50%);
	text-align:left;
}

.left-bar-in ul{width:100%; float:left; margin:0;}

.left-bar-in ul li{
    list-style: none;width:100%; float:left;}
	
.left-bar-in ul li a{
    position: relative;
    font-size: 14px;
    color: #666666;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    padding-left: 18px;
	display:block;
	padding:14px 15px;
	border-bottom:#ddd solid 1px; cursor:pointer;
}

.left-bar-in ul li a:hover{color: #b52026; background:#f2f2f2;}

.left-bar-in ul li a.activ{color: #fff; background:#b52026;}

.account-box_main{width: 100%;
    margin-top: 0px;
    box-sizing: border-box;
    float: left;}

.account-box-head{    border-bottom: #ddd double;
    width: 100%;
    padding-bottom: 6px;
    margin-bottom: 15px;
    float: left;}
	
.account-box_main h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #222;
    position: relative;
    padding: 0px;
    letter-spacing: 1px;
	text-align:left;
    float: left;
}	

.buyer_right_panel-box-wel {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    float: right;
    position: relative;
    font-size: 14px;
    margin-top: 0;
}

.account-box_main .form-control {
    border: 1px solid #ddd;
    border-radius: 0;
    height: 40px;
    margin-bottom: 15px;
}

.account-box_main label{font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: #666;}
	
.billing-details{width:100%; float:left; border-top:#ddd solid 1px; margin:30px 0 0 0; padding-top:30px;}	

.account-box_main h4{
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #222;
    position: relative;
    padding: 0px;
    letter-spacing: 1px;
	text-align:left; margin-bottom:15px;
}

.account-box_main .update-btn {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    background: #b52026;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    margin-top: 5px;
	border:0; outline:0;
}

.account-box_main .update-btn:hover {background: #881419;}

.my-orders-table{ width: 100%; float: left;}

.my-orders-main .table-responsive{overflow-x: inherit; width: 100%; float: left;}

.data-table {
    border-spacing: 0;
    text-align: left;
    width: 100%;
    font-size: 13px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.data-table th {
    line-height: 20px;
    padding: 10px;
    font-weight: 700;
    font-size: 12px;border: 1px solid #ddd;
	font-family: 'Open Sans', sans-serif;
    text-transform: uppercase; 
	text-align:center; background:#f2f2f2;
}

.data-table th:first-child {text-align:left;}

.data-table td {border: 1px solid #ddd;
    line-height: 20px;
    padding: 10px;
    font-weight: 400;
    font-size: 13px;
	font-family: 'Open Sans', sans-serif;text-align:center;
}

.data-table td:first-child {text-align:left;}

.checkout-page-b-inn{padding:20px;}

.checkout-page-b-inn .form-control {
    border: 1px solid #ddd;
    border-radius: 0;
    height: 40px;
    margin-bottom: 15px;
}

.checkout-page-b-inn label {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: #666;
}

.additional-info{
    width: 100%;
    float: left;
    border-top: #ddd solid 1px;
    margin: 30px 0 0 0;
    padding-top: 30px;
}

.additional-info h4 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #222;
    position: relative;
    padding: 0px;
    letter-spacing: 1px;
    text-align: left;
    margin-bottom: 15px;
}	

.additional-info textarea.form-control {
    height: 120px;
    margin-bottom: 15px;
}

.checkout-page-b-inn .update-btn {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    background: #b52026;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    margin-top: 5px;
    border: 0;
    outline: 0;
}

.checkout-page-b-inn .update-btn:hover {
    background: #881419;
}

a{outline: 0;}

section.main_banner .owl-carousel .owl-item img {
    height: 483px;
}

/*my-account-page end*/


/*page not found*/

.p-n-f-page {
    width: 100%;
    float: left;
    background: #f2f2f2;
    text-align: center;
	padding:60px 0;
}

.p-n-f-page  h1 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #222;
    line-height: 34px;
    padding:15px 25px; letter-spacing:2px;
	display:inline-block;
	 border: 2px dashed #b52026;
	 margin-bottom:70px;
}

.p-n-f-page  h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #222;
    line-height: 34px;
    padding:20px 0 0 0; letter-spacing:4px;
	 margin-bottom:20px;
}

.p-n-f-page img{max-width:100%;}

.btn-home{font-size: 14px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    display: inline-block;
    background: #b52026;
    color: #fff;
    padding: 11.5px 25px;
    border-radius: 5px;
    margin-top: 20px;}
	
.btn-home:hover{
    background: #881419;
    color: #fff;
}	

/*page not found end*/

/*contact us page*/

.contact-page-l{padding-left:0; margin-top:10px;}
.contact-page-r{padding-right:0; margin-top:10px; margin-bottom:15px;}

.contact-page-l p {
    font-size: 13px;
    color: #444;
    font-family: 'Poppins', sans-serif;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 15px;
    display: flex;
}

.contact-page-l p .fa {
    color: #b52026;font-size: 14px;
    width: 18px;
    margin: 4px 0 0 0;
}

.contact-page-l p a{color: #444;}

.contact-page-l p a:hover {
    color: #b52026;
}

.contact-page h2{border-bottom: 0;
    position: relative;font-size: 18px;
    padding-bottom: 0px;
    margin-bottom: 15px;
    margin-top: 0;}

.contact-page-r-inn{width:100%; float:left; background:#f5f5f5; padding:20px 15px; border: 1px solid #ddd;}

.contact-page-r-inn .form-control {
    border: 1px solid #ccc;
    border-radius: 0;
    height: 40px;font-size: 13px;
    margin-bottom: 15px;
}

textarea.comment-b{height:80px!important;}

.contact-page-r-inn .btn-primary {
    color: #fff;
    text-transform: uppercase;
    background-color: #b52026;
    height: 40px;
    padding: 0;
    padding: 0px 16px!important;
    border: 0!important;
    border-radius: 0!important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 2px;
    margin: 5px 0 0 15px;
}

.contact-page-r-inn .btn-primary:hover {
    color: #fff;
    background-color: #881419;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0;
}	

.map-main{width:100%; border: 1px solid #ddd; padding:10px; margin-top:30px;}

.map-main-inn{width:100%;}

.map-main-inn iframe{width:100%; height:350px;}
	
/*contact us page end*/


/*blog page*/

.recent--blog-bar .left-bar-in{margin-bottom:15px;}

.categories-b h3{margin-bottom:0!important;}

.blog-page .rt-pro-list-in{padding:20px 0;}

.blog-img-big{width:100%; float:left; padding:5px; border:#ddd solid 1px; margin:20px 0 15px 0; max-height:300px; object-fit:cover;}

.blog-page h2{font-size: 24px;text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #222;
    position: relative;
    letter-spacing: 0px;}
	
.blog-page h3{font-size: 18px;
text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #222;
    position: relative;
    letter-spacing: 0px; margin:20px 0 5px 0;}	
	
.blog-page .date-b {
    color: #666;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 12px;
    margin: 12px 0; padding:4px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}	

.blog-share{width:100%; float:left;}

.blog-share .footer_social{margin: 0px 0 0 0;}

.share-t{float: left;font-family: 'Open Sans', sans-serif;
    margin: 5px 10px 0 0;color: #666;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 14px;}

.blog-page .date-b span.date-up {color: #b52026;text-transform: uppercase;}

.blog-page .date-b span.cat-link a{color: #b52026;}

.recent--blog-main{width:100%; float:left; padding:10px;}

.blog-page .recent--blog-bar h3{margin-top:0;}

.recent--blog-main .recent--blog:last-child{border-bottom:0; padding-bottom:0;}

.recent--blog{width:100%; float:left; margin-bottom:15px; padding-bottom:15px; border-bottom:#ddd solid 1px;}

.blog-img-s{width:100%; float:left; margin-bottom:10px; max-height:90px; padding:3px; border:#ddd solid 1px; object-fit:cover;}

.recent--blog a.lm {
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 0px;
    color: #b52026;
    margin-top: 8px;
	float:left;
}

.recent--blog h4{font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #222;line-height: 20px;
    text-transform: capitalize;}
	
.blog-page p {
    font-size: 14px;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 26px;
}

.recent--blog p {
    font-size: 13px;
    line-height: 20px;
}	

.recent--blog .date-b{color: #666;  letter-spacing:0px; font-weight: 600;font-size: 11px; margin:5px 0;}

.recent--blog .date-b span.cat-link a {
    color: #b52026;
}

.recent--blog .date-b span.date-up {
    color: #666;
    text-transform: uppercase;
}

.add-a-comm-main{margin-top:20px;}

.add-a-comm-main h3{margin-top:0px;padding: 15px;
    background: #b52026; margin-bottom:15px; color:#fff;}

.add-a-comm-main .form-control {
    border: 1px solid #ddd;
    border-radius: 0;
    height: 40px;
    margin-bottom: 20px;
}

.add-a-comm-main textarea.form-control {
    height: 120px;
    margin-bottom: 15px;
}

.add-a-comm-main .sub-btn{
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    background: #b52026;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    margin-top: 10px;
    border: 0;
    outline: 0;
}

.add-a-comm-main .t-a-c input[type=checkbox] {
    float: left;
    margin: 6px 6px 0 0;
}

.add-a-comm-main .t-a-c{font-size:12px;}

.blog-page .add-a-comm-main{padding-top:0;}

.comm-box{margin-top:20px;}

.comm-box h3{margin-top:0px; margin-bottom:15px; text-transform:capitalize; font-weight:600; color:#b52026;}

.comm-box-in{width:100%; float:left; border-top: 1px solid #ddd; padding:20px 0 5px;}

.comm-box-in h4{font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #222;line-height: 20px;
    text-transform: capitalize;}
	
.comm-box-rt .com-date{font-size:12px;color: #888;line-height: 20px; margin-bottom:5px;}	

.comm-box-left{width:12%; text-align:center; font-size:24px; color: #cacaca;}

.comm-box-rt{width:88%;}

.reply{text-align:right;color:#b52026;}

.reply a{color:#b52026;}

/*blog page end*/



.reg_form_error {
    position: absolute;
    top: -16px;
}



/*selectpay*/

h4 {
    font-size: 18px;font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #222;
}

button{border:0;}

.apply-c-c2 {width: 90%;}

.apply-c-c2 p{font-size:13px;}

.s-p-o{margin-top:25px;}

.s-p-o h4{ background:#f5f5f5; padding:10px 10px; border:#ddd solid 1px; margin-bottom:15px;}

.s-p-o .left-bar-in{border:#ddd solid 1px; width:100%; float:left;}

.s-p-o .rt-acc-list-in {
    padding: 0px;
    box-shadow: none;
}

.s-p-o .t-a-c input[type=checkbox] {
    float: left;
    margin: 6px 6px 0 0;
}

.review-order .update-btn {margin-top: 20px;margin-bottom: 20px; border-radius:0;}

.card-ico{background: url(../img/card.png) no-repeat right 5px top 14px; padding-right:30px;}

.ccv-ico{background: url(../img/cvv-icon.png) no-repeat right 5px top 7px; padding-right:44px;}

.s-p-o h5{font-size: 16px;font-family: 'Open Sans', sans-serif;font-weight: 600;color: #222; margin-bottom:20px;}

.s-p-o h5 span{font-weight: 800;}

.bank-logo  { width:100%; float:left;}

.bank-logo  ul{ width:100%; float:left;}

.bank-logo  ul li{ width:30%; float:left; margin-right:3%; list-style:none; margin-bottom:10px;}

.bank-logo  ul li img{ max-width:100%; }

.note{width:100%; float:left; margin:20px 0; background:#f5f5f5; padding:15px;}

.note p{color:#444; line-height:24px; margin-bottom:12px;}

.note p span{font-weight: 700;}

.s-p-o .t-a-c a {
    font-weight: 700;
}

.paytm-b .bank-logo  ul li{ width:100%;}

.paytm-b p{line-height:24px;}

.paytm-b .bank-logo{margin-top:15px;}


/*selectpay end*/


/*company search*/

.company-saerch-img-inn{width: 100%;position: relative; border: #ddd solid 1px;padding: 4px; text-align: center;}

.company-saerch-img-inn img{width: 100%;height: 215px;}

.company-saerch-contact{width: 100%; float: left; border-left:0!important; min-height: inherit!important;}

.company-saerch-text .l1{width: 20%; float:left; padding-right: 10px;}

.company-saerch-text .l2{ float:left; color:#666; width: 80%; float:left;}

.company-saerch-text ul {margin-top: 12px!important;}

.fr{float: right;}

.company-saerch-box h3{width: 100%;
    font-size: 14px;
    color: #222;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding: 13px 15px 11px;
    line-height: 18px;
    border-bottom: #ddd solid 1px;
    background: #f2f2f2; margin-bottom: 15px;}

.company-saerch-box h3 a{color: #004fbc; }

.company-saerch-box h3 span img {
    width: 20px;
    margin-left: 10px;
}   

.company-saerch-box{padding:0 0 12px 0!important;}

.rt-banner{border: #ddd solid 1px;padding: 4px;}

.rt-banner img{width: 100%;}

.subhead{font-size: 24px;font-family:'Open Sans', sans-serif; font-weight: 600; color: #222;}
.overview_sh {font-size: 15px; color: #666; font-family: 'Open Sans', sans-serif;
line-height: 28px;font-weight: 400;}

.our-network-banner img{width: 100%; height: 198px;}


/*join free page css*/

.forms-getin .align-div {
    display: table;
    background: #ededed;
    padding: 60px;
    padding-top: 20px;
}

.forms-getin .fields {
    width: 50%;
    height: 100vh;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
}

.forms-getin .fields .area {
    width: 450px;
    margin: auto;
    text-align: center;
}

.forms-getin .fields .area img {
    margin: 0 auto 15px;
    width: 150px;
    display: block;
}
.forms-getin .fields .area .tabbable-panel .nav-tabs {
    /*border-bottom: 2px solid #0955bf;*/
    margin-bottom: 20px;
    /*border: 0;*/
    position: relative;
    z-index: 99;
    transition: 0.3s;
}
.forms-getin .fields .area .tabbable-panel .nav-tabs li {
    font-size: .875rem;
    padding: 0;
    margin-right: 15px;
    position: relative;
    width: calc(50% - 7.5px);
}
.forms-getin .fields .area .tabbable-panel .nav-tabs li a{
    padding: 9px 16px;
    display: block;
    border: 2px solid #c4c4c4;
    border-radius: 5px 5px 0 0;
    background: #fff;
    transition: 0.3s;
    border-bottom: 0;
}
.forms-getin .fields .area .tabbable-panel .nav-tabs li a:hover{
    background: #ff6600;
    border-color: #ff6600;
    color: white;
}
.forms-getin .fields .area .tabbable-panel .nav-tabs .active{
    background: #ff6600;
    border-color: #ff6600;
    color: white;
}
.forms-getin .fields .area .tabbable-panel .nav-tabs li:last-child{
    margin-right: 0;
}
.forms-getin .fields .area .tabbable-panel .tab-content {
    padding: 0;
}
.forms-getin .fields .area h3 {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 600;
}

.forms-getin .fields .area h2 {
    display: block;
    font-size: .875rem;
    margin: 10px auto 40px;
    color: #696969;
    text-transform: lowercase;
    font-weight: 500;
    position: relative;
}

.forms-getin .fields .area h2:after {
    width: 110px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -15px;
}

.forms-getin .fields .area h2::after {
    content: "";
    width: 100%;
    height: 4px;
    bottom: -11px;
    left: 0px;
    position: absolute;
    background: linear-gradient(135deg, rgb(255, 102, 0) 0px, rgb(255, 102, 0) 51%, rgb(9, 85, 191) 51%, rgb(9, 85, 191) 51%, rgb(9, 85, 191) 99%);
}

.forms-getin .fields .area h2:after {
    width: 110px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -15px;
}

.forms-getin .fields .area h2 span {
    font-size: .875rem;
    display: inline-block;
    width: 100%;
    text-transform: lowercase;
    color: #696969;
    font-weight: 500;
}

.forms-getin .fields .area form .form-group {
    padding: 0 10px;
}

.forms-getin .fields .area form .form-group:last-child {
    margin-bottom: 0;
}

.forms-getin .fields .area form .form-group .select2-selection__rendered {
    text-align: left;
}

.forms-getin .fields .area form .form-group .select2-container--default .select2-selection--single {
    height: 40px;
}

.forms-getin .fields .area form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
}

.forms-getin .fields .area form .form-group .form-control {
    height: 40px;font-size: 14px;
}

.forms-getin .fields .area form .checkbox {
    margin: 5px 0 10px;
    padding: 0;
}

.forms-getin .fields .area form .checkbox .item {
    width: max-content;
    float: left;
}

.forms-getin .fields .area form .checkbox .item .label {
    width: max-content;
}

.forms-getin .fields .area form .checkbox .forgot {
    float: right;
    font-size: .8rem;
    color: #0955bf;
    text-decoration: underline;
    font-weight: 600;
    margin-top: 10px;
    position: relative;
    right: 15px;
}

.forms-getin .fields .area form .checkbox .forgot:hover {
    text-decoration: underline!important;
    color: #ff6600;
}

.forms-getin .fields .area form .btn {
    padding: 0 50px;
    font-size: .875rem;
}

.forms-getin .fields .area form .promo {
    width: 100%;
    text-align: center;
}

.forms-getin .fields .area form .promo a {
    color: #ff6600;
    font-weight: 600;
    margin-left: 5px;
}

.forms-getin .fields .area form .form-group {
    padding: 0px 10px;
    margin-bottom: 15px;
}

.forms-getin .text-left {
    text-align: left !important;
}

.forms-getin .btn {
    border: #0955bf;
    color: #fff;
    height: 40px;
    background-color: #0955bf;
    font-weight: 500;
    border-radius: 2px;
    padding: 0 35px;
    font-size: .8rem;
    transition: .3s;
    box-shadow: unset!important;
}

.forms-getin .banner {
    width: 15%;
    display: table-cell;
    height: 100vh;
    background-image: url();
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
}

.forms-getin .banner .area {
    height: 100vh;
    z-index: 2;
    padding: 5px 48px;
    position: relative;
    font-size: 20px;
}

.forms-getin .banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: grey;
    opacity: .8;
    width: 100%;
    height: 100%;
}

/*join free page css end*/

/*upper information css*/

section.information_area {
    width: 100%;
    background: rgb(1 79 188 / 50%);
    padding: 8px 0;
   }

section.information_area {
    width: 100%;
    background: rgb(1 79 188 / 70%);
    padding: 10px 0 5px;
}

section.information_area marquee ul li {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 400;
    list-style: none;
    display: inline-block;
}

section.information_area [class*="col-"] {
    padding: 0;
}

section.information_area marquee ul {
    margin: 0;
    padding: 0;
    line-height: normal;
}

/*upper information css end*/


-------------------

/*
Theme Name: Tradekarlo
Theme URI: https://www.tradekarlo.com/
Author: Tradekarlo-Indian Manufacturers Suppliers Exporters
Author URI: https://www.tradekarlo.com/
Description: Tradekarlo- Indian Manufacturers Suppliers Exporters
Text Domain: Tradekarlo.com
*/
body { margin: 0; padding: 0; font-family: "Open Sans", sans-serif; font-weight: 300 }
/**animation**/
.animated-icon1,
.animated-icon2,
.animated-icon3 { width: 30px; height: 20px; position: relative; margin: 0px; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer }
.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out }
.animated-icon1 span { background: #2d3e50 }
.animated-icon2 span { background: #2d3e50 }
.animated-icon3 span { background: #2d3e50 }
.animated-icon1 span:nth-child(1) { top: 0px }
.animated-icon1 span:nth-child(2) { top: 10px }
.animated-icon1 span:nth-child(3) { top: 20px }
.animated-icon1.open span:nth-child(1) { top: 11px; transform: rotate(135deg) }
.animated-icon1.open span:nth-child(2) { opacity: 0; left: -60px }
.animated-icon1.open span:nth-child(3) { top: 11px; transform: rotate(-135deg) }
/**animation**/
/**header**/
header { background: #e4e6e90d; position: absolute; padding-top: 30px; padding-bottom: 30px; overflow: hidden; top: 0; width: 100%; z-index: 9999999; }
.const-m .logo { display: flex; align-items: center; margin: 0 }
.const-c .input-search { background: white; width: 100%; display: flex; flex-direction: row; margin: 0; align-items: center; }
.const-c .input-search .user-select-all select.form-select { width: 100%; padding: 7px; border: none; font-size: 13px; font-weight: 500; }
.const-c .input-search .user-select-all { width: 33%; padding: 2px; }
.const-c .input-search .user-select-all select.form-select:focus-visible { border: none; box-shadow: none; outline: none; }
.const-c .input-search .input-form { width: 60%; }
.const-c .input-search .input-form .form-group { margin: 0; border: none; }
.const-c .input-search .input-form .form-group input.form-control { color: black; border-radius: 0; padding: 0 12px; border: none; font-size: 15px; border-left: solid 1px #80808052; }
.const-c .input-search .input-form .form-group input.form-control:focus { border: none; box-shadow: none; }
.const-c .input-search .buttion .btn-danger { background-color: #e8601e; border-radius: 0; border: none; vertical-align: middle; font-size: 17px; transition: all ease 1s; }
.const-d .post { display: flex; justify-content: center; align-items: center; overflow:; }
.const-d .post a { background: #b7530d; padding: 11px 24px; border-radius: 60px; font-size: 13px; font-weight: 600; color: #ffffff; text-decoration: none; transition: all ease 1s; border-top-right-radius: 0; border-bottom-left-radius: 0; border: solid 2px white; }
.const-d .post a:hover { background: #fbfffe; color: black; border: solid 2px #b7530d; border-bottom-right-radius: 0; border-top-left-radius: 0; }
.const-e { display: flex; justify-content: center; align-items: center; }
.const-e ul.list-group .list-group-item { background: transparent; border: none; padding: 0; margin: 3px; }
.const-e ul.list-group .list-group-item a { padding: 7px 23px; font-weight: 500; border-radius: 24px;    /* background-color: #e8601e; */ border-top: solid 2px #ffffff; color: white; transition: all ease 1s; text-transform: uppercase; font-weight: 400; text-decoration: none; border-bottom: 1px red solid; font-size: 13px; }
.const-e ul.list-group .list-group-item a:hover { background: #e8601e; }
.const-e ul.list-group .list-group-item a:hover i { color: black; }
.const-e ul.list-group .list-group-item a i { margin-right: 6px; font-size: 18px; }
/**header**/
/**navbar**/
.head-two { background: #af470b; padding: 0; margin-top: 0; transition: all ease 1s; width: 100%; display: block; }
.navbar-dark .navbar-nav.conts-nav li.nav-item { border-right: 1px solid #ffffff; }
.navbar-dark .navbar-nav.conts-nav li.nav-item:last-child { border-right: none; }
.navbar-dark .navbar-nav.conts-nav .nav-link { color: #ffffff; padding: 10px 20px 10px 20px;    /* margin-left: 0; */ text-transform: capitalize; font-weight: 600; font-size: 15px; transition: all ease 1s; transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); font-weight: 400; }
.navbar-dark .navbar-nav.conts-nav .nav-link:hover { color: #b6ff07; }
.megamenu-li { position: static; }
.megamenu { position: absolute; width: 100%; left: 0; right: 0; padding: 15px; }
.megamenu-dropdown { width: 100%; display: block; }
.megamenu-dropdown h5 { font-size: 15px; color: #0350ad; font-weight: 600; }
.megamenu-dropdown a.dropdown-item { font-size: 14px; color: black; border-bottom: solid 1px #80808021; padding: 7px 18px; position: relative; }
.megamenu-dropdown a.dropdown-item:before { content: ""; width: 6px; height: 6px; background: #b51515; position: absolute; left: 0; vertical-align: middle; top: 15px;    /* border-radius: 40px; */ }
.megamenu-dropdown a.dropdown-item:active { background-color: transparent; }
.dropdown-menu.megamenu { background: #f1f1f1; border-radius: 0; border: none; padding: 14px; }
/**navbar**/
/**slider**/
section.slider { position: relative; overflow: hidden; top: 0; }
.carousel-fade .carousel-item img { width: 100vh; height: 100vh; }
.carousel-caption h1 { font-size: 52px; font-weight: 700; font-family: "proxima_nova_altbold" }
.carousel-caption p { font-size: 19px; font-weight: 500; font-family: "Open Sans" }
.buttonClass { font-size: 25px; width: 166px; height: 35px; border-width: 0px; color: #fff; border-color: #18ab29; border-top-right-radius: 45px; border-bottom-left-radius: 45px;    /* text-shadow: 1px 1px 0px rgba(236, 56, 13, 1); */ background: #e8601e; padding: 8px 30px; text-decoration: none; transition: all ease 1s; }
.buttonClass:hover { background: #096db3; text-decoration: none; color: white; }
.carousel-caption h1 span { color: #ff8000; }
span.carousel-control-prev-icon.arrow-left,
span.carousel-control-next-icon.arrow-right { background-image: none; height: auto; width: auto; }
.carousel-control-prev .carousel-control-prev-icon.arrow-left i,
.carousel-control-next .carousel-control-next-icon.arrow-right i { font-size: 49px; height: auto; background: #1e150126; vertical-align: middle; padding: 0px; height: auto; width: 50px;    /* border-radius: 50%; */ border: solid 1px white; }
.carousel-inner .carousel-item >.carousel-caption { right: 0; top: 26%; left: 6%; z-index: 10; padding-top: 0; padding-bottom: 0; color: #fff; text-align: left; width: 69%;    /* margin: 0 auto; */ }
.carousel-indicators li { background-color: #80ff00 }
.carousel-control-prev { left: 0%; opacity: 1; }
.carousel-control-next { right: 0%; opacity: 1; }
.carousel-control-prev,
.carousel-control-next { width: 5%; }
.carousel-caption h1 { font-size: 82px; font-weight: 700; }
.carousel-caption p { font-size: 27px; font-weight: 500;    /* font-family: "Open Sans"; */ text-align: justify; letter-spacing: -1px; }
/**slider**/
/**section-left-right**/
.top-padding { padding-top: 70px; width: 100%; padding-bottom: 70px; background: #edebeb61; }
.const-img img { width: 100%; }
.const-service .list-group-item .list-text h3 { font-size: 19px; color: #040300; font-weight: 500; font-family: "proxima_nova_altbold" }
.const-service .list-group-item { display: flex; justify-content: unset; flex-direction: row; padding: 20px 0 20px; border: none; cursor: pointer; transition: all ease 1s; position: relative; overflow: hidden; }
.const-service h2 { font-size: 22px; background: #ededed; padding: 0; color: #041438; text-transform: capitalize; font-weight: 700; }
.const-service span { margin-right: 11px; }
.list-text h3 { font-size: 14px; border-bottom: solid 2px #ed2920; padding-bottom: 7px; color: #08529f; font-weight: 700; }
.sub-menu-link { width: 100%; }
.sub-menu-link .img { width: 100px; height: 100px; }
.sub-menu-link .col-md-7 { padding: 0; }
.sub-menu-link .img img { width: 100%; box-shadow: #221f1f4d 1px 6px 6px; }
.sub-menu-link ul.list-group { margin: 0; padding: 0; }
.sub-menu-link ul.list-group li.list-group-item { margin: 0; padding: 9px 0; border-bottom: solid 1px #9b949482; background: transparent; border-radius: 0; }
.sub-menu-link ul.list-group li.list-group-item a { color: #84878d; display: flex; justify-content: center; align-items: flex-start; text-decoration: none; font-weight: 600; font-size: 14px; }
.sub-menu-link ul.list-group li.list-group-item a:hover { color: #0b0b6e; }
/**section-left-right**/
/**gallery-secton**/
.gallery-section { background: white; padding: 6px 9px; }
.grid-container { display: grid; grid-template-columns: auto auto; padding: 10px; gap: 10px; }
.gallery-box { background: #ededed; }
.gallery-section h5 { font-size: 23px; color: #af0808; transition: all ease 1s; }
.gallery-section i { color: #0c97a7f7; }
.grid-container { grid-template-columns: auto auto; display: grid; }
.box-img { overflow: hidden; border: solid 4px #0000004a; }
.grid-item { grid-column: auto; overflow: hidden; position: relative; z-index: 9999; text-align: center; }
.grid-item span { font-size: 14px; display: block; font-weight: 400; color: #040000; white-space: nowrap; background: #c9c9c963; line-height: 36px; border-radius: 70px; margin-top: 10px; }
.button { text-align: center; padding-top: 10px; padding-bottom: 10px; border-top: 2px dotted #7a0d0d45; border-bottom: 2px dotted #7a0d0d45; }
.button a { background: #ffffff; padding: 5px 27px; display: inline-block; border-radius: 60px; color: #000000; font-size: 17px; font-weight: 400; border-bottom: 4px #4c4b4a6e solid; text-decoration: none; transition: all ease 1s; }
.button a:hover { background: #0564df; color: #fdfdfd; }
.overlay { position: absolute; top: 0; left: 0; right: 0; background-color: rgba(226, 221, 17, .4705882353); overflow: hidden; width: 100%; height: 100%; transform: scale(0); transition: .3s ease }
.grid-item:hover .overlay { transform: scale(1); cursor: pointer }
.grid-item:hover .overlay:before { content: ""; font-family: "FontAwesome"; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; color: #fff; font-size: 38px }
.grid-item img { width: 100%; transition: all ease 1s }
.grid-item:hover img { transform: scale(1.2); overflow: hidden }
/**gallery-secton**/
/**Trade-section**/
.counter-box a { display: inline-block; border: solid 1px white; padding: 12px;    /* border: none; */ color: #ffffff; font-weight: 500; border-radius: 0; letter-spacing: 3px; text-decoration: none; transition: all ease 1s; margin-top: 20px; }
.counter-box a:hover { color: #dadd0a; border: solid 1px #724c3; }
.const-service .list-group-item .list-text p { color: rgba(37, 44, 48, .8117647059); font-family: "Proxima Nova"; font-weight: 300; font-size: 15px }
section.bg-img { background: url("/images/trade.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; background-attachment: fixed;/*     height: 80vh;
*/ }
h4.trad-img { font-size: 45px; color: white; font-weight: 700; }
.counter-box.colored { background: #644634e6; text-align: center; padding: 45px 45px 45px 45px; border-radius: 14px; border: solid 4px white; }
.const-service .list-group-item .list-text { transition: all ease 1s; position: relative; overflow: hidden }
.counter-box.colored h5 { color: #80ff00; transition: all ease 1s
font-size:55px; color: white; font-weight: 700; }
.counter-box.colored span { font-size: 65px; color: white; font-weight: 700; font-style: inherit; font-family: none; }
.counter-box p { margin: 0px 0 0; padding: 0; color: #fff; font-size: 17px;    /* font-family: "proxima_nova_altbold"; */ text-align: justify; }
.counter-box { display: block; padding: 40px 20px 37px; text-align: center }
/**Trade-section**/
/**POST**/
section.post-form {    /* background: url("../images/post-banner.jpg"); */
background-repeat: no-repeat; background-position: top center; background-size: cover;/* background-attachment: fixed; */    /* height: 80vh; */
border-bottom: 2px dotted #835708; }
.post-buy {    /* background: white; */
padding: 40px; }
.post-buy h6,
.form-right h6 { font-size: 35px; font-weight: 900; }
.post-buy h6 span { color: #c11515; }
.post-buy p { color: #4c4747; font-size: 18px; text-align: justify; font-weight: 500; }
.form-right { background: #f9f9f9; padding: 40px; -webkit-box-shadow: -3px 14px 40px -30px rgba(0, 0, 0, 0.7); -moz-box-shadow: -3px 14px 40px -30px rgba(0, 0, 0, 0.7); box-shadow: -3px 14px 40px -30px rgba(0, 0, 0, 0.7); }
.form-right form .form-group input,
.form-right form .form-group select,
.form-right form .form-group textarea { border: solid 1px #00000036; border-radius: 0;/*  color: black; */ font-size: 14px; height: 40px; box-shadow: none; outline: none; }
.form-right form .form-group input:focus,
.form-right form .form-group textarea:focus { box-shadow: none; }
.form-right form .form-group textarea,
.form-right form .form-group input#terms { height: auto; }
.submt button { border-radius: 0; box-shadow: none; border: none; background: #ff8000; color: black; transition: all ease 1s; }
/**POST**/
/**footer**/
footer { background-color: #dedfdf; background-image: url("../images/map.png"); background-repeat: no-repeat; background-position: top center; background-size: cover;    /* background-attachment: fixed; */    /* height: 80vh; */
padding-top: 20px; padding-bottom: 0px; }
.widget-footer { border-right: solid 1px #0e020226; }
.widget-footer:last-child { border-right: none; }
.widget-footer h6 { font-size: 20px; text-transform: uppercase;    /* background: #dbd3d3; */ padding: 6px 0px; color: #c10909;    /* border-radius: 60px; */ position: relative; overflow: hidden; }
.widget-footer h6:before { width: 44px; height: 2px; position: absolute; content: ""; background: #000000; left: 0px; bottom: 0; border-radius: 90px; }
.widget-footer h6:after { width: 18px; height: 2px; position: absolute; content: ""; background: #ffe213; left: 0px; bottom: 0; border-radius: 90px; }
.widget-footer  ul { background: transparent; margin: 0; padding: 0; }
.widget-footer ul li.list-group-item { padding: 2px; font-size: 15px; background: transparent; border: none; border-radius: 0; line-height: 27px; position: relative; text-indent: 15px;/*     border-bottom: solid 1px white; */ }
.widget-footer ul li.list-group-item:before { content: ""; width: 8px; height: 8px; position: absolute; background: #ff9109; left: 0; top: 11px; }
.widget-footer ul li.list-group-item a { transition: all ease 1s; color: #1c0303; font-weight: 400; text-decoration: none; }
.widget-footer p { color: #1c0303; margin: 0; font-weight: 400; padding-bottom: 5px; }
.widget-footer p a { color: #1c0303; font-weight: 600; }
.social-media { background: #7a3f0d00; display: flex; justify-content: center; align-items: center; margin-top: 11px; border-top: solid #8b8981e6 1px; }
.social-media span { color: #e13811; font-weight: 700; letter-spacing: 4px; }
.social-media ul { margin: 0; animation:; padding: 0; list-style: none; }
.social-media ul li { display: inline-flex;    /* padding: 10px 0; */    /* border: solid 1px white; */
border-radius: 50px; width: 30px; height: 30px; transition: all ease 1s; margin: 0 4px; justify-content: center; align-items: center; }
.social-media ul li:hover { border-color: #f9b007; }
.social-media ul li a { color: #f1f1f1; transition: all ease 1s; }
.social-media ul li a:hover i.fa.fa-facebook-square { color: #0bdbe5; }
.social-media ul li a:hover i.fa.fa-twitter-square { color: #24a9e6; }
.social-media ul li a:hover i.fa.fa-instagram { color: #cc3499; }
.social-media ul li a:hover i.fa.fa-linkedin-square { color: #187fb8; }
.social-media ul li a:hover i.fa.fa-youtube-square { color: #cd201f; }
.social-media ul li a:hover i.fa.fa-pinterest-square { color: #980f1f; }
.social-media ul li a i { font-size: 25px; transition: all ease 1s; color: black; }
.copyright { color: #0000009e; font-weight: 600; font-size: 15px; text-align: center; padding-top: 7px; padding-bottom: 7px; background: white; }
/**footer**/


/**media**/


@media only screen and (max-width:600px) {
header {
    position: relative;
    padding-top: 16px;
    background: #e7e7e7;
}


.carousel-fade .carousel-item img {
    width: 100vh;
    height: 100%;
}
.const-m .logo {
    justify-content: center;
}
.const-d .post {
    padding-top: 10px;
    padding-bottom: 10px;
}

.const-e ul.list-group .list-group-item a {
    color: black;

}

.carousel-inner .carousel-item >.carousel-caption {
    top: 2%;
    left: 7%;
    width: 100%;
}

.carousel-caption h1 {
    font-size: 30px;
    font-weight: 700;
}

.carousel-caption p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
}

.buttonClass {
    font-size: 12px;

}

.top-padding {
    padding-top: 20px;
    padding-bottom: 20px;
}

h4.trad-img {
    font-size: 27px;
    color: white;
    font-weight: 700;
}

.counter-box.colored {
    padding: 18px 13px;
}

.counter-box.colored span {
    font-size: 34px;
}

.post-buy {
    padding: 0;
}
.form-right {
    padding: 0;

}
}
@media only screen and (min-width:992px) {

    .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width:  98% !important;
}
}

    /**media**/
    


    
    
    ------------------------
    
    
/* Reset some basic styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    color: #333;
}

/* General section styles */
.pricing-table {
    text-align: right;
    padding: 50px 20px;
}

h1 {
    font-size: 2.5rem;
    margin-bottom: 30px;
    color: #333;
}

/* Pricing container */
.pricing-plans {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.plan {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    width: 22%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.plan h2 {
    font-size: 1.75rem;
    margin-bottom: 20px;
}

.plan ul {
    list-style: none;
    margin-bottom: 30px;
}

.plan ul li {
    margin-bottom: 10px;
    font-size: 1rem;
}

.purchase-btn {
    background-color: #3498db;
    color: #fff;
    padding: 12px 30px;
    border: none;
    border-radius: 5px;
    font-size: 1.1rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.purchase-btn:hover {
    background-color: #2980b9;
}

/* Hover effect */
.plan:hover {
    transform: scale(1.05);
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
    .pricing-plans {
        flex-direction: column;
        align-items: center;
    }

    .plan {
        width: 80%;
        margin-bottom: 20px;
    }
}

----------------------------------



/* Global Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
}

.container {
    width: 90%;
    margin: 0 auto;
}

header {
    background-color: #85C1AE;
    text-align: center;
    padding: 20px 0;
    color: white;
}

h1 {
    font-size: 2.5rem;
}

/* Plan Section */
.plans {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    flex-wrap: wrap;
}

.plan {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 23%;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
}

.plan h2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.price {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 20px;
}



/* Plan Box Colors */
.platinum {
    background-color: #C8E6C9;
}

.platinum-plus {
    background-color: #B2EBF2;
}

.star {
    background-color: #FFCDD2;
}

.global {
    background-color: #FFF9C4;
}

/* Responsive Design */
@media screen and (max-width: 1024px) {
    .plans {
        justify-content: space-evenly;
    }

    .plan {
        width: 45%;
    }
}

@media screen and (max-width: 600px) {
    .plans {
        flex-direction: column;
        align-items: center;
    }

    .plan {
        width: 90%;
    }

    header h1 {
        font-size: 2rem;
    }
}






-------------------




.container {
    max-width: 1200px;
    margin: 0 auto;
}

.dashboard {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

@media (min-width: 768px) {
    .dashboard {
        grid-template-columns: 1fr 1fr;
    }
}

.column {
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
}


.ribbon {
    background-color: #ff3366;
    color: white;
    padding: 8px 16px;
    display: inline-block;
    position: relative;
    font-weight: bold;
    font-size: 14px;
}

.ribbon::after {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid #ff3366;
    border-bottom: 20px solid transparent;
}

.view-all-link {
    position: absolute;
    right: 16px;
    top: 8px;
}

.view-all-link a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

.view-all-link a:hover {
    text-decoration: underline;
}

.leads-container {
    padding: 0 16px;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.leads-scroll {
    transition: transform 0.5s ease;
}

.lead-item {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.flag {
    width: 40px;
    height: 24px;
    margin-right: 8px;
    border: 1px solid #eee;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
}

.lead-content {
    flex: 1;
}

.lead-title {
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.lead-date {
    font-size: 12px;
    color: #888;
}

.footer {
    text-align: center;
    padding: 16px;
}

.view-all-button {
    color: #0066cc;
    text-decoration: none;
    font-size: 14px;
}

.view-all-button:hover {
    text-decoration: underline;
}

------------------