html,body{font-family:"Gabarito", sans-serif;font-optical-sizing:auto;font-style:normal}
h1,h2,h3,h4,h5,h6,div,span,a,button{font-family:"Gabarito", sans-serif;font-style:normal}
@media (min-width: 1200px) {
    .container.container-max{max-width:1080px}
}
@media (max-width: 576px) {
    .container.container-max, .container{max-width:100%}
}
html,body {background-color: #f6f6f6;}
.dark-color{color: rgb(36, 36, 36);}
.white-color{color:#ffffff;}
.dark-bg{background-color: #0b0b0b;}
.light-bg{background-color: #f6f6f6;}
.white-bg{background-color: #ffffff;}
.transparent-bg{background-color:transparent}
.light-bg-img{
    background-color: #F5F9FF!important;
    background-image: url(../images/lightBg.jpeg);
    background-repeat: repeat;
    overflow: hidden;
}
.dark-bg-img{
    background-color: #F5F9FF;
    background-image: url(../images/darkBg.jpeg);
    background-repeat: repeat;
    overflow: hidden;
}
.text-left{text-align:left!important}
.navbar-area {
    width: 100%;
    max-width: 1040px;
    margin: 20px auto 0px;
    padding: 4px 6px 4px 30px;
    border-radius: 50px;
    background: linear-gradient(0deg, #101827 0%, #2C3A55 100%);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
}
.logged-in.admin-bar .navbar-area{margin:0px auto 0px}
.navbar-brand svg {
    position: relative;
    top: -3px;
    margin-right: 20px;
}
.herobg{
    width: 100%;
    background-image: url('../images/hero-bg.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #ffffff;
}
#hero{padding:180px 0px 70px}
.header-call-btn{min-width:148px}
.header-call-btn a, .header-call-btn span{
    display: inline-block;
    color: rgb(255, 255, 255);
    background: linear-gradient(93deg, #6B41FF 18.7%, #F64CFF 63.81%, #FFC553 101.8%);
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 4px 8px 0px, rgba(0, 0, 0, 0) 0px 92px 26px 0px;
    padding: 10px 12px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}
@media screen and (max-width:991px){
    .navbar-nav{background-color:black;border-radius:16px;overflow:hidden;padding:10px}
    .hero-section-wrapper-1 .header{padding-left:20px;padding-right:20px}
}
@media screen and (max-width:480px){
    .header-call-btn{max-width:114px;min-width:110px}
    .header.header-4 .navbar{gap:8px}
    .header-call-btn a, .header-call-btn span{font-size:16px;padding:7px}
    .navbar-area{padding:4px 6px 4px 18px}
}
@media screen and (max-width:360px){
    .header.header-4 .navbar-toggler{margin-left:0px;margin-right:10px}
    .hero-section-wrapper-1 .header{padding-left:5px;padding-right:5px}
}
#hero h1{
    margin: 0 auto;
    max-width: 870px;
    margin-bottom: 10px;
    color: #101827;
    text-align: center;
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
    letter-spacing: -1.4px;
}
 #hero h1 span{color:rgb(36, 36, 36)}
 #hero p{
    text-decoration: none;
    text-transform: none;
    max-width: 800px;
    margin: 0 auto 50px;
    color: #101827;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
 }
 .btn-wrapper {
    display: flex;
    width: 100%;
    gap: 16px;
}
.btn-primary{
    border-radius: 12px;
    opacity: 1;
    padding: 14px 32px;
    text-align: center;
    font-family: "Gabarito", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    min-width: 198px;
}
.btn-primary.black {
    color: #ffffff;
    transition: all 0.5s linear;
    border-radius: 120px;
    background: linear-gradient(93deg, #6B41FF 18.7%, #F64CFF 63.81%, #FFC553 101.8%);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.20);
    border:none;

}
.btn-primary.black:hover{
    box-shadow: rgba(0, 0, 0, 0.22) 0px 3px 6px 0px, rgba(0, 0, 0, 0.2) 0px 10px 10px 0px, rgba(0, 0, 0, 0.11) 0px 20px 12px 0px, rgba(0, 0, 0, 0.03) 0px 40px 15px 0px, rgba(0, 0, 0, 0) 0px 60px 20px 0px;
    transition: all 0.5s linear;
    background: linear-gradient(93deg, #6B41FF 18.7%, #F64CFF 63.81%, #FFC553 101.8%);
}
.btn-primary.white {
    box-shadow: rgba(187, 187, 204, 0.5) 0px 3px 12.1px 0px;
    transition: all 0.5s linear;
    border-radius: 120px;
    border: 1px solid #6B41FF;
    background: #FFF;
    padding: 13px 32px;
    color: #6B41FF;
}
.btn-primary.white:hover{
    border: 1px solid #6B41FF;
    background: #FFF;
    box-shadow: rgba(188, 188, 204, 0.18) 0px 3px 12.1px 0px;
    transition: all 0.5s linear;
}
.btn-primary.withoutborder {
    transition: all 0.5s linear;
    border-radius: 120px;
    border: 1px solid transparent;
    background: #F8F6FA;
    padding: 13px 32px;
    color: #101827;
}
.btn-primary.withoutborder:hover{
    border: 1px solid transparent;
    background: #FFF;
    box-shadow: rgba(188, 188, 204, 0.18) 0px 3px 12.1px 0px;
    transition: all 0.5s linear;
}
@media screen and (max-width:800px){
    #hero{padding:120px 0px 20px}
    #hero h1{font-size:40px;line-height:46px;letter-spacing:-0.8px;margin-bottom:16px}
    #hero p{margin:0 auto 40px}
    .btn-wrapper{flex-wrap:wrap}
    .btn-wrapper > a, .btn-wrapper > span{width:100%}
}
#second-section{padding:70px 0px 0px}
.first-slider{mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 88%, rgba(0, 0, 0, 0) 100%)}
.first-carousel img {
    max-width: 480px;
    aspect-ratio: 1.6 / 1;
    border-radius: 10px;
}
.first-carousel .swiper-slide{margin:0px 15px}
.second-carousel img {
    max-width: 480px;
    aspect-ratio: 1.6 / 1;
    border-radius: 10px;
}
.second-carousel .swiper-slide{margin:0px 15px}
.first-carousel + .second-carousel{margin-top:32px}
@media screen and (max-width:767px){
    .first-carousel img,.second-carousel img {
        max-width: 300px;
    }
}
#partners{padding:80px 0px 120px}
#partners p{
    text-decoration: none;
    text-align: center;
    margin-bottom: 24px;
    color: #101827;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.section-heading{
    text-decoration: none;
    margin-bottom:80px;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 64px;
}
@media screen and (max-width:767px){
    .section-heading{
        font-size: 32px;
        line-height: 40px;
        margin-bottom:40px;
    }
    #partners {
        padding:40px 0px 40px;
    }
    #second-section{
        padding: 20px 0px 0px;
    }
}

#anything-you-need {
    padding: 100px 0px 150px;
    background-color: #0b0b0b;
}
#anything-you-need .heading-wrapper {
    max-width: 600px;
    margin: 0 auto;
}
.anything-you-need-main-wrapper {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 100px;
    height: min-content;
    justify-content: flex-start;
    overflow: visible;
    padding: 0px;
    position: relative;
    width: 100%;
}
.anything-you-need-item {
    background: linear-gradient(92deg, #C84EF3 30.65%, #e88e80 69.23%, #E5996B 101.73%);
    border-radius: 20px;
    padding: 1px;
}
.anything-you-need-item-inner {
    background-color: #000000;
    border-radius: 20px;
}
.anything-you-need-content-wrapper {
    border-radius:20px;
    padding: 40px;
    position: relative;
    width: 100%;
}
.anything-you-need-heding-wrap {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: min-content;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
    gap: 16px;
}
.anything-you-need-heading {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 30px;
    color: #ffffff;
    background: linear-gradient(92deg, #9A7EFC 30.65%, #F64CFF 69.23%, #E1AC46 101.73%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.anything-you-need-heding-wrap span {
    padding: 3px 10px;
    width: min-content;
    min-width: 92px;
    text-align: center;
    border-radius: 50px;
    background: rgb(255 255 255 / 10%);
    color: rgb(255 255 255 / 80%);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.anything-you-need-content-wrapper>p {
    opacity: .6;
    margin-bottom: 40px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.anything-you-need-content-wrapper > ul {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.anything-you-need-content-wrapper > ul li {
    width: 100%;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding-left: 30px;
    position: relative;
    font-weight: 400;
    opacity: .85;
}
.anything-you-need-content-wrapper > ul li:before{
    position: absolute;
    left: 0px;
    top: 2px;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url('../images/sprite.svg');
    background-position: 0px 0px;
}
.anything-you-need-img-wrapper {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    padding: 20px;
}
.anything-you-need-img-wrapper img {
    height: 100%;
    contain: content;
    object-fit: cover;
    overflow: hidden;
    border-radius: 20px;
}
@media screen and (min-width:992px){
    .anything-you-need-main-wrapper .anything-you-need-item:nth-child(even) .row .col-lg-6:first-child {
        order: 2;
    }
    .anything-you-need-main-wrapper .anything-you-need-item:nth-child(even) .row .anything-you-need-img-wrapper{padding-right:0px}
    .anything-you-need-main-wrapper .anything-you-need-item:nth-child(odd) .row .anything-you-need-img-wrapper{padding-left:0px}
    .anything-you-need-main-wrapper .anything-you-need-item:nth-child(even) .row .anything-you-need-content-wrapper{padding-left:20px}
    .anything-you-need-main-wrapper .anything-you-need-item:nth-child(odd) .row .anything-you-need-content-wrapper{padding-right:20px}
}
@media screen and (max-width:991px){
    .anything-you-need-main-wrapper{
        gap:40px
    }
    .anything-you-need-content-wrapper{
        padding: 24px;
    }
    .anything-you-need-heding-wrap {
        flex-wrap: wrap;
    }
    .anything-you-need-heding-wrap span {
        order: 1;
    }
    .anything-you-need-heading {
        order: 2;
        font-size: 24px;
    }
    .anything-you-need-content-wrapper>p{
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 20px;
    }
    .anything-you-need-content-wrapper > ul{
        gap: 16px;
    }
    .anything-you-need-content-wrapper > ul li {
        width: 100%;
        max-width: 100%;
    }
    .anything-you-need-img-wrapper{
        width: 100%;
        height: auto;
    }
    .anything-you-need-img-wrapper img{
        height: auto;
        width: 100%;
        content: none;
    }
}
@media screen and (max-width:767px){
    #anything-you-need {
        padding: 80px 0px 40px;
    }
}
#result {
    padding: 100px 0px;
    background-color: #f0efef;
}
#result .heading-wrapper {
    margin-bottom: 80px;
}
.header-wrap{gap:24px}
#result .section-heading {
    margin: 0px auto;
    max-width: 600px;
}
#result .btn-primary.black {
    min-width: 150px;
}
.result-item-wrapper{
    overflow: hidden;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .04);
    margin: 0px 10px 50px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    display: inline-block;
    width: 100%;
}
.result-img-wrap {
    aspect-ratio: 1.7142857142857142 / 1;
    border-radius: 16px;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom: 14px;
}
.result-img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center;
    object-fit: cover;
}
.result-content-wrap {
    padding: 16px;
}
.result-logo {
    height: 24px;
    position: relative;
    width: 100%;
    margin-bottom: 14px;
}
.result-logo img {
    height: 100%;
    object-fit: contain;
}
.result-content-wrap h3 {
    margin-bottom: 10px;
    color: #101827;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}
.result-content-wrap h3 a,
.result-content-wrap h3 a:hover{
    color: #101827;
}
.result-content-wrap p {
    margin-bottom:0px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.result-key-feature-wrap {
    margin-top: 90px;
}
.result-key-heading {
    margin-bottom: 10px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}
.result-key-feature-wrapper {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    height: min-content;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
.result-key-feature-wrapper span {
    align-items: center;
    background-color: #fff;
    border-radius: 50px;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 8px 12px;
    position: relative;
    border: 1px solid rgba(255, 255, 255, .04);
    color: #101827;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.result-key-feature-wrap .result-key-feature-wrapper span{
    display: inline-flex;
    font-size: 14px;
    line-height: 22px;
    padding: 2px 15px;
    background-color: rgb(16 24 39 / 5%);
    border-radius: 50px;
    color: rgb(0 0 0 / 70%);
}
.result-key-feature-wrapper span i {
    width: 18px;
    height: 18px;
    min-width: 18px;
    background-color: rgb(0 0 0 / 20%);
    border-radius: 50px;
}
@media screen and (min-width:992px){
    a.result-item-wrapper{margin-right:0px;margin-left:0px}
}
@media screen and (max-width:991px){
    #result .section-heading{
        font-size: 32px;
    }
    .header-wrap {
       flex-wrap: wrap;
    }
    .result-item-wrapper{
        margin: 0px 0px 40px;
        padding: 12px;
    }
    #result .btn-primary.black {
        width: 100%;
    }
    .result-img-wrap{margin-bottom:8px}
    .result-content-wrap h3{
        font-size:24px;
    }
}
@media screen and (max-width:767px){
    #result {
        padding: 80px 0px 40px;
    }
    .result-key-feature-wrap {
        margin-top:30px;
    }
    #result .heading-wrapper {
        margin-bottom: 40px;
    }
    .result-key-feature-wrapper{
        gap: 6px;
    }
}
@media screen and (max-width:575px){
    #result .btn-primary.black {
        width: 100%;
    }
}
.dashboard{
    margin-top: 40px;
}
.cta-wrapper {
    align-items: center;
    background-color:#101827;
    border-radius:20px;
    box-shadow: 0 4px 12px #00000005, 0 7px 16px #0000000f, 0 29px 29px #0000000f, 0 66px 39px #00000008, 0 117px 47px #00000003, 0 182px 51px #0000;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 160px;
    justify-content: space-between;
    overflow: hidden;
    padding: 72px 48px 72px 40px;
    width: 100%;
    border: 1px solid #e1e7ef;
}
.cta-wrapper h2 {
    color: #FFF;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
}
.cta-wrapper .btn-wrapper{
    width: auto;
}
@media screen and (max-width:767px){
    .dashboard{
        margin-top: 20px;
    }
    .cta-wrapper {
        flex-wrap: wrap;
        height: auto;
        gap: 40px;
        padding: 40px;
        justify-content: center;
    }
    .cta-wrapper h2 {
        color: #FFF;
        text-align: center;
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
    }
    .cta-wrapper .btn-wrapper{min-width: 220px;}
    .cta-wrapper .btn-primary.black {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
    }
}
#testimonials{
    padding: 100px 0px;
}
.testimonial-sliders {
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
    overflow: hidden;
}
.testimonial-item {
    align-items: flex-start;
    backdrop-filter: blur(500px);
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    min-height: 260px;
    justify-content: flex-start;
    overflow: hidden;
    padding:40px;
    position: relative;
    width: 100%;
    max-width:380px;
    margin: 0px 20px 30px;
    border-radius: 20px;
    border: 1px solid #E6E6E6;
    background: #ffffff;
    transition: all 0.5s linear;
}
.testimonial-item:hover{
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
    transition: all 0.5s linear;
    background: #E9F0FC;
}
.testimonial-images {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap:12px;
    margin-bottom: 12px;
}
.testimonial-images > img {
    width: 80px;
    height: 80px;
    border-radius:50px;
}
.testimonial-company-img img {
    opacity: .5;
    position: relative;
    height: 24px;
    max-height: 24px;
    width: auto;
}
.testimonial-item h3 {
    text-decoration: none;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}
.testimonial-item h3 span{
    color:rgba(0, 0, 0, 0.5);
}
.designation {
    text-decoration: none;
    color:rgba(0, 0, 0, 0.5);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
}
.testimonial-item p {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    display: -webkit-box;
    display: -ms-box;
    display: -moz-box;
    -webkit-line-clamp: 3;
}
.testimonial-first-carousel .slick-slide .testimonial-item *,
.testimonial-second-carousel .slick-slide .testimonial-item * {
    user-select: text !important;
}
.testimonial-first-carousel + .testimonial-second-carousel {
    margin-top: 10px;
}
.read-full-review {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:22px;
    margin-bottom: 16px;
    width:100%;
    min-height: 24px;
}
.read-full-review div {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.read-icon {
    width: 14px;
    height: 14px;
    min-width: 14px;
    display: inline-flex;
    background-image: url(../images/sprite.svg);
    background-position: -19px 0px;
}
@media screen and (max-width:767px){
    #testimonials {
        padding: 80px 0px 40px;
    }
    .testimonial-item{
        padding: 24px;
    }
}
#pricing{
    padding: 100px 0px 150px;
    background-color: #000000;
}
.pricing-section{
    background: linear-gradient(92deg, #C84EF3 30.65%, #e88e80 69.23%, #E5996B 101.73%);
    border-radius: 20px;
    padding: 1px;
}
.pricing-wrapper {
    backdrop-filter: blur(500px);
    background-color: #000000;
    border-radius: 20px;
    padding: 60px 50px 50px;
}
.pricing-wrapper + .pricing-wrapper{margin-top:40px}
.pricing-wrapper .section-heading {
    margin-bottom: 10px;
    max-width: 600px;
}
.pricing-wrapper>p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    opacity: 0.6;
    margin-bottom: 50px;
}
.price {
    color: #ffffff;
    margin-bottom: 8px;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 64px;
}
.pricing-wrapper-left ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 0px;
}
.pricing-wrapper-left ul li {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    opacity: 0.6;
    padding-left: 20px;
    position: relative;
}
.pricing-wrapper-left ul li:first-child{
    padding-left:0px; 
}
.pricing-wrapper-left ul li:before{
    content:"";
    position: absolute;
    left: 0px;
    width: 8px;
    height: 8px;
    top: calc(50% - 4px);
    background-color: #ffffff;
    border-radius: 50px;
}
.pricing-wrapper-left ul li:first-child:before{
    content: none;
}
.pricing-wrapper-left ul span {
    background-color: rgba(247, 247, 250, 0.1);
    border-radius: 6px;
    display: inline-flex;
    padding: 8px;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    color: #ffffff;
}
.pricing-wrapper-left .btn-primary.white {
    width: 100%;
    font-weight: 600;
}
.pricing-wrapper-left .btn-wrapper.mb-3 + p {
    margin: 0px;
    font-size: 15px;
    text-align: center;
}
.price-key-heading {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #ffffff;
    margin-bottom: 18px;
    opacity: 0.6;
    text-transform: uppercase;
}
.price-keyfeature {
    padding-bottom: 60px;
}
.price-keyfeature > ul {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.price-keyfeature > ul li {
    width: calc(50% - 12px);
    line-height: 20px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding-left: 30px;
    position: relative;
    opacity: 0.7;
}
.price-keyfeature > ul li:before{
    position: absolute;
    left: 0px;
    top: 2px;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url('../images/sprite.svg');
    background-position: 0px 0px;
}
.price-flex {
    display: flex;
    gap: 60px;
    padding-top: 40px;
    border-top: 1px solid rgb(255 255 255 / 20%);
}
.price-flex>div {
    flex: 1;
}
.pricing-wrapper-right .btn-primary.black{
    width: 100%;
}
.pricing-wrapper-right p{
    line-height: 20px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-size: 16px;
    position: relative;
    opacity: 0.6;
}
@media screen and (max-width:991px){
    .pricing-wrapper {
        flex-wrap: wrap;
        padding: 40px 24px;
    }
    .pricing-wrapper>div {
        width: 100%;
    }
}
@media screen and (max-width:767px){
    #pricing {
        padding: 40px 0px;
    }
    .pricing-wrapper .section-heading {
        margin-bottom: 16px;
    }
    .pricing-wrapper>p{
        margin-bottom:40px
    }
    .price-flex {
        flex-wrap: wrap;
        gap: 24px;
        padding-top: 24px;
    }
    .price-keyfeature {
        padding-bottom: 24px;
    }
    .price{
        font-size:32px;
        line-height: 40px;
    }
    .price-flex>div {
        flex: auto;
    }
    .pricing-wrapper-right .btn-primary.black {
        font-size: 20px;
        line-height: 30px;
    }
}
@media screen and (max-width:575px){
    .price-keyfeature > ul li{
        width: 100%;
        margin-bottom: 0px;
    }
}
#feel-hassal{
    padding: 100px 0px;
}
#feel-hassal .heading-wrapper{
    margin-bottom: 50px;
}
#feel-hassal .section-heading {
    max-width: 800px;
    margin: 0px auto;
}
#feel-hassal .btn-primary.black {
    min-width: 155px;
}
.feel-hassal-item {
    background-color: rgb(255, 255, 255);
    height: 100%;
    width: 100%;
    padding: 30px;
    min-height: 280px;
    border: 1px solid rgb(237, 237, 237);
    transition: all 0.5s linear;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    display: inline-block;
    width: 100%;
}
.feel-hassal-item:hover {
    transition: all 0.5s linear;
}
.feel-hassal-img {
    height: 80px;
    margin-bottom: 20px;
}
.feel-hassal-img img {
    height: 100%;
    width: auto;
}
.feel-hassal-item h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #101827;
    margin-bottom: 20px;
}
.feel-hassal-item p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
    margin-bottom: 0px;
    opacity: 0.8;
}
@media screen and (max-width:991px){
    #feel-hassal .btn-primary.black {
        width: 100%;
    }
}
@media screen and (max-width:767px){
    #feel-hassal{
        padding: 80px 0px 16px;
    }
    #feel-hassal .heading-wrapper {
        margin-bottom: 30px;
    }
    .feel-hassal-item{
        padding: 24px;
    }
    .feel-hassal-img {
        margin-bottom: 24px;
    }
    .feel-hassal-item h3{
        margin-bottom: 16px;
    }
}
#traditional-agencies{
    padding: 100px 0px 80px;
}
#traditional-agencies .section-heading {
    max-width: 850px;
    margin: 0 auto 50px;
}
.traditional-agencies-wrapper {
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    flex-wrap: nowrap;
    padding: 40px;
    gap: 50px;
    position: relative;
}
.traditional-agencies-left .logo-wrap img {
    height: 24px;
    width: auto;
    max-width: 100%;
}
.other-agencies {
    font-weight: 500;
    line-height: 30px;
    color: rgb(36, 36, 36);
    font-size: 30px;
    margin-bottom: 30px;
}
.traditional-agencies-left ul li,
.traditional-agencies-right ul li {
    padding: 10px 0px 10px 28px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(0, 0, 0);
    position: relative;
}
.traditional-agencies-left ul li:before{
    position: absolute;
    left: 0px;
    top: 12px;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url('../images/sprite.svg');
    background-position: 0px 0px;
}
.traditional-agencies-right ul li:before{
    position: absolute;
    left: 0px;
    top: 12px;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url('../images/sprite.svg');
    background-position: -34px 0px;
}
@media screen and (min-width:768px){
    .traditional-agencies-wrapper:after {
        width: 1px;
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        left: calc(50% - 1px);
        background-color: rgb(0 0 0 / 10%);
    }
}
@media screen and (max-width:767px){
    #traditional-agencies{
        padding: 80px 0px 40px;
    }
    #traditional-agencies .section-heading {
        margin: 0 auto 40px;
    }
    .traditional-agencies-wrapper{
        padding: 40px 24px;
        flex-wrap: wrap;
        gap:80px
    }
    .other-agencies{
        font-size: 24px;
    }
    .traditional-agencies-wrapper:after {
        width: 100%;
        content: "";
        height: 1px;
        position: absolute;
        left: 0;
        top: calc(50% - 1px);
        background-color: rgb(0 0 0 / 10%);
    }
}
#flexible-price{
    padding: 40px 0px;
}
.flexible-price-text {
    font-size: 24px;
    line-height: 30px;
    color: #101827;
    margin-bottom: 20px;
}
#flexible-price .btn-primary {
    width: 100%;
    max-width: 500px;
    padding: 25px 32px;
    font-size: 30px;
    line-height: 30px;
}
.flexible-price-list {
    margin-top: 40px;
}
.flexible-price-list ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:2px
}
.flexible-price-list ul li{
    position: relative;
    padding: 0px 14px;
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    font-weight: 400;
}
.flexible-price-list ul li:after{
    content: "|";
    position: relative;
    top:0px;
    right:-14px;
    color: hsl(0deg 0% 0% / 30%);
}
.flexible-price-list ul li:last-child:after{
    content: none;
}
@media screen and (max-width:767px){
    .flexible-price-text{
        margin-bottom: 16px;
    }
    .flexible-price-list {
        margin-top: 24px;
    }
}
#teams {
    padding: 110px 0px 150px;
}
#teams .section-heading {
    margin-bottom: 50px;
}
.teams-item img {
    border-radius: 20px;
    margin-bottom: 20px;
    width: 100%;
    aspect-ratio: 1 / 1;
}
.teams-item h3 {
    font-size: 24px;
    line-height: 30px;
    color: #101827;
    margin-bottom: 10px;
}
.teams-item>div {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}
@media screen and (max-width:767px){
    #teams {
        padding: 40px 0px 40px;
    }
    #teams .section-heading {
        margin-bottom: 30px;
    }
    #teams .row .col-md-4 {
        margin-bottom: 60px;
    }
    #teams .row .col-md-4:last-child {
        margin-bottom: 0px;
    }
}
#faq-section{padding: 100px 0px;}
.faq-main-wrapper {
    display: flex;
    gap: 40px;
}
.faq-main-wrapper .heading-wrapper {
    max-width: 300px;
}
#accordionFaq .accordion-item {
    width: 100%;
    border-radius: 0;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}
#accordionFaq .accordion-item:last-child{
    margin-bottom: 0px;
    border-bottom: 1px solid transparent;
}
#accordionFaq .accordion-button {
    background-color: transparent;
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-decoration: none;
    padding: 24px 32px 24px 0px ;
    gap: 10px;
    position: relative;
}
#accordionFaq .accordion-body {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
    padding-top: 0px;
    padding-right: 56px;
    padding-left: 0px;
    padding-bottom: 24px;
}
.accordion-button::after{
    width:26px;
    height: 26px;
    position: absolute;
    top: 3px;
    right:0px;
    background-image: url(../images/sprite.svg);
    background-position: 0px -67px;
    background-size: auto;
    background-repeat: no-repeat;
}
.accordion-button:not(.collapsed)::after{
    background-image: url(../images/sprite.svg);
    transform: rotate(45deg);
}
#accordionFaq .accordion-button::after{
    background-position: -26px -67px;
    top: 32px;
}
@media screen and (max-width:991px){
    .faq-main-wrapper {
        flex-wrap: wrap;
    }
    .faq-main-wrapper .section-heading {
        margin-bottom: 24px;
    }
}
@media screen and (max-width:767px){
    #faq-section{
        padding: 80px 0px 40px;
    }
    .faq-main-wrapper .heading-wrapper {
        max-width: 200px;
    }
    #accordionFaq .accordion-button {
        font-size: 24px;
        line-height: 30px;
        padding: 16px 32px 16px 0px;
    }
    .accordion-button::after{
        top:0px;
    }
    #accordionFaq .accordion-button::after {
        top: 18px;
    }
    #accordionFaq .accordion-body{
        padding-right: 30px;
    }
    .faq-main-wrapper {
        gap: 0px;
    }
}
#bookACall {
    padding: 80px 0px;
}
#faq-section + #bookACall{padding:0px 0px 80px} 
#bookACall .section-heading {
    max-width: 600px;
    margin: 0 auto 30px;
}
.gradiant-border{
    background: linear-gradient(231deg, rgb(229 153 107 / 50%) 30.65%, rgb(200 78 243 / 50%) 100%);
    border-radius: 20px;
    padding: 1px;
}
.footer-book-a-call{
    padding: 80px;
    background-color: #000000;
    border-radius: 20px;
}
.footer-top {
    padding-bottom: 80px;
}
.footer-widget-heading {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 15px;
}
.footer-widget ul li a:hover {
    color: #F14CFF;
}
.footer-widget ul li a {
    font-size: 16px;
    line-height: 24px;
    padding: 5px 0px;
    display: inline-block;
    width: 100%;
    color: #ACACAC;
}
.footer-widget ul li.current-menu-item a,.footer-widget ul li.current-menu-item a:hover{
    color: #F14CFF;
}
@media screen and (max-width:991px){
    .footer-top .logo {
        margin-bottom: 10px;
    }
    .footer-widget{
        padding: 30px 0px 20px;
    }
    .footer-top {
        padding-bottom:0px;
    }
}
@media screen and (max-width:767px){
    #bookACall {
        padding: 40px 0px;
    }
    #faq-section + #bookACall{padding:40px 0px 40px} 
    #bookACall .section-heading {
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 24px;
    }
    .footer-book-a-call {
        padding: 40px 24px;
    }
}
@media screen and (max-width:480px){
    section#bookACall .btn-primary.black {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }
}
.copyright-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgb(255 255 255 / 10%);
    gap: 30px;
    padding: 30px 0px;
}
.footer-widget p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: rgb(255 255 255 / 50%);
}
.footer-lonks ul {
    display: flex;
    gap: 21px;
}
.footer-lonks ul li{
    position: relative;
}
.footer-lonks ul li:after {
    content: "|";
    position: absolute;
    right: -13px;
    top: 1px;
}
.footer-lonks ul li:last-child:after {
    content: none;
}
.footer-lonks ul li a {
    color: rgb(255 255 255 / 50%);
    font-size: 14px;
    font-weight: 400;
}
.footer-big-logo img {
    position: relative;
    bottom: 0px;
}
@media screen and (max-width:767px){
    .copyright-wrapper {
        flex-wrap: wrap;
        gap: 0px;
        padding:0px 0px 16px;
        border-top: none;
    }
    .copyright-wrapper>div {
        width: 100%;
        text-align: center;
    }
    .footer-big-logo img {
        bottom: -8px;
    }
    .footer-lonks ul {
        justify-content: center;
    }
}
@media screen and (min-width:992px){
    .modal-dialog.modal-book-call-dialog {
        max-width: 1080px;
    }
    .bookCall-heading .modal-book-call-close{
        position: relative;
        top: -12px;
        right: -20px;
    }
}
.modal-book-call-close{
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/sprite.svg');
    background-position: 0px -93px;
}
.btn-book-call-close {
    box-sizing: content-box;
    width: 40px;
    height: 40px;
    padding: 0px;
    color: #000;
    border: 0;
    border-radius: 50%;
    opacity: .5;
    display: inline-block;
    background-color: transparent;
}
.btn-book-call-close:hover{
    opacity: 1;
}
.modal-dialog.modal-book-call-dialog, .modal-dialog.modal-book-call-dialog .modal-content {
    border-radius: 20px;
    overflow: hidden;
}
.modal-book-call-dialog .modol-wrapper {
    display: flex;
    border-radius: 20px;
}
.modal-book-call-dialog .modol-wrapper > div {
    width: 50%;
    padding: 40px 40px 10px 40px;
}
.modal-left-wrapper {
    background: linear-gradient(237deg, #FFE2E0 20%, #FFFFFF 50%, #ECE2FF 101.8%);
}
.modal-content.bookCall-wrapper {
    background-color: rgb(255, 255, 255);
    height: 100%;
    width: 100%;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 0px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 0px, rgba(0, 0, 0, 0.01) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    padding: 40px;
    min-height: 280px;
    border: 1px solid rgb(237, 237, 237);
}
.bookCall-wrapper .bookCall-heading {
    font-size: 40px;
    line-height: 40px;
    color: #101827;
    margin-bottom: 10px;
}
.modal-book-call-dialog .bookCall-heading{
    font-size: 24px;
    line-height: 30px;
    color: #101827;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}
.modal-book-call-dialog .modal-left-heading{
    font-size: 24px;
    line-height: 30px;
    color: #101827;
    margin-bottom: 20px;
}
.modal-book-call-dialog .modal-left-heading span{
    color: #F64CFF;
}
.modal-left-wrapper-ul ul {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}
.modal-left-wrapper-ul ul li {
    width: 100%;
    line-height: 20px;
    color: #101827;
    font-size: 16px;
    padding-left: 30px;
    position: relative;
    font-weight: 400;
    opacity: .80;
}
.modal-left-wrapper-ul ul li:before{
    position: absolute;
    left: 0px;
    top: 2px;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url('../images/sprite.svg');
    background-position: -52px -67px;
}
.modal-left-sub-heading{
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #101827;
    margin-bottom: 10px;
}
.modal-carousel-item{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.modal-carousel img {
    width: 100%;
    height: auto;
    border-radius: 16px;
}
.bookCall-wrapper p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: #101827;
    text-decoration: none;
    margin-bottom: 30px;
}
.bookAcallForm label.form-label,
.bookAcallForm input.form-control,
.bookAcallForm textarea.form-control,
.bookAcallForm select.form-control{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #101827;
    margin-bottom: 5px;
}
.bookAcallForm input.form-control,
.bookAcallForm textarea.form-control,
.bookAcallForm select.form-control{
    border-radius: 8px;
    min-height: 40px;
    background-color: #ffffff;
    border: 1px solid rgb(0 0 0 / 10%);
}
.bookAcallForm input.form-control:focus,
.bookAcallForm textarea.form-control:focus,
.bookAcallForm select.form-control:focus{
    box-shadow: none;
}
.bookAcallForm textarea.form-control{
    max-height: 100px;
}
.bookAcallForm label.form-label span {
    color: red;
}
.bookAcallForm 
.spinner {
	width: 30px;
	height: 30px;
	border: 4px solid #ccc;
	border-top: 4px solid #333;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin: auto;
	min-width: 30px;
    display: inline-block;
}
.bookAcallForm .btn-wrapper > * {
    flex: 1;
}
.form-row {
    display: flex;
    gap: 10px;
}
.select-country-wrap {
    width: 100%;
    max-width: 120px;
    position: relative;
}
.mobile-wrap-with-country {
    width: 100%;
}
.select-country-wrap:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid rgba(0, 0, 0, .6);
    border-right: 2px solid rgba(0, 0, 0, .6);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 13px;
    position: absolute;
    top: 14px;
}
.select-country-wrap select{
    padding-right: 24px;
    cursor: pointer;
}
@keyframes spin {
	to { transform: rotate(360deg); }
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0
}

@media screen and (max-width:991px){
    .modal-book-call-dialog .modol-wrapper > div {
        width:100%;
    }
    .modal-left-wrapper{
        display: none;
    }
}
@media screen and (max-width:767px){
    .modal-book-call-dialog .modol-wrapper > div {
        padding: 24px;
    }
    .modal-book-call-dialog .bookCall-heading{
        align-items: center;
        font-size: 18px;
        line-height: 24px;
    }
}
@media screen and (max-width:480px){
    .bookAcallForm .btn-primary.black {
        font-size: 20px;
        padding: 8px 20px;
    }
}
/*Blog Page CSS */
.blog-slider-item {
    display: flex;
    overflow: hidden;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .04);
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.10);
    width:100%;
}
.blog-slider-img-wrap {
    border-radius: 16px;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 55%;
}
.blog-slider-img-wrap img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center;
    object-fit: cover;
}
.blog-slider-item > div.blog-slider-content-wrap {
    padding: 60px 40px 0px;
    max-width: 45%;
    position: relative;
    width: 100%;
}
.blog-slider-content-wrap h3 {
    font-size: 30px;
    line-height: 34px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 20px;
    color: #101827;
    max-width: 350px;
}
#hero .blog-slider-content-wrap p{
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 50px;
    text-align: left;
    max-width: 350px;
    margin-left: 0;
}
.blog-slider-feature-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 13px;
    line-height: 22px;
    color: rgb(16 24 39 / 60%);
}
.result-content-wrap .blog-slider-feature-wrapper{
    margin-top: 30px;
}
.key-feature-item,.key-feature-item a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #6B41FF;
    padding: 0px;
}
.key-feature-item a,span.key-feature-item a:hover{
    color: #6B41FF;
}
.key-feature-item img {
    border-radius: 50px;
    width: 22px;
    height: 22px;
}
.blog-slider-items {
    padding: 8px;
    margin-bottom: 22px;
}
.featured-blog {
    position: absolute;
    right: -15px;
    top: 24px;
    background-color: #44C367;
    padding: 4px 12px;
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
}
.feature-icon{
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../images/sprite.svg);
    background-position: -65px 0px;
    position: relative;
    top: 1px;
}
.featured-blog:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 30px solid #44C366;
    position: absolute;
    top: 0px;
    left: -13px;
    height: 30px;
}
@media screen and (max-width:991px){
    .blog-slider-item {
        flex-wrap: wrap;
    }
    .blog-slider-item > div,
    .blog-slider-img-wrap{
        width: 100%;
    }
    .blog-slider-item > div.blog-slider-content-wrap{
        max-width: 100%;
        padding: 60px 10px 0px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .blog-slider-content-wrap h3,
    #hero .blog-slider-content-wrap p{
        max-width: 100%;
        
    }
}
@media screen and (max-width:767px){
    .blog-slider-item{
        padding: 8px;
    }
    .blog-slider-item > div.blog-slider-content-wrap {
        padding: 60px 16px 16px;
    }
}
#blog-category-section {
    padding: 100px 0px 0px;
}
.blog-category-single .section-heading {
    margin-bottom: 40px;
}
.blog-category-carousel{
    margin: 0px -24px;
}
.blog-category-carousel .slick-track{
    margin-left: 0px;
}
.blog-category-carousel .item{
    margin: 0px 24px;
}
.blog-category-items {
    overflow: hidden;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .04);
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.10);
    width: 100%;
    display: inline-block;
}
.blog-category-single + .blog-category-single{
    margin-top: 100px;
}
@media screen and (max-width:767px){
    #blog-category-section{
        padding: 70px 0px 0px;
    }
    .blog-category-single .section-heading {
        text-align: center;
    }
    .blog-category-carousel{
        margin: 0px -8px;
    }
    .blog-category-carousel .item{
        margin: 0px 8px;
    }
    .blog-category-items{
        padding: 8px;;
    }
    .blog-category-items .result-content-wrap {
        padding:12px 8px;
    }
    .blog-category-carousel.slick-slider .slick-list{
        padding: 0 30px 0 0 !important;
    }
    .blog-category-single + .blog-category-single{
        margin-top: 70px;
    }
}
/* Arrow CSS */
.slider-dot-round-style .slick-arrow {
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 25px);
    z-index: 1;
    border: 1px solid #efefef !important;
    padding: 0;
    margin: 0;
    box-shadow: 0 0 8px #0000003b;
}
.slider-dot-round-style .slick-line-prev.slick-arrow {
    left: -15px;
}
.slider-dot-round-style .slick-line-next.slick-arrow {
    right: -15px;
}
.slider-dot-round-style .slick-arrow span {
    position: relative;
    top: 3px;
    background-image: url(../images/sprite.svg);
    display: inline-block;
    left: 2px;
    width: 10px;
    height: 20px;
    background-position: -53px 0px;
}
.slider-dot-round-style .slick-line-prev.slick-arrow .vid-angle-left {
    transform: rotate(180deg);
    background-position: -54px 0px;
    left: -2px;
}
.slick-slider.slider-dot-buble-style .slick-dots li button {
    font-size: 0;
    line-height: 0;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
    display: none;
}
.slider-dot-buble-style .slick-dots li {background-color:#D9D9D9;border: 1px solid #D9D9D9;border-radius:50%; display:inline-block; margin:0px 4px 0px;width:14px; height:14px;opacity: 0.5;}
.slider-dot-buble-style.slider-dot-buble-white .slick-dots li{border:1px solid #ffffff}
.slick-slider.slider-dot-buble-style .slick-line-prev.slick-disabled,
.slick-slider.slider-dot-buble-style .slick-line-next.slick-disabled{display:none!important}
.slider-dot-buble-style .slick-dots li{width:16px;height:16px}
.blog-slider.slider-dot-buble-style .slick-dots li,.modal-carousel.slider-dot-buble-style .slick-dots li{width:10px;height:10px}
.slider-dot-buble-style.slick-slider .slick-dots li.slick-active{
    background-color:#F14CFF;opacity:1;border:2px solid #F14CFF}
.slider-dot-buble-style.slick-slider.slider-dot-buble-white .slick-dots li.slick-active{
    background-color:#ffffff;opacity:1;border:2px solid #ffffff}
.slider-dot-buble-style .slick-dots {
    margin:20px 0px 0;
	text-align:center
}
.blog-category-carousel.slider-dot-round-style .slick-line-prev.slick-arrow {
    left: 0px;
}
.blog-category-carousel.slider-dot-round-style .slick-line-next.slick-arrow {
    right: 0px;
}
@media screen and (max-width:575px){
    .blog-category-carousel.slider-dot-round-style .slick-line-prev.slick-arrow,
    .blog-category-carousel.slider-dot-round-style .slick-line-next.slick-arrow{
        display: none!important;
    }
}
/* Blog Single */
#hero-single{
    background:linear-gradient(237deg, #FFE2E0 20%, #FFFFFF 50%, #ECE2FF 101.8%);
    padding: 180px 0px 50px;
}
#hero-single.city-hero{
    padding: 180px 0px 70px;
}
.back-button{
    display: flex;
    align-items: center;
    gap: 6px;
    color: #F14CFF;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}
.back-button:hover,.back-button:focus{
    color: #F14CFF;
}
.back-button-icon{
    background-image: url(../images/sprite.svg);
    display: inline-block;
    width: 7px;
    height: 12px;
    background-position: 0px -19px;
}
#hero-single h1 {
    margin: 0 auto;
    max-width: 870px;
    margin-bottom: 10px;
    color: #101827;
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -1.4px;
}
.single.single-blog #hero-single h1{
    font-size: 52px;
	line-height: 60px;
}
#hero-single p {
    text-decoration: none;
    text-transform: none;
    max-width: 800px;
    margin: 0 0px 50px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    color: #101827;
}
#hero-single p.text-center,
#hero-single p.has-text-align-center{
    margin: 0px auto 50px;
}
.blog-hero-details {
    padding: 10px 0px;
    border-top: 1px solid rgb(0 0 0 / 10%);
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    margin-top: 0px;
}
.seperator.right {
    margin-left: auto;
    opacity: 0;
}
.reviewed {
    display: inline-flex;
    gap: 6px;
}
@media screen and (max-width: 800px) {
    #hero-single {
        padding: 140px 0px 40px;
        background:linear-gradient(270deg, #FFE2E0 20%, #FFFFFF 50%, #ECE2FF 101.8%);
    }
    #hero-single.city-hero{
        padding: 140px 0px 40px;
    }
    #hero-single h1 {
        font-size: 40px;
        line-height: 46px;
        letter-spacing: -0.8px;
        margin-bottom: 16px;
    }
	.single.single-blog #hero-single h1{
        font-size: 36px;
    	line-height: 40px;
    }
    #hero-single p {
        margin: 0 auto 40px;
    }
}
@media screen and (max-width: 767px) {
    .blog-hero-details {
        border: none;
        margin-top: 14px;
    }
    .seperator.right {
        margin: 0;
        opacity: 1;
    }
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        z-index: 1;
    }
}
#blog-contant-wrapper {
    padding: 80px 0px 100px;
    background-color: #ffffff;
}
.blog-contant-wrap {
    display: flex;
    gap: 40px;
}
.blog-contant-wrap .sticky-top{
    top:40px;
}
.blog-bookmark-wrapper {
    width: 100%;
    max-width: 250px;
    min-width: 236px;
}
.blog-bookmark-wrapper h2{
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 20px;
    color: #101827;
    font-weight: 500;
}
.blog-bookmark {
    position: relative;
}
.blog-bookmark:before{
    content: "";
    position: absolute;
    left: 0px;
    top:8px;
    width:1px;
    height: calc(100% - 16px);
    background-color: rgb(0 0 0 / 10%);
}
.blog-bookmark ul{
    padding: 0px;
    margin: 0px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.blog-bookmark ul li{
    padding: 0px;
    margin: 0px;
    list-style: none;
	width:100%;
}
.blog-bookmark a {
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    position: relative;
    padding-left: 17px;
    display: inline-block;
    cursor: pointer;
    z-index: 1;
}
.blog-bookmark a.active {
    color: #F14CFF;
}
.blog-bookmark a.active:before {
    content: "";
    position: absolute;
    left: -1px;
    top:2px;
    width:3px;
    height: calc(100% - 4px);
    background-color: #F14CFF;
}
.key-takeawaye-wrap {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 40px;
}
.key-takeawaye-wrap h4 {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 20px;
    color: #101827;
    font-weight: 500;
}
.key-takeawaye-wrap ul {
    padding: 0px 0px 0px 16px;
    margin: 0;
}
.key-takeawaye-wrap ul li {
    list-style: disc;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 3px;
}
.blog-main-content-area {
    margin: 50px 0px;
}
.blog-main-content-area>*:first-child {
    margin-top: 0px;
}
.blog-main-content-area h1 {
    color: #101827;
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -1.4px;
}
.blog-main-content-area h2 {
    margin-bottom: 0px;
    color: #101827;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    margin-top: 80px;
}
.blog-main-content-area h3{
    margin-bottom: 0px;
    color: #101827;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
    margin-top: 50px;
}
.blog-main-content-area h4{
    margin-bottom: 0px;
    color: #101827;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
    margin-top: 50px;
}
.blog-main-content-area p{
    margin-bottom: 0px;
    color: #101827;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 20px;
}
.blog-main-content-area table tr th,
.blog-main-content-area table tr td{
    color: #101827;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.blog-main-content-area ul, .blog-main-content-area ol {
    margin-top: 16px;
    padding-left: 17px;
}
.blog-main-content-area ul li {
    list-style: disc;
    margin-bottom: 0px;
    color: #101827;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 5px;
}
.blog-main-content-area ol li {
    list-style: inherit;
    margin-bottom: 0px;
    color: #101827;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 5px;
}
.author-wrapper {
    background-color: #FAFCFF;
    border-radius: 20px;
    padding: 40px;
    display: flex;
    gap: 30px;
}
.author-img-wrap {
    aspect-ratio: 1 / 1;
    border-radius: 16px;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.author-img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center;
    object-fit: cover;
}
.author-wrapper-left {
    width: 100%;
    width: 150px;
}
.author-wrapper-left .author-img-wrap img {
    width: 150px;
    min-width: 150px;
    border-radius: 20px;
}
.social-wrapper {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 10px;
}
.social-wrapper li,
.social-wrapper li a {
    display: inline-flex;
}
.icon{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/sprite.svg);
}
.icon-linkedin{
    background-position: -31px -21px;
}
.icon-x{
    background-position: -56px -21px;
}
.author-name {
    font-size: 24px;
    line-height: 33px;
    color: #101827;
    margin-bottom: 10px;
}
.author-designation{
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 20px;
}
.author-wrapper-right p{
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin: 0px;
    font-weight: 400;
}
.blog-cta-wrapper {
    width: 240px;
    min-width: 240px;
}
.blog-right-widget + .blog-right-widget {
    margin-top: 50px;
}
.right-banner img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}
.services {
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 20px;
}
.service-heading{
    font-size: 24px;
    line-height: 33px;
    color: #101827;
    margin-bottom: 20px;
}
.services ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.services ul li {
    width: 100%;
}
.services ul li a {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #6B41FF;
}
.newsletter {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0px 0px 19px 0px rgb(0 0 0 / 5%);
}
.newsletter-form label{
    font-size: 16px;
    line-height: 20px;
    color: #101827;
    margin-bottom: 10px;
    font-weight: 400;
}
.newsletter-form input[type="text"],
.newsletter-form input[type="email"]{
    height: 40px;
    width:100%;
    border: 1px solid rgb(0 0 0 / 10%);
    padding: 6px 14px;
    font-size: 16px;
    line-height: 20px;
    color: #101827;
    border-radius: 50px;
}
.newsletter-form input.btn-primary.black {
    box-shadow: none;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 20px;
    margin-top: 15px;
}
.newsletter-form .wpuf-el.name.field-size-large,
.newsletter-form .wpuf-el.email.field-size-large,
.newsletter-form .wpuf-submit{
    padding: 0px;
}
.newsletter-form .wpuf-el.name.field-size-large.has-error,
.newsletter-form .wpuf-el.email.field-size-large.has-error{
    padding: 0px;
    background-color: transparent;
}
.newsletter-form .wpuf-el.name.field-size-large.has-error .wpuf-error-msg,
.newsletter-form .wpuf-el.email.field-size-large.has-error .wpuf-error-msg{
    color:red;
}
.newsletter.newsletter-form ul.wpuf-form.form-label-above li .wpuf-label {
    margin: 0px;
}
.newsletter.newsletter-form .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
.newsletter.newsletter-form .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email]{
    height: 40px;
    width: 100%;
    border: 1px solid rgb(0 0 0 / 10%);
    padding: 6px 14px;
    font-size: 16px;
    line-height: 20px;
    color: #101827;
    border-radius: 50px;
    background-color: transparent;
    box-shadow: none;
}
.newsletter.newsletter-form .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit],
.newsletter.newsletter-form ul.wpuf-form .wpuf-submit .button-primary-disabled{
    color: #ffffff !important;
    transition: all 0.5s linear;
    border-radius: 120px;
    background: linear-gradient(93deg, #6B41FF 18.7%, #F64CFF 63.81%, #FFC553 101.8%) !important;
    border: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 20px;
    width: 100%;
    text-shadow: none;
}
.newsletter-form .wpuf-submit{
    margin-top: 16px;
}
.newsletter-form .wpuf-error-msg {
    font-size: 12px;
    padding: 4px 0px;
}
.newsletter-form ul.wpuf-form .wpuf-submit .wpuf-errors {
    background-color: transparent;
    padding: 0px;
    border: none;
    color: red !important;
}
.wp-block-table {
    display: block;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}
.blog-main-content-area table {
    margin: auto;
    overflow-x: auto;
    display: table;
    min-width: 100%;
    width: fit-content;
    max-width: 100%;
	font-size: 16px;
	line-height:28px;
}
@media screen and (max-width:1200px){
    .blog-cta-wrapper {
        display: none;
    }
}
@media screen and (max-width:991px){
    .author-wrapper {
        padding: 24px;
        flex-wrap: wrap;
        gap:24px
    }
}
@media screen and (max-width:767px){
    #blog-contant-wrapper {
        padding: 40px 0px 40px;
    }
    .blog-contant-wrap {
        flex-wrap: wrap;
    }
    .key-takeawaye-wrap{
        padding: 40px 24px;;
    }
	.blog-main-content-wrapper{
		width:100%;
	}
    .blog-main-content-area {
        margin: 40px 0px 50px;
    }
    .blog-main-content-area h1 {
        font-size: 40px;
        line-height: 46px;
        letter-spacing: -0.8px;
    }
    .blog-main-content-area h2 {
        font-size: 30px;
        line-height: 36px;
        margin-top: 40px;
    }
    .blog-main-content-area p{
        margin-top: 24px;
    }
    .blog-main-content-area h3 {
        margin-top: 40px;
    }
    .blog-main-content-area h4 {
        margin-top: 40px;
    }
}
/* City Css */
#hero-single h2 {
    margin: 0 auto;
    max-width: 870px;
    margin-bottom: 30px;
    color: #101827;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
}
#hero-single.city-hero p{
    max-width: 430px;
    margin: 0 0px 30px;
}
#hero-single.city-hero a.btn-primary.white {
    font-size: 18px;
    line-height: 30px;
    padding: 10px 30px;
    background-color: transparent;
}
.hero-form {
    padding: 40px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 0px 19px 0px rgb(0 0 0 / 5%);
}
.hero-form-heading {
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 20px;
    color: #101827;
}
#hero-single.city-hero .bookAcallForm input.form-control,
#hero-single.city-hero .bookAcallForm textarea.form-control {
    min-height: 40px;
    border-radius: 8px;
}
#hero-single.city-hero .btn-primary {
    padding: 10px 30px;
    font-size: 18px;
    line-height: 30px;
    box-shadow: none;
}
@media screen and (max-width: 800px) {
    #hero-single.city-hero h1 {
        margin-bottom: 8px;
    }
    #hero-single h2 {
        margin-bottom: 16px;
        font-size: 24px;
        line-height: 40px;
    }
    #hero-single.city-hero p {
        max-width: 100%;
        margin: 0 0px 24px;
    }
}
#city-startup {
    padding: 100px 0px 60px;
}
#city-startup .heading-wrapper {
    max-width: 800px;
    margin: 0 auto;
}
.city-startup-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}
.city-startup-wrapper>div {
    width: 100%;
}
.city-startup-item {
    background-color: #000000;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.city-startup-item-img {
    width: 120px;
    min-width: 120px;
}
.city-startup-item-img img {
    width: 100%;
    height: auto;
}
.city-startup-item-content h3 {
    font-size: 30px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 10px;
}
.city-startup-item-content p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: rgb(255 255 255 / 60%);
}
.city-startup-note{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: rgb(255 255 255 / 60%);
    margin-top: 30px;
    text-align: center;
}
@media screen and (max-width: 767px) {
    #city-startup {
        padding: 80px 0px 40px;
    }
    .city-startup-wrapper {
        gap: 16px;
    }
    .city-startup-item {
        padding: 24px;
        gap: 16px;
        flex-wrap: wrap;
    }
    .city-startup-item-content {
        width: 100%;
    }
    .city-startup-item-img {
        width: 80px;
        min-width: 80px;
    }
    .city-startup-item-content h3 {
        font-size: 24px;
        margin-bottom: 8px;
        max-width: 280px;
    }
    .city-startup-item-content p {
        font-size: 14px;
        max-width: 320px;
    }
    .city-startup-note{
        margin-top: 16px;
    }
}
#city-packages {
    padding: 100px 0px;
}
#city-packages .row .col-lg-4 .gradiant-border {
    height: 100%;
}
.city-package-item {
    background-color: #000000;
    border-radius: 20px;
    padding: 30px;
    height: 100%;
}
.city-package-item h3 {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 30px;
    color: #ffffff;
    background: linear-gradient(92deg, #9A7EFC 30.65%, #F64CFF 69.23%, #E1AC46 101.73%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 200px;
    min-height: 60px;
}
.city-package-item ul {
    padding: 0;
    margin: 0;
}
.city-package-item ul li {
    margin: 0;
    padding: 20px 0px;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    max-width: 250px;
}
.city-package-item ul li:last-child{
    border-bottom: 1px solid transparent;
}
.city-package-item ul li strong{
    display: inline-block;
    width: 100%;
    color: rgb(255 255 255 / 60%);
    font-weight: 600;
}
.city-package-item .btn-primary {
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    padding: 10px 20px;
}
@media screen and (max-width: 767px) {
    #city-packages {
        padding: 80px 0px 40px;
    }
    #city-packages .row .col-lg-4 {
        margin-bottom: 24px;
    }
    #city-packages .row .col-lg-4:last-child {
        margin-bottom: 0px;
    }
    .city-package-item{
        padding: 24px;;
    }
    .city-package-item h3 {
        font-size: 24px;
        min-height: 1px;
        margin-bottom: 8px;
    }
    .city-package-item ul li {
        padding: 16px 0px;
    }
}
#result.city-result {
    padding: 100px 0px 30px;
}
@media screen and (max-width: 767px) {
    #result.city-result {
        padding: 80px 0px 0px;
    }
}
#city-industries {
    padding: 100px 0px 80px;
}
#city-industries .heading-wrapper {
    margin-bottom: 70px;
}
#city-industries .heading-wrapper .section-heading {
    margin: 0 auto 10px;
    text-align: center;
    max-width: 800px;
}
#city-industries .heading-wrapper p {
    font-size: 18px;
    line-height: 28px;
    margin: 0 auto;
    text-align: center;
    max-width: 700px;
}
.city-industries-item-wrapper{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.city-industries-item-wrapper .col-lg-4.col-sm-6{text-align:center}
.city-industries-item {
    margin-bottom: 50px;
    display: inline-block;
    width: auto;
    max-width: 240px;
}
.city-industries-item h3 {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 16px;
    font-weight: 500;
    gap: 10px;
    text-align: left;
}
.city-industries-item h3 img {
    width: 30px;
    min-width: 30px;
}
.city-industries-item > ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 39px;
    text-align: left;
}
.city-industries-item > ul li {
    width: 100%;
    line-height: 20px;
    color: rgb(16 24 39 / 80%);
    font-size: 16px;
    padding-left: 26px;
    position: relative;
    font-weight: 400;
}
.city-industries-item > ul li:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url(../images/sprite.svg);
    background-position: 0px 0px;
}
@media screen and (max-width: 767px) {
    #city-industries {
        padding: 80px 0px 40px;
    }
    #city-industries .heading-wrapper {
        margin-bottom: 30px;
    }
    #city-industries .heading-wrapper .section-heading {
        text-align: left;
    }
    #city-industries .heading-wrapper p {
       display: none;
    }
    .city-industries-item-wrapper .col-lg-4.col-sm-6 {
        text-align: left;
    }
    .city-industries-item{
        max-width: 100%;
    }
    .city-industries-item h3{
        flex-wrap: wrap;
        gap: 8px;
    }
    .city-industries-item h3 span {
        width: 100%;
    }
    .city-industries-item > ul {
        padding-left: 0px;
        gap: 8px;
    }
}
#city-category-section {
    padding: 100px 0px 80px;
}
#city-category-section .section-heading.white-color {
    margin-bottom: 50px;
    max-width: 800px;
}

@media screen and (max-width: 767px) {
    #city-category-section {
        padding: 80px 0px 40px;
    }
    #city-category-section .section-heading.white-color {
        text-align: center;
        margin-bottom: 40px;
    }
}
#city-how-we-work {
    padding: 100px 0px 80px;
}
.city-how-we-work-wrapper {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
.arrow-img{
    display: inline-block;
    width: 62px;
    height: 20px;
    background-image: url('../images/sprite.svg');
    background-position: 0px -46px;
}
.arrow-img.arrow-down {
    transform: scaleY(-1);
}
.city-how-we-work-img-wrap {
    text-align: center;
    margin-bottom: 30px;
}
.city-how-we-work-img-wrap img {
    width: 170px;
    height: auto;
}
.city-how-we-work-item h3 {
    font-size: 24px;
    text-align: center;
    line-height: 33px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #101827;
}
.city-how-we-work-item p {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    max-width: 200px;
}
@media screen and (min-width: 992px) {
    .city-how-we-work-item i {
        position: relative;
        top: 75px;
    }
}
@media screen and (max-width: 991px) {
    .city-how-we-work-wrapper {
        flex-wrap: wrap;
    }
    .city-how-we-work-item{
        width: 100%;
        text-align: center;
    }
    .arrow-img{
        transform: rotate(90deg);
    }
    .arrow-img.arrow-down {
        transform: rotate(90deg) scaleY(-1);
    }
}
@media screen and (max-width: 767px) {
    #city-how-we-work {
        padding: 70px 0px 40px;
    }
    .city-how-we-work-img-wrap img {
        width: 120px;
    }
}
/* Industry */
#hero-industry{
    background:linear-gradient(237deg, #FFE2E0 20%, #FFFFFF 50%, #ECE2FF 101.8%);
    padding: 180px 0px 50px;
}
#hero-industry h1 {
    margin: 0 auto;
    margin-bottom: 30px;
    color: #101827;
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -1.4px;
    text-align: center;
}
.hero-description p {
    text-decoration: none;
    text-transform: none;
    max-width: 720px;
    margin: 0px auto 80px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    color: #101827;
}
@media screen and (max-width: 800px) {
    #hero-industry {
        padding: 80px 0px 40px;
        background:linear-gradient(270deg, #FFE2E0 20%, #FFFFFF 50%, #ECE2FF 101.8%);
    }
    #hero-industry h1 {
        font-size: 40px;
        line-height: 46px;
        letter-spacing: -0.8px;
        margin-bottom: 16px;
    }
    .hero-description p {
        margin: 0 auto 40px;
    }
}
#industry-faq {
    padding: 100px 0px;
}
.industry-faq-wrap .section-heading {
    margin-bottom: 20px;
}
#industryFaq .accordion-item,
#industryFaq1 .accordion-item {
    padding: 20px 0px;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}
#industryFaq .accordion-item:last-child,
#industryFaq1 .accordion-item:last-child{
    border:none;
}
#industryFaq .accordion-button,
#industryFaq1 .accordion-button{
    border: none;
    background-color: transparent;
    color: #6C41FF;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    padding: 0px 32px 0px 0px;
}
#industryFaq .accordion-collapse,
#industryFaq1 .accordion-collapse{
    border: none;
}
#industryFaq .accordion-body,
#industryFaq1 .accordion-body{
    padding: 10px 30px 0px 0px;
    font-size: 16px;
    line-height: 24px;
    color: #101827;
    font-weight: 400;
}
.industry-faq-wrap .btn-wrapper {
    margin-top: 20px;
}
.industry-faq-wrap .btn-primary {
    font-size: 18px;
    line-height: 26px;
    padding: 9px 30px;
    box-shadow: none;
}
.industry-faq-wrap .btn-primary:hover{
    box-shadow: none;
}
.industryFaq-cta {
    background-color: #101827;
    border-radius: 20px;
    padding: 70px;
    text-align: center;
    margin-top: 100px;
}
.industryFaq-cta-heading {
    font-size: 50px;
    line-height: 64px;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.industryFaq-cta-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: rgb(255 255 255 / 60%);
    margin-bottom: 40px;
}
.industryFaq-cta .btn-primary {
    font-size: 20px;
    padding: 15px 40px;
    line-height: 30px;
}
#industry-faq .row.fade-section + .row.fade-section{
    margin-top: 150px;
}
@media screen and (min-width: 992px) {
    #industry-faq .container.container-max .row.fade-section:nth-child(even) {
        flex-direction: row-reverse;
    }
    #industry-faq .row.fade-section .col-lg-6:first-child{
        padding-right: 25px;
    }
    #industry-faq .row.fade-section .col-lg-6:nth-child(2){
        padding-left: 25px;
    }
    #industry-faq .row.fade-section.flex-row-reverse .col-lg-6:first-child,
    #industry-faq .container.container-max .row.fade-section:nth-child(even)  .col-lg-6:first-child {
        padding-right: 15px;
        padding-left: 25px;
    }
    #industry-faq .row.fade-section.flex-row-reverse .col-lg-6:nth-child(2),
    #industry-faq .container.container-max .row.fade-section:nth-child(even) .col-lg-6:nth-child(2){
        padding-left: 15px;
        padding-right: 25px;
    }
}
@media screen and (max-width: 767px) {
    #industry-faq {
        padding: 80px 0px 40px;
    }
    .industry-faq-wrap .section-heading {
        margin-bottom: 4px;
    }
    #industryFaq .accordion-item,
    #industryFaq1 .accordion-item{
        padding: 16px 0px;
    }
    #industryFaq .accordion-button,
    #industryFaq1 .accordion-button{
        font-size: 20px;
    }
    #industryFaq .accordion-body,
    #industryFaq1 .accordion-body{
        padding: 8px 30px 0px 0px;
        font-size: 14px;
        line-height: 20px;
    }
    .industry-faq-wrap {
        margin-top: 40px;
    }
    .industryFaq-cta {
        padding: 40px 24px;
        margin-top: 40px;
    }
    .industryFaq-cta-heading {
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 24px;
    }
    .industryFaq-cta-text{display:none}
    .industryFaq-cta .btn-wrapper > span {
        width: auto;
    }
    #industry-faq .row.fade-section + .row.fade-section{
        margin-top: 80px;
    }
}
.truster-by-heading {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
    color: #101827;
    font-weight: 400;
}
.truster-by-img {
    display: flex;
    align-items: center;
    gap: 50px;
}
.truster-by-img img {
    width: 100%;
    max-width: 400px;
    height: auto;
}
.case-study-hero-right {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.case-study-hero-right div {
    width: calc(50% - 5px);
}
.case-study-hero-right div:first-child {
    width: 100%;
}
.case-study-hero-right div img {
    width: 100%;
    height: auto;
}
@media screen and (min-width: 992px) {
    .case-study-hero-right{
        padding-left: 10px;
    }
}
@media screen and (max-width: 991px) {
    .truster-by {
        display: none;
    }
    .case-study-hero-right {
        margin-top: 40px;
    }
}
/* Case Study CSS */
#case-study-hero{
    padding: 180px 0px 20px;
}

.case-study-tags {
    display: flex;
    margin-bottom: 20px;
    gap: 10px;
    flex-wrap: wrap;
}
.case-study-tags span {
    display: inline-flex;
    font-size: 14px;
    line-height: 22px;
    padding: 2px 15px;
    background-color: rgb(16 24 39 / 5%);
    border-radius: 50px;
    color: rgb(0 0 0 / 70%);
}
#case-study-hero h1 {
    margin-bottom: 30px;
    color: #101827;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 64px;
    letter-spacing: 1px;
}
.case-study-conversation {
    font-size: 13px;
    line-height: 22px;
    color: rgb(16 24 39 / 60%);
    margin-bottom: 10px;
    letter-spacing: 1px;
    position: relative;
}
.case-study-conversation span{
    background-color: #ffffff;
    padding-right: 10px;
    display: inline-block;
    position: relative;
}
.case-study-conversation:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgb(0 0 0 / 10%);
    position: absolute;
    left: 0px;
    top: 11px;
}
@media screen and (min-width: 992px) {
    .case-study-hero-left{
        padding-right: 10px;
    }
}
@media screen and (max-width: 991px) {
    #case-study-hero h1 {
        margin-bottom: 16px;
        font-size: 40px;
        line-height: 46px;
    }
}
@media screen and (max-width: 767px) {
    #case-study-hero {
        padding: 67px 0px 20px;
    }
    .case-study-tags {
        gap: 6px;
        margin-bottom: 16px;
    }
}
#case-study-main-content-section {
    padding: 50px 0px 80px;
}
#case-study-main-content-section .sticky-top{
    top:40px;
}
.case-study-main-content-wrapper>*:first-child{
    margin-top:0px;
}
.case-study-main-content-wrapper h2 {
    font-size: 30px;
    line-height: 33px;
    margin-top: 40px;
    color: #101827;
    font-weight: 500;
}
.case-study-main-content-wrapper p {
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin-top: 20px;
}
.case-study-main-content-wrapper ul,.case-study-main-content-wrapper ol{
    margin-top: 20px;
    padding-left: 17px;
}
.case-study-main-content-wrapper ul li,.case-study-main-content-wrapper ol li{
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}
.case-study-main-content-wrapper ul li{
    list-style: disc;
}
.case-study-main-content-wrapper ol li{
    list-style: number;
}
.case-study-main-content-wrapper img {
    max-width: 100%;
    margin-top: 30px;
    width:100%;
}
.case-study-main-content-wrapper > div {
    margin-top: 40px;
}
.case-study-main-content-wrapper h3 {
    font-size: 24px;
    line-height: 33px;
    margin-top: 40px;
    color: #101827;
    font-weight: 500;
}
.author-full-area {
    padding: 40px;
    background-color: #101827;
    border-radius: 20px;
}
.author-full-area > p {
    color: rgb(255 255 255 / 80%);
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 400;
}
.case-study-author-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}
.case-study-author-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}
.case-study-author-img {
    width: 44px;
}
.case-study-author-img img {
    width: 44px;
    height: 44px;
    border-radius: 50px;
    margin-top: 0px;
}
.case-study-author-name {
    font-size: 18px;
    line-height: 22px;
    color: #101827;
    font-weight: 500;
}
.light .case-study-author-name{
    color: #ffffff;
}
.case-study-author-designation {
    font-size: 14px;
    line-height: 20px;
    color: rgb(0 0 0 / 70%);
    font-weight: 400;
}
.light .case-study-author-designation{
    color: rgb(255 255 255 / 70%);
}
.case-study-main-content-right {
    padding: 40px;
    background-color: #ffffff;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
}
.case-study-main-content-right h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 16px;
    font-weight: 500;
    color: #101827;
}
.case-study-main-content-right ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.case-study-main-content-right ul li {
    padding: 0px 0px 0px 28px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: rgb(0, 0, 0);
    position: relative;
}
.case-study-main-content-right ul li:before{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 3px;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url('../images/sprite.svg');
    background-position: 0px 0px;
}
.case-study-main-content-right + .case-study-cta-img{margin-top:20px}
.case-study-cta-img img{width:100%}
@media screen and (min-width:992px) {
    .case-study-main-content-wrapper{
        padding-right: 10px;
    }
    #case-study-main-content-section .sticky-top{
        padding-left:10px;
    }
}
@media screen and (max-width:991px) {
    .case-study-main-content-right{display:none}
}
@media screen and (max-width: 767px) {
    #case-study-main-content-section {
        padding: 60px 0px 40px;
    }
    .case-study-main-content-wrapper h2 {
        font-size: 32px;
        line-height: 40px;
        margin-top: 80px;
    }
    .author-full-area {
        padding: 40px 24px;
    }
    .author-full-area > p {
        margin-bottom: 40px;
    }
}