.gradient-color {
    background: linear-gradient(rgba(255, 228, 130, 1), rgba(255, 143, 109, 1));
}
.gradient-color{
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

/** about-style-three **/

.about-style-three{
    position: relative;
  }
  
  .about-style-three .image-box{
    position: relative;
    display: block;
  }
  
  .about-style-three .image-box img{
    width: 100%;
  }
  
  .about-style-three .content-box{
    position: relative;
    display: block;
  }
  
  .about-style-three .sec-title h2{
    font-size: 52px;
    line-height: 62px;
  }
  
  .about-style-three .content-box .text-box p{
    margin-bottom: 23px;
  }
  
  .about-style-three .content-box .text-box p:last-child{
    margin-bottom: 0px;
  }
  
  .about-style-three .content-box .inner-box .single-item{
    position: relative;
    display: block;
    /* padding-left: 62px; */
    margin-bottom: 40px;
  }
  
  .about-style-three .content-box .inner-box .single-item:last-child{
    margin-bottom: 0px;
  }
  
  .about-style-three .content-box .inner-box .single-item .icon-box{
    position: absolute;
    left: 0px;
    top: 5px;
  }
  
  .about-style-three .content-box .inner-box .single-item h4{
    display: block;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 8px;
  }


  /** clients-section **/

.clients-section{
    position: relative;
  }
  
  .clients-section .owl-carousel .owl-stage{
    display: flex;
    align-items: center;
  }
  
  .clients-section .clients-logo{
    position: relative;
    display: block;
  }
  
  .clients-section .clients-logo img{
    position: relative;
    display: block;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    transition: all 500ms ease;
  }
  
  .clients-section .clients-logo img:hover{
    transform: scale(1.03);
  }
  


  /** feature-style-two **/

.feature-style-two{
    position: relative;
    background: #FFF9F7;
  }
  
  .feature-style-two .title-inner .left-content h5{
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    padding-left: 43px;
    margin-bottom: 16px;
  }
  
  .feature-style-two .title-inner .left-content h5 img{
    position: absolute;
    left: 0px;
    top: -3px;
  }
  
  .feature-style-two .title-inner .right-content{
    position: relative;
    padding-left: 220px;
  }
  
  .feature-style-two .title-inner h2{
    font-size: 52px;
    line-height: 62px;
  }
  
  .feature-style-two .title-inner .right-content:before{
    position: absolute;
    content: '';
    background: rgba(31, 31, 31, 0.10);
    width: 5px;
    height: calc(100% - 22px);
    left: 80px;
    top: 11px;
  }
  
  .feature-block-two .inner-box{
    position: relative;
    display: block;
    background: #fff;
    padding: 30px 20px;
    margin-bottom: 30px;
    z-index: 1;
  }
  
  .feature-block-two .inner-box:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 0%;
    left: 0px;
    bottom: 0px;
    z-index: -1;
    transition: all 500ms ease;
  }
  
  .feature-block-two .inner-box:hover:before{
    height: 100%;
  }
  
  .feature-block-two .inner-box .count-text{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #656565;
    text-align: center;
    margin-bottom: 23px;
    border: 1px solid transparent;
    z-index: 1;
    transition: all 500ms ease;
  }
  
  .feature-block-two .inner-box:hover .count-text{
    border-color: #fff;
    color: #fff;
  }
  
  .feature-block-two .inner-box .count-text:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    transition: all 500ms ease;
  }
  
  .feature-block-two .inner-box:hover .count-text:before{
    opacity: 0;
  }
  
  .feature-block-two .inner-box .count-text:after{
    position: absolute;
    content: '';
    background: #fff;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    left: 1px;
    top: 1px;
    z-index: -1;
    transition: all 500ms ease;
  }
  
  .feature-block-two .inner-box:hover .count-text:after{
    opacity: 0;
  }
  
  .feature-block-two .inner-box h4{
    display: block;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  
  .feature-block-two .inner-box h4 a{
    display: inline-block;
    color: #1F1F1F;
  }
  
  .feature-block-two .inner-box:hover h4 a{
    color: #fff;
  }
  
  .feature-block-two .inner-box h4 a:hover{
    text-decoration: underline;
  }
  
  .feature-block-two .inner-box p{
    margin-bottom: 22px;
    transition: all 500ms ease;
  }
  
  .feature-block-two .inner-box:hover p{
    color: #fff;
  }
  
  .feature-block-two .inner-box .btn-box a{
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    color: #656565;
    padding: 7px 25px;
    background: #FFF9F7;
    text-align: center;
  }
  
  .feature-block-two .inner-box .btn-box a span{
    position: relative;
    display: inline-block;
    padding-right: 20px;
    transition: all 500ms ease;
  }
  
  .feature-block-two .inner-box .btn-box a span:before{
    position: absolute;
    content: '\e901';
    font-family: 'icomoon';
    font-size: 8px;
    right: 0px;
    bottom: 0px;
    transform: rotate(45deg);
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .feature-block-two .inner-box .btn-box a:hover span{
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgb(246, 178, 129);
  }
  
  .feature-block-two .inner-box .btn-box a:hover{
    background: #fff;
  }
  
  .feature-style-two .pattern-layer{
    position: absolute;
    left: 292px;
    top: 270px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
  }
  
  .feature-section.alternat-2 .inner-container{
    background: #FFFDF3;
  }
  
  .feature-block-three .inner-box{
    position: relative;
    display: block;
  }
  
  .feature-block-three .inner-box .title-box{
    position: relative;
    display: block;
    padding: 0px 0px 0px 72px;
    margin-bottom: 16px;
  }
  
  .feature-block-three .inner-box .title-box .icon-box{
    position: absolute;
    left: 0px;
    top: 0px;
  }
  
  .feature-block-three .inner-box .title-box h3{
    font-size: 24px;
    line-height: 34px;
  }
  
  .feature-block-three .inner-box .title-box span{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #1F1F1F;
  }
  
  .feature-section.alternat-2 .owl-dots{
    bottom: 0px;
  }
  
  .feature-section.alternat-2 .dots-style-one .owl-dots .owl-dot:after{
    background: #FFFDF3;
  }

  .feature-block-two .inner-box .count-text:before{
	background: linear-gradient(rgba(255, 228, 130, 1), rgba(255, 143, 109, 1));
}

.feature-block-two .inner-box:before{
	background: linear-gradient(rgba(255, 228, 130, 1), rgba(255, 143, 109, 1));
}

.feature-block-two .inner-box .btn-box a span:before{
	background: linear-gradient(rgba(255, 228, 130, 1), rgba(255, 143, 109, 1));
}

/* .feature-block-two .inner-box .btn-box a:hover span{
	background: linear-gradient(rgba(255, 228, 130, 1), rgba(255, 143, 109, 1));
} */



  /** portfolio-style-four **/
  .centred {
    text-align: center;
}

.portfolio-style-four{
    position: relative;
  }
  
  .portfolio-style-four:before{
    position: absolute;
    content: '';
    background: #FFF9F7;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 0px;
  }
  
  .portfolio-block-four .inner-box{
    position: relative;
    display: block;
    overflow: hidden;
  }
  
  .portfolio-block-four .inner-box .image-box{
    position: relative;
    display: block;
    overflow: hidden;
  }
  
  .portfolio-block-four .inner-box .image-box img{
    width: 100%;
    transition: all 500ms ease;
  }
  
  .portfolio-block-four .inner-box:hover .image-box img{
    transform: scale(1.05);
  }
  
  .portfolio-block-four .inner-box .content-box{
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: calc(100% - 60px);
    background: #fff;
    padding: 21px 30px 22px 30px;
  }
  
  .portfolio-block-four .inner-box .content-box h3{
    position: relative;
    display: block;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 14px;
  }
  
  .portfolio-block-four .inner-box .content-box h3 a{
    display: inline-block;
    color: #1F1F1F;
  }
  
  .portfolio-block-four .inner-box .content-box h3 a:hover{
  
  }
  
  .portfolio-block-four .inner-box .content-box .inner{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .portfolio-block-four .inner-box .content-box .inner li{
    position: relative;
    font-size: 14px;
    line-height: 26px;
  }
  
  .portfolio-block-four .inner-box .content-box .inner li a{
    display: inline-block;
    color: #656565;
  }
  
  .portfolio-block-four .inner-box .content-box .inner li a:hover{
  
  }
  
  .portfolio-block-four .inner-box .content-box .inner .category-list{
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .portfolio-block-four .inner-box .content-box .inner .category-list li{
    padding-left: 15px;
    margin-right: 10px;
  }
  
  .portfolio-block-four .inner-box .content-box .inner .category-list li:last-child{
    margin: 0px !important;
  }
  
  .portfolio-block-four .inner-box .content-box .inner .category-list li:before{
    position: absolute;
    content: '';
    background: #DDDDDD;
    width: 6px;
    height: 6px;
    left: 0px;
    top: 10px;
    border-radius: 50%;
  }
  
  .portfolio-block-four .inner-box .content-box .inner .info-list{
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .portfolio-block-four .inner-box .content-box .inner .info-list li{
    margin-right: 20px;
  }
  
  .portfolio-block-four .inner-box .content-box .inner .info-list li:last-child{
    margin: 0px !important;
  }
  
  .portfolio-style-four .owl-dots{
    position: relative;
    display: block;
    text-align: center;
    margin-top: 40px;
  }
  
  .portfolio-block-five .inner-box{
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
  }
  
  .portfolio-block-five .inner-box .image-box{
    position: relative;
    display: block;
    overflow: hidden;
  }
  
  .portfolio-block-five .inner-box .image-box img{
    width: 100%;
    transition: all 500ms ease;
  }
  
  .portfolio-block-five .inner-box:hover .image-box img{
    transform: scale(1.05);
  }
  
  .portfolio-block-five .inner-box .view-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
  }
  
  .portfolio-block-five .inner-box .view-btn a{
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    transform: scale(0,0);
  }
  
  .portfolio-block-five .inner-box:hover .view-btn a{
    transform: scale(1,1);
  }
  


  /** faq-section **/


.faq-section{
    position: relative;
  }
  
  .faq-section .bg-layer{
    position: absolute;
    /* left: 0px; */
    top: 0px;
    width: calc(50% - 100px);
    height: 100%;
    /* background-size: cover; */
    background-repeat: no-repeat;
    background-position: center;
  }
  
  .faq-section .sec-title p{
    margin-top: 14px;
  }
  
  .accordion{
    position: relative;
    background: #FFF9F7;
    margin-bottom: 20px;
  }
  
  .accordion:last-child{
    margin-bottom: 0px;
  }
  
  .accordion .acc-btn{
    position: relative;
    padding: 18px 60px 16px 70px;
    cursor: pointer;
  }
  
  .accordion .acc-btn .logo-icon{
    position: absolute;
    left: 30px;
    top: 17px;
  }
  
  .accordion .acc-btn h6{
    font-size: 16px;
    line-height: 26px;
  }
  
  .accordion .acc-content{
    padding: 0px 34px 13px 70px;
  }
  
  .accordion .acc-btn .icon-box{
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 16px;
    font-family:'Inter', sans-serif !important;
  }
  
  .accordion .acc-btn .icon-box:before{
    position: absolute;
    content: '+';
  }
  
  .accordion .acc-btn.active .icon-box{
    color: #1F1F1F;
  }
  
  .accordion .acc-btn.active .icon-box:before{
    content: '-';
    font-size: 24px;
    font-family: 'DM Sans', sans-serif;
  }
  
/** testimonial-section **/


.testimonial-section{
    position: relative;
  }
  
  .testimonial-block-one{
    margin-top: 15px;
  }
  
  .testimonial-block-one .inner-box{
    position: relative;
    display: block;
    border: 1px solid rgba(31, 31, 31, 0.05);
    padding: 44px 50px 48px 50px;
  }
  
  .testimonial-block-one .inner-box .icon-box{
    position: absolute;
    top: -13px;
    right: 50px;
  }
  
  .testimonial-block-one .inner-box .designation{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 6px;
  }
  
  .testimonial-block-one .inner-box h2{
    display: block;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 30px;
  }
  
  .testimonial-block-one .inner-box p{
    font-size: 24px;
    line-height: 34px;
    font-family: 'Inter', sans-serif;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(31, 31, 31, 0.05);
  }
  
  .testimonial-block-one .inner-box .author-box{
    position: relative;
    display: block;
    padding: 0px 0px 0px 90px;
  }
  
  .testimonial-block-one .inner-box .author-box .thumb-box{
    position: absolute;
    left: 0px;
    top: 6px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
  }
  
  .testimonial-block-one .inner-box .author-box .thumb-box img{
    width: 100%;
    border-radius: 50%;
  }
  
  .testimonial-block-one .inner-box .author-box h3{
    display: block;
    font-size: 24px;
    line-height: 32px;
  }
  
  .testimonial-block-one .inner-box .author-box span{
    position: relative;
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
  }
  
  .testimonial-block-one .inner-box .author-box .rating-list{
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .testimonial-block-one .inner-box .author-box .rating-list li{
    font-size: 18px;
    margin-right: 2px;
  }
  
  .testimonial-section .owl-dots{
    position: relative;
    display: block;
    text-align: center;
    margin-top: 40px;
  }
  

  
/* ============  overall css ========== */

.sec-title .sub-title h5{
    font-size: 18px;
    line-height: 24px;
  }

.sec-title h2 {
    position: relative;
    display: block;
    font-size: 32px;
    line-height: 42px;
    text-transform: capitalize;
    margin: 0px;
}


.service-para {
    position: relative;
    color: #656565;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    transition: all 500ms ease;
}

.about-style-three .content-box .inner-box .single-item h4 {
    display: block;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 8px;
}
  
.align-3 {
    text-align: right;
}

/* ------Big slide Text----- */



.big-slide-text{
    position: relative;
  }
  
  .big-slide-text .text-box{
    position: relative;
    display: flex;
    align-items: center;
    width: max-content;
    -moz-animation: scroll-left 90s linear infinite;
    -webkit-animation: scroll-left 90s linear infinite;
    animation: scroll-left 90s linear infinite;
  }
  
  .big-slide-text .text-box li{
    position: relative;
    margin-left: 60px;
  }
  
  .big-slide-text .text-box li:before{
    position: absolute;
    content: '';
    background: rgba(31, 31, 31, 1);
    width: 15px;
    height: 15px;
    border: 1px solid rgba(31, 31, 31, 1);
    border-radius: 50%;
    left: -35px;
    top: 22px;
  }
  
  .big-slide-text .text-box li:nth-child(even):before{
    background: transparent;
  }
  
  .big-slide-text .text-box li a{
    position: relative;
    display: inline-block;
    font-size: 52px;
    line-height: 60px;
    font-family: var(--title-font);
    font-weight: 700;
    text-transform: capitalize;
  }
  
  .big-slide-text .text-box li:nth-child(odd) a{
    color: var(--title-color);
  }
  
  .big-slide-text .text-box li:nth-child(even) a{
    background: rgba(31, 31, 31, 1);
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px transparent;
    color: rgba(255, 255, 255, 1);
  }
  
  @-moz-keyframes scroll-left {
    0% { -moz-transform: translateX(0%); }
    100% { -moz-transform: translateX(-100%); }
  }
  
  @-webkit-keyframes scroll-left {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
  }
  .btn.btn-orange{
background:#eb8265;
color: #FFFFFF;
  }