/* ==============================menu-area-css ======================*/
.menu-link {
    font-family: "Big Shoulders Text", sans-serif;
    font-size: 2vh;
}
/*==========================Client Area Style========================*/
.ptb-100{
    padding-top: 50px;
    padding-bottom: 60px;
}
.client-area {
    background-image:linear-gradient(#0322469c, #032246ad), url(../images/Home/Testimonials/Testimonials-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    z-index: 1111;
  }
  .client-area .section-title{
    text-align: center;
    font-family: Source Sans Pro, sans-serif;
    font-size: 20px;
  }
  .client-area .section-title span {
    color:#c99b8f;
    font-family: Source Sans Pro, sans-serif;
  }
  
  .client-area .section-title h2 {
    color: #ffffff;
    text-align: center;
    font-family: Caudex, sans-serif;
    font-weight: 500;
    margin-bottom: 30px;
  }
  
  .client-area::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* height: 300px; */
    background-color: #ffffff;
    z-index: -1;
  }
  
 
.client-details-wrap .owl-dots {
  margin-top: 0 !important;
  position: absolute !important;
  top: 44% !important;
  left: 10px !important;
  display: -ms-grid !important;
  display: flex !important;
  flex-direction: column !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; 
          gap: 2px;
}
.client-details-wrap .owl-dots .owl-dot{
  width: 3px !important;
  height: 15px !important;
  background-color: #000 !important;
  border-radius: 0 !important;
}
.client-details-wrap .owl-dots .owl-dot span {
  width: 3px !important;
  height: 15px !important;
  background-color: #000 !important;
  border-radius: 0 !important;
}

.client-details-wrap .owl-dots .owl-dot:hover {
  background-color: rgba(128, 128, 128, 0.486) !important;
}

.client-details-wrap .owl-dots .owl-dot.active {
  background-color: rgba(128, 128, 128, 0.486) !important;
}

  
  .client-bg {
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .client-details {
    text-align: center;
    padding: 20px 55px;
  }
  
  .client-details img {
    margin: 0 auto 20px;
    border-radius: 50%;
    width: unset !important;
  }
  
  .client-details h3 {
    font-size: 15px;
    margin-bottom:0px;
  }
  
  .client-details span {
    display: block;
    margin-bottom: 10px;
  }
  .client-details p {
    margin-bottom: 20px;
  }
  
  .client-details ul li {
    display: inline-block;
  }
  
  .client-details ul li i {
    color: #e9cc0b;
    font-size: 15px;
    line-height: 1;
    margin-bottom: 0;
  }
  
  .client-details i {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 15px;
    display: inline-block;
    color: #000;
  }
  .client-img img{
    width: 100%;
  }
 /* end-client-area */
 /* about-area-starts */
 .about-section-block .heading.is-service-cms-title{
  font-size: 5em;
 }
 .section {
  position: relative;
  z-index: 10;
  overflow: hidden;
  background-color: #fff;
}
.container {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 6em;
  padding-left: 6em;
}
.section.with-bg-black-and-borders {
  border: 10px solid #fff;
  background-color: #070504;
  color: #e4c6be;
}

.padding-inner {
  padding: 10em 0;
}
.hero-1-title-block.about-section-block{
  justify-content: center;
  align-items: center;
}
.hero-1-title-block.about-section-block .button-in-hero{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.team-column-2.cta-imag1 {
  min-height: 50vh;
}
/* services-page */
.padding.service-page-1{
  padding: 3em 0;
}
.grid-text-2.text-service-banner{
  max-width: 100%;
}
.content-grid-4.service-details {
  grid-column-gap: 7.5em;
  grid-row-gap: 7.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}
.content-grid-4.service-details .content-block-8 {
  max-width: 100%;
}

/* our-team */
.team-list-5.team-section {
  grid-template-columns: 1fr 1fr;
}
.hero-service {
  min-height: 43vh;
  flex-direction: column;
  justify-content: center;
  padding-top: 14em;
  padding-bottom: 3em;
  position: relative;
}

/* blog-section */
.blog-section-01 .blog-column-2 {
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

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

.our-partners .swiper-slide {
 height: 200px;
 background-color: #f5ecea;
}

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

  .client-logo {
   height: 100%;
}


/* blog-details-starts */
.content-grid-4.blog-details-sec {
  grid-column-gap: 7.5em;
  grid-row-gap: 7.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
}
.content-grid-4.blog-details-sec .content-block-8 {
  max-width: 100%;
}

.project-list.latest-blog-posts {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: space-between;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  display: grid;
}
.content-grid-1.title-content{
  grid-template-columns: 1fr;
}
.team-2-list.social-media-contact{
  margin-top: 50px;
  width: 100%;
  grid-row-gap: 4em;
  flex-direction: row;
  display: flex;

}
.team-2-list.social-media-contact .team-2-item{
  border-left: none;
  font-size: 22px;
  padding-left: 2.3em
}

.w-layout-grid.blog-grid-1.latest-blog-grid{
  grid-template-columns: 1fr;
}
.w-layout-grid.blog-grid-1.latest-blog-grid .blog-grid-2 {
  grid-template-columns: 1fr 1fr 1fr;
}
.content-grid-4.blog-details-sec .heading.is-grid-title-2{
  font-size: 2.5em !important;
}
/* podcast */
.project-list.w-dyn-items.podcast-list {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/*form*/
.form-field.w-input-dropdown {
    background: transparent !important;
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    color: #7d7472;
    outline: none;
    border: none;
    box-shadow: none;
    position: relative;
}
.form-field.w-input-dropdown option{
   color: #7d7472;
   font-size: 14px;
    background-color: #ffffff;
    border-radius:0px;
    border:none;
    outline:none;
    box-shadow:none;
}
/* Ensure the dropdown itself has a background */
.form-field.w-input-dropdown select {
    background: #f5eeea;
}

/* Style the dropdown options */
.form-field.w-input-dropdown option:hover {
    background: #f5eeea;
}

/* Apply a background color to the dropdown list when it is open */
.form-field.w-input-dropdown select:focus option:hover {
    background: #f5eeea;
}
.nice-select {
    -webkit-tap-highlight-color: transparent;
    border: none;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
    padding-left:0px; 
    width: 100%;
    height: 38px;
    min-height: 5em;
    letter-spacing: 0.1em;
    padding: 0.5em 0;
    line-height: 3.3;
      
      
}
/*.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {*/
/*    background-color: #f5ecea;*/
/*}*/
.nice-select .option.focus, .nice-select .option.selected.focus{
     background-color: transparent; 
       color: #7d7472;
}
 .nice-select .option:hover,.nice-select .option.focus:hover,.nice-select .option.selected.focus:hover {
    background-color: #c99b8f;
    color: #fff;
}

.nice-select .list {
    background-color: #f5ecea;
    border: 2px solid var(--transparent-30);
    border-radius: 0px;
    box-shadow: 0 0 0 1px rgba(68,68,68,.11);
    box-sizing: border-box;
    margin-top: 0px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    z-index: 9;
}
.nice-select.open .list {
    width: 100%;
    height: 200px;
    overflow: scroll;
}
.nice-select .option {
     border-bottom:1px solid var(--transparent-30);
}


.client-area .owl-carousel .owl-stage {
  display:flex;
  align-items:center;
  justify-content:center;
}

.order-list ol li,
.order-list ul li{
    font-size: 1.1em;
    opacity: 0.8;
    line-height: 1.7em;
}

.form-check.newsletter-checkbox{
    display:flex;
    align-items:center;
    padding-left:0px;
}
.newsletter-checkbox-input{
    width: 1.4em !important;
    height: 1.4em !important;
    border-width: 0.2em !important;
    border-color: var(--main-black) !important;
    cursor: pointer !important;
    background-color: transparent !important;
    border-radius: 50% !important;
    flex: none !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 1em !important;
    transition: background-color 0.3s !important;
    box-shadow: 0 0 3px 1px transparent !important;
}
.newsletter-checkbox-input:checked[type=checkbox] {
    border-width: 0.25em !important;
    border-color: var(--dim-grey) !important;
    background-color: var(--dim-grey) !important;
    box-shadow: none !important;
    background-size: 1em !important;
    margin-left: 0 !important;
}
.e-book-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color:#000;
    border: 0;
    border-radius: 4px;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align:center;
    margin-top:10px;
}
.e-book-button:hover{
      background-color: #c99b8f;
}

.mobile-image-slider{
    display:none !important;
}
.desktop-image-slider{
      display:block !important;
}
@media only screen and (max-width: 767px) {
  .mobile-image-slider{
    display:block !important;
}  
.desktop-image-slider{
    display:none !important;
}
}
.content-image-1.new-image-new-1.new-image{
      height: 100% !important;
    min-height: 38em;
    width: 70%;
    margin: 0 auto;
}
.new-image {
    height: 100% !important;
    min-height: 38em;
    width: 70%;
    margin: 0 auto;
}
.heading.is-content-title-1.text-classs {
    margin-bottom: 1em;
    font-size: 20px !important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 1.4em;
}
.content-block-8.new-width{
        max-width: 30em;
}
.services-image-size .service-2-image-size {
    width: 15.625em;
    height: 15.625em;
}

.project-services-container{
    position:relative;
}
.project-services-container .image-service{
     position:relative;
}
.project-services-container .content{
    position:absolute;
    /*bottom:20px;*/
    bottom:0px;
    z-index:1;
    padding-left:6rem;
    padding-right:6rem;
    padding-bottom:0rem
}
.srvice-content-box-sec .our-content-sec{
   padding-left:30px !important;
}
.srvice-content-box-sec .our-content-sec p{
    color:#fff;
}
.our-service-images-1{
    height:20em;
}
 @media only screen and (max-width: 991px) {
    .content-image-1.new-image-new-1.new-image {
    height: 53% !important;
    width: 99%;
    margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
    .content-image-1.new-image-new-1.new-image{
      height: 100% !important;
    min-height: 38em;
    width: 70%;
    margin: 0.5em auto;
}
.service-2-flex {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
.services-image-size .service-2-image-size {
    margin:0;
    margin-top:0.5em;
}
.service-2-text-1 {
     max-width: 100%; 
   
}
}