body{margin: 0px; padding: 0px; font-family: 'Roboto', sans-serif;}

a:hover, a{text-decoration: none;}

 .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
  }

p{ font-size:16px; color: #746f6f;
line-height: 27px;}

.logo-dv img{width: 100%; }

#top-header{width: 100%; margin: 0px; padding:0px 0px; float:left; 
    background-color:#0e1e36;}

.social-left ul{margin: 0px; padding:0px; list-style:none;}

.social-left ul li{
    margin: 0px;
     float: left;
    display: inline-block; cursor: pointer;
    color: #fff;
    border-right: 1px solid #324054;
}
.about-01box P { margin: 15px 0px 0px;
    padding: 0px;
    font-size: 16px;
    color: #746f6f;
    line-height: 27px; text-align:left !important;
    font-weight: 400 !important;
}
.about-01box h2 { text-align:left !important;
}
.social-left ul li a{color: #fff; margin:0px 0px; padding: 0px; font-size:15px;
padding: 15px 20px; float: left; transition: all linear 0.5s;}

.social-right{display: flex; align-items: center; justify-content: flex-end;
height: 100%;}

.social-right ul{margin: 0px; padding:0px; list-style:none; text-align: right;
display: flex; height: 100%;}

.social-right ul li{display: inline-block; color: #fff; font-size:13px;
 border-right: 1px solid #324054; height: 100%; padding: 0px 20px;
display: flex; align-items: center;}

.social-right ul li i{color: #427dbb; margin-right: 10px; font-size: 18px;}

header{width: 100%; float: left; padding: 20px 0px;}


.register-button a {
    background: #559eea; color: #fff !important; padding: 9px 24px !important;
border: 2px solid #559eea; font-weight: 600; transition: all linear 0.5s;
border-radius: 5px; display:  flex; align-items: center;}

.register-button a i {
    font-size: 20px;  margin-left: 4px;
}

.register-button a:hover{border: 2px solid #559eea; color:#559eea !important;
background: transparent;}


#banner{width: 100%; float:left; margin: 0; padding:0px; position:relative;}

.banner-img img{width: 100%;}

#featured-sction{padding: 90px 0px;float: left;
width: 100%; position: relative; z-index: 2}
/*
.feature-boxes{padding:30px 35px; margin:0px;
  box-shadow: 0px 0px 25px 0px #f0f0f0; display: flex; align-items: center;
  float: left; background-color:#fff; position: relative;}
*/

.banner-feature {margin-top: 40px;}

.feature-boxes {
    padding:0px 0px; display: flex; align-items: center;
    margin: 0px;
    float: left;border-bottom: 1px solid #fff;
    position: relative;
}


.feature-boxes:last-child{border-bottom: none;}

.feature-text{border-left: 1px solid #fff; padding-left: 10px; padding-top: 20px; padding-bottom: 20px;}

.feature-boxes h3{color: #fff; margin:0px 0px 0px; padding:0px; font-weight: 700;
font-size:22px;}

.feature-boxes p{margin:5px 0px 0px; padding:0px; font-size:16px;
 /*color: #746f6f;*/ color: #fff;
line-height: 21px; font-weight: 400;}

.featureimg  {
    width: 75px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    border: 2px solid #fff;
    padding: 10px;
    margin-right: 10px;
}


.feature-boxes img { max-width: 100%;}

.success-about .col-md-6:first-child{padding-right: 0px;}

.success-about .col-md-6:last-child{padding-left: 0px;}

#home-about{width: 100%; margin:80px 0px 0px; padding:0px; float:left;}

.about-img img{width: 100%; float:left; margin:0px; padding:0px;}

#home-about .col-lg-6{padding: 0px;}

.about-right{ height: 100%;
display: flex; align-items:center; padding-left:40px;}

.about-right h4{margin: 0px; padding:0px; font-size:20px; color:#4069ff;
 font-weight:600; text-transform: uppercase;}

.about-right h1{margin:15px 0px 20px; padding:0px; font-size:46px;
 color:#000565;  font-weight:600; text-transform: capitalize;}    

.about-right p{margin:15px 0px 0px; padding:0px;}

.about-img2{margin-top: 70px; border-radius: 10px; overflow: hidden;}

.about-right a:hover{background: #000565; color:#fff;}

.about-right a i{margin-right: 5px;}

.about-experience{padding: 10px 30px; text-align: center; color: #fff;
background: #4069ff; border-radius: 0px 0px 15px 15px;
margin-top: 20px;}

.about-experience h2{margin: 0px; padding: 0px; font-size: 60px;
font-weight: 700;}

.about-experience p{margin:30px 0px 20px; padding: 0px; font-size: 25px;
color: #fff;}

.success-dtl{padding:30px 20px;}

.success-dtl h3{margin: 0px; padding: 0px; font-size:35px; font-weight: 600;}

.success-about{margin-top: 30px;}

.success-head{background: #fcf6f8; padding: 20px 15px; text-align: center;
    border-bottom: 1px solid #faeef2;}

.success-main{border: 1px solid #faeef2; height: 100%;}

.success-about .col-md-6:first-child .success-main{border-right: none;}

.success-head h2{margin: 0px; padding: 0px; color: #4069ff;
font-size: 17px; text-transform: uppercase;}

#service-section{width: 100%; margin: 0; padding: 90px 0px; float:left;
background: #fff;}

.text-bx{margin: 0px auto; border:2px solid #fff; width:60%; display:block;
padding: 50px;} 

.text-bx h2{margin: 0px; padding:0px; color:#fff; 
font-size: 50px; font-weight: 600;}

footer{width: 100%; float:left; margin:0px; padding:90px 0px; 
    background-color:#0d1f3a;}

#clients-sctn {
    width: 100%; float: left;background-image: linear-gradient(to right, rgb(85 158 234) 50%, rgb(85 158 234 / 0%) 50%);
}

.client-inner{ padding: 50px 0px; height: auto;
    margin: 0px; background: #559eea;}

.signup-head h3 {
    color: #fff;  font-size: 30px; margin: 0px; font-weight: 600;
}

.signup-head p {
    margin: 10px 0px 0px; padding: 0px; color: #fff; font-size: 20px; 
}

.foot-sbmt {
    margin: 0px;
    border: solid 1px #ebebeb;
    border-radius: 0px;
    padding-left: 15px;
    width: 100%;
    background: #fff;
    height: 48px;
    padding: 0px 20px;
    color: #c3c3c3;
    outline: none!important;
    font-size: 13px;
    border-radius: 2px;
    width: 100%;
}

.sbmt-btn {
    height: 49px; background-color:#0e1e36; 
    top: 0px; border: none; font-size: 15px; letter-spacing: 1px;
    right: 0px; font-weight: 600;  color: #fff;  text-transform: uppercase;
    transition: all linear 0.5s; border-radius: 2px; line-height: 48px;
    background-repeat: no-repeat; background-size: 15px;
    background-image: url("../images/double-arrow.png");
    background-position: center right 25px; padding:0px 60px 0px 50px;
}

.footlink { margin: 0px;}

.footlink img{width: 220px; max-width: 100%; margin-bottom: 20px;}

.head-isnta {margin-bottom: 15px;}

.footlink p {
    margin:20px 0px 0px; padding: 0px 30px 0px 0px; font-size: 14px;
    color: #fff !important;  line-height: 28px;
}

.footlink li[x-apple-data-detectors] {color: #fff !important;}

.scl { margin-top: 15px;}

.scl h4{font-size: 17px; color: #fff; margin:20px 0px 0px; font-weight:300;}

.scl ul{margin: 15px 0px 0px; padding:0px; list-style:none;}

.scl ul li {margin: 0px 15px 0px 0px;  display: inline-block;}

.scl ul li a {
   border-radius: 50%; color: #fff; margin-right: 15px;
    text-align: center; line-height: 30px;
    display: block;
}

.scl ul li:first-child:hover a i{color: #6081c4;}

.scl ul li:nth-child(2):hover a i{color: #d52f91;}

.scl ul li:nth-child(3):hover a i{color: #43bdf0;}

.scl ul li a i {
    font-size: 14px;
}

.footlink ul {
    margin: 0px;  padding: 0px; list-style: none;
}

.footlink h2 {
    margin: 0px 0px 20px; padding: 0px; color: #fff;  font-size:20px;
    font-weight: 500;
}

.footlink ul {
    margin: 0px; padding: 0px;
    list-style: none;
}

.footlink ul li  {
    margin: 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    display: block;
    position: relative;
    border-bottom: 1px dashed #384559;
}

.footlink ul li i{margin-right: 5px;}

.footlink ul li:last-child{border-bottom: none;}
/*
.footlink ul li:before{content:"\f105"; width: 5px; height: 5px;
border-radius: 50%; background: #fff; position: absolute; left: 0px;
top: 20px;    font-family: "Font Awesome 5 Free";}*/

.post-dv p{margin: 0px; padding: 0px}

.footlink ul li span{color: #fff; margin:5px 0px 0px; 
    font-size: 12px; font-size: 200;}

.footlink ul li a {
    font-size: 14px;
    color: #fff;
}

.footlink ul li a:hover{color: #9ca1ff;}

#accmpishdv{width: 100%; float:left; margin:0px; padding:85px 0px 0px;}

.accmpl-main{border-radius: 15px; overflow:hidden;}

.accmp-img img{width: 100%; float:left}

.accmp-text{position: absolute; left:0; top: 0; height:100%; display: flex;
align-items: center;}


.higlight-main{margin-top: 50px;}

.highlight-left{padding: 50px; background: #fff;}

.highlight-on h3 {
    margin: 0px 0px; padding: 0px 0px;
    color: #000; font-size: 32px;
}

.highlight-on p {
    margin: 25px 0px 0px;  padding: 0px; color: #4c4c4c;  font-weight: 400; position: relative;
    display: block; font-size: 15px; line-height: 25px;  
}

.menu-higlight .nav-link{background: #fff; padding: 18px 15px; text-align: center; color: #000;
width: 100%; float: left; font-size: 21px;
transition: all linear 0.5s; border-radius: 0px; border:none; margin-bottom: 10px;}

.menu-higlight ul li{display: block; width: 100%; float: left; margin-bottom: 10px;}

.menu-higlight a:hover{background: #0169b2; color: #fff; border:none}

.menu-higlight .nav-link.active{background: #d02d32; color: #fff; border:none}

.menu-higlight .nav-link{
    border:none;
}

.menu-higlight .nav-tabs{
    border:none;
}

.register-button{display: flex; justify-content: flex-end;
    align-items: center;
    height: 100%;}

header{padding: 15px 0px; background: #fff;}

.logo-dv{ display: flex; align-items: center; height: 100%;}

.logo-dv h2{margin: 0px; padding: 0px; color: #0e1e36;
font-family: 'Bruno Ace SC', cursive;}

.foot-logo{margin: 0px; padding: 0px; color: #fff;
font-family: 'Bruno Ace SC', cursive; font-size: 2rem}

.banner-img video{ width: 100%; height:auto; background: #000;
}

.social-left ul li:first-child{padding:14px 20px ;padding-left: 0px;}

.social-left ul li a:hover{background: #559eea;}




#video-section{width: 100%; float: left; margin:-10px 0px 0px; padding:180px 0px;
background-image: url("../images/planning-home.jpg"); background-repeat: no-repeat;
background-size: cover;}

.video-left p{margin: 0px; padding: 0px; color: #fff;}

.video-left h2{margin:0px 0px 20px; padding:0px; font-size:46px;
 color:#fff;  font-weight:600; text-transform: capitalize;}

.video-left a{padding: 16px 45px; margin:35px 0px 0px; font-weight: 700;
color:#fff; border-radius:5px;  background: #559eea; border:1px solid #559eea;
float: left; transition:all linear 0.5s; text-transform: capitalize;
display: flex; align-items: center; }  

.video-left a i {
    font-size: 20px;  margin-left: 4px;
}  

.video-left a:hover{background: transparent;
color: #559eea;}

.playicon{display: flex; align-items: center; justify-content: flex-end;
height: 100%;}

.playicon a{background: #fff; width: 90px; height: 90px; border-radius: 50%;
    text-align: center; line-height: 90px;  font-size: 20px;
    color: #4069ff; outline: 20px solid rgb(255 255 255 / 15%);
}


.contribute-left{display: flex; align-items:center; height:100%;}

.contribute-left h4{
    margin: 0px;  padding: 0px;
    font-size: 20px; text-transform: uppercase;
    color: #4069ff;  font-weight: 600;
}

.contribute-left h2 {
    margin: 15px 0px 20px;
    padding: 0px;
    font-size: 46px;
    color: #000565;
    font-weight: 600;
    text-transform: capitalize;
}    

.contribute-left p{margin:15px 0px 0px; padding:0px; font-size:16px; color: #746f6f;
line-height: 27px; font-weight: 500;}

.contribute-left a{padding: 16px 35px; margin:25px 0px 0px; font-weight: 700;
color: #dd131a; border:2px solid #dd131a; border-radius:5px; text-transform:uppercase;
float: left; transition:all linear 0.5s;}

.contribute-left a:hover{background: #dd131a; color:#fff;}

.contribute-left a i{margin-left: 5px;}

.contribute-right p{color: #746f6f}

.contribute-right{padding-left: 30px;}

.services-mn {
    padding: 30px; box-shadow: 1px 1px 25px #00000012; margin-top: 40px; height: 95%;
}

.services-mn h3{margin:15px 0px 15px; padding: 0px; font-size: 20px;
    font-weight:600; color: #000565;}

.services-mn a{color: #559eea; font-weight: 600;}    

.services-mn img{width:40px; margin-bottom: 20px; float: left;}

#home-contact{width: 100%; float: left; margin: 0px; background: #fcfdff;
padding: 90px 0px 90px;}

.step-ons{margin: 30px 0px 0px;box-shadow: 1px 1px 13px #00000012;}

.step-heading{display: flex; align-items: center;background: #699dd9;} 

.icon-step{width: 120px; background:#4b8dd3; padding: 15px;
text-align: center; height:80px; display: flex; align-items: center;
justify-content: center;}

.icon-step i{font-size: 30px; color: #fff}

.icon-text{background: #699dd9; padding: 8px 12px; width: 100%;
display: flex; align-items: center; justify-content: center;}

.icon-text p{margin: 0px; padding: 0px; color: #fff; font-weight: 500}

.step-text{padding: 35px 25px; text-align: center; min-height:170px; background: #fff}

.step-text h3{
    margin: 0px; padding: 0px;  font-size: 20px;
    font-weight: 600;  color: #000565; text-transform: capitalize;
}

.step-text p{margin: 20px 0px 0px;}

#testimonial-section{width: 100%; float: left; padding: 90px 0px;}

.test-boxes{border: 1px solid #e4e8eb; padding: 40px;}

.test-main{margin-top: 30px;}

.test-heading{display: flex; justify-content: space-between;
align-items: center;}

.test-img{width: 90px; height: 90px; float: left;
border-radius: 50%; overflow: hidden;}

.test-img img{width: 100%; }

.quote-icons i{color:#e0e7ff; font-size: 50px;}

.test-dtls p{margin: 25px 0px;}

.test-dtls h5{margin: 0px; color: #000565;
font-size: 17px;}

.test-dtls h5 span{font-size: 14px; color: #746f6f; text-transform: capitalize;
font-weight: 400}

.foot-info{margin: 0px; padding: 0px;}

.foot-info p{display: flex; }

.foot-info p i{font-size: 20px; margin-right:25px; float: left;
margin-top: 5px;}

.quicks{padding: 0px 20px;}

.copyright-dv ul{margin: 0px 0px 0px; padding:0px; list-style:none;
text-align: right;}

.copyright-dv ul li {margin: 0px 15px 0px 0px;  display: inline-block;}

.copyright-dv ul li a {
   border-radius: 50%; color: #fff; margin-right: 15px;
    text-align: center; line-height: 30px;
    display: block;
}

.copyright-dv ul li:first-child:hover a i{color: #6081c4;}

.copyright-dv ul li:nth-child(2):hover a i{color: #d52f91;}

.copyright-dv ul li:nth-child(3):hover a i{color: #43bdf0;}

.copyright-dv ul li a i {
    font-size: 14px;
}

.copyright-dv{width: 100%; margin:0px; padding:18px 0px 35px; float:left;
 background:#0d1f3a;}

.copyright-dv p{margin: 0px; padding:0px; font-size: 14px; 
color: #fff;}

.home-form{display: flex; align-items: center; height: 100%;}

/*
.services-mn:hover p, .services-mn:hover h3,
.services-mn:hover a{color: #fff;}*/

.step-ons:hover .icon-step{background: #3c70a7;} 

.home-featured-section{
    padding: 0px !important;
    margin-top: -350px;
}

#login-front{width: 100%; margin: 0px; padding: 100px 0px;
float: left;}

.login-img img{width: 100%; float: left;}

.login-img{padding-right: 60px;}

.login-front-form{padding-left: 80px; border-left: 1px solid #e4e8eb;}

.login-front-form p{display: block; margin: 0px 0px 25px; width: 100%;
float: left;}

.login-front-form p label{font-size: 16px; margin: 0px; padding: 0px;}

.login-front-form p input{width: 100%; float: left; margin: 0px;
    padding: 8px 15px; border: 1px solid #e4e8eb; font-size: 15px;
    outline: none;
}

.rememberdv label{font-size: 16px; margin: 0px; padding: 0px; color: #746f6f;}

.rememberdv input{float: left; margin-top: 6px; margin-right: 5px;}

.rememberdv a{color: #559eea; float: right; font-size: 16px;}

.log-bt input, .ticket-btn{
    padding: 10px 45px;
    margin: 25px 0px 0px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    background: #559eea;
    border: 1px solid #559eea;
    float: left;
    transition: all linear 0.5s;
    text-transform: capitalize;
}

.log-bt input:hover,  .ticket-btn:hover {
    background: transparent; color: #559eea;
}

.ticket-btn{margin-top: 0px;}

.dnt-accnt p{font-size: 14px; margin:20px 0px 0px; padding: 0px; color: #746f6f;}

.dnt-accnt p a{color: #559eea;}

.form-tickets {
    box-shadow: 0px 0px 12px #e0e0e0;
    margin-bottom: 55px; padding:50px 50px;
    border-radius: 20px;
}

.form-tickets .form-group {
   margin-bottom: 18px; width: 100%; float: left;font-size: 15px;
}

.field__input {
    background-color: #f4f6f9;
    border-radius: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 15px; width: 100%; float: left;    padding: 10px 15px;
    color: #555;
    border: solid 1px #0000003b;
    border-radius: 4px;
}

.field {
    border-width: 2px; width: 100%;
    border-color: rgba(22, 22, 22, 1);
    position: relative; margin-bottom: 5px;
}

.retiree-form{padding: 50px 0px 30px;}

.form-group h5{margin: 20px 0px 0px; font-size: 20px;}

.about-imgnew { margin: 0px;  padding: 0px;}

.about-imgnew img { width: 100%;  float: left; }

.about-text-new {
    height: 100%; display: flex; align-items: center; width: 100%;
    position: absolute;  text-align: center;  top: 0px;
}

.about-text-new h1 {
    margin: 0px; padding: 0px; color: #fff; font-weight: 600;
    text-transform: uppercase; font-size: 32px;
}

/**contact-page-start**/

.contact-dv{padding: 50px 0px 80px;}

.contact-main-dv{margin: 0px; padding:0px;
float: left;}

.contact-hd-main{padding-right: 55px;}

.contact-hd-main h3 {
    font-size: 46px; margin: 15px 0px; font-weight: 600;
    color: #19191B;  text-transform: capitalize;
}

.contact-btm{margin: 45px 0px 0px;}

.contact-form{background-color:#022d47; padding: 55px; float: left; width: 100%;
    border-radius: 15px;}

.contact-form h2{margin:0px 0px 10px; padding: 0px; color: #fff; font-weight: 600;}

.contact-frm-main form{width: 100%; float: left;}

.contact-frm-main p{width: 100%; margin:20px 0px 0px; padding: 0px; float: left;}

.contact-frm-main p input{width: 100%; margin: 0px; padding: 12px 15px; color:#fff;
background-color: transparent; border: 1px solid #505050; border-radius: 2px;}

.contact-frm-main p input::placeholder, .contact-frm-main p textarea::placeholder
{color: #fff;}

.contact-frm-main p textarea{width: 100%; margin: 0px; padding: 12px 15px; color:#fff;
background-color: transparent; border: 1px solid #505050; border-radius: 2px; height: 120px;}

.contact-submit{margin:20px 0px 0px;}

.contact-submit input{
    padding: 12px 45px; font-weight: 700; color: #fff; border-radius: 5px;
    background: #559eea; border: 1px solid #559eea; float: left;
    transition: all linear 0.5s; text-transform: capitalize;
}

.contact-submit input:hover {
    background:transparent; color: #559eea;;
} 

.contact-frm-main p input, .contact-frm-main p textarea, .contact-submit input{outline: none;}

.contact-dtl-ons{
    margin-bottom: 40px; display: flex; align-items: center; padding: 30px 40px 30px 40px;
    position: relative; margin-left: 0px;border:1px solid #559eea;  z-index: 1;
}

.icon-box-cnt {
    margin-bottom:0px; padding-right: 20px;
}

.contact-right-detail{ 
    display: flex;  align-items: center;  height: 100%;
}

.cnt-info h3{
    color: #559eea; font-size: 16px;  font-weight: 400; margin-bottom: 9px;
}

.cnt-info p {
    color: #000; font-size:16px; font-weight: 700; margin: 0px;
}

.icon-box-cnt img {max-width: 100%;    width: 60px;}

.services-section{margin: 0px; padding:70px 0px 50px;}

.services-section .services-mn{margin: 30px 0px;}

.about-mn-sc{padding-bottom: 80px; padding-top: 70px;}

.partner-img{ padding: 30px; box-shadow: 1px 1px 25px #00000012;
margin: 20px 0px; height: 90%;}

.partner-img img{width: 100%; float: left;}

.home-test .test-boxes{margin: 5px 0px 25px;}


/**contact-end**/

.about1{display: flex; align-items: center; height: 100%;}

.about1 img{width: 100%; float: left;border-radius: 16px;}

.mainabt ul{margin: 15px 0px 0px; padding: 0px; list-style: none;}

.mainabt ul li{
    font-size: 15px; color: #746f6f; line-height: 27px; position: relative;
    padding-left: 20px; margin-bottom: 5px;
}

.mainabt ul li:before{position: absolute; left: 0; top: 9px; width: 8px; height: 8px;
background:#559eea; content: ""; display: inline-block; border-radius: 50%;}

.about-sctns{background-image: url("../images/bg-about.jpg"); background-repeat: no-repeat;
background-size: cover; padding:130px 0px; margin: 0px; background-attachment: fixed;}

.about-main-text h1{margin: 0px; padding: 0px; font-weight: 600; font-size: 46px;
color: #fff;}

.about-main-text a {
    padding: 16px 45px; margin: 35px 0px 0px;  font-weight: 700;
    color: #fff; border-radius: 5px;  background: #559eea;
    border: 1px solid #559eea; float: left;
    transition: all linear 0.5s; text-transform: capitalize;
}

.about-main-text a:hover {
    background: transparent;
    color: #559eea;
}

.experience-box {
    position: relative; width: 170px;
    height: 170px; float: right;
    background-color: #559eea;
    border-radius: 50%;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.experience-box:before {
    content: "";
    position: absolute;
    left: 10px;
    bottom: 0px;
    border-top: 30px solid #559eea;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    transform: rotate(35deg);
}

.experience-box h2 {
    color: #ffffff;
    font-size: 30px; margin: 0px;
    line-height: 34px;
}

.experience-box p {
    color: #ffffff;
    line-height: 24px;
    margin:5px 0 0;
}

.about-team {margin:90px 0px; padding: 0px;}

.team-box{border: 1px solid #cecece; border-radius: 5px; margin-top: 30px;}

.team-image img{width: 100%; border-radius: 0px 0px 200px 0px;}

.skilled-dv-head{display: block; height: auto;}

.team-text{padding: 30px 25px 20px;}

.team-text h4{
    margin: 0px;  padding: 0px; font-size: 20px; font-weight: 600; color: #000565;
}

.team-text p{margin: 0px; padding: 0px; color: #746f6f; font-size: 14px;}

.team-social{
    position: absolute; width: 35px; border-radius: 0px 0px 20px 20px;
    background: #559eea; top: 0; right: 15px; padding: 10px 0px;
    transition: all linear 0.5s;
}

.team-social ul{margin: 0px; padding: 0px; list-style: none; text-align: center;}

.team-social ul li{display: block; margin-bottom: 5px;}

.team-social ul li a{color: #fff; font-size: 15px;}

.team-social:hover{background: #000565;}

.service-content{padding:50px 0px 0px; margin: 0px; position: relative; z-index: 1;}

.service-left img{width: 100%; float: left;}

.work-service{margin-top: -50px !important; padding-top: 120px !important;}

.service-right {height: 100%; display: flex; align-items: center; padding-left: 50px;}

.service-right h4 {
    margin: 0px; padding: 0px; font-size: 20px;  color: #4069ff;  font-weight: 600;
}

.service-right h1 {
    margin: 15px 0px 20px; padding: 0px; font-size: 46px; color: #000565;
    font-weight: 600;  text-transform: capitalize;
}

.service-right p{margin: 0px; padding: 0px;}

.service-right a{
    padding: 16px 45px; margin: 25px 0px 0px;  font-weight: 700; color: #fff;
    border-radius: 5px; background: #559eea; border: 1px solid #559eea;
    float: left; transition: all linear 0.5s; text-transform: capitalize;
}

header.is-sticky {
  position: fixed;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  backdrop-filter: blur(10px); z-index: 222;
  animation: slideDown 0.35s ease-out;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.industryprtner .partner-img{    background: #d4e9ff;
    border-radius: 10px ;transition: all 0.5s ease-in-out 0s;}

.industryprtner .partner-img:hover {
    transform: scale(1.1);}

.banner-feature{width: 85%;}

.welcome-text{
    width: 34%;
    height: 100%;
     padding-left: 100px;
    align-items: center; margin-top:100px;
}

.welcome-text:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 46%;
    height: 100%;
        background: linear-gradient(rgb(12 121 178), rgb(48 156 184), rgb(23 73 126 / 38%));
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 0% 100%;
    -webkit-transform: skew(45deg);
    -ms-transform: skew(-45deg);
    transform: skew(20deg);
    z-index: -1;
}

.welcome-text .bg-05 p{font-size: 22px; margin: 0px; color: #fff;}

/**css-end**/

/**menu-css-start**/

div#overlay { display: none}

a#toggle {position: relative; text-align: center; color:#2a276c; display: none;
float: right; outline: none; margin-right: 10px; z-index: 99;}

a#toggle i { font-size: 30px}

a#toggle i { position: relative;}

.open-menu a#toggle i {color: #fff}

main#content {padding: 10px;}

#menu{
    text-align: left; transition: all ease-out .3s; height: 100%;
 align-items: center;    display: flex; float: right; margin-right:30px;}

#menu a { color: #000; text-decoration: none}

#menu ul {margin:10px 0px 0px;padding: 0;text-align: center;}

#menu ul li {display: inline-block;position: relative}

#menu ul li>a {
    display: inline-block; /**padding: 4px 7px;  font-size: 14px;**/
    margin: 0px; color: #04213f; position: relative; font-weight: 600;
    transition: all linear 0.5s; margin: 0px 0px 0px 0px;
    padding: 4px 20px;  font-size: 15px; text-transform:uppercase;}

#menu ul li>a.active{color: #559eea;}

#menu ul li>a:hover{color:  #559eea;}

#menu ul li>a>i { margin-left: 10px; transition: all ease-out .3s;  
    -webkit-transition: all ease-out .1s}

#menu ul li ul {
    display: none; position: absolute; top: 18px; width: 180px;  background:#fff; 
    text-align: left;  z-index: 3;    box-shadow: 0px 0px 2px #b6a6a66e;}

#menu ul li ul li a { border: none; color: #000;}

#menu ul li ul li:hover>a {color: #fff}

#menu ul li ul li a:hover {
   border-bottom: none;
}

#menu ul li ul li a:after{display: none;}

#menu ul li ul li {display: block}

#menu ul li ul li a {
    display: block;
    text-transform: capitalize;
    color: #000;
    font-size: 15px;
    padding: 8px 15px;
    font-weight: 500;
    margin: 0;
}

#menu ul li ul li:hover>a { color: #000}

#menu ul li ul li:before { border-left: none}

#menu ul li:hover>a>i { transform: rotateZ(90deg)}

#menu ul li:hover ul { display: block}

/**menu-media**/

@media screen and (max-width:767px) {
 a#toggle { display: block  }

.open-menu a#toggle {
  margin-top: -100px;
  right: -10px;
}

#menu ul li i{
  position: absolute;
  right: 0;
  top: 26%;
  font-size: 22px;
  width: 20px;
 
  display: flex;
  align-items: center;
  cursor: pointer;
}

#menu ul li.open i{top: 15%;}

a#toggle { margin-top: 15px;}

a#toggle:hover {  text-decoration: none  }

#menu .fa-plus { display: block }

main#content {  margin-top: 65px; transition: all ease-out .3s }

#menu { position: fixed; width: 250px; height: 100%; top: 0;
        right: 0; overflow: hidden; overflow-y: hidden; z-index: 9;
        overflow-y: auto; background-color:#427dbb; transform: translateX(750px)}

#menu ul {
  text-align: left;
  background-color: transparent;
  padding-top: 0px;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  top: 50px;
  position: absolute; width: 100%;
}

#menu ul li ul { padding-top: 0  }

#menu ul li { display: block }

#menu ul li a {
  display: inline-block; outline: none; color: #fff; padding: 16px 0!important; margin: 0
}

#menu ul li a>i {  float: right }

#menu ul li ul { display: none; position: static; padding: 0; width: 100%}

#menu ul li:hover>ul {  display: none  }

#menu ul li:hover>a>i { transform: rotateZ(0) }

.open a i::before { content: "\f107"; }

#menu ul li.open>ul { display: block }

#menu ul li.open ul{margin-top: 0px; background: #fff ;
  padding: 0px 10px; box-shadow: none;}

div#overlay { display: block; visibility: hidden; position: fixed;
 right: 0; top: 0;  width: 100%;  height: 100%; background-color: rgba(0, 0, 0, .8);
  z-index: 1; opacity: 0 }

html.open-menu { overflow: hidden  }

html.open-menu div#overlay { visibility: visible;  opacity: 1; width: calc(-150%);
left: 250px }

html.open-menu nav#menu {  z-index: 22; transform: translateX(0)  }

#menu ul li>a { border-right: none }

#menu ul li ul a { font-weight: 400; padding: 8px 0!important }

#menu ul li ul li {  border-bottom: none }

#menu ul li ul { background: 0 0 }

.open-menu .fa-bars:before {  content: "\f00d"  }

#menu li:last-child { border-bottom: none }

#menu ul li::before { display: none }

#menu ul li a.active {  border-bottom: none }

#menu ul li > a{border: none}

#menu  .active{color: #fff;}

#menu a.active::after{content: none !important; border: none;}
#menu a:hover{border: none;}

#menu ul li a:hover{border-bottom: none;}

#menu ul li > a:hover{background: none;}

#menu ul li>a.active{color:#0e1e36;}

#menu ul li>a:hover{color: #0e1e36;}

}

/**menu-css-end**/


/**flexslider-start**/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src:url('../fonts/flexslider-icon.eot');
  src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/flexslider-icon.woff') format('woff'),
    url('../fonts/flexslider-icon.ttf') format('truetype'),
    url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px;  position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; /*opacity: 0;*/ cursor: pointer; color: rgba(0,0,0,0.8); display: none; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); /*-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;*/ }
.flex-direction-nav .flex-prev { /*left: -50px;*/ }
.flex-direction-nav .flex-next { /*right: -50px;*/  position:absolute; right:0px;  }
/*.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;  }*/
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:30px; text-align: center; z-index:99;}
.flex-control-nav li {margin: 0 6px; display:none; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
.slider-cnt {
    position: absolute; height: 100%;
    top: 0%; z-index: 2;
}
.bg-05 {
    position: relative; width:auto;
}
.bg-05 h1 {
       color: #000;
    top: 100px;
    z-index: 3;
    width: 100%;
    border-radius: 6px;font-family: 'Urbanist', sans-serif; text-align:left;

}
.bg-05 h1 span {
        top: 40px;
    z-index: 3;
    width: 100%;
        font-size: 36px;
    font-weight: 700;
    
    color: #ffffff;
    font-family: 'Urbanist', sans-serif;
    letter-spacing: 1px;
}



.bg-05 h1 strong {     color: #ffffff;
    font-size: 40px;
}

.header-dv{border-bottom: 1px solid #e4e8eb;}

.partner-img p{margin: 25px 0px 0px; text-transform: uppercase;
color: #559eea; text-align: center; width: 100%; float: left;
font-weight: 500;}

.popupswift .modal-body {
    
    text-align: center;
    background: #0d3f74; border-radius:16px;
}
.modal-body { padding:0px;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    /* border: 1px solid rgba(0,0,0,.2); */
    border-radius: 0.3rem;
    outline: 0;
    background: transparent;
}
.modal-header01 { width:100%; background:#fff; padding:20px 0px;     border-top-left-radius: 16px; 
    border-top-right-radius: 16px;}
.modal-header01 img { width:100%; max-width:160px;
}

.modal-header01 p{
    margin: 10px 0px 0px !important;
    font-size: 18px;     color: #0d3f74;
}

.popupswift .modal-content .employeedv p {
        margin: 5px 0px 0px;
    font-weight: 700;
    line-height: 27px;
    height: 45px;
    color: #0d3f74;
    font-size: 20px;
    white-space: nowrap; padding-top:10px;
}

.popupswift .modal-content h3{
    margin-bottom: 30px;
    font-weight: 600;     padding-top: 50px;
    color: #fff;
    text-transform: uppercase;     padding-top: 50px;
}
.pop-re { padding:40px 0px;
}
.popupswift .close{
  position: absolute;
  right: 5px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  top:5px;
  padding: 0px;
  margin: 0px;
  background: transparent;
  box-shadow: none;
  border: none;
}

.popupswift .close img{width: 100%;}

.homepopup p a{
    font-size: 25px; color: #fff; font-weight: 600;
    background: #15579c;  padding: 10px 25px;  border-radius: 25px;
    margin-bottom: 10px;  display: inline-block;
}

.homepopup p a:hover{ color: #f3f3f3; background: #000000;}

.homepopup p{margin: 20px 0px;}

.login-popup { color: #15579c; font-weight: 600;}

.employeedv{
   margin:40px 0px;
    text-align: center; transition: all 0.3s;
    
    
}
.pop-img01 {    width: 130px;
    margin-bottom: 10px;
    height: 130px;
    /* background: #fff; */
    border-radius: 50%;
    padding: 10px;
    border: solid 6px #fff; background: #0d3f74;
     margin: 0px auto; position:relative; z-index:22;
}
.pop-text01 {    padding: 30px 0px;
    text-align: center;
    background: #fff;
    margin-top: -34px;
    border-radius: 16px;     border: solid 6px #fff;
}
.employeedv:hover .pop-img01 {background:#1258a3; transition: all 0.3s;  border: solid 6px #fff;
}
.employeedv:hover .pop-text01 { background: #1258a3; transition: all 0.3s;
}
.employeedv:hover .pop-text01 p { color:#fff; transition: all 0.3s;
}
.employeedv img{width: 80px; margin-bottom: 10px;}

.employeedv p{margin: 0px;}

.registerpopup p{color: #fff; margin:0px 0px 9px;}

.registerpopup p a{color: #aecceb;}

.experiencesctn{display: none;}

#register-banner{width: 100%; float: left; margin: 0px; padding: 40px 0px;
background-image: url("../images/bannerregister.jpg"); background-repeat: no-repeat;
background-size:100%; background-attachment: fixed; background-position: top center;}

#register-banner h1{margin: 0px; padding: 0px; color: #fff; font-size: 80px;}

#register-banner h4{margin: 50px 0px; padding: 0px; color: #fff; font-size: 35px;}

#register-banner h5{margin: 0px; padding: 0px; font-size: 25px; font-weight: 600; color: #fff;}

#register-banner p{margin:20px 0px 0px; padding: 0px; font-size: 17px; font-weight: 400; color: #fff;}

.journeysctn{padding: 80px 0px; background:#f5f9ff;}

.journeysctn h2 {
    margin: 0px 0px 30px; padding: 0px;  font-size: 46px;   color: #000565;
    font-weight: 600;  text-transform: capitalize;
}

.journeysctn p{color:#746f6f; }

.rgst-newsct{background-image: url("../images/bannerregisternew.jpg");
background-repeat: no-repeat; background-size: cover; padding: 100px 0px;}

.title-expert h2{margin:0px 0px 40px; padding: 0px;font-size: 46px;   color: #fff;
 font-weight: 600;  text-transform: capitalize;}

.expert-bxes {
    background: #0000005c;
    padding: 30px;
    border-radius: 5px;
    height: 100%;
}

.expert-bxes h3{color: #fff; font-weight: 800; margin: 20px 0px;}

.expert-bxes p{color: #fff; font-weight: 400;}

.expert-bxes img{width: 80px;}

.retirebnner{background-image: url("../images/retireergst.jpg") !important;}


.pop-text001 {
    padding: 30px 0px;
    text-align: center;
    background: #0d3f74;
    margin-top: -34px;
    border-radius: 16px;
    border: solid 6px #fff;
    width: 100%;
}
.pop-img001 {
    width: 130px;
    margin-bottom: -111px;
    height: 130px;
    /* background: #fff; */
    border-radius: 50%;
    padding: 10px;
    border: solid 6px #fff;
    background: #0d3f74;
    /* margin: 0px auto; */
    position: relative;
    z-index: 1000;
    margin-left: -67px;
    /* border-left: 0px; */
}
.employeedv001 img {
    width: 80px;
    margin-bottom: 10px;
}
#start-here{width: 100%; float: left; margin:-10px 0px 0px; padding:90px 0px;     background: #fff;
}

.st-box h2 {
        color: #000565;
    text-align: center;
    padding-bottom: 40px;
    font-size: 46px;
    font-weight: 600;
}

.pop-img01 img { max-height:80px; width:100%;
}
.employeedv001 {
    margin: 40px 0px;
    text-align: center;
    transition: all 0.3s;
}
.employeedv01 p {
   font-size: 22px;
    color: #fffdfd;
    line-height: 27px;
    padding-top: 20px;
}


}