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

 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=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');
/* font-family: "Poppins", 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: "Poppins", sans-serif;}
h1{  font-family: "Poppins", sans-serif; }
h2{  font-family: "Poppins", sans-serif; }
h3{  font-family: "Poppins", sans-serif; }
h4{  font-family: "Poppins", sans-serif; margin-bottom: 0; }
h5{  font-family: "Poppins", sans-serif; }
h6{  font-family: "Poppins", sans-serif; }
a{  font-family: "Poppins", sans-serif;}
li{  font-family: "Poppins", sans-serif;}
div{  font-family: "Poppins", sans-serif;}
input{  font-family: "Poppins", sans-serif;}
span{  font-family: "Poppins", sans-serif;}
label{  font-family: "Poppins", sans-serif;}
button{  font-family: "Poppins", 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);}
*/

.topbar-wrapp{background-image: linear-gradient(to right, #cfa469 , #a07448); padding: 10px 0px;}
.topbar-inner{display: flex; justify-content: space-between;}
.topbar-left ul{display: flex; align-items: center; gap: 48px; padding-left: 0; list-style: none; }
.topbar-left ul li{position: relative;}
.topbar-left ul li:after{    content: ''; width: 1px; height: 100%; position: absolute; background-color: #fff; right: -23px; top: 0;} 
.topbar-left ul li:last-child:after{display: none;}
.topbar-left ul li a{text-decoration: none; color: #fff; font-size: 15px;}
.topbar-left ul li i{color: #fff; margin-right: 5px;}
.topbar-right ul{display: flex; align-items: center; gap: 25px; padding-left: 0; list-style: none; }
.topbar-right ul li{position: relative;}
.topbar-right ul li:after{content: ''; width: 1px; height: 100%; position: absolute; background-color: #fff; right: -11px; top: 0;}
.topbar-right ul li:last-child:after{display: none;}
.topbar-right  ul li a{text-decoration: none; color: #fff; font-size: 15px;}
.topbar-right  ul li i{color: #fff; margin-right: 5px;}
.navbar{background-color: #071730; padding: 0px;}
.navbar-brand {width: 10%; }
.navbar-brand img {width: 100%; }
.navbar-nav li a {color: #fff!important; font-size: 15px; }
.navbar-nav li {margin-right: 20px; }
.navbar-nav li:last-child {margin-right: 0px; }
.nav-right a {background-image: linear-gradient(to right, #cfa469, #a07448); color: #fff; font-size: 15px; padding: 11px 18px; display: inline-block; text-decoration: none; border-radius: 7px;}
.nav-right a:hover {background-color: #000; }
.nav-right a i {margin-left: 5px; font-size: 12px; }
/*========================header css end===========================*/

/*============================================Home main banner css start=======================================*/
.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; }
/*#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: 490px; }
#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: linear-gradient(89.8deg, #fcf4e7 8.15%, rgb(1 1 1 / 0%) 71.81%); display: flex; align-items: center; }
#home-slider .item .cover .header-content {position: relative; padding: 0px; width: 54%; }
#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: 41px; margin: 0px 0 13px; word-spacing: 3px; color: #122747; text-align: left; font-weight: 700; line-height: 52px; width: 80%; }
#home-slider .item .cover .header-content h1 span{    color: #C98E51;}
 #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: #000; font-size: 15px; text-align: left; width: 79%; font-weight: 400; margin-top: 9px; }
#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; }
.banner-2__content {position: relative; z-index: 9; /* max-width: 712px; */ }
.banner-2__shape {position: absolute; left: -25px; top: -26px; height: 408px; }
#home-slider .owl-item.active .banner-2__content-subtitle {opacity: 1; -webkit-transform: translatey(0px); transform: translatey(0px); -webkit-transition: all 2000ms ease; transition: all 2000ms ease; }
.banner-2__content-subtitle {color: #C98E51; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: var(--rr-fw-regular); margin-bottom: 16px; gap: 8px; opacity: 0; -webkit-transform: translateY(-150px); transform: translateY(-150px); font-size: 18px; font-weight: 600; }
.banner-2__btn-box a {background-color: #122747; color: #fff; font-size: 15px; padding: 10px 18px; display: inline-block; text-decoration: none; border-radius: 7px; }
.banner-2__btn-box a:hover {background-color: #fff; color: #000; }
.banner-2__btn-box a i {margin-left: 5px; font-size: 12px; }
.banner-2__btn-box {position: relative; z-index: 99; margin-top: 23px; }
#home-slider .owl-nav {position: absolute; top: 32%; z-index: 99; right: 40px; transform: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 100px; display: flex; justify-content: flex-end !important; justify-content: flex-start !important; }
#home-slider .owl-nav .owl-prev {color: #fff; font-weight: 600; font-size: 18px; rotate: 90deg; display: flex; align-items: center; justify-content: center; }
#home-slider .owl-nav .owl-next {color: #fff; font-weight: 600; font-size: 18px; rotate: 90deg; display: flex; align-items: center; justify-content: center; }
#home-slider .owl-nav:before {content: ""; position: absolute; width: 2px; height: 60px; background-color: #906E50; left: 50%; top: 50%; transform: translate(-50%, -50%); }
/*============================================Home main banner css end=======================================*/

/*============================================Home About css start=======================================*/
.about-left-img img{width: 100%;}
.home-about-wrapp{padding: 50px 0px;}
.about-right{display: flex; align-items: center; height: 100%;}
.about-right h5{color: #D5AA6D; font-size: 15px; display: inline-block; border: 1px solid #D5AA6D; padding: 7px 27px; border-radius: 50px; margin-bottom: 13px; }
.about-right h2{color: #122747; font-weight: 700; font-size: 37px; margin-bottom: 13px;}
.about-right h2 span{    color: #C98E51;}
.about-right p{font-size: 15px;}
.about-right a{background-image: linear-gradient(to right, #cfa469, #a07448); color: #fff; font-size: 15px; padding: 11px 18px; display: inline-block; text-decoration: none; border-radius: 7px;}
 .about-right a i {margin-left: 5px; font-size: 12px; }

/*============================================Home About css end=======================================*/

/*============================================Home services css start=======================================*/

.home-serv-wrapp{padding: 50px 0px 20px; background-color: #fdfaf6;}
.serv-head{margin-bottom: 30px; text-align: center;}
.serv-head h5{color: #D5AA6D; font-size: 15px; display: inline-block; border: 1px solid #D5AA6D; padding: 7px 27px; border-radius: 50px; margin-bottom: 13px; }
.serv-head h2{color: #122747; font-weight: 700; font-size: 37px; width: 50%; margin: 0px auto 13px;}
.serv-head h2 span{color: #C98E51;}
.serv-box{background-color: #fff; border: 1px dashed #C98E51; padding: 30px;text-align: center; margin-bottom: 30px;}
.serv-box i{color: #C98E51; font-size: 47px; margin-bottom: 20px;}
.serv-box h3 a{color: #122747; font-weight: 600; font-size: 27px; margin-bottom: 10px;} 
.serv-box p{font-size: 15px; margin-bottom: 0;}

/*============================================Home services css end=======================================*/

/*============================================Home counter css start=======================================*/
.home-counter-wrapp{padding: 50px 0px;}
.counter-inner{    background: unset; border-radius: 0; padding: 0; }
 #counter {background: unset;padding: 0px 0px 0px;width: 100%;max-width: 100%;margin: 0 auto;display: flex;justify-content: space-between;list-style-type: none;     gap: 30px;}
#counter li {flex: 1; text-align: center; font-size: 41px; color: #fff; font-weight: 700; display: flex; justify-content: center; position: relative; padding: 27px;}
#counter span.percent:after {/*content: "%";*/ display: inline-block; }
.counter-main{background-size: cover;background-position: 80%;padding: 0px;margin-top: 0px;}
#counter li p{font-size: 15px;margin-top: 0px;color: #fff;font-weight: 400;    margin-bottom: 0px;}
.count-contanet h5{font-weight: 700;font-size: 27px;margin-bottom: 5px;}
#counter li:nth-child(odd) {
  background-image: linear-gradient(to right, #cfa469, #a07448);
}
/* White background for even rows */
#counter li:nth-child(even) {background-color: #071730; }

/*============================================Home counter css end=======================================*/

/*============================================Home founder css start=======================================*/
.founder-section{width:100%; padding:0px 0; background:#fff; }
.founder-img img{width:100%; height: 505px; object-fit:cover; display:block; object-position: top; }
.founder-img{/* height: 100%; */}
 .founder-content{max-width: 100%; padding: 27px 37px 13px; background-color: #fdfaf6; height: 100%; }
.team-tag{display: inline-block; padding: 5px 27px; border: 1px solid #d1a46a; border-radius: 50px; color: #c78b49; font-size: 15px; margin-bottom: 11px; }
.founder-title{font-size: 37px; font-weight:700; color:#11284c; margin-bottom: 12px; }
.founder-title span{color:#c68b49; }
.founder-content p{font-size: 15px; line-height:1.9; color:#000; margin-bottom: 11px; }
/* Tablet */
 @media(max-width:991px){.founder-content{padding:60px 40px; max-width:100%; } .founder-img img{height:auto; } .founder-title{font-size:42px; } }
/* Mobile */
 @media(max-width:767px){.founder-content{padding:40px 20px; } .founder-title{font-size:34px; } .founder-content p{font-size:16px; } }
/*============================================Home founder css end=======================================*/

/*============================================Home BLOG css end=======================================*/
.blog-section{background:#fff; padding:90px 0; }
.blog-card{background:#fff; box-shadow:0 8px 25px rgba(0,0,0,.08); transition:.4s; overflow:hidden; }
.blog-card:hover{transform:translateY(-8px); }
.blog-img{overflow:hidden; }
.blog-img img{width:100%; height:270px; object-fit:cover; transition:.5s; object-position: top;}
.blog-card:hover img{transform:scale(1.08); }
.blog-content{padding: 4px;}
.blog-meta{display:flex; align-items:center; gap:20px; color:#9d9d9d; font-size:15px; margin-bottom:20px; flex-wrap:wrap; }
.blog-meta i{margin-right:6px; color:#b2b2b2; }
.blog-content h4{font-size: 21px; line-height:1.45; color:#13284b; font-weight:700; margin-bottom: 16px; min-height: AUTO; }
.blog-btn{display:inline-flex; align-items:center; justify-content:center; width: auto; height: auto; border-radius:50px; background:#061c45; color:#fff; text-decoration:none; font-size: 15px; font-weight:500; transition:.3s; padding: 10px 30px; }
.blog-btn:hover{background:#c8904c; color:#fff; }
@media(max-width:991px){.blog-content h4{font-size:28px; min-height:auto; } }
@media(max-width:767px){.blog-section{padding:60px 0; } .blog-content{padding:22px; } .blog-content h4{font-size:24px; } .blog-btn{width:160px; height:52px; font-size:16px; } .blog-img img{height:240px; } }
/*============================================Home BLOG css end=======================================*/

/*============================================footer css start=======================================*/
.main-footer{background-color: #071730; padding: 30px 0px;}
.footer-about img{width: 100px; margin-bottom: 15px;}
.footer-about p{font-size: 15px; color: #fff;}
.footer-about ul{    padding-left: 0px;
    list-style-type: none;}
.footer-about ul li{display: flex; color: #fff; font-size: 15px; margin-bottom: 10px;}
.footer-about ul li i{margin-right: 7px;}
.footer-about ul li a{text-decoration: none; color: #fff;}
.footer-about ul li:last-child{margin-bottom: 0px;}
.quick-links h3{font-size: 25px; color: #fff; font-weight: 600; margin-bottom: 12px; }
.quick-links ul{padding-left: 0px; list-style-type: none;}
.quick-links ul li{margin-bottom: 11px;}
.quick-links ul li a{text-decoration: none; color: #fff; font-size: 15px;}
.quick-links ul li a i{margin-right: 7px;}
.quick-links{padding-left: 50px;}

.hours-div h3{font-size: 25px; color: #fff; font-weight: 600; margin-bottom: 12px; }
.hours-div ul{padding-left: 0px; list-style-type: none;}
.hours-div ul li{margin-bottom: 11px; color: #fff; font-size: 15px;}
.copycon p{color: #fff; margin-bottom: 0px; font-size: 15px;}
.copyright{background-color: #030d1d; padding: 20px 0px;}
.footer-solcial{display: flex; justify-content: flex-end;}
.footer-solcial h5{color: #fff; font-size: 15px; margin-right: 0px;}
.footer-solcial ul{padding-left: 0px; list-style-type: none; display: flex;}
.footer-solcial ul li{margin-left: 15px;}
.footer-solcial ul li a{color: #fff;}
/*============================================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;background-color: #000;background: linear-gradient(89.8deg, #fcf4e7 30.15%, rgb(1 1 1 / 0%) 66.81%);}
.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;}
.inner-banner-con-inn h1{color: #122747;font-weight: 700;font-size: 30px;margin-bottom: 20px;}
ol.breadcrumb li {display: inline;font-size: 18px;color: #bd925c !important;font-weight: 500;}
ol.breadcrumb li+li:before {padding: 0px; color: #122747!important; content: "/\00a0"; }
ol.breadcrumb li a {color: #122747!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-section{padding:90px 0; background:#fdfaf6; }
.mission-card{padding: 32px 40px; min-height: 260px; }
.brown-card{background: #071730; color:#fff; }
.light-card{background: #ede7df; color:#2a1d1b; }
.icon-box{width:60px; height:60px; margin-bottom:35px; }
.icon-box img{width:100%; }
.mission-card h3{font-size: 30px; font-weight:700; margin-bottom: 8px; }
.mission-card p{font-size: 15px; line-height:1.8; margin:0; }
.value-image{position:relative; height:100%; }
.value-image img{width:100%; height:100%; min-height:544px; object-fit:cover; }
.value-box{position:absolute; left:20px; right:20px; bottom:20px; background:#fff; padding:35px; box-shadow:0 10px 30px rgba(0,0,0,.12); }
.value-box h3{font-size: 32px; font-weight:700; color: #071730; margin-bottom: 8px; }
.value-box p{font-size: 15px; line-height:1.7; color: #000; margin:0; }
/* Tablet */
@media(max-width:991px){
.mission-card{min-height:auto; padding:40px 30px; }
.mission-card h3{font-size:34px; }
.mission-card p{font-size:18px; }
.value-image img{min-height:500px; }
.value-box{position:relative; left:0; right:0; bottom:0; margin-top:-80px; width:90%; margin-left:auto; margin-right:auto; }
.value-box h3{font-size:34px; }
.value-box p{font-size:18px; }
}
/* Mobile */
@media(max-width:767px){
 .mission-section{padding:60px 0; }
.mission-card{padding:30px 25px; }
.icon-box{width:50px; height:50px; margin-bottom:20px; }
.mission-card h3{font-size:28px; }
.mission-card p{font-size:16px; }
.value-image img{min-height:380px; }
.value-box{width:94%; padding:25px; margin-top:-60px; }
.value-box h3{font-size:28px; }
.value-box p{font-size:16px; }
}
/*==========================about page css end===========================*/
.service-page{background-color: #fff;}

/*==========================contact page css start===========================*/
.contact-section{background: unset; padding: 57px 0; }
/* Left */
 .section-tag{display:inline-flex; align-items:center; gap:10px; color: #b78b58; font-size: 15px; font-weight:500; }
.section-title{font-size: 28px; line-height:1.08; font-weight:700; color: #071730; margin: 11px 0 24px; }
.contact-section hr{opacity:.15; margin:35px 0; }
.info-box .icon{width: 37px; height: 37px; /* background: #071730; */ color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size: 17px; margin-right: 13px; flex-shrink:0; background-image: linear-gradient(to right, #cfa469, #a07448); }
.info-box h4{font-size: 17px; font-weight:700; margin-bottom:6px; color:#2a1716; }
.info-box p{font-size: 16px; color:#4d3b39; margin-bottom: 0; }
/* Opening */
 .opening-hours{background: #071730; color:#fff; padding: 26px; margin-top:40px; }
.opening-hours h3{font-size: 25px; font-weight:700; margin-bottom:35px; }
.hour-row{display:flex; align-items:center; margin-bottom:18px; font-size: 15px; }
.hour-row span:first-child{width:90px; }
.hour-row .line{flex:1; height:1px; background:rgba(255,255,255,.15); margin:0 18px; }
/* Right */
 .contact-form{background:#fff; padding: 32px; height:100%; box-shadow: 0px 0px 10px #ccc; }
.contact-form h2{font-size: 27px; line-height:1.05; font-weight:700; color: #071730; margin-bottom: 8px; }
.contact-form p{font-size: 15px; color:#51413d; margin-bottom: 17px; }
.form-control{border:none; background:#f8f3ec; border-radius:0; height: 49px; padding: 16px; font-size:18px; }
textarea.form-control{height:120px; resize:none; }
.form-control:focus{box-shadow:none; background:#f8f3ec; }
.submit-btn{width:100%; border:none; background:#5b2c27; color:#fff; height: 53px; font-size: 19px; font-weight:600; transition:.3s; background-image: linear-gradient(to right, #cfa469, #a07448); }
.submit-btn:hover{background:#3b1d1a; }
/* Tablet */
@media(max-width:991px){
 .section-title, .contact-form h2{font-size:46px; }
.contact-form{padding:40px; }
.info-box h4{font-size:28px; }
.info-box p, .contact-form p{font-size:18px; }
}
/* Mobile */
@media(max-width:767px){
 .contact-section{padding:60px 0; }
.section-title, .contact-form h2{font-size:34px; }
.contact-form{padding:25px; }
.info-box{align-items:flex-start; }
.info-box .icon{width:52px; height:52px; font-size:18px; }
.info-box h4{font-size:22px; }
.info-box p{font-size:16px; }
.opening-hours{padding:25px; }
.opening-hours h3{font-size:28px; }
.hour-row{flex-wrap:wrap; gap:8px; }
.hour-row .line{display:none; }
.submit-btn{font-size:20px; height:58px; }
}
/*==========================contact page css end===========================*/


/*============================================blog detail css start=======================================*/
 .blog-detail-section{background:#fff; }
 .blog-featured-image{overflow:hidden; border-radius:24px; margin-bottom:40px; }
 .blog-featured-image img{width:100%; height:600px; object-fit:cover; }
 .blog-meta{display:flex; gap:15px; margin-bottom:20px; }
 .blog-meta span{padding:8px 18px; border-radius:50px; }
 .category{ background-image: linear-gradient(to right, #cfa469, #a07448); color:#fff; }
 .date{background: #122747;color: #fff;}
 .blog-title{font-size: 26px;color: #122747;margin-bottom: 15px;font-weight: 600;}
 .blog-content p{font-size: 15px;line-height: 29px;color: #000;margin-bottom: 6px;}
 .blog-content h2{font-size: 24px;color: #122747;margin: 25px 0 10px;}
 blockquote{background:#ece5db;padding: 21px;border-left:4px solid #d5c189;font-size: 20px;color: #071730;margin: 8px 0;}
 .content-image{width:100%; border-radius:20px; height: 100%; }
.blog-tags{display:flex; flex-wrap:wrap; gap:10px; margin: 33px 0 25px; }
 .blog-tags a{text-decoration:none;color: #c49962;border: 1px solid #b48956;padding:10px 20px;border-radius:50px;}
 .blog-share{display:flex; align-items:center; gap:15px; margin-bottom: 29px; }
.blog-share a{width:40px;height:40px;border-radius:50%;background:#d5c189;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;background-image: linear-gradient(to right, #cfa469, #a07448);}
 .author-box{background: #071730;border-radius:24px;padding: 22px;display:flex;gap:25px;align-items:center;}
 .author-box img{width:100px; height:100px; border-radius:50%; object-fit:cover; }
 .author-box h4{font-size: 22px;color: #fff;margin-bottom: 12px;}
 .author-box p{margin:0;color: #fff;}
/* Responsive */
@media(max-width:991px){
 .blog-title{font-size:52px; }
 .blog-featured-image img{height:450px; }
}
@media(max-width:767px){
 .blog-title{font-size:38px; }
 blockquote{font-size:26px; padding:25px; }
 .author-box{flex-direction:column; text-align:center; }
}

/*============================================blog detail css end=======================================*/



/*============================================services detail page css start=======================================*/
.page-service-single {padding: 50px 0; }
.service-sidebar {position: sticky; top: 30px; margin-right: 20px; }
.service-featured-image {margin-bottom: 30px; }
.service-featured-image figure {display: block; border-radius: 0px; overflow: hidden; }
.service-featured-image img {border-radius: 0px; width: 100%; aspect-ratio: 0; object-fit: cover; height: 400px; object-position: top; }
.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; }
.sidebar__widget.has--service {padding: 0; border: 0; margin-bottom: 40px; }
.sidebar__widget:not(:last-child) {margin-bottom: 30px; }
.sidebar__widget {padding: 30px; border: 1px solid rgba(8, 10, 11, 0.1); }
.sidebar__widget.has--service .sidebar__widget-service {gap: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.sidebar__widget.has--service .sidebar__widget-service a {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #cba06638; padding: 13px 20px; font-weight: 600; transition: all 0.3s 0s ease-out; color: #000; font-size: 16px; }
.sidebar__widget.has--service .sidebar__widget-service a:hover {color: #fff; /* background-color: #906E50; */ transition: all 0.3s 0s ease-out; background-image: linear-gradient(to right, #cfa469, #a07448); }
.sidebar__widget.has--service .sidebar__widget-service a i {width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 14; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 500px; color: #fff; font-weight: 400; background-color: #071730; font-weight: 600; transition: all 0.3s 0s ease-out; }
.sidebar__widget.has--service .sidebar__widget-service a:hover i {background-color: #fff; color: #906E50; font-weight: 600; transition: all 0.3s 0s ease-out; }
.sidebar__widget.widget__contact {background-color: #080A0B; padding: 0; border: 0; margin-bottom: 40px; }
.sidebar__widget.widget__contact .sidebar__widget-contact__thumb {overflow: hidden; position: relative; }
.sidebar__widget.widget__contact .sidebar__widget-contact__thumb::before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.sidebar__widget.widget__contact .sidebar__widget-contact__thumb img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0.2; }
.sidebar__widget.widget__contact .sidebar__widget-contact__content {position: absolute; width: 100%; z-index: 999; text-align: center; bottom: 40px; left: 0; padding: 0 10px; }
.sidebar__widget.widget__contact .sidebar__widget-contact__content a {color: #fff; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 10px; }
.sidebar__widget.widget__contact .sidebar__widget-contact__icon {width: 42px; height: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 500px; /* background-color: #906E50; */ text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 15px; background-image: linear-gradient(to right, #cfa469, #a07448); }
.sidebar__widget.widget__contact .sidebar__widget-contact__content span {display: block; color: #fff; margin-bottom: 10px; }
.sidebar__widget.widget__contact .sidebar__widget-contact__content p {color: rgba(255, 255, 255, 0.9); max-width: 264px; margin-left: auto; margin-right: auto; margin-bottom: 0px; font-size: 15px; }
a{text-decoration: none;}
 .custom-service ul {display: block !important; list-style-type: disc !important; margin-left: 20px !important; }
.custom-service ul li {width: 100% !important; padding: 0px !important; }
/* sarkar css end      */
.service-entry0.custom-service p {font-size: 15px; }
.service-entry0.custom-service h2 {font-size: 22px; font-weight: 600; margin-bottom: 14px; }
.service-entry0.custom-service h3 {font-size: 22px; font-weight: 600; margin-bottom: 14px; }
.service-entry0.custom-service ul {padding-left: 15px; }
.service-entry0.custom-service ul li {margin-bottom: 10px; font-size: 14px; }
.our-featured-service__text h6 {font-size: 20px; }
/*============================================services detail page css end=======================================*/

.blog-section .blog-content {
    padding: 24px;
}
.blog-section  .blog-meta span{padding: 0px;}
.serv-box{transition: all .6s ease;}
.serv-box:hover{background-image: linear-gradient(to right, #cfa469, #a07448); transition: all .6s ease;}
.serv-box:hover i{color: #fff;}
.serv-box:hover h3{color: #fff;}
.serv-box:hover p{color: #fff;}

/*============================================home link page css start=======================================*/
.all-links-inner ul {padding-left: 0px; margin-left: 0px; list-style-type: none; margin-top: 0px; }
.all-links-inner ul li a {color: #122747; text-decoration: none; border: 2px solid #122747; 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: #122747; text-align: center; font-size: 32px; text-transform: uppercase; position: relative; }
.mecella-heading h3 span {font-weight: 900; color: #122747; }
.mecella-heading h3:after {content: ''; position: absolute; bottom: -20px; left: 0; right: 0; width: 100px; background-color: #122747; height: 5px; margin: 0 auto; }
.welcome-mecella {background-color: #122747; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.welcome-mecella img {width: 75%; }
.all-links-wrapper {padding-top: 30px; padding-bottom: 50px; }
/*============================================home link page css end=======================================*/