/*
 Theme Name:   Mirvier Child
 Theme URI:    https://mirvier.jditechnology.net/
 Description:  Mirvie Child theme 
 Author:       JD Infotech
 Author URI:   http://jdinfotech.net/
 Template:     mirvier
 Version:      1.0.0
*/
 
@import url("../mirvier/style.css");

@font-face {
    font-family: 'Gaser';
    src: url('fonts/Gaser.woff2') format('woff2'),
        url('fonts/Gaser.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
  font-family: 'Chillax-Semibold';
  src: url('fonts/Chillax-Semibold.woff2') format('woff2'),
       url('fonts/Chillax-Semibold.woff') format('woff'),
       url('fonts/Chillax-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
    font-family: 'DM Sans';
    src: url('fonts/DMSans-Bold.woff2') format('woff2'),
        url('fonts/DMSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('fonts/DMSans-SemiBold.woff2') format('woff2'),
        url('fonts/DMSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('fonts/DMSans-Medium.woff2') format('woff2'),
        url('fonts/DMSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('fonts/DMSans-ExtraBold.woff2') format('woff2'),
        url('fonts/DMSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@media only screen and (min-width: 1025px) {
    #masthead .nav-container.fixed {
        background-color: #ffffff !important;
    }
}










@media (max-width: 767px) {
    #media_image-2{text-align:center;}
    .widget-area > div > div > div:nth-child(3){width:50%;z-index:2;}
    .widget-area > div > div > div:nth-child(4){width:50%;z-index:2;}    
    .widget-area > div > div > div:nth-child(4) img{width:40px;}
    .footer-widgets{padding:20px;}
    #hm-about-left > div{margin-right:0px !important;padding:30px 5px !important;}
    #hms1 > div,#hms3 > div{padding-right:0px !important;}
    #hms2 > div,#hms4 > div{padding-left:0px !important;}
    .hmser-title{width:75% !important;}
    .cnt-social .vc_column-inner{padding:0px !important;}
    
}

  @media (min-width: 992px) {
    .widget-area > div > div > div:nth-child(1){width:33.33333333%;}
    .widget-area > div > div > div:nth-child(2){width:33.33333333%;}
    .widget-area > div > div > div:nth-child(3){width:16.66666667%;}
    .widget-area > div > div > div:nth-child(4){width:16.66666667%;}
    #text-2{width:75%;}
    
  }

.vc_row{margin-left: 0px; margin-right: 0px;}

body{background-color:#F7F7F7 !important;}
.footer-area{padding:30px;}
.nav-container{background: #ffffff;}
.search-button{display:none !important;}
.footer-widgets{background-color:#F4EBED;border-top-left-radius:20px;border-top-right-radius:20px;position:relative;}
.site-footer{background-color:#8B5A34;padding:10px 0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.site-info{font-family: 'DM Sans';font-weight: 500;font-size:14px;line-height:20px;color:#FFFFFF;text-align:center;}
.footer-widgets{overflow: clip;background-color: #F4EBED;border-top-left-radius: 20px;border-top-right-radius: 20px;position: relative;}
.footer-widgets:before{content:url('/wp-content/uploads/2025/10/ft-left.svg');position:absolute;left:0px;bottom:10px;}
.footer-widgets:after{content:url('/wp-content/uploads/2025/10/ft-right.svg');position:absolute;right:0px;bottom:-50px;}
.cnt-box{background-color:#8B5A341F;border-radius:5px;padding:15px;display: flex;justify-content: flex-start;align-items: center;margin-bottom:20px;}
.cnt-box p,.cnt-box a,.cnt-box a:hover{font-family: 'DM Sans';font-weight: 500;font-size:14px;line-height:20px;color:#000 !important;text-align:center;text-decoration:none;margin-bottom:0px;}
.cnt-box img{margin-right:10px;}
.btn-menu.fancy span, .btn-menu.fancy span:before, .btn-menu.fancy span:after {background-color: #72021A;}
#mobile-menu {background-color: #72021A;border-top: 1px solid #72021A;}
#searchform-mobile{display:none;}
#mobile-menu ul li a{font-family: 'DM Sans';font-weight: 500;font-size: 16px;line-height: 24px;color: #fff !important;text-decoration:none;}


}

.sidebar-column a{display:inline-block;}
.site-content{padding:0px;}
.title-post{display:none;}
#main-nav ul li a,.nav-container.fixed #main-nav > ul > li > a,#main-nav li a:hover,.nav-container.fixed #main-nav > ul > li > a:hover,#main-nav li a:focus,#main-nav li a:focus-visible
{font-family: 'DM Sans';font-weight: 500;font-size:16px;line-height:24px;color:#000000 !important;box-shadow: unset !important;outline: unset !important;}
#nav_menu-2{padding-inline-start:0px;}
#nav_menu-2 ul{padding-left:0px;}
#nav_menu-2 li::before{display:none;}
#nav_menu-2 a,.widget-title{font-family: 'DM Sans';font-weight: 500;font-size:16px !important;line-height:20px;color:#000000 !important;text-decoration:none;}
#nav_menu-2 li{margin-bottom:20px;}


.hmser-title{ width: 50%;background: #1C202387;position: absolute;top: 0%;left: 50%;margin-right: -50%;transform: translate(-50%, 0%);padding:20px;}
.hmser-title h2{font-family: 'DM Sans';font-weight: bold;font-size:30px;line-height:36px;color:#FFFFFF;    } 
.hmser-title p{font-family: 'DM Sans';font-weight: 500;font-size:16px;line-height:20px;color:#FFFFFF;margin-bottom:0px;    } 
.hm-about-left p{font-family: 'DM Sans';font-weight: 500;font-size:16px !important;line-height:20px;color:#6B6B6B !important;   }
.hm-about-right{z-index:-1;}
.hm-about-left h2{font-family: 'DM Sans';font-weight: bold;font-size:30px;line-height:36px;color:#000;}
.gen-title h2{font-family: 'Chillax-Medium';font-weight: 500;font-size:36px;line-height:40px;color:#000;}
.gen-title p,.gen-title a{font-family: 'DM Sans';font-weight: 500;font-size:16px !important;line-height:20px;color:#6B6B6B !important;margin-bottom:0px;text-align:center;text-decoration:none;text-transform:capitalize;   }
.ab-cont{font-family: 'DM Sans';font-weight: 500;font-size:16px !important;line-height:20px;color:#6B6B6B !important;margin-bottom:0px !important;   }
.ab-title{font-family: 'DM Sans';font-weight: bold;font-size:30px;line-height:36px;color:#000000;text-align: left;position: absolute;top: 10px;}
.cnt-left,.cnt-right{padding:30px;}
.cnt-left p{font-family: 'DM Sans';font-weight: 500;font-size:16px !important;line-height:20px;color:#000 !important;margin-bottom:0px !important;}
.cnt-right h2{font-family: 'Chillax-Semibold';font-weight: 600;font-size:36px;line-height:48px;color:#fff;}
.cnt-right h4{font-family: 'DM Sans';font-weight: 500;font-size:20px !important;line-height:24px;color:#FFFFFF !important;margin-bottom:20px;}
.cnt-right h6{font-family: 'DM Sans';font-weight: 500;font-size:14px !important;line-height:20px;color:#FFFFFF82 !important;}
.cnt-left > div{box-shadow: 0px 4px 40.4px 0px #00000040;}

body.page-id-19{background-color:#FFFFFF !important;background-image:url('/wp-content/uploads/2025/10/cnt-back.jpg');background-size: contain;background-repeat: no-repeat;}


.service-item{margin-bottom:15px;padding:10px 5px !important;}
.service-item a{text-decoration:none;}
.service-thumbnail img{width:100%;border-top-right-radius:20px;border-top-left-radius:20px;height:200px;object-fit:cover;}
.service-cont{box-shadow: 0px 8px 19.5px 0px #0000002E;border-bottom-right-radius:20px;border-bottom-left-radius:20px;background-color:#FFF;padding:20px;}
.service-cont img{width:24px;height:24px;}
.service-title{font-family: 'DM Sans';font-weight: 500;font-size:30px;line-height:36px;color:#000000;}
.service-description{font-family: 'DM Sans';font-weight: 500;font-size:16px !important;line-height:20px;color:#808080 !important;}


#wpforms-submit-207{background: #72021A;font-family: 'DM Sans';font-weight: 500;font-size: 16px;}
#wpforms-submit-207:after{border:0px;}
#wpforms-207-field_1,#wpforms-207-field_2,#wpforms-207-field_3{border-color: #fff;border-radius: 5px;}


.single-project{background-color:#FDFDFD;border-radius:10px;padding: 30px;margin-bottom: 30px;}
.single-project > div{margin-bottom:5px;}
.single-project p{font-family: 'DM Sans';font-weight: 500;font-size:30px;line-height:36px;color:#000000;margin-left:5px;}
.single-project h3{font-family: 'DM Sans';font-weight: 500;font-size:16px !important;line-height:20px;color:#000 !important;margin-bottom:30px;}

.custom-swiper-button-prev,.custom-swiper-button-next,.custom-swiper-button-prev:hover,.custom-swiper-button-next:hover{padding: 0px;background-color: transparent;border: 0px;height:auto;}
.project-gallery-swiper .swiper-navigation{position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);width: 100%;z-index: 1;justify-content:space-between;display:flex;}
.project-gallery-swiper .swiper-pagination{display:none;}

.home-slider .slider-content{position:absolute;top:10%;left:5%;backdrop-filter: blur(1.7999999523162842px);padding:30px;border-radius:20px;background: #0000007A;max-width:calc(100% - 10%);}
.home-slider .swiper-button-next,.home-slider .swiper-button-prev{display:none;}
.home-slider .swiper-pagination-bullet-active{background-color:#FFF;}
.home-slider .slider-content h2{font-family: 'Gaser';font-weight: 400;font-size: 6rem;color:#FFF;margin-bottom:0px;}
.home-slider .slider-content h3{font-family: 'Chillax-Medium';font-weight: 500;font-size: 36px;color:#FFF;margin-bottom:0px;}
.home-slider .slider-content p{font-family: 'DM Sans';font-weight: 500;font-size: 16px;color:#FFF;margin-bottom:20px;}
.home-slider .slider-content .quote-btn{background-color:#72021A;border: 1px solid #FFFFFF;border-radius:10px;color:#FFF;padding:10px 15px;font-family: 'DM Sans';font-weight: 500;font-size: 16px;margin-right:10px;}
.home-slider .slider-content .project-btn{background-color:#72021A;border: 1px solid #FFFFFF;border-radius:10px;color:#FFF;padding:10px 15px;font-family: 'DM Sans';font-weight: 500;font-size: 16px;margin-right:10px;}
.home-slider .swiper-pagination{background-color: #ffffff6b;width: fit-content;margin: 0 auto;display: flex;padding: 10px 15px;border-radius: 20px;position: absolute;left: 50%;bottom: 20px;margin-right: -50%;transform: translate(-50%, 0%);height: 30px;}
.home-slider .swiper-pagination-bullet{width:10px;height:10px;}

.service-detail{padding:30px;}


/* Extra small devices (portrait phones, less than 576px) */
  @media (max-width: 575.98px) {
    .home-slider .slider-item img{object-fit:cover;height:450px;}
    .home-slider .slider-content h2{font-size:4rem ;}
    .home-slider .slider-content h3{font-size:2.5rem;}
    .home-slider .slider-content{padding:15px;}
    #abbox{margin-top:0px !important;}
    .ab-title{position:relative;margin-bottom:20px !important;}
    .ab-top-cont-left{order:2;}
    body.page-id-19{background-image:unset !important;}
  }
  
  /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) and (max-width: 767.98px) {
    .home-slider .slider-item img{object-fit:cover;height:500px;}
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) and (max-width: 991.98px) {
    .home-slider .slider-item img{object-fit:cover;height:500px;}
  }
  
  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .home-slider .slider-item img{object-fit:cover;height:400px;}
  }
  
  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) and (max-width: 1399.98px) {

  }
  
  /* Extra extra large devices (larger desktops, 1400px and up) */
  @media (min-width: 1400px) {

  }