/* Home page css */
.title-one.section-subtitle p {
text-align: justify;
letter-spacing: 1px;
}

/* Why webgarh */
.why-webgarh-right .title-one p {
text-align: justify;
letter-spacing: 0.7px;
}




/* Real-World Transformations */
.showcase-success .title-one p {
width: 65%;
margin-inline: auto;
}

/* How We Drive Continuous Growth */
.service-wrap-4 {
text-align: center;
}
.service-wrap-4 .icon {
margin-inline: auto;
}

/* How We Drive Continuous Growth */
section.our-approach .btn-center {
display: none;
}

/* client-reviews */
.gray-box{
background: #C6CBDE;
}
/* Get a consultation */
/* section.ideas-impact .row > * {
width: 16%;
} */
.ideas-icon1 {
position: absolute;
top: 0;
left: 78%;
width: auto;
}

.ideas-wrap-4 .icon {
width: 85px;
height: 85px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
border-radius: 25px 25px 25px 0;
background: linear-gradient(180deg, #FE8A02 0%, #FC8A03 100%);
font-weight: 700;
font-size: 44px;
line-height: 24px;
color: #fff;
position: relative;
z-index: 1;
overflow: hidden;
box-shadow: 0 0 5px 2px rgb(0 0 0 / 20%);
}
.ideas-wrap-4 {
position: relative;
}
.ideas-wrap-4 .icon:before {
content: '';
position: absolute;
top: 0;
left: 0;
border-top: 100px solid #ff9c08d4;
border-left: 100px solid #00000000;
z-index: -1;
}
.ideas-wrap-4 .service-title {
font-size: 20px;
margin: 20px 0 10px;
}
.main-build {
background-color: #F4F4F4;
border-radius: 24px;
padding-inline: 40px;
}
span.quote-text {
font-size: 24px;
font-weight: 500;
}


/* Quote section */

.client-card {
padding: 40px;
border-radius: 12px;
background: #ededed;
/* height: 100%; */
}

.client-message {
font-size: 16px;
line-height: 1.5;
color: #333;
margin-bottom: 20px;
}

.client-info {
display: flex;
align-items: center;
gap: 12px;
}

.client-info img {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
}
.consultation-review-slider .swiper-slide{
height: auto;
}
.client-details h4 {
margin: 0;
font-size: 18px;
font-weight: 600;
}
.client-details p {
margin: 0;
font-size: 16px;
color: #666;
line-height: normal;
}
.client-quotes {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
span.left-quote img {
margin-top: -20px !important;
width: 20px;
margin-right: 10px;
filter: brightness(0) saturate(100%) invert(52%) sepia(4%) saturate(4%) hue-rotate(347deg) brightness(95%) contrast(85%);
}
span.right-quote img {
margin-top: 15px !important;
width: 20px;
margin-left: 10px;
filter: brightness(0) saturate(100%) invert(52%) sepia(4%) saturate(4%) hue-rotate(347deg) brightness(95%) contrast(85%);
}
/* Right side slider */

#custom-swiper,
.custom-swiper-wrapper,
.custom-swiper-slide {
width: 100%;
height: 100%;
}
.build-text {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center !important;
}

/* Unique Slider Styling */
#custom-vertical-swiper {
width: 50%;
height: 70vh;
}

.custom-vertical-wrapper {
height: 100%;
-webkit-transition-timing-function:linear!important;
-o-transition-timing-function:linear!important;
transition-timing-function:linear!important;
}

.custom-vertical-slide {
display: flex;
align-items: center;
justify-content: center;
/* font-size: 2rem; */
background: #ffffff !important;
gap: 25px;
margin-bottom: 40px;
border-radius: 24px;
padding: 10px 20px;
}
.slidercontent h2{
font-size: 24px;
font-weight: 600;
line-height: 30px;
}
.slidercontent p{
font-size: 18px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
}

.FAq {
text-align: center;
margin-bottom: 65px;
}

/* .main-faq {
display: flex;
align-items: center;
} */
.hiring-accordion {
background: transparent !important;
border: none !important;
}
.hiring-process .cstm-accordian {
border: none !important;
padding: 0px;
background: #fff;
border-radius: 20px;
}
.cstm-accordian .accordion-item {
background: #2B354F4A;
}
.hiring-accordion .accordion-button:after {
background: #ffffff00;
border: none !important;
}
.hiring-process .accordion-item{
border: none !important ;
}
.cstm-accordian .accordion-item {
background: #2B354F4A;
margin-bottom: 20px;
border-radius: 8px !important;
}
.hiring-accordion .accordion-body {
background: #f5f5f5 !important;
}
.main-faq{
display: flex;
flex-direction: column;
justify-content: center;
}
.cstm-accordian {
margin-top: 0px;
}
.marketing-overview-img img {
border-radius: 10px;
}
.cstm-accordian .accordion-item {
padding-left: 0 !important;
}
.idea-impact {
row-gap: 40px;
}










/*-----------Responsive--------------*/

@media screen and (max-width: 1200px) and (min-width: 992px){
.ideas-icon1 {
position: absolute;
top: 20px;
left: 85%;
width: 45%;
}
}

@media screen and (max-width:1366px){
.slidercontent h2 {
font-size: 20px;
}
.slidercontent p {
font-size: 16px;
line-height: 22px;
margin: 0;
}

}

@media screen and (max-width:1280px){
.ideas-wrap-4 .service-title {
font-size: 18px;
}
.ideas-wrap-4 .description {
font-size: 14px;
margin: 0;
}
}

@media screen and (max-width:1199px){
.custom-vertical-slide {
gap: 15px;
padding: 10px;
}
.slidercontent p {
font-size: 14px;
line-height: 20px;
}
.slidercontent h2 {
font-size: 18px;
line-height: 23px;
}
.idea-impact .col-xl-2:nth-child(3) .ideas-icon1, .idea-impact .col-xl-2:nth-child(6) .ideas-icon1{
display: none;
}
.idea-impact .ideas-icon1 {
width: 35%;
}
}


@media screen and (max-width:1024px){
p.client-message {
width: 100%;
}
.showcase-success .title-one p {
width: 70%;
}


}


@media screen and (max-width: 991px){
.FAq {
margin-bottom: 40px;
}
}

@media screen and (min-width:768px) and (max-width:991px){
.build-section .main-build {
padding: 0 20px;
}
.build-section .main-build .build-columns .title-one p {
margin: 0;
}
.custom-vertical-slide {
justify-content: start;
padding: 10px 12px;
}
    .slidercontent h2 {
        font-size: 16px;
        line-height: 22px;
    }
.client-card {
padding: 25px;
}
span.quote-text {
font-size: 20px;
}
.hiring-accordion .accordion-body {
line-height: 22px;
padding: 15px;
}
.hiring-accordion .accordion-button {
padding: 15px 40px 15px 20px !important;
}
.hiring-accordion .accordion-button:after {
right: 2px;
font-size: 22px;
}
.cstm-accordian .accordion-item {
margin-bottom: 15px;
}
.cstm-accordian .accordion-button, .cstm-accordian .accordion-button::before {
font-size: 16px;
line-height: 25px;
}
.hiring-process .cstm-accordian {
padding: 0;
}
.idea-impact .ideas-icon1 {
top: 20px;
left: 85%;
width: 45%;
}
    .build-section .col-lg-6 {
        width: 45%;
    }
    .build-section .col-lg-6.infinite-slider {
    width: 55%;
}
}


@media screen and (max-width: 767px){
.client-card {
padding: 20px;
}
.client-info img {
width: 50px;
height: 50px;
}
.text-wrapper-four {
height: auto;
}
span.quote-text {
font-size: 16px;
font-weight: 500;
}
.stars img {
width: 45px;
}
section.hiring-process {
margin-bottom: 60px !important;
}
.get-consultaion-hero h5.sub-title.highlight {
font-size: 16px;
}
.main-faq {
margin-top: 20px;
}
.hiring-accordion .accordion-body {
line-height: 22px;
padding: 15px;
}
.hiring-process .cstm-accordian {
padding: 0;
}
.cstm-accordian .accordion-item {
margin-bottom: 15px;
}
.hiring-accordion .accordion-button:after {
right: 2px;
font-size: 22px;
}
.FAq {
margin-bottom: 30px;
}
.get-consultaion-hero .text-wrapper-four {
margin-bottom: 10px;
}
.showcase-success .title-one p {
width: 100%;
}
.idea-impact .ideas-icon1
{
display: none;
}
}