@import url('//fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
/************ TEMPLATE  ************
Rotator Size: 1600x669 (super wide, 2.39:1)

/************ FONTS  ************
Sans Serif Headings: Montserrat
Sans Serif: Lato

/************ COLORS  ************
Blue: #093558; rgba(9,53,88,1)

**These colors aren't used anywhere on the homepage, but they're included in case they can be used in other places like links and such
Light Blue: #68BBDD; rgba(104,187,221,1) 
Grey: #ABABAF; rgba(171,171,17511)
Light Grey: #F1F2F2


/************ NOTES ************
*add the mission statement to the top (hero image maybe) or bottom (above the footer) when building out the site - they had asked what a mission statement would look like on subpages
*menu icons are fa icons, including the search icon
*All of the text on the homepage is some form of Montserrat
 --- Our Mission, menu items, QL text - Montserrat Semibold
 --- Our Mission body text, footer text - Montserrat Regular
*Rotator text background color is blue at 60% - rgba(9,53,88,.6)
*QL - blue at 80% - rgba(9,53,88,.8)
*************************************/

body {color: #333; font-family: 'Lato', sans-serif;}

h1, h2, h3, h4, h5, h6 {margin: .75rem 0; line-height: 1.3; font-weight: normal; font-family: 'Montserrat', sans-serif;}
p {line-height: 1.3; font-family: 'Montserrat', sans-serif;}

h1 {color: #093558; font-size: 3.0rem; font-weight: bold;}
.page-header h1 {text-transform: none; font-size: 3rem;}
h2, .page-header h2 {font-variant-caps: small-caps; color: #093558; font-size: 2.5rem; font-weight: bold;}
h3 {color: #093558; font-size: 2rem; border-bottom: 1px solid #ABABAF; line-height: 1.3; margin: 0 0 10px 0;}
h4 {color: #093558; font-size: 2rem;}
h5 {background: #ABABAF; font-size: 1.75rem; color: white; border-radius: .2rem; padding: .5rem;}
h6 {color: #68BBDD; font-size: 1.5rem; /*text-transform: uppercase; font-weight: bold;*/}
a {color: #68BBDD;}
a:hover {color: black;}


@media only screen and (min-width: 768px) and (max-width: 1199px) {
    h1 {font-size: 2.2rem;} 
    h2 {font-size: 1.75rem;}
    h3 {font-size: 1.75rem;}
    h4 {font-size: 1.75rem;}
    h5 {font-size: 1.2rem;}
    h6 {font-size: 1.2rem;}
    p {font-size: 1rem; margin-bottom: 4px;}
    h1, h2, h3 {line-height: 1.2;}
    h4, h5, h6, p {line-height: 1.1;}
}

@media only screen and (max-width: 767px) {
 h1 {font-size: 2.2rem;} 
 h2 {font-size: 1.75rem;}
 h3 {font-size: 1.75rem;}
 h4 {font-size: 1.75rem;}
 h5 {font-size: 1.2rem;}
 h6 {font-size: 1.2rem;}
 p {font-size: 1rem; margin-bottom: 4px;}
 h1, h2, h3 {line-height: 1.2;}
 h4, h5, h6, p {line-height: 1.1;}
}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
	background: #093558;
}

/*************** TOP **********************/
/*************** NAVIGATION ***************/

#g-navigation {border-bottom: 2px solid #093558; }

.icons .g-content { margin: 0; padding: 0; }
.align-right.icons { display: flex; justify-content: flex-end; align-items: center; }
.g-iconmenu {display: flex; width: 100%;  margin: 0 0 0 auto;}
.g-iconmenu > a  { color: #093558;  flex: 1; text-transform: uppercase; letter-spacing: 0.1rem; font-weight: bold; padding: 15px 20px; }
.g-iconmenu > a:hover { background: #68BBDD; }
.g-iconmenu > a:first-child { border-left: none; }
.g-iconmenu span { display: block; text-align: center; }
.g-iconmenu .g-iconmenu-text {  line-height: 1.1; font-size: 1rem; }
.g-iconmenu .g-iconmenu-icon {  font-size: 1.25rem; padding-bottom: 10px; }
.g-iconmenu img { height: 4vw; padding-bottom: 20px;}

@media only screen and (max-width: 767px) { 
.icons .g-content.g-particle { margin: 0px; padding-top: 1rem; }
.align-y { display: flex; align-items: center; justify-content: center; }
.align-right.icons { justify-content: center; }
.g-iconmenu { width: 100%; }
.g-iconmenu img { height: 10vw;}
.g-iconmenu .g-iconmenu-text {  font-size: 0.8rem; }
.g-iconmenu > a  { padding: 3%; }
}

/*************** SHOWCASE *****************/
        /*Rotator*/
.fwcontentcenter .layout-slideshow .sprocket-features-content {justify-content: flex-end; width: 40%;}
.fwrsolidback .layout-slideshow .sprocket-features-title, .fwrsolidback .layout-slideshow .sprocket-features-desc {background: rgba(9,53,88,.6);}
.layout-slideshow .sprocket-features-desc {padding: 2vw;}
.layout-slideshow .sprocket-features-desc h2 {letter-spacing: 2px;}

@media only screen and (max-width: 767px) {
    .fwrsuperwide .layout-slideshow .sprocket-features-img-container, .fwrwide .layout-slideshow .sprocket-features-img-container, .fwrultrawide .layout-slideshow .sprocket-features-img-container {padding-bottom: 35vw;}
    .fwcontentcenter .layout-slideshow .sprocket-features-content {width: 100%; height: 35vw;}
    .layout-slideshow .sprocket-features-desc {height: 100%; width: 100%;}
}

/*************** UTILITY ******************/
        /*Quicklinks*/
.qloverlaybackpic .sprocket-strips-content {background: rgba(9,53,88,.8);}
.qloverlaybackpic .sprocket-strips-content:hover {background: rgba(9,53,88,.9);}
.qlexpandingborder h4.sprocket-strips-title {letter-spacing: 2px;}

@media only screen and (max-width: 767px) {
	.qloverlaybackpic .sprocket-strips-content, .qloverlaybackpic .sprocket-strips-content:hover {background: none;}
	.qloverlaybackpic li {background: rgba(9,53,88,1);}
    .qloverlaybackpic li:hover {background: black;}
}

/*************** FOOTER *******************/
/*************** COPYRIGHT ****************/
/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: #093558;}
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #093558;
	background: #68BBDD;
}

/*************** SECTIONS *****************/
#g-footer a {color: #ffffff;}

/*************** MOBILE *******************/
.g-offcanvas-toggle {color: #093558;}

/**********************************************************/
/*********************** SUBPAGES *************************/
/**********************************************************/

/*************** ABOUT US *****************/
.about-icon {
    text-align: center;
    font-size: 10vw;
    color: #7EBEC5;
}

/*************** ETHICS *******************/
.ethics-page a::before {display: none;}

/*************** MemberQuote **************/
.memberquote .sprocket-strips-s-block {background: transparent;}

.memberquote .sprocket-strips-s-content {display: flex; flex-direction: column;}
.memberquote .sprocket-strips-s-content h4.sprocket-strips-s-title {order: 2;}
.memberquote .sprocket-strips-s-content span.sprocket-strips-s-text {order: 1;}

/*************** MembershipOptions ********/
.membership-options p.member-text {text-align: left;}
.membership-options .k-ui-namespace {text-align: left;}
.membership-options .sprocket-tables-container {margin: 0 0;}

/*************** PastAnnualMeetings *******/
.p_annual_meeting .sprocket-lists-modern-container li {border-bottom: none;}

.narrowpmargins #g-container-main {margin-left: 5%; margin-right: 5%;} 
.narrowpmargins #g-feature {padding: 0 5%;}



/*************** ETHICS *******************/
.subpage-1 #g-feature {padding: 3vw 10%; background: #F1F2F2;}
.subpage-1 #g-expanded {background: url('/images/template/fc.png') 0% 50% no-repeat; background-size: cover; background-attachment: fixed; object-position: center; object-fit: cover; padding: 0vw 0%; box-shadow: inset 0px 1px 10px rgba(0,0,0,1);}
.subpage-1 #g-expanded .g-grid {background: rgba(255,255,255,.75); padding: 2vw 10%; height: 100%;}
.subpage-1 #g-expanded .g-block {display: flex; align-items: center; justify-content: center;}
.subpage-1 #g-extension {background: #093558; padding-top: 3vw;}
.subpage-1 #g-container-main {display: none;}
.subpage-1 p:not(.subpage-1 #g-footer p) {font-size: 1.5rem;}
.subpage-1 ul li {font-size: 1.5rem;}

.subpage-1 #g-extension img {height: 20vw!important; width: auto!important;}

.subpage-1 .cofethics {background: #E6E6E6; margin-bottom: 2vw; border-radius: 10px; box-shadow: 2px 2px rgba(0,0,0,.4);}
.subpage-1 .s-img {display: flex; justify-content: center;}
.subpage-1 .s-text {display: flex; align-items: center; padding: 1vw 3vw;}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

@media only screen and (max-width: 767px) {
    .subpage-1 #g-feature {padding: 0vw 0%;}
    .subpage-1 #g-expanded {background: #ffffff;}
    .subpage-1 #g-expanded .g-grid {padding: 0 0;}
    .subpage-1 #g-extension {padding: 2vw 0!important;}

    .subpage-1 p {font-size: 1.1rem;}
    .subpage-1 ul li {font-size: initial;}

    .subpage-1 #g-extension img {height: auto!important; width: 100%!important; border-top-left-radius: 10px; border-top-right-radius: 10px;}

    .subpage-1 .s-img {order: 1; border-top-left-radius: 10px; border-top-right-radius: 10px;}
    .subpage-1 .s-text {order: 2; margin-bottom: 2vw;}
}

/**************** ABOUT **********************/
.subpage-about p {font-size: 1.25rem;}

.subpage-about #g-expanded {background: url('/images/template/bg-ballroom.jpg')0% 50% no-repeat; background-size: cover; background-attachment: fixed; object-position: center; object-fit: cover; padding: 3vw 10%; box-shadow: inset 0px 1px 10px rgba(0,0,0,.1);}

.subpage-about #g-extension {background: #68BBDD;}
.subpage-about #g-extension :is(h1,h2,h3,h4,h5,h6,p,li) {color: #ffffff; text-shadow: 1px 1px rgba(252, 157, 3,.2);}

.subpage-about .about-text {display: flex; align-items: center;}
.subpage-about .about-icon {display: flex; align-items: center; justify-content: center;}

.subpage-about .about-info {margin-bottom: 2vw;}

.subpage-about .about-icon i {color: #ffffff; font-size: 15vw;}
.subpage-about .about-info.o .about-text h4 {background: linear-gradient(to right, rgba(9,53,88,1),rgba(9,53,88,0)); border-radius: 3px; font-size: 2rem; padding-left: 10px;}
.subpage-about .about-info.o .about-icon {order: 2;}
.subpage-about .about-info.o .about-text {order: 1;}

.subpage-about .about-info.e .about-text h4 {background: linear-gradient(to right, rgba(9,53,88,0),rgba(9,53,88,1)); border-radius: 3px; font-size: 2rem; padding-right: 10px;}
.subpage-about .about-info.e .about-icon {order: 1;}
.subpage-about .about-info.e .about-text {order: 2; text-align: right;}

h3.decorative {
    display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
    font-size: 2.2rem;
    grid-gap: 20px;
    width: 100%;
    border-bottom: none; 
    text-align: center;
    font-weight: 500;
}

h3.decorative:before, h3.decorative:after {
    content: '';
    border-top: 2px solid #ffffff;
}

.decorative img {height: 3vw; width: auto; margin-top: 2vw; margin-bottom: 2vw;}

@media only screen and (max-width: 767px) {
    .subpage-about #g-expanded {background-attachment: initial; padding: 3vw 0;}
    .subpage-about p {font-size: 1.1rem;}

    .subpage-about .about-icon i {font-size: 25vw;}
    .subpage-about .about-info.o .about-text h4 {font-size: 1.7rem;}
    .subpage-about .about-info.e .about-text h4 {background: linear-gradient(to right, rgba(9,53,88,1),rgba(9,53,88,0)); font-size: 1.7rem;}
    .subpage-about .about-info.e .about-text {text-align: left;}

    .subpage-about .decorative {display: none;}

    .subpage-about :is(.about-info.o .about-icon, .about-info.e .about-icon) {order: 1;}
    .subpage-about :is(.about-info.o .about-text, .about-info.e .about-text) {order: 2;}
}

/**************** AWARDS ************************/
.subpage-award .award-tabs .sprocket-tabs-nav {display: flex; flex-direction: row; background: none; border-bottom: none;}
.subpage-award .award-tabs .sprocket-tabs-nav li {flex: 1; text-align: center;}
.subpage-award .award-tabs .sprocket-tabs-nav > li.active > .sprocket-tabs-inner {background: #ffffff; border: 1px solid #093558; border-bottom: transparent;}
.subpage-award .award-tabs .sprocket-tabs-nav > li.active > .sprocket-tabs-inner > .sprocket-tabs-text > p {color: #68BBDD!important;}
.subpage-award .award-tabs .sprocket-tabs-panels {height: 700px; padding: 1vw 2vw;}
.subpage-award .award-tabs .sprocket-tabs-text i {font-size: 5vw;}
.subpage-award .award-tabs .sprocket-tabs-nav > li.active i {color: #68BBDD;}

.subpage-award #g-feature {background: #68BBDD;}
/*.subpage-award #g-container-main {display: none;}*/
.subpage-award #g-feature :is(h1,h2,h3,h4,h5,h6,p,li) {color: #ffffff;}
.subpage-award #g-expanded {background: url('/images/template/awards.jpg')0% 0% no-repeat; background-size: cover; background-attachment: fixed; object-position: center; object-fit: cover; padding: 3vw 10%; box-shadow: inset 0px 1px 10px rgba(0,0,0,.1);}

.subpage-award h4 {font-size: 2rem;}
.subpage-award p {font-size: 1.25rem;}

.subpage-award #g-expanded .sprocket-lists-arrows .arrow {background: none; box-shadow: none; font-size: 2rem;}
.subpage-award #g-expanded .sprocket-lists-pagination li {padding: 7px!important;}

@media only screen and (max-width: 767px) {
    .subpage-award .award-tabs .sprocket-tabs-panels {height: 750px;}
    .subpage-award #g-feature .g-content {padding: 0;}
    .subpage-award .award-tabs .sprocket-tabs-text i {font-size: 10vw;}
    .subpage-award .award-tabs .sprocket-tabs-text p {font-size: 2vw;}
    .subpage-award #g-expanded {padding: 3vw 0; background-attachment: initial;}
    .subpage-award p {font-size: 1.1rem;}
    .subpage-award h3.g-title {font-size: 1.7rem;}
    .subpage-award h4 {font-size: 1.7rem;}
    .subpage-award li {font-size: .9rem;}
}

/**************** BECOME A MEMBER *********************/
.subpage-member #g-page-surround {background: #F1F2F2;}
.subpage-member #g-container-main {background: #F1F2F2;}
.subpage-member .sprocket-tables-price {background: #093558; color: #ffffff;}
.subpage-member .sprocket-tables-link .readon {background: #093558;}
.sprocket-tables-block:hover .sprocket-tables-bg2, .sprocket-tables-block.highlight .sprocket-tables-bg2 {background: #333;}
.subpage-member .sprocket-tables-block.highlight {background: none;}
.subpage-member .sprocket-tables-item:hover {background: initial;}

.subpage-member #g-expanded {background: url('/images/template/ourmembers.jpg')0% 0% no-repeat; background-size: cover; background-attachment: fixed; object-position: center; object-fit: cover; padding: 3vw 10%; box-shadow: inset 0px 1px 10px rgba(0,0,0,.1);}
.subpage-member #g-expanded h3.g-title {border-bottom: none; font-size: 2.5rem;}
.subpage-member #g-expanded p {font-size: 1.4rem;}
.subpage-member #g-expanded .sprocket-strips-s-block:nth-child(2) {border: 2px solid #68BBDD;}

.subpage-member #g-extension {background: #ffffff;}
.subpage-member h4.sprocket-lists-modern-title, .subpage-member h4.sprocket-tables-title {font-size: 1.5rem!important;}

@media only screen and (max-width: 767px) {
    .subpage-member #g-expanded .g-content {padding: 0;}
    .subpage-member #g-extension {padding: 3vw 0;}
    .subpage-member #g-expanded {background-attachment: initial; background-position: 46%;}
    .subpage-member #g-container-main h1 {font-size: 1.7rem;}
    .subpage-member #g-expanded h3.g-title {font-size: 1.7rem;}
    .subpage-member h4.sprocket-lists-modern-title {font-size: 1.2rem!important;}
    .subpage-member .indicator {display: none;}
}

/**************** BENEFITS OF MEMBERSHIP ****************/
.subpage-benefits :is(#g-page-surround, #g-container-main) {background: #F1F2F2;}
.subpage-benefits #g-expanded {background: #68BBDD;}
.subpage-benefits #g-expanded :is(h1,h2,h3,h4,h5,h6,p,li) {color: #ffffff; text-shadow: 1px 1px rgba(252, 157, 3,.2);}
.subpage-benefits .about-text {display: flex; align-items: center;}
.subpage-benefits .about-icon {display: flex; align-items: center; justify-content: center;}

.subpage-benefits .about-info {margin-bottom: 2vw;}

.subpage-benefits .about-icon i {color: #ffffff; font-size: 15vw;}
.subpage-benefits .about-info.o .about-text h4 {background: linear-gradient(to right, rgba(9,53,88,1),rgba(9,53,88,0)); border-radius: 3px; font-size: 2rem; padding-left: 10px;}
.subpage-benefits .about-info.o .about-icon {order: 2;}
.subpage-benefits .about-info.o .about-text {order: 1;}

.subpage-benefits .about-info.e .about-text h4 {background: linear-gradient(to right, rgba(9,53,88,0),rgba(9,53,88,1)); border-radius: 3px; font-size: 2rem; padding-right: 10px;}
.subpage-benefits .about-info.e .about-icon {order: 1;}
.subpage-benefits .about-info.e .about-text {order: 2; text-align: right;}

.subpage-benefits .procred {flex-direction: column;}

@media only screen and (max-width: 767px) {
    .subpage-benefits iframe {width: 100%; height: auto;}
    .subpage-benefits #g-container-main h1 {font-size: 1.5rem;}
    .subpage-benefits #g-expanded {background-attachment: initial; padding: 3vw 0;}
    .subpage-benefits p {font-size: 1.1rem;}

    .subpage-benefits .about-icon i {font-size: 25vw;}
    .subpage-benefits .about-info.o .about-text h4 {font-size: 1.7rem;}
    .subpage-benefits .about-info.e .about-text h4 {background: linear-gradient(to right, rgba(9,53,88,1),rgba(9,53,88,0)); font-size: 1.7rem;}
    .subpage-benefits .about-info.e .about-text {text-align: left;}

    .subpage-benefits .decorative {display: none;}

    .subpage-benefits :is(.about-info.o .about-icon, .about-info.e .about-icon) {order: 1;}
    .subpage-benefits :is(.about-info.o .about-text, .about-info.e .about-text) {order: 2;}
}

/**************** MEMBERSHIP RENEWAL *********************/

.subpage-renewal :is(#g-page-surround, #g-container-main) {background: #68BBDD;}
.subpage-renewal .sprocket-tables-price {background: #093558; color: #ffffff;}
.subpage-renewal .sprocket-tables-link .readon {background: #093558;}

/**************** IEPS CERTIFICATION *********************/
.subpage-ieps #g-container-main {display: none;}
.subpage-ieps #g-expanded {background: url('/images/template/certification.jpg')0% 0% no-repeat; background-size: cover; background-attachment: fixed; object-position: center; object-fit: cover; padding: 3vw 10%; box-shadow: inset 0px 1px 10px rgba(0,0,0,.1);}
.subpage-ieps #g-bottom {background: #ffffff;}
.subpage-ieps h4.sprocket-lists-modern-title, .subpage-ieps h4.sprocket-tables-title {font-size: 1.5rem!important;}
.subpage-ieps #g-utility {padding: 0 10%!important;}
.subpage-ieps h2.contentheading {text-align: center;}
.subpage-ieps #g-feature {background: #68BBDD;}
.subpage-ieps .sprocket-tables-price {background: #093558; color: #ffffff;}
.subpage-ieps .sprocket-tables-link .readon {background: #093558;}

@media only screen and (max-width: 767px) {
    .subpage-ieps #g-extension iframe {width: initial!important; height: auto!important;}
    .subpage-ieps #g-expanded .g-content {padding: 0;}
    .subpage-ieps h4.sprocket-lists-modern-title {font-size: 1.2rem!important;}
    .subpage-ieps .indicator {display: none;}
}

/***************** MED CONSULTANT CERTIFICATION ************/
.subpage-medcert :is(#g-page-surround, #g-container-main) {background: #68BBDD;}
.subpage-medcert #g-container-main h2 {text-align: center;}
.subpage-medcert .sprocket-tables-price {background: #093558; color: #ffffff;}
.subpage-medcert .sprocket-tables-link .readon {background: #093558;}
.subpage-medcert h4.sprocket-lists-modern-title, .subpage-medcert h4.sprocket-tables-title {font-size: 1.5rem!important;}

@media only screen and (max-width: 767px) {
    .subpage-medcert h4.sprocket-lists-modern-title {font-size: 1.2rem!important;}
    .subpage-medcert .indicator {display: none;}
}

.subpage-conted #g-extension iframe {width: 80vw!important; height: 500px!important;}
.subpage-conted h4.sprocket-lists-modern-title {font-size: 1.5rem!important;}

/***************** VIRTUAL IFORMATION **********************/
.subpage-vinfo h3:not(.subpage-vinfo h3.g-title) {border-bottom: none;}
.subpage-vinfo h4.sprocket-lists-modern-title {font-size: 1.5rem!important;}

.sprocket-lists-modern-container > li {border-bottom: 1px solid #D3D3D3;}
.sprocket-lists-modern-container li:not(.sprocket-lists-modern-container > li) {border-bottom: none;}

@media only screen and (max-width: 767px) {
    .subpage-vinfo h4.sprocket-lists-modern-title {font-size: 1.2rem!important;}
    .subpage-vinfo .indicator {display: none;}
}

/*.layout-top.animation-slideandfade .sprocket-tabs-panel, .layout-bottom.animation-slideandfade .sprocket-tabs-panel,
.layout-top.animation-slideandfade .sprocket-tabs-panel.active, .layout-bottom.animation-slideandfade .sprocket-tabs-panel.active {
margin-left: 20px;
}*/

/******************* COUNCIL COMMISSIONS & COMMITTEES ********/
.ccc h3.g-title {font-weight: bold; font-size: 2.5rem;}
.ccc .sprocket-tabs-text {color: #093558;}
.ccc .sprocket-tabs-panels {margin-top: 1vw;}

/******************* PAST ANNUAL MEETINGS ********************/
:is(.pam, .edprog, .subpage-conted, .subpage-events) .rme-items li {margin: 0;}
:is(.pam, .edprog, .subpage-conted, .subpage-events) .rme-items {flex-direction: column;}
:is(.pam, .edprog, .subpage-conted, .subpage-events) .rme-item {display: flex; flex-direction: row;}
:is(.pam, .edprog, .subpage-conted, .subpage-events) .rme-badge {background: #68BBDD;}
:is(.pam, .edprog, .subpage-conted, .subpage-events) .rme-timeline-point:hover, .rme-timeline-point.active, .rme-timeline-point span {background: #68BBDD;}

.cl-strips h4.sprocket-strips-s-title a {padding-top: 72%; padding-bottom: 0; font-size: 1.5vw; color: #68BBDD; padding-left: 1vw; padding-right: 1vw; background: linear-gradient(to bottom, rgba(9,53,88,.5), rgba(9,53,88,.5) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);}
.cl-strips .sprocket-strips-s-content a.readon {display: none;}

@media only screen and (max-width: 767px) {
    .cl-strips h4.sprocket-strips-s-title a {font-size: 1.2rem;}
}

/* adjusting spacing on the about us contact us page */

.contact-form-page #g-mainbar .g-content {
    padding-bottom: 0;
    margin-bottom: 0;
}

.contact-form-page #g-mainbar > .g-grid:nth-child(2) .g-content {
    margin-top: 0;
    padding-top: 0;
}

/* adjusting the spacing for the step 2 section */

@media (max-width: 50.99rem) {
   
    .step-2-spacing-adjustment #g-feature .g-content {
        padding: 0;
        margin: 0;
    }

}