@import url("https://use.typekit.net/pxn6mby.css");


 /*
Theme Name: Fena
Author: George Neagu
Description: Custom developed theme to fit all kinds of neeeds
Version: 10
Tested up to: 8.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
*/

 /* Resets */

 /*
1. Use a more-intuitive box-sizing model.
*/
 *,
 *::before,
 *::after {
     box-sizing: border-box;
 }

 /*
2. Remove default margin
*/
 * {
     margin: 0;
 }

 /*
Typographic tweaks!
3. Add accessible line-height
4. Improve text rendering
*/
 body {
     line-height: 1.5;
     -webkit-font-smoothing: antialiased;
     overflow-x: hidden !important;
     scrollbar-width: none,

 }

 html {
     overflow-x: hidden;
 }

 ::-webkit-scrollbar {
     display: none
 }

 /*
5. Improve media defaults
*/
 img,
 picture,
 video,
 canvas,
 svg {
     display: block;
     max-width: 100%;
 }

 /*
6. Remove built-in form typography styles
*/
 input,
 button,
 textarea,
 select {
     font: inherit;
 }

 /*
7. Avoid text overflows
*/
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     overflow-wrap: break-word;
     margin-bottom: 0px !important;
 }

 /*
8. Create a root stacking context
*/
 #root,
 #__next {
     isolation: isolate;
 }

 body {
     overflow-x: hidden;
 }

 /* Fonts */

 .poppins-regular {
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-style: normal;
 }

 .poppins-medium {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     font-style: normal;
 }

 .poppins-semibold {
     font-family: "Poppins", sans-serif;
     font-weight: 600;
     font-style: normal;
 }

 .poppins-bold {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     font-style: normal;
 }

 /* Vars */
 :root {
     --general-blue: #196AB4;
     --link-blue: #3A78F9;
     --text-dark: #102433;
     --bg-dark-blue: #12264F;
 }

 /*  Walker Menu styles */

 .menu-item>a {
     color: #fff !important;
     text-transform: uppercase;
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-style: normal;
     text-underline-offset: 2px;
 }

 .menu-item:hover>a {
     text-decoration: underline;
 }

 * {
     font-family: basic-sans, sans-serif;
 }

 .dropdown-menu {
     background-color: unset !important;
     border: unset !important;
 }

 .dropdown-menu[data-bs-popper] {
     top: 100%;
     left: 0;
     margin-top: -0.875rem !important;
 }

 .dropdown-item:hover {
     color: unset;
     background-color: #e9ecef;
 }

 .dropdown-item {
     background-color: #fff !important;
     margin-bottom: 5px !important;
 }

 .dropdown-item>span {
     color: var(--text-dark) !important;
 }

 .logo {
     max-width: 205px;
 }


 .inner-header {
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: space-between;
     position: fixed;
     z-index: 999;
 }

 .navbar-toggler {
     top: 15px;
     right: 30px;
     position: absolute;
 }

 .current-menu-item>a {
     font-weight: 700;
 }

 .dropdown-item {
     color: var(--text-dark) !important;
     font-weight: 400;
     text-transform: uppercase;
     font-family: "Poppins", sans-serif;
 }

 .dropdown-item:hover {
     background-color: #f2f2f2;
     color: var(--general-blue) !important;
 }

 .navbar-toggler {
     border: none;
 }

 .navbar-expand-lg .navbar-toggler {
     display: block !important;
 }

 .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }

 a {
     text-decoration: none !important;
 }

 .logoSectorMenu {
     margin: 0 auto;
     padding-top: 50px;
     max-width: 300px;
 }

 .menuItem {
     text-decoration: none;
     color: #fff;
     margin-bottom: 10px;
     padding: 5px 10px;
     border: 1px solid #2C3BAE;
     background-color: #2C3BAE;
     border-radius: 5px;
     font-weight: 400;
 }

 .menuItem:hover {
     color: #2C3BAE;
     border: 1px solid #2C3BAE;
     background-color: #fff;

     transition: background-color 0.5s;

 }

 .ul-defaults {
     list-style-type: none;
     padding-left: unset !important;
 }

 .underBar {
     background: linear-gradient(to right, #2c39aa, #2e2374);
     height: 77px;
     clip-path: polygon(0 0, 100% 0, 100% 100%, 70px 100%);
     width: 600px;
     padding: 10px 10px;
 }

 .left-side {
     display: flex;
     align-items: flex-start;
     justify-content: center;
     flex-direction: column;
 }

 .subheader {
     font-size: 30px;
     margin-bottom: 20px !important;
     color: #505050;
 }

 .gen-text {
     margin-bottom: 10px !important;
     font-size: 20px;
     color: #505050;
 }



 .flex-mid {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .w-full {
     width: 100%;
 }

 .negative-marign-1 {
     margin-top: -50px !important;
 }

 .negative-margin-2 {
     margin-top: -20px !important;
 }

 .polygon {
     background-image: url(assets/red-poly.png);
     width: 100%;
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     min-height: 190px;

     display: flex;
     align-items: center;
     justify-content: center;
 }

 .polygon-2 {
     background-image: url(assets/blue-bg.png);
     width: 100%;
     background-position: right;
     background-size: cover;
     background-repeat: no-repeat;
     min-height: 250px;

     display: flex;
     align-items: center;
     justify-content: center;
 }


 .poly-text {
     color: #fff;
     font-size: 35px;
     max-width: 700px;
     text-align: center;
 }

 .maxw-1 {
     font-size: 30px;
     max-width: 800px;
     text-align: center;
     margin: 0 auto;
 }

 .mainHeader {
     color: #2C3BAE;
     font-size: 75px;
     font-weight: 600;
 }

 .spacer {
     padding-bottom: 80px;
 }

 .slide-icon {
     height: 56px;
 }

 .slide-text {
     color: #2C3BAE;
     font-size: 40px;
     line-height: 1.1em;
     font-weight: 700;
 }

 .slide-el {
     display: grid !important;
     grid-template-columns: 1fr 1fr;
     gap: 50px
 }

 .slick-dots {
     bottom: -70px !important;
 }

 .slick-dots li button:before {
     font-size: 14px !important;
 }

 .pt-10 {
     padding-top: 100px;
 }

 .slick-dots li.slick-active button:before {
     opacity: .75;
     color: #F82B3F !important;
 }

 .hero-bg {
     background-image:
         url('assets/hero-bg.png'),
         linear-gradient(180deg, rgba(241, 241, 241, 1) 43%, rgba(255, 255, 255, 1) 78%);
     background-size: cover;
     background-repeat: no-repeat, no-repeat;
     background-position: top, top;
     min-height: 50vh;
     position: relative;
     z-index: -1;
 }

 .grid-h {
     display: flex;
     overflow-x: auto;
     scroll-snap-type: x mandatory;
     gap: 25px;


     scroll-behavior: smooth;
     cursor: grab;
     user-select: none;
     padding: 20px;
     gap: 10px;
 }

 .grid-h.active {
     cursor: grabbing;
 }

 .item {
     min-width: 200px;
     width: 304px;
     background: #fff;
     flex-shrink: 0;
     scroll-snap-align: start;
     font-weight: 200 !important;
     color: white;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 25px;
 }

 .item-large {
     width: 400px;
 }

 .slide-icon {

     margin-bottom: 25px;
 }

 .fluid {
     width: 100%;
 }

 .p-wrapper {
     background-color: #E3E3E3;
     height: 100%;
     padding: 25px;
 }

 .toleranta-zero {
     padding: 150px 0px;
     min-height: 500px;
     background: linear-gradient(180deg, rgba(21, 72, 134, 1) 15%, rgba(46, 31, 102, 1) 42%, rgba(44, 53, 159, 1) 82%);
     clip-path: polygon(0px 5%, 100% 0, 100% 100%, 0 95%);
 }

 .toleranta-grid {
     margin-top: 70px;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 25px;
 }

 .toleranta-text {
     font-size: 25px;
     color: #fff;
     text-align: center;
 }

 .t-grid-img {
     display: flex;
     align-items: flex-end;
     justify-content: flex-end;
 }

 .t-grid-el {
     background-color: #fff;
     padding: 20px;
 }

 .space-above {
     margin-top: 30px;
     margin-bottom: 0px !important;
 }

 .deed {
     margin-top: 30px;
     background-color: #E3E3E3;
     padding: 30px;
 }

 .deedHeader {
     font-size: 25px;
     color: #F92B3F;
     font-weight: 600;
     padding-bottom: 20px;
 }

 .footer-bg {
     padding: 70px 0px;
     background-image: url('assets/footer-bg.png');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: top;
 }

 .social {
     display: flex;
     gap: 20px;
     margin-top: 30px;
 }

 .sm-icon {
     max-width: 25px;
 }

 .respect {
     font-size: 18px;
     font-style: italic;
     font-weight: 900;
     margin-top: 30px;
 }

 .wpcf7-textarea {
     max-height: 140px;
 }

 .cred-1 {
     font-size: 18px;
     font-family: basic-sans, sans-serif;
     font-weight: 100;
     font-style: italic;
 }

 .footer-logo {
     width: 170px;
 }

 .media-item {
     padding: 10px;
 }


 .media-image {
     min-height: 200px;
     width: 100%;
     background-position: top;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .media-grid {
     margin-top: 40px;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 30px;
 }

 .media-title {
     color: #2D37A6;
     font-size: 17px;
     font-weight: 200;
     text-transform: uppercase;
 }

 .media-wrapper {
     background-color: #E3E3E3;
     padding: 20px 30px;
 }

 .media-body {
     padding-top: 15px;
     padding-bottom: 15px;
     color: #505050;
     min-height: 120px;

 }

 .send-to-archive {
     margin-top: 80px;
     color: #F92B3F;
     cursor: pointer;
 }

 .pagination-wrapper {
     padding-top: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .pagination-wrapper>span {
     text-decoration: underline;
 }

 .page-numbers {
     color: #F92B3F;
     padding: 3px;
 }

 .contact-icons {
     color: #F92B3F;
     fill: #F92B3F;
     width: 20px;
     margin-right: 10px;

 }

 .contact-info {
     margin-top: 30px;
 }

 .tel {
     display: flex;
     align-self: center;
     margin-bottom: 10px;


 }

 .contact-text {
     color: #fff;
     font-size: 15px;
 }

 .flex-it {
     display: flex;
     flex-direction: row;
     gap: 15px;
     margin-bottom: 15px;
 }


 .wpcf7-form-control-wrap {
     width: 100%;
 }

 textarea,
 input[type="text"],
 input[type="email"] {
     width: 100%;
     padding: 7px 14px;
     border: 1px solid #ddd;
     font-family: inherit;
     font-size: 15px;
     background-color: transparent;
     color: #fff;
 }

 input::placeholder {
     color: #fff;
     opacity: 1;
 }

 textarea::placeholder {
     color: #fff;
 }


 input[type="submit"].btn-blue {
     background-color: #F92B3F;
     color: #fff;
     border: none;
     padding: 7px 40px;
     border-radius: 30px;
     cursor: pointer;
     font-weight: 600;
     transition: background-color 0.3s;
 }

 .flex-header {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .v2 {
     max-width: 400px;
 }


 .islide4 {
     margin-top: 40px;
     margin-bottom: 100px !important;
 }

 /* desktop */


 /* Menu styles end */

 body {
     background-color: #fff !important;
 }

 * {
     color: #fff;
 }

 @media (max-width: 1200px) {
     .left-side {
         padding-left: 15px !important;
         display: flex;
         align-items: center;
     }

     .negative-margin-2 {
         margin-top: 50px !important;
     }

     .rares-img {
         margin: 0 auto;
     }

     .subheader {
         text-align: center;

     }

     .left-side strong p {
         text-align: center;
     }

     .left-side p {
         text-align: center;
     }

     .polygon {
         background-image: url('assets//red-poly2.png');
         min-height: unset;
         padding: 20px;
     }


 }

 /* mobil */

 @media (max-width: 991px) {

     .flex-header {
         text-align: left;
         justify-content: flex-start;
     }

     .send-to-archive {
         margin-top: 30px;
     }

     .social {
         margin-bottom: 30px;
     }

     .flex-it {
         flex-direction: column;
     }

     .media-grid {
         grid-template-columns: 1fr;
     }

     .menu-item>a {
         color: var(--text-dark) !important;
         padding: 0.75rem 1rem;
         display: block;
         background-color: #fff;
     }

     .dropdown-menu {
         background-color: transparent !important;
         box-shadow: none;
     }

     .dropdown-item {
         padding-left: 1.5rem;
     }

     #mainNavbar {
         position: absolute;
         top: 80px;
         left: 50%;
         transform: translateX(-50%);
         width: 100%;
     }

     .navbar {
         position: unset !important;
     }

     .navbar-toggler-icon {
         width: 1.7em !important;
     }

     .navbar-toggler {
         top: 20px;
         right: 5px;
         position: absolute;
     }

     #nav-wrapper {
         padding-top: 30px;
     }

     .logo {
         max-width: 135px;
     }

     .navbar-nav {
         background-color: #fff;
         padding: 20px !important;
     }

     .container {
         padding: 0 20px !important;
     }

     .navbar-toggler:focus {
         text-decoration: none;
         outline: 0;
         box-shadow: unset !important;
     }

     #mainNavbar {
         z-index: 100;
     }

     .tehnologia-header {
         font-size: 26px;
     }

     .momente-text {
         font-size: 1.1rem;
     }

     .text-fff {
         font-size: 16px;
     }

     #hero {
         background-image: url('assets/hero-sm.png');
         background-position: left center;
         background-size: cover;
     }

 }

 @media (max-width: 991px) {

     body {
         overflow-x: hidden !important;
         position: relative;
     }

     .toleranta-grid {
         grid-template-columns: 1fr;
         gap: 15px;
     }

     .slide-el {
         display: grid !important;
         grid-template-columns: 1fr;
         gap: 20px;
     }

     .left-side {
         padding-left: 12px !important;
     }

     .negative-marign-1 {
         margin-top: unset !important;
     }

     .polygon {
         background-image: unset;
         min-height: unset;
         background-color: #F82B3F;
         padding: 20px;
     }

     .poly-text {

         font-size: 25px;
         font-weight: 600;
     }

     .spacer {
         padding-bottom: 50px;
     }

     .hero-bg {
         min-height: unset;
     }

     .negative-margin-2 {
         margin-top: 50px !important;
     }

     .underBar {
         height: 50px;
         max-width: 360px;
     }

     .navbar-toggler {
         top: 4px;
         right: 5px;
         position: absolute;
     }

     .mainHeader {
         color: #2C3BAE;
         font-size: 40px;
         font-weight: 600;
     }

     .subheader {
         font-size: 25px;
         margin-bottom: 10px !important;
         margin-top: 20px;
     }

     .v2 {
         text-align: left !important;
     }

     .logo2 {
         padding-top: 30px;
         width: 300px;
         margin: 0 auto;
     }

     .mobile-space-1 {
         margin-top: 20px;
     }

     .polygon-2 {
         min-height: 160px;
     }

     .slide-el div {
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
     }

     .slide1 {
         padding-top: 50px;
         padding-bottom: 50px;
     }

     .slide-text {
         text-align: center;
         font-size: 25px;
         margin: 0px 50px;
     }

     .toleranta-zero {
         padding: 85px 0px;
         min-height: 500px;
         background: linear-gradient(180deg, rgba(21, 72, 134, 1) 15%, rgba(46, 31, 102, 1) 42%, rgba(44, 53, 159, 1) 82%);
         clip-path: polygon(0px 2%, 100% 0, 100% 100%, 0 98%);
     }

     .slick-dots {
         bottom: 0px !important;
     }



     .space-left {
         margin-left: unset;
     }

     .social {
         display: flex;
         gap: 20px;
         margin-top: 30px;
     }

     .sm-icon {
         max-width: 25px;
     }

     .t-grid-img {
         justify-content: center;
     }

     .space-above {
         text-align: center;
     }

     .maxw-1 {
         font-size: 25px;

     }

     .media-item {
         padding: unset;
         margin-right: 5px;
     }


     .islide4 {
         margin-top: 20px;
         margin-bottom: unset !important;
     }
 }

 .slick-gallery {
     margin: 3px;
 }