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

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900|Caladea:400,700");

#preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 9999;
   overflow: hidden;
   background: #fff;
 }
 
 #preloader:before {
   content: "";
   position: fixed;
   top: calc(50% - 30px);
   left: calc(50% - 30px);
   border: 6px solid #1977cc;
   border-top-color: #d1e6f9;
   border-radius: 50%;
   width: 60px;
   height: 60px;
   animation: animate-preloader 1s linear infinite;
 }
 
 @keyframes animate-preloader {
   0% {
     transform: rotate(0deg);
   }
 
   100% {
     transform: rotate(360deg);
   }
 }
 
 .dropdown .btn{
  /* margin-top: 1rem; */
  font-weight: 600;
  color: #454545;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-size: 1.4rem;
  transition: all .50s ease;
  padding: 0;
  padding: 1.1rem 1.5rem;
  border: none;
 }

 .dropdown .btn:hover{
  outline: none;
  border: none;
 }

 .dropdown-menu li a{
  font-weight: 600;
  color: #454545;
  font-family: "Poppins", sans-serif;
  font-size: 1.4rem;
  transition: all .50s ease;
  padding: 0;
  padding: .5rem 1.5rem;

 }

body {
 background: #f1f7fd none repeat scroll 0 0;
 color: #444;
 font-family: 'Open Sans', sans-serif;
 font-size: 1.4rem;
 text-align: left;
 overflow-x: hidden;
 line-height: 2.5rem;
}


html{
    font-size: 62.51%;
}


 h1, h2, h3, h4, h5, h6 {
 font-family: 'Raleway', sans-serif;
 margin: 0 0 1.5rem;
 font-weight: 500;
}

a:hover {
 text-decoration: none;
}

.carousel-inner{
    height: 500px;
    background-color:white;
    /* position: absolute; */
}

.carousel-indicators .active{
   background-color: #D2042D!important;
}

.carousel-indicators button {
   background-color: #008080!important;
}


.carousel-control-prev-icon, .carousel-control-next-icon {
   height: 5rem;
   width: 5rem;
   outline: #000000;
   background-color: rgba(0, 0, 0, 0.3);
   background-size: 50%, 50%;
   border-radius: 50%;
   border: 2px solid #D2042D;
}

.carousel-control-prev-icon:hover{
   background-color: #D2042D;
   transition: all .50s ease;
}

.carousel-control-next-icon:hover{
   background-color: #D2042D; 
   transition: all .50s ease;
}

#navbarmain .nav-link {
 font-weight: 600;
 padding: 1rem 1.5rem;
 color: #454545;
 font-family: "Poppins", sans-serif;
 text-transform: uppercase;
 font-size: 1.4rem;
 transition: all .50s ease;
 position: relative;
}


.nav-item a:hover {
   color:#D2042D!important;
}

.bgcol{
   background-color:  #f1f7fd!important;
}

.navbar-brand{
   color: #D2042D!important;
}


section {
 padding: 5rem 0;
 height: 90rem;
 overflow: hidden;
 background-color: #f1f7fd;
}

.mycarousel{
    padding: 5rem 0;
    height: 60rem;
    overflow: hidden;
    background-color: #f1f7fd;
}

.sectionbig {
    padding: 6rem 0;
    height: 50rem;
    overflow: hidden;
    background-color: #f1f7fd;
  }


.section-bg{
    background-color: #f1f7fd;
}

.section-title {
 text-align: center;
 padding-bottom: 3rem;
 margin-top: 3rem;
}




.section-title h2 {
 font-size: 3.2rem;
 font-weight: bold;
 text-transform: uppercase;
 margin-bottom: 2rem;
 padding-bottom: 2rem;
 position: relative;
 color: #000000;
}



.section-title h2::before {
 content: '';
 position: absolute;
 display: block;
 width: 12rem;
 height: .1rem;
 background: #ddd;
 bottom: .1rem;
 left: calc(50% - 6rem);
}

.section-title h2::after {
 content: '';
 position: absolute;
 display: block;
 width: 4rem;
 height: .3rem;
 background: #D2042D;
 bottom: 0;
 left: calc(50% - 2rem);
}


.about_img{
 min-width: 100%;
 max-height: 35rem;
 /* object-fit: cover; */
}

.section-bg h1 {
 font-size: 3.3rem;
 font-weight: bold;
 padding-bottom: 0px;
 position: relative;
 font-family: 'Open Sans', sans-serif;
 color: #F61B1B;
}

.section-bg h3 {
 font-size: 2.5rem;
 padding-bottom: .5rem;
 position: relative;
 font-family: 'Open Sans', sans-serif;
 color: blue;
}

.section-bg p {
 justify-content: center;
 display: flex; 
 font-size: 1.5rem;
 padding-bottom: .5rem;
 position: relative;
 font-family: 'Open Sans', sans-serif;
 line-height: 2.2rem;
 color:#000000;
 text-align: justify;
}

.countclient{
   margin-bottom: 7rem;
   margin-top: 2rem;
   background-color: #FFFFFF;
   height: 25rem;
   display: flex;
   justify-content: center;
   align-items: center;
   
}

.countclient h1{
 display: inline-block; 
 margin-top: 0 2rem;
 font-family: 'Open Sans', sans-serif;
 font-size: 4.5rem;
 font-weight: bold;
 text-align: center;
 color: #D2042D;
 padding-top: 2rem;

}
 
.countclient span{
    display: inline-block; 
    margin-top: 0 2rem;
    font-family: 'Open Sans', sans-serif;
    font-size: 4.5rem;
    font-weight: bold;
    text-align: center;
    color: #D2042D;
    padding-top: 2rem;
   }

.countclient p{
 font-family: 'Open Sans', sans-serif;
 font-size: 1.4rem;
 text-align: center;
 color:#191970;
}

.service-section{
 width: 100%;
 height: 75rem;
}


.service-section container{
   position: absolute;
}

.services-card-alig{
   margin-left: 13%;      
   margin-right: 13%;
   width: auto;
   align-items: center;
   overflow: hidden;
   padding-top: 3rem;
   text-align: center;
}

.b1  {
 border-bottom:   solid .3rem #D2042D;
 width: 100%;
 height: 43rem;
 background-color: #FFFFFF;  
 display: block;
 position: relative;
 box-shadow: 0 0 1rem 0 rgba(0,0,0,0.2); 
 transition: all 0.4s ease-in-out;
 /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.b1:hover{
    transform: translateY(-1.5rem);
    transition: all 0.4s ease-in-out;

}

.services-card-alig h2{
 font-family: 'Cairo', sans-serif;
 font-size: 2.5rem;
 font-weight: bold;
 text-align: center;
 color: #000000;   
}

.services-card-alig p{
 font-family: 'Open Sans', sans-serif;
 font-size: 1.5rem;
 color: #000000;   
 text-align: justify;
 padding-left: 2rem;
 padding-right: 2rem;
}

.header-buttons{
    padding-top: 2.8rem;
   }
   
   .header-buttons a{
    border: 1px solid  #D2042D;
    border-radius: 10rem;
    margin: 0 .5rem;
    padding: 1.2rem 2.5rem;
    outline: none;
    color:  #D2042D;
    font-size: 1.5rem;
    font-weight: 40rem;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
   }
   
   
   .header-buttons a:hover {
    color: #FFFFFF;
    background: #D2042D;
    border: .1rem solid #D2042D;
    box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
    transition: all .50s ease;
    text-decoration: none;
   }
   
   .fa-desktop,.fa-globe{
     /*cursor: none;*/
     color: #D2042D;
   }
   
   .countclient a{
     color: #D2042D; 
   }

   
   .contact {
    position: relative;
    height: 60rem;
    background-color: #FFFFFF;
   }
   

   .contact .container {
    position: relative;
   }
   
   .contact .info {
    width: 100%;
   }
   
   .contact .info i {
    font-size: 20px;
    background: #D2042D;
    color: #fff;
    float: left;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
   }
   
   .contact .info h4 {
    padding: 0 0 0 6rem;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: .5rem;
    color: #043c6d;
   }
   
   .contact .info p {
    padding: 0 0 0 6rem;
    margin-bottom: 0;
    font-size: 1.4rem;
    color: #444444;
   }

   .contact .info .email, .contact .info .phone {
    margin-top: 4rem;
   }
   
   .form-control:focus{
      border-color: #D2042D;
   }
   
   .contact .php-email-form {
    width: 100%;
    background: #fff;
   }
   
   .contact .php-email-form .form-group {
    padding-bottom: .8rem;
   }
   
   .contact .php-email-form .validate {
    display: none;
    color: red;
    margin: 0 0 1.5rem 0;
    font-weight: 400;
    font-size: 1.5rem;
   }

   .contact .php-email-form .sent-message  {
    /* display: none; */
    color:green;
    /* background: #18d26e; */
    text-align: center;
   }
   

   .contact .php-email-form .not-sent-message {
      color:red;
      text-align: center;
     }

   .contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 1.5rem;
   }

   .contact .php-email-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 1rem -.6rem 0;
    border: .3rem solid #18d26e;
    border-top-color: #eee;
    -webkit-animation: animate-loading 1s linear infinite;
    animation: animate-loading 1s linear infinite;
   }
   
   .contact .php-email-form input, .contact .php-email-form textarea {
    border-radius: .4rem;
    box-shadow: none;
    /*font-size: 1.4rem;*/
    font-size: 16px;
   }
   
   .contact .php-email-form input {
    height: 4.4rem;
   }


   .contact .php-email-form textarea {
    padding: 1rem 1.2rem;
   }

    
     

   .contact .php-email-form button[type="submit"] {
    border: .1rem solid  #D2042D;
    border-radius: 10rem;
    margin: 0 .5rem;
    padding: 1rem 2rem;
    outline: none;
    color:  #D2042D;
    background: #FFFFFF;
    font-size: 1.5rem!important;
    font-weight: 40rem;
    line-height: 1.4;
    text-align: center;
   }
   
   .contact .php-email-form button[type="submit"]:hover {
     color: #FFFFFF;
    background: #D2042D;
    border: 1px solid #D2042D;
    box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
    transition: all .50s ease;
    text-decoration: none; 
   }
   

   
   #footer {
    background: #008080;
    padding: 0 0 3rem 0;
    color:black;
    font-size: 1.4rem;
    height: 40rem;
   }
   
   #footer .footer-newsletter {
    padding: 5rem 0;
    background: #05579e;
   }
   
   #footer .footer-newsletter h4 {
    font-size: 2.4rem;
    margin: 0 0 2rem 0;
    padding: 0;
    line-height: 1;
    font-weight: 600;
   }
   

   #footer .footer-top {
    background: #d2dfff;
    padding: 60px 0 3rem 0;
   }
   
   #footer .footer-top .footer-info {
      margin-bottom: 3rem;
   }
   
   #footer .footer-top .footer-info h3 {
    font-size: 1.8rem;
    margin: 0 0 2rem 0;
    padding: .2rem 0 .2rem 0;
    line-height: 1;
    font-weight: 700;
   }
   
   #footer .footer-top .footer-info p {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-bottom: 0;
    font-family: "Raleway", sans-serif;
    color: black;
   }
   
   #footer .footer-top .social-links a {
    font-size: 1.6rem;
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    color:  black;
    line-height: 1;
    padding: 1rem 0;
    margin-right: .4rem;
    border-radius: 50%;
    text-align: center;
    width: 3.6rem;
    height: 3.6rem;
    transition: 0.3s;
   }
   
   #footer .footer-top .social-links a:hover {
    background: #f6b024;
    color: black;
    text-decoration: none;
   }
   
   #footer .footer-top h4 {
    font-size: 1.4rem;
    font-weight: bold;
    color:black;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 1.2rem;
   }
   
   #footer .footer-top .footer-links {
    margin-bottom: 3rem;
   }
   
   #footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
   }
   
   #footer .footer-top .footer-links ul i {
    padding-right: .2rem;
    color: #5db1f9;
    font-size: 1.8rem;
    line-height: 1;
   }
   
   #footer .footer-top .footer-links ul li {
    padding: 1rem 0;
    display: flex;
    align-items: center;
   }
   
   #footer .footer-top .footer-links ul li:first-child {
    padding-top: 0;
   }
   
   #footer .footer-top .footer-links ul a {
    color: black;
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4rem;
   }
   
   #footer .footer-top .footer-links ul a:hover {
    color: #D2042D;
   }
   
   #footer .footer-top .footer-contact {
    margin-bottom: 3rem;
   }
   
   #footer .footer-top .footer-contact p {
    line-height: 2.6rem;
    color: black;
   }

   .footer-top p{
    line-height: 2.6rem;
    font-size: 1.5rem;
    color: black;
   }
   
   #footer .copyright {
    text-align: center;
    padding-top: 3rem;
   }
   
   #footer .credits {
    padding-top: .5rem;
    text-align: center;
    font-size: 13px;
    color: #423e3e;
   }
   
   
   #footer .credits a {
      color:  #D2042D;
      text-decoration: none;
      font-weight: bold
   }
   
   
   .partnership{
     height: 60rem;
     width: 100%;
     background-color: #fff; 
     margin-top: 5rem;
     padding-top: 2rem;
     margin-bottom: 5rem;
   }

   
   .partnership p{
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
   
   }
   
   .partnershipbody{
     background-color: #D2042D;
     height: 25rem;
     width: 100%;
     padding-top: 100px;
     position: relative;
   }
   
   .partnershipbody span{
      font-size: 2rem;
      color: #fff;
      font-family: 'Open Sans', sans-serif;
      padding-top: 80px;
   }
   
   .partnershipbody H2 p{
      font-size: 2.8rem;
      color: #fff;
      font-family: 'Open Sans', sans-serif;
      position: relative;
   }
   
   .partnershipbody H3 p{
      font-size: 1.8rem;
      color: #FFFF00;
      font-family: 'Open Sans', sans-serif;
   }
   
   .partnershipbodymarg{
        margin-top: 3rem;
   }





   .pghead{
      height: 1000px;
      width: 100%;
      background-color: #fff;
    }
    
    .pghead p{
     text-align: justify;
     font-family: 'Open Sans', sans-serif;
    
    }
    
    .pgheadbody{
      background-color: #d2d7ee;
      height: 25rem;
      width: 100%;
      padding-top: 8rem;
      position: relative;
    }
    
    .pgheadbody span{
       font-size: 2rem;
       color: #fff;
       font-family: 'Open Sans', sans-serif;
       padding-top: 8rem;
    }
    
    .pgheadbody H2 p{
       font-size: 2.8rem;
       /* color: #fff; */
       color: black;
       font-family: 'Open Sans', sans-serif;
       position: relative;
    }
    
    .pgheadbody H3 p{
       font-size: 1.8rem;
       /* color: #FFFF00; */
       color: blue;
       font-family: 'Open Sans', sans-serif;
    }
    
    .pgheadbodymarg{
         margin-top: 3rem;
    }


   .agree2 h6{
      font-size: 1.5rem;
      font-weight: bold;
      color: #454545;
      font-family: 'Open Sans', sans-serif; 
   }
   

.our_products{
   background-color: white;
   height: 35rem;
   margin-top: 5rem;
   padding-top: 5rem;
   margin-left: 10rem;
}


.our_products h2{
   display: flex; 
   font-size: 3rem;
   font-weight: bold;
   position: relative;
   font-family: 'Open Sans', sans-serif;
   line-height: 2.2rem;
   color:#000000;
   text-align: justify;
}

.our_products p{
    color: #454545;
}

.our_products p{
   display: flex; 
   font-size: 1.6rem;
   position: relative;
   font-family: 'Open Sans', sans-serif;
   line-height: 2.2rem;
   color:#000000;
   text-align: justify;
}





.our_productsall{
    background-color: white;
    height: 35rem;
    margin-top: 5rem;
    padding-top: 2rem;
    margin-left: 10rem;
    margin-bottom: 5rem;
 }
 
 
 .our_productsall h2{
    display: flex; 
    font-size: 3rem;
    font-weight: bold;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    line-height: 2.2rem;
    color:#000000;
    text-align: justify;
 }
 
 .our_productsall p{
     color: #454545;
 }
 
 .our_productsall p{
    display: flex; 
    font-size: 1.6rem;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    line-height: 2.2rem;
    color:#000000;
    text-align: justify;
 }
 
 

.btn_info{
    height: 35px!important;
    font-family: 'Open Sans', sans-serif;
    background-color:  blue;
    outline:  blue;
    color: white;
    font-size: 1.4rem;
    font-weight: 30rem;
    margin-top: 2rem;
    margin-left: 1rem;
 
}


.btn_info:hover{
    height: 35px!important;
    font-family: 'Open Sans', sans-serif;
    background-color:  #D2042D;
    outline: #D2042D;
    color: white;
    font-size: 1.4rem;
    font-weight: 30rem;
    margin-top: 2rem;
    margin-left: 1rem;
    transition: all .50s ease;
    box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
}

.our_products_marg{
    margin-top: 3rem;
}

.abou{
   background-color:white;
   margin-top: 2rem;
   padding-top: 2rem;
   margin-bottom: 5rem;
}


.abou h1{
   display: flex; 
   font-size: 2.5rem;
   position: relative;
   font-family: 'Open Sans', sans-serif;
   line-height: 2.2rem;
   color:#000000;
   text-align: justify;
} 


 .abou h3{
   font-size: 1.9rem!important;
   font-family: 'Open Sans', sans-serif!important;
}


.accordion-button{
   height: 5rem;
   padding-top: 3rem;
   background-color: #F7F8FC!important;
   margin-bottom: 1.5rem;
   border: .1rem solid  rgb(218, 213, 213)!important;
   color: #454545;
}

.accordion-item ul li{
   font-size: 1.7rem;
   font-family: 'Open Sans', sans-serif;
   line-height: 3rem;
   margin-left: 3rem;
   color: #454545;
}

.talktoyou h2{
   margin-top: 2rem;
   text-align: center;
   font-size: 2rem;
   font-family: 'Open Sans', sans-serif;
   color:blue;
}

.priceo {
    font-size: 1.6rem;
    font-family: 'Open Sans', sans-serif;
    color: #454545;
}

.pricef{
    font-size: 3.4rem;
    font-family: 'Open Sans', sans-serif;
    color: #D2042D;
}


.section-title p {
   font-size: 1.7rem;
   margin-bottom: 2rem;
   padding-bottom: 2rem;
   position: relative;
   color: #454545;
   font-family: 'Open Sans', sans-serif;
  }


  .whypart h1{
    font-size: 3.6rem;
    font-weight: bold;
    position: relative;
    color:#3498DB;
    font-family: 'Open Sans', sans-serif;
  }

  .whypart p{
    font-size: 2rem;
    font-weight: bold;
    position: relative;
    line-height: 2.5rem;
    color: #3498DB;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 2rem;
  }

  .whypart h2{
    font-size: 1.7rem;
    position: relative;
    line-height: 2.5rem;
    color: #454545;
    font-family: 'Open Sans', sans-serif;
  }

  .whypart h3{
    font-size: 1.8rem;
    font-weight: bold;
    position: relative;
    line-height: 1.5rem;
    color: #454545;
    font-family: 'Open Sans', sans-serif;
  }

  .whypart ul li{
    font-size: 1.6rem;
    position: relative;
    line-height: 3.5rem;
    color: #454545;
    font-family: 'Open Sans', sans-serif;
  }

  .partimg img{
    width: 40rem;
    height: 40rem;
    margin-top: 5rem;
    margin-left: 5rem;
  }

  .softinfodescr img{
        width: 40rem;
        height: 50rem;
  }

  .softinfodescr{
    margin-top: 4rem;
  }

  .softinfodescr p{
    font-size: 1.5rem;
    position: relative;
    line-height: 2.5rem;
    color: #454545;
    font-family: 'Open Sans', sans-serif;
  }


  .oursoftbrand{
    margin-left: 20%;      
    margin-right: 20%;
    width: auto;
    align-items: center;
    overflow: hidden;
    padding-top: 5rem;
    margin-bottom: 5rem;
  }

  .oursoftbrand h2{
    font-size: 2.4rem;
    font-weight: bold;
    position: relative;
    line-height: 1.5rem;
    color: #454545;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  .oursoftbrand ul li{
    font-size: 1.7rem;
    font-family: 'Open Sans', sans-serif;
    margin-left: 3rem;
    line-height: 3.5rem;
    color: #454545;
 
  }


  .softinfo{
    margin-top: 10rem;
  }
 
 .softinfo h3{
     font-size: 2.4rem;
     font-weight: bold;
     position: relative;
     color: #000000;    
     text-align: center;
 }


 .webproces{
 /*   justify-content: center; */
    display: flex;  
    position: relative;
    text-align: justify;  
    margin-top: 2rem;
 }

 .webproces img{
    width: 3rem;
    height: 3rem;
 }

 .webproces h1{
    font-size: 1.8rem;
    font-weight: bold;
    color: #3498DB;    
    text-align: center;
    margin-left: 1.5rem;
    
 }


 .webprocesdet{
    margin-bottom: 3rem;
 }
 

 .webprocesdet p {
    font-size: 1.5rem;
    color:  #454545;
    margin-left:4.5rem;
 }


 .ourwebbrand{
    align-items: center;
    padding-top: 5rem;
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .ourwebbrand h2{
    font-size: 2.4rem;
    font-weight: bold;
    position: relative;
    line-height: 1.5rem;
    color: #454545;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
  }

  .websitehead{
    font-size: 2.4rem;
    font-weight: bold;
    color: #3498DB;    
  }

  .techimg img{
    width: 15rem;
    height: 15rem;
   
  }
  .techimg{
    text-align: center;
  }


  .jobs_typ{
   margin-left:20%;     
   margin-right: 20%; 
   width: auto;
   align-items: center;
}

/* .jobs_typ :hover{
   transition: all .4s linear;
	transform: scale(1.1);
} */


.jobs_typ h2{
    font-size: 1.5rem;
    font-weight: bold;
    color: black;
    font-family: 'Open Sans', sans-serif;
}

.jobdet{
    font-size: 1.4rem;
    font-weight: bold;
    color: black;
    font-family: 'Open Sans', sans-serif;
}

.card{
    width: 30rem;
    height: 26rem;
    margin-bottom: 5rem;
}


.btn_infomini{
    width: 11rem!important;
    height: 3.5rem!important;
    font-family: 'Open Sans', sans-serif;
    background-color:  blue;
    outline:  blue;
    font-size: 1.3rem;
    font-weight: bold;
    margin-top: 1rem;
    color: white;
 
}


 
.card-body img{
    width: 5rem;
    height: 5rem;
    margin-bottom: 2rem;
}

.jobreqdettoo  li{
    line-height: 3rem;
}

.jobreqdettoo li {
    list-style-type: circle;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5rem;
  }

  .jobreqdet{
    display: block;
    width: 100%;
    margin-top: 0;
    margin-bottom: 3rem;
    box-sizing: border-box;
  }


  .jobreqdet h2 {
    display: block;
    font-weight: 700;
    font-size: 3.4rem;
    line-height: 4.6rem;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0 2.5rem;
    }
    
    .jobreqdet ul {
    margin-bottom: 1rem;
    background: #fff;
    width: 100%;
    float: left;
    margin: 0 0 1.5rem 0;
    padding: 0;
    border: .1rem solid #d1d1d1;
    }


     .jobreqdet ul li {
    min-width: 100%;
    margin: 0;
    list-style-type: none;
    padding: 0 1.5rem;
    display: inline-block;
    /* float: left; */
    line-height: 4.8rem;
    border-bottom: .1rem solid #d1d1d1;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5rem;
    }  


     .jobreqdet ul li strong {
    font-weight: 800 !important;
    color: #222;
    width: 12.5rem;
    display: inline-block;
    margin-right: 1.5;
    border-right: .1rem solid #d1d1d1;
    }

    .jobreqdet ul li p {
        margin-bottom: 0 !important;
    }
    

    .jobheader {
        font-family: 'Open Sans', sans-serif;
        font-size: 2rem;   
        margin-top: .5rem;
        box-sizing: border-box;
    }

    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
       }


       .pgheadbodysecond{
        background-color: #d2d7ee;
        height: 20rem;
        width: 100%;
        padding-top: 8rem;  
        position: relative;
      }


      .pgheadbodysecond span{
        font-size: 2rem;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        padding-top: 8rem;
     }
     
     .pgheadbodysecond H2 p{
        font-size: 28rem;
        /* color: #fff; */
        color: black;
        font-family: 'Open Sans', sans-serif;
        position: relative;
     }
     
     .pgheadbodysecond H3 p{
        font-size: 1.8rem;
        /* color: #FFFF00; */
        color: blue;
        font-family: 'Open Sans', sans-serif;
     }



.jobhead{
    background-color: white;
}

.jobtitle h1{
    font-size: 1.7rem;
    color: black;
    font-family: 'Open Sans', sans-serif;
    line-height: 2.5rem;
    margin-top: 2rem;
    margin-bottom: 4rem;
}




.btn_infomini:hover{
    width: 11rem!important;
    height: 3.5rem!important;
    font-family: 'Open Sans', sans-serif;
    background-color: red;
    outline:  red;
    font-size: 1.3rem;
    font-weight: bold;
    margin-top: 1rem;
    transition: all .50s ease;
    color: white;
    box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
 
}

.thankyoupg{
    height: 50rem;
    background-color:white;
    display: flex;
   justify-content: center;
   align-items: center;
}

.thankyoupg h1{
    font-size: 4.6rem;
    font-weight: bold;
    color: black;
    font-family: 'Open Sans', sans-serif;
    margin-top: 2rem;
}


.thankyoupg p{
    font-size: 1.7rem;
    color: black;
    font-family: 'Open Sans', sans-serif;
    margin-top: 2rem;
}






.ourclientslist .table {
     border-collapse: separate;
     border-spacing: 0 1rem;
  }

   .ourclientslist table thead th {
     padding: .5rem;
     font-size: 1.6rem;
     color: #000; 
     font-family: 'Open Sans', sans-serif;
     background-color: white;

     }

   
   .ourclientslist .table tbody td {
     font-size: 2.2rem;
     color: black;
     font-family: 'Open Sans', sans-serif;
     box-shadow: 0 .2rem .4rem rgba(0, 0, 0, 0.05);
     -webkit-box-shadow: 0 .2rem .4rem rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 .2rem .4rem rgba(0, 0, 0, 0.05);
     background-color: white;
     height: 2rem;
     border-radius: .5rem!important;

     }


     .ourclientslist .table tbody td h2{
      padding-top: .5rem;
      font-size: 2rem;
      color: black;
      font-family: 'Open Sans', sans-serif;
      background-color: white;
      }

      .ourclientslist .table tbody td h3{
         padding-top: .5rem;
         font-size: 2rem;
         color: black;
         font-family: 'Open Sans', sans-serif;
         background-color: white;
         }


   .ourclientslist{
       padding-top: 6rem;
       margin-top: 5rem;
       padding-bottom: 5rem;
   }

   
   .ourclientslist h1{
      font-size: 2.4rem;
      font-weight: 600;
      font-family: 'Open Sans', sans-serif;
      margin-top: 2rem;  
      color: #D2042D;
     
   }


   .unselectable {
      -webkit-user-select: none;
      -webkit-touch-callout: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: #cc0000;
   }


   .back-to-top {
      position: fixed;
      display: none;
      right: 1.5rem;
      bottom: 1.5rem;
      z-index: 996;
      background: #1977cc;
      width: 4rem;
      height: 4rem;
      border-radius: .4rem;
      transition: all 0.4s;
      margin: 0;
      padding: 1rem 0 0 0;
  }
  
  
  .back-to-top i {
      font-size: 1.8rem;
      color: #fff;
      line-height: 0;
  }
    
    
    .back-to-top:hover {
      background: #298ce5;
      color: #fff;
    }
    
    .back-to-top.active {
      visibility: visible;
      opacity: 1;
    }

 
.abpharmasoft{
    width: 80rem;
   
}


.abpharmasoft h1{
    font-size: 3.2rem;
    font-weight: bold;
    position: relative;
    color: black;
    font-family: "Poppins", sans-serif;
    margin-bottom: 1rem;
    margin-left: 15rem;
    margin-top: 3rem;
  }
 
  .abpharmasoft h2{
    font-size: 3.6rem;
    font-weight: bold;
    position: relative;
    color: #055CC7;
    font-family: "Poppins", sans-serif;
    margin-left: 15rem;
    margin-top: .5rem;
  }

  
  .abpharmasoft ul li{
    font-size: 1.8rem;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    margin-left: 3rem;
    line-height: 3rem;
    color: #555555;
    margin-left: 13.5rem;
    list-style-type: none;
  }

  
  .abpharmasoft ul li::before {
    content: "\2022";
    color: #DA251D;
    font-weight: bold;
    display: inline-block; 
    width: 1.5rem;
    margin-left: -.5em;
    font-size: 2.8rem;
  }


.display_img {
    width: 10rem;
    height: 10rem;
    margin-left: 5rem;
    padding-top: 3rem;
    position: relative;
}


.loginbtn{
  height: 2.5rem!important;
  font-family: 'Open Sans', sans-serif;
  background-color:  #D2042D!important;
  outline: none;
  border: none;
  color: white;
  font-size: 1.4rem;
  font-weight: 30rem;
  margin-top: 1rem;
  margin-left: 1rem;
  padding-top: 0;
}

.loginbtn:hover{
    height: 2.5rem!important;
    font-family: 'Open Sans', sans-serif;
    background-color:  white!important;
    outline: none;
    border: none;
    color: white!important;
    font-size: 1.4rem;
    font-weight: 40rem;
    margin-top: 1rem;
    margin-left: 1rem;
    padding-top: 0;
  }


  
/* --------------------- another 1------------------------------- */

@media (min-width:300px) and (max-width:379.98px) {
 
   .abpharmasoft{
      width: 75rem;
    
  }
    
  html{
    font-size: 45%;
}



.carousel-inner{
    height: 50rem;
    background-color:white;
}



.service-section{
    height: 120rem;
   }


   .display_img {
    display: none;
 
}


.abpharmasoft h1{
    margin-left: 2.7rem;
    
  }
 
  .abpharmasoft h2{
    margin-left: 3rem;
    font-size: 2.3rem;
  }

  
  .abpharmasoft ul li{
    margin-left: 2rem;
    line-height: 3rem;
    font-size: 1.1rem;
  }

  
  .abpharmasoft ul li::before {
    width: 2rem;
    margin-left: -.1em;
  }

  section {
    height: 165rem;
   }

   .about_img{
     padding: 5%; 
   }

   .section-bg p {
    line-height: 2.5rem;
    padding-right: 1rem;
   }


   .service-section{
    height: 140rem;
   }


   .b1  {
    margin-bottom: 2.5rem;
    height: 55rem;
   }
   

 .services-card-alig p{
    font-size: 1.5rem;
   }

 
 .header-buttons{
   padding-top: 3rem;
 }
    
    .header-buttons a{
     padding: 1.2rem 2.5rem;
     font-size: 1.5rem;
    }
    


    .countclient h1{
      font-size: 3.5rem;
     
     }
      
     .countclient span{
         font-size: 3.5rem;
        }
     
     .countclient p{
      font-size: 1.4rem;
     }

     .fa-user-plus,.fa-bar-chart,.fa-users{
      font-size: 5rem!important;
     }



    .contact {
      height: 70rem;
     }

    .contact .info h4 {
      font-size: 2.5rem;
     }
     
     .contact .info p {
      font-size: 1.8rem;
      line-height: 3rem;
     }
     
     .contact .info h4{
         padding-left: 6rem;
     }

     .contact .info p{
      padding-left: 6rem;
  }

  .contact .info{
   margin-bottom: 4rem;
  }

     .fa-map-marker,.fa-phone,.fa-envelope-o{
      font-size: 2rem!important;
      width: 4rem!important;
      height: 4rem!important;
     }


     .softinfodescr p{
      font-size: 1.8rem;
      line-height: 2.5rem;
      padding-right: 2rem;
      padding-top: 2rem;
    }
  

    .oursoftbrand h2{
      line-height: 3rem;
    }
  
    .oursoftbrand ul li{
      font-size: 2rem;
      line-height: 5rem;
   
    }


.our_productsall{
   height: 73rem;
   margin-top: 3rem;
   padding-top: 1rem;
   margin-left: 1rem;
   margin-right: 1rem;
   box-sizing: border-box;
}

.about_img{
   padding: 5%;
   box-sizing: border-box;
 }


.our_productsall p{
   padding-right: 2rem;
}


.btn_info{
   height: 30px!important;
   outline:  blue;
   color: white;
   font-size: 1.7rem;
   font-weight: 500;

}


.btn_info:hover{
   height: 30px!important;
   font-size: 1.7rem;
}

.our_products_marg{
   margin-top: 3rem;
}

.our_products{
   height: 65rem;
   margin-left: 2rem;
   box-sizing: border-box;
}


.our_products p{
   padding-right: 3rem;
}

.accordion-item ul li{
   line-height: 3rem;
}

.table tbody td h2{
   font-size: 1.6rem;
   padding-top: 1rem;
   }

   .table tbody td h3{
      font-size: 1.6rem;
      padding-top: 1rem;
      }

  .section-title {
     box-sizing: border-box;
   }

   .partimg img{
      margin-top: -5rem;
      box-sizing: border-box;
      padding: 5%;
    }


    .whypart h1{
      font-size: 3rem;
    }
  
    .whypart p{
      font-size: 1.8rem;
    }
  
    .whypart h2{
      font-size: 1.5rem;
      margin-bottom: 2.5rem;
    }
  
    .partnership{
      height: 145hrem;
      box-sizing: border-box;
    }
 
    
    .partnership p{
      padding-right: 2rem;
    
    }

    .partnership img{
      width:100%;
      height: 70%;
      padding: 10%;
      box-sizing: border-box;
    }

    
    .partnershipbody{
      background-color: #D2042D;
      height: 25rem;
      width: 100%;
      padding-top: 100px;
      position: relative;
    }
    
    .partnershipbody span{
       font-size: 2rem;
       color: #fff;
       font-family: 'Open Sans', sans-serif;
       padding-top: 80px;
    }
    
    .partnershipbody H2 p{
       font-size: 2.8rem;
       color: #fff;
       font-family: 'Open Sans', sans-serif;
       position: relative;
    }
    
    .partnershipbody H3 p{
       font-size: 1.8rem;
       color: #FFFF00;
       font-family: 'Open Sans', sans-serif;
    }
    
    .partnershipbodymarg{
         margin-top: 3rem;
    }

    .contact {
      height: 100rem;
      box-sizing: border-box;
     }


     .contact3 {
      height: 138rem;
      box-sizing: border-box;
  }
  
  .jobapply{
   height: 80rem;
   box-sizing: border-box;
   
  }

     

   .applyjob img{
      width: 90%;
      height: 90%;
      padding: 10%;
      box-sizing: border-box;
   }

   .back-to-top {
      border-radius: 50%;
  }


}
/* --------------------- another 2------------------------------- */

@media (min-width:380px) and (max-width:468px) {
 
   .abpharmasoft{
      width: 75rem;
    
  }
    
  html{
    font-size: 45%;
}



.carousel-inner{
    height: 50rem;
    background-color:white;
}



.service-section{
    height: 120rem;
   }


   .display_img {
    display: none;
 
}


.abpharmasoft h1{
    margin-left: 3rem;
    
  }
 
  .abpharmasoft h2{
    margin-left: 3rem;
    font-size: 3rem;
  }

  
  .abpharmasoft ul li{
    margin-left: 2rem;
    line-height: 3rem;
    font-size: 1.4rem;
  }

  
  .abpharmasoft ul li::before {
    width: 2rem;
    margin-left: -.1em;
  }

  section {
    height: 150rem;
   }

   .about_img{
     padding: 5%; 
   }

   .section-bg p {
    line-height: 2.5rem;
    padding-right: 1rem;
   }


   .service-section{
    height: 120rem;
   }


   .b1  {
    margin-bottom: 2.5rem;
    height: 46rem;
   }
   

 .services-card-alig p{
    font-size: 1.7rem;
   }


 
 .header-buttons{
   padding-top: 3rem;
 }
    
    .header-buttons a{
     padding: 1.2rem 2.5rem;
     font-size: 1.5rem;
    }
    

    .contact {
      height: 70rem;
     }

    .contact .info h4 {
      font-size: 2.5rem;
     }
     
     .contact .info p {
      font-size: 1.8rem;
      line-height: 3rem;
     }
     
     .contact .info h4{
         padding-left: 6rem;
     }

     .contact .info p{
      padding-left: 6rem;
  }

  .contact .info{
   margin-bottom: 4rem;
  }

     .fa-map-marker,.fa-phone,.fa-envelope-o{
      font-size: 2rem!important;
      width: 4rem!important;
      height: 4rem!important;
     }


     .softinfodescr p{
      font-size: 1.8rem;
      line-height: 2.5rem;
      padding-right: 2rem;
      padding-top: 2rem;
    }
  

    .oursoftbrand h2{
      line-height: 3rem;
    }
  
    .oursoftbrand ul li{
      font-size: 2rem;
      line-height: 5rem;
   
    }


.our_productsall{
   height: 73rem;
   margin-top: 3rem;
   padding-top: 1rem;
   margin-left: 1rem;
   margin-right: 1rem;
   box-sizing: border-box;
}

.about_img{
   padding: 5%;
   box-sizing: border-box;
 }


.our_productsall p{
   padding-right: 2rem;
}


.btn_info{
   height: 30px!important;
   outline:  blue;
   color: white;
   font-size: 1.7rem;
   font-weight: 500;

}


.btn_info:hover{
   height: 30px!important;
   font-size: 1.7rem;
}

.our_products_marg{
   margin-top: 3rem;
}

.our_products{
   height: 65rem;
   margin-left: 2rem;
   box-sizing: border-box;
}


.our_products p{
   padding-right: 3rem;
}

.accordion-item ul li{
   line-height: 3rem;
}

.table tbody td h2{
   font-size: 1.6rem;
   padding-top: 1rem;
   }

   .table tbody td h3{
      font-size: 1.6rem;
      padding-top: 1rem;
      }

  .section-title {
     box-sizing: border-box;
   }

   .partimg img{
      margin-top: -5rem;
      box-sizing: border-box;
      padding: 5%;
    }


    .whypart h1{
      font-size: 3rem;
    }
  
    .whypart p{
      font-size: 1.8rem;
    }
  
    .whypart h2{
      font-size: 1.5rem;
      margin-bottom: 2.5rem;
    }
  
    .partnership{
      height: 145hrem;
      box-sizing: border-box;
    }
 
    
    .partnership p{
      padding-right: 2rem;
    
    }

    .partnership img{
      width:100%;
      height: 70%;
      padding: 10%;
      box-sizing: border-box;
    }

    
    .partnershipbody{
      background-color: #D2042D;
      height: 25rem;
      width: 100%;
      padding-top: 100px;
      position: relative;
    }
    
    .partnershipbody span{
       font-size: 2rem;
       color: #fff;
       font-family: 'Open Sans', sans-serif;
       padding-top: 80px;
    }
    
    .partnershipbody H2 p{
       font-size: 2.8rem;
       color: #fff;
       font-family: 'Open Sans', sans-serif;
       position: relative;
    }
    
    .partnershipbody H3 p{
       font-size: 1.8rem;
       color: #FFFF00;
       font-family: 'Open Sans', sans-serif;
    }
    
    .partnershipbodymarg{
         margin-top: 3rem;
    }

    .contact {
      height: 100rem;
      box-sizing: border-box;
     }


     .contact3 {
      height: 145rem;
      box-sizing: border-box;
  }
  
  .jobapply{
   height: 80rem;
   box-sizing: border-box;
   
  }


   .applyjob img{
      width: 90%;
      height: 90%;
      padding: 10%;
      box-sizing: border-box;
   }

   .back-to-top {
      border-radius: 50%;
  }


}




/* ----------------ANOTHER 3 -------------------------- */

@media (min-width:468px) and (max-width:575.98px) {
 
   .abpharmasoft{
      width: 75rem;
    
  }
    
  html{
    font-size: 48%;
}



.carousel-inner{
    height: 50rem;
    background-color:white;
}



.service-section{
    height: 120rem;
   }


   .display_img {
    display: none;
 
}


.abpharmasoft h1{
    margin-left: 3rem;
    
  }
 
  .abpharmasoft h2{
    margin-left: 3rem;
    font-size: 3rem;
  }

  
  .abpharmasoft ul li{
    margin-left: 2rem;
    line-height: 3rem;
    font-size: 1.5rem;
  }

  
  .abpharmasoft ul li::before {
    width: 2rem;
    margin-left: -.1em;
  }

  section {
    height: 150rem;
   }

   .about_img{
     padding: 5%; 
   }

   .section-bg p {
    line-height: 2.5rem;
    padding-right: 1rem;
   }


   .service-section{
    height: 120rem;
   }


   .b1  {
    margin-bottom: 2.5rem;
    height: 46rem;
   }
   

 .services-card-alig p{
    font-size: 1.7rem;
   }


 
 .header-buttons{
   padding-top: 3rem;
 }
    
    .header-buttons a{
     padding: 1.2rem 2.5rem;
     font-size: 1.5rem;
    }
    

    .contact {
      height: 70rem;
     }

    .contact .info h4 {
      font-size: 2.5rem;
     }
     
     .contact .info p {
      font-size: 1.8rem;
      line-height: 3rem;
     }
     
     .contact .info h4{
         padding-left: 6rem;
     }

     .contact .info p{
      padding-left: 6rem;
  }

  .contact .info{
   margin-bottom: 4rem;
  }

     .fa-map-marker,.fa-phone,.fa-envelope-o{
      font-size: 2rem!important;
      width: 4rem!important;
      height: 4rem!important;
     }


     .softinfodescr p{
      font-size: 1.8rem;
      line-height: 2.5rem;
      padding-right: 2rem;
      padding-top: 2rem;
    }
  

    .oursoftbrand h2{
      line-height: 3rem;
    }
  
    .oursoftbrand ul li{
      font-size: 2rem;
      line-height: 5rem;
   
    }


.our_productsall{
   height: 73rem;
   margin-top: 3rem;
   padding-top: 1rem;
   margin-left: 1rem;
   margin-right: 1rem;
   box-sizing: border-box;
}

.about_img{
   padding: 5%;
   box-sizing: border-box;
 }


.our_productsall p{
   padding-right: 2rem;
}


.btn_info{
   height: 30px!important;
   outline:  blue;
   color: white;
   font-size: 1.7rem;
   font-weight: 500;

}


.btn_info:hover{
   height: 30px!important;
   font-size: 1.7rem;
}

.our_products_marg{
   margin-top: 3rem;
}

.our_products{
   height: 65rem;
   margin-left: 2rem;
   box-sizing: border-box;
}


.our_products p{
   padding-right: 3rem;
}

.accordion-item ul li{
   line-height: 3rem;
}

.table tbody td h2{
   font-size: 1.6rem;
   padding-top: 1rem;
   }

   .table tbody td h3{
      font-size: 1.6rem;
      padding-top: 1rem;
      }

  .section-title {
     box-sizing: border-box;
   }

   .partimg img{
      margin-top: -5rem;
      box-sizing: border-box;
      padding: 5%;
    }


    .whypart h1{
      font-size: 3rem;
    }
  
    .whypart p{
      font-size: 1.8rem;
    }
  
    .whypart h2{
      font-size: 1.5rem;
      margin-bottom: 2.5rem;
    }
  
    .partnership{
      height: 145hrem;
      box-sizing: border-box;
    }
 
    
    .partnership p{
      padding-right: 2rem;
    
    }

    .partnership img{
      width:100%;
      height: 70%;
      padding: 10%;
      box-sizing: border-box;
    }

    
    .partnershipbody{
      background-color: #D2042D;
      height: 25rem;
      width: 100%;
      padding-top: 100px;
      position: relative;
    }
    
    .partnershipbody span{
       font-size: 2rem;
       color: #fff;
       font-family: 'Open Sans', sans-serif;
       padding-top: 80px;
    }
    
    .partnershipbody H2 p{
       font-size: 2.8rem;
       color: #fff;
       font-family: 'Open Sans', sans-serif;
       position: relative;
    }
    
    .partnershipbody H3 p{
       font-size: 1.8rem;
       color: #FFFF00;
       font-family: 'Open Sans', sans-serif;
    }
    
    .partnershipbodymarg{
         margin-top: 3rem;
    }

    .contact {
      height: 100rem;
      box-sizing: border-box;
     }


     .contact3 {
      height: 148rem;
      box-sizing: border-box;
  }
  
  .jobapply{
   height: 85rem;
   box-sizing: border-box;
   
  }

     

   .applyjob img{
      width: 80%;
      height: 80%;
      padding: 5%;
      box-sizing: border-box;
   }

   .back-to-top {
      border-radius: 50%;
  }


}





/* --------------------ANOTHER 4 -------------------------- */

@media (min-width:576px) and (max-width:767.98px) {
 
   .abpharmasoft{
      width: 75rem;
    
  }
    
  html{
    font-size: 48%;
}

.carousel-inner{
    height: 50rem;
    background-color:white;
}

.service-section{
    height: 100rem;
   }


   .display_img {
    display: none;
 
}


.abpharmasoft h1{
    margin-left: 3rem;
    
  }
 
  .abpharmasoft h2{
    margin-left: 3rem;
    font-size: 3rem;
  }

  
  .abpharmasoft ul li{
    margin-left: 2rem;
    line-height: 3rem;
    font-size: 1.8rem;
  }

  
  .abpharmasoft ul li::before {
    width: 2rem;
    margin-left: -.1em;
  }

  section {
    height: 150rem;
   }

   .about_img{
     padding: 5%; 
   }

   .section-bg p {
    line-height: 2.5rem;
    padding-right: 1rem;
   }


   .service-section{
    height: 80rem;
   }


   .b1  {
    margin-bottom: 2.5rem;
    height: 54rem;
   }
   
   .services-card-alig{
      margin-left: 1%;      
      margin-right: 1%;
   }

 .services-card-alig p{
    font-size: 1.7rem;
   }


 
 .header-buttons{
   padding-top: 3rem;
 }
    
    .header-buttons a{
     padding: 1.2rem 2.5rem;
     font-size: 1.5rem;
    }
    

    .contact {
      height: 70rem;
     }

    .contact .info h4 {
      font-size: 2.5rem;
     }
     
     .contact .info p {
      font-size: 1.8rem;
      line-height: 3rem;
     }
     
     .contact .info h4{
         padding-left: 6rem;
     }

     .contact .info p{
      padding-left: 6rem;
  }

  .contact .info{
   margin-bottom: 4rem;
  }

     .fa-map-marker,.fa-phone,.fa-envelope-o{
      font-size: 3rem!important;
      width: 5rem!important;
      height: 5rem!important;
     }


     .softinfodescr p{
      font-size: 1.8rem;
      line-height: 2.5rem;
      padding-right: 2rem;
      padding-top: 2rem;
    }
  

    .oursoftbrand h2{
      line-height: 3rem;
    }
  
    .oursoftbrand ul li{
      font-size: 2rem;
      line-height: 5rem;
   
    }


.our_productsall{
   height: 73rem;
   margin-top: 3rem;
   padding-top: 1rem;
   margin-left: 1rem;
   margin-right: 1rem;
   box-sizing: border-box;
}

.about_img{
   padding: 5%;
   box-sizing: border-box;
 }


.our_productsall p{
   padding-right: 2rem;
}


.btn_info{
   height: 30px!important;
   outline:  blue;
   color: white;
   font-size: 1.7rem;
   font-weight: 500;

}


.btn_info:hover{
   height: 30px!important;
   font-size: 1.7rem;
}

.our_products_marg{
   margin-top: 3rem;
}

.our_products{
   height: 65rem;
   margin-left: 2rem;
   box-sizing: border-box;
}


.our_products p{
   padding-right: 3rem;
}

.accordion-item ul li{
   line-height: 3rem;
}

.table tbody td h2{
   font-size: 1.6rem;
   padding-top: 1rem;
   }

   .table tbody td h3{
      font-size: 1.6rem;
      padding-top: 1rem;
      }

  .section-title {
     box-sizing: border-box;
   }

   .partimg img{
      margin-top: -5rem;
      box-sizing: border-box;
      padding: 5%;
    }


    .whypart h1{
      font-size: 3rem;
    }
  
    .whypart p{
      font-size: 1.8rem;
    }
  
    .whypart h2{
      font-size: 1.5rem;
      margin-bottom: 2.5rem;
    }
  
    .partnership{
      height: 145hrem;
      box-sizing: border-box;
    }
 
    
    .partnership p{
      padding-right: 2rem;
    
    }

    .partnership img{
      width:100%;
      height: 70%;
      padding: 10%;
      box-sizing: border-box;
    }

    .partimg img{
    margin-left: 0rem;
    margin-top: 3rem;
    }
    
    .partnershipbody{
      background-color: #D2042D;
      height: 25rem;
      width: 100%;
      padding-top: 100px;
      position: relative;
    }
    
    .partnershipbody span{
       font-size: 2rem;
       color: #fff;
       font-family: 'Open Sans', sans-serif;
       padding-top: 80px;
    }
    
    .partnershipbody H2 p{
       font-size: 2.8rem;
       color: #fff;
       font-family: 'Open Sans', sans-serif;
       position: relative;
    }
    
    .partnershipbody H3 p{
       font-size: 1.8rem;
       color: #FFFF00;
       font-family: 'Open Sans', sans-serif;
    }
    
    .partnershipbodymarg{
         margin-top: 3rem;
    }

    .contact {
      height: 100rem;
      box-sizing: border-box;
     }


     .contact3 {
      height: 148rem;
      box-sizing: border-box;
  }
  
  .jobapply{
   height: 50rem;
   box-sizing: border-box;
   
  }
  

   .applyjob img{
      width: 100%;
      height: 100%;
      padding: 5%;
      margin-top: 7rem;
      /* box-sizing: border-box; */
   }

   .back-to-top {
      border-radius: 50%;
  }

  .jobs_typ{
   margin-left:1%;     
   margin-right: 1%; 
   width: auto;
   align-items: center;
}


}



/* --------------------ANOTHER 5 -------------------------- */


@media (min-width:768px) and (max-width:991px) {
 
   .abpharmasoft{
      width: 75rem;
    
  }
    
  html{
    font-size: 55%;
}

.carousel-inner{
    height: 50rem;
    background-color:white;
}

.service-section{
    height: 100rem;
   }


   .display_img {
    display: none;
 
}


.abpharmasoft h1{
    margin-left: 3rem;
    
  }
 
  .abpharmasoft h2{
    margin-left: 3rem;
    font-size: 3rem;
  }

  
  .abpharmasoft ul li{
    margin-left: 2rem;
    line-height: 3rem;
    font-size: 1.8rem;
  }

  
  .abpharmasoft ul li::before {
    width: 2rem;
    margin-left: -.1em;
  }

  section {
    height: 110rem;
   }


   .about_img{
     padding: 5%; 
   }

   .section-bg p {
    line-height: 2.5rem;
    padding-right: 1rem;
   }


   .service-section{
    height: 80rem;
   }


   .b1  {
    margin-bottom: 2.5rem;
    height: 54rem;
   }
   
   .services-card-alig{
      margin-left: 1%;      
      margin-right: 1%;
   }

 .services-card-alig p{
    font-size: 1.7rem;
   }


 
 .header-buttons{
   padding-top: 3rem;
 }
    
    .header-buttons a{
     padding: 1.2rem 2.5rem;
     font-size: 1.5rem;
    }
    

    .contact {
      height: 70rem;
     }

    .contact .info h4 {
      font-size: 2.5rem;
     }
     
     .contact .info p {
      font-size: 1.8rem;
      line-height: 3rem;
     }
     
     .contact .info h4{
         padding-left: 6rem;
     }

     .contact .info p{
      padding-left: 6rem;
  }

  .contact .info{
   margin-bottom: 4rem;
  }

     .fa-map-marker,.fa-phone,.fa-envelope-o{
      font-size: 3rem!important;
      width: 5rem!important;
      height: 5rem!important;
     }


     .softinfodescr p{
      font-size: 1.8rem;
      line-height: 2.5rem;
      padding-right: 2rem;
      padding-top: 2rem;
    }
  

    .oursoftbrand h2{
      line-height: 3rem;
    }
  
    .oursoftbrand ul li{
      font-size: 2rem;
      line-height: 5rem;
   
    }


.our_productsall{
   height: 37rem;
   margin-top: 3rem;
   padding-top: 1rem;
   margin-left: 1rem;
   margin-right: 1rem;
   box-sizing: border-box;
}

.about_img{
   padding: 1%;
   box-sizing: border-box;
 }


.our_productsall p{
   padding-right: 2rem;
}


.btn_info{
   height: 30px!important;
   outline:  blue;
   color: white;
   font-size: 1.7rem;
   font-weight: 500;

}


.btn_info:hover{
   height: 30px!important;
   font-size: 1.7rem;
}

.our_products_marg{
   margin-top: 3rem;
}

.our_products{
   height: 32rem;
   margin-left: 2rem;
   box-sizing: border-box;
}


.our_products p{
   padding-right: 3rem;
}

.accordion-item ul li{
   line-height: 3rem;
}

.table tbody td h2{
   font-size: 1.6rem;
   padding-top: 1rem;
   }

   .table tbody td h3{
      font-size: 1.6rem;
      padding-top: 1rem;
      }

  .section-title {
     box-sizing: border-box;
   }

   .partimg img{
      margin-top: -5rem;
      box-sizing: border-box;
      padding: 5%;
    }


    .whypart h1{
      font-size: 3rem;
    }
  
    .whypart p{
      font-size: 1.8rem;
    }
  
    .whypart h2{
      font-size: 1.5rem;
      margin-bottom: 2.5rem;
    }
  
    .partnership{
      height: 145hrem;
      box-sizing: border-box;
    }
 
    
    .partnership p{
      padding-right: 2rem;
    
    }

    .partnership img{
      width:100%;
      height: 70%;
      padding: 10%;
      box-sizing: border-box;
    }

    .partimg img{
    margin-left: 0rem;
    margin-top: 3rem;
    }
    
    .partnershipbody{
      background-color: #D2042D;
      height: 25rem;
      width: 100%;
      padding-top: 100px;
      position: relative;
    }
    
    .partnershipbody span{
       font-size: 2rem;
       color: #fff;
       font-family: 'Open Sans', sans-serif;
       padding-top: 80px;
    }
    
    .partnershipbody H2 p{
       font-size: 2.8rem;
       color: #fff;
       font-family: 'Open Sans', sans-serif;
       position: relative;
    }
    
    .partnershipbody H3 p{
       font-size: 1.8rem;
       color: #FFFF00;
       font-family: 'Open Sans', sans-serif;
    }
    
    .partnershipbodymarg{
         margin-top: 3rem;
    }

    .contact {
      height: 100rem;
      box-sizing: border-box;
     }


     .contact3 {
         height: 60rem;
         box-sizing: border-box;
     }
     
     .jobapply{
      height: 50rem;
      box-sizing: border-box;
      
     }

   .applyjob img{
      width: 100%;
      height: 100%;
      padding: 5%;
      margin-top: 7rem;
      /* box-sizing: border-box; */
   }

   .back-to-top {
      border-radius: 50%;
  }

  .jobs_typ{
   margin-left:10%;     
   margin-right: 10%; 
   width: auto;
   align-items: center;
}


}



/* --------------------ANOTHER 6 -------------------------- */


@media (min-width:990.98px) and (max-width:1199px) {
 
   .abpharmasoft{
      width: 75rem;
    
  }
    
  html{
    font-size: 65%;
}

.carousel-inner{
    height: 50rem;
    background-color:white;
}

.service-section{
    height: 100rem;
   }


   .display_img img{
      /* display: none; */
      width: 40rem;
      height: 40rem;
      margin-left: 0;
      padding-top: 1rem;
      position: relative;
  
}


.abpharmasoft h1{
    margin-left: 3rem;
    
  }
 
  .abpharmasoft h2{
    margin-left: 3rem;
    font-size: 3rem;
  }

  
  .abpharmasoft ul li{
    margin-left: 2rem;
    line-height: 3rem;
    font-size: 1.5rem;
  }

  
  .abpharmasoft ul li::before {
    width: 2rem;
    margin-left: -.1em;
  }

  section {
    height: 95rem;
   }


   .about_img{
     padding: 5%; 
   }

   .section-bg p {
    line-height: 2.5rem;
    padding-right: 1rem;
   }


   .service-section{
    height: 80rem;
   }


   .b1  {
    margin-bottom: 2.5rem;
    height: 45rem;
   }
   
   .services-card-alig{
      margin-left: 1%;      
      margin-right: 1%;
   }

 .services-card-alig p{
    font-size: 1.7rem;
   }


 
 .header-buttons{
   padding-top: 3rem;
 }
    
    .header-buttons a{
     padding: 1.2rem 2.5rem;
     font-size: 1.5rem;
    }
    

    .contact {
        height: 65rem!important;
        box-sizing: border-box;
      
     }

    .contact .info h4 {
      font-size: 2.5rem;
     }
     
     .contact .info p {
      font-size: 1.8rem;
      line-height: 3rem;
     }
     
     .contact .info h4{
         padding-left: 6rem;
     }

     .contact .info p{
      padding-left: 6rem;
  }

  .contact .info{
   margin-bottom: 4rem;
  }

     .fa-map-marker,.fa-phone,.fa-envelope-o{
      font-size: 3rem!important;
      width: 5rem!important;
      height: 5rem!important;
     }


     .softinfodescr p{
      font-size: 1.8rem;
      line-height: 2.5rem;
      padding-right: 2rem;
      padding-top: 2rem;
    }
  

    .oursoftbrand h2{
      line-height: 3rem;
    }
  
    .oursoftbrand ul li{
      font-size: 2rem;
      line-height: 5rem;
   
    }


.our_productsall{
   height: 37rem;
   margin-top: 3rem;
   padding-top: 1rem;
   margin-left: 1rem;
   margin-right: 1rem;
   box-sizing: border-box;
}

.about_img{
   padding: 1%;
   box-sizing: border-box;
 }


.our_productsall p{
   padding-right: 2rem;
}


.btn_info{
   height: 40px!important;
   outline:  blue;
   color: white;
   font-size: 1.7rem;
   font-weight: 500;

}


.btn_info:hover{
   height: 40px!important;
   font-size: 1.7rem;
}

.our_products_marg{
   margin-top: 3rem;
}

.our_products{
   height: 32rem;
   margin-left: 2rem;
   box-sizing: border-box;
}


.our_products p{
   padding-right: 3rem;
}

.accordion-item ul li{
   line-height: 3rem;
}

.table tbody td h2{
   font-size: 1.6rem;
   padding-top: 1rem;
   }

   .table tbody td h3{
      font-size: 1.6rem;
      padding-top: 1rem;
      }

  .section-title {
     box-sizing: border-box;
   }

   .partimg img{
      margin-top: -5rem;
      box-sizing: border-box;
      padding: 5%;
    }


    .whypart h1{
      font-size: 3rem;
    }
  
    .whypart p{
      font-size: 1.8rem;
    }
  
    .whypart h2{
      font-size: 1.5rem;
      margin-bottom: 2.5rem;
    }
  
    .partnership{
      height: 145hrem;
      box-sizing: border-box;
    }
 
    
    .partnership p{
      padding-right: 2rem;
    
    }

    .partnership img{
      width:100%;
      height: 70%;
      padding: 10%;
      box-sizing: border-box;
    }

    .partimg img{
    margin-left: 0rem;
    margin-top: 3rem;
    }
    
    .partnershipbody{
      background-color: #D2042D;
      height: 25rem;
      width: 100%;
      padding-top: 100px;
      position: relative;
    }
    
    .partnershipbody span{
       font-size: 2rem;
       color: #fff;
       font-family: 'Open Sans', sans-serif;
       padding-top: 80px;
    }
    
    .partnershipbody H2 p{
       font-size: 2.8rem;
       color: #fff;
       font-family: 'Open Sans', sans-serif;
       position: relative;
    }
    
    .partnershipbody H3 p{
       font-size: 1.8rem;
       color: #FFFF00;
       font-family: 'Open Sans', sans-serif;
    }
    
    .partnershipbodymarg{
         margin-top: 3rem;
    }

    .contact {
      height: 100rem;
      box-sizing: border-box;
     }


     .contact3 {
         height: 60rem;
         box-sizing: border-box;
     }
     
     .jobapply{
      height: 50rem!important;
      box-sizing: border-box;
      
     }

   .applyjob img{
      width: 100%;
      height: 100%;
      padding: 5%;
      margin-top: 7rem;
      /* box-sizing: border-box; */
   }

   .back-to-top {
      border-radius: 50%;
  }

  .jobs_typ{
   margin-left:10%;     
   margin-right: 10%; 
   width: auto;
   align-items: center;
}


}

  
.css1{
  background-color:#D2042D;
  font-size:1.5rem;
  height: 2.8rem;
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
  color:#fff;
}