@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;2 
}


@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;
   top: 12vw !important;
   color: white;
   font-size: 2.6vw;

}
.slider .next {
   left: -4vw;
   top: 17vw;
}
.slider .previous {
   right: -4vw;
   top: 17vw;
}


/* renar-pharma-logo */
.navbar .renar-logos{
   position: relative;
}

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

.navbar .renar-logos .pharma-logo img {
   width: 10.5vw;
}
/* --------------------------------------- */
.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;

}


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

.banner .banner-text{
   top: 22%;
   margin-top: 5vw;
   margin-left: 2vw;
   position: absolute;
   text-align: center;
   left: 21%;
}
.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{
   position:relative;
   overflow:hidden;
   
 }
 
 /*        sheen effect      */
 /*This is the base aniamtion*/
 .sheen:after{
   content: '';
   position: absolute;
   top: -50%;
   right: -50%;
   bottom: -50%;
   left: -50%;
   background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.5) 50%, rgba(229, 172, 142, 0));
   transform: rotateZ(60deg) translate(-5em, 7.5em);
 }
 /*This activates the sheen once the button has been hovered*/
 .sheen:hover::after, .banner .banner-text .banner-btns .btn:focus::after {
   animation: sheen 1s forwards;
 }
 @keyframes sheen {
   100% {
     transform: rotateZ(60deg) translate(1em, -9em);
   }
 }
 
 .banner .banner-text .banner-btns .btn:active{
   box-shadow:0px 0px 0px white;
   -webkit-box-shadow: inset -2px 2px 2px #ccc;
   -moz-box-shadow:    inset -2px 2px 2px #ccc;
   box-shadow:         inset -2px 2px 2px #ccc;
   transform:translate(0, 2px);
   color:#FFC491;
   background-color:#EDE358;
 }
 .banner .banner-text .banner-btns .btn:focus{
   outline:0;
 }





 .banner .banner-text .banner-btns .btn-1{
   position:relative;
   overflow:hidden;
   
 }
 
 /*        sheen effect      */
 /*This is the base aniamtion*/
 .sheen:after{
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: -50%;
   left: -50%;
   background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.5) 50%, rgba(229, 172, 142, 0));
   transform: rotateZ(60deg) translate(-5em, 7.5em);
 }
 /*This activates the sheen once the button has been hovered*/
 .sheen:hover::after, .banner .banner-text .banner-btns .btn-1:focus::after {
   animation: sheen 1s forwards;
 }
 @keyframes sheen {
   100% {
     transform: rotateZ(60deg) translate(1em, -9em);
   }
 }
 
 .banner .banner-text .banner-btns .btn-1:active{
   box-shadow:0px 0px 0px white;
   -webkit-box-shadow: inset -2px 2px 2px #ccc;
   -moz-box-shadow:    inset -2px 2px 2px #ccc;
   box-shadow:         inset -2px 2px 2px #ccc;
   transform:translate(0, 2px);
   color:#FFC491;
   background-color:#EDE358;
 }
 .banner .banner-text .banner-btns .btn-1:focus{
   outline:0;
 }










/* .box{
   animation: animName 2s linear infinite;
 }
 
 @keyframes animName {
  0%{
     transform: rotate(0deg);
    }
 100%{
     transform: rotate(360deg);
    }
 } */




.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;
}
.about .about-right .accordion-item {
    border: inherit;
    border-bottom: 0.09vw solid #0000002b;
}
.about .about-right .accordion-item  .accordion-button {
   padding: 1.5vw 0;
    font-family: "Gotham Medium";
    color: #000;
    font-size: 1.08vw;
    background: #fff;
}
.about .about-right .accordion-item  .accordion-button::after{
    display: none;
}
.about .about-right .accordion-item  .accordion-button:not(.collapsed){
    /* background-color: inherit; */
    border-color: inherit;
}
.about .about-right .accordion-item .accordion-button:focus {
    box-shadow: inherit;
}
.about .about-right .accordion-item .accordion-body{
   background-color: #050f27;
   color: #fff;
   font-family: 'Poppins', sans-serif;
   font-size: 0.9vw;
   font-weight: 300;
   padding: 1.4vw 1.8vw;
   line-height: 1.6vw;
   border-radius: 1vw;

}

.about .about-right .accordion-item .accordion-body .Read{

    margin-top: 1vw;

}
.about .about-right .accordion-item .accordion-body .Read a{
    text-decoration: none;
    color: #fff;
    border: 0.01vw solid  #f17526;
    border-color: #f17526;
    border-radius: 2vw;
    padding: 0.4vw 0.9vw;
}



.services{

}
.services .services-tab {
    display: flex;
}
.services .services-tab .nav-pills{
    margin-bottom: 0 !important;
    display: inline;
    background-image: url(../img/services-left.jpg);
    width: 40vw;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 6vw 6vw;
    position: relative;

}
.services .services-tab .nav-pills .nav-item::before{
   position: absolute;
   content: '';
   background: #ffffff96;
   
    height: 4.1vw;

   width: 0.11vw;
   /* bottom: 22.8vw; */
}
.services .services-tab .nav-pills .head {
    margin-top: 4vw;
}
.services .services-tab .nav-pills .head h1{
    
    font-family: "Gotham Medium";
    color: white;
    font-size: 3vw;
    line-height: 3.8vw;
    margin-bottom: 3vw;

}
.services .services-tab .nav-pills .nav-item .nav-link{
    
    font-family: "Gotham Medium";
    color: white;
    font-size: 1.4vw;
    padding: 1vw;
    width: 22vw;
    text-align: start;

}

.services .services-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: linear-gradient(140deg, rgb(255 255 255 / 24%) 22%, rgb(255 255 255 / 0%) 100%);
    padding: 1vw; 
    text-align: start;
    border-radius: 0;
    width: 22vw;
}
.services .services-tab  .tab-content {
    width: 57.7vw;
    padding:4.5vw;
    background-color: #f2f4f8;
}

.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 .services-tab  .tab-content  .card-margin{
   margin-bottom: 1.2vw;
}
.services .services-tab  .tab-content .service-card:hover{
   color: white;
   background-image: url(../img/services-hover-1.jpg);
   background-size: cover;
   transition:  1.5s;
   transition-duration: 2s;
   background-position: center;

}
.services .services-tab  .tab-content .four:hover{
   background-image: url(../img/services-hover-2.jpg);
}
.services .services-tab  .tab-content .five:hover{
   background-image: url(../img/services-hover-4.jpg);
}
.services .services-tab  .tab-content .six:hover{
   background-image: url(../img/services-hover-3.jpg);
}
.services .services-tab  .tab-content .seven:hover{
   background-image: url(../img/services-hover-5.jpg);
}
.services .services-tab  .tab-content .on:hover{
   background-image: url(../img/services-hover-6.jpg);
   color: white;
}
.services .services-tab  .tab-content .two:hover{
   background-image: url(../img/services-hover-7.jpg);
}
.services .services-tab  .tab-content .three:hover{
   background-image: url(../img/services-hover-8.jpg);
}
.services .services-tab  .tab-content .eight:hover{
   background-image: url(../img/services-hover-9.jpg);
}
.services .services-tab  .tab-content .nine:hover{
   background-image: url(../img/services-hover-11.jpg);
}
.services .services-tab  .tab-content .ten:hover{
   background-image: url(../img/services-hover-10.jpg);
}
.services .services-tab  .tab-content .eleven:hover{
   background-image: url(../img/services-hover-12.jpg);
}
.services .services-tab  .tab-content .twelve:hover{
   background-image: url(../img/digital-hover-1.jpg);
}
.services .services-tab  .tab-content .thirteen:hover{
   background-image: url(../img/digital-hover-2.jpg);
}
.services .services-tab  .tab-content .fourteen:hover{
   background-image: url(../img/digital-hover-3.jpg);
}
.services .services-tab  .tab-content .fiftneen:hover{
   background-image: url(../img/digital-hover-4.jpg);
}



.services .services-tab  .tab-content .service-card img{
    width: 4.5vw;
    margin-bottom: 1.3vw;
}
.services .services-tab  .tab-content .service-card h4{
    font-family: "Gotham Bold";
    font-size: 1.6vw;
    margin-bottom: 1vw;
}
.services .services-tab  .tab-content .service-card p{
    font-family: 'Poppins', sans-serif;
    font-size: 1vw;
    font-weight: 300;
    line-height: 1.7vw;
    margin-bottom: 1.9vw;
}
.services .services-tab  .tab-content .service-card a{
    font-family: "Gotham Medium";
    text-decoration: none;
    color: #f17526;
    font-size: 1vw;
}
.services .services-tab  .tab-content .service-card a i{

}



.solutions{
    padding: 8vw 0;
    /* background: url(../img/solutions-bg.jpg); */
    background: #050f27;
    background-size: cover;
}
 .tittle{
    color: white;
    margin-bottom: 4vw;
}
.tittle h2{
    font-family: "Gotham Medium";
    font-size: 3.1vw;
    margin-bottom: 0.9vw;
}
.tittle p{
    font-family: "Gotham Book";
    font-size: 1.2vw;
    margin: 0;
    color: #d5d7da; 
 }

 .solutions .solutions-card{
    background: #ffffff1a;

    border-radius: 1vw;
    margin:0 1.2vw;
    color: white;
    
 }
 /* .solutions .solutions-card .imge{
   border-top-left-radius: 1vw;
   border-top-right-radius: 1vw;
 } */

 .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;
 }
 .solutions .solutions-card ul{
    padding: 0;
    margin: 1.5vw 0;
 }
 .solutions .solutions-card ul li{
    list-style: none;
    font-size: 1vw;
    margin-bottom: .6vw;
    font-family: "Gotham Medium";
    display: flex;
 }
 .solutions .solutions-card ul li i{
    color:#f17526;
    margin-right: .6vw;
    font-size: 1vw;
 }
 .solutions .solutions-card a{
    display: flex;
    justify-content: center;
    border: 0.01vw solid #e0e1e2;
    text-decoration: none;
    font-family: "Gotham Medium";
    color: #ffffff;
    font-size: 1vw;
    padding: 0.7vw;
   
 }
 .solutions .solutions-card a i{
   font-size:1vw;
   margin-left: .6vw;
 }
 .solutions .solutions-card a:hover{
   background-color: #f17526;
   border-color: #f17526 ;
   color: white;
   transition: background-color 2s ease-out;
 }

 .partners{
    padding: 8vw 0;
 }
 .partners .partners-left h2{
    font-family: "Gotham Medium";
    font-size: 3vw;
    line-height: 3.5vw;
    margin-bottom: 2vw;
    color: #000;
    text-align: start;
 }
 .partners .partners-left p{
    font-family: 'Poppins', sans-serif;
    color: #707377;
    font-size: 1vw;
    line-height: 1.7vw;
    margin-bottom: 3vw;
 }
 .partners .partners-left a{
    background-color: #f17526;
    color: white;
    padding: 1.2vw 2.2vw;
    text-decoration: none;
    font-family: "Gotham Bold";
    font-size: 1vw;
    border-radius: 0.4vw;
 }
 .partners .partners-left a i{
    margin-left: 1.3vw;
 }
 .partners .partners-left a i::before{
    font-weight: 600 !important;
 }
 .partners .partners-log:hover{
   transform: scale(1.08);
    transition: all 2s;
 }
 .partners .partners-log img{
    width: 100%;
 }
 .partners{
    position: relative;
 }
 .partners .dots{
    position: absolute;
    left: 0;
    bottom: 0;
 }
 .partners .dots img{
    width: 4vw;
 }


 .mobile-apps{
    padding: 8vw 0;
    background-image: url(../img/solutions-bg.jpg);
    background-size: cover;
    background: #050f27;
 }
 .mobile-apps .apps img{
    width: 100%;
 }
 .mobile-apps .apps-text{
    padding-left: 7vw;
 }
 .mobile-apps .apps-text h2{
    font-family: "Gotham Medium";
    color: #fff;
    font-size: 3vw;
    margin-bottom: 2vw;
    line-height: 3.4vw;
 }
 .mobile-apps .apps-text p{
    font-family: 'Poppins', sans-serif;
    color: #e8e8e8;
    font-size: 1vw;
    font-weight: 300;
    line-height: 1.7vw;
 }
 .mobile-apps .apps-log:hover{
   transform: scale(1.08);
   transition: all 2s;
 }


 .industrys{
    padding: 8vw 0;
 }
 .industrys .tittle h2{
    color: #000;
 }
 .industrys .tittle p{
    color: #000;
 }
 .industrys .industry-tab{
    display: flex;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 1vw;
 }
 .industrys .industry-tab .nav-pills{
    display: inline;
    width: 25vw;
    margin-bottom: 0 !important;
 }
 .industrys .industry-tab .nav-pills .nav-item{
    /* margin: 2vw 0; */
 }
 .industrys .industry-tab .nav-pills .nav-item .nav-link{
    display: flex;
    align-items: center;
    font-family: "Gotham Medium";
    font-size: 1.1vw;
    color: #080f1a;
    width: 22vw;
    position: relative;
    padding: 1.9vw 1.5vw;
    border-radius: 0;
 }
 .industrys .industry-tab .nav-pills .nav-item .nav-link img{
    width: 1.3vw;
    margin-right: 0.9vw;
    
   
 }
 .industrys .industry-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
   background-color: #050f27;
   padding: 1.9vw 1.5vw;
   color: white;


 }
 .industrys .industry-tab .nav-pills .nav-link.active::before{
   position: absolute;
   content: '';
   width: 0.5vw;
   height: 5.5vw;
   background:#f17526;
   left: 0;
    /* border-top-left-radius: 1vw;
    border-bottom-left-radius: 1vw; */
 }
 .industrys .industry-tab .tab-content  .tab-card {
    padding: 2.4vw;
 }

 .industrys .industry-tab .tab-content  .tab-card .right-head{

 } 
 .industrys .industry-tab .tab-content  .tab-card .right-head .text{
    padding-right: 2vw;
 }
 .industrys .industry-tab .tab-content  .tab-card .right-head h2{
    font-family: "Gotham Medium";
    color: #ffffff;
    font-size: 1.6vw;
    margin-bottom: 1.4vw;
 }
 .industrys .industry-tab .tab-content  .tab-card .right-head p{
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 1vw;
    line-height: 1.7vw;
    margin-bottom: 3vw;
 }
 .industrys .industry-tab .tab-content .tab-card .right-head h6{
    font-family: "Gotham Book";
    font-size: 1.3vw;
    color: #f17526;
 }
 .industrys .industry-tab .tab-content .tab-card .right-head img{
    width: 12.5vw;
 }
 .industrys .industry-tab .tab-content .tab-card  .content ul{
    margin: 0;
    padding: 0;
 }
 .industrys .industry-tab .tab-content {
   background-color: #050f27;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 }
 .industrys .industry-tab .tab-content .tab-card  .content ul li{
    list-style: none;
    display: flex;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 1vw;
    font-weight: 300;
    line-height: 1.5vw;
    margin-bottom: 0.5vw;
 }
 .industrys .industry-tab .tab-content .tab-card  .content ul li i{
    color: #ffffff;
    margin-right: 1vw;
 }
 .industrys{
    position: relative;
 }
 .industrys .dots{
    position: absolute;
    right: 0;
    bottom: 0;
 }
 .industrys .dots img{
    width: 4vw;
 }


 .clients {
   padding: 5vw 0;
    background-image: url(../img/solutions-bg.jpg);
    background-size: cover;
    background: #050f27;
 }
 .clients .clinet-text h2{
   
    font-family: "Gotham Bold";
    color: white;
    font-size: 2.4vw;
    line-height: 3.2vw;
    margin: 0;

 }
 .clients .clinet-text h2 span{
    font-family: "Gotham Bold";
 }
 .clients .client-card{
   padding: 2.7vw 3.1vw;
    background-color: #ffffff10;
    border-radius: 1vw;
    width: 34vw;
    /* height: 100%; */
 }
 .clients .client-card p{
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 1vw;
    line-height: 2vw;
    font-weight: 300;
    margin-bottom: 1.5vw;
 }
 .clients .client-card h6{
    color: #ffff;
    font-family: "Gotham Medium";
    font-size: 1.2vw;
    margin: 0;
    margin-left: 3vw;
    position: relative;
 }
 .clients .client-card h6::before{
    position: absolute;
    content: '';
    background-color: white;
   
    width: 2.1vw;
    height: 0.1vw;

    left: -2.8vw;
    top: 0.8vw;
 }
 .clients .client-card{
    position: relative;
 }
 .clients .client-card .client-img {
    position: absolute;
    bottom: -4vw;
    right:2.5vw;

 }
 .clients .client-card .client-img  img{
    width: 8vw;
 }
  .client-slide{
    margin-bottom: 0 !important;
  }
 .client-slide .slick-track{
    height: 47vh;
 }



 .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{

 }
 .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-banner{
   background-image: url(../img/about-banner.jpg);
   background-size: cover;
   height: 66vh;
   position: relative;
}
.about-banner-text{
   text-align: center;
   color: white;
}
.about-banner-text h1{
 
   font-family: "Gotham Bold";
   text-transform: uppercase;
   font-size: 2.6vw;
   margin-bottom: 1vw;

}
.about-banner-text p {
   font-family: 'Poppins', sans-serif;
   font-size: 1.2vw;
   font-weight: 300;
   margin-bottom: 0;
}


.about-banner-text .breadcrumbs{
   position: absolute;
   top:90%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.about-banner-text .breadcrumbs .breadcrumb li{
   color: white;
   font-size: 1vw;
   font-family: "Gotham Medium";

}
.about-banner-text .breadcrumbs .breadcrumb li a{
   text-decoration: none;
   color: white;
   font-family: "Gotham Book";
  
}
.breadcrumb-item+.breadcrumb-item::before {
  
   color: white !important;
   content: var(--bs-breadcrumb-divider, ">") !important;
}
.about-banner .flower{
   position: absolute;
   left: 0;
   bottom: 2vw;
}
.about-banner .flower img{
   width: 17vw;
}
.about-main{
   padding: 8vw 0;
   background-image: url(../img/about-mani-bg.jpg);
   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{

}
.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 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;
}

.values{
   padding: 8vw 0;
   background-image: url(../img/values-bg.png);
   background-size: cover;
}
.values .head{
   color: white;
}
.values .head h2{
   font-family: "Gotham Medium";
   font-size: 2.2vw;
   margin-bottom: 1vw;
}
.values .head p{
   font-family: 'Poppins', sans-serif;
   font-size: 1vw;
   font-weight: 200;
}
.values .value-card{
   background-color: #ffffff0d;
   color: white;
   border-radius: 1vw;
   padding: 4vw;
   min-height: 100%;
}
.values .value-card:hover{
   transform: scale(1.05);
    transition: all 1s;
}
.values .value-card .tittel{
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 6vw;
}
.values .value-card .tittel h6{
      margin: 0;
      font-family: "Gotham Medium";
      font-size: 1.2vw;

}
.values .value-card .tittel img{

   width: 3vw;

}
.values .value-card p{
   
   font-family: "Gotham Book";
   font-size: 1vw;
   line-height: 1.7vw;
   margin: 0;

}



.client-values{
   padding: 8vw 0;
   background-image: url(../img/client-value-bg.jpg);
   background-size: cover;
}
.client-values img{
   width: 100%;
}
.client-values .client-content h2{
   font-family: "Gotham Medium";
   font-size: 2.2vw;
   margin-bottom: 2vw;
   color: #293043;
   margin-right: 1vw;
}
.client-values .client-content{
   padding-left: 7vw;
}
.client-values .client-content p{
   font-family: 'Poppins', sans-serif;
   color: #191a1d;
   font-size: 1vw;
   font-weight: 300;
}
.client-values .client-content a{
   font-family: "Gotham Bold";
   background-color: #f17526;
   color: white;
   text-decoration: none;
   font-size: 1vw;
   padding: 1vw 1.6vw;
   border-radius: 0.4vw;
}
.client-values .client-content a i{
   font-size: 0.9vw;
   margin-left: .6vw;

}
.client-values .client-content a i::before{
   font-weight: 600 !important;
}


.modernization{
   padding: 8vw 0;
   background-color: #f17526;
}
.modernization .left-content h2{
   font-family: "Gotham Medium";
   font-size: 2.2vw;
   margin-bottom: 3vw;
   color: #fff;
   margin-right: 1vw;
   line-height: 3vw;
}
.modernization .left-content .text-card{
   background-image: url(../img/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: white;
}
.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.2vw;
   margin-bottom: 1vw;
}
.modernization .right-box p{
   font-family: 'Poppins', sans-serif;
   font-size: .9vw;
   font-weight: 300;
   line-height: 1.3vw;
}
.Technology{
   
   padding: 7vw 0 1vw;

}
.Technology2 {
   padding: 0vw 0 4vw;
}
.Technology .read{
 
   display: flex;
   justify-content: center;
   margin-top: 3vw;

}
.Technology .read a{
   font-family: "Gotham Bold";
   font-size: 1vw;
   color: #f17526;
   text-decoration: none;
   border-bottom: 0.1vw solid #06293e;
   padding-bottom: 0.3vw;
}
.Technology .read a i{
   margin-left: .5vw;
   
}
.Technology .read a i::before{
   font-weight: 600 !important;
   
}
.Technology-gap{
   padding-bottom: 6vw;
}
.Technology .technologys .accordion-item{
   margin-bottom: 1vw;
   border-radius: 1vw;
   border: 0.1vw solid #dfe3e8;
   
}
.Technology .mr{
   margin-right: 3vw;
}
.Technology .ml{
   margin-left: 3vw;
}
.Technology .technologys .accordion-item .accordion-header .accordion-button{
   border-radius: 1vw;
   font-family: "Gotham Bold";
   font-size: 1.1vw;
   color: #06293e;
}
.Technology .technologys .accordion-item .accordion-header .accordion-button img{
   width: 3.5vw;
   margin-right: 1.5vw;
}
.Technology .technologys .accordion-item .accordion-header .accordion-button:not(.collapsed) {
   color: var(--bs-accordion-active-color);
   background-color: inherit;
   box-shadow: inherit;
}
.Technology .technologys .accordion-item .accordion-header .accordion-button:focus {
  
   border-color:inherit;
   box-shadow: inherit;
}

.Technology .technologys .accordion-item  .accordion-body{
   padding: 0vw 2.5vw 2vw 2.5vw;
   font-family: 'Poppins', sans-serif;
   color: #343434;
   font-size: 1vw;
   line-height: 1.5vw;
   font-weight: 300;

}
.Technology .technologys .accordion-item  .accordion-body .read-btn{
   margin-top: 1vw;
}
.Technology .technologys .accordion-item  .accordion-body .read-btn a{
   font-family: "Gotham Medium";
   color: #06293e;
   text-decoration: none;
   font-size: 1vw;
}
.Technology .technologys .accordion-item  .accordion-body .read-btn a i{
   bottom: -0.1vw;
   position: relative;
   margin-left: 0.4vw;
}
.Technology .technologys .accordion-item  .accordion-body .read-btn a i::before{
   font-weight: 600 !important;
}
.Technology .technologys-content h2{
   color: #293043;
   font-family: "Gotham Medium";
   font-size: 2.1vw;
   margin-bottom: 1vw;
}
.Technology .technologys-content p{
   
   font-family: 'Poppins', sans-serif;
   color: #707377;
   font-size: 1vw;
   margin-bottom: 1.3vw;
   line-height: 1.6vw;

}
.Technology .technologys-content img{
   width: 100%;
}
.service-banner{
   background-image: url(../img/service-banner.jpg);
}


.contact-form{
   padding: 8vw 0;
   background-image: url(../img/form-bg.jpg);
   background-size: cover;
   background-position: center;
}

.contact-form .form h6{
   color: #f17526;
   font-family: 'Poppins', sans-serif;
   text-transform: uppercase;
   font-size: 1vw;
   font-weight: 400;
   margin-bottom: 0.5vw;
}
.contact-form .form h2{
   color: white;
   font-family: "Gotham Medium";
   font-size: 2.8vw;
   margin-bottom: 1vw;
}
.contact-form .form .form-control{
   border-radius: 0.2vw;
   padding: 0.9vw;
   font-size: 1vw;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
}
.contact-form .form .form-control::placeholder{
   color: #727375;

}
.contact-form .form .btn{
   background-color: #f17526;
   font-family: "Gotham Bold";
   color: white;
   width: 100%;
   border-radius: 0.2vw;
   font-size: 1vw;
   padding: 1vw;
}
.service-breif{
   background-image: url(../img/service-breif-banner.jpg);
}
.one{
   background-image: url(../img/service-brei-one-banner.jpg);
}
.service-breif.two{
   background-image: url(../img/service-brei-two-banner.jpg);
}
.service-breif.four{
   background-image: url(../img/digital-card-img-3.jpg);
}


.service-breif-text{
   padding: 6vw 0;
   text-align: center;
   background-image: url(../img/breif-text-bg.jpg);
   background-size: cover;
}
.service-breif-text p{
   color: #fff;
   font-family: 'Poppins', sans-serif;
   font-size: 1.1vw;
   line-height: 2.2vw;
   margin-bottom: 0;
   font-weight: 300;
}

.service-breif-content{
   padding: 7vw 0;
   background-image: url(../img/about-mani-bg.jpg);
   background-size: cover;
   background-position: center;
}
.service-breif-content .left-img img{
   width: 100%;
}

.service-breif-content .right-text h2{
   color: #06293e;
   font-family: "Gotham Medium";
   font-size: 2.3vw;
   padding-right: 8vw;
   line-height: 3.4vw;
   margin-bottom: 1.6vw;
}
.service-breif-content .right-text p{
   color: #4c4c4c;
   font-family: 'Poppins', sans-serif;
   font-size: 1vw;
   font-weight: 300;
   line-height: 2vw;
}
.breif-tabs {
   display: flex;
}

.services-include{
   padding: 7vw 0;
   background-color: #f8fafe;
}
.services-include .breif-tabs .nav-pills{
   width: 30%;
   display: inline;
}
.services-include .breif-tabs .nav-pills h2{
   color: #06293e;
   font-family: "Gotham Medium";
   font-size: 3vw;
   
   line-height: 3.4vw;
   margin-bottom: 1.5vw;
}
.services-include .breif-tabs .nav-pills p{
   color: #4c4c4c;
   font-family: 'Poppins', sans-serif;
   font-size: 0.9vw;
   font-weight: 400;
   line-height: 1.6vw;
   margin-bottom: 1.5vw;
}
.services-include .breif-tabs .nav-pills li{
   width: 100%;
   background-color: #fff;
   margin: 1vw 0;
   font-family: "Gotham Medium";
  
   border-radius: 0.5vw;

   box-shadow: rgb(149 157 165 / 7%) 0px 8px 24px;
}
.services-include .breif-tabs .nav-pills li img{
   width: 1.5vw;
   margin-right: 1vw;
}
.services-include .breif-tabs .nav-pills li .nav-link{
   width: 100%;
   display: flex;
   text-align: center;
   align-items: center;
   color: #000;
   padding: 1vw;
   font-size: .9vw;
}

.services-include .breif-tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
   background-color: inherit;
   color: black;
   border-radius: 0.5vw;
   border: .01vw solid #000;
}
.services-include .breif-tabs .tab-content{
   width: 70%;
   margin-left: 5vw;
}
.services-include .breif-tabs .tab-content .breif-card {
   background-color: #fff;
   border-bottom-left-radius: 0.5vw;
   border-bottom-right-radius: 0.5vw;
   box-shadow: rgb(149 157 165 / 7%) 0px 8px 24px;
}
.services-include .breif-tabs .tab-content .breif-card img{
   width: 100%;
}
.services-include .breif-tabs .tab-content .breif-card  .text{
   padding: 2vw;
}
.services-include .breif-tabs .tab-content .breif-card  .text p{
   color: #4c4c4c;
   font-family: 'Poppins', sans-serif;
   font-size: 1vw;
   font-weight: 300;
   line-height: 1.5vw;
}

.solutions-banner{
   background-image: url(../img/solutions-banner.jpg);
}


.services-content{
   padding: 7vw 0;
   background-image: url(../img/service-content-bg.png);
   background-size: cover;
   position: relative;
}
.services-content p{
   font-family: 'Poppins', sans-serif;
   color: #191a1d;
   text-align: center;
   font-weight: 400;
   line-height: 2.2vw;
   font-size: 1.5vw;
   margin: 0;
}
.services-content .boxs{
   position: absolute;
   left: 4vw;
}
.services-content .boxs img{
   width: 7vw;
}
.Service-Offerings{
   padding: 7vw 0;
   background-color: #f8f8fa;
}
.Service-Offerings h2{
   color: #06293e;
   font-family: "Gotham Medium";
   font-size: 3vw;
   margin-bottom: 3.5vw;
   text-align: center;
}
.Service-Offerings .offering-card{
   position: relative;
   margin-bottom: 2vw;
}
.Service-Offerings .offering-card img{
   width: 100%;
}
.Service-Offerings .offering-card .text{
   position: absolute;
   bottom: 0;
   left: 3vw;
}
.Service-Offerings .offering-card .text h4{
   font-family: "Gotham Bold";
   color: white;
   font-size: 1.8vw;
   line-height: 2.4vw;
   margin-bottom: 2vw;
}
.Service-Offerings .offering-card .text a{
   text-decoration: none;
   font-family: "Gotham Medium";
   color: #f17526;
   font-size: 1vw;
}
.Service-Offerings .offering-card .text a i{
   margin-left: .5vw;
   position: relative;
   bottom: -0.1vw;

}
.solutions-breif.one{
   background-image: url(../img/solution-breif-img-3.jpg);
}
.solutions-breif.three{
   background-image: url(../img/solution-breif-img-4.jpeg);
}
.solutions-breif.two{
   background-image: url(../img/solution-breif-img-5.jpg);
}
.solutions-breif.four{
   background-image: url(../img/solution-breif-img-6.jpeg);
}
.solutions-breif.five{
   background-image: url(../img/creative\ solutions2.jpg);
}
.solutions-breif.six{
   background-image: url(../img/creative\ solutions1.jpg);
}
.service-breif-content-2{

background-image: none;
position: relative;
padding-top: 0;
}
.service-breif-content-2 .dots{
   position: absolute;
   left: 0;
   bottom: 0;
}
.service-breif-content-2 .dots img{
   width: 4vw;
}


.solutions-tabs{
   padding: 7vw 0;
   background-image: url(../img/solutions-bg.jpg);
   background-size: cover;
}

.solutions-tabs .tab-part{
   display: flex;
}
.solutions-tabs .tab-part .nav-pills{
   display: inline;
   width: 40vw;
}
.solutions-tabs .tab-part .nav-pills .nav-item{
   font-family: "Gotham Medium";
   margin: .2vw 0;
  
}
.solutions-tabs .tab-part .nav-pills .nav-link{
   width: 35vw;
   padding: 1vw 1vw 1vw 11vw;
   text-align: start;
   color: white;
   font-size: 1.2vw;
}
.solutions-tabs .tab-part .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
   color: white;
   background-color: #f17526;
   border-radius: 0;
   clip-path: polygon(0 0%, 93% 0, 100% 100%, 0% 100%);

}

.solutions-tabs .tab-part .tab-content{
   width: 50vw;
}
.solutions-tabs .tab-part .tab-content .tab-card{
   background-color: #ffffff12;
   color: white;
   padding: 3vw;
}
.solutions-tabs .tab-part .tab-content .tab-card h2{
   font-family: "Gotham Medium";
   font-size: 1.7vw;
   margin-bottom: 2vw;
}
.solutions-tabs .tab-part .tab-content .tab-card p{
   
   font-family: 'Poppins', sans-serif;
   font-weight: 200;
   font-size: 1vw;
   line-height: 1.7vw;

}
.solutions-tabs .tab-part .tab-content .tab-card .more{
   margin-top: 2.5vw;
}
.solutions-tabs .tab-part .tab-content .tab-card .more a{
   background-color: #f17526;
   font-family: "Gotham Bold";
   color: white;
   text-decoration: none;
   font-size: 0.9vw;
   padding: 1.1vw 2.3vw;
   border-radius: 0.4vw;
}

.indutsry-banner{
   background-image: url(../img/industry-banner.jpg);
}
.industry-services{
   position: relative;
}
.industry-services .service-card{
  background-color: white;
   padding: 2vw;
   border-radius: 1vw;
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
   min-height: 52vh;
   margin-bottom: 2vw;
   display: block;
   text-decoration: none;

}
.industry-services .service-card img{

   width: 4vw;
   margin-bottom: 1.5vw;
}
.industry-services .service-card h6{
   font-family: "Gotham Medium";
   color: #06293e;
   font-size: 1.2vw;
   padding-right: 4vw;
   margin-bottom: 1.2vw;
}
.industry-services .service-card p{
   color: #060121;
   font-family: 'Poppins', sans-serif;
   font-size: 1vw;
   font-weight: 300;
   line-height: 1.6vw;
}
.industry-services .service-card a{
   color: #06293e;
   text-decoration: none;
   font-family: "Gotham Medium";
   font-size: 1.1vw;

}
.industry-services .service-card a i{
   color: #483e8d;
   font-size: 1.2vw;
   position: relative;
   bottom: -0.2vw;
   margin-left: 0.6vw;
}
.industry-services .service-card a i::before{
   font-weight: 600 !important;
}
.industry-services .boxs{
   position: absolute;
   right: 4vw;
   bottom: 3vw;
}
.industry-services .boxs img{
   width: 4vw;
}
.industry-breif{
   background-image: url(../img/industry-beif-banner.jpg);
}

.contact-banner{
   background-image: url(../img/contact-banner.jpg);
}








.contact-us .form{
   margin-left: 2vw;
   padding: 0.6vw;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 1vw;
    border-bottom: 0.4vw solid #f17526;
}
.contact-us .form p{
   color: #727375;
    font-family: 'Poppins', sans-serif;
    font-size: 1vw;
    line-height: 1.7vw;
    font-weight: 400;
    margin-bottom: 1vw;
}

.contact-us .form .form-control{
   border-radius: 0.2vw;
   padding: 0.9vw;
   font-size: 1vw;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
   margin-bottom: 1.2vw;
}
.contact-us .form .form-label{
   color: #293043;
    font-family: 'Poppins', sans-serif;
    font-size: 1vw;
    margin-bottom: 1vw;
}
.contact-us .form .form-control::placeholder{
   color: #727375;

}
.contact-us .form .btn{
   background-color: #f17526;
   font-family: "Gotham Bold";
   color: white;
   border-radius: 0.2vw;
   font-size: 1vw;
   padding: 1vw 4vw;
   margin-bottom: 0.9vw;
}
.contact-us .form .btn i{
   position: relative;
   right: -2vw;
}
.contact-us .form .btn i::before{
   font-weight: 600 !important;
}
.contact-us{
   padding: 6vw 0 3vw;
   background-color:#f8f9fb;
}
.contact-us h2{
   font-family: "Gotham Medium";
   font-size: 3vw;
   margin-bottom: 3vw;
}
.contact-us .map-box{
   padding: .6vw;
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
   border-radius: 1vw;
   border-bottom: 0.4vw solid #f17526;
   margin-right: 1vw;
   width: 100%;
}
.contact-us .map-box a{
   text-decoration: none;
}
.contact-us .map-box iframe{
   width: 100%;
   height: 33vh;
}
.contact-us .map-box .location{
   display: flex;
   padding-right: 7vw !important;
   padding: 1.5vw;

}
.contact-us .map-box .location img{
   width: 3.5vw;
}
.contact-us .map-box .location p{
   font-family: 'Poppins', sans-serif;
   font-size: 1.1vw;
   font-weight: 700;
   margin-bottom: 0.5vw;
   color: black;
}
.contact-us .map-box .location h6{
   font-family: 'Poppins', sans-serif;
   font-size: 1vw;
   font-weight:300;
   margin-bottom: 0;
   line-height:1.5vw;
   color: black;
}
.contact-us .map-box .location .text{
   margin-left: 1.5vw;
}





.positition{
  padding: 5vw 0;
  background-color: #f4f4f4;
}
.positition .tittle{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4vw;
}
.positition .tittle h2{
  color: rgb(0, 0, 0);
  
    font-family: "Gotham Medium";
    font-size: 3vw;
   

}
.positition .tittle img{
  width: 3.5vw;
  margin-left: 2vw;
}
.positition .accordion{

}
.positition .accordion .accordion-item{
  margin-bottom: 1.5vw;
  border-radius: 1vw;
  border: 0.2vw solid #06293e !important;
}
.positition .accordion .accordion-item .accordion-header .accordion-button{
  background-color: #ffffff;
  border-radius: 1.1vw;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text{
  display: flex;

}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content{
  margin-left: 3vw;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4{
  font-size: 1.2vw;
  font-family: "Gotham Medium"; 
  color: rgb(0, 0, 0);
  margin: 0;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text h6{
  color: #f17526;
  font-family: "Gotham Medium"; 
  font-size: 1vw;
  margin-bottom: 1.1vw;
}
.positition .accordion .accordion-item .accordion-header .accordion-button::after{
   display: none;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text p{
  color: #000000;
  font-family: "Gotham Medium"; 
  font-size: 0.9vw;
  margin: 0;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .loct {
  margin-top: 1vw;
  line-height: 1.4vw;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon{
   background: #f48e4e2e;
   position: absolute;
   border-radius: 2vw;
   height: 3.3vw;
   width: 3.3vw;
   line-height: 3.2vw;
   padding: 0vw 0.5vw;
   color: #f48e4e;
    font-size: 2.3vw;
  right: 3vw;
    top: 3vw;
}
.positition .accordion .accordion-item .accordion-header .accordion-button:focus{
  box-shadow: inherit;
  
}


.positition .accordion .accordion-item {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    color: inherit;
    background-color: inherit;
    border: 0.2vw solid #f48e4e !important;
}
.positition .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: inherit !important;
  background-color: 0 !important;
  box-shadow: inherit !important; 
}
.positition .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image:inherit;
  transform: var(--bs-accordion-btn-icon-transform);
  
}


.positition .accordion .accordion-item  .accordion-body{
  background-color: white;
  border-bottom-left-radius: 1vw;
  border-bottom-right-radius: 1vw;
  border-top: 0.2vw solid #f48e4e;
  
  padding: 3vw 4vw;
}
.positition .accordion .accordion-item  .accordion-body p{
   font-family: 'Poppins', sans-serif;
  color: #191919;
  font-size: 1vw;
  margin-bottom: 1vw;
  font-weight: 300;
 

}
.positition .accordion .accordion-item  .accordion-body h6{
  font-family: "Gotham Medium";  
  font-size: 1.1vw;
  margin: 1.6vw 0;
}
.positition .accordion .accordion-item  .accordion-body ul{
  
  padding: 0;
 
  margin-bottom: 3vw;
}
.positition .accordion .accordion-item  .accordion-body ul li{
  display: flex;
  list-style: none;
  font-family: 'Poppins', sans-serif;
  font-size: 1.1vw;
  margin-bottom: 1.4vw;
  font-weight: 300;
}
.positition .accordion .accordion-item  .accordion-body ul li::before{
  content: "\f26b";
  font-family: bootstrap-icons !important;
  margin-right: 1.2vw;
  font-size: -90.7vw;
 color: #f48e4e;
}
.positition .accordion .accordion-item  .accordion-body ul li i{
  margin-right: .7vw;
  color: #06293e;
}
.positition .accordion .accordion-item  .accordion-body ul li .bi-check-circle::before{
  font-weight: 600 !important;
}
.positition .accordion .accordion-item  .accordion-body .form-part{
  border-top: 0.1vw solid #0000001c;
  padding-top: 3vw;
}
.positition .accordion .accordion-item  .accordion-body .form-part h4{
   font-family: "Gotham Medium"; 
  font-size: 1.6vw;
  margin-bottom: 1.6vw;
}
.positition .accordion .accordion-item  .accordion-body .form-part .form-label{
   font-family: "Gotham Medium"; 
  color: #8e8e8e;
  
  font-size: 1vw;

}
.positition .accordion .accordion-item  .accordion-body .form-part .form-control{
  background-color: #f4f4f4;
/*  border-color: #f4f4f4;*/
  font-family: 'Poppins', sans-serif;
  font-size: 1vw;
  padding: 1vw;
  font-weight: 400;
}
.positition .accordion .accordion-item  .accordion-body .form-part .btn{
   background-color: #f48e4e;
  display: flex;
  margin: 0 auto;
  color: white;
  font-family: "Gotham Medium"; 
  font-size: 1vw;
  padding: 0.9vw 2.2vw;
  margin-top: 1vw;
  border-radius: 0.6vw;
}


.positition .accordion-button .top-text .icon .clk-2{
  display: block;
}
.positition  .accordion-button .top-text .icon .clk-1{
  display: none;
}

.positition  .accordion-button.collapsed .top-text .icon .clk-2{
  display: none;
}

.positition .accordion-button.collapsed .top-text .icon .clk-1{
  display: block;
}.positition .accordion-button .top-text .icon .clk-2{
  display: block;
}
.positition  .accordion-button .top-text .icon .clk-1{
  display: none;
}

.positition  .accordion-button.collapsed .top-text .icon .clk-2{
  display: none;
}

.positition .accordion-button.collapsed .top-text .icon .clk-1{
  display: block;
}


.partners{
   padding: 5vw 0;
   
}
.partners h2{
   color: #06293e;
    font-family: "Gotham Medium";
    font-size: 3vw;
    margin-bottom: 3.5vw;
    text-align: center;
}
.partners .partner-card{
   border: 0.1vw solid #e2e2e2ad;
   padding: 2vw;
   box-shadow: rgb(100 100 111 / 7%) 0px 7px 29px 0px;
   border-radius: 1vw;
   margin: 0 1.5vw;

}
.partners .partner-card:hover{
   cursor: pointer;
}
.partners .partner-card img{
   width:8vw;
   margin: 0 auto;
}



.partner-class .navs {
   background: inherit;
   border: 0;
   position: absolute;
   top: 3vw !important;
   color: rgb(0, 0, 0);
   font-size: 2.6vw;
}

.partner-class .previous {
   right: -4vw;
   top: 17vw;
}
.partner-class .next {
   left: -4vw;
   top: 17vw;
}



.slick-dots {
 
   bottom: 0 !important;
 
}
.slick-dots li button:before{
   font-size: .9vw !important;
   color: rgb(247, 123, 4) !important;
}


.breif-card-heading{
   font-size: 1.5vw;
   text-align: center;
   margin-bottom: 1vw;
   text-transform: uppercase;
   font-weight: 700;
}

.slider .previous {
    right: -3vw;
}
.slider .next {
   left:-3vw;
}

#stars {
   display: block;
   position: absolute;
   width: 100%;
   height: 16rem;
   height: 100vh;
  
 }

.banner .index-video video {
   width: 100%;
   height: 100vh;
   object-fit: cover;
 }

 .banner .index-video::before {
   position: absolute;
   width: 100%;
   height: 100vh;
   background: #000;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   content: '';
   opacity: 0.6;
}

.industry-services .service-card:hover{
   transform: scale(1.05);
    transition: 1s ease-in-out;
}
/*--------------------------- privacy polixy------------------------- */
.privacypolicy-section{
   background: #00000005;
}
.privacypolicy-heading{
   padding:6vw 0;
}
.privacypolicy-heading h1{
   text-align: center;
   font-family: "Gotham Medium";
   font-size:2vw;
   margin-bottom:2vw;
   text-transform:uppercase;
}
.privacypolicy-heading p{
   color: #4c4c4c;
   font-family: 'Poppins', sans-serif;
   font-size: 1vw;
   font-weight: 300;
   line-height: 2vw;
   margin-bottom: 0;
}
.privacypolicy-heading  p a{
   color: #f17526;
}
.privacypolicy-heading h2{
   font-family: "Gotham Medium";
   color: #06293e;
   font-size: 1.4vw;
   padding-right: 4vw;
   margin: 2vw 0 0.7vw;
}
.privacypolicy-heading ul li{
   color: #4c4c4c;
   font-family: 'Poppins', sans-serif;
   font-size: 1vw;
   font-weight: 300;
   list-style: square;

}
.privacypolicy-heading ul li p a{
   color: #f17526;
}

.apps-text a{
   background-color: #f17526;
    color: white;
    padding: 1.2vw 2.2vw;
    text-decoration: none;
    font-family: "Gotham Bold";
    font-size: 1vw;
    border-radius: 0.4vw;
    width: fit-content;
    margin-top: 1vw;
    display: block;
}

.privacypolicy{
   background-image: url(../img/privicy-bg.jpg);
}
.mobileapp-banner{
   background-image: url(../img/app-development-bg.jpg);
}
.mobile{
   padding: 4vw 0;
   background: #f7f7f7;
}
.mobile h3{
   font-family: "Gotham Book";
   font-size: 2vw;
    line-height: 2.5vw;
    font-weight: 400;
    margin: 0;
    margin-top: 3VW;
}
.mobile .ios-card {
   background: #ffffff45;
   /* text-align: center; */
   padding: 2.5vw;
   border-radius: 1vw;
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.mobile .ios-card img{
   width: 4.3vw;
   margin-bottom: 1vw;
}
.mobile .ios-card h2{
   font-size: 1.7vw;
   margin-bottom: 1vw;
   font-family: "Gotham Bold";
}
.mobile .ios-card p{
   font-size: 1vw;
   line-height: 1.7vw;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
   margin: 0;
}











/* responcive */

@media(max-width:575.989px){
   .navbar .pharma-logo{
      bottom: -5px;
      right: -120px;
   }
   .navbar .renar-logos .pharma-logo img{
      width: 107px;
   }
   .navbar .navbar-brand img{
      width: 80px;
   }
   .navbar-toggler{
      border: .1px solid white !important;
   }
   .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: 30px;
      line-height:45px;
      margin-bottom: 18px;
   }
   .banner .banner-text p{
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 30px;
   }
   .banner .banner-text .banner-btns .btn{
      font-size: 13px;
      padding: 10px 17px;
   }
   .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 {
      background-image: url(../img/banner4.jpg);
      height:70vh;
  }
   .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 .about-right .accordion-item .accordion-body .Read a{
      font-size: 14px;
    padding: 6px 18px;
   }
   .about .about-right .accordion-item {
   
      border-bottom: 0.09vw solid #0000007d;
  
   }
   .services .services-tab{
      display: inline;
   }
   .services .services-tab .nav-pills{
      display: block;
      width: 100%;
      text-align: center;
      
    padding: 50px;

   }
   .services .services-tab .nav-pills::before {
      height: 121px;
      width: 1px;
      bottom: 54px;
      left: 49px;
  }
   .services .services-tab .nav-pills .nav-item .nav-link{
      width: 100%;
      text-align: center;
      font-size: 16px;
   }
   .services .services-tab .nav-pills .head h1{
      font-size: 22px;
      line-height: 26px;
   }
   .about{
      padding: 50px 0;
   }
   .services .services-tab .tab-content{
      width: 100%;
   }
   .services .services-tab .tab-content .service-card img{
      width: 40px;
      margin-bottom: 15px;
   }
   .services .services-tab .tab-content .service-card h4{
      font-size: 16px;
      margin-bottom: 10px;
   }
   .services .services-tab .tab-content .service-card p{
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 15px;
   }
   .services .services-tab .tab-content .service-card a{
      font-size: 14px;
   }
   .services .services-tab .tab-content .service-card{
      padding: 35px;
      margin-bottom: 15px;
   }
   .solutions{
      padding: 50px 0;
   }
   .tittle h2{
      font-size: 30px;
      margin-bottom: 10px;
   }
   .tittle p{
      font-size: 14px;
      line-height: 17px;
   }
   .tittle{
      padding: 0 30px !important;
      margin-bottom: 30px;
   }
   .solutions .solutions-card h4{
      font-size: 16px;
      
    margin-bottom: 14px;

   }
   .solutions .solutions-card ul li{
      font-size: 15px;
   }
   .solutions .solutions-card ul li i{
      margin-right: 13px;
   }
   .solutions .solutions-card{
      padding: 15px;
      border-radius: 10px;
   }
   .solutions .solutions-card a{
      font-size: 13px;
      padding: 10px;
   }
   .partners{
      padding: 50px 0;
   }
   .partners .partners-left h2{
      font-size: 25px;
      margin-bottom: 15px;
      line-height: 28px;
   }
   .partners .partners-left{
      margin-bottom: 20px;
   }
   .partners .partners-left p{
      font-size: 14px;
      margin-bottom: 25px;
      line-height: 20px;
   }
   .partners .partners-left a{
      font-size: 13px;
      padding: 10px;
   }
   .partners .dots img{
      width: 25px;
   }
   .mobile-apps{
      padding: 50px 0;
   }
   .mobile-apps .apps-text{
      padding-left: 0;
      margin-top: 34px;
   }
   .mobile-apps .apps-text h2{
      font-size: 22px;
      margin-bottom: 20px;
   }
   .mobile-apps .apps-text p{
      font-size: 14px;
      line-height: 22px;
   }
   .industrys{
      padding: 50px 0;
   }
   .industrys .industry-tab{
      display: inline;
   }
   .industrys .industry-tab .nav-pills{
      width: 100%;
   }
   .industrys .industry-tab .nav-pills .nav-item .nav-link{
      width: 100%;
      font-size: 16px;
      padding: 12px 19px;
   }
   .industrys .industry-tab .nav-pills .nav-item .nav-link img{
      width: 15px;
      margin-right: 10px;
   }
   .industrys .industry-tab .nav-pills .nav-link.active::before{
      width: 5px;
      height: 45px;
   }
   .industrys .industry-tab .tab-content{
      margin-top: 10px;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head h2{
      font-size: 21px;
      margin-bottom: 16px;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head p{
      font-size: 14px;
      line-height: 19px;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head{
      display: inline !important;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head h6{
      font-size: 18px;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head img{
      width: 100%;
   }
   .industrys .industry-tab .tab-content .tab-card .content ul li{
      font-size: 16px;
      line-height: 23px;
      margin: 15px 0;
   }
   .industrys .industry-tab .tab-content .tab-card{
      padding: 20px;
      border-radius: 10px;
   }
   .industrys .industry-tab .tab-content {
      box-shadow: rgb(149 157 165 / 53%) 0px 8px 24px;
      border-radius: 15px;
  }
  .industrys .dots img {
   width: 30px;
}
.clients{
   padding: 50px 0;
}
.clients .clinet-text h2{
   font-size: 30px;
   line-height: 38px;
   margin-bottom: 20px;
}
.clients .client-card{
   width: 100%;
   padding: 18px;
   border-radius: 10px;
}
.clients .client-card p{
   font-size: 14px;
   margin-bottom: 15px;
   line-height: 19px;
}
.clients .client-card h6{
  
   font-size: 16px;
   margin-left: 35px;

}
.clients .client-card .client-img{
   right: 16px;
   top: 133px;
}
.clients .client-card .client-img img{
   width: 90px;
}
.clients .client-card h6::before{
   height: 2px;
   width: 20px;
   top: 8px;
   left: -28px;
}
.clinet-text{
   margin-bottom: 20px;
}
.slick-dots li button:before{
   font-size: 15px !important;
}
.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;
  
}
.industrys .dots {
   right: 11px;

}
.about-banner-text h1{
   font-size: 30px;
   margin-bottom: 14px;
}
.about-banner-text p{
   font-size: 14px;
}
.about-banner-text .breadcrumbs .breadcrumb li{
   font-size: 9px;
}
.about-banner .flower {
   
   top: 246px;
}
.about-banner{
   background-image: url(../img/about-mobile.jpg);
}
.about-main{
   padding: 50px 0;
}
.about-main .content h2{
   font-size: 24px;
   margin-bottom: 20px;
   line-height: 30px;
}
.about-main .content p{
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 15px;
}
.about-main .content ul li{
   font-size: 14px;
   margin-bottom: 15px;
}
.about-main .content ul li img{
  
   width: 21px;
   margin-right: 11px;

}
.about-main .boxs img{
   width: 50px;
}
.about-main .boxs {
 left: inherit;
   bottom: -51px;
   right: 0;
}
.about-main .left-img{
   margin-bottom: 30px;
}
.values .head h2{
   font-size: 30px;
   margin-bottom: 15px;
}
.values{
   padding: 50px 0;
}
.values .head p{
   font-size: 14px;
}
.values .value-card .tittel h6{
   font-size: 18px;
}
.values .value-card p{
   font-size: 14px;
   line-height: 21px;
}
.values .value-card .tittel img{
   width: 35px;
}
.values .value-card{
   padding: 25px;
   border-radius: 10px;
   margin-bottom: 23px;
}
.values .head{
   margin-bottom: 45px;
}
.client-values{
   padding: 50px 0;
}
.client-values .client-content h2{
   font-size: 30px;
   margin-bottom: 28px;
}
.client-values .client-content p{
   font-size: 14px;
   line-height: 21px;
}
.client-values .client-content a{
   font-size: 13px;
   padding: 10px;
}
.client-values .client-content a i{
   font-size: 14px;
}
.client-values .client-content{
   margin-bottom: 35px;
}
.modernization{
   padding: 50px 0;
}
.modernization .left-content h2{
   font-size: 30px;
   line-height: 40px;
   margin-bottom: 30px;
}
.modernization .left-content .text-card p{
   font-size: 16px;
}
.modernization .left-content .text-card{
   width: 229px;
   padding: 24px;
   margin-bottom: 30px;
}
.modernization .right-box h6{
   font-size: 18px;
   margin-bottom: 10px;
}
.modernization .right-box h4{
   font-size: 19px;
   margin-bottom: 10px;
}
.modernization .right-box p{
   font-size: 14px;
   line-height: 21px;
}
.Technology .technologys .accordion-item .accordion-header .accordion-button{
   font-size: 18px;
}
.Technology .technologys .accordion-item .accordion-header .accordion-button img{
   width: 28px;
   margin-right: 10px;
}
.Technology .technologys .accordion-item .accordion-body{
   font-size: 14px;
   line-height: 20px;
   padding: 0px 19px 18px 22px;
}
.Technology .technologys-content h2{
   font-size: 30px;
   margin-bottom: 15px;
}
.Technology .technologys-content p{
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 15px;
}
.technologys-content{
   margin-top: 30px;
}
.Technology .read a{
   font-size: 13px;
}
.Technology .read{
   margin-top: 20px;
}
.Technology{
   padding: 50px 0 ;
}
.contact-form .form h6{
   font-size: 18px;
}
.contact-form .form h2{
   font-size: 30px;
   margin-bottom: 20px;
}
.contact-form{
   padding: 50px 0;
}
.contact-form .form .form-control{
   font-size: 14px;
   padding: 15px;
}
.contact-form .form .btn{
   font-size: 14px;
   padding: 15px;
}
.services-content p{
   font-size: 14px ;
   line-height: 22px;
}
.services-content{
   padding: 50px 0;
}
.services-content .boxs img{
   width: 60px;
}
.Service-Offerings h2{
   font-size: 30px;
   margin-bottom: 30px;
}
.Service-Offerings{
   padding: 50px 0;
}
.Service-Offerings .offering-card .text h4{
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 30px;
}
.Service-Offerings .offering-card .text a{
   font-size: 14px;
}
.Service-Offerings .offering-card{
   margin-bottom: 20px;
}
.partners h2{
   font-size: 30px;
   margin-bottom: 20px;
}
.partners .partner-card img{
   width: 50%;
   margin: 0 auto;
}
.service-breif-content{
   padding: 50px 0;
}
.service-breif-content .right-text h2{
   font-size: 25px;
   line-height: 30px;
   margin-bottom: 20px;
}
.service-breif-content .right-text p{
   font-size: 14px;
   line-height: 21px;
}
.positition .tittle h2{
   font-size: 30px;
}
.positition{
   padding: 50px 0;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4{
   font-size: 16px;
   margin-bottom: 20px;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text{
   display: inline;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text h6{
   font-size: 15px;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text p{
  font-size: 14px;
   
   line-height: 23px !important;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content{
   margin-left: 0;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon{
   font-size: 30px;
   right: 21px;
   top: 24px;
   width: 34px;
   height: 34px;
   border-radius: 100px;

}
.positition .accordion .accordion-item .accordion-header .accordion-button{
   border-radius: 10px;
}
.positition .accordion .accordion-item{
   border-radius: 10px;
}
.positition .accordion .accordion-item .accordion-body p{
   font-size: 14px;
   line-height: 21px;
}
.positition .accordion .accordion-item .accordion-body h6{
   font-size: 16px;
}
.positition .accordion .accordion-item .accordion-body ul li{
   font-size: 14px;
   margin: 20px 0;
}
.positition .accordion .accordion-item .accordion-body ul li i{
   margin-right: 10px;
}
.positition .accordion .accordion-item .accordion-body .form-part h4{
   font-size: 18px;
}
.positition .accordion .accordion-item .accordion-body .form-part .form-label{
   font-size: 13px;
}
.positition .accordion .accordion-item .accordion-body .form-part .form-control{
   font-size: 14px;
   padding: 15px;
}
.positition .accordion .accordion-item .accordion-body .form-part .btn{
   font-size: 14px;
   padding: 10px 22px;

}
.positition .accordion .accordion-item .accordion-body {
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}
.industry-services .service-card img{
   width: 50px;
   margin-bottom: 15px;
}
.industry-services .service-card h6{
   font-size: 18px;
   margin-bottom: 15px;
}
.industry-services .service-card p{
   font-size: 14px;
   line-height: 21px;

}
.industry-services .service-card{
   padding: 20px;
   border-radius: 10px;
   min-height: fit-content;
   margin-bottom: 20px;
}
.industry-services .boxs img{
   width: 50px;
}
.industry-services .boxs{
   bottom: -31px;
}
.contact-us{
   padding: 50px 0;
}
.contact-us h2{
   font-size: 30px;
   text-align: center;
   
   margin-bottom: 25px;

}
.contact-us .map-box iframe{
   height: 50vh;
}
.contact-us .map-box .location img{
   width: 50px;
}
.contact-us .map-box .location p{
   font-size: 16px;
}
.contact-us .map-box .location h6{
   font-size: 18px;
   line-height: 20px;
}
.contact-us .map-box .location{
   padding: 15px;
}
.contact-us .map-box .location .text{
   margin-left: 15px;
}
.contact-us .map-box {
   padding: 14px;
   box-shadow: rgb(149 157 165 / 54%) 0px 8px 24px;
   border-radius: 10px;
   border-bottom: 5px solid #f17526;
   margin-right: 0;
}
.contact-us .form{
   margin-top: 30px;
}
.contact-us .form p{
   font-size: 14px;
   line-height: 21px;
   margin-bottom: 20px;
}
.contact-us .form .form-label{
   font-size: 13px;
}
.contact-us .form .form-control{
   font-size: 14px;
   padding: 15px;
}
.contact-us .form .btn{
   font-size: 13px;
   padding: 15px 20px;
}
.service-breif-text p{
   font-size: 14px;
   line-height: 21px;
}
.service-breif-text{
   padding: 50px 0;
}
.breif-tabs {
   display: inline  !important;
}
.services-include .breif-tabs .nav-pills h2{
   font-size: 30px;
   margin-bottom: 25px;
}
.services-include .breif-tabs .nav-pills p{
   font-size: 14px;
   line-height: 21px;
   margin-bottom: 20px;
}
.services-include .breif-tabs .nav-pills li .nav-link{
   font-size: 16px;
   padding: 15px;
}
.services-include .breif-tabs .nav-pills li img{
   width: 20px;
    margin-right: 15px;
   
}
.services-include .breif-tabs .nav-pills li{
   margin: 10px 0;
   box-shadow: rgb(149 157 165 / 28%) 0px 8px 24px;
   border-radius: 10px;
}
.services-include .breif-tabs .tab-content{
   margin-left: 0;
   width: 100%;
}
.services-include .breif-tabs .tab-content .breif-card .text p{
   font-size: 14px;
   line-height: 21px;
}
.services-include .breif-tabs .tab-content .breif-card {
 
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   box-shadow: rgb(149 157 165 / 42%) 0px 8px 24px;
}
.services-include .breif-tabs .tab-content .breif-card .text{
   padding: 20px;
}
.banner .banner-text {
   top:15%;
   margin-left: 2vw;
   position: absolute;
   text-align: center;
   left: 0% !important;
}
.services .services-tab .nav-pills .nav-item::before {
   height: 31px;
   width: 1.5px;
   left: 50px;
}
.breif-card-heading {
   font-size:16px;
   margin-bottom: 15px;
}
.solutions .solutions-card ul li i{
   font-size: 15px;
}
.solutions .solutions-card a i {
    font-size: 15px;
    margin-left: 13px;
}
.apps-text a{
   padding: 10px 15px;
   font-size: 15px;
}
.mobile h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
}
.mobile .ios-card img {
    width: 50px;
    margin-bottom: 10px;
}
.mobile .ios-card h2 {
    font-size: 17px;
    margin-bottom: 10px;
}
.mobile .ios-card p {
    font-size: 15px;
    line-height: 25px;
}
.mobile .ios-card {
    padding: 20px;
    margin-bottom: 20px;
}


}


@media(min-width:576px) and (max-width:767.98px){
   .navbar .pharma-logo{
      bottom: -5px;
      right: -113px;
   }
   .navbar .renar-logos .pharma-logo img{
      width: 107px;
   }
   .navbar .navbar-brand img{
      width: 100px;
   }
   .navbar-toggler{
      border: .1px solid white !important;
   }
   .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: 35px;
      line-height: 40px;
      margin-bottom: 18px;
   }
   .banner .banner-text p{
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 30px;
   }
   .banner .banner-text .banner-btns .btn{
      font-size: 13px;
      padding: 10px 17px;
   }
   .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 {
      top:12%;
      left: 0% !important;
  }
   .banner {
      background-image: url(../img/banner4.jpg);
      height:55vh;
  }
   .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 .about-right .accordion-item .accordion-body .Read a{
      font-size: 14px;
    padding: 6px 18px;
   }
   .about .about-right .accordion-item {
   
      border-bottom: 0.09vw solid #0000007d;
  
   }
   .services .services-tab{
      display: inline;
   }
   .services .services-tab .nav-pills{
      display: block;
      width: 100%;
      text-align: center;
    padding:100px;

   }
   .services .services-tab .nav-pills .nav-item .nav-link{
      width: 100%;
      text-align: center;
      font-size: 16px;
   }
   .services .services-tab .nav-pills .head h1{
      font-size: 22px;
      line-height: 26px;
   }
   .about{
      padding: 50px 0;
   }
   .services .services-tab .tab-content{
      width: 100%;
   }
   .services .services-tab .tab-content .service-card img{
      width: 40px;
      margin-bottom: 15px;
   }
   .services .services-tab .tab-content .service-card h4{
      font-size: 16px;
      margin-bottom: 10px;
   }
   .services .services-tab .tab-content .service-card p{
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 15px;
   }
   .services .services-tab .tab-content .service-card a{
      font-size: 14px;
   }
   .services .services-tab .tab-content .service-card{
      padding: 35px;
      margin-bottom: 15px;
   }
   .solutions{
      padding: 50px 0;
   }
   .tittle h2{
      font-size: 30px;
      margin-bottom: 10px;
   }
   .tittle p{
      font-size: 14px;
      line-height: 17px;
   }
   .tittle{
      padding: 0 30px !important;
      margin-bottom: 30px;
   }
   .solutions .solutions-card h4{
      font-size: 16px;
      
    margin-bottom: 14px;

   }
   .solutions .solutions-card ul li{
      font-size: 15px;
   }
   .solutions .solutions-card ul li i{
      margin-right: 13px;
   }
   .solutions .solutions-card{
      padding: 15px;
      border-radius: 10px;
   }
   .solutions .solutions-card a{
      font-size: 13px;
      padding: 10px;
   }
   .partners{
      padding: 50px 0;
   }
   .partners .partners-left h2{
      font-size: 25px;
      margin-bottom: 15px;
      line-height: 28px;
   }
   .partners .partners-left{
      margin-bottom: 20px;
   }
   .partners .partners-left p{
      font-size: 14px;
      margin-bottom: 25px;
      line-height: 20px;
   }
   .partners .partners-left a{
      font-size: 13px;
      padding: 10px;
   }
   .partners .dots img{
      width: 25px;
   }
   .mobile-apps{
      padding: 50px 0;
   }
   .mobile-apps .apps-text{
      padding-left: 0;
      margin-top: 34px;
   }
   .mobile-apps .apps-text h2{
      font-size: 22px;
      margin-bottom: 20px;
   }
   .mobile-apps .apps-text p{
      font-size: 14px;
      line-height: 22px;
   }
   .industrys{
      padding: 50px 0;
   }
   .industrys .industry-tab{
      display: inline;
   }
   .industrys .industry-tab .nav-pills{
      width: 100%;
   }
   .industrys .industry-tab .nav-pills .nav-item .nav-link{
      width: 100%;
      font-size: 16px;
      padding: 12px 19px;
   }
   .industrys .industry-tab .nav-pills .nav-item .nav-link img{
      width: 15px;
      margin-right: 10px;
   }
   .industrys .industry-tab .nav-pills .nav-link.active::before{
      width: 5px;
      height: 45px;
   }
   .industrys .industry-tab .tab-content{
      margin-top: 10px;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head h2{
      font-size: 21px;
      margin-bottom: 16px;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head p{
      font-size: 14px;
      line-height: 19px;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head{
      display: inline !important;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head h6{
      font-size: 18px;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head img{
      width: 100%;
   }
   .industrys .industry-tab .tab-content .tab-card .content ul li{
      font-size: 16px;
      line-height: 23px;
      margin: 15px 0;
   }
   .industrys .industry-tab .tab-content .tab-card{
      padding: 20px;
      border-radius: 10px;
   }
   .industrys .industry-tab .tab-content {
      box-shadow: rgb(149 157 165 / 53%) 0px 8px 24px;
      border-radius: 15px;
  }
  .industrys .dots img {
   width: 30px;
}
.clients{
   padding: 50px 0;
}
.clients .clinet-text h2{
   font-size: 30px;
   line-height: 38px;
   margin-bottom: 20px;
}
.clients .client-card{
   width: 100%;
   padding: 18px;
   border-radius: 10px;
}
.clients .client-card p{
   font-size: 14px;
   margin-bottom: 15px;
   line-height: 19px;
}
.clients .client-card h6{
  
   font-size: 16px;
   margin-left: 35px;

}
.clients .client-card .client-img{
   right: 16px;
   top: 133px;
}
.clients .client-card .client-img img{
   width: 90px;
}
.clients .client-card h6::before{
   height: 2px;
   width: 20px;
   top: 8px;
   left: -28px;
}
.clinet-text{
   margin-bottom: 20px;
}
.slick-dots li button:before{
   font-size: 15px !important;
}
.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;
  
}
.industrys .dots {
   right: 11px;

}
.about-banner-text h1{
   font-size: 30px;
   margin-bottom: 14px;
}
.about-banner-text p{
   font-size: 14px;
}
.about-banner-text .breadcrumbs .breadcrumb li{
   font-size: 16px;
}
.about-banner .flower {
   
   top: 246px;
}
.about-banner{
   background-image: url(../img/about-mobile.jpg);
}
.about-main{
   padding: 50px 0;
}
.about-main .content h2{
   font-size: 24px;
   margin-bottom: 20px;
   line-height: 30px;
}
.about-main .content p{
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 15px;
}
.about-main .content ul li{
   font-size: 14px;
   margin-bottom: 15px;
}
.about-main .content ul li img{
  
   width: 21px;
   margin-right: 11px;

}
.about-main .boxs img{
   width: 50px;
}
.about-main .boxs {
 left: inherit;
   bottom: -51px;
   right: 0;
}
.about-main .left-img{
   margin-bottom: 30px;
}
.values .head h2{
   font-size: 30px;
   margin-bottom: 15px;
}
.values{
   padding: 50px 0;
}
.values .head p{
   font-size: 14px;
}
.values .value-card .tittel h6{
   font-size: 18px;
}
.values .value-card p{
   font-size: 14px;
   line-height: 21px;
}
.values .value-card .tittel img{
   width: 35px;
}
.values .value-card{
   padding: 25px;
   border-radius: 10px;
   margin-bottom: 23px;
}
.values .head{
   margin-bottom: 45px;
}
.client-values{
   padding: 50px 0;
}
.client-values .client-content h2{
   font-size: 30px;
   margin-bottom: 28px;
}
.client-values .client-content p{
   font-size: 14px;
   line-height: 21px;
}
.client-values .client-content a{
   font-size: 13px;
   padding: 10px;
}
.client-values .client-content a i{
   font-size: 14px;
}
.client-values .client-content{
   margin-bottom: 35px;
}
.modernization{
   padding: 50px 0;
}
.modernization .left-content h2{
   font-size: 30px;
   line-height: 40px;
   margin-bottom: 30px;
}
.modernization .left-content .text-card p{
   font-size: 16px;
}
.modernization .left-content .text-card{
   width: 229px;
   padding: 24px;
   margin-bottom: 30px;
}
.modernization .right-box h6{
   font-size: 18px;
   margin-bottom: 10px;
}
.modernization .right-box h4{
   font-size: 19px;
   margin-bottom: 10px;
}
.modernization .right-box p{
   font-size: 14px;
   line-height: 21px;
}
.Technology .technologys .accordion-item .accordion-header .accordion-button{
   font-size: 18px;
}
.Technology .technologys .accordion-item .accordion-header .accordion-button img{
   width: 28px;
   margin-right: 10px;
}
.Technology .technologys .accordion-item .accordion-body{
   font-size: 14px;
   line-height: 20px;
   padding: 0px 19px 18px 22px;
}
.Technology .technologys-content h2{
   font-size: 30px;
   margin-bottom: 15px;
}
.Technology .technologys-content p{
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 15px;
}
.technologys-content{
   margin-top: 30px;
}
.Technology .read a{
   font-size: 13px;
}
.Technology .read{
   margin-top: 20px;
}
.Technology{
   padding: 50px 0 ;
}
.contact-form .form h6{
   font-size: 18px;
}
.contact-form .form h2{
   font-size: 30px;
   margin-bottom: 20px;
}
.contact-form{
   padding: 50px 0;
}
.contact-form .form .form-control{
   font-size: 14px;
   padding: 15px;
}
.contact-form .form .btn{
   font-size: 14px;
   padding: 15px;
}
.services-content p{
   font-size: 14px ;
   line-height: 22px;
}
.services-content{
   padding: 50px 0;
}
.services-content .boxs img{
   width: 60px;
}
.Service-Offerings h2{
   font-size: 30px;
   margin-bottom: 30px;
}
.Service-Offerings{
   padding: 50px 0;
}
.Service-Offerings .offering-card .text h4{
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 30px;
}
.Service-Offerings .offering-card .text a{
   font-size: 14px;
}
.Service-Offerings .offering-card{
   margin-bottom: 20px;
}
.partners h2{
   font-size: 30px;
   margin-bottom: 20px;
}
.partners .partner-card img{
   width: 50%;
   margin: 0 auto;
}
.service-breif-content{
   padding: 50px 0;
}
.service-breif-content .right-text h2{
   font-size: 25px;
   line-height: 30px;
   margin-bottom: 20px;
}
.service-breif-content .right-text p{
   font-size: 14px;
   line-height: 21px;
}
.positition .tittle h2{
   font-size: 30px;
}
.positition{
   padding: 50px 0;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4{
   font-size: 16px;
   margin-bottom: 20px;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text{
   display: inline;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text h6{
   font-size: 15px;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text p{
  font-size: 14px;
   
   line-height: 23px !important;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content{
   margin-left: 0;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon{
   font-size: 30px;
   right: 21px;
   top: 24px;
   width: 34px;
   height: 34px;
   border-radius: 100px;

}
.positition .accordion .accordion-item .accordion-header .accordion-button{
   border-radius: 10px;
}
.positition .accordion .accordion-item{
   border-radius: 10px;
}
.positition .accordion .accordion-item .accordion-body p{
   font-size: 14px;
   line-height: 21px;
}
.positition .accordion .accordion-item .accordion-body h6{
   font-size: 16px;
}
.positition .accordion .accordion-item .accordion-body ul li{
   font-size: 14px;
   margin: 20px 0;
}
.positition .accordion .accordion-item .accordion-body ul li i{
   margin-right: 10px;
}
.positition .accordion .accordion-item .accordion-body .form-part h4{
   font-size: 18px;
}
.positition .accordion .accordion-item .accordion-body .form-part .form-label{
   font-size: 13px;
}
.positition .accordion .accordion-item .accordion-body .form-part .form-control{
   font-size: 14px;
   padding: 15px;
}
.positition .accordion .accordion-item .accordion-body .form-part .btn{
   font-size: 14px;
   padding: 10px 22px;

}
.positition .accordion .accordion-item .accordion-body {
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}
.industry-services .service-card img{
   width: 50px;
   margin-bottom: 15px;
}
.industry-services .service-card h6{
   font-size: 18px;
   margin-bottom: 15px;
}
.industry-services .service-card p{
   font-size: 14px;
   line-height: 21px;

}
.industry-services .service-card{
   padding: 20px;
   border-radius: 10px;
   min-height: fit-content;
   margin-bottom: 20px;
}
.industry-services .boxs img{
   width: 50px;
}
.industry-services .boxs{
   bottom: -31px;
}
.contact-us{
   padding: 50px 0;
}
.contact-us h2{
   font-size: 30px;
   text-align: center;
   
   margin-bottom: 25px;

}
.contact-us .map-box iframe{
   height: 50vh;
}
.contact-us .map-box .location img{
   width: 50px;
}
.contact-us .map-box .location p{
   font-size: 16px;
}
.contact-us .map-box .location h6{
   font-size: 18px;
   line-height: 25px;
}
.contact-us .map-box .location{
   padding: 15px;
}
.contact-us .map-box .location .text{
   margin-left: 15px;
}
.contact-us .map-box {
   padding: 14px;
   box-shadow: rgb(149 157 165 / 54%) 0px 8px 24px;
   border-radius: 10px;
   border-bottom: 5px solid #f17526;
   margin-right: 0;
}
.contact-us .form{
   margin-top: 30px;
}
.contact-us .form p{
   font-size: 14px;
   line-height: 21px;
   margin-bottom: 20px;
}
.contact-us .form .form-label{
   font-size: 13px;
}
.contact-us .form .form-control{
   font-size: 14px;
   padding: 15px;
}
.contact-us .form .btn{
   font-size: 13px;
   padding: 15px 20px;
}
.service-breif-text p{
   font-size: 14px;
   line-height: 21px;
}
.service-breif-text{
   padding: 50px 0;
}
.breif-tabs {
   display: inline  !important;
}
.services-include .breif-tabs .nav-pills h2{
   font-size: 30px;
   margin-bottom: 25px;
}
.services-include .breif-tabs .nav-pills p{
   font-size: 14px;
   line-height: 21px;
   margin-bottom: 20px;
}
.services-include .breif-tabs .nav-pills li .nav-link{
   font-size: 16px;
   padding: 15px;
}
.services-include .breif-tabs .nav-pills li img{
   width: 20px;
    margin-right: 15px;
   
}
.services-include .breif-tabs .nav-pills li{
   margin: 10px 0;
   box-shadow: rgb(149 157 165 / 28%) 0px 8px 24px;
   border-radius: 10px;
}
.services-include .breif-tabs .tab-content{
   margin-left: 0;
   width: 100%;
}
.services-include .breif-tabs .tab-content .breif-card .text p{
   font-size: 14px;
   line-height: 21px;
}
.services-include .breif-tabs .tab-content .breif-card {
 
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   box-shadow: rgb(149 157 165 / 42%) 0px 8px 24px;
}
.services-include .breif-tabs .tab-content .breif-card .text{
   padding: 20px;
}
.services .services-tab .nav-pills .nav-item::before {
   height: 36px;
   width: 2px;
   left: 99px;
}
.breif-card-heading {
   font-size: 23px;
   margin-bottom: 15px;
}
.solutions .solutions-card ul li i{
   font-size: 15px;
}
.solutions .solutions-card a i {
    font-size: 15px;
    margin-left: 13px;
}
.apps-text a{
   padding: 10px 15px;
   font-size: 15px;
}
.mobile h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
}
.mobile .ios-card img {
    width: 50px;
    margin-bottom: 10px;
}
.mobile .ios-card h2 {
    font-size: 17px;
    margin-bottom: 10px;
}
.mobile .ios-card p {
    font-size: 15px;
    line-height: 25px;
}
.mobile .ios-card {
    padding: 20px;
    margin-bottom: 20px;
}

}



@media(min-width:768px) and (max-width:991.98px){
   .navbar .pharma-logo{
      bottom: -5px;
      right: -170px;
   }
   .navbar .renar-logos .pharma-logo img{
      width: 157px;
   }
   .navbar .navbar-brand img{
      width: 150px;
   }
   .navbar-toggler{
      border: 0.1px solid white !important;
      padding: 10px 27px!important;
   }
   .navbar-toggler i{
      color: white;
      font-size: 41px;
   }
   .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: 24px;
      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: 37px;
      line-height:60px;
      margin-bottom: 36px;
  }
  .banner .banner-text p {
   font-size: 23px;
   line-height: 40px;
   margin-bottom: 50px;
}
   .banner .banner-text .banner-btns .btn{
      font-size: 21px;
      padding: 20px 50px;
   }
   .banner .banner-text .banner-btns .btn i{
      font-size: 18px;
   }
   .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;
      z-index: 99;
   }
   .banner {
      background-image: url(../img/banner4.jpg);
      height:65vh;
  }
   .about .about-right .accordion-item .accordion-button{
      font-size:25px;
      padding: 30px;
      
    

   }
   .about .about-right .accordion-item .accordion-body{
      font-size:20px;
      line-height: 40px;
      padding: 38px;
      border-radius: 10px;
   }
   .about .about-right{
      margin-left: 0;
   }
   .about .about-right .accordion-item .accordion-body .Read{
      margin-top: 30px;
   }
   .about .about-right .accordion-item .accordion-body .Read a{
      font-size: 21px;
      padding: 11px 33px;
   }
   .about .about-right .accordion-item {
   
      border-bottom: 0.09vw solid #0000007d;
  
   }
   .services .services-tab{
      display: inline;
   }
   .services .services-tab .nav-pills{
      display: block;
      width: 100%;
      text-align: center;
    padding:145px;

   }
   .services .services-tab .nav-pills .nav-item .nav-link{
      width: 100%;
      text-align: center;
      font-size:20px;
      padding:15px;
   }
   .services .services-tab .nav-pills .head h1{
      font-size:35px;
      line-height: 55px;
   }
   .about{
      padding: 50px 0;
   }
   .services .services-tab .tab-content{
      width: 100%;
   }
   .services .services-tab .tab-content .service-card img{
      width: 65px;
      margin-bottom: 24px;
   }
   .services .services-tab .tab-content .service-card h4{
      font-size: 24px;
    margin-bottom: 15px;
   }
   .services .services-tab .tab-content .service-card p{
      font-size: 20px;
    line-height: 28px;
    margin-bottom: 18px;

   }
   .services .services-tab .tab-content .service-card a{
      font-size: 23px;
   }
   .services .services-tab .tab-content .service-card{
      padding: 35px;
      margin-bottom: 15px;
   }
   .solutions{
      padding: 50px 0;
   }
   .tittle h2{
      font-size: 30px;
      margin-bottom: 10px;
   }
   .tittle p{
      font-size: 14px;
      line-height: 17px;
   }
   .tittle{
      padding: 0 30px !important;
      margin-bottom: 30px;
   }
   .solutions .solutions-card h4{
      font-size: 16px;
      
    margin-bottom: 14px;

   }
   .solutions .solutions-card ul li{
      font-size: 15px;
   }
   .solutions .solutions-card ul li i{
      margin-right: 13px;
   }
   .solutions .solutions-card{
      padding: 15px;
      border-radius: 10px;
      min-height: 45vh;
   }
   .solutions .solutions-card a{
      font-size: 13px;
      padding: 10px;
   }
   .partners{
      padding: 50px 0;
   }
   .partners .partners-left h2{
      font-size: 25px;
      margin-bottom: 15px;
      line-height: 28px;
   }
   .partners .partners-left{
      margin-bottom: 20px;
   }
   .partners .partners-left p{
      font-size: 14px;
      margin-bottom: 25px;
      line-height: 20px;
   }
   .partners .partners-left a{
      font-size: 13px;
      padding: 10px;
   }
   .partners .dots img{
      width: 25px;
   }
   .mobile-apps{
      padding: 50px 0;
   }
   .mobile-apps .apps-text{
      padding-left: 0;
      margin-top: 34px;
   }
   .mobile-apps .apps-text h2{
      font-size: 22px;
      margin-bottom: 20px;
   }
   .mobile-apps .apps-text p{
      font-size: 14px;
      line-height: 22px;
   }
   .industrys{
      padding: 50px 0;
   }
   .industrys .industry-tab{
      display: inline;
   }
   .industrys .industry-tab .nav-pills{
      width: 100%;
   }
   .industrys .industry-tab .nav-pills .nav-item .nav-link{
      width: 100%;
      font-size: 16px;
      padding: 12px 19px;
   }
   .industrys .industry-tab .nav-pills .nav-item .nav-link img{
      width: 15px;
      margin-right: 10px;
   }
   .industrys .industry-tab .nav-pills .nav-link.active::before{
      width: 5px;
      height: 45px;
   }
   .industrys .industry-tab .tab-content{
      margin-top: 10px;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head h2{
      font-size: 21px;
      margin-bottom: 16px;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head p{
      font-size: 14px;
      line-height: 19px;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head{
      display: inline !important;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head h6{
      font-size: 18px;
   }
   .industrys .industry-tab .tab-content .tab-card .right-head img{
      width: 100%;
   }
   .industrys .industry-tab .tab-content .tab-card .content ul li{
      font-size: 16px;
      line-height: 23px;
      margin: 15px 0;
   }
   .industrys .industry-tab .tab-content .tab-card{
      padding: 20px;
      border-radius: 10px;
   }
   .industrys .industry-tab .tab-content {
      box-shadow: rgb(149 157 165 / 53%) 0px 8px 24px;
      border-radius: 15px;
  }
  .industrys .dots img {
   width: 30px;
}
.clients{
   padding: 50px 0;
}
.clients .clinet-text h2{
   font-size: 30px;
   line-height: 38px;
   margin-bottom: 20px;
}
.clients .client-card{
   width: 100%;
   padding: 18px;
   border-radius: 10px;
}
.clients .client-card p{
   font-size: 14px;
   margin-bottom: 15px;
   line-height: 19px;
}
.clients .client-card h6{
  
   font-size: 16px;
   margin-left: 35px;

}
.clients .client-card .client-img{
   right: 16px;
   top: 133px;
}
.clients .client-card .client-img img{
   width: 90px;
}
.clients .client-card h6::before{
   height: 2px;
   width: 20px;
   top: 8px;
   left: -28px;
}
.clinet-text{
   margin-bottom: 20px;
}
.slick-dots li button:before{
   font-size: 15px !important;
}
.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;
  
}
.industrys .dots {
   right: 11px;

}
.about-banner-text h1{
   font-size: 30px;
   margin-bottom: 14px;
}
.about-banner-text p{
   font-size: 14px;
}
.about-banner-text .breadcrumbs .breadcrumb li{
   font-size: 16px;
}
.about-banner .flower {
   
   top: 246px;
}
.about-banner{
   background-image: url(../img/about-mobile.jpg);
}
.about-main{
   padding: 50px 0;
}
.about-main .content h2{
   font-size: 24px;
   margin-bottom: 20px;
   line-height: 30px;
}
.about-main .content p{
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 15px;
}
.about-main .content ul li{
   font-size: 14px;
   margin-bottom: 15px;
}
.about-main .content ul li img{
  
   width: 21px;
   margin-right: 11px;

}
.about-main .boxs img{
   width: 50px;
}
.about-main .boxs {
 left: inherit;
   bottom: -51px;
   right: 0;
}
.about-main .left-img{
   margin-bottom: 30px;
}
.values .head h2{
   font-size: 30px;
   margin-bottom: 15px;
}
.values{
   padding: 50px 0;
}
.values .head p{
   font-size: 14px;
}
.values .value-card .tittel h6{
   font-size: 18px;
}
.values .value-card p{
   font-size: 14px;
   line-height: 21px;
}
.values .value-card .tittel img{
   width: 35px;
}
.values .value-card{
   padding: 25px;
   border-radius: 10px;
   margin-bottom: 23px;
}
.values .head{
   margin-bottom: 45px;
}
.client-values{
   padding: 50px 0;
}
.client-values .client-content h2{
   font-size: 30px;
   margin-bottom: 28px;
}
.client-values .client-content p{
   font-size: 14px;
   line-height: 21px;
}
.client-values .client-content a{
   font-size: 13px;
   padding: 10px;
}
.client-values .client-content a i{
   font-size: 14px;
}
.client-values .client-content{
   margin-bottom: 35px;
}
.modernization{
   padding: 50px 0;
}
.modernization .left-content h2{
   font-size: 30px;
   line-height: 40px;
   margin-bottom: 30px;
}
.modernization .left-content .text-card p{
   font-size: 16px;
}
.modernization .left-content .text-card{
   width: 229px;
   padding: 24px;
   margin-bottom: 30px;
}
.modernization .right-box h6{
   font-size: 18px;
   margin-bottom: 10px;
}
.modernization .right-box h4{
   font-size: 19px;
   margin-bottom: 10px;
}
.modernization .right-box p{
   font-size: 14px;
   line-height: 21px;
}
.Technology .technologys .accordion-item .accordion-header .accordion-button{
   font-size: 18px;
}
.Technology .technologys .accordion-item .accordion-header .accordion-button img{
   width: 28px;
   margin-right: 10px;
}
.Technology .technologys .accordion-item .accordion-body{
   font-size: 14px;
   line-height: 20px;
   padding: 0px 19px 18px 22px;
}
.Technology .technologys-content h2{
   font-size: 30px;
   margin-bottom: 15px;
}
.Technology .technologys-content p{
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 15px;
}
.technologys-content{
   margin-top: 30px;
}
.Technology .read a{
   font-size: 13px;
}
.Technology .read{
   margin-top: 20px;
}
.Technology{
   padding: 50px 0 ;
}
.contact-form .form h6{
   font-size: 18px;
}
.contact-form .form h2{
   font-size: 30px;
   margin-bottom: 20px;
}
.contact-form{
   padding: 50px 0;
}
.contact-form .form .form-control{
   font-size: 14px;
   padding: 15px;
}
.contact-form .form .btn{
   font-size: 14px;
   padding: 15px;
}
.services-content p{
   font-size: 14px ;
   line-height: 22px;
}
.services-content{
   padding: 50px 0;
}
.services-content .boxs img{
   width: 60px;
}
.Service-Offerings h2{
   font-size: 30px;
   margin-bottom: 30px;
}
.Service-Offerings{
   padding: 50px 0;
}
.Service-Offerings .offering-card .text h4{
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 30px;
}
.Service-Offerings .offering-card .text a{
   font-size: 14px;
}
.Service-Offerings .offering-card{
   margin-bottom: 20px;
}
.partners h2{
   font-size: 30px;
   margin-bottom: 20px;
}
.partners .partner-card img{
   width: 50%;
   margin: 0 auto;
}
.service-breif-content{
   padding: 50px 0;
}
.service-breif-content .right-text h2{
   font-size: 25px;
   line-height: 30px;
   margin-bottom: 20px;
}
.service-breif-content .right-text p{
   font-size: 14px;
   line-height: 21px;
}
.positition .tittle h2{
   font-size: 30px;
}
.positition{
   padding: 50px 0;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text h4{
   font-size: 16px;
   margin-bottom: 20px;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text{
   display: inline;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text h6{
   font-size: 15px;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text p{
  font-size: 14px;
   
   line-height: 23px !important;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .job-content{
   margin-left: 0;
}
.positition .accordion .accordion-item .accordion-header .accordion-button .top-text .icon{
   font-size: 30px;
   right: 21px;
   top: 24px;
   width: 34px;
   height: 34px;
   border-radius: 100px;

}
.positition .accordion .accordion-item .accordion-header .accordion-button{
   border-radius: 10px;
}
.positition .accordion .accordion-item{
   border-radius: 10px;
}
.positition .accordion .accordion-item .accordion-body p{
   font-size: 14px;
   line-height: 21px;
}
.positition .accordion .accordion-item .accordion-body h6{
   font-size: 16px;
}
.positition .accordion .accordion-item .accordion-body ul li{
   font-size: 14px;
   margin: 20px 0;
}
.positition .accordion .accordion-item .accordion-body ul li i{
   margin-right: 10px;
}
.positition .accordion .accordion-item .accordion-body .form-part h4{
   font-size: 18px;
}
.positition .accordion .accordion-item .accordion-body .form-part .form-label{
   font-size: 13px;
}
.positition .accordion .accordion-item .accordion-body .form-part .form-control{
   font-size: 14px;
   padding: 15px;
}
.positition .accordion .accordion-item .accordion-body .form-part .btn{
   font-size: 14px;
   padding: 10px 22px;

}
.positition .accordion .accordion-item .accordion-body {
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}
.industry-services .service-card img{
   width: 50px;
   margin-bottom: 15px;
}
.industry-services .service-card h6{
   font-size: 18px;
   margin-bottom: 15px;
}
.industry-services .service-card p{
   font-size: 14px;
   line-height: 21px;

}
.industry-services .service-card{
   padding: 20px;
   border-radius: 10px;
   min-height: fit-content;
   margin-bottom: 20px;
}
.industry-services .boxs img{
   width: 50px;
}
.industry-services .boxs{
   bottom: -31px;
}
.contact-us{
   padding: 50px 0;
}
.contact-us h2{
   font-size: 30px;
   text-align: center;
   
   margin-bottom: 25px;

}
.contact-us .map-box iframe{
   height: 50vh;
}
.contact-us .map-box .location img{
   width: 50px;
}
.contact-us .map-box .location p{
   font-size: 16px;
}
.contact-us .map-box .location h6{
   font-size: 18px;
}
.contact-us .map-box .location{
   padding: 15px;
}
.contact-us .map-box .location .text{
   margin-left: 15px;
}
.contact-us .map-box {
   padding: 14px;
   box-shadow: rgb(149 157 165 / 54%) 0px 8px 24px;
   border-radius: 10px;
   border-bottom: 5px solid #f17526;
   margin-right: 0;
}
.contact-us .form{
   margin-top: 30px;
}
.contact-us .form p{
   font-size: 14px;
   line-height: 21px;
   margin-bottom: 20px;
}
.contact-us .form .form-label{
   font-size: 13px;
}
.contact-us .form .form-control{
   font-size: 14px;
   padding: 15px;
}
.contact-us .form .btn{
   font-size: 13px;
   padding: 15px 20px;
}
.service-breif-text p{
   font-size: 14px;
   line-height: 21px;
}
.service-breif-text{
   padding: 50px 0;
}
.breif-tabs {
   display: inline  !important;
}
.services-include .breif-tabs .nav-pills h2{
   font-size: 30px;
   margin-bottom: 25px;
}
.services-include .breif-tabs .nav-pills p{
   font-size: 14px;
   line-height: 21px;
   margin-bottom: 20px;
}
.services-include .breif-tabs .nav-pills li .nav-link{
   font-size: 16px;
   padding: 15px;
}
.services-include .breif-tabs .nav-pills li img{
   width: 20px;
    margin-right: 15px;
   
}
.services-include .breif-tabs .nav-pills li{
   margin: 10px 0;
   box-shadow: rgb(149 157 165 / 28%) 0px 8px 24px;
   border-radius: 10px;
}
.services-include .breif-tabs .tab-content{
   margin-left: 0;
   width: 100%;
}
.services-include .breif-tabs .tab-content .breif-card .text p{
   font-size: 14px;
   line-height: 21px;
}
.services-include .breif-tabs .tab-content .breif-card {
 
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   box-shadow: rgb(149 157 165 / 42%) 0px 8px 24px;
}
.services-include .breif-tabs .tab-content .breif-card .text{
   padding: 20px;
}
.banner .banner-text {
   top:40%;
   margin-left:10px;
   left: 0;
}
.services .services-tab .nav-pills .nav-item::before {
   height: 60px;
   width: 2px;
   left:143px;
}
.breif-card-heading {
   font-size: 25px;
   margin-bottom: 20px;
   margin-top: 20px;
}
.solutions .solutions-card ul li i{
   font-size: 15px;
}
.solutions .solutions-card a i {
    font-size: 15px;
    margin-left: 13px;
}
.apps-text a{
   padding: 10px 15px;
   font-size: 15px;
}
.mobile h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
}
.mobile .ios-card img {
    width: 50px;
    margin-bottom: 10px;
}
.mobile .ios-card h2 {
    font-size: 17px;
    margin-bottom: 10px;
}
.mobile .ios-card p {
    font-size: 15px;
    line-height: 25px;
}
.mobile .ios-card {
    padding: 10px;
}

}


@media(min-width:992px) and (max-width:1199.98px){
   .navbar .pharma-logo{
      bottom: -6px;
      right: -125px;
   }
   .navbar .renar-logos .pharma-logo img{
      width: 107px;
   }
   .navbar .navbar-brand img{
      width: 71px;
   }
   .banner {
      height: 40vh;
  }
  .banner .banner-text {
   top:10%;
   left: 15%;
}
.banner .banner-text h1 {
   font-size: 40px;
   line-height: 65px;
   margin-bottom: 20px;
}
.banner .banner-text p {
   font-size: 25px;
   line-height: 40px;
}
.banner .banner-text .banner-btns .btn {
   font-size: 17px;
   padding: 10px 15px;
}
.about .about-right .accordion-item .accordion-button {
   font-size: 18px;
}
.about .about-right .accordion-item .accordion-body {
   font-size: 15px;
   padding: 20px;
   line-height: 25px;
}
.services .services-tab .nav-pills .nav-item .nav-link {
   font-size: 18px;
}
.services .services-tab .nav-pills .nav-item::before {
   height: 50px;
}
.services .services-tab .tab-content .service-card p {
   font-size: 15px;
   line-height: 20px;
}
.services .services-tab .tab-content .service-card a {
   font-size: 16px;
}
.service-breif-text p {
   font-size: 18px;
   line-height: 27px;
}
.about-banner-text .breadcrumbs .breadcrumb li {
   font-size: 14px;
}
.about-banner-text p {
   font-size: 15px;
}
.service-breif-content .right-text p {
   font-size: 15px;
}
.services-include .breif-tabs .nav-pills p {
   font-size: 13px;
   line-height: 19px;
}
.services-include .breif-tabs .nav-pills li .nav-link {
   padding: 10px;
   font-size: 12px;
}
.services-include .breif-tabs .tab-content .breif-card .text p {
   font-size: 14px;
   line-height: 20px;
}
.tittle p {
   font-size: 16px;
}
.solutions .solutions-card ul li {
   font-size: 13px;
}
.solutions .solutions-card {
   min-height: 28vh;
}
.solutions .solutions-card a{
   font-size:13px;
}
.services .services-tab .tab-content .service-card {
 
   min-height:25vh !important;
 
}
.about-banner {
   height: 25vh;
}
.client-slide .slick-track {
   height: 20vh !important;
}
.industry-services .service-card {
   min-height: 18vh;
}
.solutions .solutions-card ul li i{
   font-size: 15px;
}
.solutions .solutions-card a i {
    font-size: 15px;
    margin-left: 13px;
}
.apps-text a{
   padding: 10px 15px;
   font-size: 15px;
}
.mobile h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
}
.mobile .ios-card img {
    width: 50px;
    margin-bottom: 10px;
}
.mobile .ios-card h2 {
    font-size: 17px;
    margin-bottom: 10px;
}
.mobile .ios-card p {
    font-size: 15px;
    line-height: 25px;
}
.mobile .ios-card {
    padding:19px;
}
.partners .partners-left a {
    padding: 15px;
    font-size: 15px;
}
.Service-Offerings .offering-card .text a {
    font-size: 13px;
}
.contact-us .form {
    padding: 15px;
}

}