/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 31 2026 | 06:22:50 */
@media screen and (min-width:1500px){
	.my-hero-slider .hero{
     min-height:700px;
	 max-height:700px;
	height:700px;
     }
}
@media screen and (min-width:1024px){
li#menu-item-43 .elementskit-megamenu-panel{
top:70px !important;
left:-250px !important;	
height:100vh !important;
}
li#menu-item-44 .elementskit-megamenu-panel{
top:70px !important;
left:-370px !important;
height:100vh !important;
}
	li.elementskit-megamenu-has > .elementskit-megamenu-panel {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    /* ElementsKit ka apna transform/margin-based slide animation cancel kar dete hain
       taka sirf hamara opacity fade chale — is se upar-neeche wala jerk khatam ho jata hai */
    transform: none !important;
    margin-top: 0 !important;
    transition: opacity 180ms ease !important;
  }
 
  li.elementskit-megamenu-has.ekit-force-open > .elementskit-megamenu-panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    margin-top: 0 !important;
  }
}
body{
overflow-x:hidden !important;
}
.my-mega-menu > .e-con-inner{
margin:0px;
	max-width:100%;
	width:100%;
}
.my-mega-menu > .e-con-inner .my-tabs{
background:#0A2440;
}
.my-mega-menu > .e-con-inner .my-tabs .e-n-tabs-heading{
    padding: 15px 10px 15px 10px;
background-color:#0a2440 !important;
}
.my-mega-menu > .e-con-inner .my-tabs .e-n-tab-title{
display:grid;
	grid-template-columns:2fr 9fr 1fr;
}
.my-mega-menu > .e-con-inner .my-tabs .e-n-tab-title:hover{
background-color:#263853 !important;
}
.my-mega-menu > .e-con-inner .my-tabs .e-n-tab-title[aria-selected="true"] {
    background-color: #263853 !important;
}
.my-mega-menu > .e-con-inner .my-tabs .e-n-tab-title::before{
    content: "";
    width: 27px;
    height: 27px;
    display: inline-block;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 0px;
}
.my-mega-menu > .e-con-inner .my-tabs .e-n-tab-title:nth-child(1)::before{
    background-image: url("https://staging.zeeframes.com/wp-content/uploads/2026/07/ai.svg");
}

.my-mega-menu > .e-con-inner .my-tabs .e-n-tab-title:nth-child(2)::before{
    background-image: url("https://staging.zeeframes.com/wp-content/uploads/2026/07/Frame-20.svg");
}

.my-mega-menu > .e-con-inner .my-tabs .e-n-tab-title:nth-child(3)::before{
    background-image: url("https://staging.zeeframes.com/wp-content/uploads/2026/07/Frame-21.svg");
}
.my-mega-menu > .e-con-inner .my-tabs .e-n-tab-title:nth-child(4)::before{
    background-image: url("https://staging.zeeframes.com/wp-content/uploads/2026/07/Frame-22.svg");
}
.my-mega-menu > .e-con-inner .my-tabs .e-n-tab-title:nth-child(5)::before{
    background-image: url("https://staging.zeeframes.com/wp-content/uploads/2026/07/Frame-23.svg");
}
.my-mega-menu > .e-con-inner .my-tabs{
background-color:transparent !important;
}
.my-mega-menu > .e-con-inner .my-tabs .e-n-tabs-content{
background:#FFF;
height:100vh;
overflow-y:scroll;
}
.my-mega-menu > .e-con-inner .menu-icon-boxes{
height:100vh;
overflow-y:scroll;
}
.my-mega-menu .grid-boxes{
height:100vh;
overflow-y:scroll;
}
.my-mega-menu > .e-con-inner .menu-icon-boxes .elementor-image-box-wrapper{
    display:grid;
	grid-template-columns:4fr 8fr;
	grid-gap:16px;
}
@media screen and (min-width:800px) and (max-width:1024px){
		.mobile-tabs .e-n-tabs-heading{
        display:grid !important;
		grid-template-columns:1fr 1fr 1fr 1fr 1fr;
		grid-gap:0px !important;
}
}
@media screen and (min-width:600px) and (max-width:799px){
		.mobile-tabs .e-n-tabs-heading{
        display:grid !important;
		grid-template-columns:1fr 1fr 1fr;
		grid-gap:0px !important;
}
}
@media screen and (max-width:1024px){
	.my-header #ekit-megamenu-nav-menu{
		height: 100vh !important;
        width: 100%;
        max-width: 100% !important;
        top: 68px;
		overflow-y:scroll;
}
	.my-header #ekit-megamenu-nav-menu .elementskit-submenu-indicator{
   border: none;
    width: 10px;
    height: 10px;
    margin: 1px 0px 0px 15px;
}
	.my-header .elementskit-menu-hamburger{
    padding: 12px 12px;
	border-radius:4px;
}
	.my-header button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{
      height: 2px;
      margin-bottom: 3px;
}
	#menu-nav-menu-1 .menu-item .elementskit-megamenu-panel{
width:unset !important;
	
}
.mobile-tabs button.e-n-tab-title::before{
    content: "";
    width: 27px;
    height: 27px;
    display: inline-block;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 0px;
}
.mobile-tabs .e-n-tab-title:nth-child(1)::before{
    background-image: url("https://staging.zeeframes.com/wp-content/uploads/2026/07/ai-1.svg");
}

.mobile-tabs .e-n-tab-title:nth-child(2)::before{
    background-image: url("https://staging.zeeframes.com/wp-content/uploads/2026/07/Frame-27.svg");
}

.mobile-tabs .e-n-tab-title:nth-child(3)::before{
    background-image: url("https://staging.zeeframes.com/wp-content/uploads/2026/07/Frame-28.svg");
}
.mobile-tabs .e-n-tab-title:nth-child(4)::before{
    background-image: url("https://staging.zeeframes.com/wp-content/uploads/2026/07/Frame-29.svg");
}
.mobile-tabs .e-n-tab-title:nth-child(5)::before{
    background-image: url("https://staging.zeeframes.com/wp-content/uploads/2026/07/Frame-30.svg");
}
.mobile-tabs button.e-n-tab-title{
    background:transparent !important;
	display:grid;
	grid-template-columns:1fr 10fr 1fr;
}

.mobile-tabs button.e-n-tab-title:hover{
    background:transparent !important;
}
.mobile-tabs .e-n-tab-title[aria-selected="true"] {
    background-color: transaprent !important;
}
	.mobile-tabs .e-n-tabs-content .elementor-icon-list-items .elementor-icon-list-item{
    display: flex;
    flex-direction: row-reverse;
}
	.mobile-tabs .e-n-tabs-content .elementor-icon-list-items .elementor-icon-list-icon{
margin-left:auto;
}
	.mobile-tabs .e-n-tabs-content .elementor-icon-list-items .elementor-icon-list-icon svg{
width:18px;
height:18px;
}
	.industry-tab .elementor-icon-list-text{
   position:relative;
}
.industry-tab .elementor-icon-list-text::after{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position:absolute;
	right:0px;
}
.industry-tab .elementor-icon-list-text::after{
    background-image: url("https://staging.zeeframes.com/wp-content/uploads/2026/07/Frame-31.svg");
}
	.industry-tab .elementor-icon-list-text{
   width:100%;
}
}
@media screen and (max-width:768px){

	.my-header .elementskit-menu-hamburger{
    padding: 12px 12px !important;
	border-radius:4px !important;
}
}
@media screen and (max-width:500px){
.my-header #ekit-megamenu-nav-menu li.menu-item-43 a{
    border-top: 1px solid #F4F4F5;
}
	.mobile-tabs button.e-n-tab-title{
    padding:0px !important;
	margin:7px 0px !important;
}
	.my-header .elementskit-menu-hamburger{
    padding: 11px 11px !important;
	border-radius:4px !important;
}
}
@media screen and (max-width:325px){
	.my-header .logo-column{
    width:25% !important;
} 
.my-header .btn-column{
    width:75% !important;
} 
}