/* ---- FONTS ---- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,900&family=Poppins:wght@300;500;600;700;800;900&display=swap');

/* ---- GENERAL ---- */
body {margin: 0%;padding: 0%;box-sizing: border-box;font-family: 'Montserrat', sans-serif;}
h1, h2, h3, h4, h5, h6, a, button {font-family: 'Montserrat', sans-serif;}
.headings {font-size: 40px;font-weight: 700;letter-spacing: .5px;line-height: 50px;color:#4F9933;}
.headings.poppins {font-family: 'Poppins', sans-serif;}
.heading {font-size: 40px;font-weight: 600;letter-spacing: .5px;line-height: 50px;color:#000000;}
.heading.brdTG {color:#000000; border-top: 5px solid #4F9933; padding-top: 8px;}
.heading.brdTW {color:#fff; border-top: 5px solid #fff; padding-top: 8px;}
.paraText {color:#000;font-size: 16px;font-weight: 500;line-height: 30px;}
.text-para {font-size: 16px;font-weight: 500;line-height: 30px;}
.colorORtxt {color:#307616;}
.colorBLtxt {color:#1b1d1d;}
.colorGRtxt {color:#6f7176;}
.myBTN {color: #fff;background-color: #70BF08;border-color: #70BF08;border-radius: 4px; padding: 8px 25px;    font-weight: 600;}
.myBTN:hover, .myBTN:focus {color: #fff;background-color: #70BF08;border-color: #70BF08; font-weight: 600;    box-shadow: 1px 1px 8px #6c6c6c;}
.bgShade {background-image:linear-gradient(90deg,#9ad195,#76b571,#58ad4f,#4EA82C);} 

.sectionWrap {padding-top: 60px;padding-bottom: 60px;}
.width100 {width: 100%;}

/* ---- Navbar ---- */
.logoMain {height:100px;;}   
.mainNavbar { background-color: transparent;position: absolute}
.mainNavbar .navbar {padding: 1px 0px;} 
.mainNavbar .navbar .nav-item {padding: 1px 15px;}
.mainNavbar .navbar .nav-item .nav-link {color: #1b1d1d;font-size: 15px;font-weight: 600;transition: all linear .2s;  padding: 5px 0px 2px;}
.mainNavbar .navbar .nav-item .nav-link:hover {color: #175900;transition: all linear .2s; border-bottom: 3px solid #175900;}
.mainNavbar .navbar .nav-item .nav-link.signUp {background-color: #fff;color: #000;border-radius: 5px;padding: 8px 20px; font-weight: 600;border: 1px solid #4F9933;}
.mainNavbar .navbar .nav-item .nav-link.signUp:hover {background-color: #175900;color: #fff;}

/* ---- Banner ---- */
.bannerWrap {margin-top: 0px;position: relative;overflow: hidden;padding-top: 0;padding-bottom: 0;background-repeat: no-repeat; background-size: contain;}
.bannerWrap.havebg{background-image: url(../images/bannerbg.png);}
.bannerWrap .headings {font-size: 60px;letter-spacing: 0px;line-height:70px;font-family: 'Poppins', sans-serif;    text-transform: uppercase;font-weight: 600;}
.bannerWrap .paraText {font-size: 35px;padding-right: 5px;line-height: 40px;color: #1A1818;font-weight: 600;}
.bannerWrap .contentDiv {position: relative;z-index: 999;}
.bannerWrap .bannerLeft {padding-top:50%;padding-left: 20%;}
.bannerWrap .bannerLeft .myBTN {border-radius: 25px;padding: 10px 20px;font-size: 16px; margin-top: 15px;color: #000;background-color: #fff;}

/* ---- About ---- */
.bgGreen {background-color: #4F9933;color: #fff;padding: 8px 40px 8px 100px;font-size: 30px;border-top-right-radius: 40px;border-bottom-right-radius: 40px;display: inline-block;margin-bottom: 40px;}
.aboutsWrap {background-repeat: no-repeat,no-repeat;padding-top: 200px;margin-top: -150px;background-position: left center, right center;}
.aboutsWrap.havebg{background-image: url(../images/abtBg.png),url(../images/howBg.png);}
.aboutsWrap .headings.abtHd2 {width: 100%;text-align: right;}
.aboutsWrap .abtLftImg {margin-top: -120px;}
.aboutsWrap .headings.abtHd2 .bgGreen {padding: 8px 40px 8px 50px;font-size: 30px;border-radius:0;border-bottom-left-radius: 40px;border-top-left-radius: 40px;margin-top: 150px;}


.backedWrap {background-color: #f5f5f5;}
.backedWrap .leftContent {margin-top: 100px;}
.aboutsWrap.useWrap {background-position: right center;padding-top: 50PX;padding-bottom: 20px;}
.backedWrap{padding-top: 130px;}
.aboutsWrap.useWrap.havebg{background-image: url(../images/howBg.png);}

.nationalwrap .abtLftImg {margin-top: -220px;}
/* ---- Contact ---- */
.contactWrap {padding-top: 20px;}
.contactWrap .footerContent {background-color: #fff;box-shadow: 1px 1px 12px #ccc;padding: 30px 30px 0;border-radius: 30px;box-shadow: 1px 1px 12px #ccc; border-radius: 30px;border: 1px solid #939393;}
.contactWrap .footerContent .contactForm .headings {color: #333;margin-bottom: 15px;font-size: 30px;}
.contactWrap .footerContent .contactForm {box-shadow: 1px 1px 12px #cccd;padding: 20px 30px;border-radius: 20px;margin-top: 25px;}
.contactWrap .footerContent .contactForm .form-control {border: 1px solid #f5f5f5;box-shadow: 0px 5px 8px #cccd;border-radius: 8px;height: 40px;font-size: 12px;}
.contactWrap .footerContent .contactForm textarea.form-control {height: auto;}
.contactWrap .footerContent .contactForm .form-group {margin-bottom: 20px;}
.contactWrap .footerContent .contactImg img {margin-top: -1px;}
.contactWrap .footerContent .contactImg .intTxt {font-size: 22px;font-weight: 700;margin-bottom: 0;}
.contactWrap .footerContent .contactImg .intTxt2 {font-size: 18px;font-weight: 600;margin-bottom: 0;}
.contactWrap .footerContent .myBTN {border-radius: 10px;}


/* ---- Footer ---- */
.footerWrap {background-color: #F7F7F7;padding-top: 10px;padding-bottom: 0px;}
.footerWrap .footerHeading {font-size:35px;font-weight: 700;margin-top: 20px;margin-bottom: 20px; color: #000;}
.footerWrap p {margin-bottom: 10px;}

.detailsBox ul {padding: 0;display: inline-flex;width: 100%;}
.detailsBox ul li {display: inline-block;list-style: none;text-align: center;border: 1px solid #333;min-width: 32%;padding: 30px 0;}
.detailsBox ul li:nth-child(2) {border-left: none;border-right:none ;}
.detailsBox ul li p, .detailsBox ul li p a {font-size: 15px;font-weight: 500;color: #000000;margin-bottom: 5px;}
.detailsBox ul li p i {color: #000;font-size: 18px;}
.detailsBox ul li p a:hover {color: #4F9933;}
.ftrLogos {margin-bottom: 30px;}
.ftrLogos ul {padding: 0;display: inline-flex;margin-top: 30px;}
.ftrLogos ul li {display: inline-block;list-style: none;}
.ftrLogos ul li img {height: 70px;margin-right: 20px;}
.logoMain.ftr, .footerWrap .socialWrap {margin-top: 50px;}
.footerWrap .socialWrap a {background-color: #000;color: #fff; margin-right: 15px; font-size:28px; text-align: center;display: inline-block; box-shadow: 1px 1px 5px #d5d5d5;border-radius: 35px;}
.footerWrap .socialWrap .fa-facebook {padding: 5px 13px;}
.footerWrap .socialWrap .fa-instagram {padding: 5px 10px;}
.footerWrap .socialWrap .fa-twitter {padding: 5px 8px;}
.footerWrap .socialWrap .fa-linkedin {padding: 5px 10px;}
.footerWrap .socialWrap .fa-youtube-play {color: #ff0000;padding: 10px 14px;}
.footerWrap .socialWrap a:hover i {transform: rotate(360deg);transition: all ease .5s;}
.copyR {background-color: #fff;padding: 12px 0; text-align: center;font-size: 15px;color: #000;font-weight: 500;}






/* ---------- Media ---------- */
/* ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width:1281px){
   }
   /* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
   @media (min-width:1025px) and (max-width:1280px){
   }
   /* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px to 1024px */
   @media (min-width:768px) and (max-width:1024px){
    .profile-user {margin-top:8px;}
   }
   /* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
   @media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
   }
   /* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
   @media (min-width:481px) and (max-width:767px){
   }
   /* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
   @media (min-width:320px) and (max-width:480px){
    .container {width:90%;}
    .heading{font-size: 30px;}
    .mainNavbar .navbar {padding: 4px 0px;}
    .paraText {font-size: 14px;}
    .logoMain {height: 100px;}
    .mainNavbar .navbar-toggler {padding: 5px 10px;font-size: 16px;line-height: 1;background-color: #fff;border: 1px solid #4F9933;}
    .headings {font-size:18px;line-height: 38px;}
    .bannerWrap .bannerLeft {padding-top:0;margin-bottom: 50px;margin-top: 100px;padding-left: 0;text-align: center;display: block;}
    .bannerWrap {margin-top: 0px;}
    .sectionWrap {padding-top: 30px;padding-bottom:30px;}
    .footerWrap {padding-bottom: 5px;}
    .footerWrap .socialWrap a {box-shadow: none;font-size: 24px; font-size: 24px; padding: 8px 10px;width: 50px;height: 51px;}
    .logoMain.ftr, .footerWrap .socialWrap {text-align: center;display: block;margin: 0 auto;}
    .bannerWrap .headings {margin-top: 35px;line-height: 45px;font-size: 40px;}
    .bannerWrap .paraText {padding-right: 0;font-size: 25px;}
    .solCTopM {padding: 0 20px;}
    .footerWrap .socialWrap a i {padding: 0 !important;}
    .panelVdo,.twtSlideBox,.clientSlideBox {position: static;}
    .panelTxt {padding: 50px 15px;border-radius: 0;}
    .insightTxt {padding: 20px 15px 40px;min-height: auto;}
    .detailsBox ul {display: block;}
    .detailsBox ul li {display: block;min-width: 100%;margin-top:30px;}
    .detailsBox ul li:nth-child(2) {border: 1px solid #333;}
    .ftrLogos ul {display: block;}
    .ftrLogos ul li {display: block;text-align: center; margin-top: 20px;}
    .ftrLogos ul li img {height: 100px;}
    .contactusWrap .formdetail{position: static; margin-top: 20px;}
    .odr1{order: 1;}
    .odr2{order: 2;}
    .nationimg{display: none;}
    .headings1{font-size: 18px; font-weight: 600;}
    .boxWraper .boxtxt { width: 100%;margin-top: 30px;padding: 15px 1px;}
    .headings.poppins {font-size: 24px;line-height: 30px;margin: 0;}
    .boxtxt .inhead {font-size: 18px;}
    .projectWrap {padding-top: 30px;padding-bottom: 15px;}
    .projectWrap .img img {margin: 0 auto;display: block; border: 1px solid #efefef;}
    .heading.innerHead {font-size: 24px;}
    .headWrap .heading {text-align: center;}
    .aboutsWrap {margin-top: 0;}
    .bgGreen {padding: 10px 40px 10px 20px;font-size: 18px;}
    .aboutsWrap .abtLftImg {margin-top: 0;margin-bottom: 20px;}
    .backedWrap .leftContent {margin-top: 20px;}
    .aboutsWrap.useWrap {padding-top: 20px;}
    .aboutsWrap .headings.abtHd2 .bgGreen {margin-top: 10px;font-size: 15px;}
    .contactWrap .footerContent, .contactWrap .footerContent .contactForm {padding: 20px;}


    }
.form-group .error{
      color:#ff5050;
  }