/*
	Theme Name:     GP concrete
	Theme URI:      
	Description:    GP concrete
	Author:         GP concrete
	Author URI:     
	Template:       Divi
	Version:        1.0.0
*/

@import url("main_style.css");
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


body {
	font-family: "Rajdhani", sans-serif !important;
	font-size: 16px;
	color: #444444;
	margin: 0 !important;
	font-weight: 600;
	line-height: 1.2;
}


.wpcf7-response-output {
	color: #fff !important;
}

/* ------banner slider----------- */

.bnr_sldr_img {
	display: flex;
}

.bnr_sldr_img img {
	width: 100%;
	height: 750px;
	object-fit: cover;
}

.bnr_sldr_txt_box {
	position: absolute;
	background: #fff;
	padding: 20px;
	top: 0;
	bottom: 0;
	left: 100px;
	margin: auto;
	height: fit-content;
	width: 500px;
}

.bnr_sldr_txt {
	font-family: Playfair Display;
	font-weight: 500;
	font-size: 40px;
	line-height: 1.2;
	color: #233446;
}

.bnr_sldr_txt_btn {
	padding-top: 20px;
}

.banner_slider_main_box_inr {
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important;
}

.banner_slider_main_box_inr .slick-slide.slick-current.slick-active.slick-center {
	padding: 0 10px;
}

.banner_slider_main_box_inr .slick-track {
	display: flex;
}

.banner_slider_main_box_inr .slick-slide>div {
	display: flex;
}

.banner_slider_main_box_inr .slick-slide {
	position: relative;
	width: 100% !important;
}

.banner_slider_main_box_inr .slick-slide:after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: #f5f5f529;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	backdrop-filter: blur(10px);
	z-index: 0;
}

.banner_slider_main_box_inr .slick-slide.slick-active:after {
	display: none;
}

.banner_slider_main_box_inr .slick-prev,
.banner_slider_main_box_inr .slick-next {
	background: #fff;
	z-index: 9;
	height: 40px;
	width: 40px;
	bottom: -20px !important;
	top: auto;
	transition: .5s;
}

.banner_slider_main_box_inr .slick-prev:hover,
.banner_slider_main_box_inr .slick-prev:focus,
.banner_slider_main_box_inr .slick-next:hover,
.banner_slider_main_box_inr .slick-next:focus {
	background: #233446;
	transition: .5s;
}

.banner_slider_main_box_inr .slick-prev:hover svg path,
.banner_slider_main_box_inr .slick-prev:focus svg path,
.banner_slider_main_box_inr .slick-next:hover svg path,
.banner_slider_main_box_inr .slick-next:focus svg path {
	fill: #F5F5F5;
}

.banner_slider_main_box_inr .slick-prev svg path,
.banner_slider_main_box_inr .slick-next svg path {
	fill: #233446;
}

.banner_slider_main_box_inr .slick-prev {
	right: 200px !important;
	left: auto;
}

.banner_slider_main_box_inr .slick-next {
	right: 155px;
	left: auto;
}

/* ---------banner end------- */


/* ------gp logo start---------- */
.gp_logo_box {
	width: 16.6%;
	padding: 0 10px;
	display: flex;
	justify-content: center;
}

.gp_logo {
	display: flex;
}

.gp_logo img {
	width: 100%;
	height: 50px;
	object-fit: contain;
	/* 	opacity: 0.2; */
	transition: 1s;
	/* cursor: pointer; */
}

.gp_logo img:hover {
	opacity: 1;
}

/* ------gp logo end---------- */

/* ---------- Why Choose GP Concrete Creations start--------------*/
.wcgp_main_ttl span,
.procs_main_ttl span,
.prod_main_ttl span,
.exlnt_main_ttl span,
.testi_main_ttl span {
	display: block;
}


.vrtcl_txt {
	transform: rotate(-90deg);
	margin-left: -30px;
}



.wcgp_col_1.pd_l {
	padding-right: 200px !important;
}

.wcgp_des_box1 {
	padding-top: 20px;
}

.wcgp_des_box2 {
	padding-right: 390px;
}

.wcgp_des_box2 {
	padding-right: 190px;
}

.wcgp_img {
	width: 350px;
	height: 350px;
	display: flex;
	margin: auto !important;

}

.wcgp_img img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
	border-radius: 100%;

}

.wcgp_img::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border-right: 15px solid #fff;
	animation: rotateCircle 8s linear infinite;
	left: -8px;
}

@keyframes rotateCircle {
	0% {
		transform: rotate(0);
	}

	25% {
		transform: rotate(90deg);
	}

	50% {
		transform: rotate(180deg);
	}

	75% {
		transform: rotate(270deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.wcgp_col_1:after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: #f5f5f58f;
	left: 0;
	top: 0;
	margin: auto;
	z-index: -1;
}

.arrow_img {
	display: flex;
	margin-left: 160px;
	margin-top: -20px;
	z-index: -1;
	position: relative;
}

.arrow_img svg {
	width: 180px;
	height: 180px;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
}

@-webkit-keyframes blinker {
	from {
		transform: rotate(-5deg);
	}

	to {
		transform: rotate(5deg);
	}
}


.wcgp_col_2:after {
	position: absolute;
	content: "";
	height: 350px;
	width: 400px;
	background: url(../../../wp-content/uploads/2025/04/wcgp_block.png)no-repeat;
	left: -240px;
	bottom: 50px;
	background-size: 100% 100%;
}

/* ---------- Why Choose GP Concrete Creations end--------------*/
.wcu_sec {
	background-attachment: fixed;
}

.wcu_cnt_main_box {
	padding-top: 20px;
}

.wcu_cnt_box {
	width: 33.33%;
	text-align: center;
}

.wcu_cnt_box_inr {
	padding: 30px 0;
}

.wcu_cnt_box:nth-child(2) {
	border-left: 1px dashed #999999;
	border-right: 1px dashed #999999;
}


.wcu_num {
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	padding-bottom: 20px;
}

.wcu_row {
	border-bottom: 1px solid #bab6b68a;
}

/* ---------- Why Choose (Trusted by Thousands) us end--------------*/
/* ---------- Process Start--------------*/


.procs_main_box_inr {
	padding-top: 30px;

	margin: -15px;
}

.procs_box {
	width: 33.33%;
	display: flex;
	position: relative;
	padding: 15px;
}

.procs_box_inr {
	width: 100%;
}

.procs_img {
	display: flex;
	justify-content: center;
	width: 140px;
	height: 142px;
	margin: auto;
	background: #233446;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	position: relative;
	border: 8px solid #fff;
	/* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
}

.procs_img svg {
	width: 100%;
	height: 57px;
	animation: updown 1s infinite alternate;
}

@keyframes updown {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-5px);
	}
}

.procs_img::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: 1s;
	-webkit-animation: blinkpink 3.0s linear infinite;
	-moz-animation: blinkpink 3.0s linear infinite;
	-ms-animation: blinkpink 3.0s linear infinite;
	-o-animation: blinkpink 3.0s linear infinite;
	animation: blinkpink 3.0s linear infinite;
}

@keyframes blinkpink {
	0% {
		box-shadow: 0 0 30px #918888;
	}

	50% {
		box-shadow: none;
	}

	100% {
		box-shadow: 0 0 30px #918888;
	}
}

.procs_box_inr {
	position: relative;
}

.procs_box_inr:after {
	position: absolute;
	content: "";
	height: 310px;
	width: 100%;
	background: url(../../../wp-content/uploads/2025/04/process1.png)no-repeat;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: 100% 100% !important;
	margin: auto;
	z-index: -1;
}

.procs_box_2 .procs_box_inr:after {
	transform: rotate(180deg);
	top: 0;
	bottom: auto;
}

.procs_box_1 .procs_info_box {
	padding-top: 50px;
}

.procs_box_2 .procs_info_box {
	padding-bottom: 50px;
}

.procs_box_1 .procs_info_box_inr {
	padding: 40px 40px 25px 40px;
}

.procs_box_2 .procs_info_box_inr {
	padding: 30px 40px 30px 40px;
}

.procs_des {
	height: 140px;
	overflow: auto;
	margin: 5px 0 0 0;
}

.procs_info_box {
	position: relative;
}

.procs_num {
	position: absolute;
	width: fit-content;
	background: #fdcc0d;
	height: 60px;
	display: flex;
	align-items: center;
	width: 60px;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	clip-path: circle(50% at 0 50%);
	left: 0;
	top: 90px;
	margin: auto;
	padding-left: 3px;
}

.procs_box_2 .procs_num {
	top: 30px;
}

/* ---------- Process end--------------*/
/* ---------- Product start--------------*/

.prod_sec {
	background: linear-gradient(180deg, #FFFFFF 0%, #E7E5DE 100%);
}

.prod_btn_box_inr {
	justify-content: right;
}

.our_prod_main_box_inr {
	margin: -10px;
	padding-top: 20px;
	justify-content: center;
}

.our_prod_box {
	width: 25%;
	padding: 10px;
	display: flex;
}

.our_prod_box_inr {
	width: 100%;
	background: #fff;
	padding: 10px;
	transition: 1s;
}

.our_prod_img {
	display: flex;
}

.our_prod_img img {
	width: 100%;
	height: 315px;
	object-fit: contain;
	background: #F5F5F5;
	padding: 10px;
	border: 1px solid #DDDDDD;
	transition: 1s;
}

.our_prod_ttl_inr {
	font-size: 20px;
	font-weight: 600;
	color: #444444;
	transition: 1s;
}

.our_prod_ttl_main_box {
	justify-content: space-between;
	padding-top: 15px;
	padding-bottom: 5px;

}

.our_prod_btn {
	display: flex;
}

.our_prod_btn img {
	width: 100%;
	height: 12px;
	object-fit: contain;
	transition: 1s;
}

.our_prod_box_inr:hover {
	background: #233446;
}

.our_prod_box_inr:hover .our_prod_ttl_inr {
	color: #fff;
}

.our_prod_box_inr:hover .our_prod_btn img {
	filter: brightness(0) invert(1);
}

/* ---------- Product end--------------*/
/* ----------Excellent range of concrete products start--------------*/

.exlnt_sec:after {
	position: absolute;
	content: "";
	background: url(../../../wp-content/uploads/2025/06/exlnt_img.png)no-repeat;
	height: 265px;
	width: 265px;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 6px solid #FFFFFF69;
	z-index: 9;
	transform: rotate(45deg);
	-webkit-animation: linear infinite;
	-webkit-animation-name: round_logo;
	-webkit-animation-duration: 30s;
	border-radius: 100%;
}

@-webkit-keyframes round_logo {
	0% {
		left: 0
	}

	50% {
		transform: rotate(180deg)
	}

	100% {
		left: 0
	}
}

.exlnt_col1 {
	display: flex;
	align-items: center;
}

.exlnt_col1:after {
	position: absolute;
	content: "";
	height: 100px;
	width: 200px;
	background: url(../../../wp-content/uploads/2025/04/opcity_logo.png) no-repeat;
	right: 10px;
	bottom: 0;
	background-size: 100% 100%;
}

.exlnt_call_btn {
	padding: 0;
}

.exlnt_call_btn .hdr_call_img img {
	filter: brightness(0) invert(1);
}

.exlnt_call_btn .hdr_call_img {
	background: #233446;
}

.exlnt_img {
	display: flex;
}

.exlnt_img img {
	width: 100% !important;
	height: 450px;
	object-fit: cover;
}

/* ---------- Excellent range of concrete products end--------------*/
/* ---------- Projects start--------------*/
.proj_main_col {
	padding-top: 20px;
}

/* ---------- Projects end--------------*/
/* ---------- Testimonial start--------------*/

.testi_rating_box {
	padding: 40px 0;
}


.testi_rating_box_inr {
	background: #fff;
	padding: 20px 30px;
	width: fit-content;

}

.testi_rt_upr_box_inr,
.testi_rt_undr_box_inr {
	display: flex;
	align-items: center;
	line-height: 1;
}

.testi_rating_txt,
.testi_star {
	padding-left: 15px;
}

.testi_star i {
	color: #f7b529;
	font-size: 20px;
}

.test_col_1 {
	width: 32% !important;
}

.test_col_2 {
	width: 68% !important;
	position: relative;
}

.test_col_2:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 0%;
	background: #ffffff20;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: auto;
	transition: 1.5s;
}

.test_col_2::before {
	position: absolute;
	content: "";
	height: 0;
	width: 2px;
	background: #ffffff20;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	transition: 1.5s;
}

.active_testi .test_col_2:after {
	width: 90%;
}

.active_testi .test_col_2::before {
	height: 100%;
}

.hk_testimonial_title_box {
	padding: 5px 0;
}

.hk_testimonial_quote_box {
	display: flex;
	padding-bottom: 20px;
}

.hk_testimonial_quote_box svg {
	height: 40px;
	width: 50px;
}

.hk_testimonial_content_box span {
	padding: 0;
}

.hk_testimonial_review_box i {
	font-size: 20px;
	padding: 1px;
	color: #f7b529;
}

.hk_testimonial_content_box span,
.hk_testimonial_content_box {
	display: block;
	font-size: 16px;
	font-style: normal;
	margin-bottom: 5px;
	height: 70px;
	overflow: auto;
	transition: 0.5s !important;
}

.hk_testimonial_content_box br {
	display: block;
}

/* .hk_testimonial_content_box.intro {
	height: auto;
	transition: 0.5s !important;
}

.hk_testimonial_content_box.intro span {
	height: auto;
	transition: 0.5s !important;
}

.tog_btn {
	padding-top: 10px;
	display: flex;
	cursor: pointer;
	width: fit-content;
	line-height: 1;
} */

.hk_testimonial_col {
	padding: 40px 0;
	padding-left: 50px;
}

.testi_ggl_img {
	display: flex;
}

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

/*arrow*/

.testimonial_h_row .slick-arrow::before {
	display: none !important;
}

.testimonial_h_row .slick-arrow {
	z-index: 1;
	background: #233446 !important;
	width: 36px;
	height: 36px;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	border: 1px solid #FFFFFF33;
	transition: 1s;
	margin: auto;
}

.testimonial_h_row .slick-prev {
	left: auto;
	right: 0;
	top: 45%;
}

.testimonial_h_row .slick-next {
	right: 0;
	left: auto;
	top: 55%;
}

.testimonial_h_row .slick-prev svg,
.testimonial_h_row .slick-next svg {
	transform: rotate(90deg);
}


.testimonial_h_row .slick-arrow svg path {
	transition: 1s;
}

/* end arrow */

/* ---------- Testimonial end--------------*/
/* ----------- get in touch section ----------- */

.git_sec:after {
	position: absolute;
	content: "";
	height: 425px;
	width: 100%;
	background: url(../../../wp-content/uploads/2025/04/get_in_touch_bg-1.png) no-repeat;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-size: 100% 100%;
}

.git_detail_col {
	background: #fff;
}

.git_detail_col {
	padding: 60px 125px 280px 70px;
	box-shadow: 0px 0px 16px 0px #00000014;
}

.git_col1 {
	width: 45% !important;
}

.git_col2 {
	width: 55% !important;
	display: flex;
	align-items: center;
}

.git_form_col {
	background: #233446;
	padding: 100px 40px;
	width: 100%;
	border: 40px solid #fff;
	border-left: 0 !important;
}

.git_detail_col:after {
	position: absolute;
	content: "";
	width: 350px;
	height: 250px;
	background: url(../../../wp-content/uploads/2025/04/Frame-1.png)no-repeat;
	left: 0;
	bottom: 0;
	background-size: 100% 100%;
}

/*contact detail start */


.contact_detail_col_box {
	padding-top: 20px;
}

.contact_detail_col_box ul {
	padding: 0 !important;
	list-style: none !important;
}

.contact_detail_col_box li .cnt_dtl_block {
	display: flex;
	align-items: center;
}

.cnt_dtl_text_inr a {
	display: block;
	line-height: 1.3;
}

.cnt_dtl_icon {
	width: 20% !important;
}

.cnt_dtl_text {
	width: 80% !important;
}

.cnt_dtl_icon_inr {
	width: 75px;
	height: 75px;
	border: 1px solid #233446;
	background: #233446;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 18px;
}

.contact_detail_col_box li:nth-child(2) .cnt_dtl_block {
	padding: 35px 0 !important;
}

.cnt_dtl_text_inr span {
	display: block;
	line-height: 1.5;
}

.cnt_dtl_text_inr {
	padding-left: 20px;
}

.cnt_dtl_icon_inr svg {
	height: 25px;
	width: 25px;
}


/* form */

.get_in_touch_row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.get_in_touch {
	padding-top: 20px;
}

.get_in_touch_col_6 {
	width: 50%;
}

.get_in_touch_col_6,
.get_in_touch_col_12 {
	padding: 10px 10px;
}

.get_in_touch_col_12 {
	width: 100% !important;
}

.get_in_touch_box input,
.get_in_touch_box textarea,
.get_in_touch_box select {
	width: 100%;
	padding: 10px 10px;
	color: #fff !important;
	border: 1px solid #FFFFFF33 !important;
	border-radius: 0 !important;
	height: 50px;
	background-color: transparent !important;
}

.get_in_touch_box input::placeholder,
.get_in_touch_box textarea::placeholder,
.get_in_touch_box select {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}

.get_in_touch_box textarea {
	height: 120px !important;
	resize: none;
}

span.wpcf7-spinner {
	position: absolute;
	right: 0;
}

.gt_in_tc_col2 {
	padding-left: 30px;
}

.git_form_col .get_in_touch_box.dfaj {
	justify-content: left;
}


.inr_bnr_col {
	z-index: 1;
	width: 100%;
}
.testi_main_ttl_box.main_ttl_lft {
    margin-left: -10px;
}



/*  instagram*/
.sb_instagram_header.sbi_medium {
    display: none;
}


/* -----------------instagram---------- */

.insta_section {
    Z-INDEX: 77;
}

.sb_instagram_header.sbi_medium.sbi_no_avatar,
.sbi_header_text.sbi_no_bio,
#sbi_load {
    display: none;
}

#sb_instagram #sbi_images {
    display: block !important;
}

.insta_block {
    position: relative;
}

.id_box {
    padding: 5px 0;
}

.insta_block .sbi_photo_wrap,
.sbi_photo {
    transition: 1s;
}

.insta_block .sbi_photo_wrap:hover .sbi_photo {
    filter: brightness(0.4) !important;
}

.insta_block a.sbi_photo {
    display: flex;
    justify-content: center;
    height: 220px !important;
    margin: 5px !important;
}

/* -----------------instagram end---------- */














@media all and (min-width: 320px) and (max-width: 767px) {
.testi_main_ttl_box.main_ttl_lft {
    margin-left: 0;
}
	/* ------banner slider----------- */
	.bnr_sldr_img img {
		height: 300px;
	}

	.bnr_sldr_txt {
		font-size: 17px;
	}

	.banner_slider_main_box_inr .slick-slide.slick-current.slick-active.slick-center {
		padding: 0;
	}

	.banner_slider_main_box_inr .slick-prev,
	.banner_slider_main_box_inr .slick-next {
		height: 30px;
		width: 30px;
		bottom: -15px !important;
	}

	.bnr_sldr_txt_box {
		left: 10px;
		width: 270px;
	}

	.banner_slider_main_box_inr .slick-prev {
		right: 50px !important;
	}

	.banner_slider_main_box_inr .slick-next {
		right: 15px;
	}

	/* center */
	.vrtcl_txt {
		transform: rotate(0deg);
		margin-left: 0;
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.site_ttl {
		text-align: center;
	}

	.f_16 {
		text-align: center;
	}

	.exlnt_ttl_main_box_inr.dfa {
		justify-content: center;
	}

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



	.main_ttl_lft {
		margin-left: 0;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.prod_ttl_main_box_inr.dfa {
		justify-content: center;
	}

	/* ------gp logo start---------- */

	.gp_logo_box {
		width: 140px;
		padding: 5px;
	}

	.gp_logo img {
		height: 35px;
	}




	/* ---------- Why Choose GP Concrete Creations start--------------*/
	.wcgp_des_box2 {
		padding-right: 0;
	}

	.wcgp_col_1.pd_l {
		padding-right: 12px !important;
	}

	.wcgp_des_box1 {
		padding-top: 10px;
	}

	.wcgp_img {
		width: 290px;
		height: 290px;
		margin: auto !important;
	}

	.wcgp_btn_box_inr.dfa {
		justify-content: center;
	}

	.wcgp_ttl_main_box_inr.dfa {
		justify-content: center;
	}

	.wcgp_sec {
		text-align: center;
	}

	.wcgp_sml_ttl.dfa {
		justify-content: center;
	}

	.wcgp_col_2 {
		display: none;
	}

	.wcgp_des_col1 {
		padding-top: 10px;
	}

	/* ---------- Why Choose (Trusted by Thousands) us start--------------*/
	.wcu_cnt_box_inr {
		padding: 10px 0;
	}

	.wcu_cnt_main_box {
		padding-top: 10px;
	}

	.wcu_num {
		padding-bottom: 10px;
		font-size: 27px;
	}

	.wcu_cnt_box {
		width: 240px;
	}

	.wcu_cnt_box:nth-child(2) {
		border-left: 1px dashed transparent;
		border-right: 1px dashed transparent;
	}


	/* ---------- Process Start--------------*/
	.procs_main_box_inr {
		padding-top: 10px;
		margin: -5px;
	}

	.procs_box {
		width: 300px;
		padding: 5px;
		margin: auto;
	}

	.procs_img {
		width: 70px;
		height: 72px;
		border: 4px solid #fff;
	}

	.procs_img svg {
		height: 25px;
	}

	.procs_box_1 .procs_info_box {
		padding-top: 20px;
	}

	.procs_box_2 .procs_info_box {
		padding-bottom: 0;
		padding-top: 40px;
	}

	.procs_box_inr:after {
		height: 210px;
		width: 290px;
		margin: auto;
	}

	.procs_num {
		background: #fdcc0d;
		height: 35px;
		width: 35px;
		font-size: 13px;
		top: 60px;
		padding-left: 2px;
	}

	.procs_box_2 .procs_num {
		top: auto;
	}

	.procs_des {
		height: 80px;
	}

	.procs_box_1 .procs_info_box_inr {
		padding: 40px 10px 25px 10px;
	}

	.procs_box_2 .procs_info_box_inr {
		padding: 20px 10px 25px 10px;
	}

	.procs_box_2 .procs_box_inr {
		display: flex;
		flex-direction: column-reverse;
	}

	.procs_box_2 .procs_box_inr:after {
		transform: rotate(0deg);
		top: auto;
		bottom: auto;
	}

	/* ---------- Product start--------------*/
	.our_prod_main_box_inr {
		margin: -5px;
	}

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

	.our_prod_img img {
		height: 140px;
	}

	.our_prod_btn img {
		height: 6px;
	}

	.our_prod_ttl_inr {
		font-size: 13px;
	}

	.our_prod_box_inr {
		padding: 5px;
	}

	.our_prod_ttl_main_box {
		padding-top: 10px;
	}

	.prod_btn_box_inr {
		justify-content: center;
	}.our_prod_ttl {
    width: 80%;
}.our_prod_btn {
    width: 20%;
}

	/* ----------Excellent range of concrete products start--------------*/
	.exlnt_sec:after {
		display: none;
	}

	.exlnt_row {
		display: flex;
		flex-wrap: wrap;

	}

	.exlnt_col {
		width: 100% !important;
		justify-content: center;
	}

	.exlnt_call_btn .hdr_call_img {
		height: 35px;
		width: 35px;
	}

	.exlnt_call_btn .hdr_call_img img {
		height: 17px;
	}

	.exlnt_col2 {
		display: none;
	}

	/* ---------- Testimonial start--------------*/
	.test_col_1 {
		width: 100% !important;

	}

	.test_col_2 {
		width: 100% !important;
	}

	.hk_testimonial_col {
		padding: 0 !important;
	}

	.testi_rating_box {
		padding: 20px 0;
		margin: auto;

	}

	.testi_sml_ttl_box.vrtcl_txt {
		justify-content: left;
	}

	.testi_main_ttl.site_ttl.wt {
		text-align: left;
	}

	.hk_testimonial_content_box.wt.f_16 {
		text-align: left;
	}

	.testi_rating_box_inr {
		padding: 10px 10px;
	}

	.site_button_main_box_inner.testi_btn_box_inr.dfa {
		justify-content: left;
	}

	.hk_testimonial_quote_box {
		padding-bottom: 10px;
	}

	.hk_testimonial_quote_box svg {
		height: 30px;
		width: 40px;
	}

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

	.hk_testimonial_box {
		padding: 15px 30px 0 0;
	}

	.testimonial_h_row .slick-arrow {
		width: 26px;
		height: 26px;
	}

	.testimonial_h_row .slick-prev svg,
	.testimonial_h_row .slick-next svg {
		height: 6px;
	}

	.testimonial_h_row .slick-next {
		top: 62%;
	}


	/* ----------- get in touch section ----------- */
	.git_col1 {
		width: 100% !important;
	}

	.git_col2 {
		width: 100% !important;
	}

	.git_form_col {
		padding: 15px;
		border: 10px solid #fff !important;
	}

	.git_detail_col {
		padding: 15px;
	}

	.git_detail_col:after {
		display: none;
	}

	.cnt_dtl_icon_inr {
		width: 45px;
		height: 45px;
		border-radius: 10px;
	}

	.cnt_dtl_icon_inr svg {
		height: 20px;
		width: 20px;
	}

	.cnt_dtl_text_inr {
		padding-left: 10px;
	}

	.git_sec:after {
		height: 100%;
	}

	.git_col2 {
		background: none !important;
	}

	.cnt_dtl_icon,
	.cnt_dtl_text {
		width: auto !important;
	}

	.contact_detail_col_box li:nth-child(2) .cnt_dtl_block {
		padding: 15px 0 !important;
	}

	.get_in_touch_col_6,
	.get_in_touch_col_12 {
		padding: 5px;
		width: 100%;

	}

	.get_in_touch_box input,
	.get_in_touch_box textarea,
	.get_in_touch_box select {
		height: 40px;
	}

	.get_in_touch_box textarea {
		height: 50px !important;
	}

	.cnt_dtl_text_inr a {
		text-align: left;
	}

	.cnt_dtl_main_ttl.site_ttl {
		text-align: left;
	}
}

@media all and (min-width: 481px) and (max-width: 767px) {
	/* ---------- Product start--------------*/

	.our_prod_box {
		padding: 5px;
		width: 33.33%;
	}

	/* ----------- get in touch section ----------- */

	.get_in_touch_col_6,
	.get_in_touch_col_12 {
		padding: 5px;
		width: 50%;

	}

	.get_in_touch_box textarea {
		height: 60px !important;
	}

}

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

	/* ------banner slider----------- */
	.bnr_sldr_img img {
		height: 400px;
	}

	.bnr_sldr_txt {
		font-size: 19px;
	}

	.bnr_sldr_txt_box {
		left: 30px;
		width: 410px;
	}

	.banner_slider_main_box_inr .slick-prev {
		right: 100px !important;
	}

	.banner_slider_main_box_inr .slick-next {
		right: 55px;
	}

	/* ------gp logo start---------- */
	.gp_logo img {
		height: 40px;
	}

	/* ---------- Why Choose GP Concrete Creations start--------------*/
	.wcgp_des_box2 {
		padding-right: 0;
	}

	.wcgp_col_1.pd_l {
		padding-right: 30px !important;
	}

	.wcgp_des_box1 {
		padding-top: 10px;
	}

	.wcgp_col_2:after {
		height: 120px;
		width: 160px;
		left: 50px;
		bottom: 30px;
	}

	.wcgp_row {
		display: flex;
		flex-wrap: wrap;
	}

	.wcgp_col_1 {
		width: 60% !important;
	}

	.wcgp_col_2 {
		width: 40% !important;
	}

	.wcgp_img {
		width: 190px;
		height: 190px;
	}

	.arrow_img {
		margin-top: -10px;
		margin-left: 120px;
	}

	.arrow_img svg {
		width: 70px;
		height: 70px;
	}

	/* ---------- Why Choose (Trusted by Thousands) us start--------------*/
	.wcu_cnt_box_inr {
		padding: 10px 0;
	}

	.wcu_cnt_main_box {
		padding-top: 10px;
	}

	.wcu_num {
		padding-bottom: 10px;
		font-size: 27px;
	}

	/* ---------- Process Start--------------*/
	.procs_main_box_inr {
		padding-top: 10px;
		margin: -5px;
	}

	.procs_box {
		padding: 5px;
	}

	.procs_img {
		width: 80px;
		height: 82px;
		border: 4px solid #fff;
	}

	.procs_img svg {
		height: 25px;
	}

	.procs_box_1 .procs_info_box {
		padding-top: 20px;
	}

	.procs_box_2 .procs_info_box {
		padding-bottom: 40px;
	}

	.procs_box_inr:after {
		height: 210px;
	}

	.procs_num {
		background: #fdcc0d;
		height: 35px;
		width: 35px;
		font-size: 13px;
		top: 60px;
		padding-left: 2px;
	}

	.procs_box_2 .procs_num {
		top: 20px;
	}

	.procs_des {
		height: 80px;
	}

	.procs_box_1 .procs_info_box_inr {
		padding: 40px 10px 25px 10px;
	}

	.procs_box_2 .procs_info_box_inr {
		padding: 20px 10px 25px 10px;
	}

	.our_prod_main_box_inr {
		margin: -5px;
	}

	/* ---------- Product start--------------*/
	.our_prod_box {
		padding: 5px;
		width: 33.33%;
	}

	.our_prod_img img {
		height: 240px;
	}

	.our_prod_btn img {
		height: 9px;
	}

	.our_prod_ttl_inr {
		font-size: 17px;
	}

	.prod_btn_box_inr {
		justify-content: center;
	}

	/* ----------Excellent range of concrete products start--------------*/
	.exlnt_img img {
		height: 250px;
	}

	.exlnt_sec:after {
		height: 120px;
		width: 120px;
	}

	.exlnt_row {
		display: flex;
		flex-wrap: wrap;
	}

	.exlnt_col {
		width: 50% !important;
	}

	.exlnt_call_btn .hdr_call_img {
		height: 35px;
		width: 35px;
	}

	.exlnt_call_btn .hdr_call_img img {
		height: 17px;
	}

	/* ---------- Testimonial start--------------*/
	.test_col_1 {
		width: 40% !important;

	}

	.test_col_2 {
		width: 60% !important;
	}

	.hk_testimonial_col {
		padding: 20px 0;
		padding-left: 20px;
	}

	.testi_rating_box {
		padding: 20px 0;
	}

	.testi_rating_box_inr {
		padding: 10px 10px;
	}

	.hk_testimonial_quote_box {
		padding-bottom: 10px;
	}

	.hk_testimonial_quote_box svg {
		height: 30px;
		width: 40px;
	}

	/* ----------- get in touch section ----------- */
	.git_col1 {
		width: 100% !important;
	}

	.git_col2 {
		width: 100% !important;
	}

	.git_form_col {
		padding: 20px;
		border: 10px solid #fff !important;
	}

	.git_detail_col {
		padding: 20px;
	}

	.git_detail_col:after {
		display: none;
	}

	.cnt_dtl_icon_inr {
		width: 55px;
		height: 55px;
		border-radius: 10px;
	}

	.cnt_dtl_text_inr {
		padding-left: 10px;
	}

	.git_sec:after {
		height: 100%;
	}

	.git_col2 {
		background: none !important;
	}

	.cnt_dtl_icon,
	.cnt_dtl_text {
		width: auto !important;
	}

	.contact_detail_col_box li:nth-child(2) .cnt_dtl_block {
		padding: 15px 0 !important;
	}

	.get_in_touch_box textarea {
		height: 70px !important;
	}
}

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

	/* ------banner slider----------- */
	.bnr_sldr_img img {
		height: 500px;
	}

	.bnr_sldr_txt {
		font-size: 24px;
	}

	.bnr_sldr_txt_box {
		left: 60px;
	}

	/* ------gp logo start---------- */
	.gp_logo img {
		height: 45px;
	}

	/* ---------- Why Choose GP Concrete Creations start--------------*/
	.wcgp_des_box2 {
		padding-right: 0;
	}

	.wcgp_col_1.pd_l {
		padding-right: 90px !important;
	}

	.wcgp_des_box1 {
		padding-top: 10px;
	}

	.wcgp_col_2:after {
		height: 130px;
		width: 180px;
		left: -107px;
	}

	.wcgp_img {
		width: 250px;
		height: 250px;
	}

	.arrow_img {
		margin-top: -5px;
		margin-left: 90px;
	}

	.arrow_img svg {
		width: 120px;
		height: 120px;
	}

	/* ---------- Why Choose (Trusted by Thousands) us start--------------*/
	.wcu_cnt_box_inr {
		padding: 10px 0;
	}

	.wcu_num {
		padding-bottom: 10px;
		font-size: 33px;
	}

	/* ---------- Process Start--------------*/
	.procs_img {
		width: 110px;
		height: 112px;
	}

	.procs_img svg {
		height: 40px;
	}

	.procs_box_1 .procs_info_box {
		padding-top: 30px;
	}

	.procs_box_2 .procs_info_box {
		padding-bottom: 40px;
	}

	.procs_box_inr:after {
		height: 250px;
	}


	.procs_num {
		background: #fdcc0d;
		height: 45px;
		width: 45px;
		font-size: 16px;
		top: 70px;
		padding-left: 2px;
	}

	.procs_box_2 .procs_num {
		top: 30px;
	}

	.procs_des {
		height: 110px;
	}

	.procs_box_1 .procs_info_box_inr {
		padding: 40px 20px 25px 20px;
	}

	.procs_box_2 .procs_info_box_inr {
		padding: 20px 20px 25px 20px;
	}

	.our_prod_main_box_inr {
		margin: -5px;
	}

	/* ---------- Product start--------------*/
	.our_prod_box {
		padding: 5px;
	}

	.our_prod_img img {
		height: 240px;
	}

	.our_prod_btn img {
		height: 9px;
	}

	.our_prod_ttl_inr {
		font-size: 17px;
	}

	/* ----------Excellent range of concrete products start--------------*/
	.exlnt_img img {
		height: 300px;
	}

	.exlnt_sec:after {
		height: 160px;
		width: 160px;
	}

	/* ---------- Testimonial start--------------*/
	.hk_testimonial_col {
		padding: 20px 0;
		padding-left: 20px;
	}

	.testi_rating_box {
		padding: 20px 0;
	}

	.testi_rating_box_inr {
		padding: 10px 10px;
	}

	.hk_testimonial_quote_box {
		padding-bottom: 10px;
	}

	.hk_testimonial_quote_box svg {
		height: 30px;
		width: 40px;
	}

	/* ----------- get in touch section ----------- */
	.git_col1 {
		width: 35% !important;
	}

	.git_col2 {
		width: 65% !important;
	}

	.git_form_col {
		padding: 40px 20px;
		border: 20px solid #fff;
	}

	.git_detail_col {
		padding: 40px 10px 100px 20px;
	}

	.git_detail_col:after {
		width: 150px;
		height: 100px;
	}

	.cnt_dtl_icon_inr {
		width: 55px;
		height: 55px;
		border-radius: 10px;
	}

	.cnt_dtl_text_inr {
		padding-left: 10px;
	}

	.get_in_touch_box textarea {
		height: 90px !important;
	}

}

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

	/* ------banner slider----------- */
	.bnr_sldr_img img {
		height: 500px;
	}

	.bnr_sldr_txt {
		font-size: 24px;
	}

	.bnr_sldr_txt_box {
		left: 60px;
	}

	/* ------gp logo start---------- */
	.gp_logo img {
		height: 45px;
	}

	/* ---------- Why Choose GP Concrete Creations start--------------*/
	.wcgp_des_box2 {
		padding-right: 0;
	}

	.wcgp_col_1.pd_l {
		padding-right: 150px !important;
	}

	.wcgp_des_box1 {
		padding-top: 10px;
	}

	.wcgp_col_2:after {
		height: 200px;
		width: 250px;
		left: -150px;
	}

	.wcgp_img {
		width: 250px;
		height: 250px;
	}

	.arrow_img {
		margin-top: -7px;
		margin-left: 110px;
	}

	.arrow_img svg {
		width: 120px;
		height: 120px;
	}

	/* ---------- Why Choose (Trusted by Thousands) us start--------------*/
	.wcu_cnt_box_inr {
		padding: 10px 0;
	}

	.wcu_num {
		padding-bottom: 10px;
		font-size: 33px;
	}

	/* ---------- Process Start--------------*/
	.procs_img {
		width: 110px;
		height: 112px;
	}

	.procs_img svg {
		height: 40px;
	}

	.procs_box_1 .procs_info_box {
		padding-top: 30px;
	}

	.procs_box_2 .procs_info_box {
		padding-bottom: 30px;
	}

	.procs_box_inr:after {
		height: 250px;
	}


	.procs_num {
		background: #fdcc0d;
		height: 45px;
		width: 45px;
		font-size: 16px;
		top: 70px;
		padding-left: 2px;
	}

	.procs_box_2 .procs_num {
		top: 30px;
	}

	.procs_des {
		height: 110px;
	}

	.procs_box_1 .procs_info_box_inr {
		padding: 30px 20px 25px 20px;
	}

	.procs_box_2 .procs_info_box_inr {
		padding: 30px 20px 25px 20px;
	}

	.our_prod_main_box_inr {
		margin: -5px;
	}

	/* ---------- Product start--------------*/
	.our_prod_box {
		padding: 5px;
	}

	.our_prod_img img {
		height: 240px;
	}

	.our_prod_btn img {
		height: 9px;
	}

	.our_prod_ttl_inr {
		font-size: 17px;
	}

	/* ----------Excellent range of concrete products start--------------*/
	.exlnt_img img {
		height: 300px;
	}

	.exlnt_sec:after {
		height: 160px;
		width: 160px;
	}

	/* ---------- Testimonial start--------------*/
	.hk_testimonial_col {
		padding: 30px 0;
		padding-left: 30px;
	}

	.testi_rating_box {
		padding: 20px 0;
	}

	.testi_rating_box_inr {
		padding: 10px 10px;
	}

	.hk_testimonial_quote_box {
		padding-bottom: 10px;
	}

	.hk_testimonial_quote_box svg {
		height: 30px;
		width: 40px;
	}

	/* ----------- get in touch section ----------- */
	.git_col1 {
		width: 35% !important;
	}

	.git_col2 {
		width: 65% !important;
	}

	.git_form_col {
		padding: 40px 20px;
		border: 20px solid #fff;
	}

	.git_detail_col {
		padding: 40px 10px 100px 20px;
	}

	.git_detail_col:after {
		width: 150px;
		height: 100px;
	}

	.cnt_dtl_icon_inr {
		width: 65px;
		height: 65px;
	}

}

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

	/* ------banner slider----------- */
	.bnr_sldr_img img {
		height: 550px;
	}

	.bnr_sldr_txt {
		font-size: 30px;
	}

	/* ------gp logo start---------- */
	.gp_logo img {
		height: 45px;
	}

	/* ---------- Why Choose GP Concrete Creations start--------------*/
	.wcgp_des_box2 {
		padding-right: 0;
	}

	.wcgp_col_1.pd_l {
		padding-right: 150px !important;
	}

	.wcgp_des_box1 {
		padding-top: 10px;
	}

	.wcgp_col_2:after {
		height: 200px;
		width: 250px;
		left: -150px;
	}

	.wcgp_img {
		width: 250px;
		height: 250px;
	}

	.arrow_img {
		margin-top: -7px;
		margin-left: 110px;
	}

	.arrow_img svg {
		width: 120px;
		height: 120px;
	}

	/* ---------- Why Choose (Trusted by Thousands) us start--------------*/
	.wcu_cnt_box_inr {
		padding: 10px 0;
	}

	.wcu_num {
		padding-bottom: 10px;
	}

	/* ---------- Process Start--------------*/
	.procs_img {
		width: 130px;
		height: 132px;
	}

	.procs_img svg {
		height: 47px;
	}

	.procs_box_inr:after {
		height: 270px;
	}

	.procs_num {
		background: #fdcc0d;
		height: 45px;
		width: 45px;
		font-size: 16px;
		top: 70px;
		padding-left: 2px;
	}

	.procs_box_2 .procs_num {
		top: 30px;
	}

	.procs_des {
		height: 110px;
	}

	.procs_box_1 .procs_info_box_inr {
		padding: 30px 40px 25px 40px;
	}

	/* ---------- Product start--------------*/
	.our_prod_img img {
		height: 240px;
	}

	/* ----------Excellent range of concrete products start--------------*/
	.exlnt_img img {
		height: 300px;
	}

	.exlnt_sec:after {
		height: 160px;
		width: 160px;
	}

	/* ---------- Testimonial start--------------*/
	.hk_testimonial_col {
		padding: 30px 0;
		padding-left: 30px;
	}

	.testi_rating_box {
		padding: 20px 0;
	}

	.testi_rating_box_inr {
		padding: 10px 10px;
	}

	/* ----------- get in touch section ----------- */
	.git_col1 {
		width: 35% !important;
	}

	.git_col2 {
		width: 65% !important;
	}

	.git_form_col {
		padding: 70px 40px;
		border: 30px solid #fff;
	}

	.git_detail_col {
		padding: 40px 35px 200px 20px;
	}

	.git_detail_col:after {
		width: 250px;
		height: 190px;
	}

	.cnt_dtl_icon_inr {
		width: 65px;
		height: 65px;
	}

}

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

	/* ------banner slider----------- */
	.bnr_sldr_img img {
		height: 550px;
	}

	.bnr_sldr_txt {
		font-size: 30px;
	}

	/* ---------- Why Choose GP Concrete Creations start--------------*/
	.wcgp_des_box2 {
		padding-right: 0;
	}

	.wcgp_col_1.pd_l {
		padding-right: 150px !important;
	}

	.wcgp_des_box1 {
		padding-top: 10px;
	}

	.wcgp_col_2:after {
		height: 200px;
		width: 250px;
		left: -150px;
	}

	.wcgp_img {
		width: 250px;
		height: 250px;
	}

	.arrow_img {
		margin-top: -10px;
		margin-left: 130px;
	}

	.arrow_img svg {
		width: 120px;
		height: 120px;
	}

	/* ---------- Why Choose (Trusted by Thousands) us start--------------*/
	.wcu_cnt_box_inr {
		padding: 10px 0;
	}

	/* ---------- Process Start--------------*/
	.procs_img {
		width: 130px;
		height: 132px;
	}

	.procs_img svg {
		height: 47px;
	}

	.procs_box_inr:after {
		height: 270px;
	}

	.procs_num {
		background: #fdcc0d;
		height: 45px;
		width: 45px;
		font-size: 16px;
		top: 70px;
		padding-left: 2px;
	}

	.procs_box_2 .procs_num {
		top: 60px;
	}

	.procs_des {
		height: 110px;
	}

	/* ---------- Product start--------------*/
	.our_prod_img img {
		height: 270px;
	}

	/* ----------Excellent range of concrete products start--------------*/
	.exlnt_img img {
		height: 350px;
	}

	.exlnt_sec:after {
		height: 200px;
		width: 200px;
	}

	/* ---------- Testimonial start--------------*/
	.hk_testimonial_col {
		padding: 30px 0;
		padding-left: 30px;
	}

	.testi_rating_box {
		padding: 20px 0;
	}

	/* ----------- get in touch section ----------- */
	.git_col1 {
		width: 35% !important;
	}

	.git_col2 {
		width: 65% !important;
	}

	.git_form_col {
		padding: 70px 40px;
		border: 30px solid #fff;
	}

	.git_detail_col {
		padding: 40px 35px 200px 20px;
	}

	.git_detail_col:after {
		width: 250px;
		height: 190px;
	}


}

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

	/* ------banner slider----------- */
	.bnr_sldr_img img {
		height: 650px;
	}

	/* ---------- Why Choose GP Concrete Creations start--------------*/
	.wcgp_des_box2 {
		padding-right: 50px;
	}

	.wcgp_des_box1 {
		padding-top: 10px;
	}

	.wcgp_col_2:after {
		height: 250px;
		width: 300px;
	}

	.wcgp_img {
		width: 300px;
		height: 300px;
	}

	.arrow_img {
		margin-top: -10px;
	}

	.arrow_img svg {
		width: 130px;
		height: 130px;
	}

	/* ----------Excellent range of concrete products start--------------*/
	.exlnt_img img {
		height: 350px;
	}

	.exlnt_sec:after {
		height: 200px;
		width: 200px;
	}

	/* ----------- get in touch section ----------- */
	.git_form_col {
		padding: 70px 40px;
		border: 30px solid #fff;
	}

	.git_detail_col {
		padding: 60px 125px 200px 70px;
	}

	.git_detail_col:after {
		width: 250px;
		height: 190px;
	}

}

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