@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.montserrat{
    font-family: 'Montserrat' !important;
}

body, html {
    font-family: 'Nunito', sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

.pt-10{
    padding-top: 10;
}
.pt-20{
    padding-top: 20;
}
.pt-30{
    padding-top: 30;
}
.pt-40{
    padding-top: 40;
}
.pt-50{
    padding-top: 50;
}
.pt-60{
    padding-top: 60;
}
.pt-70{
    padding-top: 70;
}
.pt-120{
    padding-top: 120;
}
.mt-10{
    margin-top: 10;
}
.mt-20{
    margin-top: 20;
}
.mt-30{
    margin-top: 30;
}
.mt-40{
    margin-top: 40;
}
.mt-50{
    margin-top: 50;
}
.mt-60{
    margin-top: 60;
}
.mt-70{
    margin-top: 70;
}
.mt-100{
    margin-top: 100px;
}
.mt-120{
    margin-top: 120px;
}
p {
    line-height: 34px;
    color: #000000;
}
img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fullwidth-wrapper {
    width: 100%;
}
.homeBg{
    background-image: url(../images/naadiBg.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.bt1 {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 38px;
    color: #000000;
    margin-bottom: 0px;
    margin-top: 40px;
}
.bt2 {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-size: 82px;
    line-height: 112px;
    color: #262424;
    margin-bottom: 0px;
}
.bt3 {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-size: 58px;
    line-height: 58px;
    color: #262424;
    margin-bottom: 26px;
}
.btb a {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    width: 162px;
    height: 44px;
    background: #F48921;
    border-radius: 34px;
    display: inline-block;
    line-height: 44px;
    text-align: center;
    margin-bottom: 0px;
}
.b-arr-img {
    position: initial;
    margin-top: -23px;
    margin-left: 16px;
}
.pat1 {
    background-image: url(../images/card1.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-right: 15px;
    padding-left: 15px;
}
.pat2 {
    background-image: url(../images/card2.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-right: 15px;
    padding-left: 15px;
}
.pat3 {
    background-image: url(../images/card3.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-right: 15px;
    padding-left: 15px;
}
.pat{
    min-width: 363px;
    min-height: 210px;
    padding: 30px 45px;
}
.pat h2 {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-size: 33px;
    line-height: 45px;
    color: #FFFFFF;
    margin-bottom: 5px !important;
    margin-top: 10px;
}
.pat p {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.c-link {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-decoration-line: underline;
    color: #000000;
    float: left;
}
.pat p img {
    float: right;
    margin-bottom: 0px;
}
.behind1{
    background-image: url(../images/behind.png);
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 520px !important;
    min-width: 629px;
}
.behind {
    width: 425px;
    height: 105px;
    background: #FFFFFF;
    box-shadow: 0px 6px 19px rgba(0, 0, 0, 0.08);
    border-radius: 9px;
    padding: 23px;
    margin-top: 50%;
    margin-left: 28%;
}
.slideSec img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.heart {
    display: inline-block;
    /* float: left; */
}
h3.beh {
    font-style: normal;
    font-weight: 700;
    font-size: 23px !important;
    line-height: 35px;
    color: #000000;
    padding-left: 20px;
    float: left;
}

.b-link {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-decoration-line: underline;
    color: #000000;
    padding-left: 20px;
    float: left;
    display: flex;
    align-items: center;
}
.sub-tit {
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 35px;
    color: #000000;
    margin-top: 25px;
    margin-bottom: 10px !important;
}
.main-tit {
    font-style: normal;
    font-weight: 800;
    font-size: 54px;
    line-height: 60px;
    color: #000000;
}
.btn {
    width: 162px;
    height: 44px;
    background: #F48921;
    border-radius: 34px;
    float: left;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 33px;
    color: #FFFFFF;
    text-align: center;
}
.bb-link {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    padding-left: 20px;
    float: left;
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.carouselSec{
    background: linear-gradient(to bottom, #FFFFFF 50%, #F3F3F3 50%);
}
.whatwedo2{
    background-image: url(../images/naadiBg2.png);
    background-repeat: no-repeat;
    background-position: left 110px;
    background-color: #F3F3F3;
}
.whatwedo {
    min-height: 665px !important;
    min-width: 610px;
}
.whatwedo1 {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
}
.what1 {
    font-style: normal;
    font-weight: 800;
    font-size: 21px;
    line-height: 31px;
    color: #000000;
}
.webelive {
    background: url(../images/belive-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #2A2A2A;
    min-height: 209px !important;
}
.posrelative {
    position: relative;
}
.left-line {
    position: absolute;
    left: 120px;
    top: 25px;
}
.right-line {
    position: absolute;
    right: 120px;
    top: 25px;
}
.webelive-cnt {
    font-style: normal;
    font-weight: 800;
    font-size: 46px;
    line-height: 63px;
    text-align: center;
    color: #FFFFFF;
    padding-top: 50px;
}
.webelive-cnt span {
    color: #F48921;
}
.card1 {
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    border-radius: 12px;
}
.card-inner {
    padding: 29px 29px 8px 29px;
}
.card-inner p.card-cont {
    line-height: 26px;
    border-bottom: #F2F2F2 solid 1px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.c-link {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-decoration-line: underline;
    color: #000000;
    float: left;
}
.float-right {
    float: right;
}
.card1 .cardImg{
    width: 100%;
}
/* patient */
.patientBnr{
    background: url(../images/patientBnr.png) !important;
    background-size: cover !important;
    margin-bottom: 20px !important;
    background-color: #001322;
    min-height: 396px;
    margin-bottom: 50px;
    padding-top: 60px;
    padding-bottom: 80px;
}
.page-header_breadcrumbs:not(:first-child) {
    margin-top: 14px;
}
.page-header_breadcrumbs .breadcrumbs {
    white-space: nowrap;
    letter-spacing: 0;
    font-weight: 600;
    text-transform: uppercase;
}
.page-header_breadcrumbs a {
    color: inherit;
    background: transparent;
    font-size: 14px;
}
.page-header_breadcrumbs .divider:not(:last-child) {
    color: inherit;
    margin: 0 5px;
}

.page-header_breadcrumbs .divider:not(:last-child):before {
    content: "\f149";
    display: inline-block;
    margin-bottom: 3px;
    font-family: flaticon;
    font-size: 0.6em;
    line-height: 1;
    font-weight: 400;
    vertical-align: middle;
    transition: 0.3s;
}
.page-header_title {
    font-weight: 800;
    font-size: 64px !important;
    line-height: 87px;
    color: #FFFFFF !important;
    text-shadow: 0px 4px 4px rgba(244, 137, 33, 0.32) !important;
}
.breadcrumbs .current{
    color: #ffac00;
}
.breadcrumbs a, .breadcrumbs span{
    font-weight: bold;
}
.page-header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    padding: 10px 0;
}
ul.pat-list {
    list-style: none;
}
ul.pat-list li {
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    border-radius: 12px;
    margin: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #000000;
    width: 17%;
    display: inline-block;
    padding: 28px 0px !important;
}
.cr-bg {
    background-image: url(../images/cr-bg.png);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #f3f3f3;
}
.cr-bg1 {
    background-image: url(../images/doctor-inner.png);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #f3f3f3;
    /* margin-top: -90px; */
    position: relative;
}
.card-small {
    width: 418px;
    height: 105px;
    background: #FFFFFF;
    box-shadow: 0px 6px 19px rgba(0, 0, 0, 0.08);
    border-radius: 9px;
    padding: 23px;
    margin-top: 20px;
}
.card-small2 {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 6px 19px rgba(0, 0, 0, 0.08);
    border-radius: 9px;
    padding: 23px;
    margin-top: 56px;
    position: relative;
    margin-left: 6%;
}
.tick {
    position: absolute;
    left: -25px;
    top: -31px;
}
.helpbox {
    background: url(../images/gra.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #2A2A2A;
    min-height: 474px !important;
}
.video-icon {
    margin-top: 25%;
    display: inline-block;
    margin-left: 25%;
}
.helpe {
    font-weight: 600;
    font-size: 35px;
    line-height: 26px;
    color: #F48921;
}
.onlyby {
    font-weight: 700;
    font-size: 37px;
    line-height: 52px;
    color: #FFFFFF;
}
/* accordion */
.accordion {
    padding: 1.2rem 0;
    border-radius: 1rem;
    background: white;
    margin: auto;
    /* box-shadow: 0 0 5rem lightgrey; */
}
.accordion__btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.2rem 1.4rem;
    background: white;
    border: none;
    outline: none;
    font-size: 1.2rem;
    text-align: left;
    cursor: pointer;
    transition: 0.1s;
    background-color: #F6F6F6;
    border: 1px solid rgba(211, 211, 211, 0.555);
    border-radius: 8px;
    margin-bottom: 15px;
}
.accordion__heading {
    margin-bottom: 2rem;
    padding: 0 1.4rem;
}

.accordion__item--active .accordion__btn {
    background: #F48921;
    color: #FFFFFF;
}
.accordion__item--active .accordion__icon {
    transform: rotate(135deg);
}
.accordion__icon {
    border-radius: 50%;
    transform: rotate(0deg);
    transition: 0.3s ease-in-out;
    opacity: 0.9;
}
.accordion__item--active .accordion__content {
    opacity: 1;
    transform: translateX(0px);
    max-height: 100vh;
}
.accordion__content {
    font-weight: 300;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateX(16px);
    transition: max-height 0.5s ease, opacity 0.5s, transform 0.5s;
}
.accordion__content p {
    padding: 1rem 1.8rem;
}
.volunteerBnr{
    background: url(../images/vol.png) !important;
    background-size: cover !important;
    margin-bottom: 20px !important;
    background-color: #001322;
    min-height: 396px;
    margin-bottom: 50px;
    padding-top: 60px;
    padding-bottom: 80px;
}
.creataware {
    font-weight: 700;
    font-size: 35px;
    line-height: 55px;
    text-align: center;
    color: #000000;
}
.donorBnr{
    background: url(../images/donor.png) !important;
    background-size: cover !important;
    background-color: #001322;
    min-height: 396px;
    padding-top: 60px;
    padding-bottom: 80px;
}
.cbr-cont {
    display: inline-block;
    width: 100%;
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 31px;
    color: #000000;
    padding-left: 20px;
    margin-bottom: 0px;
}
.testi {
    display: inline-block;
    width: 80%;
    margin-left: 10%;
    position: relative;
}
.testi-icon {
    position: absolute;
    top: -79px;
    margin-left: -76px;
    z-index: -1;
}
.testi p {
    margin-bottom: 0px;
}
.testi-cont {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 36px;
    text-align: center;
    color: #6B6969;
    padding-bottom: 30px;
}
.testi-tit {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    line-height: 36px;
    text-align: center;
    color: #000000;
}
.testi-tit1 {
    font-weight: 400;
    font-size: 19px;
    line-height: 36px;
    text-align: center;
    color: #000000;
}
.resourceBnr{
    background: url(../images/res.png) !important;
    background-size: cover !important;
    background-color: #001322;
    min-height: 396px;
    padding-top: 60px;
    padding-bottom: 80px;
}
.re1-bg {
    background: url(../images/re1.png) no-repeat center top;
    min-height: 402px !important;
    min-width: 370px;
}
.re2-bg {
    background: url(../images/re2.png) no-repeat center top;
    min-height: 402px !important;
    min-width: 370px;
}
.re3-bg {
    background: url(../images/re3.png) no-repeat center top;
    min-height: 454px !important;
    min-width: 370px;
}
.video-icon2 {
    margin-top: 26%;
    display: inline-block;
    margin-left: 37%;
}
.res-head {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    line-height: 31px;
    color: #000000;
}
.res-content {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 31px;
    color: #000000;
}
.teamBnr{
    background: url(../images/team.png) !important;
    background-size: cover !important;
    background-color: #001322;
    min-height: 396px;
    padding-top: 60px;
    padding-bottom: 80px;
}
#myBtn {
    position: relative;
    width: 90%;
    margin: 0 auto;
    border-radius: 20px;
    /* max-height: 418px; */
}
.team-name {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.team-title {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-size: 22px;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 7px;
}
.team-post {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFF;
}
.modal {
    display: none;
    position: fixed;
    z-index: 999999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    /* width: 70%; */
}
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -22px;
}
.fullwidth-wrapper1 {
    width: 100%;
    display: inline-block;
}
.mod-inner {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 13px;
}
.mod-title {
    font-style: normal;
    font-weight: 800;
    font-size: 38px;
    /* line-height: 26px; */
    line-break: anywhere;
    color: #000000;
}
.mod-para {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 31px;
    color: #000000;
}
.footerBg{
    background: no-repeat center top #2a2a2a !important;
    background-size: cover;
    margin-top: 40px;
}
.brithe {
    font-style: normal;
    font-weight: 800;
    font-size: 23px;
    line-height: 34px;
    color: #F48921;
}
.donateb {
    margin: 15px 0px;
}
.f-tit {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFF;
}
ul.f-menu{
    padding: 0;
    list-style: none;
}
ul.f-menu li {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 37px;
    color: #8A8A8A !important;
}
ul.f-menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 37px;
    color: #8A8A8A !important;
    text-decoration: none;
}
.cont-list {
    border-bottom: 1px solid #3C3B3B;
    line-height: 30px !important;
    padding: 0px 0px 9px 0px;
    margin-bottom: 13px;
}
.cont-listl {
    line-height: 30px !important;
    padding: 0px 0px 9px 0px;
    margin-bottom: 13px;
}
.copyright {
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 47px;
    color: #FFFFFF !important;
}
.text-right{
    text-align: right;
}
.copyright span {
    color: #F48921;
}

.copyright a img {
    width: 24px;
}

.copyright a .quoraImg {
    width: 20px;
}


/* header */
.navbar {
    position: static; /* Initially static for the static navbar */
    top: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 13s ease, opacity 1s ease;
    z-index: 1000;
  }
  /* #scrollNavbar{
    transition: transform 1s ease, opacity 1s ease !important;
  } */
  
  .hidden {
    transition: transform 1s ease, opacity 1s ease !important;
    transform: translateY(-100%);
    opacity: 0;
    display: none;
    pointer-events: none;
  }
  
  .fixed {
    transition: transform 1s ease, opacity 1s ease !important;
    position: fixed; /* Applied when scrolling up for the scroll navbar */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;

  }
  
.navPos {
    padding: 0;
    background-color: #fff;
    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
}
.navSec .naadiLogo {
    width: 145px;
    padding-right: 20px;
}
#navbarSupportedContent {
    justify-content: flex-end;
    /* height: 60px; */
}
.navbar-wrap {
    width: 73%;
    display: flex;
    justify-content: space-evenly;
}
.navbar-wrap .active {
    border-bottom: 3px solid #000000;
    transition: 0.1s;
    font-weight: bold;
}
.navbar-wrap .nav-item {
    height: 60px;
    padding-top: 8px;
}
.navbar-nav .nav-item a{
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 2px !important;
}
.nav-item .headerIcon{
    width: 100%;
}
.header_register {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.header_register a {
    width: 162px;
    height: 44px;
    background: #F48921;
    border-radius: 34px;
    font-size: 16px;
    line-height: 44px;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
/* mobile navbar */

.mobile-nav{
    width: 100%;
    /* height: 60px; */
    background-color: rgba(49,49,49, 1);
}
.mobile-nav h1{
    font-weight: 600;
    color: #ffffff;
    font-size: 26px;
    line-height: 60px;
    padding-left: 30px;
}
.mobile-nav ul{
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 30px;
    overflow: scroll;
}
.mobile-nav ul li{  
    list-style: none;
    display: inline-block;
    margin: 0px 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 60px; 
    visibility: hidden;
}
.mobile-nav ul li a{
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
}
.mobile-nav ul li a:hover{
    border-bottom: 2px solid black;
    padding-bottom: 5px;
}



.mobile-nav{
    display: none;
}
.header_register {
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: inline-block;
}
.header_register a {
    width: 162px;
    height: 44px;
    background: #F48921;
    border-radius: 34px;
    font-size: 16px;
    line-height: 44px;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
}
.mobile-nav .hamMenuLogo{
    width: 70px;
}
.splide__arrow--prev{
    margin-left: -25px;
    width: 45px;
    height: 45px;
}
.splide__arrow--next{
    margin-right: -10px;
    width: 45px;
    height: 45px;
}

/* Joel CSS */
.contact-us-Bnr{
    background: url(../images/contact-us-banner.png) !important;
    background-size: cover !important;
    background-color: #001322;
    min-height: 396px;
    padding-top: 60px;
    padding-bottom: 80px;
    }
    
    .contact-details-box{
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    border-radius: 12px;
    padding: 40px 0px 8px 0px;
    min-height: 318px;
    }
    
    .con-us-leave-us-sec{
    border: 1px solid #ECECEC;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    border-radius: 12px;
    }
    
    .my-acc-form{
    /* margin-top: 20px !important; */
    max-width: 600px;
    margin: 0 auto;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    padding: 20px 20px;
    margin-bottom : 40px;
    border-radius: 15px;
    }
    .already-mem{
    padding: 20px 0px 15px 0px;
    margin-top: 30px;
    margin-bottom: 70px;
    border-bottom: 1px solid #ECECEC;
    border-top: 1px solid #ECECEC;
    
    }
    .already-mem #inputEmail,.already-mem #inputPassword{
        background-color: #F6F6F6 !important;
        border: 1px solid #E8E8E8 !important;
        height: 55px;
    }
    .text-right-1{
    float: right;
    }
    
    .login-btn-my-acc{
    width: 100%;
    height: 44px;
    background: #F48921;
    border-radius: 34px;
    float: left;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 33px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #ECECEC;
    width: 100%;
    outline: none;
    
    }
    
    .btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: #F48921;
    border-color: #F48921;
    }
    
    .create-acc a {
    color : orange;
    
    }

    .forgotpass{
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        text-decoration-line: underline;
        color: #000000;
    }
    .forgotpass:hover{
        text-decoration: none;
    }
    .login-btn-my-acc:hover{
        color: #FFFFFF;
        background: #F48921;
        outline: none;
    }
    .donot {
        font-family: 'Nunito';
        font-style: normal;
        font-weight: 700;
        font-size: 19px;
        line-height: 26px;
        color: #000000;
        text-align: center;
        width: 100%;
        display: inline-block;
        margin-bottom: 0px;
    }
    

/* youtube popup */


/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 502;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80); }
  
  .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 503;
    position: fixed;
    outline: none !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; 
  }
  
  .mfp-container {
    height: 100%;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  
  .mfp-align-top .mfp-container:before {
    display: none; }
  
  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 505; }
  
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }
  
  .mfp-ajax-cur {
    cursor: progress; }
  
  .mfp-zoom-out-cur,
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }
  
  .mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }
  
  .mfp-auto-cursor .mfp-content {
    cursor: auto; }
  
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
  
  .mfp-loading.mfp-figure {
    display: none; }
  
  .mfp-hide {
    display: none !important; }
  
  .mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 504; }
  
  .mfp-preloader a {
    color: #cccccc; }
  
  .mfp-preloader a:hover {
    color: white; }
  
  .mfp-s-ready .mfp-preloader {
    display: none; }
  
  .mfp-s-error .mfp-content {
    display: none; }
  
  button.mfp-close,
  button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 506; }
  
  button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  
  .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
    .mfp-close:hover, .mfp-close:focus {
      opacity: 1; }
    .mfp-close:active {
      top: 1px; }
  
  .mfp-close-btn-in .mfp-close {
    color: #333333; }
  
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }
  
  .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px; }
  
  .mfp-arrow {
    position: absolute;
    top: 0;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  
  .mfp-arrow:active {
    margin-top: -54px; }
  
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  
  .mfp-arrow:before, .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: solid transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    opacity: 0.8;
    border-top-width: 12px;
    border-bottom-width: 12px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 20px;
    border-bottom-width: 20px; }
  
  .mfp-arrow-left {
    left: 0; }
    .mfp-arrow-left:after,
    .mfp-arrow-left .mfp-a {
      border-right: 12px solid black;
      left: 5px; }
    .mfp-arrow-left:before,
    .mfp-arrow-left .mfp-b {
      border-right: 20px solid white; }
  
  .mfp-arrow-right {
    right: 0; }
    .mfp-arrow-right:after,
    .mfp-arrow-right .mfp-a {
      border-left: 12px solid black;
      left: 3px; }
    .mfp-arrow-right:before,
    .mfp-arrow-right .mfp-b {
      border-left: 20px solid white; }
  
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
  
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
  
  .mfp-iframe-scaler iframe {
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }
  
  .mfp-iframe-holder .mfp-close {
    top: -43px; }
  
  /* Main image in popup */
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }
  
  /* The shadow behind the image */
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
  
  .mfp-figure {
    line-height: 0; }
  
  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }
  
  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-word;
    padding-right: 36px; }
  
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  
  .mfp-image-holder .mfp-content {
    max-width: 100%; }
  
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }
  
  @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
     * Remove all paddings around the image on small screen
     */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0; }
  
    .mfp-img-mobile img.mfp-img {
      padding: 0; }
  
    /* The shadow behind the image */
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
  
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
  
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px; }
  
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0; }
  
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; } }
  @media all and (max-width: 800px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      transform: scale(0.75); }
  
    .mfp-arrow-left {
      -webkit-transform-origin: 0;
      transform-origin: 0; }
  
    .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%; }
  
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px; 
    } 
    }
  .mfp-ie7 .mfp-img {
    padding: 0; }
  .mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }
  .mfp-ie7 .mfp-container {
    padding: 0; }
  .mfp-ie7 .mfp-content {
    padding-top: 44px; }
  .mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; }
  

/* youtube popup */

.forgotBnr{
    background: url(../images/res.png) !important;
    background-size: cover !important;
    margin-bottom: 20px !important;
    background-color: #001322;
    min-height: 396px;
    margin-bottom: 50px;
    padding-top: 60px;
    padding-bottom: 80px;
}
.naadi_main_box.naadi_main_box_center.box_forgot {
    text-align: center;
}
.naadi_main_box {
    border-radius: 10px;
    text-align: left;
    padding: 30px 30px !important;
    width: 100%;
}

.emailInput{
    background: #F6F6F6 !important;
    border: 1px solid #E8E8E8 !important;
    border-radius: 8px !important;
    min-height: 55px;
    width: 320px;
    outline: none;
    padding-left: 20px;
}
label.error{
    background: #f74f22;
    color: #fff !important;
    padding: 10px;
    width: 100%;
    max-width: 280px;
    position: relative;
    font-size: 14px;
    box-shadow: 1px 1px 1px #fbb316;
    display: inline-block;
    z-index: 9999;
}
label.error:before{
    height: 0;
    width: 0;
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f74f22;
    position: absolute;
    top: -10px;
}
.req-button{
    color: #ffffff;
    background-color: #f74f22;
    border: navajowhite;
    outline: none;
    border-radius: 30px;
    padding: 10px 30px;
    margin: 8px 0;
}
.req-button:hover{
    background-color: #ffac00;
}
#email-error{
    display: none;
}
#scroll_up:empty {
    color: #f74f22;
    background-color: #f74f22;
}

#scroll_up.active {
    opacity: 1;
    transform: translateY(0);
}
#scroll_up:empty {
    right: 0;
    width: 69px;
    height: 56px;
    border-radius: 56px 0 0 56px;
    padding: 6px 5px 4px 5px;
    text-align: left;
    
}
#scroll_up {
    display: none;
    position: fixed;
    z-index: 20;
    right: 0px;
    bottom: 20px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    opacity: 0;
    /* transform: translateX(130%); */
    /* transition: 1s; */
    /* transition: right 1s ease-in-out; */
    animation: slideInRight 0.5s ease-in-out forwards;
}
#scroll_up.hidden {
    animation: slideOutRight 0.5s ease-in-out forwards; /* Use animation instead of transition */
  }
@keyframes slideOutRight {
    0% {
      right: 0;
    }
    100% {
      right: -50px; /* Move the button out of the viewport */
    }
  }
  
  @keyframes slideInRight {
    0% {
      right: -50px; /* Move the button out of the viewport */
    }
    100% {
      right: 0px;
    }
  }
#scroll_up:empty:before {
    background-color: #fff;
}
#scroll_up:empty:before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    display: block;
    height: 46px;
    width: 46px;
    border-radius: 46px;
}
#scroll_up:empty:after {
    content: "\e5d8";
    display: inline-block;
    font-family: "Material Symbols Outlined";
    text-align: center;
    font-size: 19px;
    line-height: 46px;
    height: 46px;
    width: 46px;
    border-radius: 46px;
    transform: translateX(0px) translateZ(0);
}
.blogListBnr{
    background-color: #001322;
    background-size: cover !important;
    background-color: #001322;
    min-height: 396px;
    padding-top: 60px;
    padding-bottom: 80px;
}
.archive__heading {
    margin-bottom: 45px;
    text-align: center;
}
.blog-posts .blog-post {
    margin-bottom: 50px;
    transition: 0.3s;
    position: relative;
}
.blog-post_wrapper {
    position: relative;
    border-radius: 10px;
    padding: 30px 30px 0 30px;
    box-shadow: 11px 10px 38px 0px rgba(0, 0, 0, 0.1);
    transition: inherit;
}
.blog-post .blog-post_media, .blog-post.format-image .blog-post_media {
    position: relative;
    z-index: 1;
}
.blog-post .blog-post_media .blog-post_media_part {
    position: relative;
    border-radius: 10px;
}
.blog-post.format-standard-image .blog-post_media .image-overlay, .blog-post.format-image .blog-post_media .image-overlay {
    display: block;
    position: relative;
    z-index: 1;
    border-radius: inherit;
    line-height: 0;
    overflow: hidden;
}
.blog-post .blog-post_media .blog-post_media_part img {
    border-radius: inherit;
    display: block;
}
.format-video:not(.format-no_featured) .post_categories, .format-gallery:not(.format-no_featured) .post_categories, .format-image:not(.format-no_featured) .post_categories, .format-standard-image .post_categories {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 15px;
    left: 29px;
}
.post_categories span a{
    border-color: #f74f22;
}
.blog-style-standard .wgl_col-12 > :not(.format-no_featured) .blog-post_content {
    padding: 20px 0px;
}

.blog-style-standard .blog-post .blog-post_content {
    position: relative;
    padding-bottom: 23px;
}
.meta-data {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: bold;
}
.post_date {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 1.6;
    color: #f74f22;
    margin-top: 15px;
}
.blog-posts .blog-post_title {
    display: block;
    margin-bottom: 14px;
    margin-top: 3px;
    line-height: 36px;
    word-wrap: break-word;
    clear: both;
    font-weight: bold;
}
.blog-post a{
    text-decoration: none;
    color: #232323;
}
.blog-posts .blog-post_title > a {
    font-size: 30px;
    line-height: 36px;
}
.blog-posts .blog-post_title > a:hover{
    color: #ffac00;
}
.blog-style-standard .blog-post_text {
    font-size: 16px;
}
.blog-post_content p:last-child, #comments .comment_content > p:last-child {
    margin-bottom: 0;
}
.blog-post_content p, #comments .comment_content > p {
    margin-bottom: 18px;
}
.blog-post_content .read-more-wrap {
    padding-top: 10px;
    padding-bottom: 11px;
}

.read-more-wrap {
    clear: both;
}
.read-more-wrap a{
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom: 2px solid #000000;
}

.button-read-more:before {
    left: 0;
    width: 0;
    transition-delay: 0s;
}
.button-read-more:after {
    right: 0;
    width: 100%;
}

.blog-post .blog-post_meta-wrap {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-top: 1px solid #eeeeee;
    margin-top: 20px;
    padding-top: 12px;
    padding-bottom: 11px;
    text-transform: uppercase;
}
.meta-data .post_author:before {
    content: "\f127";
    font-family: flaticon;
    font-size: 17px;
    font-weight: 400;
    color: #f74f22;
}
.post_categories a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    /* border-width: 2px; */
    /* border-style: solid; */
    border-radius: 13px;
    padding: 2px 11px;
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    background-color: #f74f22;
}
.post_categories a:hover{
    background-color: #ffac00;
}
.widget .title-wrapper {
    margin: -0.4em 0 32px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
}
.widget .title-wrapper .title__line {
    display: flex;
    position: relative;
    width: calc(100% - 40px);
    height: 4px;
    margin-top: 18px;
    border-radius: 2px;
    background-color: #eeeeee;
}
.widget .title-wrapper .title__line:after, .bighearts_banner-widget:hover .banner-widget_button {
    background: #ffac00;
}

.widget .title-wrapper .title__line:after {
    content: "";
    position: absolute;
    top: 0;
    right: -40px;
    width: 30px;
    height: inherit;
    border-radius: inherit;
}
.blog-post .post_author a:hover{
    color: #f74f22;
}
.widget ul{
    padding: 0;
}
.widget ul li {
    font-size: 14px;
    line-height: 37px;
    font-weight: 700;
    transition: 0.3s;
    list-style-type: none;
}
.widget_categories ul li a{
    padding-left: 0;
    display: flex;
    width: 100%;
    color: #616161;
    text-decoration: none;
}
.widget_categories ul li a:hover{
    color: #f74f22;
}

.widget_categories ul li a:hover:before{
    transform: translate(0, 0px);
    opacity: 1;
}
.widget_categories ul li a:before{
    content: "\f14c";
    font-family: flaticon;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    transform: translate(-10px, 0px);
    color: #f74f22;
    opacity: 0;
    transition: all 0.45s, color 0s;
}
.widget_categories ul li a .post_count{
    flex-grow: 1;
    align-self: flex-end;
    padding-left: 28px;
    text-align: right;
    color: #b4b4b4;
    transition: inherit;
}
#gallery-1 {
    display: flex;
    align-items: center;
}
#gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}

#gallery-1 .gallery-item {
    width: 25% !important;
}
#gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 20%;
}
.gallery-item .gallery-icon {
    position: relative;
    z-index: 1;
    margin: 5px;
}
.gallery-item .gallery-icon > a {
    display: block;
    border-radius: 5px;
}
.gallery-icon a:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.4s;
    background: #ffffff;
    border-radius: inherit;
}
.gallery-item img {
    border: 0 !important;
    border-radius: inherit;
}
.gallery .gallery-caption {
    display: none;
}

.wp-caption, .gallery-caption {
    font-style: italic;
    max-width: 100%;
    margin-bottom: 1em;
}
.gallery-item .gallery-icon > a:hover{
    opacity: 0.5;
}
.post_featured_bg {
    position: relative;
}
.blog-wrap{
    padding: 280px 0px 70px 0px;
}

.post_featured_bg .blog-post .post_categories {
    position: static !important;
}
.post_featured_bg .blog-post_title {
    position: relative;
    z-index: 1;
    margin: 8px 0 0 0;
    line-height: 1.286;
    color: #ffffff;
    font-size: 48px;
    font-weight: bold;
}
.post_featured_bg .meta-data {
    margin: 28px 0 0;
    border-top: 1px solid rgba(238, 238, 238, 0.2);
    padding-top: 13px;
    color: #ffffff;
    text-transform: uppercase;
}
.post_featured_bg .meta-data .post_date {
    color: inherit;
}
.meta-data .post_date {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
}
.meta-data .post_date:before {
    content: "\f109";
    font-family: flaticon;
    font-size: 17px;
}

.post_featured_bg .meta-data span:before {
    font-weight: 400;
    color: #ffffff;
}
.blog-post_content img{
    width: 100%;
}
.blog-post_content h4{
    font-weight: bold;
}
blockquote {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-top: 10px;
    padding-left: 62px;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: -1px;
}
blockquote:before {
    content: "\f131";
    position: absolute;
    left: 0;
    z-index: -1;
    top: -26px;
    font-family: flaticon;
    font-size: 44px;
    transform: rotate(180deg);
    color: #f74f22;
}
blockquote cite {
    display: block;
    position: relative;
    margin-top: 22px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    color: #b4b4b4;
    font-style: normal;
    letter-spacing: 0;
}
.single_post_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 4px;
    padding-top: 33px;
    font-size: 14px;
    clear: both;
}
.single_post_info .tagcloud-wrapper {
    flex-shrink: 20;
    margin-right: auto;
}

.single_post_info > * {
    margin-bottom: 20px;
}
.tagcloud a:not(:last-child){
    margin-right: 5px;
}
.tagcloud a, .wp-block-tag-cloud a {
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 17px;
    padding: 2px 16px;
    font-size: inherit !important;
    line-height: 28px;
    border: 1px solid #eeeeee;
    transition: 0.4s;
}
.tagcloud a:hover{
    color: #ffffff;
    border-color: transparent;
    background-color: #f74f22;
}
.theiaStickySidebar{
    padding-top: 1px;
    padding-bottom: 1px;
    position: sticky;
    top: 40px;
}
.sidebar-container{
    position: relative;
}
.widget_categories ul li a:hover{
    padding-left: 40px;
    transition: 0.6s;
}



/* LANDING PAGE */
.homebgcolor{
    background: #f2f2f2;
}
.orange{
    color: #F48921;
}
.empower{
    width: 50% !important;

}
.vector{
    position: absolute;
    top: 15%;
    z-index: -1;
    right: 23%;
    width: 50% !important;
}
.vector2{
    position: absolute;
    top: 15%;
    z-index: -1;
    right: 0%;
    width: 100% !important;
}
.bnr-content h2{
    color: #6e4a29;
    font-weight: 700;
    line-height: 45px;
}
.bnr-content img{
    width: 90%;
}
.head2{
    font-weight: 900;
    color: #6e4a29;
}
.bgcolor{
    background: #ffffff;
    padding: 50px 0px;
}
.contactnow{
    padding: 25px;
    margin:10px 4px;
    color: #F48921;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    letter-spacing: 2;
    text-decoration: none;
    display:inline-block;
    border: 1px solid #F48921;
    z-index: 99;
    border-radius: 50px;
}
.contactnow:hover {
    background-color: #F48921;
    color: #fff;
}
/* .contactnow::before {
    content: '';
    position: absolute;
    left: 0px;
    bottom:0px;
    width: 100%;
    height:100%;
    background: transparent;
    box-shadow: inset 0px 0px 0px #fc9c29;
    color: #ffffff;
    display: block;
    border-radius: 50px;
    -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
    transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
  }
  .contactnow:hover::before {
    box-shadow: inset 300px 0px 0px #fc9c29;
    color: #ffffff;
    border-radius: 50px;
   } */
.whychoose{
    background-color: #F48921;
    padding: 50px 0px;
    color: #ffffff;
}
.prficon{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 70px;
    height: 70px;
    background: #fcac4b;
    color: red;
    border-radius: 50%;
    border: 1px solid #f7c588;
    margin-bottom: 10px;
}
.whydiv p{
    line-height: 1.5;
    color: #ffffff;
}
.prficon img{
    width: 35px;
    height: 35px;
    /* top: 0p; */
}
.servicecard{
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    height: 100%;
}
.servicecard img{
    border-radius: 5px 5px 0px 0px;
    width: 100%;
}
.servicecard p{
    line-height: 1.5;
}
.servicecard .servicedetail{
    padding: 20px;
}
.formsec{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #F48921;
    padding-top: 100px;
}
.formimg{
    width: 50%;
    position: relative;

}
.formimg img{
    width: 90%;
    position: relative;
    z-index: 99;
}
.formdiv{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.formdiv .form{
    width: 60%;
}
.formdiv .form input{
    border-radius: 25px;
    padding: 7px;
    padding-left: 20px;
}
.formdiv .form button{
    width: 100%;
    background-color: #3096ff;
    border-radius: 30px;
    border: none;
    outline: none;
    color: #ffffff;
    padding: 7px;
}
.formsec .form{
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    backdrop-filter: blur(4.1px);
    -webkit-backdrop-filter: blur(4.1px);
    padding: 30px 20px;
}
.form span{
    color: red;
}
.glass {
    position: absolute;
    top: -15%;
    left: 30%;
    width: 300px;
    height: 300px;
    padding: 20px;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.17));
    border-radius: 30px;
  }
  .glass p{
    color: #ffffff;
    line-height: 1.5;
    font-size: 14px;
  }
.gray-txt{
    color: #999999;
}
/* LANDING PAGE END */
.dropdown-menu-dark{
    background-color: #fff;
    padding: 10px;
}
.dropdown-menu-dark li a{
    color: #444444 !important;
}
.dropdown-menu-dark li a:focus{
    background-color: #fff;
}

.f-menu .cont-list img{
  margin-top: 8px;
}

.f-menu .cont-listl img{
  margin-top: 8px;
}

  @keyframes burger_top-1-45 {
    0% {
      top: 0;
      transform: rotate(0);
    }
    50% {
      top: 7px;
      transform: rotate(0);
    }
    100% {
      top: 7px;
      transform: rotate(45deg);
    }
  }
  @keyframes burger_top-2-45 {
    0% {
      top: 7px;
      transform: rotate(45deg);
    }
    50% {
      top: 7px;
      transform: rotate(0);
    }
    100% {
      top: 0;
      transform: rotate(0);
    }
  }
  @keyframes burger_bottom-1-135 {
    0% {
      bottom: 0px;
      transform: rotate(0);
    }
    50% {
      bottom: 7px;
      transform: rotate(0);
    }
    100% {
      bottom: 7px;
      transform: rotate(135deg);
    }
  }
  @keyframes burger_bottom-2-135 {
    0% {
      bottom: 7px;
      transform: rotate(135deg);
    }
    50% {
      bottom: 7px;
      transform: rotate(0);
    }
    100% {
      bottom: 0;
      transform: rotate(0);
    }
  }
  @keyframes burger_scaled-1 {
    50% {
      transform: scale(0);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes burger_scaled-2 {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }

  /* mobile navbar end */

  /* loader */

/* #exampleModal {
  z-index: 99;
} */
  
.loader-container{
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;;
  background-color:rgb(0, 0, 0, 0.4);
  width: 100%;
  height: 100vh;
  /* position: relative; */
  position: fixed;
  top: 0;
  left: 0;
  /* visibility: hidden; */
  opacity: 0;
  transition: 0.45s ease-in-out;
  z-index: 1000000;
}

.loader {
  position: absolute;
  top: 50%;
  left: 48%;
  border: 10px solid #f3f3f3; /* Light grey */
  border-top: 10px solid #F48921; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  margin-bottom: 20px;
  z-index: 1000001;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

  /* loader */

  /* form validation */

  #errpatientname,
  #errage,
  #errsex,
  #errdiagnosis,
  #erraddress,
  #erremail,
  #errcontactnumber {
    display: none;
    color: red;
  }

  /* form validation */

  .docCard {
    position: relative;
  }
  .docCard img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
  }

    #myBtn:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0)40%, rgb(0, 0, 0)100%);
        pointer-events: none;
        border-radius: 20px;
    }


@media screen and (max-width: 1025px){
    .behind1 {
        min-width: auto;
    }
}
@media only screen and (max-width: 568px){
    #myBtn img{
        width: 100% !important;
    }
    .teamBnr,.patientBnr,.volunteerBnr,.donorBnr,.resourceBnr,.forgotBnr,.blogListBnr{
        padding: 60px 0 !important;
        min-height: auto;
    }
    #staticNavbar,#scrollNavbar{
        display: none !important;
    }
    .mobile-nav{
        display: block !important;
    }
    .mobile-nav ul{
        position: fixed;
        left: 0;
        background-color: rgba(49,49,49, 1);
        color: #FFFFFF;
        width: 80%;
        height: 100vh;
        top: 0px;
        z-index: 99;
        padding: 0px;
        text-align: center;
        left: -100%;
    }   
    nav ul.slider{
        left: 0;
        /* transition: 1s; */
        transition: 1s ease-in-out;
    }
    .mobile-nav ul li{
        display: block;
        width: 100%;
        text-align: left;
        margin: 0px;
        visibility: visible;
        padding-left: 40px;
        /* overflow: scroll; */
    }
    .mobile-nav ul li a{
        color: #fff !important;
    }
    .burger{
        float: right;
        margin-left: 30px;
    }
    .burger .line{
        width: 20px;
        height: 2px;
        margin-bottom: 5px;
        background-color: #FFFFFF;
        display: block;
    }
    .mobile-nav .navbar-brand img{
        width: 80px;
        height: 80px;
    }
    .mobileNavOverlay{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        visibility: hidden;
        opacity: 0;
        transition: 0.45s ease-in-out;
        z-index: 10;
    }
    .emailInput{
        width: 90%;
    }

}
@media (max-width: 767px){
    .behind1 {
        min-height: auto !important;
        background-size: contain;
    }
    .behind {
        margin-top: 50%;
        margin-left: -2%;
    }
}
@media screen and (max-width:1201px) {


    .hamburger-box .hamburger-inner {
        margin-left: 20px;
    }

    #main-content {
        padding: 0px 20px;
    }

    .bt1 {
        padding-left: 35px;
    }

    .bt2 {
        padding-left: 35px;
    }

    .bt3 {
        padding-left: 35px;
    }

    .btb {
        padding-left: 35px;
    }

    .wgl-logotype-container img {
        width: 156px;
        height: 156px !important;
    }

    .primary-nav ul li[class*=current]>a {
        color: #fff !important;
    }

    .primary-nav>ul>li[class*=current]>a>span {
        border-bottom: #fff solid;
    }

    .helpe {
        padding-left: 20%;
    }

    .onlyby {
        padding-left: 20%;
    }

    .btn {
        margin-left: 20%;
    }

    .home #main-content .row {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    .event_listings {
        width: 100%;
    }

    .page-id-458 #main-content .row {
        width: 100%;
    }

    .page-id-8548 #main-content .row {
        width: 100%;
    }

    .page-id-470 #main-content section {
        width: 100%;
    }

    .page-id-7162 #main-content .row {
        width: 100%;
    }

    .page-id-9456 #main-content .row {
        width: 100%;
    }

    .page-id-9450 #main-content .row {
        width: 100%;
    }

    .page-id-9146 .row {
        width: 100%;
    }

    .page-id-631 .row {
        width: 100%;
    }

    .page-id-9164 .row {
        width: 100%;
    }

    .page-id-767 .row {
        width: 100%;
    }

    .page-header_wrapper .wgl-container {
        width: 100% !important;
    }

    .copyright .wgl-container .row {
        width: 100%;
    }

    .footer_top-area .wgl-container .row {
        width: 100%;
    }

    .fullwidth-wrapper {
        padding: 0px 5%;
    }



}

@media screen and (max-width:1169px) {
    .row-center {
        margin-right: 15px;
        margin-left: 15px;
        width: 95%;
        display: block;
    }
}

@media screen and (max-width:1025px) {
    .pat1 {
        background-size: 90%;
    }

    .pat2 {
        background-size: 90%;
    }

    .pat3 {
        background-size: 90%;
    }

    .pat {
        padding: 10px 10px 10px 22px;
    }

    .pat p a.c-link img {
        float: right !important;
    }

    .behind1 {
        min-width: auto;
    }

    .sub-tit {
        font-size: 30px;
    }

    .main-tit {
        font-size: 45px;
    }

    .helpbox {
        min-height: 392px !important;
        background-size: 55%;
    }

    .accordion {
        position: relative;
        width: 90%;
        margin-left: 5%;
    }

    .page-id-9164 .row {
        padding: 0px 2%;
    }

    .whatwedo {
        min-width: 100%;
    }

    .blog-post_wrapper {
        margin: 0 auto;
        width: 100%;
    }

    .wgl-pagination {
        margin: 0 auto;
        width: 100%;
    }

}

@media (max-width: 992px) {
    body.elementor-default.single main .wgl-container,
    .wgl-container {
        width: 728px !important;
    }

}

@media (max-width: 768px) {
    .formimg{
        width: 100%;
        margin: 30px 0px;
    }
    .formdiv{
        width: 100%;
        margin: 50px 0px;
    }
    .formdiv .form{
        width: 90%;
    }
    .glass{
        top: -55%;
        left: 30px;
    }
    .formimg img{
        top: 65px;
    }
    body.elementor-default.single main .wgl-container,
    .wgl-container {
        width: 728px !important;
    }

    .page-header_wrapper {
        margin-left: 25px !important;
    }

    .pat h2 {
        font-size: 23px;
        line-height: 21px;
    }

    .pat p {
        line-height: 18px;
    }

    .pat p a.c-link img {
        float: right !important;
        width: 29px;
        margin-top: 6px;
    }

    .pat {
        min-width: 100%;
        min-height: 129px;
    }

    .pat {
        padding: 0px 10px 10px 10px;
    }

    .pat p a.c-link {
        float: inherit;
    }

    .behind {
        margin-top: 100%;
        margin-left: 1%;
    }

    .left-line {
        left: -51px;
    }

    .right-line {
        right: -51px;
    }

    .webelive-cnt {
        font-size: 28px;
        line-height: 45px;
    }

    .whatwedo {
        min-width: 100%;
    }

    .onlyby {
        font-size: 27px;
        line-height: 35px;
    }

    .helpe {
        font-size: 31px;
    }

    ul.pat-list li {
        width: 16%;
    }

    .team-title {
        font-size: 16px;
        line-height: 16px;
    }

    .team-post {
        font-size: 12px;
        line-height: 11px;
        margin-bottom: 1px;
    }

    .re1-bg {
        min-width: auto;
    }

    .re2-bg {
        min-width: auto;
    }

    .re3-bg {
        min-width: auto;
    }

    .video-icon2 {
        margin-top: 40%;
        display: inline-block;
        margin-left: 30%;
    }
    .blog-wrap{
        padding: 70px 0px 70px 0px !important;
    }


}

@media (max-width: 767px) {

    .wgl-logotype-container img {
        height: 70px !important;
        max-width: 75px;
    }

    .header_register {
        margin-left: -33px;
    }

    body.elementor-default.single main .wgl-container,
    .wgl-container {
        width: 100% !important;
    }

    .bt2 {
        font-size: 54px;
        line-height: 70px;
    }

    .bt3 {
        font-size: 34px;
        line-height: 52px;
    }

    .pat h2 {
        font-size: 30px;
        line-height: 43px;
    }

    .pat p {
        line-height: 22px;
    }

    .pat1 {
        background-size: 90%;
        min-height: 202px !important;
    }

    .pat2 {
        background-size: 90%;
        min-height: 202px !important;
    }

    .pat3 {
        background-size: 90%;
        min-height: 202px !important;
    }

    .pat {
        padding: 11px 10px 10px 24px;
    }

    .behind1 {
        background-size: contain;
    }

    h3.beh {
        font-size: 16px !important;
    }

    .b-link {
        font-size: 15px;
    }

    .behind {
        margin-top: 50%;
        margin-left: -2%;
    }

    .behind1 {
        min-height: auto !important;
    }

    .mt120 {
        margin-top: 60px;
    }

    .right-line {
        display: none;
    }

    .left-line {
        display: none;
    }

    .l40 {
        padding-left: 12% !important;
    }

    #block-32 {
        text-align: center;
    }

    #block-27 {
        text-align: center;
    }

    .f-tit {
        padding: 0px 0px 20px 0px;
    }

    .footer .row .wgl_col-3 {
        margin-bottom: 0px;
    }

    .l40 {
        padding-left: 0% !important;
    }

    .l10 {
        padding-left: 0% !important;
    }

    .copyright {
        font-style: normal;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 22px;
        color: #FFFFFF !important;
        display: inline-block;
        padding-bottom: 21px;
    }

    ul.pat-list li {
        width: 41%;
    }

    .main-tit {
        font-size: 30px;
        line-height: 41px;
    }

    /* h3.beh {
        width: 80%;
    } */

    .helpbox {
        background-size: 100%;
    }

    .helpe {
        padding-left: 5%;
    }

    .onlyby {
        padding-left: 5%;
    }

    .accordion a {
        line-height: 35px;
    }

    .accordion {
        margin-left: 9%;
    }

    .wgl-header-row .header_side.display_grow.h_align_left {
        z-index: 999999;
        position: relative;
    }

    .video-icon {
        margin-top: 17%;
        margin-left: 26%;
    }

    .creataware {
        font-size: 25px;
        line-height: 33px;
    }

    .re2-bg {
        margin-top: 100px;
    }

    .re3-bg {
        margin-top: 100px;
    }

    .wpcf7-submit.wgl-button {
        width: 100%;
    }
    .behind{
        width: auto !important;
    }
    .card-small,.card-small2{
        width: auto !important;
    }

}