/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 16 2026 | 13:04:49 */
.breadcrumbs a , span.breadcrumb-separator{
    font-size: 16px;
    color: #fff;
	text-decoration:none !important ;
}
span.breadcrumb-item.current {
    color: #33CF96;
    font-size: 16px;
}
.glass-btn a {
background: rgb(255 255 255 / 19%) !important;backdrop-filter: blur(3px); -webkit-backdrop-filter:blur(3px); border: 1.5px solid rgba(255, 255, 255, 0.35); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(255, 255, 255, 0.1); border-radius: 12px;}

.green-glass-btn a {
background: rgba(0, 0, 0, 0.24) !important; !important;backdrop-filter: blur(5px); -webkit-backdrop-filter:blur(5px); border:1px solid #2FC998 !important;}

.blur-bg{background: rgb(255 255 255 / 19%) !important;backdrop-filter: blur(3px); -webkit-backdrop-filter:blur(3px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(255, 255, 255, 0.1);}


.hardware-services-card:hover .blur-bg i {transform: rotate(0deg);transition: all 0.5s ease;}
.hardware-services-card .blur-bg {box-shadow:none;}
.hardware-services-card .blur-bg i {transform: rotate(-45deg);transition: all 0.5s ease;}

.breadcrumbs{display:none;}
.blog-sec .elementskit-post-body{display: flex;flex-direction: column;}
.blog-sec .elementskit-post-body .post-meta-list{order: 3;margin: 16px 0 0;}
.blog-sec .elementskit-entry-header a, .blog-sec .elementskit-entry-header img {width: 100%;height: 220px;object-fit: cover;}
.elementskit-entry-header{width:100%; height:220px;}
.blog-sec .elementskit-post-image-card:hover .elementskit-entry-header img {-webkit-transform: scale(1.05) rotate(0deg) !important;transform: scale(1.05) rotate(0deg) !important;opacity: .8;filter: brightness(0.8);}



.service-sec .inn-box-item{box-shadow: inset 0 0px 0px 0 rgba(29, 54, 69, 0.25);transition:all 0.5s ease;}
.service-sec .inn-box-item:hover{box-shadow: inset 0 -4px 4px 0 rgba(29, 54, 69, 0.25); transition:all 0.5s ease;}

.head-decoration { position: relative; display: inline-block; z-index: 0; padding: 0 10px; color: #33CF96; }
.head-decoration::before { background: url(/wp-content/uploads/2026/03/Vector-62.png); background-size: cover; background-repeat: no-repeat; background-position: center; min-width: 340px; content: ""; position: absolute; width: 100%; height: 98px; z-index: -1; top: -30px; left: 0; }

.logo-slider-right{background:#fff;top:0; left:0;clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);}

.faq-box .e-n-accordion-item {border-radius: 10px;border: 1px solid #E6E6E6;}
.faq-box .e-n-accordion-item .e-n-accordion-item-title[aria-expanded="false"] .e-n-accordion-item-title-icon svg {transform: rotate(0deg);transition:all 0.5s ease;}
.faq-box .e-n-accordion-item .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon svg {transform: rotate(45deg);transition:all 0.5s ease;}

.counter-box{position:relative;}
.counter-box::before {content: "";position: absolute;top: -1px;left: -1px;/* width: 50px; *//* height: 50px; */background: url("/wp-content/uploads/2026/03/left-shape.png") no-repeat center;background-position: top left;}
.counter-box::after {content: "";position: absolute;bottom: -3px;right: -3px;width: 60px;height: 60px;background: url("/wp-content/uploads/2026/03/right-shape.png") no-repeat center;background-position: left bottom;/* z-index: 9999; */}

.contact-sec .contact-left-box{position:relative;}
.contact-sec .contact-left-box::before {content: "";position: absolute;left: -308px;top: 0;width: 150%;height: 100%;background: linear-gradient(90deg, #2EC79A, #0D9AAE), url(/wp-content/uploads/2026/03/Frame-2147226170-1.jpg) no-repeat center;background-size: cover;background-blend-mode: overlay;background-position: top right;}
.contact-sec .contact-left-box a{color:#fff}

.service-sec .service-item{border:1px solid #D0D0D0;	transition: all 0.5s ease !important; position:relative;}
.service-sec .service-item::before {content: "";width: 100%;height: 100%;position: absolute;background: #fff;transition: all 0.5s ease;}
.service-sec .service-item:hover::before{background:#F4FEFF;	transition: all 0.5s ease;}
.service-sec .service-item:hover{background: #F3FEFF;border: 1px solid transparent;background: linear-gradient(#fff, #fff) padding-box,linear-gradient(90deg, #0993B0, #33CF96) border-box;	transition: all 0.5s ease !important;}
.service-sec-support .service-item::before{background:#F4FEFF;	transition: all 0.5s ease;}
.service-sec-support .service-item {
    border: 1px solid transparent;
    background: linear-gradient(#F3FEFF, #F3FEFF) padding-box, linear-gradient(90deg, #0993B0, #33CF96) border-box;
    transition: all 0.5s ease;
}
.grad-border-box{background: #F3FEFF;border: 1px solid transparent;background: linear-gradient(#F3FEFF, #F3FEFF) padding-box,linear-gradient(90deg, #0993B0, #33CF96) border-box;	transition: all 0.5s ease !important;}
.grad-border{background: #F3FEFF;border: 1px solid transparent;background: linear-gradient(#fff, #fff) padding-box,linear-gradient(90deg, #0993B0, #33CF96) border-box;	transition: all 0.5s ease !important;}

.card-sec .card-box{background-image:linear-gradient(90deg, #33CF96 0%, #119fac 100%);}
/* .card-sec .card-box:hover{background:linear-gradient(#F2FBF8, #F2FBF8) padding-box, linear-gradient(90deg, #0993B0, #33CF96) border-box ;transition:all 0.3s ease;} */
.card-sec .card-box ul {padding-left: 26px;}
.card-sec .card-box ul li, .card-sec .card-box .elementor-icon-list-text{color:#fff !important;}
.card-sec .card-box svg circle{fill:#fff;}
.card-sec .card-box svg rect{stroke: #fff;}
.card-sec .card-box:hover .sub-highlight {background: linear-gradient(90deg, #33CF96, #0993B0);color: #fff;transition:all 0.3s ease;}

.onboarding-sec::before { content: ""; width: 75%; height: 60px; position: absolute; top: 50px; left: 163px; background: red; background: url(/wp-content/uploads/2026/03/Vector-7.png); background-repeat: no-repeat; background-position: center center; background-size: contain; }

.vmware-form form input { background: rgb(255 255 255 / 37%) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); height: 50px !important; border: 1px solid #B5B5B5 !important; margin: 0 0 10px !important; padding: 0 20px !important; color:#fff !important; }
.vmware-form form textarea{background: rgb(255 255 255 / 37%) !important;backdrop-filter: blur(10px); -webkit-backdrop-filter:blur(10px); min-height:160px;padding: 20px !important;border: 1px solid #B5B5B5 !important; color:#fff !important;}
.vmware-form form input::placeholder, .vmware-form form textarea::placeholder {color: #fff !important; opacity:0.7;}
.vmware-form form button {padding: 11px !important;font-size: 16px !important;height: 45px;}
#srfm-success-message-page-2177 {
    color: #fff !important;
    /* position: absolute; */
    padding-top: 20px;
}

.ban-box {
    border-radius: 20px;
    background: rgba(133, 133, 133, 0.33);
    backdrop-filter: blur(7px);
}

  .two-column-list {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
  }




/*********Table************/
/* Parent */
.oem-table.sla-table table tbody td{border:1px solid hsla(0,0%,50%,.502)}
.oem-table.sla-table{border:none;}

.sla-table {width: 100%;overflow-x: auto;border-radius: 12px;font-family: Arial, sans-serif;border: 1px solid #D0D0D0;}

/* Table */
.sla-table table {width: 100%;border-collapse: collapse;margin:0;}

/* Header */
.sla-table table thead {background: linear-gradient(90deg, #33CF96, #0993B0);color: #fff;}

.sla-table table thead th {padding: 16px;text-align: left;font-weight: 600;border:none;vertical-align:middle;}

/* Body */
.sla-table table tbody td {padding: 16px;color: #333;border:none;}

/* Row colors */
.sla-table table tbody tr:nth-child(odd), .sla-table table tbody tr:nth-child(odd) td {background: #fff;}
.sla-table table tbody tr:nth-child(even) {background: #F0F0F0;}

/* Rounded corners */
.sla-table table thead th:first-child {border-top-left-radius: 12px;}
.sla-table table thead th:last-child {border-top-right-radius: 12px;}
.sla-table table tbody tr:last-child td:first-child {border-bottom-left-radius: 12px;}
.sla-table table tbody tr:last-child td:last-child {border-bottom-right-radius: 12px;}

.srfm-form-container .srfm-form{row-gap:0; font-family:manrope;}
.srfm-form-container .srfm-form label{font-size:15px !important;}

#srfm-form-742 {justify-content:center !important;}
#srfm-form-742 input, #srfm-form-742 select, #srfm-form-742 .ts-control{height:40px;}

#srfm-form-527 .wp-block-button{ text-align: right;margin-top: -70px;width: 40%;margin-left: auto;}
#srfm-form-527 .g-recaptcha {width: 60%;}
/*====me=====*/
.mobile-flex-wrapper .elementor-image-box-wrapper h3 {
    margin: 0px;
}
.dark-text-wrap ul.elementor-icon-list-items li b {
    color: #000;
}

#wp_etsHeader.is_stickyActive #wp_topBar {
    display: none;
}
#wp_etsHeader.is_stickyActive {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	background: #0000009e;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    animation: slideDown 0.35s ease forwards;
	z-index:999;
	backdrop-filter: blur(8px);
}
@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}


.wp_subHead {
    display: flex;
    flex-direction: column;
    padding: 10px;
}
.wp_subHead span {
    font-size: 25px;
    font-weight: bold;
}
.wp_authorHead {
    display: flex;
    align-items: center;
    gap: 20px;
}
.wp_subHead svg {
    width: 25px;
}


.author .page-header {padding: 30px;background: #fff;border-radius: 20px;font-family: 'Manrope';margin: 50px 0 40px;}
.author .page-header p{color: #7c7c7c; font-size:16px;}

.author {background: #0a94af61;}
.author .site-main {max-width: 1240px !important;padding: 60px 0 80px;}
.author .page-content {display: flex;gap: 20px;flex-wrap: wrap;}
.author .page-content article.post {display: flex;flex-direction: column;width: 32.2%;padding: 15px;border: 1px solid #e5e5e5;border-radius: 20px;background:#fff;}
.author .page-content article.post a {order: 0;}
.author .page-content article.post h2 {order: 1;font-size:24px;}
.author .page-content article.post h2 a{color:#000;}
.author .page-content article.post:hover h2 a{color:#33CF96;}
.author .page-content article.post p {order: 3; overflow: hidden;display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5;-webkit-box-orient: vertical;}
.author .page-content article.post a img {width: 100%;height: 200px;object-fit: cover;border-radius: 12px;}




/* ---------- MOBILE ---------- */

@media (max-width:767px){
.mobile-flex-wrapper .elementor-image-box-wrapper {display: flex;text-align: left;gap: 10px;}
ul.tableOFcontent {display: none;}
.toc.isActiveSidebar {position: fixed;top: 70px;width: 94%;}
.toc #sideBarHead {display: flex;justify-content: space-between;align-items: center;cursor:pointer;}
span#sideToggle {font-size: 32px;font-weight: 800;color: #30c892;line-height: 1;}	
.toc #sideBarHead h3{margin:0;}
ul.tableOFcontent.isActive {margin-top: 10px;}

#srfm-form-527 .wp-block-button {text-align: left;margin-top: 20px;width: 100%;margin-left: auto;}
	
.author .page-content article.post {width: 100%;}	
.author .page-content article.post p{font-size:16px;}
.author .page-content article.post h2{font-size:20px;}
.author .site-main {padding: 60px 10px 80px;}
	
	
	
}


@media (min-width:768px){
span#sideToggle {display: none;}

	
}


@media (min-width:768px) and (max-width:850px){
span#sideToggle {display: none;}
.contact-sec .contact-left-box::before {left: -192px;}
#srfm-form-527 .wp-block-button {text-align: left;margin-top: 20px;width: 100%;margin-left: auto;}
.author .page-content article.post {width: 48.6%;}
.author .site-main {padding: 60px 10px 80px;}
}


@media (max-width: 768px) {
	.contact-sec .contact-left-box::before{left: -170px;}
	.sla-table{overflow:scroll;}
	
	.sla-table table {min-width: 700px;border-collapse: collapse;margin: 0;max-width: 1500px;}
	.logo-slider-right{clip-path:none;}
	header .elementor-element.elementor-element-5e0d911 .elementskit-menu-container{height:100vh !important;}	#wp_etsHeader.is_stickyActive {width:100% !important;}
	  .two-column-list {columns: 2;-webkit-columns: 2;-moz-columns: 2;}
	
}	

@media (min-width: 1024px) {
body { overflow-x: hidden;}
/* .main-header .elementskit-navbar-nav-default .elementskit-dropdown>li>.elementskit-dropdown {
    left: 55%;
    top: 70%;
} */
	nav ul li:nth-child(4) #menu-item-2728 > ul.elementskit-submenu-panel  ul.elementskit-submenu-panel {
    left: -210px;
    top: 20px;
}
	
}
	
/*     .sla-table table thead {
        display: none;
    }

    .sla-table table tr {
        display: block;
        margin-bottom: 15px;
        border-radius: 10px;
        overflow: hidden;
    }

    .sla-table table tbody td {
        display: flex;
        justify-content: space-between;
        padding: 12px 15px;
        background: #f3f3f3;
        border-bottom: 1px solid #ddd;
    }

    .sla-table table tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #555;
    }

    .sla-table table tbody td:last-child {
        border-bottom: none;
    } */
}