/*Media Query*/
      @media screen  and (max-width:1482px){
        .btn_2 {
            color: #B40000;
            border: 1px solid #B40000;
            display: inline-block;
            padding: 5px 7px;
            text-transform: capitalize;
            font-size: 13px;
        }
        .header-right-btn{
            margin-bottom:0px !important;
        }
        .header-btn2{
            font-size:15px !important;
        }
       .header-right-btn{
            margin-bottom:0px !important;
            }
        }
     
      @media screen  and (max-width:1312px){
            .header-social{
                display:none !important;
            }
            #header-mobile2{
                display:block !important;
            }
            #header-contact-pc{
              display:none;  
            }
        }
      @media screen and (max-width:1092px){
           .header-right-btn{
            margin-bottom:10px !important;
            }
         }
      @media screen and (max-width:992px){
          
           #banner-mobile{
               display:block !important;
           }
           #banner-pc{
              display:none !important;
           }
            #header-pc{
                display:none !important;
            }
            #header-mobile{
                display:block !important;
            }
            .header-container{
              padding-bottom: 20px;
              padding-top: 20px;
            }
            .header-right-btn{
                margin-left:15%;
            }
            .sundlass-img{
                width:230px !important;
            }
            .header-contact-pc{
                display:none !important;
            }
            .header-container-mobile{
                justify-content:start !important;
            }
        }
      @media screen and (max-width:769px){
            .header-right-btn{
                display:none !important;
            }
            .sundlass-img{
                width:220px !important;
            }
            .form-details{
                max-width:100% !important;
            }
        }
      @media screen and (max-width:576px){
         .slick-initialized .slick-slide{
             padding-left:20px;
             padding-right:20px;
         }
         .appointment-mobile{
             display:block !important;
             width:300px !important;
         }
         .address-mobile{
             display:block !important;
         }
         .appointment-pc{
             display:none !important;
         }
         .study-mobile{
             display:block !important;
         }
         .study-pc{
             display:none !important;
         }
         .footer-wrappper .footer-area .footer-menu {
            justify-content: center;
            display: flex;
            flex-direction: column;
            align-items: center;
         }
         .copyright-div{
            align-items: center;
            display: flex;
            flex-direction: column;
         }
         .accordion-label3, .accordion-label4, .accordion-label5{
             font-size:1rem !important;
         }
        }
      @media screen and (max-width:320px){
        .copyright{
            font-size:12px !important;
        }
        }
        .header-area .main-header .main-menu ul ul.submenu{
            width:270px !important;
            /*height:600px !important;*/
            overflow-y: scroll;
            overflow-x: hidden;
        }
        .form-wrapper .nice-select.open .list{
            max-height: 420px;
            overflow-y: scroll;
            overflow-x: hidden;  
        }
        /* width */
        ::-webkit-scrollbar {
          width:10px;
          height:10px;
        }
        
        /* Track */
        ::-webkit-scrollbar-track {
          background: transparent !important;
        }
        
        /* Handle */
        ::-webkit-scrollbar-thumb {
          background: #B40000;
        }
        
        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
          background: #555;
        }
        .mobile_menu{
            width:120px !important;
        }
        .slide-bg-mobile{
            background-image:url(https://usimmigrationattorney.in/assets/img/hero/h1mobile.png);
        }
        

        .mb-1{
            margin-bottom:1px !important;
        }
        .mb-2{
            margin-bottom:2px !important;
        }
        .mb-3{
            margin-bottom:3px !important;
        }
        .mb-4{
            margin-bottom:4px !important;
        }
        .mb-5{
            margin-bottom:5px !important;
        }
        .mb-10{
            margin-bottom:10px !important;
        }
        
      .mobile_menu{
       top:0px !important;  
       /*width:200px !important;*/
      }
      
      
    
        .header-area .main-header ul>li:hover>ul.submenu{
            display: block;
            /*height: 300px;*/
            width:350px !important;
            /*overflow-y: scroll;*/
        }
        .schedule-div{
            align-items: center;
            display: flex;
            justify-content: center;
        }
        .schedule{
            height:550px !important;
            width:400px !important;
        }
        .schedule p:first-child{
           color:white !important;
           font-size:25px !important;
           font-weight:600px !important;
        }
        input {
            text-transform: none !important; 
        }
        ::selection {
          background-color:#B40000 !important; /* Gold color */
          color: #ffff !important; /* Black text color */
        }
       .slider-bg6 {
            background-image: url(https://usimmigrationattorney.in/assets/img/hero/h1mobile.png) !important;
            /*top: -1px;*/
        }
        
        .contact-section {
            padding: 50px 0 50px !important;
        }
        .form-contact .form-group {
            margin-bottom: 8px !important;
        }
        
        .form-wrapper .nice-select{
            padding-left:10px !important;
        }
        .form-wrapper textarea{
            padding-left: 10px !important;
            padding-top: 8px !important;
        }
        .services-caption .nice-select{
            border-radius:0px !important;
            padding-top: 17px;
        }
        .services-caption .btn{
           padding:16px !important;
        }
           .services-caption .nice-select.open .list{
            max-height:172px !important;
            overflow-y:scroll !important;
        }
           .services-img-2 img {
        filter: blur(3px) !important; /* Slight blur effect on the image */
    }

    .services-caption-2 form {
        filter: blur(2px) !important; /* Slight blur effect on the form */
    }
    .services-caption-2  {
        filter: blur(2px) !important; /* Slight blur effect on the form */
    }

       .header-area .main-header .main-menu ul ul.submenu2{
        left:200px !important;
        top:0% !important;
    }
    .header-area .main-header .main-menu ul ul.submenu3{
        left:200px !important;
        top:0% !important;
    }
     .header-area .main-header ul>li:hover>ul.submain{
       width:500px !important;
    }
    .bg-theme{
       background-color:#2D0000 !important; 
    }
    
    .btn-theme{
       background-color:#B40000 !important; 
    }
    
    .text-theme{
       color:#B40000 !important; 
    }
    

.accordion {
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
    border-radius: 5px;
}

/* Hide the checkboxes */
.accordion input {
    display: none;
}

/* Accordion header styling */
.accordion-label {
    display: block;
    padding: 15px;
    background-color: #ffff;
    cursor: pointer;
    font-size: 1.1rem;
}

/* Accordion body (content) */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 15px;
    background-color: #fff;
}

/* Reveal content when checkbox is checked */
.accordion input:checked + .accordion-label + .accordion-content {
    max-height: 310px;
    padding: 15px;
    overflow-y: scroll;
}

/* Optional arrow icon on header */
.accordion-label::after {
    content: '\25BC';
    float: right;
    transition: transform 0.3s ease;
}

/* Rotate arrow when active */
.accordion input:checked + .accordion-label::after {
    transform: rotate(180deg) !important;
}

.usembassylink{
    color:#6B5A5A !important;
    text-decoration:none !important;
}

/*************************************/

/* Hide checkboxes */
.accordion3 input, .accordion4 input, .accordion5 input {
    display: none;
}

/* Accordion header styling */
.accordion-label3, .accordion-label4, .accordion-label5 {
    display: block;
    padding: 15px;
    background-color: #ffff;
    cursor: pointer;
    font-family: "Baskervville", serif;
    color: #B40000 !important;
    font-size: 1.25rem;
}

/* Accordion body (content) */
.accordion-content3, .accordion-content4, .accordion-content5 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 15px;
    background-color: #fff;
}

/* Reveal content when checkbox is checked */
.accordion3 input:checked + .accordion-label3 + .accordion-content3,
.accordion4 input:checked + .accordion-label4 + .accordion-content4,
.accordion5 input:checked + .accordion-label5 + .accordion-content5 {
    max-height: 600px;
    padding: 15px;
    overflow-y: scroll;
}

/* Optional arrow icon on header */
.accordion-label3::after, .accordion-label4::after, .accordion-label5::after {
    content: '\25BC';
    float: right;
    transition: transform 0.3s ease;
}

/* Rotate arrow when active */
.accordion3 input:checked + .accordion-label3::after,
.accordion4 input:checked + .accordion-label4::after,
.accordion5 input:checked + .accordion-label5::after {
    transform: rotate(180deg);
}
.accordion-content5 ul li a{
    color:#66816A !important;
}
.accordion-content5 ul li a:hover{
    color:#B40000 !important;
    font-size:1.2rem !important;
}
.accordion4 .bachelor-ul ul li a{
     color:#66816A !important;
}
.accordion4 .bachelor-ul ul li a:hover{
    color:#B40000 !important;
    font-size:1.2rem !important;
}
.text-dark{
    color:black !important;
}
.accordion-content4 ul li a{
     color:#66816A !important;
}
.accordion-content4 ul li a:hover{
    color:#B40000 !important;
    font-size:1.2rem !important;
}
.accordion-content4 {
     padding-top:0px !important;
     padding-bottom:0px !important;
}
/**************Banner*************************/
#Faq h2{
    color:#B40000 !important;
}
#Faq .accordion-label5{
    color:black !important;
}
#Faq .accordion-content5{
    color:#6B5A5A !important;
    background-color:#ffff !important
}

.accordion-label3::after, .accordion-label4::after, .accordion-label5::after {
    content: '\2193' !important;
    color:#B40000 !important;
    float: right;
    transition: transform 0.3s ease;
    font-size: 16px !important;
    margin-top: 5px !important;

}
.accordion-label5 {

        border-bottom:1px solid #d3d3d3;

}

#form-schedule{
    height:600px !important;
}

/********************* Banner Flip *****************************/
     /* Flip out animation */
    @keyframes flipOut {
        0% {
            transform: rotateX(0deg);
            opacity: 1;
        }
        100% {
            transform: rotateX(90deg);
            opacity: 0;
        }
    }

    /* Flip in animation */
    @keyframes flipIn {
        0% {
            transform: rotateX(90deg);
            opacity: 0;
        }
        100% {
            transform: rotateX(0deg);
            opacity: 1;
        }
    }
.display-none{
    display:none !important;
}
.display-block{
    display:block !important;
}

.more-detail .form-control{
    width:250px !important;
}
.form-details {
    max-width: 85%;           /* Set the max width */
    overflow-x: auto; 
    white-space: nowrap;      /* Prevent wrapping */
}

.form-details input, 
.form-details textarea {
    flex-shrink: 0;           /* Prevent shrinking of inputs and textarea */
    width: 150px;             /* Set a fixed width for inputs */
}

.form-details textarea {
    width: 300px !important;  /* Set a specific width for the textarea */
}
.more-detail{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.categoryButton{
    overflow:visible !important;
    background-color:white !important;
    border:1px solid #DEE2E6 !important;
    border-radius:5px !important;
    color:#5C5F62 !important;
    height:40px !important;
}
.categoryButton:hover{
    color:white !important;
}

.modal .nice-select{
    border-radius:5px !important;
}

.input-error {
    background-color: #f8d7da; /* Light red background */
    border-color: #f5c6cb; /* Border color */
}


.modal-backdrop {
    pointer-events: none; /* Prevent backdrop interaction */
}

.border-theme{
   border-color:#B40000 !important;
}


html {
  scroll-behavior: smooth;
}
.floating-div {
    position: fixed;
    color:white;
    font-size:18px;
    /*border:1px solid white;*/
    font-weight:bold;
    left: 10px; /* Position it near the left side */
    top: 50%;
    transform: translateY(-50%); /* Initially center it vertically */
    background-color: #B40000;
    padding:15px;
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
    z-index: 9999; /* Ensures it's visible above other elements */
    animation: float 26s ease-in-out infinite; /* Apply the floating animation */
}
@keyframes float {
    0% {
        top: 5%;
    }
    50% {
        top: 90%;
    }
    100% {
        top: 5%;
    }
}
.float-btn2{
    cursor:pointer;
}

#modal-form{
    width:75% !important;
}

#accordian-tourist{
    background-color:#B40000 !important;
}