body {
    margin: 0;
font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff !important;
    text-align: left;
    background-color: #1e1e1e !important;
  }
 /*Animation Start*/
@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
/*Animation end*/ 
.head-main{
    background: url(../img/top-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.header-main{
    position: absolute;
    width: 100%;
    z-index: 99;   
}
.header-main .container{
max-width: 1260px;  
}
.navbar-nav a {
        color: #ffffff !important;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.9px;
}
.navbar-nav a:hover {
   color: #f2c94c !important; 
}
.navbar ul li{
    padding: 0 16px;
}
.logo img{
    width: 170px;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.top-text{
margin-top: 40%;      padding-left: 76px;  
}
.top-text h3{
    line-height: 34px  ;font-size: 21px;

}
.top-text p{
    margin-top: 4%;
    font-size: 15px;
    margin-bottom: 45px;
    border-left: 3px solid #253bbd;
    padding-left: 22px;
    line-height: 26px;
}
.top-img{
    margin-top: 22%;
    text-align: end;
    padding-bottom: 10%;  
}
.top-img img{
width: 100%;
}
.nav-top{
    margin-top: -50px;
}
.main-button{
    background: #f2c94c;
    color: #000;
    padding: 15px 25px;
    border-radius: 5px;
}
.main-button:hover {
    background: #253bbd;
    color: #ffffff;
    text-decoration: none;
}
.sec-img img{
width: 594px;
    margin-top: -25px;  
}

.sec-text{
    margin-top: 26%;
    padding-left: 45px;
    padding-right: 45px; 
}
.sec-text h3{
line-height: 48px;
    font-size: 46px;
        padding-bottom: 20px;

}
.sec-text p{
    margin-top: 4%;
    margin-bottom: 45px;
    line-height: 30px;
}
.head-sec{
     padding-bottom: 6%;   
}
.sec-third{
background: #0f0f0f;
    padding: 100px 0;
    text-align: center;  
}
.flip-box {
  background-color: transparent;
  height:275px;
  perspective: 1000px;
    margin-bottom: 22px
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: #fff;
  border: 1px solid #e0e0e0;
      padding: 35px 30px;
}

.flip-box-back {
  background:-webkit-linear-gradient(top, #f2994a, #f2bc4b);
  padding: 35px 30px;
  transform: rotateY(180deg);
}

.flip-box-front .flipbox-icon{
    display: inline-block;
    background: #efefef;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
    color: #064774;
    margin-bottom: 30px;
    z-index: 1;
    position: relative;
    transition:all 0.3s ease 0s;
}
.flip-box-front h2{
    font-size: 24px;
        color: #333;
            padding-bottom: 20px;
}
.flip-box-front h2 span{
      color: #ec9223;  
}

.flip-box-back .flipbox-icon{
    display: inline-block;
    background: #ffffff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
    color: #064774;
    margin-bottom: 30px;
    z-index: 1;
    position: relative;
    transition:all 0.3s ease 0s;
}
.flip-box-front .flipbox-icon img{
width: 55px;
}
.flip-box-front a{
    background: #f2c94c;
    color: #000;
    padding: 10px 18px;
    font-size: 14px;
    border-radius: 3px;
}
.flip-box-front a:hover{
text-decoration: none;
}
.flip-box-back a{
    background: #253bbd;
    color: #ffffff;
    padding: 10px 18px;
    font-size: 14px;
    border-radius: 3px;
    color: #ffffff;
}
.flip-box-back a:hover {
text-decoration: none;
color: #ffffff;
}
.flip-box-back .flipbox-icon img{
width: 55px;
}
.flip-box-back h2{
    font-size: 26px;
    color: #fff;
    padding-bottom: 20px;
}
.flip-box-back h2 span{
      color: #ec9223;  
}
.sec-third h3{
 line-height: 34px;
    font-size: 46px;
        padding-bottom: 60px;   
}
.sec-third p{
    margin-top: 25px;
    margin-bottom: 45px;
    line-height: 30px;
}
.tour-img{
    text-align: right
}
.tour-img img{
    width: 100%;
}
.tour-part{
    background: #0f0f0f;
}
.tour-text{
margin-top: 10%;
    padding-left: 80px;
    border-top-right-radius: 110px;
    padding-right: 70px;
    padding-top: 70px;
    margin-right: -103px;
    z-index: 999;
    position: relative;
    padding-bottom: 87px;
    background: #272727ad;
}
.tour-text h3{
line-height: 48px;
    font-size: 46px;
        padding-bottom: 20px;

}
.tour-text p{
    margin-top: 4%;
    margin-bottom: 45px;
    line-height: 30px;
}

.top-icon,
.bottom-icon{
    display: block;
    font-size: 70px;
    color: #665523;
    text-align: left;
    margin: 0 auto;
}
.testimonial{
    padding: 0 40px;
    position: relative;
    overflow: hidden;
    background: #fff;
    color: #2b2b2b;
    z-index: 1;
    min-height: 220px;
}
.testimonial:after{
    content: "";
    width: 150px;
    height: 107%;
    background: #f2c94c;
    position: absolute;
    top: -15px;
    left: -82px;
    transform: matrix(1, 0, 0.5, 1, 150, 0);
    z-index: -1;
}
.testimonial .pic{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin: 10px 25px 0 0;
    position: relative;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .testimonial-content{
    width: 70%;
    float: right;
    padding: 30px 0;    text-align: left;
}
.testimonial .testimonial-title{
    font-size: 30px;
    font-weight: 900;
    margin: 0 0 20px;
    text-transform: capitalize;    padding-bottom: 0;
}
.testimonial .description{
    font-size: 18px;
    line-height: 26px;
}
.owl-theme .owl-controls .owl-page span{
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #1ec4f3;
}
.owl-theme .owl-controls .owl-page:active span{
    color: #1ec4f3;
}
.footer-bg{
    padding: 35px 0 15px 0;    
}
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
    background: #fff;
}
.dropdown-menu a{
    font-size: 14px;
    padding-bottom: 10px;    
}
.top-bar-header {
    padding-top: 12px;
    border-bottom: 1px solid #ffffff21;
    height: 46px;
}
.social-icon ul{
     list-style: none;   
}
.social-icon ul li{
    display:inline;padding-right: 25px;
}
.social-icon ul li a{
     color: #f2c94c;  
}
.member-login {
    text-align: right;
}
.member-login a{
    color: #1e1e1e;
    font-weight: 600;
}
.member-login a:hover {
    text-decoration: none;color: #fff;
}
.banner-inner{
    background: url(../img/faq-banner.jpg);
    background-size: cover;
        padding: 10% 7% 4% 7%;
}
.banner-text{
        padding-top: 102px;
}
.banner-text h2{
    font-size: 48px;
    color: #f2c94c;
}
.banner-text p{
    
}
.faq-section{
    
}
.faq-section ol{
     padding-left: 0;   
}
.faq-section ol li{
 padding-bottom: 15px;   
}
.faq-sec {
    padding-bottom: 15px;
}
.faq-sec h5 {
    color: #ffdc70;
    font-weight: 400;
    font-size: 18px;
}
.call-top a {
    color: #f2c94c;
}
.call-top a:hover {
    color: #fff;text-decoration: none;
}

.sidebar {
    background: -webkit-linear-gradient(top, #f2c94c, #f2994a);
    padding: 55px 20px 20px 0px;position: sticky;
    top: 0;
}
.sidebar ul{
padding-left: 0;
    list-style: none;    
}
.sidebar ul li{
       padding-bottom: 15px; 
}
.sidebar ul li a {
    color: #1b1b1b;
    font-weight: 500;
    font-size: 15px;
}
.sidebar ul li a:hover {
text-decoration: none;
}

.underlined {
  color: black;
  flex: 1;
  font-size: 16px;
  line-height: 1.2;
  text-decoration: none;
  background-image: linear-gradient(to right, yellow 0, yellow 100%);
  background-position: 0 1.2em;
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: background .5s;
      padding: 8px 10px 10px 10px;
}
.underlined:hover {
  background-size: 100% 100%;
      color: #212121 !important;
}
.underlined--thin {
  background-image: linear-gradient(to right, black 0, black 100%);
}
.underlined--thick {
  background-position: 0 -0.1em;
}
.underlined--offset {
  background-position: 0 0.2em;
  box-shadow: inset 0 -.5em 0 0 white;
}
.underlined--gradient {
  background-position: 0 -0.1em;
  background-image: linear-gradient(to right, #9ea0a9c4 0, #dcf0ff00 100%);
      padding-left: 25px;
      border-radius: 3px;
}
.underlined--reverse {
  background-position: 100% -0.1em;
  transition: background 1s;
  background-image: linear-gradient(to right, yellow 0, yellow 100%);
}
.course-sec{
 padding-top: 55px; padding-bottom: 60px;  
}
.course-sec h3 {
    color: #f2c94c;
    font-size: 22px;
}
.course-sec p{
font-size: 15px;    
}
.border-sec {
    border-bottom: 1px solid #ffffff26;
        padding-bottom: 40px;
    padding-top: 40px;
}
.course-li {
      text-align: left;
}
.course-li ul{
    padding-left: 0;
    list-style: none;    
}
.course-li ul li{
      padding-bottom: 10px;
    font-size: 15px;  
}
.course-li ul li a{
color:#f2c94c;
}
.signu-up-inner {
    background: url(../img/sign-up-banner.jpg);
    background-size: cover;
    padding: 10% 7% 4% 7%;
}
.signup-section{
    padding:5% 0%;    background: #0f0f0f;
}
.signup-sidebar {
    background:-webkit-linear-gradient(top, #253bbd, #4a8dd2);
    padding: 55px 20px 20px 20px;
    position: sticky;
    top: 0;height: 100%;
}
.signup-sidebar h3{
  
}
.signup-sidebar p{
  font-size: 15px;
}
.form-right {
    padding: 52px 30px 50px 50px;
    background: #ffffff05;
    box-shadow: #00000029 1px 1px 12px;
}
.form-right input{
    width: 100%;
    font-size: 14px;
    padding: 10px 10px;border: none;  border-radius: 3px;
}
.form-right label{
    font-size: 15px;
}
.radio-button{
   width: auto !important; 
}
.side-form-gap{
    padding-bottom: 30px;    
}
.side-form-gap p{
font-size: 15px;
    margin-bottom: 5px;   
}
.side-form-gap a {
    color: #ffdb6c;
    text-decoration: none;
}
.side-form-gap a:hover{
     color: #ffffff;
    text-decoration: none; 
}
.display-radio{
      display: inline;
    padding-right: 15px;  
}
.form-but {
    background: -webkit-linear-gradient(top, #f2c94c, #f39433);
    border: none;
    padding: 10px 46px;
    border-radius: 3px;
}
.form-but:hover {
    background: #fff;
  
}
.signu-text{
        float: none;
}
.signu-text h5{
      color: #f7d46b;
    padding-top: 6px; font-size: 16px;    
}
.signu-icon{
      float: left;      margin-right: 22px;
}
.signu-icon img{
       
}
.signup-sidebar ul{
        list-style: none;
    padding-left: 0;
    padding-top: 60px;  
}
.signup-sidebar ul li{
    padding-bottom: 22px;
    border-bottom: 1px solid #ffffff36;
    margin-bottom: 25px;
}

@media only screen and (max-width: 767px){
    .testimonial{
        text-align: center;
    }
    .testimonial .pic{
        float: none;
        margin: 20px auto 0;    display: none;
    }
    .testimonial .testimonial-content{
        width: 100%;
        float: none;
        padding:40px 0 0 0;
    }
    .testimonial .description{
        font-size: 14px;
    }
    .sec-img img {
    width: 100%;
}
.tour-text {
     margin-right: 0;
     padding-left: 30px;
    padding-right: 30px;
}
.top-img {
    margin-top: 48%;
}.top-text {
    margin-top: 5%;
    padding-left: 8px;
}
.sec-img{
    margin-top: 19%;  
}
.head-main {
    background: url(../img/top-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 0 60px 0;
}
.navbar-collapse {
    background: #1e1e1e;
    padding: 80px 0 35px 0;
}
.sec-text {
    margin-top: 26%;
    padding-left: 20px;
    padding-right: 20px;
}
.social-icon ul {
    padding-left: 0;
}
.social-icon ul li {
    padding-right: 15px;
    font-size: 12px;
}
.call-top a {
    font-size: 14px;
}
.top-width-1{
     width: 50% !important;   
}
.top-width-2{
      width: 50% !important;     text-align: end; 
}
.top-width-4{
  display:none;  
}
.banner-text h2 {
    font-size: 34px;
}
.banner-text {
    padding-top: 152px;
}

}
@media only screen and (max-width: 480px){
    .testimonial{ padding: 0 20px; }
    .testimonial .testimonial-title{
        font-size: 22px;
    }
}

.form-right select{
    width: 100%;
    font-size: 14px;
    padding: 10px 10px;
    border: none;
    border-radius: 3px;
}
.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}
.toggle-password{
  bottom: -37px;
    color: #333;  
}
.alredy-register{
      
}
.alredy-register h4{
    color: #333;      padding-top: 46px; padding-bottom: 15px;
}
.alredy-register input{
     margin-bottom: 15px;     
}