.elementor-10 .elementor-element.elementor-element-9d76f42{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.89;--margin-top:95px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-9d76f42:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-9d76f42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://osmaniait.com/wp-content/uploads/2025/08/hero.avif");background-position:center center;background-size:cover;}.elementor-10 .elementor-element.elementor-element-9d76f42::before, .elementor-10 .elementor-element.elementor-element-9d76f42 > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-9d76f42 > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-9d76f42 > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-9d76f42 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-9d76f42 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(135deg, #0078D4E6 0%, #3CB043D9 100%);}.elementor-10 .elementor-element.elementor-element-d92fbd8{--display:flex;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-fe3bef1{padding:50px 400px 00px 400px;}.elementor-10 .elementor-element.elementor-element-fe3bef1 .elementor-image-box-title{margin-bottom:10px;font-family:"Hind Siliguri", Sans-serif;font-size:49px;font-weight:600;color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-fe3bef1:has(:hover) .elementor-image-box-title,
					 .elementor-10 .elementor-element.elementor-element-fe3bef1:has(:focus) .elementor-image-box-title{color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-fe3bef1 .elementor-image-box-description{font-family:"Hind Siliguri", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-4484bbb{--display:flex;}.elementor-10 .elementor-element.elementor-element-bb5d3d9{--display:flex;--justify-content:flex-end;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-bb5d3d9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-9e5b7b4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-10 .elementor-element.elementor-element-3697ec9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-10 .elementor-element.elementor-element-3697ec9::before, .elementor-10 .elementor-element.elementor-element-3697ec9 > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-3697ec9 > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-3697ec9 > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-3697ec9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-3697ec9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-10 .elementor-element.elementor-element-c30840d{width:var( --container-widget-width, 97.544% );max-width:97.544%;--container-widget-width:97.544%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-c30840d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-34621c8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-10 .elementor-element.elementor-element-34621c8::before, .elementor-10 .elementor-element.elementor-element-34621c8 > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-34621c8 > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-34621c8 > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-34621c8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-34621c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-10 .elementor-element.elementor-element-2aa58de{width:var( --container-widget-width, 97.544% );max-width:97.544%;--container-widget-width:97.544%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-2aa58de.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-4ecfa79{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-10 .elementor-element.elementor-element-4ecfa79::before, .elementor-10 .elementor-element.elementor-element-4ecfa79 > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-4ecfa79 > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-4ecfa79 > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-4ecfa79 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-4ecfa79 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-10 .elementor-element.elementor-element-5a1b9bf{width:var( --container-widget-width, 97.544% );max-width:97.544%;--container-widget-width:97.544%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-5a1b9bf.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-10 .elementor-element.elementor-element-fe3bef1{margin:80px 080px calc(var(--kit-widget-spacing, 0px) + 0px) 80px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-bb5d3d9{--margin-top:0px;--margin-bottom:0px;--margin-left:250px;--margin-right:0px;}}@media(max-width:767px){.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-10 .elementor-element.elementor-element-fe3bef1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:65px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-fe3bef1 .elementor-image-box-title{font-size:30px;}.elementor-10 .elementor-element.elementor-element-fe3bef1 .elementor-image-box-description{font-size:14px;}.elementor-10 .elementor-element.elementor-element-bb5d3d9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-c30840d{width:var( --container-widget-width, 357.016px );max-width:357.016px;--container-widget-width:357.016px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-2aa58de{width:var( --container-widget-width, 357.016px );max-width:357.016px;--container-widget-width:357.016px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-5a1b9bf{width:var( --container-widget-width, 357.016px );max-width:357.016px;--container-widget-width:357.016px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-9d76f42{--content-width:1600px;}.elementor-10 .elementor-element.elementor-element-bb5d3d9{--width:100%;}.elementor-10 .elementor-element.elementor-element-4ecfa79{--content-width:1600px;}}@media(max-width:1024px) and (min-width:768px){.elementor-10 .elementor-element.elementor-element-bb5d3d9{--width:250px;}}/* Start custom CSS for html, class: .elementor-element-c30840d */@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap');

:root {
    --primary-blue: #0078D4;
    --primary-green: #3CB043;
    --primary-red: #E60023;
    --dark-blue: #005a9e;
    --light-blue: #e6f2ff;
    --dark: #1f2937;
    --light: #f9fafb;
    --gray: #6b7280;
    --light-gray: #e5e7eb;
    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
    font-family: 'Hind Siliguri', sans-serif;
    background: var(--light);
}

/* Services Section */
.services {
    padding: 100px 0;
    background: white;
}

.section-title {
    text-align: center;
    margin-bottom: 60px;
}

.section-title h2 {
    font-size: 2.5rem;
    color: var(--dark);
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

.section-title h2:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 4px;
    background: linear-gradient(to right, var(--primary-blue), var(--primary-green));
    border-radius: 2px;
}

.section-title p {
    color: var(--gray);
    max-width: 650px;
    margin: 20px auto 0;
    font-size: 1.1rem;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

/* Card Styles */
.service-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: var(--transition);
    text-align: center;
    padding: 45px 25px 35px;
    border: 1px solid var(--light-gray);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    cursor: pointer;
    position: relative;
}

.service-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    border-color: transparent;
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-green, #3CB043));
    color: white;
}

.service-card:hover h3,
.service-card:hover p {
    color: white;
}

.service-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 2.2rem;
    color: white;
    position: relative;
    z-index: 1;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.service-card:hover .service-icon {
    transform: scale(1.2) rotate(10deg);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Pulse Animation */
.service-icon::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: inherit;
    z-index: -1;
    animation: pulse 2.5s infinite;
}

@keyframes pulse {
    0% { transform: scale(0.9); opacity: 0.7; }
    70% { transform: scale(1.3); opacity: 0; }
    100% { transform: scale(1.3); opacity: 0; }
}

/* Individual Icon Colors */
.service-card:nth-child(1) .service-icon { background: var(--primary-blue); }
.service-card:nth-child(2) .service-icon { background: var(--primary-red); }
.service-card:nth-child(3) .service-icon { background: var(--primary-green); }
.service-card:nth-child(4) .service-icon { background: var(--primary-blue); }
.service-card:nth-child(5) .service-icon { background: var(--primary-red); }
.service-card:nth-child(6) .service-icon { background: var(--primary-green); }
.service-card:nth-child(7) .service-icon { background: var(--primary-blue); }
.service-card:nth-child(8) .service-icon { background: var(--primary-green); }

.service-card h3 {
    font-size: 1.55rem;
    margin-bottom: 15px;
    color: var(--dark);
    transition: var(--transition);
}

.service-card p {
    color: var(--gray);
    margin-bottom: 20px;
    font-size: 1.05rem;
    transition: var(--transition);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2aa58de */<style>
/* General Styles */
body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
}

.portfolio {
    padding: 60px 20px;
    background-color: #f9f9f9;
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 32px;
    margin-bottom: 10px;
    color: #333;
}

.section-title p {
    font-size: 16px;
    color: #666;
}

/* Portfolio Grid */
.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

/* Portfolio Item */
.portfolio-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    cursor: pointer;
}

.portfolio-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

/* Portfolio Image */
.portfolio-img {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease;
}

/* Portfolio Info */
.portfolio-info {
    padding: 20px;
}

.portfolio-info h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #333;
}

.portfolio-info p {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    margin-bottom: 15px;
}

/* Portfolio Tags */
.portfolio-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag {
    background-color: #ff5722;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 6px;
}

/* Hover effect on image */
.portfolio-item:hover .portfolio-img {
    transform: scale(1.05);
    filter: brightness(0.9);
}

/* Responsive */
@media (max-width: 768px) {
    .portfolio {
        padding: 40px 10px;
    }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a1b9bf *//* ===================== Testimonials Section ===================== */
.testimonials {
    padding: 80px 20px;
    background: #f9f9f9;
}

.testimonials .section-title {
    text-align: center;
    margin-bottom: 50px;
}

.testimonials .section-title h2 {
    font-size: 32px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}

.testimonials .section-title p {
    font-size: 16px;
    color: #666;
}

.testimonial-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}

.testimonial-card {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.rating {
    color: #f7b731;
    font-size: 18px;
    margin-bottom: 15px;
}

.testimonial-content p {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
    margin-bottom: 20px;
}

.client-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.client-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ff5722;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.client-details h4 {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin-bottom: 5px;
}

.client-details p {
    font-size: 14px;
    color: #666;
}
/* See More Button */
.see-more {
    text-align: center;
    margin-top: 40px;
}

.btn-see-more {
    display: inline-block;
    padding: 12px 28px;
    background: #ff5722;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-see-more:hover {
    background: #e64a19;
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}/* End custom CSS */