/* New City CSS */
#hero-city{
    background: linear-gradient(237deg, #FFE2E0 20%, #FFFFFF 50%, #ECE2FF 101.8%);
    padding: 120px 0px 50px;
}
.breadcrum-wrap {
    margin-bottom: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.breadcrumb-wrapper a, .breadcrumb-wrapper span {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
}
.rating-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
#hero-city h1 {
    margin: 0 auto;
    max-width: 870px;
    margin-bottom: 10px;
    color: #101827;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.4px;
}
#hero-city .sub-hero-heading {
    margin: 0 auto;
    max-width: 870px;
    margin-bottom: 50px;
    color: #101827;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}
#hero-city .sub-hero-heading span {
    text-decoration: underline;
}
#hero-city .sub-hero-heading a {
    text-decoration: underline;
    color: #101827;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}
.hero-city-desc-content{
    margin-bottom: 70px;;
}
#hero-city p {
    text-decoration: none;
    text-transform: none;
    max-width: 800px;
    margin: 0 0px 20px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    color: #101827;
}
#hero-city p + p{
    margin: 0 0px 0px;
}
.hero-city-jump {
    margin-bottom: 50px;
}
.hero-city-jump a{
    font-size: 24px;
    line-height: 30px;
}
.hero-city-form{
    padding: 40px 30px 30px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 0px 19px 0px rgb(0 0 0 / 5%);
}
.hero-city-form .btn-primary{
    font-size: 18px;
    line-height: 30px;
    padding: 10px 30px;
}
.hero-city-key-feature {
    display: flex;
    width: 100%;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px 30px;
}
.hero-city-key-feature-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:20px;
    border-right: 1px solid rgb(0 0 0 / 10%);
}
.hero-city-key-feature-content h4 {
    font-size: 24px;
    line-height: 30px;
    color: #101827;
    margin-bottom: 0px;
    font-weight: 500;
}
.hero-city-key-content p{
    margin: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.hero-city-key-feature .hero-city-key-feature-item:first-child {
    justify-content: flex-start;
}
.hero-city-key-feature .hero-city-key-feature-item:last-child {
    border-right: none;
}

@media screen and (max-width: 991px) {
    .hero-city-key-feature {
        margin-bottom: 24px;
        flex-wrap: wrap;
        gap: 24px;
        padding: 24px;
    }
    .hero-city-key-feature-item {
        flex: auto;
        width: 100%;
        justify-content: flex-start;
        border-right: none;
        border-bottom: 1px solid rgb(0 0 0 / 10%);
        padding-bottom: 24px;
    }
    .hero-city-key-feature .hero-city-key-feature-item:last-child {
        border-bottom: none;
        padding-bottom: 0px;
    }
}
@media screen and (max-width: 800px) {
    .logged-in.admin-bar #hero-city{
        padding: 80px 0px 24px;
    }
    #hero-city {
        padding: 110px 0px 24px;
    }
    .breadcrum-wrap{
        margin-bottom: 30px;
    }
    .rating-wrapper{
        display: none;
    }
    #hero-city h1 {
        font-size: 40px;
        line-height: 46px;
        letter-spacing: -0.8px;
        margin-bottom: 8px;
    }
    #hero-city .sub-hero-heading {
        margin-bottom: 24px;
        font-size: 18px;
        line-height: 26px;
    }
    .hero-city-desc-content {
        margin-bottom: 24px;
    }
    #hero-city p{
        max-width: 100%;
        font-size: 16px;
        margin: 0 0px 24px;
        line-height: 24px;
    }
    .hero-city-jump {
        margin-bottom: 30px;
    }
    .hero-city-jump a {
        font-size: 18px;
    }
}
#city-partners{padding:80px 0px 50px}
#city-partners p{
    text-decoration: none;
    text-align: center;
    margin-bottom: 24px;
    color: #101827;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
@media screen and (max-width:767px){
    #city-partners {
        padding:40px 0px 40px;
    }
}
#city-growth{
    padding-top: 30px;
}
.city-growth-wrapper{
    padding-bottom: 50px;
}
.city-heading-wrapper{
    padding-bottom: 50px;
}
.city-sub-heading {
    display: inline-flex;
    padding: 5px 10px;
    background-color: rgb(108 65 255 / 10%);
    border-radius: 6px;
    font-size: 12px;
    line-height: 14px;
    color: #6C41FF;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.city-main-heading {
    font-size: 42px;
    line-height: 50px;
    font-weight: 600;
    max-width: 750px;
    margin-bottom: 20px;
}
.city-dark-color{
    color: #101827;
}
.full-width.city-main-heading{
    max-width: 100%;
}
.without-para .city-main-heading{
    margin-bottom: 0px;
}
.text-center .city-main-heading{
    margin-left: auto;
    margin-right: auto;
} 
.city-heading-wrapper p {
    font-size: 18px;
    line-height: 26px;
    color: #101827;
    max-width: 800px;
    margin-bottom: 0px;
}
.city-heading-wrapper p.full-width{
    max-width: 980px;
}
.text-center.city-heading-wrapper p {
    margin-left: auto;
    margin-right: auto;
}
.city-growth-wrap {
    margin-bottom: 64px;
}
.city-growth-item {
    text-align: center;
    padding: 0px 20px;
}
.city-growth-img {
    margin-bottom: 10px;
}
.city-growth-img img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
}
.city-growth-item h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #101827;
}
.city-growth-item p {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    max-width: 270px;
    margin: 0 auto;
    font-weight: 400;
}
.city-growth-seo-content {
    text-align: center;
}
.city-growth-seo-content p {
    font-size: 18px;
    line-height: 26px;
    color: #101827;
}
.city-growth-seo-content p + p {
    margin-top: 16px;
}
.city-growth-wrapper .btn-wrapper span{
    margin-top: 50px;
}
.city-primary-btn{
    padding: 10px 30px;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    border-radius: 50px;
    cursor: pointer;
}
.city-primary-btn.normal{
    background-color: #E9F0FC;
    color: #6C41FF;
    max-width: 190px;
}
.city-growth-wrapper .btn-wrapper .city-primary-btn.active{
    display: none;
}
.city-what-deliver{
    padding-bottom: 80px;
    font-size: 18px;
    line-height: 26px;
    color: #101827;
}
.city-what-deliver p,
.city-what-deliver ul,
.city-what-deliver ol,
.city-what-deliver a {
    font-size: 18px;
    line-height: 26px;
    color: #101827;
}
.city-what-deliver h3 {
    font-size: 24px;
    line-height: 30px;
    color: #101827;
    margin-bottom: 20px;
}
.city-what-deliver > * {
    margin-top: 16px;
}
.city-what-deliver > *:first-child {
    margin-top: 0px;
}

.city-information-service {
    padding-bottom: 100px;
}
.city-information-service .city-main-heading {
    margin-bottom: 30px;
}
.table-content {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 20px;
    color: #101827;
    font-weight: 600;
}
.city-link-list {
    padding-left: 45px;
}
#city-information-service .city-link-list {
    padding-left: 0px;
}
.city-link-list li {
    padding: 0px;
    position: relative;
}
#city-information-service .city-link-list li {
    padding-left: 28px;
}
.city-link-list li a {
    padding: 8px 0px;
    display: inline-block;
    color: #6C41FF;
    font-size: 20px;
    line-height: 30px;
    text-decoration: underline;
    width: 100%;
}
#city-information-service .city-link-list li a {
    padding: 5px 10px 5px 0px;
    font-size: 16px;
}
.city-link-list li:before {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #101827;
    border-radius: 50px;
    content: "";
    left: -27px;
    top: 17px;
}
#city-information-service .city-link-list li:before {
    top: 15px;
    left: 0px;
}
.city-what-expect{
    padding-bottom: 80px;
}
.city-what-expect-content {
    max-width: 1000px;
    margin: 0 auto;
}
.city-what-expect-content p{
    color: #101827;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
}
.city-what-expect-content ul {
    padding-left: 28px;
}
.city-what-expect .city-what-expect-content ul {
    padding-left: 45px;
}
.city-what-expect-content ul li {
    padding: 0px;
    position: relative;
    padding: 10px 0px;
    display: inline-block;
    color: #101827;
    font-size: 18px;
    line-height: 26px;
}
.city-what-expect-content ul li:before {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #101827;
    border-radius: 50px;
    content: "";
    left: -27px;
    top: 16px;
}
@media screen and (min-width:992px){
    .city-what-expect-content{
        padding-right: 15px;
    }
    .how-we-measure-img-wrap{
        padding-left: 15px;
    }
    #city-information-service .city-link-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #city-information-service .city-link-list li {
        width: 50%;
    }
}
@media screen and (max-width:767px){
    #city-growth {
        padding-top: 20px;
    }
    .city-growth-wrap {
        margin-bottom: 16px;
    }
    .city-main-heading{
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 16px;
    }
    .city-heading-wrapper p {
        font-size: 16px;
        line-height: 24px;
    }
    .city-heading-wrapper {
        padding-bottom: 40px;
    }
    .city-growth-item{
        padding: 0px;
    }
    .city-growth-item h3 {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .city-growth-item p {
        font-size: 16px;
    }
    .city-growth-seo-content p {
        font-size: 16px;
        line-height: 24px;
    }
    .city-growth-wrapper {
        padding-bottom: 40px;
    }
    .city-growth-wrapper .btn-wrapper {
        margin-top: 40px;
    }
    .city-what-deliver h3{
        margin-bottom: 16px;
    }
    .city-what-deliver {
        padding-bottom: 80px;
    }
    .city-information-service {
        padding-bottom: 80px;
    }
    .city-information-service .city-main-heading {
        margin-bottom: 24px;
        text-align: center;
    }
    .table-content {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 16px;
    }
    .city-link-list {
        padding-left: 28px;
    }
    .city-link-list li:before{
        top: 12px
    }
    .city-link-list li a {
        padding: 4px 0px;
        font-size: 16px;
        line-height: 26px;
    }
    #city-information-service .city-link-list li a{
        padding: 4px 0px;
        line-height: 26px;
    }
    .city-what-expect {
        padding-bottom: 50px;
    }
    .city-what-expect-content ul li{
        padding: 8px 0px;
    }
    .city-what-expect-content ul li:before{
        top: 14px
    }
    #city-information-service .city-link-list li:before{
        top: 12px
    }
}
.city-author {
    padding: 40px 0px;
}
.city-author-wrap {
    display: flex;
    align-items: center;
    gap: 40px;
}
.city-author-img-wrap {
    width: 190px;
    min-width: 190px;
    padding: 10px;
    background-color: rgb(255 255 255 / 10%);
    border-radius: 10px;
}
.city-author-img-wrap img{
    max-width:100%;
    border-radius: 10px;
}
.city-author-content-wrap img {
    margin-bottom: 24px;
}
.city-author-content {
    font-size: 18px;
    line-height: 26px;
    color: rgb(255 255 255 / 70%);
    margin-bottom: 24px;
}
.city-author-content-wrap h3 {
    font-size: 24px;
    line-height: 30px;
    color: rgb(255 255 255 / 70%);
    margin-bottom: 4px;
}
.city-author-desig {
    font-size: 16px;
    line-height: 20px;
    color: rgb(255 255 255 / 50%);
}
@media screen and (max-width:767px){
    .city-author {
        padding: 24px 0px 40px;
    }
    .city-author-wrap {
        flex-wrap: wrap;
        gap: 30px;
    }
    .city-author-content {
        font-size: 16px;
        margin-bottom: 40px;
    }
}
#city-result{
    padding: 100px 0px 30px;
}
.city-more-case-study {
    padding-bottom: 50px;
}
.city-more-case-study a {
    font-size: 18px;
    line-height: 30px;
    color: #6C41FF;
}
@media screen and (max-width: 767px) {
    #city-result{
        padding: 80px 0px 0px;
    }
    .city-more-case-study {
        padding-bottom: 80px;
    }
}

#how-we-measure {
    padding: 100px 0px 80px;
    background-color: #E9F0FC;
}
.how-we-measure {
    margin-top: 30px;
}
.how-we-measure 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;
    padding: 10px 20px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    max-width: 170px;
}

@media screen and (max-width: 767px) {
    #how-we-measure {
        padding: 80px 0px 50px;
    }
    #how-we-measure .city-heading-wrapper .d-flex {
        justify-content: center;
    }
    #how-we-measure .city-heading-wrapper {
        text-align: center;
    }
    .city-what-expect-content p{
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 40px
    }
    #how-we-measure .city-what-expect-content {
        margin-bottom: 40px;
    }
    .how-we-measure {
        margin-top: 16px;
        text-align: center;
    }
}
#industry-faq.city-industry-faq{
    padding: 100px 0px 80px;
}
.city-about-wrap {
    padding: 100px 0px 0px;
}
.city-about-wrap .city-heading-wrapper {
    padding-bottom: 30px;
}
.city-about-content-wrapper {
    font-size: 18px;
    line-height: 26px;
    color: #101827;
}
.city-about-content {
    font-size: 18px;
    line-height: 26px;
    color: #101827;
}
.city-about-read-more {
    padding: 30px 0px;
    display: inline-block;
    color: #6C41FF;
    text-decoration: underline;
    cursor: pointer;
}
.city-about-read-more.active{
    display: none;
}
.city-about-read-more-content{
    padding-top:16px;
}
.city-about-read-more-content p,
.city-about-read-more-content ul,
.city-about-read-more-content ol{
    font-size: 18px;
    line-height: 26px;
    color: #101827;
}
.city-about-read-more-content p + p,
.city-about-read-more-content p + ul,
.city-about-read-more-content p + ol,
.city-about-read-more-content ul + ul,
.city-about-read-more-content ol + ol{
    margin-top: 16px;
}
.city-about-read-more-content ul, .city-about-read-more-content ol{
    padding-left: 17px;
}
.city-about-read-more-content ul li {
    list-style: disc;
}
.city-about-read-more-content ol li {
    list-style: auto;
}
@media screen and (min-width:992px){
    .col-lg-6.city-about-content-wrapper {
        padding-right: 25px;
    }
    .city-about-img-wrap{
        padding-left: 15px;
    }
}
@media screen and (max-width:767px){
    .city-industry-faq .industry-faq-wrap {
        margin-top: 0px;
    }
    .city-about-wrap {
        padding: 60px 0px 0px;
    }
    .city-about-content {
        text-align: center;
    }
    .city-about-read-more {
        text-align: center;
        width: 100%;
        padding: 16px 0px 40px;
        font-size: 20px;
        line-height: 30px;
    }
}
#industry-faq.city-industry-faq + #teams{
    padding-top: 20px;
    padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
    #industry-faq.city-industry-faq + #teams{
        padding-top: 40px;
    }
}
.teams-back-top{
    display: inline-block;
    color: #101827;
    background-color: #E9F0FC;
    border-radius: 50px;
    padding: 10px 30px;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}
.teams-contact{
    display: inline-block;
    color: rgb(255, 255, 255);
    background: linear-gradient(93deg, #6B41FF 18.7%, #F64CFF 63.81%, #FFC553 101.8%);
    border-radius: 50px;
    padding: 10px 20px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    max-width: 170px;
}
#teams .btn-wrapper {
    margin-top: 45px;
}
@media screen and (max-width:800px){
    #teams .btn-wrapper{
        display: none;
    }
}
.single.single-city #feel-hassal {
    padding: 100px 0px 60px;
}
.city-feel-hassal-item {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.city-feel-hassal-item > div {
    width: 100%;
}
.feel-hassal-view-more{
    padding: 10px 30px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    border-radius: 50px;
    cursor: pointer;
    background-color: #E9F0FC;
    color: #000000;
    width: 100%;
    display: inline-block;
    margin-top: 16px;
}
.feel-hassal-view-more:hover,
.feel-hassal-view-more:focus{
    color: #000000;
}
@media screen and (max-width:800px){
    .feel-hassal-view-more{
        margin-top: 24px;
    }
}
@media screen and (max-width:767px){
    .single.single-city #feel-hassal {
        padding: 80px 0px 16px;
    }
}
.single.single-city #city-packages {
    padding: 100px 0px 80px;
}
.city-package-item {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.city-package-item > div {
    width: 100%;
}
.city-package-item h3{
    max-width: none;
    display: inline-block;
}
.city-package-item ul li ul {
    margin-top: 8px;
}
.city-package-item ul li ul li {
    padding: 0px;
    list-style: disc;
    list-style-position: inside;
    font-size: 16px;
    line-height: 24px;
    border: none;
}
.compare-plan-btn-wrapper {
    margin-top: 50px;
    text-align: center;
}
.compare-plan-btn-wrapper a {
    display: inline-block;
    background-color: #101827;
    border: 1px solid #6C41FF;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
}
.compare-plan-btn-wrapper a:hover,
.compare-plan-btn-wrapper a:focus{
    color: #ffffff;
}
@media screen and (max-width:800px){
    .compare-plan-btn-wrapper {
        margin-top: 24px;
    }
}
@media screen and (max-width:767px){
    .single.single-city #city-packages {
        padding: 80px 0px 40px;
    }
}
#city-why-do{
    padding: 100px 0px 80px;
}
.city-why-do-wrap{
    max-width: 1020px;
    margin: 0 auto;
}
@media screen and (min-width: 992px) {
    #city-why-do .city-what-expect-content{
        padding-right: 14px;
    }
}
@media screen and (max-width:800px){
    #city-why-do{
        padding: 80px 0px 40px;
    }
}
@media screen and (max-width:800px){
    #industry-faq.city-industry-faq {
        padding: 80px 0px 40px;
    }
}

#city-design-process{
    padding: 100px 0px 60px;
}
#processFaq {
    max-width: 1000px;
    margin: 0 auto;
}
#processFaq .accordion-button,
#processFaq .accordion-collapse{
    border: none;
    color: #101827;
}
#processFaq .accordion-button {
    padding: 0px 18px 0px 0px;
    display: flex;
    gap: 14px;
    position: relative;
}
#processFaq .accordion-button span {
    font-size: 20px;
    line-height: 26px;
    color: #101827;
}
#processFaq .accordion-button:not(.collapsed)::after{
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#processFaq .accordion-button::after {
    background-image: none;
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #101827;
    border-right: 2px solid #101827;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 4px;
    position: absolute;
    top: 22px;
}
#processFaq .accordion-collapse{
    padding: 0px;
}
#processFaq .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #101827;
}
#processFaq .accordion-item {
    padding: 24px;
    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%;
    margin-bottom: 20px;
}
#processFaq .accordion-item.active {
    border: 1px solid #6C41FF;
}
#processFaq .accordion-collapse .accordion-body {
    padding: 15px 0px 20px 0px;
}
#processFaq .accordion-body {
    font-size: 16px;
    line-height: 26px;
    color: #101827;
}
#processFaq .accordion-body > * {
    margin-top: 30px;
    font-size: 16px;
    line-height: 26px;
    color: #101827;
}
#processFaq .accordion-body > *:first-child{
   margin-top: 0px; 
}
#processFaq .accordion-collapse .accordion-body ul,
#processFaq .accordion-collapse .accordion-body ol {
    padding-left: 17px;
}
#processFaq .accordion-collapse .accordion-body ul li {
    list-style: disc;
    margin-bottom: 30px;
}
#processFaq .accordion-collapse .accordion-body ol li {
    list-style: auto;
    margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
    #city-design-process {
        padding: 80px 0px 42px;
    }
    #processFaq {
        padding: 0px 0px 0px;
    }
    #processFaq .accordion-item {
        padding: 16px;
        margin-bottom: 8px;
    }
    #processFaq .accordion-button span {
        font-size: 16px;
    }
    #processFaq .accordion-button img{
        width: 42px;
        height: 42px;
    }
    #processFaq .accordion-button::after{
        top: 19px
    }
}

#city-industry-we-work {
    padding: 100px 0px 40px;
}
.city-industry-we-work-wrap .city-link-list,
.city-industry-we-work-wrap ul{
    padding-left: 0px;
    display: flex;
    flex-wrap: wrap;
}
.city-industry-we-work-wrap .city-link-list li,
.city-industry-we-work-wrap ul li{
    width: 25%;
    padding-left: 28px;
}
.city-industry-we-work-wrap .city-link-list li:before,
.city-industry-we-work-wrap ul li:before{
    left: 0px;
}
.city-industry-we-work-wrap ul li a{
    padding: 8px 0px;
    display: inline-block;
    color: #6C41FF;
    font-size: 20px;
    line-height: 30px;
    text-decoration: underline;
    width: 100%;
}
.city-industry-we-work-wrap ul li span{
    padding: 8px 0px;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    width: 100%;
}
@media screen and (min-width:768px) and (max-width: 991px) {
    .city-industry-we-work-wrap .city-link-list li,
    .city-industry-we-work-wrap ul li{
        width: 33.33%;
    }
}
@media screen and (max-width: 767px) {
    .city-industry-we-work-wrap .city-link-list li,
    .city-industry-we-work-wrap ul li{
        width: 50%;
    }
    #city-industry-we-work .city-industry-we-work-wrap .city-link-list li a,
    #city-industry-we-work .city-industry-we-work-wrap ul li a{
        line-height: 30px;
    }
    #city-industry-we-work {
        padding: 80px 0px 20px;
    }
}
#city-seo-packages {
    padding: 100px 0px 60px;
}
.table-img {
    display: inline-block;
    width: 18px;
    height: 18px;
    content: "";
    background-image: url(../images/sprite.svg);
    background-position: -52px -67px;
    position: relative;
    top: 5px;
}
#city-seo-packages .table>:not(caption)>*>* {
    border-color: #EFEFEF;
}
#city-seo-packages .table tr td {
    font-size: 14px;
    line-height: 26px;
    color: #101827;
}
#city-seo-packages .table tr.table-header-row td {
    font-size: 20px;
    padding-top: 70px;
    padding-bottom: 30px;
}
#city-seo-packages .table tr.table-header-row th,
#city-seo-packages .table tr th{
    font-size: 20px;
    padding-bottom: 30px;
    padding-top: 70px;
}
#city-seo-packages .table thead:first-child tr th{
    padding-top: 0px;
}
#city-seo-packages .table tr th span {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    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;
}
.table-space {
    width: 16px;
    height: 2px;
    display: inline-block;
    background-color: #E1D6D6;
}
@media screen and (max-width: 767px) {
    #city-seo-packages {
        padding: 60px 0px 40px;
    }
    #city-seo-packages .table tr.table-header-row th{
        padding-top: 70px;
        display: none;
    }
    #city-seo-packages .table tr.table-header-row th:first-child{
        display: table-cell;
    }
    #city-seo-packages .table tr.table-header-row th, #city-seo-packages .table tr th {
        font-size: 16px;
        padding-bottom: 8px;
    }
    #city-seo-packages .table tr th span{
        font-size: 14px;
    }
    #city-seo-packages .table tr td {
        font-size: 14px;
        line-height: 20px;
    }
    #city-seo-packages .table tr.table-header-row td {
        font-size: 16px;
        padding-top: 40px;
        padding-bottom: 8px;
        font-weight: 500;
    }
}
#city-award {
    padding: 100px 0px 80px;
}
.city-award-carousel {
    margin: 0px -10px;
}
.city-award-carousel-item {
    margin: 0px 10px;
    width: 249px;
    display: none;
}
.city-award-carousel-item img{
    width: 100%;
}
@media screen and (min-width: 1200px){
    .city-award-carousel.slick-slider .city-award-carousel-item.slick-slide:nth-child(4) {
        display: block;
    }
}
@media screen and (min-width: 991px){
    .city-award-carousel.slick-slider .city-award-carousel-item.slick-slide:nth-child(3) {
        display: block;
    }
}
@media screen and (min-width: 767px){
    .city-award-carousel.slick-slider .city-award-carousel-item.slick-slide:nth-child(2) {
        display: block;
    }
}
.city-award-carousel .city-award-carousel-item:first-child,
.city-award-carousel.slick-slider .city-award-carousel-item.slick-slide{
    display: block;
}
@media screen and (max-width: 767px) {
    #city-award {
        padding: 80px 0px 40px;
    }
    #city-award .slick-list {
        padding: 0 100px 0 0 !important;
    }
}

#city-we-growth{
    padding: 100px 0px 40px;
}
.city-we-growth-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.city-we-growth-item {
    width: calc(50% - 10px);
    display: flex;
    gap: 20px;
    background-color: #ffffff;
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    border-radius: 20px;
    overflow: hidden;
    align-items: center;
}
.city-we-growth-item img{
    width: 138px;
    min-width: 138px;
}
.city-we-growth-item h3 {
    font-size: 20px;
    line-height: 33px;
    font-weight: 500;
    color: #101827;
    width: 100%;
    padding-right: 20px; 
}
@media screen and (max-width: 991px) {
    .city-we-growth-item {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    #city-we-growth{
        padding: 80px 0px 40px;
    }
    .city-we-growth-wrap {
        gap: 8px;
    }
    .city-we-growth-item img {
        width: 106px;
        min-width: 106px;
    }
    .city-we-growth-item h3 {
        font-size: 14px;
        line-height: 20px;
        padding-right: 12px;
    }
}

#city-faq-section{
    padding: 60px 0px 50px;
}
#cityAccordionFaq{
    max-width: 1000px;
    margin: 0 auto;
}
#cityAccordionFaq .accordion-button,
#cityAccordionFaq .accordion-collapse{
    border: none;
    color: #101827;
}
#cityAccordionFaq .accordion-button {
    padding: 0px 18px 0px 0px;
    display: flex;
    gap: 14px;
    position: relative;
}
#cityAccordionFaq .accordion-button {
    font-size: 30px;
    line-height: 30px;
    color: #101827;
    font-weight: 500;
}
#cityAccordionFaq .accordion-button:not(.collapsed)::after{
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#cityAccordionFaq .accordion-button::after {
    background-image: none;
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #101827;
    border-right: 2px solid #101827;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 4px;
    position: absolute;
    top: 12px;
}
#cityAccordionFaq .accordion-collapse{
    padding: 0px;
}
#cityAccordionFaq .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #101827;
}
#cityAccordionFaq .accordion-item {
    padding: 34px 40px;
    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%;
    margin-bottom: 20px;
}
#cityAccordionFaq .accordion-item.active{
    border: 1px solid #6C41FF;
}
#cityAccordionFaq .accordion-collapse .accordion-body {
    padding: 24px 18px 0px 0px;
}
#cityAccordionFaq .accordion-body {
    font-size: 16px;
    line-height: 26px;
    color: #101827;
}
#cityAccordionFaq .accordion-body > * {
    margin-top: 30px;
    font-size: 16px;
    line-height: 26px;
    color: #101827;
}
#cityAccordionFaq .accordion-body > *:first-child{
   margin-top: 0px; 
}
#cityAccordionFaq .accordion-collapse .accordion-body ul,
#cityAccordionFaq .accordion-collapse .accordion-body ol {
    padding-left: 17px;
}
#cityAccordionFaq .accordion-collapse .accordion-body ul li {
    list-style: disc;
    margin-bottom: 30px;
}
#cityAccordionFaq .accordion-collapse .accordion-body ol li {
    list-style: auto;
    margin-bottom: 30px;
}
#cityAccordionFaq .accordion-body a{
    font-size: 16px;
    line-height: 26px;
    color: #101827;
    text-decoration: underline;
}
@media screen and (max-width: 767px) {
    #city-faq-section {
        padding: 60px 0px 42px;
    }
    #cityAccordionFaq .accordion-item {
        padding: 16px 20px;
        margin-bottom: 8px;
    }
    #cityAccordionFaq .accordion-button {
        font-size: 18px;
        line-height: 26px;
    }
}
.footer-sticky-wrap-desktop {
    padding: 8px 0px;
    background-color: #0F1827;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 1;
}
.footer-sticky-wrapper-desktop {
    font-size: 18px;
    color: #ffffff;
    line-height: 30px;
    gap: 10px;
}
.footer-sticky-wrap-desktop span[type="button"] {
    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: 6px 20px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    min-width: 120px;
}
@media screen and (max-width:767px){
    .footer-sticky-wrap-desktop{display:none!important}
}