/** * Vedant Techserve - Centralized Global Styles (vStyles.css) * Centralizes theme variables, component styles, lazyloading rules, * and core layout rules previously duplicated inline across all static pages. */ :root { --color-primary: #43baff; --color-primary-dark: #1b8cd8; --color-bg-dark: #171b26; --color-bg-darker: #10141f; --color-footer-bg: #211e3b; --color-text-main: #333333; --color-text-light: #ffffff; --color-text-muted: #777777; --border-radius-base: 6px; --transition-speed: 0.3s; } [data-theme="dark"] { --color-bg-page: #10141f; --color-text-main: #e2e8f0; } /* ========================================================================== 0. Layout Shift Prevention (CLS Protection) ========================================================================== */ site-header { display: block; min-height: 90px; width: 100%; } site-footer { display: block; min-height: 350px; width: 100%; } /* ========================================================================== 1. WordPress Classic Theme Core Styles ========================================================================== */ /*! This file is auto-generated */ .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(0.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #fff; text-decoration: none; } /* ========================================================================== 2. WordPress Emoji & Smiley Reset ========================================================================== */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /* ========================================================================== 3. Custom Theme Utility Overrides ========================================================================== */ .header-clone { height: 100px !important; } .vedantDesign-widget-wrap > .vedantDesign-element.btn-inline { display: inline-block; width: auto; } .vedantDesign-3872 .vedantDesign-element.vedantDesign-element-4cff60df .vedantDesign-icon-list-item span, .vedantDesign-3872 .vedantDesign-element.vedantDesign-element-5e3bed1f .vedantDesign-icon-list-item span { line-height: 16px; } .page-id-3872 #back-to-top { color: #656ae5; } .page-id-4858 #back-to-top { color: #53e79c; } .page-id-4899 #back-to-top { color: #35d3c9; } /* ========================================================================== 4. VedantTheme Dynamic Brand Color System & Unified Form Gradients ========================================================================== */ /****Main Color****/ /*Background Color*/ .bg-primary, .vedantTheme-btn, .vedantTheme-btn.vedantTheme-btn-second:hover, .vedantTheme-btn.vedantTheme-btn-second:focus, .main-navigation > ul > li:before, .cart-icon .count, .post-box .post-cat a, .post-box .btn-play:hover i, .page-pagination li span, .page-pagination li a:hover, .blog-post .share-post a, .post-nav a:before, .widget-area .widget .widget-title:before, .search-form .search-submit, .icon-box-s2.s2:after, .tech-box:hover, .ot-image-box:after, .service-box .icon-main, .serv-box-2:hover .icon-main, .project-slider .projects-box:hover .portfolio-info .btn-link, .project-slider .slick-arrow:hover, .ot-counter h6:before, .ot-progress .progress-bar, .video-popup a:hover, .ot-tabs .tab-link, .ot-tabs .tab-link.current, .ot-tabs .tab-link:hover, .ot-industries .indus-item .item-inner .overlay:after, .mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon{background:#43baff;} /*Border Color*/ .post-box .btn-play:hover:before, .post-box .btn-play:hover:after, .page-pagination li span, .page-pagination li a:hover, .tech-box:hover, .video-popup a:hover span{border-color:#43baff;} /*Color*/ .text-primary, .slick-arrow:not(.slick-disabled):hover, .btn-details, .btn-details:visited, a:hover, a:focus, a:active, .header-topbar a:hover, .extra-text a, .header-style-3 .header-topbar a:hover, .main-navigation ul > li > a:hover, .main-navigation ul li li a:before, .main-navigation ul li li a:hover,.main-navigation ul ul li.current-menu-item > a,.main-navigation ul ul li.current-menu-ancestor > a, .main-navigation ul > li.menu-item-has-children > a:hover:after, .vedantTheme-btn-cta .contact-header i, .header-style-3 .main-navigation ul.menu > li > a:hover,.header-style-3 .vedantTheme-btn-cta .vedantTheme-cta-icons i:hover, .header_mobile .mobile_nav .mobile_mainmenu li li a:hover,.header_mobile .mobile_nav .mobile_mainmenu ul > li > ul > li.current-menu-ancestor > a, .header_mobile .mobile_nav .mobile_mainmenu > li > a:hover, .header_mobile .mobile_nav .mobile_mainmenu > li.current-menu-item > a,.header_mobile .mobile_nav .mobile_mainmenu > li.current-menu-ancestor > a, .page-header, .page-header .breadcrumbs li:before, .post-box .entry-meta a:hover, .post-box .link-box a:hover, .post-box .btn-play i, .post-box .btn-readmore > a, .blog-post .author-bio .author-info .author-socials a:hover, .drop-cap span, .comments-area .comment-item .comment-meta .comment-reply-link, .comment-respond .comment-reply-title small a:hover, .icon-box-s2 .content-box h5 a:hover, .project-slider .projects-box .portfolio-info .btn-link i, .contact-info i, .ot-accordions .acc-item .acc-toggle:hover, .ot-accordions .acc-item.current .acc-toggle, .ot-accordions .acc-item.current .acc-toggle i, .ot-counter h6, .ot-counter2 .s-num, .team-wrap .team-social a:hover, .ot-pricing-table .inner-table h2, .ot-pricing-table .inner-table .details ul li.active:before, .ot-countdown li.seperator, .video-popup a, .dc-text .vedantDesign-drop-cap span, .footer-menu ul li a:hover, .mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon:hover, #back-to-top{color: #43baff;} .custom-contact-form.main-form{background-image: linear-gradient(90deg,#43baff 0%,#1e73be 100%);} /****Second Color****/ /*Background Color*/ .bg-second, .vedantTheme-btn:hover, .vedantTheme-btn:focus, .vedantTheme-btn.vedantTheme-btn-second, .vedantTheme-btn.vedantTheme-btn-second:visited, .post-box .post-cat a:hover, .blog-post .tagcloud a:hover, .widget .tagcloud a:hover, .search-form .search-submit:hover, .icon-box-s1 .line-box:after, .project_filters li a:after, .ot-tabs .tab-link:hover, .ot-tabs .tab-link:focus, .custom-contact-form.main-form button:hover{background:#1e73be;} /*Color*/ blockquote:before, .text-second, .slick-dots li.slick-active button:before, a, a:visited, .post-box .entry-meta, .post-box .entry-meta a, .post-box .link-box i, .post-box .quote-box i, .comment-form .logged-in-as a:hover, .widget-area .widget ul:not(.recent-news) > li a:hover, .widget-area .widget_categories ul li a:before,.widget-area .widget_product_categories ul li a:before,.widget-area .widget_archive ul li a:before, .widget-area .widget_categories ul li a:hover,.widget-area .widget_product_categories ul li a:hover,.widget-area .widget_archive ul li a:hover, .widget-area .widget_categories ul li a:hover + span,.widget-area .widget_product_categories ul li a:hover + span,.widget-area .widget_archive ul li a:hover + span, .widget .recent-news h6 a:hover, .ot-heading > span, .icon-box-s1 .icon-main, .icon-box-s2.s1 .icon-main, .icon-box-s2.s3 .icon-main, .icon-box-s2.s2 .icon-main, .serv-box .content-box ul li a:before, .serv-box .content-box ul li:hover a, .serv-box .content-box ul li.active a, .project_filters li a:hover, .project_filters li a.selected, .ot-pricing-table .vedantTheme-btn:hover, .dc-text.dc-text-second .vedantDesign-drop-cap span{color: #1e73be;} /* ========================================================================== 5. VedantDesign Lazyload Container & Sizing Constraints ========================================================================== */ .e-con.e-parent:nth-of-type(n + 4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n + 4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n + 3):not(.e-lazyloaded):not( .e-no-lazyload ), .e-con.e-parent:nth-of-type(n + 3):not(.e-lazyloaded):not( .e-no-lazyload ) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n + 2):not(.e-lazyloaded):not( .e-no-lazyload ), .e-con.e-parent:nth-of-type(n + 2):not(.e-lazyloaded):not( .e-no-lazyload ) * { background-image: none !important; } } img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } /* ========================================================================== 6. Slider Revolution Navigation & Pagination ========================================================================== */ .nav-home-1.tparrows { cursor: pointer; background: transparent; position: absolute; display: block; z-index: 1000; transition: 0.3s; } .nav-home-1.tparrows.rs-touchhover:before { color: #43baff; } .nav-home-1.tparrows:before { font-family: Flaticon; font-size: 18px; color: #fff; display: block; text-align: center; } .nav-home-1.tparrows.tp-leftarrow:before { content: "\f107"; } .nav-home-1.tparrows.tp-rightarrow:before { content: "\f10a"; } .bullet-home-1:after { content: "/0" counter(item); position: absolute; left: 23px; top: 0; color: #fff; font-size: 18px; line-height: 1; } .bullet-home-1 .tp-bullet { counter-increment: item; font-size: 18px; line-height: 1; color: #fff; background: transparent; visibility: hidden; width: auto; height: auto; left: 0 !important; } .bullet-home-1 .tp-bullet.selected { visibility: visible; } .bullet-home-1 .tp-bullet:before { content: "0" counter(item); } @media (max-width: 767px) { .bullet-home-1 .tp-bullet, .bullet-home-1:after { font-size: 14px; } } /* ========================================================================== Custom Web Components Layout ========================================================================== */ site-header, site-footer { display: block; } /* ========================================================================== 7. Global Header Top-Bar & Social Icon Layout Fixes ========================================================================== */ site-header .vedantDesign-social-icons-wrapper { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; gap: 10px; } site-header .vedantDesign-grid-item { display: block !important; margin: 0 !important; padding: 0 !important; } site-header .vedantDesign-social-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; } site-header .vedantDesign-top-section .vedantDesign-container { display: flex !important; flex-wrap: wrap !important; align-items: center !important; } /* ========================================================================== 8. Global Header VedantDesign Styles (post-2840.css & post-2854.css & post-1308.css) ========================================================================== */ /* Header Desktop Template (post-2840.css) */ .vedantDesign-2840 .vedantDesign-element.vedantDesign-element-65c14b10 > .vedantDesign-container > .vedantDesign-column > .vedantDesign-widget-wrap{align-content:center;align-items:center;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-65c14b10:not(.vedantDesign-motion-effects-element-type-background), .vedantDesign-2840 .vedantDesign-element.vedantDesign-element-65c14b10 > .vedantDesign-motion-effects-container > .vedantDesign-motion-effects-layer{background-color:#141D38;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-65c14b10{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-65c14b10 > .vedantDesign-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-6c62b145{--grid-template-columns:repeat(4, auto);--icon-size:12px;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-6c62b145 .vedantDesign-widget-container{text-align:left;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-6c62b145 .vedantDesign-social-icon{background-color:#02010100;--icon-padding:1.2em;border-style:solid;border-width:0px 1px 0px 0px;border-color:#FFFFFF33;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-6c62b145 .vedantDesign-social-icon i{color:#B5B5B5;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-6c62b145 .vedantDesign-social-icon svg{fill:#B5B5B5;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-6c62b145 .vedantDesign-social-icon:hover i{color:#FFFFFF;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-6c62b145 .vedantDesign-social-icon:hover svg{fill:#FFFFFF;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-6c62b145 .vedantDesign-social-icon:hover{border-color:#FFFFFF33;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-6c62b145 > .vedantDesign-widget-container{border-style:solid;border-width:0px 0px 0px 1px;border-color:#FFFFFF33;}.vedantDesign-bc-flex-widget .vedantDesign-2840 .vedantDesign-element.vedantDesign-element-1ca041d7.vedantDesign-column .vedantDesign-widget-wrap{align-items:center;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-1ca041d7.vedantDesign-column.vedantDesign-element[data-element_type="column"] > .vedantDesign-widget-wrap.vedantDesign-element-populated{align-content:center;align-items:center;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-items:not(.vedantDesign-inline-items) .vedantDesign-icon-list-item:not(:last-child){padding-bottom:calc(40px/2);}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-items:not(.vedantDesign-inline-items) .vedantDesign-icon-list-item:not(:first-child){margin-top:calc(40px/2);}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-items.vedantDesign-inline-items .vedantDesign-icon-list-item{margin-right:calc(40px/2);margin-left:calc(40px/2);}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-items.vedantDesign-inline-items{margin-right:calc(-40px/2);margin-left:calc(-40px/2);}body.rtl .vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-items.vedantDesign-inline-items .vedantDesign-icon-list-item:after{left:calc(-40px/2);}body:not(.rtl) .vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-items.vedantDesign-inline-items .vedantDesign-icon-list-item:after{right:calc(-40px/2);}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-item:not(:last-child):after{content:"";border-color:#FFFFFF33;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-items:not(.vedantDesign-inline-items) .vedantDesign-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-items.vedantDesign-inline-items .vedantDesign-icon-list-item:not(:last-child):after{border-left-style:solid;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-inline-items .vedantDesign-icon-list-item:not(:last-child):after{border-left-width:1px;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03{--e-icon-list-icon-size:13px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-offset:0px;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-icon{padding-right:7px;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-item > .vedantDesign-icon-list-text, .vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-item > a{font-family:"Nunito Sans", Sans-serif;font-size:14px;font-weight:600;line-height:41px;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-text{color:#B5B5B5;transition:color 0.3s;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 .vedantDesign-icon-list-item:hover .vedantDesign-icon-list-text{color:#FFFFFF;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-28dcb03 > .vedantDesign-widget-container{padding:0px 18px 0px 0px;border-style:solid;border-width:0px 1px 0px 0px;border-color:#FFFFFF33;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-4994a43{border-style:solid;border-width:0px 0px 1px 0px;border-color:#141D3826;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-4994a43 > .vedantDesign-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.vedantDesign-bc-flex-widget .vedantDesign-2840 .vedantDesign-element.vedantDesign-element-2a40db59.vedantDesign-column .vedantDesign-widget-wrap{align-items:center;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-2a40db59.vedantDesign-column.vedantDesign-element[data-element_type="column"] > .vedantDesign-widget-wrap.vedantDesign-element-populated{align-content:center;align-items:center;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-2a40db59{min-width:175px;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-7b08551e .the-logo{text-align:center;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-7b08551e .the-logo img{width:135px;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-7b08551e{width:100%;max-width:100%;align-self:center;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-1ab58a34{text-align:center;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-336223fd.vedantDesign-column > .vedantDesign-widget-wrap{justify-content:flex-end;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-336223fd{min-width:125px;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-5a5a343{width:100%;max-width:100%;align-self:center;}@media(min-width:768px){.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-581decff{width:30.438%;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-1ca041d7{width:69.562%;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-2a40db59{width:18.83%;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-57f4f99d{width:69.837%;}.vedantDesign-2840 .vedantDesign-element.vedantDesign-element-336223fd{width:10.483%;}} /* Header Mobile Template (post-2854.css) */ .vedantDesign-2854 .vedantDesign-element.vedantDesign-element-55212198:not(.vedantDesign-motion-effects-element-type-background), .vedantDesign-2854 .vedantDesign-element.vedantDesign-element-55212198 > .vedantDesign-motion-effects-container > .vedantDesign-motion-effects-layer{background-color:#FFFFFF;}.vedantDesign-2854 .vedantDesign-element.vedantDesign-element-55212198{border-style:solid;border-width:0px 0px 1px 0px;border-color:#141D3826;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.vedantDesign-2854 .vedantDesign-element.vedantDesign-element-55212198 > .vedantDesign-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.vedantDesign-2854 .vedantDesign-element.vedantDesign-element-524c330e .the-logo img{width:145px;}.vedantDesign-2854 .vedantDesign-element.vedantDesign-element-524c330e > .vedantDesign-widget-container{padding:13px 0px 13px 0px;}.vedantDesign-2854 .vedantDesign-element.vedantDesign-element-2df0dc0f.vedantDesign-column > .vedantDesign-widget-wrap{justify-content:flex-end;}.vedantDesign-2854 .vedantDesign-element.vedantDesign-element-38196644 > .vedantDesign-widget-container{margin:0px 0px 0px 25px;}@media(max-width:767px){.vedantDesign-2854 .vedantDesign-element.vedantDesign-element-4cdb5f0b{width:60%;}.vedantDesign-2854 .vedantDesign-element.vedantDesign-element-2df0dc0f{width:40%;}} /* Header/Footer Legacy Template (post-1308.css) */ .vedantDesign-1308 .vedantDesign-element.vedantDesign-element-91e67f0:not(.vedantDesign-motion-effects-element-type-background), .vedantDesign-1308 .vedantDesign-element.vedantDesign-element-91e67f0 > .vedantDesign-motion-effects-container > .vedantDesign-motion-effects-layer{background-color:#211E3B;background-image:url("/vedant-assets/uploads/2019/12/bg-footer1.webp");background-position:top center;background-repeat:no-repeat;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-91e67f0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 020px 0px;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-91e67f0 > .vedantDesign-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.vedantDesign-bc-flex-widget .vedantDesign-1308 .vedantDesign-element.vedantDesign-element-f1114df.vedantDesign-column .vedantDesign-widget-wrap{align-items:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-f1114df.vedantDesign-column.vedantDesign-element[data-element_type="column"] > .vedantDesign-widget-wrap.vedantDesign-element-populated{align-content:center;align-items:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-f1114df.vedantDesign-column > .vedantDesign-widget-wrap{justify-content:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-e6ce490{text-align:center;color:#FFFFFF;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-baa8935 .vedantDesign-repeater-item-bbc1775.vedantDesign-social-icon{background-color:#FFFFFF;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-baa8935 .vedantDesign-repeater-item-bbc1775.vedantDesign-social-icon i{color:#B03F6A;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-baa8935 .vedantDesign-repeater-item-bbc1775.vedantDesign-social-icon svg{fill:#B03F6A;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-baa8935{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-baa8935 .vedantDesign-widget-container{text-align:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-baa8935 .vedantDesign-icon{border-radius:50px 50px 50px 50px;}.vedantDesign-bc-flex-widget .vedantDesign-1308 .vedantDesign-element.vedantDesign-element-c166a33.vedantDesign-column .vedantDesign-widget-wrap{align-items:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-c166a33.vedantDesign-column.vedantDesign-element[data-element_type="column"] > .vedantDesign-widget-wrap.vedantDesign-element-populated{align-content:center;align-items:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-c166a33.vedantDesign-column > .vedantDesign-widget-wrap{justify-content:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-e0707f3 > .vedantDesign-widget-container{margin:10px 10px 10px 10px;}.vedantDesign-bc-flex-widget .vedantDesign-1308 .vedantDesign-element.vedantDesign-element-b563c92.vedantDesign-column .vedantDesign-widget-wrap{align-items:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-b563c92.vedantDesign-column.vedantDesign-element[data-element_type="column"] > .vedantDesign-widget-wrap.vedantDesign-element-populated{align-content:center;align-items:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-b563c92.vedantDesign-column > .vedantDesign-widget-wrap{justify-content:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-b563c92 > .vedantDesign-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.vedantDesign-bc-flex-widget .vedantDesign-1308 .vedantDesign-element.vedantDesign-element-ec56465.vedantDesign-column .vedantDesign-widget-wrap{align-items:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-ec56465.vedantDesign-column.vedantDesign-element[data-element_type="column"] > .vedantDesign-widget-wrap.vedantDesign-element-populated{align-content:center;align-items:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-ec56465.vedantDesign-column > .vedantDesign-widget-wrap{justify-content:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-1312ef1{color:#FFFFFF;}@media(max-width:767px){.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-e0707f3{text-align:center;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-71053c4{text-align:center;}}@media(min-width:768px){.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-f1114df{width:39.561%;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-c166a33{width:17.544%;}.vedantDesign-1308 .vedantDesign-element.vedantDesign-element-b563c92{width:17.873%;}} /* ========================================================================== 9. Robust Scoped Header Layout & Mobile Responsiveness Rules ========================================================================== */ html, body { overflow-x: hidden !important; max-width: 100vw !important; } body.mmenu-active { overflow: hidden !important; touch-action: none !important; } site-header, #site-header { position: relative !important; display: block !important; width: 100% !important; z-index: 1001 !important; } body.mmenu-active site-header, body.mmenu-active #site-header { z-index: 100000 !important; } /* -------------------------------------------------------------------------- Desktop Header: Shown only on screens > 1024px -------------------------------------------------------------------------- */ @media (min-width: 1025px) { site-header .header-desktop { width: 100% !important; display: block !important; } site-header .header-mobile { display: none !important; } /* Top bar row */ site-header .vedantDesign-element-65c14b10 { background-color: #141D38 !important; } site-header .vedantDesign-element-65c14b10 > .vedantDesign-container { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; } site-header .vedantDesign-element-581decff { flex: 0 0 auto !important; display: flex !important; align-items: center !important; } site-header .vedantDesign-element-1ca041d7 { flex: 1 1 auto !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; } /* Main Navigation row */ site-header .vedantDesign-element-4994a43 { background-color: #ffffff !important; } site-header .vedantDesign-element-4994a43 > .vedantDesign-container { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; max-width: 1200px !important; margin: 0 auto !important; width: 100% !important; } site-header .vedantDesign-element-2a40db59 { flex: 0 0 auto !important; min-width: 175px !important; display: flex !important; align-items: center !important; } site-header .vedantDesign-element-57f4f99d { flex: 1 1 auto !important; display: flex !important; justify-content: center !important; align-items: center !important; } site-header .vedantDesign-element-336223fd { flex: 0 0 auto !important; min-width: 125px !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; } site-header #primary-menu { display: flex !important; flex-direction: row !important; align-items: center !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } site-header .vedantTheme-btn { white-space: nowrap !important; } } /* -------------------------------------------------------------------------- Mobile Header & Navigation Drawer: Shown on screens <= 1024px -------------------------------------------------------------------------- */ @media (max-width: 1024px) { site-header .header-desktop { display: none !important; } site-header .header-mobile { width: 100% !important; display: block !important; position: relative !important; background: #ffffff !important; } site-header .vedantDesign-element-55212198 { padding: 10px 18px !important; background: #ffffff !important; border-bottom: 1px solid rgba(20, 29, 56, 0.08) !important; } site-header .vedantDesign-element-55212198 > .vedantDesign-container { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; } site-header .vedantDesign-element-4cdb5f0b { flex: 0 0 auto !important; display: flex !important; align-items: center !important; } site-header .vedantDesign-element-524c330e .the-logo img { max-width: 140px !important; width: 140px !important; height: auto !important; display: block !important; } site-header .vedantDesign-element-2df0dc0f { flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; } site-header .vedantDesign-element-2df0dc0f .vedantDesign-widget-wrap { display: flex !important; align-items: center !important; justify-content: flex-end !important; } site-header .vedantDesign-element-38196644 > .vedantDesign-widget-container { margin: 0 !important; } } /* -------------------------------------------------------------------------- Mobile Hamburger Toggle Button (Touch & Viewport Optimized) -------------------------------------------------------------------------- */ #mmenu-toggle, .mmenu-toggle { position: relative !important; cursor: pointer !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 1002 !important; touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; } #mmenu-toggle button, .mmenu-toggle button { position: relative !important; display: block !important; left: auto !important; top: auto !important; margin: 0 !important; background: #141D38 !important; height: 3px !important; padding: 0 !important; border: none !important; width: 24px !important; border-radius: 2px !important; transition: background 0.25s ease !important; outline: none !important; cursor: pointer !important; pointer-events: none !important; } #mmenu-toggle button:before, .mmenu-toggle button:before { content: "" !important; position: absolute !important; left: 0 !important; top: -7px !important; width: 24px !important; height: 3px !important; background: #141D38 !important; border-radius: 2px !important; transform-origin: center center !important; transition: transform 0.25s ease, top 0.25s ease !important; } #mmenu-toggle button:after, .mmenu-toggle button:after { content: "" !important; position: absolute !important; left: 0 !important; bottom: -7px !important; width: 24px !important; height: 3px !important; background: #141D38 !important; border-radius: 2px !important; transform-origin: center center !important; transition: transform 0.25s ease, bottom 0.25s ease !important; } /* Active Hamburger Animation (Morphs into X) */ #mmenu-toggle.active button, .mmenu-toggle.active button { background: transparent !important; } #mmenu-toggle.active button:before, .mmenu-toggle.active button:before { top: 0 !important; transform: rotate(-45deg) !important; background: #141D38 !important; } #mmenu-toggle.active button:after, .mmenu-toggle.active button:after { bottom: 0 !important; transform: rotate(45deg) !important; background: #141D38 !important; } /* -------------------------------------------------------------------------- Mobile Navigation Drawer & Overlay -------------------------------------------------------------------------- */ .mmenu-wrapper { position: fixed !important; top: 0 !important; bottom: 0 !important; right: 0 !important; width: 320px !important; max-width: 85vw !important; height: 100vh !important; height: 100dvh !important; background: #ffffff !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; z-index: 100002 !important; transform: translateX(100%) !important; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15) !important; } .mmenu-wrapper.mmenu-open { transform: translateX(0) !important; } .mmenu-wrapper .mmenu-inner { top: 0 !important; height: 100% !important; width: 100% !important; padding: 20px 24px 40px 24px !important; overflow-x: hidden !important; overflow-y: auto !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; } .mmenu-wrapper .mmenu-close { display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; margin: 0 0 16px auto !important; border-radius: 50% !important; background: #f1f3f7 !important; color: #141D38 !important; font-size: 20px !important; text-decoration: none !important; cursor: pointer !important; border: none !important; outline: none !important; transition: background 0.2s ease, transform 0.2s ease !important; -webkit-tap-highlight-color: transparent !important; } .mmenu-wrapper .mmenu-close:hover, .mmenu-wrapper .mmenu-close:focus { background: #e2e6ee !important; transform: scale(1.05) !important; } .mmenu-wrapper .mmenu-close .mmenu-close-icon { line-height: 1; font-weight: 700; display: inline-block; } .site-overlay, .mmenu-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; background: rgba(15, 23, 42, 0.6) !important; backdrop-filter: blur(2px) !important; -webkit-backdrop-filter: blur(2px) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; z-index: 100001 !important; transition: opacity 0.3s ease, visibility 0.3s ease !important; } body.mmenu-active .site-overlay, body.mmenu-active .mmenu-overlay, .mmenu-overlay.active { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* -------------------------------------------------------------------------- Mobile Main Menu Navigation List -------------------------------------------------------------------------- */ .mmenu-wrapper .mobile-nav { width: 100% !important; } .mmenu-wrapper .mobile_mainmenu { margin: 0 !important; padding: 0 !important; list-style: none !important; width: 100% !important; } .mmenu-wrapper .mobile_mainmenu li { position: relative !important; list-style: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } .mmenu-wrapper .mobile_mainmenu > li { border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important; } .mmenu-wrapper .mobile_mainmenu li a { display: block !important; padding: 13px 44px 13px 4px !important; font-size: 15px !important; font-weight: 600 !important; color: #141D38 !important; text-decoration: none !important; line-height: 1.4 !important; transition: color 0.2s ease, background 0.2s ease !important; } .mmenu-wrapper .mobile_mainmenu li a:hover, .mmenu-wrapper .mobile_mainmenu li a:focus, .mmenu-wrapper .mobile_mainmenu li.current-menu-item > a { color: #0077b5 !important; } /* Submenu Arrow Toggle Button */ .mmenu-wrapper .mobile_mainmenu li.menu-item-has-children > .arrow { position: absolute !important; right: 0 !important; top: 0 !important; width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; z-index: 3 !important; color: #718096 !important; -webkit-tap-highlight-color: transparent !important; } .mmenu-wrapper .mobile_mainmenu li.menu-item-has-children > .arrow i { display: inline-block !important; font-size: 10px !important; transition: transform 0.25s ease, color 0.25s ease !important; transform-origin: center center !important; } .mmenu-wrapper .mobile_mainmenu li.menu-item-has-children > .arrow.active i { transform: rotate(90deg) !important; color: #0077b5 !important; } /* Nested Submenu Lists */ .mmenu-wrapper .mobile_mainmenu ul.sub-menu { display: none; margin: 0 0 8px 0 !important; padding: 4px 0 4px 16px !important; list-style: none !important; background: #f8fafc !important; border-left: 2px solid #0077b5 !important; border-radius: 0 6px 6px 0 !important; } .mmenu-wrapper .mobile_mainmenu ul.sub-menu li a { padding: 10px 40px 10px 8px !important; font-size: 14px !important; font-weight: 500 !important; color: #4a5568 !important; border-bottom: 1px dashed rgba(0, 0, 0, 0.05) !important; } .mmenu-wrapper .mobile_mainmenu ul.sub-menu li:last-child a { border-bottom: none !important; } /* ========================================================================== 10. Design Unification & Aesthetics Plan ========================================================================== */ /* Typography Standardization for Service Subpages */ .service-hero-heading, .main-heading { font-family: 'Montserrat', sans-serif !important; font-size: 40px !important; font-weight: 700 !important; } .category-breadcrumb { font-family: 'Montserrat', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #43baff !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 12px !important; display: block !important; } /* Font Weight Tokens */ .fw-bold { font-weight: 700 !important; } .fw-medium { font-weight: 500 !important; } /* Standardized .page-header */ .page-header { background: linear-gradient(135deg, rgba(20,29,56,0.85) 0%, rgba(38,32,81,0.85) 100%), url('/vedant-assets/uploads/2022/06/bg-pheader.webp') center center no-repeat !important; background-size: cover !important; } /* Industries We Serve Dark Theme Container */ .industries-dark-section { background-color: #211E3B !important; background-image: url('/vedant-assets/uploads/2019/12/bg-footer1.webp') !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; color: #FFFFFF !important; } .industries-dark-section .ot-heading > span { color: #43baff !important; } .industries-dark-section .ot-heading .main-heading { color: #FFFFFF !important; } .industries-dark-section .tech-box { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 8px !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important; transition: all 0.3s ease-in-out !important; } .industries-dark-section .tech-box i, .industries-dark-section .tech-box span { color: #43baff !important; } .industries-dark-section .tech-box h5 { color: #FFFFFF !important; } .industries-dark-section .tech-box:hover { background: #43baff !important; border-color: #43baff !important; transform: translateY(-5px) !important; box-shadow: 0 8px 25px rgba(67, 186, 255, 0.35) !important; } .industries-dark-section .tech-box:hover i, .industries-dark-section .tech-box:hover span, .industries-dark-section .tech-box:hover h5 { color: #FFFFFF !important; } /* About Us Why Choose Us Column Margins */ .vedantDesign-1496 .vedantDesign-element.vedantDesign-element-6665190 > .vedantDesign-element-populated { margin: 0px 70px 0px 0px !important; --e-column-margin-right: 70px !important; --e-column-margin-left: 0px !important; } .vedantDesign-1496 .vedantDesign-element.vedantDesign-element-28a66d7 > .vedantDesign-element-populated { margin: 0px 0px 0px 0px !important; } @media (max-width: 1024px) { .vedantDesign-1496 .vedantDesign-element.vedantDesign-element-6665190 > .vedantDesign-element-populated { margin: 0px !important; } } /* Contact Us Page - Hero Corporate Address Card */ .contact-hero-info-card { margin-top: 24px; padding: 16px 20px; background: rgba(244, 246, 250, 0.85); border: 1px solid rgba(0, 86, 179, 0.15); border-left: 4px solid #43baff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); display: flex; gap: 16px; align-items: flex-start; } .contact-hero-info-card .card-logo { width: 50px; height: 50px; object-fit: cover; border-radius: 6px; flex-shrink: 0; border: 1px solid #e1e8f0; } .contact-hero-info-card .card-details h6 { margin: 0 0 4px 0; font-size: 15px; font-weight: 700; color: #141d38; } .contact-hero-info-card .card-details p { margin: 0; font-size: 13px; line-height: 1.6; color: #555555; } .contact-hero-info-card .card-details a { color: #1e73be; font-weight: 600; text-decoration: none; transition: color 0.2s; } .contact-hero-info-card .card-details a:hover { color: #43baff; } /* Contact Us Page - Discovery Consultation Section */ .discovery-consultation-section { padding: 60px 0; background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%); } .discovery-header { text-align: center; max-width: 780px; margin: 0 auto 35px auto; } .discovery-header .ot-heading > span { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 2px; color: #1e73be; text-transform: uppercase; margin-bottom: 8px; } .discovery-header .ot-heading .main-heading { font-size: 30px; font-weight: 800; color: #141d38; line-height: 1.3; } .discovery-layout-card { max-width: 1080px; margin: 0 auto; background: #ffffff; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 10px 30px rgba(20, 29, 56, 0.06); overflow: hidden; display: flex; flex-wrap: wrap; } .discovery-summary-side { flex: 1 1 480px; padding: 40px; background: linear-gradient(135deg, #141d38 0%, #211E3B 100%); color: #ffffff; display: flex; flex-direction: column; justify-content: center; } .discovery-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(67, 186, 255, 0.15); border: 1px solid rgba(67, 186, 255, 0.35); color: #43baff; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 6px 14px; border-radius: 20px; margin-bottom: 18px; align-self: flex-start; } .discovery-summary-side h3 { color: #ffffff; font-size: 22px; font-weight: 700; margin-bottom: 16px; line-height: 1.4; } .discovery-summary-side p { color: rgba(255, 255, 255, 0.85); font-size: 14.5px; line-height: 1.8; margin-bottom: 0; } .discovery-features-side { flex: 1 1 480px; padding: 40px; display: flex; flex-direction: column; justify-content: center; gap: 20px; } .discovery-feature-item { display: flex; align-items: flex-start; gap: 16px; } .discovery-feature-icon { width: 36px; height: 36px; min-width: 36px; border-radius: 50%; background: rgba(67, 186, 255, 0.12); color: #1e73be; display: flex; align-items: center; justify-content: center; font-size: 14px; margin-top: 2px; } .discovery-feature-text h5 { font-size: 15px; font-weight: 700; color: #141d38; margin: 0 0 3px 0; } .discovery-feature-text p { font-size: 13.5px; line-height: 1.6; color: #666666; margin: 0; } @media (max-width: 767px) { .discovery-summary-side, .discovery-features-side { padding: 25px 20px; } .discovery-header .ot-heading .main-heading { font-size: 24px; } }