/* html {scroll-snap-type: y mandatory;} */
ul,li, p, a {margin: 0; padding:0; list-style:none; color:rgba(110,110,115,1 ) }

.heading1{ font-weight:bold; font-size:32px}
.heading2{  font-size:24px}

.heading1-section{ font-size: calc(16px + 1.8vw); font-weight: 100;}
.text-section{font-size: calc(16px + 0.6vw); line-height: 1.2; font-weight: 300;}


/*navigation bar*/
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color:rgba(29,29,31,1 )}
.call-to-action{ background-color: rgba(246,145,37,1); color: #fff; text-decoration: none; padding: 3px 15px; border-radius: 1rem; font-size: 18px; margin-left: 20px; font-weight: 200;}
.call-to-action:hover{background-color: rgba(255,145,50,1); color: #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.2);}

    /* hamburgher */
    #nav-icon3{ width: 30px; height: 24px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); float:right;
        -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
    #nav-icon3 span{ display: block; position: absolute; height: 3px; width: 100%; background: rgba(29,29,31,1); border-radius: 2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
    #nav-icon3 span:nth-child(1) {top: 0px;}
    #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 10px;}
    #nav-icon3 span:nth-child(4) {top: 20px;}
    #nav-icon3.open span:nth-child(1) { top: 10px; width: 0%; left: 50%;}
    #nav-icon3.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
    #nav-icon3.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
    #nav-icon3.open span:nth-child(4) {top: 10px; width: 0%; left: 50%;}


/*carousel*/
.carousel-indicators [data-bs-target]{ background-color: rgba(110,110,115,1);}

.carousel-item a:hover{ opacity: 0.6;}
.carousel-control-next-icon:hover{box-shadow: 2px 2px 3px rgba(29,29,31,0.5);}
.carousel-control-prev-icon:hover{box-shadow: 2px 2px 3px rgba(29,29,31,0.5);}

.carousel-item .text .heading{ font-weight: bold; font-size: 36px; color: rgba(246,145,37,1);}
.carousel-item .text .txt{ font-weight: 300;}

.carousel-inner{ border-radius: 0.75rem;}
.carousel-item img{ border-radius: 0.75rem;}


/*Banner text align left*/
.banner{background-color: rgba(245,245,247,1); border-radius: 1rem; padding: 50px 50px; box-shadow: inset 0px 1px 2px 0px rgba(222, 222, 227, 1)!important;}
.banner .heading{ font-size: calc(16px + 1.2vw); color: rgba(0,0,0,1); font-weight: bold; line-height: 1.2;}
.banner .text{ font-size: calc(16px + 0.8vw); color: rgba(0,0,0,1); font-weight: lighter; line-height: 1.2;}
.banner .txt{ color: #fff; padding: 1vh 0 6vh 0;}
.banner .btn-1{background-color:rgb(3, 113, 225); color:rgb(255,255,255); padding:7px 15px; text-decoration:none; border-radius:1rem; font-size:18px; box-shadow:0 2px 3px rgba(0,0,0,0.2)}

/*Banner text alihn right*/
.banner-right{background-image: linear-gradient( 115deg,rgb(95, 84, 167),rgba(147,0,255,1),rgba(255,147,30,1)70% );}
.banner-right .heading{ font-size: calc(16px + 1.2vw); color: rgba(255,255,255,1); font-weight: bold; line-height: 1.2;}
.banner-right .text{ font-size: calc(16px + 0.8vw); color: rgba(255,255,255,1); font-weight: lighter; line-height: 1.2;}
.banner-right .btn-1{background-color:rgb(0,193,207); color:rgb(255,255,255); padding:12px 30px; text-decoration:none; border-radius:1rem; font-size:18px; box-shadow:0 2px 3px rgba(0,0,0,0.2)}

/*modul functionalitati*/
.modul-functionalitati{ margin-top: 5vh;}
.modul-functionalitati .icon{  border-radius: 0.75rem; border: 1px solid rgba(190,190,195,1);}
.modul-functionalitati h3{ font-size: 18px; font-weight: 600; color:rgba(29,29,31,1 ); text-align: left;}
.modul-functionalitati p{ font-size: 16px; padding-bottom: 0.75vh;}
.modul-functionalitati a{ font-size: 16px; text-decoration: none; opacity: 0.7;}

/*modul avantaje web*/
.modul-avantaje-container{ background-color: rgba(245,245,247,1); margin: 0 15px; border-radius: 0.75rem;}
.modul-avantaje-container:hover { box-shadow: 0 0 15px rgba(29,29,31,0.2); }

.modul-avanataje-body{ height: 85%; }
.modul-avanataje-body h4{ padding-top: 80px; font-size: 21px; color: rgba(29,29,31,1); padding-bottom: 15px; }
.modul-avanataje-body h4 a{text-decoration: none; color: rgba(29,29,31,1);}
.modul-avanataje-body h4 a:hover{color: rgba(29,29,31,0.7);}
.modul-avanataje-body p{ font-size: 16px; padding-bottom: 30px;}

.modul-avantaje-footer p{ text-align: right; font-size: 21px;}
.modul-avantaje-footer a{ float: right; padding-bottom: 15px; text-decoration: none; color: rgba(29,29,31,1);}
.modul-avantaje-footer a:hover{color: rgba(29,29,31,0.7); }

/*modul avantaje mobile*/
.modul-avantaje-container-mobile{ background-color: rgba(245,245,247,1); border-radius: 0.75rem;}
.modul-avantaje-container-mobile:hover { box-shadow: 0 0 15px rgba(29,29,31,0.2); }

.modul-avanataje-body-mobile{ height: 100%; padding:30px 15px 15px 15px; }
.modul-avanataje-body-mobile h4{ font-size: 28px; color: rgba(29,29,31,1); padding-bottom: 15px; }
.modul-avanataje-body-mobile h4 a{text-decoration: none; color: rgba(29,29,31,1);}
.modul-avanataje-body-mobile h4 a:hover{color: rgba(29,29,31,0.7);}
.modul-avanataje-body-mobile p{ font-size: 16px;}

.modul-avantaje-footer-mobile{ height: 45px; padding-right: 15px;}
.modul-avantaje-footer-mobile p{ text-align: right; font-size: 21px;}
.modul-avantaje-footer-mobile a{ float: right; padding-bottom: 15px; text-decoration: none; color: rgba(29,29,31,1);}
.modul-avantaje-footer-mobile a:hover{color: rgba(29,29,31,0.7); }



/*modale*/
/* .modal-content{background-color: var(--modal-content);} */
.modal-content{background-color: transparent;
  background-image: linear-gradient(125deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .4) 56%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  box-shadow: inset 1px 1px rgba(255, 255, 255, .2), inset -1px -1px rgba(255, 255, 255, .1), 1px 3px 8px -1px rgba(0, 0, 0, .15);
  border: none;}
/* Make modal backdrop fully transparent */
.modal-backdrop {backdrop-filter: saturate(180%) blur(20px); background-color: transparent;}
.modal-header, .modal-body, .modal-footer{border-bottom: none; padding: 0 }


.modal-content h5{ color: rgb(29,29,31); padding: 30px 0 15px 0;}
.modal-content h3{padding-bottom: 15px; color: rgb(29,29,31); font-size: 42px; font-weight: bold;}
.modal-content p{ padding-bottom: 30px; color: rgb(29,29,31);}
.modal-content a{ text-decoration: none; float: right ;}


.modal-footer{ background-color: rgba(255,255,255,1); border-top: none; }
.modal-content{ border: none;}

/*acordeon*/
.accordion-item{ border-bottom: 1px solid rgba(29,29,3, 0.3 )!important; border-left: none; border-right: none; border-top: none; background-color: transparent;}
.accordion-button{ background-color: transparent; padding: 1rem 0}
.accordion-button:not(.collapsed){ background-color: transparent; color: rgb(29,29,31); font-weight: 600; font-size: 18px; }
.accordion-item:last-of-type .accordion-button.collapsed{ border-radius: 0;}
.accordion-item:last-of-type{ border-radius: 0;}


.accordion-button:not(.collapsed){ box-shadow: none;}
.accordion-body{ padding: 1rem 0;}
.accordion-body .heading{ font-size: 16px; padding: 15px 0; color: rgb(29,29,31);}
.accordion-body .point{ padding: 15px 0 0 30px;}

.accordion-button:focus{ box-shadow: none;}

/*schema functionalitate*/
.modul{ float: left; padding: 0}
.modul .row-modul{ width: 100%;}
.modul .content-modul{ float: left; width: 90%;}
.modul .line-modul{ float: left; width: 10%;}

/*formular de contact ascuns*/
.card{ background-color: transparent; border-radius: 0; border: none; }
.card .heading{font-size: calc(16px + 1.8vw); font-weight: 100;}
.card p{ color: #fff!important;}

.hr-line-text{ border-bottom: 1px solid rgba(255,255,255,1);}
.hr-line-text p{ font-size: 18px; margin: 9px 0 0 0; color: rgba(255,255,255,1); font-weight: bold; }
.form-control{ border-radius: 0; border-bottom: 1px solid rgba(255,255,255,1); color: rgba(255,255,255,1); border-top: none; border-left: none; border-right: none; background-color: transparent; padding-left: 0;}

.section-color .btn-2{background-color:rgb(0,193,207); color:rgb(255,255,255); padding:14px 30px; line-height: 1; text-decoration:none; border-radius:1rem; font-size:21px; box-shadow:0 2px 3px rgba(0,0,0,0.2); text-align: center; border: none;}
.section-color{ background-image: linear-gradient( 115deg,rgb(95, 84, 167),rgba(147,0,255,1),rgba(255,147,30,1)70% ); color: rgba(255,255,255,1);}

.section-grey2{background-color:rgb(242,242,242); padding-top:100px}
.section-grey2 .btn-1{background-color:rgb(0,193,207); color:rgb(255,255,255); padding:14px 30px; text-decoration:none; border-radius:1rem; font-size:21px; box-shadow:0 2px 3px rgba(0,0,0,0.2)}

.header-modul p{ font-weight: bold; text-align: center; color: rgba(246,145,37,1); }
.header-modul p span{ background-color: rgba(255,255,255,1); border-radius: 50%; border: 3px solid rgba(176,31,141,1); padding: 4px 10px; margin-left: 10px; box-shadow: 1px 3px 5px rgba(0,0,50,0.3);}
.header-modul p a{ text-decoration: none; color: rgba(0,0,50,0.9 );}
.header-modul p a:hover{ opacity: 0.8;}
.body-modul1{ border-radius:0.75rem; background-color: rgba(250,250,250,1); border: 1px solid rgba(255,255,255,0.8); box-shadow: 6px 6px 5px rgba(0,0,50,0.2);}
.body-modul2{ border-radius:0.75rem; background-color: rgba(250,250,250,1); border: 1px solid rgba(255,255,255,0.8); box-shadow: 6px 6px 5px rgba(0,0,50,0.2);}

.hr-line{ height: 4px; width: 100%; background-color: rgba(34,25,88,0.2 ); box-shadow: 5px 5px 2px rgba(100,100,100,0.1);}
.vr-line{ width: 4px; height: 100%; background-color: rgba(34,25,88,0.2 ); box-shadow: 5px 5px 2px rgba(100,100,100,0.1);}


/*pagina de contact*/
.contact-form .hr-line-text2{ border-bottom: 1px solid rgba(0,0,50,1 );}
.contact-form .hr-line-text2 p{ font-size: 18px; padding-top: 12px;}
.contact-form .f1{border-bottom: 1px solid rgba(0,0,50,1 ); font-size: 18px; margin-bottom: 15px;}
.contact-form .form-check{ padding-left: 15px;}


.contact-form .btn-1b{ background-color:rgb(3, 113, 225); color:rgb(255,255,255); padding:7px 15px; text-decoration:none; border-radius:2rem; font-size:18px; box-shadow:0 2px 3px rgba(0,0,0,0.2); text-align: center; border: none;}
.contact-form .form-control:focus{ background-color: transparent; border-bottom: 2px solid rgba(0,0,50,1); box-shadow: none; color: rgba(0,0,50,0.7)}

/*phone mobile*/
/* .phone-mobile{ z-index: 1009; position: fixed; bottom: 3%; right: 0; background-color: rgba(255,79,205,1); color: #fff; padding: 5px 0 5px 10px; border-radius: 1rem 0 0 1rem; font-size: 21px; box-shadow: 0 5px 6px 0 rgb(0 0 0 / 30%)   }
.icon-phone-mobile{ float: left; padding-right: 10px; font-size: 21px;}
.icon-phone-mobile a{ cursor: pointer; color:#fff;}
.icon-phone-mobile a:hover{color:#fff; opacity:0.7}
.phone-body-mobile{height: 30px; float: right; min-width: 160px!important; }
.phone-body-mobile a{color:#fff; font-weight: bolder; font-size:16px }
.phone-body-mobile a:hover{color:#fff; opacity:0.8; text-decoration:none} */

/*meniu secundar*/
/**
 * Hidden fallback
 */
[hidden] {display: none; visibility: hidden;}

/*** Styling navigation */
header {margin-right: auto; margin-left: auto; max-width: 22.5rem;}

/*** Styling top level items */
.nav a, .nav label {display: block; color: rgba(29,29,31,1); padding: 15px 0 15px 0; transition: all 0.25s ease-in;}
.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {color: rgba(29,29,31,0.7); }
.nav label {cursor: pointer;}

/*** Styling first level lists items */
.group-list a, .group-list label { padding: 7px 0; margin-left: 15px; color: rgba(29,29,31,0.7); box-shadow: inset 0 -1px rgba(29,29,3, 0.3 ); text-decoration: none;}

/*** Styling second level list items */
.sub-group-list a, .sub-group-list label {padding-left: 4rem;  box-shadow: inset 0 -1px #474747;}

/*** Styling third level list items */
.sub-sub-group-list a, .sub-sub-group-list label {padding-left: 6rem; background: #454545; box-shadow: inset 0 -1px #575757;}
.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover {background: #333333;}

/*** Hide nested lists*/
.group-list, .sub-group-list, .sub-sub-group-list {height: 100%; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out;}
.nav__list input[type=checkbox]:checked + label + ul {/* reset the height when checkbox is checked */ max-height: 1000px;}

/*** Rotating chevron icon */
label > span {float: right; transition: transform 0.65s ease;}
.nav__list input[type=checkbox]:checked + label > span {transform: rotate(90deg);}


/*forms*/
.form-control{ background-color:transparent; border-radius:0; border-bottom:1px solid #fff;  border-top:none; border-left:none; border-right:none;}

.form-mobile .form-control::placeholder {  color: rgba(255,255,255,0.7);}
.form-mobile .form-control:focus{ background-color: transparent; border-bottom: 2px solid rgba(255,255,255,1); box-shadow: none; color: rgba(255,255,255,0.7)}

/*wizard*/
.wizard{ background-color:rgba(242,242,242, 1); box-shadow: 0 2px 3px rgba(0,0,0,0.2); border-radius: 10px;}
.left-wizard-bg{ background-color:rgba(255,255,255,1); border-radius: 10px 0 0 10px; height:100%; background-image: url(../images/background/bg-wizard.png); background-repeat:no-repeat; background-position:center left; background-size: cover; width:100%; }
.right-wizard-bg{ padding:80px 40px;}

.wizard h2 { font-size: 2rem!important; color: rgb(246,145,37)!important; margin-bottom: 6vh;}
.wizard .form-control{ background-color:transparent; border-radius:0; border-bottom:1px solid rgba(0,0,50,1); border-top:none; border-left:none; border-right:none; color: rgba(0,0,50,1)}
.wizard .form-control:focus{ background-color: transparent; border-bottom: 2px solid rgba(0,0,50,1); box-shadow: none; color: rgba(0,0,50,1)}
.wizard h3 {color: rgba(255,255,255,1)!important; font-size: 28px;}

/*newsletter*/
.email-newsletter{ border: 1px solid rgb(95, 84, 167);; font-size: 21px; padding: 8px 25px; border-radius: 1rem 0 0 1rem; width: 400px;}
.btn-newsletter{ border: none; color: rgb(255,255,255); background-color: rgb(95, 84, 167); font-size: 21px; padding: 8px 25px; border-radius: 0 1rem 1rem 0;}


/*footer*/
.footer{  padding-top:40px; padding-bottom: 30px; background-color: rgba(245,245,247,1); }
.footer p{ font-size: 14px; font-weight: 300; }
.footer .copy{ font-style: italic; margin-bottom: 15px;}
.footer .logo{ width:220px; margin:0 0 20px 0}

.footer ul{ padding: 0; margin: 10px 0 0 0;}
.footer ul li{ list-style: none; line-height: 2;}
.footer ul li a{ text-decoration: none;}
.footer ul li a:hover{ text-decoration: none; opacity: 1;}

.footer .gdpr{ background-color: rgb(0,52,154); padding: 0 20px; border-radius: 0.75rem;}

/*text set*/
.text .heading{ font-weight: bold; font-size: 36px; color: rgba(246,145,37,1); line-height: 1.2;}
.text .txt{ font-weight: 300;}
.text .txt-italic{ font-style: italic; font-weight: 500; color:rgb(176,31,141)}
.title-grandient{ background-image: linear-gradient(90deg, rgba(3, 100, 225,1), rgba(255,79,205,1)); background-clip: text; color: transparent; margin: auto;}
.link{ text-decoration: none; color: rgb(3, 113, 225);}

.text-set h4{ margin-top:1vh}
.text-set p{ margin-top:1vh}
.text-set ul{ margin-top:2vh}
.text-set .heading{ font-size:16px; font-weight: 600}
.text-set .heading2{ font-size:18px; font-weight: 600}

/*text set GDPR*/
.set-GDPR{ margin: 10vh 0;}
.set-GDPR .heading1-GDPR{ font-size: 2.2rem!important; font-weight: 100; }
.set-GDPR .heading2-GDPR{ font-size: 1.2rem!important; font-weight: bold; margin-top: 4vh; }
.set-GDPR p{ font-size:16px; margin-top: 1.4vh; font-weight: 300;}
.set-GDPR ul{ margin-top: 1.4vh; padding-left: 30px;}
.set-GDPR li{ list-style: disc;}

/*margin*/
.mt-1{ margin-top:1vh!important}
.mt-2{ margin-top:2vh!important}
.mt-3{ margin-top:3vh!important}
.mt-4{ margin-top:4vh!important}
.mt-5{ margin-top:5vh!important}
.mt-6{ margin-top:6vh!important}
.mt-8{ margin-top:8vh!important}
.mt-10{ margin-top:10vh!important}
.mt-14{ margin-top:14vh!important}
.mt-20{ margin-top:20vh!important}

.mb-2{ margin-bottom: 2vh!important;}
.mb-4{ margin-bottom: 4vh!important;}
.mb-6{ margin-bottom: 6vh!important;}

.btn-1{ background-color:rgba(3, 113, 225, 1); color:rgb(255,255,255); padding:7px 15px; text-decoration:none; border-radius:1rem; font-size:18px; line-height: 3; }
.btn-1:hover{ color:rgb(255,255,255); box-shadow:0 2px 3px rgba(0,0,0,0.2);}

.btn-2{ background-color:rgba(0,193,207,1); color:rgb(255,255,255); padding:12px 40px; text-decoration:none; border-radius:1rem; font-size:18px; box-shadow:0 2px 3px rgba(0,0,0,0.2); line-height: 3; }
.btn-2:hover{background-color:rgba(0,193,207,0.7); color:rgb(255,255,255)}

/*modal cookies*/
.modal{ background-color: rgba(255,255,255,0.4); backdrop-filter: blur(15px) ;}
.modal-contet{ background-color: rgba(15,0,120,1); padding: 30px 0 0 0; position:absolute; bottom:0;}
.modal-contet .text_modal{ padding: 0 ;}
.modal-contet p{ color: #fff; font-size:16px; margin-bottom:2vh}

.text_modal h4{ color: rgba(255,255,255,1); font-size: 21px;}
.butoane{ text-align: end; margin-top: 30px;}
.close2{ background-color: rgb(246,145,37); padding: 8px 20px; border-radius: 0.35rem; }
.bt-cookie{ color: #fff; margin-top: 20px;}



@media screen and (min-width: 360px) {
    h1{ font-size: calc(18px + 4vw); font-weight: 500;}
    h2{ color:rgb(29,29,31); line-height:1.1; font-weight: 300; font-size: calc(18px + 4vw);}
    h3{ color:rgba(110,110,115,1 ); line-height:1.4; font-weight: 100; font-size: calc(18px + 0.2vw);}
    p{ font-size:18px}

    .navbar-nav { display: block; height: 100vh; padding-top: 10vh;}
    .fixed-top{ background-color: rgba(255,255,255,0.5); backdrop-filter: saturate(180%) blur(15px); border-bottom: 1px solid rgba(255,255,255,1); padding: 0 15px; }
    .bg-light{ background-color: transparent!important;}
    .navbar-brand img{ width: 90px;}
    .navbar-light .navbar-toggler{ border: none; padding: 0;}
    .navbar-toggler:focus{ box-shadow: none;}
    .navbar-light .navbar-nav .nav-link{color:rgba(129,129,131,1); padding: 15px 0 0 0; font-size: 21px; text-align: center;}

    .section{ height:100vh; background-color:rgb(255,255,255); padding-top:5vh; }
    .section-white{ padding-top:40px; padding-bottom: 40px; background-color: rgba(255,255,255,1);}
    .section-grey{padding-top:40px; padding-bottom: 40px; background-color:rgb(242,242,242);}

    /*banners*/
    .bg-about-us{background-image: url(/images/banners/banner-2.png); background-repeat:no-repeat; background-position:left 100px bottom; background-size:70vh}
    .bg-about-system{background-image: url(/images/banners/banner-16b.png); background-repeat:no-repeat; background-position:left 128px bottom; background-size:100vh}
    .bg-implementation{background-image: url(/images/banners/banner-18.png); background-repeat:no-repeat; background-position:right -200px bottom; background-size:100vh}
    .bg-development{background-image: url(/images/banners/banner-19.png); background-repeat:no-repeat; background-position:right -350px bottom; background-size:100vh}
    .bg-maintenance{background-image: url(/images/banners/banner-20.png); background-repeat:no-repeat; background-position:right -180px bottom; background-size:100vh}
    .bg-price{background-image: url(/images/banners/banner-6.png); background-repeat:no-repeat; background-position:right -360px bottom; background-size:100vh}

    .banner-left .bg-banner{background-image: url(/images/prezentare/dots-bg.png); padding-top: 40px; padding-bottom: 40px;  background-repeat: no-repeat; background-size: cover; background-position: left;}
    .banner-right .bg-banner{background-image: url(/images/prezentare/dots-bg-left.png); padding-top: 40px; padding-bottom: 40px; background-repeat: no-repeat; background-size: cover; background-position: right;}

    /*carousel*/
    .carousel-item img{ padding: 0 0 40px 0;}
    .carousel-indicators [data-bs-target]{ height: 3px; width: 30px; margin-left: 5px; margin-right: 5px; }

    .recaptcha{ padding-top: 30px;}

    /*pop-up*/
    .modal-content { padding: 50px 30px 30px 15px; border-radius: 1rem; border: none;}
}

@media (min-width:736px) {
    h1{  font-size: calc(18px + 1.8vw); font-weight: 500;}
    h2{ color:rgb(29,29,31); line-height:1; font-weight: 300; font-size: calc(18px + 1vw); text-align: center;}
    h3{ color:rgba(110,110,115,1 ); line-height:1.4; font-weight: 100; font-size: calc(18px + 0.3vw); text-align: center;}
    p{ font-size:18px}

    .section{ height:100vh; background-color:rgb(255,255,255); padding-top:5vh;}
    .section-white{ padding-top:100px; padding-bottom: 100px; background-color: rgba(255,255,255,1);}
    .section-grey{ padding-top:100px; padding-bottom: 100px; background-color:rgb(242,242,242);}

    .navbar-nav { display: block; text-align: right; height: auto; padding-top: 2vh;}
    .nav-item{ display: inline-block;}
    .navbar-brand img{ width: 100px;}
    .navbar-light .navbar-nav .nav-link{ padding: 0 0 0 15px; font-size: 21px;}

    /*banners*/
    .bg-about-us{background-image: url(/images/banners/banner-2.png); background-repeat:no-repeat; background-position:right bottom; background-size:90vh}
    .bg-about-system{background-image: url(/images/banners/banner-16b.png); background-repeat:no-repeat; background-position:right bottom; background-size:90vh}
    .bg-implementation{background-image: url(/images/banners/banner-18.png); background-repeat:no-repeat; background-position:right bottom; background-size:100vh}
    .bg-development{background-image: url(/images/banners/banner-19.png); background-repeat:no-repeat; background-position:right bottom; background-size:100vh}
    .bg-maintenance{background-image: url(/images/banners/banner-20.png); background-repeat:no-repeat; background-position:right bottom; background-size:100vh}
    .bg-price{background-image: url(/images/banners/banner-6.png); background-repeat:no-repeat; background-position:right bottom; background-size:100vh}

    .banner-left .bg-banner{background-image: url(/images/prezentare/dots-bg.png); padding-top: 100px; background-repeat: no-repeat; background-size: contain; background-position: right;}
    .banner-right .bg-banner{background-image: url(/images/prezentare/dots-bg-left.png); padding-top: 100px; background-repeat: no-repeat; background-size: contain; background-position: left;}

    /*carousel*/
    .carousel-item img{ padding: 0 10vh;}
    .carousel-control-next-icon{ background-color: rgba(185,185,187,1); padding: 2px 1px 1px 2px; border-radius: 50%; border: 10px solid rgba(105,105,105,0); }
    .carousel-control-prev-icon{ background-color: rgba(185,185,187,1); padding: 2px 1px 1px 2px; border-radius: 50%; border: 10px solid rgba(105,105,105,0)}
    .carousel-indicators [data-bs-target]{ height: 5px; width: 30px; margin-left: 5px; margin-right: 5px; }

    .recaptcha{ float:left; padding-top: 0px;}
}
@media (min-width:1024px) {
    h1{ font-size: calc(18px + 2.4vw); font-weight: 500;}
    h2{ color:rgb(29,29,31); line-height:1; font-weight: 300; font-size: calc(18px + 1vw); text-align: center;}
    h3{ color:rgba(110,110,115,1 ); line-height:1.4; font-weight: 100; font-size: calc(18px + 0.3vw); text-align: center;}
    p{ font-size:18px}

    .section{ height:100vh; background-color:rgba(255,255,255,1); padding-top:5vh;}
    .section-white{ padding-top:100px; padding-bottom: 100px; background-color: rgba(255,255,255,1);}
    .section-grey{ padding-top:100px; padding-bottom: 100px; background-color:rgb(242,242,242);}

    .navbar-nav { display: block; text-align: right; height: auto; padding-top: 0;}
    .nav-item{ display: inline-block;}
    .navbar-light .navbar-nav .nav-link{ padding: 0 0 0 20px; font-size: 18px;}
    .bg-light{padding-left: 0; padding-right: 0;}

    /*carousel*/
    .carousel-item{ padding: 0;}
    .carousel-control-next, .carousel-control-prev{ width: 7%;}
    .carousel-item img{ padding: 0 20vh;}
    .carousel-control-next-icon{ background-color: rgba(185,185,187,1); padding: 15px 10px 15px 20px; border-radius: 50%; border: 10px solid rgba(105,105,105,0); }
    .carousel-control-prev-icon{ background-color: rgba(185,185,187,1); padding: 15px 10px 15px 20px; border-radius: 50%; border: 10px solid rgba(105,105,105,0)}
    .carousel-indicators [data-bs-target]{ height: 7px; width: 50px; margin-left: 5px; margin-right: 5px; }

    /*pop-up*/
    .modal-content { padding: 50px 80px 80px 80px; border-radius: 1rem; border: none;}
}
@media (min-width:1280px) {
    h1{  font-size: calc(18px + 2.6vw); font-weight: 500;}
    h2{ color:rgb(29,29,31); line-height:1; font-weight: 300; font-size: calc(18px + 1vw); text-align: center;}
    h3{ color:rgba(110,110,115,1 ); line-height:1.4; font-weight: 100; font-size: calc(18px + 0.3vw); text-align: center;}
    p{ font-size:18px}

    .navbar-nav { padding-top: 35px;}
    .fixed-top{ background-color: rgba(255,255,255,0.5); backdrop-filter: saturate(180%) blur(15px); border-bottom: 1px solid rgba(255,255,255,1);}
    .bg-light{ background-color: transparent!important; }
    .navbar-brand img{ width: 140px;}

    
}

/*FORMS*/
/* Input text color */
.form-input {
    color: rgba(0, 0, 50, 0.9);
}

/* Placeholder text color */
.form-input::placeholder {
    color: rgba(0, 0, 50, 0.5);
}

/*Language Switcher*/
.language {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 20px;
}

.language .nav-item {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.language .nav-link2 {
    color: rgba(0, 0, 50, 0.55);
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 8px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.language .nav-link2:hover {
    color: rgba(0, 0, 50, 0.9);
    background-color: rgba(0, 0, 50, 0.05);
}

.language .nav-link2.active {
    color: rgba(246, 145, 37, 1);
    font-weight: bold;
    background-color: rgba(246, 145, 37, 0.1);
}

/* Language switcher responsive styles */
@media screen and (min-width: 360px) {
    .language {
        justify-content: center;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .language .nav-link2 {
        font-size: 18px;
        padding: 8px 12px;
    }
}

@media (min-width: 1024px) {
    .language {
        margin-bottom: 0;
        margin-left: 20px;
    }

    .language .nav-item {
        display: inline-block;
    }
}