/*Common Css*/
    .theme-bg1{
        background:#295182;
    }
    
    .theme-bg2{
        background:#006CB4;
    }

/*Header-top*/

    .call-to-action li,.call-to-action li a ,.social-icon a {
        color: #fff;
        font-weight: 600;
    }

/*span color*/
    .title-span{
        color:#43844e;
    }


/*Get a Quote */

    /* Section Styling */
    .quote-main {
      background-color: #295182;
      padding-top: 0;
      padding-bottom: 0;
      border: none;
    }
    
    
    /* Heading Styling */
    .heading {
        border-bottom: 3px solid #43844e;
        /* padding-bottom: 10px; */
    }
    
    .subheading {
      line-height: 1.6;
      font-weight: 600;
      text-transform: uppercase;
      color: #fff;
      margin-bottom: 10px;
    }
    
    .main-heading {
      font-size: 2.2em;
      line-height: 1.4;
      color: #fff;
      margin-bottom: 10px;
      font-weight:700;
    }
    
    .subtext {
        font-weight: 700;
        color: #fff;
        font-size: 17px;
        margin-bottom: 40px;
    }
    
    /* Icon Box Styling */
    .icon-box {
      display: flex;
      align-items: center;
      margin-bottom: 0;
      padding:20px;
      justify-content:center;
        
    }
    
    .icon-circle {
      display: inline-block;
      text-align: center !important;
      border-radius: 50%;
      /*padding: 10px;*/
      color: #183f72 !important;
      font-size: 30px !important;
      margin-right: 15px;
      margin-bottom:0px !important;
    }
    
    .icon-box i{
        font-size:30px;
      margin-bottom:0px !important;
        
    }
    
    .contact-info h4 {
      font-weight: 600;
      font-size: 2em;
      color:#fff;
      line-height: 1.2;
      margin: 0;
    
        
    }
    
    .btn-container {
      display: inline-block;
      vertical-align: middle;
      margin-left: 20px;
    }
    
    /* Button Styling */
    .contact-info .btn-inquiry {
        display: inline-block;
        padding: 10px 20px;
        font-size: 1rem;
        font-weight: 600;
        text-transform: uppercase;
        border: none;
        border-radius: 0;
        cursor: pointer;
        text-decoration: none;
        background: #43844e;
    }
    
    .btn-inquiry:hover{
        background: #fff;
        color:#295182;
    }
    .error {
        color: red;
    }
    
/* Animation Delays */
    [data-appear-animation] {
      animation: fadeIn ease-in-out 1s forwards;
    }
    
    [data-appear-animation][data-appear-animation-delay] {
      animation-delay: var(--animation-delay);
    }
    
    @keyframes fadeIn {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }


/*Welcome Section*/


    .readmore {
        color: #43844e;
        font-size: 14px;
        font-weight: 600;
    }
    
    .readmore:hover{
        color:#43844e ;
    }


/*marquee Notice*/
    .notice {
      position: relative;
      border-bottom: 1px solid #43844e;
      border-top: 1px solid #43844e;
      /* background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%); */
      /* font-family: "Oswald", serif; */
    }

    .notice .headertext a {
      color: #295182;
    }
    
    .notice .headertext {
      position: absolute;
      /* top: 0; */
      /* left: 0; */
      z-index: 10;
      padding: 3px 0px;
      /* border-right: 1px solid #777; */
      background: #fff;
      color: #295182;
      /* text-shadow: 1px 1px #111; */
      font-weight: bold;
    }
    
    .notice marquee {
      line-height: 1.5;
    }
    
    .notice marquee p {
      margin: 0;
    }
    
    .notice-ul li {
        margin: 0 25px;
        list-style: disc;
        color:#295182;
        font-size:18px;
        font-weight:600;
        
    }


/*Why Choose US area*/

    .img-out {
        box-shadow: 0 5px 10px 0 #bebebe;
    }
    
    .why-us .why-us-img {
        max-width: 100%;
        padding: 20px;
        background: #ffffff;
        /* border-radius: 5px; */
    }
    
    .whyus-title h2 {
        display: inline-block;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: 2px;
        color:#295182;
        /*margin-bottom: 20px;*/
        /*padding-bottom: 20px;*/
        position: relative;
        /*text-transform: uppercase;*/
    }
    
    .whyus-title p span{
        font-size:14px;
        font-weight:bold;
        color:#43844e;
    }
    
    .whyus-title p {
        text-align: justify;
        color: #777777;
        font-size: 15px;
        font-weight: 500;
    }


/*About New CSs*/

    .we-are-block {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
      width: 100%;
      height: 900px;
    }
    
    #about-us-section {
      background: #295182;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    
    .about-us-image {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      overflow: hidden;
    }
    
    .about-us-info {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: space-evenly;
      width: 40%;
      height: 90%;
      margin-right: 850px;
      margin-left: 12px;
      z-index: 2;
    }
    
    .about-us-info h2 {
      color: white;
      font-size: 40pt;
      text-align: right;
    }
    
    .about-us-info p {
      color: white;
      font-size: 16px;
      text-align: justify;
    }
    
    .about-us-info p span {
        font-size: 16px;
        font-weight: bold;
        color: #ffffff;
        padding: 10px 0;
    }
    
    .about-us-info a {
      background-color: #43844e;
      color: #fff;
      width: 180px;
      text-align: center;
      padding: 15px 0px 15px 0px;
      font-size: 14pt;
      box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
      text-decoration:none;
    }
    
    .about-us-info a:hover {
      /*background: #404140;*/
      color: white;
      box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
      transform: translateY(10px);
    }
    
    #history-section {
      background: #43844e;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center;
      position: relative;
    }
 
    .history-image {
      position: absolute;
      top: 0;
      left: 0;
      max-width: 820px;
      height: 100%;
      overflow: hidden;
    }
    
    .history-info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-evenly;
      height: 90%;
      margin-left: 850px;
      margin-right: 12px;
      z-index: 2;
    }

    .history-info h2 {
      color: #fff;
      font-size: 40pt;
      text-align: left;
    }
    
    .history-info p {
      color: #fff;
      font-size: 16px;
      text-align: justify;
    }
    
    .history-info a {
      background-color: #295182;
      color: white;
      width: 180px;
      text-align: center;
      padding: 15px 0px 15px 0px;
      font-size: 14pt;
      box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
      text-decoration:none;
    }
    
    .history-info a:hover {
      /*background: #404140;*/
      color: white;
      box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
      transform: translateY(10px);
    }


/*Mission Vision*/


    .card-title {
      color: #295182;
      font-size: 1.5em;
      line-height: normal;
      font-weight: 700;
      margin-bottom: 0.5em;
    }
    
    .small-desc {
      font-size: 1em;
      font-weight: 400;
      line-height: 1.5em;
      color: #452c2c;
    }
    
    .small-desc {
      font-size: 1em;
      text-align:justify;
    }
    
    .go-corner {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      width: 2em;
      height: 2em;
      overflow: hidden;
      top: 0;
      right: 0;
      /*background: linear-gradient(135deg, #6293c8, #384c6c);*/
      background: #295182;
      border-radius: 0 4px 0 32px;
    }
    
    .go-arrow {
      margin-top: -4px;
      margin-right: -4px;
      color: white;
      font-family: courier, sans;
    }
    
    .card {
      display: block;
      position: relative;
      max-width: 100%;
      max-height: 100%;
      height:260px;
      background-color: #f2f8f9;
      border:none;
      border-radius: 10px;
      padding: 2em 1.2em;
      margin: 12px;
      text-decoration: none;
      z-index: 0;
      overflow: hidden;
      background:#fff;
      /*background: linear-gradient(to bottom, #c3e6ec, #a7d1d9);*/
      /*font-family: Arial, Helvetica, sans-serif;*/
      box-shadow:0 6px 14px 0 #bebdbdee;
        
    }
    
    .card:before {
      content: '';
      position: absolute;
      z-index: -1;
      top: -16px;
      right: -30px;
      /*background: linear-gradient(135deg, #364a60, #384c6c);*/
      background: #43844e;
      height: 32px;
      width: 32px;
      border-radius: 32px;
      transform: scale(1);
      transform-origin: 50% 50%;
      transition: transform 0.35s ease-out;
    }
    
    .card:hover:before {
      transform: scale(28);
    }
    
    .card:hover .small-desc {
      transition: all 0.5s ease-out;
      color: rgba(255, 255, 255, 0.8);
    }
    
    .card:hover .card-title {
      transition: all 0.5s ease-out;
      color: #ffffff;
    }


/*Clients Logo*/

    .basic-clients a img {
        max-width: 100%;
        width: 150px !important;
    }

/*World Map*/


    svg {
        margin: 0rem 15rem 5rem 16rem;
        border: 2px solid #ddd;
        padding: 10px;
        display: none;
        border-radius: 5px;
    }
    
    @media (min-width: 992px) {
        svg {
          display: block;
        }
      }
 
 

/*Services*/
 
.department-box{
    padding: 30px 10px;
}

.department-box:hover {
    background-color: #43844e;
}
 
/*Our Team  */
  
    .team-info .team-item-role{
        padding:0px !important;
        margin:0px !important;
    }   
  
  
/*Welcome to Invivo Supply/Puraches/Fourmulation */
  
    .content-item h3{
         font-size:18px;
         font-weight:500;
        color:#295182;
    }   
    .content-section footer h3{
         font-size:18px;
         font-weight:500;
     }
    .content-section .content-item p{
        /*font-size:23px;*/
        font-weight:500;
        text-align:justify;
    }
    .content-section  ul{
        padding-left: 30px;
    }
    .content-section  ul li{
        list-style-type: disc;
    
    }


/*Products-- api-products*/

    .div-api-images .api-img {
        max-width: 100%;
        width: 100%;
        border: 1px solid #43844e;
        padding: 10px;
        margin: 10px 0;
    }


/*Overview Products*/


    .products h3,.services h3{
         font-size:18px;
         font-weight:500;
         color:#295182;
    }  
    .product-content, .service-contents {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
        text-transform:capitalize !important;
    }
    
    .product-image, .service-image {
        max-width: 100%;
        width: 450px;
        margin-right: 20px;
        border-radius: 8px;
    }
    
    .product-details, .service-details {
        flex: 1;
    }
    
    .product-details p, .service-details p {
        font-size:16px;
        margin-bottom: 10px;
    }
    
    .download-pdf a {
      background-color: #43844e;
      color: #fff;
      /*width: 180px;*/
      text-align: center;
      padding: 15px 10px;
      font-size: 14pt;
      box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
      text-decoration:none;
    }
    
    .download-pdf a:hover {
      /*background: #404140;*/
      color: white;
      box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
      transform: translateY(10px);
    }
    
    
    .service-box {
        max-height:100%;
        position: relative;
        overflow: hidden;
        padding:5px;
        border: 1px solid #dedede;  
        /*border-radius: 8px;  */
        /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
        transition: transform 0.3s ease, box-shadow 0.3s ease; 
    }
    
    .service-box:hover {
        transform: scale(1.05); 
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
    }
    
    
    .service-box .service-content p{
        text-align:justify;
    }
    
    
    .commitments h3,.career-area h3{
         font-size:18px;
         font-weight:500;
         color:#295182;
    }
    
    
    .commitments p{
        text-align:justify;
    }



/*Career*/

    .job-card{
        
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .elementor-widget-container {
        background-color: white;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        overflow: hidden;
        width: 400px;
    }
    
    .ekit-wid-con {
        padding: 20px;
    }



/* Header */
    .elementskit-info-box-title {
        font-size: 24px;
        margin-bottom: 10px;
        color: #0073e6;
    }

/* Paragraph */
    .elementskit-infobox p {
        font-size: 16px;
        line-height: 1.5;
        color: #333;
    }

/* Button */
    .btn-wraper {
        margin-top: 20px;
    }
    
    .elementskit-btn {
        display: inline-block;
        padding: 10px 20px;
        color: white;
        background-color: #295182;
        text-decoration: none;
        border-radius: 4px;
        transition: background-color 0.3s ease;
    }
    
    .elementskit-btn:hover {
        background-color: #43844e;
        color:#fff;
        
    }

/* Icon */

    .elementskit-btn .icon {
        margin-left: 10px;
        transition: transform 0.3s ease;
    }
    
    .elementskit-btn:hover .icon {
        transform: translateX(5px);
    }

/* Hover Effects */

    .elementskit-infobox:hover {
        /*background-color: #43844e;*/
        /*color:#fff;*/
    }
    
    .elementor-widget-container:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    }


/*Development Page*/

    .piller-icon img {
        padding: 15px;
        background: #fff;
        border-radius: 5px;
    }



/*====================Responsive=========================*/



    @media screen and (max-width: 1553px) {
      .about-us-info {
        margin-right: 400px;
        width: 70%;
        background: #29518299;
        padding: 0px 25px 0px 0px;
      }
      
      .history-info {
        margin-left: 400px;
        width: 70%;
        background: #43844e87;
        padding: 0px 0px 0px 25px;
      }
    }
    
    @media screen and (max-width: 1238px) {
      .about-us-info {
        margin-right: 340px;
        width: 100%;
      }
      
      .history-info {
        margin-left: 340px;
        width: 100%;
      }
      
    }
    
    @media screen and (max-width: 1111px) {
      .about-us-info {
        margin-right: 270px;
      }
      
      .history-info {
        margin-left: 270px;
      }
    }
    
    @media screen and (max-width: 910px) {
      .about-us-info {
        margin-right: 150px;
      }
      
      .history-info {
        margin-left: 150px;
      }
      
    }
    
    @media screen and (max-width: 860px) {
        
        .we-are-block {
            height: 2200px;
          }
        
        
        
        .about-us-info {
            margin: 0px 0px 0px 0px !important;
            padding: 0px 20px 0px 20px !important;
            width: 100%;
            height: 55%;
            align-items: center;
        }
        
         .about-us-info p {
            text-align: center;
          }
          
          .about-us-info h2 {
            text-align: center;
          }
      
      
          .about-us-image {
            position: relative;
            width: 100%;
            height: 45%;
          }
          
          #about-us-section {
            flex-direction: column;
            justify-content: space-between;
          }
      
      
        .history-info h2 {
            text-align: center;
        }
            
        .history-info p {
            text-align: center;
        }    
        
        .history-info {
            margin: 0px 0px 0px 0px !important;
            padding: 0px 20px 0px 20px !important;
            width: 100%;
            height: 60%;
            align-items: center;
          }
          
          .history-image {
            position: relative;
            width: 100%;
            height: 40%;
          }
          
          #history-section {
            flex-direction: column;
            justify-content: space-between;
          }
      
      
      
    }

    @media screen and (max-width: 767px) {
    
    /*Common    */
        
        .pb-60 {
            padding-bottom: 30px;
        }
        
        .pt-90 {
            padding-top: 30px;
        }
        
        .area-title {
            margin: 0 auto 10px;
        }
    
    
    /*Slider*/
    
        .height-vh{
            height:20vh;
        }
        
        
        .slider-text h2{
            font-size:20px;
        }
    
    /*Welcome*/
    
        .area-title h2 ,.features-box h3{
            font-size:20px;
        }
        
        .border-box {
            padding: 30px 20px;
        }
        
        
    /*About*/
      
        .about-us-info p {
            font-size: 14px;
            line-height:20px;
            text-align: justify;
        }
        
        .about-us-info {
            height: 75%;
        }
    
        .history-info p {
            font-size: 14px;
            line-height:20px;
            text-align: justify;
        }
    
        .history-info {
            height: 75%;
        }
        
    /*WorldMap*/
    
        .world-map-sm-img{
            padding: 0 0px 30px;
    
        }
        
    /*Client Logo    */
        
        .basic-clients a img {
            width: 200px !important;
        }
        
    /*Testimonials */
        
        .testimonial-box {
            margin-right: 0px;
        }
        .testimonial-box blockquote{
            padding:5px 10px;
        }
        
      
        
    /*Overview Products*/    
        
        .product-content, .service-contents {
            flex-direction: column;
            align-items: flex-start;
        }
    
        .product-image, .service-image {
            margin-right: 0;
            margin-bottom: 20px;
        }
    
    
}
    
    @media screen and (max-width: 747px) {
      .about-us-info {
        height: 65%;
      }
      
      .about-us-image {
        height: 35%;
      }
      
      .history-info {
        height: 65%;
      }
      
      .history-image {
        height: 35%;
      }
    }
    
    @media screen and (max-width: 644px) {
      
      .about-us-image img {
        position: absolute;
        left: -220px;
      }
      
      
      .history-image img {
        position: absolute;
        right: -220px;
      }
      
      
    }
    
    @media screen and (max-width: 500px) {
      .we-are-block {
        height: 2300px;
      }
    }



/*====================Responsive=========================*/