.user-logged-in nav.tabs {
  position: fixed!important;
  left: 0!important;
  top: 80px!important;
  transition: all 0.5s ease 0.25s!important;
  z-index: 1000!important;
} 
.user-logged-in nav.tabs ul.nav.primary {
  background: #fff none repeat scroll 0 0!important;
  border: medium none!important;
  list-style: outside none none!important;
  opacity: 0.9!important;
  flex-direction: column!important;
}
.user-logged-in nav.tabs ul.nav.primary li {
  float: none!important;
  opacity: 0.8!important;
  padding: 0!important;
}
.user-logged-in nav.tabs ul.nav.primary li a {
  margin-right: 0!important;
  font-size: 1rem !important;
  padding: 10px 20px!important;
}
.user-logged-in nav.tabs ul.nav.primary li.active a, 
.user-logged-in nav.tabs ul.nav.primary li:hover a {
  background: #ffb500 none repeat scroll 0 0!important;
  border: none!important;
  border-radius: 0!important;
  color: #fff!important;
}
.user-logged-in nav.tabs ul.nav.primary li.active, 
.user-logged-in nav.tabs ul.nav.primary li:hover {
  opacity: 1!important;
}
.path-node .node-form {
  padding-top: 5em!important;
}
.search-form__submit.js-form-submit.form-submit{
	display: block;
    background: #444;
    width: auto!important;
    padding: 5px 12px 8px 13px!important;
	margin-top:10px;
	color:#FFF;
}

.header-style1 .extra-nav .extra-cell{
	padding-left:0px!important;
}
.header-style1 .site-search .form-control{
	height:25px!important;
	padding: 17px 10px;
	font-size:15px;
    /* background: #FF0; */
	color:#FFF;
    border: solid 1px #252525;
    width: 100%;

}
.header-style1 .site-search{
	background:none!important;
}
header #search-block-form{
	padding:0px!important;
}
@media only screen and (max-width: 540px){
	.search-form__submit.js-form-submit.form-submit{
		display:none!important;
	}
	
}
.viewsreference--view-title{
	display:none;
}

.header-style2 .site-search{
	background-color:transparent;
	box-shadow:none;
}

.header-style2 .site-search .form-control{
	height:36px!important;
	color:#FFF;
	border:1px solid #413d51;
}
.nopadding{
	padding:0px!important;
}

.form-submit.is-disabled{
	display:none;
}
.list-my-skils ul{
	width:100%
}
.hide{
	display:none!important;
}
/*#block-drupalet-anih-main-menu{
	width:100%;
}*/
.widget_tag_cloud a{
	margin-right:5px;
}
#block-drupalet-anih-content .search-form__submit{
	color:#FFF;
}
.comment-wrapper .comment__content.col-sm-9{
	width:100%!important;
	max-width:100%;
}
#block-drupalet-anih-content .container-remo .views-row .blog-list-item .blog-item-img img{
	width:100%;
}
.page-contact-content .input-animate{
	margin-bottom:35px!important;
}
@media only screen and (max-width: 991px){
	
	#block-drupalet-anih-main-menu{
		width:100%;
	}
	.header-section ul li ul, 
	.header-section ul li ul li ul{
		left:auto!important;
		margin-left:0px!important;
		background-color:#FFF!important;
		position:relative!important;
		width:100%!important;
	}
	.header-section.style1 ul li a {
		padding: 9px 15px!important;
	}
	
}

.header-section ul li.search-parent .search-box .content{
	padding:0px!important;
	width:100%;
}
.header-section.style1 ul li.search-parent .search-box .close-btn.mar-1{
	top:0px!important;
}
.header-section ul li.search-parent .search-box .close-btn{
	right:0px!important;
}
#search-block-form .form-item-keys{
	width:100%;
}
.rev_slider_wrapper{
	height:auto!important;
	overflow:hidden!important;
}
.tp-caption.sbut2 a{
	background-color:#000!important;
}
.tp-caption.sbut2 a:hover{
	background-color:#FFF!important;	
}
.help.drp-help-region{
	padding:0px!important;
}
img{
	height:auto
}
.ce-feature-box-8 .img-circle{
	margin:0 auto!important;
}
.divider-line{
	float:none!important
}
.node__content{
	margin:0px!important;
}
.ce-feature-box-7 .overlay .text-box{
	padding:10px!important;
}
.porfolio-content-d img, img{
	max-width:100%;
}
.header-inner .text .sub-title{
	margin-top:35px;
}
.comment__content:before{
	display:none
}
.comment__meta.col-sm-3{
	display:none
}
.postinfo-box img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}
.comment.js-comment {
    padding: 20px;
    border: 1px solid #f1f1f1;
}

.listpost_sb{ 
	border-bottom-color: #f1f1f1 !important;
    margin: 20px 0 !important;
    border-bottom: 1px solid;
    padding-bottom: 15px !important;
}
.webform-submission-form .js-form-submit.form-submit{
	padding-bottom:13px!important;
}

/* Webform button styling — PRIMARY (Next / Submit) */
.path-webform .webform-button--next,
.path-webform #edit-wizard-next,
.path-webform .webform-button--submit,
.path-webform #edit-submit {
	background: linear-gradient(135deg, #00b894 0%, #00cec9 100%) !important;
	border: 2px solid #00b894 !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	font-size: 1.05rem !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	transition: all 0.25s ease !important;
	box-shadow: 0 4px 16px rgba(0, 184, 148, 0.45) !important;
}

.path-webform .webform-button--next:hover,
.path-webform #edit-wizard-next:hover,
.path-webform .webform-button--submit:hover,
.path-webform #edit-submit:hover {
	background: linear-gradient(135deg, #00a07e 0%, #00b5ad 100%) !important;
	border-color: #00a07e !important;
	box-shadow: 0 6px 20px rgba(0, 184, 148, 0.55) !important;
	transform: translateY(-2px) !important;
}

/* Webform button styling — SECONDARY (Previous) */
.path-webform .webform-button--previous,
.path-webform #edit-wizard-prev {
	background: transparent !important;
	border: 2px solid #b2bec3 !important;
	color: #636e72 !important;
	font-weight: 500 !important;
	font-size: 0.95rem !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
	box-shadow: none !important;
	transition: all 0.25s ease !important;
}

.path-webform .webform-button--previous:hover,
.path-webform #edit-wizard-prev:hover {
	background: #f0f3f4 !important;
	border-color: #878e91 !important;
	color: #2d3436 !important;
	box-shadow: none !important;
	transform: none !important;
}

/* Style webform wizard buttons */
.path-webform #edit-wizard-next,
.path-webform #edit-wizard-prev {
	display: block;
	width: 100%;
	margin-bottom: 12px;
	cursor: pointer;
	pointer-events: auto !important;
}

/* Reorder webform wizard buttons - Next above Previous using CSS order */
/* Target the actions container if it exists */
.path-webform .webform-submission-form .form-actions,
.path-webform .webform-submission-make-a-gift-add-form .form-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* Ensure the 'Next' button appears first in the column stack */
.path-webform .webform-submission-form .form-actions #edit-wizard-next,
.path-webform .webform-submission-form .form-actions .js-webform-wizard-next,
.path-webform .webform-submission-make-a-gift-add-form .form-actions #edit-wizard-next,
.path-webform .webform-submission-make-a-gift-add-form .form-actions .js-webform-wizard-next {
	order: -1;
	margin-bottom: 12px;
}

/* Previous button appears second */
.path-webform .webform-submission-form .form-actions #edit-wizard-prev,
.path-webform .webform-submission-form .form-actions .js-webform-wizard-prev,
.path-webform .webform-submission-make-a-gift-add-form .form-actions #edit-wizard-prev,
.path-webform .webform-submission-make-a-gift-add-form .form-actions .js-webform-wizard-prev {
	order: 0;
}

/* Ensure buttons are full width on mobile */
@media only screen and (max-width: 768px) {
	.path-webform .webform-button--next,
	.path-webform .webform-button--previous,
	.path-webform #edit-wizard-next,
	.path-webform #edit-wizard-prev {
		width: 100%;
		max-width: 100%;
	}
}

/*.sub-menu.drm-lv1 > .menu-item--expanded span {
    display: block;
}*/

.sub-menu.drm-lv1 li span {
    display: none;
}
.sub-menu.drm-lv2 li .dropdown-btn {
    display: none;
}
.js-form-type-search.form-type-search{
	margin-bottom:0px!important;
}
.nav-search form input{
	border: solid 1px #CCC!important;
    padding: 15px 105px 15px 20px!important;
    border-radius: 3px!important;
}
.block-search-form-block input#edit-submit {
    position: absolute;
    right: 12px;
    top: 0px;
}
/*.nav-search form#search-block-form {
    display: none;
}*/
.block-search.block-search-form-block{
	width:0px;
	height:0px;
}
.pricing-banner-st1{
	min-height:723px!important;
}
.pager .active.page-item a {
    color: #000 !important;
}
.project-details-image img {
    width: 100%;
}
.blog-standard-page{
	padding-top:0px!important;
}
.widget-search{
	width:100%!important;
	height:auto!important;
}
	
#edit-keys--2:focus{
	background:transparent!important;
}

#search-block-form--2 input[type=search]{
	border:solid 1px #CCC;
	padding: 7px;
    
    color: #FFF;
	
}
#search-block-form--2 input[type=submit]{
	margin-top:0px!important;
	margin-left:60px;
}
.widget:not(:last-child), #search-block-form--2 {
    margin-bottom: 50px;
}

.list-group.node_search-results li{
	background:none!important;
}
#block-drupalet-ygency-breadcrumbs .container .row nav{
	display:block;
	width:auto;
	margin:0 auto;
}
.comment__content.card{
	background:transparent!important;
}
.comment__content:after{
	display:none;
}
.comment.js-comment{
	border:none!important;
}


.icon-box-style1 .col-md-6.col-lg-3 {
    padding: 0px !important;
}
.col-p-0 div.col-lg-4, .col-p-0 div.col-lg-8 {
    padding: 0px;
}

.btn-sm-form-f{
	width: auto;
    padding: 13px 13px 10px 13px;
    position: absolute;
    top: 26px;
    right: 0px;
    color: #FFF;
    border: solid 1px;
}



.pbmit-search-outer .search-block-form,
.pbmit-search-outer .search-block-form .container-inline{
	width:100%;
	height:auto
}

	
@media (max-width: 1366px) {
    .our-plans .testimonial-two {
        padding: 100px 0;
    }
}
.pager__items.js-pager__items li a {
    background: #011712;
    color: #FFF;
    border-color: #011712;
}
.pager .active.page-item a{
	color:#FFF!important;
}
.sidebar .block-search-form-block,
.sidebar .content.container-inline{
	width:100%;
	height:auto;
}
.sidebar .block-search-form-block{
	border:none;
	padding:0px;
}
li.dropdown::after {
    display: none;
}
.menu-item--expanded.dropdown.dropdown-submenu::after {
    display: block;
}
.comments-area .comment-respond{
	background:none;
	padding:0px;
}

.comment-respond h2.title, .comment-respond h3.comment-reply-title{
	margin-left:20px;
}
#search-block-form--2 .form-type-search {
	width:100%!important;
}
#search-block-form--2 #edit-submit--3{
	margin:auto auto!important;
}
.mb30{
	width:100%;
	display:block;
	height:30px;
}
.newsletter-form{
	display:block!important;
}
.form-f-1{
	position:relative;
}
.form-f-1 input[type=email]{
	padding-right:120px!important;
    padding-top: 15px;
    padding-bottom: 10px;
}
.form-f-1 input[type=submit]{
	display: block;
    background: #001726;
    width: auto;
    padding: 10px 20px 0px 20px;
    margin: 0 auto;
    right: 9px;
    position: absolute;
    top: 18px;
}
.hero-form-bg{
	left:46%!important;
}
.hide-tab{
	display:none;
}
/*.main-header.header-white .navbar-collapse > ul > li > a, .main-header.header-white .navbar-collapse > ul > li > .dropdown-btn,
.main-header.header-white .nav-search > button{
	color:#001726!important;
}
*/
.ma-0-a{
	margin: 0 auto;
}
.pricing-item.style-three .list li.hide{
	display:block!important;
}

.hero-ten-shapes .shape.four {
    right: 5%;
    bottom: 3%;
}

.hero-ten-shapes .shape {
    z-index: -1;
    max-width: 8%;
    position: absolute;
}
.hero-ten-shapes .shape.five {
    top: 0;
    right: 10%;
}
.hero-ten-shapes .shape {
    z-index: -1;
    max-width: 8%;
    position: absolute;
}



/* For Home Ten */
.home-ten {
  --primary-color: #464EE2; }
  .home-ten .pricing-tab li:first-child button:after,
  .home-ten .pricing-tab li:last-child button:before,
  .home-ten .pricing-tab li:first-child button:before {
    background: var(--pink-color); }
  .home-ten .pricing-three-area .pricing-item.style-three:hover {
    background: var(--primary-color); }
    .home-ten .pricing-three-area .pricing-item.style-three:hover .theme-btn {
      background: transparent; }
  .home-ten .section-title h4 span {
    color: var(--pink-color); }
	
	
/* Home Ten */
.iconic-box-slider {
  margin-left: -15px;
  margin-right: -15px; }
  .iconic-box-slider .iconic-box.style-three {
    margin-left: 15px;
    margin-right: 15px; }

.iconic-box-arrows .slick-arrow {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 55px;
  height: 55px;
  background: white;
  line-height: 55px;
  border-radius: 50%;
  text-align: center;
  color: var(--primary-color);
  -webkit-box-shadow: 0px 10px 60px rgba(130, 130, 130, 0.1);
  box-shadow: 0px 10px 60px rgba(130, 130, 130, 0.1); }
  .iconic-box-arrows .slick-arrow:focus, .iconic-box-arrows .slick-arrow:hover {
    color: white;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: var(--primary-color); }
  .iconic-box-arrows .slick-arrow:not(:last-child) {
    margin-right: 10px; }
	
	/* Home Ten */
.feature-image-box-three {
  border-radius: 15px;
  background: #072639;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px 45px 28px;
  height: calc(100% - 30px); }
  @media only screen and (max-width: 375px) {
    .feature-image-box-three {
      padding-left: 25px;
      padding-right: 25px; } }
  .feature-image-box-three .image {
    margin-bottom: 30px; }
  .feature-image-box-three .content {
    margin-top: auto; }
    .feature-image-box-three .content .category {
      color: white;
      padding: 0 10px;
      font-weight: 500;
      border-radius: 7px;
      margin-bottom: 16px;
      display: inline-block;
      background: var(--pink-color);
      border: 1px solid var(--pink-color); }
    .feature-image-box-three .content h5 {
      margin-bottom: 16px; }
      .feature-image-box-three .content h5 a {
        color: white; }
    .feature-image-box-three .content p {
      color: rgba(255, 255, 255, 0.55); }
  .feature-image-box-three:hover {
    background: var(--primary-color); }
    .feature-image-box-three:hover .content .category {
      border-color: white;
      background: transparent; }
    .feature-image-box-three:hover .content h5 a {
      text-decoration: underline; }


/* Home Ten */
.feature-bottom-text {
  background: white;
  text-align: center;
  border-radius: 10px;
  padding: 8px 15px 3px; }
  .feature-bottom-text h6 {
    color: var(--base-color); }
    .feature-bottom-text h6 a {
      color: var(--primary-color);
      text-decoration: underline; }
    @media only screen and (min-width: 576px) {
      .feature-bottom-text h6 {
        font-size: 18px; } }

.features-ten-area .shape.one {
  left: 5%;
  bottom: 10%;
  z-index: -1;
  max-width: 5%;
  position: absolute; }

.features-image-ten-shape .shape {
  z-index: -1;
  max-width: 6%;
  position: absolute; }
  .features-image-ten-shape .shape.one {
    left: 5%;
    bottom: 10%; }
  .features-image-ten-shape .shape.two {
    right: 5%;
    top: 15%; }
  .features-image-ten-shape .shape.three {
    right: 5%;
    top: 30%; }
	
	.user-login-form input[type=submit] {
    background-color: #00194c!important;
	margin-bottom:25px;
}
.project-details-info table td, 
.project-details-info table tr{
	border:none!important;
	background:none!important;
	
}
.pagination li.disabled .page-link, .pagination li:last-child .page-link {
    background: repeating-radial-gradient(black, transparent 100px)!important;
}

.tag-coulds .field--name-field-tags{
	margin-bottom:0px;
}
.tag-share .item > b{
	margin-top:0px;
}

.comment-comment-form.comment-form {
	background-color:#f1f5ff;
}

.comment-comment-form input[type=submit]{
	color:#000!important;
}
.pbmit-servicebox-style-6 .pbmit-box-content{
	height:auto!important;
}
.service-seven-slider.swiper-slider{
	padding-bottom:158px!important;
}
.ihbox-section-two .pbmit-ihbox-style-5.col1 {
    background-color: var(--pbmit-light-color);
}
.ihbox-section-two .pbmit-ihbox-style-5.col2 {
    background-color: var(--pbmit-blackish-color);
}
.ihbox-section-two .pbmit-ihbox-style-5.col3 {
    background-color: var(--pbmit-global-color);
}

.pbmit-ihbox-style-3.col1{
	background-color: var(--pbmit-global-color);
	
}
.pbmit-ihbox-style-3.col2, .pbmit-ihbox-style-3.col3 {
	background-color: var(--pbmit-white-color);
	
}

.search-block-form.block #search-block-form input[type=search],
.user-login-form input[type=text], .user-login-form input[type=password]{
	display: block;
    width: 100%;
    line-height: 24px;
    font-size: 12px;
    padding: 13px 20px;
    font-weight: 400;
    color: #999;
    border: none;
    border-radius: 0px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    font-family: inherit;
    background-color: var(--pbmit-light-color);
}
.contact-form input[type=submit] {
    /* float: left; */
    width: auto;
    padding: 20px;
    color: #FFF;
    text-transform: uppercase;
    margin-right: 20px;
    margin: 0 auto;
	background: #000000;
    border-color: #000;
	font-size: small;
}
.contact-message-form.contact-form:before{
	display:none;
}
#search-block-form--2 input[type=submit]{
	margin:0 auto;
}
.g-xxl-5.icon-3xl .col-12,
.row.gx-8.gy-8 .col-md-6.col-lg-4 {
    margin-bottom: 20px;
}
/*.col-md-6.portfolio-item{
	margin-top: 50px;	
}*/
.d-none{
	display:none!important;
}
@media (max-width: 991.98px) {
    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown {
        display: block;
    }
	.header-menu.show{
		overflow:auto;
	}
}
/*.contact-message-form textarea{
	background: #181a1c;
    border: none;
}*/
.menu-item .nav-subdropdown-item.dropdown {
    /*padding-left: 30px;*/
	padding-bottom:10px;
}
.nav-dropdown > li.dropdown {
    padding-left: 30px;
}
#block-drupalet-sana-main-menu li{
	list-style-type:none;
}

.blog-fullwidth .blog-post-box{
	margin-top:30px;
}
.taxonomy-term.vocabulary-tags{
	display:none
}
.s-client-style1 .region--bottom, .remove-region-bottom .region--bottom {
    margin: 0px;
}
.padding-col-0 .row >div {
    padding: 0px;
}
.m-t-0{
	margin-top:0px;
}
.hover-border-wrapper .gx-5.gy-5{
	margin-top:0px;
}
.row.custom-row.portfolio-grid{
	margin-bottom:30px;
}
.mt-8{
	margin-top:80px;
}
.align-items-center >div {
    align-items: center;
}
.gmap-md{
	height:auto!important;
}
.links.field__items{
	padding: 0;
}
.links.field__items li{
	padding-right: 4px;
	display: inline-block;
}
.links.field__items li a{
	border: 1px dashed #1c1d24;
	background: transparent;
    color: #1c1d24;
	border-radius: 0.5em;
	padding: 7px 15px;
	display: inline-block;
}
.user-login-form input[type=submit] {
    color: #FFF;
}
.user-login-form input[type=text],.user-login-form input[type=password] {
	background:#F1F1F1;
}

/* Add spacing on left and right for webforms - but NOT the footer */
.path-webform .help.drp-help-region .container,
.path-webform .webform-submission-form {
	padding-left: 80px;
	padding-right: 80px;
}

/* Make sure footer is NOT affected */
.path-webform footer .container,
.path-webform .bg-green .container {
	padding-left: 15px;
	padding-right: 15px;
}

/* Ensure flexbox elements work correctly in webforms */
.path-webform .webform-flex,
.path-webform .webform-element-flexbox,
.path-webform [data-drupal-selector*="flexbox"],
.path-webform .js-form-type-flexbox {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	align-items: flex-end;
	width: 100%;
}

.path-webform .webform-flex--container,
.path-webform .webform-element-flexbox > .js-form-item,
.path-webform [data-drupal-selector*="flexbox"] > .js-form-item,
.path-webform .js-form-type-flexbox > .js-form-item {
	flex: 1 1 auto;
	min-width: 0;
}

/* Ensure form fields inside flexbox respect width settings */
.path-webform .webform-flex .form-control,
.path-webform .webform-element-flexbox .form-control,
.path-webform [data-drupal-selector*="flexbox"] .form-control,
.path-webform .js-form-type-flexbox .form-control {
	width: 100%;
	max-width: 100%;
}

/* Make sure form items inside flexbox don't break the layout */
.path-webform .webform-flex--container .js-form-item {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.path-webform .container,
	.path-webform .webform-submission-form {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Modern radio button styling for webforms */
.path-webform .form-check {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	padding-left: 40px;
	position: relative;
}

/* Fix "Same As" checkbox - hide radio button if both exist */
.path-webform .form-check.form-type-checkbox .form-radio {
	display: none !important;
}

/* Additional rule to hide any radio button near checkboxes */
.path-webform .form-type-checkbox input[type="radio"],
.path-webform input[type="checkbox"] ~ input[type="radio"],
.path-webform .form-checkbox ~ .form-radio {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	position: absolute !important;
	left: -9999px !important;
}

/* Style checkboxes differently from radio buttons */
.path-webform .form-check.form-type-checkbox {
	padding-left: 0 !important;
}

.path-webform .form-check.form-type-checkbox .form-check-label {
	padding: 0 !important;
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	max-width: none !important;
	padding-left: 35px !important;
	font-size: 16px !important;
}

/* Make sure checkboxes don't get card styling */
.path-webform .form-check.form-type-checkbox .form-check-label::before {
	width: 22px !important;
	height: 22px !important;
	border-radius: 4px !important;
	left: 0 !important;
}

.path-webform .form-check.form-type-checkbox .form-check-label::after {
	left: 6px !important;
	width: 6px !important;
	height: 12px !important;
	border: solid #fff !important;
	border-width: 0 2px 2px 0 !important;
	transform: translateY(-50%) rotate(45deg) scale(0) !important;
	border-radius: 0 !important;
	background: none !important;
}

.path-webform .form-check.form-type-checkbox .form-check-label::before {
	width: 22px;
	height: 22px;
	border-radius: 4px;
	left: 0;
}

.path-webform .form-check.form-type-checkbox .form-check-label::after {
	left: 6px;
	width: 6px;
	height: 12px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: translateY(-50%) rotate(45deg) scale(0);
	border-radius: 0;
	background: none;
}

.path-webform .form-check.form-type-checkbox input:checked + .form-check-label::after {
	transform: translateY(-50%) rotate(45deg) scale(1);
}

.path-webform .form-check.form-type-checkbox .form-check-label:hover {
	background: none;
	box-shadow: none;
}

/* Hide default radio button - but NOT checkboxes */
.path-webform .form-radio.form-check-input:not([type="checkbox"]),
.path-webform input[type="radio"].form-check-input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 0;
	height: 0;
	pointer-events: none;
}

/* Make sure checkboxes stay visible and functional */
.path-webform input[type="checkbox"].form-check-input {
	position: relative !important;
	opacity: 1 !important;
	width: 22px !important;
	height: 22px !important;
	margin-right: 10px !important;
	pointer-events: auto !important;
	z-index: 10 !important;
}

/* Ensure CiviCRM "Same As" checkbox works properly */
.path-webform input[name*="same_as"],
.path-webform input[name*="billing_address_same_as"] {
	position: relative !important;
	opacity: 1 !important;
	width: auto !important;
	height: auto !important;
	pointer-events: auto !important;
}

/* Create custom radio button - ONLY for radio inputs, NOT checkboxes or regular labels */
.path-webform .form-type-radio .form-check-label,
.path-webform .form-check.js-form-type-radio .form-check-label,
.path-webform .radio .form-check-label {
	cursor: pointer;
	font-size: 17px;
	font-weight: 500;
	color: #2d3436;
	margin-bottom: 0;
	padding: 14px 24px;
	border: 2px solid #e1e8ed;
	border-radius: 8px;
	background: #ffffff;
	transition: all 0.3s ease;
	width: 100%;
	max-width: 300px;
	position: relative;
	padding-left: 50px;
}

/* Don't apply radio button styling to regular form labels */
.path-webform .webform-flex .form-check-label,
.path-webform .form-type-textfield label,
.path-webform .form-type-email label {
	padding: 0;
	border: none;
	background: none;
	box-shadow: none;
	max-width: none;
	padding-left: 0;
	font-size: inherit;
}

/* Custom radio circle indicator - ONLY for radio buttons */
.path-webform input[type="radio"].form-check-input + .form-check-label::before,
.path-webform .form-type-radio .form-check-label::before {
	content: '';
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	border: 2px solid #00b894;
	border-radius: 50%;
	background: #fff;
	transition: all 0.3s ease;
}

/* Inner dot when checked - ONLY for radio buttons */
.path-webform input[type="radio"].form-check-input + .form-check-label::after,
.path-webform .form-type-radio .form-check-label::after {
	content: '';
	position: absolute;
	left: 24px;
	top: 50%;
	transform: translateY(-50%) scale(0);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	transition: all 0.3s ease;
}

/* Hover state - ONLY for radio buttons */
.path-webform input[type="radio"].form-check-input + .form-check-label:hover,
.path-webform .form-type-radio .form-check-label:hover {
	border-color: #00b894;
	background: #f0fdf9;
	box-shadow: 0 2px 8px rgba(0, 184, 148, 0.15);
}

/* Checked state - ONLY for radio buttons */
.path-webform input[type="radio"].form-check-input:checked + .form-check-label {
	border-color: #00b894;
	background: linear-gradient(135deg, #f0fdf9 0%, #e6fcf5 100%);
	box-shadow: 0 4px 12px rgba(0, 184, 148, 0.2);
}

.path-webform input[type="radio"].form-check-input:checked + .form-check-label::before {
	background: #00b894;
	border-color: #00b894;
}

.path-webform input[type="radio"].form-check-input:checked + .form-check-label::after {
	transform: translateY(-50%) scale(1);
}
/* Style webform confirmation page */
.path-webform .webform-confirmation h2 {
	color: #008a5e !important;
	font-size: 24px !important;
	margin-bottom: 15px !important;
	font-weight: bold !important;
}

.path-webform .webform-confirmation p {
	color: #555 !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	margin-bottom: 20px !important;
}

.path-webform .webform-confirmation em {
	color: #777 !important;
	font-size: 14px !important;
}

.path-webform .webform-confirmation a {
	background-color: #008a5e !important;
	border-radius: 4px !important;
	color: white !important;
	padding: 10px 20px !important;
	text-decoration: none !important;
	display: inline-block !important;
	margin-top: 20px !important;
	font-weight: bold !important;
	transition: all 0.3s ease !important;
}

.path-webform .webform-confirmation a:hover {
	background-color: #00b894 !important;
	box-shadow: 0 4px 12px rgba(0, 138, 94, 0.3) !important;
}

.path-webform .webform-confirmation {
	text-align: center !important;
	padding: 40px 20px !important;
}

/* Center menu for specific pages */
@media (min-width: 992px) {
	/* Home page - uses .path-frontpage and .homepage */
	.path-frontpage .header.nav-left .header-menu,
	.homepage .header.nav-left .header-menu {
		margin-right: auto;
		margin-left: auto;
	}
	
	/* Claim the Credit page - uses .page-node-98 */
	.page-node-98 .header.nav-left .header-menu {
		margin-right: auto;
		margin-left: auto;
	}
}

/* Hide honeypot field - should not be visible to users */
.form-item-url,
.js-form-item-url,
#edit-url {
	display: none !important;
	visibility: hidden !important;
	position: absolute !important;
	left: -9999px !important;
}

/* Mobile: Make Support our Mission button full-width banner above everything */
@media only screen and (max-width: 768px) {
	/* Position header-extra as full-width banner above header */
	.header {
		position: relative;
	}
	
	.header .header-extra {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		margin: 0 !important;
		margin-left: 0 !important;
		padding: 0;
		z-index: 10000;
		display: block;
	}
	
	/* Ensure parent container doesn't constrain the banner */
	.header {
		overflow-x: visible;
	}
	
	/* Add padding to body to account for fixed banner */
	body {
		padding-top: 60px;
	}
	
	/* Style the support-us button as full-width edge-to-edge banner with side padding */
	.header .header-extra .support-us {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 16px 24px !important;
		border-radius: 0 !important;
		text-align: center;
		font-size: 15px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 1.5px !important;
		line-height: 1.4 !important;
		box-shadow: 0 2px 8px rgba(0, 184, 148, 0.2) !important;
		background: linear-gradient(135deg, #00b894 0%, #00a882 50%, #00cec9 100%) !important;
		color: #ffffff !important;
		text-decoration: none !important;
		transition: all 0.3s ease !important;
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
	}
	
	/* Add more padding on smaller screens for better spacing */
	@media only screen and (max-width: 480px) {
		.header .header-extra .support-us {
			padding: 16px 20px !important;
		}
	}
	
	@media only screen and (min-width: 481px) and (max-width: 768px) {
		.header .header-extra .support-us {
			padding: 16px 28px !important;
		}
	}
	
	/* Header positioning - banner is now fixed at top */
	.header {
		position: relative;
		z-index: 100;
	}
	
	/* Add subtle shine effect on hover */
	.header .header-extra .support-us::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
		transition: left 0.5s ease;
	}
	
	.header .header-extra .support-us:hover::before {
		left: 100%;
	}
	
	/* Enhanced hover state */
	.header .header-extra .support-us:hover,
	.header .header-extra .support-us:active {
		background: linear-gradient(135deg, #00a882 0%, #009973 50%, #00bdb5 100%) !important;
		box-shadow: 0 6px 20px rgba(0, 184, 148, 0.35), 0 3px 8px rgba(0, 0, 0, 0.15) !important;
		transform: translateY(-1px);
	}
	
	/* Remove span styling if present */
	.header .header-extra .support-us span {
		position: relative;
		z-index: 1;
		display: inline-block;
	}
	
	/* Add spacing to main content to account for banner */
	.header + main {
		margin-top: 0;
	}
}

/* ===== School Portal page (/school-portal) - centered layout =====
   Ensures content is centered even when text format strips inline styles. */

/* Main content wrapper - works with or without .school-portal-wrapper class */
.path-school-portal .region-content,
.path-school-portal main .block-system-main-block,
.page-node-type-page.path-node main {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
}

.path-school-portal .school-portal-wrapper,
.path-school-portal .node__content {
	max-width: 1000px;
	margin: 40px auto;
	padding: 20px;
	box-sizing: border-box;
}

/* Welcome header - first h2 on the page */
.path-school-portal .node__content > h2:first-child,
.path-school-portal main h2:first-of-type {
	color: #006B54;
	font-size: 36px;
	margin-bottom: 15px;
	font-weight: 600;
	text-align: center;
}

/* Subtitle paragraph after welcome heading */
.path-school-portal main h2:first-of-type + p {
	color: #666;
	font-size: 18px;
	margin: 0 0 50px 0;
	text-align: center;
}
/* Section headings */
.path-school-portal main h3 {
	color: white;
	font-size: 28px;
	margin: 60px 0 15px 0;
	font-weight: 600;
	text-align: center;
}

.path-school-portal main h4 {
	color: #006B54;
	font-size: 22px;
	margin: 20px 0 12px 0;
	font-weight: 600;
	text-align: center;
}

/* Style paragraphs */
.path-school-portal main p {
	color: #666;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
	margin: 0 auto 25px;
	max-width: 700px;
}

/* Links / buttons */
.path-school-portal main a[href*="documents-upload"],
.path-school-portal main a[href*="Upload Now"] {
	background: #006B54;
	color: white !important;
	padding: 14px 35px;
	text-decoration: none;
	border-radius: 8px;
	display: inline-block;
	font-weight: 600;
	font-size: 16px;
	box-shadow: 0 4px 10px rgba(0,107,84,0.3);
	transition: all 0.3s;
}

.path-school-portal main a[href*="documents-upload"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 15px rgba(0,107,84,0.4);
}

.path-school-portal main a[href*="student-application"],
.path-school-portal main a[href*="Go to Form"] {
	color: #006B54 !important;
	padding: 12px 30px;
	text-decoration: none;
	border: 2px solid #006B54;
	border-radius: 8px;
	display: inline-block;
	font-weight: 600;
	font-size: 16px;
	transition: all 0.3s;
}

.path-school-portal main a[href*="student-application"]:hover {
	background: #006B54;
	color: white !important;
}

/* Email link */
.path-school-portal main a[href^="mailto:"] {
	color: #006B54 !important;
	text-decoration: none;
	font-weight: 600;
}
/* Create visual card effect using background and grouping for each section */
.path-school-portal main .field--name-body,
.path-school-portal main .node__content {
	background: transparent;
}

/* Document Upload section - green card effect */
.path-school-portal main h3:first-of-type {
	background: linear-gradient(135deg, #006B54 0%, #00856A 100%);
	max-width: 700px;
	margin: 40px auto 0;
	padding: 50px 40px 20px;
	border-radius: 15px 15px 0 0;
	box-shadow: 0 8px 25px rgba(0,107,84,0.25);
}

.path-school-portal main h3:first-of-type + p {
	background: linear-gradient(135deg, #006B54 0%, #00856A 100%);
	color: rgba(255,255,255,0.95) !important;
	max-width: 700px;
	margin: 0 auto;
	padding: 0 40px 30px;
}

/* Upload Documents sub-card (white box inside green) */
.path-school-portal main h3:first-of-type ~ h4:first-of-type {
	background: white;
	max-width: 700px;
	margin: 0 auto;
	padding: 35px 40px 0;
	border-radius: 0;
}

.path-school-portal main h3:first-of-type ~ h4:first-of-type + p {
	background: white;
	max-width: 700px;
	margin: 0 auto;
	padding: 0 40px;
}

.path-school-portal main h3:first-of-type ~ h4:first-of-type + p + p {
	background: white;
	max-width: 700px;
	margin: 0 auto 40px;
	padding: 0 40px 35px;
	border-radius: 0 0 15px 15px;
	box-shadow: 0 8px 25px rgba(0,107,84,0.25);
}

/* Student Application section - white card with border */
.path-school-portal main h4:nth-of-type(2) {
	max-width: 700px;
	margin: 40px auto 0;
	background: white;
	border: 2px solid #E5E5E5;
	border-radius: 15px 15px 0 0;
	padding: 40px 40px 0;
	box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.path-school-portal main h4:nth-of-type(2) + p {
	max-width: 700px;
	margin: 0 auto;
	background: white;
	border-left: 2px solid #E5E5E5;
	border-right: 2px solid #E5E5E5;
	padding: 0 40px;
}

.path-school-portal main h4:nth-of-type(2) + p + p {
	max-width: 700px;
	margin: 0 auto 40px;
	background: white;
	border: 2px solid #E5E5E5;
	border-top: 0;
	border-radius: 0 0 15px 15px;
	padding: 0 40px 40px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

/* Need Help section - light gray with green left border */
.path-school-portal main h4:last-of-type {
	max-width: 700px;
	margin: 50px auto 0;
	background: #F8F9FA;
	border-left: 5px solid #006B54;
	border-radius: 8px 8px 0 0;
	padding: 25px 30px 0;
	font-size: 18px !important;
}

.path-school-portal main h4:last-of-type + p {
	max-width: 700px;
	margin: 0 auto;
	background: #F8F9FA;
	border-left: 5px solid #006B54;
	border-radius: 0 0 8px 8px;
	padding: 0 30px 25px;
	line-height: 1.7;
}