html {
    font-size: 10px;
    --color-white: #fff;
    --color-btn-orange: #FF8E16;
    --color-gray: #515252;
    --color-gray2: #F2F2F2;
    scroll-behavior: smooth;
}

body {
    font-size: 1.6rem;
    line-height: 1.5;
    color: var(--color-text);
    font-family: 'Lato', sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    counter-reset: section;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
*.full-width {
    width: 100%;
}
img {
    max-width: 100%;
}
input:focus,
textarea:focus,
select:focus,
button:focus {
    outline: none;
}
a {
    text-decoration: none;
}

.container {
    width: 100%;
    max-width: 1070px;
    padding: 0 2rem;
    margin: 0 auto;
}

input, textarea {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.header {
    width: 100%;
    height: auto;
    padding: 4.6rem 0;
    background: url(../images/banner.png) no-repeat top;
    background-size: cover;
}

.header .logo{
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .logo .image{
    width: auto;
    max-height: 4.8rem;
}

.banner-section{
    display: flex;
    flex-direction: column;
}

.heading{
    font-size: 4rem;
    line-height: 4.5rem;
    color: var(--color-white);
    font-weight: 900;
}

.subHeading{
    font-size: 2.6rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: var(--color-gray);
    margin-bottom: 1.5rem;
}

.banner-section .subHeading{
    color: var(--color-white);
}

.banner-section p{
    color: var(--color-white);
    font-size: 1.8rem;
    line-height: 2.8rem;
}

.banner-section .left-box{
    padding-bottom: 3.9rem;
}

.banner-section .right-box{
    width: 100%;
    padding: 3rem 2rem;
    background: var(--color-white);
    border: 1px solid #A7A9A9;
}

.banner-section .form-title {
    font-size: 2.6rem;
    line-height: 3.2rem;
    color: var(--color-gray);
    font-weight: 700;
    margin: 0;
}

.banner-section .form-des {
    color: var(--color-gray);
    font-size: 1.4rem;
    line-height: 1.7rem;
    margin: .6rem 0 1.5rem 0;
}

.ct-form{
    display: block;
}

.ct-form .formList{
    padding: 0;
    margin: 0;
}

.ct-form .form-item{
   list-style: none;
   width: 100%;
   padding: 1rem 0;
}

.form-control{
    width: 100%;
    background: var(--color-gray2);
    height: 5rem;
    padding: 0 2.4rem;
    border: 0;
    font-size: 1.6rem;
    color: #A8AAAA;
}

.form-item .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -20px;
    font-size: 11px;
    font-weight: bold;
    left: 2.2rem;
}

.ct-form .wpcf7-response-output {
    margin: 0 !important;
    text-align: center;
    font-size: 1.2rem;
}

.btn{
    width: auto;
    padding: 0 2rem;
    background: var(--color-btn-orange);
    color: var(--color-white);;
    font-size: 1.2rem;
    font-weight: 700;
    height: 5rem;
    border: 0;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    transition: all .5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 31.4rem;
    margin: 0 auto;
    cursor: pointer;
}

.btn:hover{
    background: #ed7e08;
    transition: all .5s ease;
}

.form-item .btn{
    margin: 2rem auto 0 auto;
}

.form-item {
	position: relative;
}

.ct-form .form-item input::placeholder{
    color: #A8AAAA;
    font-size: 1.6rem;
}

.form-item .star-i {
    left: 2rem; 
    top: 2.4rem;
    z-index: 2;
    pointer-events: none;
    color:#A8AAAA;
    position: absolute;
    transition: all 0.1s ease;
}

.form-item  input:focus ~ .star-i,
.form-item input:not(:focus):valid ~ .star-i {
    top: -8px;
    bottom: 0px;
    left: 0px;
    font-size: 1.2rem;
    opacity: 1;
    color: #404040;
}

.form-item .star-i:after{
	content: '*';
	color: red;
}

.why-workin{
    width: 100%;
    padding: 2.5rem 0 4.6rem 0;
}

.why-workin .image-box {
    display: block;
    margin: 0 0 2rem 0;
}

.why-workin .img{
    width: 100%;
}

.why-workin .topTitle{
    font-size: 1.5rem;
    line-height: 2.8rem;
    color: var(--color-gray);
    letter-spacing: 1.13px;
}

.why-workin .bar-botm{
    position: relative;
    padding-bottom: 2rem;

}

.why-workin .bar-botm::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 7.8rem;
    height: .4rem;
    background: var(--color-btn-orange);
}

.why-workin .des-list .list-items{
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: var(--color-gray);
    letter-spacing: 0.38px;
}

.why-workin .btn{
    margin-top: 3rem;
}

.paragraph, p{
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: var(--color-gray);
    letter-spacing: 0.38px;
}

.title-acc {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin: 0 0 2rem 0;
    color: var(--color-gray);
    text-align: center;
}

.accordion-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    color: var(--color-gray);
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 400;
    padding: 2.2rem 0;
}

.accordion-header:after{
    content: "+";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all 0.35s;
    color: var(--color-gray);
    font-size: 2.5rem;
}

.accordion-expanded .accordion-header:after{
    content: "-";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all 0.35s;
    color: var(--color-btn-orange);
    font-size: 2.5rem;
}

.accordion-expanded .accordion-header{
    color: var(--color-btn-orange);
    font-weight: bold;
}
  
.accordion-panel {
    border-top: 2px solid #8F8F8F;
}

.accordion-panel p{
    margin-top: 0;
}
  
.accordion-panel > .accordion-body {
    display: none;
}
  
.accordion-panel.accordion-expanded > .accordion-body {
    display: block;
}
   
.accordionSec {
    width: 100%;
    background: var(--color-gray2);
    padding: 3rem 0;
}

.row-outer {
    display: flex;
    flex-wrap: wrap;
}

.row-outer .list-outer{
    width: 33.33%;
    padding-left: 2rem;
    color: var(--color-gray);
    letter-spacing: 0.7px;
    font-size: 1.4rem;
    line-height: 2.5rem;
}

.acc-content .full-width{
    padding: 1rem 0;
}

.footer-top {
    width: 100%;
    padding: 4.8rem 2rem;
    text-align: center;
    position: relative;
}

.footer-top:after{
    content: '';
    position: absolute;
    left: -2rem;
    bottom: -2rem;
    width: 10rem;
    height: 8.9rem;
    background: url(../images/bg-sm-right.png) no-repeat ;
    background-size: contain;
    z-index: -1;
}

.heading-footer {
    font-size: 2.7rem;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1.35px;
    color: var(--color-gray);
    margin: 0 0 2rem 0;
    line-height: 2.5rem;
}

.sm-title {
    letter-spacing: 2.8px;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: var(--color-gray);
}
/*
.sm-title a{
    color: var(--color-gray);
}
*/
.footer-col{
    width: 100%;
}

.widget-outer{
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.widget-item{
    width: 100%;
    background: var(--color-gray2);
    padding: 2rem 2.5rem;
    text-align: center;
    min-height: 18.0rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.widget-item:nth-child(2){
    border-top: .4rem solid var(--color-white);
    border-bottom: .4rem solid var(--color-white);
}

.widget-item .ft-logo{
    width: auto;
    max-height: 5rem;
}

.widget-item .phone-number {
    letter-spacing: 0.6px;
    font-size: 2.4rem;
    font-weight: bold;
    color: var(--color-btn-orange);
}

.widget-item .ft-des {
    font-size: 1.5rem;
    line-height: 2.2rem;
    letter-spacing: 0.38px;
    color: var(--color-gray);
}

.copy-right {
    font-style: italic;
    font-size: 1.5rem;
    line-height: 2.2rem;
    letter-spacing: 0.38px;
    color: var(--color-gray);
}

.ft-title2{
    letter-spacing: 4.2px;
    color: var(--color-gray);
    font-size: 1.4rem;
    line-height: 2.5rem;
    margin: 0 0 1rem 0;
    font-weight: 900;
}

.s-media {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.meda-item{
    list-style: none;
}

.media-icon{
    padding: 1rem;
}

.full-img{
    width: 100%;
}

@media screen and (min-width: 767px) {
    .banner-section{flex-direction: inherit;padding: 5rem 0 ;justify-content: space-between}
    .banner-section .left-box{padding: 0; width: 45%;}
    .banner-section .right-box{width: 50%;}
    .header{padding: 5rem 0 0 0;}
    .why-workin .inner-box {display: flex;justify-content: space-between; }
    .why-workin .image-box{width: 45%;}
    .why-workin .content-box { width: 50%;}
    .why-workin{padding: 6rem 0;}
}

@media screen and (min-width: 991px) {
    .why-workin{padding: 10rem 0;}
    .widget-item {width: 33.33%; min-height: 21rem;}
    .widget-item:nth-child(2) {border-top: 0;border-bottom: 0;border-left: 0.4rem solid var(--color-white); border-right: 0.4rem solid var(--color-white); }
    .header .logo .image{max-height: 5.8rem;}
    .heading{font-size: 6rem; line-height: 7.5rem; margin-bottom: 0;}
    .banner-section .right-box { width: 42%; padding: 4rem;}
    .banner-section .left-box{width: 50%;}
    .banner-section .form-title {  font-size: 2.8rem;line-height: 3.4rem; }
    .subHeading{font-size: 3rem; line-height: 3.6rem;}
    .form-control, .form-item .btn{height: 6rem;}
    .banner-section .des{font-size: 2rem; line-height: 2.8rem;}
    .why-workin .topTitle{font-size: 1.6rem;}
    .paragraph{font-size: 1.6rem; line-height: 2.3rem;}
    .why-workin .bar-botm{margin: 1.8rem 0 3rem 0;}
    .btn{height: 6rem;}
    .why-workin .btn { margin-top: 6rem;}
    .accordionSec{padding: 6rem 0;}
    .acc-des{font-size: 1.6rem;}
    .row-outer .list-outer{font-size: 1.6rem; font-weight: bold;}
    .form-item .star-i{top: 2.8rem;}
    .widget-item .ft-logo{max-height: 6rem;}
}

@media screen and (min-width: 1024px) {
    .banner-section .left-box {width: 45%;}
    .banner-section .subHeading{margin-bottom: 4rem;}
    .why-workin{background: url(../images/bg-sun.png) no-repeat right bottom; background-size: 40rem;}
    .title-acc{margin-bottom: 4.5rem; font-size: 2.8rem;}
    .acc-label{font-size: 2rem;}
    .row-outer .list-outer{width: 25%;}
    .footer-top{padding: 9rem 0;}
    .heading-footer{font-size: 5rem; line-height: 5rem;letter-spacing: 2.5px;}
    .footer-top:after { bottom: -1.5rem; width: 25rem; height: 20rem;}
}