@charset "utf-8";
/* CSS Document */
:root {
    --light-gray: #ebebeb;
    --dark-gray: rgb(109,109,109);
    --btn-green: #5C7A57;
    --btn-green-hover: #50644c;
    --main-green: #304E2C;

    --dark-blue: #0D65A8;
    --dark-blue-hover: #167bc9;
    --light-blue: #5AA9E6;
    --sec-blue: #4299D1;
    --sec-light-blue: #7FC8F8;
    --main-gray: #C7C7C7;
    --sec-gray: #E4E4E4;
    --main-yellow: #EBC81B;
    --sec-yellow: #FFE45E;

}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* Main Fonts */
@import url('https://fonts.googleapis.com/css2?family=Petrona:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;1,400&display=swap');
/* For CTA Button */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap'); 


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 20;
  display: block;
}

/* Fonts Styles Setup */
body{
    margin: 0px; 
    padding: 0px;
    font-family: "Poppins", sans-serif;
    font-size: 18px; 
    /* font-weight: 500;  */
    text-align: center;
}
.cta-btn{
    font-family: "Rubik", sans-serif;
}
.main-titles, .cards-wrapper {
    font-family: "Petrona", serif;
    letter-spacing: 0.025em;
    line-height: 1;
}
.cust-title, .review-text, .question, .policy-title {
    font-family: "Petrona", serif;
}
.uni-title-text {
    font-weight: 500;
    color: var(--btn-green);
    letter-spacing: 0.05em;
}
/* -------------- */

.container{max-width: 880px; margin: auto;}
.policy{display: block; padding: 10px;font-size: 13px;}
.policy a{ text-decoration: none;}
.center{text-align: center;}
/* a {
    width: 100%;
    height: fit-content;
    min-width: 130px;
    text-decoration: none;
} */


/* Hero section */

.hero-sec {
    height: calc(100% - 150px);
}
.hero-sec-wrapper {
    margin-top: 5vh;
}
.hero-pic-block {
    background-image: url("./img/HeroPic.webp");
    background-size: cover;
    background-repeat: no-repeat;
}
.img-wrapper img {
    mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
}
.fluid-title {
    font-size: 28px; /* Fallback value */
    font-size: clamp(24px, 7vw, 44px);
}

/* Main Section */
.small-cta-block {
    background-image: url("./img/SmallCTA.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Reviews SlideShow Styles */
.review-card {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 2s;
}

/* Show the slide with fade-in effect */
.review-card.active {
    opacity: 1;
    visibility: visible;
}



/* --------- */
ol li::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

/* Policies */
.policy-link {
    text-decoration: underline;
    color: var(--dark-blue);
}
.right-col-main p {
    font-size: 16px;
    font-weight: 500;
    margin-block: 10px;
}
.right-col-main .title {
    margin-top: 44px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
}
.policy-list {
    padding-left: 32px;
    font-size: 16px;
    font-weight: 500;
    list-style-type: disc;
    /* list-style-position: inside; */
    line-height: 32px; 
}