.blog-details thead td {
    background-color: #2e5aef26;
}
#menu-hamburger-menu.nav{
    display: flex;
    flex-direction: column;
}
#menu-main-menu li.dropdown:hover .dropdown-menu{
    display: block;
}
.menu-overlay #menu-hamburger-menu.nav .dropdown-menu a:hover{
    color: #F9E653 !important;
}

.blog-details table,
.blog-details table th,
.blog-details table td {
    border: 1px solid #0000000f !important;
    border-collapse: collapse;
    padding: 10px;
}

.blog-details table tbody tr:nth-child(odd) {
    background-color: #0000000f;

}

.lp-services-new,
.lp-apps {
    display: none !important;
}

.blog-casestudy .title-header {
    background: none;
    height: auto;
    padding-top: 88px;
}

.blog-casestudy .title-header .overlay-header {
    display: none;
    background: none;
}

.blog-casestudy .title-header img {
    display: none;
}

.blog-casestudy .title-header .title-text {
    color: #272934;
    text-align: left;
    position: static;
    transform: none;
}

.blog-casestudy .title-header .title-text h1 {
    text-transform: none;
    font-size: 70px;
}

.blog-casestudy .title-header .container {
    max-width: 1140px;
}

.blog-casestudy .center,
.blog-casestudy .center p {
    text-align: left;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.pr-inner-content {
    display: flex;
    justify-content: space-between;

}

.pr-inner-content>div {
    width: 45%;
    ;
}

.pr-inner-content>div img {
    width: 100%;
}

.pr-inner-content>div.img {
    position: relative;
}

.pr-inner-content>div.img img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: 1;
    position: relative;
}

.pr-inner-content>div.img:after {
    content: '';
    position: absolute;
    width: 118px;
    height: 127px;
    background-color: #F8E71C;
    left: -25px;
    top: 347px;
}

.case-approch .col-12>ul {
    padding-left: 57px;
    margin-top: 38px;
    list-style-type: none;
}

.case-approch .col-12>ul ul {
    padding-left: 15px;
    margin-top: 15px;
}

.case-approch .img {
    margin-bottom: 38px;

}

.case-approch .img img {
    height: 460px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.case-approch li {
    margin-bottom: 20px;
    position: relative;

}

.case-approch .col-12>ul>li:after {
    content: '✔';
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #2E5AEF;
    left: -50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 3px;
}

.case-approch li:last-child {
    margin-bottom: 0;
}

.blog-casestudy h2 {
    font-size: 70px;
}

.blog-casestudy ul li {
    font-size: 20px;
}

.challenges {
    background-color: #F6F8FA;
}

.challenges h2 {
    text-align: center !important;
    margin-bottom: 100px;
}

.blog-casestudy p {
    font-size: 20px;
}

.impout h2 {
    font-size: 50px;
}

.impout img {
    margin-bottom: 40px;
    width: 100%;
    height: 340px;
    object-fit: cover;
}

.impout h2 {
    margin-bottom: 38px;
    padding-left: 20px;
}

.impout .row {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.impout .row:after {
    content: '';
    position: absolute;
    left: calc(50% - -29px);
    width: 2px;
    background-color: #272934;
    top: 430px;
    bottom: 0px;
    height: calc(100% - 430px);
    opacity: 0.1;
}

.impout .row .col-6 {
    width: 45%;
}

.s-left img {
    margin: 0 0 0 0px;
    max-width: 70px !important;
}

.blog-details {
    padding-top: 0;
    background-color: #fff;
}

.blog-details .blog-banner {
    background-color: #ED0F92;
    padding-top: 57px;
    padding-bottom: 245px;
}

.blog-details .blog-banner h1 {
    font-size: 60px;
    font-weight: 600;
    line-height: 83.5px;
    text-align: left;
    color: #fff;
}

.blog-details h1 {
    font-size: 26px;
    color: rgba(4, 2, 13, 0.6);
}

.blog-details .blog-banner .before-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: #fff;
}

.blog-image {
    margin-top: -215px;
}

/* .blog-image img{
height: 450px;
} */
.blog-image:hover img {
    opacity: 1;
}

.blog-details .article-box {
    padding: 0;
    box-shadow: none;
    width: calc(100% - 280px);
    margin: auto;
}

.blog-details article h2,
.blog-details article h3 {
    color: #ED0F92;
    font-size: 40px;
    margin-bottom: 32px;
    margin-top: 64px;
}

.blog-details article h3 {
    font-size: 32px;
}

.blog-details article p img {
    width: 100%;
}

.blog-details article p,
.blog-details article ul {
    color: rgba(4, 2, 13, 0.6);
    /* word-break: break-word; */
    font-size: 19px;
    line-height: 30px;
    /* font-family: Aspira; */
    font-size: 24px;
    font-weight: 400;
    line-height: 42px;
    text-align: left;
}

.blog-details article h4 {

    font-weight: 550;
    line-height: 30px;
    text-align: left;
    color: #ED0F92;
    color: rgba(4, 2, 13, 0.6);

}

.blog-details article ol>li>strong {
    font-size: 26px;
    display: inline-block;
    margin-bottom: 20px;
    color: #ED0F92;
}

.blog-details article ul {
    padding-left: 25px;
}

.blog-details .article-nav {
    display: none;
}

.blogPubAuthor {
    width: 720px;
    max-width: 100%;
    padding: 32px 16px 32px 16px;
    border-radius: 8px 0px 0px 0px;
    border: 1px solid #EEEEEE;
    margin-left: 0;
    margin-top: 30px;
}

.blogPubAuthor .share-footer {
    padding-top: 0;

}

.blogPubAuthor .share-footer:before {
    display: none;
}

.share-footer .category-label span {
    padding: 4px 8px 4px 8px;
    gap: 31px;
    border-radius: 4px 0px 0px 0px;
    background-color: #eeeeee;

}

.blogPubAuthor .leftPart .authorImageWrap .authorImg {
    border-radius: 0;
    border: 0;
    width: 100%;
    height: 100%;

    border-radius: 4px 0px 0px 0px;
    border: 1px solid #EBEBEB;

}

.blogPubAuthor .leftPart .authorImageWrap .authorImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blogPubAuthor .rightPart .authorName {
    color: #ED0F92;
}

.blogPubAuthor .rightPart .authorContent {
    color: rgba(4, 2, 13, 0.6);
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
}

.blogPubAuthor .share .social a {
    background-color: #333;
}

.related-blogs h2 {
    color: #ED0F92;
}

.blog-list .col-3 {
    display: none;
}

.blog-list .col-9 {
    width: 100%;
}

.blog-list .blog-content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.blog-list .blog-content .article-box {
    width: 31.33%;
    background-color: transparent;
    padding: 0;
    border: 0;
    box-shadow: none;
    padding: 15px;
    background-color: #fff !important;
    padding: 20px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    align-items: flex-start;
}

.blog-list .blog-content .article-box:first-child {
    width: 100%;
}

.blog-list .blog-content .article-box:nth-child(3),
.blog-list .blog-content .article-box:nth-child(2) {
    width: 48.60%;
}
.search-results .blog-list .blog-content .article-box:nth-child(4){
    width: 48.60%;
}

.blog-list .blog-content .article-box .col-4,
.blog-list .blog-content .article-box .col-8 {
    width: 100%;
}

.blog-list {
    padding: 80px 0;
}

.blog-list .blog-content .article-box .article-image a {
    width: calc(100% - 15px);
    height: 206px;
}

.blog-list .blog-content .article-box .article-image img {
    border: 1px solid #e6e6e6;
}

.blog-list .blog-content .article-box:first-child .article-image a {
    height: 286px;
}

.blog-list .blog-content .article-box .article-details p {
    display: none;
}

.blog-list .blog-content .article-box .article-details .category-label {
    margin-top: 16px;
}

.blog-list .blog-content .article-box .article-details .category-label span {
    background-color: #EEEEEE;
    padding: 4px 8px 4px 8px;
    border-radius: 4px;
    color: #04020D;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;

}

.blog-list .blog-content .article-box .article-details h3 {
    margin-bottom: 12px;
}

.blog-list .blog-content .article-box .article-details h3 a {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    color: #04020D;
}

.blog-list .blog-content .article-box:first-child .article-details h3 a {
    font-size: 36px;
    line-height: 44px;
}

.blog-list .blog-content .article-box:nth-child(3) .article-details h3 a,
.blog-list .blog-content .article-box:nth-child(2) .article-details h3 a {
    font-size: 32px;
    line-height: 44px;
}

.blog-list .blog-content .article-box .article-footer li {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: #04020D;
}
.blog-list .blog-content .pagination{
    display: inline-block;
    width: 100%;
}

.author-bio {
    border: 1px solid #EEEEEE;
    padding: 16px;
    padding-left: 105px;
    position: relative;
}

.author-bio h3 {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    text-align: left;
    color: #ED0F92;
    margin-bottom: 8px;
}

.author-bio p a {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    color: #ED0F92;
}

.author-bio p {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    margin-bottom: 0 !important;
    line-height: 34px;
}

.author-bio img {
    width: 73px;
    height: 73px;
    border-radius: 50%;
    border: 1px solid #EBEBEB;
    position: absolute;
    left: 16px;
    top: 16px;
}

.summry {
    padding: 10px 0;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    font-style: italic;

}

.summry b {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 900;
    line-height: 32px;
    text-align: left;
    color: #000000;
    font-style: normal;
}

.auctor-bio-details {
    margin-top: 50px;
    margin-bottom: 64px;
    width: 910px;
    margin-left: auto;
}

.blog-details .container {
    width: 1240px !important;
    max-width: 100%;
}

.blog-deatils-all-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.blog-deatils-all-content .blog-left-content {
    min-width: 270px;
    margin-right: 20px;
    width: 270px;
    background-color: rgb(241 62 167 / 4%);
    position: sticky;
    top: 100px;
    height: auto;
    margin-top: 74px;
    padding: 20px 15px;
    border-radius: 7px;
    overflow: auto;
    height: calc(100vh - 114px);
}

.blog-deatils-all-content .blog-left-content ul {
    padding-left: 22px;
}

.blog-deatils-all-content .blog-left-content ul li {
    margin-bottom: 15px;
}

.blog-deatils-all-content .blog-left-content ul li:last-child {
    margin-bottom: 0;
}

.blog-deatils-all-content .blog-left-content h2 {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    color: #000;
}

.blog-deatils-all-content .blog-left-content ol {
    padding-left: 0;
    list-style-type: none;
}

.blog-deatils-all-content .blog-left-content ol ul {
    padding-left: 20px !important;
}

.blog-deatils-all-content .blog-left-content ol>li,
.blog-deatils-all-content .blog-left-content ol ul li {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-align: left;
    color: #000;
    margin: 20px 0;

}

.blog-deatils-all-content .blog-left-content ol>li a,
.blog-deatils-all-content .blog-left-content ul>li a {
    color: #000;
    font-weight: normal;
    line-height: 18px;
}

.blog-deatils-all-content .blog-left-content ol>li>a {
    font-size: 14px;
    color: #6a6a6a;
}

.blog-details table {
    width: 100%;
}

.blog-details #faqs~h3 {
    font-size: 28px;
    color: #6a6a6a;
}

.blog-details>div>.row {
    margin: 0 !important;
}

.highlight-text-bg {
    background-color: rgba(237, 15, 146, 0.2);
}

.blog-casestudy .container {
    width: 1340px !important;
    max-width: 100% !important;
}

.pr-inner-content ul {
    padding-left: 22px;
}

.blog-cs-1 {
    position: relative;
}

.blog-cs-1 .container {
    z-index: 1;
    position: relative;
}

.blog-cs-1:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 700px;
    background-color: #F6F8FA;

}

.case-approch {
    position: relative;
}

.case-approch .container {
    z-index: 1;
    position: relative;
}

.case-approch:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 700px;
    background-color: #F6F8FA;
}

.modalContactExpert-body {
    background: linear-gradient(106.32deg, #424BC7 10.91%, #A232AB 81.88%);
}

#popmake-12723 .popmake-close {
    background-color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 1;
    color: #000;
    padding: 0;
    line-height: 0;
    font-size: 20px;
    font-weight: 600;
}

#pum-12723 {
    background-color: rgb(0 0 0 / 70%);
}

#pum-12723 .form-button input {
    background-color: #F8E71C;
    color: #000;
}

.modalContactExpert {
    display: flex;

}

.modalContactExpert>div {
    width: 50%;
}

.modalContactExpert .left h2 {

    font-family: Montserrat;
    font-size: 32px;
    font-weight: 600;
    line-height: 41px;
    text-align: left;
    color: #fff;
}

.modalContactExpert .left p {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    text-align: left;
    color: #fff;

}

.modalContactExpert .mdCertificate {
    display: flex;
    gap: 14px;
    padding: 16px 0;
    border: 1px solid rgb(255 255 255 / 10%);
    border-left: 0;
    border-right: 0;

}

.modalContactExpert .mdCertificate img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.modalContactExpert .md-count {
    display: flex;
    padding: 18px 0;
}

.modalContactExpert .md-count>div {
    padding: 0 18px;
    border-right: 1px solid rgb(255 255 255 / 10%);
}

.modalContactExpert .md-count>div:first-child {
    padding-left: 0;
}

.modalContactExpert .md-count>div:last-child {
    border-right: 0;
}

.modalContactExpert .md-count h3 {
    font-family: Montserrat;
    font-size: 34px;
    font-weight: 600;
    line-height: 41px;
    text-align: left;
    color: #fff;
}

.modalContactExpert .md-count p {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    text-align: left;
    margin-bottom: 0;
    color: #fff;
}

.modalContactExpert-body .md-clients {
    margin: 0 -25px -20px;
    background-color: #f5f5f5;
    padding: 14px 25px;
}

#popmake-12723 .pum-content {
    border-radius: 20px;
    overflow: hidden;
}

#popmake-12723 .md-form {
    background-color: #fff;
    padding: 17px 22px;
    border-radius: 10px;
    text-align: left;
    margin-bottom: 30px;
}

#popmake-12723 .md-form h2 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 400;
    line-height: 41px;
    text-align: left;
    color: #04020D;
    margin-bottom: 10px;
}

.logo img {
    min-width: 220px;
    max-height: none;
}

.logo a {
    display: inline-block;
    width: 220px;
}

.site-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.slide-content-headings {
    padding-top: 230px;
}

.overlay-header {
    background-image: linear-gradient(to left top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
}

.footer .footer-top-section {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding-bottom: 25px;
    border-bottom: 1px solid #ffffff2e;
    margin-bottom: 44px;
}

.footer .footer-top-section .bluewhale-icon {
    position: static;
    display: block !important;
}

.footer .footer-top-section .top-menu-right>li {
    display: flex;
}

.footer .footer-top-section .top-menu-right .menu {
    display: flex;
    gap: 40px;
}

.footer .footer-top-section .top-menu-right .menu::after {
    display: none;
}

.footer .footer-top-section .top-menu-right .menu a {
    color: #e7d610;
    font-size: 18px;
    font-weight: bold;
}

.footer .container {
    padding-left: 0 !important;
}

.footer {
    padding: 24px 15px 30px;
}

.footer-mid-section>ul {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.footer-mid-section>ul:after,
.footer-mid-section>ul::before {
    display: none;
}

.footer-mid-section>ul>li {
    width: 20%;
}

.footer-mid-section>ul>li h3 a,
.footer-mid-section>ul>li h3 {
    font-size: 18px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: bold;
}

.footer-mid-section>ul>li .menu li {
    margin: 8px 0;
    display: inline-block;
}

.footer-mid-section>ul>li .menu li a {
    display: inline-block;
}

.footer .container.relative {
    padding-right: 0 !important;
}
.footer .menu-company-menu-container > ul{
    display: flex;
    flex-direction: column;
}
.lunchbook {
    padding: 30px;
    padding-top: 50px;
    background-color: #F7F9FB;
}

.lunchbook .banner {
    background-image: url(../image/6a2322cb4d053e468e24ed4f92355a1e.jpeg);
    background-size: cover;
    height: 659px;
    position: relative;

}

.lunchbook .banner:after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #2e5aefc9;
}

.lunchbook .banner .content {
    z-index: 1;
    display: flex;
    justify-content: center;
    position: relative;
}

.lunchbook .banner .content img {
    width: 734px;
    max-width: 100%;
    margin: auto;
    position: relative;
    top: 50px;
}

.bookdescription {
    padding: 90px 0 80px;
}

.bookdescription .description-content {
    text-align: center;
}

.bookdescription .description-content h3 {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 0.11999999731779099px;
    text-align: center;
    color: #04020D;
    margin-bottom: 44px;
}

.bookdescription .description-content p {
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0.11999999731779099px;
    text-align: center;

}

.booklunchForm .booklunchForm-content {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.booklunchForm .booklunchForm-content .left img {
    width: 483px;
    max-width: 100%;
    margin-bottom: 63px;
}

.booklunchForm .booklunchForm-content .left h4 {
    font-family: Montserrat;
    font-size: 32px;
    font-weight: 700;
    line-height: 50px;
    text-align: left;
    color: #04020D;
}

.booklunchForm .booklunchForm-content .left ul {
    padding-left: 15px;
}

.booklunchForm .booklunchForm-content .left ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
    color: #04020D;

}

.submitbook-form {
    padding: 15px 30px;
    width: 513px;
    border: 1px solid #00000017;
    text-align: left;
}

.submitbook-form .col-6 {
    width: 100%;
}

.submitbook-form .form-button input {
    width: 100%;
    border-radius: 5px;
    background: #F8E71C;
    color: #04020D;
    padding: 16px 30px;

}

.form-notetext {
    text-align: center;
    font-family: Aspira;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

.form-notetext a {
    text-decoration: underline !important;
    color: #04020D !important;
}

.impout h2 {
    padding-left: 0;
}

.single-latest_news .blog-details {
    padding-top: 60px;
}

.breadcrumb-wrapper {
    padding: 30px 0px 10px 20px;
    font-size: 14px;
}

.breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.breadcrumb-item {
    margin-right: 5px;
}

.breadcrumb-item a {
    text-decoration: none;
    color: #007bff;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-separator {
    margin-right: 5px;
    color: #6c757d;
}

.breadcrumb-item.active strong {
    color: #495057;
    font-weight: 600;
}
.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category a:hover{color: #fff;     background-color: #2e5aef;}	
.service-item h3 a{
    text-decoration: underline;
    text-underline-offset: 10px;
}
.service-item h3 a:hover{
    text-decoration: none;
}
.work-big{
    height: 450px;
}
.companyMissionSection .companyMisMain .missionContentWrap .knowMoreBtm{
    margin-top: 25px;
}
.companyMissionSection .companyMisMain .missionContentWrap p{
    margin-bottom: 10px;
}
.infographics .vp-portfolio__items-style-default .vp-portfolio__item-img img{
    height: 240px;
    object-fit: cover;
}
.slide-content-headings{
    padding-top: 0;
}
.main-slider{
    min-height: 650px;
}
.main-slider .slider .slide,
.main-slider .slider {
    min-height: 650px;
}
 .blog-details article p, .blog-details article ul{
    font-size: 20px;
    line-height: 1.5;
} 
.casestudy-template-version2 section {
    padding: 80px 0;
}

.casestudy-banner {
    padding-top: 119px;
    padding-bottom: 88px;
    position: relative;
}

.casestudy-banner .container {
    z-index: 1;
    position: relative;
}

.half-overlay-bg-light-blue {
    position: relative;
}

.half-overlay-bg-light-blue .container {
    position: relative;
    z-index: 1;
}

.casestudy-banner:after,
.half-overlay-bg-light-blue:after {
    content: '';
    position: absolute;
    inset: 0;
    top: 50%;
    background-color: #F7F9FB;
}

.casestudy-banner h1 {
    font-family: Montserrat;
    font-size: 64px;
    font-weight: 700;
    line-height: 94px;
    text-align: left;
    color: #04020D;
    margin-bottom: 87px;
}

.casestudy-banner .img {
    margin-bottom: 38px;
}

.casestudy-banner .img img {
    height: 566px;
    object-fit: cover;
    width: 100%;
}

.casestudy-template-version2 p {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    color: #04020D;
}
.testimonal-count-numbers .heading h2{
    margin-bottom: 20px;
}
.casestudy-template-version2 h2 {
    font-family: Montserrat;
    font-size: 64px;
    font-weight: 700;
    line-height: 94px;
    text-align: left;
    margin-bottom: 44px;
}

.cs-problem-statement .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 102px;
}

.cs-problem-statement .content>div.left {
    width: 55%;
}

.cs-problem-statement .content>div.right {
    width: 45%;
}

.cs-problem-statement .content>div.right .img {
    position: relative;
}

.cs-problem-statement .content>div.right .img img {
    position: relative;
    z-index: 1;
}

.cs-problem-statement .content>div.right .img::before {
    content: '';
    background-image: url(../image/patten.png);
    position: absolute;
    left: -47px;
    bottom: -33px;
    width: 102px;
    height: 80px;
    background-size: contain;
}

.fullwidth .content .img {
    margin-bottom: 60px;
}

.points-list li {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
}

.icon-point-list {
    margin-top: 64px;
    list-style-type: none;
    padding-left: 0;

}

.icon-point-list>li {
    position: relative;
    padding-left: 127px;
    margin-bottom: 64px;
}

.icon-point-list>li h3 {
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    color: #04020D;
    margin-bottom: 24px;
}

.icon-point-list>li .icon {
    position: absolute;
    width: 62px;
    height: 62px;
    left: 0;
    top: 0;
}

.icon-point-list>li .icon svg {
    position: relative;
    z-index: 1;
}

.icon-point-list>li .icon:after {
    content: '';
    width: 62px;
    height: 62px;
    position: absolute;
    left: 20px;
    top: 9px;
    background-color: #F8E71C;
    border-radius: 50%;
}

.icon-point-list>li .icon-inner-list {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    color: #04020D;
    list-style-type: disc;

}

.icon-point-list>li .icon-inner-list b {
    font-weight: bold;
}

.bg-light-blue {
    background-color: #F7F9FB;
}

.table-content table thead th {
    background-color: #F8E71C;
    font-size: 26px;
}

.table-content table thead th,
.table-content table tbody td {
    padding: 20px !important;
    font-size: 20px;
}

.casestudy-template-version2 .container{
    max-width: 1260px;
}
.casestudy-template-version2 p{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    color: #04020D;
}
.casestudy-template-version2 .cs-problem-statement .content > div.right .img::before{
 background-image: url('../image/patten.png');
}
.casestudy-template-version2  .hide-above-title .heading{
    display: none;
}
.casestudy-template-version2  ol li, 
.casestudy-template-version2  ul li{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;

}
.casestudy-template-version2  ol li b, 
.casestudy-template-version2  ul li b{
    font-weight: bold;
}
.casestudy-template-version2 .icon-point-list>li .icon:after{
    z-index: 0;
}
.casestudy-template-version2 .icon-point-list>li .icon img{
    z-index: 1;
    position: relative;
}

.casestudy-template-version2 .cs-problem-statement.left-side-image-two-col .content{
    flex-direction: row-reverse;
}
.cs-client-testimonial .img{
    display: none;
}
.cs-client-testimonial:after{
    display: none;
}
.cs-client-testimonial .qoutes{
    position: relative;
    padding-left: 102px;
    margin-bottom: 53px;
}
.cs-client-testimonial .qoutes::before{
    content: '';
    background-image: url(../image/qoute.png);
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 45px;
    background-size: contain;
   
}
.cs-client-testimonial .details {
    padding-left: 102px;
}
.cs-client-testimonial .details h5{
    margin-bottom: 0;
}
.client-testimonial-page .client-review .heading {
    margin-bottom: 110px;
}

.client-testimonial-page .client-review .heading h1 {
    font-family: Montserrat;
    font-size: 64px;
    font-weight: 700;
    line-height: 94px;
    text-align: left;
    color: #04020D;
    margin-bottom: 87px;
    width: 1140px;
    max-width: 100%;
    margin-top: 120px;
}

.client-testimonial-page .client-review {
    padding-bottom: 40px;
}

.client-testimonial-page .client-review .heading p {
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    margin-bottom: 0;

}

.client-testimonial-page .catch-reviews {
    height: 664px;
    width: 100%;
    margin: 0 -30px;
    
}
.client-testimonial-page .catch-reviews .clutch-widget {
    width: 100% !important;
}

.client-testimonial-page .client-review .action {
    margin-top: 90px;
    text-align: center;
}

.client-testimonial-page .client-review .action a {
    background: #2950ED;
    border: 1px solid #2950ED;
    border-radius: 40px;
    padding: 8px 35px;
    color: #fff;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: center;

}

.client-testimonial-page .client-review .action a:hover {
    background-color: #fff;
    color: #2950ED;
}

.testimonal-vd {
    padding-top: 40px;
    padding-bottom: 118px;
}

.testimonal-vd .testimonal-vd-inner-content {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.testimonal-vd .testimonal-vd-inner-content img {
    width: 100%;
}

.testimonal-vd .testimonal-vd-inner-content:after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);

}

.testimonal-vd .testimonal-vd-inner-content .play a {
    display: inline-block;
    text-decoration: none;
}

.testimonal-vd .testimonal-vd-inner-content .play {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background-color: #fff;
    border-radius: 50%;
}

.testimonal-vd .testimonal-vd-inner-content .play a:hover svg path {
    fill: #F8E71C;
}

.testimonal-count-numbers {
    background-color: #F7F9FB;
    padding: 130px 0;
}

.testimonal-count-numbers .heading h2 {
    font-family: Montserrat;
    font-size: 64px;
    font-weight: 700;
    line-height: 94px;
    text-align: left;
    margin-bottom: 54px;

}

.testimonal-count-numbers .heading p {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;

}

.testimonal-count-numbers ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    padding-left: 0;
    width: 1100px;
    max-width: 100%;
    margin-top: 70px;

}
.testimonal-count-numbers ul::before {
    display: none !important;
}

.testimonal-count-numbers ul li {
    padding: 0 40px;
    border-left: 1px solid #DCDCDC;
    width: calc(33.33% - 54px);
}

.testimonal-count-numbers ul li h4 {
    margin-bottom: 37px;
    font-family: Montserrat;
    font-size: 64px;
    font-weight: 700;
    line-height: 62px;
    text-align: left;
    color: #04020D;

}
.clutch-review .clutch-banner {
    padding: 80px 0;
}
.clutch-review .clutch-banner h1{
    font-family: Montserrat;
    font-size: 64px;
    font-weight: 700;
    line-height: 94px;
    text-align: left;
    margin-bottom: 32px;
    color:#04020D;

}
.clutch-review .clutch-banner .heading p{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    color:#04020D;
    
}
.clutch-review .clutch-banner .heading .certificate {
    display: flex;
    gap: 50px;
}
.clutch-review .clutch-banner .heading .certificate img{
    min-width: 143px;
    width: 143px;
    object-fit: contain;

}
.clutch-review .clutch-banner .bn-img img{
    width: 538px;
}
.clutch-review .clutch-banner .container{
 display: flex;
 gap: 29px;

}
.top-rated{
    padding: 80px 0;
    background: #F7F9FB;
}
.top-rated .top-rated-inner-content{
    display: flex;
    align-items: center;
    gap: 111px;
}
.top-rated .top-rated-inner-content h2{
    font-family: Montserrat;
    font-size: 64px;
    font-weight: 700;
    line-height: 94px;
    text-align: left;
}
.top-rated .top-rated-inner-content p{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    color: #04020D;
    margin-bottom: 16px;
}
.top-rated .rv-box{
    border: 1px solid #DCDADA;
    background-color: #fff;
    padding: 30px 95px 12px;
    text-align: center;
    border-radius: 40px;
}
.clutch-logo-rv{
 margin-bottom: 20px;
 width: 154px;
}
.top-rated .star-list{
 display: flex;
 gap: 17px;
}

.py-80{
    padding: 80px 0;
}
.heading-sec{
    text-align: center;
    margin-bottom: 88px;
}
.heading-sec h2{
    font-family: Montserrat;
    font-size: 64px;
    font-weight: 700;
    line-height: 94px;
    text-align: center;
    color: #04020D;
   

}
.growth-rate .growth-rate-slider{
    width: calc(100% - 250px);
    margin-left: auto;
   
}
.growth-rate .growth-rate-slider .owl-nav{
    text-align: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 30px;
}
.growth-rate .growth-rate-slider .owl-nav button span{
    position: relative;
    top: -5px;
}
.growth-rate .growth-rate-slider .owl-nav button{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #e6e6e6;
    border-radius: 50%;
    color: #04020D;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
}

.growth-rate-item{
    background: #F7F9FB;
    padding: 24px;

}
.growth-rate-item h3{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    color: #04020D;
    margin-bottom: 44px;

}
.growth-rate-item p{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    color: #04020D;
    margin-bottom: 44px;


}
.trusted-companies{
background: #F3F3F3;
}
.trusted-companies .heading-sec h2{
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 300;
    line-height: 65px;
    letter-spacing: 0.11999999731779099px;
    text-align: center;
    
}
.trusted-companies .heading-sec{
    margin-bottom: 65px;
}
.we-go-further-content{
    display: flex;
    gap: 44px;
    justify-content: space-between;
}
.we-go-further-content .we-gof-item:first-child{
    width: calc(40% - 22px);
}
.we-go-further-content .we-gof-item:last-child{
    width: calc(60% - 22px);
}
.we-go-further-content  .we-gof-item img{
    width: 100%;
    height: 365px;
    object-fit: cover;
}
.we-go-further-content  .we-gof-item h4{
    margin-top: 32px;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    color: #04020D;
    margin-bottom: 8px;
}
.we-go-further-content  .we-gof-item p{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    color: #04020D;
}
.bg-blue-light{
background: #FAFBFC;
}
.client-review .heading-sec p{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: center;
    color: #04020D;
}
.cl-review-form .text-start h2{
    text-align: left;
}
.cl-review-form .text-start p{
    font-family: Montserrat;
font-size: 20px;
font-weight: 300;
line-height: 44px;
letter-spacing: 0.11999999731779099px;
text-align: left;
color: #04020D;
}
.review-form form{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.review-form .form-group.half{
    width: calc(50% - 15px);
}
.review-form .form-group.full{
    width: 100%;
}
.review-form .form-group{
    display: flex;
    flex-direction: column;
}   
.review-form .form-group label{

    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    color: #04020D;
    
}
.review-form .form-group input, .review-form .form-group textarea{
    border: 0;
    border-bottom: 1px solid #DBDBDB;
     border-radius: 0;
    padding: 0;
    height: 56px;
}  
.review-form .form-group input:focus, 
.review-form .form-group textarea:focus{ 
border-color:#000 ;
box-shadow: none;
outline: 0;
}
.review-form .form-check-list {
    margin-top: 10px;
}
.review-form .form-check-list .form-check{
    position: relative;
    padding-left: 0;
}
.review-form .form-check-list .form-check input{
    position: absolute;
    inset: 0;
    opacity: 0;
}
.review-form .form-check-list .form-check label{
    padding: 8px 32px;
    display: inline-block;
    background-color: #F3F3F3;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: center;
    border-radius: 30px;

}
.review-form .form-check-list .form-check input:checked + label{
    background-color: #F8E71C;
    color: #000;
}   
.review-form .form-check-list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.review-form .action button{  
   
    padding: 16px 32px 16px 32px;
    gap: 10px;
    border-radius: 100px;
   background-color: #2E5AEF;
   border: 0;
   color: #fff;

}
.review-form .action button:hover{
    background-color: #F8E71C;
    color: #000;
}  
.challenges-list-cn .icon-point-list li .icon  {
    display: none;
}
.challenges-list-cn .icon-point-list li{
    padding-left: 0;
    width:calc(50% - 48px);
}
.challenges-list-cn .icon-point-list{
    display: flex;
    flex-wrap: wrap;
    gap: 96px;
    margin-top: 0;

}
.challenges-list-cn .icon-point-list li{
    margin-bottom: 0;
}
.challenges-list-cn .icon-point-list::before{
    display: none;
}
.challenges-list-cn .icon-point-list li h3{
    font-family: Montserrat;
    font-size: 32px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    margin-bottom: 18px;
      
}
.challenges-list-cn .icon-point-list li h3 p{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    margin-bottom: 0;
}
.cs-single-slide{
    display: flex;
    gap: 50px;
    position: relative;
}
.owl-dots{
    position: absolute;
    display: flex;
    gap: 15px;
    bottom: -50px;
    left: 0;
    right: 0;
    justify-content: center;
}
.owl-dots .owl-dot {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #D9D9D9 !important;

}
.owl-dots .owl-dot.active {
    width: 20px;
    height: 20px;
    position: relative;
    top: -3px;
}
.cs-single-slide > div{
    width: 50%;
    text-align: center;
    gap: 75px;
}
.cs-single-slide > div img{
    width: 304px !important;
    height: 458px !important;
    margin: auto;
    object-fit: contain;
}

.cs-single-slide  ul{
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cs-single-slide  ul li{
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;    
    padding-left: 15px;
    position: relative;

}
.cs-single-slide  ul li::before{
    content: '';
    position: absolute;
    left: 0;
    width: 5px;
    height: 5px;
    top: 10px;
    background-color: #2E5AEF;
    border-radius: 50%;
}
.cs-single-slide  h4{
    font-weight: normal !important;
}
.slider-content h4{
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
}
.project-details-content .icon-point-list li .icon{
    display: none;
}
.project-details-content .icon-point-list li{
    padding-left: 0;
}
.project-details-content .icon-point-list li h3{
    font-family: Montserrat;
    font-size: 32px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    margin-bottom: 16px !important;
    color: #04020D;

}
.sec-title-hide.Challenges .description h2{
    display: none;
}
.challenge-with-full-images .right{
    display: none;
}
.challenge-with-full-images .left{
    width: 100% !important;
}
.imglist br{
    display: none;
}
.imglist{
    display: flex;
    gap: 37px;
    margin-bottom: 62px;
}
.slider-content .growth-rate-slider .owl-nav{
display: none !important;
}
.lp-page-1 .lp-banner::after{
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 50%, #000000 100%);
    position: absolute;
    inset: 0;

}
.lp-page-1 .lp-banner{
    background-size: cover;
    position: relative;
    padding: 100px 0;
}
.lp-page-1 .right{
    text-align: left !important;
}
.lp-page-1 .lp-banner .banner-inner-content{
    display: flex;
    position: relative;
    z-index: 1;
    align-items: flex-end;
    gap: 30px;
}
.lp-page-1 .lp-banner h1{
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700;
    line-height: 72px;
    text-align: left;
    color: #fff;
    margin-bottom: 30px;
}
.lp-page-1 .lp-banner  p{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    color: #fff;

}
.lp-page-1  .btn,
.lp-page-sm3  .btn{
    display: inline-block;
    padding: 8px 30px;
    border-radius: 50px;
    color: #03010D;
    background: #F9E653;
    border: 1px solid #F9E653;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;

}
.lp-page-1  .btn:hover,
.lp-page-sm3  .btn:hover{
    background-color: transparent;
    color: #03010D;
    border: 1px solid #03010D;
}
.lp-page-1  .btn.btn-outline-sc,
.lp-page-sm3  .btn.btn-outline-sc{
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}
.lp-page-1  .btn.btn-outline-sc:hover,
.lp-page-sm3  .btn.btn-outline-sc:hover{
    background-color: #fff;
    color: #03010D;

}
.lp-page-1 .action{
    display: flex;
    gap: 32px;
    margin-top: 44px;
}
.lp-page-1 section{
    padding: 100px 0;
}
.lp-page-1 .service .nav-tabs{
    display: flex;
    width: 1148px;
    max-width: 100%;
    margin: auto;
    border: 0;
    border-bottom: 4px solid #E7E7E7;
    padding-bottom: 12px;
    justify-content: space-between;
}
.lp-page-1 .service .nav-tabs::before,
.lp-page-1 .service .nav-tabs::after{
    display: none;
}
.lp-page-1 .service .nav-tabs li{
   
    text-align: center;
    border: 0;
}
.lp-page-1 .service .nav-tabs li button.active{
    border: 0;
    opacity: 1;
    position: relative;
}
.lp-page-1 .service .nav-tabs li button.active::after{
    content: '';
    position: absolute;
    height: 6px;
    background-color: #04020D;
    left: 0;
    right: 0;
    bottom: -21px;
}
.lp-page-1 .service .nav-tabs li button{
    width: 100%;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    color: #04020D;
    opacity: 0.5;
    text-align: center;
    border: 0;
    padding: 5px;
}
.lp-page-1 .service .nav-tabs li button:hover{
    border: 0;
}
.lp-page-1 .service .tab-content{
    width: 1148px;
    max-width: 100%;
    margin: auto;
}
.lp-page-1 .service .tab-content .tab-in-content{
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
}
.lp-page-1 .service .tab-content .tab-in-content > div{
    width: 45%;
}
.lp-page-1 .service .tab-content .tab-in-content > div img{
    width: 100%;
}
.lp-page-1 .service .tab-content .tab-in-content p{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 300;
    line-height: 44px;
    letter-spacing: 0.11999999731779099px;
    text-align: left;
    color: #04020D;
    margin-bottom: 64px;
}
    .lp-page-1 .desc-points{
        width: 1180px;
        border-radius: 20px;
        margin: auto;
        max-width: 100%;
        background: #F7F9FB;
        display: flex;
        justify-content: space-between;
        padding: 40px 20px;
        gap: 10px;
    }
    .lp-page-1 .desc-points .icon{
        margin-bottom: 13px;
        display: inline-block;
        position: relative;
    }
    .lp-page-1 .desc-points .icon img{
        position: relative;
        z-index: 2;
    }
    .lp-page-1 .desc-points .icon svg{
        position: relative;
        z-index: 1;
    }
    .lp-page-1 .desc-points .icon:after{
        content: '';
        position: absolute;
        right: -12px;
        top: 0;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: #F9E653;

    }
    .lp-page-1 .desc-points .dp-list h3{
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 2px;
        text-align: left;
        margin-bottom: 24px;
        color: #2950ED;


    }
    .lp-page-1 .desc-points .dp-list li::after{
        content: '';
        position: absolute;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        top: 50%;
        left: 0;
        background-color: #04020D;
    }
    .lp-page-1 .desc-points .dp-list li{
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 300;
        line-height: 32px;
        letter-spacing: 0.11999999731779099px;
        text-align: left;
        color: #04020D;
        position: relative;
        padding-left: 20px;
    }
    .lp-page-1 .desc-points .dp-list ul{
        list-style-type: none;
        padding-left: 0;
    }
    .lp-page-1 .life-cycle .lcs-content .right{
        min-width: 321px;
    }
   
    .owl-dots{
        position: absolute;
        display: flex;
        gap: 15px;
        bottom: -50px;
        left: 0;
        right: 0;
        justify-content: center;
    }
    .owl-dots .owl-dot {
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #D9D9D9 !important;
    
    }
    .owl-dots .owl-dot.active {
        width: 20px;
        height: 20px;
        position: relative;
        top: -3px;
    }
    .lp-page-1 .life-cycle .owl-dots .owl-dot{
        width: 5px;
        height: 5px;
        background: #04020D !important;
        border-radius: 0;
        transform: rotate(45deg);
    }
    .lp-page-1 .life-cycle .owl-dots .owl-dot.active{
        width: 10px;
        height: 10px;
        position: relative;
    }
    .lp-page-1 .life-cycle .owl-nav{
        text-align: center;
        margin-top: 30px;
    }
    .lp-page-1 .life-cycle .owl-nav button span{
        display: none;
    }
    .lp-page-1 .life-cycle .owl-nav button{
        border: 10px solid transparent;
        border-left-color: #04020D;
        border-top-color: #04020D;
        transform: rotate(-45deg);
    }
    .lp-page-1 .life-cycle .owl-nav button.owl-next{
        transform: rotate(135deg);
    }

    .lp-page-1  .life-cycle .lcs-content h3{
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 2px;
        text-align: left;

    }
    .lp-page-1  .life-cycle .lcs-content{
        display: flex;
        justify-content: space-between;
        gap: 87px;
        align-items: center;
    }
    .lp-page-1  .life-cycle .lcs-content img{
        width: 321px;
    }
    .lp-page-1  .life-cycle .life-cycle-slider{
        width: 957px;
        max-width: 100%;
        margin: auto;
        margin-top: 60px;
    }
    .lp-page-1  .life-cycle{
        background-color: #F7F9FB;
    }
    .custom-dots-container{
        display: flex;
        gap: 28px;
        justify-content: center;
        position: relative;
        width: 645px;
        margin: auto;
        max-width: 100%;
    }
    .custom-dots-container::after{
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        border-bottom: 1px dashed #D1D2D3;
        top: 50%;
        transition: .3s all linear;
    }
    .custom-dot{
        min-width: 72px;
        min-height: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #fff;
        position: relative;
        color: #000;
        z-index: 1;
        transition: .3s all linear;
    }
    .custom-dot.active{
        background: #F9E653;
        margin-right: 100px;
        min-width: 72px;
        min-height: 72px;
    }
    .custom-dot.active:last-child{
        margin-right: 0;
    }
    .lp-page-1 .heading-sec,
    .lp-page-sm3 .heading-sec {
       margin-bottom: 50px;
    }
    .lp-page-1 .heading-sec h2,
    .lp-page-sm3 .heading-sec h2{
        font-family: Montserrat;
        font-size: 44px;
        font-weight: 700;
        line-height: 54px;
        text-align: center;
        margin-bottom: 24px;
    }
    .lp-page-1 .heading-sec p,
    .lp-page-sm3 .heading-sec p{
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 300;
        line-height: 32px;
        letter-spacing: 0.11999999731779099px;
    }
    .lp-page-1 .consultation:after{
        background: linear-gradient(180deg, #2E5AEF 0%, #020D2F 100%);
        opacity: 0.8;
    }
    .lp-page-1 .consultation{
        background-image: url(../image/consultation.jpeg);
        padding-bottom: 70px;
        padding-top: 300px;
    }
    .lp-page-1 .consultation .left h2{
        font-family: Montserrat;
        font-size: 48px;
        font-weight: 700;
        line-height: 71px;
        text-align: left;
        color: #fff;

    }
    .lp-page-1 .consultation .right{
        min-width: 260px;

    }
    .lp-page-1 .consultation .right .action{
        margin-top: 0;
        position: relative;
        top: -40px;
    }
    .lp-page-1  .service.development-stories .tab-in-content{
        gap: 130px;
        padding: 80px 0;
    }
    .lp-page-1  .service.development-stories .tab-in-content .left{
        min-width: 300px;
        position: relative;
    }
    .lp-page-1  .service.development-stories .tab-in-content .left img{
        position: relative;
        z-index: 1;
    }
    .lp-page-1  .service.development-stories .tab-in-content .left:after{
        content: '';
        position: absolute;
        width: 343px;
        height: 343px;
        border-radius: 50%;
        bottom: 0;
        left: 40px;
        right: 0;
        background: #F7F9FB;
    }
    .lp-page-1  .service.development-stories .tab-in-content .right{
        width: 100%;
    }
    .lp-page-1 .service.development-stories .nav-tabs{
        border: 0;
        padding-bottom: 0;
        background: #F7F9FB;
        border: 1px solid #EBEBEB;
        overflow: hidden;
        border-radius: 10px;
     
    }
    .lp-page-1 .service.development-stories .nav-tabs::before,
    .lp-page-1 .service.development-stories .nav-tabs::after{
        display: none;
    }
    .lp-page-1 .service.development-stories .nav-tabs .nav-link{
        border-radius: 0;
        font-size: 16px;
        padding: 8px 16px;
    }
    .lp-page-1 .service.development-stories .nav-tabs .nav-link.active{
        background: #F9E653;

    }
    .lp-page-1 .service.development-stories .nav-tabs li{
        margin-bottom: 0;
    }
    .lp-page-1 .client-trust {
        background-color: #F7F9FB;
    }
    .lp-page-1 .client-trust .client-trust-conetnt{
        display: flex;
        gap: 92px;
    }
    .lp-page-1 .client-trust .client-trust-conetnt > div{
        width: 50%;
    }
    .lp-page-1 .client-trust .client-trust-conetnt .left{
        text-align: right;
    }
    .lp-page-1 .client-trust .client-trust-conetnt .left > img{
        width: 397px;
        height: 316px;
        border-radius: 16px;    
        object-fit: cover;  
    }
    .lp-page-1 .client-trust .client-trust-conetnt .right{
        padding-top: 85px;
        position: relative;
    }
    .lp-page-1 .client-trust .client-trust-conetnt .right p{
        font-family: Montserrat;
        font-size: 30px;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: 0.01em;
    }
    .lp-page-1 .client-trust .client-trust-conetnt .right .author h4{
            font-family: Montserrat;
            font-size: 20px;
            font-weight: 700;
            line-height: 32px;
            letter-spacing: 0.01em;
            margin-bottom: 0;

    }
    .lp-page-1 .client-trust .client-trust-conetnt .right:after{
        content: '';
        position: absolute;
        left: 0;
        top: 30px;
        width: 45px;
        height: 34px;
        background-image: url(../image/qoute1.png);
        background-size: contain;
    }
    .lp-page-1 .company-trust .ct-content{
        display: flex;
        justify-content: space-between;
    }
    .lp-page-1 .company-trust .ct-content > p{
        font-family: Montserrat;
        font-size: 30px;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: 0.01em;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        width: 554px;
        max-width: 100%;

    }
    .lp-page-1 .company-trust .ct-content .review {
        width: 341px;
        max-width: 100%;
    }
    .lp-page-1 .company-trust .ct-content .review p {
            font-family: Montserrat;
            font-size: 20px;
            font-weight: 400;
            line-height: 32px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
    }
    .lp-page-1 .company-trust .ct-content .star-list {
        margin-bottom: 24px;
    }
    .lp-page-1 .company-trust .ct-content .star-list svg{
        width: 24px;
        height: 24px;
    } 
    .lp-page-1 .compnay-logo-list{
        display: flex;
        margin-top: 78px;
        justify-content: space-between;
    }
    .lp-page-sm3 .lp-banner{
        background-size: cover;
        position: relative;
        padding: 100px 0;
    }
    .lp-page-sm3 .lp-banner::after{
    content: '';
    background: linear-gradient(180deg, #2950ede1 0%, rgba(0, 0, 0, 0.73) 50%, #000000e0 100%);

    position: absolute;
    inset: 0;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content{
        display: flex;
        flex-direction: column;
        color: #fff;
        position: relative;
        z-index: 1;
        align-items: center;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content h1{
        font-family: Montserrat;
        font-size: 64px;
        font-weight: 700;
        line-height: 72px;
        margin-bottom: 32px;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content > p{
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 300;
        line-height: 30px;
        letter-spacing: 0.11999999731779099px;
        text-align: center;
        margin-bottom: 30px;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content .action{
        display: flex;
        border: 1px solid #FFFFFF;
        padding: 30px;
        gap: 46px;
        border-radius: 12px;
        margin-bottom: 35px;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content .action a{
        text-decoration: none;
        color: #fff;
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0.11999999731779099px;
        text-align: center;
        position: relative;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content .action a:first-child::after{
        content: '|';
        position: absolute;
        right: -28px;
        top: 0;
        color: #fff;
        opacity: 0.5;

    }
    .lp-page-sm3 .lp-banner .bn-review{
            display: flex;
            gap: 20px;
    }   
    .lp-page-sm3 .lp-banner .bn-review svg{
        width: 20px;
        height: 20px;
    }
    .lp-page-sm3 .lp-banner .bn-review p{
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0.11999999731779099px;
        text-align: center;

    }
    .lp-page-sm3 .tailored {
        position: relative;
    }
    .lp-page-sm3  .tailored .tailored-content{
        border: 1px solid #E3E3E3;
        box-shadow: 0px 4px 4px 10px #00000005;
        border-radius: 8px;
        padding: 60px 75px;
        margin-top: -90px;
        z-index: 1;
        background-color: #fff;
    }
    .lp-page-sm3 .tailored .tailored-content h2{
        font-family: Montserrat;
        font-size: 48px;
        font-weight: 700;
        line-height: 70px;
    }
    
    .lp-page-sm3 .tailored .tailored-content p{
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 300;
        line-height: 44px;
        letter-spacing: 0.11999999731779099px;
    }
    .lp-page-sm3 .zick-zack{
        padding: 100px 0;
    }
    .lp-page-sm3 .zick-zack-content{
        display: flex;
        justify-content: space-between;
        padding: 80px 0;
        align-items: center;
    }
    .lp-page-sm3 .zick-zack-content .desciption{
        width: 540px;
    }
    .lp-page-sm3 .zick-zack-content .img{
        width: calc(100% - 600px);
    }
    .lp-page-sm3 .zick-zack-content .img img{
        width: 100%;
    }
    .lp-page-sm3 .zick-zack-content ul {
        padding-left: 0;
        list-style-type: none;
    }
    .lp-page-sm3 .zick-zack-content  h3{
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 2px;
        margin-bottom: 38px;
        text-transform: uppercase;
        color: #04020D;
        
    }
    .lp-page-sm3 .zick-zack-content li{
        position: relative;
        margin: 10px 0;
        padding-left: 30px;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 300;
        line-height: 32px;
        letter-spacing: 0.11999999731779099px;
        color: #04020D;


    }
    .lp-page-sm3 .zick-zack-content li::after{
        content: '';
        background-image: none;
        width: 6px;
        height: 6px;
        position: absolute;
        border-radius: 50%;
        left: 0;
        top: 14px;
        background-color: #2950ED;
    }
    .lp-page-sm3 .zick-zack-content:nth-child(even){
        flex-direction: row-reverse;
    }
    .lp-page-sm3 .clutch-review-lp .container{
        background-image: url(https://bluewhaleapps.com/wp-content/themes/bluewhaleapps/images/eecbb4ca8c3b8378b3cef1c6f71fad4.jpeg);
        position: relative;
        background-color: #08072dc9;
        background-blend-mode: multiply;
        border-radius: 8px;
        padding: 40px;
    }
    .lp-page-sm3 .clutch-review-lp .desc{
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 300;
        line-height: 44px;
        letter-spacing: 0.11999999731779099px;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 58px;
        margin-top: 38px;

    }
    .lp-page-sm3 .clutch-review-lp {
        color: #fff;
    }
    .lp-page-sm3 .clutch-review-lp-content .cr-tagline h3{
        font-family: Montserrat;
        font-size: 36px;
        font-weight: 700;
        line-height: 54px;
        margin-bottom: 5px
    }
    .lp-page-sm3 .clutch-review-lp-content .cr-tagline p{
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 300;
        line-height: 44px;
        letter-spacing: 0.11999999731779099px;
        margin-bottom: 18px;
    }
    .lp-page-sm3 .clutch-review-lp-content{
        display: flex;
        gap: 54px;
    }
    .lp-page-sm3 .clutch-review-lp-content .cr-slider{
        width: 514px;
        max-width: 100%;
    }
    .lp-page-sm3 .clutch-review-lp-content .cr-tagline{
        width: calc(100% - 568px);
    }
    .lp-page-sm3 .cr-lp3-slider .owl-dots{
        left: 0;
        right: auto;
        bottom: 0; 
    }
    .lp-page-sm3 .cr-lp3-slider .owl-dots .owl-dot{
        width: 40px;
        height: 5px;
        border-radius: 0;
        opacity: 20%;
    }
    .lp-page-sm3 .cr-lp3-slider .owl-dots .owl-dot.active{
        opacity: 100%;
        top: 0;
    }
    .lp-page-sm3 .cr-lp3-slider h3,
    .lp-page-sm3 .cr-lp3-slider p{
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 400;
        line-height: 50px;
        margin-bottom: 30px;

    }
    .lp-page-sm3 .cr-lp3-slider p{
        margin-bottom: 50px;
    }
    .lp-page-sm3 .Whyblue-whale-lp .icon-box-inner-content{
        display: flex;
        text-align: center;
        gap: 50px;
    }   
    .lp-page-sm3 .Whyblue-whale-lp{
        padding: 80px 0;
    }
    .lp-page-sm3 .Whyblue-whale-lp .icon-box-inner-content .icon{
        margin-bottom: 20px;
    }
    .lp-page-sm3 .Whyblue-whale-lp .icon-box-inner-content .icon svg{
        width: 55px;
        height: 55px;
    }
    .lp-page-sm3 .Whyblue-whale-lp .icon-box-inner-content h3{
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 2px;
        color:  #2950ED;
        margin-bottom: 17px;

    }
    .lp-page-sm3 .Whyblue-whale-lp .icon-box-inner-content p{
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 300;
        line-height: 32px;
        letter-spacing: 0.11999999731779099px;
        color: #04020D;

    }
    .lp-page-sm3 .Whyblue-whale-lp .notetext{
        margin-top: 60px;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 300;
        line-height: 32px;
        letter-spacing: 0.11999999731779099px;
        text-align: center;

    }
   
    .lp-page-sm3 .consultation-sec:after{
        content: '';
        background: linear-gradient(180deg, #2E5AEF 0%, #020D2F 100%);
        opacity: 0.8;
        position: absolute;
        inset: 0;
    }
    .lp-page-sm3 .consultation-sec{
        background-image: url(https://bluewhaleapps.com/wp-content/themes/bluewhaleapps/images/2e4890358ab8b3147d80dae109627271.jpeg);
        padding: 70px 0;
        position: relative;
        background-size: cover;
        background-position: center;
        
    }
    .lp-page-sm3 .consultation-sec .container{
        position: relative;
        z-index: 1;
    }
    .lp-page-sm3 .consultation-sec .banner-inner-content .left{
        margin-bottom: 50px;
    }
    .lp-page-sm3 .consultation-sec .banner-inner-content h2{
        font-family: Montserrat;
        font-size: 44px;
        font-weight: 700;
        line-height: 71px;
        color: #fff;
    }
    .lp-page-sm3 .consultation-sec .banner-inner-content .right{
        text-align: left !important;
    }
    .lp-page-sm3 .consultation-sec .banner-inner-content .btn:hover{
        border-color: #fff;
        color: #fff;
    }
    .lp-page-sm3 .client-trust-testimonail .growth-rate-item h3{
        margin-bottom: 5px;
    }
    .lp-page-sm3 .client-trust-testimonail .growth-rate-item p{
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 300;
        line-height: 40px;
        letter-spacing: 0.01em;
        margin-bottom: 32px;
    }
    .lp-page-sm3 .client-trust-testimonail .growth-rate-item .designation{
        margin-bottom: 32px;
    }
    .lp-page-sm3 .client-trust-testimonail .growth-rate-item .auth-img{
        width: 60px;
        height: 60px;
        border-radius: 50%;
        overflow: hidden;
    }
    .lp-page-sm3 .client-trust-testimonail .growth-rate-item .auth-img img{
        width: 100%;
        height: 100%;
    }
    .single-latest_news .blog-details{
        padding-top: 60px !important;
    }
    .single-latest_news .article-box .blog-image{
        margin-top: 0 !important;
    }
    .work-results a{
        color: #F8E71C;
    }
    .get-in-touch .form-area .form-select > p{
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .get-in-touch .form-area .form-select{
        padding: 0 !important;
    }
    .get-in-touch .form-area .form-select select{
        border: 0;
        background-position: 98% !important;
        background-color: transparent !important;
    }
    .blog-details article ol li::marker{
        font-size: 28px;
        color: #ed0f92;
        font-weight: bold;
    }
   .work-requirement .icon-list img{
        max-width: 109px;
    
    }
           
@media only screen and (max-width: 1600px) {

    .blog-casestudy .title-header .title-text h1,
    .client-testimonial-page .client-review .heading h1,
    .blog-casestudy h2 {
        font-size: 56px;
    }
    
}

@media only screen and (max-width: 1400px) {
    .blog-details .container {
        width: 1140px !important;
    }

    .blog-details .blog-banner h1 {
        font-size: 44px;
        line-height: 58.5px;
    }

    .auctor-bio-details {
        width: 810px;
    }

    .author-bio h3 {
        font-size: 24px;
    }

    .author-bio p {
        font-size: 18px;
    }

    .blog-details article h2,
    .blog-details article h3 {
        font-size: 34px;
    }
    .blog-details article ol li::marker{
        font-size: 28px;
        color: #ed0f92;
        font-weight: bold;
    }

    .blog-details h1 {
        font-size: 20px;
    }

    .blog-details article p,
    .blog-details article ul {
        font-size: 20px;
        line-height: 32px;
    }

    .blog-details #faqs~h3 {
        font-size: 20px;
        color: #6a6a6a;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .blogSubscriberNewsSection h2,
    .related-work h2,
    .related-blogs h2 {
        font-size: 42px;
    }

    .blog-casestudy .title-header .title-text h1,
    .client-testimonial-page .client-review .heading h1,
    .blog-casestudy h2 {
        font-size: 44px;
    }

    .blog-cs-1 {
        padding-top: 30px;
    }

    .case-approch h2>img {
        width: 100%;
    }

    .casestudy-banner h1,
    .client-testimonial-page .client-review .heading h1,
    .casestudy-template-version2 h2,
    .testimonal-count-numbers .heading h2{
        font-size: 44px;
        line-height: 54px;
    }
    .icon-point-list>li h3{
        font-size: 28px;
        margin-bottom: 15px;
    }
    .casestudy-template-version2 ol li, .casestudy-template-version2 ul li{
        line-height: 36px;
    }
    .clutch-review .clutch-banner h1,
    .top-rated .top-rated-inner-content h2,
    .heading-sec h2{
        font-size: 54px;
        line-height: 70px;
    }
    .clutch-review .clutch-banner .bn-img{
        width: 50%;
    }
    .clutch-review .clutch-banner .bn-img img{
        width: 100%;
        min-width: 400px;
    }
    /* sTART */
    .lp-page-1 .lp-banner h1{
        font-size: 42px;
        line-height: 60PX;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content h1{
        font-size: 48px;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content > p{
        font-size: 18px;
    }
    .lp-page-sm3 .tailored .tailored-content h2{
        font-size: 36px;
       line-height: 58px;
    }
    .lp-page-sm3 .tailored .tailored-content p{
    font-size: 18px;
    font-weight: 300;
    line-height: 36px;
    }
    .lp-page-sm3 .clutch-review-lp-content .cr-tagline h3{
        font-size: 32px;
    }
    .lp-page-sm3 .clutch-review-lp-content .cr-tagline .star-list svg{
        width: 40px;
    }
    .lp-page-1 .heading-sec h2, .lp-page-sm3 .heading-sec h2{
        font-size: 38px;
    }
    .lp-page-sm3 .client-trust-testimonail .growth-rate-item p{
        font-size: 18px;
    }
    #menu-main-menu > li > a{
        font-size: 14px;
    }
}

@media only screen and (max-width: 1200px) {
    .blog-details .container {
        width: 960px !important;
    }

    .auctor-bio-details {
        width: 635px;
    }

    .blog-details article h2,
    .blog-details article h3 {
        font-size: 28px;
    }

    .blog-details .blog-banner h1,
    .client-testimonial-page .client-review .heading h1 {
        font-size: 38px;
        line-height: 52.5px;
    }

    .author-bio h3 {
        font-size: 20px;
    }

    .author-bio p {
        font-size: 16px;
    }

    .blog-details article h2,
    .blog-details article h3 {
        font-size: 28px;
    }

    .blog-details h1 {
        font-size: 16px;
    }

    .blog-details article p,
    .blog-details article ul {
        font-size: 16px;
        line-height: 24px;
    }

    .blog-details #faqs~h3 {
        font-size: 16px;
        color: #6a6a6a;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .blogSubscriberNewsSection h2,
    .related-work h2,
    .related-blogs h2 {
        font-size: 38px;
    }

    .blog-list .blog-content .article-box:nth-child(3),
    .blog-list .blog-content .article-box:nth-child(2) {
        width: 48.30%;
    }

    .blog-list .blog-content .article-box:nth-child(3) .article-details h3 a,
    .blog-list .blog-content .article-box:nth-child(2) .article-details h3 a,
    .blog-list .blog-content .article-box:first-child .article-details h3 a {
        font-size: 24px;
        line-height: 36px;
    }

    .blog-list .blog-content .article-box {
        width: 31.10%;
    }

    .blog-list .blog-content .article-box .article-image a {
        width: 100% !important;
    }

    .blog-list .blog-content .article-box .article-details h3 a {
        font-size: 18px;
        line-height: 24px;
    }

    .bookdescription .description-content h3 {
        font-size: 32px;
        line-height: 42px;
    }

    .booklunchForm .booklunchForm-content .left h4 {
        font-size: 24px;
        line-height: 32px;
    }

    .submitbook-form {
        width: 430px;
        max-width: 100%;
    }

    .blog-casestudy h2 {
        font-size: 40px;
        line-height: 52px;
    }

    .challenges h2 {
        margin-bottom: 50px;
    }

    .pr-inner-content>div {
        width: 48%;
    }

    .impout img {
        margin-bottom: 0;
    }
    .casestudy-banner .img img {
        height: auto;
    }
    .client-testimonial-page .client-review .heading p{
        font-size: 28px;
    }
    .client-testimonial-page .client-review .heading h1{
        margin-top: 80px;
        margin-bottom: 50px;
    }
    .client-testimonial-page .client-review .heading{
        margin-bottom: 20px;
    }
    .challenges-list-cn .icon-point-list li h3{      
        font-size: 28px;    
          
    }
    .challenges-list-cn .icon-point-list li h3 p{
       
        font-size: 18px;        
    }
     /* Start */

     .lp-page-1 .lp-banner .banner-inner-content .right{
        min-width: 350px;
    }
    .lp-page-1 .lp-banner .banner-inner-content .right img{
        width: 100%;
    }
    .lp-page-1 .lp-banner p{
        font-size: 16px;
        line-height: 34px;
    }
    .lp-page-1 .lp-banner h1{
        font-size: 38px;
        line-height: 54PX;
    }
    .lp-page-1 .service .nav-tabs li button{
        font-size: 18px;
    }
    .lp-page-1 .service .tab-content .tab-in-content > div{
        width: 48%;
    }
    .lp-page-1 .heading-sec h2, .lp-page-sm3 .heading-sec h2{
        font-size: 36px;
    }
    .lp-page-1 .heading-sec p, .lp-page-sm3 .heading-sec p{
        font-size: 18px;
    }
    .lp-page-1 .consultation .left h2{
        font-size: 36px;
        line-height: 56px;
    }
    .lp-page-1 .lp-banner .banner-inner-content .right{
        min-width: 260px;
    }
    .lp-page-1 .consultation{
        padding-top: 190px;
    }
    .lp-page-1 .service.development-stories .nav-tabs{
        flex-wrap: nowrap;
        display: flex;
        align-items: center;
    }
    .lp-page-1 .service.development-stories .nav-tabs .nav-link{
        border-radius: 0;
        font-size: 14px;
        padding: 8px 10px;
        line-height: 30px;
    }
    .lp-page-1 .client-trust .client-trust-conetnt .right p{
        font-size: 22px;
        line-height: 32px;
    }
    .lp-page-1 .client-trust .client-trust-conetnt{
        gap: 30px;
    }
    .lp-page-1 .client-trust .client-trust-conetnt > div{
        width: auto;
    }
    .lp-page-1 .company-trust .ct-content > p{
        font-size: 24px;
    }
    .lp-page-1 .btn, .lp-page-sm3 .btn{     
        padding: 6px 24px;      
        background: #F9E653;
        border: 1px solid #F9E653;       
        font-size: 14px;
        font-weight: 500;
        line-height: 34px;       
    }
     
    .lp-page-sm3 .tailored .tailored-content h2{
        font-size: 32px;
        line-height: 46px;
    }
    .lp-page-sm3 .tailored .tailored-content p{
        font-size: 16px;
    }
    .lp-page-sm3 .zick-zack{
        padding: 20px 0;
    }
    .lp-page-sm3 .clutch-review-lp .logo  img{
        width: 150px;
    }
    .lp-page-sm3 .clutch-review-lp .desc{
        font-size: 16px;
        line-height: 30px
    }
    .lp-page-sm3 .clutch-review-lp-content .cr-tagline h3{
        font-size: 24px;
        line-height: 40px;

    }
    .lp-page-sm3 .cr-lp3-slider h3, .lp-page-sm3 .cr-lp3-slider p{
        font-size: 20px;
        line-height: 30px;
    }
    .lp-page-sm3 .clutch-review-lp-content .cr-tagline .star-list svg{
        width: 32px;
    }
    .lp-page-1 .heading-sec h2, .lp-page-sm3 .heading-sec h2{
        font-size: 28px;
        line-height: 48px;
    }
    .lp-page-sm3 .consultation-sec .banner-inner-content h2{
        line-height: 54px;
        font-size: 36px;
    }
    .lp-page-sm3 .zick-zack-content .img{
        width: calc(100% - 450px);
    }
}

@media only screen and (max-width: 991px) {
    .blog-deatils-all-content {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .auctor-bio-details {
        width: 100%;
    }

    .blog-deatils-all-content .blog-left-content {
        margin-right: 0;
        width: 100%;
        background: #f3f3f3;
        padding: 20px;
    }

    .auctor-bio-details {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .blog-details .article-box {
        width: 100%;
    }

    .blog-details article h2,
    .blog-details article h3 {
        margin-bottom: 20px;
        margin-top: 40px;
    }

    .blog-details article h2,
    .blog-details article h3 {
        font-size: 24px;
    }
    .blog-details article ol li::marker{
        font-size: 22px;
    }

    .blog-details article ol>li>strong {
        font-size: 20px;
        display: inline-flex;
    }

    .blog-details .blog-banner h1 {
        font-size: 32px;
        line-height: 1.3;
    }

    .blog-details>div>.row>.col-12 {
        padding: 0 !important;
    }

    .author-bio p a {
        font-size: 14px;
    }

    .footer-mid-section>ul>li {
        width: 30%;
    }

    .footer-mid-section>ul {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .blog-list .blog-content .article-box,
    .blog-list .blog-content .article-box:nth-child(3),
    .blog-list .blog-content .article-box:nth-child(2) {
        width: calc(50% - 8px);
    }

    .blog-list .blog-content {
        gap: 15px;
    }

    .blog-list .blog-content .article-box:nth-child(3) .article-details h3 a,
    .blog-list .blog-content .article-box:nth-child(2) .article-details h3 a,
    .blog-list .blog-content .article-box:first-child .article-details h3 a {
        font-size: 18px;
        line-height: 24px;
    }

    .blog-deatils-all-content .blog-left-content {
        display: none;
    }

    .lunchbook .banner {
        height: auto;
    }

    .bookdescription .description-content h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .booklunchForm .booklunchForm-content {
        flex-direction: column;
    }

    .booklunchForm .booklunchForm-content .left img {
        width: 100%;
    }

    .submitbook-form {
        width: 100%;
    }

    .lunchbook .banner .content img {
        padding: 0 30px;
    }

    .pr-inner-content {
        flex-direction: column;
        text-align: left;
    }

    .pr-inner-content>div {
        width: 100%;
    }

    .case-approch {
        text-align: left;
    }

    .pr-inner-content>div img {
        margin-bottom: 20px;
    }

    .pr-inner-content>div {
        text-align: left;
    }

    .impout .row {
        flex-direction: column;
        text-align: left;
    }

    .impout .row .col-6 {
        width: 100%;
    }

    .blog-casestudy h2 {
        font-size: 28px;
        line-height: 52px;
    }

    .blog-casestudy p {
        font-size: 16px;
    }

    .blog-casestudy ul li {
        font-size: 16px;
    }

    .blog-casestudy .title-header .title-text h1 {
        font-size: 36px;
    }
    .casestudy-banner h1,
    .client-testimonial-page .client-review .heading h1,
    .casestudy-template-version2 h2,
    .testimonal-count-numbers .heading h2{
        font-size: 36px;
        line-height: 46px;
    }
    .casestudy-template-version2 section{
        padding: 50px 0;
    }
    .cs-problem-statement .content{
        gap: 50px;
    }
    .casestudy-template-version2 ol li, .casestudy-template-version2 ul li,
    .casestudy-template-version2 p{
        font-size: 18px;
        line-height: 34px;
    }
    .cs-problem-statement .content,
    .casestudy-template-version2 .cs-problem-statement.left-side-image-two-col .content{
        flex-direction: column;
    }
    .cs-problem-statement .content>div.left,
    .cs-problem-statement .content>div.right{
        width: 100%;
    }
    .icon-point-list>li h3{
        font-size: 22px;
    }
    .icon-point-list>li{
        padding-left: 95px;
    }
    .cs-client-testimonial .qoutes::before{
        width: 40px;
        height: 30px;
    }
    .cs-client-testimonial .qoutes,
    .cs-client-testimonial .details{
        padding-left: 65px;
    }
    .client-testimonial-page .client-review .heading p{
        font-size: 24px;
    }
    .client-testimonial-page .client-review .heading h1{
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .client-testimonial-page .client-review .heading{
        margin-bottom: 20px;
    }
    .clutch-review .clutch-banner .bn-img img{
        min-width: 320px;
    }
    .clutch-review .clutch-banner h1, 
    .top-rated .top-rated-inner-content h2, 
    .heading-sec h2{
        font-size: 36px;
        line-height: 48px;
    }
    .clutch-review .clutch-banner .heading .certificate img{
        min-width: 95px;
        width: 95px;
    }
    .clutch-review .clutch-banner .heading .certificate{
        gap: 25px;
    }
    .top-rated .rv-box{
        padding: 30px 40px 12px;
    }
    .top-rated .star-list span svg{
        width: 40px;
    }
    .growth-rate-item p{
        font-size: 16px;
    }
    .growth-rate-item h3{
        margin-bottom: 22px;
    }
    .trusted-companies .heading-sec h2{
        line-height: 48px;
    }
    .challenges-list-cn .icon-point-list li h3{      
        font-size: 24px;    
          
    }
    .challenges-list-cn .icon-point-list li h3 p{
       
        font-size: 16px;        
    }
    
    /* Start */

    .lp-page-1 .lp-banner .banner-inner-content{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .lp-page-1 .lp-banner .banner-inner-content .right{
        min-width: 300px;
        max-width: 300px;
        margin: auto;
    }
    .lp-page-1 .service .nav-tabs li button{
        font-size: 14px;
    }
    .lp-page-1 .service .tab-content .tab-in-content{
        flex-direction: column;
        gap: 30px;
    }
    .lp-page-1 .service .tab-content .tab-in-content > div{
        width: 100%;
    }
    .lp-page-1 .service .tab-content .tab-in-content p{
        margin-bottom: 30px;
    }
    .lp-page-1 .desc-points .dp-list h3{
        font-size: 14px;
    }
    .custom-dot{
        min-width: 45px;
        min-height: 45px;
        width: 45px;
        height: 45px;
    }
    .custom-dot.active{
        min-width: 50px;
        min-height: 50px;
        width: 50px;
        height: 50px; 
    }
    .lp-page-1 .life-cycle .lcs-content{
        flex-direction: column-reverse;
        gap: 50px;
    }
    .lp-page-1 .lp-banner.consultation .banner-inner-content{
        flex-direction: column;
    }
    .lp-page-1 .consultation .right .action{
        top: auto;
        justify-content: center;
    }
    .lp-page-1 .consultation{
        padding-top: 100px;
    }
    .lp-page-1 .heading-sec h2, .lp-page-sm3 .heading-sec h2{
        font-size: 28px;
    }
    .lp-page-1 .client-trust .client-trust-conetnt{
        flex-direction: column;
    }
    .lp-page-1 .client-trust .client-trust-conetnt .left{
        text-align: left;
    }
    .lp-page-1 .client-trust .client-trust-conetnt .left > img{
        width: 300px;
        height: auto;
    }
    .lp-page-1 .company-trust .ct-content{
        flex-direction: column;
        gap: 30px;
    }
    .lp-page-1 .company-trust .ct-content > p{
        width: 100%;
    }
      /* @ secound */
      .lp-page-sm3 .lp-banner .banner-inner-content h1{
        font-size: 38px;
        line-height: 60px;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content > p{
        font-size: 16px;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content .action a{
        font-size: 16px;
        line-height: 30px;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content .action{
        padding: 15px;
    }
    .lp-page-sm3 .lp-banner .bn-review{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .lp-page-sm3 .tailored .tailored-content{
        padding: 35px 40px;
    }
    .lp-page-sm3 .tailored .tailored-content h2{
        font-size: 28px;
        line-height: 38px;
    }
    .lp-page-sm3 .tailored .tailored-content p{
        font-size: 14px;
    }
    .lp-page-sm3 .zick-zack-content{
        flex-direction: column !important;
        gap: 30px;
    }
    .lp-page-sm3 .zick-zack-content .desciption{
        width: 100%;
    }
    .lp-page-sm3 .zick-zack-content .img{
        width: 500px;
        max-width: 100%;
    }
    .lp-page-sm3 .clutch-review-lp-content{
        flex-direction: column;
        gap: 30px;
    }
    .lp-page-sm3 .clutch-review-lp-content .cr-tagline,
    .lp-page-sm3 .clutch-review-lp-content .cr-slider{
        width: 100%;
    }
    .lp-page-1 .heading-sec p, .lp-page-sm3 .heading-sec p{
        font-size: 16px
    }
    .lp-page-sm3 .Whyblue-whale-lp .icon-box-inner-content{
        flex-wrap: wrap;
        gap: 30px;
    }
    .lp-page-sm3 .Whyblue-whale-lp .icon-box-inner-content .icon-box-item{
        width: calc(50% - 15px);
    }
    .lp-page-sm3 .consultation-sec .banner-inner-content h2{
        line-height: 45px;
        font-size: 32px;
    }
}

@media only screen and (max-width: 768px) {
    .blog-deatils-all-content ol {
        padding-left: 25px;
    }

    .modalContactExpert {
        flex-direction: column-reverse;
    }

    .modalContactExpert>div {
        width: 100%;
    }

    .modalContactExpert .left h2 {
        font-size: 24px;
    }

    .modalContactExpert .left p {
        font-size: 14px;
    }

    .modalContactExpert .md-count h3 {
        font-size: 22px;
    }

    .modalContactExpert .md-count>div {
        padding: 0 10px;
    }

    .footer-mid-section>ul>li {
        width: 100%;
    }

    /* .footer-mid-section > ul > li .menu{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.footer-mid-section > ul > li .menu::before,
.footer-mid-section > ul > li .menu::after{
    display: none
} */
    .footer-mid-section>ul>li .menu li {
        display: block;
        width: 100%;
    }

    .menu-overlay .nav li {
        width: 100%;
    }

    .expandSearch {
        display: none !important;
    }

    .slide-content-headings {
        padding-top: 110px;
    }

    .stick-dots .slick-dots li,
    .stick-dots .slick-dots li button {
        width: 30px;
    }

    .blog-list .blog-content .article-box,
    .blog-list .blog-content .article-box:nth-child(3),
    .blog-list .blog-content .article-box:nth-child(2) {
        width: 100%;
    }

    .blog-list .blog-content .article-box:nth-child(3) .article-details h3 a,
    .blog-list .blog-content .article-box:nth-child(2) .article-details h3 a,
    .blog-list .blog-content .article-box:first-child .article-details h3 a {
        font-size: 16px;
        line-height: 24px;
    }

    .lunchbook {
        padding: 0px;
        padding-top: 20px;
    }

    .bookdescription {
        padding-bottom: 50px;
    }

    .booklunchForm {
        padding-bottom: 50px;
    }

    .blog-cs-1:after {
        height: 590px;
    }

    .impout .row:after {
        display: none;
    }
    .casestudy-banner h1,
    .client-testimonial-page .client-review .heading h1,
    .casestudy-template-version2 h2,
    .testimonal-count-numbers .heading h2{
        font-size: 28px;
        line-height: 38px;
    }
    .casestudy-banner h1{
        margin-bottom: 45px;
    }
    .icon-point-list>li .icon{
        width: 40px;
    height: 40px;
    }
    .icon-point-list>li .icon:after{
        width: 35px;
        height: 35px;
    }
    .icon-point-list>li{
        padding-left: 60px;
    }
    .casestudy-template-version2 ol li, .casestudy-template-version2 ul li, .casestudy-template-version2 p{
        font-size: 14px;
        line-height: 28px;
    }
    .icon-point-list>li h3{
        font-size: 18px;
    }
    .table-content table thead th, .table-content table tbody td{
        padding: 15px !important;
        font-size: 14px;
    }
    .client-testimonial-page .client-review .heading p{
        font-size: 20px;
    }
   
    .client-testimonial-page .client-review .action{
        margin-top: 30px;
    }
    .client-testimonial-page .client-review .action a{
        padding: 8px 20px;
        font-size: 14px;
        line-height: 27px;
    }
    .testimonal-vd .testimonal-vd-inner-content .play a svg{
        height: 60px;
        width: 60px;
    }
    .testimonal-vd{
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .testimonal-count-numbers{
        padding: 50px 0;
    }
    .testimonal-count-numbers ul{
        gap: 20px;
       
    }
    .testimonal-count-numbers ul li{
        padding: 0 20px;
    }
    .testimonal-count-numbers ul li h4{
        margin-bottom: 0px;
        font-family: Montserrat;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        text-align: left;
        color: #04020D;
    }
    .testimonal-count-numbers ul li p{
        font-size: 14px;
    }
    .testimonal-count-numbers .heading p{
        font-size: 16px;
        font-weight: 300;
        line-height: 32px;
    }
    .growth-rate .growth-rate-slider{
        width: calc(100% - 30px);
    }
    .clutch-review .clutch-banner .container{
        flex-wrap: wrap;
    }
    .clutch-review .clutch-banner .bn-img{
        width: 100%;
    }
    .top-rated .top-rated-inner-content{
        flex-wrap: wrap;
    }
    .top-rated .rv-box{
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .top-rated .top-rated-inner-content .left{
        width: 100%;
    }
    .we-go-further-content{
        flex-direction: column;
    }
    .we-go-further-content .we-gof-item{
        width: 100% !important;
    }
    .review-form .form-check-list .form-check label{
        padding: 0px 24px;
    }
    .clutch-review .clutch-banner h1, .top-rated .top-rated-inner-content h2, .heading-sec h2{
        font-size: 28px;
        line-height: 44px;
    }
    .review-form .form-group.half{
        width: 100%;
    }
    .challenges-list-cn .icon-point-list{
        gap: 50px;
    }
    .challenges-list-cn .icon-point-list li{
        width: 100%;
    }
    .challenges-list-cn .icon-point-list li h3{      
        font-size: 22px;    
          
    }
    .challenges-list-cn .icon-point-list li h3 p{
       
        font-size: 14px;        
    }
    .client-testimonial-page .catch-reviews {
        margin: 0 0px;
    }
     /* Satrt */
     .lp-page-1 .lp-banner h1 {
        font-size: 28px;
        line-height: 44PX;
    }
    .lp-page-1 .lp-banner p {
        font-size: 14px;
        line-height: 28px;
    }
    .lp-page-1 .action{
        flex-direction: column;
        text-align: center;
    }
    .lp-page-1 .action a{
        text-align: center;
    }
    .lp-page-1 .lp-banner,
    .lp-page-1 section{
        padding: 60px 0;
    }
    .lp-page-1 .service .nav-tabs{
        flex-wrap: nowrap;
        overflow: auto;
        gap: 20px;
    }
    .lp-page-1 .service .nav-tabs li button{
        white-space: nowrap;
   
    }
    .lp-page-1 .service .nav-tabs li button.active::after{
        bottom: -16px;
    }
    .lp-page-1 .desc-points{
        flex-direction: column;
        gap: 30px;
    }
    .custom-dots-container{
        display: none;
    }
    .lp-page-1 .consultation .left h2{
        font-size: 28px;
        line-height: 35px;
        text-align: center;
    }
    .lp-page-1 .service.development-stories .nav-tabs{
        overflow: auto;
        height: 50px;
    }
    .lp-page-1 .service.development-stories .nav-tabs li button.active::after{
        display: none;
    }
    .lp-page-1 .service .tab-content .tab-in-content p{
        font-size: 16px;
        line-height: 32px;
    }
    .lp-page-1 .service .tab-content .tab-in-content{
        padding-bottom: 0;
    }
    .lp-page-1 .client-trust .client-trust-conetnt .left > img{
        width: 230px;
    }
    .lp-page-1 .client-trust .client-trust-conetnt .right p{
        font-size: 18px;
        line-height: 28px;
    }
    .lp-page-1 .client-trust .client-trust-conetnt .right:after{
        width: 34px;
        height: 26px;
    }
    .lp-page-1 .company-trust .ct-content > p{
        font-size: 16px;
        line-height: 30px;
    }
    .lp-page-1 .company-trust .ct-content .review p{
        font-size: 16px;
    }
    .lp-page-1 .compnay-logo-list{
        flex-wrap: wrap;
        justify-content: center;
        gap: 25px;
    }
    .lp-page-1 .service.development-stories .tab-in-content .left{
        text-align: center;
    }
    .lp-page-1 .service.development-stories .tab-in-content .left img{
        width: 300px;
    }
       /* @ secound */
       .lp-page-sm3 .lp-banner .banner-inner-content h1{
        text-align: center;
        font-size: 28px;
        line-height: 40px;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content > p{
        font-size: 14px;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content .action{
        flex-direction: column;
        gap: 10px;
    }
    .lp-page-sm3 .lp-banner .banner-inner-content .action a:first-child::after{
        display: none;
    }
    .lp-page-sm3 .tailored .tailored-content h2{
        font-size: 22px;
        line-height: 30px;
    }
    .lp-page-sm3 .tailored .tailored-content{
        padding: 35px 15px;
    }
    .lp-page-sm3 .zick-zack-content li{
        font-size: 14px;
    }
    .lp-page-sm3 .clutch-review-lp .container{
        padding: 40px 15px;
    }
    .lp-page-sm3 .consultation-sec .banner-inner-content h2{
        line-height: 38px;
        font-size: 24px;
    }
    .lp-page-sm3 .client-trust-testimonail .growth-rate-item p{
        font-size: 14px;
        line-height: 28px;
    }
    .work-next h3{
        margin-top: 40px;
    }
    .icon-point-list  ul{
        padding-left: 0;
    }
    .footer-mid-section{
        padding: 0 15px;
    }
    
}
@media screen and (max-width: 576px) {
    .lp-page-sm3 .Whyblue-whale-lp .icon-box-inner-content .icon-box-item{
        width: 100%;
    }
    .lp-page-1 .heading-sec h2, .lp-page-sm3 .heading-sec h2{
        font-size: 24px;
        line-height: 35px;
    }

}