@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;500;600;700;800&display=swap');


body {
   font-size: 14px;
}

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

@font-face {
   font-family: 'Gotham-Light';
   src: url('../fonts/Gotham-Light.eot');
   src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gotham-Light.woff2') format('woff2'),
      url('../fonts/Gotham-Light.woff') format('woff'),
      url('../fonts/Gotham-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Gotham Bold";
   src: url("../fonts/");
   /* IE9*/
   src: url("../fonts/?#iefix") format("embedded-opentype"),
      /* IE6-IE8 */
      url("../fonts/5d6f50ed2dde0e4ad455448f896c09f0.woff2") format("woff2"),
      /* chrome、firefox */
      url("../fonts/5d6f50ed2dde0e4ad455448f896c09f0.woff") format("woff"),
      /* chrome、firefox */
      url("../fonts/5d6f50ed2dde0e4ad455448f896c09f0.ttf") format("truetype"),
      /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("../fonts/5d6f50ed2dde0e4ad455448f896c09f0.svg#Gotham Bold") format("svg");
   /* iOS 4.1- */
}

@font-face {
   font-family: "Gotham Book";
   src: url("../fonts/");
   /* IE9*/
   src: url("../fonts/?#iefix") format("embedded-opentype"),
      /* IE6-IE8 */
      url("../fonts/924ee4158324c02e3e0d62e54cafd14f.woff2") format("woff2"),
      /* chrome、firefox */
      url("../fonts/924ee4158324c02e3e0d62e54cafd14f.woff") format("woff"),
      /* chrome、firefox */
      url("../fonts/924ee4158324c02e3e0d62e54cafd14f.ttf") format("truetype"),
      /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("../fonts/924ee4158324c02e3e0d62e54cafd14f.svg#Gotham Book") format("svg");
   /* iOS 4.1- */
}

@font-face {
   font-family: "Gotham Medium";
   src: url("../fonts/");
   /* IE9*/
   src: url("../fonts/?#iefix") format("embedded-opentype"),
      /* IE6-IE8 */
      url("../fonts/9a2bc11be56851dde98c1b49302cc21a.woff2") format("woff2"),
      /* chrome、firefox */
      url("../fonts/9a2bc11be56851dde98c1b49302cc21a.woff") format("woff"),
      /* chrome、firefox */
      url("../fonts/9a2bc11be56851dde98c1b49302cc21a.ttf") format("truetype"),
      /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("../fonts/9a2bc11be56851dde98c1b49302cc21a.svg#Gotham Medium") format("svg");
   /* iOS 4.1- */
}

@font-face {
   font-family: "Luxia Display";
   src: url("../fonts/");
   /* IE9*/
   src: url("../fonts/?#iefix") format("embedded-opentype"),
      /* IE6-IE8 */
      url("../fonts/b554d1c8e63faf16cddb602c8ae74eac.woff2") format("woff2"),
      /* chrome、firefox */
      url("../fonts/b554d1c8e63faf16cddb602c8ae74eac.woff") format("woff"),
      /* chrome、firefox */
      url("../fonts/b554d1c8e63faf16cddb602c8ae74eac.ttf") format("truetype"),
      /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("../fonts/b554d1c8e63faf16cddb602c8ae74eac.svg#Luxia Display") format("svg");
   /* iOS 4.1- */
}


.job-name {
   width: 16vw;
}

.middle {
   height: 100%;
   display: flex !important;
   flex-direction: column;
   justify-content: center;
}

@media (min-width: 1200px) {
   body {
      font-size: 1vw;
   }

   .container {
      width: 86vw !important;
      margin: 0 auto;
      max-width: 86vw !important;
      padding: 0 !important;
   }

   .container-fluid {
      padding-left: 6.4vw;
      padding-right: 7.4vw;
      width: 97vw !important;

   }

   .container-header {
      padding: 0 .85vw;
      width: 92vw;
      margin: 0 auto;
      max-width: 92vw;
   }

   .row {
      padding-left: .84vw !important;
      padding-right: .84vw !important;
   }

   .row {
      margin: 0 -.9vw !important;
   }
}



.preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #f9f9f9;
   z-index: 9999;
   display: flex;
   align-items: center;
   justify-content: center;
}

.dot-container {
   display: flex;
}

.dot {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   margin: 0 5px;
   animation: dot-scale 1s ease-in-out infinite;
}

.dot-1 {
   background-color: #ffb411;
   /* Red */
}

.dot-2 {
   background-color: #e24115;
   /* Green */
}

.dot-3 {
   background-color: #012847;
   /* Blue */
}

@keyframes dot-scale {

   0%,
   80%,
   100% {
      transform: scale(0);
   }

   40% {
      transform: scale(1);
   }
}

.slider .navs {
   background: inherit;
   border: 0;
   position: absolute;
   color: white;
   font-size: 2.6vw;

}

.slider .next {
   left: 40vw;
   bottom: -3.9vw;
}

.slider .previous {
   left: 45vw;
}

.navbar {
   position: absolute !important;
   width: 100%;
   padding: 1.8vw 0 !important;
   z-index: 999;
}

.navbar .container {
   width: 90vw !important;
   max-width: 90vw !important;
}

.navbar .navbar-brand img {
   width: 8vw;
}

.navbar .navbar-nav {
   align-items: center;
}

.navbar .navbar-nav .nav-item {
   margin: 0 0.7vw;
}

.navbar .navbar-nav .nav-item .nav-link {
   font-family: "Gotham Book";
   font-size: 1.08vw;
   color: white;
   padding: 0.8vw;
}

.navbar .navbar-nav .nav-item .nav-link:hover {
   color: #f17526;
}

.navbar .navbar-nav .nav-contact .nav-link {
   border: 0.01vw solid white;
   border-radius: 2vw;
   padding: 0.8vw 2.5vw;
   font-family: "Gotham Medium";
   font-size: 1.02vw;

}

.navbar .navbar-nav .nav-contact .nav-link:hover {
   background-color: #f17526;
   border-color: #f17526;
   border-radius: 2vw;
   color: white;
}

.navbar .navbar-nav .nav-contact {
   margin-left: 1.1vw !important;
   margin: 0;

}

.navbar .renar-logos{
   position: relative;
}

.navbar .pharma-logo {
   position: absolute;
   bottom: -0.2vw;
   right: -12vw;
}

.navbar .renar-logos .pharma-logo img {
   width: 10.5vw;
}

.banner {
   background-image: url(../imgs/pharmabanner-2.jpg);
   background-color: #04080d;
   background-size: cover;
   height: 90vh;
}

.banner .banner-text {
   margin-top: 5vw;
   margin-left: 2vw;
   text-align: center;
}

.banner .banner-text h1 {
   font-family: "Gotham Medium";
   color: white;
   font-size: 3vw;
   line-height: 4vw;
   margin-bottom: 2vw;
}

.banner .banner-text h1 span {
   color: #f17526;
}

.banner .banner-text p {
   font-family: "Gotham Book";
   color: #fff;
   font-size: 1.3vw;
   line-height: 2.3vw;
   margin-bottom: 2.5vw;
}

.banner .banner-text .banner-btns .btn {
   border: 0.01vw solid #ffffff69;
   color: #fff;
   font-family: "Gotham Bold";
   font-size: 1vw;
   padding: 1vw 1.6vw;
}

.banner .banner-text .banner-btns .btn i {
   margin-left: .5vw;
   font-size: 0.9vw;
}

.banner .banner-text .banner-btns .btn i::before {
   font-weight: 600 !important;
}

.banner .banner-text .banner-btns .btn-1 {
   background: #f17526;
   border-color: #f17526;
   margin-right: 0.9vw;
}

.banner .banner-png {
   position: absolute;
   right: 0vw;
   top: 18vw;
}

.banner .banner-text .banner-btns .btn-1 {
   position: relative;
   overflow: hidden;

}


.banner .banner-png img {
   width: 7vw;
}

.about {
   padding: 7.5vw 0;
   background-color: #fff;
}

.about .about-img img {
   width: 100%;
}

.about .about-right {
   margin-left: 10vw;
}


.solutions {
   padding: 8vw 0;
   background: #050f27;
   background-size: cover;
}

.solutions .solutions-card {
   background: #ffffff1a;
   border-radius: 1vw;
   margin: 0 1.2vw;
   color: white;
}

.solutions .solutions-card .card-box {
   padding: 2vw;
}

.solutions .solutions-card h4 {
   font-family: "Gotham Bold";
   font-size: 1.4vw;
   margin-bottom: 1.5vw;
}

.solutions .solutions-card img {
   width: 100%;
   border-top-left-radius: 1vw;
   border-top-right-radius: 1vw;
}

.footer {
   padding: 5vw 0 0;
}

.footer .footer-nav h6 {
   font-family: "Gotham Medium";
   font-size: 1.2vw;
   margin-bottom: 1.8vw;
}

.footer .footer-nav ul {
   padding: 0;
   margin: 0;
}

.footer .footer-nav ul li {
   list-style: none;
   margin-bottom: 0.8vw;
}

.footer .footer-nav ul li a {
   text-decoration: none;
   color: #080f1a;
   font-family: "Gotham Book";
   font-size: 1.1vw;
}

.footer .footer-nav ul li a:hover {
   color: #f17526;
}

.footer .social-nav {
   margin-left: 5vw;
}

.footer .social-nav h6 {
   font-family: "Gotham Medium";
   font-size: 1.2vw;
   margin-bottom: 1.3vw;

}

.footer .social-nav ul {
   padding: 0;
   margin-bottom: 3.4vw;
   position: relative;
}

.footer .social-nav ul::before {
   position: absolute;
   background: #0000003b;
   content: '';
   width: 15vw;
   height: 0.1vw;
   bottom: -2vw;
}

.footer .social-nav ul li {
   list-style: none;
   margin-bottom: 0.8vw;
   display: flex;

}

.footer .social-nav ul li i {

   margin-right: 0.7vw;
}

.footer .social-nav ul li a {
   text-decoration: none;
   font-family: "Gotham Book";
   color: #080f1a;
   font-size: 1.1vw;
   display: flex;
}

.footer .social-nav ul li a:hover {
   color: #f17526;
}

.footer .social-nav ul li a i {
   font-size: 1.2vw;
   margin-right: 0.7vw;

}

.footer .social-icons h6 {
   font-size: 1.1vw;
   font-family: "Gotham Medium";
   margin-bottom: 1.3vw;
}

.footer .social-icons {
   margin-left: 5vw;
}

.footer .social-icons ul {
   display: inline-flex;
   padding: 0;
   margin: 0;
}

.footer .social-icons ul li {
   list-style: none;
   margin-right: 2.3vw;

}

.footer .social-icons ul li a {
   text-decoration: none;
}

.footer .social-icons ul li a i {
   font-size: 1.6vw;
   color: #0b2438;
}

.footer .social-icons ul li a i:hover {
   color: #f17526;
}

.footer .footer-bottom {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 2vw 0;
   margin-top: 3.5vw;
   border-top: 0.01vw solid #0000001f;
}

.footer .footer-bottom p {
   margin-bottom: 0;
   color: #080f1a;

   font-family: "Gotham Medium";
   font-size: 1vw;
}

.footer .footer-bottom p a {
   text-decoration: none;
   color: #f17526;
}

.footer .footer-bottom .breadcrumb {
   margin-bottom: 0;
}

.footer .footer-bottom .breadcrumb .breadcrumb {
   margin-bottom: 0;
}

.footer .footer-bottom .breadcrumb .breadcrumb li a {
   text-decoration: none;
   font-family: "Gotham Medium";
   color: #080f1a;
   font-size: 1vw;
}

.footer .footer-bottom .breadcrumb .breadcrumb li a:hover {
   color: #f17526;
}

.footer .footer-bottom .breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before {

   content: var(--bs-breadcrumb-divider, "|");
}


.footer .location {
   margin-top: 2.5vw;
}

.footer .location p {
   display: flex;
   color: #080f1a;
   font-family: "Gotham Medium";
   font-size: 1.1vw;
   margin: 0;
}

.footer .location p i {
   color: #f17526;
   margin-right: 0.4vw;
   font-size: 1.4vw;
}


.about-main {
   padding: 8vw 0;
   background-image: url(../imgs/about-banners.png);
   background-size: cover;
   position: relative;
}

.about-main .boxs {

   position: absolute;
   left: 3vw;
   bottom: 3vw;

}

.about-main .boxs img {

   width: 3.5vw;
}

.about-main .left-img img {
   width: 100%;
}

.about-main .content h2 {
   font-family: "Gotham Medium";
   color: #06293e;
   font-size: 2.6vw;
   line-height: 3.3vw;
   margin-bottom: 1.5vw;
}

.about-main .content h6 {
   font-family: "Gotham Medium";
   text-decoration: none;
   color: #f17526;
   font-size: 1vw;
   margin-bottom: 1.5vw;
}

.about-main .banner-btns .btn-1 {
   border: 0.01vw solid #06293e;
   color: #06293e;
   font-family: "Gotham Bold";
   font-size: 1vw;
   padding: 1vw 1.6vw;
}

.about-main .content p {
   font-family: 'Poppins', sans-serif;
   color: #656668;
   font-size: 1vw;
   line-height: 1.6vw;
   font-weight: 400;
   margin-bottom: 1.3vw;
}

.about-main .content ul {
   padding: 0;
   margin-bottom: 1.6vw;

   border-bottom: 0.1vw dashed #656668;
   padding-bottom: 1.5vw;

}

.about-main .content ul li {
   list-style: none;
   display: flex;
   color: #06293e;
   font-family: 'Poppins', sans-serif;
   font-size: .9vw;
   font-weight: 600;
   margin-bottom: 0.3vw;
}

.about-main .content ul li img {
   width: 1.2vw;
   margin-right: 0.5vw;
}

.about-main .left-img {
   padding-right: 3vw;
}

.case-one {
   padding: 5vw 0;
   background: #050f27;
}

.case-one .head h2 {
   text-transform: uppercase;
   font-size: 3vw;
   margin-bottom: 1vw;
   color: #fff;
}

.case-one .head p {
   font-family: 'Poppins', sans-serif;
   color: #fff;
   font-size: 1.2vw;
   line-height: 1.6vw;
   font-weight: 300;
   padding: 1vw;
}

.case-one .tab-part {
   margin-top: 3vw;
}

.case-one .tab-part h3 {
   font-family: "Gotham Medium";
   font-size: 1.5vw;
   color: #fff;
}

.case-one .tabs {
   margin-top: 2.2vw;
}

.case-one .tabs .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
   color: #333333;
   background-color: #fff;
}

.case-one .tabs .nav-pills {
   margin-bottom: 3.5vw !important;
   gap: 0.9vw;
   align-items: center;
}

.case-one .tabs .nav-pills .nav-link {
   color: #fff;
   padding: 0.4vw 0.7vw;
   font-size: 1.1vw;
   font-family: "Gotham Medium";
   border-radius: 5vw;
   display: flex;
   align-items: center;
   text-transform: capitalize;
}

.case-one .tabs .nav-pills .nav-link img {
   width: 4vw;
   margin-right: 1vw;
}

.case-one .tabs .tab-content .content img {
   width: 100%;
   padding-right: 1vw;
}

.case-one .tabs .tab-content .content p {
   font-family: 'Poppins', sans-serif;
   font-size: 1.2vw;
   color: #fff;
   line-height: 2vw;
   margin-bottom: 1vw;
}

.modernization {
   padding: 8vw 0;
}

.modernization .left-content h2 {
   font-family: "Gotham Medium";
   font-size: 2.2vw;
   margin-bottom: 3vw;
   color: #000;
   margin-right: 1vw;
   line-height: 3vw;
}

.modernization .left-content .text-card {
   background-image: url(../imgs/client-text-box.jpg);
   background-size: cover;
   padding: 2.7vw 2vw;
   width: 20vw;
   clip-path: polygon(100% 43%, 100% 99.3%, 0% 99.79%, 0% 0%, 66.63% 0%, 85.82% 25%);
}

.modernization .left-content .text-card p {
   margin: 0;
   font-family: "Gotham Book";
   font-size: 1.1vw;
}

.modernization .left-content .text-card p span {
   font-family: "Gotham Bold";
   margin-right: .4vw;
}

.modernization .right-box {
   color: #000;
}

.modernization .right-box h6 {
   font-family: "Gotham Book";
   font-size: 1vw;
   margin-bottom: .5vw;
}

.modernization .right-box h4 {
   font-family: "Gotham Bold";
   font-size: 1.02vw;
   margin-bottom: 1vw;
}

.modernization .right-box p {
   font-family: 'Poppins', sans-serif;
   font-size: .89vw;
   font-weight: 300;
   line-height: 1.3vw;
}

.modernization .left-imgss img {
   width: 4.5vw;
   margin-bottom: 1vw;
}

.pharma-services h1 {
   font-family: "Gotham Medium";
   font-size: 3vw;
   margin-bottom: 3vw;
   color: #fff;
   margin-right: 1vw;
   line-height: 3vw;
}

.pharma-services .services-right h2 {
   font-family: "Gotham Medium";
   font-size: 2.1vw;
   margin-bottom: 2vw;
   color: #fff;
   margin-right: 1vw;
   line-height: 3vw;
}

.pharma-services .services-right p {
   font-family: 'Poppins', sans-serif;
   font-size: 1vw;
   font-weight: 300;
   line-height: 2.3vw;
   color: #fff;
}

.pharma-services .solutions-card p {
   font-family: 'Poppins', sans-serif;
   font-size: .89vw;
   font-weight: 300;
   line-height: 1.3vw;
   color: #fff;
}

.process {
   padding: 8vw 0;
   background-image: url(../imgs/about-banners.png);
   background-size: cover;
   position: relative;
}

.process .head {
   color: #000;
}

.process .head h2 {
   font-family: "Gotham Medium";
   font-size: 2.2vw;
   margin-bottom: 1vw;
}

.process .head p {
   font-family: 'Poppins', sans-serif;
   font-size: 1vw;
   font-weight: 300;
   margin-top: 1.5vw;
}

.process .service-card {
   background-color: #f17526;
   padding: 1vw 1.5vw;
   border-radius: 0.2vw;
   color: #fff;
   text-align: start;
   min-height: 100%;
}

.services .services-tab .tab-content .service-card {
   text-align: center;
   background-color: #f2f4f8;
   min-height: 54vh;
   padding: 3vw 1.5vw;
   transition: all 1.5s;
   margin: 0 0.8vw;

}

.services .card-margin {
   margin-bottom: 1.2vw;
}

.process .service-card:hover {
   color: white;
   background-image: url(../imgs/services-hover-1.jpg);
   background-size: cover;
   transition: 1.5s;
   transition-duration: 2s;
   background-position: center;
}

.process .four:hover {
   background-image: url(../imgs/services-hover-4.jpg);
}

.process .on:hover {
   background-image: url(../imgs/services-hover-1.jpg);
   color: white;
}

.process .two:hover {
   background-image: url(../imgs/services-hover-2.jpg);
}

.process .three:hover {
   background-image: url(../imgs/services-hover-3.jpg);
}

.process .service-card img {
   width: 4.5vw;
   margin-bottom: 1.3vw;
}

.process .service-card h4 {
   font-family: "Gotham Bold";
   font-size: 1.6vw;
   margin-bottom: 1vw;
}

.process .service-card p {
   font-family: 'Poppins', sans-serif;
   font-size: 1vw;
   font-weight: 300;
   line-height: 1.7vw;
   margin-bottom: 1.9vw;
}

.process .service-card a {
   font-family: "Gotham Medium";
   text-decoration: none;
   color: #f17526;
   font-size: 1vw;
}

.pharma-services.Contact .services-right h2 {
   font-family: "Gotham Medium";
   font-size: 3.2vw;
   margin-bottom: 2vw;
   color: #fff;
   margin-right: 1vw;
   line-height: 3vw;
}
.pharma-services.Contact .cont-img img {
   width: 100%;
}

/* responcive */

@media(max-width:575.989px){
   .navbar .navbar-brand img{
      width: 80px;
   }
   .navbar .renar-logos .pharma-logo img {
      width: 107px;
  }
  .navbar .pharma-logo {
   position: absolute;
   bottom: -5px;
   right: -122px;
}
   .navbar-toggler{
      border: .1px solid white !important;
   }
   .banner .banner-text {
      margin-left: 0;
   }
   .navbar-toggler i{
      color: white;
   }
   .navbar{
      padding: 20px !important;
   }
   .navbar .navbar-nav{
      background-color: white;
      padding: 15px;
      border-radius: 10px;
   }
   .navbar .navbar-nav .nav-item .nav-link{
      color: black;
      font-size: 14px;
      font-weight: 600;
   }
   .navbar .navbar-nav .nav-contact a{
      background-color: #f17526;
      color: white !important;
      font-weight: 100 !important;
      padding: 8px 29px !important;
   }
   .navbar .navbar-nav .nav-item{
      margin: 5px 0;
   }
   .banner .banner-text h1{
      font-size: 25px;
      line-height: 35px;
      margin-bottom: 18px;
   }
   .banner .banner-text p{
      font-size: 13.2px;
      line-height: 27px;
      margin-bottom: 30px;
   }
   .banner .banner-text .banner-btns {
      display: flex;
   }
   .banner .banner-text .banner-btns .btn{
      font-size: 13px;
      padding: 9px 12px;
   }
   .banner .banner-text .banner-btns .btn i{
      font-size: 12px;
   }
   .banner .banner-text .banner-btns .btn-1{
      margin-right: 12px;
   }
   .banner .banner-png{
      top: 188px;
   }
   .banner .banner-png img{
      width: 80px;
   }
   .banner .banner-text{
      position: relative;
   }
   .banner {
      height: 100%;
      padding: 85px 0;
  }
   .about .about-right .accordion-item .accordion-button{
      font-size: 19px;
      padding: 16px;
   }
   .about .about-right .accordion-item .accordion-body{
      font-size: 12px;
      line-height: 20px;
      padding: 23px;
      border-radius: 10px;
   }
   .about .about-right{
      margin-left: 0;
   }
   .about .about-right .accordion-item .accordion-body .Read{
      margin-top: 20px;
   }

   .about-main .content h2 {
      font-size: 26px;
      line-height: 37px;
      margin-bottom: 10px;
   }
   
   .about-main .content h6 {
      font-size: 18px;
      padding-top: 20px;
   }
   
   .about-main .banner-btns .btn-1 {
      font-size: 14px;
        padding: 14px;
   }
   
   .about-main .content p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 10px;
   }
   .case-one {
      padding: 38px 0;
   }
   
   .case-one .head h2 {
      font-size: 30px;
      margin-bottom: 10px;
   }
   
   .case-one .head p {
      font-size: 14px;
      line-height: normal;
      padding: 10px;
   }
   
   .case-one .tab-part {
      margin-top: 0;
   }

   .case-one .tabs .nav-pills .nav-link {
      padding: 15px;
      border-radius: 46px;
      font-size: 13.5px;
   }
   
   .case-one .tabs .nav-pills .nav-link img {
      width: 42px;
      margin-right: 10px;
   }
   
   .case-one .tabs .tab-content .content p {
      font-size: 14px;
      line-height: normal;
      margin-top: 17px;
      margin-bottom: 0;
   }
   
   .modernization {
      padding: 50px 0;
   }

   .modernization .right-box {
      margin-top: 30px;
   }
   
   .modernization .left-content h2 {
      font-size: 20px;
      margin-bottom: 35px;
   }
   
   .modernization .right-box h4 {
      font-size: 17px;
      margin-bottom: 10px;
   }
   
   .modernization .right-box p {
      font-size: 13px;
      line-height: normal;
   }
   
   .modernization .left-imgss img {
      width: 60px;
      margin-bottom: 20px;
   }
   
   .pharma-services h1 {
      font-size: 32px;
      line-height: 45px;
      margin-bottom: 20px;
      margin-right: 0;
   }
   
   .pharma-services .services-right h2 {
      font-size: 22px;
      line-height: inherit;
      margin-right: 0;
      margin-bottom: 15px;
   }
   
   .pharma-services .services-right p {
      font-size: 14px;
      line-height: normal;
   }
   
   .pharma-services .solutions-card p {
      font-size: 14px;
      line-height: normal;
   }

   .solutions .solutions-card h4 {
      font-size: 19px;
      margin-bottom: 14px;
   }
   
   .process {
      padding: 50px 0;
   }
   
   
   .process .head h2 {
      font-size: 24px;
      margin-bottom: 10px;
   }
   
   .process .head p {
      font-size: 14px;
      line-height: normal;
      margin-top: 0;
      /* padding: 0 37px; */
      margin-bottom: 0;
   }
   
   .process .service-card {
      padding: 27px;
      min-height: fit-content;
      margin-bottom: 10px;
   }
   
   .process .service-card h4 {
      font-size: 20px;
      margin-bottom: 22px;
   }
   
   .process .service-card p {
      font-size: 14px;
      line-height: normal;
      margin-top: 0;
   }

   .solutions {
      padding: 50px 0;
   }

   .pharma-services.Contact .services-right h2 {
      font-size: 24px;
      margin-bottom: 24px;
      line-height: normal;
      margin-left: 0;
  }

   .footer .footer-nav h6{
      font-size: 20px;
      
      margin-bottom: 14px;
   
   }
   .footer .footer-nav ul li a{
      font-size: 16px;
   }
   .footer-nav{
      margin-bottom: 25px;
   }
   .footer{
      padding: 50px 15px 0;
   }
   .footer .social-nav{
      margin-left: 0;
      margin-bottom: 45px;
   }
   .footer .social-nav h6{
      font-size: 20px;
      
      margin-bottom: 14px;
   }
   .footer .social-nav ul li a{
      font-size: 16px;
   }
   .footer .social-nav ul li a i{
      font-size: 16px;
      margin-right: 10px;
   }
   .footer .social-icons h6{
      font-size: 20px;
      
      margin-bottom: 14px;
   }
   .footer .social-icons ul li a i{
      font-size: 20px;
   }
   .footer .social-icons ul li{
      margin-right: 30px;
   }
   .footer .social-nav ul::before {
   
      width: 237px;
   
      bottom: -25px;
   }
   .footer .social-icons{
      margin-left: 0;
   }
   .footer .footer-bottom{
      display: block;
      padding: 15px 0;
      margin-top: 35px;
   }
   .footer .footer-bottom p{
      font-size: 14px;
      margin-bottom: 15px;
   }
   .footer .footer-bottom .breadcrumb .breadcrumb li a{
      font-size: 14px;
     
   }
}

@media(min-width:576px) and (max-width:767.98px) {
   .navbar .pharma-logo{
      bottom: -20px;
      right: -87px;
   }
   .navbar .renar-logos .pharma-logo img{
      width: 85px;
   }
   .navbar .navbar-brand img{
      width: 100px;
   }
   .navbar .renar-logos .pharma-logo img {
      width: 107px;
  }
  .navbar .pharma-logo {
   position: absolute;
   bottom: -5px;
   right: -113px;
}
   .navbar-toggler{
      border: .1px solid white !important;
   }
   .banner .banner-text {
      margin-left: 0;
   }
   .navbar-toggler i{
      color: white;
   }
   .navbar{
      padding: 20px !important;
   }
   .navbar .navbar-nav{
      background-color: white;
      padding: 15px;
      border-radius: 10px;
   }
   .navbar .navbar-nav .nav-item .nav-link{
      color: black;
      font-size: 14px;
      font-weight: 600;
   }
   .navbar .navbar-nav .nav-contact a{
      background-color: #f17526;
      color: white !important;
      font-weight: 100 !important;
      padding: 8px 29px !important;
   }
   .navbar .navbar-nav .nav-item{
      margin: 5px 0;
   }
   .banner .banner-text h1{
      font-size: 32px;
      line-height: 43px;
      margin-bottom: 18px;
   }
   .banner .banner-text p{
      font-size: 17.2px;
      line-height: 27px;
      margin-bottom: 30px;
   }
   .banner .banner-text .banner-btns {
      display: flex;
      justify-content: center;
   }
   .banner .banner-text .banner-btns .btn{
      font-size: 13px;
      padding: 9px 12px;
   }
   .banner .banner-text .banner-btns .btn i{
      font-size: 12px;
   }
   .banner .banner-text .banner-btns .btn-1{
      margin-right: 12px;
   }
   .banner .banner-png{
      top: 188px;
   }
   .banner .banner-png img{
      width: 80px;
   }
   .banner .banner-text{
      position: relative;
   }
   .banner {
      height: 100%;
      padding: 85px 0;
  }
   .about .about-right .accordion-item .accordion-button{
      font-size: 19px;
      padding: 16px;
   }
   .about .about-right .accordion-item .accordion-body{
      font-size: 12px;
      line-height: 20px;
      padding: 23px;
      border-radius: 10px;
   }
   .about .about-right{
      margin-left: 0;
   }
   .about .about-right .accordion-item .accordion-body .Read{
      margin-top: 20px;
   }

   .about-main .content h2 {
      font-size: 26px;
      line-height: 37px;
      margin-bottom: 10px;
   }
   
   .about-main .content h6 {
      font-size: 18px;
      padding-top: 20px;
   }
   
   .about-main .banner-btns .btn-1 {
      font-size: 14px;
        padding: 14px;
   }
   
   .about-main .content p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 10px;
   }
   .case-one {
      padding: 38px 0;
   }
   
   .case-one .head h2 {
      font-size: 30px;
      margin-bottom: 10px;
   }
   
   .case-one .head p {
      font-size: 14px;
      line-height: normal;
      padding: 10px;
   }
   
   .case-one .tab-part {
      margin-top: 0;
   }

   .case-one .tabs .nav-pills .nav-link {
      padding: 10px;
      border-radius: 46px;
      font-size: 12.5px;
   }
   
   .case-one .tabs .nav-pills .nav-link img {
      width: 42px;
      margin-right: 10px;
   }
   
   .case-one .tabs .tab-content .content p {
      font-size: 13px;
      line-height: normal;
      margin-top: 17px;
      margin-bottom: 0;
   }
   
   .modernization {
      padding: 50px 0;
   }

   .modernization .right-box {
      margin-top: 30px;
   }
   
   .modernization .left-content h2 {
      font-size: 20px;
      margin-bottom: 35px;
   }
   
   .modernization .right-box h4 {
      font-size: 17px;
      margin-bottom: 10px;
   }
   
   .modernization .right-box p {
      font-size: 13px;
      line-height: normal;
   }
   
   .modernization .left-imgss img {
      width: 60px;
      margin-bottom: 20px;
   }
   
   .pharma-services h1 {
      font-size: 32px;
      line-height: 45px;
      margin-bottom: 20px;
      margin-right: 0;
   }
   
   .pharma-services .services-right h2 {
      font-size: 22px;
      line-height: inherit;
      margin-right: 0;
      margin-bottom: 15px;
   }
   
   .pharma-services .services-right p {
      font-size: 14px;
      line-height: normal;
   }
   
   .pharma-services .solutions-card p {
      font-size: 14px;
      line-height: normal;
   }

   .solutions .solutions-card h4 {
      font-size: 19px;
      margin-bottom: 14px;
   }
   
   .process {
      padding: 50px 0;
   }
   
   
   .process .head h2 {
      font-size: 24px;
      margin-bottom: 10px;
   }
   
   .process .head p {
      font-size: 14px;
      line-height: normal;
      margin-top: 0;
      /* padding: 0 37px; */
      margin-bottom: 0;
   }
   
   .process .service-card {
      padding: 25px;
      min-height: -webkit-fill-available;
      margin-bottom: 27px;
      max-height: 100%;
   }
   
   .process .service-card h4 {
      font-size: 20px;
      margin-bottom: 22px;
   }
   
   .process .service-card p {
      font-size: 14px;
      line-height: normal;
      margin-top: 0;
   }

   .solutions {
      padding: 50px 0;
   }

   .pharma-services.Contact .services-right h2 {
      font-size: 24px;
      margin-bottom: 24px;
      line-height: normal;
      margin-left: 0;
  }

   .footer .footer-nav h6{
      font-size: 20px;
      
      margin-bottom: 14px;
   
   }
   .footer .footer-nav ul li a{
      font-size: 16px;
   }
   .footer-nav{
      margin-bottom: 25px;
   }
   .footer{
      padding: 50px 15px 0;
   }
   .footer .social-nav{
      margin-left: 0;
      margin-bottom: 45px;
   }
   .footer .social-nav h6{
      font-size: 20px;
      
      margin-bottom: 14px;
   }
   .footer .social-nav ul li a{
      font-size: 16px;
   }
   .footer .social-nav ul li a i{
      font-size: 16px;
      margin-right: 10px;
   }
   .footer .social-icons h6{
      font-size: 20px;
      
      margin-bottom: 14px;
   }
   .footer .social-icons ul li a i{
      font-size: 20px;
   }
   .footer .social-icons ul li{
      margin-right: 30px;
   }
   .footer .social-nav ul::before {
   
      width: 237px;
   
      bottom: -25px;
   }
   .footer .social-icons{
      margin-left: 0;
   }
   .footer .footer-bottom{
      display: block;
      padding: 15px 0;
      margin-top: 35px;
   }
   .footer .footer-bottom p{
      font-size: 14px;
      margin-bottom: 15px;
   }
   .footer .footer-bottom .breadcrumb .breadcrumb li a{
      font-size: 14px;
     
   }
}
@media(min-width:768px) and (max-width:991.98px){
   .navbar .navbar-brand img{
      width: 100px;
   }
   .navbar .renar-logos .pharma-logo img {
      width: 107px;
  }
  .navbar .pharma-logo {
   position: absolute;
   bottom: -5px;
   right: -113px;
}
   .navbar-toggler{
      border: .1px solid white !important;
   }
   .banner .banner-text {
      margin-left: 0;
   }
   .navbar-toggler i{
      color: white;
   }
   .navbar{
      padding: 20px !important;
   }
   .navbar .navbar-nav{
      background-color: white;
      padding: 15px;
      border-radius: 10px;
   }
   .navbar .navbar-nav .nav-item .nav-link{
      color: black;
      font-size: 14px;
      font-weight: 600;
   }
   .navbar .navbar-nav .nav-contact a{
      background-color: #f17526;
      color: white !important;
      font-weight: 100 !important;
      padding: 8px 29px !important;
   }
   .navbar .navbar-nav .nav-item{
      margin: 5px 0;
   }
   .banner .banner-text h1{
      font-size: 32px;
      line-height: 43px;
      margin-bottom: 18px;
   }
   .banner .banner-text p{
      font-size: 17.2px;
      line-height: 27px;
      margin-bottom: 30px;
   }
   .banner .banner-text .banner-btns {
      display: flex;
      justify-content: center;
   }
   .banner .banner-text .banner-btns .btn{
      font-size: 13px;
      padding: 9px 12px;
   }
   .banner .banner-text .banner-btns .btn i{
      font-size: 12px;
   }
   .banner .banner-text .banner-btns .btn-1{
      margin-right: 12px;
   }
   .banner .banner-png{
      top: 188px;
   }
   .banner .banner-png img{
      width: 80px;
   }
   .banner .banner-text{
      position: relative;
   }
   .banner {
      height: 100%;
      padding: 85px 0;
  }
   .about .about-right .accordion-item .accordion-button{
      font-size: 19px;
      padding: 16px;
   }
   .about .about-right .accordion-item .accordion-body{
      font-size: 12px;
      line-height: 20px;
      padding: 23px;
      border-radius: 10px;
   }
   .about .about-right{
      margin-left: 0;
   }
   .about .about-right .accordion-item .accordion-body .Read{
      margin-top: 20px;
   }

   .about-main .content h2 {
      font-size: 26px;
      line-height: 37px;
      margin-bottom: 10px;
   }
   
   .about-main .content h6 {
      font-size: 18px;
      padding-top: 20px;
   }
   
   .about-main .banner-btns .btn-1 {
      font-size: 14px;
        padding: 14px;
   }
   
   .about-main .content p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 10px;
   }
   .case-one {
      padding: 38px 0;
   }
   
   .case-one .head h2 {
      font-size: 30px;
      margin-bottom: 10px;
   }
   
   .case-one .head p {
      font-size: 14px;
      line-height: normal;
      padding: 10px;
   }
   
   .case-one .tab-part {
      margin-top: 0;
   }

   .case-one .tabs .nav-pills .nav-link {
      padding: 10px;
      border-radius: 46px;
      font-size: 12.5px;
   }
   
   .case-one .tabs .nav-pills .nav-link img {
      width: 42px;
      margin-right: 10px;
   }
   
   .case-one .tabs .tab-content .content p {
      font-size: 13px;
      line-height: normal;
      margin-top: 17px;
      margin-bottom: 0;
   }
   
   .modernization {
      padding: 50px 0;
   }

   .modernization .right-box {
      margin-top: 30px;
   }
   
   .modernization .left-content h2 {
      font-size: 20px;
      margin-bottom: 35px;
   }
   
   .modernization .right-box h4 {
      font-size: 17px;
      margin-bottom: 10px;
   }
   
   .modernization .right-box p {
      font-size: 13px;
      line-height: normal;
   }
   
   .modernization .left-imgss img {
      width: 60px;
      margin-bottom: 20px;
   }
   
   .pharma-services h1 {
      font-size: 32px;
      line-height: 45px;
      margin-bottom: 20px;
      margin-right: 0;
   }
   
   .pharma-services .services-right h2 {
      font-size: 22px;
      line-height: inherit;
      margin-right: 0;
      margin-bottom: 15px;
   }
   
   .pharma-services .services-right p {
      font-size: 14px;
      line-height: normal;
   }
   
   .pharma-services .solutions-card p {
      font-size: 14px;
      line-height: normal;
   }

   .solutions .solutions-card h4 {
      font-size: 19px;
      margin-bottom: 14px;
   }
   
   .process {
      padding: 50px 0;
   }
   
   
   .process .head h2 {
      font-size: 24px;
      margin-bottom: 10px;
   }
   
   .process .head p {
      font-size: 14px;
      line-height: normal;
      margin-top: 0;
      /* padding: 0 37px; */
      margin-bottom: 0;
   }
   
   .process .service-card {
      padding: 25px;
      min-height: -webkit-fill-available;
      margin-bottom: 27px;
      max-height: 100%;
   }
   
   .process .service-card h4 {
      font-size: 20px;
      margin-bottom: 22px;
   }
   
   .process .service-card p {
      font-size: 14px;
      line-height: normal;
      margin-top: 0;
   }

   .solutions {
      padding: 50px 0;
   }

   .pharma-services.Contact .services-right h2 {
      font-size: 24px;
      margin-bottom: 24px;
      line-height: normal;
      margin-left: 0;
  }

   .footer .footer-nav h6{
      font-size: 20px;
      
      margin-bottom: 14px;
   
   }
   .footer .footer-nav ul li a{
      font-size: 16px;
   }
   .footer-nav{
      margin-bottom: 25px;
   }
   .footer{
      padding: 50px 15px 0;
   }
   .footer .social-nav{
      margin-left: 0;
      margin-bottom: 45px;
   }
   .footer .social-nav h6{
      font-size: 20px;
      
      margin-bottom: 14px;
   }
   .footer .social-nav ul li a{
      font-size: 16px;
   }
   .footer .social-nav ul li a i{
      font-size: 16px;
      margin-right: 10px;
   }
   .footer .social-icons h6{
      font-size: 20px;
      
      margin-bottom: 14px;
   }
   .footer .social-icons ul li a i{
      font-size: 20px;
   }
   .footer .social-icons ul li{
      margin-right: 30px;
   }
   .footer .social-nav ul::before {
   
      width: 237px;
   
      bottom: -25px;
   }
   .footer .social-icons{
      margin-left: 0;
   }
   .footer .footer-bottom{
      display: block;
      padding: 15px 0;
      margin-top: 35px;
   }
   .footer .footer-bottom p{
      font-size: 14px;
      margin-bottom: 15px;
   }
   .footer .footer-bottom .breadcrumb .breadcrumb li a{
      font-size: 14px;
     
   }
}
@media(min-width:992px) and (max-width:1199.98px){
   .navbar .pharma-logo{
      bottom: -6px;
      right: -116px;
   }
   .navbar .renar-logos .pharma-logo img{
      width: 103px;
   }
   .navbar .navbar-brand img{
      width: 71px;
   }
   .navbar-toggler{
      border: .1px solid white !important;
   }
   .banner .banner-text {
      margin-left: 0;
   }
   .navbar-toggler i{
      color: white;
   }
   .navbar{
      padding: 20px !important;
   }
   .navbar .navbar-nav{
      padding: 15px;
      border-radius: 10px;
   }
   .navbar .navbar-nav .nav-item .nav-link{
      font-size: 14px;
      font-weight: 500;
   }
   .navbar .navbar-nav .nav-contact a{
      background-color: #f17526;
      color: white !important;
      font-weight: 100 !important;
      padding: 8px 29px !important;
   }
   .navbar .navbar-nav .nav-item{
      margin: 5px 0;
   }
   .banner .banner-text h1{
      font-size: 32px;
      line-height: 43px;
      margin-bottom: 18px;
   }
   .banner .banner-text p{
      font-size: 17.2px;
      line-height: 27px;
      margin-bottom: 30px;
   }
   .banner .banner-text .banner-btns {
      display: flex;
      justify-content: center;
   }
   .banner .banner-text .banner-btns .btn{
      font-size: 13px;
      padding: 9px 12px;
   }
   .banner .banner-text .banner-btns .btn i{
      font-size: 12px;
   }
   .banner .banner-text .banner-btns .btn-1{
      margin-right: 12px;
   }
   .banner .banner-png{
      top: 188px;
   }
   .banner .banner-png img{
      width: 80px;
   }
   .banner .banner-text{
      position: relative;
   }
   .banner {
      height: 100%;
      padding: 85px 0;
  }
   .about .about-right .accordion-item .accordion-button{
      font-size: 19px;
      padding: 16px;
   }
   .about .about-right .accordion-item .accordion-body{
      font-size: 12px;
      line-height: 20px;
      padding: 23px;
      border-radius: 10px;
   }
   .about .about-right{
      margin-left: 0;
   }
   .about .about-right .accordion-item .accordion-body .Read{
      margin-top: 20px;
   }

   .about-main .content h2 {
      font-size: 26px;
      line-height: 37px;
      margin-bottom: 10px;
   }
   
   .about-main .content h6 {
      font-size: 18px;
      padding-top: 20px;
   }
   
   .about-main .banner-btns .btn-1 {
      font-size: 14px;
        padding: 14px;
   }
   
   .about-main .content p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 10px;
   }
   .case-one {
      padding: 38px 0;
   }
   
   .case-one .head h2 {
      font-size: 30px;
      margin-bottom: 10px;
   }
   
   .case-one .head p {
      font-size: 14px;
      line-height: normal;
      padding: 10px;
   }
   
   .case-one .tab-part {
      margin-top: 0;
   }

   .case-one .tabs .nav-pills .nav-link {
      padding: 10px;
      border-radius: 46px;
      font-size: 12.5px;
   }
   
   .case-one .tabs .nav-pills .nav-link img {
      width: 42px;
      margin-right: 10px;
   }
   
   .case-one .tabs .tab-content .content p {
      font-size: 13px;
      line-height: normal;
      margin-top: 17px;
      margin-bottom: 0;
   }
   
   .modernization {
      padding: 50px 0;
   }

   .modernization .right-box {
      margin-top: 30px;
   }
   
   .modernization .left-content h2 {
      font-size: 20px;
      margin-bottom: 35px;
   }
   
   .modernization .right-box h4 {
      font-size: 17px;
      margin-bottom: 10px;
   }
   
   .modernization .right-box p {
      font-size: 13px;
      line-height: normal;
   }
   
   .modernization .left-imgss img {
      width: 60px;
      margin-bottom: 20px;
   }
   
   .pharma-services h1 {
      font-size: 32px;
      line-height: 45px;
      margin-bottom: 20px;
      margin-right: 0;
   }
   
   .pharma-services .services-right h2 {
      font-size: 22px;
      line-height: inherit;
      margin-right: 0;
      margin-bottom: 15px;
   }
   
   .pharma-services .services-right p {
      font-size: 14px;
      line-height: normal;
   }
   
   .pharma-services .solutions-card p {
      font-size: 14px;
      line-height: normal;
   }

   .solutions .solutions-card h4 {
      font-size: 19px;
      margin-bottom: 14px;
   }
   
   .process {
      padding: 50px 0;
   }
   
   
   .process .head h2 {
      font-size: 24px;
      margin-bottom: 10px;
   }
   
   .process .head p {
      font-size: 14px;
      line-height: normal;
      margin-top: 0;
      /* padding: 0 37px; */
      margin-bottom: 0;
   }
   
   .process .service-card {
      padding: 25px;
      min-height: -webkit-fill-available;
      margin-bottom: 27px;
      max-height: 100%;
   }
   
   .process .service-card h4 {
      font-size: 20px;
      margin-bottom: 22px;
   }
   
   .process .service-card p {
      font-size: 14px;
      line-height: normal;
      margin-top: 0;
   }

   .solutions {
      padding: 50px 0;
   }

   .pharma-services.Contact .services-right h2 {
      font-size: 24px;
      margin-bottom: 24px;
      line-height: normal;
      margin-left: 0;
  }

   .footer .footer-nav h6{
      font-size: 20px;
      
      margin-bottom: 14px;
   
   }
   .footer .footer-nav ul li a{
      font-size: 16px;
   }
   .footer-nav{
      margin-bottom: 25px;
   }
   .footer{
      padding: 50px 15px 0;
   }
   .footer .social-nav{
      margin-left: 0;
      margin-bottom: 45px;
   }
   .footer .social-nav h6{
      font-size: 20px;
      
      margin-bottom: 14px;
   }
   .footer .social-nav ul li a{
      font-size: 16px;
   }
   .footer .social-nav ul li a i{
      font-size: 16px;
      margin-right: 10px;
   }
   .footer .social-icons h6{
      font-size: 20px;
      
      margin-bottom: 14px;
   }
   .footer .social-icons ul li a i{
      font-size: 20px;
   }
   .footer .social-icons ul li{
      margin-right: 30px;
   }
   .footer .social-nav ul::before {
   
      width: 237px;
   
      bottom: -25px;
   }
   .footer .social-icons{
      margin-left: 0;
   }
   .footer .footer-bottom{
      display: block;
      padding: 15px 0;
      margin-top: 35px;
   }
   .footer .footer-bottom p{
      font-size: 14px;
      margin-bottom: 15px;
   }
   .footer .footer-bottom .breadcrumb .breadcrumb li a{
      font-size: 14px;
     
   }
}