:root {
--color-base: #c5c5c5;
--color-dark: #4c5b61;
--color-mid: #829191;
--color-light: #949b96;
--color-accent: #2c423f;
--spacing-sm: 1rem;
--spacing-md: 2rem;
--spacing-lg: 4rem;
}

* {
    margin: 0;
  padding: 0;
   box-sizing: border-box;
}

body {
  font-family: 'Segoe UI', Tahoma, sans-serif;
  color: var(--color-dark);
    line-height: 1.6;
  background: #fafafa;
}

.syn-mentum-top {
    background: white;
  box-shadow: 0 2px 12px rgba(76,91,97,0.08);
  position: sticky;
          top: 0;
   z-index: 1000;
    padding: 1.2rem 0;
}

.vor-task-inner {
  max-width: 1320px;
	margin: 0 auto;
    padding: 0 24px;
    display: flex;
  justify-content: center;
   align-items: center;
}

.zel-flow-logo a {
	    display: block;}

.zel-flow-logo img {
   height: 42px;
   width: auto;
  filter: brightness(0);

}

.jyn-drop-first {
   padding: 5rem 24px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.tor-mentum-grid {
   max-width: 1320px;
                    margin: 0 auto;
    display: grid;
  grid-template-columns: 1.1fr 0.9fr;
    gap: 4rem;
  align-items: center;
}

.syn-task-content h1 {
   font-size: 3.2rem;
  line-height: 1.15;
  color: var(--color-accent);
    margin-bottom: 1.5rem;
   font-weight: 800;
}

.syn-task-content p {
    font-size: 1.15rem;
    color: #5a6c73;
  margin-bottom: 2.5rem;
    line-height: 1.7;
}

.vor-project-visual img {
   width: 100%;
  height: auto;
   border-radius: 12px;
  box-shadow: 0 20px 60px rgba(44,66,63,0.15);
}

.zel-vance-bottom {
  background: var(--color-dark);
  color: #d1d9db;
  padding: 3.5rem 24px 1.5rem;
}

.kyn-drop-columns {
   max-width: 1320px;
  margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 3rem;
    margin-bottom: 2.5rem;
}

.rax-mentum-info h3 {
  color: white;
    font-size: 1.5rem;
               margin-bottom: 1rem;
}

.rax-mentum-info p {


   font-size: 0.95rem;
    line-height: 1.6;
       color: #b8c3c6;
     }

.syn-vance-footlogo     {
    height: 38px;
   width: auto;
  filter: brightness(0) invert(1);
   margin-bottom: 1rem;
}

.jyn-task-contact


{
  margin-top: 1.5rem;
}

.jyn-task-contact p {
  margin-bottom: 0.7rem;
   font-size: 0.9rem;
   color: #b8c3c6;
}

.tor-flow-links h4 {
  color: white;
   font-size: 1.1rem;
  margin-bottom: 1.2rem;
}

.tor-flow-links a {
    display: block;
    color: #b8c3c6;
  text-decoration: none;
	margin-bottom: 0.8rem;
    font-size: 0.9rem;
    transition: color 0.2s;
}

.tor-flow-links a:hover {
  color: white;
}

.syn-project-bottom {
   max-width: 1320px;
    margin: 0 auto;
         padding-top: 2rem;
    border-top: 1px solid #5a6a70;
   text-align: center;
}

.syn-project-bottom p {
       font-size: 0.85rem;
   color:    #92a1a5;
}@media (max-width: 968px) {
.tor-mentum-grid{
grid-template-columns: 1fr;
gap: 2.5rem;
}

.syn-task-content h1 {
font-size: 2.4rem;
}

.kyn-drop-columns {
grid-template-columns: 1fr;
gap: 2rem;
}
}

@media (max-width: 640px) {
.syn-task-content h1{
font-size: 2rem;
}

.jyn-drop-first {
padding: 3rem 20px;
}
}.kyn-task-advantages {
   padding: 5rem 24px;
   background: white;
}

.jyn-vance-wrap {
   max-width: 1320px;
  margin   :0 auto;
  margin-bottom: 3.5rem;
}

.syn-mentum-head h2 {
  font-size: 2.8rem;
    font-weight: 800;
   color: #2c423f;
    margin-bottom: 1rem;
  text-align: center;
}

.syn-mentum-head p {
  font-size: 1.1rem;

  color : #5a6c73;

  text-align: center;

  max-width: 720px;

   margin: 0 auto;
}

.tor-drop-cards {
   max-width: 1320px;
  margin: 0 auto;
   display: grid;
  grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.rax-flow-card {

	  background: linear-gradient(135deg,#e8eced 0%,#d4d9db 100%);
  border-radius: 12px;
    padding: 3rem 2rem;
    text-align: center;
  text-decoration   :    none;
    transition: all 0.3s ease;
  position: relative;
   overflow: hidden;
     }

.rax-flow-card:before {

	  content: "";
    position: absolute;
  top: 0;
    left: 0;
   right: 0;
   bottom: 0;
  background: #2c423f;
    opacity: 0.08;
 transition: opacity 0.3s;

}

.rax-flow-card .zel-project-icon {
	 font-size    :    72px;
    color: #2c423f;
    display: block;
  margin-bottom: 1.5rem;
    transition: transform 0.3s;
    position :     relative;
  z-index: 1;
}

.rax-flow-card h3 {
  font-size: 1.4rem;
   font-weight:      700;
  color: #2c423f;
  margin: 0;
    position: relative;
   z-index: 1;
}

.rax-flow-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 35px rgba(44,66,63,0.18);
}

.rax-flow-card:hover:before {

   opacity: 0.15;
}

.rax-flow-card:hover .zel-project-icon {
  transform: scale(1.08);
}@media (max-width: 968px) {
.tor-drop-cards{
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}

.syn-mentum-head h2 {
font-size: 2.2rem;
}
}

@media (max-width: 640px) {
.tor-drop-cards{
grid-template-columns: 1fr;
}

.kyn-task-advantages{
padding: 3.5rem 20px;
}

.syn-mentum-head h2 {
font-size: 1.9rem;
}
}.about-story-section {

	   padding: 120px 24px;
    overflow: hidden;
  background: #fff; 
	


}

.container {
  margin: 0 auto;
   width: 100%;
   max-width: 1320px;
}

.row {
   display: flex;
    flex-wrap: wrap;
  margin-right: -15px;
   margin-left: -15px;
}

.story_wrapper .col-lg-6 {
   vertical-align: middle;
    align-self: center;
	flex: 0 0 50%;
    max-width: 50%;
   padding-right: 15px;
    padding-left    :       15px;
} 

.story_content {
   max-width: 390px;
}

.story_content h2 {
    margin-bottom: 30px;
    font-weight: 700;
  line-height  :     54px;
    font-size: 48px;
  color: #2c423f;
}

.story_content p {
	 margin-bottom: 25px;
  line-height: 26px;
   font-size: 16px;
    font-weight: normal;
   color: #5a6c73;
}

.story_content .main_button {
    margin-top: 25px;
	padding: 0px 30px;
  background: #2c423f;
    z-index   :  2;
    display: inline-block;
               transition: all 400ms linear;
   text-align: center;
  color :    #fff;
    font-size     :        13px;
  font-weight: 600;
   line-height: 48px;
   border: 1px solid #2c423f;
    border-radius    :  5px;
  text-decoration: none;
}

.story_content .main_button:hover {
   background: transparent;
   color: #2c423f;
}

.story_image {
  position: relative;
    padding-top: 80px;
  padding-bottom: 80px;
}

.story_image:before {
  content: "";
   background: #e8eced;
  position: absolute;
  right: -290px;
    top: 0px;
  max-width: 650px;
    width: 100%;
	height: 100%;
  z-index: -1;
}

.story_image img {
  max-width: 100%;
  height: auto;
   border-radius: 8px;
}

.img-fluid {
    max-width: 100%;
  height: auto;
}

.story_wrapper.story_wrapper_alt .story_image {
     order: 1;

}

.story_wrapper.story_wrapper_alt .story_content {

	order: 2;


}

.story_wrapper.story_wrapper_alt .story_image:before {
    left: -290px;
    right: auto;
}@media (max-width: 991px) {
    .story_wrapper .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .story_content {
        max-width: 100%;
        margin-bottom: 40px;
    }
    
    .story_image:before {
        display: none;
    }
    
    .story_wrapper.story_wrapper_alt .story_image,
    .story_wrapper.story_wrapper_alt .story_content {
        order: unset;
    }
    
    .about-story-section {
        padding: 80px 24px;
    }
}.syn-drop-services {
   padding: 6rem 24px;
   background: #fafafa;
}

.vor-mentum-wrap {
    max-width : 1320px;
  margin :       0 auto;
}

.zel-task-header {

  text-align: center;
  margin-bottom: 4rem;
	}

.zel-task-header h2 {
  font-size: 2.8rem;
    font-weight: 800;
    color: #2c423f;
   margin-bottom: 1rem;
}

.zel-task-header p {
    font-size: 1.1rem;
   color: #5a6c73;
   max-width: 680px;
   margin: 0 auto;
}

.kyn-flow-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
    gap: 3rem;
       margin-bottom: 5rem;
}

.rax-project-card {
   background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(76,91,97,0.08);
  transition: transform 0.3s,box-shadow 0.3s;
}

.rax-project-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(44,66,63,0.15);
}

.jyn-vance-image {
    width: 100%;
	height: 280px;
  overflow: hidden;
}

.jyn-vance-image img {
   width   :100%;
    height: 100%;
    object-fit: cover;
					transition: transform 0.4s;
}

.rax-project-card:hover .jyn-vance-image img {
  transform: scale(1.05);
}

.tor-task-content {
    padding: 2.5rem;
}

.tor-task-content h3 {
    font-size: 1.8rem;
   font-weight: 700;
	 color: #2c423f;
    margin-bottom: 1rem;
}

.tor-task-content > p {
  font-size: 1rem;
  color: #5a6c73;
   line-height: 1.7;
   margin-bottom: 2rem;
}  

.syn-flow-prices {
    display: flex;
    flex-direction: column;
    gap: 1rem;
               padding-top: 1.5rem;
   border-top: 2px solid #e8eced;
}

.vor-drop-price {
 display: flex;
  justify-content: space-between;
  align-items: center;
}

.zel-mentum-label {
   font-size: 0.95rem;
   font-weight: 500;
   color: #6b7c83;
}

.kyn-task-amount {
    font-size: 1.1rem;
  font-weight: 700;
  color: #2c423f;
}

.rax-vance-cta {
  background: linear-gradient(135deg,#2c423f 0%,#4c5b61 100%);
  border-radius: 12px;
   padding: 3.5rem 2.5rem;
    text-align: center;
}

.rax-vance-cta h3 {
  font-size: 2rem;
    font-weight: 700;
  color: white;
    margin-bottom: 1rem;
}

.rax-vance-cta p {
    font-size: 1.05rem;
   color: #d1d9db;
   max-width: 620px;
   margin: 0 auto 2rem;
  line-height :1.6;
}



.jyn-project-button


{
   display: inline-block;
   padding: 1rem 3rem;
    background: white;
   color  :     #2c423f;
    font-size: 1rem;
    font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
   transition: all 0.3s;
}

.jyn-project-button:hover {
   background: #e8eced;
  transform: translateY(-2px);
}@media (max-width:968px) {
.kyn-flow-grid{
grid-template-columns: 1fr;
gap: 2rem;
}

.zel-task-header h2{
font-size: 2.2rem;
}

.syn-drop-services {
padding: 4rem 20px;
}

.rax-vance-cta {
padding: 2.5rem 1.5rem;
}

.rax-vance-cta h3 {
font-size: 1.6rem;
}
}

@media (max-width:640px) {
.jyn-vance-image {
height: 220px;
}

.tor-task-content {
padding: 1.8rem;
}

.zel-task-header h2 {
font-size: 1.9rem;
}
}.tor-vance-process {
  padding: 5.5rem 24px;
  background: white;
   position: relative;
   overflow  :       hidden;
}

.tor-vance-process:before {
  content: '';
    position: absolute;
    width: 600px;
  height: 600px;
  background: radial-gradient(circle,rgba(130,145,145,0.12) 0%,transparent 70%);
  top: -200px;
  right: -150px;
   border-radius: 50%;
}

.syn-drop-wrap {
    max-width: 1320px;
         margin: 0 auto;
   position: relative;
  z-index: 1;
}

.zel-mentum-intro {
   margin-bottom: 4.5rem;
  text-align: left;
    max-width: 580px;
}

.zel-mentum-intro h2  
  {
   font-size: 3rem;
   font-weight: 800;
   color: #2c423f;
    margin-bottom: 1rem;
    line-height: 1.1;
}

.zel-mentum-intro p {
   font-size: 1.15rem;
  color: #5a6c73;
}

.kyn-task-flow {
  grid-template-columns: repeat(4,1fr);
  gap: 2rem;
    display: grid;
  position: relative;
}

.kyn-task-flow:after {
	  content: '';
	position: absolute;
  top: 85px;
    left: 12%;
  right: 12%;
    height: 3px;
  background: linear-gradient(90deg,#e8eced 0%,#829191 50%,#e8eced 100%);
       z-index: -1;}

.rax-flow-step	{
   background     :        #fafafa;
    padding: 2.5rem 1.8rem;
  border-radius: 8px;
  position: relative;
       transition   :       all 0.35s ease;
  border: 2px solid transparent;
}

.rax-flow-step:hover {
    background: white;
  border-color: #829191;
  transform: scale(1.02);
  box-shadow: 0 8px 30px rgba(76,91,97,0.12);
}

.jyn-project-num {
   position: absolute;
  top: -18px;
    right: 20px;
    font-size: 4rem;
  font-weight: 900;
    color: #e8eced;
    line-height: 1;
}

.vor-task-ico {
    font-size: 52px;
  color: #2c423f;
  display: block;
    margin-bottom: 1.5rem;
}

.rax-flow-step h3 {
  font-size    :   1.4rem;
    font-weight: 700;
   color: #2c423f;
  margin-bottom: 0.9rem; 
	
}

.rax-flow-step p {
   font-size: 0.95rem;
                    color: #6b7c83;
   line-height: 1.6;
   margin: 0;
}@media (max-width:1100px){
.kyn-task-flow{
grid-template-columns:repeat(2,1fr);
gap:2.5rem;
}

.kyn-task-flow:after{
display:none;
}

.zel-mentum-intro h2 {
font-size:2.4rem;
}
}

@media (max-width:640px){
.kyn-task-flow {
grid-template-columns:1fr;
gap:2rem;
}

.tor-vance-process {
padding:4rem 20px;
}

.zel-mentum-intro{
margin-bottom:3rem;
}

.zel-mentum-intro h2{
font-size:2rem;
}

.rax-flow-step{
padding:2rem 1.5rem;
}

.jyn-project-num {
font-size:3rem;
top:-12px;
right:15px;
}
}.vor-drop-quote {
   position: relative;
  padding: 7rem 24px;
  background-image: url('../flowassets/bgbg.webp');
	background-size: cover;
   background-position: center;
   background-attachment: fixed;
  overflow: hidden;
}

.syn-vance-overlay {
   position: absolute;
   top: 0;
          left: 0;
   width: 100%;
   height: 100%;
  background: rgba(44,66,63,0.82);
   z-index: 1;
}

.zel-task-inner {
  position: relative;
    z-index: 2;
   max-width: 920px;
  margin: 0 auto;
    text-align: center;
}

.kyn-mentum-avatar {
  width: 110px;
  height: 110px;
    margin: 0 auto 2.5rem;
    border-radius: 50%;
    overflow: hidden;
  border: 4px solid rgba(255,255,255,0.3);
  box-shadow: 0 8px 30px rgba(0,0,0,0.3);
}

.kyn-mentum-avatar img {
       width: 100%;
    height: 100%;
    object-fit: cover;
}

.rax-flow-text {
    margin :      0 0 2rem;
}

.rax-flow-text p {
    font-size: 1.6rem;
   line-height: 1.75;
   color: white;
   font-weight: 400;
    font-style: italic;
   margin: 0;
  position: relative;
}

.rax-flow-text p:before {

  content: '"';
    font-size: 5rem;
   position: absolute;
   left: -40px;
	top: -20px;
  color: rgba(255,255,255,0.2);
    font-family: Georgia, serif;
	}

.jyn-project-author {
   display: flex;
    flex-direction: column;
	gap: 0.4rem;
  margin-bottom: 3rem;
}

.tor-task-name {
    font-size: 1.3rem;
   font-weight  :    700;
    color: white;
}

.syn-drop-role {

	    font-size: 1rem;
  color: rgba(255,255,255,0.7);


}

.vor-mentum-motivation {
  padding-top: 2.5rem;
  border-top: 2px solid rgba(255,255,255,0.2);
}

.vor-mentum-motivation p {
   color: #ffffff;
   font-weight: 600;
   margin: 0;
  font-size: 1.4rem;
  letter-spacing: 0.5px;
}@media (max-width: 768px) {
.vor-drop-quote {
padding: 5rem 20px;
background-attachment: scroll;
}

.rax-flow-text p {
font-size: 1.3rem;
}

.rax-flow-text p:before {
font-size: 3.5rem;
left: -20px;
top: -15px;
}

.kyn-mentum-avatar {
width: 90px;
height: 90px;
margin-bottom: 2rem;
}

.vor-mentum-motivation p {
font-size: 1.2rem;
}
}

@media (max-width: 640px) {
.rax-flow-text p {
font-size: 1.15rem;
line-height: 1.65;
}

.tor-task-name {
font-size: 1.15rem;
}

.vor-mentum-motivation p {
font-size: 1.1rem;
}
}.syn-task-cookies {

  position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  background: #2c423f;
     padding: 1.2rem 24px;
  display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 2rem;
  z-index: 9999;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
  transform: translateY(100%);
     transition: transform 0.4s ease;
	}

.syn-task-cookies.show {

  transform: translateY(0);
     }

.vor-flow-content {
    display  :flex;
  align-items: center;
    gap: 1.5rem;
    flex    :        1;
}

.vor-flow-content p {
   margin: 0;
   color: #d1d9db;
   font-size: 0.95rem;
  line-height: 1.5;
}

.vor-flow-content a {


    color: #ffffff;
  text-decoration: underline;
  font-size: 0.9rem;
    white-space: nowrap;

}

.vor-flow-content a:hover {
    color: #949b96;
}

.zel-drop-actions {
    display: flex;
  gap: 0.8rem;
}

.kyn-vance-accept {
    background: #ffffff;
    color: #2c423f;
   border: none;
  padding: 0.7rem 2rem;
   font-size: 0.95rem;
   font-weight: 600;
   border-radius: 5px;
   cursor: pointer;
   transition: all 0.3s;
  white-space: nowrap;
}

.kyn-vance-accept:hover {
    background: #e8eced;
}@media (max-width:768px){
.syn-task-cookies{
flex-direction:column;
align-items:stretch;
padding:1.5rem 20px;
gap:1.2rem;
}

.vor-flow-content{
flex-direction:column;
align-items:flex-start;
gap:0.8rem;
}

.zel-drop-actions{
width:100%;
}

.kyn-vance-accept{
width:100%;
padding:0.9rem;
}
}.jyn-vance-legal {
    padding: 4.5rem 24px;
    background: #fafafa;
}

.tor-project-legalwrap {
    max-width: 920px;
    margin: 0 auto;
   padding: 0;
}

.tor-project-legalwrap h1 {
  font-size: 2.6rem;
   font-weight    :     800;
    color: #2c423f;
  margin-bottom: 0.8rem;
   line-height: 1.2;
}

.tor-project-legalwrap h2 {
   font-size: 1.7rem;
    font-weight: 700;
    color: #4c5b61;
   margin-top: 2.8rem;
    margin-bottom: 1.2rem;
}

.tor-project-legalwrap h3 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #5a6c73;
   margin-top: 2rem;
   margin-bottom: 0.9rem;
}

.tor-project-legalwrap p {
   font-size: 1rem;
    line-height: 1.75;
   color: #5a6c73;
   margin-bottom: 1.3rem;
}

.tor-project-legalwrap p:first-of-type {
    color: #829191;
  font-size: 0.95rem;
   margin-bottom: 2.5rem;
}@media (max-width: 768px){
.jyn-vance-legal{
padding: 3rem 20px;
}

.tor-project-legalwrap h1 {
font-size: 2.1rem;
}

.tor-project-legalwrap h2 {
font-size: 1.5rem;
margin-top: 2.2rem;
}
}.kyn-drop-blogspace {
   padding: 6.5rem 24px;
  background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);
   min-height: 58vh;
}

.rax-vance-blogwrap {
    max-width: 980px;
  margin: 0 auto;
}

.syn-task-bloghead {
  margin-bottom: 0;
}

.syn-task-bloghead h1 {
    font-size  :    3.4rem;
	font-weight: 800;
    color: #2c423f;
    margin-bottom: 1rem;
	 line-height: 1.1;
}

.syn-task-bloghead p {
   font-size   :       1.2rem;
   	color     :    #5a6c73;
      line-height: 1.6;
}
@media (max-width:768px){
.kyn-drop-blogspace {
padding:4.5rem 20px;
}

.syn-task-bloghead h1{
font-size:2.5rem;
}
}.kyn-drop-faqspace {
   padding: 5.5rem 24px;
	 background    :        #fafafa;
}

.rax-vance-faqwrap {
                    max-width: 880px;
   margin: 0 auto;
}

.syn-task-faqhead {
    margin-bottom: 3.8rem;
}

.syn-task-faqhead h1  
  {


   font-size: 3.2rem;
   font-weight: 800;
   color: #2c423f;
  margin-bottom: 0.9rem;
    line-height: 1.15;

}


.syn-task-faqhead p {
  font-size: 1.15rem;
  color: #5a6c73;
}

.jyn-flow-chatbox {
   background: white;
   border-radius: 10px;
   padding: 2.5rem;
  box-shadow: 0 3px 18px rgba(76,91,97,0.09);
   margin-bottom: 2.5rem;
}

.zel-project-question {
   background: #e8eced;
  padding: 1.2rem 1.6rem;
    border-radius: 18px 18px 18px 4px;
    margin-bottom: 1.5rem;
   max-width: 82%;
}

.zel-project-question p {
  font-size: 1.05rem;
  color: #2c423f;
  font-weight: 600;
   margin: 0;
    line-height: 1.5;
}

.tor-mentum-answer {
   background: #2c423f;
    padding: 1.3rem 1.7rem;
  border-radius: 18px 18px 4px 18px;
    margin-bottom: 2.8rem;
  margin-left: auto;
   max-width: 85%;
}  

.tor-mentum-answer p {
  font-size: 1rem;
   color: #e8eced;
    margin: 0;
   line-height: 1.7;
}

.tor-mentum-answer:last-child {
   margin-bottom: 0;
}

.syn-vance-faqcontact {
  text-align: center;
    padding: 2rem 1.5rem;
    background: #f8f9fa;
   border-radius: 8px;
}

.syn-vance-faqcontact p {
  color: #5a6c73;
  margin     :        0;
  font-size: 1.05rem;
}

.syn-vance-faqcontact a {
  color: #2c423f;
	font-weight: 600;
   text-decoration: none;
    border-bottom: 2px solid #829191;
   transition: border-color 0.2s;
}

.syn-vance-faqcontact a:hover {
  border-bottom-color: #2c423f;
}@media (max-width:768px){
.kyn-drop-faqspace {
padding:4rem 20px;
}

.syn-task-faqhead h1{
font-size:2.4rem;
}

.syn-task-faqhead{
margin-bottom:2.8rem;
}

.jyn-flow-chatbox{
padding:1.8rem 1.3rem;
}

.zel-project-question{
max-width:90%;
padding:1rem 1.3rem;
}

.tor-mentum-answer{
max-width:92%;
padding:1.1rem 1.4rem;
margin-bottom:2.2rem;
}

.zel-project-question p{
font-size:1rem;
}

.tor-mentum-answer p {
font-size:0.95rem;
}
}.kyn-drop-pricespace {
    padding: 6rem 24px;
    background: #fafafa;
}

.rax-vance-pricewrap {
  max-width: 1020px;
  margin: 0 auto;
}

.syn-task-pricehead {
  margin-bottom: 4rem;
}

.syn-task-pricehead h1 {
      font-size: 3.4rem;
     font-weight: 800;
   color: #2c423f;
 margin-bottom: 0.6rem;
    line-height: 1.1;
}

.syn-task-pricehead p {
    font-size: 1.05rem;
	color: #829191;
}

.jyn-flow-pricetable {
  margin-bottom: 2.5rem;
}

.zel-project-priceitem {
         justify-content: space-between;
  align-items: center;
	padding    :2rem 2.5rem;
   transition: border-color 0.25s;
  display: flex;
    border-left     : 3px solid #e8eced;
   background :     white;
  margin-bottom: 1rem;
}

.zel-project-priceitem:hover {
  border-left-color: #829191;
}

.tor-mentum-leftside h3 {
   font-size: 1.3rem;
	 font-weight: 700;
   color: #2c423f;
    margin-bottom: 0.5rem;
}

.tor-mentum-leftside p {
  font-size: 0.95rem;
  color: #6b7c83;
    margin: 0;
  line-height: 1.5;
  max-width: 580px;
}

.kyn-task-rightside {
		flex-shrink: 0;
}

.rax-flow-amount {
    font-size: 1.2rem;
  font-weight: 700;
   color: #4c5b61;
    white-space: nowrap;
}

.vor-drop-infonote {
  background: #f8f9fa;
    padding: 1.3rem 2rem;
   border-left: 3px solid #829191;
   margin-bottom: 3.5rem;
}

.vor-drop-infonote p {
   font-size: 0.92rem;
   color: #5a6c73;
  margin: 0;
}

.jyn-task-contactblock	{
    background: #4c5b61;
   padding: 3.5rem 3rem;
    text-align: center;
}

.jyn-task-contactblock h2 {
    font-size: 2.1rem;
  font-weight: 700;
   color: white;
    margin-bottom: 1rem;
}

.jyn-task-contactblock p {
      font-size: 1.05rem;
   color: #d1d9db;
  margin-bottom: 2rem;
}

.zel-mentum-linkbutton {
    display : inline-block;
    padding: 1rem 3.5rem;
  background: white;
   color: #2c423f;
   font-size: 1.05rem;
   font-weight: 600;
  text-decoration: none;
    transition: background 0.25s;
}

.zel-mentum-linkbutton:hover {
   background: #e8eced;
}@media (max-width:968px){
.zel-project-priceitem{
flex-direction:column;
align-items:flex-start;
padding:1.8rem 2rem;
gap:1.2rem;
}

.kyn-task-rightside{
width:100%;
}

.rax-flow-amount{
display:block;
padding-top:0.8rem;
border-top:1px solid #e8eced;
}

.syn-task-pricehead h1{
font-size:2.6rem;
}

.kyn-drop-pricespace{
padding:4.5rem 20px;
}

.jyn-task-contactblock{
padding:2.8rem 2rem;
}

.jyn-task-contactblock h2{
font-size:1.8rem;
}
}

@media (max-width:640px){
.syn-task-pricehead h1{
font-size:2.3rem;
}

.zel-project-priceitem{
padding:1.5rem 1.5rem;
}

.tor-mentum-leftside h3{
font-size:1.2rem;
}

.vor-drop-infonote{
padding:1.1rem 1.5rem;
}
}.kyn-drop-testimspace {
   padding     :      5.5rem 24px;
  background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);
}

.rax-vance-testimwrap {
  max-width: 1220px;
   margin: 0 auto;
	}

.syn-task-testimhead {
    margin-bottom: 4rem;
    text-align: center;

}

.syn-task-testimhead h1 {
  font-size: 3.2rem;
  font-weight: 800;
   color: #2c423f;
   margin-bottom: 0.9rem;
  line-height: 1.15;
}

.syn-task-testimhead p {
   font-size: 1.15rem;
  color: #5a6c73;
}

.jyn-flow-testimgrid {
    display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 2.5rem;
}

.zel-project-testimcard {
   background: white;
  padding: 2.3rem 2rem;
  border-radius: 10px;
  box-shadow: 0 3px 18px rgba(76,91,97,0.08);
   display: flex;
  flex-direction: column;
    gap: 1.5rem;
   transition: transform 0.3s,box-shadow 0.3s;
}

.zel-project-testimcard:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(44,66,63,0.14);
}

.tor-mentum-stars {
    display: flex;
  gap: 0.3rem;
}

.tor-mentum-stars .material-icons {
    font-size: 22px;
    color: #f4a261;
}


.tor-mentum-stars .star-empty {
   color    :  #d4d9db;
}

.kyn-task-testimtext {
  font-size: 1.02rem;
    line-height: 1.7;
  color: #5a6c73;
    margin: 0;
  flex-grow: 1;
}

.rax-flow-autor {
  display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding-top: 1rem;
    border-top: 2px solid #e8eced;
}

.syn-vance-name {
   font-size: 1.05rem;
   font-weight: 700;
   color: #2c423f;
}

.jyn-drop-position {
  font-size: 0.92rem;
   color: #829191;
}@media (max-width:968px){
.jyn-flow-testimgrid{
grid-template-columns:1fr;
gap:2rem;
}

.syn-task-testimhead h1{
font-size:2.5rem;
}

.kyn-drop-testimspace{
padding:4rem 20px;
}
}

@media (max-width:640px){
.syn-task-testimhead h1{
font-size:2.2rem;
}

.syn-task-testimhead{
margin-bottom:2.8rem;
}

.zel-project-testimcard{
padding:1.8rem 1.5rem;
gap:1.2rem;
}

.kyn-task-testimtext{
font-size:0.98rem;
}
}.kyn-drop-contactspace {
    padding: 5.5rem 24px;
  background   :        #fafafa;
}

.rax-vance-contactwrap 
 {
    max-width: 920px;
   margin: 0 auto;
}

.syn-task-contacthead {
    margin-bottom: 3.5rem;
}

.syn-task-contacthead h1    {
   font-size: 3.4rem; 
	  font-weight: 800; 
	    color: #2c423f; 
	       margin-bottom: 0.8rem; 
	    line-height: 1.1;
}

.syn-task-contacthead p {
   font-size: 1.1rem;
  color: #5a6c73;
}

.jyn-flow-contactinfo {
   display: grid;
  grid-template-columns: repeat(3,1fr);
    gap: 2rem;
  margin-bottom     : 4rem;
}

.zel-project-infobox {
    text-align: center;
}

.tor-mentum-infoicon {
  font-size: 52px; 
	  color: #2c423f; 
	   display: block; 
	                    margin-bottom: 1rem;
}

.zel-project-infobox p {
   font-size: 1rem;
  color: #5a6c73;
    line-height:     1.6;
    margin: 0;
}

.zel-project-infobox a {
  color: #2c423f;
  text-decoration: none;
  font-weight: 600;
}

.zel-project-infobox a:hover {
   text-decoration: underline;
}

.syn-vance-formwrap {
    background: white;
  padding  :     3rem 2.8rem;
}

.syn-vance-formwrap h2 {
   font-size: 1.8rem;
    font-weight: 700;
   color: #2c423f;
  margin-bottom: 2rem;
}

.kyn-task-contactform    {
    display: flex;
      flex-direction: column;
   gap:   1.5rem;
}

.rax-flow-formrow {
   display: grid;
  grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.jyn-project-formfield {
    display: flex;
    flex-direction: column;
}

.jyn-project-formfield label {
  font-size: 0.95rem;
       font-weight: 600;
     color: #2c423f;
       margin-bottom: 0.5rem;
}

.jyn-project-formfield input,
.jyn-project-formfield textarea {
   padding: 0.9rem 1.2rem;
  border: 2px solid #d4d9db;
   background: #fafafa;
  font-size: 1rem;
  color: #2c423f;
  font-family: 'Segoe UI',Tahoma,sans-serif;
    transition: border-color 0.2s;
}

.jyn-project-formfield input:focus,
.jyn-project-formfield textarea:focus {
    outline: none;
  border-color: #829191;
    background: white;
}

.jyn-project-formfield textarea {
  resize: vertical;

	  min-height     :       120px;
}

.zel-mentum-submitbtn {
   padding: 1rem 2.5rem;
  background: #2c423f;
    color: white;
    font-size: 1.05rem;
   font-weight: 600;
    border: none;
   cursor: pointer;
   transition: background 0.25s;
    align-self: flex-start;
}

.zel-mentum-submitbtn:hover  
  {
  background: #4c5b61;
}

.vor-drop-thankyou {
		 position: fixed;
    top: 0;
          left: 0;
    width: 100%;
  height: 100%;
  background: rgba(44,66,63,0.85);
  display: none;
    align-items: center;
	justify-content: center;
   z-index: 9999;
     }

.syn-task-thankyoubox {
  background: white;
    padding: 3rem 2.5rem;
  max-width: 480px;
   text-align: center;
}

.tor-vance-checkicon {
    font-size: 72px;
    color: #829191;
   display: block;
   margin-bottom: 1.5rem;
}

.syn-task-thankyoubox h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #2c423f;
   margin-bottom: 1rem;
}

.syn-task-thankyoubox p {
	font-size: 1.05rem;
    color: #5a6c73;
  margin-bottom: 2rem;
    line-height: 1.6;
}

.kyn-flow-closemodal {
    padding: 0.9rem 2.5rem;
   background: #2c423f;
  color: white;
   font-size     :        1rem;
   font-weight: 600;
   border: none;
   cursor: pointer;
   transition: background 0.25s;
}

.kyn-flow-closemodal:hover {
  background: #4c5b61;
}@media (max-width:768px){
.jyn-flow-contactinfo{
grid-template-columns:1fr;
gap:2.5rem;
}

.rax-flow-formrow{
grid-template-columns:1fr;
}

.syn-task-contacthead h1{
font-size:2.6rem;
}

.kyn-drop-contactspace{
padding:4rem 20px;
}

.syn-vance-formwrap{
padding:2.2rem 1.8rem;
}

.zel-mentum-submitbtn{
width:100%;
}

.syn-task-thankyoubox{
margin:0 20px;
padding:2.5rem 2rem;
}

.tor-vance-checkicon{
font-size:58px;
}
}

@media (max-width:640px){
.syn-task-contacthead h1{
font-size:2.3rem;
}

.tor-mentum-infoicon{
font-size:42px;
}
}.kyn-drop-aboutspace {
  padding: 5.5rem 24px;
  background:       #fafafa;
}

.rax-vance-aboutwrap {
   max-width: 1120px;
          margin: 0 auto;
}

.syn-task-abouthead {
   margin-bottom: 3.5rem;
}

.syn-task-abouthead h1 {
      font-size: 3.4rem;
   font-weight: 800;
  color: #2c423f;
    line-height: 1.1;
}

.jyn-flow-aboutgrid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 4rem;
    align-items: start;
}

.zel-project-abouttext h2 {
  font-size: 2rem;
                    font-weight: 700;
    color: #4c5b61;
   margin-bottom: 1.5rem;
}

.zel-project-abouttext p {
    font-size: 1.05rem;
    line-height: 1.75;
  color: #5a6c73;
   margin-bottom: 1.5rem;
}

.zel-project-abouttext p:last-child    {
   margin-bottom: 0;
}

.tor-mentum-aboutimage img {
    width: 100%;
  height: auto;
   display: block;
}@media (max-width:968px){
.jyn-flow-aboutgrid{
grid-template-columns:1fr;
gap:2.5rem;
}

.syn-task-abouthead h1{
font-size:2.6rem;
}

.kyn-drop-aboutspace{
padding:4rem 20px;
}

.zel-project-abouttext h2{
font-size:1.8rem;
}
}

@media (max-width:640px){
.syn-task-abouthead h1{
font-size:2.3rem;
}

.zel-project-abouttext p{
font-size:1rem;
}
}.kyn-drop-servicespace {
   padding: 5.5rem 24px;
  background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);
}

.rax-vance-servicewrap {
                    max-width: 1120px;
  margin: 0 auto;
}

.syn-task-servicehead {
   text-align: center;
    margin-bottom: 0;
}

.syn-task-servicehead h1 {
  font-size: 3.4rem;
   font-weight: 800;
   color: #2c423f;
  margin-bottom: 0.8rem;
    line-height: 1.1;
}

.syn-task-servicehead p {
   font-size: 1.15rem;
  color: #5a6c73;
}@media (max-width:768px){
.kyn-drop-servicespace {
padding:4rem 20px;
}

.syn-task-servicehead h1{
font-size:2.6rem;
}
}

@media (max-width:640px){
.syn-task-servicehead h1{
font-size:2.3rem;
}
}