body { background-color: #fff; font-family: Raleway,sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #152649; -webkit-font-smoothing: subpixel-antialiased; overflow-x: hidden; } sup { top: -0.8em; font-size: 7px; font-weight: 800; } .red { color: #ff555f; } .grey { color: #7080a7; } .turquouise { color: #28d9cb; } .flourscent { color: #24c1ff; } .g-d-none { display: none; } .new-header { z-index: 4; } .new-header__nav--subtitle p { padding-left: 16px; font-size: 14px; letter-spacing: -0.35px; } header nav .dropdown-menu p.new-header__nav--menu--text { max-width: 180px; } .custom-txt-img-sec.tek-world-scale .container-md { max-width: 1406px; } .custom-txt-img-sec .review_sec i { padding-left: 0px !important; } /* cloud-native-application page css start */ section.cp-tek-teams-isk.c-app-banner { position: relative; } .c-application-development { padding-top: 30px !important; } .c-application-development .custom-txt h2 { margin-bottom: 25px !important; } .cloud-native-application .custom-txt p span { color: #152649; } .cloud-native-application .review_sec { margin-top: 25px; } .c-application-development .review_sec { margin-top: 0 !important; } .c-application-development .cloud-native-application .custom-img img { width: 94%; } .cp-tek-teams-isk .title{ margin-bottom: 24px; } .cp-tek-teams-isk .title p{ margin: 0; color: #28D9CB; font-size: 16px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 400; } .cp-tek-teams-isk p{ font-size: 24px; color: #28D9CB; margin: 10px 0px 0px 0px; font-weight: 700; line-height: normal; } .cp-tek-teams-isk img{ min-height: 350px; } .cp-tek-teams-isk .inner-hero-text img{ min-height: unset; } .review_sec { background: #F5F5F5; padding: 40px 56px; margin-top: 65px; box-shadow: 0px 20px 32px 0px rgba(0, 0, 0, 0.2); position: relative; border-radius: 24px; position: relative; } .review_sec img { position: absolute; left: 0px; } .review_sec::after{ content: ""; display: block; background: url(../img/Group-8578.png); background-repeat: no-repeat; width: 40px; height: 40px; position: absolute; top: -20px; left: 56px; background-size: cover; } .review_sec .swiper-slide p{ margin: 0; font-size: 20px; color: #707070; } .review_sec .swiper-slide i{ margin: 20px 0px; display: block; color: #707070; font-size: 18px; padding-left: 70px; } .review_sec .swiper-slide span{ color: #152649; font-weight: 700; } .review_sec .title p{ font-size: 20px; font-weight: 700; color: #707070; } .review_sec .title span{ color: #28D9CB; } .rebuild-and-replatform{ background-color: #F1F1F1; padding: 120px 0px 192px 0px; } .rebuild-and-replatform .txt label{ display: block; margin-bottom: 40px; } .rebuild-and-replatform .txt h2{ margin-bottom: 40px; } .rebuild-and-replatform .txt h2 span{ color: #28D9CB; } .rebuild-and-replatform .txt p{ color: #707070; margin-bottom: 30px; font-size: 20px; line-height: 1.6em; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-content{ display: none; flex-wrap: wrap; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-content .text p { font-size: 20px; line-height: 1.6; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-content .img{ width: 175px; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-content .img img{ width: 100%; object-fit: cover; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-boxs{ margin-bottom: 43px; border-bottom: 1px solid #DBDBDB; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-content .text{ padding-left: 45px; width: calc(100% - 175px); } .rebuild-and-replatform .custom-tabs .tabs-row .tab-content.active{ display: flex; padding-bottom: 37px; } .rebuild-and-replatform .custom-tabs .review_sec{ margin: 0; box-shadow: unset; background-color: transparent; border-radius: unset; padding: 0; } .rebuild-and-replatform .custom-tabs .review_sec::after{ display: none; } .rebuild-and-replatform .custom-tabs .tabs-row{ background-color: #fff; padding: 56px 76px; border-radius: 28px; border: 1px solid #DBDBDB; } .rebuild-and-replatform .custom-tabs .tabs-col ul{ list-style: none; padding: 0; display: flex; background-color: #fff; border-radius: 36px; padding: 8px; margin: 0px 0px 16px 0px; } .rebuild-and-replatform .custom-tabs .tabs-col ul li{ width: 50%; padding: 16px; border-radius: 28px; text-align: center; transition: all 0.4s ease; } .rebuild-and-replatform .custom-tabs .tabs-col ul li a{ font-size: 20px; color: #707070; } .rebuild-and-replatform .custom-tabs .tabs-col ul li.active{ background-color: #F1F1F1; } .rebuild-and-replatform .custom-tabs .tabs-col ul li.active b{ color: #152649; } .custom-full-bg img { width: 100%; display: block; } .keeping-you-competitive { background-color: #152649; padding: 120px 0px 135px; } .keeping-you-competitive label { color: #7080A7; } .keeping-you-competitive .heading-box h2 { color: #fff; margin-bottom: 40px; } .keeping-you-competitive p { color: #fff; font-family: Raleway,sans-serif; font-size: 20px; line-height: 1.4; } .keeping-future { margin-top: 40px; } .keeping-future ul { list-style: none; font-size: 20px; color: #24C1FF; display: flex; flex-wrap: wrap; } .keeping-future ul li { margin-bottom: 32px; font-style: italic; border-bottom: #16365C solid 1px; padding-bottom: 30px; width: 26%; margin-right: 45px; font-weight: 500; } .keeping-future ul li:nth-child(9), .keeping-future ul li:nth-child(5), .keeping-future ul li:nth-child(1) { width: 11%; } .keeping-future ul li:nth-child(8), .keeping-future ul li:nth-child(4) { margin-right: 0px; } .keeping-future ul li:nth-child(9), .keeping-future ul li:nth-child(10), .keeping-future ul li:nth-child(11) { border: none; } .custom-qout-box { background-color: #F1F1F1; padding: 40px 0px 95px; } .custom-qout-box .review_sec { margin-top: -11%; margin-bottom: 100px; background-color: #fff; } .custom-qout-box .review_sec i { font-size: 20px; color: #707070; line-height: 1.4; font-weight: 400; margin-bottom: 24px; display: block; } .depending-on { display: flex; align-items: center; justify-content: space-between; } .depending-img-box { width: 15%; } .depending-text { width: 55%; } .depending-text p { font-size: 24px; font-weight: bold; line-height: 1.4; } .depending-btn { width: 25%; } .depending-btn .btn-blue { border-radius: 50px; padding: 24px 30px; } .native-applications-list { padding: 120px 0px 100px; } .native-applications-list .heading-box { margin-bottom: 60px; } .native-applications-list .heading-box h2 span { color: #28D9CB; } .native-applications-list .swiper-wrapper { display: flex; justify-content: space-between; } .native-applications-list .swiper-slide { width: calc(50% - 50px); } .applications-col ul { list-style: none; } .applications-col li { font-size: 20px; color: #707070; font-weight: bold; border-bottom: #DBDBDB solid 1px; padding-bottom: 25px; margin-bottom: 25px; position: relative; padding-left: 37px; line-height: 1.4; } .applications-col li::after { position: absolute; left: 0px; top: 0px; content: ""; background-image: url(../img/Group-8544.png); background-repeat: no-repeat; width: 24px; height: 24px; } .applications-col li:last-child { border: none; } .native-applications-list-pagination { text-align: center; } .native-applications-list-pagination .swiper-pagination-bullet { width: 4px; height: 4px; background-color: #DBDBDB; opacity: 1; } .native-applications-list-pagination .swiper-pagination-bullet-active { width: 24px; height: 4px; border-radius: 50px; background-color: #28D9CB; } .native-data-driven-top { background-color: #121D3D; padding-bottom: 80px; margin-top: -2px; } .native-data-driven-top .heading-box label, .native-data-driven-top .heading-box h2 { color: #fff; } .data-driven-application { padding: 80px 0px 190px; background-color: #F1F1F1; } .data-driven-application .swiper-slide { width: calc(33.333% - 44px); } .data-driven-application .swiper-wrapper { display: flex; justify-content: space-between; } .data-driven-application .swiper-button-next.swiper-button-disabled, .data-driven-application .swiper-button-prev.swiper-button-disabled { opacity: 0; } .data-driven-application .swiper-button-next:after { background: url(../img/right-arrow.png) !important; content: ""; background-repeat: no-repeat; width: 26px; height: 16px; display: none; } .data-driven-application .swiper-button-prev:after { background: url(../img/left-arrow-1.png) !important; content: ""; background-repeat: no-repeat; width: 26px; height: 20px; display: none; } .data-driven-application .slider-nav { width: 55%; display: block; height: 20px; margin: 0px auto; position: relative; } .data-driven-application .swiper-pagination-bullet { width: 4px; border-radius: 50px; height: 4px; background-color: #24C1FF; opacity: 1; } .data-driven-application .swiper-pagination-bullet-active { width: 24px; border-radius: 50px; height: 4px; background-color: #152649; } /* .swiper-button-prev:after */ .data-driven-application .applications-col { padding-bottom: 15px; } .data-driven-application .swiper-button-next, .data-driven-application .swiper-button-prev { bottom: 0px; top: auto; position: absolute; } .data-driven-application .applications-col li { border: none; padding-bottom: 0px; margin-bottom: 40px; color: #152649; } .data-driven-application .applications-col li::after { background-image: url(../img/Group-8556.png); } .data-driven-application .applications-col li:nth-child(2):after { background-image: url(../img/Group-8548.png); } .data-driven-application .applications-col li:nth-child(3):after { background-image: url(../img/Group-8549.png); } .data-driven-application .swiper-slide:nth-child(2) li:nth-child(1):after { background-image: url(../img/Group-8550.png); } .data-driven-application .swiper-slide:nth-child(2) li:nth-child(2):after { background-image: url(../img/Group-8551.png); } .data-driven-application .swiper-slide:nth-child(2) li:nth-child(3):after { background-image: url(../img/Group-8552.png); } .data-driven-application .swiper-slide:nth-child(2) li:nth-child(4):after { background-image: url(../img/Group-8553.png); } .data-driven-application .swiper-slide:nth-child(3) li:nth-child(1):after { background-image: url(../img/Group-8554.png); } .data-driven-application .swiper-slide:nth-child(3) li:nth-child(2):after { background-image: url(../img/Group-8555.png); } .clients-talk { background-color: #fff; padding: 120px 0px 120px; } .lets-talk-box { background-color: #fff; box-shadow: 8px 0px 32px #0000001a; padding: 56px 0px 90px; border-radius: 16px; margin-top: -19%; text-align: center; } .about-dev-ops .review_sec { margin-top: 100px !important; } .lets-talk-box h3 { font-size: 32px; font-weight: bold; color: #707070; font-family: Raleway,sans-serif; line-height: 1.3; } .lets-talk-box h3 span { color: #28D9CB; } .clients-talk .btn-wrapper { width: 316px; margin: 0px auto; margin-top: -38px; } .btn-gradient { border-radius: 50px; padding: 18px 30px; width: 100%; text-align: center; } .build-wrapper .swiper-wrapper { display: flex; } .build-wrapper .review_sec { margin-bottom: 19px; box-shadow: none; margin-top: 21px; } .build-wrapper .review_sec:before { position: absolute; bottom: 6px; content: ""; width: 96%; margin: 0px auto; right: 0; z-index: -1; left: 0; height: 93px; border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.40) 0px 25px 20px -20px; } .build-wrapper .heading-box { margin-bottom: 24px; } .build-wrapper .review_sec .swiper-slide p { padding-left: 0; } .build-wrapper .custom-txt p { margin-bottom: 25px; } .custom-txt-img-sec .cloud-native-application .custom-txt { width: 49%; margin-right: 81px; } .custom-txt-img-sec .cloud-native-application .custom-img { width: 43%; margin-left: 0; } .custom-txt-img-sec .cloud-native-application .custom-txt p { margin-bottom: 30px; } .custom-txt-img-sec .cloud-native-application .custom-txt p:last-of-type { margin: 0px; } /* cloud-native-application page css end */ /* cloud-native-devops-consulting */ .text-grey-box { background-color: #F1F1F1; padding: 24px; position: relative; margin: 40px 0px 32px; } .text-grey-box p { padding-right: 60px; } .text-grey-box:after { position: absolute; left: 0; top: 0; height: 100%; width: 4px; background: #152649; content: ""; } .journey-roadmap { margin-top: -253px; padding: 248px 0px 120px 0px !important; padding: 0px; background-color: #02163C; } .review_sec2 { padding: 40px 30px 40px 50px; margin-top: 100px; z-index: 2; position: relative; box-shadow: none; } .review_sec2::after { background: url(../img/Group-8578-1.png) no-repeat; } .review_sec i { font-size: 20px !important; line-height: 1.6; } .review_sec2 .title p { color: #152649; line-height: 1.2; } .journey-roadmap-header { display: flex; justify-content: space-between; align-items: center; } .journey-roadmap-logo { width: 29%; } .journey-roadmap-header .heading-box { width: 66%; } .journey-roadmap-header .heading-box h2 { color: #fff; } .journey-roadmap-header .heading-box h2 span { color: #28D9CB; } .devops-services { padding-bottom: 0; } .devops-services .heading-box { margin-bottom: 45px; } .devops-services .heading-box h2 { color: #28D9CB; } .devops-services .applications-col ul { margin-bottom: 37px; } .devops-services .applications-col ul li { font-size: 20px; font-weight: normal; border-bottom: none; padding-bottom: 0; margin-bottom: 0; padding-left: 37px; } .devops-services .applications-col h5 { font-size: 20px; color: #152649; line-height: 1.6; margin-bottom: 24px; position: relative; padding-left: 42px; font-weight: bold; } .devops-services .applications-col h5::before { position: absolute; left: 0px; top: 0px; content: ""; background-image: url(../img/srvcicon1.png); width: 30px; height: 30px; background-repeat: no-repeat; margin-top: 0px; } .devops-services .applications-col ul li::after { content: none; } .srvs-text-box { margin-bottom: 37px; } .srvs-text-box p { font-size: 20px; line-height: 1.6; padding-left: 44px; } .srvs-text-box:nth-child(1) p:after { content: ""; position: absolute; top: 0; left: 0; width: 25px; background-image: url(../img/Group-8556.png); height: 25px; margin-top: 5px; } .srvs-text-box:last-child h5 { color: #707070; } .srvs-text-box:last-child h5 span { font-weight: 500; color: #152649; } .reliability-engineers { width: 95%; margin: 0px auto; background-color: #F5F5F5; border-radius: 24px; padding: 40px 30px 40px 92px; position: relative; margin-top: 100px; font-weight: bold; } .reliability-engineers p { font-size: 20px; font-weight: bold; margin-bottom: 0px; } .fortune-box { text-align: center; display: flex; align-items: flex-end; } .tex-box { padding: 11px 0px; margin-top: 25px; line-height: 1.6; color: #152649; width: 49%; border-radius: 10px; border: #707070 solid 1px; } .right-short-text { margin-left: 22px; } .right-short-text p { font-size: 14px; font-weight: normal; font-style: italic; color: #707070; } .mrdata-logo { position: absolute; left: -58px; top: 0; bottom: 0; display: flex; align-items: center; } /* cloud-native-devops-consulting end*/ .devops-services .applications-col:nth-child(1) h5:last-of-type::before { background-image: url(../img/srvcicon3.png); } .native-applications-list .swiper-slide:nth-child(2) .srvs-text-box:nth-child(1) p:after { background-image: url(../img/srvcicon2.png); width: 33px; } .native-applications-list .swiper-slide:nth-child(2) .srvs-text-box:nth-child(2) h5::before { background-image: url(../img/srvcicon4.png); margin-top: 0px; } .native-applications-list .swiper-slide:nth-child(2) .srvs-text-box:nth-child(3) h5::before { background-image: url(../img/srvcicon5.png); } .kubernetes-sec { margin-top: -95px; } .kubernetes-sec .container-md { padding: 0px 0px; } .kubernetes-sec .custom-txt { padding: 0px 24px; } .kubernetes-sec .heading-box h2 { color: #fff; margin-bottom: 40px; } .kubernetes-sec .scroll-img img { margin-bottom: 120px; text-align: center; } .kubernetes-sec .scroll-img { text-align: center; } .kubernetes-sec .custom-txt p{ color: #fff; font-size: 20px; line-height: 1.6; } .kubernetes-sec .custom-txt p span { color: #24C1FF; } .book-cunsultaion-sec { padding: 10px 0px 124px 0px; background-color: #F1F1F1; } .book-cunsultaion-sec a.btn-blue:hover { color: #fff; background: #28d9cb; } .top-btn { padding-bottom: 124px; margin-top: -39px; } .col-row ul { list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap; } .col-row ul li { font-size: 20px; font-weight: bold; color: #152649; margin-bottom: 32px; position: relative; width: 30%; padding-left: 46px; } .col-row ul li::after { position: absolute; top: 0px; left: 0px; content: ""; width: 32px; background-image: url(../img/clck.png); height: 32px; } .col-row ul li:nth-child(1), .col-row ul li:nth-child(4) { width: 35%; } .col-row ul li:nth-child(2):after { background-image: url(../img/cstmr.png); } .col-row ul li:nth-child(3):after { background-image: url(../img/wrld.png); } .col-row ul li:nth-child(4):after { background-image: url(../img/auto.png); } .col-row ul li:nth-child(5):after { background-image: url(../img/drive.png); } .col-row ul li:nth-child(6):after { background-image: url(../img/dlr.png); } .cost-effective-sec { background-color: #fff !important; padding-bottom: 0px; padding-top: 120px; } .cost-effective-sec .inner { display: flex; justify-content: space-between; align-items: end; margin-bottom: 80px; } .cost-effective-sec .custom-txt { width: 55%; } .cost-effective-sec .left-text { width: 43%; } .cost-effective-sec .left-text p { font-size: 20px; line-height: 1.6; color: #707070; } .cost-effective-sec .heading-box h2 span{ color: #28D9CB; display: block; } .data-driven-devOps { display: flex; flex-wrap: wrap; justify-content: space-between; } .data-driven-application .data-driven-devOps .applications-col { padding-bottom: 15px; width: calc(50% - 38px); } .data-driven-application .data-driven-devOps .applications-col li { border-bottom: #DBDBDB solid 1px; padding-bottom: 32px; margin-bottom: 32px; line-height: 1.6; padding-left: 50px; } .data-driven-application .data-driven-devOps .applications-col li:after { background-image: url(../img/ppl.png); width: 32px; height: 32px; margin-top: 8px; } .data-driven-application .data-driven-devOps .applications-col:nth-child(2) li:nth-child(1):after { background-image: url(../img/loaction.png); } .data-driven-application .data-driven-devOps .applications-col:nth-child(2) li:nth-child(2):after { background-image: url(../img/icon.png); } .data-driven-application .data-driven-devOps .applications-col:nth-child(1) li:nth-child(2):after { background-image: url(../img/icon2.png); } .data-driven-application .data-driven-devOps .applications-col:nth-child(1) li:nth-child(3):after { background-image: url(../img/icon3.png); } .data-driven-application .data-driven-devOps .applications-col ul li:last-child { border: none; } .cost-effective-sec .review_sec2 .swiper-slide { width: 100%; } .cost-effective-sec .review_sec .swiper-slide i { padding-left: 0px; } .infrastructure-sec { padding: 0px 0 80px !important; margin-top: -100px; background-color: #152649; text-align: center; } .infrastructure-sec .bg-img::before { content: ''; width: 100%; height: 265px; position: absolute; left: 0; bottom: -3px; background-image: linear-gradient(#15264900, #152649); } .infrastructure-sec .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .infrastructure-sec .container-md { margin-top: 0px !important; } .infrastructure-sec .heading-box h2 { color: #fff; max-width: 93% !important; margin: auto; } .infrastructure-sec .heading-box { padding-bottom: 0 !important; margin-top: 40px !important; width: 100% !important; } .infrastructure-sec .heading-box h2 { color: #fff; max-width: inherit; text-align: center; } /* Contact Us Page */ .contact-wrapper-banner { z-index: 2; } .contact-form-left .calendly-inline-widget { overflow: hidden !important; } .contact-wrapper-banner img { min-height: 110px; } .contact-wrapper-banner:before { position: absolute; content: ""; width: 28px; height: 28px; background-color: #152649; bottom: -13px; left: 18%; z-index: -1; transform: rotate(45deg); border-radius: 4px; } .change_bg .custom-contact-wrapper { background: #152649; position: relative; z-index: 2; } .about-map { position: relative; } .c-full-map { position: absolute; top: 0; width: 100%; height: 100%; z-index: 1; } .c-full-map img { width: 100%; height: 100%; object-fit: cover; } .custom-contact-wrapper { padding: 125px 0px 160px; margin-top: 0px; } .about-map .c-full-map .wpgmza_map.wpgmza-auto-left { height: 100% !important; } .about-map .c-full-map .wpgmza-modern-store-locator>.wpgmza-inner { opacity: 0; } .schedule-box h1 { display: none; } .custom-contact-wrapper .inner-contact { display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff; box-shadow: 8px 0px 32px #0000001a; padding: 0px; border-radius: 0px 26px 26px 26px; position: relative; z-index: 2; } .contact-form-left { width: 57%; padding: 58px 0px 75px; } .choose-option { padding-left: 46px; } .choose-option ul { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; align-items: center; margin-bottom: 60px; } .choose-option ul li { font-size: 20px; color: #152649; } .choose-option ul li { padding: 15px 33px; border-radius: 50px; color: #707070; background: #fff; transition: all ease 0.5s; } .choose-option ul li:hover { background: #F1F1F1; } /* .choose-option ul li.active { background: #F1F1F1; } */ .choose-option ul li:nth-child(2) { font-weight: 800; padding: 0px 20px; background: transparent; color: #121D3D; } .custom-contact-wrapper .inner-contact .contact-form-left .form-box label { display: block; font-size: 18px; color: #121D3D; font-weight: bold; font-family: 'Roboto', sans-serif; } .custom-contact-wrapper .inner-contact .contact-form-left .form-box .wpcf7-form-control { width: 100%; display: block; padding: 14px 0px 8px; border: 0; border-radius: 0px; outline: none; background-color: #fff; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #000000; resize: none; -webkit-transition: .5s ease 0s; transition: .5s ease 0s; border-bottom: #E6E6E6 solid 1px; margin-bottom: 15px; } .custom-contact-wrapper .inner-contact .contact-form-left .form-box .col-md-4 { max-width: 50%; margin-bottom: 15px; flex: 0 0 50%; } .custom-contact-wrapper .inner-contact .contact-form-left .form-box::placeholder { font-size: 16px; } .custom-contact-wrapper .inner-contact .contact-form-left .form-box .wpcf7-form-control::-webkit-input-placeholder { color: #ADADAD; opacity: 1; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; } .custom-contact-wrapper .inner-contact .contact-form-left .form-box .wpcf7-form-control::-ms-input-placeholder { color: #ADADAD; opacity: 1; font-size: 16px; font-weight: normal; font-family: 'Roboto', sans-serif; } .custom-contact-wrapper .inner-contact .contact-form-left .form-box .wpcf7-form-control::placeholder { color: #ADADAD; opacity: 1; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; } .custom-contact-wrapper .inner-contact .contact-form-left .form-box textarea { margin-top: 0; margin-bottom: 55px !important; height: 130px; } .custom-contact-wrapper .inner-contact .contact-form-left .form-box input[type="submit"] { background: linear-gradient(-90deg, #28d9cb 0, #a0f266 100%); font-size: 18px; height: 70px; font-weight: 800; cursor: pointer; max-width: 300px; width: 100%; border-radius: 50px; margin: 0; } .change_bg .contact-form-info-right { background: linear-gradient(180deg, #28D9CB 0, #66F2A3 100%); } .change_bg .contact-form-info-right ul li a, .change_bg .contact-form-info-right ul li span a, .change_bg .contact-form-info-right ul li, .change_bg .contact-form-info-right ul li:first-of-type, .change_bg .contact-form-info-right h3 { color: #152649; } .change_bg .contact-form-info-right ul li { border-color: rgba(255, 255, 255, 28%); } .btn-group button { border-radius: 50px; border: none; } .contact-form-info-right { width: 38%; background-color: #152649; border-radius: 26px; padding: 50px 80px 119px; } .contact-form-info-right h3 { font-size: 32px; color: #28D9CB; line-height: 1.5; margin-bottom: 25px; font-family: Raleway,sans-serif; } .custom-contact-wrapper .inner-contact .contact-form-left .form-box .wpcf7-form-control:focus { outline: none; box-shadow: none; } .contact-form-info-right ul { list-style: none; margin-bottom: 70px; } .contact-form-info-right ul li { border-bottom: #525C70 solid 1px; padding: 40px 0px 47px; color: #BCC2CE; font-size: 17px; position: relative; display: flex; align-items: center; line-height: 1.5; } .contact-form-info-right ul li a { color: #28D9CB; padding-left: 15px; text-decoration: underline; display: block; } .contact-form-info-right ul li:nth-of-type(2) { } .contact-form-info-right ul li:nth-of-type(1) a { text-decoration: none; } .contact-form-info-right ul li:nth-of-type(2) a { color: #28D9CB; padding-left: 0px; } .contact-form-info-right ul li:nth-of-type(2) span { padding-left: 55px; display: block; } .contact-form-info-right ul li:last-child a{ padding-left: 55px; } .contact-form-info-right ul li:first-of-type a { color: #FFFFFF; font-size: 32px; font-weight: bold; line-height: 1.5; } .contact-form-info-right ul li:last-child { border: none; } .change_bg .contact-form-info-right ul .phone:before, .change_bg .contact-form-info-right ul .address:before, .change_bg .contact-form-info-right ul .email:before, .change_bg .btm-icon-line img{ filter: brightness(100); } .contact-form-info-right ul .phone:before { content: ''; background-image: url(../img/phone.svg); background-size: cover; background-repeat: no-repeat; width: 40px; height: 40px; display: inline-block; vertical-align: middle; } .contact-form-info-right ul .address:before{ content: ''; background-image: url(../img/address.svg); background-size: cover; background-repeat: no-repeat; width: 41px; height: 45px; display: inline-block; vertical-align: middle; padding-bottom: 46px; position: absolute; } .contact-form-info-right ul .email:before{ content: ''; background-image: url(../img/email.svg); background-size: cover; background-repeat: no-repeat; width: 40px; height: 40px; display: inline-block; vertical-align: middle; position: absolute; } /* .contact-form-info-right ul .phone:before { display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f2a0"; padding-right: 17px; font-size: 32px; position: absolute; top: 50%; transform: translateY(-50%); background: linear-gradient(0deg, rgba(40,217,203,1) 0%, rgba(102,242,163,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } */ /* .contact-form-info-right ul .address:before { display: block; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5"; padding-right: 17px; font-size: 32px; position: absolute; top: 50%; transform: translateY(-50%); background: linear-gradient(0deg, rgba(40,217,203,1) 0%, rgba(102,242,163,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; height: 40px; padding: 10px 0; } .contact-form-info-right ul .email:before { display: block; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\40"; padding-right: 17px; font-size: 32px; position: absolute; top: 50%; transform: translateY(-50%); background: linear-gradient(0deg, rgba(40,217,203,1) 0%, rgba(102,242,163,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; height: 40px; padding: 10px 0; } */ .change_bg .font-des { -webkit-text-fill-color: #fff; border-image: unset; } .font-des { font-size: 25px; color: #fff; font-weight: bold; border: 4px solid; padding: 4px 5px; background: linear-gradient(0deg, rgba(40,217,203,1) 0%, rgba(102,242,163,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border-image: linear-gradient(0deg, rgba(40,217,203,1) 0%, rgba(102,242,163,1) 100%); } .btm-icon-line { position: relative; display: flex; justify-content: center; } .choose-option ul li.tab{ cursor: pointer; } .choose-option ul li:last-child { margin-left: 0px; } .contact-form-left .tab-content { display: none; padding-left: 50px; } .contact-form-left .tab-content.active { display: block; } .btm-icon-line:after { content: ""; position: absolute; left: 0px; bottom: 0px; margin: auto; height: 1px; width: 130px; top: 0; background: #525C70; } .btm-icon-line::before { content: ""; position: absolute; right: 0px; bottom: 0px; margin: auto; height: 1px; width: 130px; top: 0; background: #525C70; } @media only screen and (min-width: 2751px) and (max-width: 3840px) { .new-header { padding: 0px 23%; } } @media only screen and (min-width: 2200px) and (max-width: 2750px) { .new-header { padding: 0px 10%; } } @media screen and (max-width: 1320px) and (min-width: 1025px){ .contact-form-info-right{ padding: 50px 25px 119px; } } @media only screen and (max-width: 1920px) { .new-header .dropdown-menu>.container { padding: 0px; margin: 0px; } .new-header .mega-menu-right { padding: 0px; margin: 0px; flex: 0 0 71.666667%; max-width: 71.666667%; } .new-header .dropdown-menu .col-lg-4 { padding: 0; flex: 0 0 24.333333%; max-width: 24.333333%; } .new-header .mega-menu-right .row .menu-widget { padding: 0px; margin: 0px; } .dropdown-menu { width: 66%; } } @media only screen and (max-width: 1024px) { .new-header .dropdown-menu>.container { padding: 0px; margin: 0px; } .new-header .mega-menu-right { flex: 0 0 78.666667%; max-width: 78.666667%; } .new-header .dropdown-menu .col-lg-4 { flex: 0 0 21.333333%; max-width: 21.333333%; } .new-header .mega-menu-right .row .menu-widget { padding: 0px; margin: 0px; } .dropdown-menu { width: 66%; } .custom-qout-box .review_sec { margin-top: -16%; } .keeping-future ul li:nth-child(9), .keeping-future ul li:nth-child(5), .keeping-future ul li:nth-child(1) { width: 12%; } } @media only screen and (max-width: 991px) { .new-header .mega-menu-right { flex: 0 0 66.666667%; max-width: 66.666667%; padding-right: 71px; } } @media only screen and (max-width: 991px) { .new-header .mega-menu-right { flex: 100%; max-width: 100%; padding-right: 20px; } } @media only screen and (max-width: 991px) { .new-header .dropdown-menu .col-lg-4 { flex: 100%; max-width: 100%; } .new-header__nav--subtitle p { padding-left: 0px; } a.new-header__nav--menu--button { margin-bottom: 25px; } .new-header__menu-item { padding-left: 0; } } .new-header .navbar { padding: 0.5rem 90px 0px 30px; } @media only screen and (min-width: 1920px) and (max-width: 2129px) { .new-header .navbar { padding: 0.5rem 50px 0px 30px; } } @media (max-width: 1800px) { .new-header .navbar { padding: 0.5rem 2.2rem; } } @media (max-width: 1366px) { .new-header .navbar { padding: 0.5rem 1rem 0rem 2.2rem; } } @media (max-width: 1280px) { .new-header .navbar { padding: 0.5rem 1.2rem; } } .new-header .navbar-light .navbar-nav .nav-link { font-size: 16px; } @media only screen and (max-width: 1920px) { .new-header .navbar-light .navbar-nav .nav-link { font-size: 16px !important; padding: 0px 17px !important; } } @media only screen and (max-width: 1680px) { .new-header .navbar-light .navbar-nav .nav-link { padding: 0px 6px !important; } } @media only screen and (max-width: 1440px) { .new-header .navbar-light .navbar-nav .nav-link { padding: 0px 11px !important; font-size: 14px !important; } .native-applications-list { padding: 120px 0px 120px; } } @media only screen and (max-width: 1366px) { .new-header .navbar-light .navbar-nav .nav-link { font-size: 13px !important; padding: 0px 11px !important; } .depending-text p { font-size: 23px; } .applications-col li { font-size: 18px; } } @media only screen and (max-width: 1024px) { .new-header .navbar-light .navbar-nav .nav-link { font-size: 12px !important; padding: 0px 8px !important; } } @media only screen and (max-width: 991px) { .new-header .navbar-light .navbar-nav .nav-link { font-size: 10px !important; padding: 0.5rem 1rem !important; } } .show>.dropdown-toggle::after { width: 7px !important; height: 7px !important; transform: rotate(45deg); border: solid 1px #24c1ff !important; border-left: 0 !important; border-top: 0 !important; text-align: left; display: inline-block; } @media only screen and (max-width: 991px) { .show>.dropdown-toggle::after { display: none; } } /* .new-header__button:hover { background: linear-gradient(-90deg, #28d9cb 0, #a0f266 100%); } */ a.new-header__nav--menu--button { position: relative; min-width: 132px; transition: all ease 0.5s; border: 1px solid #9df168; background: transparent; margin: 0px; display: flex; text-align: left; padding-left: 10px; padding-right: 10px; line-height: 44px; background: linear-gradient(90deg, #28d9cb 0, #a0f266 100%); transform: scale(1); transition: all 0.5s; max-width: 170px; } @media (max-width: 992px) { a.new-header__nav--menu--button { width: 150px; } } @media (max-width: 991px) { a.new-header__nav--menu--button { margin-bottom: 25px; } } .new-header__nav--title h5 { padding-right: 40px; } @media (max-width: 1680px) { .new-header__nav--title h5 { padding-right: 0px; } } a.new-header__nav--menu--button:before { position: absolute; right: 30px; top: 43%; width: 10px; height: 10px; border: #707070 solid 1px; z-index: 99; content: ""; transform: rotate(45deg); border-bottom: 0; border-left: 0; margin-left: 15px; display: none; } a.new-header__nav--menu--button:hover { transform: scale(1.1); } @keyframes pulse { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } .new-header__nav--menu--button:hover { font-size: 1rem; } /* a.new-header__nav--menu--button:after { content: ""; position: absolute; top: 0; left: 0; width: 130px; background: #fff; z-index: -1; height: 100%; border-radius: 35px; transition: all ease 0.2s; background: linear-gradient(90deg, #28d9cb 0, #a0f266 100%); } */ @media screen and (max-width: 992px) { a.new-header__nav--menu--button:after { width: 110px; } } a.new-header__nav--menu--button:hover::after { width: 100%; transition: all ease 0.2s; background: linear-gradient(90deg, #28d9cb 0, #a0f266 100%); } .new-header__nav--menu--title { color: #152649; } /* .new-header__nav--menu--box { align-items: flex-start !important; } */ .new-header__nav--subtitle-icon img { width: 25px; } .new-header__nav--subtitle-icon { text-align: left; } @media screen and (max-width: 1920px) { .new-header__nav--menu--img { flex: 0 0 23%; max-width: 23%; } .col-md-10.menu-text { flex: 0 0 77%; max-width: 77%; padding-right: 0px; } } @media screen and (max-width: 1440px) { .new-header__nav--menu--img { padding: 0; max-width: 20%; flex: 0 0 20%; } } .col-12.new-header__nav--subtitle { padding-right: 20px; } .dropdown-menu { border-top: 1px solid #DFDFDF; } @media only screen and (max-width: 1920px) { .dropdown-menu { border-top: 1px solid #DFDFDF; width: 64%; padding-left: 40px; padding-top: 20px; padding-bottom: 20px; } .new-header__nav--list li .nav-link { padding-right: 20px !important; padding-left: 20px !important; } } @media only screen and (max-width: 1680px) { .dropdown-menu { width: 70%; padding-left: 44px; } } @media only screen and (max-width: 1536px) { .dropdown-menu { width: 76%; padding-left: 44px; } } @media screen and (max-width: 1440px) { .new-header__nav--list li { padding: 0px; } } @media screen and (max-width: 991px) { .new-header__nav--list li { padding-left: 1rem; } } @media only screen and (max-width: 1440px) { .dropdown-menu { width: 83%; padding-left: 50px; } .keeping-future ul li { margin-right: 44px; } .review_sec2 { margin-top: 47px; } .top-btn { padding-bottom: 60px; } .book-cunsultaion-sec { padding: 10px 0px 60px 0px; } } @media only screen and (max-width: 1024px) { .dropdown-menu { padding-left: 25px; } } @media only screen and (max-width: 991px) { .dropdown-menu { width: 100%; padding-right: 10px; padding-left: 1rem; border-top: none; } } .new-header__nav--menu--title { font-size: 18px; letter-spacing: -0.43px; } @media screen and (max-width: 1280px) { .new-header__nav--menu--title { font-size: 16px; } .custom-qout-box .review_sec i { font-size: 18px; } .depending-text p { font-size: 21px; } .applications-col li { font-size: 17px; } } @media screen and (max-width: 1024px) { .new-header__nav--menu--title { font-size: 14px; } .custom-qout-box .review_sec i { font-size: 16px; } .depending-text p { font-size: 17px; } .native-applications-list { padding: 90px 0px 50px; } .depending-btn .btn-blue { padding: 15px 10px; } .applications-col li { font-size: 15px; } .native-applications-list .swiper-slide { width: calc(50% - 19px); } .lets-talk-box h3 { font-size: 26px; } .lets-talk-box { margin-top: -25%; } .data-driven-application { padding: 80px 0px 140px; } .data-driven-application .swiper-slide { width: calc(33.333% - 10px); } .custom-txt-img-sec .cloud-native-application .custom-txt { margin-right: 0; } } @media screen and (max-width: 991px) { .new-header__nav--menu--title { font-size: 1rem; } .keeping-future ul li:nth-child(9), .keeping-future ul li:nth-child(5), .keeping-future ul li:nth-child(1) { width: 18%; } .keeping-future ul li { margin-right: 30px; width: 33%; } .keeping-future ul li:nth-child(9) .keeping-future ul li:nth-child(6), .keeping-future ul li:nth-child(3) { margin-right: 0px; } .keeping-future ul li:nth-child(10), .keeping-future ul li:nth-child(9) { border-bottom: #16365C solid 1px; } } @media screen and (max-width: 768px) { .new-header__nav--menu--title { font-size: 1.1rem; } .keeping-you-competitive p { font-size: 13px; } .depending-on { flex-wrap: wrap; } .depending-img-box { width: 20%; } .depending-text { width: 75%; } .depending-btn { width: 100%; text-align: center; } .custom-qout-box { padding: 40px 0px 60px; } .depending-btn .btn-blue { padding: 15px 30px; } .custom-qout-box .review_sec { margin-top: -24%; margin-bottom: 55px; } .data-driven-application { padding: 80px 0px 110px; } .native-applications-list .heading-box h2 { font-size: 25px; } .native-applications-list .heading-box { margin-bottom: 35px; } .applications-col li { font-size: 12px; } .lets-talk-box h3 { font-size: 20px; } .lets-talk-box { padding: 35px 0px 60px; margin-top: -29%; } .clients-talk { padding: 120px 0px 55px; } .clients-talk .btn-gradient { font-size: 27px; padding: 10px 30px; } .clients-talk .btn-wrapper { width: 245px; margin-top: -27px; } .keeping-future ul { justify-content: space-between; } .keeping-future ul li { margin-right: 0 !important; width: 48%; } .keeping-future ul li:nth-child(9), .keeping-future ul li:nth-child(5), .keeping-future ul li:nth-child(1) { width: 48%; } .keeping-future ul li:nth-child(9), .keeping-future ul li:nth-child(10) { border-bottom: #16365C solid 1px; } .tex-box { width: 68%; } } .new-header__nav--subtitle, .new-header__nav--subtitle .col-10, .new-header__nav--title .col-10, .new-header__nav--title { padding: 0px; } .new-header__nav--subtitle .row .col-12 { padding: 0px; } .new-header__nav--menu--text { font-size: 12px; letter-spacing: -0.29px; } .new-header__nav--menu--img img { max-width: 100%; width: 48px; } /* @media only screen and (max-width: 1400px) { .new-header__nav--menu--img img { width: 48px; } } */ @media only screen and (max-width: 1400px) { .new-header .dropdown-menu .menu-right, .new-header .dropdown-menu .menu-widget .row, .new-header .dropdown-menu .menu-widget { padding: 0px; } .mega-menu-right { padding: 0px; } .new-header__nav--menu--box { align-items: flex-start; } .col-md-10.menu-text { padding: 0px 2px 0px 9px; max-width: 80%; flex: 0 0 80%; } } .footer-2022__social-media a { transition: all ease 0.5s; } .footer-2022__social-media a:hover { margin-top: -10px; } @media only screen and (min-width: 1800px) and (max-width: 3034px) { footer.footer-2022 .container { max-width: 1545px; } } @media (max-width: 600px) { footer.footer-2022 .container { padding: 0px 44px; } .rebuild-and-replatform .custom-tabs .review_sec { padding: 40px 0px 0px; } .rebuild-and-replatform .custom-tabs .tabs-row { padding: 40px 25px; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-content.active { flex-wrap: wrap; padding-bottom: 28px; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-content .img { width: 100%; margin-bottom: 32px; } .rebuild-and-replatform { padding: 120px 0px 120px 0px; } .rebuild-and-replatform .txt .heading-box h2 br { display: none; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-content .text { padding-left: 0; width: 100%; } .review_sec img { top: 0; } .review_sec .swiper-slide i { padding-left: 0; font-size: 14px !important; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-boxs { margin-bottom: 8px; } .reviewSwiper { padding-top: 12px; } .review_sec .swiper-slide p { padding-left: 55px; } .review_sec .title p { padding-left: 0px; } .review_sec .title p span { display: block; } .review_sec2 .swiper-slide p { padding-left: 0px !important; } } @media (max-width: 374px) { footer.footer-2022 .container { padding: 0px 30px; } } @media (max-width: 320px) { footer.footer-2022 .container { padding: 0px 10px; } } .footer-2022__copyright { letter-spacing: -0.35px; } .container-md { max-width: 1272px; margin: 0 auto; padding: 0 20px; width: 90%; } .footer-2022__menu--list h5:after { border-top: 0px; border-right: 0; border-left: 0; } @media (max-width: 768px) { .footer-2022__menu--box { flex-direction: inherit; flex-wrap: wrap; justify-content: space-between; } } @media (max-width: 767px) { .footer-2022__box-end { letter-spacing: -0.35px; } .footer-2022__menu--box { flex-direction: column; } .g-small-d-block { display: block; } .g-small-d-none { display: none; } .data-driven-application .swiper-button-next:after { display: block; } .data-driven-application .swiper-button-prev:after { display: block; } } @media (max-width: 767px) { .container-md { width: 100%; padding: 0 30px; } .accordianNav .drop_arrow:before { content: ""; position: absolute; z-index: 0; left: 0; top: 0; width: 0; height: 100%; background-color: #444; background: rgba(244, 244, 244, .3); transition: all 0.3s ease-out; } .accordianNav .drop_arrow:hover:before, .accordianNav .drop_arrow .active:before { width: 2%; } .footer-2022 .drop_arrow { position: relative; } .drop_arrow.active h5 { color: #fff; } .footer-2022 .drop_arrow::before { content: ""; width: 6px; height: 6px; border-bottom: 2px solid #24C1FF; border-right: 2px solid #24C1FF; float: right; position: absolute; top: 12px; right: 0px; transform: rotate(45deg); transform-origin: center; transition: all 0.4s ease; } .footer-2022 .drop_arrow.active::before { transform: rotate(225deg); } .footer-2022__menu--list .drop_arrow .active:after { transform: rotate(-135deg); border-color: #fff; } .footer-2022__menu--list ul { margin-bottom: 3rem; display: none; } .keeping-future ul { column-count: 2; } .applications-col li { font-size: 14px; } .data-driven-application .applications-col li { margin-bottom: 24px; } .applications-col li { padding-bottom: 16px; margin-bottom: 16px; } .custom-qout-box .review_sec i { font-size: 14px !important; } .keeping-future ul li { margin-bottom: 16px; padding-bottom: 16px; font-size: 14px; } .review_sec .title p { font-size: 14px; } .keeping-you-competitive { padding: 80px 0px 195px; } .custom-qout-box .review_sec { margin-bottom: 65px; margin-top: -19%; } .depending-text { text-align: center; width: 80%; margin: 0px auto 40px auto; } .custom-qout-box { padding: 40px 0px 80px; } .native-applications-list { padding: 80px 0px 50px; } .native-applications-list .swiper-slide:nth-child(1) li:first-of-type { padding-right: 80px; } .lets-talk-box h3 { font-size: 24px; padding: 0px 100px; } .depending-img-box { width: 100%; text-align: center; } .keeping-you-competitive p { font-size: 14px; } .keeping-future { margin-top: 60px; } section.cp-tek-teams-isk.c-app-banner:after { position: absolute; bottom: 0; left: 0; content: ""; width: 30px; height: 30px; background: #04061f; transform: rotate(45deg); border-radius: 2px; margin-left: 34px; } section.cp-tek-teams-isk.c-app-banner.content_center { text-align: center; } section.cp-tek-teams-isk.c-app-banner.content_center:after { margin: 0px auto; left: 0px; right: 0px; } .c-app-banner h2 { font-size: 32px; } .c-app-banner p { font-size: 16px; } .infrastructure-sec .bg-img .full-img { height: 500px; object-fit: cover; } .data-driven-application .data-driven-devOps .applications-col:nth-child(1) ul li:last-child { /* color: red; */ border-bottom: #DBDBDB solid 1px; } .reliability-engineers { width: 100%; border: #fff solid 1px; } .fortune-box { flex-wrap: wrap; } .tex-box { width: 100%; margin-top: 15px; margin-bottom: 15px; } .reliability-engineers p { line-height: 15px; margin: 0px; } .right-short-text { margin-left: 0; text-align: center; width: 100%; } } @media (max-width: 575px) { .container-md { padding: 0 24px; } .about-dev-ops .review_sec2 { padding: 20px 20px 25px 20px !important; } .custom-qout-box .review_sec { background-color: #F5F5F5; margin-bottom: 65px; margin-top: -30%; } .review_sec { padding: 25px; } .data-driven-application { padding: 80px 0px 200px; } .depending-text p { font-size: 16px; } .lets-talk-box { padding: 35px 0px 60px; margin-top: -43%; } .depending-text { width: 96%; } .lets-talk-box h3 { padding: 0px 45px; } .clients-talk .btn-gradient { font-size: 14px; padding: 16px 30px; } .keeping-you-competitive { padding: 80px 0px 160px !important; } .rebuild-and-replatform .custom-tabs .tabs-col ul li { padding: 5px; } .rebuild-and-replatform .custom-tabs .tabs-col ul li a { font-size: 14px; } .review_sec::after { left: 25px; } .review_sec .swiper-slide i { margin: 8px 0px 8px; padding-right: 10px; } .review_sec .swiper-slide p { font-size: 14px; } .rebuild-and-replatform .txt p { font-size: 14px; } .rebuild-and-replatform { padding: 65px 0px 120px 0px !important; } .rebuild-and-replatform .txt label { margin-bottom: 15px; } .rebuild-and-replatform .heading-box h2 { font-size: 30px; margin-bottom: 30px; } .rebuild-and-replatform .txt p:last-of-type { margin-bottom: 55px; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-content .img { margin-left: auto; margin-right: auto; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-content .text p { font-size: 14px; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-content.active { padding-bottom: 40px; } .rebuild-and-replatform .custom-tabs .review_sec { padding: 15px 0px 0px; } .keeping-you-competitive .heading-box h2 { font-size: 30px; margin-bottom: 24px; } .keeping-you-competitive .heading-box h2 br { display: none; } .keeping-future ul li:nth-of-type(4) { order: 11; border: none; } .keeping-future ul li:nth-of-type(8) { order: 9; } .keeping-future ul li { margin-bottom: 10px; padding-bottom: 10px; } .native-applications-list .heading-box h2 { font-size: 30px; } .clients-talk .btn-wrapper { width: 132px; } section.custom-full-bg { display: none; } .native-applications-list .heading-box label { letter-spacing: 1.1px; } .c-scroll-box { overflow: scroll; display: block !important; } .scroll-img { width: 250%; position: relative; } .scroll-img img { max-width: unset; width: 100%; } .scroll-img:after { content: ""; position: absolute; top: 0px; background: url(../img/sroll-l.png); width: 25px; height: 25px; bottom: 0; margin: auto; left: 25%; } .scroll-img::before { content: ""; position: absolute; top: 0px; background: url(../img/scroll-right.png); width: 25px; height: 25px; bottom: 0; margin: auto; right: 27%; } .journey-roadmap .scroll-img::after, .journey-roadmap .scroll-img::before { display: none; } .native-data-driven-top { padding-top: 80px; } .native-data-driven-top .heading-box h2 { font-size: 30px; } .cost-effective-sec .review_sec .swiper-slide i { padding-right: 0px !important; } } @media (max-width: 480px) { .lets-talk-box { margin-top: -73%; } .custom-qout-box .review_sec { margin-bottom: 65px; margin-top: -54%; } section.cp-tek-teams-isk.c-app-banner img { min-height: inherit; } .c-app-banner .title { margin-bottom: 14px; } .c-app-banner p { font-size: 16px; padding-right: 20px; } .rebuild-and-replatform .custom-tabs .tabs-row .tab-content .img img { max-width: 185px; object-fit: cover; width: 100%; text-align: center; display: block; margin: 0px auto; } } @media (max-width: 360px) { .lets-talk-box h3 { padding: 0px 26px; } } a { display: inline-block; } * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } img { max-width: 100%; } a { text-decoration: none; } .btn-blue { background-color: #24C1FF; color: #152649; border-radius: 30px; font-size: 20px; font-family: 'Raleway', sans-serif; font-weight: bold; padding: 15px 30px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 1px solid #24C1FF; } @media (max-width: 992px) { .btn-blue { font-size: 18px; } } @media (max-width: 480px) { .btn-blue { font-size: 14px; padding: 15px 40px; } } .btn-blue:hover { background-color: transparent; } .btn-blue.dark-blue { background-color: #152649; color: #24C1FF; border: 1px solid #152649; } .btn-blue.dark-blue:hover { background-color: transparent; } .btn-green { background-color: transparent; border: 1px solid #8BED78; color: #8BED78; border-radius: 30px; font-size: 20px; font-family: 'Raleway', sans-serif; font-weight: bold; padding: 15px 30px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } @media (max-width: 992px) { .btn-green { font-size: 18px; } } @media (max-width: 480px) { .btn-green { font-size: 14px; padding: 15px 40px; } } .btn-green:hover { color: #152649; background-color: #8BED78; } .btn-gradient { background: -webkit-gradient(linear, left top, right top, color-stop(0, #28d9cb), to(#a0f266)); background: linear-gradient(90deg, #28d9cb 0, #a0f266 100%); color: #152649; border-radius: 30px; font-size: 32px; font-family: 'Raleway', sans-serif; font-weight: bold; padding: 15px 30px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .btn-gradient:hover { background: -webkit-gradient(linear, right top, left top, color-stop(0, #28d9cb), to(#a0f266)); background: linear-gradient(-90deg, #28d9cb 0, #a0f266 100%); } .heading-box label { font-size: 18px; color: #7080A7; display: block; margin-bottom: 24px; font-family: 'Roboto', sans-serif; letter-spacing: 1.8px; } @media (max-width: 992px) { .heading-box label { font-size: 16px; } } @media (max-width: 480px) { .heading-box label { font-size: 14px; letter-spacing: 1.4px; margin-bottom: 16px; } } .heading-box label i { margin-right: 8px; } .heading-box h2 { color: #152649; font-size: 50px; line-height: 1; font-family: 'Raleway', sans-serif; font-weight: bold; } @media (max-width: 1377px) { .keeping-future ul li { margin-right: 43px; } } @media (max-width: 1366px) { .heading-box h2 { font-size: 45px; } } @media (max-width: 1280px) { .heading-box h2 { font-size: 40px; } } @media (max-width: 992px) { .heading-box h2 { font-size: 32px; } } @media (max-width: 480px) { .heading-box h2 { font-size: 30px; } } .heading-box h2 span { color: #24C1FF; } .cp-cloud-native-isk { margin-top: 80px; text-align: center; padding-top: 60px; padding-bottom: 120px; position: relative; background-position: center bottom; background-repeat: no-repeat; background-size: cover; min-height: 500px; max-height: 55vh; } @media (max-width: 480px) { .cp-cloud-native-isk figure { max-width: 24px; margin: auto; } } .cp-cloud-native-isk p { color: #28D9CB; font-size: 16px; letter-spacing: 1.6px; font-family: "Roboto", sans-serif; margin-top: 15px; } @media (max-width: 480px) { .cp-cloud-native-isk p { font-size: 14px; letter-spacing: 1.4px; margin-top: 12px; } } .cp-cloud-native-isk h2 { font-size: 60px; color: #fff; line-height: 1; font-family: Raleway, sans-serif; margin-top: 90px; margin-bottom: 30px; } @media (max-width: 1280px) { .cp-cloud-native-isk h2 { font-size: 50px; } } @media (max-width: 992px) { .cp-cloud-native-isk h2 { font-size: 40px; } } @media (max-width: 480px) { .cp-cloud-native-isk h2 { font-size: 32px; line-height: 34px; } } .cp-cloud-native-isk .btn { border: 1px solid #28D9CB; color: #28D9CB; font-size: 24px; padding: 7px 32px; border-radius: 30px; background: transparent; font-family: 'Raleway', sans-serif; font-weight: bold; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } @media (max-width: 1280px) { .cp-cloud-native-isk .btn { font-size: 20px; padding: 10px 32px; } } @media (max-width: 767px) { .cp-cloud-native-isk .btn { font-size: 14px; padding: 0px 32px; font-weight: 500; width: 210px; } } .cp-cloud-native-isk .btn:hover { background-color: #28D9CB; color: #152649; } .cp-cloud-native-isk .angle-down { position: absolute; bottom: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .cp-cloud-native-isk .angle-down a { font-size: 15px; color: #28D9CB; } .custom-txt-img-sec { padding-top: 140px; padding-bottom: 120px; } @media (max-width: 1680px) { .custom-txt-img-sec { padding-top: 60px; padding-bottom: 60px; } .heading-box h2 { font-size: 35px; } } .custom-txt-img-sec .cutsom-hide-text { display: none; } .custom-txt-img-sec .cutsom-hide-text p { font-size: 20px; color: #707070; line-height: 1.5; font-family: raleway, sans-serif; } @media (max-width: 480px) { .custom-txt-img-sec { padding: 50px 0 30px; } } .custom-txt-img-sec .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .custom-txt-img-sec .custom-txt { width: calc(50.5% - 81px); margin-right: 81px; } @media (max-width: 1024px) { .custom-txt-img-sec .custom-txt { width: 50%; } .new-header__nav--title h5 { font-size: 25px; line-height: 1.2; } .keeping-future ul li { margin-right: 29px !important; width: 24%; } .keeping-you-competitive { padding-bottom: 165px; } .rebuild-and-replatform { padding: 120px 0px 120px 0px; } } @media (max-width: 767px) { .custom-txt-img-sec .custom-txt { width: 100%; margin-bottom: 15px; } } .custom-txt-img-sec .custom-txt label { margin-bottom: 24px; } @media (max-width: 767px) { section.custom-txt-img-sec.c-application-development { position: relative; z-index: 1; } .custom-txt-img-sec .custom-img figure img, .custom-txt-img-sec .custom-img figure { width: 100%; mix-blend-mode: multiply; } .custom-txt-img-sec .custom-txt label { margin-bottom: 20px; } .custom-txt-img-sec .cloud-native-application .custom-img { max-width: 250px; margin-left: auto; width: 100%; } } .custom-txt-img-sec .custom-txt h2 { color: #152649; margin-bottom: 40px; } @media (max-width: 1440px) { .custom-txt-img-sec .custom-txt h2 { font-size: 38px; } .contact-tek-teams.custom-txt-img-sec .custom-txt h2 { padding-right: 0; } } @media (max-width: 1024px) { .custom-txt-img-sec .custom-txt h2 { font-size: 27px; } } @media (max-width: 768px) { .custom-txt-img-sec .custom-txt h2 { padding-right: 0; } .keeping-future ul { font-size: 20px; } .keeping-future ul li { width: 47%; margin-right: 0px !important; } .keeping-future ul li:nth-child(11) { border-bottom: #16365C solid 1px; } } @media (max-width: 767px) { .custom-txt-img-sec .custom-txt h2 { margin-bottom: 0px; } } .custom-txt-img-sec .custom-txt h2 span { color: #24C1FF; } .tek-world-scale .custom-txt h2 span { color: #28D9CB; } .custom-txt-img-sec .custom-txt p { font-size: 20px; color: #707070; line-height: 1.5; font-family: 'Raleway', sans-serif; } @media (min-width: 1280px) and (max-width: 1680px) { .custom-txt-img-sec .custom-txt p { font-size: 18px; } } @media (max-width: 992px) { .custom-txt-img-sec .custom-txt p { font-size: 18px; } } @media (max-width: 767px) { .c-application-development .custom-txt p span, .custom-txt-img-sec .custom-txt p { color: #152649; } .c-application-development .custom-txt p { color: #707070; } } @media (max-width: 480px) { .custom-txt-img-sec .custom-txt h2 { margin-bottom: 25px; } .custom-txt-img-sec .custom-txt p { font-size: 14px; line-height: 22px; } .contact-tek-teams .custom-img p { margin-bottom: 30px; } } .custom-txt-img-sec .custom-txt .btn-blue { margin-top: 48px; } @media (max-width: 480px) { .custom-txt-img-sec .custom-txt .btn-blue { margin-top: 32px; } } .custom-txt-img-sec .custom-img { width: calc(49.5% - 81px); margin-left: 81px; display: flex; align-items: center; } .custom-txt-img-sec .custom-img figure img, .custom-txt-img-sec .custom-img figure { width: 100%; } /* @media (max-width: 1536px) { .tek-world-scale .custom-img { width: 42%; margin-right: 0; } } */ /* @media (max-width: 1440px) { .custom-txt-img-sec .custom-img { width: 47%; margin-right: 0; } } */ @media (max-width: 1280px) { .custom-txt-img-sec .custom-txt { width: calc(50.5% - 40px); margin-right: 40px; } .custom-txt-img-sec .custom-img { width: calc(49.5% - 40px); margin-left: 40px; } } /* @media (max-width: 768px) { .custom-txt-img-sec .custom-img { margin-right: -37px; } } */ @media (max-width: 767px) { .custom-txt-img-sec .custom-img { width: 100%; max-width: 500px; margin: 25px auto 0; } .custom-txt-img-sec .custom-txt { width: 100% !important; margin-right: 0; } .text-grey-box p { font-size: 14px !important; } .text-grey-box { margin-bottom: 2px; } .review_sec2 i { font-size: 14px !important; color: #152649 !important; font-weight: 500; } section.custom-full-bg.journey-roadmap .container-md { padding: 0px; } .journey-roadmap-header { padding: 0px 24px; } .journey-roadmap-header { flex-wrap: wrap; } .journey-roadmap-header .heading-box { width: 100%; text-align: center; margin-bottom: 32px; } .journey-roadmap-header .heading-box h2 { font-size: 30px; } .journey-roadmap-logo { width: 65%; margin: 0px auto; margin-bottom: 24px; } .devops-services { padding: 80px 0px 50px; background-color: #F1F1F1; } .devops-services .applications-col h5 { font-size: 14px; } .devops-services .applications-col h5 { padding-left: 31px; } .devops-services .applications-col h5::before { margin-top: 2px; } .mrdata-logo { left: 0; top: -55px; bottom: auto; justify-content: center; right: 0; } .reliability-engineers { padding: 85px 27px 40px 27px !important; text-align: center; } .journey-roadmap { margin-top: -197px !important; } .kubernetes-sec .heading-box h2 { font-size: 30px; } .kubernetes-sec .custom-txt p { font-size: 14px !important; } .kubernetes-sec .custom-txt p span { font-weight: 500; } .kubernetes-sec .custom-txt p br { display: none; } .kubernetes-sec .heading-box h2 { margin-bottom: 24px; } .journey-roadmap { padding: 192px 0px 104px 0px !important; } .col-row ul { column-count: 1; } .col-row ul li { font-size: 16px; margin-bottom: 15px; } .cost-effective-sec .inner { flex-wrap: wrap; } .cost-effective-sec .left-text, .cost-effective-sec .custom-txt { width: 100%; } .infrastructure-sec .heading-box h2, .cost-effective-sec .heading-box h2 { font-size: 30px !important; margin-bottom: 32px; } .cost-effective-sec .heading-box h2 span { display: inline; } .data-driven-application .data-driven-devOps .applications-col { padding-bottom: 15px; width: 100% !important; } .infrastructure-sec { margin-top: -190px !important; } } .custom-colm-sec { background-color: #F1F1F1; padding: 120px 0; } @media (max-width: 1680px) { .custom-colm-sec { padding: 60px 0; } .custom-txt-img-sec .custom-txt .btn-blue { margin-top: 30px; } } @media (max-width: 480px) { .custom-colm-sec { padding: 80px 0; } } .custom-colm-sec .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 45px -10px 40px; } @media (max-width: 480px) { .custom-colm-sec .inner { margin: 40px -8px 20px; } } .custom-colm-sec .slick-list { padding-bottom: 20px; } .custom-colm-sec .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .custom-colm-sec .colm { border-radius: 16px; -webkit-box-shadow: 0 8px 16px #0000001A; box-shadow: 0 8px 16px #0000001A; width: calc(33.33% - 14px); background-color: #fff; margin-right: 10px; margin-left: 10px; height: inherit !important; position: relative; } @media (max-width: 767px) { .custom-colm-sec .colm { display: flex; flex-direction: column; justify-content: space-between; } } @media (max-width: 480px) { .custom-colm-sec .colm { margin: 0 8px; } } .custom-colm-sec .colm:last-of-type { margin-right: 0; } .custom-colm-sec .colm .img-box img { border-radius: 16px; } .custom-colm-sec .colm .txt-box { padding: 22px 40px 20px; } @media (max-width: 1440px) { .custom-colm-sec .colm .txt-box { padding: 20px 20px 20px; } } @media (max-width: 480px) { .custom-colm-sec .colm .txt-box { padding: 16px 13px 20px; } } .custom-colm-sec .colm .txt-box h4 { font-size: 32px; line-height: 1; color: #24C1FF; margin-bottom: 18px; font-family: 'Raleway', sans-serif; font-weight: bold; } @media (max-width: 1440px) { .custom-colm-sec .colm .txt-box h4 { font-size: 27px; } } @media (max-width: 992px) { .custom-colm-sec .colm .txt-box h4 { font-size: 24px; } } @media (max-width: 480px) { .custom-colm-sec .colm .txt-box h4 { font-size: 22px; margin-bottom: 11px; } } .custom-colm-sec .colm .txt-box p { font-size: 18px; color: #707070; line-height: 1.6; font-family: 'Raleway', sans-serif; font-weight: 500; } @media (max-width: 992px) { .custom-colm-sec .colm .txt-box p { font-size: 16px; line-height: 22px; } } @media (max-width: 480px) { .custom-colm-sec .colm .txt-box p { font-size: 14px; line-height: 22px; } } .custom-colm-sec .colm .txt-box .see-more { position: absolute; font-size: 22px; font-family: 'Raleway', sans-serif; color: #152649; text-decoration: underline; line-height: 1.5; font-weight: bold; right: 40px; bottom: 27px; } .custom-colm-sec .colm .txt-box .see-more:hover { color: #24c1ff; } @media (max-width: 992px) { .custom-colm-sec .colm .txt-box .see-more { font-size: 20px; } } @media (max-width: 480px) { .custom-colm-sec .colm .txt-box .see-more { font-size: 16px; bottom: 20px; } } .custom-colm-sec .btn-wrapper { text-align: center; } .custom-colm-sec .btn-wrapper .btn { margin-top: 48px; } .demand-sec { padding-top: 240px; padding-bottom: 200px; text-align: center; background-image: url(../img/imagem_scale.png); text-align: center; background-repeat: no-repeat; background-size: 100% 100%; position: relative; background-attachment: fixed; } section.demand-sec:before { content: ""; position: absolute; height: 100%; width: 100%; background: #39dcce; background-color: rgba(57, 220, 206, 0.1); top: 0; left: 0; } @media (max-width: 1680px) { .demand-sec { padding-top: 150px; padding-bottom: 150px; } } .demand-sec .btn-blue.dark-blue { color: #F7F7F7; } .demand-sec .colm:nth-child(3) p { padding: 0px 35px; } .demand-sec .btn-blue.dark-blue:hover { color: #152649; } section.demand-sec .inner .slick-track { display: flex; } section.demand-sec .inner .slick-list { display: flex; } @media (max-width: 992px) { .demand-sec { padding: 120px 0; } } @media (max-width: 480px) { .demand-sec { padding: 80px 0; } } .demand-sec .heading-box { padding-bottom: 45px; } .demand-sec .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .demand-sec .inner .slick-dots { position: absolute; right: -5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .demand-sec .inner .slick-slider .slick-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .demand-sec .inner .slick-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .demand-sec .inner .slick-dots li { list-style-type: none; height: 70px; width: 3px; margin: 4px 0; } .demand-sec .inner .slick-dots li.slick-active button { background: linear-gradient(90deg, #23f2e2 0, #93f150 100%); outline: none; } .demand-sec .inner .slick-dots li button { width: 100%; height: 100%; background-color: #fff; border-radius: 2px; font-size: 0; border: none; outline: none; } .demand-sec .inner .slick-slide img { margin: 0px auto; } .demand-sec .colm { width: 30%; position: relative; margin-bottom: 40px; display: flex; flex-direction: column; } @media (max-width: 992px) { .demand-sec .colm { width: 32%; } } @media (max-width: 767px) { .demand-sec .colm { width: 100%; padding-bottom: 10px; } } .demand-sec .colm figure { margin-bottom: 50px; } @media (max-width: 480px) { .demand-sec .colm figure { max-width: 110px; margin: 0 auto 50px; } } .demand-sec .colm h4 { margin-bottom: 18px; font-size: 30px; line-height: 1; color: #152649; font-family: 'Raleway', sans-serif; font-weight: bold; } @media (max-width: 1440px) { .demand-sec .colm h4 { font-size: 25px; } } .demand-sec .colm p { color: #152649; line-height: 1.6; font-size: 18px; font-family: 'Raleway', sans-serif; font-weight: 500; padding: 0px 21px; } @media (max-width: 1440px) { .demand-sec .colm p { font-size: 16px; } } @media (max-width: 1024px) { .demand-sec .colm p { padding: 0px 6px; } .demand-sec .colm:nth-child(3) p { padding: 0px 6px; } .demand-sec .btn-blue.dark-blue { color: #F7F7F7; padding: 15px 30px; font-size: 15px; } } @media (max-width: 768px) { .demand-sec .btn-blue.dark-blue { padding: 15px 29px; font-size: 11px; } } @media (max-width: 992px) { .demand-sec .colm p { font-size: 16px; } } @media (max-width: 768px) { .demand-sec .colm p { font-size: 16px; } } @media (max-width: 480px) { .demand-sec .colm p { font-size: 14px; padding: 0px 25px; } } .demand-sec .colm .btn-wrapper { margin: auto 0 0 0; } .demand-sec .colm .btn-wrapper a { line-height: normal; } @media (max-width: 767px) { .demand-sec .colm .btn-wrapper { position: inherit; bottom: inherit; margin-top: 40px; } } .ecosystem-sec { padding: 200px 0 240px; background-color: #F9F9F9; } @media (max-width: 768px) { .ecosystem-sec { padding: 100px 0 150px; background-color: #F9F9F9; } } @media (max-width: 768px) { section.ecosystem-sec .slick-track { display: flex !important; } .ecosystem-sec .inner .slick-slide { height: inherit !important; } } @media (min-width: 620px) and (max-width: 767px) { section.ecosystem-sec .inner .slick-list { padding-right: 180px; } section.ecosystem-sec .inner .inner-colm .slick-list { padding-right: 0px; } } .ecosystem-sec .inner .inner-colm img { width: 100%; } @media (max-width: 768px) { .ecosystem-sec .inner .inner-colm img { width: 55%; margin: auto; } } @media (max-width: 766px) { .ecosystem-sec .inner .inner-colm img { width: 100%; } } .ecosystem-sec .inner .colm .inner-colm .back-slide .back_heading { font-size: 24px; font-weight: bold; color: #1D2848; margin-bottom: 20px; } @media (max-width: 1024px) { .ecosystem-sec .inner .colm .inner-colm .back-slide .back_heading { font-size: 20px; margin-bottom: 5px; } } @media (min-width: 480px) and (max-width: 580px) { .ecosystem-sec .inner .colm .inner-colm .back-slide .back_heading { margin-bottom: 40px; } } .ecosystem-sec .inner .colm .inner-colm .back-slide .icon { display: inline-block; float: right; vertical-align: middle; margin-top: 18px; width: 70px; position: absolute; right: 0px; top: 0px; } @media (max-width: 1440px) { .ecosystem-sec .inner .colm .inner-colm .back-slide .icon { margin-top: 18px; } .ecosystem-sec .colm:nth-of-type(4) .inner-colm .back-slide .icon { margin-top: 23px; } } @media (max-width: 1024px) { .ecosystem-sec .inner .colm .inner-colm .back-slide .icon { margin-top: -16px; } .ecosystem-sec .inner { padding: 150px 0 100px; } } @media (max-width: 992px) { .ecosystem-sec { padding: 120px 0 0; } .ecosystem-sec .inner .colm .inner-colm .back-slide .icon { margin-top: 20px; } } @media (max-width: 768px) { .ecosystem-sec .inner .colm .inner-colm .back-slide .icon { margin-top: 32px; } } @media (max-width: 767px) { .ecosystem-sec { padding: 80px 0 0; } } .ecosystem-sec .heading-box { padding-bottom: 75px; text-align: center; } @media (max-width: 992px) { .ecosystem-sec .heading-box { padding-bottom: 0px; } } @media (max-width: 767px) { .ecosystem-sec .heading-box { padding-bottom: 0; text-align: left; position: relative; } } .ecosystem-sec .colm:nth-of-type(2) .inner-colm .back-slide .icon { width: 68%; position: relative; margin-top: 0px; margin-bottom: 22px; float: left; } @media (max-width: 1024px) { .ecosystem-sec .colm:nth-of-type(2) .inner-colm .back-slide .icon { margin-bottom: 10px; } } .ecosystem-sec .colm:nth-of-type(4) .inner-colm .back-slide .icon { margin-top: 35px; } @media (max-width: 767px) { .ecosystem-sec .colm:nth-of-type(4) .inner-colm .back-slide .icon { margin-top: 28px; width: 50px; } } .ecosystem-sec .colm:nth-of-type(5) .inner-colm .back-slide .icon { margin-top: 32px; } @media (max-width: 767px) { .ecosystem-sec .colm:nth-of-type(5) .inner-colm .back-slide .icon { margin-top: 26px; width: 50px; } } .ecosystem-sec .colm:nth-of-type(3) .inner-colm .front-slide p { padding-right: 40px; } @media (max-width: 1280px) { .ecosystem-sec .colm:nth-of-type(3) .inner-colm .front-slide p { padding-right: 0px; } } .ecosystem-sec .colm:nth-of-type(1) .inner-colm .back-slide .left-img { display: none; } .ecosystem-sec .colm:nth-of-type(6) .inner-colm .back-slide .icon, .ecosystem-sec .colm:nth-of-type(3) .inner-colm .back-slide .icon { float: left; width: 60%; position: relative; margin-top: 0px; margin-bottom: 20px; } .ecosystem-sec .heading-box h2 { color: #28D9CB; } @media (max-width: 767px) { .ecosystem-sec .heading-box h2 { width: calc(100% - 118px); } .ecosystem-sec .colm .back-slide .left-img { display: none; } } @media (min-width: 300px) and (max-width: 340px) { .ecosystem-sec .heading-box h2 { font-size: 22px; } } .ecosystem-sec .heading-box figure { display: none; } @media (max-width: 767px) { .ecosystem-sec .heading-box figure { display: block; position: absolute; bottom: 0; right: 20px; max-width: 115px; } } @media (min-width: 300px) and (max-width: 340px) { .ecosystem-sec .heading-box figure { bottom: -31px; } } .ecosystem-sec .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding: 150px 0 100px; z-index: 1; } @media (max-width: 1440px) { .ecosystem-sec .inner { padding: 150px 70px 100px; } } @media (max-width: 1024px) { .ecosystem-sec .inner { padding: 150px 0px 100px; } } @media (max-width: 992px) { .ecosystem-sec .inner { padding: 40px 0 80px; } } .ecosystem-sec .inner::before { content: ''; width: 67%; height: 52%; position: absolute; border: 1px solid #24C1FF; left: 16.5%; top: 23%; z-index: -1; } @media (max-width: 992px) { .ecosystem-sec.slick-list { padding: 20px 0; } .ecosystem-sec .inner::before { display: none; } } .ecosystem-sec .colm { border-radius: 16px; -webkit-box-shadow: 8px 16px 32px #0000001A; box-shadow: 8px 16px 32px #0000001A; background-color: #FFFFFF; padding: 25px 40px 25px 40px; margin-bottom: 40px; width: 30.2%; } .ecosystem-sec .colm:nth-of-type(2){ margin-bottom: 30px; } @media (max-width: 1440px) { .ecosystem-sec .colm { margin-bottom: 30px; width: 32%; } } @media (max-width: 767px) { .ecosystem-sec .colm { -webkit-box-shadow: 0px 0px 5px #0000001A; box-shadow: 0px 0px 5px #0000001A; width: 32%; } } .ecosystem-sec .colm .inner-colm .slick-track { display: flex; } .ecosystem-sec .colm .inner-colm .slick-track .slick-slide { height: inherit; padding-bottom: 30px; padding-top: 10px; display: flex; flex-direction: column; } @media (max-width: 767px) { .ecosystem-sec .colm .inner-colm .slick-track .slick-slide { height: inherit; padding-bottom: 30px; padding-top: 25px; } } .ecosystem-sec .colm .inner-colm .slick-track .slick-slide .see-more, .ecosystem-sec .colm .inner-colm .slick-track .slick-slide h5 { /* position: absolute; bottom: 0; margin: 0; left: 0; */ margin-top: auto; position: relative; top: 28px; max-width: 180px; margin-bottom: 0 !important; } .ecosystem-sec .colm .inner-colm .slick-track .slick-slide .see-more { bottom: 6px; } @media (max-width: 1440px) { .ecosystem-sec .colm { padding: 30px; } } @media (max-width: 1100px) { .ecosystem-sec .colm { padding: 30px 20px; width: 31.5%; } } @media (max-width: 1100px) { .ecosystem-sec .colm { padding: 15px 20px; width: 31.5%; } } @media (max-width: 992px) { .ecosystem-sec .colm { margin-left: 10px; margin-right: 10px; } } @media (max-width: 767px) { .ecosystem-sec .colm { margin-left: 4px; margin-right: 4px; } } .ecosystem-sec .colm:nth-of-type(2) { -webkit-transform: translateY(-53%); transform: translateY(-53%); } @media (max-width: 1440px) { .ecosystem-sec .colm:nth-of-type(2) { -webkit-transform: translateY(-57%); transform: translateY(-57%); } } @media (max-width: 1366px) { .ecosystem-sec .colm:nth-of-type(2) { -webkit-transform: translateY(-55%); transform: translateY(-55%); } } @media (max-width: 1280px) { .ecosystem-sec .colm:nth-of-type(2) { -webkit-transform: translateY(-54%); transform: translateY(-54%); } } @media (max-width: 992px) { .ecosystem-sec .colm:nth-of-type(2) { -webkit-transform: unset; transform: unset; } } .ecosystem-sec .colm:nth-of-type(5) { -webkit-transform: translateY(55%); transform: translateY(55%); } @media (max-width: 1440px) { .ecosystem-sec .colm:nth-of-type(5) { -webkit-transform: translateY(51%); transform: translateY(51%); } } @media (max-width: 1280px) { .ecosystem-sec .colm:nth-of-type(5) { -webkit-transform: translateY(50%); transform: translateY(50%); } } @media (max-width: 992px) { .ecosystem-sec .colm:nth-of-type(5) { -webkit-transform: unset; transform: unset; } } @media (min-width: 993px) { .ecosystem-sec .colm:last-of-type { position: absolute; left: 0; right: 0; top: 49.5%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto; width: 28%; } } .ecosystem-sec .colm:last-of-type { width: 30%; } @media (min-width: 1920px) { .ecosystem-sec .colm:last-of-type { width: 30%; } } @media (min-width: 1440px) { .ecosystem-sec .colm:last-of-type { width: 28%; } } @media (min-width: 993px) { .ecosystem-sec .colm:last-of-type { width: 28%; } } @media (max-width: 992px) { .ecosystem-sec .colm:last-of-type { display: none; } } .ecosystem-sec .colm h4, .ecosystem-sec .colm h5 { color: #152649; font-size: 20px; line-height: 1.2; font-family: 'Raleway', sans-serif; margin-bottom: 15px !important; } @media (max-width: 1440px) { .ecosystem-sec .colm h4, .ecosystem-sec .colm h5 { font-size: 18px; } } @media (max-width: 1024px) { .ecosystem-sec .colm h4, .ecosystem-sec .colm h5 { font-size: 17px; margin-bottom: 10px !important; } } @media (max-width: 992px) { .ecosystem-sec .colm h4 { font-size: 24px; margin-bottom: 25px !important; padding-right: 110px; } .ecosystem-sec .slick-track { display: flex; } .ecosystem-sec .slick-track .slick-slide { height: inherit; } } @media (max-width: 768px) { .ecosystem-sec .colm h4 { font-size: 20px; padding-right: 35px; margin-bottom: 30px !important; } } @media (max-width: 380px) { .ecosystem-sec .colm h4 { padding-right: 0px; } } .ecosystem-sec .colm h4 { margin-bottom: 30px; font-weight: bold; } .ecosystem-sec .colm h5 { font-weight: 900; margin-top: 50px; } @media (max-width: 480px) { .ecosystem-sec .colm h5 { font-size: 16px; } } .ecosystem-sec .colm p { font-size: 16px; line-height: 1.5; color: #707070; font-family: 'Raleway', sans-serif; font-weight: 500; padding-top: 0px; margin-bottom: 0; } .ecosystem-sec .colm h5{ margin-bottom: 0; } .ecosystem-sec .colm{ height: fit-content; } @media (max-width: 1280px) { .ecosystem-sec .colm p b { font-size: 13px; } } .ecosystem-sec .colm p b { color: #24C1FF; font-weight: bold; } @media (min-width: 768px) and (max-width: 992px) { .ecosystem-sec .colm p { padding-right: 51px; } .ecosystem-sec .colm p { padding-right: 50px; } } @media (max-width: 767px) { .ecosystem-sec .colm p b { color: #707070; } .ecosystem-sec .colm p { padding-right: 50px; } } @media (max-width: 375px) { .ecosystem-sec .colm p { padding-right: 00px; } } .ecosystem-sec .colm .back-slide { position: relative; } .ecosystem-sec .colm .back-slide h6 { font-size: 14px; font-family: 'Raleway', sans-serif; color: #28D9CB; margin-bottom: 10px; } .ecosystem-sec .colm .back-slide .left-img { max-width: 190px; } .ecosystem-sec .colm:nth-of-type(2) .inner-colm .back-slide .right-img { margin-bottom: 5px; margin-top: 15px; } .ecosystem-sec .colm .back-slide .right-img { max-width: 70px; position: absolute; bottom: 60px; right: 0px; } .ecosystem-sec .colm .back-slide p { max-width: 100%; display: inline-block; } .ecosystem-sec .colm:nth-child(2) .back-slide p { max-width: calc(100% - 90px); } @media (max-width: 1280px) { .ecosystem-sec .colm:nth-child(2) .back-slide p { max-width: calc(100% - 67px); } .ecosystem-sec .colm:nth-child(2) .back-slide .right-img { margin: 0px; } .ecosystem-sec .colm:nth-child(2) .back-slide .right-img img { width: 70%; margin-left: auto; margin-top: 0; top: 0; } } .ecosystem-sec .colm .back-slide .see-more { color: #28D9CB; font-size: 18px; font-family: 'Raleway', sans-serif; font-weight: 900; margin-top: 0px; display: block; text-decoration: underline; } .ecosystem-sec .colm:nth-child(3) .back-slide .back_heading, .ecosystem-sec .colm:nth-child(6) .back-slide .back_heading { text-align: left; width: 75%; float: right; } .ecosystem-sec .colm:nth-child(3) .back-slide .icon, .ecosystem-sec .colm:nth-child(6) .back-slide .icon { float: left; margin-top: 18px; } .ecosystem-sec .colm:nth-child(3) .back-slide .icon { margin-top: 10px; } .ecosystem-sec .colm .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 25px; bottom: 11px; margin-bottom: 0; } .ecosystem-sec .colm .slick-dots li { list-style-type: none; width: 4px; height: 4px; margin: 0 5px; } .ecosystem-sec .colm .slick-dots li button { display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #C9C9C9; border: none; font-size: 0; } .ecosystem-sec .colm .slick-dots li.slick-active { width: 8px; height: 8px; } .ecosystem-sec .colm .slick-dots li.slick-active button { background-color: #28D9CB; } .ecosystem-sec .colm .slick-arrow { border: none; bottom: 11px; position: absolute; background: transparent; z-index: 2; cursor: pointer; height: 13px; } .ecosystem-sec .colm .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; } .ecosystem-sec .colm .slick-arrow i { color: #28D9CB; } .ecosystem-sec .colm .slick-arrow.slick-prev { right: 90px; } .ecosystem-sec .colm .slick-arrow.slick-next { right: 0; } .partner-sec { background-color: #152649; text-align: center; padding: 0px 0 240px; position: relative; } @media (max-width: 1440px) { .partner-sec { padding: 0px 0 120px; } } .bg-img { position: relative; } @media (max-width: 768px) { .partner-sec { padding: 0px 0 90px; } } @media (max-width: 480px) { .partner-sec { padding: 0px 0 85px; } } .back-slide .partner-sec .bg-img { position: absolute; top: 0; width: 100%; } .partner-sec .bg-img::before { content: ''; width: 100%; height: 265px; position: absolute; left: 0; bottom: -3px; background-image: -webkit-gradient(linear, left top, left bottom, from(#15264900), to(#152649)); background-image: linear-gradient(#15264900, #152649); } .partner-sec .container-md { margin-top: -140px; } @media (max-width: 992px) { .partner-sec .bg-img::before { height: 165px; } } .partner-sec .bg-img .for-desktop { display: block; } figure.for-desktop img { width: 100%; } @media (max-width: 767px) { .partner-sec .bg-img .for-desktop { display: none; } } .partner-sec .bg-img .for-mobile { display: none; width: 100%; } @media (max-width: 767px) { .partner-sec .bg-img .for-mobile { display: block; } } .partner-sec .bg-img .for-mobile img { width: 100%; } .partner-sec .heading-box { padding-bottom: 90px; z-index: 1; position: relative; } .partner-sec .heading-box h2 { color: #fff; max-width: 600px; margin: auto; } @media (max-width: 1440px) { .partner-sec .heading-box h2 { max-width: 455px; } } .partner-sec .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .partner-sec .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .partner-sec .slick-arrow { background: transparent; color: #24C1FF; border: none; font-size: 20px; position: absolute; top: calc(50% - 11px); z-index: 1; } .partner-sec .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; } .partner-sec .slick-arrow.slick-prev { left: 0; } .partner-sec .slick-arrow.slick-next { right: 0; } .partner-sec .colm { width: 33.33%; padding: 0 40px; border-right: 1px solid rgba(112, 128, 167, 0.3); height: inherit !important; } @media (max-width: 992px) { .partner-sec .colm { padding: 0 20px; } } @media (max-width: 540px) { .partner-sec .colm { border-right: none; padding: 0; } } .partner-sec .colm:last-of-type { border-right: none; } .partner-sec .colm h6 { font-size: 20px; line-height: 1; color: #fff; font-family: 'Raleway', sans-serif; font-weight: bold; min-height: 64px; } @media (max-width: 768px) { .partner-sec .colm h6 { font-size: 15px; } } .partner-sec .colm figure { margin: 40px 0; } .partner-sec .colm figure img { margin: auto; } .partner-sec .colm p { font-size: 16px; line-height: 22px; color: #7080A7; font-family: 'Raleway', sans-serif; font-weight: 500; } .solution-sec { padding: 240px 0; } @media (max-width: 1280px) { .solution-sec { padding: 130px 0; } } @media (max-width: 992px) { .solution-sec { padding: 100px 0; } } @media (max-width: 767px) { .solution-sec { background-color: #24C1FF; padding: 57px 18px 80px; } } .solution-sec .heading-box { margin-bottom: 47px; } @media (max-width: 767px) { .solution-sec .heading-box label { color: #fff; } } .solution-sec .table-wrapper table { width: 100%; border-collapse: collapse; } .solution-sec .table-wrapper #data-more-btn { background: no-repeat; border: none; margin: 0px auto; display: block; font-weight: bold; color: #152649; position: relative; padding: 0px 15px; } .solution-sec .table-wrapper #data-more-btn::after { content: ""; position: absolute; top: 0px; right: 0; width: 6px; height: 6px; bottom: 0; margin: auto; transform: rotate(45deg); border: #152649 solid 2px; border-left: 0px; border-top: 0px; } /* .solution-sec .table-wrapper .accor-wrapper td::before { color: #fff; } */ .solution-sec .table-wrapper table .accor-toggle-btn { position: absolute; right: 0px; top: 0; width: 8px; height: 8px; border: #152649 solid 2px; transform: rotate(45deg); border-top: none; border-left: none; display: none; margin-top: 10px; } span.accor-toggle-btn.active { transform: rotate(-135deg) !important; } @media (max-width: 767px) { .solution-sec .table-wrapper tr { display: flex; flex-wrap: wrap; border-top: 1px solid #F1F1F1; padding: 15px 0; } .solution-sec .table-wrapper tr td { display: block; width: 100%; } .solution-sec .table-wrapper tr.table-head { display: none; } .solution-sec .table-wrapper td:nth-child(1) { order: 1; } .solution-sec .table-wrapper td:nth-child(3) { order: 2; } .solution-sec .table-wrapper td:nth-child(2) { order: 3; } .solution-sec .table-wrapper table .accor-toggle-btn { display: block; } } .solution-sec .table-wrapper th, .solution-sec .table-wrapper td { font-size: 18px; font-family: 'Raleway', sans-serif; color: #152649; line-height: 1.16; border-bottom: 1px solid #C9C9C9; text-align: left; } .solution-sec .accor-wrapper th, .solution-sec .accor-wrapper td { border: none; } .solution-sec .table-wrapper th:not(:first-of-type), .solution-sec .table-wrapper td:not(:first-of-type) { padding-left: 20px; } .solution-sec .table-wrapper td:nth-child(4), .solution-sec .table-wrapper td:nth-child(2), .solution-sec .table-wrapper td:nth-child(3) { font-weight: bold; } @media (min-width:767px) { .solution-sec .accor-wrapper tr td { width: 31% !important; padding-left: 0px !important; } .solution-sec .accor-wrapper tr td:nth-last-child(1) { padding-left: 10px !important; } } @media (min-width: 1280px) and (max-width: 1350px) { .solution-sec .table-wrapper th, .solution-sec .table-wrapper td { font-size: 16px; } } @media (max-width: 992px) { .solution-sec .table-wrapper th:not(:first-of-type), .solution-sec .table-wrapper td:not(:first-of-type) { padding-left: 15px; } } @media (max-width: 767px) { .solution-sec .table-wrapper th:not(:first-of-type), .solution-sec .table-wrapper td:not(:first-of-type) { padding-left: 0; } } @media (max-width: 992px) { .solution-sec .table-wrapper th, .solution-sec .table-wrapper td { font-size: 14px; } } @media (max-width: 767px) { .solution-sec .table-wrapper th, .solution-sec .table-wrapper td { border: none; text-align: right; } } .solution-sec .table-wrapper th { font-weight: bold; padding: 0 0 32px 0; } @media (max-width: 767px) { .solution-sec .table-wrapper th { display: none; } } .solution-sec .table-wrapper td { font-weight: 500; padding: 16px 0; position: relative; } @media (max-width: 767px) { .solution-sec .table-wrapper td { display: block; padding: 5px 0; position: relative; } .solution-sec .table-wrapper table tbody tr td:nth-child(1)::before { display: none; } .solution-sec .table-wrapper table tbody tr .accor-wrapper td:nth-child(1)::before { display: block; } .solution-sec .table-wrapper td::before { content: attr(data-th); position: absolute; left: 0; color: #152649; font-weight: bold; font-family: 'Raleway', sans-serif; } } .solution-sec .table-wrapper td.sometimes { color: #7080A7; font-weight: bold; } @media (max-width: 767px) { .solution-sec .table-wrapper td.sometimes { color: #5970A8; } } .solution-sec .table-wrapper td.rare { color: #FF555F; font-weight: bold; } .solution-sec .table-wrapper td.always { color: #28D9CB; font-weight: bold; } @media (max-width: 767px) { .solution-sec .table-wrapper td.always { color: #fff; } } .solution-sec .table-wrapper td:last-of-type { font-weight: bold; } @media (max-width: 767px) { .solution-sec .table-wrapper td:last-of-type { color: #fff !important; } .solution-sec .table-wrapper tr .accor-wrapper tr { border: none; padding-top: 0px; } } .solution-sec .table-wrapper td:last-of-type img { width: 23px; margin-right: 7px; } @media (max-width: 767px) { .solution-sec .table-wrapper td:last-of-type img { display: none; } } .solution-sec .table-wrapper td:first-of-type { width: 35%; } @media (max-width: 992px) { .solution-sec .table-wrapper td:first-of-type { width: 28%; } } @media (max-width: 767px) { .solution-sec .table-wrapper td:first-of-type { width: 100%; text-align: revert; font-weight: 500; padding-right: 25px; } .solution-sec .table-wrapper .accor-wrapper table tr td { padding-right: 0px; width: 100%; } /* .solution-sec .table-wrapper td:first-of-type::before { display: none; } */ } .future-vision-sec { background-color: #F9F9F9; position: relative; } @media (max-width: 767px) { .future-vision-sec { padding: 0; padding-bottom: 190px; } } .future-vision-sec .inner-vision-sec { background-color: #062B43; position: relative; } @media (max-width: 767px) { .future-vision-sec .inner-vision-sec { padding: 0; } } .future-vision-sec .bg-img { position: relative; width: 39%; } @media (max-width: 1800px) { .future-vision-sec .custom-img { width: calc(18% + 45px); margin-right: -45px; } .future-vision-sec .bg-img { width: 35%; } } @media (max-width: 1680px) { .future-vision-sec .bg-img { width: 37%; } .future-vision-sec .custom-img { width: calc(17% + 50px); margin-right: -50px; z-index: 1; } } @media (max-width: 1536px) { .future-vision-sec .bg-img { width: 35%; } } @media (max-width: 1280px) { .future-vision-sec .custom-img .overlay-txt { font-size: 20px; } .future-vision-sec .custom-txt h2 { padding-right: 50px; } } @media (max-width: 1024px) { .future-vision-sec .bg-img { width: 30%; height: 100%; } .future-vision-sec .custom-txt h2 { padding-right: 50px; } } @media (max-width: 768px) { .future-vision-sec .bg-img { width: 286px; } .future-vision-sec .bg-img img { object-fit: cover; } .future-vision-sec .custom-txt h2 { padding-right: 0px; } } @media (max-width: 767px) { .future-vision-sec .bg-img { position: inherit; width: 100%; max-width: inherit; margin: auto; margin-bottom: -160px; } } .future-vision-sec .bg-img img { width: 100%; height: 100%; } .future-vision-sec .bg-img::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 256px; background-image: -webkit-gradient(linear, left top, left bottom, from(#04283F00), to(#042941)); background-image: linear-gradient(#04283F00, #042941); left: 0; display: none; } @media (max-width: 767px) { .future-vision-sec .bg-img::before { display: block; } } .future-vision-sec .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } @media (max-width: 1024px) { .future-vision-sec .inner { height: 460px; } } @media (max-width: 767px) { .future-vision-sec .inner { height: auto; } } .future-vision-sec .custom-txt { width: 45%; padding-right: 8%; } @media (max-width: 1536px) { .future-vision-sec .custom-txt { padding-right: 7%; } } .container-spacial { padding-left: 17%; } @media (max-width: 1680px) { .container-spacial { padding-left: 12%; } } @media (max-width: 1536px) { .container-spacial { padding-left: 9%; } } @media (max-width: 1440px) { .container-spacial { padding-left: 7%; } } @media (max-width: 1800px) { .future-vision-sec .custom-txt { width: 47%; } } @media (max-width: 1440px) { .future-vision-sec .custom-txt { width: 50%; padding-right: 5%; } .future-vision-sec .bg-img { width: 31%; } .kubernetes-sec { margin-top: -213px !important; } } @media (max-width: 767px) { .container-spacial { padding-left: 0px; } } /* @media (max-width: 1280px) { .future-vision-sec .custom-txt { width: 37%; } .future-vision-sec .custom-txt h2 { font-size: 35px; } .future-vision-sec .inner-vision-sec { padding: 150px 0 90px; } } */ @media (max-width: 1366px) { .future-vision-sec .bg-img { width: 31%; } .future-vision-sec .custom-txt { width: 51%; padding-right: 4%; } .future-vision-sec .custom-txt h2 { font-size: 45px; } } @media (max-width: 1280px) { .future-vision-sec .custom-txt { width: 55%; padding-right: 7%; } .future-vision-sec .bg-img { width: 30%; } .future-vision-sec .custom-img .overlay-txt { font-size: 20px; } } @media (max-width: 1024px) { .future-vision-sec .custom-txt { width: 51%; } .future-vision-sec .bg-img { width: 30%; } .future-vision-sec .custom-img .overlay-txt { font-size: 20px; } /* .future-vision-sec .bg-img { width: 32.59%; } */ } @media (max-width: 768px) { .future-vision-sec .bg-img { width: 29.8%; } } @media (max-width: 767px) { .future-vision-sec .bg-img { width: 100%; order: -1; } } @media (max-width: 767px) { .future-vision-sec .custom-txt { width: 100%; padding-right: 20px; padding-left: 20px; padding-bottom: 34px; border-bottom: 1px solid rgba(241, 241, 241, 0.15); margin-bottom: 38px; z-index: 1; } } .future-vision-sec .custom-txt h2 { color: #fff; margin-bottom: 40px; } @media (max-width: 1280px) { .future-vision-sec .custom-txt h2 { padding-right: 175px; font-size: 30px; } } @media (max-width: 1024px) { .future-vision-sec .custom-txt h2 { padding-right: 71px; } } @media (max-width: 768px) { .future-vision-sec .custom-txt h2 { font-size: 20px; padding-right: 4px; } } @media (max-width: 480px) { .future-vision-sec .custom-txt h2 { font-size: 24px; margin-bottom: 34px; } } .future-vision-sec .custom-txt h2 span { color: #24C1FF; } .future-vision-sec .custom-txt p { color: #fff; font-size: 16px; line-height: 1.5; font-family: 'Raleway', sans-serif; font-weight: 500; padding-right: 30px; } @media (max-width: 768px) { .future-vision-sec .custom-txt p { font-size: 12px; } } @media (max-width: 767px) { .future-vision-sec .custom-txt p { font-size: 16px; } } .future-vision-sec .custom-txt p a { text-decoration: underline; color: #24C1FF; } .future-vision-sec .custom-img { width: calc(15.95% + 60px); margin-right: -60px; z-index: 1; } @media (max-width: 1536px) { .future-vision-sec .custom-img { width: calc(18% + 60px); margin-right: -60px; } } @media (max-width: 1366px) { .future-vision-sec .custom-img { width: calc(18% + 60px); margin-right: -60px; } .review_sec i { font-size: 19px !important; } .devops-services .applications-col h5 { font-size: 19px; } .kubernetes-sec .custom-txt p { font-size: 19px; } .col-row ul li { font-size: 19px; } .infrastructure-sec .heading-box h2, .cost-effective-sec .heading-box h2 { font-size: 44px !important; } .data-driven-application .data-driven-devOps .applications-col { padding-bottom: 15px; width: calc(50% - 27px); } .data-driven-application .data-driven-devOps .applications-col li { padding-bottom: 20px; margin-bottom: 20px; } } @media (max-width: 1280px) { .future-vision-sec .custom-img { width: calc(15% + 60px); margin-right: -60px; } .reliability-engineers p { font-size: 17px; font-weight: bold; } .journey-roadmap { padding: 160px 0px 105px 0px !important; } .col-row ul li { font-size: 17px; margin-bottom: 15px; } } @media (max-width: 1024px) { .future-vision-sec .custom-img { width: calc(19% + 60px); } .text-grey-box p { font-size: 15px !important; } .review_sec2 i { font-size: 16px !important; } .journey-roadmap { margin-top: -183px !important; } .journey-roadmap { padding: 192px 0px 84px 0px !important; } .devops-services .applications-col h5 { font-size: 15px; } .reliability-engineers { padding: 40px 30px 40px 78px; margin-top: 40px; } .reliability-engineers p { font-size: 15px; font-weight: bold; } .journey-roadmap { margin-top: -137px !important; } .infrastructure-sec .heading-box h2, .cost-effective-sec .heading-box h2 { font-size: 35px !important; } .infrastructure-sec { margin-top: -234px; } } .future-vision-sec .custom-img img { width: 100%; } /* @media (max-width: 992px) { .future-vision-sec .custom-img { width: 33%; } } */ @media (max-width: 767px) { .future-vision-sec .custom-img { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0px 25px; } } .future-vision-sec .custom-img .inner-img { position: relative; margin-bottom: 15px; } .future-vision-sec .custom-img .inner-img h5 { color: #fff; position: absolute; padding: 40px 0px 0px 30px; font-size: 42px; font-weight: bold; } @media (max-width: 767px) { .future-vision-sec .custom-img .inner-img { margin-bottom: -155px; } } .future-vision-sec .custom-img .overlay-txt { position: absolute; font-size: 24px; line-height: 1.16; color: #24C1FF; font-family: 'Raleway', sans-serif; font-weight: bold; padding-right: 50px; max-width: 256px; bottom: 30px; left: 30px; } @media (max-width: 1280px) { .future-vision-sec .custom-img .overlay-txt { font-size: 18px; } } @media (max-width: 992px) { .future-vision-sec .custom-img .overlay-txt { font-size: 15px; } .devops-services .applications-col ul li { font-size: 14px; } .srvs-text-box p { font-size: 14px; } .srvs-text-box { margin-bottom: 15px; } .devops-services .applications-col h5 { margin-bottom: 15px; } .devops-services .applications-col ul { margin-bottom: 15px; } .journey-roadmap { margin-top: -186px !important; } .journey-roadmap { margin-top: -167px !important; } .reliability-engineers p { font-size: 14px; } } @media (max-width: 768px) { .future-vision-sec .custom-img .overlay-txt { font-size: 11px; } .fortune-box { width: 100%; } .col-row ul li { font-size: 15px; margin-bottom: 15px; } .col-row ul { column-gap: 0; } .cost-effective-sec .left-text p { font-size: 14px; line-height: 1.6; color: #707070; } .infrastructure-sec .heading-box h2, .cost-effective-sec .heading-box h2 { font-size: 29px !important; } .cost-effective-sec .inner { margin-bottom: 40px; } .cost-effective-sec .review_sec2 { margin-top: 0; } .cost-effective-sec .review_sec .swiper-slide i { margin: 0 0px 10px; } .infrastructure-sec { margin-top: -187px; } } @media (max-width: 767px) { .future-vision-sec .custom-img .overlay-txt { font-size: 24px; } .main-scroll-box { overflow: scroll; } .journey-roadmap { display: block !important; } /* .devops-consulting-banner img { min-height: inherit; } */ .devops-consulting-banner .title { margin-bottom: 10px; } .devops-consulting-banner h2 { font-size: 32px !important; } } @media (max-width: 380px) { .future-vision-sec .custom-img .overlay-txt { font-size: 20px; } .contact-form-info-right ul li{ font-size: 14px; } .contact-form-info-right ul li:first-of-type { font-size: 20px!important; } } .future-vision-sec .custom-img .overlay-txt i { position: absolute; right: 7px; background: rgba(255, 255, 255, 0.2); width: 24px; height: 24px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; top: calc(50% - 10px); } .future-vision-sec .custom-img p { font-size: 14px; color: #BEBEBE; font-family: 'Raleway', sans-serif; font-weight: 500; } @media (max-width: 767px) { .future-vision-sec .custom-img p { margin-bottom: 15px; } } .lets-talk-sec { padding: 55px 0; -webkit-box-shadow: 8px 0px 32px #0000001a; box-shadow: 8px 0px 32px #0000001a; } @media (max-width: 767px) { .lets-talk-sec { padding: 30px 0 0; } } .lets-talk-sec .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .lets-talk-sec .inner { max-width: 300px; text-align: center; margin: auto; } } @media (max-width: 480px) { .lets-talk-sec .inner { max-width: 250px; } } .lets-talk-sec .heading-box { width: calc(100% - 370px); } @media (max-width: 767px) { .lets-talk-sec .heading-box { width: calc(100% - 300px); } } @media (max-width: 767px) { .lets-talk-sec .heading-box { width: 100%; margin-bottom: 18px; } } @media (max-width: 992px) { .lets-talk-sec .heading-box h2 { font-size: 25px; } } @media (max-width: 480px) { .lets-talk-sec .heading-box h2 { font-size: 20px; } } .lets-talk-sec .btn-wrapper { width: 306px; } .lets-talk-sec .btn-wrapper .btn-gradient { width: 100%; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100px; } @media(max-width:1780px) { .lets-talk-sec .btn-wrapper { width: 250px; } .lets-talk-sec .btn-wrapper .btn-gradient { height: 70px; font-size: 24px; } } @media (max-width: 992px) { .lets-talk-sec .btn-wrapper { max-width: 250px; } } @media (max-width: 992px) { .lets-talk-sec .btn-wrapper .btn-gradient { height: 60px; font-size: 25px; } } @media (max-width: 767px) { .lets-talk-sec .btn-wrapper .btn-gradient { width: 132px; height: 40px; font-size: 20px; padding: 5px; margin: auto; margin-bottom: -20px; } .tek-world-scale .inner .custom-img { margin: 0px auto; display: block; } } .custom-grid-sec { background-color: #F1F1F1; padding: 100px 0px 110px; } @media (max-width: 992px) { .custom-grid-sec { padding-right: 120px 0; } } .custom-grid-sec .inner .colm img { width: 60px; } @media (max-width: 992px) { .custom-grid-sec { padding-right: 120px 0; } } @media (max-width: 767px) { .custom-grid-sec { padding: 120px 0 80px; margin-top: -155px; } } /* @media (max-width: 480px) { .custom-grid-sec { padding: 80px 0; } } */ .custom-grid-sec .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -40px; } .custom-grid-sec .inner .colm { width: calc(33.333% - 27px); margin-right: 40px; display: flex; flex-direction: column; } .custom-grid-sec .inner { margin: 0; } .custom-grid-sec .inner .colm:nth-child(3n) { margin-right: 0; } @media (max-width: 992) { .custom-grid-sec .inner .colm { padding-right: 20px; padding-left: 20px; } } @media (max-width: 480px) { .custom-grid-sec .inner .colm { padding-right: 40px; padding-left: 20px; } } .custom-grid-sec .inner .colm figure { display: inline-block; margin-right: 15px; } .custom-grid-sec .inner .colm h4 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; color: #152649; font-family: 'Raleway', sans-serif; font-size: 30px; font-weight: bold; } @media (max-width: 1366px) { .custom-grid-sec .inner .colm h4 { font-size: 25px; } } .custom-grid-sec .inner .colm p { margin-bottom: 30px; font-size: 18px; color: #434343; font-family: 'Raleway', sans-serif; font-weight: 500; line-height: 1.6; } @media (max-width: 992px) { .custom-grid-sec .inner .colm p { font-size: 16px; } } @media (max-width: 480px) { .custom-grid-sec .inner .colm p { font-size: 14px; margin-bottom: 24px; } } .custom-grid-sec .inner .colm a { color: #152649; font-weight: bold; font-family: 'Raleway', sans-serif; display: block; font-size: 24px; margin-top: auto; } @media (max-width: 992px) { .custom-grid-sec .inner .colm a { font-size: 20px; } } @media (max-width: 480px) { .custom-grid-sec .inner .colm a { font-size: 16px; } } .custom-grid-sec .inner .colm a i { margin-left: 15px; font-size: 16px; } .custom-grid-sec .slick-dots { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .custom-grid-sec .slick-dots li { list-style-type: none; height: 70px; width: 3px; margin: 4px 0; } .custom-grid-sec .slick-dots li.slick-active button { background-color: #28D9CB; } .custom-grid-sec .slick-dots li button { width: 100%; height: 100%; background-color: #fff; border-radius: 2px; font-size: 0; outline: none; border: none; } @media (max-width: 480px) { .custom-trust-sec { padding: 80px 0; } } .custom-trust-sec .inner { position: relative; } .custom-trust-sec .custom-txt { width: calc(55% - 30px); margin-right: 30px; } @media (max-width: 992px) { .custom-trust-sec .custom-txt { width: 70%; } } @media (max-width: 480px) { .custom-trust-sec .custom-txt { width: 100%; } } .custom-trust-sec .custom-txt p { padding-right: 57px; } @media (max-width: 767px) { .custom-trust-sec .custom-txt p { color: #152649; } } @media (max-width: 480px) { .custom-trust-sec .custom-txt p { padding-right: 0; } } @media (max-width: 600px) { .custom-trust-sec .custom-txt h2 { max-width: calc(100% - 80px); } } .custom-trust-sec .custom-img { width: calc(45% - 30px); margin-right: 0; margin-left: 30px; text-align: right; } .custom-trust-sec .custom-img img { max-width: 250px; width: 100%; margin: 0px auto; display: block; } @media (max-width: 992px) { .custom-trust-sec .custom-txt { margin-right: 0; width: 55%; } } @media (max-width: 480px) { .custom-trust-sec .custom-img { width: 56px !important; position: absolute; right: 0; top: -20px; } } .custom-case-studie { padding: 0; position: relative; padding-top: 618px; background-color: #152649; } @media(max-width:1780px) { .custom-case-studie { padding-top: 480px; } } @media (max-width: 600px) { .custom-case-studie { padding-top: 442px; } } .custom-case-studie .bg-img { background-repeat: no-repeat; padding-bottom: 0px; position: absolute; top: 0; width: 100%; } .custom-case-studie .bg-img::before { content: ''; width: 100%; height: 265px; position: absolute; left: 0; bottom: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#15264900), to(#152649)); background-image: linear-gradient(#15264900, #152649); } @media (max-width: 992px) { .custom-case-studie .bg-img::before { height: 165px; } } .custom-case-studie .bg-img .for-desktop { display: block; } @media (max-width: 767px) { .custom-case-studie .bg-img .for-desktop { display: none; } .custom-trust-sec .custom-txt { width: 100%; } .custom-trust-sec .custom-img { width: 100%; margin-left: 0; } } .custom-case-studie .bg-img .for-mobile { display: none; width: 100%; } @media (max-width: 767px) { .custom-case-studie .bg-img .for-mobile { display: block; } } .custom-case-studie .bg-img .for-mobile img { width: 100%; } .custom-case-studie .custom-bottm-sec { padding-bottom: 160px; padding-top: 40px; position: relative; } @media (max-width: 480px) { .custom-case-studie .custom-bottm-sec { padding-bottom: 80px; } } .custom-case-studie .custom-bottm-sec .inner { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: -200px; } .custom-case-studie .custom-bottm-sec .inner .custom-txt { width: 55%; } @media (max-width: 767px) { .custom-case-studie .custom-bottm-sec .inner .custom-txt { width: 100%; } } .custom-case-studie .custom-bottm-sec .inner .custom-txt label { color: #F1F1F1; } .custom-case-studie .custom-bottm-sec .inner .custom-txt label i { color: #7080A7; } .custom-case-studie .custom-bottm-sec .inner .custom-txt h2 { color: #fff; margin-bottom: 25px; } .custom-case-studie .custom-bottm-sec .inner .custom-txt h2 span { color: #8BED78; } .custom-case-studie .custom-bottm-sec .inner .custom-txt p { padding-right: 57px; color: #F1F1F1; } @media (max-width: 480px) { .custom-case-studie .custom-bottm-sec .inner .custom-txt p { padding-right: 0; } } .custom-case-studie .custom-bottm-sec .inner .custom-case-btn { width: 38%; margin-right: 0; text-align: left; } @media (max-width: 767px) { .custom-case-studie .custom-bottm-sec .inner .custom-case-btn { width: 100%; margin-top: 15px; text-align: left; } } .custom-colm-blog { background-color: #fff; font-family: 'Raleway', sans-serif; } .custom-colm-blog .heading-box h2 span { color: #28D9CB; } .custom-colm-blog .colm { background-color: #F7F7F7; border: #C9C9C9 solid 1px; -webkit-box-shadow: none; box-shadow: none; } .custom-colm-blog .colm .txt-box { padding-bottom: 35px; } .custom-colm-blog .colm .txt-box h6 { text-transform: uppercase; color: #6F7070; font-size: 14px; font-family: 'Roboto', sans-serif; margin-bottom: 15px; } .custom-colm-blog .colm .txt-box h6 span { color: #C9C9C9; } .custom-colm-blog .colm .txt-box h4 { font-size: 20px; color: #152649; margin-bottom: 60px; height: 30px; } .custom-colm-blog .colm .txt-box .custom-btm-text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .custom-colm-blog .colm .txt-box .custom-btm-text a { color: #152649; font-size: 18px; text-decoration: underline; font-weight: bold; } @media (max-width:767px) { .custom-colm-blog .colm .txt-box .custom-btm-text a { font-size: 16px; } } .custom-colm-blog .colm .img-box img { height: 160px; -o-object-fit: cover; object-fit: cover; width: 100%; } @media (max-width:992px) { footer .container { max-width: 90%; } .footer-2022__menu--list { padding: 0px 5px; } header nav .dropdown-menu p.new-header__nav--menu--text { max-width: unset; } } @media (max-width:600px) { footer .container { max-width: 540px; } .footer-2022__menu--list { padding: 0px; } } .new-header__menu-item { background: #f7f7f7; } @media (max-width:1280px) { .new-header__menu-item { padding-left: 15px; } } @media only screen and (max-width: 991px) { .new-header__menu-item { padding-left: 0; } } /*tekteams*/ .cp-tek-teams-isk { font-family: 'Raleway', sans-serif; position: relative; margin-top: 100px; } .cp-tek-teams-isk .inner-hero-text img { width: 48px; } .cp-tek-teams-isk img { width: 100%; object-fit: cover; object-position: center; } @media (max-width: 768px) { .cp-tek-teams-isk { margin-top: 70px; } } .cp-tek-teams-isk picture { padding-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } @media (max-width: 1366px) { .cp-tek-teams-isk picture { padding-bottom: 5px; } } @media (max-width: 768px) { .cp-tek-teams-isk picture { margin-bottom: 10px; } } @media (max-width: 767px) { .cp-tek-teams-isk picture { margin-bottom: 0px; } } @media (max-width: 600px) { .cp-tek-teams-isk picture { margin-bottom: 7px; } } .cp-tek-teams-isk picture p { color: #28D9CB; margin-left: 15px; margin-bottom: 0px; font-size: 16px; line-height: 1; } @media (max-width: 600px) { .cp-tek-teams-isk picture p { margin-left: 0px; color: #28D9CB; font-size: 12px; } } .cp-tek-teams-isk .inner-hero-text { position: absolute; top: 45%; width: 100%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 600px) { .cp-tek-teams-isk .inner-hero-text picture { margin-bottom: 5px; } .cp-tek-teams-isk .inner-hero-text img { display: none; } } .cp-tek-teams-isk h2 { font-size: 60px; font-weight: bold; color: #ffff; line-height: 1; margin-bottom: 6px; font-family: 'Raleway', sans-serif; } @media (max-width: 768px) { .cp-tek-teams-isk h2 { font-size: 30px; } } @media (max-width: 600px) { .cp-tek-teams-isk h2 { font-size: 32px; } } .contact-tek-teams { font-family: 'Raleway', sans-serif; padding: 80px 0px 120px; } .contact-tek-teams .mobile-button { display: none; } @media (max-width: 767px) { .contact-tek-teams .desktop-button { display: none; } .contact-tek-teams .mobile-button { display: block !important; } } @media (max-width: 1680px) { .contact-tek-teams { padding: 80px 0px 90px; } } @media (max-width: 768px) { .contact-tek-teams { padding: 80px 0px 80px; } } @media (max-width: 767px) { .contact-tek-teams { padding: 60px 0px 60px; } } @media (max-width: 600px) { .contact-tek-teams { padding: 40px 0px 0px; } } .contact-tek-teams .inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-tek-teams .inner .custom-txt .btn-blue { margin-top: 0px; } .custom-txt-img-sec.contact-tek-teams .custom-txt { width: calc(50.5% - 0px); margin-right: 0; } .custom-txt-img-sec.contact-tek-teams .custom-img { width: 54%; margin-right: -12%; margin-left: 76px; } @media (max-width: 1214px) and (max-width: 1280px) { .contact-tek-teams .custom-img { margin-right: -7%; } } @media (max-width: 1024px) { .contact-tek-teams .custom-img { width: 47%; margin-right: 0px; } .contact-tek-teams .inner .custom-img p { padding-right: 0 !important; } } @media (max-width: 767px) { .contact-tek-teams .inner { flex-direction: column; align-items: flex-start; } .contact-tek-teams .custom-img { width: 100%; margin-right: 0px; margin-top: 0px; margin-left: 0px; } } .contact-tek-teams .inner .custom-img p { color: #707070; line-height: 32px; padding-right: 18%; font-size: 20px; } @media (max-width: 768px) { .contact-tek-teams .inner .custom-img p { color: #707070; line-height: 2; padding-right: 0px; font-size: 14px; } } .repeat-bg { position: relative; } @media (max-width: 767px) { .repeat-bg { margin-bottom: 40px; } } .repeat-bg img { width: 100%; } @media (max-width: 600px) { .repeat-bg img { height: 207px; object-fit: cover; } } .repeat-bg .c-btm-icon { position: absolute; bottom: 35px; } @media (max-width: 767px) { .repeat-bg .c-btm-icon { left: 0px; bottom: 13px; width: 100%; padding: 0px 25px; } .repeat-bg .c-btm-icon img { width: auto; } } @media (max-width: 600px) { .repeat-bg .c-btm-icon { left: 0px; bottom: 0; width: 100%; padding: 0px 25px; padding-bottom: 25px; } .repeat-bg .c-btm-icon img { height: inherit; width: auto; margin-bottom: 0px; margin-top: 0; padding-bottom: 15px; } } .repeat-bg .tek-teams-mob-heading { display: none; } .repeat-bg .tek-teams-mob-heading h3 { font-size: 24px; color: #fff; font-family: 'Raleway', sans-serif; line-height: 1.3; } @media (max-width: 600px) { .repeat-bg .tek-teams-mob-heading { display: block; padding-right: 68px; } } @media (max-width: 480px) { .repeat-bg .tek-teams-mob-heading { display: block; padding-right: 0px; } .repeat-bg .c-btm-icon { padding-bottom: 10px; } .repeat-bg .c-btm-icon img { padding-bottom: 0px; } } .tek-teams-heading { padding-top: 80px; } @media (max-width: 767px) { .tek-teams-heading { padding-top: 20px; } } .tek-teams-heading h3 { font-size: 30px; line-height: 1; margin-bottom: 40px; font-family: 'Raleway', sans-serif; color: #707070; } @media (max-width: 768px) { .tek-teams-heading h3 { margin-bottom: 15px; } } @media (max-width: 600px) { .tek-teams-heading { display: none; } } .about-tek-wrapper { font-family: 'Raleway', sans-serif; padding-bottom: 120px; } @media (max-width: 1680px) { .about-tek-wrapper { padding-bottom: 80px; } } @media (max-width: 767px) { .about-tek-wrapper { padding-bottom: 60px; } } @media (max-width: 600px) { .about-tek-wrapper { padding-top: 50px; padding-bottom: 60px; } } .about-tek-wrapper .about-tek-team { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-tek-wrapper .about-tek-team .c-col { width: calc(50% - 40px); } .about-tek-wrapper .about-tek-team .c-col p b, .about-tek-wrapper .about-tek-team .c-col p strong { font-weight: bold; } @media (max-width: 768px) { .about-tek-wrapper .about-tek-team .c-col { width: calc(50% - 15px); } } @media (max-width: 767px) { .about-tek-wrapper .about-tek-team .c-col { width: 100%; } } .about-tek-wrapper .about-tek-team .c-col p { padding-bottom: 10px; font-size: 20px; line-height: 2; color: #707070; } @media (max-width: 768px) { .about-tek-wrapper .about-tek-team .c-col p { font-size: 15px; padding-bottom: 0px; margin-bottom: 10px; } } .about-tek-wrapper .about-tek-team .c-col p:last-child { margin-bottom: 0; } .development-team-sec { font-family: 'Raleway', sans-serif; background-color: #F1F1F1; padding-bottom: 120px; } .development-team-sec .text-short-box { padding-left: 8px; } @media (max-width: 1680px) { .development-team-sec { padding-bottom: 80px; } } @media (max-width: 1280px) { .development-team-sec { padding-bottom: 80px; } } @media (max-width: 767px) { .development-team-sec { padding-bottom: 60px; } } .development-team-sec p { font-size: 20px; color: #707070; line-height: 1.5; margin-bottom: 60px; } @media (max-width: 1280px) { .development-team-sec p { font-size: 18px; } } @media (max-width: 768px) { .development-team-sec p { font-size: 15px; margin-bottom: 25px; } } .development-team-sec .development-team-content .tek-teams-heading h3 { color: #24C1FF; font-family: 'Raleway', sans-serif; } .development-team-sec .development-team-content .inner-flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .development-team-sec .development-team-content .inner-flex-row .c-col { width: 30%; margin-bottom: 60px; } @media (min-width: 1025px) and (max-width: 1280px) { .development-team-sec .development-team-content .inner-flex-row .c-col { width: 32%; } } @media (max-width: 1280px) { .development-team-sec .development-team-content .inner-flex-row .c-col { margin-bottom: 20px; } /* .custom-txt-img-sec.contact-tek-teams .inner{ align-items: flex-start; } */ .custom-txt-img-sec.contact-tek-teams .custom-img { margin: 0 0 0 40px; width: calc(55% - 40px); padding: 0; } .custom-txt-img-sec.contact-tek-teams .custom-txt { width: 45%; margin: 0; padding: 0; } .custom-txt-img-sec.contact-tek-teams .custom-img p { padding: 0; } } @media (max-width: 767px) { .development-team-sec .development-team-content .inner-flex-row .c-col { width: 45%; } .custom-txt-img-sec.contact-tek-teams .custom-img { margin: 25px 0 0px 0px; width: 100%; padding-bottom: 10px; } .custom-txt-img-sec.contact-tek-teams .custom-txt { width: 100%; } } @media (max-width: 600px) { .development-team-sec .development-team-content .inner-flex-row .c-col { width: 100%; border-bottom: #E1E1E1 solid 1px; } .development-team-sec .development-team-content .inner-flex-row .c-col:last-child { border-bottom: none; } } .development-team-sec .development-team-content .inner-flex-row .c-col .col-heading { margin-bottom: 35px; position: relative; } @media (max-width: 768px) { .development-team-sec .development-team-content .inner-flex-row .c-col .col-heading { margin-bottom: 15px; } } .development-team-sec .development-team-content .inner-flex-row .c-col .col-heading figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .development-team-sec .development-team-content .inner-flex-row .c-col .col-heading h4 { color: #152649; padding-left: 8px; font-size: 18px; font-family: 'Raleway', sans-serif; font-weight: bold; margin-bottom: 0px; } @media only screen and (min-width: 1025px) and (max-width: 1279px) { .development-team-sec .development-team-content .inner-flex-row .c-col .col-heading h4 { font-size: 14px; } } @media (max-width: 768px) { .development-team-sec .development-team-content .inner-flex-row .c-col .col-heading h4 { padding-left: 4px; font-size: 12px; margin-bottom: 0; } } @media (max-width: 767px) { .development-team-sec .development-team-content .inner-flex-row .c-col .col-heading h4 { padding-left: 4px; font-size: 14px; margin-bottom: 0; } } .development-team-sec .development-team-content .inner-flex-row .c-col span { padding-left: 0px !important; } .development-team-sec .development-team-content .inner-flex-row .c-col span::before { content: none !important; } .development-team-sec .development-team-content .inner-flex-row .c-col span, .development-team-sec .development-team-content .inner-flex-row .c-col p { font-size: 18px; line-height: 1.3; margin-bottom: 25px; color: #707070; position: relative; padding-left: 20px; padding-right: 20px; display: block; } @media (max-width: 1280px) { .development-team-sec .development-team-content .inner-flex-row .c-col span, .development-team-sec .development-team-content .inner-flex-row .c-col p { padding-right: 0px; font-size: 16px; } } @media (max-width: 768px) { .development-team-sec .development-team-content .inner-flex-row .c-col span, .development-team-sec .development-team-content .inner-flex-row .c-col p { padding-left: 10px; font-size: 13px; } } @media (max-width: 600px) { .development-team-sec .development-team-content .inner-flex-row .c-col span, .development-team-sec .development-team-content .inner-flex-row .c-col p { font-size: 14px; } } .development-team-sec .development-team-content .inner-flex-row .c-col span:last-child, .development-team-sec .development-team-content .inner-flex-row .c-col p:last-child { margin-bottom: 0; } .development-team-sec .development-team-content .inner-flex-row .c-col span::before, .development-team-sec .development-team-content .inner-flex-row .c-col p::before { position: absolute; top: 0; left: 0px; content: "-"; line-height: 17px; } @media (max-width: 600px) { .development-team-sec .development-team-content .inner-flex-row .col-heading::before { content: ""; width: 6px; height: 6px; border-bottom: 2px solid #24C1FF; border-right: 2px solid #24C1FF; float: right; position: absolute; top: 12px; right: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .development-team-sec .development-team-content .inner-flex-row .col-heading.active::before { -webkit-transform: rotate(225deg); transform: rotate(225deg); color: #24C1FF; } .development-team-sec .development-team-content .inner-flex-row .col-heading .active:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); border-color: #fff; } .development-team-sec .development-team-content .inner-flex-row .c-col .text-short-box { display: none; } } .development-team-sec .development-team-content .btn-blue { padding: 23px 0px; text-align: center; border-radius: 50px; width: 360px; margin: 0px auto; display: block; } .benefits-sec { background-color: #fff; } .team-structure-sec .tek-teams-heading h3 { margin-bottom: 25px; font-family: 'Raleway', sans-serif; } @media (max-width: 768px) { .team-structure-sec .tek-teams-heading h3 { margin-bottom: 15px; } /* .footer-2022__certificates-box-union{ flex-direction: unset; } */ } .team-structure-sec p { font-size: 18px; } @media (max-width: 767px) { .team-structure-sec p { font-size: 14px; } .custom-grid-sec .inner { margin: 0; } .custom-grid-sec .inner .colm { padding: 25px 10px 25px 0px; margin: 0; } .custom-grid-sec .slick-dots { right: 0; } } .dev-shop-team-sec { padding: 120px 0px; } @media (max-width: 1680px) { .dev-shop-team-sec { padding: 80px 0px; } } .c-border-none td { border: none !important; } .tekteams-tabel { background: none; } .tekteams-tabel .heading-box label { color: #7080A7; } @media (max-width: 1760px) { .new-header .navbar-light .navbar-nav .nav-link { font-size: 14px !important; padding: 0px 14px !important; } .new-header { height: 80px !important; } .dropdown-menu { top: 77px; } .cp-tek-teams-isk { margin-top: 80px !important; } .cp-cloud-native-isk h2 { font-size: 50px; width: 75%; margin-right: auto; margin-left: auto; } .demand-sec { padding: 150px 0px 110px 0px; } .ecosystem-sec { padding: 150px 0px; } .partner-sec .bg-img { position: absolute; top: 0; left: 0; width: 100%; } .partner-sec { padding: 240px 0px 240px 0px; } .partner-sec .container-md { margin-top: 0; } .solution-sec { padding: 160px 0px; } .cp-tek-teams-isk h2 { font-size: 50px; } .tek-teams-heading h3 { margin-bottom: 30px; } .about-tek-wrapper .about-tek-team .c-col p { margin-bottom: 5px; line-height: 1.5em; } .development-team-sec .development-team-content .inner-flex-row .c-col { margin-bottom: 30px; } .development-team-sec .development-team-content .btn-blue { padding: 16px 0px; width: 261px; } .development-team-sec .development-team-content .inner-flex-row .c-col .col-heading { margin-bottom: 20px; } .solution-sec.dev-shop-team-sec.tekteams-tabel { padding: 120px 0px; } .cp-cloud-native-isk { margin-top: 79px; } } @media (max-width: 1680px) { .tekteams-tabel { padding: 25px 0px 60px; } .new-header .navbar-light .navbar-nav .nav-link { padding: 0px 11px !important; } .new-header__button a { font-size: 16px; } .cp-cloud-native-isk h2 { font-size: 45px; } .cp-tek-teams-isk h2 { font-size: 45px; } .demand-sec { padding: 100px 0px 60px 0px; } .ecosystem-sec { padding: 100px 0px 130px 0px; } .partner-sec { padding: 200px 0px 200px 0px; } .partner-sec .heading-box { padding-bottom: 50px; } .solution-sec { padding: 130px 0px; } .solution-sec.dev-shop-team-sec.tekteams-tabel { padding: 100px 0px; } .ecosystem-sec .colm .back-slide .see-more{ font-size: 18px; } .journey-roadmap { margin-top: -98px; } .infrastructure-sec .heading-box h2, .cost-effective-sec .heading-box h2 { font-size: 50px; } } @media (max-width: 1560px) { .new-header .navbar-light .navbar-nav .nav-link { font-size: 12px !important; padding: 0px 9px !important; } .new-header__button a { font-size: 14px; } .partner-sec { padding: 200px 0px 160px 0px; } .solution-sec { padding: 120px 0px; } .journey-roadmap { margin-top: -200px; } .kubernetes-sec { margin-top: -100px; } } @media (max-width:1366px) { .btn-blue { font-size: 18px; } .new-header { height: 77px !important; } .cp-cloud-native-isk { margin-top: 72px; } .cp-tek-teams-isk { margin-top: 77px !important; } .dropdown-menu { top: 75px; } .cp-cloud-native-isk h2, .cp-tek-teams-isk h2 { font-size: 40px; } .heading-box h2 { font-size: 32px; } .partner-sec { padding: 200px 0px 140px 0px; } .solution-sec { padding: 110px 0px; } .solution-sec.dev-shop-team-sec.tekteams-tabel { padding: 80px 0px; } .ecosystem-sec .colm .back-slide .see-more{ font-size: 16px; } .ecosystem-sec .colm .inner-colm .slick-track .slick-slide .see-more, .ecosystem-sec .colm .inner-colm .slick-track .slick-slide h5{ max-width: 140px; } .keeping-future ul { font-size: 18px; } .keeping-future ul li { margin-right: 40px; } .choose-option ul li:last-child { margin-left: 0px; } .choose-option ul li { padding: 15px 20px; } .contact-form-info-right { padding: 50px 70px 119px; } .contact-form-info-right ul li { padding: 25px 0px 25px; } } @media(max-width:1280px) { .new-header { height: 60px !important; } .cp-cloud-native-isk { margin-top: 60px; } .cp-tek-teams-isk { margin-top: 59px !important; } .cp-cloud-native-isk { margin-top: 60px; } .dropdown-menu { top: 57px; } .heading-box h2 { font-size: 28px; } .partner-sec { padding: 200px 0px 120px 0px; } .choose-option { padding-left: 40px; } .contact-form-left .tab-content { padding-left: 60px; } .cp-tek-teams-isk h2 { font-size: 35px; } .ecosystem-sec .colm .back-slide .see-more{ font-size: 14px; } .ecosystem-sec .colm .inner-colm .slick-track .slick-slide .see-more, .ecosystem-sec .colm .inner-colm .slick-track .slick-slide h5{ max-width: 120px; } .keeping-future ul li { margin-right: 33px; } .keeping-future ul { font-size: 16px; } .contact-form-info-right ul { margin-bottom: 70px; } .contact-form-info-right { padding: 50px 50px 119px; } .c-full-map img { object-position: -256px 0px; } } @media(max-width:1200px) { .contact-form-left .choose-option { padding-left: 25px; } .contact-form-left .tab-content { padding-left: 45px; } .contact-form-info-right { padding: 50px 30px 119px; } } @media (max-width:1190px) { .btn-blue { font-size: 16px; } } @media (max-width:1170px) { .new-header__logo { min-width: 200px; } .new-header .navbar-light .navbar-nav .nav-link { font-size: 12px !important; padding: 0px 6px !important; } .choose-option ul li { font-size: 17px; } .contact-form-left .choose-option { padding-left: 18px; } } @media(max-width:1100px) { .new-header .navbar-light .navbar-nav .nav-link { font-size: 10px !important; } .partner-sec { padding: 200px 0px 100px 0px; } } @media (max-width:1028px) { .new-header__logo { min-width: 150px; } } @media (max-width:1024px) { .contact-form-left { width: 53%; padding: 58px 0px 75px; } .contact-form-info-right { width: 44%; padding: 50px 18px 76px; } .choose-option ul { flex-wrap: nowrap; } .c-full-map img { object-position: 75% 0px; } } @media (max-width:992px) { .btn-blue { font-size: 18px; } .new-header__button { width: 20%; justify-content: center; } .cp-cloud-native-isk h2 { width: 100%; } .solution-sec { padding: 90px 0px; } .cp-tek-teams-isk h2 { font-size: 30px; } .cp-cloud-native-isk .btn { width: unset; } .ecosystem-sec .colm .inner-colm .slick-track .slick-slide .see-more, .ecosystem-sec .colm .inner-colm .slick-track .slick-slide h5{ max-width: 230px; } .closeicon{ width: 14px; display: none; position: relative; right: 17px; top: 6px; } .navbar-toggler .closeicon{ display: block; } .navbar-toggler img:nth-child(1){ display: none; } .navbar-toggler.collapsed .closeicon{ display: none; } .navbar-toggler.collapsed img:nth-child(1){ display: block; } .text-grey-box p { padding-right: 0px; } } @media (max-width:980px) { .custom-contact-wrapper .inner-contact { padding: 0px; } .contact-form-left .choose-option { padding-left: 0; } .contact-form-left .tab-content { padding-left: 20px ; } .btm-icon-line { width: 55%; margin: 0px auto; } .custom-contact-wrapper { padding: 85px 0px 100px; } .contact-form-info-right ul li:last-child a { word-break: break-word; } } @media (max-width: 769px) { .contact-form-info-right ul li a { word-break: break-word; } .contact-form-info-right ul li:first-of-type a { font-size: 25px; } .contact-form-info-right ul .phone:before { width: 30px; height: 30px; } .contact-form-info-right ul .address:before { background-size: 100%; width: 30px; height: 30px; } .contact-form-info-right ul li:nth-of-type(2) span { padding-left: 43px; } .contact-form-info-right ul li a { padding-left: 10px; } .btm-icon-line:after, .btm-icon-line::before { width: 95px; } .contact-form-info-right ul { margin-bottom: 30px; } .choose-option ul { margin-bottom: 0px; } .contact-form-info-right { padding: 50px 18px 50px; } .contact-form-info-right h3 { margin-bottom: 0px; } .btm-icon-line { width: 100%; } .custom-contact-wrapper .inner-contact .contact-form-left .form-box textarea { margin-bottom: 27px !important; height: 100px; } .contact-form-left { padding: 58px 0px 30px; } .choose-option ul li { font-size: 17px; } .contact-form-left .choose-option { padding-left: 18px; } } @media (max-width: 768px) { .col-row ul li:nth-child(1), .col-row ul li:nth-child(4), .col-row ul li { width: 50%; } .custom-contact-wrapper .container-md { padding: 0px; width: 100%; } .contact-wrapper-banner .inner-hero-text { top: 45%; } .contact-wrapper-banner .inner-hero-text h2 { text-align: center; } .custom-contact-wrapper { padding: 0px; margin-top: -1px; border-radius: 0px; } .custom-contact-wrapper .inner-contact { border-radius: 0px; padding: 0px; } .contact-form-info-right { border-radius: 0px; padding: 40px 24px 0px; width: 100%; } .contact-wrapper-banner { z-index: 3; } .contact-form-info-right h3 { display: none; } .contact-form-info-right ul li:first-of-type { font-size: 30px; } .contact-form-info-right ul li { padding: 20px 0px 20px 0px; } .contact-form-info-right ul li:first-of-type a { font-size: 30px; } .btm-icon-line { display: none; } .contact-form-info-right ul { margin-bottom: 60px; } .choose-option ul { flex-wrap: nowrap; margin-bottom: 0; } .custom-contact-wrapper .inner-contact { background-color: transparent; flex-direction: column-reverse; } .choose-option { padding-left: 0; } .contact-form-left .tab-content { padding-left: 0px; } .contact-form-left .choose-option { padding-left: 0; } .contact-form-left { padding: 45px 24px 0px 24px; background: #fff; width: 86%; margin: 85px auto 120px auto; border-radius: 0px 26px 26px 26px; box-shadow: 0px 20px 32px 0px rgba(0, 0, 0, 0.2); } .custom-contact-wrapper .inner-contact .contact-form-left .form-box .col-md-4 { max-width: 100%; margin-bottom: 15px; flex: 0 0 100%; } .form-group .form-control { padding: 0px 0px 5px; } .form-group label { font-size: 14px; } .custom-contact-wrapper .inner-contact .contact-form-left .form-box textarea { margin-bottom: 32px; margin-top: 0px; height: 90px; } .form-group::placeholder { font-size: 16px; } .form-control::-webkit-input-placeholder { color: #ADADAD; opacity: 1; font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: normal; } .form-control::-ms-input-placeholder { color: #ADADAD; opacity: 1; font-size: 13px; font-weight: normal; font-family: 'Roboto', sans-serif; } .form-control::placeholder { color: #ADADAD; opacity: 1; font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: normal; } .custom-contact-wrapper .inner-contact .contact-form-left .form-box .wpcf7-form-control { font-size: 13px; padding: 0px 0px 5px; } .choose-option ul li { font-size: 15px; padding: 14px 8px; color: #152649; } .choose-option ul li.tab.active a { font-weight: bold; color: #152649; } .choose-option ul li:last-child { padding: 15px 20px; line-height: 1; } .choose-option ul li:nth-child(2) { font-weight: bold; margin-right: 0px; margin-left: 0px; } .contact-wrapper-banner .inner-hero-text p { display: none; } .contact-wrapper-banner:before { width: 20px; height: 20px; bottom: -7px; left: 7%; background-color: #101f42; } .custom-contact-wrapper .inner-contact .contact-form-left .calendly-inline-widget { min-width: 100% !important; } .c-full-map img { object-position: 82% 0px; } } @media (max-width: 767px) { .tekteams-tabel .heading-box label { margin-left: 0px; } .tekteams-tabel .table-wrapper td.always { color: #28d9cb; } .tekteams-tabel .table-wrapper td:last-of-type { color: #24c1ff; font-weight: 700; } .tekteams-tabel .table-wrapper tr { display: block; border-top: 1px solid #c9c9c9; padding: 15px 0; } section.demand-sec .inner .slick-track { display: unset; } .demand-sec .inner .colm { margin: 25px 10px 25px 0 !important; padding: 0 !important; } .future-vision-sec .custom-img { width: 90%; margin: auto; } .footer-2022__certificates { margin-top: 30px; } .cp-cloud-native-isk { margin-top: 70px; } .new-header .navbar-light .navbar-nav .nav-link { font-size: 12px !important; } .heading-box h2 { font-size: 24px; } .demand-sec .heading-box { padding-bottom: 20px; } .ecosystem-sec .inner { padding-bottom: 0; } .ecosystem-sec { padding: 100px 0px 100px 0px; } .solution-sec { padding: 70px 0px; } .tek-teams-heading h3 { margin-bottom: 15px; } .development-team-sec .development-team-content .inner-flex-row .c-col .col-heading { margin-bottom: 15px; } .custom-grid-sec .inner .colm { display: block; flex-direction: unset; } .custom-grid-sec .inner .colm { padding: 25px 10px 25px 0px; margin: 0; } .custom-grid-sec .inner .slick-list { padding-bottom: 25px; } header .new-header__menu-item{ top: 60px; } .new-header .navbar-light .navbar-nav .nav-link{ line-height: normal; font-size: 16px !important; color: #152649 !important; font-weight: 600; } header .new-header__nav--list li{ margin-bottom: 30px; margin-left: 18px; } header .new-header__nav--list{ margin-top: 46px; } header .new-header__nav--list li:nth-last-child(1){ margin-bottom: 0; } header .dropdown-menu { top:0px; } header .new-header__nav--menu--title{ font-size: 14px; } header .new-header__nav--title h5{ font-size: 20px; } header .new-header__nav--list>.show{ padding-top: 10px; } .c-application-development .review_sec { margin-top: 20px !important; } } @media (max-width: 600px) { .reliability-engineers { margin-top: 126px; } .development-team-sec .development-team-content .btn-blue { margin: 0px; padding: 16px 0px; width: 185px; } .ecosystem-sec .colm .inner-colm .slick-track .slick-slide .see-more, .ecosystem-sec .colm .inner-colm .slick-track .slick-slide h5{ max-width: 150px; } .ecosystem-sec .colm:nth-of-type(6) .inner-colm .back-slide .icon{ margin-left: 0 !important; } } @media(max-width:575px) { .infrastructure-sec { margin-top: -309px !important; } .col-row ul li, .col-row ul li:nth-child(1), .col-row ul li:nth-child(4) { width: 100%; padding-left: 25px; } .col-row ul li::after { width: 19px; height: 19px; background-size: 100%; } .kubernetes-sec .container-md { padding: 0px 0px; } .kubernetes-sec .custom-txt { padding: 0px 24px; } .devops-services .applications-col h5::before { width: 25px; height: 25px; background-size: 100%; } .infrastructure-sec .heading-box { margin-top: 0px !important; } } @media(max-width:480px) { .custom-txt-img-sec.contact-tek-teams .custom-img { margin: 0px 0 0px 0px; padding-bottom: 0px; } .footer-2022__certificates { margin-top: 0; margin-bottom: 20px; } .footer-2022__box-end a { font-size: 14px; } .footer-2022__box-end a:nth-last-child(1) { margin-right: 0; } .row.footer-2022__mobile-items { padding-right: 0; } .footer-2022__copyright { font-size: 14px; } .future-vision-sec .custom-img { max-width: 360px; } .cp-cloud-native-isk h2 { font-size: 32px; } .demand-sec { padding: 60px 0px 40px 0px; } .ecosystem-sec { padding: 60px 0px 35px 0px; } .ecosystem-sec .heading-box figure { top: 0; right: 0; } .ecosystem-sec .heading-box figure img { width: 100%; height: 100%; } .partner-sec { padding: 200px 0px 80px 0px; } .partner-sec .colm h6 { min-height: unset; } .partner-sec .heading-box { padding-bottom: 40px; } .solution-sec { padding: 60px 0px; } .cp-tek-teams-isk h2, .tek-teams-heading h3 { font-size: 26px; } .c-app-banner h2 { font-size: 32px; } .c-app-banner p { font-size: 16px; } .solution-sec.dev-shop-team-sec.tekteams-tabel { padding: 60px 0px; } .footer-2022__social-media { margin-top: 60px; } .footer-2022__social-media a { margin: 0px 30px 0px 0px; } .footer-2022__social-media a:nth-last-child(1) { margin-right: 0; } } @media(max-width:420px) { .future-vision-sec .custom-img { width: 100%; margin: auto; } .ecosystem-sec .heading-box figure { margin-bottom: 0; top: 30px; width: 70px; height: 70px; } .ecosystem-sec .heading-box h2 { width: calc(100% - 70px); } } body .devops-styles{ margin-top: 75px!important; } @media(max-width:1200px){ body .devops-styles{ margin-top: 55px!important; } .contact-wrapper-banner:before { left: 7%; } } @media (min-width:1350px) and (max-height:1135px){ .ecosystem-sec .colm{ margin-bottom: 25px; } .ecosystem-sec .colm:nth-of-type(5) { transform: translateY(36%); } .ecosystem-sec .colm:last-of-type figure{ margin-bottom: 0; } .ecosystem-sec .colm:last-of-type img{ max-width: 200px; display: block; margin: auto; } .ecosystem-sec .colm:last-of-type{ top: 47%; } .ecosystem-sec .colm:last-of-type{ width:28%; } } @media (min-width:1350px) and (max-height:1035px){ .ecosystem-sec .colm:nth-of-type(2) { transform: translateY(-50%); } .ecosystem-sec .colm:nth-of-type(5) { transform: translateY(32%); } .ecosystem-sec .colm{ padding: 15px 30px 15px 30px; } .ecosystem-sec .colm:nth-of-type(2) .inner-colm .back-slide .icon, .ecosystem-sec .colm:nth-of-type(6) .inner-colm .back-slide .icon, .ecosystem-sec .colm:nth-of-type(3) .inner-colm .back-slide .icon{ margin-bottom: 15px; } .ecosystem-sec .inner .colm .inner-colm .back-slide .back_heading{ padding-right: 30px; font-size: 20px; } .ecosystem-sec .colm:nth-of-type(5) { transform: translateY(38%); } .ecosystem-sec .colm:last-of-type { top: 48%; } } @media (min-width:1350px) and (max-height:898px){ .ecosystem-sec .colm p{ font-size: 14px; } .ecosystem-sec .colm:nth-of-type(5) { transform: translateY(38%); } .ecosystem-sec .colm:last-of-type { top: 49%; } .ecosystem-sec .colm .back-slide .see-more{ font-size: 16px; } .ecosystem-sec .inner .colm .inner-colm .back-slide .back_heading{ margin-bottom: 15px; } .ecosystem-sec .colm h4, .ecosystem-sec .colm h5{ font-size: 18px; } .ecosystem-sec .inner .colm .inner-colm .back-slide .icon{ width: 60px; } .ecosystem-sec .colm:nth-of-type(4) .inner-colm .back-slide .icon { margin-top: 25px; } .ecosystem-sec .colm:nth-of-type(3) .inner-colm .back-slide .icon{ width: 130px; } .ecosystem-sec .colm:last-of-type img{ width: 170px; } } @media (min-width:1350px) and (max-height:770px){ .ecosystem-sec .colm:nth-of-type(5) { transform: translateY(26%); } .ecosystem-sec .colm:last-of-type { top: 48%; } .ecosystem-sec .colm .back-slide .see-more{ font-size: 14px; } .ecosystem-sec .inner .colm .inner-colm .back-slide .back_heading{ margin-bottom: 15px; } .ecosystem-sec .colm h4, .ecosystem-sec .colm h5{ font-size: 16px; } .ecosystem-sec .inner .colm .inner-colm .back-slide .icon{ width: 60px; } .ecosystem-sec .colm:nth-of-type(4) .inner-colm .back-slide .icon { margin-top: 25px; } .ecosystem-sec .colm:nth-of-type(3) .inner-colm .back-slide .icon{ width: 120px; } .ecosystem-sec .colm:last-of-type img{ width: 140px; } .ecosystem-sec .colm:nth-of-type(2), .ecosystem-sec .colm{ margin-bottom: 20px; padding: 15px 20px; } .ecosystem-sec .colm:last-of-type { width: 28%; } .ecosystem-sec .colm p{ font-size: 12px; } .ecosystem-sec .colm .inner-colm .slick-track .slick-slide{ padding-bottom: 25px; } } @media (min-width:1350px) and (max-height:700px){ .ecosystem-sec .colm:last-of-type img { width: 110px; } .ecosystem-sec .colm:nth-of-type(2) { transform: translateY(-41%); } .ecosystem-sec .colm:nth-of-type(5) { transform: translateY(25%); } .ecosystem-sec .colm:last-of-type { top: 49%; } .ecosystem-sec .colm:nth-of-type(2) .inner-colm .back-slide .icon, .ecosystem-sec .colm:nth-of-type(6) .inner-colm .back-slide .icon, .ecosystem-sec .colm:nth-of-type(3) .inner-colm .back-slide .icon{ margin-bottom: 10px; } .ecosystem-sec .inner .colm .inner-colm .back-slide .back_heading { margin-bottom: 10px; } .ecosystem-sec .colm:nth-of-type(2), .ecosystem-sec .colm { margin-bottom: 20px; padding: 10px 20px; } .ecosystem-sec .colm .inner-colm .slick-track .slick-slide{ padding-top: 0; } }