@import url('https://fonts.googleapis.com/css2?family=Playwrite+DE+Grund:wght@100..400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {font-family: "Poppins", sans-serif;color: #1c1c1c;}
a {color: #000; text-decoration:none; font-family: "Poppins", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif !important;}


/*--------------------------------------------------------------
# nav-bar
--------------------------------------------------------------*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:100%;}
.nav-link{    font-weight: 400;padding-left: 14px !important;padding-right: 14px !important;color: #fff;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
.nav-link:focus, .nav-link:hover {color: #e1dede;}
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
}
@media (max-width: 767px){
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}}
/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/
.hero-padding {padding: 35px 0 40px 0;}
.hero-caption-one .key-title {color: #00715d;font-size: 20px;line-height: 40px;}
.hero-caption-one .title {display: block;font-size: 60px;line-height: 75px;margin-bottom: 30px;color: #000;}
.font-700 {font-weight: 700;}
.hero-caption-one .pera {font-size: 16px;display: block;margin-bottom: 30px;color: gray;text-align: justify;}
.btn-primary-fill {padding: 14px 30px;color: #fff;text-transform: capitalize;border: 1px solid transparent;font-size: 16px;font-weight: 700;border-radius: 50px;text-align: center;cursor: pointer;display: flex;overflow: hidden;-webkit-transition: 0.3s;transition: 0.3s;background: #033e33;align-items: center;}
.gap-20 {grid-gap: 20px;}
.btn-tertiary-fill {padding: 14px 30px;color: #fff;text-transform: capitalize;border: 1px solid transparent;font-size: 16px;font-weight: 700;border-radius: 50px;text-align: center;cursor: pointer;display: inline-block;overflow: hidden;-webkit-transition: 0.3s;transition: 0.3s;background: #000;}
.btn-tertiary-fill:hover {background: none;border: 1px solid #000;color: #000;}
.btn-primary-fill:hover {background: none;border: 1px solid #00715d;color: #00715d;}
.gap-44 {grid-gap: 44px;}
.hero-count{margin-bottom: 60px;}
.hero-count .title {font-size: 50px;font-style: normal;font-weight: 700;}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.question-area{padding:30px 0;}
.section-tittle .pera {color: gray;font-size: 14px;}
.question-area .accordion-item {color: #636b6a;font-size: 16px;font-weight: 400;border: 1px solid rgb(241 241 241);margin-bottom: 25px;box-shadow: 1px 1px 5px #e0d3d3;}
.question-area .accordion-item .accordion-button::after {background-image: none;content: "\f067";font-family: "fontawesome";font-size: 14px;color: #212567;font-weight: 200;right: 21px;top: 15px;position: absolute;-webkit-transform: unset;transform: unset;}
.question-area .accordion-item .accordion-button {padding: 20px 46px 20px 20px;font-size: 18px;font-weight: 600;color: #000;background:#fff;border:none;box-shadow:none;}
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.it-career-item {border-radius: 5px;padding: 75px 30px;background-color: #033e33;margin-top: 35px;}
.p-relative {position: relative;}
.it-career-content {position: relative;z-index: 2;}
.team{padding: 30px 0;}
.it-career-content>span {font-size: 20px;font-weight: 400;line-height: 32px;text-transform: capitalize;color: #fff;display: block;padding-bottom: 17px;}
.it-career-content p {color: #fff;font-size: 19px;font-weight: 700;line-height: 32px;text-transform: capitalize;margin-bottom: 25px;}
.it-btn.black-bg {background-color: #000;}
.it-btn {display: inline-block;font-weight: 600;text-transform: capitalize;padding: 0px 25px;height: 45px;line-height: 44px;position: relative;transition: .4s;border-radius: 5px;z-index: 1;color: #fff;}
.it-btn span .fa {margin-left: 10px;display: inline-block;transform: translateY(-1px);}
.it-btn:hover {color: #fff;}
.it-btn:hover span .fa {animation: tfLeftToRight .4s forwards;transform: translateY(-1px);}
@keyframes tfLeftToRight {
    49% {transform: translateX(60%);}
    50% {opacity: 0;transform: translateX(-60%);}
    51% {opacity: 1;}
}
.it-career-thumb {position: absolute;bottom: 0;right: 0;z-index: 1;}
.it-career-shape-1 {position: absolute;top: 0;left: 0;}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services{padding: 30px 0;}
.services{position:relative;background-image:url(image/bg-2.png);background-repeat: no-repeat;background-size: cover;padding: 50px 0 150px;background-attachment: fixed;}
.helpful-area-three .helpful-card {padding: 20px;border-radius: 10px;background-color: white;-webkit-box-shadow: 0px 4px 40px -10px rgba(0, 0, 0, 0.15);box-shadow: 1px 1px 8px #d5cdcd;position: relative;-webkit-transition: 0.3s;transition: 0.3s;-webkit-transition: 0.3s;transition: 0.3s;margin-top: 35px;}
.helpful-area-three .helpful-card .helpful-card-icon {min-width: 70px;max-width: 70px;height: 70px;text-align: center;margin-bottom: 20px;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: auto;}
.helpful-area-three .helpful-card .helpful-card-icon .fa{display: inline-block;background:#fff;border-radius:50%;border: 2px solid #00715d;padding:2px;width: 60px;color: #00715d;box-shadow: 1px 1px 4px #dcd7d7;height: 60px;display: flex;justify-content: center;align-items: center;font-size: 28px;}
.helpful-area-three .helpful-card .helpful-card-caption {margin-top: 15px;text-align: center;position: relative;z-index: 1;}
.helpful-area-three .helpful-card .helpful-card-caption .caption-title {font-size: 20px;font-style: normal;font-weight: 700;color: #000;margin-bottom: 10px;}
.helpful-area-three .helpful-card .helpful-card-caption .caption-para {color: #000;font-size: 16px;font-weight: normal;margin-bottom: 20px;}
.helpful-area-three .helpful-card .helpful-card-caption .imp-link {color: #00715d;font-size: 15px;font-weight: 600;}
.helpful-area-three .helpful-card .helpful-card-caption .imp-link i{transform: rotate(-40deg);margin-left: 5px;}
.helpful-area-three .helpful-card .number-watermark {position: absolute;bottom: 30px;right: 20px;} 
.helpful-area-three .helpful-card .number-watermark .number {font-size: 100px;color: #f0f0f0;font-weight: 800;-webkit-transition: 0.3s;transition: 0.3s;opacity: 1;}
.helpful-area-three .helpful-card:hover {background-color: #00715d;cursor: pointer;}
.helpful-area-three .helpful-card:hover .number {color: #fff;opacity:.1;}
.helpful-area-three .helpful-card:hover .helpful-card-caption .caption-title,.helpful-area-three .helpful-card:hover .helpful-card-caption .caption-para,.helpful-area-three .helpful-card:hover .helpful-card-caption .imp-link {color: #fff;}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.bg-gradient-very-ghost-white {background-image: linear-gradient(to bottom, #f4f6ff, #f7f8ff, #fafaff, #fdfdff, #ffffff);padding: 90px 0;margin-bottom: 90px;}
.fw-700 {font-weight: 700 !important;}
.text-highlight {position: relative;z-index: 1;}
.text-highlight span {display: inline-block;left: -3px;position: absolute;z-index: -1;width: calc(100% + 6px);}
.opacity-3 {opacity: .3;}
.top-minus-180px {top: -180px;}
.right-50px {right: 50px;animation: mover 1s infinite  alternate;}
.lef-st{padding-top: 95px;}
.contact1-section-area .contact-info-area {/* background:black; */border-radius: 8px;padding: 20px 30px;position: relative;margin-top: 30px;box-shadow: 1px 1px 7px #c8c0c0;}
.contact1-section-area .contact-auhtor-box {display: flex;align-items: center;}
.space40 {height: 15px;}
.contact1-section-area .contact-auhtor-box .content h4 {font-weight: 600;color: #000;transition: all 0.4s;margin-bottom: 16px;}
.contact1-section-area .contact-auhtor-box .icons {height: 80px;width: 80px;display: inline-block;border-radius: 50%;text-align: center;background: #0000000d;line-height: 80px;margin: 0 24px 0 0;transition: all 0.4s;}
.contact1-section-area .contact-auhtor-box .icons i {color: #000;font-size: 25px;}
.contact1-section-area .contact-auhtor-box:hover .icons {background: #00715d;transition: all 0.4s;}
.contact1-section-area .contact-auhtor-box:hover .icons i{color:#fff;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.bg-blue-whale {background-color: #033e33;color: #768086;}
.footer-top{padding:50px 0;border-bottom: 1px #494747 solid;}
.btn.btn-white {background-color:#fff;color: #000;position:relative;padding: 16px 55px 16px 38px;font-size: 16px;border-radius:50px;font-weight: 600;}
.me-35px {margin-right: 35px !important;font-size:1.8rem;}
.text-decoration-line-bottom-medium {border-bottom: 2px solid;font-weight:500;}
.btn.with-rounded.btn-large>span {width: 34px;height: 34px;right: 10px;display: flex;top: 27px;align-items: center;justify-content: center;position: absolute;border-radius: 100%;transform: translateY(-50%);box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .35);}
footer ul {padding: 0;list-style: none;margin: 0;}
.footer-navbar li, .quantity, .shop-size li {display: inline-block;}
.fs-22 {font-size: 20px;}
.me-10px {margin-right: 10px !important;}
.last-paragraph-no-margin p{padding-right: 25px;margin-bottom: 7px;}
.footer-navbar li:first-child a {padding-left: 0;color: #768086;}
.footer-logo img{border-radius:5px;}
.alt-font{padding-bottom:10px;}
.last-paragraph-no-margin .fs-22{padding-left:20px;}
.footer-logo{margin:30px 0;}
.footer-bottom {padding: 30px 0;border-top: 1px #494747 solid;}
.text-decoration-line-bottom {border-bottom: 1px solid;}
.pt-50px{padding:50px 0;}


@media (max-width: 1200px) {
  .about .content {padding-right: 0;}
}
@media (max-width: 992px) {
  .team .member {margin-bottom: 110px;}
  .services .icon-box{margin:15px auto;}
}

@media (max-width: 768px) {
  .about {text-align: center;padding: 25px 0;}
  .team{height: auto;  }
  .vision-mission img{width:100%;}
  .gap-44{grid-gap:0px;}
  .clr1 {background: #05555c;float: none;margin-bottom: 25px;margin-right: 0px;}
  .copyright a {font-size: 11px ! Important;}
  .title-section{margin-bottom:15px;}
  .services{padding:20px 0;}
  .fsz-24{font-size: 18px !important;}
  .mt-150{margin-top: 0px !important;}
  .tc-services-style1 .service-card{padding:10px !important;}
  .services .item{margin-bottom:25px;}
  .sec-title h2 {font-size:36px;text-align: left;}
  .about .text {line-height: 28px;font-size: 14px;text-align: left;margin-bottom: 5px;}
  .box-inner h5 {padding-left: 0px;font-size: 16px;line-height: 25px;}
  .about .pattern-one{left:0%;top: 0px;}
  .button-box{text-align:left;margin-bottom:25px;}
  .about .image-two{bottom: 0px;width: 50%;border-radius: 0px 50px 50px 50px;}
  .carousel-inner {height: 565px;}
  .banner-content h1 {font-size: 15px;line-height: 10px;}
  .buttons-box{margin: 20px 0 35px;}
  .btn-style-two {padding: 3px 8px;font-size: 12px;}
  .btn-style-three{padding: 3px 8px;font-size: 12px;}
  .image-column .inner-column {margin-right: 0px;padding-left: 0px;}
  .image-column .column:first-child .image{margin-left:0px;}
  .image-column .column:nth-child(2) .image:first-child{display: none;}
  .image-column .column:nth-child(2) .image:nth-child(2){display: none;}
  .hero1-section-area{padding:30px 0;height:100%;}
  .header-main-content{padding-top:0px;}
  .heading1 h1{font-size: 18px;line-height: 18px;}.heading1 p{margin-bottom:5px;}
  .header-btn1 {font-size: 12px;padding: 5px 15px;}
  .hero1-section-area .header-main-content .btn-area .header-btn1 {margin-top: 0px;}
  .hero1-section-area .header-main-content .btn-area .header-btn2 {margin-top: 0px;font-size: 12px;padding: 5px 15px;}
  .hero1-section-area .header-images-area .main-images-area .img1{left:0;}
  .icons-area{display: none;}
  .hero1-section-area .header-images-area .main-images-area .img2{right:0;}
  .hero1-section-area .header-images-area .main-images-area .img1 img{padding: 25px 15px;}
  .about1-section-area{padding:0px;}
  p{font-size:12px !important;}
  .heading2 h2{font-size:22px;}
  .circle-button{display:none;}
  .about1-section-area .about-auhtor-images{top:20px;}
  .case1-section-area .cs_case_study_1_list{flex-direction:column;}
  .case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1{min-height:250px;margin-bottom:20px;}
  .case1-section-area .content-area1{transform: rotate(0deg);left: 20px;bottom: 20px;}
  .it-team-area {padding: 10px 0;margin: 10px 0;}
  .it-section-title{font-size:22px;}
  .it-team-text p {padding-right: 0px;text-align:justify;	margin-top:10px;}
  .it-team-left{margin-bottom:10px;}
  .contact1-section-area .contact-info-area{margin-top:10px;}
  .about-content-area{padding:0px;}
  .contact1-section-area .contact-auhtor-box{display: block;text-align: center;justify-content: center;margin: auto;}
  .contact1-section-area .contact-info-area h3{text-align: center;}
  .contact1-section-area .contact-auhtor-box .icons{margin:10px 0;}
  .contact1-section-area .contact-boxarea {padding: 15px;margin: 5px;}
  .footer1-section-area .footer-logo-area1{padding-left:0px;}
  .footer1-section-area .copyright-area{display: inline-block;padding: 5px;}
  .copyright-area ul{padding-left:0px;display: flex;}
  .footer1-section-area .copyright-area ul li a{font-size:15px;}
  .hero-count-section{display: none;}
  .hero-caption-one .title {font-size: 28px;line-height: 44px;}
  .btn-primary-fill {padding: 10px 15px;font-size: 12px;}
  .btn-tertiary-fill{ padding: 10px 15px;font-size: 12px;}
}
@media (max-width: 767px) {
	.navbar-collapse{flex-grow: 0;background: #fff;padding:10px 5px;}
  #header img{margin:inherit;}
  .navbar-toggler{position: absolute;top: -40px;right: 0;}
  .body-fx #header{padding: 15px 0;height: inherit;position: relative; background: rgba(254,254,254,.85) !important;}
  .caption{width: 100%;}
  .wback .caption{    top: 30%;}
  .banner-content{display: block;}
  .bnr-sec{padding: 10px 0 !important;}
  .title-section h3{font-size: 36px;}
  .carousel-indicators{display:none;}
  .question-area{padding:5px 0;}
  .bg-gradient-very-ghost-white{padding:10px 0;}
  .last-paragraph-no-margin .fs-22{padding-left:0px;}
  .bg-gradient-very-ghost-white{margin-bottom:30px;}
  .footer-bottom{padding:15px 0;}
  .pt-50px {padding: 20px 0;}
  .alt-font{font-size: 14px;}
  .lef-st {padding-top: 15px;}
  #header .col-md-4{text-align: left;}
  .display-5 {font-weight: 700;color: black;font-size: 20px;}
  .ln-about-left-side:before {content: '';background: #0070ba ! IMPORTANT;width: calc(100% - 98px);height: 100%;display: block;z-index: 0;position: absolute;left: 0px;right: 0;top: -32px !important;}
  .ln-about-left-side .second-img {position: absolute;overflow: hidden;top: 15px;left: -15px;height: 100%;width: 100%;}
  .body-fx .navbar-default, .body-fx .navbar-default .navbar-collapse{background-color: transparent !important;border-color: transparent !important;}
}
  .profile-card{margin-bottom:25px;}
  .maxwidth500{margin-bottom:25px;}
@media (max-width: 575px) {
  #footer .footer-top .footer-info {margin: -20px 0 30px 0;}
  .wback .caption{display:none;}
  #header{position:relative;background-color: #fff;padding: 20px 0;height: 80px;}
}
@media (max-width: 414px) {
  #header img {margin: inherit;max-width: 75%;}
}

@media(min-width:1920px){
  .image-column .column:nth-child(2) .image:first-child {overflow: hidden;border-radius: 90px 90px 0px 0px;margin-top: -76px;margin-bottom: 60px;box-shadow: 1px 1px 4px #151414;margin-right: -200px;margin-left: 75px;height: 30%;}
  .image-column .column:nth-child(2) .image:nth-child(2) {overflow: hidden;border-radius: 70px 0px 70px 70px;margin-top: -35px;height: unset;box-shadow: 1px 1px 4px #151414;margin-right: -200px;margin-left: 75px;height: 30%;}
  .image-column .inner-column {position: relative;margin-right: -100px;padding-left: 50px;}
}
@media(min-width:1920px){
    .hero1-section-area{height: 750px;}
}