/* CSS Document */ 
.contact-sec-01 .contact-sec-01-inner{padding-block:3%;} 
.contact-sec-01 .main-row{} 
.contact-sec-01 .columns{} 

.contact-sec-01 .columns h1{  text-align:center; line-height: 1;} 

.contact-sec-01 .columns ul{display: flex;margin-top:3rem;gap: 1.5rem;justify-content: center;} 
.contact-sec-01 .columns ul li{width: 26%;padding-top:30px;padding-left:30px;height: 550px;position: relative; cursor: pointer;} 


.contact-sec-01 .columns ul li p{ color: var(--color-01);} 
.contact-sec-01 .columns ul li h4{ color: var(--color-01); margin-bottom: 2rem;} 

.contact-sec-01 .columns ul li:nth-child(1){background-color: var(--color-03); color: var(--color-01);} 
.contact-sec-01 .columns ul li:nth-child(2){background-color: var(--color-05);} 
.contact-sec-01 .columns ul li:nth-child(2) p {color: var(--color-02);}
.contact-sec-01 .columns ul li:nth-child(2) a {color: var(--color-02);}
.contact-sec-01 .columns ul li:nth-child(2) h4{color: var(--color-02);}

.contact-sec-01 .columns ul li:nth-child(3){background-color: var(--color-04);} 

.contact-sec-01 .columns .contact{ display: flex; flex-direction: column; margin-bottom: 1.3rem;} 
.contact-sec-01 .columns .contact a{  color: var(--color-01);} 
.contact-sec-01 .columns ul li img{width: 32%;position: absolute;right: 15px;bottom: 15px;filter: invert(1);}


.contact-sec-01 .columns .contact span{font-size: 18px;}



@media(max-width:1440px){
	.contact-sec-01 .columns ul li {height: 500px;}
}
@media(max-width:1366px){
	.contact-sec-01 .columns ul li {width: 30%; height: 460px;}
	.contact-sec-01 .columns ul li img {width: 25%;}
}
@media(max-width:1280px){
	
}

@media(max-width:991px){
	.contact-sec-01 .columns ul{flex-direction: column; align-items: center;}
	.contact-sec-01 .columns ul li {width:100%; height: 380px;}
	.contact-sec-01 .columns ul li img { width: 15%; }
	.contact-sec-01 .columns h1 {padding-inline:12%;}
	.contact-sec-01 .main-row {  margin-inline: 0px;}

}

@media(max-width:480px){
	.contact-sec-01 .main-row { width: 100%; padding-inline: 0px; margin-inline: auto;}
	.contact-sec-01 .columns ul li {width:100%;}
	.contact-sec-01 .columns ul li h4{margin-bottom: 1.3rem;}
	.contact-sec-01 .columns h1 { padding-inline: 15%; margin-inline: auto; }
	.contact-sec-01 .columns ul {margin-top:2rem;}
	.contact-sec-01 .columns ul li {height: 280px;}
	.contact-sec-01 .columns ul li { padding-top: 24px; padding-left: 24px;}
	.contact-sec-01 .columns ul li img { width: 12%; }
	
}

@media(max-width:375px){
	    .contact-sec-01 .columns h1 {	padding-inline: 8%; }

}

@media(max-width:320px){
	.contact-sec-01 .columns ul li {padding-inline:24px;}
}