<style>
    
    
video {max-width: 100%; height: auto;}
    
.video-button {padding: 10px 20px; background-color: #1c88f4; margin-right: 10px; border-radius: 30px; width: 120px; color: #fff;
}    
    
a {
text-decoration: none!important;
} 
    
.video-button:active {
text-decoration: none!important;
} 

.modal-backdrop {z-index: 0!important;
}
    
@media (min-width: 1000px) {

div.modal-dialog { 
    min-width: 800px!important;


}
    }
    

img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}

@media (max-width: 425px) {
.video-button {padding: 10px 10px; background-color: #1c88f4; margin-right: 2px; border-radius: 30px; color: #fff; min-width: 200px; display: block!important; margin-bottom: 20px;
}   
}

.main-content-text {font-size: 20px; text-align: center;}

    
.ei-feature-more {
        visibility: visible!important;
        opacity: 1!important;
/*        bottom: 55px!important;*/
        background-color: #a508f7!important;
        color: #fff!important;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        margin: 0 auto;
}
    
   
    
    .heavy-title {font-weight: 700;}  
    
/*
        .feature-eight-section .eight-feature-box .ei-feature-more {
        visibility: visible!important;
        opacity: 1!important;
        bottom: -25px!important;
        background-color: #a508f7!important;
        color: #fff!important;
    
    
    }
  
*/
    
/*
#profile{

    background: white; 
    cursor: pointer;
}

#profile:hover, #profile:focus{
    background: #f4efff;
  
}
*/

    
/*
#profile:active, #profile:focus{
    background: #a508f7;    
}
*/
    
    
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.row-options {
  display: flex;
  flex-wrap: wrap;
}

.col-options {
  flex: 1 0 18%; /* The important bit. This percentage decides your columns. 
 The percent can be px. It just represents your minimum starting width.
  */
  margin: 5px;
  background-color: #eaebf7;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 15px;
  padding-right: 15px;
  height: 50px;
  color: #4c4c4c;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 4px solid #a508f7;
  border-radius: 15px;
}        
    
        
.vertical { 
border-left: 6px solid #1c88f4; 
height: 200px; 
position:absolute; 
left: 50%; 
z-index: 2;
margin-top: 50px;
} 
        
span.tool-1 {
background: #9c00e2;
border-radius: 1.8em;
-moz-border-radius: 1.8em;
-webkit-border-radius: 1.8em;
color: #fff;
display: inline-block;
font-weight: bold;
line-height: 2.6em;
margin-left: -30px;
text-align: center;
width: 2.6em; 
position:relative; 
z-index: 3;
}  

.underline--magical {
  background-image: linear-gradient(120deg, #68b4ff 0%, #1c88f4 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 88%;
    transition: background-size 0.25s ease-in;
 
}
        
    
.tools-border {width: 100%; background-color: #e6e9fc; padding: 50px;}
        
        .main-header-eight {width: 100%!important; margin: 0 auto!important;}
        
        .appheader-content {
    padding: 0 5px!important; margin: 0 auto!important;
}
        
        .main-header-eight .appheader-content .site-logo {
    margin-right: 90px;
}
        
    .svg-main-logo {
        width: 60px;
        height: auto;
    }
    @media screen and (max-width: 991px){
    .svg-main-logo {
            width: 60px;
            height: auto;
        }
    }

 .eight-banner-section {
    overflow: visible!important;
    background: #2752e6;
    padding: 170px 0 250px;
    background: -webkit-linear-gradient(to right top,#2752e6,#c12dd1)!important;
    background: -webkit-gradient(linear,left bottom,right top,from(#2752e6),to(#c12dd1))!important;
    background: -webkit-linear-gradient(left bottom,#2752e6,#c12dd1)!important;
    background: -o-linear-gradient(left bottom,#2752e6,#c12dd1)!important;
    background: linear-gradient(to right top,#2752e6,#c12dd1)!important;
}    

.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    background: #2752e6;
    background: -webkit-linear-gradient(to right,#2752e6,#c12dd1)!important;
    background: -webkit-gradient(linear,left bottom,right top,from(#2752e6),to(#c12dd1))!important;
    background: -webkit-linear-gradient(left bottom,#2752e6,#c12dd1)!important;
    background: -o-linear-gradient(left bottom,#2752e6,#c12dd1)!important;
    background: linear-gradient(to right top,#2752e6,#c12dd1)!important;}
.bgTop {z-index: 15; opacity: .5;}
.bgMiddle {z-index: 10; opacity: .75;}     
.bgBottom {z-index: 5;}      
.owl-prev {display: none!important;} 
.owl-next {display: none!important;} 

.ei-scrollup {width:55px;right:20px;z-index:5;height:55px;bottom:20px;display:none;position:fixed;border-radius:100%;line-height:55px;background-image:-webkit-linear-gradient(135deg,#1c88f4 32%,#1c88f4 100%);background-image:-o-linear-gradient(135deg,#1c88f4 32%,#1c88f4 100%);background-image:linear-gradient(-45deg,#1c88f4 32%,#1c88f4 100%)}    
    

    
    
    
/*ul#myTab.nav.nav-mytabs {width: 100%!important; max-width: 900px; margin: 0 auto!important;}  */
    
    
/*
    
.nav-mytabs {
  margin: 0 auto;
}
*/
   
    
.nav-mytabs li:not(:last-child) {
  margin-right: 20px!important;
}
 
.nav-mytabs a {
  position: relative;
  top: 0px;
  max-width: 250px;     
  padding: 10px 35px;
  border-radius: 2px 2px 0 0;
  background: white;
  color: #333333;
  opacity: 1.0;
  transition: all 0.1s ease-in-out;
  border-radius: 20px; 

}
 
.nav-mytabs a.active, 
.nav-mytabs a:hover {
  opacity: 1;
  top: 0;
  border-radius: 20px;   

}
  

    
.nav>li>a {padding: 10px 25px!important;}
    
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #e9ebf7!important;
}
    
.nav {padding-left: 12%!important;}
 
    
.mytab-content {
  position: relative;
  z-index: 2;
  padding: 35px;
  border-radius: 0 4px 4px 4px;
  background: white;
}
    
    .tools-container {margin: 0 auto!important;}
    

    
</style>
    