/* header */
body
{
  font-family: var(--body-fontFamily);
}
a{
  text-decoration: none;
  color: inherit;
}
@keyframes trin {
  
    from {
        transform:rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }
    80% {
        transform:rotate3d(0, 0, 1, 0deg);
    }
  
}
.btn-quote{
    border: 1px solid var(--primary-color);
    padding: 8px 24px;
}
.btn-box{
    margin: auto;
}
.icons{
    background-color: #003054;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.text-aboutHeading{
  font-size: 11px;
  color: #808080c9;
}
.hding{
    font-size: 14px;
    font-weight: 600;
}
.servs p {
    margin: 5px 0;
    /* color: #fff; */
}
.icon-box a{
  position: relative;
  font-weight: 800;
  display: flex;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1;
  align-items: center;
  justify-content: start;
  gap: 20px;
}
.prop-Srvics{
    font-size: 12px;
}
.name-Country {
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  margin-top: 8px !important;
}
.rounded-circle{
  width: 150px; 
  height: 150px;
  margin: auto;
}
.ctaInfoContainer{
  /* width: 40%; */
  background-color: #191919;
  padding: 30px;
}
.ctaInfoContainer{
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background: #003054;
  border-radius: 50px 0px 0px 0px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 12px;  
}
.ctaInfoContainer p{
  color: #fff;
  font-size: 14px;
}
.ctaInfoContainer h3{
  color: #fff;
}
.ctaInfoContainer .callNumber{
  color: #e5b20a;
}
.indicate-btn
{
    z-index:3;
bottom: 170px;
width: 120px;
margin-left: auto;
margin-right: auto;
}
.indicate-btn button{
border-radius: 50%;
height: 10px !important;
width: 10px !important;
}
.ctaInfoContainer .slider-btn.solid a {
  color: #01233D! important;
}
.ctaTeamConatiner{
  background-color: #E4ECFC;
  padding: 12px;
  border-radius: 0px 0px 50px 0px;
}
.ctaTeamConatiner .teamPic{
  width: 100% !important;
  margin: auto;
}
/* slide btn */

.slider-btn i {
  color: #fff;
  font-size: 20px;
}

.slider-btn a {
  color: var(--white-color);
  text-decoration: none;
  letter-spacing: 1px;
  position: relative;
  left: 0;
  transition: all .35s ease-Out;
}
.slider-btn.solid {
  background: #003054;
}
  
.dub-arrow {
  width: 100%;
  height: 100%;
  background: #003054;
  left: -200px;
  position: absolute;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .35s ease-Out;
  bottom: 0;
}
.slider-btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif;
  line-height: normal;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  overflow: hidden;
  z-index: 1;
  transition: all 0.5s ease 0s;
  padding: 15px 32px;
  background-color: transparent;
  border: 1px solid #003054;
  border-radius: 3px;
  color: #003054;
  cursor: pointer;
  margin-right: 18px;
  margin: 0px auto !important;
}

.slider-btn.solid .dub-arrow{
  background-color:#E6F0F9;
}
.slider-btn.solid .dub-arrow i{
  color: #003054;
}
.slider-btn i {
  color: #fff;
  font-size: 20px;
}

.slider-btn:hover .dub-arrow {
  left: 0;
}

.slider-btn:hover a {
  left: 150px;
}




/* slider section */
.slidered{
    padding: 0px;
}
.slidered {
    position: relative;
}
.appointment-form {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  padding-bottom: 0px !important;
  width: 90%;
  z-index:2;
}

.form-heading {
  background-color: var(--secondary-color);
  position: relative;
  width: 250px;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
}

.form-heading h4 {
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.form-box {
    position: relative; /* Change absolute to relative */
    background: #ffffff5d;
    padding: 20px;
    width: 100%;
}

.appointment-form .form-control {
    margin-bottom: 15px;
    border-radius: 3px;
}

.carousel-caption h5, .carousel-caption p {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.choices__list--single {
    display: inline-block;
    padding: 8px 4px 0px 12px !important;
    width: 100%;
    border: none;
}
.sliterText{
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0px;
    padding-top:6px;
}
.writeTextSlider
{
max-width: 600px;
margin: auto;
margin-left: 70px;
width: 90%;
text-align: left;
}
.priColordText{
    font-weight: 900;
}

.text-slide {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.btn-index{
display: flex;
flex-direction: row;
justify-content: left;
}
.colord-Text{
color: var(--secondary-color);
}
.button-Box{
  margin: auto;
  margin-top: 5px;
}
.makebtnBorder {
  border: 1px solid var(--primary-color);
  width: 180px;
  padding: 2px;
  border-radius: 0px;
  margin: auto;
}

.btn-submited {
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
  color: var(--secondary-color);
  font-weight: 600;
  width: 174px;
  padding: 10px;
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  display: flex;
  font-size: 17px;
  align-items: center;
  justify-content: center;
}

.btn-text {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.btn-arrow {
  position: absolute;
  left: -30px; /* Start position outside button */
  opacity: 0;
  transition: left 0.3s ease, opacity 0.3s ease;
  font-size: 24px;
  font-weight: 600;
  color: var(--secoundary-color) !important;
}

.btn-submited:hover {
  background-color: var(--primary-color) !important; /* Change to red on hover */
  border-color: var(--primary-color) !important;
  color: var(--secoundary-color) !important;
  
}

.btn-submited:hover .btn-text {
  transform: translateX(20px);
  opacity: 0;
  font-weight: 600;
}

.btn-submited:hover .btn-arrow {
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  color: var(--secoundary-color) !important;
}
.btn-submited:hover .btn-arrow .angle-left
{
  color: var(--secondary-color);
}
.inp-Fcs:focus{
  box-shadow: none;
  border:1px solid var(--primary-color);
  outline: var(--primary-color);
}

/* btn enquiry */

 .rosie-sr-3
 {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    border-bottom:0;
    display: inline-flex ;
    align-items: center;
    gap: 5px;
    border-radius: 3px ;
    font-family: sans-serif ;
    font-size: 14px ;
    padding: 10px 20px ;
    text-align: center ;
    font-weight: bold ;
    width:170px;
    box-sizing: border-box;
    transition: all 0.1s ease;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 30px; 
 }
.rosie-sr-3:hover,.rosie-sr-3:focus,.rosie-sr-3:active {
  background: var(--secondary-color)!important;
  color:var(--primary-color) !important;
  border: 0;
  border-right: 5px solid var(--primary-color)!important;
}
.my-arw{
  font-size: 20px;
  margin-left: 5px;
  color: var(--primary-color);
}


.btn-contactslider:hover
{
  border: 1px solid var(--white-color);
  color: var(--white-color);
}
.secoundslide-button {
  width: 180px;
  padding: 2px;
  border-radius: 0px;
  margin: auto;
  margin-left: 30px;
  margin-right: 0px;
}
.btn-text {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.btn-arrow {
  position: absolute;
  left: -30px; /* Start position outside button */
  opacity: 0;
  transition: left 0.3s ease, opacity 0.3s ease;
  font-size: 24px;
  font-weight: 600;
  color: var(--secoundary-color) !important;
}
.btn-contactslider {
  border: 1px solid var(--white-color);
  color: var(--white-color);
  font-weight: 600;
  width: 174px;
  padding: 10px 20px;
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  display: flex;
  font-size: 17px;
  align-items: center;
  justify-content: center;
}
.btn-contactslider:hover {
 
  color: var(--white-color) !important;
  
}

.btn-contactslider:hover .btn-text {
  transform: translateX(20px);
  opacity: 0;
}

.btn-contactslider:hover .btn-arrow {
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  color: var(--white-color) !important;
}
.btn-contactslider:hover .btn-arrow .angle-left
{
  color: var(--white-color);
}
/* enquiry btn end*/
.chooseusaboutText
{
  text-align: justify;
}
.chooseus-headText
{
  color: var(--primary-color);
  font-size: 1.5rem;
  font-weight: 600;
}
.choose-head
{
  padding-right: 20px;
}
.fs--105
{
  font-size: 18px;
}
.name-serviceschoose{
  font-size: 15px;
  font-weight: 600;
}
/* enquire now btn for services start */
.btn-enquirenow
{ 
  background-color: var(--secondary-color);
  color: var(--primary-color);
  border: 0;
  border-bottom: 5px solid var(--primary-color);
  display: inline-flex ;
  align-items: center;
  gap: 5px;
  border-radius: 3px ;
  font-family: sans-serif ;
  font-size: 14px ;
  padding: 10px 15px;
  text-align: center ;
  font-weight: bold ;
  width:160px;
  box-sizing: border-box;
  /* transition: all 0.4s ease-out; */
  margin-bottom: 5px;
  margin-top: 5px;
}
.btn-enquirenow:hover,.btn-enquirenow:active,.btn-enquirenow:focus
{ 
  border: 0;
  border-right: 5px solid var(--primary-color)!important;
  color: var(--primary-color) !important;
  background-color: var(--secondary-color)!important;
  padding-bottom: 15px;
}
.btn-enquirenow:focus, .btn-enquirenow:active{
  outline: none;
  border: none;
}
/* enquire now btn for services end*/

/* Initially hide buttons */
.carousel-control-next-icon, .carousel-control-prev-icon {
  display: none;    
}

/* vineet copy code */

.client-title {
  font-size: 28px;
  font-weight: bold;
  color: var(--primary-color);
  text-align: center;
  /* margin-bottom: 20px; */
}
.client-description {
  font-size: 16px;
  color: var(--primary-color);
  line-height: 1.6;
  max-width: 800px;
  margin: 20px auto;
}
.testimonial-slider {
  padding: 0px 25px;
  background-color: #f9f9f9;
}
.testimonial-container {
  max-width: 1200px;
  margin: 0 auto;
}
.testimonial-card {
  border: 1px solid #ddd;
  border-radius: 10px;
  /* padding: 10px; */
  text-align: left;
  position: relative;
  margin: 0 10px; /* Adds horizontal gap between cards */
}
.testimonial-header {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 12px;
  background-color: var(--tercary-color);
}
.testimonial-image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #ddd;
  object-fit: cover;
}
.testimonial-info {
  flex: 1;
}
.testimonial-name {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  color: var(--primary-color);
}
.testimonial-profession {
  font-size: 14px;
  color: var(--primary-color);
  margin: 5px 0;
}
.testimonial-body p{
  color: var(--primary-color);
}
.testimonial-quote span{
  margin-top: 28px;
  font-size: 52px;
}
.testimonial-rating .star {
  color: var(--secondary-color);
}
.testimonial-rating .star-empty {
  color: #ddd;
}
.testimonial-body {
  font-size: 14px;
  color: var(--primary-color);
  line-height: 1.6;
  margin-top: 10px;
  padding: 12px;
}
.testimonial-quote {
  position: absolute;
  top: 20px;
  right: 25px;
  background-color: var(--primary-color);
  color: var(--secondary-color);
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.immigration-container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 10px 20px; */
  /* background-color: #f4f8ff; */
}

.immigration-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  width: 100%;
  gap: 20px;
}

.immigration-image-wrapper {
  flex: 2;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.immigration-top-icons {
  position: absolute;
  top: -30px;
  display: flex;
  gap: 10px;
}

.immigration-icon-1,
.immigration-icon-2 {
  width: 60px;
  height: auto;
}

.immigration-main-image {
  width: 100%;
  max-width: 300px;
  overflow: hidden;
  border-radius: 50%;
}

.immigration-image {
  width: 100%;
  height: auto;
}

.immigration-text-wrapper {
  flex: 2;
  padding: 0px 20px;
}

.immigration-subheading {
  font-size: 0.9rem;
  /* color: #ff6f61; */
  font-weight: bold;
  margin-bottom: 10px;
}

.immigration-heading {
  font-size: 2rem;
  font-weight: bold;
  color: var(--primary-color);
  /* margin-bottom: 15px; */
}
.immigration-description
{
  text-align: justify;
}
.global
.immigration-description {
  font-size: 1rem;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.6;
  text-align: justify;
}

.immigration-feature-wrapper {
  display: flex;
  gap: 30px;
  margin-bottom: 20px;
}

.immigration-feature-1,
.immigration-feature-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.feature-icon-1,
.feature-icon-2 {
  width: 50px;
  margin-bottom: 10px;
}

.feature-title-1,
.feature-title-2 {
  font-size: 0.9rem;
  color: #0a1c49;
}

.immigration-info-wrapper {
  display: flex;
  gap: 30px;
}

.experience-info {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.experience-info i{ 
  font-size: 60px;
  margin-bottom: 10px;
}

.experience-years {
  font-size: 2rem;
  color: #0a1c49;
  font-weight: 600;
}

.experience-text {
  font-size: 0.9rem;
  color: #555;
}

.contact-info {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.contact-question {
  font-size: 1rem;
  color: #333;
}

.contact-phone strong {
  color: #ff6f61;
}

.box-wrapper{
  align-items: center;
  gap: 5px;
}
.align-box{
  width: 70px;
  height: 70px;
  color: #E5B20A;
  font-size: 60px;
  /* padding: 10px 15px; */
}
.class-text p{
  margin-bottom: 0px !important;
  font-size: 16px;
}
.class-text h6{
  font-weight: bold;
  margin-bottom: 0px !important;
  font-size: 22px;
}

.small-check-head{
  align-items: center;
  gap: 10px;
  margin-bottom: 11px;
}
.small-check-head i{
  color: #E5B20A;
}
.small-check-head h6{
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 600;
}
.addon-box{
  justify-content: space-between;
  margin-bottom: 10px;
}



.contact-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;

  /* max-width: 600px;
  width: 100%; */
  margin-top: 25px;
}

.contact-icon {
  position: relative;
  width: 50px;
  height: 50px;
  flex-shrink: 0;
 
}
.phone-icon-call i{
  font-size: 45px;
}

.phone-image {
  width: 100%;
  height: auto;
  
}

.chat-icon {
  position: absolute;
  bottom: 38px;
  right: 2px;
  width: 20px;
  height: 20px;
  color: #E5B20A;
}

.chat-icon img {
  width: 100%;
  height: auto;
}

.contact-text {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}

.contact-question {
  font-size: 1rem;
  /* color: #083d69; */
  margin-bottom: 5px;
}

.contact-number {
  font-size: 1rem;
  color: #E5B20A;
  margin-bottom: 0px;
}

.contact-number strong {
  font-weight: bold;
}

.sign-up-container{
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid ;
  margin-top: 20px;
  margin-bottom: 20px;
  gap: 50px;
  padding: 100px 25px;
  /* max-width: 900px; */
  background-color: var(--primary-color);
  }
  .circle-icon{
      padding: 25px;
      border: 2px solid var(--secondary-color);
      border-radius: 55%;
    }
    .circle-icon i{
      color: var(--secondary-color);
      font-size: 25px;
    }
    .input-heading h3{
      color: var(--secondary-color);
      margin-bottom: 10px !important;
      font-weight: 600;
      text-align: center;
    }
    .input-heading p{
      color: var(--secondary-color);
    }
    /* Section Styling */
.input-section-unique {
  position: relative;
  
  }
  .viewmoreBtn
  {
    border: 1px solid var(--primary-color);
    color: var(--secondary-color);
    width: 130px;
    margin: auto;
    border-radius: 20px;
    background-color: var(--primary-color);
    padding: 6px 10px;
    margin-bottom: 30px;
    font-weight: 600;
  }
  .viewmoreBtn:hover{
    border: 1px solid var(--secondary-color);
    background-color: var(--secondary-color);
    color: var(--primary-color);
  }
  /* Input Field */
  .input-unique {
  width: 100%;
  padding: 8px 5px 8px 8px; /* Room for button on the right */
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
  color: #333;
  background-color: #fff;
  }
  
  /* Button Styling */
  .button-unique {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100px;
  border: none;
  background-color: #d38e26; /* Blue background */
  color: var(--white-color);
  font-size: 14px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  outline: none;
  transition: background-color 0.3s ease;
  }
  
  .button-unique:hover {
  background-color: #d38e26; /* Darker blue on hover */
  }
  .steps-container {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap; 
      gap: 20px; 
  }
  .step-box {
      display: flex;
      align-items: flex-start;
      gap: 15px;
      flex: 1;
      min-width: 280px; /* Minimum width for responsiveness */
  }
  .step-number {
      font-size: 120px;
      font-weight: bold;
      color: #e9ecef; /* Light grey color for numbers */
      line-height: 1;
  }
  .step-content {
      display: flex;
      flex-direction: column;
  }
  .step-title {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
  }
  .step-description {
      font-size: 14px;
      text-align: justify;
      line-height: 1.6;
      color: #6c757d; /* Grey text color */
    }
    .features-container {
      display: grid;
      gap: 20px;
      grid-template-columns: repeat(1, 1fr); /* Default: 1 column */
      /* max-width: 1200px; */
      margin: 0 auto;
    }

    .feature-card-wrapper {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      margin-bottom: 20px;
    }
    .feature-card, .feature-card1 {
      display: flex;
      flex-direction: column;
      /* justify-content: space-between; */
      flex: 2; /* Ensure they take up equal space */
      border-radius: 8px;
      height: 100%; /* Ensures full height usage */
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .feature-card1:hover .feature-title1 {
      color: #003054; 
    }
    
    .feature-card1:hover .logic-class1 {
      color: #003054;
    }
    
    .feature-card1:hover .row.logic-class1 .bullet-col::before {
      color: #003054 !important; /* Change bullet color to black */
    }
    .feature-card {
      background-color: #E5B20A !important;
      padding: 0px 20px 20px 20px;
      border-radius: 10px;
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      display: flex;
      flex-direction: column;
      align-items: left;
      text-align: center;
    }
    
    .feature-card:hover {
      background-color: white !important;
      transform: translateY(-5px);
      box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
    }
    .feature-card:nth-child(odd) {
      background-color: #003054; /* Light gray for odd items */
      color: #DFAD61;
    }
    .feature-card1 {
      background-color: #003054;
      padding: 0px 20px 20px 20px;
      border-radius: 10px;
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      display: flex;
      flex-direction: column;
      align-items: left;
      text-align: center;
    }
    .feature-card1:hover {
      background-color: white !important;
      transform: translateY(-5px);
      box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
    }
    .feature-card {
      /* padding: 20px; */
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      color: #002b5c; /* Text color for contrast */
      /* max-width: 350px; */
    }   
    .icon-box {
      width: 60px;
      height: 60px;
      background-color: #003054;
      /* border-radius: 10px; */
      display: flex;
      color: #E5B20A;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px; /* Adds spacing below the icon box */
    }
    
    .icon-box img {
      width: 30px;
      height: auto;
    }
    .icon-box1 {
      width: 60px;
      height: 60px;
      background-color: #E5B20A;
      /* border-radius: 10px; */
      color: #003054;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px; /* Adds spacing below the icon box */
    }
    .icon-box1 img {
      width: 30px;
      height: auto;
    }
    .icon-box1 i {
      font-size: 25px;
    }
    .icon-box i {
      font-size: 25px;
    }
    .feature-title {
      font-size: 18px;
      font-weight: bold;
      color: #003054;
      margin-bottom: 20px;
    }
    .feature-title1 {
      font-size: 18px;
      font-weight: bold;
      color: #333;
      margin-bottom: 15px;
      color: #E5B20A;
    }
    .feature-card1:hover .feature-title1 {
      color: #003054; 
    }
    .feature-title {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: 15px;
    }
    .logic-class{
      color: #003054;
      text-align: start;
      font-size: 13px !important;
    }
    .logic-class1{
      
      color: #E5B20A;
      text-align: start;
      font-size: 13px !important;
    }
    .logic-class1 .bullet-col {
      position: relative; /* Ensure the bullet is positioned correctly */
      padding-left: 40px; /* Add space for the bullet */
      margin-bottom: 10px; /* Add space between items */
    }
    
    /* Custom Bullet using ::before */
    .logic-class1 .bullet-col::before {
      content: '\2022'; /* Unicode for a bullet symbol (•) */
      font-size: 20px; /* Bullet size */
      color: #E5B20A  !important; /* Bullet color */
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%); /* Vertically center the bullet */
    }
    .logic-class .bullet-col1 {
      position: relative; /* Ensure the bullet is positioned correctly */
      padding-left: 40px; /* Add space for the bullet */
      margin-bottom: 10px; /* Add space between items */
    }
    
    /* Custom Bullet using ::before */
    .logic-class .bullet-col1::before {
      content: '\2022'; /* Unicode for a bullet symbol (•) */
      font-size: 20px; /* Bullet size */
      color: #003054  !important; /* Bullet color */
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%); /* Vertically center the bullet */
    }
    .feature-btn1 {
      padding: 10px 18px;
      border: none;
      border-radius: 20px;
      font-size: 14px;
      width: 125px;
      margin: auto;
      cursor: pointer;
      background-color: #003054;
      color: #E5B20A;
      display: flex;
      margin-top: 10px;
      font-size: 12px;
      font-weight: bold;
      border-radius: 10px;
    }
    .feature-btn {
      padding: 10px 18px;
      border: none;
      border-radius: 20px;
      font-size: 14px;
      width: 125px;
      margin: auto;
      cursor: pointer;
    
      background-color: #E5B20A;
      color:  #003054;
      display: flex;
      margin-top: 10px;
      font-size: 12px;
      font-weight: bold;
      border-radius: 10px;
    }
    .feature-btn:hover{
      background-color: var(--white-text);
      border: 1px solid #003054;
      color: #003054;
    }
    .feature-btn1:hover{
      background-color: var(--white-text);
      border: 1px solid #003054;
      color: #003054;
    }
    .flex-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      /* gap: 10px; */
      padding: 20px;
    
    }
    

.flex-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 240px;
  height: 240px;
  padding: 8px;
}

  /* Alternate Row Colors */
  .flex-item {
    background-color: var(--tercary-color); /* Light gray for odd items */
    color: #003054;
  }
  .flex-item:nth-child(odd):hover {
    background-color: #E5B20A;/* Light gray for odd items */
  }
  .flex-item:nth-child(odd):hover p i{
    background-color: #ffbd59;/* Light gray for odd items */
    color: #003054;
    cursor: pointer;
  }
  
  .flex-item:nth-child(even) {
    background-color: #aac6d4; /* White for even items */
  }
  .flex-item:nth-child(even):hover{
    background-color: #003054;
    color: #ffbd59;
    cursor: pointer;
  
  }
  .flex-item:nth-child(even):hover p{
    background-color: #003054;
    color: #ffbd59;
    cursor: pointer;
  
  }
  .flex-item img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
  }
  
  .flex-item p {
    font-size: 14px;
    color: #333;
  }
  .flex-item i{
    font-size: 30px;
    margin-bottom: 5px;
  }
  .flex-item p{
    font-size: 15px;
  }
  .gallery-section .btn {
    padding: 10px 20px;
    margin: 5px 4px 4px 0;
    display: inline-block;
    color: #003;
    background: #eee;
    border: 1px solid #003054;
    transition: all 0.4s;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
  }
  .gallery-section .btn:hover,.gallery-section .btn-active {
    background: #003054;
    color: #fff;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
  }
  .gallery-section {
    position: relative;
    z-index: 1;
    
  }
  .gallery.collapsed {
    max-height: 600px; /* Approximately 3 rows */
    overflow: hidden;
  }
  .sectionTitle{
    text-align: center;
  }
  .gallery {
    display: flex;
    justify-content: center;
    width: fit-content;
    max-width: 1320px;
    flex-wrap: wrap;
    margin: 25px auto;
    gap:55px;
  }
  .gallery a {
    display: flex;
  }
  .gallery img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    transition: 0.3s ease-in-out;
    overflow: hidden;
    margin:8px;
    
    border:2px dashed rgb(160, 155, 155);
    border-radius: 24px;
    padding: 15px;
  }
  
.gallery .certifiacte img{
  object-fit: fill;
  object-position: top !important;
}


.client-logo.gallery img,.client-logo.mySwiper2 img{
  background-color: rgb(255, 255, 255);
  object-fit: contain !important;
  width: 150px;
  height: 150px;
  border: 2px dashed #a19a9a;
  padding: 10px;
  border-radius: 12px;
}
.client-logo.gallery img, .client-logo.mySwiper2 img {
  background-color: rgb(255, 255, 255);
  object-fit: contain !important;
  width: 150px;
  height: 150px;
  border: 2px dashed #a19a9a;
  padding: 10px;
  border-radius: 12px;
}
.certificationSection .gallery img {
  width: 195px;
  height: 215px;
  object-fit: fill;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  margin: 8px;
  border: 2px solid #003054;
  border-radius:0;
  padding: 3px;
}
.galleryFrame{
  box-shadow: 5px 8px 12px lightgray;
 }
 .galleryFrame img{
  object-fit: cover !important;
  border:none !important;
  object-position: top !important;
 }
 .gallery .pdfFrame img{
  height: 300px !important;
  border: 0 !important;
  background-color: #fff;
  margin:5px !important;
  padding: 12px !important;
}

.gallery .pdfFrame img {
  height: 185px !important;
}

.sets .hide,
.sets .pophide {
  width: 0%;
  opacity: 0;
  display: none;
}
.clients-logo img{
  /* background: white; */
  border:1px dashed rgb(160, 155, 155);
}
.container-cardSec{
  display: flex;
  margin: auto;
}
.flag-rowDiv{
  gap: 20px;
  margin: auto;
  display: flex;
  justify-content: center;
}
.flags-div{
  width: 216px;
}
.flag-box{
  width: 200px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
}
.flag-box img{
  border-radius: 50%;
}


.flag-box img {
  border: 1px dashed #091f67;
  padding: 4px;
  display: flex;
  margin: auto;
}

 /* choose us css */
 .choose-2{
  background-color: #C30E59;
  border: 1px solid white;
}

.choose-3{
  background-color: #074799;
  border: 1px solid white;
}

.choose-4{
  background-color: #118B50;
  border: 1px solid white;
}

.choose-5{
  background-color: #F26B0F;
  border: 1px solid white;
}
.choose-6{
  background-color: #500073;
  border: 1px solid white;
}
.choose-7{
  background-color: #FFB200;
  border: 1px solid white;
}
.choose-us {
  color: white;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  text-align: center;

}


.choose-img img{
  background-color: white;
  text-align: center;
  margin-top: 20px;
  padding: 8px;
}
/* ask any question css */
.cntr-fld{
  text-align: left; 
  height: 50vh; 
  justify-content: space-evenly;
  }

.box-1{
  color: rgb(248, 251, 254);
  align-items: center;
  justify-content: center
}
.enquire-now{
  background-color: #003054;
  align-items: center;
  justify-content: space-around;
  padding: 20px;
  }

.social-media{
  display: flex;
  gap: 30px;
  color:white;
  
}

.box-2{
  gap: 10px;
}

.icon-media{
  border-radius: 2px;
  border: 1px solid rgb(248, 245, 245);
  padding: 5px 15px;
  font-size: 30px;
}
.question{
  color: yellow;
}
.new-para{
  text-align: justify;
}
/* our services section css */

.service-sec{
  margin: 5px 5px;
}

.service-1{
box-shadow: rgb(213, 212, 212);
position: relative;
text-align: center;
box-sizing: border-box;
}

.service-head a {
  font-size: 15px;
  font-weight: 600;
  color: var(--primary-color);
  margin-top: 10px;
  line-height: normal;
  text-decoration: none;  
}
.para-serv{
  font-size: 13px;
  color: rgb(92, 92, 92);
}
.my-button {
  background-color: var(--primary-color);
  color: white;
  font-size: 12px;
}

.my-button:hover {
  background-color: var(--secondary-color);
  color: black ;
  font-size: 12px;
}
.service-img{
  height: 150px;
  width: 150px;
  margin-top: 5px;
  padding: 4px 4px;
  border: 1px dashed var(--primary-color);
  border-radius: 50%;
}

.custom-btn {
  background-color: var(--primary-color);
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 5px;
  letter-spacing: 1px;
  transition: background-color 0.3s ease;
}

.custom-btn:hover {
  background-color: var(--secondary-color);
  color: black;
}

.choose{
  height: 50px;
  width: 50px;
}
.global{
  font-weight: 600;
  font-size: 14px;
  color: var(--primary-color);
  /* width: 120px; */
}
.global-licence{
  /* width: 120px; */
  color:black;
  line-break: anywhere;
  font-size: 14px;
}
.img_exp{
  height: 100%;
  width: 100%;
}
.experience-img
{
  margin: auto;
  width: 70px;
  height: 70px;
}
.meet-team
{
  font-weight: 600;
}
.slider-btn.solid {
  background-color: #E5B20A;
}


/* contact us form start */

.contact-section{
  position: relative;
  overflow: hidden;
}

.contact-section .contactAreaContainer{
  background-color:#01233d;
  position: relative;
  border-radius: 12px;
  margin: 50px auto;
  padding: 30px 20px;

}

.contact-section .career-section .contactAreaContainer {
  background-color: transparent;
}

.contact-section .contact-container{
  display: flex;
  align-items:start;
  justify-content: center;
  gap: 30px;
}

.contact-section .contact-info-container,.contact-section .contact-form-container{
   width: 48%;
   transition: all .5s ease-in;
}

.contact-section .contact-info-container{
  display: flex;
  flex-direction: column;
  align-items:start;
  justify-content: space-between;
}

.contact-section .contact-info-container h3{
  font-size: 45px;
  margin-bottom: 20px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

.contact-section .contact-info-container ul li{
  padding: 12px;
  border-radius: 9px;
  margin: 12px auto;
}

.contact-section .contact-info-container ul li span{
  margin-right:8px;
  color: #E5B20A;
  
}

.contact-section .contact-info-container ul li a{
  color: #fff;
}

.contact-section .contact-info-container .f_social_icon a {
  font-size: 25px;
  color: #E5B20A;
  background:transparent; 
}

.contact-section .career-section .contact-form-container{
  box-shadow: 1px 2px 3px 3px #d9d2d2;
}

.contact-section .contact-form-container{
  background: #fff;
  padding:30px;
  border-radius: 12px;
}

.contact-section .contact-form-container input{
  border: 0;
  border-bottom: 1px solid lightgray;
  outline: none;
  box-shadow: none;
  border-radius:unset;
  padding-left: 0;
  font-size: 16px;
}
.contact-form-container textarea{
  border: 0;
  border-bottom: 1px solid lightgray;
  outline: none;
  box-shadow: none;
  border-radius:unset;
  padding-left: 0;
  font-size: 16px;
}
.contact-section .contact-form-container form > div{
  margin: 18px;
  /* background: #003054; */
}
.title-container {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.underline-effect {
  position: relative;
  display: inline-block !important;
  color: #000;
  font-weight: bold;
}

.underline-effect::after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 4px;
  background: #003054;
  position: absolute;
  bottom: 0px;
  left: 5px;
}

.contact-section .contact-form-container .form-control:focus {
  box-shadow: none;
  border-width: 2px;
  border-color: #e5b20a;

}
.contact-section .infoControllBtn{
  display: none;
}
.infoControllBtn{
  display: none;
}
.content-container .highlight-heading-part
{
  font-size: 29px;
}

.highlight-heading-part {
  color: #E5B20A;
  font-size: 32px;
}
.highlight-heading-part {
  color: #E5B20A;
  font-weight: bold;
}
.f_social_icon a {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 45px;
  color: #858da8;
  display: inline-block;
  background: #ebeef5;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.blue-one
{
  /* background-color: #003054; */
  border-radius: none;
  /* height: 50px; */
}
.contact-main-section .btn.hover-border-1::before, .yellow-one.btn.hover-border-1::before {
  border-left: 1px solid #E5B20A;
  border-top: 1px solid #E5B20A;
}
.yellowbtn
{
  background-color: var(--primary-color) !important;
  padding: 15px 35px !important;
  border: 0 !important;
  outline: 0;
  border-radius: 0;
  margin-left: 19px !important;
}

.btn.hover-border-1::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  border-left: 1px solid #003054;
  border-top: 1px solid #003054;
}

.btn.hover-border-1::before, .btn.hover-border-1::after {
  position: absolute;
  content: none;
  width: 10%;
  height: 25%;
  transition: 0.35s;
}
.circles{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.circles li{
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  animation: animate 25s linear infinite;
  bottom: -150px;
  
}

.circles li:nth-child(1){
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}


.circles li:nth-child(2){
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.circles li:nth-child(3){
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.circles li:nth-child(4){
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.circles li:nth-child(5){
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.circles li:nth-child(6){
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}

.circles li:nth-child(7){
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}

.circles li:nth-child(8){
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.circles li:nth-child(9){
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.circles li:nth-child(10){
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}
@keyframes animate {

  0%{
      transform: translateY(0) rotate(0deg);
      opacity: 1;
      border-radius: 0;
  }

  100%{
      transform: translateY(-1000px) rotate(720deg);
      opacity: 0;
      border-radius: 50%;
  }

}

/* contact us form end */
.changeclr1
{
  background-color: #aac6d4;
}
.changeclr2{
  background-color: var(--tercary-color) !important;
}
.changeclr2:hover{
  background-color: var(--primary-color) !important;
}
.changeclr3{
  background-color: #aac6d4;
}



@media (min-width:768px)
{
    .step-description {
        font-size: 12px;
        text-align: justify;
       
    }
    .features-container {
        grid-template-columns: repeat(2, 1fr) !important; /* 3 columns */
      }
    .icons,.icn-flBox{
        display: none;
    }
    .steps-container {
        flex-direction: column;
        align-items: start;
        text-align: left;
      }
      .step-box {
        flex-direction: row;
        align-items: center;
        margin-bottom: 10px;
      }
      .step-title {
        font-size: 20px;
      }
}
@media (min-width: 992px) {
  .features-container {
    grid-template-columns: repeat(3, 1fr) !important; /* 4 columns */
  }
  
  .offcanvas-backdrop {
    visibility: hidden !important;
  }
  body{
    overflow:auto !important;
  }
}
@media(min-width:1480px)
{
    
    .step-title {
        font-size: 18px;
    }
    .step-description {
        font-size: 11px;
    }
}
@media(max-width:991px)
{   
    .sliterText{
        padding-top:10px;
    }    
  .appointment-form {
    position: relative;
    margin-top: -42px; 
    width: 100%;
    box-shadow: none;
  }
  .form-heading {
    width: 250px;
    margin: auto;
  }
  .form-box
  {
    background: linear-gradient(to right, #003054,#6c77996e);
    margin-left: -1px;
  }
/* Position the dropdown directly below */

/* Services list styling */

  .icon-height{
    font-size:37px !important;
}
  .ctaInfoContainer p {
    font-size: 14px;
    margin-top: 15px;
  }
  .ctaInfoContainer .callNumber{
    font-size: 18px;
   }
  
  .about-section,.container-cardSec{
    max-width: 100%;
  }
    .client-title{
        margin-bottom: 25px;
    }
}

@media(max-width:850px)
{
    .logo-div{
        width: 120px;
    }
}
@media(max-width:767px)
{
  .yellowbtn
  {
    display: flex;
    justify-content: center;
    width: 130px;
  }
  .fb-boxed
  {
    padding: 4px 11px !important;
  }
  .flags-div{
    width: 160px !important;
    padding: 0px;
    gap: 15px;
  }
  .gallery.collapsed
  {
    max-height: 445px;
  }
  .flag-box{
    width: 160px !important;
    height: 160px !important;
    object-fit: cover;
  }
  .form-heading{
      bottom: 0px;
  }
      
    .height-manage
    {
      height: 350px;
    }
    .height-manage img{
      height: 100%;
    }
    .contact-section .contact-info-container{
      display: none;
    }
    .i-text{
      display: none;
    }
    .contact-section .contact-form-container{
      width: 100% !important;
    }
}
@media(max-width:582px)
{
  .flags-div
  {
    width: 119px !important;
  }
  .flag-box{
    width: 120px !important;
    height: 120px !important;
    margin: auto;
  }
  .jpn-flg{
    height: 62px !important;
  }
  .rounded-circle{
    height: 100px !important;
    width: 100px !important;
  }
  .choose{
    height: 50px!important;
    width: 50px!important;
  }  
  .name-Country{
    margin-top: 20px;
  }
}
@media(max-width:575px)
{
  .sidebar-contact.active .underline-effect {
    margin-left: 55px;
    margin-bottom: 20px;
  
  }
  .immigration-image-wrapper,.immigration-text-wrapper
  {
    width: 100%;
    height: 100%;
  }
    .appointment-form{
        margin-top: -42px !important;
    }
    .height-manage
    {
      height: 300px;
    }
    .priColordText
    {
      font-size: 22px;
    }
    .text-slide{
      font-size: 15px;
    }
    .content-container .highlight-heading-part
    {
      font-size: 27px;
      font-weight: 800;
    }
}
@media(max-width:499px)
{
  .slider-btn.solid{
    padding: 7px 13px 7px 13px;

  } 
}
@media(max-width:470px)
{
  .flex-item i
  {
    font-size: 22px;
  }
  .fs--105
  {
    font-size: 15px;
  }
  .name-serviceschoose{
    font-size: 12px;
  }
  .height-manage
  {
    height: 300px;
  }
  .priColordText
  {
    font-size: 18px;
  }
  .text-slide{
    font-size: 13px;
  }
  .rosie-sr-3
  {
    font-size: 12px;
    width: 130px;
    padding: 6px 10px;
    margin-left: 5px;
  }
  .secoundslide-button
  {
    width: 120px;
  }
  .btn-contactslider
  {
    width: 115px;
  }
  .btn-text
  {
    font-size: 12px;
  }
  .btn-arrow{
    font-size: 11px;
  }
  .addon-box
  {
    flex-direction: column;
  }
  .service-head
  {
    text-align: center;
    line-height: 1px;
    margin-top: 5px;
  }
  .btn-enquirenow {
    width: 128px;
    margin-left: 0px;
    font-size: 12px;
    padding: 9px;
  }
  .service-head a{    
    font-size: 14px; 
  }
  .service-img{
    width: 100px;
    height: 100px;
  }
  
  .name-Country {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
  }
  .name-Country{
    font-size: 12px !important;
    margin-top: 23px !important;
    margin-bottom: 10px !important;
  }
    
    .flag-box{
      width: 80px !important;
      height: 80px !important;
      margin: auto;
    }
    
    .container-cardSec
  {
    max-width: 100% !important;
  }
  .flag-rowDiv
  {
    gap: 0px !important;
  }
  .flags-div{
    padding: 5px 15px;
  }
  .flags-div {
    width: 111px !important;
  }
}
@media(max-width:496px){
  .underline-effect::after{
    bottom: 70px;
  }
}
@media(max-width:425px)
{
  .gallery {
    gap: 5px !important;
  }  
}
@media(max-width:405px)
{ 
  .gallery img {
    width: 83px !important;
    height: 83px !important;
    padding: 10px;
  }
  .gallery.collapsed {
    max-height: 310px;
  }
}
@media (max-width: 400px) {
  .flex-item {
    width: 90px;
    height: 90px;
  }  
  .flex-item img {
    width: 30px;
    height: 30px;
  }
  .flex-item p {
    font-size: 10px;
  }
  .clients-logo img{
    background: white !important;
  }
}
@media(max-width:380px)
{
  .highlight-heading-part
{
  font-size: 29px;
  font-weight: 800;
}
  .gallery.collapsed {
    max-height: 250px;
  }
  .button-Box
  {
    margin-right: 125px !important;
  }
  .global-licence
  {
    width: 160px;
    line-break: anywhere;
  }
  .global
  {
    width: 160px;
  }
  .ln{
    width: 60px !important;
  }
  .ln1{
    width: 70px !important;
  }
.name-Country{
    font-size: 13px;
}
.name-Country{
    margin-top: 0px !important;
}
.rounded-circle{
  width: 50px !important;
  height: 50px !important;
}
.name-Country {
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 5px !important;
}
.flag-box{
  width: 65px !important;
  height: 65px !important;
  margin: auto;
}
.container-cardSec{
  padding-left: 0px;
  padding-right: 0px;
}
.flags-div{
  padding: 0px !important;
}
.flags-div {
  width: 98px !important;
  padding: 0px;
}
.gallery img {
  width: 66px !important;
  height: 66px !important;
  padding: 4px !important;
}

.gallery {
  gap:0px !important;
}
.certificationSection .gallery a {
  display: flex;
  margin:8px 0px;
}
}

@media(max-width:767px)
{
  .flags-div{
    width: 160px;
    padding: 0px;
    gap: 15px;
  }
  .flag-box{
    width: 160px;
    height: 120px;
    object-fit: cover;
  }
}
@media(max-width:582px)
{
  .flags-div
  {
    width: 119px;
  }
  .flag-box{
    width: 120px;
    height: 100px;
  }
}

/* sideform end */

@media (max-width: 767px) {
    .appointment-form {
        position: relative;
        margin-top: -44px; 
        width: 100%;
        box-shadow: none;
    }
    .button-Box{
        text-align: center;
        margin: auto;
    }
    .form-heading {
        width: 250px;
        margin: auto;
    }
    
    .form-box {
        padding: 15px; /* Adjust padding for smaller screens */
    }
}
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .immigration-content-wrapper {
      flex-direction: column;
    }
    .contact-question {
        font-size: 0.9rem !important;
    }
    .step-number {
        font-size: 80px;
    }
    .immigration-image-wrapper,
    .immigration-text-wrapper {
      flex: unset;
      text-align: left;
    }
  
    .immigration-feature-wrapper {
      flex-direction: column;
      gap: 15px;
    }
  
    .immigration-info-wrapper {
      flex-direction: row;
      display: flex;
      justify-content: center;
      /* gap: 15px; */
    }
  }
  @media (max-width: 432px) {
    .small-check-head h6,.ofr {
        font-size: 1rem !important;
    }
    .ofr {
        font-size: 1rem !important;
    }
    .contact-question {
      font-size: 1rem;
    }
    .contact-number {
      font-size: 0.9rem !important;
    }
  }
  @media (max-width: 335px) {
    .small-check-head h6 {
        font-size: 0.9rem !important;
    }
    .contact-question {
      font-size: 0.9rem;
    }
    .contact-number {
      font-size: 0.8rem !important;
    }
  }
  @media (max-width: 520px) {
    .immigration-info-wrapper {
      flex-direction: row;
      display: flex;
      justify-content: center;
      /* gap: 15px; */
    }
    .contact-wrapper {
      flex-direction: row;
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
    }
  }
  @media (min-width:768px) and (max-width:991px){
    .writeTextSlider{
      margin-top: 10px !important;
      margin-bottom: 30px !important;
    }
  }  
  @media(min-width: 767px) and (max-width: 991px){
    .immigration-heading{
      font-size: 1.2rem !important;
      margin-bottom: 5px !important;
    }
    .immigration-description{
      font-size: 0.8rem;
      margin-bottom: 0px !important;
    }
    .class-text h6{
      font-size: 12px !important;
    }
    .class-text p{
      font-size: 10px !important;
    }
    .img_exp
    {
      height: 60px;
      width: 60px;
    }
    .align-box i{
      font-size: 40px;
     
    }
    .align-box{
      padding: 0px 0px !important;
      margin-top: -10px;
    }
    .addon-box{
      margin-top: 0px !important;
      margin-bottom: 0px !important;
    }
    .experience-info{
      padding: 10px !important;
    }
    .experience-info i{
      font-size: 40px;
    }
    .experience-years{
      font-size: 15px;
    }
    .experience-text{
      font-size: 0.8rem !important;
    }
    
  
  .small-check-head h6{
    font-size: 12px !important;
  }
  .small-check-head i{
    font-size: 12px;
  }
  
  }
  @media(max-width: 991px){
    .class-text p{
      font-size: 12px;
    }
    .class-text h6{
      margin-bottom: 0px !important;
      font-size: 16px;
    }
    
  .immigration-heading {
    font-size: 1.8rem;
  
  }
  }
  @media(max-width: 767px){
    .class-text p{
      font-size: 12px !important;
      text-align: left;
    }
    .class-text h6{
      font-size: 16px !important;
      text-align: left;
    }
    .addon-box{
      margin-top: 0px !important;
      padding: 0px 20px;
    }
    .immigration-description{
      margin-bottom: 0px;
    }
    .align-box{
      padding: 0px !important;
    }
  }
  @media (min-width: 576px) {
    .features-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
  }
  @media (max-width: 576px){
    .sign-up-container {
        display: block !important;
    }
    .circle-icon {
        padding: 20px 0px !important;
        border: 2px solid var(--secondary-color);
        border-radius: 55% !important;
        display: flex;
        justify-content: center;
        width: 70px;
        margin: auto;
        margin-bottom: 20px;
    }
      .input-heading h3{
        color: var(--secondary-color);
        text-align: center;
      }
      .input-heading p{
        color: var(--secondary-color);
        text-align: center;
      }
    .align-box{
      padding: 0px;
      align-items: center;
    }
    .sign-up-container{
        display: block;
      }
    .addon-box{
      margin-top: 0px !important;
      padding: 0px;
    }
    .align-box i{
      font-size: 40px;
    }
    .immigration-heading{
      font-size: 1.4rem;
    }
    .immigration-description{
      font-size: 0.8rem;
    }
    .small-check-head{
      justify-content: start;
      padding-left: 20px;
    }
    .contact-wrapper{
      justify-content: left;
      padding-left: 20px;
    }
  }
  @media(max-width: 424px){
    .class-text p{
      font-size: 10px !important;
      text-align: left;
    }
    .class-text h6{
      font-size: 13px !important;
      text-align: left;
    }
    .align-box i{
      font-size: 25px;
    }
    .class-text{
      margin-top: 20px;
    }
    .highlight-heading-part
      {
        font-size: 29px;
        font-weight: 800;
      }
  }
  
  @media (max-width: 432px) {
    .immigration-info-wrapper {
        flex-direction: column !important;
    }
}
@media (max-width: 508px) {
    .small-check-head{
        padding-left: 0px !important;
      }
      .contact-wrapper{
        padding-left: 0px !important;
      }
      .experience-info{
        padding: 5px 5px !important;
      }
      .ofr{
        font-size: 0.7rem !important;
      }
      .contact-number{
        font-size: 0.7rem !important;
      }
      .contact-question{
        font-size: 13px;
    } 
}

  @media (max-width: 480px){
  
    .step-number {
        font-size: 60px !important;
    }
    .step-description {
        font-size: 11px !important;
    }
    .step-title {
        font-size: 18px !important;
    }
    
  }
  @media (min-width: 1200px) {
    .features-container {
      grid-template-columns: repeat(3, 1fr) !important; /* 4 columns */
    }
    .writeTextSlider
    {
      margin-top: 35px;
    }
  }
  
  @media(min-width: 400px) and (max-width: 479px){
    .flex-item {
      width: 90px !important;
      height: 90px !;
      
    }
  }
  
  /* Responsiveness */
  @media (max-width: 768px) {
    .flex-item {
      width: 150px;
      height: 150px;
    }
  
    .flex-item img {
      width: 40px;
      height: 40px;
    }
  
    .flex-item p {
      font-size: 12px;
    }
  }
  @media(max-width:999px)
  {
    .changeclr1
    {
      background-color: var(--tercary-color);
    }
    .changeclr2
    {
      background-color: #aac6d4 !important;
    }
  }
 
  @media (min-width: 1000px) and (max-width: 1239px){
    .flex-item {
      width: 300px !important;
      height: 300px;
    }
    .changeclr1 {
      background-color: var(--tercary-color);
    }
    .changeclr2 {
      background-color: #aac6d4 !important;
    }
  }
  @media (min-width: 1400px) and (max-width: 1599px){
    .flex-item {
      width: 260px !important;
      height: 260px;
    }
    .writeTextSlider
    {
      margin-top: 90px;
    }
  }
  @media (min-width: 1599px) and (max-width: 1600px){
    .flex-item {
      width: 260px !important;
      height: 260px;
    }
    .writeTextSlider
    {
      margin-top: 150px;
    }
  }
  @media(min-width:1706px)and(max-width:1774px)
  {
    .content-container .highlight-heading-part
    {
      font-size: 31px;
      font-weight: 800;
    }
    .highlight-heading-part
  {
    font-size: 52px;
  }
  }
  @media (min-width:1553px) and (max-width:1705px){
    .highlight-heading-part
    {
      font-size: 42px;
    }
    .content-container .highlight-heading-part
    {
      font-size: 31px;
      font-weight: 800;
    }
  }
  @media (min-width:1444px) and (max-width:1552px)
  {
    .content-container .highlight-heading-part
    {
      font-size: 31px;
      font-weight: 800;
    }
    .highlight-heading-part
    {
      font-size: 42px;
    }
  }
  @media (min-width:1417px) and (max-width:1443px){
    .content-container .highlight-heading-part
    {
      font-size: 31px;
      font-weight: 800;
    }

    .highlight-heading-part
    {
      font-size: 42px;
    }
  }
  @media (min-width:1251px) and (max-width:1416px){
    .content-container .highlight-heading-part
    {
      font-size: 31px;
      font-weight: 800;
    }
    .highlight-heading-part
    {
      font-size: 42px;
    }
  }
  @media (max-width:1210px){
    .writeTextSlider{
      margin: auto;
      text-align: center;
    }
    .btn-index{
      justify-content: center;
    }
    .text-slide{
      margin-top: 10px;
      margin-bottom: 20px;
    }
  }  
  @media (min-width:1201px) and (max-width:1250px){
    
    .content-container .highlight-heading-part
    {
        font-size: 35px;
    }
    .content-container .highlight-heading-part
    {
      font-size: 29px;
      font-weight: 800;
    }
    .highlight-heading-part
    {
      font-size: 38px;
    }
  }
  @media (min-width:1182px) and (max-width:1200px) {
    .highlight-heading-part
    {
      font-size: 36px;
    }
    .content-container .highlight-heading-part
    {
      font-size: 29px;
      font-weight: 800;
    }

    }
    @media (min-width:1179px) and (max-width:1181px)
    {
      .highlight-heading-part
      {
        font-size: 35px;
      }
      .content-container .highlight-heading-part
      {
        font-size: 29px;
        font-weight: 800;
      }
    }
    @media (min-width:1149px) and  (max-width:1178px)
    { 
      .highlight-heading-part
      {
        font-size: 35px;
      }
      .content-container .highlight-heading-part
      {
        font-size: 29px;
        font-weight: 800;
      }
    }
    @media (min-width:1140px) and (max-width:1148px)
    { 
      .highlight-heading-part
      {
        font-size: 35px;
      }
      .content-container .highlight-heading-part
      {
        font-size: 29px;
        font-weight: 800;
      }
    }
    @media (min-width:1085px) and (max-width:1139px)
    { 
      .highlight-heading-part
      {
        font-size: 35px;
      }
      .content-container .highlight-heading-part
      {
        font-size: 28px;
        font-weight: 800;
      }
    }
    @media (min-width:1063px) and (max-width:1084px)
    {
      .highlight-heading-part
      {
        font-size: 35px;
      }
      .content-container .highlight-heading-part
      {
        font-size: 28px;
        font-weight: 800;
      }
    }
    @media (min-width:1047px) and (max-width:1062px) {
      .highlight-heading-part
        {
          font-size: 32px;
          font-weight: 800;
        }
        .content-container .highlight-heading-part
        {
          font-size: 28px;
          font-weight: 800;
        }
    }
    @media (min-width:982px) and (max-width:1046px) {
      .highlight-heading-part
      {
        font-size: 34px;
        font-weight: 800;
      }
      .content-container .highlight-heading-part
      {
        font-size: 28px;
        font-weight: 800;
      }
    }
    @media (min-width:891px) and (max-width:981px)
    {
      .highlight-heading-part
      {
        font-size: 34px;
        font-weight: 800;
      }
      .content-container .highlight-heading-part
      {
        font-size: 27px;
        font-weight: 800;
      }
    }
    @media (min-width:862px) and (max-width:890px)
    {
      .highlight-heading-part
      {
        font-size: 34px;
        font-weight: 800;
      }
      .content-container .highlight-heading-part
      {
        font-size: 27px;
        font-weight: 800;
      }
    }
    @media (min-width:841px) and (max-width:861px)
    {
      .highlight-heading-part
      {
        font-size: 32px;
        font-weight: 800;
      }
      .content-container .highlight-heading-part
      {
        font-size: 27px;
        font-weight: 800;
      }
    }
    @media (min-width:837px) and (max-width:840px)
    {
      .highlight-heading-part
      {
        font-size: 34px;
        font-weight: 800;
      }
      .content-container .highlight-heading-part
      {
        font-size: 27px;
        font-weight: 800;
      }
    }
    @media (min-width:795px) and (max-width:836px)
    { 
      .highlight-heading-part
      {
        font-size: 31px;
        font-weight: 800;
      }
      .content-container .highlight-heading-part
      {
        font-size: 27px;
        font-weight: 800;
      }
    }
    @media (min-width:768px) and (max-width:794px)
    {
      .highlight-heading-part
      {
        font-weight: 800;
        font-size: 30px;
      }
      .content-container .highlight-heading-part
      {
        font-size: 27px;
        font-weight: 800;
      }
    }
    @media (min-width:700px) and (max-width:767px) {
      .highlight-heading-part
      {
        font-size: 32px;
        font-weight: 800;
      }
      .content-container .highlight-heading-part
      {
        font-size: 27px;
        font-weight: 800;
      }
    }
    @media (min-width:637px) and (max-width:700px) {
      .highlight-heading-part
      {
        font-size: 31px;
        font-weight: 800;
      }
      .content-container .highlight-heading-part
      {
        font-size: 27px;
        font-weight: 800;
      }
    }
    @media (min-width:486px) and (max-width:636px) {
      .highlight-heading-part
      {
        font-size: 30px;
        font-weight: 800;
      }
      .content-container .highlight-heading-part
      {
        font-size: 27px;
        font-weight: 800;
      }
    }
  @media (min-width: 1601px) and (max-width: 1779px){
    .flex-item {
      width: 290px !important;
      height: 290px;
    }
    .writeTextSlider
    {
      margin-top: 150px;
    }
  }
  @media (min-width: 1780px) and (max-width: 1839px){
    .flex-item {
      width: 300px !important;
      height: 300px;
    }
    .writeTextSlider
    {
      margin-top: 180px;
    }
  }
  @media (min-width: 1839px) and (max-width: 2400px){
    .flex-item {
      width: 330px !important;
      height: 330px;
    }
    .writeTextSlider
    {
      margin-top: 200px;
    }
  }
  @media (min-width: 2020px) and (max-width: 2140px){
    .flex-item {
      width: 350px !important;
      height: 350px;
    }
  }
  @media (min-width: 2140px) and (max-width: 2250px){
    .flex-item {
      width: 370px !important;
      height: 370px;
    }
  }
  @media (min-width: 760px) and (max-width: 769px){
    .flex-item {
      width: 190px !important;
      height: 190px;
    }
  }
  @media (min-width: 640px) and (max-width: 759px){
    .flex-item {
      width: 180px !important;
      height: 180px;
    }
  }
  @media (min-width: 400px) and (max-width: 489px){
    .flex-item {
      width: 120px !important;
      height: 120px;
    }
  }
  @media (max-width: 400px) {
    .flex-item {
      width: 93px;
      height: 93px;
    }
  
    .flex-item img {
      width: 30px;
      height: 30px;
    }
  
    .flex-item p {
      font-size: 10px;
    }
    .clients-logo img{
      background: white !important;
    }
  }
  

@media (max-width:500px) {
  .gallery img {
    width: 110px;
    height: 110px;
}
.highlight-heading-part
{
  font-size: 30px;
  font-weight: 800;
}
}

@media(min-width:1901px)and(max-width:1930px)
{
  .highlight-heading-part
{
  font-size: 48px;
}
}



@media (min-width:700px) and (max-width:767px) {
  .gallery img {
    width: 125px;
    height: 125px;
  }
  .gallery {
    gap: 15px;
  }
  .ctaInfoContainer {
    width:100%;
  }
}
@media (min-width:637px) and (max-width:700px) {
  .gallery img {
    width: 125px;
    height: 125px;
  }
  .gallery {
    gap: 15px;
  }
  .ctaInfoContainer {
    width:100%;
  }
}
@media (min-width:486px) and (max-width:636px) {
  .gallery img {
    width: 111px;
    height: 111px;
    }
    .gallery {
    gap: 15px;
    }
    .ctaInfoContainer {
      width:100%;
      }
    
}
@media(max-width:485px)
{
  .highlight-heading-part
{
  font-size: 30px;
  font-weight: 800;
}
  .gallery img {
    width: 125px;
    height: 125px;
    }
    .gallery {
    gap: 15px;
    }
    .global
    {
      font-size: 13px;
    }
    .certificationSection .gallery img {
      width: 117px !important;
      height: 138px !important;
    
    }
    .ctaInfoContainer {
      width: 100%;
    }
    .gallery .pdfFrame img {
      height: 185px !important;
    }
}

 
@media  (min-width: 768px) and (max-width: 991.98px)  {
    .para-choose {
        font-size: 8px
    
    }
    .sliterText
    {
      display: flex;
      justify-content: center;
    }
}

@media screen and (max-width: 790px)
{
  .cntr-fld{
      text-align: center;
  
}
}
@media (max-width: 490px) {
  .custom-btn {
      font-size: 10px; 

  }
  .para-serv{
      text-align: center;
  }
}
@media(max-width:1200px){
  .global{
    font-weight: 600;
    font-size: 14px;
    color: var(--primary-color);
  }
}
@media(max-width:600px){
  .immigration-container{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .box-wrapper{
    margin-top: 10px;
  }
  .immigration-text-wrapper{
    margin-top: 10px;
  }
  .global-licence
  {
    font-size: 13px;
    line-break: anywhere;
  }
}
@media(max-width:400px){
  .immigration-container{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .box-wrapper{
    margin-top: 10px;
  }
  .immigration-text-wrapper{
    margin-top: 10px;
  }
}