/* ===================================================== SAMADHAN SOLUTIONS SLIDER - MODIFIED FINAL Even Heights + Taller Boxes + Smooth Scroll ===================================================== */ /* Main Container - NO EXTRA BOTTOM SPACE */ div.wrapper.samadhan-solutions-slider { max-width: 1400px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding-top: 20px; padding-bottom: 20px !important; padding-left: 70px; padding-right: 70px; overflow: hidden; box-sizing: border-box; position: relative; } div.wrapper.samadhan-solutions-slider * { box-sizing: border-box; } /* Swiper Container */ div.wrapper.samadhan-solutions-slider > div.swiper { width: 100%; padding-top: 10px; padding-bottom: 25px !important; /* Space for shadow */ overflow: visible; position: relative; margin: 0 !important; } /* WRAPPER: Forces all slides to stretch to the same height */ div.wrapper.samadhan-solutions-slider div.swiper-wrapper { display: flex; align-items: stretch !important; /* Key to even heights */ height: auto !important; } /* Individual Slides */ div.wrapper.samadhan-solutions-slider div.swiper-slide { width: 350px; height: auto !important; /* Allow stretch */ padding: 15px; flex-shrink: 0; display: flex; /* Essential for child height */ flex-direction: column; } /* THE BOX CARD - TALLER & UNIFORM */ div.wrapper.samadhan-solutions-slider div.swiper-slide div.content-wrapper { background-color: #ffffff; border-radius: 10px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); padding: 30px 25px; width: 100%; height: 100%; /* Fills the slide height */ /* --- MODIFICATION: Taller Height --- */ min-height: 400px; /* ----------------------------------- */ display: flex; flex-direction: column; border: 1px solid #e5e5e5; transition: all 0.3s ease; } div.wrapper.samadhan-solutions-slider div.swiper-slide div.content-wrapper:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(0, 111, 186, 0.15); border-color: #006FBA; } /* Content Container - Distributes items evenly */ div.wrapper.samadhan-solutions-slider div.swiper-slide div.content { display: flex; flex-direction: column; align-items: center; text-align: center; height: 100%; justify-content: space-between; /* Pushes button to bottom strictly */ } /* ICON CIRCLE */ div.wrapper.samadhan-solutions-slider div.swiper-slide div.swiper-avatar { width: 90px; height: 90px; min-width: 90px; min-height: 90px; background: linear-gradient(135deg, #006FBA 0%, #0088e0 100%); border-radius: 50%; display: flex !important; align-items: center; justify-content: center; padding: 18px; margin-bottom: 20px; box-shadow: 0 8px 25px rgba(0, 111, 186, 0.3); } /* IMAGES */ div.wrapper.samadhan-solutions-slider div.swiper-slide div.swiper-avatar img { width: 50px !important; height: 50px !important; object-fit: contain !important; display: block !important; } /* TITLE */ div.wrapper.samadhan-solutions-slider div.swiper-slide p.cite { font-size: 18px; font-weight: 700; margin: 0 0 15px 0; line-height: 1.4; } div.wrapper.samadhan-solutions-slider div.swiper-slide p.cite a { color: #006FBA; text-decoration: none; } div.wrapper.samadhan-solutions-slider div.swiper-slide p.cite a:hover { color: #f7941d; } /* DESCRIPTION CONTAINER */ div.wrapper.samadhan-solutions-slider div.swiper-slide div.content-optmise2 { flex-grow: 1; margin-bottom: 20px; width: 100%; } /* DESCRIPTION TEXT - Uniform Lines */ div.wrapper.samadhan-solutions-slider div.swiper-slide p.js-excerpt { font-size: 14px; line-height: 1.7; color: #555555; margin: 0; text-align: center; } /* HIDDEN STATE: Show exactly 5 lines (Taller & Uniform) */ div.wrapper.samadhan-solutions-slider div.swiper-slide p.js-excerpt.excerpt-hidden { display: -webkit-box; -webkit-line-clamp: 5; /* Shows more text, keeps boxes even */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: auto; max-height: none; /* Removed pixel limit for cleaner look */ } /* VISIBLE STATE */ div.wrapper.samadhan-solutions-slider div.swiper-slide p.js-excerpt.excerpt-visible { display: block; height: auto; overflow: visible; } /* BUTTON */ div.wrapper.samadhan-solutions-slider div.swiper-slide a.about-erp-solution { display: inline-block; padding: 12px 28px; background: linear-gradient(135deg, #f7941d 0%, #f15a22 100%); color: #ffffff; text-decoration: none; border-radius: 30px; font-size: 14px; font-weight: 600; margin-top: auto; /* Ensures alignment at bottom */ cursor: pointer; box-shadow: 0 4px 15px rgba(247, 148, 29, 0.3); } div.wrapper.samadhan-solutions-slider div.swiper-slide a.about-erp-solution:hover { background: linear-gradient(135deg, #006FBA 0%, #0088e0 100%); transform: translateY(-2px); } /* ===================================================== NAVIGATION ARROWS (Fixed Z-Index) ===================================================== */ div.wrapper.samadhan-solutions-slider div.swiper div.swiper-button-prev, div.wrapper.samadhan-solutions-slider div.swiper div.swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: linear-gradient(135deg, #006FBA 0%, #0088e0 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0, 111, 186, 0.3); cursor: pointer; z-index: 99 !important; /* Boosted Z-Index */ margin: 0; } div.wrapper.samadhan-solutions-slider div.swiper div.swiper-button-prev { left: -55px; } div.wrapper.samadhan-solutions-slider div.swiper div.swiper-button-next { right: -55px; } div.wrapper.samadhan-solutions-slider div.swiper div.swiper-button-prev:after, div.wrapper.samadhan-solutions-slider div.swiper div.swiper-button-next:after { display: none !important; } div.wrapper.samadhan-solutions-slider div.swiper div.swiper-button-prev i, div.wrapper.samadhan-solutions-slider div.swiper div.swiper-button-next i { color: #ffffff; font-size: 20px; } /* ===================================================== RESPONSIVE ===================================================== */ @media screen and (max-width: 1200px) { div.wrapper.samadhan-solutions-slider { padding: 15px 60px 10px 60px; } div.wrapper.samadhan-solutions-slider div.swiper div.swiper-button-prev { left: -45px; width: 45px; height: 45px; } div.wrapper.samadhan-solutions-slider div.swiper div.swiper-button-next { right: -45px; width: 45px; height: 45px; } } @media screen and (max-width: 768px) { div.wrapper.samadhan-solutions-slider { padding: 15px 50px 10px 50px !important; } div.wrapper.samadhan-solutions-slider div.swiper-slide { width: 280px; } div.wrapper.samadhan-solutions-slider div.swiper div.swiper-button-prev { left: -35px; width: 38px; height: 38px; } div.wrapper.samadhan-solutions-slider div.swiper div.swiper-button-next { right: -35px; width: 38px; height: 38px; } } .whatsapp-button { position: fixed; bottom: 90px; right: 10px; z-index: 9999; } .whatsapp-button img { width: 55px; height: auto; } .elementor-7286 .elementor-element.elementor-element-7e71d36 > .elementor-widget-container {height: 550px !important; } .elementor-18912 .elementor-element.elementor-element-8122841 .elementskit-navbar-nav > li { text-align: center; } .yoast-breadcrumb { font-size: 8px!important; } .hide-breadcrumb { display: none !important; } .nv-post-navigation{margin-bottom: 10px !important;} .elementor-7286 .elementor-element.elementor-element-d561ba4 .qodef-item-layout--boxed .qodef-e-content{height:200px!important;} .nav-links { display: flex; justify-content: center; align-items: center; gap: 6px; padding: 40px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; flex-wrap: wrap; } .nav-links a, .nav-links span { display: inline-flex; justify-content: center; align-items: center; min-width: 42px; height: 42px; padding: 0 14px; font-size: 14px; font-weight: 500; text-decoration: none; color: #2F5AAE; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; transition: all 0.2s ease; } .nav-links a:hover { color: #111827; background: #f9fafb; border-color: #d1d5db; } .nav-links .current { color: #ffffff; background: #2F5AAE; border-color: #2563eb; font-weight: 600; } .nav-links .prev, .nav-links .next { padding: 0 18px; gap: 8px; } .nav-links .prev::before { content: '←'; margin-right: 5px; } .nav-links .next::after { content: '→'; margin-left: 5px; } .nav-links .dots { border: none; background: transparent; min-width: auto; padding: 0 8px; } /* Force Equal Heights on Grid */ .elementor-posts-container, .qodef-blog-holder { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: stretch; } /* For 2 Column Layout */ .elementor-posts-container.elementor-posts--columns-2 { grid-template-columns: repeat(2, 1fr); } /* For 4 Column Layout */ .elementor-posts-container.elementor-posts--columns-4 { grid-template-columns: repeat(4, 1fr); } /* Each Blog Item */ .qodef-blog-item, .elementor-post { display: flex !important; height: 100% !important; } /* Inner Container */ .qodef-e-inner { display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; min-height: 420px; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); } /* Image - Fixed Height */ .qodef-e-inner .qodef-e-media-image { height: 200px !important; min-height: 200px !important; max-height: 200px !important; overflow: hidden; } .qodef-e-inner .qodef-e-media-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; } /* Content - Flex Grow */ .qodef-e-inner .qodef-e-content { display: flex !important; flex-direction: column !important; flex: 1 !important; padding: 25px !important; } /* Title Fixed */ .qodef-e-inner .qodef-e-title { min-height: 55px !important; max-height: 55px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; } /* Excerpt Fixed */ .qodef-e-inner .qodef-e-excerpt { min-height: 70px !important; max-height: 70px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; flex: 1 !important; } /* Button at Bottom */ .qodef-e-inner .qodef-e-read-more { margin-top: auto !important; } /* Responsive */ @media (max-width: 1024px) { .elementor-posts-container, .qodef-blog-holder { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .elementor-posts-container, .qodef-blog-holder { grid-template-columns: 1fr; } .qodef-e-inner { min-height: auto; } } .search-form { position: relative; max-width: 420px; width: 100%; } .search-form .search-field { width: 100%; height: 55px; padding: 0 55px 0 22px; font-size: 15px; font-weight: 500; color: #333; background: #fff; border: none; border-bottom: 3px solid #ddd; border-radius: 0; outline: none; transition: all 0.4s ease; } .search-form .search-field::placeholder { color: #aaa; font-weight: 400; letter-spacing: 0.5px; } .search-form .search-field:hover { border-bottom-color: #bbb; } .search-form .search-field:focus { border-bottom-color: #2F5AAE; background: linear-gradient(to bottom, #fff 95%, #eef3fb 100%); } .search-form .search-submit { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: transparent !important; border: none; color: #888; font-size: 18px; cursor: pointer; transition: all 0.3s ease; } .search-form .search-submit:hover { color: #2F5AAE !important; transform: translateY(-50%) translateX(-3px); } .search-form .search-submit:hover svg, .search-form .search-submit:hover i, .search-form .search-submit:hover path { fill: #2F5AAE !important; color: #2F5AAE !important; } /* 🎨 PROFESSIONAL CONTACT FORM 7 STYLING */ /* 1. All input fields - same width, padding, style */ .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-email, .wpcf7-form-control.wpcf7-tel, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-textarea { width: 100%; max-width: 500px; /* Increase this for wider fields */ padding: 12px 15px; /* More padding for better look */ font-size: 15px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; transition: border 0.3s ease; margin-bottom: 20px; /* Space between fields */ display: block; } /* 2. Add focus effect when user clicks on field */ .wpcf7-form-control.wpcf7-text:focus, .wpcf7-form-control.wpcf7-email:focus, .wpcf7-form-control.wpcf7-tel:focus, .wpcf7-form-control.wpcf7-number:focus, .wpcf7-form-control.wpcf7-textarea:focus { border-color: #007bff; /* Change to your brand color */ outline: none; box-shadow: 0 0 5px rgba(0, 123, 255, 0.3); } /* 3. Placeholder text style */ .wpcf7-form-control::placeholder { color: #999; font-style: italic; } /* 4. Labels (if you have them) */ .wpcf7-form label { font-weight: 600; color: #333; display: block; margin-bottom: 6px; font-size: 14px; } /* 5. Submit button styling */ .wpcf7-form input[type="submit"], .wpcf7-submit { background-color: #007bff; /* Change to your brand color */ color: #fff; padding: 12px 30px; font-size: 16px; border: none; border-radius: 5px; cursor: pointer; transition: background 0.3s ease; margin-top: 10px; } .wpcf7-form input[type="submit"]:hover, .wpcf7-submit:hover { background-color: #0056b3; /* Darker shade on hover */ } /* 6. Form container padding and alignment */ .wpcf7-form { max-width: 550px; /* Form container width */ margin: 0 auto; /* Center the form */ padding: 20px; } /* 7. Error/Validation messages */ .wpcf7-not-valid-tip { color: #dc3545; font-size: 13px; margin-top: 5px; } /* 8. Success message */ .wpcf7-response-output { border: 2px solid #28a745; color: #28a745; padding: 10px; margin-top: 15px; border-radius: 5px; } /* 9. Mobile responsive adjustments */ @media (max-width: 768px) { .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-email, .wpcf7-form-control.wpcf7-tel, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-textarea { max-width: 100%; } .wpcf7-form { padding: 15px; } } .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-email, .wpcf7-form-control.wpcf7-tel, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-textarea{ margin-top: 18px; } .sam-pro-form textarea { width: 513px !important; } /* ✅ Style only the 'your-message' field in Contact Form 7 with ID 17113 */ .wpcf7 form[data-id="17113"] textarea[name="your-message"] { width: 511px !important; max-width: 100%; padding: 12px 15px; font-size: 15px; border: 1px solid #ccc; border-radius: 5px; resize: vertical; box-sizing: border-box; margin-bottom: 20px; } .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-email, .wpcf7-form-control.wpcf7-tel, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-textarea {max-width: 392px} .elementor-repeater-item-75ff604 { display: none !important; } /* Pull section up by 52px - Works 100% in Elementor */ .elementor-element-2249e1b5 { margin-top: -180px !important; position: relative; z-index: 999; } /* Alternative bulletproof method */ @media (min-width: 1025px) { .elementor-element-2249e1b5 { transform: translateY(-52px); } } .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-email, .wpcf7-form-control.wpcf7-tel, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-textarea {     max-width: 1080px; } .wpcf7-form { max-width: 1257px; margin: 0 auto; padding: 20px; } /* FIX SOLUTIONS & SERVICES MENU - ONE LINE DISPLAY */ /* Force all menu items to stay on one line */ .mega-menu-item a, .menu-item a { white-space: nowrap; display: inline-block; } /* Specifically for Services submenu items */ a[href*="dynamics-365-bc-nav-implementation"], a[href*="upgrade-nav-to-dynamic365-business-central"], a[href*="dynamics365-fo-ax-implementation"], a[href*="upgrade-ax-to-dynamics-365-fo"], a[href*="erp-customization"] { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; } /* Reduce font size slightly for Services menu to fit one line */ .mega-menu-item a { font-size: 14px; } .site-footer { display: none !important; }