@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.container,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

.bd-gutter {
  --bs-gutter-x: 3rem;
}

.container-fluid{
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 0;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }

  /* general start ////////////*/
  p {
    margin-bottom: 1rem;
  }

  img,
  svg {
  vertical-align: middle;
  }

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

    button,
  [role=button],
  [class*='btn'] {
    cursor: pointer;  
    border: unset;
    font-size: 1rem;
    outline: none;
  }

  input,textarea{
    width: 100%;
    outline: none;
    border: 1px solid #e7e7e7;
  }

  figure {
  max-width: 100%;
  }

  .img-placeholder {
      aspect-ratio: 16/9;
  }


  ol, ul {
    padding-left: 1rem;
  }

  .row-gap{
    row-gap: 30px;
  }

  .col-gap{
    column-gap: 30px;
  }

  .mb-0{
    margin-bottom: 0 !important;
  }

  .mb-20{
    margin-bottom: 20px;
  }

  .mb-40{
    margin-bottom: 40px;
  }

  .w-100{
    width: 100%;
  }

  .mt-40{
    margin-top: 40px;
  }
  /* general end ////////////*/


/* Flex ___________ Starts ////////////*/
[class*="flex"]{
    display: flex;
  }

  .align-center{
    align-items: center;
  }

  .justify-center{
    justify-content: center;
  }

  .flex-between {
    justify-content: space-between;
    }

    .flex-wrap{
        flex-wrap: wrap;
      }

      .flex-column{
        flex-direction: column;
      }

.gap-10{
  gap: 10px;
}
/* Flex ___________ End ////////////*/


/* common componet */
[class^="btn"] {
    padding: 6px 14px;
    width: fit-content;
    display: inline-block;
}

.sec-space{
    margin-top: clamp(2.5rem, 1.1607rem + 3.5714vw, 4.375rem);
}

.sec-inner-space{
 padding-block: clamp(2.5rem, 1.1607rem + 3.5714vw, 4.375rem);
}


/* common componet */


/* header start \\\\\\\\\*/
/* header {
    height: 80px;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 10;
} */

header nav ul {
    display: flex;
    list-style: none;
    gap: 30px;
    align-items: center;
}

header ul .dropdown ul {
    display: block;
/*     visibility: hidden; */
    position: absolute;
    margin: 0;
    z-index: 99;
    transform-origin: top;
    transform: scale(0);
    padding: 10px;
}

.dropdown {
    position: relative;
}

header nav ul li {
    padding-block: 22px;
}

header ul .dropdown ul li {
    padding: 10px;
    min-width: 170px;
}

.dropdown::after, .dropdown .dropdown::after {
    content: "";
    display: flex;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-top: 4px;
}

.group-btn{
    display: flex;
    gap:10px;
    align-items: center;
}
/* header end \\\\\\\\\*/


/* accordions end */

  /* responsive */
        @media (min-width: 576px) {
            .container {
                max-width: 540px;
            }
        }

        @media (min-width: 768px) {
            .container {
                max-width: 720px;
            }

            .col-md-3 {
              flex: 0 0 auto;
              width: 25%;
            }

            .col-md-6 {
              flex: 0 0 auto;
              width: 50%;
            }

            .col-md-9 {
              flex: 0 0 auto;
              width: 75%;
            }
            }

            @media (min-width: 992px) {
                .container {
                    max-width: 960px;
                }

                .col-lg-2 {
                  flex: 0 0 auto;
                  width: 16.66666667%;
                }
                
                .col-lg-3 {
                  flex: 0 0 auto;
                  width: 25%;
                }

                .col-lg-4 {
                    flex: 0 0 auto;
                    width: 33.33333333%;
                  }

                  .col-lg-5 {
                    flex: 0 0 auto;
                    width: 41.66666667%;
                  }

                .col-lg-6 {
                    flex: 0 0 auto;
                    width: 50%;
                  }

                  .col-lg-7 {
                    flex: 0 0 auto;
                    width: 58.33333333%;
                  }

                  .col-lg-8 {
                    flex: 0 0 auto;
                    width: 66.66666667%;
                  }

                  .col-lg-9 {
                    flex: 0 0 auto;
                    width: 75%;
                  }

                    .ml-md-auto{
                      margin-left: auto;
                  }
                 
            }


            @media (min-width: 1200px) {
                .container {
                    max-width: 1140px;
                }

                .col-xl-3 {
                  flex: 0 0 auto;
                  width: 25%;
                }
                .col-xl-4 {
                  flex: 0 0 auto;
                  width: 33.33333333%;
                }
            }
            
            @media (min-width: 1400px) {
                .container {
                    max-width: 1320px;
                }
            }
              



*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

main,header,footer{
  font-size: 16px;
}

:root {
    --pc: #13264C;
    --sc: #6b2984;
    --gradient:  linear-gradient(93.44deg, #462785 2.85%, #8F2C84 168.92%);
    --black: #000;
    --white:#fff;
    --txt-color:#323232;
    --light-white:#ced4da;
    --gradient-col: #242627;
    --fw-2:500;
    --fw-3:600;
    --fw-4:700;
      /* Size */
    --fs-20: 20px;
    --fs-18: 18px;
    --fs-17: 17px;
    --fs-30:30px;
    --transition: 0.3s all;
}


/* heading start */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.5 !important;
  color: var(--black) !important;
  font-family: "Unbounded", sans-serif !important;
  margin-bottom: 20px !important;
	font-weight:500 !important;
}



    h1,
    .h1 {
/*     font-size: clamp(1.625rem, 1rem + 1.6667vw, 2.5rem) !important; */
		font-size:36px !important;
    line-height: 1.4 !important;
    }

   h2,
    .h2 {
  font-size: clamp(1.5625rem, 0.9375rem + 2vw, 2.0625rem); !important;
/* 		font-size:32px !important; */
    }

  h3,
    .h3 {
    font-size: clamp(1.5rem, 1.2321rem + 0.7143vw, 1.875rem) !important;
    }

  h4,
    .h4 {
    font-size: clamp(1.25rem, 0.9821rem + 0.7143vw, 1.625rem) !important;
    }

    h5,
    .h5 {
    font-size: clamp(1.25rem, 1.1607rem + 0.2381vw, 1.375rem)!important;
    }

  h6,
    .h6 {
    font-size:18px !important;
    }
/* heading end */

a {
    transition: var(--transition);
    text-decoration: none;
    color: var(--sc);
}

p {
	font-weight: 400;
    color: var(--txt-color);
    font-size: 16px;
    line-height: 1.6;
}


/* common componet */

/* button */
[class^="btn"] {
  border-radius: 4px;
  display: flex;
  gap: 10px;
  align-items: center;
  transition: var(--transition);
  font-weight: 400;
		text-decoration:none !important;
}
[class^="btn"] svg{
  fill: #fff;
}

.btn-fill {
  color: var(--white) !important;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--gradient);
}

/* .btn-light {
color: var(--white);
position: relative;
z-index: 1;
overflow: hidden;
} */

/* .btn-fill{
background: var(--gradient);
} */
/* .btn-light{
 background:var(--sc);
} */

.btn-fill::after{
background: var(--sc);
}
/* .btn-light::after{
background: var(--pc);
} */

.btn-fill::after, .btn-light::after, .btn-outline::after{
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
left: auto;
bottom: 0;
width: 0;
transition: all 0.3s ease;
}

.btn-fill:hover::after,.btn-light:hover::after, .btn-outline:hover:after{
width: 100%;
left: 0;
right: auto;
}

/* btn effect */

/* btn effect */

/* .btn-light {
  background: var(--sc);
  color: var(--white);
}     */

.btn-outline{
border: 2px solid var(--white);
color: var(--white);
position: relative;
z-index: 1;
overflow: hidden;
}

.btn-outline:hover{
  color: var(--sc);
}

.btn-outline:hover svg path{
  fill: #6a2984;
} 

.btn-outline::after{
background:var(--white);
}

/* .w-btn{
  --white:var(--sc);
  background-color: #fff;
  border-color:#fff;
}

.w-btn svg path{
  fill: var(--sc);
} */

/* .btn-outline.w-btn:hover::after{
  background:var(--gradient);
} */

/* .w-btn:hover{
  color: #fff;
  } */
/* button */


/* button hover effect */   


/* .btn-light:hover {
background-color: var(--pc);
} */

/* .btn-light.dark{
--pc:var(--white);
} */
/* .btn-light.dark:hover{
color: #13264c;
} */

/* .w-btn:hover{
color: var(--sc);
} */
/* button hover effect */

.sub-heading{
    text-transform: uppercase;
    color: var(--sc);
    font-weight: var(--fw-3);
    margin-bottom: 12px;
}

.sec-heading{
    font-size: clamp(1.875rem, 1.2054rem + 1.7857vw, 2.8125rem);
    font-weight: var(--fw-4);
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 10px;
    color: var(--black);
}

/* common componet */



/* header start \\\\\\\\\ */

/* header {
    background-color: var(--white);
    transition: all 0.5s ease-in-out;
} */

.top-header p{
  gap:10px;
  height: 48px;
  color: var(--white);
  font-size: 15px;
}

header.scrolled{
  height: 70px;
}

header.scrolled .site-logo img{
  transform: scale(0.9);
  transition: all 0.5s ease-in-out;
}

header nav ul li a {
    color: var(--black);
    font-weight: var(--fw-2);
    line-height: 1.6;
}

header nav ul li a:hover{
  color: var(--sc);
}

header ul .dropdown ul {
    background-color: var(--white);
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: all 0.3s;
}

.dropdown::after,
.dropdown .dropdown::after {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 5.588 4 4 4-4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
  transition: var(--transition);
}


header nav .active {
    color: var(--sc);
}

.show-ul {
  overflow-y: auto;
  transform: translate(0);
}

header nav ul {
  align-items: center;
  display: flex;
  gap: 30px;
  list-style: none;
	margin:0;
}

.cancel-btn, .toggle-slide-btn{
  display: none;
}
.site-logo{
  width: 180px;
}

.site-logo img{
  width: 200px;
    transition: width 0.3s ease-in-out; 
}

.r-side-header{
  margin-left: auto;
  column-gap: 40px;
}

.top-header{
  background-color: #2E105A;
}

.main-header{
  padding-block: 10px;
}

/* header end \\\\\\\\\ */

/* hero header start \\\\\\\\ */
    .hero-header{
        background:linear-gradient(93.44deg, #462785 2.85%, #8F2C84 168.92%);
        padding: 50px 70px;
        border-radius: 20px;
        position: relative;
        overflow: hidden;
    }

    .hero-header::before{
      content: "";
      background: url("/assets/img/checkbox-bg.png");
      background-size: cover;
      position:absolute;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .hero-title{
/*         font-size: clamp(1.875rem, -1.2019rem + 4.8077vw, 3.125rem) !important; */
		font-size: clamp(1.75rem, 1.125rem + 2vw, 2.25rem) !important;
        /* font-weight:600; */
        color: var(--white) !important;
        line-height: 1.6 !important;
        margin-bottom: 0px !important;
        
    }

    .hero-header p{
      font-size: var(--fs-20);
      color: var(--white);
      line-height: 1.5;
    }

    .hero-content{
        display: flex;
        flex-direction: column;
        gap: 16px;
        position: relative;
        align-items: center;
        text-align: center;
        width: 70%;
        margin-inline: auto;
        z-index: 1;
    }

    /* .hero-content:after{
        content: "";
        background: url(../img/rectangle-mark.svg) no-repeat;
        width: 70px;
        height: 70px;
        position: absolute;
        bottom: 0;
        right: 23%;
    } */

    .hero-img-mid{
      display: flex;
          height: 100%;
          justify-content: center;
    }


    .hero-img-mid .row{
      align-items: flex-end;
    }

    .hero-img{
      position: relative;
      width: fit-content;
    }

    .hero-img-sec img {
      width: 100%;
    }

    .hero-img-sec {
      margin-top: -65px;
    }

    .finger-print{
      right: 0;
      top: 52px;
    }

    .graph-card, .finger-print, .pie-chart{
      position: absolute;
    }

    .graph-card{
      right: 0;
      bottom: 0px;
    }

    .g-btn{
      gap:20px;
    }

    .highlight{
    position: relative;
    font-weight: 600;
    }
    .highlight::before{
      content: "";
      position: absolute;
      bottom: -29px;
      background: url("data:image/svg+xml, %3Csvg width='191' height='19' viewBox='0 0 191 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M189.65 4.125C88.331-3.149 34.359 4.968 3.304 11.137c2.222 1.52 6.971 4.856 8.188 6.04' stroke='%23FF9600' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;
     background-size: contain;
    background-position-y: bottom;
     width: 100%;
     height: 100%;
     rotate: 4deg;
    }
/* hero header end \\\\\\\\ */

.center-heading{
  text-align: center;
  margin-bottom: 40px;
}

.sec-sub-heading{
  background-color: #ECF0FF;
  display: inline-block;
  padding:8px 16px;
  color: #4A2785;
  margin-bottom: 16px;
  font-size: 15px;
  border-radius: 4px;
  border: 1px solid #4827851f;
}

.h-primary{
  color: #9D3086;
  font-weight: 500;
  font-family: "Unbounded", sans-serif !important;
}


.about-sec{
  margin-bottom: 30px;
}

/* client section start */
.our-client .center-heading{
  margin-bottom: 0;
}
.client-title{
  font-size: clamp(1.5rem, 1.3438rem + 0.5vw, 1.625rem) !important;
  width: 47%;
  margin-inline: auto;
}

/* client section end */

/* why us */
.icon-box{
  border: 1px solid #CCCCCC;
  padding: 30px;
  gap: 20px;
  border-radius: 8px;
}

.icon-box img{
	width:100px;
}

.icon-box p{
  margin-bottom: 0;
}

.why-us{
  display: flex;
  flex-direction: column;
  gap:30px;
}

.why-us-slide{
  position: sticky;
  top: 40px;
}

.why-us-slide img{
  margin-top: 20px;
}
/* why us */



/* marquee animation start */
.scroller {
  max-width: 100%;
}

.marquee-list .scroller__inner {
  display: flex;
  gap: 40px;
}

.tag-list li {
display: flex;
gap:10px;
font-size: clamp(1.5rem, 0.6406rem + 2.75vw, 2.1875rem);
font-weight: 700;
color:#482785;
text-shadow: 
-1px -1px 0 white,  
1px -1px 0 white,
-1px  1px 0 white,
1px  1px 0 white;
letter-spacing: 2px;
	align-items:center;
}

.tag-list li img{
  width: 50px;
  height: 50px;
  object-fit: none;
}

.scroller[data-animated="true"] {
  overflow: hidden;
}

.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
  --_animation-duration: 20s;
}

.scroller[data-speed="slow"] {
  --_animation-duration: 60s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}

/* marquee animation end */

/* marquee my code */
.marquee-list{
/*   padding: 25px 20px; */
  background-color: #482785;
  font-size: var(--fs-18);
  color: var(--white);
  overflow: hidden;
}

.enterprise-list .scroller__inner img{
  margin-right: 15px;
  padding: 30px;
  /* border: 1px solid #dbdbdb; */
  border-radius: 10px;
}
/* marquee my code */

/* case study start */
.bg-gradient{
  background: var(--gradient);
  border-radius: 30px;
  padding: 50px;
  --black:var(--white);
}

.case-study-card{
  padding:20px;
  background-color: #ffffff4a;
  border-radius: 16px;
  display: grid;
  gap: 16px;
  transition: var(--transition);
  border: 1px solid transparent;
}

.case-study-card:hover{
  background-color: #632a86;
  border: 1px solid rgba(255, 255, 255, 0.699);
}

.case-study-card:hover .arrow-link{
  rotate: 40deg;
}

.study-cd-img{
  position: relative;
}
.study-cd-img img{
  width: 100%;
}

.arrow-link{
  width: 50px;
  height: 50px;
  background-color: #fff;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  right: 28px;
  bottom: -15px;
}

.case-study-title{
  color: #fff;
  font-size: var(--fs-20);
}
.case-study-title a{
  color: #fff;
  font-size: var(--fs-20);
}
.case-study-title a:hover{
  text-decoration: underline;
}
/* case study end */


/* service start */
.service-card{
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  height: 460px;
  /* background:url("../img/service-img.png") no-repeat;
  background-size: cover; */
}

.service-card img{
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.service-single-card{
  display: flex;
      flex-direction: column;
      position: relative;
      z-index: 1;
}


.service-single-card .service-h{
  padding: 30px;
  font-size: 24px !important;
}

.service-single-hv-card .service-h{
  font-size: 24px !important;
}

.service-single-hv-card{
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background:var(--gradient);
  opacity: 0;
  transition: all 0.6s ease-in-out;
  padding: 30px;
  --txt-color:var(--white);
  --black:var(--white);
  z-index: 2;
}

.service-single-hv-card p{
  font-size: 15px;
}
.service-card:hover .service-single-hv-card{
  opacity: 1;
}

.service-content{
  display: flex;
  flex-direction: column;
  gap:16px;
}
/* service end */

/* faq start */
.faq{
  display: grid;
  gap:20px;
}

.faq details{
  border-bottom: 1.5px solid #c6cacc;
}

.faq summary{
  list-style:none;
  display: flex;
  cursor: pointer;
  user-select: none;
	font-weight:500 !important;
}

.faq summary::after{
  content: "";
  flex: none;
  height: 34px;
  margin-left: auto;
  margin-top: 2px;
  width: 34px;
  background: url("https://uxunicorn.in/wp-content/uploads/2025/05/arrow-left-circle.svg") no-repeat;
  background-size: cover;
  display: inline-block;
}

.faq details[open]>summary:first-of-type:after {
  transform: rotate(87deg);
}

.faq summary a {
  display: contents;
}
/* faq end */

/* faq image start */
.faq-image {
  background-image: url("https://uxunicorn.in/wp-content/uploads/2025/05/FAQ.png");
	border-radius: 12px;
  background-size: cover;
  min-height: 238px;
  margin-top: 40px;
  padding: 24px;
  --black:var(--white);
  display: grid;
  gap:20px;
  margin-right: 40px;
}

.team-member {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-image {
  width: 48px;
  height: 48px;
  margin-left: -20px;
}
/* faq image end*/

/* footer start */
/* #footer{
  background: url("https://uxunicorn.in/wp-content/uploads/2025/05/footer-bg2.webp") no-repeat;
  background-size: cover;
  padding-top: 109px;
  border-radius: 40px 40px 0 0;
  margin-top: 143px;
} */

/* .footer-top{
  display: grid;
  grid-template-columns: 40% auto;
  gap:5%;
  margin-bottom: 30px;
}
 */
/* .contact-details{
  list-style: none;
  padding-left: 0;
  display: grid;
  gap:10px;
}
.contact-details li a{
color: var(--light-white);
}
.contact-details li a span{
 font-weight: 600;
 color: var(--white);
}

.site-logo{
  margin-bottom: 16px;
} */

  /* .site-details p{
    color: var(--light-white);
    margin-bottom: 30px;
  } */

  .footer-title{
	color:var(--black);
    font-size: 22px;
    font-weight: var(--fw-3);
    margin-bottom: 34px;
    position: relative;
  }

  .footer-title::before {
    content: "";
    position: absolute;
    width: 10%;
    height: 4px;
    background-color:var(--sc);
    bottom: -10px;
}

  .footer-list{
    list-style: none;
    padding-left: 0;
	margin:0;
  }
  .footer-list a{
   color: #4e4e4e;
  }
  .footer-list a:hover{
   color:#462785;
   text-decoration: underline;
  }
  .footer-list li {
    margin-bottom: 15px;
}

.award-list{
  display: flex;
  list-style: none;
  padding-left: 0 !important;
  gap:10px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.contact-form{
  padding: 20px;
  background-color: var(--white);
  border-radius: 8px;
  border: 8px solid #E9E8E8;
  /* margin-top: -181px; */
}

.contact-form :is(input,textarea){
  background-color: #f0f0f0;
}
.contact-form :is(input,textarea,button){
  padding: 10px;
  border-radius: 4px;
}
.contact-title{
  font-size: 32px;
  font-weight: 600;
  font-family: "Unbounded", sans-serif;
  margin-bottom: 10px;
}

.contact-form button{
  width: 100%;
  /* background: var(--gradient);
  color: var(--white);
  font-weight: 600; */
display: flex;
justify-content: center;
}

.contact-form form{
  display: grid;
  gap:16px;
}

.grid-50-50{
  display: grid;
  grid-template-columns: auto auto;
  gap:16px;
}

.footer-bottom{
  text-align: center;
  padding-block: 10px;
  background-color: #150040;
  color: var(--white);
  margin-top: 50px;
}
/* footer end */


/* slider start */
/* .swiper {
  width: 100%;
  height: 100%;
} */

.swiper-slide {
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
} */

.testimonial-slide {
  position: relative !important;
}
.testimonial-slide::before {
content: "";
background: url("data:image/svg+xml,%3Csvg width='86' height='66' viewBox='0 0 86 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.0193 48.5263C40.0275 48.7214 40.0329 48.9518 40.0329 49.1794C40.0329 53.8075 38.0386 57.9723 34.8601 60.8554L34.8466 60.8662C31.5868 63.7547 27.2757 65.5214 22.55 65.5214C22.3468 65.5214 22.1436 65.5187 21.9431 65.5106H21.9729C21.664 65.5268 21.3036 65.5377 20.9405 65.5377C15.2746 65.5377 10.1695 63.1315 6.59275 59.2838L6.58191 59.2729C3.09455 55.1379 0.975586 49.7511 0.975586 43.8684C0.975586 43.4511 0.986425 43.0365 1.0081 42.6274L1.00539 42.6843C0.994554 42.3185 0.989134 41.8903 0.989134 41.4595C0.989134 35.3898 2.21662 29.6074 4.43313 24.3425L4.32475 24.6324C6.38681 19.8796 9.06397 15.7989 12.321 12.2573L12.2912 12.2898C15.0632 9.2875 18.2552 6.72957 21.7859 4.6946L21.981 4.59163C24.4333 3.16092 27.3191 1.77357 30.316 0.616537L30.7387 0.472925L39.2308 14.8071C35.589 16.2947 32.5487 18.6115 30.2428 21.5325L30.2076 21.5786C27.9287 24.291 26.3951 27.6998 25.9669 31.4445L25.9588 31.5312C29.8445 31.6342 33.2966 33.4091 35.6351 36.1594L35.6513 36.1783C38.3773 39.2159 40.0464 43.2533 40.0464 47.6809C40.0464 47.9763 40.0383 48.2689 40.0247 48.5616L40.0275 48.5209L40.0193 48.5263ZM85.9429 48.5263C85.9511 48.7214 85.9565 48.9463 85.9565 49.1767C85.9565 53.8075 83.9595 57.9723 80.781 60.8581L80.7675 60.8689C77.5104 63.7574 73.1993 65.5241 68.4764 65.5241C68.2704 65.5241 68.0672 65.5214 67.864 65.5133H67.8938C67.5849 65.5296 67.2245 65.5404 66.8587 65.5404C61.1927 65.5404 56.0877 63.1342 52.5137 59.2865L52.5028 59.2729C49.0155 55.1407 46.8965 49.7538 46.8965 43.8711C46.8965 43.4538 46.9073 43.0365 46.929 42.6247L46.9263 42.6816C46.9155 42.3158 46.91 41.8876 46.91 41.4568C46.91 35.3871 48.1375 29.6047 50.354 24.3398L50.2457 24.6297C52.3077 19.8769 54.9822 15.7961 58.2365 12.2546L58.2067 12.2871C60.9787 9.28479 64.1734 6.72686 67.7041 4.69189L67.8992 4.58892C70.3515 3.1555 73.2373 1.77086 76.2342 0.613828L76.6569 0.470215L85.1463 14.8044C81.5045 16.292 78.4669 18.6115 76.1583 21.5352L76.1231 21.5813C73.8442 24.2937 72.3106 27.7025 71.8824 31.4472L71.8743 31.534C75.76 31.6369 79.2094 33.4118 81.5451 36.1621L81.5614 36.181C84.2928 39.2186 85.9646 43.2587 85.9646 47.6918C85.9646 47.9844 85.9565 48.2743 85.9429 48.5616L85.9457 48.5209L85.9429 48.5263Z' fill='black' fill-opacity='0.07'/%3E%3C/svg%3E%0A") no-repeat;
background-size: contain;
width: 72px;
height: 68px;
display: inline-block;
left: -86px;
position: absolute;
}

.client{
  gap: 16px;
  border-block: 1px solid #e6e6e6;
  padding-block: 8px;
}

.client img{
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  border: 4px solid #a1a1a14d;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
  display: none;
}

.swiper-btn-group {
  position: absolute;
  bottom: 44px;
  right: 0;
  width: 80px;
}

.testimonial .star{
  margin-bottom: 10px;
  display: block;
}

.client-details .client-name{
  font-weight: 600;
}
.client-details p{
  font-size: 15px;
}

/* slider end */

/* footer start */
.contact-details {
  list-style: none;
  padding-left: 0;
  display: flex;
  gap: 30px 40px;
  flex-wrap: wrap;
	margin:0;
}
.contact-details svg{
  width: 46px;
  background: #ededed;
  padding: 10px;
  fill: #464747;
  border-radius: 4px;
  transition: var(--transition);
}
.contact-details li:hover svg{
  background-color: #22104a;
  fill: #fff;
}


.contact-info {
  display: flex;
  flex-direction: column;
}

.contact-details li{
  display: flex;
  gap:15px;
  align-items: center;
}

.contact-info a{
  font-weight: 600;
  color: #575757;
}
.contact-info span{
  font-size: 16px;
}

.footer-top-sec{
  display: grid;
      gap: 8%;
      grid-template-columns: 45% 1fr;
      margin-top: -194px;
      margin-bottom: 40px;
      align-items: flex-start;
}

.footer-right-side{
display: grid;
gap:20px;
margin-top: 10%;
}

.location{
  border-radius: 4px;
  height: 100%;
  overflow: hidden;
}
/* footer end */


/* contact page start */
.contact-pg{
background: linear-gradient(180deg, #E9E5F0 0%, #FFFFFF 100%);
padding-block: clamp(2.5rem, 0.1563rem + 7.5vw, 4.375rem);;
}

.contact-left ul{
	padding-left:0 !important;
}

.contact-left .social-media{
	margin-bottom:30px;
}

.contact-left .contact-info{
	gap:20px !important;
}

.cus-contact-form .modal-body{
	padding:0 !important;
}
.cus-contact-form{
	padding: 20px;
    background-color: var(--white);
    border-radius: 8px;
    border: 8px solid #E9E8E8;
}

.contact-info{
	display:flex;
/* 	gap:20px; */
}

.contact-head{
	margin-bottom:25px;
}

.cus-contact-form .modal-body :is(input,textarea,select){
	background:#F0F0F0;
}

.cus-contact-form input.wpcf7-form-control.wpcf7-submit{
	    background: #000;
}

.cus-contact-form input.wpcf7-form-control.wpcf7-submit:hover{
	       background: #000000cf;
}

.contact-h p{
	font-size: 28px;
    font-weight: 600;
}

.contact-info li{
	list-style:none;
	display:flex;
	gap:20px;
	align-items:center;
}

.contact-left .contact-info li a{
	text-decoration:none !important;
	color:#575757 !important;
}

.contact-left .contact-info svg{
    width: 40px;
    height: 40px;
    background: #772681 ;
    padding: 5px;
    border-radius: 50%;
}

.cus-contact-form .whatsapp-btn{
	    padding: 6px !important;
	text-decoration:none !important;
}

/* contact page end */



    /* Rotate animation */
@keyframes rotateAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Applying animation to the element */
.rotate {
  animation: rotateAnimation 5s linear infinite;
}

.social-media{
	display:flex;
	list-style:none;
	padding-left:0;
	margin-left:0;
	gap:10px;
}


/* top to bottom start */
#progress {
  border-radius: 50%;
  box-shadow: 0 0 10px rgb(0 0 0 / .2);
  bottom: 50px;
  cursor: pointer;
  display: none;
  place-items: center;
  position: fixed;
  right: 10px;
  z-index: 1;
  height: 50px;
  width: 50px;
}

#progress-value {
  background-color: var(--white);
  border-radius: 50%;
  display: block;
    display: grid;
    height: calc(100% - 10px);
    place-items: center;
    width: calc(100% - 10px);
}

/* top to bottom end */

#ast-scroll-top{
	display:none !important;
}



.wpcf7-f325-o1{
	overflow:hidden !important;
}

.popup-form{
	margin-bottom:0 !important;
}

.sgpb-popup-content-direction-right input[type="url"], .sgpb-popup-content-direction-right input[type="email"], .sgpb-popup-content-direction-right .sg-fb-buttons-wrapper, .sgpb-popup-content-direction-right .sgpb-alert {
    text-align: left !important
}

.popup-form textarea{
	height:150px!important;
}


.popup-form .modal-body :is(input,select option,textarea)::placeholder {
	color: #323232cc !important;
}

.sgpb-theme-6-content{
	box-shadow:unset !important;
}

.popup-form .modal-body :is(input,select option,textarea){
	border:1px solid #ced4da;
	padding: 10px 16px 12px 10px !important;
}

.sgpb-main-html-content-wrapper > p {
    display: none;
}

.popup-form p{
	margin-bottom:0;
}


.popup-form .wpcf7-spinner{
	display:none !important;
}

.modal-title p {
    color: #fff;
    font-size: 24px;    
	font-family: "Unbounded", sans-serif !important;
	margin-bottom:5px;
	
}
.modal-header .des{
	color: #fff;
	margin-bottom:10px;
}

.modal-header{
	background: linear-gradient(89.61deg, #671E55 -19.99%, #462785 122.76%);
    padding: 15px; 
	text-align: center;
}

.popup-form .modal-body{
	 padding: 31px 30px 20px 30px;
}

.popup-form .modal-body > div{
	margin-bottom:16px;
}

.popup-form label{
	display:grid;
	gap:10px;
}

.popup-form .wpcf7-submit{
	background:#000;
}

.popup-form .wpcf7-submit:hover{
	background:#000000cf;
}

.popup-form .col-lg-6{
	height:auto;
}
.popup-form .col-lg-6 p{
	height:100%;
}

a.whatsapp-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #54a044;
    height: 100%;
    border-radius: 4px;
	gap:10px;
	color:#fff;
}
a.whatsapp-btn:hover {
background:#54a044d9;
}

.sgpb-content-326, .sgpb-content-326 > div{
	overflow:hidden !important;
	background:#F8F5F7 !important;
}


/* bhawna css start*/
.portfolio-header{
background: #E9E5F0;
/* padding: 50px 70px !important; */
padding-top: 60px !important;
}

.dropdown ul li a,.service-link{
	display:flex;
	gap:10px;
}

.dropdown ul li a > svg{
	margin-top:6px;
}
.dropdown ul li:not(:last-child) {
    border-bottom: 1px solid #e1e1e1;
}

.dropdown ul li a:hover .arrow-icon{
	transform:translatex(5px);
	transition:all 0.3s;
}

.service-des{
	    font-size: 14px;
    color: gray;
	font-weight:400 !important;
}


/* bhawna css end*/

/* portfolio page start */
.page-title{
font-size: clamp(2rem, 1.4016rem + 1.9149vw, 3.125rem); !important;	
}

.portfolio-header{
  background-color: #e9e5f0;
  padding-top: clamp(3.125rem, 2.7926rem + 1.0638vw, 3.75rem) !important;
  height: 400px;
}

.grid-container{
  column-count:2;
	column-gap:30px;
             padding:30px;
        background-color: #fff;
            margin-top: -234px;
            border-radius: 8px;
}

.grid-container img{
    object-fit: cover;
    border-radius: 10px !important;
        width: 100%;
        margin-bottom: 20px;
}


.item1 img,.item4 img {
height: 350px !important;
}
.item2 img,.item3 img {
    height: 450px !important;

}
.port-category {
  display: flex;
  gap:16px;
	flex-wrap:wrap;
}

.port-category span{
 background-color: #E1E1E1;
    padding: 6px 18px;
    font-size: 15px;
    border-radius: 38px;
}

.port-heading a{
  font-weight: 600;
  color: #000;
	text-decoration:none !important;
}

.portfolio-card{
	margin-bottom:50px;
}

.portfolio-card:hover .port-heading a{
  color: var(--sc);
}
/* portfolio page end */

/* services page start */

/* services page start */
.service-pg{
  background-color: #E9E5F0;
  padding-block: 30px;
}

.service-header{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.gray-bg{
  padding-block: clamp(2.5rem, 1.1607rem + 3.5714vw, 4.375rem);
  background-color: #F2F2F2;
}

.process-card{
  border: 1px solid #cdcdcd;
  padding: 20px 16px;
  border-radius: 10px;
  background-color: var(--white);
  height: 100%;
}

.f-20{
  font-size: 20px !important;
  margin-bottom: 16px;
}

.step {
    padding: 3px 10px;
    margin-bottom: 15px;
    border-radius: 4px;
     width: fit-content;
}
.blue{
 background-color: #DDE3FF;
 color: #4A2785;
}

.green{
  background-color: #CEECCB;
  color: #096800;
}

.red{
  background-color: #faddd9;
  color: #9b1603;
}

.purple{
  background-color: #e8d6f1;
  color: #560281;
}

.process-card ul{
 list-style: none;
 padding-left: 0;
}
.process-card ul li{
 position: relative;
 display: flex;
 align-items: center;
 gap: 10px;
 margin-bottom: 5px;
}
.process-card ul li::before{
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6673 7.88674V8.50007C14.6665 9.93769 14.201 11.3365 13.3402 12.488C12.4794 13.6394 11.2695 14.4817 9.89089 14.8893C8.51227 15.297 7.03882 15.248 5.6903 14.7498C4.34177 14.2516 3.19042 13.3308 2.40796 12.1248C1.6255 10.9188 1.25385 9.49212 1.34844 8.05762C1.44303 6.62312 1.99879 5.25762 2.93284 4.16479C3.86689 3.07195 5.12918 2.31033 6.53144 1.9935C7.93371 1.67668 9.40083 1.82163 10.714 2.40674' stroke='%23462785' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.6667 3.16675L8 9.84008L6 7.84008' stroke='%23772681' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
  display: block;
  width: 17px;
  height: 20px;
}

.industry-card{
    padding: 15px;
    border-radius: 8px;
}
.orange-bg{
    background-color: #fd5f2d;
}

.green-bg{
      background-color: #268201;
}
.purple-bg{
      background-color: #462785;
}
.yellow-bg{
      background-color: #c39a05;
}
.blue-bg{
  background-color: #3417e8;
}

.industry-card h3{
	color:#fff !important;
}
/* services page end */

/* responsive */


@media (min-width: 1025px) {
  .dropdown {
      display: flex;
      align-items: center;
      gap: 6px;
      justify-content: space-between;
  }

  header ul .dropdown ul {
      left: -15px;
      top: 66px;
      white-space: nowrap;
  }

  .dropdown ul .dropdown ul {
      position: absolute;
      top: 10px;
      left: calc(100% + 15px);
  }

  header .dropdown:hover>ul {
      transform: scaleY(1);
      visibility: visible;
      opacity: 1;
  }

  .hero-img{
    margin-left: auto;
  }

  .why-choose-img{
  margin-right: 20px;
  }
}


@media screen and (max-width: 1024px) {
  header nav ul {
    display: block;
    padding: 50px 30px 30px;
}

  header nav {
      background: var(--white);
      height: 100vh;
      left: 0;
      position: absolute;
      top: 0;
      transform: translateX(-100%);
      transition: all .2s;
      width: 300px;
      z-index: 10;
  }

  header nav ul li {
    margin-bottom: 10px;
    padding: 10px 0 0;
}

header ul .dropdown ul {
  left: 0;
  top: 25px;
  width: 100%;
  background-color: var(--white);
    box-shadow: 0 0 30px rgb(127 137 161 / .25);
    transition: all .3s;
}
.dropdown .dropdown:after, .dropdown:after {
  float: right;
}

header ul li.showMenu>ul {
  display: block !important;
  margin-top: 15px;
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}

.cancel-btn {
  display: none;
  position: fixed;
  right: 7%;
  top: 14px;
  z-index: 100;
}

.toggle-slide-btn {
  display: block;
  order: 1;
  margin-left: 20px;
}


.tab-sec{
  grid-template-columns: 36% auto;
  gap: 60px;
}

.center-heading{
  width: 100%;
}

.hero-header{
  padding: 30px 30px;
}

.testimonial-card{
  padding: 20px;
}

.card-details{
  grid-template-columns: auto;
}

.card-details img{
  height: auto;
}


  .hero-img{
    margin-inline: auto;
  }
  .pie-chart {
    left: -5%;
  }
  .tab {
    height: 100%;
  }
}


@media screen and (min-width: 768px) and (max-width:1024px) {
  .pie-chart img{
    width: 108px;
  }
  footer .cta-image img{
    width: 277px;
    margin-top: auto;
  }
}


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

  .counter-card .counter {
    text-align: start;
    width: 100%;
}
.slide-wrapper .carousel{
  grid-auto-columns: calc((100% / 2) - 12px) !important;
}

footer .cta-image, .cta2 .col-lg-4{
  display: none;
}

.tab-sec{
  grid-template-columns: auto;
}
.vertical-rl{
  display: none;
}

.cta-image {
  align-items: center;
  justify-content: space-around;
  padding: 0px 15px 15px 15px;
}

.cta-image .pulse:nth-child(2){
  margin-top: -18%;
}

.pulse{
  margin: 6px 30px 0px 0px;
}

.counter-card .counter {
  height: 58px;
  width: 147px;
}

.tab{
  flex-direction: row;
  overflow: scroll;
  border-radius: unset;
  background-color: transparent;
  border: unset;
}
.tablinks{
  white-space: nowrap;
  font-size:var(--fs-18);
  padding: 6px 10px;
}

.tab span{
  width: 34px;
  height: 34px;
  padding: 11px;
}

.pie-chart img{
  width: 91px;
}
	.hero-img-sec{
		margin-top:30px;
	}
	
	.hero-img-sec :is(.col-lg-3,.col-lg-5){
		display:none;
	}
	
	.client-title{
		width:100%;
	}
	
	.icon-box{
		flex-direction:column;
	}
	
	.bg-gradient{
		padding:20px;
	}
	.bg-gradient .center-heading{
		margin-bottom:0;
	}
	
	.contact-details,.footer-list{
		margin:0px;
	}
	
	.grid-container{
         column-count:1;
	     gap:30px;
		 margin-top: -182px;
		padding:16px;
}
	
	
	.portfolio-card{
		margin-bottom:30px;
	}
}


@media screen and (max-width: 600px) {
  .group-btn [class^="btn"]{
    display: none;
  }

  .site-logo img{
    width: 160px;
  }

  header.scrolled{
    height: 60px;
  }
  
  .slide-wrapper .carousel {
    grid-auto-columns: calc((100% / 1) - 12px) !important;
  }

  .container-fluid {
    --bs-gutter-x: 1.5rem;
  }

  .newsletter input{
    width: 100%;
  }

  .why-choose-img::before{
    right: 30px;
  }
	
	.top-header{
		display:none;
	}
	
	.footer-top-sec{
		grid-template-columns:auto;
	}
	
	.footer-top-sec{
		gap:30px;
	}
	.footer-right-side{
		margin-top:0px;
	}
	.hero-content{
		width:100%;
	}
		.g-btn .btn-outline:first-child{
		display:none;
	} 
	
	.about .col-lg-5{
		display:none;
	}
	
	.footer-cta h2{
		color:#fff !important;
	}
	
	.contact-info span{
		color:#fff;
	}
	
	.grid-container{
		margin-top: -158px;
	}
	
	.item1 img, .item4 img,.item2 img, .item3 img{
		height:240px !important;
	}
    }


/* footer start */


/* footer start */
.footer-cta{
  border-radius: 40px 40px 0 0;
   padding-block: 45px 114px;
	padding-inline:50px;
  background: #2E105A url("https://uxunicorn.in/wp-content/uploads/2025/06/footer-bg.webp") no-repeat;
  background-position: center;
	background-size:cover;
}


.footer-cta-content{
  color: #fff;
  --black:var(--white);
  --txt-color:var(--white);
}

.stats-no{
  font-size: 24px;
  color: var(--white);
  font-weight: 600;
}

.stats-p{
    font-size: 18px;
  color: var(--white);
}

.stats-card{
  display: flex;
  gap:10px;
  background-color: #ffffff27;
  align-items: center;
  justify-content: center;
  padding:40px 10px;
  border: 2px solid #ffffff4f;
  border-radius: 4px;
	  width: 274px;
    margin-left: auto;
}

.stats{
  display: grid;
  gap:20px;
  grid-template-columns: auto;
	align-content:center;
	justify-content:center;
}

#footer{
  background-color: #e9e5f0;
/*   padding-bottom: 30px; */
  padding-inline: 50px;
}

.footer-menu{
  padding-block: 55px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 38% auto;
    gap: 50px;
    
}

.footer-left{
  background-color: var(--white);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  margin-top: -116px;
	height: fit-content;
}

.company-details {
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    border-radius: 8px;

}

.social-media{
  display: flex;
  list-style: none;
  padding-left: 0;
  gap:6px;
}

.contact-no {
    padding: 28px;
    border-bottom: 1px solid #dbdbdb;
    display: flex;
    gap:10px;
}

.contact-no > div{
  display: flex;
  flex-direction: column;
}

.contact-no a{
  font-size: 20px;
  color: var(--black);
  font-weight: 600;
}
.contact-no span{
  color: #666666;
  font-weight: 400;
}

.contact-info span{
      color: #666666;
    font-weight: 400;
}

.copywrite-sec{
  background-color: #2e105a;
  padding-block: 10px;
}
.copywrite-sec p{
  margin-bottom: 0;
  color: var(--white);
  font-weight: 400;
}

.copywrite-sec ul{
  display: flex;
  list-style: none;
  padding-left: 0;
  gap:20px;
	margin:0 !important;
}
.copywrite-sec ul a{
  color: #ced2d3;
}

.copywrite-sec .container-fluid{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#footer .site-logo{
  margin-bottom: 10px;
}
/* footer end */



@media (max-width: 1024px) {
    .footer-grid {
        grid-template-columns: auto;
        gap:30px;
    }
    .footer-left{
          margin-top: 30px;
    }
    .footer-menu{
      padding-block: 0;
		padding-block:30px;
    }

    .footer-cta{
      padding-block: 40px 50px;
		padding-inline:30px;
    }
	
	#footer{
		padding-inline:30px;
	}

    .copywrite-sec ul{
      display: none;
    }

    .company-details,.contact-no{
      padding: 20px;
    }

      .stats-card{
      flex-direction: column;
      text-align: center;
    }
	.copywrite-sec p{
		text-align:center;
	}
}

      .landing-pg-header{
       background-color: linear-gradient(90deg, #130B24 0%, #611768 100%);

}


@media (max-width: 768px) {
	.stats{
		    grid-template-columns: auto auto;
	}
	
}


@media (max-width: 600px) {
	.stats{
		    grid-template-columns: auto;
	}
	
	.footer-cta,#footer{
		padding-inline:21px;
	}
	
}

.swiper-slide.elementor-lightbox-item.swiper-slide-active{
	background: #48484845 !important;
}



.whatsapp_float {
  position: fixed;
  left: 15px;
  bottom: 65px;
  z-index: 996;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px
}


.landing-pg{
	background: linear-gradient(90deg, #130B24 0%, #611768 100%);
	 padding-block: 30px;
}