/*
	Theme Name: V1 Child
	Template:V1
*/

.footer-col.col-2 i {font-size:30px;color:black;transition:500ms;}
.footer-col.col-2 i:hover {color:#4c88ba;}
.footer-col.col-2 a:not(:last-child) {padding-right:5px;}
.footer-col.col-2 .socialIcons {padding-top:20px;}
.footer-top-inner > div {align-items:center;}
.footer-col.col-1 a {transition:500ms;color:black;}
.footer-col.col-1 a:hover {color:#4c88ba;}
.footer-bottom-left {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;justify-items:center;}
.footer-bottom p,.footer-bottom li {max-width:309px;}
.footer-bottom-right .widget.widget_text {justify-content:flex-end;display:flex;}
.footer-bottom-right a {color:black;transition:500ms;}
.footer-bottom-right a:hover {color:#4c88ba;}
#footer .widget_title {margin-bottom:2px;}
#footer .footer-bottom-left a img {transition: .5s;}
#footer .footer-bottom-left a:hover img {opacity: .5;}

.cta-top h1 {padding-bottom:4px;}
.cta-top h2 {padding-bottom:20px;}
.cta-top p {font-weight:500;font-size:22px;padding-bottom:3px;}

.title-area:before {position: absolute; content: ''; width: 100%; height: 100%; background: rgb(0,0,0,.5);}
.title-area-inner  {position: relative;z-index: 1;}

.services-list .jawn-itr.left-image:nth-child(even) .itr-image-side {order: 2; padding-left: 15px;}
.services-list .jawn-itr.left-image:nth-child(even) .itr-content-side {padding-left: 0; padding-right: 15px;}
.services-list .jawn-itr.left-image:not(:first-child) {padding-top: 75px;}

@media (min-width: 1024px) {
	li.btn span {transition:500ms;background-color:#4c88ba;padding:12px 17px;color:white;border:2px solid transparent; }
	li.btn:hover span {border:2px solid #4c88ba;background-color:transparent;color:#4c88ba;}
}

@media (max-width: 1400px) {
	#header .logo-holder {height: 80px; align-self: center;}
	#header .menu-item a {font-size: 16px; padding: 0 10px;}
}

@media (max-width: 1100px) {
	#header .menu-item a {font-size: 12px; padding: 0 5px;}
}

@media (max-width: 1023px) {
	#header .menu-item a {font-size: 18px; padding: 0 15px;}
}

@media (max-width: 767px) {
	.title-area h1 {font-size: 50px; line-height: 60px;}
	
	.services-list .jawn-itr:nth-child(even) .itr-image-side {order: unset !important;}
	
	#footer .footer-bottom-inner > div {width: 100%; text-align: center;}
	#footer .footer-bottom-inner > div:not(:last-child) {margin-bottom: 20px;}
	#footer .footer-bottom-left {grid-template-columns: 1fr 1fr;}
	
	.cta-top h1 {font-size: 55px; line-height: 65px;}
	.cta-top h2 {font-size: 45px; line-height: 55px;}
	.cta-top p {font-size: 18px;}
}