/*-----------------------------------------------------------------------------------

 Theme Name: Conchoverseas
 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 Author: Kapil Prajapati
-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
/* font-family: "Manrope", sans-serif;*/


:root {
  --primary-background:linear-gradient(to right, #0c65c6, #2cb484);
  --banner-background: linear-gradient(to right, #0c65c6 -17%, #2cb484 33%);
  --banner-button:#004d9f;
  --section-background: linear-gradient(to right, rgba(12, 101, 198, 0.2), rgba(44, 180, 132, 0.2));
  --secondry-background:#2d2d2d;
  --heading-color:#2cb484;
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#1a4845;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-spabe:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;
  --primary-font-family: "Manrope", sans-serif;
}
body{font-family: var(--primary-font-family);}
p{   font-family: "Manrope", sans-serif;}
h1{   font-family: "Manrope", sans-serif; }
h2{   font-family: "Manrope", sans-serif; }
h3{   font-family: "Manrope", sans-serif; }
h4{   font-family: "Manrope", sans-serif; margin-bottom: 0; }
h5{   font-family: "Manrope", sans-serif; }
h6{   font-family: "Manrope", sans-serif; }
a{   font-family: "Manrope", sans-serif;}
li{   font-family: "Manrope", sans-serif;}
div{   font-family: "Manrope", sans-serif;}
input{   font-family: "Manrope", sans-serif;}
span{   font-family: "Manrope", sans-serif;}
label{   font-family: "Manrope", sans-serif;}
button{   font-family: "Manrope", sans-serif;}
html {
  scroll-behavior: smooth;
}

ul{margin-bottom: 0px;}
/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1); background-color: #fff;}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}
/*.is-sticky .navbar{background-color: #203b2c!important; padding: 6px;}*/
/*.is-sticky .navbar-nav li a{color: #fff;}
.is-sticky .navbar-brand img{filter: brightness(0) invert(1);}
*/
.top-menu {background: #000000; padding: 10px 50px; position: relative; z-index: 1; margin: 0; border-bottom: 1px solid #22293C; }
.top-menu::before {position: absolute; top: 0; left: -15px; height: 101%; width: 38%; background: #368B3A; content: ""; z-index: -1; }
.top-menu-icon ul li {list-style: none; display: inline-block; margin-right: 35px; font-size: 15px; line-height: 30px; color: #ffffff; font-weight: 600; }
.top-menu-right-site {text-align: right; }
.top-menu-icon-list ul li.mgr {display: inline-block; margin-right: 35px; position: relative; z-index: 1; }
.top-menu-icon-list ul li.mgr::before {position: absolute; content: ""; top: -15px; right: -20px; height: 51px; width: 1px; background: #F1F1F1; opacity: 0.5; }
.top-menu-icon-list ul li {display: inline-block; list-style: none; color: #fff; font-size: 15px; font-weight: 400; }
.top-menu-icon-list ul li i {display: inline-block; margin-right: 10px; }
.top-menu-icon-list ul li.text {padding: 0 20px 0 0; position: relative; z-index: 1; }
.top-menu-icon-list ul li.text::before {position: absolute; content: ""; top: 5px; right: 3px; height: 17px; width: 1px; background: #35363A; }
.top-menu-icon-list ul li a:hover{color: #FE3D02; }
.top-menu-icon-list li ul{padding-left: 0px;}
.top-menu-icon-list li ul li{margin-right: 10px;}
.top-menu-icon-list li ul li a{color: #fff; text-decoration: none; font-size: 15px;}
.navbar-brand{width: 7%;}
.navbar-brand img{width: 100%;}
.navbar{padding: 0px;}
.navbar-nav li{margin: 0px 13px;}
.navbar-nav li a{color: #000!important; opacity: 1; font-size: 15px; font-weight: 600;}
.navbar-nav li a.active{color: #368B3A!important;}
.navbar-nav li a:hover{color: #368B3A!important;}
.nav-right{text-align: right;}
.nav-right a{background-color: #368B3A; padding: 10px 20px; color: #fff; text-decoration: none; font-size: 15px; border-radius: 50px;}
.nav-right a i{margin-left: 7px; font-size: 13px;}
.nav-right a:hover{background-color: #000;}
/*========================header css end===========================*/

/*============================================Home main banner css start=======================================*/

.banner-item{display: flex; justify-content: center; align-items: center;     margin-bottom: 20px;}
.main-banner-content{width: 65%;}
.main-banner-image{width: 50%;}
.main-banner-image img{width: 100%;}
.banner-main-image{width: 100%;}
.home-slider-inner{width: 100%;background-repeat: no-repeat; background-size: cover;     padding: 0px 0px 0px 0px;}
#home-slider .owl-dots button{border: 1px solid #212754!important; background-color: #212754!important; width: 10px; height: 10px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px;}
#home-slider .owl-dots button.active{background-color: #212754!important; height: 40px;}
#home-slider .owl-dots{justify-content: center; display: none; margin-top: 30px; margin-bottom: 30px; position: absolute; display: grid; top: 100px; right: -48px;}
#home-slider .owl-dots button:focus{outline: none; box-shadow: none;}
#home-slider{position: relative;}
.main-banner-content h3{color: #212754; text-transform: uppercase; font-size: 60px; font-weight: 500; text-shadow: 0px 7px #dee4f4;}
.main-banner-content h2{font-weight: 700; font-size: 70px; color: #212754; text-shadow: 0px 8px #dee4f4;}
.main-banner-content p{font-size: 21px; color: #212754; margin-top: 15px;}
.main-banner-content{padding-right: 70px;}
.banner-main-button a{background-color: #dee4f4; padding: 10px 30px; color: #212754; text-transform: uppercase; font-size: 1vw; text-decoration: none; font-weight: 600; border-radius: 50px;}
.banner-main-button{margin-top: 40px;}
.home-slider-wrapper{box-shadow: 0px 0px 10px #b8bbd4;}
#home-slider .owl-nav .owl-prev {position: absolute; left: 15px; top: 43%; opacity: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(255 255 255 / 50%) !important; width: 60px; cursor: pointer; height: 60px; position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc;}
#home-slider .owl-nav .owl-prev span {font-size: 1.6875rem; color: #fff; }
#home-slider .owl-nav .owl-prev:focus {outline: 0; }
#home-slider .owl-nav .owl-prev:hover {background: #000 !important; color: #fff;}
#home-slider .owl-nav .owl-next {position: absolute; right: 15px; top: 43%; opacity: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(255 255 255 / 50%) !important; width: 60px; cursor: pointer; height: 60px; position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc;}
#home-slider .owl-nav .owl-next span {font-size: 1.6875rem; color: #fff; }
#home-slider .owl-nav .owl-next:focus {outline: 0; }
#home-slider .owl-nav .owl-next:hover {background: #000 !important; color: #fff;}
#home-slider:hover .owl-prev {left: 15px; opacity: 1; }
#home-slider:hover .owl-next {right: 15px; opacity: 1; }
 #home-slider .item{height: 500px;}
 #home-slider .item img{height: 100%; object-fit: cover; width: 100%; object-position: right;}
 #home-slider .item .cover {padding: 75px 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0;   /*background: rgb(0 0 0 / 40%);*/ display: flex; align-items: center; }
 #home-slider .item .cover .header-content {position: relative;padding: 0px;overflow: hidden;width: 47%;}
 #home-slider .item .cover .header-content .line {content: ""; display: inline-block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; border: 9px solid #fff; -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); }
 #home-slider .item .cover .header-content h2 {font-weight: 300; font-size: 35px; color: #fff; }
 #home-slider .item .cover .header-content h1 {font-size: 51px;  margin: 0px 0 20px; word-spacing: 3px; color: #000;  text-align: left; }
#home-slider .item .cover .header-content h2 {font-size: 19px; margin: 0px 0 11px; word-spacing: 3px; text-align: left; font-weight: 600; color: #fff; border-left: 5px solid #368b3a; padding-left: 14px; }
#home-slider .item .cover .header-content h2 span{color: #41b1b3; text-decoration: underline;}
#home-slider .item .cover .header-content h5 {font-size: 20px; font-weight: 600; margin: 0px 0 20px; word-spacing: 3px; color: #41b1b3; text-align: left;}
/*header .item .cover .header-content h2 {color: #ff0200; padding: 0px 20px; font-size: 61px;}*/
 #home-slider .item .cover .header-content p{color: #fff; font-size: 15px; text-align: left; width: 100%; font-weight: 400; margin-top: 13px; }
 #home-slider .item .cover .header-content h3 {font-size: 43px;font-weight: 800;color: #fff;line-height: 59px;}
 #home-slider .owl-item.active h1 {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
 #home-slider .owl-item.active p {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; animation-delay: 0.3s; }
 #home-slider .owl-item.active .banner_button {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
 #home-slider .owl-item.active h2 {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
 #home-slider .owl-item.active h3 {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s; }
 #home-slider .owl-item.active .line {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; animation-delay: 0.3s; }
 #home-slider .item .cover .header-content .banner-read-more{color: #ffffff; font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; text-decoration: none; background-color: #368b3a; border-color: #368b3a; border-style: solid; border-width: 1px 1px 1px 1px; border-radius: 50px; padding: 9px 21px; display: inline-block; font-size: 15px;margin-top: 11px;}
 #home-slider .owl-item.active .banner-read-more{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s; }


/*============================================Home main banner css end=======================================*/

/*============================================Home about css start=======================================*/

.home-about-wrapp{background-repeat: no-repeat;background-position: bottom left; background-size: auto; padding: 50px 0px;}
.home-abt-right-con{display: flex; align-items: center; height: 100%;}
.home-abt-right-con h4{color: #368b3a; font-size: 20px; margin-bottom: 14px;}
.home-abt-right-con h2{font-weight: 800; font-size: 36px; color: #000; margin-bottom: 13px; }
.home-abt-right-con h2 span{color: #368b3a;}
.home-abt-right-con p{font-size: 15px; color: #000;}
.home-abt-right-con a{color: #ffffff; line-height: 15px; font-weight: 500; font-style: normal; text-decoration: none; background-color: #368b3a; border-color: #368b3a; border-style: solid; border-width: 1px 1px 1px 1px; border-radius: 50px; padding: 11px 31px; display: inline-block; font-size: 15px; margin-top: 11px;}
.home-abt-left-img img{width: 100%;}

/*============================================Home about css end=======================================*/

/*============================================Home what we do css start=======================================*/
.row{margin: 0;}
.what-we-do{background: url('../images/what-we-do-bg.svg'), #222222; background-repeat: no-repeat; background-position: bottom left; background-size: auto; }
.what-we-do .section-title h3 {display: inline-block; position: relative; font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: 0; text-transform: capitalize; color: #368b3a; padding-left: 0; margin-bottom: 15px; }
.what-we-do .section-title h2 {font-size: 36px; font-weight: 800; line-height: 1.2em; letter-spacing: -0.01em; color: #fff; margin-bottom: 28px; cursor: none; }
.what-we-do .section-title h2 span{color: #368b3a;}
.what-we-do .container-fluid{padding: 0; }
.what-we-do-content{padding: 30px 00px; height: 100%; }
.what-we-do-list{display: flex; flex-wrap: wrap; align-items: center; gap: 30px; }
.what-we-do-list-box-1, .what-we-do-list-box-2{display: flex; flex-wrap: wrap; gap: 30px; }
.what-we-do-item{width: calc(50% - 15px); border: 1px solid #FFFFFF1A; border-radius: 40px; padding: 30px; }
.what-we-do-list-box-1 .what-we-do-item:nth-child(even){background: #FFFFFF1A; }
.what-we-do-list-box-2 .what-we-do-item:nth-child(odd){background: #FFFFFF1A; }
.what-we-do-item .icon-box{margin-bottom: 30px; }
.what-we-do-item .icon-box img{max-width: 50px; }
.what-we-item-content h3{font-size: 20px; font-weight: 600; text-transform: capitalize; color: #fff; margin-bottom: 10px; }
.what-we-item-content p{color: #fff; opacity: 80%; margin: 0; }
.what-we-do-footer{margin-top: 40px; }
.what-we-do-footer p{color: #fff; margin: 0; }
.what-we-do-footer p span{color: #FF9900; text-decoration: underline; }
.what-we-do-image{position: relative; }
.contact-now-circle{content: ''; position: absolute; display: block; left: 0; top: 50%; transform: translate(-50% , -50%); z-index: 1; }
.contact-now-circle img{width: 130px; height: 130px; animation: contactrotate 20s infinite linear; }
@keyframes contactrotate{
    from{
        transform: rotate(0deg);
      }
    to{
        transform: rotate(360deg);
    }
}
.what-we-do-image, .what-we-do-image figure, .what-we-do-image figure img{width: 100%; height: 100%; }
 .what-we-do-image figure img{/*aspect-ratio: 1 / 0.97;*/ object-fit: cover; }
/*============================================Home what we do css end=======================================*/

/*============================================Home testimonial css start=======================================*/

.testimonial-wrapp .section-title h3 {display: inline-block; position: relative; font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: 0; text-transform: capitalize; color: #368b3a; padding-left: 0; margin-bottom: 15px; }
.testimonial-wrapp .section-title h2 {font-size: 36px; font-weight: 800; line-height: 1.2em; letter-spacing: -0.01em; color: #000; margin-bottom: 28px; cursor: none; }
.testimonial-wrapp .section-title h2 span{color: #368b3a;}
.testimonial-wrapp{background: url(../images/testimonial-bg.png), #F5F5F5; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 50px 0;}
.testimonial-image img{border-radius: 40px;}
.testimonial-box-con ul{display: flex; align-items: center; padding-left: 0px; list-style-type: none; gap:0px 7px;    margin-bottom: 20px;}
.testimonial-box-con ul li{color: #ff9900;}
.testimonial-box-con p{font-size: 18px; font-weight: 500; margin: 0; margin-bottom: 52px; }
.testi-author{display: flex; align-items: center;}
.testi-author img{width: 60px !important; height: 60px; border-radius: 10px; margin-right: 15px;}
.testi-auth-detail h3{text-transform: capitalize; font-size: 20px; font-weight: 700; color: #000;}
.testi-auth-detail h4{font-size: 16px; font-weight: 400; color:#7b7b7b;}
.testimonial-sliders{margin-top: 50px;}
.testimonial-main-con{padding-top: 80px;}
.testimonial-sliders .owl-nav .owl-prev {position: absolute;right: 93px;top: 79%;opacity: 1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: rgb(54 139 58) !important;width: 50px;cursor: pointer;height: 50px;position: absolute;display: block;z-index: 1000;border-radius: 9px;border: 1px solid #ccc;color: #fff !important;font-size: 24px !important;}
.testimonial-sliders .owl-nav .owl-prev span {font-size: 1.6875rem; color: #fff; }
.testimonial-sliders .owl-nav .owl-prev:focus {outline: 0; }
.testimonial-sliders .owl-nav .owl-prev:hover {background: #000 !important; color: #fff;}
.testimonial-sliders .owl-nav .owl-next {position: absolute;right: 24px;top: 79%;opacity: 1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: rgb(54 139 58) !important;width: 50px;cursor: pointer;height: 50px;position: absolute;display: block;z-index: 1000;border-radius: 9px;border: 1px solid #ccc;color: #fff !important;font-size: 24px !important;}
.testimonial-sliders .owl-nav .owl-next span {font-size: 1.6875rem; color: #fff; }
.testimonial-sliders .owl-nav .owl-next:focus {outline: 0; }
.testimonial-sliders .owl-nav .owl-next:hover {background: #000 !important; color: #fff;}
.testimonial-sliders:hover .owl-prev {rigth: 84px; opacity: 1; }
.testimonial-sliders:hover .owl-next {right: 24px; opacity: 1; }

/*============================================Home testimonial css end=======================================*/

/*============================================Home blog css start=======================================*/

.blog-wrapper{padding: 50px 0px;}
.blog-wrapper .section-title{text-align: center; margin-bottom: 50px;}
.blog-wrapper .section-title h3 {display: inline-block; position: relative; font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: 0; text-transform: capitalize; color: #368b3a; padding-left: 0; margin-bottom: 15px; }
.blog-wrapper .section-title h2 {font-size: 36px; font-weight: 800; line-height: 1.2em; letter-spacing: -0.01em; color: #000; margin-bottom: 28px; cursor: none; }
.blog-wrapper .section-title h2 span{color: #368b3a;}
.post-item {height: calc(100% - 30px); }
.post-featured-image {margin-bottom: 30px; }
.post-featured-image figure, .post-featured-image a {display: block; border-radius: 40px; }
.post-featured-image a {cursor: none; }
.post-featured-image img {width: 100%; aspect-ratio: 1 / 0.63; object-fit: cover; border-radius: 40px; transition: all 0.4s ease-in-out; }
.post-item-body {display: flex; align-items: center; justify-content: space-between; }
.post-item-content {width: 65%; }
.post-item-content h2 {font-size: 20px; font-weight: 600; line-height: 1.4em; }
.post-item-content h2 a{color: #000; text-decoration: none;}
.post-item-btn {text-align: right; margin-left: 20px; }
.post-item-btn a {background-color: #368b3a; border-radius: 10px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; text-decoration: none; }
.post-item-btn a i {color: #fff; }

/*============================================Home blog css end=======================================*/

/*============================================footer css start=======================================*/


.main-footer{background-color: #222222; padding: 40px 0px 30px;}
.footer-about img{width: 35%; margin-bottom: 20px;}
.footer-about p{color: #fff; font-size: 15px;}
.footer-link h4{color: #368b3a; font-weight: 800; font-size: 21px; margin-bottom: 25px;}
.footer-link ul{padding-left: 0px; list-style-type: none; margin-bottom: 0px;    display: flex; flex-wrap: wrap;}
.footer-link ul li{width: 50%; margin-bottom: 18px;}
.footer-link ul li a{color: #fff; font-size: 15px; color: #fff; text-decoration: none;}
.footer-address h3{color: #368b3a; font-weight: 800; font-size: 21px; margin-bottom: 25px;}
.footer-address p{color: #fff; font-size: 15px;}
.footer-email{margin-top: 40px;}
.footer-email h3{color: #368b3a; font-weight: 800; font-size: 21px; margin-bottom: 25px;}
.footer-email p{color: #fff; font-size: 15px; margin-bottom: 8px;}
.footer-email p a{color: #fff; font-size: 15px; text-decoration: none;}
.footer-phone h3{color: #368b3a; font-weight: 800; font-size: 21px; margin-bottom: 25px;}
.footer-phone p a{color: #fff; font-size: 15px; text-decoration: none;}
.footer-phone p{color: #fff; font-size: 15px; margin-bottom: 8px;}
.footer-follow{margin-top: 32px;}
.footer-follow h3{color: #368b3a; font-weight: 800; font-size: 21px; margin-bottom: 25px;}
.footer-follow ul{list-style-type: none; display: flex; align-items: center; padding-left: 0px; gap:0px 10px;}
.footer-follow ul li a i{background: rgba(255, 255, 255, 0.09); color: rgba(255, 255, 255, 0.54); width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
.footer-follow ul li a{text-decoration: none;}
.copyright-wrapp{border-top: 1px solid #ccc; text-align: center; padding-top: 30px; margin-top: 20px;}
.copyright-wrapp p{font-size: 15px; color: #fff; margin-bottom: 0px;}
.copyright-wrapp p a{color: #368b3a; text-decoration: none;}

/*============================================footer css end=======================================*/

/*==========================Inner banner section css start==========================*/

.inner-banner-inner{background-position: 100%;background-size: cover;height: 500px;position: relative;}
.inner-banner-main{opacity: 1;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;height: 100%;width: 100%;top: 0;left: 0;position: absolute;display: flex; justify-content: center; align-items: center;}
.inner-banner-content h3{color: #fff;font-weight: 700;font-size: 38px;padding-top: 80px;text-transform: uppercase;}
.inner-banner-img{width: 100%;}
.inner-banner-img img{width: 100%;}
.inner-banner-img{position: relative;}
.inner-banner-con-inn h2{color: #fff; font-weight: 700; font-size: 30px; margin-bottom: 20px;}

ol.breadcrumb li {display: inline; font-size: 18px; color: #fff!important;font-weight: 500;}
ol.breadcrumb li+li:before {padding: 0px; color: #fff!important; content: "/\00a0"; }
ol.breadcrumb li a {color: #fff!important; text-decoration: none; font-weight: 500;}
ol.breadcrumb li a:hover {color: #fff; text-decoration: underline; }
.bread-crumbs{margin-bottom: 0;}
ol.breadcrumb li a i{margin-right: 7px;}
/*==========================Inner banner section css end===========================*/


/*============================================about page css start=======================================*/

.mission-vision-wrapp .section-title{text-align: center; margin-bottom: 50px;}
.mission-vision-wrapp .section-title h3 {display: inline-block; position: relative; font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: 0; text-transform: capitalize; color: #368b3a; padding-left: 0; margin-bottom: 15px; }
.mission-vision-wrapp .section-title h2 {font-size: 36px; font-weight: 800; line-height: 1.2em; letter-spacing: -0.01em; color: #fff; cursor: none; width: 50%; margin: 0 auto 28px; }
.mission-vision-wrapp .section-title h2 span{color: #368b3a;}
.mission-vision-wrapp{background: url('../images/what-we-do-bg.svg'), #222222; background-repeat: no-repeat; background-position: bottom left; background-size: auto; padding: 50px 0px;}
.rs-about-twelve .rs-about-wrapper {position: relative; z-index: 1; }
.rs-about-twelve .rs-about-shape {position: absolute; inset-inline-end: 140px; }
.rs-about-twelve .rs-about-thumb {width: 310px; height: 230px; object-fit: cover; }
.rs-about-twelve .rs-about-thumb img {width: 100%; border-radius: 10px; }
.rs-about-twelve .rs-about-content {padding: 28px 25px 28px 25px; background: #F7F7F7; border-bottom: 4px solid #368b3a; border-radius: 4px; margin-inline-start: 190px; margin-top: -100px; position: relative; z-index: 1; }
.rs-about-twelve .rs-about-title {margin-bottom: 15px; font-weight: 800; color: #000; font-size: 20px; }
.rs-about-twelve .rs-about-content p{font-size: 15px;}
.rs-about-shape img{opacity: 0.2;}
.abt-team-wrapp .section-title{text-align: center; margin-bottom: 50px;}
.abt-team-wrapp .section-title h3 {display: inline-block; position: relative; font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: 0; text-transform: capitalize; color: #368b3a; padding-left: 0; margin-bottom: 15px; }
.abt-team-wrapp .section-title h2 {font-size: 36px; font-weight: 800; line-height: 1.2em; letter-spacing: -0.01em; color: #000; cursor: none; width: 50%; margin: 0 auto 28px; }
.abt-team-wrapp .section-title h2 span{color: #368b3a;}
.abt-team-wrapp{padding: 50px 0px;}

.team-member-item {height: calc(100% - 30px); margin-bottom: 30px; }
.team-image {position: relative; border-radius: 20px; margin-bottom: 0px; overflow: hidden; }
.team-image a {display: block; cursor: none; }
.team-image figure {position: relative; border-radius: 20px; }
.image-anime {position: relative; overflow: hidden; }
.team-image figure::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 71.93%, rgba(0, 0, 0, 0.8) 95.83%); width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; z-index: 1; }
.team-member-item:hover .team-image figure::before {opacity: 1; visibility: visible; }
.team-image img {width: 100%; aspect-ratio: 1 / 1.15; object-fit: cover; border-radius: 20px; transition: all 0.5s ease-in-out; }
.team-member-item:hover .team-image img {transform: scale(1.1); }
.image-anime:after {content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; }
.team-social-icon {position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; transform: translateY(100%); text-align: center; z-index: 2; transition: all 0.5s ease-in-out; }
.team-member-item:hover .team-social-icon {bottom: 43px; transform: translateY(0); }
.team-social-icon ul {list-style: none; margin: 0; padding: 0; }
.team-social-icon ul li {display: inline-block; text-align: center; margin-right: 20px; }
.team-social-icon ul li a {color: #fff; cursor: pointer; transition: all 0.3s ease-in-out; }
.team-social-icon ul li a i {font-size: 20px; color: inherit; }
.team-social-icon ul li:last-child {margin-right: 0; }
.team-content {text-align: center; }
.team-content h3 {font-size: 20px; font-weight: 800; text-transform: capitalize; margin-bottom: 5px; transition: all 0.3s ease-in-out; color: #000; }
.team-content h3 a {color: inherit; text-decoration: none; }
.team-content p {text-transform: capitalize; margin: 0; }
.abt-team-wrapp {background-repeat: no-repeat; background-position: bottom left; background-size: auto; padding: 50px 0px; }


/*============================================about page css end=======================================*/


/*============================================services page css start=======================================*/

.service-middle-wrapp{background-repeat: no-repeat; background-position: bottom left; background-size: auto; padding: 50px 0px; }
.page-services .service-item {border: 1px solid #EBEBEB; border-radius: 40px; height: calc(100% - 30px); margin-bottom: 30px; padding: 30px; transition: all 0.3s ease-in-out; background-color: #fff; box-shadow: 0px 0px 10px #cccc; }
.page-services .service-item:hover {border-color: #F5F5F5; box-shadow: 0px 4px 30px 0px #0000000A; background-color: #222222; }
.service-item .icon-box {margin-bottom: 15px; }
.service-item .icon-box img {max-width: 60px; }
.service-body {margin-bottom: 21px; }
.service-body h3 {font-size: 20px; font-weight: 800; text-transform: capitalize; margin-bottom: 12px;}
.service-item .service-footer a {background: #368b3a; border-radius: 8px; width: 70px; height: 40px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; }
.service-item:hover .service-footer a {background: #368b3a; }
.service-item:hover .service-body h3{color: #fff;}
.service-item:hover .service-body p{color: #fff;}
.service-item .service-footer a img {max-width: 18px; transform: rotate(45deg); transition: all 0.3s ease-in-out; filter: brightness(0) invert(1); }
.service-item .service-footer a:hover img {filter: brightness(0) invert(1); }


/*============================================services page css end=======================================*/

/*============================================services detail page css start=======================================*/

.page-service-single{padding: 50px 0; }
.service-sidebar{position: sticky; top: 30px; margin-right: 20px; }
.service-catagery-list{border: 1px solid #F5F5F5; border-radius: 20px; margin-bottom: 60px; box-shadow: 0px 4px 30px 0px #0000000A; overflow: hidden; }
.service-catagery-list h3{font-size: 21px; font-weight: 800; text-transform: capitalize; background-color: #368b3a; color: #fff; padding: 20px 30px; }
.service-catagery-list ul{list-style: none; margin: 0; padding: 30px; }
.service-catagery-list ul li{border-bottom: 1px solid #EBEBEB; padding-bottom: 20px; margin-bottom: 20px; transition: all 0.3s ease-in-out; }
.service-catagery-list ul li:last-child{margin: 0; padding: 0; border-bottom: none; }
.service-catagery-list ul li a{position: relative; display: block; text-transform: capitalize; transition: all 0.3s ease-in-out; text-decoration: none; color: #000; }
 .service-catagery-list ul li a:hover{color: #368b3a; }
.service-catagery-list ul li a::before{content: ''; position: absolute; top: 50%; right: 0; background: url(../images/arrow-dark.svg) no-repeat; background-size: cover; width: 24px; height: 24px; transform: translateY(-50%); transition: all 0.3s ease-in-out; }
 .service-catagery-list ul li a:hover:before{transform: translateY(-50%) rotate(45deg); }
 .sidebar-cta-box{position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 20px; padding: 40px; overflow: hidden; z-index: 1; }
.sidebar-cta-box::before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #222222; opacity: 70%; height: 100%; width: 100%; z-index: 0; }
 .sidebar-cta-logo{position: relative; margin-bottom: 30px; }
 .sidebar-cta-logo img{width: 100%; max-width: 160px; }
 .sidebar-cta-content{position: relative; margin-bottom: 30px; }
 .sidebar-cta-content h3{font-size: 34px; font-weight: 800; color: #fff; margin-bottom: 18px; }
 .sidebar-cta-content h3 span{font-weight: 700; }
 .sidebar-cta-content p{color: #fff; margin-bottom: 0; }
 .sidebar-cta-contact-list{position: relative; }
 .sidebar-cta-contact-item{margin-bottom: 20px; display: flex; align-items: center; }
 .sidebar-cta-contact-item:last-child{margin: 0; }
 .sidebar-cta-contact-item .icon-box{position: relative; height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; border-radius: 10px; margin-right: 15px; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); overflow: hidden; z-index: 1; }
.sidebar-cta-contact-item .icon-box i{color: #fff;}
.sidebar-cta-contact-item .icon-box::before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; opacity: 16%; height: 100%; width: 100%; border-radius: 10px; z-index: 0; }
 .sidebar-cta-contact-item img{position: relative; max-width: 24px; z-index: 1; }
 .cta-contact-item-title h3{font-size: 20px; font-weight: 600; color: #fff; transition: all 0.3s ease-in-out; }
 .sidebar-cta-contact-item:hover .cta-contact-item-title h3{color: #368b3a; }
 .service-featured-image{margin-bottom: 30px; }
 .service-featured-image figure{display: block; border-radius: 40px; overflow: hidden; }
 .service-featured-image img{border-radius: 40px; width: 100%; aspect-ratio: 1 / 0.67; object-fit: cover; }
 .service-entry{margin-bottom: 40px; }
 .service-entry h2{font-size: 32px; font-weight: 800; margin-bottom: 20px; }
 .service-entry h2 span{font-weight: 700; }
 .service-entry p{margin-bottom: 20px; }
 .service-entry p:last-child{margin-bottom: 0; }
 .service-entry ul{padding: 0; margin-bottom: 40px; list-style: none; display: flex; gap: 20px 30px; flex-wrap: wrap; }
 .service-entry ul li{position: relative; width: calc(33.33% - 20px); color: #222222; text-transform: capitalize; padding-left: 40px; }
 .service-entry ul li::before{content: ''; position: absolute; width: 24px; height: 24px; top: 50%; transform: translateY(-50%); left: 0; background: url(../images/icon-check.svg) no-repeat center left; background-size: cover; }
 .service-entry-box{display: flex; gap: 80px 30px; flex-wrap: wrap; margin: 40px 0; }
.service-entry-item{position: relative; width: calc(50% - 15px); }
.service-entry-item::before{content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-color: #EBEBEB; height: 1px; width: 100%; transform: translateY(40px); }
 .service-entry-item:nth-last-child(-n + 2)::before{display: none; }
 .service-entry-item .icon-box{margin-bottom: 30px; }
 .service-entry-item .icon-box img{max-width: 50px; }
 .service-entry-item-content h3{font-size: 20px; font-weight: 600; text-transform: capitalize; margin-bottom: 20px; }
 .service-entry-item-content p{margin-bottom: 0; }
.service-entry-images{display: flex; gap: 30px; flex-wrap: wrap; }
 .service-entry-img{width: calc(50% - 15px); }
 .service-entry-img figure{display: block; border-radius: 40px; overflow: hidden; }
 .service-entry-img img{width: 100%; aspect-ratio: 1 / 0.96; object-fit: cover; border-radius: 40px; }

/*============================================services detail page css end=======================================*/

.blog-page-wrapp .post-item{margin-bottom: 30px;}
.blog-page-wrapp{background-repeat: no-repeat; background-position: bottom left; background-size: auto;}

/*============================================contact us page css start=======================================*/

.contact-us-form .section-title h2 {font-size: 36px; font-weight: 800; line-height: 1.2em; letter-spacing: -0.01em; color: #000; cursor: none; width: 100%; margin: 0 auto 28px; }
.contact-us-form .section-title h2 span{color: #368b3a;}

.contact-information .section-title h3 {display: inline-block; position: relative; font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: 0; text-transform: capitalize; color: #368b3a; padding-left: 0; margin-bottom: 15px; }
.contact-information .section-title h2 {font-size: 36px; font-weight: 800; line-height: 1.2em; letter-spacing: -0.01em; color: #000; cursor: none; width: 100%; margin: 0 auto 18px; }
.contact-information .section-title h2 span{color: #368b3a;}
.contact-information .section-title p{font-size: 15px;margin-bottom: 33px;}
.page-contact-us{padding: 100px 0; background: url(../images/about-us-bg.svg) no-repeat; background-position: bottom left; background-size: auto; }
.contact-information{margin-right: 40px; }
 .contact-info-item{display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #EBEBEB; padding-bottom: 40px; margin-bottom: 40px; }
 .contact-info-item:last-child{border: none; padding-bottom: 0; margin-bottom: 0; }
 .contact-info-item .icon-box{position: relative; background-color: #368b3a; border-radius: 10px; height: 60px; width: 60px; display: flex; justify-content: center; align-items: center; margin-right: 20px; transition: all 0.5s ease-in-out; }
 .contact-info-item:hover .icon-box{background-color: transparent; }
 .contact-info-item .icon-box::before{content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #222222; border-radius: 10px; width: 100%; height: 100%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: 0; }
 .contact-info-item:hover .icon-box::before{transform: scale(1); }
 .contact-info-item .icon-box img{position: relative; max-width: 30px; z-index: 1; }
 .contact-info-content{width: calc(100% - 80px); }
 .contact-info-content h3{font-size: 18px; font-weight: 800; text-transform: capitalize; margin-bottom: 11px; }
 .contact-info-content p{margin-bottom: 0; }
 .contact-us-form{background-color: #fff; border: 1px solid #F5F5F5; box-shadow: 0px 4px 30px 0px #0000000A; border-radius: 40px; padding: 40px; }
 .contact-form .form-control{font-size: 16px; font-weight: 400; background-color: #fff; color: #81848A; border: 1px solid #EBEBEB; border-radius: 10px; outline: none; box-shadow: none; padding: 17px 15px; }
 .contact-form .form-control::placeholder{color: #81848A; }
 .contact-form button{background-color: #368B3A; padding: 10px 20px; color: #fff; text-decoration: none; font-size: 15px; border-radius: 50px; border: none;}
.map iframe{width: 100%;}



 /*============================================contact us page css end=======================================*/



.all-links-inner ul{padding-left: 0px; margin-left: 0px; list-style-type: none; margin-top: 0px;}
.all-links-inner ul li a{color: #000;text-decoration: none;border: 2px solid #368B3A;text-align: center;display: block;padding: 10px;font-size: 21px;}
.all-links-inner ul li{margin-bottom: 10px;}

.mecella-heading{margin-bottom: 80px;}
.mecella-heading h3{color: #000;text-align: center;font-size: 32px;text-transform: uppercase;position: relative;}
.mecella-heading h3 span{font-weight: 900; color: #368B3A;}
.mecella-heading h3:after{content: '';position: absolute;bottom: -20px;left: 0;right: 0;width: 100px;background-color: #368B3A;height: 5px;margin: 0 auto;}
.welcome-mecella{background-color: #ccc;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.welcome-mecella img{width: 60%;}
.all-links-wrapper{padding-top: 30px; padding-bottom: 50px;}

.sidebar-cta-box {border-radius: 10px; padding: 16px; }
.sidebar-cta-content h3 {font-size: 24px; font-weight: 800; color: #fff; margin-bottom: 9px; }
.sidebar-cta-content p {color: #fff; margin-bottom: 0; font-size: 14px; }
.cta-contact-item-title h3{font-size: 14px;}
.sidebar-cta-contact-item .icon-box {position: relative; height: 35px; width: 35px; margin-right: 9px;}