/*===== Start root =====*/
:root {
    font-size: clamp(12px, 2px + 0.833vw, 18px);
    --bs-font-sans-serif: var(--bs-ff-gelion);
    --bs-ff-gelion: 'Gelion', ui-sans-serif, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bs-white: #ffffff;
    --bs-primary: #1c5aa9;
    --bs-primary-rgb: 28, 90, 169;
    --bs-secondary: #a6ce3a;
    --bs-secondary-rgb: 166, 206, 58;
    --bs-black-rgb: 35, 31, 32;
    --bs-black: #231f20;
    --bs-light-rgb: 246, 246, 246;
    --bs-light: #f6f6f6;
    --bs-body-color: #231f20;
    --bs-space: 7.7777rem;
    --bs-space-mini: 4.4444rem;
    --bs-body-line-height: 1.6;
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-hover-color-rgb: var(--bs-secondary-rgb);
    --bs-border-color: #e7ecf2;
    --bs-box-shadow: 0 0.555rem 2.777rem rgba(0, 0, 0, 0.09);
    --bs-box-shadow-sm: 0 0.555rem 2.777rem rgba(0, 0, 0, 0.09);
    
}
@media screen and (min-width: 1440px) and (max-width:1599px) {
    :root {
        font-size: 16px;
    }
   .common-testimonials .ti-widget {
        max-width: 1260px;
        margin: 0 auto;
    }
    .header-main .navbar-nav li a {
        font-size: 1rem;     
    }
    .header-main .custom-cat-manu button {
        font-size: 1rem;
    }
}
@media screen and (min-width: 1350px) {
    :root {
        --bs-body-font-size: clamp(16px, 10px + 0.417vw, 18px);
    }
}
@media screen and (max-width: 1199px) {
    :root {
        font-size: 16px;
        --bs-space: calc(1.625rem + 4.5vw);
        --bs-space-mini: calc(1.525rem + 3.3vw);
    }
}
/*===== End root =====*/

a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.5s;
    hyphens: auto;
    word-break: break-word;
    overflow-wrap: break-word;
}

img {
    line-height: 0;
    height: auto;
    max-width: 100%;
}

figure {
    margin: 0;
    line-height: 0;
}

figure a {
    display: block;
    line-height: 1;
}

figure img,
a img {
    width: 100%;
}

input {
    outline: none;
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

p:empty,
ul:empty,
ol:empty {
    display: none;
}

p,
ul,
ol,
address {
    margin-bottom: 0.8em;
    line-height: 1.5;
}

p:last-child,
ul:last-child,
ol:last-child,
address:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0;
}
b,
strong {
    font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}
.fw-bolder {
    font-weight: 900!important;
}
.outline-none {
    outline: none;
}

.text-shadow {
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.bg-primary {
    --bs-link-color-rgb: var(--bs-white-rgb);
}
.breakable-text {
    hyphens: auto;
    word-break: break-word;
    overflow-wrap: break-word;
}
.square-ratio {
  aspect-ratio: 1 / 1;
}
.min-w-1em {
  min-width: 1em;
}
.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.btn {
    text-transform: uppercase;
    --bs-btn-font-size: 1.2222rem;
    border-radius: 0.3rem;
    --bs-btn-font-weight: bold;
    --bs-btn-padding-x: 2.2222rem;
    --bs-btn-padding-y: 0.8em;
    line-height: 1.1;
    letter-spacing: 0.01em;
    box-shadow: 0 6px 6px rgba(208, 157, 91, 0.2);
    --bs-btn-font-family: var(--ff-oswald);
    white-space: normal;
}

.btn-secondary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

@media screen and (max-width:1199px){
    .btn {
        --bs-btn-font-size: 1rem;
        --bs-btn-padding-x: 1.8rem;
    }
}

/*===== Start fonts size css =====*/
.display-1 {
    font-size: calc(1.575rem + 3.9vw);
    line-height: 1;
}
.display-2 {    
    line-height: 1;   
    font-size:calc(1.525rem + 3.3vw);
}
.display-3 {
    font-size: calc(1.475rem + 2.7vw);
    line-height: 1;
}

.fs-2 {
    line-height: 1;
}

.fs-5 {
    font-size: 1rem !important;
}
.h5, h5 {
    font-size: 1rem;
}


@media screen and (min-width: 1200px) {
    .display-1 {
        line-height: 0.9;
        font-size: 4.5rem;
    }
    .display-2 {
        font-size: 3.5rem;
    }
    .display-3 {
        font-size: 3.8888rem;
    }
    .h1,
    h1 {
        font-size: 1.9444rem;
    }
    .h2,
    h2 {
        font-size: 1.6666rem;
    }
    .h3,
    h3 {
        font-size: 1.4444rem;
        line-height: 1.61538461538;
    }
    .h4,
    h4 {
        font-size: 1.3333rem;
    }
    .h5,
    h5 {
        font-size: 1.1111rem;
    }
    .fs-1 {
        font-size: 1.9444rem !important;
    }
    .fs-2 {
        font-size: 1.6666rem !important;
        line-height: 1;
    }
    .fs-3 {
        font-size: 1.4444rem !important;
        line-height: 1.61538461538;
    }
    .fs-4 {
        font-size: 1.3333rem !important;
    }
    .fs-5 {
        font-size: 1.1111rem !important;
    }
}

/*===== End fonts size css =====*/

/*===== Start space =====*/
.mt-space {
    margin-top: var(--bs-space);
}
.mb-space {
    margin-bottom: var(--bs-space);
}
.my-space {
    margin-top: var(--bs-space);
    margin-bottom: var(--bs-space);
}
.ms-space {
    margin-left: var(--bs-space);
}
.me-space {
    margin-right: var(--bs-space);
}
.mx-space {
    margin-left: var(--bs-space);
    margin-right: var(--bs-space);
}
.pt-space {
    padding-top: var(--bs-space);
}
.pb-space {
    padding-bottom: var(--bs-space);
}
.py-space {
    padding-top: var(--bs-space);
    padding-bottom: var(--bs-space);
}
.ps-space {
    padding-left: var(--bs-space);
}
.pe-space {
    padding-right: var(--bs-space);
}
.px-space {
    padding-left: var(--bs-space);
    padding-right: var(--bs-space);
}

.mt-space-mini {
    margin-top: var(--bs-space-mini);
}
.mb-space-mini {
    margin-bottom: var(--bs-space-mini);
}
.my-space-mini {
    margin-top: var(--bs-space-mini);
    margin-bottom: var(--bs-space-mini);
}
.ms-space-mini {
    margin-left: var(--bs-space-mini);
}
.me-space-mini {
    margin-right: var(--bs-space-mini);
}
.mx-space-mini {
    margin-left: var(--bs-space-mini);
    margin-right: var(--bs-space-mini);
}
.pt-space-mini {
    padding-top: var(--bs-space-mini);
}
.pb-space-mini {
    padding-bottom: var(--bs-space-mini);
}
.py-space-mini {
    padding-top: var(--bs-space-mini);
    padding-bottom: var(--bs-space-mini);
}
.ps-space-mini {
    padding-left: var(--bs-space-mini);
}
.pe-space-mini {
    padding-right: var(--bs-space-mini);
}
.px-space-mini {
    padding-left: var(--bs-space-mini);
    padding-right: var(--bs-space-mini);
}

.gap-space {
    gap: var(--bs-space);
}
.gap-space-mini {
    gap: var(--bs-space-mini);
}
.gy-space {
        --bs-gutter-y: var(--bs-space);
}
.gx-space {
        --bs-gutter-x: var(--bs-space);
}
.gy-space-mini {
        --bs-gutter-y: var(--bs-space-mini);
}
.gx-space-mini {
        --bs-gutter-x: var(--bs-space-mini);
}
/*===== End space =====*/

/*===== Start contaner =====*/


@media (min-width:1200px) and (max-width:1365px) {
    .common-testimonials .ti-widget {
        max-width: 1070px;
        margin-inline: auto;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 74.861rem;
        --bs-gutter-x: 1.5rem;
    }
}

@media (min-width:1200px) and (max-width:1439px) {

html {
    font-size: 15px !important;
}


}

@media (min-width:1366px) and (max-width:1439px) {
.common-testimonials .ti-widget {
    max-width: 1180px;
    margin-inline: auto;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 85.861rem;
    --bs-gutter-x: 1.5rem;
}
}


@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        /* max-width: 85.861rem; */
        --bs-gutter-x: 1.5rem;
    }
    .container-fluid {
        --bs-gutter-x: 3.3333rem;
        max-width: 106.7rem;
    }
    .header-main .container {
        max-width: 79rem;
    }
}

@media (min-width: 1366px) {
    .header-main .container {
        max-width: 86rem;
    }
}

@media (min-width: 1600px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
         max-width: 80.861rem;
    }

    .header-main .container {
        max-width: 86rem;
    }

    .display-1 {
        font-size: 6.1111rem;
        line-height: 0.9;
    }
    .display-2 {       
    font-size: 4.455rem;
}


}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 2.5rem;
}







/*===== End contaner =====*/