body{
     margin: 0px;
     padding: 0px;
     box-sizing: border-box;
     font-family: 'Cairo', sans-serif !important;
}
h1,h2,h3,h4,h5,h6{
     margin: 0px;
     padding: 0px;
     color: var(--color-h);
     font-size: 1.25rem;
}
@media (min-width: 1200px) {
     .h3, h3 {
         font-size: 1.75rem;
     }
 }
p {
     color: var(--color-text);
     margin: 0px;
     font-size: 18px;
 }
ul,ol{
     padding-inline-start: 0px;
     padding-left: 0px;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.component-content-tiem li {
    color: var(--color-text);
    font-size: 18px;
    list-style: square;
}
::marker, .span-number-span {
    color:  #428315cc;
}
a:hover,a{
     text-decoration: none;
}
ul li{
     list-style: none;
}
.fw-bold {
     font-weight: 700 !important;
 }
 .pt-2 {
     padding-top: .5rem !important;
 }
 .pt-5 {
     padding-top: 3rem !important;
 }
 .pb-5 {
     padding-bottom: 3rem !important;
 }
 .pb-4 {
     padding-bottom: 1.5rem !important;
 }
 .pt-4 {
     padding-top: 1.5rem !important;
 }
 .py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}
 .d-flex {
     display: flex !important;
 }
 .rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important;
}
 .align-items-center {
     align-items: center !important;
 }
 .mx-3 {
     margin-right: 1rem !important;
     margin-left: 1rem !important;
 }
 .fs-6 {
    font-size: 1rem !important;
}
 .container{
     width: 100%;

    margin-right: auto;
    margin-left: auto;
 }
 @media (min-width: 1200px) {
     .container{
         max-width: 1200px;
     }
 }
 .mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}
 :root {
     --color-default: #0B555E;
     --color-primary: #428315cc;
     --color-background: #f5f6f8;
     --color-text: #555;
     --color-h: #000;
     --color-white: #fff;
     --bs-border-radius-2xl: 2rem;
 }
 .btn{
    cursor: pointer;
    border: 0px;
    font-size: 18px;
    font-weight: 800;
 }
.btn-link {
    background: linear-gradient(100deg, #0B555E, #428315cc);
     color: var(--color-white);
     text-decoration: none;
   
 }
 .btn-link:hover{
    background: linear-gradient(100deg, #428315cc,#0B555E);
 }
 .bg-light{
    border: 1px solid #428315cc;
    color: #0B555E;
 }
 .bg-light:hover{
    background: linear-gradient(100deg, #428315cc,#0B555E);
    color: var(--color-white);
    border: 0px;
 }