/*
	Theme Name:     Rajvi Pipes
	Theme URI:      https://www.Project name.com
	Description:    Rajvi Pipes Child Theme
	Author:         Rajvi Pipes
	Author URI:     https://www.Project name.com
	Template:       Divi
	Version:        1.0.0
*/

@import url("main_style.css");
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*font-family: 'Outfit', sans-serif;*/
body{
	font-family: 'Outfit', sans-serif !important;
	font-size: 16px;
	color: #000;
	font-weight: 400;
	margin: 0 !important;
	line-height: 1.3;
}
/*-------------------banner---------------*/
.rp_banner_col .et_pb_slide {
    padding: 0 !important;
    height: 800px;
    background-position: 0% 70% !important;
}
.rp_banner_col .et_pb_slide_description {
    padding: 0 !important;
}
.rp_banner_title {
    font-size: 60px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-shadow: none;
    position: relative;
    width: 50%;
    text-align: left;
    padding: 0 0 30px 0px;

}
.rp_banner_btn {
    text-shadow: none;
}
a.et-pb-arrow-prev {
    left: 0 !important;
}
a.et-pb-arrow-next {
    right: 0 !important;
}
/*-------------------end banner---------------*/
/*-------------------about---------------*/
.ab_title {
    width: 19%;
}
.ab_text {
    width: 69%;
}
.ab_col_box .ab_sapate {
    margin: 0 80px 0 50px;
    width: 2px;
    height: 100px;
    display: flex;
    border: 1px solid #59b6dc;
}
.ab_col_box {
    padding: 0 0 40px 0;
    justify-content: left !important;
}
/*-------------------end about---------------*/
/*-------------------filler---------------*/
.filler_row {
    display: flex;
    flex-wrap: wrap;
}
.filler_row_col {
    padding: 10px;
    display: flex;
}
.filler_img {
    display: flex;
}
.filler_img img {
    height: 100px;
    width: 100%;
    object-fit: contain;
    margin: auto;
    transition: 1s;
}
.filler_tit {
    padding: 40px 0 10px;
}
.filler_col {
    padding: 40px 20px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.17);
    transition: 1s;
    width: 100%;
}
.filler_col:hover {
    background: #bbd800;
}
.filler_col:hover .filler_box {
    color: #fff
}
.filler_col:hover .filler_img img {
	filter: brightness(0) invert(1);
}
/*-------------------end filler---------------*/
/*-------------------why choose us---------------*/
.wcu_img img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    border-radius: 0 30px 30px 0;
}
.wuc_col_one {
    background: #fff;
    padding: 60px;
    display: flex;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 30px 0 0 30px;
}
.wuc_row {
    align-items: inherit !important;
}
.wuc_col {
    margin: auto !important;
}
/*-------------------end why choose us---------------*/
/*-------------------get in touch---------------*/
.contact_inr_12 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.contact_col_12 {
    padding: 0 0 20px;
}
.contact_box {
    position: relative;
}
label.contact_label {
    font-size: 16px;
    position: absolute;
    top: -7px;
    left: 16px;
    z-index: 1;
    background: #fff;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 1;
}
.contact_input {
    width: 100%;
    height: 50px;
    border: 1px solid #D1D1D1 !important;
    border-radius: 6px;
    padding: 10px !important;
    background: #fff0 !important;
}
textarea.contact_input {
    height: 110px;
    resize: none;
}
.contact_form_col {
    padding: 20px 0;
    width: 80%;
    margin: auto;
}
.map_img iframe {
    width: 100%;
    height: 350px;
    display: flex;
}

/*-------------------end get in touch---------------*/
.product_box {
    width: 25%;
}
.filler_text.f_16 {
    text-align: center;
}
input.select2-search__field {
    height: 40px;
}







@media all and (min-width: 320px) and (max-width: 767px) {
	/*-------------------banner---------------*/
	.rp_banner_col .et_pb_slide {
	 	height: 300px;
	}
	.rp_banner_title {
	 	font-size: 27px;
 	    width: 100%;
	    text-align: center;
	    padding: 0 0 10px 0px;
	    margin: auto;
	}
	.et-pb-arrow-next, .et-pb-arrow-prev {
	    font-size: 38px;
	}
	.rp_banner_btn {
	    display: flex;
	    justify-content: center;
	}
	.rp_banner_col_box.c_wt {
	    padding: 0 40px !important;
	}
	/*-------------------end banner---------------*/
	/*-------------------about---------------*/
	.ab_col_box .ab_sapate {
	    display: none;
	}
	.ab_title ,.ab_text{
	    width: 100%;
	    text-align: center;
	}
	/*-------------------end about---------------*/
	/*-------------------filler---------------*/
	.filler_img img {
	    height: 60px;
	}
	.filler_tit {
	    padding: 10px 0 10px;
	}
	.filler_col {
	    padding: 20px 10px;
	}
	.filler_row_col {
	    padding: 5px;
	    width: 100% !important;
	}
	/*-------------------end filler---------------*/
	/*-------------------why choose us---------------*/
	.wuc_row {
	    flex-direction: column-reverse;
	}
	.wcu_img img {
	    height: 250px;
	}
	.wuc_col_one {
		padding: 20px 10px;
	    border-radius: 0px 0 30px 30px;
	}
	.wcu_img img {
	    border-radius: 30px 30px 0 0;
	}
	/*-------------------end why choose us---------------*/
	/*-------------------get in touch---------------*/
	.contact_form_col {
	    width: 100%;
	}
	.contact_inr_12 {
	    grid-template-columns: 1fr;
	}
	.map_img iframe {
	    height: 250px;
	}
	/*-------------------end get in touch---------------*/
	.product_box {
		width: 100%;
	}

}  
@media all and (min-width: 481px) and (max-width: 767px) {
	
	.filler_row_col {
		width: 50% !important;
	}
}
@media all and (min-width: 768px) and (max-width: 980px) {
	/*-------------------banner---------------*/
	.rp_banner_col .et_pb_slide {
	 	height: 350px;
	}
	.rp_banner_title {
	 	font-size: 33px;
	}
	.rp_banner_col_box.c_wt {
	    padding: 0 40px !important;
	}
	/*-------------------end banner---------------*/
	/*-------------------about---------------*/
	.ab_col_box .ab_sapate {
	    display: none;
	}
	.ab_title ,.ab_text{
	    width: 100%;
	    text-align: center;
	}
	/*-------------------end about---------------*/
	/*-------------------filler---------------*/
	.filler_img img {
	    height: 60px;
	}
	.filler_tit {
	    padding: 10px 0 10px;
	}
	.filler_col {
	    padding: 20px 10px;
	}
	.filler_row_col {
	    padding: 5px;
	}
	/*-------------------end filler---------------*/
	/*-------------------why choose us---------------*/
	.wuc_row {
	    flex-direction: column-reverse;
	}
	.wcu_img img {
	    height: 300px;
	}
	.wuc_col_one {
		padding: 30px;
	    border-radius: 0px 0 30px 30px;
	}
	.wcu_img img {
	    border-radius: 30px 30px 0 0;
	}
	/*-------------------end why choose us---------------*/
	/*-------------------get in touch---------------*/
	.contact_form_col {
	    width: 90%;
	}
	.map_img iframe {
	    height: 300px;
	}
	/*-------------------end get in touch---------------*/
	.product_box {
		width: 50%;
	}

}
@media all and (min-width: 981px) and (max-width: 1024px) {
	/*-------------------banner---------------*/
	.rp_banner_col .et_pb_slide {
	 	height: 400px;
	}
	.rp_banner_title {
	 	font-size: 37px;
	}
	/*-------------------end banner---------------*/
	/*-------------------about---------------*/
	.ab_col_box .ab_sapate {
	    margin: 0 20px 0 20px;
	}
	/*-------------------end about---------------*/

}
@media all and (min-width: 1025px) and (max-width: 1140px) {
	/*-------------------banner---------------*/
	.rp_banner_col .et_pb_slide {
	 	height: 400px;
	}
	.rp_banner_title {
	 	font-size: 40px;
	}
	/*-------------------end banner---------------*/
	/*-------------------about---------------*/
	.ab_col_box .ab_sapate {
	    margin: 0 60px 0 50px;
	}
	/*-------------------end about---------------*/

}
@media all and (min-width: 1141px) and (max-width: 1280px) {
	/*-------------------banner---------------*/
	.rp_banner_col .et_pb_slide {
	 	height: 460px;
	}
	.rp_banner_title {
	 	font-size: 45px;
	}
	/*-------------------end banner---------------*/

}
@media all and (min-width: 1281px) and (max-width: 1440px) {
	/*-------------------banner---------------*/
	.rp_banner_col .et_pb_slide {
	 	height: 520px;
	}
	.rp_banner_title {
	 	font-size: 50px;
	}
	/*-------------------end banner---------------*/	

}
@media all and (min-width: 1441px) and (max-width: 1680px) {
	/*-------------------banner---------------*/
	.rp_banner_col .et_pb_slide {
	 	height: 600px;
	}
	/*-------------------end banner---------------*/

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