@charset "utf-8";
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&family=roboto:wght@300;400;500;600&display=swap');

/* CSS Document */
body{margin:0 auto; font-family: 'roboto', sans-serif!important; font-size:16px!important; line-height:normal!important;}
img{border:0}

h1, h2, h3, h4, h5{margin:0; padding:0; font-weight:normal; line-height:normal!important; font-family: 'Montserrat', sans-serif;}

/*.container{max-width:1200px!important;}*/

.heading_01{font-size:52px!important; font-weight:700;}
.heading_02{font-size:32px!important; font-weight:700!important;}

html {
  scroll-behavior: smooth;
}
.para{line-height:26px;}
.para2{line-height:32px; font-size:22px; color:#1a1a1a}

.rounded-x{border-radius: 8px;}

.bg-red{background:#B32318!important}
.text-red{color:#B32318!important}
.text-black{color:#000000!important}

.btn-red{
	background:#B32318; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20); padding:12px 20px; color:#fff!important; border:0; font-size:16px; border-radius:6px;
}

.btn-green{
	background:#009688; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20); padding:12px 20px; color:#fff!important; border:0; font-size:16px; border-radius:6px;
}
  
.btn-info{
  background:#5bc0de; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20); padding:12px 20px; color:#fff!important; border:0; font-size:16px; border-radius:6px;
}

.btn-signin{
  background:#B32318; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20); padding:4px 10px; color:#fff!important; border:0; font-size:16px; border-radius:6px;
}

.btn-signup{
  background:#5bc0de; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20); padding:4px 10px; color:#fff!important; border:0; font-size:16px; border-radius:6px;
}

.btn-y{
	background:#CDB06D; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20); padding:12px 20px; color:#fff!important; border:0; font-size:16px; border-radius:6px;
}

.product_banner{padding:5% 0 5% 0; color: #fff;
background:linear-gradient( rgba(0, 0, 0, .3) 100%, rgba(0, 0, 0, 1)100%),url("../images/product-banner.jpg"); background-position:center; background-size:cover;}

.about_banner{padding:5% 0 5% 0; color: #fff;
background:linear-gradient( rgba(0, 0, 0, .3) 100%, rgba(0, 0, 0, 1)100%),url("../images/about-banner.jpg"); background-position:center; background-size:cover;}

.what_we_do{padding:5% 0 5% 0; color: #fff;
background:linear-gradient( rgba(0, 0, 0, .5) 100%, rgba(0, 0, 0, 1)100%),url("../images/what-we-do.jpg"); background-position:center; background-size:cover;}





.header{ width:100%; padding:5px 5%; float:left; background:#fff; color:#1a1a1a; position:inherit;}

.logo{float:left; width:300px; padding-top:0;}
.logo img{width:100%; height:auto; display:block}

.header_btn{float:right; margin-top:13px;}


.menu_sec{float:right; font-family: 'roboto', sans-serif; text-transform:inherit; margin:10px 2% 0 0; text-transform:uppercase;}
.menu_sec ul{padding:0; margin:0}

.banner_sec{ padding:11% 0 11% 0; color: #fff;
background:linear-gradient( rgba(2, 3, 14, .2) 100%, rgba(2, 3, 14, 1)100%),url("../images/banner.jpg"); background-position:bottom; background-size:cover;}
.rounded-x{border-radius:8px;}


.pro-card{box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08); float:left; width:100%;}
.pro-card .pro-img{float:left; width:100%; margin-bottom:10px;}
.pro-card .pro-img img{width:100%; height:auto}

.pro-card .pro-content{float:left; width:100%; padding:1% 5%;}

.background-01{ padding:11% 0 11% 0; color: #1a1a1a;
background:linear-gradient( rgba(255, 255, 255, .8) 100%, rgba(255, 255, 255, .7)100%),url("../images/background-01.jpg"); background-position:top; background-size:cover;}
.card-box2{background: #fff; color: #1a1a1a; height: 100%; font-size: 14px; font-weight: 400; line-height: 18px!important; text-align: left; padding: 0%; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);}


.input-home{width:100%; background:#f0f0f0; padding:12px 10px; border:0; outline:0; font-size:16px; border-radius:4px;}


.footer{ font-size:14px;}
.footer a{text-transform:uppercase; font-size:14px; color:#fff!important; text-decoration:none; padding:2px 15px;}

.font-w{font-weight:600;}

.tbl{}
.tbl td{padding:2px 0; font-size:14px; width:200px;}
.pd-left{padding-left:3%!important}

.border-lght{border:1px solid #DADADA;}
.nav-link{#background:#fff; color:#666; font-family: 'Montserrat', sans-serif; font-weight:500;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{ color:#000!important; background-color:#F8F9FA!important; font-weight:600;}
.small2{font-size:14px;}
.table td, .table th{border:0!important}
.table-striped tbody tr:nth-of-type(2n+1){background-color:rgba(0,0,0,.05)!important}





@media only screen and (max-width :1366px) {
}

@media only screen and (max-width :1280px) {
}
@media only screen and (max-width :1024px) {

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

@media only screen and (max-width :950px) {
.menu_sec{float:left; width:100%; margin-top:-15px}
.header_btn{float:right; display:none;}
.d-nn{display:none!important;}

.logo{float:left; width:250px; padding-top:0; margin-top: 0;}
.banner_sec{ padding:35% 0 10% 0; color: #fff;}
.rounded-x{border-radius:8px;}
.banner-w{width:100%}

.heading_01{font-size:36px!important; font-weight:700;}
.heading_02{font-size:24px!important; font-weight:700!important;}

}
@media only screen and (max-width :540px) {
.logo_img{width:100%; height:auto;}

.menu_sec{float:left; width:100%; margin-top:5px}
.logo{float:left; width:250px; padding-top:0px;}

.tbl td{padding:2px 0; font-size:14px; width:auto;}
.pd-left{padding-left:0;}
}

.custom-table-container {
    max-height: 500px;
    overflow-y: auto;
  }