/* CSS Document */
*,::after,::before{ margin: 0; padding: 0;}

:root {
    --primary-main: #eb595f;
    --primary-dark: #d94c50;
    --primary-light: #f18b8f;
    --primary-extra-light: #fdeeef;
    --on-primary: #fff;
    --on-primary-second: #bc474c;
    --on-primary-third: #eee;
    --secondary-main: #5e455a;
    --secondary-dark: #41303e;
    --secondary-light: #8e7d8b;
    --secondary-custom: #87547f;
    --secondary-custom-variant: #815379;
    --on-secondary: #fff;
    --tertiary-blue: #5659d3;
    --tertiary-green: #469e59;
    --tertiary-green-light: #cee4da;
    --tertiary-green-variant2: #edf5ee;
    --tertiary-yellow: #f6ab2f;
    --tertiary-yellow-light: #fff4e6;
    --tertiary-red: #e6492d;
    --on-tertiary: #fff;
    --light-green: #5ba585;
    --dark-blue: #365677;
    --whatsApp-color: #55ce6c;
    --getLink-color: #b3b3b3;
    --facebook-color: #485893;
    --linkedin-color: #007aaa;
    --twitter-color: #55acee;
    --pinterest-color: #cb2027;
    --error: #a20b00;
    --on-error: #fff;
    --background-main: #f5f4f5;
    --on-background-100: #41303e;
    --on-background-70: #7a6e77;
    --on-background-50: #a0979e;
    --on-background-20: #d9d6d8;
    --on-background-10: #eceaeb;
    --on-background-5: #f5f4f5;
    --surface-main: #fff;
    --on-surface-100: #41303e;
    --on-surface-70: #7a6e77;
    --on-surface-50: #a0979e;
    --on-surface-20: #d9d6d8;
    --on-surface-10: #eceaeb;
    --on-surface-5: #f5f4f5;
    --on-surface-secondary: #666;
    --on-surface-border: #ccc;
    --on-surface-default: #1a1a1a;
    --on-surface-tertiary: #f2f2f2;
    --on-surface-thin: #e6e6e6;
    --mustard-light: #fce195;
    --mustard-extra-light: #f9e8bd;
    --mustard-Dark: #fb3;
    --white: #fff;
    --black: #000;
    --resting: 0px 0px 2px rgba(0,0,0,0.2);
    --dark-bg: rgba(0,0,0,0.34902);

    --primary-font: "Roboto", sans-serif;
    --secondary-font: "Poppins", sans-serif;

    --section-padding-block-64: clamp(29px, 3.333vw, 64px);
    --section-padding-block-40: clamp(20px, 2.083vw, 40px);

    --uc-font-size-16: clamp(14px, 0.833vw, 16px);
    --uc-font-size-20: clamp(14px, 1.042vw, 20px);
    --uc-font-size-31: clamp(22px, 1.615vw, 31px);
    --uc-font-size-35: clamp(21px, 1.823vw, 35px);
    --uc-font-size-60: clamp(30px, 3.125vw, 60px);
}

h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0;}

a{ text-decoration: none; display: inline-block;}

.row{ --bs-gutter-y: 24px; }

body{ width:100%; padding:0; margin:0; background:#fff;  font-family: 'Raleway',sans-serif; font-family: var(--primary-font); font-size: var(--uc-font-size-16); }
ul{ padding:0; margin:0; list-style:none; }
@media screen and (min-width: 1300px) { .container{ max-width:1392px; } }

.img-fluid-cover{ height: 100%; width: 100%; object-fit: cover; object-position: center;}

.primary-btn {
    background-color: #eb595f;
    background-color: var(--primary-main);
    border-radius: 27px;
    color: #fff;
    color: var(--white);
    font-size: var(--uc-font-size-16);
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 24px;
    padding: clamp(11px, 0.781vw, 15px) clamp(27px, 2.813vw, 54px);
    text-transform: uppercase;
    text-align: center;
}

.primary-btn i{ margin-left: clamp(9px, 0.677vw, 13px);}

.seconday-btn{ color: var(--primary-main); font-size: 600; font-family: var(--secondary-font);}
.seconday-btn i{ margin-left: 13px; }

.title-1{ color: var(--secondary-dark); font-weight: 600; font-family: var(--secondary-font); font-size: var(--uc-font-size-35); text-transform:capitalize; }
.title-1 span{ color: var(--primary-main);}

[class^="common-head-"] p{ max-width: 768px; font-size: var(--uc-font-size-20); line-height: 1.4; margin-top: 12px;}
.common-head-1 p{ text-align: center; max-width: 768px; margin: 0 auto; margin-top: 12px;}
.common-head-1 .title-1{ text-align: center;}
.common-head-2{ display: flex; justify-content: space-between; gap: 30px; align-items: center; flex-wrap: wrap;}



#rolling-text > span {
    position: relative;
    display: inline-block;
    height: 1.25em;
    vertical-align: bottom;
    overflow: hidden;
}

#rolling-text > span > span {
    display: block;
    animation: animateWords var(--duration, 10s) infinite ease;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0 !important;}