*{
    box-sizing: border-box;
}
.form-bg {
    background-color: #ccc;
    box-sizing: border-box;
}
.form-style {
    padding: 10px 10px 6px 20px;
}
.wrap-head{
    font-size: 28px;
    line-height: 26px;
    color: #4c78c1;
    font-weight: 700;
    padding-top: 0;
    margin-top: 5px;
    text-align: center;
}
.wrap-contetn{
    display: flex;
    flex-wrap: wrap;
    /* flex-direction:row; */
    align-items: center;
    align-self: center;
    column-gap:150px;
    row-gap: 20px;
    width: 100%;
    justify-content: center;
    margin:20px 20px;
}
.wrap-box h2 {
    font-size: 20px;
    line-height: 26px;
    color: #000;
    font-weight: 700;
    padding-top: 0;
    margin-top: 5px;
    text-align:left;
}
.wrap-box ul {
    font-size: 18px;
    line-height: 35px;
    color: #000;
    font-weight: 400;
    text-align: left;
}
.wrap-box {
    flex: 0 0 300px; /* Sets a fixed width of 300px */
    /* margin-right: 20px;  */
}

.image-container {
    flex: 0 0 220px; /* Sets a fixed width slightly wider than the image */
}

/* Order Control for Desktop View */
.image-left .image-container {
order: 0; /* Image appears first */
}

.image-left .wrap-box {
order: 1; /* Content appears second */
}

.image-right .image-container {
order: 1; /* Image appears second */
}

.image-right .wrap-box {
order: 0; /* Content appears first */
}
/* Responsive Design */
@media (max-width: 768px) {
.wrap-content {
flex-direction: column; /* Stacks items vertically on smaller screens */
align-items: center; /* Center items horizontally */
text-align: center; /* Center text for a better look */
}

.wrap-box,
.image-container {
margin: 10px 0; /* Adds vertical spacing */
}

.image-container {
order: 0 !important; /* Image always appears first on smaller screens */
}

.wrap-box {
order: 1 !important; /* Content appears below the image */
}
}

/* What makes us Stand-out from the rest section styles */
.wrap-stand-out{
    display: flex;
    flex-wrap: wrap;
   
    align-items: center;
    align-self: center;
    column-gap:15px;
    width: 100%;
    justify-content: center;
    margin:10px 0px;
}

.wrap-stand-out {
 
    /* margin-right: 20px;  */
    flex:0 0 600px !important;
}

.image-stand-out-container {
    flex: 0 0 60px; /* Sets a fixed width slightly wider than the image */
}

/* Order Control for Desktop View */
.stand-out-left .image-stand-out-container {
order: 0; /* Image appears first */
}

.stand-out-left .wrap-stand-out {
order: 1; /* Content appears second */
}

.stand-out-right .image-stand-out-container {
order: 1; /* Image appears second */
}

.stand-out-right .wrap-stand-out {
order: 0; /* Content appears first */
}
/* Responsive Design */
@media (max-width: 768px) {
.wrap-stand-out {
flex-direction: column; /* Stacks items vertically on smaller screens */
align-items: center; /* Center items horizontally */
text-align: center; /* Center text for a better look */
}

.wrap-stand-out,
.image-stand-out-container {
margin: 10px 0; /* Adds vertical spacing */
flex:0 0 auto !important;
}

.image-stand-out-container {
order: 0 !important; /* Image always appears first on smaller screens */
}

.wrap-stand-out {
order: 1 !important; /* Content appears below the image */
}
}
/* What makes us Stand-out from the rest section styles */

.custom-arrow-list {
    list-style-type: none; /* Remove default bullets */
    padding-left: 0px; /* Remove default padding */
   
}

ul.custom-arrow-list li::before {
    content: "➔"; 
    padding-right:8px; 
    color:#4e7bc2;
    /* padding-left:0px; */
}
.custom-arrow-list {
    list-style-position: inside; /* Keeps bullet points inside the container */
    padding-left: 0; /* Removes default padding */
    margin-left: 0; /* Removes default margin */
}

.custom-arrow-list li {
    padding-left: 20px; /* Adjust padding to align text with bullet */
    text-indent: -20px; /* Indent first line to offset bullet */
}

.custom-arrow-list .last-item {
    padding-left: 20px; /* Adjust padding to align the last item */
    text-indent: -20px; /* Ensure text is aligned */
}
.background-secondary{
    background-color:#f5f5f5;
}
.flex-grow-1 p{
    font-size:18px;
    color:#222 !important;
}
.case-head{
    font-size:28px;
    font-weight:bold;
    margin-bottom:30px;
    color: #4c78c1;
}

.card-custom {
    border: 1px solid #ddd;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    height: 360px;
    margin:0 10px;
  }
  .card-custom .case-studies-text{
font-size: 15px;
line-height: 24px;
  }
  .card-custom .case-studies-text {
    position: relative;
    }  
  .card-custom .case-studies-text::before {
    content: "“ "; 
    font-weight: bold;
    font-size:25px;
  }  
  .card-custom .case-studies-text::after {
    content: " ”"; 
    font-weight: bold;
    font-size:25px;
  }
  .author-info {
    display: flex;
    align-items: center;
  }
  .author-info p{
  font-weight: bold;
  font-size:14px;
  }
  .author-info img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    margin-right: 10px;
  }
.card .card-body:after {
    background:none;   
}
.question {
    cursor: pointer;
    /* margin-bottom: 10px; */
    padding: 10px;
    border-top: 1px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.question:hover {
    background-color: #f8f9fa;
}
.question h5{
    font-size:18px;
    font-weight: bold;
}
.question .toggle-icon {
    /* font-size: 20px; */
    background-color:#000;
    color:#fff;
 /* padding:20px; */
 display: inline-block;
 width:20px !important;
    border-radius:50px;
    text-align: center;
    font-weight: bold;
}
.answer-container{
    padding:10px 10px;
    font-size: 16px;
}
.faqs-bg{
    background-color:#eaeaea;
    padding:50px 0;
}
.faqs-bg h2{
   font-size:28px;
   line-height:28px;
   font-weight: bold;
   margin-bottom:20px;
   color: #4c78c1;
}
.faqs-bg p{
    font-size:18px;
    line-height:28px;
 }
  
 

        .testimonial-title {
            font-size: 34px;
            color: #4c78c1;
            font-weight: 700;
            margin-top: 25px;
            margin-bottom: 10px;
            text-align: center;
        }
        .enq-bg{
            display: flex;
            flex-wrap: wrap;
            margin: 50px 20px 0px 20px;     
            width:100%;    
            background-color: #eaeaea !important;        
            align-items: right;
            position: relative;
          
/* padding:20px; */
        }
        .image-side{
            position: absolute;
            left: -200px;
            /* transform: translate(80px, 10px); */



        }
        .content-side{
            width: 300px;
            position: absolute;
            right: 0;
            align-items: right;

            /* transform: translate(80px, 10px); */
            justify-content: right;
        }

/* Adjust for tablets */
/* @media (min-width: 1024px) {
    .enq-bg{
        position:none;      
    }
    .image-side{
        position:none;
      
    }
    .content-side{       
        position: none;      
    }
} */
/* Adjust for mobile devices */
/* @media (min-width: 768px) {
    .enq-bg{
        position:none;      
    }
    .image-side{
        position:none;      
    }
    .content-side{       
        position: none;      
    }
} */
.enq-bg h4{
font-size: 28px;
font-weight:500;
line-height: 35px;
}
.enq-bg p{
font-size: 18px;
font-weight:400;
        }
        .advertise-radio{
            appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width:10px;
        height:10px;        
        border-radius: 50%;
        display: inline-block;
        position: relative;
        cursor: pointer;
        outline: none;
        background-color: green;
        margin-left:10px;
        margin-top:20px;
        transition: background-color 0.2s ease;
        }
        .small-marketing-styles h4{
            font-size: 28px;
            font-weight:500;
            line-height: 35px;
            margin:10px 15px;
            }
            .small-marketing-styles p{
            font-size: 18px;
            font-weight:400;       

        }
        .large-marketing-solutions,.small-marketing-solutions {
            display: none;
        }
       

        @media screen and (min-width: 1200px) {
        
            .large-marketing-solutions {
                display:inline-block;
            }
        }

        @media screen and (max-width: 1199px) {
            .box{
                flex-direction:column;
            }
            .flex-direction-sm{
                flex-direction:column;
            }
            .flex-direction-sm-rev{
                flex-direction:column-reverse;
            }
            .small-marketing-solutions {
                display: block;
            }
        }

        /* custom-container  */
        .arrow-container {
            text-align: center;
            margin-top: 10px;
        }
        
        .arrow-container i {
            font-size: 30px; /* Adjust size as needed */
            color: #dc3545; /* Change color as needed */
            animation: bounce 1.5s infinite; /* Apply animation */
            font-weight: bold;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-15px); /* Adjust height of the bounce */
            }
            60% {
                transform: translateY(-7px); /* Adjust the bounce height */
            }
        }
          /* custom-container  */

/* second our-services-2 styles start */
.bg-banner{
    background-image: url('https://industry.pharmafocuseurope.com/promotions/images/our-service-bg-banner.jpg');
    background-position: center;
    background-repeat:no-repeat;
    background-size: cover;
    background-attachment:fixed;   
  height: 100%;
    /* height:570px; */
}
.content-box{
   color:#fff;

}
.prime-heading{
    color: #fff;
    font-size: 40px;
    line-height: 45px;
    word-spacing: 3px;
    font-weight: 700;
}
.second-head{
    color: #fff;
    font-size: 24px;
    line-height:33px;
    word-spacing: 3px;
    font-weight: 400;
    margin:30px 0;
}
.check-list {
    list-style-type: none; /* Remove default bullet points */
    padding-left: 0;
    
  }
  
  .check-list li {
    font-size: 18px;
    line-height: 33px;
    color:#fff;
    position: relative;
    padding-left: 25px; /* Adjust padding for space before the text */
    margin-bottom: 5px; /* Add some space between items */
  }
  
  .check-list li::before {
    content: '\2713'; /* Unicode for checkmark */
    position: absolute;
    left: 0;
    color:#fff; /* Change color as need */
    font-weight: bold;
    font-size: 20px;
  }
.form-bcg{
    background-color:#fff;
    /* padding:0 30px 30px 30px; */
    border-radius:10px;
}
.form-bcg form{
    border-radius:10px;
    padding:0 30px 30px 30px;
 
}
.fm-heading{
    background-color: #028c7f;
    border-radius:10px 10px 0 0;
    text-align: center;
    margin-bottom:20px;
}
.fm-heading h3{
    padding:10px 30px;
    font-size:25px;
    font-weight:700;
    color:#fff;
    line-height: 33px;
}
.form-control{
    border-radius:5px;
    height:50px;

}
.btn-blue{
    background-color: #fd909b;
    color:#fff;
    padding:17px 80px;
    font-weight:700;
    border-radius: 5px;
    font-size: 18px;
    border:none;
    transition: all .4s ease;
}
button:hover{
background-color: #ecb1b7;
}
.bg--secnd-banner{
    background-image: url('https://industry.pharmafocuseurope.com/promotions/images/second-banner.jpg');
    background-position: center;
    background-repeat:no-repeat;
    background-size: cover;
    background-attachment:fixed;   
  
    height:auto;
}
.our-head{
    margin:40px 0 30px 0;
    font-size:30px;
    font-weight:700;
    color:#fff;
    line-height: 33px;
}
.our-description{
    padding:10px 30px;
    font-size:22px;
    font-weight:400;
    color:#fff;
    font-style:italic;
    line-height: 30px;
}
.data-container{
    background-color: #f1f1f1;
    padding:10px 10px;
    margin-top:100px;
}
.data-container h3{
   text-align: center;
   font-size:22px;
   font-weight: bold;
   color:#7f7f7f;
   margin-top:20px;
}
.data-container ul li{
    font-size: 18px;
    color:#7f7f7f;
    line-height: 33px;
}
.data-icon{
    width:100px;
    height:100px;
    margin-top:-50px;
    border-radius: 50px;
}
.bg-third-banner{
    background-image: url('https://industry.pharmafocuseurope.com/promotions/images/third-banner.jpg');
    background-position: center;
    background-repeat:no-repeat;
    background-size: cover;
    background-attachment:fixed;   
  
    height:auto;
}

.wrapper-contetn{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;   
    column-gap:70px;
    row-gap: 5px;
    width: 100%;
    /* justify-content: center; */
    margin:60px 0px;
}

.wrapper-box h2 {
    font-size: 26px;
    line-height: 33px;
    color: #03bbb2;
    font-weight: 700;
    padding-top: 0;
    margin-bottom: 10px;
    text-align:left;
}
.wrapper-box ul {
    font-size: 18px;
    line-height: 35px;
    color: #000;
    font-weight: 400;
    text-align: left;
}
.wrapper-box {
    flex: 0 0 840px; /* Sets a fixed width of 300px */
    /* margin-right: 20px;  */
}

.img-container {
    flex: 0 0 200px; /* Sets a fixed width slightly wider than the image */
}

/* Order Control for Desktop View */
.image-left .img-container {
order: 0; /* Image appears first */
}

.image-left .wrapper-box {
order: 1; /* Content appears second */
}

.image-right .img-container {
order: 1; /* Image appears second */
}

.image-right .wrapper-box {
order: 0; /* Content appears first */
}
/* Responsive Design */
@media (max-width: 768px) {
.wrapper-content {
flex-direction: column; 
margin: 20px 0px;
align-items: center; /* Center items horizontally */
text-align: center; /* Center text for a better look */
}
.wrapper-box{
    margin: 10px 0; /* Adds vertical spacing */
    text-wrap: wrap;   
    padding-right: 30px;
    flex: 0 0 350px; 

    }

.img-container {
margin: 10px 0; /* Adds vertical spacing */
text-wrap: wrap;

padding-right: 30px;

}

.img-container {
order: 0 !important; /* Image always appears first on smaller screens */
}

.wrapper-box {
order: 1 !important; /* Content appears below the image */
}
}
.more-info{
    font-size: 18px;
    color:#f71d1d !important;
    cursor: pointer;
    position: relative;
    left:22px;
    font-weight:700;

}
.bg-fourth-banner{
    background-image: url('https://industry.pharmafocuseurope.com/promotions/images/fourth-banner.jpg');
    background-position: center;
    background-repeat:no-repeat;
    background-size: cover;
    background-attachment:fixed;   
  
    height:auto;
}
.customers-head{
    font-size:35px;
    font-weight:700;
    margin-bottom:30px;
    color: #03bbb2;
}
.card-customers{
    border: 1px solid #ddd;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    height: 380px;
    margin:0 10px;
  }
.customers-description{
    font-size:14px !important; 
    color:  #666666;
}
.customers-author-info{
    font-weight: bold;
    font-size: 14px;
 
}
.customers-author-info p, small{

    color:#028c7f !important;
}
.bg-f1f1f1{
    background-color: #f1f1f1;
}
.faqs-heading{
    font-size:30px;
    font-weight:700;
    margin-bottom:30px;
    color: #fff;
}
.faqs-description{
    font-size:18px;
    font-weight:400;
    margin-bottom:30px;
    color: #fff;
}
.anchor-color{
    font-size:18px;
    font-weight:400;
    margin-bottom:30px;
    color: #dce91c;
}
.anchor-color:hover{
    color: #12fa9e;  
}
.question-heading{
    cursor: pointer;
    /* margin-bottom: 10px; */
    padding: 10px;
    border-top: 1px solid #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.question-heading h5 {
    font-size: 18px;
    font-weight: bold;
    color:#fff;
}
.question-heading .toggle-icon {
    /* font-size: 20px; */
    background-color: #fff;
    color: #000;
    /* padding: 20px; */
    display: inline-block;
    width: 20px !important;
    border-radius: 50px;
    text-align: center;
    font-weight: bold;
}
.question-heading:hover {
    background-color: #0e0f0f;
    color:#fff;
}
.ul-container p{
    color:#fff;
    font-size: 18px;
    padding-left:10px;
}

.custom-arrow-icon {
    list-style-type: none; /* Remove default bullets */
    padding-left: 0px; /* Remove default padding */
   
}

ul.custom-arrow-icon li::before {
    content:'\2713'; 
    padding-right:8px; 
    color:#12fa9e;
    /* padding-left:0px; */
}
.custom-arrow-icon {
    list-style-position: inside; /* Keeps bullet points inside the container */
    padding-left: 0; /* Removes default padding */
    margin-left: 0; /* Removes default margin */
}

.custom-arrow-icon li{
    padding-left: 20px; /* Adjust padding to align text with bullet */
    text-indent: -20px; /* Indent first line to offset bullet */
    color:#fff;
}
.custom-arrow-icon li strong{
    color:#fff;
}

.custom-arrow-icon .last-item {
    padding-left: 20px; /* Adjust padding to align the last item */
    text-indent: -20px; /* Ensure text is aligned */
}
.ul-container{
    color:#fff;
    font-size: 18px;
}
.clients-title {
    font-size: 34px;
    color: #090909;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
    text-align: center;
}
.bg-five-banner{
    background-image: url('https://industry.pharmafocuseurope.com/promotions/images/five-banner.jpg');
    background-position: center;
    background-repeat:no-repeat;
    background-size: cover;
    background-attachment:fixed;   
  
    height:auto;
}
.footer-btn{
    background-color: #fd909b;
    color: #fff !important;
    padding: 15px 50px;
    font-weight: 700;
    border-radius: 5px;
    font-size: 18px;
    border: none;
    transition: all .4s ease;
}
.footer-btn:hover{
   opacity: 0.8;
   color:#fff
}
.thank-you-bg{
    background-image: url('https://industry.pharmafocuseurope.com/promotions/images/thank-you-banner.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    height:100vh;
    
}
.thank-you-link h1{
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    word-spacing: 3px;
    font-weight: 700;
    margin-top:5px;
}
.thank-you-link p{
    /* padding: 10px 30px; */
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    word-spacing: 3px;
    text-indent: 20%;
    font-style: italic;
    line-height: 43px;
    margin-top: 30px;
}
.thank-you-link h3{
    color: #fff;
    font-size: 22px;
    word-spacing: 3px;
    font-weight: 700;
    margin-top:30px;
    margin-bottom:10px;
}
.thank-you-link h3 a{
    color: #fff;
    font-size: 18px;
    word-spacing: 3px;
    font-weight: 700;
    margin-top:30px;
    margin-bottom:10px;
}
.thank-you-link h4 a{
    color: #fff;
    font-size: 16px;   
    word-spacing: 3px;
    font-weight: 700;
    font-style: italic;
}
.social-media {
    /* position: fixed;
    top: 70%;
    right: 0;
    transform: translateY(-50%);
    z-index: 999; */
    flex-wrap: wrap;    
    display: flex;
    column-gap: 20px;
    row-gap: 10px;
    justify-content: flex-end;
}

.social-icon {
    margin-bottom: 5px; 
    border: 1px solid #ccc; 
    border-radius: 5px; 
    overflow: hidden; 
    background-color: #fff;

  }
  
  .social-media a {
    display: block;
    text-decoration: none;
    color: #333;
    width:50px;
    height: 50px;
    text-align: center;
    align-self: center;
    justify-content: center;
    padding: 10px; 
    
  }
  
  .social-media a i {
    font-size: 30px;
  }
  
  .social-media a i.fa-linkedin { color: #0077B5; }  
  .social-media a i.fa-facebook { color: #1877F2; } 
  .social-media a i.fa-twitter { color: #1DA1F2; } 
  .social-media a i.fa-pinterest { color: #E60023; } 
  .social-media a i.fa-whatsapp { color: #25D366; } 
  .social-media a i.fa-instagram { color: #E4405F; }
  .social-icon a i.fa-reddit { color: #FF4500; } 
  .social-icon a i.fa-youtube { color: #FF0000; }
  .social-icon a i.fa-quora { color: #B92B27; } 
  /* Hover effect: change color */
  .social-media a:hover{
   opacity:0.7;   
  }
  .home-next{
    color: #fff;
    font-size: 18px;   
    word-spacing: 3px;
    font-weight: 700;
      }
.btn-home{
    background-color:transparent;
    border:2px solid #fff;
    color: #fff;
    padding: 8px 40px;
    font-weight: 700;
    border-radius: 5px;
    font-size: 18px;   
    transition: all .4s ease;
    margin:20px 20px;
}
.btn-home:hover{
    background-color: #000;
    color:#fff;
}
.scroll-indicator {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px 20px;
    cursor: pointer;
    background: #fff;
    border-radius: 50px;
    animation: bounce 2s infinite;
    z-index: 1000;
    transition: opacity 0.5s ease;
}

.scroll-indicator img {
    width: 24px;
    height: 24px;
    fill: white;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}
.hidden {
    opacity: 0;
    visibility: hidden;
}

.content {
    height: 2000px;
    padding: 20px;
}
/* second our-services-2 styles End */