:root {
    --sol-manage: #6153CC;
    --top-course: #613DC1;
    --reaz-the: #424B54;
    --mar-soluti: #000000;
    --fin-phase: #ffffff;
}

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



body {
  font-family: 'Rubik', sans-serif;
  line-height: 1.6;
  color: var(--reaz-the);
}

a {
	text-decoration: none;
}

a:hover
{
    text-decoration: none;
}

.header-area.main-header  {
   padding: 12px 0;
   background: #fff;
  border-radius: 5px;
  margin: 0 3%;
	 position: relative;
  z-index: 999;
  box-shadow: 0 2px 15px rgba(0,0,0,0.08);
}

.nav-flex {
   display: flex;
   justify-content:     space-between;
  align-items: center;
    position: relative;
}

.logo-area img {
    width: auto;
   height    :       42px; 
	
}

.nav-toggle {
  display: none;
    flex-direction: column;
   cursor: pointer;
  background: var(--sol-manage);
    padding: 8px;
	border-radius: 4px;
    transition: all 0.3s ease;
	
}

.nav-toggle:hover {
  background: var(--top-course);
}

.nav-toggle span  {


   width: 24px;
    height: 2px;
  background: #fff;
	margin: 2px 0;
   transition   :   0.3s ease;
         border-radius: 1px;
	}

.nav-toggle.active span:nth-child(1) {
  transform: rotate(-45deg) translate(-5px, 6px);
}

.nav-toggle.active span:nth-child(2) {
    opacity: 0;
}

.nav-toggle.active span:nth-child(3) {
  transform: rotate(45deg) translate(-5px, -6px);
} 

.main-menu ul {
    display: flex;
    list-style: none;
  align-items   :     center;
	margin: 0;
   padding: 0;
}  

.main-menu ul li {
   position: relative;
    margin: 0 8px;
}

.main-menu ul li a {
   color: #222;
  font-family: "Roboto", sans-serif;
         text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
  padding: 12px 16px;
  display: block;
                    transition: 0.3s ease;
    border-radius   :3px;
}

.main-menu ul li a:hover {

  color: var(--sol-manage);
  background: rgba(97, 83, 204, 0.05); 
	

}

.main-menu ul li.active a     {
     color: var(--sol-manage);
  background: rgba(97, 83, 204, 0.1);
	}

.main-menu ul li.dropdown:hover .sub-menu {
  opacity: 1;
      visibility: visible;
  top: 100%;
}

.main-menu ul li .sub-menu {

	   position: absolute;
  top: 120%;
    left    :0;
    background: #f5f5f5;
  min-width   :  200px;
	 opacity: 0;
  visibility: hidden;
    transition: 0.3s;
  z-index: 1000;
   border-radius: 3px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);}

.main-menu ul li .sub-menu li {
    display: block;
               margin: 0;
}

.main-menu ul li .sub-menu li a {

	    padding    :    10px 20px;
  border-bottom: 1px solid #ddd;

}

.main-menu ul li .sub-menu li:last-child a {
     border-bottom: none;


}

.template-btn {
    color: #fff !important;
  background: var(--sol-manage);
  font-family: "Rubik", sans-serif;
    text-transform: uppercase;
  font-size: 13px;
    font-weight: 600;
  border: 2px solid var(--sol-manage);
   display: inline-block;
  padding: 12px 22px !important;
  border-radius: 4px;
   transition: all 0.3s ease;
  box-shadow: 0 3px 8px rgba(97, 83, 204, 0.2);
}

.template-btn:hover {
  color: var(--sol-manage) !important;
   background: transparent;
  border: 2px solid var(--sol-manage);
  transform: translateY(-1px);
  box-shadow: 0 5px 15px rgba(97, 83, 204, 0.3);

}@media (max-width: 768px) {
    .header-area.main-header {
        margin: 0 2%;
        padding: 8px 0;
    }
    
    .nav-toggle {
        display: flex;
    }
    
    .main-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-15px);
        transition: all 0.3s ease;
        margin-top: 8px;
    }
    
    .main-menu.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    
    .main-menu ul {
        flex-direction: column;
        padding: 15px 0;
    }
    
    .main-menu ul li {
        margin: 0;
        width: 100%;
    }
    
    .main-menu ul li a {
        padding: 12px 25px;
        border-bottom: 1px solid #f0f0f0;
        font-size: 14px;
    }
    
    .main-menu ul li:last-child a {
        border-bottom: none;
    }
    
    .main-menu ul li.menu-btn {
        margin: 8px 25px 0;
    }
    
    .main-menu ul li.menu-btn a {
        border: none;
        text-align: center;
        border-radius: 4px;
        background: var(--sol-manage);
        color: #fff !important;
    }
}.banner-area {
   padding: 120px 0 100px;
   position: relative;
}

.banner-bg {
    background-color: #b0b0b0;
  background-image: url("../assetimg/sociale.webp"), linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.9) 100%);
    background-repeat: no-repeat;
       background-position: center;
    background-size     :      cover;
    background-blend-mode: overlay;
}

.banner-content {
    display: flex;
  justify-content: flex-end;
    align-items: center;
    min-height: 400px;
}

.banner-text {
   text-align: center;
    max-width :       600px;
    padding: 0 20px;
}

h1 {
          color: #fff;
     text-transform:     uppercase;
  font-family: "Roboto", sans-serif;
    font-size   :42px !important;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px;
}

h2 {
	    color: #fff;
  font-family: "Roboto", sans-serif;
   text-transform:  uppercase;
    font-size: 28px !important;
  font-weight: 600;
	margin-bottom    :      30px;

}

.banner-btn {
    margin-top: 30px;


}

.banner-btn .template-btn:hover {
    color: #fff !important;
}@media (max-width: 768px) {
    .banner-area {
        padding: 80px 0 60px;
    }
    
    h1 {
        font-size: 32px !important;
    }
    
    h2 {
        font-size: 22px !important;
    }
    
    .banner-content {
        justify-content: center;
        min-height: 300px;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 28px !important;
    }
    
    h2 {
        font-size: 18px !important;
    }
}.footer {
          overflow: hidden;
    background: #292929;
    padding: 50px 0 20px;
}

.footer-content {
   display: grid;
  grid-template-columns: 1.2fr 0.8fr 1fr 0.8fr;
   gap: 40px;
   margin-bottom: 30px;
}

.footer-col .footer-logo-area img {
   height: 38px;
		margin-bottom: 18px;
	  filter: brightness(0) invert(1);
}

.footer .ftco-footer-widget h2 {

		font-weight: 600;
   color: #fff;
 margin-bottom     :       20px;
    font-size: 17px;
  font-family: "Rubik", sans-serif;


}

.footer .ftco-footer-widget ul li a {
  color: rgba(255, 255, 255, 0.8);
  transition: 0.3s ease;
    font-size: 14px;
}

.footer .ftco-footer-widget ul li a:hover {
  color: var(--sol-manage);
}

.footer p {
  color: rgba(255, 255, 255, 0.75);
   line-height: 1.6;
   font-size: 14px;
}

.footer a {
  color: rgba(255, 255, 255, 0.75);
  transition: 0.3s ease;
} 

.footer a:hover {
        color: #fff;
}

.footer .opening-hours h4


{
  color: #999;
   text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom :        8px;
   font-size: 12px;
}

.mar-social {
    margin-top: 18px;
}

.mar-social a {
    display: inline-block;
  width     :        38px;
               height  :     38px;
  background: var(--sol-manage);
    color: #fff;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
     margin-right: 8px;
   transition: all 0.3s ease;
  font-size: 16px;
}

.mar-social a:hover {
  background: var(--top-course);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(97, 83, 204, 0.4);
}

.block-23 ul {
  padding: 0;
    list-style: none;
}

.block-23 ul li {
  display: flex;
	align-items  :  flex-start;
          margin-bottom: 12px;
}

.block-23 ul li .icon
	{
    width: 18px;
  font-size: 14px;
  color: var(--sol-manage);
  margin-right: 12px;
   margin-top: 2px;
}

.block-23 ul li .text {
  color: rgba(255, 255, 255, 0.8);
   flex: 1;
	font-size :    14px;
}

.footer-bottom {
	border-top: 1px solid #404040;
   padding-top: 18px;

}

.footer-bottom p {
  margin: 0;
   text-align: center;
  color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
}

.container


{
	  max-width: 1200px;
  margin: 0 auto;
    padding: 0 15px;
}

.mb-3 {
   margin-bottom: 1rem;
}

.mb-4 {
	  margin-bottom: 1.5rem;
     }

.mr-3 {
    margin-right: 1rem;
}

.pl-3 {
    padding-left: 1rem;
}

.py-1 {

  padding-top: 0.25rem;
    padding-bottom: 0.25rem;}

.d-block {
      display :  block !important;
}

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

.list-unstyled{
   padding-left: 0;
    list-style    : none;

}@media (max-width: 768px) {
    .footer-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .container {
        padding: 0 18px;
    }
    
    .header-area.main-header {
        margin: 0 2%;
    }
}.site-section {
  padding: 7em 0;
}

.site-section.darken-bg {
    background: #1a1a1a;
	 position: relative;
}

.site-section.darken-bg:before {
  content: "";
    position   :        absolute;
    left: 0;
    top: 0;
                    width: 100px;
  height    :  4px;
  background: var(--sol-manage);
}

.site-section .heading {
   text-transform: uppercase;
        font-size:4rem;
    margin-bottom: 1em;
  font-family: "Roboto",sans-serif;
   font-weight: 700;
}@media (max-width: 991.98px){
  .site-section .heading{
    font-size: 2.5rem;
  }
}.text-white {
  color: #fff !important;
}

.text-uppercase {
    text-transform: uppercase;
}

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

.w-50 {
   width: 50% !important;
}

.rounded {
   border-radius: 0.25rem;
}

.mb-5 {
    margin-bottom: 3rem;
}

.mt-5 {
   margin-top: 3rem;
}

.ul-check {
   margin-bottom: 50px;
}

.ul-check li		{

	   position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
    line-height: 1.5;
  color: rgba(255,255,255,0.85);
   font-size   :       15px;
}

.ul-check li:before {
    left: 0;
    font-size: 20px;
  top: -.3rem;
  font-family: 'Font Awesome 6 Free';
  content: "\f00c";
   position: absolute;
	font-weight: 900;
}

.ul-check.success li:before {
  color: var(--sol-manage);
}

.list-unstyled {
          padding-left: 0;
               list-style: none;
}

.d-block {
                    display: block;
}

.d-md-flex {
    display:     flex;
}@media (min-width:768px) {
  .d-md-flex{
    display:flex;
  }
}.mr-md-auto {
   margin-right: auto;
}

.mr-2 {
  margin-right: 0.5rem;
}

.site-section .container {
  width: 100%;
    padding-right     :        15px;
	 padding-left  :      15px;
  margin-right     :        auto;
  margin-left: auto;
	 max-width     :       1200px;
}

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

.site-section .col-md-8 {
    position: relative;
    width: 100%;
   padding-right   :15px;
   padding-left: 15px;
}@media (min-width: 768px){
  .site-section .col-md-8{
    flex:0 0 66.666667%;
    max-width: 66.666667%;
  }
}.site-section .justify-content-center {
   	justify-content: center;

}

.site-section h2.text-white {
	  font-family: "Roboto", sans-serif;
  font-weight: 600;
   font-size: 2.2rem;
    margin-bottom: 1.5rem;

}

.site-section h3.text-white {
  font-family: "Roboto", sans-serif;
 font-weight   : 600;
   font-size: 1.8rem;
	}

.site-section p {
  color: rgba(255, 255, 255, 0.8);
   line-height: 1.7;
   font-size: 1rem;
   margin-bottom    :   1.5rem;
}@media (max-width:768px) {
  .site-section{
    padding: 4em 0;
  }
  
  .site-section .w-50{
    width: 80% !important;
  }
  
  .site-section .d-md-flex {
    display:block;
  }
  
  .site-section .mr-md-auto{
    margin-right: 0;
    margin-bottom:2rem;
  }
}.pricing-social {
    padding: 80px 0;
   background   :      #f5f5f5;
}

.top-course {
   text-align: center;
   margin-bottom: 60px;

}

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

.span-phase h2 {
    font-size: 2.5rem;
  color: var(--sol-manage);
       margin-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.span-phase p {
    font-size: 1.1rem;
  color: var(--reaz-the);
  line-height: 1.6;
}

.fin-phase {

	    display: flex;
	flex-wrap: wrap;
	 gap: 30px;
  justify-content   :center;


}

.lex-social {
   flex: 1;
  min-width: 300px;
   max-width: 350px;
}

.mar-soluti {
   background: #fff;
   padding: 30px;
    border-radius: 8px;
   text-align     :center;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    height: 100%;
  transition: transform 0.3s ease;
}

.mar-soluti:hover {
  transform: translateY(-5px);
}

.course-image {
    width   :     100%;
    height:   180px;
    object-fit: cover;
    border-radius     :  6px;
  margin-bottom   :        20px;
}

.mar-soluti h3 {


    font-size :   1.5rem;
  color: #000;
  margin-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;

}

.price {


    margin-bottom: 30px;
	}

.price span {
    color: #999;
  font-size: 14px;
}

.price span span {
   font-size: 2.5rem;
  color: var(--sol-manage);
   font-weight: 700;
   display: block;
}

.mar-soluti ul  
  {
    list-style: none;
       padding: 0;
     margin-bottom: 30px;
     text-align: left;


}

.mar-soluti ul li {
    padding: 8px 0;
    position: relative;
   padding-left: 25px;
	font-size: 15px;
  color: var(--reaz-the);
} 

.mar-soluti ul li:before {


  content: "✓";
    position     :   absolute;
  left: 0;
  color: var(--sol-manage);
               font-weight: bold;}

.mar-soluti ul li.remove:before  
  {
  content: "✗";
    color: #e74c3c;
}

.mar-soluti ul li.remove {
	   color: #999;
   text-decoration: line-through;
}

.course-btn {

  background: var(--reaz-the);
                    color: #fff;
    padding: 12px 25px;
    border-radius     :        5px;
  font-family: "Rubik", sans-serif;
   font-weight: 600;
  font-size: 14px;
          text-transform:uppercase;
   transition :     all 0.3s ease;
   display: inline-block;
  border: 2px solid var(--reaz-the);
     }

.course-btn:hover {
  background: transparent;
  color: var(--reaz-the);
  transform: translateY(-2px);
}

.course-btn-primary {
  background: var(--sol-manage);
  border-color: var(--sol-manage);
}

.course-btn-primary:hover {
  background: transparent;
  color: var(--sol-manage);
}@media (max-width:768px) {
    .pricing-social{
        padding: 50px 0;
    }
    
    .span-phase h2{
        font-size: 2rem;
    }
    
    .fin-phase {
        flex-direction:column;
        align-items: center;
    }
    
    .lex-social{
        max-width: 100%;
        margin-bottom: 20px;
    }
    
    .course-image{
        height: 150px;
    }
}.cta-area 
 {
    padding: 120px 0;
   position: relative;


}

.cta-bg {
  background-image: url("../assetimg/smm.webp");
	    background-repeat: no-repeat;
	   background-position: center;
	    background-size: cover;
	         position: relative;
}

.cta-bg:before


{

	  content: "";
  position: absolute;
   top: 0;
   left: 0;
   right: 0;
    bottom: 0;
  background: rgba(0, 0, 0, 0.88);
         z-index: 1;


}

.cta-area .container {
   position: relative;
    z-index   :   2;
}


.cta-text{
   text-align: center;
}

.cta-title {
  color  :#fff;
  font-family: "Roboto", sans-serif;
    font-size: 3rem;
  font-weight: 700;
     text-transform: uppercase;
    margin-bottom  :     20px;
               line-height: 1.2;
}

.cta-description {
  color: rgba(255, 255, 255, 0.9);

	  font-size: 1.2rem;

	   line-height: 1.6;

	   margin-bottom    :   40px;

	  max-width    :      600px;

	  margin-left:      auto;

	  margin-right: auto;
}

.cta-btn {
   margin-top:  30px;
}

.cta-btn .template-btn {
  background: var(--sol-manage);
 color: #fff;
  font-size: 16px;
    padding: 15px 35px;
   font-weight: 600;
  text-transform: uppercase;
  border: 2px solid var(--sol-manage);
   transition :   all 0.3s ease;
}

.cta-btn .template-btn:hover {

	background: transparent;
	 color: #fff;
  border: 2px solid #fff;
  transform: translateY(-2px);
}

.cta-area .row

{
   display: flex;
        flex-wrap: wrap;
 margin: 0 -15px;
}

.cta-area .col-xl-8 {
   flex: 0 0 66.666%;
    max-width: 66.666%;
  padding   :    0 15px;
}

.cta-area .offset-xl-2 {
  margin-left: 16.666%;
}@media (max-width: 768px) {
    .cta-area {
        padding: 80px 0;
    }
    
    .cta-title {
        font-size: 2.2rem;
    }
    
    .cta-description {
        font-size: 1.1rem;
    }
    
    .cta-area .col-xl-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .cta-area .offset-xl-2 {
        margin-left: 0;
    }
}.lex-soluti {
   padding: 80px 0;
  background: #f8f9fa;
}

.lex-soluti .container {
  max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 15px;
}

.reaz-phase {
	   margin-bottom: 60px;
   text-align: center;
   margin-right   :       auto;
   margin-left: auto;
  max-width: 700px;
	}

.span-soluti {
  font-size: 2.5rem;
  color: var(--sol-manage);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
   text-transform: uppercase;
    margin-bottom: 20px;
}

.top-course {
  font-size: 1.1rem;
  color: var(--reaz-the);
  line-height  :   1.6; 

}

.fin-course {
   display: flex;
	 gap: 40px;
  justify-content: center;
    flex-wrap     :      wrap;
  margin-bottom     :        50px;
}

.mar-social {
   flex: 1;
   min-width: 280px;
  max-width: 350px;
    text-align  :   center;
   padding: 30px 20px;
   background :#fff;
    border-radius     :  8px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}

.mar-social:hover {
  transform: translateY(-5px);
}

.sol-soluti
	{
   width: 80px;
 height: 80px;
  background: var(--sol-manage);
               border-radius: 50%;
    display: flex;
   align-items: center;
   justify-content   :center;
  margin     :  0 auto 25px;
  transition: all 0.3s ease;
}

.sol-soluti:hover {
  background: var(--top-course);
  transform: scale(1.05);
}

.sol-soluti i     {
  font-size: 2rem;
   color: #fff;
     }

.top-phase {
    font-size: 1.5rem;
  color: var(--reaz-the);
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  margin-bottom :    15px;
  text-transform: uppercase;
}

.span-phase {
  color: var(--reaz-the);
    font-size:        15px;
	 line-height     :      1.6;
}

.reaz-social {
   text-align: center;
}

.reaz-social .template-btn {
  background: var(--sol-manage);
    color: #fff;
    padding: 15px 35px;
   font-size: 16px;
  font-weight   :     600;
   text-transform: uppercase;
  border: 2px solid var(--sol-manage);
  border-radius:    4px;
                    transition: all 0.3s ease;
          display: inline-block;
  font-family: "Rubik", sans-serif;
}

.reaz-social .template-btn:hover
	{
    background    :     transparent;
  color: var(--sol-manage);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(97, 83, 204, 0.3);
}  @media (max-width: 768px) {
    .lex-soluti {
        padding: 50px 0;
    }
    
    .span-soluti {
        font-size: 2rem;
    }
    
    .fin-course {
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }
    
    .mar-social {
        max-width: 100%;
    }
    
    .sol-soluti {
        width: 70px;
        height: 70px;
    }
    
    .sol-soluti i {
        font-size: 1.7rem;
    }
}.top-soluti


{
  padding: 80px 0;
	background   :     #fff; 
	
}

.top-soluti .container {
    max-width: 1200px;

    margin: 0 auto;

   padding: 0 15px;
}

.fin-the {
   display: flex;
      align-items:  center;
   gap    :        60px;
}

.mar-manage {
  flex: 1;
   max-width :   500px;
}

.lex-course {
   font-size: 2.5rem;
  color: var(--sol-manage);
  font-family: "Roboto", sans-serif;
   font-weight: 700;
  text-transform: uppercase;
    margin-bottom: 20px;
               line-height: 1.2;
}

.span-manage {
  color: var(--reaz-the);
   font-size: 1.1rem;
	line-height: 1.6;
   margin-bottom: 30px;
}

.reaz-soluti .template-btn {
  background: var(--sol-manage);
	color: #fff;
    padding: 15px 35px;
    font-size: 16px;
   font-weight: 600;
    text-transform: uppercase;
  border: 2px solid var(--sol-manage);
    border-radius: 4px;
  transition: all 0.3s ease;
                    display :       inline-block;
  font-family: "Rubik", sans-serif;
}

.reaz-soluti .template-btn:hover {
        background:       transparent;
  color: var(--sol-manage);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(97, 83, 204, 0.3); 
	
}

.sol-manage {
      flex: 1;
    text-align: right;
     }

.top-the {


  max-width: 100%;
  height  :     300px;
    object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
   transition: transform 0.3s ease;
	}



.top-the:hover{
  transform: scale(1.02);
}@media (max-width: 768px) {
    .top-soluti {
        padding: 50px 0;
    }
    
    .fin-the {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }
    
    .lex-course {
        font-size: 2rem;
    }
    
    .sol-manage {
        text-align: center;
    }
    
    .top-the {
        height: 250px;
        width: 100%;
    }
}.mar-cookies {

	position: fixed;
  bottom: 0;
    left: 0;
  right: 0;
  background: var(--reaz-the);
       color: #fff;
    padding: 20px 0;
    z-index: 9999;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
  transform: translateY(100%);
   transition: transform 0.3s ease;
}

.mar-cookies.show {
  transform: translateY(0);
}

.top-cookies {
   max-width: 1200px;
    margin: 0 auto;
  padding: 0 15px;
   display: flex;
  align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.reaz-cookies {
  color: rgba(255, 255, 255, 0.9);
   font-size: 14px;
          line-height: 1.5;
  margin  : 0;
	flex: 1;
}

.lex-cookies {
    display     :        flex;
	  gap  :    15px;
	 align-items   :    center;
}

.span-cookies {
  color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
   text-decoration: underline;
  transition: color 0.3s ease;
}

.span-cookies:hover {
  color: #fff; 
	
}  

.fin-cookies {
  background: var(--sol-manage);
	   color: #fff;
		border: none;
	   padding: 8px 20px;
	    font-size: 13px;
	    font-weight:   600;
	   text-transform: uppercase;
	  border-radius   :       4px;
	  cursor: pointer;
			 transition: all 0.3s ease;
	  font-family: "Rubik", sans-serif;
}

.fin-cookies:hover {
  background: var(--top-course);

	  transform: translateY(-1px); 
	
}
@media (max-width: 768px) {
    .top-cookies {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .reaz-cookies {
        font-size: 13px;
    }
    
    .lex-cookies {
        justify-content: center;
    }
}.sol-phase, .reaz-manage, .fin-soluti {
  padding: 80px 0;
   background: #f8f9fa;
}

.sol-phase .container, .reaz-manage .container, .fin-soluti .container {
   max-width: 800px;
   margin: 0 auto;
  padding: 0 20px;
}

.sol-phase h1, .reaz-manage h1, .fin-soluti h1 {
	  color: var(--sol-manage);
   font-size: 2.5rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase; 

	}

.sol-phase h2, .reaz-manage h2, .fin-soluti h2 {
   color: #000;
    font-size: 1.8rem;
  font-family: "Roboto", sans-serif;
   font-weight: 600;
    margin: 40px 0 20px;
    line-height: 1.3;
}



.sol-phase h3, .reaz-manage h3, .fin-soluti h3 {
  color: var(--top-course);
         font-size: 1.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  margin: 30px 0 15px;

}

.sol-phase p, .reaz-manage p, .fin-soluti p     {
  color: var(--reaz-the);
   font-size: 15px;
    line-height: 1.7;
   margin-bottom: 20px;
    text-align: left;
}@media (max-width: 768px) {
    .sol-phase, .reaz-manage, .fin-soluti {
        padding: 50px 0;
    }
    
    .sol-phase h1, .reaz-manage h1, .fin-soluti h1 {
        font-size: 2rem;
    }
    
    .sol-phase h2, .reaz-manage h2, .fin-soluti h2 {
        font-size: 1.5rem;
    }
    
    .sol-phase .container, .reaz-manage .container, .fin-soluti .container {
        padding: 0 15px;
    }
}.fin-roadmap {

    padding: 80px 0;
   background: #f8f9fa;

}

.fin-roadmap .container {
    max-width: 1200px;
    margin: 0 auto;
   padding: 0 15px;

}

.span-roadmap {
   text-align: center;
    margin-bottom: 60px;
   max-width: 700px;
   margin-left: auto;
  margin-right: auto;
}

.mar-roadmap {
 font-size: 2.5rem;
  color: var(--sol-manage);
  font-family: "Roboto", sans-serif;
	font-weight: 700;
    text-transform:      uppercase;
     margin-bottom:    20px;
}

.top-roadmap {
      font-size :       1.1rem;
  color: var(--reaz-the);
    line-height: 1.6;
}

.lex-roadmap {
    display: flex;
    flex-direction: column;
  gap   :       30px;
    max-width: 800px;
    margin    :        0 auto;
}

.sol-roadmap {
	display: flex;
                    align-items: flex-start;
	gap: 25px;
   background: #fff;
    padding: 30px;
    border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
}

.sol-roadmap:hover {

	  transform: translateX(10px);
} 

.reaz-roadmap {
  width: 60px;
  height: 60px;
  background: var(--sol-manage);
    border-radius  :     50%;
    display: flex;
   align-items: center;
  justify-content: center;
   flex-shrink: 0;
}

.step-number {
    color: #fff;
   font-size: 1.5rem;
  font-weight :700;
  font-family: "Roboto", sans-serif;
}

.step-title{
  font-size  :1.3rem;
     color: var(--reaz-the);
     font-family: "Roboto", sans-serif;
     font-weight: 600;
           margin-bottom: 10px;
     text-transform: uppercase;


}

.step-desc {
  color: var(--reaz-the);
      font-size: 15px;
   	line-height: 1.6;
      margin: 0;


}

.sol-roadmap:nth-child(even) {
               flex-direction: row-reverse;
}

.sol-roadmap:nth-child(even):hover {

	  transform: translateX(-10px);

}

.sol-roadmap:nth-child(even) .reaz-roadmap {
  background: var(--top-course);
}@media (max-width: 768px) {
    .fin-roadmap {
        padding: 50px 0;
    }
    
    .mar-roadmap {
        font-size: 2rem;
    }
    
    .sol-roadmap {
        flex-direction: column !important;
        text-align: center;
        gap: 20px;
    }
    
    .sol-roadmap:hover,
    .sol-roadmap:nth-child(even):hover {
        transform: translateY(-5px);
    }
    
    .reaz-roadmap {
        width: 50px;
        height: 50px;
        margin: 0 auto;
    }
    
    .step-number {
        font-size: 1.3rem;
    }
}.top-manage  
  {
                    padding: 80px 0;

	  background: #f8f9fa;
}

.top-manage .container {
   max-width: 800px;
    margin: 0 auto;
   padding: 0 20px;
   text-align: center;
}

.top-manage h1 {
  color: var(--sol-manage);
  font-size: 2.5rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
   margin-bottom :   30px;
   text-transform: uppercase;
}

.top-manage p {
  color: var(--reaz-the);
	font-size: 18px;
        line-height  :   1.6;
  margin-bottom: 20px;
}@media (max-width: 768px) {
    .top-manage {
        padding: 50px 0;
    }
    
    .top-manage h1 {
        font-size: 2rem;
    }
    
    .top-manage .container {
        padding: 0 15px;
    }
}.reaz-social {


        padding    :   2.7em 0;
     }@media (min-width: 768px) {
    .reaz-social {
        padding: 5.2em 0;
    }
}.fin-course{
   color: #111;

}

.fin-course span {
  display: inline-block;
				 border-bottom: 5px solid #6153CC;
}

.span-the .lead {
   font-size: 1.3rem;
   font-weight: 300;
}

.span-the p {
	       margin-bottom    :       1.6rem;
               line-height: 1.9;}

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

.top-phase {
   position: relative;
   width: 100%;
  padding-right: 15px;
    padding-left: 15px;
}@media (min-width: 992px) {
    .top-phase {
        flex: 0 0 50%;
        max-width: 50%;
    }
}.justify-content-center {
  justify-content: center; 
	
}

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

.mb-5 {
  margin-bottom: 3rem;
}

.mb-3 {
    margin-bottom: 1rem;
}

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

.lex-phase		{
   position: relative;
    width: 100%;
				 padding-right  :      15px;
          padding-left: 15px;
}@media (min-width: 992px) {
    .lex-phase {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}.mx-auto {
  margin-right: auto;
 margin-left: auto;
}

.mar-course   {
    padding     :     80px 0; 
   background     :     #f8f9fa;
}  

.lex-manage {
    text-align: center;
   margin-bottom: 50px;
}

.lex-manage h1 {
	text-transform: uppercase;
  font-family: "Roboto", sans-serif;
   font-size: 2.5rem;
    color: #6153CC;
   margin-bottom: 20px;
    font-weight: 700;
}

.lex-manage p {
    color: #424B54;
    font-size   :      16px;
    line-height: 1.6;
    margin: 0;
}

.span-manage {
	max-width: 800px;
   margin: 0 auto;
    padding: 0 20px; 

}

.span-manage .lead {
  color: #424B54;

	   font-size: 1.3rem;

	   font-weight: 300;

	     margin-bottom     :        25px;

	  line-height: 1.7; 
	
}

.span-manage p {
    color: #424B54; 
       font-size: 15px; 
	line-height: 1.7; 
   margin-bottom: 20px;
}

.top-phase {
    padding: 80px 0;
    background: #fff;
}

.fin-the {
  text-align: center;
   margin-bottom: 50px;
}

.fin-the h2 {
   color: #6153CC;
   font-size: 2.5rem;
  font-family: "Roboto", sans-serif;
   font-weight: 700;
         margin: 0;
                    text-transform: uppercase;
}

.reaz-phase {
    display: grid;
  grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
   padding: 0 20px;
}

.sol-course

{


	text-align: center;
	padding: 30px 20px;
    background: #f8f9fa;
       border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);

}

.instructor-photo {
          border: 3px solid #6153CC;
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
   object-fit: cover;
 border-radius: 50%;
   height: 120px;
    width: 120px;
    margin-bottom    :    20px;
}

.sol-course h3 {
    color: #6153CC;
   font-weight: 600;
  margin-bottom: 15px;
   font-size: 1.4rem;
  font-family: "Roboto", sans-serif;
}

.sol-course p {
	color: #424B54;
    font-size:       14px;
          line-height: 1.6;
	margin     :       0;
}@media (max-width: 992px) {
    .reaz-phase {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .mar-course, .top-phase {
        padding: 50px 0;
    }
    
    .lex-manage h1, .fin-the h2 {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .instructor-photo {
        width: 100px;
        height: 100px;
    }
    
    .sol-course {
        padding: 20px 15px;
    }
    
    .span-manage, .reaz-phase {
        padding: 0 15px;
    }
    
    .lex-manage h1, .fin-the h2 {
        font-size: 1.8rem;
    }
}.fin-course {
  padding: 80px 0;
   background: #fff;
}

.top-manage {

    max-width: 800px;
	 margin: 0 auto;
    padding: 0 20px;
  text-align: center;
     }

.top-manage h2 {
  color: #6153CC;
  font-size: 2.5rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.top-manage p


{
   color: #424B54;
	font-size: 15px;
  line-height: 1.7;
  margin-bottom: 20px;
   text-align: left;
}

.sol-phase {
  padding: 80px 0;
    background: #f8f9fa;
}

.reaz-manage {
    max-width: 800px;
   margin: 0 auto;
   padding:0 20px;
    text-align: center;
}

.reaz-manage h2 {
     color :   #6153CC;
  font-size: 2.5rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
   margin-bottom: 30px;
         text-transform: uppercase;

}

.reaz-manage p {
	 color: #424B54;
    font-size: 15px;
   line-height: 1.7;
    margin-bottom: 20px;
    text-align: left;
}

.lex-course {
          padding: 80px 0;
   background: #fff;
}

.mar-phase {

    max-width: 800px; 
	      margin: 0 auto; 
	   padding: 0 20px; 
	  text-align: center;

}

.mar-phase h2 {
  font-weight: 700;

	   color: #6153CC;

	  font-family: "Roboto", sans-serif;

	  text-transform: uppercase;

	     font-size   :   2.5rem;

	  margin-bottom: 30px;
}


.mar-phase p {
    color: #424B54;
    font-size: 15px;
  line-height: 1.7;
  margin-bottom: 20px;
   text-align: left;
}

@media (max-width: 768px) {
    .fin-course, .sol-phase, .lex-course {
        padding: 50px 0;
    }
    
    .top-manage h2, .reaz-manage h2, .mar-phase h2 {
        font-size: 2rem;
    }
    
    .top-manage, .reaz-manage, .mar-phase {
        padding: 0 15px;
    }
    
    .top-manage p, .reaz-manage p, .mar-phase p {
        font-size: 14px;
    }
}.span-social {
   padding: 7em 0;
    background: #1a1a1a;
		position: relative;
}

.span-social:before {

  content: "";
    height: 4px;
  top: 0;
  width: 100px;
    background: #6153CC;
   left: 0;
   position: absolute;
	}

.sol-contact {
    display: flex;
  flex-wrap: wrap;
   margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
}  

.mar-contact {
  position: relative;
		 width: 100%;
  padding-right: 15px;
   padding-left: 15px;
   flex: 0 0 66.666667%;
   max-width     :   66.666667%; 

}

.text-white {
		color: #fff !important;

}

.heading {
  text-transform: uppercase;
    font-size: 4rem;
  margin-bottom: 1em;
  font-family: "Roboto", sans-serif;
  font-weight: 700; 

}@media (max-width: 991.98px) {
    .heading {
        font-size: 2.5rem;
    }
}.contact-info {
    margin-bottom  :      3rem;
  background: rgba(255, 255, 255, 0.05);
    padding: 30px;
	border-radius: 8px;
}

.info-item {
    display: flex;
    margin-bottom: 15px;
	align-items: center;
}

.info-label {
    color: #6153CC;
    font-weight: 600;
   min-width: 80px;
    margin-right    :      15px;
  font-family: "Roboto", sans-serif;
}

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

.form-container {
  background: rgba(255, 255, 255, 0.03);
       padding: 40px;
	 border-radius: 8px;
}

.fin-form {
    display: flex;
   flex-wrap: wrap;
    margin-right: -15px;
   margin-left: -15px;
 margin-bottom: 1rem;
}

.top-form, .reaz-form  
  {
	position: relative;
   width: 100%;
    padding-right: 15px;
   padding-left: 15px;
	flex  :0 0 50%;
    max-width: 50%;
}

.lex-form {
   display: flex;
       flex-wrap: wrap;
   	margin-right: -15px;
       margin-left: -15px;
            margin-bottom: 1rem; 

}

.mar-form    {

  position: relative;
    width :   100%;
    padding-right: 15px;
  padding-left   :     15px;}

.form-control {
      border: none;
         border-bottom: 2px solid #666;
	-webkit-border-radius: 0;
       border-radius: 0;
                    -moz-border-radius: 0;
    background: none;
    color: #fff;
    padding: 12px 0;
  width: 100%;
   font-size: 15px;
  transition: border-color 0.3s ease;
}

.form-control:focus {
   color: #fff;
	background: none;
    outline: none;
  border-color  :     #6153CC;
   box-shadow    :  none;


}  

.form-control option {
	background: #1a1a1a;
					color: #fff;
}

label {
	display: block;
    margin-bottom: 8px;
        font-weight: 500;
         font-size: 14px;
}

.btn-contact {
     background-color   :   #6153CC;
       border: 2px solid #6153CC;
	color: #fff;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.1em;
   border-radius: 4px;
    cursor :        pointer;
    transition: all 0.3s ease;
    width: 100%;


	}

.btn-contact:hover {
   background: transparent;
   color: #6153CC;
  transform: translateY(-2px);
}

.popup-overlay {
	 display: none;
   position: fixed;
      top: 0;
    left: 0;
  width  :        100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10000;
                    align-items: center;
    justify-content: center;
}

.popup-content {
   background: #fff;
    padding: 40px;
    border-radius: 8px;
 text-align: center;
                    max-width: 500px;
    margin: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.popup-content h3 {
   color: #6153CC;

	  font-size: 1.8rem;

	  margin-bottom: 20px;

	  font-family: "Roboto", sans-serif;

	    font-weight: 700;
}

.popup-content p {
        color: #424B54;
      font-size   :    16px;
   line-height: 1.6;
         margin-bottom: 30px;
}



.popup-btn {
   background: #6153CC;
  color: #fff;
  border: none;
  padding: 12px 30px;
        font-size: 14px;
               font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
	cursor  : pointer;
   transition: background 0.3s ease;
}

.popup-btn:hover  
  {
   background: #613DC1; 

}@media (max-width: 768px) {
    .span-social {
        padding: 4em 0;
    }
    
    .mar-contact {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .top-form, .reaz-form {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem;
    }
    
    .form-container, .contact-info {
        padding: 20px;
    }
    
    .info-item {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .info-label {
        margin-bottom: 5px;
    }
    
    .popup-content {
        margin: 10px;
        padding: 30px 20px;
    }
}.top-social {
          padding:        80px 0;
       background: #f8f9fa;
}

.lex-testimonials {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
          padding: 0 20px;
}

.lex-testimonials h1 {
    color: #6153CC;
    font-size    :      2.5rem;
  font-family: "Roboto", sans-serif;
	font-weight: 700;
  margin-bottom: 20px;
    text-transform    :     uppercase;
}

.lex-testimonials p {
  color: #424B54;
    font-size: 16px;
    line-height    :  1.6;
    margin : 0;
}

.mar-testimonials {
  padding  :    80px 0;
   background: #fff;
}

.sol-grid {
  grid-template-columns: repeat(2, 1fr);
   padding: 0 20px;
  display: grid;
	margin : 0 auto;
   gap  :     40px;
   max-width: 1200px;
}

.fin-testimonial{
   background: #f8f9fa;
   border-radius: 8px;
    overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
   transition: transform 0.3s ease;
}

.fin-testimonial:hover {
	  transform: translateY(-5px);


}

.span-review {
    padding: 30px;
}

.span-review p{
   color: #424B54;
  font-size: 15px;
    line-height: 1.7;
   margin-bottom: 25px;
   font-style: italic;
}

.span-review h3 {
  color: #6153CC;

  font-size: 1.3rem;

  font-family: "Roboto", sans-serif;

   font-weight: 600;

    margin-bottom: 8px;
}

.span-review .title {
  color: #666;
    font-size: 13px;
	font-weight: 500;
    text-transform: uppercase;
                    letter-spacing: 0.5px;
}

.reaz-cta {
  padding: 80px 0;
   background: #6153CC;
}

.lex-ready {
  text-align: center;
   max-width: 700px;
  margin: 0 auto;
    padding: 0 20px;
}

.lex-ready h2 
 {
    color: #fff;
   font-size: 2.5rem;
  font-family: "Roboto", sans-serif;
   font-weight: 700;
       margin-bottom     :25px;
   text-transform: uppercase;
}

.lex-ready p {
  color: rgba(255, 255, 255, 0.9);
    font-size   :     16px;
   line-height: 1.7;
  margin-bottom: 35px;
}

.cta-button {
    margin-top: 30px;
}

.cta-button .template-btn {
	background: #fff;
  color: #6153CC !important;
    font-size: 16px;
    padding     :  15px 35px;
  font-weight: 600;
    text-transform: uppercase;
    border: 2px solid #fff;
         transition: all 0.3s ease;


}

.cta-button .template-btn:hover {
  background: transparent;
    color: #fff !important;
   border: 2px solid #fff;
  transform: translateY(-2px); 

}@media (max-width: 768px) {
    .top-social, .mar-testimonials, .reaz-cta {
        padding: 50px 0;
    }
    
    .lex-testimonials h1, .lex-ready h2 {
        font-size: 2rem;
    }
    
    .sol-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 0 15px;
    }
    
    .span-review {
        padding: 25px 20px;
    }
    
    .span-review p {
        font-size: 14px;
    }
    
    .lex-testimonials, .lex-ready {
        padding: 0 15px;
    }
}







.error-message {
    color: #ff4757;
    font-size: 12px;
    margin-top: 5px;
    display: none;
    font-weight: 500;
}

.form-error-message {
    background: rgba(255, 71, 87, 0.1);
    border: 1px solid #ff4757;
    color: #ff4757;
    padding: 12px;
    border-radius: 4px;
    margin-bottom: 20px;
    display: none;
    font-size: 14px;
    font-weight: 500;
}

.form-control.error {
    border-color: #ff4757 !important;
    background: rgba(255, 71, 87, 0.05);
}

.form-control.error:focus {
    border-color: #ff4757 !important;
    box-shadow: 0 0 0 2px rgba(255, 71, 87, 0.2);
}

.form-control.success {
    border-color: #2ed573 !important;
}

.form-control.success:focus {
    border-color: #2ed573 !important;
}

.btn-contact:disabled {
    background: #666;
    border-color: #666;
    cursor: not-allowed;
    opacity: 0.7;
}

.btn-contact:disabled:hover {
    background: #666;
    color: #fff;
    transform: none;
}

label:after {
    content: "";
}

.btn-contact.loading {
    position: relative;
    color: transparent;
}

.btn-contact.loading:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.form-control:focus {
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .error-message {
        font-size: 11px;
    }
    
    .form-error-message {
        padding: 10px;
        font-size: 13px;
    }
}