/******************************************* *
 *  All sections 
 *          Hero
 *          About Section
 *          Featured Section
 *          Service Section 
 *          Testimonial Section 
 *          Benifit Section 
 *          Best Professionals Section 
 *          About Overview Section 
 *          Our Process Section 
 *          Our Team Section 
 *          Key statistics Section 
 *          Contact Top Section 
 *          Contact Info & Form Section
 *          Partner Our Team Section 
 *          Join Now opportunities Section 
 *          Positions Nucrew Section 
 *          List Of Benefits Section 
 *          Faqs Section
 *          Listing Top Section
 *          Position Overview Section
 *          Register Section
 *          Term page
 *          Jobs Listing Data
 *     
*****************************************************/

/*********** Structural **********/

/** hero & pagetittle section **/

 main#primary {overflow-x: hidden;}
.pagetitle-sec {background-size: cover;background-repeat: no-repeat;background-position: center;margin-inline: auto;display: flex;flex-direction: column;justify-content: center;gap:30px;color: #fff;overflow: hidden;z-index: 1;min-height:600px;padding-top: 100px;padding-bottom: 100px;}
.hero-sec-inner .hero-left-content { flex: 0 0 42%; max-width: 42%; padding-left: calc((100% - 1240px)/2); }
.hero-sec-inner .hero-right-content { flex: 0 0 58%; max-width: 58%; text-align: right; }
.hero-right-content .vector-wrapper { max-width: 794px; max-height: 664px; margin-left: auto; overflow: hidden; }
.vector-wrapper img.position-absolute { right: 0; top: 0; height: 100%; width: 100%;}
.vector-wrapper img.vector-shape { z-index: 1; }
.vector-wrapper img { display: block; }
.vector-wrapper img.banner-bg { object-fit: cover; object-position: center center; max-height: 664px;transition: all ease 0.3s;-webkit-transition: all ease 0.3s; }
.vector-wrapper:hover img.banner-bg { transform: scale(1.1); }
.hero-left-content a.button-primary { gap: 37px; padding: 12px 30px 13px; text-decoration: none;}
.hero-left-content h1 { margin-bottom: 24px; }
.hero-left-content h4 { margin-bottom: 38px; }

/** About Section **/
.image-with-text .image-column { flex: 0 0 50%; max-width: 50%; }
.image-with-text.flex-row-reverse .content-column { padding-left: 0; padding-right: 115px; }
.image-with-text .content-column { flex: 0 0 calc(100% - 50%); max-width: calc(100% - 50%); padding-left: 85px}
.image-with-text .content-column a.button.button-primary { margin-top: 14px; }
.content-column p { font-weight: 300; line-height: 24px; margin-bottom: 23px; }
.section-title h2,.section-title h1 { margin-bottom: 34px; flex-wrap: nowrap; align-items: flex-start; }
.section-title h1 img,.section-title h2 img { margin-right: 20px; position: relative; top: 6px; flex: 0 0 26px; }
.image-column img.top-left { clip-path: polygon(50% 0%, 100% 0, 100% 27%, 100% 82%, 82% 100%, 50% 100%, 0 100%, 0% 70%, 0 18%, 18% 0);display: block;}
.home-about .image-text-content-devider { background: #D8D8D8; height: 1px; width: 100%; margin-top: 90px; margin-bottom: 50px; }
.image-with-text.row-reverse { flex-flow: row-reverse; }
.image-with-text.row-reverse .content-column { padding-left: 0; padding-right: 85px; }

/** Featured Section **/
.featured-details-row { background: #F5F5F5; grid-template-columns: repeat(4,1fr); gap: 30px; padding: 42px 20px;margin-top:30px; }
.featured-details-row h2 { font-weight: 200; font-size: 56px; line-height: 1; color: var(--color-text-light); margin: 12px 0; }
.featured-details-column img { max-width: 40px; max-height: 40px; }
.featured-details-column p{ font-weight: 600;}

/** service section*/
.slider-head { align-items: flex-end; }
.our-services-inner h2 { margin-bottom: 43px; }
.grid-column-iconbg { height: 60px; width: 60px; background: #EEEEEE; display: flex; align-items: center; justify-content: center; }
.grid-row-column { display: flex; flex-direction: column; gap: 30px; background: #FFFFFF; padding: 35px; }
.slider-head .section-title { max-width: 55%; flex: 0 0 55%; }
.slider-head .slider-nav { max-width: 45%; flex: 0 0 45%; }
.slider-nav { display: flex; justify-content: flex-end; padding-left: 50px; }
.slider-nav > .common-slider-nav { height: 57px; width: 57px; background: #fff; display: flex; align-items: center; justify-content: center; cursor:pointer; color: #F55E00;}
.our-services-inner { background: #F8F8F8; padding: 100px 60px; }
.common-slider-nav.prev svg { transform: rotate(180deg); }
.slider-nav > .common-slider-nav:hover,.slider-nav-bottom .slider-nav > .common-slider-nav:hover{ background: #000; color: #fff;}
.slider-head p { color: #979797;}
.our-services-inner .grid-row-column p { color: var(--color-text-light);display: block; display: -webkit-box; max-width: 100%; height: 80px; margin: 0 auto; font-size: 18px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.our-services-inner .grid-row-column { padding: 35px 35px 98px; }
.our-services-inner .grid-row-column a.service-link { position: absolute; bottom: 12px; right: 12px;}
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet { height: 8px; width: 8px; border-radius: 0; background: #CCCCCC; opacity: 1; margin: 0 4px; }
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f55e00; }
.services-swiper-pagination.swiper-pagination-bullets { text-align: center; margin-top: 48px; }
a.service-link { color: #F55E00; }

/** Testimonial **/
.section-top-head .section-top-head-left,.section-top-head .section-top-head-right { flex: 0 0 50%; max-width: 50%; }
.section-top-head .section-top-head-right{padding-left: 50px;text-align: right;}
.testimonial-head > p { max-width: 420px; text-align: right; }
.testimonial-slider-outer .section-top-head-right p { max-width: 420px; text-align: right; margin-left: auto; }
.section-top-head-left .section-title h2 { margin: 0; }
.section-top-head-right p { color: #979797; text-transform: uppercase; font-size: 14px; line-height: 19px; font-weight: 700; }
.testimonial-slide-head img { position: absolute; top: 0; right: 0; }
.testimonial-slide-box {border: 1px solid #E5E5E5; padding: 70px 48px;}
.testimonial-slide-desc p:last-of-type { margin: 0; }
.testimonial-slide-head { margin-bottom: 40px; }
.testimonial-slide-head .name { color: var(--color-dark); margin: 0 0 2px; }
.slider-nav-bottom .slider-nav > .common-slider-nav { background: #F5F5F5; }
.slider-nav-bottom { align-items: flex-end; justify-content: space-between; }

/** Industries **/
.industries-slider .swiper-slide { height: auto; }
.industries-slide-box { background: #fff; padding: 35px; text-align: center; height: 100%; }
.industries-slide-icon { height: 60px; position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 25px;}
.industries-slide-icon img { max-height: 60px; object-fit: contain; }
.industries-slide-box a.industry-url { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.industries-swiper-scrollbar { height: 6px; margin-top: 40px; background: #D8D8D8; border-radius:10px; }
.industries-swiper-scrollbar .swiper-scrollbar-drag { background: #F55E00;}
a.custom-link { color: #F55E00; text-decoration: none; font-weight: 700; }
a.custom-link svg { margin-left: 14px; }

/** Benifit **/
.accordion-list { position: relative; display: block; width: 100%; height: auto; margin: 0; list-style: none; } 
.accordion-list .common-question { position: relative; display: block; width: 100%; height: auto; margin: 0 auto 30px auto;} 
.accordion-list .common-question:last-child{margin-bottom: 0;}
.accordion-list .common-question h3 { font-weight: 700; position: relative; display: block; width: 100%; height: auto; padding: 11px 40px 11px 11px; margin: 0; font-size: 18px; cursor: pointer; background: #F8F8F8; }
.accordion-list .common-question h3:after, .accordion-list .common-question h3:before { content: ""; position: absolute; background: #F55E00;top: 50%; transform: translateY(-50%);}
.accordion-list .common-question h3:after { right: 11px; width: 14px; height: 2px; }
.accordion-list .common-question h3:before { height: 14px; width: 2px; top: 50%; transform: translateY(-50%); right: 17px; }
.accordion-list .common-question h3.active::before{display: none;}
.accordion-list .common-question .common-answer { position: relative; width: 100%; height: auto; margin: 0 0 25px; padding: 0; cursor: pointer; display: none;}
.accordion-list .common-question .common-answer p { position: relative; display: block; font-weight: 300; padding: 10px 0 0 0; cursor: pointer; line-height: 150%; margin: 0 0 15px 0; font-size: 18px; line-height: 27px; }

/** Best Professionals Section **/
.professionals-inner .professionals-left-column, .professionals-inner .professionals-right-column { flex: 0 0 50%; max-width: 50%;}
.professionals-inner .professionals-left-column { padding: 58px 95px 58px 65px; }
.professionals-right-column img { display: block; }
.professionals-left-column h4 { margin: 33px 0 40px; }
.professionals-left-column a.button-primary.large { padding: 19px 50px 18px; }
.professionals-right-column img { display: block; height: 100%; object-fit: cover; object-position: center left; }
.about-page section.professionals { margin-top: 120px; }

/** About Overview **/
.overview-content-box { padding-left: 35px; position: relative; }
span.large-caps { font-size: 120px; line-height: 1; position: absolute; top: -48px; left: 0; color: #3A3A3A1A; z-index: -1; display: inline-block; }
.overview-content-box h3 { margin-bottom: 38px; font-size: 32px; }
.common-company-overview .image-with-text .content-column { padding-left: 58px; }
.company-overview-rows .common-company-overview:nth-child(even) .image-with-text { flex-flow: row-reverse; }
.company-overview-rows .common-company-overview:nth-child(even) .image-with-text .content-column { padding-left: 38px; padding-right: 120px; }
.company-overview-rows .common-company-overview:not(:last-child) { margin-bottom: 70px; }

/** Our Process **/
.grid-items-row { grid-template-columns: repeat(4,1fr); gap: 20px; }
.inner-our-process .cta-box{ background: #212529; grid-column: 3/5; align-items: flex-start; padding: 40px 48px; }
.inner-our-process span.process-count { font-size: 80px; color: #3A3A3A1A; line-height: 1; position: absolute; right: 25px; top: 22px; }
.inner-our-process .grid-row-column h5.grid-column-title { font-size: 18px; }
.inner-our-process .grid-row-column p { font-size: 18px; line-height: 24px; font-weight: 300; }
.inner-our-process .grid-row-column img { max-height: 53px; object-fit: contain; }

/** Our Team **/
.common-team-box { border: 1px solid #D8D8D8; }
.our-team-row { grid-template-columns: repeat(3,1fr); gap: 20px;}
.common-team-box .common-team-image { position: relative; padding-bottom: 104%; }
.common-team-box .common-team-image img { position: absolute; height: 100%; width: 100%; object-fit: cover; top: 0; left: 0; }
.common-team-box h5 { padding: 25px 40px 0; margin: 0 0 6px; }
.common-team-box small.role, .common-team-box p, .common-team-box ul { padding: 0 40px; }
.common-team-box p { line-height: 24px; }
.common-team-box small.role { margin-bottom: 21px; display: block; }
.common-team-box ul { margin-bottom: 7px; }

/** Key statistics **/
.about-page section.contact-top.pt-70 { padding-top: 0; margin-bottom: 50px;}

/** Contact Top **/
.contact-top .section-top-head { align-items: end; }

/** Contact Info & Form **/
.contact-details-left { grid-template-columns: repeat(2,1fr); gap: 54px 24px; }
.contact-details-left .common-detail-box:last-child { grid-column: 1/3; }
.contact-info-form-inner { grid-template-columns: 43% calc(57% - 52px); gap: 52px; align-items: flex-start; }
.contact-info-form-left { border: 1px solid #D8D8D8; padding: 62px 52px; }
.social-icons a { height: 32px; width: 32px; display: inline-flex; background: #212529; color: #fff; border-radius: 5px; align-items: center; justify-content: center; }
ul.social-icons { gap: 22px; }
input:focus,textarea:focus{outline: none;}
input.wpcf7-form-control { font-size: 18px; width: 100%; color: #727272; height: 48px; border: 0; border-radius: 0; border-bottom: 1px solid #D8D8D8; font-family: 'Hanken Grotesk';}
form button[type="submit"] { height: 64px; justify-content:center; }
span.message-label { font-size: 18px; color: #727272; display: block; margin-bottom: 0; }
textarea.wpcf7-form-control.wpcf7-textarea { padding: 12px 0; border-width: 0 0 1px 0; border-color: #D8D8D8; font-family: 'Hanken Grotesk'; width: 100%; height: 60px; }
textarea.wpcf7-form-control::placeholder { color: #BFBFBF; opacity: 1; font-family: 'Hanken Grotesk';}
textarea.wpcf7-form-control::-ms-input-placeholder { color: #BFBFBF;font-family: 'Hanken Grotesk';}
.contact-term-button p { display: flex; flex-wrap:wrap; align-items:center; }
.contact-term-button p span.wpcf7-form-control-wrap { flex: 0 0 calc(100% - 218px); max-width: calc(100% - 218px); }
.contact-term-button p input.wpcf7-form-control { width: 218px; flex: 0 0 218px; height: 64px; background: #F55E00; font-size: 18px; color: #fff; font-weight: 700; font-family: "Hanken Grotesk", serif; cursor: pointer; }
.wpcf7-acceptance.optional span.wpcf7-list-item { margin: 0; }
.wpcf7-acceptance label span.wpcf7-list-item-label { display: flex; align-items: center; gap: 15px; color: #727272; position: relative; padding-left: 52px; }
.wpcf7-acceptance label input[type="checkbox"] { display: none;}
.wpcf7-acceptance span.wpcf7-list-item-label::before { height: 32px; width: 32px; border: 1px solid #D8D8D8; position: absolute; left: 0; }
.wpcf7-acceptance .wpcf7-list-item{margin: 0;}
.contact-info-form-right form br { display: none; }
.wpcf7-acceptance input[type="checkbox"]:checked + span.wpcf7-list-item-label::before { background: #f55e00; border-color: #f55e00; }
.wpcf7-acceptance span.wpcf7-list-item-label::after { left: 12px; top: 6px; width: 8px; height: 14px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; }
.contact-info-form-right p > label { margin-bottom: 33px; display: block; }
.common-detail-box a { color: #3a3a3a; text-decoration: none; }
.common-detail-box p.fw-300 { margin: 5px 0; }
.common-detail-box .social-icons a { color: #fff; }

/** Partner Our Team **/
.partner-top-dec { margin: 75px 0 35px; }
.join-now-opport-inner { grid-template-columns: 51% calc(49% - 80px); gap: 80px; align-items: flex-start; }
.common-opportunity-steps { display: grid; grid-template-columns: 41.5% 58.5%; }
.common-opportunity-steps .opportunity-step-left { padding-right: 47px; text-align: right;}
.common-opportunity-steps .opportunity-step-right { padding-left: 35px; border-left: 1px solid #D8D8D8; position: relative; padding-bottom: 50px; }
.opportunity-step-left h4 { font-size: 22px; }
.common-opportunity-steps .opportunity-step-right::before { position: absolute; content: ""; width: 16px; height: 1px; background: #D9D9D9; left: -9px; top: 0px; }
.opportunity-step-right p { font-weight: 300; line-height: 24px; }
.opportunity-steps .common-opportunity-steps:last-child .opportunity-step-right { padding-bottom: 0; }
.opportunity-steps .common-opportunity-steps:last-child .opportunity-step-right p:last-of-type{ margin-bottom: 0; }

/** Join Now opportunities **/
.field-with-icon { position: relative; margin-bottom: 20px;}
.join-now-opport-right { padding: 60px 54px 40px; }
.select{ cursor:pointer; }
.form-control,.join-now-opport-right .field-with-icon input.wpcf7-form-control { height: 64px; width: 100%; font-size: 18px; padding: 10px 20px 10px 72px; border: none; font-weight: 300; }
.join-now-opport-right .field-with-icon input.wpcf7-form-control::placeholder { color: #979797; opacity: 1; font-weight: 300;}
.join-now-opport-right .field-with-icon input.wpcf7-form-control::-ms-input-placeholder { color: #979797; font-weight: 300;}
.field-with-icon p { margin: 0; }
.field-icon p { display: flex; align-items: center; }
.field-with-icon .field-icon { position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: 26px; display:flex; align-items:center; }
.field-with-icon:has(input.wpcf7-not-valid) .field-icon { top: calc(50% - 14px); }
.join-now-opport-right input.wpcf7-form-control.wpcf7-submit, .form-submit { width: 100%; border: none; background: #F55E00; font-size: 18px; color: #fff; cursor: pointer; font-weight: 700; font-family: 'Hanken Grotesk'; height: 64px; }
.wpcf7-not-valid-tip { margin-top: 4px; }
.join-now-opport-right h6.fw-600 { margin-bottom: 17px; color: #000; }
.join-now-opport-right form > p { margin: 0; }
.join-now-opport-right .field-with-icon.comment-field input.wpcf7-form-control { padding-left: 26px; font-size: 16px; }

/** Positions Nucrew **/
.positions-nucrew-inner { gap: 20px; }
.positions-nucrew-column { border: 1px solid #D8D8D8; padding: 50px 40px; background-size: cover; background-position: center center; }
.positions-nucrew-column .positions-nucrew-icon { margin-bottom: 86px; display: flex; align-items: center; min-height: 64px; }
.positions-nucrew-column p { font-weight: 300; line-height: 24px; }
.positions-nucrew-column h6 { margin-bottom: 27px; }
.positions-nucrew-inner.grid-column-2 .positions-nucrew-column:first-child img.positions-nucrew-rightimg { right: 0; width: 50%; top: 0; height: 100%; object-fit: cover; }
.positions-nucrew-inner.grid-column-2 .positions-nucrew-column:first-child { padding-right: calc(50% + 18px); }

/** List Of Benefits **/
.grid-icon-title-column { border: 1px solid #CCCCCC; padding: 58px 20px; text-align: center; }
.faqs-outer-row .section-top-head-right p { max-width: 340px; margin-left: auto; }
.grid-icon-title-column .grid-title { max-width: 170px; margin: auto; text-align: center; }
.grid-icon-title-column .grid-icon { min-height: 54px; display: flex; align-items: center; justify-content: center; margin-bottom: 22px; }

/** Faqs **/
.faqs-outer-row .common-question, .faqs-outer-row .common-question h3 { background: #fff; }
.faqs-outer-row .common-question { margin-bottom: 20px; }
.faqs-outer-row .common-question h3 { font-size: 20px; color: #212529; padding: 23px 68px 23px 30px; margin-bottom: 20px; margin-bottom: 0; }
.faqs-outer-row .accordion-list .common-question h3:after { right: 30px; width: 18px; height: 2px; }
.faqs-outer-row .accordion-list .common-question h3:before { height: 18px; right: 37px; }
.faqs-outer-row .accordion-list .common-question .common-answer { margin: 0; padding: 0 30px 30px; }

/** Listing Top **/
.listing-info .section-top-head .section-top-head-left { flex: 0 0 65%; max-width: 65%; }
.listing-info .section-top-head .section-top-head-right { flex: 0 0 35%; max-width: 35%; }
.listing-featured-info span { color: #979797; }
.listing-featured-info { font-size: 16px; gap: 54px; }
.listing-featured-box { display: flex; }
.listing-featured-box .listing-featured-icon-box { flex: 0 0 53px; max-width: 53px; display: flex; align-items: center; justify-content: center; }
.listing-featured-icon { background: #F5F5F5; display: flex; align-items: center; justify-content: center; width: 100%; height: 49px; }
.listing-featured-box .listing-featured-info { font-size: 16px; flex: 0 0 calc(100% - 53px); max-width: calc(100% - 53px); padding-left: 20px; }

/** Position Overview **/
.position-overview-inner { grid-template-columns: 60% calc(40% - 100px); gap: 100px; }
.overview-left-box li:not(:last-child) { margin-bottom: 21px; }
.position-overview-left { font-weight: 300; }
.position-overview-right .common-team-image { padding: 0; }
.position-overview-right .common-team-box .common-team-image img { position: static; width: 100%;}
.position-overview-right .common-team-box { padding-bottom: 30px; }
.position-overview-right h5 { margin-bottom: 23px; }

/** Register **/
.register-section-left { padding-right: 100px; }
.file-drop-area { position: relative; display: flex; align-items: center; width: 100%; max-width: 100%; padding: 5px; background: #fff; transition: 0.2s; margin-bottom: 20px; border: 1px dashed #C6C6C6; }
.file-drop-area.is-active { background-color: rgba(255, 255, 255, 0.05); } 
.fake-btn { flex-shrink: 0; background-color: #D8D8D8; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 3px; padding: 0; margin-right: 10px; font-size: 18px; height: 53px; line-height: 53px; width: 132px; text-align: center; }
.file-msg { font-size: 16px; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #979797; }
.file-input { position: absolute; left: 0; top: 0; height: 100%; width: 100%; cursor: pointer; opacity: 0; } 
.file-input:focus { outline: none; }

/** Term Page **/
.policy-pages .entry-content h2 { font-size: 36px; color: #141313; text-transform: uppercase; margin: 55px 0 33px; }
.policy-pages .entry-content h2:first-child { margin-top: 0; }
.policy-pages .entry-content a { color: #F55E00; text-decoration: none; }

/** Jobs Listing Data **/
.common-job-listbox { border: 1px solid #E5E5E5; padding: 52px; margin-bottom: 20px;}
.job-listbox-top-left h3 { margin: 0;}
.common-job-listbox-top .job-listbox-top-left { flex: 0 0 calc(100% - 300px); max-width: calc(100% - 300px); padding-right: 30px;}
.common-job-listbox-top .job-listbox-top-right { flex: 0 0 300px; max-width: 300px; text-align:right;justify-content: flex-end; }
.listbox-jobtypes { padding-bottom: 24px; }
.listbox-jobtypes ul{gap: 20px;}
.listbox-jobtypes li span { display: inline-block; font-size: 16px; color: #979797; border: 1px solid #E5E5E5; padding: 8px 9px; }
.jobs-filter-top { gap: 2px; }
.jobs-filter-bottom { margin-top: 2px; }
.filter-form-button button.button.button-primary { width: 100%; justify-content: center; }
.common-job-listbox-bottom .job-listbox-bottom-left { flex: 0 0 calc(100% - 392px); max-width: calc(100% - 392px); }
.common-job-listbox-bottom .job-listbox-bottom-right { flex: 0 0 392px; max-width: 392px; }
.job-listbox-bottom-right li a { padding: 11px 30px 12px; }
.job-listbox-bottom-right ul { gap: 20px; }
.job-listbox-locations span img { flex: 0 0 18px; max-width: 18px; margin-right: 15px; }
.job-listbox-bottom-left ul.job-listbox-locations { gap: 20px 55px; padding-right: 30px;}
.jobs-filter-bottom .filter-form-button { flex: 0 0 181px; max-width: 181px; }
.jobs-filter-bottom .field-with-icon { flex: 0 0 calc(100% - 181px); max-width: calc(100% - 181px); }
.jobs-filter-top .field-with-icon { background: #fff; }
.jobs-filter-top select.form-control { width: calc(100% - 70px); margin-left: 50px; padding-left: 12px; color: #3A3A3A; background:#fff; }
ul.job-listbox-locations li span { font-size: 16px; color: #979797; }
.jobs-filter .field-with-icon { margin: 0; }
.common-pagination ul { gap: 20px; }
.common-pagination li a { height: 52px; width: 52px; border: 1px solid #CCCCCC; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; color: #3a3a3a; text-decoration: none; }
.common-pagination li.active a { border: 1px solid #3A3A3A; color: #fff; background:#3A3A3A; }
.jobs-filter-bottom .filter-form-button button { width: 100%; justify-content: center; }
.jobs-filter-bottom .filter-form-button button:hover { background: #fff; }