html{
  scroll-behavior: smooth;
  overflow-x: hidden;
}.typing-text-line3-about{
  margin-right: -5%;
}
#floting-image {
    margin-top: 5%;
  margin-left: 28%;
    align-items: center;
  }#second-line-text{
    margin-top: 5%;
    margin-left: 31%;
  }#Established{
    margin-left: 16%;
    margin-right: -70%;
    color: white;
    font-size: 25px;
  }#Establisheded{
    margin-left: 55%;
    margin-right: 10%;
    color: white;
  }
  #main-Established{
     font-family: "Calisto MT", serif;
    display: flex;
    margin-top: 15%;
    gap: 20%;
  
  }#why-us{
    margin-top: 2%;
  }#para{
    margin-left: 12%;
     font-family: "Calisto MT", serif;
  } #arrow-container {
     font-family: "Calisto MT", serif;
    display: grid;
    text-align: left;
    margin-left: 20%;
    margin-right: 25%;
    margin-top: 5%;
    grid-template-columns: repeat(2, 1fr); /* Adjust the number of columns as needed */
    gap: 50px; /* Adjust the gap between paragraphs */
  }
  .arrow-container p:nth-child(even) {
    grid-column: 2; /* Place even-indexed paragraphs in the second column */
  }#arrow-text-3,#arrow-text-4{
      margin-left: 40%;
      margin-right:-40% ;
  }.arrow-text{
    color: white;
    font-size: 18px;
  }#arrow-text-2{
    margin-left: 5%;
      margin-right:-40% ;
  }#arrow-text-4{
    margin-top: 10%;
      margin-right:-50% ;
  }.mataingap-about{
    /* font-family: "Auralyess Free Trial"; */
    color: aqua;
    font-size: 28px;
  }.btn-primary {
    background-color: transparent; /* Set background color to transparent */
    border: none; /* Remove border */
    padding: 0; /* Remove padding */
}



#paragraph12345 {
  font-family: "Calisto MT", serif;
  text-align: center;
  font-size: 25px;
  padding: 0 50px;
  color: white;
  max-width: 100%;
  /* line-height: 1.5; */
  margin-top: 20%;
  margin-left: 10%;
  margin-right: 10%;
  opacity: 0; /* Initially hide the paragraph */
  animation: flyIn 1s forwards; /* Apply animation */
}#our-work-model{
  display: flex;
}#anner-gif-ux{
  margin-top: 10%;
width: 100%;
}
#video{
  width: 45%;
  height: 65%;
  margin-right: 3%;
  margin-left: -35%;
  margin-top: 2%;
}#box-container{
  margin-top: 5%;
  margin-bottom: 20%;
  display:flex ;
  gap: 8%;
  margin-left: 20%;
}#box-container>div{
  background-color: #120973;
  
  width: 20%;
  height: 300px;
}#insidebox-text{
  margin-top: 20px;
  font-weight: bold;
  font-size: 40px;
  margin-left: 15%;
  color: white;
}#second-box-container{
  margin-top: 20%;
}.insidebox-text-bellow{
  font-size: 18px;
  text-align: center;
   font-family: "Calisto MT", serif;
  margin-left: 5%;
  margin-right: 1%;
  color: white;
  margin-top: -5%;
}.insidebox-text-bellow3{
  font-size: 18px;
  text-align: center;
   font-family: "Calisto MT", serif;
  margin-left: 10%;
  margin-right: 5%;
  color: white;
  margin-top: -5%;
}#insidebox-text3{
  margin-top: 20px;
  font-weight: bold;
  font-size: 40px;
  margin-left: 17%;
  color: white;
}#pin-image{
  width: 40%;
 margin-left: 30%;
}#insidebox-text2{
  margin-top: 20px;
  font-weight: bold;
  font-size: 40px;
  margin-left: -8%;
  color: white;
}.insidebox-text-bellow2{
  font-size: 18px;
  text-align: center;
   font-family: "Calisto MT", serif;
  margin-left: 1%;
  margin-right: 2%;
  color: white;
  margin-top: -5%;
}.talk-paert{
   font-family: "Calisto MT", serif;
  color: white;
  margin-left: 25%;
  /* width: 20px; */
  font-size: 35px;

}#last-top-footer{
  text-align: center;
  margin-top: 4%;
  margin-left: -3%;
  display:flex;
}#about-email{
      width: 20%;
      margin-left: 115%;
    }#about-gif{
      width: 100%;
      height: auto;
      margin-left: 10%;
      margin-top: -15%;
    }.gifgg{
      display: none;
    }
    #about-whatsapp{
      width: 37%;
      margin-top: 2%;
      margin-left: 250%;
    }.contact-about-section-whatsapp{
      margin-left: 190%;
      color: white;
      font-weight: bold;
      text-align: center;
     font-size: 15px;
     margin-right: -250%;
    }.contact-about-section{
      margin-left: 80%;
      color: white;
      font-weight: bold;
      text-align: center;
     font-size: 15px;
     margin-right: -50%;
    }
    .container-about {
  cursor: pointer;
  position: relative;
  width: 100px;
  height: 100px;
margin-right: 5%;
  margin-left: 30%;
  margin-top: 1%;
}.talk-paert{
  margin-left: 10%;
}#bellow-footer{
  margin-left: 10%;
  margin-top: 20%;
}

.circle-outer-about {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 4px dashed burlywood;
  animation: rotateClockwise 20s linear infinite;
}

.circle-inner-about {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 3px dashed burlywood;
  animation: rotateAntiClockwise 20s linear infinite;
}



.text-inside-about {
   font-family: "Calisto MT", serif;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 25px;
  color: white;
  font-weight: bold;
}.text-inside-about:hover{
  color: aqua;
}

@keyframes rotateClockwise {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes rotateAntiClockwise {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@keyframes rotateLines {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}.know-us{
  margin-top: 20%;
  margin-right: 10%;
}.new-last-part-do{
  color: white;
  margin-left: 12%;
  max-width: 40%;
  font-family: "Calisto MT", serif;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
 
  #submeean-heading {
    color: white;
    display: grid;
    margin-left: -5%;
    margin-right: -5%;
    row-gap: 2px;
    text-align: right;
    grid-template-columns: repeat(1, 1fr);
  }#submeean-heading{
  margin-bottom: 5%;
}
  #submeean-heading li a{
            color: white;
            background-color: navy;
            border-radius: 25px;
          }#nw-smnnmedeoif{
  margin-top: 355%;
}#new-mnbbbloptp{
  margin-top: -55%;
}
}

  #text {
    font-size: 85px;
  font-weight: bolder;
  position: absolute;
  top: 46%;
  left: 50%;
  margin-right: -20%;
  transform: translate(-50%, -50%);
color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
 @media screen and (max-width: 600px) {
.offcanvas {
    width: 100%;
    height: 100vh; /* Set height to 100% of the viewport height */
    overflow: hidden; /* Hide any overflowing content */
}body, html {
    margin: 0;
    padding: 0;
}
  }@media only screen and (max-width: 768px) {
  
    #anner-gif-ux{
      margin-top:0;
    }
  #box-container {
    margin-top: 5%;
    margin-right: 15%;
    display: flex;
    flex-direction: column;
    align-items: center; /* Center items horizontally */
  }.circle-outer-about {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 4px dashed burlywood;
  animation: rotateClockwise 20s linear infinite;
}

.circle-inner-about {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  border-radius: 50%;
  border: 3px dashed burlywood;
  animation: rotateAntiClockwise 20s linear infinite;
}



.text-inside-about {
  text-align: center;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: white;
  font-weight: bold;
}

  #box-container > div {
    width: 80%; /* Adjust width for smaller screens */
    height: auto; /* Auto height for responsiveness */
    margin-bottom: 5%; /* Adjust spacing between boxes */
    background-color: #120973;
  }

  #insidebox-text, #insidebox-text2, #insidebox-text3 {
    margin-top: 20px;
    font-weight: bold;
    font-size: 24px; /* Adjust font size for readability */
    text-align: center; /* Center text horizontally */
    color: white;
  }

  .insidebox-text-bellow, .insidebox-text-bellow2, .insidebox-text-bellow3 {
    font-size: 14px; /* Adjust font size for readability */
    text-align: center; /* Center text horizontally */
    color: white;
    margin-top: 5px; /* Adjust margin for spacing */
  }

  #second-box-container {
    margin-top: -1%; /* Adjust margin for spacing */
     margin-left: 40%;
    margin-right: -20%;
  }

  #pin-image {
    width: 50%; /* Adjust image size for smaller screens */
    margin: 0 auto; /* Center image horizontally */
    display: block; /* Ensure image is centered properly */
  }#box-anbout-section{
    margin-left: -70%;
    margin-right: 20%;
    /* margin-top: 1%; */
  }#box-anbout-section1{
    margin-top: 25%;
    margin-left: -90%;
  }#first-second-Establisheded{
    margin-top: 20%;
    margin-right: -2%;
    margin-left: 13%;
  }#arrow-text-4{
    margin-right: -20%;
  }
}@media only screen and (max-width: 767px)  {
  #arrow-text-1{
    margin-left: 3%;
  }#arrow-text-2{
    margin-left: 5%;
      margin-right:0 ;
  }
  /* CSS for mobile screens */
  #last-top-footer {
    margin-left: 5%; 
    display: flex;
    /* flex-direction: column;  */
    align-items: center; 
    margin-top: -40%;
  }

  #about-email {
    width: 30%; 
    margin-left: 35%; 
    margin-bottom: 10px; 
  }

  #about-whatsapp {
    width: 60%; 
    margin-left: 120%; 
    margin-bottom: 10px; 
    margin-right: -130%;
  }
  .contact-about-section {
    margin-left: 0; /* Remove left margin */
    margin-right: 0; /* Remove right margin */
    text-align: center; /* Center text horizontally */
    font-size: 16px; /* Adjust font size for readability */
  }.contact-about-section-whatsapp{
    margin-left: 8%; /* Remove left margin */
    margin-right: -100%; /* Remove right margin */
    text-align: center; /* Center text horizontally */
    font-size: 16px; /* Adjust font size for readability */
  }.gifgg{
    display: block;
    width: 100%;
    height: auto;
    margin-top: -8%;
    /* margin-bottom: 2%; */
   /* margin-right: 50%; */
  }

  .container-about {
    right: 50%;
    /* margin-right: 150%; Remove left margin */
    margin-top: 120%; /* Adjust top margin for spacing */
    margin-bottom: 10%;
  }
  
  #floting-image {
    /* height: 100%;
 margin: 0; */
 margin-left: 3%;
    /* display: flex; */
    /* justify-content: center;
    align-items: center; */
    /* position: relative; */
    margin-top: -52%;
    /* Additional styles if needed */
  }#first-line-text{
    margin-left: -5%;
  }
  #second-line-text{
    margin-left: 14%;
    margin-top: -10%;
  }
  
  #text {
    margin-top: -40%;
    /* margin-left: 20%; */
    font-size: 45px;
  }.belloevideo-part{
    /* margin-top: 70%; */
    /* margin-right: -45%; */
  }#arrow-container {
    text-align: left;
    margin-left: 10%;
    margin-right: 25%;
    grid-template-columns: repeat(1, 1fr); /* Adjust the number of columns as needed */
    gap: 50px; /* Adjust the gap between paragraphs */
  }
  
  .arrow-container p:nth-child(even) {
    grid-column: 2; /* Place even-indexed paragraphs in the second column */
  }#arrow-text-3,#arrow-text-4{
      margin-left: 5%;
      margin-right:1% ;
  }.arrow-text{
    color: white;
    font-size: 18px;
  }#main-Established{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 45%;
  }#Established{
    margin-left: 10%;
    margin-right: 10%;
  }#Establisheded{
    margin-left: 10%;
    margin-right: 10%;
    margin-top: -20%;
    margin-bottom: 30%;
  }.hrline-about{
  display: none;
}.line-container-animation{
  display: none;
}.line-container-animation1{
  display: none;
}#first-second-Establisheded{
  margin-left: -12rem;
    /* margin-right: -10%;
    margin-top: -20%; */
}#paragraph12345 {
  color: white;
  font-size: 20px;
  text-align: center;
  font-family: "Calisto MT", serif;
  margin-top: 85%;
  margin-right: 0;
  /* height: 100vh;  */
  margin-left: 0; 
}
#about-email{
    margin-left: -12%;
  }.contact-about-section-responsive{
     font-family: "Calisto MT", serif;
    margin-left: -35%;
  }.contact-about-section-whatsapp-responsive{
     font-family: "Calisto MT", serif;
  }
  .contact-about-section-whatsapp{
    
    margin-left: 10%;
  }#about-whatsapp{
    margin-left: 10%;
  }
  


}
#arrow-text-1::first-line {
  /* Set the color of the first line (specifically "01 innovative") */
  color: aqua; /* Change to your desired color */
}#arrow-text-2::first-line {
  /* Set the color of the first line (specifically "01 innovative") */
  color: aqua; /* Change to your desired color */
}
#arrow-text-3::first-line {
  /* Set the color of the first line (specifically "01 innovative") */
  color: aqua; /* Change to your desired color */
}#arrow-text-4::first-line {
  /* Set the color of the first line (specifically "01 innovative") */
  color: aqua; /* Change to your desired color */
}



#hrline{
    color: #f5d669;
  width: 5px;
  height: 500px;
    /* left: 210rem; */
  }.hrline-about{
margin-left: 30%;
  }
 .line-container-animation1{
  margin-bottom: -35%;
      /* margin-top: 25%; */
      margin-left: 22%;
      position: relative;
      width: 25%;
      height: 500px; /* Adjust the height to match your image */
   
}#line-image-animation1 {
    position: absolute;
    top: 40%;
    left: 10%;
    width: 100%;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
    
}
@media (max-width: 768px) { /* Adjust width as needed for your breakpoints */
  .very-lright-section {
      display: none;
  }
}
    @keyframes drawLine1 {
  0% {
    clip-path: polygon(0 0, 0 100%, 0 100%, 0 0); /* Start with left edge clipped */
  }
  50% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* Halfway through, reveal the full line */
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* End with full line revealed */
  }
}
.line-container-animation {
  margin-bottom: -42%;
      margin-top: -2%;
      margin-left: 34%;
      position: relative;
      width: 39%;
      height: 500px; /* Adjust the height to match your image */
      overflow: hidden; /* Hides any overflow content beyond the container */
    }

    /* Styling for the image */
    #line-image-animation {
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
    
    }.second-Establisheded{
    margin-left: 38%;
    margin-right: 10%;
    margin-top: -2%;
    color: white;
    font-size: 25px;
     font-family: "Calisto MT", serif;
}.line-container-animation1-responsive {
  display: none; /* Initially hide the line container */
}.line-container-animation1-responsive12 {
  display: none; /* Initially hide the line container */
}
.new-blab-part{
  color: white;
  margin-left: 12%;
   font-family: "Calisto MT", serif;
  margin-right: 13%;
  font-size: 18px;
  }
/* Media query to display the line container on mobile screens */
@media (max-width: 768px) {
  #our-work-model{
    display: block;
  }
  .very-lright-section{
    display: none;
  }
  .new-last-part-do{
    color: white;
    margin-left: 12%;
    max-width: 80%;
    font-size: 18px;
  }
  #line-image-animation1-responsive{
    position: absolute;
    top: -62%;
    left: 25%;
    width: 100%;
    height: auto;
    /* animation: drawLine 3s linear infinite;  */
      animation-direction: alternate;
   
}
  .line-container-animation1-responsive12 {
    display: block; /* Display the line container on screens up to 768px (e.g., mobile devices) */
    text-align: center; /* Optional: Center the line image horizontally */
    margin-bottom: -105%;
      /* margin-top: 25%; */
      margin-left: 10%;
      position: relative;
      width: 60%;
      height: 500px;
  }#line-image-animation1-responsive12{
    position: absolute;
    top: -7%;
    left: 30%;
    width: 100%;
    height: auto;
    animation: drawLine 3s linear infinite; /* Animation for drawing the line */
      animation-direction: alternate;
   
}
  .line-container-animation1-responsive {
    display: block; /* Display the line container on screens up to 768px (e.g., mobile devices) */
    text-align: center; /* Optional: Center the line image horizontally */
    margin-bottom: -35%;
      /* margin-top: 25%; */
      margin-left: 15%;
      position: relative;
      width: 40%;
      height: 500px;
  }
}.remove-item{
  display: block;
}.Project1{
  display: none;
}.Process-methodology{
  color: aqua;
  font-size: 25px;
}

.about-us-for-about{
  margin-left: -5%;
  }

 .servicesfirst{
  background-color: rgb(191, 134, 191);
  border-radius: 20px;
  color: white;
}.servicessecond{
  margin-top: 3%;
  border-radius: 20px;
  background-color: turquoise;
}.servicesthird{
  margin-top: 3%;
  border-radius: 20px;
  background-color: cadetblue;
}.projectfirst{
  /* margin-top: 3%; */
  border-radius: 20px;
  background-color: darkcyan;
}
.projectsecond{
  margin-top: 3%;
  border-radius: 20px;
  background-color: coral;
}@media (max-width: 480px) {
  #team-description {
    font-size: 18px;
    margin-left: 10%;
    margin-right: 10%;
}
  .subheading-ux {
    font-size: 1.25rem;
    margin-left: 8%;
    /* margin-right: 25%; */
}.new-blab-part{
  margin-left: 8%;
  /* margin-right: 13%; */
  }#ux-new-design-para-head{
    margin-left: 8%;
    /* margin-top: 2%; */
    /* margin-right: 10%; */
}
  .know-us{
  /* margin-left: 5%; */
  font-size: 40px;
  margin-right: 5%;
  margin-top: 45%;
}#video{
  margin-top: 10%;
  /* mar */
  margin-left: 0;
  width: 100%;
height: 95%;
  /* margin-right: 12%; */
}#bellow-part{
  margin-left: 15%;
  margin-top: 10%;
}#insidebox-text3{
  margin-left: -2%;
}#insidebox-text{
  margin-left: -2%;
}#bellow-footer{
  font-size: 30px;
  margin-left: 10%;
  margin-right: 5%;
  margin-top: 15%;
}
}
@media (min-width: 767px) {
 
  .heading,.description{
     font-family: "Calisto MT", serif;
  }
}
#only-mobile-footer {
  display: none;
}

/* Display flex on mobile screens (max-width 768px for tablets) */
@media (max-width: 768px) {
  .subheading-ux {
    font-size: 1.25rem;
    margin-left: 8%;
    margin-right: 5%;
}#ux-new-design-para-head{
  margin-left: 0;
  font-size: 18px;
 margin-left: -20%;
}
  #only-mobile-footer {
    display: flex;
    gap: 5%;
    justify-content: center;
  } #only-mobile-footer img{
    cursor: pointer;
    /* width: 15%; */
  }#only-mobile-footer {
    z-index: 2;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    transition: opacity 0.5s ease;
  }#only-mobile-footer #whyu-image{
    width: 16%;
    height: 100%;
  }#only-mobile-footer #call-image{
    width: 15%;
    height: 100%;
  }#only-mobile-footer #email-image{
    width: 15%;
    height: 100%;
  }#only-mobile-footer #request-call-to{
    width: 15%;
    height: 100%;
  }

}#team-members-new {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  /* grid-gap: 10px; */
width: 100%;
}


.member {
  width: 100%;
  /* padding: 5px; */
  background-color: white;
  /* border-radius: 10px;"" */
}#team-members-new img{
width: 100%;
  /* padding: 5px; */
  background-color: white;
}

.member-img {
  object-fit: cover; /* Ensure images fit within their containers */
  height: 100%;
  width: 100%;
}
#beloow-texct-menu-fixed {
  position: absolute;
  font-size: 20px;
  bottom: 5%;
  left: 5%;
  /* transform: translateX(-50%); */
  text-align: center;
}

@media (max-width: 768px) {
#beloow-texct-menu-fixed {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}}



.steps-container-new {
  font-family: "Calisto MT", serif;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 50px 0;
}

.step-row-procces-new {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.left-procces-new, .right-procces-new {
    width: 40%;
    padding: 10px;
}
.step-number {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 20px;
    background: linear-gradient(135deg, rgb(1, 5, 64) 0%, rgb(51, 7, 83) 50%);
    border-radius: 90%;
    /* background-color: #1d005e; */
    /* border-radius: 90%; */
    padding: 5px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
    /* border: 2px solid #00c7ff; */
}

.h2-procces-heading {
  margin-top: 10%;
    font-size: 2rem;
    /* margin-bottom: 10%; */
    color: #fff;
}

.p-procces-heading {
  margin-top: 5%;
  color: white;
    font-size: 1rem;
    line-height: 1.6;
}

.step-row-procces-new:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #00c7ff;
    transform: translateX(-50%);
}



/* Text Alignment Rules */
.heading-left-procces-new h2, .heading-left-procces-new p {
    text-align: right;
}.heading-left-procces-new p{
margin-left: 50%;
}.heading-right-procces-new p{
margin-right: 50%;
}

.heading-right-procces-new h2, .heading-right-procces-new p {
    text-align: left;
}

/* Ensuring the same layout for mobile */
@media screen and (max-width: 768px) {
  .step-row-procces-new {
      flex-direction: row; /* Keep the same layout on mobile */
  }
  .h2-procces-heading{
    margin-top: 50%;
    font-size: 1.2rem;
    text-align: left;
  }.heading-left-procces-new h2 ,.heading-right-procces-new h2 {
    text-align: center;
  }  .p-procces-heading {
      margin-top: 10%;
    }

  .left-procces-new, .right-procces-new {
      width: 40%;
      padding: 10px;
  }.heading-left-procces-new p{
margin-left: -2%;
}.heading-right-procces-new p{
margin-right: -2%;
}

  .step-number {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      font-size: 16px; /* Slightly reduce the font size for smaller screens */
  }
}
@media (max-width: 768px) {
  
  .ux-grid {
          grid-template-columns: 1fr 1fr;
          gap: 10px;
      }
  
      .ux-item {
          padding: 15px;
      }
  
      .ux-container h1 {
          font-size: 2rem;
      }
  
      .ux-container p {
          font-size: 18px;
      }.ux-item {
        margin-top: 20%;
    }
    
  }@media (max-width: 768px) {
    .very-lright-section {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .flex-itemsction {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px; /* Spacing between items */
        width: 100%;
    }

    .flex-itemsction div {
        width: 100%; /* Take full width within grid */
        text-align: center;
        font-size: 16px;
    }

    /* Center-align the last item */
    .very-lright-section .top-itemection:last-of-type {
        grid-column: 1 / -1; /* Span across both columns */
        text-align: center;
        margin-top: 20px;
        font-size: 1.3rem;
    }
}


#unique-services-container {
  font-family: "Calisto MT", serif;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

/* Unique service item */
.unique-service-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

/* Unique service content */
.unique-service-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* Unique headings */
#unique-service-heading-1,
#unique-service-heading-2,
#unique-service-heading-3,
#unique-service-heading-4,
#unique-service-heading-5,
#unique-service-heading-6 {
  color: #00e0e0;
  font-size: 1.8rem;
  flex: 1;
}

/* Unique descriptions */
#unique-service-description-1,
#unique-service-description-2,
#unique-service-description-3,
#unique-service-description-4,
#unique-service-description-5,
#unique-service-description-6 {
  color: white;
  font-size: 1.2rem;
  line-height: 1.5;
  flex: 2;
  margin-left: 1rem;
}

/* Unique dividers */
#unique-service-divider-1,
#unique-service-divider-2,
#unique-service-divider-3,
#unique-service-divider-4,
#unique-service-divider-5 {
  border: 0;
  height: 1px;
  background-color: #00e0e0;
  margin: 1rem 0;
}

/* Responsive styles for tablet screens */
@media (max-width: 768px) {
  #unique-service-heading-1,
  #unique-service-heading-2,
  #unique-service-heading-3,
  #unique-service-heading-4,
  #unique-service-heading-5,
  #unique-service-heading-6 {
    font-size: 1.5rem;
  }

  #unique-service-description-1,
  #unique-service-description-2,
  #unique-service-description-3,
  #unique-service-description-4,
  #unique-service-description-5,
  #unique-service-description-6 {
    font-size: 1rem;
  }

  .unique-service-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .unique-service-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .unique-service-description {
    margin-left: 0;
    margin-top: 0.5rem;
  }
}

/* Responsive styles for mobile screens */
@media (max-width: 480px) {
  #unique-service-heading-1,
  #unique-service-heading-2,
  #unique-service-heading-3,
  #unique-service-heading-4,
  #unique-service-heading-5,
  #unique-service-heading-6 {
    font-size: 1.3rem;
  }

  #unique-service-description-1,
  #unique-service-description-2,
  #unique-service-description-3,
  #unique-service-description-4,
  #unique-service-description-5,
  #unique-service-description-6 {
    font-size: 0.9rem;
  }
}