.banner_img_div{
    height:580px;
    width: 100%;
}
.banner_img_div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mntr_img_div{
    height:270px;
}
.mntr_img_div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.login_body{
    background-color:#4e2e25;
}
.login_div{
    height:auto;
    padding:40px 30px;
    margin:70px auto;
    border:1px solid #000;
    border-radius:30px;
    background-color: transparent;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.website_logo_div{
    width:150px;
}
.website_logo_div img{
    object-fit:cover;
    width: 100%;
    height: 100%;
}
.lis_btn{
    border: 1px solid #fff;
    color: #fff;
    padding: 6px 34px;
    background-color: transparent;
    transition: all 0.5 ease;
    font-size: 16px;
    border-radius: 5px;
}
.error{
    color:red;
}
.logo_div{
    width:80px;
}
.logo_div img{
    width:100%;
    height: 100%;
    object-fit: cover;
}
h1, h2{
    color:#49281f;
}
.codex_btn{
    border:3px solid #49281f ;
    color:#49281f ;
    padding:6px 24px;
    background-color: transparent;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    margin-top:15px;
    transition: all 0.2s ease ;
}
.codex_btn:hover{
    color:#fff;
    transform: translateY(-10px);
    background-color:#49281f  ;
}
.course_details_btn{
    border:4px solid #ffd632 ;
    color:#49281f ;
    padding:6px 24px;
    background-color: #f5ca1a;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    margin-top:15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 0.2s ease ;
}
.course_details_btn:hover{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    transform: translateY(-10px);
    background-color:#ffd632  ;
}
.course_details_imp_btn{
    border:4px solid #ff3232 ;
    color:#f2eded ;
    padding:6px 24px;
    background-color: #f71f1f;
    /* font-size: 14px !important; */
    font-weight: bolder;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 0.2s ease ;
}
.course_details_imp_btn:hover{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    transform: translateY(-10px);
    background-color:#ff3232  ;
    color:#fff;
}
.fb_user_img_div{
    width:100px;
    height:100px;
    margin: 10px auto;
}
.fb_user_img_div img{
    width:100%;
    height:100%;
    object-fit: cover;
    padding:3px;
    border: 3px solid #49281f;
}

.carousel_item_div{
    /* height:500px !important; */
    aspect-ratio: 21/9;
    overflow: hidden;
}
@media (max-width: 768px) {
  .carousel_item_div {
    aspect-ratio: 16/9; /* a bit taller on small screens */
  }
}
.carousel_item_div img{
    height: 100%;
    width:100% ;
    object-fit:cover;
}
footer a, footer i{
    color:#000 !important;
}
footer a:hover{
    color:#c17a66 !important;
}
footer a:hover i {
  color: #c17a66 !important;
  transform: scale(1.1);
  transition: all 0.3s ease;
}
footer h5{
    color:#49281f;
}
.footer_logo_para{
    color:#000;
}
.con_frm input , .fb_frm input{
    height:40px;
}
.fixed_btn {
  position: fixed;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 30px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition: all 0.5s ease;
  z-index: 9999;
  border:1px solid #95503c;
}
.fixed_btn i{
    color:#fff !important;
}
.fixed_btn_wtsapp i{
    color:#000 !important;
}
.fixed_btn:hover {
  background-color: #fefefe;
  transform: translateY(-5px);
}
.fixed_btn_fb{
    bottom: 30px;
    right: 30px;
    border:1px solid #95503c;
    background-color: #95503c;
}
.fixed_btn_wtsapp{
    bottom: 105px;
    right: 25px;
    border:1px solid #1daa61;
    background-color: #1daa61;
}
.blg_lnk{
    color:gray;
}
.blg_lnk:hover{
    color:#49281f;
}
.othr_blg_hdng{
    font-size:22px;
    border-bottom: 1px solid #49281f;
    padding-bottom:14px;
    margin-bottom:20px;
    cursor:auto;
}
.othr_each_blg_img_div{
    width:80px;
    height:80px;
    border-radius:10px;
    overflow:hidden;
}
.othr_each_blg_img_div img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.othr_each_blg_hdng a{
    text-decoration: none;
    color:#000;
}
.othr_each_blg_hdng a:hover{
    color:#49281f;
}
.othr_each_blg_parts{
    font-size:15px;
}
.othr_blg_card{
    border:none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all ease 0.5s;
    border-radius: 10px;
}
.othr_blg_card:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transform: translateY(-5px);
}

.dtls_blg_img_div{
    border-radius:12px;
    overflow: hidden;
    height:450px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom:25px;
}
.dtls_blg_img_div img{
    width: 100%;
    height:100%;
    object-fit: cover;
}
.dtls_blg_tag{
    border-radius: 12px;
}
.codex_border{
    border-radius: 12px;
}
.blog_content_div p{
    font-size:20px;
    color:#444444;
    text-align: justify;
}
.blog_content_div p::first-letter {
  font-size: 40px;
  float: left;
  line-height: 0.4;
  text-indent: 20px;
  color: #49281f;
  text-transform: capitalize;
}
.skill-card{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    background: #f9f9f9;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    color:#49281f;
}
.codex_link{
    text-decoration: none;
    color:#49281f;
}
.acc_active{
   
    background: #49281f !important;
    color:#fff !important;
}
.course_link{
    text-decoration: none;
    color:#49281f;
}
.course_link:hover{
    color:#49281f;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
.skill-card:hover{
    background: #49281f ;
    color:#fff ;
}
.skill-card h6 {
    margin: 0;
}
.my_account_sidebar::-webkit-scrollbar {
    width: 1px;   /* Vertical scrollbar width */
    height: 1px;  /* Horizontal scrollbar height */
}
.personal_info p , .personal_info img{
    transition: all 0.3s ease;
    border-radius: 12px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)
}
.personal_info p:hover , .personal_info img:hover{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.course_div p{
    font-weight:500 ;
}
.left_course_btn{
    background: #49281f !important;
    outline: none !important;
    border: 2px solid #49281f !important;
    border-radius: 0px 0px 0px 12px !important;
    color:#fff !important;
    transition:all 0.3s ease;
    font-weight: 600 !important;
} 
.right_course_btn{
    background: #49281f !important;
    outline: none !important;
    border: 2px solid #49281f !important;
    border-radius: 0px 0px 12px 0px !important;
    color:#fff !important;
    transition:all 0.3s ease;
    font-weight: 600 !important;
}
.left_course_btn:hover , .right_course_btn:hover{
    color:#49281f !important;
    background: #fff !important;
    font-weight: 600 !important;
}
.add_to_cart_pdding{
    padding-left:35px !important;
    padding-right:35px !important;
}
.buy_img_div{
    width:150px;
    height:80px;
    margin-right:15px;
}
.buy_img_div img{
    border-radius:12px;
    width:100%;
    height:100%;
    object-fit: cover;
}

.crs_dtls_st_sc{
    /* box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22) !important; */
    border-top:3px solid #49281f;
    border-left:3px solid #49281f;
    /* border-bottom:3px solid #49281f; */
}
.crs_dtls_ct_pe{
    /* box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22) !important; */
    /* border-top:3px solid #49281f; */
    border-right:3px solid #49281f;
    border-bottom:3px solid #49281f;
    /* transform: translateY(40px); */
}
.crs_dtls_overview{
    font-size:1.1rem;
}
.feedback_div{
    border-top:3px solid #49281f;
    border-bottom:3px solid #49281f;
    border-left:1px solid #49281f;
    border-right:1px solid #49281f;
}
.lis_peritus_bg{
    background: linear-gradient(135deg, #f2e5d2, #dacecb);
    height:50vh;
}
.codex_disabled_btn{
    background-color:#746561 ;
    font-weight: 600;
    border-radius:0px 0px 12px 12px;
    width:100%;
    padding: 6px 12px;
    color:#fff;
}
.course_details_btm_rigis_btn_sec{
    position:sticky;
    bottom: 0px;
    background-color: #f9f5f5;
}
/* .course_details_btm_rigis_btn_sec h2{
     margin-right:30px; 
} */
.course_details_hand_ani{
    display: inline-block;
    animation: pulseMove 1.4s infinite;
    margin-right:10px;
}
@keyframes pulseMove{
    0%   { transform: translateX(0) scale(1); opacity: 1; }
    50%  { transform: translateX(8px) scale(1.2); opacity: 0.8; }
    100% { transform: translateX(0) scale(1); opacity: 1; }
}
.course_details_headings{
    background: #ff741f;
    padding: 8px 12px;
    border-bottom: 2px solid #000;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.course_fee_content{
    text-shadow: 0 4px 10px rgba(0,0,0,0.25);
}
/* Hide browser default password eye (Chrome, Edge, Safari) */
input[type="password"]::-ms-reveal,input[type="password"]::-ms-clear {
  display: none;
}
.password_wrapper {
  position: relative;
}

.password_eye {
  position: absolute;
  right: 32px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #6c757d;
  z-index: 10;
}
#confirm_user_psw-error , #user_psw-error{
    position:absolute;
    top:38px;
}

/* input */
.password_wrapper input {
  padding-right: 3rem; /* space for eye */
}
.password_eye:hover {
  color: #000;
}