@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('https://fonts.googleapis.com/css2?family=Barlow+Condensed: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&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
:root {
    --black-color: #000000;
    --white-color: #ffffff;
    --primary-color: #bb0104;
    --secondary-color: #ffc500;
    --tertiary-color: #bb0104;
    --body-color: #333333;
    --nav-color: #eeeeee;
    --submenu-color: #ffffff;
    --heading-color: #202020;
    --subheading-color: #333333;
    --primary-bg: #F5F5F5;
    --secondary-bg: #e5f7ff;
    --footer-bg: #232323;
    --footer-color: #ffffff;
    --btn-bg: #bb0104;
    --dark-btn: #383838;
    --border-color: #CCCCCC;
    --secondary-border-color: #707070;
    --social-border: #DCDCDC;
    --box-border: #BFBFBF;
    --highlight-color: linear-gradient(294deg, #ffc500 0%, #bb0104 100%);
    --gradient-color: linear-gradient(330deg, #ffc500 0%, #bb0104 100%);
    --border-radius: clamp(8px, 2vw, 12px);
    --border-radius-big: clamp(10px, 2vw, 20px);
    --box-shadow: 0px 4px 14px 0px #0000001f;
    --input-color: #B9B9B9;
    --input-border: #CCCCCC;
    --star-color: #FF9900;
    --danger-color: #ff0000;

    /* ==========Font Variable========== */
    --body-font: "Roboto", sans-serif;
    --nav-font: "Roboto", sans-serif;
    --primary-font: "Roboto", sans-serif;
    --secondary-font: "Roboto", sans-serif;
    --heading-font: "Roboto", sans-serif;
    --subheading-font: "Barlow Condensed", 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: 101px;
    --responsiveBody: linear-gradient(330deg, #000 0%, 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.5px;
}
::-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); }
.spalashScreen::-webkit-scrollbar-thumb { background: var(--secondary-color); }
@-moz-document url-prefix() {
    html, .para, .rj_para, *{
        scrollbar-width: thin;
        scroll-behavior: smooth;
        scrollbar-color: var(--primary-color) #e1e1e1;
    }
    .spalashScreen{
        scrollbar-width: thin;
        scroll-behavior: smooth;
        scrollbar-color: var(--secondary-color) var(--black);
    }
}
@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) { color: var(--heading-color);}
h1 { font-size: 42px; line-height: 1.2; font-weight: 600; margin: 0 0 20px; }
h2 { font-size: 36px; line-height: 1.2; font-weight: 600; margin: 0 0 16px; }
h3 { font-size: 32px; line-height: 1.3; font-weight: 600; margin: 0 0 12px; }
h4 { font-size: 28px; line-height: 1.3; font-weight: 600; margin: 0 0 10px; }
h5 { font-size: 24px; line-height: 1.4; font-weight: 600; margin: 0 0 8px; }
h6 { font-size: 20px; line-height: 1.4; font-weight: 600; 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 16px; 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; }
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: 120px;
	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: 500 16px var(--primary-font);
	--height: 46px;
	height: var(--height);
	line-height: calc(var(--height) - 2px);
	padding: 0 24px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	overflow: hidden;
	flex-shrink: 0;
	letter-spacing: 0.5px;
}
[class*="rj-btn-"]:hover, button:hover {
	color: var(--black-color);
	background: var(--secondary-color);
}
[class*="rj-btn-"].lg {
    --height: 54px;
    font-size: 17px;
    min-width: 150px;
}
[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(--black-color); border-color: transparent; }
    [class*="rj-btn-"].secondary-btn:hover {
        color: var(--btn-bg);
        background: var(--white-color);
        box-shadow: 0px 0px 0px 2px currentColor;
    }
/* ======White-Button Ends========*/

/* ======White-Button Start========*/
    [class*="rj-btn-"].white-btn { background: var(--white-color); color: var(--black-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); }
.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(--gradient-color); */
        box-shadow: var(--box-shadow);
        border-radius: 1vw;
        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 15px/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-size: 16px;
        font-weight: 500;
        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-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); outline: 0; box-shadow: 0 0 0 .25rem rgb(255 86 33 / 25%); }
    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: #1da700;
        width: 20px; height: 20px;
    }
    .form_wrap .row { row-gap: 20px; }
    .formLabel .row {
        row-gap: 20px;
        padding-top: 12px;
    }
    .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; }
/* ===========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: 36px; font: 600 clamp(28px, calc(1.5vw + 2vh + 1.2vmin),  var(--font)) / 1.1 var(--secondary-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: 600 clamp(24px, calc(1.4vw + 1.8vh + 1vmin), 42px) / 1.1 var(--secondary-font); margin-bottom: 16px; text-align: center;}
    .headtag, .rj-widget-title, .formTitle { font: 600 30px / 1.1 var(--secondary-font); margin-bottom: 16px;}
    .formTitle{font-size: 40px; color: var(--primary-color);}
    .rj-widget-title {font-size: 36px;}
    .subheading{ font: 600 24px / 1.2 var(--secondary-font); margin-bottom: 8px;}
    .subtitle, .subtag { font: 600 24px / 1.5 var(--primary-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: 16px; }
.highlight-text {
	background: var(--primary-color);
	color: var(--white-color);
	display: inline-block;
	vertical-align: middle;
	padding: 5px 12px;
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.25;
	border-radius: 2px;
}
    .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; }
    .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: 40px; }
    .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; }
    @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: 100px;}
    .text-white .heading{color: inherit;}
/* ===========Common CSS Ends================ */

/* ===========Social Start================ */
    .social {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #333333;
    }
    .social a.rj_x.twitter i {
        border-color: #333333;
    }
    .social a.rj_x.twitter:hover i {
        color: #333333;
    }
    .social a:hover {
        background: var(--white-color);
    }
    .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.noBorder a i { border-color: transparent; }
    .social.noBorder .rj_instagram:not(:hover) i { border-image: none; }
/* ===============Owl-carousel=============== */
    .owl-carousel { padding: 0 4px; }
    .owl-carousel.sm { padding: 0px; }
    .row.owl-carousel { margin: 0; }
    /*.owl-carousel:not(.homeslider) .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: 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{--space: 36px; font-size: 16px;}
    .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: #00028a;
    }
    .headerTop { padding-block: 30px; z-index: 2;}
    .headerTop .container { column-gap: 20px; }
    .logo {
        --width: 130px;
        margin: 0 0 -50px;
        width: var(--width);
        height: var(--width);
        border-radius: 100%;
        background: var(--primary-color);
        padding: 12px;
    }
    .custom-logo-link { display: block; }
    .custom-logo {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
/* ======Nav Menu====== */
    .nav_wrapper{ padding-block: 24px; border-top: 1px solid var(--border-color); }
    .nav_menu>ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 30px;
    }
    .nav_menu ul {
        font-size: 15px;
        line-height: 1;
        letter-spacing: 0.8px;
        font-weight: 400;
        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(--secondary-color);
        text-shadow: 0 0 currentColor;
    }
    .nav_menu a>span::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin-inline: auto;
        background: var(--secondary-color);
        height: 2px;
        width: 0%;
        z-index: -1;
    }
    .nav_menu li.current-menu-item>a>span::after,
    .nav_menu a:hover>span::after {
        width: 60%;
    }
/* =====Sub Menu===== */
    .nav_menu li .sub-menu {
        position: absolute;
        top: 100%;
        left: -60px;
        background: var(--gradient-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(--black-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(--lineColor);
        -webkit-border-radius: 1px;
        border-radius: 1px;
    }
    .responsive_nav {
        position: fixed;
        top: 0;
        left: -360px;
        bottom: 0;
        width: 360px;
        z-index: 92;
        background: var(--responsiveBody);
        max-height: calc(100dvh);
        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(--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;
        background: linear-gradient(92deg, var(--black-color) 0%, var(--secondary-color) 10%, var(--primary-color) 20%, var(--primary-color) 80%, var(--secondary-color) 90%, var(--black-color) 100%);
        -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 :is(.topInfo, .nav_wrapper){display: none !important;}
    .sticky .headerTop{padding-block: 15px;}
    .sticky .mainContainer { /*! margin-top: 190px; */ }
/* ===========Header Ends================ */

/* ===========Footer Start================ */
    .mainFooter { position: relative; z-index: 1; font-size: 16px; padding: 60px 0 20px; 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;
    }
    .logo-side {
        max-width: 430px;
        padding-right: 30px;
    }
    .custom-logo-link.f-logo {
		max-width: 150px;
		margin: 0 0 16px;
	}
    .mainFooter a {color: inherit;letter-spacing: 1px;}
    .mainFooter a:hover {color: var(--white-color);text-shadow: 0px 0 currentColor, 0px 0 currentColor;}
    .contact-info ul { display: grid; gap: 20px; font-size: 16px; line-height: 1.8; }
    .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; }
.contactPage .contact-info .icon {
	margin-top: 6px;
}
    .fTitle {
        font: 500 22px / 1.25 var(--primary-font);
        margin: 0 0 30px;
    }
    .fnav ul { display: grid; gap: 6px; letter-spacing: 0.5px; font-size: 16px; }
    .fnav a { line-height: 2; }
    .opacity-line { opacity: 0.75; } .copyright { font-size: 16px; }
    .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, :focus), .coupon [class*="rj-btn-"]:is(:hover, :focus){background: var(--dark-btn);}
    .white-icon .icon{filter: brightness(0) invert(1);}
/* ===========Footer Ends================ */

/* ===========Banner Start================ */
    .common_banner { position: relative; z-index: 1; overflow: hidden; }
    .common_banner.home_banner { min-height: clamp(250px, 40vh, 700px); }
    .inner_banner { min-height: 360px; 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: 18px; position: relative; z-index: 2; }
    /* .home_banner .bannertext { position: absolute; bottom: 50%; transform: translateY(50%); left: 0; right: 0; } */
    .owl-carousel.homeslider { padding: 0; }
    .bannertext .heading {--font:46px; font-size: clamp(30px, calc(2vw + 2.5vh + 1.3vmin), var(--font)); margin-bottom: 16px; }
    .bannertext-in { max-width: 720px; }
    .home_banner .bannertext-in { max-width: 490px; }
    .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%;}
	.banner_img .full-img {
		height: 700px !important;
		overflow: hidden;
		object-position: top;
	}
    .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);}
    .bannertext .star { position: absolute; top: -10vh; left: -8vw; max-width: 100px; }
/* ===========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;
    }
    .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); }
    .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) {
        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;
        object-position: top;
    }
    
    .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: 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 15px var(--primary-font);
        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; }
    .rj_box ul {
        padding: 0;
        list-style: none;
    }
    .rj_box ul li { margin-bottom: 4px; }
    .uniqueList{list-style: none; padding-left: 0;}
    .uniqueList strong { color: var(--primary-color); }
/* ===========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, .donatePopup{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; background: #000000d1; }
    .rj_popupForm-content .form_wrap, .donatePopup-content-wrap{ max-width: 100%; padding: 40px; color: var(--heading-color); background: var(--white-color);overflow: hidden;overflow-y: auto;max-height: 570px;}
    .rj_popupForm-content, .donatePopup-content{ max-width: 720px; margin: auto; height: 100%; margin-top: 40px; position: relative; z-index: 1; }
    /*.rj_popupForm-content form { overflow: hidden; overflow-y: auto; max-height: 520px; margin-right: -10px; padding-right: 10px; }*/
    .donatePopup-content{
        max-width: 850px;
    }
/* ==========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====================================================================== */


/* ===========About Us Start================ */
    .missionVission ul { display: grid; row-gap: 20px; }
    .missionVission li { display: flex; align-items: start; gap: 16px; }
    .countBox { display: grid; align-items: center; padding: 24px 20px; font-size: 15px; line-height: 1.5; font-weight: 500; text-wrap: balance; background: var(--white-color); border-radius: var(--border-radius); }
    .count-wrap { display: flex; align-items: center; justify-content: center; gap: 3px; font: 700 28px / normal var(--primary-font); color: var(--primary-color); }
    .countBox  figure { width: 50px; height: 50px; display: grid; place-items: center; margin: 0 auto 8px; }
    .aboutImg { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .featuresList  li { display: flex; align-items: center; column-gap: 16px; }
    .featuresList .rj_pulse  { margin-bottom: 0;}
    .featuresList li .rj_icon { border: 2px dashed var(--primary-color);}
/* ===========About Us 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; }
/* ===========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; }
        .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: 15px; font-weight: 500; 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; z-index: 1; 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: 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(--primary-color); color: var(--primary-color); border-radius: 4px; padding: 8px 24px; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; margin: 0;}
    .tab-button:is(:hover), .tab-link:is(:hover) { background: var(--secondary-color); color: var(--black-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========== */



/* ===========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;}
    @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: 18px; margin: 0 0 5px; color: var(--black-color);}
    .sideBlog .rj_img { max-width: 30%; flex-shrink: 0; border-radius: 8px; overflow: hidden; }
    .sidebar-date { font-size: 16px; font-weight: 500; color: var(--primary-color); }
    .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);
    }
    #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================ */

/* ===========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: 100%; }
    .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============ */
/* ====================================================================== CMS BASE Style Ends====================================================================== */
.spalashScreen {
	background: var(--primary-color);
	color: var(--white-color);
	display: grid;
	place-items: center;
	padding: 50px;
	position: fixed;
	inset: 0;
	min-height: 100vh;
	z-index: 99;
	overflow: hidden auto;
}
.spalashScreen.off {
	min-height: auto;
	height: 0;
}
.spalashScreen .container{
	position: static;
}
.spalashScreen img {
  max-width: 220px;
  border-radius: 100%;
}
.sponsorLogo img, .sponsorLeftLogo img{
	max-width: 100px !important;
}
.sponsorLogo{
    position: absolute;
    top: 10px;
    right: 10px;
}
.sponsorLeftLogo {
  position: absolute;
  top: 10px;
  left: 10px;
}
.inline-menu ul, .inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 15px;
}
.inline-menu li {
  margin: 0;
}
.inline-menu li a {
  color: inherit;
}
.inline-menu li a:hover{
    color: var(--primary-color);
}
.topHeader {
  padding: 6px 0;
}
.topHeader .inline-menu a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.topHeader .inline-menu i {
  font-size: inherit;
  line-height: inherit;
}
/* ============== About Start =============== */
.aboutPoster {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	position: relative;
	z-index: 1;
}
.aboutPoster img {
	border-radius: 0.8vw;
	position: relative;
	z-index: 1;
    width: 100%;
}
.aboutPoster img:first-child{
	grid-area: 1/5/12/-1;
}
.aboutPoster img:nth-child(2){
	grid-area: 10/1/14/6;
}
.justify-text {
	text-align: justify;
}
/* ============== About Ends =============== */
/* Blog Start */
.gridView { margin-top: 50px; position: relative; z-index: 1; }
.gridView .row { row-gap: 30px; }
.rj_box, .rj_box .rj_text, .rj_box figure, .rj_box figure img, .readmore, .readmore i, .date { -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.gridView .rj_box .rj_icon { max-width: 60px; margin: 0 auto; }
.gridView .rj_box .subheading { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.para { margin-bottom: 20px; height: 87px; overflow-y: auto; padding-right: 10px; }
.featured_para { height: auto; max-height: 140px; }
.subheading.withIcon { padding-left: 36px; position: relative; z-index: 1; }
.subheading.withIcon::before { content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url(../images/subheading-icon.svg) no-repeat center; background-size: contain; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.gridView .rj_box:hover .subheading.withIcon::before { filter: brightness(0); }
.gridView .rj_box { position: relative; padding: 2px; border: 1px solid #ccc; overflow: hidden; will-change: transform; background-color: var(--white-color); -moz-transition: .35s cubic-bezier(.25,.46,.45,.94); -webkit-transition: .35s cubic-bezier(.25,.46,.45,.94); transition: .35s cubic-bezier(.25,.46,.45,.94); border-radius: 10px; }
.gridView .rj_box::before, .gridView .rj_box::after { content: ""; position: absolute; display: block; top: -50%; left: -50%; right: 0; bottom: 0; width: 100%; height: 100%; transform-origin: bottom right; background-image: var(--gradient-color); animation: 5s rotate-2 linear infinite; z-index: 0; opacity: 1; transition: .35s cubic-bezier(.25,.46,.45,.94); border-radius: 10px; }
.gridView .rj_box::after { animation-delay: 3s; }
@-webkit-keyframes rotate-2 { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } }
@keyframes rotate-2 { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); }}
.gridView .rj_box .rj_img { position: relative; z-index: 1; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; overflow: hidden; }
.gridView .rj_box .rj_img img { width: 100%; height: 100%; aspect-ratio: 3/2; object-position: top;}
.gridView .rj_box .rj_text { padding: 20px 20px 30px; position: relative; z-index: 1; background: var(--white-color); -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; overflow: hidden; }
.gridView .rj_box:hover { border-color: var(--primary-color); }
.gridView .rj_box:hover::before, .gridView .rj_box:hover::after { opacity: 0; }
.gridView .rj_box:hover .rj_text { background: var(--secondary-color); color: var(--black-color); }
.home_blog .blog_list [class*="col-"] { margin: 0; }
.rj_img a { display: block; height: 100%; }
.home_blog .blog_list .date { font-weight: 500; font-size: 15px; line-height: normal; background: var(--primary-color); color: var(--white-color); display: inline-block; vertical-align: middle; padding: 4px 24px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; top: 10px; right: 10px; z-index: 2; }
.home_blog [class*="col-"]:not(:first-child) .rj_text p {
	height: 56px;
	padding: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media only screen and (min-width: 992px){
    .home_blog .blog_list .row { position: relative; padding-left: 50%; row-gap: 24px; min-height: 710px;}
    .home_blog .blog_list [class*="col-"]:first-child { position: absolute; top: 0; left: 0; flex: 0 0 49%; max-width: 49%; }
    .home_blog [class*="col-"]:not(:first-child) .rj_box { display: flex; }
    .home_blog [class*="col-"]:not(:first-child).rj_box .rj_img img { aspect-ratio: 2/1; }
    .home_blog [class*="col-"]:not(:first-child) .rj_img { max-width: 40%; flex-shrink: 0; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; }
    .home_blog [class*="col-"]:not(:first-child) .rj_text { -webkit-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; position: static; }
    html:has(.spalashScreen:not(.off)) {
    	overflow: hidden;
    }
    
}
/* Blog Ends */


/* ============== Counter Start =============== */
.rj_counter {
  background: linear-gradient(220deg, var(--black-color) 0%, var(--secondary-color) 10%, var(--primary-color) 20%, var(--primary-color) 80%, var(--secondary-color) 90%, var(--black-color) 100%);
}
.text-white .highlight-text {
  background: var(--white-color);
  color: var(--primary-color);
}
.counter-count {
  display: grid;
  place-items: center;
  padding: 20px;
  background: var(--white-color);
  border-radius: 4px;
}
.rj_count_wrap {
  font: 700 32px / 1.5 var(--primary-font);
  background: var(--gradient-color);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

/* ============== Counter Ends =============== */
.spaceBox .rj_text{
    padding: 20px;
}
.call-to-action figure, .left-poster, .right-poster{
    max-height: 520px;
	overflow: hidden;
}
.left-poster{
	margin-left: calc(100% - 50vw);
}
.call-to-action figure img, .left-poster img{
    max-width: 1000px;
    margin-left: auto;
}
.right-poster{
    width: 50vw;
}
.right-poster img{
    max-width: 1000px;
}
.call-to-action {
	background: var(--gradient-color);
}
.ourmission {
  background: #f2f2f2;
}
.ourVission {
  background: #fbfbfb;
}
.ourVission .rj_content {
  padding: 20px 0px 20px 50px;
}
.ourmission .rj_content {
  padding: 20px 50px 20px 0px;
}
/* 
ibssoftw_pdmswa_user
iq)4$~B,h4xY
*/
.boxtop{
    display: flex;
    align-items: start;
}
.boxtop > *:not(:last-child)::after{
    content: '|';
    display: inline-block;
    margin: 0px 10px;
}
.boxdate {
	background: var(--primary-color);
	color: var(--white-color);
	display: inline-block;
	font-size: 14px;
	margin: 0 0 10px;
	padding: 2px 10px;
}
.brandimg {
  display: block;
}
.brandimg img {
  width: 100% !important;
  height: 340px;
  object-fit: cover;
}
.header_main .container {
	max-width: 1400px;
}
.right-logo {
	--width: 66px;
	margin: 0 0 0px 30px;
	width: var(--width);
	height: var(--width);
	border-radius: 100%;
}
.right-logo img {
  border-radius: 100%;
}
.memberBox, .gradientBg{
	background: linear-gradient(145deg, var(--black-color) 0%, var(--secondary-color) 10%, var(--primary-color) 20%, var(--primary-color) 80%, var(--secondary-color) 90%, var(--black-color) 100%);
}
.logo-wrap {
	display: flex;
	gap: 8px 24px;
}
.barcode-content-wrap {
	max-width: 840px;
	color: var(--heading-color);
	background: var(--white-color);
	margin: 0 auto;
}
.articleBox .imageRatio {
    padding-top: 100%;
}
.articleBox .imageRatio img{
    object-position: center;
}
.galleryPoster .item a {
	display: block;
	width: 100%;
}
.sticky .responsive_btn {
	background: black;
}
.memberSlider .owl-stage {
	display: flex;
}
.rj_box.memberBox {
	display: grid;
	align-content: center;
}
#gallerythumbs {
	margin-top: 16px;
}
#galleryPoster .poster_img img {
  width: 100%;
  height: 520px;
}
#galleryPoster a {
  display: block;
}
.thumb_img .full-img {
	height: 120px !important;
}
#gallerythumbs .owl-item:not(.current) {
	background: var(--black-color);
	opacity: 0.5;
	cursor: pointer;
}
.hook-achivement {
	background: linear-gradient(220deg, var(--black-color) 0%, var(--secondary-color) 10%, var(--primary-color) 20%, var(--primary-color) 80%, var(--secondary-color) 90%, var(--black-color) 100%);
	margin-top: 30px;
}
.achivementList ul {
  padding: 0;
  margin: 70px 0 0;
  list-style: none;
  gap: 40px 20px;
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax(220px, 1fr));
}
.achivementBox {
  padding: 30px;
  background: var(--white-color);
  color: var(--black-color);
  border-radius: 4px;
  text-align: center;
  font-size: 15px;
  min-height: 100%;
}
.achivementBox .rj_pulse {
  margin: -60px auto 16px;
  border: 1px solid #ccc;
}
.achivementBox .text-number {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 6px;
}

li:nth-child(2n) .achivementBox {
  background: var(--secondary-color);
  color: var(--black-color);
}
/* li:nth-child(3n+2) .achivementBox {
  background: blue;
} */
/* li:nth-child(3n+1) .achivementBox {
  background: var(--white-color);
  color: var(--black-color);
} */