@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



/* =============Top Navbar Starts================== */
.header-topbar{
    border-bottom: none !important;
    padding: 15px 0;
}
.afos-header-topbar .afos-top-left-content .afos-language-change::before {
    background: none !important;
}
.afos-header-topbar .afos-top-left-content .afos-language-change .afos-name {
    margin-left:  -40px;
}
/* =============Top Navbar Ends========================= */




/* =============Navbar Ends========================= */
/* .afos-header-navigation .afos-site-nav-menu {
  margin-top: -15px;
  margin-bottom: -15px;
  font-size: 18px;
} */

/* .afos-header-navigation .afos-primary-menu li a {
  font-weight: 600 !important;
} */

/* .afos-header-navigation .afos-site-nav-menu .afos-primary-menu {
  font-family: 'Montserrat', sans-serif;
  padding: 0;
  gap: 40px; 
  list-style: none;
  position: relative;
} */

/* Targets all items except the last one */
/* .afos-header-navigation .afos-primary-menu li:not(:last-child) {
  display: inline-block;
} */

/* Moves the last menu item to the right */
/* .afos-header-navigation .afos-primary-menu li:last-child {
  margin-left: auto; Pushes last item to the right
} */

/* .afos-header-navigation .afos-primary-menu li a {
  font-size: 18px;
  color: #555;
  padding: 10px 25px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  font-weight: 900;

} */
/* .afos-sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu > li a:hover ~ .dd-trigger {
  color: #0c59db;
  font-weight: 600 !important;
} */

/* =============Navbar Ends========================= */


/* ==============Hero Section Start==================== */
.afos-banner-slider.afos-banner-slider-two .afos-single-banner::before {
    background: linear-gradient( to bottom, rgba(255, 255, 255, 0), rgba(225, 232, 255, 0.5), rgba(2, 22, 48, 0.8), rgba(2, 22, 48, 0.9), rgba(2, 22, 48, 1) ) !important;
}

.afos-banner-slider.afos-banner-slider-two .slick-arrow {
    background-color: transparent !important;
    color: #0c59db;
  }
/* ==============Hero Section Ends ==================== */


/* =============Why CHoose starts========================= */
.afos-tile-gallery-two {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 150%;
    max-width: 1200px;
    margin: 50px auto 0; /* Added margin-top for separation */
  }
  
  /* Default positioning for images */
  .afos-img-one {
    position: absolute;
    left: -20px;
    top: 400px;
    z-index: 0;
    max-width: 90%;
    height: auto;
  }
  
  .afos-img-two {
    position: absolute;
    right: -60px;
    top: 58rem;
    z-index: 1;
    max-width: 160%;
    height: auto;
  }
  
  /* Tablet View (1024px and below) */
  @media (max-width: 1024px) {
    .afos-tile-gallery-two {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 80px; /* Increased space to separate sections */
      margin-bottom: 500px; /* Added spacing to prevent overlap */
    }
  
    .afos-img-one {
      position: absolute;
      left: -10px; /* Adjusted to keep cascade effect */
      top: 30px;
      width: 90%;
      max-width: 600px;
    }
  
    .afos-img-two {
      position: absolute;
      right: -50px; /* Adjusted for better fit */
      top: 480px;
      width: 90%;
      max-width: 600px;
    }
  }
  
  /* Mobile View (768px and below) */
  @media (max-width: 768px) {
    .afos-tile-gallery-two {
      margin-top: 70px;
      margin-bottom: 100px; /* More spacing to prevent overlap */
      height: 320px;
      width: 400px;
      max-width: 400px;
      max-height: 330px;
    }
  
    .afos-img-one {
      position: absolute;
      left: -10px;
      top: 0px;
      width: 85%;
      max-width: 400px;
    }
  
    .afos-img-two {
      position: absolute;
      right: -20px;
      top: 270px;
      width: 85%;
      max-width: 400px;
    }
  }
  
  /* Small Mobile View (480px and below) */
  @media (max-width: 480px) {
    .afos-tile-gallery-two {
      margin-top: 120px;
      margin-bottom: 70px;
      height: 150px;
      width: 300px;
      max-width: 310px;
      max-height: 160px;
    }
  
    .afos-img-one {
      position: absolute;
      left: 0;
      top: -60px;
      width: 95%;
      max-width: 200px;
    }
  
    .afos-img-two {
      position: absolute;
      right: -50px;
      top: 200px;
      width: 95%;
      max-width: 400px;
    }
  }

  .explore-btn {
    margin-top: 30px;
    display: inline-block;
    padding: 12px 24px;
    background-color: #f57d15;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    border: 2px solid transparent;
    text-align: center;
    font-family: montserrat, san-serrif;
    margin-left: 81px;
  }
  
  .explore-btn:hover {
    background-color: transparent;
    border: 2px solid #f57d15;
    color: #f57d15;
  }

  @media (max-width: 1024px) {
    .explore-btn {
        margin-left: auto;
        
    }
}
/* =============Why CHoose Ends========================= */


/* ============Service Starts================ */
.afos-service-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px; /* Adjust as needed */
    height: 50px; /* Adjust as needed */
    background-color: #FF8E03; /* Orange background */
    color: #fff; /* White icon */
    border-radius: 10%; /* Makes it a circle */
    font-size: 25px; /* Adjust icon size */
    text-align: center;
  }
  
  /* Border under the icon */
  .afos-service-icon::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Adjust spacing from icon */
    left: 8%;
    transform: translateX(-50%);
    width: 62px; /* Adjust border width */
    height: 4px; /* Border thickness */
    background-color: #FF8E03; /* Same color as icon background */
    top: 60px;
  }
  
  .afos-service-icon::before {
    content: "";
    position: absolute;
    bottom: -5px; /* Adjusts distance below main border */
    left: 52%;
    transform: translateX(-50%);
    width: 98%; /* Shorter width for tiny extension */
    height: .5px; /* Thinner border for extension */
    background-color: #81a3bb; /* Change to desired color (e.g., dark grey) */
    top: 61.5px;
  }




  .afos-service-item-four .afos-services-thumb img{
    border-radius: 10px;
  }

  .afos-service-item-four.no-border{
    background-color: transparent !important;
  }

  .afoss-service-item:hover {
    background-color: #f57d15;
    color: #fff;
  }

  .afos-btn-custom {
      display: inline-block;
      background-color: #ff8e03;
      color: white;
      font-weight: bold;
      padding: 12px 20px;
      border-radius: 5px;
      text-decoration: none;
      font-family: 'Montserrat', sans-serif;
      transition: all 0.3s ease-in-out;
      margin-top: 20px;
  }

  .afos-service-shape-section.afos-service-with-shape-two .afos-section-shape-title .ring-shape {
    border: 5px solid #fff !important;
  }

  .afos-service-shape-section.afos-service-with-shape-two  .square-shape-two {
    border: 6px solid #fff !important;
  }


  .afos-btn-custom:hover {
      background-color: #e07c00;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
      transform: scale(1.05);
      color: #fff;
  }

  .afos-btn-custom i {
      margin-left: 8px;
  }

  .afos-service-item-four .afos-services-content .afos-service-link::before {
    background-color: #FF8E03  !important;
  }

/* ============Service Ends================== */

/* =========blog title============= */

.afos-blog-section-title{
  text-align: left; /* Aligns text to the left */
  margin-left: 0; /* Removes any left margin */
  padding-left: 0; /* Ensures no extra padding */
  /* background-color: yellow; */
}
.afos-blog-section-title .afos-blog-title{
  text-align: left !important; /* Align title tag to the left */
  display: block; /* Ensures proper alignment */
  font-size: 32px; /* Adjust if needed */
  font-weight: 700;
  color: #002249;
  font-family: 'Montserrat', sans-serif;
}
/* =============blog title ends======== */


/* ===============Quotes Starts Here============= */

/* Overall Section Styling */
.afos-testimonial-section {
  background-color: #f5faff;
  padding: 35px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* Testimonial Box */
.afos-testimonial-top-box {
  background: #fff;
  padding: 35px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 4px solid #f57d15;
  max-width: 90%; /* Adjust width for responsiveness */
  margin: 0 auto;
}

.afos-testimonial-bottom-box {
  background: #fff;
  padding: 35px;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 90%; /* Adjust width for responsiveness */
  margin: 0 auto;
}

.afos-testimonial-bottom-box {
  background-color: #f5faff;
}

/* Quotation Marks */
.afos-testimonial-message {
  font-size: 16px;
  color: #333;
  line-height: 1.6;
  font-style: italic;
  text-align: center;
  max-width: 90%;
}

.afos-quote-left {
  position: absolute;
  left: 120px;  /* Push it further left */
  font-size: 28px;
  color: #002249;
}

.afos-quote-right {
  position: absolute;
  right: 120px; /* Move it to the right */
  font-size: 28px;
  color: #002249;
}


.afos-testimonials-arrow {
  position: absolute;
  top: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}

.afos-testimonials-arrow .slick-arrow {
  background-color: transparent !important;
  color: #ff8303;
  font-size: 48px;
  border: none;
  pointer-events: auto;
  cursor: pointer;
}

.afos-testimonials-arrow .prev {
  position: absolute;
  top: 9rem;
  left: -40px;
}

.afos-testimonials-arrow .next {
  position: absolute;
  top: 9rem;
  right: -1200px;
}

.afos-testimonial-img img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
  /* background-color: yellow; */
}

/* Responsive Design */
@media (max-width: 1024px) {
  .afos-testimonial-top-box, .afos-testimonial-bottom-box {
      max-width: 85%;
  }
  .afos-testimonials-arrow .next {
      right: -20px;
  }
}

@media (max-width: 768px) {
  .afos-testimonial-top-box, .afos-testimonial-bottom-box {
      max-width: 95%;
  }
  .afos-testimonials-arrow .next {
      right: -10px;
  }
  .afos-testimonials-arrow .prev {
      left: -10px;
  }
}

@media (max-width: 576px) {
  .afos-testimonials-arrow {
      display: none !important;
  }
  .afos-testimonial-message {
      font-size: 14px;
  }
  .afos-testimonial-name {
      font-size: 16px;
  }
  .afos-testimonial-position {
      font-size: 12px;
  }
  .afos-quote-right {
    position: absolute;
    right: 10px;
  }
  .afos-quote-left {
    position: absolute;
    left: 10px;
  }
}
@media screen and (max-width: 991px) {
  #slick-slide-control12, #slick-slide-control11, 
  #slick-slide-control10 {
      display: none !important;
  }
}

/* ===============Quotes Ends Here=============== */




/* ==================contact us====================== */
.afos-contact-section .afos-contact-one-bg::before {
	background-color: #f57d15;
}

.afos-main-btn {
    background-color: #f57d15;
}

.afos-main-btn::before {
    background-color: #f57d15;
}
/* ==================Contact Ends Here=============== */



/* =========Brand Slider=============== */
/* Center the dots below the slider */

.afos-brand-slider .brand-item {
  padding: -10px; /* Adds space around each image */
  margin: 0 -50px; /* Adds space between images */
}

.afos-brand-slider .brand-item img {
  width: 150px; /* Adjust to your preferred size */
  height: 100px; /* Maintain consistency */
  object-fit: contain; /* Ensures images maintain aspect ratio */
}


/* 🟠 Ensure Dots are Aligned Horizontally */
.center-dots {
  display: flex; 
  justify-content: center; /* Centers the dots horizontally */
  align-items: center; /* Aligns them in the middle vertically */
  gap: 10px; /* Space between dots */
  width: 100%; /* Ensure full-width for proper centering */
  position: relative;
  margin-top: 20px; /* Adjust position if needed */
}

/* 🔵 First Dot with Animation */
.center-dot {
  width: 12px;
  height: 12px;
  background-color: #FF8E03; /* Default color */
  border-radius: 50%;
  transition: background 0.5s ease-in-out, transform 0.3s ease;
  animation: colorChange 2s infinite alternate; /* Smooth color change */
}

/* 🎨 Color Animation Effect */
@keyframes colorChange {
  0% { background-color: #FF8E03; }
  50% { background-color: #e67700; }
  100% { background-color: #f57d15; }
}

/* ⚫ Other Dots (Grey) */
.other-dot {
  width: 12px;
  height: 12px;
  background-color: #ccc; /* Default grey color */
  border-radius: 50%;
}


/* 🟠 Custom Button Styling */
.afos-btn-custom {
  display: inline-block;
  background-color: #FF8E03; /* Button Color */
  color: white;
  padding: 12px 25px;
  font-size: 16px;
  border-radius: 5px;
  text-decoration: none;
  transition: background 0.3s ease-in-out;
}

.afos-btn-custom:hover {
  background-color: #e67700; /* Darker shade on hover */
}



/* ==========Brand Slider Ends =======*/



/* ==========FAQ Slider Ends ================*/
/* .afos-accordion-three .afos-card .afos-card-header{
    background-color: #f1f2f2 !important;
    border-radius: 7px;
    border: 2px solid #002249;
    margin-top: 10px;
}

.afos-faq-section .afos-faq-title-tag{
  text-align: left;
} */

.afos-accordion-three .afos-card .afos-card-header {
  background-color: #f1f2f2 !important;
  border-radius: 10px;
  margin-top: 10px;
  border: none; /* No border by default */
}

/* Add border only when the question is active (expanded) */
.afos-accordion-three .afos-card .afos-card-header a[aria-expanded="true"] {
  border: 2px solid #002249;
  border-radius: 7px; /* Ensure it stays rounded */
  display: block; /* Ensure border covers the full width */
  padding: 10px 15px; /* Adjust padding if needed */
}



/* ==========FAQ Slider Ends =================*/


/* ========Footer Start========= */
.afos-footer-area .afos-overlay {
    background-color: #ECECED !important;
}

.afos-footer-area .afos-widget-item-2 ul li a{
    color: #002249;
    transition: all 0.3s ease-out 0s;
}

.afos-footer-area .afos-widget-item-3 .afos-features-sub p{
    color: #002249;
  padding-bottom: 25px;
}

.afos-footer-area .afos-widget-item-3 .afos-title {
    color: #002249;
  }

.afos-footer-area .afos-widget-item-1 p {
    padding-top: 15px;
    color: #002249;
    padding-left: 40px;
  }


.afos-footer-area .afos-widget-item-2 ul li {
  color: #002249;
}

.footer-area .afos-widget-item-2 .title{
    color: #002249;
}

.afos-footer-area .afos-widget-item-3 .afos-features-sub .afos-input-box input{
    border: 2px solid #002249;
}
.afos-footer-area .afos-footer-copyright {
    color: #002249;
    border-top: 1px solid #002249;
    padding-top: 15px;
}

/* ==========Footer End=======  */




/* ===========About us============ */

/* =======About Heading=========== */
/* .afos-since-section-title .afos-since-title-tags {
  position: relative;
  left: -125px;
}

.afos-since-section-title .afos-since-title {
  position: relative;
  left: -172px; 
} */
.afos-since-title {
  font-size: 50px; /* Default for large screens */
  font-weight: bold;
  color: #000; /* Ensure visibility */
  text-align: left; /* Align text to the left */
}

.afos-since-section-title {
  text-align: left; /* Align the section title to the left */
  width: 100%;
}

.afos-since-title-tags {
  display: block;
  font-size: 18px;
  color: #555;
  margin-bottom: 10px;
  text-align: left; /* Ensure subtitle aligns left */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .afos-since-title {
    font-size: 36px; /* Adjust size for tablets */
  }
}

@media (max-width: 490px) {

  .afos-since-title {
      font-size: 40px; /* Adjust for mobile */
      margin-top: 17px;
      z-index: 2;
  }
  .afos-who-we-are {
    margin-top: 220px;
  }
  .afoss-about-section-2::after {
    position: relative;
    top: 220px;
  }
  .afos-about-section-22 {
    padding-top: 10px;
    padding-bottom: 300px;
  }
}


/* Adjust for mobile */
@media (max-width: 768px) {
  .afos-since-section-title .afos-since-title {
    left: 0; /* Ensure it's fully aligned to the left */
    text-align: left; /* Reinforce left alignment */
  }
}

.afos-page-title-area {
  margin-bottom: -150px;
}

.afos-about-section .afos-about-title {
  color: #555;
  margin-top: -120px;
  font-weight: 600;
}

/* Tablet View (768px and below) */
@media (max-width: 768px) {
  .afos-page-title-area  {
    margin-bottom: -300px
  }
  
}

/* Mobile View (480px and below) */
@media (max-width: 480px) {
  
}
/* =======ABout Heading ends=========== */

/* navbar */
.afos-track-trace-color {
  color: #81a3bb !important;
}

.afos-social-icon-alt {
  color: #81a3bb !important;
}

.afos-track-trace-color:hover {
  color: #f57d15 !important;
}

.afos-social-icon-alt:hover {
  color: #f57d15 !important;
}

.afos-page-title-area {
  background: linear-gradient(to bottom, #dbdbdb, #fff);
}
/* navbar  end */

/* =========2nd section======== */
.afoss-about-section-1{
  background-color: #f5faff;
  padding: 30px 0;
}

.afoss-image-stack {
  position: relative;
  width: 100%;
  max-width: 350px; /* Default size for large screens */
  margin-top: -100px;
  margin-bottom: 700px;
}

.afoss-stack-img {
  width: 100%;
  border-radius: 10px;
  position: absolute;
  transition: all 0.3s ease-in-out;
}

.section-gap.afos-section-gap {
  border-bottom: 3x solid #555 !important;
}



.afoss-about-section-2 {
  position: relative;
  text-align: center; /* Ensures the border stays centered */
  padding-bottom: 20px; /* Adjust spacing */
}

.afoss-about-section-2::after {
  content: "";
  display: block;
  width: 90%; /* Adjust width as needed */
  max-width: 1170px; /* Set a max width to control its size */
  height: 2px; /* Thickness of the border */
  background-color: #000; /* Change to your preferred color */
  margin: 0 auto; /* Centers the border */
  margin-top: 20px; /* Adjust spacing from the content */
}

/* Tablet View (768px and below) */
@media (max-width: 768px) {
  .afoss-about-section-2::after {
    width: 90%; /* Increase width for better fit on tablets */
  }
}

/* Mobile View (480px and below) */
@media (max-width: 480px) {
  .afoss-about-section-2::after {
    width: 90%; /* Make it almost full-width on small screens */
  }
}


/* Default positions */
.afoss-stack-img-1 { 
  top: 80px; 
  left: -50px; 
  z-index: 1; 
  border-radius: 10px;
}
.afoss-stack-img-2 { 
  top: 270px; 
  left: 120px; 
  z-index: 2; 
  opacity: 0.9; 
}
.afoss-stack-img-3 { 
  top: 450px; 
  left: -50px; 
  z-index: 3; 
  opacity: 0.8; 
  border-radius: 10px;
}

/* 📱 Small Mobile (max-width: 375px) */
@media (max-width: 375px) {
  .afoss-image-stack { 
    max-width: 200px; 
  } /* Reduce image size */
  .afoss-stack-img-2 { 
    top: 10px; 
    left: 10px; }
  .afoss-stack-img-3 { 
    top: 20px; 
    left: 20px; }
}

/* 📱 Mobile Phones (max-width: 480px) */
@media (max-width: 480px) {
  .afoss-image-stack { 
    max-width: 
    300px; 
  }
  .afoss-stack-img-2 { 
    top: 12px; 
    left: 12px; 
  }
  .afoss-stack-img-3 { 
    top: 24px; 
    left: 24px; 
  }
}

/* 📟 Small Tablets (max-width: 768px) */
@media (max-width: 768px) {
  .image-stack { 
    max-width: 350px; 
  }
  .stack-img-2 { 
    top: 15px; 
    left: 15px; 
  }
  .stack-img-3 { 
    top: 30px; 
    left: 30px; 
  }
}

/* 💻 Tablets & Small Laptops (max-width: 1024px) */
@media (max-width: 1024px) {
  .afoss-about-section-1 {
  background-color: #f5faff;
  margin-bottom: -200px;
  }
  .afoss-about-section-2 .row {
    display: flex;
    flex-direction: column-reverse; /* Move text above, images below */
  }
 
  .afoss-image-stack { 
    max-width: 260px; 
    /* margin-bottom: 420px; */
    margin: 170px auto;
    padding-top: 210px;
    padding-bottom: 10px;
  }
  .afoss-stack-img-1{
    top: -70px;
    left: -20px;
  }
  .afoss-stack-img-2 {
    left: 60px; 
    top: 50px;
  }
  .afoss-stack-img-3 { 
    top: 180px; 
    left: -20px; 
  }
}
@media (max-width: 375px) {
  .afoss-image-stack { 
    max-width: 270px; /* Adjusted for smaller screens */
    margin-top: 0;
    margin-bottom: 50px; /* Prevent large gaps */
  }

  .afoss-stack-img-1 { 
    top: 20px; 
    left: -12px; 
  }

  .afoss-stack-img-2 { 
    top: 160px; 
    left: 40px; 
  }

  .afoss-stack-img-3 { 
    top: 300px; 
    left: -12px; 
  }
}

/* ========2nd section Ends========= */

/* =========3rd section========== */
.afos-about-section-2 {
  background-color: #f5faff;
  padding-top: 120px 0;
  margin-bottom: 300px;
}
.afos-image-stack {
  position: relative;
  width: 100%;
  max-width: 350px; /* Default size for large screens */
  margin-top: -100px;
}

.afos-stack-img {
  width: 100%;
  border-radius: 10px;
  position: absolute;
  transition: all 0.3s ease-in-out;
}

/* Default positions */
.afos-stack-img-1 { 
  top: -100px; 
  left: 170px; 
  z-index: 1; 
  border-radius: 10px;
}
.afos-stack-img-2 { 
  top: 70px; 
  left: -40px; 
  z-index: 2; 
  opacity: 0.9; 
}
.afos-stack-img-3 { 
  top: 230px; 
  left: 170px; 
  z-index: 1; 
  opacity: 0.8; 
  border-radius: 10px;
}

/* 📱 Small Mobile (max-width: 375px) */
@media (max-width: 375px) {
  .afos-image-stack { 
    max-width: 250px; 
  } /* Reduce image size */
  .afos-stack-img-2 { 
    top: 10px; 
    left: 10px; }
  .afos-stack-img-3 { 
    top: 20px; 
    left: 20px; }
}

/* 📱 Mobile Phones (max-width: 480px) */
@media (max-width: 480px) {
  .afos-image-stack { 
    max-width: 
    300px; 
  }
  .afos-stack-img-2 { 
    top: 12px; 
    left: 12px; 
  }
  .afos-stack-img-3 { 
    top: 24px; 
    left: 24px; 
  }
}

/* 📟 Small Tablets (max-width: 768px) */
@media (max-width: 768px) {
  .image-stack { 
    max-width: 350px; 
  }
  .stack-img-2 { 
    top: 15px; 
    left: 15px; 
  }
  .stack-img-3 { 
    top: 30px; 
    left: 30px; 
  }
}

/* 💻 Tablets & Small Laptops (max-width: 1024px) */
@media (max-width: 1024px) {
  .afos-about-section-2 {
  background-color: #f5faff;
  margin-bottom: -300px;

  }
  .afos-about-section-2 .row {
    display: flex;
    flex-direction: column-reverse; /* Move text above, images below */
  }
 
  .afos-image-stack { 
    max-width: 260px; 
    /* margin-bottom: 420px; */
    margin: 50px auto;
    padding: 250px 0;
  }
  .afos-stack-img-1{
    left: -40px;
  }
  .afos-stack-img-2 {
    left: 50px; 
    top: 30px;
  }
  .afos-stack-img-3 { 
    top: 150px; 
    left: -40px; 
  }
}

@media (max-width: 375px) {
  .afos-image-stack { 
    max-width: 270px; /* Adjusted for smaller screens */
    margin-top: 0;
    margin-bottom: 50px; /* Prevent large gaps */
  }

  .afos-stack-img-1 { 
    top: 20px; 
    left: -12px; 
  }

  .afos-stack-img-2 { 
    top: 160px; 
    left: 40px; 
  }

  .afos-stack-img-3 { 
    top: 300px; 
    left: -12px; 
  }
}
/* =========3rd section ENdss========== */

/* ========Service========== */
.afos-service-header {
  text-align: center; /* Centers text elements */
  display: flex; /* Enables flexbox */
  flex-direction: column; /* Stacks items vertically */
  align-items: center; /* Centers items horizontally */
  justify-content: center; /* Centers items vertically */
  margin: 0 auto; /* Ensures horizontal centering */
  padding: 20px; /* Adds some space around content */
  max-width: 90%; /* Prevents content from stretching too wide */
}

.afos-service-header .afos-headers {
  font-weight: 700;
  padding: 10px;
  font-size: 20px;
}

.afos-service-header p {
 font-size: 20px;
}

.afos-service-header span {
  font-weight: 500;
  padding: 25px;
  font-size: 20px;
}

/* Responsive for tablets */
@media (max-width: 1024px) {
  .afos-service-header {
      max-width: 95%; /* Adjust width for tablets */
  }
}

/* Responsive for mobile */
@media (max-width: 768px) {
  .afos-service-header {
      max-width: 100%; /* Uses full width on mobile */
      padding: 15px; /* Reduces padding for smaller screens */
  }

}

@media (max-width: 480px) {
  .afos-service-header {
      padding: 10px; /* Further reduces padding for small screens */
  }

  .afos-headers {
      font-size: 18px; /* Slightly smaller heading */
      line-height: 1.2; /* Adjusts line spacing for better fit */
  }

  .afos-title {
      font-size: 14px; /* Adjusts paragraph text for readability */
      line-height: 1.4; /* Prevents text from looking too compressed */
  }

  span {
      font-size: 13px; /* Reduces span text size */
  }
}


.afosss-service-item-three {
  padding: 55px 10px !important;
  
}

.afosss-service-item-three .afoss-icon i {
  color: #FF8E03;
}

/* =========Service ends======= */
/* ======customer care section======= */
.afos-contact-form .afos-form-title {
  font-weight: 600;
  font-size: 16px;
}
/* ======customer care ends ========= */

/* =======Team=========== */
.afos-team-area.afos-team-section-extra-padding{
 margin-top: -150px;
 /* background-color: transparent; */
 padding-bottom: 20px !important;
 padding-top: 0;
}

.afos-about-service-item:hover {
  background-color: #FF8E03;
}


/* =========Team End===== */

/* ======hard Code======== */
.afos-1 {
  margin-top: 200px;
}
@media (max-width: 1024px){
  .afos-1 {
    margin-top: 10px;
  }
  .afos-stack-img-1 {
    margin-top: 50px;
  }
}

.afos-texting-hard {
  margin-bottom: 30px;
  font-family: 'Montserrat', sans-serif;
}

.afos-hard-title {
  font-weight: bold;
  font-size: 18px;
}

.afos-texting-hard.afos-2 .afos-hard-title {
  color: #f57d15;
}

.afos-3 {
  color: #3e4094;
}

.afos-title-text {
  font-weight: 400;
  font-size: 14px;
  color: #555;
  letter-spacing: 1.2px;
}

/* ======hard code end==== */