* {
  margin: 0;
  padding: 0;
  outline: none;
}

html {
  overflow-x: hidden;
}

body {
  background: #FFFFFF !important;
  padding: 0 !important;
  overflow: hidden;

}

img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 10px 0;

}

p {
  margin: 0 0 15px;
  padding: 0;
  font-size: 15px;
  font-weight: 300;
}

.header-contact-content a:hover {
  color: #000000;
  transition: 0.3s ease-in;
}

a {
  text-decoration: none !important;
}



/* Banner IMage */
.banner-image {
  padding: 200px 0 100px;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}

.banner-image::after {
  content: "";
  background: #101113;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 75%;
  z-index: -1;
}


section#slider {
  position: relative;
  z-index: 1;
}

#slider .background-overlay-color {
  background: linear-gradient(104.55deg, #000000 12.7%, rgba(102, 102, 102, 0) 79.6%);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.services-inner-content-box:hover .services-images img {
  transform: scale(1.1);
  transition: 0.8s ease-in-out;
}

.team-inner-box:hover .team-member-images img{
  transform: scale(1.1);
  transition: 0.8s ease-in-out;
}
.slider-tag-box {
  position: relative;
  max-width: fit-content;
  margin-left: -10px;
}

.slider-bottom-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.slider-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: pulse 15s linear;
}

.slider-image {
  height: 963px;
}

.slider-content-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  padding-left: 12px;
}

.slider-left-text {
  position: absolute;
  top: 0;
  z-index: 1;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
  left: -100px;
}

.slider-overlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(81.44deg, rgba(0, 0, 0, 0.8) 1.57%, rgba(0, 0, 0, 0.5) 55.72%, rgba(102, 102, 102, 0.1) 99.76%);
  z-index: 1;
}

.carousel-caption {
  z-index: 9;
}

.carousel-caption {
  position: absolute !important;
  bottom: 0;
  top: 0;
  margin: auto;
  left: 0 !important;
  right: unset;

  color: #fff;
  text-align: center;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.carousel-caption h1 {
  color: #FFFFFF;
  text-align: left;
  font-family: Saira;
  font-weight: 900;
  font-size: 74px;
  line-height: 120%;
  letter-spacing: 0%;
}

.carousel-caption p {
  color: #FFFFFF;
  text-align: left;
  font-family: Saira;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  letter-spacing: 0%;
}




.carousel-caption h1 span {
  color: #2454F6;
  animation: fadeInLeft 4s infinite;
}

.carousel-caption h6 {
  padding: 10px;
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  top: 22px;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0;
}


.slider-button-box a {
  color: #FFFFFF;
  background: #315BE8;
  padding: 20px 40px;
  border-radius: 10px;
  position: relative;
  font-family: Saira;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
}



.slider-button-box a:hover {
  color: #315BE8;
  transition: 0.4s ease-in;
  border: unset;
  background: #fff;
}

.slider-button-box a span {
  position: relative;
  z-index: 1;
}




.slider-button-box a:hover {
  height: 100%;
  bottom: 0;
  transition: 0.3s ease-in;
}


.slider-button-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.slider-left-text h5 {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 97px;
  line-height: 100%;
  letter-spacing: 2%;
  -webkit-text-stroke: 1px #FFFFFF4D;
  color: transparent;
  margin: 0;
  padding: 0;
}

.carousel-indicators [data-bs-target] {
  width: 18px !important;
  height: 18px !important;
  border-radius: 50%;
  background: #FFFFFF;
  border-radius: 30px;
  padding: 0 !important;
  text-indent: unset;
  border: unset !important;
  opacity: 1 !important;
  margin-top: 10px;

}
.cart{
  position: relative;
}
.carousel-indicators .active {
  border: 3px solid #315BE8 !important;
  width: 14px !important;
  height: 14px !important;
  background: unset !important;
}
.cart-value {
  letter-spacing: 0%;
  color: 315BE8;
  font-family: Saira;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0%;
  vertical-align: middle;
  position: absolute;
  top: -8px;
  right: -7px;
  width: 22px;
  height: 22px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.cart i {
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  background: #315BE8;
  border-radius: 10px;
  padding: 20px 20px;
}
.wp-block-search__label {
  width: 100%;
  font-family: Saira;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 14px;
}
.carousel-indicators {
  position: absolute;
  right: 80px !important;
  top: 0;
  left: unset !important;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: unset !important;
  margin-bottom: unset !important; 
  margin-left: unset !important;
  list-style: none;
  flex-direction: column;
  align-items: center;
}
.items-products:hover .products-image img {
  transform: scale(1.1);
  transition: 0.5s ease-in-out;
}
.blog-detail:hover .blog-images img {
  transform: scale(1.1);
  transition: 0.4s ease-in-out;
}

.woocommerce-cart .outer_dpage {
  padding: 60px 0;
}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
  text-wrap: balance;
  text-wrap: pretty;
  display: block;
  font-family: Saira;
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  background: #315BE8;
  color: #FFFFFB;
  border-radius: 10px;
  padding: 24px 32px;
  width: 100%;
}

/* Close Button */
.popup-close {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: -25px;
  transition: ease 0.25s all;
  -webkit-transform: translate(-50%, -51%);
  border-radius: 1000px;
  background: #315BE8;
  font-size: 24px;
  text-align: center;
  line-height: 100%;
  color: #fff;
  font-weight: 700;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup {
  width: 100%;
  display: none;
  position: absolute;
  z-index: 1;

}

.popup-inner {
  width: 65%;
  justify-self: center;

}

.popup-inner embed {
  width: 100%;
  height: 100%;
}

.popup-inner .video {
  height: 500px;
  border: 3px solid #fff;
  position: relative;
}

.about-images-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-close:hover {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg);
  background: rgba(0, 0, 0, 1);
  text-decoration: none;
  background: #000000;
  color: #fff;

}

.outer_video {
  width: 150px;
  height: 150px;
  background: rgba(255, 255, 255, 0.21);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  animation-name: pulse;
}

.over_video {

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
}

.popular-travel-videos-image {
  position: relative;
}

.popular-videos-image {
  position: relative;
}

.ps_video {
  text-align: center;
}

.ps_video a i {
  color: #FF81B7;
  font-size: 24px;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 900;


}

/* Find Your Perfect Car */
#find-your-car {
  position: relative;
  margin-top: -100px;
  z-index: 1;
}

.find-your-perfect-car-box {
  background: #060B1A;
  padding: 60px 40px;
  border-radius: 15px;
}

.car-heading h3 {
  font-family: Saira;
  font-weight: 700;
  font-size: 44px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #FFFFFF;
}

.car-heading-box {
  position: relative;
  z-index: 1;
  max-width: fit-content;
}

.car-heading {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}

.car-heading-box h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

#pills-tab li button h4 {
  font-family: Saira;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  text-align: center;
  margin: 0;
  padding: 0;
  padding-left: 8px;
}



.find-car-form-box select {
  width: 100%;
  border-right: 12px solid #ffffff;
  background: #FFFFFF;
  height: 60px;
  border-radius: 10px;
  padding: 12px;
  font-family: Saira;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #3F3F3F;
}

.find-car-form-box .row {
  justify-content: center;
  align-items: flex-start;
}

.wpcf7-not-valid-tip {

  padding: 10px 0;
}

.find-car-form-box p {
  margin-bottom: 0;
  position: relative;
}

.find-car-form-box .wpcf7-spinner {
  position: absolute;
  right: -24px;
  bottom: 0;
  top: 0;
  margin: auto;
}
.experiences-button-box a span:hover {
  background: #000;
  transition: 0.4s ease-in-out;
  color: #fff;
}

.about-button-box a span:hover {
  background: #000;
  transition: 0.4s ease-in-out;
  color: #fff;
}

.products-button-box a span:hover {
  background: #000;
  transition: 0.4s ease-in-out;
  color: #fff;
}

.contact-form-box [type=submit]:hover {
  background: #000;
  transition: 0.4s ease-in-out;
  color: #fff;

}

.outer_video:hover svg path {
  fill: #315BE8;
  transition: 0.4s ease-in-out;
}

.deal-button-box a span:hover {
  background: #fff;
  color: #315BE8;
  transition: 0.4s ease-in-out;
}

.workshop-button-box a span:hover {
  background: #000;
  transition: 0.4s ease-in-out;
  color: #fff;
}

.find-car-form-box [type=submit] {
  -webkit-appearance: button;
  font-family: Saira;
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #315BE8;
  height: 60px;
  border: unset;
  padding: 18px 48px;
  border-radius: 10px;
}

.find-car-form-box [type=submit]:hover {
  color: #315BE8;
  transition: 0.4s ease-in;
  border: unset;
  background: #fff;
}

#pills-tab li button {
  border: 1px solid #FFFFFF66;
  border-radius: 5px;
  margin: 5px 10px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #0d6efd;
  border-color: #315BE8 !important;
}

.nav-pills .nav-link {
  display: flex;
  align-items: center;
}

.services-page {
  padding: 60px 0;
}

#pills-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 34px;
  margin-bottom: 30px !important;
}

#pills-tab li button img {
  width: 100%;
  height: 100%;
}

ol.flex-control-nav li {
  width: 100%;
  height: 150px;
  border: 1px solid #D9D9D9;
  margin: 3px !important;
  padding: 14px;
  border-radius: 5px;
}

.shop {
  padding: 60px 0;
}

.woocommerce-review-link {
  font-family: Saira;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin: 0;
}

.woocommerce-breadcrumb {
  font-family: Saira;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 100%;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin: 0;
}

.products-button-box a span {
  font-family: Saira;
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  background: #315BE8;
  color: #FFFFFB;
  border-radius: 10px;
  padding: 14px 32px;
}

.product-content-outer-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.experiences-button-box a span {
  font-family: Saira;
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  background: #315BE8;
  color: #FFFFFB;
  border-radius: 10px;
  padding: 14px 32px;
}

.experience-outer-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.woocommerce p.stars a::before {

  color: #FFD700;
}

.woocommerce-breadcrumb a {
  font-family: Saira;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 100%;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin: 0;
}

.woocommerce div.product form.cart .button {
  vertical-align: middle;
  float: left;
  background: #315BE8;
  font-family: Saira;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
  border-radius: 10px;
  padding: 20px 42px;
}

.woocommerce #review_form #respond .form-submit input {
  left: auto;
  font-family: Saira;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #FFFFFB;
  background: #315BE8;
  padding: 16px 28px;
  border-radius: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: 24% !important;
}

#header {
  position: relative;
  z-index: 999;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a {
  height: 500px;
}

.woocommerce div.product div.images img {
  height: 100%;
  object-fit: contain;
}


/* About Section */
#about {
  padding: 60px 0 120px;
  position: relative;
}

.about-content-box h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 44px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #000000;
}

.about-content-box h2 span {
  color: #315BE8;
}

.about-heading-box {
  position: relative;
  max-width: fit-content;
  margin-left: -10px;
}

.about-heading-box h3 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.counter_box_1 {
  position: absolute;
  top: 9%;
  left: 25%;
  background: #F0F4FF;
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
}

.counter_box_2 {
  position: absolute;
  top: 21%;
  right: 18%;
  background: #315BE8;
  width: 204px;
  height: 204px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #000 !important;
  color: #fff !important;
}
input.search-submit {
  margin-left: 10px;
  word-break: normal;
  -webkit-appearance: button;
  font-family: Saira;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  background: #315BE8;
  BORDER: UNSET;
  color: #fff;
  padding: 18px 27px;
  border-radius: 10px;
}
.search .middle-align {
  padding: 60px 0;
}
.middle-align .post-date {
  font-family: Saira;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 170%;
  letter-spacing: 0%;
  color: #3F3F3F !important;
  opacity: 1;
}
.post-date{
  font-family: Saira;
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0%;
  color: #FFFFFF !important;
  opacity: 1;
}
.search .middle-align .entry-title {
  color: #000;
}
.counter_box_3 {
  position: absolute;
  bottom: 108px;
  right: 108px;
  background: #060B1A;
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
}

.counter_box_1 h4 {
  color: #000 !important;
}

.counter_box_1 span {
  color: #000 !important;
}

.counter_box_1 h6 {
  color: #000 !important;
}

.counter-content-box h6 {
  font-family: Saira;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #FFFFFF;
  margin: 0;
}

.counter-content-box span {
  font-family: Saira;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
}

.counter-content-box h4 {
  font-family: Saira;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 0;
}

.about-content-box p {
  font-family: Saira;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  letter-spacing: 0%;
  color: #3F3F3F;
}

.about-points-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 18px;
}

.about-points-text i {
  width: 30px;
  height: 30px;
  background: #315BE8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
}

.about-points-text h6 {
  font-family: Saira;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin: 0;
  padding: 0 14px;
}

.about-button-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 48px;
}

.about-left-images {
  position: absolute;
  left: -12px;
  top: 0;
  width: 50%;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.about-button-box a span {
  background: #315BE8;
  font-family: Saira;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
  border-radius: 10px;
  padding: 16px 42px;
}



/* Product Plans Section */
#product-plans {
  padding: 60px 0;
  position: relative;
  z-index: 1;
}

.product-head-box h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
}

.product-head-box {
  position: relative;
  z-index: 1;
  width: fit-content;
  margin-left: -10px;
}

.items-products {
  background: #F0F4FF;
  border-radius: 10px;
  margin: 24px 4px !important;
  align-items: center;
  position: relative;
  z-index: 1;
}
.items-products:hover::after{
  height: 100%;
  width: 100%;
  right: 0;
  transition: 0.4s ease-in-out;
  top: 0;
  left: 0;
  margin: auto;

}

.items-products:hover .products-title a{
  color: #fff;
}
.items-products:hover .products-price h5{
  color: #fff;
}
.items-products::after {
  content: "";
  width: 0%;
  background: #315BE8;
  position: absolute;
  height: 0%;
  z-index: -1;
  border-radius: 10px;
  bottom: 0;

}

.product-plans-box {
  margin-top: 38px;
}

.product-heading-box h4 {
  font-family: Saira;
  font-weight: 700;
  font-size: 44px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
}

.products-image {
  background: #FFFFFF;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 100%;
  height: 172px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.products-title a {
  font-family: Saira;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #3F3F3F;
}


.page-numbers {
  margin: 0 5px !important;
}

.woocommerce nav.woocommerce-pagination ul li {
  border-right: unset;
}



.deal-background-image img {
  filter: grayscale(1);
  width: 100%;
  height: 100%;
  animation: fadeInDown 2s infinite;
}

.deal-background-image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
}




.testimonial-background-image img {
  filter: grayscale(1);
  width: 100%;
  height: 100%;
  animation: fadeInDown 2s infinite;
}

.testimonial-background-image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
}

.about-left-images img {
  animation: shake 15s infinite;
}

.services-background-image img {
  filter: grayscale(1);
  width: 100%;
  height: 100%;
  animation: fadeInDown 2s infinite;
}

.services-background-image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
}

.experience-contentouter-box:hover {
  animation: fadeInDown 1s infinite;
}

/* TEam SEction */

#team {
  padding: 60px 0;
  position: relative;
  margin-bottom: 60px;
}

.video-bg-image img {
  width: 100%;
  height: 100%;
}
.brands-logos:hover img {
  transform: scale(1.1);
  transition: 0.5s ease-in-out;
}
.team-heading p {
  font-family: Saira;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin: 0;
}
.instagram-button-box a span:hover {
  background: #315BE8;
  color: #fff;
  transition: 0.4s ease-in-out;
}
.team-heading h3 {
  font-family: Saira;
  font-weight: 700;
  font-size: 37px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #000000;
  margin: 0;
}

.team-member-images {
  border-radius: 10px;
  height: 412px;
  overflow: hidden;
}

.team-member-images img {
  border-radius: 10px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.team-title a {
  font-family: Saira;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #000000;
  margin: 0;
  padding: 0;
}

.team-designation h6 {
  font-family: Saira;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: #3F3F3F;
  margin: 0;
  padding: 5px 0;
}

.team-inner-content-box {
  position: absolute;
  bottom: 12px;
  left: 20px;
}

.team-social-profiles {
  background: #000000;
  max-width: fit-content;
  padding: 3px 15px;
  clip-path: polygon(0% 0.968%, 88.289% 0.968%, 99.957% 99.577%, 4.132% 99.577%, 4.132% 99.577%, 3.462% 99.433%, 2.826% 99.017%, 2.233% 98.351%, 1.692% 97.457%, 1.21% 96.359%, 0.797% 95.078%, 0.461% 93.638%, 0.211% 92.062%, 0.054% 90.371%, 0% 88.588%, 0% 0.968%);
}

.team-social-icons-box a i {
  color: #fff;
  padding: 6px 8px;
}

.team-details-box {
  clip-path: polygon(0% 0.968%, 88.289% 0.968%, 99.957% 99.577%, 4.132% 99.577%, 4.132% 99.577%, 3.462% 99.433%, 2.826% 99.017%, 2.233% 98.351%, 1.692% 97.457%, 1.21% 96.359%, 0.797% 95.078%, 0.461% 93.638%, 0.211% 92.062%, 0.054% 90.371%, 0% 88.588%, 0% 0.968%);
  background: #fff;
  padding: 12px 56px 14px 18px;
}

#team .owl-dot span {
  width: 18px;
  height: 18px;
  background: #DFE6FF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

#team .owl-dots {
  position: absolute;
  left: 0;
  bottom: 0;
}

#team .owl-dot.active span {
  border: 4px solid #315BE8;
  display: flex;
  align-items: center;
  justify-content: center;
  background: unset !important;
}

#team .owl-dot {
  width: 18px;
  height: 18px;
  border: unset;
  margin: 3px;
  border-radius: 50%;
}


/* TEStimonial section */
#testimonial {
  background: #060B1A;
  padding: 60px 0;
  position: relative;
  z-index: 1;
}

.testimonial-heading {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-heading h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  text-align: center;
  POSITION: ABSOLUTE;
  TOP: 0;
  BOTTOM: 0;
  MARGIN: AUTO;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
}

.testimonial-image {
  width: 75px;
  height: 75px;
  border-radius: 50%;
}

.testimonial-heading-box {
  max-width: fit-content;
  position: relative;
  z-index: 1;
}

.testimonial-image img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
}

.testimonial-heading h3 {
  font-family: Saira;
  font-weight: 700;
  font-size: 44px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  text-align: center;
}

.testimonial-content p {
  font-family: Saira;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin: 0;
}

.testi-title a {
  font-family: Saira;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
}

.testimonial-designation h6 {
  font-family: Saira;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: #FFFFFF;
  margin: 8px 0 0;
  padding: 0;
}

.testimonial-content {
  clip-path: polygon(0% 3.891%, 0% 3.891%, 0.04% 3.26%, 0.154% 2.661%, 0.338% 2.103%, 0.585% 1.593%, 0.888% 1.14%, 1.241% 0.751%, 1.638% 0.434%, 2.072% 0.198%, 2.539% 0.051%, 3.03% 0%, 96.97% 0%, 96.97% 0%, 97.461% 0.051%, 97.928% 0.198%, 98.362% 0.434%, 98.759% 0.751%, 99.112% 1.14%, 99.415% 1.593%, 99.662% 2.103%, 99.846% 2.661%, 99.96% 3.26%, 100% 3.891%, 100% 83.268%, 100% 83.268%, 99.96% 83.9%, 99.846% 84.498%, 99.662% 85.057%, 99.415% 85.567%, 99.112% 86.02%, 98.759% 86.409%, 98.362% 86.725%, 97.928% 86.961%, 97.461% 87.109%, 96.97% 87.16%, 33.404% 87.16%, 33.404% 87.16%, 33.242% 87.165%, 33.08% 87.182%, 32.92% 87.209%, 32.762% 87.248%, 32.605% 87.297%, 32.451% 87.357%, 32.299% 87.428%, 32.15% 87.508%, 32.004% 87.599%, 31.862% 87.701%, 15.909% 99.805%, 15.909% 91.051%, 15.909% 91.051%, 15.869% 90.419%, 15.755% 89.821%, 15.571% 89.262%, 15.324% 88.753%, 15.022% 88.299%, 14.668% 87.91%, 14.271% 87.594%, 13.837% 87.358%, 13.37% 87.21%, 12.879% 87.16%, 3.03% 87.16%, 3.03% 87.16%, 2.539% 87.109%, 2.072% 86.961%, 1.638% 86.725%, 1.241% 86.409%, 0.888% 86.02%, 0.585% 85.567%, 0.338% 85.057%, 0.154% 84.498%, 0.04% 83.9%, 0% 83.268%, 0% 3.891%);
  background: #fff;
  padding: 38px 22px 70px;
}

.testimonial-box:hover {
  transition: 0.4s ease-in-out;
  margin-top: -20px;
}

.testimonial-box:hover .testimonial-double-quotes {
  top: 8px;
  transition: 0.4s ease-in-out;
}

.testimonial-box:hover .testimonial-content {
  background: #315BE8;
  transition: 0.4s ease-in-out;
}


.testimonial-box:hover .testimonial-content p {
  color: #FFFFFF;
  transition: 0.4s ease-in-out;
}

.testimonial-box:hover .testimonial-double-quotes svg path {
  fill: #FFFFFF;
  transition: 0.4s ease-in-out;
}

.testimonial-double-quotes {
  left: 14px;
  position: absolute;
  top: 27px;
  z-index: 1;
}

.testimonial-details {
  padding-left: 18px;
}

.testimonial-heading h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  text-align: center;
}

.testimonial-inner-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#testimonial .owl-dot {
  border: unset;
  background: unset;
  margin: 4px;
}

#testimonial .owl-dot span {
  background: #FFFFFF;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

#testimonial .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 53px;
}

#testimonial .owl-dot.active span {
  background: unset;
  width: 18px;
  height: 18px;
  border: 3px solid #315BE8
}

/* Blog sections */
#our-blogs {
  padding: 60px 0;
  position: relative;
}

.blog-title a {
  font-family: Saira;
  font-weight: 600;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #000000;

}

#our-blogs .owl-dot span {
  width: 18px;
  height: 18px;
  background: #DFE6FF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

#our-blogs .owl-dots {
  text-align: center;
  margin-top: 46px;
}

.wp-block-search__button {
  margin-left: 10px;
  word-break: normal;
  -webkit-appearance: button;
  font-family: Saira;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  background: #315BE8;
  BORDER: UNSET;
  color: #fff;
  padding: 18px 27px;
  border-radius: 10px;
}

#our-blogs .owl-dot.active span {
  border: 4px solid #315BE8;
  display: flex;
  align-items: center;
  justify-content: center;
  background: unset !important;
}

#our-blogs .owl-dot {
  width: 18px;
  height: 18px;
  border: unset;
  margin: 3px;
  border-radius: 50%;
}

.blog-heading h3 span {
  color: #315BE8;
}

.blogs-content p {
  font-family: Saira;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin: 0;
}

.blog-heading h3 {
  font-family: Saira;
  font-weight: 700;
  font-size: 44px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  text-align: center;
}

.blog-title h4 {
  margin: 0;
  padding: 18px 0 0;
}

.post-date h5 {
  font-family: Work Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}

.post-date h6 {
  font-family: Saira;
  font-weight: 700;
  font-size: 26px;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  color: #fff;
}

.post-month-outer {
  background: #315BE8;
  position: absolute;
  top: 0;
  padding: 16px 26px;
  border-top-left-radius: 10px;
}

.blog-images {
  height: 283px;
  border-radius: 10px;
  overflow: hidden;
}

.blog-images img {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}




/* EXperience SEction */
#experience {
  padding: 60px 0;
}

.experience-heading h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 44px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #000000;
}

.experience-heading h2 span {
  color: #315BE8;
}

.experience-heading-box {
  position: relative;
  width: fit-content;
  margin-left: -10px;


}

.experience-heading-box h6 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  position: absolute;
  padding: 0;
  bottom: 0;
  top: 20px;
  margin: auto;
  color: #FFFFFF;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9;
  width: fit-content;
}

.experience-contentinner-box h2 {
  font-family: Saira;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  margin: 0;
  padding: 20px 0;
}

.foot-flex i {
  color: #315BE8;
  font-size: 16px;
  padding-right: 13px;
}

.instagram-images-box {
  align-items: center;
  justify-content: center;
  background: #060B1A;
  padding: 60px 0;
  border-radius: 15px;
}

.experience-contentinner-box p {
  font-family: Saira;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #3F3F3F;
}

.experience-contentouter-box:hover {
  background: #315BE8;
  transition: 0.4s ease-in;
}

.experience-icon-box {
  width: 100px;
  height: 100px;
  background: #F0F4FF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.experience-contentouter-box {
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  padding: 40px 28px;
}



.custom-progress {
  height: 10px;
  background-color: #e8ecf4;
  border-radius: 50px;
  overflow: hidden;
}

.custom-progress-bar {
  background-color: #2f55d4;
  height: 100%;
  width: 80%;
  border-radius: 50px;
}

.progress-labels {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  margin-bottom: 5px;
  color: #4b4b4b;
}

.custom-progress {
  height: 10px;
  background-color: #F0F4FF;
  border-radius: 50px;
  overflow: hidden;
  height: 12px;
}

.animated-progress span {
  display: block;
  height: 100%;
  background-color: #315BE8;
  border-radius: 50px;
  width: 0;
  height: 12px;
}

.progress-bar-box {
  margin-top: 28px;
}

.progress-labels {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  margin-bottom: 5px;
  color: #4b4b4b;
}
#sidebar ul li {
  list-style: none;
}
#sidebar ul  {
  padding-left: 0;
}
.progress-labels span {
  font-family: Saira;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin-bottom: 8px;
}



.custom-progress {
  position: relative;
  height: 10px;
  background-color: #e8ecf4;
  border-radius: 50px;
  overflow: unset;
  margin-bottom: 30px;
}

.progress-fill {
  display: block;
  height: 100%;
  width: 0;
  background-color: #2f55d4;
  border-radius: 50px;
  transition: width 2s ease;
}

.progress-marker {
  position: absolute;
  top: -30px;
  color: #333;
  font-size: 0.75rem;
  white-space: nowrap;
  transform: translateX(-50%);
  left: 0%;
  font-family: Saira;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin-bottom: 8px;
}


.experience-contentouter-box:hover .animated-progress span {
  background: #000;
}

.experience-contentouter-box:hover .progress-marker {
  color: #fff;
}

.experience-contentouter-box:hover .progress-labels span {
  color: #fff;
}

.experience-contentouter-box:hover .experience-contentinner-box p {
  color: #fff;
}

.experience-contentouter-box:hover .experience-contentinner-box h2 {
  color: #fff;
}

/* Contact us SEction */
.contact-us-heading-box h4 {
  font-family: Saira;
  font-weight: 700;
  font-size: 44px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #000000;
}

.contact-head-box {
  max-width: fit-content;
  position: relative;
  z-index: 1;
}

.contact-head-box h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
}

.contact-us-heading-box {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-us-heading-box h4 span {
  color: #315BE8;
}

.contact-form-box h4 span {
  color: #315BE8;
}

#contact-us {
  padding: 60px 0;
  position: relative;
}

.contact-left-bottom-image {
  position: absolute;
  top: 0;
  right: -15px;
  animation: shake 9s infinite;
}
.deal-image {
  animation: shake 9s infinite;
}
.faq-right-image {
  animation: shake 9s infinite;
}
.contact-left-top-image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 22%;
}

.contact-form-box input[type='text'],
.contact-form-box input[type='email'],
.contact-form-box input[type='number'],
.contact-form-box input[type='tel'],
.contact-form-box select,
.contact-form-box textarea {
  width: 100%;
  border: 1px solid #D9D9D9;
  background: #FFFFFF;
  padding: 20px;
  border-radius: 10px;
}

.contact-form-box ::placeholder {
  font-family: Saira;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  color: #212121;
}


.contact-form-box [type=submit] {
  -webkit-appearance: button;
  font-family: Saira;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  background: #315BE8;
  BORDER: UNSET;
  color: #fff;
  padding: 23px 32px;
  border-radius: 10px;
}

.appint-submit-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-form-box {
  background: #FFFFFF;
  box-shadow: 0px 5px 24px 0px #0000001C;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 90px 70px
}

.products-price h5 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  margin: 0;
  padding: 11px 0;
}

.entry-title {
  font-family: Saira;
  font-weight: 700;
  font-size: 42px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
}

#shop .products-inner-content {
  padding: 14px;
}

.products-sale-tag span {
  font-family: Saira;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  background: #040404;
  padding: 9px 17px;
  color: #fff;
  border-radius: 5px;
  position: absolute;
  top: 5px;
  left: -16px;
}

.products-image img {
  width: 136px;
  height: 136px;
  object-fit: contain;
}

.contact-form-box textarea {
  height: 170px;
}

#contact-us .contact-box {
  display: flex;
  justify-content: center;
}

.contact-form-box h4 {
  font-family: Saira;
  font-weight: 600;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #000000;
  padding-bottom: 40px;
}


/* Hot Deals */
#hot-deal {
  background: #060B1A;
  position: relative;
  z-index: 1;
  padding: 60px 0 180px;
}

.deal-head-outerbox {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}

.deal-heading-box h3 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  display: flex;
  align-items: center;
  left: 0;
  right: 0;
  justify-content: space-around;
}

.deal-head-box {
  position: relative;
  z-index: 1;
  width: fit-content;
}

.deal-heading-box h3 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  text-align: center;
}

.deal-heading-box h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 44px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #FFFFFF;
}

.deal-button-box a span {
  font-family: Saira;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #FFFFFB;
  background: #315BE8;
  padding: 16px 28px;
  border-radius: 10px;
}

.deal-button-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 42px;
}

#timer .time-box {
  background: #FFFFFF;
  width: 148px;
  height: 131px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}


#timer .time-box .value {
  font-family: Saira;
  font-weight: 700;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000
}

#timer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 0 38px;
}

#timer .time-box .label {
  font-family: Saira;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #3F3F3F;
  padding: 12px 0 0;
}


/* Workshop */
.workshop-container {
  background: #315BE8;
  border-radius: 10px;
  margin-top: -12%;
  position: relative;
  z-index: 1;
}
#workshop{
  position: relative;
}
.workshop-container .over_video{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#workshop .popup {

  position: absolute;
  z-index: 1;
  top: 0;
}
.workshop-content-box h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 44px;
  line-height: 170%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}

.deal-heading-box h2 span {
  color: #315BE8;
}

.topbar-social-icons a i {
  padding-left: 18px;
}

.workshop-content-box h4 {
  letter-spacing: 0%;
  color: #FFFFFF;
  font-family: Saira;
  font-weight: 400;
  font-size: 24px;
  line-height: 170%;
  letter-spacing: 0%;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

.workshop-button-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 32px;
}

.workshop-button-box a span {
  font-family: Saira;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #000000;
  background: #FFFFFF;
  padding: 14px 36px;
  border-radius: 10px;
}

.video-controls {
  background: #fff;
  border: 36px solid rgb(242 242 242 / 30%);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  height: 150px;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  animation-name: pulse;
}

.video-controls i.fa.fa-pause {
  display: none;
}

.video-controls i {
  font-size: 30px;
  color: var(--green);
}

.container .controls {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 95%;
  display: flex;
  justify-content: space-around;
  transition: opacity 0.4s;
}

.controls .timeline .bar .inner {
  background: #F86F03;
  width: 0%;
  height: 100%;
}

.container .controls .timeline {
  flex: 1;
  display: flex;
  align-items: center;
  border: none;
}

.container .controls .timeline .bar {
  background: #fff;
  height: 6px;
  flex: 1;
  border-radius: 10px;
}

.video-setting i {
  color: #ffffff;
}

.video-setting {
  width: 60px;
  height: 20px;
  position: absolute;
  bottom: -20px;
  right: 40px;
  text-align: end;
}

.video-fullscreen {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -20px;
  right: 0px;
}

.timings {
  position: absolute;
  bottom: -22px;
  left: 10px;
  color: #fff;
}

.video-setting-wrap {
  position: absolute;
  bottom: -1px;
  right: 30px;
  color: #fff;
  width: max-content;
}

.video-setting:hover .video-setting-wrap {
  display: block !important;
}

.video-wrap {
  height: 420px;
}




#viewDemoVideo {
  height: 420px;
  object-fit: cover;
  width: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.video-controls {
  cursor: pointer;
}

.our-vission-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  margin: 0 auto;
  justify-content: center;
  height: 100%;
  color: #fff;
  gap: 10px;
  padding: 70px 0;
}

.sign-img {
  width: 160px;
  height: 80px;
}










/* Serivces Section */
#services {
  background: #060B1A;
  padding: 60px 0;
  position: relative;
  z-index: 1;
}

.services-heading-box h3 {
  font-family: Saira;
  font-weight: 700;
  font-size: 44px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  text-align: center;
}

.services-head-box {
  position: relative;
  z-index: 1;
  max-width: fit-content;
}

.services-heading-box h3 span {
  color: #315BE8;
}

.services-heading-box h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  text-align: center;
  margin: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
}

.services-heading-box {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}

.services-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}


.services-images {
  height: 476px;
  border-radius: 10px;
}

.services-inner-box {
  position: absolute;
  bottom: -100px;
  left: -100px;
  display: flex;
  align-items: flex-start;
  justify-content: left;
  flex-direction: column;
}

#services .owl-dots .owl-dot span {
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

#services .owl-dots .owl-dot {
  border-radius: 50%;
  background: unset;
  border: unset;
  margin: 0 5px;
}

#services .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 42px;
}

#services .owl-dots .owl-dot.active span {
  background: unset !important;
  border: 4px solid #315BE8;
}

.services-inner-content-box:hover .services-inner-box {
  position: absolute;
  bottom: 30px;
  left: 22px;
  transition: 0.5s ease-in-out;
}

.services-inner-content-box {
  position: relative;
  overflow: hidden;
}

.services-inner-box h6 {
  font-family: Saira;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  color: #fff;
  background: #315BE8;
  max-width: fit-content;
  padding: 10px 49px 10px 13px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(0% 0%, 83.505% 0%, 99.602% 98.393%, 0% 98.393%, 0% 0%);
}

.services-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.services-title a {
  font-family: Saira;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  background: #fff;
  color: #02050C;
  padding: 11px 23px;
  border-bottom-left-radius: 10px;
}




/* Our Brands */
#our-brands {
  padding: 60px 0;
}

.brand-heading-box {
  position: relative;
  z-index: 1;
  max-width: fit-content;
}

.brand-heading-box h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.our-brands-heading {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brands-logos {
  display: flex;
  align-items: center;
  justify-content: center;
}

#our-brands .owl-nav .owl-prev {
  position: absolute;
  left: -128px;
  top: 0;
}

#our-brands .owl-nav .owl-next {
  position: absolute;
  right: -128px;
  top: 0;
}

#our-brands .owl-nav {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

#our-brands .owl-nav button {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: unset;
  border: 1px solid #EAEAEA;
  background: unset;
  border-radius: 50%;
  background: #fff;
}
#our-brands .owl-nav button:hover {
  background: #315BE8;
  color: #fff;
  transition: 0.4s ease-in-out;
}

.our-brands-heading h4 {
  font-family: Saira;
  font-weight: 700;
  font-size: 44px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  text-align: center;
}

#our-brands .owl-carousel .owl-stage {
  align-items: center;
  display: flex;
}

/* FAqs  Section */
.faqs-heading-box {
  position: relative;
  z-index: 1;
  width: fit-content;
}

#faqs {
  padding: 60px 0;
  position: relative;
  z-index: 1;
}

.faq-page .faq-content-box {
  padding: 60px 0;
}

.faqs-heading {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faqs-heading-box h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
}

.faq-bottom-borders {
  position: absolute;
  bottom: 0;
  left: 0;
  animation: fadeIn 2s infinite;
}



.accordion-button:not(.collapsed) {
  color: unset !important;
  background-color: unset !important;
  box-shadow: unset !important;
}

.show .panel-body p {
  color: #fff;
}

.accordion-item {
  border-radius: 10px !important;
  padding: 10px 51px 10px 24px !important;
  border: 1px solid #D9D9D9 !important;
  background: unset !important;
}

.accordion-button:not(.collapsed) {
  color: #fff !important;
}

.accordion-button.accordion-button::after {
  background-image: unset !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: unset !important;
}

.accordion-button {
  padding: 0 !important;
  font-family: Saira;
  font-weight: 600;
  font-size: 24px !important;
  line-height: 100%;
  letter-spacing: -0.5px;
}

.faqs-heading h3 {
  font-family: Saira;
  font-weight: 700;
  font-size: 44px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #000000;
}

.panel-body p {
  color: #000;
  text-align: left;
  font-family: Saira;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.5px;
}
.team-social-icons-box a i:hover {
  color: #315BE8;
  transition: 0.4s ease-in-out;
}
.accordion-collapse.show:after {
  width: 100%;
  height: 100%;
  background: #315BE8;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 10px;
}

.accordion-item {
  position: relative;
}



.accordion-button::before {
  content: "\f105";
  position: absolute;
  background-image: unset !important;
  color: #315BE8;
  right: -24px;
  z-index: 1;
  top: 0px;
  bottom: 0;
  margin: auto;
  font-family: 'FontAwesome';
}

.accordion-button:not(.collapsed)::before {
  content: "\f078";
  position: absolute;
  background-image: unset !important;
  color: #fff;
  right: -24px;
  z-index: 1;
  top: 0px;
  bottom: 0;
  margin: auto;
  font-family: 'FontAwesome';
}



.accordion-button:focus {
  border-color: unset !important;
  box-shadow: unset !important;
}

.accordion-body {
  padding: 0 !important;
}





/*------------------ Contact Page -----------------*/
.contact-page-details {
  background: #060B1A;
  padding: 26px 0;
}

.contact-page-box {
  background: #060B1A;
  margin-top: 38px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}

.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  background-color: #fff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  border: unset;
  width: 100%;
  margin-bottom: 14px;
  padding: 18px;
  border-radius: 10px;
}

.contact-box {
  padding: 60px 0;
}

.inner-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.c_content.media-small {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.contact-page-details p {
  text-align: center;
}

.bradcrumbs a:hover {
  color: #1C2539;
  transition: 0.6s ease-in;
}

.contact-page-details p a {
  font-family: Saira;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #FFFFFF;
  width: 100%;

}

.contact-page-details p a:hover {
  color: #315BE8;
  transition: 0.6s ease-in;
}

.contact-page-details i {
  color: #fff;
  font-size: 18px;
  padding-bottom: 14px;

}

.contact-page-details span {
  font-family: Saira;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  margin: 0;
  padding: 5px 0;
  text-align: center;
}

.copyright-button-box a span {
  font-family: Saira;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
}
.copyright-button-box a:hover span {
  color: #315BE8;
  transition: 0.3s ease-in-out;
}
.copyright-button-box {
  padding-left: 26px;
  position: relative;
}

.copyright-right-contents {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.copyright-services-button::after {
  position: absolute;
  background: #FFFFFF;
  width: 2px;
  height: 100%;
  position: absolute;
  content: "";
  right: -16px;

}

.topbar-button-box {
  margin: 0px 32px 0 10px;
  position: relative;
}

.topbar-services-button::after {
  content: "";
  background: #fff;
  width: 2px;
  height: 100%;
  position: absolute;
  left: -21px;
}

.topbar-services-button::before {
  content: "";
  background: #fff;
  width: 2px;
  height: 100%;
  position: absolute;
  right: -21px;
}

.topbar-contents {
  display: flex;
  align-items: center;
  justify-content: end;
}

.topbar-right-contents {
  display: flex;
  align-items: center;
  justify-content: center;

}

.copyright-services-button::before {
  position: absolute;
  background: #FFFFFF;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0;
  content: "";
  left: 11px;
}

.contact-page-box [type=submit] {
  border: unset;
  background: #FFFFFF;
  font-family: Saira;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #000;
  border-radius: 10px;
  padding: 16px 42px;
}
.contact-page-box .wpcf7 form .wpcf7-response-output {
  border: 2px solid #fff !important;
  color: #fff;
  text-align: center;
  font-family: 'Roboto';
}
.contact-page-box [type=submit]:hover {
  background: #000;
  color: #fff;
  transition: 0.6s ease-in-out;
}
.contact-page-box h3 {
  text-align: left;
  font-family: Saira;
  font-weight: 700;
  font-size: 36px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #FFFFFF;
}

.contact-page-box::before {
  content: "";
  width: 38%;
  height: 589px;
  background: #315BE8;
  position: absolute;
  left: 0;
  z-index: -1;
  bottom: -282px;
  left: -233px;
  transform: rotate(39deg);
  border-radius: 50%;
}


















/* 404 page */
.error404 .content_page {
  padding: 80px 0;
}

.page-content h3 span {
  font-family: Saira;
  font-weight: 700;
  font-size: 58px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000;
  text-align: center;
  margin: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.read-moresec a {
  background: #315BE8;
  font-family: Saira;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
  border-radius: 10px;
  position: relative;
  padding: 16px 42px;
}

.read-moresec a:hover {
  color: #fff;
}


.read-moresec a span {
  position: relative;
  z-index: 1;
}


.read-moresec a:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  border-radius: 10px;

}

.read-moresec a:hover:before {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
}

.text-404 {
  margin-bottom: 35px;
  padding: 8px 0;
  font-family: Saira;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  color: #3F3F3F;

}

.media-body p {
  font-family: Saira;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.32px;
  color: #FFFFFF;
  opacity: 50%;
  padding: 0;
  margin: 0px 0 5px;
}

.recent-post-box {
  margin-bottom: 12px;
}

.media-body a {
  font-family: Saira;
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 110.00000000000001% !important;
  letter-spacing: 0%;
}

.media.post-thumb {
  display: flex;
  align-items: center;
  justify-content: start;
}

.media-post-image img {
  width: 100%;
  height: 61px;
  border-radius: 5px;
  object-fit: cover;
}

.page-template-page-with-left-sidebar .middle-align {
  padding: 60px 0;
}

.page-template-page-with-right-sidebar .middle-align {
  padding: 60px 0;
}

.page-template-page-with-left-sidebar .middle-align p {
  font-family: Saira;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin: 0;
}

.page-template-page-with-right-sidebar .middle-align p {
  font-family: Outfit;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  letter-spacing: 3%;
  color: #5D666F;
  margin: 0;
}

/* single blog page */
.feature-box img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.form-submit [type=submit] {
  -webkit-appearance: button;
  font-family: Saira;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  background: #315BE8;
  BORDER: UNSET;
  color: #fff;
  padding: 23px 32px;
  border-radius: 10px;
  border: unset;
  max-width: fit-content;
}

.form-submit [type=submit]:hover {
  background: #000000;
  color: #E00A0A;
  transition: 0.4s ease-in;
}

.main-single-div h1 {
  font-family: Varta;
  font-weight: 700;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
}

.main-single-div p {
  font-family: Outfit;
  font-weight: 400;
  font-size: 18px;
  line-height: 170%;
  letter-spacing: 3%;
  color: #5D666F;
}

.meta-box-question {
  font-family: Varta;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: capitalize;
  margin: 0;
  color: #E00A0A;
}

.single-page-metaimage img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.main-single-div {
  padding: 60px 0;
}

.social-icons p a i {
  background: #E00A0A;
  width: 35px;
  height: 35px;
  font-size: 14px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-left: 10px;
  border-radius: 50%;
}

.social-icons p a i:hover {
  background: #000000;
  color: #E00A0A;
  transition: 0.4s ease-in;
}

.socila_share {
  display: flex;
  align-items: center;
  justify-content: end;
}

.single-blog-page {
  padding: 60px 0;
}

#comments h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 38px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
}

.metabox {
  margin-bottom: 24px;
  border-bottom: 1px solid #EAEAEA;
  padding-bottom: 22px;
}

.metabox span {
  color: #1C2539;
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 3%;
}

.metabox span a {
  color: #E00A0A;
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 3%;
}

.post-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.metabox .entry-date {
  margin: 0 20px;
}

.comment-form-comment textarea {
  resize: vertical;
  width: 100%;
  height: 170px;
  border: 1px solid #D4D7D9;
  border-radius: 7px;
  background: #FFFFFF;
}


#comments h2.comments-title {
  font-size: 20px;
  font-weight: bold;
}

#comments h3.comment-reply-title {
  font-size: 20px;
  font-weight: bold;
  clear: both;
}
#comments label {
  margin-bottom: 0 !important;
  font-family: 'Saira';
  font-weight: 300;
  font-style: Light;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 20px;
  letter-spacing: 0%;
  color: #000;
}
input#author ,input#url,input#email{
  border: 1px solid #D4D7D9;
  border-radius: 7px;
  background: #FFFFFF;
  height: 70px;
}
input#wp-comment-cookies-consent {
  width: fit-content !important;
  margin-right: 12px;
}
#comments p {
  margin-bottom: 15px;
}
#commentform {
  box-shadow: 0px 0px 4px 2px #00000040;
  border-radius: 20px;
  padding: 20px 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#comments input{
  width: 100%;
}
.comment-form-author {
  order: 1;
}
.comment-form-email {
  order: 2;
}
.comment-form-url {
  order: 3;
}
.comment-form-comment {
  order: 4;
}
.comment-form-cookies-consent {
  order: 6;
  display: flex
  ;
      align-items: center;
      justify-content: flex-start;
}
.form-submit {
  order: 7;
}

/* S


/* Sidebar */
#sidebar aside {
  padding: 14px;
  margin-bottom: 18px;
  border: 1px solid #D9D9D9;
  box-shadow: 0px 5px 24px 0px #0000001C;
}

aside#recent-posts-1 ul li {
  list-style: none;
}

aside#recent-posts-1 ul  {
padding-left: 0;}
#sidebar aside#block-3 {
  display: none;
}

#recent-posts-2 ul li {
  list-style: none;
}
#recent-posts-2 ul  {
  padding-left: 0;
}
#recent-posts-2  .media-body p{
  color: #000;
}
#sidebar h2 {
  font-family: Saira;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
  padding-bottom: 7px;
  padding-left: 15px;
}

.navigation a {
  font-family: Saira;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  background: #315BE8;
  BORDER: UNSET;
  color: #fff;
  padding: 10px 23px;
  border-radius: 10px;
}
.navigation a:hover {
  background: #000;
  color: #fff;
  transition: 0.4s ease-in-out;
}
.navigation {
  margin-top: 43px;
}

nav.woocommerce-pagination ul li a {
  font-family: Saira;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  background: #315BE8;
  BORDER: UNSET;
  color: #fff;
  padding: 14px 23px !important;
  border-radius: 10px;
}

.woocommerce nav.woocommerce-pagination ul {
  border: unset;
}

nav.woocommerce-pagination ul li span {
  font-family: Saira;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  background: #315BE8;
  BORDER: UNSET;
  color: #fff;
  padding: 14px 23px !important;
  border-radius: 10px;
}

.orderby {
  word-wrap: normal;
  font-family: Saira;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  padding: 8px 13px;
}

.woocommerce .woocommerce-result-count {
  font-family: Saira;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  margin: 0;
}

.bradcrumbs {
  font-family: Saira;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  text-transform: capitalize;
  color: #fff;
}

.woocommerce .star-rating::before {
  content: "sssss";
  color: #FFD700;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}

.woocommerce .star-rating span::before {
  content: "SSSSS";
  top: 0;
  position: absolute;
  left: 0;
  color: #FFD700;
}

.woocommerce div.product .product_title {
  clear: none;
  margin-top: 0;
  padding: 0;
  font-family: Saira;
  font-weight: 700;
  font-size: 36px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #000000;
}

div#tab-description p {
  font-family: Saira;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  letter-spacing: 0%;
  color: #3F3F3F;
}

span.woocommerce-Price-amount.amount {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  margin: 0;
  padding: 11px 0;
}

.woocommerce-product-details__short-description p {
  font-family: Saira;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  letter-spacing: 0%;
  color: #3F3F3F;
}
.bradcrumbs span {
  padding-right: 8px;
}
.bradcrumbs a {
  font-family: Saira;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  text-transform: capitalize;
  color: #315BE8;
  padding-right: 8px;

}

.navigation span {
  font-family: Saira;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  background: #000000;
  BORDER: UNSET;
  color: #fff;
  padding: 10px 23px;
  border-radius: 10px;
}

#blog-left-sidebar {
  padding: 60px 0;
}

.blog-heading-box {
  position: relative;
  z-index: 1;
  max-width: fit-content;
}

.blog-heading {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.blog-heading-box h2 {
  color: #fff;
  position: absolute;
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  margin: auto;
}

#blog-right-sidebar {
  padding: 60px 0;
}

#sidebar ul li a {
  font-family: Saira;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin: 0;
}

#sidebar ol li a {
  font-family: Saira;
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin: 0;
}

/* Single team page */

#single-team {
  padding: 60px 0;
}

.single-teampage-content h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 44px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #000000;
  margin: 0;
}

.single-teampage-content h6 {
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #5D666F;
  text-align: left;
  margin: 0;
  padding: 0;
}

.single-team-info img {
  height: 500px;
}

.single-team-info img {
  width: 100%;
  height: 100%;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  object-fit: cover;
}

.single-team-about-details p {
  font-family: Saira;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin: 0;
}

.single-teampage-content h4 {
  font-family: Outfit;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #1C2539;
  text-align: left;
}

.single-teampage-content p {
  margin: 0;
}

#single-team .social-profiles a i {
  width: 33px;
  height: 33px;
  color: #FFFFFF;
  background: #315BE8;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 3px;
}

.social-profiles {
  display: flex;
  align-items: center;
  justify-content: left;
}

.meta-team-contact-box-details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 22px 0;
}

.team-contact-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #EAEAEA;
  background: #fff;
  padding: 12px 20px;
  margin-right: 16px;
}
.footer-background-image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
}

.footer-background-image img{
  filter: grayscale(1);
  width: 100%;
  height: 100%;
   animation: fadeInDown 2s infinite;
}
.team-head-box {
  position: relative;
  z-index: 1;
  max-width: fit-content;
  margin-left: -10px;
}

.team-head-box h2 {
  font-family: Saira;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.team-contact-box i {
  color: #060B1A;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 18px;
  margin-right: 9px;

}

.team-contact-box p {
  color: #060B1A;
  margin: 0;
  padding: 0;
  font-family: Saira;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  padding: 0;
}

#single-team .social-profiles a i:hover {
  background: #000;
  transition: 0.4s ease-in-out;
  color: #fff;
}



/* Terms and conditions */

#tandc {
  padding: 60px 0;
}

#tandc h1 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 2%;
  text-align: left;
  color: #1C2539;
}

#tandc h2 {
  font-family: Outfit;
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
  letter-spacing: 3%;
  color: #1C2539;
}

#tandc p {
  font-family: Outfit;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 3%;
  color: #5D666F;
}


#privacy-policy {
  padding: 60px 0;
}

.top-content h2 {
  font-family: Outfit;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 2%;
  text-align: left;
  color: #1C2539;
}

.top-content h3 {
  font-family: Outfit;
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
  letter-spacing: 3%;
  color: #1C2539;
}

.top-content p {
  font-family: Outfit;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 3%;
  color: #5D666F;
  margin: 10px 0;
}

.top-content li {
  font-family: Outfit;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 3%;
  color: #5D666F;
}

#self-service {
  padding: 60px 0;
}


/* Single blog page */

.main-single-div .nav-next a .post-title {
  padding-left: 4px;
  color: #000;
  font-size: 14px;
}

.main-single-div .navigation span {
  clip-path: unset;
  background: unset;
  font-size: 14px;
  padding: 0px;
}

.main-single-div .navigation a {
  clip-path: unset;
  padding: 0;
  background: unset;
}

.main-single-div .nav-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.main-single-div .nav-previous a .post-title {
  padding-left: 4px;
  color: #000;
  font-size: 14px;
}

.main-single-div .navigation span {
  color: #E00A0A;
}

/* blogs pages */

#full-width-blog {
  padding: 60px 0;
}

.author-box img {
  width: 32px;
  height: 32px;
  border-radius: 20px;
}

.post-authore-text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-author-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.post-authore-text h6 {
  font-family: Saira;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  margin: 0;
  padding-left: 10px;
}

.post-authore-text span {
  font-family: Saira;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #315BE8;
  text-transform: capitalize;
  padding-left: 5px;
}

.blog-inner-content-box {
  padding: 18px 0 0;
}

.blogs-comments {
  padding-left: 30px;
}

.blogs-comments i {
  color: #315BE8;
  font-size: 16px;
}

.blogs-comments span {
  font-family: Saira;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
}

/* Single Blog page*/
.single-post-img img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.single-blog-page p {
  font-family: Saira;
  font-weight: 400;
  font-size: 17px;
  line-height: 30px;
  letter-spacing: 0%;
  color: #3F3F3F;
  margin: 0;
}

.blog-que {
  font-family: Saira;
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  color: #315BE8;
}


/* Single services page */

#singleService {
  padding: 60px 0;
}

#singleService .nav-item {
  width: 100%;
}

#singleService #pills-tab li button {
  border: 1px solid #FFFFFF66;
  border-radius: 5px;
  width: 100%;
  font-family: Saira;
  font-weight: 400;
  font-size: 19px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  margin: 6px 0px;
}

#singleService #pills-tab {
  border: 1px solid #D9D9D9;
  padding: 20px;
}

#singleService .nav-pills .nav-link.active {
  color: #fff !important;
  background-color: #0d6efd;
  border-color: #315BE8 !important;
  padding: 16px 20px;
}

.service-image {
  height: 400px;
}

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

#singleService #pills-tab {
  margin-top: 0;
}

.service-heading {
  font-family: Saira;
  font-weight: 500;
  font-style: SemiBold;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  padding-top: 25px;
}

.service-para {
  font-family: Saira;
  font-weight: 400;
  font-size: 18px;
  line-height: 170%;
  letter-spacing: 0%;
  color: #3F3F3F;
}

.service-paragraph {
  font-family: Saira;
  font-weight: 400;
  font-size: 18px;
  line-height: 170%;
  letter-spacing: 0%;
  color: #3F3F3F;
}