/* 1.0 - General */
body{margin: 0; background: #FFFFFF; }
table,div{font-family: "Plus Jakarta Sans", sans-serif !important;font-size:16px !important; line-height:26px !important;font-weight: 400 !important;}
a{color: #333333; text-decoration: none; transition: all .2s ease-in-out;}
a:hover{color: #333333; text-decoration: none; }
#pera{
    font-family: "Plus Jakarta Sans", sans-serif !important;font-size:16px !important; line-height:26px !important;font-weight: 400 !important;color:#000;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
* {box-sizing: border-box;}
::-webkit-input-placeholder {color: #000;opacity: 1}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #000;opacity: 1}/* Firefox 19+ */
:-ms-input-placeholder {color: #000;opacity: 1}/* IE 10+ */
:-moz-placeholder {color: #000;opacity: 1}/* Firefox 18- */

img{border:none;}
p{margin:0 0 20px;}
img{max-width: 100%}
.img-left, .left{float:left;}
.img-right, .right{float:right;}
#logo, #left, #social, #contact-left{float:left;}
#top_link, #right, #copy-logo, #contact-right{float:right;}
:focus {outline: 0;}
a:active {outline: none;}

h1,h2,h3,h4,h5,h6{margin:0 0 20px;}
.htmega-menu-container ul > li > a {
    color: #000000 !important;
    text-decoration: none!important;
    display: block!important;
    padding: 0 12px!important;
    line-height: 1.2em !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 14px !important;
} 
/*Heading*/
h1{font-size:30px;}
h2{font-size:30px !important;font-weight: 800!important;font-family: "Plus Jakarta Sans", sans-serif !important;}
h3{font-size: 20px !important;
    font-weight: bold !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;}
h4{font-size:18px !important;font-family: "Plus Jakarta Sans"!important,font-weight:500 !important;}
h5{font-size:16px;}
h6{font-size:14px;}

.c-left{text-align: left;}
.c-center{text-align: center;}
.c-right{text-align: right;}
.font-uppercase {text-transform: uppercase;}

.theme-bg {background: #32c5d2;}
.gray-bg {background: #f5f5f5;}

.img-left{margin-right:10px;}
.img-right{margin-left:10px;}

ul{margin: 0 0 0 20px; padding: 0; list-style: none;}
ul li{list-style: disc; margin: 0 0 10px;}

.ul{margin:0; padding-left:0; margin-left:20px;}
.ul li{margin-bottom: 10px;}
/* .ul li{ list-style-image:url(../images/carts.jpg);} */

.mobile{display: none;}
.desktop{display: block;}

/* breadcrumb */
.breadcrumb{margin-bottom:15px; color:#666;} .breadcrumb a{margin-bottom:15px; color:#00003f;} .breadcrumb a:hover{margin-bottom:15px; color:#333;}

/* Responsive Table */
.table {border-collapse: collapse; margin: 10px 0 0px; width: 712px;}
.table th {background: none repeat scroll 0 0 #002f92; border-right: 1px solid #ffffff; font-weight: normal; padding: 13px 8px; color: #FFFFFF;}
.table td {background: none repeat scroll 0 0 #f3f3f3; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 8px; border-bottom: 1px solid #ffffff;}
.table tr:hover td {background: none repeat scroll 0 0 #d9f5f8;}

.dropdown-menu {font-size: inherit;}
.drop-icon{color: #000}
.btn{background-image: linear-gradient(140deg, #342380 0%, #861355 50%, #d0042f 75%);border-radius: 8px;padding: 14px 20px;text-transform: uppercase;color: #fff;font-size: 14px;font-weight: bold;border: 0}
.btn a{color: #fff;padding: 0 12px;}
.btn:hover{background-image: linear-gradient(140deg, #d0042f 0%, #861355 50%, #342380 75%)!important;color:#fff !important;}
.btn a:hover{
    color:#fff !important;
}
/** 2.0 - Header **/
.navbar .navbar-header .icon-bar {background-color: #333333; display: block; width: 22px; height: 2px; border-radius: 1px; margin: 4px auto 0; transition: .25s ease-in-out;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(1){transform: rotate(45deg); margin-top: 0px;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(2){display: none}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(3){transform: rotate(-45deg); margin-top: -2px;}
.navbar .navbar-header .nav-toggle.active {position: absolute;top: 0;right: 0;z-index: 99;}

#menu-toggle{display: none}
.navbar-inverse{margin: 0; background-color: #FFFFFF; border-color: transparent; padding: 0}
.navbar{border-radius: 0; position: relative; border: 0;}
.navbar-brand{padding: 25px 0; height: auto; text-transform: uppercase; color: #333333; font-size: 30px; margin: 0}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{color: #333333}
.caret {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.header .menu ul li.callus{font-size: 14px;font-weight: bold;position: relative;padding-left: 57px;text-transform: uppercase;line-height: 1.4em;margin: 0 45px 0 96px;border-bottom: 0 !important}
.header .menu ul li.callus span{display: block}
.header .menu ul li.callus .icon{position: absolute;left: 0}
.header .menu ul li.btn a{color: #fff}
.header .menu ul li.btn:hover{background-image: linear-gradient(140deg, #d0042f 0%, #861355 50%, #342380 75%);}


.top-right{float: right; padding: 35px 0}
.top-right ul{margin: 0; padding: 0; list-style: none}
.top-right ul li{float: left; margin-left: 20px;}
.top-right ul li i{margin-right: 10px; color: #999999}
.top-right ul li a{color: #333333}

.jumbotron{padding: 0; margin: 0; position: relative}
.jumbotron:after{background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: '';}
.jumbotron .container { max-width: 100%; height: 100%;}
.home-ban{position: relative;}
.ban-img{width: 100%;}
.home-ban .ban-text{position: absolute; margin: 0 auto 0; background: #fff; font-size: 16px; z-index: 1; width:560px; top: 32%; /*left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);*/border-radius: 18px;padding: 35px}
.home-ban .ban-text h1{font-size: 35px; line-height: 1.2em; margin: 0; font-weight: 800;margin-bottom: 10px}
.home-ban .ban-text h1 span{display: block;}
.home-ban .ban-text p{font-size: 16px}
/*.carousel-control-prev{opacity: 1; margin: 0 1%;width: auto;}*/
.carousel-control-next, .carousel-control-prev{width: auto;opacity: 1; margin: 0 1%;}


.row-am{width: 100%;}
.lead{max-width: 560px;margin: 0 auto;text-align: center;font-size: 16px}

/** 3.0 - Content **/
#content .row-am{padding: 80px 0;}

.industries-need{text-align: center; background: url(../images/industry-bg.png) no-repeat;background-size:cover}
.industries-need h2{margin-bottom: 0}
.industries-need ul{margin: 0; padding: 0; list-style: none;display: flex;flex-wrap: wrap;justify-content: center;}
.industries-need ul li{position: relative; list-style: none; width: 31%; margin:45px 3% 0 0; text-align: left; min-height: 110px; display: inline-table; color: #000; padding-left: 120px;border: 1px solid #CCC; border-radius: 10px;background: #fff;/*padding: 30px;*/padding: 30px 10px 30px 125px;}
.industries-need ul li .icon{border-radius: 50%; position: absolute; left:20px; top:30px}
.industries-need ul li .text{font-size: 18px; font-weight: 600; color: #FFF; min-height: 100px;}
.industries-need ul li:nth-child(3n+3){margin-right: 0}
.industries-need ul li span{background: #154d81; color: #FFF; width: 40px; height: 40px; position: absolute; top: -20px; left: 70px; font-size: 18px; font-weight: 600; text-align: center; line-height: 40px; border-radius: 50%; z-index: 1}
.industries-need ul li h4{color: #000; font-weight: bold;margin-bottom: 10px;font-size: 20px !Important;font-family: "Plus Jakarta Sans", sans-serif !important;}
.industries-need ul li p{margin: 0; color: #000; font-size: 16px; font-weight: normal; line-height: 26px;}

.trust ul{margin: 0}
.trust h2{margin-bottom: 10px}
.trust ul li{list-style: none;border-bottom: 1px solid #cccccc;margin-bottom: 40px}
.trust ul li:last-child{margin-bottom: 0;border-bottom: 0}
.business-img{margin: 0 auto;display: flex;height: 100%}
.business-img img{height: 100%;object-fit:cover;border-radius: 12px !important;width: 96%; margin: 0 auto;}
.trust ul li h3{margin-bottom: 16px;}
.trust ul li img{margin-right: 5px}
.trust-box{height: 100%}
.trust-box .btn{position: absolute;  bottom: 10px;}

.our-product{background: #f9f8ff}
.our-product h2{margin-bottom: 10px}
.our-product .box{background: #fff;border: 1px solid #d7d5e6;border-radius: 8px;width: 90%;margin: 0 auto;}
.product-text{background: #fff;border: 1px solid #d7d5e6;border-radius: 8px;border-right: 0;border-left: 0;padding: 30px;border-bottom: 0;color:#000;}
.product-img {height: 460px;display: flex;flex-wrap: wrap;justify-content: center; align-content: center;}
.product-text{height: 270px;}
.our-product .bx-wrapper{margin-top: 35px}
.our-product .bx-controls-auto{display: none !important}

#content .row-am.structure{padding-bottom: 0}
.structure .container{border-bottom: 1px solid #cccccc}
.structure .box{border-radius: 18px;border: 1px solid #d7d5e6;display: flex;flex-wrap:wrap;height: 100%;overflow: hidden;position: relative;align-content: baseline;}
.structure .box .left{width: 50%;padding: 35px;height: 100%}
.structure .box .right{width: 50%;}
.structure .box .img{height: 100%}
.structure .box img{width: 100%;height: 100%;object-fit:cover}
.structure .readmore a{font-size: 14px;color: #d5032c;text-transform: uppercase;font-weight: bold}
.structure .readmore{position: absolute;bottom: 18px}
.structure .box.trust{background: url(https://sterilepharmamachine.com/wp-content/uploads/2024/03/trust-bg.png) no-repeat;background-size:cover;padding: 24px;color: #fff;margin-top: 35px}
.structure .box.compliance{background: url(https://sterilepharmamachine.com/wp-content/uploads/2024/03/compliance-bg.png) no-repeat;background-size:cover;padding: 24px;color: #fff;margin-top: 35px}  
.structure .box.free-service{background: url(https://sterilepharmamachine.com/wp-content/uploads/2024/03/service-bg.png) no-repeat;background-size:cover;padding: 24px;color: #fff;margin-top: 35px}
.structure  .btn{margin: 90px auto;display: table;} 

.application .text{border: 1px solid #d7d5e6;border-radius: 12px;padding: 15px;position: relative;height: 100%;padding: 44px 10px 10px 96px;width: 90%;margin:0 auto;}
.application .text .icon{position: absolute;left:0;top:30px;left: 13px;}
.application li{width: 25%;list-style: none;height: 130px;float: left;margin-top: 38px;margin-bottom: 0}
.application .text h4{font-weight: bold;font-size: 14px !important;font-family: "Plus Jakarta Sans", sans-serif !important;} 

.chooseus{background: url(https://sterilepharmamachine.com/wp-content/uploads/2024/03/choose-bg.png) no-repeat;background-size:cover;}
.chooseus h2{color: #fff;margin-bottom: 80px;}
.chooseus li{list-style: none;width: 20%;float: left}
.chooseus li .box{background: #fff;border-radius: 12px;display: flex;flex-wrap:wrap;jusstify-content:center;align-content:center;margin: 0 auto;display: table;width: 90%;;position: relative;padding:80px 15px 20px 15px;height: 185px;
  display: flex;flex-wrap: wrap;justify-content: center;align-content: center;text-align: center}
.chooseus li .box .icon{position: absolute;margin: 0 auto;left:0;top: -40px;right:0;width: 90px;height: 90px;}
.chooseus li .box .num{font-size: 30px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    margin: 10px auto;
    color: #000;}
    @media only screen and (min-width: 1200px) and (max-width: 1399px){
.chooseus li .box .num {
    font-size: 25px !important;
}}
.chooseus li .box p{width: 100%;font-weight: bold;line-height: 1.2em;color: #000;}

.enquire-box{background: #f9f8ff;border-radius: 18px;overflow: hidden}
.enquire-box .left{padding: 87px 50px 100px 60px;}
.enquire-box .left h2{margin-bottom: 30px}
.enquire-box .input{background: #fff;border: 1px solid #bababa;border-radius: 7px;height: 50px;width: 100%;margin-bottom: 15px;padding-left: 20px;}
.enquire-box textarea.input{height: 110px;}
.enquire-box .btn{width: 175px}
.enquire-box .right{background: url(https://sterilepharmamachine.com/wp-content/uploads/2024/03/contact-bg.png) no-repeat;background-size:cover;padding: 36px 45px;color: #fff;display: flex;flex-wrap: wrap;align-content: center;}
.enquire-box .right h2 img{margin-right: 5px;}
.enquire-box .right ul{margin: 0;}
.enquire-box .right ul li{list-style: none;position: relative;padding-left: 70px;margin-bottom: 24px}
.enquire-box .right ul li p{margin-bottom: 5px;}
.enquire-box .right ul li img{position: absolute;left:0}
.enquire-box .right h3{margin-bottom: 5px;font-weight: 400}
.enquire-box .right p, .enquire-box .right p a{color: #fff}
.enquire-box .right h2{margin-bottom: 40px}


.testimonial .left,.testimonial .right{width: 50%;}
.testimonial .right{padding: 80px 0}
.testimonial ul{margin: 0; padding: 0; list-style: none}
.testimonial ul li{list-style: none; font-size: 16px; line-height: 26px;}
.testimonial ul li .name{padding: 12px 0 12px 120px; position: relative; margin: 40px 0 0}
.testimonial ul li .name h4{font-weight: bold; margin: 0;}
.testimonial ul li .name img{position: absolute; left: 0; top: 0}
.testimonial ul li .star{color: #df8e01}
.testimonial .bx-wrapper img{display: inline-block}
.testimonial .bx-wrapper{margin-bottom: 0}
.testimonial .bx-wrapper .bx-controls-direction a{width: 34px; height: 34px; top: auto; bottom: 30px;}
.testimonial .bx-wrapper .bx-prev {left: auto; background: url('https://sterilepharmamachine.com/wp-content/uploads/2024/03/pre.png') no-repeat; right: 40px}
.testimonial .bx-wrapper .bx-next {right: 0; background: url('https://sterilepharmamachine.com/wp-content/uploads/2024/03/next.png') no-repeat;}
.testimonial h2{margin-bottom: 12px;} 
.testimonial .star i{color: #fc9400}
.testimonial .star{float: left;margin-right: 5px}
.testimonial .google-img{margin-left: 5px}
.review-text2 span.red{color: #d5032c;font-weight: bold}
.testimonial ul li .name{height: 100px}
.testimonial .right .bx-wrapper .star{float: left;width: 100%;}


.faq{text-align: center; background: #f9f8ff;}
.faq #accordion2 {max-width: 800px; margin: 40px auto 0;}
.faq .accordion2 {width: 100%; color: #333}
.faq .accordion2 .box{margin: 0 0 20px; text-align: left; border-radius: 12px; background: #FFF;padding: 20px;border: 1px solid #d7d5e6}
.faq .accordion2 .box h4{font-size: 22px; font-weight: bold; color: #000000; margin: 0 0 10px; text-transform: uppercase}
.faq .accordion2 dt {width: 100%; padding: 0 56px 0 16px; cursor: pointer; background-image: url(https://sterilepharmamachine.com/wp-content/uploads/2024/03/plus-icon.png); background-position: right 6px center; background-repeat: no-repeat; color: #000; font-size: 16px; font-weight: 600;}
.faq .accordion2 dt:hover {background-color: #f1f1f}
.faq .accordion2 .open {background-color: #f1f1f; background-image: url(https://sterilepharmamachine.com/wp-content/uploads/2024/03/minus-icon.png); color: #000}
.faq .accordion2 dd {overflow: hidden; background: #fff; margin: 0}
.faq .accordion2 span {display: block; width: 100%; border-top: none; padding: 16px; border-radius: 8px;}
.faq .icon{margin-right: 10px}

.blog-post{text-align: center}
.blog-post .lead{margin-bottom: 38px}
.blog-post .left, .blog-post .right{width: 48%; border: 1px solid #CCC; border-radius: 20px;}
.blog-post img{width: 100%; border-radius:0;}
.blog-post .text{padding: 30px; text-align: left;}
.blog-post .text span{background: #fbe5e9; border-radius: 4px; padding: 6px 10px; color: #d5032c; font-weight: 600;}
.blog-post .text h4{font-size: 24px; font-weight: normal; color: #000000; margin: 16px 0 0 0; padding-bottom: 20px;font-weight: bold}
.blog-post .text .date{float: left; color: #3e3f66}
.blog-post .text .read-more{float: right; color:  #fff; font-size: 16px;}
.blog-subheader{width: 100%;display: flex;align-items: center;}
.blog-subheader span{float: left}
.blog-subheader .date{float: right;margin-left: 20px}


.customer{text-align: center;}
.customer .container{border-top:1px solid #cccccc;padding-top: 80px}
.customer .bx-wrapper{margin-bottom: 0}
.customer .bx-wrapper .bx-controls-direction a{width: 34px; height: 34px;}
.customer .bx-wrapper .bx-prev {left: -40px; background: url('https://sterilepharmamachine.com/wp-content/uploads/2024/03/pre1.png') no-repeat;}
.customer .bx-wrapper .bx-next {right: -40px; background: url('https://sterilepharmamachine.com/wp-content/uploads/2024/03/next1.png') no-repeat;}
.customerslider{margin-top: 20px}
.customer .bx-wrapper .bx-controls-direction a{top: 60%;}
.customer h2{margin-bottom: 10px;}

ul.social-links li {
    width: 38px;
    height: 38px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    float: left;
    margin: 0 0 0 5px;
    list-style: none;
    border: 1px solid #fff;
    background: #ffffff
}



/** 4.0 - Footer **/
footer{background: #0a0727}
footer .top{background: url(../images/f-bg1.png) no-repeat;background-size:cover;color: #fff;padding: 60px 0 40px 0}
.f-box h3{color: #fff;margin-bottom: 16px}
.f-box img{margin-right: 10px;}
.f-box p{color: #fff;margin-bottom: 0}
.f-box p a{color: #fff}

footer .bottom{background: url(../images/f-bg2.png) no-repeat;background-size:cover;padding: 80px 0}

/*footer .footer1{padding: 30px 0}*/
footer .footer1 h4{font-size: 20px; font-weight: 600; margin: 0 0 20px; text-transform: uppercase; color: #FFFFFF;}
footer .footer1 .links{border-right: 1px solid #3b3952}
footer .footer1 .links:nth-child(2){padding: 0 30px;}
footer .footer1 .links:nth-child(2) ul{column-count: 2;}
footer .footer1 .links:last-child{border-right: 0;padding-left: 30px}
footer .footer1 .links ul{margin: 0 ; padding: 0; list-style: none;}
footer .footer1 .links ul li{line-height: 28px; font-size: 13px; list-style: none;padding-left: 20px;position: relative;}
footer .footer1 .links ul li::before {content: "•"; color: #cac7c9; margin-right: 10px;position: absolute;left:0}
footer .footer1 .links ul li a{color: #fff;font-size: 15px;}
footer .footer1 .payment ul{margin: 0; padding: 0; list-style: none;}
footer .footer1 .payment ul li{float: left; margin: 0 30px 30px 0; list-style: none;}
footer .query{text-align: center; font-weight: 300; color: #98dad8; font-size: 27px; padding: 20px 0}
footer .query a{color: #98dad8}
footer .footer2{background: url(../images/f-bg1.png)no-repeat;background-size:cover;padding: 15px 0;color: #fff}
footer .footer2 p{margin-bottom: 0;color: #fff;font-size: 15px}
footer .footer2 p a{color: #fff}
footer .footer2 ul li a{color: #000}
footer .footer2 .col-md-4{display: flex;flex-wrap:wrap;align-content:center}


footer .footer2 .left{color: #CCCCCC; line-height: 35px; font-size: 14px;}
footer .footer2 .right ul{margin: 0; padding: 0; list-style: none;}
footer .footer2 .right ul li{width: 35px; height: 35px; line-height: 35px; text-align: center; background: #5a4f56; border-radius: 50%; float: left; margin: 0 0 0 5px; list-style: none;}
footer .footer2 .right ul li:hover{background: #CCCCCC;}
footer .footer2 .right ul li a{display: block; color: #b9b5b7;}
footer .footer2 .right ul li:hover a{color: #000000}

/* */
.in-ban{position: relative;}
.in-ban img{width: 100%;}
.in-ban .container{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; display: table;}
.in-ban .ban-text{text-align: center; position: relative; margin: 0 auto 0; color: #FFFFFF; font-size: 16px; z-index: 1; width: 980px; display: table-cell; vertical-align: middle;}
.in-ban .ban-text h1{font-size: 52px; line-height: 62px; margin: 0; font-weight: bold;}
.in-ban .ban-text h1 span{display: block;}