*{margin: 0px; padding: 0px; box-sizing: border-box;}
body{margin: 0px; padding: 0px; padding-top: 100px;}

@font-face {
font-family: gilroy-light;
src: url(Gilroy-Light.otf);
}

@font-face {
font-family: gilroy-bold;
src: url(Gilroy-ExtraBold.otf);
}
 
/*-------------------------------------------
    44. Cookie Concent Area Page Start
-------------------------------------------*/
.cookie-consent {
    position: fixed;
    bottom: 5px;
    left: 12px;
    width: 296px;
    padding-top: 7px;
    min-height: 140px;
    color: #000!important;
    line-height: 26px;
    padding-left: 23px;
    padding-right: 33px;
    font-size: 16px;
    background: #f4f4f4;
    z-index: 9999;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #e9e9e9;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.main-cookie-content .primary-btn {
    display: inline-block;
    padding: .3rem 1.1rem;
    /* text-transform: capitalize; */
    color: white;
    background-color: #0E009A;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border: none;
    border-radius: 5px;
    margin-top: 10px;
}
.front-close-btn.btn-close {
    top: 3px;
    right: 3px;
    font-size: 10px;
    padding: 6px;
}
/*-------------------------------------------
    44. Cookie Concent Area Page End
-------------------------------------------*/
/*-------------------------------------------
    40. Sign Up Page Start
-------------------------------------------*/
.sign-up-page {
    overflow-x: hidden;
}
.sign-up-page .row .col-md-5, .sign-up-page .row .col-md-7 {
    padding: 0;
}

.sign-up-left-content {
    background-image: url("../img/sign-up-page-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 30px 100px;
}
@media(max-width:1200px){
    .sign-up-left-content{
        padding: 0px 0px;
        margin-left: 12px;

    
}
    
}

.sign-up-bottom-img {
    margin-top: 130px;
}
.sign-up-bottom-img img {
    height: auto;
    width: 561px;
}
.sign-up-left-content, .sign-up-right-content {
    min-height: 100vh;
    height: 100%;
}
.sign-up-right-content {
    align-items: center;
    display: flex;
}
.sign-up-right-content form {
    width: 479px;
    margin: 0 auto;
}

@media(max-width:1200px){
    .sign-up-right-content form {
    width: 290px;
    margin: 0 auto;
}
}
.sign-up-left-content p {
    font-size: 26px;
    line-height: 137%;
    color: rgba(255, 255, 255, 0.86);
    /*margin-top: 100px;*/
    padding-right: 115px;
    padding:20px;
}



/*Show/Hide Password*/
.sign-up-right-content .pass-icon {
    font-size: 13px;
    float: right;
    top: 18px;
    position: absolute;
    right: 10px;
}
.google-login {
    background-color: #DB4437!important;
    border-color: #DB4437!important;
}
.google-login:hover {
    background-color: var(--white-color)!important;
    color: #DB4437!important;
    border-color: #DB4437!important;
}
.facebook-login {
    background-color: #3b5998!important;
    border-color: #3b5998!important;
}
.facebook-login:hover {
    background-color: var(--white-color)!important;
    color: #3b5998!important;
    border-color: #3b5998!important;
}
.twitter-login {
    background-color: #55acee!important;
    border-color: #55acee!important;
}
.twitter-login:hover {
    background-color: var(--white-color)!important;
    color: #55acee!important;
    border-color: #55acee!important;
}
.form-control, .form-select {
    background-color: white;
    height: 49px;
    color: grey;
  border: 2px solid grey;
    border-radius: 4px;
}
.theme-button3 {
    border: 2px solid #0e009a;
}
.theme-button3:hover {
    border: 2px solid #0e009a;
}
.theme-button1, .theme-button2, .btn-violet-transparent {
    color: white;
    background-color: #0e009a;
    border: 2px solid #0e009a;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    outline: none;
    /* text-transform: capitalize; */
    z-index: 99;
    padding: 9.5px 24px!important;
    font-size: 15px!important;
    justify-content: center;
    border-radius: 4px;
    font-weight: 600!important;
    margin-top:5px;
}
.theme-btn {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    outline: none;
    /* text-transform: capitalize; */
    z-index: 99;
    padding: 9.5px 24px!important;
    font-size: 15px!important;
    justify-content: center;
    border-radius: 4px;
    font-weight: 600!important;
}
.theme-button1:hover {
    color: white !important;
    background-color: grey;
    border: 2px solid grey;
}
.theme-button2 {
    background-color: grey!important;
    color: var(--theme-color)!important;
    border: 2px solid var(--white-color);
}
.theme-button2:hover {
    color: white !important;
    background-color: var(--theme-color)!important;
    border: 2px solid var(--theme-color);
}
#writeReviewModal .theme-button3, .modal-back-btn {
    border: 1px solid #D8D8D8;
    background-color: var(--white-color);
    color: var(--body-font-color);
    margin-right: 5px;
}
#writeReviewModal .theme-button1 {
    border: 1px solid var(--theme-color);
}
#writeReviewModal .theme-button3:hover, #writeReviewModal .theme-button1:hover, .modal-back-btn:hover {
    border: 1px solid var(--theme-color);
    background-color: var(--white-color);
    color: var(--theme-color);
}
/*-------------------------------------------
    40. Sign Up Page End
-------------------------------------------*/
header{height: 100px; position: fixed; top: 0px; left: 0px; right: 0px; background: linear-gradient(180deg, #002259 0%, #0A1224 100%); display: flex; align-items: end; z-index: 99999;}
header .header-div{display: flex; align-items: self-start; justify-content: space-between;}
header .header-div .logo-div{margin-top: 10px;}
header .header-div .logo-div img{width: 350px;}
header .header-div .right-menu-div .login-div{display: flex; align-items: center; justify-content: flex-end; margin: 10px 0px;}
.login-div.mobile-v{display: none;}
header .header-div .right-menu-div .login-div .login-icon img{width: 35px;}
header .header-div .right-menu-div .login-div .login-btn button{height: 31px; padding: 0px 25px; border: 2px solid #fc9900; border-radius: 10px; color: #031d49; font-weight: 600; margin-left: 5px; background: #fcb03a; font-family: gilroy-light; transition: 0.5s;}
header .header-div .right-menu-div .login-div .login-btn button:hover{border: 2px solid #fc9900; color: #fc9900; background-color: transparent; transition: 0.5s;}
header .header-div .right-menu-div .menu-div .menu-wrapper .menu-link{display: flex; align-items: flex-end; list-style: none; margin: 0px;}
header .header-div .right-menu-div .menu-div .menu-wrapper .menu-link .list-link .only-header{margin: 0px 20px; display: block; text-decoration: none; color: #fff; font-family: gilroy-light; font-size: 20px; line-height: 2; position: relative; white-space: nowrap; font-size: 20px;}
header .header-div .right-menu-div .menu-div .menu-wrapper .menu-link .list-link .search-div{margin-left: 20px; position: relative; height: 33px; border-radius: 8px; width: 220px; background-color: #162944; border: 1px solid #3b5a8d;}
header .header-div .right-menu-div .menu-div .menu-wrapper .menu-link .list-link .search-div .search-btn{background-color: #002259; border: none; position: absolute; right: 0px; top: 0px; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
header .header-div .right-menu-div .menu-div .menu-wrapper .menu-link .list-link .search-div .search-btn img{width: 30px;}
header .header-div .right-menu-div .menu-div .menu-wrapper .menu-link .list-link .search-div input{width: 100%; height: 100%; background-color: transparent; border: none; padding: 10px; padding-right: 35px; color: #fff; outline: none;}
header .header-div .right-menu-div .menu-div .menu-wrapper .menu-link .list-link .search-div input::placeholder{color: #8ed4f7; font-size: 16px;}
header .header-div .mobile-hamburger-menu{display: none;}
header .header-div .right-menu-div .menu-div .menu-wrapper .menu-link .list-link .only-header::after{vertical-align: 2px;}
/* side menu css start here */
header .header-div .side-menu-div{display: none;}
/* side menu css end here */
.dropdown {position: relative; display: inline-block;}  
.dropdown-content{display: none; position: absolute; background-color: #001a45e8; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; padding: 15px 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.dropdown-content p{color: #fcb03a; font-size: 25px; font-weight: 500; margin: 0px; font-family: gilroy-light; padding: 0px 50px 0px 30px;}
.dropdown-content .drop-list li a{display: block; text-decoration: none; white-space: nowrap; color: #fff; font-family: gilroy-light; padding: 0px 20px 0px 5px;}
.dropdown:hover .dropdown-content {display: block; transition: 0.5s;}
.dropdown-content::before{content: ''; position: absolute; top: -6px; height: 5px; width: 90px; background-color: #fcb03a;left: 20px;}
.dropdown-content .drop-list{list-style: none;}
.dropdown-content .drop-list .dropdown-item-ac{display: flex; align-items: center; padding: 0px 80px 0px 30px; height: 25px;}
.dropdown-content .drop-list .dropdown-item-ac::before{content: "\2022"; color: #fcb03a; font-weight: bold; font-size: 30px; height: 50px;}
.dropdown-content .drop-list .dropdown-item-ac:hover{background-color: #0a3977;}


/* Home page css start here */

/* video carousel css start  */
 .item .content-vid{position: absolute; top: 25%; left: 0px; width: 606px; text-align: left;}
 .item .content-vid .text-box .text-bg{display: inline-table; background-color: #0022597a; margin-bottom: 7px;}
 .item .content-vid .text-box h1{margin-bottom: 0px; margin-right: 10px; color: #fff; font-family: gilroy-light; text-transform: uppercase; margin-left: 200px; text-align: left ; font-size: 38px;}
 .item .content-vid .text-box h1 strong{font-weight: 900; font-family: gilroy-bold; position: relative;}
 .item .content-vid .btn-div button{padding: 8px 54px; border: 2px solid #002259; background-color: #002259; color: #fff; font-family: gilroy-light; border-radius: 10px; transition: 0.5s; font-size: 25px;}
 .item .content-vid .btn-div button:hover{background-color: #fff; color: #002259; border: 2px solid #002259; transition: 0.5s;}
 .item .video-div .video-tags{min-width: 100%; min-height: 100%;}
 .item .video-div{display: block;}
 .item .video-div-mobile{display: none;}
 .item .content-vid .btn-div{text-align: right; margin-top: 65px;}
 .video-wrapper .item{position: relative; width: 100%; overflow: hidden; height: 630px;}
/* video carousel css end */ 

/* Resourceful css start here */
.Resourceful .resou .resou-wrapper .top-boxs .top-box .oto-box{background: #fcb03a; height: 125px; width: 350px; border-radius: 15px; border-bottom: 10px solid #061a3e; display: flex; align-items: center; justify-content: space-around; padding: 10px;}
.Resourceful .resou .resou-wrapper .top-boxs .top-box .oto-box img{width: 80px;}
.Resourceful .resou .resou-wrapper .top-boxs .top-box .oto-box span{color: #fff; font-size: 20px; font-family: gilroy-light; margin: 10px;}
.Resourceful .resou .resou-wrapper .top-boxs .top-box{display: flex; align-items: center; justify-content: space-between; gap: 5px;}
.Resourceful .resou .resou-wrapper{position: relative;}
.Resourceful .resou .resou-wrapper .top-boxs{margin-top: -85px; position: absolute; z-index: 5; right: 0px; left: 0px;}
.Resourceful .resou .resou-wrapper .top-boxs .top-box.mob-only{display: none;}
.Resourceful .resou .resou-wrapper .top-boxs.big-size-only{display: block;}
.Resourceful .resou .resou-wrapper .main-box-reso .right-box-reso .box3{position: relative; width: 350px; left: -40px;}
.Resourceful .resou .resou-wrapper .main-box-reso .right-box-reso .box3 .img-bg img{width: 350px;}
.Resourceful .resou .resou-wrapper .main-box-reso .right-box-reso .box3 .text-img img{width: 350px;}
.Resourceful .resou .resou-wrapper .main-box-reso .right-box-reso .box3 .text-img .fgm{width: 500px;}
.Resourceful .resou .resou-wrapper .main-box-reso .right-box-reso .box3 .text-img{position: absolute; top: 65px; left: 45px;}
.Resourceful .resou .resou-wrapper .main-box-reso .right-box-reso .box3 .text-img.left-box{left: -75px;}
.Resourceful .resou .resou-wrapper .main-box-reso{display: flex; align-items: start; justify-content: space-between; padding: 80px 0px 0px; flex-wrap: wrap; gap: 30px;}
.Resourceful .resou .resou-wrapper .main-box-reso .left-box-reso .box1{width: 350px; overflow: hidden;}
.Resourceful .resou .resou-wrapper .main-box-reso .left-box-reso .box1 h1{font-family: gilroy-light; font-size: 60px;}
.Resourceful .resou .resou-wrapper .main-box-reso .center-box-reso .box2{width: 350px; height: 270px; overflow: hidden;}
.Resourceful .resou .resou-wrapper .main-box-reso .center-box-reso .box2 h1{color: #fc9900; font-family: gilroy-bold; font-size: 55px;}
.Resourceful .resou .resou-wrapper .main-box-reso .center-box-reso .box2 p{color: #001a45; font-size: 22px; font-family: gilroy-light; line-height: 1.1; padding: 0px 50px 0px 0px;}
.Resourceful .resou .resou-wrapper .main-box-reso .left-box-reso .box1 p{color: #001a45; font-size: 22px; font-family: gilroy-light; line-height: 1.1; margin: 7px 0px;}
.Resourceful .resou .resou-wrapper .main-box-reso .left-box-reso .box1 a{font-size: 20px; color: #fc9900; text-decoration: none; font-family: gilroy-light;}
.Resourceful .resou .resou-wrapper .main-box-reso .right-box-reso .box3 .img-bg{-webkit-animation:spin 2s linear infinite; -moz-animation:spin 2s linear infinite; animation:spin 2s linear infinite;}
.Resourceful .resou .resou-wrapper .main-box-reso .right-box-reso .move-text{position: relative; width: 350px; left: 10px; top: -258px; height: 100px;}
.main-box-reso .center-box-reso .box2 .box{display: none; position: relative; transition: top 1s, opacity 1s; top: 100%;}
.item .content-vid .text-box h1 strong::after{content: ''; position: absolute; height: 4px; width: 100%; background-color: #fc9900; bottom: -10px; left: 0px;} 
.text-img.box-img{display: none; position: relative; transition: top 1s, opacity 1s; top: 100%;}



@-moz-keyframes spin {100% { -moz-transform: rotate(360deg); }}
@-webkit-keyframes spin {100% { -webkit-transform: rotate(360deg); } }
@keyframes spin {100% {-webkit-transform: rotate(360deg); transform:rotate(360deg);}}
.resou-wrapper .main-box-reso .left-box-reso .box1 .box{ display: none; background-color: #fff; padding: 10px; width: 350px; position: relative; top: 100%; transition: top 1s, opacity 1s; margin-bottom: 10px;}
/* Resourceful css end here */


/* Courses css start here */
.Courses-section .Courses-wrapper{background-color: #001a45; padding: 30px 0px;}
.courses .heading-top h1{color: #fff; text-align: left; font-family: gilroy-light; padding: 20px 0px; font-size: 60px;}
.courses .courses-boxs .owl-carousel .owl-nav .owl-prev img{transform: rotate(180deg); width: 50px; opacity: 0.1;  transition: 0.4s;}
.courses .courses-boxs .owl-carousel .owl-nav .owl-next img{width: 50px; opacity: 0.1;}
.courses .courses-boxs .owl-carousel .owl-nav .owl-next img:hover,
.courses .courses-boxs .owl-carousel .owl-nav .owl-prev img:hover{opacity: 0.5; transition: 0.4s;}
.courses .courses-boxs .owl-carousel .owl-nav .owl-next,
.courses .courses-boxs .owl-carousel .owl-nav .owl-prev:hover{background-color: transparent;}
.courses .courses-boxs .owl-carousel .owl-nav .owl-prev{position: absolute; left: -80px; top: 50%;}
.courses .courses-boxs .owl-carousel .owl-nav .owl-next{position: absolute; right: -80px; top: 50%;}
.courses-box .courses-content .details-cours{color: #fff;}
.details-cours .heading-cours{padding: 15px 0px; padding-bottom: 0px;}
.details-cours .heading-cours h4{font-family: gilroy-light; font-size: 25px;}
.details-cours .main-detail p{font-family: gilroy-light; font-size: 17px; word-spacing: 5px; font-weight: lighter; text-align: justify;}
.details-cours .detail-btn a{font-family: gilroy-light; font-size: 20px; text-decoration: none; color: #fc9900; font-weight: 500; letter-spacing: 1.1px;}
/* Courses css end here */

/* all courses css start here */
.all-courses-section .all-courses-div{background-color: #fcb03a;}
.all-courses-div .all-courses-main{display: flex; align-items: center; justify-content: space-between; padding: 20px 0px;}
.all-courses-main .booking-btn button{padding: 8px 55px; transition: 0.4s; font-size: 24px; border: 2px solid #002259; background-color: #002259; color: #fff; font-family: gilroy-light; border-radius: 12px; white-space: nowrap;}
.all-courses-main .heading-cours h3{font-family: gilroy-light; font-size: 25px; color: #fff; white-space: nowrap; margin: 0px;}
.all-courses-main .booking-btn button:hover{border: 2px solid #002259; color: #002259; background-color: transparent; transition: 0.4s;}
.courses .courses-boxs .owl-carousel .owl-nav .owl-next img{width: 40px;}
.courses .courses-boxs .owl-carousel .owl-nav .owl-prev img{width: 40px;}
.all-courses-section .all-courses-div.mobile{display: none;}
.all-courses-section .all-courses-div.desktop{display: block;}
/* all courses css end here */

/* Home page css end here */

/* footer css start here */
footer{background-color: #e5e8ec;}
.footer-div .footer-wapper{display: flex; align-items: flex-start; justify-content: space-between; padding: 50px 0px;}
.footer-div .footer-wapper .right-footer{text-align: right;}
.footer-wapper .left-footer{display: flex;  flex-wrap: wrap;}
.footer-wapper .right-footer .logo-footer a img{width: 280px;}
.footer-wapper .right-footer .logo-footer{padding-bottom: 5px;}
.vocal-list .footer-vocal p{margin: 0px; font-size: 20px;}
.footer-vocal .drop-list{margin-left: 20px;}
.footer-vocal .drop-list .item-ac a{font-size: 17px; color: #001a45; text-decoration: none;}
.vocal-list .footer-vocal{width: 200px; font-family: gilroy-light;}
.left-footer .link-list ul{list-style: none;  font-family: gilroy-light;}
.link-list ul li a{text-decoration: none; color: #001a45; display: block; font-size: 20px;}
.right-footer .socialmedia-link .social-link ul{list-style: none; display: flex; align-items: center; margin-bottom: 0px; justify-content: end;}
.socialmedia-link .social-link ul li a .social-div img{width: 40px;}
.socialmedia-link .social-link ul li a .social-div{padding: 10px;}
.socialmedia-link .social-link ul li a:hover .social-div img{transform: scale(1.1); transition: 0.5s;}
.socialmedia-link .social-link ul li a .social-div img{transition: 0.5s;}
.socialmedia-link .social-link ul li a{display: block;}
.right-footer .info-link{text-align: right;}
.right-footer .info-link .email-link a{color: #001a45; text-decoration: none;font-size: 22px;}
.right-footer .info-link .mob-number-link a{color: #001a45; text-decoration: none;font-size: 22px;}
footer .bottom-footer{background-color: #202b3d; color: #fff; padding: 20px 0px;}
.bottom-footer .footer-rights{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.footer-rights .right-botm{display: flex; align-items: center; position: relative; flex-wrap: wrap;}
.right-botm .polic a{color: #fff; text-decoration: none; font-size: 14px; font-family: gilroy-light;}
.footer-rights .left-botm span{font-size: 14px; font-family: gilroy-light;}
.right-botm .rights span{font-size: 14px; margin-left: 10px; font-family: gilroy-light;}
.right-botm .polic{padding: 0px 10px; border-right: 1px solid #fff; height: 13px; display: flex; align-items: center;}
/* footer css end here */


/* contact-us-page css start here */
/* .contact-us-wrapper .contact-bg{background-image: url(../img/contact-us-bg.jpg); background-repeat: no-repeat; background-size: cover; height: 950px; transform: translate(0px,-60px);} */
.contact-us-wrapper .contact-bg{height: 950px; width: 100%; overflow: hidden;}
.contact-us-wrapper .contact-bg img{width: 100%; transform: translate(0px, -100px);}
.contact-bg .contact-content{padding-top: 100px; text-align: center; position: relative;}
.contact-content .heading h1{font-family: gilroy-light; font-size: 50px;}
.contact-content .form-div .form-innr{position: absolute; top: 600px; left: 330px;}
.form-div .form-innr .name-row .labl-div input{background: #d3d1da; border-radius: 15px; padding: 10px; outline: none; border: 1px solid #87839b;}
.form-innr .name-row .labl-div .lable-box{width: 80px; text-align: left; font-family: gilroy-light; font-size: 16px; color: #002259;}
.form-innr .name-row .labl-div{display: flex; align-items: center; padding: 5px 0px;}
.form-innr .name-row .labl-div.start{align-items: self-start;}
.form-innr .name-row .labl-div textarea{border-radius: 15px; background-color: #d3d1da; outline: none; border: 1px solid #87839b; resize: none; padding: 10px;}
.name-row .labl-div .input-box{width: 300px;}
.name-row .labl-div .input-box input{width: 100%;}
.name-row .labl-div .input-box textarea{width: 100%; height: 140px;}
.form-innr .name-row .send-msg-btn{width: 100%; text-align: right;}
.form-innr .name-row .send-msg-btn button{width: 300px; padding: 10px; margin-top: 10px; border-radius: 10px; background-color: #001a45; color: #fff; border: none; font-family: gilroy-light; font-weight: 600;}
.contact-content .heading{position: absolute; top: 135px; left: 0px; right: 0px; text-align: center;}

.let-connect-div .connect-imgs .head-ing h1{text-align: center; font-family: gilroy-light; font-size: 65px; padding: 20px 0px;}
.connect-imgs .lets-imgs-box .img-box{width: 24%;}
.connect-imgs .lets-imgs-box{display: flex; align-items: center; justify-content: space-between;}
.connect-imgs .lets-imgs-box .img-box img{width: 100%;}
.let-connect-div{padding: 20px 0px 50px;}




/* contact-us-page css start here */














@media only screen and (max-width: 992px) {
 
  header{align-items: center;}
  header .header-div{align-items: center;}
  header .header-div .right-menu-div{display: none;}
  header .header-div .mobile-hamburger-menu{display: block;}
  header .header-div .mobile-hamburger-menu .hamburger-outline .hamburger-box{ position: relative;}
  header .header-div .mobile-hamburger-menu .hamburger-outline .hamburger-box .bar{position: absolute; width: 20px; height: 3px; right: -10px; top: -9px; background-color: #001a45; transition: 0.5s; border-radius: 20px;}
  header .header-div .mobile-hamburger-menu .hamburger-outline .hamburger-box .bar.s-bar{top: -1px;}
  header .header-div .mobile-hamburger-menu .hamburger-outline .hamburger-box .bar.t-bar{top: 7px;}
  header .header-div .mobile-hamburger-menu .hamburger-outline{background: #0a3977; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer;}
  header .header-div .mobile-hamburger-menu .hamburger-outline .hamburger-box .bar.open-close{transform: rotate(45deg); top: -1px;  transition: 0.5s;}
  header .header-div .mobile-hamburger-menu .hamburger-outline .hamburger-box .bar .s-bar.open-close{opacity: 0; transition: 0.5s;}
  header .header-div .mobile-hamburger-menu .hamburger-outline .hamburger-box .t-bar.open-close{transform: rotate(132deg); top: -1px;  transition: 0.5s;}

/* side menu css start here */
  header .header-div .side-menu-div{display: block; position: fixed; top: 100px; right: -100%; width: 100%; bottom: 0px; background: #071836; text-align: center; z-index: 1111; transition: 0.5s;}
  header .header-div .side-menu-div.active{right: 0px; transition: 0.5s;}
  header .header-div .side-menu-div .side-menu .menu-div .menu-wrapper ul{list-style: none;}
  header .header-div .side-menu-div .side-menu .menu-div .menu-wrapper ul li{margin: 20px 0px; text-align: -webkit-center; text-align: -moz-center;}
  header .header-div .side-menu-div .side-menu .login-div{display: flex; align-items: center; justify-content: center; margin: 30px 0px;}
  header .header-div .side-menu-div .side-menu .login-div .login-icon img{width: 35px;}
  header .header-div .side-menu-div .side-menu .login-div .login-btn button{height: 31px; padding: 0px 25px; border-radius: 10px; color: #031d49; font-weight: 600; margin-left: 5px; background: #fcb03a; font-family: gilroy-light; border: none;}
  header .header-div .side-menu-div .side-menu .menu-div .menu-wrapper ul li a{display: block; text-decoration: none; color: #fff; font-family: gilroy-light; font-size: 20px;}
  header .header-div .side-menu-div .side-menu .menu-div .menu-wrapper ul li .search-div{margin-left: 20px; position: relative; height: 33px; border-radius: 8px; width: 220px; background-color: #162944; border: 1px solid #3b5a8d;}
  header .header-div .side-menu-div .side-menu .menu-div .menu-wrapper ul li .search-div .search-btn{background-color: #002259; border: none; position: absolute; right: 0px; top: 0px; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
  header .header-div .side-menu-div .side-menu .menu-div .menu-wrapper ul li .search-div .search-btn img{width: 30px;}
  header .header-div .side-menu-div .side-menu .menu-div .menu-wrapper ul li .search-div input{width: 100%; height: 100%; background-color: transparent; border: none; padding: 10px; outline: none; padding-right: 35px; color: #fff;} 
  header .header-div .side-menu-div .side-menu .menu-div .menu-wrapper ul li .search-div input::placeholder{color: #8ed4f7; font-size: 16px;}
  .content-box { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #031b44;}
  .content-box p{color: #fcb03a; font-size: 30px;}
/* side menu css start here */

.Courses-section .Courses-wrapper{padding: 0px; padding-bottom: 10px; background: linear-gradient(#001a45 , #0a1224);}
.courses .heading-top h1{padding: 20px 80px 0px 20px;}
.login-div.mobile-v{display: block; display: flex; align-items: center; justify-content: flex-end; margin: 0px; position: absolute; top: 100px; right: 4%;}
.item .content-vid{width: 100%; top: 45%;}
.header-div .login-div.mobile-v .login-icon img{width: 35px;}
.login-div.mobile-v{display: block; display: flex; align-items: center; justify-content: flex-end; margin: 0px; position: absolute; top: 100px; right: 4%;}
.login-div .login-btn button{height: 31px; padding: 0px 25px; border: 2px solid #fc9900; border-radius: 10px; color: #031d49; font-weight: 600; margin-left: 5px; background: #fcb03a; font-family: gilroy-light; transition: 0.5s;}
.item .content-vid .text-box h1{margin-left: 30px;}
.item .content-vid .btn-div{padding: 10px 17px; margin: 0px;}
.item .content-vid .btn-div button{width: 100%;}

.item{height: auto;}
.item .video-div{display: none;}
.item .video-div-mobile{display: block;}
.video-div-mobile .video-tags{width: 100%; height: 100%;}
.login-div.mobile-v{top: 100px; right: 10%;}
.item .content-vid{width: 100%; top: 45%;}


.Resourceful .resou .resou-wrapper .main-box-reso{justify-content: center;}
}
























@media only screen and (max-width: 767px) {

body{padding-top: 99px;}
header .header-div{align-items: center;}
header{height: 100px; align-items: center;}
header .header-div .logo-div img{width: 280px;}
header .header-div .side-menu-div{top: 99px;}


/* Home page css start here */


/* video carousel css start  */
.video-carousel-div .video-carousel-wrapper .owl-carousel .owl-nav .owl-next,
.video-carousel-div .video-carousel-wrapper .owl-carousel .owl-nav .owl-prev{width: 35px;}
.video-carousel-div .video-carousel-wrapper .owl-carousel .owl-nav .owl-next img,
.video-carousel-div .video-carousel-wrapper .owl-carousel .owl-nav .owl-prev img{width: 30px;}
.video-carousel-div .video-carousel-wrapper .owl-carousel .owl-item .item .content-vid{width: 300px; top: 45%;}
.video-carousel-div .video-carousel-wrapper .owl-carousel .owl-item .item .content-vid .text-box h1{margin-left: 40px; font-size: 30px;}
.item .content-vid .text-box h1 strong::after{content: ''; position: absolute; height: 4px; width: 100%; background-color: #fc9900; bottom: -10px; left: 0px;} 
/* video carousel css end  */

/* Resourceful css start here */
.Resourceful .resou .resou-wrapper .top-boxs .top-box.mob-only{display: block;}
.Resourceful .resou .resou-wrapper .top-boxs .only-desk.big-size-only{display: none;}
.Resourceful .resou .resou-wrapper .top-boxs .owl-carousel .owl-item{display: flex; align-items: center; justify-content: center;}
.Resourceful .resou .resou-wrapper .top-boxs .owl-carousel .owl-next{position: absolute; right: -20px; top: 0px; font-size: 60px; height: 90%; color: #3333336b; display: none;}
.Resourceful .resou .resou-wrapper .top-boxs .owl-carousel .owl-prev{position: absolute; left: -20px; top: 0px; font-size: 60px; height: 90%; color: #3333336b; display: none;}
.Resourceful .resou .resou-wrapper .top-boxs .owl-carousel .owl-prev, .Resourceful .resou .resou-wrapper .top-boxs .owl-carousel .owl-next:hover{background-color: transparent; color: #3333336b;}
.Resourceful .resou .resou-wrapper .main-box-reso{justify-content: center;}
/* .Resourceful .resou .resou-wrapper .main-box-reso .right-box-reso .box3 .img-bg img{width: 250px;} */
.Resourceful .resou .resou-wrapper .main-box-reso .right-box-reso .box3 .text-img img{width: 250px;}
.Resourceful .resou .resou-wrapper .main-box-reso .right-box-reso .box3 .text-img{left: 30px;}
/* Resourceful css end here */

/* all courses css start here */
.all-courses-div .all-courses-main{display: block; text-align: center;}
.courses-boxs .category-carousel .item{padding: 20px;}
.courses .courses-boxs .owl-carousel .owl-nav .owl-prev{left: -15px; top: 23%;}
.courses .courses-boxs .owl-carousel .owl-nav .owl-next{right: -15px; top: 23%;}
.courses .courses-boxs .owl-carousel .owl-nav .owl-next img,
.courses .courses-boxs .owl-carousel .owl-nav .owl-prev img{width: 30px;}
.all-courses-section .all-courses-div.mobile{display: block;}
.all-courses-section .all-courses-div.desktop{display: none;}
.all-courses-section .all-courses-div.mobile.btn-bg{background-color: #fff;}
.all-courses-div .all-courses-main{padding: 10px 0px;}
.details-cours .main-detail p{line-height: 1.6; text-align: justify;}
/* all courses css end here */


/* Home page css end here */

/* footer css start here */
.footer-vocal .drop-list{margin-bottom: 5px;}
.vocal-list .footer-vocal{width: 140px;}
.socialmedia-link .social-link ul li a{font-size: 30px; margin-left: 14px;}
.footer-wapper .right-footer .logo-footer a img{width: 180px;}
.footer-div .footer-wapper{padding: 15px 0px 10px;}
.right-botm .polic.mob-tc{border-right: none;}
footer .bottom-footer{padding: 10px 0px;}
.bottom-footer .footer-rights{justify-content: center; gap: 8px;}
.footer-rights .right-botm{justify-content: center;}
.footer-rights .right-botm .rights{margin-top: 3px;}
/* footer css end here */


.Resourceful .resou .resou-wrapper .top-boxs .top-box .oto-box{width: 100%;}
.all-courses-section{margin-top: -15px;}
.all-courses-main .booking-btn button{padding: 8px 10px; width: 100%;}
.all-courses-main .heading-cours h3{margin-bottom: 10px;}
.Resourceful .resou .resou-wrapper .main-box-reso .center-box-reso .box2 p{line-height: 1.4; padding: 10px 0px;}
.Resourceful .resou .resou-wrapper .main-box-reso .left-box-reso .box1 p{line-height: 1.4;}
.Resourceful .resou .resou-wrapper .main-box-reso .left-box-reso .box1{padding: 10px 0px; width: 100%;}
.socialmedia-link .social-link ul li a .social-div img{width: 25px;}
.socialmedia-link .social-link ul li a .social-div{padding: 0px;}
.footer-wapper .right-footer .logo-footer{margin: 0px;}
.Resourceful .resou .resou-wrapper .main-box-reso .right-box-reso .box3{width: 100%; left: 0px; right: 0px; overflow: hidden; height: 400px; padding: 20px 0px; position: relative;}
.Resourceful .resou .resou-wrapper .main-box-reso .center-box-reso .box2{width: 100%; height: 350px;}
.Resourceful .resou .resou-wrapper .main-box-reso{padding-bottom: 0px; padding-top: 45px;}

.item{height: auto;}
.item .video-div{display: none;}
.item .video-div-mobile{display: block;}
.video-div-mobile .video-tags{width: 100%; height: 100%;}
.login-div.mobile-v{top: 100px; right: 15px;}
.item .content-vid{width: 100%; top: 45%;}
.header-div .login-div.mobile-v .login-icon img{width: 35px;}
.login-div.mobile-v{display: block; display: flex; align-items: center; justify-content: flex-end; margin: 0px; position: absolute; top: 100px; right: 4%;}
.login-div .login-btn button{height: 31px; padding: 0px 25px; border: 2px solid #fc9900; border-radius: 10px; color: #031d49; font-weight: 600; margin-left: 5px; background: #fcb03a; font-family: gilroy-light; transition: 0.5s;}
.item .content-vid .text-box h1{margin-left: 30px;}
.item .content-vid .btn-div{padding: 10px 17px; margin-top: 8px;}
.item .content-vid .btn-div button{width: 100%;}
.login-div.mobile-v{display: block; display: flex; align-items: center; justify-content: flex-end; margin: 0px; position: absolute; top: 100px; right: 4%;}



.contact-content .form-div .form-innr{left: 0px; top: 400px; width: 100%; padding: 10px;}
.contact-content .heading{display: none;}
.contact-us-wrapper .contact-bg img{width: 1100px; transform: translate(-190px, -90px);}
.contact-us-wrapper .contact-bg{height: 650px;}
.form-div .form-innr .name-row .labl-div input{border-radius: 15px;}
.form-innr .name-row .labl-div textarea{border-radius: 15px;}
.form-innr .name-row .send-msg-btn button{width: 100%; margin-top: 0px;}
.form-innr .name-row .labl-div{padding: 3px 0px;}
.name-row .labl-div .input-box textarea{height: 80px;}

.connect-imgs .lets-imgs-box .img-box{width: 48%;}
.connect-imgs .lets-imgs-box{flex-wrap: wrap; gap: 10px;}
.let-connect-div .connect-imgs .head-ing h1{font-size: 60px;}

.footer-vocal .drop-list{margin-left: 15px;}
.right-footer .info-link .email-link a{font-size: 20px;}


}





@media only screen and (min-width: 768px) and (max-width: 1600px){
  .contact-us-wrapper .contact-bg img{width: 1600px;}
}






@media screen and (width: 820px){
  .contact-us-wrapper .contact-bg img{width: 1700px;}
  .contact-us-wrapper .contact-bg img{transform: translate(-220px, -100px);}
  .contact-content .form-div .form-innr{top: 620px; left: 160px;}
  .courses .courses-boxs .owl-carousel .owl-nav .owl-next{right: -70px;}
}



@media only screen and (max-width: 555px){
  .item .content-vid{width: 100%; top: 40%;}
  .header-div .login-div.mobile-v .login-icon img{width: 35px;}
  .login-div.mobile-v{display: block; display: flex; align-items: center; justify-content: flex-end; margin: 0px; position: absolute; top: 100px; right: 4%;}
  .login-div .login-btn button{height: 31px; padding: 0px 25px; border: 2px solid #fc9900; border-radius: 10px; color: #031d49; font-weight: 600; margin-left: 5px; background: #fcb03a; font-family: gilroy-light; transition: 0.5s;}
  .item .content-vid .text-box h1{margin-left: 30px;}
  .item .content-vid .btn-div{padding: 10px 17px; margin-top: 8px;}
  .item .content-vid .btn-div button{width: 100%; padding: 8px 34px; font-size: 22px; white-space: nowrap;}
  
.item{height: auto;}
.item .video-div{display: none;}
.item .video-div-mobile{display: block;}
.video-div-mobile .video-tags{width: 100%; height: 100%;}
.login-div.mobile-v{top: 100px; right: 15px;}

}