@charset "utf-8";
 @media (min-width: 992px) {    .navbar-expand-lg .navbar-toggler {        display: none !important;    }}@media (min-width: 1024px) and (max-width: 1500px) {    .postman-icon.icon-opc {        display: none !important;    }    .Sketchapp-icon.icon-opc {        display: none !important;    }    .swift1-icon.icon-opc {        display: none !important;    }    .banner-content-sec p {        font-size: 20px !important;    }    .banner-title h1 {        font-size: 42px !important;        line-height: 42px !important;        letter-spacing: 0.05em !important;        -webkit-text-stroke: 1px #ec4e4f !important;    }    .home-webdevelopment span {        font-size: 18px !important;    }    .cd-words-wrapper b,    .cd-words-wrapper h3 {        font-size: 18px !important;    }    .about-section .image-column .image-block:nth-child(1) img {        max-height: 480px !important;        object-fit: cover;        object-position: center;    }}@media screen and (max-width:1199px) { section.services-section .container {        width: 100% !important;        max-width: 100% !important;    }    .flat-journey .img-box img{        max-width: 100% !important;    }    section.services-section {        padding: 0px 0 0 0 !important;    }    .flat-journey .icon-box .icon {        padding: 15px !important;        width: 100% !important;        align-items: center !important;    }        .flat-journey .icon-box .icon h4.title-icon {        padding: 0 0 0 15px !important;    }        .flat-journey .icon-box {        border: none !important;    }    .service-box-inner{        padding: 10px 10px 30px 10px !important;    }    .service-box .service-content h4{        font-size: 29px !important;        line-height: 29px !important;        margin: 0 0 7px 0 !important;    }    section.industries-section{        padding: 50px 0 !important;    }    .about-section:before{        opacity: 0 !important;    } .mainimage {        height: 400px !important;    }    .main_banner.casedetail .generalbanner .halfcasetitle{        width: 98% !important;    }    .main_banner.casedetail .generalbanner .halfcasetitle .tags_case h4{        padding: 6px 10px 0 0px !important;    }    .main_banner .generalbanner .serpg_caption {        padding-top: 20px !important;    }    .main_banner .generalbanner {        height: 280px !important;        position: relative !important;    }    header#header + .main_banner.casedetail .generalbanner {        height: 350px !important;    }    .main_banner .generalbanner .serpg_caption{        left:15px !important;    }    section.casedetailpage .col-md-7 {        flex: 0 0 100% !important;        max-width: 100% !important;    }        section.casedetailpage .col-md-5 {        flex: 0 0 100% !important;        max-width: 100% !important;    }}@media (min-width: 991px) and (max-width: 1024px) {    .services-list {        max-width: 100% !important;    }    .postman-icon.icon-opc {        display: none !important;    }    .Sketchapp-icon.icon-opc {        display: none !important;    }    .swift1-icon.icon-opc {        display: none !important;    }    .banner-title h1 {        font-size: 51px !important;        line-height: 50px !important;    }    .cd-words-wrapper b,    .cd-words-wrapper h3 {        font-size: 20px !important;    }    .home-webdevelopment span {        font-size: 21px !important;    }    .flat-journey .img-box {        overflow: hidden !important;    }    .iconbox .iline {        display: none !important;    }  .service-box-inner {        padding: 10px 10px 20px 10px !important;    }    .service-box .service-content h4 {        font-size: 28px !important;        line-height: 28px !important;        margin: 0 0 5px 0 !important;    }    .service-box .service-content p {        font-size: 16px !important;    }  .custom-blog-singlepage > article {    flex: 0 0 100% !important;    max-width: 100% !important;}.custom-blog-singlepage {    flex-wrap: wrap !important;}.custom-blog-singlepage aside#secondary {    flex: 0 0 100% !important;    max-width: 100% !important;}}@media screen and (max-width:990px) {    .banner-sec .system {        display: none !important;    }    .banner_wapper .banner-sec {        min-height: 380px !important;        height: unset !important;        display: flex !important;        align-items: end !important;        padding: 0 0 30px 0 !important;    }    .banner_wapper .banner-sec .banner-content-sec {        max-width: 100% !important;        transform: unset !important;        left: unset !important;        margin: 0 auto !important;        display: block !important;        right: unset !important;        width: 100% !important;        position: unset !important;    }    .banner-title h1 {        font-size: 46px !important;        letter-spacing: 0.05em !important;        line-height: 48px !important;    }    .btn-style-one {        width: 100% !important;        max-width: 193px !important;    }    .btn-style-one .btn-title {        padding: 19px 0px 16px !important;        width: 100% !important;    }    .service-box .service-content h4 {        font-size: 26px !important;        line-height: 26px !important;        margin: 0 0 5px 0 !important;    }    section.services-section .col-md-3 {        padding: 0 5px !important;    }        section.services-section .service-box-inner {        padding: 5px 5px 20px !important;    }        .service-box .service-content p {        font-size: 15px !important;    }     .custom-blog-singlepage > article {    flex: 0 0 100% !important;    max-width: 100% !important;}.custom-blog-singlepage {    flex-wrap: wrap !important;}.custom-blog-singlepage aside#secondary {    flex: 0 0 100% !important;    max-width: 100% !important;}        }@media (max-width: 991px) { .menu-icon {        width: 50px !important;        height: 50px !important;    }    .menu-icon-cross svg {        max-width: 50px !important;        height: 50px !important;    }    .menu-icon span {        height: 3px !important;    }    .menu-icon span::before,    .menu-icon:hover span::before {        transform: translateY(-9px) !important;    }    .menu-icon span::after,    .menu-icon:hover span::after {        transform: translateY(9px) !important;    }    .menu-icon-cross.is-opened span::before {        transform: translateY(0) rotate(45deg) !important;    }    .menu-icon-cross.is-opened span::after {        transform: translateY(0) rotate(-45deg) !important;    }    .menu-icon span::before,    .menu-icon span::after {        height: 3px !important;    }    .slidenav:before {        width: 600vw !important;        padding-top: 600vw !important;    }    .services-list {        max-width: 100% !important;    }    .services-row {        grid-template-columns: repeat(auto-fit, minmax(300px, 2fr)) !important;    }    .services-list .services-box h3 {        font-size: 23px !important;    }    .services-list ul li a {        font-size: 15px !important;        font-weight: 300 !important;        line-height: 28px !important;    }    .slidenav a {        font-size: 51px !important;        line-height: 51px !important;    }    .menu-small li a {        font-size: 27px !important;        line-height: 29px !important;        margin: 0 0 0px 0 !important;    }    .slidenav {        padding: 120px 0 0 30px !important;    }    nav.navlinks-wrap.right-menu-side {        padding: 0 20px 30px 0 !important;    } .logo a img {        max-width: 200px !important;    }    .title-block {        margin: 0 auto 20px !important;    }    .title-block h3 {        font-size: 38px !important;        line-height: 39px !important;        -webkit-text-stroke: 1.5px #ec4e4f !important;    }    .title-block p {        font-size: 18px !important;    }    .about-pag-head {       padding: 150px 0 50px 0px !important;    } section.How-We-Work-Section .col-md-3:nth-child(2) {        display: none !important;    }    section.How-We-Work-Section .col-md-3:nth-child(4) {        display: none !important;    }    section.How-We-Work-Section .col-md-3:nth-child(5) {        display: none !important;    }    section.How-We-Work-Section .col-md-3:nth-child(7) {        display: none !important;    }    section.How-We-Work-Section .col-md-3 {        flex: 0 0 50% !important;        max-width: 50% !important;        margin: 0 0 30px 0 !important;    }    .client-slider .client-img {        max-width: 150px !important;        margin: 20px auto !important;    }    .about-services-img:after {        display: none !important;    }    section.about-services {        padding: 50px 0 30px !important;    } section.client-section {        padding: 50px 0 !important;    }    nav.navlinks-wrap.right-menu-side:before {        display: none !important;    }    .services-list:before{        height: 100vh !important;        padding-top: 480vw !important;    }    section.about-section {        padding: 40px 0 20px 0 !important;    }    .flat-journey{        padding: 30px 0 !important;        margin: 0px !important;    }    section.services-section {        padding: 0 15px 40px !important;    }    section.Process-section .container {        width: 100% !important;        max-width: 100% !important;    }        .iconbox .ibcontent p {        font-size: 16px !important;    } section.bg-light {        padding: 30px 0 50px !important;    } .main_banner.casedetail .generalbanner .halfcasetitle h1{        font-size: 30px !important;    }    .navlinks-wrap.right-menu-side .start-project{        font-size:18px !important;    }}@media (min-width: 768px) and (max-width: 991px) {}@media screen and (max-width:780px){    section.services-section .col-md-3 {        flex: 0 0 100% !important;        max-width: 100% !important;        padding: 0 15px !important;    }        .service-space {        display: none !important;    }        .service-box{        margin-top: 15px !important;    }}@media (max-width: 767px) { .loading {        font-size: 53px !important;    }        .loading-img img {        max-width: 80px !important;    }  .slidenav a {        font-size: 32px !important;        line-height: 32px !important;    }    .navlinks-wrap {        flex: 0 0 100% !important;        max-width: 100% !important;    }    nav.navlinks-wrap.right-menu-side {        flex: 0 0 100% !important;        max-width: 100% !important;    }    .scroll-section {        display: flex !important;        align-items: center !important;        width: 100vw !important;        flex-direction: column !important;        max-height: 90vh !important;        text-align: left !important;        overflow-y: auto !important;        padding-bottom: 30px !important;    }        .slidenav {        padding: 90px 0 0 0 !important;    }        .slidenav nav.navlinks-wrap {        width: 100% !important;        padding: 0 15px !important;    }        .scroll-section nav.navlinks-wrap.right-menu-side {        margin: 60px 0 0 0 !important;    }  ul.about-services-item li {        flex: 0 0 100% !important;        max-width: 100% !important;    }    section.Services-Offered {        background-image: unset !important;        padding: 50px 0 !important;    }    ul.ularr li h3 {        font-size: 26px !important;        margin: 0 !important;    }    ul.ularr li p {        font-size: 17px !important;        line-height: 22px !important;    }  .agent-section .inner-container {        padding: 20px 20px 0 !important;    }    div#content_block_2 {        margin: 0 0 20px 0 !important;    }    #content_block_2 .content-box {        padding: 20px 20px 15px 20px !important;    }    #content_block_2 .content-box .support-box h3 {        font-size: 20px !important;        line-height: 26px !important;    }  .iconbox .iline{        display: none !important;    }    .flat-journey .img-box img {        max-width: 100% !important;    }        .flat-journey .media.img-mark.style img {        max-width: 220px !important;    }    .service-space {        display: none !important;    }        .flat-journey .img-mark img {        max-width: 220px !important;    }    .service-space {        display: none !important;    }        .flat-journey .icon-box .icon {        width: 100% !important;        padding: 20px !important;        margin: 0 0 0px 0 !important;    }        .flat-journey {        padding: 50px 0 !important;    }        .flat-journey .icon-box {        border: none !important;    }        section.reviews-section .content {        padding: 20px 10px 20px 15px !important;    }    .home-webdevelopment span{        font-size: 18px !important;    }    .cd-words-wrapper b, .cd-words-wrapper h3{        font-size: 18px !important;    }    .about-section .text-column .inner {        padding: 0 !important;    }        .about-section .text-column .text {        display: flex !important;        align-items: center !important;    }        .about-section .text-column .text .since {        margin-left: 50px !important;    }        .about-section .text-column .text .since:after {        left: -35px !important;    }        .about-section .text-column .text ul li {        font-size: 16px !important;        line-height: 18px !important;        margin: 0 0 15px 0 !important;    }    .sec-title h2 {        font-size: 40px !important;        margin: 0 0 10px 0 !important;    }        .sec-title h2 br {        display: none !important;    }        .about-section .text-column .sec-title {        margin-bottom: 15px !important;    }        .about-section .text-column .text p {        margin-bottom: 15px !important;    }        .service-title h2 {        font-size: 40px !important;    }        .service-title p {        font-size: 16px !important;    }        .journey-heading h2.tf-title {        font-size: 31px !important;    }        .journey-heading h2.tf-title br {        display: none !important;    }        .journey-heading span.text-color-3.style-title {        font-size: 27px !important;    }        .flat-journey .text-style {        margin-bottom: 10px !important;    }        .flat-journey .journey-heading {        padding: 20px 0 10px 0 !important;    }        section.reviews-section {        padding: 35px 0 !important;    }        section.industries-section {        margin-bottom: 40px !important;    }        .process-block .iconbox {        padding: 20px 0 0 0 !important;    }        section.news-section {        padding: 40px 0 !important;    }        .news-block .inner-box h3 {        font-size: 25px !important;        line-height: 28px !important;        min-height: unset !important;    }        .news-block .inner-box .lower-content {        padding: 15px !important;    }    .banner_wapper .banner-sec .banner-content-sec {        padding: 0 15px !important;    }  section.bg-light .p-1-9.p-lg-2-2.box-shadows.h-100 {        padding: 20px !important;    }  .footer-bottom .bottom-inner .copyright p {    display: block !important;    text-align: center !important;}.footer-bottom .bottom-inner .copyright {    width: 100% !important;}.main-footer.alternat-2 .footer-top {    padding-bottom: 50px !important;}  .d-table.w-100.h-100.text-center.border-start.border-color-extra-light-gray.pb-1-9 {    border: none !important;    border-top: 1px solid #dee2e6!important;    padding: 10px 0 0 0 !important;    margin: 20px 0 0 0 !important;}section.career-section {    padding: 30px 0 !important;}img{    max-width: 100% !important;}  .work-history-one--about .title-box h2,.sec-heading h2{    font-size: 36px !important;    line-height: 39px !important;    -webkit-text-stroke: 1px #ec4e4f !important;}.work-history-one--about .title-box h2 br {    display: none !important;}section.work-history-one {    padding: 40px 0 30px !important;}.work-history-one--about .title-box p {    font-size: 17px !important;    line-height: 30px !important;}section.about-style-04{    padding: 50px 0 !important;}.about-style-04 .about-img-box .about-img-left img {    width: 100% !important;}section.Approach-section{    padding: 30px 0 0 0 !important;} section.casedetailpage .left_image {    padding: 0 !important;}section.casedetailpage .in_imagebox.movetopblk1 {    height: unset !important;    min-height: 300px !important;    background-size: contain !important;    background-repeat: no-repeat !important;    background-position: center !important;}.mainimage .in_imagebox {    background-size: contain !important;}.mainimage {    height: 220px !important;}.cd_technology {    padding: 30px 0 !important;}.cd_technology h2 br {    display: none !important;}.cd_technology h2 {    margin: 0 0 20px 0 !important;}.cd_technology .techblock {    margin: 0 0 20px 0 !important;}section.casedetailpage .left_image {    padding: 0 !important;}.service-box .service-icon {    display: none !important;}.about-style-04 .steps-content {    margin: 0px 0px 25px 20px !important;}.about-style-04 .steps-content h4 {    display: inline-block !important;    width: 100% !important;    margin: 0 0 3px 0 !important;}} @media (min-width: 568px) and (max-width: 767px) {}@media (min-width: 240px) and (max-width: 567px) {    section.How-We-Work-Section .col-md-3 {        flex: 0 0 100% !important;        max-width: 100% !important;        margin: 0 0 30px 0 !important;    }       .banner_wapper .banner-sec {        min-height: 430px !important;    }        .banner-content-sec p {        font-size: 17px !important;    }.footer-bottom .bottom-inner .footer-nav {    flex-direction: column !important;    align-items: baseline !important;    width: 100% !important;}}