/* ===============================
   Roboto Font
================================= */

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Light.woff2') format('woff2'),
         url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
         url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Medium.woff2') format('woff2'),
         url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
         url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}



html,body{height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;}



body{font-family:'Roboto', sans-serif;font-size:15px;line-height:25px;font-weight:400;position:relative;z-index:1;background:#fff;overflow-x:hidden;}


a{text-decoration:none;cursor:pointer;font-size:12px;font-weight:400;-webkit-transition:0.5s;transition:0.5s;color:#0A0A0A;}
a:hover{color:#1B1E22;}
p{font-family:'Roboto', sans-serif;font-size:16px;font-weight:400;line-height:28px;position:relative;color:#0A0A0A;}
@media only screen and (min-width: 992px) and (max-width: 1200px){
p{font-size:16px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
p{font-size:15px;line-height:25px;}
}
@media (max-width: 767px){
p{font-size:15px;line-height:25px;margin:0;}
}
button,a:hover,a:focus,a:visited{text-decoration:none;outline:none;outline-width:0!important;}
img{display:inline-block;max-width:100%;}
i,span,a{display:inline-block;}
ul{list-style:none;margin:0px;padding:0px;}
hr{border-top:1px solid #777;}
.container{max-width:991px;}
.text-dark{color:#181818!important;}
#loader{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#fff;z-index:1000;-webkit-transition:0.3s ease opacity;transition:0.3s ease opacity;}
#loader:before,#loader:after{content:"";width:80px;height:80px;border:2px solid #1D1E21;display:block;border-radius:50%;position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%, -50%);animation-name:loaderCircleAnim;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;}
#loader:after{animation-delay:1s;}

.mb-10 {
    margin-bottom: 10px;
}

@media (max-width: 767px){
.mouseCursor{display:none;}
}

.header-area .navigation{position:relative;z-index:9;display:flex;align-items:center;background:#fff;}
.logo img{width:180px;height:95px;object-fit:contain;margin-top:15px;}
.main-menu ul{line-height:1;}
.main-menu ul > li{display:inline-block;line-height:1;margin:0 20px;position:relative;}
.main-menu ul > li > a{display:inline-block;font-size:15px;font-weight:400;text-transform:capitalize;line-height:1;padding:35px 0;overflow:hidden;color:#0A0A0A;}
.main-menu ul li{position:relative;}
.main-menu ul li a.navlink:before{position:absolute;content:"";bottom:30px;left:0;width:0%;height:2px;background:#171717;visibility:hidden;opacity:0;transition:all 0.5s ease 0s;}
.main-menu ul li a.navlink:hover:before{visibility:visible;opacity:1;width:100%;}
.main-menu ul li.active{position:relative;}
.main-menu ul li.active a{color:#0A0A0A;}
.main-menu ul li.active:before{position:absolute;content:"";bottom:30px;left:0;width:100%;height:2px;background:#171717;}
.mobile-nav{position:fixed;right:-380px;top:0;width:320px;height:100vh;scroll-behavior:smooth;overflow-y:scroll;transition:right 0.5s ease-in;background-color:#0A0A0A;padding:20px;z-index:9999;box-shadow:0 13px 35px -12px rgba(35, 35, 35, 0.15);}
.mobile-nav .close-nav{border:0;background:transparent;color:#fff;border-radius:30px;font-size:30px;position:absolute;left:20px;top:10px;}
.mobile-nav .sidebar-nav{margin-top:60px;}
.mobile-nav .sidebar-nav ul{margin:0;padding:0;list-style:none;background-color:transparent;}
.mobile-nav .sidebar-nav .metismenu{display:flex;flex-direction:column;}
.mobile-nav .sidebar-nav .metismenu > li{position:relative;display:flex;flex-direction:column;}
.mobile-nav .sidebar-nav .metismenu a{position:relative;display:block;padding:10px 15px;transition:all 0.3s ease-out;text-decoration:none;color:rgba(255, 255, 255, 0.7);outline-width:0;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #2a2d36;}
.mobile-nav .sidebar-nav .metismenu a:hover,.mobile-nav .sidebar-nav .metismenu a:focus,.mobile-nav .sidebar-nav .metismenu a:active{text-decoration:none;color:#f8f9fa;background:#0A0A0A;}
.header-area .container{background:#fff;}
#hamburger{color:#171717;font-size:32px;line-height:1;text-align:center;display:none;}
#hamburger i{cursor:pointer;}




.logo1 img {
    max-height: 40px;
}

.main-menu ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-menu ul li a {
    text-decoration: none;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    transition: .3s;
}



.header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 25px;
}

.search-icon a {
    color: #222;
    font-size: 22px;
}

.rotae{
    transform: rotate(280deg);
}


#hamburger {
    font-size: 28px;
    cursor: pointer;
}

.header-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:20px;
}

.search-icon a{
    color:#222;
    font-size:22px;
}

.mobile-nav-bar{
    display:flex;
    align-items:center;
}

#hamburger{
    font-size:28px;
    cursor:pointer;
}
.about-section{
    padding-top: 0px !important;
}
.abouthead{
        margin-top: 40px;
}
.plst{
    margin-bottom: 40px;
}
.galleryrow img {
    height: 189px;
}

.midata{
      display: flex;
    align-items: center;      /* Vertical Center */
    justify-content: center;  /* Horizontal Center */
    height: 87vh;
}

@media (max-width: 1199px){
#hamburger{display:block;}
}
.offcanvas-overlay{position:fixed;background:#000;top:0;left:0;height:100%;width:100%;z-index:99;opacity:0;visibility:hidden;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
@media (max-width: 767px){
.footer-bottom{text-align:center;}
}
.logo img{width:460px;height:290px;object-fit:contain;margin-top:15px;}
.trig{text-align:right;}
.address{font-size:16px;line-height:25px;}
.custom-hr{width:200px;margin-left:0;opacity:1.2;}
.border-start{border-left:1px solid #000!important;}
.footer-top{padding-top:2rem!important;padding-bottom:1rem!important;background:#efefef;}
.footer-top ul{list-style:none;padding:0;}
.footer-top li{margin-bottom:0px;}
.footer-top a{text-decoration:none;color:#222;font-size:16px;}
.social-icons a{color:#000;font-size:28px;margin-right:15px;}


.social-icons a{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;background:#000;color:#fff;border-radius:50%;text-decoration:none;margin-right:5px;font-size:18px;transition:all 0.3s ease;margin-bottom:6px;}
.social-icons a:hover{background:#555;color:#fff;}
.main-menu{display:flex;justify-content:center;align-items:center;}
.main-menu ul{display:flex;justify-content:center;align-items:center;gap:45px;margin:0;padding:0;list-style:none;}

img{width:100%;}
@media only screen and (device-width: 768px){
.trig{text-align:center;}
}
@media (max-width: 992px){
.main-menu{display:none;}
.mobinfo{text-align:center;margin-top:0px!important;}
.border-start{border:none!important;}
.custom-hr{width:100%;}
.wi{width:100%;}
.logo img{height:170px;}
}

@media (max-width: 767px){
.mouseCursor{display:none;}
}

.header-area .navigation{position:relative;z-index:9;display:flex;align-items:center;background:#fff;}
.logo img{width:180px;height:95px;object-fit:contain;margin-top:15px;}
.main-menu ul{line-height:1;}
.main-menu ul > li{display:inline-block;line-height:1;margin:0 20px;position:relative;}
.main-menu ul > li > a{display:inline-block;font-size:15px;font-weight:400;text-transform:capitalize;line-height:1;padding:35px 0;overflow:hidden;color:#0A0A0A;}
.main-menu ul li{position:relative;}
.main-menu ul li a.navlink:before{position:absolute;content:"";bottom:30px;left:0;width:0%;height:2px;background:#171717;visibility:hidden;opacity:0;transition:all 0.5s ease 0s;}
.main-menu ul li a.navlink:hover:before{visibility:visible;opacity:1;width:100%;}
.main-menu ul li.active{position:relative;}
.main-menu ul li.active a{color:#0A0A0A;}
.main-menu ul li.active:before{position:absolute;content:"";bottom:30px;left:0;width:100%;height:2px;background:#171717;}
.mobile-nav{position:fixed;right:-380px;top:0;width:320px;height:100vh;scroll-behavior:smooth;overflow-y:scroll;transition:right 0.5s ease-in;background-color:#0A0A0A;padding:20px;z-index:9999;box-shadow:0 13px 35px -12px rgba(35, 35, 35, 0.15);}
.mobile-nav .close-nav{border:0;background:transparent;color:#fff;border-radius:30px;font-size:30px;position:absolute;left:20px;top:10px;}
.mobile-nav .sidebar-nav{margin-top:60px;}
.mobile-nav .sidebar-nav ul{margin:0;padding:0;list-style:none;background-color:transparent;}
.mobile-nav .sidebar-nav .metismenu{display:flex;flex-direction:column;}
.mobile-nav .sidebar-nav .metismenu > li{position:relative;display:flex;flex-direction:column;}
.mobile-nav .sidebar-nav .metismenu a{position:relative;display:block;padding:10px 15px;transition:all 0.3s ease-out;text-decoration:none;color:rgba(255, 255, 255, 0.7);outline-width:0;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #2a2d36;}
.mobile-nav .sidebar-nav .metismenu a:hover,.mobile-nav .sidebar-nav .metismenu a:focus,.mobile-nav .sidebar-nav .metismenu a:active{text-decoration:none;color:#f8f9fa;background:#0A0A0A;}
.header-area .container{background:#fff;}
#hamburger{color:#171717;font-size:32px;line-height:1;text-align:center;display:none;}
#hamburger i{cursor:pointer;}
@media (max-width: 1199px){
#hamburger{display:block;}
}
.offcanvas-overlay{position:fixed;background:#000;top:0;left:0;height:100%;width:100%;z-index:99;opacity:0;visibility:hidden;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
@media (max-width: 767px){
.footer-bottom{text-align:center;}
}
.logo img{width: 663px;
    height: 325px;object-fit:contain;margin-top:15px;}
.trig{text-align:right;}
.address{font-size:16px;line-height:25px;}
.custom-hr{width:200px;margin-left:0;opacity:1.2;}
.border-start{border-left:1px solid #000!important;}
.footer-top{padding-top:2rem!important;padding-bottom:1rem!important;background:#efefef;}
.footer-top ul{list-style:none;padding:0;}
.footer-top li{margin-bottom:0px;}
.footer-top a{text-decoration:none;color:#222;font-size:16px;}
.social-icons a{color:#000;font-size:28px;margin-right:15px;}
.footer-bottom{padding:15px 0;font-size:16px;}
.social-icons a{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;background:#000;color:#fff;border-radius:50%;text-decoration:none;margin-right:5px;font-size:18px;transition:all 0.3s ease;margin-bottom:6px;}
.social-icons a:hover{background:#555;color:#fff;}
.main-menu{display:flex;justify-content:center;align-items:center;}
.main-menu ul{display:flex;justify-content:center;align-items:center;gap:20px;margin:0;padding:0;list-style:none;}
.mobinfo{
        display: inline-grid;
    align-items: center;
   
}
.introduction-section{
        padding-bottom: 60px;
}
img{width:100%;}

@media only screen and (device-width: 768px){
.trig{text-align:center;}
}

@media (max-width: 992px){
.main-menu{display:none;}
.mobinfo{text-align:center;margin-top:0px!important;}
.border-start{border:none!important;}
.custom-hr{width:100%;}
.wi{width:100%;}
.logo img{height:170px;}

  .logo1 img{
    width: 40px;
        height: auto;
        position: relative;
        top: 4px;
    }
    .prv0{
        margin-bottom: 20px;
    }
   #header-sticky{
        padding-top: 10px;
    padding-bottom: 12px;
   }
}

@media (min-width: 992px){
.mobinfo{
    height: 375px;
}
.service-row{
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.ptb{
        padding-top: 10px;
    padding-bottom: 10px;
}
.footer-top .col-lg-2{
        padding-right: 0px;
    padding-left: 0px;
}
}



.mobile-nav{position:fixed;right:-380px;top:0;width:320px;height:100vh;scroll-behavior:smooth;overflow-y:scroll;transition:right 0.5s ease-in;background-color:#0A0A0A;padding:20px;z-index:9999;box-shadow:0 13px 35px -12px rgba(35, 35, 35, 0.15);}
.mobile-nav.show{right:0px;}
.mobile-nav .close-nav{border:0;background:transparent;color:#fff;border-radius:30px;font-size:30px;position:absolute;left:20px;top:10px;}
.mobile-nav .sidebar-nav{margin-top:60px;}
.mobile-nav .sidebar-nav ul{margin:0;padding:0;list-style:none;background-color:transparent;}
.mobile-nav .sidebar-nav .metismenu{display:flex;flex-direction:column;}
.mobile-nav .sidebar-nav .metismenu > li{position:relative;display:flex;flex-direction:column;}
.mobile-nav .sidebar-nav .metismenu a{position:relative;display:block;padding:10px 15px;transition:all 0.3s ease-out;text-decoration:none;color:rgba(255, 255, 255, 0.7);outline-width:0;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #2a2d36;}
.mobile-nav .sidebar-nav .metismenu a:hover,.mobile-nav .sidebar-nav .metismenu a:focus,.mobile-nav .sidebar-nav .metismenu a:active{text-decoration:none;color:#f8f9fa;background:#0A0A0A;}

.team-section{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:40px;}
.team-card{text-align:center;}
.team-card img{height:480px;object-fit:contain;}
@media (max-width:991px){
.team-section{grid-template-columns:repeat(3,1fr);}
.team-card img{height:auto;}
}
@media (max-width:576px){
.team-section{grid-template-columns:repeat(2,1fr);}
}



.toping{
  padding-top: 2.5rem!important;
}


.team-card{
    background: url("../img/new/about/team-bg.jpeg") no-repeat center;
    background-size: cover;
    border-radius:40px;
    overflow:hidden;
    text-align:center;
    padding:15px;
    transition:.4s;
    position:relative;
}

.team-card:hover{
    transform:translateY(-8px);
}

.team-img{
    border-radius:35px;
    overflow:hidden;
}

.team-img img{
      width: 100%;
    height: 325px;
    object-fit: cover;
    display: block;
    border-radius: 35px;
}

.team-content{
    padding: 24px 15px 20px;
        text-align: left;
}

.team-content h4{
    color:#fff;
    font-size:22px;
    font-weight:700;
    margin-bottom:15px;
}

.team-content p{
    color:#fff;
    font-size:22px;
    font-weight:300;
    line-height:1.2;
    margin:0;
}

.team-section .team-img img {
    width: 100%;
    height: 225px;
    object-fit: cover;
    display: block;
    border-radius: 35px;
}
.team-section .team-content h4 {
font-size: 18px;
}
.team-section  .team-content p {
font-size: 18px;
}

.services-section{
   padding-top: 0px !important;
    padding-bottom: 0px!important;
}

.service-heading{
    max-width:850px;
    margin-bottom:70px;
}

.sub-title{
    font-size:18px;
    font-weight:500;
    color:#555;
    margin-bottom:15px;
}




/*==========================
    Rows
==========================*/

.service-row{
    padding:70px 0;
}

.bg-light-cream{
    background:#f7f3ef;
}

.bg-light-blue{
    background:#eef8fb;
}

.bg-light-green{
    background:#eef8ef;
}

/*==========================
    Content
==========================*/

.service-content{
    max-width:430px;
}

.service-content h3{
       font-size: 2rem;
    line-height:1.1;
    font-weight:800;
    margin-bottom:25px;
    color:#222;
}



/*==========================
    Images
==========================*/

.service-img{
    width:100%;
    height:520px;
    object-fit:cover;
}

.row.g-0>.col-6:first-child img{
    border-right:8px solid transparent;
}

.row.g-0>.col-6:last-child img{
    border-left:8px solid transparent;
}

/*==========================
    Responsive
==========================*/

@media(max-width:1399px){



.service-content h3{
    font-size:44px;
}



.service-img{
    height:450px;
}

}

@media(max-width:1199px){

.service-content h3{
    font-size:38px;
}


.service-img{
    height:390px;
}

}

@media(max-width:991px){

.service-row{
    padding:60px 0;
}

.service-content{
    max-width:100%;
    text-align:center;
    margin-bottom:40px;
}

.service-content h3{
    font-size:36px;
}



.service-img{
    height:330px;
}

.service-heading{
    margin-bottom:50px;
}

}

@media(max-width:767px){

.services-section{
    padding:50px 0;
    padding-bottom: 0px;
}

.service-row{
    padding:50px 0;
}




.service-content h3{
    font-size:30px;
}



.service-img{
    height:260px;
}

}

@media(max-width:575px){




.service-content h3{
    font-size:26px;
}



.service-img{
    height:210px;
}

.row.g-0>.col-6:first-child img{
    border-right:4px solid transparent;
}

.row.g-0>.col-6:last-child img{
    border-left:4px solid transparent;
}

}




@media(max-width:991px){

.team-img img{
    height:350px;
}

.team-content h4{
    font-size:28px;
}

.team-content p{
    font-size:20px;
}
.team-section .team-img img{
  height: 200px;
}
.team-section .team-card{
  padding: 6px;
}

}

@media(max-width:576px){

.team-card{
    border-radius:30px;
    margin-top: 10px;
            margin-bottom: 10px;
}

.team-img{
    border-radius:25px;
}

.team-img img{
    height:300px;
    border-radius:25px;
}

.team-content{
    padding:20px 10px;
}

.team-content h4{
    font-size:24px;
}

.team-content p{
    font-size:18px;
}

}


@media (min-width: 1200px) {
.trightnew .service-content h3, .trightnew .service-content p{
    text-align: right;
}
}





/*==============================
Section project page
===============================*/


.bg-blue{
    background:#eef8fb;
}


/*==============================
Project Card
===============================*/
.project-sec-2{
        padding: 40px 0;
}
.projects-section{
    padding-bottom: 50px;
}

.project-card{
    transition:.35s;
}

.project-card:hover{
    transform:translateY(-8px);
}

.project-img{
    width:100%;
    height:360px;
    object-fit:cover;
    border-radius:18px;
    background:#d9d9d9;
}

.project-content{
    padding:25px 10px 0;
        text-align: center;
}

.project-content h4{
    font-size:22px;
    font-weight:800;
    margin-bottom:8px;
}

.project-content span{
    display:block;
    color:#666;
    font-size:16px;
    margin-bottom:10px;
}

.project-content p{
    color:#444;
    font-size:16px;
    margin-bottom:18px;
}

.btn-details{
    display:inline-block;
    background:#8d8d8d;
    color:#fff;
    text-decoration:none;
    padding:8px 22px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    transition:.3s;
}

.btn-details:hover{
    background:#222;
    color:#fff;
}

/*==============================
Modal
===============================*/

.modal-content{
    border:none;
    border-radius:18px;
}

.modal-header{
    border:none;
    padding:25px;
}

.modal-title{
    font-weight:700;
}

.modal-body{
    padding:25px;
}

.modal-body img{
    height:220px;
    object-fit:cover;
    border-radius:12px;
}


/*==============================
Responsive
===============================*/

@media (max-width:1200px){



.project-content h4{
    font-size:26px;
}

.project-img{
    height:300px;
}

}

@media (max-width:992px){


.project-img{
    height:320px;
}

.project-content{
    text-align:center;
}

}

@media (max-width:768px){


.project-img{
    height:270px;
}

.project-content h4{
    font-size:22px;
}

.project-content span{
    font-size:15px;
}

.project-content p{
    font-size:16px;
}

.modal-body img{
    height:180px;
}

}

@media (max-width:576px){





.project-img{
    height:230px;
}

.project-content h4{
    font-size:22px;
}

.project-content{
    padding-top:18px;
}

.btn-details{
    font-size:13px;
    padding:7px 18px;
}



}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  width: 100%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
  z-index: 999;
}

.absolute-header .header-sticky {
  background: #000;
}