/* Body styling */
      body {
        font-family: Arial, Helvetica, sans-serif;
        background-color: #fffcfc;
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
        padding: 0px;
        display: block;
          padding-bottom: 100px;
      }

   
      /* Content (your Vcard) styling */
      .Vcard {
        width: 100%;
        background-color: #1A5276;
        color: #333;
        display: block;
        margin: 0 auto;
        padding: 0px;
        border-radius: 0px;
      /*  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */
        position: relative;
        z-index: 1; /* Ensure it's below the spinner */
      }
  
      /* Centered Spinner */
      .spinner-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 9999; /* Ensure it's above all content */
      }
  
      .spinner {
        border: 8px solid #f3f3f3;
        border-top: 8px solid #3498db;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        animation: spin 2s linear infinite;
      }
  
      /* Spinner animation */
      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
  
      /* Blur effect for background content only */
      .blur-background {
        filter: blur(5px);
        z-index: 0; /* Keep background behind the spinner */
      }
  
     

    * {box-sizing: border-box;
        }


    .topbar 
        {   
            margin-top:0px;
            max-width: 100%;
            border: none;
            padding:0px;
            
            overflow: hidden;
            margin : auto;
            text-align: center;
            text-decoration:none;
            display: block;
            background-color:#1A5276;
            
        }

    .topbar li
    
        {
            border: none;
           max-width: 800px;
            height: px;
            display:block;
            margin : auto;
            padding : 7px;
            text-align:;
            background-color:none;
  
        }
     



    .topbar .a 
        {
            padding-left:0px;
            background-color:;
            color: hsl(0, 0%, 100%);
            text-align:;
            float:;
            width:24%;
            border-radius:px;
            color: white ;
            font-size: 12px;
            cursor: pointer;
            margin-left: 0px;
            display: inline-block;
            box-shadow: ;
            border: none;
            margin-top:0px; 
            text-decoration:none;
 
        }
  

    .topbar .fa
        {
	        padding:5px;
        }

  
    .topbar .a:hover 
        {
            background-color: ;
            color: yellow;
  
        }
        
        
        /* scroll bar */     
        
/* width */
    
    ::-webkit-scrollbar 
        {
          height: 6px;
          width: 10px;
            
        }

/* Track */
    
    ::-webkit-scrollbar-track 
        {
          box-shadow: inset 0 0 5px grey; 
          border-radius: 0px;
        }
 
/* Handle */
    
    ::-webkit-scrollbar-thumb 
        {
          background:#A9A9A9; 
          border-radius: 10px;
        }




/* Handle on hover */
    
    ::-webkit-scrollbar-thumb:hover 
        {
            background:#808080;
        }        
        

        .topbar2 {
                position: fixed;       /* keep it fixed at top */
                top: 0;                /* stick to top */
                left: 0;
                width: 100%;           /* full width */
                z-index: 9999;         /* above all content */
               background-color: #1A5276;  /* keep your color */
                margin: 0;             /* remove extra margin */
                padding: 0;            /* your padding */
                border: none;
                box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* optional shadow */
                overflow: hidden;
                text-align: center;
                text-decoration: none;
                display: block;
                padding-bottom:8px;
            }
                    
        
        

    .topbar2 li
    
        {
            border: none;
            width: 380px;
            height: px;
            display:block;
            margin : auto;
            padding : px;
            padding-left : 0px;
            text-align:;
            background-color:none;
  
        }



    .topbar2 .a 
        {
            padding:10px;
            background-color:;
            color: hsl(0, 0%, 100%);
            text-align:;
            float:;
            width: 30px;
            border-radius:px;
            color: #546E7A;
            font-size: 13px;
            cursor: pointer;
            margin-left: 0px;
            display: inline-block;
            box-shadow: ;
            border: none;
            margin-top:0px; 
            text-decoration:none;
        }

    .topbar2 .fa
        {
	        padding:5px;
        }

  
    .topbar2 .a:hover 
        {
            background-color: ;
            color: yellow;
  
        }
        
          .aaa 
        {
            padding:8px;
            background-color:#546E7A; 
            
            text-align:;
            float:;
            width: 40px;
            border-radius:3px;
            color: yellow;
            font-size: 13px;
            cursor: pointer;
            margin-left: 0px;
            display: inline-block;
            box-shadow: ;
            border: none;
            margin-top:0px; 
            text-decoration:none;
            vertical-align:super;
            
 
        }
        
        
        .aaa:hover 
        {
            background-color:#607D8B; 
            color: yellow;
  
        }
 
 
 
     .ba 
        {
            padding:0px;
            background-color:; 
            color: hsl(0, 0%, 100%);
            text-align:left;
            float:;
            width:px;
            border-radius:;
            color:#1A5276;
            font-size: 14px;
            cursor: pointer;
            margin-left: 0px;
            display: block;
            box-shadow: ;
            border: none;
            margin-top:0px; 
            text-decoration:none;
            vertical-align:super;
            
 
        }
        
        
        .ba:hover 
        {
            background-color:; 
            color:;
  
        }
 
     
     
     
    .va 
        
        {
            padding:3px;
            background-color:#546E7A; 
            color: hsl(0, 0%, 100%);
            text-align:center;
            float:;
            width: 80px;
            border-radius:3px;
            color: ;
            font-size: 16px;
            cursor: pointer;
            margin-left: 0px;
            display: inline-block;
            box-shadow: ;
            border: none;
            margin-top:10px; 
            text-decoration:none;
            vertical-align:super;
            
 
        }
        
        
.va:hover 
        {
            background-color:#78909C; 
            color: yellow;
  
        }
 
 
 
.pr
            {
                border: 1px solid white;
                 
            }
            
         
        
        .pr:hover 
            {
                
                 padding:0px; 
                 box-shadow: 1px 1px 6px #2c2c2c;
            }

            .p1 {
                font-family: 'Times New Roman', serif;
                font-size: 20px;
                padding: 15px;
                max-width:700px;
                margin:auto;
                text-align: center;
                height: auto;
                background-image: 
                border-radius: 30px;           
                
            }
            
        
        
         .logoo1 
          
          {
    
            width:130px;
            display:;
            margin: auto;
            margin-top: 0px;
                 
        }
        

        @media screen and (max-width: 700px) {
            .logoo1  {
                width:100px;
            }
            
          }
          
        
         
    .container
            
        {   padding-top:70px;
          
            max-width: 100%;
            border: none;

            overflow: hidden;
            margin : auto;
            text-align: center;
            text-decoration:none;
            display: block;
            background-color: white;
            
        }


 .a 
        {
        
            text-decoration:none;
            color: #888888; 
            font-size:13px;
            
  
        }
      
      
    #msgbox 
            {
                
                background-color:;
                color: ;
                padding: 0px;
                width: 100%;
                height: 450px;
                overflow-y: auto;
                border: ;
            }  
                  
    
     
         
        
            
    .content 
        {
            height:90px;
            min-width:90px;
            padding-top:5px;
            text-align: center;
            line-height:20px;
            background-color: white; 
            margin-right:15px;
            margin-top:10px;
            cursor: pointer;
            border: none;
            box-shadow: 1px 1px 6px #aaaaaa;    
        }
        
        
        
      .content:hover 
        {
            box-shadow: 1px 1px 11px #aaaaaa;    
            filter:  brightness(105%);
  
        }  
        
    
        .myDIV 
        
        {
            height: 135px;
            overflow-x:scroll;
            overflow-y:hidden;
            display : flex;
            background-color:; 
            margin-top:0px;
             padding-left: 15px;

        }
        
         @media screen and (max-width: 1200px) {
              .myDIV {
                           height: 130px;
              }
            }
        


        .content11 
        {
            height:70px;
            width: 70px;
            padding-top:0px;
            text-align: center;
            line-height:px;
            background-color: white; 
            margin-right:15px;
            margin-top:0px;
            cursor: pointer;
            border: none;
            box-shadow: 1px 1px 6px #aaaaaa; 
          
           
        }
        
        .content11:hover 
        {
            box-shadow: 1px 1px 11px #aaaaaa;    
            filter:  brightness(105%);
  
        }
        
        
     
            
            
       @media screen and (max-width: 1200px) {
              .content11 {
                            height:70px;
                        width: 70px;
              }
            }
        
            .scrollIMG 
            {
                 width: 70px;
                 height: 70px;
                 object-fit: cover;
            }
            
            
            @media screen and (max-width: 1000px) {
               .scrollIMG  {
                         width: 70px;
                         height: 70px;
                         object-fit: cover;
               }
               
             
             
     }

     .h11
            {
                color:#000000;
                font-size:12px;
                font-family:Arial;
                text-align:left;
                margin-top: 0px;
                
                padding :2px;
                
            
            }


    h1
        {
            color:#666666;
            font-size:22px;
            font-family:Arial;
            text-align:center;
            margin-top: 0px;

        }

 .h13
            {
                color:#37474F;
                font-size:15px;
                font-family:Arial;
                text-align:center;
                padding-top: 0px;
               
                text-transform: uppercase;
                
    
            }
        

.h33
        {
            color: #467CE8;
            font-size:20px;
            font-family:Helvetica;
            text-align: left;
            margin-top: 0px;
        }


    h3
        {
            color: #467CE8;
            font-size:28px;
            font-family:Helvetica;
            text-align: center;
            margin-top: 0px;
        }
        
        
         h2
        {
            color: #000000;
            font-size:20px;
            font-family:Helvetica;
            text-align: left;
            margin-top: 0px;
        }

  input[type=checkbox] 
    
        {   height: 18px;
            width: 18px;
            background-color: #eee;
            cursor: pointer;
            padding: 0px;
           
            float: left;
            margin-top: 0px;
            margin-left:5px;
           
 
        }

   input[type=radio] 
    
        {   height: 18px;
            width: 18px;
            background-color: #eee;
            cursor: pointer;
            padding: 0px;
           
            float: left;
            margin-top: ;
            margin-left:20px;
           
 
        }

    input[type=text] 
       
        {
            width: 100%;
            height: 45px;
            padding: 8px;
            border: 1px solid #047993;
            background-color: #ffffff;
            border-radius:30px;
            box-sizing: border-box;
            margin-top: 3px;
            margin-left: px;
            margin-bottom: 10px;
            resize: vertical;
            display: inline-block;
            font-size: 14px;
            color:#444444
        }


    textarea 
        
        {
            width: 100%;
            height:120px;
            padding: 12px;
            border: 1px solid #047993;
            border-radius: 30px;
            box-sizing: border-box;
            margin-top: 6px;
            margin-bottom: 16px;
            resize: vertical;
            font-size: 16px;
        }


    input[type=password] 
        
        {
            width: 100%;
            padding: 12px;
            border: 1px solid #047993;
            border-radius: 4px;
            box-sizing: border-box;
            margin-top: 6px;
            margin-bottom: 16px;
            resize: vertical;
        }



    input[type=date] 
    
        {
            width: 100%;
            height: 45px;
            padding: 8px;
            border: 1px solid #047993;
            background-color: #ffffff;
            border-radius:30px;
            box-sizing: border-box;
            margin-top: 3px;
            margin-left: px;
            margin-bottom: 10px;
            resize: vertical;
            display: inline-block;
            font-size: 14px;
            color:#444444
 
        }

        input[type=time] 
    
        {
        width: 100%;
        height: 45px;
        padding: 8px;
        border: 1px solid #047993;
        background-color: #ffffff;
        border-radius:30px;
        box-sizing: border-box;
        margin-top: 3px;
        margin-left: px;
        margin-bottom: 10px;
        resize: vertical;
        display: inline-block;
        font-size: 14px;
        color:#444444
        }

    input[type=submit] 
    
        {
            background-color:#047993;
            color: white;
            font-size: 16px;
            padding: 8px ;
            border: none;
            border-radius: 3px;
            cursor: pointer;
            width:80px;
            margin-top:5px;
        }


 input[type=submit]:hover 
    
        {
            background-color:#666666;
            color: white;
        }
        



       input[type=submit].submit1 
    
        {
            background-color: white;
            color: black;
            font-size: 16px;
            padding: 8px ;
            border: none;
            border-radius: 3px;
            cursor: pointer;
            width:80px;
            margin-top:5px;
             
        }


      input[type=submit].submit1:hover   
    
        {
            background-color:#888888;
            color: white;
        }
        



    input[type=file] 
        
        {
            background-color: none;
            color: #666666;
            font-size: 14px;
            padding: 0px 0px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            width:100%;
        }

    input[type=button] 
        
        {
            background-color: #909090;
            color: white;
            font-size: 40px;
            padding: 12px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            width:100%;
        }

   
        
        
    input[type=select], select
    
        {
            width: 80%;
            height: 50px;
            padding: 5px;
            border: 2px solid #6082B6;
            background-color: #ffffff;
            border-radius:5px;
            box-sizing: border-box;
            margin-top: 6px;
            margin-left: 0px;
            margin-bottom: 16px;
            resize: vertical;
            float:left;
            font-size: 15px;
            color:#888888;
  
        }




    input[type=list], .datalist
    
        {
            width: 100%;
            height: 45px;
            padding: 8px;
            border: 1px solid #047993;
            background-color: #ffffff;
            border-radius:30px;
            box-sizing: border-box;
            margin-top: 3px;
            margin-left: px;
            margin-bottom: 10px;
            resize: vertical;
            display: inline-block;
            font-size: 13px;
            color:#444444;
  
        }   
        
        
       input[type=list], .datalist:focus {
                               
                                outline: none;
                            }
        

    input[type=number] 
        
        {
            width: 60px;
            height: 30px;
            padding: 0px;
            border:1px solid #1A5276;
            border-radius:2px;
            box-sizing: border-box;
            resize: vertical;
            display: block;
            font-size:14px;
            margin : auto;
            text-align: center;
 
        }
        


label 
        
        {
            float: left;
            font-size: 15px;
            color:#0277BD; 
            padding:0px; 
            cursor: pointer;

        }
        
        
        
    .label3 
        
        {
           
            font-size: 15px;
            color:#0277BD; 
            padding:0px; 
            cursor: pointer;

        }
        
        
    

    .label2 
        
        {
            float: left;
            font-size: 16px;
            color:white; 
            padding:6px; 
            cursor: pointer;
            background-color: #455A64;
            border-radius: 5px;

        }
        
    .label2:hover  
        
        {
           
            background-color: #546E7A;
         
        }
        
        
        
  .button3 
    
        {
            margin-left: 0px;
            width: px;
            padding: px;
            height: px;
            background:none;
            color: #0277BD;
            font-size:25px;
            border:none;
            border-radius: 5px;
            text-align: center;
            cursor: pointer;
 
        }

    .button3:hover 
    
        {
           color: #666666;
           
        }

        .button33
    
        {
            margin-left: 0px;
            width: 100%;
            padding: 8px;
            height: px;
            background:none;
            color: #363636;
            font-size:14px;
            border:none;
            border-radius: 0px;
            text-align: left;
            cursor: pointer;
 
        }

    .button33:hover 
    
        {
           
            background-color:#d1d1d1;
           
        }



.button4 
    
        {
            background:none;
                color: #546E7A;
                border: none;
                display: inline-block;;
                font-size: 12px;
                border-radius:10px;
                padding:0px;
                margin-top:5px;
                margin:px;
               
                text-align: center;
                box-shadow: ;
                width: 60px;
                height: 40px;.
                cursor: pointer;

 
        }

    .button4:hover 
    
        {
           color: #666666;
            cursor: pointer;
           
        }
        
        
.button5 
    
        {
            background:none;
                color: white;
                border: none;
                display: inline-block;;
                font-size: 26px;
                border-radius:10px;
                padding:0px;
                margin-top:px;
                margin:px;
               
                text-align: center;
                box-shadow: ;
                width: 60px;
                height: 40px;.
                cursor: pointer;

 
        }
        
        
.button5:hover 
    
        {
           color: yellow;
            cursor: pointer;
           
        }


    logo 
    
        {
            
            width:100%;
            position:;
            display:block;
            background-color: none;
            text-align:center;
            padding-top:15px;
            margin-right:auto ;
            margin-left:auto;
            background-color:white;
        }
        
logo1 
    
        {
            
            width:100%;
            position:;
            display:block;
            background-color: none;
            text-align:center;
            padding-top:0px;
            margin-right:auto ;
            margin-left:auto;
            background-color:white;
        }



    .p18
            {
                color:#666666;
                font-size:14px;
                font-family:Arial;
                text-align:left;
                margin-top:0px;
                display: inline-block ;
               
                height: px;
                padding: px;
                
                width:px;
                
            }


            
      .cropped-ofpTOP {
                border-radius: 50%;
                width: 35px; 
                height: 35px; 
                object-fit: cover;
                object-position: 50% 50%;
                display: block;
                margin: auto;
                background-image: url("profile-image.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                margin-top: -6px;
                float: left;

                /* Border settings */
                     border: 0px solid #ffffff; /* green border */
                  /* White glow */
                    box-shadow: 0 0 6px #ffffff, 0 0 10px rgba(255, 255, 255, 2);
            }



      .cropped-ofp 
 
            {

                border-radius: 50%;
                width: 50px; 
                height: 50px; 
                object-fit: cover;
                object-position: 50% 50%;
                display:block;
                margin:auto;
                background-image: url("profile-image.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                float: left;
                margin-left:10px;
                box-shadow:;

            }

            .cropped-ofp1 
 
            {

                border-radius: 50%;
                width: 40px; 
                height: 40px; 
                object-fit: cover;
                object-position: 50% 50%;
                display:flex;
                margin:auto;
                background-image: url("profile-image.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                float:right;
                margin-right:20px;
                box-shadow:;
              

            }


.cropped-ofp2 
    
        {  
            border-radius: 50%;
            width: 45px; 
            height:45px; 
            object-fit: cover;
            object-position: 50% 50%;
            display: ;
            float:;
            margin-left:;
            background-image: url("profile-image.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            box-shadow:;
            border: 1px solid #666666;
        }
        
        
.cropped-ofp4 
    
        {  
            border-radius: 50%;
            width: 50px; 
            height:50px; 
            object-fit: cover;
            object-position: 50% 50%;
            display: ;
            float:;
            margin-left:;
            background-image: url("profile-image.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            box-shadow:;
         
        }



.cropped-ofp1 
    
        {
            background: white;
            Max-height:60px; 
             Max-width:200px; 
        }


.button 
    
        {
            margin-left: 0px;
            width: 120px;
            padding: 10px;
            height: 40px;
            background: #818589;
            color: white;
            font-size:18px;
            border:none;
            border-radius: 5px;
            text-align: center;
            cursor: pointer;
 
        }

.button:hover 
    
        {
            background: #36454F;
        }



        .button11 
    
        {
            margin-left: 0px;
            width: 40px;
            padding: 8px;
            height: 40px;
            background-color:#047993;
            color: white;
            font-size:14px;
            border:none;
            border-radius: 50px;
            text-align: center;
            cursor: pointer;
 
        }

.button11:hover 
    
        {
            background: #36454F;
        }

        .button11 img {
            width: 17px;
            height: 17px;
        }    


.text1 
        
        {
            margin-left: 0px;
            width: 120px;
            padding: 10px;
            height: 40px;
            background: #F2F2F2;
            color: black;
            font-size:25px;
            border:none;
            border-radius: 5px;
            text-align: center;
            cursor: pointer;
            border: 0px solid #000000;
        }   

    logout 

        {
            top:%;
            margin-left:80%;
            background:;
            color: white;
            font-size:18px;
 
        }


    logout a

        {
            text-decoration:none;
            color: #818589;
            font-size:18px;
 
        }

    logout:hover 
        
        {

            color:#000000;
  
        }



    back

        {
            top:;
            margin-left:1%;
            background:;
            color: white;
            font-size:18px;
        }


    back a

        {
            text-decoration:none;
            color: #818589;
            font-size:18px;
        }


    back :hover 
    
        {

            color:#000000;
        }


    userinfo 
    
        {
            background-color:#00B3D6;
            color: white;
            font-size: 18px;
            padding: 12px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            width:100%;
        }


    userinfo a

        {
            text-decoration:none;
            color: White;
            font-size:18px;

        }


    userinfo:hover 
    
        {
            background: #0089A4;
        }


    newcard
    
        {

            text-align: center
            width:100%;
            display: inline-block;
            background-color:  none;
            margin:auto;
            padding: 0px;
  
        }


    newcard a:link, a:visited 
    
        {
  
            background-color:;
            color:#666666;
            font-size:20px;
            line-height:3;
            padding: 5px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            width:220px;
            margin:auto;
  
        }



    newcard i 
    
        {
            width:200px;
            font-size:20px;
            text-decoration:none;
            padding: 15px;
            height: px;
            background: ;
            color:#467CE8;
            display: inline-block;
            border-radius:10px;
            margin-left:0%;
            cursor: pointer;
            box-shadow: 1px 1px 6px #2c2c2c;
        }


    newcard .fas
        
        {
	        padding:20px;
	        font-size:50px;
        }


    newcard i:hover 
    
        {
            background-color:;
        }


    newcard1
    
        {
            text-align: ;
            width:100%;
            background-color:white;
    
        }


    a.one:link, .one:visited 

        {
            background-color: White;
            color: #808080;
            font-size:18px;
            height: 40px;
            margin-top:1%;
            padding: 10px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            border: 1px solid #808080;
            border-radius:5px;
            box-shadow: 1px 1px 6px #2c2c2c;
            width:150px;
            margin-right:%;
            margin-left:%;
            
        }
  


    a.one:hover 
    
        {   
            background-color:#808080;
            color: white;
        }







    table, td, th 
    
        {  
      border: 0px solid #808080;
            text-align: left;
        }

    table 
    
        {
            border-collapse: collapse;
            width: 100%;
            text-align: left;
            box-shadow: none;
            font-family: Verdana;
            font-weight: normal;
        }

    th, td 
    
        {
            padding: 10px;
        }

    td 
    
        {  
            
            color: #666666;
            vertical-align: top;
            font-size:15px;
            text-align:center;
            font-family: Arial;
            line-height: 1.6;
            padding-top: 25px;
   
        }   


    th 
    
        {
            background-color:#21618C;
            color: white;
            text-align: center;
            font-size:17px;
            font-family:Arial;
            letter-spacing: .5px;
           
         }




#topp 
        
            {
                  font-family: Arial, Helvetica, sans-serif;
                  border-collapse: collapse;
                 max-width: 800px;
                  text-align:center;
                  margin:auto;
            }

#topp td,  #topp th 
            {
                  border: none;
                 text-align: left;                
  
            }

    #topp td
        
                {
                  padding:20px;   
                  padding-bottom :0px;
                  
                }    
#topp th 
        
                {
                  
                  padding-bottom:0px;
                  text-align: ;
                  background-color: #04AA6D;
                  color: white;
                }     

#topp1 
        
                {
                      font-family: Arial, Helvetica, sans-serif;
                      border-collapse: collapse;
                      max-width:800px;
                      border-collapse: collapse; /* Removes spacing between cells */
                      text-align:center;
                      margin:auto;
                }
    
    #topp1 td,  #topp1 th 
                {
                      border: none;
                     text-align: left;   
                     padding: 4px 8px; /* Reduces inner space inside cells */
                     line-height: 1.2;  /* Controls vertical spacing of text */
                                
      
                }
    
        #topp1 td
            
                    {
                    
                     
                      
                      
                    }    
    #topp1 th 
            
                    {
                      
                      padding-bottom:0px;
                      text-align: ;
                      background-color:white;
                      color:#21618C;
                      
                    }     
    



#checkout 
        
            {
                  font-family: Arial, Helvetica, sans-serif;
                  border-collapse: collapse;
                  max-width: 800px;
                  margin:auto;
            }

#checkout td  
            {
                   
                    padding-left:0px;
                    
                    padding-top:10px;
                   
  
            }


        
        
#checkout td
    
        {  
            border: 1px solid #1A5276;
            
        }



#checkout th 
        
                {
                  padding:5px;
                  
                  text-align: center;
                  background-color: #1A5276;
                  color: white;
                }     





#cancel table
        
            {
                  font-family: Arial, Helvetica, sans-serif;
                  border-collapse: collapse;
                  width: 100%;
                  
            }

         #cancel td  
            {
                   
                    padding-left:10px;
                    text-align: left;
                    padding-top:5px;
                   
  
            }


        
        
 #cancel tr
    
        {  
           border: 1px solid #1A5276;
            
            
        }



         #cancel th 
        
                {
                  padding:5px;
                  
                  text-align: center;
                  background-color: #1A5276;
                  color: white;
                }     



#offer 
        
            {
                  font-family: Arial, Helvetica, sans-serif;
                  border-collapse: collapse;
                  width: 100%;
            }

       #offer td 
            {
                  border: none;
                  padding:10px;
                  text-align: center;
                  padding-top: 10px;
  
            }

        #offer tr:nth-child(even){background-color: 0;}



        #offer th 
        
                {
                    border: none;        
                    padding-top: 0px;
                    padding-bottom: 0px;
                    text-align: left;
                    background-color:;
                    color: ;
                }  
                
#posts-container {]

    text-align: center;
    max-width: 800px;
    margin:auto;
}          


#post 
        
            {
                font-family: Arial, Helvetica, sans-serif;
                border-collapse: collapse;
                max-width: 700px;
                text-align: center;
                line-height: 1.2;
            }

        #post td 
            {
                  border: none;
                  padding:10px;
                  text-align: center;
                  padding-top: 10px;
                  margin:auto;
                  font-size:13px;
  
            }

        #post tr:nth-child(even){background-color: 0;}



        #post th 
        
                {
                    border: none;        
                    padding-top: 10px;
                    padding-bottom: 0px;
                    text-align: left;
                    background-color: white;
                    color:';
                } 
                
#msgtop 
        
            {
                  font-family: Arial, Helvetica, sans-serif;
                  border-collapse: collapse;
                  width: 100%;
                  background-color:#607D8B;
            }

        #msgtop td 
            {
                  border: none;
                  padding:10px;
                  text-align: center;
                  padding-top: 10px;
  
            }

        #msgtop tr:nth-child(even){background-color: 0;}



        #msgtop th 
        
                {
                    border: none;        
                    padding-top: 10px;
                    padding-bottom: 0px;
                    text-align: left;
                    background-color:#607D8B;
                    color:;
                    text-align: left;
                }     

      .p13
            {
                color:#666666;
                font-size:12px;
                font-family:Arial;
                text-align:left;
                margin-top: 0px;
                display: inline;
            
            }


   .p14
            {
                color:#666666;
                font-size:14px;
                font-family:Arial;
                text-align:center;
                margin-top:5px;
                display: inline-block ;
                line-height: 1.6;
                height: px;
                padding: px;
                
                width:330px;
                
            }
            
            
            
            
.pchat
            {
                background-color: #607D8B;
                color:White;
                font-size:14px;
                font-family:Arial;
                text-align:left;
                margin-top:5px;
                display: inline-block ;
                line-height: 1.6;
                height: px;
                padding: 10px;
                border-radius:6px;
                width:250px;
                
            }
            
            
            
              
.pchatfrom
            {
                background-color: #D6EAF8;
                color:black;
                font-size:14px;
                font-family:Arial;
                text-align:right;
                margin-top:5px;
                display: inline-block ;
                line-height: 1.6;
                height: px;
                padding: 10px;
                border-radius:6px;
                width:250px;
                
            }





        div.sticky 
                    {
                      position: -webkit-sticky;
                      position: sticky;
                      top: 0;
                      padding: 5px;
                      background-color: #cae8ca;
                      border: 2px solid #4CAF50;
                    }

    .p19
            {
                color:#666666;
                font-size:14px;
                font-family:Arial;
                text-align:left;
                margin-top:5px;
                display: inline-block ;
                line-height: 1.6;
                height: px;
                padding: px;
                
                width:330px;
                
            }




      .h12
            {
                color:#000000;
                font-size:14px;
                font-family:Arial;
                text-align:left;
                margin-top: 0px;
                display: inline;
            
            }



    a.t:link, .t:visited
    
        {
            background-color: #467CE8;
            color:White;
            font-size:18px;
            height:;
            margin-top:1%;
            padding: 10px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            border: ;
            border-radius:2px;
            width:100%;
            margin-right:%;
            margin-left:%;}
  

    a.t:hover 
    
        {
            background-color:#909090;
        color: white;
          
        }
        
        
        
a.ts:link, .ts:visited
    
        {
            background-color: none;
            color:#467CE8;
            font-size:16px;
            height:;
            margin-top:1%;
            padding: px;
            text-align: center;
            text-decoration: none;
            display: ;
            border: ;
            border-radius:2px;
            width:100%;
            margin-right:%;
            margin-left:%;}
  

    a.ts:hover 
    
        {
            background-color:none;
            color: #6082B6;
            text-decoration: underline;
          
        }
        
a.wa:link, .wa:visited
    
        {
            background-color: none;
            color:#467CE8;
            font-size:16px;
            height:;
            margin-top:1%;
            padding: px;
            text-align: center;
            text-decoration: none;
            display: ;
            border: ;
            border-radius:2px;
            width:100%;
            margin-right:%;
            margin-left:%;}
  

    a.wa:hover 
    
        {
            background-color:none;
            color: #6082B6;
            text-decoration: underline;
          
        }
        
        
        
        
        
        
    a.addProduct:link, .addProduct:visited
    
        {
            background-color:#D27D2D;
            color:White;
            font-size:16px;
            height:;
            margin-top:1%;
            padding: 8px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            border: none;
            border-radius:2px;
            width:200px;
            margin-right:%;
            margin-left:%;}
  

    a.addProduct:hover 
    
        {
            background-color:#B87333;
        color: white;
          
        }
        
        
        .table1 {
            background-color: white;
            color: #546E7A;
            font-size: 10px;
            text-align: center;
            display: inline-block;
            padding: 8px;
            text-decoration: none;
            border: 0px solid #808B96;
            border-radius: 3px;
           min-width: 80px;
            margin-top: 5px;
           
        }
        
        /* Ensure all link states have consistent styling */
        a.table1:link,
        a.table1:visited {
            color: #546E7A;
            text-decoration: none;
            font-size: 12px;
        }
        
        /* Font Awesome icon inside table1 */
        .table1 i {
           
            font-size: 10px;
        }

              
        /* Hover effect */
        a.table1:hover {
            box-shadow: 1px 1px 6px #aaaaaa;
        }
        

 a.table2:link, .table2:visited
    
        {
            background-color:white;
            color:#666666;
            font-size:16px;
            height:;
            padding: 0px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            border: none;
            border-radius:3px;
            width:120px;
            margin-top:5px;
            
        }
  

    a.table2:hover 
    
        {
             box-shadow: 1px 1px 6px #2c2c2c;
            
          
        }
        
        
        
    a.table3:link, .table3:visited
    
        {
            background-color:white;
            color:#00838F;
            font-size:12px;
            height:;
            padding: px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            border: none;
            border-radius:3px;
            width:90px;
            margin-top:px;
            border: none;
            
        }
  

    a.table3:hover 
    
        {
           
            color:#00ACC1;
        }



    
        
        
    a.table4:link, .table4:visited
    
        {
            background-color:white;
            color:#5D6D7E;
            font-size:12px;
            height:;
            padding: px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            border: none;
            border-radius:3px;
            width:90px;
            margin-top:px;
            border: none;
            
        }
  

    a.table4:hover 
    
        {
           
            color:#85929E;
        }




        .image-slideshow 
        
            {
              height:px;
              width:360px;
              position: relative;
              margin: auto;
              
            }


            .img 
            {
                height:200px;
                width:px;
              
            }


           .table5 {
                    background-color: white;
                    color: #546E7A;
                    font-size: 10px;
                    text-align: center;
                    display: inline-block;
                    padding: 8px 4px;
                    text-decoration: none;
                    border: 0px solid #808B96;
                    border-radius: 4px;
                    min-width: 100px;
                    margin-top: 5px;

                    /* Fix for wrapping */
                    word-wrap: break-word;
                    white-space: normal;
                }

        
        /* Ensure all link states have consistent styling */
        a.table5:link,
        a.table5:visited {
            color: #546E7A;
            text-decoration: none;
            font-size: 12px;
        }
        
        /* Font Awesome icon inside table1 */
        .table5 i {
            color: #546E7A !important;
            font-size: 10px;
        }

              
        /* Hover effect */
        a.table5:hover {
            box-shadow: 1px 1px 6px #aaaaaa;
        }


        .fade 
            {
              animation-name: fade;
              animation-duration: 5s;
            }

        @keyframes fade 
        
            {
              from {opacity: .4}
              to {opacity: 1}
            }
        
        



    .imgee1 
    
        {
      
            padding:px;
            margin : auto;
            text-align:center;
            background-color: ;
            display:block;
            width: 150px; 
       
        }


 .imgee 
        
        {
          border: 1px solid #ddd;
          border-radius:3px;
          padding:px;
          margin : auto;
          text-align:center;
          background-color: ;
          display:block;
          box-shadow: none;
         width:100%; 
          max-height:600px; 
        }
        
        
     .postIMAGE1 
        
            {
                 border: 1px solid #ddd;
                border-radius:3px;
                max-width:350px; 
                max-height:500px; 
                
               
                display:block;
                margin:auto;

            }
        
.imgee22 
        
        {
          border: 1px solid #ddd;
          border-radius:3px;
          padding:px;
          margin : auto;
          text-align:center;
          background-color: ;
          display:block;
          box-shadow: none;
          width: px; 
          height: 50px; 
        }
        
        
     .imm22:hover 
    
        {
            background-color:white;
 

        }    


    .imm 
        {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 80%;
            padding:10px;
          
 
            }
 
    .imm:hover 
    
        {
            background-color:white;
 

        }



.social_link .btn1 
        
            {
                background: ;
                color: #ffffff;
                border: none;
                display: inline-block;;
                font-size: 12px;
                border-radius:10px;
                padding:0px;
                margin-top:5px;
                margin:px;
                background: ;
                text-align: center;
                box-shadow: ;
                width: 60px;
                height: 40px;

            }


        .social_link .ab 
            {
                background: ;
                color:#546E7A;
            }
            
            .social_link .ab :hover 
            {
                background: ;
                color:#666666;
            }


        .social_link .fa
            {
	            padding:5px;
            }

        .social_link .btn1:hover 
            {
                background-color: ;
                color:;
            }
            
            
            
                 
        .social_link .btn1 
        
            {
                background: ;
                color: gray;
                border: none;
                display: inline-block;;
                font-size: 12px;
                border-radius:10px;
                padding:0px;
                margin-top:5px;
                margin:px;
               
                text-align: center;
                box-shadow: ;
                width: 60px;
                height: 40px;

            }


        .social_link .ab 
            {
                background: ;
                color:#546E7A;
            }

        .social_link .fa
            {
	            padding:5px;
            }

        .social_link .btn1:hover 
            {
                background-color: ;
                color:;
            }
            
            




            
            
    .button4 
    
        {
            background:none;
                color: #546E7A;
                border: none;
                display: inline-block;;
                font-size: 12px;
                border-radius:10px;
                padding:0px;
                margin-top:5px;
                margin:px;
               
                text-align: center;
                box-shadow: ;
                width: 60px;
                height: 40px;.
                cursor: pointer;

 
        }

    .button4:hover 
    
        {
           color: #666666;
            cursor: pointer;
           
        }
        
            
  /* calender */


  .CLANDERViEW{

    max-width:330px;
    margin:auto;
    display:block;
    
  }


div.calender {
  margin-left: 0px;
  border: ;
  float: left;
  width:px;
  overflow: hidden;

  
  
}

div.calender:hover {
   box-shadow: 1px 1px 6px #aaaaaa; 
}

div.calender img {
  width:160px;
  height:170px;
  margin-top:0px;
}


#calender_tb 
        
            {
                  font-family: Arial, Helvetica, sans-serif;
                  border-collapse: collapse;
                  max-width:330px; 
                  margin:auto;
            }

      #calender_tb  td 
            {
                  border: none;
                  padding:px;
                  text-align: center;
                  padding-top: 10px;
  
            }

        


       #calender_tb  th 
        
                {
                    border: none;        
                    padding-top: 0px;
                    padding-bottom: 0px;
                    text-align:center;
                    background-color:#546E7A;
                    color: ;
                    
                 
                }     
                
                
                
a.tableCalblank:link, .tableCalblank:visited
    
        {
            background-color:;
            color:white;
            font-size:15px;
            height:;
            padding: 5px;
            text-align: center;
            text-decoration:none;
            display: inline-block;
            border: none;
            border-radius:;
            width:47px;
            height:47px;
            margin-top:0px;
            border: none ;
            border: 1px solid;
            
        }
  

    a.tableCalblank:hover 
    
        {
           
                
        }
                          
                

a.tableCalDays:link, .tableCalDays:visited
    
        {
            background-color:;
            color:white;
            font-size:15px;
            height:;
            padding: 0px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            border: none;
            border-radius:px;
            width:100%;
            height:25px;
            margin-top:;
            border: none ;
            
        }
  

    a.tableCalDays:hover 
    
        {
           
           
        }



a.tableCalDates:link, .tableCalDates:visited
    
        {
            background-color:;
            color:#000000;
            font-size:15px;
            padding: 5px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            border: none;
            border-radius:;
            width:47px;
            height:47px;
            margin-top:;
            border: 1px solid #B0BEC5;
            
        }
  

    a.tableCalDates:hover 
    
        {
           
            box-shadow: 1px 1px 6px #aaaaaa;    
        }




a.tableCalHolidays:link, .tableCalHolidays:visited
    
        {
            background-color:#E8F8F5;
            color:#0E6655;
            font-size:15px;
            height:;
            padding: 5px;
            text-align: center;
            text-decoration:;
            display: inline-block;
            border: none;
            border-radius:;
            width:47px;
            height:47px;
            margin-top:0px;
            border: none ;
            border: 1px solid;
            
        }
  

    a.tableCalHolidays:hover 
    
        {
           
                
        }
        
    a.tableCalbackDate:link, .tableCalbackDate:visited
    
        {
            background-color:;
            color:#B0BEC5;
            font-size:15px;
            height:;
            padding: 5px;
            text-align: center;
            text-decoration:none;
            display: inline-block;
            border: none;
            border-radius:;
            width:47px;
            height:47px;
            margin-top:0px;
            border: none ;
            border: 1px solid;
            
        }
  

    a.tableCalbackDate:hover 
    
        {
           
                
        }
                    
        
          
          
          
a.tableCalCurrentDate:link, .tableCalCurrentDate:visited
    
        {
            background-color:#FFF9C4;
            color:#0E6655;
            font-size:15px;
            height:;
            padding: 5px;
            text-align: center;
            text-decoration:none;
            display: inline-block;
            border: none;
            border-radius:;
            width: 47px;
            height:47px;
            margin-top:0px;
            border: none ;
            border: 1px solid;
            
        }
  

    a.tableCalCurrentDate:hover 
    
        {
           
                
        }
                    


a.tableCalmonth:link, .tableCalmonth:visited
    
        {
            background-color:;
            color:White;
            font-size:18px;
            height:;
            padding: 10px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            border: none;
            border-radius:;
            width:;
            height:px;
            margin-top:0px;
            border: none ;
            
        }
  

    a.tableCalmonth:hover 
    
        {
           
                
        }
        
        
        .search_name
        
            {
                color:#000000;
                font-size:18px;
                font-family:Arial;
                text-align:left;
                margin-top: 0px;
                display: inline;
            
            }
            
            
            
            
    #topMTable 
        
            {
                  font-family: Arial, Helvetica, sans-serif;
                  border-collapse: collapse;
                  width: 100%;
                  margin-left:20px;
                  display: none;
            }

        #topMTable  td 
            {
                  border: none;
                  padding:10px;
                  text-align: left;
                  padding-top: 10px;
                  margin-left:20px;
  
            }

            
        

        #topMTable  th 
        
                {
                    border: none;        
                    padding-top: 0px;
                    padding-bottom: 0px;
                    text-align: left;
                    background-color:none;
                    color: ;
                }           
                        
     
                .icon-
                 {
                    display: flex;
                    justify-content: center;
                    padding-bottom: 20px;
                    padding-top: 0px;                    
                  }
                  
                  .icon-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
                    gap: 20px;
                    max-width: 600px; /* Set max width for big screens */
                    width: 100%;
                    text-align: center;
                  }
                  
                  .icon-grid a {
                    display: block;

                    
                    color: inherit;
                    text-decoration: none;
                    font-size: 14px;
                  }
                  
                  .icon-grid i {
                    font-size: 30px;
                    margin-bottom: 5px;
                    color: #333;
                  }

                  
                
                  .results {
                    display: block;
                    padding:10px;    
                    gap: 15px;
                    text-align: left; /* horizontal center */
                    max-width :700px;
                    margin:auto;
                  }
                  
                  .result-card {
                    background-color: white;
                    padding: 0px;
                    border-radius: 10px;
                    box-shadow: 0 0px 5px rgba(0,0,0,0.4);
                    width:100%;
                  }
                  
                  .result-card h3 {
                    text-align: left;
                    font-size: 18px;
                    margin-bottom: 8px;
                  }
                  
                  .result-card p {
                    text-align: left;
                    font-size: 14px;
                    color: #555;
                  }


                  
              
                  
                  .BusinessName 
                    {
                        padding:6px;
                        padding-left:0px;
                        background-color:; 
                        color: hsl(0, 0%, 100%);
                        text-align:left;
                        float:;
                        width:px;
                        border-radius:;
                        color:#000000;
                        font-size: 16px;
                        cursor: pointer;
                        margin-left: 0px;
                        display: ;
                        box-shadow: ;
                        border: none;
                        margin-top:0px; 
                        text-decoration:none;
                        vertical-align:super;
                        font-weight: bold;

                    }
                    
                    
                    .BusinessName:hover 
                    {
                        background-color:#e5e7e9; 
                        

                    }


                    .searchh 
                    {
                        padding:7px;
                        background-color:#ffffff; 
              
                        text-align:left;
                        float:;
                        width:px;
                        border-radius:;
                        color:#444444;
                        font-size: 12px;
                        cursor: pointer;
                        margin-left: 0px;
                        display: ;
                        box-shadow: ;
                        border: none;
                        margin-top:0px; 
                        text-decoration:none;
                        vertical-align:super;

                         border-radius: 10px;
                            box-shadow: 0 0px 5px rgba(0,0,0,0.4);
                        

                    }
                    
                    
                    .searchh:hover 
                    {
                   
                            box-shadow: 0 0px 5px rgba(0,0,0,0.8);
                        
                    }


               
                    
.rating-wrapper {
  

}


 .ratinglable
        
        {
            
            font-size: 14px;
            color:#666666; 
            padding:0px;
            margin-left:5px;
            display: inline-block;
            text-decoration:none;
            cursor: pointer;
        }
   
   
   .ratinglable:hover 
    
        {
          
            
            text-decoration:underline;
           
        }


        .title1 {
            padding-top: 0px;
            padding-bottom : 10px;            
           text-align: left;
            background-color:white;
            color: ;
            max-width:700px;
            margin: auto;            
                    border-radius: 10px;
                    box-shadow: 0 0px 5px rgba(0,0,0,0.2);
                   

        }

       


    /* icon for image upload */

        .image-upload-icon {
            width: 60px; /* adjust as needed */
            height: 50px;
            cursor: pointer;
            object-fit: cover;
            border: 2px dashed #ccc;
            border-radius: 8px;
          }

          .file-input-hidden {
            opacity: 0;
            width: 1px;
            height: 1px;
            position: absolute;
            z-index: -1;
          }

          .preview-img {
            display: none;
            max-width: 100px;
            border: 1px solid #ccc;
            margin-left: 10px;
        }


/*-------------samll menu window ----- */


        .menu-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 100px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            right: 0;
            top: 10px; /* adjust if needed */
            border-radius: 2px;
            overflow: hidden;
            font-size: 14px;
            color:#000000;
        }

        .menu-content a {
            color: black;
            padding: 8px 12px;
            text-decoration: none;
            display: block;
            text-align: left;
            font-size: 14px;
        }

        .menu-content a:hover {
            background-color: #ddd;
        }
        .menu-button {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
        }


  /*------------------------------------------Card Gallery------------------------- */
         .horizontal-scroll-gallery {
                        display: flex;
                        flex-direction: row;
                        width: 100%;            /* ✅ Fill parent instead of fixed 800px */
                        max-width: 800px;       /* Optional: keep a maximum */
                        margin: auto;
                        overflow-x: auto;
                        overflow-y: hidden;
                        gap: 12px;
                        padding: 10px 20px;
                        -webkit-overflow-scrolling: touch;
                        scroll-snap-type: x mandatory;
                        scroll-padding-left: 20px;
                    }

            .contentCards {
                flex: 0 0 auto; /* ✅ prevent wrapping */
                width: 120px;
                scroll-snap-align: start;
                background: #fff;
                border-radius: 8px;
                box-shadow: 0 0px 6px rgba(0,0,0,0.3);
                text-align: center;
                padding: 6px;
            }

            .scrollIMGCards {
                width: 100%;
                height: 80px;
                object-fit: contain;
                border-radius: 6px;
                margin-bottom: 6px;
                background-color: #ffffff;
            }

            .contentCards:hover .scrollIMGCards {
                transform: scale(1.05);
            }

            .cardTitle {
                font-size: 13px;
                color: #333;
                margin: 0;
                font-weight: 500;
            }

            .a {
                text-decoration: none;
                color: inherit;
            }

/*---------------------- Optional scrollbar styling */

            .horizontal-scroll-gallery::-webkit-scrollbar {
                height: 6px;
            }
            .horizontal-scroll-gallery::-webkit-scrollbar-thumb {
                background: #8f8b8b;
                border-radius: 6px;
            }

/*---------------------- Optional scrollbar styling */

       .icon-container {
                width: 100%;
                overflow-x: auto;              /* scrolling works */
                -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
            }

            /* Hide scrollbar only on small screens (e.g. ≤768px) */
            @media (max-width: 500px) {
                /* Chrome, Safari, Opera */
                .icon-container::-webkit-scrollbar {
                    display: none;
                }

                /* IE, Edge */
                .icon-container {
                    -ms-overflow-style: none;  /* IE and Edge */
                    scrollbar-width: none;     /* Firefox */
                }
            }


            /*---------------------------- contact Us TAble -----------------------------------------*/

                .contact-table {
                    max-width: 600px;
                    margin: 30px auto;
                    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                    border-radius: 10px;
                    overflow: hidden;
                    box-shadow: 0 0 10px rgba(0,0,0,0.1);
                }

                .contact-table h2 {
                    text-align: center;
                    background-color: #546E7A;
                    color: #fff;
                    padding: 15px 0;
                    margin: 0;
                    font-size: 24px;
                }

                .contact-table table {
                    width: 100%;
                    border-collapse: collapse;
                }

                .contact-table th,
                .contact-table td {
                    padding: 12px 15px;
                    border-bottom: 1px solid #ddd;
                    text-align: left;
                }

                .contact-table th {
                    background-color: #ECEFF1;
                    width: 30%;
                    color: #37474F;
                    font-weight: 600;
                }

                .contact-table td a {
                    color: #0288D1;
                    text-decoration: none;
                }

                .contact-table td a:hover {
                    text-decoration: underline;
                }

                @media screen and (max-width: 600px) {
                    .contact-table table, 
                    .contact-table th, 
                    .contact-table td {
                        display: block;
                        width: 100%;
                    }
                    .contact-table th {
                        background-color: transparent;
                        font-weight: bold;
                    }
                }