.header{ position: relative; }
/*.header:after{ content: ""; box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); height: 2px; border-radius: 0; background: #0a74eb; display: block; position: absolute; bottom: 0; left: 0; right: 0; }
 .header.headerDSF::after {
	background: linear-gradient(to right, #FFC003 0%, #FFC003 25%, #65CCF4 25%, #65CCF4 50%, #E6A3DE 50%, #E6A3DE 75%, #90D975 75%, #90D975 100%);
} */
.pageTitlebox h1{ font-size: 22px; }
.pageTitlebox + .section-full{ padding-top: 60px; padding-bottom: 60px; }
.white-box p, .projectinfoDetails p{ font-size: 16px; }
.checkbox, .radio{ font-size: 16px; }
.checkbox label, .radio label{ padding-top: 0 !important; }
.middle_banner iframe { display: block; }

.dropdown-menu li:last-child a{ border-bottom: 0 !important; }
@media only screen and (max-width: 1766px) {
  .membershiplevelBoxes h4 small {
    display: block;
  }
  }
@media only screen and (max-width: 1399px) {
  .header .dropdown-menu{ margin-top: 40px; }
  .header .button1, .header .button2{ padding-left: 15px; padding-right: 15px; }
  .header {
    padding-right: calc(1.5rem * 0.5);
    padding-left: calc(1.5rem * 0.5);
  }
  .login_content ul {
    gap: 60px;
  }

  .login_right {
    padding: 40px;
  }
  body{ font-size: 16px; }

  
h1,
.h1 {
  font-size: 58px; line-height: 70px; 
}

h2,
.h2 {
  font-size: 42px;
}

h3,
.h3 {
  font-size: 34px;
}

h4,
.h4 {
  font-size: 22px;
}

h5,
.h5 {
  font-size: 18px;
}

.banner{ height: 580px; }
  .infomain-icon {
    width: 70px;
    height: 70px;
  }
  .info-subicons {
    width: 40px;
    height: 40px;
  }
  .font-20-size {
    font-size: 18px;
  }
  .button2.btn-lg {
    font-size: 20px;
  }
  .projects_list_box .project-title {
    font-size: 18px;
  }
  .scoretext {
    font-size: 14px !important;
  }
  .progress-text.withscoretext span {
    font-size: 15px;
  }
  .progress-text.withscoretext {
    min-width: 160px;
    padding: 8px 20px;
    font-size: 20px;
  }
  .logo img {
    max-height: 40px;
  }
  .pageTitlebox {
    min-height: 80px;
  }
  .searchfilter {
    width: 300px;
  }
  .filters-box .form-control {
    height: 40px;
  }
  .form-control {
    height: 44px;
  }
  .filters-box .gap-4 {
    gap: 1rem !important;
  }
  .project-detail-logo {
    width: 150px;
    height: 150px;
    min-width: 150px;
  }

  .button2,
  .button1,
  .button3 {
    line-height: 38px;
  }
  .morebtn {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
  .nav-tabs .nav-item .nav-link {
    padding: 10px 20px;
  }
  .overviewlefticon {
    width: 150px;
    height: 150px;
    min-width: 150px;
  }
  .overview-subpillers .font-20-size {
    font-size: 16px !important;
  }
  .overviewdetailbox {
    align-items: flex-start;
  }
  .tab-icon {
    width: 24px;
    height: 24px;
  }
  .custom-checkboxes-list label {
    font-size: 14px;
  }
  .custom-checkboxes-list {
    margin-right: 5px;
  }
  .question-points {
    margin-left: 0;
  }
  .questions_row {
    gap: 20px;
    padding: 10px;
    min-height: 64px;
  }
  .questions_row_header{ gap:20px; min-height: 64px; }

  .question-title,
  .question-points {
    min-height: 44px;
  }
  .questiondonemark {
    margin-top: 0;
  }
  .main-cornerstones-tabs.nav-tabs:before {
    min-height: 80px;
  }
  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link .tab-icon {
    width: 40px;
    height: 30px;
  }
  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link {
    font-size: 16px;
    min-height: 80px;
    gap: 15px;
  }

  .main-cornerstones-tabs {
    width: 190px;
    max-width: 190px;
    min-width: 190px;
  }
  .cornerstones_detail {
    padding-right: calc(1.5rem * 0.5);
    padding-left: calc(1.5rem * 0.5);
  }

  .questiondonemark {
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-top: 8px;
  }
  .questiondonemark:after {
    background-size: 10px;
  }
  .questions_row.completed .questiondonemark:after {
    background-size: 18px;
  }
  .tabtitlename {
    font-size: 16px;
  }

  .innerpagesbanner {
    height: 400px;
  }
  
  .aside-img img {
    height: 360px;
  }
  .section-full.section-gap-xl {
    padding: 70px 0;
  }
  .bannerwc_content p,
  .middle_banner figcaption p {
    font-size: 30px;
  }
  .bannerwithContent {
    height: 450px;
  }

  .accordion-button {
    font-size: 18px;
  }
  .cornerstones_infoaside div {
    width: 70px;
    height: 70px;
  }
  .contact-map iframe {
    height: 400px;
  }

  .banner_content_inside p{ font-size: 20px; }


  .devide-with-title span{ font-size: 18px; }
  .eqr_question {min-width: 35%; max-width: 35%; width: 35%; }

  .leftsome-text span{ top: 14px; }
  .header{ min-height: 100px; }
  .section-full{ padding: 120px 0; }
    /* .section-title::before{ width: 40px; height: 40px; } */
    .infocol3 img{ height: 70px; }
    .infocol3{ margin-bottom: 30px; padding-bottom: 30px; min-height: calc(100% - 30px);}

    .section-full .aside-img{ height: 380px; }
    .menu .navbar-nav .nav-link{ padding: 0 15px !important; }


.whatwill_sec ul li{ font-size: 80px; }
.infocol2 span{ width: 60px !important; height: 60px !important; }
.infocol2{ height: 180px; }

.footer-right{ max-width: 620px; }
.footer-left img{ max-width: 300px; }
.header.fixed{ min-height: 100px;}
}

@media only screen and (max-width: 1279px) {
  .login_register_btns {
    gap: 10px;
  }
}

@media only screen and (max-width: 1199px) {

  h1,
.h1 {
  font-size: 48px; line-height: 50px; 
}

h2,
.h2 {
  font-size: 32px;
}

h3,
.h3 {
  font-size: 24px;
}


.navbar-toggler:not(.collapsed) {
  background: url(../images/close-menu.svg) center no-repeat !important;
}
  .navbar-toggler {
    width: 40px;
    height: 40px;
    padding: 0px;
    border: 0 !important;
    border-radius: 0;
    background: none !important;
    box-shadow: none !important;
    position: relative;
    /* right: 11.5em;
    top: -71px;*/
    z-index: 1;
    margin: 0;
    background: url(../images/open-menu.svg) center no-repeat !important; margin-left: auto; margin-right: 10px;;
  }


  .banner{ height: 480px; }

  .navbar-toggler span {
    background: #000;
    display: block;
    height: 2px;
    width: 30px;
    border-radius: 2px;
    position: absolute;
    left: 5px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    display: none !important;
  }

  .navbar-toggler span:first-child {
    top: 8px;
  }

  .navbar-toggler span:nth-child(2) {
    top: 18px;
  }

  .navbar-toggler span:last-child {
    top: 28px;
  }

  .navbar-toggler[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
  }

  .navbar-toggler[aria-expanded="true"] span:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 18px;
  }

  .navbar-toggler[aria-expanded="true"] span:last-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 18px;
  }

  .menu .navbar-collapse {
    width: auto;
    margin: 0;
    background: #fff;
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 100px; max-height: 70vh;
    margin-right: calc(-1.5rem * 0.5);
    margin-left: calc(-1.5rem * 0.5);
   
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }

  .menu .navbar-nav .nav-link {
    padding: 16px 20px !important;
    display: block;
  }

  .menu .navbar .navbar-nav > li > a:hover,
  .menu .navbar .navbar-nav > li > a.active {
    color: #0a74eb !important;
  }



  .intuitive_social {
    padding: 70px 20px;
  }

  .intuitive_social_inner p {
    font-size: 24px;
  }

  .intuitive_social_inner ul {
    margin-top: 70px;
  }

  .intuitive_social_inner ul li {
    font-size: 24px;
  }

  .middle_banner figcaption {
    padding: 0 0 3vw 4vw;
  }

  .middle_banner figcaption p {
    font-size: 24px;
  }

  .whatwill_sec {
    padding: 70px 0 50px;
  }

  .whatwill_sec ul {
    margin-top: 30px;
  }

  .login_left {
    padding: 20px;
  }

  .login_content h2 {
    font-size: 30px;
  }

  .login_content ul {
    gap: 40px;
    margin: 50px 0 0;
  }

  .login_form {
    padding: 40px;
  }

  .nav-tabs {
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1px;
    margin-bottom: -1px;
  }
  .nav-tabs:after {
    bottom: 0;
  }
  .questions_row, .questions_row_header {
    flex-wrap: wrap;
    gap: 10px;
  }
  .question-answer-details {
    width: 100%;
  }
  .question-points {
    margin-left: auto;
  }
  .question-title {
    width: auto;
    max-width: calc(100% - 60px);
    min-height: 30px !important;
  }
  .question-title,
  .question-points {
    min-height: 10px;
  }
  .questiondonemark {
    margin-top: 0;
  }
  .main-cornerstones-tabs.nav-tabs {
    white-space: normal;
    flex-wrap: wrap;
  }

  .innerpagesbanner {
    height: 340px;
  }
  .aside-img img {
    height: 300px;
  }
  .font-20-size {
    font-size: 16px;
    font-weight: 400;
  }
  .section-full.section-gap-xl {
    padding: 50px 0;
  }
  .bannerwc_content p {
    font-size: 24px;
  }
  .bannerwithContent {
    height: 350px;
  }

  .contact-map iframe {
    height: 300px;
  }

.eventTitleNamelf{ min-width: 100%; max-width: 100%; width: 100%; }
.eqr_question {min-width: 100%; max-width: 100%; width: 100%; min-height: 10px;}
.eventsQuestions_row{ flex-wrap: wrap; gap:15px; padding: 15px; }
.section-full{ padding: 80px 0; }
.section-full .aside-img{ height: 320px; }
.menu{ margin-left: auto; margin-right: 15px; }

.header .dropdown-menu{ position: relative; margin-top: 0; border-top: 0; }
.whatwill_sec ul li{ font-size: 60px; }

    .footer-right {
        max-width: 520px;
    }


    .banner-inn {
      height: 350px;
    }

    

    .hleftmenu .nav-item.dropdown .dropdown-toggle:after{ display: none;}
    .hleftmenu .nav-item.dropdown .dropdown-menu{ display: none !important; }
   
    .banner-inn .banner-text p {
	font-size: 18px;
}
}

@media only screen and (max-width: 991px) {
  .intuitive_social_inner ul {
    gap: 60px;
  }

  .whatwill_sec h4 {
    font-size: 24px;
  }

  .whatwill_sec ul {
    gap: 120px;
  }

  .footer {
    padding: 30px 0;
  }

  .login_left {
    width: 100%;
    padding: 40px;
    order: 2;
  }

  .login_right {
    width: 100%;
  }

  .thankYou_bx {
    padding: 7% 0;
  }
  .infobox {
    min-height: inherit;
  }

  .setminheightpage {
    min-height: calc(100vh - 246px);
  }

 
  .proejcttopdetails {
    flex-wrap: wrap;
  }
  .proejcttopdetails-left {
    padding-right: 0;
  }
  .project-detail-logo {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }
  .proejcttopdetails-right {
    margin-left: 130px;
  }
  .graphbox {
    min-height: auto;
  }

  .main-cornerstones-tabs.nav-tabs:before {
    display: none;
  }
  .cornerstones_box {
    flex-wrap: wrap;
  }

  .main-cornerstones-tabs.nav-tabs {
    flex-wrap: nowrap;
    border-top: 0;
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    background: #fff;
    border-top: solid 1px var(--grey);
  }
  .cornerstones_detail {
    padding: 0;
  }
  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link.active {
    background: #fff;
  }
  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link {
    flex-direction: column;
    text-align: center;
    gap: 10px;
    padding: 10px;
    padding-bottom: 5px;
  }
  .main-cornerstones-tabs.nav-tabs .nav-item {
    border-bottom: 0;
    border-right: solid 1px #fff;
  }

  .main-cornerstones-tabs.nav-tabs .nav-item:last-child {
    border-right: 0;
  }

  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link.active:before,
  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link.active:after {
    display: none;
  }
  .cornerstones_infoaside {
    gap: 80px;
  }


.infocol2{ margin: 15px 0; height: 150px; }

.section-title br, .rbrinmedia br{ display: none; }




.section-full{ padding: 70px 0; }
  .footer-right{ width:100%; padding-top: 40px;}
  .footer-sec{ flex-wrap: wrap; }

.banner-inn .banner-text{width: auto; max-width: 400px; padding: 0px 40px;}

}

@media only screen and (max-width: 767px) {

  .logo img {
    max-width: 180px;
  }


    h1,
.h1 {
  font-size: 40px; line-height: 50px; 
}

h2,
.h2 {
  font-size: 28px;
}

h3,
.h3 {
  font-size: 22px;
}


.stats .h1{ margin-bottom: 0; }
.stats-sec{ gap:40px; }

  .intuitive_social {
    padding: 50px 20px;
  }

  .intuitive_social_inner p {
    font-size: 20px;
  }

  .intuitive_social_inner ul {
    margin-top: 50px;
  }

  .intuitive_social_inner ul li {
    font-size: 20px;
  }

  .middle_banner figure img {
    aspect-ratio: 1/0.7;
    width: 100%;
    object-fit: cover;
  }

  .middle_banner figcaption {
    max-width: 100%;
    padding: 20px;
  }

  .middle_banner figcaption p {
    font-size: 20px;
  }

  .whatwill_sec {
    padding: 50px 0 30px;
  }

  .whatwill_sec h4 {
    font-size: 20px;
  }

  .whatwill_sec ul {
    gap: 70px;
    margin-top: 20px;
  }

  .whatwill_sec ul li {
    font-size: 72px;
  }

  .bottom_banner img {
    aspect-ratio: 1/0.35;
    width: 100%;
    object-fit: cover;
  }
  .middle_wrapper {
    min-height: calc(100vh - 100px);
  }

  .project-logo {
    width: 60px;
    height: 60px;
    min-width: 60px;
  }
  .white-box {
    padding: 20px;
  }
 

  .setminheightpage {
    min-height: calc(100vh - 186px);
  }
  .filters-box .form-group {
    width: 100%;
  }
  .searchfilter {
    width: 100%;
  }
  .filters-box .form-control {
    flex-grow: 1;
  }
  .projectinfoDetails {
    padding-left: 15px;
  }
  .project-detail-logo {
    width: 70px;
    height: 70px;
    min-width: 70px;
  }
  .projectinfoDetails {
    padding-top: 0;
  }
  .projectinfoDetails p {
    margin-left: -85px;
  }
  .proejcttopdetails-right {
    margin-left: 0;
  }
  .projectinfoDetails .projectrightinfos {
    flex-wrap: wrap;
    gap: 0.5rem !important;
  }
  .overviewlefticon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    margin-right: 15px;
  }
  .overview-subpillers {
    margin-left: -95px;
    width: auto;
  }
  .white-box {
    padding: 15px;
  }
  .navtab-box,
  .nav-tabs {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px;
  }

  .innerpagesbanner {
    height: 300px;
  }
  .asidedetails {
    padding-top: 20px;
  }
  .section-full.section-gap-xl {
    padding: 40px 0;
  }
  .bannerwc_content p {
    font-size: 20px;
  }

  .tab-content:before {
    left: -15px;
    right: -15px;
  }
  .cornerstones_infoaside {
    gap: 0px;
    justify-content: space-around;
  }
  .cornerstones_infoaside div {
    width: 50px;
  }
  .banner{ height: 400px; }
  .header{ min-height: 80px; }


.infocol3{ padding-bottom: 20px !important; margin-bottom: 20px !important; border-bottom: 1px solid grey !important; }
.no-bdr .col-lg-6:last-child .infocol3{ margin-bottom: 0 !important; padding-bottom: 0 !important; border: 0 !important; }
  .contact-details .d-flex{ flex-direction: column; justify-content: center; align-items: center !important; gap:10px !important; }
  .mobile_centertext {
	text-align: center;
}

.banner-inn .banner-text {
	padding: 50px 20px;
	padding-right: calc(1.5rem* 0.5);
	padding-left: calc(1.5rem* 0.5);
	width: 100%;
	max-width: 100%;
	order: 2;
	align-items: center;
}

.mobile_centertext .section-title::before { margin-left: auto; margin-right: auto; }
.mobile_centertext .section-title::after { margin-left: auto; margin-right: auto; }

.section-full .aside-img{ height: 270px; }
.whatwill_sec ul li{ font-size: 40px; }

.banner-inn { flex-wrap: wrap; height: auto !important; }
/* .banner-inn .banner-text{width: auto; max-width: 300px; padding: 20px 20px;} */
.banner-inn .banner-text h1{margin-bottom: 20px;}
  .banner-inn .banner-text {
    padding: 50px 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-right: calc(1.5rem* 0.5);
    padding-left: calc(1.5rem* 0.5);
    width: 100%;
    max-width: 100%;
    order: 2;
    align-items: center;
  }

.menu .navbar-collapse {
	top: 80px;
}
.header.fixed{ min-height: 80px;}


.footer-left, .footer-right h4, .footer-right ul li, .copyright { text-align: center; }
.topBannerImage img {
        height: 200px;
        display: block;
        object-fit: cover;
    }
    .banner-inn .banner-text {
      padding: 50px 20px;
      padding-right: calc(1.5rem* 0.5);
      padding-left: calc(1.5rem* 0.5);
      width: 100%;
      max-width: 100%;
      order: 2;
      align-items: center;
  }

  .infocol3 {
    text-align: center;
    align-items: center;
}
}

@media only screen and (max-width: 639px) {
  .login_right {
    padding: 40px 20px;
  }

  .lrInner h2 {
    margin-bottom: 25px;
    font-size: 20px;
  }

  .login_form {
    padding: 25px;
  }

  .login_title {
    padding-bottom: 25px;
  }

  .login_title h1 {
    font-size: 24px;
  }

  .login_left {
    padding: 40px 20px;
  }

  .login_content h2 {
    font-size: 24px;
    padding-bottom: 25px;
  }

  .login_title p {
    margin: 15px 0 0;
  }

  .thankYou_bx h2 {
    font-size: 24px;
  }

  .radius20{ border-radius: 10px; }
}

@media only screen and (max-width: 575px) {
  .logo img {
    max-width: 150px;
  }

  .login_register_btns {
    gap: 6px;
  }

  .login_register_btns a {
    padding: 0 12px;
    font-size: 12px;
  }


  .intuitive_social {
    padding-left: 15px;
    padding-right: 15px;
  }

  .middle_banner figcaption {
    padding: 15px;
  }

  .whatwill_sec ul {
    gap: 50px;
  }

  .login_form .form-control {
    padding: 12px;
  }

  .register_as {
    gap: 14px;
  }

  .profiledtailinfoBox {
    width: 100%;
    max-width: 100%;
  }
  .ac-btn {
    width: 100%;
    margin-top: 20px;
  }
  .login_form {
    padding: 20px;
  }
  .project-card-details {
    max-width: 100%;
  }
  .projectrightinfos {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
  }
  .scoretext {
    font-size: 12px !important;
  }
  .progress-text.withscoretext span {
    font-size: 13px;
  }
  .progress-text.withscoretext {
    min-width: 130px;
    padding: 8px 10px;
    font-size: 18px;
  }
  .proejcttopdetails-right {
    width: 100%;
  }

  .proejcttopdetails-right .button2 {
    flex-grow: 1;
  }
  .overview-subpillers .mb-2 {
    width: 100%;
    margin-right: 0;
  }
  .scoredetail {
    font-size: 18px;
  }
  .scoredetail span {
    font-size: 14px;
  }

  
  .middle_banner figcaption p,
  .bannerwc_content p {
    font-size: 18px;
  }
  .bannerwc_content p br {
    display: none;
  }

.banner-inn .banner-text{width: auto; }

}

@media screen and (max-width: 480px) {
  .login_content ul {
    gap: 0;
    margin-top: 20px;
  }
  .login_content ul li {
    width: 50%;
    flex-grow: 1;
    margin: 20px 0;
  }

  .invitebox {
    flex-wrap: wrap;
  }
  .invitebox .button2 {
    width: 100%;
  }
  .points_box {
    width: 100%;
  }
  .pointsCols {
    flex-grow: 1;
  }

  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link {
    font-size: 12px;
  }
  .userinfotop .btn span {
    display: none !important;
  }

  .aside-img img {
    height: 280px;
  }

  .pageTitlebox .button2,
  .cornerstones_box .button2,
  .pageTitlebox .button1,
  .cornerstones_box .button1 {
    width: 100%;
    margin: 5px 0;
  }
  .cornerstones_infoaside {
    height: 150px;
  }
  .banner-inn{flex-direction: column;}
.banner-inn .banner-text{min-width: 100%; }
.banner-inn .banner-text h1{margin-bottom: 20px;}

#contactForm .button2 { width: 100%; }
}



@media screen and (max-width: 400px)
{
  .logo img {
    max-width: 130px;
  }

}


@media screen and (min-width: 1400px){
  .max-1040{max-width: 1040px;}

}