.contact-banner {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
    height: 35rem;
	margin-bottom: 6.5rem;
	padding-top: 120px!important;
}

.contact-banner .container {
	padding-top: 8rem;
}

.contact-banner .single_path {
	left: 0;
    height: 1rem;
    top: 11rem;
}

.contact-banner .container .banner {
	width: 100%;
	height: 25rem;
}

.contact-banner .social-icons {
	background-color: #011F4D;
	top: 10.5rem;
    left: 6rem;
	width: 18rem;
}

.contact-banner .social-icons .follow-us {
	font-size: 1.1rem;
}

.contact-banner .social-icons .whatsapp {
	left: 4.2rem;
    top: -6px;
    height: 3rem;
}




.contact-details {
	margin-bottom: 4rem;
}

.contact-details .product-icon {
	right: 0rem;
    height: 22rem;
    top: -7rem;
}

.contact-details .single_path {
	right: 7rem;
    height: 1rem;
    top: 7rem;
}



.more-contact {
	margin-bottom: 7rem;
}

.more-contact .col-3 {
	width: 20%;
}

.more-contact .single .more {
	background-color: #20A67D;
}

.more-contact h4 {
	color: #20A67D;
	font-size: 22px;
}

.more-contact p {
	color: #011F4E;
	font-size: 15px;
}

.more-contact .pin {
	height: 16.75px;
}


.more-contact .icon {
	height: 30px;
	margin-top: 1.6rem;
}

.more-contact .email {
	height: 30px;
	margin-bottom: 1.3rem;
	margin-top: 1.6rem;
}

.more-contact .single .more {
	height: 10rem;
}


.form {
	padding: 6rem;
	margin-bottom: 5rem;
}

.form .row-field {
	padding: 1.1rem;
}

.form ::placeholder {
	font-size: 0.9rem;
}

.form .submit {
	background-color: #011F4E;
	padding: 0.8rem 4rem;
}
.form-control:focus {
    border-color: #20ABD1;
    box-shadow: 0 0 0 0;
}



.faq {
	margin-bottom: 8rem;
}

.faq .title {
	color: #20A67D;
	height: 30px;
}

.faq .accordion-item {
	border: none!important;
	border-bottom: 1px solid #DDDDDD!important;
}

.faq .accordion-header .accordion-button {
	font-size: 20px;
	line-height: 1.9rem;
	font-weight: 600;
}

.accordion-button:not(.collapsed) {
    background-color: white;
}


.accordion-button:not(.collapsed) {
    color: black;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2320A67D' class='bi bi-caret-down-fill' viewBox='0 0 16 16'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
	width: 1rem;
    height: 1rem;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2320A67D' class='bi bi-caret-down-fill' viewBox='0 0 16 16'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
    transform: rotate(-180deg);
	width: 1rem;
    height: 1rem;
}


.accordion-button .q {
    color: #20A67D;
}

.accordion-body .a {
    color: #20A67D;
	font-size: 1.2rem;
}

.accordion-body p {
	color: #000000;
    font-size: 15px;
    line-height: 1.7rem;
}

.accordion-body .col-1 {
	width: 3.5%!important;
	padding-right: 0;
}

.accordion-body .col-11 {
	width: 96%!important;
	padding-left: 0;
}
.accordion-button:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0;
}





.network {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
    height: auto;
	padding: 5rem;
}

.network h2 {
	color: #20A67D;
	font-size: 35px;
}

.network .title-col {
	width: 23%;
}

.network .line-col {
	width: 77%;
}

.network .title-col h4 {
	color: #20A67D;
	font-weight: 600;
	font-size: 30px;
}

.network .peoples h5 {
	color: #011F4E;
	font-size: 20px;
}

.network .peoples p {
	color: #5A5A5A;
	font-size: 17px;
}

.network .area-sales {
	margin-bottom: 0rem;
}








@media (max-width: 1400px){
	
	.network .title-col {
		width: 30%;
	}

	.network .line-col {
		width: 70%;
	}

	.network .title-col h4 {
		font-size: 28px;
	}

	.accordion-body .col-1 {
		width: 5%!important;
    	padding-right: 2px;
	}
	
	.accordion-body .col-11 {
		width: 95%!important;
    	padding-left: 2px;
	}


}



@media (max-width: 1200px){
	.contact-banner .container {
		padding-top: 2rem;
	}

	.contact-banner .container .banner {
		height: 17rem;
	}

	.contact-banner {
		height: 13rem;
		margin-bottom: 6.5rem;
	}

	.contact-banner .social-icons {
		background-color: #011F4D;
		top: 7rem;
		left: 5rem;
		width: 15rem;
	}

	.contact-banner .social-icons .follow-us {
		font-size: 0.8rem;
	}

	.contact-details .logo {
		height: 8rem;
	}

	.contact-banner .social-icons .whatsapp {
		left: 3.5rem;
		top: -3px;
		height: 2.5rem;
	}

	.contact-details .product-icon {
		right: 0rem;
		height: 11rem;
		top: -1rem;
	}

	.contact-details .single_path {
		right: 3.5rem;
		height: 1rem;
		top: 6rem;
	}


	.contact-details {
		margin-bottom: 3rem;
	}


	.more-contact .single {
		margin-bottom: 5rem;
	}

	.more-contact {
		margin-bottom: 2rem;
	}

	.more-contact .gap-col {
		display: none;
	}

	.form {
		padding: 2rem 0;
		margin-bottom: 5rem;
	}



	.accordion-button {
		font-size: 1rem;
		line-height: 2rem;
	}

	.accordion-body p {
		font-size: 0.9rem;
		line-height: 1.7rem;
	}

	.accordion-body .col-1 {
		width: 5%!important;
    	padding-right: 2px;
	}
	
	.accordion-body .col-11 {
		width: 95%!important;
    	padding-left: 2px;
	}


	.faq {
		margin-bottom: 5rem;
	}
	

	.map iframe, .map .mapouter, .map .gmap_canvas {
		height: 350px;
	}



	.network {
		padding: 4rem 1rem;
	}

	.network .title-col {
		width: 35%;
	}

	.network .line-col {
		width: 65%;
	}

	.network .title-col h4 {
		font-size: 25px;
	}


	/* .network .peoples h5 {
		font-size: 16px;
	} */
	

	.network .area-sales {
		margin-bottom: 0rem;
	}
}



@media (max-width: 991px){
	.contact-banner .container {
		padding-top: 2rem;
	}

	.contact-banner .container .banner {
		height: 17rem;
	}

	.contact-banner {
		height: 13rem;
		margin-bottom: 6.5rem;
	}

	.contact-banner .social-icons {
		background-color: #011F4D;
		top: 7rem;
		left: 5rem;
		width: 15rem;
	}

	.contact-banner .social-icons .follow-us {
		font-size: 0.8rem;
	}

	.contact-details .logo {
		height: 8rem;
	}

	.contact-banner .social-icons .whatsapp {
		left: 3.5rem;
		top: -3px;
		height: 2.5rem;
	}

	.contact-details .product-icon {
		right: 0rem;
		height: 11rem;
		top: -1rem;
	}

	.contact-details .single_path {
		right: 2rem;
		height: 1rem;
		top: 6rem;
	}


	.contact-details {
		margin-bottom: 3rem;
	}


	.more-contact .single {
		margin-bottom: 5rem;
	}

	.more-contact {
		margin-bottom: 2rem;
	}
	.more-contact .gap-col {
		display: none;
	}

	.form {
		padding: 2rem 0;
		margin-bottom: 5rem;
	}



	/* .accordion-button {
		font-size: 1rem;
		line-height: 2rem;
	} */

	.accordion-body p {
		font-size: 0.9rem;
		line-height: 1.7rem;
	}


	.faq {
		margin-bottom: 5rem;
	}
	

	.map iframe, .map .mapouter, .map .gmap_canvas {
		height: 350px;
	}



	.network {
		padding: 4rem 1rem;
	}

	.network .title-col {
		width: 35%;
	}

	.network .line-col {
		width: 65%;
	}

	.network .title-col h4 {
		font-size: 1.2rem;
	}


	/* .network .peoples h5 {
		font-size: 1.2rem;
	}
	 */
	.network .peoples p {
		font-size: 1rem;
	}

	.network .area-sales {
		margin-bottom: 0rem;
	}
	
	.social-icons {
    width: 60% !important;
	}

}



@media (max-width: 767px){
	.contact-banner .container {
		padding-top: 1rem;
	}

	.contact-banner .container .banner {
		height: 10rem;
	}

	.contact-banner {
		height: 10rem;
		margin-bottom: 1.5rem;
	}

	.contact-banner .social-icons {
		background-color: #011F4D;
		top: 2.5rem;
		left: 2rem;
		width: 12rem;
	}

	.contact-banner .social-icons .follow-us {
		font-size: 0.6rem;
	}

	.contact-details .logo {
		height: 8rem;
	}

	.contact-banner .social-icons .whatsapp {
		left: 2.5rem;
		top: -2px;
		height: 2rem;
	}

	.contact-details .product-icon {
		right: 0rem;
		height: 7rem;
		top: 2rem;
	}


	.contact-details {
		margin-bottom: 3rem;
	}


	.more-contact .single {
		margin-bottom: 2rem;
	}
	
	.more-contact {
		margin-bottom: 2rem;
	}

	.form {
		padding: 2rem 0;
		margin-bottom: 5rem;
	}


	.faq .accordion-header .accordion-button {
		font-size: 16px;
		line-height: 1.9rem;
		font-weight: 600;
	}

	.accordion-body p {
		font-size: 0.9rem;
		line-height: 1.7rem;
	}

	.accordion-body .col-1 {
		width: 6.5%!important;
    	padding-right: 2px;
	}
	
	.accordion-body .col-11 {
		width: 93.5%!important;
    	padding-left: 2px;
	}


	.faq {
		margin-bottom: 5rem;
	}
	

	.map iframe, .map .mapouter, .map .gmap_canvas {
		height: 350px;
	}



	.network {
		padding: 4rem 1rem;
	}

	.network .title-col {
		width: 60%;
	}

	.network .line-col {
		width: 40%;
	}

	.network .title-col h4 {
		font-size: 1.2rem;
	}


	.network .peoples h5 {
		font-size: 1.2rem;
	}
	
	.network .peoples p {
		font-size: 1rem;
	}

	.network .area-sales {
		margin-bottom: 0rem;
	}
}


@media (max-width: 684px){
	.accordion-body .col-1 {
		width: 6.5%!important;
    	padding-right: 2px;
	}
	
	.accordion-body .col-11 {
		width: 93.5%!important;
    	padding-left: 2px;
	}
}

@media (max-width: 414px){
	.accordion-body .col-1 {
		width: 9.5%!important;
    	padding-right: 2px;
	}
	
	.accordion-body .col-11 {
		width: 90.5%!important;
    	padding-left: 2px;
	}
}

@media (max-width: 375px){
	.accordion-body .col-1 {
		width: 10.5%!important;
    	padding-right: 2px;
	}
	
	.accordion-body .col-11 {
		width: 89%!important;
    	padding-left: 2px;
	}
}

/*fine tunes*/
.location-wrap {
    min-height: 4rem;
}

@media (max-width: 767px){
.network .peoples p {
    font-size: 0.8rem !important;
	}
.network .peoples h5 {
    font-size: 1rem !important;
}
	img.img-fluid.logo {
    margin-top: 7rem !important;
}
	.social-icons {
    width: 90% !important;
}
}