/* ================================================== */


/* Rivora
/* created by designesia

@charset "utf-8";

Table of content:
- import font
- import icons(font)
- variables
- body
- aside
- media query
*/

/* ================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* =============== import fonts icon =============== */

* {
  /* body font */
  --body-font: "Inter Tight", Helvetica, Arial, sans-serif;
  --body-font-size: 16px;
  --body-font-color: rgba(0, 0, 0, .6);
  --body-font-color-bg-dark: rgba(255, 255, 255, .6);
  --body-font-weight: 400;
  /* heading font */
  --heading-font: "Inter Tight", Helvetica, Arial, sans-serif;  
  --heading-font-weight: 500;
  --heading-font-color: #000000;
  --heading-font-color-bg-dark: #ffffff;
  --heading-text-transform: none;
  /* h1 */
  --h1-font-size: 60px;
  --h1-font-weight: var(--heading-font-weight);
  --h1-letter-spacing: 0;
  --h1-line-height: 1.15em;
  --h1-margin-bottom: 20px;
 /* h2 */
  --h2-font: var(--heading-font);
  --h2-font-size: 48px;
  --h2-font-weight: var(--heading-font-weight);
  --h2-letter-spacing: 0;
  --h2-line-height: 1.2em;
  --h2-margin-bottom: 25px;
  /* h3 */
  --h3-font-size: 26px;
  --h3-font-weight: var(--heading-font-weight);
  --h3-letter-spacing: 0;
  --h3-line-height: 1.5em;
  --h3-margin-bottom: 10px;
  /* h4 */
  --h4-font-size: 20px;
  --h4-font-weight: var(--heading-font-weight);
  --h4-letter-spacing: 0;
  --h4-line-height: 1.6em;
  --h4-margin-bottom: 10px;
  /* h5 */
  --h5-font-size: 18px;
  --h5-font-weight: var(--heading-font-weight);
  --h5-letter-spacing: 0;
  --h5-line-height: 1.6em;
  --h5-margin-bottom: 10px;
  /* h6 */
  --h6-font-size: 16px;
  --h6-font-weight: var(--heading-font-weight);
  --h6-letter-spacing: 0;
  --h6-line-height: 1.6em;
  --h6-margin-bottom: 10px;
  /* mainmenu */
  --mainmenu-font: var(--heading-font);
  --mainmenu-font-size: 17px;
  --mainmenu-font-weight: 500;
  --mainmenu-letter-spacing: 0;
  --mainmenu-text-transform: none;
  /* subheader */
  --subheader-title-font-size: 60px;
  --subheader-title-text-transform: none;
  /* header logo */
  --logo-width: 170px;
  --logo-footer-width: 150px;
  /* misc */
  --border-default: solid 1px rgba(30, 30, 30, 1);
  --bg-default: #F6F6F6;
  --bg-light: #F8F9FA;
  --bg-dark-1: #574640;
  --bg-dark-2: #5c4e48;
  --bg-dark-3: #303030;  
  --bg-dark-1-rgb: 87, 70, 64;
  --bg-grey: #eeeeee;
  --bg-gradient-1: 0deg, rgba(var(--primary-color-rgb), .1) 0%, rgba(var(--secondary-color-rgb), .2) 100%;
  --bg-color-even: #E8E8E8;
  --bg-color-odd: #F4F4F4;
  --swiper-theme-color: var(--secondary-color);
  --rounded-1: 16px;
  --border-color:#bbbbbb;
  --container-max-width:1240px;
  /* button */
  --btn-color: #fff;
  --btn-hover-bg: var(--bg-dark-1);
  --btn-font-family: var(--body-font);
  --btn-font-size: 15px;
  --btn-font-weight: bold;
  --btn-letter-spacing: 0;
  --btn-padding: 6px 20px;
  --btn-rounded: 30px;
  --btn-text-decoration: none;
  --btn-text-transform: none;

  --text-circle-width: 350px;
  --text-circle-speed: 10s;
}

.d-cap{
  display: inline-block;
  border: solid 1px #ffffff;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  padding: 5px 20px;
  margin: 10px;
}