/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body,html{
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"
}
p{
	margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{
	font-weight: 500;
}
.header-inner{
	background: #053c24;
}
.header .header-bottom-nav.nav-box > li > a{
	font-size: 14px;
	font-weight: 500;
}
.header .header-bottom-nav.nav-box > li > a:hover, .header .header-bottom-nav.nav-box > li.active > a{
	background-color: #f9fafb!important;
	color: #0f172a !important; 
}
.st2 .row{
	background: #e5f2e9;
	padding-top: 40px;
}
.itemst2 h3{
	display: flex;
	font-size: 24px;
	align-items: center;
	position: relative;
	padding-left: 36px;
	background: url(images/icon1.svg) left center no-repeat;
	background-size: 24px 24px;
}
.itemst2 p{
	text-align: justify;
	width: 80%;
}
.itemst2 a{
	color: #ca8a04;
	text-underline-offset: 4px;
    text-decoration-line: underline;
    line-height: 1.25rem;
    font-size: .875rem;
    transition: all 0.3s;
}
.itemst2 a:hover {
	text-underline-offset: 8px;
    --tw-text-opacity: 1;
    color: #c7ab81;
}
.itemst2{
	padding-bottom: 40px;
}
.st2 .col{
	padding: 0;
}
.st3 h2{
	font-size: 36px;
}
.ulst3 li{
	list-style: none;
	padding-left: 28px;
	background: url(images/icon2.svg) left center no-repeat;
	background-size: 20px 20px;
	margin: 15px 0;
}
.ulst3.ulst4 li{
	background: url(images/icon3.svg) left center no-repeat;
}
.ulst3.ulst5 li{
	background: url(images/icon4.svg) left center no-repeat;
}
.ulst3.ulst6 li{
	background: url(images/icon5.svg) left center no-repeat;
}
.iconboxst4path .icon-box-img svg path:first-child{
	fill: none;
}
.iconboxst4 h3{
	font-size: 24px;
}
.iconboxst4 .icon-inner{
	height: 56px;
	width: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 50%
}
.iconboxst4 .icon-inner svg{
	height: 24px;
	padding: 0;
}
.rowst4{
	padding: 30px ;
}
.st2 .rowst4 .col{
	padding: 0px 15px 15px;
}
.iconboxst4 p{
	text-align: justify;
}
.st5 h2{
	font-size: 48px;
	font-weight: bold;
}
.st5box{
	background: #f9fafb;
	padding: 16px;
}
.btn1{
	margin-top: 20px;
	padding: 0px 40px;
	background: #000;
}
.ft .row{
	background: #f9fafb;
	padding: 40px 30px 20px;
}
.absolute-footer{
	display: none;
}
.ft-left h3{
	color: #053c24;
}
.ft-left svg{
	--tw-text-opacity: 1;
    color: #053c24;
    padding: .25rem;
    background-color: #e5f2e9;
    border-radius: .125rem;
    font-size: 1.5rem;
    flex: none;
    line-height: 2rem;
}
.ft-left p{
	margin-bottom: 16px;
	display: flex;
	gap: .5rem;
	flex-wrap: nowrap;
}
.ft-right p{
	font-weight: 600;
    font-size: 1.125rem;
}
.logo-ft{
	height: 128px;
}
.ft-bottom p{
	margin-bottom: 2px;
}

.contacttext1 h1,
.contacttext2 h2{
	font-size: 3rem;
    line-height: 1;
}
.contacttext2 .col{
	background: #e5f2e9;
	padding: 40px 30px;
}
.contactbox1{
	width: 405px;
	max-width: 100%;
	background: #fff;
	padding: 8px 24px;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
	border-radius: .125rem;
	margin-bottom: 1rem;
	text-align: center;
}
.contactbox1 p{
	margin-bottom: 0;
}
.font-semibold{
	font-weight: 600;
}
.contactbox1 p:last-child{
	text-decoration-line: underline;
	--tw-text-opacity: 1;
	color: #ca8a04;
	cursor: pointer;
    text-underline-offset: 2px;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .2s;
}
.contactbox1 p:last-child:hover {
    text-underline-offset: 4px;
    --tw-text-opacity: 1;
    color: rgb(199 171 129 / var(--tw-text-opacity));
}
@media only screen and (max-width: 849px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.col{
		padding-bottom: 15px;
	}
	.itemst2 p{
		width: 100%;
	}
	.itemst2 h3{
		font-size: 20px;
	}
	.itemst2{
		padding-bottom: 26px;
	}
	.col-inner .ulst3 ul li{
		margin-left: 0;
	}
	.st3 h2{
		font-size: 26px;
	}
	.st2 .row{
		padding: 30px 12px;
	}
	.st5 h2{
		font-size: 30px;
	}
	.ft .row{
		padding: 30px 0 20px;
	}
	.contacttext2 .col{
		padding: 30px 0;
	}
}