@charset "utf-8";
@import url(../css/bootstrap.min.css);
@import url(../css/owl.carousel.min.css);
@import url(../css/fontawesome.min.css);
@import url(../css/fancybox.min.css);
@import url(../css/animate.css);
@import url(../css/swiper-bundle.min.css);
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap');
:root {
    --black-color: #000000;
    --white-color: #ffffff;
    --primary-color: #8CAAB5;
    --secondary-color: #000D1A;
    --tertiary-color: #001F3F;
    --web-color: #6D94A3;
    --body-color: #454545;
    --nav-color: #3F3F3F;
    --submenu-color: #ffffff;
    --heading-color: #000D1A;
    --subheading-color: #000D1A;
    --primary-bg: #EDF4F7;
    --secondary-bg: #1B1B1B;
    --tertiary-bg: #CFE2E9;
    --footer-bg: #191817;
    --footer-color: #C2C2C2;
    --btn-bg: #8CAAB5;
    --dark-btn: #383838;
    --border-color: #CCCCCC;
    --secondary-border-color: #707070;
    --social-border: #DCDCDC;
    --box-border: #BFBFBF;
    --highlight-color: linear-gradient(294deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    --gradient-color: linear-gradient(330deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    --border-radius: clamp(8px, 2vw, 12px);
    --border-radius-big: clamp(10px, 2vw, 20px);
    --box-shadow: 0px 6px 46px 0px #0000000F;
    --input-color: #B9B9B9;
    --input-border: #CCCCCC;
    --star-color: #FF9900;
    --danger-color: #ff0000;

    /* ==========Font Variable========== */
    --body-font: "Inter", serif;
    --nav-font: "Inter", serif;
    --primary-font: "Inter", serif;
    --secondary-font: "Syne", serif;
    --heading-font: "Syne", serif;
    --subheading-font: "Syne", serif;
    --icon-font: 900 16px / 1em "Font Awesome 6 Free";

    /* ==========Margin Padding Gap========== */

    --gap10: 10px; --gap20: 20px; --gap30: 30px; --gap40: 40px;
    --gap50: 50px; --gap60: 60px; --gap70: 70px; --gap80: 80px;
    --sectionFalse: 0px;
    /* ==========Responsive Nav========== */
    --offsetTop: 135px;
    --responsiveBody: linear-gradient(45deg, #000 0%, var(--nav-color) 25%, var(--primary-color) 50%, #0e354b 85%, var(--secondary-color) 100%);
    --globalFont: 20px;

}
*, *::after, *::before { padding: 0; margin: 0; box-sizing: border-box; }
html { overflow-x: hidden; }
body {
    font: 400 17px / 1.5 var(--body-font);
    color: var(--body-color);
    background: transparent;
    padding: 0;
    margin: 0;
    letter-spacing: 0.3px;
}
::-webkit-scrollbar { width: 4px; }
body::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: var(--primary-color); }
::-webkit-scrollbar-thumb { background: var(--secondary-color); }
::-moz-selection { background-color: var(--primary-color); color: var(--white-color); }
::-webkit-selection { background-color: var(--primary-color); color: var(--white-color); }
::selection { background-color: var(--primary-color); color: var(--white-color); }
@-moz-document url-prefix() {
    html{
        scrollbar-width: thin;
        scroll-behavior: smooth;
        scrollbar-color: var(--secondary-color) var(--primary-color);
    }
}
@media only screen and (min-width: 1480px) {
    .container {
        max-width: 1470px;
    }
}
/* ===========Common CSS Start================ */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,blockquote,address {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}
:where(h1, h2, h3, h4, h5, h6) { font-family: var(--secondary-font); }
h1 { font-size: 43px; line-height: 1.2; font-weight: 700; margin: 0 0 20px; color: var(--heading-color) }
h2 { font-size: 32px; line-height: 1.2; font-weight: 700; margin: 0 0 16px; color: var(--heading-color) }
h3 { font-size: 28px; line-height: 1.3; font-weight: 700; margin: 0 0 12px; color: var(--heading-color) }
h4 { font-size: 26px; line-height: 1.3; font-weight: 700; margin: 0 0 10px; color: var(--heading-color) }
h5 { font-size: 24px; line-height: 1.4; font-weight: 700; margin: 0 0 8px; color: var(--heading-color) }
h6 { font-size: 20px; line-height: 1.4; font-weight: 700; margin: 0 0 6px; color: var(--heading-color) }
.container, .relative, .formLabel-wrap{ position: relative; z-index: 1; }
.z2{z-index: 2;}
.liquid-container { max-width: calc(100% - 90px); }
.container-fluid { max-width: 1920px; padding: 0; }
.transition, [class*="rj-btn-"], button, a, a::before, a::after, img, .header_main, .responsive_nav, .social a i, .nav_menu a>span::after, .social a i::after, .social a:hover i::before, .rj_box, .rj_img, .rj_box .rj_icon, .rj_text, .subheading, .subheading span, .responsive_btn span, .responsive_btn span:before, .responsive_btn span:after, .subarrow, .page-numbers::before, .owl-nav [class*="owl-"], .flex-prev, .flex-next, .owl-dot, .heading, .title, .headtag, .subheading, .subtitle, .subtag, .tab-button, #qlwapp.qlwapp-bottom-right, .readmore, .readmore::before, .readmore i, .rj_ques, .learn-more, .beforeAfter::after, .beforeAfter::before, .tab-button, .tab-link, .moredetails, .moredetails i{ -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.transtition-5, .nav_menu .sub-menu, .shadowBoxEffect::after, .box-overlay::after, .scrollup, .scrollup i, .scrollup::after, .gradientShadow::after, .bodyOverlay, .rj-popupOverlay, .sidebar-overlay { -moz-transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.transtition-1, .radiusBoxHover::after { -moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; }
p, div:not([class]) { margin: 0 0 20px; line-height: 1.8; }
p:last-child { margin-bottom: 0; }
a { display: inline-block; border: none; text-decoration: none; outline: none; color: var(--secondary-color); }
a:hover { color: var(--primary-color); outline: none; }
img { display: block; max-width: 100%;}
img.text-center{ margin: auto;}
.full-img { width: 100% !important; height: 100% !important; object-fit: cover; }
label { display: block; font-weight: 600; font-size: 18px; margin-bottom: 4px; }
span, b, strong { display: inline-block; vertical-align: middle; }
b, strong { font-weight: 600; }    
del, del .woocommerce-Price-amount{text-decoration: line-through; color: #7A7A7A;}
em, cite{font-style: inherit;}
[class*="rj-btn-"], .woocommerce button{
    display: inline-block;
    min-width: 130px;
    text-align: center;
    border: 1px solid transparent;
    background: var(--btn-bg);
    color: var(--white-color);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    outline: none;
    text-transform: uppercase;
    font: 500 16px var(--primary-font);
    --height: 46px;
    height: var(--height);
    line-height: calc(var(--height) - 2px);
    padding: 0 30px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    flex-shrink: 0;
    letter-spacing: 0.5px;
}
[class*="rj-btn-"]:hover, button:hover{
    color: var(--white-color);
    background: var(--secondary-color);
    border-color: currentColor;
}
[class*="rj-btn-"].lg {
    --height: 54px;
    font-size: 17px;
}
[class*="rj-btn-"].sm {
	min-width: 110px;
	font-size: 13px;
	--height: 36px;
	padding-inline: 24px;
}
[class*="rj-btn-"][disabled] {
    opacity: 0.5 !important;
    cursor: not-allowed;
}
/* ======White-Button Start========*/
    [class*="rj-btn-"].secondary-btn { background: var(--secondary-color); color: var(--white-color); border-color: transparent; }
    [class*="rj-btn-"].secondary-btn:hover{color: var(--white-color); background: var(--btn-bg);}
/* ======White-Button Ends========*/

/* ======White-Button Start========*/
    [class*="rj-btn-"].white-btn { background: var(--white-color); color: var(--secondary-color); border-color: currentColor; }
    [class*="rj-btn-"].white-btn.black-text:not(:hover) { color: var(--heading-color); border-color: transparent; }
    [class*="rj-btn-"].white-btn:hover{color: var(--white-color); background: var(--btn-bg);}
/* ======White-Button Ends========*/

/* ======Dark Button Start========*/
    [class*="rj-btn-"].dark-btn { background: var(--dark-btn); color: var(--white-color); border-color: transparent; }
    [class*="rj-btn-"].dark-btn:hover{color: var(--white-color); background: var(--secondary-color);}
/* ======Dark Button Ends========*/

/* ======Transparent Button Start========*/
    [class*="rj-btn-"].transparent-btn { background: transparent; color: var(--secondary-color); border-color: var(--btn-bg); letter-spacing: 1px; }
    [class*="rj-btn-"].transparent-btn:hover{ background: var(--secondary-color); color: var(--white-color); border-color: transparent;}
/* ======Transparent Button Ends========*/

/* ======Danger Button Start========*/
    [class*="rj-btn-"].danger-btn { background: var(--danger-color); border-color: var(--danger-color); }
/* ======Danger Button Ends========*/

/* ======Square Button Start========*/
    [class*="rj-btn-"].square-btn, button { border-radius: 4px; padding: 0 24px; }
    [class*="rj-btn-"].square-btn.sm { padding-inline: 16px; }
/* ======Square Button Ends========*/

/* ======Radius Button Start========*/
    [class*="rj-btn-"].radis-btn { border-radius: 50px; padding: 0 30px; }
    [class*="rj-btn-"].radis-btn.sm { padding-inline: 24px; }
/* ======Radius Button Ends========*/

/* ======Woocommerce Button Start========*/
    button.button{
        border: 1px solid transparent !important;
        background: var(--btn-bg) !important;
        color: var(--white-color) !important;
        font: 400 16px var(--primary-font) !important;
        height: 44px !important;
        line-height: 42px !important;
        padding: 0 24px !important;
        letter-spacing: 1px;
    }
    button.button:hover{
        background: var(--secondary-color) !important;
    }
/* ======Woocommerce Button Ends========*/

.rj-btn.rj-btn-icon { font-size: 0; min-width: auto; padding: 0; width: 44px; height: 44px; line-height: normal; }
.rj-btn-icon i { font-size: 20px; margin: 1px 0 0 -2px; }
.noList ul, ul.noList { padding: 0; margin: 0; list-style: none; }
.noList li { margin: 0; }
.list-line { display: flex; align-items: center; position: relative; }
.list-line li:not(:last-child):after { content: ''; border-right: 1px solid var(--border-color); margin: 0 16px; }
hr { border-color: var(--border-color); margin: 20px 0; }
.primary-bg { background: var(--primary-bg); }
.secondary-bg { background: var(--secondary-bg); color: var(--white-color);}
.primary-color { color: var(--primary-color) !important; }
.secondary-color { color: var(--secondary-color) !important; }
.hover-color { color: var(--secondary-color) !important; }
.primary-font { font-family: var(--primary-font) !important; }
.cursor-pointer { cursor: pointer; }
.column-gap05 { column-gap: calc(0.5vw + 12px); }
.column-gap { column-gap: calc(2vw + 12px); }
.column-gap-2 { column-gap: calc(3vw + 16px); }
.column-gap-3 { column-gap: calc(4vw + 20px); }
[class*="line-css-"]{display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.line-css-2{ -webkit-line-clamp: 2; }
[class*="rj-btn-"].no-text {
    min-width: auto;
    padding: 0;
    font-size: 14px;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
[class*="rj-btn-"].no-text.no-text-sm {
    width: 36px;
    height: 36px;
    font-size: 16px;
    transform: none;
}
[class*="rj-btn-"].no-text.no-text-lg {
    padding: 0 0 0 2px;
    font-size: 30px;
    width: 60px;
    height: 60px;
}
.fixedButton [class*="rj-btn-"], [class*="rj-btn-"].vertical-button {
	writing-mode: sideways-lr;
	height: auto;
	padding: 24px 2px;
	min-width: auto;
}
/* ===============Form=============== */
    form {
        margin: 0;
        padding: 0;
    }
    .form_wrap, .comment-respond{
        --min : 20px;
        padding: clamp(30px, 2vh, 30px) clamp(var(--min), 2vw, 40px);
        box-shadow: var(--box-shadow);
        border-radius: var(--border-radius);
        overflow: hidden;
        max-width: 830px;
        margin: 0 auto;
    }
    .form_wrap p{line-height: 1.5;}
    label {
        display: block;
        text-align: left;
        margin: 0 0 6px 0;
        padding: 0;
        font: 500 17px/1.4 var(--primary-font);
        color: var(--black-color);
    }
    .wpcf7-form-control-wrap { display: block; }
    .required{color: var(--danger-color);}
    .form-control, .wpcf7-form-control, .comment-form :is(input, textarea, select) {
        padding: 5px 20px;
        width: 100%;
        height: 48px;
        border: 1px solid var(--input-border);
        -webkit-border-radius: 6px;
        border-radius: 6px;
        background-color: var(--white-color);
        color: var(--black-color);
        caret-color: var(--primary-color);
        font: 400 15px / 2 var(--primary-font);
        letter-spacing: 0.5px;
        position: relative;
        vertical-align: top;
        outline: none;
        -moz-transition: all 300ms ease-in-out 0s;
        -webkit-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
    }
    select.form-control, select.wpcf7-form-control {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url(../images/select-arrow.png);
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: calc(100% - 10px) 16px;
        padding-right: 30px;
    }
    .form-control:focus, .wpcf7-form-control:focus { border-color: var(--secondary-color) !important; outline: 0; box-shadow: none; }
    textarea.form-control, textarea.wpcf7-form-control, .comment-form-comment textarea, .woocommerce form .form-row textarea{
        height: 180px;
        padding-top: 10px;
        resize: none;
    }
    .secondary-form-control .wpcf7-form-control, .secondary-form-control .wpcf7-form-control {
        border: 2px solid var(--white-color);
    }
    .radius-form-control .form-control, .radius-form-control .wpcf7-form-control {
        border-radius: 10vw;
        padding-inline: 24px;
    }
    .radius-form-control textarea.wpcf7-form-control, .radius-form-control textarea.wpcf7-form-control {
        border-radius: 1vw;
    }
    ::-webkit-input-placeholder {
        opacity: 1;
        color: var(--input-color);
    }
    :-moz-placeholder {
        opacity: 1;
        color: var(--input-color);
    }
    ::-moz-placeholder {
        opacity: 1;
        color: var(--input-color);
    }
    :-ms-input-placeholder {
        opacity: 1;
        color: var(--input-color);
    }
    ::placeholder {
        opacity: 1;
        color: var(--input-color);
    }
    input[type="radio"],
    input[type="checkbox"] {
        cursor: pointer;
        margin: 2px 5px 0 0;
        vertical-align: top; accent-color: var(--secondary-color);
        width: 20px; height: 20px;
    }
    .form_wrap .row { row-gap: 20px; }
    .formLabel .row{row-gap: 30px;}
    .form-control[readonly],
    .wpcf7-form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1;
        opacity: 0.5;
        cursor: no-drop;
        color: var(--black-color);
    }
    .no-shadow {
        box-shadow: none;
        background: transparent;
    }
    .secondary-form .form-control, .secondary-form .wpcf7-form-control {
        background-color: #E0E0E0;
        color: var(--secondary-color);
        border-color: #E0E0E0;
    }
    .secondary-form .form-control::placeholder, .secondary-form .wpcf7-form-control::placeholder {color: #8F8F8F; font-weight: normal;}
    .wpcf7-list-item {
        display: inline-block;
        margin: 0 0 0 1em;
    }
    .tnp.tnp-subscription.tnp-widget { position: relative; }
    .tnp-field label{display: none;}
    .tnp-field .form-control{ height: 54px; color: var(--footer-bg);}
    .tnp-field .form-control::placeholder{color: inherit;}    
    .comment-form input[type="checkbox"] { width: 20px; height: 20px; flex-shrink: 0; }
    .comment-form-cookies-consent { display: flex; column-gap: 4px; margin: 20px 0px 20px !important; }
    .comment-form-cookies-consent label { margin: 0; }
/* ===========Section Part================ */
    .section { position: relative; z-index: 1; --paddingBlock: 50px; padding-block: var(--paddingBlock); clear: both; }
    .section:has( .rjStickyContent){overflow: inherit;}    
    .section.section-md { --paddingBlock: 70px; }
    .section.section-lg { --paddingBlock: 100px; }
    .section-topFalse { --padding-top: var(--sectionFalse) !important; }
    .section-bottomFalse { --padding-top: var(--sectionFalse) !important; }
    @media only screen and (min-width: 1400px){
        .section-topFalse-xxl { padding-top: var(--sectionFalse) !important; }
        .section-bottomFalse-xxl { padding-bottom: var(--sectionFalse) !important; }
    }
    @media only screen and (min-width: 1200px) and (max-width: 1399px){
        .section-topFalse-xl { padding-top: var(--sectionFalse) !important; }
        .section-bottomFalse-xl { padding-bottom: var(--sectionFalse) !important; }
    }
    @media only screen and (min-width: 992px) and (max-width: 1199px){
        .section-topFalse-lg { padding-top: var(--sectionFalse) !important; }
        .section-bottomFalse-lg { padding-bottom: var(--sectionFalse) !important; }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px){
        .section-topFalse-md { padding-top: var(--sectionFalse) !important; }
        .section-bottomFalse-md { padding-bottom: var(--sectionFalse) !important; }
    }
    @media only screen and (min-width: 576px) and (max-width: 767px){
        .section-topFalse-sm { padding-top: var(--sectionFalse) !important; }
        .section-bottomFalse-sm { padding-bottom: var(--sectionFalse) !important; }
    }
    .section::before, .inner_banner::after, .homeslider .banner_img::after, .beforeAfterShow::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }
    .beforeAfterShow::before{z-index: 1; background: #00000033;}
    .heading, .title, .headtag, .subheading, .subtitle, .subtag, .highlight-text, .rj-widget-title { display: block; position: relative; z-index: 1; color: var(--heading-color); }
    .heading { --font: 48px; font: 700 clamp(28px, calc(1.5vw + 2vh + 1.2vmin),  var(--font)) / 1.2 var(--heading-font); margin-bottom: 20px; }
    :is(.title, .heading).secondary-heading{ color: var(--secondary-color); }
    :is(.title, .heading, .headtag, .rj-widget-title).primary-heading-font{ font-weight: 600; font-family: var(--heading-font); }
    .heading>* { display: revert; }
    .heading.outlineHeading { font: 800 clamp(50px, calc(6vw + 9vh + 2.5vmin), 200px) 'Arial'; -webkit-text-stroke: 5px var(--black-color); color: transparent;}
    .gradientText > span, .productColor{ color: transparent; background: var(--highlight-color); -webkit-text-fill-color: transparent; -webkit-background-clip: text; }
    .heading span::selection, .title span::selection, .headtag span::selection, .gradientText::selection, .productColor::selection, .box-overlay:hover .productColor{ -webkit-text-fill-color: var(--white-color); }
    .title { font: 700 clamp(24px, calc(1.4vw + 1.8vh + 1vmin), 42px) / 1.1 var(--heading-font); margin-bottom: 16px; }
    .headtag, .rj-widget-title, .formTitle { font: 600 32px / 1.1 var(--heading-font); margin-bottom: 16px;}
    .formTitle{font-size: 40px; color: var(--heading-color);}
    .rj-widget-title {font-size: 28px;}
    .heading:last-child, .title:last-child, .heading:last-child, .subheading:last-child, .subtitle:last-child, .subtag:last-child, .highlight-text:last-child { margin-bottom: 0; }
    a:hover .subheading, a:hover .subtitle, a:hover .subtag, .subtitle a:hover, .subheading a:hover, .subtag a:hover { color: var(--primary-color); }
    .subheading, .subtitle, .subtag { font: 700 26px / 1.3 var(--heading-font); margin-bottom: 8px; color: var(--subheading-color);}
    .subtitle{
        font-size: 22px;
    }
    .subtag {
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .text-white .subtag{color: inherit;}
    .underline {
        position: relative;
        z-index: 1;
        display: inline-block;
        vertical-align: top;
        text-decoration: none !important;
    }
    /* .underline::after { content: ''; display: block; background: url(../images/heading-underline.png) no-repeat center; width: 100%; height: 75px; background-size: contain; margin: -24px auto 0; } */
    .heading.sm-text {
        font-weight: normal;
        font-size: clamp(24px, calc(1.5vw + 2.2vh + 1.2vmin), 48px);
        letter-spacing: -0.5px;
    }
    .heading.sm-text span {
        font-size: 1.2em;
        font-weight: 700;
    }
    *.colorInherit{color: inherit;}
    *.colorHover:not(:hover), .product-name a:not(:hover){color: inherit;}
/* ===========Common Content================ */
    .rj_content { margin: 0 0 40px; }
    .rj_content.max-content { max-width: 830px; }
    .rj_content.md-content { max-width: 600px; }
    .rj_content.liquid-content{max-width: 75%;}
    .text-center .max-content, .max-content.text-center, .md-content.text-center , .liquid-content.text-center { margin-inline: auto; }
    .rj_content:last-child { margin-bottom: 0; }
    .layout { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2vw; }
    .layout-2 { display: grid; grid-template-columns: repeat(1, 1fr 2fr); gap: 2vw; }
    .layout-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .rj_editor_text ul { margin: 20px; padding: 0; list-style: none; text-align: left;}
    .rj_editor_text ul li { position: relative; z-index: 1; padding-left: 32px; line-height: 1.8; font-weight: 500;}
    .rj_editor_text:has( .woocommerce) li{padding-left: 0;}
    .rj_editor_text:has( .woocommerce) li::before{display: none;}
    li { margin-bottom: 16px; }
    li:last-child { margin-bottom: 0; }
    .rj_editor_text ul>li:before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        top: 8px;
        left: 6px;
        background: url(../images/check-list.png) no-repeat center;
        background-size: contain;
    }
    .rj_editor_text ul :is( ol, ul ) { margin: 15px 0; }
    .rj_editor_text ul ul>li:before {
        background: var(--primary-color);
        width: 10px;
        height: 10px;
        top: 10px;
        left: 10px;
        outline: 1px solid var(--primary-color);
        border: 1px solid var(--white-color);
    }
    li::marker{font-weight: 600;}
    .rj_editor_text ol > li:has( ul) > strong, .rj_editor_text ol > li:has( ul)::marker {
        font-size: 1.2em;
    }
    .rj_editor_text p:has( + h2, + h3, h4) { padding-bottom: 12px; }
    .btn_center, .btn_left { margin-top: 50px; }
    .btn_center.sm, .btn_left.sm { margin-top: 30px; }
    .btn_center { text-align: center; }
    .btn-wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
	.text-center .rj_editor_text ul {
		max-width: max-content;
		margin-inline: auto;
	}
    @media only screen and (min-width: 992px) {
        .absolute-text.text-white> *:not(.learn-more) { color: var(--white-color); letter-spacing: 0.4px; }
    }
    *.w { color: var(--white-color); }
    *.fw-600, .fw-600 {font-weight: 600;}
    *.fw-500, .fw-500 {font-weight: 500;}
    *.fw-400, .fw-400 {font-weight: 400;}
    .text-balance { text-wrap: balance; }
    .text-pretty { text-wrap: pretty; }
    .flex-shrink { flex-shrink: 0; }
    .heading:empty, .title:empty, .headtag:empty, .subheading:empty, p:empty { display: none; }
    .align-self-start { align-self: start; }
    .align-self-center { align-self: center; }
    .align-self-end { align-self: end; }
    .common-page .rj_editor_text :where(h1, h2, h3, h4, h5, h6) { padding-top: 30px; }
    .common-page .rj_editor_text :where(h1, h2, h3, h4, h5, h6):first-child { padding-top: 0; }
    .rjStickyContent {position: sticky; top: calc(var(--offsetTop) + 16px);}
    .text-white .heading{color: inherit;}
    [class*="rj_flote_"]{
        --marginSide: 30px;
        margin-bottom: 20px;
        position: relative;
        max-width: 50%;
    }
    .rj_flote_left{float: left; margin-right: var(--marginSide);}
    .rj_flote_right{float: right; margin-left: var(--marginSide);}
    .rj_content_wrap:has([class*="rj_flote_"])::before,
    .rj_content_wrap:has([class*="rj_flote_"])::after{
        content: '';
        display: block;
        clear: both;
    }
/* ===========Common CSS Ends================ */

/* ===========Social Start================ */
    .social {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .social.sm { gap: 8px; }
    .social a { color: inherit; line-height: normal; }
    .social a i {
        --width: 44px;
        display: grid;
        place-items: center;
        font-size: calc(var(--width) / 2);
        width: var(--width);
        height: var(--width);
        text-align: center;
        border: 1px solid var(--border-color);
        padding-left: 0;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    .social.sm a i { --width: 36px;}
    .social a:hover i { box-shadow: 0 0 25px currentColor; }
    /* .social.radius-social a:not(:hover) i { border-radius: 100%; } */
    .social.radius-social a i { border-radius: 100%; }
    .social.transparent-social.selectiveColor a:not(:hover) i { border-color: var(--social-border); }
    .social.transparent-social.selectiveColor .rj_instagram:not(:hover) i {
        background: transparent;
        border-image: nonr;
    }
    .social a i::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: currentColor;
        z-index: -1;
    }
    .social.transparent-social a i::after, .social:not(.transparent-social) a:hover i::after { transform: scale(0); }
    .social a:hover i::after {
        transform: scale(1);
        border-radius: 0;
    }
    .social:not(.transparent-social) a i::before, .social a:hover i::before, .social.white-social a:not(:hover) i::before { color: var(--white-color); }
    .social:not(.transparent-social) a:hover i::before { color: currentColor; }
    .social .rj_instagram i {
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background-clip: text;
        color: transparent;
        border-image: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        border-image-slice: 1;
    }
    .social.radius-social .rj_instagram:not(:hover) i { border-image-slice: 0; background: linear-gradient(var(--white-color), var(--white-color)) padding-box, linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) border-box; }
    .social.radius-social .rj_instagram:hover i {
        background: linear-gradient(var(--white-color), var(--white-color)) border-box, transparent border-box;
        border-image: linear-gradient(var(--white-color), var(--white-color)) border-box, transparent border-box;
    }
    .social a.rj_instagram i::after { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
    .radius-social.transparent-social .rj_instagram:not(:hover) i::before {
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background-clip: text;
        color: transparent;
    }
    .social a.rj_facebook i { color: #3b5999; border-color: #3b5999; }
    .social .rj_twitter i { border-color: #1da1f2; color: #fff; }
    .social .rj_x-twitter i { border-color: #14171A; color: #14171A; }
    .social .rj_linkedin i, .social .rj_linkedin-brands i { color: #006fa6; border-color: #006fa6; }
    .social .rj_google-plus i { color: #DE5347; border-color: #DE5347; }
    .social .rj_youtube i { color: #E52117; border-color: #E52117; }
    .social .rj_pinterest i { color: #bd081c; border-color: #bd081c; }
    .social .rj_rss i { color: #F36F24; border-color: #F36F24; }
    .social .rj_whatsapp i { color: #29A71A; border-color: #29A71A; }
    .social.noBorder a i { border-color: transparent; }
    .social.noBorder .rj_instagram:not(:hover) i { border-image: none; }
    
/* ===========Fixed Social================ */
    .socialFixed, .floteForm{
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9;
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 12px;
    }
    .floteForm{left: 8px;}
    .socialFixed{right: 8px;}
    .socialFixed a {
        background: currentColor;
        border-radius: 30px;
        width: 100%;
        position: relative;
    }
    .socialFixed a i {
        display: grid;
        place-items: center;
        width: 44px; height: 44px; font-size: 20px;
        box-shadow: 0px 4px 14px 0px #0000002B;
        border-radius: 100%;
        overflow: hidden;
        background: currentColor;
    }
    .socialFixed a i::before{color: var(--white-color);}
    .socialFixed .rj_facebook { color: #3b5999; border-color: #3b5999; }
    .socialFixed .rj_twitter { border-color: #1da1f2; color: #1da1f2; }
    .socialFixed .rj_twitter-x { border-color: #14171A; color: #14171A; }
    .socialFixed .rj_linkedin, .social .rj_linkedin-brands { color: #006fa6; border-color: #006fa6; }
    .socialFixed .rj_google-plus { color: #DE5347; border-color: #DE5347; }
    .socialFixed .rj_youtube { color: #E52117; border-color: #E52117; }
    .socialFixed .rj_pinterest { color: #bd081c; border-color: #bd081c; }
    .socialFixed .rj_rss { color: #F36F24; border-color: #F36F24; }
    .socialFixed .rj_whatsapp { color: #29A71A; border-color: #29A71A; }
    .socialFixed .rj_instagram .socialText, .socialFixed .rj_instagram i {
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    }
    .socialText {
        font-style: normal;
        display: grid;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        width: 0px;
        height: 100%;
        background: currentColor;
        border-radius: 30px;
        transition: all 0.5s 0.3s ease;
        opacity: 0;
        visibility: hidden;
        white-space: nowrap;
        z-index: -1;
        padding: 0 24px;
        font-size: 16px;
        overflow: hidden;
        text-transform: capitalize;
        letter-spacing: 0.5px;
    }
    .socialText span{color: var(--white-color);}
    .floteFormButton .socialText{right: auto; left: 0; background: var(--primary-color); color: var(--white-color);}
    .socialFixed a:hover .socialText, .floteFormButton:hover .socialText {
        width: 200px;
        opacity: 1;
        visibility: visible;
    }
    .floteFormButton:hover .socialText{width: 220px; padding-left: 50px;}
    .floteFormButton{
        border-radius: 30px; width: 100%; position: relative;
        background: var(--primary-color); box-shadow: 0px 4px 14px 0px #0000002B;
    }
    .buttonImg{
        display: grid; place-items: center;
        width: 44px; height: 44px;
        filter: brightness(0); padding: 6px;
    }
/* ===========Social Ends================ */

/* ===============Owl-carousel=============== */
    .owl-carousel { padding: 0 4px; }
    .owl-carousel.sm { padding: 0px; }
    .row.owl-carousel { margin: 0; }
    .owl-carousel:not(.homeslider, .hoverExpand) .owl-stage {
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }
    .owl-carousel .item { 
        height: 100%;
        width: 100%;
    }
    .owl-nav [class*="owl-"], .flex-prev, .flex-next, [class*="swiper-button-"] {
        --space: 44px;
        --offset: -12px;
        position: absolute;
        z-index: 5;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 6px;
        font-size: 20px;
        width: var(--space);
        height: var(--space);
        display: grid;
        place-items: center;
        text-align: center;
        color: var(--heading-color);
        background: var(--white-color);
        border: 1px solid var(--border-color);
        -webkit-border-radius: 100%;
        border-radius: 100%;
        cursor: pointer;
        opacity: 1;
    }
    .sm .owl-nav [class*="owl-"], .sm .flex-prev, .sm .flex-next, .sm [class*="swiper-button-"]{--space: 36px; font-size: 16px;}
    .owl-nav .owl-prev, .flex-prev, .swiper-button-prev{ left: var(--offset); }
    .owl-nav .owl-next, .flex-next, .swiper-button-next{ right: var(--offset); }
    .owl-next i{margin-left: 2px;}
    .owl-nav .owl-prev.disabled,
    .owl-nav .owl-next.disabled {
        cursor: not-allowed;
        opacity: 0.4;
        background: #dfdfdf;
    }
    .owl-nav [class*="owl-"]:not(.disabled):hover {
        background: var(--primary-color);
        border-color: var(--primary-color);
        color: var(--white-color);
        opacity: 1;
    }
    .owl-carousel .owl-dots {
        text-align: center;
        margin-top: 50px;
        line-height: 0;
    }
    .owl-carousel .owl-dots .owl-dot {
        min-width: auto;
        width: 12px;
        height: 12px;
        border: 2px solid transparent;
        background: var(--primary-color);
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin: 0px 6px;
        opacity: 0.2;
    }
    .owl-dot.active + .owl-dot {opacity: 0.4;}
    .owl-carousel .owl-dots .owl-dot.active { opacity: 1; }
    .owl-carousel:not(.homeslider, .hoverExpand) .owl-item img {
        width: auto;
        margin: 0 auto;
    }
    .item:has(.shadowBox) { padding: 12px 4px; }
    .item:has(.border) { padding: 8px 0px; }
/* ===============Owl-carousel=============== */

/* ===========Header Start================ */
    .mainHeader {
        position: relative;
        z-index: 9;
    }
    .header_main {
        position: relative;
        z-index: 9;
        top: 0px;
        left: 0;
        right: 0;
        background: var(--white-color);
        padding-block: 16px;
    }
    .logo { max-width: 270px; }
    .custom-logo-link { display: block; }
    .custom-logo {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .header_main [class*="rj-btn-"] {
        font-size: 14px;
        padding-inline: 20px;
    }
    .header-info li {
        display: flex;
        flex-wrap: wrap;
        font-size: 16px;
    }
    .header-info a {
        display: flex;
        align-items: center;
        gap: 6px;
        color: var(--primary-color);
    }
    .header-info .icon {
        max-width: 24px;
        flex-shrink: 0;
    }
/* ======Nav Menu====== */
    .nav_menu>ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 40px;
        margin-right: 50px;
    }
    .nav_menu ul {
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.5px;
        font-weight: 400;
        color: var(--nav-color);
        text-shadow: 0 0 currentColor;
    }
    .nav_menu ul li {
        position: relative;
        z-index: 1;
    }
    .nav_menu a {
        color: inherit;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    .nav_menu>ul>li>a {
        line-height: 40px;
    }
    .nav_menu>ul>li.current-menu-item > a,
    .nav_menu>ul>li>a:hover {
        color: var(--primary-color);
        text-shadow: 0 0 currentColor, 0 0 currentColor;
    }
    .nav_menu a>span::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin-inline: auto;
        background: currentColor;
        height: 3px;
        width: 0%;
        z-index: -1;
    }
    .nav_menu li.current-menu-item>a>span::after,
    .nav_menu a:hover>span::after {
        width: 50%;
    }
/* =====Sub Menu===== */
    .nav_menu li .sub-menu {
        position: absolute;
        top: 100%;
        left: -60px;
        background: var(--primary-color);
        color: var(--submenu-color);
        width: 270px;
        margin-top: 15px;
        opacity: 0;
        visibility: hidden;
        border-radius: 0.3vw;
        padding: 4px 0;
        font-size: 15px;
    }
    .nav_menu li .sub-menu > li:not(:last-child){border-bottom: 1px solid var(--white-color);}
    .nav_menu li .sub-menu::before {
        content: '';
        position: absolute;
        top: -20px;
        left: 45%;
        transform: translateX(-50%);
        border: 10px solid transparent;
        border-bottom-color: var(
        --primary-color);
    }
    .nav_menu li:hover>.sub-menu {
        margin: 0;
        opacity: 1;
        visibility: visible;
    }
    .sub-menu li a {
        display: block;
        color: var(--submenu-color);
        font-weight: normal;
        letter-spacing: 0.3px;
        padding: 10px 12px;
    }
    .sub-menu li a>span::after {
        left: 0;
        right: inherit;
        height: 100%;
        background: var(--secondary-color);
    }
    .nav_menu .sub-menu li.current-menu-item>a>span::after,
    .nav_menu .sub-menu li a:hover>span::after {
        width: 100%;
    }
/* =====Third Level Menu===== */
    .nav_menu li .sub-menu .sub-menu {
        top: 0;
        left: 100%;
        margin: 0 0 0 40px;
    }
    .nav_menu li .sub-menu li:hover .sub-menu {
        margin-left: 20px;
    }
    .nav_menu .menu-item-has-children .fa {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    .nav_menu .sub-menu .sub-menu::before {
        display: none;
    }
    .nav_menu>ul>li.menu-item-has-children>a::after {
        content: '\f107';
        display: inline-block;
        vertical-align: middle;
        font: var(--icon-font);
        font-size: 0.85em;
        margin: 2px 0 0 4px;
    }
/* ===========Responsive Menu Start================ */
    .responsive_btn {
        cursor: pointer;
        text-align: center;
        width: 40px;
        height: 40px;
        margin: -2px 0;
        position: relative;
        z-index: 20;
        background: var(--primary-color);
        -webkit-border-radius: 4px;
        border-radius: 4px;
        --lineColor: var(--white-color);
        flex-shrink: 0;
    }
    .bodyOverlay, .rj-popupOverlay, .sidebar-overlay {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 91;
        transform: none;
        background: rgba(0, 0, 0, 0.75);
        opacity: 0;
        visibility: hidden;
    }
    .bodyOverlay{top: 0;}
    .responsive_btn span {
        display: block;
        height: 2px;
        width: 20px;
        position: relative;
        top: 50%;
        margin: -1px auto;
    }
    .responsive_btn span:before,
    .responsive_btn span:after {
        content: "";
        display: inline-block;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
    }
    .responsive_btn span:before { top: -6px; }
    .responsive_btn span:after { bottom: -6px; }
    .responsive_btn span,
    .responsive_btn span:before,
    .responsive_btn span:after {
        background: var(--white-color);
        -webkit-border-radius: 1px;
        border-radius: 1px;
    }
    .responsive_nav {
        position: fixed;
        top: 0;
        left: -80%;
        top: 0;
        bottom: 0;
        width: 80%;
        z-index: 92;
        background: var(--responsiveBody);
        max-height: 100%;
        overflow: hidden;
        overflow-y: auto;
        display: none;
    }
    .responsive_nav::-webkit-scrollbar-thumb { background: var(--black-color); }
    .responsive_nav ul {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .responsive_nav ul li {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: relative;
        text-transform: capitalize;
        font-size: 17px;
        line-height: normal;
        color: var(--white-color);
    }
    .responsive_nav ul.sub-menu li a { font-size: 0.95em; }
    .responsive_nav ul li:first-child { border-top: none; }
    .responsive_nav ul li:after { display: none; }
    .responsive_nav ul li>a {
        display: block;
        padding: 12px 12px;
        color: inherit;
        position: relative;
    }
    .responsive_nav ul li.menu-item-has-children>a{padding-right: 60px;}
    .responsive_nav ul li a:hover,
    .responsive_nav ul li a:focus,
    .responsive_nav ul li.active>a {
        color: var(--white-color);
        background: var(--primary-color);
    }
    .responsive_nav ul ul { padding: 0 0 15px 15px; background: var(--tertiary-color); }
    .responsive_nav .sub-menu li>a { color: var(--white-color); }
    .responsive_nav ul .sub-menu, .responsive_nav ul li a i { display: none; }
    .responsive_nav .subarrow {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 3px;
        right: 10px;
        background: var(--secondary-color);
        color: var(--black-color);
        border-radius: 0.2vw;
        cursor: pointer;
    }
    /* html.responsive, .responsive body { overflow-y: hidden; } */
    .responsive .bodyOverlay, .show-sidebar .sidebar-overlay{ opacity: 1; visibility: visible; }
    .responsive .responsive_nav { left: 0; }
    .responsive .responsive_btn { background: var(--secondary-color); --lineColor: var(--black-color); } 
    .responsive .responsive_btn span {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .responsive .responsive_btn span:after { -webkit-transform: rotate(270deg); transform: rotate(270deg); top: 0; }
    .responsive .responsive_btn span:before { opacity: 0; }
    .responsive_nav .opened>.subarrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    .responsive_nav .sub-menu-toggle { display: none; }
/* ===========Responsive Menu Start================ */

/* ===========Sticky Header================ */
    .sticky .header_main {
        position: fixed;
        top: 0;
        box-shadow: 0px 0px 5px var(--primary-color);
        --nav-color: var(--secondary-color);
        background: #d3d3d3;
        -webkit-animation: fadeInDown 500ms cubic-bezier(0.1, -0.6, 0.2, 0) both;
        animation: fadeInDown 500ms cubic-bezier(0.1, -0.6, 0.2, 0) both;
    }
    .stickyFixed .header_main{
        -webkit-animation: fadeInUp 300ms backwards;
        animation: fadeInUp 300ms backwards;
    }
    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            -ms-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
    }
    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -1px, 0);
            -ms-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0);
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -1px, 0);
            -ms-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0);
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
    }
    .sticky .header-info a{
        color: var(--secondary-color);
    }
    .sticky .nav_menu>ul>li.current-menu-item > a,
    .sticky .nav_menu>ul>li>a:hover{
        color: var(--tertiary-color);
    }
    .sticky .logo {
        filter: invert(50%) sepia(0%) saturate(500%) hue-rotate(166deg) brightness(10%) contrast(100%);
    }
    .sticky .rjStyle-site { margin-top: var(--offsetTop); }
    .fixedButton{
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        right: 1px;
        z-index: 9;
    }
/* ===========Header Ends================ */

/* ===========Footer Start================ */
    .mainFooter {
        position: relative;
        z-index: 1;
        font: 300 16px / 1.5 var(--primary-font);
        padding: 80px 0px 16px;
        background: var(--footer-bg);
        color: var(--footer-color);
    }
    .footerGrid {
        display: grid;
        grid-template-columns: repeat(1, 5fr 3fr 3fr 6fr);
        grid-template-columns: repeat(1, 5fr 3fr 6fr);
        gap: 30px;
    }
    .logoSide { margin-bottom: 30px; }
    .custom-logo-link.f-logo { max-width: 320px; }
    .mainFooter a {color: inherit;letter-spacing: 1px;}
    .mainFooter a:hover {color: var(--white-color);}
    .contact-info ul { display: grid; gap: 24px; font-size: 16px; line-height: 1.8; }
    .contact-info li{ display: flex; column-gap: 12px; align-items: center; }
    .contact-info li img { max-width: 32px; flex-shrink: 0; }
    .mainFooter .contact-info .icon { filter: brightness(0) invert(1); }
    .contact-info .address .icon{align-self: start; margin-top: 8px;}
    .mainFooter .contact-info li .subtag { color: var(--white-color); margin-bottom: 4px; }
    .footerTitle {
        color: var(--white-color);
        font: 700 24px / 1.5 var(--secondary-font);
        margin-bottom: 24px;
        letter-spacing: 0.5px;
    }
    .fnav ul, .socialLinks ul{ display: grid; gap: 16px; letter-spacing: 0.5px; font-size: 16px; }
    .fnav a { line-height: 2; }
    .opacity-line { opacity: 0.75; } .copyright { font-size: 0.85em; }
    .copyright p { margin: 0; } .separate { margin: 0 12px; }
    .copyright hr{margin-top: 40px;}
    .mainFooter .social.transparent-social.selectiveColor a:not(:hover) i {
        border-color: var(--white-color);
        color: var(--white-color);
    }
    .mainFooter .social.transparent-social.selectiveColor .rj_instagram:not(:hover) i {
        background: transparent;
        border-image: var(--white-color);
    }
    .mainFooter .social.transparent-social.selectiveColor .rj_instagram:not(:hover) i::before {
        color: var(--white-color);
        background: transparent;
    } 
    .mainFooter .tnp-subscription form{display: flex; align-items: center;}
    .mainFooter .tnp-field-email{width: 100%;}
    .mainFooter .tnp-subscription .form-control, .coupon .form-control{border-radius: 4px 0px 0px 4px; box-shadow: none;}
    .mainFooter .rj-btn-newsletter, .coupon [class*="rj-btn-"] { height: 54px; line-height: 52px; font-size: 16px; border-radius: 0px 4px 4px 0px; border-color: transparent; background: var(--secondary-color); font-weight: 500; }
    .mainFooter .rj-btn-newsletter:is(:hover), .coupon [class*="rj-btn-"]:is(:hover){background: var(--dark-btn);}
    .white-icon .icon{filter: brightness(0) invert(1); max-width: 26px;}
/* ===========Footer Ends================ */

/* ===========Banner Start================ */
    .common_banner { position: relative; z-index: 1; overflow: hidden; }
    .common_banner.home_banner { min-height: 50vh; }
    .inner_banner { min-height: 320px; padding: 50px 0; display: grid; place-items: center; }
    .inner_banner:not(.no-banner)::after{background: var(--black-color); opacity: 0.4;}
    .radius-container, .liquid-container { border-radius: var(--border-radius-big); overflow: hidden; }        
    .bannertext { font-size: 18px; position: relative; z-index: 2; color: var(--white-color);}
    .homeslider .item { height: 840px; display: grid; align-content: end; padding-block: 80px; }
    .homeslider .item::before { content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 29.87%, rgba(0, 0, 0, 0.77) 100%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
    /* .home_banner .bannertext { position: absolute; bottom: 50%; transform: translateY(50%); left: 0; right: 0; } */
    .owl-carousel.homeslider { padding: 0; }
    .bannertext .heading {--font:50px; font-weight: 600; font-size: clamp(30px, calc(2vw + 2.5vh + 1.3vmin), var(--font)); margin-bottom: 12px; color: inherit;}
    .bannertext-in { max-width: 720px; }
    .home_banner .bannertext-in { max-width: 600px; }
    .no-banner .bannertext { color: var(--heading-color); }
    .banner_btn{ margin-top: 30px; }
    .banner_btn [class*="rj-btn-"].white-btn{ border-color: transparent;}
    .white-transparent.transparent-btn { border-color: var(--white-color); color: var(--white-color); }
    .banner_img{position: relative; z-index: 1; height: 100%;}
    .bannerLogo { max-width: 160px; margin: 0 auto 40px; }
    .homeslider .owl-dots { margin: 0; position: absolute; bottom: 40px; left: 0; right: 0; }
    .homeslider .owl-nav [class*="owl-"]{--offset: -60px; background: transparent; color: var(--white-color);}
    .homeslider:hover .owl-nav [class*="owl-"]{--offset: 8px;}
    .homeslider .owl-dots .owl-dot{opacity: 1; border-color: var(--white-color); background: transparent;}
    .homeslider .owl-dots .owl-dot.active{background: var(--white-color);}
/* ===========Inner Banner Start================ */
    .breadcrumbs {
        background: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        padding: 0px;
        font: 400 18px / 1.5em var(--primary-font);
        text-transform: capitalize;
    }
    .search-no-results .breadcrumbs{display: none;}
    .breadcrumb-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .breadcrumb-list li {
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 1;
    }
    /* .breadcrumb-list li a:not(:hover){color: inherit;} */
    .breadcrumb-list li a{color: inherit;}
    .breadcrumb-list li:not(:last-child)::after {
        content: "\f105";
        font: var(--icon-font);
        font-size: inherit;
        display: inline-block;
        vertical-align: middle;
        margin: 0 12px;
    }
/* Animation Start*/
    /* .bannertext .bannerLogo,
    .bannertext .heading,
    .bannertext p,
    .bannertext .banner_btn{
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }
    .active .bannertext .bannerLogo {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig;
    }
    .active .bannertext .heading {
        -webkit-animation-delay: 0.7s;
        animation-delay: 0.7s;
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig;
    }
    .owl-item.active .bannertext p {
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }
    .active .bannertext .banner_btn {
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
    } */
/* Animation Ends*/
/* ===========Banner Ends================ */

/* ===============Scrollup Start=============== */
    .scrollup {
        position: fixed;
        bottom: 80px;
        right: 20px;
        z-index: 99;
        display: none;
    }
    .scrollup:hover {
        transform: translate(0px, -10px);
    }
    .scrollup i {
        display: grid;
        place-items: center;
        font-size: 20px;
        width: 54px;
        height: 54px;
        border: 1px solid var(--white-color);
        color: var(--white-color);
        background: var(--secondary-color);
        cursor: pointer;
        text-align: center;
        -webkit-border-radius: 100%;
        border-radius: 100%;
    }
    .scrollup i:hover {
        background: var(--primary-color);
        color: var(--white-color);
        border-color: var(--white-color);
    }
    .rjBubble::after, .rjBubbleHover::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        --extra: 16px;
        width: calc(100% + var(--extra));
        height: calc(100% + var(--extra));
        z-index: -1;
        background: var(--gradient-color);
        -webkit-border-radius: 100%;
        border-radius: 100%;
        -webkit-animation: pulse-border 3000ms ease-out infinite;
        animation: pulse-border 3000ms ease-out infinite;
    }
    .rjBubbleHover:not(:hover)::after{ animation-play-state: paused; visibility: hidden; }
/* ===============Scrollup Ends=============== */

/* ===============Pagination Start===============*/
.pagination:not(:empty), .pagination .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
    gap: 6px 10px;
}
.pagination .nav-links {
    margin-top: 0;
}
.page-numbers {
    width: 48px;
    height: 48px;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    color: var(--body-color);
    padding: 4px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    flex-shrink: 0;
}
.page-numbers::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--primary-color);
    z-index: -1;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.page-numbers.current, .page-numbers:hover {
    color: var(--white-color);
}
.page-numbers:hover:before, .page-numbers.current::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.page-numbers.prev i{ padding: 2px 2px 0 0; }
.page-numbers.next i { padding: 2px 0 0 2px; }

/* ===============Pagination Ends===============*/

/* ===========Common Listing Box CSS Start================ */
    .mt30 { margin-top: var(--gap30); }
    .mt40, .listGap { margin-top: var(--gap40); }
    .mt50, .listGap.mt50 { margin-top: var(--gap50); }
    .mt60, .listGap.mt60 { margin-top: var(--gap60); }
    .mt70, .listGap.mt70 { margin-top: var(--gap70); }
    .mt80, .listGap.mt80 { margin-top: var(--gap80); }
    .mb30 { margin-bottom: var(--gap30); }
    .mb40 { margin-bottom: var(--gap40); }
    .mb50 { margin-bottom: var(--gap50); }
    .mb60 { margin-bottom: var(--gap60); }
    .mb70 { margin-bottom: var(--gap70); }
    .mb80 { margin-bottom: var(--gap80); }
    .rowGap { row-gap: var(--bs-gutter-x); }
    .rowGap2 { row-gap: calc(var(--bs-gutter-x) * 1.5); }
    .rj_box {
        display: block;
        position: relative;
        z-index: 1;
        min-height: 100%;
        font-size: 16px;
        overflow: hidden;
    }
    .rj_box.padding{padding: 30px;}
    .white-box { background: var(--white-color); }
    .rj_box.border { border-color: var(--box-border) !important; }
    .item .border { margin-inline: 4px; }
    .shadowBox {
        background: var(--white-color);
        box-shadow: var(--box-shadow);
    }
    .shadowBoxEffect {
        position: relative;
        padding: 40px 32px;
    }
    .shadowBoxEffect:hover {
        color: var(--white-color);
    }
    .shadowBoxEffect::after {
        content: '';
        background: var(--gradient-color);
        background-size: 100% 16px;
        background-repeat: no-repeat;
        background-position: bottom;
        height: 0px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }
    .shadowBoxEffect:hover:after {
        background: var(--gradient-color), #00000099;
        height: 100%;
        background-size: 100% 8px;
        background-repeat: no-repeat;
    }
    .shadowBoxEffect .rj_img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
    }
    .shadowBoxEffect:hover .rj_img {
        opacity: 1;
        visibility: visible;
    }
    .shadowBoxEffect .subheading, .shadowBoxEffect .subtitle{transition-duration: 0s;}
    .shadowBoxEffect:hover .subheading, .shadowBoxEffect:hover .subtitle{color: var(--white-color);}
    a.rj_box, .rj_box a:not(.subheading a, .subheading, .subtitle, .subtitle a, [class*="rj-btn-"], .readmore, .moredetails, .learn-more) {
        display: block;
        color: inherit;
    }
    .rj_img {
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    .radius_rj_img { border-radius: 0.5vw; }
    .radius_rj_img-big { border-radius: 1vw; }
    .rj_img.aspect-ratio { aspect-ratio: 1/0.9; }
    .aspect-ratio img, .flexslider-thumb .product_gallery_item img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
    .imageRatio {
        position: relative;
        z-index: 1;
        padding-top: 70%;
    }
    .imageRatio img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    
    .rj_img img {
        -moz-transition: all 2s cubic-bezier(0.4, 0, 1, 1) !important;
        -webkit-transition: all 2s cubic-bezier(0.4, 0, 1, 1) !important;
        transition: all 2s cubic-bezier(0.4, 0, 1, 1) !important;
    }
    .rj_img:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    .box-overlay .rj_img::after {
        content: '';
        display: block;
        background: linear-gradient(0deg, rgb(0 0 0 / 70%) 20%, rgba(0, 0, 0, 0) 60%);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        pointer-events: none;
    }
    .text-center .rj_icon, .rj_icon.text-center { margin: 0 auto 16px; }
    .rj_icon {
        --space: 72px;
        width: var(--space);
        height: var(--space);
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        margin: 0 0 16px;
    }
    .rj_icon.lg{--space: 100px;}
    .rj_icon.padinng4{padding: 4px;}
    .rj_pulse.rj_pulse_radius, .rj_pulse.rj_pulse_radius::after, .rj_pulse_radius .rj_icon, .rj_pulse.rj_pulse_radius, .rj_pulse.rj_pulse_radius::after, .radiusImg {
        -webkit-border-radius: 100%;
        border-radius: 100%;
    }
    .rj_pulse {
        position: relative;
        z-index: 1;
        margin-bottom: 16px;
        max-width: max-content;
    }
    .rj_pulse .rj_icon {
        background: var(--white-color);
        margin: 0;
    }
    
    .text-center .rj_pulse {
        margin: 0 auto;
    }
    .rj_pulse-shadow .rj_icon {
        box-shadow: var(--box-shadow);
        border-radius: 4px;
    }
    .rj_pulse::after {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        height: 100%;
        background: var(--primary-color);
        -webkit-animation: pulse-border 1500ms ease-out infinite;
        animation: pulse-border 1500ms ease-out infinite;
    }
    .rj_box:not(:hover) .rj_pulse_hover::after {
        animation-play-state: paused;
        visibility: hidden;
    }
    .rj_icon img{width: 100%; height: 100%; object-fit: contain;}
    @-webkit-keyframes pulse-border {
        0% {
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            opacity: 1
        }
        100% {
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
            opacity: 0
        }
    }
    @keyframes pulse-border {
        0% {
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            opacity: 1
        }
        100% {
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
            opacity: 0
        }
    }
    .rj_para {
        --max: 87px;
        line-height: 1.6;
        height: var(--max);
        overflow: hidden;
        overflow-y: auto;
        margin: auto 0 16px 0;
        padding-right: 12px;
    }
    .rj_para:last-child { margin-bottom: 0; }
    .rj_para.rj_para-md {--max: 120px; }
    .rj_para.rj_para-big {--max: 144px; }
    .radiusImg{overflow: hidden;}
    .radiusImg img { width: 100% !important; height: 100%; aspect-ratio: 1/1; }
    .radiusBox { border-radius: var(--border-radius); }
    .radiusBoxHover::after {
        content: '';
        position: absolute;
        background: var(--primary-color);
        width: 100%;
        height: 100%;
        bottom: 0;
        right: 0;
        z-index: -1;
        pointer-events: none;
        -webkit-clip-path: circle(0px at 100% 100%);
        clip-path: circle(0px at 100% 100%);
    }
    .radiusBoxHover:has(.showIcon:hover)::after {
        -webkit-clip-path: circle(1000px at 100% 100%);
        clip-path: circle(1000px at 100% 100%);
    }
    .radiusBoxHover:has(.showIcon:hover) { color: var(--white-color); }
    .radiusBoxHover:has(.showIcon:hover) .rj_pulse::after { background: var(--white-color); }
    .gradientShadow::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--gradient-color);
        z-index: 1;
    }
    .absolute-text {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px 24px;
        z-index: 2;
    }
    .para {
        height: 90px;
        overflow: hidden;
        overflow-y: auto;
        padding-right: 8px;
        margin-bottom: 12px;
    }
    .para.para-md {
        height: 120px;
    }
    .para:last-child {
        margin: 0;
    }
    .readmore {
        display: inline-block;
        vertical-align: middle;
        color: #3b3f48;
        font: 600 16px var(--primary-font);
        text-transform: uppercase;
        position: relative;
        z-index: 1;
    }
    .readmore::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 12px;
        height: 12px;
        border: 1px solid var(--border-color);
        border-radius: 100%;
        margin: -2px 6px 0 0;
    }
    .rj_box:hover .readmore:before {
        transform: scale(0);
        margin: 0 0 0 -8px;
    }
    .readmore:hover {
        color: var(--primary-color);
    }
    .readmore i {
        display: grid;
        place-items: center;
        width: 22px;
        height: 22px;
        font-size: 12px;
        padding: 4px;
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        background: var(--primary-color);
        color: var(--black-color);
        opacity: 0;
        visibility: hidden;
    }
    .rj_box:hover .readmore i {
        opacity: 1;
        visibility: visible;
        right: -30px;
    }
    .rj_box_readmore:has( :last-child.readmore) {
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
    }
    .rj_box_readmore .readmore:last-child {
        max-width: max-content;
        margin-top: auto;
        padding-left: 20px;
    }
    .moredetails {
        display: flex;
        align-items: center;
        gap: 4px;
        font: 600 18px / 1.3 var(--secondary-font);
        color: var(--secondary-color);
    }
    .moredetails span{border-bottom: 1px solid currentColor;}
    .moredetails i {
        transform: rotate(320deg);
        --space: 24px;
        width: var(--space);
        height: var(--space);
        display: grid;
        place-items: center;
        border-radius: 100%;
        font-size: 0.75em;
        padding: 1px 0px 0px 1px;
    }
    .moredetails:hover i {
        background: var(--secondary-color);
        color: var(--white-color);
        margin-left: 4px;
    }
    .learn-more {
        font: 600 18px / 1.5 var(--primary-font);
        text-decoration: underline;
        color: var(--primary-color);
    }
    .learn-more:hover{
        color: var(--secondary-color);
    }
    .shadowBoxEffect:hover .readmore:not(:hover) { color: var(--white-color); }
    .shadowBoxEffect:hover .readmore::before { border-color: var(--white-color); }
    .rj_box:has( .absolute-text) { display: grid; }
    .boxSpace{padding: 20px;}
/* ===========Common Listing Box CSS Ends================ */

/* ===========Recaptcha Start================ */
    div:has(.grecaptcha-badge) { margin-bottom: 0; position: relative; z-index: 9; }
/* ===========Recaptcha Ends================ */

/* ===========Newsletter Page Start============ */
    .thankyouSection { padding: 100px 0; font-size: 18px; letter-spacing: 1px; position: relative; z-index: 1; background: var(--gradient-color); min-height: 80dvh; display: grid; place-items: center; }
    .thank_you-img, .success-img { max-width: 150px; margin: 0 auto 24px; padding: 20px; background: var(--white-color); border-radius: var(--border-radius); }
    .title404 img { max-width: 230px; }
    .thankyouSection [class*="btn-"] { padding: 0px 40px; }
    .thank-you-page .heading > * { padding: 16px; background: var(--white-color); border-radius: 100%; }
    .heading404 { font: 900 italic 150px / 1 'Arial'; margin: 20px 0 10px; -webkit-text-fill-color: transparent; -webkit-text-stroke: 3px var(--white-color); }
    .icon-404 { max-width: 350px; margin: 0 auto; }
/* ===========Thank You Page & 404 Page Ends============ */

/* ==========Popup Form Star========== */
    .rj_popupForm { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; background: #000000d1; }
    .rj_popupForm-content .form_wrap { max-width: 100%; padding: 40px; color: var(--heading-color); background: var(--white-color);}
    .rj_popupForm-content { max-width: 720px; margin: auto; height: 100%; margin-top: 50px; position: relative; z-index: 1; }
    .rj_popupForm-content form { overflow: hidden; overflow-y: auto; max-height: 520px; margin-right: -10px; padding-right: 10px; }
/* ==========Popup Form Ends========== */

/* ===========Popup Video Start================ */
    .rj_video-popup { position: absolute; bottom: -15px; right: -80px; }
    .rjVideoPoster { box-shadow: 0 0 0 12px var(--white-color); filter: drop-shadow(0px 0px 14px #00000026); }
    .rj_video-btn { cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; color: var(--white-color); background: linear-gradient(330deg, #05bdf2 0%, #00acde 100%); filter: drop-shadow(0px 0px 14px #00000026); font-size: 20px; padding: 8px; width: 70px; height: 70px; display: grid; place-items: center; font-size: 28px; border-radius: 100%; }
    .rj_video-btn.rj_video-btn-static{position: static; transform: none; margin: 0 auto 30px;}
    .rj_video-btn i { padding-left: 4px; }
    .rj-popup-video { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; display: none; }
    .rj-popupOverlay { display: none; opacity: 1; visibility: visible; z-index: 1; }
    .rj-popupVideo-container { background: var(--black-color); max-width: 1080px; width: 90%; height: clamp(360px, 70vh, 580px); margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .close-icon { cursor: pointer; position: absolute; z-index: 1; top: -10px; right: -10px; display: grid; place-items: center; font-size: 16px; width: 30px; height: 30px; background: var(--danger-color); text-align: center; color: #fff; border-radius: 100%; opacity: 0.8; padding-left: 1px; }
    .rj-popup-iframe { width: 100%; height: 100%; object-fit: cover; max-height: 100% !important; }
/* ===========Popup Video Ends================ */

/* ========== Tabs Start========== */
    .tab-wrapper {display: flex;align-items: center;flex-wrap: wrap;justify-content: center;gap: 8px 16px;margin: 0 0 36px;padding: 0;list-style: none;}
    .tab-button, .tab-link {cursor: pointer;min-width: 140px;text-align: center;border: 1px solid var(--secondary-color);color: var(--secondary-color);border-radius: 4px;padding: 8px 24px;font-size: 18px;font-weight: 500;letter-spacing: 0.5px;margin: 0;}
    .tab-button:is(:hover), .tab-link:is(:hover) { background: var(--secondary-color); color: var(--white-color); text-shadow: none; border-color: transparent;}
    .tab-button:is(.active, :active, :focus), .tab-link:is(.active, :active, :focus) {background: var(--secondary-color);color: var(--white-color);text-shadow: none;}
    .tab-content{display: none;}
    .tab-content.active{display: block;}
/* ========== Tabs Ends========== */

/* ====================================================================== CMS BASE Style Start====================================================================== */

/* ===========About Us Start================ */
    .aboutImg { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(5, 1fr); }
    .bigImage { grid-area: 1/1/-1/11; }
    .smallImage { grid-area: 2/7/-1/-1; overflow: hidden; }
    .webMarquee .item { white-space: nowrap; font: 700 130px var(--secondary-font); text-transform: uppercase; color: var(--primary-color); word-spacing: 10px;}
    /* ===========About Us Page================ */
    /* ===========Why Choose Us================ */
    .why-choose { background: linear-gradient(90deg, var(--white-color) 30%, #E8F2F6 30%); }
    .chooseImg{--minus: -10vw; margin-left: var(--minus); border-radius: var(--border-radius-big); overflow: hidden;}
/* ===========About Us Ends================ */

/* ========== Hover Expand Portfolio Start========== */
    .hoverExpand.owl-carousel .owl-stage { display: flex; --xspace: 10px; --vw-width: calc(100vw - 18px); }
    .hoverExpand .owl-item a { text-decoration: none; color: inherit; display: block; }
    .hoverExpand .hoverExpand-item .bg-image { height: 70vh; display: flex; max-height: 400px; width: 100%; position: relative; overflow: hidden; border-radius: var(--border-radius); }
    .hoverExpand .hoverExpand-item img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; }
    .hoverExpand .owl-nav [class*="owl-"]{--offset: 30px;}
    .hoverExpand .owl-nav [class*="owl-"]:not(:hover){background: rgb(0 0 0 / 40%); color: var(--white-color);}
    .portFolioName { font: 400 20px / 1.3 var(--primary-font); margin-bottom: 10px; letter-spacing: 0.5px; background: var(--secondary-color); font-weight: 400; padding: 8px 20px; max-width: max-content; min-width: 150px; }
    .siteName { font-size: 16px; color: var(--white-color); background: var(--primary-color); max-width: max-content; padding: 6px 16px; border: 1px solid currentColor; font-weight: 300; letter-spacing: 1px; }
    @media (min-width: 1200px) {
        .hoverExpand .owl-item { padding: 0 var(--xspace); }  
        .hoverExpand .hoverExpand-item .bg-image { max-height: 500px; }  
        .hoverExpand .hoverExpand-item { width: calc((((var(--vw-width)) - (var(--xspace) * 2)) / 5)); }
        .hoverExpand-content { position: absolute; bottom: 4px; left: 0; right: 0; padding: 24px; z-index: 1; opacity: 0; visibility: hidden; }
        .expanded .hoverExpand-content { opacity: 1; visibility: visible; }
    }
/* ========== Hover Expand Portfolio Ends========== */

/* ===========Testimonials Start================ */
    .testimonialSlider {max-width: 1040px; padding-inline: 48px; margin-inline: auto;}
    .testiBox::after { content: ''; position: absolute; top: 40px; right: 30px; background: url(../images/quote.svg) no-repeat center; background-size: contain; width: 40px; height: 40px; z-index: -1; transform: rotate(180deg); }
    .review-rating { font-size: 18px; column-gap: 2px; color: var(--star-color); margin: 12px 0; }
    .text-center .review-rating { justify-content: center; }
    .rj_para.testiPara { --max: 280px; height: auto; max-height: var(--max); }
    .testimonialSlider .rj_para.testiPara {  font: 500 22px / 1.6 var(--secondary-font);  height: clamp(84px, 20vh, var(--max));}
    .quoteIcon { background: var(--primary-color); --space: 48px; width: var(--space); height: var(--space); padding: 12px; border-radius: 100%; display: grid; place-items: center; margin: 30px auto 16px; }
    .testimonialSlider .review-rating { margin: 30px 0px; font-size: 24px;}
    .testiBox .rj_text { padding: 30px 36px; }
    .testiBox .subtitle{font-weight: 500;}
    .testiBox p:not(:last-child) { margin-bottom: 4px; }
    .designation { font-size: 16px; font-weight: 500; }
    .t_wrap { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; padding-right: 40px; position: relative; z-index: 1; }
    .t_wrap::after { content: ''; position: absolute; top: 10px; right: 0; width: 36px; height: 36px; background: url(../images/quote-color.svg) no-repeat center; background-size: contain; }
/* ===========Testimonials Ends================ */

/* ===========Services Start================ */
/* ===========Home Services Start================ */
    .hook-service { background: linear-gradient(0deg, transparent 50%, var(--primary-bg) 50%); }
    .hook-service::before { background: url(../images/leaf.png) no-repeat; --height: 300px; width: 150px; height: var(--height); background-size: contain; top: calc(50% - var(--height)); }
    .serviceShow { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px; }
    .showItem { padding: 0 10px; width: 40%; overflow: hidden; transition: width 0.6s cubic-bezier(0.65, 0, 0.35, 1); }
    .showItem.is-active{ width: 100%; }
    .showBox { position: relative; height: 620px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
    .showImg { margin: 0; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; right: 0; border-radius: var(--border-radius); overflow: hidden; -webkit-transition: height 0.6s cubic-bezier(0.65, 0, 0.35, 1); -ms-transition: height 0.6s cubic-bezier(0.65, 0, 0.35, 1); transition: height 0.6s cubic-bezier(0.65, 0, 0.35, 1); }
    .is-active .showImg { height: 460px; }
    .showImg::before { content: ''; background: #0000004D; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
    .is-active .showImg::before{ opacity: 0; visibility: hidden; }
    .showImg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1.06) translateZ(0); -ms-transform: scale(1.06) translateZ(0); transform: scale(1.06) translateZ(0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.65, 0, 0.35, 1); -ms-transition: -ms-transform 0.8s cubic-bezier(0.65, 0, 0.35, 1); transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1); will-change: transform; }
    .is-active .showImg img { -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); }
    .showBoxText { max-width: 360px; opacity: 0; visibility: hidden;}
    .is-active .showBoxText{opacity: 1; visibility: visible;}
    .showBoxText .subheading{font-size: 26px; margin-bottom: 16px;}
    .webName { font: 600 16px / 1.5 var(--heading-font); color: var(--web-color); text-transform: uppercase; word-spacing: 5px; margin-bottom: 4px; }
/* ===========Home Services Ends================ */

    .servicePageBox { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 40px; }
    .servicePageBox .full-img { max-height: 540px; }
    /* ===============Thumb Gallery=============== */
    .posterWrapper {--height: 600px;}
    .gallery-container { position: relative; display: flex; justify-content: space-between; overflow: hidden; --gap: 30px; gap: var(--gap); }
    .gallery-main, .single-poster .full-img{max-height: var(--height);}
    .gallery-thumbs{width: 300px; flex-shrink: 0; max-height: var(--height);}
    /* .gallery-thumbs .swiper-wrapper { gap: calc(var(--gap) / 3 * 2); } */
    /* .gallery-thumbs { width: 300px; height: var(--height); flex-shrink: 0; }
    .gallery-thumbs .swiper-wrapper { gap: calc(var(--gap) / 3 * 2); } */
    .gallery-thumbs .swiper-slide { cursor: pointer; border-radius: var(--border-radius); overflow: hidden; height: calc(var(--height) / 3 - calc(var(--gap) / 2)) !important;}
    .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
    .gallery-container [class*="swiper-button-"]::after {
        font-size: calc(var(--space) / 2) !important;
    }
    @media screen and (min-width: 768px) {
        .gallery-thumbs  [class*="swiper-button-"]{transform: rotate(90deg); left: 0; right: 0; margin: 0 auto;}
        .gallery-thumbs [class*="swiper-button-"]:not(:hover){background: var(--white-color);}
        .gallery-thumbs .swiper-button-prev{top: 8px;}
        .gallery-thumbs .swiper-button-next{top: auto; bottom: 8px;}
    }
    .form_wrap.serviceForm {
        max-width: 420px;
        margin: 0 0 0 auto;
    }
    .form-content .formTitle {
        background: var(--primary-color);
        color: var(--white-color);
        margin: -30px -40px 20px;
        padding: 20px;
    }
/* ===========Services Ends================ */

/* ===========Blog Start================ */
    .rj_img .blogdate { position: absolute; top: 12px; right: 12px; background: var(--primary-color); color: var(--white-color); border: 1px solid currentColor; padding: 4px 16px; font-size: 15px; font-weight: 300; border-radius: 20px; }
    .list-line.noList {
        margin: 20px 0;
        font-weight: 500;
    }
    .smallPoster { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-block: var(--gap40); }
    /* ===========rjSidebar Start================ */
        .rj_sidebar { display: grid; row-gap: 30px; }
        .widget { padding: 30px 24px; }
        .widget ul { padding: 0; margin: 0; list-style: none; }
        .searchform [class*="rj-btn-"]{--height: 48px;}
        .widget_search .rj-widget-title{display: none;}
        .searchform .fa-search { position: absolute; top: 16px; left: 14px; z-index: 1; pointer-events: none; }
        .searchform .form-control { padding-left: 40px; font-weight: 500;}
        @media screen and (min-width: 480px) {
            .widget_search [class*="rj-btn-"] { display: none; }
        }
        .widget_categories ul { margin: 0 -24px -20px; }
        .widget_categories li { display: flex; align-items: start; justify-content: space-between; padding: 8px 24px; margin: 0; border-bottom: 1px solid var(--border-color); }
        .widget_categories li:nth-child(2n) { background: var(--primary-bg); }
        .widget_categories li:last-child { border-bottom: none; }
        .widget:has(.widget-blog) { background: rgb(222 237 242 / 70%); }
        .blog-sidebar li {margin: 0 0 20px;}
        .blog-sidebar li:last-child {margin: 0px;}
        .sideBlog { display: flex; column-gap: 16px; }
        .sideBlog .subtitle { font-size: 20px; margin: 0 0 8px; color: var(--black-color);}
        .sideBlog .rj_img { max-width: 30%; flex-shrink: 0; overflow: hidden; }
        .sidebar-author { font-size: 13px; }
        .sidebar-date { font-size: 15px; }
        .rj_para .more-link { display: none !important; }
    /* ===========rjSidebar Ends================ */

    /* ===============Comment Form Start=============== */
        .rj-comments-area{ border: 2px dashed var(--primary-color); box-shadow: var(--box-shadow); padding: 24px; }
        .rj_comments_area ol { padding: 0px; margin: 0px; list-style: none; }
        ol.comment-list li.comment {padding: 0;margin: 0;border: 1px solid var(--border-color);box-shadow: 0px 1px 4px 0px #00000026;border-radius: var(--border-radius);padding: 0px 40px 30px 40px;margin-top: 90px;}
        .rj_comments_area ol.children {padding: 16px 0 0 0px;}
        .rj_comments_area ol.children ol.children { padding: 0; }
        .comment-body .comment-meta {display: flex;align-items: start;flex-wrap: wrap;margin: -36px 0 18px;}
        .comment-body .comment-author { display: flex; align-items: start; }
        .comment-body .comment-author .says { font-size: 0; position: relative; z-index: 1; }
        .comment-body .comment-author .says::after { content: '|'; display: inline-block; vertical-align: middle; font-size: 20px; margin: 0 8px; }
        .comment-body .avatar {width: 80px;height: 80px;border-radius: var(--border-radius);flex-shrink: 0;margin: -18px 12px 0 0;}
        ol.children li { background: #f5f5f5; }
        ol.children li:not(:last-child) { margin-bottom: 30px; }    
        ol.children li li { background: var(--white-color); }
        .comment-content-wrap { position: relative; z-index: 1; background: var(--primary-bg); padding: 20px; border-radius: var(--border-radius); --block: 20px; margin-top: var(--block); }
        .comment-content-wrap::before { content: ''; border: 15px solid transparent; border-bottom-color: var(--primary-bg); width: var(--block); height: var(--block); position: absolute; top: -30px; left: 30px; }
        .comment-content { background: var(--white-color); padding: 12px; border-radius: 4px; }
        .comment-content-time { font: 500 18px / 1.2 var(--primary-font); margin: 4px 0 10px; display: flex; align-items: center; justify-content: space-between; column-gap: 12px; }
        .comment-edit-link { padding: 6px 12px; text-align: center; background: var(--primary-color); color: var(--white-color); font: 400 13px/ 1.25 var(--primary-font); border-radius: 2px; }
        .comment-edit-link:hover{color: var(--secondary-color);}
        .comment-reply-link { font-size: 0; padding: 4px; margin-right: 8px; }
        .comment-body .reply { text-align: end; margin-top: 16px;}
        .comment-reply-link::before { content: ''; background: url(../images/reply.png) no-repeat; width: 24px; height: 24px; background-size: contain; display: block;}
        .comment-respond.form_wrap{max-width: 100%;}
        .comments-area .comment-respond {
            margin-top: var(--gap40);
            max-width: 100%;
        }
        #cancel-comment-reply-link {
            font-size: 0;
            line-height: normal;
            margin-left: 20px;
            padding: 6px 10px;
            position: relative;
            z-index: 1;
            background: var(--secondary-color);
            color: var(--white-color);
            border-radius: 4px;
            text-align: center;
        }
        #cancel-comment-reply-link::before {
            content: 'Reply';
            font: 400 14px/ 1.3 var(--primary-font);
        }
/* ===============Comment Form Ends=============== */
/* ===========Blog Ends================ */

/* ===========Contact Us Start================ */    
    /* ===============ERROR_MSG Start=============== */
        .wpcf7-spinner { margin: 0 !important; position: absolute !important; top: 10px; left: 50%; transform: translate(-50%, 0); z-index: 1; pointer-events: none; }
        .wpcf7-not-valid-tip { font-size: 15px; font-weight: 500; margin: 4px 0 4px; }
        .wpcf7 form .wpcf7-response-output { background: #ffd1d1 url("../images/error_icon.png") no-repeat scroll 10px 10px / 20px 20px; border: 1px solid #eab4b4; -webkit-border-radius: 3px; border-radius: 3px; color: #c00; display: block; font-size: 14px; min-height: 40px; margin: 24px 0 0; padding: 8px 5px 8px 40px; text-align: left; border: none; }
        .wpcf7 form.sent .wpcf7-response-output { background-image: url(../images/success_icon.png); background-color: #eaf7d9; border-color: #c8dd9c; color: #425c05; }
        .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background-image: url(../images/warning_icon.png); background-color: #ffeacd; border-color: #ffd396; color: #856404; }
        .input_error { border-color: #c00 !important; }
        .input_success { border-color: #425c05 !important; }
        .norecord { text-align: center; font-weight: 600; font-size: 18px; }
    /* ===============ERROR_MSG Ends=============== */
    .rj_map { -webkit-cursor: grab; cursor: grab; height: 70vh; position: relative; }
    .rj_map iframe { width: 100%; height: 100%; border: none; margin: 0; max-height: inherit !important; }
    .contact-info-icon li { display: flex; align-items: start; column-gap: 10px; }
    .contact-info-icon li .icon { width: 32px; height: 32px; flex-shrink: 0; margin: 6px 0 0 0; }
    .contactPage .contact-info ul { gap: 30px; font-size: 20px; }
    .formLabel-wrap label { position: absolute; top: 50%; left: 6px; padding-inline: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-bottom: 0; pointer-events: none; -webkit-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }
    .formLabel-wrap:has( textarea) label {top: 30px;}
    .formLabel-wrap:has( .wpcf7-not-valid) label {margin-top: -12px;}
    .formLabel-wrap:has(.wpcf7-form-control:focus, .form-control:focus) label, .formLabel-wrap.has-value label { top: 0; margin: 0; font-size: 0.95em; color: var(--primary-color); background: var(--white-color); }
    .formLabel-wrap :is( .wpcf7-form-control:focus, .form-control:focus){box-shadow: none;}

    /* ===============Contact Info Inner=============== */
    .contact-info-wrap { font-size: 1.05em; max-width: 580px; margin-left: auto; padding-left: 90px; border-left: 1px solid var(--border-color); }
    .contact-info-inner ul { display: grid; row-gap: 30px; }
    .contact-item > * { display: inline-block; vertical-align: middle; position: relative; z-index: 1; }
    .contact-item > *:not(:last-child)::after { content: '/'; display: inline-block; vertical-align: middle; margin-inline: 8px; }
    /* ===============Trading Times=============== */
    .tradingTimes  ul {   display: grid;   row-gap: 12px; }
    .tradingTimes ul li {   display: grid;   align-items: start;   gap: 10px;   grid-template-columns: repeat(1, 130px 1fr); }
    .tradingTimes li span {   font-weight: 500;   color: var(--secondary-color); }
    
/* ===============Contact Ends=============== */

/* ==========FAQ Start========== */
    .rj_toggle { display: grid; row-gap: 16px; }
    .rj_ques { cursor: pointer; position: relative; padding: 15px 60px 15px 24px;}
    .countNumber { flex-shrink: 0;}
    .rj_ques:after { content: "\f107"; display: grid; place-items: center; position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); width: 32px; height: 32px; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; font: var(--icon-font); font-size: 16px; background: var(--secondary-color); color: var(--white-color); padding: 0 0 0 1px; }
    .opened .rj_ques:after { background: var(--primary-color); color: var(--secondary-color); -webkit-transform: translate(0%, -50%) rotate(180deg); transform: translate(0%, -50%) rotate(180deg); padding-left: 0; }
    .rj_ques .subtitle{font-size: 24px; display: flex; column-gap: 10px; color: var(--secondary-color); }
    .opened .rj_ques { background: var(--secondary-color); }
    .opened .subtitle{color: var(--white-color);}
    .rj_ans { display: none; padding: 20px 40px 20px 30px; font-size: 17px; }
/* ==========FAQ Ends========== */

/* ==========Product Start========== */
    .productBox { padding: 10px; }
    .portFolioBox .subtitle { background: #000D1A80; max-width: max-content; padding: 6px 20px; min-width: 50%; font-weight: 500; font-family: var(--primary-font); }
    .portFolioBox .siteName { font-size: 14px; border: none; padding: 4px 10px; margin-bottom: 13px; }
    .portFolioBox .rj_text { opacity: 0; visibility: hidden; margin-bottom: -30px; }
    .portFolioBox:hover .rj_text { opacity: 1; visibility: visible; margin-bottom: 0px; }
    .productTag{margin-bottom: 8px;}
    .portFolioBox:hover .gal_icon { top: 50%; }
    .gal_icon { position: absolute; top: -50px; left: 50%; z-index: 2; max-width: 70px; transform: translate(-50%, -50%); }
    .loadmore { display: flex; align-items: center; gap: 10px; }
    .spinner {-webkit-animation: loader 1s linear 0s infinite; animation: loader 1s linear 0s infinite; display: none;}
    @-webkit-keyframes loader { 
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    @keyframes loader {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    
/* ==========Product Details========== */
    .posterWrapper.productPoster { --height: 500px; }
    .productPoster .gallery-container { --gap: 16px; flex-direction: row-reverse; }
    .productPoster .gallery-thumbs { width: 140px; }
    .productPoster .gallery-thumbs .swiper-slide { height: calc(var(--height) / 3 - calc(var(--gap) / 1)) !important; }
    .descriptionTitleWrap { border-bottom: 1px solid var(--border-color); }
    .descriptionTitle{ color: var(--secondary-bg); text-transform: uppercase; font-weight: 600; font-size: 1.05em; max-width: max-content; position: relative; z-index: 1; }
    .descriptionTitle::after { content: ''; border-bottom: 2px solid currentColor; display: block; margin: 8px 0px -1px 0px; }
/* ==========Product Ends========== */

/* ====================================================================== CMS BASE Style Ends====================================================================== */

/*--------------------------------------PORTFOLIO INSIDE PAGE START--------------------------------------*/
.pgal_nav .f_nav {
	margin: 0;
}
.pgal_nav {
	margin: 0 0 30px;
}
.pgal_nav .f_nav li {
	font-family: 'latoSemibold';
	font-size: 20px;
}
.pgal_nav .f_nav li a {
	color: #000;
}
.pgal_nav .f_nav li.active a,
.pgal_nav .f_nav li.select a,
.pgal_nav .f_nav li a:hover {
	color: #fff;
	background: #6b0000;
}
.img_slider {
	width: 83%;
	--height: 552px;
    height: var(--height);
	margin: 0 auto 40px;
}
.img_large {
	float: left;
	text-align: center;
	position: relative;
	overflow: hidden;
	height: 100%;
	display: grid;
	place-items: center;
}
.img_item_large {
	height: var(--height);
}
.img_thumb {
	float: right;
	width: 179px;
	overflow: hidden;
}
.img_thumb ul,
.img_thumb ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.img_thumb ul li {
	width: 100% !important;
}
.img_thumb .controllerNav span {
	position: absolute;
	left: 50%;
	margin-left: -19px;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	font-size: 20px;
	color: #fff;
	background: rgba(0, 0, 0, .8);
	cursor: pointer;
}
.img_thumb .controllerNav span.left {
	top: 10px;
}
.img_thumb .controllerNav span.right {
	bottom: 10px;
}
.img_thumb .controllerNav span i {
	line-height: 38px;
	vertical-align: top;
}
.img_thumb .controllerNav span.right i {
	vertical-align: bottom;
}
.img_thumb .controllerNav span:hover {
	color: #ccc;
}
.img_thumb .controllerNav span.disable {
	pointer-events: none;
	color: #ccc;
}
.img_thumb .nightWrap {
	margin: -10px 0;
}
.img_item {
	width: 169px;
	height: 123px;
	line-height: 124px;
	text-align: center;
	background: #bdb9b9;
	overflow: hidden;
	margin: 10px 5px;
	cursor: pointer;
	position: relative;
	opacity: 0.5;
}
.select .img_item,
.img_item:hover {
	opacity: 1;
}
.img_item img {
	max-width: inherit;
	height: 100%;
	width: 100%;
	display: block;
	vertical-align: middle;
}
.spacer, .clear {
	height: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
	display: block;
}
.codedropz-upload-inner h3 {
	font-size: 24px;
	line-height: 1.4;
}
.productBox img {
	width: 100%;
	height: 250px;
}
.popular_services .serviceBoxPopular img {
	width: 100% !important;
    height: 360px;
}
.popular_services .owl-nav [class*="owl-"]{
    top: 40%;
}