.blog-nav-link:hover span.text-white,.project-name{opacity:0;visibility:hidden}.blog-nav-link a.next-project .fa-arrow-right,.project-name{margin-left:10px}.col.p-0.cover-background.md-h-450px.sm-h-350px.wow.animate__fadeInLeft{height:700px}.loader{--ballcolor:#ffff;--shadow:0px 0 #ffffff;--shadowcolor:#ffffff;width:10px;height:10px;left:-120px;border-radius:50%;position:relative;color:var(--ballcolor);animation:3s linear infinite shadowRolling}@keyframes shadowRolling{0%{box-shadow:var(--shadow),var(--shadow),var(--shadow),var(--shadow)}12%{box-shadow:100px 0 var(--ballcolor),var(--shadow),var(--shadow),var(--shadow)}25%{box-shadow:110px 0 var(--ballcolor),100px 0 var(--ballcolor),var(--shadow),var(--shadow)}36%{box-shadow:120px 0 var(--ballcolor),110px 0 var(--ballcolor),100px 0 var(--ballcolor),var(--shadow)}50%{box-shadow:130px 0 var(--ballcolor),120px 0 var(--ballcolor),110px 0 var(--ballcolor),100px 0 var(--ballcolor)}62%{box-shadow:200px 0 var(--shadowcolor),130px 0 var(--ballcolor),120px 0 var(--ballcolor),110px 0 var(--ballcolor)}75%{box-shadow:200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),130px 0 var(--ballcolor),120px 0 var(--ballcolor)}87%{box-shadow:200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),130px 0 var(--ballcolor)}100%{box-shadow:200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),200px 0 var(--shadowcolor)}}#loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#060606;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .3s}.btn-div{display:flex;justify-content:center;align-items:center;margin-top:20px}.view-btn{background-color:#1e1e1e;color:#fff;padding:15px 25px;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .2s}.copyright-text{text-align:center;font-size:18px}p{color:#fff}option{color:#1e1e1e}select#budget{background-color:transparent;border-radius:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.select-style{position:relative;display:inline-block}.select-style::after{content:'▼';position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none}.custom-content,.custom-title{font-size:12px!important}#accordion-3 .panel-collapse{padding-left:30px}#currnet-openings1,#currnet-openings2,#currnet-openings3{font-size:20px}.counter{display:inline-flex;align-items:center}.counter::after{content:" +";margin-left:4px}.banner-image{width:100%;height:auto}@media only screen and (min-width:1024px){.banner-image{height:500px;object-fit:cover}}.blog-nav-link a{position:relative;color:#fff;text-decoration:none;display:inline-flex;align-items:center;font-size:16px;transition:opacity .3s}.project-name{transition:opacity .3s,visibility .3s}.blog-nav-link:hover .project-name{opacity:1;visibility:visible}.blog-nav-link a.prev-project .fa-arrow-left{margin-right:10px}.social-icons-container{position:fixed;top:80%;right:0;transform:translateY(-50%);z-index:100}.header-social-icon{display:flex;flex-direction:column;align-items:center}.header-social-icon a{writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:20px;color:#fff;font-size:12px;text-decoration:none;margin-right:14px;letter-spacing:1px;font-family:Montserrat}.header-social-icon a:hover{color:#f1c40f}@media (max-width:768px){.social-icons-container{display:none}}

.whatsapp-icon{position:fixed;bottom:20px;left:30px;background-color:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:26px;z-index:1000;box-shadow:0 0 15px rgba(37,211,102,.5);animation:1s ease-in-out infinite glow;transition:background-color .3s;opacity:0;visibility:hidden;pointer-events:none}@keyframes glow{0%,100%{box-shadow:0 0 30px #25d366,0 0 60px rgba(37,211,102,.9),0 0 90px rgba(37,211,102,.8)}50%{box-shadow:0 0 60px #25d366,0 0 90px #25d366,0 0 120px rgba(37,211,102,.9)}
}
.section,
.card,
.container {
  contain: layout style;
}

.header-social-icon a{
    color: #fab314;
    font-weight: bold;
}
.services{
    font-size: 33px;
  }

  @media (max-width: 767px) {
    .services{
      font-size: 20px;
    }
}

/* for client logo */
.slider-container {
    width: 100%;
    overflow: hidden;
}

.slider {
    height: 100px;
    margin: 20px auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slide-track {
    display: flex;
    animation: scroll-left 25s linear infinite;
    width: calc(250px * 24); /* 11 original + 11 duplicate logos */
}

.slide-track.second {
    animation: scroll-right 25s linear infinite;
}

.slide {
    height: 100px;
    width: 240px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide img {
    max-width: 100%;
    height: auto;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 12)); /* Scroll exactly one set of 11 logos */
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(calc(-250px * 12));
    }
    100% {
        transform: translateX(0);
    }
}
  
.odlee-white{
    filter: grayscale(100%)  brightness(8);
}

.infinity-white {
    filter: invert(1) brightness(2);
}
.text-medium {
  color: #ffffff; /* update to white or a brighter shade */
}
@media (max-width: 767px) {
    #get {
      font-size: 15px;
      text-align: justify;
    }
  }
  
.grayscale {
    filter: grayscale(100%)  brightness(1);
    /* transition: filter 0.3s ease; */
}

.grayscale:hover {
    filter: grayscale(0%);
}
.grayscale1 {
    filter: grayscale(100%)  brightness(2);
    /* transition: filter 0.3s ease; */
}

.grayscale1:hover {
    filter: grayscale(0%);
}

html {
    scrollbar-width: thin;
    scrollbar-color: #fab314 #000;

  }


  ::-webkit-scrollbar {
    width: 5px;
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #fab314; 
    border-radius:10px;
  }

/* partner css  */

  .slider-container2 {
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;

}
.slider2 {
    height: 100px;
    margin: 20px auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slide-track2 {
    display: flex;
    animation: scroll-left 22s linear infinite; /* Default animation for the first row */
    width: calc(250px * 12); /* Adjust width for 9 original + 9 duplicate logos */
}

.slide2 {
    height: 100px;
    width: 250px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid white; */
}

.slide2 img {
    max-width: 100%;
    height: auto;
}
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 6)); /* Adjust for 9 logos per row */
    }
}
/* call icon */
.call-icon {
    position: fixed;
    bottom: 20px;
    left: 90px;
    background-color: #007bff;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-size: 26px;
    z-index: 1000;
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.5);
    animation: 1s ease-in-out infinite call-glow;
    transition: background-color 0.3s;
  
    visibility: hidden;
    pointer-events: none;
}

@keyframes call-glow {
    0%, 100% {
        box-shadow: 0 0 30px #007bff, 0 0 60px rgba(0, 123, 255, 0.9), 0 0 90px rgba(0, 123, 255, 0.8);
    }
    50% {
        box-shadow: 0 0 60px #007bff, 0 0 90px #007bff, 0 0 120px rgba(0, 123, 255, 0.9);
    }
}

.call-icon:hover {
    background-color: #0056b3;
}

/* privacy policy */

.privacy-policy-wrapper {
    background-color: #000;
    color: #fff;
    padding: 60px 20px;
    width: 100%;
  }
  .privacy-policy-link{
    color: #fff;
    font-weight: bold;
  }
  
  .privacy-policy-wrapper .container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-left: 60px;
    padding-right: 60px;
  }
  
  @media (max-width: 991px) {
    .privacy-policy-wrapper .container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  
  .privacy-title {
    color: #FAB314;
    font-size: 36px;
    margin-bottom: 10px;
  }
  
  .privacy-content h2 {
    color: #FAB314;
    margin-top: 30px;
    font-size: 22px;
  }
  
  .privacy-content p,
  .privacy-content ul {
    margin-bottom: 20px;
    font-size: 16px;
  }
  
  .privacy-content ul {
    list-style: disc;
    padding-left: 20px;
  }
  
  .privacy-content a {
    color: #FAB314;
    text-decoration: none;
  }
  
  .privacy-content a:hover {
    text-decoration: underline;
  }
  




.face {
  position: absolute;
  width: 100%;
  height: 60%;
  top: 20%;
}

.eye, .eye-right {
  position: absolute;
  background: #000;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  top: 40%;
}

.eye {
  left: 25%;
}

.eye-right {
  right: 25%;
}

.mouth {
  position: absolute;
  top: 50%;
  left: 45%;
  width: 10px;
  height: 10px;
  border: 3px solid;
  border-radius: 50%;
  border-color: transparent #000 #000 transparent;
  transform: rotate(45deg);
}

.one, .two, .three, .four {
  position: absolute;
  background: #fff;
  top: 85%;
  width: 25%;
  height: 23%;
  border: 2px solid #fab314;
  z-index: 0;
}

.one {
  border-radius: 0 0 100% 30%;
  left: -1px;
}

.two {
  left: 23%;
  border-radius: 0 0 50% 50%;
}

.three {
  left: 50%;
  border-radius: 0 0 50% 50%;
}

.four {
  left: 74.5%;
  border-radius: 0 0 30% 100%;
}

.shadow {
  position: absolute;
  width: 30%;
  height: 7%;
  background: #fab314;
  left: 35%;
  top: 80%;
  border-radius: 50%;
  animation: scale 2s infinite;
}

@keyframes scale {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.1);
  }
  100% {
      transform: scale(1);
  }
}

@keyframes float {
  50% {
      transform: translateY(15px);
  }
}

.top h1 {
  /*font-family: 'Abril Fatface', serif;*/
  color: #fff;
  text-align: center;
  font-size: 9em;
  margin: 0;
  text-shadow: -1px 0 #fab314, 0 1px #fab314, 1px 0 #fab314, 0 -1px #fab314;
}

.top h3 {
  /*font-family: 'Lato', sans-serif;*/
  font-size: 2em;
  text-transform: uppercase;
  text-align: center;
  color: #fab314;
  margin-top: 20px;
  font-weight: 900;
}

.quote {
  text-align: center;
  /*font-family: 'Lato', sans-serif;*/
  color: #fab314;
  font-size: 1.8em;
  margin-top: -10px;
  /*text-transform: uppercase;*/
}
.quote1{
  text-align: center;
  /*font-family: 'Lato', sans-serif;*/
  color: #fff;
  font-size: 1.8em;
  margin-top: -10px;
  /*text-transform: uppercase;*/
}


.buttonss {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}


.btns {
  background: #fab314;
border-radius:20px;
  padding: 12px 60px;
  margin: 5px;
  color: #000;
  /*font-family: 'Lato', sans-serif;*/
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 1px;
  border: 0;
  font-weight:bold;
}

.btns:hover {
  background: transparent;
border:1px solid #fab314;
color:#fab314;
  transition: all 0.4s ease-out;
/*cursor:pointor;*/
}