/*asrh css*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Myanmar&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@700&display=swap');

.gradient_bg{
    background: linear-gradient(91.76deg, #EC5766 5.36%, #944BBB 96.37%);
        text-align: center;
    padding: 120px 0px;
    color: #fff;
}
.gradient_bg p{
    margin-top: 25px;
    margin-bottom: 25px;
}
.contact_bg{
       padding: 80px 0px;        text-align: center;
}
.contact_bg p{
        width: 60%;
    text-align: center;
    margin: auto;
    

}
img.appstore{
    margin-left: 20px !important;
}
.btn-primary{
   background: #944BBB;
    border-radius: 90px;
  padding: 12px 40px 9px;
          margin-top: 20px; 
    width: auto;
    border: 0px !important;
    font-family: 'Noto Sans Myanmar', sans-serif;
}
.btn-primary:hover , .btn-primary:focus , btn:active{
      background: #EC5766;    border: 0px !important;
          box-shadow: 0 0 0 0rem rgb(130 138 145 / 50%) !important;

}
input , textarea{
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 8px;
    width: 700px;
    margin-bottom: 20px;
    padding: 8px;
}
textarea{
    height: 200px;
}

.btn-secondary {
    color: #fff;
    background-color: #944BBB !important;
    border-color: #944BBB !important;
    border-radius: 56px;
    width: 170px;}

.btn-secondary:focus , .btn-secondary:hover{
        background-color: #944BBB !important;
    border-color: #944BBB !important;
        border: 0 !important;

}
.btn-secondary:not(:disabled):not(.disabled):active:focus{
        box-shadow: 0 0 0 0rem rgb(130 138 145 / 50%) !important;
}
.btn{
        padding-top: 9px !important;
            line-height: 30px !important;
}
.dropdown-menu {
    background: #fff !important;
    top: 130% !important;
    
    left: -25px !important;

    border-radius: 8px !important;
    
}
.contactform{
      margin-top: 30px; 
}
h2{
    font-family: 'IBM Plex Sans', sans-serif;
    color: #fff;
    font-size: 48px;
    line-height: 56px;
}
.gradient_title{
    background: linear-gradient(91.76deg, #EC5766 5.36%, #944BBB 96.37%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.page_info{
    padding: 60px !important;
        width: 90%;
}
.page_info p{
    color: #fff;
    font-size: 18px;
line-height: 30px;
  
}
.first_info{
      padding-bottom: 30px;
        margin-top: 25px;
}
.page-footer {
    background-color: #EC5766;
    padding: 40px 0 40px;
    padding-left: 45px;
    padding-right: 45px;
}
.page-footer p{
        color: #EDEDED;
    float: right !important;
        padding-top: 10px;
        
}

.w100{
    width: 100%;    
    display: flex;
    align-items: center;
  justify-content: center;
  
}
.first_sec{
        background: #EC5766;
    display: flex !important;  
}
.w60{
    width: 60%;
    float: left;
}
.w40{
    width: 40%;
    float: left;
}
.w40 img{
    float: right;
    height: 92vh;
    width: auto;
}
.w50{
    width: 50%;
    float: left;
}
.w50 img{
    padding: 30px;
    text-align: center;
    align-items: center;
    margin: auto;
    display: block;
        width: 100%;

}
.fouth_bg img{
    /*width: 100% !important;*/
}
.w50_info{
        padding: 60px;    width: 90%;
}
.w50_info p{
    
        margin-top: 25px;
}
p{
    line-height: 30px;
    font-size: 18px;
}
.sec_bg{
    background:#E3CEEE !important;
}
.third_bg{
       background:#FFCEA2 !important;
}
.fouth_bg{
background:#F3D3EE !important;
background-image: url(https://asrh.staging-sc.com/img/coursebg.webp) !important;
    background-size: 100% !important;
}
.fith_bg{
background:#B8D5D4 !important;
}

.w50-push-6 {
 left: -50%;
    position: relative;

}
.w50-pull-6 {
       right: -50%;
    position: relative;
}
/*end asrh css*/

body {
    padding: 0;
    margin: 0;
    background: #fff !important;
    font-family: 'Noto Sans Myanmar', sans-serif;
    overflow-x: hidden !important;
        font-size: 16px !important;

}

/*menu*/

.download_link{
background: #944BBB;
    border-radius: 56px;
    color: #fff !important;
    padding: 9px 15px 6px !important;

}
.navbar {
    background:#FFFFFF;padding: 0px;
    padding-left: 60px;
    padding-right: 60px;    width: 100%;

}
.nav-link,
.navbar-brand {
    color: #242038;
    cursor: pointer;
}
.nav-link {
    margin-right: 40px !important;    color: #242038;
        margin-top: 6px;
}
.nav-link:hover {
    color: #000;
}
.navbar-collapse {
    justify-content: flex-end;
}
.navbar{
        padding-top: 10px;
    padding-bottom: 8px;
}

/*end menu*/

.header {
    background-image: url('images/header-background.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
}

@media (min-width: 769px) and (max-width: 991px){
    
    .w50_info {
        width: 100%;
    }
  .w50_info {
    padding: 20px;
    }
    h2 {
    font-size: 32px;
    line-height: 45px;
    }
    .w50 img {
    width: 100%;
    }
    .page_info {
    padding: 45px !important;
    }
    .w40 img {
    height: auto;
    width: 100%;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
  .w50_info {
    padding: 30px;
    }
    .w50_info {
        width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 369px){
    h2 {
     font-size: 32px;
    line-height: 42px;
    }
    .page-footer img , .page_info img , .gradient_bg img{
    margin-bottom: 10px;
    }
    
}

@media (min-width: 320px) and (max-width: 768px){
    
    .contact_bg p {
    width: 100%;
    text-align: center;
    margin: auto;
    }
   h2 {
     font-size: 32px;
    line-height: 42px;
    }
  img.appstore {
    margin-left: 0px !important;
    }
  .navbar-nav {

    padding-top: 18px;
    }
    .dropdown{
   
    display: none;
    }
.w50-push-6 {
    left: 0%;
    position: relative;
}
.w50-pull-6 {
    right: 0%;
    position: relative;
}
  .navbar-toggler {

    background-color: #EC5766;
    overflow-x: hidden;
    float: right;
    border: 0px !important;
    }
    .navbar-toggler:focus {

    box-shadow: 0 0 0 0rem;
    }
    .w100 {
    width: 100%;
    display: inline-block;
    }
    .first_sec {
    display: inline-block !important;
    }
    .w50_info {
    padding: 15px;
    }
    .w60 , .w40 , .w50{
    width: 100%;
    }
    .page_info {
    padding: 40px 20px !important;
    width: 100%;
    }
    .w40 img {
    float: right;
    height: auto;
    width: 100%;
    }
    .w50_info {
    padding: 40px 20px;
        width: 100%;

    }
    input, textarea {
    width: 100%;
    }
    .gradient_bg {
    padding: 40px 20px;
        margin-top: -10px;
    }
    .contact_bg {
    padding: 40px 0px;
    }
    .page-footer {
    padding-left: 0px;
    padding-right: 0px;
    }
    .page-footer p {
    float: left !important;
    padding-top: 15px;
    }
    .navbar {

    padding-left: 20px;
    padding-right: 20px;
    }
}