/*Global class color*/
.primary-color{color: #00003B;}
.secondary-color{color: #F57E20;}
.tartary-color{color: #787880;}
.success-color{color: #9ADFFF;}
.error-color{color: #ffffff;}
.warning-color{color: #000000;}

/*Global class background color*/
.primary-bg{background-color: #00003B;}
.secondary-bg{background-color: #F57E20;}
.tartary-bg{background-color: #787880;}
.success-bg{background-color: #9ADFFF;}
.error-bg{background-color: #E82027;}
.warning-bg{background-color: #000000;}

.heading-title { width: 450px; margin: 0 auto; text-align: center; margin-bottom: 20px;}
.heading-title h2{font-size: 40px; line-height: 1.1; font-weight: 800; color: #00003B;}
.heading-title h5 { font-size: 16px; font-weight: 600; }
.industries-sec-three{padding-bottom: 0px !important;}
.industries-about-box{margin-bottom: 0px !important;}

.industries-title.heading-title.client-title.pt-120 { padding-top: 70px;}

.industries-sec{padding-top: 70px; }
.industries-tl h2{font-size: 32px !important; font-weight: 800; color: #00003B; margin-bottom: 20px;}
.industries-tl p{color: #00003B;}
.industries-box{
    background-color: #E8E8F3;
    display: flex;
    flex-wrap: wrap;
    background-image: url(../assets/images/Sun-img/Texture-industries.png);
    background-size: cover;
    background-repeat: no-repeat;
    gap: 50px;
    border-bottom: 1px solid #ccc;
}
.inn-box{flex-direction: row-reverse;}
.left-industries-box{
    width: calc(56% - 50px);
    padding: 58px 0px 58px 0px;
}
.industries-box-title {
    width: 650px;
    margin: 0 0 0 auto;
}
.right-industries-box{
    width: 44%;
}
.right-industries-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.industries-box-title h3 {
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 20px;
}
.industries-box-title h4 {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 20px;
}
.industries-box-title p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 20px;
}
.industries-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.industries-list ul li {
   display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    line-height: 1.8;
}
.listing-box {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.listing-box-inner {
  width: calc(50% - 10px);
    display: flex;
    align-items: center;
    gap: 21px;
    background-color: rgb(0 0 59 / 10%);
    border-radius: 10px;
    padding: 15px;
}
.left-listing-txt p {
  margin-bottom: 0px !important;
  color: #00003B;
  line-height: 1.5;
  
}
/* .list-unstyled li i{
    color: #00003B;
} */
.inn-box .industries-box-title {
    width: 650px;
    margin: 0;
}


.service-page{
    background-color: #E8E8F3;
}
.services-page-img{
    padding: 120px 0px;
    background-image: url(/hostom-html-main/assets/images/Sun-img/services-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*Home Form*/
.row.use-case-inner.gutter-y-30 {
  justify-content: center;
}
.home-form-bg{
    background: url("/suncomputer/wp-content/themes/suncomputer/assets/images/Sun-img/testimonial-bg.png") no-repeat center/cover;
    height: auto;
    align-items: center;
    justify-content: center;
    background-position: top;
  }
  .form-num h1 {
    font-size: 50px;
    font-weight: 500;
}
  .testimonial_text{font-size: 34px; font-weight: 600; color: #ffffff;}
  .form-tl h5 { display: flex ; align-items: center; gap: 10px; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; font-size: 24px; font-weight: 600; line-height: 1.2;}
  .form-num h1{color: transparent; -webkit-text-stroke: 1.3px #F57E20; text-stroke: 1.3px #F57E20; text-shadow: none; font-family: "Jost", sans-serif;}
  .about-form-inn{display: flex; gap: 100px; flex-wrap: wrap; align-items: center;}
  .left-about-form {width: 553px;}
  .right-about-form{width: calc(100% - (553px + 100px));}
  .form-inner { display: flex ; gap: 15px; align-items: center; }
  .left-inner-group, .right-inner-group { width: 50%; }
  .left-inner-group input, .right-inner-group input{
    width: 100%;
    padding: 19px 30px;
    border: none;
    background-color: #F2F2F2;
    font-size: 16px;
    color: #00003B;
  }
  .form-btn a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
  .left-inner-group input::placeholder, .right-inner-group input::placeholder{ color: #00003B; font-weight: 500; }
  .form-checkbox{width: 100%; border: none; background-color: #F2F2F2; font-size: 16px; color: #00003B; display: flex ; justify-content: space-between; margin: 15px 0px;}
  .left-checkbox { display: flex ; gap: 15px; align-items: center; padding: 15px 0px 15px 30px; }
  .right-checkbox a{display: flex;}
  .left-checkbox input[type="checkbox"] {width: 20px; height: 20px; accent-color: #00003B;}
  .left-checkbox label a {color: #00003B; font-weight: 500; font-size: 16px; }
  .form-btn{width: 100%; justify-content: center; align-items: center;}
  .form-btn a { display: flex ; align-items: baseline; gap: 10px; padding: 18px 0px; font-size: 18px; font-family: "DM Sans", sans-serif; font-weight: 500; justify-content: center;}


  .history-box{width: 600px; padding: 30px 40px; border: 2px solid #00003B; border-radius: 10px; margin: 0 auto;}

  
  .history-timeline {
    position: relative;
    padding-left: 4%;
  }
  
  .history-timeline::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    background: #000;
    transform: translateX(-50%);
  }
  
  .history-event {
    width: 45%;
    padding: 10px 20px;
    position: relative;
    margin-bottom: 50px;
  }
  .history-box h3 , .history-event h3{
    font-size: 34px;
    font-weight: 800;
}
.left-event::after {
    content: '';
    position: absolute;
    top: 20px;
    right: -38px;
    width: 10px;
    height: 10px;
    background-color: #00003B;
    border-radius: 50%;
  }
  .right-event::after {
    content: '';
    position: absolute;
    top: 20px;
    left: -62px;
    width: 10px;
    height: 10px;
    background-color: #00003B;
    border-radius: 50%;
  }
  
  .left-event {
    left: 0;
    text-align: left;

  }
  
  .right-event {
    left: 53%;
    text-align: left;
  }
  
  .history-goal {
    position: relative;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 120px;
  }
  
  
  .goal-text h1 {
    color: #00003B; 
    font-weight: 600;
    font-size: 50px;
   
  }
  
  .goal-text h2 {
    font-size: 200px;
    color: #EEEEF0;
    margin: 0;
    font-weight: 800;
  }
  .goal-img img { position: absolute; z-index: 1; /* left: 50%; */ top: 160px; transform: translate(50%, -50%); right: 50%; }
  .goal-text h2 { position: relative; }

  .choose-right-img{
    background-image: url(../img/Img.png);
    padding-bottom: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 10px;
 
  }



  .client-stories-inn{
    background-color: #E8E8F3;
    background-image: url(/hostom-html-main/assets/images/Sun-img/Texture-industries.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .client-box{
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
    align-items: center;
  }
  .client-left-box{
    width: calc(56% - 50px);
  }
.client-right-box{
        width: 44%;
}
.client-right-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.client-box-title {
    width: 650px;
    margin: 0 0 0 auto;
}
.client-list-box {
    background-color: #fff;
    border-radius: 20px;
    padding: 50px;
}
.client-list{
    list-style: disc;
    column-count: 2;
    display: inline-block;
    gap: 50px;
    color: #00003B;
    
}
.client-list li a{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.8;
    color: #00003B;
}
.client-stories-img{
    display: flex;
    gap: 88px;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    text-align: center; 
}
.client-img-box h5{
    margin-top: 15px;
}



.testimonial-section {
    /* padding: 100px 20px; */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* .sec-title.testimonial-tl { width: 456px; } */
  .sec-title.testimonial-tl  p { margin-top: 30px; color: #fff;}

  .testimonial-container {
    background-color: #00003B;
    background-image: url(/hostom-html-main/assets/images/Sun-img/testimonial-bg-txt.png);
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    padding: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    transition: transform 0.4s ease;
    min-height: 513px;
  }
  .slick-dots li button:before{
    border: 1px solid;
    border-radius: 50px;
  }
  /* .testimonial-container:hover {
    transform: translateY(-5px);
  } */

  .testimonial-slider {
    background-color: #D9D9D9;
    width: 823px;
    border-radius: 30px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
  .slick-dotted.slick-slider{margin-bottom: 0px !important;}
  .testimonial-slide {
    padding: 75px 60px;
  }

  .client-slider {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }

  .client-slider img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 12px;
  }

  .client-info h4 {
    margin: 0;
    color: #F57E20;
    font-size: 20px;
    font-weight: 700;
  }

  .client-info p {
    margin: 0;
    font-size: 13px;
    color: #666;
  }
  .slick-dots li{
    margin-bottom: 20px;
  }
  .testimonial-slide p {
    color: #333;
  }

  .testimonial-slide ul {
    margin-left: 20px;
  }

  blockquote {
    font-style: italic;
    color: #444;
    margin: 20px 0;
  }

  .stars {
    color: #FFA500;
    font-size: 18px;
  }
  .testimonial---inn {
    font-size: 16px;
    line-height: 1.6;
    position: relative;
    padding: 70px 60px;
  }

  .quote-icon img{
    position: absolute;
    top: 60px;
    right: 60px;
    font-size: 60px;
    color: #ff6600;
  }

  .testimonial-content{
    position: absolute;
    height: 100%;
    top: -39px;
  }

  .testimonial-author {
    font-weight: bold;
  }


  .testimonial-avatars {
    align-items: center;
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  

  .main-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 4px solid #F57E20;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    transition: all 0.4s ease-in-out;
  }

  .avatar-stack {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .stack-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  }
  /* Slick Dots Left */
  .slick-dots {
    position: absolute;
    left: -50px;
    bottom: -25%;
    transform: translateY(-50%);
    display: flex !important;
   
  }

  .slick-dots li button:before {
    font-size: 12px;
    color: #bbb;
  }

  .slick-dots li.slick-active button:before {
    color: #F57E20;
  }

  /* Avatars on Right */
  .client-avatars {
    position: absolute;
    right: -37px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  /* .slick-dots{
    bottom: auto !important;
  } */

  .client-avatars img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  }

  @media (max-width: 768px) {
    .testimonial-container {
      flex-direction: column;
      padding: 20px;
    }

    .slick-dots {
      position: static;
      flex-direction: row;
      justify-content: center;
      transform: none;
      margin-top: 20px;
    }

    .client-avatars {
      display: none;
    }

    .testimonial-slider {
      width: 100%;
    }
  }
.test-sec--container{ margin: 0 auto;}
.about-fore__thumb img {
  width: 100%;
}
.about-fore__right {
  margin-top: 30px;
}

.contact-one__inner .form-one__group .form-one__control input, .contact-one__inner .form-one__group .form-one__control textarea { font-size: 16px; font-weight: 500; font-family: var(--hostom-font); padding: 19px 30px; line-height: 1; color: #787880; }

  /*Use Case Details*/
  .use-case-details{
    background-color: #E8E8F3;
    padding: 120px 0px;
  }
  .use-case-inner h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 30px;
    line-height: 1.3;
}
.use-case-list li{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.5;
    color: #787880;
}

.client-logo{
  padding-top: 120px;
}
.logo-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  padding: 20px;
}

.row-reverse {
  flex-direction: row-reverse;
}

.client-logo__item img{
  min-height: 50px;
  width: 200px ;
  object-fit: contain;
}
.client-logo__item2 img {
/*  max-height: 100px;*/
  width: 100px !important;
  height: auto;
}
.owl-stage{
  /* display: flex; */
  align-items: center;
}
.reverse-direction{
  margin-top: 50px;
}

.email-input {
  padding: 12px 52px 12px 15px;
  width: 100%;
  border-radius: 10px;
  border: none;
  font-size: 1rem;
}
.footer-widget--about form {
    max-width: 302px;
    position: relative;
    width: 100%;
}

.footer-widget--about form input[type=submit] {
    position: absolute;
    border: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'><path d='M13.6202 0.15323C13.8964 0.344636 14.0413 0.675495 13.9893 1.00635L12.2393 12.3814C12.1983 12.6466 12.037 12.879 11.8018 13.0103C11.5667 13.1415 11.2851 13.1579 11.0362 13.054L7.76591 11.695L5.89286 13.7212C5.6495 13.9864 5.26669 14.0739 4.93036 13.9427C4.59404 13.8114 4.37529 13.486 4.37529 13.1251V10.8392C4.37529 10.7298 4.4163 10.6259 4.49013 10.5466L9.07294 5.54542C9.23153 5.37315 9.22607 5.10792 9.062 4.94386C8.89794 4.77979 8.63271 4.76886 8.46044 4.92471L2.89872 9.86573L0.484269 8.65714C0.194425 8.51221 0.00848793 8.22237 0.0002848 7.89971C-0.00791833 7.57706 0.161613 7.27628 0.440519 7.11495L12.6905 0.114948C12.9831 -0.0518486 13.344 -0.0354423 13.6202 0.15323Z' fill='%23F57E20'/></svg>") no-repeat center /14px;
    font-size: 0;
    top: 0;
    right: 0;
    width: 50px;
    height: 54px;
    padding: 10px 6px;
}

.email-input:focus {
  outline: none;
}
.email-input-wrapper{
  width: 100%;
/*  display: flex;*/
}
.send-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #ff6b00;
  font-size: 1.2rem;
  pointer-events: none;
}
.testi-strong strong {
  color: #00003B;
  font-weight: 700;
}


.timeline {
  position: relative;
  margin: 50px 0;
}

.timeline::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #00003B;
  transform: translateX(-50%);
}

.event {
  position: relative;
  width: 50%;
  padding: 20px 40px;
  box-sizing: border-box;
}
.event-top{
  position: relative;
}
.event-top1{
  position: relative;
}
.event-top2{
  position: relative;
}

.event-toping{
  left: 0;
  text-align: left;
}
.event.left {
  left: 0;
  text-align: left;
}

.event.right {
  left: 50%;
  text-align: left;
}

.event h3 {
  margin-top: 0;
  font-size: 34px;
  color: #00003B;
  font-weight: 700;
}

.event p {
  margin: 5px 0 0;
  font-size: 18px;
  color: #555;
}
.event-top::before {
  content: '';
  position: absolute;
  top: 0;
  width: 12px;
  height: 12px;
  background: #00003B;
  border-radius: 50%;
  border: 2px solid white;
  z-index: 1;
  left: 49.5%;
}
.event::before {
  content: '';
  position: absolute;
  top: 30px;
  width: 12px;
  height: 12px;
  background: #00003B;
  border-radius: 50%;
  border: 2px solid white;
  z-index: 1;
}

.event.left::before {
  right: -6px;
}

.event.right::before {
  left: -6px;
}
@media (max-width: 768px) {
  .timeline::before {
    left: 20px;
  }

  .event {
    width: 100%;
    padding-left: 50px;
    padding-right: 20px;
    text-align: left !important;
  }
  /* .event-top {
    width: 100%;
    padding-left: 50px;
    padding-right: 20px;
    text-align: left !important;
  }
  .event-top1 {
    width: 100%;
    padding-left: 50px;
    padding-right: 20px;
    text-align: left !important;
  }
  .event-top2 {
    width: 100%;
    padding-left: 50px;
    padding-right: 20px;
    text-align: left !important;
  }
  .event-toping{
    left: -47.50% !important;
  }
  .event-bottom1{
    left: -47.40% !important;
  }
  .event-bottom2{
    left: -47.40% !important;
  } */
  
  .event.left,
  .event.right {
    left: 0;
  }

  .event.left::before,
  .event.right::before {
    left: 14px;
  }
}

@media (max-width: 500px) {
  .goal .year {
    font-size: 40px;
  }

  .goal img {
    width: 30px;
  }

  .history-box {
    width: 90%;
  }
  .event-top::before {
    left: 52.4% !important;
  }
}



.event-top1::before {
  content: '';
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  background: #00003B;
  border-radius: 50%;
  border: 2px solid white;
  z-index: 1;
  left: 49.6%;
}
.event-top2::before {
  content: '';
  position: absolute;
  top: 0;
  width: 8px;
  height: 8px;
  background: #00003B;
  border-radius: 50%;
  border: 2px solid white;
  z-index: 1;
  left: 49.7%;
}



.event-top::before,
.event-top1::before,
.event-top2::before {
  content: '';
  position: absolute;
  top: 0;
  background: #00003B;
  border-radius: 50%;
  border: 2px solid white;
  z-index: 1;
}

/* Sizes */
.event-top::before {
  width: 12px;
  height: 12px;
  left: 50%;
  transform: translateX(-50%);
}
.event-top1::before {
  width: 11px;
  height: 11px;
  left: 50%;
  transform: translateX(-50%);
}
.event-top2::before {
  width: 8px;
  height: 8px;
  left: 50%;
  transform: translateX(-50%);
}

/* Mobile Fixes */
@media (max-width: 768px) {
  .timeline::before {
    left: 20px;
  }

  .event,
  .event-top,
  .event-top1,
  .event-top2 {
    width: 100%;
    padding-left: 50px;
    padding-right: 20px;
    left: 0 !important;
    text-align: left;
  }

  .event.left::before,
  .event.right::before {
    left: 14px ;
  }

  .event-top::before{
    left: 14px !important;
    transform: none;
  }
  .event-top1::before{
    left: 14.4px !important;
    transform: none;
  }
  .event-top2::before {
    left: 15.4px !important;
    transform: none;
  }
}



.testimonial-section {
  background: #01042d;
  color: white;
  padding: 3rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: center;
}

.testimonial-intro .label {
  color: #ff703b;
  font-size: 0.9rem;
  font-weight: bold;
  text-transform: uppercase;
}

.testimonial-intro h2 {
  font-size: 2rem;
  margin: 0.5rem 0;
}

.testimonial-intro .description,
.testimonial-intro .rating {
  font-size: 1rem;
  color: #dcdcdc;
}

.testimonial-slider {
  max-width: 500px;
}

.testimonial-card {
  background: #f4f4f6;
  color: #000;
  border-radius: 10px;
  padding: 1.5rem;
}

.stars {
  color: #ffa500;
  font-size: 1.2rem;
}

.testimonial-text {
  margin: 1rem 0;
}

.author {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.author img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.slider-controls {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
}

.slider-controls button {
  background: #53baff;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 50%;
  cursor: pointer;
  color: white;
}

/**/
.service-details__single ul { list-style: none; padding: 0; }
.service-details__single ul li { padding-left: 30px; position: relative; }
.service-details__single ul li:before { content: ''; position: absolute; background: url(https://www.inboundweb.in/suncomputer/wp-content/uploads/2025/10/check-icon.webp)no-repeat center / contain; width: 18px; height: 18px; left: 0; top: 6px; }
.contact-one__inner .form-one__group .form-one__control input[type=submit] { color: #fff; }
.contact-one__info__title a:hover { color: var(--hostom-secondary2, #FB542D); }
.main-header__right__social a:hover { color: var(--hostom-secondary2, #FB542D); }
.about-fore__top h3.sec-title__title { margin-bottom: 0; }
.main-footer__middle .footer-widget__links__item::before { display:none; }
.main-footer__middle .footer-widget__links__item:hover { padding-left: 0; }
.main-footer__middle .footer-widget__links__item a { position: relative; }
.main-footer__middle .footer-widget__links__item a::before { content: ""; width: 0px; position: absolute; height: 1px; bottom: 0; left: 0%; background: var(--hostom-white, #fff); transition: all 0.4s ease-in-out; }
.main-footer__middle .footer-widget__links__item a:hover::before { width: 100%; background: #F57E20; }
.main-footer__middle .footer-widget__info__item a:hover, .main-footer__middle .footer-widget__links__item:hover a:hover, .main-footer__middle .footer-widget__links__item a:hover { color: #F57E20; } 
.pronation_widget ul a, .pronation_widget ul li span { display: inline-block; padding: 0.5px 20px; border-radius: 6px; border: 1px solid var(--hostom-gray, #f9f6f1); color: var(--hostom-base, #c2a74e); transition: all 500ms ease-in-out; font-size: 20px; font-weight: 700; line-height: 235%; }
.pronation_widget span.page-numbers.current { background-color: var(--hostom-secondary2, #FB542D); color: var(--hostom-white, #fff); border: 1px solid var(--hostom-secondary2, #FB542D); font-weight: 500; }
.service-three .service-three__text { text-align: left; }
.service-three .service-three__text p { margin-bottom: 10px; }
.blog-card__title a:hover { background: transparent; }
.blog-card__content:hover .blog-card__title a { color: var(--hostom-secondary2, #FB542D); }
.about-form-inn .form-inner .wpcf7-validates-as-required { padding: 19px 30px !important; border-radius: 0 !important; }
.about-form-inn .form-inner .wpcf7-not-valid-tip { color: #ff0000; font-size: 16px; margin-top: 6px; font-weight: 600; line-height: 1.6; }
.about-form-inn .wpcf7 form.invalid .wpcf7-response-output { color: #fff; }
.about-form-inn .form-inner { align-items: flex-start; }
.page-template-home section.funfact-three { padding: 100px 0 0px; }
.contact-map .google-map.google-map__contact > p { margin-bottom: 0; }
.footer-widget--company .menu { list-style: none; padding-left: 0; }
.slick-client-logo-2 .slick-slide > div { margin: 0px 40px; }
section.client-logo.client-stories { padding-bottom: 30px; }


/* Mobile Header */
.mobile-nav__header .logo-box { margin-bottom: 0; } 
.mobile-nav__header { display: flex; justify-content: space-between; align-items: center; padding: 5px 0px; }
.mobile-nav__header .mobile-nav__close { position: relative; font-size: 30px; top: unset; right: unset; width: 25px; height: 25px; }
.mobile-nav__header .mobile-nav__close:before, .mobile-nav__close:after { width: 100%; height: 2px; content: ''; position: absolute; background: var(--hostom-secondary2, #FB542D); top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.mobile-nav__header .mobile-nav__close:after {transform: translate(-50%, -50%) rotate(-45deg);}
.mobile-nav__header .mobile-nav__close i { display:none; }
.mobmenu .mobile-nav__content { padding-top: 5px; }
.mobmenu .mobile-nav__container { padding-top: 25px; }
.main-menu__list .menu-item-has-children { position: relative; }
.mobmenu .childTrigger { position: absolute; right: 0; top: 10px; width: 25px; height: 25px; }
.mobmenu .childTrigger:before, .mobmenu .childTrigger:after { content: ''; position: absolute; width: 12px; height: 2px; background: var(--hostom-secondary2, #FB542D); top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mobmenu .childTrigger:after { transform: translate(-50%, -50%) rotate(90deg); }
.main-menu__list .menu-item-has-children.child-open .childTrigger:after { opacity: 0; }




/* Responsive */
@media (max-width: 768px) {
  .testimonial-section {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .testimonial-slider {
    margin: 0 auto;
  }
}
.client-logo {
  padding-top: 120px;
}

.client-logo__item,
.client-logo__item2 {
  text-align: center;
}




.client-logo img {
  max-width: 100%;
  min-height: auto;
  /* border: 1px solid #ccc;
  padding: 10px;
  border-radius: 13px;
  box-shadow: 0px 1px 21px -18px #000; */
}

.slick-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.slick-track{display: flex; align-items: center;}
.slick-client-logo-2.slick-initialized.slick-slider { direction: rtl; text-align: end;}
.slick-client-logo-1.slick-initialized.slick-slider{padding: 30px 0px; pointer-events: none;}
.slick-client-logo-2.slick-initialized.slick-slider{padding: 30px 0px; pointer-events: none;}
/* .about-inner{padding-top: 120px;} */
.main-footr__copyright{margin-bottom: 0px !important; color: #fff !important;}
.service-details-heading{font-size: 20px; font-weight: 700; color: #00003B;} 
.client-stories{padding-bottom: 120px;}
label.error { color: red; }


@media (max-width: 600px){
  li.contact-one__info__item {  flex-direction: column;gap: 10px; text-align: center;}
  .contact-one__info__icon { margin: 0 auto;}
  .testimonial-three__content{margin-left: 0px;}
  .industries-tl h2{font-size: 20px !important;}

  .contact-one { padding: 60px 0px; }
}

@media (max-width: 767px){
  .row.gutter-y-30.home-services-inner { position: relative;}
  .industries-title.heading-title.client-title.pt-120 { padding-top: 30px; }
  .sec-title.testimonial-tl p { margin-top: 15px; }
  .client-stories{padding: 60px 0px;}
  .industries-box-title h3{margin-bottom: 15px;}
  .industries-box-title h4{margin-bottom: 15px;}
  .listing-box{flex-direction: column; gap: 20px;}
  .listing-box-inner{width: 100%;}
  .cta-five{padding: 50px 0px;}
  .testimonial-three__content{margin-left: 0px;}
  .history-box{padding: 15px 20px;}
  .funfact-three{padding-top: 70px  !important; padding-bottom: 0px !important;}
  .about-fore{padding-bottom: 70px !important;}
  .testimonial-three{padding: 70px 0px !important;}
  .use-case-top{padding-top: 70px !important; padding-bottom: 30px !important;}
  .sec-title__title{margin-bottom: 20px !important;}
  .client-logo{padding-top: 70px !important;}
  .history-sec.pt-120{padding: 70px 0px !important;}
  .service-three{padding: 70px 0px !important;}
  .main-header__logo a img, .mobile-nav__header .logo-box a img { width: 50px; min-height: 50px; }
  .main-header--three .main-header__inner { padding: 5px 0;}
  .blog-card{box-shadow: none;}
  .funfact-three__icon img { width: 40px; }
  .funfact-three__count{font-size: 34px;}
  .funfact-three__text{font-size: 16px;}
  .funfact-three__item{margin-bottom: 10px !important;}
  .testimonial-three__content { padding: 30px; }
  .testimonial-three__rating { margin-bottom: 15px; line-height: 1; }
  .testimonial-three__carousel .owl-item { padding-right: 15px; }
  .contact-one__inner > .row  { margin: 0px; }
  .testimonial-three__text { font-size: 18px; }
  .slick-client-logo-2 .slick-slide > div { margin: 0px 20px; }
  .client-logo__item2 img { width: 80px !important; }
}

@media (max-width: 991px){
  .contact-one__info{padding: 30px 30px;}
  .sidebar__single{max-width: 100%;}
  .sidebar__single--search{max-width: 100%;}
  .sec-title.testimonial-tl{width: 100%;}
  .sec-title{padding-bottom: 0px !important;}
  .about-fore__left__thumb{margin-top: 0px !important;}
  /* .about-inner{padding-top: 60px !important;} */
  .row.use-case-inner.gutter-y-30 {flex-direction: column;gap: 20px;}
  .use-case-col{width: 100%;}
/*  .hero-three__btn.wow.fadeInLeft.services-grid.animated{}*/
  .row.gutter-y-30.home-services-inner {flex-direction: column; gap: 0px;}
  .row.gutter-y-30.home-services-inner {   --bs-gutter-y: 0px !important;}
  .services-col-inn {width: 100%;}
  .services-grid{margin-top: 30px;}

  .about-fore__inner { flex-direction: unset; }
  .about-fore__left.about-left, .about-fore__left.about-right { width: 50% !important; display: flex; flex-direction: column; }
  .about-fore__right { margin-top: 0; } 
  .about-fore__left.about-left { padding-right: 7.5px; }
  .about-fore__left.about-right { padding-left: 7.5px; }
  .about-fore__left__thumb, .about-fore__left__thumb img { height:100%;  }
  .about-fore__inner .about-fore__left { flex-grow: 1; }


  .contact-one__inner { background-color:transparent; }
  .contact-one__inner .col-lg-7 { border-radius: 20px; margin-bottom: 30px; }
  .contact-one__inner .col-lg-5 { padding-right: 0; }
  /*.footer-widget--company .menu { padding-left: 0;  }
  .footer-widget--company .menu > li { list-style: inside; }*/
  .footer-widget--about form { max-width: 100%;  } 
  .home-services-inner .hero-three__btn { position: absolute; bottom: 0; left: 0; width: 100%; }
 
}
@media (max-width: 1200px){
  .blog-card__image{max-height: 150px;}
  .about-left , .about-right{width: 20%;}
  .row.about-fore__inner{gap: 0px !important;}
}
@media (max-width: 470px){
  .industries-box-title h3{font-size: 24px !important;}

}
@media (max-width: 991px) {
  .home-services-inner {
    display: flex;
    flex-direction: column;
  }

  .home-services-inner .services-grid {
    order: 99; /* last me bhej dega */
    margin-top: 40px;
    text-align: center;
  }
  .blog-card__date{
    padding: 10px 0px;
  }
  .blog-card__date__day{
    font-size: 15px ;
  }

}
.blog-card.wow.fadeInUp.animated {
  border: 1px solid #ccc;
}
