@charset "UTF-8";

@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css);
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
} body #kubot-chat-iframe {
right: 0rem !important;
bottom: -1rem !important;
z-index: 9999 !important;
}
@media (max-width: 768px) {
body #kubot-chat-iframe {
right: 0rem !important;
bottom: -1rem !important;
z-index: 9999 !important;
width: 100% !important;
}
}
.mb-6 {
margin-bottom: 5rem !important;
}
.text-negro {
color: #04161e;
}
.px-6 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
@media (max-width: 768px) {
.px-6 {
padding-left: 0rem !important;
padding-right: 0rem !important;
}
}
.py-6 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
#como-funciona,
#beneficios,
#testimonios,
#planes,
#preguntas-frecuentes,
#cta,
#contacto {
padding-top: 80px;
padding-bottom: 80px;
}
#nos-integramos .container-fluid {
padding-right: 0;
padding-left: 0;
}
#como-funciona h1,
#beneficios h1,
#testimonios h1,
#planes h1,
#preguntas-frecuentes h1,
#contacto h1,
#preguntas-frecuentes h1,
#nos-integramos h1 {
font-size: 8rem;
color: #f2f7ff;
margin-bottom: 50px;
font-weight: 700;
}
@media (max-width: 768px) {
#como-funciona h1,
#beneficios h1,
#testimonios h1,
#planes h1,
#preguntas-frecuentes h1,
#contacto h1,
#preguntas-frecuentes h1,
#nos-integramos h1 {
font-size: 4.2rem;
}
}
html {
scroll-behavior: smooth;
overflow-x: auto;
font-size: 14px;
}
body {
font-family: "Plus Jakarta Sans", sans-serif;
font-optical-sizing: auto;
font-style: normal;
overflow-x: hidden;
}
.header-block {
position: fixed;
top: -2rem;
left: 0;
width: 100%;
z-index: 1000;
}
.header-block.scrolled {
top: -3rem;
}
.header-block .header-hidden {
transform: translateY(-120%);
opacity: 0;
pointer-events: none;
}
.header-block .navbar {
background-image: linear-gradient(to right, #16697c, #2ed4a9) !important;
border-radius: 20px;
padding: 10px 40px;
box-shadow: 0 2px 19px rgba(0, 0, 0, 0.1);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.header-block .navbar .custom-toggler-icon {
color: #04161e;
border: none !important;
outline: none !important;
}
.header-block .navbar .custom-toggler-icon:focus {
color: none !important;
}
.header-block .navbar.scrolled {
background-image: none !important;
background-color: transparent !important;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
padding-bottom: 10px !important;
background-color: #04161e !important;
border-radius: 0;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.header-block .navbar.scrolled .custom-toggler-icon {
color: #ffffff;
}
.header-block .navbar .navbar-brand img {
max-height: 40px;
transition: all 0.3s ease;
}
.header-block .navbar .nav-link {
color: #ffffff !important;
font-weight: 500;
font-size: 1.05rem;
margin: 0 10px;
transition: all 0.3s ease;
}
.header-block .navbar .nav-link:hover {
opacity: 0.8;
}
.header-block .navbar .btn-dark {
background-color: #04161e;
border: none;
border-radius: 4px;
padding: 4px 23px;
color: #ffffff;
font-weight: 600;
transition: all 0.3s ease;
}
.header-block .navbar .btn-dark.scrolled {
background-color: #9a92ff !important;
}
.header-block .navbar .btn-dark.scrolled:hover {
background-color: #6b5fff !important;
}
.header-block .navbar .btn-dark:hover {
background-color: black;
transform: translateY(-1px);
}
.container-fluid {
padding-left: 85px;
padding-right: 85px;
}
@media (max-width: 768px) {
.container-fluid {
padding-left: 20px;
padding-right: 20px;
}
}
#cabezal {
display: flex;
background-image: linear-gradient(to right, #16697c, #2ed4a9) !important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 130vh;
margin-top: -100px;
padding-top: 100px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
padding-bottom: 100px;
}
@media (max-width: 768px) {
#cabezal {
margin-top: 0;
}
}
#cabezal .btn-primary {
background-color: #16697c;
font-size: 1.1rem;
border: none;
}
#cabezal h1 {
font-size: 4.2rem;
}
@media (max-width: 768px) {
#cabezal h1 {
font-size: 2.1rem;
}
}
#cabezal p {
font-size: 1.6rem;
}
@media (max-width: 768px) {
#cabezal p {
font-size: 1rem;
}
}
#video {
position: relative;
margin-top: -150px;
z-index: 10;
}
#video .card {
overflow: hidden;
border: none !important;
background-color: transparent !important;
box-shadow: none !important;
}
#video .contenedor_video {
position: relative;
border-radius: 20px;
overflow: hidden;
}
#video .contenedor_video #video-promocional {
width: 100% !important;
}
#video .contenedor_video .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
#video .contenedor_video .play-button img {
width: 80px;
height: 80px;
transition: all 0.3s ease;
}
#video .contenedor_video:hover .play-button img {
transform: scale(1.1);
}
#como-funciona {
padding-top: 40px;
}
@media (max-width: 768px) {
#como-funciona {
padding-bottom: 0 !important;
}
}
#como-funciona .tab-card {
cursor: pointer;
transition: all 0.3s ease;
}
#como-funciona .tab-card:hover {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
#como-funciona .tab-card:active {
font-weight: bold;
}
#como-funciona .tab-card .toggle-btn {
cursor: pointer;
background: transparent;
border: none;
}
#como-funciona .tab-card .tab-content {
transition: all 0.4s ease;
}
#como-funciona .card {
background-color: rgba(22, 105, 124, 0.3);
border: none;
border-radius: 20px;
padding: 15px;
margin-bottom: 20px;
transition: all 0.3s ease;
}
#como-funciona .card .card-body {
padding: 10px;
}
#como-funciona .card .card-body .nav .nav-item .nav-link {
font-size: 1.2rem;
color: #04161e;
font-weight: 400;
}
@media (max-width: 768px) {
#como-funciona .card .card-body .nav .nav-item .nav-link {
font-size: 1rem;
}
}
#como-funciona .card .card-body .nav .nav-item button.nav-link {
background: none;
border: none;
color: #04161e;
}
#como-funciona .card .card-body .nav .nav-item button.nav-link i {
font-size: 1.2rem;
}
#como-funciona .card:hover {
background-color: rgba(22, 105, 124, 0.5);
transform: translateY(-3px);
}
#como-funciona .col-xl-8 h3 {
font-size: 2.1rem;
color: #16697c;
margin-top: 25px;
font-weight: 500;
}
@media (max-width: 768px) {
#como-funciona .col-xl-8 h3 {
font-size: 1.4rem;
margin-bottom: 2rem;
}
}
#como-funciona .col-xl-8 img {
height: 400px;
border-radius: 20px;
-o-object-fit: contain;
object-fit: contain;
}
#nos-integramos {
position: relative;
padding: 50px 0;
text-align: center;
overflow: hidden;
height: 300px;
}
@media (max-width: 768px) {
#nos-integramos h1 {
font-size: 3.5rem;
padding-right: 0.6rem;
padding-left: 0.6rem;
}
}
@media (max-width: 768px) {
#nos-integramos {
height: auto;
}
}
#nos-integramos #banner-container {
height: 300px;
position: relative;
overflow: hidden;
}
#nos-integramos #omnicanalidad {
width: 100%;
max-width: 100%;
left: 0;
top: 0;
position: absolute;
}
#nos-integramos #banner-container:before {
content: "";
position: absolute;
background-image: url(//muubot.com.uy/wp-content/themes/muubot_v0/img/nos integramos en.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 0 0;
width: calc(100% - 20px);
height: 100%;
top: 0;
left: 0;
animation: infiniteScrollLeft 15s linear infinite;
}
@media (max-width: 768px) {
#nos-integramos #banner-container:before {
background-size: 0%;
}
}
#nos-integramos #banner-container:after {
content: "";
position: absolute;
background-image: url(//muubot.com.uy/wp-content/themes/muubot_v0/img/nos integramos en.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 0 0;
width: calc(100% - 20px);
height: 100%;
top: 0;
left: calc(100% + 20px);
animation: infiniteScrollLeft2 15s linear infinite;
}
@media (max-width: 768px) {
#nos-integramos #banner-container:after {
background-size: 0%;
}
}
#nos-integramos #iconos-container {
position: relative;
width: 100%;
height: 100%;
animation: infiniteScrollRight 15s linear infinite;
}
#nos-integramos #iconos-container:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: -100%;
animation: infiniteScrollRight 15s linear infinite;
}
#nos-integramos #iconos-container:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: -100%;
animation: infiniteScrollRight 15s linear infinite;
}
#nos-integramos .iconos-set {
position: relative;
width: 100%;
height: 100%;
}
#nos-integramos .iconos-left {
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
}
#nos-integramos .iconos-right {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
}
#nos-integramos #internet,
#nos-integramos .internet-clone {
position: absolute;
bottom: 26%;
left: 5%;
width: 72px;
height: 72px;
}
#nos-integramos #whatsapp,
#nos-integramos .whatsapp-clone {
position: absolute;
top: 5%;
left: 25%;
width: 72px;
height: 72px;
}
#nos-integramos #instagram,
#nos-integramos .instagram-clone {
position: absolute;
top: -15%;
left: 45%;
width: 72px;
height: 72px;
}
#nos-integramos #facebook,
#nos-integramos .facebook-clone {
position: absolute;
bottom: 33%;
left: 65%;
width: 72px;
height: 72px;
}
#nos-integramos #whatsapp2,
#nos-integramos .whatsapp2-clone {
position: absolute;
top: -8%;
left: 85%;
width: 72px;
height: 72px;
}
@keyframes infiniteScrollLeft {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-100% - 40px));
}
}
@keyframes infiniteScrollLeft2 {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-100% - 40px));
}
}
@keyframes infiniteScrollRight {
0% {
transform: translateX(-20%);
}
100% {
transform: translateX(80%);
}
}
#banner-container:before,
#banner-container:after {
animation-duration: 30s;
animation-timing-function: linear;
}
#iconos-container,
#iconos-container:before,
#iconos-container:after {
animation-timing-function: linear;
}
#beneficios {
background-color: #04161e;
padding-bottom: 90px;
}
#beneficios h1 {
color: #ffffff;
margin-bottom: 50px;
}
#beneficios .slick-beneficios .beneficio-item {
padding: 0 30px;
}
@media (max-width: 768px) {
#beneficios .slick-beneficios .beneficio-item {
padding: 0;
}
}
#beneficios .slick-beneficios .card {
background-color: #f0f3ff;
border: none;
border-radius: 15px;
overflow: hidden;
min-height: 350px;
margin-bottom: 20px;
}
#beneficios .slick-beneficios .card .card-body {
padding: 30px;
position: relative;
}
@media (max-width: 768px) {
#beneficios .slick-beneficios .card .card-body {
padding: 18px;
}
}
#beneficios .slick-beneficios .card .card-body h2 {
font-size: 2.2rem;
font-weight: 400;
color: #04161e;
margin-bottom: 20px;
line-height: 1.2;
}
@media (max-width: 768px) {
#beneficios .slick-beneficios .card .card-body h2 {
font-size: 1.8rem;
}
}
#beneficios .slick-beneficios .card .card-body p {
font-size: 1.1rem;
color: #04161e;
line-height: 1.5;
}
#beneficios .slick-beneficios .card .card-body .icon-container {
position: absolute;
bottom: 90px;
right: 103px;
width: 80px;
height: 80px;
}
#beneficios .slick-beneficios .card .card-body .icon-container img {
width: 150px;
height: auto;
}
#beneficios .slick-beneficios .slick-prev,
#beneficios .slick-beneficios .slick-next {
z-index: 10;
}
#beneficios .slick-beneficios .slick-prev:before,
#beneficios .slick-beneficios .slick-next:before {
font-size: 30px;
color: #ffffff;
}
#beneficios .slick-beneficios .slick-prev {
left: -40px;
}
#beneficios .slick-beneficios .slick-next {
right: -40px;
}
#beneficios .slick-beneficios .slick-dots {
bottom: -40px;
}
#beneficios .slick-beneficios .slick-dots li button:before {
color: #ffffff;
}
#beneficios .slick-beneficios .slick-dots li.slick-active button:before {
color: #2ed4a9;
}
#testimonios {
background-color: #ffffff;
}
#testimonios h1 {
margin-bottom: 50px;
}
#testimonios .slick-testimonios .testimonio-item {
padding: 0 30px;
}
@media (max-width: 768px) {
#testimonios .slick-testimonios .testimonio-item {
padding: 0;
}
}
#testimonios .slick-testimonios .card {
border: none;
border-radius: 15px;
overflow: hidden;
min-height: 250px;
margin-bottom: 20px;
}
#testimonios .slick-testimonios .card .card-body {
padding: 30px;
position: relative;
color: #04161e;
}
#testimonios .slick-testimonios .card .card-body .logo-cliente {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 20px;
color: #04161e;
}
#testimonios .slick-testimonios .card .card-body .testimonio-texto {
font-size: 1.1rem;
line-height: 1.5;
margin-bottom: 30px;
}
#testimonios .slick-testimonios .card .card-body .autor-testimonio {
font-size: 1rem;
font-weight: 600;
font-style: italic;
}
#testimonios .slick-testimonios .card .card-body .comilla-container {
position: absolute;
bottom: 21px;
right: 25px;
width: 104px;
height: 91px;
}
#testimonios .slick-testimonios .card .card-body .comilla-container img {
width: 100%;
height: auto;
}
#testimonios .slick-testimonios .slick-prev,
#testimonios .slick-testimonios .slick-next {
z-index: 10;
}
#testimonios .slick-testimonios .slick-prev:before,
#testimonios .slick-testimonios .slick-next:before {
font-size: 30px;
color: #04161e;
}
#testimonios .slick-testimonios .slick-prev {
left: -40px;
}
#testimonios .slick-testimonios .slick-next {
right: -40px;
}
#testimonios .slick-testimonios .slick-dots {
bottom: -40px;
}
#testimonios .slick-testimonios .slick-dots li button:before {
color: #04161e;
}
#testimonios .slick-testimonios .slick-dots li.slick-active button:before {
color: #2ed4a9;
}
#planes {
background-color: rgba(0, 160, 153, 0.1);
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
#planes h1 {
margin-bottom: 0;
}
#planes p {
font-size: 1.7rem;
}
#planes .slick-planes .plan-item {
padding: 0 30px;
}
@media (max-width: 768px) {
#planes .slick-planes .plan-item {
padding: 0;
}
}
#planes .slick-planes .card {
background-color: #cfedec;
border: none;
border-radius: 30px;
min-height: 600px;
box-shadow: 5px 10px 12px rgba(0, 0, 0, 0.1);
margin-bottom: 2rem;
}
#planes .slick-planes .card .card-title {
font-size: 2.5rem;
font-weight: 700;
color: #211951;
}
#planes .slick-planes .card .card-body ul {
text-align: left !important;
}
#planes .slick-planes .card ul {
justify-self: anchor-center;
}
#planes .slick-planes .card .badge-check {
display: inline-flex;
align-items: center;
justify-content: center;
}
#planes .slick-planes .card .badge-check .check-icon {
width: 22px;
height: 22px;
-o-object-fit: contain;
object-fit: contain;
}
#planes .slick-planes .card .btn-primary {
background-color: #211951;
border: none;
border-radius: 8px;
font-weight: 600;
font-size: 1.1rem;
letter-spacing: 1px;
transition: all 0.3s ease;
}
#planes .slick-planes .card .btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
#planes .slick-planes .slick-prev,
#planes .slick-planes .slick-next {
z-index: 10;
}
#planes .slick-planes .slick-prev:before,
#planes .slick-planes .slick-next:before {
font-size: 30px;
color: #ffffff;
}
#planes .slick-planes .slick-prev {
left: -40px;
}
#planes .slick-planes .slick-next {
right: -40px;
}
#planes .slick-planes .slick-dots {
bottom: -40px;
}
#planes .slick-planes .slick-dots li button:before {
color: #ffffff;
}
#planes .slick-planes .slick-dots li.slick-active button:before {
color: #211951;
}
#tentaculos-hidden {
overflow: hidden;
}
#preguntas-frecuentes {
background-color: #f0f3ff;
padding-bottom: 260px !important;
}
#preguntas-frecuentes #tentaculos-derecha {
right: -25rem;
top: -6rem;
position: absolute;
width: 600px;
height: 600px;
}
#preguntas-frecuentes #tentaculos-izquierda {
position: absolute;
width: 300px;
height: 400px;
left: -13rem;
bottom: 1rem;
}
#preguntas-frecuentes h1 {
color: #E1E8FF;
}
#preguntas-frecuentes .accordion-item {
background-color: transparent;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 0;
}
#preguntas-frecuentes .accordion-button {
background-color: transparent;
color: #04161e;
font-size: 1.2rem;
font-weight: 500;
padding: 1.5rem 0;
border: none;
box-shadow: none;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
text-align: left;
position: relative;
}
#preguntas-frecuentes .accordion-button:not(.collapsed) {
background-color: transparent;
color: #04161e;
box-shadow: none;
}
#preguntas-frecuentes .accordion-button:not(.collapsed) .accordion-icon {
transform: rotate(180deg);
}
#preguntas-frecuentes .accordion-button:focus {
box-shadow: none;
border-color: transparent;
outline: none;
}
#preguntas-frecuentes .accordion-button .accordion-icon {
transition: transform 0.3s ease;
font-size: 14px;
margin-left: 10px;
}
#preguntas-frecuentes .accordion-button::after {
display: none;
}
#preguntas-frecuentes .accordion-body {
color: #666;
padding: 0.5rem 0 1.5rem;
font-size: 1rem;
line-height: 1.6;
}
#preguntas-frecuentes .accordion .collapse:not(.show) {
display: none;
}
#preguntas-frecuentes .accordion .collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
#cta {
margin: 0;
padding: 0;
}
#cta h1 {
font-size: 2.1rem;
color: #ffffff;
font-weight: 500;
}
@media (max-width: 768px) {
#cta h1 {
font-size: 1.2rem;
text-align: center;
margin-bottom: 2rem;
}
}
#cta .cta-row {
place-content: center;
top: -8rem;
left: 0;
right: 0;
width: 100%;
margin: 0 auto;
}
#cta .btn-primary {
background-color: #9a92ff;
color: #ffffff;
font-weight: 500;
font-size: 1.9rem;
border-radius: 15px;
border: none;
}
#cta .btn-primary:focus {
border: none;
box-shadow: none;
}
#cta .cta-container {
background-color: #04161E;
border-radius: 30px;
display: flex;
align-items: center;
}
#cta .col-xl-3 {
display: flex;
align-items: center;
justify-content: center;
}
#contacto {
padding-top: 200px;
padding-bottom: 80px;
}
@media (max-width: 768px) {
#contacto #wpcf7-f95-o1 .px-6 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
#contacto #wpcf7-f95-o1 .formulario-container {
background-color: #cfedec;
border-radius: 15px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
padding: 30px;
}
#contacto #wpcf7-f95-o1 .formulario-container .wpcf7-form-control-wrap .wpcf7-form-control:not(textarea):not(.wpcf7-submit) {
background-color: transparent;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0;
padding: 0.75rem 0;
font-size: 1.2rem;
color: #000;
box-shadow: none;
width: 100%;
outline: none !important;
}
#contacto #wpcf7-f95-o1 .formulario-container .wpcf7-form-control-wrap .wpcf7-form-control:not(textarea):not(.wpcf7-submit)::-moz-placeholder {
color: #000;
opacity: 1;
}
#contacto #wpcf7-f95-o1 .formulario-container .wpcf7-form-control-wrap .wpcf7-form-control:not(textarea):not(.wpcf7-submit)::placeholder {
color: #000;
opacity: 1;
}
#contacto #wpcf7-f95-o1 .formulario-container .wpcf7-form-control-wrap .wpcf7-form-control:not(textarea):not(.wpcf7-submit):focus {
border: none;
box-shadow: none;
border-color: #16697c;
}
#contacto #wpcf7-f95-o1 .formulario-container textarea.wpcf7-form-control {
min-height: 150px;
font-size: 1.2rem;
background-color: #fff;
border: none;
border-radius: 5px;
padding: 1rem;
width: 100%;
outline: none !important;
}
#contacto #wpcf7-f95-o1 .formulario-container .wpcf7-submit {
background-color: #16697c;
color: #fff;
border-radius: 12px;
padding: 0.5rem 2rem;
font-size: 1.6rem;
border: none;
transition: all 0.3s ease;
outline: none !important;
}
#contacto #wpcf7-f95-o1 .formulario-container .wpcf7-submit:hover {
background-color: #0e4451;
transform: translateY(-2px);
}
#contacto #wpcf7-f95-o1 .formulario-container .row {
margin-bottom: 20px;
}
#contacto #wpcf7-f95-o1 .formulario-container .form-group {
margin-bottom: 1rem;
}
#contacto #wpcf7-f95-o1 .formulario-container .wpcf7-response-output {
margin-top: 20px;
padding: 10px;
border-radius: 5px;
font-weight: 500;
}
#contacto #wpcf7-f95-o1 .formulario-container .wpcf7-not-valid-tip {
color: #dc3545;
font-size: 0.875rem;
margin-top: 0.25rem;
}
footer {
background-image: linear-gradient(to right, #16697c, #2ed4a9) !important;
padding: 60px 0 40px;
position: relative;
color: #ffffff;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
footer .container-fluid {
padding-right: 85px;
padding-left: 85px;
}
@media (max-width: 768px) {
footer .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
footer #muustack_url {
color: #ffffff;
}
footer #muustack_url:hover {
color: #04161e;
}
footer .info-footer {
margin-bottom: 20px;
}
footer .info-footer p {
font-size: 1rem;
line-height: 1.6;
}
footer .info-footer .web-link {
font-weight: 500;
}
footer .social-icons {
display: flex;
justify-content: flex-end;
}
footer .social-icons .social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
background-color: #ffffff;
color: #16697c;
border-radius: 50%;
margin-left: 15px;
transition: all 0.3s ease;
text-decoration: none;
}
footer .social-icons .social-icon i {
font-size: 1.2rem;
}
footer .social-icons .social-icon:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
background-color: #211951;
color: #ffffff;
}
footer #links_footer {
margin-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.3);
padding-top: 20px;
justify-content: right;
}
@media (max-width: 768px) {
footer #links_footer {
justify-content: center;
}
}
footer #links_footer .nav-item {
margin: 0 15px;
}
footer #links_footer .nav-item .nav-link {
color: #ffffff;
font-size: 0.9rem;
padding: 0;
transition: opacity 0.3s ease;
}
footer #links_footer .nav-item .nav-link:hover {
opacity: 0.8;
}
@media (max-width: 768px) {
footer .social-icons {
justify-content: center;
margin-top: 20px;
}
footer .info-footer {
text-align: center;
}
} #privacy-policy,
#terms-and-condition {
margin-top: 100px;
height: 100%;
color: #222;
font-size: 1rem;
line-height: 1.6; max-width: 48rem;
margin: 0 auto;
padding: 2rem 1rem;       }
#privacy-policy h2,
#terms-and-condition h2 {
margin: 2rem 0 0.75rem;
font-size: 1.35rem;
font-weight: 600;
color: #0d3e66;
}
#privacy-policy h3,
#terms-and-condition h3 {
margin: 1.75rem 0 0.65rem;
font-size: 1.15rem;
font-weight: 600;
color: #0d3e66;
line-height: 1.45;
text-align: left;
}
#privacy-policy p,
#terms-and-condition p {
margin-bottom: 1rem; }
#privacy-policy p a,
#terms-and-condition p a {
color: #0066cc;
text-decoration: underline;
}
#privacy-policy p a:hover, #privacy-policy p a:focus,
#terms-and-condition p a:hover,
#terms-and-condition p a:focus {
text-decoration-thickness: 2px;
outline: none;
}
#privacy-policy ul,
#terms-and-condition ul {
list-style: none;
margin: 0 0 1rem;
padding-left: 1.4rem;
}
#privacy-policy ul > li,
#terms-and-condition ul > li {
position: relative;
margin-bottom: 0.55rem;
line-height: 1.45;
font-size: 0.98rem; }
#privacy-policy ul > li::before,
#terms-and-condition ul > li::before {
content: "";
position: absolute;
left: -1.1rem;
top: 0.6em;
width: 0.4rem;
height: 0.4rem;
background: #0d3e66;
border-radius: 50%;
}
#privacy-policy ul > li p,
#terms-and-condition ul > li p {
display: inline;
margin: 0;
}
#privacy-policy strong,
#terms-and-condition strong {
font-weight: 600;
}
#privacy-policy hr,
#terms-and-condition hr {
border: none;
border-top: 1px solid #e0e0e0;
margin: 2rem 0;
}
@media (max-width: 600px) {
#privacy-policy,
#terms-and-condition {
font-size: 0.95rem;
}
#privacy-policy h2,
#terms-and-condition h2 {
font-size: 1.2rem;
}
#privacy-policy h3,
#terms-and-condition h3 {
font-size: 1.05rem;
}
}