body{margin: 0px;padding: 0px;overflow-x: hidden;}
.bg-darkk {background-image: url(../assets/bg.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
.wrapper-logo-main {text-align: center;padding-top: 30px;}
.custome-align-ment-tags{margin: 0 auto;text-align: center;}
.custome-align-ment-tags li a {color: #7f7f7f;font-weight: bold;}
.custome-align-ment-tags li a:hover {color: #222;}
.pt-20 {padding-top: 30px;}
.wrapper-header-heading-name {text-align: center;}
.wrapper-header-heading-name h1 {font-size: 20px;font-weight: bold;color: #7f7f7f;}
.wrapper-header-heading-name h2 {font-size: 18px;color: #7f7f7f;font-style: italic;font-weight: 500;}
hr.wrapper-hr-lines {margin-bottom: 8px;margin-top: 0px;}
.wrapper-slider-img img {width: 100%;}
.wrapper-slider-bottom-text-main p {font-size: 16px;text-align: justify;font-weight: 600;}
.wrapper-slider-bottom-text-main {margin-top: 30px;background: #fff;padding: 30px;}
.wrapper-slider-bottom-text-main span {color: #668437;font-size: 18px;text-align: center;display: block;margin: 0 auto;}
.wrapper-our-mission-text-main {margin-top: 30px;text-align: center;}
.wrapper-our-mission-text-main h3 {background: #ebe3c6;padding: 10px 20px;text-transform: uppercase;color: #7f7f7f;font-size: 25px;}
.wrapper-mission-img-icon img {width: 90px;}
.wrapper-mission-bg-section {background: #fff;padding: 20px;height: 90%;margin-top: 25px;}
.wrapper-mission-heading span {font-size: 20px;font-weight: 700;color: #837a7a;}
.wrapper-mission-heading {margin-top: 20px;}
.wrapper-mission-ul ul li {text-align: center;padding: 8px 0px; font-size: 15px;}
.wrapper-footer-address-main ul li {padding-bottom: 0px;padding-top: 10px;}
.wrapper-footer-address-main ul li a {color: #000;text-decoration: none;}
.wrapper-footer-address-main ul {list-style: none;padding-left: 0px;}
.contact-form-wrapper{padding: 60px 0;}
.wrapper-footer-address-main {padding: 60px 0px;}
.contact-form {padding: 30px 40px;background-color: #ffffff;border-radius: 12px;max-width: 100%;text-align: left;}
.contact-form textarea {resize: none;}
.contact-form .form-input,
.form-text-area {background-color: #f0f4f5;height: 50px;padding-left: 16px;}
.contact-form .form-text-area {background-color: #f0f4f5;height: auto;padding-left: 16px;}
.contact-form .form-control::placeholder {color: #aeb4b9;font-weight: 500;opacity: 1;}
.contact-form .form-control:-ms-input-placeholder {color: #aeb4b9;font-weight: 500;}
.contact-form .form-control::-ms-input-placeholder {color: #aeb4b9;font-weight: 500;}
.contact-form .form-control:focus {border-color: #83b5ca;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 8px #83b5ca;}
.contact-form .title {text-align: center;font-size: 24px;font-weight: 500;}
.contact-form .description {color: #aeb4b9;font-size: 14px;text-align: center;}
.contact-form .submit-button-wrapper {text-align: center;}
.contact-form .submit-button-wrapper input {border: none;border-radius: 4px;background-color: #83b5ca;color: white;text-transform: uppercase;padding: 10px 60px;font-weight: 500;letter-spacing: 2px;}
.contact-form .submit-button-wrapper input:hover {background-color: #8ba889;}
.social-links {display: flex;margin-top: 20px;}
.social-links a {width: 50px;height: 50px;text-align: center;text-decoration: none;color: #000;box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);margin-right:12px;border-radius: 50%;position: relative;overflow: hidden;transition: transform 0.5s;}
.social-links a .fab {font-size: 20px;line-height: 50px;position: relative;z-index: 10;transition: color 0.5s;}
.social-links a::after {content: '';width: 100%;height: 100%;top: -90px;left: 0;background: #000;background: linear-gradient(-45deg, #8ba889, #83b5ca);position: absolute;transition: 0.5s;}
.social-links a:hover::after {top: 0;}
.social-links a:hover .fab {color: #fff;}
.social-links a:hover {transform: translateY(-10px);}
.wrapper-about-us-text-formate p {text-align: justify;}
.wrapper-about-us-text-formate {padding: 0px 0px 10px;}
.wrapper-about-us-text-formate h5 {color: #8ba88a;}
/*.teamss {padding-top: 40px;}*/
.strategicareas-main p {text-align: center;margin-top: 15px;font-size: 18px;font-weight: 500;color: #83b6cb;}
.strategicareas-main strong {font-size: 20px;margin-top: 10px;color: #919191;}
.strategicareas-main {background: #fff;margin-top: 30px;box-shadow: 2px 2px 20px #d5d0d0;border-radius: 2px;text-align: center;height: 50vh; transition: 0.8s;}
.strategicareas-main img {text-align: center;display: block;margin: 0 auto;}
.strategicareas-main:hover {transform: translateY(1.5rem);transition: 0.8s;}
.wrapper-about-us-teams-img img {width: 100%;}
.strategicareas-main{padding: 30px;}
.wrapper-about-teams-main-padding-less {margin-top: 30px;}
.wrapper-services-bottom-padding-less {padding-bottom: 80px;}
p.colour-green-tx {color: #8ba88a;}
.wrapper-home-footer ul li a {text-decoration: none;color: #000;font-weight: 600;}
.wrapper-home-footer ul li {padding-top: 5px;}
.wrapper-home-footer ul {list-style: none;padding-left: 0px;}
.strategicareas-main img {width: 100px;}
   
/*Responsive Css Phone View */
@media (min-width:320px) and (max-width:767px){
.wrapper-our-mission-text-main h3 {font-size: 20px !important;}
.wrapper-mission-ul ul li {text-align: left;padding: 8px 0px;font-size: 14px;}
.wrapper-mission-bg-section {background: #fff;padding: 20px;height: 95%;margin-top: 25px;}
.social-links a .fab {font-size: 16px;line-height: 40px;}
.social-links a {width: 40px;height: 40px;}
.wrapper-header-heading-name h1 {font-size: 16px;}
.wrapper-slider-img img {width: 100%;margin-bottom: 30px;}
.wrapper-about-us-text-formate p {padding: 10px 10px;font-size: 14px;}
.wrapper-about-us-teams-img img {width: 60%;text-align: center;display: block;margin: 0 auto;margin-bottom: 20px;}
.teamss h4 {font-size: 16px;text-align: center;}
.wrapper-about-us-text-formate h5 {color: #8ba88a;text-align: center;font-size: 14px;}
.contact-form .submit-button-wrapper input {border: none;border-radius: 4px;background-color: #83b5ca;color: white;text-transform: uppercase;padding: 6px 50px;font-weight: 500;letter-spacing: 1px;font-size: 14px;}
.contact-form-wrapper {padding: 0px 0 30px;}
.wrapper-footer-address-main {padding: 30px 0px;}

}