@import url(../reason/style.css);
 .page a[href*="https://www.s-sols.com/products/wordpress/accelerator?utm_source=usersite&utm_medium=banner&utm_campaign=free_lim_ver&utm_term=accel"] {
     display: none !important;
     visibility: hidden !important;
}
a:visited {
    color: unset;
}
 .btn-come-white:hover, .btn-come:hover, .secondary-manu:hover {
     color: #000 !important 
}
 .background-image, .banner-section {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat 
}
 .btn-Submit, .secondary-manu {
     font-family: Figtree, "serif" 
}
 html {
     scroll-behavior: smooth 
}
 #About {
     scroll-margin-top: 100px 
}
 body, samp {
     font-family: Figtree, serif !important;
     color: #4e4e4e 
}
 body {
     -webkit-tap-highlight-color: transparent;
     user-select: none;
     overflow-x:hidden;
     min-height:110vh;
}
 .Business-title, h1, h2, h3, h4, h5, h6, strong {
     color: #040a2a 
}
 .Development-Services .main-titel, .Innovations, .Our-Services, .Shopify-Development-Process .main-titel, .Shopify-eCommerce-Store .main-titel, .banner-section-container, .services-section {
     padding: 0 20px 
}
 .services-section {
     padding: 20px 0 !important 
}
 .btn-Submit, .btn-come {
     color: #fff !important;
     font-size: 16px;
     font-weight: 500;
     line-height: normal !important;
     padding: 15px 24px !important;
     position: relative;
     z-index: 1;
     overflow: hidden !important;
     transition: .6s;
     margin-top: 10px;
     height: 50px;
     text-align: center;
     font-style: normal;
     text-decoration: none;
     text-transform: capitalize;
     cursor: pointer 
}
 section {
     overflow: hidden 
}
 .custom-logo-link img {
     max-width: 100%;
     width: 40px 
}
 .btn-come {
     border-radius: 6px !important;
     display: inline-block;
     justify-content: center;
     border: 1px solid #040a2a 
}
 .banner-button-black {
     display: flex;
     align-items: center;
     gap: 5px 
}
 .btn-come:before, .secondary-manu:before {
     content: '';
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     background: #040a2a;
     transition: .4s;
     z-index: -1 
}
 .btn-come:hover::before, .secondary-manu:hover::before {
     top: -100%;
     bottom: auto 
}
 .exper-logo{
    transform: scale(0.7);
}
 .Website-Delivered-for-Business-btn-come, .Website-Delivered-for-Business-btn-come:after {
     border: 1px solid #fff 
}
 .btn-come:hover {
     border: 1PX solid #000 
}
 .secondary-manu:hover>svg path {
     fill: black !important 
}
 .btn-come img {
     width: 35px;
     height: 27px 
}
 .banner-booten .btn-come:hover svg path {
     fill: #040a2a;
     transform: scale(1.1);
     transition: transform .3s ease-in-out, fill .3s ease-in-out 
}
 .btn-come-white {
     background-color: #fff !important;
     color: #fff !important 
}
 .Website-Delivered-for-Business-btn .btn-come-white:before {
     background-color: #040a2a;
     border-radius: 6px 
}
 .btn-Submit {
     border-radius: 6px !important;
     display: inline-block;
     background-color: #040a2a !important 
}
 .container, .testimonial-section {
     padding-top: 40px;
     padding-bottom: 40px 
}
 .container {
     max-width: 1200px;
     margin: 0 auto;
     text-align: center;
     color: #4e4e4e;
     width: 100% 
}
 .Portfolio-testimonial, .counter_about_us {
     padding-top: 0 
}
 @media only screen and (max-width:991px) {
     .container {
         padding-top: 30px;
         padding-bottom: 30px 
    }
}
 @keyframes bgAnimation {
     0%, 100% {
         background-position: 0 50% 
    }
     50% {
         background-position: 100% 50% 
    }
}
 .dropdown_content_svg a:hover, .footer-contact-box a p:hover:nth-child(2), .primary-text:hover {
     color: #1777ff !important 
}
 .background-image {
    /* background-image: url('https://reasoninfotech.com/wp-content/uploads/2025/06/Rectangle-1-2.png') !important */
     background: radial-gradient(circle at top left, #f7faff 0%, #e8edf3 100%);
}
 .banner-section {
     background-image: url(https://reasoninfotech.com/wp-content/uploads/2025/05/Frame-1321314700dfff-1.png);
     height: calc(100vh - 100px);
     display: flex;
     align-items: center;
     text-align: center;
     flex-direction: column;
     color: #fff;
     transition: background-position .5s ease-in-out;
     justify-content: space-evenly 
}
 .banner-booten {
     display: flex;
     justify-content: center;
     gap: 20px;
     margin-top: 20px 
}
 .main-text, .quality-text {
     margin-top: 10px;
     margin-bottom: 0;
     line-height: normal;
     text-align: center;
     font-size: 20px 
}
 .banaras>.container {
     padding: 0 100px 
}
 .main-titel h1 {
     font-size: 75px;
     font-weight: 600;
     margin: 0;
     line-height: normal 
}
 @media only screen and (max-width:1200px) {
     .main-titel h1 {
         font-size: 60px 
    }
}
 .text-min {
    /* opacity: 0;
     */
     display: inline-block;
     text-transform:capitalize;
}
 .main-titel h2 {
     font-size: 40px;
     font-weight: 600;
     margin: 0;
     line-height: normal 
}
 .Our-Approach .main-titel h1, .career-Innovations .main-titel h1, .page-shopify .main-titel h1 {
     font-size: 40px !important;
     font-weight: 600;
     margin: 0;
     line-height: normal 
}
 .main-titel-coler, .mobile_sub_manu_level_2 li .has-submenu-wrapper .tertiary-link:hover, .submenu-container .submenu .primary-menusss.showme>a.primary-text {
     color: #1777ff 
}
 .main-text {
     font-weight: 400;
     padding: 0 50px 
}
 .quality-text {
     font-weight: 500;
     padding: 0 10px;
     color: #040a2a 
}
 .site-branding {
     display: flex;
     align-items: center;
     justify-content: center 
}
 .site-header {
     display: flex;
     max-width: 1000px;
     margin: 0 auto;
     align-items: center;
     height: 54px;
     box-shadow: 0 20px 100px 0 rgba(7, 11, 52, .3);
     border-radius: 8px;
     padding: 4px 8px;
     position: fixed;
     right: 0;
     left: 0;
     top: 36px;
     z-index: 100;
     background: #fff 
}
 .custom-logo-link {
     display: flex;
     justify-content: center 
}
 .main-navigation ul {
     gap: 20px;
     justify-content: center 
}
 #secondary-menu, .custom-primary-menu, .submenu {
     list-style: none;
     margin: 0;
     display: flex;
     padding-left: 0;
     justify-content: center;
     border-radius: 5px 
}
 .submenu {
     display: block;
     padding: 15px 0 0 
}
 .submenu svg {
     transition: transform .3s ease-in-out;
     transform: rotate(0) !important 
}
 .submenu .primary-menusss .primary-text {
     padding: 10px 
}
 .submenu-container {
     position: absolute;
     top: 20px;
     left: 0;
     width: auto;
     background-color: #fff;
     display: none;
     box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
     border-radius: 5px 
}
 .custom-primary-menu li:hover .submenu-container, .primary-menusss.showme .sub_sub_manu {
     display: block !important 
}
 .sub_sub_manu {
     list-style: none;
     margin: 0;
     padding: 0;
     display: none;
     position: absolute;
     top: 10px;
     right: 0;
     width: 60% 
}
 .dropdown_content .dropdown_content_svg a {
     width: unset;
     padding: 0;
     line-height: 0;
     display: flex;
     align-items: center;
     gap: 5px 
}
 .close_btn svg, .contact-icons a svg, .dropdown_content .dropdown_content_svg svg, .dropdown_content_svg img {
     width: 25px;
     height: 25px 
}
 .custom-primary-menu {
     display: flex;
     gap: 18px 
}
 .get-a-quotega-container .contact-form-width-100, .our-work-img img, .row.cus-message, .service-card-image, .service-card-shopify:hover .service-title:after, .service-card:hover .service-text h2::after, .submit-form, nav#primary-navigation {
     width: 100% 
}
 #secondary-menu li, .custom-primary-menu li {
     text-align: center 
}
 #secondary-menu li a {
     text-decoration: none;
     color: #fff 
}
 .custom-primary-menu li a {
     text-decoration: none;
     color: #000;
     padding: 15px 0;
     width: 100%;
     display: inline-block;
     text-transform: capitalize 
}
 .secondary-manu {
     width: 150px;
     height: 40px;
     border-radius: 6px;
     padding: 10px 15px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 5px;
     list-style: none;
     position: relative;
     overflow: hidden;
     z-index: 1;
     cursor: pointer;
     color: #fff !important;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     transition: .6s;
     line-height: normal !important;
     text-align: center;
     text-decoration: none;
     border: 1px solid #000 
}
 .manu {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100% 
}
 .mobile-image, .primary-btn, .wpcf7-not-valid-tip, .wpcf7-spinner {
     display: none 
}
 .outer-submenu-container {
     position: absolute;
     width: 100%;
     max-width: 300px 
}
 .custom-primary-menu li .submenu {
     height: auto 
}
 @media only screen and (min-width:599px) {
     .custom-primary-menu li:hover svg {
         transition: transform .3s ease-in-out;
         transform: rotate(180deg) 
    }
     .custom-primary-menu li:hover .submenu {
         display: block 
    }
     .custom-primary-menu li:hover .outer-submenu-container {
         padding-top: 20px 
    }
}
 .submenu li {
     text-align: start;
     padding: 0 15px 
}
 .business>h3, .marquee__inner p, .slider-btn, .testimonial {
     line-height: normal 
}
 .menu-overlay, .mobile-manu {
     top: 0;
     z-index: 1000;
     width: 100% 
}
 .Portfolio, .Portfolio-Beauty, .counter-box, .counter-container, .marquee_body .body__inner-wrapper, .marquee_body .marquee, .marquee_body .marquee__inner, .mobile-logo-close, .service-item, .services, .services-our-img-text, .slider-btn, .tertiary-navigation .contact-icons, .tertiary-navigation .custom-menu {
     display: flex;
     display: flex 
}
 .tertiary-navigation .custom-menu li .secondary-manu {
     font-size: 14px;
     width: auto;
     display: flex;
     justify-content: left 
}
 .tertiary-navigation .custom-menu {
     margin: 0 0 25px;
     padding: 0 20px;
     list-style: none;
     flex-direction: column 
}
 .tertiary-navigation {
     width: 100%;
     height: 100% 
}
 .tertiary-navigation .custom-tertiary-menu li a {
     text-decoration: none;
     color: #040a2a;
     width: 100%;
     display: inline-block;
     text-align: left;
     font-size: 20px;
     font-weight: 500;
     text-transform: capitalize 
}
 .tertiary-navigation .contact-icons {
     justify-content: left;
     padding: 0 20px 
}
 a.mobile-logo img {
     width: 50px;
     max-width: 100% 
}
 .mobile-manu {
     position: fixed;
     left: -100%;
     max-width: 380px;
     height: 100%;
     background-color: #fff;
     transition: left .3s;
     overflow-y: auto;
     box-shadow: -2px 0 5px rgba(0, 0, 0, .3) 
}
 .business, .contact-form, .counter-container {
     box-shadow: 0 4px 10px rgba(0, 0, 0, .1) 
}
 .mobile-manu.open {
     left: 0 
}
 .menu-overlay.active {
     opacity: 1;
     visibility: visible 
}
 .menu-overlay {
     position: fixed;
     left: 0;
     height: 100%;
     backdrop-filter: blur(2px);
     background: rgba(255, 255, 255, .3);
     opacity: 0;
     visibility: hidden;
     transition: opacity .3s 
}
 .mobile-menu-toggle {
     position: fixed;
     top: 15px;
     right: 15px;
     z-index: 1100;
     background: 0 0;
     border: none;
     font-size: 24px;
     cursor: pointer 
}
 .mobile-logo-close {
     align-items: center;
     justify-content: space-between;
     padding: 15px 20px 20px 
}
 .logo-home-page {
     width: 100%;
     padding: 0 80px 
}
 .marquee_body .body__inner-wrapper {
     height: 100%;
     max-width: 100%;
     flex-direction: column;
     justify-content: center;
     background: #fff;
     padding: 15px 0;
     overflow: hidden;
     border-radius: 12px 
}
 .marquee_body .marquee {
     width: 100%;
     overflow: hidden;
     position: relative 
}
 .marquee_body .marquee__inner {
     align-items: center;
     gap: 100px;
     width: max-content;
     animation: 900s linear infinite marquee;
     white-space: nowrap 
}
 .marquee_body .marquee__inner:hover {
     animation-play-state: paused 
}
 .marquee__inner p {
     padding: 15px 0;
     margin: 0 
}
 @keyframes marquee {
     from {
         transform: translateX(0) 
    }
     to {
         transform: translateX(-50%) 
    }
}
 .marquee_body .marquee__inner span img {
     width: 100%;
     max-height: 100px 
}
 @media (max-width:576px) {
     .marquee_body .marquee__inner {
         gap: 35px 
    }
     .marquee_body .marquee__inner span img {
         max-height: 50px 
    }
     .marquee_body .body__inner-wrapper {
         padding: 5px 0 
    }
     .site-header {
         height: 64px;
         padding: 12px 10px 12px 8px 
    }
}
 .services {
     align-items: center;
     gap: 30px;
     justify-content: center;
     flex-wrap: wrap 
}
 .service-item {
     position: relative;
     align-items: center;
     align-items: center;
     gap: 10px;
     color: #000;
     font-size: 20px;
     font-weight: 600;
     justify-content: center;
     width: calc(25% - 22.5px) 
}
 .service-item::after {
     content: "";
     display: block;
     width: 2px;
     height: 20px;
     background-color: #c9ced6;
     position: absolute;
     right: 0 
}
 .service-item:nth-child(4)::after {
     width: 0 
}
 .service-item img {
     width: 38px;
     height: 38px 
}
 @media (max-width:1399px) {
     .banner-section {
         padding-top: 120px;
         height: 100% 
    }
     .banner-section>.logo-home-page {
         margin-bottom: 50px !important 
    }
}
 @media (max-width:991px) {
     .banner-section {
         padding-top: 0;
         height: auto 
    }
     .service-item {
         flex-direction: column 
    }
     .logo-home-page {
         padding: 0 30px 
    }
     .banner-section>.logo-home-page {
         margin-bottom: 50px !important 
    }
     .banner-section>.container>.main-titel {
         margin-top: 70px 
    }
}
 .services-our-img-text {
     justify-content: center;
     gap: 20px;
     padding: 50px 0 0;
     flex-wrap: wrap 
}
 .service-card {
     width: calc(33.33% - 13.33px);
     cursor: pointer 
}
 .service-content {
     border-radius: 15px;
     text-align: center;
     padding: 30px;
     background: #fff;
     border: 1px solid #e7e9ec;
     transition: transform .3s ease-in-out 
}
 .service-content img {
     width: 60px;
     margin-bottom: 20px 
}
 .service-text {
     padding: 15px;
     border-radius: 10px;
     border: 1.5px solid #c9ced6;
     background: #fff;
     width: 90%;
     margin: -40px auto 0 
}
 .service-text h2 {
     font-size: 18px;
     color: #0a0a23;
     font-weight: 500;
     margin: 0 0 8px;
     position: relative;
     display: inline-block width:100%;
}
 .service-text h2::after, .service-title:after {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     background-color: #111635;
     height: 1px;
     width: 0%;
     transition: width .45s cubic-bezier(.645, .045, .355, 1) 
}
 .service-card:hover, .service-card:hover .service-content, .service-card:hover .service-text {
     transition: transform .3s ease-in-out 
}
 .service-text p {
     font-size: 14px;
     color: #555;
     margin: 0;
     font-weight: 400 
}
 .service-card:hover .service-text {
     background: #dae3ec 
}
 @media (max-width:1024px) {
     .service-card {
         width: calc(50% - 10px) 
    }
}
 .innovations-content p {
     font-size: 20px;
     font-weight: 400;
     text-align: center;
     padding: 0;
     margin: 10px 0 
}
 .counter-container {
     justify-content: center;
     background: #fff;
     border-radius: 12px;
     margin: 20px 0;
     gap: 15px;
     opacity: 0;
     transform: translateY(50px);
     transition: opacity .6s ease-out, transform .6s ease-out;
     flex-wrap: wrap 
}
 .counter-container.active {
     opacity: 1;
     transform: translateY(0) 
}
 .counter-box {
     text-align: center;
     padding: 20px 0;
     min-width: 150px;
     position: relative;
     flex-wrap: wrap;
     gap: 30px;
     justify-content: center;
     align-items: center;
     width: calc(25% - 11.25px) 
}
 .counter-box:not(:last-child)::after {
     content: "";
     display: block;
     width: 2px;
     height: 35px;
     background-color: #c9ced6;
     position: absolute;
     top: 35%;
     right: 0 
}
 .counter-box .icon .icon {
     line-height: 0;
     height: 100% 
}
 .counter {
     font-size: 30px;
     font-weight: 600;
     color: #000d2d 
}
 .label {
     color: #666;
     font-size: 16px;
     font-weight: 400 
}
 .portfolio_title_pag, .review li h4 {
     color: #000;
     text-transform: capitalize 
}
 @media (max-width:1200px) {
     .counter-box {
         gap: 10px 
    }
}
 @media (max-width:991px) {
     .counter_cont {
         min-width: 150px 
    }
     .counter-box {
         gap: 30px;
         width: calc(50% - 15px) 
    }
     .counter-container {
         gap: 0 30px 
    }
     .innovations-content p {
         font-size: 18px 
    }
     .counter-container .counter-box:nth-child(2)::after {
         content: unset 
    }
}
 @media (max-width:575px) {
     .logo-home-page {
         padding: 0 20px !important 
    }
     .counter-box {
         padding: 10px 0;
         gap: 10px 
    }
     .counter-container {
         padding: 10px 20px;
         gap: 0 0 
    }
}
 @media (max-width:475px) {
     .counter-box {
         width: 50%;
         padding: 10px 0;
         min-width: unset;
         gap: 0 
    }
     .counter-box .icon {
         height: auto 
    }
     .counter-box .icon img {
         width: 50px 
    }
     .counter {
         font-size: 22px 
    }
     .label {
         font-size: 14px 
    }
}
 .Portfolio-slider-img img {
     width: 100%;
     border-radius: 5px 
}
 .slider-btn {
     gap: 10px;
     align-items: center 
}
 .portfolio-title h2 {
     font-size: 40px;
     line-height: normal;
     text-align: left 
}
 .Portfolio {
     padding-right: 20px;
     padding-left: 20px;
     justify-content: space-between;
     gap: 20px;
     padding-bottom: 40px 
}
 .Portfolio-Beauty {
     justify-content: space-between 
}
 .Portfolio-Beauty .main-text {
     max-width: 750px 
}
 .Our-Beauty-Cosmetics-Portfolio {
     padding-bottom: 50px;
     text-align: center 
}
 .portfolio_title_pag {
     margin-top: 0;
     margin-bottom: 0;
     font-size: 20px;
     font-weight: 500 
}
 .our-work-img .portfolio_title_pag {
     margin-top: 20px;
     line-height:normal;
}
 .portfolio_link {
     text-decoration: none !important;
     border: none !important 
}
 .contact-box a, .contact-icons a, .faq-answer a, .footer-nev ul li a, .social-icons a, .tech-item {
     text-decoration: none 
}
 .portfolio_link:focus .img-container, .portfolio_link:focus-visible .img-container {
     outline: 0 !important;
     box-shadow: none !important 
}
 .portfolio_link img:focus, .portfolio_link:focus, .portfolio_link:focus-visible, .portfolio_link:visited {
     outline: 0;
     box-shadow: none;
     border: none 
}
 @media (max-width:991px) {
     .portfolio_title_pag {
         font-size: 18px 
    }
     .Portfolio-Beauty {
         display: block 
    }
     .Portfolio-Beauty>.portfolio-title {
         width: 50% 
    }
     .Portfolio-Beauty>.portfolio-text {
         padding: 0 !important;
         text-align: left 
    }
     .Our-Beauty-Cosmetics-Portfolio {
         padding-bottom: 50px 
    }
     .hover-logo {
         opacity: 1 
    }
     .Portfolio {
         padding-bottom: 30px !important 
    }
}
 .swiper-button-next-Portfolio:after, .swiper-button-next-testimonial:after, .swiper-button-prev-Portfolio:after, .swiper-button-prev-testimonial:after {
     content: '' !important 
}
 .swiper-button-next-Portfolio, .swiper-button-next-testimonial, .swiper-button-prev-Portfolio, .swiper-button-prev-testimonial {
     position: unset !important;
     margin-top: 0 !important;
     border: 2px solid #040a2a;
     height: 40px !important;
     width: 40px !important;
     padding: 6px;
     border-radius: 7px 
}
 .shopify-plus-item:nth-child(3), .shopify-plus-item:nth-child(4), .testimonial-content-bottom {
     border-top: 1px solid #c9ced6 
}
 .footer-containeree, .swiper-button-next-Portfolio:hover, .swiper-button-next-testimonial:hover, .swiper-button-prev-Portfolio:hover, .swiper-button-prev-testimonial:hover {
     background-color: #040a2a 
}
 .swiper-button-next-Portfolio:hover svg path, .swiper-button-next-testimonial:hover svg path, .swiper-button-prev-Portfolio:hover svg path, .swiper-button-prev-testimonial:hover svg path {
     stroke: white !important 
}
 .swiper-button-prev svg {
     transform: rotate(180deg);
     width: 30px;
     cursor: pointer 
}
 .testimonial-content {
     display: flex;
     flex-direction: column-reverse;
     text-align: left 
}
 .testimonial-container {
     background: #fff;
     padding: 20px;
     border-radius: 10px;
     position: relative 
}
 .testimonial, .testimonial h3, .testimonial p {
     padding: 0;
     margin: 0 
}
 .testimonial {
     text-align: left 
}
 .testimonial-content p.testimonial {
     padding-bottom: 10px 
}
 .testimonial-content .testimonial_icon img {
     max-width: unset;
     width: 40px;
     height: 40px 
}
 .swiper-pagination-testimonial {
     position: unset !important;
     margin-top: 20px 
}
 .swiper-pagination-testimonial>.swiper-pagination-bullet {
     border-radius: 0 !important;
     opacity: 1 !important 
}
 .testimonial-content-bottom {
     padding-top: 10px 
}
 .contact-section {
     padding: 50px 
}
 .business, .contact-form {
     padding: 20px;
     border-radius: 10px 
}
 .contact-section h2 {
     font-size: 28px;
     color: #111 
}
 .highlight {
     color: #007bff 
}
 .contact-container {
     display: flex;
     justify-content: center;
     gap: 30px;
     margin-top: 20px;
     flex-wrap: wrap;
     border-radius: 15px;
     padding: 20px;
     margin-left: 50px;
     margin-right: 50px 
}
 .business>h3, .business>p {
     margin: 0;
     text-align: left !important 
}
 .business>h3 {
     font-size: 20px;
     font-weight: 500 
}
 .business-info {
     text-align: left;
     width: calc(30% - 15px) 
}
 .connect-us .business{
     background: transparent;
     box-shadow: none;
}
 .business {
     background: #fff 
}
 .business-info img {
     width: 100%;
     border-radius: 10px;
     margin-bottom: 10px 
}
 .contact-icons a {
     cursor: pointer;
     display: inline-block 
}
 .connect-us .business .contact-icons a span{
     background: #ffffff;
}
 .connect-us .business>h3{
     font-size: 30px;
     line-height: 36px;
     margin-bottom: 8px;
     font-weight:600;
}
 .contact-icons a span {
     background: #e6edf6;
     padding: 10px;
     border-radius: 9px;
     margin-right: 10px;
     height: 45px;
     width: 45px;
     display: flex;
     justify-content: center;
     align-items: center 
}
 .address {
     font-size: 14px;
     margin-top: 10px;
     display: flex;
     gap: 10px;
     align-items: flex-start;
     justify-content: flex-start;
     background-color: #fff;
     padding: 15px;
     border-radius: 10px;
}
 .address svg {
     width:22px;
     height: 22px 
}
 .address span {
    /* background: #040a2a;
     */
     padding: 0px 7px;
     border-radius: 8px;
     line-height: 0 
}
 .contact-form {
     background: #fff;
     width: calc(70% - 15px) 
}
 .contact-form form {
     display: flex;
     flex-direction: column;
     gap: 10px 
}
 .contact-form input, .contact-form textarea {
     padding: 10px;
     border: 1px solid #ddd;
     border-radius: 5px;
     width: 100% 
}
 .phone-input {
     display: flex;
     align-items: center;
     gap: 10px 
}
 .phone-input span {
     background: #007bff;
     color: #fff;
     padding: 8px;
     border-radius: 5px 
}
 .contact-form button {
     background: #000d33;
     color: #fff;
     padding: 10px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     transition: .3s 
}
 .contact-form button:hover {
     background: #0056b3 
}
 .row.cus-email, .row.cus-fname, .row.cus-lname, .row.cus-phone {
     width: calc(50% - 5px) 
}
 .cus-message p span textarea {
     height: 60px 
}
 .new-form {
     display: flex;
     gap: 10px 10px;
     flex-wrap: wrap 
}
 .new-form>.row>p {
     margin: 0 !important;
     padding: 0 !important 
}
 .connect-us h2, .connect-us p {
     text-align: center;
     margin: 0 
}
 .connect-us p {
     font-size: 18px;
     font-weight: 400;
     line-height: normal 
}
 .business .Business-title {
     font-size: 16px;
     font-weight: 400 
}
 .free-Get {
     font-weight: 400 !important;
     font-size: 16px !important;
     line-height: normal !important;
     margin-bottom: 10px !important 
}
 .connect-us h2 {
     font-size: 40px;
     font-weight: 600 
}
 .intl-tel-input.separate-dial-code .selected-dial-code {
     padding-left: 10px !important 
}
 @keyframes wobble_vertical {
     16.65% {
         transform: translateY(8px) 
    }
     33.3% {
         transform: translateY(-6px) 
    }
     49.95% {
         transform: translateY(4px) 
    }
     66.6% {
         transform: translateY(-2px) 
    }
     83.25% {
         transform: translateY(1px) 
    }
     100% {
         transform: translateY(0) 
    }
}
 .footer-widget a svg {
     pointer-events: auto;
     width: 17px;
     height: 17px 
}
 .footer-widget a svg path {
     fill: white 
}
 .footer-widget a svg:hover, .img-container:hover img {
     transform: scale(1.1) 
}
 .contact-container-background-image, .footer-img, .testimonial-background-image {
     background-repeat: no-repeat;
     background-size: cover;
     position: relative 
}
 .footer-img {
     background-image: url(https://reasoninfotech.com/wp-content/uploads/2025/02/Group-1321314664-2.png) 
}
 .testimonial-background-image {
     background: linear-gradient(144deg, #f6fafe 8.7%, #e6eff8 35.87%, #d7e3ee 51.44%, #cad6e4 68.23%) 
}
 .contact-container-background-image {
    /* background-image: url(https://reasoninfotech.com/wp-content/uploads/2025/06/Frame-1321314678-2.png) */
     background: radial-gradient(circle at top right, #f9fbfe 0%, #eef2f7 100%, #e7ebf1 100%);
}
 .logo {
     width: 40%;
     text-align: end;
     background-color: #040a2a;
     border-top: 6px solid #1777ff 
}
 .footer-nev ul li a:hover {
     color: #007bfe 
}
 .footer-sidebar {
     width: 60%;
     background-image: url('https://reasoninfotech.com/wp-content/uploads/2025/06/Frame-1321dfgdf314732-1.png');
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-position: top center;
     min-height: 100px;
     margin-top: 0;
     background-color: #fff 
}
 .page {
     margin: 0 !important 
}
 .footer-container {
     max-width: 1200px;
     margin: 0 auto;
     position: relative 
}
 .footer-top {
     display: flex;
     background: linear-gradient(90.08deg, #e2e9f1 43.63%, #e1e8f0 46.85%, #e2e9f2 49.24%, #e3eaf2 53.16%, #e2e9f2 57.43%, #dce5ee 66.33%, #dfe7ef 73.75%, #dfe7ef 81%, #e1e8f0 91.23%, #e2e9f1 95.12%, #e1e9f1 100.93%) 
}
 @media (max-width:1300px) {
     .footer-top {
         background: linear-gradient(90.08deg, #e2e9f1 43.63%, #e1e8f0 46.85%, #e2e9f2 49.24%, #e3eaf2 53.16%, #e2e9f2 57.43%, #dde5ee 66.33%, #dee6ef 73.75%, #dde5ee 81%, #dde5ee 91.23%, #dde5ee 95.12%, #e2e9ef 99.93%) 
    }
}
 .logo img {
     max-width: 150px 
}
 .footer-nev ul {
     list-style: none;
     display: flex;
     gap: 20px;
     justify-content: center;
     margin-top: 50px;
     margin-bottom: 30px;
     padding: 0;
     margin-left: 0 
}
 .footer-nev ul li {
     display: inline 
}
 .footer-nev ul li a {
     color: #fff;
     font-weight: 400 
}
 .footer-middle {
     display: flex;
     gap: 10px;
     margin-left: 150px;
     margin-top: 10px 
}
 .contact-icons, .title_text .get-a-quotega-titel-text p {
     margin-top: 15px 
}
 @media (max-width:1400px) {
     .footer-middle {
         bottom: 78%;
         margin-left: 100px;
         margin-top: 15px;
         margin-right: 16px 
    }
}
 .logo-footer-widget {
     padding-left: 20px;
     padding-right: 100px;
     padding-top: 30px 
}
 @media (max-width:1200px) {
     .footer-sidebar {
         width: 100% 
    }
     .main-text {
         padding: 0 10px 
    }
     .portfolio-text {
         max-width: 450px 
    }
     .logo-footer-widget {
         padding-right: 0 
    }
     .footer-middle {
         margin-left: 70px;
         margin-top: 15px;
         margin-right: 16px 
    }
}
 @media (max-width:991px) {
     .connect-us {
         margin-left: 20px;
         margin-right: 20px 
    }
     .main-text {
         max-width: unset 
    }
     .footer-top {
         flex-direction: column-reverse;
         border-top: unset 
    }
     .logo-footer-widget {
         padding-left: 0;
         padding-top: 10px 
    }
     .footer-sidebar {
         background-image: unset;
         min-height: unset;
         padding-bottom: unset;
         margin-top: -2px 
    }
     .footer-middle {
         margin-left: unset;
         margin-right: unset;
         justify-content: center;
         padding: 0 20px;
         margin-bottom: 20px;
         margin-top: 20px 
    }
     .logo {
         width: 100%;
         text-align: center;
         margin: unset;
         padding-top: 20px;
         border-top: 5px solid #1777ff 
    }
     .footer-nev ul {
         margin: 20px 0 0;
         padding: 0 
    }
     .contact-box {
         margin-bottom: 10px 
    }
     .footer-bottom p {
         font-size: 16px !important 
    }
}
 @media (max-width:775px) {
     .footer-nev ul {
         flex-wrap: wrap 
    }
}
 .Website-Delivered-for-Business-btn-come {
     display: flex !important;
     align-items: center;
     gap: 5px 
}
 .Website-Delivered-for-Business-btn-come svg path {
     fill: #ffffff 
}
 .Website-Delivered-for-Business-btn-come:hover svg path {
     fill: #000 !important;
     transform: scale(1.1);
     transition: transform .3s ease-in-out, fill .3s ease-in-out 
}
 @media (max-width:768px) {
     .services {
         gap: 10px 0;
         margin-top: 10px 
    }
     .service-item {
         gap: 2px;
         font-size: 16px !important 
    }
     .service-item::after {
         height: 25px 
    }
     .banner-section>.logo-home-page {
         margin-bottom: 30px !important 
    }
     .Portfolio-Beauty>.portfolio-title {
         width: 70% 
    }
     .Our-Beauty-Cosmetics-Portfolio {
         padding-bottom: 20px 
    }
     .footer-bottom {
         flex-direction: column-reverse;
         padding: 0 20px 
    }
     .logo-footer-widget svg {
         height: auto;
         width: 240px 
    }
     .footer-bottom p {
         font-size: 14px !important 
    }
     .social-icons {
         margin-top: 10px 
    }
}
 .content-block ul, .content-container h3, .content-container p, .footer-contact-box p {
     margin: 0 
}
 .contact-box {
     text-align: left;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 15px 10px;
     border-radius: 10px;
     gap: 10px;
     background-color: #fff 
}
 .contact-box .icon {
     font-size: 20px 
}
 .footer-bottom p {
     font-size: 16px;
     color: #fff;
     font-weight: 400 
}
 .contact-box a {
     color: #040a2a;
     font-weight: 600 
}
 .footer-bottom {
     margin-top: 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-top: 1px solid #b0b6be;
     padding: 0 20px 
}
 .social-icons a {
     color: #fff;
     background: #dfe6EE1A;
     padding: 10px;
     border-radius: 5px;
     line-height: 0;
     height: max-content;
     display: inline-block 
}
 .address p {
     font-size: 16px;
     text-align: left;
     line-height: normal;
     font-weight: 400 
}
 @media only screen and (max-width:991px) {
     .primary-btn {
         display: block;
         border: unset;
         border-radius: unset;
         background: unset;
         color: unset;
         line-height: unset 
    }
     .primary-btn svg {
         width: 25px;
         height: 35px;
         display: flex;
         align-items: center 
    }
     .main-navigation, nav#primary-navigation {
         width: auto 
    }
     .manu {
         justify-content: end !important;
         flex-direction: row-reverse !important 
    }
     .custom-primary-menu {
         width: 100%;
         background-color: #fff;
         position: absolute;
         top: 54px;
         left: 0;
         right: 0;
         padding: 20px;
         flex-direction: column;
         display: none;
         height: 100vh 
    }
     .custom-primary-menu li {
         text-align: unset;
         padding: 0;
         width: 100% 
    }
     .site-header {
         border-radius: 0;
         top: 0 
    }
     .custom-primary-menu>li>a>svg {
         transform: rotate(270deg);
         float: inline-end;
         width: 15px;
         height: 15px 
    }
     .submenu {
         position: unset;
         width: 100%;
         padding: 0 15px 
    }
     .custom-primary-menu>li>a>svg.rotated {
         transition: transform .3s ease-in-out;
         transform: rotate(360deg) 
    }
     .main-titel h1, .main-titel h2, .main-titel h3, .main-titel h4 {
         font-size: 50px 
    }
     .main-titel h2 {
         font-size: 38px !important 
    }
     .main-text {
         font-size: 18px;
         padding: 0 50px 
    }
     .shopify-main-text {
         padding: unset 
    }
     .quality-text {
         font-size: 18px;
         padding: 0 10px !important 
    }
     .service-item {
         font-size: 18px !important 
    }
     .career-Innovations .main-titel h1, .main-titel h2, .page-shopify .main-titel h1 {
         font-size: 35px 
    }
     .counter {
         font-size: 25px 
    }
     .portfolio-title h2 {
         font-size: 30px !important 
    }
     .connect-us h2 {
         font-size: 35px !important 
    }
     .contact-container {
         flex-direction: column-reverse 
    }
     .business-info, .contact-form {
         width: 100% 
    }
     .address {
         align-items: center;
         justify-content: flex-start;
         margin-top: 20px 
    }
     .connect-us p {
         font-size: 18px 
    }
     .testimonial-section {
         padding-top: 0;
         padding-bottom: 50px 
    }
     .innovations-content p {
         text-align: center 
    }
     .innovations-text {
         text-align: center !important 
    }
     .connect-us-text {
         margin: 0 !important 
    }
     .marquee_body .body__inner-wrapper {
         border-radius: 10px 
    }
     .contact-container {
         margin-left: 0;
         margin-right: 0 
    }
     .services-section {
         padding-bottom: 0 !important;
         padding-top: 20px !important 
    }
}
 .Our-Approach-banner, .get-a-quotega-container, .special-menu-wrapper {
     display: flex;
     gap: 20px 
}
 .counter-container-get-a-quotega {
     gap: 10px;
     box-shadow: unset;
     justify-content: unset;
     background: unset 
}
 .counter-container-get-a-quotega>.counter-box>.icon {
     height: unset 
}
 .counter-container-get-a-quotega>.counter-box>.counter-box-text {
     min-width: 100px 
}
 .counter-container-get-a-quotega>.counter-box {
     width: calc(40% - 6.66px);
     gap: 10px;
     padding: 15px 0 
}
 .counter-container-get-a-quotega>.counter-box:nth-child(2)::after, .shopify-ecommerce-store-container>.service-card-shopify>.service-title::after {
     content: unset 
}
 .counter-container-get-a-quotega>.counter-box:first-child, .counter-container-get-a-quotega>.counter-box:nth-child(3) {
     justify-content: flex-start 
}
 .contact-form-get-a-quotega, .get-a-quotega {
     width: calc(50% - 20px) 
}
 .counter-box-text>.counter {
     font-size: 20px;
     text-align: left 
}
 .counter-box-text>.label {
     font-size: 14px;
     text-align: left 
}
 .logo-get-a-quotega-page {
     margin-bottom: 50px 
}
 .get-a-quotega-titel-text h1 {
     font-size: 40px;
     font-weight: 600;
     color: #040a2a;
     text-align: left;
     margin: 0 
}
 .get-a-quotega-titel-text p {
     font-size: 20px;
     line-height: 1.6;
     font-weight: 400;
     color: #4e4e4e;
     text-align: left;
     margin: 0 0 10px 
}
 .Shopify-Top-page, .from-get-a-page {
     color: #040a2a;
     text-align: left;
     font-size: 28px;
     font-weight: 600;
     position: relative;
     line-height: normal;
     margin: 0;
     padding-bottom: 10px 
}
 .get-a-quotega-mini-container {
     height: 100vh;
     display: flex;
     flex-direction: column;
     justify-content: space-evenly;
     padding-top: 120px;
     padding-bottom: 50px 
}
 .get-a-quotega>.testimonial-slider>.swiper-wrapper>.swiper-slide>.testimonial-container {
     margin: 0 10px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, .1) 
}
 .get-a-quotega {
     padding-left: 20px 
}
 .contact-form-get-a-quotega {
     margin-right: 20px;
     height: max-content 
}
 .testimonial-slider {
     padding: 0 20px !important 
}
 .content-block p, .content-block ul li, .our-subtext {
     font-weight: 400;
     padding-top: 15px;
     line-height: normal 
}
 .our-subtext {
     margin: 0;
     font-size: 20px 
}
 @media only screen and (max-width:1399px) {
     .get-a-quotega-mini-container {
         height: 100% 
    }
}
 @media only screen and (max-width:1100px) {
     .contact-form-get-a-quotega, .get-a-quotega {
         width: calc(100% - 40px);
         margin: 0 auto 
    }
     .get-a-quotega {
         padding-left: unset;
         padding-top: 40px 
    }
     .contact-form-get-a-quotega {
         margin: 0 auto;
         max-width: 800px 
    }
     .page-shopify, .shopify-main-text {
         text-align: center !important 
    }
     .get-a-quotega-container {
         flex-wrap: wrap 
    }
     .get-a-quotega-mini-container {
         height: auto;
         padding-bottom: 30px 
    }
     .get-a-quotega-titel-text h1 {
         font-size: 35px;
         text-align: center 
    }
     .get-a-quotega-titel-text p {
         font-size: 20px;
         text-align: center 
    }
     .shopify-banner-button-black {
         margin: 15px auto 0 
    }
     .counter-container-get-a-quotega-page {
         max-width: 600px;
         margin: 0 auto;
         justify-content: center 
    }
     .get-a-quotega>.testimonial-slider {
         max-width: 800px;
         margin: 0 auto;
         padding: 0 !important 
    }
     .get-a-quotega>.testimonial-slider>.swiper-wrapper>.swiper-slide>.testimonial-container {
         margin: 0 !important 
    }
     .Our-Approach-banner, .shopify-container {
         flex-direction: column 
    }
     .reviews ul.review li {
         justify-content: center 
    }
     .our-approach-content, .our-approach-image {
         width: 100% !important 
    }
     .our-approach-content .content-container {
         justify-content: center !important 
    }
     .our-approach-content .content-block p {
         text-align: center 
    }
     .Our-Approach-banner:nth-child(2) {
         flex-direction: column !important 
    }
     .Our-Approach-banner-container {
         max-width: 700px;
         margin: 0 auto 
    }
     .logo-get-a-quotega-page {
         padding: 0 30px !important;
    }
     .counter-container-get-a-quotega>.counter-box {
         width: calc(50% - 6.66px);
         gap: 30px 
    }
}
 @media only screen and (max-width:991px) {
     .get-a-quotega-mini-container {
         padding-top: 60px 
    }
     .logo-get-a-quotega-page {
         margin-bottom:20px !important;
    }
     .get-a-quotega-container.container {
         padding-top: 0 
    }
     .get-a-quotega-titel-text p {
         font-size: 18px 
    }
}
 .reviews ul.review {
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     border-radius: 5px;
     padding: 10px;
     gap: 5px 25px;
     margin: 0 
}
 .reviews ul.review li {
     font-size: 17px;
     box-sizing: border-box;
     display: flex;
     width: 100%;
     gap: 10px 
}
 .review li h4 {
     line-height: normal;
     font-size: 18px;
     margin: 10px 0 
}
 .star-rating {
     color: #e9ba00;
     display: flex 
}
 .star-rating svg {
     width: 20px 
}
 .Shopify-Plus-title>.main-titel h2, .join_us, .page-shopify {
     text-align: left 
}
 .shopify-main-text {
     padding: unset !important;
     text-align: left;
     max-width: unset;
     margin-bottom: 20px;
     margin-top: 20px 
}
 .shopify-banner-button-black {
     max-width: 400px 
}
 .content-container {
     display: flex;
     flex-direction: row;
     gap: 10px;
     align-items: center;
     align-self: stretch;
     position: relative 
}
 .content-block p, .content-block ul li {
     margin: 0;
     text-align: left;
     font-size: 20px 
}
 .our-approach-content {
     display: flex;
     gap: 12px;
     flex-direction: column;
     justify-content: space-evenly 
}
 .content-container h3 {
     font-size: 24px;
     font-weight: 600;
     text-align: left;
     line-height: normal 
}
 .our-approach-content, .our-approach-image {
     width: 50% 
}
 .Our-Approach-banner {
     margin-top: 30px;
     padding: 0 20px 
}
 .Our-Approach-banner:nth-child(2), .inner-box:nth-child(2n) {
     flex-direction: row-reverse 
}
 .counter-container-shopify {
     margin-bottom: 70px 
}
 .Development-Services>.container>.main-titel, .Our-Approach>.container>.main-titel {
     max-width: 900px;
     margin: 0 auto;
     padding: 0 20px 
}
 @media only screen and (max-width:991px) {
     .Our-Approach-banner {
         gap: 10px 
    }
     .content-block p, .content-block ul li {
         font-size: 18px 
    }
     .our-approach-content {
         padding: 0 0;
    }
     .counter-container-shopify {
         margin-bottom: 50px;
         margin-left: 20px;
         margin-right: 20px 
    }
     .contact-form-get-a-quotega {
         margin-top: 20px 
    }
     .page-shopify {
         padding-top: 20px 
    }
}
 .shopify-services-container {
     display: flex;
     gap: 20px;
     max-width: 1200px;
     padding: 40px 20px 20px;
     flex-wrap: wrap;
     justify-content: center 
}
 .service-card-shopify {
     background: #fffFFF91;
     padding: 20px;
     border-radius: 12px;
     text-align: center;
     cursor: pointer;
     width: calc(33.33% - 13.33px);
     box-shadow: 0 4px 12px rgba(0, 0, 0, .15) 
}
 .Website-Delivered-for-Business-img, .faqs-img-background {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat 
}
 .eCommerce-service-card-shopify {
     border: 1px solid #c9ced6 
}
 .service-icon {
     width: 50px;
     height: 50px;
     margin-bottom: 15px 
}
 .service-title {
     font-weight: 500;
     font-size: 22px;
     line-height: normal;
     text-align: center;
     margin: 0 0 10px;
     display: inline-block;
     position: relative 
}
 .service-description {
     font-weight: 400;
     font-size: 16px;
     line-height: normal;
     text-align: center;
     margin: 0 
}
 .Website-Delivered-for-Business-img {
     background-image: url(https://reasoninfotech.com/wp-content/uploads/2025/02/Frame-1321314669.png) !important;
     padding-top: 0;
     padding-bottom: 0;
     margin-top: 40px;
     border-radius: 15px;
     margin-bottom: 40px 
}
 .Website-Delivered-for-Business-content h2 {
     color: #fff;
     line-height: normal;
     font-size: 40px;
     font-weight: 600;
     margin: 0 0 5px;
     text-align: left 
}
 .content-box h4, .story {
     margin: 0;
     text-align: left 
}
 .Website-Delivered-for-Business-content p {
     color: #e1e1e1;
     font-size: 16px;
     line-height: normal;
     font-weight: 400;
     margin: 0;
     text-align: left 
}
 .Website-Delivered-for-Business-content {
     width: calc(85% - 10px) 
}
 .Website-Delivered-for-Business-btn {
     width: calc(25% - 10px);
     line-height: normal 
}
 .Website-Delivered-for-Business-container {
     padding: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 20px 
}
 .Website-Delivered-for-Business {
     padding-left: 20px;
     padding-right: 20px 
}
 @media only screen and (max-width:991px) {
     .service-card-shopify {
         width: calc(50% - 10px) 
    }
     .Website-Delivered-for-Business-content h2 {
         font-size: 35px 
    }
     .Website-Delivered-for-Business-content {
         width: calc(70% - 10px) 
    }
     .Website-Delivered-for-Business-btn {
         width: calc(30% - 10px);
         line-height: normal 
    }
     .main-text {
         max-width: unset !important 
    }
}
 .dev-progress:before {
     content: '';
     position: absolute;
     top: 100px;
     height: calc(100% - 170px);
     left: 50%;
     transform: translateX(-50%);
     border-left: 2px dashed #cdcdcd 
}
 .dev-progress {
     display: flex;
     flex-direction: column;
     max-width: calc(100% - 86px);
     margin: 0 auto;
     position: relative;
     gap: 30px;
     padding-top: 30px 
}
 .dev-progress .inner-box {
     display: flex;
     position: relative;
     width: 100% 
}
 .dev-progress .inner-box:before {
     content: '';
     position: absolute;
     left: 50%;
     transform: translateX(-50%) rotate(45deg);
     width: 15px;
     height: 15px;
     background: #040a2a;
     border-radius: 15px;
     top: calc(50% - 5px);
     animation: 2s ease-out infinite pulse 
}
 @keyframes pulse {
     0%, 100% {
         box-shadow: 0 0 0 0 #c9ced6 
    }
     50% {
         box-shadow: 0 0 0 5px #c9ced6 
    }
}
 .dev-progress .inner-box:after {
     content: '';
     position: absolute;
     right: calc(50% - -10px);
     width: 60px;
     height: 2px;
     background: #c9ced6;
     top: 50% 
}
 .dev-progress .inner-box:nth-child(2n)::after {
     left: calc(50% - -10px) 
}
 .dev-progress .inner-box .content-box {
     width: calc(50% - 90px);
     border-radius: 10px;
     place-self: center;
     border: 1px solid #c9ced6;
     padding: 20px;
     margin-right: 90px 
}
 .dev-progress .inner-box:nth-child(2n) .content-box {
     margin-right: unset;
     margin-left: 90px 
}
 .dev-progress .inner-box .icon-box {
     width: 50%;
     display: flex;
     align-items: center;
     justify-content: flex-start;
     padding: 20px 20px 20px 40px 
}
 .dev-progress .inner-box:nth-child(2n) .icon-box {
     justify-content: flex-end;
     padding: 20px 40px 20px 20px 
}
 .content-box h4 {
     font-weight: 600;
     font-size: 20px;
     line-height: normal;
     padding-bottom: 10px 
}
 .story {
     font-weight: 400;
     font-size: 16px;
     line-height: normal 
}
 .Shopify-Plus-\?, .shopify-plus-item h4 {
     font-weight: 600;
     margin: 0;
     line-height: normal 
}
 .dev-progress .inner-box .icon-box .circle {
     display: inline-block;
     position: relative;
     transition: .3s 
}
 .dev-progress .inner-box .icon-box .circle .half {
     position: absolute;
     width: 50%;
     height: 100%;
     background-color: #0084ff;
     right: 0;
     border-radius: 0 100px 100px 0 
}
 @media only screen and (max-width:991px) {
     .content-box h4 {
         font-size: 18px 
    }
     .dev-progress:before {
         top: 100px;
         height: calc(100% - 180px) 
    }
     .dev-progress {
         max-width: calc(100% - 50px);
         gap: 20px 
    }
     .dev-progress .inner-box .content-box {
         width: calc(50% - 70px);
         margin-right: 70px 
    }
     .dev-progress .inner-box:nth-child(2n) .content-box {
         margin-right: unset;
         margin-left: 70px 
    }
}
 .Shopify-Plus-content-container {
     display: flex;
     padding: 0 20px;
     flex-wrap: wrap 
}
 .Shopify-Plus-title {
     width: 30% 
}
 .Shopify-Plus-\? {
     text-align: left;
     font-size: 30px;
     color: #040a2a 
}
 .Shopify-Plus-text {
     margin: 0;
     font-weight: 400;
     font-size: 18px;
     line-height: normal;
     text-align: left;
     padding-top: 10px;
     color: #4e4e4e 
}
 .Shopify-Plus-content {
     display: grid;
     gap: 0 0;
     grid-template-columns: repeat(2, 1fr);
     max-width: 500px;
     margin: 0 auto;
     width: 70% 
}
 .shopify-plus-item {
     text-align: left;
     padding: 0 10px 
}
 .shopify-plus-item:first-child, .shopify-plus-item:nth-child(3) {
     border-right: 1px solid #c9ced6 
}
 .shopify-plus-item h4 {
     font-size: 20px;
     padding: 10px 0 
}
 .shopify-plus-item p {
     margin: 0;
     font-weight: 400;
     font-size: 16px;
     line-height: normal;
     padding-bottom: 10px 
}
 .faqs-img-background {
     background-image: url(https://reasoninfotech.com/wp-content/uploads/2025/02/Frame-1321314678-1.png) 
}
 .faq-container {
     display: grid;
     gap: 10px 20px;
     grid-template-columns: repeat(2, 1fr);
     align-items: start;
     margin-top: 30px;
     padding: 0 20px 
}
 .faq-item {
     box-shadow: 0 9.03px 18.05px 0 #070B341A;
     background: #fffFFFE5;
     padding: 18px;
     border-radius: 8px;
     margin-bottom: 10px 
}
 .faq-answer, .faq-question {
     text-align: left;
     font-size: 16px;
     margin: 0 
}
 .faq-question {
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     font-weight: 500;
     line-height: normal;
     color: #040a2a 
}
 .footer-contact-box p:nth-child(2), .join_us h3 {
     font-weight: 600 
}
 .faq-answer {
     display: none;
     padding-top: 5px 
}
 .faq-answer a {
     color: #1777ff 
}
 .faq-icon {
     transition: transform .3s ease-in-out;
     width: 20px 
}
 .faq-span {
     height: 10px 
}
 .shopify-partners-title {
     margin: 0 0 15px;
     text-transform: capitalize;
     color: #000;
     font-weight: 600;
     font-size: 40px;
     line-height: normal;
     text-align: center 
}
 .shopify-partners-logos {
     text-align: center;
     width: fit-content;
     margin: auto;
     padding: 40px 20px 
}
 .shopify-partnersl0g0 svg {
     width: 100%;
     height: auto 
}
 .shopify-partnersL0g0s {
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 0 auto 15px;
     gap: 20px;
     max-width: 400px;
     width: 100% 
}
 .shopify-partners-btn {
     display: flex;
     gap: 20px;
     flex-wrap: wrap;
     justify-content: center 
}
 .career-Innovations .container, .shopify-partners-btn a {
     height: 100% 
}
 @media only screen and (max-width:991px) {
     .Shopify-Plus-title {
         width: 100% 
    }
     .Shopify-Plus-content {
         padding-top: 30px 
    }
     .Shopify-Plus-\?, .Shopify-Plus-text, .Shopify-Plus-title>.main-titel h2 {
         text-align: center 
    }
     .shopify-partners-title {
         font-size: 35px 
    }
     .shopify-partners-logos {
         padding: 30px 20px 40px 
    }
}
 .our-work-container {
     display: flex;
     flex-wrap: wrap;
     gap: 20px 
}
 .our-work-img {
     width: calc(25% - 15px);
     line-height: 0;
     position: relative;
     cursor: pointer;
     overflow: hidden 
}
 .join_us h3, .our-work-title {
     text-align: center;
     line-height: normal 
}
 .hover-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: rgb(0 0 0 / 30%);
     opacity: 0;
     transition: opacity .3s 
}
 .hover-overlay img {
     max-width: 80px 
}
 .img-container:hover .hover-overlay {
     opacity: 1 
}
 .img-container img {
     display: block;
     transition: transform .3s 
}
 .img-container {
     position: relative;
     display: inline-block;
     overflow: hidden;
     border-radius: 10px 
}
 .our-work-img:hover .hover-logo {
     opacity: 1;
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(23, 119, 255, .2) 87.5%, rgba(23, 119, 255, .2) 97.99%) 
}
 .our-work-hover-logo img {
     width: unset;
     margin-bottom: 20px 
}
 .all-post.our-work {
     padding: 120px 20px 0 
}
 .our-work-hover-logo {
     bottom: 0 
}
 .our-work-title {
     font-size: 40px;
     font-weight: 500;
     margin: 0;
     padding-bottom: 20px 
}
 @media only screen and (max-width:991px) {
     .our-work-title {
         font-size: 35px 
    }
     .all-post.our-work {
         padding-top: 60px 
    }
}
 @media only screen and (max-width:768px) {
     .container, .testimonial-section {
         padding-top: 20px;
         padding-bottom: 20px 
    }
     .main-titel h1, .main-titel h2, .main-titel h3, .main-titel h4 {
         font-size: 40px 
    }
     .Our-Approach .main-titel h1, .career-Innovations .main-titel h1, .connect-us h2, .main-titel h2, .page-shopify .main-titel h1 {
         font-size: 30px !important 
    }
     .connect-us p, .content-block p, .content-block ul li, .get-a-quotega-titel-text p, .innovations-content p, .main-text, .quality-text, .service-description {
         font-size: 16px 
    }
     .main-text, .quality-text {
         padding: 0 
    }
     .banaras>.container {
         padding: 0 50px 
    }
     .main-text {
         padding: 0 20px !important 
    }
     .service-item {
         width: 50% 
    }
     .service-item:nth-child(2)::after {
         width: 0 
    }
     .marquee_body .body__inner-wrapper {
         border-radius: 10px 
    }
     .body__inner-wrapper {
         padding: 5px 0 
    }
     .Website-Delivered-for-Business-content h2, .get-a-quotega-titel-text h1, .our-work-title, .shopify-partners-title {
         font-size: 30px 
    }
     .from-get-a-page {
         font-size: 24px 
    }
     .counter-container-shopify {
         margin-bottom: 40px 
    }
     .service-title {
         font-size: 20px 
    }
     .shopify-banner-button-black {
         max-width: 400px 
    }
     .Website-Delivered-for-Business-btn-come {
         max-width: 200px;
         margin: unset 
    }
     .Website-Delivered-for-Business-container {
         flex-direction: column;
         gap: 10px;
         padding: 30px 
    }
     .Website-Delivered-for-Business-content {
         width: 100% 
    }
     .Website-Delivered-for-Business-btn {
         width: 100%;
         text-align: left 
    }
     .dev-progress:before {
         top: 120px;
         left: 50px;
         height: calc(100% - 200px) 
    }
     .inner-box:nth-child(odd) {
         flex-direction: row-reverse 
    }
     .dev-progress .inner-box:nth-child(2n) .icon-box {
         justify-content: flex-start 
    }
     .destop-image {
         display: none 
    }
     .mobile-image {
         display: block;
         max-width: unset 
    }
     .dev-progress .inner-box:after, .dev-progress .inner-box:before {
         content: unset 
    }
     .dev-progress .inner-box:nth-child(2n) .icon-box, .dev-progress .inner-box:nth-child(odd) .icon-box {
         padding: 20px 20px 20px 0 
    }
     .dev-progress .inner-box .icon-box {
         width: unset 
    }
     .dev-progress .inner-box .content-box {
         width: 100%;
         margin-right: unset 
    }
     .dev-progress .inner-box:nth-child(2n) .content-box {
         margin-left: unset 
    }
     .Shopify-Plus-content {
         display: grid;
         gap: 0 0;
         grid-template-columns: repeat(2, 1fr);
         max-width: 100%;
         margin: 0 auto;
         width: 100% 
    }
     .faq-container {
         grid-template-columns: repeat(1, 1fr);
         gap: 0 
    }
     .shopify-partners-logos {
         padding: 20px 
    }
     .our-work-img {
         width: calc(33.33% - 13.33px) 
    }
}
 .contact-icons a:hover svg, .footer-widget a:hover svg, .get-quote a:hover img, .get-quote a:hover svg, .tech-item:hover img {
     animation-name: wobble_vertical;
     animation-duration: 1s;
     animation-timing-function: ease-in-out;
     animation-iteration-count: 1 
}
 .get-quote {
     position: fixed;
     right: 20px;
     bottom: 20px;
     z-index: 99 
}
 .get-quote a svg {
     width: 60px;
     padding: 10px;
     line-height: 60px;
     height: 60px 
}
 .get-quote a svg path[AttributesStyle] {
     fill: #1777ff;
     d: path("M 1 12 C 1 4 4 1 12 1 s 11 3 11 11 s -3 11 -11 11 S 1 20 1 12") 
}
 .get-quote .call-button, .get-quote .whatsapp-button {
     border-radius: 50px;
     margin-top: 12px;
     display: flex;
     transition: .2s;
     text-align: center;
     border: 1px solid #1777ff;
     background-color: #fff 
}
 .tech-stack {
     padding: 40px 20px;
     background-color: #fff 
}
 .tech-grid {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     justify-content: center 
}
 .tech-item {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 30px;
     background: 0 0;
     border: 1px solid #c9ced6;
     transition: transform .2s;
     cursor: pointer;
     color: inherit;
     width: calc(12.5% - 8.75px) 
}
 .Development_background-image, .career-background-image {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat 
}
 .tech-stack .main-titel {
     text-align: center;
     margin-bottom: 15px 
}
 .tech-item img {
     max-height: 50px;
     object-fit: contain;
     max-width: 100% 
}
 .testimonials_page .container {
     padding-top: 40px;
     padding-bottom: 80px 
}
 .testimonial-View-All {
     text-align: center;
     margin-top: 15px 
}
 .career-Innovations {
     padding-top: 120px;
     height: 100% 
}
 .career-Innovations .container .innovations-content {
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 100% 
}
 .career-btn a {
     display: flex;
     justify-content: center;
     align-items: center;
     max-width: 200px;
     width: 100% 
}
 .career-btn {
     display: flex;
     gap: 20px;
     justify-content: left 
}
 .join_us ul {
     margin: 0;
     display: flex;
     gap: 0 40px;
     width: 100%;
     flex-wrap: wrap 
}
 .join_us ul li {
     width: fit-content 
}
 .join_us h3 {
     margin: 0;
     font-size: 28px !important;
     padding-top: 20px;
     padding-bottom: 10px 
}
 @media only screen and (max-width:991px) {
     .career-Innovations {
         padding-top: 60px;
         height: auto 
    }
     .testimonials_single_page .testimonial-container {
         width: 100% 
    }
     .testimonials_page .container {
         padding-top: 20px;
         padding-bottom: 0;
    }
}
 body #page>section.Our-Approach:first-of-type, body #page>section.testimonials_page:first-of-type {
     padding-top: 120px 
}
 .dropdown_content_container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 15px 
}
 .dropdown_content_btn a {
     padding: 12px 15px !important;
     height: 45px !important 
}
 .dropdown_content_svg {
     display: flex;
     gap: 5px;
     justify-content: left;
     align-items: center 
}
 .dropdown_content h3 {
     font-size: 20px;
     text-align: left;
     margin: 0 0 5px 
}
 .title_text .get-a-quotega-titel-text h1, .title_text .get-a-quotega-titel-text p, h1.page_title {
     text-align: center;
     line-height: normal 
}
 .dropdown_content {
     width: 40% 
}
 .dropdown_content_btn {
     width: 60%;
     display: flex 
}
 .sub_sub_manu .primary-menusss {
     width: calc(100% - 50px) 
}
 .primary-menusss.showme>.primary-text {
     background: #f5f7f9;
     border-radius: 5px 
}
 .submenu-container .submenu .testimonial-background-image {
     margin-top: 15px !important 
}
 .dropdown_content_svg span {
     color: #000 
}
 ul.mobile_sub_manu {
     margin: 0 0 0 10px;
     list-style: none;
     padding: 0 
}
 .mobile_sub_manu_level_3 li a {
     font-size: 20px !important;
     font-weight: 500 !important 
}
 ul.mobile_sub_manu.mobile_sub_manu_level_3 {
     margin-left: 10px 
}
 .has-submenu-icon .icon svg path {
     fill: #4E4E4E 
}
 .has-submenu-wrapper {
     display: flex;
     align-items: center 
}
 .has-submenu-icon .menu-plus.rotated svg {
     transform: rotate(135deg) !important;
     transition: transform .3s 
}
 .mobile_sub_manu_level_2 li .has-submenu-wrapper .tertiary-link {
     font-size: 18px !important;
     color: #4e4e4e 
}
 .mobile_sub_manu_level_3 li .has-submenu-wrapper .tertiary-link {
     font-size: 16px !important 
}
 .tertiary-navigation .custom-tertiary-menu li {
     padding: 5px 0 
}
 .sub_sub_manu .primary-menusss .primary-text {
     padding: 5px 10px 
}
 .dropdown_content_svg a svg {
     transform: rotate(0) !important 
}
 .book-a-call {
     padding-top: 50px 
}
 h1.page_title {
     margin: 0;
     padding: 0 0 20px;
     font-size: 40px;
     font-weight: 500;
     text-transform: capitalize 
}
 .book-a-call .page_title {
     padding: 80px 0 0;
     font-size: 40px 
}
 @media (max-width:600px) {
     h1.page_title {
         font-size: 30px 
    }
     .book-a-call .page_title {
         padding: 50px 0 0;
         font-size: 30px padding:0 20px;
    }
}
 .cky-consent-container .cky-notice-group {
     justify-content: center 
}
 @media (max-width:991px) {
     body #page>section.Our-Approach:first-of-type, body #page>section.testimonials_page:first-of-type {
         padding-top: 60px 
    }
     .counter-container-get-a-quotega .counter-box:nth-child(2)::after {
         content: "" !important;
         display: block;
         width: 2px;
         height: 35px;
         background-color: #c9ced6;
         position: absolute;
         top: 35%;
         right: 0 
    }
}
 @media (max-width:575px) {
     .Portfolio-Beauty>.portfolio-title, .service-card {
         width: 100% 
    }
     .Portfolio-Beauty>.portfolio-text {
         padding: 0 !important;
         text-align: center 
    }
     .counter-box-text>.counter, .counter-box-text>.label, .footer-nev ul li, .portfolio-title h2 {
         text-align: center 
    }
     .Portfolio {
         display: block;
         padding-bottom: 20px 
    }
     .slider-btn {
         display: none 
    }
     .footer-nev ul {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 5px;
         list-style: none;
         padding: 10px;
         margin: 0 
    }
     .contact-container {
         padding: 15px;
         gap: 20px 
    }
     .contact-form {
         padding: 15px 
    }
     .get-a-quotega>.counter-container {
         display: flex;
         padding: 10px 0 
    }
     .get-a-quotega-titel-text h1 {
         font-size: 28px 
    }
     .from-get-a-page {
         font-size: 20px 
    }
     .our-subtext {
         font-size: 16px 
    }
     .counter-container-get-a-quotega .counter-box:nth-child(2)::after {
         content: unset !important 
    }
     .counter-container-get-a-quotega {
         justify-content: center;
         padding: 10px 0;
    }
     .counter-container-get-a-quotega>.counter-box {
         width: calc(50% - 5px);
         gap: 10px;
         flex-direction: unset 
    }
}
 @media (max-width:400px) {
     .my-recaptcha-container {
         position: relative;
         width: 152px !important;
         transform: scale(.72);
         transform-origin: 0 0;
         height: 45px 
    }
     .counter-container-get-a-quotega>.counter-box {
         gap: 0;
         flex-direction: column 
    }
}
 .wpcf7 form .wpcf7-response-output {
     margin: 0 .5em 
}
 .cky-notice-des {
     font-family: Figtree, serif !important 
}
 .call-button img {
     width: 60px;
     height: 60px;
     padding: 10px;
     line-height: 60px 
}
 .testimonials-masonry {
     display: flex;
     flex-wrap: wrap 
}
 .testimonials_single_page {
     padding: 0 10px 
}
 .testimonials_single_page .testimonials-masonry .testimonial-container {
     width: calc(33.33% - 20px);
     margin: 10px;
     background: #fff;
     box-sizing: border-box;
     border-radius: 8px;
     padding: 1rem;
     display: none;
     flex-direction: column 
}
 @media screen and (max-width:991px) {
     .testimonials_single_page .testimonials-masonry .testimonial-container {
         width: calc(50% - 20px) 
    }
}
 .tertiary-navigation .custom-tertiary-menu li .has-submenu-wrapper:active, .tertiary-navigation .custom-tertiary-menu li .has-submenu-wrapper:focus, .tertiary-navigation .custom-tertiary-menu li a:active, .tertiary-navigation .custom-tertiary-menu li a:focus, .tertiary-navigation .custom-tertiary-menu li:active, .tertiary-navigation .custom-tertiary-menu li:focus, a {
     outline: 0;
     box-shadow: none;
     background: 0 0;
     -webkit-tap-highlight-color: transparent 
}
 .has-submenu-icon .menu-plus svg {
     transform: rotate(0) !important;
     transition: transform .3s 
}
 .hader_call svg {
     height: 22px !important 
}
 #secondary-menu {
     gap: 15px 
}
 @media screen and (max-width:575px) {
     .testimonials_single_page .testimonials-masonry .testimonial-container {
         width: calc(100% - 20px) 
    }
     #secondary-menu li:first-child {
         display: none 
    }
}
 .footer-widget .contact-box.contact-container-background-image {
     background-size: unset 
}
 .Development_background-image {
     background-image: url(https://reasoninfotech.com/wp-content/uploads/2025/06/Frame-1321314716-1.jpg) !important 
}
 .career-background-image {
     background-image: url(https://reasoninfotech.com/wp-content/uploads/2025/06/Frame-1321314nghgj737.png) !important 
}
 .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
     padding-top: 20px;
     margin: 0 auto;
     transform: unset !important 
}
 @media screen and (max-width:1100px) {
     .counter-container-get-a-quotega>.counter-box:nth-child(2)::after {
         content: unset !important 
    }
}
 .get-a-quotega .btn-come:hover svg path {
     fill: #000 
}
 .Our-Approach-banner-career .Our-Approach-banner {
     padding: 0 
}
 @media only screen and (max-width:1199px) {
     .tech-item {
         width: calc(25% - 7.5px) 
    }
     .hover-overlay img {
         max-width: 40px 
    }
     .service-title {
         font-size: 20px 
    }
}
 @media only screen and (max-width:775px) {
     .marquee__inner p {
         padding: 0 
    }
}
 @media only screen and (max-width:575px) {
     .footer-middle, .testimonial-content-bottom {
         display: block 
    }
     .banaras>.container {
         padding: 0 20px 
    }
     .our-work-img {
         width: calc(50% - 10px);
    }
     .our-work-img .portfolio_title_pag {
         font-size:14px;
    }
     .row.cus-email, .row.cus-fname, .row.cus-lname, .row.cus-phone, .service-card-shopify {
         width: 100% 
    }
     .service-item {
         font-size: 16px !important 
    }
     .main-titel h1, .main-titel h2, .main-titel h3, .main-titel h4 {
         font-size: 38px !important 
    }
     .Our-Approach .main-titel h1, .career-Innovations .main-titel h1, .connect-us h2, .main-titel h2, .page-shopify .main-titel h1 {
         font-size: 28px !important 
    }
     .main-text {
         padding: 0 20px !important 
    }
     .banner-booten {
         margin: 20px auto 0;
         flex-wrap: wrap;
         gap: 0 20px 
    }
     .banner-booten a svg {
         display: none 
    }
     .testimonial-content-top .testimonial_icon img {
         position: unset;
         top: 0;
         right: 15px;
         border: 0 
    }
     .testimonial-content-bottom p {
         margin: 0;
         padding: 0;
         text-align: left 
    }
     .testimonial-content-top p {
         text-align: left 
    }
     .testimonial-container {
         padding: 15px 20px 
    }
     .testimonial-content-bottom>.testimonial {
         margin-bottom: 10px 
    }
     .marquee_body .body__inner-wrapper {
         border-radius: 5px 
    }
     .contact-icons {
         display: flex 
    }
     .contact-box {
         justify-content: unset 
    }
     .content-container h3 {
         font-size: 20px !important 
    }
     .counter-container-shopify {
         margin-bottom: 30px 
    }
     .service-description {
         font-size: 14px 
    }
     .Shopify-Plus-\?, .Website-Delivered-for-Business-content h2, .our-work-title, .shopify-partners-title {
         font-size: 28px 
    }
     .Website-Delivered-for-Business-container {
         padding: 20px 
    }
     .dev-progress .inner-box:nth-child(2n) .icon-box, .dev-progress .inner-box:nth-child(odd) .icon-box {
         padding: 20px 10px 20px 0 
    }
     .dev-progress {
         max-width: calc(100% - 40px);
         gap: 15px 
    }
     .mobile-image {
         width: 60px;
         height: 60px 
    }
     .dev-progress:before {
         left: 30px;
         top: 140px;
         height: calc(100% - 250px) 
    }
     .Shopify-Plus-content {
         grid-template-columns: repeat(1, 1fr) 
    }
     .shopify-plus-item:first-child, .shopify-plus-item:nth-child(3) {
         border-right: unset 
    }
     .shopify-plus-item:first-child {
         border-top: unset 
    }
     .shopify-plus-item {
         border-top: 1px solid #c9ced6 
    }
     .tech-item {
         width: calc(50% - 10px) 
    }
     .career-btn .btn-come {
         padding: 15px 10px !important;
         font-size: 14px 
    }
     .career-btn {
         gap: 10px 
    }
     .get-quote a svg {
         width: 45px;
         padding: 6px;
         line-height: 45px;
         height: 45px 
    }
     .join_us h3 {
         font-size: 24px !important 
    }
     .services-our-img-text {
         padding: 20px 0 0 
    }
     .counter-box:not(:last-child)::after {
         top: 25% 
    }
     .get-a-quotega-mini-container {
         padding-bottom: 25px 
    }
}
 .testimonial-section .container {
     padding: 15px 20px 
}
 .our-work-slider {
     padding-right: 20px !important;
     padding-left: 20px !important 
}
 [data-name=file-900] .wpcf7-not-valid-tip {
     display: block 
}
 .upload_file {
     opacity: 0;
     line-height: 0 
}
 .connect-us p br {
     line-height: 0;
     display: none 
}
 .get-a-quotega-titel-mobile {
     display: none !important 
}
 @media only screen and (max-width:1100px) {
     .get-a-quotega-mini-container-page .get-a-quotega-container {
         flex-direction: column-reverse 
    }
     .get-a-quotega-titel-mobile {
         display: block !important 
    }
     .get-a-quotega-titel-dp {
         display: none !important 
    }
}
 .title_text .get-a-quotega-titel-text p {
     padding: 0 20px;
}
 .get-a-quotega-titel-text h2 {
     padding:0 20px;
     margin:0;
     font-size: 24px;
}
 .all-post .our-work-container .our-work-img {
     margin-bottom:10px;
}
 @media only screen and (max-width:575px) {
     .portfolio_title_pag {
         font-size: 14px;
         line-height:normal;
    }
     .our-work-img .portfolio_title_pag {
         margin-top: 10px;
    }
}
 .all-categories {
     background: #fff;
     box-shadow: 0 20px 100px 0 rgba(7, 11, 52, .3);
     border-radius: 8px;
     position:relative;
     padding:0 40px;
     margin-bottom: 25px;
}
 .all-categories .swiper .swiper-wrapper .category-item {
     margin:0;
     padding:0;
     color: #000;
     width: 100%;
     display: inline-block;
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 500;
     padding: 5px 10px;
     border-radius: 8px;
     cursor: pointer;
}
 .all-categories .category-swiper {
     position:unset;
     padding: 10px 10px;
}
 .swiper-button-prev-category::after, .swiper-button-next-category::after {
     font-size: 15px;
     color: #fff;
     background: #000;
     padding: 10px 10px;
     border-radius: 8px;
}
 .swiper-button-prev-category {
     left: 10px;
     cursor: pointer;
}
 .swiper-button-next-category {
     right:10px;
     cursor: pointer;
}
 .all-categories .swiper-slide {
     width:auto !important;
}
 .all-categories .swiper .swiper-wrapper .category-item.active {
     background-color: #1777ff;
     color: #fff;
}
 .all-categories .swiper-wrapper {
     align-items:center;
}
 @media only screen and (max-width:768px) {
     .swiper-button-prev-category::after, .swiper-button-next-category::after {
         font-size: 10px;
         padding: 15px 10px;
    }
     .all-categories .category-swiper {
         padding: 10px 5px;
    }
     .all-categories {
         padding: 0 30px;
    }
     .all-categories .swiper .swiper-wrapper .category-item {
         font-size: 14px;
    }
     .swiper-button-next-category {
         right: 5px;
    }
     .swiper-button-prev-category {
         left: 5px;
    }
     .desktop-image {
         display:none !important;
    }
}
 .service-card a {
     text-decoration: none;
     color: #4e4e4e;
}
 .hover-new-btn a:hover {
     background:#fff;
}
 p.Partners_link {
     text-align: center;
     margin: 0;
}
 .Partners_link a {
     text-align: center;
     color: #1777ff;
     text-decoration: none;
     font-size: 16px;
}
 .Partners_link a:hover {
     color: #FFF;
}
 @media only screen and (max-width:575px) {
     .Partners_link a {
         font-size: 14px;
    }
}
 @media only screen and (max-width:991px) {
     .business {
         display:none;
    }
     .contact-container {
         gap:0;
    }
     .address {
         margin-top: 10px;
    }
}
 .scroll-animate {
     opacity: 0;
     transform: translateY(50px);
     transition: all 1s ease;
}
 .scroll-animate.show {
     opacity: 1;
     transform: translateY(0);
}
 .marquee__inner p img {
     height: 100%;
     max-width: 100%;
     max-height: 50px;
     object-fit: contain;
}
 .btn-come-white svg {
     width:35px !important;
}
 .marquee__inner p img {
     opacity: 1 !important;
     transition: opacity .25s ease-in-out !important;
}