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

:root {
  --color-primary: #0f4c81;
  --color-secondary: #2a7ab8;
  --color-accent: #f39c12;
  --color-dark: #1a1a1a;
  --color-light: #f8f9fa;
  --color-text: #333333;
  --color-border: #e0e0e0;
  --color-white: #ffffff;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --transition-base: all 0.3s ease;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
}

html {


    scroll-behavior: smooth;
	}

body {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: var(--color-text);
  background-color: var(--color-white);
   line-height: 1.6;
	font-size: 16px;}

a     {
    text-decoration: none;
    color: inherit;
}

img {
  max-width: 100%;
    height: auto;
	 display: block;
}

button {
	cursor: pointer;
	border: none;
  font-family: inherit;
    font-size  :        inherit;
  transition: var(--transition-base);
}

.navigation_header {
  background: var(--color-white);
  box-shadow: var(--shadow-sm);
   position  :      sticky;
   top: 0;
				 z-index: 1000;
  padding: 1rem 0;
}

.nav_container {
    justify-content: space-between;
   margin:   0 auto;
	display: flex;
  align-items: center;
    max-width: 1200px;
                    padding: 0 2rem;
}

.nav_logo_section     {
	display: flex;
  align-items :  center;
}

.logo_img {
  height: 50px;
    width: auto;
  filter: brightness(0) invert(1);
}

.nav_links
{
   display: flex;
   	list-style: none;
     gap  : 2rem;
}

.nav_link {
	  color: var(--color-text);
    font-weight: 500;
   position    :     relative;
    transition: color 0.3s ease;
}

.nav_link::after    {
  content: '';
  position: absolute;
   bottom: -4px;
  left: 0;
  width: 0;
	height: 2px;
  background: var(--color-primary);
  transition: width 0.3s ease;
}

.nav_link:hover {
  color: var(--color-primary);


}

.nav_link:hover::after{
    width: 100%;
}

.burger_toggle     {
     display: none; 
    background :  none; 
  flex-direction: column; 
  gap: 5px; 
    padding: 5px;
}

.burger_line {
   width: 28px;
	height: 3px;
  background: var(--color-dark);
   border-radius: 2px;
   transition: all 0.3s ease;
}


.hero_section    {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    padding: 80px 2rem;
  color: var(--color-white); 

}

.hero_wrapper {
          max-width    :1200px;
  margin: 0 auto;
   display:      grid;
    grid-template-columns: 1fr 1fr;
  gap  :3rem;
   align-items: center;
}

.hero_content h1   {
    font-size: 3rem;
   line-height:       1.2;
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.hero_subtitle {
   font-size: 1.1rem;
   margin-bottom  :       2rem;
    opacity: 0.95;
    line-height: 1.7;
}



.hero_actions {
    display: flex;
   gap: 1rem;
   flex-wrap: wrap;
}

.btn_primary {
  background: var(--color-accent);
  color: var(--color-white);
    padding: 12px 32px;
  border-radius: var(--radius-md);
   font-weight: 600;
  box-shadow: var(--shadow-md);
}

.btn_primary:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
   background: #e67e22;
}



.btn_secondary {
  background: transparent;
  color: var(--color-white);
    padding: 12px 32px;
  border: 2px solid var(--color-white);
  border-radius: var(--radius-md);
  font-weight: 600;
}

.btn_secondary:hover  {
  background: rgba(255, 255, 255, 0.1);
}

.hero_image img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
   width: 100%;
}

.features_section {
          padding: 80px 2rem; 
	  background: var(--color-light); 
	  max-width  :     1200px; 
	   margin: 0 auto;
}

.features_header {
  text-align: center;
  margin-bottom: 3rem;
}

.features_header h2 {
   font-size: 2.5rem;
   margin-bottom: 1rem;
  color: var(--color-primary);
}

.features_header p {
    font-size     :  1.1rem;
      color: #666;
}

.features_grid {

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;}

.feature_card

{
  background: var(--color-white);
  border-radius: var(--radius-lg);
   overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
 padding: 0;
}

.feature_card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}

.feature_image {

	height: 200px;
    overflow: hidden;


	}

.feature_image img {
    width: 100%;
   height: 100%;
   object-fit: cover;
  transition: transform 0.4s ease;


}

.feature_card:hover .feature_image img {
     transform: scale(1.05);
	}

.feature_card h3 {
  font-size: 1.3rem;
  color: var(--color-primary);
  padding: 1.5rem 1.5rem 0.5rem;
		margin: 0;
}

.feature_card p  {
  color: #666;
    padding: 0.5rem 1.5rem 1.5rem;
  margin: 0;
   font-size: 0.95rem;
}

.seminars_section

{
        padding: 80px 2rem;
    margin: 0 auto;
    max-width: 1200px;
}

.seminars_section h2 
 {


	 font-size: 2.5rem;
     color: var(--color-primary);
       margin-bottom: 3rem;
      text-align   :  center;


	}

.seminars_content {
          display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
} 

.seminar_item {
       display: flex;
    flex-direction: column;
  border-radius: var(--radius-md);
    overflow: hidden;
  background: var(--color-white);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
   cursor: pointer;
}

.seminar_item:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}

.seminar_item img {
   height: 180px;
	object-fit: cover;
    width: 100%;
}

.seminar_info {
   padding: 1.5rem;
    flex-grow: 1;
  display: flex;
   flex-direction: column;
}

.seminar_info h3 {
	  color: var(--color-secondary);
   font-size: 1.15rem;
	 margin-bottom: 0.5rem;}

.seminar_info p {
   color: #666;
   font-size: 0.9rem;
  line-height: 1.5;
}

.new_paradigm_section {
    padding: 60px 2rem;
  background: linear-gradient(to right, #f5f7fa 0%, #f8f9fa 100%); 

}

.paradigm_wrapper 
 {
  max-width: 1200px;
    margin: 0 auto;
  display: grid;
    grid-template-columns: 1fr 1fr;
  gap    :   3rem;
    align-items: center;
}

.paradigm_img {

	  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
      width: 100%;




}

.paradigm_content h2 {
   font-size:    2rem;
  color: var(--color-primary);
  margin-bottom: 1rem;
}

.paradigm_content p
	{
   color: #555;
  margin-bottom: 1rem;
   line-height: 1.8;
}

.sales_conversion_section {

	                    padding :  60px 2rem;
   max-width: 1200px;
    margin: 0 auto;

}

.sales_conversion_card   {
   display: grid;
  grid-template-columns: 1fr 1fr;
  gap  :        2rem;
   align-items: center;
  background: var(--color-light);
  padding: 2rem;
  border-radius: var(--radius-lg);
	
}

.sales_conversion_card img {
  border-radius: var(--radius-md);
  width: 100%;
}

.conversion_text h2 {
    font-size: 1.8rem;
  color: var(--color-primary);
   margin-bottom: 1rem;
}

.conversion_text p {
  color: #666;
  line-height: 1.8;
	
}

.cta_section	{
    padding: 60px 2rem;

  background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);

  color: var(--color-white);

   text-align    :center;
}

.cta_wrapper {
 max-width: 600px;
   margin: 0 auto;
}

.cta_wrapper h2 {
   font-size: 2.2rem;
   margin-bottom: 1rem;


}

.cta_wrapper p {
  font-size: 1.1rem;
   margin-bottom: 2rem;
  opacity: 0.95;
}

.btn_large		{
  background: var(--color-accent);
     color: var(--color-white);
                       padding:   14px 40px;
     border-radius: var(--radius-md);
       font-weight     :600;
      font-size: 1rem;
     box-shadow: var(--shadow-md);
}

.btn_large:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
    background: #e67e22;


}

.contact_section {
    padding     :        80px 2rem;
  background: var(--color-light);


}

.contact_wrapper {
  margin: 0 auto;
    max-width : 600px;


}

.contact_section h2 {
   font-size: 2.2rem;
  color: var(--color-primary);
   margin-bottom     :     0.5rem;
       text-align    : center;
}

.contact_subtitle {
   color: #666;
  text-align    :  center;
	margin-bottom: 2rem;
  font-size    :  1rem;
}

.contact_form {
  background: var(--color-white);
   padding: 2rem;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);

}

.form_row {
  display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
   margin-bottom: 1rem;
}

.form_input, .form_select, .form_textarea {
    padding    : 12px 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: 0.95rem;
  color: var(--color-text);
  background: var(--color-white);
  transition: var(--transition-base);
}

.form_input:focus, .form_select:focus, .form_textarea:focus {
	    outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(15, 76, 129, 0.1);
     }

.form_input.full_width, .form_select.full_width, .form_textarea.full_width {
	   width: 100%;
    margin-bottom: 1rem;
     }

.form_textarea
{
    resize: vertical;
  min-height: 120px;
   font-family: inherit;
}

.btn_submit {
    width: 100%;
   padding: 12px 24px;
  background: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--radius-sm);
	font-weight  :       600;
   font-size: 1rem;
  transition: var(--transition-base);
    cursor: pointer; 

}



.btn_submit:hover {
   background: #0d3a60;
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.footer_section {
     background: var(--color-dark);
  color: var(--color-light);
  padding: 60px 2rem 20px;

}

.footer_container {
	 max-width: 1200px;
         margin :   0 auto;
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   gap: 2rem;
    margin-bottom: 2rem;
}


.footer_column h4     {

	 font-size   :   1.1rem;
      margin-bottom: 1rem;
     color: var(--color-accent);


}

.footer_logo     {
    height: 60px;
	width: auto;
  filter: brightness(0) invert(1);
}

.footer_links {
   list-style: none;
}

.footer_links li {
    margin-bottom: 0.7rem;
	
}

.footer_links a {
    color: #bbb;
    transition: color 0.3s ease;
}

.footer_links a:hover {

	  color: var(--color-accent);
}

.footer_text {
	color: #bbb;
   font-size: 0.95rem;
    line-height: 1.6;
   margin: 0;
}

.phone_text {
                    font-weight: 500;
  color: var(--color-accent);
}

.footer_bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
		padding-top :2rem;
    text-align: center;
    color: #888;
    font-size: 0.9rem;
}@media (max-width: 768px) {
  .nav_links {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--color-white);
    box-shadow: var(--shadow-md);
    padding: 1rem 2rem;
    gap: 0.5rem;
  }

  .nav_links.active {
    display: flex;
  }

  .burger_toggle {
    display: flex;
  }

  .burger_toggle.active .burger_line:nth-child(1) {
    transform: rotate(45deg) translateY(12px);
  }

  .burger_toggle.active .burger_line:nth-child(2) {
    opacity: 0;
  }

  .burger_toggle.active .burger_line:nth-child(3) {
    transform: rotate(-45deg) translateY(-12px);
  }

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

  .hero_content h1 {
    font-size: 2rem;
  }

  .hero_actions {
    flex-direction: column;
  }

  .btn_primary, .btn_secondary {
    width: 100%;
  }

  .features_header h2, .seminars_section h2 {
    font-size: 1.8rem;
  }

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

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

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

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

  .cta_wrapper h2 {
    font-size: 1.6rem;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 14px;
  }

  .hero_content h1 {
    font-size: 1.5rem;
  }

  .hero_subtitle {
    font-size: 1rem;
  }

  .features_grid, .seminars_content {
    grid-template-columns: 1fr;
  }

  .feature_card h3, .seminar_info h3 {
    font-size: 1.1rem;
  }

  .contact_form {
    padding: 1.5rem;
  }

  .paradigm_content h2, .conversion_text h2 {
    font-size: 1.4rem;
  }
}.policySection
{
   padding: 80px 2rem;
	background: #f8f9fa;
}

.policyContainer    {
  max-width: 800px;
	margin: 0 auto;
  text-align: left;
}

.policyContainer h2 {
	font-size     :       2.5rem;
   color: #2c3e50;
   margin-bottom: 1.5rem;
     font-weight: 700;
}

.policyContainer p  {
  color: #7f8c8d;
   margin-bottom: 1.5rem;
    line-height: 1.7;
   font-size: 1.1rem;
}@media (max-width: 768px) {
  .policyContainer h2 {
    font-size: 2rem;
  }

  .policyContainer p {
    font-size: 1rem;
  }

  .policySection {
    padding: 60px 1rem;
  }
}.services_hero {
     background: linear-gradient(135deg, #0f4c81 0%, #2a7ab8 100%); 
  padding: 100px 2rem 80px; 
  color    : #ffffff; 
  text-align: center;

}

.services_hero_content h1 {
   	font-size     :    2.8rem;
    margin-bottom: 1rem;
  font-weight  :     700;
	
     }

.services_hero_content p {
	font-size: 1.2rem;
    opacity: 0.95;
}

.services_overview {
  padding :        80px 2rem; 
  max-width: 1200px; 
	margin: 0 auto;


}

.services_overview_wrapper {
  text-align: center;
}

.services_overview h2 {
  font-size: 2.5rem;
    color: #0f4c81;
   margin-bottom: 3rem;
}

.overview_grid {
      display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2rem;
}

.overview_item {
    padding: 2rem;
  background: #f8f9fa;
   border-radius: 12px;
         text-align: center;
  transition     :     all 0.3s ease;
}

.overview_item:hover {
	background: #e8f0f7;
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(15, 76, 129, 0.15);
}

.overview_number {
    font-size: 2.8rem;
         color     :      #f39c12;
  font-weight: 700;
  margin-bottom: 1rem;
  opacity: 0.8;
}

.overview_item h3
{
   font-size :        1.3rem;
   color: #0f4c81;
  margin-bottom: 0.8rem;
}

.overview_item p {
   color: #666;
   font-size: 0.95rem;
			line-height: 1.6;
}

.detailed_services {
    padding: 80px 2rem;
  max-width: 1200px;
    margin: 0 auto;
}

.detailed_services.alternate {
   background: #f8f9fa;
}

.service_detail  
  {
	display: grid;
    grid-template-columns: 1fr 1fr;
   gap: 3rem;
         align-items: center;
}

.service_detail h2 {
    font-size: 2.2rem;
   color: #0f4c81;
    margin-bottom     :  1.5rem;
}

.service_detail p {
   color: #555;
   line-height: 1.8;
    margin-bottom: 1.5rem;
}

.service_features {
    list-style: none;
    margin: 1.5rem 0;
  padding: 0;
}

.service_features li {
    line-height: 1.6;

	    color    :     #555;

	   padding-left: 28px;

	   margin-bottom: 0.8rem;

	   position: relative;
}

.service_features li::before {
  content: ''; 
        position: absolute; 
  left  :  0; 
    top: 8px; 
  width: 8px; 
  height: 8px; 
   background: #2a7ab8; 
		 border-radius: 50%;
}

.service_duration{
  color    :   #0f4c81;
   font-weight: 600;
      margin-top  :      1.5rem;
      padding-top: 1.5rem;
   border-top: 2px solid #e0e0e0;
}

.detail_image img {
      border-radius :  12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
   width: 100%;

} 

.pricing_section {
    padding: 80px 2rem;
  background: linear-gradient(to bottom, #f8f9fa, #ffffff);
 text-align: center;
}

.pricing_section h2 {
  font-size: 2.5rem;
  color: #0f4c81;
    margin-bottom: 3rem;
        max-width: 1200px;
    margin-left: auto;
	margin-right: auto; 

}

.pricing_grid  
  {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap :       2rem;
    max-width:  1200px;
   margin: 0 auto 2rem;
}

.pricing_card {
   background:       #ffffff;
    border-radius: 16px;
    padding    :  2rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
	 transition: all 0.3s ease;
    border: 2px solid transparent;

} 

.pricing_card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}

.pricing_card.highlighted


{

   border-color: #f39c12;
  box-shadow: 0 8px 32px rgba(243, 156, 18, 0.15);
  transform: scale(1.02);


}

.pricing_card h3 {
  font-size: 1.5rem;
     color: #0f4c81;
   margin-bottom: 1rem;
}  

.price {
   	font-size: 2rem;
    color: #f39c12;
   font-weight: 700;
   margin: 0.5rem 0;
	}

.price_period {

		color: #888; 
	    font-size: 0.95rem; 
	    margin-bottom  :     1.5rem;

}

.pricing_features {
    list-style: none;
  padding: 0;
    margin:      1.5rem 0;
    text-align: left;
}

.pricing_features li {
    color: #666;
  padding-left: 24px;
               margin-bottom: 0.8rem;
    position: relative;
  font-size     :    0.95rem; 
	
}

.pricing_features li::before {
  content: '';
   position: absolute;
  left: 0;
	top: 6px;
   width: 6px;
  height: 6px;
  background: #2a7ab8;
     border-radius   :    50%;
}

.pricing_note {
    color: #888;
	font-size: 0.9rem;
  max-width: 1200px;
    margin: 0 auto;
}

.process_section {
   padding: 80px 2rem;
  max-width: 1200px;
   margin: 0 auto;

}

.process_section h2 {
    font-size: 2.5rem;
      color: #0f4c81;
    text-align: center;
    margin-bottom: 3rem;
}

.process_steps   {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 2rem;
}

.process_step {
  text-align: center;
     padding  :  2rem;
    background: #f8f9fa;
   border-radius: 12px;
  transition   :       all 0.3s ease;
}

.process_step:hover {
  background: #e8f0f7; 
  transform: translateY(-4px);
}

.step_number {
	font-size:  2.5rem;
   color: #f39c12;
    font-weight   : 700;
    margin-bottom: 1rem;
}

.process_step h3 {
    font-size: 1.2rem;
    color: #0f4c81;
	margin-bottom     :       0.8rem;
}

.process_step p {

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

.services_cta     {
  margin-top : 60px;
}

.thankyou_section {
  min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 2rem;
  background: linear-gradient(135deg, #f8f9fa 0%, #e8f0f7 100%); 

}

.thankyou_container {

	   text-align: center;
    max-width: 600px;

}

.thankyou_content {


   background: #ffffff;
  padding     :   3rem 2rem;
    border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);


}

.success_icon {
    color: #2ecc71;
   margin-bottom: 1.5rem;
  display  :       flex;
  justify-content: center;
}

.success_icon svg	{

	  animation: scaleIn 0.5s ease-out;
	} @keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}.thankyou_content h1 {
       font-size    :       2.2rem;
    color: #0f4c81;
    margin-bottom: 1rem;


}

.success_message {


  font-weight: 600;
   color: #2ecc71;
    font-size :        1.1rem;
    margin-bottom: 1rem;
	}

.contact_message {
    margin-bottom: 2rem; 
	    color: #666; 
	  line-height: 1.6;
}

.redirect_info		{
         background  :        #e8f0f7;
   padding: 1rem;
   border-radius: 8px;
    margin:    2rem 0;
    color: #0f4c81;
  font-weight: 500;
}

.redirect_info span {
    font-size: 1.3rem;
    color :       #f39c12;
    font-weight: 700;
}

.action_buttons {
  display: flex;
   gap: 1rem;
    justify-content: center;
	flex-wrap: wrap;
  margin-top: 2rem;
}

.action_buttons a	{
  display: inline-block;
   padding: 12px 28px;
   border-radius: 8px;
   font-weight: 600;
  transition: all 0.3s ease;
  text-decoration  :    none;
}

.action_buttons .btn_primary {
  background: #0f4c81; 
   color: #ffffff; 
  box-shadow: 0 4px 12px rgba(15, 76, 129, 0.2);
}

.action_buttons .btn_primary:hover {
     background: #0d3a60;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(15, 76, 129, 0.3);

}

.action_buttons .btn_secondary {
     background: transparent;
  color: #0f4c81;
    border: 2px solid #0f4c81;
}

.action_buttons .btn_secondary:hover		{
  background: #0f4c81;
   color: #ffffff;
}@media (max-width: 768px) {
  .services_hero_content h1 {
    font-size: 1.8rem;
  }

  .services_hero_content p {
    font-size: 1rem;
  }

  .services_overview h2,
  .process_section h2,
  .pricing_section h2 {
    font-size: 1.8rem;
  }

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

  .service_detail h2 {
    font-size: 1.6rem;
  }

  .overview_grid,
  .pricing_grid,
  .process_steps {
    grid-template-columns: 1fr;
  }

  .pricing_card.highlighted {
    transform: scale(1);
  }

  .action_buttons {
    flex-direction: column;
  }

  .action_buttons a {
    width: 100%;
    text-align: center;
  }

  .thankyou_content {
    padding: 2rem 1.5rem;
  }

  .thankyou_content h1 {
    font-size: 1.6rem;
  }

  .success_message {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .services_hero {
    padding: 60px 1rem 50px;
  }

  .services_overview,
  .detailed_services,
  .pricing_section,
  .process_section {
    padding: 50px 1rem;
  }

  .services_hero_content h1 {
    font-size: 1.4rem;
  }

  .services_hero_content p {
    font-size: 0.9rem;
  }

  .overview_number {
    font-size: 2rem;
  }

  .overview_item h3 {
    font-size: 1.1rem;
  }

  .service_detail h2 {
    font-size: 1.3rem;
  }

  .price {
    font-size: 1.5rem;
  }

  .process_step {
    padding: 1.5rem;
  }

  .step_number {
    font-size: 2rem;
  }
}