@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import 'https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap';
:root {
--alt-font: 'Plus Jakarta Sans', sans-serif;
--primary-font: 'Atkinson Hyperlegible', sans-serif;
--base-color: #3c8578;
--dark-gray:#262b35;
--primary-colour:#F89734;
}
body::-webkit-scrollbar {
  width: 0.5em;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #333;
  outline: 1px solid slategrey;
}
body {
	font-size:17px;
	line-height:1.5
}
.placeholder-light-gray::-webkit-input-placeholder {
color:var(--medium-gray)!important;
text-overflow:ellipsis;
opacity:.6
}
.placeholder-light-gray::-moz-placeholder {
color:var(--medium-gray)!important;
text-overflow:ellipsis;
opacity:.6
}
.placeholder-light-gray:-ms-input-placeholder {
color:var(--medium-gray)!important;
text-overflow:ellipsis;
opacity:.6
}
h1, h2, h3, h4, h5, h6 { letter-spacing:-0.03em !important;}
h1 {
	line-height:4.375rem
}
h2 {
	line-height:4.638rem
}
h3 {
	line-height:3.513rem
}
h4 {
	line-height:2.575rem
}
h5 {
	line-height:2rem
}
h6 {
	line-height:1.75rem
}
header .navbar-brand img {
	max-height:100px
}
.navbar .navbar-nav .nav-link {
	font-size:15px;
	font-weight:500
}
header.sticky .navbar-nav .nav-link, header.sticky .fixed-header .navbar-nav .nav-link, header.sticky .disable-fixed .navbar-nav .nav-link {
	padding-top:30px;
	padding-bottom:30px
}
header .left-nav .navbar-nav:before {
	background-color:var(--dark-gray);
	opacity:.2;
	transform:translate(-28px, 0px);
	-webkit-transform:translate(-28px, 0px);
	transition:0s
}
header.sticky .left-nav .navbar-nav:before {
	transform:translate(-28px, 0px);
	-webkit-transform:translate(-28px, 0px)
}
header .btn.btn-small {
	padding:10px 20px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu {
	width:420px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p {
	line-height:22px;
	font-size:14px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img {
	width:70px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span {
	font-size:15px;
	line-height:30px
}
.bg-raven-blue {
	background-color:#6c757d
}
.bg-orange {
	background-color:#ffa800
}
.bg-base-color-transparent {
	background-color:rgba(6, 175, 71, .15)
}
.bg-base-color-light {
	background-color:#edf9f2
}
.border-radius-left-8px {
	border-radius:8px 0 0 0
}
.bg-gradient-gray-light-dark-transparent {
	background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(32, 35, 41, 1)), to(transparent));
	background-image:linear-gradient(to top, rgba(32, 35, 41, 1) 0%, transparent 80%)
}
.text-orange {
	color:#ffa800
}
.text-red {
	color:#ec5b54
}
.primary-colour{ color:var(--primary-colour)}
.primary-bg{ background-color:#F89734}

.btn {
	letter-spacing:normal;
	font-weight:700
}
.btn i {
	margin-left:5px
}
.btn.btn-hover-animation-switch .btn-icon {
	margin-left:4px
}
.btn.btn-hover-animation-switch:hover .btn-text {
	transform:translateX(21px)
}
.btn.btn-transparent-white-light:hover {
	background-color:transparent;
	border-color:#fff;
	color:var(--white)
}
.btn.btn-dark-gray:not(.btn.submit):hover, .btn.btn-dark-gray:not(.btn.submit):active {
background-color:var(--base-color);
border-color:var(--base-color);
color:var(--white)
}
.btn.btn-base-color:hover {
	background-color:var(--dark-gray);
	border-color:var(--dark-gray);
	color:var(--white)
}
.btn.btn-light-base-color {
	background-color:#c7e9d4;
	border-color:#c7e9d4;
	color:var(--dark-gray)
}
.btn.btn-box-shadow.btn-base-color:hover {
	background-color:var(--dark-gray);
	border-color:var(--dark-gray)
}
.btn.btn-link {
	padding:0 0 2px
}
.btn.text-uppercase-inherit i {
	top:1px
}
.right-minus-250px {
	right:-250px
}
.right-minus-170px {
	right:-170px
}
.right-minus-155px {
	right:-155px
}
.bottom-minus-85px {
	bottom:-85px
}
.page-title-extra-small h1 {
	font-size:20px;
	line-height:24px;
	margin-bottom:15px
}
.page-title-extra-small h2 {
	font-size:3.438rem;
	line-height:3.438rem
}
.icon-with-text-style-10:hover .feature-box-icon {
	-webkit-transform:scale(1);
	transform:scale(1)
}
.contact-form-style-03 {
	 
}
.process-step-style-05 .progress-step-separator {
	bottom:-10px;
	height:100%;
	z-index:-1
}
.social-icon-style-02 .small-icon li {
	margin:0
}
input, select, textarea, .form-control {
	font-size:16px
}
footer {
	font-size:16px;
	line-height:30px
}
footer ul li {
	margin-bottom:0
}
footer .footer-logo img {
	max-height:80px
}
.footer-light a:hover {
	color:var(--dark-gray)
}
@media(max-width:1199px) {
.newsletter-style-03 .btn {
padding:12px 18px
}
.newsletter-style-03 input {
padding-right:145px!important;
padding-left:20px!important
}
header .left-nav .navbar-nav:before {
transform:translate(-9px, 0px);
-webkit-transform:translate(-9px, 0px)
}
header .btn.btn-small {
padding:9px 15px
}
}
@media(max-width:991px) {
.contact-form-style-03 {
margin-top:0
}
}
@media(max-width:767px) {
.newsletter-style-03 input {
padding-right:70px!important;
padding-left:20px!important
}
}
@media(max-width:576px) {
.extra-small-screen {
height:300px!important
}
}


.inner-article-headers {
    margin: 0 auto;
    width: 100%;
    border: 4px solid #d3d3d3;
    text-align: center;
 
    position: relative;
    top: -75px;
}

.pattern-img {
    position: absolute;
    bottom: 60px;
    left: -80px;
    width: 250px;
    height: 250px;
    z-index: -1;
}

.img-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.company-histroy{ position:relative;}
.company-histroy::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background-color: #f7f7f7;
}

.company-histroy .contents {
    position: relative;
    z-index: 10;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.0588235294);
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.0588235294);
}
.company-histroy .header-button a:hover{ background-color:#F89734}

.company-histroy .numbers-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
}

.company-histroy .numbers-box .num-card {
    position: relative;
    width: 50%;
    height: 50%;
    text-align: center;
    padding: 70px 50px;
    background-color: #F89734;
    color: #fff;
}

.company-histroy .numbers-box .num-card:nth-of-type(2) {
    background-color: #e88521;
}
.company-histroy .numbers-box .num-card:nth-of-type(3) {
    background-color: #e88521;
}
.company-histroy .numbers-box .num-card:nth-of-type(4) {
    background-color: #e67a0e;
}
.subscribe-popup .container{ border: solid 3px #3c8578}