/*
	Theme Name:     kj-caravan
	Theme URI:      
	Description:    kj-caravan
	Author:         kj-caravan
	Author URI:     
	Template:       Divi
	Version:        1.0.0
*/

@import url("main_style.css");
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');



body {
	font-family: "Sora", sans-serif !important;
	font-size: 16px;
	color: #fff;
	margin: 0 !important;
	line-height: 1.4;
	font-weight: 400;
	background: #0A0A0A !important;
}

body .et_pb_section {
	background: #0A0A0A;
}

.gldn_txt span {
	background-clip: text !important;
	background: linear-gradient(180deg, #957728 0%, #EFD770 42.31%, #B8A43F 78.37%, #957728 100%);
	-webkit-background-clip: text;
	background-size: 180% auto;
	font-weight: 600;
	-webkit-text-fill-color: transparent;
	line-height: 1.2;
	font-family: "Sora", sans-serif !important;
}

/* -------------MAIN BANNER START------------------ */

.bnr_sec .et_pb_slide {
	height: 1050px;
	position: relative;
}

.bnr_sec .et_pb_slide:after {
	position: absolute;
	content: "";
	height: 200px;
	width: 100%;
	background: url(../../../wp-content/uploads/2025/07/bnner_shape.png)no-repeat;
	bottom: -5px;
	left: 0;
	background-size: 100% 100%;
	background-position: bottom;
	z-index: 0;
}

.bnr_sec .et_pb_slides .et_pb_slider_container_inner {
	display: table-cell;
	width: 100%;
	vertical-align: bottom;
}

.bnr_txt_main_box {
	padding-bottom: 150px;
	padding-right: 100px;
	position: relative;
	width: 70%;
}

.bnr_txt_main_box:after {
	position: absolute;
	content: "";
	height: 90%;
	width: 20px;
	background: url(../../../wp-content/uploads/2025/07/top_line.png) no-repeat;
	top: 0;
	right: 50px;
	background-size: 100% 100%;
	clip-path: inset(0 0 100% 0);
	transition: clip-path 2s cubic-bezier(0.76, 0, 0.24, 1);
}

.actv_bnr_sec .bnr_txt_main_box:after {
	clip-path: inset(0 0 0% 0) !important;
}

.bnr_txt_main_box_inr {
	width: 60%;
	margin: auto 0 0 auto;
}

.bnr_main_ttl {
	font-size: 71px;
	font-weight: 600;
	text-align: right;
}

.bnr_des {
	font-size: 27px;
	font-weight: 400;
	text-align: right;
	padding-top: 30px;
	margin-top: 30px;
	position: relative;
}

.bnr_des:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 105%;
	background: #6a6a66;
	top: 0;
	left: 4px;
	clip-path: inset(0 0 0 100%);
	transition: clip-path 2.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.actv_bnr_sec .bnr_des:after {
	clip-path: inset(0 0 0 0) !important;
}


.bnr_btn_box {
	padding-top: 70px;
}

.bnr_btn_box .site_button_main_box_inner {
	justify-content: right;
}

/* welcome */


.wlcm_main_box p {
    display: none;
}
.banner_info_main_box_inr {
	display: flex;
	flex-wrap: wrap;
}

.wlcm_main_box {
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bnr_sec .et_pb_module,
.bnr_sec .et_pb_slide_description {
	animation: unset !important;
}

.wlcm_box_inr {
	display: flex;
	align-items: center;
	width: 310px;
	justify-content: left;
	padding: 10px;
	border-radius: 15px;
	background: #FFFFFF66;
	backdrop-filter: blur(10px);
}

.wlcm_img {
	display: flex;
}

.wlcm_img img {
	width: 100%;
	height: 90px;
	object-fit: cover;
	border-radius: 5px;
}

.wlcm_txt {
	font-weight: 600;
	font-size: 18px;
    line-height: 1.2;
	text-align: center;
	color: #000000;
	width: 160px;
	padding-left: 10px;
}

.wlcm_box {
	display: flex;
	justify-content: center;
	padding: 10px 0;
	width: fit-content;
	margin: auto;
}

.wlcm_main_box_inr {
	position: relative;

}

.wlcm_box {
	transition: .5s;
}

.wlcm_box_1,
.wlcm_box_2 {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	top: 0;
	z-index: -1;
}

.wlcm_box_1 {
	transform: scale(0.8) translateY(-60%);
	
}

.wlcm_box_2 {
	transform: scale(0.9) translateY(-30%);
}
.wlcm_box_3{
	z-index: 9;
}
.wlcm_main_box.-active .wlcm_box_1 {
	transform: scale(1) translateY(-183%);
	z-index: 9;
}

.wlcm_main_box.-active .wlcm_box_2 {
	transform: scale(1) translateY(-92%);
	z-index: 9;
}
.wlcm_main_box.-active {
    min-height: 420px;
}
/* -------------MAIN BANNER END------------------ */




/* --------------ABOUT US SECTION START--------------- */

.abt_logo_col {
	display: flex;
	height: 200px;
	width: 200px;
	margin: auto !important;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background: #000000;
	outline-offset: -10px;
	outline: 1px solid #FFFFFF47;
	transform: scale(0.3);
	opacity: 0;
	transition: 1.5s;
}

.actv_abt_sec .abt_logo_col {
	transform: scale(1);
	opacity: 1;
}

.abt_main_ttl {
	padding-right: 150px;
}

.abt_des {
	padding-right: 60px;
}

.abt_img img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 20px;
	clip-path: inset(0 100% 0 0);
	transition: clip-path 2s cubic-bezier(0.76, 0, 0.24, 1);
}

.actv_abt_sec .abt_img img {
	clip-path: inset(0 0 0 0);
}

.abt_col1 {
	padding-left: 40px;
	position: relative;
}

.abt_col1:after {
	position: absolute;
	content: "";
	height: 125%;
	width: 120%;
	background: #FFFFFF05;
	top: 0;
	z-index: -1;
	bottom: 0;
	margin: auto;
	left: 0;
	border-radius: 30px;
}

.abt_col1::before {
	position: absolute;
	content: "about us";
	font-size: 100px;
	color: #FFFFFF1A;
	top: 0;
	z-index: -1;
	bottom: 0;
	margin: auto;
	left: -320px;
	display: flex;
	height: fit-content;
	width: fit-content;
	text-transform: uppercase;
	font-weight: 600;
	transform: rotate(-90deg);
	clip-path: inset(0 0 0 100%);
	transition: clip-path 2s cubic-bezier(0.76, 0, 0.24, 1);
}

.actv_abt_sec .abt_col1::before {
	clip-path: inset(0 0 0 0);
}

.abt_logo_col img {
	width: 100%;
	height: 80px;
	object-fit: contain;
	animation: zoom-in-zoom-out 4s ease-out infinite;
}

/* --------------ABOUT US SECTION END--------------- */
/* -----------BRAND START----------- */


.brand_main_col {
	padding-top: 50px;
}

.brand_box {
	padding: 15px;
	width: 300px;
}

.brand_inner_box {
	display: flex;
	justify-content: center;
	height: 90px;
	align-items: center;
	box-shadow: 0px 0px 4px 0px #00000040;
	background: transparent;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #FFFFFF4D;
}

.brand_img_box {
	display: flex;

}



.brand_img_box img {
	width: 100%;
	height: 105px;
	object-fit: contain;
	transition: .8s;
}

.brand_img_box:hover img {
	transform: scale(1.1);
}

/* -----------BRAND END--------- */
/* -----------FIILER CONTENT START--------- */


/* .filler_sec {
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
} */

.filler_sec:after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: #000000CC;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
}

.filler_main_box {
	padding: 40px 0;
}

.filler_btn {
	background: #0D0D0B;
	width: fit-content;
	padding: 5px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.filler_btn span {
	padding: 0 10px;
}

.filler_btn_img {
	width: 55px;
	height: 55px;
	background: #212020ad;
	object-fit: contain;
	padding: 10px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.filler_btn_img img {
	width: 100%;
	height: 15px;
	object-fit: contain;
	animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
	0% {
		transform: scale(0.7, 0.7);
	}

	50% {
		transform: scale(1, 1);
	}

	100% {
		transform: scale(0.7, 0.7);
	}
}

/* -----------FIILER CONTENT END--------- */
/* -----------CARAVAN SERVICING START--------- */

.cr_ser_main_box_inr {
	margin: 0 -15px;
	padding-top: 20px;
}

.cr_ser_box {
	width: 25%;
	display: flex;
	padding: 0 15px;
}

.cr_ser_box_inr {
	width: 100%;
	text-align: center;
	font-size: 18px;
	background: #fff;
	color: #333;
	padding: 20px 30px;
	border-radius: 20px;
	line-height: 2.2;
}

.cr_ser_sec:after {
	position: absolute;
	content: "";
	height: 400px;
	width: 300px;
	right: 0;
	top: 0;
	background: linear-gradient(180deg, rgba(149, 119, 40, 0.18) 0%, rgba(239, 215, 112, 0.18) 32.13%, rgba(149, 119, 40, 0.18) 74.48%, rgba(239, 215, 112, 0.18) 100%);
	border-radius: 100%;
	filter: blur(120px);
}

/* -----------CARAVAN SERVICING END--------- */
/* -----------Why You’re in Good Hands with Us START--------- */


.why_with_img img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 20px;
}

.why_with_img::after {
	position: absolute;
	content: '';
	height: 80%;
	width: 80%;
	background: transparent;
	border: 1px solid #957728;
	left: 0;
	top: 0;
	left: -30px;
	top: -30px;
	z-index: -1;
	border-radius: 0 20px 0 20px;
	transition: 1s;
}

.why_with_img:hover::after {
	background: #957728;
}

.why_with_txt {
	font-size: 20px;
}

.why_with_main_ttl_box {
	width: 500px;
	padding-left: 30px;
}

.why_with_main_ttl {
	padding-top: 20px !important;
	padding-bottom: 0 !important;
}

.why_with_sec::before {
	position: absolute;
	content: "";
	width: 570px;
	height: 470px;
	background: url(../../../wp-content/uploads/2025/07/caravan_img.png)no-repeat;
	top: 0px;
	right: -600px;
	margin: auto;
	z-index: 0;
	background-size: 100% 100%;
	transform: translate(0px, -80px);
	transition: 2s;
	z-index: 9;
}

.why_with_sec {
	overflow: hidden;
}

.why_with_sec.actv_why_with_sec::before {
	right: 0;
	transform: translate(0px, 0px);
}

/* why choose ua box */
.wcu_row {
	padding: 0 180px !important;
}

.wcu_main_box_inr {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -15px;
}

.wcu_box {
	width: 16.6%;
	padding: 15px;
	display: flex;
	position: relative;

}

.wcu_box_inr {
	width: 100%;
	padding: 20px;
	border: 0.5px solid #888888;
	border-radius: 120px 120px 0 0;
	height: 390px;
	padding-top: 110px;
	opacity: 0.2;
	transition: 1s;
}

.wcu_box_inr:hover {
	opacity: 1;
}

.wcu_txt {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.6;
	text-align: center;
}

.wcu_img {
	height: 120px;
	width: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(180deg, #957728 0%, #EFD770 32.13%, #957728 74.48%, #EFD770 100%);
	margin: auto;
	border-radius: 100%;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: auto;
}

.why_with_sec:after {
	position: absolute;
	content: "";
	height: 15%;
	width: 100%;
	background: url(../../../wp-content/uploads/2025/07/wcu_shape.png) no-repeat;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: 100% 100%;
	z-index: 2;
}

.wcu_row::before {
	position: absolute;
	content: "";
	height: 170%;
	width: 100%;
	background: #12110D;
	border-radius: 100px 0 0 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}

.wcu_box {
	transform: translate(0px, 250px);
	opacity: 0;
}

.wcu_box1 {
	transition: 3s;
}

.wcu_box2 {
	transition: 3.3s;
}

.wcu_box3 {
	transition: 3.6s;
}

.wcu_box4 {
	transition: 4s;
}

.wcu_box5 {
	transition: 4.3s;
}

.wcu_box6 {
	transition: 4.5s;
}

.actv_why_with_sec .wcu_box {
	transform: translate(0px, 0px);
	opacity: 1;
}

/* -----------Why You’re in Good Hands with Us END--------- */

/* -----------testimonial---------- */
.testi_sec {
	background: #0f0f0f !important;
}

/* -----------PROCESS START--------- */
.prmum_des {
	font-size: 32px;
	padding: 10px 0;
}

.prmum_row {
	border-bottom: 1px solid #444444;
}


.prcs_main_box_inr {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	padding-top: 20px
}


.prcs_box {
	width: 25%;
	padding: 10px;
	display: flex;
	justify-content: center
}

.prcs_box_inr {
	width: 100%;
}

.prcs_img {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 180px;
	width: 180px;
	background: linear-gradient(180deg, #222222 0%, #000 32.13%, #222222 74.48%, #000 100%);
	border: 2px solid #957728;
	border-radius: 100%;
	margin: auto;
	transition: 1s;
}

.prcs_box_inr:hover .prcs_img {
	background: linear-gradient(180deg, #957728 0%, #EFD770 32.13%, #957728 74.48%, #EFD770 100%);

}

.prcs_img img {
	height: 60px;
	width: 100%;
	object-fit: contain;
	transition: .5s;
}

.prcs_box_inr:hover .prcs_img img {
	filter: brightness(1) invert(1);

}

.prcs_ttl {
	font-size: 22px;
	padding-top: 35px;
	line-height: 1.3;
	font-weight: 600 !important;
}

.prcs_des {
	font-weight: 600 !important;
	line-height: 1.7;
	padding-top: 10px;
}

.prcs_img_box {
	position: relative;
}

.prcs_main_box_inr:after {
	position: absolute;
	content: "";
	height: 0px;
	width: 70%;
	border-top: 3px dashed #ffffff73;
	top: 120px;
	bottom: auto;
	margin: auto;
	left: 0;
	right: 0;
	z-index: -1;
	clip-path: inset(0 100% 0 0);
	transition: clip-path 3s cubic-bezier(.5, .7, .9, 1);
}



.prcs_img_box:after {
	position: absolute;
	content: "";
	height: 15px;
	width: 7px;
	background: url(../../../wp-content/uploads/2025/07/prcs_arrow.png)no-repeat;
	top: 0;
	bottom: 0;
	margin: auto;
	background-size: 100% 100%;
	right: -30px;
	clip-path: inset(0 100% 0 0);
	transition: clip-path 3s cubic-bezier(.5, .7, .9, 1);
}

.actv_prcs_sec .prcs_main_box_inr:after,
.actv_prcs_sec .prcs_img_box:after {
	clip-path: inset(0 0 0 0) !important
}

.prcs_box_4 .prcs_img_box::after {
	display: none;
}

.prcs_sec:after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	right: 0;
	top: 0;
	background: linear-gradient(180deg, rgba(149, 119, 40, 0.18) 0%, rgba(239, 215, 112, 0.18) 32.13%, rgba(149, 119, 40, 0.18) 74.48%, rgba(239, 215, 112, 0.18) 100%);
	border-radius: 100%;
	filter: blur(360px);
}

/* -----------PROCESS END--------- */
/* -------------get in touch section start--------- */

.git_map_box div {
	display: flex;
	padding-right: 40px;
}

.git_map_box div iframe {
	width: 100%;
	height: 400px;
	border-radius: 20px;

}

.gt_12_inr {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.gt_6 {
	padding: 5px;
	width: 50%
}

.gt_12 {
	padding: 5px;
	width: 100%
}

.contect_filed {
	font-size: 15px;
	height: 55px;
	padding: 10px 15px !important;
	width: 100%;
	border-radius: 50px;
	background: transparent !important;
	border: 1px solid #DDDDDD33 !important;
	color: #fff !important;
}

::placeholder {
	color: #fff !important;
}

option {
	color: #000 !important;
}

textarea.contect_filed {
	height: 115px;
	resize: none;
	border-radius: 20px;
}

span.wpcf7-not-valid-tip {
	font-size: 12px;
	line-height: 1.1;
}

.gt_col_12.gt_sc_rw {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.gt_sc_rw .gt_12_inr {
	display: block;
}

.gt_undr_col {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

.gt_undr_col .gt_6 {
	width: 100%;
}

.gt_lt_col,
.gt_rt_col {
	width: 50%;
}

.wpcf7-spinner {
	position: absolute !important;
	right: 10px !important;
	margin: 0 !important;
}

/* -------------get in touch section end--------- */
/* -------------CARAVAN CAR SECTION START--------- */

.caravan_car_sec {
	overflow: hidden
}

.buildings_img {
	height: 740px;
	object-fit: cover;
	object-position: bottom
}

.buildings1 {
	position: relative;
	top: 0;
	left: -100%;
	width: 100%;
	animation: building1 10s infinite linear reverse
}

.buildings2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	animation: building2 10s infinite linear reverse
}

.car_box {
	position: relative;
	width: 1100px;
	margin: auto;
	margin-left: 200px;
}

.car_img {
	position: absolute;
	bottom: 0%;
	width: 100%;
	margin: auto;
	left: 0;
	right: 0;
}

.wheel1,
.wheel2,
.wheel3,
.wheel4 {
	position: absolute;
	bottom: 40px;
	-webkit-animation: wheel 2s linear infinite;
	animation: wheel 2s linear infinite;
}

.wheel1 {
	right: 63px;
}

.wheel2 {
	right: 398px;
}

.wheel3 {
	left: 91px;
}

.wheel4 {
	left: 187px;
}

.wheel_img {
	width: 80px;
	height: 80px;
	object-fit: contain;
}

.car_col_box {
	position: relative;
	margin: -400px 0 0 0
}

@-webkit-keyframes building1 {
	0% {
		left: -100%
	}

	100% {
		left: 0
	}
}

@-webkit-keyframes building2 {
	from {
		left: 0
	}

	to {
		left: 100%
	}
}

@keyframes building2 {
	from {
		left: 0
	}

	to {
		left: 100%
	}
}

@-webkit-keyframes wheel {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes wheel {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

/* -------------CARAVAN CAR SECTION end--------- */
/* -------------SEO CONTENT SECTION start--------- */


.seo_img img {
	width: 100%;
	height: 550px;
	object-fit: cover;
	border-radius: 40px;
}

.seo_cnt_col1 {
	padding-right: 50px;
}

/* -------------SEO CONTENT SECTION end--------- */
/* -------------after before image SECTION end--------- */
.af_bf_sec .twentytwenty-before-label,
.af_bf_sec .twentytwenty-after-label {
	opacity: 1 !important;
	background: linear-gradient(180deg, #957728 0%, #EFD770 32.13%, #957728 74.48%, #EFD770 100%);
	color: #000;
	font-weight: 600;
	width: 85px;
	text-align: center;
	padding: 5px 20px;
	top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: fit-content;
}

.af_bf_sec .twentytwenty-before-label {
	border-radius: 0 15px 15px 0 !important;
}

.af_bf_sec .twentytwenty-after-label {
	border-radius: 15px 0 0 15px !important;
}

.af_bf_main_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.af_bf_box {
	width: 33.33%;
	padding: 10px;
	display: flex;
}

.af_bf_box_inr {
	width: 100% !important;
	height: 100% !important;
}

.twenty20 {
	margin: 0 !important;
}

.af_bf_sec .twentytwenty-container,
.af_bf_sec .twentytwenty-container img {
	height: 300px !important;
	border-radius: 10px;
}

.af_bf_sec .twentytwenty-container {
	margin: 0;
	width: 100%;
}

.af_bf_sec .twentytwenty-container img {
	display: block;
	object-fit: cover;
}

.af_bf_sec {
	border-bottom: 1px solid #FFFFFF33;
}

/* -------------after before image SECTION end--------- */

/* -------------ANIMATED SCROLL CAR SECTION START------------ */
.car_sec {
	background-size: 100% 100% !important;
	overflow: hidden !important;
}

.srvc_form_car_svg_con_inner {
	line-height: 0;
	position: relative;
	display: flex;
	justify-content: center;
}

.srvc_form_car_svg_con::after,
.srvc_form_car_svg_con::before {
	position: absolute;
	content: '';
	background-position: left;
	animation: rotate 2s infinite linear;
	background: url(../../../wp-content/uploads/2025/07/wheel_2.png);
	background-size: 100% 100% !important;

}

.srvc_form_car_svg_con_inner::after,
.srvc_form_car_svg_con_inner::before {
	position: absolute;
	content: '';
	background-position: right;
	animation: rotate 2s infinite linear;
	background: url(../../../wp-content/uploads/2025/07/wheel_1.png);
	background-size: 100% 100% !important;

}

.srvc_form_car_svg_con::after,
.srvc_form_car_svg_con::before,
.srvc_form_car_svg_con_inner::after,
.srvc_form_car_svg_con_inner::before {
	width: 75px;
	height: 75px;
	bottom: 47px;
	z-index: 9;
}

.srvc_form_car_svg_con::after {
	left: 106px;
}

.srvc_form_car_svg_con::before {
	left: 209px;
}

.srvc_form_car_svg_con_inner::after {
	right: 440px;
}

.srvc_form_car_svg_con_inner::before {
	right: 75px;
}

@keyframes rotate {
	0% {
		rotate: 0deg;
	}

	100% {
		rotate: 360deg;
	}
}


.srvc_form_car_svg_con {
	width: fit-content;
	position: relative;
}

/* -------------ANIMATED SCROLL CAR SECTION end	------------ */
.vdo_row {
	height: 100%;
}

/* .vdo_col {
	position: sticky;
	top: 130px;
} */

.vdo_main_box {
	position: relative;
}

.vdo_main_box_inr {
	overflow: hidden;
	position: relative;
	min-height: 400px;
	    border-radius: 200px !important;
}

.vdo_main_box_inr:after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: #0000008f;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.vdo_bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;

	video {
		top: 0;
		display: block;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;

	}
}
/* play pause button video */
.video_box_center {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;

}

.video_class.vid_clas_2.pointer-hover {
	position: absolute;
	display: none !important;
}

video#bmp_vid {
	object-fit: cover;
	height: 850px;
	width: 100% !important;
}

.video_box_center,
.video_stop_icon_box {
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0.9;

}

.video_text_box {
	animation: spin 40.5s linear infinite;
	display: flex;
}

.video_text_box svg {
	width: 100%;
}

.video_class {
	height: 130px;
	width: 130px;
	background: #FFFFFF03;
	border: 1px solid #FFFFFF;
	backdrop-filter: blur(10px);
	display: flex !important;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
}

.video_icon {
	cursor: pointer;
	line-height: 0;
}

/* faq  */
.faq_col {
	width: 70%;
	margin: auto;
}

.faq_col .et_pb_accordion_item {
	background: #111;
	padding: 0 !important;
	margin: 15px 0 0 !important;
	border: 1px solid #333333;
	border-radius: 30px !important;
}

.et_pb_toggle_open .et_pb_toggle_title {
	border-bottom: 1px solid #333333 !important;
}

.et_pb_toggle_open {
	background: #12110d !important;
}

.faq_col .et_pb_toggle_title {
	padding: 15px !important;
	border-bottom: none;
	font-size: 17px !important;
	color: #fff !important;
	line-height: 1.5;
}

.faq_col .et_pb_toggle_content {
	padding: 20px 15px !important;
	font-size: 16px !important;
	color: #999999;
	line-height: 1.6;
}

.faq_col .et_pb_toggle_title:before {
	content: "\4c" !important;
	color: #fff;
	font-size: 30px;
	right: 15px !important;
}

.faq_col .et_pb_toggle_open .et_pb_toggle_title:before,
.faq_col .et_pb_toggle_open .et_pb_toggle_title {
	color: #fff !important;
}


.faq_col .et_pb_toggle_open .et_pb_toggle_title:after {
	content: "\4b" !important;
	position: absolute;
	font-size: 30px !important;
	right: 15px !important;
	font-family: ETmodules !important;
}

.faq_col .et_pb_toggle_title:before,
.faq_col .et_pb_toggle_open .et_pb_toggle_title:after {
	font-size: 15px;
}

/* end faq */
.ser_sec:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(149, 119, 40, 0.18) 0%, rgba(239, 215, 112, 0.18) 32.13%, rgba(149, 119, 40, 0.18) 74.48%, rgba(239, 215, 112, 0.18) 100%);
    border-radius: 100%;
    filter: blur(600px);
}
.faq_ttl_col ,.blg_ttl_col{
    margin-bottom: 0 !important;
}
.ser_cnt_sec {
    background: #11100C !important;
}

.page-id-516 .git_sec {
    display: none;
}
.map_box  div {
    display: flex;
}

.map_box iframe {
    width: 100%;
    height: 300px;
}

.prc_col h2, .prc_col h3
 {
    line-height: 1.4;
    font-size: 20px;
	 padding:15px 0 5px 0 !important;
}
.prc_col span {
    padding: 0;
}

@media all and (min-width: 320px) and (max-width: 767px) {

	/* -------------MAIN BANNER START------------------ */
	.bnr_sec .et_pb_slide {
		height: 500px;
	}

	.bnr_sec .et_pb_slide:after {
		height: 30px;
		bottom: 0;
	}

	.bnr_txt_main_box_inr {
		width: 100%;
	}

	.bnr_txt_main_box {
		padding-bottom: 30px;
		padding-right: 0;
		width: 100%;
	}

	.wlcm_main_box {
		width: 100%;
		margin-bottom: 50px;
	}

	.bnr_main_ttl {
		font-size: 25px;
		text-align: center;
	}


	.bnr_txt_main_box:after,
	.bnr_des:after {
		display: none;
	}

	.bnr_btn_box .site_button_main_box_inner {
		justify-content: center;
	}

	.banner_info_main_box_inr {
		flex-direction: column-reverse;
	}

	.bnr_des {
		padding-top: 10px;
		margin-top: 0;
		font-size: 14px;
		text-align: center;
	}

	.bnr_btn_box {
		padding-top: 20px;
	}

	.wlcm_box_inr {
		padding: 8px;
		width: 190px;
	}

	.wlcm_img img {
		height: 50px;
	}

	.wlcm_box {
		padding: 5px 0;
	}

	.wlcm_txt {
		font-size: 11px;
		line-height: 1.4;
		width: 120px;
	}

/* 	.wlcm_box_1,
	.wlcm_box_2 {
		display: none;
	} */

	.wlcm_box_1 ,.wlcm_box_2 {
		        transform: scale(1) translateY(0);
        position: relative;
	}

	

	/* -----------ABOUT US SECTION START-------------- */
	.abt_main_ttl {
		padding-right: 0;
	}

	.abt_logo_col {
		display: none;
	}

	.abt_des {
		padding-right: 0;
		padding-top: 20px;
	}

	.abt_ttl_col {
		padding-top: 25px;
	}

	.abt_col1 {
		padding-left: 0;
	}

	.abt_col1:after,
	.abt_col1::before {
		display: none;
	}

	.abt_col1:after {
		height: 115%;
	}

	.abt_img img {
		height: 250px;
	}

	/* -----------BRAND START----------- */
	.brand_main_col {
		padding-top: 0px;
	}

	.brand_inner_box {
		height: 50px;
		border-radius: 5px;
	}

	.brand_img_box img {
		height: 50px;
	}

	.brand_box {
		padding: 5px;
		width: 110px;
	}

	/* -----------FIILER CONTENT START--------- */
	.filler_main_box {
		padding: 20px 0;
	}

	.filler_btn {
		font-size: 13px;
	}

	.filler_btn_img {
		width: 30px;
		height: 30px;
	}

	/* -----------CARAVAN SERVICING START--------- */
	.cr_ser_main_box_inr {
		margin: -5px 0;
		padding-top: 0;
	}

	.cr_ser_box {
		width: 100%;
		padding: 5px 0px;
	}

	.cr_ser_box_inr {
		font-size: 14px;
		padding: 10px 15px;
		line-height: 1.4;
	}

	/* -----------Why You’re in Good Hands with Us START--------- */
	.why_with_img::after {
		left: -5px;
		top: -5px;
	}

	.why_with_img {
		width: 100%;
		margin-top: 20px;
	}

	.why_with_img img {
		height: 280px;
	}

	.why_with_sec::before {
		width: 120px;
		height: 100px;
		top: 120px;
		z-index: 9;
		display:none;
	}

	.why_with_txt {
		font-size: 16px;
	}

	.why_with_row {
		flex-direction: column-reverse;
	}

	.why_with_main_ttl_box {
		width: 100%;
		padding-left: 0;
	}

	.why_with_main_ttl {
		padding-top: 10px !important;
	}

	/* -----------------process section start--------- */
	.prcs_img {
		height: 70px;
		width: 70px;
	}

	.prcs_img img {
		height: 30px;
	}

	.prcs_box {
		width: 100%;
		padding: 5px;
	}

	.prcs_ttl {
		font-size: 16px;
		padding-top: 0;
		text-align: left;
	}

	.prcs_main_box_inr:after,
	.prcs_img_box:after {
		display: none;
	}

	.prcs_des {
		padding-top: 0px;
		text-align: left;
	}

	.prcs_box_inr {
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		align-items: center;
		padding: 5px 0;
	}

	.prcs_img_box {
		width: 70px !important;
	}

	.prcs_info_box {
		width: 75% !important;
		padding-left: 10px;
	}

	/* -------------get in touch section start--------- */
	.git_map_box div {
		padding-top: 20px;
		padding-right: 0px;
	}

	.git_map_box div iframe {
		height: 280px;
	}

	.gt_6,
	.gt_12 {
		width: 100%;
	}

	.gt_lt_col,
	.gt_rt_col {
		width: 100%;
	}

	.git_row {
		flex-direction: column-reverse;
	}

	.contect_filed {
		font-size: 12px;
		height: 40px;
	}

	textarea.contect_filed {
		height: 80px;
	}

	/* -------------SEO CONTENT SECTION start--------- */

	.seo_img img {
		height: 280px;
		margin: 0px 0 10px 0;
		border-radius: 20px;
	}

	.seo_cnt_col1 {
		padding-right: 0;
	}

	/* ----------why choose us icon----------- */
	.wcu_row {
		padding: 20px 20px !important;
	}

	.wcu_box_inr {
		height: auto;
		padding: 10px;
		border-radius: 10px;
		padding-top: 40px;
		        opacity: 1 !important;
	}

	.why_with_sec:after {
		display: none;
	}

	.wcu_txt {
		font-size: 13px;
		line-height: 1.4;
	}

	.wcu_box {
		padding: 15px 5px;
		width: 50%;
	}

	.wcu_img {
		height: 50px;
		width: 50px;
		top: -10px;
	}

	.wcu_img img {
		width: 100%;
		height: 20px;
		object-fit: contain;
	}

	.why_with_sec:after {
		height: 10%;
	}

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

	/* car */
	.car_main_block {
		display: none;
	}

	.af_bf_sec .twentytwenty-container,
	.af_bf_sec .twentytwenty-container img {
		height: 200px !important;
	}

	.af_bf_box {
		width: 100%;
		padding: 5px;
	}

	.vdo_main_box_inr {
		min-height: 200px;
		border-radius: 40px !important;
	}

	/* faqs */
	.faq_col {
		width: 100%;
	}

	.faq_col .et_pb_toggle_title {
		padding: 10px !important;
		font-size: 14px !important;
	}

	.faq_col .et_pb_toggle_content {
		padding: 10px 10px !important;
		font-size: 13px !important;
	}

	.faq_col .et_pb_accordion_item {
		border-radius: 10px !important;
	}
}

@media all and (min-width: 481px) and (max-width:767px) {

	/* -----------CARAVAN SERVICING START--------- */
	.cr_ser_main_box_inr {
		margin: -5px;
	}

	.cr_ser_box {
		width: 50%;
		padding: 5px;
	}

	.af_bf_box {
		width: 50%;
		padding: 5px;
	}

	/* ----------why choose us icon----------- */

	.wcu_box {
		padding: 15px 5px;
		width: 33.33%;
	}

}

@media all and (min-width: 768px) and (max-width: 980px) {

	/* -------------MAIN BANNER START------------------ */
	.bnr_sec .et_pb_slide {
		height: 550px;
	}

	.bnr_sec .et_pb_slide:after {
		height: 80px;
	}

	.bnr_txt_main_box_inr {
		width: 80%;
	}

	.bnr_txt_main_box {
		padding-bottom: 120px;
		padding-right: 60px;
	}

	.bnr_main_ttl {
		font-size: 33px;
	}


	.bnr_txt_main_box:after {
		height: 94%;
		right: 16px;
	}

	.bnr_des:after {
		width: 108%;
	}

	.bnr_des {
		padding-top: 10px;
		margin-top: 10px;
		font-size: 19px;
	}

	.bnr_btn_box {
		padding-top: 20px;
	}

	.wlcm_box_inr {
		padding: 8px;
		width: 190px;
	}

	.wlcm_img img {
		height: 50px;
	}

	.wlcm_box {
		padding: 5px 0;
	}

	.wlcm_txt {
		font-size: 14px;
		line-height: 1.4;
		width: 100px;
	}

	.wlcm_box_2 {
		transform: scale(0.9) translateY(-20%);
	}

	.wlcm_box_1 {
		transform: scale(0.8) translateY(-43%);
	}

	/* -----------ABOUT US SECTION START-------------- */
	.abt_main_ttl {
		padding-right: 0;
	}

	.abt_logo_col {
		display: none;
	}

	.abt_ttl_col {
		padding-top: 25px;
	}

	.abt_des {
		padding-right: 0;
		padding-top: 20px;
	}

	.abt_col1 {
		padding-left: 0;
	}

	.abt_col1:after,
	.abt_col1::before {
		display: none;
	}

	.abt_col1:after {
		height: 115%;
	}

	.abt_img img {
		height: 250px;
	}

	/* -----------BRAND START----------- */
	.brand_main_col {
		padding-top: 10px;
	}

	.brand_inner_box {
		height: 70px;
	}

	.brand_img_box img {
		height: 70px;
	}

	.brand_box {
		padding: 5px;
		width: 180px;
	}

	/* -----------FIILER CONTENT START--------- */
	.filler_main_box {
		padding: 20px 0;
	}

	.filler_btn {
		font-size: 14x;
	}

	.filler_btn_img {
		width: 35px;
		height: 35px;
	}

	/* -----------CARAVAN SERVICING START--------- */
	.cr_ser_main_box_inr {
		margin: 0 -5px;
		padding-top: 10px;
	}

	.cr_ser_box {
		padding: 5px 5px;
	}

	.cr_ser_box_inr {
		font-size: 14px;
		padding: 10px 15px;
		line-height: 1.4;
	}

	/* -----------Why You’re in Good Hands with Us START--------- */
	.why_with_img::after {
		left: -5px;
		top: -5px;
	}

	.why_with_img {
		width: 60%;
		margin-top: 30px;
	}

	.why_with_img img {
		height: 280px;
	}

	.why_with_sec::before {
		width: 240px;
		height: 200px;
		top: 160px;
	}

	.why_with_txt {
		font-size: 16px;
	}

	.why_with_row {
		flex-direction: column-reverse;
	}

	.why_with_main_ttl_box {
		width: 100%;
		padding-left: 0;
	}

	.why_with_main_ttl {
		padding-top: 10px !important;
	}

	/* -----------------process section start--------- */
	.prcs_img {
		height: 100px;
		width: 100px;
	}

	.prcs_img img {
		height: 30px;
	}

	.prcs_box {
		padding: 5px;
	}

	.prcs_ttl {
		font-size: 16px;
		padding-top: 10px;
	}

	.prcs_main_box_inr:after {
		top: 74px;
	}

	.prcs_des {
		padding-top: 0px;
	}

	.prcs_img_box:after {
		height: 10px;
		width: 5px;
		right: -15px;
	}

	/* -------------get in touch section start--------- */
	.git_map_box div {
		padding-top: 20px;
		padding-right: 0px;
	}

	.git_map_box div iframe {
		height: 280px;
	}

	.git_row {
		flex-direction: column-reverse;
	}

	.contect_filed {
		font-size: 12px;
		height: 40px;
	}

	textarea.contect_filed {
		height: 90px;
	}

	/* -------------SEO CONTENT SECTION start--------- */

	.seo_img img {
		height: 380px;
		margin: 10px 0 20px 0;
	}

	.seo_cnt_col1 {
		padding-right: 0;
	}

	/* ----------why choose us icon----------- */
	.wcu_row {
		padding: 0 20px !important;
	}

	.wcu_box_inr {
		height: 190px;
		padding: 10px;
		padding-top: 50px;
	}

	.wcu_txt {
		font-size: 13px;
		line-height: 1.4;
	}

	.wcu_box {
		padding: 10px;
	}

	.wcu_img {
		height: 50px;
		width: 50px;
		top: -10px;
	}

	.wcu_img img {
		width: 100%;
		height: 20px;
		object-fit: contain;
	}

	.why_with_sec:after {
		height: 10%;
	}



	/* car */
	.car_main_block {
		display: none;
	}

	.af_bf_sec .twentytwenty-container,
	.af_bf_sec .twentytwenty-container img {
		height: 200px !important;
	}

	.vdo_main_box_inr {
		min-height: 300px;
	}

	/* faqs */
	.faq_col {
		width: 90%;
	}

	.faq_col .et_pb_toggle_title {
		padding: 10px !important;
		font-size: 14px !important;
	}

	.faq_col .et_pb_toggle_content {
		padding: 10px 10px !important;
		font-size: 13px !important;
	}

	.faq_col .et_pb_accordion_item {
		border-radius: 10px !important;
	}

}

@media all and (min-width: 981px) and (max-width: 1024px) {

	/* -------------MAIN BANNER START------------------ */
	.bnr_sec .et_pb_slide {
		height: 600px;
	}

	.bnr_sec .et_pb_slide:after {
		height: 80px;
	}

	.bnr_txt_main_box_inr {
		width: 75%;
	}

	.bnr_txt_main_box {
		padding-bottom: 120px;
		padding-right: 60px;
	}

	.bnr_main_ttl {
		font-size: 40px;
	}


	.bnr_txt_main_box:after {
		height: 94%;
		right: 16px;
	}

	.bnr_des:after {
		width: 107%;
	}

	.bnr_des {
		padding-top: 10px;
		margin-top: 10px;
		font-size: 19px;
	}

	.bnr_btn_box {
		padding-top: 20px;
	}

	.wlcm_box_inr {
		padding: 10px;
		width: 220px;
	}

	.wlcm_img img {
		height: 60px;
	}

	.wlcm_txt {
		font-size: 15px;
		line-height: 1.4;
		width: 120px;
	}

	.wlcm_box_2 {
		transform: scale(0.9) translateY(-20%);
	}

	.wlcm_box_1 {
		transform: scale(0.8) translateY(-43%);
	}

	/* -----------ABOUT US SECTION START-------------- */
	.abt_col1::before {
		font-size: 50px;
		top: auto;
		bottom: 50px;
		left: -130px;
		transform: rotate(-90deg);
	}

	.abt_main_ttl {
		padding-right: 110px;
	}

	.abt_logo_col {
		height: 140px;
		width: 140px;
	}

	.abt_logo_col img {
		height: 50px;
	}

	.abt_des {
		padding-right: 20px;
	}

	.abt_col1::before {
		font-size: 30px;
		left: -60px;
	}

	.abt_col1:after {
		height: 115%;
	}

	.abt_img img {
		height: 250px;
	}

	/* -----------BRAND START----------- */
	.brand_main_col {
		padding-top: 10px;
	}

	.brand_inner_box {
		height: 70px;
	}

	.brand_img_box img {
		height: 70px;
	}

	.brand_box {
		padding: 5px;
		width: 200px;
	}

	/* -----------FIILER CONTENT START--------- */
	.filler_main_box {
		padding: 20px 0;
	}

	.filler_btn {
		font-size: 15x;
	}

	.filler_btn_img {
		width: 40px;
		height: 40px;
	}

	/* -----------CARAVAN SERVICING START--------- */
	.cr_ser_main_box_inr {
		margin: 0 -5px;
		padding-top: 10px;
	}

	.cr_ser_box {
		padding: 0px 5px;
	}

	.cr_ser_box_inr {
		font-size: 16px;
		padding: 10px 15px;
		line-height: 1.7;
	}

	/* -----------Why You’re in Good Hands with Us START--------- */
	.why_with_img::after {
		left: -10px;
		top: -10px;
	}

	.why_with_img img {
		height: 280px;
	}

	.why_with_sec::before {
		width: 270px;
		height: 230px;
	}

	.why_with_txt {
		font-size: 16px;
	}

	.why_with_main_ttl_box {
		width: 300px;
		padding-left: 10px;
	}

	.why_with_main_ttl {
		padding-top: 10px !important;
	}

	/* -----------------process section start--------- */
	.prcs_img {
		height: 130px;
		width: 130px;
	}

	.prcs_img img {
		height: 50px;
	}

	.prcs_ttl {
		font-size: 18px;
		padding-top: 20px;
	}

	.prcs_main_box_inr:after {
		top: 94px;
	}

	.prcs_des {
		padding-top: 0px;
	}

	.prcs_img_box:after {
		height: 10px;
		width: 5px;
		right: -15px;
	}

	/* -------------get in touch section start--------- */
	.git_map_box div {
		padding-right: 10px;
	}

	.git_map_box div iframe {
		height: 330px;
	}

	.contect_filed {
		font-size: 12px;
		height: 40px;
	}

	textarea.contect_filed {
		height: 90px;
	}

	/* -------------SEO CONTENT SECTION start--------- */

	.seo_img img {
		height: 480px;
	}

	.seo_cnt_col1 {
		padding-right: 20px;
	}

	/* ----------why choose us icon----------- */
	.wcu_row {
		padding: 0 20px !important;
	}

	.wcu_box_inr {
		height: 230px;
		padding: 10px;
		padding-top: 50px;
	}

	.wcu_txt {
		font-size: 15px;
	}

	.wcu_box {
		padding: 10px;
	}

	.wcu_img {
		height: 60px;
		width: 60px;
		top: -10px;
	}

	.wcu_img img {
		width: 100%;
		height: 20px;
		object-fit: contain;
	}

	.why_with_sec:after {
		height: 10%;
	}

	/* car */
	.car_main_block {
		display: none;
	}

	.af_bf_sec .twentytwenty-container,
	.af_bf_sec .twentytwenty-container img {
		height: 200px !important;
	}
}

@media all and (min-width: 1025px) and (max-width: 1140px) {

	/* -------------MAIN BANNER START------------------ */
	.bnr_sec .et_pb_slide {
		height: 700px;
	}

	.bnr_sec .et_pb_slide:after {
		height: 100px;
	}

	.bnr_txt_main_box_inr {
		width: 75%;
	}

	.bnr_txt_main_box {
		padding-bottom: 120px;
		padding-right: 60px;
	}

	.bnr_main_ttl {
		font-size: 45px;
	}

	.bnr_txt_main_box:after {
		height: 91%;
		right: 16px;
	}

	.bnr_des {
		padding-top: 10px;
		margin-top: 10px;
		font-size: 19px;
	}

	.bnr_btn_box {
		padding-top: 20px;
	}

	.wlcm_box_inr {
		padding: 10px;
		width: 220px;
	}

	.wlcm_img img {
		height: 60px;
	}

	.wlcm_txt {
		font-size: 15px;
		line-height: 1.4;
		width: 120px;
	}

	.wlcm_box_2 {
		transform: scale(0.9) translateY(-20%);
	}

	.wlcm_box_1 {
		transform: scale(0.8) translateY(-43%);
	}

	/* -----------ABOUT US SECTION START-------------- */
	.abt_col1::before {
		font-size: 50px;
		top: auto;
		bottom: 50px;
		left: -130px;
		transform: rotate(-90deg);
	}

	.abt_main_ttl {
		padding-right: 110px;
	}

	.abt_logo_col {
		height: 140px;
		width: 140px;
	}

	.abt_logo_col img {
		height: 50px;
	}

	.abt_des {
		padding-right: 20px;
	}

	.abt_col1::before {
		font-size: 30px;
		left: -60px;
	}

	.abt_col1:after {
		height: 115%;
	}

	.abt_img img {
		height: 300px;
	}

	/* -----------BRAND START----------- */
	.brand_main_col {
		padding-top: 10px;
	}

	.brand_img_box img {
		height: 70px;
	}

	.brand_box {
		padding: 5px;
		width: 240px;
	}

	/* -----------CARAVAN SERVICING START--------- */
	.cr_ser_main_box_inr {
		margin: 0 -5px;
		padding-top: 10px;
	}

	.cr_ser_box {
		padding: 0px 5px;
	}

	.cr_ser_box_inr {
		font-size: 17px;
		padding: 10px 20px;
		line-height: 1.7;
	}

	/* -----------Why You’re in Good Hands with Us START--------- */
	.why_with_img::after {
		left: -10px;
		top: -10px;
	}

	.why_with_img img {
		height: 280px;
	}

	.why_with_sec::before {
		width: 300px;
		height: 270px;
	}

	.why_with_txt {
		font-size: 17px;
	}

	.why_with_main_ttl_box {
		width: 310px;
		padding-left: 10px;
	}

	.why_with_main_ttl {
		padding-top: 10px !important;
	}

	/* -----------------process section start--------- */
	.prcs_img {
		height: 130px;
		width: 130px;
	}

	.prcs_img img {
		height: 50px;
	}

	.prcs_ttl {
		font-size: 18px;
		padding-top: 20px;
	}

	.prcs_main_box_inr:after {
		top: 94px;
	}

	.prcs_des {
		padding-top: 0px;
	}

	.prcs_img_box:after {
		height: 10px;
		width: 5px;
		right: -15px;
	}

	/* -------------get in touch section start--------- */
	.git_map_box div {
		padding-right: 10px;
	}

	.git_map_box div iframe {
		height: 330px;
	}

	.contect_filed {
		font-size: 13px;
		height: 45px;
	}

	textarea.contect_filed {
		height: 100px;
	}

	/* -------------SEO CONTENT SECTION start--------- */

	.seo_img img {
		height: 480px;
	}

	.seo_cnt_col1 {
		padding-right: 20px;
	}

	/* ----------why choose us icon----------- */
	.wcu_row {
		padding: 0 20px !important;
	}

	.wcu_box_inr {
		height: 270px;
		padding: 10px;
		padding-top: 70px;
	}

	.wcu_txt {
		font-size: 17px;
	}

	.wcu_box {
		padding: 10px;
	}

	.wcu_img {
		height: 80px;
		width: 80px;
		top: -10px;
	}

	.wcu_img img {
		width: 100%;
		height: 30px;
		object-fit: contain;
	}

	.why_with_sec:after {
		height: 10%;
	}
}

@media all and (min-width: 1141px) and (max-width: 1280px) {

	/* -------------MAIN BANNER START------------------ */
	.bnr_sec .et_pb_slide {
		height: 700px;
	}

	.bnr_sec .et_pb_slide:after {
		height: 100px;
	}

	.bnr_txt_main_box_inr {
		width: 75%;
	}

	.bnr_txt_main_box {
		padding-bottom: 120px;
		padding-right: 60px;
	}

	.bnr_main_ttl {
		font-size: 50px;
	}

	.bnr_txt_main_box:after {
		height: 91%;
		right: 16px;
	}

	.bnr_des {
		padding-top: 10px;
		margin-top: 10px;
		font-size: 19px;
	}

	.bnr_btn_box {
		padding-top: 20px;
	}

	.wlcm_box_inr {
		padding: 10px;
		width: 220px;
	}

	.wlcm_img img {
		height: 60px;
	}

	.wlcm_txt {
		font-size: 15px;
		line-height: 1.4;
		width: 120px;
	}

	.wlcm_box_2 {
		transform: scale(0.9) translateY(-20%);
	}

	.wlcm_box_1 {
		transform: scale(0.8) translateY(-43%);
	}

	/* -----------ABOUT US SECTION START-------------- */
	.abt_col1::before {
		font-size: 50px;
		top: auto;
		bottom: 50px;
		left: -130px;
		transform: rotate(-90deg);
	}

	.abt_main_ttl {
		padding-right: 110px;
	}

	.abt_logo_col {
		height: 160px;
		width: 160px;
	}

	.abt_logo_col img {
		height: 70px;
	}

	.abt_des {
		padding-right: 20px;
	}

	.abt_col1::before {
		font-size: 40px;
		left: -100px;
	}

	.abt_col1:after {
		height: 115%;
	}

	.abt_img img {
		height: 300px;
	}

	/* -----------BRAND START----------- */
	.brand_main_col {
		padding-top: 10px;
	}

	.brand_img_box img {
		height: 70px;
	}

	.brand_box {
		padding: 5px;
		width: 240px;
	}

	/* -----------CARAVAN SERVICING START--------- */
	.cr_ser_main_box_inr {
		margin: 0 -5px;
		padding-top: 10px;
	}

	.cr_ser_box {
		padding: 0px 5px;
	}

	.cr_ser_box_inr {
		font-size: 17px;
		padding: 10px 20px;
		line-height: 1.7;
	}

	/* -----------Why You’re in Good Hands with Us START--------- */
	.why_with_img::after {
		left: -10px;
		top: -10px;
	}

	.why_with_img img {
		height: 320px;
	}

	.why_with_sec::before {
		width: 330px;
		height: 300px;
	}

	.why_with_txt {
		font-size: 17px;
	}

	.why_with_main_ttl_box {
		width: 330px;
		padding-left: 20px;
	}

	.why_with_main_ttl {
		padding-top: 10px !important;
	}

	/* -----------------process section start--------- */
	.prcs_img {
		height: 130px;
		width: 130px;
	}

	.prcs_img img {
		height: 50px;
	}

	.prcs_ttl {
		font-size: 18px;
		padding-top: 20px;
	}

	.prcs_main_box_inr:after {
		top: 94px;
	}

	.prcs_des {
		padding-top: 0px;
	}

	/* -------------get in touch section start--------- */
	.git_map_box div {
		padding-right: 20px;
	}

	.git_map_box div iframe {
		height: 360px;
	}

	.contect_filed {
		font-size: 13px;
		height: 45px;
	}

	textarea.contect_filed {
		height: 102px;
	}

	/* -------------SEO CONTENT SECTION start--------- */

	.seo_img img {
		height: 480px;
	}

	.seo_cnt_col1 {
		padding-right: 20px;
	}

	/* ----------why choose us icon----------- */
	.wcu_row {
		padding: 0 20px !important;
	}

	.wcu_box_inr {
		height: 270px;
		padding: 10px;
		padding-top: 70px;
	}

	.wcu_txt {
		font-size: 19px;
	}

	.wcu_box {
		padding: 10px;
	}

	.wcu_img {
		height: 80px;
		width: 80px;
		top: -10px;
	}

	.wcu_img img {
		width: 100%;
		height: 30px;
		object-fit: contain;
	}

	.why_with_sec:after {
		height: 10%;
	}
}

@media all and (min-width: 1281px) and (max-width: 1440px) {

	/* -------------MAIN BANNER START------------------ */
	.bnr_sec .et_pb_slide {
		height: 750px;
	}

	.bnr_sec .et_pb_slide:after {
		height: 120px;
	}

	.bnr_txt_main_box_inr {
		width: 75%;
	}

	.bnr_txt_main_box {
		padding-bottom: 120px;
		padding-right: 60px;
	}

	.bnr_main_ttl {
		font-size: 55px;
	}

	.bnr_txt_main_box:after {
		height: 91%;
		right: 16px;
	}

	.bnr_des {
		padding-top: 20px;
		margin-top: 20px;
		font-size: 23px;
	}

	.bnr_btn_box {
		padding-top: 20px;
	}

	.wlcm_box_inr {
		padding: 10px;
		width: 250px;
	}

	.wlcm_img img {
		height: 80px;
	}

	.wlcm_txt {
		font-size: 17px;
		line-height: 1.4;
		width: 140px;
	}

	.wlcm_box_2 {
		transform: scale(0.9) translateY(-20%);
	}

	.wlcm_box_1 {
		transform: scale(0.8) translateY(-43%);
	}

	/* -----------ABOUT US SECTION START-------------- */
	.abt_col1::before {
		font-size: 50px;
		top: auto;
		bottom: 50px;
		left: -130px;
		transform: rotate(-90deg);
	}

	.abt_main_ttl {
		padding-right: 90px;
	}

	.abt_logo_col {
		height: 160px;
		width: 160px;
	}

	.abt_logo_col img {
		height: 70px;
	}

	.abt_des {
		padding-right: 20px;
	}

	.abt_col1::before {
		font-size: 40px;
		left: -100px;
	}

	.abt_col1:after {
		height: 115%;
	}

	.abt_img img {
		height: 350px;
	}

	/* -----------BRAND START----------- */
	.brand_main_col {
		padding-top: 20px;
	}

	.brand_img_box img {
		height: 90px;
	}

	.brand_box {
		padding: 5px;
		width: 260px;
	}

	/* -----------CARAVAN SERVICING START--------- */
	.cr_ser_box_inr {
		padding: 10px 20px;
		line-height: 1.9;
	}

	/* -----------Why You’re in Good Hands with Us START--------- */
	.why_with_img::after {
		left: -10px;
		top: -10px;
	}

	.why_with_img img {
		height: 320px;
	}

	.why_with_sec::before {
		width: 390px;
		height: 360px;
	}

	.why_with_txt {
		font-size: 17px;
	}

	.why_with_main_ttl_box {
		width: 350px;
		padding-left: 20px;
	}

	.why_with_main_ttl {
		padding-top: 10px !important;
	}

	/* -----------------process section start--------- */
	.prcs_img {
		height: 150px;
		width: 150px;
	}

	.prcs_ttl {
		font-size: 20px;
		padding-top: 20px;
	}

	.prcs_main_box_inr:after {
		top: 104px;
	}

	/* -------------get in touch section start--------- */
	.git_map_box div {
		padding-right: 20px;
	}

	.git_map_box div iframe {
		height: 360px;
	}

	/* -------------SEO CONTENT SECTION start--------- */

	.seo_img img {
		height: 530px;
	}

	.seo_cnt_col1 {
		padding-right: 20px;
	}

	/* ----------why choose us icon----------- */
	.wcu_row {
		padding: 0 20px !important;
	}

	.wcu_box_inr {
		height: 270px;
		padding: 10px;
		padding-top: 80px;
	}

	.wcu_txt {
		font-size: 19px;
	}

	.wcu_img {
		height: 100px;
		width: 100px;
	}

	.wcu_img img {
		width: 100%;
		height: 40px;
		object-fit: contain;
	}

	.why_with_sec:after {
		height: 10%;
	}
}

@media all and (min-width: 1441px) and (max-width: 1680px) {

	/* -------------MAIN BANNER START------------------ */
	.bnr_sec .et_pb_slide {
		height: 800px;
	}

	.bnr_sec .et_pb_slide:after {
		height: 120px;
	}

	.bnr_txt_main_box_inr {
		width: 75%;
	}

	.bnr_main_ttl {
		font-size: 55px;
	}

	.bnr_txt_main_box:after {
		height: 89%;
	}

	.bnr_des {
		padding-top: 20px;
		margin-top: 20px;
		font-size: 23px;
	}

	.bnr_btn_box {
		padding-top: 40px;
	}

	.wlcm_box_inr {
		padding: 10px;
		width: 250px;
	}

	.wlcm_img img {
		height: 80px;
	}

	.wlcm_txt {
		font-size: 17px;
		line-height: 1.4;
		width: 140px;
	}

	.wlcm_box_2 {
		transform: scale(0.9) translateY(-20%);
	}

	.wlcm_box_1 {
		transform: scale(0.8) translateY(-43%);
	}

	/* -----------ABOUT US SECTION START-------------- */
	.abt_col1::before {
		font-size: 50px;
		top: auto;
		bottom: 50px;
		left: -130px;
		transform: rotate(-90deg);
	}

	.abt_main_ttl {
		padding-right: 90px;
	}

	.abt_logo_col {
		height: 180px;
		width: 180px;
	}

	.abt_logo_col img {
		height: 80px;
	}

	.abt_des {
		padding-right: 20px;
	}

	.abt_col1::before {
		font-size: 40px;
		left: -100px;
	}

	.abt_col1:after {
		height: 115%;
	}

	.abt_img img {
		height: 350px;
	}

	/* -----------BRAND START----------- */
	.brand_main_col {
		padding-top: 20px;
	}

	.brand_img_box img {
		height: 90px;
	}

	.brand_box {
		padding: 5px;
		width: 260px;
	}

	/* -----------Why You’re in Good Hands with Us START--------- */
	.why_with_img::after {
		left: -10px;
		top: -10px;
	}

	.why_with_img img {
		height: 360px;
	}

	.why_with_sec::before {
		width: 390px;
		height: 360px;
	}

	.why_with_main_ttl_box {
		width: 450px;
		padding-left: 20px;
	}

	/* -----------------process section start--------- */
	.prcs_img {
		height: 150px;
		width: 150px;
	}

	.prcs_ttl {
		font-size: 20px;
		padding-top: 20px;
	}

	.prcs_main_box_inr:after {
		top: 104px;
	}

	/* -------------get in touch section start--------- */
	.git_map_box div {
		padding-right: 20px;
	}

	.git_map_box div iframe {
		height: 360px;
	}

	/* ----------why choose us icon----------- */
	.wcu_row {
		padding: 0 20px !important;
	}

	.wcu_box_inr {
		height: 340px;
	}
}

@media all and (min-width: 1681px) and (max-width: 1880px) {

	/* -------------MAIN BANNER START------------------ */
	.bnr_txt_main_box_inr {
		width: 70%;
	}

	.bnr_main_ttl {
		font-size: 65px;
	}

	.bnr_btn_box {
		padding-top: 40px;
	}

	/* -----------ABOUT US SECTION START-------------- */
	.abt_col1::before {
		font-size: 50px;
		top: auto;
		bottom: 50px;
		left: -130px;
		transform: rotate(-90deg);
	}

	.abt_main_ttl {
		padding-right: 200px;
	}

	/* ----------why choose us icon----------- */
	.wcu_row {
		padding: 0 60px !important;
	}
}