@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=Roboto:ital@0;1&display=swap');

body{
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: normal;
    color: #3d4043!important;
  
}
p{
    margin-bottom: 0!important;
    font-size: 16px;
}

.main_div{
    background-color: #ddd;
}
.container{
    background: #fff
}
.title_cyan-color{
    color: #2b95d2;
    font-weight: bold;
}
.header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.heading_section{
    margin-top: 25px;
    width: 80%;
    position: relative;
    background: linear-gradient(90deg, rgba(18,137,204,1) 0%, rgba(21,46,110,1) 100%);
    padding: 10.5px 20px;
     box-shadow: rgba(0, 0, 0, 0.1) 0px 22px 31px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.heading_section h4{
  margin-bottom: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  
}
.heading_section .img_sec{
    position: absolute;
    top: -34px;
    right: -72px;

}
.heading_section .img_sec img{
    width: 120px;
}
.h2_margin_y{
    margin:0 0 15px 0;
}
.secondary_text h4{
    color: #333;
    font-weight: 600;
}
.block_section{position: relative;}
.block_section p{
    position: relative;
  background: #fff;
  z-index: 1;
}
.block_section:after {
    content: "";
  position: absolute;
  border-bottom: 1.5px dashed #777;
  bottom: 10px;
  width: 100%;
}
.w-20{
    width: 20%;
}
.w-40{
    width: 40%;
}
.w-60{
    width: 60%;
}
.w-80{
    width: 80%;
}
.w-90{
    width: 90%;
}
.w-250{
    width: 250px;
}
.line{display: flex; width: 100%;}
.font-12{font-size: 12px;}
.right_section-inner ul li{display: flex; margin-bottom: 10px;}
.txt li{
    font-size: 12px;
  line-height: 16px;
  color: #888;
}
.dr_sign .span_2{
    position: relative;
    top: 20px;
    font-size: 14px;
    font-weight: 600;
}
.patient_information .block_section p{   
    font-size: 20px;
}
.pt-32{
    padding-top: 32px;
}
.container_1{
    border-bottom: 2px dashed #888;
    position: relative;
 
}
.terms_conditions li{
    line-height: 32px;
}
.terms_conditions li span.dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #134c8c;
    display: inline-block;
    
}
.bg-top{
    position: absolute;
    top: -208px;
}
.bg-top img{
    width: 100%;
}

.bg-shade{
    background: #ddd;
}
.scissor_icon{
    position: absolute;
    bottom: -16px;
    left: 0;
}
.scissor_icon img{
    width: 40px;
}
.bg_linear{
    background: linear-gradient(90deg, rgba(18,137,204,1) 0%, rgba(21,46,110,1) 100%);

}
.w-150{
    width: 150px;
}
.w-200{
    width: 200px;
}
.w-400{
    width: 400px;
}
.footer_logo{
    display: flex;
    align-items: center;
}
.details_inner{
    display: flex;
}
.call_icon{
    position: relative;
  z-index: 9;
}
.call_icon img{
    width: 60px;
}
.cont_number{
    position: relative;
    border: 1px solid #4a95cc;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(255, 0, 255);
  padding: 0 10px 0 20px;
  height: 45px;
  display: flex;
  align-items: center;
  margin-top: 7px;
  border-radius: 0 10px 10px 0;
  position: relative;
  left: -14px;
  z-index: 0;
  border-left: 1px solid transparent;
  width: 100%;
}
.cls_1{
    position: absolute;
    top: -12px;
    text-transform: uppercase;
    background-color: #fff;
    color: #195f9a;
    font-weight: bold;
    font-size: small
}
.cros_mark{
    color: #fdb226 ;
    font-size: 1rem;
    letter-spacing: 1.5px;
}
.group_logo{
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.group_logo .img_1{
    width: 270px;
}
.group_logo .img_2, .group_logo .img_3{
    width: 100px;
    padding-top: 15px;
}

@media print {
    @page {
        size: A4 portrait; /* Ensure the correct paper size */
        margin: 0; /* Remove any default margin */
    }
    
    body, html {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .container {
        width: 100% !important;
        max-width: 100% !important;
    }

    .heading_section, .block_section, .line, .details_inner {
        width: 100% !important;
        max-width: 100% !important;
    }

    .heading_section .img_sec {
        right: -25px;
    }
    .cls_1{
        position: absolute;
        top: -10px;
        text-transform: uppercase;
        background-color: #fff;
        color: #195f9a;
        font-weight: bold;
        font-size: 12px
    }

    * {
        box-sizing: border-box; /* Prevents elements from overflowing */
    }
}