@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{
   --bg:#0b0e1a;
  --panel:#111827;
  --rowA:#050B2A;
  --rowB:#0B1336;           /* subtle alt row */
  --muted:#9aa3b2;
  --text:#e5e7eb;
  --thead-13:#3A3E53;
  --yes:#22c55e;
  --row-h: 64px;            /* uniform row height */
  --td-border:#C2C7D4;
  }
body{
	line-height: 1.5;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*{
	margin:0;
	box-sizing: border-box;
}
:before,:after{
	box-sizing: border-box;
}

.row{
	display: flex;
	flex-wrap: wrap;
}
.v-center{
	align-items: center;
	justify-content: space-between;
}
ul{
	list-style: none;
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
}
/* header */
.header{
/*	display: block;*/
	width: 100%;
	position: absolute;
	z-index: 99;
	padding:15px 0;
	border-bottom: 1px solid #e8d0d0;
}
.header .item-left{
	flex:0 0 10%;
}
.header .logo a{
	font-size: 30px;
	color:#000000;
	font-weight: 700;
	text-decoration: none;
}
.header .item-center{
	flex:0 0 60%;
}
.header .item-right{
	flex:0 0 20%;
	display: flex;
	justify-content: flex-end;
	
}
.header .item-right a{ 
     text-decoration: none;
     font-size: 15px;
     color:#000;
     display: inline-block;
    
     transition: color 0.3s ease;
}
.header .item-right:hover a{
	color: #fff !important;
}
.header .item-right a i{
	margin-right: 8px;
}
.header .menu > ul > li{
	display: inline-block;
	line-height: 50px;
	margin-left: 20px;
}
.header .menu > ul > li > a{
	font-size: 14px;
	font-weight: 600;
	color:#fff;
	position: relative;
font-style: normal;
font-weight: 600;
line-height: 103.607%; /* 12.433px */



	transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu{
	position: absolute;
	z-index: 500;
	background-color:#ffffff;
	box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); 
	padding: 20px 30px;
	transition: all 0.5s ease;
	margin-top:25px;
	opacity:0;
	visibility: hidden;
}
@media(min-width: 992px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
	margin-top: 0;
	visibility: visible;
	opacity: 1;
	        background: #fff;
        border-radius: 16px;
        box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}
.pad-0{
	padding: 0 !important;
}
}
.header .menu > ul > li .sub-menu > ul > li{
	line-height: 1;
	text-align: left;
}
.header .menu > ul > li .sub-menu > ul > li > a{
	display: inline-block;
	padding: 10px 0;
	font-size: 14px;
	color: #03386F;
	transition: color 0.3s ease;
	text-decoration: none;
	text-transform: capitalize;
	font-weight: 500;
}
.header .menu > ul > li .single-column-menu{
	min-width: 280px;
	max-width: 350px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block; 
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
	padding:10px 0;
	display: inline-block;
	font-size: 12px;
	color:#000;
	font-weight: 400;
	transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title i{
	color: #F26527;
}
.header .menu > ul > li .sub-menu.mega-menu{ 
    left: 50%;
    transform: translateX(-50%);	
}

.header .menu > ul > li .sub-menu.mega-menu-column-4{
  max-width: 85%;
  width: 100%; 	
  display: flex;
  flex-wrap: wrap;
  padding:20px 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-1{
	max-width: 95%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 25px;
	background: #fff !important;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-2{
	max-width: 95%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 25px;
	background: #fff !important;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex:0 0 60%;
  
  text-align: left;
      text-align: left;
    background: #fff;
    padding: 22px 25px;
    border-radius: 16px 0 0 16px;

}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item-1{
  flex:0 0 40%;
  
  text-align: left;
      background: #4F0174;
    padding: 40px 40px;
    border-radius: 0px 16px 16px 0;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-1 > .list-item{
  flex:0 0 50%;
  
  text-align: left;
  padding: 0;
  background: unset;
  border-radius: 0;
     
    

}
.header .menu > ul > li .sub-menu.mega-menu-column-4-1 > .list-item-1{
  flex:0 0 50%;
  
  text-align: left;
  padding: 0;
  background: unset;
  border-radius: 0;
     
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-2 > .list-item{
  flex:0 0 25%;
  
  text-align: left;
  padding: 0;
  background: unset;
  border-radius: 0;
     
    

}

.cnt-para{
	font-size: 22px;
    line-height: 1.6;
    font-weight: 700;
    color: #fff;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{
	    font-size: 14px;
    color: #000;
    font-weight: 600;
	line-height: 1;
	padding:10px 0 15px 0;
	
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item-1.text-center .title{
	text-align: center;
}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item-1 .title{
	    font-size: 14px;
    color: #000;
    font-weight: 600;
	line-height: 1;
	padding:10px 0 15px 0;
	
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
	text-align: center;
}


.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
	max-width: 100%;
	
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item ul{
	margin-bottom: 30px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a{
	color:#7C07DB;
}


.mobile-menu-head,
.mobile-menu-trigger{
	display: none;
}

/*responsive*/
@media(max-width: 991px){

	.header .item-center{
		order:3;
		flex:0 0 100%;
	}
	.header .item-left,
	.header .item-right{
	
	}
	.v-center{
		justify-content: space-between;
	}
	.header .mobile-menu-trigger{
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}
	.header .mobile-menu-trigger span{
		display: block;
		height: 2px;
		background-color: #000;
		width: 24px;
		position: relative;
	}
	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after{
		content: '';
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
		background-color: #000;
	}
	.header .mobile-menu-trigger span:before{
		top:-6px;
	}
	.header .mobile-menu-trigger span:after{
		top:6px;
	}
	.header .item-right{
		align-items: center;
	}

	.header .menu{
		position: fixed;
		width: 90%;
		background-color:#ffffff;
		left:0;
		top:0;
		height: 100%;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease;
		z-index: 1099;
	}
	.header .menu.active{
	   transform: translate(0%);	
	}
	.header .menu > ul > li{
		line-height: 1;
		margin:0;
		display: block;
		text-align: left;
	}
	.header .menu > ul > li > a{
		line-height: 50px;
		height: 50px;
		padding:0 50px 0 15px;
		display: block;
		border-bottom: 1px solid rgb(137 8 207);
	}
	.header .menu > ul > li > a i{
		position: absolute;
		height: 50px;
		width: 50px;
		top:0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg);
	}
	.header .menu .mobile-menu-head{
		display: flex;
		height: 66px;
		border-bottom: 1px solid #000;
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #fff;
		top:0;
	}
	.header .menu .mobile-menu-head .go-back{
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0,0,0,0.7);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000;
		font-size: 16px;
		display: none;
	}
	.header .menu .mobile-menu-head.active .go-back{
		display: block;
	}
	.header .menu .mobile-menu-head .current-menu-title{
		font-size: 15px;
		font-weight: 500;
	color: #000;
		padding: 10px 0;
	}
	.header .menu .mobile-menu-head .mobile-menu-close{
	    height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0,0,0,0.7);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000;	
		font-size: 25px;
	}
	.header .menu .menu-main{
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.header .menu > ul > li .sub-menu.mega-menu,
	.header .menu > ul > li .sub-menu{
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin:0;
		padding:15px;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top: 65px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}
.header .menu > ul > li .sub-menu.active{
	display: block;
	background: #fff;
}
@keyframes slideLeft{
	0%{
		opacity:0;
		transform: translateX(100%);
	}
	100%{
	    opacity:1;
		transform: translateX(0%);	
	}
}
@keyframes slideRight{
	0%{
		opacity:1;
		transform: translateX(0%);
	}
	100%{
	    opacity:0;
		transform: translateX(100%);	
	}
}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
		margin-top:0;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
		margin-bottom: 20px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
		margin-bottom:0px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
		flex: 0 0 100%;
        padding: 0px;
	}
	.header .menu > ul > li .sub-menu > ul > li > a,
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
		display: block;
		color: #000;
	}
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
		margin-bottom: 0px;
	}
	.menu-overlay{
		position: fixed;
		background-color: rgba(0,0,0,0.5);
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity:0;
		transition: all 0.5s ease;
	}
	.menu-overlay.active{
	  visibility: visible;
	  opacity:1;	
	}
}


.logo img{
	max-width: 200px;
	max-height: 42px;
}
.header .item-right .header-btns{
font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    background: #130A39;
    padding: 10px 25px;
    border-radius: 25px;
    color: #fff;
}


.container-main{
	max-width: 95%;
}




.r-link {
    margin-top: 40px;
}

.r-link a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.m-link {
    margin-top: 40px;
}

.m-link a {
    color: #7E04D5;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.left-side-mega{
	display: flex;
	gap: 15px;
	margin-bottom: 5px;
	align-items: baseline;
}

.left-side-mega-headthree{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 7px;
	line-height: 1;

}
.left-side-mega-headthree a{
	color: #010F55;
}

.left-side-mega-para{
	color: #000000;
    font-size: 13px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.325px;
    margin-bottom: 5px;
}

.left-side-mega-inside{
	position: relative;
}

.left-side-mega-inside ul {
    margin: 0;
    padding: 0;
    margin-bottom: 0 !important;
}

.left-side-mega-inside ul li {
    position: relative;
    list-style: none;
    padding: 2px 8px;
    border-radius: 8px;
    padding-left: 20px;
    margin-bottom: 5px;
    line-height: 0;
}

.left-side-mega-inside li:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    color: #000000;
   line-height: 1.5;
    left: 0px;
}

.left-side-mega-inside li a{
	    font-size: 13px !important;
    line-height: 150% !important;
    letter-spacing: normal !important;
    color: #010F55 !important;
    font-weight: 500;
}

.menu-boder-right {
    border-right: 1px dotted #A1A1A1;
    margin-right: 25px;
}
.mega-menu-small{
	position: relative;
}
.mega-menu-small h3{
	display: flex;
color: #010F55;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.35px;
    margin-bottom: 10px;
}

.mega-menu-small h3 a {
    color: #010F55;
}

.mega-menu-small ul {
    margin: 0;
    padding: 0;
    margin-bottom: 0 !important;
    
}
.mega-menu-small ul li {
    position: relative;
    list-style: none;
    padding: 2px 8px;
    border-radius: 8px;
    padding-left: 20px;
    margin-bottom: 5px;
    line-height: 0;
}
.mega-menu-small li:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    color: #000000;
   line-height: 1.5;
    left: 0px;
}

.mega-menu-small li a{
	    font-size: 13px !important;
    line-height: 150% !important;
    letter-spacing: normal !important;
    color: #010F55 !important;
    font-weight: 500;
}

.final-mega-bg{
	border-radius: 15px;
    background: #E8E0FA;
    padding: 40px 30px;
}

.final-heading-mega{
	color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 166.4%;
    text-transform: capitalize;
}



.blog-banner-seg{
	padding: 80px 0 60px 0;

background: linear-gradient(0deg, #FFF 20.67%, #EFE8FF 100%);}
.blog-banner-seg .blog-main-heading{
	margin-bottom: 100px;
}
.blog-banner-seg .blog-main-heading h1{
color: #000;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 65px */
text-transform: capitalize;
margin-bottom: 15px;
}

.blog-banner-seg .blog-main-heading p{
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
}

.blog-para-set{
	color: #000;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 20px;
}
.blog-banner-seg .blog-main-cnt h2{
	color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 30px;
}

.blog-banner-seg .blog-main-cnt h2 a{
    color: #000;
}
.blog-banner-seg .blog-main-cnt span{
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.blog-banner-seg .blog-main-cnt h3{

color: #000;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 10px;
}

.blog-banner-seg .blog-main-cnt h3 a{
    color: #000;
}

.unique-tabs {
        margin-bottom: 80px;
        padding: 0;
        list-style: none;
        text-align: left;
    }

    .unique-tabs li {
        background: #eae4e4;
        margin-right: 10px;
        color: #000;
        display: inline-block;
        padding: 5px 20px;
        cursor: pointer;
        margin-bottom:20px;
        border-radius: 15px;
    }

    .unique-tabs li.current-activ {
        border-radius: 15px;
        background: #4514A0;
        color: #fff;
    }

    .search-recent {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
    }

    .search-recent h2 {
        color: #000;
        font-size: 20px;
        font-weight: 700;
    }

    .pseudo-search {
        display: inline;
        border: 2px solid #ccc;
        border-radius: 100px;
        padding: 5px 35px;
        transition: background-color 0.5s ease-in-out;
    }

    .pseudo-search input {
        border: 0;
        background-color: transparent;
    }

    .pseudo-search input:focus {
        outline: none;
    }

    .pseudo-search button,
    .pseudo-search i {
        border: none;
        background: none;
        cursor: pointer;
    }

    .recent-blog-main {
        margin-bottom: 50px;
    }

    .recent-blog-main img {
        margin-bottom: 20px;
    }

    .recent-blog-main h3 {
        color: #000;
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 500;
        line-height: 150%;
        margin-bottom: 15px;
    }
    
    .recent-blog-main h3 a{
        color: #000;
    }

    .recent-blog-main span {
        color: #000;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        
    }

    .recent-blog-main p {
        color: #000;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
           margin-bottom: 10px;
    margin-top: 3px;
    }
    
    .recent-blog-main p a{
        color: #000;
    }

    .main-section{
    	padding: 60px 0;
    }

    .pagination-container {
    display: flex;
    
    margin-top: 30px;
}

.pagination-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination-item {
   
}

.pagination-item a {
    display: block;
    padding: 10px 15px;
    border: 1px solid #ddd; 
    text-decoration: none;
    color: #000; 
    
    font-size: 14px;
    border-radius: 0px; 
    transition: background-color 0.3s ease, color 0.3s ease;
    background-color: #fff; 
    font-weight: 600;
}


.pagination-item.active-page a {
    background-color: #d4103a; 
    color: #fff;
}


.pagination-item a:hover {
    background-color: #d4103a; 
    color: #fff;
}


.pagination-next{
border: 1px solid #ddd;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    border-radius: 0px;
    transition: background-color 0.3s ease, color 0.3s ease;
    background-color: #fff;
    font-weight: 600;
    border-radius: 0px 10px 10px 0px;
    padding: 10px 15px;
}
.pagination-prev  {
     border: 1px solid #ddd;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    border-radius: 0px;
    transition: background-color 0.3s ease, color 0.3s ease;
    background-color: #fff;
    font-weight: 600;
    border-radius: 10px 0px 0px 10px;
    padding: 10px 15px;
}


.pagination-prev:hover ,
.pagination-next:hover  {
    background-color: #d4103a; 
    color: #fff;
}
.pagination-prev a ,
.pagination-next a  {
   
    color: #000;
}


.pagination-item a:focus {
    outline: none;
}

.subscribe-main{
	padding: 60px 0;
}
.subscribe-main .subscribe-bg{
border-radius: 15px;
background: #F4F2FF;
padding: 40px 60px;
}
.subscribe-main .subrice-cnt h2{
	color: #000;

font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 20px;

}
.subscribe-main .subrice-cnt{
	padding-right: 50px;
}

.subscribe-main .subrice-cnt p, .subscribe-main .subrice-right{
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 30px */
}


.subrice-btn{
	border-radius: 8px;
background: #130A39;
padding: 12px 25px;
    color: #fff;
    font-size: 16px;
    border: none;
}

.input-from{
	height: 45px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    color: #000;
    font-weight: 700;
    border: 1px solid gray;
}
.input-from::placeholder{
	color: #000;
}

.footer {
    position: relative;
    padding: 60px 0 20px 0;
    background-color: #000000;
    color: #adb5bd;
  }
  .footer-bg {
    background: #000000;
}
.m-dotted-line {
    border-top: 1px dotted rgba(188,176,176,.9);
    margin: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    opacity: 9;
}
  .footer h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 15px;
   }
   .footer h3 a{
    color: #6D08BE;
   }
   .footer h3 a:hover{
    color: #FFB703;
   }
   .footer h4 {
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    margin-bottom: 1rem;
    font-weight: 700;
   }
   .footer ul {
    margin: 0;
    padding: 0;
   }
   .footer li {
    margin-bottom: 0.4rem;
    position: relative;
    list-style: none;
   }
   .footer li a {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
   }
   .footer li a:hover {
    color: #FFB703;
   }
  
   .footer li a p{
     color: #000;
     font-size: 0.75rem;
     line-height: 18px;
   }
.address p span {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.address p {
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}

.social-icons li {
     display: inline-block;
     margin: 0 0.7rem 0 0;
   }
   .social-icons > li > a {
     border: 0.125rem solid #fff;
     border-radius: 50%;
     text-align: center;
     width: 1.875rem;
     height: 1.875rem;
     font-size: 0.875rem;
     display: inline-block;
     line-height: 1.625rem;
   }
   .social-icons > li > a i {
     color: #fff;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     transition: 0.5s;
   }
   
   .social-icons > li > a:hover,
   .social-icons > li > a:focus {
     background:none;
     border:0.125rem solid #6D08BE;
   }
   .social-icons > li > a:hover i{
     color: #6D08BE;
   }
   
   .footer-copyright {
     padding: 0.938rem 0;
     color: #000000;
   }
   .w-70 {
    width: 68%;
}

.subscribe input {
    width: 100%;
    padding: 7px 20px;
    color: #000;
    font-size: 12px;
    border-radius: 8px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.14);
}
.address p a {
    color: #ffffff;
}.navmenufooter ul {
     margin-bottom: 0.313rem;
     padding: 0px;
   }
   .navmenufooter ul li {
     color: #fff;
     display: inline-block;
     margin: 0 0rem;
     font-size: 12px;
   }
   .navmenufooter ul li a {
     position: relative;
     color: #fff;
     font-size: 12px;
     line-height: 20px;
     font-weight: 500;
   }
   .navmenufooter ul li a:hover{
     color: #6D08BE;
   }
   .navmenufooter p {
     font-size: 12px;
     color: #fff;
     margin-right: 20px;
     font-weight: 500;
   }

.subscribe input[type=submit] {
    background-image: linear-gradient(to right, #ff0e00 0%, #6d08be 51%, #ff0e00 100%);
    font-size: 14px;
    padding: 0.5rem 2rem;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: #fff;
    border-radius: 8px;
    display: inline-block;
    border: 0;
}
.white-border-line {
    margin: 1rem 0;
    border: 0;
    border-top: 1px solid #fff;
    opacity: .25;
}

/*05feb2025*/

.border-tp-1{
border-bottom: 1px solid #dce0e2;
}

.bord-im-right-hero{

padding-left: 35px;
padding-top: 35px;
padding-bottom: 30px;
}
.bord-im-left-hero{

padding-right: 35px;
padding-top: 35px;
padding-bottom: 30px;
}

.publised-author{
display: flex;
gap: 30px;
border-bottom: 1px solid #dce0e2;
margin-bottom:40px;
}

.publish-inside{
border-right: 1px solid #dce0e2;
padding-right: 30px;
}

.publish-inside p{
padding: 20px 0;
margin-bottom: 0;
}
.publish-inside:last-child {
border: none;
}

.bord-im-right-hero img{
border-radius: 10px;
}

.mt-4{
    margin-top:40px;
}
/*05feb2026*/

/*06feb2026*/
.blog-banner-seg .blog-main-cnt-1 h1{
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 30px;
    }


    .blog-banner-seg .blog-main-cnt-1 h2{
	color: #000;
    
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}

.blog-banner-seg .blog-main-cnt-1 h2 a{
    color: #000;
}


.blog-banner-seg .blog-main-cnt-1 h3{

color: #000;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
 margin-bottom: 20px;
}

.blog-banner-seg .blog-main-cnt-1 h3 a ,.blog-banner-seg .blog-main-cnt-1 h5 a, .blog-banner-seg .blog-main-cnt-1 h6 a{
    color: #000;
}


.blog-banner-seg .blog-main-cnt-1 h4{

color: #000;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
 margin-bottom: 15px;
}
.blog-banner-seg .blog-main-cnt-1 h5{

color: #000;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
 margin-bottom: 15px;
}
.blog-banner-seg .blog-main-cnt-1 h6{

color: #000;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
 margin-bottom: 15px;
}

.blog-banner-seg .blog-main-heading-1{
margin-bottom: 50px;
}
.blog-banner-seg .blog-main-heading-1 h1{
color: #000;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 65px */
text-transform: capitalize;
margin-bottom: 15px;
}

.blog-banner-seg .blog-main-heading-1 p{
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
}


.blog-main-cnt-1 p:first-of-type{
    margin-top:40px;
}
/*06feb2026*/

.blog-banner-seg .blog-main-cnt-1 ul{
list-style:disc;
padding-left:1rem
}

.social-share ul {
list-style: none !important;
}


/*header megamenu css*/



.meg-both{
  display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #b7b6b6;
    padding-bottom: 25px;
    gap: 2%;
}

.meg-cnt h3{
 font-size: 14px;
    font-weight: 700;
   margin-bottom: 0;
    line-height: 1.3; 
}
.meg-cnt p{
   
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
    color: #000;
}

.meg-btns a{
  
    padding: 10px 13px;
    
    font-size: 12px;
    border-radius: 10px;
    line-height: normal;
    text-align: center;
    
    font-weight: 600;
    letter-spacing: 0.98px;
    
    
    transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
    .meg-btns .megabtns-trial{
      background: #760e7d;
      color: #fff;
      margin-right: 15px;
      border:2px solid #760e7d;
    }

    .meg-btns .megabtns-products{
    
    background: #fff;
color: #760e7d;
border:2px solid #760e7d;
    }

    .mega-svg-heads3{
  display: flex;
  gap: 10px;
   margin-bottom: 5px;
   align-items: center;
 }

 .mega-svg-heads3 span{
  line-height: normal;
 }
.list-i{
  padding: 40px 20px 30px 30px;
}

.meg-cnt h3 a{
  color: #000;
}
.meg-cnt:hover h3 a,.inside-mega-cnt-all:hover h3 a,.mega-other-listing li:hover a{
  color: #7C07DB;
}

.meg-border-r{
  border-right: 1px solid #b7b6b6;
}
.meg-border-b{
  border-bottom: 1px solid #b7b6b6;
}
.mega-para-others p{
        color: #000;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;

}
.mega-para-others p a{
  color: #000000;
    font-size: 12px;
    font-weight: 500;

}
.mega-other-listing{
  margin-bottom: 0 !important;
  padding-left: 0rem;
  list-style: none;
}
.mega-other-listing li {
color: #000;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 220%; /* 26.4px */
text-transform: capitalize;
margin-bottom: 5px;
}
.mega-other-listing li a{
  color: #000 !important;
  
font-size: 12px !important;
font-style: normal;
font-weight: 400 !important;
line-height: 220% !important; /* 26.4px */
text-transform: capitalize;
}
.mega-other-listing li svg{
  margin-right: 10px;
}

.mega-hori{
  margin: 1.5rem 0;
}

.inside-mega-set{
    display: flex;
    gap: 8px;
/*    padding: 20px 10px;*/
    margin-top: 20px;
        margin-bottom: 10px;
    align-items: center;
    }

    .inside-mega-cnt-all ul{
      
    }
    .inside-mega-cnt-all li i{
padding-right: .5rem;
font-style: normal;
color: #760e7d;

    }
    
    .inside-mega-cnt-all ul{
      margin-bottom: 0;
    }
    .inside-mega-cnt-all li{
      color: #000;
   
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: capitalize;
    margin-bottom: 8px;
    position: relative;
    display: flex;
   
    }
    .inside-mega-cnt-all li a{
          color: #000;
    font-weight: 400;
    font-size: 12px;
    }
    .inside-svg-mega {
      display: flex;
    }
.inside-mega-cnt-all h3{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
}
.inside-mega-cnt-all h3 a{
  color: #000;
}
.inside-mega-cnt-all p{
        color: #000;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}
.inside-mega-cnt-all p a{
  color: #000000;
    font-size: 12px;
    font-weight: 500;
}
.inside-mega-cnt-all .inside-mega-cnt-btns{
  line-height: normal;
}
.inside-mega-cnt-all .inside-mega-cnt-btns a{

    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
}
  

.inside-mega-cnt-all h3 svg {
    margin-left: 7px;
}
 .mega-svg-heads3{
  display: flex;
  gap: 10px;
   margin-bottom: 5px;
   align-items: center;
 }

 .mega-svg-heads3 span{
  line-height: normal;
 }

.list-i2{
padding:30px 20px 30px 30px;
}


.solution-fx{
      display: flex;
    justify-content: space-between;
    gap: 0%;
    align-items: center;
}
.solution-fx p{
  color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
    margin-bottom: 0;
}

.solution-fx a{
  color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: capitalize;
}

.list-item-s{

border-radius: 0 0 16px 16px;
background: #3C11A5;
  text-align: left;
  padding: 20px 30px 20px 30px; 
}

.pad-two-side{
  padding: 0 20px;
}

.pad-ri-mega{
  padding-right: 30px;
}
.pad-le-mega{
  padding-left: 30px;
}

.mega-full-bg{
  background: #3C11A5;
  height: 100%;
  padding: 70px 30px;
  border-radius: 0 12px 12px 0;
      display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}
.mega-full-bg h3{
  color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
}
.mega-full-bg a{
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: capitalize;
}

.megamenu-home-1{
  width: 80% !important;
}



@media screen and (max-width: 991px) {

.meg-both{
    margin-top: 10px;
  }
  .meg-cnt{
    margin-bottom: 10px;
  }
  .meg-both{
    display: unset;
  }
.meg-btns{
  margin-top: 30px;

}
.meg-btns .megabtns-trial{
  
  margin-bottom: 10px;
}
.meg-cnt h3{
  margin-top: 0px;
}

}

@media (min-width: 992px) and (max-width: 1199px) {
.meg-both{
  display: unset;
}
.meg-cnt{
  margin-bottom: 20px;
}
}


@media screen and (min-width: 1400px) {
.mega-para-others-solu{
  padding: 0 25px;
}
.mega-hori-1{
  margin-right: 25px;
  margin-left: 25px;
}
}



.gradient-btns-head {
    border-radius: 10px;
    background: #760e7d;
    padding: 10px 12px;
    color: #fff;
    letter-spacing: 1px !important;
    border: none;
    text-align: center;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    text-transform: uppercase;
    transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    border: 1px solid #760e7d;
}
.gradient-btns-head:hover {
    background: #9d05a7;
    color: #fff !important;
}

.header-btns{
  font-size: 12px !important;
  font-style: normal;
  font-weight: 600 !important;
  letter-spacing: 0.98px !important;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.20);
  padding: 10px 12px;
  border-radius: 10px;
  color: #fff;
  line-height: normal !important;
  border: 1px solid #fff;
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.header-btns:hover{
  background: #fff;
  color: #000 !important;
}




/*new header css roundtable*/

.v-center {
  align-items: center;
  justify-content: space-between;
}
.menu-main{
  padding-left: 0;
  margin-bottom: 0;
}
.header{
/*  display: block;*/
  width: 100%;
  position: relative;
  z-index: 99;
  padding:20px 0 20px 0;
  top:0%;
  /*border-bottom:1px solid #d5d3d3; */
}
.header .item-left{
  flex:0 0 10%;
}
.header .logo a{
  font-size: 30px;
  color:#000000;
  font-weight: 700;
  text-decoration: none;
}
.header .item-center{
  flex:0 0 53%;
  display: flex;
        justify-content: flex-start;
        position: unset;
}
.header .item-right{
  flex:0 0 27%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  
}
.header .item-right a{ 
     text-decoration: none;
     font-size: 12px;
     color:#fff;
     display: inline-block;
    
     transition: color 0.3s ease;
}
.header .item-right:hover a{
  color: #fff !important;
}
.header .item-right a i{
  margin-right: 8px;
}
.header .menu > ul > li{
  display: inline-block;
  line-height: 50px;
  margin-left: 10px;
}
.header .menu > ul > li:first-child{
  margin-left: 0;

}
.header .menu > ul > li > a{
  font-size: 14px;
  font-weight: 500;
  color:#fff;
  position: relative;
font-style: normal;
font-weight: 600;
line-height: 103.607%; /* 12.433px */



  transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu{
  position: absolute;
  z-index: 500;
  background-color:#ffffff;
  box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); 
  padding: 20px 30px;
  transition: all 0.5s ease;
  margin-top:25px;
  opacity:0;
  visibility: hidden;
}
@media(min-width: 992px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
  margin-top: 0;
  visibility: visible;
  opacity: 1;
          background: #fff;
        border-radius: 16px;
        box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}
.pad-0{
  padding: 0 !important;
}
}
.header .menu > ul > li .sub-menu > ul > li{
  line-height: 1;
  text-align: left;
}
.header .menu > ul > li .sub-menu > ul > li > a{
  display: inline-block;
  padding: 10px 0;
  font-size: 14px;
  color: #03386F;
  transition: color 0.3s ease;
  text-decoration: none;
  text-transform: capitalize;
  font-weight: 600;
}
.header .menu > ul > li .single-column-menu{
  min-width: 280px;
  max-width: 350px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block; 
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
  padding:10px 0;
  display: inline-block;
  font-size: 12px;
  color:#000;
  font-weight: 400;
  transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title i{
  color: #F26527;
}
.header .menu > ul > li .sub-menu.mega-menu{ 
    left: 50%;
    transform: translateX(-50%);  
}

.header .menu > ul > li .sub-menu.mega-menu-column-4{
  max-width: 85%;
  width: 100%;  
  display: flex;
  flex-wrap: wrap;
  padding:20px 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-1{
  max-width: 95%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 25px;
  background: #fff !important;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-2{
  max-width: 95%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 25px;
  background: #fff !important;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex:0 0 60%;
  
  text-align: left;
      text-align: left;
    background: #fff;
    padding: 22px 25px;
    border-radius: 16px 0 0 16px;

}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item-1{
  flex:0 0 40%;
  
  text-align: left;
      background: #4F0174;
    padding: 40px 40px;
    border-radius: 0px 16px 16px 0;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-1 > .list-item{
  flex:0 0 50%;
  
  text-align: left;
  padding: 0;
  background: unset;
  border-radius: 0;
     
    

}
.header .menu > ul > li .sub-menu.mega-menu-column-4-1 > .list-item-1{
  flex:0 0 50%;
  
  text-align: left;
  padding: 0;
  background: unset;
  border-radius: 0;
     
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-3 > .list-item{
  flex:0 0 33%;
  
  text-align: left;
  padding: 0;
  background: unset;
  border-radius: 0;
     
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-3 > .list-item-1{
  flex:1 0 30%;
  
  text-align: left;
  padding: 0;
  background: unset;
  border-radius: 0;
     
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-3{
  padding: 0;
}

.header .menu > ul > li .sub-menu.mega-menu-column-4-2 > .list-item{
  flex:0 0 25%;
  
  text-align: left;
  padding: 0;
  background: unset;
  border-radius: 0;
     
    

}
.header .menu > ul > li .sub-menu.mega-menu-column-4-4 > .list-item{
  flex:0 0 70%;
 
  text-align: left;
  padding: 40px 20px 30px 30px;
  background: unset;
  border-radius: 0;
     
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-4{
  max-width: 1120px;
  padding: 0;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-3{
  max-width: 1140px;
}
.cnt-para{
  font-size: 22px;
    line-height: 1.6;
    font-weight: 700;
    color: #fff;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{
      font-size: 14px;
    color: #000;
    font-weight: 600;
  line-height: 1;
  padding:10px 0 15px 0;
  
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item-1.text-center .title{
  text-align: center;
}

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item-1 .title{
      font-size: 14px;
    color: #000;
    font-weight: 600;
  line-height: 1;
  padding:10px 0 15px 0;
  
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
  text-align: center;
}


.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
  max-width: 100%;
  
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item ul{
  margin-bottom: 30px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a{
  color:#7C07DB;
}
.header .menu > ul > li:hover > a svg{
  fill: #7C07DB;
}

.mobile-menu-head,
.mobile-menu-trigger{
  display: none;
}

/*responsive*/
@media(max-width: 991px){

  .header .item-center{
    order:3;
    flex:0 0 100%;
  }
  .header .item-left,
  .header .item-right{
  
  }
  .v-center{
    justify-content: space-between;
  }
  .header .mobile-menu-trigger{
    display: flex;
    height: 30px;
    width: 30px;
    margin-left: 15px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
  }
  .header .mobile-menu-trigger span{
    display: block;
    height: 2px;
    background-color: #fff;
    width: 24px;
    position: relative;
  }
  .header .mobile-menu-trigger span:before,
  .header .mobile-menu-trigger span:after{
    content: '';
    position: absolute;
    left:0;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
  .header .mobile-menu-trigger span:before{
    top:-6px;
  }
  .header .mobile-menu-trigger span:after{
    top:6px;
  }
  .header .item-right{
    align-items: center;
  }

  .header .menu{
    position: fixed;
    width: 90%;
    background-color:#000;
    left:0;
    top:0;
    height: 100%;
    overflow: hidden;
    transform: translate(-100%);
    transition: all 0.5s ease;
    z-index: 1099;
  }
  .header.clr-black .menu{
background: #fff;
  }
  .header .menu.active{
     transform: translate(0%);  
  }
  .header .menu > ul > li{
    line-height: 1;
    margin:0;
    display: block;
    text-align: left;
  }
  .header .menu > ul > li > a{
    line-height: 50px;
    height: 50px;
    padding:0 50px 0 15px;
    display: block;
    border-bottom: 1px solid rgb(137 8 207);
  }
  .header .menu > ul > li > a svg{
    position: absolute;
    height: 50px;
    width: 50px;
    top:0;
    right: 0;
    text-align: center;
    line-height: 50px;
    transform: rotate(-90deg);
    width: 20px;
  }
  .header .menu .mobile-menu-head{
    display: flex;
    height: 66px;
    border-bottom: 1px solid #000;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 501;
    position: sticky;
    background-color: #000;
    top:0;
  }
  .header.clr-black .menu .mobile-menu-head{
background: #fff;
  }
  .header .menu .mobile-menu-head .go-back{
    height: 50px;
    width: 50px;
    border-right: 1px solid rgba(0,0,0,0.7);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color:#fff;
    font-size: 16px;
    display: none;
  }
  .header.clr-black .menu .mobile-menu-head .go-back{
color: #000;
  }
  .header .menu .mobile-menu-head.active .go-back{
    display: block;
  }
  .header .menu .mobile-menu-head.active .go-back i{
    font-style: normal;
  }
  .header .menu .mobile-menu-head .current-menu-title{
    font-size: 15px;
    font-weight: 500;
  color: #fff;
    padding: 10px 0;
  }
  .header.clr-black .menu .mobile-menu-head .current-menu-title{
color: #000;
  }
  .header .menu .mobile-menu-head .mobile-menu-close{
      height: 50px;
    width: 50px;
    border-left: 1px solid rgba(0,0,0,0.7);
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    color:#fff; 
    font-size: 25px;
  }
  .header.clr-black .menu .mobile-menu-head .mobile-menu-close{
    color: #000;
  }
  .header .menu .menu-main{
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .header .menu > ul > li .sub-menu.mega-menu,
  .header .menu > ul > li .sub-menu{
    visibility: visible;
    opacity: 1;
    position: absolute;
    box-shadow: none;
    margin:0;
    padding:15px;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    padding-top: 65px;
    max-width: none;
    min-width: auto;
    display: none;
    transform: translateX(0%);
    overflow-y: auto;
  }
.header .menu > ul > li .sub-menu.active{
  display: block;
  background: #fff;
}
@keyframes slideLeft{
  0%{
    opacity:0;
    transform: translateX(100%);
  }
  100%{
      opacity:1;
    transform: translateX(0%);  
  }
}
@keyframes slideRight{
  0%{
    opacity:1;
    transform: translateX(0%);
  }
  100%{
      opacity:0;
    transform: translateX(100%);  
  }
}
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
    margin-top:0;
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
    margin-bottom: 20px;
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
    margin-bottom:0px;
  }
  .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
    flex: 0 0 100%;
        padding: 0px;
  }
  .header .menu > ul > li .sub-menu > ul > li > a,
  .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
    display: block;
    color: #000;
  }
  .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
    margin-bottom: 0px;
  }
  .menu-overlay{
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 1098;
    visibility: hidden;
    opacity:0;
    transition: all 0.5s ease;
  }
  .menu-overlay.active{
    visibility: visible;
    opacity:1;  
  }
}


.logos img{
  max-width: 170px;
}
.header .item-right .header-btns{
font-size: 12px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.98px;
text-transform: uppercase;
background: rgba(255, 255, 255, 0.20);
padding: 10px 12px;
border-radius: 10px;
color: #fff;
line-height: normal;

transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}
.header .item-right .header-btns-2{
font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    background: #fff;
    padding: 10px 12px;
    border-radius: 10px;
    color: #000 !important;
    border:1px solid #fff;
    line-height: normal;
    transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}
.header .item-right .header-btns-1{
font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    background: #130A39;
    padding: 10px 12px;
    border-radius: 10px;
    color: #fff;line-height: normal;
    border:1px solid #fff;
    transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}
.gradient-btns-head {
border-radius: 10px;
background: transparent;
padding: 10px 12px;
color: #fff;
letter-spacing: 1px;
border: none;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;

}
.gradient-btns-head:hover {
background: #740c9a;
color: #fff;
}
.bg-black-color {
  background: #000;
}

.header .menu > ul > li .sub-menu.mega-menu-column-4-4 > .list-item-1{
  flex:0 0 30%;
 
  text-align: left;
  padding: 0;
  background: unset;
  border-radius: 0;
     
}


.header .menu > ul > li .sub-menu.mega-menu-column-4-5 > .list-item{
  flex:0 0 100%;
 
  text-align: left;
  padding: 30px 20px 30px 30px;
  background: unset;
  border-radius: 0;
     
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-5{
  max-width: 1120px;
/*  padding: 40px 25px;*/
padding: 0;

}

.header .menu > ul > li .sub-menu.mega-menu-column-4-5 > .list-item-1{
flex:0 0 100%; 
border-radius: 0 0 16px 16px;
background: #3C11A5;
  text-align: left;
  padding: 20px 30px 20px 30px; 
}

.header .menu > ul > li .sub-menu.mega-menu-column-4-6 > .list-item{
  flex:0 0 75%;
 
  text-align: left;
  padding: 40px 20px 30px 30px;
  background: unset;
  border-radius: 0;
     
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-6{
  max-width: 1120px;
/*  padding: 40px 25px;*/
padding: 0;
}


.header .menu > ul > li .sub-menu.mega-menu-column-4-6 > .list-item-1{
  flex:0 0 25%;
 
  text-align: left;
  padding: 0;
  background: unset;
  border-radius: 0;
     
}

.header .menu > ul > li .sub-menu.mega-menu-column-4-7{
  max-width: 920px;
/*  padding: 40px 25px;*/
padding: 0;
}


.header .menu > ul > li .sub-menu.mega-menu-column-4-7 > .list-item{
  flex:0 0 100%;
 
  text-align: left;
  padding: 40px 30px 40px 30px;
  background: unset;
  border-radius: 0;
     
}
.header .menu > ul > li .sub-menu.mega-menu-column-4-7{
  left: 42%;
}

@media screen and (max-width: 991px) {
.header .menu > ul > li .sub-menu.mega-menu-column-4-7{
    left: 0;
  }
      .mega-svg-heads3 {
        margin-top: 15px;
    }
        .mega-full-bg,.header .menu > ul > li .sub-menu.mega-menu-column-4-5 > .list-item-1 {
        display: none;
    }
        .mb-m-t-15 {
        margin-top: 40px;
    }
    .meg-border-r {
        border-right: unset;
    }
        .pad-ri-mega {
        padding-right: unset;
    }
        .pad-le-mega {
        padding-left: unset;
    }
}

.mega-full-bg a:hover{
text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-skip-ink: auto !important;
    text-decoration-thickness: auto !important;
    text-underline-offset: auto !important;
    text-underline-position: from-font !important;
    
}

@media (min-width: 992px) and (max-width: 1199px) {

.header .item-right {
    flex: 0 0 29%;
}
.header .item-center {
    flex: 0 0 54%;
}
    .header .item-left {
        flex: 0 0 5%;
    }
        .logos img {
        max-width: 110px;
    }
        .header .item-right .header-btns, .gradient-btns-head {
        padding: 10px 12px;
        font-size: 10px !important;
    }
        .header .menu > ul > li > a, .header .item-right .header-btns, .header .item-right a {
        font-size: 10px;
    }

}

.header .menu > ul > li.menu-item-has-children .sub-menu.single-column-menu ul{
  padding-left: 0;
  list-style: none;
}

.plain-btns{
border-radius: 10px;
background: rgba(255, 255, 255, 0.20);
padding: 13px 20px;
color: #fff;
letter-spacing: 1px;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease; /* Smooth transition */

}

.plain-btns:hover{
background: #fff;
color: #000 !important;
}

.gradient-btns{
border-radius: 10px;
background: #673AB7;
padding: 13px 20px;
color: #fff;
letter-spacing: 1px;
border: none;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}
.gradient-btns:hover {
background: #740c9a;
}

@media screen and (max-width: 991px) {
  .dis-n {
    display: none !important;
  }
}



/*header megamenu css*/



/* new css  */
.subscribe-main-1 .subscribe-bg-1 {
  border-radius: 15px;
  background: #2c0a45;
  padding: 30px 30px;
}



.subscribe-main-1 .subrice-right-1 {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}


.subscribe-main-1 {
  padding: 20px 0;
}

.subscribe-main-1 .subrice-cnt h2 {
  color: #000;

  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;

}

.subscribe-main-1 .subrice-cnt {
  padding-right: 50px;
}

.subscribe-main-1 .subrice-cnt p,
.subscribe-main-1 .subrice-right {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 30px */
}


.subrice-btn-1 {
  border-radius: 8px;
 background: #e02626;
  padding: 12px 25px;
  color: #fff;
  font-size: 14px;
  border: none;
}

