@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --black-color: #000000;
    --white-color: #ffffff;
    --primary-color: #040404;
    --secondary-color: #6D6D6D;
    --tertiary-color: #767F8C;
    --body-color: #333333;
    --nav-color: #303636;
    --submenu-color: #ffffff;
    --heading-color: #303030;
    --subheading-color: #18191C;
    --primary-bg: #6D6D6D17;
    --secondary-bg: #e5f7ff;
    --footer-bg: #040404;
    --footer-color: #ffffff;
    --btn-bg: #040404;
    --dark-btn: #000000;
    --border-color: #CCCCCC;
    --secondary-border-color: #707070;
    --social-border: #DCDCDC;
    --box-border: #6D6D6D;
    --highlight-color: linear-gradient(294deg, #05bdf2 0%, #00acde 100%);
    --gradient-color: linear-gradient(330deg, #05bdf2 0%, #00acde 100%);
    --border-radius: clamp(8px, 2vw, 12px);
    --border-radius-big: clamp(10px, 2vw, 20px);
    --box-shadow: 0px 19px 29px 0px #3E357824;
    --input-color: #B9B9B9;
    --input-border: #CCCCCC;
    --star-color: #FF9900;
    --danger-color: #ff0000;
    --success-color: #0BA02C;

    /* ==========Font Variable========== */
    --body-font: "Poppins", serif;
    --secondary-body-font: "PT Serif", serif;
    --nav-font: "PT Serif", serif;
    --primary-font: "Poppins", serif;
    --secondary-font: "PT Serif", serif;
    --heading-font: "PT Serif", serif;
    --secondary-heading-font: "Marcellus", serif;
    --subheading-font: "Marcellus", 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: 91px;
    --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 15px / 1.5 var(--body-font);
    color: var(--body-color);
    background: transparent;
    padding: 0;
    margin: 0;
}
::-webkit-scrollbar { width: 4px; }
body::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #e1e1e1; }
::-webkit-scrollbar-thumb { background: var(--primary-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() {
    *{
        scrollbar-width: thin;
        scroll-behavior: smooth;
        scrollbar-color: var(--primary-color) #e1e1e1;
    }
}
/* ===========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(--heading-font); color: var(--heading-color);}
h1 { font-size: 42px; line-height: 1.2; font-weight: 500; margin: 0 0 20px; }
h2 { font-size: 36px; line-height: 1.2; font-weight: 500; margin: 0 0 16px; }
h3 { font-size: 32px; line-height: 1.3; font-weight: 500; margin: 0 0 12px; }
h4 { font-size: 28px; line-height: 1.3; font-weight: 500; margin: 0 0 10px; }
h5 { font-size: 24px; line-height: 1.4; font-weight: 500; margin: 0 0 8px; }
h6 { font-size: 20px; line-height: 1.4; font-weight: 500; margin: 0 0 6px; }
.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, .aiBox::before, .serviceBox::after, .learn-more, .beforeAfter::after, .beforeAfter::before, .tab-button, .tab-link{ -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; }
.secondary-font :is(p, div:not([class])){ line-height: 1.6; }
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; }
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;
    font: 400 15px var(--primary-font);
    --height: 44px;
    height: var(--height);
    line-height: calc(var(--height) - 2px);
    padding: 0 24px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    flex-shrink: 0;
    letter-spacing: 1px;
}
[class*="rj-btn-"]:hover, button:hover {
    background: transparent; color: var(--btn-bg); border-color: currentColor;
}
[class*="rj-btn-"].lg {
    min-width: 160px;
    font-size: 16px;
    --height: 54px;
    padding-inline: 30px;
}
[class*="rj-btn-"].sm {
    min-width: 100px;
    font-size: 14px;
    --height: 38px;
    padding-inline: 20px;
}

/* ======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: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(--btn-bg); border-color: currentColor; }
    [class*="rj-btn-"].transparent-btn:hover{ background: var(--btn-bg); 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-"].radius-btn { border-radius: 50px; padding: 0 24px; }
    [class*="rj-btn-"].radius-btn.sm { padding-inline: 16px; }
/* ======Square 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, button.button:focus{
        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); }
.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-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;
}

/* ===============Form=============== */
    form {
        margin: 0;
        padding: 0;
    }
    .form_wrap, .comment-respond{
        --min : 20px;
        padding: clamp(30px, 2vh, 30px) clamp(var(--min), 2vw, 40px);
        background: var(--white-color);
        box-shadow: 0px 10px 40px 0px #00000026;
        border-radius: 1vw;
        overflow: hidden;
    }
    .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: 40px;
        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-size: 14px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0.5px;
        font-family: var(--primary-font);
        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.png);
        background-repeat: no-repeat;
        background-size: 13px;
        background-position: calc(100% - 10px) 16px;
        padding-right: 30px;
    }
    .form-control:focus, .wpcf7-form-control:focus { border-color: var(--secondary-color); 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(--primary-color);
        width: 20px; height: 20px;
        flex-shrink: 0;
    }
    .woocommerce-form-login__rememberme {
        display: flex;
    }
    .form_wrap .row { row-gap: var(--bs-gutter-x); }
    .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: #FFFFFF40;
        color: var(--white-color);
        border-color: transparent;
    }
    .secondary-form .form-control::placeholder, .secondary-form .wpcf7-form-control::placeholder {color: inherit; 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; }
    .form-control-wrap {
        position: relative;
        z-index: 1;
        display: block;
    }
    .formSection .form-control:not(textarea) {
        height: 48px;
    }
    .input-wrap #password {
        padding-right: 48px;
    }
/* ===========Section Part================ */
    .section { position: relative; z-index: 1; padding: 50px 0px; clear: both; }
    .section:has( .rjStickyContent){overflow: inherit;}
    .section.section-md { padding: 70px 0; }
    .section.section-lg { padding: 100px 0; }
    .section::before, .inner_banner::after, .homeslider .banner_img::after, .babyFoodPoster::after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }
    .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: 500 clamp(28px, calc(1.75vw + 2.25vh + 1.25vmin),  var(--font)) / 1.25 var(--heading-font);
        margin-bottom: 12px;
    }
    :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(--primary-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: normal clamp(28px, calc(1.6vw + 2.3vh + 1.25vmin), 42px) / 1.1 var(--secondary-heading-font); margin-bottom: 10px; }
    .headtag, .rj-widget-title, .formTitle { font: normal 30px / 1.1 var(--heading-font); margin-bottom: 16px;}
    .formTitle{font-size: 40px; color: var(--primary-color);}
    .rj-widget-title {font-size: 36px;}
    .subheading, .subtitle, .subtag { font: 500 24px / 1.35 var(--subheading-font); margin-bottom: 8px; color: var(--subheading-color);}
    .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); }
    .subtitle { font-size: 20px; margin-bottom: 5px; }
    .subtag { font-size: 18px; }
    .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; }
    .secondary-font{font-family: var(--secondary-body-font);letter-spacing: 0.5px; font-size: 1.15em;}
    .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; }
    .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;
    }
    .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; }
    .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: 110px;}
    .text-white .heading{color: inherit;}
/* ===========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);
        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.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 { border-radius: 100%; 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 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 .rj_github i { color: #000000; border-color: #000000; }
    .mainFooter .social .rj_github i { border-color: #ffffff; }
    .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, .marquee-carousel) .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 {
        --space: 36px;
        --offset: -30px;
        position: absolute;
        z-index: 5;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 6px;
        font-size: calc(calc(var(--space) / 2) - 2px);
        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{--space: 32px;}
    .owl-nav .owl-prev, .flex-prev{ left: var(--offset); }
    .owl-nav .owl-next, .flex-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) .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: 12px;
        border-bottom: 1px solid transparent;
    }
    body:has(:not(.common_banner)) .header_main {
        border-color: var(--border-color);
    }
    .headerTop { padding-block: 30px; z-index: 2;}
    .headerTop .container { column-gap: 20px; }
    .logo { max-width: 270px; }
    .sticky .logo { max-width: 220px; margin: -16px 0;}
    .custom-logo-link { display: block; }
    .custom-logo {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
/* ======Nav Menu====== */
    .nav_menu>ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 30px;
    }
    .nav_menu ul {
        font: 400 16px / 1 var(--nav-font);
        letter-spacing: 0.8px;
        color: var(--nav-color);
    }
    .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: var(--primary-color);
        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(--responsiveBody);
        -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: var(--offsetTop);}
    .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(--lineColor);
        -webkit-border-radius: 1px;
        border-radius: 1px;
    }
    .responsive_nav {
        position: fixed;
        top: var(--offsetTop);
        left: -360px;
        bottom: 0;
        width: 360px;
        z-index: 92;
        background: var(--responsiveBody);
        max-height: calc(100vh - 80px);
        overflow: hidden;
        overflow-y: auto;
    }
    .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(--black-color);
        --lineColor: var(--white-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;
        border-color: var(--secondary-color);
        background: #f7fff5;
        -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;
        }
    }
/* ===========Header Ends================ */

/* ===========Footer Start================ */
    .mainFooter {position: relative;z-index: 1;font-size: 15px;padding: 60px 0 20px;background: var(--footer-bg);color: var(--footer-color);font-weight: 200;}
    .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: 20px;font-size: 15px;line-height: 1.8; word-break: break-all;}
    .contact-info li{ display: flex; column-gap: 16px; align-items: start; }
    .contact-info li img { max-width: 32px; flex-shrink: 0; }
    .contact-info .address .icon{align-self: start; margin-top: 8px;}
    .mainFooter .contact-info li .subtag { color: var(--white-color); margin-bottom: 4px; }
    .fTitle {color: var(--white-color);font: 500 22px/ 1.25 var(--secondary-font);margin-bottom: 24px;letter-spacing: 1px;}
    .fnav ul {display: grid;gap: 16px;letter-spacing: 0.5px;font-size: 15px;}
    .fnav a { line-height: 2; }
    .opacity-line { opacity: 0.75; } .copyright {font-size: 14px;letter-spacing: 0.5px;}
    .copyright p { margin: 0; } .separate { margin: 0 12px; }
    .copyright hr{margin-top: 60px;}
    .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, :focus), .coupon [class*="rj-btn-"]:is(:hover, :focus){background: var(--dark-btn);}
    .white-icon .icon{filter: brightness(0) invert(1);}
    .mainFooter .social a:is(.rj_github, .rj_x-twitter):hover i::before{
        color: var(--white-color) !important;
    }
/* ===========Footer Ends================ */

/* ===========Banner Start================ */
    .common_banner { position: relative; z-index: 1; overflow: hidden; }
    .inner_banner { min-height: 250px; padding: 50px 0; display: grid; place-items: center; }
    .inner_banner::after{background: var(--black-color); opacity: 0.4;}
    .radius-container, .liquid-container { border-radius: var(--border-radius-big); overflow: hidden; }
    .bannertext { font-size: 16px; position: relative; z-index: 2; }
    .owl-carousel.homeslider { padding: 0; }
    .bannertext .heading {--font:54px; font-size: clamp(34px, calc(2vw + 2.5vh + 1.3vmin), var(--font)); margin-bottom: 16px; }
    .bannertext .heading:last-child{margin-bottom: 0;}
    .bannertext-in { max-width: 720px; }
    .home_banner .bannertext-in { max-width: 660px; }
    .banner_btn{ margin-top: 40px; }
    .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%;}
    .homeslider .owl-nav .owl-prev { left: 0; }
    .homeslider .owl-nav .owl-next { right: 0; }
    .bannerLogo { max-width: 160px; margin: 0 auto 40px; }
    .homeslider .owl-dots { margin: 0; position: absolute; bottom: 40px; left: 0; right: 0; }
    .homeslider .owl-dots .owl-dot{opacity: 1; border-color: var(--white-color); background: transparent;}
    .homeslider .owl-dots .owl-dot.active{background: var(--white-color);}
    .home_banner {
        --height: 540px;
        min-height: var(--height);
    }
    .homeslider .item {
        position: relative;
        z-index: 1;
        padding: 120px 0;
        min-height: var(--height);
        display: grid;
        align-content: center;
    }
    .homeslider .bannertext{
        margin-bottom: 50px;
    }
    .inlineForm.bannerForm {
        position: absolute;
        bottom: 100px;
        left: 0;
        right: 0;
        color: var(--white-color);
    }
    .homeslider .item::before{ content: ''; background: linear-gradient(99.57deg, rgba(109, 109, 109, 0.36) 0%, rgba(109, 109, 109, 0.1) 50.88%, rgba(48, 54, 54, 0.48) 99.77%); background-blend-mode: multiply; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
    
/* ===========Inner Banner Start================ */
    .breadcrumbs {
        background: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        padding: 0px;
        font: 400 16px / 1.5em var(--primary-font);
        text-transform: capitalize;
        background: transparent !important;
    }
    .breadcrumb-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        color: var(--white-color);
    }
    .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: 30px;
        right: 20px;
        z-index: 9;
        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(--primary-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%);
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        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: 100%;
    border-radius: 100%;
    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); }
    .mb30 { margin-bottom: var(--gap30); }
    .mb40 { margin-bottom: var(--gap40); }
    .mb50 { margin-bottom: var(--gap50); }
    .mb60 { margin-bottom: var(--gap60); }
    .my30{margin-block: var(--gap30);}
    .my40{margin-block: var(--gap40);}
    .my50{margin-block: var(--gap50);}
    .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: 15px;
        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) {
        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 {
        width: 72px;
        height: 72px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        margin: 0 0 16px;
    }
    .rj_icon.lg{width: 100px; height: 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;
    }
    .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: 84px;
        line-height: 1.6;
        height: var(--max);
        overflow: hidden;
        overflow-y: auto;
        margin: auto 0 16px 0;
        padding-right: 10px;
    }
    .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;
    }
    .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================ */

/* ==========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); }
    .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; }
/* ===========Project Ends================ */

/* ====================================================================== CMS BASE Style Start====================================================================== */
/* ===========Partner Start================ */
.marquee-carousel .owl-stage{align-items: center;}
.brand-img{max-width: 150px;}
.brand-img img{ max-height: 50px;}
/* ===========Partner Ends================ */

/* ===========Call to Action Start================ */
/* ===========Call to Action Ends================ */

/* ===========Jobs Start================ */
.jobinfo {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin: 8px 0 10px;
}
.jobTime {
    font: 400 14px / 1.3 var(--body-font);
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--secondary-color);
    color: var(--white-color);
    text-transform: uppercase;
}
.jobTime.success-time {
    background: #E7F6EA;
    color: var(--success-color);
    font-weight: 500;
}
.jobTime.remote-time {
    background: #6d6d6d17;
    color: var(--secondary-color);
    font-weight: 500;
}
.jobinfo-in {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: 10px;
    font: 500 16px/1.5 var(--secondary-font);
}
.rj_box.primary-bg {
    color: #5E6368;
}
.jobinfo-in > * {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 6px;
}
.jobinfo-in > *::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: currentColor;
}
.rj_text-bottom-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    font-size: 0.92em;
    color: var(--tertiary-color);
    font-weight: 500;
    margin: 20px 0 14px;
}
.jobBox .rj_text {
    display: grid;
    align-items: start;
    height: 100%;
}
.btn-wrap.justify-content-between.group-btn {
    margin-top: auto;
}
.rj_text-bottom-top time {
    font-size: 0.9em;
}
/* ===========Jobs Ends================ */

/* ===========Job Location Start================ */
.locationBox .subtitle {
    margin: 0;
}
.locationBox .rj_img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, 0) 63.54%, #1E1E1E 100%);
    z-index: 1;
}
.jobCountry {
    font-weight: 300;
    font-size: 0.9em;
}
/* ===========Job Location Ends================ */

/* ===========Job Location Start================ */
.rj_counter-in {background: linear-gradient(99.57deg, rgba(109, 109, 109, 0.36) 0%, rgba(109, 109, 109, 0) 50.88%, rgba(48, 54, 54, 0.48) 99.77%);background-blend-mode: multiply;padding-block: 30px;}
.counter-show {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.counter-count {
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--heading-color);
}
.rjCountWrap{
    
font: 600 32px / 1.2 var(--heading-font);
    
margin-bottom: 8px;
}
.counter-count .subtag {
    font-size: 16px;
    color: inherit;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.rjCounter-icon {
    max-width: 80px;
    margin: 0 auto 16px;
}
/* ===========Job Location Ends================ */

/* ===========Testimonials Start================ */
    .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; }
    .t_wrap { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; padding-right: 40px; }
    .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; }
    .call-to-action::before {
        background: linear-gradient(99.57deg, rgb(109 109 109 / 60%) 0%, rgb(109 109 109 / 30%) 50.88%, rgb(48 54 54 / 80%) 99.77%);
        background-blend-mode: multiply;
    }
/* ===========Testimonials 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; }
        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: 15px; font-weight: 500; min-height: 40px; margin: 24px 0 0; padding: 8px 5px 8px 40px; text-align: left; border: none; }
        form.sent .wpcf7-response-output { background-image: url(../images/success_icon.png); background-color: #eaf7d9; border-color: #c8dd9c; color: #425c05; }
        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 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; margin-top: 2px; color: var(--primary-color);}
    .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(--primary-color); color: var(--white-color); padding: 0 0 0 1px; }
    .opened .rj_ques:after { background: var(--secondary-color); color: var(--white-color); -webkit-transform: translate(0%, -50%) rotate(180deg); transform: translate(0%, -50%) rotate(180deg); padding-left: 0; }
    .rj_ques .subtitle{font-weight: 600; font-size: 22px; display: flex; column-gap: 10px; }
    .opened .subtitle{color: var(--secondary-color);}
    .rj_ans { display: none; padding: 0 40px 20px 30px; font-size: 18px; }
/* ==========FAQ Ends========== */

/* ========== Tabs Start========== */
    .tab-wrapper {display: flex;align-items: center;flex-wrap: wrap;justify-content: center;gap: 0;margin: 0 0 36px;padding: 0;list-style: none;}
    .tab-button, .tab-link {border: none; outline: none; cursor: pointer;min-width: 170px;text-align: center;color: var(--primary-color);background: rgb(109 109 109 / 10%);border-radius: 4px;padding: 12px 24px;font-size: 16px;font-weight: 400;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(--primary-color); color: var(--white-color); text-shadow: none; }
    .tab-content{display: none;}
    .tab-content.active{display: block;}
/* ========== Tabs Ends========== */
.boxCount {
    --space: 40px;
    width: var(--space);
    height: var(--space);
    display: grid;
    place-items: center;
    background: var(--nav-color);
    color: var(--white-color);
    font: 400 calc(var(--space) / 2) / 1 var(--body-font);
    border-radius: 4px;
    flex-shrink: 0;
}
.titleWrap  .subtitle {
    font: 500 24px / 1.25 var(--heading-font);
    text-shadow: 0 0 currentColor;
}
.input-wrap {
    position: relative;
    z-index: 1;
}
.eyeWrap {
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 40px;
    height: 46px;
    display: grid;
    place-items: center;
    background: var(--primary-bg);
    border-radius: 0px 4px 4px 0;
}
#eye {
    padding: 8px;
}
.extraLogin-link {
    margin-top: 20px;
}
.form_wrap a {
    text-decoration: underline;
    color: #2D31AB;
}
.formSection .form_wrap {
    padding: 50px;
}
.loginForm.form_wrap {
    padding: 80px 50px;
}
.inlineForm { font-size: 13px; letter-spacing: 0.3px; margin-top: 30px; }
.inlineForm form { margin-bottom: 8px; display: flex; align-items: center; background: #F7F7F7; padding: 10px 12px; border-radius: 8px; gap: 8px; }
.inlineForm .form-control { background-color: transparent; border-radius: 0; border: none; font-size: 13px; font-weight: 400; color: #9199A3; height: 38px; padding-inline: 20px; }
.inlineForm select.form-control { background-size: 12px; padding-right: 30px; }
.inpuElement { flex: 1; position: relative; z-index: 1; }
.inpuElement img { max-width: 14px; position: absolute; top: 50%; transform: translateY(-50%); left: 2px; z-index: 1; }
.inpuElement:has(button) {flex: 0 0 auto;}
.inlineForm.bannerForm form{background: var(--white-color); max-width: 830px;}
.bannerForm .inpuElement img{left: auto; right: 2px;}
.inlineForm-inner .inpuElement .form-control { border-right: 1px solid #80808066; }
.jobSeach-content {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}
.headtag {
    font: 600 26px / 1.25 var(--primary-font);
}
.titleWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 24px;
}
.clearAll {
    padding: 4px;
    font-size: 14px;
}
.sidebar {
    background: #F7F7F7;
    padding: 20px;
    border-radius: var(--border-radius);
}
.widgetBox {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ACB2B9;
}
.widgetBox:last-child{border: none; margin-bottom: 0;}
.widgetBox .subtitle {
    font: 600 17px / 1.25 var(--primary-font);
    margin-bottom: 16px;
}
.sidebarCheck ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sidebarCheck ul li {
    display: flex;
    align-items: start;
    margin-bottom: 8px;
    gap: 4px;
}
.sidebarCheck ul li:last-child{
    margin-bottom: 0;
}
.sidebarCheck label {
    font-size: 14px;
    color: var(--nav-color);
}
.sidebarCheck ul li input {
    margin-top: 0;
    width: 18px;
    height: 18px;
}
.salaryRange-in {
    display: flex;
    align-items: center;
    gap: 10px;
}
.contact-info-inner ul {
    display: grid;
    row-gap: 24px;
    font-size: 18px;
}
.contact-info-wrap .subtitle {
    font-size: 24px;
}
.joxBox-in .rj_img {
    max-width: 240px;
    margin: auto;
    padding: 8px;
  }
/* ====================================================================== CMS BASE Style Ends====================================================================== */
.tw-flex li {
    margin: 0;
}
.select2, .select2 span{
    display: block;
}
.select2-container .select2-selection--single {
    height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
    top: 20px;
}
.dashboard-right label {
    font-size: 15px !important;
    margin-bottom: 4px !important;
}
.dashboard-right label.mb-0{
    margin-bottom: 0 !important;
}
.usd, body[dir=rtl] .usd {
    width: 56px;
    height: 38px;
    top: 1px;
}
.select2-selection.select2-selection--multiple{
    max-height: 160px;
}
.dashboard-wrapper > .container > .row{
    align-items: start;
}
.d-sidebar .subtitle {
    font-size: 21px;
}
.select2.select2-container:has(.select2-selection--multiple) {
    margin-bottom: 9px;
    display: grid;
    width: 100% !important;
}
ul#pills-tab ::-webkit-scrollbar {
    height: 8px;
    touch-action: pan-x;
}