/* CSS Document */

/* 
    Created on   : 20/09/2023.
    Theme Name   : Andeo - Creative Digital Marketing  HTML5 Template
    Developed by : (sayfurrahaman265@gmail.com)
   
*/
/**
* Importing necessary  Styles.
**/
/*----- Fonts ----*/


/*========================================================================================

*************************** Start Styling theme from here ***************************
#index.html(769),


==========================================================================================*/
/*** 
====================================================================
 Root Prefix
====================================================================
 ***/
/*  :root {
    --body-text     : 'Kumbh Sans', sans-serif;
    --heading-text  : 'Domine', serif;
    --text-color    : #010212;;
    --heading-color : #010212;
    --prime-one     : #ffffff;
    --prime-two     : #FF6915;
    --prime-three   : #FB3C1D;
    --prime-four    : #343230;
    --prime-five    : #FFD1B0;
    --prime-six     : #F6C410;
    --prime-seven   : linear-gradient(90deg, #FFF4EE 0%, #F6FAFF 86.63%);
    --prime-eight   : #FBF3EE;
    --prime-nine    : #FFF7F1;
    --prime-ten     : #FAF7EF;
    --prime-eleven  : #F6FAFF;
    --prime-twelve  : #FFF6EF;
     
  }
::-webkit-scrollbar{ width: 5px; }
::-webkit-scrollbar-track { background: #fff;}
::-webkit-scrollbar-thumb { background:#FF6915;border-radius: 0;}
:focus {
  outline: none;
}
::selection {
    background-color: #2a2a2a;
    color: #fff;
  } */
/*^^^^^^^^^^^^^^^^^^^^ Global Prefix ^^^^^^^^^^^^^^^^^^^^^*/
/*  {padding: 0;margin: 0;box-sizing:border-box;}
body{ */
/*     position: relative;

    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: var(--text-color);
}
.main-page-wrapper{overflow: hidden;}
.color-one{color: #000000;}
.color-two{color: #ffffff;}
.color-three{color: #FF6915}
h1,h2,h3,h4,h5,h6 {
  font-family: var(--heading-text);
  font-style: normal;
}
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6 {
    font-family: var(--heading-text);
    font-style: normal;
}
.h3,h3,.h4,h4,.h5,h5,.h6,h6 {color:var(--heading-color);}
.h1,h1 {font-size: 110px; line-height: 120px;} */
/* .h2,h2{ font-size: 96px; line-height: 120px;}
.h3,h3{ font-size: 70px; line-height: 82px;}
.h4,h4 {font-size: 60px; line-height: 72px;
.h5,h5 {font-size: 48px; line-height: 68px;
.h6,h6 {font-size: 24px; line-height: 32px; */
/* p{line-height: 34px;}
.opacity{opacity: 0.8;}
.opacity-two{opacity: 0.6;}
.border-80 {
  width: 80%;
  height: 1px;
  background: #E8D1C0;
}
.border-90 {
  width: 90%;
  height: 1px;
  background: #000000;
}
.border-100 {
  width: 90%;
  height: 1px;
  background: #2C2828;
} */
/* =========================font size=========================== */
/* .fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}
.fs-24 {font-size: 24px;}
.fs-26 {font-size: 26px;}
.fs-28 {font-size: 28px;}
.fs-30 {font-size: 30px;} */
/* =========================font weignt=========================== */
/* a{font-weight: 500;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;} */
/* =========================line height=========================== */
/* .lh-34{line-height: 34px;}
.lh-35{line-height: 35px;}
.lh-36{line-height: 36px;}
.lh-37{line-height: 37px;}
.lh-38{line-height: 38px;}
.lh-39{line-height: 39px;}
.lh-40{line-height: 40px;}
.lh-41{line-height: 41px;}
.lh-42{line-height: 42px;}
.lh-43{line-height: 43px;}
.lh-44{line-height: 44px;}
.lh-45{line-height: 45px;}
.lh-46{line-height: 46px;}
.lh-47{line-height: 47px;}
.lh-48{line-height: 48px;}
.lh-49{line-height: 49px;}
.lh-50{line-height: 50px;} */
/* =========================other=========================== */
/* .upercase{text-transform: uppercase;}
.span-one{color: #FFF;
  font-family: var(--heading-text);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.span-two{
  color: #FF6915;
  font-size: 16px;
  font-weight: 500;
  line-height: 34px; 
  text-transform: uppercase;
}
::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.7);}
:-ms-input-placeholder { color: rgba(0, 0, 0, 0.7);}
::placeholder {color: rgba(0, 0, 0, 0.7);}
.shapes {position: absolute;}
.tran3s {transition: all 0.3s ease-in-out;}
.tran4s {transition: all 0.4s ease-in-out;}
.tran5s {transition: all 0.5s ease-in-out;}
.tran6s {transition: all 0.6s ease-in-out;}
.row {
  --bs-gutter-x: 30px;
}
.gutter-y-30 {
  --bs-gutter-y: 30px;
}
.container {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
@media (min-width: 1500px) {
  .container-fluid {
    max-width: 1500px;
  }
} */
/*** ====================================================================
  Loading Transition
====================================================================

 ***/
.andeo-preloader {
  align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -ms-flexbox;
  height: 100%;
  justify-content: center;
  -webkit-justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999999;
  background: #fff;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}
.andeo-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
  text-align: center;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}
.animation-preloader h1 {
  color: #000000;
  font-style: normal;
  font-weight: 900;
  font-size: 66px;
  line-height: 90px;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid #19A463; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .30em; /* Adjust as needed */
  animation: typing 5s steps(7) infinite,
   blink-caret 0.8s infinite;
  animation-fill-mode: forwards;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}
/*==========================================simple animation ============================================*/
/* The typing effect */
@keyframes typing {
  0% { width:0;
    -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  }
  25% { width: 70%;
    -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  }
  50% { width: 100%;
    -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  }
  75% { width: 70%;
    -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
   }
  100% { width: 0;
    -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
   }
}
/* The typewriter cursor effect */
@keyframes blink-caret {
  from { border-color: transparent;
    -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
   }
  to { border-color:var(--prime-two );
    -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  }
  
} 

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 .0rem rgba(255,255,255, 0.3),
                0 0 0 .5rem rgba(255,255,255, 0.2),
                0 0 0 1.5rem rgba(255,255,255, 0.1);
  }
  100% {
    box-shadow: 0 0 0 2rem rgba(255,255,255, 0.0),
                0 0 0 2.5rem rgba(255,255,255, 0.0),
                0 0 0 3rem rgba(255,255,255, 0.0);
  }
}


/* progress bar animation */
.progress-bar {
  position: absolute;
  height: 5px;
  border-radius: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bar-width-one{
  width: 85%;
  animation: progress-forward-one infinite 5s ease;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bar-width-two{
  width: 75%;
  animation: progress-forward-two infinite 5s ease;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bar-width-three{
  width: 90%;
  animation: progress-forward-three infinite 5s ease;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@keyframes progress-forward-one {
  0% {
    width: 0%;
  }
  100% {
    width:85%;
  };
} 
@keyframes progress-forward-two {
  0% {
    width: 0%;
  }
  100% {
    width:75%;
  };
} 
@keyframes progress-forward-three{
  0% {
    width: 0%;
  }
  100% {
    width:90%;
  };
} 
/*========================= button css==================== */
.custom-btn-one {
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index:1;
}
.custom-btn-one::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height:0%;
  width: 0%;
  opacity: 0;
  z-index: -1;
  overflow: hidden;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.scroll-top {
  width:35px;
  height:35px;
  line-height: 35px;
  position: fixed;
  bottom: 20px;
  right: 5px;
  z-index: 99;
  text-align: center;
  color: #fff;
  font-size: 25px;
  cursor: pointer;
  border-radius: 50%;
  background: var(--prime-two  );
  display: none;
  transition: all 0.3s ease-in-out;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.theme-main-menu .inner-content {position: relative;}
.theme-main-menu {
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    top: 0;
    padding: 25px 40px;
    transition: all .4s ease-out;
}
.theme-menu-two{background:var(--text-color); }
.theme-main-menu .navbar .navbar-nav .nav-link{color:var(--prime-one);}
.theme-menu-two.sticky-menu.fixed{background:var(--text-color);}
.banner-two{background: #0D0C0C;color:var(--prime-one); }
.banner-rapper-two .h1,
.banner-rapper-two .left-banner .left-bottom-banner .normal-p,
.choose-two .left-choose .h4,
.banner-rapper-two span.color-one{color:var(--prime-one);}
.progress-bar{background:var(--prime-three )!important;}
.choose-two {
    background: #1B1816;
    z-index: -1;
    position: relative;
}
.blog-two{background: #1B1816;}
.about-two{background: #1B1816;z-index:-1;}
.choose-two .right-choose .shapes-02 {
    height: 313px;
    bottom: -147px;
    left: 30.2%;
}
.choose-two .right-choose .svg-two {
    left: 103%;
}
.choose-one-rapper .shape_003 {
    width: 51px;
    height: 51px;
    position: absolute;
    border-radius: 50px;
    left: -193px;
    top: 19%;
    background:var(--prime-two); 
    z-index: 9999;
}
.choose-one-rapper .shape-06 {
    bottom: -460px;
}
.choose-two .shape-05 {
    right: 4%;
    top: 15%;
}
.partner-two,
.our-offer-one{background: #0D0C0C;}
.offer-one .h6 a,
.our-offer-one .h4{color:var(--prime-one);}
.our-team,
.offer-one{background: #181818;}
.offer-one p{opacity:.7;}
.about-two .para-text p,
.about-two .heading-shape .h4{color:var(--prime-one);}
.about-two .about-list li{background: #2B2623;}
.testimonial-two .left-content .h4,
.testimonial-two .right-content .h6,
.our-team .h4,
.subscribe_one .h4,
.blog-two .h4,
.blog-two .blog-first ul li a,
.blog-one-content .card .card-body h6 a,
.case_study_two .case_study_rapper .h4{color:var(--prime-one);}
.blog-one-content .blog-first .card{
    border-radius: 5px;
    background: #0D0C0C;
    box-shadow: none;
}
.blog-one-rapper .heading::after{z-index: 1;bottom: 26%;}
.testimonial-two .shape-09 {
    bottom: 0;
    left: 30%;
}
.case_study_two .grid .grid-item img{mix-blend-mode: luminosity; -webkit-mix-blend-mode: luminosity}
.theme-main-menu.sticky-menu.fixed {
    position: fixed;
    z-index: 990;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #000;
    top: 0;
    box-shadow: 0 13px 35px -12px rgba(35,35,35,0.1);
    transition: all .4s ease-out;
}
.theme-menu-one.sticky-menu.fixed{
    top:0px;
    padding-left: 20px;
    padding-right: 20px;
}
.navbar-nav .nav-item {
    padding-right: 20px;
}
.left-wiget {
  margin-left: 10%;
}
.search-icon, .grid-icon {
  padding-right: 30px;
}
.theme-menu-one .right-wiget .custom-btn-one{
  border-radius:35px;
  background:var(--prime-one);
  border:1px solid var(--prime-one);
  color:var(--heading-color);
  line-height: 52px;
  padding:0px 35px;
}
.theme-menu-one .right-wiget .custom-btn-one:hover{color:var(--prime-one); }
.theme-menu-one .right-wiget .custom-btn-one::after {
  background-color: var(--prime-two );
  height: 100%;
}
.theme-menu-one .right-wiget .custom-btn-one:hover::after{
  width:100%;
  opacity:1;
}
/*=====================================header css end====================================*/
/*=============================banner 01 start==========================================*/
.banner_slider_one .item{
  overflow: hidden;
}
.banner-one {
    background-size: cover;
    visibility: visible;
    opacity: 1;
}
.slick-slide.slick-current.slick-active .banner-one{
  visibility: visible;
  overflow: hidden;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);

}
.banner-one .top_heading{
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}
.slick-slide.slick-current.slick-active .banner-one .top_heading{
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.banner-one .h1{
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}
.slick-slide.slick-current.slick-active .h1{
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.banner-one .custom-btn-one {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-120px);
  transform: translateX(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}
.slick-slide.slick-current.slick-active .banner-one .custom-btn-one{
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.banner-one .shape-01 {
    content: url('https://adageweb.com/wp-content/uploads/2024/05/shape-01.png');
    top: -5%;
    left: 3%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease;
    transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}
.banner-one .shape-02 {
  bottom: 18.5%;
  right: 38%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}
.slick-slide.slick-current.slick-active .banner-one .shape-02,
.slick-slide.slick-current.slick-active .banner-one .shape-01{
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.banner-one .custom-btn-one {
  background: var(--prime-two);
  color: var(--prime-one);
  padding: 0 47px;
  line-height: 64px;
  font-size: 16px;
  border-radius:35px;
  border:1px solid var(--prime-two);
}
.banner-one .custom-btn-one:hover{color:var(--prime-three ); }
.banner-one .custom-btn-one::after
{background:var(--prime-one);
  width: 100%;
}
.banner-one .custom-btn-one:hover::after{
  height: 100%;
  opacity:1;
}
/*=============================banner 01 end==========================================*/
/* =======================sidebar start=================== */
.search-wrap {
  padding-bottom: 100px;
}
.search-wrap input {
  color: #FF6915;
  font-size: 55px;
  width: 100%;
  background: transparent;
  border: 0;
  text-align: center;
  height: auto;
  padding: 0;
  margin: 0 auto;
  border-bottom: 2px solid #FF6915;
  padding-bottom: 10px;
}
/* right aside */
.right-aside .offcanvas {
  background: var(--text-color);
  color: var(--prime-one);
  padding: 0 40px;
}
.right-aside .offcanvas-header {
  padding-top: 80px;
}
.right-aside .offcanvas-header .btn-close{
  padding: 0;
  margin: 0;
  outline: none;
  border:none;
}
.right-aside .offcanvas-header button {
  opacity: 1;
  background: none!important;
  color: var(--prime-one)!important;
  position: absolute;
  left: 20px;
  top: 20px;
  outline: none;
}
.right-aside .offcanvas-header button i{font-size:30px;}
.right-aside .offcanvas-body .info-widget2 p{padding-bottom: 20px;}
.right-aside .offcanvas-body .info-widget2 p i{
  padding-right: 10px;

}
.offcanvas-body{overflow: hidden;}
/* =======================sidebar start=================== */
/*=============================about start==========================================*/
.about-one::before {
  position: absolute;
  content: "";
  right: 52.5%;
  top: -16%;
  width: 100%;
  height: 123%;
/*   background: var(--prime-nine ); */
  z-index: -1;
  max-width: 920px;
}
.about-one .custom-btn-one {
  border-radius:35px;
  border: 2px solid var(--prime-two );
  color: var(--prime-two);
  line-height: 55px;
  padding: 0px 45px;
  font-size: 16px;
}
.about-one .custom-btn-one:hover{color:var(--prime-one); }
.about-one .custom-btn-one::after{
  background:var(--prime-two ); 
  border: 2px solid var(--prime-two ); 
  height: 100%;
}
.about-one .custom-btn-one:hover::after{
  width: 100%;
  opacity: 1;
}
.about-list li {
  border-radius: 3px;
  border: 1px solid #ECECEC;
  margin-bottom: 5px;
  padding: 14px 70px;
  position: relative;
}
/* .about-list li::after {
  content: url('https://adageweb.com/wp-content/uploads/2024/05/hex-check.png');
  position: absolute;
  left: 20px;
} */
/* .about-one .heading-shape .h4::before {
  content: url('https://adageweb.com/wp-content/uploads/2024/05/shape-03.png');
  position: absolute;
  bottom: -17%;
  left: 5%;
  z-index: -1;
} */
/*=============================about end==========================================*/
/*============================work history star==========================================*/
.work-rapper-one{
  border-radius: 5px;
 background: #343230;
 color: var(--prime-one);
}
.work-one::after {
  position: absolute;
  content: url('https://adageweb.com/wp-content/uploads/2024/05/shape-04.png');
  right: -85px;
  top: -56px;
}
/*=============================work history end==========================================*/
/*============================what we offer star==========================================*/
.our-offer-one {
  background: #FAF7EF;
  position: relative;
  z-index: 1;
}
.offer-one {
  height: 398px;
  width: 270px;
  padding: 34px 20px 40px 20px;
  position: relative;
  border-radius: 5px;
  background: #FFF;
  z-index: 1;
  overflow: hidden;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.offer-one .offer-pic {
  height: 77px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/* .offer-one::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 5px;
  background: var(--prime-two);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out
} */
/* .offer-one:hover::after {
  opacity: 1;
  z-index: -1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out
} */
/* .offer-one:hover p,
.offer-one .h6 a{
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.offer-one:hover p,
.offer-one:hover .h6 a{color:var(--prime-one);}
.offer-link {
  width: 51px;
  height: 51px;
  background: var(--prime-twelve);
  line-height: 51px;
  transform: translate(-10%);
  border-radius: 51px;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
} */
.offer-link img{
  padding: 10px;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.offer-one .offer-pic img {
  width: auto;
  height: auto;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.offer-one:hover .offer-pic img {
  transform: scale(.9);
}
.offer-one:hover .offer-link{transform: scale(.9);}
.offer-rapper-one .shape_002 {
  width: 15px;
  height: 15px;
  position: absolute;
  right: -242px;
  bottom: 40%;
  border: 1px solid #030303;
  border-radius: 15px;
} 
.offer-rapper-one .shape_003 {
  width: 51px;
  height: 51px;
  position: absolute;
  border-radius: 50px;
  left: -193px;
  bottom: 30%;
  background: yellow var(--prime-six);
  z-index: 9999;
} 

/*============================what we offer end==========================================*/
.choose-one-rapper .shape-05 {
  content: url('https://adageweb.com/wp-content/uploads/2024/05/shape-05.png');    
  right: -85px;
  top: 25%;
}

.right-choose .about-02{
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.right-choose .shape-07{
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
 .progress{
  padding-bottom: 10px;
  border-radius:0;
 }
 .progress_one span::before {
  content: '85%';
  position: absolute;
  right: -126%;
  top: 42%;
}
.progress_two span::before {
  content: '75%';
  position: absolute;
  right: -183%;
  top: 42%;
}
.progress_three span::before {
  content: '90%';
  position: absolute;
  right: -139%;
  top: 42%;
}
.progress-bar {
  background: #010212;
}
.choose-one .right-choose {
  width: 570px;
  margin-left: 17px;
}
.choose-one .right-choose .about-02{
  max-width: 573px;
}

.case_study_two .case_study_rapper .shape_003 {
  width: 90px;
  height: 90px;
  position: absolute;
  border-radius: 50px;
  right: -170px;
  bottom: -5%;
  background: var(--prime-six );
  z-index: 9999;
}
.case-one{
  overflow: hidden;
}
.case-one::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index:1;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transform: translateY(-500px);
  transform: translateY(-500px);
  transition: all 0.5s ease-in-out;
}
.case-one:hover::after{
  background: rgba(0, 0, 0, 0.5);
  opacity:1;
  visibility:visible;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.hover-box {
  opacity:0;
  bottom: 10%;
  left: 10%;
  width: 249px;
  padding: 18px 15px;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.5s ease-in-out;
  visibility: hidden;
  overflow: hidden;
}
.hover-box .h6 a{color:var(--heading-color);}
.case-one:hover .hover-box{
  transform: translateY(0px);
  opacity: 1;
  background: #ffffff;
  display: block;
  visibility:visible;
}
/*=============================case end==========================================*/

/*=============================our video star==========================================*/
.our-video {
  position: relative;
  background: url(../images/bg/bg-02.jpg) center center no-repeat;
  background-size: cover;
}
.our-video  .play-button {
    position: relative;
    border: 3px solid #ffffff;
    width: 118px;
    height: 118px;
    line-height: 118px;
    border-radius: 118px;
    color: red;
    font-size: 55px;
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.our-video  .play-button::before, .our-video  .play-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 118px;
  height: 118px;
  animation-delay: 0.9s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-box-shadow: 0 0 0 0 rgba(var(--prime-one), 0.6);
  -o-box-shadow: 0 0 0 0 rgba(var(--prime-one), 0.6);
  -webkit-box-shadow: 0 0 0 0 rgba(var(--prime-one), 0.6);
  box-shadow: 0 0 0 0 rgba(var(--prime-one), 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

/*=============================our video end==========================================*/

/*=============================home_one_testimonial star==========================================*/
.home_one_testimonial .left-content .shape-08 {
  content: url('https://adageweb.com/wp-content/uploads/2024/05/shape-08.png');
  left: -25px;
  top: -25px;
}
.home_one_testimonial .left-content .shape-09 {
    content: url('https://adageweb.com/wp-content/uploads/2024/05/shape-09.png');
    bottom: 11px;
    right: 50px;
}
.home_one_testimonial .left-content .shape_003 {
  width: 90px;
  height: 90px;
  position: absolute;
  border-radius: 90px;
  right: 30px;
  top: -20px;
  background: var(--prime-six);
  z-index: -1;
}
.home_one_testimonial .left-content .shape_004 {
  width: 90px;
  height: 90px;
  position: absolute;
  border-radius: 90px;
  left: -20px;
  bottom: -20px;
  background: #FFE9DE;
  z-index: -1;
}
#testimonial_slider_one .right-content .title{
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 43px; /
}
#testimonial_slider_one .right-content p{
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
}
.slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #EBEBEB;
  margin: 0px 9px;
  transition: 0.3s ease-in-out;
  transform: scale(1 ,1);
  position: relative;
  left: 8%;
  bottom: -60px;
}
.slick-slider .item{overflow: hidden; background: none;}
.slick-previous.slick-arrow:hover,
.slick-arrow:hover,
.slick-dots li:hover{background: red;transform: scale(1.5 ,1.5);}
 .slick-dots li.slick-active {
  background: red;
  border: none;
}
.slick-dots li button{display: none;}
.slick-arrow {
  text-align: center;
  position: absolute;
  left: 120px;
  width: 33px;
  height: 33px;
  line-height: 36px;
  background: #413F3D;
  bottom: -58px;
  color: #ffffff;
  border-radius: 33px;
  transition: 0.3s ease-in-out;
  transform: scale(1 ,1);
}
.slick-previous.slick-arrow {
  position: absolute;
  left: 0;
  bottom: -58px;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  border-radius: 33px;
  transition: 0.3s ease-in-out;
  transform: scale(1 ,1);
}
.home_one_testimonial .slider-rapper .h4::after {
  content: url('https://adageweb.com/wp-content/uploads/2024/05/shape-03.png');
  position: absolute;
  left: 13%;
  bottom: 20%;
  z-index: -1;
}
/* =================partner slider */
.partner-one .partner-slider img {
 width: 145px;
    padding: 0px 10px;
    margin: auto;
    display: block;
}
.partner-one .partner-slider .item{
    border:1px solid #e9e9e9;
}
.partner-one{
    padding:40px 0px;
}
/*=============================home_one_testimonial end==========================================*/
/*=============================blog section start==========================================*/
.blog-one {
  background: #FFF8F3;
  z-index: 1;
}
/* .blog-one-rapper .heading::after {
  content: url('https://adageweb.com/wp-content/uploads/2024/05/shape-03.png');
  position: absolute;
  right: 18%;
  bottom: 30%;
  z-index: -1;
} */
.blog-one-rapper .shape-10 {
  content: url('https://adageweb.com/wp-content/uploads/2024/05/shape-10.png');
  left: -174px;
  top: 180px;
}
.blog-one-rapper .shape-11 {
  content: url('https://adageweb.com/wp-content/uploads/2024/05/shape-11.png');
  right: -172px;
  top: 180px;
}
.blog-one-rapper .shape_003 {
  width: 51px;
  height: 51px;
  position: absolute;
  border-radius: 50px;
  right: -150px;
  bottom: 20%;
  background: var(--prime-six );
}
.blog-one-content .card {
  z-index:1;
  border: none;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.blog-one-content .card img{
  overflow: hidden;
  transform: scale(1) translateY(0px);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  }
  .blog-one-content .card:hover>img {
    transform: scale(1.2) translateY(-30px);
    overflow: hidden;
    transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  }
.blog-one-content .card .card-body {
  overflow: hidden;
  height: 200px;
  padding: 0 30px;
}
.blog-one-content .card .card-body h6{font-size: 22px;}
.blog-one-content .card .card-body h6 a {
  color: #000;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  font-weight: 700;
}
.blog-one-content .card .card-body h6 a:hover{
  color:var(--prime-two);  
}
/* .blog-one .card-body p{
  opacity: 0.8;
  font-weight: 400;
  line-height: 32px;
} */
/*=============================blog section end==========================================*/

/*=============================subscribe section start==========================================*/
.subscribe_one{
  overflow: hidden;
}
.subscrpe-rapper .shape-05 {
  right: -222px;
  top: -4px;
}
.subscrpe-rapper .shape-06 {
  left: -210px;
  top: 37px;
}
.left-content .subscribe input {
  position: relative;
  width: 100%;
  height: 68px;
  border-radius: 5px;
  border: 1px solid #E7E7E7;
  background: rgba(246, 239, 239, 0.00);
  padding-left: 70px;
}
.left-content .subscribe .email-01 {
  left: 23px;
  top: 26px;
}
.left-content .subscribe .subscribe-button {
  position: absolute;
  width: 180px;
  height: 68px;
  border-radius: 5px;
  background: #FFD1B0;
  color: #010212;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 68px;
  text-transform: uppercase;
  right: 0;
  transition:all 0.3s ease-in-out ;
}
.left-content .subscribe .subscribe-button:hover{
  background:var(--prime-two); 
  color:var(--prime-one);
}
.left-content  .user-one {
  width: 213px;
  height: auto;
  border-radius: 6px;
  background: #FFFCDF;
  text-align: center;
  padding:30px;
}
.left-content  .user-one span{
  color: #010212;
  text-align: center;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
}
.subscribe_one .right-content{
  border-radius: 5px;
  background: #F5EFEA;
}
.right-content .Popular{
  color: #010212;
  
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; 
}
.accordion-button .active{
  background: #FF6915;
  color: #ffffff;
}
.accordion-button:not(.collapsed) {
  border-radius: 5px;
  background: #FF6915;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  padding: 5px 18px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
line-height: var(--ast-body-line-height, 1.65);
}
.accordion-button:focus{border:none;outline: none; box-shadow: none;}
.accordion-button.collapsed{
  border-radius: 5px;
  color: #010212;
  background: #F5F5F5;
  transition:all 0.3s ease-in-out;
  padding: 5px 18px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
line-height: var(--ast-body-line-height, 1.65);
}
.accordion-button::after{
  position: absolute;
  background: none;
  content:'+';
  height: auto;
  font-size: 36px;
  transition:all 0.3s ease-in-out;
  line-height: auto;
  right: 5%;
  top:0px;
    line-height:28px;
}
.accordion-button:not(.collapsed)::after{
  position: absolute;
  right: 5%;
  top: 9px;
  background: none;
  content:'-';
  height: auto;
  font-size: 36px;
  transition:all 0.3s ease-in-out;
  line-height: var(--ast-body-line-height, 1.65);
}
.accordion-item {
  background: #FDF4EE;
  border: none;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
}
.accordion-body {
  padding: 30px 7px 20px 18px;
}
.accordion-body p{
  color: #010212;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
/*=============================subscribe section end==========================================*/

/*=============================footer  star==========================================*/
.footer{
  color:#ffffff;
  background: #000;
}
.footer_item2 ul li,
.footer_item3 ul li
{padding-top:10px;}
.footer_item2 ul li a,
.footer_item3 ul li a{
  color:var(--prime-one);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;   
}
.footer_item2 ul li a:hover,
.footer_item3 ul li a:hover{
  color:var(--prime-two);   
}
.footer_item4 ul li{
  display: inline-block;
  padding-right:20px;
}
.footer_item4 ul li a {
  text-align: center;
  display: block;
  width: 41px;
  height: 41px;
  color:var(--prime-one);
  background: #141414;
  line-height: 45px;
  border-radius: 41px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.footer_item4 ul li a:hover{
  color:var(--prime-two);
  background:var(--prime-one); 
}
.footer_item4 .footer-shape{
  width: 172px;
  height: 1px;
  background:#252424;
}.footer_item4 .email-link{
  color:var(--prime-one); 
}
.footer_item4 .email-link:hover{
  color:var(--prime-two); 
}
.footer_wapper .term-policy{
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 124.5%;
  margin-right:20px;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.footer_wapper .term-policy:hover{
  color:var(--prime-two); 
}
/*=============================footer  end==========================================*/



/*===================================    Home page 2  >>>>>>>>>> ==============================================================================================*/
/*=============================header two start==========================================*/
.theme-menu-two{
  background: #ffffff;
  padding: 27px 40px;
}
.theme-menu-two .navbar .navbar-nav .dropdown-toggle::after,
.theme-menu-two .navbar .navbar-nav .nav-link{
  color: #000;
}
.theme-menu-two.sticky-menu.fixed{
  background: #ffffff;
}
.theme-menu-two .right-wiget .custom-btn-one {
  position: relative;
  background:var(--prime-two); 
  color: white;
  padding: 0px 36px;
  cursor: pointer;
  z-index: 1;
  transition: transform 0.5s ease;
  line-height: 52px;
}
.theme-menu-two .right-wiget .custom-btn-one:hover{color: #ffffff;}
.theme-menu-two .right-wiget .custom-btn-one::after{
  height: 100%;
  background:var(--text-color); 
 -webkit-transition: all 0.5s linear;
 -o-transition: all 0.5s linear;
 transition: all 0.5s linear;
}
.theme-menu-two .right-wiget .custom-btn-one:hover::after{
  opacity:1;
  width: 100%;

}
/*=============================header two end==========================================*/
/*=============================banner two start==========================================*/
.banner-two{
  background: #F7E5D7;
}
.banner-rapper-two .left-banner::before {
  content: url(../images/shape/shape-21.svg);
  position: absolute;
  left: -41%;
  top: -14%;
  filter: blur(60px);
  -webkit-filter: blur(60px);
}
.banner-rapper-two .right-banner::before {
  content: url(../images/shape/shape-21.svg);
  position: absolute;
  right: -38%;
  bottom: -6%;
  filter: blur(140px);
  -webkit-filter: blur(140px);
}
.banner-rapper-two .banner-shape-01 {
  left: -84px;
  top: -97px;
  z-index: 1;
}
.banner-rapper-two .banner-shape-02 {
  right: -325px;
  bottom: 197px;
  z-index: 1;
}
.banner-rapper-two span.color-one {
  
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.banner-rapper-two .left-banner span.color-one::after {
  content: url('../images/shape/shape-01.svg');
  position: absolute;
  left: 16%;
  top: -4%;
}
.banner-rapper-two .left-banner .h1::after {
  content: url('../images/shape/shape-16.png');
  position: absolute;
  left: 50%;
  bottom: -12%;
}
.banner-rapper-two .left-banner .custom-btn-one{
  background: #ffffff;
  color: #010212;
  border-radius: 35px;
  padding:0 47px;
  line-height:64px;
  font-size: 16px;
}
.banner-rapper-two .left-banner .custom-btn-one:hover{color:var(--prime-one);}
.banner-rapper-two .left-banner .custom-btn-one::after {
  background:var(--prime-two); 
  height: 100%;
  opacity: 1;
}
.banner-rapper-two .left-banner .custom-btn-one:hover::after{width:100%;}
.banner-rapper-two .left-banner .shape-13 {
  right: 3%;
  bottom: 22%;
}
.banner-rapper-two .right-banner {
  width:840px;
}
.banner-rapper-two .right-banner .banner-01{
  max-width:840px;
}
.banner-rapper-two .right-banner .shape-14 {
  bottom: -1%;
  left: -3%;
}
.banner-rapper-two .left-banner .left-bottom-banner .color-p{
  color: red;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; 
  text-transform: uppercase;
}
.banner-rapper-two .left-banner .left-bottom-banner .normal-p{
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.banner_two_slider{overflow: hidden;}
.banner_two_slider .banner-01{overflow: hidden;}
/*=============================banner two end==========================================*/

/*=============================choose-two start==========================================*/
.choose-two .right-choose {
  width: 734px;
}
.choose-two .right-choose .about-02 {
  max-width: 734px;
  position: relative;
  z-index: -1;
}
.choose-two .right-choose .svg-one {
  position: absolute;
  top: 0;
  left: 0;
}
.choose-two .right-choose .svg-two {
  position: absolute;
  top: 50%;
  left: 170px;
}
.choose-two .shape-05 {
  right: -2%;
  top: 10%;
}
.choose-two .right-choose .shapes-02 {
  width: 17px;
  height: 197px;
  background: #F6C410;
  transform: rotate(90deg);
  bottom: -91px;
  left: 160px;
}
/*=============================choose-two end==========================================*/
/*=============================our offer two start==========================================*/
.our-offer-three .offer-one .offer-link img {
  transform: rotate(-45deg);
  height: auto;
}
.our-offer-three .offer-one {
  border: 1px solid #000;
  padding: 62px 43px;
}
/*=============================our offer two end==========================================*/

/*=============================partner two star==========================================*/
.partner-two{background: #FAF7EF;}
/*=============================partner two  end==========================================*/

/*=============================about-two start==========================================*/
.about-two {
  background: #F4F4F4;
  z-index: -1;
}
.about-two .left-about{
  width: 688px;
}
.about-two .left-about .about-05 {
  position: relative;
  display: block;
  max-width: 470px;
  margin-left: 55px;
}
.about-two .left-about .about-04 {
  right: 30%;
  bottom: 5%;
}
.about-two .about-list li {
  width: 218px;
  height: 165px;
  border-radius: 3px;
  background: #FFF;
  padding: 25px 25px;
  padding-top: 70px;
  margin-right:30px;
}
.about-two .about-list li::after {
    content: url(../images/shape/hex-check.png);
  top: 25px;
  margin-bottom: 10px;
}
.about-two .shapes-02 {
  width: 17px;
  height: 370px;
  background: #F6C410;
  transform: rotate(0deg);
  bottom: 100%;
  right: 29%;
}
.about-two .para-text p{
  color: #010212;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px; /* 170% */
}
.about-two .heading-shape .h4::before {
  content: url('../images/shape/shape-03.svg');
  position: absolute;
  bottom: -19%;
  left: 5%;
  z-index: -1;
}
/* ========================end about two============== */
.case_study_rapper .grid {
  display: flex;
  margin: auto;
  grid-gap: 30px;
}
.case_study_two .grid .grid-item {
  max-width: 33.33%;
}
.case_study_two .grid .grid-item img {
  vertical-align: middle;
  margin-top:20px;
}
.case_study_two .grid .grid-item .item-one {
  position: relative;
  margin-bottom: 10px;
}
.case_study_two .grid .grid-item .item-one .hover-box {
  padding: 30px;
  width: 314px;
  height: 178px;
  border-radius: 5px;
  background: radial-gradient(#FF6D1B, transparent);
  bottom: 10%;
  left: 8%;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 1000ms ease, -webkit-transform 1000ms ease;
  transition: opacity 1000ms ease, -webkit-transform 1000ms ease;
}
.case_study_two .grid .grid-item .item-one .hover-box h6 a,
.case_study_two .grid .grid-item .item-one .hover-box span{color: var(--prime-one);}
.case_study_two .grid .grid-item .item-one:hover .hover-box {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
/*=============================about-two end==========================================*/

/*=============================testimonial-two  start==========================================*/
.testimonial-two{
 position: relative;
}
.testimonial-two .shape-08 {
  left: -250px;
  top: -100px;
}
.testimonial-two .h4::after {
  content: url('https://adageweb.com/wp-content/uploads/2024/05/shape-03.png');
  position: absolute;
  bottom: -34px;
  left: 0%;
  z-index: -1;
}
.testimonial-two .right-content .opacity{line-height: 48px;}
/* =============================slider ============================================= */
#testimonial-slider-two .slick-previous.slick-arrow {
  width: 33px;
  height: 33px;
  position: absolute;
  border-radius: 50px;
  left: -105%;
  bottom: 30%;
  background: #413F3D;
  line-height: 35px;
}
#testimonial-slider-two .slick-arrow {
  text-align: center;
  position: absolute;
  left: -80%;
  top: 70%;
  width: 33px;
  height: 33px;
  line-height: 36px;
  background:#413F3D;
  bottom: -58px;
  color: #ffffff;
  border-radius: 33px;
  transition: 0.3s ease-in-out;
  transform: scale(1 ,1);
}
#testimonial-slider-two .slick-arrow:hover,
#testimonial-slider-two .slick-previous.slick-arrow:hover,
#testimonial-slider-two .slick-dots li:hover
   {
  background: red;
  transform: scale(1.5 ,1.5);
}
#testimonial-slider-two .slick-dots li.slick-active {
  background: red;
  border: none;
}
#testimonial-slider-two .slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #EBEBEB;
  margin: 0px 9px;
  transition: 0.3s ease-in-out;
  transform: scale(1 ,1);
  position: relative;
  left: -95%;
  bottom: 92px;
}
/* =============================slider ============================================= */

/*=============================testimonial-two end==========================================*/

/*=============================our-team start==========================================*/
.our-team {
  background: #FFF8F3;
  position: relative;
  z-index:1;
}
.our-team .shape-10 {
  left:-174px;
}
.our-team .shape-11 {
  right:-174px;
}
.our-team .shape_003 {
  width: 51px;
  height: 51px;
  position: absolute;
  border-radius: 50px;
  right: -174px;
  bottom: 30%;
  background: var(--prime-six );
}
.our-team-one .h4::after {
  content: url(../images/shape/shape-03.svg);
  position: absolute;
  bottom: 46px;
  left: 43%;
  z-index: 1;
}
.our-team-content .card{
  border:none;
  background: none;
}
.our-team-content .card .team-body {
  opacity: 0;
  text-align: center;
  margin: auto;
  width: 100%;
  position: absolute;
  bottom: 0;
  box-shadow: none;
  padding-bottom: 29px;
  visibility: hidden;
  overflow: hidden;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
}
.our-team-content .card:hover .team-body{
  opacity:1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.our-team-content .card .team-body.team-one{
  background: linear-gradient(0deg, #B88B71 28.13%, rgba(255, 255, 255, 0.00) 82.81%) no-repeat;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.our-team-content .card .team-body.team-two{
  background: linear-gradient(0deg, red 28.13%, rgba(255, 255, 255, 0.00) 82.81%);
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.our-team-content .card .team-body.team-three{
  background: linear-gradient(0deg, #B88B71 28.13%, rgba(255, 255, 255, 0.00) 82.81%) no-repeat;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.our-team-content .card .team-body ul {
  width: 210px;
  height: 56px;
  background: #000;
  line-height: 50px;
  text-align: center;
  border-radius: 31px;
  margin: auto;
  transition:all 0.3s ease-in-out;
}
.our-team-content .card .team-body ul li {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 3px solid #ffffff;
  border-radius: 40px;
  line-height: 31px;
  text-align: center;
  margin: 3px;
  transition:all 0.3s ease-in-out;
}
.our-team-content .card .team-body ul li:hover {background: red;}
.our-team-content .card .team-body h6{
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}
.our-team-content .card .team-body p{
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.our-team-content .bottom-team .custom-btn-one {
  border-radius: 35px;
  font-size: 16px;
  color:var(--prime-one);
  background: red;
  line-height: 55px;
  padding: 0 38px;
}
.our-team-content .bottom-team .custom-btn-one::after {
  background:var(--text-color); 
  height: 100%;
  opacity: 1;
}
.our-team-content .bottom-team .custom-btn-one:hover::after{
  width: 100%;
}
/*=============================our-team   end==========================================*/
.blog-two .card {
  border: none;
  box-shadow: 0px 4px 30px 0px #E3E3E2;
  min-height: 442px;
  padding:38px 13px 52px 30px;
}
.blog-two .card .card-body {
   height:auto;
   padding: 0;
}
.blog-two .blog-first ul{display:inline;}
.blog-two .blog-first ul li {
  display: inline-block;
  padding-right: 38px;
}
.blog-two .blog-first ul li a{
  color:var(--heading-color);
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.blog-two .blog-first ul li span{margin-left:10px;}
.blog-two .blog-first ul li a:hover{color:var(--prime-two);}

/*=============================about page start==========================================*/
/* .banner-about .h2::after {
  content: url('https://adageweb.com/wp-content/uploads/2024/05/shape-16.png');
  position: absolute;
  bottom: -51px;
  left: 40%;
} */
.banner-about p a{
  color: var(--prime-one); 
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.banner-about p a:hover{
  color:var(--prime-two);  
}
.about-three .text-rapper {
    width: 65%;
    margin: auto;
}
.about-three h4{
  color: #010212;
  font-size: 64px;
  font-weight: 700;
  line-height: 72px;
}
.about-three p{
  color: #010212;
  font-size: 24px;
  font-weight: 400;
  line-height: 42px;
  }
.work-history-two {
    top: 60px;
    position: relative;
}
.about-four {
  top: -60px;
}
/*=============================about page  end==========================================*/

/*=============================section 01 start==========================================*/
.contact-form{
  background: var( --prime-eight );
}
.my-form {
  background: var(--prime-one);
  border-radius: 5px;
  padding: 60px 80px;
  top:-22px;
}
.contact-form .my-form .input-one{
  position: relative;
  margin-top: 20px;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 15px;
  line-height: 1;
}
.contact-form .my-form .input-two {
  position: relative;
  margin-top: 20px;
  display: block;
  width: 100%;
  height: 100px;
  font-size: 15px;
  line-height: 1;
}
.contact-form .my-form .input-one-text,
.contact-form .my-form .input-two-text{
  position:absolute;
  display: block;
  width:97%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.contact-form .my-form .input-one-text::before{
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  background: #000;
}
.contact-form .my-form .input-one-text::after{
  content: attr(data-placeholder);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  opacity: 0.7;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
.contact-form .my-form .input-two-text::before{
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width:100%;
  height: 1px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  background: #000;
}
.contact-form .my-form .input-two-text::after{
  content: attr(data-placeholder);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  opacity: 0.7;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
.my-form .custom-btn-one {
  text-transform: inherit;
  border-radius: 5px;
  background:var(--prime-two);
  color:var(--prime-one);  
  font-size: 16px;
  font-weight: 500;
  padding: 11px 44px;
  line-height: 2;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.my-form .custom-btn-one:hover{
  background:var(--text-color); 
}
.my-contact {
  border-radius: 5px;
  background: linear-gradient(180deg, #E6FCFE 0%, rgba(230, 252, 254, 0.00) 100%);
}
.my-contact .left-content .h5{
  padding-right: 91px;

}
.my-contact .left-content p{
  color: #141414;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 66px;
  
}
.my-contact .left-content .custom-btn-one{
  text-transform: capitalize;
  border-radius: 5px;
  background: #010212;
  color:var(--prime-one);  
  font-size: 18px;
  font-weight: 500;
  padding: 12px 27px;
  line-height: 2;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.my-contact .left-content .custom-btn-one i{margin-left:17px;}
.my-contact .left-content .custom-btn-one:hover{
  background:var(--prime-two); 
}
.my-contact .right-content {
  background: var(--prime-one);
  max-width: 410px;
  padding: 47px 54px;
  margin-left: auto;
}
.my-contact .right-content h6{
  font-size: 32px;
  font-weight: 400;
  line-height: 53px;
  }
  .my-contact .right-content p{
    font-size: 18px;
    font-weight: 400;
    line-height: 32px
  }
  .my-contact .right-content p i{
    font-size:25px;
    margin-right:10px;
  }
/*=============================partner two  end==========================================*/

/*=============================faq start==========================================*/
.faq{
  border-radius: 5px;
  background: linear-gradient(180deg, #E6FCFE 0%, rgba(230, 252, 254, 0.00) 100%);
}
.faq .faq-rapper{
  border-radius:5px;
  padding:80px 44px;
  background: #FFF;
  box-shadow: 0px 25px 25px 15px rgba(212, 207, 207, 0.25);
}
.faq .h5{
  color: #010212;
  font-size: 48px;
  font-weight: 700;
  line-height: 53px;
}
.faq .prag{
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
}
.my-contact-two{background: none;}
.my-contact-two .right-content {
  background: none;
  padding: 0;
  max-width: 100%;
}
.my-contact-two .left-content .h5{
  padding: 0;
  margin: 0;
}
/*=============================faq  end==========================================*/

/*=============================page-error start==========================================*/
.page-error{
  background: linear-gradient(90deg, #FFF4EE 1.76%, #F6FAFF 90.06%);
}
.page-error p a,
.page-error span{
  color: #010212;
  font-size: 36px;
  font-weight: 700;
  line-height: 51px;
}
.page-error .h2{
  color:var(--heading-color); 
}
.page-error .search-form {
  background: var(--prime-one);
  margin: auto;
  max-width: 675px;
  height: 78px;
}
.page-error .search-form input {
  padding-left: 30px;
  font-weight: 400;
  line-height: 51px;
  opacity: 0.7;
  background: none;
  width: 95%;
}
.page-error .search-form a img {
  padding-right:30px;
}
.page-error .custom-btn-one{
  padding:9px 66px;
  text-transform: capitalize;
  border-radius: 5px;
  background:var(--prime-two); 
  color:var(--prime-one); 
  font-size: 18px;
  font-weight: 500;
  line-height: 51px;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.page-error .custom-btn-one:hover{
  background:var(--text-color);
}
/*=============================page-error  end==========================================*/

/*=============================service details start==========================================*/
.banner-rapper-three .right-banner::before,
.banner-rapper-three .left-banner::before{display: none;}
.service-all{background: #F2FAFB;}
.service-all .left-banner .h3{font-weight: 700;}
.service-all .left-banner .tech-partner,
.service-all .left-banner .para-one{
  font-size: 24px;
  font-weight: 400;
  line-height: 40px; 
}
.service-all .left-banner .para-two{
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}
.service-all .left-bottom-banner a img{
  margin-right:25px;
}
.right-banner .our-video .watch-video {
  border: none;
  line-height: 0;
  position: absolute;
  bottom: -7px;
  left: -30px;
}
.service-all .right-banner .shape-01 {
  top: 5%;
  left: 15%;
  width: 42px;
  height: 38px;
  border-radius: 3px;
  background: red;
}
.service-all .right-banner .shape-02 {
  top: 12%;
  left: 25%;
  width: 70px;
  height: 64px;
  border-radius: 3px;
  background: #FFF;
}
.service-all .right-banner .shape-03{
  right: 0;
  bottom: 0;
  width: 17px;
  height: 157px;
  background: #FBCA1D;
}
/* ========================design-service */
.design-service {
  background: #FFF8F1;
  z-index: 1;
}
.design-service .left-service .include{
  color: #010212;
  font-size: 24px;
  font-weight: 700;
  line-height: 120px; 
}
.design-service .right-service .about-09{
  position: relative;
}
.design-service .right-service .about-10 {
  position: absolute;
  left: 22%;
  bottom: -30%;
}
.design-service .left-service .design-01 {
  position: relative;
}
.design-service .left-service .design-01 .icon{
  position: relative;
  z-index: 2;
}
.design-service .left-service .design-01 .icon img{
  width:auto;
  height:auto;
}
.design-service .left-service .design-01 .icon::before {
  position: absolute;
  left: 73px;
  top: 5px;
  content: '';
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: yellow var(--prime-six );
  z-index: -1;
}
.design-service-two{background: none;}
.design-service-two .custom-btn-one {
  text-transform: inherit;
  border-radius: 35px;
  background:var(--prime-two);  
  color:var(--prime-one);  
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 2;
  padding: 12px 38px;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.design-service-two .custom-btn-one:hover{
  background:var(--text-color); 
}
/*=============================service details  end==========================================*/

/*=============================case_study_two start==========================================*/
#isotop-gallery-wrapper {
  margin:-15px;
}
#isotop-gallery-wrapper .grid-sizer{
  width: 33.333%;
  padding:15px 0;
}
#isotop-gallery-wrapper .isotop-item{
  width: 33.333%;
}
#isotop-gallery-wrapper .isotop-item .item-one{
  margin-bottom:30px;
}
.item-one .hover-box {
  width: 267px;
  padding: 30px 20px;
  bottom: 15%;
  left: 15%;
  background: #FF6D1B;
  background: radial-gradient(#FF6D1B, transparent);
}
.item-one .hover-box .span-two,
.item-one .hover-box .h6 a{
  color:var(--prime-one);  
}
.item-one:hover .hover-box {
  color:var(--prime-one);     
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.case_study_two ul  {
  display: inline-block;
}
.case_study_two ul li {
  display: inline-block;
  
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  color: #000;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0 30px 0 0;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.case_study_two ul li:hover{
  color:var(--prime-two);   
}
.case_study_two ul li.is-checked{
  color:var(--prime-two);   
}
/*=============================case_study_two  end==========================================*/

/*=============================case-details  end==========================================*/
.case-details-banner .case-banner-rapper {
  width: 94%;
  margin: 0 auto;
}
.case-details-banner .case-banner-rapper p {
  margin: 0 auto;
  width: 78%;
}
.case-details{
  background: none;
}
.case-details .left-service .role {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
}
.case-details .left-service .design-01{
  margin-right: 0;
}
.case-details .left-service .design-01 p{
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}
.case-details .left-service .go_link,
.case-details .left-service .parg{
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}
.case-details .left-service .go_link{
  color:var(--prime-two); 
  text-decoration: underline;
}
.design-service-three{
  background: #FFF8F1;
}
.case-blog{
  background: none;
}
.case-blog .card{
  background: #FFFFFD;
  box-shadow: 0px 25px 25px 15px rgba(212, 207, 207, 0.25);
}
.case-blog .card .card-body {
  height: 220px;
}
.case-blog .card .card-body span{
  color:var(--prime-two);  
}
.case-video {
  background: none;
  right: -265px;
  top: -109px;
}
.case-video .play-button {
  line-height: 82px;
}
/*=============================case-details  end==========================================*/

/*=============================blog-page start==========================================*/
.case-blog .h4{
  width:85%;
  margin:0 auto;
}
.blog-page{
  background: #F4F7FC;
}
.blog-page .left-blog .left-one .card-body{
  padding:35px 44px;
}
.blog-page .left-blog .left-one h6{
  font-size: 46px;
  font-weight: 700;
  line-height: 58px;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.blog-page .left-blog .card{border:none;}
.blog-page .left-blog .left-one h6 a{
  color: #000;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.blog-page .left-blog .left-one ul li a:hover,
.blog-page .left-blog .left-one h6 a:hover{
  color:var(--prime-two);
}
.blog-page .left-blog .left-one p{
  color: #000;
  font-weight: 400;
  line-height: 34px
}
.blog-page .left-blog .left-one ul li a{
  color: #000;
  
  font-size: 16px;
  font-weight: 700;
  line-height: 34px;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.blog-page .left-blog .pagination a {
  width: 63px;
  background: var(--prime-one);
  border-radius: 50%;
  margin-right: 15px;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  line-height: 63px;
  vertical-align: middle;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;

}
.blog-page .left-blog .pagination {
  display: flex;
  margin-left: auto;
  width: 100%;
  position: relative;
  align-items: center;
  justify-content: flex-end;
}
.blog-page .left-blog .pagination a:hover{
  color:var(--prime-one);  
  background:var(--prime-two);
}
.blog-page .right-blog{
  padding: 50px 35px;
  background:var(--prime-one); 
}
.blog-search .search-form{
  border-radius: 3px;
  border: 2px solid #000;
  height: 66px;
}
.blog-search .search-form a img{
  margin-left:10px;
}
.blog-search .search-form input {
  color: #B5B5B5;
  font-size: 16px;
  font-weight: 400;
  margin-left: 20px;
  width: 100%;
}
.blog-post .h6,
.blog-taq .h6
.blog-categ .h6{
  line-height: 72px;
}
.blog-categ ul li span{
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
}
.blog-categ ul li{
  border-radius: 5px;
  background: #F6F6F6;
  color: #000;
  margin-bottom: 10px;
  height: 50px;
  padding:5px 20px;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.blog-categ ul li:hover{
  background:var(--prime-two);
  color:var(--prime-one);  

}
.blog-post .post-one p{
  color:var(--prime-two);
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  margin-left: 20px;
}
.blog-post .post-one h6 a{
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-left: 20px;
  transition: all 0.3s ease-in-out;
  -webkit-transition : all 0.3s ease-in-out;
}
.blog-post .post-one h6 a:hover{color:var(--prime-two);}
.blog-taq .tag_one{
  display:block;
  position: relative;
}
.blog-taq .tag_one a {
  display: inline-block;
  border-radius: 3px;
  background: #F5F4F4;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  padding: 7px 12px;
  margin: 0 10px 10px 0;
  line-height: 20px;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.blog-taq .tag_one a:hover{
  color:var(--prime-one);
  background:var(--prime-two); 
}
/*=============================blog-page end==========================================*/

/*=============================blog details start==========================================*/
.blog-banner{
  background: #FFF6EF;
}
.blog-banner .para-one{
  color: #8B8B8B;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
}
.blog-banner .divider{
  width: 1px;
  height: 32px;
  background: #DFDFDF;
  margin:0 10px;
}
.blog-details .card{
  border: none;
}
.blog-details .main_left{
  background:var(--prime-one);
  padding:42px 27px 100px 40px;
}
.main_left .left-one p{
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 34px;
  opacity: 0.8;
}
.main_left .left-one .quotetion{
  border-radius: 5px;
  background: #FEF7F2;
  padding:60px 44px 44px 105px;
}
.main_left .left-one .quotetion p{font-size: 18px;opacity:1;}
.main_left .left-one .quotetion p::after {
  content: url('../images/icon/quatetion.png');
  position: absolute;
  left: -70px;
  top: -20px;
}
.main_left .border{
  width:100%;
  height: 1px;
  background: #F0ECEC;
}
.left-two .taq span{
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height:22px;
  letter-spacing: 0.09px;
}
.left-two .taq-list a{
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.08px;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.left-two .taq-list a:hover{
  color:var(--prime-two);  
}
.left-two .social ul li{
  display: inline-block;
}
.left-two .social ul li a {
  color:var(--heading-color); 
  margin-right: 25px;
  width: 41px;
  text-align: center;
  line-height: 41px;
  border-radius: 50%;
  background: var(--prime-one);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.left-two .social ul li a:hover{
  background:var(--text-color);
  color:var(--prime-one); 
}
.main_left .left-three{
  border-radius: 5px;
  background: #F8F5F0;
  padding:50px 60px 40px 30px;
}
.main_left .left-three h6{
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 34px;
}
.main_left .left-three span{
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 34px;
}
.main_left .left-three p{
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}
.main_left .left-three ul li{
  display: inline-block;
  margin-right: 20px;
}
.main_left .left-three ul li a{
  color: #000;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.main_left .left-three ul li a:hover{
  color:var(--prime-two); 
}
.main_left .left-four h6{
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 34px;
}
.main_left .left-four span{
  color: #000;;
  font-size: 14px;
  font-weight: 400;
  line-height: 34px;
}
.main_left .left-four p{
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px
}
.main_left .left-four a {
  border-radius: 3px;
  background: #010212;
  color: var(--prime-one);
  font-size: 16px;
  font-weight: 400;
  line-height: 34px;
  padding: 0 20px;
  text-align: center;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.main_left .left-four a:hover{
  background:var(--prime-two);
  color: var(--prime-one);
}
.main_left .left-five input{
  width: 100%;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 34px;
  opacity: 0.8;
}
.main_left .left-five .custom-btn-one{
  text-transform: inherit;
  border-radius: 3px;
  background:var(--prime-two);
  color:var(--prime-one);  
  font-size: 16px;
  font-weight: 500;
  line-height: 34px;
  padding: 11px 31px;
  transition: all 0.3s ease-in-out;
    -webkit-transition : all 0.3s ease-in-out;
}
.main_left .left-five .custom-btn-one:hover{
  background:var(--text-color);
}
.main_left .left-six input{
  width: 17px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid #E3E3E3;
}
.main_left .left-six p{
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 34px;
}
.breadscump .breadcrumb{
    justify-content: center !important;}
.breadscump .breadcrumb li{font-size: 1rem !important;
    color: white !important;}
.breadscump .breadcrumb li a{!important;color:#ffffff !important;}
.breadscump .breadcrumb-item.active {
    color:#ff0012 !important;
}

.testimonial_client .slick-slide {margin:10px !important;}
.rghtbox .slick-slide {margin:10px !important;box-shadow: rgba(149, 157, 165, 0.2) 1px 0px 4px 0px;}
/*=================end style css =======================================================*/


/*Manual CSS*/
:root{--gray-100: #2b2a2d;
    --orange-110: #ec7d23;
    --orange-05: #fef8f3;
    --white: white;
    --orange-100: #f57e1d;
    --brown-100: #9a540d;
    --orange-50: #ffbc85;
    --orange-10-2: #fef3e7;
    --gray-110: #1b1a1d;
    --gray-90: #3e3d40;
    --gray-80: #5a585e;
    --gray-70: #67656b;
    --gray-60: #7c7a80;
    --gray-50: #918f96;
    --gray-40: #b6b5ba;
    --gray-30: #e6e6e6;
    --gray-20: #f2f2f2;
    --brown-70: #d1893a;
    --brown-20: #f6e7d8;
    --yellow-40: #ffed8c;
    --untitled-ui-gray600: #475467;
    --untitled-ui-gray400: #98a2b3;
    --untitled-ui-gray900: #101828;
    --untitled-ui-primary600: #7f56d9;
    --untitled-ui-white: white;
    --untitled-ui-primary700: #6941c6;
    --untitled-ui-primary100: #f4ebff;
    --untitled-ui-gray300: #d0d5dd;
    --untitled-ui-gray700: #344054;
    --untitled-ui-gray50: #f9fafb;
    --untitled-ui-gray800: #1d2939;
    --untitled-ui-gray100: #f2f4f7;
    --untitled-ui-gray200: #eaecf0;
    --text-color    : #010212!important;
    --heading-color : #010212 !important;
    --prime-one     : #ffffff !important;
    --prime-two     : #FF6915 !important;
    --prime-three   : #FB3C1D !important;
    --prime-four    : #343230 !important;
    --prime-five    : #FFD1B0 !important;
    --prime-six     : #F6C410 !important;
    --prime-seven   : linear-gradient(90deg, #FFF4EE 0%, #F6FAFF 86.63%) !important;
    --prime-eight   : #FBF3EE !important;
    --prime-nine    : #FFF7F1 !important;
    --prime-ten     : #FAF7EF !important;
    --prime-eleven  : #F6FAFF !important;
    --prime-twelve  : #FFF6EF; !important}
body{
    position: relative;
    font-style: normal;
    font-size: 18px;
}

.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6,strong,b {
     font-family: "Roboto", sans-serif !important;
    font-style: normal !important;
}
.h3,h3,.h4,h4,.h5,h5,.h6,h6 {color:var(--heading-color) !important; font-weight: 700 !important;}
.h1,h1 {font-size: 110px !important;font-weight: 700 !important;}
.h2,h2{ font-size: 96px !important;font-weight: 700 !important;}
.h3,h3{ font-size: 26px !important;font-weight: 700 !important;}
.h3,h4{ font-weight: 700 !important;}
.h3,h5{ font-weight: 700 !important;}
.h3,h6{ font-weight: 700 !important;}
.opacity{opacity: 0.8 !important;}
.opacity-two{opacity: 0.6 !important;}
.border-80 {
  width: 80% !important;
  height: 1px !important;
  background: #E8D1C0 !important;
}
.border-90 {
  width: 90% !important;
  height: 1px !important;
  background: #000000 !important;
}
.border-100 {
  width: 90% !important;
  height: 1px !important;
  background: #2C2828 !important;
}
/* =========================font size=========================== */
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 15px !important;}
.fs-17 {font-size: 17px !important;}
.fs-20 {font-size: 20px !important;}
.fs-22 {font-size: 22px !important;}
.fs-24 {font-size: 24px !important;}
.fs-26 {font-size: 26px !important;}
.fs-28 {font-size: 28px !important;}
.fs-30 {font-size: 30px !important;}
.lh-34{line-height: 34px !important;}
.lh-35{line-height: 35px !important;}
.lh-36{line-height: 36px !important;}
.lh-37{line-height: 37px !important;}
.lh-38{line-height: 38px !important;}
.lh-39{line-height: 39px !important;}
.lh-40{line-height: 40px !important;}
.lh-41{line-height: 41px !important;}
.lh-42{line-height: 42px !important;}
.lh-43{line-height: 43px !important;}
.lh-44{line-height: 44px !important;}
.lh-45{line-height: 45px !important;}
.lh-46{line-height: 46px !important;}
.lh-47{line-height: 47px !important;}
.lh-48{line-height: 48px !important;}
.lh-49{line-height: 49px !important;}
.lh-50{line-height: 50px !important;}
/* =========================other=========================== */
.upercase{text-transform: uppercase !important;}
.span-one{color: #FFF !important;
  font-size: 20px !important;
  
  line-height: 30px !important;
}
.span-two{
  color: #ff1515 !important;
  font-size: 16px !important;
  
  line-height: 34px !important; 
  text-transform: uppercase !important;
}
::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.7) !important;}
:-ms-input-placeholder { color: rgba(0, 0, 0, 0.7) !important;}
::placeholder {color: rgba(0, 0, 0, 0.7) !important;}
.shapes {position: absolute !important;}
.tran3s {transition: all 0.3s ease-in-out !important;}
.tran4s {transition: all 0.4s ease-in-out !important;}
.tran5s {transition: all 0.5s ease-in-out !important;}
.tran6s {transition: all 0.6s ease-in-out !important;}
.row {
  --bs-gutter-x: 30px !important;
}
.gutter-y-30 {
  --bs-gutter-y: 30px !important;
}

.ast-article-single {padding: 0px !important;}
.ast-article-single a{text-decoration:none !important;}
.about-list li {color:black !important;
border-radius: 3px;
    border: 1px solid #ECECEC;
    margin-bottom: 5px;
    padding: 7px 10px !important;
    position: relative;
font-family: "Inter", sans-serif !important;
font-weight: 300;
    font-style: normal;
font-size: 14px;}
.offer-one .h6 a, .our-offer-one .h4 {
    color: var(--prime-one) !important;
}
.color-two {
    color: #ffffff !important;
}
.pt-220 {padding-top:120px !important;}
.our-offer-one {
    background: #ffffff !important;
}
.offer-one{background: #FFF !important;}
.offer-one:hover p, .offer-one .h6 a {
    -webkit-transition: all 0.3s linear !important;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear !important;
  color:black !important;
}
.about-two {
    background: #F4F4F4 !important;
    z-index: -1 !important;
}
.about-two .about-list li {
    background: #ffffff;
}
.our-offer-one .heading_shape{color:black !important}
.blog-one-content .card-body{color:black !important}
.blog-one-content .card .card-body h6 {
    font-size: 22px !important; color:black !important;
}
.card-body h6 a{ color:black !important;cursor: pointer;
}
.card-body h6 a:hover{ color:var(--prime-two) !important;
}
.our-offer-three .offer-one:hover{color:white !important;}
.offer-one:hover p, .offer-one:hover .h6 a {
    color: var(--prime-one) !important;
}
.d-flex {
    display: flex !important;
}
.service-all {
    background: #F2FAFB !important;
}
.banner-two {
    background: #F7E5D7 !Impoabove;
}
.tran5s {
    transition: all 0.5s ease-in-out !important;
}.service-all .left-banner .tech-partner, .service-all .left-banner .para-one {
    font-size: 24px;
    line-height: 40px;
    color: black !important;
}
.footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element {
    text-align: left;
    color: white;
} 
.logofooter img{width:80px !important;}
.footer-widget-area ul li a, .footer-widget-area ul li a {
    color: var(--prime-one);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ast-builder-footer-grid-columns h4{font-size: 25px !important;
    color: white !important;
    text-align: left;}
.ast-builder-html-element ul li{text-align: left;
    font-size: 15px !important;}
.ast-builder-footer-grid-columns{font-size: 15px !important;}
.site-above-footer-wrap {padding: 37px 0px;}
.site-footer .site-primary-footer-wrap {padding: 10px 0px;
    background: #7a7a7a;}
.ast-primary-header-bar {
    background-color: #ffffff;
    background-image: none;
}
.design-service .left-service .design-01 .icon::before {
    position: absolute !important;
    left: 73px !important;
    top: 5px !important;
    content: '' !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 30px !important;
    background: var(--prime-six) !important;
    z-index: -1 !important;
}
.ast-flex {
    -js-display: flex !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-around !important;
}
.banner-two {background: linear-gradient(90deg, #7B7B7B 0%, rgba(84, 81, 81, 0.73) 23.44%, rgba(27, 25, 25, 0.00) 100%), url('https://adageweb.com/wp-content/uploads/2024/05/5-scaled.jpg') center center no-repeat !important;}
.banner-three {background: linear-gradient(90deg, #7B7B7B 0%, rgba(84, 81, 81, 0.73) 23.44%, rgba(27, 25, 25, 0.00) 100%), url('https://adageweb.com/wp-content/uploads/2024/05/3-scaled.jpg') center center no-repeat;}
.offer_custom{padding: 40px 0px 40px 0px !important;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;}
.work_h_custom{padding:40px 0px !important;margin:0px !important;}
.about-one-custom{margin-bottom:15px !important}
.chooseone-custom {margin: 0px !important;
  padding: 0px 0px 60px 0px;
    border-bottom: 1px solid #f3f3f3 !important;}
.choose-one-rapper{padding: 0px !important;}
.case_study-_one {padding: 40px 0px 80px 0px !important;
    margin: 0px !important;
    border-bottom: 1px solid gainsboro;background: #f8f9fa !important;}
.home_one_testimonial {padding: 60px 0px 0px 0px !important;
margin-bottom: 0px !important;}
.partner-one{margin: 0px !important;}
.blog-one-rapper{padding: 0px 0px 40px 0px !important;}
.our-video{padding: 0px !important;
    margin: 0px !important;}
.accordion-body {
   background: #ffffff !important;
    padding: 5px 17px !important;
    border-radius: 4px !important;
    color: black;
}
p:empty {
  display: none !important;
}
.faq_sall .accordion-item{
    border-radius: 5px;}
.faq_sall .accordion-item{margin:10px 0px !important;}
.blog-one {padding: 0px !important;
    margin: 0px !important;}
span.fs-20.fw-500.position-relative {
    color: black !important;
}
.callnowbtn {padding: 42px 0px;
    background: linear-gradient(to top, #2c2c2c, #635c5c);
    color: white;}
.lfetside{padding: 80px 0px !important;}

.site-below-footer-wrap {padding:0px !important;margin:0px !important;}
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {min-height: auto !important;
border-top-color: #383838;
padding:15px 0px; }
.site-below-footer-wrap[data-section="section-below-footer-builder"] {min-height: auto !important; background-color: #2b2a2d;border-top-color: #454545;}
.site-primary-footer-wrap{background:white !important;}
.ast-builder-html-element p:last-child {color:white !important;}
.about-three h4 {
    color: #010212 !important;
    font-size: 64px !important;
    
    line-height: 72px !important;
}
.mb-100 {
    margin-bottom: 0px !important;
}
.about-three{40px 0px 0px 0px !important;}
.about-four {padding:150px 0px 41px 0px !important;margin-bottom:0px !important;}
.page-id-33 .callnowbtn{display: none !important;}
.my-contact {padding-bottom: 0px !important;}
.fixsite {text-transform: inherit !important;
    border-radius: 35px !important;
    background: var(--prime-two) !important;
    color: var(--prime-one) !important;
    font-size: 18px !important;
    line-height: 2 !important;
    padding: 12px 38px !important;
    transition: all 0.3s ease-in-out !important;}
.banner-two .normalpage {
    background: var(--prime-two);
    color: var(--prime-one);
    padding: 0 47px;
    line-height: 64px;
    font-size: 16px;
    border-radius: 35px;
    border: 1px solid var(--prime-two);
}
.banner-three .normalpage {
    background: var(--prime-two);
    color: var(--prime-one);
    padding: 0 47px;
    line-height: 64px;
    font-size: 16px;
    border-radius: 35px;
    border: 1px solid var(--prime-two);
}
.tran5s {
    transition: all 0.5s ease-in-out !important;
}
.mb-120{margin-bottom:0px !important;}
.tran5s {
    transition: all 0.5s ease-in-out !important;
}
.about-one::before {
    position: absolute !important;
    content: "" !important;
    right: 52.5% !important;
    top: 0% !important;
    width: 100% !important;
    height: 100% !important;
/*     background: var(--prime-nine) !important; */
    z-index: -1 !important;
    max-width: 920px !important;
}
.accordion-button:not(.collapsed)::after {
    position: absolute !important;
    right: 5% !important;
    top: 9px !important;
    background: none !important;
    content: '-' !important;
    height: auto !important;
    font-size: 36px !important;
     transition: all 0.3s ease-in-out !important;
    line-height: auto !important;
}
.accordion-button:not(.collapsed),.accordion-button.collapsed{padding: 0px 18px !important;background:none !important;}
.accordion-button::after {
    position: absolute !important;
    background: none !important;
    content: '+' !important;
    height: auto !important;
    font-size: 36px !important;
    transition: all 0.3s ease-in-out !important;
    line-height: auto !important;
    right: 5% !important;
    top: 0px !important;
}
.about-one{padding-top: 51px;}

@media (max-width: 1199.98px) {.about-one{padding-top: 10px !important;}}
.popupform .modal-title {font-size: 22px !important; color: black !important; margin:15px 0px;}
.popupform .modal-header{display: flex !important;flex-direction: column;padding:10px 0px;}
.footerbtm, .abovebottomfooter {padding: 20px 0px 20px 0px;
    border-top: 3px solid #c42126;
    background: linear-gradient(to top, #1e1e1e, #2c2c2c);
    color: white;}
.footerbtm h4 {
   text-align: left;
    font-size:1.2rem !important;
    text-transform: uppercase;
}
.footerpara{font-size: 13px !important;
    color: #ffffff !important;}
.footerbtm .footer1 img{width:167px; !important;}
{font-size: 15px !important;
    color: white !important;
    text-align: left;}
.footerbtm ul li a{
    padding-top: 10px !important;
    color: #ffffff !important;
    font-size: 13px !important;}

.popupform .modal-content{border: 1px solid var(--brown-20);
    background-color: var(--white);
    border-radius: 6px;
    padding: 10px;}
.popupform .btn-close:hover {
    color: #fff !important;
  background-color:transparent !important;
}
.abovebottomfooter .heading{padding: 0px 0px 20px 0px !important;
    text-align: center;}
.abovebottomfooter .heading h6{color: black !important;}
.abovebottomfooter ul li{color: #ffffff;
    font-size: 14px;}
.ast-builder-grid-row-container-inner {background: #2b2a2d;}
.{border-top:1px solid red !important;}
.ast-footer-copyright p{font-size: 14px;
    color: white !important;
    text-align: center !important;}
.callnowbtn {background:#808080 !important;padding: 31px 0px 1px 0px !important;}
.homepagemain h2{font-size:2.5rem !important;} 
/*@media (max-width: 544px) {
    .homepagemain h2{
        font-size: 28px !important;
    }
}*/
.mb-140 {
    margin-bottom: 0px !important;
}
/*@media (max-width: 921px) {
    .homepagemain h2{
        font-size: 28px !important;
    }
}*/
.casestudytest .box1{text-align: center;
    background: #fff;
    border-radius: 6px 30px 6px 30px;
    box-shadow: 5px 5px 20px -3px rgb(0 0 0 / 25%);
    padding: 25px;
    color: #000;
height: 480px;}
.casestudytest .box1 img{margin-bottom: 10px;
    border-radius: 100%;}
.casestudytest .box1 h2{text-align:center;}
.casestudytest{padding:40px 0px 70px 0px;}
.callnowbtn .rightside #evf-914-field_G8Bc7jRBB6-5{padding: 8px 0px !important;}
.callnowbtn .rightside .everest-forms .evf-field-container .evf-frontend-row textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 75px;
    margin-top: 11px;
}
.callnowbtn .rightside .everest-forms #evf-submit-914{color: white !important;
    /* width: 45%; */
    background: #dc2633;
    /* font-size: 20px; */
    padding: 4px 12px;
    font-family: "Inter", sans-serif !important;
    font-weight: 300;
    font-style: normal;
    
    text-transform: uppercase;}
#rc-anchor-container{width: 286px !important;}
.abovebottomfooter .footer10 ul li{
    font-size: 13px !important;}
.footerbtm #evf-submit-932{
    width: 100% !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    background-color: #dc2633 !important;
    text-transform: uppercase;
    font-size: 15px;}
.partner img{width: 50px;}
.partner h4{padding: 0px 0px 6px 0px;}
.partnepartner_sliderr{padding: 20px 0px;}
.callnowbtn h4{color: white !important;
    font-size: 47px;}
.callnowbtn p{color: white !important;}
.lfetside{background:url('https://adageweb.com/wp-content/uploads/2024/06/background.png');
background-position: 40%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: auto 100%, auto;
    border-radius: 8px;}
.box1 h4{margin-bottom: 5px;
padding-top: 10px;}
.box1 .postion{padding-bottom: 10px;}
.box1 .oneline{    background: #EBF6FF;
    border: 1px solid #ce1b24;
    border-radius: 5px;
    padding: 4px 0px;
    color: #000000 !important;
    margin-bottom: 10px;}
.content{margin-bottom: 10px;}
.name{margin-bottom:10px;}
.popupform #evf-submit-915{width: 100% !important;
    border: 1px solid #000000 !important;
    color: #ffffff !important;
    background-color: #dc2633 !important;
    text-transform: uppercase;
margin:22px 0px;}
.case_study-_one  .boxleft{border: 1px solid #ccc;    background: white;}
.case_study-_one  .boxleft h4{background: #6889b4;
    text-align: center;
    padding-top: 13px;
    margin-top: -1px;
    padding-bottom: 14px;
    font-size: 25px;
    color: white !important;}
.case_study-_one .boxleft  .resulktinc {align-items: normal !important;
    box-sizing: border-box;
    display: flex;
    overflow-wrap: break-word;
    word-break: break-word;}
.case_study-_one  .boxleft .headingfv, .headingfv2{text-align: center;
    font-size: 54px !important;
    color: #000000 !important;
    
  margin-bottom:0px !important;
    line-height: initial;}
.case_study-_one  .boxleft .resulktinc p{margin-bottom: 0px !important;
  margin-left: 0 !important;
    font-size: 16px;} 
.case_study-_one  .boxleft .headp1{border-right: 1px solid #c3c3c3;flex-basis: 0;
    flex-grow: 1;
    text-align: center;
    border-radius: 1ps solid red;
    overflow-wrap: break-word;
    word-break: break-word;}
.parcase p{margin-left: 0 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    margin-bottom: 0px;}
.parcase{padding: 0px 20px 20px 20px;height: 200px;}
.parcase a{color: #f40000 !important;
padding-top:10px !important;}
.headp2{border: none !important;}
.awrdrght h2{font-size:25px !important;}
.offer-one {height: 100% !important;
padding:30px 10px!important}
a{cursor:pointer !important;}
.awardsect{padding-bottom:60px;}
.blog-one {padding-top:40px !important;background: #f8f9fa !important;}
.blog-one-content .pt-20{padding-top: 10px !important;
    margin: 0px !important;}
.blog-one-content .card .blogcrdimg{width:100%}
.mb-30 {margin-bottom:30px !important;}
.common-bann{
/*  background: #f5f9fa; */
 background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://adageweb.com/wp-content/uploads/2024/10/codifyformatter-5.png");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;}
.common-bann .text-center{padding:100px !important;}
.commmon-sect .heading-custm h4{color: black !important;
    font-size: 40px !important;}
.servicepage .offer-one{width:100% !important;}
@media (max-width: 999.98px) {.about-one .offset-lg-1 {padding-top:20px !important;}}
@media (max-width: 999.98px) {.about-list {padding: unset !important;
    margin: auto !important;
    padding-left: 0px !important;}}
  @media (max-width: 999.98px) {.about-list  li {font-size:12px !important}}
@media (max-width: 999.98px) {.about-one {margin-bottom: 0px !important;
}}
    @media(max-width: 999px){.our-video .intrinsic-ignore{width: 100% !important;
    height: auto !important;}}
    @media(max-width: 999px){.our-video .wp-block-cover{min-height: 175px !important;}}   
    @media(max-width: 999px){.case_study-_one .boxleft .headingfv, .headingfv2{font-size: 20px !important;}}
@media(max-width: 999px){.case_study-_one .boxleft h4
    {font-size: 21px;}}
    @media(max-width: 999px){.awrdlft img{padding-bottom: 20px !important;}}
.awrdlft img{display: block;
    margin-left: auto;
    margin-right: auto;
    width: 62%;}
@media(max-width: 999px){.callnowbtn .lfetside{padding:0px !important;}}
.contentweb{padding-top:60px !important;}
.webdevlop .heading-custm h2{color: black !important;
    font-size: 40px !important;}
.mb-80{padding:0px !important; margin:0px !important;}
.ast-site-identity {
    padding: 10px 0px !important;
}
.popupform .modal-content img{width:150px !important;margin:15px 0px;}
.main-header-menu .sub-menu .menu-link{padding:10px 5px !important;}
.main-navigation a{text-transform: uppercase !important;}
@media(max-width: 999px){.ast-builder-grid-row{   display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    grid-column-gap: 20px;
    overflow-wrap: anywhere;
    justify-content: space-between;}}
.ast-menu-toggle{border-style:none !important;}
body, div{color: var(--gray-80) !important;}
.expdes{color:white !important;}
@media(min-width: 400px){
    .homepagemain #carouselExampleCaptions .carousel-item img{height:300px !important; width:100% !important;}
}
@media(min-width: 600px){
    .homepagemain #carouselExampleCaptions .carousel-item img{height:350px !important; width:100% !important;}
}
@media(min-width: 1080px){
    .homepagemain #carouselExampleCaptions .carousel-item img{height:550px !important; width:100% !important;}
}
@media(min-width: 1400px){
    .homepagemain #carouselExampleCaptions .carousel-item img{height:800px !important; width:100% !important;}
}
@media(min-width: 2200px){
    .homepagemain #carouselExampleCaptions .carousel-item img{height:100% !important; width:100% !important;}
}
.breadcrumb {justify-content: center !important;}
.gmbbox {    display: flex;
    border: 1px solid black;
    padding: 10px;
    border-radius: 10px;
    justify-content: flex-start;
}
.gmbbox .gmbboxh{padding:0px 10px; display: flex;
    flex-direction: column;
    justify-content: space-evenly;}
.gmbbox .gmbboxh strong{font-size:20px;}
.gmbbox .gmbboxh figure{margin:0px !important;}
.breadcrumb-item.active {
    color: #000000 !important;
}
@media (max-width: 544px) {
    h1, .entry-content h1 {
        font-size: 32px !important;
    }
    @media (max-width: 921px) {
    h1, .entry-content h1 {
        font-size: 45px !important;
    }
}
    @media (max-width: 991.98px) {
    .h2, h2 {
        font-size: 50px !important;
        line-height: 62px;
    }
}
    @media (max-width: 767.98px) {
    .h2, h2 {
        font-size: 40px !important;
        line-height: 52px;
    }
}
    @media (max-width: 575.98px) {
    .h1, h1 {
        font-size: 33px !important;
        line-height: 45px;
    }
}
    @media (max-width: 767.98px) {
    .h1, h1 {
        font-size: 50px !important;
        line-height: 70px;
    }
}
    @media (max-width: 991.98px) {
    .h1, h1 {
        font-size: 80px !important;
        line-height: 90px;
    }
}

}
@media (max-width: 991.98px){
.common-bann .text-center {
    padding: 0px !important;
    }}
@media (max-width: 767.98px){
.common-bann .text-center {
    padding: 0px !important;
    }}
@media (max-width: 575.98px){
.common-bann .text-center {
    padding: 0px !important;
    }}

@media (max-width: 991.98px){
.webdevlop .heading-custm h2 {color: black !important;
font-size: 24px !important;
}}
@media (max-width: 767.98px){
{color: black !important;
font-size: 22px !important;
}}
@media (max-width: 575.98px){
.common-bann .text-center {
    padding: 20px !important;
    }}
.work-history-one .ouracive img{text-align: center;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #f57e1d;
    /* width: 100% !important; */
    display: block;
    margin-left: auto;
    margin-right: auto;}
.ancrlftsid a{padding: 0px 10px 8px;
    background: #2b2a2d;
    border-radius: 5px;
    color: white;
    text-align: center !important;
    border: 1px solid #f57e1d;}
.ancrlftsid a:hover{color: #000000;
    background: white;}
.our-offer-one .offer-one{box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 8%)}
.digit_mark_Serv h2{font-size: 40px !important;}
.faq_sall .accordion-button:focus {box-shadow: none !important;}
.webdevlop .gmbbox .imgbox img {
    border: 0;
  border-radius: 12px;}
.offer-rapper-one .row .col-xl-3{margin-bottom: 20px !important;}
.important_ecomerce{background: #f8f9fa !important
    padding-bottom: 20px;}

.important_ecomerce .offer-one:hover p, .offer-one:hover .h6 a {
    color: var(--gray-80) !important;}
.offer-rapper-one .offer-one {position: relative;}
.offer-rapper-one .offer-one .ancrlftsid{position: absolute;
    bottom: 10px;
    left: 35%;}
.offer-rapper-one .offer-one .h6{margin-bottom:0px !important}
.blog .ast-row .type-post .blog-layout-4 .ast-grid-common-col h2{font-size:16px !important;}
.author .ast-row .type-post .blog-layout-4 .ast-grid-common-col h2{font-size:16px !important;}
.author .ast-archive-entry-banner {background: #f5f9fa;}
.category .ast-archive-entry-banner {background: #f5f9fa;}
.author #content {padding-top: 15px !important;}
.category #content {padding-top: 15px !important;}
.search h2{font-size: 16px !important;}
.category h2{font-size:16px !important;}
.footer4 #evf-932 .evf-field-container{padding-top:15px !important}
.single-post h1{font-size:20px !important;}
.single-post h2{font-size:19px !important;}
.single-post h3{font-size:18px !important;}
.single-post h4{font-size:17px !important;}
.single-post h5{font-size:16px !important;}
.single-post{background:white !important;}
.ast-separate-container.ast-two-container #secondary .widget{padding: 0em 2em; !important}
.widget {
    margin-bottom: 1.25em !important;
}
.single-post .everest-forms .evf-field-container, .everest-forms .evf-honeypot-container, .everest-forms .evf-submit-container{padding-left:0px !important;}
.single-post #secondary .everest-forms-submit-button{width: 100% !important;
    background: #dc2633;
    color: white !important;
    border: 1px solid #ffffff;}
.post-template-default .ast-single-entry-banner, .single-layout-1{    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 20px;}
.post-template-default .ast-related-post{
    background:white !important;
    box-shadow: rgba(23, 43, 99, .3) 0 7px 28px;
    border-radius: 5px;
    padding: 10px !important;}
.post-template-default .ast-related-post .ast-related-posts-inner-section .ast-related-post-content .entry-header .entry-meta {color:white !important}
.post-navigation{background: #ff0012 !important;
padding:2px 10px !important;
border-radius:5px !important;}
.post-navigation .nav-links p{color:white !important;}
#comments{    margin-top: 0px !important;
padding-bottom:0px !important;}
.form-submit #submit{background: #2b2a2d !important;
    color: white !important;
    border: 1px solid #f57e1d!important;
    margin: 10px 0px !important;
    width: 100% !important;
    padding: 5px 0px 10px 0px !important;
    border-radius: 5px !important;}

.comments-area {background-color: var(--color-white);
    box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.07);
    /* border-radius: 5px; */
    /* padding: 30px 0; */
    /* margin: 10px 0px !important; */
    border: 1px solid #c8c8c8;}
.site-content article .comment-respond {
    padding-top: 1em;
}
.comment-reply-title {
    /* padding-top: 0; */
    margin-bottom: 1px !important;
}
.comment-form-textarea #comment,#author,#email,#url {border: 1px solid #5a5a5a;}
.single-post .lfetside h4{font-size: 47px !important;}
.g-recaptcha iframe{width: 94% !important;}
.single-post .sidebar-main .wp-block-search__button{background: #2b2a2d !important;
    color: white !important;
    border: 1px solid #f57e1d !important;
    border-radius: 5px !important;}
.site-header {
 top: 0;
 position: sticky;
 width: 100%!important;
border-bottom: 1px solid #f5f5f5;
}
    
.sidebar-main {
  height: 100%;
    }
    
.sidebar-main aside:last-child {
    position: -webkit-sticky;
    position: sticky;
    top: 13% !important;
  }
}
.enquiryform_rightsidebar {
    padding: 10px 0px;
    color: white !important;}
.sidebar-main .wp-block-search__label {font-size: 19px !important;}
.sidebar-main #block-2,#block-3,#block-6,#block-28 {background-color: var(--color-white);
    box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.07);
    border-radius: 5px;
    padding: 30px !important;}
.ast-single-related-posts-container {padding: 15px 10px !important;
    margin: 15px 0px !important;
    background: transparent !important;
    border: 1px solid #c6c6c7 !important;}
.ast-single-entry-banner .ast-breadcrumbs-wrapper #ast-breadcrumbs-yoast a{color:blue !important;}
.single-post #primary,#secondary{margin:0px 0px 20px 0px !important;}
.home_page p{font-family: "Inter", sans-serif !important;
    font-weight: 300;
  font-style: normal;
}
.mb-30 {
    margin-bottom: 15px !important;
}
.form .everest-forms #evf-1883 .evf-frontend-grid {
    padding-left: 0px !important;
}
.subscribe #evf-932 {margin-bottom: 0px !important;}
.ftradrs li{color:black !important;}
.subscribe .evf-frontend-grid {padding-left:0px !important;}
.blog .ast-archive-entry-banner{background: #f5f9fa}
.blog .ast-archive-entry-banner .ast-container h1{color:black !important;}
.blog .ast-archive-entry-banner .ast-container #ast-breadcrumbs-yoast a{    color: black !important;}
.category .breadcrumb_last{color:#5a585e !important;}
.blog .breadcrumb_last{color:red !important;}
.category #ast-breadcrumbs-yoast a{color: blue !important;}
.blog #content{padding-top:15px !important;}
.category #content{padding-top:15px !important;}
.callnowbtn .rightside #evf-914 .evf-field-container{padding-left:0px !important;}
.error404 .ast-archive-entry-banner{background: radial-gradient(circle, rgba(245, 126, 29, 1) 0%, rgba(245, 126, 29, 1) 35%, rgba(255, 85, 0, 1) 100%);}
@media (max-width: 544px) {
    @media (max-width: 991.98px) {.blog h1 {font-size: 20px !important;}}}
@media (max-width: 544px) {
    @media (max-width: 991.98px) {.callnowbtn {padding: 25px 15px !important;}}}
@media (max-width: 544px) {
    @media (max-width: 991.98px) {.callnowbtn h4 {font-size: 22px;}}}

@media (max-width: 544px) {
    @media (max-width: 991.98px) {.footer2 h4 {padding: 10px 0px 0px 0px;
    border-bottom: 1px solid #ffffff;
    width: 100%;}}}
@media (max-width: 544px) {
    @media (max-width: 991.98px) {.footer3 h4 {padding: 10px 0px 0px 0px;
    border-bottom: 1px solid #ffffff;}}}
@media (max-width: 544px) {
    @media (max-width: 991.98px) {.category h1 {font-size: 20px !important;}}}
@media (max-width: 544px) {
    @media (max-width: 991.98px) {.search h1 {font-size: 20px !important;}}}
.portfoliocss h3{font-size: 25px !important;}
.imgprt img{display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    /* padding: 30px 0px; */
    padding: 10px;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
    margin-bottom: 25px;}
.portfoliocss ul{list-style: circle;}
.blog ul{list-style: circle;}
.post ul{list-style: circle;}

.case_study_new .offer-one:hover p, .offer-one:hover .h6 a {
    color: var(--gray-80) !important;}
.boxmain{
    margin: 15px 0px;
 box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 51px 10px;
    background: white;
height:250px !important;
cursor:pointer !important;
display: flex
;
    align-items: center;
    align-content: stretch;
    flex-direction: column;
}
.boxmain.lg-mb-30.text-center:hover {
    background: #e6ecf1 !important;
}
.banner-about .h2 {
    color: #ffffff !important; 
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #ff0000 !important;
}
.common-bann .text-center h2{font-size: 3rem !important;}
.common-bann .text-center h1{font-size: 3rem !important;}
.pt-50 {
    padding-top: 0px !important;
}
body,li,ul,a,div,button,input,p{font-family: "Inter", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;}
.boxmain .imglftmark img{padding-top:10px !important;}
.servicepage .commmon-sect .offer-rapper-one{padding-bottom:0px !important;}
.gmbboxh p{margin-bottom:0px !important;}
.castestudy .boxleft {margin-bottom:10px !important;}
.blog h1{font-size:50px !important;}
.single .post-navigation a .ast-post-nav{color:white !important;}
.choose-one{padding-top:20px !important;}
.accordion-button:not(.collapsed){background:white !important;}
.faq_sall .accordion-item{border: 1px solid rgb(255 255 255 / 13%);}
.faq_sall .accordion-button:not(.collapsed){box-shadow: inset 0 0 0 rgba(0, 0, 0, .125);}
.stickbutn{position: fixed;
    right: -61px;
    bottom: 330px;
    background: #dc2633 !important;
    color: white !important;
    transform: rotate(-270deg);
    vertical-align: middle;
    z-index: 99;
    text-transform: uppercase;
    padding: 7px;
    border: 1px solid white;}
.boxftres {padding: 4px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    min-height: 60px;}
.icon_ftr {
      background-color: transparent;
    margin-bottom: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 50px;
    font-size: 31px !important;
    color: #d62222 !important;
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
}
.icon_ftr::after {
   content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 30px; /* consistent height */
    width: 2px;
    background-color: #d62222;
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -webkit-backface-visibility: hidden; /* helps with aliasing */
    -webkit-font-smoothing: antialiased;
}
.boxftres:hover {
    background: #e6ecf1 !important;
}
.atagclsftr{display: -webkit-flex;
    display: -ms-flexbox;
    -ms-flex-align: center;
    align-items: center;}
/* .boxsrvcech {padding: 16px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    min-height: 80px;
    border-bottom: 1px solid #cecfce;} */
/* .boxsrvcech h2{font-size: 3rem !important;padding:0px 20px; }
.extrbrdnr { border-top: 1px solid #cecfce;}
.srvpgancr{text-align:right;}
.srvpgancr a{border: 1px solid white;
    background: red;
    padding: 5px 10px;
    color: white;}
.boxsrvcech{height:400px ;}
.contntbx {margin: 0px 20px;}
@media (max-width: 544px) {
    .boxsrvcech h2 {
        font-size:1rem !important;
            margin: 0px !important;
        padding: 0px;
    }} */
@media (max-width: 544px) {
    .srvpgancr {
        text-align: center !important;
    padding: 20px;
    }}
@media screen and (max-width: 782px) {
.offer_custom .maint_ble td {
    display: block !important;
        padding-right: 12px;
        position: relative;
        clear: both;
        width: auto !important;
    }}
.offer_custom .maint_ble .heading2srv {white-space: nowrap;}
.alttagmaint {white-space:nowrap !important;}
@media screen and (max-width: 782px) {.maint_ble .maint_ble_tr td:not(:last-child){
        box-shadow: none;
        border-top: none;
    }}
@media screen and (max-width: 782px) {.boxftres{
        min-height: auto !important;
    }}
.maint_ble_td h3{font-size:2rem !important;}
.icon_ftr img{width:57% !important;}
.splclcntr .heading{font-size: 24px;
    padding-bottom: 20px;}
/* .splclcntr {padding: 150px 0px;} */
.hitsctn {padding-top:100px !important;padding-bottom:100px !important;
border-bottom:1px solid #ebebeb}
.row.rowsrv {
    display: flex
;
    align-items: center;
}
.content_srv .anchortxt_srv a{-webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
    line-height: 24px;
    opacity: 1;
    outline: 0 solid transparent;
    padding: 8px 18px;
    font-size: 16px;
    background: #5E5DF0;
    border-radius: 999px;
    box-shadow: #5E5DF0 0 10px 20px -10px;
    box-sizing: border-box;
    color: #FFFFFF !important;
    margin-top: 10px;}
@media screen and (max-width: 782px) {.splclcntr {
    padding: 0px 0px;
}}
@media screen and (max-width: 782px) {.hitsctn {
    padding: 150px 0px!important;
    border-bottom: 1px solid #ebebeb;
}}
@media screen and (max-width: 782px) {.imsg_srv img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}}
@media screen and (max-width: 782px) {.anchortxt_srv a {
    width:100% !important;
        margin:20px 0px;
    text-align:center;}}
/* .short_fautere .hitsctn#section1{border-top: 1px solid #ebebeb;} */
#section27 {border-bottom:none !important;}
.abovebottomfooter .heading h4{text-transform: uppercase;
    font-size: 1.3rem;}

@media screen and (max-width: 998px) {
    .splclcntr {
        padding:0px !important;
    }
}
@media screen and (max-width: 998px) {
    .anchortxt_srv a{
        width:100%;
            margin-bottom:10px;
            text-align:center;
    }
}

@media screen and (max-width: 998px) {
    .site-header{
        position:sticky !important;
    }
}
@media (max-width: 767.98px) {
    .castestudy .parcase {
        height:350px !important;
    }
}
@media (max-width: 767.98px) {
    .blog-one-content .card .card-body {
        height:250px !important;
    }
}
.sectionTestimonial .carousel-control-prev,
.carousel-control-next {
background-color: black !important;
    width: 3em !important;
    height: 3em !important;
    border-radius: 50%;
    top: 60% !important;
    transform: translateY(-50%);
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
}
.sectionTestimonial .carousel-control-prev {left:3rem;
top:3rem !important;}
.sectionTestimonial .carousel-control-next {left:8rem;top:3rem !important;}
.buttontestm{position:absolute;}
.faqcnter {display: flex !important
;
    justify-content: center;}
.bannerback::before{
/*  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(http://adageweb.com/wp-content/uploads/2024/11/BG-1.webp);
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
background-color: #9d5363;
 */
content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(http://adageweb.com/wp-content/uploads/2024/11/BG-1.webp);}
.bannerback{position: relative;
    background-color: #EAF0F2;}
.rightimg,.leftbnr{position: relative;
    z-index: 1;}
.bannerback h1{font-size:5rem !important;}
.formrght #evf-form-3989 {display: flex !important
;
    flex-direction: row !important;
    align-items: baseline !important;}
.enqriform{max-width: 1098px;
    margin: 0 auto;
    padding: 30px 62px;
    display: -ms-flexbox;
    display: flex
;-ms-flex-align: center;
    align-items: center;
    background: #083A74;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .160784);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .160784);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .160784);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(0%);}
.heaginfomr h3{color: white !important;
    font-size: 35px !important;}
.formrght #evf-form-3989 .evf-field-container #evf-3989-field_QB8SQKU8me-5-container input{border: none;
    background-color: #FFF;
    height: 56px;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    color: #152035;
    padding: 16px;
    outline: 0;
    line-height: 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.formrght #evf-form-3989 .evf-field-container{width:100% !important;}
.buttoncenterform{position: absolute;
    right: 104px;
    top: 35px;
background: red !important;
    color: white !important;
    font-weight: 800 !important;
    border: none !important;
    margin: 1px 4px 0px 0px;
    border-radius: 5px;}
.contprt {padding:40px 0px 50px 0px;
border-top: 1px solid #e7e7e7;}
.sectionTestimonial {padding:90px 0px;
border-top: 1px solid #e7e7e7;
background-color:#f7f5f5}
.testimonial_client{padding:40px 0px 50px 0px!important;
border-bottom: 1px solid #e7e7e7;background-color: #f7f5f5;
position: relative;
    z-index: -999;}
.cntrenqrform{padding: 80px 0px !important;}
.breadscrmpsrv .breadscump .breadcrumb {
    justify-content: left !important;
}
.breadscrmpsrv .breadscump .breadcrumb li a {
    color: black !important;
}
@media (max-width: 999.98px) {.bannerback h1 {
    font-size: 3rem !important;
    }}
@media (max-width: 544px) {.bannerback h1 {
    font-size: 2.5rem !important;
    }}
.rghtbox .rich{
    padding: 20px;
    cursor: pointer;
background-color:white;}
.rghtbox .slick-arrow{display:none !important;}
.testimonial_client .slick-arrow{display:none !important;}
.rghtbox .slick-dots{text-align:center !important;}
.testimonial_client .boxtest{padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
background: white;border-top: 4px solid red;
    border-radius: 5px;}
.nothingcont {
    margin-left: -15px;
    margin-right: -15px;
}
.nothingcont {padding: auto 0px;}
.faq_sall .right-content{padding:0px !important;}
.faq_sall .pb-30{text-align:center !important;}
.nonclicnbox {padding:40px 0px 50px 0px ;
border-bottom: 1px solid #e7e7e7;}
.comombackimg{background-repeat: no-repeat;
    background-size: 100% 100%;background-position: center center;background-image: url(https://adageweb.com/wp-content/uploads/2024/11/bluered.png);}
.shaper {position: absolute;
    z-index: 1;}
.faq_sall {padding:40px 0px 40px 0px;}
.testimonial_client .rating{padding:10px 0px;}
.testimonial_client .rich {padding-top:15px;}
.testimonial_client p{margin:0px !important;}
.testimonial_client .d-inline-flex {margin-top:15px;}
.site-logo-img img{width:165px !important;}
.sectionTestimonial .rghtbox b{font-size:20px !important;}
.nonclicnbox h3{padding-top:15px;}
.shapeimgleft img{width: 150px;}
.shapeimgleft{position: absolute;
    z-index: -1;
    left: -70px;
    bottom: -25px;}
.shapeimgright{position: absolute;
    z-index: -1;
    right: 20px;
    top: 10px;}
.shapeicon {
    position: relative;
}
@media (max-width: 700px) {.shapeimgright {display:none;
    }}
.footer3 .partner{padding-top:20px !important;}
.footer4 .ftradrs .emailphone {color:white !important;}
.wrapper-2 {text-align:center;}
.wrapper-2 {padding-bottom:30px;}
.container .content_srv a{color:#ff000c !important;}
.content_srv .anchortxt_srv a{-webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
    line-height: 24px;
    opacity: 1;
    outline: 0 solid transparent;
    padding: 8px 18px;
    font-size: 16px;
    background: #5E5DF0;
    border-radius: 999px;
    box-shadow: #5E5DF0 0 10px 20px -10px;
    box-sizing: border-box;
    color: #FFFFFF !important;
    margin-top: 10px;}
.page-id-1858 #section5{border:none !important;}
.page-id-3770 #section6{border:none !important;}
.enquiryform_rightsidebar .heading h2{margin-bottom: 10px;
    padding-left: 0px;}

/*New CSS*/
.boxmain.interior-design {
    margin: 15px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px;
    background: white;
    height: 553px !important;
    cursor: pointer !important;
}
img.facebookadservice {
    max-width: 100% !important;
}
img.interior-design-services {
    max-width: 100%;
    border: 0px;
    border-radius: 15px;
}
.img.product-design-service-icon {
    max-width: 100%;
}
.img.furniture-designing-services-icon {
    height: auto;
    max-width: 100%;
}
.img.interior-designing-process-icon {
    max-width: 100%;
}
.img.nft-design-icon {
    max-width: 100%;
}
img.nft-design-process-icon {
    max-width: 100%;
}
.boxmain.graphic-designing-services {
    margin: 15px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px;
    background: white;
    height: 512px !important;
    cursor: pointer !important;
}
img.graphic-designing-process {
    max-width: 700%;
}
img.graphic-design-services-icon {
    max-width: 100%;
}
img.outdoor-services-icon {
    max-width: 100%;
}
img.reporting-services-icon {
    max-width: 100%;
}
img.project-strategy-services-icon {
    max-width: 100%;
}
img.project-strategy-nmicon {
    max-width: 100%;
}
h2.tran5s.wow.fadeInUp.cps {
    font-size: 24px !important;
    font-weight: 500 !important;
}
.hitsctn-sma {
    padding-top: 0px !important;
    border-bottom: 1px solid #ebebeb;
}
/* .splclcntr-tsr {
    padding: 100px 0px;
} */
img.img.social-media-ads-icons {
    width: 638px;
}
img.social-media-marketing-icons {
    width: 755px;
}
.boxmain.social-media-marketing-boxes {
    margin: 15px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px;
    background: white;
    height: 331px !important;
    cursor: pointer !important;
}
img.rendering-services-icon-twist {
    width: 54px;
}
img.svgpage-furniture-designing-services-icon {
    width: 46px;
}
img.nmbicn-interior-designing-process-icon {
    width: 38px;
}
img.nmbicn-nfts-icon {
    width: 38px;
}
img.img.nft-design-icon-imgg {
    width: 52px;
}
img.img.product-design-service-icon {
    width: 37px;
}
img.img.outdoor-services-icon {
    width: 50px;
}
.boxmain.outdoor-services {
    margin: 15px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px;
    background: white;
    height: 349px !important;
    cursor: pointer !important;
}
img.img.reporting-services-icon {
    width: 52px;
}
img.img.graphic-design-services-icon {
    width: 52px;
}
img.img.graphic-designing-process {
    width: 201px;
}
img.img.project-strategy-nmicon {
    width: 37px;
}
img.img.project-strategy-services-icon {
    width: 52px;
}
/* h3.h3.fw-700 {
    font-size: 16px !important;
} */

img.seosvs-page {
    width: 488px;
}
.boxmain.seosrvs {
    margin: 15px 10px;
    box-shadow: rgb(209 206 204) 0px 0px 7px 1px;
    padding: 10px;
    background: white;
    height: 194px !important;
    cursor: pointer !important;
    width: 358px !important;
}
h3.h6.fw-700 {
    font-size: 20px !important;
}
.sectionTestimonialSEO {
    padding: 30px 0px !important;
    border-top: 1px solid #e7e7e7;
    background-color: #f7f5f5;
}
.learn_more_page_cnt {padding:0px !important;}
.learn_more_page_cnt .accordion-button:focus{z-index: 3;
    border-color: #ffffff !important;
    outline: 0;
    box-shadow: none;}
.learn_more_page_cnt .accordion-body {background: transparent !important;}
.learn_more_page_cnt .accordion-collapse{background:transparent !important;}
.learn_more_page_cnt p{font-size:15px !important;}
.learn_more_page_cnt .headingh2sml{font-size: 20px !important;
    padding: 10px 0px;
    margin: 0px !important;}
.comombackimg .learn_more_page_cnt .accordion-button:after{position: absolute !important;
    background: 0 0 !important;
    font-size: 36px !important;
    line-height: auto !important;
    right: 5% !important;
    top: 0 !important;
    background-image: ;
    background-repeat: no-repeat !important;
    background-size: 1.25rem !important;
    transition: transform .2s ease-in-out !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    content: "" !important;
    height: 1.25rem !important;
    top: 13px !important;}
.learn_more_page_cnt .collapsemain{border-top: 1px solid #f7f5f5;}
.learn_more_page_cnt .accordion-item:last-of-type{border-bottom-right-radius: 1.25rem !important;
border-top-left-radius: 1.25rem !important;}
.abovebottomfooter a:hover{color:#ff0012 !important;}
.abovebottomfooter a:active{color: red !important;}
.sectionTestimonialsma {
    padding: 37px 0px;
    border-top: 1px solid #e7e7e7;
    background-color: #f7f5f5;
}
b {
    font-size: 18px !important;
}
img.img.facebookadservice {
    width: 38px !important;
}
h1.h1-position-relative.h4.fw-700 {
    font-size: 29px !important;
}
h1.tran5s.wow.fadeInUp.seousa {
    font-size: 50px !important;
}
.ast-page-builder-template .entry-content[data-ast-blocks-layout]>.inherit-container-width>*, .ast-page-builder-template .entry-content[data-ast-blocks-layout]>*:not(.wp-block-group)>*, .entry-content[data-ast-blocks-layout]>.wp-block-cover .wp-block-cover__inner-container {
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}
.single-post .ast-single-related-posts-container .ast-related-posts-wrapper .posted-on .published{font-weight:300 !important;}
.rgtcntabtus h2{font-size:25px !important;}
section.aboutuspage.tran5s.wow.fadeInUp {
    padding: 40px 0 !important;
}
.boxmain {display: flex
;
    align-items: center;
    align-content: stretch;
    flex-direction: column;}
.boxcountyr {display: flex
;
    flex-direction: column;
    text-align: center;
    border: 1px solid #e6e6e6;
    margin: 10px 0px;
    padding: 10px;}
.boxmain.lg-mb-30.text-center {
    height: 305px !important;
    padding: 13px 10px !important;
}
h3.h3.fw-700 {
    font-size: 18px !important;
}
.boxmain.lg-mb-30.text-center-about {
    height: 258px !important;
}
img.about-us-page {
    width: 440px !important;
}
img.about-us-page {
    border-radius: 105px !important;
}
.tran5s.wow.fadeInUp.boxmain.seosrpg-sg.lg-mb-30.text-center {
    height: 214px !important;
}
.rightside .evf-privacy-policy-consent-message{color: white;
    padding-left: 10px;}
.rightside .evf-privacy-policy-consent-message a{color:red;}
.footer2 ul li{list-style:none !important;}
h1.tran5s.wow.fadeInUpnewoundland {
    font-size: 42px !important;
}
/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  width: 300px;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: #bbb;
  color: black;
}
.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}
.flip-box-back {
    width: 302px !important;
    height: 218px !important;
}
.flip-box-back {
    background-color: #f0f0f0;
    color: white;
    transform: rotateY(180deg);
}
.boxcasesty {
   text-align: center;
    border-radius: 18px;
    box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    padding: 11px 0px !important;
margin-bottom: 10px;}
h6.h6.fw-700.casestyd {
    font-size: 36px !important;
}
h6.h6.fw-700.fncase {
    font-size: 37px !important;
}
.boxmain.lg-mb-30.text-center-case-studyfn {
    height: 116px !important;
}
h6.h6.fw-700.casestyd.fn14 {
    margin-bottom: 1px !important;
}
.boxmain.cs30 {
    margin: 15px 0;
    box-shadow: rgba(100,100,111,.2) 0px 0px 12px 0px
    padding: 20px 10px;
    background: #fff;
    height: 250px !important;
    cursor: pointer !important;
    display: flex
;
    align-items: center;
    align-content: stretch;
    flex-direction: column;
}
.boxmain.cs30.lg-mb-30.text-center-case-studyfn {
    border-radius: 34px !important;
}
.boxmain.cs30.lg-mb-30.text-center-case-studyfn {
    box-shadow: rgba(100, 100, 111, .2) 0px 0px 12px 0px;
}
.boxmain.cs30.lg-mb-30.text-center-case-studyfn {
    padding: 20px 10px;
}
.box {
    border: 1px solid black;
    width: 619px;
    height: 162px;
    margin: 23px;
    padding: 25px;
    border-radius: 30px !important;
}
.boxfn {
    border: 1px solid black;
    width: 851px;
    height: 173px;
    margin: 23px;
    padding: 25px;
    border-radius: 11px !important;
}

.flxcssty {
    box-shadow: rgb(175 0 0 / 20%) 1px 6px 12px 0px;
}
.box.wrap {
    margin: 13px 243px;
}
.boxfn.wrap {
    margin: 13px 125px;
}
.box.wrap {
    box-shadow: rgb(16 192 172 / 27%) 1px 1px 13px -2px;
}
.boxfn.wrap {
    box-shadow: rgb(71 192 16 / 43%) 1px 1px 13px -2px;
}
.hover-img {
  background-color: #000;
  color: #fff;
  display: inline-block;
  margin: 8px;
  max-width: 320px;
  min-width: 240px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
    cursor: pointer;
}

.hover-img * {
  box-sizing: border-box;
  transition: all 0.45s ease;
}

.hover-img::before,
.hover-img::after {
  background-color: rgba(0, 0, 0, 0.5);
  border-top: 32px solid rgba(0, 0, 0, 0.5);
  border-bottom: 32px solid rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  transition: all 0.3s ease;
  z-index: 1;
  opacity: 0;
  transform: scaleY(2);
}

.hover-img img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}
.back-box img{width: 50px;}
.back-box .clientdescr{font-size: 11px !important;
    padding: 10px;
    color: white !important;
}
.par {
    font-size: 18px;
    color: #fff !important;
    border: 1px solid #ffffff;
    padding: 5px 10px;
    background: #dc2633;
    border-radius: 10px;
}
.par a:hover{color: white;}
.hover-img .back-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1em;
  opacity: 0;
  z-index: 2;
  transition-delay: 0.1s;
  font-family: "Inter", sans-serif !important;
  font-weight: 400;
  letter-spacing: 1px;
}
.hover-img .back-box:hover{opacity:1 !important;}
.imgandpar {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: flex-start;
}
.hover-img:hover::before,
.hover-img:hover::after {
  transform: scale(1);
  opacity: 1;
}

.hover-img:hover > img {
  opacity: 0.7;
}
.widget-footer2 {
    text-align: left;
    font-size: 1.2rem !important;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 700 !important;
    color: #ffffff !important;
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
   padding: 10px 0px;
}
.footerbtm .footer3 ul li{list-style:none !important;}
.widget-footer5 {
    text-align: center;
    font-size: 1.2rem !important;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 700 !important;
    color: #010212 !important;
    font-family: "Inter", sans-serif !important;
    font-style: normal !important;
}
.widget-footer7 {
    color: white !important;
    font-size: 47px;
    line-height: 1.2 !important;
    font-weight: 700 !important;
   font-family: "Inter", sans-serif !important;
    font-style: normal !important;
}

.boxmain.gmb.lg-mb-30.text-center {
    height: 332px !important;
}
@media (min-width:320px)  {.boxmain.gmb.lg-mb-30.text-center {
    height: auto !important;
    text-align: left !important;
}}
@media (min-width:480px)  {.boxmain.gmb.lg-mb-30.text-center {
    height: auto !important;
    text-align: left !important;
} }
@media (min-width:600px)  {.boxmain.gmb.lg-mb-30.text-center {
    height: auto !important;
    text-align: left !important;
}}
@media (min-width:801px)  {.boxmain.gmb.lg-mb-30.text-center {
    height: auto !important;
    text-align: left !important;
} }

.boxmain.sem.lg-mb-30.text-center {
    height: 245px !important;
}
img.scs {
    width: 51px !important;
}
.boxmain.scs.lg-mb-30.text-center {
    height: 314px !important;
}
.boxmain.dren.lg-mb-30.text-center {
    height: 272px !important;
}
.boxmain.interior-design.lg-mb-30.text-center {
    height: 557px !important;
}
.boxmain.ids.lg-mb-30.text-center {
    height: 244px !important;
}
h3.h3.indf.fw-700 {
    line-height: 48px !important;
}.mb-10.indsr.lg-mb-30 {
    margin-bottom: -20px !important;
}
img.interior-design-services {
    max-width: 100%;
    
    border: 0px;
    border-radius: 1px;
}
.boxmain.graphic-designing-services.lg-mb-30.text-center {
    height: 511px !important;
}
.col-md-6.order-md-1.onpoint {
    margin-top: 52px !important;
}
h3.mb-30.onpoint-cs {
    margin-top: 45px !important;
}
.h3.head-onpoint {
    margin-top: 25px !important;
}
.boxfn.wrap {
    margin-top: 48px !important;
}
.text-center.head-onpoint-fn {
    margin-top: 39px !important;
}
.boxfn.wrap {
    margin: 36px 125px;
}
.contentimgsection {padding:40px 0px;
background:#f8f9fa !important;}
.resultach .flxcssty .numbrcsty{    font-weight: 900 !important;
    font-size: 30px;}
.resultach .flxcssty {
    text-align: center;
    border-radius: 18px;
    box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    padding: 11px 0 !important;
    margin-bottom: 10px;
}
.resultach h2{text-align:center;}
.resultach h3{margin-top: 20px;text-align:center;}
.challengescsty h2{text-align:center;}
.caseonpoint{padding-bottom:30px;}
.resultach {padding-top:30px;}
.clnttxt p{padding: 50px;
    margin: 50px;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    background: white;
}
.clnttxt {position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
max-width:950px !important;
margin: auto;}
.imgicon{position: absolute;
    left: 112px;
    top: 20px;}
.clientfdbck{background: #f8f9fa;
    padding: 30px 0px;}
img.rqstyyt {
    border-radius: 34px !important;
}
.usatiome strong{font-weight: 900 !important;
    font-size: 30px !important;
    color: black !important;}
.inditim strong{font-weight: 900 !important;
    font-size: 30px !important;
    color: black !important;}
img.csicon {
    width: 64px !important;
}
.planpage .leftsdpln {padding:100px 0px;}

.planpage .enqurityform {padding:100px 0px;}

.planpage .heading h1{font-size: 3rem !important;}
.numberspan{display: flex
;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    align-content: center;
    flex-wrap: nowrap;}
.planpage .imglogo{display: flex
;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: stretch;
    justify-content: flex-start;}
.planpage .imglogo img {width: 150px;
    padding: 1px 20px;
    border: 1px solid #dedede;
    margin: 10px;
    background: white;}
.planpage h4{margin:0px !important;}
.planpage .numberspan p{margin:0px !important;}
.single-post .everest-forms #evf-form-1883 .evf-frontend-row .form-row input{font-size:13px !important;}
.single-post .everest-forms #evf-form-1883 .evf-frontend-row option{font-size:13px !important;}
.single-post .everest-forms #evf-form-1883 .evf-frontend-row select{font-size:13px !important;}
.planpage .enqurityform .everest-forms .evf-submit-container button{width: 100%;
    background: #dc2633;
    color: white;
    border: 1px solid white;}
.ast-mobile-header-content  .menu-item a{text-align: left !important;background: white !important;}
.page-id-6481 .ast-builder-menu-1 {display:none !important;}
.main-navigation .menu-item-6543 a {
    padding: 6px 19px;
    background: #d62222;
    box-shadow: #f22a2a 0 5px 18px -11px;
    box-sizing: border-box;
    color: #fff !important;
    text-transform: none !important;}
.ast-mobile-header-content .menu-item-6543 a {background:red !important; font-size:15px;padding-top: 5px;
        padding-bottom: 5px;}
#ast-hf-mobile-menu .menu-item-10441 .menu-item-37 a{color:black !important;}
#ast-hf-mobile-menu .menu-item-10442 a{color:black !important;}
.clientpage .clientimage img{margin: auto;
    height: auto;
    padding: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;}
.case_study {padding:60px 0px;}
.clientpage .clientpageinr{padding:60px 0px;}
.next-box {border: 1px solid #ededed;}
.case_study .col-md-4 {text-align:center !important;}
.ast-mobile-header-content {position: fixed;
height: 100vh !important;
    background-color: red;
    z-index: 999;}
.ast-mobile-header-content {
box-shadow: rgb(0 0 0 / 28%) -7px 20px 8px 16px;}
.prcnglv ul{padding:0px;}
.prcnglv {margin: 15px 0;
    box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    padding: 20px 10px;
    background: #fff;
display: flex
;
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
    align-items: center;}
.prcnglv:hover{background: #e6ecf1 !important;}
.prcnglv h2{font-size: 18px !important;
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 0px;}
.pricinglst {padding:60px; 0px !important;}
.prcnglv .btn{background: red;
    color: white;
    border: 1px solid white;
    margin-top: 20px;}
.prcnglv .btn:hover{background: red;
    color: white;
    border: 1px solid white;
    margin-top: 20px;}
.prcnglv .btn:active{background: red !important;
    color: white !important;
    border: 1px solid white !important;
    margin-top: 20px;}
.prcnglv .btn:focus{background: red !important;
    color: white !important;
    border: 1px solid white !important;
box-shadow:none!important;}
.prcnglv ul li{font-size:14px !important;}
.workflow {padding:30px 0px;}
.workflow img{display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;}
.enquiryform_rightsidebar{background: white !important;}
.boxmain.social-media-marketing-boxes.lg-mb-30.text-center {
    height: 342px !important;
}
.boxmain.webdev.lg-mb-30.text-center {
    height: 340px !important;
}
.boxmain.paidmarketing.lg-mb-30.text-center {
    height: 266px !important;
}
.boxmain.content-marketing.lg-mb-30.text-center {
    height: 269px !important;
}
.boxmain.smcc.lg-mb-30.text-center {
    height: 338px !important;
}
.boxmain.ecmar.lg-mb-30.text-center {
    height: 348px !important;
}
.boxmain.ecoms.lg-mb-30.text-center {
    height: 318px !important;
}
.boxmain.amzn.lg-mb-30.text-center {
    height: 270px !important;
}
.boxmain.homepg.lg-mb-30.text-center {
    height: 278px !important;
}
@media (max-width: 544px) {
    .boxmain.lg-mb-30.text-center{
        height:auto !important;
    }
}
@media (max-width: 544px) {
    .boxmain.smcc.lg-mb-30.text-center{
        height:auto !important;
    }
}
@media (max-width: 544px) {
    .accordion-body{
        font-size:13px !important;
    }
}
@media (max-width: 544px) {
    .accordion-button::after{
        width: 0.25rem; 
        font-size: 20px !important;
        right: 2% !important;
    }
}

@media (max-width: 544px) {
    .common-bann .text-center h1{
        font-size: 2rem !important;
    }
}
.ast-primary-header-bar {background-color: #ffffff !important;}
.abovebottomfooter a{color:white !important;}
.boxmain.semf.lg-mb-30.text-center {
    height: 326px !important;
}
.ast-builder-menu-mobile .menu-item-7187 a{background: red !important;
    color: white !important;}
.pricinglstseo .table-responsive td{text-align: center !important;
    border: 1px solid #e7e7e7;
font-size: 12px;}
.pricinglstseo .table-responsive th{
font-size: 12px;font-weight:300 !important;
background: #f9f9f9 !important;
vertical-align: middle !important;}
.pricinglstseo .table-responsive thead tr th{
    text-align: center;}
.pricinglstseo .table-responsive .headngbck {background:#0795a5 !important;}
.pricinglstseo .table-responsive .headingftr {color: white !important;
    background: #0795a5 !important;
    font-size: 17px !important;
    padding: 1px 8px !important;}
.pricinglstseo .table-responsive .commhead {background: white !important;
    font-size: 20px;
    border: 1px solid #e7e7e7;
    font-weight: 600 !important;
cursor: pointer;
padding: 20px;}
.pricinglstseo .table-responsive .commhead:hover{background: #c4c4c54d !important;}
.pricinglstseo .table-responsive .headone:hover{background: white !important;}
.pricinglstseo .table-responsive .commhead:active{background: #c4c4c54d !important;}
.pricinglstseo .table-responsive .headone {text-align:left !important;}
.pricinglstseo .table-responsive .commhead .keywordsupto {
    font-size: 20px;
    font-weight: 600 !important;
    color: black !important;
    margin:3px !important;
    text-transform:uppercase;
}
.pricinglstseo .table-responsive .commhead .kywrddtl {font-size:12px !important;color: #0795a5 !important;margin:3px !important;}
.seoprc .btn{background: #d62222;
    margin:3px !important;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 14px;}
.seoprc .btn:hover{background: red;
    color: white;
    border: 1px solid white;}
.seoprc .btn:active{background: red !important;
    color: white !important;
    border: 1px solid white !important;}
.seoprc .btn:focus{background: red !important;
    color: white !important;
    border: 1px solid white !important;
box-shadow:none!important;}
.seoprc p{margin:0px !important;}
.pricinglstseo .table-responsive{padding: 0px !important;}
 .pricinglstseo .table-responsive tr>th:first-child,tr>td:first-child {
  position: sticky;
     left: 0;}
/* @media (max-width: 1210px) {
    .pricinglstseo .table-responsive tr td{min-width: 250px !important;
}}
@media (max-width: 1210px) {
    .pricinglstseo .table-responsive tr th{min-width: 150px !important;
}} */
.pricinglstseo .table-responsive .emptytble {
    background: #0795a5 !important;
    border-left: none !important;
    border-right: none !important;
background: #0795a5 !important;
    border-left: none !important;
    border-right: none !important;
    color: white;
    text-align: center;
    font-weight: 600 !important;
    font-size: 16px;}

@media (max-width: 320px) {
    .pricinglstseo .table-responsive tr th{min-width: 170px !important;
}}
@media (min-width: 321px) {
    .pricinglstseo .table-responsive tr th{min-width: 220px !important;
}}
 @media (min-width: 600px) {
    .pricinglstseo .table-responsive tr th{min-width: 250px !important;
}}
@media (min-width: 801px) {
    .pricinglstseo .table-responsive tr th{min-width: 290px !important;
}}
@media (min-width: 1210px) {
    .pricinglstseo .table-responsive tr th{min-width: 100% !important;
}}

/*  tr th responsive*/
@media (max-width: 320px) {
    .pricinglstseo .table-responsive tr td{min-width: 150px !important;
}}
@media (min-width: 321px) {
    .pricinglstseo .table-responsive tr td{min-width: 260px !important;
}}
 @media (min-width: 600px) {
    .pricinglstseo .table-responsive tr td{min-width: 250px !important;
}}
@media (min-width: 801px) {
    .pricinglstseo .table-responsive tr td{min-width: 290px !important;
}}
@media (min-width: 1150px) {
    .pricinglstseo .table-responsive tr td{min-width: 100% !important;
}}

@media (max-width: 1210px) {
    .main-navigation a{font-size:11px;
    }}


.CellWithComment {
  position: relative;
}

.pricinglstseo .table-responsive .CellComment {
  visibility: hidden;
    background-color: white !important;
    color: black !important;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1908;
    bottom: 22px;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
    width: 200px;
    left: 38px;
}

.pricinglstseo .table-responsive .CellWithComment:last-child > .CellComment {
  transform: translateX(-100%);
}

.pricinglstseo .table-responsive tr:last-child > .CellWithComment > .CellComment {
  transform: translateY(-100%);
}

.pricinglstseo .table-responsive tr:last-child > .CellWithComment:last-child  > .CellComment {
  transform: translate(-100%, -100%);
  background-image: linear-gradient(20deg, #00cccc 50%, #cc00cc 51%);
}

.pricinglstseo .table-responsive .CellWithComment:hover span.CellComment {
  visibility: visible;
}
/* .pricinglstseo .table-responsive th{position:relative !important;} */
.pricinglstseo .table-responsive .CellWithComment{position: absolute;
    text-align: right;
    right: 10px;
    bottom: 10px;}
.pricinglstseo .table-responsive .CellWithComment img{width:15px !important;}
.pricinglstseo .table-responsive .CellComment:before{    border-color: transparent #dddddd transparent transparent;
    z-index: 999;
    margin-top: 0px;
    -webkit-filter: drop-shadow(0px 4px 3px #cccccc);
    filter: drop-shadow(0px 4px 3px #cccccc);}

.pricinglstseo .table-responsive .CellComment:after{content: '';
    z-index: 100;
    position: absolute;
    top: 88%;
    left: 77%;
    background: #fff;
    width: 30px;
    height: 20px;
    box-shadow: rgba(0, 0, 0, .4) 0 5px 15px;
    clip-path: polygon(0 0, 50% 0, 50% 100%);}
@media (max-width: 1200px) {
    .boxmain.homepg.lg-mb-30.text-center{height:100% !important;
}}
@media (max-width: 1200px) {
    .parcase{height:100% !important;
}}
@media (max-width: 1200px) {
    .boxmain.lg-mb-30.text-center{height:100% !important;
}}
.faq_sall .accordion-button{
/*     border-radius: 5px !important; */
    color: black !important;
    padding: 0px 18px 10px !important;
}
.par a{color:white !important;}
.blog-one-rapper .wp-block-latest-posts__list .wp-block-latest-posts__post-title{color:black !important;}
.sidebar-main .wp-block-latest-posts__list li{border-bottom: 1px solid #f5f5f5;}
.abovebottomfooter ul li{list-style:none !important;}
.abovebottomfooter .col ul{margin:10px 0px !important;}
.imageflg img{height:60px !important;}
.boxcountyr p{margin:10px 0px !important; }
.allpricing .tablepricing td,tr{background: white !important;
    vertical-align: middle;
    border: 1px solid #ececec;padding: 14px;}
.allpricing .tablepricing a{color:red;}
.allpricing .tablepricing .btn {background: red;
    color: #fff;
    border: 1px solid #fff;}
.allpricing .tablepricing th {
    background: red !important;
    color: white;
}
.allpricing .tablepricing tr>th:first-child, tr>td:first-child {
    position: unset;
    left: 0;
}
@media (min-width: 576px) {
    .popupform .modal-dialog {
        max-width: 900px;
    }
}
.popupform .modal-header .btn-close {position: absolute;
    right: 5px;
    top: 5px;
    /* background-color: #000000; */
    color: #ffffff !important;}
@media (max-width: 900px) {
    .boxmain.lg-mb-30.text-center{
        height:auto !important;
    }
}
@media (max-width: 544px) {
    .boxmain.lg-mb-30.text-center{
        height:auto !important;
    }
}
@media (max-width: 999.98px) {.buttoncenterform {right: 98px !important;
    top: 97px !important;
    }}
@media (max-width: 700px) {.buttoncenterform {right: 112px !important;
    top: 161px !important;
    }}
@media (max-width: 544px) {.buttoncenterform {
   right: 83px !important;
    top: 220px !important;
    }}
@media (max-width: 350px) {.buttoncenterform {
   right: 83px !important;
    top: 250px !important;
    }}
.careersection .boxcarer{border:1px solid #f0f0f0; margin:10px; padding:20px;}
.careersection img{width:50px;}
.careersection h2{font-size:16px !important; margin:0px;}
.careersection p{margin:0px}
.careersection .carerbtn{display: flex;flex-direction: row;flex-wrap: nowrap;}
.careersection .carerbtn .type{border: 1px solid grey;padding: 5px 10px;margin: 5px;border-radius: 5px;}
.careersection .carerbtn a{color:white !important;}
.careersection .carerbtn .careerpage{border: 1px solid grey;padding: 5px 10px;margin: 5px;border-radius: 5px;background: #5e5df0;}
.topheadir {display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;}
.ast-above-header-bar  {background:#2b2a2d !important; }
.btntophdr .btn{padding: 4px 19px;
    background: #d62222;
    /* border-radius: 999px; */
    /* box-shadow: #f22a2a 0 5px 18px -11px; */
    /* box-sizing: border-box; */
    color: #fff !important;
    /* text-transform: none !important; */
    border: none;}
.btntophdr .btn:focus{background-color: #d62222;
    border-color: #d62222;
box-shadow: 0 0 0 .25rem rgb(43 42 45) !important;}
.btntophdr .btn:hover{background-color: #d62222;
    border-color: #d62222;
box-shadow: 0 0 0 .25rem rgb(43 42 45) !important;}
.site-above-header-wrap{min-height:32px !important;}
.topheadir .mobilnm{color: white !important;font-size:12px;}
.topheadir .email{color: white !important;
    margin: 0px 9px;font-size:12px;}
.ast-above-header-wrap .site-header-above-section-right{justify-content: flex-end !important;}
@media (max-width: 544px) {.offer_custom h2 {font-size: 1.4rem !important;}}
@media (max-width: 544px) {.digit_mark_Serv h2 {font-size: 1.4rem !important;}}
@media (max-width: 544px) {.faq_sall .pb-30 span {font-size: 1.4rem !important; padding: 0px 20px;}}
.awardsect .imgawrd img{margin: auto;
    width: 100%;
    padding: 20px;
    display: block;}
.qr-heading {color:black !important;}
.tools_free .breadscrmpsrv .breadscump .breadcrumb .qrcodeatag a{color:black !important;}
.veiwmorebutton a{touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
    line-height: 24px;
    opacity: 1;
    outline: 0 solid #fff0;
    padding: 8px 18px;
    font-size: 16px;
    background: #5E5DF0;
    border-radius: 999px;
    box-shadow: #5E5DF0 0 10px 20px -10px;
    box-sizing: border-box;
    color: #FFFFFF !important;
    margin-top: 10px;}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}
.CellWithComment {
  position: relative;
}

.CellComment {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 3px 7px;
  position: absolute;
  z-index: 1908;
/*   bottom: 100%;
  margin-left: -92px; */
}

.CellWithComment:last-child > .CellComment {
  transform: translateX(-100%);
  background-color: #cc00cc;
}

tr:last-child > .CellWithComment > .CellComment {
  transform: translateY(-100%);
  background-color: #00cccc;
}

tr:last-child > .CellWithComment:last-child  > .CellComment {
  transform: translate(-100%, -100%);
  background-image: linear-gradient(20deg, #00cccc 50%, #cc00cc 51%);
}

.CellWithComment:hover span.CellComment {
  visibility: visible;
}
.pricingpage .our-offer-one .offer_custom {
    padding: 17px 0px 40px 0px !important;
    border-top: 0px solid #e7e7e7;
    border-bottom: 0px solid #e7e7e7;
}
.google-ads-package {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.google-ads-package img {
    max-width: 100%;
    border-radius: 8px;
}
.seo-roi-banner {
    background: linear-gradient(to right, #ff9b9b, #c8cccd, #ff9b9b);
    padding: 47px 20px;
    color: white;
    text-align: center;
}
.seo-roi-banner h1 {
    font-size: 36px;
    margin: 0;
}
.seo-roi-banner p {
    font-size: 18px;
    margin-top: 10px;
    color: black !important
}
.cr-rate-banner {
    background: linear-gradient(to right, #ff9b9b, #c8cccd, #ff9b9b);
    padding: 47px 20px;
    color: white;
    text-align: center;
}
.cr-rate-banner h1 {
    font-size: 61px !important;
    margin: 19;
}
.cr-rate-banner p {
    font-size: 18px;
    margin-top: 20px !important;
  color: black !important
}
.seoroi .Calculator_detail span {
    font-weight: 500 !important;
    color: black !important;
}
.seoroi .Calculator_detail {
    background-color: #f5feff !important;
    padding: 30px !important;
    border-radius: 18px;
    box-shadow: 0 4px 17px rgba(0, 0, 0, .1) !important;
    margin-top: 1px !important;
    border: 1px solid #23ff3f  !important;
}
.seoroi .currency-btn-container {
    border: 1px solid #ffc4c4 !important;
    background-color: #fff4f4 !important;
    border-radius: 20px !important
}
.seoroi .Calculator_form {
    border: 1px solid #ffc4c4;
    background-color: #fff4f4 !important;
    border-radius: 20px !important
}
.convercal .Calculator_detail {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 17px rgba(0, 0, 0, .1) !important;
    margin-top: 0px !important;
    border: 1px solid #23ff3f !important;
    background-color: #f5feff !important;
    border-radius: 20px !important
}
.convercal .Calculator_form {
    background-color: #fff4f4 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    margin-bottom: 30px !important;
    border: 1px solid #ffc4c4 !important;
}
.Calculator_form {
    background-color: #ffecec; 
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.Calculator_form .form-group {
    margin-bottom: 20px;
}

.Calculator_form label {
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    color: #333;
}

.Calculator_form .form-control {
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 100%;
    font-size: 15px;
}

.Calculator_detail {
    background-color: #eafff2;
    padding: 30px;
    border-radius: 15px;
    margin-top: 20px;
}

.Calculator_detail p {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.Calculator_detail strong {
    font-size: 20px;
    display: block;
    margin-bottom: 15px;
}

.est-value {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 10px;
}

.talk_sec {
    margin-top: 30px;
    text-align: center;
}

.talk_sec strong {
    display: block;
    font-size: 18px;
    margin-bottom: 15px;
}

.talk_bnt {
    background-color: #ff3c3c;
    color: #fff;
    padding: 12px 30px;
    border-radius: 25px;
    font-weight: bold;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.talk_bnt:hover {
    background-color: #e83232;
}
.Calculator_form {
    margin-top: 20px !important;
    margin-bottom: 36px !important;
}
.talk_sec strong {
    margin-bottom: 0px !important;
}
.talk_bnt:hover {
    color: white;
}
.talk_bnt:focus {
    color: white;
}
.convercal .Calculator_detail {
    margin-top: 20px !important;
}
.seoroi .Calculator_detail {
    margin-top: 20px !important;

}
.seoroi .currency-btn-container {
    margin-bottom: 1px !important;
    margin-top: 0px !important
}
.container.seoroi {
    margin-bottom: 30px !important;
}
.convercal .Calculator_detail span {
    font-weight: 500 !important;
    font-size: 14px !important
}
.convercal .Calculator_detail strong {
    font-size: 21px !important;
}
.topheadir .hover-dropdown .dropdown-toggle::after {
  display: none;
}

.hover-dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.topheadir #dropdownMenuButton{
    padding: 4px 19px;
    background: #5e5df0;
    color: #fff !important;
    border: none;
    margin: 3px 5px;
}
.site-header-above-section-left #block-30, #block-31{margin:0px !important;}
.topheadir .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #d62222 !important;
}
.tools_free h1{font-size:3rem !important; color:white;}
.tools_free .breadscrmpsrv .breadscump .breadcrumb li a{color:white !important;}
.tools_free .breadscrmpsrv .breadscump .breadcrumb {text-align:center !imprortant;
justify-content: center !important;}
.address_footr .footer10{color:white !important; text-align:center !important; }
.recent-blog-slider {
   position: relative;
}

/* Position the arrows outside the recent_blog_custom container */
.recent_blog_custom .slick-prev-icon, .slick-next-icon {
   position: absolute;
/*    top: 50%; */
   font-size: 30px;
   cursor: pointer;
   z-index: 2;
}

.recent_blog_custom .slick-prev-icon {
   left: 45%;
    text-align: center !important;
    font-size: 19px;
}

.recent_blog_custom  .slick-next-icon {
   left: 55%;
    text-align: center !important;
    font-size: 19px;
}
.recent_blog_custom .fa-chevron-right:before{top: 7px;
    position: absolute;
    left: 13px;}
.recent_blog_custom .fa-chevron-left:before{top: 7px;
    position: absolute;
    left: 9px;}
.recent_blog_custom h3{font-size:14px !important;}
.recent_blog_custom {
    padding: 40px 0 80px !important;
    border-bottom: 1px solid #dcdcdc;
    background: #f8f9fa !important;
}
.recent_blog_custom .slick-previous.slick-arrow:hover, .slick-arrow:hover, .slick-dots li:hover {
    background: red;
    transform: matrix(1, 0, 0, 1, 0, 0);
    border: 1px solid black !important;
}
.recent_blog_custom .p-3 {
    padding: 1rem !important;
    margin: 0px;
}
.recent_blog_custom .recent-slide img {
    display: block;
    width: 100% !important;
}

/*seo page*/
/* === Section Wrapper === */
.awards-wrapper {
  text-align: center;
  padding: 40px 0px;
    background:#f8f9fa!important;
}

/* === Section Heading === */
.awards-heading {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #c1002b;
}

.highlight-text {
  color: #c1002b;
}

/* === Logo Grid === */
.awards-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 50px;
    gap: 10px !important;
}

.award-logo {
  display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    padding: 8px;
    box-shadow: 0 4px 15px rgb(0 0 0 / .15);
}

.award-logo img {
  height: 70px;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* Tablet: 3 per row */
@media (min-width: 768px) {
  .award-logo {
    flex: 0 0 30%;
  }
  .award-logo img {
    height: 90px;
  }
}

/* Desktop: 6 per row and large size */
@media (min-width: 1024px) {
  .award-logo {
    flex: 0 0 15%;
  }
  .award-logo img {
    height: 120px;
  }
}

/* === CTA Full-Width Section === */
.cta-bar {
  background-color: #c1002b;
  color: #fff;
  padding: 25px 20px;
  text-align: center;
}

.cta-heading {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px;
}

.cta-btn {
  display: inline-block;
  background-color: #fff;
  color: #c1002b;
  font-weight: bold;
  padding: 12px 25px;
  border-radius: 8px;
  border: 2px solid #fff;
  text-decoration: none;
  transition: all 0.3s ease;
}
.cta-btn:hover {
  background-color: #ffe5ea;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
h2.awards-heading {
    font-size: 40px !important;
}
/*banner seo*/
/* === SEO Hero Banner === */
.seo-hero-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: url('https://adageweb.com/wp-content/uploads/2025/07/seo-banner-img.jpg') no-repeat center center;
  background-size: cover;
  padding: 20px 0px 0px 20px !important;
  color: #1a1a1a;
}

.seo-banner-content {
  flex: 1 1 50%;
  padding-right: 20px;
}

.seo-banner-title {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 20px;
  color: #1a1a1a;
}

.seo-banner-text {
  font-size: 18px;
  margin-bottom: 30px;
  color: #333;
  max-width: 500px;
}

.seo-banner-btn {
  display: inline-block;
  padding: 14px 28px;
  background-color: #ff8000;
  color: #fff;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s;
}

.seo-banner-btn:hover {
  background-color: #e66f00;
}

.seo-banner-image {
  flex: 1 1 45%;
  text-align: center;
}

.seo-banner-image img {
  max-width: 100%;
  height: auto;
}

/* Responsive: Stack on mobile */
@media (max-width: 768px) {
  .seo-hero-banner {
    flex-direction: column;
    text-align: center;
    padding: 20px 0px 0px 20px !important;
  }

  .seo-banner-content {
    padding: 0;
  }

  .seo-banner-title {
    font-size: 28px;
  }

  .seo-banner-text {
    font-size: 16px;
  }
}
h1.seo-banner-title {
    color: white;
    font-size: 35px !important;
 
}

/*services seo page new*/
/* SEO Services Section */
.seo-services-new {
  padding: 60px 20px;
  text-align: center;
}

.seo-services-new .section-heading {
  font-size: 2.5rem;
  margin-bottom: 40px;
  color: #111;
  font-weight: bold;
}

.seo-services-new .services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

.seo-services-new .service-card {
  background: #fff;
  border-radius: 12px;
  padding: 30px 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  text-align: center;
  border: 1px solid #eee;
}

.seo-services-new .service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  border-color: #d2e3fc;
}

.seo-services-new .service-icon {
  font-size: 36px;
  color: #ce1b24;
  margin-bottom: 15px;
  display: inline-block;
}

.seo-services-new .service-title {
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: #333;
  font-weight: 600;
}

.seo-services-new .service-text {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.5;
}




.process-section {
  padding: 40px 0px;
  background: #fff;
  text-align: center;
}

.process-heading {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #1f1f1f;
}

.process-heading .highlight {
  color: #2d3e50;
}

.process-subheading {
  font-size: 1rem;
  max-width: 800px;
  margin: 0 auto 40px;
  color: #555;
  line-height: 1.6;
}

.process-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
}

.process-card {
 position: relative; 
  color: #fff;
  padding: 30px 25px;
  border-radius: 14px;
  text-align: left;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.process-card {
    position: relative;}

.process-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

.step-number {
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.step-number span {
  display: inline-block;
  font-size: 2.5rem;
  font-weight: bold;
  margin-left: 10px;
}

.process-card h3 {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.process-card p {
  font-size: 0.95rem;
  line-height: 1.6;
}
.step-1 {
  background: #f7623f;
}
.step-2 {
  background: #357ef5;
}
.step-3 {
  background: #f8419b;
}
.step-4 {
  background: #904efb;
}
.process-card h3 {
    color: white !important;
}
.process-card p {
    color: white !important
}
.step-number span {
    color: white !important
}


.step-label {
  position: absolute;
  left: 10px;
  top: 30px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 600;
  color: #fff;
}



.results-section {
  padding: 60px 20px;
  background-color: #fff;
  text-align: center;
  color: #2d3e50;
}

.results-section__heading {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.results-section__heading span {
  color: #2d3e50;
  font-weight: 800;
}

.results-section__description {
  max-width: 900px;
  margin: 0 auto 50px;
  font-size: 1rem;
  line-height: 1.6;
  color: #3c4a63;
}

.results-section__stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
}

.results-section__stat-item {
  flex: 1;
  min-width: 130px;
  max-width: 180px;
}

.results-section__stat-item h3 {
  font-size: 2.2rem;
  color: #2d3e50;
  font-weight: 700;
  margin-bottom: 10px;
}

.results-section__stat-item p {
  font-size: 1rem;
  color: #2d3e50;
}

.results-section__divider {
  width: 1px;
  height: 60px;
  background-color: #ccc;
}

@media (max-width: 768px) {
  .results-section__divider {
    display: none;
  }
}




.industries-simple-section {
  padding: 60px 0px;
  text-align: center;
background: #f8f9fa !important;
}

.industries-simple-heading {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1f1f1f;
  margin-bottom: 10px;
}

.industries-simple-heading span {
  color: #2d3e50;
  font-weight: 500;
}

.industries-simple-subheading {
  font-size: 1rem;
  color: #444;
  margin-bottom: 40px;
}

.industries-simple-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 30px;
}

.industry-simple-item {
  transition: transform 0.3s ease;
}

.industry-simple-item:hover {
  transform: scale(1.05);
}

.industry-simple-item img {
  width: 100%;
  height: auto;
  border-radius: 0;
  object-fit: cover;
  display: block;
     border-radius: 40px;
}

.industry-simple-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  text-align: center;
}
.seo-services-new .section-heading {
    font-size: 40px !important;
}
h2.process-heading {
    font-size: 40px !important;
}
h2.results-section__heading {
    font-size: 40px !important;
}
h2.industries-simple-heading
 {
    font-size: 40px !important;
}
.industry-simple-item:hover img {
  box-shadow: 0 8px 20px #6a5a564d;
}
.industry-simple-title {
    font-weight: 600 !important;
    color: black !important;
    margin-top: 10px;
}
.callnowbtn .rightside .fluentform .ff_submit_btn_wrapper button{background: #d62222;width: 100%;}
.callnowbtn .rightside{background: white;
    padding: 20px;
    margin: 20px 0px;}
.imglftmark {
    font-size: 30px;
    color: #000000 !important;
}
.cookie-banner {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background: #6d0000;
  color: #fff !important;
  padding: 15px 10px;
  border-radius: 8px;
  justify-content: right;
  align-items: flex-start;
  z-index: 9999;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  flex-wrap: wrap;
  font-size: 14px;
   width: 320px;
}

.cookie-banner p {
  margin: 0;
  flex: 1 1 auto;
}

.cookie-buttons {
  display: flex;
   justify-content: flex-end;
    align-items: flex-end;
  gap: 10px;
  margin-left: 10px;
}

.cookie-buttons button {
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
}

#accept-cookies {
  border: 1px solid white;
  color: white;
}

#decline-cookies {
  border: 1px solid white;
  color: white;
}
.footerbtm .subscribe .widget-footer2{margin-bottom:15px; }
.footerbtm .subscribe .ff_submit_btn_wrapper button{background-color: #d62222 !important; border-color: #ffffff !important;}
.single-post strong {font-weight:600 !important;}
.aam-toc-wrapper {
  margin-bottom: 25px;
  padding: 15px 0px;
}

.aam-toggle-toc {
  background: #c42126;
  color: #fff;
  border: none;
  padding: 8px 16px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  margin-bottom: 10px;
}

.aam-toggle-toc:hover {
  background: #ffffff;
    color: red;
    border: 1px solid red;
}

.aam-toggle-toc:focus{background: #c42126;
    color: white;
    border: 1px solid red;}
.toc-table {
  width: 100%;
  border-collapse: collapse;
   background:white;
}

.toc-table td {
  padding: 3px 12px;
  vertical-align: top;
  width: 50%;
}

.toc-table a {
  color: #ff000c!important;
  text-decoration: none;
   font-size:11px !important;
}

.toc-table a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .toc-table td {
    width: 100%;
    display: block;
  }
}

/* Scroll offset for sticky header */
h2[id] {
  scroll-margin-top: 120px;
}

/* location seo*/
.seo-banner {
  position: relative;
  padding: 0px 0px 80px 0px;
  overflow: hidden;
  z-index: 1;
}

/* Background Shapes */
.seo-banner .seo-banner-bg .shape {
  position: absolute;
  border-radius: 50%;
  z-index: 0;
  opacity: 0.8;
  animation: floatAnimation 6s ease-in-out infinite;
}

.seo-banner .shape1 {
  width: 120px;
  height: 120px;
  background: #ffafaf;
  top: 35%;
  right: 8%;
  animation-delay: 0s;
}

.seo-banner .shape2 {
  width: 90px;
  height: 90px;
  background: #ffafaf;
  bottom: 20%;
  left: 10%;
  animation-delay: 2s;
}

.seo-banner .shape3 {
  width: 60px;
  height: 60px;
  background: #ffafaf;
  bottom: 30%;
  right: 18%;
  animation-delay: 4s;
}

.seo-banner .shape4 {
  width: 150px;
  height: 150px;
  background: #ffafaf;
  top: 15%;
  left: 5%;
  animation-delay: 1s;
}

/* Floating Animation */
@keyframes floatAnimation {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* Wrapper Layout */
.seo-banner .seo-banner-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
}

/* Left Content */
.seo-banner .seo-banner-content {
  flex: 1;
  max-width: 50%;
}

.seo-banner .seo-banner-content h2 {
  font-size: 42px;
  font-weight: 700;
  color: #000;
  line-height: 1.3;
}

.seo-banner .seo-banner-content p {
  font-size: 18px;
  color: #333;
  margin: 15px 0 25px;
}

/* Buttons */
.seo-banner .seo-banner-buttons .btn {
  display: inline-block;
    padding: 7px 20px;
    border-radius: 4px;
    font-weight: 600;
    margin-right: 15px;
    text-decoration: none;
    transition: 0.3s;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.seo-banner .btn-outline {
  border: 1px solid #afafaf;
    color: #000000;
    background: #fff;
}

.seo-banner .btn-primary {
  background: linear-gradient(90deg, #0072ff, #0056d6);
  color: #fff;
}

.seo-banner .btn-outline:hover {
  background: #0072ff;
  color: #fff;
}

.seo-banner .btn-primary:hover {
  opacity: 0.9;
}

/* Hide Buttons on Mobile */
@media (max-width: 767px) {
  .seo-banner .seo-banner-buttons {
    display: none;
  }
}

/* Right Form Box */
.seo-banner .seo-banner-form {
  background: #000000;
  padding: 30px;
  border-radius: 15px;
  color: #fff;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
  position: relative;
    width:45%;
}

.seo-banner .seo-banner-form h3 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 2px solid #ff6600;
  display: inline-block;
  padding-bottom: 5px;
  color: #fff;
}

/* Fluent Form Styling */
.seo-banner .ff-el-form-control {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border-radius: 30px;
  border: none;
  font-size: 16px;
}

.seo-banner textarea.ff-el-form-control {
  border-radius: 20px;
}

/* Submit Button */
.seo-banner .ff-btn-submit {
  width: 100%;
  padding: 14px;
  border: none;
  border-radius: 30px;
  background: #ff6600;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s;
}

.seo-banner .ff-btn-submit:hover {
  background: #e05500;
}

/* Responsive */
@media (max-width: 991px) {
  .seo-banner .seo-banner-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .seo-banner .seo-banner-content {
    max-width: 100%;
    text-align: center;
  }
  .seo-banner .seo-banner-form {
    width: 100%;
    margin-top: 30px;
  }
}
.seo-banner-content h2 {
  font-family: 'Inter' !important;
    font-size: 2.8rem !important;
  text-align: left !important
}

.seo-banner-content p {
    text-align: left;
    font-family: 'Inter' !important;
    font-weight: 400 !important;
}

   


/* Additional Shapes for Form */
.seo-banner .seo-banner-form .form-shape {
  position: absolute;
  border-radius: 50%;
  z-index: 0;
  opacity: 0.3;
  animation: floatAnimation 6s ease-in-out infinite;
}

.seo-banner .seo-banner-form .shape5 {
  width: 70px;
  height: 70px;
  background: #ffafaf;
  top: 20px;
  left: -35px;
  animation-delay: 1s;
}

.seo-banner .seo-banner-form .shape6 {
  width: 50px;
  height: 50px;
  background: #ffafaf;
  bottom: 20px;
  right: -25px;
  animation-delay: 3s;
}

/* Keep Form Content Above Shapes */
.seo-banner .seo-banner-form h3,
.seo-banner .seo-banner-form form,
.seo-banner .seo-banner-form .ff-form {
  position: relative;
  z-index: 1;
}
form.fluent_form_7 .ff-btn-submit:not(.ff_btn_no_style)
 {
    background-color: #ce1b1b !important;
}
.seo-banner-form h3 {
    color: white !important;
}



/* SEO Agency Section */
.seo-agency-section {
  padding: 40px 0;
}

.seo-agency-section .seo-agency-content {
  padding-left: 20px;
}

.seo-agency-section h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
      font-size: 27px !important;
}

.seo-agency-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.seo-agency-section ul li {
  color: #333;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.seo-agency-section ul li i {
  color: #ce1b24;
  margin-right: 10px;
}

/* Responsive */
@media (max-width: 767px) {
  .seo-agency-section .seo-agency-content {
    text-align: left;
    padding: 20px 0;
  }
  .seo-agency-section h2 {
    text-align: left;
  }
}



/* ===============================
   Partner Badges Section
   Parent: .partner-badges
================================= */
.partner-badges {
  position: relative;
  padding: 80px 0;
  background: #f8f9fa !important;
  overflow: hidden;
  text-align: center;
}

/* Right-side animated wave rings */
.partner-badges .partner-badges-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 85% 50%, rgba(255,255,255,0.15) 0 1px, transparent 1px) 0 0/200px 200px,
    radial-gradient(circle at 85% 50%, rgba(255,255,255,0.08) 0 1px, transparent 1px) 0 0/400px 400px;
  animation: partnerWaves 12s linear infinite;
  /* Optional subtle mask fade leftwards */
  mask-image: linear-gradient(to left, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%);
}
@keyframes partnerWaves {
  0%   {background-position: 0 0, 0 0;}
  100% {background-position: 200px 0, -200px 0;}
}

.partner-badges .container {
  position: relative;
  z-index: 1; /* above waves */
}

.partner-badges .partner-badges-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 50px;
       font-size: 40px !important;
}

/* Grid list reset */
.partner-badges .partner-badges-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* desktop 6 */
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Card */
.partner-badges .partner-badge {
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;              /* keep consistent height */
}

/* Link reset (for clickable logos) */
.partner-badges .partner-badge a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Image sizing */
.partner-badges .partner-badge img {
  max-width: 100%;
  max-height: 60px; /* keeps logos contained */
  height: auto;
  width: auto;
}

/* Hover effect */
.partner-badges .partner-badge:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 12px 32px rgba(0,0,0,0.25);
}

/* Optional subtle inner glow using pseudo-element */
.partner-badges .partner-badge:hover::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  box-shadow: 0 0 0 4px rgba(255,255,255,0.8) inset;
  pointer-events: none;
}

/* Responsive (tablet) */
@media (max-width: 991px) {
  .partner-badges .partner-badges-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .partner-badges .partner-badge {
    min-height: 110px;
    padding: 15px;
  }
  .partner-badges .partner-badge img {
    max-height: 50px;
  }
  .partner-badges .partner-badges-title {
    font-size: 30px;
    margin-bottom: 40px;
  }
}

/* Mobile (2 per row) */
@media (max-width: 575px) {
  .partner-badges {
    padding: 60px 0;
  }
  .partner-badges .partner-badges-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 per row */
    gap: 15px;
  }
  .partner-badges .partner-badge {
    min-height: 100px;
    padding: 12px;
    border-radius: 16px;
  }
  .partner-badges .partner-badge img {
    max-height: 44px;
  }
  .partner-badges .partner-badges-title {
    font-size: 26px;
    margin-bottom: 30px;
  }
}









.partner-badges {
  position: relative; /* ensure positioned ancestor for shapes */
  overflow: hidden;   /* keep shapes clipped inside section */
}

/* --- 2 LARGE animated blobs (before) --- */
.partner-badges::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0;
  /* We'll paint 2 circles using radial-gradients */
  background:
    radial-gradient(circle at 12% 25%, rgb(255 191 191) 0 60px, #fff0 60px), radial-gradient(circle at 80% 70%, rgb(255 255 255 / .30) 0 80px, #fff0 80px);
  animation: pbFloatA 10s ease-in-out infinite;
  /* soften */
  filter: blur(0px);
}

/* --- 2 SMALLER accent blobs (after) --- */
.partner-badges::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0;
  background:radial-gradient(circle at 12% 25%, rgb(255 191 191) 0 60px, #fff0 60px), radial-gradient(circle at 80% 70%, rgb(255 255 255 / .30) 0 80px, #fff0 80px);
  animation: pbFloatB 12s ease-in-out infinite;
  filter: blur(0px);
    left:67%;
}

/* Existing decorative wave background stays above shapes? 
   If you want waves above blobs, give .partner-badges-bg z-index:1; 
   If you want blobs above waves, change below to 2. */
.partner-badges .partner-badges-bg {
  position: absolute;
  inset: 0;
  z-index: 1; /* sits above ::before/::after but below content */
  pointer-events: none;
}

/* Ensure content always above */
.partner-badges .container {
  position: relative;
  z-index: 2;
}

/* -----------------------------------------
   Animations: slight drift + parallax
------------------------------------------ */
@keyframes pbFloatA {
  0%   {background-position: 0 0, 0 0; transform:translateY(0);}
  50%  {background-position: 10px -15px, -10px 20px; transform:translateY(-10px);}
  100% {background-position: 0 0, 0 0; transform:translateY(0);}
}
@keyframes pbFloatB {
  0%   {background-position: 0 0, 0 0; transform:translateY(0);}
  50%  {background-position: -15px 10px, 15px -20px; transform:translateY(-6px);}
  100% {background-position: 0 0, 0 0; transform:translateY(0);}
}

/* -----------------------------------------
   Responsive size tuning for small screens
------------------------------------------ */
@media (max-width: 767px) {
  .partner-badges::before {
    background:
      radial-gradient(circle at 10% 20%, rgba(255,102,0,.45) 0 35px, rgba(255,102,0,0) 35px),
      radial-gradient(circle at 85% 75%, rgba(255,255,255,.30) 0 55px, rgba(255,255,255,0) 55px);
  }
  .partner-badges::after {
    background:
      radial-gradient(circle at 20% 85%, rgba(255,255,255,.18) 0 25px, rgba(255,255,255,0) 25px),
      radial-gradient(circle at 90% 15%, rgba(255,102,0,.35) 0 22px, rgba(255,102,0,0) 22px);
  }
}



/* =========================================
   OUR APPROACH TO SEO
   ========================================= */
.seo-steps-section {
  background:#f8f9fa !important;
  text-align:center;
  overflow:hidden;
	padding:40px 0px;
}
.seo-steps-section .seo-title {
  font-size:32px;
  font-weight:800;
  color:#ff6600;
  margin-bottom:10px;
   font-size: 40px !important;
}
.seo-steps-section .seo-subtitle {
  font-size:18px;
  color:#555;
  margin-bottom:50px;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}

/* --- Steps + Progress --- */
.seo-steps-section .seo-steps-wrapper {
  position:relative;
}
.seo-steps-section .progress-bar {
  position:absolute;
  top:calc(50% + 2px);
  left:8%;
  right:8%;
  height:6px;
  background:#e5e5e5;
  border-radius:3px;
  z-index:0;
  pointer-events:none;
}
.seo-steps-section .progress-fill {
  height:6px;
  width:0;
  background:#ff4a21;
  border-radius:3px;
  transition:width .5s ease;
}
.seo-steps-section .seo-steps {
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:relative;
  z-index:1;
  gap:10px;
}
.seo-steps-section .seo-step {
  background:transparent!important;
  border:none!important;
  padding:0!important;
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  line-height:1;
  box-shadow:none!important;
}
.seo-steps-section .seo-step:focus{outline:none;}
.seo-steps-section .seo-step:focus-visible{outline:2px solid #ff6600;outline-offset:4px;border-radius:50%;}
.seo-steps-section .seo-step-icon {
  width:72px;
  height:72px;
  border-radius:50%;
  background:#ffffff;
  border:6px solid #dedede;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  color:#1f4ea0;
  transition:all .25s ease;
  box-shadow:0 4px 10px rgba(0,0,0,.08);
}
.seo-steps-section .seo-step:hover .seo-step-icon {
  transform:translateY(-2px);
  border-color:#1f4ea0;
}
.seo-steps-section .seo-step.active .seo-step-icon {
  background:#ce1b24;
  border-color:#ce1b24;
  color:#fff;
  box-shadow:0 8px 24px rgba(255,102,0,.4);
}

/* --- Panels wrapper (auto height animated) --- */
.seo-steps-section .seo-panels {
  position:relative;
  width:100%;
  height:auto;            /* will be set via JS for smooth transitions */
  transition:height .45s ease;
}

/* Each panel layered, only active visible */
.seo-steps-section .seo-panel {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  opacity:0;
  transform:translateY(20px);
  transition:opacity .45s ease, transform .45s ease;
  pointer-events:none;
}
.seo-steps-section .seo-panel.active {
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
  position:absolute;
}

/* Panel inner layout */
.seo-steps-section .seo-panel-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-align:left;
}
.seo-steps-section .seo-panel-text {
  flex:1 1 50%;
}
.seo-steps-section .seo-panel-image {
  flex:1 1 50%;
  text-align:center;
}
.seo-steps-section .seo-panel-image img {
  max-width:420px;
  width:100%;
  height:auto;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .45s ease, transform .45s ease;
}
.seo-steps-section .seo-panel.active .seo-panel-image img {
  opacity:1;
  transform:translateY(0);
}

/* Text styling */
.seo-steps-section .seo-panel-text h3 {
  font-size:28px;
  font-weight:800;
  color:#0d0d0d;
  margin-bottom:10px;
}
.seo-steps-section .seo-panel-text p {
  font-size:16px;
  color:#666;
  margin-bottom:20px;
  line-height:1.5;
}
.seo-steps-section .seo-panel-text ul {
  list-style:none;
  margin:0 0 25px;
  padding:0;
}
.seo-steps-section .seo-panel-text ul li {
  margin-bottom:10px;
  font-size:16px;
  color:#555;
}
.seo-steps-section .seo-panel-text ul li i {
  color:#ff0000;
  margin-right:8px;
}

/* CTA */
.seo-steps-section .btn-orange {
  display:inline-block;
  padding:14px 36px;
  border-radius:30px;
  background:linear-gradient(90deg,#ff6600,#ff7e32);
  color:#fff;
  font-weight:700;
  text-decoration:none;
  transition:.25s;
}
.seo-steps-section .btn-orange:hover{opacity:.9;}

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .seo-steps-section .seo-panel-inner{
    flex-direction:column;
    align-items:flex-start; /* left align text (requested) */
    text-align:left;
  }
  .seo-steps-section .seo-panel-image{
    order:-1;
    text-align:center;
    width:100%;
    margin-bottom:20px;
  }
  .seo-steps-section .seo-panel-text{
    width:100%;
  }
}
@media (max-width:575px){
  .seo-steps-section .seo-step-icon{width:60px;height:60px;font-size:24px;border-width:4px;}
  .seo-steps-section .progress-bar{left:12%;right:12%;}
  .seo-steps-section .seo-title{font-size:26px;}
  .seo-steps-section .seo-subtitle{font-size:16px;margin-bottom:40px;}
  .seo-steps-section .seo-panel-text h3{font-size:24px;}
  .seo-steps-section .seo-panel-text p,
  .seo-steps-section .seo-panel-text ul li{font-size:16px;}
}




.client-section {
  text-align: center;
  padding: 40px 0px;
	background:#f8f9fa!important;
}

.client-logos {
  display: flex;
  gap: 20px; /* Thoda zyada gap */
  overflow-x: auto;
  padding: 20px 0px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
   justify-content: space-between;
    
}

.client-detail {
  display: none;
  margin: 20px auto;
  max-width: 900px;
}

.client-detail.active {
  display: block;
}

.client-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.client-image-box {
  order: 1; /* Pehle image */
}

.client-keywords {
  order: 2; /* Fir keywords */
}

.client-image {
  width: 100%;
  max-width: 435px;
  border-radius: 5px;
   height: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}

th {
  background: #f0f0f0;
}

/* Desktop view - Image right side */
@media (min-width: 768px) {
  .client-content {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }

  .client-keywords {
    order: 1;
    flex: 1;
    margin-right: 20px;
  }

  .client-image-box {
    order: 2;
    flex: 1;
    display: flex;
    justify-content: center;
  }
}

/* ===== Logo Row (No circle / clean) ===== */
.logo {
  flex: 0 0 auto;
  cursor: pointer;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  line-height: 0;
  padding: 0;
}

/* Logo Image */
.logo img {
  display: block;
  height: 165px; /* Thoda bada size */
  width: auto;
  transition: transform 0.3s ease, filter 0.3s ease;
       border: #ce1b24 1px solid;
    border-radius: 25px;
}

/* Hover pop-up effect */
.logo:hover img {
  transform: scale(1.15);
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
}

/* Mobile */
@media (max-width: 768px) {
  .logo img {
    height: 83px;
  }
}
.client-heading {
  text-align: center;
  margin-bottom: 20px;
}

.client-heading h3 {
  font-weight: 700;
  color: #ce1b24 !important;
   font-size: 22px !important;
}

.client-heading h2 {
  font-size: 16px;
  color: #555;
  margin-top: 5px;
	font-weight: 600 !important;
}
/* ===== Floating Background Shapes ===== */
.client-section {
  position: relative;
  overflow: hidden;
}

.client-section::before,
.client-section::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgba(0, 123, 255, 0.08); 
  border-radius: 50%;
  animation: floatAnim 8s ease-in-out infinite;
  z-index: 0;
}

.client-section::before {
  top: -50px;
  left: -50px;
}

.client-section::after {
  bottom: -50px;
  right: -50px;
}

/* Extra shapes */
.client-section .shape {
  position: absolute;
  width: 100px;
  height: 100px;
  background: rgba(255, 193, 7, 0.08); /* yellow */
  border-radius: 20px;
  animation: floatAnim 10s ease-in-out infinite;
  z-index: 0;
}

.client-section .shape.shape2 {
  top: 30%;
  left: 10%;
}

.client-section .shape.shape3 {
  bottom: 10%;
  right: 15%;
}

/* Floating animation */
@keyframes floatAnim {
  0% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0); }
}





.cs-btn-wrap {
  margin-top: 16px;
  text-align: left;
}

.client-cta-btn {
  display: inline-block;
  padding: 10px 26px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background: #0056ff;
  text-decoration: none;
  border-radius: 999px;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
  white-space: nowrap;
}

.client-cta-btn:hover {
  background: #0040c8;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,86,255,.35);
}

.client-cta-btn:active {
  transform: scale(.97);
}

@media (max-width: 767px) {
  .cs-btn-wrap {
    text-align: center;
  }
}



.seo-content-section {
  color: #333;
  line-height: 1.7;
}
.seo-content-section .section-title {
  color: #0072bc;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
   font-size: 30px !important;
}
.seo-content-section p {
  margin-bottom: 10px;
}
.seo-content-section a {
  color: #0072bc;
  text-decoration: none;
}
.seo-content-section a:hover {
  text-decoration: underline;
}
.benefits-list {
  list-style: none;
  padding: 0;
}
.benefits-list li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}
.benefits-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #0072bc;
}


/* Section Container */
.seo-agency-section {
  color: #fff;
  padding: 60px 0;
}

.container-seo {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
  gap: 40px;
}

/* Left Side */
.seo-left {
  flex: 1;
  text-align: center;
}

.seo-left h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 20px;
   margin: 0px 30px;
}

.seo-left .highlight {
  color: #ce1b24;
}

.seo-left img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.seo-right {
  flex: 1;
  height: 400px; 
  overflow-y: auto;
  padding-right: 10px;
}

.seo-right::-webkit-scrollbar {
  width: 6px;
}
.seo-right::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 10px;
}
.seo-right::-webkit-scrollbar-track {
  background-color: transparent;
}

.scroll-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.seo-card {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
   margin: 0px 0px 0px 10px;
   
}

.seo-card h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.seo-card:nth-child(2) h3 {
  color: #36d399;
}

.seo-card:nth-child(3) h3 {
  color: #9ca3af;
}

/* Responsive Design */
@media (max-width: 768px) {
  .container-seo {
    flex-direction: column;
    gap: 20px;
  }

  .seo-right {
    height: auto;
    max-height: 350px;
  }
}
.client-keywords td {
    text-align: center;
    font-weight: 500;
}
.results-section__heading span {
    color: #ce1b24 !important;
}

h2.seo-title
 {
    color: black !important;
}
.seo-title span {
    color: #ce1b24;
}
.process-heading .highlight {
    color: #ce1b24 !important;
}
.industries-simple-heading span {
    color: #ce1b24 !important;
    font-weight: 600 !important;
}
section.seo-agency-section img {
    width: 87% !important;
    border-radius: 20px;
}
.seo-panel-inner h3
 {
    color: #ce1b24 !important;
}
section.seo-services-new span {
    color: #ce1b24 !important;
}

.service-page-indiv h1{font-size:3em !important;}
.seoagncsctn1 {background:#f8f9fa!important;}

.client-headingsrk h2 {
    font-size: 25px !important;
}
.my-5 .card-body .mt-auto a{color:white !important;}
.primary p a{color:#ff000c !important;}
.main-navigation .ast-hf-mobile-menu{position:fixed !important;}