@charset "utf-8";
/* 
Start Project 
Company Name: Eclick Softwares
Date: 20/08/2024
Time: 11:50AM
Project name: Lilydale Motors
Developer Name: rjStyle
CSS Document 
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Sora:wght@100..800&display=swap');
@import url(./owl.carousel.min.css);
@import url(./animate.css);
@import url(./aos.css);
@import url(./bootstrap.min.css);
@import url(./fontawesome.min.css);
@import url(./fancybox.min.css);
@import url(./swiper-min.css);
:root{
	--primaryFont: "Inter", sans-serif;
	--secondaryFont: "Sora", sans-serif;
	--white-color: #ffffff;
	--black-color: #000000;
	--body-color: #454545;
	--nav-color: #222222;
	--heading-color: #222222;
	--primary-color: #174ED4;
	--deep-color: #0D245D;
	--secondary-color: #F64568;
	--border-color: #E2E2E2;
	--box-color: #777777;
	--primary-gradient: linear-gradient(110.43deg, #153482 12.45%, #254BAA 84.61%);
	--secondary-gradient: linear-gradient(87.7deg, #B11A37 0.59%, #F64568 92.6%);
	--primary-bg: #F0F2F4;
	--star-color: #FF9900;
    --danger-color: #ff0000;
	--gap-section: 10px;
	--box-shadow: 0px 6px 46px 0px #0000000F;
	--responsiveOffset: 100px;
	--responsiveBody: linear-gradient(110.43deg, #153482 12.45%, #254BAA 84.61%);

}
*, *::after, *::before{
	box-sizing: border-box;
}
html {
    overflow-x: hidden;
}
::-webkit-scrollbar { width: 4px; }
body::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #e1e1e1; }
::-webkit-scrollbar-thumb { background: var(--primary-gradient); }
::-moz-selection { background-color: var(--primary-color); color: var(--white-color); }
::-webkit-selection { background-color: var(--primary-color); color: var(--white-color); }
::selection { background-color: var(--primary-color); color: var(--white-color); }
@-moz-document url-prefix() {
	html{
		scrollbar-width: thin;
		scroll-behavior: smooth;    
		scrollbar-color: var(--primary-color) #f1f1f1;
	}
}
.homeslider .owl-nav [class*="owl-"]{
	--offset: 0;
}
@media screen and (min-width: 992px) {	
	.homeslider .owl-nav {
		position: absolute;
		bottom: 60px;
		right: 40px;
		display: flex;
		align-items: center;
		gap: 30px;
	}
	.homeslider .owl-nav [class*="owl-"] {
		position: relative;
		transform: none;
		background: rgba(0, 0, 0, 0.25);
	}
    .gallery-thumbs [class*="swiper-button-"] {
        transform: rotate(90deg);
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .gallery-thumbs [class*="swiper-button-"]:not(:hover) {
        background: var(--white-color);
    }
    .gallery-thumbs .swiper-button-prev {
        top: 8px;
    }
    .gallery-thumbs .swiper-button-next {
        top: auto;
        bottom: 8px;
    }
}
body {
	margin: 0;
	padding: 0;
	font: 400 16px / 1.5 var(--primaryFont);
	color: var(--body-color);
}
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;
}
.noList {
    padding: 0;
    margin: 0;
    list-style: none;
}
.list-line {
    list-style: none;
    display: flex;
    align-items: start;
    padding: 0;
    margin: 0;
}
.list-line li {
    margin: 0;
    padding: 0;
}
.list-line li:not(:last-child)::after {
    content: '|';
    display: inline-block;
    vertical-align: middle;
    margin-inline: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	line-height: 1.3;
	color: var(--black-color);
}
/* ======Transition====== */
a, img, .wpcf7-form-control, .form-control, [class*="rj-btn-"], .icon-button, .owl-nav [class*="owl-"], [class*="swiper-button-"],
.social a, .scrollup, .scrollup i, .page-numbers, .page-numbers::before, .brand-name,
.responsive_nav, .responsive_btn, .responsive_btn span, .bodyOverlay, .rj-popupOverlay, .sidebar-overlay{	
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
/* ======Transition====== */
a {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
	color: var(--primary-color);
}
a:hover {
	text-decoration: none;
	color: var(--secondary-color);
}
img {
	padding: 0;
	margin: 0;
	max-width: 100%;
}
.full-img{
	width: 100% !important;
	height: 100% !important;
}
.full-img.cover{
	object-fit: cover;
}
.clearfix:after, .clearfix::before {
	content: '';
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}
.container, .relative, .shape-icon-button, .formLabel-wrap{
	position: relative;
	z-index: 1;
}
.container.liquid-container {
    --sideSpace: 80px;
    max-width: clamp(92%, calc(100vw - var(--sideSpace)), 1840px);
}
.radius-container{
	-webkit-border-radius: 24px;
	border-radius: 24px;
	overflow: hidden;
}
p, div:not([class]) {
	margin: 0 0 16px;
	line-height: 1.8;
	letter-spacing: 0.3px;
}
div:has( > .grecaptcha-badge),
p:last-child, div:not([class]):last-child {
  margin-bottom: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-weight: 600;
}
span, b, strong {
	display: inline-block;
}
[class*="line-css-"] {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
[class*="line-css-"].line-css-2 {
    -webkit-line-clamp: 2;
}
@media only screen and (min-width: 1600px){
	.container{
		max-width: 1600px;
	}
}
@media only screen and (min-width: 1440px){
	.container{
		max-width: 1400px;
	}
}
@media only screen and (min-width: 576px){
	.onlyMobile{
		display: none;
	}
}
/* ============== Common Start =============== */

/* =============Form Start============= */
/* ========Input Field======== */
.wpcf7-form-control, .form-control, .comment-form :is(input, textarea, select){
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    --height: 48px;
	font-size: 16px;
    height: var(--height);
    border-radius: 30px;
    border: 1px solid #ccc;
    outline: none;
    padding: 5px 20px;
}
textarea.wpcf7-form-control, textarea.form-control, .comment-form-comment textarea, .woocommerce form .form-row textarea{
    --height: 150px;
	padding-top: 10px;
}
.wpcf7-spinner {
    position: absolute !important;
    z-index: 1;
    margin: 0 !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 40px !important;
    background-image: url(../images/dropdown.webp) !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 16px) 20px !important;
    background-size: 14px !important;
}
.schedule_form select{
    background-image: url(../images/dropdown-white.webp) !important;	
}
input[type="checkbox"], input[type="radio"] {
    width: 20px;
    height: 20px;
    accent-color: var(--primary-color);
    cursor: pointer;
    margin: 4px 8px 4px 0px;
    flex-shrink: 0;
}
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
.schedule_form :is(
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active
){
	-webkit-text-fill-color: var(--white-color);
}
/* =============Form Start============= */

/* ========Button Start======== */
.btn-wrap {
	display: flex;
	align-items: center;
	gap: 8px 16px;
}
[class*="rj-btn-"], .icon-button{
	--buttonRadius: 48px;
	--buttonHeight: 48px;
	--padding: 30px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	cursor: pointer;
	outline: none;
	min-width: 150px;
	text-align: center;
	border: none;
	-webkit-border-radius: var(--buttonRadius);
	border-radius: var(--buttonRadius);
	background: var(--primary-color);
	color: var(--white-color);
	font: 500 16px var(--primaryFont);
	height: var(--buttonHeight);
	line-height: var(--buttonHeight);
	overflow: hidden;
	padding: 0px var(--padding);
}
[class*="rj-btn-"].lg {
    --buttonHeight: 54px;
    min-width: 180px;
    font-size: 18px;
    padding-inline: calc(var(--padding) + 6px);
}
[class*="rj-btn-"].sm{
	--buttonHeight: 40px;
	min-width: 130px;
	font-size: 15px;
    padding-inline: calc(var(--padding) - 6px);
}
[class*="rj-btn-"]:hover,
[class*="rj-btn-"].secondary-btn{
	background: var(--secondary-color);
	color: var(--white-color);
}
[class*="rj-btn-"].secondary-btn:hover{
	background: var(--primary-color);
}
[class*="rj-btn-"]::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 100%;
    left: -150%;
    position: absolute;
    top: 0;
    transform: skewX(50deg);
    transition: all 500ms ease-in-out 0s;
    width: 100%;
}
[class*="rj-btn-"]:hover::after  {
    left: 150%;
}
/* ========Gradient Button======== */
[class*="rj-btn-"]:is(.gradient-btn)::before, .owl-nav [class*="owl-"]::before, .icon-button::before{
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	background: var(--secondary-gradient);
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

[class*="rj-btn-"].secondary-btn:is(.gradient-btn){
	background: var(--secondary-gradient);
}
[class*="rj-btn-"]:is(.gradient-btn),
[class*="rj-btn-"].secondary-btn:hover:is(.gradient-btn)::before{
	background: var(--primary-gradient);
}
[class*="rj-btn-"]:hover:is(.gradient-btn)::before,
.owl-nav [class*="owl-"]:hover::before,
.icon-button.icon-button.icon-button:hover::before{
	opacity: 1;
	visibility: visible;
}
[class*="rj-btn-"]:hover:is(.gradient-btn),
.icon-button:hover{
	color: var(--white-color);
}
/* ========Gradient Button======== */

/* ========Transparent Button======== */
[class*="rj-btn-"].transparent-btn {
    background: transparent;
	border: 1px solid currentColor;
    color: var(--body-color);
    border-color: currentColor;
}
[class*="rj-btn-"].transparent-btn:hover{
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--white-color);
}
/* ========Transparent Button======== */

/* ========White Button======== */
[class*="rj-btn-"].white-btn:not(:hover) {
    background: var(--white-color);
    color: var(--body-color);
}
/* ========White Button======== */

/* ========Square Button======== */
[class*="rj-btn-"].square-button{
	min-width: 130px;
	--buttonRadius: 4px;
}
/* ========Square Button======== */

/* ========Icon Button Start======== */
[class*="rj-btn-"]:has(i) {
	display: flex;
	max-width: max-content;
	align-items: center;
	gap: 10px;
}
[class*="rj-btn-"] i {
	transform: rotate(-45deg);
}
.icon-button {
    --width: 50px;
    padding: 8px;
    width: var(--width);
    height: var(--width);
    font-size: 20px;
    line-height: normal;
    min-width: auto;
    display: grid;
    place-items: center;
    background: var(--primary-color);
    color: var(--white-color);
    flex-shrink: 0;
    border-radius: 100%;
}
.icon-button.rotate i {
    transform: rotate(-45deg);
}
.icon-button.sm{
	--width: 36px;
}
.shape-icon-button, .date-container{
	position: relative;
	z-index: 1;
    display: flex;
    justify-content: center;
    margin: -53px 0px -12px auto;
    padding: 10px 0px 0px 4px;
    width: 188px;
    height: 90px;
    background: url(../images/linkShape.webp) no-repeat center;
    background-size: contain;
}
/* ========Icon Button Ends======== */

/* ========Button Ends======== */

/* ========Owl Carousel Start======== */
.owl-carousel:not(.homeslider) .owl-stage{
	display: flex;
	justify-content: center;
	padding-block: 4px;
}
.owl-carousel:not(.homeslider) .item{
	height: 100%;
}
.owl-carousel:has(.border) .item{
	margin-inline: 4px;
}
.owl-carousel .owl-item img{
	width: auto;
}
.owl-nav [class*="owl-"], [class*="swiper-button-"] {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    --width: 42px;
    --offset: -30px;
    font-size: calc(calc(var(--width) / 2 ) - 2px);
    width: var(--width);
    height: var(--width);
    line-height: var(--width);
    background: var(--primary-gradient);
    color: var(--white-color);
    border: 1px solid transparent;
    border-radius: 100%;
    cursor: pointer;
	overflow: hidden;
}
.owl-prev {
    left: var(--offset);
	padding-right: 1px;
}
.owl-next {
    right: var(--offset);
	padding-left: 2px;
}
@media only screen and (min-width: 768px){
	.owl-carousel.secondary-arrow {
		position: static;
	}
	.secondary-arrow .owl-nav {
		position: absolute;
		top: 12px;
		right: 0px;
		display: flex;
		align-items: center;
		gap: 2px;
		background: var(--nav-color);
		--radius: 50px;
		border-radius: var(--radius);
	}
	.secondary-arrow .owl-nav [class*="owl-"] {
		position: relative;
		--offset: 0;
		transform: none;
		background: transparent;
		border-radius: 0px;
		width: 54px;
		height: 42px;
		font-size: 18px;
		line-height: 40px;
	}
	.secondary-arrow .owl-nav::after{
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: var(--white-color);
		width: 1px;
		height: calc(100% - 16px);
	}
	.secondary-arrow .owl-nav .owl-prev{
		border-radius: var(--radius) 0px 0px var(--radius);
	}
	.secondary-arrow .owl-nav .owl-next{
		border-radius: 0px var(--radius) var(--radius) 0px;
	}
}
[class*="swiper-button-"]{
	--width: 36px;
}
[class*="swiper-button-"]::after {
	font-size: 14px;
	filter: brightness(0);
}
[class*="swiper-button-"]:hover{
	background: var(--secondary-color);
}
/* ========Owl Carousel Ends======== */

/* ========Social Start======== */
.social {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.social a {
    --width: 36px;
    width: var(--width);
    height: var(--width);
    display: grid;
    place-items: center;
    border: 1px solid var(--body-color);
    border-radius: 100%;
    font-size: calc(calc(var(--width) / 2) - 2px);
}
.google-my-business i::before, .google-business i::before {
	content: '';
	background: url(../images/gmb.png) no-repeat center / contain;
	width: calc(calc(var(--width) / 2));
	height: calc(calc(var(--width) / 2) - 1px);
	display: block;
}
.social a:hover{
	background: var(--primary-color);
	color: var(--white-color);
	border-color: var(--primary-color);
}
.header_main .social a:not(:hover) {
	background: var(--white-color);
}
.sticky .header_main .social a {
	border-color: transparent;
}
.sticky .header_main .social a:hover{
	background: var(--secondary-color);
}
.social a img {
	max-width: calc(var(--width) / 2);
}
.header_main .social a:hover img{
	filter: brightness(0) invert(1);
}
/* ========Social Ends======== */

/* ========Section Start======== */
.section{
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 50px 0px;
}
.rjStickyContent{
	position: sticky;
	top: calc(var(--responsiveOffset) + 16px);	
}
.section:has(.rjStickyContent){
	overflow: visible;
}
.section::before, .footer-top::after, .thank-you-page::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.section.section-md{
	padding-block: 70px;
}
.section.section-lg{
	padding-block: 100px;
}
.colorInherit, .hoverColor:not(:hover), .bannerHeading{
	color: inherit;
}
.rowGap, .form_wrap .row{
	row-gap: var(--bs-gutter-x);
}
.rowGap2 {
	row-gap: calc(var(--bs-gutter-x) * 1.5);
}
.mt10{
	margin-top: calc(var(--gap-section) * 1);
}
.mt20{
	margin-top: calc(var(--gap-section) * 2);
}
.mt30{
	margin-top: calc(var(--gap-section) * 3);
}
.mt40, .mt40.listGap{
	margin-top: calc(var(--gap-section) * 4);
}
.mt50, .listGap{
	margin-top: calc(var(--gap-section) * 5);
}
.mt60, .mt60.listGap{
	margin-top: calc(var(--gap-section) * 6);
}
.mt70{
	margin-top: calc(var(--gap-section) * 7);
}
.mt80{
	margin-top: calc(var(--gap-section) * 8);
}
.mt90{
	margin-top: calc(var(--gap-section) * 9);
}
.mt100{
	margin-top: calc(var(--gap-section) * 10);
}
.mb10{
	margin-bottom: calc(var(--gap-section) * 1);
}
.mb20{
	margin-bottom: calc(var(--gap-section) * 2);
}
.mb30{
	margin-bottom: calc(var(--gap-section) * 3);
}
.mb40{
	margin-bottom: calc(var(--gap-section) * 4);
}
.mb50{
	margin-bottom: calc(var(--gap-section) * 5);
}
.mb60{
	margin-bottom: calc(var(--gap-section) * 6);
}
.mb70{
	margin-bottom: calc(var(--gap-section) * 7);
}
.mb80{
	margin-bottom: calc(var(--gap-section) * 8);
}
.mb90{
	margin-bottom: calc(var(--gap-section) * 9);
}
.mb100{
	margin-bottom: calc(var(--gap-section) * 10);
}
.my10{
	margin-block: calc(var(--gap-section) * 1);
}
.my20{
	margin-block: calc(var(--gap-section) * 2);
}
.my30{
	margin-block: calc(var(--gap-section) * 3);
}
.my40{
	margin-block: calc(var(--gap-section) * 4);
}
.my50{
	margin-block: calc(var(--gap-section) * 5);
}
/* ========Section Ends======== */

/* ========Heading Start======== */
.heading, .title, .subheading, .subtitle, .rj-widget-title, .headtag{
	display: block;
	position: relative;
	z-index: 1;
	font: 600 30px / 1.35 var(--secondaryFont);
	color: var(--heading-color);
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.heading:last-child, .title:last-child, .subheading:last-child, .subtitle:last-child, .widget-title:last-child, .headtag:last-child{
	margin-bottom: 0;
}
.heading{
	--font: 48px;
  	font: 700 clamp(28px, calc(1.5vw + 2vh + 1.2vmin), var(--font)) / 1.25 var(--secondaryFont);
  	margin-bottom: 24px;
}
.heading span, .title span {
    color: var(--primary-color);
    display: inline;
}
.heading.heading-v2 {
	--font: 40px;
}
.title{
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 16px;
}
.headtag{
	font-size: 28px;
	margin-bottom: 16px;
}
.rj-widget-title{
	font-size: 24px;
	margin-bottom: 16px;
}
.subheading{
	font-size: 24px;
	margin-bottom: 8px;
}
.subtitle{
	font: 600 20px / 1.35 var(--primaryFont);
	margin-bottom: 8px;
}
a:hover :is(.subheading, .subtitle), a:hover:is(.subheading, .subtitle){
	color: var(--primary-color);
}
*.w, .text-white{
	color: var(--white-color);
}
/* ========Heading Ends======== */

/* ========Content Part Start======== */
.btn_left, .btn_center{
	text-align: left;
	margin-top: calc(var(--gap-section) * 5);
}
.btn_left.sm, .btn_center.sm{
	margin-top: calc(var(--gap-section) * 3);
}
.btn_center{
	text-align: center;
}
.btn_center [class*="rj-btn-"]:has(i), .text-center [class*="rj-btn-"]:has(i) {
	justify-content: center;
	margin-inline: auto;
}

.rj_content{
	position: relative;
	z-index: 1;
	margin: 0px 0px calc(var(--gap-section) * 4);
}
.rj_content:last-child{
	margin-bottom: 0;
}
.rj_content.text-center{
	margin-inline: auto;
}
.rj_content.max-content{
	max-width: 830px;
}
.rj_content.md-content{
	max-width: 600px;
}
.rj_content.sm-content{
	max-width: 400px;
}
.rj_editor_text ul:not([class]) {
    list-style: none;
    padding: 0;
    margin: 20px 0 20px 0px;
}
.rj_editor_text ul:not([class]):last-child {
    margin-bottom: 0;
}
.rj_editor_text p :is(strong, b, span) {
	display: initial;
}
li {
    position: relative;
    z-index: 1;
    margin-bottom: 16px;
    letter-spacing: 0.3px;
}
li:last-child{
	margin-bottom: 0;
}
.rj_editor_text ul:not([class]) li{
	padding-left: 30px;
}
.rj_editor_text ul:not([class]) li::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0px;
    width: 20px;
    height: 20px;
    background: url(../images/list.webp) no-repeat center;
    background-size: contain;
}
/* ========Content Part Ends======== */

/* ========rjStyle Box Part Start======== */
.rj_box{
	position: relative;
	z-index: 1;
	min-height: 100%;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.rj_text{
	font-size: 16px;
	color: var(--box-color);
}
.border{
	border: 1px solid var(--border-color);
}
.radius-box{
	border-radius: 20px;
	overflow: hidden;
}
.rj_box.rj_grid-box {
	display: grid;
	gap: 20px;
}
.rj_grid-box-last{
	margin-top: auto;
}
.ratio11{
	aspect-ratio: 1/1;
}
.ratio32{
	aspect-ratio: 3/2;
}
.ratio43{
	aspect-ratio: 4/3;
}
.box-text-space{
	padding: 20px;
}
.rj_grid-box .rj_text{
	padding-bottom: 0px;
}
.rj_icon {
	background: #F2F2F2;
	position: relative;
	z-index: 1;
	--width: 60px;
	width: var(--width);
	height: var(--width);
	display: grid;
	place-items: center;
	padding: 8px;
	border-radius: 8px;
	box-shadow: 0 0 0 var(--primary-color);
	animation: rjPulse 2s infinite;
}
/* rjPulse */
  @-webkit-keyframes rjPulse {
	  0% {
		-webkit-box-shadow: 0 0 0 var(--primary-color);
	  }
	  70% {
		  -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
	  }
	  100% {
		  -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	  }
	}
  @keyframes rjPulse {
	  0% {
		-moz-box-shadow: 0 0 0 var(--primary-color);
		box-shadow: 0 0 0 var(--primary-color);
	  }
	  70% {
		  -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
		  box-shadow: 0 0 0 10px rgba(204,169,44, 0);
	  }
	  100% {
		  -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
		  box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	  }
  }
.shadowBox {
    box-shadow: var(--box-shadow);
}
/* ========rjStyle Box Part Ends======== */

/* ============== Common Ends =============== */

/* ============== Header Start =============== */
	.primary-bg{
		background: var(--primary-bg);
	}
	.site-header {
		background: var(--primary-bg);
		position: relative;
		z-index: 2;
	}
	.header_main {
		position: relative;
		z-index: 5;
		top: 0;
		left: 0;
		right: 0;
		padding-block: 30px;
	}
	.header_wrap {
		box-shadow: 0px 1px 36px 0px #0F13170F;
		background: var(--white-color);
		padding: 20px 36px;
		border-radius: 20px;
	}
	.logoWrap {
		position: relative;
		z-index: 1;
		max-width: 185px;
	}
	.logoWrap a {
		display: block;
	}
	.logoWrap img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	body:not(.sticky) .sticky_logo,
	.sticky .logo {
		display: none;
	}
	.right-head {
		display: flex;
		align-items: center;
		gap: 16px;
	}
	.right-head .btn-wrap {
		column-gap: 12px;
	}
	[class*="rj-btn-"]:has(img) {
		display: flex;
		align-items: center;
		gap: 8px;
	}
	[class*="rj-btn-"] img {
		max-width: 20px;
	}
	[class*="rj-btn-"]:hover img{
		filter: brightness(0) invert(1);
	}
/* ======Nav Menu Start====== */
.nav_wrapper ul {
	font: 500 17px / 1.5 var(--primaryFont);
	color: var(--nav-color);
	padding: 0;
	margin: 0;
	list-style: none;
}
.nav_wrapper > ul {
	display: flex;
	align-items: center;
	--gap: 50px;
	column-gap: clamp(20px, 2.2vw, var(--gap));
}
.nav_wrapper ul li{
	position: relative;
	z-index: 1;
	margin: 0;
}
.nav_wrapper a{
	display: block;
	color: inherit;
	position: relative;
	z-index: 1;
}
.nav_wrapper > ul > li > a {
	line-height: 40px;
}
.nav_wrapper a::after{
	content: '';
	position: absolute;
	bottom: -28px;
	left: 0;
	width: 0%;
	height: 2px;
	z-index: -1;
	background: currentColor;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.nav_wrapper a:hover::after, .nav_wrapper .current_page_item > a::after {
	width: 100%;
}
.nav_wrapper .menu-item-has-children {
	padding-right: 14px;
}
.nav_wrapper .menu-item-has-children::after {
	content: '';
	position: absolute;
	top: 18px;
	right: 0px;
	background: url(../images/dropdown.webp) no-repeat center;
	width: 10px;
	height: 9px;
	background-size: contain;
}
.nav_wrapper > ul .sub-menu {
	position: absolute;
	z-index: 2;
	--width: 280px;
	left: calc(-0.35 * var(--width));
	top: calc(100% + 12px);
	width: var(--width);
	font-size: 15px;
	background: var(--white-color);
	box-shadow: 0px 0px 10px #cecece;
	border-radius: 3px;
	overflow: hidden;
	margin-top: 15px;
	opacity: 0;
	visibility: hidden;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.nav_wrapper > ul > li:hover .sub-menu{
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}
.nav_wrapper .sub-menu a {
	display: block;
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
}
.nav_wrapper .sub-menu a:hover{
    color: var(--white-color);
}
.nav_wrapper .sub-menu a::after {
    bottom: 0;
    height: 100%;
    background: var(--primary-gradient);
}
/* ======Nav Menu Ends====== */

/* ===========Sticky Header================ */
.stickyFixed .header_main{
	-webkit-animation: fadeInUp 300ms backwards;
	animation: fadeInUp 300ms backwards;
}
.sticky .header_main {
	position: fixed;
	top: 0;
	padding: 0;
	background: #174ED4D4;
	backdrop-filter: blur(3px);
	-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;
}
.sticky .header_wrap {
    background: transparent;
}
@-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 .nav_wrapper > ul {
    color: var(--white-color);
}
.sticky .nav_wrapper > ul > .menu-item-has-children::after {
	filter: brightness(0) invert(1);
}
.sticky .right-head [class*="rj-btn-"]:is(.gradient-btn):not(:hover) {
    background: var(--white-color);
    color: var(--primary-color);
}
.sticky .right-head [class*="rj-btn-"].transparent-btn {
    border-color: var(--white-color);
    color: var(--white-color);
}
.sticky .right-head [class*="rj-btn-"] img {
	filter: brightness(0) invert(1);
}
/* ===========Header Ends================ */
/* ============== Header Ends =============== */

/* ============== Banner Start =============== */
.common_banner {
	position: relative;
	z-index: 1;
	background: var(--primary-bg);
	padding-bottom: 30px;
}
.home_banner{
	--bannerHeight: 720px;
	min-height: var(--bannerHeight);
}
.bannerBox {
	min-height: var(--bannerHeight);
    padding-block: 80px;
    position: relative;
    z-index: 1;
    display: grid;
    align-content: center;
}
.inner_banner .bannerBox{
	min-height: 440px;
}
.bannerBox::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(270deg, rgba(5, 23, 41, 0) 0%, rgba(5, 23, 41, 0.5) 100%);
	z-index: -1;
}
.bannertext{
	position: relative;
	z-index: 1;
	color: var(--white-color);
	font-size: 18px;
	font-weight: 300;
}
.bannertext-in {
    max-width: 600px;
}
.text-center .bannertext-in {
    margin-inline: auto;
    max-width: 1080px;
}
.heading.bannerHeading {
    font-size: 54px;
    line-height: 1.15;
    color: inherit;
    font-weight: 600;
    margin-bottom: 12px;
}
.banner-from {
    position: absolute;
    bottom: 60px;
    left: 12px;
    right: 0;
	max-width: calc(100% - 150px);
}
form.schedule_form {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5, 1fr);
}
.schedule_form .wpcf7-response-output {
    grid-column: 1/-1;
    max-width: max-content;
}
.schedule_form .wpcf7-form-control{
	background: #0A0E1299;
	color: var(--white-color);
}
.schedule_form .wpcf7-form-control::placeholder{
	color: var(--white-color);
}
.home_banner:has(.schedule_form.invalid) .bannertext{
	margin-bottom: 150px;
}
.banner-from .headtag {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
/* ============== Banner Ends =============== */

/* ============== Special Offer Start =============== */
.mainContainer{
	position: relative;
	z-index: 1;
}
.primary-bg.offer-hook {
    padding-top: 20px;
}
.offerItem {
	border-radius: 12px;
	overflow: hidden;
	min-height: 100%;
	position: relative;
	z-index: 1;
}
.offerItem::after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	--width: 80px;
	width: var(--width);
	height: var(--width);
	background: url(../images/favicon.png) no-repeat center;
	background-size: contain;
}
.offerBox-text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	max-width: 360px;
	color: var(--white-color);
}
.offerBox-text.text-top {
	top: 12px;
	color: var(--deep-color);
}
.tag {
	font: 500 17px / 1.5 var(--primaryFont);
	text-transform: uppercase;
	letter-spacing: 0.6px;
	margin-bottom: 6px;
}
.offerBox-text .subheading {
	color: inherit;
}
.offerItem.no-thumbnail {
	background: linear-gradient(110.43deg, #153482 12.45%, #254BAA 84.61%);
}
.no-thumbnail .offerBox-text {
	top: 0;
	display: grid;
}
.no-thumbnail .desc {
	margin-top: auto;
}
.offerItem.no-thumbnail .subheading {
	font: 800 72px / 1 var(--primaryFont);
	align-self: flex-start;
}
.offerItem.no-thumbnail .subheading span {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px currentColor;
}
/* ============== Special Offer Ends =============== */

/* ============== About Start =============== */
.aboutPoster {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	position: relative;
	z-index: 1;
}
.aboutPoster::before {
    content: '';
    position: absolute;
    top: 30px;
    left: 0;
    width: 140px;
    height: 220px;
    background: url(../images/range.webp) no-repeat center;
    background-size: contain;
    transform: translate3d(0px, -120px, 0px) rotate(15deg);
    transition-duration: 1s;
    transition-delay: 1.5s;
}
.aboutPoster:has(.aos-animate)::before {
    transform: translate3d(0px, 0px, 0px) rotate(15deg);
}
.aboutPoster img {
	border-radius: 0.8vw;
	position: relative;
	z-index: 1;
}
.aboutPoster img:first-child{
	grid-area: 1/5/12/-1;
}
.aboutPoster img:nth-child(2){
	grid-area: 4/2/9/8;
}
.justify-text {
	text-align: justify;
}
/* ============== Trending Poster Start =============== */
.trendingPoster {
    min-height: 320px;
    display: grid;
    place-items: center;
    font-size: 20px;
}
.trendingPoster::before {
    background: rgba(0, 0, 0, 0.35);
}
/* ============== Trending Poster Ends =============== */

/* ============== About Call to Action Ends =============== */
.call-to-action-another .title {
    max-width: 1000px;
}
/* ============== About Call to Action Ends =============== */
/* ============== About Ends =============== */

/* ============== Brands Start =============== */
.brand-item {
    display: flex;
    align-items: center;
    gap: 30px;
    font: 700 90px / 1.2 var(--secondaryFont);
	color: var(--primary-color);;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
/* .brand-name {
    -webkit-text-fill-color: var(--white-color);
    text-shadow: -1px -1px 0 #AFAFAF,
				0   -1px 0 #AFAFAF,
				1px -1px 0 #AFAFAF,
				1px  0   0 #AFAFAF,
				1px  1px 0 #AFAFAF,
				0    1px 0 #AFAFAF,
				-1px  1px 0 #AFAFAF,
				-1px  0   0 #AFAFAF;
}
.brand-name:hover{
    -webkit-text-fill-color: var(--primary-color);
} */
/* ============== Brands Ends =============== */

/* ============== Services Start =============== */
.right-full .owl-stage-outer {
	margin-right: -14vw;
}
.serviceBox {
	padding: 1px;
}
.serviceBox .rj_text {
    padding: 20px 30px 0px;
    max-width: 400px;
}
.serviceBox .rj_grid-box-last {
    padding: 4px 30px 28px;
}
/* ===============Page Details Start=============== */

/* ===============Thumb Gallery=============== */
.gallery-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    --gap: 30px;
    gap: var(--gap);
    --height: 600px;
}
.gallery-container .swiper-container{
    max-height: var(--height);
}
.gallery-thumbs {
    width: 300px;
    flex-shrink: 0;
}
.gallery-thumbs .swiper-slide {
    cursor: pointer;
    border-radius: var(--border-radius);
    overflow: hidden;
    height: calc(var(--height) / 3 - calc(var(--gap) / 2)) !important;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
/* ===============Page Details Ends=============== */
.form_wrap.shadow {
	padding: 30px;
	border-radius: 20px;
}
/* ============== Services Ends =============== */

/* ============== Why Choose Us Start =============== */
.webName {
    max-width: 80vw;
}
.webRange {
    transform: rotate(24deg);
    margin: -40px 0 -40px;
    max-width: clamp(80px, 8vw, 140px);
}
.why-choose-us .radius-container {
	position: relative;
	z-index: 1;
	min-height: 780px;
	display: grid;
	align-content: center;
	padding-block: 80px;
}
.why-choose-us .radius-container::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #174ED48F;
	mix-blend-mode: multiply;
}
.choose-content {
	background: #151212;
	max-width: 680px;
	margin-left: auto;
	font-weight: 300;
	padding: 64px 42px;
	border-radius: 20px;
	border: 1px solid currentColor;
}
/* ============== Why Choose Us Ends =============== */

/* ============== Testimonials Ends =============== */
.testimonialItem{
	position: relative;
	z-index: 1;
	padding-top: 8px;
}
.testimonialItem::before{
	content: '';
	position: absolute;
	top: 0px;
	right: 30px;
	background: var(--white-color) url(../images/line-shape.webp) no-repeat center;
	background-size: contain;
	width: 40px;
	height: 20px;
	z-index: 1;
}
.testiBox {
	padding: 50px 70px 50px 50px;
	display: grid;
	gap: 40px;
	min-height: 100%;
	font-size: 18px;
}
.quote {
    margin-bottom: 30px;
    max-width: 44px;
}
.t_wrap {
    margin-top: auto;
    display: flex;
    align-items: start;
    gap: 18px;
}
.clint-name {
	font: 500 20px / 1.4 var(--primaryFont);
	color: #323232;
	margin-bottom: 0px;
}
.designation {
	font-size: 16px;
}
.rj-para {
    position: relative;
    z-index: 1;
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
    margin-right: -10px;
    padding-right: 10px;
}
/* ============== Testimonials Ends =============== */

/* ============== Blog Start =============== */
.author-name em, .normal-text{
	font-style: normal;
}
.author-name {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
}
.blog-text {
	margin: 20px 0 0;
}
.date-container {
	background-image: url(../images/date-container.webp);
	width: 208px;
	height: 65px;
	margin: -45px 0px -12px auto;
	padding: 12px 6px 0px 0px;
	font-size: 15px;
	color: var(--primary-color);
	font-weight: 500;
}
.frame-line {
	background: url(../images/frame-line.webp) no-repeat center;
	height: 18px;
	border: none;
	opacity: 1;
}
/* ============== Blog Deatils =============== */
.single-page .list-line {
    margin-block: 20px;
    font-weight: 500;
}
.single-page .list-line li:nth-child(odd) {
    color: var(--primary-color);
}
/* ===========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-"] {
    --buttonHeight: 48px;
}
.widget_search .rj-widget-title {
    display: none;
}
.searchform .fa-search {
	position: absolute;
	top: 17px;
	left: 16px;
	z-index: 1;
	pointer-events: none;
	font-size: 16px;
	z-index: 2;
}
.searchform .form-control {
    padding-left: 40px;
    font-weight: 500;
    --height: 48px;
}
@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: #174ed40d;
}
.blog-sidebar li {
    margin: 0 0 20px;
}
.blog-sidebar li:last-child {
    margin: 0px;
}
.sideBlog {
    display: flex;
    column-gap: 16px;
}
.sideBlog .subtitle {
    font-size: 16px;
    margin: 0 0 4px;
    color: var(--black-color);
}
.sideBlog .rj_img {
    max-width: 30%;
    flex-shrink: 0;
    overflow: hidden;
}
.sidebar-author {
    font-size: 13px;
    color: var(--primary-color);
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}
.sidebar-date {
    font-size: 14px;
}
.rj_para .more-link {
    display: none !important;
}
/* ===========rjSidebar Ends================ */
/* ===============Comment Form Start=============== */
.comment-respond, .popupSocial .form_wrap{
	padding: 30px;
	box-shadow: var(--box-shadow);
	border-radius: 10px;
	overflow: hidden;
	margin: 0 auto;
}
.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;
    display: inline-block;
    vertical-align: middle;
}
.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: 40px;
    max-width: 100%;
}
#cancel-comment-reply-link {
    font-size: 0;
    line-height: normal;
    margin-left: 20px;
    padding: 6px 10px;
    position: relative;
    z-index: 1;
    background: var(--secondary-color);
    color: var(--white-color);
    border-radius: 4px;
    text-align: center;
}
#cancel-comment-reply-link::before {
    content: 'Reply';
    font: 400 14px/ 1.3 var(--primaryFont);
}
/* ===============Comment Form Ends=============== */

/* ============== Blog Ends =============== */

/* ============== Gallery Start =============== */
body.compensate-for-scrollbar{
	margin-right: 0 !important;
}
.galleryBox{
	display: block;
}
/* ============== Gallery Ends =============== */

/* ===========Contact Us Start================ */
.map-wrap .rj_map {
	margin-left: calc(100% - 50vw);
}
.form_wrap.shadowBox {
	min-height: 100%;
	display: grid;
	align-content: center;
	padding: 40px;
}
/* ===============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: 2px 0px -2px 12px;
}
.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=============== */
.contact-info-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.contact-info-box {
    background: var(--primary-color);
    min-height: 100%;
    padding: 40px 40px 40px 80px;
    color: var(--white-color);
    position: relative;
    --plus: 0px;
    display: grid;
    align-content: center;
}
.contact-info-box::after {
    content: '';
    position: absolute;
    top: 0;
    right: calc(-49px + var(--plus));
    bottom: 0;
    z-index: 1;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    background: var(--primary-color);
    width: 50px;
    height: 100%;
}
.contact-info-box:nth-child(3n + 1){
    padding-left: 40px;
}
.contact-info-box:nth-child(3n + 2) {
    --primary-color: var(--secondary-color);
}
.contact-info-box:nth-child(3n + 3) {
    --primary-color: var(--body-color);
	--plus: -1px;
}
.contact-info-box > div {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    font-size: 20px;
	word-break: break-word;
}
.contact-info-box a {
    color: inherit;
}
.rj_map {
    -webkit-cursor: grab;
    cursor: grab;
    height: clamp(360px, 70dvh, 650px);
    position: relative;
}
.rj_map iframe {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    max-height: inherit !important;
}
label {
    display: block;
    font-weight: 500;
    margin: 0 0 4px;
    color: var(--black-color);
}
.formLabel-wrap label {
	position: absolute;
	top: 50%;
	left: 16px;
	padding-inline: 6px;
	text-transform: capitalize;
	-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;
	z-index: 2;
}
.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, .formLabel-wrap:has([readonly], [disabled]) 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;
}
input[readonly], input[disabled] {
	background: #f2f2f2;
	cursor: not-allowed;
}
.formLabel-wrap:has([readonly], [disabled]) label::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50%;
	background: #f2f2f2;
	z-index: -1;
}
/* ===============Contact Ends=============== */

/* ============== Footer Start =============== */
.mainFooter {
	position: relative;
	z-index: 1;
	font-size: 16px;
	letter-spacing: 0.3px;
}
.footer-top, .thank-you-page{
	font-weight: 300;
	color: var(--white-color);
	max-width: clamp(90%, 100vw, calc(100vw - 36px));
	margin: 0px auto 0px;
	background: var(--deep-color) url(../images/footer-bg.webp) no-repeat top right;
	background-size: 60% 100%;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	overflow: hidden;
	padding: 100px 16px 150px;
	position: relative;
	z-index: 1;
}
.footer-top::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/footer-shape-new.webp) no-repeat bottom left;
    width: 100%;
    height: 100%;
    /* background-size: contain; */
	mix-blend-mode: plus-lighter;
}
/* .footer-top::after {
	background: var(--black-color);
	mix-blend-mode: soft-light;
	opacity: 0.25;
} */
.footer-top::after {
    background: var(--primary-color);
    mix-blend-mode: color;
}
.mainFooter a{
	color: inherit;
}
.mainFooter a:hover{
	color: var(--secondary-color);
}
.mainFooter .social a:hover{
	color: var(--white-color);
}
.f-logo {
    display: block;
    max-width: 200px;
}
.footer-content{
	max-width: 390px;
	margin: 24px 0px 0px 0px;
}
.footerTitle {
	color: inherit;	
	font: 500 22px / 1.25 var(--secondaryFont);
	margin-bottom: 30px;
}
.mainFooter ul, .mainFooter li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer-wrap {
	display: grid;
	grid-template-columns: repeat(1, 3fr 3fr 2fr);
	gap: 24px;
}
.footer-wrap ul {
	display: grid;
	gap: 10px;
}
.fnav a {
	display: block;
	padding: 4px 0;
}
.emailInfo a {
	border-bottom: 1px solid #B8B8B8;
	padding-bottom: 6px;
}
.copyright p {
    margin: 0;
}
.separate {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}
.copyright-wrapper {
	font-size: 0.92em;
    padding: 24px;
    background: var(--white-color);
    border-radius: 30px;
    margin-top: -48px;
}
/* ============== Footer Ends =============== */

/* ===============Scrollup Start=============== */
.scrollup {
	position: fixed;
	bottom: 30px;
	right: 20px;
	z-index: 9;
	--width: 54px;
	display: none;
}
.scrollup:hover {
	transform: translate(0px, -10px);
}
.scrollup i {
	display: grid;
	place-items: center;
	font-size: calc(calc(var(--width) / 3) * 1.12);
	width: var(--width);
	height: var(--width);
	border: 1px solid var(--white-color);
	color: var(--white-color);
	background: var(--secondary-color);
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-animation: rjPulse 3000ms ease-out infinite;
	animation: rjPulse 3000ms ease-out infinite;
}
.scrollup i:hover {
	background: var(--primary-color);
	color: var(--white-color);
	border-color: var(--white-color);
}
/* ===============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;
}
.row .pagination {
    margin-top: 16px;
}
.pagination .nav-links {
    margin-top: 0;
}
.page-numbers {
    --width: 48px;
    width: var(--width);
    height: var(--width);
    font-size: calc(calc(var(--width) / 3) * 1.15);
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    color: var(--body-color);
    padding: 4px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    flex-shrink: 0;
}
.page-numbers::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--primary-color);
    z-index: -1;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.page-numbers.current, .page-numbers:hover {
    color: var(--white-color);
}
.page-numbers:hover:before, .page-numbers.current::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.page-numbers.prev i{ padding: 2px 2px 0 0; }
.page-numbers.next i { padding: 2px 0 0 2px; }

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

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

/* ==========404 Page Start========== */
.thankyouSection {
    padding-block: 60px;
    min-height: clamp(480px, 70dvh, 720px);
    display: grid;
    place-items: center;
}
.poster-404 {
    max-width: 380px;
    margin: 20px auto 20px;
}
.heading404 {
    -webkit-text-fill-color: #fdfdfd;
    text-shadow: -1px -1px 0 var(--secondary-color), 0 -1px 0 var(--secondary-color), 1px -1px 0 var(--secondary-color), 1px 0 0 var(--secondary-color), 1px 1px 0 var(--secondary-color), 0 1px 0 var(--secondary-color), -1px 1px 0 var(--secondary-color), -1px 0 0 var(--secondary-color);
    font: 700 150px / 1 var(--primaryFont);
    margin-bottom: 8px;
    filter: drop-shadow(1px 1px 4px var(--primary-color));
}
/* ==========404 Page Ends========== */

/* ==========Thank You Page Start========== */
.thank-you-page {
	background-size: cover;
}
.thank-you-img {
	max-width: 120px;
	margin: 0 auto 24px;
}
.thank-you-page::after {
	background: var(--primary-color);
	opacity: 0.5;
}
.thankyouSection .heading {
    --font: 60px;
	font-weight: 600;
}
/* ==========Thank You Page Ends========== */

.comment-form-cookies-consent {
    display: flex;
    align-items: start;
}
.breadcrumb {
	margin: 0;
	padding: 0px 0px 20px 0px;
	font-size: 17px;
	font-weight: 500;
}
.breadcrumb-item {
	margin: 0;
}
/* ===============Review Social Start=============== */
.rating-sec {
	position: fixed;
	right: -84px;
	top: 45%;
	z-index: 11;
	border-radius: 0 0 0 8px;
	transform: translateY(-50%) rotate(-90deg);
}
.floteButton {
	display: flex;
	gap: 10px;
}
/* .review_wrap {
	background: #fff;
	border-radius: 30px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
} */
.review_wrap {
	background: #fff;
	border-radius: 30px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	max-width: max-content;
	margin-top: 40px;
}
.rateBox {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 0;
	position: relative;
}
.rateBox a {
	display: block;
	color: inherit;
	position: relative;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 95px;
	height: 48px;
}
.rateBox .rateImg img {
	display: block;
}
.num_tag {
	position: absolute;
	bottom: 4px;
	font-weight: 700;
	color: #ba0000;
	font-size: 11px;
	letter-spacing: 1px;
}
.socialReviewList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    gap: 30px;
}
.reviewbox {
    max-width: 250px;
    margin: 0 auto;
}
.ratingNo {
    display: block;
    font-size: 22px;
    font-weight: 800;
    color: var(--heading-color);
    text-align: center;
}
.starSelection {
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary-color);
    margin: 20px 0 0;
}
.formContent {
    font-size: 22px;
    font-weight: 600;
    max-width: 800px;
    margin: 40px auto 20px;
}
.reviewModel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000cc;
    z-index: 9;
    display: grid;
    place-items: center;
}
.reviewModelcontent {
    max-width: 720px;
    width: 100%;
    font-weight: 700;
    font-size: 20px;
    color: var(--secondary-color);
    background: var(--white-color);
    text-align: center;
    padding: 30px;
    border-radius: var(--border-radius);
    position: relative;
    z-index: 1;
}
.reviewModelcontent p{
	line-height: 1.6;
}
.reviewModelclose {
    cursor: pointer;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    background: #ff0000;
    text-align: center;
    color: #fff;
    font-size: 13px;
    border-radius: 100%;
    opacity: 0.8;
}
.reviewModelclose:hover {
    opacity: 1;
}
.reviewLinkArea {
    margin: 0 -30px -30px;
    padding: 30px;
    background: #f1f1f1;
    border-radius: 0 0 10px 10px;
}
.jq-ry-container {
    position: relative;
    padding: 0 5px;
    margin: 0 auto;
    line-height: 0;
    display: block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    direction: ltr
}
.jq-ry-container[readonly=readonly] {
    cursor: default
}
.jq-ry-container>.jq-ry-group-wrapper {
    position: relative;
    width: 100%
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group {
    position: relative;
    line-height: 0;
    z-index: 10;
    white-space: nowrap
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg {
    display: inline-block
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group {
    width: 100%
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
    width: 0;
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}
.reviewLinkArea a {
	display: block;
}
.reviewLinkArea a img {
	box-shadow: var(--box-shadow);
	padding: 10px;
	background: var(--white-color);
	border-radius: 8px;
}
.popupSocial .form_wrap {
	padding: 50px 30px 30px;
	max-width: 830px;
}
/* ===============Review Social Ends=============== */

.documentBox {
	padding: 24px;
}
[class*="rj-btn-"].rj-btn-download i {
	transform: none;
}

/* ===========Responsive Menu Start================ */
.responsive_btn {
  cursor: pointer;
  text-align: center;
  --width: 40px;
  width: var(--width);
  height: var(--width);
  margin: -2px 0;
  position: relative;
  z-index: 20;
  background: var(--secondary-color);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  --lineColor: var(--white-color);
  flex-shrink: 0;
}
.responsive_btn span {
  display: block;
  height: 2px;
  width: calc(var(--width) / 2);
  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;
}

.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(--responsiveOffset);
}

.responsive_nav {
  position: fixed;
  top: var(--responsiveOffset);
  --width: clamp(280px, 90vw, 360px);
  width: var(--width);
  bottom: 0;
  left: calc(var(--width) * -1);
  z-index: 92;
  background: var(--responsiveBody);
  max-height: calc(100dvh - var(--responsiveOffset));
  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 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(--secondary-gradient);
}

.responsive_nav .sub-menu li > a {
  color: var(--white-color);
  font-size: 0.92em;
}

.responsive_nav ul .sub-menu,
.responsive_nav ul li a i {
  display: none;
}

.responsive_nav .subarrow {
    display: grid;
    place-items: center;
	--width: 40px;
    width: var(--width);
    height: var(--width);
    position: absolute;
    top: 2px;
    right: 4px;
    background: var(--white-color);
    color: var(--black-color);
    border-radius: 0.2vw;
    cursor: pointer;
	padding: 8px;
}
/* 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(--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================ */

/* ===========Social Menu Start================ */
.shareClick {
    --width: 42px;
    text-align: center;
    width: var(--width);
    height: var(--width);
    display: grid;
    place-items: center;
    font-size: calc(var(--width) / 2);
    padding: 6px;
    cursor: pointer;
    margin-right: -4px;
    color: var(--black-color);
}
.sticky .shareClick {
    color: var(--white-color);
}
/* ===========Social Menu Ends================ */