body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
    overflow-x: hidden; /* Prevent horizontal overflow */
    border-radius: 8px;
}


/* Topbar styles */
.topbar {
background-color:#6699CC; /* Dark blue background for the topbar */
padding: 10px 15px; /* Padding for the topbar */
color: whitesmoke; /* Text color */
display: flex;
justify-content: space-between; /* Space out children */
align-items: center; /* Vertically center items */
border-bottom: #90EE90 2px solid; /* Bottom border */
overflow: hidden; /* Ensure no overflow */
}

.topbar p {
margin: 0; /* Remove default margin */
display: flex;
align-items: center; /* Align items within the paragraph */
white-space: nowrap; /* Prevent wrapping of content */
}

.left {
font-weight: bold;
margin-left: 20px; /* Margin on the left side for phone number */
text-align: left; /* Align text to the left */
flex: 1; /* Allow left section to take up available space */
}

.left span {
margin-left: 80px; /* Adjust spacing between text elements within .left */
}

.right {
font-weight: bold;
margin-right: 20px; /* Margin on the right side for email */
text-align: right; /* Align text to the right */
}
.right label{
margin-right: 120px;
}

/* Icon styling */
.material-symbols-outlined {
margin-right: 5px; /* Space between icon and text */
}

/* Responsive adjustments for 1024px screens and smaller */
@media (max-width: 1024px) {
.topbar {
    padding: 8px 12px; /* Adjust padding for smaller screens */
    display: none;
}
.header{
background-color:#31b0d5;
}
.topbar p {
    font-size: 14px; /* Adjust font size for readability */
}

.left {
    margin-left: 15px; /* Adjust margin for phone number */
}


}

/* Responsive adjustments for 768px screens and smaller */
@media (max-width: 768px) {
.topbar {
    padding: 6px 10px; /* Further adjust padding for tablets */
    display: none;
}

.topbar p {
    font-size: 14px; /* Adjust font size for readability */
}

.left {
    margin-left: 10px; /* Adjust margin for phone number */
}


}

/* Responsive adjustments for 576px screens and smaller */
@media (max-width: 576px) {
.topbar {
    padding: 5px 5px; /* Further adjust padding for extra-small screens */
    display: none;
}

.topbar p {
    font-size: 12px; /* Further adjust font size for extra-small screens */
}

.left {
    margin-left: 5px; /* Further adjust margin for phone number */
    white-space: nowrap; /* Ensure phone number does not wrap */
}

.left span {
    margin-left: -200px; /* Adjust spacing for very small screens */
}

}
/* Hide the dropdown by default */
.dropdown-menu {
display: none; /* Dropdown is hidden by default */
position: absolute;
top: 100%; /* Position below the nav item */
left: 0;
z-index: 1000; /* Ensure dropdown is on top */
width: 100%; /* Optional: Match the width of the nav item */
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0.25rem;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Optional: Add shadow for better visibility */
}

/* Show the dropdown on hover */
.nav-item:hover .dropdown-menu {
display: block; /* Show the dropdown menu on hover */
}

/* Styling for dropdown items */
.dropdown-item {
padding: 0.5rem 1rem;
white-space: nowrap; /* Prevent text from wrapping */
border-bottom: 1px solid #ddd; /* Add a bottom border to each item */

}

/* Remove the border from the last item */
.dropdown-item:last-child {
border-bottom: none;
}

.dropdown-item:hover {
background-color: #f8f9fa;
}
#drop{
width: 230px;
}
#serdrop{
width: 170px;
}

/* Header Styles */

.header {
    background-color: whitesmoke;
    padding: 0 15px; /* Padding on left and right sides */
    display: flex;
    justify-content: space-between; /* Align children to the edges */
    align-items: center; /* Vertically center items */
    position: relative; /* Initial position relative to the page */
    width: 100%;
    z-index: 1000; /* Ensure it stays above other content */
    transition: top 0.3s; /* Smooth transition when changing position */
  }
  
  /* Fixed header styles */
  .header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background-color: whitesmoke; /* Background color remains the same */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: add a subtle shadow */
  }

.logo-img {
height: 70px; /* Increased logo size for better visibility */
margin-right: 40px; /* Reduced space between logo and navbar items */
}

#logo {
margin-left: 63px;
}

.navbar {
padding: 20px 0; /* Padding for the navbar */
display: flex;
align-items: center; /* Vertically center navbar items */
}

.navbar-brand {
display: flex;
align-items: center; /* Vertically center logo */
}

.navbar-nav {
margin-left: 270px;
display: flex;
align-items: center; /* Align nav items vertically */
}

.navbar-nav .nav-link {
padding: 10px 20px; /* Increased padding for navbar items */
font-size: 18px; /* Increased font size for better readability */
color: white;
margin-top: 20px;
margin-right: 13px; /* Increased space between nav items */
}

.navbar-nav .nav-item.active .nav-link {
font-weight: bold; /* Bold text for the active item */
color: white; /* Ensure active link text is white */
}

.nav-item {
font-weight: bold; /* Bold text for all nav items */
color: white; /* White text color for all nav items */
}

.navbar-toggler-icon {
background-color: #6A5ACD;
background-image: url(''); /* Custom icon */
}
#border1{
border-bottom: 1px  rgb(155, 155, 155) solid;
font-weight: 500;
}
#border2{
border-bottom: 1px  rgb(155, 155, 155) solid;
font-weight: 500;
}
#border3{
border-bottom: 1px  rgb(155, 155, 155) solid;
font-weight: 500;
}
#border4{
border-bottom: 1px  rgb(155, 155, 155) solid;
font-weight: 500;
}
#border5{
border-bottom: 1px  rgb(155, 155, 155) solid;
font-weight: 500;
}
#border6{
border-bottom: 1px  rgb(155, 155, 155) solid;
font-weight: 500;
}
#border7{
border-bottom: 1px  rgb(155, 155, 155) solid;
font-weight: 500;
}
#border8{
border-bottom: 1px  rgb(155, 155, 155) solid;
font-weight: 500;
}

#service1{
border-bottom: 1px  rgb(155, 155, 155) solid;
font-weight: 500;
}
#service2{
border-bottom: 1px  rgb(155, 155, 155) solid;
font-weight: 500;
}
#service3{
border-bottom: 1px  rgb(155, 155, 155) solid;
font-weight: 500;
}
#service4{
border-bottom: 1px  rgb(155, 155, 155) solid;
font-weight: 500;
}
/* #home{
color: #494949;
} */
/* Menu button visibility */
@media (min-width: 1024px) {
#tg {
    display: none; /* Hide the menu button on screens wider than 1024px */
}

}

@media (max-width: 1024px) {
#tg {
    display: block; /* Show the menu button on screens up to 1024px */
}
}

/* Responsive adjustments for screens up to 1024px */
@media (max-width: 1024px) {
.navbar-nav {
    text-align: left; /* Align items to the left on smaller screens */
    width: 100%; /* Full-width for navbar items */
    margin-left: 0; /* Remove left margin for full-width */
}

.navbar-nav .nav-link {
    display: block; /* Block display for touch targets */
    padding: 15px 0; /* Increase padding */
    font-size: 20px; /* Larger font size for readability on smaller screens */
    margin-left: 0; /* Reset margin for smaller screens */
    margin-right: 10px; /* Adjust space between nav items */
    
}

#tg {
    background-color: #6A5ACD; /* Match the background color */
}
}

/* Responsive adjustments for screens up to 991px */
@media (max-width: 991px) {
.navbar-nav {
    text-align: left; /* Align items to the left on smaller screens */
    width: 100%; /* Full-width for navbar items */
    margin-left: 0; /* Remove left margin for full-width */
}

.navbar-nav .nav-link {
    display: block; /* Block display for touch targets */
    padding: 15px 0; /* Increase padding */
    font-size: 20px; /* Larger font size for readability on smaller screens */
    margin-left: 0; /* Reset margin for smaller screens */
    margin-right: 10px; /* Adjust space between nav items */
}

#tg {
    color: white; /* Text color for #tg */
}
}

/* Responsive adjustments for screens up to 767px */
@media (max-width: 767px) {
.logo-img {
    height: 50px; /* Adjust logo size for small screens */
}

#logo {
    margin-left: 0px;
}



.navbar {
    padding: 5px 0; /* Adjust padding for smaller screens */
    display: flex; /* Ensure navbar items are flexible */
    justify-content: space-between; /* Align items to the edges */
    position: relative; /* Ensure positioning context */
}

.navbar-toggler {
    display: block; /* Ensure the menu button is visible */
    z-index: 1001; /* Ensure it stays on top of other content */
}

.navbar-nav {
    display: none; /* Hide navbar items for smaller screens */
}

.header {
    flex-direction: row; /* Align items in a row */
    justify-content: space-between; /* Space items evenly */
}

#about,
#productsDropdown,
#servicesDropdown,
#fr,
#con,
#cal {
    color: white;
    margin-top: 0; /* Reset margin-top for better alignment */
}

#drop,#serdrop {
    margin-top: 0px; /* Ensure space for dropdown */
    margin-left: 60px;
  
 
}
#productsDropdown{
    margin-left: 100px;
}
.nav-item {
    margin-bottom: -20px;
    margin-left: 10px;
}
#home{
     color:#324AB2;
}
#about {
    margin-left: 20px;
     color:#324AB2;
}
#productsDropdown{
     color:#324AB2;
}

#servicesDropdown {
    margin-left: 30px;
     color:#324AB2;

}


#productsDropdown {
    margin-left: 35px;
    
}

#fr {
    margin-left: 15px;
     color:#324AB2;
}

#con {
    margin-left: 25px;
     color:#324AB2;
}

#cal {
    margin-left: 20px;
     color:#324AB2;
}

#tg {
    margin-left:225px;
}
}

/* Hide the menu button on desktop */
@media (min-width: 1024px) {
#tg {
    display: none; /* Hide the menu button on screens wider than 1024px */
}
}

/* Ensure the menu button is visible on mobile */
@media (max-width: 1024px) {
#tg {
    display: block; /* Show the menu button on screens up to 1024px */
}
}
#home,
#about,
#productsDropdown,
#servicesDropdown,
#fr,
#con,
#cal {
     color:#324AB2;

}


/* content mai  */
/* main section css start */
.contain {
    background-color: #CFE1FF;
    max-width: 100%;
    font-family: 'poppins', sans-serif;
    
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.form-header {
    text-align: center;
    margin-bottom: 20px;
}

h1 {
    margin-bottom: 10px;
    color: #1a3e8c;
    
}

.head {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: bolder;
   
    color: #333;
    margin-top: 40px;
   
}

p {
   
}

.para {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    padding: 0 20px;
    margin-block-start: 3em;
    width:85%;
    margin-left: 110px;
}

.formbody {
    background-color: white;
    width: 80%;
   height: 560px;
    max-width: 650px;
    margin: 30px auto;
    padding: 20px;
    text-align: center;
    justify-content: center;
    border: 4.5px solid #3f5b87;
    border-radius: 20px;
}

.franchise-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px;
    padding: 0 30px;
}

.franchise-form input,
.franchise-form select
{
    padding: 10px;
    font-size: 18px;
    border: none;
    background: #CFE1FF;
    border-bottom: 2px solid #bccce7;
    
    
}

.franchise-form button {
    padding: 10px;
    font-size: 18px;
    border: none;
    background: #CFE1FF;
    border-bottom: 2px solid #bccce7;
     margin-right:150px;
    
    
}

.franchise-form input::placeholder {
    color: #555;
    font-size:18px;
}

.franchise-form button {
    grid-column: span 2;
    background-color: #1a3e8c;
    color: white;
   
    border: none;
    cursor: pointer;
     margin-left:200px;
     
}

.franchise-form button:hover {
    background-color: #143271;
}

.checkbox-group {
    grid-column: span 2;
    display: flex;
    align-items: center;
    text-align: left;
    
}
   .checklabel{
    font-family: 'poppins', sans-serif;
    font-size: 18px;
     line-height: 24px;
      color: #545454;
     
     
   }


.checkbox-group input {
    margin-right: 10px;
}

.submit {
    font-weight: 500px;
    height: 40px;
    width: 140px;
    margin-top: -25px;
    margin-right:450px;
}
#authorize{
    margin-top: -45px;
}

/* Media queries for responsiveness */
@media (max-width: 1024px) {

    .formbody {
        width: 90%;
        margin: 0 auto;
        padding: 15px;
        height: auto;
        margin-top: 15px;
    }

    .franchise-form {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        gap: 10px;
        padding: 0 15px;
        margin-left: 0;
    }

    .submit {
        width: 45px;
        height: 45px;
        margin-top: 10px;
    }

    .franchise-form input,
    .franchise-form select,
    .franchise-form button {
        width: 100%;
        padding: 12px;
    }

    .form-header h1 {
        font-size: 24px;
        margin-top: 60px;
    }

    .para {
        font-size: 20px;
        line-height: 24px;
        width: 95%;
        margin: 0 auto;
        padding: 0 15px;
        text-align: justify;
    }
}

/* Media queries for responsiveness */
@media (max-width: 768px) {


.formbody {
width: 95%;
margin-left: 5px;
padding: 15px;
height: 60%;
}

.franchise-form {
display:flex;
flex-wrap: wrap;
text-align: center;
margin-left: 20px;





}
.submit{
    width: 40px;
    height: 40px;
}

.franchise-form input,
.franchise-form select,
.franchise-form button {
width: 100%;
padding: 10px;
margin:0px;


}

.form-header h1 {
margin-top: 20px;
font-size: 22px;
}

.para {
font-size: 16px;
line-height: 20px;
width: 90%;
margin: 0;
padding: 0 10px;
text-align: justify;
margin-left: 13px;
}
.submit{
    margin-top: 5px;
}




}

@media (max-width: 480px) {
.form-header h1 {
font-size: 20px;
}

.para {
font-size: 16px;
line-height: 18px;
padding: 0 5px;
margin-bottom: 15px;
}



.franchise-form {
gap: 7px;
padding: 0 10px;
}
}
/* main section css end  */
/* content main */

/* footer css start */

  /* ---Basic styling for footer--- */
  .footer {
    border-top: #00A550 2px solid;
    font-family: 'Roboto', Arial, sans-serif;
   /background: #CCCCFF;/
    background-color:#F9F9F8;
   
    color: #324AB2;
    /* Light background color */
    padding: 10px;
    
    /* Dark text color */

    /* Center align text */
}


.F {
    max-width: 1100px;

    /* Limit the width for larger screens */

    /* Center align the container */
    padding: 30px;
    /* margin-left: 60px;  */
}

/* Styling for logo */
.logo-img12 {
      width: 100px;
    /* Set a maximum width for the logo */
    height: auto;
    margin-left: 60px;
    margin-bottom: -20px;
    display: block;

}

/* Styling for address section */
.footer-address {
    margin-left: 60px;
    text-align: left;
    margin-top: 30px;


}

.footer-address h5 {
    margin-bottom: -21px;
    font-weight: bold;
    font-size: 16px;

    margin-left: 25px;

}



.footer-address p {
    font-family: 'Poppins', sans-serif; /* Define the font family */
    font-size: 17px; /* Define the font size */
    margin-top: 20px;
    line-height: 1.7rem; /* Adjust line height for spacing between lines */
    
}

#wa{
    color: #324AB2;
}
#wb{
    color: #324AB2;
  
    
}
.link{
    color: #324AB2;
}
/* ---------------------------------------------Responsive design----------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .footer {
        padding: 20px;
    }

    .logo-img12 {
        max-width: 140px;
        /* Adjust logo size for tablets */
    }

    .footer-address {
        margin-left: 0;
        /* Remove left margin for smaller screens */
        text-align: center;
        /* Center align text */
    }

    .footer-address h5 {
        margin-left: 0;
        /* Remove left margin for smaller screens */
        font-size: 16px;
        /* Adjust heading font size */
    }

    .footer-address address {
        font-size: 14px;
        /* Adjust address font size */
    }
}

@media (max-width: 768px) {
    .footer {
        padding: 15px;
    }

    .logo-img12 {
        max-width: 150px;
        margin-left: -22px;
        height: 110px;
        margin-top: -30px;
    }

    .footer-address {
        margin-left: 0;
        /* Remove left margin */
        text-align: left;
        /* Center align text */
        margin-left: -15px;
    }

    .footer-address h5 {
        font-size: 16px;
        /* Adjust heading font size */
        margin-left: 18px;
      
    }

    .footer-address address {
        font-size: 15px;
        /* Adjust address font size */
     
    }
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */




/*------ Styling for the footer's container----- */
.Z {
    display: flex;
    justify-content: space-between;
    color: #555;
   
    /* Allow items to wrap to the next line on smaller screens */
    padding: 35px;
    max-width: 1000px;
    /* Set a maximum width */
    
    margin-left: 500px;
    margin-top: -340px;
    color: #555;
    margin-bottom:40px;
    /* White text color */
  

}

/* Styling for individual footer sections */
.F2 {
     color: #324AB2;
    flex: 1;
    /* Allow sections to grow and shrink equally */
    margin: 0 10px;
    /* Add margin between sections */
    padding: 10px;
}

.F2 h5 {
    font-size: 22px;
    /* Font size for headings */
    margin-bottom: 15px;
    /* Space below heading */
}

.F2 ul {
    list-style-type: none;
    /* Remove default list styling */
    padding: 0;
}

.F2 li {
    font-size: 17px;
    
    /* Font size for list items */
    margin-bottom: 10px;
    /* Space below each list item */
}

/* Styling for social media section */
.S h5 {
    font-size:20px;
    /* Font size for headings */
    margin-bottom: 15px;
    /* Space below heading */
    color: #555;
}





/* Responsive styles for screens up to 1024px */
@media (max-width: 1024px) {
    .Z {
        padding: 25px;
        margin-left: 0; /* Remove left margin for better centering */
        margin-top: 0; /* Reset top margin */
    }

    .F2 {
        margin: 10px 0; /* Adjust margin for vertical spacing */
        padding: 15px; /* Adjust padding for better spacing */
    }

    .F2 h5 {
        font-size: 18px; /* Adjust font size for headings */
    }

    .F2 li {
        font-size: 17px; /* Adjust font size for list items */
    }

    .S h5 {
        font-size: 18px; /* Adjust font size for social media headings */
        
    }
}

/*------------------------------------------ Responsive styles for screens up to 768px--------------------------------------------------------- */
@media (max-width: 768px) {
    .Z {
        flex-direction: column; /* Stack sections vertically */
        align-items: center; /* Center align items */
        padding: 20px; /* Adjust padding for smaller screens */
        margin: 0; /* Remove margin adjustments for better layout */
        margin-top: -50px;
    }

    .F2 {
        /margin: 10px 0;/
        text-align: center; /* Center align text */
        margin-right: 230px;
    }

    .F2 h5 {
        font-size: 21px; /* Adjust font size for headings */
        margin-left:-21px;
       
      
    }

    .F2 li {
        /* text-align: left; */
        font-size: 19px; /* Adjust font size for list items */
    }

    .S{
        margin-right: 22px;
    }

    .S h5 {

        margin-left: 0px; 
        width: 100%;
        font-size: 21px; /* Adjust font size for social media headings */
    }
     .L{
     text-align: left;
    }
}


/* -------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* ------Styling for the third column container ----*/
.Mail {
    padding: 15px;
    margin-left: 950px;
    margin-top: -400px;
    text-decoration: none;
    text-align: left;
  

    color: #white;
   
}



/* Styling for mail section */
.Mail1 {
    text-decoration: none;
    margin-bottom: 40px;
    /* Space below each section */
}


.Mail1 h5 {
    text-decoration: none;
    font-size: 15px;
    margin-bottom: 10px;

}
#head{
  
    font-size:21px;
}


.Mail1 p {
    font-size: 17px;

    /* Font size for text */
    color: #ffffff;

    margin-left: -6px;

}



.Mail2 {
    color: white;
    text-decoration: none;
    margin-right: 1px;

    /* Space between icon and text */
}


/* Styling for contact section */
.contactNo {
    margin-bottom: 20px;
    line-height: 2.1rem;
    /* Space below each section */
}

.contactNo h5 {

    font-size: 14px;
    /* Font size for heading */

    /* Bold heading */
    margin-bottom: 10px;
    margin-left: 6;
    /* Space below heading */
}
#call{
    font-size:21px;
}
.contactNo p {
    font-size: 17px;
    
    /* Font size for text */

}

.contactNo i.Contact2 {


    text-decoration: none;
    color: white;
    margin-right: 10px;
    /* Space between icon and text */
}




/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Media query for screens up to 768px (e.g., mobile devices) */
@media (max-width: 768px) {
    .Mail {
        margin-left: 0;
        margin-top: 0;
        /* Adjust margins for smaller screens */
        padding: 10px;
    }

    .Mail1 {
        margin-bottom: 20px;
        /* Reduce space below each section */
    }

    .Mail1 h5 {
        font-size: 15px;
        margin-left: 80px;
       
    }

    .Mail1 p {
        font-size: 15px;
        /* Adjust font size for text */
    }

    .contactNo h5 {
        font-size: 15px;
        margin-left: 80px;
    }
       
    }

    .contactNo p {
        font-size: 15px;
        /* Adjust font size for text */
    }


/* Media query for screens between 769px and 1024px (e.g., tablets) */
@media (min-width: 769px) and (max-width: 1024px) {
    .Mail {
        margin-left: -100px;
        margin-top: -200px;
        /* Adjust margins for medium screens */
        padding: 15px;
    }

    .Mail1 {
        margin-bottom: 30px;
      margin-right: 20px;
        /* Adjust space below each section */
    }

    .Mail1 h5 {
        font-size: 15px;
     margin-left: 0px;
        /* Adjust font size for headings */
    }
  .Mail1 p {
        font-size: 16px;
        /* Adjust font size for text */
    }

    .contactNo h5 {
        font-size: 16px;
        margin-left: -10px;
        /* Adjust font size for headings */
    }

    .contactNo .PP {
        font-size: 16px;
        margin-left: -70px;
        /* Adjust font size for text */
    }
}


/* -------Mail2  Responsive--------*/
.Mail2 {
    color: white;
    text-decoration: none;
    margin-right: 1px;
    /* Space between icon and text */
}

/* Media query for screens up to 768px (e.g., mobile devices) */
@media (max-width: 768px) {
    .Mail2 {
        font-size: 14px; /* Adjust font size for smaller screens */
        margin-right: 5px; /* Increase margin for better spacing */
    }
}


/* Media query for screens up to 768px (e.g., mobile devices) */
@media (max-width: 768px) {
    .mail-icon {
        font-size: 18px; /* Increase font size for better visibility on small screens */
        margin-right: 8px; /* Adjust margin for better spacing on small screens */
        margin-left: 1px;
    }

    .mail-icon + a {
        font-size: 18px; /* Increase font size for the link */
        margin-left: 8px;
    }
}

/* Media query for screens between 769px and 1024px (e.g., tablets) */
@media  (max-width: 1024px) {
    .mail-icon {
        font-size: 16px; /* Adjust font size for medium screens */
        margin-right: 9px; /* Adjust margin for better spacing on tablets */
    }

    .mail-icon + a {
        font-size: 16px; /* Adjust font size for the link */
    }
}
/* ----------------------------------------------------------------Contact k liy Responsive---------------------------------------------------------------------------- */

/* Media query for screens up to 768px (e.g., mobile devices) */
@media (max-width: 768px) {
    .P {
        flex-direction: column; /* Stack phone icon and text vertically */
        align-items: flex-start; /* Align items to the start */
        margin-bottom: 15px; /* Increase space between each phone number */
        margin-bottom: 5px;
        margin-left: 56px;
    }

    .P a {
        font-size: 14px; /* Slightly smaller font size for mobile */
    }
}

/* Media query for screens between 769px and 1024px (e.g., tablets) */
@media (min-width: 769px) and (max-width: 1024px) {
    .P {
        flex-direction: row; /* Ensure phone icon and text are side by side */
        align-items: center; /* Center align items */
        margin-bottom: 10px; /* Standard space between each phone number */
    }

    .P a {
        font-size: 15px; /* Standard font size for tablets */
    }
}

/* ----------------------------------------------------Styling for login section ---------------------------------------------------------------*/
.target {
    margin-bottom: 20px;
    /* Space below each section */
}

.target p {
    font-size: 15px;
    /* Font size for text */
}

.target a {

    background-color: rgb(227, 55, 55);
    padding: 10px;
   color: #324AB2;
    font-size: 17px;
    text-decoration: none;
    /* Remove underline */
    font-weight: bold;
    /* Bold link text */
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media query for screens up to 768px (e.g., mobile devices) */
@media (max-width: 768px) {
    .target {
        margin-bottom: 15px;
        margin-left: 10px;
        
    }

    .target p {
        font-size: 14px;
        /* Adjust font size for text */
    }

    .target a {
        padding: 8px;
        font-size: 15px;
        /* Adjust padding and font size for smaller screens */
    }
}

/* Media query for screens between 769px and 1024px (e.g., tablets) */
@media  (max-width: 1024px) {
    .target {
        margin-bottom: 18px;
        /* Adjust space below each section */
    }

    .target p {
        font-size: 14px;
        /* Adjust font size for text */
    }

    .target a {
        padding: 9px;
        font-size: 16px;
        /* Adjust padding and font size for medium screens */
    }
}

/* --------------------------------------------------------------------After line----------------------------------------------------------------------------- */
.W {
  margin-left: 85px;
   color: #324AB2;
}

.W1 {
   
    margin-left: 73%;
    margin-top: -40px;
    color: #324AB2;
}

/* ---------------------------------------------------------------RESPONSIVE---------------------------------------------------------------------------------- */
/* Media query for screens up to 768px (e.g., mobile devices) */
@media (max-width: 768px) {
    .W {
        margin-left: 10px;
        font-size: 15px;
        /* Adjust left margin for smaller screens */
    }

    .W1 {
        margin-left: 10px;
        margin-top: -10px;
        font-size: 15px;
        /* Adjust left margin and top margin for better fit on mobile screens */
    }
}

/* Media query for screens between 769px and 1024px (e.g., tablets) */
@media (min-width: 769px) and (max-width: 1024px) {
    .W {
        margin-left: 30px;
        /* Adjust left margin for medium screens */
    }

    .W1 {
        margin-left: 50%;
        margin-top: -25px;
        /* Adjust left margin and top margin for tablets */
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------- */


/* ------Responsive for Registered location ------*/
@media (max-width: 768px) {
  .material-symbols-outlined {
    margin-right: 220px;
    margin-left: -7px;
    font-size: 20px; 
  }
}

/* Media query for screens between 769px and 1024px (e.g., tablets) */
@media (min-width: 769px) and (max-width: 1024px) {
  .material-symbols-outlined {
    font-size: 22px; /* Adjust font size for medium screens */
  }
}

/* -----------------------------------------------------------------------NICHE BORDER LINE K LIY------------------------------------------------------------------------ */
/* Media query for screens up to 768px (e.g., mobile devices) */
.Hii{
     color: #324AB2;
    margin-top: 50px; 
    width: 92%;
    margin-left: 43px; 
}



@media (max-width: 768px) {
    .Hii {
        /* Hide the .H container for mobile devices */
        margin-left:0;
        margin-top:0;
        width:100%;
    }
}



/* Media query for screens between 769px and 1024px (e.g., tablets) */
@media (min-width: 769px) and (max-width: 1024px) {
    .Hii {
        width: 100%; /* Slightly adjust width for tablets */
       /* Adjust margin-left for medium screens */
    }
    
    .H hr {
        border-top: 1.5px solid #000; /* Adjust border thickness for medium screens */
    }
}

.anchor{
    text-decoration: none;
     color: #324AB2;
}

  /* footer css end  */