:root {
  --color-white: #ffffff;
  --color-black: #242424;
  --color-primary: #CEFF0A;
  --color-secondary: #2D3661;

}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Unbounded:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
:root {
  --font-Outfit: "Outfit", sans-serif;
}
:root {
  --font-Outfit: "Outfit", sans-serif;
}

body.home{
  background-color: #fff;
}
/* SLIDER */
#slider {
  position: relative;
  padding: 0% 0px 0px;
  z-index: 1;
  margin-top:0px;
}
#slider .main-slider .slider-image img{
  background-size: 100% 100%;
  height: 918px;
}
  #slider .slide_btn {
  text-align: left;
  }
  #slider .slider-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #slider .text-content {
    padding-right: 5%;
    margin: 201px 0;
    margin-left: 80px;
  }
  #slider .slider-content p{
    color: var(--color-white);
    font-size: 16px;
    line-height: 1.5;
    font-family: var(--font-Outfit);
    margin-bottom: 0px;
    font-weight: 400;
    padding-right: 80px;
  }
  #slider .slider-content h6{
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1.5;
    color: var(--color-white);
    font-weight: 400;
    margin-bottom: 23px;
    font-family: var(--font-Outfit);
    text-transform: uppercase;
    display: flex;
    width: max-content;
    gap: 5px;
    align-items: center;
    border: 1px solid #86B1FF;
    background: var(--color-primary);
    border-radius: 20px;
    padding: 5px 16px;
  }
#slider .slider-content h6 img {
    height: 22px;
    max-width: 22px;
    margin-left: 0;
    width: auto;
    filter: brightness(0) invert(1);
}
  #slider .slider-content h1{
    font-size: 50px;
    letter-spacing: 1px;
    line-height: 1.2;
    color: var(--color-white);
    font-weight: 700;
    margin-bottom: 13px;
    font-family: var(--font-Outfit);
    text-transform: capitalize;
    /* padding-right: 80px; */
  }

 #slider .slider-btn a {
  padding: 5px  20px  5px  15px;
  line-height: 30px;
  background: var(--color-white) !important;
  color: var(--color-primary);
  width: max-content;
}
 #slider .slider-btn a img{
  width: 30px;
  margin-right: 5px;
  float: left;
 }
  #slider .center-image{
    position: absolute;
    bottom: 0;
    left: 0;
    border-top-right-radius: 40px;
    background: #fff;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 10px;
    padding-bottom: 10px;
    z-index: 9;
  }
  #slider .center-image .customer{
    background: #fff;
    border-radius: 20px;
    padding: 19px 25px;
    box-shadow: 0px 2px 10px 0px #00000026;
    flex-flow: column;
  }
  #slider .center-image::before,#slider .center-image::after {
      content: '';
      position: absolute;
      width: 40px;
      height: 40px;
      transition: 1s ease;
      z-index: -1;
  }
  #slider .center-image::before {
      top: -40px;
      border-bottom-left-radius: 40px;
      box-shadow: -13px 14px 0 10px #FFFFFF;
      left: 0;
  }
  
  #slider .center-image::after {
      right: -40px;
      bottom: 0px;
      border-bottom-left-radius: 40px;
      box-shadow: -8px 7px 0 6px #FFFFFF;
  }
  #slider .center-image .customer h3{
    font-size: 24px;
    color: #000000;
    font-weight: 600;
    font-family: var(--font-Outfit);
    margin: 0px;
  }
  #slider .center-image .customer p{
    font-size: 18px;
    color: var(--color-black);
    font-weight: 400;
    margin-bottom: 0px;
    font-family: var(--font-Outfit);
    line-height: 20px;
    margin-bottom: 7px;
  }
  #slider .center-image .customer .cust_img .image{
    float:left;
    margin-left: -15px;
  }
  #slider .center-image .customer .cust_img .image:first-child{
    margin-left: 0px;
  }
  #slider .center-image .customer .cust_img .image {
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 100%;
    background: #fff;
    border-left: 5px solid #fff;
  }
#slider .center-image .customer .cust_img .image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
  #slider .award .award_box{
    margin-bottom: 20px;
  }
  #slider .award .award_box h5{
    font-size: 20px;
    color:#fff;
    font-weight: 500;
    font-family: var(--font-Outfit);
    margin: 0px;
  }
  #slider .award .award_box p{
    font-size: 14px;
    color:#fff;
    font-weight: 300;
    margin-bottom: 0px;
    font-family: var(--font-Outfit);
    line-height: 20px;
  }
  #slider .award .award_box .image {
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 50%;
    padding: 8px;
    animation: pulse 1s infinite ease-in-out alternate;
  }
  #slider .award .award_box .image img{
    width: 100%;
    height:100%;
  }
  .main-slider {
    position: relative;
}
.main-slider::before {
    content: '';
    background: linear-gradient(269.96deg, rgba(0, 0, 0, 0) 30%, #3368C6 106.12%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    border-radius: 40px;
}
.slider-image {
    border-radius: 40px;
    overflow: hidden;
}
#slider .owl-nav {
    display: block;
    position: absolute;
    width: 90px;
    right: 0;
    display: flex;
    flex-flow: column;
    align-items: end;
    bottom: 0;
    background: var(--color-white);
    padding-top: 27px;
    padding-left: 27px;
    gap: 20px;
    border-top-left-radius: 25px;
    z-index: 1;
    padding-right: 10px;
}
#slider .owl-nav::before,#slider .owl-nav::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    /* background: transparent; */
    transition: 1s ease;
    right: 0;
    /* transform: rotate(-90deg); */
}
#slider .owl-nav::after {
    left: -40px;
    bottom: 0px;
    border-bottom-right-radius: 25px;
    box-shadow: 19px 0px 0 0px #FFFFFF;
}
#slider .owl-nav::before {
    top: -40px;
    border-bottom-right-radius: 25px;
    box-shadow: 10px 10px 0 10px #FFFFFF;
}
#slider  .owl-carousel .owl-nav button.owl-prev,
#slider  .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    height: 60px !important;
    width: 60px !important;
    margin: 0 !important;
}
#slider .owl-nav button.owl-prev {
    background: #031B4E;
}
#slider .owl-nav button.owl-next {
    background: var(--color-primary) !important;
}
/*brand*/
#brand .patner{
  padding-bottom: 70px;
  border-bottom: 1px solid var(--color-secondary);
}
#brand .patner .owl-item{
}
#brand .patner .owl-item:last-child{
  border-right: none;
}
#brand .patner .owl-item .image {
  height: 110px;
  padding: 30px 20px;
}
#brand .patner .owl-item .image:hover img{
}
#brand .patner .owl-item .image img{height: auto;width: auto;}
#brand .owl-carousel .owl-nav {
  display: none;
  margin-top: -7%;
  margin-bottom: 7%;
  position: relative;
}
#brand .owl-carousel .owl-nav button.owl-prev {
  float:left;
  margin-left: -30px;
}
#brand .owl-carousel .owl-nav button.owl-next{
  float:right;
  margin-right: -30px;
}
#brand .owl-carousel .owl-nav button.owl-prev, #brand .owl-carousel .owl-nav button.owl-next{
  background-color: var(--color-primary);
  color: var(--color-black);
}
#brand .owl-carousel .owl-nav button.owl-prev.disabled,#brand .owl-carousel .owl-nav button.owl-next.disabled{
  background-color: var(--color-white);
  color: var(--color-black);
}

  /* Gallery */
#gallery .row {
    row-gap: 10px;
}
#gallery .row>* {
    padding: 0 10px;
}
#gallery .col2 {
  margin-top: 50px;
}
.gallery-image {
  border-radius: 15px;
  overflow: hidden;
}
.gallery-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.image-0 {
  width: 224px;
  height: 185px;
  margin-left: auto;
}
.image-1 {
  width: 298px;
  height: 308px;
  margin-left: auto;
}
.image-2 {
  width: 100%;
  height: 292px;
}
.image-3 {
  width: 100%;
  height: 135px;
}
.image-4 {
  width: 100%;
  height: 135px;
}
.image-5 {
  width: 100%;
  height: 178px;
  margin-left: auto;
}
.image-6 {
  width: 100%;
  height: 139px;
  margin-left: auto;
}
.image-7 {
  width: 100%;
  height: 139px;
  margin-left: auto;
}
.image-8 {
  width: 100%;
  height: 354px;
  margin-left: auto;
}
.image-9 {
  width: 100%;
  height: 282px;
  margin-left: auto;
}
.image-10 {
  width: 100%;
  height: 156px;
  margin-left: auto;
}
/* Pricing Plan */
.pricingplan-price-wrap {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 15px;
    padding-bottom: 15px;
    background: #F4F8FF;
    border-bottom-left-radius: 25px;
}
#pricingplan .cart-box:hover .pricingplan-price-wrap h2.price {
    background: var(--color-secondary);
}

.pricingplan-price-wrap h2.price {
    height: 98px;
    width: 87px;
    background: var(--color-primary);
    border-radius: 15px;
    padding: 10px 5px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: var(--color-white);
    animation: bgColorChange 1s infinite alternate;
}
.pricingplan-price-wrap::after,.pricingplan-price-wrap::before {
    content: '';
    position: absolute;
    background: transparent;
    height: 40px;
    width: 40px;
}
.pricingplan-price-wrap::before {
    box-shadow: 15px -1px 0 0px #F4F8FF;
    bottom: -20px;
    right: 0px;
    border-top-right-radius: 25px;
    height: 20px;
    width: 40px;
}

.pricingplan-price-wrap::after {
    box-shadow: 2px -17px 0 0px #F4F8FF;
    top: 0;
    left: -20px;
    height: 40px;
    width: 20px;
    border-top-right-radius: 25px;
}

.cart-box .card-list .list_text img {
    height: 12px;
    width: 12px;
}

.price-card-btn {
    position: absolute;
    left: 36px;
    bottom: 0;
    background: #F4F8FF;
    margin: 0 !important;
    padding: 10px 10px 0 10px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}
.price-card-btn::before,.price-card-btn::after {
    content: '';
    position: absolute;
    background: transparent;
}
.price-card-btn::before {
    box-shadow: 20px 0px 0 0px #F4F8FF;
    border-bottom-right-radius: 18px;
    bottom: 0;
    height: 20px;
    width: 40px;
    left: -40px;
}
.price-card-btn::after {
    box-shadow: 0px 20px 0 0px #F4F8FF;
    bottom: 0;
    right: -20px;
    height: 40px;
    width: 20px;
    border-bottom-left-radius: 25px;
}
/*myexperience*/
#myexperience .mytabs .nav-tabs{
  border-bottom:0px;
  margin-bottom: 30px;
}

#myexperience .mytabs .nav-tabs .nav-link {
  background-color: #EAEDEE;
  padding: 6px 20px 6px 6px;
  border-radius: 30px;
  color: var(--color-black);
  margin: 10px;
  font-family: var(--font-Outfit);
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  display: inline-flex;
}
#myexperience .mytabs .nav-tabs .nav-link i{
  font-size: 26px;
    margin-right: 10px;
}
#myexperience .mytabs .nav-tabs .nav-link img {
  width: 30px;
  margin-right: 5px;
  float: left;
}
#myexperience .mytabs .nav-tabs .nav-link.active, #myexperience .mytabs .nav-tabs .show>.nav-link {
  background-color: var(--color-primary);
  border-color:var(--color-primary);
}
.experience_box{
  padding: 40px 20px 40px 40px !important;
  position: relative;
}
.experience_box:hover::before{
  filter: invert(4%) sepia(8%) saturate(2938%) hue-rotate(13deg) brightness(103%) contrast(95%)
}
.experience_box:nth-child(1){
  border-top: 1px dotted #fff;
  padding-left: 15px !important;
}
.experience_box:nth-child(1)::before{
 content: url('../images/experience/circle.png');
 position: absolute;
 top:0;
 left: 0;
 margin: -12px 0px 0px 20px;
 animation: spin 10s linear infinite;
}
.experience_box:nth-child(2){
  border-left: 1px dotted #fff;
  border-bottom: 1px dotted #fff;
}
.experience_box:nth-child(2)::before{
  content: url('../images/experience/circle.png');
  position: absolute;
  top:0;
  left: 0;
  margin: 20% 0px 0px -13px;
  animation: spin 10s linear infinite;
 }
.experience_box:nth-child(3){
  border-bottom: 1px dotted #fff;
}
.experience_box:nth-child(3)::before{
  content: url('../images/experience/circle.png');
  position: absolute;
  bottom:0;
  left: 0;
  margin: 0px 0px -19px 20px;
  animation: spin 10s linear infinite;
 }
.experience_box:nth-child(4){
  border-left: 1px dotted #fff;
}
.experience_box:nth-child(4)::before{
  content: url('../images/experience/circle.png');
  position: absolute;
  top:0;
  left: 0;
  margin: 20% 0px 0px -13px;
  animation: spin 10s linear infinite;
 }
.experience_box:nth-child(5){
  border-bottom: 1px dotted #fff;
  padding-left: 15px !important;
}
.experience_box:nth-child(5)::before{
  content: url('../images/experience/circle.png');
  position: absolute;
  bottom:0;
  left: 0;
  margin: 0px 0px -19px 20px;
  animation: spin 10s linear infinite;
 }
.experience_box:nth-child(6){
  border-bottom: 1px dotted #fff;
}
.experience_box:nth-child(6)::before{
  content: url('../images/experience/circle.png');
  position: absolute;
  bottom:0;
  left: 0;
  margin: 0px 0px -19px 20px;
  animation: spin 10s linear infinite;
 }
.experience_box:nth-child(7){
  border-bottom: 1px dotted #fff;
}
.experience_box:nth-child(7)::before{
  content: url('../images/experience/circle.png');
  position: absolute;
  bottom:0;
  left: 0;
  margin: 0px 0px -19px 20px;
  animation: spin 10s linear infinite;
 }
.experience_box:nth-child(8){
  border-left: 1px dotted #fff;
}
.experience_box:nth-child(8)::before{
  content: url('../images/experience/circle.png');
  position: absolute;
  top:0;
  left: 0;
  margin: 20% 0px 0px -13px;
  animation: spin 10s linear infinite;
 }
.experience_box h6{
  color:#fff;
  font-family: var(--font-Outfit);
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 20px;
  font-family: italic;
}
.experience_box h5{
  color:#fff;
  font-family: var(--font-Outfit);
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 600;
  line-height: 20px;
}
.experience_box p{
  color:#fff;
  font-family: var(--font-Outfit);
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 300;
  line-height: 20px;
}
/*work process*/
.workprocess_box {
  position: relative;
}
.process-step {
    margin-top: 70px;
}
#workprocess .row .col-md-3:hover .workprocess_box{
}

#workprocess .number{
  background-color: var(--color-primary);
  color:#fff;
  border-radius: 100%;
  position: absolute;
  z-index: 5;
  border: 3px solid var(  --color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  left: 24%;
  animation: bgColorChange 1s infinite alternate;
}
#workprocess .number span {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
}
#workprocess .row .col-md-3:hover .number span{
  background-color: var(--color-primary);
  color:var(--color-secondary);
  border-color:var(--color-primary);
}
#workprocess .row .col-md-3:hover .number span::after{
  filter: brightness(0) saturate(100%) invert(91%) sepia(62%) saturate(4829%) hue-rotate(14deg) brightness(104%) contrast(100%);
}
#workprocess .row .col-md-3:last-child .number span::before{
  display: none;
}
.workprocess_box .image {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 100%;
  overflow: hidden;
}
.workprocess_box .image img{
  width: 100%;
  height: 100%;
  transition: all 1s ease;
}
.process-step-box:hover .image img {
    transform: rotateY(180deg);
}
.workprocess_box h3{
    font-size: 18px;
    color: var(--color-dark);
    font-weight: 500;
    font-family: var(--font-Outfit);
    margin-bottom: 2px;
    text-align: center;
    line-height: 1.5;
}
.workprocess_box p{
  font-size: 14px;
  color: var(--color-black);
  font-weight: 300;
  font-family: var(--font-Outfit);
  margin-bottom: 0px;
  text-align: center;
  line-height: 1.5;
}
.arrow-img {
    .arrow-img: nth-child(1);
    position: absolute;
    left: 0;
}
.arrow-img2,.arrow-img4 {
    top: -65px;
    left: -14%;
}
.process-step-box {
    position: relative;
}
.arrow-img3,.arrow-img1 {
    left: -14%;
    bottom: 70px;
    transform: rotateX(180deg);
}
.arrow-img1 {
    display: none;
}

/*************Testimonial***************/
#testimonial{
  position: relative;
  padding: 0 12px;
}
#testimonial .testibox .hover_img{
  display: none;
  margin-top:20px;
}
#testimonial .testibox .hover_img .quote{
  position: absolute;
  top:0;
  left:0;
  justify-content: center;
  display: flex;
  align-items:center;
  width:100%;height: 100%;
  padding: 50px;
}
#testimonial .testibox:hover .hover_img{
  display: block;
  background-color: #111;
  transition: 0.3s;
  height: 360px;
}
#testimonial .testibox:hover .hover_img img{
  margin-bottom: 20px;
}
#testimonial .testibox{
  text-align: center;
  background: var(--color-white);
  border-radius: 32px;
  border-top-left-radius: 18px;
  border-bottom-right-radius: 13px;
  padding: 18px 27px 25px 31px;
}
#testimonial .testibox:hover {
    background: var(--color-primary);
}

#testimonial .testibox:hover * {
    color: var(--color-white);
}
.testi-image-inner {
    height: 70px;
    width: 70px;
    border-radius: 100%;
    overflow: hidden;
}

.testi-image-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#testimonial .testibox .content {
    margin-left: 23px;
    padding-left: 91px;
}
#testimonial .testibox .testi-image{position: absolute;top: 0;left: 32px;padding: 10px;padding-top: 0;border-bottom-right-radius: 32px;border-bottom-left-radius: 32px;background: var(--color-secondary);z-index: 1;}
#testimonial h5.post-title {
  font-size: 20px;
  line-height: 100%;
  color: var(--color-dark);
  font-weight: 500;
  margin-bottom: 0px;
  font-family: var(--font-Outfit);
  text-transform: capitalize;
  text-align: left;
}
#testimonial .testibox .testi-image::after,#testimonial .testibox .testi-image::before {
    content: '';
    position: absolute;
    background: transparent;
    z-index: -1;
}

#testimonial .testibox .testi-image::before {
    width: 32px;
    left: -32px;
    height: 15px;
    border-top-right-radius: 27px;
    box-shadow: 20px 0 0 var(--color-secondary);
}

#testimonial .testibox .testi-image::after {
    height: 15px;
    width: 40px;
    border-top-left-radius: 32px;
    top: 0;
    right: -40px;
    box-shadow: -20px 0 0 var(--color-secondary);
}
#testimonial .testibox h6{
  font-size: 14px;
  line-height: 25px;
  font-weight: 400;
  color: var(--color-black);
  text-transform: capitalize;
  text-align: left;
}
.quote-img {
    position: absolute;
    padding: 5px;
    padding-bottom: 0;
    right: 27px;
    bottom: 0;
    background: var(--color-secondary);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 1;
}

.quote-img span {
    height: 30px;
    width: 30px;
    display: inline-flex;
    background: var(--color-primary);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    padding: 5px;
    animation: bgColorChange 1s infinite alternate;
}

.quote-img::after,.quote-img::before {
    content: '';
    background: transparent;
    position: absolute;
    z-index: -1;
    width: 27px;
    height: 15px;
    bottom: -1px;
}

.quote-img::after {
    right: -27px;
    border-bottom-left-radius: 18px;
    box-shadow: -18px 0 0 var(--color-secondary);
}

.quote-img::before {
    left: -26px;
    border-bottom-right-radius: 18px;
    box-shadow: 18px 0 0 var(--color-secondary);
}

#testimonial .owl-carousel .owl-nav {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
#testimonial .owl-carousel .owl-nav button.owl-prev{
   background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
  border:0
}
 #testimonial .owl-carousel .owl-nav button.owl-next{
  /* margin: 5px; */
  background-color: var(--color-white) !important;
  color: var(--color-dark) !important;
    border:0
}
#testimonial .owl-carousel .owl-nav button.owl-prev.disabled,#testimonial .owl-carousel .owl-nav button.owl-next.disabled{
  background-color: var(--color-white) !important;
  color: var(--color-black) !important;
}
#testimonial .discription {
    margin-top: 34px;
}

#testimonial .discription p {
    font-family: Outfit;
    font-weight: 300;
    font-size: 15px;
    line-height: 25px;
    text-transform: capitalize;
    text-align: left;
    color: var(--color-black);
}

#testimonial .testimonial-inner {
    background: var(--color-secondary);
    border-radius: 40px;
    padding: 110px 0;
}

#testimonial h2.sec_main_heading {
    color: var(--color-white);
}

#testimonial  h6.sec_small_heading {
    color: var(--color-white);
}

#testimonial .testi_sec {
    padding-top: 41px;
}
/* *************Counter************** */
.counters-item {
  background: #F4F8FF;
  border-radius: 20px;
  padding: 20px 27px;
  padding-top: 0;
  padding-bottom: 27px;
  position: relative;
}

.counters-item:hover {
    background: var(--color-secondary);
}

.counters-item:hover * {
    color: var(--color-white);
}

.counters-item:hover .counters-img {
    background: var(--color-black);
}
div#heading1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
.counters-image {
  width: max-content;
  margin: 0 auto;
  margin-bottom: 41px;
  background: var(--color-white);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 15px;
  padding-top: 0;
  position: relative;
  z-index: 1;
}
.counters-image::after,.counters-image::before {
    content: '';
    position: absolute;
    background: transparent;
    width: 63px;
    height: 30px;
    top: 0;
    z-index: -1;
}

.counters-image::before {
    left: -63px;
    border-top-right-radius: 20px;
    box-shadow: 20px 0 0 var(--color-white);
}

.counters-image::after {
    right: -63px;
    border-top-left-radius: 20px;
    box-shadow: -20px 0 0 var(--color-white);
}
.projects-btn a.project-btn i {
    font-size: 32px;
}
.counters-img {
    height: 70px;
    width: 70px;
    border-radius: 15px;
    background: var(--color-primary);
    padding: 15px;
}
.counters-header h6 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
    color: var(--color-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.counters-header h6 i {
    font-size: 16px;
}
.counters-header p {
    font-family: Outfit;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
    color: var(--color-black);
    margin: 0;
}
  
.seller-star i{
  color:#FFCB00;
}

/*newsletter*/
#newsletter .sec_small_heading {
  color:var(--color-black);
  font-weight: 300;
}
#newsletter .sec_main_heading {
  text-transform: uppercase;
  font-size: 33px;
  padding-right: 10%;
}
#newsletter form{
  position: relative;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
  position: absolute;
  padding: 1px 1px;
  background: var(--color-primary);
  border-radius: 10px;
  margin-top: 7px;
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  font-weight: 400;
  margin-right: 10px;
  z-index: 2;
  right:0;
  padding: 6px 20px;
  text-transform: uppercase;
}
#newsletter input[type="email"]::placeholder{
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-weight: 400;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
  padding: 12px 30px;
  width: 100%;
  position: relative;
  border-radius: 10px;
  background: #000;
  border: 1px solid #000;
  color:#fff;
}
/*enquiry section*/
#enquiry {
  z-index: 2;
  position: relative;
}
#enquiry .gradian-bg{
  border-radius: 20px;
  position: relative;
  background-color: var(--color-secondary);
  box-shadow: 0px 0px 32px 0px #00000026;
  padding: 0 10px;
  position: relative;
  padding-top: 110px;
  overflow: hidden;
}
#enquiry .circle{
  position: absolute;
  top:0;right: 0;
  margin-right: -35px;
  margin-top:6%;
}
#enquiry  .contact-info-box {
  background: var(--color-black);
  border-radius: 10px;
  position: relative;
  color:var(--color-black);
  box-shadow: 0px 3px 6px #00000029;
}
#enquiry .contact-info-box h3{
  color:var(--color-white);
  font-family: var(--font-Outfit);
  font-size: 20px;
  font-weight: 400;
}
#enquiry .contact-info-box p{
  color:var(--color-white);
  font-family: var(--font-Outfit);
  font-size: 14px;
}
#enquiry .contact-info-box i{
  color:var(--color-primary);
}

#enquiry .contact-form-right-img {
  position: absolute;
  right: 0;
  bottom: 0;
}
#enquiry .maps {
  position: relative;
  z-index: 8;
}
#enquiry .contact-info-box .maps embed{
border-radius: 8px;
}
#enquiry input.wpcf7-number,#enquiry input.wpcf7-email,#enquiry input.wpcf7-text{
  border:none;
  border-bottom: 1px solid #cfcfcf;
  font-size: 16px;
  padding: 10px 10px 10px 0px;
  border-radius: 0px;
  width: 100%;
  background: transparent;
  color:white
}
#enquiry input::placeholder, #enquiry .wpcf7-textarea::placeholder{
  color:#fff;
  font-size: 16px;
  font-weight: 600;
}
#enquiry .wpcf7-textarea{
  border:none;
  border-bottom: 1px solid #cfcfcf;
  font-size: 16px;
  padding: 10px 10px 10px 0px;
  color:#fff;
  border-radius: 0;
}
#enquiry textarea {
  height: 45px;

}
#enquiry h5{
  color:#fff;
}
#enquiry .form-check p{
  margin-bottom: 0px;
  color:#fff;
  display: flex;
}
#enquiry .form-check p label{
  color:#fff;
  font-size: 14px;
  line-height: 20px;
  width:auto;
  margin-left: 3px;
}
#enquiry .form-check-inline {
  margin-right: 5px;
}
#enquiry .wpcf7-submit {
  background-color: var(--color-white) !important;
  border: 1px solid var(--color-white) !important;
  color: #111 !important;
  padding: 10px 20px 10px 20px; /* Adjusted padding to accommodate icon */
  border-radius: 30px;
  text-transform: capitalize !important;
  font-family: var(--font-Outfit);
  font-size: 15px;
  font-weight: 600;
  position: relative;
}
#enquiry .wpcf7-submit:hover{
  background-color: var(--color-primary) !important;
  border: 1px solid var(--color-primary) !important;
}
#enquiry .gradian-bg .sec_main_heading, #enquiry .gradian-bg .sec_small_heading {
    color: var(--color-white);
}
#enquiry .gradian-bg .sec_small_heading{
    margin-bottom: 40px;
}
#enquiry .form-appointment select, #enquiry .form-appointment input, #enquiry .form-appointment textarea {
    height: 90px;
    background: var(--color-white) !important;
    border-radius: 20px !important;
    position: relative;
    border-top-left-radius: 15px !important;
    padding-top: 30px;
    padding-left: 28px;
    font-family: var(--font-Outfit);
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-transform: capitalize;
    color: #242424 !important;
}
#enquiry .form-appointment select, #enquiry .form-appointment input::placeholder, #enquiry .form-appointment textarea::placeholder{
    font-family: var(--font-Outfit);
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-transform: capitalize;
    color: #242424 !important;
}
#enquiry .form-appointment textarea {
    height: 193px !important;
    padding-left: 20px !important;
    padding-top: 40px !important;
}

.form-appointment label {
    position: absolute;
    width: max-content;
    background: var(--color-secondary);
    display: block;
    z-index: 1;
    top: 0;
    left: 30px;
    font-family: var(--font-Outfit);
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    text-transform: capitalize;
    color: var(--color-white);
    padding: 0 40px 10px 30px;
    padding-top: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 1 !important;
}

#enquiry  .form-appointment p {
    position: relative;
}

.form-appointment label::after,.form-appointment label::before {
    content: '';
    position: absolute;
    background: #ffffff00;
    z-index: -1;
}

.form-appointment p br {
    display: none;
}

.form-appointment label::after {
    box-shadow: -15px 0px 0 0px var(--color-secondary);
    top: -1px;
    right: -30px;
    height: 15px;
    width: 30px;
    border-top-left-radius: 15px;
    z-index: -1;
}

.form-appointment label::before {
    box-shadow: 15px 0px 0 0px var(--color-secondary);
    border-top-right-radius: 15px;
    top: 0px;
    height: 15px;
    width: 30px;
    left: -30px;
}

#enquiry .form-appointment input[type="submit"] {
    width: 154px;
    height: 48px;
    border-radius: 40px !important;
    font-family: var(--font-Outfit) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.5;
    color: var(--color-primary) !important;
    padding: 0px !important;
}
#enquiry .form-appointment input[type="submit"]:hover{
  color: var(--color-white) !important;
}
.form-appointment {
    padding: 0;
    padding-right: 40px;
    padding-left: 64px;
    padding-bottom: 110px;
}
.gradian-bg .image-box {padding-left: 38px;}
.gradian-bg .image-box img {
    height: 100%;
    width: 100%;
}

.image-box {
    position: relative;
    height: 100%;
}
/* Icon styling */
#enquiry .wpcf7-submit:before {
    content: "\f1d8"; /* Unicode for the paper plane icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0px;
    top: 125%;
    /* transform: translateY(-50%); */
    color: #000;
}
  .form-check-input:checked {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}
.form-check-input:checked[type=radio]{
  background-image: none !important;
}