* { box-sizing: border-box;}

body { font-weight: 400; font-size: 14px; color: #171717; line-height: 1.4; font-family: "Sora", sans-serif; overflow-x: hidden;}  
a { text-decoration: none !important; transition: .3s all ease; } 
li{ list-style: none;}
h1, h2, h3, h4, h5, h6, p { margin-top: 0px; margin-bottom: 0px; } 
ul { margin-bottom: 0px; padding-left: 0;}  
input:focus{ outline: none; box-shadow: none; }
.container{ max-width: 1280px; }
.header-area .main-nav { background: transparent; } 
.header-area .main-nav .nav { margin-top: 0; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; z-index: 999; width: 100%; display: flex; align-items: center; justify-content: space-between;} 
.header-area .main-nav .nav li { padding: 0 20px; flex: 1 0 auto; }
.header-area .main-nav .nav li:last-child{ padding-right: 0; }
.header-area .main-nav .nav li a { display: flex; font-weight: 500; font-size: 14px; text-transform: capitalize; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; align-items: center; position: relative; padding: 15px 0; border-top: 1px solid #6186AC; } 
.header-area .main-nav .nav li:last-child > .sub-menu{ left: auto; right: 0; }
.header-area .main-nav .nav li:last-child > .sub-menu:before{ right: 20px; left: auto; }
.header-area .main-nav .nav li a.active, .header-area .main-nav .nav li:hover a { color: #E67817; } 
.header-area .main-nav .nav li.menu-item-has-children { position: relative; }
.header-area .main-nav .nav li:nth-child(2) { padding-left: 0; }
.header-area .main-nav .nav li.menu-item-has-children ul.sub-menu { position: absolute; width: 220px; background-color: #046F7D; box-shadow: 0 0px 18px 2px rgba(0, 0, 0, 0.1); top: 93%; opacity: 0; transition: all .2s; transform: translateY(+2em); visibility: hidden; z-index: -1; } 
.header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li { margin-left: 0px; padding-left: 0px; padding-right: 0px; margin-right: 0; } 
.header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li a { opacity: 1; display: block; background: #E67817; padding: 12px 15px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative; font-size: 13px; font-weight: 500; color: #fff; border-top: 0 solid #6186AC;} 
.header-area .main-nav .nav li.menu-item-has-children ul li:hover > a{ background: #d0711e; color: #fff!important; } 
.header-area .main-nav .nav li.menu-item-has-children ul li a:hover:before { width: 3px; } 
.header-area .main-nav .nav li.menu-item-has-children:hover > ul.sub-menu { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition: .3s all ease } 
.header-area .nav { margin-top: 30px; }
 .sticky_menu { display: none; }
 .fixed_header .sticky_menu { position: fixed; top: 0; left: 0; right: 0; margin: auto; width: 100%; display: block; z-index: 999; animation: smoothScroll 1s forwards; display: flex; align-items: center; background: #273940; box-shadow: 0 0 5px 5px rgba(0,0,0,.2);}
 @keyframes smoothScroll{
  0%{transform:translateY(-100px)}
  100%{transform:translateY(0px)}
}
.fixed_header .main-nav .logo{ padding-top: 0;}
.fixed_header .main-nav .logo img { max-width: 60%; }
.header-area .main-nav .nav li.menu-item-has-children:hover li.menu-item-has-children > .sub-menu{ left: 100%; top: 0; }
.sub-menu li .sub-menu:before{ display: none; }
.header-area .main-nav .nav li.menu-item-has-children i { position: absolute; right: 20px; top: 51%; color: #fff; font-size: 14px; z-index: 99; transform: translateY(-50%) rotate(0); transition: .3s all ease; cursor: pointer; }
.header-area .main-nav .nav > li.menu-item-has-children:hover i { color: #E67817; transform: translateY(-50%) rotate(0deg); }
.header-area .main-nav .nav li.menu-item-has-children li.menu-item-has-children:hover i{ color: #fff; transform: translateY(-50%) rotate(-90deg); }
.sticky_menu.main-nav .nav li:last-child{ padding-right: 20px; }
.header-area .main-nav .nav li a.active:before{ width: 100%; }
.header-area .main-nav .nav li:last-child i{ right: 0; }
.header-area .main-nav .nav li:hover > a:before, .header-area .main-nav .nav li:active > a:before{ width: 100%; }
.header-area{ position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 9999; }
.main_menu_sec { flex: 1 0 auto; position: relative;}
.header_right { flex: 1 0 auto; }
.logo_sec img { max-width: 200px; }
.menu_icon>a { width: 35px; transition: .3s all ease; }
.menu_icon span { width: 35px; height: 2px; background: #C3C5CF; display: block; position: relative; } 
.menu_icon span:nth-child(2) { margin: 8px 0; }
.menu_icon{ margin: 0 25px; }
.sticky_menu .btm_nav_inner{ padding: 10px 0; }
.header_top_sec{ padding: 10px 0; }
.header_call a{ font-size: 16px; color: #fff; font-weight: 500; margin-right: 40px; }
.header_call a:hover{ color: #E67817; }
.site_btn{ font-size: 14px; color: #fff; font-weight: 500; background: transparent; display: inline-flex; align-items: center; justify-content: space-between; text-transform: capitalize; padding: 12px 20px; border-radius: 25px; position: relative; border: 1px solid #FFFFFF; width: 170px; transition: .3s all ease;}
.site_btn:hover{ background: #E67817; border-color: #E67817; color: #fff; }
.site_btn i{ font-size: 16px; }
.language_sec{ margin-left: 15px; }
.language_sec .dropdown-toggle::after{ display: none; }
.language_sec button{ background: transparent; width: 45px; height: 45px; border-radius: 50%; border: 1px solid #fff; transition: .3s all ease;}
.language_sec button:hover{ background: #E67817; }

    .heading {
      font-weight: bold;
      font-size: 16px;
      color: #EEEEEE; /* Blue */
      display: inline-block;
      position: relative;
    }

    .heading .full-line {
    position: absolute;
    height: 2px;
    background: #0070c0;
    bottom: 0px;
    left: 5px;
    width: 50%;
}
  .heading .partial-line {
    position: absolute;
    height: 2px;
    background: #f7931e;
    bottom: -4px;
    left: 90px;
    width: 55%;
}  
    .logo_sec h6{
        white-space: nowrap;
color: #EEEEEE;
font-size: 11px;
  padding-left: 4px;
font-weight: 300;

    }
.header-area .main-nav .nav li.menu-item-has-children:before{ content: '\f107'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-family: 'Font Awesome\ 5 Free'; font-weight: 700; color: #fff;}
.header-area .main-nav .nav li.menu-item-has-children:hover:before{ color: #E67817; }
.header-area .sticky_menu .nav li.menu-item-has-children:before{ right: 0; top: 52%; }
.banner_section{ position: relative; z-index: 9; overflow-x: hidden; }
.bg_overlay{ position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 9; }
.banner_outer { position: absolute; left: 0; right: 0; transform: translateY(-50%); top: 50%; z-index: 99; }
.banner_content{ max-width: 500px; }
.banner_content h1{ font-size: 48px; color: #fff; font-weight: 500; line-height: 1.1; margin-bottom: 25px; }
.banner_content p{ font-size: 16px; color: #fff; font-weight: 400; line-height: 1.45; margin-bottom: 20px; }
.banner_slide{ position: relative; }
.banner_thumb .banner_slide > img, .banner_section > img{ height: calc(100vh - 171px); object-fit: cover; }
.sticky_menu .nav{ padding-left: 70px; }
.sticky_menu.main-nav .nav li a{ border-top: 0; }
.sticky_menu .logo_sec img { max-width: 170px; }
.sticky_menu.main-nav .nav li{ flex: none; }
.sticky_menu.main-nav .nav li.menu-item-has-children i{ right: 0; }
.banner_slider{ margin-top: -215px; padding-left: 30%; margin-bottom: 32px; }
.banner_slider .swiper-wrapper{ justify-content: flex-end; }
.banner_slider .banner_slide img{ height: 130px; object-fit: cover; }
.banner_caption h5{ font-size: 16px; color: #fff; font-weight: 500; margin-top: 15px; }
.banner_slider .swiper-slide-thumb-active .banner_slide img{ filter: brightness(.5) }

.space_sec{ padding: 100px 0; }
#space_sec_id{
 padding: 100px 0; border-top: 2px solid #6186AC; background: #273940;
}
.about_section{ background: #273940; }
.about_content h2{ font-size: 36px; color: #fff; font-weight: 500; margin-bottom: 25px; }
.about_content p{ color: #fff; margin-bottom: 20px; }
.about_content p:last-child{ margin-bottom: 0; }
.about_content{ padding: 0 2% }

.video_section{ position: relative; }
.play_icon{ width: 110px; height: 110px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #fff; border: 1px solid #707070; }
.play_icon img{ max-width: 25px; }
.play_icon:hover{ background: #ccc; }
 .youtube-container {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: calc(100vh - 175px); 
      pointer-events: none;
    }

    .youtube-container iframe {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%; 
      height: 100%;
      transform: translate(-50%, -50%);
    }
     @media (min-aspect-ratio: 16/9) {
      .youtube-container iframe {
        width: 100%;
        height: 177.78%;
      }
    }
.heading_sec h5{ font-size: 20px; color: #171717; }
.heading_sec h4 {
    font-size: 18px; color: #EEEEEE !important;
}
.help_section{ position: relative; margin-bottom: 5px; }
.help_section > img{ height: 100vh; object-fit: cover; }
.help_content{ background: #fff; padding: 70px 30px; max-width: 580px; margin: auto; }
.heading_sec h3{ font-size: 30px; color: #171717; font-weight: 600; max-width: 70%; margin: 0 auto 40px; }
.help_btn{ margin-top: 50px; margin-bottom: 20px; }
.help_btn .site_btn{ border-color: #E67817; color: #E67817; }
.help_btn .site_btn:hover{ color: #fff; }


.footer_outer{ background: #E5E5E5; padding: 50px 0 0; }
.heading_sec h2{ font-size: 40px; color: #3B0C11; font-weight: 400; margin-bottom: 12px; }
.heading_sec p{ font-size: 20px; color: #3D4854; font-weight: 400; }
.newsletter_mail{ position: relative; }
.newsletter_mail input{ font-size: 16px; color: #3B0C11; font-weight: 400; padding: 20px 70px 20px 15px; background: #EEEEEE; border: 1px solid #BCBCBC; }
.newsletter_mail input::placeholder{ color: #3B0C11;}
.newsletter_mail .submit_btn { border: 0; padding: 0; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; height: 75%; opacity: 0; z-index: 1; }
.form_icon > img{ max-width: 80%; position: absolute; top: 33px; transform: translateY(-50%); right: 10px;}
.newsletter_section .row{ border-bottom: 5px solid #E67817; padding: 0 6% 30px;}
.footer_section .row{ padding: 50px 6%; }
.footer_menu h4{ font-size: 20px; color: #171717; font-weight: 600; margin-bottom: 17px; }
.footer_menu li a{ color: #171717; display: block; margin-bottom: 6px;  }
.footer_menu li a:hover{ color: #E67817; }
.footer_ss li a{ text-decoration: underline !important; }
.footer_ss li{ position: relative; padding-left: 25px;}
.footer_ss li img{ position: absolute; left: 0; top: 0; right: 0; }
.footer_contact{ margin-top: 15px; }
.footer_contact p{ display: flex; align-items: center; margin-bottom: 6px; }
.footer_contact p a{ margin-bottom: 0; }
.footer_copyright p{ text-align: center; color: #3B0C11; border-top: 1px solid #B8967E; padding: 20px 0; }
.newsletter_content .heading_sec { padding: 0; }

.products_section h3{ color: #434343; max-width: 100%; margin-bottom: 45px; }
.products_row{ margin: 0 -8px; }
.products_col{ width: 25%; padding: 0 8px 20px;  }
.products_block{ border: 2px solid #EEEEEE; padding: 20px;}
.products_caption h6 { margin-top: 20px; font-size: 17px; color: #747474; text-transform: uppercase; font-weight: 600; }
.products_caption h6 a{ color: #747474; }
.products_caption span{ font-size: 13px; text-transform: none; display: block; }
.products_col:nth-last-child(1), .products_col:nth-last-child(2), .products_col:nth-last-child(3), .products_col:nth-last-child(4){ padding-bottom: 20px; }
.products_caption h6 a:hover{ color: #d0711e; }


.testimonials_section{ background: linear-gradient(90deg, #3D4854 50%, #E67817 50%); }
.testimonials_img{ padding: 60px 60px 60px 0; }
.testimonials_content{ padding: 60px 110px 60px 60px; position: relative; }
.testimonials_content h6{ font-size: 14px; font-weight: 500; color: #fff; position: relative; padding-bottom: 25px; margin-bottom: 30px; }
.testimonials_content h6:before{ content: ''; position: absolute; right: 0; bottom: 0; width: 178%; height: 1px; background: #fff; }
.testimonials_content i{ font-size: 50px; color: #fff; margin-bottom: 25px; }
.testimonials_content p{ color: #fff; font-weight: 400; }
.testimonials_block { margin-top: 90px; max-width: 150px; margin-left: auto; position: relative; }
.testimonials_block h5 { font-size: 18px; color: #fff; font-weight: 600; position: absolute; left: -46px; bottom: 17px; max-width: 150px; }
.testimonials_name h2 { font-size: 68px; color: #fff; font-weight: 600; line-height: 1; position: absolute; left: -200px; bottom: 130px; max-width: 440px; }

.partners_section{ position: relative; overflow: hidden;}
.partners_section h3{ color: #E67817; text-transform: uppercase; max-width: 100%; margin-bottom: 20px; }
.partners_section h2{ font-weight: 600; line-height: 1; margin-bottom: 0;}
.partners_section .para_sec{ max-width: 89%;}
.partners_block{ margin-top: 95px; position: relative; }
.partners_box span{ width: 190px; height: 190px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #707070; background: #fff; }
.partners_box span img{ max-width: 80%; transition: .5s all ease;}
.partners_box{ padding: 0 18px; }
.partners_box span:hover img{ transform: scale(1.1);}
.bg_img{ position: absolute; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1; }

.testi_section{ background: #273940; }
.testi_section h3{ max-width: 100%; color: #fff; margin-bottom: 60px; }
.testi_block{ border: 1px solid #707070; padding: 30px 30px 40px; position: relative; background: #273940; margin-bottom: 25px;}
.testi_block p{ color: #fff; }
.testi_block h5{ border-top: 3px solid #CA6F1D; padding-top: 25px; margin-top: 25px; font-size: 17px; color: #fff; font-weight: 400; }
.testi_block > span > img{ border: 1px solid #707070; background: #273940; border-radius: 50%; max-width: 90px; }
.testi_block > span{ position: absolute; left: 30px; top: -45px; }

.inner_header{ background: #273940; padding-bottom: 10px; position: relative;}
.inner_banner h3{ color: #fff; font-weight: 500; max-width: 100%; margin-bottom: 0; }
.inner_banner .banner_content{ max-width: 728px; }
.inner_banner .banner_outer{ top: 50%; }

.lgf_section{ background: linear-gradient(360deg, #3D4854 65%, #fff 65%); padding-bottom: 50px;}
.lgf_section h4{ font-size: 24px; color: #E67817; font-weight: 400; }
.lgf_section .para_sec p{ font-size: 14px; }
.lgf_section .para_sec{ padding-left: 20px; }
.about_img{ margin: 50px 0; }
.about_contents .para_sec p{ color: #fff; margin-bottom: 15px; text-align: justify; }
.mission_section .heading_sec1{ max-width: 500px; margin-bottom: 50px; }
.mission_row{ border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; }
.mission_block h5{ font-weight: 600; margin-bottom: 15px; }
.mission_block .para_sec p{ font-size: 15px; }
.mission_block { border: 1px solid #E9E9E9; padding: 20px; background: #eee; }
.mission_block .para_sec { max-width: 100%; text-align: justify; }
[class*="col-"]:last-child .mission_block{ border-right: 0; }
.team_col{ width: 33.33%; padding: 0 3px; margin-bottom: 5px; }
.team_front .heading_sec{ background: #F2F2F2; padding: 25px 15px; }
.team_front .heading_sec h5{ font-weight: 600; margin-bottom: 2px; }
.team_front .heading_sec p{ font-size: 14px; }
.team_block_hover h3{ max-width: 100%; margin-bottom: 15px; color: #fff; font-weight: 500; }
.team_block_hover{ background: #E67817; padding: 60px 26px; color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0; transition: .3s all ease;}
.team_block_hover p{ margin-bottom: 17px; font-size: 15px; }
.team_front > span > img{ height: 380px; object-fit: cover; }
.team_main{ position: relative; }
.team_main:hover .team_block_hover{ opacity: 1; }
.about_imgs{ padding-left: 10px; }


.project_item{padding: 80px 0;}
.project_content{margin-bottom: 50px; padding: 0 8px;}
.project_content .heading_sec{padding: 15px 0 5px;}
.project_content .heading_sec h5{font-weight: 600;}
.project_listing ul li{font-size: 14px; padding: 3px 8px 12px 0px;}
.project_listing ul li span{font-weight: 600;}
.project_outer{transform: translateY(0);}
.project_outer .banner_content{max-width: 600px;}
.project_banner_section img{height: 600px;}
.dark_bg{position: relative; background: #273940;}
.download_item{border: 1px solid #CECECE; background-color: #fff; padding: 20px 40px;}
.download_item img{max-width: 150px;}
.download_item .help_btn a i{color: #000;}
.contact_form .form_group{width: 49%; margin-bottom: 20px;}
.contact_form form{display: flex;flex-wrap: wrap;justify-content: space-between;text-align: left;margin-top: 25px;}
.contact_form form label{font-size: 13px; color: #3B0C11; padding-bottom: 5px;}
.contact_form form input{border-radius: 0;}
.contact_form .form_desc{width: 100%;}
.contact_form .form_desc textarea{width: 100%; border: 1px solid #CECECE; height: 150px; resize: none;}
.form_btn .help_btn{margin-top: 0;}
.form_btn .help_btn .site_btn{border: 2px solid #E67817; background: #E67817; color: #fff;}
.form_btn .help_btn .site_btn:hover{color: #E67817;background: #fff;}
.contact_form{padding-right: 60px;}
.address_content{padding-left: 20px;}
.address_lgf{display: flex; align-items: center; justify-content: space-between;}
.address_head{width: 50%;}

.address_head .heading_sec h5{font-weight: 600;}
.address_head .heading_sec h5:nth-child(2){font-weight: 400; font-size: 18px; margin-top: 5px;}
.address_det li{font-weight: 600; margin-bottom: 5px; font-size: 18px;}
.address_det li a{font-weight: 400; color: #171717; display: inline-block; padding-left: 5px;}
.address_det li a:hover{ color: #E67817; }
.lgf_map{margin-top: 50px;}
.lgf_map iframe{width: 100%; height: 450px;}
.contact_content .heading_sec h2{color: #171717; font-size: 40px; font-weight: 600; padding-bottom: 20px;}
.pl_content{display: flex;justify-content: center;}
.pl-content-left{width: 22%; padding: 13px 0px 0px 0px;}
.pl-content-left .para_sec{
    color:#EEEEEE;
}
.pl-content-right{width: 78%; padding-left: 50px;}


.toggle_btn{display: flex; justify-content: space-between;}
.pltab ul {display: flex;flex-direction: column;padding-left: 0; padding-top: 20px;}
.pltab ul li a{color: #3B0C11; font-size: 14px;}
.pltab ul li a span { color: #cdcdcd; font-size: 21px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.plcontent1{padding-top: 20px;}
.plcontent1 .para_sec p{font-weight: 600; font-size: 15px;}
.pltab .nav-pills .nav-link{padding: 0;}
.pltab .nav-pills .nav-link.active, .pltab .nav-pills .show>.nav-link{background: transparent; color: #3B0C11;}
.pltab .nav-link:focus, .pltab .nav-link:hover {color: #3B0C11;}
.casement_tab_cont{ padding: 20px; margin-bottom: 20px; box-shadow: 0px 3px 4px 2px  #98b1ca;  display: flex;
    flex-wrap: wrap; justify-content: center; }
.pl-content-right h4{font-size: 24px;}
.casement_tab_cont .para_sec p:first-child{color: #EEEEEE; font-weight:600; font-size: 15px; margin-bottom: 5px;}
.casement_tab_cont .para_sec p{color: #EEEEEE; font-weight:400; font-size: 13px;}
.casement_tab_cont img{max-width: 200px; margin-bottom: 20px;}
.nav-item { display: flex; justify-content: space-between; align-items: center; width: 100%; position: relative; margin-bottom: 10px;} 
.nav-link { flex-grow: 1; text-align: left; border: none; } 
.toggle-btn { background: none; border: none; font-size: 1.2rem; cursor: pointer; margin-left: 10px; }        
.project_item_outer .row{ margin: 0 -20px; }
/* .lgf_section .row [class*="col-"]:first-child, .address_lgf .address_head:first-child{ border-right: 1px solid #333; } */

.related_product h4{font-size: 25px; color: #171717;}
.prod_detail{background: #F2F2F2; padding-bottom: 100px; position: relative;}
.prod_det_content h3{max-width: 95%;margin:0; margin-bottom: 20px;}
.prod_det_content .para_sec p:first-child{color: #676767 ; font-size: 15px; font-weight: 600;}
.prod_det_content .para_sec p{color: #3B0C11; font-size: 13px; padding-top: 5px;}
.prod_listing{margin: 30px 0;}
.prod_listing ul li{font-size: 15px; margin-bottom: 5px;}
.prod_listing ul li span{font-weight: 600;}
.prod_det_content{padding-top: 50px; padding-left: 15px; text-align: justify;}
.prod_det_content h5{font-weight: 600;}
.form_btn1 .help_btn{margin-top: 20px;}
.form_btn1 .site_btn{width: 185px; padding: 12px;}
/* .prod_content [class*="col-"]:first-child { background-color: #fff; position: absolute; left: 0; top: 0; width: 46%; }
.prod_content [class*="col-"]:last-child { margin-left: auto; width: 54%;} */
.breadcrumb-item a{font-size: 11px; color: #3B0C11 !important;}
.breadcrumb-item {font-size: 11px; padding: 0 !important;}
.breadcrumb-item+.breadcrumb-item::before{ padding: 0 !important; }
.bigSwiper .swiper-slide img{max-width: 750px;}
.related_product{ margin-top: 80px; }
.nav_container{ position: relative; }
.prod_content nav{ padding-bottom: 50px; }
.prod_slider { padding: 20px 0; background: #fff; position: relative;}
.prod_slide{ padding-right: 50px; }
.smallSwiper{ margin-top: 50px; padding-right: 30px;}
.smallSwiper .prod_slide{ padding-right: 0; border: 2px solid #F1F1F1; background: #fff; height: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .5s all ease}
.smallSwiper .prod_slide img{ width: 100px; object-fit: cover; }
.prod_slider:before { content: ''; position: absolute; left: -4000px; width: 4000px; height: 100%; background: #fff; top: 0; }
.smallSwiper .swiper-slide-thumb-active .prod_slide { filter: brightness(.9); }
.inner_banner h1{ font-size: 30px; }
.testimonials_main_section h2{ font-weight: 600; margin-bottom: 40px; }
.testimonials_main_section{ background: #F2F2F2; }
.testimonials_main_outer{ margin: 0 -8px; }
.testimonials_main_col{ width: 33.33%; padding: 0 8px; }
.testimonials_main_block{ border: 1px solid #CECECE; padding: 35px 30px; background: #fff; margin-bottom: 16px; }
.testimonials_main_block i, .testi_block i{ font-size: 50px; color: #E67817; margin-bottom: 15px; }
.testimonials_main_block .heading_sec1 { background: #fff; padding: 20px 0 0; border-top: 1px solid #CECECE; margin-top: 20px;}
.testimonials_main_block .para_sec p{ margin-bottom: 20px; font-weight: 500; }
.testimonials_main_block .heading_sec h3{ font-weight: 400; }
.heading_sec h4{ font-size: 20px; color: #171717; margin-bottom: 25px; }
.testimonials_main_block .bg-transparent h5{ margin-bottom: 20px; font-weight: 400; font-size: 18px; }
.partners_slide { text-align: center; }
.partners_btn_prev { left: -20px; } 
.partners_btn_next { right: -20px; } 
.partners_btn_next, .partners_btn_prev { color: #E67817; }
.partners_btn_next:after, .partners_btn_prev:after { font-size: 30px; font-weight: 500; }


.about_content .para_sec p:not(:last-child){ border-bottom: 1px solid #eee; padding-bottom: 30px; }
.head_sec + .para_sec h2{ font-size: 30px; }
.about_section .head_sec{ margin-bottom: 40px; }
.jobPrfBox .site_btn{color: #E67817;border: 1px solid #E67817;justify-content: center;}
.form-check .wpcf7-list-item{    margin: 0 0 0 0em;}
.form-check{padding-left: 0em;}
.form-check .form-check-label{
    margin-right: 10px;
    width: 20px;
    height: 20px;
}
.form-check .form-check-label~span{
    font-size: 14px;
    color: #333333;
}
.jobPrfBox .site_btn:hover{color: #fff;}
.tabs_sec { margin-top: 60px; }
.tabs_sec .nav-pills .nav-link{ font-size: 16px; color: #fff; font-weight: 500; background: transparent; text-align: center; text-transform: capitalize; padding: 12px 30px; border-radius: 12px; position: relative; border: 1px solid #FFFFFF; transition: .3s all ease; margin-bottom: 18px; }
.tabs_sec .nav-pills .nav-link:hover, .tabs_sec .nav-pills .nav-link.active{ background: #E67817; border-color: #E67817; color: #fff; }
.tabs_sec .para_sec p{ text-align: left; font-size: 18px; line-height: 1.6; }
.tabs_sec .nav-pills{ flex: 1 0 auto; border-right: 1px solid #eee; padding-right: 40px; }
.tabs_sec .tab-content{ padding-left: 30px; }
.tabs_sec .nav-pills .nav-link:last-child{ margin-bottom: 0; }
.project_content img { height: 220px; object-fit: cover; }
.crafting_content .heading_sec h4{ text-align: center; }


/* Taxonomy category sidebar */
/* Wrapper UL for all category levels */
.plcontent1 {
        
    padding-left: 0;
    margin: 0;
    background-color: #273940;
    border: 2px solid #EEEEEE;
    border-radius: 6px;
    padding: 6px;
    color: #EEEEEE;
}
.tax-category-level li{ list-style: none !important; }


/* Each row for a category */
.tax-cat-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px;
    border-radius: 4px;
    transition: background 0.2s ease;
    position: relative;
    margin-bottom: 4px;
}

/* Hover effect for a category row */

/* Main link styling */
.tax-cat-row a {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
    flex-grow: 1;
    transition: color 0.2s ease;
}

/* Active state for category */
.tax-cat-row a.active {
    background-color: #f58220;
    color: #fff !important;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block;
}
 .para_sec > p {
        font-weight: bold;
        margin-bottom: 10px;
       
    }

    .plcontent1 a {
    text-decoration: none;
    color: #FFFFFF !important;
}
    

    
/* + / - toggle styling */
.tax-toggle-subcat {
    cursor: pointer;
    font-weight: bold;
    padding-left: 10px;
    color:#fff;
    user-select: none;
    transition: color 0.2s;
}


/* Nested UL for child categories */
.tax-nested-cat {
    padding-left: 20px;
    margin-top: 6px;
}

/* Optional: Add bullet or marker for each category */
/* .tax-cat-row::before {
    content: "•";
    color: #6c757d;
    font-size: 14px;
    display: inline-block;
    width: 1em;
    margin-right: 6px;
} */

/* Archive category sidebar */

    .arch-cat-row {
        display: flex;
        justify-content: space-between;
        padding: 5px;
        border-radius: 4px;
        transition: background 0.2s ease;
        position: relative;
        margin-bottom: 4px;
        }

    .arch-toggle-subcat {
        cursor: pointer;
        font-weight: bold;
        padding-left: 10px;
    }

    .plcontent1 {
        list-style: none;
        padding-left: 0;
        margin: 0;
        background-color: #273940;
        border: 2px solid #6186AC;
        border-radius: 6px;
        padding: 6px;
        color: #EEEEEE
        }

    .arch-nested-cat {
        padding-left: 15px;
        margin-top: 5px;
        display: none;
    }
    .arch-cat-row a{ display: block; }
    .arch-cat-row a:hover {
   color: #fff !important;
   
    }
    .para_sec > p {
        font-weight: bold;
        margin-bottom: 10px;
    }


/* New CSS */
.product_banner_col{ width: 50%; height: calc(50vh - 103px); display: flex; align-items: center; justify-content: center; position: relative; background-size: cover !important; }
.product_banner_coln{ width: 33%; height: calc(85vh - 100px); display: flex; align-items: center; justify-content: center; position: relative; background-size: cover !important; }
.product_banner_block h2 span{ font-size: 37px; color: #fff; font-weight: 700; display: inline-block; border-bottom: 1px solid #E67817; padding-bottom: 15px; margin-bottom: 25px; }
.product_banner_block h2{ width: 100%; }
.product_banner_block .site_btn { background: #E67817; border-color: #E67817; color: #fff; }
.product_banner_block .site_btn:hover{ background: #fff; color: #E67817; }
.product_banner_col:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: rgba(0,0,0,.9); transition: 1s all ease; }
.product_banner_block{ position: relative; }
.product_banner_col:hover:before{ background: rgba(0,0,0,.5); }
.mission_section h3{ margin-bottom: 0; }
.mission_section .heading_sec1{ padding: 0; }
.form_icon .wpcf7-spinner{ position: absolute; right: -10%; top: 20px; }
.wpcf7 form.sent .wpcf7-response-output{ margin: 0 !important; }
.newsletter_mail br{ display: none; }
.newsletter_content h2{ font-size: 24px; }
.about_content p, .facade-gallery p{ font-size: 16px; }
.back_btn .site_btn{ padding: 12px 50px; }
.facade-gallery p{ color: #fff; font-weight: 400; margin-top: 30px; }
.wpcf7 form .wpcf7-response-output{ margin-bottom: 0; }
.wpcf7-not-valid-tip{ margin-top: 10px; }






















@media(max-width: 1441px){
  
}

@media(max-width: 1367px){
    .container{ max-width: 1200px; }
    .heading_sec p { font-size: 19px;}
    .footer_menu li { font-size: 15px; }
    .banner_slider .banner_slide img{ height: 115px; }
    .lgf_section h4{ font-size: 22px; }
    .heading_sec h3 { font-size: 25px;}
    .heading_sec h4{ font-size: 18px; }

}


@media(max-width: 1199px){
    .container{ max-width: 900px; }
    .banner_content h1{ font-size: 38px; }
    .banner_content p { font-size: 14px;}
    .banner_content { max-width: 450px; }
    .banner_slider .banner_slide img{ height: 90px; }
    .banner_caption h5{ font-size: 14px; }
    .about_content h2{ font-size: 30px; }
    .about_content p, .para_sec p{font-size: 14px; }
    .play_icon{ width: 90px; height: 90px; }
    .heading_sec h3{ font-size: 26px; }
    .products_caption h6{ font-size: 18px; }
    .products_caption span{ font-size: 12px; }
    .testimonials_content{ padding: 50px 0 50px 50px; }
    .heading_sec h2{ font-size: 32px; }
    .partners_section .para_sec { max-width: 100%; }
    .partners_box span { width: 140px; height: 140px;}
    .partners_box { padding: 0 10px; }
    .help_content{ max-width: 500px; }
    .heading_sec p { font-size: 17px; }
    .newsletter_section .row{ padding: 0 2% 70px; }
    .footer_section .row { padding: 40px 2%; }
    .footer_menu li { font-size: 12px; }
    .footer_copyright p{ font-size: 12px; }
    .team_front .heading_sec h5{ font-size: 18px; }
    .team_front > span > img { height: 300px;}
    .team_block_hover{ overflow-x: auto; }
    .contact_form { padding-right: 0;}
    .lgf_map iframe{ height: 400px; }
    .pl-content-right { width: 70%; padding-left: 20px; }
    .pl-content-left { width: 30%; }
    .bigSwiper .swiper-slide img { max-width: 100%; }
    .smallSwiper .prod_slide img { width: 85%;}
    .smallSwiper .prod_slide{ height: 80px; }
    .partners_btn_prev { left: -30px; } 
    .partners_btn_next { right: -30px; } 
    .head_sec + .para_sec h2{ font-size: 24px; }
    .tabs_sec .nav-pills .nav-link { font-size: 16px;}
    .tabs_sec .para_sec p{ font-size: 16px; }
     .product_banner_block h2 span { font-size: 35px; }

html{
  overflow-x: hidden;
}


    
}

@media(max-width: 991px){
  .youtube-container{

  height: calc(100vh - 855px);
  }
    .container { max-width: 700px; }
    .menu_icon_sec{ display: block; }
    .menu_icon_sec>a { width: 35px; z-index: 9; position: absolute; top: -71px; right: 0; transition: .3s all ease; }
    .sticky_menu .menu_icon_sec>a{ transform: translateY(-50%); top: 50%; }
    .menu_icon_sec span { width: 35px; height: 2px; background: #C3C5CF; display: block; transition: .3s all ease-in; position: relative; } 
    .menu_icon_sec span:nth-child(2) { margin: 8px 0; } 
    .header-area .main-nav .logo img { max-width: 75%;}
    .header-area .bottom-nav .nav { width: 100%; position: fixed; top: 0; transition: .5s all ease-in; opacity: 0; visibility: hidden; height: 100vh; background: #efecec; left: -100%; margin-right: 0; display: block;  padding: 100px 20px !important; z-index: 9999;}
    .active_menu .header-area .bottom-nav .nav{ top: 0; opacity: 1; visibility: visible !important; left: 0; overflow-y: scroll;}
    .header-area .bottom-nav .nav > li { padding: 0; width: 100%; height: auto; border-bottom: 1px solid #dbcece; margin: 0;}
    .cross_icon{ border-radius: 50px; width: 40px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; align-content: center; z-index: 99999; position: absolute; top: 35px; right: 20px; transition: .3s all ease; }
    .cross_icon span { width: 30px; height: 3px; background: #CA6F1D; border-radius: 50px; display: block; transition: .3s all ease-in; position: relative; }
    .cross_icon span:first-child { transform: rotate(45deg); top: 5px; } 
    .cross_icon span:nth-child(2) { visibility: hidden; opacity: 0; } 
    .cross_icon span:last-child { transform: rotate(-45deg); top: -1px; }
    .active_menu .menu_icon_sec>a span{ background-color: #333; }
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li a{ background: transparent; color: #2d2d2d; }
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu { width: 300px; position: relative; top: 5px; left: 0; display: none; opacity: 1; visibility: visible; transform: translateY(0); }
    .main-nav .nav li.menu-item-has-children.active_submenu ul.sub-menu { display: block !important; }
    .header-area .main-nav .bottom-nav{ margin-bottom: 10px;}
    .active_menu .header-area .norm_menu .nav{ visibility: hidden; }
    .active_menu .header-area .sticky_menu .nav{ display: none; }
    .header-area .main-nav .nav li.menu-item-has-children:before { font-size: 18px; background: #CA6F1D; width: 50px; height: 52px; display: flex; align-items: center; justify-content: center; right: 0; color: #fff; z-index: 1; top: 25px; transition: .3s all ease; }
    .sub-menu:before{ display: none; }
    .header-area .main-nav .nav > li.menu-item-has-children:hover i{ color: #fff; }
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu{ background: transparent; box-shadow: none; }
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu{ width: 100%; top: -1px; }
    .header-area .main-nav .nav li.menu-item-has-children{ padding-right: 0; padding-left: 0; }
    .header-area .main-nav .nav li.menu-item-has-children ul li:hover > a{ color: #CA6F1D !important; }
    .header-area .main-nav .nav li.menu-item-has-children li.menu-item-has-children:hover i { transform: translateY(-50%) rotate(0); }
    .header-area .main-nav .nav li.menu-item-has-children li.menu-item-has-children i { width: 50px; height: 48px; top: 22px; }
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li{ padding: 0; width: 100%; height: auto; border-bottom: 1px solid #dbcece;}
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children > ul.sub-menu { display: none; left: 0; top: 0; }
    .header-area .main-nav .nav li:hover > a:before{ display: none; }
    .main-nav .nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children.active_submenus, .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children.active_submenus{ border-bottom: 0; }
    .header-area .main-nav .nav li.menu-item-has-children ul.sub-menu ul.sub-menu a{ padding-left: 40px;}
    .header-area .main-nav .nav > li.menu-item-has-children li.menu-item-has-children i{ color: #fff; }
    .header-area .main-nav .nav li.menu-item-has-children>a:after, .header-area .main-nav .nav > li > a:before{ display: none; }
    .header-area .main-nav .nav li{ padding: 0 }
    .header_call{ display: none; }
    .header_contact{ display: none; }
    .heading {
    font-weight: bold;
    font-size: 16px;
    color: #EEEEEE;
    display: inline-block;
    position: absolute;
    top: 63%;
    left: 47%;
}
    .header_main{ position: relative; }
    .header_contact { margin-right: 60px; }
    .header-area .main-nav .nav li a{ color: #171717; }
    .banner_thumb .banner_slide > img { height: 700px;}
    .banner_slider .banner_slide img { height: 50px; }
    .banner_slider{ padding-left: 20%; margin-top: -140px; margin-bottom: 40px; }
    .products_col{ width: 50%; padding-bottom: 30px !important; }
    .testimonials_img { padding: 50px 0; }
    .testimonials_content{ padding: 70px 0 50px; }
    .testimonials_content h6:before{ width: 100%; }
    .testimonials_name h2 { font-size: 50px; left: 0; bottom: auto;  top: -20px; }
    .testimonials_block{ max-width: 200px; }
    .testimonials_section { background: linear-gradient(360deg, #3D4854 50%, #E67817 50%); }
    .partners_block{ margin-top: 60px; flex-wrap: wrap; justify-content: center; }
    .testi_block{ margin-bottom: 80px; }
    .newsletter_mail{ margin-top: 25px; }
    .footer_menu{ margin-bottom: 25px; }
    .footer_menu li{ font-size: 14px; }
    .sticky_menu .btm_nav_inner { position: relative; }
    .header_top_sec { padding: 15px 0; }
    .space_sec { padding: 70px 0; }
    .products_col:first-child, .products_col:nth-child(2n+1){ border-left: 1px solid #EEEEEE; }
    .footer_outer{ padding: 70px 0 0; }
    .footer_menu h4 { font-size: 18px;}
    .project_content{margin-bottom: 30px;}
    .inner_banner > img { height: 400px;}
    .lgf_section .para_sec{ padding-left: 0; margin-top: 20px; }
    .about_imgs{ margin-top: 20px; }
    .mission_block{ border-bottom: 1px solid #E9E9E9; border-right: 0; }
    .team_col{ width: 50%; }
    .mission_block{ padding: 20px 0; padding-right: 0; }
    .mission_block h5{ font-size: 18px; }
    .team_block_hover{ padding: 30px 20px; }
    .header-area .main-nav .nav li.menu-item-has-children:hover:before{ color: #fff; }
    .lgf_section { background: linear-gradient(360deg, #3D4854 72%, #fff 72%); }
    .address_content { padding-left: 0px; margin-top: 30px;}
    .contact_content .heading_sec h2{ font-size: 30px; }
    .smallSwiper .prod_slide{ height: 110px; }
    .smallSwiper { margin-top: 30px; padding-right: 10px; }
    .prod_det_content{ padding-left: 0; }
    .form_btn1 .help_btn{ margin-top: 0; }
    .testimonials_main_col{ width: 50%; }
    .testimonials_main_block .heading_sec h3{ font-size: 22px; }
    .plcontent1 { padding-top: 10px; }
    .testimonials_name h2 { max-width: 100%; }
    .lgf_section .row [class*="col-"]:first-child{ border: 0; }
    .tabs_sec > div{ flex-direction: column; }
    .tabs_sec .nav-pills { flex-direction: row !important; padding-right: 0; border-right: 0; border-bottom: 1px solid #eee; flex: none; margin-right: 0 !important; flex-wrap: nowrap; overflow-x: scroll; white-space: nowrap; width: 100%; padding-bottom: 20px; margin-bottom: 20px;}
    .tabs_sec .nav-pills .nav-link { font-size: 14px; margin: 0 5px; }
    .tabs_sec .tab-content { padding-left: 0; }
    .about_imgs{ padding-left: 0px; }
    .project_content img { height: 185px;}
    .product_banner_block h2 span { font-size: 28px; }
    .product_banner_col { height: 35vh;}
    .header_top_sec ul{ margin-right: 10%; }
}


@media(max-width: 767px){
    .container{ max-width: 600px; }
    .banner_slider{ padding-left: 0; display: none;}
    .logo_sec img { max-width: 150px; }
    sticky_menu .logo_sec img { max-width: 130px; }
    .header_contact .site_btn{ display: none; }
    .language_sec button{ width: 40px; height: 40px; font-size: 14px; }
    .banner_thumb .banner_slide > img { height: 450px;}
    .banner_content h1 { font-size: 30px; }
    .space_sec { padding: 50px 0; }
    .about_content h2 { font-size: 24px; }
    .about_content { padding: 0; }
    .play_icon { width: 70px; height: 70px; }
    .play_icon img { max-width: 18px; }
    .heading_sec h3 { font-size: 22px; margin-bottom: 30px; max-width: 100%;}
    .products_caption h6 { font-size: 15px; }
    .products_col{ width: 100%; }
    .testimonials_name h2 { font-size: 35px;}
    .testimonials_block{ max-width: 150px; margin-top: 40px; }
    .testimonials_block h5 { font-size: 16px; max-width: 100px;}
    .partners_section h3{ margin-bottom: 15px; }
    .partners_section h2{ font-size: 26px; margin-bottom: 25px; }
    .partners_block{ margin-top: 40px; }
    .partners_box{ width: 100%; }
    .testi_section h3{ margin-bottom: 70px; }
    .testi_block h5{ font-size: 15px; }
    .testi_section { padding-bottom: 0px; }
    .help_content { padding: 40px 20px;}
    .help_btn{ margin: 25px 0 0; }
    .footer_outer{ padding: 50px 0 0; }
    .heading_sec h2 { font-size: 28px; }
    .newsletter_mail input { padding: 15px 60px 15px 15px; }
    .form_icon > img { max-width: 35px; top: 28px; }
    .form_icon{ right: 0; }
    .heading_sec p { font-size: 15px; }
    .newsletter_section .row { padding: 0 0 30px; }
    .footer_section .row { padding: 30px 0 0; }
    .footer_copyright p{ padding: 15px 0; }
    .banner_outer { top: 55%; }
    .products_col:nth-child(n+1){ border-left: 1px solid #EEEEEE; }
    .pl_content{flex-direction: column;}
    .pl-content-left{width: 100%; margin-bottom: 20px;}
    .pl-content-right{width: 100%; padding-left: 0;}
    .casement_tab_cont{padding-top: 40px; padding-right: 0;}
    .inner_banner > img { height: 350px;}
    .lgf_section h4 { font-size: 20px; }
    .about_img{ margin-bottom: 0; }
    .mission_section .heading_sec1{ margin-bottom: 30px; }
    .team_col{ width: 100%; }
    .team_block_hover h3{ margin-bottom: 15px; }
    .lgf_section { background: linear-gradient(360deg, #3D4854 68%, #fff 68%); }
    .contact_form .form_group, .address_head{ width: 100%; }
    .contact_form .form_desc textarea{ height: 100px; }
    .address_lgf{ flex-wrap: wrap; }
    .address_head{ margin-bottom: 5px; }
    .address_head .heading_sec h5:nth-child(2){ font-size: 16px; }
    .pl-content-right h4 { font-size: 22px; }
    .project_item { padding: 50px 0; }
    .prod_det_content{padding-left: 0;}
    .prod_det_content h3{max-width: 100%;}
    .contact_form .form_group{width: 100%;}
    .contact_form{padding-right: 0; margin-bottom: 30px;}
    .prod_content nav { padding-bottom: 30px; }
    .smallSwiper .prod_slide { height: 80px; }
    .related_product { margin-top: 40px; }
    .testimonials_main_col{ width: 100%; }
    .testimonials_main_block .heading_sec h3{ font-size: 20px; }
    .testimonials_main_block{ padding: 25px; }
    .partners_box span { width: 115px; height: 115px; }
    .partners_btn_prev { left: -15px; } 
    .partners_btn_next { right: -15px; } 
    .address_lgf .address_head:first-child{ border: 0; }
    .head_sec + .para_sec h2{ font-size: 22px; }
    .about_section .head_sec{ margin-bottom: 25px; }
    .tabs_sec .para_sec p { font-size: 14px; }
    .tabs_sec .nav-pills .nav-link { font-size: 10px; margin: 0 3px; padding: 10px 15px; }
    .product_banner_col{ width: 100%; }
    .product_banner_block h2 span { font-size: 26px; }
    .product_banner_col { height: 50vh;}
    .header_top_sec ul{ display: none !important; }
    .menu_icon_sec>a { top: -60px;}
    
 }

 @media(max-width: 479px){
    .container{ max-width: 350px; }
    .heading .partial-line {
   position: absolute;
   height: 1px;
   background: #f7931e;
   bottom: -2px;
   left: 59px;
   width: 55%;
}




.youtube-container{
  height: 233px;
}
.heading .full-line {
   position: absolute;
   height: 1px;
   background: #0070c0;
   bottom: 0px;
   left: 0px;
   width: 55%;
}
   .heading {
       font-weight: bold;
       font-size: 10px;
       color: #EEEEEE;
       display: inline-block;
       position: absolute;
       top: 89%;
       left: 41%;
   }

}
/* social feeds temp css */
.event-story-title {
  font-size: 2rem;
  font-weight: 600;
  color: #333;
}

.event-story-image-wrapper img {
  height: 250px;
  object-fit: cover;
  border-radius: 8px;
}

.event-story-description {
  font-size: 1rem;
  max-width: 1200px;
  margin: 0 auto;
  color: #555;
}

/* Project */
.section-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #EEEEEE;
  letter-spacing: 1px;
  position: relative;
}


#project-popup-title {
  padding: 10px 0;
}
#project-popup-desc {
  padding: 10px 0 6px 0;
}
#project-popup-desc h2 {
  font-size: 20px;
  padding: 0 0 10px 0;
}
#project-popup-desc p {
  font-weight: 500;
  line-height: 1.5;
}


.project_item .project_content {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}
.project_item .project_content:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}
.project_content img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.project_item .project_content:hover img {
  transform: scale(1.05);
}
.heading_sec {
  padding: 0 0 15px;

}
.heading_sec h5 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.project_listing p{
    padding: 3px 8px 12px 0px;
}

.project-popup {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.85);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-popup-content {
  background: #fff;
  width: 90%;
  padding: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.project-popup-close {
  position: absolute;
  top: 10px; right: 15px;
  font-size: 28px; font-weight: bold;
  cursor: pointer;
}
.project-popup-body {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 40px;
}
.project-popup-left {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-popup-right {
  flex: 1;
  overflow-y: auto;
  max-height: 400px;
}
.project-popup-slide-img {
  max-width: 450px;
  height: 350px;
  object-fit: cover;
  border-radius: 8px;
}
.project-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #273940;
  background: none;
  font-size: 65px;
  padding: 10px 16px;
  border: none;
  cursor: pointer;
  z-index: 10;
}
.project-arrow-left {
  left: 10px;
}
.project-arrow-right {
  right: 10px;
}


.project-popup-product-nav {
  margin-top: 40px;
  text-align: center;
  position: relative;
  bottom: 30px;
  width: 100%;
}
.project-popup-product-nav button {
  margin: 0 10px;
  padding: 8px 20px;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  background: #e30613;
  color: white;
  cursor: pointer;
  transition: background 0.3s ease;
}
.project-popup-product-nav button:hover {
  background: #b70510;
}


@media (max-width: 992px) {
  .project-popup-body {
    flex-direction: column;
    gap: 20px;
  }
  .project-popup-left,
  .project-popup-right {
    flex: none;
    width: 100%;
  }
  .project-popup-slide-img {
    max-width: 100%;
    height: auto;
  }
  .project-arrow {
    font-size: 50px;
    padding: 8px 14px;
  }
  .project-popup-content {
    padding: 47px 15px 15px ;
  }
}

@media (max-width: 576px) {
  .project-arrow {
    font-size: 40px;
    padding: 6px 10px;
  }
  .project-popup-product-nav button {
    padding: 6px 14px;
    font-size: 14px;
  }
  #project-popup-title {
    font-size: 20px;
    text-align: center;
  }
  #project-popup-desc h2 {
    font-size: 18px;
  }
  #project-popup-desc p {
    font-size: 14px;
  }
  .project-popup-close {
    font-size: 24px;
    top: 8px;
    right: 10px;
  }
  .filter-btn{ width: 85%; }
}

.service-description p {
  line-height: 1.5em;
  margin: 10px 0;
}



/* Mobile styling */
@media only screen and (max-width: 767px) {
    .logo_sec h6 {
        font-size: 8px;
    }
}

/* === def-content: default article styles === */

/* Paragraphs */
.def-content p {
  margin: 0 0 1.25em;
  font-size: 14px;
  color: inherit;
  word-break: break-word;
}

/* Headings */
.def-content h1,
.def-content h2,
.def-content h3,
.def-content h4,
.def-content h5,
.def-content h6 {
  margin: 1.4em 0 0.6em;
  line-height: 1.25;
  font-weight: 700;
  color: var(--dc-color);
  letter-spacing: -0.01em;
}

.def-content h1 { font-size: 2.25rem; margin-top: 0; }
.def-content h2 { font-size: 1.75rem; }
.def-content h3 { font-size: 1.375rem; }
.def-content h4 { font-size: 1.1rem; }
.def-content h5 { font-size: 1rem; }
.def-content h6 { font-size: 0.95rem; font-weight:600; color:var(--dc-muted); }

/* Links */
.def-content a {
  color: #f4511e;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,115,170,0.12);
  transition: color .15s, border-color .15s;
}
.def-content a:hover,
.def-content a:focus {
  color: var(--dc-link-hover);
  border-bottom-color: #f4511e;
  text-decoration: none;
}

/* Strong / Em */
.def-content strong { font-weight: 700; }
.def-content em { font-style: italic; }

/* Lists */
.def-content ul,
.def-content ol {
  margin: 0 0 1.25em 1.4em;
  padding: 0;
}
.def-content li { margin: 0.35em 0; }

/* Inline code and code blocks */
.def-content code {
  font-family: SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace;
  background: #f6f8fa;
  padding: 0.15em 0.35em;
  border-radius: 4px;
  font-size: .95em;
  line-height: 1;
}
.def-content pre {
  background: #0b0b0b;
  color: #f8f8f8;
  padding: 16px;
  overflow: auto;
  border-radius: 8px;
  font-family: SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace;
  font-size: .9rem;
  margin: 0 0 1.25em;
}

/* Blockquote */
.def-content blockquote {
  border-left: 4px solid var(--dc-border);
  margin: 0 0 1.25em;
  padding: 0.6em 1em;
  color: var(--dc-muted);
  background: #fafafa;
  border-radius: 4px;
}

/* Images & Figures */
.def-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0.75em auto;
}
.def-content figure {
  margin: 0 0 1.25em;
}
.def-content figcaption {
  font-size: .9rem;
  color: var(--dc-muted);
  text-align: center;
  margin-top: .35em;
}

/* Tables */
.def-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 1.25em;
  font-size: .95rem;
}
.def-content th,
.def-content td {
  border: 1px solid var(--dc-border);
  padding: 10px;
  text-align: left;
}
.def-content thead th {
  background: #f8f8f8;
  font-weight: 700;
}

/* Horizontal rule */
.def-content hr {
  border: none;
  border-top: 1px solid var(--dc-border);
  margin: 1.75em 0;
}

/* Readability helpers */
.def-content .lead {
  font-size: 1.125rem;
  color: #333;
  margin-bottom: 1.25em;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .def-content {
    padding: 18px;
    --dc-max-width: 100%;
  }
  .def-content h1 { font-size: 1.6rem; }
  .def-content h2 { font-size: 1.35rem; }
}

/* Helper: make images inside floats on desktop */
@media (min-width: 769px) {
  .def-content img.alignleft { float: left; margin: 0 20px 12px 0; max-width: 45%; }
  .def-content img.alignright { float: right; margin: 0 0 12px 20px; max-width: 45%; }
}

/* Small utility for meta */
.def-content .post-meta {
  color: var(--dc-muted);
  font-size: .95rem;
  margin-bottom: 1.25em;
}