@font-face {
    font-family: Poppins-Bold;
    src: url(../fonts/Poppins-Bold.ttf);
}

@font-face {
    font-family: Poppins-Light;
    src: url(../fonts/Poppins-Light.ttf);
}

@font-face {
    font-family: Poppins-Medium;
    src: url(../fonts/Poppins-Medium.ttf);
}

@font-face {
    font-family: Poppins-Regular;
    src: url(../fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: Roboto-Bold;
    src: url(../fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family: Roboto-Regular;
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: Roboto-Medium;
    src: url(../fonts/Roboto-Medium.ttf);
}

@font-face {
    font-family: Lato-Regular;
    src: url(../fonts/Lato-Regular.ttf);
}

@font-face {
    font-family: Lato-Bold;
    src: url(../fonts/Lato-Bold.ttf);
}

@font-face {
    font-family: BreeSerif-Regular;
    src: url(../fonts/BreeSerif-Regular.otf);
}

@font-face {
    font-family: Raleway-Regular;
    src: url(../fonts/Raleway-Regular.otf);
}

@font-face {
    font-family: Raleway-Medium;
    src: url(../fonts/Raleway-Medium.otf);
}

@font-face {
    font-family: Raleway-Bold;
    src: url(../fonts/Raleway-Bold.otf);
}

@font-face {
    font-family: Sony_Sketch;
    src: url(../fonts/Sony_Sketch.ttf);
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.woff2') format('woff2'), url('Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #555 !important;
    opacity: 1;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #555;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #555;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #555;
}

:focus {
    outline: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-family: Raleway-Medium;
    color: #323335;
}

h1 {
    font-size: 36px;
    text-transform: uppercase;
}

h2 {
    font-size: 28px;
}

ul,
li {
    list-style: none;
    line-height: 25px;
}

p {
    line-height: 25px;
    font-size: 14px;
    color: #333;
}

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

:hover {
    transition: all 0.5s ease-in-out;
}

body {
    font-family: Poppins-Regular;
    font-size: 14px;
    overflow-x: hidden;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.full_wid {
    width: 100%;
    display: inline-block;
}

.wid_33 {
    width: 33.33%;
}

.wid_50 {
    width: 50%;
}

.wid_20 {
    width: 20%;
}

.wid_25 {
    width: 25%;
}

.wid_10 {
    width: 10%;
}

.clearfix::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clear {
    clear: both;
}

/**************************************************/
.header {
    position: absolute;
    z-index: 2;
    top: 46px;
}

.inner_header {
    background: url(../images/ban_in.jpg);
    height: 300px;
    /*-webkit-animation: hero-bg 90s linear infinite;
  animation: inner_header 90s linear infinite;*/
    padding: 15px 0;
    position: relative;
    z-index: 0;
}

@keyframes inner_header {
    % {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.inner_tit {
    position: absolute;
    top: 230px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 50px;
    color: #fff;
}

.logo {}

.logo img {
    /*float: left;*/
    display: block;
    width: 130px;
    height: 130px;
}

.logo .rebirth {
    font-size: 18px;
    font-weight: 400;
    color: #FFA500;
    letter-spacing: 01px;
    display: inline-block;
    position: relative;
    left: 0;
}

.logo a,
.cname {
    display: inline-block;
    color: #00BFFF;
    font-family: Raleway-Bold;
    font-size: 32px;
}

.cname {
    position: relative;
    left: -55px;
}
.cname sup {
    font-family: Raleway-normal;
    font-size: 15px;
}

.icon {
    margin: 0 10px;
}

.icon i {
    width: 50px;
    height: 50px;
    background: #2A4B9B;
    line-height: 50px;
    text-align: center;
    font-size: 25px;
    color: #fff;
}

.header_right li {
    float: left;
    margin: 15px 25px;
}

.res_menu {
    padding: 5px;
    display: none;
}

.res_menu a {
    color: #fff;
    font-size: 18px;
}

.res_menu a i {
    background: #00b7fa;
    padding: 10px;
    color: #fff;
}

.menu {
    margin: 15px 0 0 0;
    margin-rigth: 130px;
}

.menu li {
    float: left;
    position: relative;
    z-index: 0;
    padding: 0 35px 0 0;
}

.menu li:last-child {
    padding-right: 0;
    border-bottom: unset;
}

.menu li a {
    padding: 8px 0px;
    display: inline-block;
    font-family: Roboto-Medium;
    position: relative;
    z-index: 0;
    letter-spacing: 1px;
    font-size: 16px;
}

.menu li a::before {
    content: "";
    position: absolute;
    left: 100%;
    right: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 0;
    height: 3px;
    background: #00BFFF;
    transition: all 0.5s ease-in-out;
    opacity: 0.75;
}

.social {
    float: right !important;
}

.social_icon li {
    padding: 0;
}

.social_icon li a {
    padding: 5px;
}

.social_icon a i {
    width: 30px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #65d835;
    background: #65d835;
    transition: all 0.5s ease-in-out;
}

.social_icon li a:hover::before {
    display: none;
}

.social_icon li a::after {
    display: none;
}

.social_icon li a:hover i {
    background: #00BFFF;
}

.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3;
    white-space: nowrap;
    display: none;
    padding: 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    display: block;
    visibility: hidden;
    background-color: #fff;
    transition: all 300ms;
    border-radius: 4px;
    transform: scaleY(0);
    background-image: url(../images/menu_waves.png) no-repeat;
}

.submenu li {
    float: none;
}

.submenu li a::after {
    display: none;
}

.submenu li a {
    display: block;
    padding: 10px 15px;
    margin: 0;
    color: #000;
    font-size: 13px;
    font-family: Roboto-Regular;
    border-bottom: 1px solid #eaeaea
}

.submenu li a:hover {
    color: #000 !important;
    background: #fff;
}

.menu li:hover .submenu {
    display: block;
    visibility: visible;
    transform: scaleY(1)
}

.menu li a:hover {
    opacity: 1;
}

.menu li a.active {
    opacity: 1;
}

.submenu li a.active {
    color: #000;
}

.submenu li a.active::before {
    display: none;
}

.submenu li a:hover::before {
    right: 0 !important;
}

.menu {
    position: relative;
    width: 80%;
    left: 120px;
    top: 0;
}

.inMenu {
    background-color: #fff;
    padding: 10px;
    position: absolute;
    top: 40px;
    right: 0;
    text-align: center;
    width: 120px;
    display: none;
}

.inMenu li {
    float: none;
    padding: 0;
}

.menu li a:hover::before {
    right: 0;
    left: 0;
    opacity: 1;
}

.menu li a.active::before {
    right: 0;
    left: 0;
    opacity: 1;
    background: #00BFFF;
}

.fixed {
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
    position: fixed;
    background-color: #fff;
    height: 80px;
    z-index: 5;
    top: 46px;
}

.phonname {
    display: none;
}

.fixed .phonname {
    display: block;
}

/* .fixed .menu {
    margin-top: 15px;
} */

.fixed .logo a img {
    display: none;
}

.scroll .banner {
    top: 800px;
}

.ind_welcome {
    padding: 75px 0 50px 0;
    background-color: #f3f3f3;
    text-align: center;
}

.title {
    position: relative;
    padding: 15px 0;
    z-index: 0;
    font-size: 32px;
    font-family: Raleway-Bold;
}

/*.title::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    width: 50px;*/
/*    margin: 0 auto;*/
/*    height: 5px;*/
/*    background: #00BFFF;*/
/*}*/

.title_1 {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 0;
}

.title_1::before {
    display: none;
}

.title_2 {
    border-bottom: 0;
}

.tit_con {
    font-size: 17px;
    width: 66%;
    margin: 25px auto;
    color: #6b6b6b;
    text-align: center;
}

.ind_welcome p {
    width: 70%;
    margin: 15px auto 0;
}

.ind_welcome_serv {
    margin: 50px 0;
}

.ind_welcome_serv li {
    width: 23%;
    margin: 1%;
    float: left;
    text-align: center;
    background-color: #fff;
    padding: 20px;
    webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease-in-out;
}

.ind_welcome_serv li h4 {
    font-family: Raleway-Bold;
    font-size: 18px;
    margin: 10px 0;
}

.ind_welcome_serv li p {
    margin: 0 auto;
    text-align: center;
}

.ind_welcome_serv li:hover {
    -webkit-box-shadow: 0px 10px 10px 7px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 10px 7px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 10px 7px rgba(0, 0, 0, 0.05);
}

.ind_we_do li {
    width: 100%;
    display: inline-block;
}

.ind_we_do li img {
    width: 100%;
}

.bg_clr1 {
    background-color: #5eb1e6;
}

.bg_clr2 {
    background-color: #3396d6;
}

.bg_clr3 {
    background-color: #167ac6;
}

.bg_clr4 {
    background-color: #00bfff;
}

.we_pic {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.we_pic::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 0;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.we_con {
    position: absolute;
    bottom: -50%;
    left: 55px;
    right: 0;
    margin: 0 auto;
    color: #fff;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.we_con_1 {
    position: static;
    padding: 15%;
    opacity: 1;
    min-height: 375px;
}

.we_con h3,
.we_con p,
.we_con a {
    color: #fff;
    margin: 0 0 15px 0;
}

.we_con h3 {
    font-size: 27px;
    font-family: Raleway-Bold;
    line-height: 30px;
}

.we_pic:hover .we_con {
    opacity: 1;
    bottom: 25%;
}

.we_pic:hover::before {
    opacity: 1;
}

.we_con a i {
    transition: all 0.5s ease-in-out;
}

.we_con a:hover i {
    margin-left: 15px;
}

.ind_we_do .owl-theme .owl-controls .owl-buttons {
    position: absolute;
    top: 48%;
    left: 0;
    right: 0;
    z-index: 0;
}

.ind_we_do .owl-theme .owl-controls .owl-buttons .owl-prev {
    background: #2a4b9b url("../images/leftar_wh.png") no-repeat scroll 10px 10px / 18px auto;
    float: left;
    height: 40px;
    padding: 0;
    width: 40px;
    border-radius: 30px;
}

.ind_we_do .owl-theme .owl-controls .owl-buttons .owl-next {
    background: #2a4b9b url("../images/leftar_wh.png") no-repeat scroll 10px 10px / 18px auto;
    float: right;
    height: 40px;
    padding: 0;
    width: 40px;
    transform: rotate(180deg);
    border-radius: 30px;
}

.ind_services {
    /*overflow: hidden;*/
}

/*.ind_services:hover .ind_ser_left_in {*/
/*    top: 48%;*/
/*}*/

.ind_ser_left {
    width: 40%;
    background-image: url(../images/seo-manager.jpg);
    height: 100%;
    background-size: cover;
    background-position: right;
    position: relative;
    z-index: 0;
    margin: 0 auto;
    padding: 55px 10px;
}
#faq-test .item img{
    /*width: 515px;*/
    margin: 0 auto;
}
#faq-test .item a{
    width: 100%;
    display: block;
    max-width: 250px;
    margin: 0 auto;
}


.ind_ser_left::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(30, 136, 255, 0.8);
    z-index: -1;
}

.ind_ser_left_in {
    /*position: absolute;*/
    /*top: -50%;*/
    /*left: 0;*/
    /*right: 0;*/
    margin: 0 auto;
    text-align: center;
    transition: all 0.5s ease-in-out;
}

.ind_ser_left_in i {
    font-size: 25px;
    border: 1px solid #fff;
    background-color: #fff;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 30px;
}

.ind_ser_left_in h3 {
    font-size: 26px;
    color: #fff;
    margin: 15px 0;
}

.ind_ser_right {
    width: 59%;
    padding: 60px 0;
    position: relative;
}

#qs {
    position: absolute;
}

.ind_ser_list li {
    width: 98%;
    float: left;
    padding: 0.5%;
    margin: 5px 1%;
}

.le {
    float: left;
    width: 49%;
    margin: 2% 0.5%;
}

.ri {
    float: right;
    width: 49%;
    margin: 2% 0.5%;
}

/*.ind_ser_list li:nth-child(4){
  min-height: 180px;
}*/

.ind_ser_list li h4 {
    font-family: lato-Bold;
    margin: 10px 0;
    font-size: 16px;
    cursor: pointer;
}

.ind_ser_list p {
    display: none;
    background-color: #f8f8f8;
    padding: 2%;
}

.ind_ser_list a {
    margin: 30px 0 0 0;
    display: inline-block;
    background-color: #3396D6;
    border-radius: 30px;
    padding: 10px 35px;
    transition: 0.5s ease-in-out;
    color: #fff;
}

.ind_ser_list a:hover {
    color: #fff;
    box-shadow: inset 200px 0px 0 0px #2e2f31;
}

.ind_company_det {
    position: relative;
    z-index: 0;
}

.ind_compnay_left {
    width: 50%;
    background-color: #182934;
    padding: 5%;
    height: 500px;
}

.ind_compnay_left h6 {
    color: #00bfff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.ind_compnay_left h3 {
    color: #fff;
    padding-top: 0;
}

.ind_compnay_left p {
    color: #bbb;
    margin: 15px 0 0 0;
}

/*.ind_company_in {*/
/*    margin: 30px 0 0 0;*/
/*}*/

.ind_company_in h5 {
    color: #00bfff;
    letter-spacing: 2px;
}

.ind_company_in li {
    width: 23%;
    float: left;
    text-align:center;
}

/*.ind_company_in li:last-child{
    width: 27%;
    margin-right: 20px;
}*/

.ind_company_in li span {
    color: #fff;
    font-size: 30px;
    text-align: center;
    position: relative;
    z-index: 0;
    padding: 20px;
    display: inline-block;
    font-family: Poppins-Bold;
}

.ind_company_in li span::before {
    content: "";
    position: absolute;
    top: 15px;
    left: -5px;
    right: 0;
    bottom: 0;
    background-image: url(../images/counter_bg_left.png);
    width: 29px;
    height: 52px;
}

.ind_company_in li span::after {
    content: "";
    position: absolute;
    top: 15px;
    right: 0px;
    bottom: 0;
    background-image: url(../images/counter_bg_right.png);
    width: 29px;
    height: 52px;
}

.ind_company_right {
    width: 50%;
    position: relative;
    height: 500px;
}

.ind_company_right img {
    width: 100%;
}

.ind_company_right .video {}

.ind_company_right iframe {
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.ind_abt {
    position: relative;
    z-index: 1;
}
.pa-top{
    padding-top:130px;
}

.ind_abt_left {
    width: 100%;
    /*height: 532px;*/
    background-color: #182934;
    position: relative;
    z-index: 0;
    padding: 10px 5%;
}

.ind_abt_left h3 {
    color: #fff;
}

.ind_abt_left p {
    color: #bbb;
    margin: 5px 0 0 0;
}

.ind_abt_in {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    padding-top: 170px;
    /* float: right; */
    background: rgba(0, 191, 255, 0.85);
    text-align: center;
    bottom: 0;
    color: #fff;
}

.ind_abt_in h4 {
    color: #fff;
    font-size: 28px;
    margin: 10px 0;
}

.ind_abt_in h5 {
    color: #fff;
    font-size: 16px;
    margin: 10px 0;
}

.ind_abt_in a {
    color: #fff;
    font-size: 16px;
    margin: 10px 0;
}

.ind_abt_in a i {
    margin: 0 5px;
}

.ind_abt_right {
    width: 50%;
    height: 100%;
    padding: 20px 20px;
    overflow-y: scroll;
}

.ind_abt_left-vid {
    position: absolute;
    display: block;
    width: 50%;
    height:100%;
    overflow: hidden;
}
.ab-r{
    right:0;
}

.ab-l{
    left:0;
}

.bg-dray{
    background-color: #f9f9f9;
}
.wrapper {
    width:100%;
    height:100%;
    overflow: hidden;
    /*background-image: url(http://www.webestools.com/page/media/videoTag/BigBuckBunny.png);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.wrapper video {
    object-fit: cover;
    width:100%;
    height:100%;
}
video::-webkit-media-controls {
  display:none !important;
}
video::-webkit-media-controls-enclosure {
  display:none !important;
}
.wrapper iframe {
    object-fit: cover;
    width:100%;
    height:100%;
}

.video-container {
  height: 100%;
  /*max-width: 100%;*/
  /*overflow: hidden;*/
  /*padding-bottom: 56.25%;*/
  position: relative;
}
/*.video-container .play-bg{*/
/*    height: 60px;*/
/*    left: 46%;*/
/*    position: absolute;*/
/*    text-indent: -999em;*/
/*    top: 44%;*/
/*    background-color: #ffffff69;*/
/*    width: 60px;*/
/*    border-radius: 50%;*/
/*    padding: 18px;*/
/*}*/
.video-container .play-icon{
  /*border-bottom: 18px solid transparent;*/
  /*border-left: 22px solid #00bfff;*/
  /*border-top: 18px solid transparent;*/
  box-sizing: border-box;
  margin: -13px 0 0 -11px;
  left: 50%;
  position: absolute;
  text-indent: -999em;
  top: 50%;
  width: 55px;
  background:url(../images/play-button.png)no-repeat;
  background-position: center;
    background-size: cover;
    height: 55px;
   transition: all 0.3s linear 0s;
}
/*.video-container .play-icon:hover {*/
  /*border-left-color: #ffa500;*/
/*  background:url(../images/play-button-h.png)no-repeat;*/
/*  background-position: center;*/
/*    background-size: cover;*/
/*}*/

.video-container iframe .player .vp-controls .play{
   position: absolute;
    top: -140px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.video-container img {
  display: block;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.ind_abt_right p {
    margin: 10px 0;
}

.ind_abt_right span {
    color: #00BFFF;
}

.ind_abt_right a {
    display: inline-block;
    background-color: #3396D6;
    border-radius: 30px;
    padding: 8px 20px;
    transition: 0.5s ease-in-out;
    color: #fff;
}

.ind_abt_right a:hover {
    color: #fff;
    box-shadow: inset 200px 0px 0 0px #2e2f31;
}

.ind_join {
    background-color: #3396d6;
    color: #fff;
    padding: 8px 0;
}

.ind_join_left {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
}

.ind_join h3,
.ind_join p,
.ind_join a {
    color: #fff;
}

.ind_join h3 {
    padding: 10px 0;
}

.ind_join a {
    display: table;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 15px 35px;
    text-align: center;
    margin: 10px auto;
}

.ind_join a:hover {
    background-color: #fff;
    color: #000;
}

.ind_video {
    margin: 75px 0 0 0;
    position: relative;
    height: 500px;
    overflow: hidden;
}

.ind_video::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(124, 219, 74);
    z-index: -1;
}

.ind_video .ind_welcome_serv {
    z-index: 2;
    margin: 75px 0;
}

.ind_video .ind_welcome_serv li {
    padding: 0;
    background: inherit;
}

.ind_video h3 {
    text-align: center;
    margin: 50px 0 0 0;
}

.stm_row-opacity {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.ind_vid_view {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
}

.ind_vid_view h3 {
    color: #fff;
    margin: 0 0 25px 0;
}

.ind_vid_view input {
    width: 30%;
    display: inline-block;
    height: 45px;
    padding: 5px 15px;
    background: #fff;
    border-radius: 30px;
    border: 1px solid #fff;
    margin: 0 0 15px 0;
}

.sbt_btn {
    padding: 15px 25px;
    display: block;
    background: #1E88FF;
    color: #fff;
    border: 1px solid #1E88FF;
    margin: 25px auto 0;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.5s ease-in-out;
}

.sbt_btn:hover {
    box-shadow: inset 200px 0px 0 0px #2e2f31;
}

.footer {
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 0;
    background-color: #041852;
}

.footer_set {
    background-color: #182934;
    /*background:url(../images/bg_foot1.jpg);*/
    padding: 125px 0;
}

.foot_des {
    /* background-color: #272727; */
    /*padding: 100px 0px 35px 0px;*/
    position: relative;
}

.footer ul {
    width: 23%;
    float: left;
    margin: 0 20px 0 0;
}

.footer ul h2 {
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid #929292;
    padding-bottom: 20px;
    margin-bottom: 25px;
    position: relative;
}

.footer ul h2::before {
    background: #0098f6 none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 70px;
}

.footer ul li {
    color: #ccc;
    line-height: 30px;
}

.footer ul li i {
    margin-right: 10px;
    color: #fff;
}

.footer ul li a span {
    width: 30px;
    height: 30px;
    background: #000;
    text-align: center;
    display: inline-block;
    margin: 3px 8px 3px 0;
}

.footer ul li a span i {
    line-height: 30px;
    text-align: center;
    margin-right: 0;
    box-shadow: 0 0 15px #3b5998;
    text-shadow: 0 0 15px #3b5998;
}

.footer ul li a {
    color: #ccc;
    font-size: 14px;
}

.footer ul li a:hover {
    color: #fff;
}

.footer ul li a.active {
    color: #fff;
}

.foot_det {
    margin: 50px 0 0 0;
}

.foot_det li {
    width: 33.33%;
    float: left;
}

.foot_det_left i {
    width: 75px;
    height: 75px;
    line-height: 75px;
    background: #5a52a7;
    text-align: center;
    border-radius: 50px;
    font-size: 24px;
    color: #fff;
}

.foot_con {
    text-align: left;
    width: 75%;
}

.foot_con h3 {
    font-size: 24px;
    text-transform: uppercase;
    color: #e85889;
}

.foot_con p {
    font-family: BreeSerif-Regular;
}

.foot_down {
    padding: 50px 0;
    margin: 75px 0 0 0;
    background: #464849;
    color: #fff;
    text-align: center;
}

.foot_down h2 {
    text-transform: uppercase;
}

.foot_down li {
    display: inline-block;
}

.foot_input {
    width: 20%;
    display: inline-block;
    margin: 0 15px 0 0;
}

.foot_down li input {
    width: 100%;
    display: inline-block;
    height: 45px;
    padding: 5px 15px;
    background: #fff;
    border-radius: 30px;
    border: 1px solid #fff;
    margin: 0 0 15px 0;
}

.foot_btn {
    width: 10%;
    display: inline-block;
}

.foot_btn input {
    width: 100%;
    display: inline-block;
    height: 45px;
    padding: 5px 15px;
    background: #e85889 !important;
    border-radius: 30px;
    border: 1px solid #e85889 !important;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: Poppins-Medium;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

.foot_btn input:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

.foot_down h2 {
    margin: 0 0 25px 0;
}

.footer_cprt {
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    padding: 15px 0 0 0;
    color: #fff;
    text-align: center;
}

.footer_cprt p {
    font-size: 12px;
}

.footer_cprt a {
    color: #0697c7 !important;
}

.foot_det:hover .foot_det_left {
    animation: pulse 0.5s linear infinite;
}

.foot_logo {
    width: 100%;
    margin: 0 0 20px 0;
}

/*image popup*/

.popup1 {
    width: 900px;
    margin: auto;
    text-align: center
}

.popup1 img {
    width: 200px;
    height: 200px;
    cursor: pointer
}

.show {
    z-index: 999;
    display: none;
}

.show .overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .66);
    position: absolute;
    top: 0;
    left: 0;
}

.show .img-show {
    width: 600px;
    height: 400px;
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden
}

.img-show span {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
    cursor: pointer;
}

.img-show img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*End popup*/

li.error,
p.error {
    color: #f00 !important;
}

input.error {
    background-color: #E07A8A !important;
    color: #fff !important;
}

select.error {
    background-color: #E07A8A !important;
}

textarea.error {
    background-color: #E07A8A !important;
    color: #fff;
}

input.error::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff !important;
    opacity: 1;
}

textarea.error::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff !important;
    opacity: 1;
}

.ind_trade {
    background-image: url(../images/banner/registerform.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 50px 0px 50px 0px;
    position: relative;
    z-index: 0;
    text-align: center;
}

.ind_trade_in {
    padding: 50px 0;
    border: 1px solid #a6a6a6;
}

.text {
    position: absolute;
    width: 100%;
    left: -9%;
    height: 40px;
    top: 32%;
}

.text p {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    color: #fff;
    font-size: 56px;
    font-family: Raleway-Bold;
    margin: 0 15px 0 0;
}

.ind_trade_con h4 {
    color: #fff;
    font-size: 30px;
    width: 100%;
    /* max-width: 500px; */
    margin: 0 auto;
}

.ind_trade_con a {
    display: inline-block;
    padding: 10px 45px;
    background-color: #00BFFF;
    margin: 20px 0;
    color: #fff;
    border-radius: 30px;
    transition: all 0.5s ease-in-out;
}

.ind_trade_con a:hover {
    box-shadow: inset 200px 0px 0 0px #2e2f31;
}

.word {
    position: absolute;
    opacity: 0;
}

.letter {
    display: inline-block;
    position: relative;
    float: left;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
}

.letter.out {
    transform: rotateX(90deg);
    transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
    transform: rotateX(-90deg);
}

.letter.in {
    transform: rotateX(0deg);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/*
.wisteria {
color: #8e44ad;
}

.belize {
color: #2980b9;
}

.pomegranate {
color: #c0392b;
}

.green {
color: #16a085;
}

.midnight {
color: #2c3e50;
}*/

.ind_con {
    margin: 15px 0;
}

.ind_con h4 {
    display: inline-block;
    font-size: 46px;
    color: #00bfff;
    margin: 8px 0;
    letter-spacing: 6px;
}

.ind_con a {
    color: #477de7;
}

.ind_con img {
    vertical-align: middle;
    float: left;
}

.social_icons {
    float: right;
    margin: 20px 0;
}

.social_icons li {
    float: left;
}

.social_icons li i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    margin: 0 10px;
    border-radius: 30px;
    font-size: 32px;
    overflow: hidden;
}

.foot_form li {
    margin: 10px 0;
}

.foot_form li input {
    width: 100%;
    display: inline-block;
    height: 45px;
    padding: 5px 10px;
    border: 0;
    border-bottom: 1px solid #585858;
    background-color: transparent;
    color: #fff;
}

.banner_inner {
    position: relative;
    z-index: 0;
}

.abt_con {
    background-image: url(../images/abt_con_bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 40px 80px;
    box-shadow: 0 -15px 15px 0 rgba(0, 0, 0, 0.07);
    height: 100%;
    min-height: calc(100vh - 127px);
}
.fullscreen{
    height: 100%;
    min-height: 100%;
}
.prof-dis{
    display:flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #ececec;
    padding-bottom:5px;
}
.prof-dis h3{
    font-size:18px;
    color:#333;
    padding-top:8px;
    font-weight: 600;
    letter-spacing: 1px;
    padding:2px 0;
}
.prof-dis h5{
    font-size: 15px;
    /*color:#00bfff;*/
    padding-top:8px;
    padding:2px 0;
}
.bg-blue .prof-dis{
     border-bottom:1px solid #4ed2ff;
}
.bg-blue .prof-dis h3,.bg-blue .prof-dis h5{
    color:#fff;
}
/*.pro-fscreen{*/
/*    height:100vh;*/
/*    display:block;*/
/*}*/



.bg-white{
    background-color: #fff;
}
.bg-blue{
    background-color: #00bfff;
    color:#fff;
}
.bg-blue p{
    color:#fff;
}
.set-two{
    position: relative;
    display: block;
    clear: both;
    height: 100%;
    overflow: hidden;
    height: calc(50vh - 63px);
}
.set-one{
   position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    height: calc(50vh - 63px);
}
.about-left-co{
    width: 50%;
    padding:15px 20px ;
    display: block;
    overflow-y: scroll;
    height: 100%;
}
.about-right-img{
    width: 50%;
    height: 100%;
    display: block;
    overflow: hidden;
    /*height:260px;*/
}
.about-right-img img{
    object-position: top;
    object-fit: cover;
}

.ab-right{
    position: absolute;
    display: block;
    right: 0;
    overflow: hidden;
}
.ab-right img{
    object-position: top;
}
.ab-left{
    position: absolute;
    display: block;
    left: 0;
    overflow: hidden;
}
.abt_con p {
    text-align: left;
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
}

.abt_con p:first-child {
    padding-top: 0;
}

.abt_nu_roll{
  position: relative;
  z-index: 0;
  background-color: #fff;
}
/*.abt_nu_roll::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.9);
  z-index: -1;
}*/

.abt_nu_roll_in {
    color: #fff;
}

.abt_nu_roll_in li {
    width: 25%;
    float: left;
    padding: 20px 75px;
}

.abt_icon {
    width: 20%;
    position: relative;
    z-index: 0;
}

.abt_icon::before {
    content: " ";
    top: -13px;
    height: 75px;
    position: absolute;
    border-left: 1px solid #ccc;
    -webkit-transform: skewX(-31deg);
    -moz-transform: skewX(-31deg);
    -ms-transform: skewX(-31deg);
    -o-transform: skewX(-31deg);
    transform: skewX(-31deg);
    right: -30px;
}

.abt_icon i {
    font-size: 48px;
    color: #182934;
}

.abt_icon_con {
    width: 55%;
}

.abt_icon_con span {
    font-size: 40px;
    display: inline-block;
    margin: 5px 0;
    font-family: Poppins-Bold;
    color: #00BFFF;
}

.abt_icon_con p {}

.about_details {
    background-color: #f9f9f9;
    padding: 40px 0;
}

.abt_details {
    background-color: #f9f9f9;
    padding-top: 50px;
    padding-bottom: 70px;
    border-top: 1px solid #f0f0f0;
}

.about_details_left {
    width: 28%;
}

.about_details_left img {
    width: 100%;
}

.about_details_right {
    width: 68%;
}

.abt_details .title {
    text-align: center;
}

.abt_details .title span {
    color: #00BFFF;
}

.abt_detail_in {}

.abt_detail_in li {
    width: 50%;
    padding: 5px 0;
    float: left;
}

.abt_det_icon i {
    color: #00BFFF;
    text-align: center;
    font-size: 40px;
    display: inline-block;
    margin: 15px 0;
    width: 75px;
    height: 75px;
    background-color: #fff;
    line-height: 75px;
    border-radius: 100px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}

.abt_detail_in_con {
    width: 75%;
    margin: 15px 0 0 0;
}

.abt_detail_in li h4 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.abt_detail_in li p {
    line-height: 18px;
    padding: 0 10px 0 0;
}

.abt_detail_in li a {
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    background-color: #00bfff;
    /* float: right; */
    border-radius: 30px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.5s ease-in-out;
}

.abt_detail_in li a:hover {
    box-shadow: inset 220px 0px 0 0px #2e2f31;
}
.abou-ind_join{
   background-color: #182934; 
}
.abou-join_left{
    padding:20px 0;
}
.abt_testi{
    position:relative;
    display: block;
    background-color: #fff;
}
.abt_testi .title{
    text-align:right;
    padding-right: 28%;
}
#owl-demo3.owl-theme .owl-controls {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 155px;
}
.stude-tet{
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    
}
.stude-tet img{
    width:100%;
    height:100%;
    object-fit: cover;
    display:block;
}
.abt_testi_left {
    /*position: absolute;*/
    height: 100%;
    /*left: 0;*/
    width: 30%;
    padding: 50px 50px;
    background-color: #1893ff;
    text-align:center;
    /*z-index: 0;*/
    /*background-image: url(../images/abt_testi_bg.jpg);*/
    /*background-size: cover;*/
    /*background-position: center;*/
}

/*.abt_testi_left::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background-color: rgba(30, 136, 255, 0.8);*/
/*    z-index: -1;*/
/*}*/

.abt_testi_left .item {
    text-align: center;
    color: #fff;
}

.abt_testi_left .item h2{
    font-size:20px;
    color: #fff;
    margin: 15px auto 0;
}

.abt_testi_left .item h4{
    font-size:18px;
    color: #fff;
    margin: 15px auto 0;
}

.abt_testi_left .item p {
    color: #fff;
    width: 90%;
    margin: 15px auto 0;
}

/*.abt_testi_left .item img{
  width: 75px;
  height: 75px;
  border-radius: 50%;
}*/
.abt-timeline{
    margin:25px 0 25px 0;
    text-align:center;
}
.abt-timeline .title_1{
    position: sticky;
    display: block;
    top: 125px;
    z-index: 1;
    background-color: #fff;
    border-bottom: none;
}

.timeline{
  position:relative;
  margin:30px auto;
  width:1195px;
  box-sizing:border-box;
}
.timeline:before{
  content:'';
  position:absolute;
  left:50%;
  width:2px;
  height:100%;
  background:#c5c5c5;
}
.timeline ul{
  padding:0;
  margin:0;
}
.timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  padding:15px 40px;
  box-sizing:border-box;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:left;
  clear:both;
}
.timeline ul li:nth-child(even){
  float:right;
  text-align:right;
  clear:both;
}
.content{
  padding-bottom:10px;
  height: 100%;
  min-height: 200px;
}
.timeline ul li:nth-child(odd):before
{
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    top: 80px;
    right: -14px;
    background: #00BFFF;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(176, 176, 176, 0.38);
}
.timeline ul li:nth-child(even):before
{
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    top: 80px;
    left: -12px;
    background: #00BFFF;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(176, 176, 176, 0.38);                                                                             
}
.timeline ul li h3{
  padding:0;
  margin:0;
  color:#00BFFF;
  font-weight:600;
}
.timeline ul li p{
  margin:10px 0 0;
  padding:0;
  text-align: justify;
}
.timeline ul li .time h4{
  margin:0;
  padding:0;
  font-size:14px;
}
.timeline ul li .timetext
{
  margin:0;
  padding:8px 16px;
  background:#00BFFF;
  color:#fff;
  display: inline-block;
  border-radius:18px;
  margin-bottom: 10px;
  box-shadow:0 0 0 3px rgba(0, 191, 255, 0.38);
}
.timeline ul li .time
{
  width:85%;
  height:250px;
}
.timeline ul li .time img
{
  width:100%;
  height:100%;
  object-fit: cover;
  diplay:block;
}
.timeline ul li:nth-child(odd) .time
{
  position:absolute;
  top:12px;
  right:-560px;
  margin:0;
  /*padding:8px 16px;*/
  /*background:#00BFFF;*/
  /*color:#fff;*/
  /*border-radius:18px;*/
  box-shadow:0 0 0 3px rgba(0, 191, 255, 0.38);
}
.timeline ul li:nth-child(even) .time
{
  position:absolute;
  top:12px;
  left:-560px;
  margin:0;
  /*padding:8px 16px;*/
  /*background:rgba(233,33,99,1);*/
  /*color:#fff;*/
  /*border-radius:18px;*/
  box-shadow:0 0 0 3px rgba(0, 191, 255, 0.38);
}
@media(max-width:1000px)
{
  .timeline{
    width:100%;
  }
}
@media(max-width:767px){
  .timeline{
    width:100%;
    padding-bottom:0;
  }

  .timeline:before{
    left:20px;
    height:100%;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even)
  {
    width:100%;
    text-align:left;
    padding-left:50px;
    padding-bottom:50px;
  }
  .timeline ul li:nth-child(odd):before,
  .timeline ul li:nth-child(even):before
  {
    top:40px;
    left:10px;
  }
  .timeline ul li:nth-child(odd) .time,
  .timeline ul li:nth-child(even) .time{
    top:-30px;
    left:50px;
    right:inherit;
    position: unset;
  }
}

.abt_testi_right {
    width: 70%;
    height: 100%;
    padding: 50px 50px;
    color: #fff;
    text-align: center;
    background-color: #fff;
}

.abt_testi_right h3,
.abt_testi_right p {
    color: #333;
}

.abt_testi_left h2,
.abt_testi_left h4 {
    color: #fff;
    text-align:center;
}
.abt_testi_left h4{
   font-size:20px;
   padding-top:10px;
}
.abt_testi_left h2{
    font-size: 19px;
    padding-top: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.abt_testi_right h3 {
    font-size: 22px;
    margin: 0 0 15px 0;
}

.abt_testi_right p {
    width: 85%;
    margin: 0 auto;
}

.abt_testi_right a {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    margin: 20px 0;
    transition: all 0.5s ease-in-out;
}

.abt_testi_right a:hover {
    background-color: rgb(30, 136, 255);
}

.learning_video {
    padding: 25px 0;
    position: relative;
}

.learning_video .title {
    text-align: center;
    margin: 0 0 15px 0;
}

.video_page li {
    width: 23%;
    padding: 0.5%;
    margin: 1%;
    border: 1px solid #eaeaea;
    float: left;
}

.video_page li h3 {
    margin: 10px 0;
}

.video_page li p {}

.contact {
    background-color: #f2f2f2;
}

.contact_det {
    padding: 45px 0;
}

.contact_det li {
    padding: 25px 10px;
    text-align: center;
    width: 16.5%;
    float: left;
    border-right: 1px solid #d8d8d8;
}

.contact_det li:last-child {
    border: none;
}

.contact_det li .fa-whatsapp {
    color: #40C351;
}

.contact_det li .fa-telegram {
    color: #2EABDD;
}

.contact_det li .fa-twitter {
    color: #00ACED;
}

.contact_det li .fa-facebook {
    color: #3C5B9B;
}

.contact_det li i {
    font-size: 34px;
    color: #00BFFF;
}

.contact_det li a {
    width: 100%;
    display: inline-block;
}

.contact_det li h3 {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 10px 0;
}

.contact_det li p {
    margin: 10px auto;
}

.map {}

.location {
    margin: 0 0 75px 0;
    text-align: center;
}

.location_place {
    width: 75%;
    margin: 0 auto;
}

.location_place li {
    width: 48%;
    display: inline-block;
    float: left;
    height: 250px;
    margin: 1%;
    background-size: cover;
    position: relative;
    z-index: 0;
    color: #fff;
    padding: 50px 25px;
}

.location_place li:first-child {
    background-image: url(../images/chennai.jpg);
}

.location_place li:last-child {
    background-image: url(../images/bangalore.jpg);
}

.location_place li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1;
}

.location_place li p,
.location_place li h2 {
    text-align: center;
    color: #fff;
}

.location_place li h2 {
    margin: 15px 0;
}

.contact_enquiry {
    margin: 75px 0;
}

.contact_enquiry .title,
.contact_enquiry .tit_con {
    text-align: center;
}

.contact_form {
    width: 75%;
    margin: 0 auto;
}

.contact_form li {
    float: left;
    padding: 1%;
}

.contact_form li input {
    width: 100%;
    display: inline-block;
    height: 45px;
    padding: 10px 15px;
    margin: 1%;
    border: 1px solid #aaa;
    font-family: Poppins-Regular;
    font-size: 13px;
}

.contact_form li textarea {
    width: 100%;
    display: inline-block;
    height: 120px;
    padding: 10px 15px;
    margin: 1%;
    border: 1px solid #aaa;
    resize: none;
    font-family: Poppins-Regular;
    font-size: 13px;
    margin: 0 0 50px 0;
}
.responsive{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.contact_form .sbt_btn {
    margin: 15px auto 0;
}

#home-slide.owl-theme .owl-controls {
    text-align: center;
    position: absolute;
    bottom: 50px;
    right: 0;
    left: 0;
}
#home-slide{
    position: relative;
    display: block;
}

.banner_small {
    background-image: url(../images/abt_testi_bg.jpg);
    background-position: center;
    background-size: cover;
    height: 250px;
    position: relative;
    z-index: 0;
}

/*.banner_small::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.75);
  z-index: -1;
}*/

.register {
    padding: 75px 0;
    background-image: url(../images/abt_con_bg.jpg);
    background-position: center;
    background-size: cover;
}

.register .title {
    text-align: center;
}

.reg_set {
    margin: 50px 0;
    background-color: #fff;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}

.reg_left {
    width: 30%;
    color: #fff;
    padding: 45px;
    background-image: url(../images/abt.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.reg_left::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(30, 136, 255, 0.8);
    z-index: -1;
}

.reg_left h3,
.reg_left p {
    color: #fff;
}

.reg_left h3 {
    text-align: center;
    font-size: 22px;
    margin: 0 0 25px 0;
}

.register_form {
    width: 70%;
    padding: 0 20px;
}

.register_form li {
    float: left;
    padding: 1%;
}

.register_form li input {
    width: 100%;
    display: inline-block;
    height: 45px;
    padding: 10px 15px;
    margin: 1%;
    border: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    font-family: Poppins-Regular;
    font-size: 13px;
}

.register_form li select {
    width: 100%;
    display: inline-block;
    height: 45px;
    padding: 10px 15px;
    margin: 1% 1% 25px 1%;
    border: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    font-family: Poppins-Regular;
    font-size: 13px;
}

.register_form .sbt_btn {}

.reg_set p {
    text-align: right;
}

.reg_set p a {
    font-weight: bold;
    text-decoration: underline;
}

.course_set {
    padding: 75px 0;
    background-color: #F2F2F2;
}

.course_det {
    margin: 0 0 50px 0;
}

.course_det .owl-item {
    margin: 50px 0;
}

.course_det .item {
    margin: 2%;
    float: left;
    border: 1px solid #e4e4e4;
    position: relative;
    background-color: #fff;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}

.course_det .item:hover img {
    transform: scale(1.1);
}

.course_tit {
    padding: 5px;
}

.course_tit h3 {
    font-weight: bold;
    /*text-transform: uppercase;*/
    color: #fff;
    float: left;
    letter-spacing: 1px;
}

.course_tit h4 {
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    float: right;
    font-family: Poppins-Regular;
}

.course_pic {
    overflow: hidden;
    transform: scale(1.0);
    position: relative;
    z-index: 0;
}

/*.course_pic::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(30,135,255,0);
background: -moz-linear-gradient(top, rgba(30,135,255,0) 0%, rgba(30,135,255,0) 0%, rgba(30,135,255,0.76) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30,135,255,0)), color-stop(0%, rgba(30,135,255,0)), color-stop(100%, rgba(30,135,255,0.76)));
background: -webkit-linear-gradient(top, rgba(30,135,255,0) 0%, rgba(30,135,255,0) 0%, rgba(30,135,255,0.76) 100%);
background: -o-linear-gradient(top, rgba(30,135,255,0) 0%, rgba(30,135,255,0) 0%, rgba(30,135,255,0.76) 100%);
background: -ms-linear-gradient(top, rgba(30,135,255,0) 0%, rgba(30,135,255,0) 0%, rgba(30,135,255,0.76) 100%);
background: linear-gradient(to bottom, rgba(30,135,255,0) 0%, rgba(30,135,255,0) 0%, rgba(30,135,255,0.76) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e87ff', endColorstr='#1e87ff', GradientType=0 );

}*/

.course_review {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.course_pic img {}

.course_set .item img {
    transition: all 0.5s ease-in-out;
}

.course_tit_bg1 {
    background-color: #EC9830;
}

.course_tit_bg2 {
    background-color: #FF6860;
}

.course_tit_bg3 {
    background-color: #3C98D1;
}

.course_review {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}

.course_review h4 {
    font-family: Poppins-Regular;
    color: #fff;
}

.course_review h4 i {
    margin: 0 5px 0 0;
}

.course_stars {
    color: #FFD101;
    font-size: 18px;
}

.course_detail_in {
    padding: 40px 10px;
}

.course_detail_in h3 {
    font-weight: bold;
    font-size: 22px;
    min-height: 55px;
    text-align: center;
}

.course_detail_in p {
    text-align: center;
}

.course_detail_in h4 {
    text-transform: uppercase;
    color: #e74c3c;
    font-size: 20px;
    font-family: Poppins-Bold;
    padding: 10px 0;
}

.course_amt {
    text-align: center;
    margin: 0 0 15px 0;
}

.course_amt h5 {
    margin: 5px 0;
    display: inline-block;
}

.course_amt h5 i {
    margin: 0 5px;
}

.less_amt {
    color: #666;
    text-decoration: line-through;
    font-family: Poppins-Regular;
    font-size: 18px;
}

.crt_amt {
    color: #46C655;
    font-family: Poppins-Regular;
    font-size: 24px;
}

.course_detail_in a {
    width: 75%;
    display: block;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 20px;
    color: #fff;
    background-color: #1E88FF;
    transition: all 0.5s ease-in-out;
}

.course_detail_in a:hover {
    box-shadow: inset 200px 0px 0 0px #2e2f31;
}

.owl_galley {
    position: relative;
    z-index: 0;
    margin: 125px 0;
}

.owl_galley .item {
    width: 300px;
    opacity: 0.5;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

.owl_galley .item.slick-current {
    opacity: 1;
}

.gal_ph {
    position: absolute;
    top: -79px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
}

.owl_galley .slick-dots {
    position: absolute;
    z-index: 4;
    bottom: -165px;
}

.owl_galley .slick-dots li {
    margin: 0 2px;
    width: 15px;
    height: 15px;
}

.owl_galley .slick-dots li button:before {
    content: "";
    background: #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    width: 7px;
    height: 7px;
    left: auto;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.owl_galley .slick-dots li button:hover:before {
    background: #666;
    box-shadow: 0 0 0 2px #666;
}

.owl_galley .slick-dots li.slick-active button:before {
    background: #64b671;
    box-shadow: 0 0 0 2px #64b671;
}

.webinar_time {
    padding: 50px 0;
    background-color: #F2F2F2;
    border-bottom: 1px solid #dcdcdc;
}

.webinar_time_left {
    width: 70%;
    text-align: center;
}

.webinar_time_left h3 {
    font-size: 28px;
    margin: 15px 0 0 0;
}

.webinar_time_left h3 a {
    font-family: Poppins-Regular;
    font-weight: bold;
    background-color: rgb(30, 136, 255);
    color: #fff;
    padding: 10px 20px;
    margin: 0 5px;
    border-radius: 5px;
}

#web_time {
    font-size: 26px;
}

.webinar_time_right {
    background-color: #fff;
    width: 30%;
    text-align: center;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}

.webinar_time_right h2 {
    padding: 10px 0;
}

.webinar_time_right h3 {
    margin: 15px 0 0 0;
}

.webinar_time_right img {
    width: 100%;
}

.webinar_course_view {
    padding: 50px 0;
    background-color: #F2F2F2;
}

.course_view_left {
    width: 70%;
    padding: 0 15px;
    background-color: #fff;
}

.webinar_course_view .title {
    text-align: center;
}

.course_view_in .abt_nu_roll_in {
    padding: 35px 0;
}

.course_view_in .abt_nu_roll_in li {
    width: 25%;
    color: #000;
    padding: 25px 10px;
}

.course_view_in .abt_nu_roll_in li p {
    color: #333;
}

.course_view_in .abt_icon_con span {
    font-family: Poppins-Regular;
}

.course_view_in .abt_icon i {
    font-size: 40px;
    color: #00BFFF;
}

.course_features {
    padding: 15px 15px 15px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.course_features li {
    width: 100%;
    display: inline-block;
    margin: 10px 0;
    padding: 0 4%;
}

.course_features .title {
    margin-bottom: 20px;
}

.course_features li i {
    float: left;
    font-weight: bold;
    font-size: 16px;
    margin-right: 15px;
    color: #333;
}

.course_features li p {
    font-size: 16px;
    color: #222;
}

.course_features_left {
    width: 10%;
    text-align: center;
}

.course_features_right {
    width: 90%;
}

.course_features_right h3 {
    font-weight: bold;
}

.course_curcm {
    padding: 15px 0;
    border-bottom: 1px solid #eaeaea;
}

.course_curcm .title {
    margin: 0 0 15px 0;
}

.course_curcm li {
    width: 100%;
    margin: 10px 0;
    float: left;
    padding: 0 4%;
}

.cu_days {
    font-size: 22px;
    font-weight: bold;
    color: #00BFFF;
}

.course_curcm li p {
    color: #333;
    line-height: 1.5;
    padding-top: 10px;
}

.course_curcm li p i {
    color: #555;
    font-size: 13px;
    margin-right: 06px;
}

.course_curcm a:hover {
    box-shadow: inset 200px 0px 0 0px #2e2f31;
}

.course_curcm a {
    float: right;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    padding: 5px 20px;
    color: #fff;
    background-color: #1E88FF;
    transition: all 0.5s ease-in-out;
}

.inr_clr {
    background: #e1e1e1;
}

.webinar_course_view .ind_ser_right {
    width: 100%;
    padding: 0;
    margin: 0 0 25px 0;
}

.webinar_course_view .ind_ser_list li:nth-child(8) {
    min-height: 180px;
}

.webinar_course_view .ind_ser_list li h4 {
    text-transform: inherit;
    font-family: lato-Bold;
}

.course_view_right {
    width: 28%;
    padding: 1%;
    margin-top: -120px;
    background: #fff;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}

.course_date {
    background-color: #fff;
    padding: 15px 10px;
}

.course_date a {
    width: 45%;
    display: block;
    border-radius: 5px;
    margin: 0 auto 5px;
    text-align: center;
    padding: 10px 20px;
    color: #fff;
    background-color: #1E88FF;
    transition: all 0.5s ease-in-out;
}

.course_date a:hover {
    box-shadow: inset 200px 0px 0 0px #2e2f31;
}

.course_date .online {
    color: #46C655;
}

.course_view_det .course_pic img {
    border: 5px solid #fff;
}

.course_view_det .course_detail_in {
    padding: 10px;
}

.course_view_det .course_amt {}

.course_view_det {
    position: relative;
    z-index: 0;
}

.course_pre {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 25px 0;
}

.course_pre .title,
.our_webinar_list .title,
.upcm_web .title {
    font-size: 20px;
    margin: 0 0 10px 0;
}

.course_pre_in {
    padding: 10px 0;
}

.course_pre_in h3 {
    font-weight: bold;
    margin: 0 0 10px 0;
}

.our_webinar_list li {
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid #eaeaea;
}

.upcm_web img {
    width: 100%;
}

.upcm_web {
    border-bottom: 1px solid #eaeaea;
}

.upcm_web h3 {
    text-align: center;
    margin: 15px 0;
}

.footer_in {
    text-align: center;
    padding: 10px 0 2px 0; 
    background-color: #f2f2f2;
}

.footer_in .quick_link li {
    display: inline-block;
    line-height: 12px;
}

.footer_in .quick_link {
    margin: 15px 0;
}

.comp_name {
    color: #00BFFF;
    font-family: Raleway-Bold;
}
.comp_name sup{
    font-family: Raleway-normal;
    font-size:15px;
}

.footer_in .quick_link li a {
    color: #969696;
    border-right: 1px solid #969696;
    padding: 0 5px;
    display: inline-block;
    font-size: 13px;
}

.footer_in .quick_link li:last-child a {
    border-right: none;
}

.foot_subs {
    margin: 15px 0;
}

.foot_input {
    width: 40%;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.foot_subs input {
    width: 100%;
    display: inline-block;
    height: 45px;
    padding: 0 15px;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}

.sbt_btn_foot {
    position: absolute;
    top: 5px;
    right: 10px;
    height: 35px;
    cursor: pointer;
    background-color: #00BFFF;
    border: 1px solid #00BFFF;
    border-radius: 30px;
    padding: 5px 15px;
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.sbt_btn_foot:hover {
    box-shadow: inset 200px 0px 0 0px #2e2f31;
}

.footer_in .social_icons {
    float: none;
    margin: 0;
    display: inline-flex;
}

.footer_in .social_icons li {
    display: inline-block;
    float: none;
}

.footer_in .social_icons li a {
    display: inline-block;
}

.footer_in .social_icons li i {
    background-color: inherit;
    text-shadow: none;
    color: #969696;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.footer_in .quick_link li a:hover {
    color: #00BFFF;
}

.footer_in .quick_link li a.active {
    color: #00BFFF;
}

.footer_in .social_icons li .fa-telegram {
    color: #2EABDD;
}

.footer_in .social_icons li .fa-youtube-play {
    color: #FF0000;
}

.footer_in .social_icons li .fa-twitter {
    color: #00ACED;
}

.footer_in .social_icons li .fa-facebook {
    color: #3C5A99;
}

.footer_in .social_icons li .fa-linkedin {
    color: #007BB5;
}
.footer_in .social_icons li .fa-instagram {
    color: #ec0e6b;
}

.ind_whatwedo {
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 190, 254, 0.4);
    border-top: 1px solid rgba(0, 190, 254, 0.4);
}

.ind_whatwedo .title {
    text-align: center;
    margin: 0 0 5px 0;
}

.ind_whatwedo .title span {
    color: #00BFFF;
}

.ind_wedo_left {
    width: 40%;
    margin-top: 15px;
}

.ind_wedo li {
    float: left;
    width: 100%;
    padding: 1%;
    text-align: center;
    border-bottom: 1px solid rgba(0, 190, 254, 0.4)
}

.ind_wedo li:nth-child(2) {
    border-bottom: none;
}

.ind_wedo li h3 {
    margin: 20px 0;
    color: #00BFFF;
    font-family: Raleway-Bold;
    font-size: 24px;
}

.ind_wedo li p {
    width: 75%;
    margin: 0 auto;
    min-height: 110px;
}

.ind_wedo_left li:last-child p {
    min-height: 80px;
}

.ind_wedo li a {
    display: inline-block;
    padding: 10px 45px;
    border: 1px solid rgba(0, 190, 254, 0.4);
    margin: 5px 0 15px 0;
    border-radius: 30px;
    transition: all 0.5s ease-in-out;
    background-color: #3396D6;
}

.ind_wedo li a:hover {
    box-shadow: inset 200px 0px 0 0px #2e2f31;
    color: #fff;
}

.wedo_pic {
    width: 20%;
    float: left;
}

.wedo_pic img {
    width: 100%;
}

.webinar_course {
    padding: 3px 0;
    position: relative;
    z-index: 0;
    background-color: #eaeaea;
}

/*.webinar_course::before{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 60%;
background-color: #00BFFF;
z-index: -1;
}*/

.webinar_in_left {
    width: 20%;
    margin: 100px 0 0 0;
    text-align: center;
}

.webinar_in_right {
    width:calc(78% - 40px);
    position: relative;
    margin-right: 47px;
    padding-top: 10px;
}
#owl-demo10.owl-theme .owl-controls{
    margin-bottom: 10px;
}
#owl-demo10.owl-theme .owl-controls .owl-page span{
    margin-top: 10px;
}

.webinar_in_right li {
    width: 98%;
    margin: 1%;
    padding: 1%;
    float: left;
    background-color: #fff;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}

.webinar_in_right .course_pic {
    float: left;
    width: 50%;
    height: 220px;
}

.webinar_in_right .course_pic img {
    width: 100%;
    height: 220px;
}

.webinar_in_right .course_detail_in {
    float: left;
    width: 50%;
}

.webinar_in_right .course_name {
    text-align: center;
    padding: 5px 0;
}

.popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10% 5%;
}

.po {
    width: 50%;
    float: none;
    margin: 0 auto;
    background-color: #fff;
    padding: 5%;
}

.popup h3 {
    color: #222;
}

/*loader start */
/*--.loader {
  height: 100%;
  width: 100%;
  position: fixed;
  overflow: hidden;
  z-index: 1200;
  background: #ffffff;
}

.loader-inner{
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 50%;
}

.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;

  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #232323;
  border-radius: 100%;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot1{
background-color: #00BFFF !important;
}

.dot2 {
  top: auto;
  bottom: 0;

  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
      transform: scale(0.0);
      -webkit-transform: scale(0.0);
  } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
} --*/
/*loader start */
/*-- privacy Start--*/

.privcy_cont {
    widows: 100%;
    padding: 75px 0;
}

.pa {
    padding-top: 10px;
}

.gather,
.typeOfInfo {
    padding-top: 40px;
}

.priTitle {
    font-weight: bold;
    font-size: 25px;
    color: #00BFFF;
    padding-bottom: 15px;
}

.typeOfInfo ul li {
    padding-top: 8px;
}

.typeOfInfo ul li i {
    float: left;
    font-size: 16px;
    color: #333;
    margin-right: 15px;
    line-height: 25px;
}

.bankDe .banklef {
    float: left;
    width: 140px;
}

.banklef p {
    padding: 3px 0;
}

.bnk {
    border-bottom: solid 1px transparent;
}

.login-form,
.subscriber_popup,
.campaign_popup {
    z-index: 10;
    position: fixed;
    padding: 5%;
}

.po {
    height: 100%;
}

.register_form {
    position: relative;
}

.hide {
    display: none;
}

/* .sbt_form{
  position: relative;
} */

.popClose {
    position: absolute;
    top: 15px;
    right: 15px;
}

.popClose i {
    font-size: 15px;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #1E88FF;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
}

.vsearch {
    float: right;
}

.vsearch input {
    width: 250px;
    height: 40px;
    line-height: 50px;
    padding-left: 20px;
    color: #222;
    background-color: #fff;
    border: solid 1px #bbb;
    float: left;
}

.vsearch i {
    font-size: 15px;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #1E88FF;
    border-radius: 5px 5px 5px 0;
    border-top-left-radius: 0;
    float: left;
}

.pagination {
    display: inline-block;
    padding-left: 45%;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.pagination li.active {
    background-color: #3396d6;
    color: white;
}

ul.pagination li {
    float: left;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}

.select {
    width: 75%;
    display: inline-block;
    height: 45px;
    padding: 10px 15px;
    margin: 7% 1% 1% 13%;
    border: 1px solid #ccc;
    font-family: Poppins-Regular;
    font-size: 13px;
    float: left;
    border-radius: 3px;
}

a.check {
    width: 75%;
    float: left;
    padding: 10px 15px;
    margin: 3% 13%;
    height: 45px;
}

a.check i {
    line-height: 25px;
}

.detailVedio {
    width: 100%;
    background-color: #f5f5f5;
}

.detailVedio .video_page {
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.detailVedio .video_page li {
    width: 31.3%;
    height: auto;
    margin: 1%;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

.detailVedio .video_page li img {
    width: 100%;
    height: 250px;
}

.fullVideoDet {
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.cataWb {
    width: 60%;
    margin: 0 auto;
}

.cataWb li {
    width: 33.3%;
    float: left;
    padding: 12px 20px;
    border: solid 1px #00BFFF;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #222;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: 0.5;
}

.cataWb li:hover,
.cataWb li.current {
    background-color: #00BFFF;
    color: #fff;
}

.tab-content {
    display: none;
}

.tab-content.current {
    display: inline-block;
    width: 100%;
}

.detCater {
    margin: 20px 0;
}

.detCater li {
    width: 23%;
    height: auto;
    margin: 1%;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    padding: 1%;
    float: left;
}

.detCater li img {
    width: 100%;
}

.detailVedio .video_page li a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.buTsize {
    width: 215px;
    margin: 0 auto;
}

.buTsize .sbt_btn {
    display: inline-block;
}

.course_curcm ul li h3 {
    font-size: 22px;
    font-weight: bold;
    color: #00BFFF;
}

.ind_abt_right1 {
    width: 100%;
    padding: 0 50px;
}

.ind_abt_right1 a:hover {
    color: #fff;
    box-shadow: inset 200px 0px 0 0px #2e2f31;
}

.ind_abt_right1 a {
    margin: 20px 0 0 0;
    display: inline-block;
    background-color: #3396D6;
    border-radius: 30px;
    padding: 10px 35px;
    transition: 0.5s ease-in-out;
    color: #fff;
}

.ind_abt_left1 {
    width: 50%;
    background-image: url(../images/ind_abt.jpg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    z-index: 0;
}

.map {
    margin-top: 29px;
}

.booknow a {
    margin: 20px 0 0 0;
    display: inline-block;
    background-color: #3396D6;
    border-radius: 30px;
    padding: 10px 35px;
    transition: 0.5s ease-in-out;
    color: #fff;
}

.booknow a:hover {
    color: #fff;
    box-shadow: inset 200px 0px 0 0px #2e2f31;
}

/*client admin panel*/

.admin-header {
    width: 25%;
    background: #ededed;
    height: auto;
    float: left;
}

.admin-header ul li {
    padding: 4% 9%;
    color: #808080;
}

.admin-header a li {
    margin: 20px 0;
    border-bottom: 0.5px solid #d7d7d780;
}

.admin-header a li:hover {
    color: #fff;
    box-shadow: inset 500px 0px 0 0px #00b4f0;
}

.c-data {
    width: 75%;
    float: right;
    padding: 0 40px;
}

.card {
    margin-bottom: 1.5rem;
    border-radius: 0;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.card-title {
    margin-bottom: .75rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.table thead th {
    vertical-align: bottom;
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    text-align: center;
    border-top: 1px solid #dee2e6;
}

th {
    text-align: inherit;
}

/*end*/
/*input form*/

.d-form .title {
    text-align: center;
    margin: 0 0 15px 0;
}

@font-face {
    font-family: Poppins-Regular;
    src: url('../fonts/poppins/Poppins-Regular.ttf');
}

@font-face {
    font-family: Poppins-Medium;
    src: url('../fonts/poppins/Poppins-Medium.ttf');
}

@font-face {
    font-family: Poppins-Bold;
    src: url('../fonts/poppins/Poppins-Bold.ttf');
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url('../fonts/poppins/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: Montserrat-Bold;
    src: url('../fonts/montserrat/Montserrat-Bold.ttf');
}

.validate-form {
    background: #f9f9f9;
}

.validate-form a:focus {
    outline: none !important;
}

.validate-form a:hover {
    text-decoration: none;
}

.wrap-contact100 {
    background: #f9f9f9;
}

.validate-form input {
    outline: none;
    border: none;
}

.validate-form textarea {
    outline: none;
    border: none;
}

.validate-form textarea:focus,
.validate-form textarea input:focus {
    border-color: transparent !important;
}

.validate-form input:focus::-webkit-input-placeholder {
    color: transparent;
}

.validate-form input:focus:-moz-placeholder {
    color: transparent;
}

.validate-form input:focus::-moz-placeholder {
    color: transparent;
}

.validate-form input:focus:-ms-input-placeholder {
    color: transparent;
}

.validate-form .validate-form textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

.validate-form textarea:focus:-moz-placeholder {
    color: transparent;
}

.validate-form textarea:focus::-moz-placeholder {
    color: transparent;
}

.validate-form textarea:focus:-ms-input-placeholder {
    color: transparent;
}

.validate-form .validate-form input::-webkit-input-placeholder {
    color: #adadad;
}

.validate-form input:-moz-placeholder {
    color: #adadad;
}

.validate-form input::-moz-placeholder {
    color: #adadad;
}

.validate-form input:-ms-input-placeholder {
    color: #adadad;
}

.validate-form .validate-form textarea::-webkit-input-placeholder {
    color: #adadad;
}

.validate-form textarea:-moz-placeholder {
    color: #adadad;
}

.validate-form textarea::-moz-placeholder {
    color: #adadad;
}

.validate-form textarea:-ms-input-placeholder {
    color: #adadad;
}

.validate-form button {
    outline: none !important;
    border: none;
    background: #3396d6;
}

.validate-form button:hover {
    cursor: pointer;
}

iframe {
    border: none !important;
}

.txt1 {
    font-family: Poppins-Regular;
    font-size: 35px;
    line-height: 1.2;
    color: #00bfff;
    text-transform: uppercase;
    text-align: center;
}

.txt2 {
    font-family: Poppins-Regular;
    font-size: 17px;
    line-height: 1.6;
    color: #f0f0f0;
}

.txt3 {
    font-family: Poppins-Regular;
    font-size: 15px;
    line-height: 1.6;
    color: #00ad5f;
}

.size1 {
    width: 355px;
    max-width: 100%;
}

.size2 {
    width: calc(100% - 43px);
}

.container-contact100 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.wrap-contact100 {
    width: 1120px;
    background: #fff;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row-reverse;
}

.input10 {
    color: #d3d8e5;
    font-size: 14px;
    height: 30px;
    padding: 0px 25px;
    margin-top: 10px;
}

.wrap-input10 {
    width: 100%;
    position: relative;
    border-top: 1px solid #e6e6e6;
}

.contact100-more {
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    padding: 30px 15px 0px 15px;
}

.contact100-more::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}

.contact100-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 55px 63px 55px;
}

.contact100-form-title {
    width: 100%;
    display: block;
    font-family: Poppins-Regular;
    font-size: 30px;
    color: #333333;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 33px;
}

.wrap-input100 {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
}

.rs1-wrap-input100,
.rs2-wrap-input100 {
    width: 50%;
}

.rs2-wrap-input100 {
    border-left: none;
}

.label-input100 {
    font-family: Poppins-Regular;
    font-size: 12px;
    color: #555555;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 55px;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    padding: 10px 25px;
    margin-top: 15px;
    margin-bottom: 0;
}

.input100 {
    display: block;
    width: 100%;
    background: transparent;
    font-family: Poppins-Regular;
    font-size: 18px;
    color: #666666;
    line-height: 1.2;
    padding: 0 25px;
}

input.input100 {
    height: 55px;
}

textarea.input100 {
    min-height: 139px;
    padding-top: 19px;
    padding-bottom: 15px;
}

.focus-input100 {
    position: absolute;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    pointer-events: none;
    border: 1px solid #1c87c9;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scaleX(1.1) scaleY(1.3);
    -moz-transform: scaleX(1.1) scaleY(1.3);
    -ms-transform: scaleX(1.1) scaleY(1.3);
    -o-transform: scaleX(1.1) scaleY(1.3);
    transform: scaleX(1.1) scaleY(1.3);
}

.input100:focus+.focus-input100 {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.container-contact100-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 23px;
}

.contact100-form-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 200px;
    height: 50px;
    border-radius: 2px;
    background: #0098f6;
    font-family: Montserrat-Bold;
    font-size: 12px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.contact100-form-btn:hover {
    background: #333333;
}

@media (max-width: 992px) {
    .contact100-form {
        width: 60%;
        padding: 56px 30px 63px 30px;
    }

    .contact100-more {
        width: 40%;
    }
}

@media (max-width: 768px) {
    .contact100-form {
        width: 100%;
    }

    .contact100-more {
        width: 100%;
    }
}

@media (max-width: 576px) {
  
    .contact100-form {
        padding: 56px 15px 63px 15px;
    }

    .rs1-wrap-input100,
    .rs2-wrap-input100 {
        width: 100%;
    }

    .rs2-wrap-input100 {
        border-left: 1px solid #e6e6e6;
        border-top: none;
    }
}

.validate-input {
    position: relative;
}

.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 2px;
    pointer-events: none;
    font-family: Poppins-Regular;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.alert-validate::after {
    content: "\f12a";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    color: #c80000;
    font-size: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px;
}

.alert-validate:hover:before {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 992px) {
    .alert-validate::before {
        visibility: visible;
        opacity: 1;
    }
}

.detailVedio .comUpSemDeP .semInnSetW {
    width: 48%;
    float: left;
    margin: 1%;
}

.detailVedio .comUpSemDeP .semInnSetW a {
    width: 100%;
    display: block;
}

.curUpSemImgS {
    width: 100%;
    display: block;
    overflow: hidden;
}
.curUpSemImgS img{
    width:100%;
    height:100%;
    object-fit: cover;
    display: block;
}
.semInnSetW img {
    width: 100%;
    display: block;
    transition: all 0.3s linear 0s;
}

.detailVedio .comUpSemDeP .semInnSetW:hover img {
    transform: scale(1.05);
}

.semTitleSetFoS {
    width: 100%;
    height: 55px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s linear 0s;
}

.semTitleSetFoS p {
    font-size: 20px;
    color: #222;
    padding: 0 20px;
    text-align: center;
    transition: all 0.3s linear 0s;
}

.semTitleSetFoS p.cuUpSemTiho {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.detailVedio .comUpSemDeP .semInnSetW:hover .cuUpSemTiho {
    top: -150%;
    transform: translate(-50%, 0%);
}

.semTitleSetFoS p.cuUpSemTihoverCo {
    position: absolute;
    top: 150%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
}

.detailVedio .comUpSemDeP .semInnSetW:hover .cuUpSemTihoverCo {
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.detailVedio .comUpSemDeP .semInnSetW:hover .semTitleSetFoS {
    background: #3396d6;
}

/*-- stock --*/

.rightSideSt {
    width: 50px;
    height: 50px;
    background-color: #3396d6;
    text-align: center;
    cursor: pointer;
}

.rightSideSt:hover {
    background-color: #ffa500;
}

.rightwegi {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1;
}

.callus-we {
    width: 50px;
    height: 50px;
    background-color: #3396d6;
    text-align: center;
    cursor: pointer;
    padding: 5px 10px;
    margin-bottom: 10px;
    transition: all 0.5s linear 0s;
}

.callus-we:hover {
    background-color: #ffa500;
}

.callus-we a, .callus-we a img {
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #fff;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.rightSideSt img {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.popupStockM {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100vh;
    overflow: hidden;
    overflow-y: scroll;
    display: none;
}

.poConSSP {
    width: 90%;
    max-width: 650px;
    margin: 60px auto;
    background-color: #fff;
    padding: 30px;
    position: relative;
}

.closePPSSF {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #00BFFF;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

.closePPSSF:hover {
    box-shadow: inset 200px 0px 0 0px #2e2f31;
}

.closePPSSF i {
    font-size: 15px;
    color: #fff;
    line-height: 30px;
}

.popImgSetSSP {
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.popImgSetSSP img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

.contPopSSf {
    text-align: center;
}

.contPopSSf h3 {
    font-size: 22px;
    color: #46a9d6;
    padding-top: 10px;
}

.contPopSSf p {
    font-size: 15px;
    color: #555;
    padding-top: 15px;
}

.contPopSSf a {
    display: inline-block;
    padding: 15px 45px;
    background-color: #00BFFF;
    margin-top: 30px;
    color: #fff;
    border-radius: 30px;
    transition: all 0.5s ease-in-out;
}

.contPopSSf a:hover {
    box-shadow: inset 200px 0px 0 0px #2e2f31;
}

/* new set */

.topUploadIMgSer {
    width: 100%;
}

.leftUploadSetIMg {
    width: 200px;
    float: left;
    margin-right: 30px;
}

.leftUploadSetIMg:last-child {
    margin-right: 0;
}

.ImgSetUp {
    width: 100%;
    height: 135px;
    overflow: hidden;
    display: block;
    background-color: #f5f5f5;
    padding: 10px;
}

.ImgSetUp img {
    width: 100%;
    display: block;
}

.leftUploadSetIMg p {
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #00BFFF;
    color: #fff;
}

.inputUpfileaapp {
    width: 100%;
    display: block;
    margin-top: 15px;
}

.fullFileUposetOfAAPP {
    width: 100%;
    display: block;
}

.fullFileUposetOfAAPP p.label {
    width: 40%;
    height: 40px;
    float: left;
    text-align: center;
    padding: 10px;
    background-color: #00BFFF;
    color: #fff;
}

.register_form li .fullFileUposetOfAAPP input {
    width: 60%;
    margin: 0;
    float: left;
    background-color: #fff;
    border: solid 1px #ccc;
    height: 40px;
}

.toplogin {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    right: 0;
    width: 100%;
    display: block;
    padding: 10px 0;
    background-color: #00BFFF;
    text-align: right;
    z-index: 9;
}

.topmailme {
    width: 100%;
    display: block;
    position: relative;
}

.fileAAppSb {
    position: relative;
    top: 30px;
}

.toplgin {
    font-size: 16px;
    color: #fff;
}

.toplgin:hover {
    color: #333;
}

.toplgin:first-child {
    padding-right: 15px;
    border-right: 1px solid #7fdbf9;
}

.topemail {
    width: 60%;
    float: left;
    font-size: 16px;
    color: #fff;
    text-align: left;
}

.LoGeG {
    width: 40%;
    float: right;
}

.LoGeG a {
    margin: 0 5px;
}

.topemail:hover {
    color: #333;
}

.LoNewrE {
    font-size: 16px;
    padding: 10px 15px !important;
    color: #fff;
    display: none;
}

.LoNewrE:hover {
    background-color: #00bfff;
}

.LoNewrE:last-child:hover::before {
    opacity: 0;
}

.isoLogo {
    width: 160px;
    height: 160px;
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    border: none;
    /*box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.2);*/
}

.isoLogo img {
    width: 100%;
    display: block;
}

.fixed .isoLogo {
    top: -400%;
}

.logo {
    position: absolute;
    top: 10px;
    left: 70px;
}

.fixed .menu {
    margin-right: 0 !important;
    box-shadow: none;
}

.fixed .res_menu {
    right: 5% !important;
}

.fullPopUp {
    width: 90%;
    position: relative;
    max-width: 620px;
    margin: 60px auto;
}

.fullPopUp .po {
    width: 100% !important;
    margin: 0;
    padding: 30px;
}

.fullPopUp .popClose {
    z-index: 999;
    top: 10px;
    right: 10px;
    position: absolute;
}

.popup .fullPopUp h3 {
    margin-bottom: 20px;
}

.popup {
    width: 100% !important;
    display: block !important;
    background: rgba(0, 0, 0, 0.7) !important;
    height: 100vh !important;
    position: fixed !important;
    top: 0 !important;
    right: inherit !important;
    left: 0 !important;
    bottom: inherit !important;
    z-index: 9999 !important;
    ovrflow: hidden !important;
    overflow-y: auto !important;
    padding: 0 !important;
}

.xdsoft_autocomplete {
    width: 100% !important;
}

.popup_inner {
    display: block !important;
    vertical-align: middle;
    text-align: center;
}

/*stock landing page*/
.cnamelan {
    position: relative;
    left: -37px;
}

.logolan a,
.cnamelan {
    display: inline-block;
    color: #00BFFF;
    font-family: Raleway-Bold;
    font-size: 32px;
}

.logolan .rebirthlan {
    font-size: 18px;
    font-weight: 400;
    color: #FFA500;
    letter-spacing: 01px;
    display: inline-block;
    position: relative;
    left: -22px;
}

.landtext h1 {
    color: #333333;
    font-size: 25px;
    text-transform: uppercase;
}

.stocklan {
    position: absolute;
    width: 100%;
    padding: 10px 0;
    z-index:99;
}

.stocklan.fixed {
    position: fixed;
    height: auto;
    top:0;
}

.stocklan.fixed .logolan a img {
    display: none;
}

.stocklan.fixed .landphone ul {
    display: none;
}

.stocklan.fixed .stocklanimg img {
    width: 80px;
    display: block;
    margin: 0 auto;
}

.stocklan.fixed .stocklandh {
    margin-top: 10px;
}

.stockleft {
    width: 20%;
    float: left;
}

.stocklandsecond {
    width: 60%;
    float: left;
}

.stockright {
    width: 20%;
    float: right;
}

.landphone ul li {
    display: inline-block;
    padding: 10px 10px;
}

.landicolor a {
    text-align: center;
    font-size: 14px;
    color: #333333;
}

.landicolor a i {
    color: #0098f6;
    font-size: 20px;
}

.stockright a {
    float: right;
}

.stocklanimg img {
    width: 130px;
    display: block;
}

/* .stockleft>a {
     width: 165px;
     float: left;
 } */

.stockright>a {
    width: 130px;
    float: right;
}

.ban {
    width: 100%;
    position: relative;
    /*height: calc(100vh - 46px);*/
}

.se-fitscreen{
    height: 100%;
    min-height: calc(100vh - 118px);
     padding:0 50px;
}
.h-set-two{
    position: relative;
    display: block;
    clear: both;
    height: 100%;
    overflow: hidden;
    height: calc(50vh - 54px);
}
.h-set-one{
   position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    height: calc(50vh - 54px);
}
.landbanner {
    background: url(../images/landingbanner3.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}

.landbanner::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #a1a1a133, #dfdfdf02);
    opacity: 0.9;
}

.stocklandsecond {
    left: 15px;
    z-index: -1;
    text-align: center;
}

.stocklandh {
    margin-top: 25px;
}

.stocklandh h2 {
    width: 100%;
    font-size: 24px;
    text-align: center;
    color: #333333;
    font-family: Raleway-Bold;
    font-weight: bold;
    text-transform: uppercase;
}


.stocklandh-mob {
    position: absolute;
    top: 155px;
    z-index: 222;
    right: 20px;
}

.stocklandh-mob h2 {
    width: 80%;
    font-size: 24px;
    margin: 0 auto;
    text-align: center;
    color: #333333;
    font-family: Raleway-Bold;
    font-weight: bold;
    text-transform: uppercase;
}

.stocklandh-mob h4 {
    padding-top: 10px;
    width: 50%;
    font-size: 20px;
    margin: 0 auto;
    text-align: center;
    color: #3396d6;
    font-weight: bold;
}

.landstockform {
    width: 100%;
    max-width: 350px;
    position: absolute;
    content: "";
    display: block;
    top: 170px;
    right: 70px;
    z-index: 1;
}

.landstockform form {
    width: 100%;
    display: block;
}

.serviceFormSet {
    width: 100%;
    height: auto;
    max-width: 350px;
    border: 2px solid #0098f5;
    border-radius: 10px 35px;
    background: #fff;
}

.serviceFormSet p {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.serviceFormSet .eachField {
    width: 100%;
}

.serviceFormSet li {
    padding: 15px 20px;
}

.eachField label {
    width: 100%;
    display: block;
    position: relative;
}

.eachField label input,
.eachField label textarea {
    width: 100%;
    line-height: 40px;
    border: solid 0px #d9d9d9;
    border-bottom: 1px solid #d7dadc;
    color: #333;
    font-weight: 500;
    padding: 0 15px;
    background-color: #fff;
}

.eachField label input:focus,
.eachField label textarea:focus {
    border: solid 0px #3396d6;
    border-bottom: 1px solid #00bdfd;
}

.eachField label textarea {
    line-height: 1.6;
    height: 120px;
    padding: 15px;
    resize: none;
}

.errorMsg p.error,
.errorMsg .error,
.error {
    font-size: 13px;
    color: red;
}

.eachField .btn {
    padding: 15px 10px;
    text-align: center;
    max-width: 150px;
    width: 100%;
    cursor: pointer;
    margin: 0 auto;
    border-radius: 50px;
    display: block;
    background-color: #00BFFF;
    transition: all 0.5s linear 0s;
}

.eachField .btn:hover,
.eachField .btn:focus {
    background-color: transparent;
    border: 2px solid #00BFFF;
    background-color: rgba(221, 221, 221, 0.027);
    color: #222;
}

.spareAbtSet {
    padding-bottom: 0;
}

.spareSrt {
    padding: 60px 0;
}

.eachParts {
    width: 100%;
    padding: 0px 0 30px;
}

.rightDetailsOfpart {
    padding: 25px 40px;
    margin-top: 50px;
}

.landlifollow {
    padding: 20px 0;
    width: 100%;
    display: block;
}

.landfollow h3 {
    text-align: center;
}

.landfollow span {
    color: #00BFFF;
    text-align: center;
}

.landfollowsecond {
    width: 100%;
    float: left;
    padding: 40px 0;
}

.landingiphoneimg {
    width: 430px;
    margin: 25px 0;
    margin: 0 auto;
}

.landingiphoneimg img {
    width: 100%;
}

.services-followlan li {
    padding: 10px 0;
    display: inline-block;
    text-align: center;
    width: calc(33.3% - 33px);
    margin-left: 30px;
    margin-bottom: 40px;
    background: #ffff;
    box-shadow: 0 3px 12px 2px rgba(141, 197, 216, 0.226);
    transition: all 0.5s linear 0s;
}

.services-followlan p {
    color: #333333;
    font-size: 14px;
    letter-spacing: 1.7;
    font-weight: bold;
    font-family: Raleway-Bold;
    text-transform: uppercase;
}

.service-iconland {
    padding-bottom: 10px;
}

.service-iconland i {
    font-size: 30px;
    color: #00BFFF;
    border: 1px solid #00BFFF;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    transition: all 0.5s linear 0s;
}

.aboutlanding {
    width: 100%;
    display: block;
}

.landaleft {
    width: 50%;
    float: left;
    background-color: #182934;
    padding: 110px 70px;
}

.landaright {
    width: 50%;
    float: right;
    border-top: 1px dotted #18293436;
}

.aboutlanimg {
    width: 380px;
    margin: 0 auto;
}

.aboutlanimg img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.dailystockland {
    text-align: center;
    color: #fff;
}

.dailystockland h3 {
    font-size: 22px;
    margin: 0 0 15px 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.dailystockland p {
    width: 80%;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.dailystockland a {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    transition: all 0.5s ease-in-out;
    margin: 20px 0;
}

.dailystockland a:hover {
    background-color: rgb(30, 136, 255);
}

.serviceFormSet h5 {
    font-size: 14px;
    font-weight: normal;
    color: rgb(228, 228, 228);
    text-align: center;
}

.landfollowsecond ul {
    text-align: center;
}

.ind_trade_conlan a {
    display: inline-block;
    padding: 10px 10px;
    background-color: #00BFFF;
    margin: 10px 0;
    color: #fff;
    border-radius: 30px;
    transition: all 0.5s ease-in-out;
}

.ind_trade_conlan a:hover {
    box-shadow: inset 260px 0px 0 0px #2e2f31;
}

.ind_trade_conlan i {
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 3px;
}

.landcontde {
    padding: 40px 20px;
    background: #0098f5;
    background-size: cover;
    border-radius: 6px 30px;
}

.landrun {
    width: 100%;
    position: absolute;
    z-index: 22;
    top: 50%;
}

.ind_company_in-lan {
    margin: 40px 0 0 -20px;
    text-align: center;
    display: block;
    width: calc(100% - 400px);
    max-width: 700px;
}

.ind_company_in-lan li span {
    color: #fff;
    font-size: 30px;
    text-align: center;
    position: relative;
    z-index: 0;
    padding: 25px;
    display: inline-block;
    font-family: Poppins-Bold;
}

.ind_company_in-lan li span::before {
    content: "";
    position: absolute;
    top: 15px;
    left: -5px;
    right: 0;
    bottom: 0;
    background-image: url(../images/counter_bg_leftlan.png);
    width: 29px;
    height: 52px;
}

.ind_company_in-lan li span::after {
    content: "";
    position: absolute;
    top: 15px;
    right: 0px;
    bottom: 0;
    background-image: url(../images/counter_bg_rightlan.png);
    width: 29px;
    height: 52px;
}

.ind_company_in-lan h5 {
    color: #00bfff;
    letter-spacing: 2px;
    min-height: 55px;
}

.ind_company_in-lan li {
    width: 33.3%;
    float: left;
    padding: 1%;
}

.full_widlan {
    width: 100%;
    display: inline-block;
}

.ind_company_in-lan p {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.mobileFormLandSet {
    display: none;
}



/*New form design css start*/
.newFormSetOFNN {
    width: 100%;
    padding: 80px 0;
}

.fullSetOFNewForm {
    width: 90%;
    max-width: 600px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .15);
    border-radius: 5px;
    overflow: hidden;
    margin: 0 auto;
}

.contentNewTitle {
    width: 100%;
    padding: 40px 30px;
    text-align: center;
    background-color: #00BFFF;
    color: #fff;
}

.contentNewTitle h3 {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
}

.contentNewTitle p {
    padding-top: 10px;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
}

.fullSetOFNewForm form {
    width: 100%;
    display: block;
    padding: 30px;
}

.newFormFieldSet li:not(:first-child) {
    padding-top: 18px;
    width: 100%;
}

.newFormFieldSet li label {
    width: 100%;
    display: block;
    position: relative;
}

.newFormFieldSet li label p {
    font-size: 15px;
    color: #666;
    line-height: 1.7;
    padding-bottom: 5px;
    line-height: 1;
}

.newFormFieldSet li label input,
.newFormFieldSet li label select,
.newFormFieldSet li label textarea {
    width: 100%;
    line-height: 40px;
    border: solid 1px #d9d9d9;
    color: #333;
    font-weight: 500;
    padding: 0 15px;
    background-color: #fff;
    border-radius: 0;
    font-size: 15px;
}

.newFormFieldSet li label select {
    line-height: 1;
    height: 40px;
}

.newFormFieldSet li p.error {
    text-align: right;
}

.newFormFieldSet li label .dobSetForm input {
    width: calc(30% - 20px);
    margin-right: 20px;
    float: left;
}

.newFormFieldSet li label .dobSetForm input:last-child {
    width: 40%;
    margin-right: 0
}

.newFormFieldSet li label textarea {
    resize: none;
    height: 120px;
    line-height: 1.7;
    padding: 15px;
}

.eachField .chooseFileCustom::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 6px;
    left: 15px;
    z-index: 99;
    color: #fff;
    font-size: 15px;
    pointer-events: none;
    background-color: #3396d6;
    background: url(../images/attach-icon.jpg) no-repeat;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.eachField .chooseFileCustom input[type="file"] {
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.eachField .chooseFileCustom input[type="text"] {
    padding-left: 60px;
}

.newFormFieldSet li .btn {
    max-width: 300px;
    width: 100%;
    margin: 15px auto 0;
    cursor: pointer;
    display: block;
}

/*learning new page css start*/
.stripSmallCon {
    width: 100%;
    padding: 35px 0;
    text-align: center;
    background-color: #00BFFF;
}

.stripSmallCon p {
    font-size: 26px;
    font-family: Raleway-Bold;
    color: #fff;
}

.videoSetParentConset {
    width: 100%;
    padding: 20px 0;
    background-color: #fff;
}

.topTextSetVideo {
    width: 100%;
    text-align: center;
}

.topTextSetVideo h5 {
    font-size: 28px;
    color: #333;
    font-family: Raleway-Bold;
}

.topTextSetVideo h5::after {
    content: "";
    display: Block;
    width: 50px;
    height: 2px;
    background-color: #00BFFF;
    margin: 10px auto 0;
}

.topTextSetVideo p {
    font-size: 15px;
    color: #666;
    line-height: 1.7;
    padding-top: 18px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.videoSetOFTabpar {
    width: 100%;
    background-color: #f9f9f9;
    margin-top: 35px;
    border: solid 1px #eee;
}

.tabVideoSet {
    width: 100%;
    padding: 0 15px;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.tabVideoSet li {
    font-size: 15px;
    color: #333;
    position: relative;
    cursor: pointer;
}

.tabVideoSet li a {
    padding: 15px 25px;
    display: block;
}

.tabVideoSet li:hover,
.tabVideoSet li.active {
    color: #fff;
    background-color: #00BFFF;
}

.tabVideoSet li::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    width: 0%;
    height: 2px;
    left: 0;
    background-color: #00BFFF;
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
}

.tabVideoSet li:hover::after,
.tabVideoSet li.active::after {
    width: 100%;
}

.smooth {
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.botTabsResults {
    width: 100%;
    padding: 8px 25px 30px 25px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.topheadSearch {
    width: 100%;
}

.topheadSearch h6 {
    font-size: 25px;
    color: #333;
    line-height: 40px;
    font-family: Raleway-Bold;
}

.rightSearchBar {
    max-width: 250px;
    width: 100%;
    margin-right: 31px;
}

.rightSearchBar label {
    width: 100%;
    display: block;
}

.rightSearchBar label button {
    width: 40px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #00BFFF;
    color: #fff;
    float: right;
    font-size: 17px;
    border: 0;
    cursor: pointer;
}

.rightSearchBar label input {
    width: calc(100% - 40px);
    line-height: 40px;
    background-color: #fff;
    border: solid 1px #ddd;
    padding: 0 15px;
    color: #555;
    border-radius: 0;
}

.eachvideoTab {
    display: none;
}

.eachvideoTab.active {
    display: block;
}

.botVideoPlay {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    /*padding-top: 5px;*/
}

.itemVideo {
    width: calc(280px - 10px);
    margin: 10px 5px;
    background-color: #fff;
    padding: 8px;
    border: solid 1px #ddd;
}

.itemVideo h3 {
    padding: 10px 0;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
}

.footerTopIcon {
    width: 100%;
    padding: 30px 0 50px 0;
}

.iconBoxV {
    margin-top: 15px;
    width: 100%;
    padding-top: 25px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.eachIconset {
    width: calc(25% - 10px);
    background-color: #00bfff;
    text-align: center;
    border: solid 1px #ddd;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    transition: all 0.5S linear 0s;
}

.eachIconset:hover {
    box-shadow: 0 3px 15px 5px #c2c2c257;
}

.eachIconset:last-child {
    margin-right: 0;
}

.eachIconset img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.eachIconset p {
    font-size: 15px;
    padding: 15px;
    line-height: 1.7;
    color: #fff;
}

.ourmiles {
    width: 100%;
    display: block;
    background-color: #182934;
    padding: 20px 0;
    /*margin: 20px 0 20px 0;*/
    text-align: center;
}

.our-miltitle {
    font-size: 28px;
    color: #fff;
    font-family: Raleway-Bold;
}

.our-miltitle::after {
    content: "";
    display: Block;
    width: 50px;
    height: 2px;
    background-color: #00BFFF;
    margin: 10px auto 0;
}

.full_widlear {
    width: 100%;
    padding-top: 25px;
    display: inline-block;
}

.learing-newmiles li {
    width: 25%;
    float: left;
}

.learing-newmiles h5 {
    color: #ffa500;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: bold;
}

.learing-newmiles li span {
    color: #fff;
    font-size: 30px;
    text-align: center;
    position: relative;
    z-index: 0;
    padding: 25px;
    display: inline-block;
    font-family: Poppins-Bold;
}

.learing-newmiles li span::before {
    content: "";
    position: absolute;
    top: 15px;
    left: -5px;
    right: 0;
    bottom: 0;
    background-image: url(../images/counter_bg_left.png);
    width: 29px;
    height: 52px;
}

.learing-newmiles li span::after {

    content: "";
    position: absolute;
    top: 15px;
    right: 0px;
    bottom: 0;
    background-image: url(../images/counter_bg_right.png);
    width: 29px;
    height: 52px;
}

.learingsign {
    width: 100%;
    display: block;
    background-color: #3396d6;
    /*margin: 30px 0 0 0;*/
    padding: 20px 0;
    text-align: center;
}

.getfreesign {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.getfreesign h5 {
    font-size: 32px;
    color: #fff;
    padding: 0 0 10px 0;
    font-weight: bold;
}

.getfreesign p {
    max-width: 500px;
    font-size: 15px;
    color: #ddd;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 10px 0;
}

.getfreesign a {
    color: #3396d6;
    background-color: #fff;
    padding: 10px 35px;
    border: 1px solid #fff;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    text-transform: uppercase;
}

.getfreesign a:hover {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}

.learfaq {
    width: 100%;
    display: block;
    background-color: #f8f8f8;
    /*margin: 30px 0 30px 0;*/
    padding: 30px 0;
    text-align: center;
}

.fullwfaqlear {
    width: 100%;
    display: block;
}

.fullwfaqlear h5 {
    font-size: 28px;
    color: #333;
    font-family: Raleway-Bold;
}

.fullwfaqlear h5::after {
    content: "";
    display: Block;
    width: 50px;
    height: 2px;
    background-color: #00BFFF;
    margin: 10px auto 0;
}

.listfaqlear {
    width: 100%;
    display: block;
}

.faqquestion {
    padding-top: 20px;
}

.faqquestion li {
    margin: 10px 0;
}

.faqquestion li h4 {
    cursor: pointer;
    padding: 5px 0;
    font-family: lato-Bold;
    font-size: 16px;
    color: #333;
    padding: 5px 0;
    text-align: left;
}

.faqquestion li p {
    font-size: 14px;
    text-align: left;
}

.faqquestion a {

    margin: 30px 0 0 0;
    display: inline-block;
    background-color: #3396D6;
    border-radius: 30px;
    padding: 10px 35px;
    transition: 0.5s ease-in-out;
    color: #fff;
}

.faqquestion a:hover {
    color: #fff;
    box-shadow: inset 200px 0px 0 0px #2e2f31;
}

/*Top menu drop-down*/
.menudropdown {
    font-size: 16px;
    color: #fff;
    border-left: 1px solid #7fdbf9;
    padding-left: 10px;
}

.inMenu-trigger {
    background-color: #fff;
    padding: 10px;
    position: absolute;
    top: 35px;
    right: 0;
    text-align: center;
    width: 120px;
    display: none;
    z-index: 99;
}

.inMenu-trigger li a {
    padding: 8px 0px;
    display: inline-block;
    font-family: Roboto-Medium;
    position: relative;
    z-index: 0;
    letter-spacing: 1px;
    font-size: 16px;
}

.inMenu-trigger li a::before {
    content: "";
    position: absolute;
    left: 100%;
    right: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 0;
    height: 3px;
    background: #00BFFF;
    transition: all 0.5s ease-in-out;
    opacity: 0.75;
}
.prof-dis h5
.inMenu-trigger li a:hover::before {
    right: 0;
    left: 0;
    opacity: 1;
}

.flex-cu{
    display:flex;
}
.flex-20{
    flex: 20%;
}
.flex-80{
    flex: 80%;
}
.flex-22{
    flex: 22%;
}
.flex-78{
    flex: 78%;
}
.title-select-reg{
    height: 48px !important;
    margin:1% !important;
}
.title-select-foo{
    height: 100% !important;
}
.full_wid_cus{
    height: 150px !important;
}
.blueheading{
        color: #00BFFF !important;
}





        .profile-sec {
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 10000;
			background: rgba(0,0,0,0.5);
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			visibility: hidden;
			opacity: 0;
		}
		.profile-sec.active{
			visibility: visible;
			opacity: 1;
		}
		.profile-sec .content {
			position: relative;
            max-width: 1000px;
            outline: none;
            overflow-y: scroll;
            background: #ffff;
            padding: 25px 25px;
            margin-top: 1rem;
            margin-bottom: 1rem;
		}
			.profile-sec .content h2 {
			    font-size: 28px;
			    font-weight: 600;
			    line-height: 32px;
			    color: #000;
			    margin-bottom: 1rem;
			}
			.profile-sec .content h3 {
			    font-size: 22px;
			    font-weight: 600;
			    line-height: 28px;
			    color: #000;
			    margin-bottom: 1rem;
			}
			.profile-sec .content p {
			    font-size: 16px;
			    font-weight: 400;
			    line-height: 28px;
			    color: #262626;
			    margin-bottom: 10px;
			}
			.profile-sec .content .imgbox {
			    display: block;
			    width: 100%;
			    height: auto;
			    margin: 0 auto;
			}
			.profile-sec .content .imgbox  img {
			    max-width: 100%;
			    height: 100%;
			    object-fit: contain;
			    margin: 0 auto;
			}
		.close {
            position: absolute;
            top: 30px;
            right: 30px;
            width: 35px;
            height: 35px;
            color: #000;
            cursor: pointer;
            background: #fff;
            text-align: center;
            font-size: 24px;
            z-index: 99;
        }
		@media (max-width: 991px){
			.profile-sec .content{
				max-width: 90%;
			}
		}
		@media (max-width: 767px){
			.profile-sec .content {
				max-width: 90%;
			}
		}