/*_____WEB FONTS END_____*/
@font-face {
    font-family:'dmmono-Light';
    src: url("./font/dmmono-Light.ttf");
}

@font-face {
    font-family:'dmmono-Medium';
    src: url("./font/dmmono-Medium.ttf");
}

@font-face {font-family: 'Roboto Lt';src: url('../css/font/Roboto-Light.woff') format('woff2'),url('../css/font/Roboto-Light.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'Roboto Mediu';src: url('../css/font/Roboto-Medium.woff2') format('woff2'),url('../css/font/Roboto-Medium.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'Roboto';src: url('../css/font/Roboto-Regular.woff2') format('woff2'),url('../css/font/Roboto-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}

/*___________Scrollbar_____________*/
html{scrollbar-color: #000 #fff0;}
html {--scrollbarBG: #fff0;--thumbBG: #000;}
body::-webkit-scrollbar {width: 5px;}
body {scrollbar-width: thin;scrollbar-color: var(--thumbBG) var(--scrollbarBG); overflow-x: heddint!important} 
body::-webkit-scrollbar-track {background: var(--scrollbarBG);}
body::-webkit-scrollbar-thumb {background-color: var(--thumbBG) ;border-radius: 6px;border: 3px solid var(--scrollbarBG);}
*{scrollbar-color:  var(--thumbBG) var(--scrollbarBG);scrollbar-width: thin}
/*___________Scrollbar END_____________*/

:root{
  --fontdmmonolight:dmmono-Light;
  --fontdmmono:dmmono-Medium;
--fontlight:Roboto-Light.woff;
--fontMedium:Roboto-Medium.woff;
--fontRegular:Robot-Regular.woff;
}


/*___________COMMON STYLE_____________*/
select {word-wrap: normal;background-image: url(../images/icon/arrow-down.png)!important;background-repeat: no-repeat!important;background-position:center right 13px!important; padding-right:40px!important}
.mohan-footer a{color: var(--bs-body-color);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:auto;padding:0;list-style-type:none;text-decoration:none}
.fa-phone{transform: rotate(100deg);}
body {overflow-x: hidden;font-size: 13px;}
.clearfix{ clear:both}
img{ max-width:100%}
ul{ margin:auto; padding:0}
a{text-decoration:none;}
.oh{overflow:hidden}
.tu{text-transform:uppercase}
.pr{position:relative}
.ma{margin:auto}
.m0{margin:0}
.br{border-radius:100%}
.container{ max-width:1600px}

label.error {color:red;position: absolute;font-weight: normal;bottom: -20px;font-size:10px;left: 14px;}
section{ padding:50px 0 0;}
.space_min{ padding:40px 0}

/*top*/
#go_top{ position: fixed; bottom:-10%; right:1%; transition:all 0.6s;font-size:30px; cursor:pointer;}
#go_top i{border-radius:100%;color:#000}
#go_top.show{ bottom:7%}
/*top*/

.headding{ font-weight:400; font-size:60px; margin:0;}
.headding2{  font-weight:400; font-size:35px; margin:0;}
.title{font-weight:500; margin:10px 0; font-size:13px }
.center{ text-align:center}

/*___________COMMON STYLE END_____________*/

/*___________OWL SLDIER___________*/
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-grab{cursor:grabbing}.owl-drag{cursor:grab}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .owl-stage-outer, .owl-stage, .owl-item{height:100%;}.owl-dot{ border:none}.owl-nav button{ border:none; background:none; font-size:50px; position:absolute; top:0; bottom:0; margin:auto; opacity:0.6}.owl-nav button:hover{ opacity:1}.owl-nav button.disabled{ opacity:0.5}owl-carousel .owl-stage-outer{ overflow:hidden}
/*___________OWL SLDIER___________*/

/*___________HEADER_____________*/
header{padding:200px 0px 100px;position: relative;}
.logo-menu{display: flex;}
.mohan-logo a{margin:0;color:#000;}
.mohan-menu-right li a {color: #000;font-size: 13px; letter-spacing: 1px;font-family: var(--fontdmmonolight);}
.mohan-menu-rightone a{color:#000; font-size: 13px;}
.mohan-menu-rightone p{ font-size: 13px;font-weight:700;width:65%;text-align: left;margin:0 0 15px;}
.mohan-menu-right li a {position: relative;}
x.mohan-menu-right li a.active{font-weight:700;}
.mohan-menu-right li a::before {content: "/ ";position: absolute;left: -15px;display: none;}
.mohan-menu-right li a.active::before {content: "/ ";position: absolute;left: -15px;display:flex;align-items: center; display: none;}
.mohan-menu-right li a:hover::before {display: inline;}
.menu-btn{position: relative;display:none;}
.menu-button{position:fixed;right:0;transform:rotate(270deg);color:#000;text-transform: uppercase;top:50%;background:transparent;border:none;font-size: 13px;z-index: 1111;font-family: var(--fontdmmonolight);}
.overflow-hidden {overflow: hidden;}
.col-one .mohan-mainbnr{display: flex;gap:30px;margin:50px 0px;justify-content: right;}
.mohan-sectwo{margin:0;}
.mohan-sectwo video {width:100%}
.mohan-sectwo p{margin:30px 0px 0px;xfont-family: var(--fontdmmono);}
.col-one .mohan-mainbnr:nth-child(2){justify-content:right;}


/*___________HEADER END_____________*/

/*___________FOOTER_____________*/

/*___________FOOTER END_____________*/

body{background-color: #eeeeee;}
/*___________PAGE_____________*/
/* Section one start */

.mohan-home-bnr{padding: 80px 0; }
.mohan-mainbnrone{display:flex; gap: 2%;}

.mohan-home-bnr a{color:#000;margin-top:0;}
.mohan-mainbnrone img{width: 100%;}
.mohan-mainbnrone p{margin: 15px auto; font-family:DMMono-Light;}
.white-logo a p{margin:0;line-height:1;font-family: var(--fontdmmonolight);}
.mohan-logo a p{margin:0;line-height:1;font-family: var(--fontdmmonolight);}
/* Section one end */



/* Client section Start  */
.mohan-client ul{width:100%;padding-bottom:200px;}
/* .mohan-client li{font-size:20px;font-family:'dmmono-Medium';} */
.mohan-listone li{font-family: var(--fontRegular);font-size: 30px;line-height: 1.1;font-weight: 400;}
.mohan-listtone li{font-family: var(--fontRegular);font-size: 30px;line-height: 1.1;font-weight: 400;}
.mohan-client{position: relative;margin-bottom:200px;}
.mohan-client ul:nth-child(2){position:absolute;top:76%;left:30%;}
/*    .mohan-listtwo ul{margin-top: 30%;}*/
/* Client section End  */

.mn_dv{font-size: 35px;margin: 20px 0px 40px 0px;}



/* menu start */
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.full-menu{position:relative;}

.full-menu .mohan-menu-right {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}



.full-menu .mohan-menu-right li a {
     font-size: 13px;
  color: #000;
  line-height:10px;
  }

.full-menu .main-nav li a:hover,
.full-menu .main-nav li a:focus {
  border-bottom: 7px solid #000;
}

.full-menu .row{display: flex;align-content: center;height:85vh;}


.white-logo a{color:#000;}
.full-menu {
  visibility: hidden;
  display: table;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color:#eff0f2;
  z-index: 111;
  
}

.full-menu--open {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.full-menu--transition {
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.full-menu--middle {
  display: table-cell;
  vertical-align: middle;
}

/* menu end */
/*___________PAGE END_______


/*___________PAGE END_____________*/

/* footer start */
footer{position: relative;}
/* .footer-main{padding: 600px 15px 0;} */
.footer-main {padding: 0; margin: 0;}
.footer09 {display: flex; justify-content: space-between; margin: auto; padding-top: 100px; padding-bottom:50px; width: 100%;text-align:right}
.footer-bottom {margin:0}
    .footer-bottom a{margin:0;}
   .footer-bottom i{color: #000;}
/* .footer-bottom{height: 60vh;text-align: right;display: flex;align-items: flex-end;flex-direction: column;justify-content: flex-end;padding-bottom:80px;} */
   .mohan-footer p{margin:0;font-family: var(--fontdmmonolight);line-height:1}
   .footer-bottom p{margin:0;font-family: var(--fontdmmonolight);}
/* .mohan-footer p{margin: 15% 6%;} */
/* .mohan-footer{float: right; padding: 0 46%; } */

/* footer end */


.prev-next{display: flex;justify-content:flex-end;margin:30px 0 0;gap:15px;}
.prev-next a, .prev-next span{margin:0;color:#000}
.prev-next a:hover{color:#7e7e7e;}


/*__________About_____________*/

.about-text{padding:100px 30px 0px 0px;width: 79%;margin: auto 0;}
.about-text p{font-family: var(--fontMedium);font-size: 17px;width: 100%;letter-spacing: -.8px;}
.service_text{font-family: var(--fontMedium);font-size: 22px;letter-spacing: -1px;line-height: 25px;margin-bottom: 50px;}
.hr-custom{border:1px solid #000;margin:50px 0px;opacity:1;}
/* .brands{display:flex;flex-wrap:wrap;gap:5px;margin:50px 0px 200px;}
.brands p{margin:0;display: block;cursor:pointer;font-family: var(--fontMedium);font-size: 30px;line-height: .9;font-weight: 400;letter-spacing: -2px;} */
/* .brands a:hover{font-weight:700;} */
.brands{width: 72%;margin: 0;margin-top: 30px;margin-bottom: 200px;}
.brands p{font-family: var(--fontMedium);font-weight: 400;font-size: 30px;line-height: 1.2;letter-spacing: -2px;}
.mohan-profile{width:200px;}

/*__________About_____________*/




/*___________ MOBILE RESPONSIVE CODE _____________*/


@media only screen and (max-width:1450px){
.container{max-width:90%;}
}

@media only screen and (max-width:768px){
.footer-bottom{padding-top: 120px;}
.mohan-sectwo p {margin:15px 0px 0}
}

@media only screen and (max-width:567px){
.stickynav09{padding: 65px 0;}
.mohan-menu-right{float: right;}
    .mohan-menu-rightone{width: 100%;}
        .mohan-mainbnrone p, .mohan-mainbnrtwo p, .mohan-mainbnrthree p, .mohan-mainbnrfour p, .mohan-mainbnrfive p, .mohan-mainbnrsix p{font-size: 13px;}
        .mohan-mainbnrone, .mohan-mainbnrtwo, .mohan-mainbnrthree, .mohan-mainbnrfour, .mohan-mainbnrfive, .mohan-mainbnrsix{display: block;}
        .mohan-home-bnr, .mohan-home-bnrtwo, .mohan-home-bnrthree, .mohan-home-bnrfour, .mohan-home-bnrfive, .mohan-home-bnrsix{padding: 0 0;}
        .mohan-mainbnrone img, .mohan-mainbnrtwo img, .mohan-mainbnrthree img, .mohan-mainbnrfour img, .mohan-mainbnrfive img, .mohan-mainbnrsix img{padding: 30px 0;}
        .col-one .mohan-mainbnr{display:flex;flex-direction:column;}
       .full-menu--middle{display:flex;justify-content: center;}
       .white-logo{position: absolute;}
       .mohan-logo{position: absolute;}
       .about-main{display:flex;flex-direction:column-reverse;}
       .about-text{padding:30px 0px 0px 0px;width: 100%;}
       .mohan-client{margin-bottom:150px;}
       .mohan-client ul:nth-child(2){top:initial;margin-top:0;left:initial;position: relative;}
       .mohan-home-client{overflow-y:hidden;}
       .mohan-client ul{padding-bottom:0;}
       .brands{margin-bottom: 0px;width: 100%;}
       .brands a{font-size: 23px;}
       .service_text{font-size: 18px;}
       .service_text br{display: none;}
       .footer-bottom{height: auto;}
	.footer09 {height:auto; padding-top:100px; padding-bottom:30px}
/*        .footer-main{padding-top: 100px;} */
       .mn_dv{font-size: 25px;margin: 10px 0px 20px;}
}

/*___________ MOBILE RESPONSIVE CODE END_____________*/

/* Modal Styling */
.modal {
	  cursor: crosshair;
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff; /* Dark Grey Background */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Centered Image Box */
.modal-content {
	  cursor: auto;
	border:none;
    position: relative;
    background: #fff;
      padding: 30px 0 50px;
    border-radius: 0;
    max-width: fit-content;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
	  height: 100%;
}

/* Image Styling */
.modal-content img {
  max-width: 100%;
  border-radius: 0;
  width: auto;
  height: 100%;
  object-fit: contain;
}

/* Close Button */
.close {
    position: absolute;
    top: 23px;
    right: 23px;
    font-size: 60px;
    color: #333;
    cursor: pointer;
    font-weight: lighter;
	  line-height: 15px;
}

.close:hover {
    color: red;
}

/* Navigation Buttons */
.modal-nav {
    display: flex;
    justify-content:end;
    width: 100%;
    margin-top: 15px;
	position: absolute;
  bottom: 12px;
  right: -19px;
}

.modal-nav button {
    background: none; /* Dark grey button */
    color: #000;
    border: none;
    padding: 5px 20px;
    cursor: pointer;
    font-size: 13px;
    border-radius: 5px;
    transition: 0.3s;
}

.modal-nav button:hover {
    background: none; 
}
.modal-nav button{position:relative}
.modal-nav button:first-child::after{content:'/';position:absolute;right:0 }
.mohan-sectwo{cursor: pointer;}
.hidden{display:none;}