/* =====================menu css demo =============================================================
=================================================================================================*/


.entry-content{
margin-top:0px !important;
}
 
.arrow{
	float:right;
	 transition: transform 0.3s ease;
}
.arrow.rotate{
	 transform: rotate(180deg);
}
.arrow-icon.rotate {
  transform: rotate(180deg); /* Rotate the arrow icon when paragraph is shown */
}
.arrow-icon {
  display: inline-block;
  transition: transform 0.3s ease;
	float: right;
  padding-top: 6px;
}
@media (max-width: 781px){
	.mblpadding{
		padding-top:0px !important;
		padding-bottom:0px !important;
	} 
	 
}	 
 
.newtabbutton1{
	width:160px !important;
}
  
.newtabbutton1 a{
background-color:white !important;
}
.newtabbutton1 a:hover{
background-color:black !important;
}
.newtabbutton1>a>span{
	color:black !important;
}
.newtabbutton1>a:hover>span{
	color:white !important;
}

#menubtn1{
	margin-left:auto !important;
	margin-right:auto !important;
}
#menubtn2{
	margin-left:auto !important;
	margin-right:auto !important;
} 
.mblcontainer-box1{
	height:170px;
}

.mblcontainer-box2{
	height:150px;
}
 
  
.homeletstalkheight{
	max-height:555px !important;
}

@media (max-width: 781px){
	.homeletstalkheight{
	max-height:710px !important;
}

}
   
/*menu */

.headergrp{
	padding-right:155px !important;
	padding-left:155px !important;
}

a:link{
text-decoration:none;
}

 .floatleft{
	float:left;
}
.floatright{
	float:right;
}
 
.producttab h5{
   margin:0px !important;
	padding-bottom:15px !important;
}
/*menu border*/
 
.producttabcontent{
	margin:0px !important;
	padding-top:0px !important;
 }
.producttabcontent2 p{
	margin:0px !important;
	padding-bottom:10px !important;
}
 
.producttab p{
	margin:0px;
	line-height: 1.3;
}
.newsolutiontab p{
	margin:0px;
}
 
.m365management{
	padding-top:15px;
}
.newtabbutton1{
	width:130px;
	
}
.contentcls1{
	font-size:19px;
	padding:5px
}

/* menubar mobile view */
@media only screen and (max-width: 768px){
	.headersupportbtn{
		display:none !important;
	}
}

@media (min-width: 300px){
		#menu-max-menu{
	width:90% !important;
	}

}

/* menuitems mbl view */
@media only screen and (max-width: 768px){
 
	
	#menu-max-menu{
		max-height: 550px;
    overflow-y: auto;
 	 	width:96% !important;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		box-shadow:6px 5px 9px rgba(0, 0, 0, 0.2);
	}

 
	.producttab{
 		width:95% !important; 
		padding-right:0px !important;
	}
	.producttab h5{
		font-size:16px !important;
 	}
 
	.container-box{
 		padding:3px 3px !important;
		margin-bottom:20px !important;
		border-bottom:1px solid black !important;
	background-color:white !important;
		border-radius:0 !important;
	}
	 
	.container-box div{
	font-size:17px !important;
 	margin-bottom:0px !important;
		font-weight:bold !important;
		letter-spacing:0.3px;
	}

	.container-box p{
font-size:15px !important;
	margin-bottom:0 !important;
 	}
 
}




@media only screen and (min-width: 200px) and (max-width: 360px) {
	#menu-max-menu{
		width:100% !important
	}
	.producttab{
		width:88% !important;
	}
	.mbltalktoexpertsec {
		width:86% !important;
	}
}

 @media only screen and (min-width: 361px) and (max-width: 400px) {
	#menu-max-menu{
		width:100% !important
	}
	.producttab{
		width:95% !important;
	}
	 	.mbltalktoexpertsec {
		width:86% !important;
	}
}
@media only screen and (min-width: 400px) and (max-width: 500px) {
	#menu-max-menu{
		width:94% !important
	}
	.producttab{
		width:99% !important;
	}
	.mbltalktoexpertsec {
		width:86% !important;
	}
	.migratebtnmbl{
		padding:15px 30px !important;
	}
}

@supports (-ms-ime-align: auto) {
@media only screen and (min-width: 200px) and (max-width: 360px) {
	#menu-max-menu{
		width:96% !important
	}
	.producttab{
		width:88% !important;
	}
	.mbltalktoexpertsec {
		width:86% !important;
	}
}

 @media only screen and (min-width: 361px) and (max-width: 400px) {
	#menu-max-menu{
		width:96% !important
	}
	.producttab{
		width:95% !important;
	}
	 	.mbltalktoexpertsec {
		width:86% !important;
	}
}
@media only screen and (min-width: 400px) and (max-width: 500px) {
	#menu-max-menu{
		width:90% !important
	}
	.producttab{
		width:99% !important;
	}
	.mbltalktoexpertsec {
		width:86% !important;
	}
	.migratebtnmbl{
		padding:15px 30px !important;
	}
}
}
 
 
@media only screen and (max-width: 760px){
	.grp1{
		padding-left:40px !important;
		padding-right:40px !important;
	}
}
 
@media only screen and (max-width: 768px){
	 
.headercol{
display:none;
	}	 
}
 
 

 

/* buttons and content */

.newcontainer {
         display: flex;
   } 
.newbuttons1{
	flex:1;
	
}
.newbuttons {
      display: grid;
       grid-template-columns: repeat(3, 1fr);
        gap: 10px; 
   }
.newbuttons button {
     margin: 5px;
     padding: 10px;
	border:none;
	border-radius:5px;
   }
 .newcontent {
        flex: 1;
        padding: 20px;
        border-left: 1px;
 }
 .newcontent div {
     display: none;
   }

.newcontent #content1 {
      display: block;
   }

.newbuttons1{
	border-radius:10px;
	padding:25px;
	background: linear-gradient(180deg, #0792E330, #A86BE13D);
}

.newcontent{
/* 	font-family:Sans-serif; */
	margin-left:20px;
	border-radius:10px;
	padding:25px;
	background: linear-gradient(180deg, #0792E330, #A86BE13D);
}

.productviewmore{
/* 	padding:10px 25px; */
	width:120px;
	height:40px;
	border:1.5px solid black;
	background:transparent;
	border-radius:15px;
	font-size:18px !important;
}
.productviewmore:hover{
	color:white;
	background-color:black;
  }
/* .solutionviewmore{
/* 	padding:10px 25px; */
	border:1.5px solid black;
	background:transparent;
	border-radius:15px;
} */
/* .solutionviewmore:hover{
	color:white;
	background-color:#dbdbdb;
 } */
.newbuttons button:hover{
	border:none;
background-color:#dbdbdb;
}
.newcontent img{
	display:block;
	margin:auto;
}
 
/* header category btn */
 
.categorybtn:hover{
	background-color:black !important;
	color:white !important;
	transform: translateY(-2px);
}


.categorybtn a{
	background-color:transparent !important;
}
.categorybtn{
	font-family:Sans-serif;
	padding:10px 15px 10px 15px;
	border:1px solid black;
	border-radius:5px;
	margin:6px;
	transition: background-color 0.3s ease, transform 0.3s ease;
	transform: translateY(0);     
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
	color:#000000 !important; 
}
 .container-box {
    background-color: #ecf0f1; 
}
.container-box:hover {
     background-color: #d6eaf8; 
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);  
	cursor:default;
}

 
 
.categorybtn:hover{
	 background-color: #f2e6f2; /* Background color on hover */
    color: black;
	
}
 
 
/* case studies shadow color */
 
.headersupportbtn{
	 display: flex;
    justify-content: right;
}
.short{
	 display: flex;
    justify-content: right;
}
 

/* pricing radio btn */

@media only screen and (max-width: 768px){
	  
	.mobilegetmigrateright{
	text-align:right !important;
	}
	 
	.hideinmobileview{
		display:none;
	}
	.removegapmobile{
		gap: 0 !important;
	}
}
 


.wp-block-media-text-wp-block-media-text__media-img {
    width:0px;
}

.mblmenu{
	display:none;}
.newmblmenu{
	display:none;
}
.mblmenubtnhide{
	display:none;
}
/* sol tab mbl menu */
@media only screen and (max-width: 768px){
	
	
	.mblmenubtnhide{
		display:block;
		margin:15px 0;
		height:40px;
		width:350px !important;
		margin-left:-15px !important;
	}
	.migratebtnmbl{
		width:40%;
		padding: 15px 43px;
    background-color: #808080b8;
    text-align: center !important;
		color:white;
		font-size:18px;
		font-weight:500;
	}
	.hidemanagembl{
		display:none;
	}
	.clicked {
  background-color: black;  
}

	.mblmigmenudropdown{
		line-height:0.9;
	}
	.newmblmenu{
		margin-top:6px;
	}
	.hideimgmbl img{
		display:none;
	}
 
	.container-box:hover{
		box-shadow:none !important;
	}

	.mblcategorybtnhide{
		display:none !important;
	}
	.fa.fa-angle-down{
	font-size:22px !important;
}
	.newtabbutton2{
	width:178px;
	}
	.mbltalkexpert{
		flex-basis:100% !important;
	} 
	.mbltalkexpert{
		padding-top:0 !important;
	}
	.mbltalkexpert p{
		line-height:1.2;
		font-family:sans-serif !important;
		font-size:17px !important;
	}

	.maxbutton-109.maxbutton.maxbutton-newtalk-to-an-expert .mb-text{
		padding-top:10px !important;
	}
	
	.mbltalktoexpertsec{
/* 		width:276px !important; */
		flex-direction:column;
		padding-bottom:4px !important;
	}

	 
	.mblcontainer-box1{
		height:auto !important;
		padding-bottom:23px !important;
	}
	.mblcontainer-box2{
		height:auto !important;
		padding-bottom:23px !important;
	}
	.mblmenu{
		display:block !important;
	}}
 

/* mbl menu */

@media only screen and (max-width: 768px){
 
	.newtabbutton1{
		display:none;
	}
 

	.mblmenumigrationmanager a{
		font-size:14px !important;
		color:black !important;
}
	.mblmenumigrationmanager a{
		gap:0px !important;
	}
	.mblmenureport a{
		font-size:14px !important;
		color:black !important;
}
	 
	.mblmenucollaboration a{
		font-size:14px !important;
		color:black !important;
}
	.mblmenucollaboration a{
		gap:0px !important;
	}
 
	
}
 

.mobile-menu-text {
    color: #000;
}

.boss {
    position: sticky;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
}



@media only screen and (min-width: 768px) and (max-width: 800px){
	.grp1{
		padding-left:76px !important;
		padding-right:80px !important;
	}
}


 
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	 
	.newmblmenu{
		margin-top:10px;
	}
	 
	.container-box:hover{
		box-shadow:none !important;
	}
	.migratebtnmbl{
			width:40%;
		padding: 15px 43px;
    background-color: #808080b8;
    text-align: center !important;
		color:white;
		font-size:18px;
		font-weight:500;
	}
 
	.producttab{
		width:340px !important;
	}
	 .hideimgmbl img{
		display:none;
	}
	 .mbltalkexpert{
		flex-basis:100% !important;
	} 
	.mbltalkexpert{
		padding-top:0 !important;
	}
	.mbltalkexpert p{
		line-height:1.2;
		font-family:sans-serif !important;
		font-size:17px !important;
	}
	.hidemanagembl{
		display:none;
	}
	.mblcategorybtnhide{
		display:none !important;
	}
	.container-box{
			padding:3px 3px !important;
		margin-bottom:20px !important;
		border-bottom:1px solid black !important;
	background-color:white !important;
		border-radius:0 !important;
	}
	 
	.container-box div{
	font-size:17px !important;
 	margin-bottom:0px !important;
		font-weight:bold !important;
		letter-spacing:0.3px;
	}

	.container-box p{
font-size:15px !important;
	margin-bottom:0 !important;
 	}
	 
	
	.mblmenubtnhide{
		display:block !important;
		margin:15px 0;
		height:40px;
		width:500px !important;
	}
.newtabbutton1{
		display:none;
	}
	#menu-max-menu{
		max-height:800px !important;
	}
	.mblcontainer-box1{
		height:auto !important;
		padding-bottom:23px !important;
	}
	.mblcontainer-box2{
		height:auto !important;
		padding-bottom:23px !important;
	}
	.clicked {
  background-color: black;  
	}
	
}


/* tablet view */

@media only screen and (max-width: 1100px){ 
/* 	support btn */
	.headersupportbtn{
		display:none !important;
	}
	


	.headercolfortabletview{
		flex-basis:100% !important;
	}
}
@media (min-width: 800px) and (max-width: 1100px) {
	 .grp1{
		padding-left:135px !important;
		padding-right:135px !important;
	}
}
 
 	
	@media only screen and (max-width: 768px) {
    .mbltalkexpert {
        margin-top: -10px !important;
    }
}


/* =====================menu css =============================================================
=================================================================================================*/

.producttab p.custombuttonpricing1{
margin-left:9px;
}
#menubtn1{
	margin-left:auto !important;
	margin-right:auto !important;
}
#menubtn2{
	margin-left:auto !important;
	margin-right:auto !important;
} 
.mblcontainer-box1{
	height:170px;
	padding-bottom: 23px !important;
}

.mblcontainer-box2{
	height:150px;
	padding-bottom: 23px !important;
}
 
 
.headergrp{
	padding-right:155px !important;
	padding-left:155px !important;
}

a:link{
text-decoration:none;
}

 .floatleft{
	float:left;
}
.floatright{
	float:right;
}
 
.producttab h5{
   margin:0px !important;
	padding-bottom:15px !important;
}
/*menu border*/
 
.producttabcontent{
	margin:0px !important;
	padding-top:0px !important;
 }
.producttabcontent2 p{
	margin:0px !important;
	padding-bottom:10px !important;
} 
/* .newsolutiontabcontent{
	margin:0px !important;
	padding-top:0px !important;
 } */
.newsolutiontabcontent2 p{
	margin:0px !important;
	padding-bottom:20px !important;
}
/* .solutiontab h5{
   margin:0px !important;
	padding-bottom:15px !important;
}
.solutiontabcontent2 p{
	margin:0px !important;
	padding-bottom:20px !important;
} */
/* .solutiontablink{
	padding:0px !important;
	margin:0px !important;
} */
.producttab p{
	margin:0px;
	line-height: 1.3;
}
/* .newsolutiontab p{
	margin:0px;
} */
/* .solutiontab p{
	margin:0px;
} */
.m365management{
	padding-top:15px;
}
.newtabbutton1{
	width:130px;
	
}
.contentcls1{
	font-size:19px;
	padding:5px
}

/* menubar mobile view */
@media only screen and (max-width: 768px){
	.headersupportbtn{
		display:none !important;
	}
}

 
/* menuitems mbl view */
@media only screen and (max-width: 768px){
  
 
	.producttab{
 		width:95% !important; 
		padding-right:0px !important;
	}
	.producttab h5{
		font-size:16px !important;
 	}
 
	.container-box{
 		padding:3px 3px;
		margin-bottom:20px !important;
		border-bottom:1px solid black !important;
	background-color:white !important;
		border-radius:0 !important;
	}
	 
	.container-box div{
	font-size:17px !important;
 	margin-bottom:0px !important;
		font-weight:bold !important;
		letter-spacing:0.3px;
		 
	}

	.container-box p{
font-size:15px !important;
	margin-bottom:0 !important;
		font-family:sans-serif !important;
	}
	
 
/* 	.newsolutiontab h5{
				font-size:16px !important;
		margin-bottom:15px !important;
	} */
/* 	.newsolutiontabcontent{
		display:none !important;
	}
		.newsolutiontabcontent2{
		display:none !important;
	} */
/* 	.newsolutiontab{
		width:100% !important;
		height:auto !important;
	} */
}




@media only screen and (min-width: 200px) and (max-width: 360px) {
	 
	.producttab{
		width:88% !important;
	}
	.mbltalktoexpertsec {
		width:86% !important;
	}
}

 @media only screen and (min-width: 361px) and (max-width: 400px) {
	.producttab{
		width:95% !important;
	}
	 	.mbltalktoexpertsec {
		width:86% !important;
	} 
}
@media only screen and (min-width: 400px) and (max-width: 500px) {
	 
	.producttab{
		width:99% !important;
	}
	.mbltalktoexpertsec {
		width:86% !important;
	}
	.migratebtnmbl{
		padding:15px 30px !important;
	}
}

@supports (-ms-ime-align: auto) {
@media only screen and (min-width: 200px) and (max-width: 360px) {
	#menu-max-menu{
		width:96% !important
	}
	.producttab{
		width:88% !important;
	}
	.mbltalktoexpertsec {
		width:76% !important;
	}
}

 @media only screen and (min-width: 361px) and (max-width: 400px) {
	 
	.producttab{
		width:95% !important;
	}
	 	.mbltalktoexpertsec {
		width:82% !important;
	}
}
@media only screen and (min-width: 400px) and (max-width: 500px) {
 
	.producttab{
		width:99% !important;
	}
	.mbltalktoexpertsec {
		width:86% !important;
	}
	.migratebtnmbl{
		padding:15px 47px !important;
	}
}
}

/* cus css menu */

/*product menu*/
.producttabcontent2 {
    display: none; /* Hide by default */
    flex: 1;
}
/* .newsolutiontabcontent2 {
    display: none; /* Hide by default */
    flex: 1;
} */
.producttablinks {
    display: flex;
    column-gap: 20px;
    justify-content: space-between;
  }
/*   .newsolutiontablinks {
    display: flex;
    column-gap: 20px;
    justify-content: space-between;
} */
/* .newsolutiontab {
    float: left;
    width: 30%;
    background-color: white;
    height: 420px;
} */
/* .newsolutiontabcontent2 {
    float: left;
    width: 30%;
    height: 420px;
    padding: 0px 0px 0px;
}
.newsolutiontabcontent {
    float: left;
    padding: 0px 12px;
    width: 33%;
    height: 420px;
    display: none; 
} */
.producttab {
    float: left;
    width: 52%;
    background-color: white;
    height: auto;
    padding-right: 25px;
}
.producttab button {
    display: block;
    color: black;
    padding: 13px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    background-color:white;
    border-radius: 10px;
}
 
.producttabcontent2 {
    float: left;
    width: 45%;
    height: auto;
    padding: 0px 0px 0px;
    display: none;
}
 
#product11 {
    display: block;
}
/* #row1{
    display:block;
}
#row1_exchange{
    display: block;
} */ 
/* Adjustments for Mobile View */
@media screen and (max-width: 1065px) {
     .producttab {background:none;
        height:auto;
    }
     .producttab .producttablinks{
        padding:10px 0px;
     }
    #product1 {
        display: none;
    }
    .producttab, .producttabcontent, .producttabcontent2 {
        width: 100%;
        float: none;
        height: 100%;
    }
    .producttabcontent, .producttabcontent2 {
        display: none; /* Hide content on mobile */
    }
    .producttab button {
        padding: 15px 12px;
    }
    .producttabcontent img, .producttabcontent2 img {
        width: 100%;
        height: auto;
    }
}
/*product*/
/* test1 */
body {
    overflow-x: hidden;
}
 
 
 