/*Custom Css*/
body {padding-top: 123px;font-family: 'Titillium Web', sans-serif;overflow-x: hidden;}

a:hover {text-decoration:none;outline:none;}

/*HOVER CSS STARTS HERE*/
.caption-inner a:hover {background-color: #da0067;color: #fff;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;}
#form-slider form input[type="submit"]:hover, .content a:hover, .about-content a:hover, #form form input[type="submit"]:hover {border-color: #da0067;background-color: transparent;color: #da0067;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;}
/*HOVER CSS STARTS HERE*/

/*NAV CSS STARTS HERE*/
.navbar-expand-lg {padding: 22px 0;background-color: #fff;box-shadow: 2px 2px 2px #eee;-webkit-box-shadow: 2px 2px 2px #eee;-ms-box-shadow: 2px 2px 2px #eee;}
.navbar-expand-lg .navbar-collapse ul.navbar-nav li a {color: #333;font-weight: 600;font-size: 15px;letter-spacing: .5px;padding: 15px 10px 15px;}
.navbar-brand img {max-width: 300px;}
.right-header ul {justify-content: flex-end;-webkit-justify-content: flex-end;-ms-justify-content: flex-end;}
.right-header ul.d-flex li:first-child {margin-right: 30px;}
.right-header ul li {list-style: none;}
.right-header ul li a {color: #333;}
.right-header ul li img {max-width: 17px;margin-right: 5px;}
/*NAV CSS ENDS HERE*/

/*SLIDER CSS STARTS HERE*/
header {position: relative;}
#main-slider img {width: 100%;}
#main-slider .carousel-caption {right: 0;left: 0;max-width: 1140px;margin: 0 auto;padding: 0 15px;bottom: auto;top: 20%;transform: translateY(-20%);-webkit-transform: translateY(-20%);-ms-transform: translateY(-20%);}
.caption-inner {max-width: 550px;background-color: #fff;padding: 40px;text-align: left;}
.caption-inner h3 {color: #DA0067;font-weight: bold;font-size: 41px;position:relative;}
.caption-inner h3 span {color: #333;}
.caption-inner h3::before {content: "";background-color: #ececec;width: 80px;height: 3px;position: absolute;bottom: -20px;left: 7px;}
.caption-inner p {margin: 60px 0 0 0;color: #333;font-size: 14px;font-weight: 600;line-height: 25px;}
.caption-inner a {border: 2px solid #da0067;color: #da0067;display: block;width: 130px;height: 45px;line-height: 43px;text-align: center;text-transform: uppercase;font-weight: 600;margin-top: 40px;}
#main-slider .carousel-indicators li {width: 10px;height: 10px;background-color: #333;border-radius: 50%;opacity:1;}
#main-slider .carousel-indicators li.active {background-color: #da0067;}

#form-slider {position: absolute;top: 0px;right: 0px;height: 100%;z-index: 999;max-width:500px;}
#form-slider h3 {display: flex;align-items: center;margin:0;width: 50%;}
.row-inputs p .error, .textarea .error {color: #ff0000;}
#form-slider h3 i {width: 90px;height: 90px;border: 2px solid #fff;border-radius: 50%;text-align: center;line-height: 90px;	color: #fff;font-size: 37px;}
#form-slider span {padding-left: 30px;color: #fff;}
#form-slider span a {display: block;}
#form-slider span a {display: block;color: #fff;font-weight: 700;letter-spacing: 1px;font-size: 42px;}
#form-slider form {width: 100%;background-color: rgba(255, 255, 255, 0.9);padding: 25px;height: 100%;}

#form-slider form h2 {font-weight: bold;margin: 0;}
#form-slider form h4 {position: relative;}
#form-slider form h4::before {content: "";background-color:#dbd7d7;width: 80px;height: 3px;position: absolute;bottom: -30px;left: 7px;}
#form-slider form input[type="submit"] {display: block;background-color:#da0067;color:#fff;width: 130px;height: 45px;line-height: 41px;border-radius: 5px;font-weight: 600;text-align: center;border: 2px solid transparent;}
/*SLIDER CSS ENDS HERE*/

/*SERVICES CSS STARTS HERE*/
#services {padding:100px 0;}
#services .col-md {max-width: 30%;background-color: #fff;box-shadow: 0 0 30px #eaeaea;-webkit-box-shadow: 0 0 30px #eaeaea;-ms-box-shadow: 0 0 30px #eaeaea;text-align: center;padding: 40px 30px;}
.icon {margin-bottom: 30px;}
.icon img {max-width: 60px;}
.content h4 {margin: 0;font-size: 20px;font-weight: 700;position: relative;}
.content h4::before {content: "";background-color: #ececec;width: 80px;height: 3px;position: absolute;bottom: -40px;left: 0px;right:0px;margin:0 auto;}
.content p {margin-top: 68px;font-size: 15px;line-height: 25px;color: #8a8989;}
.content a {display: block;background-color: #da0067;color: #fff;width: 130px;height: 45px;line-height: 41px;	border-radius: 5px;margin: 40px auto 0;font-weight: 600;border: 2px solid transparent;}
.content a i {font-size: 10px;margin-left: 9px;position: relative;top: -2px;}
/*SERVICES CSS STARTS HERE*/

/*INNER PAGES CSS STARTS HERE*/
#about {position:relative;}
#about img {width:100%;}
.about-position {position: absolute;bottom: -60px;left: 0;right: 0;max-width: 1140px;padding: 0 15px;margin: 0 auto;display: flex;-webkit-display: flex;-ms-display: flex;justify-content: end;-webkit-justify-content: end;-ms-justify-content: end;}
.about-content {background-color: #fff;max-width: 700px;padding: 30px;box-shadow: 0px 3px 15px #e8e8e8;-webkit-box-shadow: 0px 3px 15px #e8e8e8;-ms-box-shadow: 0px 3px 15px #e8e8e8;}
.about-content h2 {margin: 0;font-weight: bold;}
.about-content h4 {position: relative;}
.about-content h4::before {content: "";background-color: #ececec;width: 80px;height: 3px;position: absolute;bottom: -45px;left: 7px;}
.about-content p {margin: 80px 0 0 0;color: #8a8989;}
.about-content a {display: block;background-color:#da0067;color:#fff;width: 130px;height: 45px;line-height: 41px;border-radius: 5px;margin: 40px 0 0;font-weight: 600;text-align: center;border: 2px solid transparent;}
.about-content a i {font-size: 12px;margin-left: 4px;}
.privacy-policy-sec .privacy-content p {margin-bottom: 2rem;}
/*INNER PAGES CSS ENDS HERE*/

/*MANUFACTURE CSS STARTS HERE*/
#manufacturing {padding-top: 158px;}
.manufacture-bg {}
#manufacturing h1 {font-size: 50px;color: #212529;font-weight: 700;position:relative;}
#manufacturing h1::before {content: "";background-color: #ececec;width: 80px;height: 3px;position: absolute;bottom: -20px;left: 7px;}
#manufacturing p {margin: 35px 0 0 0;color: #8a8989;line-height: 33px;}
#manufacturing #services {padding: 50px 0 0 0;}
.width-small .col-md {max-width: 23%;background-color: #fff;box-shadow: 0 0 30px #eaeaea;-webkit-box-shadow: 0 0 30px #eaeaea;-ms-box-shadow: 0 0 30px #eaeaea;text-align: center;padding:0;margin-bottom: 30px;}
.width-small .col-md img {max-width:100%;}
.width-small .content h4 {margin: 0;font-size: 25px;font-weight: 700;position: relative;padding: 30px 0 50px;text-transform: uppercase;letter-spacing: 1px;}
.width-small .content h4::before {bottom: 30px;}
.width-small {margin-top: 40px;}
/*MANUFACTURE CSS ENDS HERE*/

/*FORM SECTION CSS STARTS HERE*/
#form {background-image: url("../vendor/img/form-bg.jpg");padding: 100px 0;margin: 80px 0 0 0;}
#form h3 {display: flex;align-items: center;margin:0;width: 50%;}
#form h3 i {width: 90px;height: 90px;border: 2px solid #fff;border-radius: 50%;text-align: center;line-height: 90px;	color: #fff;font-size: 37px;}
#form span {padding-left: 30px;color: #fff;}
#form span a {display: block;}
#form span a {display: block;color: #fff;font-weight: 700;letter-spacing: 1px;font-size: 42px;}
#form form {width: 50%;background-color:#fff;padding: 25px;}

#form form h2 {font-weight: bold;margin: 0;}
#form form h4 {position: relative;}
#form form h4::before {content: "";background-color:#ececec;width: 80px;height: 3px;position: absolute;bottom: -30px;left: 7px;}
.row-inputs {justify-content: space-between;}
.form-start {margin-top: 50px;}
.form-start h5{    margin-bottom: 15px;}
.row-inputs p {width: 49%;margin:0;} 
.textarea p {width: 100%;margin: 0;}
.row-inputs input {width: 100%;border: 2px solid #ccc;border-radius: 5px;height: 40px;margin-bottom: 10px;padding: 0 10px;font-weight: 600;color: #000;}
.textarea textarea {width: 100%;border: 2px solid #ccc;border-radius: 5px;height: 100px;margin-bottom: 10px;padding: 10px;font-weight: 600;color: #000;}
#form form input[type="submit"] {display: block;background-color:#da0067;color:#fff;width: 130px;height: 45px;line-height: 41px;border-radius: 5px;font-weight: 600;text-align: center;border: 2px solid transparent;}
/*FORM SECTION CSS ENDS HERE*/

/*FOOTER CSS STARTS HERE*/
footer {background-color: #fff;padding: 90px 0 50px;}
footer .col-md {max-width: 25%;}
footer .col-md:first-child {max-width: 75%;padding-right: 60px;}
footer img {max-width: 300px;}
footer p {margin: 20px 0 0;color: #333;font-size: 14px;text-align: justify;line-height: 26px;}
footer p a {color: #333;}
footer h3 {margin: 0;text-transform: uppercase;color: #ca0056;font-weight: 600;font-size: 19px;position: relative;}
footer h3::before {content: "";width: 50px;height: 2px;background-color: #666;position: absolute;left: 3px;bottom: -15px;}
footer ul {margin: 30px 0 0 0;padding: 0;list-style: none;}
footer ul li {font-size: 14px;line-height: 32px;}
footer ul li a {color: #333;}
footer ul.social i {width: 40px;height: 40px;border: 2px solid #a8a5a5;border-radius: 50%;text-align: center;color: #333;line-height: 38px;margin-right: 6px;}
footer ul.social {margin-top: 11px;}
/*FOOTER CSS ENDS HERE*/

/*INNER PAGES CSS STARTS HERE*/
#main-slider .inner-pages .carousel-caption {top: 40%;}
.breadcrumb {padding: 0;background: no-repeat;margin: 33px 0 0 0;border-radius: 0;}
.breadcrumb a {display: inline-block;border: none;margin: 0;width: auto;height: inherit;text-align: left;	line-height: normal;}
.breadcrumb p {margin: 0;font-size: 18px;font-weight: normal;}
.breadcrumb i {margin: 0 10px;}
.inner-pages h4 {color: #333;}
.inner-pages h3::before {bottom: -18px;}
#about-main {padding-top: 100px;}
#about-main p {color: #8a8989;line-height: 30px;}
#about-main h2 {text-transform: uppercase;font-weight: bold;font-size: 50px;position:relative;margin-bottom: 40px;}
#about-main h2::before {content: "";background-color:#ececec;width: 80px;height: 3px;position: absolute;bottom: -20px;
left: 7px;}
#about-main p.find-us {color: #333;font-size: 37px;text-align: center;}

.company-info .col-md {text-align: center;}
.company-info {padding-top: 50px;}
.company-info .col-md .icon {margin-bottom: 15px;}
.company-info .col-md h3 {font-weight: bold;font-size: 20px;}
.company-info .col-md a {color: #333;font-size: 18px;}
.company-info .col-md.social-media a {display: inline-block;width: 40px;height: 40px;border: 2px solid #333;border-radius: 50%;line-height: 40px;margin: 0 5px;}
.contact-main h2 {text-align: center;}
#about-main.contact-main h2::before {right: 0;left: 0;margin: 0 auto;}
.contact-form {background-color: #f7f7f7;margin-top: 100px;padding: 50px;border-radius: 10px;}

.contact-form input[type="submit"] {display: block;background-color:#da0067;color:#fff;width: 130px;height: 45px;line-height: 45px;border-radius: 5px;font-weight: 600;text-align: center;border: none;}
/*INNER PAGES CSS ENDS HERE*/

@media (max-width:1199px) {
.navbar-expand-lg .navbar-collapse ul.navbar-nav li a {font-size: 14px;padding: 15px 7px 15px;}
#form span a {font-size: 36px;}
#form span {font-size: 20px;}
.caption-inner {max-width: 500px;}
.caption-inner h3 {font-size: 36px;}
.navbar-brand img {max-width: 260px;}
}

@media (max-width:991px) {
nav .navbar-toggler {background: #da0067;background: -moz-linear-gradient(left,  #da0067 0%, #7b00d4 100%);background: -webkit-linear-gradient(left,  #da0067 0%,#7b00d4 100%);background: linear-gradient(to right,  #da0067 0%,#7b00d4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0067', endColorstr='#7b00d4',GradientType=1 );border:none;}
nav .navbar-toggler i {color: #fff;font-size: 24px;margin-top: 2px;}
nav.navbar {padding: 30px 0;}
.navbar-expand-lg .navbar-collapse ul.navbar-nav li a {padding: 10px 20px;border-bottom: 1px solid #f0f0f0;}
#navbarResponsive {padding-bottom: 10px;border-top: 1px solid #f0f0f0;padding-top: 0px;margin-top: 0px;position: absolute;width: 100%;left: 0;top: 119px;background-color: #fff;}
#navbarResponsive ul li:last-child a {border: none;padding-bottom: 0;}
#navbarResponsive ul li a:hover {color: #d7006a;}
.caption-inner {padding: 10px 20px 20px;}
.about-content {margin: 0 auto;}
.about-position {bottom: -190px;}
#manufacturing {padding-top: 240px;}
.width-small .content h4 {font-size: 19px;}
#form h3 i {width: 60px;height: 60px;line-height: 55px;font-size: 25px;}
footer ul li a {word-wrap: break-word;}
#form span a {	font-size: 25px;}
#form span {padding-left: 10px;}
footer ul.social i {width: 35px;height: 35px;line-height: 32px;}
#main-slider .carousel-caption {top: 28%;}
#form-slider {position: relative;}
.right-header ul {flex-flow: column;-webkit-flex-flow: column;-ms-flex-flow: column;}
.right-header {display: flex;-webkit-display: flex;-ms-display: flex;}
}

@media (max-width:767px) {
nav .navbar-brand {width: 100%;margin: 0;text-align: center;}
#navbarResponsive {top: 192px;}
#main-slider .carousel-caption {top: 40%;}
.right-header {width: 100%;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;margin-top: 15px;}
.caption-inner {max-width: 320px;}
.caption-inner p {margin: 15px 0 0 0;}
.caption-inner h3 {font-size: 24px;}
.caption-inner h3::before {bottom: -10px;}
.caption-inner a {height: 35px;line-height: 30px;margin-top: 10px;}
#services {padding: 50px 0;}
#services .col-md {max-width: 100%;margin-bottom: 40px;}
#services .d-flex, #form .d-flex {flex-flow: column;-webkit-flex-flow: column;-ms-flex-flow: column;}
.width-small .col-md {max-width: 48%;}
.width-small {flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;margin:0;}
#manufacturing p {margin: 35px 0 40px 0;}
#form h3 {justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;width: 100%;margin: 0 0 50px;}
#form form {width: 100%;}
#form .d-flex.row-inputs {flex-flow: row;-webkit-flex-flow: row;-ms-flex-flow: row;}
footer .d-flex {flex-flow: column;-webkit-flex-flow: column;-ms-flex-flow: column;}
footer .col-md, footer .col-md:first-child {max-width: 100%;padding: 0;margin-bottom: 50px;}
footer .col-md:last-child {margin-bottom: 0;}
nav.navbar {position: absolute;top: 0;}
.company-info .d-flex {flex-flow: column;-webkit-flex-flow: column;-ms-flex-flow: column;}
.company-info .col-md {margin-bottom: 50px;}
.company-info .col-md.social-media {margin-bottom: 0;}
#about-main h2 {font-size: 30px;}
}

@media (max-width:575px) {
#main-slider img {width: 150%;}
nav.navbar-expand-lg .container {padding: 0 15px;}
.about-position {bottom: 0;position: relative;margin-top: 20px;}
#services {padding: 50px 0 10px;}
.about-content h2, .about-content h4, #form form h2, #form form h4 {font-size: 20px;}
.about-content h4::before, #form form h4::before {bottom: -15px;}
.about-content p {margin: 30px 0 0 0;}
.about-content a {margin: 20px 0 0;}
#manufacturing {padding-top: 40px;}
#manufacturing h1 {font-size: 35px;}
#form {margin: 20px 0 0 0;padding: 40px 0;}
.form-start {margin-top: 65px;}
}

@media (max-width:450px) {
#main-slider img {width: 200%;}
/*.row-inputs input {width: 100%;}*/
.row-inputs p{width:100%;}
#form .d-flex.row-inputs, .contact-form .row-inputs, .form-start .row-inputs {flex-flow: column;-webkit-flex-flow: column;-ms-flex-flow: column;}
.caption-inner p {line-height: 18px;font-size: 12px;}
.caption-inner h3 {font-size: 20px;}
#main-slider .carousel-caption {top: 43%;}
nav .navbar-brand {margin: 0;}
nav .navbar-brand img {max-width: 220px;}
nav .navbar-toggler {font-size: 17px;padding: 0;width: 55px;height: 36px;}
nav .navbar-toggler i {color: #fff;font-size: 22px;margin-top: 2px;}
nav.navbar {padding: 36px 0;}
}
label#drug_license_chk-error {
    display: none !important;
}
label#gst_chk-error {
    display: none !important;
}
.pdf-div {
    position: fixed;
    top: 50%;
    transform: translateY(-140%);
    right: 0;
    z-index: 999999999999999999999999999;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.sticky-social {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 0px;
    z-index: 999999999999999999999999999;
    margin: 0px;
    background: #1AD03F;
}
.social {
    list-style: none;
        padding: 0px;
    margin: 0;
}
.social li {
    padding: 10px 19px;
    font-size: 25px;
    border-radius: 50%;
    transition: all 0.8s ease-in-out;
}
.sticky-social i {
    color: white;
}