@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Clash Display';
       font-family: "Roboto", sans-serif;
}

:root {
    --colorff: #ffffff;
    --color00: #000000;
    --colord9: #D9D9D9;
    --color70: #2e945a;
    --color6e:#6eb69a;
     --color70:#2e945a;
    
    --colorf3: #f3f3f3;
    --color4c: #4c4c4c;
    --color27: #273238;
      --color4d: #4d4f53;
     --colorca: #caedd7;
     --colore7:#e7fff0;
    --color4a: #4a6b55;
    --color2e: #2e945a;
     --colorf4: #f4f2f3;
       --color38: #383739;
    --font-family: "Montserrat", serif;
    --font-family1: "Poppins", sans-serif;
    --font-90: 9rem;
    --font-80: 8rem;
    --font-70: 7rem;
    --font-60: 6rem;
	  --font-55: 5.5rem;
    --font-50: 5rem;
    --font-48: 4.8rem;
    --font-46: 4.6rem;
    --font-42: 4.2rem;
    --font-40: 4rem;
    --font-36: 3.6rem;
    --font-34: 3.4rem;
    --font-30: 3rem;
    --font-28: 2.8rem;
    --font-26: 2.6rem;
    --font-25: 2.55rem;
    --font-24: 2.4rem;
    --font-21: 2.1rem;
    --font-20: 2rem;
    --font-18: 1.8rem;
    --font-16: 1.65rem;
    --font-15: 1.5rem;
    --font-14: 1.4rem;
    --font-13: 1.35rem;
    --font-12: 1.25rem;
    --font-11: 0.9rem;
    --font-10: 0.9rem;
    --line-height-36: 3.6rem;
    --line-height-35: 3.5rem;
    --line-height-30: 3rem;
    --line-height-26: 2.6rem;
    --line-height-24: 1.8rem;
    --line-height-23: 2.1rem;
    --line-height-21: 2.1rem;
    --line-height-18: 1.8rem;
    --line-height-17: 1.7rem;
}




body {
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    scroll-behavior: unset !important;
    font-family: "Roboto", sans-serif;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

a,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
     font-family: "Roboto", sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    font-style: normal;
    line-height: 1.4em;
    font-family: "Roboto", sans-serif;
}

p {
    font-size: var(--font-16);
    font-family: "Roboto", sans-serif;
}

a {
    outline: 0;
    color: #222;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
    text-decoration: none;
     font-family: "Roboto", sans-serif;

}

a:hover {
    color: #0a1729;
    text-decoration: none;
}

.btn {
    outline: 0;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
    cursor: pointer;
}

button:focus {
    outline: none;
}

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

.main_section {
    width: 100%;
    margin: 0px;
    padding: 80px 0;
}
.link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/******* Header ************/

/******* Back-to-top ************/
.back-to-top { position: fixed; bottom: 20px; right: 20px; width: 54px; height: 54px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9999; font-size: 21px; padding: 11px 0; background-color: #fbc508; border-color: #fbc508; }
.btn-dark:hover { color: #fff; background-color: #fbc508; border-color: #fbc508; }

/******* Menu ************/
.top_menu { position: relative; background-color: var(--colorff); padding: 2rem 0rem; }
.home-header { display: flex; justify-content: space-between; align-items: center; }
.logo { width: 18%; padding: 0; text-align: center; }
.home-logo { width: 100%; }
.home-menu span { color: var(--colorff); }
.menu-bar { display: flex; align-items: center; justify-content: space-between; }
.logo img { width: 100%; transition: 2s; -webkit-transition: 2s; text-align: center; }
.header-center{}
.header-center p{ color: var(--color4c); font-weight: 600; font-size: var(--font-18); }
.phone-text h6 { color: var(--color00); font-size: var(--font-15); margin-bottom: 0px; font-family: var(--font-family); font-weight: 500; }
.phone-text p a { color: var(--color27); font-weight: 600; letter-spacing: 0px; font-size: var(--font-24); line-height: 28px; font-family: var(--font-family1); }
.cus-menu { display: flex; align-items: center; justify-content: center; }
.top-menu { padding: 1.5rem 0; background-color: var(--color70); }
.wp-menu { display: flex; align-items: center; justify-content: center; }
.vg-nav>ul>li>a { font-size: var(--font-18); line-height: 1.2; display: block; color: var(--colorff); text-decoration: none; font-weight: 500; border-radius: 7px; letter-spacing: 1.5px; position: relative; transition: 2s; -webkit-transition: 2s; }
.vg-nav>ul>li { padding: .6rem 9.4rem .6rem 0; }
.vg-nav .dropdown ul li a { text-align: left; }
.vg-nav .dropdown ul li a { text-align: left; text-transform: uppercase; font-size: 13px; padding: 7px; }
.vg-nav>ul>li.active a, .vg-nav>ul>li a:hover { color: var(--colorff); }
.vg-nav>ul>li a:before { content: ''; background: var(--colorff); height: 1px; width: 0%; position: absolute; bottom: -4px; opacity: 0; transition: 1s; -webkit-transition: 1s; }
.vg-nav>ul>li.active a:before { content: ''; background: var(--colorff); height: 1px; width: 100%; position: absolute; bottom: -4px; opacity: 1; }
.vg-nav>ul>li a:hover:before { content: ''; background: var(--colorff); height: 1px; width: 100%; position: absolute; bottom: -4px; opacity: 1; }
.vg-nav .dropdown ul li a:hover { color: #000; }
.header-right { display: flex; justify-content: end; align-items: center; }
.header-right ul { display: flex; }
.header-right ul li { padding: 0 1.2rem; list-style-type: none; }
.header-right ul li a { color: var(--colorff); font-size: var(--font-15); background-color: var(--colorcb); padding: 1.2rem 2rem; text-transform: uppercase; font-weight: 600; border-radius: .3rem; display: inline-block; margin: 1rem 2rem 0 0; }
.header-right ul li a:hover { background-color: var(--color00); }
.fixed-header { position: fixed; top: 0; z-index: 99; transition: 2s; -webkit-transition: 2s; }
.mobile-logo{ display: none; }
.vg-nav .dropdown ul { background: #c6e1cf; box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15); }
.vg-nav .dropdown ul li a { text-align: left; text-transform: capitalize; font-size: var(--font-15); padding: 13px; font-weight: 500; }
.vg-nav-hover>ul .dropdown:hover>ul { visibility: visible; opacity: 1; top: 150%; }

/******* Slider ************/

/******* banner ************/
.banner { padding: 0px; position: relative; z-index: 0; }
.cus-banner-text { position: absolute; bottom: 0px; z-index: 9; left: 11px; }
.cus-banner-text p { color: #fff; font-weight: 400; font-size: 14px; }
.banner .carousel-caption { text-align: left; /* bottom: 40px; */ top: 0; padding: 0px; display: flex !important; flex-wrap: wrap; align-items: center; justify-content: start;  z-index: 9;
    bottom: 0; }
.banner .carousel-item img { left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; }
.carousel-indicators { z-index: 99; }
.banner-text { }
.banner-text1{display: block;}
.banner-text h1 { font-size: var(--font-34); color: var(--color2e); font-weight: 700; text-transform: uppercase; position: relative; padding-bottom: 1rem; }
/* .banner-text h1::before{ content: ''; background-color: var(--color2e); position: absolute; height: .4rem; width: 7rem; bottom: 9px; border-radius: 5px; } */
.banner-text h2 { font-size: var(--font-50); color: var(--color00); font-weight: 800; margin-top: 0rem; position: relative;line-height: 1;    text-transform: capitalize; }
.banner-text h2::before { }
.banner-text h2 span{ color: var(--color2e);display: inline; }
.banner-text h3 {     font-size: var(--font-30);color: var(--color00); font-weight: 400;    margin: 1rem 0 2rem;  }
.banner-text h3 br{display:none;}
.banner-text h4 { font-size: var(--font-34); color: var(--color70); font-weight: 800;  }
.banner-text h4 span{ color: var(--color38); }
.banner-text ul{
    list-style-type: none;
    padding: 0;
}
.banner-text ul li{
   font-size: var(--font-24);
    color: var(--color00);
 margin-top: 1.5rem;
}
.banner-text ul li i{
background-color: var(--color2e);
    padding: 1rem 1.1rem;
    color: #fff;
    border-radius: 10rem;
    margin-right: 1.5rem;
	    font-size: 1.3rem;
}


.banner-text img{ height: auto !important; aspect-ratio: 0 !important;width: 30rem; }

/* home-sec1 */
.home-sec1{ padding-block: 4rem; }
.home-form { width: 70%; margin: auto;}
.form-control { padding: 1.275rem 1.75rem; font-size: 1.4rem; border: 1px solid #bdbdbd; margin-bottom: 1rem; font-weight: 500; }
.form-check-input { width: 1.5rem; height: 1.5rem; }
label { display: inline-block; font-size: 1.5rem; color: var(--color00); margin-left: 1.1rem; }
.home-form a{ color: var(--color70); font-size: var(--font-20); font-weight: 500; text-decoration: underline; }
.btn-primary{ background-color: var(--color70); border-color: var(--color70); width: 100%; padding: 1rem; border-radius: .5rem; font-size: var(--font-16); margin-top: 2rem; }
.btn-primary:hover{ background-color: var(--color00); border-color: var(--color00); }
.started{padding-block: 3rem;     text-align: center;}
.started h3{ font-size: var(--font-24); color: var(--color70); font-weight: 600; margin-bottom: 1.5rem; }

.started h2{ font-size: var(--font-24); color: var(--color00); font-weight: 600; }
.started h2 a{ font-size: var(--font-24); color: var(--color00); font-weight: 600; text-decoration: underline; }
.staffing h4{ font-size: var(--font-24); color: var(--color70); font-weight: 600; position: relative; padding-bottom: 3rem; }
.staffing h4::before{ content: ''; background-color: var(--color2e); position: absolute; height: .4rem; width: 5rem; bottom: 11px; border-radius: 5px; }
.owner-text p{font-size: var(--font-18);}

.staffing ul{list-style-type: none; padding: 0;}
.staffing ul li {     font-size: var(--font-21);
    color: var(--color00);
    font-weight: 600;
    margin-top: 2.6rem;
    position: relative;
    padding-left: 3.5rem;}
.staffing ul li i{color: var(--color70);
    margin-right: 1rem;
    position: absolute;
    top: 4px; left: 0;}
.complet-list{position: relative;}
.complet-box {
margin-left: -12rem;
    margin-top: 0;
}
.complet-box img{  }
.complet-box-new{width: 78rem;}
.staffing { position: relative; z-index: 9; }
.complet {
    text-align: end;
    position: relative;
    z-index: 9;
}
.complet img {
    width: 10rem;
}
.cta { background-image: url(../images/cta.webp); padding: 5rem 0; background-position: center; background-size: contain; }
.cta-text{position: relative;}
.cta-text h4{ font-size: var(--font-18); color: var(--color00); font-weight: 600; margin-bottom: 2rem; }
.cta-text h2{ font-size: var(--font-50); color: var(--color6e); font-weight: 600; }
.cta-text h2 a{ font-size: var(--font-50); color: var(--color6e); font-weight: 600; text-decoration: underline; }
.cta-text p{ font-size: var(--font-18); color: var(--color00); font-weight: 600; margin-top: 2rem; }
.cta-text p a{ text-decoration: underline; color: var(--color6e); font-size: var(--font-18); font-weight: 600; }
.cta-img { position: absolute;
    top: 5rem;
    right: 7rem;
    width: 16rem; }
.footer{ padding-block: 3rem; background: #1ec49b38; }
.footer-text p{ font-size: var(--font-16); color: var(--color70); font-weight: 600; margin-bottom: 0; }
.footer-text p a{ font-size: var(--font-16); color: var(--color70); font-weight: 600; text-decoration: underline; }

.about-sec{ background-color: var(--colore7); padding-block: 3rem 0; }
.about-img { text-align: end; }
.about-img img {
 width: 3rem;
    padding-bottom: 0rem;
    margin-right: 15rem;
}
.about-text{ display: flex; align-items: end; height: 100%; }
.about-text h1{ font-size: var(--font-50); color: var(--colorff);     text-shadow: 2px 1px #45655096; font-weight: 700; line-height: 1; margin-bottom: 0; }

.about-sec {
    background-color: var(--colore7);
    padding-block: 1.5rem;
}
.about-sec1 {
    padding: 4rem 0;
}
.built-text{ padding-right: 7rem; }
.built-text p{ font-size: var(--font-18); margin-bottom: 2rem;color: var(--color00);}
.built-img { display: flex; align-items: center; height: 100%; }
.healthcare p{ font-size: var(--font-18); margin-bottom: 2rem; color: var(--color00); }
.about-sec2{padding-block: 0 6rem;}
.give-box{ background-image: url(../images/call-cta.webp); background-size: cover; background-position: center; }
.give-text {     padding: 6rem 5rem 6rem; }
.give-text h2{font-size: var(--font-28); color: var(--color2e); font-weight: 600;}
.give-text h2 span{ color: #2e2e33; }

.give-text p{ font-size: var(--font-20); color: var(--color4d); font-weight: 500;    margin-bottom: 2rem; }
.give-text p a{font-size: var(--font-20); font-weight: 700;     color: var(--color2e);}
.give-text p span a{font-size: var(--font-20); font-weight: 700; color: var(--color2e);}
.model-text{margin-top: 3rem;}
.model-text h4{font-size: var(--font-21);  color: var(--color2e); font-weight: 400;}
.model-text h4 span{color: var(--color00);}
.contact-sec{padding-block: 5rem 10rem;}
.contact-text{}
.contact-text h2{font-size: var(--font-21); color: var(--color00); font-weight: 700;}
.contact-text h2 span{color:var(--color70);}
.contact-text p{ font-size: var(--font-18); color: var(--color00);}
.contact-box { padding: 5rem 3rem; border: 2px solid var(--color70); margin-top: 3rem; }
.contact-info-list { display: grid; grid-template-columns: 37% 57%; gap: 6rem; }
.contact-info img{
    width: 50%;
}
.contact-info-list1{margin-top: 6rem;}
.contact-add { display: flex; gap: 2rem; margin-bottom: 4rem; }
.contact-icon{ border-right: 2px solid var(--color70); }
.contact-icon i{ color: var(--color70); font-size: var(--font-36); width: 5rem; }
.contact-add-text h6{ font-size: var(--font-16); color: var(--color00); font-weight: 600; }
.contact-add-text p{ font-size: var(--font-16); color: var(--color00); font-weight: 400; }
.contact-add-text p a{ font-size: var(--font-16); color: var(--color00); font-weight: 400; }
.contact-form { margin-top: 6rem; }
.contact-form h5{ font-size: var(--font-18); color: var(--color00); font-weight: 600; margin-bottom: 4rem; }
.contact-form-list { display: grid; grid-template-columns: 50% auto; gap: 2rem; }
.contact-form-list a { color: var(--color70); font-size: var(--font-16); font-weight: 500; text-decoration: underline; margin: 1.5rem 0; display:block; }
.news-sec{padding-block: 7rem;}
.news-list {
    display: grid;
    grid-template-columns: 40% auto;
    position: relative;
    padding: 0;
    gap: 6rem;
    margin-bottom: 5rem;
    border: 1px solid #66666682;
    border-radius: 2rem;
    transition: 0.3s;
        align-items: center;
}
.news-list:hover{
    box-shadow: 0px 10px 6px #0000001f;
}

.news-img { overflow: hidden; transition: 0.3s;border-radius: 2rem 0 0 2rem; height: 100%; }
.news-img img{ transition: 0.3s; object-fit: cover;border-radius: 2rem 0 0 2rem; height: 100%; }
.news-list:hover .news-img img { transform: scale(1.1); }
.news-text{position: relative;
    padding: 3rem 5rem 0 0;
}
.categoery {
    display: flex;
    gap: 3rem;
    margin-bottom: 2rem;
}
.date {
    display: flex;
    gap: 2rem;
}
.categoery-text a{
  background-color: #d9d9d985;
    padding: .8rem 1.5rem;
    font-size: var(--font-15);
    border: 1px solid #6666666e;
    border-radius: 0.8rem;
}


.news-text h5{ font-size: var(--font-18); color: var(--color00); font-weight: 600; margin-bottom: 4rem; position: relative; }
.news-text h5::before{ content: ''; position: absolute; width: 100%; height: 1px; background-color: var(--color00); bottom: -2rem; }
.news-text p{ font-size: var(--font-16); color: var(--color00); font-weight: 400; }
.news-text span{ font-size: var(--font-21); color: var(--color00); font-weight: 600; display: block; text-align: end; margin-top: 3rem; }
.auto-hidden { display: none; opacity: 0; transform: translateY(30px); transition: all 0.5s ease; }
.auto-hidden.show { opacity: 1; transform: translateY(0); }
.news-btn-wrap { text-align: end; }
button.news-toggle-btn { background-color: var(--color70); color: var(--colorff); border: none; padding: 0rem; border-radius: 5rem; font-size: 3rem; width: 6rem; height: 6rem; }

.date-text p, .time p{
    font-size: var(--font-15);
        color: #666;
        margin-bottom: 0;
}
.news-text1 p{
    margin-bottom: 3rem;
}
.news-text1 a{
    font-size: var(--font-15); color: var(--color00); font-weight: 600; 
}
.news-text1 a i{
    margin-left: 1rem;
}

.mobile{display: none;}

.news-section{
    background: #86c59c;
    padding-block: 8rem;
}
.news-top{

}
.news-top p{
    color: var(--colorff);
}
.news-top h1{
        font-size: var(--font-40);
    color: var(--colorff);
}
.learn-text {
    height: 100%;
    display: flex;
    align-items: center;
}
.learn-text p{
    margin-bottom: 0;
    color: var(--colorff);
}
.news-form {
    background: #fff;
    padding: .8rem;
    margin-top: 2rem;
    width: 65%;
    border-radius: 1rem;
}
.news-form .btn-primary{
    margin-top: 0;
}

.news-form .form-control {
    padding: 1rem 1.75rem;
    font-size: 1.4rem;
    border: 0px solid #bdbdbd;
    margin-bottom: 0rem;
    font-weight: 500;
}

.geeting {
    background-image: url(https://staffingwelldone.com/wp-content/uploads/2026/06/bg7.webp);
padding: 2.8rem 0;
    background-size: cover;
      background-position: center right;
    background-repeat: no-repeat;
}




/* news css */
.news-sec1 .carousel-caption {
    text-align: left;
    /* bottom: 40px; */
    top: 0;
    padding: 0px;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    z-index: 9;
}
.news_txt{}
.news_txt h6{
   font-size: var(--font-24);
    color: var(--color2e);
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
margin-bottom: 2rem;
letter-spacing: 1px;
}

.news_txt h1{
font-size: var(--font-50);
    color: var(--color00);
    font-weight: 800;
    margin-top: 0rem;
    position: relative;
    line-height: 1.2;
    text-transform: capitalize;
    margin-bottom: 2rem;
}
.news_txt h1 span{
    color: var(--color2e);
}
.news_txt p{
        color: var(--color00);
      font-size: var(--font-18);
}
.news_txt {
    width: 45%;
}
.blog-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 5.5rem;
    padding-right: 3rem;
}

.blog-box {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6rem;
    align-items: center;
}
.blog-text {
    padding: 0;
}
.blog-text span a{
font-size: var(--font-14);
    color: var(--color2e);
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
        display: block;
}
.blog-img{
    overflow: hidden;
    transition: 0.3s;
    border-radius: 1.2rem;
	height: 100%;
}
.blog-img img{
        transition: 0.3s;
            border-radius: 2.2rem;
	height: 100%;
	
}
.blog-box:hover .blog-img img{
        transform: scale(1.1);
}
.blog-text {

}



.blog-text h3{
    font-size: var(--font-30);
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 2rem;
}
.blog-text p{
    margin-bottom: 1rem;
    font-size: var(--font-18);
}
.blog-text blockquote{
font-weight: 600;
    color: #000;
    font-size: var(--font-15);
    margin-bottom: 2rem;
}
.blog-box:hover .blog-text h3{
    text-decoration: underline;
}

.blog-detail-text {
    text-align: center;
    margin-bottom: 4rem;
}

.blog-detail-text h2{
text-transform: uppercase;
    font-size: var(--font-40);
    color: #000;
    font-weight: 800;
}
.blog-detail-text span{
    color: #000;
    font-size: var(--font-18);
}
.blog-detail-img{
    margin: 2rem 0 3rem;
}
.read-btn{
        font-size: var(--font-16);
    color: var(--color2e);
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}
.right-blog {
    position: sticky;
    top: 0rem;
}

.news-letter {
    background: #e5f1e5;
    text-align: center;
    padding: 3rem;
    border-radius: 1.5rem;
}

.news-letter i {
    background-color: var(--color70);
    color: var(--colorff);
    width: 5rem;
    height: 5rem;
    border-radius: 10rem;
    font-size: 2rem;
    line-height: 5rem;
    margin: 2rem 0 2rem;
}
.news-letter h3{
    letter-spacing: 1px;
    margin-bottom: 1rem;
}
.news-letter p{
    margin-bottom: 2.5rem;
}
.news-letter .form-control {
    padding: 1.275rem 1.75rem;
    font-size: 1.4rem;
    border: 1px solid #2e945a7d;
    margin-bottom: 0;
    font-weight: 500;
    border-radius: .8rem;
}
.share{margin-top: 4rem;}
.share-box{position: relative; margin-bottom: 1.5rem;}
.share-box a {
    padding: 1.1rem 1.75rem 1.1rem 5rem;
    font-size: 1.4rem;
    border: 1px solid #2e945a7d;
    margin-bottom: 0;
    font-weight: 500;
    border-radius: .8rem;
    background: #fff;
    display: block;
    text-align: left;
}
.share-box a img{
    width: 3rem;
    margin-right: 1.5rem;
}

.share-box a:hover{
    background-color: #67af8646;
}
.share-box a span{
    letter-spacing: 1px;
}
.news-bottom {
    background: #e7fff1;
    padding: 2rem 0;
}

.news-call {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding-right: 3rem;
    
}
.call-img{}

.call-img img {
    width: 8rem;
}
.call-text p{
    font-weight: 600;
}
.started1{
border-left: 2px solid #bdd7c8;
padding-left: 3rem;
border-right: 2px solid #bdd7c8;
}
.started1 p{
    font-weight: 600;
}
.started1 a{
    font-size: var(--font-20);
        color: var(--color70);
        font-weight: 600;
        letter-spacing: 2px;
}
.fill{
    padding-left: 3rem;
}
.fill p{
    font-weight: 600;
}
.fill p a{
    font-weight: 600;
}
.news-bread {
    padding: 2rem 0;
}
.news-detail{
    padding: 0 0 4rem;
}
.news-detail-txt{
    padding-right: 3rem;
}
.news-detail-txt span{
    font-size: var(--font-14);
    color: var(--color2e);
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
    display: block;
}
.news-detail-txt h2{
    font-size: var(--font-50);
    color: var(--color00);
    font-weight: 800;
    margin-top: 0rem;
    position: relative;
    line-height: 1.2;
    text-transform: capitalize;
    margin-bottom: 2rem;
}
.author {
    display: flex;
    margin: 3rem 0;
    align-items: end;
}
.author-img {

    border-radius: 10rem;
    margin-right: 2rem;
   
}
.author-img img{
       border-radius: 10rem;
        height: 6rem;
            width: 6rem;
            object-fit: cover;
}

.author-text p{
    color: var(--color00);
    margin-bottom: 0;
}
.news-detail-img{
    margin: 2rem 0;
}
.news-detail-img img{
        border-radius: 2rem;
    height: 41rem;
    width: 100%;
    object-fit: cover;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2e945a;
    border-color: #2e945a;
}
.page-link {
 padding: .575rem 1.3rem;
    color: #000;
    margin: 0 1rem;
    border-radius: 10rem;
	border: 1px solid #929597;
}
.staff {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
	     width: 54rem;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-radius: 10rem;
    padding: .6rem 1.3rem;
}
.page-item:last-child .page-link{
	    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-radius: 10rem;
    padding: .6rem 1.1rem;
}
.page-link:hover {
    z-index: 2;
    color: #fff;
    background-color: #2e945a;
    border-color: #2e945a;
}

.next-list {
    margin-block: 6rem 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #186f3c80;
    border-bottom: 1px solid #186f3c80;
    padding-block: 3rem;
}
.previous a, .next a{
    color: var(--color00);
    font-size: var(--font-18);
        color: var(--colorff);
        background-color: var(--color2e);
        padding: 1rem 2rem;
        border-radius: .5rem;
}
.previous a:hover, .next a:hover{
    background-color: var(--color00);
}
.author {
    display: none;
}

@media (min-width: 2100px) {
	
	.banner-text h2{
		font-size: var(--font-60);
	}
	.banner-text h1 {
    font-size: var(--font-50);
	}
	.banner-text h3 {
    font-size: var(--font-34);
	}

	.banner-text ul li {
    font-size: var(--font-30);
	}
    .owner-text p {
    font-size: var(--font-21);
}
.staffing ul li {
    font-size: var(--font-21);
}
.started h3 {
    font-size: var(--font-30);
}
.started h3 {
    font-size: var(--font-34);
}
.staffing h4 {
    font-size: var(--font-30);
}
.header-center p {
    font-size: var(--font-21);
}
.phone-text p a {
    font-size: var(--font-30);
}
.vg-nav>ul>li>a {
    font-size: var(--font-21);
}
.vg-nav .dropdown ul li a {
    font-size: var(--font-18);
}
.banner-text {
width: 85%;
}
.geeting {
    padding: 16rem 0;
}


}


/* media screen and (max-width: 1650px)
---------------------------------------------------------------------- */
@media screen and (max-width:1650px) {

.give-text {
    padding: 6rem 5rem 6rem;

}


}
@media (max-width: 1599px) {
.banner-text {

}

.staffing ul li{
       margin-top: 1rem;
 
}


.complet-box {

}
.carousel-caption{
    left: 11%;
}
	.geeting{
	padding: 4.8rem 0;	
	}

}
@media (max-width: 1499px) {
            .carousel-caption {
        left: 8%;
    }


.staffing ul li {
    font-size: var(--font-18);
}


}


@media (max-width: 1399px) {
	 html{font-size:54.5%;} 
.cta-img { width: 13rem; }
    .give-text {
        padding: 6rem 5rem 6rem 5rem;
    
    }
    .carousel-caption {
        left: 5%;
    }
     :root{
            --font-50: 4.8rem;
    }

      .geeting {
        padding: 7.8rem 0;
    }

}

@media (max-width: 1299px) {
    :root{
            --font-80: 6rem;
               --font-60: 4.5rem;
            --font-50: 4rem;
            
    }

.container {
    max-width: 1120px;
}
    .give-text {
        padding: 4rem 5rem 4rem;
    }
    .banner-text img {
    width: 27rem;
}
    .carousel-caption {
        left: 6%;
    }


    .staffing ul li{
        margin-top: 1.6rem;
                font-size: var(--font-16);
    }


}




/* media screen and (max-width: 1170px)
---------------------------------------------------------------------- */
@media screen and (max-width:1199px) {

    .container {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0px 30px;
    }
   
    .cta-img {
   width: 14rem;
        right: 9rem;
    }
    .give-text {
        padding: 5rem;
    }

	.banner-text h3 {
    margin: 1rem 0 2rem;
}

	    .carousel-caption {
        left: 0%;
    }
	

}

@media screen and (max-width:1099px) {
        .cta-img {
        width: 12rem;
        right: 4rem;
    }

	  html{font-size:54.5%;} 

}



@media screen and (max-width: 991px) {
    
  html{font-size:54.5%;} 
    :root{
               --font-60: 4rem;
                 --font-34: 2.5rem;
            
    }
    .carousel-caption {
        left: 2%;
    }
    .banner-text {
        width: 60%;
    }

.logo {
    display: none;
}
.mobile-logo {
    display: block;
}
.mobile-logo img{
    width: 23%;
}
.top-menu {
    background-color: #70af865c;
}
.vg-nav-sidebar__content>ul ul li>a, .vg-nav-collapse>ul ul li>a {
    border-bottom: 1px solid #e5dddd;
    text-decoration: none;
    color: #333333;
        font-size: 17px;
}
.vg-nav-sidebar__close {
    position: absolute;
    font-size: 43px;
    top: -11px;
    right: 0px;
    color: #333333;
    cursor: pointer;
}
.banner-text {
    width: 70%;
   
}

.banner-text h3 {
   
}
.banner-text h2 {
    margin-top: 0rem;
	        line-height: 1.3;
}
.banner-text h2::before {
    bottom: -18px;
}
.home-form {
    padding: 2rem 0 0 0rem;
    width: 100%;
}
.complet-box {
    position: relative;
    width: 100%;
    right: 0;
    margin-top: 3rem;
}
.complet {
 
}
.complet-box img {
    width: 100%;
}
    .banner-text {
        width: 52%;
    }
    .complet img {
    width: 10rem;
}
.built-img {
    width: 40%;
    margin-block:0rem 8rem ;
}
    .give-text {
               padding: 4rem 5rem;
        width: 70rem;
    }
    .built-text {
    padding-right: 0;
}
.news-text {
    position: relative;
        padding: 3rem;
    
}
.news-list{
        gap: 2rem;
}
    .container {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0px 15px;
    }
    .learn-text {
    display: none;
}
.blog-list {

}
.complet-box {
    margin-left: 0;
}
    .geeting {
        padding: 2rem 0;
        background-position: center right;
    }
	.banner-text h3 {
    margin: 1rem 0 1rem;
}
	.staffing ul {

    width: 50%;
}
    .right-blog {
        margin-top: 6rem;
    }
.news-call {
    padding-right: 0;
    justify-content: center;
    margin-bottom: 2rem;
}	
	.started1 {
    border-left: 0px solid #bdd7c8;
    padding-left: 0;
    border-right: 0px solid #bdd7c8;
    text-align: center;
}
.call-img img {
    width: 5rem;
}	
	.fill {
    padding-left: 0;
    text-align: center;
    margin-top: 1rem;
}
	.pagination {
    margin: 27px 0 0 !important;
}
.blog-list {
    padding-right: 0rem;
}	
	blockquote {
    margin: 0 0 1rem;
    font-size: 15px !important;
}
	.read-btn{
		  font-size: 16px !important;
	}
	    .news-detail-img img {
        height: auto;
    }
	.blog-img img{
		  height: auto;
	}
	
}
@media screen and (max-width:820px) {
	 html{font-size:47.5%;} 

:root {
     --font-25: 2rem;
        --font-60: 3rem;
        --font-40: 2rem;
}
    .carousel-caption {
        left: 2%;
    }
.banner-text h3 {
    margin: 1rem 0 1rem;
}

    .banner-text {
        width: 80%;
    
    }
        .banner .carousel-item img {
        height: auto;
    }
  
        .cta-img {
        width: 14rem;
        right: 3rem;
    }
        .complet {
     
    }
        .mobile-logo img {
        width: 33%;
    }
    .about-img img {
         width: 4rem;
        padding-bottom: 0rem;

}
      .give-text {
      padding: 2rem 2rem;
        width: 69%;
    }
    .contact-form-list {
    grid-template-columns: 100%;
}
textarea.form-control {
    height: 20rem;
}
.news-list {
    grid-template-columns: 100%;
}
.news-img {
    border-radius: 2rem 2rem 0 0;
}
.categoery {
    flex-wrap: wrap;
}
.news-form {


    width: 100%;
}
.blog-list {
    grid-template-columns: repeat(1, 1fr);
}
.news-top h1{
    font-size: 2.5rem;
}
    .geeting {
        padding: 2rem 0;
        background-image: inherit;
    }
.banner-text h2 span {
    display: inline-block;
}
	    .vg-nav-sidebar__close {
        top: -4px;
        right: 34px;
    }
	.complet-list.mobile {
    display: block;
}

}



/* media screen and (max-width: 728px)
---------------------------------------------------------------------- */
@media screen and (max-width:768px) {
 html{font-size:47.5%;} 

:root {
     --font-25: 2rem;
        --font-60: 3rem;
        --font-40: 2rem;
}
    .carousel-caption {
        left: 2%;
    }
.banner-text h3 {
    margin: 1rem 0 1rem;
    font-size: var(--font-26);
}

    .banner-text {
        width: 80%;
    
    }
        .banner .carousel-item img {
        height: auto;
    }
  
        .cta-img {
        width: 14rem;
        right: 3rem;
    }
        .complet {
     
    }
        .mobile-logo img {
        width: 33%;
    }
    .about-img img {
         width: 2rem;
        padding-bottom: 0rem;

}
      .give-text {
      padding: 2rem 2rem;
        width: 69%;
    }
    .contact-form-list {
    grid-template-columns: 100%;
}
textarea.form-control {
    height: 20rem;
}
.news-list {
    grid-template-columns: 100%;
}
.news-img {
    border-radius: 2rem 2rem 0 0;
}
.categoery {
    flex-wrap: wrap;
}
.news-form {


    width: 100%;
}
.blog-list {
    grid-template-columns: repeat(1, 1fr);
        gap: 9.5rem;
}
	.blog-text span a{
		        font-size: 15px !important;
	}
.news-top h1{
    font-size: 2.5rem;
}
    .geeting {
        padding: 2rem 0;
        background-image: inherit;
    }
.banner-text h2 span {
    display: inline-block;
}
	    .vg-nav-sidebar__close {
        top: -4px;
        right: 34px;
    }
	.complet-list.mobile {
    display: block;
}
	    .staffing ul {
        width: 100%;
    }
.news_txt {
    width: 60%;
}
.contact-box {
    padding: 3rem 1rem;
	}
	.contact-form {
    margin-top: 0rem;
}
.contact-add {
    margin-bottom: 2rem;
}	
.contact-info-list1 {
    margin-top: 3rem;
}
	.contact-sec {
    padding-block: 4rem 6rem;
}
	.wpcf7-spinner {
    display: none;
}
	.news-detail-txt {
    padding-right: 0rem;
}
.next-list {
    margin-block: 3rem 0rem;
	}
	.vg-nav-sidebar__content>ul>li>a, .vg-nav-collapse>ul>li>a {

    font-size: 20px;
}
	.call-img {
    width: 13rem;
}
	    .news-call {
        flex-direction: column;
        align-items: center;
        text-align: center;
			margin-bottom: 0rem;
    }
	.started1 p {
    margin-bottom: 0;
}
	
}



/* media screen and (max-width: 640px)
---------------------------------------------------------------------- */
@media screen and (max-width:640px) {
	p{
font-size: 16px !important;
	}
    .complet {
  
    }
        .cta-img {
        width: 14rem;
        right: 0rem;
    }
    .mobile{display: block;}
    .desktop{display: none;}
     .banner-text {
          width: 100%;
        display: block;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-bottom: 5rem;
    }
    .banner .carousel-caption {
           bottom: 0rem;
        align-items: start;
        justify-content: start;
        right: 2%;
    
}
	.banner .carousel-caption     .container {
        height: 100%;
    }

.news-list {
    grid-template-columns: 100%;
    gap: 4rem;
}
    .give-text {
    padding: 3rem 3rem 0;
        width: 100%;
    }
    .give-box {
        background-image: url(../images/mobile-cta.jpg);
                 height: 71rem;
    }
    .contact-info-list {
    grid-template-columns: 100%;
    gap: 0rem;
    padding: 0 1.5rem;
}
.contact-info img{
    width: 70%;
}
.staffing ul li {
    position: relative;
    padding-left: 3.5rem;
}

.staffing ul li i {
    position: absolute;
    left: 0;
    top: 4px;
}
.phone-text p{
    margin-bottom: 0;
}
	  .news-sec1 .carousel-caption {
        bottom: 0rem;
        align-items: start;
        right: 2%;
    }

	
	    .news-sec1 .news_txt {
        width: 100%;
        display: block;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: end;
            padding-bottom: 3rem;
    }
	    .news-sec1 .carousel-caption .container {
        height: 100%;
    }
	.blog-box {
    position: relative;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    align-items: center;
}
.share-box a {
    padding: 1.1rem 0rem 1.1rem 0rem;
    text-align: center;
}	
.staff {
    grid-template-columns: repeat(1, 1fr);
    width: auto;
}
.form-control {
    font-size: 1.8rem;
	}
	.staffing ul li{
	font-size: 2.1rem;
	}
	.cta-text h4{
		font-size: 2.1rem;
	}
	.contact-text h2{
			font-size: 3.4rem;
	}
	.contact-add-text h6{
			font-size: 2.5rem;
	}
	.contact-form h5 {
   	font-size: 2.5rem;
    margin-bottom: 2rem;
}
	label {

    font-size: 1.9rem;
}
	.news_txt h6{
	margin-bottom: 1rem;	
	}
	.news_txt h1 {
    margin-bottom: 1rem;
}
	
}


/* media screen and (max-width: 550px)
---------------------------------------------------------------------- */
@media screen and (max-width:559px) {
    :root {
        --font-50: 4rem;
         --font-80: 4.5rem;
}
    .cta-img {
        width: 10rem;
        right: 0rem;
        top: 8rem;
    }
    .header-center{
    display: none;
}
.menu-bar {
    justify-content: center;
}
    .mobile-logo img {
        width: 56%;
    }
        .cta-img {
        width: 14rem;
        right: 0rem;
        top: 0;
        position: relative;
        text-align: center;
        margin: 0 auto;
    }
    .footer-text p a {
    display: block;
}
.about-img img {
    margin-right: 4rem;
}
.complet-list {
    margin-top: 4rem;
}
    .built-img {
        width: 60%;
        margin-block: 0rem 8rem;
    }
        .banner .carousel-caption {
      
        }
	.news-detail-img img {
    height: auto;

}
	  

}

@media screen and (max-width:499px) {
    .banner-text {
        padding-bottom: 3.5rem;
    }
	.banner-text h1 {
    padding-bottom: .5rem;
}
    .news-sec1 .news_txt {
        padding-bottom: 8rem;
    }	
	
	
	
	
}



@media screen and (max-width:430px) {
	    .banner .carousel-caption {
       
    }
	
	
}

/* media screen and (max-width: 480px)
---------------------------------------------------------------------- */
@media screen and (max-width:414px) {
    .banner-text {
        padding-bottom: 2.5rem;
    }
	
	
	
}



/* media screen and (max-width: 414px)
---------------------------------------------------------------------- */
@media screen and (max-width:375px) {
    .banner-text {
        padding-bottom: 0.5rem;
    }
	    .news-sec1 .news_txt {
        padding-bottom: 5rem;
    }
    
	
	
}