/* Beilman */

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


:root {
	--cnvs-body-font: "Roboto", sans-serif;
	--cnvs-primary-font: "Tomorrow", sans-serif;
	--cnvs-secondary-font: "Poppins", serif;
    --bs-body-font-size: 1.125rem;
    --bs-body-line-height: 1.875rem;
    --cnvs-line-height-base: 1.3;
    --cnvs-headings-font-weight: 300;
    --cnvs-subheadings-font-weight: 300;
    --bs-card-title-spacer-y: 0;
    --bs-card-subtitle-font-size: 1.1rem;
    --cnvs-subheadings-spacer-y: 1rem;
    --bs-body-font-weight: 300;
	--cnvs-themecolor: var(--bs-primary);
	--cnvs-themecolor-rgb: var(--bs-primary-rgb);
    --cnvs-footer-bg: #ffffff;
    --bs-emphasis-color: var(--bs-primary);
    --bs-emphasis-color-rgb: var(--bs-primary-rgb);
    --cnvs-section-margin: 0;
    --bs-border-radius: 0;
    --frame-link-color: var(--frame-color);
    --frame-link-hover-color: var(--frame-color);
    --frame-spacing: 6.25rem;
    --frame-spacing-small: 1.563rem;
    --frame-spacing-xs: 6.25rem;
    --frame-spacing-small-xs: 1.563rem;
    --frame-spacing-sm: 6.25rem;
    --frame-spacing-small-sm: 1.563rem;
    --frame-spacing-md: 6.25rem;
    --frame-spacing-small-md: 1.563rem;
    --frame-spacing-lg: 6.25rem;
    --frame-spacing-small-lg: 1.563rem;
    --frame-spacing-xl: 6.25rem;
    --frame-spacing-small-xl: 1.563rem;
    --frame-outer-spacing-before: 0;
    --frame-outer-spacing-after: 0;
    --frame-outer-spacing-variant-none: 0rem;
    --frame-outer-spacing-variant-extra-small: 1rem;
    --frame-outer-spacing-variant-small: 1.5rem;
    --frame-outer-spacing-variant-medium: 2rem;
    --frame-outer-spacing-variant-large: 2.5rem;
    --frame-outer-spacing-variant-extra-large: 3rem;
    scroll-behavior:smooth;
    scroll-padding-top: 150px;
    --cnvs-featured-box-icon: 4rem;
    --cnvs-featured-box-padding-x: 0.75rem;
    --carousel-control-width: 80px;
}



.element-header {
    color: #a52c51;
    font-family: "Tomorrow", sans-serif;
    text-transform: uppercase;
    font-weight: 300;
  }

  .element-subheader {
    color: #797b7e;
    font-family: "Tomorrow", sans-serif;
  }

  .card-title {
    color: #a52c51;
   
    text-transform: uppercase;
   
  }
  .frame-background-light .element-header {
    color: #a52c51;
    font-family: "Tomorrow", sans-serif;
    text-transform: uppercase;
    font-weight: 300;
  }

  .fbox-content h3, .fbox-content .h3 {
    font-size: var(--cnvs-featured-box-font-size);
    font-weight: var( --cnvs-headings-font-weight);
    font-family: var(--cnvs-primary-font);
    text-transform: uppercase;
    margin-bottom: 0;
    color: var(--cnvs-featured-box-font-color);
  }

  .carousel-text-inner {
    background-color: rgb(165, 44, 81);
    padding: 3rem;
    color: white;
  }

  .carousel .carousel-item .h1 {
    font-size: 3rem;
    line-height: 3.5rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
  }

  .awesome.h2, .h2.awesome {
    font-size: calc(1rem + 1.65vw);
    font-weight: 300;
    line-height: 1.3;
  }

  .icongroup-item-icon svg:not(.frame-background-primary) {
    fill: #fff !important;
    color: var(--cnvs-themecolor);
    background-color: #a52c51;
  
  }

  .icongroup-item-icon svg {
    display: block;
    width: 100%;
    height: auto;
    padding: 1.4rem 1.4rem;
  }

  .icongroup-item-icon {
    width: calc(var(--cnvs-featured-box-icon) + var(--cnvs-featured-box-padding-x) * 7);
    height: var(--cnvs-featured-box-icon);
    padding: 0 var(--cnvs-featured-box-padding-x);
  }

  .icon-stacked {
    background-color: rgb(165, 45, 82) !important;
  }

   /* hovercard */


  .card {
    --bs-card-title-spacer-y: var(--bs-card-title-spacer-y);
    --bs-border-width: 0;
    border: 1.5px solid #d3d3d3;
  transition: all .5s ease-in-out;
  }

  .card:not(.dark .card) {
    background-color: white !important;
  }

  .card:hover {
    background-color: rgba(255, 255, 255, 0) !important;
    border:none;
  }

  #p214 .card,
  #p1 .card {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }

  #p214 .card:hover,
  #p1 .card:hover {
    background-color: transparent !important;
  }

  #p102 .card {
    background-color: transparent !important;
  }

  #p102 .card:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }


.card {
    --bs-card-title-spacer-y: var(--bs-card-title-spacer-y);
    --bs-border-width: 0;
}

.card-group-style-06 .card-body,
.card-group-style-06 .card-footer {
    padding: 1.5rem;
}

.card-title {
   
        font-weight: var(--cnvs-headings-font-weight);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 1.3rem;
       
      
}

.card-group-element-style-02 .card-group-element-item {
    min-height: 300px;
}

.g-0 .card-group-element-item {
    width: calc(100% / var(--cardgroup-columns));
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .card-group-element-item img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .card-group-element-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}


   /* footer */

.dark#footer .footer-widgets-wrap, .dark #footer .footer-widgets-wrap {
    color: #000;
  }

#footer [class*="col-"] {
    border-right: 1px solid black;
}


.dark#footer .footer-widgets-wrap a, .dark #footer .footer-widgets-wrap a {
    color: rgba(39, 58, 50, 0.75);
}
.dark#footer .footer-widgets-wrap a:hover, .dark #footer .footer-widgets-wrap a:hover {
    color: rgba(39, 58, 50, 0.75);
}

#footer {
    border-top: 2px solid #a52c51;
  }

#footer img {
    max-width: 250px;
    display: unset;
}

#footer .bg-overlay {
    display: none;
}

.dark {
    --cnvs-footer-bg: #ffffff;
}

.dark#footer .footer-widgets-wrap, .dark #footer .footer-widgets-wrap {
    color: #000;
  }



#footer [class*="col-"] {
    border-right: 2px solid #a52c51;
}