html{
  overflow-x: hidden;
}
body{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: 'Sora', sans-serif !important;
}



a:hover{
  text-decoration: none !important;
}
.push-left{
  float: left;
}
.pad-0{
  padding: 0 !important;
}

::-webkit-scrollbar {
  width: 5px; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #000000;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); }

::-webkit-scrollbar-thumb:window-inactive {
  background: 252, 189, 18, 0.1; }




@media (min-width: 1500px) and (max-width: 1600px){
.top-header .container {
    max-width: 1300px;
}
}

@media (min-width: 1601px) and (max-width: 1750px){
.top-header .container {
    max-width: 1400px;
}
}

@media (min-width: 1751px) and (max-width: 1900px){
.top-header .container {
    max-width: 1500px;
}
}

@media (min-width: 1901px){
.top-header .container {
    max-width: 1600px;
}
}



/*header*/

  .header{
    float: left;
    width:100%;
    position: relative;
  }

.head-extension{
position: absolute;
top: 0px;
right: 0px;
z-index: -99;
}

.top-header{
  float: left;
  width: 100%;
 /* background-color: #ffffff;*/
  height: 61px;

}
.navigation{
  float: right;
  position: relative;
  width: 100%
}
.t-line{
  float: none;
}
.t-line:after {
    position: absolute;
    content: "";
    top: 24px;
    right: 160px;
    background-color: #363636;
    height: 12px;
    width: 2px;
}

.t-line:before {
    position: absolute;
    content: "";
    top: 24px;
    left: 160px;
    background-color: #363636;
    height: 12px;
    width: 2px;
}








.navigation a{
  float: right;
  color: #ffffff;
  margin: 22px 45px;
  font-size: 12px;
}

.navigation .sub-menu a{
  margin: 0px;

}



.bottom-header{
  float: left;
  width: 100%;
  background-color: #00225D;

}
.bottom-header img{
  float: left;
  
  
  margin-top: -61px; 
}

.top-right-header{
  float: right;
  width: 40%;
  
  height: 61px;
}

.top-button{
  float: right;
  margin-top: 12px;
}
.top-button a{
  float: right;
  border: solid 1px #0079E6;
  background-color: #0079E6;
  padding: 8px 40px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Sora', sans-serif !important;
  color: #ffff;
  transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}
.top-button a:hover{
  border: solid 1px #0079E6;
  background: #ffffff;
  color: #0079E6;
}














/*header-end*/

/*banner*/
.banner{
  width: 100%;
  float: left;
  padding: 100px 0px;
  background-size: cover;
  background-image: url(../images/banner.png);
  /*min-height: 530px;*/
  position: relative;
}

.banner .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

.banner-it{
  width: 100%;
  float: left;
}
.banner-it .sec-1{
  width: 100%;
  float: left;
}
.banner-it .sec-1 .cont-area{
  width: 100%;
  float: left;
  color: white;
}
.banner-it .sec-1 .cont-area-box{
  width: 100%;
  float: left;
  color: white;
  padding: 35px 0px 44px 0px;
}
.slide .cover .header-content .cont-area-box h2{
  width: 100%;
  float: left;
  color: white;
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  margin-top:20px;
}
.slide .cover .header-content .cont-area-box p{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
   
    color: #FFFFFF;
    margin-bottom: 35px;
}
.pad-right-ban{
  padding-right: 100px !important;
}
.slide .cover .header-content .cont-area-box  a{
  
border-radius: 5px;
background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
  
padding: 16px 40px;
  
  
font-size: 14px;

font-weight: 400;

font-family: 'Sora', sans-serif !important;
  
color: #ffff;
margin-top: 25px;
    display: inline-block;

    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.slide .cover .header-content .cont-area-box a:hover{
  background: #ffffff;
  color: #000000;
}



.owl-carousel .banner-loop nav{
  float: left;
  height: 20px;
  width: 20px;
}

/*banner-end*/

/*features*/

.features{
  float: left;
  width: 100%;
  background-color: #fafafa;
  padding: 60px 50px 50px 50px;
}

.features .item{
  float: left;
  width: 100%;
  padding: 0px 10px 30px 10px;
}

.features .owl-carousel .owl-nav .owl-prev img{
  height: 42px;
  width: 42px;
  margin-right: 5px;
  margin-top: 25px;
}

.features .owl-carousel .owl-nav .owl-next img{
  height: 42px;
  width: 42px;
  margin-left: 5px;
  margin-top: 25px;
}

.f-heading h1{
  float: left;
  width: 100%;
  font-size: 40px;
  font-weight: 600;
  color: #000000;
  text-align: center;
  margin-bottom: 30px;
}

.f-heading h2{
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  margin-bottom: 50px;
  line-height: 26px;
}

.features-1{
  float: left;
  width: 100%;
  height: 270px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 40px 30px;
  position: relative;
}
.features-1 h3{
  float: left;
  width: 100%;
  color: #000000;
  font-size: 21px;
  font-weight: 300;
  margin-top: 0px;
  margin-bottom: 20px;
  line-height: 30px;
}

.features-1 h3 span{
  float: left;
  width: 100%;
  color: #00225d;
  font-size: 21px;
  font-weight: 700;
}

.features-1 p{
  float: left;
  width: 100%;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.features-1:hover{
  
  background-color: #00225d;
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  
}

.features-1:hover h3{
  
  color: #ffffff;
  
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.features-1:hover h3 span{
  
  color: #ffffff;
 
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.features-1:hover p{
  
  color: #ffffff;
  
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.numbers1{
  position: absolute;
  top: 213px;
    right: -9px;
  float: left;
 width: 75px;
    height: 75px;
  border-radius: 50px;
  background-color: black;
  text-align: center;
  padding-top: 13px;
}

.numbers1 h5{
  text-align: center;
  color: white;
  font-weight: 800;
  font-size: 40px;
}

.features-1:hover .numbers1 {
   
    background-color: white;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.features-1:hover .numbers1 h5{
  
  color: #00225d;
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
/*features-end*/


/*products and services*/

.products{
  float: left;
  width: 100%;
  padding: 70px 0px 30px 0px;

  background-size: cover;
}

.p-heading h1{
  float: left;
  width: 100%;
  font-size: 40px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
}

.p-heading h2{
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
  line-height: 26px;
}

.sub-marg{
    margin-top: 30px;
}
.add-marg{
    float: left;
    margin-top: -15px;
}

.moving-head{
  float: left;
  width: 100%;
}
.pro-images{
  float: left;
  width: 100%;
  padding: 0px 0px 20px 0px;
}


.pro-button{
  position: absolute;
  left: 15px;
  top: 26px;
  float: left;
  width: 100%;
  margin-top: 20px;
  
}
.pro-img-sub:hover .pro-button a{
  opacity: 1;
}
.pro-button a {
    float: left;
    border: solid 1px #000000;
    background-color: #000000;
    opacity: 0;
    width: 150px;
    padding: 12px 0px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Sora', sans-serif !important;
    color: #ffff;
    text-align: center;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.pro-button a:hover{
  background: #01163E;
  opacity: 70%;
  color: #ffffff;
  border: solid 1px #01163E;
}

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

.pro-img-sub img{
  float: left;
  width: 100%;
  border-radius: 5px;
  position: relative;
}
.pro-img-sub1{
  float: left;
  width: 82%;
  position: absolute;
  bottom: 17px;
  left: 51px;
}
.pro-img-sub1 h3{
  
  float: left;
  width: 100%;
  font-size: 25px;
  font-weight: 700;
  color: #ffffff;
}

.pro-img-sub p{
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
}

.service-sec{
  float: left;
  width: 100%;
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 50px;
  background-color: #02122F;
}

.serv-image{
  float: left;
  width: 49%;
  background-color: #02122F;

}

.serv-image img{
  float: left;
  width: 100%;
  height: 390px;
  background-color: #02122F;

}

.serv-content{
  float: left;
  padding: 90px 50px;
  width: 51%;
  background-color: #02122F;
  height: 390px;
}

.serv-content h4{
  
  float: left;
  width: 100%;
  font-size: 25px;
  font-weight: 700;
  color: #ffffff;
}

.serv-content p{
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
}

.nav-tabs .nav-link{
  padding: 20px 20px;
  float: left;
  font-size: 14px;
  color: #ffffff;
  background-color: #01163E;
  border: 0px solid transparent!important; 
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
}

.nav-tabs .nav-link:hover{
  
  color: #0079E6;
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.nav-tabs .nav-link.active {
    color: #ffffff!important;
    background-color: #01102B!important;
    border-color: #dee2e6 #dee2e6 #fff;
}


.nav-tabs {
    border-bottom: 0px solid #dee2e6!important;
    width: 100%;
    background-color: #01163E;
}

.products .owl-theme .owl-nav {
/*   float: left;
*/}
.products .owl-theme .owl-nav img {
    
   height: 60px;
}

.products .owl-nav .owl-next{
   right: -60px;
    top: -75px;
   position: relative;
   float: right;
}

.products .owl-nav .owl-prev{
   left: -60px;
    top: -75px;
    position: relative;
    float: left;
}


/*prodocts and services end*/


/*mission-vision*/


.mission-vision{
  float: left;
  width: 100%;
  padding: 70px 0px;
  position: relative;
  background-color: #fafafa;
}

.bg2{
  float: left;
  position: absolute;
  bottom: 0px;
  left: 0px;
  
}

.bg1{
  float: left;
  position: absolute;
  top: 0px;
    right: 0px;
}
.mission{
  float: left;
  width: 100%;
  padding: 30px 20px;

}
.mission-content{
  float: left;
  width: 100%;
  background-color: #F6F6F6;
  padding: 30px 20px;
  margin-top: 45px;
  border-radius: 10px;
}

.mission-content h3{
  float: left;
  width: 100%;
  font-size: 25px;
  color: black;
  font-weight: 700;
}

.mission-content p{
  float: left;
  width: 100%;
  font-size: 14px;
  color: black;
  font-weight: 400;
  line-height: 30px;
}

.mission-content2{
  float: left;
  width: 100%;
  background-color: #F6F6F6;
  padding: 30px 20px;
  margin-top: 45px;
  border-radius: 10px;
}

.mission-content2 h3{
  float: right;
  text-align: right;
  width: 100%;
  font-size: 25px;
  color: black;
  font-weight: 700;
}

.mission-content2 p{
  text-align: right;
  float: right;
  width: 100%;
  font-size: 14px;
  color: black;
  font-weight: 400;
  line-height: 30px;
}

.mission-icon{
  float: right;
}

.mission-icon1{
  float: left;
}


/*mission-vision end*/



/*count*/

.count{
  width: 100%;
  float: left;
  /*padding-left: 70px;*/
  padding-top: 70px;
  align-content: center;
  padding-bottom: 70px;
 
  background-size: cover;
  text-align:center;
  overflow:hidden;
}




.count-box{
   width: 100%;
}

/*  .count-box h2 {*/
/*    width: 100%;*/
/*    float: left;*/
/*    font-weight: 600;*/
/*    position: absolute;*/
/*    left: 115px;*/
/*    top: 7px;*/
/*    text-align: left;*/
/*    font-size: 35px;*/
/*    color: #ffffff;*/
/*}*/
.count-box p{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    font-weight: 200;
    line-height: 25px;
    
    margin-bottom: 0;
  
}

.count-box img{
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}



  
.count-box:hover img{
  height: 120px;
  
  transform: rotate(360deg);
  
    transition: all ease-in-out 0.8s;
    -o-transition: all ease-in-out 0.8s;
    -ms-transition: all ease-in-out 0.8s;
    -moz-transition: all ease-in-out 0.8s;
    -webkit-transition: all ease-in-out 0.8s;
    
}




.item1 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    color: #FFFFFF;
   
    
}


.count .item {
    width: 100%;
    text-align: center;
    float: left;
}

.count .item1:after {
    content: '+';
    position: absolute;
    line-height: normal;
    padding-top: 6px;
}


/*counter end*/


/*join-our-team*/


.join-team{
  float: left;
  width: 100%;
  background-size: cover;
  padding: 90px 250px;
}

.team-content{
  float: left;
  width: 100%;
}

.team-content h1{
  float: left;
  width: 100%;
  font-size: 50px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 60px
}

.team-content p{
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
  line-height: 30px;
  text-align:center;
  margin-top: 30px;
  padding: 0px 60px;
}


.team-button{
  float: left;
  width: 100%;
  margin-top: 20px;
}
.team-button a {
  
    background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 177px;
    border-radius: 5px;
    padding: 14px 32px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Sora', sans-serif !important;
    color: #ffff;
    text-align: center;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.team-button a:hover{
  background: #ffffff;
  color: #000000;
}


/*join-our-team end*/



/*help*/

.help{
  float: left;
  width: 100%;
  padding: 60px;
}

.click-link{
  float:left;
  width: 100%;
  margin-top: 4s0px;
  }

  .click-link img{
    margin-left: auto;
    margin-right: auto;
    display: block;

  }

  .click-link p{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    margin-top: 10px;
  }

/*help-end*/


/*contact-panel*/

.contact-panel{
  float: left;
  width: 100%;
  padding: 60px 0px;
  background-size: cover;
}

.c-heading h1{
  float: left;
  width: 100%;
  font-size: 40px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
}

.c-heading h2{
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
  line-height: 26px;
}

.h-contact-form{
  float: left;
  width: 100%;

}

.h-padd{
  padding: 0px 30px;
}

.ff-padd{
  padding: 0px 30px!important;
}

.sec-2{
  width: 100%;
  float: left;
}

.sec-2 .msg-box{
  width: 100%;
  /*height: 344px;*/
  float: left;
  /* background: #ffffff00; */
}

.form-headd{
  float: left;
  width: 100%;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 10px; 
}
.sec-2 .msg-box .bodys{
  width: 100%;
  float: left;

  /*height: 248px;*/
  border-radius: 0px 0px 10px 10px;
}
.form-area1 {
    width: 60%;
    /* float: left; */
    margin-left: auto;
    margin-right: auto;
    /* padding: 10px 20px; */
}

.form_div {
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    font-size: 13px;
    /*height: 40px;*/
    margin-bottom: 10px !important;
    padding: 13px 15px 15px 15px;
    outline: none;
    background: #ffffff;
    width: 100%;
    border: none;
    transition: all 500ms ease;
    border-bottom: solid 1px #e3e3e3;
    border-radius: 5px;
    float: left;
    width: 100%;
}
.titel_normal {
    /* height: 100%; */
    line-height: 26px;
    /* top: 151px; */
    position: absolute;
    width: 35px;
    /* padding-left: 8px; */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 5px;
    color: rgba(0, 0, 0, 0.88);
    text-transform: uppercase;
    border-right: solid 1px #D4D4D4;
}


.normal_form {
    /*color: #272626;*/
    display: block;
    
    font-size: 14px;
    /* height: 52px; */
    color: #18191b96;
    /* margin-bottom: 30px !important; */
    outline: none;
    background: #ffffff;
    
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    padding: 15px;
    float: left;
    /* width: 50%; */
    left: 47px;
    position: relative;
    padding: 0px;
    /* padding-left: 17px; */
    padding-top: 2px;
}
.form-bot{
  width: 100%;
  float: left;
}
.form-boto-st {
    /* width: 43%; */
    padding: 15px 80px;
    /* float: left; */
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    font-weight: 400;
    display: block;
    background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
    color: #fff;
    border: none;
    /* height: 40px; */
    border-radius: 5px;
    margin-top: 35px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.form-boto-st:hover{
  background:#ffffff;
  color:#14469E;
  cursor:pointer;
}
.form-boto-st:focus, active{
 outline: none;
}


.bott-content{
  float: left;
  width: 100%;
}
.bott-content h2{
  margin-top: 35px;
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  line-height: 26px;
}

/*contact-panel end*/


/*login-panel*/

.login-panel{
  float: left;
  width: 100%;
  padding: 40px 0px 30px 0px;
  background-color: #000000;
}

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

.login-content h3{
  float: left;
  width: 100%;
  text-align: left;
  color: #ffffff;
  font-weight: 300;
  font-size: 31px;

}

.login-content p{
  float: left;
  width: 100%;
  line-height: 26px;
  margin-top: 10px;
  text-align: left;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;

}

.login-button{
  float: right;
  width: 100%;

}


.login-button a{
  float: right;
  border: 1px solid #14469E;
  background-color: #14469E;
  

}

.login-button a:hover{
  border: 1px solid #14469E;
  background-color: #ffffff;
  
  

}

.login-button a{
  float: right;
border: solid 1px transparent;
background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
padding: 15px 60px; 
border-radius: 5px;
font-size: 14px;
font-weight: 400;
font-family: 'Sora', sans-serif !important;
  color: #ffff;

    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.login-button a:hover{
  background: #ffffff;
  color: #000000;
  padding: 15px 60px; 
  border-radius: 5px;
}

/*login-panel end*/


.footer{
  float: left;
  width: 100%;
  background-size: cover;
  
}
.footer-1{
  float: left;
  width: 100%;
  padding: 45px 0px 30px 0px;
  border-top: 1px solid #111112;
  border-bottom: 1px solid #111112;
}

.footer-headings{
  float: left;
  width: 100%;
}

.footer-headings h1{
  position: relative;
  float: left;
  width: 100%;
  font-size: 19px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 35px;
}

.footer-headings h1:before {
    position: absolute;
    content: "";
    top: 30px;
    left: 0px;
    background-color: #163264;
    height: 3px;
    width: 20px;
}

.footer-headings a{
  float: left;
  width: 100%;
  font-size: 13px;
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 20px;
}

.footer-headings a:hover{
  color: #163264;
  transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}

.f-half{
  float: left;
  width: 50%;
}


.footer-social{
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.footer-social h1{
  position: relative;
  float: left;
  width: 100%;
  font-size: 19px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 35px;
}

.footer-social h1:before {
    position: absolute;
    content: "";
    top: 30px;
    left: 0px;
    background-color: #163264;
    height: 3px;
    width: 20px;
}

.footer-social a{
  float: left;
  margin-right: 40px;
  font-size: 13px;
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 20px;
}

.footer-social img{
  float: left;
  width: 16px;
  height: 16px;
}


.footer-whatsapp{
  float: left;
  width: 100%;
}

.footer-whatsapp h1{
  position: relative;
  float: left;
  width: 100%;
  font-size: 19px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 35px;
}

.footer-whatsapp h1:before {
    position: absolute;
    content: "";
    top: 30px;
    left: 0px;
    background-color: #163264;
    height: 3px;
    width: 20px;
}

.footer-whatsapp a{
  float: left;
  margin-right: 30px;
  font-size: 13px;
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 20px;
  margin-left: 10px
}

.footer-whatsapp a:hover{
  color: #163264;
  transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}

.footer-whatsapp img{
  float: left;
  width: 22px;
  height: 22px;
}

.footer-2{
  float: left;
  width: 100%;
  padding: 40px 0px 20px 0px;
  
  border-bottom: 1px solid #111112;
}


.footer2-headings{
  float: left;
  width: 100%;
}

.footer2-headings h1{
  position: relative;
  float: left;
  margin-right: 20px;
  font-size: 19px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 35px;
}


.footer-loc-headings h1{
  position: relative;
  float: left;
  margin-right: 20px;
  font-size: 19px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 35px;
}




.footer-loc-headings h1:before {
    position: absolute;
    content: "";
    top: 30px;
    left: 0px;
    background-color: #163264;
    height: 3px;
    width: 20px;
}

.footer-loc-headings p{
  font-size: 13px;
  color: #ffffff;
  font-weight: 400;
  line-height: 26px;
}

.footer2-headings p{
  float: right;
  font-size: 13px;
  color: #ffffff;
  font-weight: 400;
  line-height: 26px;
}



.footer-3{
  float: left;
  width: 100%;
  padding: 30px 0px 20px 0px;
}

.f-links{
  float: left;
  width: 100%;

}

.f-links a{
  float: left;
  margin-right: 50px;
  font-size: 13px;
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
  
}         

.f-links a:hover{
  color: #163264;
  transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}


.f-links p{
  float: right;
  font-size: 13px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
  
} 

.f-links p a{
  float: right;
  margin-right: 0px;
  font-size: 13px;
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
  
}      









/*MEDIA*/

@media (min-width:1200px){
    .mob-logo{
      display: none;
    }
  }

@media (max-width:575px){



    
    .cr-image {
    width: 100%!important;
}
.cr-content {
    width: 100%!important;
    padding: 50px 30px 39px 30px!important;
}

.mt4-package h5 {
    
    padding: 0px 0px!important;
    
}
.mt4-package h1 {
    
    padding: 0px 0px!important;
    
}

.mt4-package-contents img {
     float: none!important; 
    margin-left: auto;
    display: block;
    margin-right: auto!important;
    width: 20px!important;
}

.mt4-package-contents h4 {
    
    text-align: center!important;
    width: 100%!important;
    margin-top: 10px;
    
}

.mt4-package h3 {
    font-size: 30px!important;
}

.cr-content h4 {
    
    text-align: center;
    font-size: 30px!important;
    
    line-height: 40px!important;
}

.cr-content p {
    
    text-align: center;
}

.s-hub h3{
    font-size: 30px!important;
}
.footer-whatsapp img {
    float: none;
    
    margin-right: 5px;
}

.count{
    display:none;
}

.footer-whatsapp h1{
    display:none;
}

.footer-2 {
    
    padding: 0px 0px 20px 0px;
   
}

.footer-whatsapp a {
    text-align: center;
    width: 100%;
     margin-right: 0px;
     margin-left: 0px;
    }
  .serv-image {
    width: 100%;
  }

  .serv-content {
    
    width: 100%;
  }

.products .owl-theme .owl-nav img {
    height: 40px;
    display: none;
}
  .products .owl-nav .owl-next{
   right: 0px;
    top: 0px;
   float: none;
}

.products .owl-nav .owl-prev{
   left: 0px;
    top: 0px;

    float: none;
}
  .mob-logo{
      float: left;
      width: 80%;
    }

    .bottom-header {
    background-color: #ffffff;
}

    .mob-logo img{
      float: left;
      width: 200px;
    }
.logo{
  display: none;
}

.bottom-header img {
     margin-top: 0px; 
}

.head-extension{
display: none;
}

.top-header {
     background-color: #000000; 
     text-align:center;
}


.top-button {
     float:none;
     display:inline-block;
     margin:12px 0px;
}
.navigation {
    
    width: auto;
    float:none;
    display:inline-block;
}

.numbers2 {
   
    
    top: 235px;
}

  .numbers1 {
   
    top: 235px;
    
  }
  .features {
    
    padding: 60px 10px 50px 10px;
}

.features-1 {
    height: 290px;
    padding: 34px 15px;
    }

.features-2 {
    height: 290px;
    padding: 34px 15px;
    }

.mission {
    
     padding: 0px 0px; 
    }

.mission{
    border-radius:5px;
    background-color:#F6F6F6;
}
.bg1 {
    height: 70px;
}

  .item1 {
   margin-top: 10px;
    font-size: 18px;
}

.count .item1:after {
    
    padding-top: 1px!important;
}

.count-box p {
    font-size: 18px;
    margin-bottom: 30px;
    }

    .count-box img {
    height: 65px;
  }

  .join-team {
    padding: 60px 0px;
}
.team-content h1 {
  font-size: 30px;
  line-height: 53px;
  }
  .team-content p {
    padding: 0px 0px;
    margin-top:10px;
  }
.login-panel {
    
    padding: 40px 0px 50px 0px;
}

.who-we-are {
   
    padding: 60px 0px 10px 0px !important;
}
  
  .help {
    
    padding: 60px 0px;
}
.f-heading h1 {
  font-size: 30px;

}
.mission-content h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    }
.mission-content {
    padding: 0px 0px;
    margin-top: 17px;
    }
.f-heading h2 {
   margin-bottom: 30px;
}
  .form-boto-st {
    width: 60%;
   padding: 15px 30px;
     
    }
    
    .features-1 h3{
        text-align:center;
    }
    
     .features-1 p{
        text-align:center;
    }
    
    /*.pro-img-sub1 h3{*/
    /*    text-align:center;*/
    /*}*/
    
    /*.pro-img-sub1 p{*/
    /*    text-align:center;*/
    /*}*/

    .banner .owl-theme .owl-nav {
   
    bottom: -64px;
    right:  0px;
    float: left;
}
.f-links p {
    float: left;
    text-align: center;
  }
.login-content p {
    margin-bottom: 30px;
  }
.click-link img {
    height: 65px;
   
  }
  
  .banner-it-inn .sec-1-inn .cont-area-box-inn h2 {
    font-size: 25px !important;
    line-height: 40px !important;
    text-align:center;
  }
  
  .banner-it-inn .sec-1-inn .cont-area-box-inn p{
      text-align:center !important;
  }
  
  .banner-it-inn .sec-1-inn .cont-area-box-inn h5{
      text-align:center !important;
  }
  
  .banner-it-inn .sec-1-inn .cont-area-box-inn h6{
      text-align:center !important;
  }
  
  .mt4-contents h1{
      text-align:center !important;
  }
  
  .mt4-contents p{
      text-align:center !important;
  }
  
  .mt4-contents h3{
      text-align:center !important;
  }
  
  .mt4-contents h4{
      text-align:center !important;
  }
  
  .mt4-features-subcata h4{
      text-align:center !important;
  }
  .mt4-features-subcata p{
      text-align:center !important;
  }
  
  .banner-about .sec-about .cont-area-box-about h2 {
    text-align:center !important;
    font-size: 30px;
    line-height: 40px;
  }
  
  
/*  .banner-inn-mt4 {*/
/*    padding: 00px 0px !important;*/
/*    min-height: 0px !important;*/
/*  }*/
  
/*  .banner-it-inn {*/
/*    height: 350px;*/
/*}*/

  .click-link p {
  
    font-size: 16px;
  }
.h-padd {
     padding: 0px 0px; 
}
.login-content h3 {
    float: left;
    width: 100%;
    text-align: center;
}

.login-button a {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    width: 50%;
}

.login-content p {
    text-align: center;
}

  .f-links {
    margin-bottom: 20px;
    text-align: center;
}
.f-links a {
    margin: 0px 5px !important;
    float: none;
  }

.footer2-headings p {
    float: none;
    text-align: center;
}

.footer-loc-headings h1:before{
    left:auto;
}

.footer-loc-headings h1 {
    width: 100%;
    text-align:center;
  }

.footer-loc-headings p{
    text-align:center;
} 

.footer-headings h1 {
    text-align: center;
}

.footer-headings a{
    text-align: center;
}

.footer-headings h1:before {
    left: auto;
}
.footer-whatsapp h1{
    text-align:center;
}

.footer-whatsapp h1:before{
    left:auto;
}

.footer-social img {
    float: none;
   
    margin: 0px 10px;
}

.footer-social a {
    float: none;
    margin: auto;
    display: inline-block;
    /* margin: 0px 10px; */
}

.footer-social h1:before {
    left: auto;
}

.footer-social h1{
    margin-top: 20px;
    text-align: center;
}

.mt4-contents h1 {
    
    font-size: 30px !important;
    line-height: 40px !important;
    
}
    
    .slide .item .cover {
     padding: 0px 0px !important;
    }
    .slide .item .cover .header-content {
     margin-left: 0px !important;
    }
    
    .slide .cover .header-content .cont-area-box p br{
        display:none;
    }
    
    .slide-image {
    height: 350px !important;
    }
    
    .slide .cover .header-content .cont-area-box h2 {
    text-align:center;
    font-size: 32px;
    line-height: 48px;
    
}.slide .cover .header-content .cont-area-box h2 br{
    display: none;
}

.slide .cover .header-content .cont-area-box p{
        text-align:center;
    }
    

}




@media (min-width: 576px) and (max-width: 767px){
.serv-image {
    width: 100%;
  }

  .serv-content {
    
    width: 100%;
  }
.mob-logo{
      float: left;
      width: 80%;
    }

    .bottom-header {
    background-color: #ffffff;
}

    .mob-logo img{
      float: left;
      width: 200px;
    }
.logo{
  display: none;
}

.bottom-header img {
     margin-top: 0px; 
}

.head-extension{
display: none;
}

.top-header {
     background-color: #000000; 
}

.navigation {
    
    width: 75%;
}






  .banner .owl-theme .owl-nav {
    
    right: -69px;
   
}

.form-area1 {
    width: 100%;
     float: left; 
   
}
.p-heading h2 br{
  display: none;
}
.f-heading h2 br{
  display: none;
}
.mission-icon {
    float: left;
}

.mission-content {
    
    margin-top: 0px;
}

.mission-icon img{
    float: left;
    width: 100%;

}

.mission-icon2 img{
    float: left;
    width: 100%;

}

.join-team {
    
    padding: 60px 0px 70px 0px;
}
.team-content h1 {
    
    font-size: 35px;
    text-align: left;
}  

.team-content p{
  text-align: left;
  padding: 0px;
  margin-top: 10px;
}

.team-button a{
float: left;

}
.click-link img {
    width: 100px;
} 

.c-heading h2 br{
  display: none;
  text-align: left;
} 

.bott-content h2 br{
  display: none;
  text-align: left;
  padding: 0px 0px;
}   

.f-heading h1{
  text-align: left;
}


.f-heading h2{
  text-align: left;
}

.p-heading h1{
  text-align: left;
}
.p-heading h2{
  text-align: left;
}

.count-box p{
  margin-bottom: 30px;
}

.count {
    
    padding-bottom: 40px;
}


.c-heading h1{
  text-align: left;
}

.c-heading h2{

  text-align: left;
}

.h-padd {
    padding: 0px 0px;
}

.bott-content h2{
  text-align: left;
}

.form-boto-st {
    float: left;
}

.login-content p{
  margin-bottom: 20px;
}

.login-button a{
  float: left;
}

.login-panel{
  padding: 40px 0px 50px 0px;
}

.footer2-headings p{
  float: left;
}

.footer2-headings p{
  float: left;
}

.footer-loc-headings h1 {
    width: 100%;
    
    margin-right: 0px;
    
}

}







@media (min-width: 768px) and (max-width: 991px){
.form-area1 {
    width: 90%;
}
  .banner .owl-theme .owl-nav {
    
    right: -10px;
   
}

.form-area1 {
    width: 100%;
     float: left; 
   
}
.p-heading h2 br{
  display: none;
}
.f-heading h2 br{
  display: none;
}
.mission-icon {
    float: left;
}

.mission-content {
    
    margin-top: 0px;
}

.mission-icon img{
    float: left;
    width: 100%;

}

.mission-icon2 img{
    float: left;
    width: 100%;

}

.join-team {
    
    padding: 60px 0px 70px 0px;
}
.team-content h1 {
    
    font-size: 35px;
    text-align: left;
}  

.team-content p{
  text-align: left;
  padding: 0px;
  margin-top: 10px;
}

.team-button a{
float: left;

}
.click-link img {
    width: 100px;
} 

.c-heading h2 br{
  display: none;
  text-align: left;
} 

.bott-content h2 br{
  display: none;
  text-align: left;
  padding: 0px 0px;
}   

.f-heading h1{
  text-align: left;
}


.f-heading h2{
  text-align: left;
}

.p-heading h1{
  text-align: left;
}
.p-heading h2{
  text-align: left;
}

.count-box p{
  margin-bottom: 30px;
}

.count {
    
    padding-bottom: 40px;
}


.c-heading h1{
  text-align: left;
}

.c-heading h2{

  text-align: left;
}

.h-padd {
    padding: 0px 0px;
}

.bott-content h2{
  text-align: left;
}

.form-boto-st {
    float: left;
}

.login-content p{
  margin-bottom: 20px;
}

.login-button a{
  float: left;
}

.login-panel{
  padding: 40px 0px 50px 0px;
}

.footer2-headings p{
  float: left;
}

.footer2-headings p{
  float: left;
}

.footer-loc-headings h1 {
    width: 100%;
    
    margin-right: 0px;
    
}


.footer-whatsapp a p {
    
    width: 100%;
     margin-right: 0px; 
    
    margin-top: 10px;
     margin-left: 0px; 
}
.contact-panel .col-md-2{
  display: none;
}

.contact-panel .col-md-8{
  width: 150%;
}

}













/*menu*/

.header_menu_area {
  /* width: 100%; */
  float: right;
  position: relative;
  text-align: center;
  
  }
  .header_menu_area > .mob_nav {
    display: none; }

  .header_menu_area > ul {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    padding-left: 0px;
    
    padding-right: 0px;
    float: right;
    }
    .header_menu_area > ul > li {
      width: auto;
      display: inline-block;
      vertical-align: middle; }
      
        .header_menu_area > ul > li > a:hover {
          color: #fff;
          background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
          }
         
        .header_menu_area > ul > li > a::after {
          content: '';
          position: absolute;
          width: 100%;
          color: #fff !important;
          text-decoration:none !important;
          height: 0px;
          background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
          left: 0;
          bottom: 0;
          z-index: -1;
          transition: all ease-in-out 0.5s;
          -o-transition: all ease-in-out 0.5s;
          -ms-transition: all ease-in-out 0.5s;
          -moz-transition: all ease-in-out 0.5s;
          -webkit-transition: all ease-in-out 0.5s;
          color: white;
          border-left: 1px solid #012A70;
          }
        .header_menu_area > ul > li > a:hover::after {
          height: 100%; }
  .active-class{
  background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
  color: #ffffff !important;
  
  /* border-bottom: solid 4px #0f703a; */
}




           @media (max-width: 1200px) {
               
.form-area1 {
    width: 73%;
    
}

.mob-logo{
      float: left;
      width: 80%;
    }

    .bottom-header {
    background-color: #ffffff;
}

    .mob-logo img{
      float: left;
      width: 200px;
    }
.logo{
  display: none;
}

.bottom-header img {
     margin-top: 0px; 
}

.head-extension{
display: none;
}

.top-header {
     background-color: #000000; 
}

.navigation {
    
    width:auto;
    
}

.navigation a{
    margin: 21px 15px !important;
}

.t-line:after{
    right: 103px;
}



        .menu li:hover>ul {
    width: 100% !important;
    visibility: visible;
    opacity: 1;
    position: unset;
    transform: initial;
    /* height: 122px; */
    z-index: 99999;
    margin-top: 60px;
}
        .menu ul:after{
          bottom: 62%;
        }
        .header_menu_area > ul > li > a {
    width: 100%!important;
        }
        .sub-menu {
            margin-top: 73px!important;
        }
        .menu li:hover>ul {
            
    visibility: visible;
    opacity: 1;
    /*position: unset;*/
    transform: initial;
    /* height: 122px; */
    z-index: 99999;
    margin-top: 36px;
}
.menu ul {
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0 !important;
    width: 100%;
    transform: initial;
}
        .ham-nav{
            display: none;
        }
        .header_menu a svg{
            display: none;
        }
          .sub-menu-1{
              position:unset !important;
              width:100% !important;
          }
  .header_menu_area {
    position: inherit; }
    .header_menu_area > .mob_nav {
      display: block;
      float: right;
      width: 28px;
      height: 28px;
      margin: 24px 0px;
    cursor: pointer;
      transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s; }
      .header_menu_area > .mob_nav > div {
        background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        display: block;
        height: 3px;
        left: 0;
        position: absolute;
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -ms-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        width: 100%;
        }
        .header_menu_area > .mob_nav > div:nth-child(1) {
          top: 2px; }
        .header_menu_area > .mob_nav > div:nth-child(2), .header_menu_area > .mob_nav > div:nth-child(3) {
          top: 13px; }
        .header_menu_area > .mob_nav > div:nth-child(4) {
          top: 23px; }

  .mob_nav.open > div:nth-child(1), .mob_nav.open > div:nth-child(4) {
    left: 50%;
    top: 18px;
    width: 0%; }
  .mob_nav.open > div:nth-child(2) {
    background: #0a0909;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }
  .mob_nav.open > div:nth-child(3) {
    background: #0a0909;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    }

  .header_menu_area > ul {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: #000000;
    
    min-height: 100vh;
    visibility: hidden;
    opacity: 0;
    z-index: 9 !important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    top: 132px;
    }
    .header_menu_area > ul > li {
      width: 100%; }
      .header_menu_area > ul > li > a {
        color: #fff;
        width: 100%;
        line-height: 30px;
        padding: 10px 5%;
        text-align: left;
        
        }
        .header_menu_area > ul > li > a::after {
          width: 0px;
          height: 100%!important;
          background: #fff; }
        .header_menu_area > ul > li > a:hover::after {
          width: 4px; }
  .header_menu_area ul.view {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    z-index: 1111 !important;
    }

  .header_user_area {
    right: calc(5% + 70px); } }

.active-menu{
  background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
  color: #ffffff !important;
  /* border-bottom: solid 4px #0f703a; */
}


.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
}


.header_menu_area > ul > li > a {
    width: auto;
    float: left;
    /* margin: 0 9px; */
    position: relative;
    font-size: 12px;
    /* font-family: 'Montserrat', sans-serif !important; */
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0px !important;
    padding: 18px 14px;
    z-index: 1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    /* text-transform: uppercase; */
    text-decoration: none;
}

.menu ul li a:hover, .menu ul li:hover>a {
    background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158))!important;
    color: #fff;
}
.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    top: 61px;
    padding: 0;
    width: 211px;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 99;
    transform: translate(0,20px);
    transition: all .2s ease-out;
}


.menu li:first-child {
    margin-left: 0;
}
.menu li:first-child {
    margin-left: 0;
}
.menu ul li {
    display: block;
    float: none;
    background: 0 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

.menu ul li a {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    padding: 15px 10px;
    display: block;
    color: #201c1c;
    background: #fff;
    border-bottom: solid 1px rgb(99 96 96 / 10%);
}

.menu-new {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    top: 13px !important;
    padding: 0;
    width: 211px;
    position: absolute;
    background: #fff;
    z-index: 99;
    margin-top: 0 !important;
    left: inherit !important;
    right: 217px !important;
    transform: translate(0,20px);
    transition: all .2s ease-out;
}

.menu-new li a{
  background: #F6F6F6!important;
}

.menu ul:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
}

.menu-new:after {
    top: 10% !important;
    right: -2% !important;
    left: inherit !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,255,255,0);
    border-right-color: #fff !important;
    border-width: 6px;
    margin-left: -6px !important;
    transform: rotate( 
319deg);
}




/*mt4-white-label*/

.banner-inn-mt4{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-mt4.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-mt4 .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

.banner-it-inn{
  width: 100%;
  float: left;
}
.banner-it-inn .sec-1-inn{
  width: 50%;
  float: left;
}
.banner-it-inn .sec-1-inn .cont-area-inn{
  width: 100%;
  float: left;
  color: white;
}
.banner-it-inn .sec-1-inn .cont-area-box-inn{
  width: 100%;
  float: left;
  color: white;
  padding: 54px 0px 44px 0px;
}
.banner-it-inn .sec-1-inn .cont-area-box-inn h2{
  width: 100%;
  float: left;
  color: white;
  font-size: 42px;
  line-height: 60px;
  font-weight: 700;
}
.banner-it-inn .sec-1-inn .cont-area-box-inn p{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
   
    color: #FFFFFF;
    margin-bottom: 35px;
}

.banner-it-inn .sec-1-inn .cont-area-box-inn h5{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    padding-right: 10px;
    line-height: 30px;
   
    color: #FFFFFF;
    margin-bottom: 15px;
}

.banner-it-inn .sec-1-inn .cont-area-box-inn h6{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
   
    color: #FFFFFF;
    margin-bottom: 35px;
}
.pad-right-ban-inn{
  padding-right: 30px !important;
}
.banner-it-inn .sec-1-inn .cont-area-box-inn  a{
  
border-radius: 5px;
background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
  
padding: 16px 40px;
  
  
font-size: 14px;

font-weight: 400;

font-family: 'Sora', sans-serif !important;
  
color: #ffff;

    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.banner-it-inn .sec-1-inn .cont-area-box-inn  a:hover{
  background: #ffffff;
  color: #000000;
}



.owl-carousel .banner-loop-inn nav{
  float: left;
  height: 20px;
  width: 20px;
}





.sec-2-inn{
    float: right;
    position: absolute;
    z-index: 9;
    right: 9%;
}
.cont-area-box-inn a {
    float:left;
    /*border: solid 1px #FFFFFF;*/
    padding: 15px 38px;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 400;
    
    color: #ffff;
    /* margin-top: 10px; */
    /* position: relative; */
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
 .cont-area-box-inn a:hover {
    background: #ffffff;
    color: #000000;
}
.cont-area-box-inn p {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 35px;
}
.cont-area-box-inn h2 {
    width: 100%;
    float: left;
    color: white;
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
}



.banner-it-inn .sec-1-inn .cont-area-box-inn a {
    border-radius: 5px;
    background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
    padding: 16px 40px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Sora', sans-serif !important;
    color: #ffff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

 .sec-1-inn .cont-area-box-inn  a:hover{
  background: #ffffff;
  color: #000000;
}

.banner-it-inn .sec-2-inn{
  width: 50%;
  float: left;
}

.img-loc-area-inn{
  background-color: #0a6a26;
  border-radius: 50%;
}
 .sec-2-inn .msg-box-inn{
  width: 328px;
  /*height: 344px;*/
  margin-top: 60px;
  float: right;
  /* background: #ffffff00; */
}
 .sec-2-inn .msg-box-inn .heads-inn{
  width: 100%;
  padding: 14px 0px 10px 0px;
  text-align: center;
  float: left;
  background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
  
  border-radius: 10px 10px 0px 0px;
}
 .sec-2-inn .msg-box-inn .heads-inn h2{
  width: 100%;
  float: left;
  text-align: center;
  
  font-size: 18px;
 
  color: #FFFFFF;

}
 .sec-2-inn .msg-box-inn .bodys-inn{
  width: 100%;
  float: left;
  background: #FFFFFF;
  /*height: 248px;*/
  border-radius: 0px 0px 10px 10px;
}
.form-area1-inn{
  width: 100%;
  float: left;
  padding: 10px 20px;
  
}
.form_div-inn {
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    font-size: 13px;
    height: 40px;
    margin-bottom: 10px !important;
    padding: 0 20px;
    outline: none;
    background: #ffffff;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    border-bottom: solid 1px #e3e3e3;
    padding: 15px;
    border-radius: 5px;
    padding-top: 9px;
    float: left;
    width: 100%;
}
.titel_normal-inn {
    /* height: 100%; */
    line-height: 26px;
    /* top: 151px; */
    position: absolute;
    width: 35px;
    /* padding-left: 8px; */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 5px;
    color: rgba(0, 0, 0, 0.88);
    text-transform: uppercase;
    border-right: solid 1px #e3e3e3;
}



.normal_form-inn {
    /*color: #272626;*/
    display: block;
    
    font-size: 14px;
    /* height: 52px; */
    color: #18191b96;
    /* margin-bottom: 30px !important; */
    outline: none;
    background: #ffffff;
    
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    padding: 15px;
    float: left;
    /* width: 50%; */
    left: 47px;
    position: relative;
    padding: 0px;
    /* padding-left: 17px; */
    padding-top: 2px;
}
.form-bot-inn{
  width: 100%;
  float: left;
}
.form-boto-st-inn {
    /* width: 43%; */
    padding: 13px 70px;
    /* float: left; */
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    font-weight: 400;
    display: block;
    background: #14469E;
    color: #fff;
    border: none;
    /* height: 40px; */
    border-radius: 5px;
    margin-top: 25px;
     margin-bottom: 15px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.form-boto-st-inn:hover{
  background:#ffffff;
  color:#14469E;
  cursor:pointer;
}
.form-boto-st-inn:focus, active{
 outline: none;
}


/*banner-end*/
/*..................*/

.mt4-features{
  float: left;
  width: 100%;
  padding: 60px 0px 60px 0px;
  background-color: #F6F6F6;
}

.mt4-features-sub h2{
  width: 100%;
  float: left;
  font-size: 35px;
  line-height: 60px;
  font-weight: 700;
  color: #000000;
  text-align: center;
}


.mt4-features-sub h3{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 30px;
    
}


.mt4-features-subcata{
  float: left;
  width: 100%;
  padding: 30px 20px;
  background-color: #00225d;
  border-radius: 5px;
  margin-bottom: 20px;
  min-height: 260px;
}


.mt4-features-subcata h4{
  float: left;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #ffffff;
}

.mt4-features-subcata p{
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #ffffff;
}



/*........................*/


/*what-is*/

.what-is{
  width: 100%;
  float: left;
  padding: 60px 0px 60px 0px;
}

.mt4-contents{
  width: 100%;
  float: left;
 
} 

.mt4-contents h1{
  width: 100%;
  float: left;
  color: white;
  font-size: 35px;
  line-height: 60px;
  font-weight: 300;
  color: #000000;
}

.mt4-contents h1 span{
  color: #000000;
  font-weight: 700;
}
.mt4-contents p{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
   
    color: #000000;
    
}

.mt4-contents h3{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    padding-right: 10px;
    line-height: 30px;
   color: #000000;
    margin-bottom: 15px;
}

.mt4-contents h4{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
   color: #000000;
    margin-bottom: 35px;
}





/*...................*/

/*mt4-white-label-end*/


/*mt5-white-label*/

.banner-inn-mt5{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-mt5.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-mt5 .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*mt5-white-label-end*/


/*FinsTrader*/

.banner-inn-FinsTrader{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-finstrader.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-FinsTrader .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*FinsTrader*/


/*FinsMargin*/

.banner-inn-finsmargin{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-finsmargin.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-finsmargin .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*FinsMargin*/


/*FinsCore*/

.banner-inn-finscore{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-finscore.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-finscore .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*FinsCore*/



/*marksman*/

.banner-inn-marksman{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-marksman.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-marksman .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*marksman*/


/*setup-support*/

.banner-inn-setup-support{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-setup-support.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-setup-support .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*setup-support*/


/*ticker-widget*/

.banner-inn-ticker-widget{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-ticker-widget.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-ticker-widget .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*ticker-widget*/





/*forex*/

.banner-inn-forex{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-forex.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-forex .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*forex*/

/*metals*/

.banner-inn-metals{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-metals.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-metals .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*metals*/


/*indices*/

.banner-inn-indices{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-indices.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-indices .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*indices*/


/*energy*/

.banner-inn-energy{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-energy.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-energy .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*energy*/


/*crypto-cfd-liquidity*/

.banner-inn-crypto-cfd-liquidity{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-cpt.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-crypto-cfd-liquidity .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*crypto-cfd-liquidity*/


/*equities*/

.banner-inn-equities{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-equities.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-equities .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*equities*/


/*etfs*/

.banner-inn-etfs{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-etf.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-etfs .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*etfs*/


/*FOREX Broker Turnkey*/

.banner-inn-tf-broker{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-tf-broker.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-tf-broker .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*FOREX Broker Turnkey*/

/*Cryptocurrency Exchange Turnkey*/

.banner-inn-ce-turnkey{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-ce-turnkey.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-ce-turnkey .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*Cryptocurrency Exchange Turnkey*/

/*Crypto Broker Turnkey*/

.banner-inn-tc-broker{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-tc-broker.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-tc-broker .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*Crypto Broker Turnkey*/

/*merchants*/

.banner-inn-merchants{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-merchants.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-merchants .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*merchants*/

/*wallets*/

.banner-inn-wallets{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-wallets.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-wallets .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*wallets*/





/*Copy Trading Platform*/

.banner-inn-copy-trading{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-copytrading.webp);
  min-height: 470px;
  position: relative;
}

.banner-inn-copy-trading .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*Copy Trading Platform*/


/*PAMM Platform*/

.banner-inn-pamm{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-pamm.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-pamm .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*PAMM Platform*/


/*MAM Platform*/

.banner-inn-mam{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner-mam.png);
  min-height: 470px;
  position: relative;
}

.banner-inn-mam .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

/*MAM Platform*/






/*about-page*/

.banner-inn{
  width: 100%;
  float: left;
  padding: 30px 0px;
  background-size: cover;
  background-image: url(../images/banner.png);
  min-height: 470px;
  position: relative;
}

.banner-inn .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}


.mt4-panel2{
  width: 100%;
  float: left;
  padding: 60px 0px 60px 0px;
  background-color: #F6F6F6;
}

.mt4-panel2-sub{
  width: 100%;
  float: left;
 
} 

.mt4-panel2-sub h1{
  width: 100%;
  float: left;
  color: white;
  font-size: 35px;
  line-height: 60px;
  font-weight: 700;
  color: #000000;
  text-align: left;
}

.mt4-panel2-sub h1 span{
  color: #000000;
  font-weight: 700;
}
.mt4-panel2-sub p{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
   
    color: #000000;
    
}

.mt4-panel2-sub .mt4-table table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 80%;
  margin-bottom: 20px;
}

.mt4-panel2-sub .mt4-table th{
  background-color: #dddddd;
}

.mt4-panel2-sub .mt4-table td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 20px;
}

/*tr:nth-child(even) {
  background-color: #dddddd;
}*/


 .mt4-panel2-sub h5{
  width: 100%;
  float: left;
  color: white;
  font-size: 20px;
  line-height: 60px;
  font-weight: 700;
  color: #000000;
  text-align: left;
}

.mt4-panel2-sub h6{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
    color: #000000;
    
} 

.mt4-panel2-sub a {
  float: left;
  margin-top: 10px;
    border-radius: 5px;
    border: 1px solid transparent;
    background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
    padding: 16px 40px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Sora', sans-serif !important;
    color: #ffff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

 .mt4-panel2-sub a:hover{
  background: #ffffff;
  border: 1px solid #163264;
  color: #163264;
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}  

  
  
  /*................*/

  .abt-panel3{
    float: left;
    width: 100%;
    padding: 60px 0px 60px 0px;
    background-color: #163264;
  }
 
  .abt-panel3-sub{
    float: left;
    width: 100%;
  }
  .abt-panel3-sub h2{
  width: 100%;
  float: left;
  color: white;
  font-size: 35px;
  line-height: 60px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}

.abt-panel3-sub h2 span{
  width: 100%;
  float: left;
  color: #ffffff;
  font-weight: 300;
}

.abt-panel3-sub h3{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
   
    color: #ffffff;
    
}

/*..................*/

.benefits{
  float: left;
  width: 100%;
  padding: 60px 0px 60px 0px;
}

.benefits-sub h2{
  width: 100%;
  float: left;
  font-size: 35px;
  line-height: 60px;
  font-weight: 700;
  color: #000000;
  text-align: center;
}


.benefits-sub h3{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 30px;
    
}


.benefits-subcata{
  float: left;
  width: 100%;
  padding: 30px 20px;
  background-color: #00225d;
  border-radius: 5px;
  margin-bottom: 20px;
}


.benefits-subcata h4{
  float: left;
  width: 100%;
  height: 60px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #ffffff;
}

.benefits-subcata p{
  height: 150px;
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #ffffff;
}



/*........................*/


.branding{
  width: 100%;
  float: left;
  padding: 60px 0px 60px 0px;
}

.branding-contents{
  width: 100%;
  float: left;
 
} 

.branding-contents h1{
  width: 100%;
  float: left;
  color: white;
  font-size: 35px;
  line-height: 60px;
  font-weight: 300;
  color: #000000;
  text-align: center;
}

.branding-contents h1 span{
  color: #000000;
  font-weight: 700;
}
.branding-contents p{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
   
    color: #000000;
    
}

.branding-contents h3{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding-right: 10px;
    line-height: 30px;
   color: #000000;
   margin-top: 35px;
    margin-bottom: 35px;
}

.branding-contents h4{
    width: 33.3%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
   color: #000000;
    margin-bottom: 35px;
}

/*....................*/

.customisation{
  width: 100%;
  float: left;
  padding: 60px 0px 60px 0px;
  background-color: #F6F6F6;
}

.customisation{
  width: 100%;
  float: left;
 
} 

.customisation h1{
  width: 100%;
  float: left;
  color: white;
  font-size: 35px;
  line-height: 60px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin-bottom: 30px;
}

.customisation-sub h1 span{
  color: #000000;
  font-weight: 700;
}
.customisation-sub p{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
   
    color: #000000;
    
}


.customisation-subcata{
  float: left;
  width: 100%;
  background-color: #ffffff;
  padding: 30px 20px;
  margin-bottom: 20px;
  height: 240px;
}

.customisation-subcata h2{
  float: left;
  width: 100%;
  color: #00225d;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.customisation-subcata p{
  float: left;
  width: 100%;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}








/*..................*/

.included{
  float: left;
  width: 100%;
  padding: 60px 0px 60px 0px;
}

.included-sub h2{
  width: 100%;
  float: left;
  font-size: 35px;
  line-height: 60px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin-bottom: 30px;
}

.included-sub h2 span{
  font-weight: 300;
}


.included-sub h3{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 30px;
    
}


.included-subcata{
  float: left;
  width: 100%;
  padding: 30px 20px;
  background-color: #00225d;
  border-radius: 5px;
  margin-bottom: 20px;
  height: 250px;
}


.included-subcata h4{
  float: left;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #ffffff;
}

.included-subcata p{
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #ffffff;
}





/*..................*/

.liquidity-pool{
  float: left;
  width: 100%;
  padding: 60px 0px 60px 0px;
}

.liquidity-pool-sub h2{
  width: 100%;
  float: left;
  font-size: 35px;
  line-height: 60px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin-bottom: 30px;
}

.liquidity-pool-sub h2 span{
  font-weight: 300;
}


.liquidity-pool-sub h3{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
    color: #000000;
   margin-bottom: 30px;
    
}


.liquidity-pool-subcata{
  float: left;
  width: 100%;
  border-radius: 5px;
  
  
}


.liquidity-pool-subcata h4{
  float: left;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #ffffff;
}

.liquidity-pool-subcata p{
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #000000;
}

.liquidity-pool-subcata p span{
  position: relative;
  
  margin-right: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #000000;

}

.liquidity-pool-subcata p span:before {
    position: absolute;
    content: "";
    top: 5px;
    left: -10px;
    background-color: #363636;
    height: 7px;
    width: 7px;
    border-radius: 40px;
}
/*..................*/

/*..................*/

.trading-p{
  float: left;
  width: 100%;
  padding: 60px 0px 60px 0px;
}

.trading-p-sub h2{
  width: 100%;
  float: left;
  font-size: 35px;
  line-height: 60px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin-bottom: 30px;
}

.trading-p-sub h2 span{
  font-weight: 300;
}


.trading-p-sub h3{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
    color: #000000;
   margin-bottom: 30px;
    
}

.computers{
  float: right;
  width: 100%;
}

.computers h6{
  float: right;
  width: 100%;
  text-align: right;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
}

.computers img{
  float: right;
  width: 30px;
  margin: 0px 10px;
  
}

.smartphones{
  float: left;
  width: 100%;
}

.smartphones h6{
  float: left;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
}


.smartphones img{
  float: left;
  width: 30px;
  margin: 0px 10px;
  
}


/*...................*/

.mt4-comparison{
  width: 100%;
  float: left;
  padding: 60px 0px 60px 0px;
  background-color: #F6F6F6;
}

.mt4-comparison-sub{
  width: 100%;
  float: left;
 
} 

.mt4-comparison-sub h1{
  width: 100%;
  float: left;
  color: white;
  font-size: 35px;
  line-height: 60px;
  font-weight: 700;
  color: #000000;
  text-align: left;
}

.mt4-comparison-sub h1 span{
  color: #000000;
  font-weight: 300;
}


.mt4-comparison-sub .mt4-comparison-table table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 80%;
  margin-bottom: 20px;
}

.mt4-comparison-sub .mt4-comparison-table th{
  background-color: #dddddd;
  font-size: 14px;
  font-weight: 700;
}

.mt4-comparison .mt4-comparison-table td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 20px;
  font-size: 14px;
  font-weight: 400;
}

/*tr:nth-child(even) {
  background-color: #dddddd;
}*/

/*..................*/

.mt4-orders{
  float: left;
  width: 100%;
  padding: 60px 0px 60px 0px;
}

.mt4-orders h2{
  width: 100%;
  float: left;
  font-size: 35px;
  line-height: 60px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin-bottom: 30px;
}

.trading-p-sub h2 span{
  font-weight: 300;
}

.ord-1{
  float: left;
  width: 100%;
  margin-bottom:30px;
  padding: 10px;
    border: 1px solid #d3d1d1;
}

.ord-1 h3{
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
}


.ord-1-sub{
  float: left;
  width: 100%;
  padding: 30px 20px;
  background-color: #F6F6F6;
  border-radius: 5px;
  height: 260px;
}

.ord-1-sub h5{
  float: left;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
}

.ord-1-sub p{
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #000000;
}



.body-2{
  float: left;
  width: 100%;
  padding: 70px 0px;
}
.b2-img{
  float: left;
  width: 100%;
}
.b2-img img{
  float: left;
  width: 100%;
  height: 515px;
  object-fit: cover;
}
.b2-txt{
  float: left;
  width: 100%;
  padding-left: 60px;
  
}
.b2-txt h2{
  float: left;
    width: 100%;
    font-size: 40px;
    font-weight: 600;
    color: #000000;
    
}

.b2-txt p{
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
   
    margin-bottom: 37px;
    line-height: 26px;
}
.body2-slidr{
  float: left;
  width: 100%;
  padding-left: 60px;
}
.b2-ban .owl-prev img{
  height: 40px;
  width: 40px;
  margin-right: 5px;
  margin-top: 25px;
}

.b2-ban .owl-next img{
  height: 40px;
  width: 40px;
  margin-left: 5px;
  margin-top: 25px;
}




.mision-slide{
  float: left;
  width: 100%;
}
.mision-slide img{
  width: 65px!important;
  float: left;
  margin-bottom: 15px;
}
.mision-slide h2{
  float: left;
  width: 100%;
  font-size: 20px;
    font-weight: 600;
    color: #94b1e4;
    margin-bottom: 7px;
}
.mision-slide p{
  float: left;
  width: 100%;
  font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0px;
    line-height: 30px;
}













.body3{
  float: left;
  width: 100%;
  background: #002058;
  padding: 60px 0px;
}
.b3-hed{
  float: left;
  width: 100%;
  text-align: center;
}
.b3-hed h2{
  float: left;
  width: 100%;
  font-size: 40px;
    font-weight: 600;
    color: white;
    margin-bottom: 50px;
}
.b3-bx1{
  float: left;
  width: 100%;
  margin-bottom: 15px;
  position: relative;
}
.b3-bx1 img{
  float: left;
  width: 100%;
  height: 313px;
  object-fit: cover;
}
.b3-bx1 h2 {
    float: left;
    width: 100%;
    padding: 13px;
    background: white;
    font-size: 22px;
    font-weight: 600;
    color: #002058;
}

.b3-bx2 img{
  height: 701px;
}











.body4{
  float: left;
  width: 100%;
  padding: 70px 0px 0px;
}
.b4-hed{
  float: left;
  width: 100%;
  text-align: center;
}
.b4-hed h2{
  float: left;
  width: 100%;
  font-size: 40px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 30px;
}
.b4-hed p {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    margin-bottom: 30px;
    padding: 0px 50px;
    line-height: 30px;
}
.b4-hed img{
  float: left;
  width: 100%;
  max-width: 1109px;
  margin-bottom: -1px;
  position: relative;
  z-index: 1;
}

.body-8{
    float: left;
    width: 100%;
   background-image: url(../images/b8-bac.png);
   background-size: cover;
   background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 70px;
}
.b8-hed{
    float: left;
    width: 100%;
}
.b8-hed h2{
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 50px;
    color: white;
    text-align: left;
    margin-bottom: 0px;
}
.b8-hed h2 span{
    font-weight: 600;
}
.b8-hed p{
   float: left;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    color: white;
    text-align: left; 
    padding-right: 18px;
    margin-top: 20px;
}
.b8-butn{
    float: left;
    width: 100%;
    margin-top: 20px;
}
.b8-butn a {
  float: left;
    background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 177px;
    border-radius: 5px;
    padding: 14px 32px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Sora', sans-serif !important;
    color: #ffff;
    text-align: center;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.b8-butn a:hover{
  background: #ffffff;
  color: #000000;
}
.b8-logo{
    float: right;
    width: 100%;
    padding-top: 131px;
}
.b8-logo img{
    float: right;
    width: 100%;
    max-width: 490px;
}










.fxtm-ful{
    float: left;
    width: 100%;
    background-image: url(../images/fxtm-bac.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 70px;
}
.fxtm-hed{
    float: left;
    width: 100%;
}
.fxtm-hed h2{
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 50px;
    color: white;
    text-align: left;
    margin-bottom: 0px;
}
.fxtm-hed h2 span{
    font-weight: 600;
}
.fxtm-hed p{
   float: left;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    color: white;
    text-align: left; 
    padding-right: 18px;
    margin-top: 20px;
}
.fxtm-butn{
    float: left;
    width: 100%;
    margin-top: 20px;
}
.fxtm-butn a {
  float: left;
    background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 177px;
    border-radius: 5px;
    padding: 14px 32px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Sora', sans-serif !important;
    color: #ffff;
    text-align: center;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.fxtm-butn a:hover{
  background: #ffffff;
  color: #000000;
}
.fxtm-logo{
    float: right;
    width: 100%;
    padding-top: 99px;
}
.fxtm-logo img{
    float: right;
    width: 100%;
    max-width: 477px;
}

























@media (max-width: 375px) {
.navigation a {margin: 21px 8px !important;}
.t-line:after {right: 88px;} 
}





@media(max-width: 575px){
  .t-line:after{
    display: none;
  }
  
  .footer-social {
    
    text-align: center;
}


.slide .cover .header-content .cont-area-box p {
    margin-bottom: 20px !important;
}

  .slide .cover .header-content .cont-area-box a{
      float: none;
    display: table;
    margin: auto;
  }
  .slide .cover .header-content .cont-area-box h2 {
    margin-top: 45px;
   
}
  .pro-button {
   
    width: 71%;
     margin-top: 0px; 
    
}
.pro-button a{
    
    width: 120px;
    padding: 8px 0px;
    font-size: 13px;
}
    
  
  .nav-tabs .nav-link {
    padding: 15px 10px;
    font-size: 12px;
    width: 50%;
    text-align: center;
}

  .banner-it .sec-1 .cont-area-box h2 br{
    display: none;
    font-size: 40px;
  }

  .pad-right-ban {
    padding-right: 0px !important;
}

.pro-img-sub img{
  margin-bottom: 30px;
}

.service-sec {
    float: left;
    width: 100%;
    border-radius: 10px;
    margin-top: 0px;
    }

.serv-image img {
  object-fit: cover;
  height: 250px;
}  

.serv-content {
    float: left;
    padding: 30px 15px;

    }


.mission-icon img{
    height: 30px;
    margin-top: 20px;
}

.mission-icon2 img{
    height: 30px;
    margin-top: 40px;
} 

.mission-content2 {
    padding: 0px 0px;
    margin-bottom: 30px;
}

.form-area1 {
    width: 100%;
} 

.form-boto-st {
    width: 85%!important;
    
}


.f-links p a {
    text-align: center;
    float: none;
    margin-right: 0px;
}


.f-heading h2 br{
    display:none;
}

.f-heading h2 br{
    display:none;
}

.p-heading h2 br{
    display:none;
}

.pro-img-sub img {
    height: 350px;
}

.pro-img-sub1 {
    
    bottom: 33px;
    left: 29px;
}

.abt-panel3-sub h2 {
    text-align:left;
}
.abt-panel3-sub h3 {
    text-align:left;
}

.benefits-sub h2 {
    text-align:left;
}


.benefits-sub h3 {
    text-align:left;
}

.benefits-sub h3 {
    text-align:left;
}


.branding-contents p {
    text-align:left;
}

.branding-contents p {
    text-align:left;
}


.branding-contents p {
    text-align:left;
}

.included-sub h2{
    text-align:left;
    
}


.liquidity-pool-sub h2{
    text-align:left;
    
}

.liquidity-pool-sub h3{
    text-align:left;
    
}

.liquidity-pool-subcata p{
    text-align:left;
    
}

.trading-p-sub h2{
    text-align:left;
}

.trading-p-sub h3{
    text-align:left;
}

.trading-p-sub h3{
    text-align:left;
}

.computers{
    float:left;
}

.computers h6{

 float:left;
}


.computers img{
    float:left;
}
.mt4-orders h2{
     text-align:left;
}

.ord-1 h3{
    text-align:left;
}

.ord-1-sub {
    
    min-height: 370px!important;
    margin-bottom: 30px;
}


.mt4-orders {
    padding: 60px 0px 0px 0px;
}


.banner-it-inn .sec-1-inn {
    width: 100%;
    
}

.sec-2-inn{
  position: relative;
  right: 0;
}
.banner-it-inn .sec-2-inn{
  width: 100%;
}
.sec-2-inn .msg-box-inn{
  width: 100%;
  max-width: 328px;
  margin: auto;
  display: block;
  float: none;
}
.pad-right-ban-inn {
    padding-right: 0px !important;
}
.banner-it-inn .sec-1-inn .cont-area-box-inn{
  padding-bottom: 0px;
}




}






@media(min-width: 1380px){
.navigation a {
    
    margin: 21px 30px;
    
}
.t-line:after {
    
    right: 129px;
}
}







/*ABOUT-PAGE*/



.banner-about{
  width: 100%;
  float: left;
  
  background-size: cover;
  background-image: url(../images/banner-mt4.png);
  min-height: 470px;
  position: relative;
}

.banner-about .owl-theme .owl-nav {
    position: absolute;
    bottom: -40px;
    right: -90px;
    float: right;
}

.banner-about{
  width: 100%;
  float: left;
}
.banner-about .sec-about{
  width: 100%;
  float: left;
}
.banner-about .sec-about .cont-area-about{
  width: 100%;
  float: left;
  color: white;
}
.banner-about .sec-about .cont-area-box-about{
  width: 100%;
  float: left;
  color: white;
  padding: 100px 0px 44px 0px;
}
.banner-about .sec-about .cont-area-box-about h2{
  width: 100%;
  float: left;
  color: white;
  font-size: 42px;
  line-height: 60px;
  font-weight: 700;
  text-align: center;
}
.banner-about .sec-about .cont-area-box-about p{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 125px;
    line-height: 30px;
   
    color: #FFFFFF;
    margin-bottom: 35px;
}

.banner-about .sec-about .cont-area-box-about h5{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    padding-right: 10px;
    line-height: 30px;
   
    color: #FFFFFF;
    margin-bottom: 15px;
}

.banner-about .sec-about .cont-area-box-about h6{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
   
    color: #FFFFFF;
    margin-bottom: 35px;
}

.banner-about .sec-about .cont-area-box-about  a{
  
border-radius: 5px;
background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
  
padding: 16px 40px;
  
  
font-size: 14px;

font-weight: 400;

font-family: 'Sora', sans-serif !important;
  
color: #ffff;

    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.banner-about .sec-about .cont-area-box-about  a:hover{
  background: #ffffff;
  color: #000000;
}



.owl-carousel .banner-loop-inn nav{
  float: left;
  height: 20px;
  width: 20px;
}



/*what-is*/

.who-we-are{
  width: 100%;
  float: left;
  padding: 60px 0px 60px 0px;
  background-color: #fafafa;
}

 

.who-we-are h1{
  width: 100%;
  float: left;
  text-align: center;
  color: white;
  font-size: 35px;
  line-height: 60px;
  font-weight: 700;
  color: #000000;
}

.who-we-are p{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
   text-align: center;
    color: #000000;
    padding: 0px 100px;
    
}



/*...................*/



.with-us{
  width: 100%;
  float: left;
  padding: 0px 0px 60px 0px;
}

 

.with-us h1{
  width: 100%;
  float: left;
  text-align: center;
  color: white;
  font-size: 35px;
  line-height: 60px;
  font-weight: 700;
  color: #000000;
}

.with-us p{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    line-height: 30px;
   text-align: center;
    color: #000000;
    
}

.withus-1{
  float: left;
  width: 100%;
  padding: 50px 100px 20px 100px;
}
.with-us-sub{
  float: left;
  width: 100%;
  min-height: 200px;
  margin-top: 20px;
  padding: 30px 20px;
  background-color: #fafafa;
  border-radius: 5px;
}

.with-us-sub h3{
  width: 100%;
  float: left;
  color: white;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  color: #000000;
}

.with-us-sub h5{
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #000000;
}

.with-us-sub img{
    float: left;
    margin-right: 10px;
    height: 30px;
    width: 30px;
}

/*features*/

.features-abt{
  float: left;
  width: 100%;
  background-color: #fafafa;
  padding: 60px 0px 50px 0px;
}

.f-heading-abt h1{
  float: left;
  width: 100%;
  font-size: 40px;
  font-weight: 600;
  color: #000000;
  text-align: center;
  margin-bottom: 30px;
}

.f-heading-abt h2{
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  margin-bottom: 50px;
  line-height: 26px;
}

.features-1-abt{
  float: left;
  width: 100%;
  height: 270px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 30px 20px;
  position: relative;
  margin-bottom: 20px;
}
.features-1-abt h3{
  float: left;
  width: 100%;
  color: #000000;
  font-size: 21px;
  font-weight: 300;
  margin-top: 0px;
  margin-bottom: 20px;
  line-height: 30px;
}

.features-1-abt h3 span{
  float: left;
  width: 100%;
  color: #00225d;
  font-size: 21px;
  font-weight: 700;
}

.features-1-abt p{
  float: left;
  width: 100%;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.features-1-abt:hover{
  
  background-color: #00225d;
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
  
}

.features-1-abt:hover h3{
  
  color: #ffffff;
  
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.features-1-abt:hover h3 span{
  
  color: #ffffff;
 
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.features-1-abt:hover p{
  
  color: #ffffff;
  
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

/*features-end*/

@media (max-width: 575px){

  .banner-about .sec-about .cont-area-box-about h2 {
    text-align: left;
  }
  .banner-about .sec-about .cont-area-box-about {
    
    padding: 50px 0px 44px 0px;
}

.banner-about .sec-about .cont-area-box-about p {
   text-align: center;
    padding: 0px 00px;
    
}

.who-we-are p {
    
    padding: 0px 0px;
}

.withus-1 {
    padding: 20px 0px;
}

.features-1-abt h3{
   text-align: center; 
}
.features-1-abt p{
    text-align: center; 
}

.with-us-sub h5{
    text-align: center;
}

.with-us-sub img {
    float: none;
}
.with-us-sub {
    text-align: center;
}

.with-us-sub h3{
    text-align: center;
}
}





@media (min-width: 576px) and (max-width: 767px){

  .banner-about .sec-about .cont-area-box-about h2 {
    text-align: left;
  }
  .banner-about .sec-about .cont-area-box-about {
    
    padding: 50px 0px 44px 0px;
}

.banner-about .sec-about .cont-area-box-about p {
   text-align: left;
    padding: 0px 00px;
    
}

.who-we-are p {
    text-align: left;
    padding: 0px 0px;
}

.withus-1 {
    padding: 20px 0px;
}

.who-we-are h1{
  text-align: left;
}
.with-us-sub h3{
  text-align: left;
}
.with-us h1{
  text-align: left;
}
.with-us p{
  text-align: left;
}


}


@media (min-width: 768px) and (max-width: 991px){

  .features-1-abt {
    float: left;
    width: 100%;
    height: 432px;
  }

}


.map-area{
  float: left;
  width: 100%;
}












.slide {
   float:left;
   width:100%;
   position:relative;
}
.slide .item {
    position: relative;
}
.slide-image {
    width: 100%;
    height: 540px;
    object-fit: cover;
}
.slide .item .cover {
    padding: 10px 60px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -16px;
    left: 0;
    /* background: rgba(0, 0, 0, 0.6); */
    display: flex;
    align-items: center;
}
.slide .item .cover .header-content {
    position: relative;
    margin-top: 0;
    margin-left: 0px;
    /*padding-bottom: 25px;*/
    overflow: hidden;
    text-align: center;
}
.header-content h6 {
    font-size: 25px;
    color: #fff;
    font-weight: 400;
}
.header-content h1 {
    font-size: 37px;
    
    width: 100%;
    padding-right: 20px;
    /* font-family: 'Oswald'; */
    position: relative;
    color: #fff !important;
    line-height: 48px;
    font-weight: 400;
}
.header-content h1 span {
    font-weight: 700;
}
.slide .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

/*.slide .owl-item.active h2 {*/
/*    -webkit-animation-duration: 1s;*/
/*    animation-duration: 1s;*/
/*    -webkit-animation-fill-mode: both;*/
/*    animation-fill-mode: both;*/
/*    animation-name: fadeInDown;*/
/*    animation-delay: 0.3s;*/
/*}*/

/*.slide .owl-item.active h4 {*/
/*    -webkit-animation-duration: 1s;*/
/*    animation-duration: 1s;*/
/*    -webkit-animation-fill-mode: both;*/
/*    animation-fill-mode: both;*/
/*    animation-name: fadeInUp;*/
/*    animation-delay: 0.3s;*/
/*}*/

.slide .owl-item.active .line {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}









/**********************/


.client{
  float: left;
  width: 100%;
  padding: 50px 0px;
}

.client h5{
  float: left;
    width: 100%;
    font-size: 40px;
    font-weight: 600;
    color: #000000;
    text-align: center;
    margin-bottom: 30px;
  }

.client-sub{
  float: left;
  width: 100%;
}

.client-sub img{
  float: none;
  width: auto!important;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}



.s-hub{
  float: left;
  width: 100%;
  padding: 50px 0px;

}

.s-hub h3{
  float: left;
    width: 100%;
    font-size: 40px;
    font-weight: 600;
    color: #000000;
    text-align: center;
    margin-bottom: 30px;
}
.s-hub p{
  float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    color: #00225d;
    text-align: center;
    margin-bottom: 80px;
    line-height: 30px;
}
.s-hub-bx{
  float: left;
  width: 100%;
  background-color: #fafafa;
    border-radius: 10px;
    padding: 0px 15px 30px 0px;
    margin-bottom: 20px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.s-hub-bx h2{
  float: left;
     width: 68px;
     margin-left: -6px; 
    font-size: 40px;
    font-weight: 600;
    color: white;
    background: black;
    padding: 10px 25px;
    border-radius: 43px;
    position: relative;
    margin-top: -30px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.s-hub-bx-txt{
  width: 100%;
  padding-left: 75px;
  padding-top: 42px;
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.s-hub-bx-txt h4{
  float: left;
  width: 100%;
  color: #000000;
    font-size: 17px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 30px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.s-hub-bx-txt a{
  float: left;
  width: 100%;
  color: #000000;
    font-size: 17px;
    font-weight: 400;
    margin-top: 0px;
    line-height: 30px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.s-hub-bx1{
  margin-top: 30px;
}


.s-hub-bx:hover{
  background: #00225d;
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.s-hub-bx:hover h2{
  color: #00225d;
  background-color: white;
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.s-hub-bx:hover .s-hub-bx-txt h4{
  color: white;
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.s-hub-bx:hover .s-hub-bx-txt a{
  color: white;
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}



.iner-about{
  float: left;
  width: 100%;
  padding: 65px 0px 0px;
}
.in-b2-img{
  float: left;
  width: 100%;
}
.in-b2-img img{
  float: left;
  width: 100%;
  
}
.in-b2-txt{
  float: left;
  width: 100%;
  padding-left: 60px;
  
}
.in-b2-txt h2{
  float: left;
    width: 100%;
    font-size: 40px;
    font-weight: 600;
    color: #000000;
    
}

.in-b2-txt p{
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
   
    margin-bottom: 37px;
    line-height: 26px;
}




.about-mision{
  float: left;
  width: 100%;
  background: #04245d;
  padding-bottom: 50px;
}
.about-mision-bx{
  float: left;
  width: 100%;
  padding-top: 55px;
}
.ab-mision-img{
  float: left;
  width: 45%;
}
.ab-mision-img img{
  float: left;
  width: 100%;
  border-radius: 15px;
}
.ab-mision-txt{
  float: left;
  width: 55%;
  padding-top: 45px;
    padding-left: 30px;
}
.ab-mision-txt h2{
  float: left;
  width: 100%;
  color: white;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 10px;
}
.ab-mision-txt p{
  float: left;
  width: 100%;
  color: white;
  font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0px;
}
.about-vision-bx{
  float: left;
  width: 100%;
  padding-left: 60px;
  margin-top: -120px;
}
.about-vision-bx img{
  float: left;
  width: 100%;
  border-radius: 15px;
  margin-bottom: 25px;
}
.about-vision-bx h2{
  float: left;
  width: 100%;
  color: white;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 10px;
}
.about-vision-bx p{
  float: left;
  width: 100%;
  color: white;
  font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0px;
}







.copy-trading-map{
  float: left;
  width: 100%;
  padding: 60px 0px;
}
.c-p-m-img{
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.c-p-m-img img{
  float: none;
  width: 100%;
  max-width: 400px;
}
.c-p-m-img h2{
  float: left;
  width: 100%;
  font-size: 19px;
    color: black;
    font-weight: 600;
    margin-bottom: 0px;
}
.c-p-m-hed{
  float: left;
  width: 100%;
}
.c-p-m-hed h2{
  float: left;
  width: 100%;
  font-size: 42px;
    line-height: 60px;
    font-weight: 700;
    color: black;
    margin-bottom: 30px;
}
.c-p-m-bx{
  float: left;
  width: 100%;
  background-color: #fafafa;
    border-radius: 5px;
    padding: 30px 20px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.c-p-m-bx h3{
 float: left;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    color: #002058;
    margin-bottom: 0px;
    position: relative;
    padding-left: 17px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.c-p-m-bx h3::before {
    content: " ";
    background: white;
    width: 9px;
    height: 9px;
    left: 0;
    border-radius: 30px;
    top: 8px;
    position: absolute;
    opacity: 0;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.c-p-m-bx:hover{
  background: #002058;
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.c-p-m-bx:hover h3{
  color: white;
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.c-p-m-bx:hover.c-p-m-bx h3::before{
  opacity: 1;
  transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.c-p-m-point{
  float: left;
  width: 100%;
  background: #002058;
  padding: 30px;
  margin-top: 40px;
}
.c-p-m-point h3{
  float: left;
  width: 100%;
  font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0px;
    color: white;
}

.in-sec-1-inn{
  width: 75%!important;
}

.ac-mng-b2{
  float: left;
  width: 100%;
  padding: 50px 0px;
}
.ac-mng-b2-bx{
  float: left;
  width: 100%;
}
.ac-mng-b2-bx img{
  float: left;
  width: 100%;
}
.ac-mng-b2-bx-txt{
  float: left;
  width: 100%;
  padding: 35px 30px;
  background: #00225D;
}
.ac-mng-b2-bx-txt h2{
  float: left;
  width: 100%;
  color: white;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 30px;
}
.ac-mng-b2-bx-txt h3{
  float: left;
  width: 100%;
  color: white;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 30px;
}

.ac-mng-b2-bx-butn{
    float: left;
    width: 100%;
   
}
.ac-mng-b2-bx-butn a {
  float: left;
    background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 177px;
    border-radius: 5px;
    padding: 14px 32px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Sora', sans-serif !important;
    color: #ffff;
    text-align: center;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.ac-mng-b2-bx-butn a:hover{
  background: #ffffff;
  color: #000000;
}



.main-btn-circle{
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50%;
    border-radius: 100%;
    line-height: 40px;
    -webkit-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    outline: none;
    cursor: pointer;
    z-index: 100;
    transition: .5s;
    background-size: 200% auto;
    background-image: linear-gradient(to right, #012562 0%, #4971b6 51%, #005cff 100%);
    color: white;
}
.main-btn-circle:hover{   
  background-position: right center;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}



.popup{
  position: fixed;
    top: 100%;
  width: 100%;
  height: 100%;
  z-index: 10001;
}
.popup.active{
  top:0;
  background-color: #000000a8; 
  transition: background-color .6s ,opacity .6s;
}
.popup .main-btn-rect{
  padding: 10px 100px;
}
.popup .popup-content{
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 568px;
  min-width: 320px;
  margin-top: 150px;
  padding: 25px;
  color: #070000;
  /*-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transition: margin .6s;
  -webkit-transition: margin .6s;
  -moz-transition: margin .6s;
  -o-transition: margin .6s;
}
.popup.active .popup-content{
  margin-top: 0px;
}

.form-group{
    position: relative;
    width: 90%;
    margin: 0px auto;
}

.popup .fade-out{
  position: absolute;
     top: 11px;
    right: 12px;
  text-align: center;
  font-size: 15px;
}

.request-sec {
    position: absolute;
    right: 0;
    width: 100%;
    top: -450px;
    right: 0;
    height: 100%;
    /* background: #00000096; */
    z-index: 9999999;
}


.req-form {
    width: 328px;
    float: right;
    height: auto;
    margin-right: 0;
    opacity: 1;
    background-size: 100%;
    border-radius: 25px;
    background-position-y: 100%;
    background-repeat: no-repeat;
    /*padding: 30px 30px 30px 30px;*/
    top: 0;
    position: relative;
    right: 0;
    background: #ffffff;
    /* height: 100%; */
    z-index: 99;
    
}

.heads-inn {
    width: 100%;
    padding: 14px 0px 10px 0px;
    text-align: center;
    float: left;
    background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
    border-radius: 10px 10px 0px 0px;
}
.msg-box-inn .heads-inn h2 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
}
.msg-box-inn {
    width: 328px;
    /* height: 344px; */
    margin-top: 0px;
    float: right;
    /* background: #ffffff00; */
}










.body-cp{
  float: left;
  width: 100%;
  padding-top: 70px;
  background: #002058;
}

.body-cp-img{
  float: left;
  width: 100%;
}
.body-cp-img img{
  float: left;
  width: 100%;
  max-width: 505px;
}
.body-cp-txt{
  float: left;
  width: 100%;
  padding-top: 35px;
}
.body-cp-txt h2{
  float: left;
  width: 100%;
  font-size: 50px;
    font-weight: 600;
    color: white;
    margin-bottom: 40px;
}

.body-cp-txt h3{
  float: left;
  width: 100%;
  font-size: 20px;
    font-weight: 600;
    color: #94b1e4;
    margin-bottom: 20px;
    position: relative;
    padding-left: 42px;
}
.body-cp-txt h3::before {
    content: " ";
    background-image: url(../images/check-mark.webp);
    background-size: cover;
    width: 32px;
    height: 32px;
    left: 0;
    top: -3px;
    position: absolute;
}


.body-cp-p{
  margin-top: 30px;
}
.body-cp-txt p{
  float: left;
  width: 100%;
  font-size: 17px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 30px;
    color: white;
}







.crypto{
  float: left;
  width: 100%;
}


.cr-image{
  float: left;
  width: 55%;
}

.cr-image img{
  float: left;
  width: 100%;
  height: 700px;
  object-fit: cover;
}

.cr-content{
  float: left;
  width: 45%;
  padding: 50px 100px 39px 30px;
}

.cr-content h4{
  float: left;
  width: 100%;
  font-size: 40px;
  font-weight: 400;
  line-height: 60px;
}

.cr-content h4 span{
  
  font-weight: 700;
}

.cr-content p{
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}



.mt4-package{
  float: left;
  width: 100%;
  padding: 50px 0px;

}

.mt4-package h3{
  float: left;
    width: 100%;
    font-size: 40px;
    font-weight: 600;
    color: #000000;
    text-align: center;
    margin-bottom: 30px;
}

.mt4-package h5{
  float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    text-align: center;
    margin-bottom: 30px;
    padding: 0px 200px;
    line-height: 30px;
}

.mt4-package h1{
  float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    margin-bottom: 30px;
    padding: 0px 50px;
    line-height: 30px;
}

.mt4-package-contents{
  float: left;
    width: 100%;
    height: 120px;
    background-color: #fafafa;
    border-radius: 10px;
    padding: 30px 20px;
    margin-bottom: 20px;
}

.mt4-package-contents img{
  float: left;
  width: 10%;
  margin-right: 10px;
}
.mt4-package-contents h4{
  float: left;
    text-align: left;
    width: 80%;
    line-height: 25px;
    color: #000000;
    font-weight: 400;
    font-size: 14px;
}




/*career-form-page*/


.career-form{
  float: left;
  width: 100%;
  background-size: cover;
  padding: 50px 50px;
}

.career-content{
  float: left;
  width: 100%;
}

.career-content h1{
  float: left;
  width: 100%;
  font-size: 45px;
  font-weight: 700;
  text-align: center;
  color: #000000;
  line-height: 60px;
  
}

.career-content p{
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  line-height: 30px;
  text-align:center;
  margin-top: 10px;
  padding: 0px 60px;
  margin-bottom: 30px;
}






.h-career-form{
  float: left;
  width: 100%;

}

.h-carr{
  padding: 0px 30px;
}

.ff-padd-career{
  padding: 0px 30px!important;
}

.sec-2-career{
  width: 100%;
  float: left;
}

.sec-2-career .msg-box1{
  width: 100%;
  /*height: 344px;*/
  float: left;
  /* background: #ffffff00; */
}

.form-career-head{
  float: left;
  width: 100%;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 10px; 
}
.sec-2-career .msg-box1 .bodys-c{
  width: 100%;
  float: left;

  /*height: 248px;*/
  border-radius: 0px 0px 10px 10px;
}
.form-area-career {
    width: 60%;
    /* float: left; */
    margin-left: auto;
    margin-right: auto;
    /* padding: 10px 20px; */
}

.form_div-career{
    border-bottom: 1px solid #b0aaaa;
    color: #272626;
    display: block;
    font-size: 13px;
    /*height: 40px;*/
    margin-bottom: 30px !important;
    padding: 8px 10px 8px 10px;
    outline: none;
    background: #ffffff;
    width: 100%;
    border: none;
    transition: all 500ms ease;
    border-bottom: solid 1px #e3e3e3;
    border-radius: 5px;
    float: left;
}


.normal_form-career {
    /*color: #272626;*/
    display: block;
    font-size: 14px;
    /* height: 52px; */
    color: #18191b96;
    /* margin-bottom: 30px !important; */
    outline: none;
    background: #ffffff;
    padding-left: 0px;
    border: none;
    transition: all 500ms ease;
    padding: 15px;
    float: left;
     width: 100%; 
    left: 47px;
    padding: 0px;
    /* padding-left: 17px; */
    padding-top: 2px;
}
.form-bot-career{
  width: 100%;
  float: left;
}
.form-boto-career{
    /* width: 43%; */
    padding: 12px 50px;
    /* float: left; */
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    font-weight: 400;
    display: block;
    background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
    color: #fff;
    border: none;
    /* height: 40px; */
    border-radius: 5px;
    margin-top: 2px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.form-boto-career:hover{
  background:#ffffff;
  color:#14469E;
  cursor:pointer;
}
.form-boto-career:focus, active{
 outline: none;
}

.select-pan{
  float: left;
  width: 100%;
    border: 1px solid transparent;
    color: #18191b96;
font-size: 14px;
    font-weight: 400;

}

.select-pan option{
  float: left;
  width: 100%;
    border: 1px solid transparent;
    color: #18191b96;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 575px){
  .form-area-career {
    width: 100%;
  }

  .career-form {
    padding: 50px 0px;
}

.h-carr {
    padding: 0px 0px;
}

.career-content p {
    padding: 0px 0px;
}

.career-content h1 {
    font-size: 32px;
    line-height: 45px;
}

}


@media (max-width: 767px){
  .form-area-career {
    width: 100%;
  }

  .career-form {
    padding: 50px 0px;
}

.h-carr {
    padding: 0px 0px;
}

.career-content p {
    padding: 0px 0px;
}

.career-content h1 {
    font-size: 32px;
    line-height: 45px;
}

}

@media (max-width: 991px){
  .form-area-career {
    width: 100%;
  }

  .career-form {
    padding: 50px 0px;
}

.h-carr {
    padding: 0px 0px;
}

.career-content p {
    padding: 0px 0px;
}

.career-content h1 {
    font-size: 32px;
    line-height: 45px;
}

}
@media (min-width: 992px) and (min-width: 1200px){
.form-area-career {
    width: 80%;
  }
}



.footer2-headings p:hover{
    color: #163264;
    transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}




.body-cp-img-mob{
  float: left;
  width: 100%;
  display: none;
}
.body-cp-img-mob img{
  float: left;
  width: 100%;
}







@media (max-width:575px){


.b2-txt h2{
  font-size: 30px;
}
  .b2-img img{
    height: auto!important;
  }
  .b2-txt{
    padding-left: 0px;
    padding-top: 15px;
    text-align: center;
  }
  .body2-slidr{
    padding-left: 0px;
  }
  .mision-slide{
    text-align: center;
  }
  .mision-slide img{
    float: none;
    margin: auto;
    margin-bottom: 20px;
  }
  .b2-ban .owl-nav{
    text-align: center;
  }
  .b3-hed h2{
    font-size: 30px;
    margin-bottom: 35px;
  }
  .b3-bx1 img{
    height: 300px;
  }
.b4-hed h2{
  font-size: 30px;
  margin-bottom: 20px;
}
.body4{
  padding-top: 55px;
}
.b4-hed p{
  padding: 0px;
}
.body-cp-img{
  display: none;
}
.body-cp-img-mob{
  display: block;
}
.body-cp-txt{
  padding-top: 0px;
}
.body-cp-txt h2{
  font-size: 35px;
  margin-bottom: 26px;
}
.body-cp-p {
    margin-top: 20px;
}
.s-hub p{
  margin-bottom: 25px;
}
.s-hub-bx{
  margin-top: 30px;
}
.s-hub{
  padding-bottom: 30px;
}
.b8-hed h2{
  font-size: 32px;
}
.body-8 {
    padding-top: 50px;
    padding-bottom: 60px;
}
.b8-logo{
  padding-top: 75px;
}
.fxtm-hed h2{
  font-size: 32px;
}
.fxtm-ful{
   padding-top: 50px;
    padding-bottom: 60px;
}
.fxtm-logo{
  padding-top: 60px;
}
.in-b2-txt{
  padding-left: 0px;
  padding-top: 20px;
  text-align: center;
}
.in-b2-txt h2{
  font-size: 30px;
}
.ab-mision-img{
  width: 100%;
}
.ab-mision-txt{
  width: 100%;
  padding: 20px 0px;
  text-align: center;
}
.about-vision-bx{
  margin-top: 15px;
  padding-left: 0px;
  text-align: center;
}
.c-p-m-hed h2{
  font-size: 32px;
  line-height: 47px;
}
.c-p-m-bx{
  margin-bottom: 20px;
}
.c-p-m-img img{
  max-width: 300px;
}
.in-sec-1-inn {
    width: 100% !important;
}
.ac-mng-b2-bx{
  margin-bottom: 20px;
}
.req-form{
  width: 100%;
  max-width: 328px;
}
.msg-box-inn{
  width: 100%;
  max-width: 328px;
}
}




@media (min-width: 576px) and (max-width: 767px){
  .b2-img img{
    height: auto;
  }
  .b2-txt{
    padding-left: 0px;
    padding-top: 20px;
  }
  .body2-slidr{
    padding-left: 0px;
  }
  .b3-bx1 img{
    height: 300px;
  }
  .b3-bx2 img {
    height: 475px!important;
}
.body-cp-img{
  display: none;
}
.body-cp-img-mob{
  display: block;
}
.body-cp-txt{
  padding-top: 0px;
}
.s-hub p{
  margin-bottom: 25px;
}
.s-hub-bx{
  margin-top: 30px;
}
.in-b2-txt{
  padding-left: 0px;
  padding-top: 20px;

}
.about-vision-bx{
  margin-top: 15px;
  padding-left: 0px;
}
.banner-it-inn .sec-1-inn{
  width: 100%;
}
.banner-it-inn .sec-2-inn{
  width: 100%;
}
.sec-2-inn{
  position: relative;
  right: 0;
}
.sec-2-inn .msg-box-inn{
  float: left;
  margin-top: 0px;
}
.c-p-m-bx{
  margin-bottom: 25px;
}
.b8-logo{
  padding-top: 99px;
}
.fxtm-logo{
  padding-top:  70px;
}
.in-sec-1-inn {
    width: 100% !important;
}
.ac-mng-b2-bx{
  margin-bottom: 20px;
}
.slide .item .cover .header-content{
    margin-left: 0px;
}
.slide .item .cover{
    padding: 10px 35px;
}
.slide .cover .header-content .cont-area-box h2 br{
    display: none;
}
}

@media (min-width: 768px) and (max-width: 991px){
.b2-txt{
  padding-left: 0px;
  padding-top: 20px;
}
.body2-slidr{
  padding-left: 0px;
}
.body-cp-img{
  display: none;
}
.body-cp-img-mob{
  display: block;
}
.s-hub p{
  margin-bottom: 25px;
}
.s-hub-bx{
  margin-top: 30px;
}
.b8-hed h2{
  font-size: 45px;
}
.b8-logo{
  padding-top: 185px;
}
.fxtm-hed h2{
  font-size: 45px;
}
.fxtm-logo{
  padding-top: 130px;
}
.in-b2-txt{
  padding-left: 0px;
  padding-top: 20px;

}
.about-vision-bx{
  margin-top: 15px;
  padding-left: 0px;
}
.ab-mision-txt{
  padding-top: 75px;
}
.in-sec-1-inn {
    width: 100% !important;
}
.slide .cover .header-content .cont-area-box h2 br{
    display: none;
}
.slide .item .cover .header-content{
    margin-left: 0px;
}
}






@media (min-width: 992px) and (max-width: 1199px){
.about-vision-bx{
  margin-top: -60px;
}
}


.grecaptcha-badge { 
    visibility: hidden;
}


.hidden-input-field {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}