@font-face {

  font-family: 'Montserrat';

  src: url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;

}



@font-face {

  font-family: 'Montserrat';

  src: url('../fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;

}



@font-face {

  font-family: 'Montserrat';

  src: url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');

  font-weight: 700;

  font-style: normal;

}



* {

  margin: 0px;

  padding: 0px;



}



html.lenis,

html.lenis body {

  height: auto;

}



.lenis.lenis-smooth {

  scroll-behavior: auto !important;

}



.lenis.lenis-smooth [data-lenis-prevent] {

  overscroll-behavior: contain;

}



.lenis.lenis-stopped {

  overflow: hidden;

}



.lenis.lenis-scrolling iframe {

  pointer-events: none;

}



html {

  scroll-behavior: smooth;

}



footer {

  bottom: 0px;

}



body {

  overflow-x: hidden;

}



p {

  font-size: 18px;

  font-weight: 400;

  font-family: 'Montserrat', sans-serif;





}



label {

  font-family: 'Montserrat', sans-serif;



}



span {

  font-family: 'Montserrat', sans-serif;



}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: 'Montserrat', sans-serif;

  margin: 0px;

}



a {

  font-family: 'Montserrat', sans-serif;

  text-decoration: none !important;

  border-radius:5px;

}



button {

  font-family: 'Montserrat', sans-serif;

  text-decoration: none !important;

}



b {

  font-family: 'Montserrat', sans-serif;



}



img {

  max-width: 100%;

 

}









/* width */



::-webkit-scrollbar {



  width: 10px;



}







/* Track */



::-webkit-scrollbar-track {



  box-shadow: inset 0 0 5px grey;



  border-radius: 0px;



}







/* Handle */



::-webkit-scrollbar-thumb {



  background: #000000;



  border-radius: 10px;



}









.tsg-difference-section {



  padding: 90px 0;

}





.tsg-difference-section .tsg-title {

  font-size: 32px;

  font-weight: 600;

  color: #000000;

  margin-bottom: 20px;

}



.tsg-difference-section .tsg-title span {

  border-bottom: 5px solid #7efed3;

}



.tsg-difference-section .tsg-card {

  padding: 0 20px;

}



.tsg-difference-section .tsg-card img {

  width: 100%;

  height: 240px;

  object-fit: cover;

  margin-bottom: 16px;

}



.tsg-difference-section .tsg-card .tsg-image {

  width: 100%;

  border-radius: 16px;

  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);

  margin-bottom: 35px;

}





.tsg-difference-section .tsg-card .tsg-heading {

  font-size: 26px;

  font-weight: 600;

  color: #000000;

  margin-bottom: 18px;

}





.tsg-difference-section .tsg-card .tsg-text {

  font-size: 18px;

  color: #4a5568;

  line-height: 1.6;

  margin-bottom: 20px;

}





.tsg-difference-section .tsg-card .tsg-link {

  font-size: 18px;

  font-weight: 600;

  color: #0d6efd;

  text-decoration: none;

  border-bottom: 2px solid #0d6efd;

  padding-bottom: 3px;

  transition: all 0.3s ease;

}



.tsg-difference-section .tsg-card .tsg-link:hover {

  color: #084298;

  border-color: #084298;

}







@media (max-width: 991px) {

  .tsg-difference-section .tsg-title {

    font-size: 36px;

  }



  .tsg-difference-section .tsg-card .tsg-heading {

    font-size: 24px;

  }

}



@media (max-width: 767px) {

  .tsg-difference-section {

    padding: 60px 0;

  }



  .tsg-difference-section .tsg-title {

    font-size: 28px;

    margin-bottom: 50px;

  }



  .tsg-difference-section .tsg-card {

    text-align: center;

    margin-bottom: 50px;

  }



  .tsg-difference-section .tsg-card .tsg-text {

    font-size: 16px;

  }

}





.process-section {



  margin: 0 auto;

  --green-primary: linear-gradient(135deg, #7FFFD4, #28b383);

  --green-light: #d4f5e2;

  --green-mid: #a8e6c3;

  --teal-dark: #000000;

  --body-text: #4c4c4c;

  --card-bg: linear-gradient(135deg, #7FFFD4, #44c397a8);

  --radius-card: 1.25rem;

}



.process-section img {

  width: 100%;

  max-height: 365px;

}



.section-heading {

  font-size: 40px;

  font-weight: 600;

  color: #000000;

  margin-bottom: 20px;

}





.process-card {

  background: var(--card-bg);

  border-radius: var(--radius-card);

  padding: 2.5rem 2rem;

  box-shadow: 0 4px 32px rgba(0, 0, 0, .07);





}



 





@media (max-width: 576px) {

  .process-card {

    padding: 1.75rem 1.25rem;

  }



  .steps-track::before,

  .steps-track::after {

    left: 19px;

  }

}



 

.brfore_element::before{

  background: radial-gradient(ellipse 90% 80% at 50% 10%, rgb(0 0 0 / 0%) 40%, #000000a1 100%);

}

 

.bottom_footer {



  /* background-image: url('../images/banner/bg.webp'); */

  background-size: cover;

  background-position: bottom;

  position: relative;

  overflow: hidden;

  z-index: 0;

}



.bottom_footer:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  background:linear-gradient(180deg, rgb(45 45 45) 35%, rgb(0 0 0) 88%);

  top: 0px;

  left: 0px;

  bottom: 0px;

  right: 0px;

  z-index: -1;



}



.bottom_footer .wrapper {

  padding: 47px 0px 10px 0px;

}



.bottom_footer .headings li>p {

  margin-bottom: 0px;

}



.bottom_footer .headings ul {

  display: flex;

  /*justify-content: center;*/

  align-items: center;

  flex-wrap: wrap;

  gap: 10px 25px;

}





.bottom_footer .footer_logo {

     width: 132px;

   

    border-radius: 9px;



}



.bottom_footer p {

  font-size: 12px;

  font-weight: 300;

  color: white;

}









.bottom_footer .footer_about {

  background-color: white;

  padding: 14px 20px;

  margin-bottom: 35px;

  border-radius: 8px;

}



.bottom_footer .footer_about a {

  color: #000000;

  font-size: 12px;

  font-weight: 300;

}



.bottom_footer .footer_about a:hover {

  color: rgb(13 110 253);

}



.bottom_footer .footer_about ul {

  display: flex;

  gap: 10px 30px;

  justify-content: center;

  padding: 0;

  margin: 0;

  flex-wrap: wrap;

  height: 100%;

  align-items: center;

}





.bottom_footer .headings ul li::marker {

  color: rgb(255, 255, 255);

}



.bottom_footer .footer_about ul li::marker {

  color: rgb(0, 0, 0);

}



.bottom_footer .headings h6 {

  color: white;

  font-size: 20px;

  font-weight: 600;

}



.bottom_footer .headings a {

  font-size: 14px;

  font-weight: 300;

  color: rgb(255, 255, 255);

}



.bottom_footer a:hover {

  color: #cecece;

  transition: all 0.5s ease;

  transform: translateY(10px);

}



.bottom_footer .card img {

  min-height: 115px;

  object-fit: cover;

  height: 115px;

}

@media(width <= 768px){

    .bottom_footer .headings ul{

        flex-direction: column-reverse;

        justify-content:center;

    }

}





.contact-methods {

  background: linear-gradient(to bottom, white 0%, var(--surface-color) 100%);



}



.contact-methods img {

  height: 100%;

  border-radius: 28px;

}



.contact-methods h2 {

  font-size: 28px;

  margin-bottom: 3rem;

  text-align: center;

  color: black;

}



.contact-methods h2 i {

  color: #1f88b7;

  margin-right: 15px;

}



.contact-methods .method-card {

  background: white;

  padding: 40px 30px;

  border-radius: 16px;



  height: 100%;

  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06);

  transition: all 0.3s ease;

  border: 1px solid #d5d5d5;

}



.contact-methods .method-card.first_box {

  background: linear-gradient(135deg, #f5f3ff, #fefeff, #ecfeff);

}



.contact-methods .method-card.first_box i {

  color: #0b83d1;

}



.contact-methods .method-card.first_box h4 {

  color: #000000;

}



.contact-methods .method-card.first_box p {

  color: #000000;

}



.contact-methods .method-card:hover {

  transform: translateY(-8px);

  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);



}



.contact-methods .method-card i {

  font-size: 3.5rem;

  color: #1f87b6;

  margin-bottom: 25px;

  display: block;

}



.contact-methods .method-card h4 {

  font-size: 1.4rem;

  margin-bottom: 15px;

  color: black;

  font-weight: 600;

}



.contact-methods .method-card p {



  margin-bottom: 0;

  line-height: 1.7;

}



.contact-methods form label {

  font-size: 16px;

  font-weight: 500;

  margin-bottom: 8px;

}



.contact-methods form .form-group {

  margin-bottom: 20px;

}



.contact-methods form input {

  padding: 10px 15px;

}



.contact-methods form input:focus {

  box-shadow: none;

}



.contact-methods form textarea:focus {

  box-shadow: none;

}



.contact-methods form button {

  border-radius: 32px;

  padding: 10px 26px;

  font-size: 16px;

  font-weight: 600;

  color: rgb(0, 0, 0);

  border: none;

  background: linear-gradient(135deg, #7FFFD4, #28b383);

  width: 100%;

}



.contact-methods form button:hover {

  transform: translateY(-5px);

  transition: all 0.8s ease;

}



.error-404 {



  display: flex;

  align-items: center;

  justify-content: center;

  padding: 40px 15px;

}



.error-404 .error-container {

  max-width: 720px;

  width: 100%;

  background: #ffffff;

  border-radius: 18px;

  padding: 60px 40px;

  text-align: center;

  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);

}



.error-404 .error-content h1 {

  font-size: 96px;

  font-weight: 800;

  color: #0B5FA5;

  margin-bottom: 10px;

}



.error-404 .error-content h2 {

  font-size: 32px;

  font-weight: 700;

  margin-bottom: 15px;

}



.error-404 .error-content p {

  font-size: 16px;

  color: #555;

  margin-bottom: 35px;

  line-height: 1.6;

}



.error-404 .error-actions {

  display: flex;

  gap: 15px;

  justify-content: center;

  flex-wrap: wrap;

}



.error-404 .btn {

  padding: 12px 28px;

  border-radius: 50px;

  font-size: 15px;

  font-weight: 600;

  text-decoration: none;

  transition: all 0.3s ease;

}



.error-404 .btn-primary {

  background: #0B5FA5;

  color: #fff;

}



.error-404 .btn-primary:hover {

  background: #094e87;

}



.error-404 .btn-outline {

  border: 2px solid #0B5FA5;

  color: #0B5FA5;

}



.error-404 .btn-outline:hover {

  background: #0B5FA5;

  color: #fff;

}



/* Responsive */

@media (max-width: 576px) {

  .error-404 .error-content h1 {

    font-size: 72px;

  }



  .error-404 .error-content h2 {

    font-size: 24px;

  }

}



.content_box {

  margin-top: 100px;

}



.content_box h6 {

  font-size: 28px;

  font-weight: 600;

  margin-bottom: 16px;

  padding-bottom: 8px;

  color: #000;

  border-bottom: 1px solid #000000;

}



.content_box .wrapper {

  margin-bottom: 30px;

}



.content_box .wrapper p {

  font-size: 18px;

  font-weight: 300;

  color: #404040;

}





.disclaimer {

  font-size: 13px;

  font-weight: 300;

  text-align: left;

}











@media(max-width:992px) {

  .ms-auto {

    margin-left: 0px !important;

  }



  .primary_header .responsive_display {

    display: block;

  }



  .primary_header .navbar-nav .dropdown:hover>.dropdown-menu {

    width: 100%;

  }





  .offcanvas {

    background-size: cover;

    background-repeat: no-repeat;

    height: 100%;

    background-position: center;

    width: 100%;

  }



  .offcanvas .btn-close {

    color: #ffffff !important;

    opacity: 1;

    background-color: #FFC107;

    font-size: 24px;



  }





  .offcanvas .offcanvas-body ul li a {

    display: inline-block;

    margin: 10px 0px;

    color: #000;

    width: 100%;

  }





}





@media(max-width:768px) {

   



  .order_2 {

    order: 2 !important;

  }



  .order_1 {

    order: 1 !important;

  }





}





.support-help-section .wrapper {

  padding: 40px;

  background: #6defc39e;

  border-radius: 45px;

}



.support-help-section .support-help-content {

  text-align: center;



}



.support-help-section .support-badge {

  background: #e0e7ff;

  color: #4338ca;

  padding: 6px 14px;

  border-radius: 50px;

  font-size: 14px;

  font-weight: 500;

}



.support-help-section .support-title {

  font-size: 36px;

  font-weight: 700;

  color: #0f172a;

}



.support-help-section .support-text {

  color: #475569;

  font-size: 16px;

}



.support-help-section .support-hours {

  gap: 10px;

  color: #334155;

  font-size: 15px;

}



/* Cards */

.support-help-section .support-card {

  background: #ffffff;

  border-radius: 16px;

  padding: 30px 25px;

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);

  transition: all 0.3s ease;

  height: 100%;

}



.support-help-section .support-card:hover {

  transform: translateY(-6px);

  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);

}



.support-help-section .support-icon {

  width: 56px;

  height: 56px;

  border-radius: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 24px;

  margin-bottom: 20px;

}



.support-help-section .support-icon.phone {

  background: #f6f6f6;

  color: #000000;

}



.support-help-section .support-icon.email {

  background: #f6f6f6;

  color: #000000;

}



.support-help-section .support-card-title {

  font-size: 20px;

  font-weight: 600;

  color: #0f172a;

}



.support-help-section .support-card-text {

  font-size: 15px;

  color: #64748b;

  margin-bottom: 20px;

}

 







.mara_link:hover {

  color: #005ee9 !important;

}





.eigibilsucess p {

  display: flex;

  align-items: start;

  flex-direction: column;



}



.eigibilsucess a {

  display: inline-block;

  background: black;

  color: white;

  padding: 10px 16px;

  border-radius: 44px;

  font-size: 14px;

  margin-top: 10px;

}







.trip-showcase {

  background: #f3f3f3;

}



.trip-showcase .trip-showcase__heading {

  font-weight: 800;

  font-size: 2rem;

}



.trip-showcase .trip-showcase__card {

  background: #7efed3;

  padding: 25px;

  border-radius: 16px;

  position: relative;

  overflow: hidden;

}



.trip-showcase .trip-showcase__title {

  font-weight: 800;

  font-size: 1.4rem;

  margin-bottom: 15px;

}



.trip-showcase .trip-showcase__number {

  font-size: 1.4rem;

  font-weight: 800;

  display: block;

}



.trip-showcase .trip-showcase__label {

  font-size: 0.9rem;

  text-transform: lowercase;

}



.trip-showcase .trip-showcase__btn {

  background: #000;

  color: #fff;

  padding: 10px 22px;

  border-radius: 30px;

  font-size: 0.85rem;

  font-weight: 700;

  text-decoration: none;

  transition: 0.3s ease;

}



.trip-showcase .trip-showcase__btn:hover {

  background: #333;

}



.trip-showcase .trip-showcase__image {

  margin-top: 20px;

  border-radius: 14px;

  overflow: hidden;

}



.trip-showcase .trip-showcase__image img {

  width: 100%;

  height: 260px;

  object-fit: cover;

  border-radius: 14px;

}





.travel-sort-section {

  background: #eef7c8;

  padding: 58px 0px;



}



.travel-sort-section .ts-content-wrapper {

  display: flex;

  align-items: center;

  gap: 60px;

}





.travel-sort-section img {

  max-height: 435px;

  width: 100%;

  object-fit: cover;

  margin-top: 47px;

  border-radius: 47px;

  object-position: center;

  transform: scale(1.3);

  animation: zoomOut linear forwards;

  animation-timeline: view();

  animation-range: entry 0% cover 60%;

}



.travel-sort-section .ts-text-block a {

  background: black;

  margin-top: 26px;

  padding: 10px 26px;

  display: inline-block;

  color: white;

  border-radius: 5px;

}



@media(max-width:768px) {

  .travel-sort-section .ts-content-wrapper {

    display: inline-block;

  }



  .travel-sort-section img {

    animation: none;

    transform: none;

  }



}



@keyframes zoomOut {

  from {

    transform: scale(1.3);

  }



  to {

    transform: scale(1);

  }

}



 

 .cta_btn{

  

     color: #000000;

    padding: 3px 4px;

    font-size: 18px;

    border: none;

    display: inline-block;

    z-index: 99;

    position: relative;

    border-bottom: 3px solid rgb(13 110 253);

    text-align: left;

    font-weight: 500;

}

 .cta_btn:hover {

  /* background:#74ffcf; */

  color: #000000;

  border-bottom: 3px solid rgb(13 110 253);

  transition:background 0.5s linear;

}

 



.process-section a {

  background: black;

  margin-top: 26px;

  padding: 10px 26px;

  display: inline-block;

  color: white;

  border-radius: 5px;



}



.blog_list .blog-card {

  margin-bottom: 20px;

  background: black;

  overflow: hidden;

}



.blog_list .blog-card:hover {

  background: #272727;

  transition: all 0.5s ease;

}



.blog_list .blog-card img {

  height: 200px;

  width: 100%;

  object-fit: cover;



}



.blog_list .blog-card h6 {

  color: white;

  font-weight: 400;

  font-size: 16px;

}



.blog_list .blog-card-body {

  padding: 20px 20px;

}



.blog_list .blog-card-body h6 a {

  color: white;

  font-size: 18px;

}



.blog_list .blog-card a.link {

  color: white;

  font-size: 14px;

  display: flex;

  align-items: center;

  gap: 0px 8px;

}



.blog_list .blog-card:hover a.link {

  color: #14ca76;

}



.visa-section {

  --visa-bg: #ebf5f2;

  --visa-panel: #ffffff;

  --visa-accent: #0d6e5c;

  --visa-accent-glow: #16a085;

  --visa-tab-idle: #ebf5f2;

  --visa-tab-hover: #d2dece;

  --visa-tab-active: #0d6e5c;

  --visa-text: #1a2a22;

  --visa-muted: #5a7060;

  --visa-border: #c6d4c0;

  --visa-radius: 14px;

  --visa-shadow: 0 8px 40px rgba(13, 110, 92, .12);

}





.visa-section {



  padding: 40px 20px;

  color: var(--visa-text);

  position: relative;

  overflow: hidden;

}



.visa-section::before {

  content: '';

  position: absolute;

  width: 600px;

  height: 600px;

  border-radius: 50%;

  background: radial-gradient(circle, rgba(13, 110, 92, .10) 0%, transparent 70%);

  top: -100px;

  right: -150px;

  pointer-events: none;

}



.visa-section__heading {



  font-size: 34px;

  color: var(--visa-text);

  margin-bottom: 10px;

  letter-spacing: -.5px;

  animation: fadeDown .6s ease both;

}



.visa-section__subline {

  color: #606060;



  margin-bottom: 0px;

  animation: fadeDown .7s .08s ease both;

}





.visa-section .visa-card {

  background: var(--visa-panel);

  border-radius: var(--visa-radius);

  box-shadow: var(--visa-shadow);

  overflow: hidden;

  animation: fadeUp .7s .15s ease both;

}





.visa-section .visa-nav {

  background: linear-gradient(135deg, #7FFFD4, #28b38394);

  border-right: 2px solid var(--visa-border);

  padding: 12px 0;

  min-width: 240px;

}



.visa-section .visa-nav .nav-link {

  font-size: 16px;

  font-weight: 500;

  color: black;

  border-radius: 0;

  padding: 13px 22px;

  border-left: 3px solid transparent;

  transition: background .22s, color .22s, border-color .22s, padding-left .22s;

  position: relative;

  text-align: left;

      border-bottom: 1px solid #5ca75fad;

}



.visa-section .visa-nav .nav-link:hover {

  background: var(--visa-tab-hover);

  color: var(--visa-accent);

  padding-left: 26px;

}



.visa-section .visa-nav .nav-link.active {

  background: var(--visa-panel);

  color: var(--visa-accent);

  border-left-color: var(--visa-accent);

  font-weight: 600;

  padding-left: 26px;

}





.visa-section .visa-pane {

  padding: 42px 44px;

  flex: 1;

}



.visa-section .tab-pane {

  animation: paneFade .35s ease both;

}



.visa-section .visa-pane__title {



  font-size: 1.6rem;

  color: var(--visa-text);

  margin-bottom: 14px;

}



.visa-section .visa-pane__desc {

  color: black;

  font-size: 16px;

  line-height: 1.7;

  margin-bottom: 26px;

}



.visa-section .visa-pane__subtitle {

  font-size: .78rem;

  font-weight: 600;

  letter-spacing: 1.2px;

  text-transform: uppercase;

  color: var(--visa-accent);

  margin-bottom: 14px;

}



.visa-section .req-list {

  list-style: none;

  padding: 0;

  margin: 0 0 34px;

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.visa-section .req-list li {

  display: flex;

  align-items: flex-start;

  gap: 10px;

  font-size: .9rem;

  color: var(--visa-text);

  background: var(--visa-bg);

  border: 1px solid var(--visa-border);

  border-radius: 8px;

  padding: 10px 14px;

  animation: slideIn .3s ease both;

}



.visa-section .req-list li:nth-child(1) {

  animation-delay: .05s

}



.visa-section .req-list li:nth-child(2) {

  animation-delay: .10s

}



.visa-section .req-list li:nth-child(3) {

  animation-delay: .15s

}



.visa-section .req-list li:nth-child(4) {

  animation-delay: .20s

}



.visa-section .req-list li:nth-child(5) {

  animation-delay: .25s

}



.visa-section .req-list li:nth-child(6) {

  animation-delay: .30s

}



.visa-section .req-list li .req-dot {

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: var(--visa-accent-glow);

  flex-shrink: 0;

  margin-top: 5px;

}





.visa-section .btn-visa {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  background: linear-gradient(135deg, #7FFFD4, #28b383);

  color: #000;

  border: none;

  border-radius: 0px;

  padding: 13px 28px;

  font-size: .9rem;

  font-weight: 600;

  cursor: pointer;



  box-shadow: 0 4px 18px rgba(13, 110, 92, .25);

  text-decoration: none;

}



.visa-section .btn-visa:hover {

  background:#59dbb0;

  transform: translateY(-2px);

  box-shadow: 0 8px 28px rgba(13, 110, 92, .35);

  color: #000000;

}



.visa-section .btn-visa svg {

  transition: transform .22s;

}



.visa-section .btn-visa:hover svg {

  transform: translateX(4px);

}





.visa-section .visa-badge {

  display: inline-block;

  background: rgba(13, 110, 92, .08);

  color: var(--visa-accent);

  border-radius: 4px;

  font-size: .72rem;

  font-weight: 600;

  letter-spacing: .8px;

  padding: 2px 8px;

  margin-left: 6px;

  vertical-align: middle;

  text-transform: uppercase;

}





@keyframes fadeDown {

  from {

    opacity: 0;

    transform: translateY(-18px)

  }



  to {

    opacity: 1;

    transform: translateY(0)

  }

}



@keyframes fadeUp {

  from {

    opacity: 0;

    transform: translateY(22px)

  }



  to {

    opacity: 1;

    transform: translateY(0)

  }

}



@keyframes paneFade {

  from {

    opacity: 0;

    transform: translateX(10px)

  }



  to {

    opacity: 1;

    transform: translateX(0)

  }

}



@keyframes slideIn {

  from {

    opacity: 0;

    transform: translateX(-8px)

  }



  to {

    opacity: 1;

    transform: translateX(0)

  }

}



@media (max-width: 768px) {

  .visa-section .visa-nav {

    min-width: 100%;

    border-right: none;

    border-bottom: 2px solid var(--visa-border);

  }



  .visa-section .visa-pane {

    padding: 28px 20px;

  }

}

 



  



.gold-divider {

  width: 56px;

  height: 3px;

  background: linear-gradient(90deg, var(--gold), var(--gold-light));

  border-radius: 2px;

  margin-bottom: 32px;

}



.country-list {

  list-style: none;

  padding: 0;

  margin: 0;

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));

  gap: 12px;

}



.country-list li {

  background: var(--card-bg);

  border: 1px solid var(--border);

  border-radius: 10px;

  padding: 10px 14px;

  display: flex;

  align-items: center;

  gap: 10px;



  font-size: .875rem;

  font-weight: 400;

  color: var(--navy);

  box-shadow: var(--shadow);

  backdrop-filter: blur(8px);

  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;

  cursor: default;



}



/* Flag icon sizing */

.country-list li .fi {

  width: 22px;

  height: 16px;

  flex-shrink: 0;

  border-radius: 2px;

  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);

}





.country-list li:hover {

  transform: translateY(-3px);

  box-shadow: 0 10px 32px rgba(26, 43, 74, 0.13);

  border-color: var(--gold);

}





.note-box {

  margin-top: 36px;

  background: rgba(255, 255, 255, 0.82);

  border-left: 3px solid var(--gold);

  border-radius: 0 8px 8px 0;

  padding: 14px 20px;

  

  font-size: .85rem;

  color: var(--muted);

  backdrop-filter: blur(6px);

}



.note-box strong {

  color: var(--navy);

}



.corner-accent {

  position: absolute;

  top: 32px;

  right: 40px;

  width: 110px;

  height: 110px;

  border: 1.5px solid var(--border);

  border-radius: 50%;

  z-index: 2;

  pointer-events: none;

}



.corner-accent::after {

  content: "";

  position: absolute;

  inset: 12px;

  border: 1.5px solid var(--border);

  border-radius: 50%;

}





@media (max-width: 576px) {

  .country-list {

    grid-template-columns: repeat(2, 1fr);

  }



  .eligible_country {

    padding: 70px 0 60px;

  }

}





 

 



.doc-card {

  background: var(--surface);

  border: 1.5px solid #adb5bd;

  border-radius: 14px;

  padding: 22px 20px 18px;

  position: relative;

  overflow: hidden;

  transition:

    border-color 0.3s,

    box-shadow 0.3s,

    transform 0.3s;

    box-shadow: 0 10px 36px rgba(37, 99, 235, 0.1);

}



.doc-card:hover {

  transform: translateY(-4px);

}





.doc-card__top-bar {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 3px;

  border-radius: 14px 14px 0 0;

  transform: scaleX(0);

  transform-origin: left;

  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);

}



.doc-card:hover .doc-card__top-bar {

  transform: scaleX(1);

}





.doc-card__shimmer {

  position: absolute;

  inset: 0;

  border-radius: 14px;

  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.55) 50%, transparent 70%);

  background-size: 200% 100%;

  background-position: 200% 0;

  pointer-events: none;

}



.doc-card:hover .doc-card__shimmer {

  animation: shimmer 0.65s ease forwards;

}



@keyframes shimmer {

  to {

    background-position: -200% 0;

  }

}





.doc-card__title {



  font-size: 18px;

    font-weight: 600;

    transition: color 0.2s;

    color: black;

}



.doc-card__desc {

  margin-top: 7px;

  font-size: 14px;

  color: #000000;

  line-height: 1.6;

  font-weight: 400;

}



.doc-card__badge {

  display: inline-block;

  margin-top: 13px;

  font-size: 0.62rem;

  font-weight: 500;

  letter-spacing: 0.12em;

  text-transform: uppercase;

  padding: 3px 10px;

  border-radius: 100px;

  border: 1.5px solid currentColor;

  transition: background 0.25s, color 0.25s;

}





.timeline-step--1 .doc-card__top-bar {

  background: linear-gradient(90deg, var(--c1), rgba(37, 99, 235, 0.05));

}



.timeline-step--1 .doc-card__badge {

  color: var(--c1);

}



.timeline-step--1 .doc-card:hover {

  border-color: rgba(37, 99, 235, 0.35);

  box-shadow: 0 10px 36px rgba(37, 99, 235, 0.1);

}



.timeline-step--1 .doc-card:hover .doc-card__title {

  color: var(--c1);

}



.timeline-step--1 .doc-card:hover .doc-card__badge {

  background: var(--c1);

  color: #fff;

}





.timeline-step--2 .doc-card__top-bar {

  background: linear-gradient(90deg, var(--c2), rgba(124, 58, 237, 0.05));

}





.timeline-step--2 .doc-card__badge {

  color: var(--c2);

}



.timeline-step--2 .doc-card:hover {

  border-color: rgba(124, 58, 237, 0.35);

  box-shadow: 0 10px 36px rgba(124, 58, 237, 0.1);

}



.timeline-step--2 .doc-card:hover .doc-card__title {

  color: var(--c2);

}



.timeline-step--2 .doc-card:hover .doc-card__badge {

  background: var(--c2);

  color: #fff;

}





.timeline-step--3 .doc-card__top-bar {

  background: linear-gradient(90deg, var(--c3), rgba(217, 119, 6, 0.05));

}



.timeline-step--3 .doc-card__badge {

  color: var(--c3);

}



.timeline-step--3 .doc-card:hover {

  border-color: rgba(217, 119, 6, 0.35);

  box-shadow: 0 10px 36px rgba(217, 119, 6, 0.1);

}



.timeline-step--3 .doc-card:hover .doc-card__title {

  color: var(--c3);

}



.timeline-step--3 .doc-card:hover .doc-card__badge {

  background: var(--c3);

  color: #fff;

}





.timeline-step--4 .doc-card__top-bar {

  background: linear-gradient(90deg, var(--c4), rgba(5, 150, 105, 0.05));

}







.timeline-step--4 .doc-card__badge {

  color: var(--c4);

}



.timeline-step--4 .doc-card:hover {

  border-color: rgba(5, 150, 105, 0.35);

  box-shadow: 0 10px 36px rgba(5, 150, 105, 0.1);

}



.timeline-step--4 .doc-card:hover .doc-card__title {

  color: var(--c4);

}



.timeline-step--4 .doc-card:hover .doc-card__badge {

  background: var(--c4);

  color: #fff;

}



@media (max-width: 600px) {

  .timeline-step {

    grid-template-columns: 52px 1fr;

    gap: 0 12px;

  }



  .timeline-step--odd .timeline-step__card,

  .timeline-step--even .timeline-step__card {

    grid-column: 2;

    grid-row: 1;

    padding-left: 0;

    padding-right: 0;

    text-align: left;

  }



  .timeline-step--odd .timeline-step__node,

  .timeline-step--even .timeline-step__node {

    grid-column: 1;

    grid-row: 1;

  }



  .timeline-step__gap {

    display: none;

  }

}





.sidebar {

  border: 1px solid black;

  padding: 30px 34px;

  border-radius: 5px;

  box-shadow: -2px 5px 0px 2px;

}



.sidebar ul li a {

  display: inline-block;

  margin-bottom: 7px;

  color: black;

  text-decoration: underline !important;

}



.sidebar ul li a:hover {

  color: #2db788;

}



 

 

.apply_now {

  background: #80ecc8;

  padding: 8px 31px;

  font-size: 16px;

  color: black;

  font-weight: 400;

}

.apply_now:hover {

  background:#59dbb0;

  transition:0.5s all ease;

}





.static-display {

  display: flex;

  align-items: center;

  padding: 10px 20px;

  background: rgb(249, 250, 251);

  border-width: 1px;

  border-style: solid;

  border-color: rgb(217 220 223);

  border-image: initial;

  border-radius: 5px;

  gap: 12px;

}



.static-display .country-name {

  font-size: 16px;

  font-weight: 500;

  color: rgb(31, 41, 55);

}

  



@media(max-width:768px){

  .careers-section .careers-headline {

    font-size: 24px!important;

  }

}





.about_us{

  padding: 60px 0px;

}

.about_us h2{

 font-size: 42px;

    font-weight: 600;

    margin-bottom: 30px;

}

.about_us h2 span{

  color: #0261ff;

    font-weight: 700;

}

.about_us p {

  font-size: 16px;

  color: #000000;

}

.about_us a {

  padding: 7px 0px;

    font-weight: 600;

    font-size: 19px;

    border-bottom: 1px solid black;

    color: #0261ff;

}



.about_us a:hover {

  color: #074bbd;

}

.about_us img{

  min-height: 495px;

  width: 100%;

  object-fit: cover;

  border-radius: 10px;

}



@media(max-width:768px){

    .about_us h2{

        font-size: 28px;

        

    }

}





.eligible_country {

  background: #fff;

  overflow: hidden;

  position: relative;

  color: #fff;

}



 

.eligible_country .eligible-wrap {

  position: relative;

  z-index: 2;

}



 

.eligible_country .main-title {

  font-size: 36px;

  line-height: 1.05;

  color: #000000;

  font-weight: 600;

}

.eligible_country .content p{

  color:#000000;

  font-size:16px;

}

 

.eligible_country .map-box {

  

  display: flex;

  align-items: center;

  justify-content: center;

}



.eligible_country .world-map {

  max-width: 100%;

 width:100px;



}



.eligible_country .map-tag {

  position: absolute;

    left: 55%;

    top: 62%;

    transform: translate(-50%, -50%);

    display: flex;

    align-items: center;

    gap: 10px;

    color: #000000;

    font-size: 14px;

    font-weight: 600;

}



.eligible_country .map-tag .dot {

  width: 14px;

  height: 14px;

  background: #1eff7a;

  border-radius: 50%;

  box-shadow: 0 0 0 8px rgba(30, 255, 122, 0.15);

}

 

.eligible_country .country-marquee {

  margin-top: 40px;

  display: flex;

  flex-direction: column;

  gap: 18px;

}



.eligible_country .marquee-row {

  overflow: hidden;

  position: relative;

  width: 100%;

}



.eligible_country .marquee-track {

  display: flex;

  width: max-content;

  gap: 18px;

}



.eligible_country .marquee-row.left .marquee-track {

  animation: scrollLeft 35s linear infinite;

}



.eligible_country .marquee-row.right .marquee-track {

  animation: scrollRight 35s linear infinite;

}



 

.eligible_country li {

display: inline-flex;

  align-items: center;

  gap: 10px;

  white-space: nowrap;

  padding: 10px 24px;

  border-top: 1px solid rgba(255, 255, 255, 0.18);

  border: 1px solid rgb(200 200 200);

  color: #000000;

  font-size: 14px;

  font-weight: 600;

  opacity: 0.95;

  background: #ffffff;

  border-radius: 72px;

}



.eligible_country .country-card i {

  font-size: 14px;

  line-height: 1;

}



 

.eligible_country .cta_btn {

display: inline-flex;

  align-items: center;

  gap: 10px;

  background: #fff;

  color: #0d5cff;

  text-decoration: none;

  padding: 14px 0px;

  font-weight: 600;

  transition: 0.3s ease;

  font-size: 17px;

}



.eligible_country .cta_btn:hover {

  transform: translateY(-2px);

  color: #0d5cff;

}



 

@keyframes scrollLeft {

  0% {

    transform: translateX(0);

  }



  100% {

    transform: translateX(-50%);

  }

}



@keyframes scrollRight {

  0% {

    transform: translateX(-50%);

  }



  100% {

    transform: translateX(0);

  }

}



 

@media (max-width: 991.98px) {

   



  .eligible_country .country-card {

    font-size: 20px;

    padding: 12px 18px;

  }

}



@media (max-width: 575.98px) {

  .eligible_country .main-title {

    font-size: 2rem;

  }



  .eligible_country .country-card {

    font-size: 16px;

    padding: 10px 14px;

  }



  .eligible_country .pill {

    min-width: auto;

    padding: 8px 16px;

    font-size: 13px;

  }

}



 .explore-section {

   --bg-soft: #f3ede8;

   --card-bg: #ffffff;

   --accent-purple: #5b3fc8;

   --accent-hover: #4530a8;

   --text-dark: #1e1a2e;

   --text-muted: #6b6478;

   --shadow-card: 0 20px 60px rgba(0, 0, 0, 0.10);

   --shadow-map: 0 8px 28px rgba(0, 0, 0, 0.14);

   --radius-card: 24px;

   --radius-map: 16px;

   --radius-btn: 50px;

 }





 

 

 .explore-section {

  

   width: 100%;

   margin:0px auto;

   padding:50px 0px;

 }



 .explore-section.fees_transparency {

   max-width: 1300px;

 }

 .explore-section .explore-left {

   background: var(--bg-soft);

   border-radius: var(--radius-card);

   padding: 3rem 2.5rem;

   display: flex;

   flex-direction: column;

   gap: 3px;

   min-height: 500px;

 }



 .explore-section .explore-left .explore-heading {

   font-size:24px;

   font-weight: 600;

   color: var(--text-dark);

   line-height: 1.25;

   margin: 0;

 }



 .explore-section .explore-left .explore-tagline {

   font-size: 0.9rem;

   font-weight: 600;

   color: var(--text-dark);

   margin: 0;

 }



 .explore-section .explore-left .explore-description {

   font-size: 14px;

   color:#000000;

   line-height: 1.6;

    

 }



 .explore-section .explore-left p{

  font-size: 14px;

  margin-bottom: 2px;

 }

 





 .explore-section .explore-card {

   background: var(--card-bg);

   border-radius: var(--radius-card);

   box-shadow: var(--shadow-card);

   overflow: hidden;

   transition: transform 0.35s ease, box-shadow 0.35s ease;

   min-height: 500px;

   height:100%;

 }



 .explore-section .explore-card:hover {

   transform: translateY(-6px);

   box-shadow: 0 32px 72px rgba(0, 0, 0, 0.14);

 }



 

 .explore-section .explore-card .card-hero {

   position: relative;

   height: 220px;

   overflow: hidden;

 }



 .explore-section .explore-card .card-hero img.hero-img {

   width: 100%;

   height: 100%;

   object-fit: cover;

   display: block;

   transition: transform 0.5s ease;

 }



 .explore-section .explore-card:hover .card-hero img.hero-img {

   transform: scale(1.04);

 }



  



 

 .explore-section .explore-card .card-body-content {

   padding: 3rem 2rem 2rem;

   text-align: center;

 }







 .explore-section .explore-card .card-body-content .card-title {

    

   font-size: 1.4rem;

   font-weight: 700;

   color: var(--text-dark);

   margin-bottom: 1.4rem;

 }

 

 .explore-section .explore-card .card-body-content .btn-itinerary {

   display: inline-flex;

   align-items: center;

   gap: 0.5rem;

   border: 2.5px solid #0261ff;

   border-radius: var(--radius-btn);

   padding: 0.65rem 2rem;

   font-size: 0.92rem;

   font-weight: 600;

   color: var(--text-dark);

   background: transparent;

   text-decoration: none;

   cursor: pointer;

   transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.2s ease;

 }



 .explore-section .explore-card .card-body-content .btn-itinerary:hover {

   background: #0261ff;

   color: #fff;

   border-color: #0261ff;

   transform: scale(1.03);

 }



 .explore-section .explore-card .card-body-content .btn-itinerary .bi {

   font-size: 1rem;

   color: var(--accent-purple);

   transition: color 0.25s ease;

 }



 .explore-section .explore-card .card-body-content .btn-itinerary:hover .bi {

   color: #fff;

 }

 

 @media (max-width: 767px) {

   .explore-section .explore-left {

     min-height: auto;

     padding: 2rem 1.5rem;

     border-radius: var(--radius-card);

     margin-bottom: 1.5rem;

   }



   .explore-section .explore-left .explore-description {

     max-width: 100%;

   }

    .explore-section .explore-card {

      min-height: auto;

    }

 }



.visa-page {

  --color-primary: #4f46e5;

  --color-primary-hover: #4338ca;

  --color-text-dark: #111827;

  --color-text-muted: #6b7280;

  --color-text-light: #9ca3af;

  --color-border: #e5e7eb;

  --color-card-bg: #f3f4f6;

  --color-white: #ffffff;

  --color-badge-bg: #eef2ff;

  --color-badge-text: #4f46e5;

  

  --radius-card: 16px;

  --radius-summary: 20px;

  --shadow-summary: 0 4px 24px rgba(0, 0, 0, 0.10);

}



 

.visa-page {

  background: var(--color-white);

  margin-bottom: 50px;

  font-family: var(--font-sans);

  color: var(--color-text-dark);

 

    margin: 49px auto;

}



 

.visa-page .visa-info-section {

  padding: 0px 0px 56px 0px;

}



.visa-page .visa-info-section .visa-info-section__heading {

   

  font-size: 34px;

  font-weight: 600;

  color: var(--color-text-dark);

  letter-spacing: -0.5px;

  margin-bottom: 10px;

  line-height: 1.1;

}



.visa-page .visa-info-section .visa-info-section__subtitle {

  font-size: 1rem;

  color:#000000;

  margin-bottom: 40px;

}

 

.visa-page .visa-info-section .visa-cards-row {

  display: flex;

  gap: 18px;

  flex-wrap: wrap;

}



.visa-page .visa-info-section .visa-cards-row .visa-card {

  background: #f0eee6;

  border-radius: var(--radius-card);

  padding: 15px 28px 15px 28px;

  min-width: 150px;

  flex: 1 1 140px;

  display: flex;

  flex-direction: column;

  gap: 12px;

}



.visa-page .visa-info-section .visa-cards-row .visa-card .visa-card__icon {

  font-size: 1.5rem;

  color: var(--color-text-dark);

  margin-bottom: 2px;

}



.visa-page .visa-info-section .visa-cards-row .visa-card .visa-card__label {

  font-size: 0.85rem;

  color: #000000;

  margin-bottom: 2px;

}



.visa-page .visa-info-section .visa-cards-row .visa-card .visa-card__value {

  font-size: 1.15rem;

  font-weight: 500;

  color: var(--color-text-dark);

  margin-top: -4px;

}



 

.visa-page .visa-summary-section {

  display: flex;

  align-items: flex-start;

  justify-content: flex-end;

   

}



.visa-page .visa-summary-section .visa-summary-card {

  background: var(--color-white);

  border-radius: var(--radius-summary);

  box-shadow: var(--shadow-summary);

  border: 1px solid #cfcfcf;

  width: 100%;

  

  overflow: hidden;

}



 

.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__banner {

  background: var(--color-badge-bg);

  padding: 12px 20px;

  display: flex;

  align-items: center;

  gap: 10px;

  border-bottom: 1px solid #dde4ff;

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__banner .visa-summary-card__banner-icon {

  color: #0261ff;

  font-size: 1.1rem;

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__banner .visa-summary-card__banner-text {

  color:#0261ff;

  font-weight: 600;

  font-size: 0.95rem;

}



 

.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body {

  padding: 22px 24px 24px 24px;

}



 

.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .travellers-row {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 22px;

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .travellers-row .travellers-row__label {

  display: flex;

  align-items: center;

  gap: 8px;

  font-weight: 700;

  font-size: 1rem;

  color: var(--color-text-dark);

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .travellers-row .travellers-row__label .travellers-row__label-icon {

  font-size: 1.1rem;

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .travellers-row .travellers-row__counter {

  display: flex;

  align-items: center;

  gap: 10px;

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .travellers-row .travellers-row__counter .travellers-row__counter-btn {

  background: none;

  border: none;

  padding: 0;

  cursor: pointer;

  color: var(--color-text-muted);

  font-size: 1.2rem;

  line-height: 1;

  display: flex;

  align-items: center;

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .travellers-row .travellers-row__counter .travellers-row__counter-btn:hover {

  color: var(--color-primary);

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .travellers-row .travellers-row__counter .travellers-row__counter-num {

  font-size: 1rem;

  font-weight: 600;

  min-width: 14px;

  text-align: center;

}



 

.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .price-block {

  text-align: center;

  margin-bottom: 18px;

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .price-block .price-block__amount {

  font-size: 26px;

    font-weight: 600;

    color: var(--color-text-dark);

    

    line-height: 1.1;

}



 

.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .visa-cta-btn {

  background: #0261ff;

  color: var(--color-white);

  border: none;

  border-radius: 50px;

  font-size: 14px;

  font-weight: 700;

  padding: 14px 25px;

  

  cursor: pointer;

  transition: background 0.18s;

  margin-bottom: 22px;

  letter-spacing: 0.2px;

  display: inline-block;

  text-align: center;

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .visa-cta-btn:hover {

  background: var(--color-primary-hover);

}



  

 

.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .fee-divider {

  border: none;

  border-top: 1px solid var(--color-border);

  margin: 4px 0;

}



 

.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .total-row {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 12px 0 0 0;

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .total-row .total-row__left {

  display: flex;

  align-items: center;

  gap: 10px;

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .total-row .total-row__left .total-row__icon {

  font-size: 1rem;

  color: var(--color-text-muted);

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .total-row .total-row__left .total-row__label {

  font-size: 0.95rem;

  font-weight: 700;

  color: var(--color-text-dark);

}



.visa-page .visa-summary-section .visa-summary-card .visa-summary-card__body .total-row .total-row__amount {

  font-size: 0.95rem;

  font-weight: 700;

  color: var(--color-text-dark);

}



 

@media (max-width: 991px) {

  .visa-page .visa-info-section {

    padding: 40px 24px 0 24px;

  }



  .visa-page .visa-summary-section {

    padding: 32px 24px 40px 24px;

    justify-content: center;

  }



  .visa-page .visa-summary-section .visa-summary-card {

    max-width: 100%;

  }

}



@media (max-width: 575px) {

  .visa-page .visa-info-section .visa-info-section__heading {

    font-size: 2rem;

  }



  .visa-page .visa-info-section .visa-cards-row .visa-card {

    min-width: 100px;

    padding: 20px 16px 16px 16px;

  }

}





.visa-features {

  max-width: 980px;

  margin: auto;

}





.visa-features .visa-features__item {

    padding: 3px 0px;

      border-radius: 4px;

      display: flex;

      align-items: center;

      justify-content: center;

      transition: all 0.3s ease-in-out;

      border: 1px solid transparent;

      height: 100%;

}





.visa-features .visa-features__item:hover {

  transform: translateY(-5px);

}





.visa-features .visa-features__item .visa-features__icon-box {

  margin-right: 15px;

  display: flex;

  align-items: center;

  justify-content: center;

}





.visa-features .visa-features__item .visa-features__icon-box i {

  font-size: 18px;

    padding: 8px 10px;

    color: #000000;

    line-height: 1;

    border-radius: 8px;

}



.visa-features .visa-features__item .visa-features__icon-box i.icon1 {

  background: linear-gradient(135deg, #f1f1f1, #d9d9d9);

}



.visa-features .visa-features__item .visa-features__icon-box i.icon2 {

  background: linear-gradient(135deg, #f1f1f1, #d9d9d9);

}



.visa-features .visa-features__item .visa-features__icon-box i.icon3 {

  background: linear-gradient(135deg, #f1f1f1, #d9d9d9);

}



.visa-features .visa-features__item .visa-features__text {

  font-size: 14px;

  font-weight: 400;

  color: #000000;

  margin: 0;



}





.know_more {

  padding: 40px 40px;

  background: #f5f5f5;

  max-width: 1380px;

  margin: 0px auto;

  border-radius: 10px;

}

.know_more .heading{

  font-size: 32px;

  margin-bottom: 34px;

  font-weight: 600;

  color: #0d5cff

}



.know_more .nav-pills>*{

  flex: auto;

}





.know_more .nav-link{

  width: 100%;

  

  border-bottom: 1px solid black;

  font-size: 20px;

  font-weight: 600;

  color: #767676;

  border-radius: 0px !important;

  text-align: left;

}





.know_more .nav-pills .nav-link.active,

.know_more .nav-pills .show>.nav-link{

  color: #0d5cff !important;

    background-color: #0d6efd00!important;

    border-bottom:4px solid #0d5cff;

}

.know_more .tab-pane{

  background: #ffffff00;

  border-radius: 15px;

  padding: 20px 0px;

}

.know_more .tab-pane h6{

  font-size: 21px;

  margin-bottom: 20px;

  font-weight: 600;

}



.know_more .tab-content p{

  font-size: 15px;

  margin-bottom: 5px;

}





.mb-faq-modern button {

width: 100%;

  padding: 10px 0px;

  background: #ffffffa1;

  text-align: left;

  border: 1px solid #ffffff;

  border-radius: 5px;

  font-size: 20px;

  font-weight: 600;

  display: flex;

  justify-content: space-between;

  align-items: center;

  color: #0447d2;

}

.mb-faq-modern button:hover{

  color: #4b86ff;

  transition: 0.5s all ;

}



.mb-faq-modern button[aria-expanded="true"]>i {

  transform: rotate(180deg);

}



.mb-faq-modern h6 {

  font-size: 26px;

  font-weight: 600;

}



.mb-faq-modern .mb-faq-modern__item {

  margin-bottom: 12px;

}



.mb-faq-modern .mb-faq-modern__answer {

  padding: 20px 20px;

  background: #fff;

  border-radius: 5px;

}







.pcard-scene{

  --pcard-bg: #f0f4f8;

  --pcard-surface: #ffffff;

  --pcard-border: rgba(0, 0, 0, 0.08);

  --pcard-accent: #0a7cf6;

  --pcard-accent-warm: #e05c2a;

  --pcard-text-primary: #0f1c2e;

  --pcard-text-muted: #6b7a90;

  --pcard-pill-bg: rgba(10, 124, 246, 0.06);

  --pcard-pill-border: rgba(10, 124, 246, 0.18);

  --pcard-radius: 20px;

  --pcard-font-head: 'Syne', sans-serif;

  --pcard-font-body: 'DM Sans', sans-serif;

}



 

.pcard-scene {

  position: relative;

    

  background: url('../images/banner/hero2.webp') center/cover no-repeat;

 

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 2rem 1rem;

  font-family: var(--pcard-font-body);

  z-index: 0;

}

.pcard-scene::before {

  content: "";

  position: absolute;

  inset: 0;

  background: rgb(255 255 255 / 82%);

   

  z-index: -1;

}

 .pcard-scene .hero_heading{

  font-size: 38px;

    font-weight: 700;

 }

.pcard-shell {

  width: 100%;

  height: 100%;

  background: var(--pcard-surface);

  border: 1px solid var(--pcard-border);

  border-radius: var(--pcard-radius);

  overflow: hidden;

  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.10), 0 2px 8px rgba(0, 0, 0, 0.06);

  transition: transform .3s ease, box-shadow .3s ease;

}



.pcard-shell:hover {

  transform: translateY(-4px);

  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.14), 0 4px 12px rgba(0, 0, 0, 0.07);

}



 

.pcard-hero {

  position: relative;

  height: 190px;

  overflow: hidden;

}



.pcard-hero__img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  

  transition: transform .6s ease;

}



.pcard-shell:hover .pcard-hero__img {

  transform: scale(1.04);

}



.pcard-hero__overlay {

  position: absolute;

  inset: 0;

  background: linear-gradient(160deg,

      rgba(13, 17, 23, 0) 30%,

      rgba(13, 17, 23, 0.75) 100%);

}



  

  

.pcard-body {

  padding: 22px 24px 20px;

}



 

.pcard-body__title {

   

  font-size: 1.3rem;

  font-weight: 800;

  color: var(--pcard-text-primary);

  line-height: 1.25;

  margin-bottom: 8px;

}



.pcard-body__title span {

  color: var(--pcard-accent);

}



.pcard-body__desc {

  font-size: .83rem;

  color: #000000;

  line-height: 1.6;

  margin-bottom: 20px;

}

  

 

 

.pcard-footer {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-top: 16px;

  border-top: 1px solid var(--pcard-border);

}



  

 

.pcard-cta {

  display: inline-flex;

  align-items: center;

  gap: 7px;

   

  font-size: .82rem;

  font-weight: 700;

  color: #044abf;

  text-decoration: none;

  letter-spacing: .03em;

  padding: 9px 18px;

  border: 1px solid var(--pcard-pill-border);

  border-radius: 50px;

  background: var(--pcard-pill-bg);

  transition: background .2s, color .2s, border-color .2s, gap .2s;

}



.pcard-cta:hover {

  background:#044abf;

  color: #ffffff;

  border-color: var(--pcard-accent);

  gap: 10px;

}



.pcard-cta i {

  font-size: .9rem;

  transition: transform .2s;

}



.pcard-cta:hover i {

  transform: translateX(3px);

}

 

@media (max-width: 400px) {

  .pcard-body {

    padding: 18px 16px 16px;

  }



  .pcard-body__title {

    font-size: 1.1rem;

  }



  .pcard-stat {

    padding: 8px 10px;

  }



  .pcard-hero {

    height: 160px;

  }

}





 .features-hub {

   background: #fff;

   padding: 96px 0 80px;

   

   position: relative;

   overflow: hidden;

 }



 

 .features-hub::before {

   content: '';

   position: absolute;

   inset: 0;

   

   pointer-events: none;

   opacity: 0.4;

 }



 

 .features-hub__header {

   text-align: center;

   margin-bottom: 64px;

 }

 

 .features-hub__title {

   

   font-size:30px;

   font-weight: 600;

   color: #1a1a2e;

   line-height: 1.15;

  

   

  

 }



 .features-hub__subtitle {

   color: #000000;

   font-size: 1rem;

   font-weight: 300;

   

   margin: 0 auto;

   line-height: 1.7;

 }

 

 .features-hub__grid {

   position: relative;

   z-index: 1;

 }

 

 .features-hub__card {

   background: #ffffff;

   border-radius: 20px;

   padding: 40px 36px;

   height: 100%;

   position: relative;

   overflow: hidden;

   border: 1px solid rgb(26 26 46 / 50%);

   transition: transform 0.32s cubic-bezier(.22, .68, 0, 1.2),

     box-shadow 0.32s ease;

 }



 .features-hub__card:hover {

   transform: translateY(-6px);

   box-shadow: 0 24px 60px rgba(26, 26, 46, 0.1);

 }



 

 .features-hub__card::before {

   content: '';

   position: absolute;

   top: 0;

   left: 32px;

   right: 32px;

   height: 3px;

   border-radius: 0 0 4px 4px;

   background: var(--card-accent);

   transform: scaleX(0);

   transform-origin: left;

   transition: transform 0.4s cubic-bezier(.22, .68, 0, 1.2);

 }



 .features-hub__card:hover::before {

   transform: scaleX(1);

 }



  

 .features-hub__card--a {

   --card-accent: #7c6ef0;

   --icon-bg: rgba(124, 110, 240, 0.1);

   --icon-color: #7c6ef0;

 }



 .features-hub__card--b {

   --card-accent: #2ec4b6;

   --icon-bg: rgba(46, 196, 182, 0.1);

   --icon-color: #2ec4b6;

 }



 .features-hub__card--c {

   --card-accent: #ff6b6b;

   --icon-bg: rgba(255, 107, 107, 0.1);

   --icon-color: #ff6b6b;

 }



 

 .features-hub__icon-wrap {

   width: 56px;

   height: 56px;

   border-radius: 16px;

   background:rgb(77 77 77 / 10%);

   display: flex;

   align-items: center;

   justify-content: center;

   margin-bottom: 28px;

   transition: transform 0.3s ease;

 }



 .features-hub__card:hover .features-hub__icon-wrap {

   transform: rotate(-6deg) scale(1.08);

 }



 .features-hub__icon-wrap i {

   font-size: 1.5rem;

   color: #000000;

 }



 

 .features-hub__badge {

  position: absolute;

    top: 28px;

    right: 28px;

    font-size: 40px;

    font-weight: 700;

    letter-spacing: 0.12em;

    color: rgba(26, 26, 46, 0.18);

 }



 

 .features-hub__card-title {

   

   font-size: 1.2rem;

   font-weight: 700;

   color: #1a1a2e;

   margin-bottom: 12px;

   letter-spacing: -0.01em;

 }



 .features-hub__card-text {

   font-size: 0.92rem;

   color: #000000;

   line-height: 1.75;

   font-weight: 400;

   margin-bottom: 28px;

 }



 

 .features-hub__link {

   display: inline-flex;

   align-items: center;

   gap: 6px;

   font-size: 0.82rem;

   font-weight: 500;

   color: var(--icon-color);

   text-decoration: none;

   border-bottom: 1px solid transparent;

   padding-bottom: 1px;

   transition: border-color 0.2s, gap 0.2s;

 }



 .features-hub__link:hover {

   border-color: var(--icon-color);

   gap: 10px;

 }

 

 .features-hub__footer-strip {

   margin-top: 64px;

   background: #1a1a2e;

   border-radius: 20px;

   padding: 32px 40px;

   display: flex;

   align-items: center;

   justify-content: space-between;

   flex-wrap: wrap;

   gap: 20px;

 }



 .features-hub__footer-strip p {

   

   color:rgb(255 255 255);

   font-size: 32px;

   margin: 0;



 }



 .features-hub__footer-strip strong {

   color: #ffffff;

 }



 .features-hub__cta-btn {

   background: #7c6ef0;

   color: #fff;

   border: none;

   padding: 12px 28px;

   border-radius: 100px;

   

   font-size: 0.85rem;

   font-weight: 600;

   letter-spacing: 0.04em;

   cursor: pointer;

   transition: background 0.2s, transform 0.2s;

   text-decoration: none;

   display: inline-flex;

   align-items: center;

   gap: 8px;

 }



 .features-hub__cta-btn:hover {

   background: #6457d8;

   transform: scale(1.03);

   color: #fff;

 }



 

 @media (max-width: 767.98px) {

   .features-hub {

     padding: 64px 0 56px;

   }



   .features-hub__card {

     padding: 32px 28px;

   }



   .features-hub__footer-strip {

     padding: 28px 24px;

     justify-content: center;

     text-align: center;

   }

 }





.option-selector {

  --os-bg: #ece7de;

  --os-navy: #0d1b33;

  --os-navy-light: #162340;

  --os-gold: #c8a84b;

  --os-gold-soft: #d6b86a;

  --os-white: #ffffff;

  --os-text: #1c1c1c;

  --os-muted: #6b6356;

  --os-rule: #ddd8ce;

  --os-icon-ring: rgba(200, 168, 75, 0.16);

  --os-icon-ring-d: rgba(255, 255, 255, 0.10);

  --os-radius: 18px;

  padding: 64px 20px 72px;

}

 

 

.option-selector .os-heading {

  font-size: 36px;

  color: var(--os-navy);

  font-weight: 600;

  text-align: center;

  line-height: 1.2;

  margin-bottom: 16px;

}



 

.option-selector .os-subtext {

  font-size: 15.5px;

  color:#000000;

  text-align: center;

  max-width: 520px;

  margin: 0 auto 52px;

  line-height: 1.75;

  font-weight: 300;

}



 

.option-selector .os-card {

  border-radius: var(--os-radius);

  overflow: hidden;

  box-shadow: 0 8px 36px rgba(13, 27, 51, 0.11);

  height: 100%;

  display: flex;

  flex-direction: column;

      border: 1px solid #afafaf;

}

 

.option-selector .os-card .osc-top {

 

  padding: 28px 26px 26px;

  display: flex;

  align-items: center;

  gap: 18px;

  flex-shrink: 0;

}



.option-selector .os-card .osc-top .osc-badge {

  width: 56px;

  height: 56px;

  border-radius: 13px;

  background:rgb(68 68 68 / 10%);

  border: 1px solid rgba(255, 255, 255, 0.13);

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

}



.option-selector .os-card .osc-top .osc-badge i {

  font-size: 24px;

  color: rgba(0, 0, 0, 0.45);

}



.option-selector .os-card .osc-top .osc-meta {}



.option-selector .os-card .osc-top .osc-meta .osc-tag {

  font-size: 9.5px;

  letter-spacing: 3.5px;

  text-transform: uppercase;

  color: var(--os-gold-soft);

  font-weight: 500;

  margin-bottom: 5px;

}



.option-selector .os-card .osc-top .osc-meta .osc-title {

  

  font-size: 22px;

  color: #000000;

  font-weight: 700;

  line-height: 1.15;

}



 

.option-selector .os-card .osc-body {

  background: var(--os-white);

  padding: 28px 26px 34px;

  flex: 1;

}



.option-selector .os-card .osc-body .osc-section-label {

  display: flex;

    align-items: center;

    gap: 12px;

    font-size: 18.5px;

    font-weight: 600;

     

    color: #000000;

    margin-bottom: 24px;

}



.option-selector .os-card .osc-body .osc-section-label::after {

  content: '';

  flex: 1;

  height: 1px;

  background: var(--os-rule);

}



 

.option-selector .os-card .osc-body .osc-list {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  flex-direction: column;

  gap: 17px;

}



.option-selector .os-card .osc-body .osc-list li {

  display: flex;

  align-items: flex-start;

  gap: 14px;

  font-size: 15px;

  color: var(--os-text);

  line-height: 1.6;

  font-weight: 400;

}



.option-selector .os-card .osc-body .osc-list li .osc-dot {

  width: 26px;

  height: 26px;

  border-radius: 7px;

  background:rgb(200 168 75 / 58%);

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  margin-top: 1px;

}



.option-selector .os-card .osc-body .osc-list li .osc-dot i {

font-size: 17px;

  color: #000000;

}



 

.option-selector .os-banner {

  background: #545454;

  border-radius: var(--os-radius);

  padding: 26px 30px;

  display: flex;

  align-items: center;

  gap: 20px;

  margin-top: 28px;

}



.option-selector .os-banner .osb-icon {

  width: 46px;

  height: 46px;

  border-radius: 10px;

  background: var(--os-icon-ring-d);

  border: 1px solid rgba(255, 255, 255, 0.12);

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

}



.option-selector .os-banner .osb-icon i {

  font-size: 20px;

  color: rgba(255, 255, 255, 0.40);

}



.option-selector .os-banner .osb-text {

  font-size: 15px;

  color:rgb(255 255 255);

  line-height: 1.65;

}



.option-selector .os-banner .osb-text strong {

  color: #ffffff;

  font-weight: 500;

}



 

@media (max-width: 767px) {

  .option-selector {

    padding: 44px 16px 52px;

  }



  .option-selector .os-card .osc-top {

    padding: 22px 20px 20px;

  }



  .option-selector .os-card .osc-body {

    padding: 22px 20px 28px;

  }



  .option-selector .os-banner {

    padding: 20px 20px;

  }



  .option-selector .os-banner .osb-icon {

    display: none;

  }

}

 .comparison-container {

   max-width: 1100px;

   margin: 0 auto;

 }

 .comparison-container h2{

    font-size: 28px;

    text-align: center;

    font-weight: 600;

 }



 .visa-section {

   background: #ffffff;

   border: 1px solid #e1e8f0;

   border-radius: 16px;

   padding: 30px;

   height: 100%;

    

   transition: all 0.3s ease;

   position: relative;

   overflow: hidden;

 }



 .visa-section:hover {

   transform: translateY(-10px);

   box-shadow: 0 15px 35px rgba(0, 82, 204, 0.1);

   border-color: var(--primary-blue);

 }



 

 .visa-section .card-header {

   background: transparent;

   border: none;

   display: flex;

   align-items: center;

   padding: 0;

   margin-bottom: 20px;

 }



 

 .visa-section .card-header i {

   width: 50px;

   height: 50px;

   background-color: var(--icon-bg);

   color: var(--primary-blue);

   display: flex;

   align-items: center;

   justify-content: center;

   border-radius: 12px;

   font-size: 1.5rem;

   margin-right: 15px;

 }



 

 .visa-section .card-header h3 {

   font-size: 1.25rem;

   font-weight: 700;

   margin: 0;

   color: #1a2b49;

 }



 

 .visa-section .card-body {

   padding: 0;

 }



 .visa-section .card-body p {

   color: #000000;

   line-height: 1.6;

   margin: 0;

   font-size: 0.95rem;

 }



 

 .visa-section .card-body strong {

   color: var(--primary-blue);

 }

 

 .best-suited-wrapper {

   margin-top: 20px;

 }



 .visa-section.best-suited {

   background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%);

   border-left: 5px solid var(--primary-blue);

 }





.visa-container {

  --primary-navy: #002b5c;

  --accent-gold: #c5a059;

  --success-green: #2d6a4f;

  --error-red: #a4161a;

  --bg-soft: #f4f7f9;

}



 



 

.visa-container {

  padding: 80px 0;

}



 

.visa-container .visa-card {

  background: #ffffff;

  border: none;

  border-radius: 24px;

  overflow: hidden;

  box-shadow: 0 20px 40px rgba(0, 43, 92, 0.1);

}



 

.visa-container .header-box {

  background: #f0eee6;

  padding: 40px;

  color: #ffffff;

  text-align: center;

}



.visa-container .header-box h2 {

  font-weight: 700;

  letter-spacing: -0.5px;

  margin-bottom: 15px;

  color: black;

}



.visa-container .header-box p {

  color: rgba(0, 0, 0, 0.8);

  max-width: 600px;

  margin: 0 auto;

  font-size: 1.1rem;

}



 

.visa-container .content-body {

  padding: 40px;

}



.visa-container .status-column {

  padding: 20px;

  border-radius: 16px;

  height: 100%;

}



.visa-container .can-box {

  background-color: rgba(45, 106, 79, 0.05);

}



.visa-container .cannot-box {

  background-color: rgba(164, 22, 26, 0.05);

}



.visa-container h4 {

  font-size: 1.25rem;

  font-weight: 700;

  margin-bottom: 20px;

  display: flex;

  align-items: center;

}



.visa-container .can-box h4 {

  color: var(--success-green);

}



.visa-container .cannot-box h4 {

  color: var(--error-red);

}



 

.visa-container .visa-list {

  list-style: none;

  padding: 0;

  margin: 0;

}



.visa-container .visa-list li {

  position: relative;

  padding-left: 35px;

  margin-bottom: 15px;

  font-weight: 500;

  color: #333;

}



 

.visa-container .visa-list li::before {

  content: '';

  position: absolute;

  left: 0;

  top: 4px;

  width: 22px;

  height: 22px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 12px;

  font-weight: bold;

}



.visa-container .can-box .visa-list li::before {

  content: '✓';

  background: var(--success-green);

  color: white;

}



.visa-container .cannot-box .visa-list li::before {

  content: '✕';

  background: var(--error-red);

  color: white;

}

 

.visa-container .footer-note {

  padding: 30px 40px;

  background: #fdfdfd;

  border-top: 1px solid #eee;

  text-align: center;

  color: #000000;

 

}



 

@media (max-width: 768px) {

  .visa-container .status-column {

    margin-bottom: 20px;

  }



  .visa-container .header-box {

    padding: 30px 20px;

  }

}



.doc-timeline-section {

   background: #f8f6ef;

 }



 .doc-timeline-section .doc-timeline-section__wrapper {

   max-width: 900px;

   margin: 0 auto;

 }



 .doc-timeline-section .doc-timeline-section__header {

   margin-bottom: 3rem;

 }



 .doc-timeline-section .doc-timeline-section__icon {

   width: 64px;

   height: 64px;

   margin:0 auto 1rem 0;

   border-radius: 50%;

   background: #ffffff;

   color: #1f3b57;

   display: flex;

   align-items: center;

   justify-content: center;

   font-size: 28px;

   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

 }



 .doc-timeline-section .doc-timeline-section__title {

   font-size: 28px;

   font-weight: 700;

   color: #1f2933;

   margin-bottom: 0.5rem;

 }



 .doc-timeline-section .doc-timeline-section__subtitle {

   font-size: 20px;

   font-weight: 600;

   color: #1f3b57;

   margin-bottom: 0.75rem;

 }



 .doc-timeline-section .doc-timeline-section__text {

   font-size: 16px;

   color: #000000;

   margin: 0;

 }



 .doc-timeline-section .doc-timeline-section__timeline {

   position: relative;

   padding-left: 40px;

 }



 .doc-timeline-section .doc-timeline-section__timeline::before {

   content: "";

   position: absolute;

   left: 28px;

   top: 10px;

   bottom: 10px;

   width: 2px;

   background: #d6c9a8;

 }



 .doc-timeline-section .doc-timeline-section__item {

   position: relative;

   display: flex;

   align-items: center;

   gap: 1.25rem;

   margin-bottom: 1.5rem;

 }



 .doc-timeline-section .doc-timeline-section__marker {

   position: absolute;

   left: -40px;

   width: 56px;

   height: 56px;

   border-radius: 50%;

   background: #1f3b57;

   color: #ffffff;

   display: flex;

   align-items: center;

   justify-content: center;

   font-size: 22px;

   z-index: 2;

   box-shadow: 0 8px 22px rgba(31, 59, 87, 0.25);

 }



 .doc-timeline-section .doc-timeline-section__content {

   width: 100%;

   background: #ffffff;

   border-radius: 18px;

   padding:1.25rem 2.5rem;

   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);

 }



 .doc-timeline-section .doc-timeline-section__content p {

   margin: 0;

   font-size: 16px;

   color: #000000;

   font-weight: 500;

 }



 .doc-timeline-section .doc-timeline-section__note {

   margin-top: 2rem;

   background: #1f3b57;

   color: #ffffff;

   border-radius: 18px;

   padding: 1.25rem 1.5rem;

   display: flex;

   align-items: center;

   gap: 1rem;

 }



 .doc-timeline-section .doc-timeline-section__note i {

   font-size: 24px;

   flex-shrink: 0;

 }



 .doc-timeline-section .doc-timeline-section__note p {

   margin: 0;

   font-size: 16px;

 }



 

 @media (max-width: 767px) {

   .doc-timeline-section .doc-timeline-section__title {

     font-size: 28px;

   }



   .doc-timeline-section .doc-timeline-section__subtitle {

     font-size: 18px;

   }



   .doc-timeline-section .doc-timeline-section__timeline {

     padding-left: 32px;

   }



   .doc-timeline-section .doc-timeline-section__timeline::before {

     left: 20px;

   }



   .doc-timeline-section .doc-timeline-section__marker {

     left: -32px;

     width: 42px;

     height: 42px;

     font-size: 18px;

   }



   .doc-timeline-section .doc-timeline-section__content {

     padding: 1rem;

   }



   .doc-timeline-section .doc-timeline-section__note {

     align-items: flex-start;

   }

 }



.visa-guidance-section {

  padding: 70px 0;

  background: #f8fafc;

}



.visa-guidance-section .visa-guidance-section__card {

  height: 100%;

  background: #ffffff;

  padding: 30px;

  border-radius: 18px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

  border-top:4px solid #cec8af;

  transition: all 0.3s ease;

}



.visa-guidance-section .visa-guidance-section__card:hover {

  transform: translateY(-6px);

}



.visa-guidance-section .visa-guidance-section__icon {

  font-size: 38px;

  color: #000000;

  margin-bottom: 18px;

  display: inline-block;

}



.visa-guidance-section .visa-guidance-section__card h3 {

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 8px;

  color: #1f2937;

}



.visa-guidance-section .visa-guidance-section__card h5 {

  font-size: 16px;

  font-weight: 600;

  color: #0d6efd;

  margin-bottom: 18px;

}



.visa-guidance-section .visa-guidance-section__card ul {

  padding-left: 20px;

  margin-bottom: 22px;

}



.visa-guidance-section .visa-guidance-section__card ul li {

  margin-bottom: 10px;

  color: #4b5563;

  line-height: 1.6;

}



.visa-guidance-section .visa-guidance-section__card p {

  margin-bottom: 0;

  font-weight: 500;

  color: #374151;

  line-height: 1.6;

  font-size: 16px;

}



@media (max-width: 767px) {

  .visa-guidance-section {

    padding: 45px 0;

  }



  .visa-guidance-section .visa-guidance-section__card {

    padding: 24px;

  }



  .visa-guidance-section .visa-guidance-section__card h3 {

    font-size: 21px;

  }

}



 



.visa-wrapper {

 

  display: flex;

  align-items: center;

  padding: 70px 0;

  position: relative;

  overflow: hidden;

}



.visa-wrapper::before,

.visa-wrapper::after {

  content: "";

  position: absolute;

  width: 260px;

  height: 260px;

  border-radius: 50%;

  background: rgba(13, 110, 253, 0.08);

  z-index: 0;

}



.visa-wrapper::before {

  top: -90px;

  right: 8%;

}



.visa-wrapper::after {

  bottom: -110px;

  left: 7%;

  background: rgba(25, 135, 84, 0.08);

}



.visa-wrapper .container {

  position: relative;

  z-index: 1;

}



.visa-wrapper .visa-card {

    background: rgba(255, 255, 255, 0.88);

      backdrop-filter: blur(16px);

      border: 1px solid rgb(164 164 164 / 80%);

      border-radius: 30px;

      overflow: hidden;

}



.visa-wrapper .visa-card .visa-header {

  background: linear-gradient(135deg, #f0eee6, #f0eee6);

  padding: 42px;

  color: #ffffff;

  position: relative;

  overflow: hidden;

}



.visa-wrapper .visa-card .visa-header::after {

  content: "";

  position: absolute;

  width: 190px;

  height: 190px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.12);

  right: -60px;

  top: -60px;

}

 



.visa-wrapper .visa-card .visa-header h1 {

  font-size: 28px;

    font-weight: 600;

    line-height: 1.15;

    margin-bottom: 14px;

    max-width: 690px;

}



.visa-wrapper .visa-card .visa-header p {

  font-size: 16px;

  line-height: 1.7;

  color: black;

}



.visa-wrapper .visa-card .visa-body {

  padding: 42px;

}



.visa-wrapper .visa-card .visa-body .intro-card {

  background: #f0eee6;

  border: 1px solid #e3edff;

  border-radius: 22px;

  padding: 26px;

  height: 100%;

  transition: 0.3s ease;

}



.visa-wrapper .visa-card .visa-body .intro-card:hover {

  transform: translateY(-5px);

  box-shadow: 0 18px 40px rgba(13, 110, 253, 0.1);

}



.visa-wrapper .visa-card .visa-body .intro-card .icon-circle {

  width: 58px;

  height: 58px;

  border-radius: 18px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #ffffff;

  color: #000000;

  font-size: 28px;

  margin-bottom: 18px;

}



.visa-wrapper .visa-card .visa-body .intro-card h4 {

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 12px;

  color: #111827;

}



.visa-wrapper .visa-card .visa-body .intro-card p {

  color: #000000;

  margin: 0;

  font-size: 15px;

}



.visa-wrapper .visa-card .visa-body .apply-box {

  margin-top: 32px;

  padding: 32px;

  border-radius: 26px;

  background: linear-gradient(135deg, #ffffff, #f7fbff);

  border: 1px solid #e6eef8;

}



.visa-wrapper .visa-card .visa-body .apply-box h3 {

  font-weight: 600;

    color: #000000;

    margin-bottom: 24px;

    font-size: 20px;

}



.visa-wrapper .visa-card .visa-body .apply-box .step {

  display: flex;

  gap: 18px;

  padding: 10px 10px;

  border-radius: 18px;

  background: #ffffff;

  border: 1px solid #eef2f7;

  margin-bottom: 16px;

  transition: 0.3s ease;

}

.visa-wrapper .visa-header h6{

  font-size: 22px;

  font-weight: 600;

  color: black;

}













.visa-wrapper .visa-card .visa-body .apply-box .step:hover {

  border-color: #bad7ff;

  transform: translateX(5px);

}



.visa-wrapper .visa-card .visa-body .apply-box .step:last-child {

  margin-bottom: 0;

}



.visa-wrapper .visa-card .visa-body .apply-box .step .step-icon {

  width: 46px;

  height: 46px;

  min-width: 46px;

  border-radius: 50%;

  background: #f2f2f2;

  color: #c5bb93;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 16px;

}



.visa-wrapper .visa-card .visa-body .apply-box .step .step-content h5 {

  font-size: 17px;

  font-weight: 700;

  margin-bottom: 4px;

  color: #1f2937;

}



.visa-wrapper .visa-card .visa-body .apply-box .step .step-content p {

  color: #000000;

  line-height: 1.6;

  margin: 0;

  font-size: 14px;

}



.visa-wrapper .visa-card .visa-body .final-note {

  margin-top: 32px;

  padding: 12px 10px;

  border-radius: 24px;

  background: linear-gradient(135deg, #555555, #797979);

  color: #ffffff;

  display: flex;

  gap: 18px;

  align-items: flex-start;

 

}



.visa-wrapper .visa-card .visa-body .final-note i {

  font-size: 22px;

    color: #ffe08a;

    margin-top: 2px;

}



.visa-wrapper .visa-card .visa-body .final-note p {

  font-size: 17px;

  line-height: 1.75;

  margin: 0;

}



@media (max-width: 767px) {

  .visa-wrapper {

    padding: 35px 0;

  }



  .visa-wrapper .visa-card .visa-header,

  .visa-wrapper .visa-card .visa-body {

    padding: 28px;

  }



  .visa-wrapper .visa-card .visa-body .final-note {

    flex-direction: column;

  }

}





.visa-modern-layout{

  --brand-primary: #0f172a;

  --brand-accent: #38bdf8;

  --bg-light: #f1f5f9;

}



.visa-modern-layout {

  

  background-color: var(--bg-light);

  padding: 100px 0;

  color: var(--brand-primary);

}



 

.visa-modern-layout .sticky-column {

  position: sticky;

  top: 50px;

}



.visa-modern-layout .main-title {

  font-weight: 600;

  font-size: 34px;

  line-height: 1.1;

  margin-bottom: 24px;

  background: linear-gradient(135deg, #0f172a 0%, #334155 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



 

.visa-modern-layout .step-container {

  display: flex;

  flex-direction: column;

  gap: 24px;

}



.visa-modern-layout .step-card {

  background: #ffffff;

  border-radius: 32px;

  padding: 40px;

  border: 1px solid rgba(0, 0, 0, 0.05);

  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

  position: relative;

  display: flex;

  align-items: flex-start;

  gap: 25px;

}



.visa-modern-layout .step-card:hover {

  transform: scale(1.02);

  box-shadow: 0 30px 60px -15px rgba(15, 23, 42, 0.1);

  border-color: var(--brand-accent);

}



 

.visa-modern-layout .step-card .icon-circle {

  min-width: 58px;

  height: 58px;

  background: var(--brand-primary);

  color: white;

  border-radius: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 1.8rem;

  transition: transform 0.5s ease;

}



.visa-modern-layout .step-card:hover .icon-circle {

  background: var(--brand-accent);

  transform: rotate(-10deg);

}



 

.visa-modern-layout .step-card h3 {

  font-weight: 600;

  font-size: 22px;

  margin-bottom: 8px;

}



.visa-modern-layout .step-card .sub-text {

  color: var(--brand-accent);

  font-weight: 600;

  font-size: 0.9rem;

  text-transform: uppercase;

  letter-spacing: 1px;

  display: block;

  margin-bottom: 12px;

}



.visa-modern-layout .step-card .content-body {

  color: #000000;

  font-size: 16px;

  line-height: 1.6;

  max-width: 500px;

}



 

.visa-modern-layout .step-card .step-number {

  position: absolute;

  top: 30px;

  right: 40px;

  font-size: 4rem;

  font-weight: 800;

  color: rgba(15, 23, 42, 0.03);

  user-select: none;

}



@media (max-width: 991px) {

  .visa-modern-layout .main-title {

    font-size: 30px;

    text-align: center;

  }



  .visa-modern-layout .sticky-column {

    position: relative;

    top: 0;

    margin-bottom: 50px;

  }



  .visa-modern-layout .step-card {

    flex-direction: column;

    padding: 30px;

  }



  .visa-modern-layout .step-number {

    top: 10px;

    right: 20px;

    font-size: 2.5rem;

  }

}





 .hero ,

 .streams-section  {

   --gold: #c9a84c;

   --gold-light: #e8c97a;

   --gold-pale: #f5e9c8;

   --navy: #0b1e3d;

   --navy-mid: #132a52;

   --navy-light: #1e3f70;

   --cream: #faf7f1;

   --text-body: #2c2c2c;

   --text-muted: #6b7280;

   --card-bg: #ffffff;

   --border-light: rgba(201, 168, 76, 0.25);

   --shadow-card: 0 8px 40px rgba(11, 30, 61, 0.10);

   --shadow-hover: 0 20px 60px rgba(11, 30, 61, 0.18);

   --radius: 20px;

   --radius-sm: 12px;

 }

  

 

 .hero {

   background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 55%, var(--navy-light) 100%);

   position: relative;

   overflow: hidden;

   padding: 40px 0 80px;

 }



 .hero::before {

   content: '';

   position: absolute;

   inset: 0;

   background:

     radial-gradient(ellipse 60% 50% at 80% 30%, rgba(201, 168, 76, 0.15) 0%, transparent 70%),

     radial-gradient(ellipse 40% 60% at 10% 80%, rgba(201, 168, 76, 0.08) 0%, transparent 70%);

   pointer-events: none;

 }



 .hero::after {

   content: '';

   position: absolute;

   bottom: -2px;

   left: 0;

   right: 0;

   height: 80px;

   background: #ffffff;

   clip-path: ellipse(55% 100% at 50% 100%);

 }



 .hero-badge {

   display: inline-flex;

   align-items: center;

   gap: 8px;

   background: rgba(201, 168, 76, 0.18);

   border: 1px solid rgba(201, 168, 76, 0.4);

   color: var(--gold-light);

   font-size: 0.78rem;

   font-weight: 600;

   letter-spacing: 0.12em;

   text-transform: uppercase;

   padding: 6px 18px;

   border-radius: 50px;

   margin-bottom: 24px;

   animation: fadeDown 0.7s ease both;

 }



 .hero-title {

   

      font-size: 36px;

        font-weight: 600;

   color: #ffffff;

   line-height: 1.15;

   margin-bottom: 10px;

   animation: fadeDown 0.85s ease both;

 }



 .hero-title span {

   color: var(--gold);

 }



 .hero-subtitle {

   

   font-size: clamp(1.1rem, 2.5vw, 1.5rem);

   font-weight: 400;

   color: rgba(255, 255, 255, 0.65);

   font-style: italic;

   margin-bottom: 28px;

   animation: fadeDown 1s ease both;

 }



 .hero-desc {

   font-size: 1.05rem;

   color: rgba(255, 255, 255, 0.72);

   font-weight: 300;

   max-width: 560px;

   line-height: 1.8;

   animation: fadeDown 1.1s ease both;

 }



 .hero-flag {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: center;

   animation: fadeIn 1.2s ease both;

 }



 .flag-ring {

   width: 260px;

   height: 260px;

   border-radius: 50%;

   border: 2px solid var(--border-light);

   display: flex;

   align-items: center;

   justify-content: center;

   position: relative;

 }



 .flag-ring::before {

   content: '';

   position: absolute;

   inset: -12px;

   border-radius: 50%;

   border: 1px dashed rgba(201, 168, 76, 0.25);

 }



 .flag-icon-wrap {

   width: 200px;

   height: 200px;

   border-radius: 50%;

   background: linear-gradient(145deg, var(--navy-light), var(--navy));

   display: flex;

   align-items: center;

   justify-content: center;

   font-size: 5rem;

   box-shadow: 0 0 60px rgba(201, 168, 76, 0.2), inset 0 0 30px rgba(0, 0, 0, 0.2);

  color: #c9a84c;

 }



 .hero-stat {

   position: absolute;

   background: rgba(255, 255, 255, 0.07);

   backdrop-filter: blur(8px);

   border: 1px solid rgba(255, 255, 255, 0.12);

   border-radius: var(--radius-sm);

   padding: 10px 16px;

   color: white;

   font-size: 0.82rem;

   font-weight: 500;

 }



 .hero-stat strong {

   display: block;

   color: var(--gold);

   font-size: 1.3rem;

   font-weight: 700;

 }



 .hero-stat:nth-child(2) {

   top: 10px;

   right: -10px;

 }



 .hero-stat:nth-child(3) {

   bottom: 20px;

   left: -10px;

 }



 /* ── SECTION TITLE ── */

 .section-eyebrow {

   font-size: 0.75rem;

   font-weight: 700;

   letter-spacing: 0.18em;

   text-transform: uppercase;

   color: var(--gold);

   margin-bottom: 8px;

 }



 .section-title {

   

   font-size: clamp(1.8rem, 3.5vw, 2.6rem);

   font-weight: 700;

   color: var(--navy);

   line-height: 1.2;

 }



 .gold-line {

   width: 48px;

   height: 3px;

   background: var(--gold);

   border-radius: 2px;

   margin: 16px 0 24px;

 }



  

 .streams-section {

   padding: 0px 0 80px;

 }



 .stream-card {

   background: var(--card-bg);

   border-radius: var(--radius);

   border: 1px solid rgba(201, 168, 76, 0.12);

   box-shadow: var(--shadow-card);

   overflow: hidden;

   position: relative;

   transition: transform 0.35s ease, box-shadow 0.35s ease;

   height: 100%;

 }



 .stream-card:hover {

   transform: translateY(-8px);

   box-shadow: var(--shadow-hover);

 }



 .stream-card:hover .card-accent {

   width: 100%;

 }



 .card-accent {

   position: absolute;

   top: 0;

   left: 0;

   height: 4px;

   width: 60px;

   border-radius: 0 0 4px 0;

   transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);

 }



 .card-inner {

   padding: 36px 32px 32px;

 }



 .card-icon-wrap {

   width: 58px;

   height: 58px;

   border-radius: 16px;

   display: flex;

   align-items: center;

   justify-content: center;

   font-size: 1.5rem;

   margin-bottom: 22px;

   flex-shrink: 0;

 }



 .stream-num {

   

   font-size: 0.75rem;

   font-weight: 700;

   letter-spacing: 0.12em;

   text-transform: uppercase;

   margin-bottom: 6px;

 }



 .stream-name {

   

   font-size: 1.18rem;

   font-weight: 700;

   color: var(--navy);

   margin-bottom: 14px;

   line-height: 1.3;

 }



 .stream-desc {

   font-size: 0.92rem;

   color:#000000;

   line-height: 1.75;

   margin: 0;

 }



 

 .card-1 .card-accent {

   background: linear-gradient(90deg, #c9a84c, #e8c97a);

 }



 .card-1 .card-icon-wrap {

   background: linear-gradient(135deg, #fff9ec, #fdefc4);

   color: #b5872c;

 }



 .card-1 .stream-num {

   color: #b5872c;

 }



 .card-2 .card-accent {

   background: linear-gradient(90deg, #1e6fb5, #4ca6e8);

 }



 .card-2 .card-icon-wrap {

   background: linear-gradient(135deg, #eef6ff, #cce5ff);

   color: #1e6fb5;

 }



 .card-2 .stream-num {

   color: #1e6fb5;

 }



 .card-3 .card-accent {

   background: linear-gradient(90deg, #2a9d6f, #4ec99a);

 }



 .card-3 .card-icon-wrap {

   background: linear-gradient(135deg, #eafaf3, #c3f0de);

   color: #1f8a5f;

 }



 .card-3 .stream-num {

   color: #1f8a5f;

 }



 .card-4 .card-accent {

   background: linear-gradient(90deg, #e05c5c, #f59292);

 }



 .card-4 .card-icon-wrap {

   background: linear-gradient(135deg, #fff0f0, #ffd4d4);

   color: #c93030;

 }



 .card-4 .stream-num {

   color: #c93030;

 }



 .card-5 .card-accent {

   background: linear-gradient(90deg, #7c5cbf, #b08ee8);

 }



 .card-5 .card-icon-wrap {

   background: linear-gradient(135deg, #f3eeff, #ddd0f8);

   color: #6444b0;

 }



 .card-5 .stream-num {

   color: #6444b0;

 }



 .card-6 .card-accent {

   background: linear-gradient(90deg, #d97f2d, #f5b164);

 }



 .card-6 .card-icon-wrap {

   background: linear-gradient(135deg, #fff6ed, #ffe0bc);

   color: #c46a15;

 }



 .card-6 .stream-num {

   color: #c46a15;

 }



 /* ── FOOTER BANNER ── */

 .footer-banner {

   background: linear-gradient(120deg, var(--navy) 0%, var(--navy-mid) 100%);

   border-radius: var(--radius);

   padding: 48px 48px;

   position: relative;

   overflow: hidden;

 }



 .footer-banner::before {

   content: '';

   position: absolute;

   top: -40px;

   right: -40px;

   width: 220px;

   height: 220px;

   border-radius: 50%;

   border: 40px solid rgba(201, 168, 76, 0.08);

 }

 



 .banner-title {

   

   color: #fff;

   font-size: clamp(1.3rem, 3vw, 1.9rem);

   font-weight: 700;

   margin-bottom: 10px;

 }



 .banner-sub {

   color: rgba(255, 255, 255, 0.6);

   font-size: 0.95rem;

   font-weight: 300;

 }



 .banner-icon-row {

   display: flex;

   gap: 12px;

   flex-wrap: wrap;

   align-items: center;

   justify-content: flex-end;

 }



 .banner-chip {

   display: inline-flex;

   align-items: center;

   gap: 6px;

   background: rgba(255, 255, 255, 0.08);

   border: 1px solid rgba(255, 255, 255, 0.12);

   color: rgba(255, 255, 255, 0.8);

   padding: 7px 16px;

   border-radius: 50px;

   font-size: 0.83rem;

   font-weight: 500;

 }



 .banner-chip i {

   color: var(--gold-light);

 }

 

 @keyframes fadeDown {

   from {

     opacity: 0;

     transform: translateY(-20px);

   }



   to {

     opacity: 1;

     transform: translateY(0);

   }

 }



 @keyframes fadeIn {

   from {

     opacity: 0;

   }



   to {

     opacity: 1;

   }

 }



 /* ── RESPONSIVE ── */

 @media (max-width: 991px) {

   .hero {

     padding: 70px 0 90px;

   }



   .flag-ring {

     width: 200px;

     height: 200px;

   }



   .flag-icon-wrap {

     width: 155px;

     height: 155px;

     font-size: 3.8rem;

   }



   .footer-banner {

     padding: 36px 28px;

   }



   .banner-icon-row {

     justify-content: flex-start;

     margin-top: 24px;

   }

 }



 @media (max-width: 575px) {

   .card-inner {

     padding: 28px 22px 24px;

   }



   .hero-desc {

     font-size: 0.95rem;

   }



   .hero-stat {

     display: none;

   }

 }





.mosaic-visa-wrapper {

  --deep-space: #05070a;

  --electric-indigo: #6366f1;

  --glass-white: rgba(255, 255, 255, 0.03);

  --border-light: rgba(255, 255, 255, 0.1);

}



 



 

.mosaic-visa-wrapper {

  padding:50px 0;

  background:#15181e;

}



 

.mosaic-visa-wrapper .main-display-title {

  text-align: center;

  font-weight: 600;

  font-size: 42px;

  margin-bottom: 40px;

  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.4) 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



 

.mosaic-visa-wrapper .grid-container-custom {

  display: grid;

  grid-template-columns: repeat(12, 1fr);

  gap: 24px;

}



 

.mosaic-visa-wrapper .mosaic-item-base {

  background: var(--glass-white);

  border: 1px solid var(--border-light);

  padding: 20px 20px;

  border-radius: 32px;

  backdrop-filter: blur(12px);

  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

  position: relative;

  overflow: hidden;

}



.mosaic-visa-wrapper .mosaic-item-base:hover {

  border-color: var(--electric-indigo);

  background: rgba(255, 255, 255, 0.05);

  transform: scale(1.02);

}



 

.mosaic-visa-wrapper .item-span-7 {

  grid-column: span 7;

}



.mosaic-visa-wrapper .item-span-5 {

  grid-column: span 5;

}



.mosaic-visa-wrapper .item-span-4 {

  grid-column: span 4;

}



.mosaic-visa-wrapper .item-span-8 {

  grid-column: span 8;

}



.mosaic-visa-wrapper .item-span-12 {

  grid-column: span 12;

}



 

.mosaic-visa-wrapper .item-label-num {

  

  color: var(--electric-indigo);

  font-weight: 700;

  font-size: 1.1rem;

  margin-bottom: 1rem;

  display: block;

}



.mosaic-visa-wrapper .item-main-title {

  font-size: 20px;

    font-weight: 600;

  margin-bottom: 12px;

  color: white;

}



.mosaic-visa-wrapper .item-sub-tag {

  color: #bbbcff;

  font-weight: 500;

  font-size: 0.9rem;

  display: block;

  margin-bottom: 24px;

  text-transform: uppercase;

  letter-spacing: 1px;

}



.mosaic-visa-wrapper .item-para-text {

  color: #d2d2d2;

  line-height: 1.6;

  font-weight: 300;

  font-size: 1.05rem;

}



 

.mosaic-visa-wrapper .glowing-orb {

  position: absolute;

  width: 150px;

  height: 150px;

  background: var(--electric-indigo);

  filter: blur(80px);

  opacity: 0.2;

  top: -50px;

  right: -50px;

  z-index: -1;

}



 

@media (max-width: 991px) {



  .mosaic-visa-wrapper .item-span-7,

  .mosaic-visa-wrapper .item-span-5,

  .mosaic-visa-wrapper .item-span-4,

  .mosaic-visa-wrapper .item-span-8 {

    grid-column: span 12;

  }

}

.btn_v1{

 color:black;

 font-size: 14px;

 &:hover{

     color:rgb(13 110 253);

     transition:0.5s all ease;

 }

}



   

  

.marn {

    --ink: #1f2937;

    --muted: #000;

    --line: #e5e7eb;

    --navy: #0c447c;

    --navy-bg: #e6f1fb;

    --ok: #27500a;

    --ok-bg: #eaf3de;

    

    color: var(--ink);

  }

.marn-card {

    background:#ffffffed;

    border: 1px solid var(--line);

    border-radius: 12px;

    padding: 16px 20px;

    max-width: 583px;

  }

  .marn-card .top {

    display: flex;

    gap: 12px;

    align-items: center;

  }

  .marn-card .icon {

    width: 44px;

    height: 44px;

    border-radius: 50%;

    background: var(--navy-bg);

    color: var(--navy);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    flex-shrink: 0;

  }

  .marn-card .title {

    margin: 0;

    font-weight: 600;

    font-size:16px!important;

    color:black!important;

  }

  .marn-card .sub {

    margin: 0;

    font-size: 12px!important;

    color: black!important;

  }

  .marn-card .bottom {

    border-top: 1px solid var(--line);

    margin-top: 12px;

    padding-top: 10px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    font-size: 14px;

  }

  

  .marn_link{

    background: #ffffff;

    color: #000000;

    padding: 4px 14px;

    border: 2px solid #bcbcbc;

    border-radius: 5px;

    text-decoration: none;

    font-size: 13px;

    font-weight: 400;

  }  

  

  .right_icon_badge{

        margin-left: auto;

    font-size: 14px;

    font-weight: 400;

    /* background: white; */

    border: 2px solid #dedede;

    padding: 2px 8px;

    border-radius: 4px;

  }

  

  

  

  

.govt_link_bottom{

      font-size: 12px !important;

    margin-top: 10px;

  a{

      text-decoration:underline!important;

  }

}