*{margin:0px;padding:0px;list-style:none;text-decoration:none;}


.banner-visa{
    width:100%;
     margin-top:90px;
    height:600px;
}

.country-img{
    width:100%;
    height:200px;
}

.country-img-logo{
    /*width:40px;*/
    height:30px;
}

.visa-title{
    text-align:center;
    font-size:40px;
    padding:30px;
}

.country-name-logo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color:#f3f4f4;
    padding:10px;
     font-size:18px;
     color:black;
     font-weight:bold;
}

.visa--fess{
    font-size:18px;
}

.fees{
    font-size:24px;
}

.fees-visa{
    background-color:#f3f4f4;
    text-align:center;
    margin-top:-10px;
    z-index:999;
    padding:13px 10px 5px 10px;
    color:black;
    font-weight:bold;
}

.name-hover{
      position: relative;
     margin:10px 0px;
}

.visa-all{
      opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to top, rgba(246, 46, 113, 0.7), rgba(249, 171, 114, 0.7)); /* Linear gradient with opacity */
    text-align: center;
}


.name-hover:hover .visa-all {
  opacity: 0.3;
    
}

.name-hover:hover .middle {
  opacity: 1;
  
}



.text {
    
    color: white;
    /*font-size: 35px;*/
    padding: 16px 22px;
    opacity: 1;
    position: relative;
    top: -100px;
    transition: top 0.5s ease;
}

.name-hover:hover .text {
    top: 0;
}



.text-1{
    font-size: 25px;
    margin-bottom: 0rem !important;
}




.text-2{
    font-size: 18px;
    margin-bottom: 0rem !important;
    padding:10px;
}


.visa-button{
    font-size: 18px;
    border:2px solid white;
    padding:5px 70px 5px 70px;
    width:100%;
    color:#fff;
    border-radius:20px;
    margin-bottom: 0rem !important;
    text-decoration: none;
}


.navbar{
    padding:0px 150px 0px 150px !important;
    position:fixed;
}


.heading-05 span {
    text-align: center;
    font-size: 16px;
    color: #858585;
    margin-top: 10px;
}
.other-story-cp {
    text-align: center;
    font-size: 20px;
}

.other-story-cp p.other-story-title {
    font-weight: bold;
    font-size: 1.8rem;
    margin: 20px 0 10px 0;
}
.other-story-img img {
    width: 100%;
    margin-top:20px;
}
.heading-05 {
    font-size: 26px;
    color: #0176b2;
    text-align: center;
    position: relative;
    margin-bottom: 25px;
}
.heading-05 i {
    font-style: normal;
    color: #bb272b;
}

span.breck-text {
    display: block !important;
    line-height: 24px !important;
    /*border: solid;*/
    font-size: 25px;
}



.checkout:hover {
    background: transparent;
    color: #ef3339;
}
.checkout:hover {
    background: #fff;
    border: 1px solid #ef3339;
    color: #ef3339;
    border-radius: 1.5em !important;
}
.checkout {
    text-transform: uppercase;
}
.checkout {
    -webkit-transition: .5s !important;
    transition: .5s !important;
    color: #fff;
    padding: 8px 20px;
    border: 1px solid #fff;
    border-radius: 5px!important;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
    outline: none;
    
}

.checkout {
    background: #ef3339;
    border: 1px solid #ef3339;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    text-decoration: none;
 display: flex;
 justify-content:center;
   margin-bottom:10px;
}



.service-box img{
    width:100%;
    border:solid;
    margin-bottom:10px;
}
.feature-name{
    background-color: lavender;
    padding: 10px;
}
.section-padding {
    margin-top:90px;
}


.font-color-m-light{
text-align: center;
    font-size: 40px;
    font-weight: bold;
}


.heart {
    font-size: 150px;
    color: #e00;
    animation: beat .25s infinite alternate;
    transform-origin: center;
}

/* Heart beat animation */

@keyframes beat{
    to { transform: scale(1.2); }
}
.feature{
      background: #ef3339;
    border: 1px solid #ef3339;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    text-decoration: none;
    text-transform: uppercase;
    margin-top:20px;
    
}
.feature:hover {
    background: transparent;
    color: #ef3339;
}
.feature:hover {
    background: #fff;
    border: 1px solid #ef3339;
    color: #ef3339;
    border-radius: 1.5em !important;
}

.feature {
     -webkit-transition: .5s !important;
    transition: .5s !important;
    color: #fff;
    padding: 8px 20px;
    border: 1px solid #fff;
    border-radius: 5px!important;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
    outline: none;
    display: flex;
    justify-content: center;
    margin-top:-3px;
}



/*.item {*/
/*            background:white;*/
/*            border:2px solid red;*/
/*            border-radius:50% !important;*/
/*            padding: 20px;*/
/*            margin: 10px;*/
/*            color: #FFF;*/
/*            border-radius: 3px;*/
/*            text-align: center;*/
/*            width: 100px;*/

/*        }*/
        
.red-border{
      background:white;
            border:2px solid red;
            border-radius:50% !important;
            padding: 20px;
            margin: 10px;
            color: #FFF;
            border-radius: 3px;
            text-align: center;
            width: 100px;
}        
        
          .item  img{
             height: 60px;
             width: 60px !important;
          }
          
          
              .owl-prev, .owl-next {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 30px; /* Adjust width as needed */
                    height: 30px; /* Adjust height as needed */
                    background-color: #fff; /* Button background color */
                    color: #000; /* Button text color */
                    border-radius: 50%; /* Rounded buttons */
                    text-align: center;
                    line-height: 30px; /* Center text vertically */
                    cursor: pointer;
                    z-index: 10; /* Ensure buttons appear above the carousel */
                    margin:20px;
                }
            
                .owl-theme .owl-nav [class*=owl-]:hover {
                    background:none !important;
                }
            
                .owl-prev {
                    left: 10px; /* Adjust left position */
                }
            
                .owl-next {
                    right: 10px; /* Adjust right position */
                }
                
                .custom-carousel{
                    padding:0px 40px;
                }
                
                .owl-theme .owl-nav {
                    margin-top: -40px !important;
                }

.item p{
    margin-top:30px;
    margin-left:20px;
    font-weight:bold;
}

@media (max-width: 768px) {
  .banner-visa  {
    height: auto; /* Reset height for smaller screens */
    max-height: 300px; /* Example: set a maximum height for mobile */
  }
}