@media print {
    body{
        -webkit-print-color-adjust: exact; 
    }
	
	.menu_bottom {display:none;}
	
}

 @page 
    {
          size: 700px 1000px; /* auto is the initial value */
        margin: 0mm;  /* this affects the margin in the printer settings */
    }	

html {   overflow-x: hidden;
    background: #FFFFFF;}
body {       padding: 0;
    margin: 0;
    background: #ededed;}
	a {text-decoration:none;color:unset;}
	
div,h1,h2,h3,h4,p,i,a {position:relative;transition:0.4s;}

* {font-family:archivo,poppins;}
:root {
	--color:#848484;
	--color2:#64af35;
}
/*alerts */
div,h1,h2,h3,h4,p,i,a,footer {position:relative;transition:0.4s;}

input,select,textarea,button {font-family: archivo,poppins;}

a {    text-decoration: unset;
    color: unset;}

input::placeholder {font-size:12px}


	


#d_logo {
                  position: relative;
    max-width: 200px;
    height: 100px;
    border-radius: 5px;
    margin: 10px auto;
    display: block;
}


* {padding:0px;margin:0px;}
.qr_print_hero:before,.qr_print_hero:after  {
    width: 100%;
    position: absolute;
    content: '';
    background: linear-gradient(45deg, red 2%, #FFC107 53%, #2196F3 88%, #364df4);
    height: 9px;
    left: 0;
}

.qr_print_hero:after {
    
	bottom:0;
}
.logoimg {   
    padding: 1px;
    height: fit-content;}
.qr_print_hero {     width: 400px;
    height: 620px;
    margin: 2px;
    overflow: hidden;
    border: 0px solid black;
    border-radius: 10px;
    display: inline-block;
    background: #ffffff;}
#d_logo{}

#qr1 {        width: fit-content;
    margin: 10px auto;
    display: block;
    border: 2px solid orange;
    padding: 8px;
    border-radius: 15px;
    border-right-color: green;
    border-left-color: blue;}
.comp_detail {        text-align: justify;
    padding: 10px 0px;  }
.comp_detail h2{          font-size: 30px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    color: #000000;
    overflow: hidden;
    height: 93px;
    display: grid;
    align-items: center;}
.comp_detail h3{          font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: gray; }
	
	.comp_detail h3 i {        border-radius: 0px 10px 10px 0px;
    margin-right: 7px;}
.card_url {    font-size: 15px;
    font-weight: 700;
    color: #FF5722;}
.qr_code {}
.qr_code img{    margin: 10px auto;
    display: block;}

.comp_qr_details {    padding: 1px;
    margin: 0 auto;
    display: block;
    width: -webkit-fill-available;
    background: #2196F3;
color: white;}
.comp_qr_details h4{      font-size: 10px;
    font-weight: 500;
    text-align: center;
    padding: 6px 0px;}
.comp_qr_details img{    margin: 10px;}
.comp_qr_details p{        font-size: 9px;}
.grdi_view {           display: grid;
    grid-template-columns: 71px auto 74px;
    text-align: center;
    align-items: center;
    width: -webkit-fill-available;}
.grdi_view2 {}

.footer {       margin: 20px;
    font-size: 12px;
    text-align: center;}