/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/*-- Typography --*/
/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
    :root {
        --dd-fs-sm: clamp(0.85rem, 0.08vw + 0.83rem, 0.89rem);
        --dd-fs-base: clamp(1.06rem, 0.25vw + 1rem, 1.19rem);
        --dd-fs-md: clamp(1.33rem, 0.51vw + 1.2rem, 1.58rem);
        --dd-fs-lg: clamp(1.66rem, 0.9vw + 1.44rem, 2.11rem);
        --dd-fs-xl: clamp(2.08rem, 1.48vw + 1.71rem, 2.81rem);
        --dd-fs-2xl: clamp(2.59rem, 2.31vw + 2.02rem, 3.75rem);
        --dd-fs-3xl: clamp(3.24rem, 3.51vw + 2.36rem, 5rem);
        --dd-fs-4xl: clamp(4.05rem, 5.22vw + 2.75rem, 6.66rem);
    }
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
    :root {
        --dd-fs-sm: 0.85rem;
        --dd-fs-base: 1.06rem;
        --dd-fs-md: 1.33rem;
        --dd-fs-lg: 1.66rem;
        --dd-fs-xl: 2.08rem;
        --dd-fs-2xl: 2.59rem;
        --dd-fs-3xl: 3.24rem;
        --dd-fs-4xl: 4.05rem;
    }
    @media screen and (min-width: 1200px) {
        :root {
            --dd-fs-sm: 0.89rem;
            --dd-fs-base: 1.19rem;
            --dd-fs-md: 1.58rem;
            --dd-fs-lg: 2.11rem;
            --dd-fs-xl: 2.81rem;
            --dd-fs-2xl: 3.75rem;
            --dd-fs-3xl: 5rem;
            --dd-fs-4xl: 6.66rem;
        }
    }
}


/*-- Utility Typography --*/
.dd-fs-md{
    font-size: var(--dd-fs-md);
}
.dd-fs-lg{
    font-size: var(--dd-fs-lg);
}
.dd-fs-xl{
    font-size: var(--dd-fs-xl);
}
.dd-fs-2xl{
    font-size: var(--dd-fs-2xl);
}
.dd-fs-3xl{
    font-size: var(--dd-fs-3xl);
}

.dd-fs-4xl{
    font-size: var(--dd-fs-4xl);
}

/*-- Line Height --*/
/* line-height */
:where(html){
  --line-height-xs: 1.1;
  --line-height-sm: 1.2;
  --line-height-md: 1.4;
  --line-height-lg: 1.58;
  --line-height-xl: 1.72;
}

/*-- Colors and BG --*/
body{
	--dd-clr-primary: var(--e-global-color-primary);
	--dd-clr-secondary: var(--e-global-color-secondary);
	--dd-clr-text: var(--e-global-color-text);
	--dd-clr-accent: var(--e-global-color-accent); 
	--dd-clr-neutral-100: var(--e-global-color-cbc3985);
	--dd-clr-neutral-700: var(--e-global-color-2f2564c);	
}

.dd-clr-primary{
	color: var(--dd-clr-primary);
}
.dd-clr-secondary{
	color: var(--dd-clr-secondary);
}
.dd-clr-text{
	color: var(--dd-clr-text);
}
.dd-clr-accent{
	color: var(--dd-clr-accent);
}
.dd-clr-neutral-100{
	color: var(--dd-clr-neutral-100, #fff);
}

.dd-clr-neutral-700{
	color: var(--dd-clr-neutral-700, #141414);
}

.dd-clr-transparent{
	color: transparent;
}
 
/* Gaps */
:where(html){
    --dd-gap: 2rem;
    --dd-con-gap: clamp(4rem, 5vw, 5rem);
}

/*-- Widths --*/
.dd-con-gap{
    padding-block: var(--dd-con-gap);
}

/*-- Margins --*/
.dd-mt-auto{
	-webkit-margin-before: auto;
	        margin-block-start: auto;
}
.dd-ml-auto{
	-webkit-margin-start: auto;
	        margin-inline-start: auto;
}



/*-- Image --*/
@media screen and (min-width:768px){
.dd-img-full--td img{
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
}
}
@media screen and (min-width:1024px){
.dd-img-full--d img{
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
}
}
@media screen and (max-width: 767px){
    .dd-bg--td{
    background-image: none;
}
}

* Image Object Fit */
img.dd-o-fit--cover, .dd-o-fit--cover img{
    -o-object-fit: cover;
       object-fit: cover;
}
img.dd-o-fit--contain, .dd-o-fit--contain img{
    -o-object-fit: contain;
       object-fit: contain;
}

/* Image Object Position */
img.dd-o-pos--top-top, .dd-o-pos--top-top img{
    -o-object-position: top top;
       object-position: top top;
}
img.dd-o-pos--top-center, .dd-o-pos--top-center img{
    -o-object-position: top center;
       object-position: top center;
}
img.dd-o-pos--center-center, .dd-o-pos--center-center img{
    -o-object-position: center center;
       object-position: center center;
}

/*-- Profile Card --*/
.dd-profile-card img{
  aspect-ratio: 1 / 1;
  border-radius: 1e14px;
  border: .5em solid #fff; 
  -webkit-box-shadow: 0px 0px 15px #ccc; 
          box-shadow: 0px 0px 15px #ccc;
}

/*-- Header Section --*/
@media screen and (min-width:768px){
.dd-nav-btn a{
  color: #fff !important;
  font-size: calc(var(--dd-fs-base)*0.9) !important;
  font-weight: 800 !important;
  background-color: var( --e-global-color-secondary );
  border-radius: 20em 20em 20em 20em;
  padding: 0.95em 1.75em 0.95em 1.75em !important;
}

.dd-nav-btn.dd-nav-btn{
  color: #fff;
  -webkit-margin-start: 2em;
          margin-inline-start: 2em;
}
}

/*-- Body --*/
/* Align Footer to Bottom */
body{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
footer{
	margin-top: auto;
}
/*-- Footer --*/
/* Footer Links */
.dd-footer__links a{
  color: var(--e-global-color-neutral-100);
}

.dd-footer__links a:hover{
  color: var(--e-global-color-primary);
}

/* Footer Gallery */
.dd-footer__gallery .gallery{
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0,1fr) .5em minmax(0,1fr);
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .5em;
}

.dd-footer__gallery img{
  width: 100%;
}

.dd-footer__gallery.dd-footer__gallery .gallery .gallery-item{
  max-width: 100%;
}


/* Footer Address Column */
.dd-footer__addr .elementor-icon-box-icon{
  -webkit-margin-before: .25rem;
          margin-block-start: .25rem
}

/*-- PAGES TEMPLATE --*/


/* ##-- HOME CSS SNIPPETS --## */
/*-- Testimonial Slider --*/
.dd-testimonial__content{
  position: relative;
}

.dd-testimonial__content::before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #fff;
  bottom: calc(-1 * 15px + 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* Reverse Name and Description */
.dd-testimonial__content .elementor-icon-box-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

/* Pagination Bullets */
.dd-slider .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  background-color: var(--e-global-color-secondary);
  opacity: .9;
}

.dd-slider .swiper-pagination-bullet-active{
  background-color: #fff;
}
