body { font-family: "Inter", serif; } 
h1, h2, h3, h4, h5, h6 { font-family: "Rubik", serif; } 
li, a, p { word-spacing: normal; } 
.service__area-7::before, .service__area-7::after, .service__item-7::after { content: none; }
.service__item-7 { margin: 5px; border: 1px solid var(--black-5); padding: 40px; } 
.service__hero-2 { padding-bottom: 0; } 
.header__inner-3 { grid-template-columns: 233px auto 150px; } 
.solution__list { grid-template-columns: 400px; } 
.client__logo { grid-template-columns: repeat(5, 1fr); } 
.brand-logo-wrapper, .Payment { box-shadow: #cbcbcb 0px 5px 7px; border-radius: 4px; } 
.brand-logos { border-radius: 5px; } 
.Payment .brand-img-wrapper { border-radius: 5px; } 
.dark .portfolio__service-item { color: gray; -webkit-filter: invert(1); filter: invert(1); } 
.edit-btn-bg:hover a { color: black !important; } 
.wc-btn-primary:hover { color: #000 !important; } 
.footer__subscribe { position: relative; } 
.wordpress-service { background-image: url(../imgs/bg/4/wordpress1.svg); } 
.bigcommerce-service { background-image: url(../imgs/bg/4/bigcommerce.webp); } 
.portfolio__service-item:hover p { color: white !important; } 
.portfolio__service .sec-text p { color: rgb(0, 0, 0) !important; } 
.portfolio__service-item p { color: black !important; } 
.migration-wrapper { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px; } 
.migration-item { color: rgb(255, 255, 255); padding: 10px; border: 1px solid #e2e3e5; max-width: 319px; min-height: 147px; align-content: center; justify-content: center; text-align: left; font-weight: 100; display: flex; align-items: center; font-weight: 100; } 
.migration-icon img { filter: invert(1); margin-right: 10px; } 
.migration-item-main { color: rgb(255, 255, 255); padding: 10px; border: 1px solid #e2e3e5; width: 100%; min-height: 147px; font-weight: 100; font-weight: 100; padding: 43px 30px 30px; } 
.migration-item:hover { background-color: white; color: black; } 
.migration-item:hover .migration-icon img { filter: invert(0); } 
.migration-item-main:hover { background-color: white; color: black; } 
.migration-item-main:hover .migration-icon img { filter: invert(0) !important; } 
.migration-item-main:hover .migration-item h4 { color: black; } 
.migration-item h4 { font-size: 18px; } 
.migration-item-main h4 { font-size: 17px; } 
.cd-container { width: 90%; max-width: 1080px; margin: 0 auto; padding: 0 10%; border-radius: 2px; } 
.cd-container::after { content: ""; display: table; clear: both; } 
#cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em; } 
#cd-timeline::before { content: ""; position: absolute; top: 0; left: 25px; height: 100%; width: 2px; background: #ffffff; } 
.title-center::before { content: "Release"; top: 55px; background-color: #141414; position: absolute; color: #ffffff; pointer-events: none; } 
.top-text::before { content: "Software development"; top: 70px; background-color: #141414; position: absolute; color: #ffffff; pointer-events: none; width: max-content; } 
.cd-timeline-block { position: relative; margin: 3em 0; } 
.cd-timeline-block:after { content: ""; display: table; clear: both; } 
.cd-timeline-block:first-child { margin-top: 0; } 
.cd-timeline-block:last-child { margin-bottom: 0; } 
.cd-timeline-img { position: absolute; top: 50%; left: 12px; width: 30px; height: 30px; transform: translateY(-50%); border-radius: 50%; z-index: 5; display: flex; align-items: center; justify-content: center; border: 1px solid white; color: rgb(255, 255, 255); background-color: #141414; } 
.cd-timeline-img:hover { background: #ffffff; color: black; } 
.cd-timeline-content { position: relative; margin-left: 60px; margin-right: 30px; border: 1px solid white; border-radius: 2px; padding: 1em; background-color: #f4f5f7; color: #000; } 
.cd-timeline-content:after { content: ""; display: table; clear: both; } 
.cd-timeline-content h2 { color: rgba(255, 255, 255, 0.9); margin-top: 0; margin-bottom: 5px; } 
.cd-timeline-content p, .cd-timeline-content .cd-date { color: rgba(0, 0, 0, 0.7); font-size: 13px; font-size: 0.8125rem; } 
.cd-timeline-content .cd-date { display: inline-block; } 
.cd-timeline-content p { margin: 1em 0; line-height: 1.6; } 
.cd-timeline-content::before { right: 100%; content: ""; position: absolute; top: 50%; transform: translate(0, -50%); width: 30px; padding: 1px; background-color: #ffffff; } 
.cd-container li { margin-left: 20px; list-style-type: circle; } 
.cd-timeline-content .cd-date { content: ""; position: absolute; top: 50%; transform: translate(0, -50%); width: 30px; height: 1px; background-color: #ffffff; } 
.cd-container li { margin-left: 0px; list-style-type: disc; color: black !important; } 
.cd-timeline-block:nth-child(even) .cd-timeline-content::before { left: auto; right: 100%; } 
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; } 
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; } 
.title-center::before:hover { color: white; } 
.header__nav-icon-3 .search-icon { padding-right: 35px; } 
.header__nav-icon-3 #search_close { padding-right: 35px; } 
.darkSolid { background-image: none; } 
.portfolio-modal-popup { background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 99999; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; transition: opacity 0.15s linear; } 
.portfolio-modal-popup .portfolio-modal-dialog { width: 95%; padding-top: 60px; padding-bottom: 20px; height: 100%; margin: 0 auto; position: relative; } 
.portfolio-modal-popup .portfolio-btn-close button { border-radius: 100%; border: 2px solid var(--white); position: absolute; right: 0; top: 10px; background-color: var(--black-2); height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; z-index: 1111; } 
.portfolio-modal-popup .portfolio-modal-content { max-height: 100%; overflow: hidden; position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: var(--white); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } 
.portfolio-modal-popup .portfolio-modal-content .portfolio-modal-body { overflow-y: auto; position: relative; flex: 1 1 auto; padding: 15px; } 
.portfolio-modal-popup .portfolio-modal-content .portfolio-modal-body img { max-width: 100%; cursor: pointer; transform: none !important; } 
.portfolio-modal-popup .portfolio-btn-close svg { width: 16px; height: 16px; } 
.portfolio-modal-btn { cursor: pointer; display: block; } 
body.portfolio-modal-open div#smooth-content { transform: none !important; } 
body.portfolio-modal-open header { display: none !important; } 
body.portfolio-modal-open { overflow: hidden !important; } 
body.portfolio-modal-open .portfolio__wrapper-4 .swiper .swiper-wrapper { transform: none !important; transition-property: none !important; } 
.portfolio-btn-section { padding: 55px 45px 35px; } 
.portfolio-btn-section > div > div { overflow: auto; } 
.portfolio-btn-section ul.btn-group { display: flex; max-width: max-content; width: max-content; } 
.portfolio-btn-section ul.btn-group li.fill-btn { color: var(--white); position: relative; display: block; padding: 15px 40px; font-size: 24px; border: 1px solid var(--secondary); border-radius: 5px; background-color: transparent; z-index: 1; cursor: pointer; margin: 0 30px 20px 0; overflow: hidden; transition: all 0.3s; } 
.portfolio-btn-section ul.btn-group li.fill-btn:before { content: ""; position: absolute; background: var(--d-black-2); bottom: 0; left: 0; right: 0; bottom: 100%; z-index: -1; -webkit-transition: bottom 0.2s ease-in; height: 100%; } 
.portfolio-btn-section ul.btn-group li.fill-btn.active:before, .portfolio-btn-section ul.btn-group li.fill-btn:hover:before { bottom: 0; background-color: var(--white); } 
.portfolio-btn-section ul.btn-group li.fill-btn:hover, .portfolio-btn-section ul.btn-group li.fill-btn.active { color: var(--d-black-2); } 
section.portfolio__area-5::after, section.portfolio__area-5::before { display: none; } 
.portfolio__area-5 .portfolio__inner-5 { justify-content: flex-start; gap: 0; margin-left: -55px; margin-right: -55px; width: auto; max-width: none; flex: 1; position: relative; } 
.portfolio__inner-5 .portfolio__item-5 { width: 33.33%; padding: 55px; border-right: 1px solid var(--secondary); border-bottom: 1px solid var(--secondary); position: relative; } 
.portfolio__inner-5 .portfolio__item-5 .portfolio__content-5 { right: -40px; padding: 20px 20px 20px 30px; display: flex; align-items: center; border-radius: 40px 0 0 40px; transform: translateY(-50%); } 
.portfolio__inner-5 .portfolio__item-5:hover .portfolio__content-5 { right: 0; } 
section.portfolio__area-5 { padding: 0 45px; border-bottom: none; } 
.portfolio__area-5 .portfolio__inner-5::after { content: ""; position: absolute; width: 1px; top: 0; right: 12px; height: 100%; background-color: var(--black-2); } 
.portfolio__item-5 .portfolio-item img { transform: none !important; } 
.portfolio__content-5 .portfolio__title-5 { font-size: 20px; } 
.portfolio__inner-5 .portfolio__item-5 .portfolio-item .portfolio-logo { z-index: 2; } 
body.dark p, body.dark .feature__item p { color: var(--white); } 
.footer__link li a:hover { margin-left: 7px; } 
.footer__contact li a.phone::after { display: none; } 
.footer__contact li.footer-hover:hover { margin-left: 7px; -webkit-transition: all 0.3s; transition: all 0.3s; } 
.footer__social li a:hover { transform: scale(1.3); } 
section.roll__area-3 { background-color: var(--white); } 
.button a::before { content: ""; position: absolute; background: var(--d-black-2); bottom: 0; left: 0; top: 0; right: 100%; z-index: -1; -webkit-transition: right.2s ease-in; height: 100%; } 
.button a { color: var(--d-black-2); position: relative; display: inline-block; padding: 12px 24px; font-size: 20px; border: 1px solid var(--secondary); border-radius: 5px; background-color: transparent; z-index: 1; cursor: pointer; overflow: hidden; transition: all 0.3s; text-align: center; } 
.button a:hover { color: var(--d-black-2); } 
.button a:hover::before { right: 0; background-color: var(--white); } 
.service-inner { display: flex; flex-flow: wrap; } 
.tab-content { height: 100%; } 
.service-tabs-content { width: 70%; } 
.service-tabs-nav { width: 30%; padding-right: 3%; } 
.service-tabs-nav .service-tablist { position: relative; display: flex; flex-direction: column; } 
.service-tablist .tab-item { font-size: 24px; cursor: pointer; line-height: 1.2; padding: 30px; border: 1px solid var(--white); border-radius: 15px; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; color: var(--white); margin: 12px 0; overflow: hidden; } 
.service-tablist .tab-item:hover, .service-tablist .tab-item.active { color: var(--white); } 
.service-tablist .tab-item::after { position: absolute; content: ""; width: 10px; height: 50px; left: -2px; top: calc(50% - 25px); background: var(--white); -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 0 15px 15px 0; z-index: -1; } 
.service-tablist .tab-item:hover::after, .service-tablist .tab-item.active::after { width: calc(100% + 2px); height: calc(100% + 2px); left: -1px; top: -1px; } 
.service-outer { padding: 60px 0 0; } 
.service-tabs-content .tab-content .button a { margin-top: 10px; } 
.service-tabs-content .tab-content .button a:hover { color: var(--white); } 
.service-tabs-content .tab-content .tab-box { display: flex; width: 100%; align-items: center; flex-flow: wrap; } 
.service-tabs-content .tab-content .tab-content-left img { display: block; width: 100%; } 
.service-tabs-content .tab-content .tab-content-left { width: 45%; margin-right: 5%; } 
.service-tabs-content .tab-content .tab-content-right { width: 50%; } 
.service-tabs-content .tab-content .s-title { font-weight: 500; font-size: 27px; line-height: 1.2; text-transform: uppercase; padding-bottom: 20px; color: var(--d-black-2); } 
.service-tabs-content .tab-content .s-content, .service-tabs-content .tab-content .s-content p, .service-tabs-content .tab-content .s-content ul, .service-tabs-content .tab-content .s-content ol { color: var(--d-black-2); margin: 0 0 15px; } 
.service-tabs-content .tab-content { display: none; padding: 40px; background-color: var(--white); border-radius: 8px; border: 1px solid var(--white); } 
.service-tabs-content .tab-content.active { display: block; } 
li#shopify::after, #shopify-tab .button a::before { background-color: #96bf48; } 
li#shopify:hover, li#shopify.active, #shopify-tab .button a:hover, #shopify-tab { border-color: #96bf48; } 
li#wordpress::after, #wordpress-tab .button a::before { background-color: #21759b; } 
li#wordpress:hover, li#wordpress.active, #wordpress-tab .button a:hover, #wordpress-tab { border-color: #21759b; } 
li#webflow::after, #webflow-tab .button a::before { background-color: #4150f7; } 
li#webflow:hover, li#webflow.active, #webflow-tab .button a:hover, #webflow-tab { border-color: #4150f7; } 
li#bigcommerce::after, #bigcommerce-tab .button a::before { background-color: #34313f; } 
li#bigcommerce:hover, li#bigcommerce.active, #bigcommerce-tab .button a:hover, #bigcommerce-tab { border-color: #34313f; } 
li#hubspot::after, #hubspot-tab .button a::before { background-color: #ff7a59; } 
li#hubspot:hover, li#hubspot.active, #hubspot-tab .button a:hover, #hubspot-tab { border-color: #ff7a59; } 
.service-tablist .tab-item:first-child { margin-top: 0; } .service-tablist .tab-item:last-child { margin-bottom: 0; } 
.service__hero-inner-2 .service__hero-left-2 .service__hero--logo { display: flex; padding: 20px; border-radius: 50%; align-items: center; justify-content: center; width: 250px; height: 250px; } 
.service__hero-inner-2 .service__hero-left-2 .service__hero--logo img { width: 100%; } 
.feature__area-2 .feature__list { grid-gap: 0; display: flex; flex-flow: wrap; } 
.feature__list .feature__item { padding: 80px 0; margin-right: 80px; width: calc(25% - 60px); border: none; position: relative; } 
.feature__list .feature__item img { max-width: 110px; margin-bottom: 15px; } 
.feature__item::after { content: ""; position: absolute; width: 1px; height: 100%; top: 0; right: -40px; background: var(--secondary); } 
.feature__list .feature__item:nth-child(4n) { margin-right: 0; } 
.feature__list .feature__item:nth-child(4n)::after { display: none; } 
.service__hero-left-2 img { margin-bottom: 0; } 
.service__hero-2 .shape-1 { width: 132px; right: -132px; top: 100px; } 
.service__hero-2 .row { position: relative; } 
.work-flow-list { position: relative; display: flex; flex-wrap: wrap; list-style: none; margin-top: 70px; } 
.work-flow-icon { background: var(--white); width: 120px; height: 120px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto 18px; box-shadow: 0 0 10px rgba(255, 255, 255, 0.534); } .work-flow-inner li:first-child .work-flow-icon { background: #ffc1c1; } 
.work-flow-inner li:first-child .work-flow-number { color: #e76767; } 
.work-flow-inner li:nth-child(2) .work-flow-icon { background: #e2e5ff; } 
.work-flow-inner li:nth-child(2) .work-flow-number { color: #919bf5; } 
.work-flow-inner li:nth-child(3) .work-flow-icon { background: #ffedca; } 
.work-flow-inner li:nth-child(3) .work-flow-number { color: #e9b248; } 
.work-flow-inner li:nth-child(4) .work-flow-icon { background: #c7ebff; } 
.work-flow-inner li:nth-child(4) .work-flow-number { color: #49baf9; } 
.work-flow-inner li:nth-child(5) .work-flow-icon { background: #cecece; } 
.work-flow-inner li:nth-child(5) .work-flow-number { color: #959595; } 
.work-flow-inner li:nth-child(6) .work-flow-icon { background: #caf0d0; } 
.work-flow-inner li:nth-child(6) .work-flow-number { color: #89c192; } 
.work-flow-inner li .work-flow-number { font-size: 22px; } 
.work-flow-list li:nth-child(4) { order: 6; } 
.work-flow-list li:nth-child(5) { order: 5; } 
.work-flow-list li:nth-child(5)::after, .work-flow-list li:nth-child(6)::after { content: "\f053"; top: 67px; } 
.work-flow-list li:nth-child(3)::after { display: none; } 
.work-flow-list li:nth-child(4)::after { content: "\f078"; top: -115px; right: -17px; } 
.work-flow-list li { text-align: center; position: relative; width: 33.3%; z-index: 9; min-height: 320px; padding: 0 40px; margin-bottom: 50px; } 
.work-flow-list::after { content: ""; position: absolute; height: 375px; top: 78px; border-radius: 0 20px 20px 0; width: 85%; border-right: 2px dashed var(--white); right: 0; border-top: 2px dashed var(--white); border-bottom: 2px dashed var(--white); } 
.work-flow-icon img { height: 40px; } 
.work-flow-list .float-right li { margin-bottom: 20px; } 
.work-flow-list.work-flow-list li p { font-size: 16px; color: var(--white); line-height: 1.3; } 
.work-flow-list h4 { font-size: 24px; color: var(--white); margin: 0 0 15px; } 
.work-flow-img img { width: 80%; margin: 0 auto; display: block; } 
.work-flow-list li::after { content: "\f054"; font-family: FontAwesome; font-style: normal; font-weight: 400; background: var(--white); border-radius: 50%; color: var(--black-2); text-align: center; position: absolute; right: -16px; font-size: 14px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; top: 63px; } 
.work-flow-list.work-flow-list li p.work-flow-number { font-size: 22px; } 
.work-flow-icon i svg { width: 53px; height: auto; } 
.swiper.portfolio__slider-4 { position: static; } 
.swiper-arrow { background-color: transparent; z-index: 1; position: absolute; bottom: -60px; font-size: 0; border: 1px solid var(--white); width: 50px; height: 50px; border-radius: 50%; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } 
.swiper-arrow::after { content: " "; position: absolute; font-family: "Font Awesome 6 Free"; font-weight: 900; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 18px; color: var(--white); -webkit-transition: all 0.3s; transition: all 0.3s; } 
.swiper-button-next::after { content: "\f061"; } 
.swiper-button-prev::after { content: "\f060"; } 
.swiper-arrow:hover::after { color: var(--black-2); } 
.swiper-arrow:hover { background-color: var(--white); } 
.swiper-button-prev { left: 12px; right: auto; bottom: 36px; top: auto; } 
.swiper-button-next { right: auto; left: 82px; bottom: 36px; top: auto; } 
.slick-arrow { background-color: transparent; z-index: 1; position: absolute; bottom: -60px; font-size: 0; border: 1px solid var(--white); width: 50px; height: 50px; border-radius: 50%; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } 
.slick-arrow::before { content: " "; position: absolute; font-family: "Font Awesome 6 Free"; font-weight: 900; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 18px; color: var(--white); -webkit-transition: all 0.3s; transition: all 0.3s; } 
.slick-next::before { content: "\f061"; } 
.slick-prev::before { content: "\f060"; } 
.slick-arrow:hover::before { color: var(--black-2); } 
.slick-arrow:hover { background-color: var(--white); } 
.slick-prev { right: calc(50% + 10px); } 
.slick-next { left: calc(50% + 10px); } 
.portfolio-logo { position: absolute; height: 45px; width: 50px; left: 0; z-index: 1; display: flex; justify-content: center; align-items: center; background-color: var(--black-2); border-radius: 0 20px 20px 0; top: 20px; } 
.portfolio-img { position: relative; } 
.portfolio-logo i svg { max-width: 28px; height: auto; } 
.wordpress .portfolio-logo { background-color: #21759b; } 
.shopify .portfolio-logo { background-color: #96bf48; } 
.webflow .portfolio-logo { background-color: #4150f7; } 
.portfolio__item-inner .portfolio__title-wrapper { position: relative; padding-left: 40px; } 
.portfolio__item-inner .portfolio-logo-1 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; } 
.portfolio-item .portfolio__item-inner { column-gap: 15px; } 
.portfolio__item-inner .portfolio__title-4 { font-size: 18px; padding-bottom: 0; } 
.portfolio__item-inner .portfolio-logo-1 i svg { max-width: 32px; height: auto; } 
.portfolio__sec-title div p { max-width: 100%; } 
div.portfolio6__line .line-col-4 div { z-index: -1; } 
.portfolio__service div .sec-title { max-width: 380px; } 
header .main-menu-3 li.contact-btn a::before,header .main-menu-3 li.contact-btn.active a::before, .offcanvas__menu-wrapper.mean-container .mean-nav > ul > li.contact-btn a::before { content: ""; position: absolute; background: var(--d-black-2); bottom: 0; left: 0; top: 0; right: 100%; z-index: -1; -webkit-transition: right.2s ease-in; height: 100%; } 
header .main-menu-3 li.contact-btn a, .offcanvas__menu-wrapper.mean-container .mean-nav > ul > li.contact-btn a { color: var(--white); position: relative; display: inline-block; padding: 12px 24px; border: 1px solid var(--white); border-radius: 5px; background-color: transparent; z-index: 1; cursor: pointer; overflow: hidden; transition: all 0.3s; text-align: center; } 
header .main-menu-3 li.contact-btn a:hover, .offcanvas__menu-wrapper.mean-container .mean-nav > ul > li.contact-btn a:hover { color: var(--d-black-2); --y: 0px; } 
header .main-menu-3 li.contact-btn a:hover::before, .offcanvas__menu-wrapper.mean-container .mean-nav > ul > li.contact-btn a:hover::before { right: 0; background-color: var(--white); } 
header ul.main-menu-3 { display: flex; align-items: center; justify-content: flex-end; padding-left: 40px; } 
header .header__inner-3 { display: flex; justify-content: space-between; padding: 15px 0; } 
header .main-menu-3 > li:last-child { padding-right: 0; } 
.portfolio__slider-4 .swiper-wrapper .benefits-grid:not(.slick-initialized) { display: none; } 
.portfolio__wrapper-4 { display: block; position: static; } 
body.portfolio-modal-open .portfolio__slider-4 .swiper-wrapper.slick-slider .slick-track { transform: none !important; position: static !important; } 
body.portfolio-modal-open .portfolio__slider-4 .swiper-wrapper.slick-slider .slick-list, body.portfolio-modal-open .portfolio__slider-4 .swiper-wrapper.slick-slider .swiper-slide { position: static !important; transform: none !important; } 
.portfolio__icon-4 i.fa-solid.fa-arrow-right { display: block; }
.portfolio-item .portfolio__item-inner { min-height: 52px; }
.portfolio__slider-4 .swiper-wrapper.slick-slider .slick-list { position: static !important; } 
.portfolio__slider-4 .portfolio__item-4 { padding: 0 15px; width: 100%; } 
.portfolio__wrapper-4 { margin: 0 -15px; }
.portfolio-item .portfolio__item-inner { min-height: 52px; }
.portfolio__slider-4 .swiper-wrapper.slick-slider .slick-track { display: flex; }
.portfolio__slider-4 .swiper-wrapper.slick-slider .swiper-slide { height: inherit; }
.portfolio__slider-4 .swiper-wrapper.slick-slider { transform: none; } 
.portfolio__slider-4 .swiper-wrapper.slick-slider { position: static !important; } 
.portfolio__area-4 .portfolio__sec-title p { color: var(--white); } 
.wpcf7 { max-width: 100%; background-color: transparent; } 
.contact__form .wpcf7 .btn-item { position: static; } 
ul.footer__contact li a.phone, ul.footer__contact li a, ul.footer__contact li span, ul.footer__contact li i, ul.footer__social li a, ul.footer__link li a { color: var(--white); } 
ul.footer__contact li span, .contact__info ul li span { padding-left: 30px; display: block; } 
ul.footer__contact li i, .contact-inner .contact__info ul li i { position: absolute; top: 4px; left: 1px; } 
.contact-inner .contact__info ul li i { color: var(--white); } 
.contact-inner .contact__info ul li a { text-decoration: none; } 
.contact-inner .contact__info { max-width: 400px; } 
.contact-inner .contact__info ul li.hover:hover { margin-left: 7px; -webkit-transition: all 0.3s; transition: all 0.3s; } 
.wpcf7-not-valid-tip, .wpcf7 form .wpcf7-response-output { font-size: 12px; } 
.contact__form .wpcf7::after, .footer__subscribe .wpcf7::after { display: none; } 
.footer__subscribe .wpcf7-submit { display: block; } 
.wpcf7 form .wpcf7-response-output { margin: 0.5em 0.2em 0.5em; } 
.footer__subscribe .wpcf7-submit { background: url(/wp-content/plugins/contact-form-7/includes/icon/paper-plane-solid.svg); right: 0; position: absolute; width: 60px; height: 60px; top: 0; background-repeat: no-repeat; background-size: 16px; font-size: 0; background-position: center; padding: 0; } 
.dark .feature__btm { border-bottom: 1px solid var(--secondary); } 
.testimonial__slider-3 .swipper-btn { border-color: var(--white); } 
.testimonial__slider-3 .swipper-btn i { color: var(--white); } 
.testimonial__slider-3 .swipper-btn:hover i { color: var(--black-2); } 
.testimonial__slider-3 .swipper-btn:hover { background-color: var(--white); } 
.dark .client__role-3 { color: var(--white); } .counter__area-3 { padding: 140px 0 110px; } 
.counter__area-3 .counter__wrapper-3 { display: flex; flex-flow: wrap; } 
.counter__area-3 .counter__wrapper-3 .counter__item-3 { width: 25%; padding: 30px; } 
.counter__area-3 .counter__wrapper-3 .counter__item-3 p { max-width: 160px; } 
.counter__area-3 .counter__wrapper-3.twoCol .counter__item-3 { width: 50%; padding: 15px; } 
.counter__area-3 .sec-title { margin-bottom: 30px; max-width: 675px; } 
div.portfolio__sec-title { max-width: 350px; position: static; padding-top: 75px; padding-bottom: 75px; } 
.dark div.research__area { padding: 140px 0; background-color: var(--d-black-2); } 
.research__list .research__item:last-child { padding-bottom: 0; } 
.portfolio__area-4 .container-fluid { padding-top: 140px; padding-bottom: 140px; } 
.portfolio__slider-4 .swiper-wrapper.slick-slider .slick-prev { left: 12px; right: auto; bottom: 140px; top: auto; } 
.portfolio__slider-4 .swiper-wrapper.slick-slider .slick-next { right: auto; left: 82px; bottom: 140px; top: auto; } 
.testimonial__slider-3 .testimonial__slide-3 p::before { display: none; } 
.testimonial__images-3 img { filter: brightness(0.5); height: auto; } 
.client-img { width: 100px; height: 100px; margin-left: auto; margin-right: auto; position: relative; border-radius: 100%; overflow: hidden; margin-bottom: 20px; } 
.client-img img { transform: none !important; position: absolute; width: 100%; height: 100%; object-position: top center; object-fit: cover; left: 0; top: 0; } 
.testimonial__images-3 .testimonial3__img { max-width: 180px; } 
.testimonial__images-3 .testimonial3__img-2 { max-width: 90px; } 
.testimonial__images-3 .testimonial3__img-3 { max-width: 120px; } 
.testimonial__images-3 .testimonial3__img-4 { max-width: 240px; } 
.testimonial__images-3 .testimonial3__img-5 { max-width: 160px; } 
.testimonial__images-3 .testimonial3__img-6 { max-width: 100px; } 
section.testimonial__area-3 { padding-top: 250px; padding-bottom: 250px; } 
.dark section.testimonial__area-3 { padding-top: 250px; padding-bottom: 250px; background: var(--d-black-2) url(/wp-content/themes/gbc/assets/imgs/essential-img/bg-axtra.png); } 
.payment-section .payment-lists { display: flex; flex-wrap: wrap; justify-content: center; gap: 60px 30px } 
.payment-section .payment-lists .brand-logo-wrapper { width: 300px; max-width: 100%; aspect-ratio: 1/0.5; padding: 15px; display: flex; align-items: center; justify-content: center; background-color: white; } 
@keyframes tools-section-bg { 0% { transform: translate(10%, 0px); scale: 1; rotate: -0.05turn; } 50% { transform: translate(-10%, 0%); scale: 1.07; rotate: 0.05turn; } to { transform: translate(10%, 0px); scale: 1; rotate: -0.05turn; } } 
.our-tool-section { overflow: hidden; position: relative; padding: 140px 0 120px; } 
.our-tool-outbg { position: absolute; left: 0; top: 0; z-index: -1; } 
.our-tool-outbg img { animation: tools-section-bg 40s linear infinite; opacity: 0.2; mix-blend-mode: hard-light; } 
.our-technologies-box img { filter: grayscale(1); max-width: 250px; max-height: 40px; width: 100%; height: 100%; } 
.our-technologies-box { border-radius: 50px; padding: 30px 40px; margin: 20px; cursor: pointer; background-color: var(--white); min-height: 105px; display: flex; align-items: center; justify-content: center; } .our-technologies-box:hover img { filter: grayscale(0); } 
.our-technologies-box:hover { box-shadow: 0 0 10px rgba(255, 255, 255, 0.6); } 
.our-technologies-item { display: flex; justify-content: center; flex-flow: wrap; padding-top: 60px; } 
.img-box .image-box__item:nth-child(1) img { -webkit-transform: translatex(0) scalex(1); transform: translatex(0) scalex(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } 
.img-box:hover .image-box__item:nth-child(1) img { -webkit-transform: translatex(0) scalex(1); transform: translatex(0) scalex(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } 
h2.blog__detail-date a, .dark .blog__detail-date span, .dark .blog__detail ul li, .dark .blog__meta, .dark .blog__meta a { color: var(--white); } 
h2.blog__detail-date a:hover, .dark .blog__meta a:hover { text-decoration: underline; text-underline-position: under; } 
.blog__detail-date span::before { background-color: var(--white); } 
.blog__detail-thumb img { height: 100%; object-position: top center; } 
.blog__detail-thumb { height: auto; padding-top: 56.25%; } 
.dark .blog__detail-tags p a { text-decoration: none; } 
.img-box .image-box__item img { object-fit: cover; object-position: top center; width: 100%; position: absolute; } 
.dark .blog__detail-tags p span { font-size: 25px; font-weight: 700; } 
.dark .blog__detail-tags p a { text-transform: none; border-radius: 30px; padding: 10px 20px; margin: 10px; border: 2px solid var(--white); color: var(--white); display: inline-block; } 
.dark .blog__detail-tags p a:hover { background: var(--white); color: var(--black-2); } 
.blog__detail-content ul li, .blog__detail-content ol li { color: var(--white); } 
.img-box { height: auto; padding-top: 56.25%; } 
.pagination { align-items: center; justify-content: center; padding-left: 30px; flex-flow: wrap; } 
.pagination a.prev, .pagination a.next { font-size: 0; position: relative; } 
.pagination a, .pagination span { background-color: transparent; z-index: 1; border: 1px solid var(--white); width: 50px; height: 50px; border-radius: 50%; display: flex; -webkit-transition: all 0.3s; transition: all 0.3s; align-items: center; justify-content: center; color: var(--white); margin: 5px; } 
.pagination .current { background-color: var(--white); color: var(--black-2); opacity: 0.6; } 
.pagination a.prev::before, .pagination a.next::before { content: " "; position: absolute; font-family: "Font Awesome 6 Free"; font-weight: 900; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 16px; color: var(--white); -webkit-transition: all 0.3s; transition: all 0.3s; } .pagination a:hover { background-color: var(--white); color: var(--black-2); } 
.pagination a.prev:hover::before, .pagination a.next:hover::before { color: var(--black-2); } 
.pagination a.next::before { content: "\f061"; } 
.pagination a.prev::before { content: "\f060"; } 
.research__list .research__item { padding-bottom: 50px; } 
.counter__area-3 div.sec-title-wrapper { padding-top: 0; } 
article .img-box .image-box__item img:nth-child(1) { display: block; }
.testimonial__slider-3 .next-button { left: calc(50% + 10px); right: auto; } 
.testimonial__slider-3 .prev-button { right: calc(50% + 10px); left: auto; } 
.dark .development__wrapper ul li, .dark .service__item-2 p, .dark .service__item-2 ul li, .dark .story__text p { color: #fff; }
.research__number span.research-icon svg { width: 100px; height: auto; }
.research__area .sec-title-wrapper p { padding-bottom: 20px; }
.research__area .sec-title-wrapper > *:last-child { padding-bottom: 0; }
.client-inner { display: flex; flex-flow: wrap; } 
.client-inner .client__section { width: 48%; margin-right: 4%; margin-bottom: 0; } 
.client-inner .client__section_list { width: 48%; gap: 0 !important; } 
.client-inner .brand-logos:nth-child(4n) { margin-right: 0; } 
.client-inner .brand-logos { width: 22.7%; margin-right: 3%; margin-bottom: 20px; }
.client-inner .brand-logos .brand-logo-box { display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 0 10px rgba(255, 255, 255, 0.8); padding: 15px; background-color: #fff; min-height: 150px; transition: all 0.4s ease; } 
.client-inner .brand-logos h4 { font-size: 15px; color: #212529; text-align: center; transition: all 0.4s ease; }
.client-inner .brand-logos .brand-logo-box:hover .brand-img-wrapper img { filter: grayscale(0); }
.client-inner .client__section_list .brand-logos:nth-child(odd) { margin-top: 75px; }
.client-inner .brand-logos .brand-logo-box:last-child { margin-bottom: 0; } 
.client-inner .brand-logos .brand-logo-box .brand-img-wrapper { height: 60px; width: 60px; position: relative; margin: 0 auto 15px; } 
.client-inner .brand-logos .brand-logo-box .brand-img-wrapper img { max-width: 60px; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-position: center; object-fit: contain; } 
.client-inner .brand-logos .brand-logo-box:hover:after { opacity: 1; transform: scaleX(1); } 
.client-inner .brand-logos .brand-logo-box:after { background-color: #000; bottom: -1px; content: ""; height: 5px; left: 0; margin: 0 auto; opacity: 0; position: absolute; transform: scaleX(0); transform-origin: 0 50%; transition: all .5s ease-in-out; width: 100%; } 
.wordpress-service-sec .client-inner .brand-logos .brand-logo-box.one:after { background-color: #92003b; } 
.wordpress-service-sec .client-inner .brand-logos .brand-logo-box.two:after { background-color: #5767ee; } 
.wordpress-service-sec .client-inner .brand-logos .brand-logo-box.three:after { background-color: #0373aa; } 
.wordpress-service-sec .client-inner .brand-logos .brand-logo-box.four:after { background-color: #a97c50; } 
.wordpress-service-sec .client-inner .brand-logos .brand-logo-box.five:after { background-color: #2edce7; } 
.wordpress-service-sec .client-inner .brand-logos .brand-logo-box.six:after { background-color: #e04f11; } 
.wordpress-service-sec .client-inner .brand-logos .brand-logo-box.seven:after { background-color: #000; } 
.wordpress-service-sec .client-inner .brand-logos .brand-logo-box.eight:after { background-color: #0062c3; } 
.bigcommerce-service-sec .client-inner .brand-logos .brand-logo-box.one:after { background-color: #6773e6; } 
.bigcommerce-service-sec .client-inner .brand-logos .brand-logo-box.two:after { background-color: #157efc; } 
.bigcommerce-service-sec .client-inner .brand-logos .brand-logo-box.three:after { background-color: #343f49; } 
.bigcommerce-service-sec .client-inner .brand-logos .brand-logo-box.four:after { background-color: #019cde; } 
.bigcommerce-service-sec .client-inner .brand-logos .brand-logo-box.five:after { background-color: #ffb4c9; } 
.bigcommerce-service-sec .client-inner .brand-logos .brand-logo-box.six:after { background-color: #000000; } 
.bigcommerce-service-sec .client-inner .brand-logos .brand-logo-box.seven:after { background-color: #000000; } 
.bigcommerce-service-sec .client-inner .brand-logos .brand-logo-box.eight:after { background-color: #2daa4f; } 
.shopify-service-sec .client-inner .brand-logos .brand-logo-box.one:after { background-color: #ffbb1c; } 
.shopify-service-sec .client-inner .brand-logos .brand-logo-box.two:after { background-color: #5767ee; } 
.shopify-service-sec .client-inner .brand-logos .brand-logo-box.three:after { background-color: #00b4d1; } 
.shopify-service-sec .client-inner .brand-logos .brand-logo-box.four:after { background-color: #5d50c6; } 
.shopify-service-sec .client-inner .brand-logos .brand-logo-box.five:after { background-color: #63aa56; } 
.shopify-service-sec .client-inner .brand-logos .brand-logo-box.six:after { background-color: #030303; } 
.shopify-service-sec .client-inner .brand-logos .brand-logo-box.seven:after { background-color: #060606; } 
.shopify-service-sec .client-inner .brand-logos .brand-logo-box.eight:after { background-color: #1e1e1e; } 
.shopify-service-sec .client-inner .brand-logos .brand-logo-box.nine:after { background-color: #2f84ed; } 
.shopify-service-sec .client-inner .brand-logos .brand-logo-box.ten:after { background-color: #3902f1; } 
.shopify-service-sec .client-inner .brand-logos .brand-logo-box.eleven:after { background-color: #78c158; } 
.shopify-service-sec .client-inner .brand-logos .brand-logo-box.twelve:after { background-color: #3eb2a2; } 
.webflow-service-sec .client-inner .brand-logos .brand-logo-box.one:after { background-color: #2f70d2; } 
.webflow-service-sec .client-inner .brand-logos .brand-logo-box.two:after { background-color: #b7d2eb; } 
.webflow-service-sec .client-inner .brand-logos .brand-logo-box.three:after { background-color: #2d83a5; } 
.webflow-service-sec .client-inner .brand-logos .brand-logo-box.four:after { background-color: #f7d3a9; } 
.webflow-service-sec .client-inner .brand-logos .brand-logo-box.five:after { background-color: #6699ff; } 
.webflow-service-sec .client-inner .brand-logos .brand-logo-box.six:after { background-color: #64c8f0; } 
.webflow-service-sec .client-inner .brand-logos .brand-logo-box.seven:after { background-color: #cccccc; } 
.webflow-service-sec .client-inner .brand-logos .brand-logo-box.eight:after { background-color: #3d6d93; } 
.service-inner .service__item-2::before { display: none; }
.service-inner .service__item-2 { overflow: hidden; padding: 30px; background: linear-gradient(0deg, #2a2d32 20%,#1d1d1d 100%); border-radius: 30px; margin: 0 2.4% 30px 0; width: 31.73%; }
.service-inner .service__item-2:nth-child(3n) { margin-right: 0; } 
.service-inner .service__list-2 { display: flex;flex-flow: wrap; gap: 0; } 
.service-inner .service__item-2 h3 { font-size: 28px; } 
.service-inner .service__item-2 p:last-child { padding: 0; }
.dark .service__area-2.service-v3.service-provide-section { background-color: #18191b; } 
.service-inner .service__item-2::after { position: absolute; right: 0px; bottom: 0px; content: ""; height: 300px; width: 300px; filter: blur(150px); opacity: 0.4; background: rgb(59, 134, 246); border-radius: 50%; }
.follow-service-box { border-radius: 15px; padding: 25px; overflow: hidden; position: relative; width: 48%; margin: 0 4% 50px 0; background: linear-gradient(0deg, #2a2d32 20%, #1d1d1d 100%); } .follow-service-lists { display: flex; flex-flow: wrap; } 
.follow-service-box:nth-child(2n) { margin-right: 0;} 
.follow-service-box .follow-service-img-inner img { max-width: 40px; height: auto; } 
.follow-service-box .follow-service-img-inner { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; margin: 0 auto; border-radius: 17px; position: relative; z-index: 2; } 
.follow-service-box:hover .follow-service-img { background-color: rgba(255, 255, 255, 0.2); } 
.follow-service-box .follow-service-img-inner { background-color: rgba(255, 255, 255, 1); } 
.follow-service-img { width: 88px; height: 88px; display: flex; align-items: center; border-radius: 17px; transition: all .4s ease; position: absolute; } 
.follow-service-box-image-text { min-height: 88px; display: flex ; align-items: center; } 
.follow-service-box-title { padding-left: 100px; }
.follow-service-box-content { margin: 15px 0 0; } 
.follow-service-box-title h3 { color: #fff;} 
.follow-service-box:after { position: absolute; content: ""; width: 100%; left: 0; height: 7px; bottom: -2px; transform-origin: 0 50%; transform: scaleX(0); margin: 0 auto; opacity: 0; transition: all .9s ease-in-out } .follow-service-box:hover:after { opacity: 1; transform: scaleX(1) } 
.follow-service-box:hover:after { background-color: rgba(255, 255, 255, 0.4); }
.client__area-8.follow-service-section { padding: 150px 0 100px; }
.hosting-services-inner { display: flex; flex-flow: wrap; } 
.hosting-services-inner .client__section { width: 38%; margin-right: 6%; padding-right: 6%; margin-bottom: 0; position: relative; } 
.hosting-services-inner .client__section:after { position: absolute; right: 0px; bottom: 0px; content: ""; height: 100%; width: 1px; background: linear-gradient(to top,rgba(255,255,255,0),#fff ,rgba(255,255,255,0)); } 
.hosting-services-inner .hosting-services-logos { width: 56%; display: flex; flex-flow: wrap; } 
.hosting-services-inner .hosting-services-logos .brand-logos { padding: 20px; min-height: 120px; width: calc(25% - 2px); display: flex; align-items: center; justify-content: center; background-color: #fff; margin: 1px; border-radius: 0; } 
.hosting-services-inner .hosting-services-logos .brand-logos:first-child, .hosting-services-inner .hosting-services-logos .brand-logos:last-child { background-color: transparent; } 
.hosting-services-inner .hosting-services-logos .brand-logo-wrapper { box-shadow: none; border-radius: 0; } 
.hosting-services-inner .hosting-services-logos .brand-logo-wrapper img { max-width: 100%; max-height: 70px; width: 100%; }
.blog__area-6 .sec-title-wrapper { padding: 0;}
.blog__text p { font-size: 16px; }
.blog__detail-date span::before { top: 8px; }
.blog__detail-content ul li, .blog__detail-content ol li, .blog__detail-content p, .blog__detail-tags p { font-size: 16px; }
.blog__meta span.separator { position: relative; padding: 0 8px; }
.blog__meta span.separator::before { position: absolute; content: ""; width: 3px; height: 3px; top: 7px; left: 7px; background-color: var(--white); border-radius: 100%; }
.offcanvas__area .offcanvas__body::-webkit-scrollbar-thumb { background: var(--white); } 
.mean-container .mean-nav ul li li a { opacity: 1; }
.service__hero-right-2 p, .feature__text p, p, .portfolio__service .sec-text p, .portfolio__sec-title p, .research__area .sec-title-wrapper p, .contact__text p { font-size: 16px; }
.hero__content-5 p { font-size: 16px; }
.development__wrapper ul li, .development__content p, .client__section__dis { font-size: 16px; }
.about-feature-sec { border-top: 1px solid var(--secondary); }
.feature__area-6.row-reverse .row { flex-direction: row-reverse; }
.feature__content-right > img { filter: grayscale(1); }
.dark .about-feature-sec .feature__item img { filter: invert(0);}
.feature__area-6.about-two-sec .feature__content-left { padding-top: 0; } 
.feature__area-6.about-two-sec .row { align-items: center; } 
.story__img-wrapper img:last-child { margin-bottom: 0; }
.research__area .sec-title-wrapper p { margin-left: 0;}
.feature-right-text { font-size: 16px; color: #fff; padding: 0 0 20px; }
.story__text p:first-child { padding-top: 0; }
.story__area h2.sec-title { padding: 0 0 30px; }
.dark .wc-btn-primary, .dark .wc-btn-black, .dark .wc-btn-light, .dark .wc-btn-pink, .dark .wc-btn-secondary { color: #fff; }
.dark .blog__btn, .footer__widget-4 .contact-day { color: #fff; }
.dark .blog__btn:hover { color: var(--gray-2); } 
header .main-menu-3 li.active > a, footer .footer__link li.active > a, header .main-menu-3 li > a:hover, footer .footer__link li > a:hover { opacity: 1; }
header .main-menu-3 li > a::before, footer .footer__link li > a::before, .offcanvas__mid ul li > a::before { content: ""; position: absolute; background-color: transparent; bottom: 8px; left: 0; right: 100%; z-index: -1; transition: right.2s ease-in; height: 2px; } 
header .main-menu-3 li > a:hover::before, footer .footer__link li > a:hover::before, header .main-menu-3 li.active > a::before, footer .footer__link li.active > a::before, .offcanvas__mid ul li > a:hover::before, .offcanvas__mid ul li.active > a::before  { right: 0; background-color: var(--white); } 
footer .footer__link li > a::before{ bottom: -7px; }
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a { width: auto; }
.offcanvas__mid ul li > a::before { bottom: 8px; left: 15px; }
.offcanvas__mid li > ul > li > a::before{ bottom: 6px; left: 30px; }
.offcanvas__area .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand:before { display: none; }
header .main-menu-3 .main-dropdown li a::before { right: calc(100% - 40px); left: 20px; }
header .main-menu-3 .main-dropdown li a:hover::before, header .main-menu-3 .main-dropdown li.active a::before { right: 20px; background-color: var(--black-2); }
header .main-menu-3 .main-dropdown li a { display: inline-block; }
.offcanvas__menu-wrapper.mean-container .mean-nav ul li { border-top: 1px solid var(--black-4); }
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a:hover, .dark .main-dropdown li a:hover { letter-spacing: normal; }
.mean-container .mean-nav ul ul ul { padding-left: 15px; }
.main-menu-3 > li > a:hover { --y: 0; }
.dark .service__hero-2 .shape-1 { -webkit-filter: invert(1) grayscale(1); filter: invert(1) grayscale(1); }
.story__img-wrapper img, .development__img img {-webkit-filter: grayscale(1); filter: grayscale(1); }
.main-menu-3 > li > a { padding: 20px 0; }
li.contact-btn { display: flex; align-items: center; }
.main-menu-3 > li:hover .main-dropdown { top: 71px; }
.main-dropdown { top: 78px; width: 220px; }

@media only screen and (min-width: 1200px) { 
  .migration-item-main { max-width: 300px; } 

} 

@media only screen and (min-width: 1170px) { 
  #cd-timeline { margin-top: 3em; margin-bottom: 3em; } 
  .timeline-title { display: flex; justify-content: space-around; align-items: center; } 
  #cd-timeline::before { left: 50%; margin-left: -2px; } 
  .cd-timeline-img { width: 60px; height: 60px; left: 50%; top: 50%; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; transform: translate(-50%, -50%); z-index: 5; } 
  .cd-timeline-content { color: white; margin-left: 0; padding: 1.6em; width: 36%; margin: 0 5%; } 
  .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; } 
  .title-center::before { content: "Release"; top: 110px; } 
  .top-text::before { content: "Software development"; top: 110px; } 
  .cd-timeline-content::before { content: ""; position: absolute; top: 50%; left: 100%; transform: translate(0, -50%); width: 30px; padding: 1px; margin: 1px 10px; background-color: #ffffff; } 
  .cd-timeline-block { margin: 7em 0; } 
  .cd-timeline-block:first-child { margin-top: 0; } 
  .cd-timeline-block:last-child { margin-bottom: 0; } 

} 

@media only screen and (min-width: 768px) { 
  .cd-timeline-content h2 { font-size: 20px; font-size: 1.25rem; } 
  .cd-timeline-content p { font-size: 16px; font-size: 1rem; } 
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; font-size: 0.875rem; } 

} 

@media only screen and (max-width: 1599px) { 
  .service__hero-2 .shape-1 { width: 120px; right: -30px; top: 100px; } 
  .service__hero-right-2 { padding-right: 80px; } 

} 

@media only screen and (max-width: 1399px) { 
  .portfolio__inner-5 .portfolio__item-5 { padding: 40px; } 
  .portfolio-btn-section { padding: 40px 40px 20px; } 
  .portfolio__area-5 .portfolio__inner-5 { margin-left: -40px; margin-right: -40px; } 
  .service__hero-right-2 .title { font-size: 100px; } 
  .service__hero-2 .shape-1 { right: -20px; } 
  .service__hero-right-2 { padding-right: 90px; } 
  .work-flow-list::after { height: 395px; } 
  .work-flow-list li { min-height: 340px; } 
  .work-flow-list li:nth-child(4)::after { top: -130px; } 
  .portfolio__content-5 .portfolio__title-5 { font-size: 18px; } 
  header .main-menu-3>li { padding: 0 25px; } 
  .testimonial__images-3 .testimonial3__img-5 { right: 20px; } 
  .testimonial__images-3 .testimonial3__img-6 { right: 170px; } 
  .testimonial__images-3 .testimonial3__img-4 { left: 45px; max-width: 220px; } 

} 

@media only screen and (max-width: 1199px) { 
  .header__nav-icon-3 button.search-icon { display: none; } 
  .portfolio__inner-5 .portfolio__item-5 { width: 50%; } 
  .portfolio-btn-section { padding: 40px 0 20px; } 
  section.portfolio__area-5 { padding: 0; } 
  .feature__item::after { right: -30px; } 
  .feature__list .feature__item { padding: 60px 0; margin-right: 60px; width: calc(25% - 45px); } 
  .service__hero-right-2 .title { font-size: 80px; } 
  .service__hero-2 .shape-1 { width: 100px; top: 55px; } 
  .service__hero-right-2 { padding-right: 80px; } 
  .service__hero-2 .shape-1 { right: -10px; } 
  .work-flow-list li { padding: 0 30px; } 
  .offcanvas__area .offcanvas__body { display: block; width: 100%; overflow: hidden; overflow-y: auto; } 
  .offcanvas__area .offcanvas__body::-webkit-scrollbar { width: 5px; } 
  .offcanvas__area .offcanvas__body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px var(--black); box-shadow: inset 0 0 5px var(--black); border-radius: 10px; } 
  .offcanvas__area .offcanvas__body::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px; } 
  .offcanvas__area .offcanvas__menu-wrapper.mean-container { padding-top: 0; } 
  .offcanvas__area .offcanvas__mid .offcanvas-logo { padding: 30px; } 
  .offcanvas__close { z-index: 999999; } 
  .offcanvas__area .offcanvas__menu-wrapper.mean-container .mean-nav > ul > li.contact-btn a { width: auto; } 
  .offcanvas__area .offcanvas__menu-wrapper.mean-container .mean-nav > ul > li.contact-btn { border-top: 1px solid var(--black-4); padding: 20px 20px 20px 30px; } 
  .offcanvas__area .offcanvas__menu-wrapper.mean-container .mean-nav >ul > li > a { font-size: 28px; border: none; } 
  .offcanvas__area .offcanvas__menu-wrapper.mean-container .mean-nav > ul > li > a.mean-expand { width: 45px; height: 45px; margin-top: 0; } 
  .contact-inner .contact__info ul li span, .contact-inner .contact__info ul li a { font-size: 16px; } 
  .portfolio__area-4 .container-fluid { padding-top: 100px; padding-bottom: 100px; } 
  .testimonial__images-3 .testimonial3__img { max-width: 150px; } 
  .testimonial__images-3 .testimonial3__img-2 { max-width: 75px; } 
  .testimonial__images-3 .testimonial3__img-3 { max-width: 90px; } 
  .testimonial__images-3 .testimonial3__img-4 { max-width: 180px; } 
  .testimonial__images-3 .testimonial3__img-5 { max-width: 120px; } 
  .testimonial__images-3 .testimonial3__img-6 { max-width: 80px; } 
  section.testimonial__area-3 { padding-top: 200px; padding-bottom: 200px; } 
  .dark .research__area { padding: 100px 0 50px; background-color: var(--d-black-2); } 
  div.portfolio__sec-title { padding-top: 55px; padding-bottom: 55px; } 
  .client-inner .client__section { width: 40%; } 
  .client-inner .client__section_list { width: 56%;  } 
  .client__area-8.follow-service-section { padding: 110px 0 60px; }
  .hosting-services-inner .client__section { width: 39%; margin-right: 5%; padding-right: 5%; }
  .offcanvas__mid ul li > a::before { left: 30px; bottom: 10px; }
  .offcanvas__mid li > ul > li > a::before { left: 60px; bottom: 10px; }
  .offcanvas__menu-wrapper.mean-container .mean-nav > ul > li.contact-btn a { border: 1px solid var(--white); }

  
}

@media only screen and (max-width: 991px) { 
  .portfolio-btn-section ul.btn-group li.fill-btn { padding: 12px 35px; margin-right: 20px; font-size: 20px; } 
  .portfolio__inner-5 .portfolio__item-5 { padding: 30px; } 
  .portfolio__area-5 .portfolio__inner-5 { margin-left: -30px; margin-right: -30px; } 
  .portfolio-btn-section { padding: 30px 0 10px; } 
  .portfolio__inner-5 .portfolio__item-5 .portfolio__content-5 { right: 0px; } 
  .button a { padding: 10px 20px; font-size: 18px; }
  .service-tablist .tab-item { font-size: 20px; padding: 25px; margin: 0; } 
  .service-tabs-nav { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; display: flex; padding-right: 0; margin-bottom: 15px; padding-bottom: 15px; } 
  .service-tablist .tab-item { margin: 0 10px; } 
  .service-tablist .tab-item:first-child { margin-left: 0; } 
  .service-tablist .tab-item:last-child { margin-right: 0; } 
  .service-tabs-nav .service-tablist { flex-direction: row; } 
  .service-tabs-content { width: 100%; } 
  .service-tabs-content .tab-content { padding: 30px; } 
  .service-tablist .tab-item::after { width: 8px; height: 40px; top: calc(50% - 20px); } 
  .service-tabs-content .tab-content .s-title { font-size: 24px; } 
  .feature__list .feature__item:nth-child(4n)::after { display: block; } 
  .feature__list .feature__item:nth-child(even)::after { display: none; } 
  .feature__list .feature__item:nth-child(4n) { margin-right: 60px; } 
  .feature__list .feature__item:nth-child(even) { margin-right: 0; } 
  .feature__list .feature__item { width: calc(50% - 30px); } 
  .service__hero-right-2 .title { font-size: 65px; } 
  .service__hero-right-2 { padding-right: 60px; } 
  .service__hero-inner-2 .service__hero-left-2 .service__hero--logo { width: 180px !important; height: 180px !important; } 
  .service__hero-2 .shape-1 { top: 15px; width: 80px; } 
  .work-flow-list { margin-top: 50px; } 
  .work-flow-list::before { content: ""; position: absolute; height: 380px; bottom: 289px; border-radius: 20px 0 0 20px; width: 75%; margin-right: 25%; border-left: 2px dashed var(--white); right: 0; border-top: 2px dashed var(--white); border-bottom: 2px dashed var(--white); } 
  .work-flow-list li { width: 50%; } 
  .work-flow-list::after { width: 75%; } 
  .work-flow-list li:nth-child(3)::after { display: flex; content: "\f053"; top: 67px; left: -16px; } 
  .work-flow-list li:nth-child(5) { order: 5; } 
  .work-flow-list li:nth-child(4) { order: 3; } 
  .work-flow-list li:nth-child(3) { order: 4; } 
  .work-flow-list li:nth-child(6) { order: 6; } 
  .work-flow-list li:nth-child(2)::after { content: "\f078"; top: 250px; right: -16px; } 
  .work-flow-list li:nth-child(4)::after { top: 250px; left: -16px; } 
  .work-flow-list li:nth-child(5)::after { content: "\f054"; } 
  .work-flow-list li:nth-child(6)::after { display: none; } 
  .work-flow-list h4 { font-size: 22px; } 
  .work-flow-icon { width: 110px; height: 110px; } 
  .work-flow-list li { min-height: 325px; } 
  .work-flow-icon i svg { width: 48px; } 
  .work-flow-list::after { height: 375px; top: 83px; } 
  .work-flow-list li::after { top: 68px; } 
  .work-flow-list li:nth-child(5)::after, .work-flow-list li:nth-child(6)::after, .work-flow-list li:nth-child(3)::after { top: 68px; } 
  .work-flow-list.work-flow-list li p.work-flow-number { font-size: 20px; } 
  .roll__area-2, .roll__area-3 { padding: 25px 10px; } 
  .roll__slide h2 { font-size: 23px; } 
  .slick-arrow { bottom: -52px; width: 42px; height: 42px; } 
  .slick-arrow::before, .swiper-arrow::after { font-size: 17px; } 
  .slick-prev { right: calc(50% + 8.5px); } 
  .slick-next { left: calc(50% + 8.5px); } 
  .swiper-arrow, .testimonial__slider-3 .swipper-btn { width: 42px; height: 42px; } 
  .swiper-button-next { left: 71px; bottom: 0px; } 
  .swiper-button-prev { bottom: 0px; } 
  div.portfolio__sec-title { padding-top: 0; } 
  .portfolio__sec-title div p { font-size: 16px; } 
  .portfolio__content-5 .portfolio__title-5 { font-size: 17px; } 
  .portfolio__inner-5 .portfolio__item-5 .portfolio__content-5 { padding: 18px 18px 18px 25px; } 
  .offcanvas__area .offcanvas__menu-wrapper.mean-container { padding-top: 0; } 
  .offcanvas__area .offcanvas__mid .offcanvas-logo { padding: 30px 20px; } 
  .portfolio__wrapper-4 { margin: 0 -12.5px; }
  .portfolio__slider-4 .swiper-wrapper.slick-slider .slick-next { left: 66px; } 
  .testimonial__slider-3 .swipper-btn i { font-size: 17px; } 
  .testimonial__slider-3 .next-button { left: calc(50% + 8.5px); } 
  .testimonial__slider-3 .prev-button { right: calc(50% + 8.5px); } 
  .pagination a, .pagination span { width: 42px; height: 42px; margin: 4px; } 
  .dark section.testimonial__area-3 { padding-top: 100px; padding-bottom: 100px; } 
  .our-tool-section { padding: 100px 0 80px; } 
  .our-technologies-box { border-radius: 40px; padding: 25px 30px; margin: 15px; min-height: 95px; } 
  .testimonial__images-3 .testimonial3__img-5 { max-width: 90px; } 
  .testimonial__images-3 .testimonial3__img-4 { left: -20px; bottom: 225px; max-width: 130px; } 
  .testimonial__images-3 .testimonial3__img-5 { top: 50%; } .testimonial__images-3 .testimonial3__img { max-width: 120px; top: 45px; } 
  .testimonial__images-3 .testimonial3__img-2 { max-width: 60px; top: 110px; right: 20%; } 
  .testimonial__images-3 .testimonial3__img-6 { max-width: 60px; top: 77%; } 
  .testimonial__images-3 .testimonial3__img-3 { max-width: 75px; top: 82%; } 
  .research__list .research__item { padding-bottom: 40px; } 
  .counter__area-3 .counter__wrapper-3 .counter__item-3 { padding: 20px; } 
  .testimonial__area-3 .testimonial__slider-3 { padding-top: 80px; padding-bottom: 80px; max-width: 500px; } 
  .our-technologies-item { padding-top: 50px; } 
  .our-technologies-box img { max-width: 200px; max-height: 35px; } 
  .our-technologies-box img { max-width: 200px; max-height: 35px; } 
  .portfolio__area-4 .col-xxl-4, .portfolio__area-4 .col-xxl-8 { width: 100%; } 
  .portfolio__slider-4 .swiper-wrapper.slick-slider .slick-prev { bottom: 40px; right: calc(50% + 7px); left: auto; } 
  .portfolio__slider-4 .swiper-wrapper.slick-slider .slick-next { bottom: 40px; left: calc(50% + 7px); } 
  .service-v5.pt-140 { padding-top: 100px; } 
  .portfolio__area-4 .container-fluid { padding-bottom: 120px; padding-top: 80px; } 
  .blog__area .sec-title-wrapper { padding-bottom: 40px; } 
  .dark div.research__area { padding: 100px 0; } 
  .counter__area-3 { padding: 100px 0 80px; } 
  .footer__area .footer__btm { padding-left: 20px; } 
  .footer__subscribe form { max-width: 100%; }
  .client-inner .client__section { width: 100%; margin: 0; } 
  .client-inner .client__section_list { width: 100%; padding-top: 30px; } 
  .client-inner .client__section .client__section__dis { max-width: 100%; }
  .service-inner .service__item-2 { margin: 0 4% 30px 0; width: 48%; }
  .service-inner .service__item-2:nth-child(3n) { margin-right: 4%; } 
  .service-inner .service__item-2:nth-child(2n) { margin-right: 0; } 
  .service-inner .service__item-2 h3 { font-size: 26px; } 
  .follow-service-box { width: 100%; margin: 0 0% 40px 0; }
  .client__area-8.follow-service-section { padding: 80px 0 40px; }
  .hosting-services-inner .client__section { width: 100%; margin-right: 0; padding-right: 0; margin-bottom: 40px; padding-bottom: 40px; } 
  .hosting-services-inner .hosting-services-logos { width: 100%; } 
  .hosting-services-inner .client__section:after { width: 100%; height: 1px; background: linear-gradient(to right, rgba(255,255,255,0), #fff, rgba(255,255,255,0)); }
  .blog__area-6 .pb-110 { padding-bottom: 80px; }
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a { padding: 20px 0 20px 40px; }
  .offcanvas__mid ul li > a::before { left: 20px; }
  .offcanvas__mid li > ul > li > a::before { left: 40px; }
  .offcanvas__area .offcanvas__menu-wrapper.mean-container .mean-nav >ul > li > a { font-size: 24px; }
  .offcanvas__area .offcanvas__menu-wrapper.mean-container .mean-nav > ul > li > a.mean-expand { width: 40px; height: 40px; }
  .offcanvas__area .offcanvas__menu-wrapper.mean-container .mean-nav > ul > li.contact-btn { padding: 20px; }

} 

@media only screen and (max-width: 767px) { 
  .feature__item { padding: 30px 30px; text-align: center; } 
  .counter__wrapper { justify-content: center; } 
  .logo-light img { width: 180px; } 
  .migration-item-main { padding: 30px 20px; } 
  .migration-item { min-height: initial; justify-content: flex-start; max-width: 100%; width: 100%; } 
  .portfolio__area-4 .container-fluid { padding-bottom: 100px; padding-top: 60px; } 
  .portfolio-modal-popup .portfolio-modal-dialog { padding-top: 40px; } 
  .portfolio-modal-popup .portfolio-btn-close button { height: 30px; width: 30px; top: 5px; } 
  .portfolio-modal-popup .portfolio-btn-close svg { width: 12px; height: 12px; } 
  .portfolio-modal-popup .portfolio-modal-content .portfolio-modal-body { padding: 10px; } 
  .portfolio-btn-section ul.btn-group li.fill-btn { padding: 10px 30px; margin-right: 10px; font-size: 16px; } 
  .portfolio__inner-5 .portfolio__item-5 { padding: 20px; width: 100%; border-right: none; } 
  .portfolio__area-5 .portfolio__inner-5 { margin-left: -20px; margin-right: -20px; } 
  .portfolio__area-5 .portfolio__inner-5::after { display: none; } 
  .portfolio-btn-section { padding: 20px 0 0; } 
  .button a { padding: 8px 16px; font-size: 16px; } 
  .service-tablist .tab-item { font-size: 16px; padding: 20px; } 
  .service-tabs-content .tab-content { padding: 20px; } 
  .service-tablist .tab-item::after { width: 8px; height: 30px; top: calc(50% - 15px); } 
  .service-tabs-content .tab-content .tab-content-right { width: 100%; } 
  .service-tabs-content .tab-content .tab-content-left { width: 100%; margin-right: 0; margin-bottom: 20px; } 
  .service-tabs-content .tab-content .s-title { font-size: 21px; } 
  .service__hero-inner-2 .service__hero-left-2 .service__hero--logo { width: calc(25% - 15px) !important; height: auto !important; aspect-ratio: 1/1; padding: 0; } 
  .feature__list .feature__item { padding: 30px 0; margin-right: 0; width: 100%; } 
  .feature__list .feature__item::after { display: none; } 
  .service__hero-right-2 { padding-right: 65px; } 
  .service__hero-2 .shape-1 { width: 70px; top: 15px; right: 5px; } 
  .service__hero-right-2 .title { font-size: 55px; } 
  .service-v5.pt-140 { padding-top: 60px; } 
  .work-flow-list::before { display: none; } 
  .work-flow-list::after { border-left: 2px dashed var(--white); width: 50%; border-right: none; height: calc(100% - 310px); top: 75px; left: 4px; border-radius: 20px 0 0 20px; } 
  .work-flow-list li:nth-child(4) { order: 4; } 
  .work-flow-list li:nth-child(1)::after { content: "\f053"; left: 20%; top: 60px; } 
  .work-flow-list li { padding: 0 0 0 30px; width: 100%; min-height: 270px; margin-bottom: 40px; } 
  .work-flow-list li::after, .work-flow-list li:nth-child(3)::after, .work-flow-list li:nth-child(2)::after, .work-flow-list li:nth-child(4)::after, .work-flow-list li:nth-child(5)::after { content: "\f078"; top: 50%; right: auto; left: -12px; } 
  .work-flow-list h4 { font-size: 20px; } 
  .work-flow-icon { width: 100px; height: 100px; } .work-flow-icon i svg { width: 42px; } 
  .work-flow-list.work-flow-list li p.work-flow-number { font-size: 18px; } 
  .service__hero-left-2 { margin-bottom: 30px; } 
  .work-flow-list li:nth-child(6)::after { display: flex; content: "\f054"; left: 0; top: 58px; } 
  .swiper-button-prev { right: calc(50% + 7px); bottom: 30px; left: auto; } 
  .swiper-button-next { left: calc(50% + 7px); bottom: 30px; } 
  .testimonial__area-3 .testimonial__slider-3 { padding-top: 0; } 
  .roll__area-2, .roll__area-3 { padding: 20px 10px; } 
  .roll__slide h2 { font-size: 20px; } .slick-arrow { bottom: -44px; width: 36px; height: 36px; } 
  .slick-arrow::before, .swiper-arrow::after { font-size: 16px; } 
  .slick-prev { right: calc(50% + 7px); } .slick-next { left: calc(50% + 7px); } 
  .swiper-arrow { width: 36px; height: 36px; } .offcanvas__mid { margin-top: 0; } 
  .offcanvas__area .offcanvas__mid .offcanvas-logo { padding: 20px; } 
  .offcanvas__area .offcanvas__mid .offcanvas-logo img { max-width: 180px; } 
  .offcanvas__area .offcanvas__menu-wrapper.mean-container .mean-nav > ul > li > a { font-size: 20px; } 
  .offcanvas__area .offcanvas__menu-wrapper.mean-container .mean-nav > ul > li > a.mean-expand { width: 36px; height: 36px; } 
  .dark .feature__btm { border-bottom: none; } .pagination a, .pagination span { width: 36px; height: 36px; margin: 3px; } 
  .counter__area-3 { padding: 60px 0; } 
  .counter__area-3 .sec-title { text-align: center; } 
  .counter__area-3 .counter__wrapper-3 .counter__item-3, .counter__area-3 .counter__wrapper-3.twoCol .counter__item-3 { width: calc(50% - 10px); padding: 0; } 
  .counter__area-3 .counter__wrapper-3 .counter__item-3 p { max-width: 100%; } 
  .research__list .research__item { gap: 20px; } 
  .research__list .research__item .research__number { max-width: 130px; } 
  .research__list .research__item .research__info { width: calc(100% - 130px); } 
  .research__list .research__item .research__info .research__title { padding-bottom: 5px; } 
  .client-img { display: none; } .dark section.testimonial__area-3 { padding-top: 60px; padding-bottom: 60px; } 
  .our-technologies-box { padding: 15px 20px; margin: 10px; min-height: initial; } 
  .our-technologies-box img { max-height: 30px; } 
  .footer__area .footer__btm { padding-left: 0; } ul.footer__contact li i { display: inline-block; position: initial; } 
  ul.footer__contact li span { padding-left: 0; display: initial; } 
  div.portfolio__sec-title { max-width: 100%; padding-bottom: 30px } 
  .dark div.research__area { padding: 60px 0; } 
  .research__area .sec-title { padding-bottom: 20px; } 
  .our-tool-section { padding: 60px 0; } 
  .our-tool-section .sec-title-wrapper, .our-tool-section .contact__text { text-align: center; } 
  .blog__area .sec-title-wrapper { padding-bottom: 20px; } 
  .research__number span.research-icon svg { width: 75px; }
  .client-inner .brand-logos .brand-logo-box .brand-img-wrapper { margin: 0 auto 15px !important; width: 60px !important; height: 60px !important; max-width: 100%; } 
  .client-inner .client__section_list .brand-logos:nth-child(odd) { margin-top: 0; } 
  .client-inner .client__section_list .brand-logos:nth-child(2n) { margin-right: 0; } 
  .client-inner .brand-logos .brand-logo-box { min-height: 130px; } 
  .client-inner .client__section_list .brand-logos:first-child { margin-top: 65px; } 
  .client-inner .client__section_list .brand-logos:last-child { margin-top: -65px; }
  .client-inner .client__section_list .brand-logos { width: calc(50% - 10px); margin-right: 20px; }
  .service__area-2 { padding-bottom: 40px; }
  .service-inner .service__item-2 { margin: 0 0 30px 0; width: 100%; padding: 20px; }
  .service-inner .service__item-2:nth-child(3n) { margin-right: 0%; } 
  .service-inner .service__item-2 h3 { font-size: 24px; } 
  .follow-service-box { margin: 0 0 30px 0; }
  .client__area-8.follow-service-section { padding: 60px 0 30px; }
  .hosting-services-inner .hosting-services-logos .brand-logos { width: calc(50% - 2px); }
  .hosting-services-inner .hosting-services-logos .brand-logos:first-child, .hosting-services-inner .hosting-services-logos .brand-logos:last-child { display: none; }
  .blog__area-6 .pb-110 { padding-bottom: 60px; }
  .story__img-wrapper img { margin-bottom: 0; }
  .dark .story__area .line { padding-bottom: 60px; }
  .about-feature-sec .feature__top { padding-bottom: 35px; }
  .development__area { padding-top: 120px ; }
  .blog__detail-top { padding-top: 0; }
  .service__hero-2 { padding-top: 120px; }
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a { font-size: 16px; }
  .offcanvas__mid ul li > a::before { left: 15px; bottom: 12px; }
  .offcanvas__mid li > ul > li > a::before { left: 30px; bottom: 12px; }
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a { padding: 20px 0 20px 30px; }
  .offcanvas__area .offcanvas__menu-wrapper.mean-container .mean-nav > ul > li.contact-btn { padding-left: 15px; }


} 

@media (max-width: 600px) { 
  .top-text::before { left: -20px; } 

} 

@media only screen and (max-width: 575px) { 
  .service-tabs-nav { width: 100%; } 

}

@media only screen and (max-width: 480px) { 
  .service__hero-right-2 .title { font-size: 45px; } 
  .service__hero-2 .shape-1 { width: 55px; top: 5px; right: 5px; } 
  .service__hero-right-2 { padding-right: 50px; } 
  .work-flow-list li:nth-child(1)::after, .work-flow-list li:nth-child(6)::after { left: 14%; } 
  .portfolio__content-5 .portfolio__title-5 { font-size: 16px; } 
  .portfolio__inner-5 .portfolio__item-5 .portfolio__content-5 { padding: 16px 16px 16px 20px; } 
  .research__number span { width: 80px; height: 80px; font-size: 24px; } 
  .research__list .research__item { flex-wrap: wrap; } 
  .research__list .research__item .research__number { max-width: 100px; } 
  .research__list .research__item .research__info { width: 100%; text-align: center; } 
  .research__item p { max-width: 100%; } 
  .our-technologies-box { padding: 10px 15px; margin: 5px; } 
  .our-technologies-box img { max-height: 24px; } 
  .research__number span.research-icon svg { width: 50px; }
  .client-inner .client__section_list .brand-logos:first-child { margin-top: 75px; } 
  .client-inner .brand-logos .brand-logo-box { min-height: 150px; } 
  .client-inner .client__section_list .brand-logos:last-child { margin-top: -75px; }
  .follow-service-box { padding: 20px; }

}