.wrapper{text-align: center;}
.wrapper .container{width: 1165px;padding:16px;text-align: left;display: inline-block;}
.banner .mbutton{display: none;}
.accordion-header,.about_us,.course_details .money_back,.course_details .money_back>div,.course_details .cdtls .dtl,.course_details .price,.course_details .cdt,.banner .op,.banner .opt,.banner,header{display: flex;justify-content: space-between;}
header .logo{height: 110px;}
header .contact{font-size: 20px;font-weight: bold;text-align: center;line-height: 24px;padding-top: 8px;}
header .menu{flex-grow: 1;padding: 16px 16px 0px 32px;}
header .menu a{background: white;color: #1e2e69;padding: 8px 32px;font-size: 18px;border-radius: 8px;}
header .mob_nav button{display: none;}
.banner{padding:16px 0px}
.banner .des{width: 55%;padding-right: 32px;}
.banner .des h1{font-size: 42px;margin: 0;}
.banner .des p{font-size: 20px;line-height: 32px;padding: 0;}
.mobile_bar{display: none;}
.banner  .video {background-color: #FFDD00;padding: 6px;border-radius: 8px;width: 45%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
        overflow: hidden;
}
.banner  .video iframe{border-radius: 8px;position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

.banner .opt{justify-content: space-around;}
.course_details .cdt .op,.banner .op{margin: 0px 16px;}
.course_details .cdt .op .ic_check,.banner .op .ic_check{margin-right: 8px;width: 24px;height: 24px;}
.course_details .cdt .op span,.banner .op span{font-size: 22px;}
.banner .button{display: block;padding: 16px;
    margin-top: 32px;
text-align: center;color: black;font-size: 28px;font-weight: bold;}
.course_details .button b,.banner .button b{font-size: 32px;}
.course_details .button span,.banner .button span{font-size: 24px;}
.shake-animation{    animation: shake 1s forwards;}
@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px) rotate(-2deg); }
    50% { transform: translateX(5px) rotate(2deg); }
    75% { transform: translateX(-5px) rotate(-2deg); }
    100% { transform: translateX(0); }
}

.course_details{}
.big_title{font-size: 58px;text-align: center;font-weight: bold;margin-top: 40px;}
.course_details .cdt{flex-wrap: wrap;justify-content: flex-start;margin-top: 80px;}
.course_details .cdt .img{width: 40%; }
.course_details .cdt .img img{width: 100%;}
.course_details .cdt .dt{margin-left: 32px;}
.course_details .cdt .op{margin: 16px;}
.course_details .price{}
.course_details .price span{font-size: 48px;}
.course_details .price span div{font-size: 38px;}
.course_details .button{display: block;padding: 16px;
    margin-top: 32px;
text-align: center;color: black;font-size: 28px;font-weight: bold;}

.course_details .cdtls{}
.course_details .cdtls .dtl{padding: 40px 0px;border-bottom: dashed 2px #1e2e69;}
.course_details .cdtls .dtl .i{width: 15%;}
.course_details .cdtls .dtl .i img{width: 100%;}
.course_details .cdtls .dtl .d{width: 85%;padding-left: 40px;}
.course_details .cdtls .dtl .d h2{margin: 0;font-size: 28px;}
.course_details .cdtls .dtl .d p{font-size: 24px;}
.course_details .cdtls .dtl .d b{font-size: 30px;}
.course_details .money_back{text-align: center;}
.course_details .money_back>div{justify-content: center;text-align: left;align-items: center;padding: 32px;}
.course_details .money_back img{width: 150px;}
.course_details .money_back>div div{margin-left: 32px;}
.course_details .money_back h2{margin: 0;font-size: 20px;}
.course_details .money_back p{}

.about_us{padding: 80px 0px;}
.about_us img{width: 50%;padding: 6px;border-radius: 8px;}
.about_us div{padding-left: 80px;width: 50%;}
.about_us div h2{font-size: 40px;}
.about_us div p{font-size: 24px;line-height: 32px;}

.accordion-item {
    border-bottom: 1px solid #ccc;
  }
  
  .accordion-header {
    background-color: white;
    padding: 16px;
    cursor: pointer;justify-content:center;
  }
   .accordion-header img{width: 24px;height: 24px;margin: 0px 16px;}
   .accordion-header span{width: 100%;}
   .accordion-content {
    display: none;
    padding: 32px;
  }
  
  .accordion-content p {
    margin: 0;
  }
  .accordion{margin-top: 40px;}
  .copyright{text-align: center;margin-top: 32px;}
  .copyright div a{margin: 16px;}

  .login-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0 auto;
    color: black;
}

.login-container .login-form {
    background-color: #fff;
    padding: 40px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    width: 300px;
}

.login-container .login-form h2 {
    margin-bottom: 20px;
}

.login-container .input-container {
    margin-bottom: 20px;overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 4px;

}

.login-container .input-container input {
    width: 100%;
    padding: 10px;
    border-width: 0;
    outline: none;
}

.login-container  button {
    width: 100%;
    padding: 10px;
    background-color: #FFDD00;
    color: #1e2e69;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.login-container button:hover {
    background-color: #1e2e69;color: white;
}