:root, 
[data-bs-theme=light] {
    --mainColor: #f36333; /*var(--mainColor); rgb(243, 99, 51)*/
    --textColor: #44475b; /*rgb(68, 71, 91)*/
    --bs-primary-rgb: 63, 81, 181;
    --bs-link-color: #0d51fd;
    --bs-link-color-rgb: 13, 81, 253;
    --bs-link-hover-color: #ff5e00;
    --bs-link-hover-color-rgb: 255, 94, 0;
}    

body {
    font-family: Open Sans !important;
    background-color: #f9f9f9;
    line-height: 1.6;
}

img, svg {
    vertical-align: baseline;
}

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

.logo-text {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 1.5rem;
}

.logo-tagline {
    color: #666;
    font-size: 0.8rem;
}

.nav-link:hover,
.dropdown-item:hover {
    color: var(--bs-link-hover-color);
}

/*===== Max-width utility =====*/
/* Extra small */
.mw-xs {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
/* Small */
.mw-sm {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
/* Medium */
.mw-md {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}
/* Large */
.mw-lg {
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
}
/* Extra Large */
.mw-xl {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
/*===== Max-width utility =====*/

.adbox {
    padding: 10px;
}

.tooltip {
    position: absolute;
    z-index: 1;
    visibility: hidden;
    padding: 10px;
    background-color: #3d0980;
    color: white;
    border-radius: 5px;
    font-size: 12px;
}

/* =================== SHARER =================== */
    .sharer {
	  display: inline-flex;
	  flex-wrap: wrap;
      margin: 5px;
	}
/*============= SHARER - SVG =============*/ 
	.share-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      margin: 5px;
    }
    
    .fa.fa-share-alt {
		margin-right: 5px;
		color: #00c57b;
	}
	
	.share-text {
		padding: 9px;
	}
    
    .share-button {
      display: flex;
      align-items: center;
      text-decoration: none;
      color: #fff;
      border-radius: 2px;
      transition: background-color 0.3s;
    }
    
    .share-button:hover {
      opacity: 0.8;
    }
    
    .share-button i {
      font-size: 14px;
    }
    
    /* Facebook */
    .share-button.facebook {
      background-color: #3b5998;
      padding: 10px 14px;
    }
    
    /* Twitter */
    .share-button.twitter {
      background-color: #1da1f2;
	  padding: 10px;
    }
    
    /* LinkedIn */
    .share-button.linkedin {
      background-color: #0077b5;
	  padding: 10px;
    }
    
    /* Pinterest */
    .share-button.pinterest {
      background-color: #bd081c;
	  padding: 10px;
    }
    
    /* Instagram */
    .share-button.instagram {
      background-color: #e1306c;
	  padding: 10px;
    }
    
    /* Reddit */
    .share-button.reddit {
      background-color: #ff4500;
	  padding: 10px;
    }
    
    /* WhatsApp */
    .share-button.whatsapp {
      background-color: #25d366;
	  padding: 10px;
    }
    
    /* Telegram */
    .share-button.telegram {
      background-color: #0088cc;
	  padding: 10px;
    }
/*============= SHARER - SVG =============*/

/* ======== SHARER - FontAwesome ======== */
.share-button,
.svg-icon {
    display: inline-block; border-radius: 2px;
}

.share-icon {
    color: #fff;
    padding: 12px 0px;
    font-size: larger;
}

.share-text {
    padding: 12px 3px;
    padding-right: 10px;
}

.share-button {
    margin: 3px 3px;
    border-radius: 2px;
	cursor: pointer;
}

@media only screen and (max-width:500px) {}

.svg-icon svg {
    width: 1em;
    height: 1em;
    margin: 0
}

.svg-icon {
    fill: #fff;
    stroke: none;
    transition: 25ms ease-out;
}

.share-svg {
    fill: #00c57b;
}

.facebook-svg {
    padding: 9px;
    background-color: #3b5998
}

.facebook-svg:hover {
    background-color: #2d4373
}

.twitter-svg {
    padding: 9px;
    background-color: #55acee
}

.twitter-svg:hover {
    background-color: #2795e9
}

.reddit-svg {
    padding: 9px;
    background-color: #ff4500
}

.reddit-svg:hover {
    background-color: #d45324
}

.whatsapp-svg {
    padding: 9px;
    background-color: #25d366
}

.whatsapp-svg:hover {
    background-color: #1da851
}

.telegram-svg {
    padding: 9px;
    background-color: #1394d4
}

.telegram-svg:hover {
    background-color: #016293
}
/* COPY URL */
.link-svg,
.copy-url {
	color:#44475b;
    fill: #44475b;
    padding: 9px;
	background-color: #fff;
    border: 1px solid #44475b;
}

.link-svg:hover,
.copy-url:hover {
    color: #f36333;
	fill: #f36333;
    border: 1px solid #f36333;
}
/* COPY URL */
/* ======== SHARER - FontAwesome ======== */
@media only screen and (max-width:768px) {
    .sharer {
	  font-size: small;
	}
	.share-button {
      font-size: small;
    }
	
}
/* =================== SHARER =================== */
/*====== Join Buttons ======*/
.join-buttons {
	display: inline-flex;
}
.join-button {
	font-size: 18px;
	color: #fff !important;
	margin: 3px;
	border-radius: 2px;
	cursor: pointer;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}
.join-button .svg-icon {
	fill: #fff;
	stroke: none;
	transition: 0.25s ease-out;
	display: inline-flex;
	align-items: center;
}
.join-button .svg-icon svg {
	width: 1em;
	height: 1em;
	margin-right: 8px;	
	border-radius: 2px;
}
.join-button.whatsapp-svg {
	padding: 5px 15px;
	background-color: #25d366;
}
.join-button.whatsapp-svg:hover {
	background-color: #1da851;
}
.join-button.telegram-svg {
	padding: 5px 15px;
	background-color: #1394d4;
}
.join-button.telegram-svg:hover {
	background-color: #016293;
}
/*====== Join Buttons ======*/
/* =================== SHARER =================== */

/*======= FOOTER  =======*/
.info {
    font-family: sans-serif;
	text-align: justify;
    margin: 10px auto;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 88%;
    box-shadow: 0 1px 9px 2px rgb(1 1 1 / 9%);
}
/* Footer Columns */
.footer-columns {
    display: flex;
    justify-content: space-between;
    color: var(--textColor);
    padding: 0px;
    text-align: center;
    border-top: solid 2px #f4f4f4;
  }
  
  .footer-column {
    flex: 1;
    margin: 0 10px;
  }
  
  .footer-column h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  
  .footer-column p {
    font-size: 14px;
    line-height: 1.6;
  }
  @media (max-width: 768px) {
    .footer-columns {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
  
    .footer-column {
      margin: 10px 0;
    }
  }
/* Footer Columns */
.footer {
  padding: 20px;
  text-align: center;
  background: var(--mainColor);
  margin-top: 20px;
  color: #fff;
  font-size: 16px;
}
.footer a {
	color: #ffe3da;
	text-decoration: none;
    position: relative;
}
.footer a:hover {
	color: #fff;
}
.footer a::after {
    content: "";
    position: absolute;
    bottom: -10px; /* Space between text and underline */
    left: 0;
    width: 0;
    height: 1px; /* Thickness of underline */
    background-color: #fff;
    transition: width 0.3s;
  }

  .footer a:hover::after {
    width: 100%;
  }

/* Heart */
span#heart {
    color: rgb(242, 48, 48);
    display: inline-block;
    vertical-align: middle;
    margin: 0px 4px;
	fill: red;
}

@media (prefers-reduced-motion: no-preference){
    span#heart {
        animation: 2s ease 0s infinite normal none running heart;
    }
}

@-webkit-keyframes heart {
    1% {
        -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
        transform: scale(1.25);
    }
    10% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    15% {
        -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
        transform: scale(1.25);
    }
    18% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heart {
    1% {
        -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
        transform: scale(1.25);
    }
    10% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    15% {
        -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
        transform: scale(1.25);
    }
    18% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
/* Heart */
/*======= FOOTER  =======*/

/*======= SCROLL TOP  =======*/
#scrolltop {
    display: none;
    position: fixed;
    margin: 0.5rem!important;
    font-size: 18px;
    background-color: #f19a7c;
    border: 2px solid #f19a7c;
    color: #fff;
    cursor: pointer;
    padding: 5px 7px;
    border-radius: 2px;
	z-index: 1;
}

#scrolltop:hover {
	background-color: var(--mainColor);
	border: 2px solid #fff
}
/*======= SCROLL TOP  =======*/