/* -------- Theme Font-family, Colors & Fonts Sizes CSS Start ----------- */
body {
    font-family: var(--font-body);
    font-weight: var(--font-normal);
    font-style: normal;
    font-size: var(--font-base);
    color: var(--color-black);
    letter-spacing: var(--letter-spacing);
}
:root {
    --font-heading: 'Poppins-Bold';
    --font-body: 'Poppins-Regular'; 
    --font-icon: "Font Awesome 6 Free";
    --text-transform-capitalize: capitalize;
    --text-transform-uppercase: uppercase;
    --text-transform-none: none;
    --font-size48: 48px;
    --font-size24: 24px;
    --font-size22: 22px;
    --font-size20: 20px;
    --font-lg: 18px;
    --font-base: 16px;
    --font-sm: 14px;
    --font-xsm: 12px;
    --font-xxsm: 10px;
    --text-color: #ffc800;
    --line-height: 26px;
    --pragraph-line-height: 26px;
    --letter-spacing: 0.5px;
    --slider-slick-arrow-hover-bg: #ffc800;
    --slider-heading-letter-spacing: 2.5px;
    --font-slider-heading: 68px;
    --font-slider-subheading: 26px;
    --font-slider-descrpation: 18px;
    --font-normal: 400;
    --font-medium: 500;
    --font-semi-bold: 600;
    --font-bold: 700;
    --font-extra-bold: 800;
    --font-size--h1: 30px;
    --font-size--h2: 32px;
    --font-size--h3: 18px;
    --font-size--h4: 16px;
    --font-size--h5: 16px;
    --font-size--h6: 18px;
    --color-primary: #333;
    --color-red: #EB4C4C;
    --color-green: #00B67A;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-dark: #121212;
    --color-light: #dcdcdc;
    --color-medium: #747474;
    --color-primary-rgb: 79, 90, 228;
    --color-red-rgb: 235, 76, 76;
    --color-green-rgb: 0, 182, 122;
    --color-white-rgb: 255, 255, 255;
    --color-black-rgb: 0,0,0;
    --color-dark-rgb: 18, 18, 18;
    --color-medium-rgb: 141, 141, 141;
    --color-light-rgb: 242, 242, 242;
    --border-color: #e8e8e8;
    --border-color-2: #ffba38;
    --text-dark: var(--color-dark);
    --text-medium: var(--color-medium);
    --text-white: var(--color-white);
    --text-light: var(--color-light);
    --btn-color: var(--text-white);
    --btn-hover-color: var(--text-white);
    --btn-hover-bg: #000;
    --top-header-icon-size: 16px;
    --bg-top-header: #5a5da9;
    --bg-site-footer: #000;
    --bg-row-copyright-footer: #f5f5f5;
    --bg-1: #000;
    --bg-2: #7c7c81;
    --bg-3: #000;
    --bg-white: var(--color-white);
    --bg-dark: var(--color-dark);
    --bg-primary-light: rgba(var(--color-primary-rgb), .05);
    --gradient-1: linear-gradient(135deg, rgba(var(--color-white-rgb), .4) 0%, var(--color-primary) 100%);
    --shadow-md: 0 5px 30px -5px rgb(8, 0, 42, .08);
    --shadow-round: 0 10px 30px -5px rgb(8, 0, 42, .08);
    --radius-sm: 5px;
    --radius-md: 10px;
    --radius-xl: 15px;
    --radius-lg: 20px;
    --radius-pill: 50rem;
    --footer-ancher-hover: #d5d5d5;
    --social-whatsapp: #25d366;
    --social-fb: #4267B2;
    --social-insta: #C13584;
    --social-twitter: #1DA1F2;
    --social-linkedin: #0077b5;
    --social-youtube: #f00;
    --social-pinterest: #E60023;
    --blog-line-clamp: 5;

    --swiper-navigation-size: 22px !important;
    --swiper-theme-color: #0a0a0a !important;
    /* Slider CSS Start*/
    --sliderarrowdisplay:none;
    --slidercaptionleft:50%;
    --slidercaptiontop:42%;
    --slidercaptionbottom:auto;
 
    --sliderbtnbg: #00467a;
    --sliderbtncolor: #fff;
    --sliderbtnhovercolor: #fff;
    --sliderbtnbgbefore: #00407f;
    --sliderbtnborder: 1px solid #00467a;
    --sliderbtnhoverborder: 1px solid #00467a;
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background-color: var(--bg-light);
}
::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background: rgba(var(--color-dark-rgb), 0.2);
}

@font-face {
    font-family: 'Forma-djr, sans-serif';
    src: url(/assets/fonts/Futura/Futura.ttf);
}
@font-face {
    font-family: 'FormaDJRMicro-Regular';
    src: url(/assets/fonts/Forma-djr/FormaDJRMicro-Regular.ttf);
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url(/assets/fonts/Poppins/Poppins-Regular.ttf);
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url(/assets/fonts/Poppins/Poppins-Bold.ttf);
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url(/assets/fonts/Poppins/Poppins-Medium.ttf);
}

@font-face {
    font-family: 'Helvetica-Light';
    src: url(/assets/fonts/helvetica/Helvetica-Light.ttf);
}

@font-face {
    font-family: 'Helvetica-Bold';
    src: url(/assets/fonts/helvetica/Helvetica-Bold.ttf);
}

@font-face {
    font-family: 'Helvetica-Medium';
    src: url(/assets/fonts/helvetica/Helvetica-Medium.ttf);
}
@font-face {
    font-family: 'kirens-brush';
    src: url(/assets/fonts/kirens-brush/kirens-brush.otf);
}
p {
    font-size: var(--font-base);
    font-weight: var(--font-normal);
    line-height: var(--pragraph-line-height);
    margin-bottom:12px;
}
a {
    color: var(--text-dark);
    text-decoration: none;
    outline: 0 !important;
    transition: all 0.3s ease-out;
}

    a:hover {
        color: var(--color-primary);
    }

    a.hover-primary:hover {
        color: var(--color-primary) !important;
    }

.color-primary a {
    color: inherit;
}
:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) a {
    color: inherit;
	font-weight:700;
}

    :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) a:hover {
        color: var(--color-primary);
    }

:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

:is(.h1, .h2, .h3, .h4, .h5, .h6) {
    display: block;
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    font-weight: var(--font-bold);
    line-height: 1.3;
    color: var(--color-black);
}

p {
    color: var(--color-black);
}

h1 {
    font-size: var(--font-size--h1);
}

h2, .h2 {
    font-size: var(--font-size--h2);
}

h3, .h3 {
    font-size: var(--font-size--h3);
}

h4, .h4 {
    font-size: var(--font-size--h4);
}

h5, .h5 {
    font-size: var(--font-size--h5);
}

h6, .h6 {
    font-size: var(--font-size--h6);
}

p, .text, .card-text {
    color: #545454;
    line-height: var(--line-height);
    margin-bottom: 15px;
}

    p:last-child, .text:last-child, .card-text:last-child {
        margin-bottom: 0;
    }

    p:last-child {
        margin-bottom: 0 !important;
    }

.font-lg {
    font-size: var(--font-lg) !important;
}

.font-sm {
    font-size: var(--font-sm) !important;
}

.font-xsm {
    font-size: var(--font-xsm) !important;
}

.font-medium {
    font-weight: var(--font-medium);
}

.font-bold {
    font-weight: var(--font-bold);
}

dl, ol, ul {
    margin: 0px;
    padding: 0px;
}
ul, li, ol {
   
    list-style: none;
}
a, a:link {
    text-decoration: none;
    
}


/* margin CSS*/
.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

/* Padding CSS*/
.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-70 {
    padding-top: 70px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-80 {
    padding-top: 80px;
}


.pt-120 {
    padding-top: 120px;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-80 {
    padding-bottom: 80px;
}



.pb-100 {
    padding-bottom: 100px;
}

.pb-95 {
    padding-bottom: 95px;
}

.pb-120 {
    padding-bottom: 120px;
}

.px-60 {
    padding-inline: 60px;
}

.px-30 {
    padding-inline: 20px;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.ptb-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.ptb-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-40 {
    padding: 40px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

ul, li, ol {
   
    list-style: none;
}
/* -------- Theme Font-family, Colors & Fonts Sizes CSS Start ----------- */

.img-responsive {
    width:100%;
}
.btn, button.btnwhite {
    background: var(--bg-2);
    border: medium none;
    border-radius: 6px;
    color: var(--color-white);
    cursor: pointer;
    display: inline-block;
    font-size: var(--font-base);
    font-weight: var(--font-medium);
    letter-spacing: var(--letter-spacing);
    line-height: var(--line-height);
    margin-bottom: 0px;
    padding: 8px 30px;
    text-align: center;
    text-transform: var(--text-transform-capitalize);
    touch-action: manipulation;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}

    .btn::before, button.btnwhite::before {
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 0px;
        width: 100%;
        z-index: -1;
        background: var(--bg-dark);
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        border-radius: 5px;
    }

    .btn:hover button.btnwhite:hover {
        color: rgb(255, 255, 255);
    }

    .btn:hover::before, button.btnwhite:hover::before {
        top: 0%;
        bottom: auto;
        height: 100%;
    }

    .btn, .btn:hover, .btn-secondary {
        transition: all 0.25s ease 0s;
    }
    button, button.btnwhite:hover, button-secondary {
        transition: all 0.25s ease 0s;
    }

        .btn:hover, button.btnwhite:hover {
            color: rgb(255, 255, 255);
            background-color: var(--btn-hover-bg);
            border-color: var(--bs-btn-hover-border-color);
        }