.wl-image-border.w-picture-wrapper.media-wrapper_3VN > picture.w-picture.ui-picture_2i5 > img.w-picture__image.ui-image_3aJ { border-radius: 20px; } .w-block-wrapper:not(.w-block-wrapper--disable-theme) .w-section__inner { width: 100%; max-width: 1470px; margin: 0 auto; padding: 0 15px; } .wl-form-inner .w-input-file__content { color: #d50707; } input:focus, textarea:focus, select:focus{ outline: none !important; } input[type="checkbox"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; } /**********************************buttons*****/ .button--with-icon_3MG .button__content_1_I { max-width: 100%; font-size: 17px; line-height: 22px; } .wl-btn { border-radius: 20px !important; padding: 10px 24px !important; position: relative; z-index: 0; } .wl-btn .ui-button__border { border-radius: 20px; } .wl-btn { overflow: hidden; transition: all 0.5s ease-in-out; } .wl-btn:before { content: " "; display: block; width: 200px; height: 80px; background: rgba(255, 255, 255, 0.4); position: absolute; top: -10px; left: -200px; transform: rotate(-45deg); transition: all 0.5s ease-in-out; } .wl-btn:hover:before { margin-left: 300%; } .wl-btn-2 { border-radius: 10px !important; padding: 8px 16px !important; } .wl-btn-2 .ui-button__border { border-radius: 10px; } .wl-btn-2 { overflow: hidden; transition: all 0.5s ease-in-out; } .wl-btn-2:before { content: " "; display: block; width: 200px; height: 80px; background: rgba(255, 255, 255, 0.4); position: absolute; top: -10px; left: -200px; transform: rotate(-45deg); transition: all 0.5s ease-in-out; } .wl-btn-2:hover:before { margin-left: 300%; } .wl-btn-3 .ui-button__border { border-radius: 20px; border: 1px solid #d50707 !important; } .wl-btn-3 .button__inner_2of .button__content_1_I { color: #d50707 !important; } .wl-btn-3 { overflow: hidden; transition: all 0.5s ease-in-out; } .wl-btn-3:before { content: " "; display: block; width: 200px; height: 80px; background: rgba(213, 7, 7, 0.7); position: absolute; top: -10px; left: -200px; transform: rotate(-45deg); transition: all 0.5s ease-in-out; } .wl-btn-3:hover:before { margin-left: 300%; } /****************************************************Header Section******/ .wl-header .w-section__inner .horizontal-flow_CbY .horizontal-flow__section_2LL:nth-child(2) { display: none; } .wl-navbar .menu__item_1eM.w-nav__item.menu__item--submenu_2Ot.w-nav__item--submenu .submenu_1jR .submenu-wrapper_1UU .menu__item_1eM.w-nav__item { padding: 10px 3px; } .wl-navbar .menu__item_1eM.w-nav__item.menu__item--submenu_2Ot.w-nav__item--submenu .submenu_1jR .submenu-wrapper_1UU .menu__item_1eM.w-nav__item:hover:before{ display:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .wl-header .w-nav__list.wl-navbar .menu__item_1eM.w-nav__item { padding: 30px 15px; transition: all .5s ease-in-out; } .wl-header .w-nav__list.wl-navbar .menu__item_1eM.w-nav__item:before{ content: ""; width: 50%; height: 2px; background-color: #d50707; position: absolute; bottom: -50px; left: 50%; transform: translate(-50%, -50%); opacity:0; visibility:hidden; transition: all .5s ease-in-out; } .wl-header .w-nav__list.wl-navbar .menu__item_1eM.w-nav__item:hover:before{ bottom: 10px; opacity:1; visibility:visible; } /*************************************************************Banner Section*********/ .wl-banner .w-section .w-section__inner .w-section__header { max-width: 618px; width: 100%; } .wl-banner .w-section .w-section__inner .w-section__footer { margin-top: 40px; } .wl-banner .w-section .w-section__inner .w-section__header .w-grid__item-inner { row-gap: 24px; } .wl-banner .w-section .w-section__inner .w-section__header .w-grid__item-inner h1.text_1k0, .wl-banner .w-section .w-section__inner .w-section__header .w-grid__item-inner p { margin-top: 0 !important; } /*********************************************************************Services Section************/ .wl-our-services .w-section .w-section__content .w-grid--slider .slick-list .slick-track .slick-slide .w-grid__item .w-grid__item-inner { border-radius: 10px; background: var(--white-white-500, #fafafa); box-shadow: 0px 4px 25px 0px rgba(23, 23, 23, 0.15); border-bottom: 4px solid transparent; display: flex; justify-content: space-between; } .wl-our-services .w-section .w-section__content .w-grid--slider .slick-list .slick-track .slick-slide .w-grid__item .w-grid__item-inner p.ui-text { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; white-space: normal; margin-top: 0; padding: 15px 24px 0 24px; } .wl-our-services .w-section .w-section__content .w-grid--slider .slick-list { padding-bottom: 20px; } .wl-our-services .w-section .w-section__content .w-grid--slider .slick-list .slick-track .slick-slide .w-grid__item .w-grid__item-inner .w-picture-wrapper .w-picture { border-radius: 10px 10px 0 0; } .wl-our-services .w-section .w-section__content .w-grid--slider .slick-list .slick-track .slick-slide .w-grid__item .w-grid__item-inner p.w-subheading { margin-top: 0; padding: 24px 24px 0 24px; } .wl-our-services .w-section .w-section__content .w-grid--slider .slick-list .slick-track .slick-slide .w-grid__item .w-grid__item-inner .w-btns-group { margin-top: 44px; padding: 0px 24px 24px 24px; } .wl-our-services .w-section .w-section__content .w-grid--slider .slick-list .slick-track .slick-slide .w-grid__item .w-grid__item-inner:hover { border-bottom: 4px solid #d50707; } .wl-service-text .w-grid__item-inner p { max-width: 957px; margin-top: 16px !important; width: 100%; margin: 0 auto; } .wl-our-services .w-section .w-section__content { margin-top: 40px !important; } /************************************************************About Section*************/ .wl-about-image .w-picture-wrapper .w-picture img { border-radius: 10px; border-bottom: 15px solid #d50707; } .wl-about-text .w-grid__item-inner p.w-subheading { margin-top: 24px !important; } .wl-about-text .w-grid__item-inner p.ui-text { margin-top: 5px !important; } .wl-about-text .wl-para.text_1k0.ui-text.w-body { text-align: justify; } /***********************************************************************Area Section***********/ .wl-area-we .wl-location-box .w-grid__inner .w-grid__item .w-grid__item-inner { border-radius: 20px; border: 1px solid var(--black-black-500, #171717); padding: 24px; position: relative; } .wl-area-we .wl-location-box .w-grid__inner .w-grid__item .w-grid__item-inner h3.w-heading-lg .w-text-content::before { position: absolute; content: ""; background-image: url("//res2.yourwebsite.life/res/649da3f5c3a8d9000ef2ed44/649fc735a0e941000f8b351a"); width: 87px; height: 100px; background-repeat: no-repeat; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); } .wl-area-we .wl-location-box .w-grid__inner .w-grid__item .w-grid__item-inner h3 { position: absolute; top: -27px; left: -19px; } .wl-area-we .wl-location-box .w-grid__inner { column-gap: 80px; } .wl-area-we .wl-location-box .w-grid__inner .w-grid__item { max-width: calc(25% - 60px) !important; } .wl-area-we .w-section .w-section__content { margin-top: 100px !important; } /***********************************************************************Our Section******/ .wl-our-in::after { background-image: url("//res2.yourwebsite.life/res/649da3f5c3a8d9000ef2ed44/649fd35a36af57000f1b1060"); background-repeat: no-repeat; position: absolute; content: ""; width: 400px; height: 392px; bottom: 0; left: 0; } .wl-our-in::before { background-image: url("//res2.yourwebsite.life/res/649da3f5c3a8d9000ef2ed44/649fd37436af57000f1b1081"); background-repeat: no-repeat; position: absolute; content: ""; width: 400px; height: 392px; bottom: 0; right: 0; z-index: 1; } .wl-our-in .w-grid__inner { justify-content: center !important; } .wl-our-box .w-grid__inner .w-grid__item.w-grid__item--top.w-text-center-xs.w-text-center-sm.w-text-center-md.w-text-center { justify-content: center !important; } .wl-our-box .w-grid__item .w-grid__item-inner { max-width: 250px; height: 250px; border-radius: 50%; background: var(--white-white-500, #fafafa); box-shadow: 0px 4px 50px 0px rgba(213, 7, 7, 0.2); justify-content: center !important; } .wl-our-box .w-grid__inner { column-gap: 64px; } .wl-our-box .w-grid__inner .w-grid__item { padding: 0 !important; max-width: calc(25% - 48px) !important; } .wl-our-box .w-grid__item .w-grid__item-inner .w-subheading { margin-top: 2px !important; } /********************************************************NDE Section****/ .wl-nde-box .w-grid__item .w-grid__item-inner { border-radius: 10px; background: var(--white-white-500, #fafafa); box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.2); } .wl-nde-box .w-grid__item .w-grid__item-inner .w-map > div > div { border-radius: 10px 10px 0 0 !important; } .wl-nde-box .w-grid__item .w-grid__item-inner p { margin-top: 16px !important; padding: 0px 16px; } .wl-nde-box .w-grid__item .w-grid__item-inner .w-icon-list { margin-top: 0px !important; padding: 16px 16px; } .wl-nde-box .w-icon-list .w-horizontal-flow.w-icon-list__item-inner.w-text-left { display: flex; justify-content: center; align-items: center; } .wl-star .w-picture { width: 50px !important; height: 8px !important; } /****************************************************Testimonial Section****/ .wl-testimonials .w-section .w-section__content .w-grid--slider .slick-list .slick-slide .server-render__collection-item-wrapper .w-grid__item-inner { border-radius: 10px 10px 0px 0px; border: 2px solid var(--primary-primary-50, #fbe6e6); padding: 32px; transition: all 0.3s ease-in-out; } .wl-testimonials .w-section .w-section__content .w-grid--slider .slick-list .slick-slide .server-render__collection-item-wrapper .w-grid__item-inner p.w-heading { font-size: 12px !important; font-weight: 400 !important; line-height: 22px !important; } .wl-testimonials .w-section .w-section__content .w-grid--slider .slick-list .slick-slide .server-render__collection-item-wrapper .w-grid__item-inner p.w-heading { font-size: 12px !important; font-weight: 400 !important; line-height: 22px !important; margin-top: 0 !important; } .wl-testimonials .w-section .w-section__content .w-grid--slider .slick-list .slick-slide .server-render__collection-item-wrapper .w-grid__item-inner p.w-subheading { margin-top: 16px !important; } .wl-star { margin-top: 0px !important; } .wl-testimonials .w-section .w-section__content .w-grid--slider .slick-list .slick-slide .server-render__collection-item-wrapper .w-grid__item-inner p.ui-text { margin-top: 10px !important; } .wl-testimonials .w-slider-arrow.w-slider-arrow--prev { background-image: url('data:image/svg+xml,'); } .wl-testimonials .w-slider-arrow.w-slider-arrow--next { background-image: url('data:image/svg+xml,'); } .wl-testimonials .arrow-svg_1j4 { display: none; } /******new***/ .wl-quote-icon span:before { content: ""; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top; background-size: contain; position: absolute; top: 50%; transform: translate(-50%, -38%); left: 50%; z-index: 555; display: none; transition: all 0.3s ease-in-out; background-image: url('data:image/svg+xml,'); } .wl-testimonials .w-section .w-section__content .w-grid--slider .slick-list .slick-slide .server-render__collection-item-wrapper .w-grid__item-inner { transition: all 0.3s ease-in-out; } .wl-testimonials .w-section .w-section__content .w-grid--slider .slick-list .slick-slide .server-render__collection-item-wrapper .w-grid__item-inner:hover { background-color: rgba(251, 230, 230, 1); } .wl-testimonials .w-section .w-section__content .w-grid--slider .slick-list .slick-slide .server-render__collection-item-wrapper .w-grid__item-inner:hover .wl-quote-icon span:before { display: block !important; } .wl-quote-icon span img { transition: all 0.3s ease-in-out; } .wl-testimonials .w-section .w-section__content .w-grid--slider .slick-list .slick-slide .server-render__collection-item-wrapper .w-grid__item-inner:hover .wl-quote-icon span img { display: none; } /*****************************************************Call Section*********/ .wl-call-for .w-section .w-section__content { border-radius: 10px; background: var(--white-white-500, #fafafa); padding: 40px; } .wl-call-img .w-grid__item-inner { position: relative; } .wl-call-img picture.w-picture.ui-picture_2i5 { overflow: visible !important; } .w-grid__item.w-grid__item--top.wl-call-img img.w-picture__image.ui-image_3aJ { width: 100%; height: 400px; position: absolute; top: 39%; left: 50%; transform: translate(-50%, -50%); z-index: 999; object-fit: contain !important; } /********************************************************Footer*******/ .wl-top-bottum .horizontal-flow_CbY { flex-direction: column; justify-content: center; text-align: center; align-items: center; } .wl-top-bottum .horizontal-flow_CbY .horizontal-flow__section--center_134 { display: none !important; } .wl-top-bottum .horizontal-flow_CbY .horizontal-flow__section_2LL { width: 100% !important; } .wl-terms:before { content: ""; width: 2px; height: 100%; background-color: red; position: absolute; right: -12px; top: 50%; transform: translate(-50%, -50%); } .wl-terms.text_1k0.ui-caption.w-caption.ui-caption--light, .wl-privacy.text_1k0.ui-caption.w-caption.ui-caption--light { margin-top: 0 !important; } .wl-top-bottum .horizontal-flow_CbY .horizontal-flow__section_2LL .horizontal-flow__section-inner_2xL { justify-content: center !important; } .wl-footer-nav li.menu__item_1eM a.menu__link_2K2:after { content: ""; position: absolute; width: 21px; height: 21px; background-image: url(https://res2.yourwebsite.life/res/649da3f5c3a8d9000ef2ed44/64a00750a0e941000f8b7462); left: 0; top: 12px; transition: 0.3s ease-in-out; } .wl-about:after { content: ""; position: absolute; width: 754px; height: 467px; background-image: url(//res2.yourwebsite.life/res/649da3f5c3a8d9000ef2ed44/64a01af58f4d5c000f539493); right: -135px; bottom: -37px; background-repeat: no-repeat; } .wl-footer-nav li.menu__item_1eM a.menu__link_2K2 { width: 100%; padding: 10px; padding-left: 30px; position: relative; } .wl-footer-nav li.menu__item_1eM { margin: 0 !important; width: 100%; } .wl-f-box-1 .w-nav { margin-top: 32px !important; } .wl-f-box-1 p.ui-heading .w-text-content { border-bottom: 1px dotted #f2b2b2; padding-bottom: 8px; } .wl-f-box-2 .w-icon-list { margin-top: 32px !important; } .wl-f-box-2 .social-icons-container_3Jd .list_15l .social-icons_cEA .social-icons__icon_1W1 { justify-content: flex-start !important; } .wl-f-box-2 .social-icons-container_3Jd .list_15l .social-icons_cEA { margin: 0 !important; transition: transform 0.3s ease-in-out; } .wl-f-box-2 .social-icons-container_3Jd .list_15l .social-icons_cEA:hover { transform: translateY(-5px); } .wl-top-footer .menu__item_1eM.menu__item--light_UNr.w-nav__item:hover .menu__link_2K2.w-nav__link { transition: color 0.3s ease-in-out; } .wl-top-footer .menu__item_1eM.menu__item--light_UNr.w-nav__item:hover .menu__link_2K2.w-nav__link { color: #d50707; } .wl-top-footer .menu__item_1eM.menu__item--light_UNr.w-nav__item:hover .menu__link_2K2.w-nav__link::after { transform: rotate(-90deg); } /***********************************************Scroll Button*********/ .arrow-up { height: 50px; width: 50px; position: fixed; z-index: 9999; right: 30px; bottom: 30px; background: #d50707; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .show-me { opacity: 1; visibility: visible; } /*========================================================================*/ /**************************************SERVICES PAGE*************************/ /*************[1. potential Material Identification]****/ .wl-about-service:before { content: ""; width: 35%; height: 35%; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: bottom left; background-size: contain; bottom: 0; position: absolute; z-index: 1; left: 0; } /*=================================================================*/ /**************************CONTACT US PAGE**************************/ .wl-location-box1 .w-grid__inner .w-grid__item.w-grid__item--top.w-text-center-xs.w-text-center-sm.w-text-center-md.w-text-center { flex-basis: 25% !important; max-width: 25% !important; } .wl-location-box1 .w-grid__inner { column-gap: 40px !important; flex-wrap: nowrap !important; justify-content: center !important; } .wl-card-no.w-picture-wrapper.media-wrapper_3VN { position: absolute; } .wl-para-1 { margin-top: 10px !important; } /*************************[Get In Touch SEction]*********/ .wl-form-red .w-grid__item-inner.w-grid__item-panel.w-text-left-xs.w-text-left-sm.w-text-left-md.w-text-left { border-radius: 20px !important; } .wl-form-red .w-form .w-form__field { margin-bottom: 12px !important; } .wl-Get-in-touch .w-grid__inner { column-gap: 54px !important; } .wl-Get-in-touch .wl-contact-image { max-width: calc(58% - 27px) !important; } .wl-Get-in-touch .wl-form-red { max-width: calc(41% - 27px) !important; } .wl-form-red .w-form .w-form__field .w-form__input { margin-top: 8px !important; } .wl-form-red .w-form-button.w-form__button { padding: 12px 40px !important; width: max-content !important; margin-top: 18px !important; overflow: hidden; transition: all 0.5s ease-in-out; } .wl-form-red .w-form-button.w-form__button:hover { background-color: #ffffff !important; color: #d50707 !important; } .wl-form-red .w-grid__item-inner { border-radius: 20px !important; } .wl-Get-in-touch:before { width: 30%; content: ""; height: 30%; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: right; background-size: contain; z-index: 1; position: absolute; bottom: 0; right: 0; transform: translate(10px, 10px); } .wl-form-red .w-form-button.w-form__button:before { content: " "; display: block; width: 200px; height: 80px; background: rgba(213, 7, 7, 0.7); position: absolute; top: -10px; left: -200px; transform: rotate(-45deg); transition: all 0.5s ease-in-out; } .wl-form-red .w-form-button.w-form__button:hover:before { margin-left: 300%; } .w-checkbox__content { font-size: 15px !important; line-height: 22px !important; } .required-mark { display: none !important; } /*======================================================================*/ /*************************[CAREER PAGE]*******************************/ .wl-form-head-txt .w-grid__item-inner.w-grid__item-panel.w-text-left-xs.w-text-left-sm.w-text-left-md.w-text-left.w-088754deb0dd8820b733e12d9894218e { max-width: 65% !important; margin: 0 auto; } /* .wl-form-head-txt .w-text-content { text-transform: capitalize; } */ .wl-form-main .w-grid__item-inner.w-grid__item-panel.w-text-center-xs.w-text-center-sm.w-text-center-md.w-text-center.w-541a85a973647cb7e7b45b7ad7bf2d07.background_3lr.background.w-state-has-background { border-radius: 12px !important; border: 1px solid #ababab; } .wl-form-section .w-grid__inner { column-gap: 54px; justify-content: center !important; } .wl-form-section .wl-form-main { max-width: calc(41% - 27px) !important; } .wl-form-section .wl-form-right-img { max-width: calc(58% - 27px) !important; } .wl-form-inner .w-form__field .w-form__label { font-weight: 500; } .wl-form-inner .w-form__field:last-of-type { display: flex; justify-content: center !important; text-align: center; align-items: center; flex-direction: column-reverse; border: 2px dashed #757575; width: max-content !important; padding: 20px; border-radius: 12px; margin: 0 auto !important; } .wl-form-inner .w-form__field .w-form__input { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .wl-form-inner .w-form__field:last-of-type .w-form__input.w-form__input--file { border: 1px solid #d50707; padding: 12px 24px; border-radius: 20px; } .wl-form-inner .w-input-file__icon svg { display: none; } .wl-form-inner .w-input-file__icon:before { content: ""; width: 26px; height: 23px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: -14%; transform: translate(0px, 0px); left: -7%; } .wl-form-main .w-grid__item-inner.w-grid__item-panel.w-text-left-xs.w-text-left-sm.w-text-left-md.w-text-left.w-b914b63162b4354b3780efd42a6783ec.background_3lr.background.w-state-has-background { border-radius: 12px !important; } .wl-form-main .w-form-button.w-form__button { padding: 12px 40px !important; width: max-content !important; margin-top: 32px !important; overflow: hidden; transition: all 0.5s ease-in-out; } .wl-form-main .w-form-button.w-form__button:before { content: " "; display: block; width: 200px; height: 80px; background: rgba(255, 255, 255, 0.4); position: absolute; top: -10px; left: -200px; transform: rotate(-45deg); transition: all 0.5s ease-in-out; } .wl-form-main .w-form-button.w-form__button:hover:before { margin-left: 300%; } /*=======================================================================*/ /*************MEDIA QUERY**********/ @media (max-width: 1540px) { /*****[Area section]*****/ .wl-area-we .wl-location-box .w-grid__inner { justify-content: center !important; column-gap: 40px !important; } } @media (max-width:1490px){ /****Testimonial****/ .wl-testimonials .w-slider-arrow.w-slider-arrow--next { right: 3% !important; } .wl-testimonials .w-slider-arrow.w-slider-arrow--prev { left: 3% !important; } } /*=======================================================*/ @media (max-width: 1366px) { /*******[Banner]***/ .wl-banner-text .text_1k0.ui-heroTitle.w-hero-title { font-size: 65px !important; } /******[Our Section]******/ .wl-our-box .w-grid__inner { column-gap: 20px !important; flex-wrap: nowrap !important; } .wl-our-box .w-grid__inner .w-grid__item { max-width: calc(25% - 10px) !important; } .wl-our-box .w-grid__item .w-grid__item-inner .w-subheading { margin-top: 2px !important; font-size: 18px !important; } /*****location-section**/ .wl-area-we .wl-location-box .w-grid__inner { justify-content: center !important; column-gap: 20px !important; } /********[get-in-touch-section]*****/ .wl-Get-in-touch .w-grid__inner { column-gap: 30px !important; } .wl-Get-in-touch .wl-contact-image { max-width: calc(58% - 15px) !important; } .wl-Get-in-touch .wl-form-red { max-width: calc(41% - 15px) !important; } /******[form-section]**/ .wl-form-section .w-grid__inner { column-gap: 30px; justify-content: center !important; } .wl-form-section .wl-form-main { max-width: calc(41% - 15px) !important; } .wl-form-section .wl-form-right-img { max-width: calc(58% - 15px) !important; } } /*=======================================================*/ @media (max-width: 1200px) { /******[Our Section]******/ .wl-our-box .w-grid__item .w-grid__item-inner { max-width: 220px; height: 220px; } /******[location-section-1]****/ .wl-location-box1 .w-grid__inner { column-gap: 20px !important; flex-wrap: nowrap !important; justify-content: space-between !important; } .wl-location-box1 .w-grid__inner .w-grid__item.w-grid__item--top.w-text-center-xs.w-text-center-sm.w-text-center-md.w-text-center { flex-basis: 32% !important; max-width: 32% !important; } /****[form-section]***/ .wl-about-image.wl-form-right-img .w-picture-wrapper.w-picture-wrapper.w-picture-wrapper--hero.media-wrapper_3VN { height: 650px !important; } .wl-about-image.wl-form-right-img .w-picture-wrapper.w-picture-wrapper.w-picture-wrapper--hero.media-wrapper_3VN picture.w-picture.ui-picture_2i5 { height: 100%; } } /******[testimonial]****/ .slider_2N3 .slider-arrow_Yvf { background: transparent !important; } /*=======================================================*/ @media (max-width: 1140px) { /******About page****/ /*.wl-about-image .w-picture.ui-picture_2i5 { height: 100vh; }*/ /****[Area section]****/ .wl-area-we .wl-location-box .w-grid__inner .w-grid__item { max-width: calc(45% - 20px) !important; flex-basis: 45% !important; } .wl-location-box .w-grid__inner { row-gap: 50px; } .wl-area-we .w-section .w-section__content { margin-top: 50px !important; } .wl-home-map.w-picture-wrapper.media-wrapper_3VN, .wl-map.w-picture-wrapper.media-wrapper_3VN{ margin-bottom: 50px; } /*****[call section]*****/ .wl-call-for .wl-call-title { font-size: 38px !important; } } /*=================================================================*/ @media (max-width: 1024px) { /********header*****/ .wl-header .w-nav__list.wl-navbar .menu__item_1eM.w-nav__item { padding: 30px 15px; } .w-section { padding: 70px 0 !important; } /******[Banner section]*********/ .wl-banner-text .wl-title-1.text_1k0.ui-heroTitle.w-hero-title { font-size: 60px !important; } .wl-title-2 { font-size: 40px !important; } /*******[call section]********/ .w-grid__item.w-grid__item--top.wl-call-img img.w-picture__image.ui-image_3aJ { width: 100%; height: 300px; position: absolute; top: 35%; left: 50%; transform: translate(-50%, -35%); z-index: 999; object-fit: contain !important; } /******[get-in-touch-section***/ .wl-contact-image .w-picture-wrapper.media-wrapper_3VN { height: 650px !important; } .wl-contact-image .w-picture-wrapper.media-wrapper_3VN picture.w-picture.ui-picture_2i5 { height: 100% !important; } .text_1k0.ui-text.w-body { margin-top: 8px !important; } /*****[form-section]****/ .wl-form-head-txt .w-grid__item-inner.w-grid__item-panel.w-text-left-xs.w-text-left-sm.w-text-left-md.w-text-left.w-088754deb0dd8820b733e12d9894218e { max-width: 100% !important; margin: 0 auto; } .wl-call-title.text_1k0.ui-blockTitle.w-title { font-size: 35px !important; } } /*============================================================================*/ @media (max-width: 992px) { /*******header*****/ .wl-header .w-nav__list.wl-navbar .menu__item_1eM.w-nav__item:hover:before{ display:none !important; -webkit-appearance: none !important; -moz-appearance:none !important; appearance:none !important; background-color: #ffffff !important; } .wl-header .w-nav__list.wl-navbar .menu__item_1eM.w-nav__item { padding: 0px 0px; } .submenu_1jR .submenu-wrapper_1UU .menu__item_1eM.w-nav__item:hover:before{ display:none !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background-color: #ffffff !important; } .wl-banner-1 { padding: 80px 0; } /*********[Area Section]*********/ .wl-area-we .wl-location-box .w-grid__inner .w-grid__item { max-width: calc(45% - 10px) !important; flex-basis: 45% !important; } .wl-area-we .wl-location-box .w-grid__inner { row-gap: 20px !important; column-gap: 20px !important; } /********[Our Section]******/ .wl-our-box .w-grid__inner { column-gap: 20px !important; flex-wrap: wrap !important; row-gap: 20px !important; } .wl-our-box .w-grid__inner .w-grid__item { max-width: calc(50% - 10px) !important; } .wl-our-box .w-grid__item .w-grid__item-inner { max-width: 280px; height: 280px; } /********[call section]*****/ .w-grid__item.w-grid__item--top.wl-call-img img.w-picture__image.ui-image_3aJ { display:none !important; } /*******[footer]**/ .wl-top-footer .w-grid__inner { flex-wrap: wrap !important; row-gap: 24px; } .wl-top-footer .w-grid__inner .w-grid__item.w-grid__item--top { flex-basis: 100% !important; max-width: 100% !important; margin-top: 0 !important; } .wl-footer .wl-f-box-1 .menu__item-wrapper_YJs { justify-content: flex-start !important; text-align: left; } /*****[location-section-1]**/ .w-022a61ac9153c8abb8e0aa3657be3bc0:not(.w-grid--slider) > .w-grid__inner > .w-grid__item:not(:nth-child(-n + 1)) { margin-top: 0px !important; } .wl-location-box1 .w-grid__inner { column-gap: 20px !important; flex-wrap: wrap !important; justify-content: space-between !important; } .wl-location-box1 .w-grid__inner .w-grid__item.w-grid__item--top.w-text-center-xs.w-text-center-sm.w-text-center-md.w-text-center { flex-basis: 50% !important; max-width: calc(50% - 10px) !important; } .w-5070ca632f269268ff494b485c40bad0:not(.w-grid--slider) > .w-grid__inner > .w-grid__item:not(:nth-child(-n + 1)) { margin-top: 0px !important; } /*******[get-in-touch-section]**/ .wl-Get-in-touch .w-grid__inner { flex-wrap: wrap !important; } .wl-Get-in-touch .wl-contact-image { max-width: 100% !important; flex-basis: 100% !important; } .wl-Get-in-touch .wl-form-red { max-width: 100% !important; flex-basis: 100% !important; } .wl-contact-image .w-picture-wrapper.media-wrapper_3VN { height: unset !important; } .wl-contact-image .w-picture-wrapper.media-wrapper_3VN picture.w-picture.ui-picture_2i5 { height: unset !important; } .wl-Get-in-touch .w-grid__inner { row-gap: 16px !important; } /****[form-section]****/ .wl-form-section .wl-form-main { max-width: 100% !important; flex-basis: 100% !important; } .wl-form-section .w-grid__inner { row-gap: 32px; justify-content: center !important; } .wl-form-section .wl-form-right-img { max-width: 100% !important; flex-basis: 100% !important; } /* .wl-about-image.wl-form-right-img .w-picture-wrapper.w-picture-wrapper.w-picture-wrapper--hero.media-wrapper_3VN { height: unset !important; }*/ .wl-about-image.wl-form-right-img .w-picture-wrapper.w-picture-wrapper.w-picture-wrapper--hero.media-wrapper_3VN picture.w-picture.ui-picture_2i5 { height: 100% !important; padding-top: 20% !important; } .wl-form-main { order: 2; } .wl-form-section .w-section__content, .wl-location-section .w-section__content, .wl-Get-in-touch .w-section__footer, .wl-about-image, .wl-testimonials .w-section__content{ margin-top: 16px !important; } /******/ .wl-about-text { max-width: 100% !important; flex-basis: 100% !important; order:2 !important; } .wl-about-image { max-width: 100% !important; flex-basis: 100% !important; order: 1 !important; } .wl-about-service .wl-about-text, .wl-about .wl-about-text, .wl-about-2 .wl-about-text { max-width: 100% !important; flex-basis: 100% !important; order: 2; } .wl-about-service .wl-about-image, .wl-about .wl-about-image, .wl-about-2 .wl-about-image{ max-width: 100% !important; flex-basis: 100% !important; } /*.wl-about-service .wl-about-image .w-picture.ui-picture_2i5, .wl-about .wl-about-image .w-picture.ui-picture_2i5, .wl-about-2 .wl-about-image .w-picture.ui-picture_2i5 { padding-top: 50px !important; }*/ .wl-about-service .w-grid__inner, .wl-about .w-grid__inner, .wl-about-2 .w-grid__inner { row-gap: 25px; } .wl-about-image.wl-form-right-img .w-picture-wrapper.w-picture-wrapper.w-picture-wrapper--hero.media-wrapper_3VN { height: 400px !important; } .wl-about-text { margin-top: 0 !important; } } /*===================================================================*/ @media (max-width: 768px) { /*****[Banner Section]**/ .wl-banner-text .text_1k0.ui-heroTitle.w-hero-title { font-size: 50px !important; } .w-section { padding: 30px 0 !important; } .wl-title-2 { font-size: 36px !important; } .wl-para { font-size: 16px !important; } /*****[Area Section]**/ .wl-area-we .wl-location-box .w-grid__inner .w-grid__item { max-width: 90% !important; flex-basis: 90% !important; } .w-section--xxl { padding: 70px 0 !important; } .wl-area-we .wl-location-box .w-grid__inner { justify-content: flex-end !important; row-gap: 0px !important; } .wl-card-no.w-picture-wrapper.media-wrapper_3VN { position: absolute; width: 50% !important; } .wl-area-we .w-section .w-section__content { margin-top: 32px !important; } .wl-home-map img { object-position: top !important; } .wl-home-map.w-picture-wrapper.media-wrapper_3VN .w-picture.ui-picture_2i5, .wl-map.w-picture-wrapper.media-wrapper_3VN .w-picture.ui-picture_2i5 { padding-top: 60% !important; } .wl-home-map.w-picture-wrapper.media-wrapper_3VN, .wl-map.w-picture-wrapper.media-wrapper_3VN { margin-bottom: 0px; } /*******[our section]**/ .wl-our-box .w-grid__inner .w-grid__item { max-width: 100% !important; } /*****[call section]***/ .wl-call-details { max-width: 100% !important; flex-basis: 100% !important; } .wl-call-img { display: none !important; } /******[Nde]**/ .wl-nde-box .w-icon-list .w-horizontal-flow.w-icon-list__item-inner.w-text-left { display: flex; justify-content: flex-start; align-items: center; } /*****[footer]**/ .logo__content_1qc { margin: unset; } .wl-footer .wl-f-box-1 .menu__item-wrapper_YJs { justify-content: flex-start !important; text-align: left !important; } .wl-footer-nav li.menu__item_1eM a.menu__link_2K2 { text-align: left !important; } .wl-terms:before { display: none; } /****[location-section-1]**/ .wl-location-box1 .w-grid__inner { row-gap: 0px !important; flex-wrap: wrap !important; justify-content: space-between !important; } .wl-location-box1 .w-grid__inner .w-grid__item.w-grid__item--top.w-text-center-xs.w-text-center-sm.w-text-center-md.w-text-center { flex-basis: 100% !important; max-width: 100% !important; } .w-5070ca632f269268ff494b485c40bad0:not(.w-grid--slider) > .w-grid__inner > .w-grid__item:not(:nth-child(-n + 1)) { margin-top: 0px !important; } } /*========================================================================*/ @media (max-width: 767px) { /*****[footer]*****/ .footer .grid-row .section-inner_3y0 * { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; -webkit-box-pack: center !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: left !important; justify-content: flex-start !important; text-align: left !important; } .wl-about-image .w-picture.ui-picture_2i5 { height: unset !important; } .wl-privacy.text_1k0.ui-caption.w-caption.ui-caption--light{ margin-top:10px !important; } .wl-about-image.wl-form-right-img .w-picture-wrapper.w-picture-wrapper.w-picture-wrapper--hero.media-wrapper_3VN picture.w-picture.ui-picture_2i5{ height:100% !important; } } /*===========================================================================*/ @media (max-width: 500px) { /******[banner section]**/ .wl-banner-text .wl-title-1.text_1k0.ui-heroTitle.w-hero-title { font-size: 45px !important; line-height: 60px; } .wl-title-2 { font-size: 32px !important; } /*******[call section]**/ .wl-call-for .wl-call-title { font-size: 32px !important; } .wl-call-for .w-section .w-section__content { padding: 15px; } /*********[our section]**/ .wl-our-box .w-grid__item .w-grid__item-inner { max-width: 240px; height: 240px; } /**********[area section]**/ .wl-area-we .wl-location-box .w-grid__inner .w-grid__item .w-grid__item-inner h3 { position: absolute; top: -6%; transform: translate(-50%, -50%); left: 50%; } .wl-area-we .wl-location-box .w-grid__inner .w-grid__item { max-width: 100% !important; flex-basis: 100% !important; } .wl-area-we .w-grid__item.w-grid__item--top.w-text-center-xs.w-text-center-sm.w-text-center-md.w-text-center { margin: 20px 0; } }