* {
margin: 0px;
padding: 0px;
outline: 0px;
}
img {
border: 0px;
}
ul,
ol {
padding: 0;
margin: 0;
list-style-type: none;
}
p {
margin: 0px;
padding: 0px;
}
a {
padding: 0;
margin: 0;
text-decoration: none;
}
body {
overflow-x: hidden;
font-family: "Oswald", sans-serif;
font-family: "Open Sans", sans-serif;
}
/*header_part*/
.mobile_menu_top {
background-color: #e0e1e4;
}
.mobile-search-input {
border-radius: 4px 0 0 4px;
border: 1px solid #ccc;
font-size: 14px;
}
.mobile_menu_top button {
border-radius: 0 4px 4px 0;
}
/* MOBILE MENU BASE */
.mobile_menu {
position: fixed;
top: 0;
left: -100%;
width: 60%;
height: 100vh;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, 0.2);
transition: left 0.3s ease;
z-index: 99999;
overflow-y: auto;
}
.menu ul li .submenu {
position: absolute;
top: 36px;
left: 0;
background: #fff;
border-radius: 6px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
min-width: 300px;
opacity: 0;
visibility: hidden;
display: block;
transform: translateY(10px);
transition: all 0.3s ease;
}
.mobile_menu.active {
left: 0;
}
.header_part {
background-color: #F1F5FF;
padding: 10px 0px;
}
.logo img {
max-width: 150px;
}
/* DESKTOP MENU */
.menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.menu ul li {
position: relative;
}
.menu ul li a {
padding: 12px 20px;
text-decoration: none;
font-weight: 500;
color: #224ad0;
text-transform: uppercase;
transition: 0.3s;
}
.menu ul li:hover > a {
color: #ed5e33;
}
/* Submenu */
.menu ul li:hover .submenu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.menu ul li .submenu li a {
display: block;
padding: 8px 10px;
color: #224ad0;
font-size: 14px;
}
.menu ul li .submenu li a:hover {
background: #f8f9fa;
color: #ed5e33;
}
.mobile_menu_top small {
color: #333;
font-size: 14px;
display: block;
margin: 2px 0;
}
/* TOGGLE BUTTON */
.toggle_btn {
border: none;
background: #f1f1f1;
padding: 10px 12px;
border-radius: 5px;
font-size: 20px;
color: #224ad0;
}
/* MOBILE MENU */
.mobile_menu {
position: fixed;
top: 0;
left: -100%;
width: 75%;
height: 100vh;
background: #fff;
box-shadow: 2px 0 12px rgba(0, 0, 0, 0.2);
transition: left 0.3s ease;
z-index: 99999;
}
.mobile_menu.active {
left: 0;
}
.mobile_menu_content {
list-style: none;
padding: 0;
margin: 0;
}
.mobile_menu_content li {
border-bottom: 1px solid #e5e5e5;
}
.mobile_menu_content li a {
padding: 15px 20px;
display: flex;
justify-content: space-between;
color: #224ad0;
text-decoration: none;
font-weight: 500;
text-transform: uppercase;
}
.mobile_menu_content li a:hover {
color: #ed5e33;
}
/* Submenu (Mobile) */
.submenu_mobile {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
background: #f9f9f9;
}
.mobile_menu_content li.active .submenu_mobile {
max-height: 1000px;
}
@media (max-width: 767.98px) {
.toggle_btn {
margin-left: auto; /* Keep hamburger on the far right */
}
.header_part .d-md-none a {
font-size: 25px;
}
}
.main-header {
position: sticky;
top: 0;
z-index: 9999;
background: #fff;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
/*banner_part start*/
.banner_section {
position: relative;
height: 400px;
overflow: hidden;
}
.banner_bg {
height: 400px;
width: 100%;
background-size: cover;
background-position: center;
}
.banner_content_overly {
position: absolute;
top: 50%;
left: 80px;
transform: translateY(-50%);
max-width: 600px;
padding: 50px 30px;
background: rgba(241, 241, 241, 0.35);
color: #000;
border-radius: 8px;
}
.banner_content_overly h2 {
font-size: 26px;
margin-bottom: 10px;
font-weight: 800;
font-family: "Oswald", sans-serif;
}
.banner_content_overly h3 {
font-size: 22px;
margin-bottom: 15px;
font-weight: 500;
font-family: "Oswald", sans-serif;
color: #363636;
}
.banner_content_overly p {
font-size: 16px;
margin-bottom: 20px;
line-height: 1.5;
font-weight: 400;
color: #000;
}
.banner_content_overly a {
display: inline-block;
background: #007bff;
color: #fff;
padding: 10px 25px;
border-radius: 5px;
text-decoration: none;
font-weight: 500;
transition: 0.3s;
font-size: 15px;
}
.banner_content_overly a:hover {
background: #0056b3;
}
/* Responsive */
/* Slider background styling */
.banner_bg_mobile {
width: 100%;
height: 300px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
/* Carousel full height on mobile */
.banner_section_mobile .carousel,
.banner_section_mobile .carousel-inner,
.banner_section_mobile .carousel-item {
height: 300px;
}
.mobile_banner_content{
background-color: #ccccca;
}
.content_item{
text-align: center;
margin-bottom: 50px;
}
.content_item h3{
font-size: 28px;
font-weight: 800;
font-family: "Oswald", sans-serif;
color: #363636;
margin-top: 20px;
margin-bottom: 40px;
}
.content_item a{
padding: 10px 15px;
font-size: 18px;
font-weight: 500;
color: #fff;
background: #88a231;
font-family: "Open Sans", sans-serif;
border-radius: 7px;
}
/* @media (max-width: 991px) {
.banner_content_overly {
max-width: 100%;
padding: 20px;
max-width: calc(100% - 40px);
transform: translate(-50%, -50%);
}
.banner_content_overly h2 {
font-size: 1.6rem;
}
.banner_content_overly h3 {
font-size: 1.2rem;
}
.banner_content_overly p {
font-size: 0.95rem;
}
} */
.managing_btoom{
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
}
/*banner_part end*/
/*our_customer part start*/
.our_customer {
background: #fff;
}
.common_heading {
margin-top: 40px;
text-align: center;
margin-bottom: 25px;
}
.common_heading h3 {
font-size: 28px;
font-weight: 600;
text-transform: capitalize;
font-family: "Open Sans", sans-serif;
color: #000;
}
.customer_slider_item {
margin: 0px 10px;
width: 150px;
height: 80px;
justify-content: center;
align-items: center;
overflow: hidden;
}
.customer_slider_item img {
width: auto;
height: 100%;
max-width: 100%;
object-fit: contain;
display: block;
}
@media (max-width: 575.98px) {
.customer_slider_item {
margin: 0px 10px;
width: 100px;
height: 80px;
justify-content: center;
align-items: center;
overflow: hidden;
}
.customer_slider_item img {
width: auto;
height: 100%;
max-width: 100%;
object-fit: contain;
display: block;
}
}
/*our_customer part end*/
/*.managing_part start*/
.managing_dtls p {
text-align: center;
font-size: 16px;
font-weight: 400;
font-family: "Open Sans", sans-serif;
text-transform: capitalize;
color: #64697D;
line-height: 1.6;
}
.manage_card {
position: relative;
width: 100%;
height: 100%;
background-color: #E8FFFF;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
border-radius: 8px;
padding: 55px 40px;
text-align: center;
transition: color 0.3s ease-in-out;
cursor: pointer;
overflow: hidden;
/* Important for clipping overlay */
}
.manage_card::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-color: #396cde;
z-index: 0;
transition: height 0.4s ease;
border-radius: 8px;
}
.manage_card:hover::before {
height: 100%;
}
.manage_card * {
position: relative;
z-index: 1;
/* Content stays above the overlay */
}
.manage_card:hover .manage_hding h5,
.manage_card:hover .manage_dtls p {
color: #fff;
}
.manage_hding h5 {
font-size: 20px;
font-weight: 600;
margin: 24px 0 10px;
}
.manage_dtls p {
text-align: justify;
font-size: 16px;
font-weight: 400;
font-family: "Open Sans", sans-serif;
text-transform: capitalize;
color: #64697D;
line-height: 1.6;
}
/*.managing_part end*/
/*our_vision part start*/
/*our_vision part end*/
/*key_feature start*/
.key_feature {
margin-top: 50px;
}
.key_card {
position: relative;
width: 100%;
height: 100%;
background-color: #fff0f1;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
border-radius: 8px;
padding: 55px 40px;
text-align: left;
transition: color 0.3s ease-in-out;
cursor: pointer;
overflow: hidden;
/* Important for clipping overlay */
}
.key_card::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-color: #396cde;
z-index: 0;
transition: height 0.4s ease;
border-radius: 8px;
}
.key_card:hover::before {
height: 100%;
}
.key_card * {
position: relative;
z-index: 1;
/* Content stays above the overlay */
}
.key_card:hover .key_hding h5,
.key_card:hover .key_dtls p {
color: #fff;
}
.key_hding h5 {
font-size: 20px;
font-weight: 600;
margin: 24px 0 10px;
}
.key_dtls p {
text-align: justify;
font-size: 16px;
font-weight: 400;
font-family: "Open Sans", sans-serif;
text-transform: capitalize;
color: #64697D;
line-height: 1.6;
}
/*key_feature end*/
/* setup start*/
.cta-section {
background-color: #3b2fc6;
/* Deep blue background */
color: white;
overflow: hidden;
position: relative;
}
.cta-btn {
background: linear-gradient(45deg, #a84ada, #d155cc);
color: white;
padding: 12px 30px;
font-weight: 500;
border-radius: 8px;
border: 1px solid #fff;
transition: 0.3s;
text-decoration: none;
}
.cta-btn:hover {
background: #fff;
color: #3b2fc6;
border-color: #fff;
}
.cta-image-wrapper {
border-top-left-radius: 300px;
border-bottom-left-radius: 300px;
overflow: hidden;
width: 100%;
max-height: 400px;
}
.cta-image-wrapper img {
width: 100%;
height: auto;
object-fit: cover;
}
/* setup end*/
/*testimonial_part start*/
.testimonial_part {
margin-top: 70px;
}
.text_heading h4 {
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
font-family: "Open Sans", sans-serif;
color: #000;
text-align: center;
}
.text_heading h2 {
font-size: 33px;
font-weight: 600;
text-transform: capitalize;
font-family: "Open Sans", sans-serif;
color: #000;
text-align: center;
}
.testimonial-box {
width: 100%;
max-width: 350px;
margin: 0 auto;
padding: 50px 24px 24px;
background-color: #fff;
border: 1px solid #eee;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
position: relative;
font-family: "Open Sans", sans-serif;
}
.quote-icon {
width: 40px;
height: 40px;
background-color: #3b2fc6;
color: white;
border-radius: 50%;
position: absolute;
top: -20px;
left: 24px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
}
.stars i {
color: #ff5e3a;
}
.testimonial-text {
font-size: 16px;
color: #444;
line-height: 1.6;
height: 80px;
overflow: hidden;
text-overflow: ellipsis;
}
.user-info {
display: flex;
align-items: center;
gap: 10px;
border-top: 1px solid #eee;
padding-top: 16px;
}
.avatar {
width: 40px !important;
height: 40px !important;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
}
.user-name {
font-weight: 600;
color: #1e1e1e;
}
/*testimonial_part end*/
/*footer_part start*/
@media (max-width: 575.98px) {
.footerlog{
text-align: center;
}
.contact{
text-align: center;
}
.footer_part{
text-align: center;
}
}
.footer_part a {
text-decoration: none;
transition: color 0.3s ease;
}
.list-unstyled li {
padding: 6px 0px;
}
.list-unstyled li a {
color: #6864ff !important;
display: block;
/* padding: 8px 12px; */
border-radius: 5px;
transition: 0.3s;
}
.list-unstyled li:hover a {
color: #e45c18 !important;
background: #f8f9fa;
}
.footer_part a:hover {
color: #ffc107;
}
.ft_btn p {
margin-top: 5px;
font-size: 16px;
font-weight: 300;
color: #fff;
}
.footer_icon a i{
color: #6864ff !important;
margin-top: 5px;
font-size: 16px;
font-weight: 300;
}
.footer_icon a i:hover{
color: #e45c18 !important;
}
/*footer_part end*/
/*fashion software part*/
.service_item h3 {
text-align: center;
font-size: 22px;
font-weight: 600;
text-transform: capitalize;
font-family: "Open Sans", sans-serif;
color: #666666;
}
.service_item h3::after {
content: "";
display: block;
width: 10%;
margin: 10px auto 0 auto;
border-bottom: 2px solid #000;
}
.service_title h2 {
text-align: left;
font-size: 25px;
font-weight: 600;
text-transform: capitalize;
font-family: "Open Sans", sans-serif;
color: #000;
position: relative;
padding-left: 20px;
}
.service_title h2::after {
content: "";
display: block;
color: #000;
height: 10px;
width: 3px;
left: 10px;
}
.service_title h2::before {
content: "";
position: absolute;
left: 0;
top: 40%;
transform: translateY(-50%);
width: 5px;
height: 30px;
background-color: #000;
}
/**/
.featuresss {
list-style: none;
padding-left: 0;
font-family: "Open Sans", sans-serif;
font-size: 15px;
}
.featuresss li {
position: relative;
padding-left: 28px;
margin-bottom: 12px;
color: #676767;
}
.featuresss li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
color: #676767;
font-weight: bold;
}
.featuresss li ul {
list-style: none;
margin-top: 10px;
padding-left: 20px;
}
.featuresss li ul li {
position: relative;
/* background-color: #f5f5f5;*/
padding: 5px 8px;
margin-bottom: 4px;
/* border-left: 4px solid #888;*/
border-radius: 4px;
font-size: 14px;
}
.featuresss li ul li::before {
content: "■";
position: absolute;
left: -16px;
top: 46%;
transform: translateY(-50%);
color: #555;
font-size: 20px;
}
/* Our service page*/
/*combo_part end*/
.package-toggle-buttons .btn {
padding: 10px 30px;
font-weight: 600;
font-size: 16px;
border-radius: 25px;
transition: background-color 0.3s, color 0.3s;
}
.package-toggle-buttons .btn.active {
background-color: #6366f1;
color: white;
border-color: #6366f1;
}
.combo_box {
padding: 30px 20px;
margin: 40px 0;
border-radius: 16px;
background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
transition: 0.4s;
}
.combo_box:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}
.combo_title {
font-size: 26px;
font-weight: 800;
margin-bottom: 20px;
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
color: #3a3a3a;
border-left: 5px solid #6366f1;
padding-left: 10px;
}
.combo_details ul {
padding-left: 20px;
margin: 0;
}
.combo_details ul li {
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
color: #333;
position: relative;
padding-left: 20px;
}
.combo_details ul li::before {
content: "✔";
position: absolute;
left: 0;
color: #4ade80;
font-weight: bold;
}
/* Image Grid */
.combo_item {
text-align: center;
transition: 0.3s;
}
.combo_item:hover {
transform: scale(1.05);
}
.combo_item_img {
height: 130px;
width: 130px;
margin: 0 auto 12px;
border-radius: 50%;
border: 4px solid #6366f1;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.combo_item_img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.p_name {
font-size: 17px;
font-weight: 600;
color: #333;
font-family: "Open Sans", sans-serif;
}
/* Mobile Friendly */
@media (max-width: 575.98px) {
.combo_item_img {
height: 90px;
width: 90px;
}
.p_name {
font-size: 14px;
}
.combo_title {
font-size: 22px;
}
}
/* about part */
.ceo_img{
width: 70%;
height: 350px;
margin: 0px 75px;
}
.ceo_img img{
width: 100%;
height: 100%;
border-radius: 10px;
}
.ceo_dtls h3{
font-size: 25px;
font-weight: 700;
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
color: #000;
}
.ceo_dtls h6{
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
font-family: "Open Sans", sans-serif;
color: #6864ff;
}
.ceo_dtls p{
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
font-family: "Open Sans", sans-serif;
color: #64697D;
line-height: 1.6;
}
.about_company h2{
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
color: #000;
}
.about_company p{
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
font-family: "Open Sans", sans-serif;
color: #64697D;
line-height: 1.6;
}
.about_company_img{
width: 70%;
height: 350px;
margin: 0px 75px;
}
.about_company_img img{
width: 100%; height: 100%;
border-radius: 10px;
}
.team-card:hover {
transform: scale(1.03);
}
.team-overlay {
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.7);
color: white;
height: 100%;
width: 100%;
opacity: 0;
transition: 0.4s ease;
text-align: center;
padding: 20px;
}
.team-card:hover .team-overlay {
opacity: 1;
transition: 0.4s ease;
}
/* contact part start */
#contact{
padding: 50px 0;
}
.contact_content{
margin: 20px 0;
}
.contact_head h2{
font-size: 30px;
font-weight: 800;
text-align: center;
text-transform: uppercase;
color: #333;
}
.contact_content ul li{
font-size: 15px;
font-weight: 600;
line-height: 40px;
text-align: center;
color: #212529;
}
.contact_content ul li i{
font-size: 13px;
margin-right: 8px;
}
.contact_map{
width: 100% !important;
}
span.req_star{
color: #CC0000;
}
form .form_box{
padding: 10px 0;
}
.form_box .form_title label{
font-size: 16px;
font-weight: 700;
color: #212529;
margin-bottom: 4px;
}
.form_box .form_input input{
padding: 6px 10px;
border: 2px solid #333e48;
background-color: #f5f5f5;
border-radius: 30px;
min-height: 38px;
width: 65%;
}
.form_box .form_input .input1{
width: 31%;
}
.form_box .form_input textarea{
height: 120px;
width: 100%;
border: 2px solid #333e48;
border-radius: 20px;
background-color: #f5f5f5;
padding: 6px 10px;
}
form .cn_button button{
background-color: #eee;
border: 1px solid #ddd;
color: #333;
font-size: 1em;
padding: 10px 15px;
border-radius: 30px;
transition: all linear .3s;
}
form .cn_button button:hover{
background-color: #333;
border: 1px solid #333;
color: #fff;
transition: all linear .3s;
}
/* contact part end */
.ft-key-card {
height: 100%;
min-height: 330px; /* You can adjust this value */
display: flex;
flex-direction: column;
justify-content: start;
}
.ft-key-section {
padding: 60px 0;
background-color: #f2f4f7;
}
.ft-key-heading h3 {
font-size: 28px;
font-weight: 600;
text-align: center;
color: #1e1e2f;
margin-bottom: 15px;
}
.ft-key-subtext {
text-align: center;
font-size: 16px;
color: #6c757d;
margin-bottom: 40px;
}
.ft-key-card {
background: #ffffff;
padding: 25px 20px;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
text-align: center;
transition: all 0.3s ease;
height: 100%;
min-height: 280px; /* You can adjust this value */
display: flex;
flex-direction: column;
justify-content: start;
}
.ft-key-card:hover {
transform: translateY(-6px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
}
.ft-key-icon img {
width: 100%;
height: 100px;
margin-bottom: 15px;
object-fit: contain;
}
.ft-key-title h5 {
font-size: 18px;
font-weight: 600;
color: #34495e;
margin-bottom: 10px;
}
.ft-key-desc p {
font-size: 14px;
color: #6e6e6e;
line-height: 1.6;
}
/* counter up part */
.counter-section {
margin-top: 20px;
background: linear-gradient(135deg, #4c6d8a, #e6f7ff);
}
.counter {
font-size: 3rem;
}
.counter-title {
font-size: 1.2rem;
color: #333;
font-weight: 500;
}
.counter-box {
background: #acacac;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.counter-box:hover {
transform: translateY(-5px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
/*Software update page*/
.software_banner {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 400px;
display: flex;
align-items: center;
}
.soft_banner_content {
text-align: left;
}
.soft_banner_content h3 {
font-size: 28px;
margin-bottom: 15px;
font-weight: 800;
text-transform: capitalize;
color: #000;
font-family: 'RobotoBlack', sans-serif !important;
}
.soft_banner_content h4 {
font-size: 25px;
margin-top: 20px;
margin-bottom: 20px;
text-transform: capitalize;
color: #343434;
font-family: "Open Sans", sans-serif;
font-weight: 500;
}
.soft_banner_content a {
display: inline-block;
padding: 10px 20px;
background: #0056B3;
color: #fff;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
}
.soft_banner_content a:hover {
background: #e65c00;
}
@media (max-width: 768px) {
.software_banner {
height: 300px;
background-position: right center;
}
.soft_banner_content h3 {
font-size: 22px;
color: #030303;
}
.soft_banner_content h4 {
font-size: 18px;
color: #f1f1f1;
}
.soft_banner_content a {
padding: 8px 16px;
font-size: 14px;
}
}
@media (max-width: 480px) {
.software_banner {
height: 250px;
background-position: right center;
}
.soft_banner_content {
text-align: center;
width: 100%;
}
.soft_banner_content h3 {
font-size: 20px;
}
.soft_banner_content h4 {
font-size: 16px;
}
}
.software_heading {
padding: 60px 0;
background: #f8f9fa;
}
.soft_heading_cont {
max-width: 800px;
margin: 0 auto;
}
.soft_heading_cont h2 {
font-size: 26px;
font-weight: 800;
text-transform: capitalize;
color: #222;
margin-bottom: 20px;
font-family: 'RobotoBlack', sans-serif !important;
}
.soft_heading_cont p {
font-size: 25px;
color: #555;
line-height: 1.6;
font-family: "Open Sans", sans-serif;
margin-bottom: 0;
}
@media (max-width: 768px) {
.software_heading {
padding: 40px 0;
}
.soft_heading_cont h2 {
font-size: 28px;
}
.soft_heading_cont p {
font-size: 16px;
}
}
@media (max-width: 480px) {
.software_heading {
padding: 30px 0;
}
.soft_heading_cont h2 {
font-size: 24px;
}
.soft_heading_cont p {
font-size: 15px;
}
}
.about_soft_cont h2{
font-size: 26px;
font-weight: 800;
text-transform: capitalize;
color: #222;
margin-bottom: 20px;
font-family: 'RobotoBlack', sans-serif !important;
}
.about_soft_cont ul {
list-style: disc;
padding-left: 20px;
margin: 0;
}
.about_soft_cont ul li {
position: relative;
padding: 10px 0;
border-bottom: 1px solid #ddd;
font-size: 18px;
color: #333;
transition: all 0.3s ease;
cursor: default;
}
.about_soft_cont ul li:hover {
color: #007bff;
border-color: #007bff;
padding-left: 5px;
}
.about_soft_img {
margin: 15px auto;
width: 100%;
height: 400px;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
transition: transform 0.4s ease, box-shadow 0.4s ease;
cursor: pointer;
}
/* Hover effects for desktops */
.about_soft_img:hover {
transform: scale(1.03);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
}
.about_soft_img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
transition: transform 0.5s ease;
}
@media (max-width: 768px) {
.about_soft_img {
height: 300px;
border-radius: 15px;
}
.about_soft_img img {
border-radius: 15px;
}
}
@media (max-width: 480px) {
.about_soft_img {
height: 220px;
border-radius: 12px;
}
.about_soft_img img {
border-radius: 12px;
}
}
.hero-section {
background: #d5d5d5;
}
.soft_demo{
font-size: 26px;
font-weight: 800;
text-transform: capitalize;
color: #222;
margin-bottom: 20px;
font-family: 'RobotoBlack', sans-serif !important;
}
.btn-success {
background-color: #7ba13c;
border: none;
transition: all 0.3s ease;
}
.btn-success:hover {
background-color: #6d9234;
transform: translateY(-2px);
}
.team-card {
height: 320px;
}
.team-card img.card-img-top {
width: 100%;
height: 220px;
object-fit: contain;
background-color: #f8f9fa;
border-radius: 8px 8px 0 0;
}
.team-card .card-body {
padding: 1rem;
}
.card-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.text-muted {
font-size: 0.9rem;
}
.expert_heading h2 {
font-size: 32px;
font-weight: 700;
color: #333;
text-align: center;
position: relative;
margin-bottom: 30px;
padding-bottom: 10px;
}
.expert_heading h2::after {
content: "";
width: 60px;
height: 3px;
background: #6864ff; /* main theme color */
display: block;
margin: 10px auto 0 auto;
border-radius: 2px;
}
/* category webpage */
.product_head_title{
margin-top: 30px;
margin-left: 8px;
margin-bottom: 15px;
padding: 10px;
border-radius: 5px;
box-shadow: 0 0 6px rgba(1, 1, 1, .3);
background-color: #fff;
}
.product_head_title h2{
font-size: 18px;
line-height: 20px;
font-weight: 600;
}
.product_head_titles{
margin-top: 23px;
margin-left: 10px;
margin-bottom: 20px;
padding: 10px;
border-radius: 5px;
}
.product_head_brnd li{
padding: 5px 10px;
border: 1px solid #ddd;
border-radius: 5px;
font-weight: 600;
font-size: 18px;
transition: 0.4s;
}
.product_head_brnd li a{
color: #111;
}
.product_head_brnd li:hover{
background: #0F50B8;
}
.product_head_brnd li:hover a{
color: #fff;
}
.short_description{
cursor: default;
}
.short_description ul{
padding-top: 10px;
list-style: disc;
padding-left: 15px;
}
.short_description ul li{
color: #666;
font-size: 13px;
line-height: 16px;
padding-bottom: 10px;
}
.new_product_badge{
position: absolute;
top: 8px;
right: 8px;
padding: 2px 8px;
border-radius: 3px;
box-shadow: 0px 1px 1px 0px #808080d9;
z-index: 9;
}
.new_product_badge h5{
font-size: 14px;
font-weight: 400;
}
.product_details{
background: #fff;
padding: 14px;
/* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
box-shadow: 0px 8px 24px rgba(1, 1, 1, .3);
margin-bottom: 15px;
}
.product_details p{
font-size: 15px;
font-weight: 400;
line-height: 24px;
color: #242424;
margin-bottom: 16px;
}
.product_details h1{
font-size: 22px;
font-weight: 600;
line-height: 28px;
color: #242424;
margin-bottom: 8px;
}
.product_details h2{
font-size: 18px;
font-weight: 600;
line-height: 24px;
color: #242424;
margin-bottom: 8px;
}
.product_details h3{
font-size: 18px;
font-weight: 600;
line-height: 24px;
color: #242424;
margin-bottom: 8px;
}
.product_details a{
color: #0063d1;
font-weight: 600;
}
.product_details ul{
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
list-style: disc;
}
.product-card {
margin-bottom: 15px;
background-color: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
border: 1px solid #e0e0e0;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
}
.product-card:hover {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
transform: translateY(-5px);
border-color: #d0d0d0;
}
/* Image Section */
.product-image-wrapper {
height: 250px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-bottom: 1px solid #eee;
border-bottom: 1px solid #e5e5e5;
}
.product-image-wrapper img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
transition: transform 0.3s ease;
}
.product-card:hover .product-image-wrapper img {
transform: scale(1.05);
}
/* Content Section */
.product-info-wrapper {
height: 130px;
padding: 15px;
background-color: #f1f1f1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.product-title {
font-size: 15px;
font-weight: 400;
color: #2d7efe;
text-decoration: none;
line-height: 1.4;
}
.product-title:hover {
color: #0f50a8;
}
.product-bottom {
display: flex;
justify-content: space-between;
align-items: center;
/* margin-top: auto; */
}
.product-price {
font-size: 16px;
font-weight: 500;
color: #333;
}
.add-to-cart-btn {
padding: 8px 12px;
border-radius: 30px;
background-color: #fc4b00;
color: #fff;
border: 2px solid #fc4b00;
transition: all 0.3s ease;
}
.product-card:hover .add-to-cart-btn {
background-color: #0f50a8 !important;
border-color: #0f50a8;
}
/* s_product part start */
.hridoy2{
height: 100%;
width: 100%;
}
.hridoy{
height: 35%;
box-sizing: border-box;
padding: 10px 0;
}
.hridoy .swiper-slide{
width: 25%;
height: 100%;
opacity: 0.4;
}
.hridoy .swiper-slide-thumb-active{
opacity: 1;
}
.s_product_small_button{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
}
.button_1{
display: flex;
flex-direction: column;
align-items: center;
padding: 4px 14px;
border-radius: 6px;
border: none;
color: #fff;
background: #fc4b00;
background-origin: border-box;
box-shadow: 0px 0.5px 1.5px rgba(54, 122, 246, 0.25), inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2);
touch-action: manipulation;
}
.s_product_small_button_hover{
position: relative;
}
.s_product_small_button_hover_container{
position: absolute;
top: 104%;
left: 0;
background: #313030;
color: white;
padding: 5px 10px;
width: max-content;
border: 3px solid #fc4b00;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.s_product_small_button_hover:hover .s_product_small_button_hover_container{
opacity: 1;
visibility: visible;
transition: all 0.3s ease-in-out;
}
.s_product_details .s_product_desc{
padding-bottom: 24px;
}
.s_product_details .s_product_desc p{
font-size: 14px;
line-height: 26px;
}
.s_product_desc a{
border-bottom: 1px solid;
padding-bottom: 5px;
}
.s_product_variant {
/* background: #fff; */
/* border: 1px solid #eee; */
border-radius: 12px;
/* padding: 20px; */
max-width: 400px;
/* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); */
}
.quantity-wrapper {
display: flex;
flex-direction: column;
margin-bottom: 15px;
}
.quantity-wrapper label {
font-size: 15px;
font-weight: 600;
color: #444;
margin-bottom: 6px;
}
.quantity-wrapper input {
width: 100px;
height: 44px;
font-size: 16px;
padding: 0 12px;
border: 1px solid #ccc;
border-radius: 8px;
background: #fdfdfd;
transition: border 0.3s;
}
.quantity-wrapper input:focus {
border-color: #fc4b00;
outline: none;
}
.button-group {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.button-group button {
height: 44px;
padding: 0 18px;
font-size: 14px;
font-weight: 600;
border: none;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-add {
background-color: #fc4b00;
color: #fff;
}
.btn-add:hover {
background-color: #d23a00;
}
.btn-buy {
background-color: #0288d1;
color: #fff;
}
.btn-buy:hover {
background-color: #0277bd;
}
.btn-print {
background-color: #757575;
color: #fff;
}
.btn-print:hover {
background-color: #616161;
}
.inline-form {
display: inline;
}
.s_product_social a{
display: inline-block;
font-size: 20px;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #111;
}
.s_product_social a img{
max-width: 50%;
padding-bottom: 5px;
}
.s_product_info_content{
padding: 20px 30px 27px;
border: 1px solid #ebebeb;
background: white;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
margin-top: 40px;
margin-bottom: 20px;
}
.s_product_info_content h4{
font-size: 22px;
line-height: 30px;
font-weight: 600;
}
.s_product_info_content h2{
font-size: 20px;
font-weight: 400;
line-height: 26px;
margin-bottom: 5px;
}
.s_product_info_content p{
font-size: 15px;
line-height: 26px;
text-align: justify;
}
.s_product_info_content ul {
padding-inline-start: 35px;
}
.s_product_info_content ul li {
font-size: 14px;
list-style-type: disc;
}
.s_product_info_table{
padding: 20px 30px 27px;
border: 1px solid #ebebeb;
background: white;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
margin-bottom: 20px;
}
.s_product_info_table h4{
font-size: 22px;
line-height: 30px;
font-weight: 600;
}
.s_product_info_table p{
font-size: 15px;
line-height: 26px;
text-align: justify;
margin-bottom: 50px;
}
/* s_product part end */