h1, h2, h3, h4, h5, h6, p, ul, li, table, span, label, a {
    font-family: 'Montserrat';
}
:root {
 --1-color: #1f25af;
 --2-color: #6271ff;
 --3-color: #f8fb1f;
 --4-color: #717ede;
}
body {
    overflow-x: hidden;
}
p {
    font-size: 14px;
    line-height: 28px;
}
/*.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background: url("../image/loader.gif") 50% no-repeat rgb(249, 249, 249);
    background-color: #ffffff;
}*/

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 20px;
    display: none;
    background-color: var(--1-color);
    color: #fff;
    padding: 7px 10px;
}

.mobsp{
	display: none;
}

.back-to-top:hover {
    background-color: var(--3-color);
    color: var(--2-color);
    padding: 7px 10px;
}

/* PRELOADER CSS */
.page-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background: url("../image/loader.gif") 50% no-repeat rgb(249, 249, 249);
    background-color: #ffffff;
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
/*fixed menu*/
.navigation.fixed-menu {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 3px 4px -5px rgba(0, 0, 0, 0.3);
}
.navigation {
}
/*=====================================================================
	Header Styles
=====================================================================*/

.Binashree-head {
}
.Binashree-head-inside {
    padding-top: 20px;
    padding-bottom: 10px;
}
.Binashree-head row {
    width: 100%!important;
}
.Binashree-head .col-sm-6:nth-child(1) {
 background-color: var(--1-color);
    color: #ffff;
    padding-bottom: 30px;
}
.Binashree-head .col-sm-6:nth-child(2) {
 background-color: var(--2-color);
    color: #ffff;
    padding-left: 0px;
}
.Binashree-head-content h3 {
    padding-top: 25px;
    color: #fff;
    font-size: 43px;
    font-weight: 700;
}
.Binashree-head-content p {
    color: #fff;
}
.Binashree-head-btn {
}
.Binashree-head-btn a {
    background-color: #f8fb1f;
    color: #000;
    padding: 10px 35px;
    border-radius: 5px;
    text-decoration: none;
}
.Binashree-head-btn a:hover {
    background-color: #ffff;
    color: #000;
    padding: 10px 35px;
}
.Binashree-head-social {
    text-align: right;
}
.Binashree-head-social a i {
    font-size: 25px;
    color: #fff;
    padding-left: 8px;
}
.Binashree-head-right {
}
.Binashree-head-right img {
    float: right;
}
.Binashree-head-right-two h6 {
    color: #fff;
    text-align: right;
    font-size: 14px;
}
.Binashree-head-right-two a {
    color: #fff;
    text-decoration: none;
}
.Binashree-head-right-three a {
    color: #fff;
    text-decoration: none;
}
.Binashree-head-right-three a {
    background-color: #f8fb1f;
    color: #000;
    padding: 10px 35px;
    border-radius: 5px;
    text-decoration: none;
}
.Binashree-head-right-three a:hover {
    background-color: #ffff;
    color: #000;
    padding: 10px 35px;
}
.Binashree-head-right-three p {
    text-align: right;
    padding-top: 7px;
}
.Binashree-head-right-four h6 {
    font-size: 20px;
    font-weight: 300;
    text-align: right;
    color: #000;
}
.Binashree-head-right-four h4 {
    font-size: 28px;
    font-weight: 500;
    text-align: right;
    color: #000;
}
.Binashree-head-right-four h4 span {
    color: #fff;
}
.topbannerimg {
    width: 100%;
    padding-top: 15px;
}
.Binashree-what-we-do {
    background-color: #d2d2d2;
    padding: 50px 0px;
}
.Binashree-what-we-do h1 {
    text-align: center;
    color: #000;
    font-weight: 700;
}
.Binashree-what-we-do .col-sm-12 {
    padding-bottom: 10px;
}
.Binashree-what-we-do p {
    text-align: center;
}
.Binashree-what-we-do .splcol:after {
    content : "";
    position: absolute;
    right : 0;
    z-index: 100;
    top : 0;
    width : 3px;
    height : 40%;
 background: var(--2-color);
}
.Binashree-what-we-do .col-sm-3-c5 h4 {
    text-align: center;
    padding-top: 10px;
}
.Binashree-what-we-do .col-sm-3-c5 p a {
    font-size: 12px;
 background-color: var(--2-color);
    padding: 7px 15px;
    text-decoration: none;
    color: #fff;
}
.Binashree-what-we-do .col-sm-3-c5 p a:hover {
 background-color: var(--3-color);
    color: #000;
}
.Binashree-why-choose-us {
    background-image: url("../image/whychoose.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px 10px 0px;
}
.Binashree-why-choose-us .why-choos-box {
 background-color: var(--2-color);
    padding: 80px 50px;
    margin-bottom: -70px;
    border-radius: 15px;
}
.Binashree-why-choose-us .why-choos-box h4 {
    color: #fff;
    font-weight: 700;
}
.Binashree-why-choose-us .why-choos-box p {
    color: #fff;
}
.Binashree-why-choose-us .why-choos-box h6 {
    padding-top: 20px;
}
.Binashree-why-choose-us .why-choos-box h6 a {
    font-size: 12px;
 background-color: var(--3-color);
    padding: 7px 15px;
    text-decoration: none;
    color: #000;
    margin-top: 15px;
}
.Binashree-why-choose-us .why-choos-box h6 a:hover {
    background-color: #fff;
    color: #000;
}
.Binashree-why-choose-us h1 {
    padding-top: 70px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
}
.Binashree-why-choose-us h5 {
    padding-top: 20px;
    color: #fff;
    margin-bottom: 0px;
}
.Binashree-why-choose-us h2 {
 color: var(--3-color);
    font-weight: 700;
    padding-bottom: 50px;
}
.Binashree-Manufacturing {
    background-color: #d2d2d2;
    padding: 80px 0px 50px 0px;
}
.Binashree-Manufacturing h1 {
    text-align: center;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}
.Binashree-Manufacturing p {
    text-align: center;
}
.Binashree-Manufacturing .col-sm-3-c5 h4 {
    text-align: center;
    padding-top: 10px;
    font-weight: 800;
    font-size: 14px;
}
.Binashree-Manufacturing .col-sm-3-c5 p a {
    font-size: 12px;
 background-color: var(--2-color);
    padding: 7px 15px;
    text-decoration: none;
    color: #fff;
}
.Binashree-Manufacturing .col-sm-3-c5 p a:hover {
 background-color: var(--3-color);
    color: #000;
}
/*-----Testimonial-------*/




.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    left: 0px;
    top: 50%;
 background-color:  var(--2-color)!important;
    display: block;
    padding: 4px 7px !important;
    font-size: 30px;
    margin: 0;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
    border: none!important;
    border-radius: 15px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    right: -30px;
    top: 50%;
 background-color: var(--2-color)!important;
    display: block;
    padding: 4px 7px !important;
    font-size: 30px;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
    border: none;
    border-radius: 15px;
}
.Binashree-Industries-section .owl-carousel .item img {
    width: 80px;
    margin: 0 auto;
    text-align: center;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: #fff!important;
    color: #000;
}
.Binashree-Industries-section {
 background-color:  var(--1-color);
    padding: 50px 0px;
}
.Industries_item {
    background-color: #fff;
    padding: 25px 15px;
    margin: 20px;
    border-radius: 15px;
}
.Industries_item img {
}
.Industries_item h4 {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
}
.Binashree-Industries-section h1 {
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.Binashree-Industries-section p {
    text-align: center;
    color: #fff;
}
.Binashree-footer {
 background-color:  var(--2-color);
    padding: 50px 0px 10px 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.Binashree-footer img {
    position: relative;
    left: -90px;
}
.Binashree-footer-social {
    padding-top: 20px;
}
.Binashree-footer-social a i {
    font-size: 25px;
    color: #fff;
    padding-left: 8px;
}
.title-right-line {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.title-right-line::after {
    content: "";
    background-color: rgb(255 255 255 / 40%);
    height: 3px;
    width: 100%;
    margin-left: 1rem;
}
.title-right-line2 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.title-right-line2::after {
    content: "";
    background-color: rgb(255 255 255 / 40%);
    height: 3px;
    width: 40%;
    margin-left: 1rem;
}
.Binashree-footer ul {
    padding-left: 0px;
}
.Binashree-footer ul li {
    list-style: none;
    line-height: 30px;
}
.Binashree-footer ul li a {
    color: #fff;
    text-decoration: none;
}
.Binashree-footer ul li a:hover {
 color:   var(--3-color);
    text-decoration: none;
}
.Binashree-footer p {
    color: #fff;
}
.Binashree-footer table tr td i {
    color: #09277a;
    font-size: 24px;
    padding-right: 10px;
}
.Binashree-footer table tr td p {
    font-size: 14px;
    line-height: 20px;
}
.Binashree-footer-right a {
    background-color: #f8fb1f;
    color: #000;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
}
.Binashree-footer-right a:hover {
    background-color: #ffff;
    color: #000;
    padding: 10px 25px;
}
.Binashree-footer-right {
    float: right;
    margin-top: -50px;
}
.hrfooter {
    margin-top: 20px;
    border-top: 3px solid #fff!important;
}
.copyright {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}
.copyright a {
 color: var(--3-color);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}
.copyright a:hover {
 color: var(--1-color);
}
.Binashree-inside-head {
    padding: 25px;
    background-color: #fff;
}
.splbox {
    background-color: #fff;
    padding-top: 100px;
}
.Binashree-head-right-twoa h6 {
    color: #000;
    text-align: right;
    font-size: 14px;
    vertical-align: middle;
    line-height: 30px;
    padding-top: 10px;
}
.Binashree-inside-about {
    background-image: url(../image/about.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 0px 70px 0px;
}
.Binashree-inside-about h1 span {
    color: #fff;
    padding: 25px;
    border: 1px solid #fff;
}
.Binashree-inside-about h1 {
    text-align: center;
    padding-top: 50px;
}
.Binashree-abt-right p {
    text-align: right;
}
.Binashree-abt-right a {
    background-color: #f8fb1f;
    color: #000;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
}
.Binashree-abt-right a:hover {
    background-color: #ffff;
    color: #000;
    padding: 10px 25px;
}
.Binashree-abt-content {
    padding: 50px 0px;
}
.Binashree-abt-content img {
    margin-top: -170px;
}
.Binashree-inside-Head {
    background-image: url(../image/about.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 0px 70px 0px;
}
.Binashree-inside-Head h1 span {
    color: #fff;
    padding: 25px;
    border: 1px solid #fff;
}
.Binashree-inside-Head h1 {
    text-align: right;
    padding-top: 50px;
}

.Binashree-cpty-menu{
	padding: 70px 0px;
}



#cpty-nav {
    border-width: 1px 0;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
#cpty-nav li {
    display: inline;
    padding-left: 20px;
    padding-right: 20px;
}
#cpty-nav a {
    font-size: 12px;
    text-transform: uppercase;
    /* letter-spacing: 2.5px; */
    font-weight: 500;
    color: #000;
    background-color: #fff;
    border: none;

    /* border-radius: 45px; */
    box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    padding: 10px 20px;
}
#cpty-nav a:hover {
    background-color:  var(--1-color);
    box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
    color: #fff;
    transform: translateY(-7px);
}

.spactive {
    background-color:  var(--1-color)!important;
    box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4)!important;
    color: #fff!important;
    transform: translateY(-7px)!important;
}

.Binashree-cpty-contant{
	padding: 30px 0px 70px 0px;
}



.Binashree-cpty-contant2{
	padding: 0px 0px 70px 0px;
}

.Binashree-cpty-contant2 h6{
	padding-top: 100px;
}


.Binashree-packaging .col-sm-6:nth-child(1) {
    background-color: #7883e3;
    color: #fff;
    padding: 40px 0px;
}


.Binashree-packaging .col-sm-6:nth-child(2) {
    background-color: #21c25a;
    color: #000;
    padding: 40px 0px;
}

.Binashree-packaging .col-sm-6 .container{
    max-width: 80%!important;
}

.Binashree-packaging .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}


.Binashree-packaging2{
	padding: 40px 0px;
}

.Binashree-packaging2 h6{
   text-align: center;
}


.Binashree-packaging2 h6 span{ 
   padding: 10px 30px;
   background-color: #0179b5;
   color: #fff;
   border-radius: 10px;
}

.Binashree-Prototype-contant{
	padding: 30px 0px 40px 0px;
}


.Binashree-Prototype-contant h4{
	
}


.Binashree-Prototype-contant .col-sm-12{
	padding-top: 50px;
}

.Binashree-Prototype-contant3{
	padding: 60px 0px; 
}

.Binashree-Prototype-contant3 p span{
	font-size: 18px;
	padding: 20px;
	border: 1px solid #000;
}

.padingmarg{
	padding-bottom: 25px;
}


.Binashree-Prototype-contant3 .col-sm-11 .row{
	padding-top: 10px;
	border-bottom: 2px solid #000;
}



.Binashree-Prototype-contant4 {
    padding: 40px 0px;
}

.Binashree-Prototype-contant4 ul{
    padding-left: 15px;
    line-height: 25px;
    font-size: 14px;
}

.Binashree-Prototype-contant4 img{
   
}

.Binashree-Prototype-contant5{
	background-color: var(--1-color);
	padding: 70px 0px 0px 0px;
}


.Binashree-Prototype-contant5 h4{
	color: #fff;
}

.Binashree-Prototype-contant5 p{
	color: #fff;
}

.prototype-box {
    background-color: #fff;
    border-radius: 10px;
    padding: 50px;
    margin-bottom: -70px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4)!important;
}


.prototype-box ul{
    padding-left: 15px;
    line-height: 25px;
    font-size: 14px;
}




.Binashree-Prototype-contant6 {
    padding: 100px 0px 40px 0px;
}


.Binashree-Prototype-contant6 h4 {
    padding: 50px 0px 00px 0px;
}
.Binashree-Prototype-contant6 ul{
    padding-left: 15px;
    line-height: 25px;
    font-size: 14px;
}

.Binashree-Prototype-contant6 img{
   
}


.Binashree-Prototype-contant7 {
    padding: 40px 0px 40px 0px;
}


.title-right-line3 {
    color: #000;
    display: flex;
    align-items: center;
    white-space: nowrap;
	padding-bottom: 20px;
}

.title-right-line3::after {
    content: "";
    background-color: rgb(0 0 0 / 80%);
    height: 3px;
    width: 100%;
    margin-left: 10rem;
}

.Binashree-Prototype-contant7 ul{
    padding-left: 15px;
    line-height: 25px;
    font-size: 14px;
}

.Binashree-Prototype-contant7 .col-sm-8{
	padding-top: 100px;

}


.Binashree-Prototype-contant8{
	padding-bottom: 40px;
}

.Binashree-Prototype-contant8 img{
}

.Binashree-Prototype-contant8 .splcol{
    padding-left: 70px;
	margin-top: 20px;
}

.Binashree-Prototype-contant8 ul{
    padding-left: 15px;
    line-height: 25px;
    font-size: 14px;
}


.Binashree-Prototype-contant9{
	
}

.Binashree-Prototype-contant9 img{


}



.Binashree-Prototype-contant9 ul{
    padding-left: 15px;
    line-height: 25px;
    font-size: 14px;
}


.Binashree-Prototype-contant9 h4{
	padding-top: 50px
}

.Binashree-Prototype-contant11{
	padding: 40px 0px;
}


.Binashree-Prototype-contant11 ul li {
	list-style: square;
	padding: 10px 25px;
	color: #fff;
}


.Binashree-Prototype-contant11 ul li:nth-child(odd) {
  background-color: var(--1-color);
}


.Binashree-Prototype-contant11 ul li:nth-child(even) {
  background-color: var(--2-color);
}

.Binashree-why-binashree{
	padding: 0px 0px 70px 0px;
}

.padinsplbina{
	padding-top: 50px;
}

.Binashree-why-management{
	padding: 70px 0px 0px 0px;
}

.Binashree-why-management h4{
	padding-top: 70px;
}


.Binashree-why-management2{
	padding: 20px 0px;
}



.Binashree-why-management3{
	padding: 0px 0px 50px 0px;
}

.Binashree-why-management4{
	padding: 70px  0px;
}



.Binashree-why-management5{
	padding: 0px 0px 50px 0px;
}


.Binashree-contactus{
	padding: 70px 0px;
}


.Binashree-contactus table tr td i {
    color: #09277a;
    font-size: 24px;
    padding-right: 10px;
}

.Binashree-contactus h3 {
	padding-top: 15px
}


.Binashree-industries-inside{
	padding: 70px 0px;
}


.Industries_item-inside {
    background-color: #fff;
    padding: 25px 15px;
    margin: 15px;
    border-radius: 15px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4)!important;
}

.Industries_item-inside:hover{
    background-color: var(--1-color)!important;
    
}

.Industries_item-inside:hover img{
      filter: brightness(0) invert(1);
    
}

.Industries_item-inside:hover h4{
    color: #fff;
    
}

.Industries_item-inside h4 {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
}



