*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}
.err{font-size: 12px ;}
.f-btn{
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    background-color: #FF8B0C;
    border: 1px solid #FF8B0C;
    border-radius: 25px;
    padding: 8px 25px;
}
.register-btn{
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    background-color: #47479C;
    border: 1px solid #47479C;
    border-radius: 3px;
    padding: 8px 35px;
}
.register-btn:hover{
    background-color:#fff !important;
    color: #47479C !important;
    border:1px solid #47479C !important;
}
.h-welcome h1{
    color: #434354;
    font-size: 34px;
}
.h-welcome h2{
    color: #434354;
    font-size: 43px;
    font-weight: 700;
}
.h-welcome h6{
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #3D3D3D;
}
.h-welcome ul{
    list-style: none;
    padding-left: 0;
}
.h-welcome ul li{
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 12px;
}
@media screen and (min-width:991px) {
    .pl-custom{
        padding-left: 80px;
    }
}

.h-newsletter .box-1{
    background-color: #5454A8;
    height: 355px;
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
}
.h-newsletter .box-2{
    background-color: #1F1F6A;
    height: 460px;
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
    overflow-y: hidden;
}
.h-newsletter ::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
.h-newsletter ::-webkit-scrollbar-track {
  background: transparent; 
  border-radius: 10px;
}

/* Scrollbar ka actual draggable part (thumb) */
.h-newsletter ::-webkit-scrollbar-thumb {
  background: #dedede;  /* red */
  border-radius: 10px;
}

/* Hover pe thumb ka color */
.h-newsletter ::-webkit-scrollbar-thumb:hover {
  background: #eee;
  cursor: pointer;
}
.h-newsletter .box-3{
    background-color: #fff;
    height: 460px;
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
}
.h-newsletter .box-1 h1{
    font-size: 23px;
    
    color: #fff;
    font-weight: 600;
}
.h-newsletter .box-1 button{
    background-color: transparent;
    border: none;
    font-size: 14px;
    text-decoration: underline;
    color: #fff;
}
.h-newsletter .box-1 p{
    font-size: 13px;
     line-height: 24px;
    color: #C7C7FF;
}
.h-newsletter .box-2 h1{
    font-size: 23px;
    line-height: 40px;
    color: #fff;
    font-weight: 600;
}
.h-newsletter .box-2 button{
    background-color: transparent;
    border: none;
    font-size: 14px;
    text-decoration: underline;
    color: #fff;
}
.h-newsletter .box-3 h1{
    font-size: 23px;
    line-height: 40px;
    color: #000;
    font-weight: 600;
}
.h-newsletter .box-3 p{
    font-size: 13px;
     line-height: 24px;
    color: #515151;
}
.h-newsletter .pdfs .pd{
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}
.h-newsletter .pdfs{
    max-height: 220px;
    overflow-y: auto;
}
.h-newsletter .box-2 .pdfs{
    max-height: 110px;
}
.h-newsletter .box-2 .pdfs{
    color: #fff;
}
.h-newsletter .box-2 .date{
    font-size: 13px;
     line-height: 24px;
    color: #AAAAFF;
}
.h-cta{
    margin-top: 120px !important;
    margin-bottom: 120px !important;
    /* background-color: #F2F2FF; */
     background: linear-gradient(
    to bottom,
    #fff 0%,
    #fff 50%,
    #F2F2FF 50%,
    #F2F2FF 100%
  );
}
.h-cta p{
    font-size: 14px;
    color: #C7C7FF;
}
.h-cta .mockup{
    margin: -110px 0;
}
@media screen and (max-width:767px) {
    .h-cta .mockup{
        margin: 0;
    }
}
.h-cta .container{
    background-color: #47479C;
    border: 1px solid #47479C;
    border-radius: 30px;
      /* background: linear-gradient(
    to bottom,
    white 0%,
    white 25%,
    #47479C 25%,
    #47479C 70%,
    white 70%,
    white 100%
  ); */
}
@media screen and (max-width:576px) {
    .h-cta .container{
        border-radius: 0px;
    }
}

.h-mantra h1{
    font-size: 30px;
    font-weight: bold;
    color: #434354;
}
.h-mantra p{
    font-size: 15px;
    color: #434354;
}
.bg-col{
    background-color: #F2F2FF;
}
.h-feeds{
    background-color: #F2F2FF;
}
.h-feeds h1{
    font-size: 30px;
    font-weight: bold;
    color: #434354;
}
.h-feeds p{
    font-size: 15px;
    color: #434354;
}

footer{
    background-color: #47479C;
}
footer a{
    color: #EFEFFC;
    text-decoration: none;
    cursor: pointer;
    font-size: 11px;
    font-weight: 400;
    text-align: center;
}


header .navbar{
    background-color: #47479C !important;
}
header .navbar .nav-item .nav-link{
    font-size: 11.5px;
    color: #fff;
}
header .navbar .nav-item .nav-link {
    border-right: 1px solid #fff;
    padding: 0px 10px;
}
header .navbar .navbar-nav .nav-item:last-child .nav-link{
    border-right: 0px;
}
@media screen and (max-width:767px) {
    header .navbar .nav-item .nav-link {
    border-right: 0px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 10px 4px;
}
header .navbar .navbar-nav .nav-item:last-child .nav-link{
    border-right: 0px;
    border-bottom: 0;
}
}

.banner{
    /* background-color: #47479C; */
     background: linear-gradient(to bottom,
                              #47479C 0%,
                              #47479C 70%,
                              #fff 70%,
                              #fff 100%);
}
.banner .back-pre-btn{
    background-color: #7676CC;
    opacity: 1;
    padding: 14px 20px;
}
.banner .carousel-control-prev , .banner .carousel-control-next{
    opacity: 1;
}
.banner .carousel-control-prev{
    left: unset;
    right: 20px;
    top: unset;
    bottom: -25px;
}
.banner .carousel-control-next{
      left: unset;
    right: 0px;
    top: unset;
    bottom: -25px;
}
.banner .carousel-control-next{
    width: 5%;
}
@media screen and (max-width:991px) {
    .banner .carousel-control-next{
    width: 10%;
}
.banner .carousel-control-prev{
    left: unset;
    right: 50px;
    top: unset;
    bottom: -38px;
}
.banner .carousel-control-next{
      left: unset;
    right: 0px;
    top: unset;
    bottom: -38px;
}
.banner .back-pre-btn{
    background-color: #7676CC;
    opacity: 1;
    padding: 5px 8px;
}
}
@media screen and (max-width:767px) {
    .banner .carousel-control-next{
    width: 25%;
}
.banner .carousel-control-prev{
    left: unset;
    right: 90px;
    top: unset;
    bottom: -38px;
}
.banner .carousel-control-next{
      left: unset;
    right: 0px;
    top: unset;
    bottom: -38px;
}
.banner .back-pre-btn{
    background-color: #7676CC;
    opacity: 1;
    padding: 5px 8px;
}
}



.my-dropdown-header {
        padding: 0;
        font-size: 11.5px;
    }
    .my-dropdown-header button{
    font-size: 11.5px;
    padding: 0;
    background-color: transparent;
    border: none;
    padding: 0px 10px;
    border-right: 1px solid #fff;
    border-radius: 0px;
}
.my-dropdown-header button:hover{
    background-color: transparent;
    border: none;
    border-right: 1px solid #fff;
    border-radius: 0px;
}
.my-dropdown-header li{
    font-size: 11.5px;
    border-bottom: 1px solid #dedede;
}
.my-dropdown-header li:last-child{
    border-bottom: none;
}
.my-dropdown-header ul{
    padding: 0;
}
.my-dropdown-header .btn.show{
    background-color: transparent;
}
@media screen and (max-width:767px) {
    .my-dropdown-header button{
    border-right: 0px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 10px 4px;
    width: 100%;
}
}
.upper-header{
    line-height: 0;
}
.upper-header .buttons-div a{
    font-size: 10px;
    color: #fff;
    line-height: 16px;
    text-decoration: none;
    padding-right: 8px;
    border-right: 1px solid #fff;
}
.upper-header .btn{
    border: none;
    border-radius: 0 !important;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 16px;
    /* height: 23px; */
    padding: 4px 15px;
}
.upper-header .login-btn{
    background-color: #7676CC;
}
.upper-header .register-btn{
    background-color: #FF8B0C;
}



/* footer */
.footer .logo-section p{
    font-size: 9px;
    line-height: 21px;
    color: #fff;
}
.footer .quick-links h2{
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px;
}
.footer .quick-links a{
    font-size: 10px;
    color: #EFEFFC;
    line-height: 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    margin-bottom: 8px;
}