body, html { /* font-family: 'Raleway', sans-serif; */ /* font-family: "Nunito Sans", sans-serif; */ font-family: "Nunito", sans-serif; overflow-x: hidden; }
img { max-width: 100% !important; } a { color: #ff6600; } h3 { font-size: 20px; line-height: 22px; } h2 { font-size: 20px; line-height: 30px; } h4, h4 a, h4 a:hover { color: #37414e; } .navbar { padding: 25px 0; } .navbar-bg { background: linear-gradient(257deg, rgba(104, 91, 69, 0.8), rgba(26, 23, 14, 0.8), rgba(26, 23, 14, 0.8)); } .nav-item { margin: 0 8px 0 0; } fieldset{border: 0;} .navbar a, .navbar a:hover { color: #fff !important; /* font-family: 'Raleway', sans-serif; */ text-transform: uppercase; font-size: 12px; font-weight: normal; letter-spacing: 1px; } .navbar .dropdown-toggle::after { content: none; } .navbar .nav-item:hover .dropdown-menu { background-color: #000; border: 0; border-radius: 0; width: 175px; padding-left: 0; } .navbar .nav-item:hover a { background-color: #000; } .navbar .nav-item:hover .active+.dropdown-menu { background-color: #2391e0 !important; } .dropdown-menu li { background-color: #000; border-bottom: 1px solid rgba(0, 0, 0, .05); height: auto !important; padding: 5px 0; } .navbar .nav-item:hover .active+.dropdown-menu li, .navbar .nav-item:hover .active+.dropdown-menu li a { background-color: #2391e0 !important; } .dropdown-menu li:hover>a { background-color: #000; font-weight: 600; letter-spacing: 1px; text-transform: lowercase; } .navbar .nav-item:hover .active+.dropdown-menu li:hover a { background-color: #2391e0 !important; } .dropdown-menu li a { letter-spacing: 0; text-transform: capitalize !important; text-wrap: wrap; } .navbar li:not(.contact-info) { height: 50px; position: relative; bottom: -7px; } .nav-link.active { color: #fff !important; background: #2391e0 !important; } .nav-link i, .nav-link svg { color: #388DCC; font-size: 16px; margin-right: 5px; position: relative; top: 2px; } .nav-item.contact-info { padding: 0; margin-top: -20px; height: 70px; } .nav-item.contact-info:hover, .nav-item.contact-info:hover a { background: none !important; } .nav-item.contact-info a { padding: 3px 5px; font-weight: 600; font-size: 14px; text-transform: lowercase; letter-spacing: 0; } .nav-item input { border: 1px solid #fff; border-radius: 3px; padding: 3px; } @media all and (min-width: 992px) { .navbar .nav-item .dropdown-menu { display: none; } .navbar .nav-item:hover .nav-link {} .navbar .nav-item:hover .dropdown-menu { display: block; } .navbar .nav-item .dropdown-menu { margin-top: 0; } }

/* contact form */
.contact-form { padding: 50px 0; background: url(../images/form-bg-2.webp); } .contact-form h2, .contact-form h3, .contact-form>.contactttl { text-align: center; color: #FF6600; font-size: 50px; /* font-family: 'Raleway', sans-serif; */ font-weight: 700; margin: 0; } /* .contact-form h3 { text-align: center; color: #FF6600; font-size: 50px; font-family: 'Raleway', sans-serif; font-weight: 700; } */ .contact-form h6, .contact-form .cntdesc { text-align: center; color: #fff; text-transform: uppercase; font-size: 20px; /* font-family: 'Raleway', sans-serif; */ font-weight: normal; margin-bottom: 30px; } .input-group-text { border: 0; align-items: flex-start; border-radius: 3px 0 0 3px; background: #fff; } .input-group { box-shadow: inset 3px 3px 3px rgba(0, 0, 0, .05); /* border: 1px solid #e3e3e3; */ border-radius: 4px; } .input-group .form-control { border: 0; padding-left: 0; border-radius: 0 3px 3px 0; } .form-control { border-radius: 0 3px 3px 0; } .form-select { border-radius: 3px; } form i { position: relative; top: 5px; left: 0; } .form-control:focus { box-shadow: none; } form input[type='file'] { border-radius: 3px; padding-left: 15px; }
.btn-orange { background-color: #FF6600; color: #fff; background-image: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .01) 100%); background-repeat: repeat-x; border-radius: 35px; padding: 7px 30px; font-size: 18px; } .btn-orange:hover { background-color: #FF6600; color: #fff; } .footer_line .container { background: #ff6600; } .footer_line .container .line { width: 25%; height: 7px; } .footer_line .container .line.line_2 { background: rgba(0, 0, 0, .12); } .footer_line .container .line.line_3 { background: rgba(0, 0, 0, .24); } .footer_line .container .line.line_4 { background: rgba(0, 0, 0, .32); } .footer_line .container { padding: 0; display: flex; } .footer { padding: 30px 0 0; } .social-media-icons { padding: 0; margin: 0; list-style-type: none; } .social-media-icons a { color: #937A79; } .social-media-icons i { font-size: px; } .social-media-icons li { padding-right: 15px; display: inline-block; } .policy-menu { padding: 0px; margin-top: -15px; list-style-type: none; } .policy-menu a { color: #ff6600; text-decoration: none; font-size: 14px; letter-spacing: 1px; } .policy-menu a:hover { text-decoration: underline; } .policy-menu li { padding: 0px 0; padding-bottom: 7px; } .footer-contact a { color: #ff6600; text-decoration: none; } .footer-contact a:hover { text-decoration: underline; } .footer-contact strong { color: #797B7F; } .footer-menu-title { color: #767676; letter-spacing: 2px; line-height: 19px; padding-left: 25px; text-transform: uppercase; font-size: 14px; margin-bottom: 20px; } .footer-menu-title::before { content: ""; height: 5px; width: 4.5px; background-color: #9F6C69; display: inline-block; position: relative; top: -2px; left: -10px; } .footer-menu { padding-left: 20px; list-style-type: none; } .footer-menu a { text-decoration: none; color: #434343; font-size: 14px; } .footer-menu a:hover { text-decoration: underline; color: #ff6600; } .footer-menu li { padding: 7px 0; border-bottom: 2px solid #e3e3e3; } .footer-divider { height: 10px; background: linear-gradient(#E7E7E7, #EFEFEF, #fff, #fff); margin-top: 10px; } .copyright { margin: 0 auto 29px; text-align: left; color: #98a3ab; font-size: 14px; letter-spacing: 0.5px; }
.social-list{ text-align:right;}
.home-banner, .banner, .buym-banner { background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 150px; padding-bottom: 50px; text-align: center; } .home-banner.h h2 { font-size: 100px !important; font-weight: 900 !important; color: #f78800 !important; line-height: normal; } .home-banner p { font-weight: 500; letter-spacing: 1px; line-height: normal; margin-bottom: 32px; font-size: 18px; color: #fff; } .conf-banner p { color: #fff; font-size: 20px; font-weight: 600; margin: 30px auto; } .banner-content { width: 75%; margin: auto; } .banner-content h2,.banner-content h1{ font-weight: 700; color: #fff; font-size: 32px; } .btn-blue, .btn-blue:hover { background: #ff6600; color: #fff; font-size: 25px; border-radius: 25px; padding: 6px 30px; } .btn-blue-sm, .btn-blue-sm:hover { /* border-color: #08c; */ border-color: #FF6600; /* background-color: #08c; */ font-size: 14px; padding-top: 14px; padding-bottom: 14px; padding-left: 20px; padding-right: 20px; color: #fff; border-radius: 25px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .01) 100%); background-repeat: repeat-x; } .banner-content .review { margin-top: 20px; clear: both; } .banner-content .review a { text-decoration: none; color: #fff; font-weight: 400; font-size: 14px; } .banner-content .review a span { position: relative; top: 3px; } .browse-design h1 span strong { font-size: 24px; line-height: 10px; } .browse-design h1 { line-height: 25px; } .browse-design { padding: 50px 0; } .btn-black { color: #fff; border-color: #2a2a2a; background-color: #2a2a2a; background-image: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .01) 100%); background-repeat: repeat-x; padding: 10px 20px; font-size: 14px; margin-top: 10px; border-radius: 25px; } .bg-black { background-color: #000; } .search_booth, .expoexhibit_shortcode { padding: 0; display: block; margin-bottom: 5px; margin-top: 5px; } .search_booth_form { border: 1px solid #dbdbdb; height: 83px; } .search_booth .search_booth_outer, .expoexhibit_shortcode .search_booth_outer { width: 38%; float: left; vertical-align: middle; position: relative; } .search_booth select, .expoexhibit_shortcode select { width: 100%; float: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 25px 37px 25px 15px; height: auto; border-right: 1px solid #dbdbdb !important; font-size: 20px; color: #000; margin: 0; position: relative; border-radius: 0; box-shadow: none; } .search_booth .search_booth_btn, .expoexhibit_shortcode .search_booth_btn { width: 24%; text-align: center; float: left; vertical-align: middle; position: relative; margin-top: 12px; } .search_booth .search_btn_tool_expo, .expoexhibit_shortcode .search_btn_tool_expo { position: static; width: auto; margin: 0; padding: 0 30px; height: 50px; line-height: 48px; background: #f60; border: 1px solid #f60; color: #fff; border-radius: 25px; cursor: pointer; display: inline-block; vertical-align: middle; }
.sec-title { font-size: 28px; font-weight: bold; text-align: center; } .desc { font-size: 18px; text-align: center; } .work-wrapper { position: relative; height: 378px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-font-smoothing: antialiased; aspect-ratio: 1; width: 100%; } .work-wrapper-15 { height: 241px !important; background-position: center; background-size: cover; background-repeat: no-repeat; } .blog-img { height: 150px; overflow: hidden; background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-font-smoothing: antialiased; aspect-ratio: 1; width: 100%; display: block; background-color: black; } .blog-cat-img { height: 326px; overflow: hidden; background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-font-smoothing: antialiased; aspect-ratio: 1; width: 100%; display: block; background-color: black; } .rel-img { height: 150px; overflow: hidden; background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-font-smoothing: antialiased; aspect-ratio: 1; width: 100%; display: block; background-color:black; } .div-thumb { padding: 5px; border: 1px solid #000; } .case-img { height: 378px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-font-smoothing: antialiased; aspect-ratio: 1; width: 100%; display: block; } .testi-img { height: 378px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-font-smoothing: antialiased; aspect-ratio: 1; width: 100%; display: block; } .work-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(255 102 0 / 77%); color: #fff; padding-top: 25%; transition: all 0.3s; transform-origin: 50% 100%; opacity: 0; visibility: hidden; cursor: pointer; /* transform-style: flat; transform: translate3d(0px, 0px, 0.001px) rotateX(90deg) scale(0.8, 0.8); */ } .work-wrapper:hover .work-overlay { opacity: 1; visibility: visible; } .work-overlay p { font-size: 12px; } .our-latest-work .container-fluid { padding: 0; } /* .our-latest-work .work-wrapper { height: 378px; overflow: hidden; background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-font-smoothing: antialiased; aspect-ratio: 1; background-color: black; } */ .our-latest-work.text-center.pt-5 { padding-top: 52px !important; } .our-latest-work .work-wrapper, .our-latest-work .work-wrapper1 { height: 450px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-font-smoothing: antialiased; aspect-ratio: 1; background-color: #fff; } .our-latest-work .work-wrapper img, .our-latest-work .work-wrapper1 img { min-height: 378px; max-height: 378px; } .img-view { position: fixed; background: rgba(0, 0, 0, .8); top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; padding-top: 10%; display: none; } .img-view img { width: 40%; cursor: zoom-in; transition: all 0.2s; height: auto; } .img-view-cancle { position: absolute; right: 10px; top: 5px; color: #fff; font-size: 30px; cursor: pointer; } .img-zoom-in { transform: scale(1.8, 1.8); cursor: zoom-out !important; } .case-wrap { position: relative; margin-bottom: 30px; max-height: 361px; overflow: hidden; min-height: 361px; } .case-wrap img { min-height: 361px; } .case-overlay { position: absolute; bottom: 0; width: 100%; background: rgba(221, 153, 51, 0.79); font-size: 25px; color: #000; } .btn-orange-lg, .custom-orange-btn, .btn-orange-lg:hover, .btn-orange-lg:active, .btn-orange-lg:focus, .btn-blue-sm, .btn-blue-sm:hover { background-color: #FF6600 !important; color: #fff !important; font-size: 20px; letter-spacing: 1px; position: relative; border-radius: 25px; padding: 6px 30px; }

.img-heading { color: #39464e; } .bg-light-grey { background-color: #e8e8e8; } .bg-secondary-subtle { background-color: #E2E2E2 !important; } .bg-secondary { background-color: #6D6D6D !important; } .carousel-inner { min-height: 200px; } .carousel-caption { color: #fff; top: 50%; } .text-orange { color: #FF6600; } .testimonials { background: url(../images/Our-Work.jpg); } .modal-content { border-radius: 0; } .modal-title { font-weight: bold; } /* .modal-content i { margin-top: 3px; } */ .form-control.file { border: 1px solid #e3e3e3; border-radius: 4px; padding-left: 11px; } .modal-header { border-bottom: 0; } .modal .btn-close { position: absolute; top: 10px; right: 10px; z-index: 999; background-color: #fff; opacity: 1; } form .fa-upload { position: relative; top: 0px; } .bg-navy-blue { background: #1D2E43; } .text-orange { color: #FF6600 !important; } .bg-light { background-color: #F4F4F4 !important; } .faqs .accordion-button:focus, .faqs .accordion-button { background-color: #E2E2E2 !important; box-shadow: none; color: #37414e; } .faqs .accordion-body { background-color: #E2E2E2; } .faqs .accordion-button::after { content: none; } .faqs .accordion-button::before { content: "+"; position: relative; left: -10px; color: #BABABA; font-size: 45px; top: -4px; } .faqs .accordion-button:not(.collapsed)::before { content: '-'; top: -5px; } .faqs .accordion-body { padding-left: 40px; padding-top: 0; } .faqs .accordion-item { border-bottom: 1px solid #ccc; } .btn-quote, .btn-quote:hover { color: #ff6600; font-weight: 600; background: transparent; display: block; width: 80%; margin: auto; padding: 10px; margin-top: 15px; margin-left: auto; margin-right: auto; border-radius: 25px; border: 1px solid #ff6600; } .product a { text-decoration: underline; } .buy-modular .product a { text-decoration: none; } .prod-img-wrap { position: relative; height: 370px; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-font-smoothing: antialiased; aspect-ratio: 1; width: 100%; } .prod-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #dd9933a3; padding-top: 45%; opacity: 0; transition: opacity 0.3s; } .buy-modular .product { border: 1px solid #E5E5E5; } .buy-modular .prod-overlay { padding-top: 40%; background: #000000a3; } .buy-modular .prod-details { background-color: #F5F5F5; } .buy-modular .price a { color: #434343 !important; } .buy-modular .price a:hover { color: #ff6600 !important; } .prod-overlay:hover { opacity: 1; } .prod-overlay .view-detail { color: #fff; text-decoration: none; background: #00000092; border: 1px solid #fff; padding: 10px 20px; border-radius: 25px; } .bg-info { background-color: #598FBF !important; } .prod-title a:hover { text-decoration: underline; } .btn-orange-block, .btn-orange-block:hover { background-color: #FF6600; color: #fff; font-size: 20px; display: block; width: 100%; font-size: 17px; padding: 12px; border-radius: 10px; font-weight: bold; border-radius: 25px; } .features { display: flex; flex-wrap: wrap; align-items: center; list-style-type: none; padding: 0; } .features li { width: 50%; font-size: 14px; padding-bottom: 18px; } .related-products .carousel-control-prev, .related-products .carousel-control-next { height: 50px; width: 50px; background-color: #000000; top: -70px; padding: 10px; } .related-products .carousel-control-prev { left: unset; right: 70px; } .loader { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000000b3; text-align: center; padding-top: 23%; display: none; } /* price range */ .field input { width: 100%; height: 100%; outline: none; font-size: 19px; margin-left: 12px; border-radius: 5px; text-align: center; border: 1px solid #999; -moz-appearance: textfield; } .slider { height: 10px; position: relative; background: #ddd; border-radius: 5px; } .slider .progress { height: 100%; left: 0%; right: 0%; position: absolute; border-radius: 5px; background: #f60; } .range-input { position: relative; } .range-input input { position: absolute; width: 100%; height: 5px; top: -8px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; } .range-input input[type="range"]::-webkit-slider-thumb { height: 24px; width: 24px; border-radius: 50%; background: #f60; pointer-events: auto; -webkit-appearance: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); } .range-input input[type="range"]::-moz-range-thumb { height: 30px; width: 30px; border: none; border-radius: 50%; background: #f60; pointer-events: auto; -moz-appearance: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); } #min-p, #max-p { position: absolute; top: 5px; } #min-p { left: 0; } #max-p { right: 0; } #between { width: 210px; margin: auto; position: relative; top: -53px; display: block; } /* end price range */ .bg-orange { background-color: #dd8500; } .navigation-sidebar { border: 3px solid #000; padding: 10px; padding-top: 30px; position: absolute; right: 30px; bottom: 30px; height: 700px; overflow-y: auto; z-index: 5; width: 30%; } /* .left-height { height: 700px; overflow-y: auto; } */ .navigation-sidebar-sticky { position: fixed; top: 100px; right: 30px; } .navigation-sidebar-absolute { top: 450px; } .navigation-sidebar-onload { position: absolute; top: 615px; } .navigation-sidebar .links a, .accordion .links a { color: #434343; font-weight: 600; } .navigation-sidebar .links a:hover, .accordion .links a:hover { text-decoration: underline; } .nav-sections { padding-top: 80px; margin-top: -80px; } .accordion-button { background-color: #ffe8d6 !important; box-shadow: none !important; } #mob-nav { width: 100%; margin: auto; position: fixed; top: 88px; z-index: 9; left: 0; } #accordionMobNav .accordion-item { border-radius: 0; } #accordionMobNav .accordion-button { padding: 2px 8px; border-radius: 0; } .filters .bg-filter-grey { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; } .filters .bg-filter-grey .acc { position: absolute; top: -1px; right: 7px; } .bg-filter-grey { background-color: rgb(245, 245, 245); } .nav-tabs .nav-link.active { color: #fff !important; border-color: #fb9f4c  !important; background-color: #fb9f4c !important; border-radius: 0; padding: 9px 7px; } .nav-tabs .nav-link.active i { padding: 5px; } .nav-tabs .nav-link, .nav-tabs .nav-link i { color: #666666 !important; background: #F9F9F9 !important; border-top: 1px solid #F0F0F0 !important; border-left: 1px solid #F0F0F0 !important; border-right: 1px solid #F0F0F0 !important; border-bottom: 0; } .nav-tabs .nav-link i { padding: 5px; color: #666666 !important; } .nav-tabs { border-bottom: 1px solid #F0F0F0 !important; } .tab-content { background: #F9F9F9 !important; border-bottom: 1px solid #F0F0F0 !important; border-left: 1px solid #F0F0F0 !important; border-right: 1px solid #F0F0F0 !important; border-top: 0; } @media (max-width: 767px) { .carousel-inner .carousel-item>div { display: none; } .carousel-inner .carousel-item>div:first-child { display: block; } } .carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev { display: flex; } /* medium and up screens */ @media (min-width: 768px) { .carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next { transform: translateX(25%); } .carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev { transform: translateX(-25%); } } .carousel-inner .carousel-item-end, .carousel-inner .carousel-item-start { transform: translateX(0); } .page-numbers { min-width: 28px; min-height: 28px; margin: 0 0 7px 7px; font-size: 15px; line-height: 1.7; text-align: center; color: #fff; background: #333; font-weight: 500; padding: 2px 10px 4px; -webkit-appearance: none; border-radius: 3px; white-space: nowrap; box-sizing: border-box; } .page-item:not(:first-child) .page-numbers { margin-left: calc(var(--bs-border-width) * -1); } .page-item { margin: 5px; } .page-numbers.current { background: #ff6600; color: #fff; } .member { position: relative; } .member img { min-width: 100%; } .member .details { position: absolute; bottom: 0; top: 0; left: 0; right: 0; color: #fff; text-transform: uppercase; z-index: 2; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%); } .member .details .m-name { font-size: 19px; line-height: 16px; font-weight: 800; margin-left: 20px; position: absolute; bottom: 36px; z-index: 4; } .member .details .m-desig { font-size: 12px; line-height: 11px; margin-left: 20px; position: absolute; bottom: 9px; z-index: 4; } .member .hov { position: absolute; bottom: 0; height: 10px; background-color: #F66317; width: 100%; z-index: 3; transition: height 0.3s; } .member:hover .hov { height: 80px; } .excert { font-size: 13px !important; } .excert p { margin-bottom: 5px; } .text-underline { text-decoration: underline !important; } .nav-previous { float: left; } .nav-next { float: right; } .screen-reader-text { display: none; } .widgettitle { border-left: 5px solid #f60; padding-left: 10px; margin-top: 30px; font-weight: bold; } .widget ul { list-style-type: none; padding-left: 20px; } .widget ul li { border-bottom: 1px solid #ccc; padding: 6px 0; } .career { border: 1px solid #ccc; padding: 10px 20px; margin-bottom: 20px; } .career p { font-size: 18px; font-weight: 400; } .c-title { font-size: 18px; } .ex_title { font-size: 70px; color: #524d50; line-height: normal; } .ex_desc { color: #524d50; font-size: 30px; font-weight: 500; line-height: 45px; letter-spacing: .5px; } .bg-orange2 { background-color: #EF7525; } .bg-orange2 .social-media-icons { text-align: center; margin-top: 300px; } .bg-orange2 .social-media-icons li { width: 50px; height: 50px; background-color: #fff; padding: 10px; margin: 10px; } .bg-orange2 .social-media-icons li a i { color: #EF7525; font-size: 30px; } .b-dashed { border-top: 1px dashed #EF7525; } .b-dashed-dark { border-top: 1px dashed #000; } .case-title { position: absolute; top: 45%; width: 100%; } .case-title span { background-color: #00000087; padding: 7px 15px; } .multiselect-dropdown { width: 100% !important; }

.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select { width: 6%; height: 36px; } .input-group .input-group-text.textarea { height: auto !important; } .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { width: 94%; } .input-group .wpcf7-not-valid-tip { margin-left: -36px; } .modal .input-group-text { width: 7% !important; } .modal .wpcf7-form-control-wrap { width: 93% !important; } .modal .input-group { border: 1px solid #e3e3e3 !important; } .wpcf7-not-valid-tip { position: absolute; } .side-drop { position: absolute; top: 0; left: 141px; list-style-type: none; display: none; } .side-drop li:hover a { letter-spacing: normal; font-weight: normal; } .nav-item:hover>.side-drop { display: block; } .wpcf7 form.spam .wpcf7-response-output, .wpcf7-response-output { color: red; } .drop, .subdrop { /* display: none !important; */ float: right; margin-top: -22px; margin-right: -4px; display: block; position: relative; z-index: 9; font-size: 10px; } .navbar .nav-item.active, .navbar .active .dropdown-item, .navbar .active li { background-color: #2391E0 !important; } .package-inc strong { color: #FF6600; } .our-clients.conf img { min-width: 100%; height: auto; } .multiselect-dropdown-all-selector { border-bottom: 0 !important; } .multiselect-dropdown-list { height: auto !important; font-size: 12px; } .multiselect-dropdown-list label { position: relative; top: -2.5px; } .rev-text { position: relative; bottom: -3px; } .search-submit { display: none; } .bg-orange img { min-width: 100%; } .specs_below img { position: relative; top: -1.5px; } .specs_below p { font-size: 22px; } .blog-cat-btn, .blog-cat-btn:hover { background-color: #f0f1f1 !important; color: #000 !important; } .cat-title { position: relative; top: 5px; } .carousel-item:not(.active) { opacity: 0; } .custom-h1{ font-size: 27px !important; } .our-latest-work { padding: 1px !important; } .our-latest-work div:has(div.work-wrapper) { padding: 1px; } .single-post table { width: 100%; border: 1px solid #000; border-width: 1px; border-style: solid; background: rgba(0, 0, 0, .03); } .single-post table th { padding-left: 16px; padding-top: 20px; } div#portfolio div:has(div.work-wrapper) { padding: 1px; } div#portfolio .row.g-1 { --bs-gutter-y: 0px; } .footer-location-div{ padding-right:30px; } .footer-location-inner-div{ border-top: 2px solid #e3e3e3; border-bottom: 2px solid #e3e3e3; padding:10px 0px; } @media only screen and (max-width: 776px) { .footer-location-div{ padding-right:10px; } .footer-location-div .nav-link{ padding-left:0px; } .footer-location-inner-div{ border-bottom: 0px solid #e3e3e3; } .social-list{ text-align:left; } } /* Custom CSS for lazy-loaded background images */ .lazyload-bg { background-image: none; /* No background initially */ transition: background-image 0.3s ease-in-out; /* Smooth fade-in effect */ } /* Optional: Style for when the background is loaded */ .lazyload-bg-loaded { background-size: cover; background-position: center; }

/* Rent Category Show New BY - Dev */
.testimonial-grid-sub{ padding: 15px; border: 1px solid black; margin-bottom: 20px; margin: 5px; } .expo-rentcat-shownew .testimonial-inner{ padding-left: 0px; overflow: hidden; position: relative; } .expo-rentcat-shownew h4{ margin-top: 20px; font-weight: bold; /* text-transform: uppercase; */ margin-bottom: 0; color: black; text-align: left; width: 80%; } .expo-rentcat-shownew .star-div-testimonial { padding: 0; text-align: left; margin-bottom: 0; margin-top: 5px; position: absolute; right: 0; top: 17px; } .expo-rentcat-shownew .text-orange { color: #FF6600 !important; } .expo-rentcat-shownew h6.cat-title { margin-top: 0px; font-weight: bold; color: black; text-transform: uppercase; font-size: calc(1.275rem + 0.3vw); padding-bottom: 40px; border-bottom: 2px dashed black; margin-bottom: 15px; text-align: left; } .expo-rentcat-shownew .testimonial-event-div { font-weight: bold; font-size: 18px; margin-bottom: 10px; text-align: left; } .expo-rentcat-shownew .other-details { font-weight: bold; text-transform: capitalize; font-size: 18px; text-align: left; } .expo-rentcat-shownew .other-details img { margin-right: 7px; width: 25px; height: auto; margin-bottom: 7px; } .workloadmore{ background-color: #FF6600 !important; color: #fff !important; font-size: 18px; letter-spacing: 1px; position: relative; } .blog-sec .box-product .image img.img-thumbnail {height: 220px;} /* #webWidget{height: 372px !important;max-height: calc(-200px + 100vh) !important;} */ iframe#webWidget { height: 372px !important; max-height: 372px !important; top: inherit !important; bottom: 0 !important; } header .container, header#navbar, footer .container { /* opacity: 0; */ animation: fadeIn 2.7s ease-in-out forwards; } @media only screen and (min-width: 1259px) and (max-width: 1308px) { #navbar .nav-link {letter-spacing: 0.2px;} } @media only screen and (min-width: 769px) and (max-width: 991px) { li.nav-item.contact-info { padding-top: 15px; height: auto; } div#navbarSupportedContent { background: rgba(0, 0, 0, 0.7); padding: 0px 15px 5px 15px; margin-top: 5px; } } iframe#webWidget, iframe[id^="webWidget"] { /* target inside iframe not possible directly */ } /* Zendesk injects a container in parent too */ .zEWidget-launcher, iframe[src*="zendesk"] { /* keep launcher visible */ } /* 🔥 THIS is what hides the H1 visually */ iframe[src*="zendesk"] + * h1, .zEWidget-webWidget h1 { display: none !important; } .workloadmore { border-radius: 25px; padding: 7px 30px; } .search_booth .search_btn_tool_expo{border-radius: 0;} .award-slide .owl-nav button.owl-next span, .award-slide .owl-nav button.owl-prev span, .testimonial-slider-2 .owl-nav button.owl-next span, .testimonial-slider-2 .owl-nav button.owl-prev span, .upcoming-interlink-slider .owl-nav button.owl-next span, .upcoming-interlink-slider .owl-nav button.owl-prev span{border-radius: 25px !important;} /* configurator css capsule */ .search_booth .search_btn_tool_expo, .expoexhibit_shortcode .search_btn_tool_expo {border-radius: 25px;padding: 0 40px;} .search_booth_form{border: none;height: auto;} @media (min-width:992px){ .search_booth select{border-right:2px solid #dbdbdb!important;padding:10px 37px 10px 25px;border-radius:25px;border-top-right-radius:0;border-bottom-right-radius:0}.search_booth .search_booth_outer:nth-of-type(2) select{border-right:2px solid #dbdbdb!important;padding:10px 37px 10px 25px;border-radius:0} .search_booth .search_btn_tool_expo{background:#ff6600;border:1px solid #ff6600;border-top-right-radius:50px;border-bottom-right-radius:50px} .search_booth .search_booth_btn{margin-top: 0px;} .search_booth .search_btn_tool_expo { width: 100%; background: #ff6600; border: 1px solid #ff6600; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .search_booth .search_btn_tool_expo{height:52px;} } .booth-search { width: 80% !important; margin: 0 auto; } @media (max-width:991px){ /* .search_booth .search_btn_tool_expo{border-radius: 0px !important;width:100%;} */ .search_booth select{padding: 15px;} .search_booth select, .search_booth .search_btn_tool_expo { border-radius: 25px !important; } .booth-search { width: 100% !important; } /* 911408397403 */ } .bi, .bi::before { font-family: "bootstrap-icons" !important; } .breadcrumb-wrapper{ padding:8px 0; background:#fff; border-bottom:1px solid #e5e5e5; } .breadcrumb{ margin:0; background:none; } .breadcrumb-item a{ color:#f37021; text-decoration:none; } .breadcrumb-item+.breadcrumb-item::before{ content: ">"; color:#999; }

/* Quick Links - Unique Footer Menu */
.quick-links-grid-menu {
    display: inline-table;
    padding: 0;
    list-style: none;
    width: 100%;
}

.quick-links-grid-menu > li {
    margin: 0 10px 0 0;
    padding: 15px 93px 15px 0;
    font-size: 14px;
    display: inline-block;
    border-bottom: 2px solid #e3e3e3;
    border-top: 2px solid #e3e3e3;
}

.quick-links-grid-menu > li > a {
    display: block;
    color: #434343;
    text-decoration: none;
    font-size: 14px;
}

.quick-links-grid-menu > li > a:hover {
    text-decoration: underline;
    color: #ff6600;
}

/* Tablet - 2 items per row */
@media (max-width: 991px) {
    .quick-links-grid-menu {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile - 1 item per row */
@media (max-width: 575px) {
    .quick-links-grid-menu {
        grid-template-columns: 1fr;
    }
}