* {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.navbar-expand-lg .navbar-nav .nav-item 
{
    height: 3em;
    line-height: 3em;
}
.w3l-form-12 .grid-column-2 {
    grid-template-columns: auto 1fr;
    grid-column-gap: 25px;
}
.w3l-form-12 .grid {
    display: grid;
}
.w3l-form-12 .column1 {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 27px 25px 28px;
    border: 1px solid #f1f1f1;
}
.w3l-form-12 .tagline {
    color: var(--title-color);
    text-transform: capitalize;
    line-height: 39px;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
a {
    color: #002147;
    text-decoration: none;
    background-color: transparent;
}
.w3l-form-12 .courses-item {
    background: #002147;
    padding: 13px 10px;
    border-radius: 4px;
    text-align: center;
}
.w3l-form-12 span.fa {
    font-size: 42px;
    color: #fff;
}
.w3l-form-12 .courses-item p {
    font-size: 16px;
    color: #fff;
    margin-top: 5px;
    line-height: 55px;
}
.img1
{
  margin-left: 0rem;
  /* padding-left: 0rem; */
  width: 35%;
}
.triangle-right
{
  width: 0;
  height: 0;
  border-bottom: 300px solid transparent;
  border-left: 240px solid #e23634;
  border-right: 43px solid transparent;
}
.triangle-right1
{
  width: 45px;
  height: 160px;
  transform: skew(
322deg);
    background: #555;
}
#services
{
  margin-top: -18rem;
}
.cl1
{
  max-width: 223px;
}
/* Footer Styles */
.w3l-footer-29-main .footer-29 {
    background: #002147;
    padding: 60px 0;
}
.w3l-footer-29-main .footer-top-29 {
    grid-gap: 40px;
    grid-template-columns: 2fr 1fr 2fr 1fr;
}
.w3l-footer-29-main .footer-list-29 ul li a, .w3l-footer-29-main .footer-list-29 ul li p {
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}
.w3l-footer-29-main .footer-list-29 ul li span.fa {
    color: #fdc800;
    width: 20px;
}
.w3l-footer-29-main .main-social-footer-29 {
    margin-top: 20px;
}
.w3l-footer-29-main .main-social-footer-29 a {
    margin-right: 10px;
    color: #fff;
    background: rgba(26, 68, 116, 0.55);
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    transition: 0.3s;
}
.w3l-footer-29-main .main-social-footer-29 a:hover {
  transition: 0.3s; }

.w3l-footer-29-main .main-social-footer-29 a.facebook:hover {
  background: #3b5998;
  color: #fff; }

.w3l-footer-29-main .main-social-footer-29 a.twitter:hover {
  background: #1da1f2;
  color: #fff; }

.w3l-footer-29-main .main-social-footer-29 a.instagram:hover {
  background: #c13584;
  color: #fff; }

.w3l-footer-29-main .main-social-footer-29 a.linkedin:hover {
  background: #0077b5;
  color: #fff; }

.w3l-footer-29-main .main-social-footer-29 a.google-plus:hover {
  background: #dd4b39;
  color: #fff; }
  .w3l-footer-29-main .footer-29 form {
    display: flex;
    margin-bottom: 25px;
}
.w3l-footer-29-main .footer-29 .subscribe input[type="email"] {
    background: rgba(26, 68, 116, 0.55);
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    outline: none;
    width: 85%;
    color: #fff;
    border-radius: 0.25rem 0 0 0.25rem;
}
.w3l-footer-29-main .footer-29 .subscribe button {
    text-align: center;
    background: #fdc800;
    border: none;
    outline: none;
    color: #002147;
    font-size: 18px;
    cursor: pointer;
    width: 15%;
    border-radius: 0 0.25rem 0.25rem 0;
}
.w3l-footer-29-main .footer-3 p {
    color: #fff;
}
.w3l-footer-29-main .bottom-copies {
    border-top: 1px solid #454545;
    padding-top: 2em;
    margin-top: 2em;
}

/* Pop up */
#headerPopup1{
  width:75%;
  margin:0 auto;
}

#headerPopup1 iframe{
  width:100%;
  margin:0 auto;
}
#headerPopup2{
  width:75%;
  margin:0 auto;
}

#headerPopup2 iframe{
  width:100%;
  margin:0 auto;
} 

#headerPopup3{
  width:75%;
  margin:0 auto;
}

#headerPopup3 iframe{
  width:100%;
  margin:0 auto;
}
.vh
{
  color:white;
}
.vh:hover
{
  color:#f3b83a;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.play-view {
    left: 0;
    right: 0;
    top: calc(50% - 40px);
}
span.video-play-icon {
    background: #fff;
    display: inline-block;
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
    -webkit-animation: ripple 1s linear infinite;
    animation: ripple 1s linear infinite;
}
.v1
{
  width:80%;
}
/* About Page Style starts*/

.w3l-content-with-photo-4 .cwp4-text {
    align-self: center;
}
.w3l-content-with-photo-4 .cwp4-text h3 {
    font-size: 36px;
    line-height: 44px;
    color: #10081c;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-weight: 600;
}
.w3l-content-with-photo-4 .cwp4-text p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #585858;
    margin: 25px 0;
}
.w3l-content-with-photo-4 .cwp4-text ul li {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #585858;
    margin: 10px 0;
}
.w3l-content-with-photo-4 ul.cont-4 li span.fa {
    color: #fdc800;
    padding-right: 5px;
}
.w3l-content-with-photo-4 .cwp4-two img {
    border-radius: 5px;
}
.w3l-features-1 .features h5 {
    font-size: 26px;
    line-height: 32px;
    color: #1a1d2d;
    font-weight: 600;
}
.w3l-features-1 p {
    font-size: 16px;
    line-height: 24px;
    color: #585858;
    margin-top: 16px;
}
.w3l-feature-2 .top-bottom {
    background: #f6f6f6;
}
.heading {
    max-width: 750px;
}
.heading h3 {
    font-size: 36px;
    line-height: 42px;
    color:#060606;
    font-weight: 600;
}
.heading p
{
  color:#585858;
}
 .w3l-feature-2 .icon span.fa {
    height: 72px;
    font-size: 28px;
    color: #002147;
    width: 72px;
    line-height: 72px;
    background: #f3b83a;
    border-radius: 50%;
}
.w3l-feature-2 .three-grids-columns h4 {
    font-size: 22px;
    color: #1a1d2d;
    line-height: 27px;
    font-weight: 600;
    margin-top: 20px;
}
.w3l-feature-2 .three-grids-columns p {
    margin: 16px 0 0px;
    font-size: 16px;
    line-height: 24px;
    color: #585858;
}
/* About Page Style Ends */
/* Responsive Starts */
@media (max-width: 1080px)
{
  .w3l-footer-29-main .footer-29 
  {
      padding: 50px 0 70px;
  }
}
@media (max-width: 1024px)
{
  .w3l-footer-29-main .grid-col-2
    {
      grid-template-columns: 1fr;
    }
  .w3l-footer-29-main .copy-footer-29 
  {
    text-align: center;
  }
  .w3l-footer-29-main ul.list-btm-29 
  {
    text-align: center;
    margin-top: 10px;
  }
}
@media (max-width: 992px)
{
  .w3l-footer-29-main .footer-top-29 
  {
      grid-template-columns: 1fr 1fr;
      grid-gap: 40px;
  }
  .w3l-form-12 .grid-column-2 
  {
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .triangle-right 
  {
    width: 0;
    height: 0;
    border-bottom: 270px solid transparent;
    border-left: 260px solid #e23634;
    border-right: 45px solid transparent;
  }
  .cl1
  {
    max-width: 100%;margin-top: 2rem;
  }
  .inner-banner
  {
    background-size: auto;
  }

}
@media (max-width: 667px)
{
  .w3l-footer-29-main .footer-29 
  {
      padding: 40px 0 50px;
  }

  .w3l-footer-29-main .footer-top-29 
  {
    grid-template-columns: 1fr 1fr;
  }
  .w3l-footer-29-main .footer-1 
  {
    grid-column: span 2;
  }
  .w3l-footer-29-main .main-social-footer-29 a 
  {
    margin-right: 5px;
  }
  .w3l-footer-29-main .footer-3 
  {
    grid-column: span 2;
    order: 2;
  }
  .w3l-footer-29-main .midd-footer-29, .w3l-footer-29-main ul.list-btm-29 
  {
    grid-template-columns: 1fr;
    text-align: center;
    grid-gap: 20px;
  }
  .w3l-form-12 .courses-item p 
  {
    font-size: 10px;
    color: #fff;
    margin-top: 5px;
    line-height: 55px;
  }
  .v1 
  {
    margin-top: 1rem;
    width: 100%;
  }
}
/* Responsive Ends */